JezK

Edit File: sc-upgrade-required.cjs.entry.js.map

{"file":"sc-upgrade-required.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,8fAA8f,CAAC;AAC5hB,gCAAe,oBAAoB;;;;;;;;;;;;;;2PCoClB,UAAE;;;oNAUA,UAAE,8FAGL,UAAE,6UAGL,UAAE;;;;;;;","names":[],"sources":["src/components/ui/sc-upgrade-required/sc-upgrade-required.scss?tag=sc-upgrade-required&encapsulation=shadow","src/components/ui/sc-upgrade-required/sc-upgrade-required.tsx"],"sourcesContent":[":host {\n display: inline-block;\n color: var(--sc-color-gray-900);\n cursor: pointer;\n}\n\np,\n::slotted(p) {\n font-size: var(--sc-font-size-medium) !important;\n font-weight: var(--sc-font-weight-normal);\n margin: 0 0 var(--sc-spacing-medium) 0 !important;\n line-height: var(--sc-line-height-dense);\n white-space: normal;\n}\n\n.trigger {\n pointer-events: auto;\n\n &__disabled {\n pointer-events: none;\n }\n}\n\n.dialog__title {\n display: flex;\n gap: 0.5em;\n align-items: center;\n\n sc-icon {\n font-size: 18px;\n width: 22px;\n stroke-width: 4;\n color: var(--sc-color-primary-500);\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n@Component({\n tag: 'sc-upgrade-required',\n styleUrl: 'sc-upgrade-required.scss',\n shadow: true,\n})\nexport class ScUpgradeRequired {\n /** The tag's size. */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'small';\n\n /** Is this required? */\n @Prop({ reflect: true }) required: boolean = true;\n\n /** Whether to render upgrade modal by default */\n @Prop({ mutable: true }) open: boolean = false;\n\n render() {\n if (!this.required) {\n return (\n <Host>\n <slot />\n </Host>\n );\n }\n\n return (\n <Host onClick={() => (this.open = true)}>\n <span class=\"trigger\">\n <span class=\"trigger__disabled\">\n <slot>\n <sc-premium-badge />\n </slot>\n </span>\n </span>\n <sc-dialog\n label={__('Boost Your Revenue', 'surecart')}\n open={this.open}\n onScRequestClose={() => {\n this.open = false;\n return true;\n }}\n style={{ '--width': '21rem', 'fontSize': '15px', '--body-spacing': '2rem' }}\n >\n <span class=\"dialog__title\" slot=\"label\">\n <sc-icon name=\"zap\"></sc-icon>\n <span>{__('Boost Your Revenue', 'surecart')}</span>\n </span>\n <slot name=\"content\">\n <p>{__('Unlock revenue boosting features when you upgrade your plan!', 'surecart')}</p>\n </slot>\n <sc-button href={`https://app.surecart.com/plans?switch_account_id=${window?.scData?.account_id}`} type=\"primary\" target=\"_blank\" full>\n {__('Upgrade Now', 'surecart')}\n <sc-icon name=\"arrow-right\" slot=\"suffix\" />\n </sc-button>\n </sc-dialog>\n </Host>\n );\n }\n}\n"],"version":3}