JezK

Edit File: sc-payment-method-choice_2.entry.js.map

{"file":"sc-payment-method-choice.sc-payment-selected.entry.js","mappings":"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","names":["selectedProcessor"],"sources":["src/components/processors/sc-payment-method-choice/sc-payment-method-choice.css?tag=sc-payment-method-choice&encapsulation=shadow","src/components/processors/sc-payment-method-choice/sc-payment-method-choice.tsx","src/components/ui/payment-selected/sc-payment-selected.scss?tag=sc-payment-selected&encapsulation=shadow","src/components/ui/payment-selected/sc-payment-selected.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n:slotted([slot=\"summary\"]) {\n line-height: 1;\n display: flex;\n align-items: center;\n gap: 0.5em;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { state as selectedProcessor } from '@store/selected-processor';\n@Component({\n tag: 'sc-payment-method-choice',\n styleUrl: 'sc-payment-method-choice.css',\n shadow: true,\n})\nexport class ScPaymentMethodChoice {\n @Element() el: HTMLScPaymentMethodChoiceElement;\n\n /** The method id */\n @Prop({ reflect: true }) methodId: string;\n\n /** The processor ID */\n @Prop() processorId: string;\n\n /** Is this a manual processor */\n @Prop() isManual: boolean;\n\n /** Should we show this in a card? */\n @Prop() card: boolean;\n\n isSelected() {\n if (this.methodId) {\n return selectedProcessor?.id === this.processorId && selectedProcessor?.method == this.methodId;\n }\n return !selectedProcessor?.method && selectedProcessor?.id === this.processorId;\n }\n\n getAllOptions() {\n const parentGroup = this.el.closest('sc-payment') || this.el.parentElement;\n if (!parentGroup) {\n return [];\n }\n return [...parentGroup.querySelectorAll(this.el.tagName)] as HTMLScPaymentMethodChoiceElement[];\n }\n getSiblingItems() {\n return this.getAllOptions().filter(choice => choice !== this.el) as HTMLScPaymentMethodChoiceElement[];\n }\n hasOthers() {\n return !!this.getSiblingItems()?.length;\n }\n\n render() {\n const Tag = this.hasOthers() ? 'sc-toggle' : 'div';\n\n return (\n <Tag\n show-control\n borderless\n open={this.isSelected()}\n onScShow={() => {\n selectedProcessor.id = this.processorId;\n selectedProcessor.manual = !!this.isManual;\n selectedProcessor.method = this.methodId;\n }}\n >\n {this.hasOthers() && <slot name=\"summary\" slot=\"summary\"></slot>}\n {this.card && !this.hasOthers() ? (\n <sc-card>\n <slot />\n </sc-card>\n ) : (\n <slot />\n )}\n </Tag>\n );\n }\n}\n",":host {\n display: block;\n}\n\n::slotted([slot=icon]) {\n display: block;\n font-size: 24px;\n}\n\n.payment-selected {\n display: flex;\n flex-direction: column;\n gap: var(--sc-spacing-x-small);\n\n &__label {\n color: var(--sc-input-label-color);\n line-height: var(--sc-line-height-dense);\n font-size: var(--sc-font-size-medium);\n }\n\n &__instructions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 1em;\n\n svg {\n width: 42px;\n height: 42px;\n flex-shrink: 0;\n }\n }\n\n &__instructions-text {\n color: var(--sc-input-label-color);\n font-size: var(--sc-font-size-small);\n line-height: var(--sc-line-height-dense);\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * @part divider - The divider.\n * @part divider__line - The divider line.\n */\n@Component({\n tag: 'sc-payment-selected',\n styleUrl: 'sc-payment-selected.scss',\n shadow: true,\n})\nexport class ScPaymentSelected {\n @Prop() iconName: string;\n\n @Prop() label: string;\n\n render() {\n return (\n <div class=\"payment-selected\" part=\"base\">\n <slot name=\"icon\" />\n\n <div class=\"payment-selected__label\">{this.label}</div>\n\n <sc-divider style={{ '--spacing': 'var(--sc-spacing-xx-small)' }} exportparts=\"base:divider, line:divider__line\"></sc-divider>\n\n <div part=\"instructions\" class=\"payment-selected__instructions\">\n <svg part=\"icon\" viewBox=\"0 0 48 40\" fill=\"var(--sc-color-gray-500)\" xmlns=\"http://www.w3.org/2000/svg\" role=\"presentation\">\n <path\n opacity=\".6\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M43 5a4 4 0 00-4-4H17a4 4 0 00-4 4v11a1 1 0 102 0V5a2 2 0 012-2h22a2 2 0 012 2v30a2 2 0 01-2 2H17a2 2 0 01-2-2v-9a1 1 0 10-2 0v9a4 4 0 004 4h22a4 4 0 004-4V5zM17.992 16.409L21.583 20H6a1 1 0 100 2h15.583l-3.591 3.591a1 1 0 101.415 1.416l5.3-5.3a1 1 0 000-1.414l-5.3-5.3a1 1 0 10-1.415 1.416zM17 6a1 1 0 011-1h15a1 1 0 011 1v2a1 1 0 01-1 1H18a1 1 0 01-1-1V6zm21-1a1 1 0 100 2 1 1 0 000-2z\"\n ></path>\n </svg>\n <div part=\"text\" class=\"payment-selected__instructions-text\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}