JezK

Edit File: sc-provisional-banner.cjs.entry.js.map

{"file":"sc-provisional-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,qXAAqX,CAAC;AACrZ,kCAAe,sBAAsB;;;;;;;;;;cCmBvB,UAAE;cACF,UAAE,8MAGD,UAAE;;;;;;;","names":[],"sources":["src/components/ui/sc-provisional-banner/sc-provisional-banner.scss?tag=sc-provisional-banner&encapsulation=shadow","src/components/ui/sc-provisional-banner/sc-provisional-banner.tsx"],"sourcesContent":[".sc-banner {\n background-color: var(--sc-color-brand-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > p {\n font-size: 14px;\n line-height: 1;\n margin: var(--sc-spacing-small);\n\n a {\n color: inherit;\n font-weight: 600;\n margin-left: 10px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n text-decoration: none;\n border-bottom: 1px solid;\n padding-bottom: 2px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n@Component({\n tag: 'sc-provisional-banner',\n styleUrl: 'sc-provisional-banner.scss',\n shadow: true,\n})\nexport class ScProvisionalBanner {\n /** Claim URL. */\n @Prop() claimUrl: string = '';\n\n /** Whether the claim window has expired. */\n @Prop() expired: boolean = false;\n\n render() {\n return (\n <div class={{ 'sc-banner': true }}>\n <p>\n {this.expired\n ? __('The setup window for your store has expired. Please contact support to complete your setup.', 'surecart')\n : __('Complete your store setup to go live.', 'surecart')}\n {!this.expired && (\n <a href={this.claimUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n {__('Complete Setup', 'surecart')} <sc-icon name=\"arrow-right\"></sc-icon>\n </a>\n )}\n </p>\n </div>\n );\n }\n}\n"],"version":3}