JezK

Edit File: sc-manual-payment-method_3.entry.js.map

{"file":"sc-manual-payment-method.sc-payment-method.sc-prose.entry.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,iXAAiX,CAAC;AACnZ,oCAAe,wBAAwB;;MCS1B,qBAAqB;;;;+BAEG,KAAK;;IAExC,MAAM;;QACJ,QACE,4DAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,IAC5C,4DAAK,KAAK,EAAC,uBAAuB,IAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAO,EAClE,IAAI,CAAC,eAAe,IAAI,iEAAU,KAAK,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,GAAI,CACjH,EACN;KACH;;;;ACrBH,MAAM,kBAAkB,GAAG,gOAAgO,CAAC;AAC5P,8BAAe,kBAAkB;;;;;;;;;;;;mBCkBpB,UAAE;;;mBAGF,UAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBf,MAAM,UAAU,GAAG,gyIAAgyI,CAAC;AACpzI,sBAAe,UAAU;;MCMZ,OAAO;;;;IAElB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/ui/sc-manual-payment-method/sc-manual-payment-method.css?tag=sc-manual-payment-method&encapsulation=shadow","src/components/ui/sc-manual-payment-method/sc-manual-payment-method.tsx","src/components/ui/sc-payment-method/sc-payment-method.css?tag=sc-payment-method&encapsulation=shadow","src/components/ui/sc-payment-method/sc-payment-method.tsx","src/components/ui/sc-prose/sc-prose.css?tag=sc-prose&encapsulation=shadow","src/components/ui/sc-prose/sc-prose.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.manual-payment-method {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(--sc-spacing-x-small);\n flex-wrap: wrap;\n\n &__title {\n font-weight: var(--sc-font-weight-bold);\n color: var(--sc-primary-color-900);\n }\n\n &__description {\n color: var(--sc-primary-color-600);\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\nimport { ManualPaymentMethod } from '../../../types';\n\n@Component({\n tag: 'sc-manual-payment-method',\n styleUrl: 'sc-manual-payment-method.css',\n shadow: true,\n})\nexport class ScManualPaymentMethod {\n @Prop() paymentMethod: ManualPaymentMethod;\n @Prop() showDescription: boolean = false;\n\n render() {\n return (\n <div class=\"manual-payment-method\" part=\"card\">\n <div class=\"payment-method__title\">{this.paymentMethod?.name}</div>\n {this.showDescription && <sc-prose class=\"payment-method__description\" innerHTML={this.paymentMethod?.description} />}\n </div>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.payment-method {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(--sc-spacing-x-small);\n}\n\n.payment-method-icon {\n border-radius: var(--sc-cc-border-radius, 4px);\n line-height: 0;\n overflow: hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\nimport { BankAccount, PaymentInstrument, PaymentMethod } from '../../../types';\nimport { getRazorpayMethodIcon, getRazorpayMethodLabel } from '../../../functions/razorpay';\n\n@Component({\n tag: 'sc-payment-method',\n styleUrl: 'sc-payment-method.css',\n shadow: true,\n})\nexport class ScPaymentMethod {\n @Prop() paymentMethod: PaymentMethod;\n @Prop() full: boolean;\n @Prop() externalLink: string;\n @Prop() externalLinkTooltipText: string;\n\n renderBankAccountType(type) {\n if (type === 'checking') {\n return __('Checking', 'surecart');\n }\n if (type === 'savings') {\n return __('Savings', 'surecart');\n }\n }\n\n renderExternalLink() {\n return (\n !!this.externalLink && (\n <sc-tooltip text={this.externalLinkTooltipText} type=\"text\">\n <sc-button style={{ color: 'var(--sc-color-gray-500)' }} type=\"text\" size=\"small\" href={this.externalLink} target=\"_blank\">\n <sc-icon name=\"external-link\" style={{ fontSize: '16px' }}></sc-icon>\n </sc-button>\n </sc-tooltip>\n )\n );\n }\n\n render() {\n if ((this.paymentMethod?.bank_account as BankAccount)?.id) {\n const account = this.paymentMethod?.bank_account as BankAccount;\n return (\n <div class=\"payment-method\" part=\"bank\">\n <span>{this.renderBankAccountType(account?.account_type)}</span>\n **** {account?.last4}\n {this.renderExternalLink()}\n </div>\n );\n }\n\n if ((this?.paymentMethod?.payment_instrument as PaymentInstrument)?.instrument_type) {\n const type = (this?.paymentMethod?.payment_instrument as PaymentInstrument)?.instrument_type;\n if (!!this?.paymentMethod?.payment_method_name) {\n return (\n <div class=\"payment-method\" part=\"instrument\">\n <div class=\"payment-method-icon\">\n <sc-icon style={{ 'fontSize': '36px', '--height': '0.63em' }} name={type} />\n </div>\n <span>{this?.paymentMethod?.payment_method_name}</span>\n {this.renderExternalLink()}\n </div>\n );\n }\n\n if (type === 'paypal') {\n return (\n <div class=\"payment-method\" part=\"instrument\">\n <sc-icon style={{ fontSize: '56px', lineHeight: '1', height: '28px' }} name=\"paypal\"></sc-icon>\n </div>\n );\n }\n\n // Razorpay method types — explicit label/icon so acronyms stay uppercase (\"UPI\", not \"Upi\").\n const razorpayLabel = getRazorpayMethodLabel(type);\n if (razorpayLabel) {\n return (\n <div class=\"payment-method\" part=\"instrument\">\n <sc-icon style={{ fontSize: '24px' }} name={getRazorpayMethodIcon(type)} aria-hidden=\"true\"></sc-icon>\n <span>{razorpayLabel}</span>\n {this.renderExternalLink()}\n </div>\n );\n }\n\n return (\n <div class=\"payment-method\" part=\"instrument\">\n <sc-tag exportparts=\"base:payment_instrument\" type=\"info\" pill>\n <span style={{ textTransform: 'capitalize' }}>{type} </span>\n </sc-tag>\n {this.renderExternalLink()}\n </div>\n );\n }\n\n if (this.paymentMethod?.card?.brand) {\n return (\n <div class=\"payment-method\" part=\"card\">\n <sc-cc-logo style={{ fontSize: '36px' }} brand={this.paymentMethod?.card?.brand}></sc-cc-logo>\n <sc-text style={{ whiteSpace: 'nowrap', paddingRight: '6px' }}>**** {this.paymentMethod?.card?.last4}</sc-text>\n {this.renderExternalLink()}\n </div>\n );\n }\n\n if (this.paymentMethod?.paypal_account?.id) {\n return (\n <div class=\"payment-method\" part=\"base\" style={{ gap: 'var(--sc-spacing-small)' }}>\n <sc-icon style={{ fontSize: '56px', lineHeight: '1', height: '28px' }} name=\"paypal\"></sc-icon>\n {this.full && (\n <sc-text style={{ '--font-size': 'var(--sc-font-size-small)' }} truncate>\n {this.paymentMethod?.paypal_account?.email}\n </sc-text>\n )}\n {this.renderExternalLink()}\n </div>\n );\n }\n\n return this?.paymentMethod?.processor_type;\n }\n}\n",":host {\n display: block;\n}\n\n:host {\n display: block;\n position: relative;\n width: 100%;\n font-family: var(--sc-input-font-family);\n font-weight: var(--sc-input-font-weight);\n line-height: var(--sc-line-height-normal);\n letter-spacing: var(--sc-input-letter-spacing);\n}\n::slotted(*) {\n /* font-size: var(--sc-font-size-medium);\n color: var(--sc-input-color);\n line-height: 1.75; */\n}\n\n::slotted([class~='lead']) {\n color: var(--sc-input-color);\n font-size: var(--sc-input-spacing-small);\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n\n::slotted(strong) {\n font-weight: var(--sc-font-weight-bold);\n}\n\n::slotted(ol) {\n padding: 0;\n margin-top: var(--sc-input-spacing-small);\n margin-bottom: var(--sc-input-spacing-small);\n}\n\n::slotted(ol > li) {\n position: relative;\n}\n\n::slotted(ul > li) {\n position: relative;\n}\n\n::slotted(hr) {\n border-color: var(--sc-color-gray-400);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n\n::slotted(blockquote) {\n font-weight: var(--sc-font-weight-medium);\n font-style: italic;\n color: var(--sc-color-gray-800);\n border-left-width: 0.25rem;\n border-left-color: var(--sc-color-gray-400);\n quotes: '\\201C''\\201D''\\2018''\\2019';\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-left: 1em;\n}\n\n::slotted(blockquote p:first-of-type::before) {\n content: open-quote;\n}\n\n::slotted(blockquote p:last-of-type::after) {\n content: close-quote;\n}\n\n::slotted(h1) {\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n\n::slotted(h2) {\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n\n::slotted(h3) {\n font-weight: 600;\n font-size: var(--sc-input-spacing-small);\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n\n::slotted(h4) {\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n\n::slotted(figure figcaption) {\n color: var(--sc-color-gray-600);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n\n::slotted(code) {\n color: var(--sc-color-gray-900);\n font-weight: 600;\n font-size: 0.875em;\n}\n\n::slotted(code::before) {\n content: '`';\n}\n\n::slotted(code::after) {\n content: '`';\n}\n\n::slotted(pre) {\n color: var(--sc-color-gray-300);\n background-color: var(--sc-color-gray-800);\n overflow-x: auto;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-right: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-left: 1.1428571em;\n}\n\n::slotted(pre code) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: 400;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n\n::slotted(pre code::before) {\n content: '';\n}\n\n::slotted(pre code::after) {\n content: '';\n}\n\n::slotted(table) {\n width: 100%;\n table-layout: auto;\n text-align: left;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n\n::slotted(thead) {\n color: #1a202c;\n font-weight: 600;\n border-bottom-width: 1px;\n border-bottom-color: var(--sc-color-gray-400);\n}\n\n::slotted(thead th) {\n vertical-align: bottom;\n padding-right: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-left: 0.5714286em;\n}\n\n::slotted(tbody tr) {\n border-bottom-width: 1px;\n border-bottom-color: var(--sc-color-gray-400);\n}\n\n::slotted(tbody tr:last-child) {\n border-bottom-width: 0;\n}\n\n::slotted(tbody td) {\n vertical-align: top;\n padding-top: 0.5714286em;\n padding-right: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-left: 0.5714286em;\n}\n\n::slotted(p),\n::slotted(img),\n::slotted(video),\n::slotted(figure) {\n padding: 0 !important;\n margin-top: var(--sc-input-spacing-small) !important;\n margin-bottom: var(--sc-input-spacing-small) !important;\n}\n\n::slotted(figure > *) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n::slotted(h2 code) {\n font-size: 0.875em;\n}\n\n::slotted(h3 code) {\n font-size: 0.9em;\n}\n\n::slotted(ul) {\n margin-top: var(--sc-input-spacing-small);\n margin-bottom: var(--sc-input-spacing-small);\n}\n\n::slotted(li) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n::slotted(ul > li p) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n\n::slotted(ul > li > *:first-child) {\n margin-top: var(--sc-input-spacing-small);\n}\n\n::slotted(ul > li > *:last-child) {\n margin-bottom: var(--sc-input-spacing-small);\n}\n\n::slotted(ol > li > *:first-child) {\n margin-top: var(--sc-input-spacing-small);\n}\n\n::slotted(ol > li > *:last-child) {\n margin-bottom: var(--sc-input-spacing-small);\n}\n\n::slotted(ul ul),\n::slotted(ul ol),\n::slotted(ol ul),\n::slotted(ol ol) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n\n::slotted(hr + *) {\n margin-top: 0;\n}\n\n::slotted(h2 + *) {\n margin-top: 0;\n}\n\n::slotted(h3 + *) {\n margin-top: 0;\n}\n\n::slotted(h4 + *) {\n margin-top: 0;\n}\n\n::slotted(thead th:first-child) {\n padding-left: 0;\n}\n\n::slotted(thead th:last-child) {\n padding-right: 0;\n}\n\n::slotted(tbody td:first-child) {\n padding-left: 0;\n}\n\n::slotted(tbody td:last-child) {\n padding-right: 0;\n}\n\n::slotted(:first-child) {\n margin-top: 0 !important;\n}\n\n::slotted(:last-child) {\n margin-bottom: 0 !important;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sc-prose',\n styleUrl: 'sc-prose.css',\n shadow: true,\n})\nexport class ScProse {\n\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n\n}\n"],"version":3}