@primer-io/primer-js 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/custom-elements.json +975 -270
- package/dist/jsx/index.d.ts +65 -0
- package/dist/primer-loader.d.ts +114 -3
- package/dist/primer-loader.js +15 -15
- package/dist/vscode.html-custom-data.json +43 -0
- package/dist/web-types.json +123 -1
- package/package.json +1 -1
|
@@ -46,257 +46,267 @@
|
|
|
46
46
|
{
|
|
47
47
|
"kind": "variable",
|
|
48
48
|
"name": "te",
|
|
49
|
-
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.darkMode=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=()=>{this.open=!1,this.removeEventListener(\"primer:dialog-close\",e)};this.addEventListener(\"primer:dialog-close\",e),this.dialog.startExitAnimation()}connectedCallback(){super.connectedCallback(),this.darkMode&&this.classList.add(\"primer-dark-theme\"),this.open||this.openDialog()}updated(e){super.updated(e),e.has(\"darkMode\")&&(this.darkMode?this.classList.add(\"primer-dark-theme\"):this.classList.remove(\"primer-dark-theme\")),e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return this.open?
|
|
49
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.darkMode=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=()=>{this.open=!1,this.removeEventListener(\"primer:dialog-close\",e)};this.addEventListener(\"primer:dialog-close\",e),this.dialog.startExitAnimation()}connectedCallback(){super.connectedCallback(),this.darkMode&&this.classList.add(\"primer-dark-theme\"),this.open||this.openDialog()}updated(e){super.updated(e),e.has(\"darkMode\")&&(this.darkMode?this.classList.add(\"primer-dark-theme\"):this.classList.remove(\"primer-dark-theme\")),e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return this.open?u`<primer-dialog class=\"${this.darkMode?\"primer-dark-theme\":\"\"}\" .open=${this.open} size=${this.size} .showCloseButton=${this.showCloseButton} @primer:dialog-close=\"${()=>{this.open=!1}}\" ><slot></slot>${this.cta?u`<primer-button @click=${this.cta.onClick} class=\"cta-button\">${this.cta.icon?u`<primer-icon name=\"${this.cta.icon}\" size=\"sm\" color=\"var(--primer-color-background-outlined-default)\" ></primer-icon>`:y} ${this.cta.label}</primer-button>`:y}</primer-dialog>`:y}}"
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
"kind": "variable",
|
|
53
|
-
"name": "
|
|
54
|
-
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this._eventListenerController=null;this._classObserver=null;this.locale=
|
|
53
|
+
"name": "ye",
|
|
54
|
+
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this._eventListenerController=null;this._classObserver=null;this.locale=rr(La());this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()};this.sdkContextController=new ya(this),this.primerEventsController=new er(this),this.styleProcessingController=new fa(this),this.vaultManagerController=new Mr(this),this.headlessSdkController=new Ya(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}get primerJS(){return this.headlessSdkController?.primerJSInstance??void 0}connectedCallback(){super.connectedCallback(),this.sdkContextController.setEventsController(this.primerEventsController),this._eventListenerController=new AbortController,document.addEventListener(\"primer:card-submit\",this.handleExternalCardSubmit.bind(this),{signal:this._eventListenerController.signal}),document.addEventListener(\"primer:vault-submit\",this.handleExternalVaultSubmit.bind(this),{signal:this._eventListenerController.signal}),document.addEventListener(\"primer:show-other-payments-toggle\",this.handleExternalShowOtherPaymentsToggle.bind(this),{signal:this._eventListenerController.signal}),this._classObserver=new MutationObserver(()=>{this.requestUpdate()}),this._classObserver.observe(this,{attributes:!0,attributeFilter:[\"class\"]})}attributeChangedCallback(e,r,i){e===Zm.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(i):super.attributeChangedCallback(e,r,i)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkContextController.contextProvider.value.sdkState?.isLoading&&this.sdkContextController.setSdkState({isLoading:!1}),this._eventListenerController&&(this._eventListenerController.abort(),this._eventListenerController=null),this._classObserver&&(this._classObserver.disconnect(),this._classObserver=null),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(vn(this.options?.locale)?this.locale=rr(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to system locale\")),yn(this.locale))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}handleExternalCardSubmit(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:card-submit\",e.detail)}handleExternalVaultSubmit(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:vault-submit\",e.detail)}handleExternalShowOtherPaymentsToggle(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:show-other-payments-toggle\",e.detail)}checkLoadingStateChange(){let e=this.sdkContextController.contextProvider.value.sdkState.isLoading||!1;if(this.previousLoadingState&&!e){this.jsInitialized=!0,Q({eventName:\"CHECKOUT_FLOW_STARTED\"});let r=De.getSdkInitStartTime(),i=r?Date.now()-r:void 0;ds(i)}this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkContextController.contextProvider.value.sdkState.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkContextController.setSdkState({isLoading:!1}),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkContextController.contextProvider.value.sdkState,r=e.isLoading,i=e.primerJsError,n=!r&&!i;return u` ${L(r,()=>y)} ${L(i,()=>u`<primer-checkout-error></primer-checkout-error>`)} ${L(n,()=>u`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${L(this.hasAssignedContent,()=>y,()=>u`<primer-main></primer-main>`)} `,()=>y)} `}addEventListener(e,r,i){super.addEventListener(e,r,i)}removeEventListener(e,r,i){super.removeEventListener(e,r,i)}}"
|
|
55
55
|
},
|
|
56
56
|
{
|
|
57
57
|
"kind": "function",
|
|
58
|
-
"name": "
|
|
58
|
+
"name": "dl"
|
|
59
59
|
},
|
|
60
60
|
{
|
|
61
61
|
"kind": "function",
|
|
62
|
-
"name": "
|
|
62
|
+
"name": "cl"
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
"kind": "function",
|
|
66
|
-
"name": "
|
|
66
|
+
"name": "eh"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
"kind": "function",
|
|
70
|
-
"name": "
|
|
70
|
+
"name": "th"
|
|
71
71
|
},
|
|
72
72
|
{
|
|
73
73
|
"kind": "variable",
|
|
74
|
-
"name": "
|
|
75
|
-
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in
|
|
74
|
+
"name": "Be",
|
|
75
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in kn)return kn[this.size];let e=parseInt(this.size,10);return isNaN(e)?kn.medium:e}render(){let e=this.getSize(),r=20,i=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),u`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${i}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" ><path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /></svg></div>`}}"
|
|
76
76
|
},
|
|
77
77
|
{
|
|
78
78
|
"kind": "variable",
|
|
79
|
-
"name": "
|
|
80
|
-
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(i=>i.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let i of e){let n=i.querySelector(\"primer-input\");if(n)return n}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return
|
|
79
|
+
"name": "Ge",
|
|
80
|
+
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(i=>i.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let i of e){let n=i.querySelector(\"primer-input\");if(n)return n}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return u`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${X(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
"kind": "variable",
|
|
84
|
-
"name": "
|
|
85
|
-
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return
|
|
84
|
+
"name": "at",
|
|
85
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return u`<label for=${this.for}><slot></slot></label>`}}"
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
88
|
"kind": "variable",
|
|
89
|
-
"name": "
|
|
90
|
-
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?y:
|
|
89
|
+
"name": "ce",
|
|
90
|
+
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?y:u`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return y;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),u`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return u`<button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} aria-label=${this.ariaLabel?this.ariaLabel:y} >${this.renderSpinner()} ${this.flex?u`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:u`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
"kind": "variable",
|
|
94
|
-
"name": "
|
|
95
|
-
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return
|
|
94
|
+
"name": "it",
|
|
95
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return u`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"kind": "variable",
|
|
99
|
-
"name": "
|
|
100
|
-
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name
|
|
99
|
+
"name": "Ke",
|
|
100
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?$a[this.name]:null;return u`<div style=\"--internal-icon-color: ${this.color}\">${e||u`<slot></slot>`}</div>`}}"
|
|
101
101
|
},
|
|
102
102
|
{
|
|
103
103
|
"kind": "variable",
|
|
104
|
-
"name": "
|
|
105
|
-
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?
|
|
104
|
+
"name": "nt",
|
|
105
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?u`<primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" ></primer-icon><p>Checkout complete!</p><p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p>`:u`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?u`<p class=\"secondary\">${this.description}</p>`:u`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"kind": "variable",
|
|
109
|
-
"name": "
|
|
110
|
-
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let i=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let i=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,i){this.inputElement?.setSelectionRange(e,r,i)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,i])=>i).map(([i])=>i).join(\" \");return
|
|
109
|
+
"name": "z",
|
|
110
|
+
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let i=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let i=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,i){this.inputElement?.setSelectionRange(e,r,i)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,i])=>i).map(([i])=>i).join(\" \");return u`<input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} />`}addEventListener(e,r,i){super.addEventListener(e,r,i)}removeEventListener(e,r,i){super.removeEventListener(e,r,i)}}"
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
113
|
"kind": "variable",
|
|
114
|
-
"name": "
|
|
115
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
114
|
+
"name": "re",
|
|
115
|
+
"default": "class extends v{constructor(){super(...arguments);this.prefix=\"+351\";this.value=\"\";this.placeholder=\"\";this.inputId=\"primer-pt-phone-number-input\";this.maxLength=15;this.minLength=9;this.disabled=!1;this.hasErrors=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target,n=r.value.replace(/\\D/g,\"\").slice(0,this.maxLocalDigits);r.value!==n&&(r.value=n),this.dispatchValueEvent(\"input\",n)};this.handleChange=e=>{e.stopPropagation();let i=e.target.value.replace(/\\D/g,\"\");this.dispatchValueEvent(\"change\",i)};this.handleHostClick=()=>{this.inputEl?.focus()}}get localDigits(){let r=(this.value==null?\"\":String(this.value)).replace(/[^\\d+]/g,\"\");return r.startsWith(this.prefix)?r.slice(this.prefix.length):r.replace(/^\\+/,\"\")}get maxLocalDigits(){return Math.max(this.maxLength-this.prefix.length,0)}updated(e){if(!e.has(\"value\")&&!e.has(\"prefix\"))return;let r=this.inputEl;if(!r)return;let i=this.localDigits;r.value!==i&&(r.value=i)}dispatchValueEvent(e,r){let i=r.length?`${this.prefix}${r}`:\"\";this.dispatchEvent(new CustomEvent(e,{detail:i,bubbles:!0,composed:!0}))}focus(){this.inputEl?.focus()}render(){return u`<div @click=${this.handleHostClick} style=\"display: contents;\"><span class=\"flag\" aria-hidden=\"true\">${ih}</span><span class=\"prefix\">${this.prefix}</span><input id=${this.inputId} type=\"tel\" inputmode=\"numeric\" autocomplete=\"tel-national\" ?disabled=${this.disabled} placeholder=${this.placeholder} @input=${this.handleInput} @change=${this.handleChange} /></div>`}}"
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
"kind": "variable",
|
|
119
|
-
"name": "
|
|
120
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
119
|
+
"name": "ue",
|
|
120
|
+
"default": "class extends v{constructor(){super(...arguments);this.name=\"\";this.id=\"\";this.value=\"\";this.disabled=!1;this.hasError=!1;this.placeholder=\"\";this.options=[]}handleChange(e){let i=e.target.value;this.dispatchEvent(new CustomEvent(\"change\",{detail:i,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(\"input\",{detail:i,bubbles:!0,composed:!0}))}handleFocus(){this.dispatchEvent(new CustomEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.dispatchEvent(new CustomEvent(\"blur\",{bubbles:!0,composed:!0}))}renderSelectOptions(){let e=[];for(let r of this.options)e.push(u`<option value=${r.value} ?selected=${this.value===r.value} >${r.label}</option>`);return e}stopNativeEvent(e){e.stopPropagation()}render(){return u`<select id=${this.id} name=${this.name} ?disabled=${this.disabled} ?required=${!this.value} @change=${this.handleChange} @input=${this.stopNativeEvent} @focus=${this.handleFocus} @blur=${this.handleBlur} aria-invalid=${this.hasError?\"true\":\"false\"} ><option value=\"\" disabled ?selected=${!this.value}>${this.placeholder||\"Select an option\"}</option>${this.renderSelectOptions()}</select>`}}"
|
|
121
121
|
},
|
|
122
122
|
{
|
|
123
123
|
"kind": "variable",
|
|
124
|
-
"name": "
|
|
125
|
-
"default": "class extends v{constructor(){super();this.
|
|
124
|
+
"name": "pe",
|
|
125
|
+
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,i=this.header||e;return u`<div class=\"collapsable\"><primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} ><span>${i}</span></primer-button><div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" ><div class=\"collapsable-content\"><slot></slot></div></div></div>`}}"
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
128
|
"kind": "variable",
|
|
129
|
-
"name": "
|
|
130
|
-
"default": "class extends v{constructor(){super(
|
|
129
|
+
"name": "Fe",
|
|
130
|
+
"default": "class extends v{constructor(){super();this.message=\"\";this.visible=!1;this._role=\"alert\";this.showMessage=!1;this.role=\"alert\"}get role(){return this._role}set role(e){this._role=e,this.setAttribute(\"role\",e)}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return y;let e={\"error-message\":!0,hidden:!this.visible};return u`<div part=\"error-message\" class=${X(e)} aria-live=\"assertive\" aria-atomic=\"true\" ><div part=\"error-icon\" class=\"error-icon\"><primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon></div><div part=\"error-content\" class=\"error-content\">${this.message}</div></div>`}}"
|
|
131
131
|
},
|
|
132
132
|
{
|
|
133
133
|
"kind": "variable",
|
|
134
|
-
"name": "
|
|
135
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
134
|
+
"name": "Le",
|
|
135
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\",this.dispatchEvent(new CustomEvent(\"primer:dialog-open\",{bubbles:!0,composed:!0}))},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer:dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?u`<div class=${X({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${X({dialog:!0,[this.size]:!0,\"dialog--entering\":this._animationState===\"entering\",\"dialog--entered\":this._animationState===\"entered\",\"dialog--exiting\":this._animationState===\"exiting\"})} ><div class=\"header\">${this.showCloseButton?u`<primer-button class=\"close\" variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:u``}}"
|
|
136
136
|
},
|
|
137
137
|
{
|
|
138
138
|
"kind": "variable",
|
|
139
|
-
"name": "
|
|
140
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.
|
|
139
|
+
"name": "fe",
|
|
140
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.categoryLoading=!1;this._setupTask=new V(this,{task:async([e,r])=>{let i=e?.find(n=>n.type===D.KLARNA);return!i||!r?U:{manager:i.manager}},args:()=>[this.primerContext?.paymentMethods,this.primerContext?.headlessUtils]});this.handleExpandedChange=e=>{this.isExpanded=e.detail.expanded,this.isExpanded||(this.selectedCategory=null,this.categoryLoading=!1,this.klarnaContainer&&(this.klarnaContainer.innerHTML=\"\"))};this.klarnaPaymentInProgress=!1}async startKlarnaPayment(){if(!(!this._setupTask.value||!this.selectedCategory)){this.klarnaPaymentInProgress=!0;try{await this._setupTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(e){P.errorWithDatadog(\"Failed to start Klarna payment\",{error:e})}finally{this.klarnaPaymentInProgress=!1}}}async renderSelectedCategory(){if(!(!this._setupTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",this.categoryLoading=!0,await this._setupTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:()=>{}})}catch(e){P.errorWithDatadog(\"Failed to render Klarna category\",{error:e})}finally{this.categoryLoading=!1}}selectCategory(e){this.disabled||(this.selectedCategory=e)}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.primerContext?.klarnaCategories?.categories||[];return this.primerContext?.klarnaCategories?.isLoading||!1?u`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:(e.length>0&&!this.selectedCategory&&this.selectCategory(e[0].id),e.length===1?y:u`<div class=\"category-selection\">${e.map(i=>u`<button class=${X({\"category-button\":!0,selected:i.id===this.selectedCategory,loading:this.categoryLoading&&i.id===this.selectedCategory})} @click=${()=>{this.selectCategory(i.id)}} ?disabled=${this.disabled} ><span class=${X({\"category-label\":!0,hidden:this.categoryLoading&&i.id===this.selectedCategory})} >${i.name}</span >${this.categoryLoading&&i.id===this.selectedCategory?u`<primer-spinner class=\"category-spinner\" size=\"small\" compact ></primer-spinner>`:y}</button>`)}</div>`)}renderExpandedContent(){return u` ${this.renderCategorySelection()}<div class=\"klarna-category-container ${!this.categoryLoading&&this.selectedCategory?\"visible\":\"\"}\" ><div id=\"klarna-category-container\" class=\"klarna-category-content\" ></div></div><primer-payment-method-accordion-confirm-button ?disabled=${!this.selectedCategory||this.disabled} ?loading=${!!this.primerContext?.sdkState?.isProcessing} @confirm=${()=>this.startKlarnaPayment()} ></primer-payment-method-accordion-confirm-button>`}render(){return this._setupTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return u`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e})=>e?u`<primer-payment-method-accordion .type=${D.KLARNA} ?disabled=${this.disabled} .expanded=${this.isExpanded} ?suppress-blur-collapse=${this.klarnaPaymentInProgress} @expanded-change=${this.handleExpandedChange} >${this.renderExpandedContent()}</primer-payment-method-accordion>`:y})}}"
|
|
141
141
|
},
|
|
142
142
|
{
|
|
143
143
|
"kind": "variable",
|
|
144
|
-
"name": "
|
|
145
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.
|
|
144
|
+
"name": "Ue",
|
|
145
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.renderButtonTask=new V(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return U;await this.updateComplete;let r=e.manager.createButton();return await r.render(this.shadowRoot?.getRootNode(),{style:{shadowRoot:!0}}),this.disabled&&await r.setDisabled(this.disabled),this.disabled&&this.shadowRoot&&(await this.updateComplete,za(this.disabled,this.shadowRoot)),r}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&za(this.disabled,this.shadowRoot)}render(){return y}}"
|
|
146
146
|
},
|
|
147
147
|
{
|
|
148
148
|
"kind": "variable",
|
|
149
|
-
"name": "
|
|
150
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=
|
|
149
|
+
"name": "Ve",
|
|
150
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=Ht();this.renderButtonTask=new V(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return U;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let i=e.manager.createButton(),n=Wa(r);return await i.render(r,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,sr(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&sr(this.disabled,this.buttonContainerRef)}render(){return u`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
|
|
151
151
|
},
|
|
152
152
|
{
|
|
153
153
|
"kind": "variable",
|
|
154
|
-
"name": "
|
|
155
|
-
"default": "class extends v{constructor(){super(
|
|
154
|
+
"name": "He",
|
|
155
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=Ht();this.renderButtonTask=new V(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return U;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let i=e.manager.createButton(),n=Rl(Wa(this));return await i.render(r,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,sr(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&sr(this.disabled,this.buttonContainerRef)}render(){return u`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
|
|
156
156
|
},
|
|
157
157
|
{
|
|
158
158
|
"kind": "variable",
|
|
159
|
-
"name": "
|
|
160
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
159
|
+
"name": "ve",
|
|
160
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.currentState=\"collapsed\";this.blikCode=\"\";this.errorMessage=\"\";this.pollingDuration=0;this.pollingTimer=null;this.handleExpandedChange=async e=>{if(this.disabled)return;if(!e.detail.expanded){this.handleCollapse();return}if(this.currentState!==\"collapsed\")return;if(!this.paymentMethod?.manager){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",P.error(\"Manager not available when expanding BLIK form\");return}this.currentState=\"expanded-input\",await this.updateComplete,this.shadowRoot?.querySelector(\"#blik-code\")?.focus()};this.handleCollapse=()=>{this.currentState=\"collapsed\",this.blikCode=\"\",this.errorMessage=\"\",this.stopPollingTimer()};this.handleInput=e=>{let r=e.target,i=r.value,o=i.replace(/\\D/g,\"\").slice(0,6);i!==o&&(r.value=o),this.blikCode=o,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\"),o.length===6&&this.submitBlikCode()};this.handleRetry=async()=>{this.currentState=\"expanded-input\",this.errorMessage=\"\",this.blikCode=\"\",await this.updateComplete,this.shadowRoot?.querySelector(\"#blik-code\")?.focus()}}get isExpanded(){return this.currentState!==\"collapsed\"}startPollingTimer(){this.pollingDuration=0,this.pollingTimer=window.setInterval(()=>{this.pollingDuration+=1},1e3)}stopPollingTimer(){this.pollingTimer!==null&&(window.clearInterval(this.pollingTimer),this.pollingTimer=null),this.pollingDuration=0}async submitBlikCode(){if(this.blikCode.length!==6){this.errorMessage=E(\"sixDigitCodeErrorTooShort\",{id:\"sixDigitCodeErrorTooShort\"}),this.currentState=\"error\";return}let e=this.paymentMethod?.manager;if(!e){this.errorMessage=\"BLIK payment method not initialized\",this.currentState=\"error\",P.error(\"BLIK manager not available via loadManagerTask\");return}this.currentState=\"loading\",this.errorMessage=\"\",this.startPollingTimer();try{await e.start({blikCode:this.blikCode}),this.stopPollingTimer(),this.currentState=\"collapsed\",this.blikCode=\"\"}catch(r){this.stopPollingTimer(),this.currentState=\"error\",this.errorMessage=r instanceof Error?r.message:E(\"tokenizationError\",{id:\"tokenizationError\"}),P.errorWithDatadog(\"BLIK payment failed\",{error:r instanceof Error?{message:r.message,name:r.name}:\"Unknown error\"})}}renderExpandedInput(){return u`<div class=\"blik-input-wrapper\"><label for=\"blik-code\" class=\"blik-label\">${E(\"getCodeFromBankingApp\",{id:\"getCodeFromBankingApp\"})}</label><input id=\"blik-code\" type=\"text\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"6\" class=\"blik-input\" .value=\"${this.blikCode}\" @input=\"${this.handleInput}\" ?disabled=\"${this.disabled}\" placeholder=\"000000\" aria-label=\"${E(\"sixDigitCodeLabel\",{id:\"sixDigitCodeLabel\"})}\" autocomplete=\"off\" spellcheck=\"false\" /></div>`}renderLoading(){return u`<div class=\"blik-loading\"><primer-spinner size=\"medium\"></primer-spinner>${this.pollingDuration>30?u`<div class=\"blik-timeout-warning\"> This is taking longer than expected... </div>`:y}</div>`}renderError(){return u`<div class=\"blik-error\"><div class=\"blik-error-message\" role=\"alert\">${this.errorMessage||E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}</div><button class=\"blik-retry-button\" @click=\"${this.handleRetry}\" ?disabled=\"${this.disabled}\" >${E(\"retry_button\",{id:\"retry_button\"})}</button></div>`}renderExpandedState(){switch(this.currentState){case\"expanded-input\":return this.renderExpandedInput();case\"loading\":return this.renderLoading();case\"error\":return this.renderError();default:return y}}disconnectedCallback(){super.disconnectedCallback(),this.stopPollingTimer()}render(){return u`<primer-payment-method-accordion .type=${this.paymentMethod?.type} ?disabled=${this.disabled} .expanded=${this.isExpanded} @expanded-change=${this.handleExpandedChange} >${this.isExpanded?this.renderExpandedState():y}</primer-payment-method-accordion>`}}"
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
163
|
"kind": "variable",
|
|
164
|
-
"name": "
|
|
165
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1
|
|
164
|
+
"name": "Te",
|
|
165
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.currentState=\"collapsed\";this.phoneNumber=\"\";this.errorMessage=\"\";this.handleExpandedChange=async e=>{if(!this.disabled){if(!e.detail.expanded){this.handleCollapse();return}if(this.currentState===\"collapsed\"){if(!this.paymentMethod?.manager){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",P.error(\"Manager not available when expanding MB WAY form\");return}this.currentState=\"expanded-input\",await this.updateComplete,this.shadowRoot?.querySelector(\"primer-pt-phone-number-input\")?.focus()}}};this.handleCollapse=()=>{this.currentState=\"collapsed\",this.phoneNumber=\"\",this.errorMessage=\"\"};this.handleInput=e=>{this.phoneNumber=e.detail,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\")};this.handleRetry=async()=>{this.currentState=\"expanded-input\",this.errorMessage=\"\",this.phoneNumber=\"\",await this.updateComplete,this.shadowRoot?.querySelector(\"primer-pt-phone-number-input\")?.focus()}}get isExpanded(){return this.currentState!==\"collapsed\"}get isPhoneValid(){return this.phoneNumber.length>=Dl&&this.phoneNumber.length<=Bl&&/^\\+\\d+$/.test(this.phoneNumber)}async submit(){if(!this.isPhoneValid){this.errorMessage=E(\"telephoneNumberErrorTooShort\",{id:\"telephoneNumberErrorTooShort\"}),this.currentState=\"error\";return}let e=this.paymentMethod?.manager;if(!e){this.errorMessage=\"MB WAY payment method not initialized\",this.currentState=\"error\",P.error(\"MB WAY manager not available\");return}this.currentState=\"loading\",this.errorMessage=\"\";try{await e.start({phoneNumber:this.phoneNumber}),this.currentState=\"collapsed\",this.phoneNumber=\"\"}catch(r){this.currentState=\"error\",this.errorMessage=r instanceof Error?r.message:E(\"tokenizationError\",{id:\"tokenizationError\"}),P.errorWithDatadog(\"MB WAY payment failed\",{error:r instanceof Error?{message:r.message,name:r.name}:\"Unknown error\"})}}renderExpandedInput(){return u`<div class=\"mbway-input-wrapper\"><label class=\"mbway-label\" for=\"primer-mbway-phone\">${E(\"telephoneNumberLabel\",{id:\"telephoneNumberLabel\"})}</label><primer-pt-phone-number-input input-id=\"primer-mbway-phone\" .value=${this.phoneNumber} .placeholder=${E(\"telephoneNumberPlaceholder\",{id:\"telephoneNumberPlaceholder\"})} .maxLength=${Bl} .minLength=${Dl} ?disabled=${this.disabled} ?has-errors=${!!this.errorMessage} @input=${this.handleInput} ></primer-pt-phone-number-input><button class=\"mbway-submit-button\" @click=${()=>void this.submit()} ?disabled=${this.disabled||!this.isPhoneValid} >${E(\"pay\",{id:\"pay\"})}</button></div>`}renderLoading(){let e=E(\"Complete your payment in {appName}\",{id:\"completeYourPaymentInTheApp\"}).replace(\"{appName}\",\"MB WAY\");return u`<div class=\"mbway-loading\"><primer-spinner size=\"medium\"></primer-spinner><div class=\"mbway-loading-message\">${e}</div></div>`}renderError(){return u`<div class=\"mbway-error\"><div class=\"mbway-error-message\" role=\"alert\">${this.errorMessage||E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}</div><button class=\"mbway-retry-button\" @click=${this.handleRetry} ?disabled=${this.disabled} >${E(\"retry_button\",{id:\"retry_button\"})}</button></div>`}renderExpandedState(){switch(this.currentState){case\"expanded-input\":return this.renderExpandedInput();case\"loading\":return this.renderLoading();case\"error\":return this.renderError();default:return y}}render(){return u`<primer-payment-method-accordion .type=${this.paymentMethod?.type} ?disabled=${this.disabled} .expanded=${this.isExpanded} @expanded-change=${this.handleExpandedChange} >${this.isExpanded?this.renderExpandedState():y}</primer-payment-method-accordion>`}}"
|
|
166
166
|
},
|
|
167
167
|
{
|
|
168
168
|
"kind": "variable",
|
|
169
|
-
"name": "
|
|
170
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.
|
|
169
|
+
"name": "Ye",
|
|
170
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.handleClick=()=>{this.primerContext?.paymentMethods?.find(r=>r.type===this.type)?.managerType!==\"CARD\"&&this.sendPaymentMethodSelectionEvent()}}sendPaymentMethodSelectionEvent(){this.type&&Q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:this.type})}render(){if(!this.type)return y;let e=this.primerContext?.paymentMethods.find(i=>i.type===this.type);if(!e)return y;let r;switch(e?.managerType){case\"CARD\":r=u`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;break;case\"NATIVE\":{let i=e.type;i===j.GOOGLE_PAY?r=u`<primer-google-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-google-pay>`:i===j.APPLE_PAY?r=u`<primer-apple-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-apple-pay>`:i===j.PAYPAL?r=u`<primer-paypal .paymentMethod=${e} ?disabled=${this.disabled} ></primer-paypal>`:i===j.ADYEN_BLIK&&(r=u`<primer-blik .paymentMethod=${e} ?disabled=${this.disabled} ></primer-blik>`);break}case\"REDIRECT\":r=u`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;break;case\"KLARNA\":r=u`<primer-klarna ?disabled=${this.disabled} ></primer-klarna>`;break;case\"ADYEN_KLARNA\":r=u`<primer-adyen-klarna .paymentMethod=${e} ?disabled=${this.disabled} ></primer-adyen-klarna>`;break;case\"MBWAY\":r=u`<primer-adyen-mbway .paymentMethod=${e} ?disabled=${this.disabled} ></primer-adyen-mbway>`;break;default:return y}return u`<div @click=${this.handleClick}>${r}</div>`}}"
|
|
171
171
|
},
|
|
172
172
|
{
|
|
173
173
|
"kind": "variable",
|
|
174
|
-
"name": "
|
|
175
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1}
|
|
174
|
+
"name": "Re",
|
|
175
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1}getFilteredMethods(){if(!this.primerContext?.paymentMethods)return[];let e=[...this.primerContext.paymentMethods];if(this.include){let r=this.include.split(\",\").map(i=>i.trim());e=e.filter(i=>r.includes(i.type))}if(this.exclude){let r=this.exclude.split(\",\").map(i=>i.trim());e=e.filter(i=>!r.includes(i.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?y:u`<div class=\"payment-methods-container\">${e.map(r=>u`<primer-payment-method type=\"${r.type}\" ?disabled=\"${this.disabled||this.primerContext?.clientOptions?.disabledPayments===!0}\" ></primer-payment-method>`)}</div>`}}"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"kind": "variable",
|
|
179
|
+
"name": "$e",
|
|
180
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this._setupTask=new V(this,{task:([e,r])=>{if(!e||!r)return U;let i=r.getPaymentMethodConfiguration(e);if(!i)return U;let n=Fl(e)?this.primerContext?.clientOptions?.giftCard:void 0,o=i.displayMetadata.button,s=this._getBackgroundColor(e,o,n?.background),l=this._getTextColor(s);return{backgroundColor:s,textColor:l,name:i.name,alt:n?.logoAlt??i.name,displayName:this._getDisplayName(e,o.text,n?.text),iconUrl:this._getIconUrl(e,o,s,n?.logoSrc),iconPosition:this._getIconPosition(e,o)}},args:()=>[this.type,this.primerContext?.headlessUtils]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?wn(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),E(r,{id:r})}_getBackgroundColor(e,r,i){switch(e){case j.KLARNA:case j.ADYEN_KLARNA:return r.backgroundColor.light??r.backgroundColor.colored;default:return i??r.backgroundColor.colored??r.backgroundColor.light}}_getIconUrl(e,r,i,n){if(n)return n;switch(e){case j.KLARNA:case j.ADYEN_KLARNA:return mh;case j.PAY_NL_PAYCONIQ:return i===r.backgroundColor.light?ch:uh;case j.ADYEN_CASHAPP:return r.iconUrl.dark??r.iconUrl.colored??r.iconUrl.light;default:return e===\"TRIPLE_A\"?ph:r.iconUrl.colored??r.iconUrl.light}}_getIconPosition(e,r){switch(e){case j.KLARNA:case j.ADYEN_KLARNA:return\"END\";default:return r.iconPositionRelativeToText||\"START\"}}_getTextColor(e){let r=e.replace(\"#\",\"\");if(r.length<6)return;let i=parseInt(r.substring(0,2),16),n=parseInt(r.substring(2,4),16),o=parseInt(r.substring(4,6),16);return isNaN(i)||isNaN(n)||isNaN(o)?void 0:(.2126*i+.7152*n+.0722*o)/255>.6?\"#000000\":\"#FFFFFF\"}_getDisplayName(e,r,i){switch(e){case j.KLARNA:return this.primerContext?.clientOptions?.klarna?.buttonOptions?.text??i??this._legacyGetButtonLabel(r)??this._legacyGetButtonLabel(\"Pay with\");case j.ADYEN_KLARNA:return this.primerContext?.clientOptions?.adyenKlarna?.buttonOptions?.text??i??this._legacyGetButtonLabel(r)??this._legacyGetButtonLabel(\"Pay with\");default:return i??this._legacyGetButtonLabel(r)}}_handleClick(){this.disabled||this.dispatchEvent(new Event(\"payment-method-click\",{bubbles:!0,composed:!0}))}render(){return this._setupTask.render({error:()=>y,complete:e=>{this.style.setProperty(\"--payment-method-button-bg-color\",e.backgroundColor),e.textColor&&this.style.setProperty(\"--payment-method-button-text-color\",e.textColor);let r={loading:!!this.primerContext?.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName};return u`<primer-button @click=\"${()=>this._handleClick()}\" class=${X(r)} title=\"${E(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} ><img src=\"${e.iconUrl}\" alt=\"${e.alt}\" />${L(e.displayName,()=>u`<span class=\"button-text\">${e.displayName}</span>`)}</primer-button>`}})}}"
|
|
176
181
|
},
|
|
177
182
|
{
|
|
178
183
|
"kind": "variable",
|
|
179
|
-
"name": "
|
|
180
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
184
|
+
"name": "ot",
|
|
185
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1}_handleClick(){this.disabled||!this.paymentMethod?.manager||this.paymentMethod.manager.start()}render(){return u`<primer-payment-method-button .type=${this.paymentMethod?.type} ?disabled=${this.disabled} @payment-method-click=${()=>this._handleClick()} ></primer-payment-method-button>`}}"
|
|
181
186
|
},
|
|
182
187
|
{
|
|
183
188
|
"kind": "variable",
|
|
184
189
|
"name": "ne",
|
|
185
|
-
"default": "class extends v{constructor(){super();this.
|
|
190
|
+
"default": "class extends v{constructor(){super(...arguments);this.formData={};this.errors={};this.touchedFields=new Set;this.dirtyFields=new Set;this.focusedField=null;this.submitted=!1;this.countryOptions=[];this._initializationTask=new V(this,{task:async([e,r])=>{if(!e||!r)return U;let i=this.extractFieldConfig(e);return await this.initializeCountryOptions(),i},args:()=>[this.primerContext?.configuration??null,this.primerContext?.headlessUtils]})}connectedCallback(){super.connectedCallback(),this._initializationTask.value}extractFieldConfig(e){if(e?.checkoutModules){let r=e.checkoutModules.find(i=>i.type===\"BILLING_ADDRESS\");if(r?.options){let i=r.options;return Object.keys(Dn).reduce((n,o)=>({...n,[o]:i[o]??!1}),{})}}return this.defaultFieldConfig}async initializeCountryOptions(){try{let e=On(\"en\");this.countryOptions=[...e.map(([n,o])=>({value:n,label:o}))],this.requestUpdate(\"countryOptions\");let r=fn();if(r===\"en\"||r===\"en-GB\"||r.startsWith(\"en-\"))return;if(await Md(r)){let n=On(r);this.countryOptions=[...n.map(([o,s])=>({value:o,label:s}))],this.requestUpdate(\"countryOptions\")}}catch(e){P.errorWithDatadog(\"Failed to load country locale\",{error:e})}}get fieldConfig(){return this.extractFieldConfig(this.primerContext?.configuration)}get defaultFieldConfig(){return Object.keys(Dn).reduce((e,r)=>({...e,[r]:!1}),{})}get shouldShowForm(){return this.fieldConfig.postalCode}handleInput(e,r){this.formData={...this.formData,[e]:r},this.dirtyFields.add(e),(this.submitted||this.dirtyFields.has(e)&&this.touchedFields.has(e))&&this.validateField(e),this.dispatchEvent(new CustomEvent(\"primer-billing-address-change\",{detail:this.formData,bubbles:!0,composed:!0}))}handleFocus(e){this.focusedField=e}handleBlur(e){this.focusedField=null,this.touchedFields.add(e),this.validateField(e)}validateField(e){let r=this.formData[e],i=this.fieldConfig[e];if(!i){delete this.errors[e];return}if(i&&(!r||r.trim()===\"\")){let n=`${e}ErrorRequired`;this.errors={...this.errors,[e]:E(\"This field is required\",{id:n})}}else{let n={...this.errors};delete n[e],this.errors=n}}validateForm(){return Object.keys(Dn).forEach(e=>{let r=e;this.fieldConfig[r]&&this.validateField(r)}),Object.keys(this.errors).length===0}async validateForSubmission(){if(!this.shouldShowForm)return!0;this.submitted=!0,Object.keys(this.fieldConfig).forEach(r=>{this.fieldConfig[r]&&this.touchedFields.add(r)});let e=this.validateForm();return this.requestUpdate(),await this.updateComplete,e}async submitToSDK(){if(this.primerContext?.headlessUtils?.setBillingAddress)try{return await this.primerContext?.headlessUtils.setBillingAddress(this.formData),this.dispatchEvent(new CustomEvent(\"primer-billing-address-submit\",{detail:this.formData,bubbles:!0,composed:!0})),!0}catch(e){return P.errorWithDatadog(\"Failed to set billing address\",{error:e}),!1}return!0}shouldShowError(e){let r=!!this.errors[e],i=this.dirtyFields.has(e),n=this.touchedFields.has(e);return r&&(this.submitted||i&&n)}render(){return this._initializationTask.render({pending:()=>y,error:()=>y,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),u`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${E(\"Billing address\",{id:\"billingAddressLabel\"})}</div>${L(this.fieldConfig.countryCode,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"countryCode\"} .hasError=${this.shouldShowError(\"countryCode\")} ><primer-input-label slot=\"label\">${E(\"Country code\",{id:\"countryCodeLabel\"})}</primer-input-label><primer-select slot=\"input\" id=\"countryCode\" name=\"countryCode\" .value=${this.formData.countryCode||\"\"} .options=${this.countryOptions} .hasError=${this.shouldShowError(\"countryCode\")} placeholder=${E(\"Select a country\",{id:\"countrySelectPlaceholder\"})} @input=${e=>this.handleInput(\"countryCode\",e.detail)} @focus=${()=>this.handleFocus(\"countryCode\")} @blur=${()=>this.handleBlur(\"countryCode\")} ></primer-select>${L(this.shouldShowError(\"countryCode\"),()=>u`<primer-input-error slot=\"error\">${this.errors.countryCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${L(this.fieldConfig.firstName||this.fieldConfig.lastName,()=>u`<div class=\"billing-address-row\">${L(this.fieldConfig.firstName,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"firstName\"} .hasError=${this.shouldShowError(\"firstName\")} ><primer-input-label slot=\"label\">${E(\"First name\",{id:\"firstNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"firstName\" name=\"firstName\" type=\"text\" .value=${this.formData.firstName||\"\"} placeholder=${E(\"First name\",{id:\"firstNamePlaceholder\"})} @input=${e=>this.handleInput(\"firstName\",e.detail)} @focus=${()=>this.handleFocus(\"firstName\")} @blur=${()=>this.handleBlur(\"firstName\")} ></primer-input>${L(this.shouldShowError(\"firstName\"),()=>u`<primer-input-error slot=\"error\">${this.errors.firstName}</primer-input-error>`)}</primer-input-wrapper>`)} ${L(this.fieldConfig.lastName,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"lastName\"} .hasError=${this.shouldShowError(\"lastName\")} ><primer-input-label slot=\"label\">${E(\"Last name\",{id:\"lastNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"lastName\" name=\"lastName\" type=\"text\" .value=${this.formData.lastName||\"\"} placeholder=${E(\"Last name\",{id:\"lastNamePlaceholder\"})} @input=${e=>this.handleInput(\"lastName\",e.detail)} @focus=${()=>this.handleFocus(\"lastName\")} @blur=${()=>this.handleBlur(\"lastName\")} ></primer-input>${L(this.shouldShowError(\"lastName\"),()=>u`<primer-input-error slot=\"error\">${this.errors.lastName}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${L(this.fieldConfig.addressLine1,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine1\"} .hasError=${this.shouldShowError(\"addressLine1\")} ><primer-input-label slot=\"label\">${E(\"Address line 1\",{id:\"addressLine1\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine1\" name=\"addressLine1\" type=\"text\" .value=${this.formData.addressLine1||\"\"} placeholder=${E(\"Address line 1\",{id:\"addressLine1Placeholder\"})} @input=${e=>this.handleInput(\"addressLine1\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine1\")} @blur=${()=>this.handleBlur(\"addressLine1\")} ></primer-input>${L(this.shouldShowError(\"addressLine1\"),()=>u`<primer-input-error slot=\"error\">${this.errors.addressLine1}</primer-input-error>`)}</primer-input-wrapper>`)} ${L(this.fieldConfig.addressLine2,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine2\"} .hasError=${this.shouldShowError(\"addressLine2\")} ><primer-input-label slot=\"label\">${E(\"Address line 2\",{id:\"addressLine2\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine2\" name=\"addressLine2\" type=\"text\" .value=${this.formData.addressLine2||\"\"} placeholder=${E(\"Address line 2\",{id:\"addressLine2Placeholder\"})} @input=${e=>this.handleInput(\"addressLine2\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine2\")} @blur=${()=>this.handleBlur(\"addressLine2\")} ></primer-input>${L(this.shouldShowError(\"addressLine2\"),()=>u`<primer-input-error slot=\"error\">${this.errors.addressLine2}</primer-input-error>`)}</primer-input-wrapper>`)} ${L(this.fieldConfig.postalCode||this.fieldConfig.city,()=>u`<div class=\"billing-address-row\">${L(this.fieldConfig.postalCode,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"postalCode\"} .hasError=${this.shouldShowError(\"postalCode\")} ><primer-input-label slot=\"label\">${E(\"Postal code\",{id:\"postalCodeLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"postalCode\" name=\"postalCode\" type=\"text\" .value=${this.formData.postalCode||\"\"} placeholder=${E(\"90210\",{id:\"postalCodePlaceholder\"})} @input=${e=>this.handleInput(\"postalCode\",e.detail)} @focus=${()=>this.handleFocus(\"postalCode\")} @blur=${()=>this.handleBlur(\"postalCode\")} ></primer-input>${L(this.shouldShowError(\"postalCode\"),()=>u`<primer-input-error slot=\"error\">${this.errors.postalCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${L(this.fieldConfig.city,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"city\"} .hasError=${this.shouldShowError(\"city\")} ><primer-input-label slot=\"label\">${E(\"City\",{id:\"cityLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"city\" name=\"city\" type=\"text\" .value=${this.formData.city||\"\"} placeholder=${E(\"Cape Town\",{id:\"cityPlaceholder\"})} @input=${e=>this.handleInput(\"city\",e.detail)} @focus=${()=>this.handleFocus(\"city\")} @blur=${()=>this.handleBlur(\"city\")} ></primer-input>${L(this.shouldShowError(\"city\"),()=>u`<primer-input-error slot=\"error\">${this.errors.city}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${L(this.fieldConfig.state,()=>u`<primer-input-wrapper .focusWithin=${this.focusedField===\"state\"} .hasError=${this.shouldShowError(\"state\")} ><primer-input-label slot=\"label\">${E(\"State / Region / County\",{id:\"stateLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"state\" name=\"state\" type=\"text\" .value=${this.formData.state||\"\"} placeholder=${E(\"State / Region / County\",{id:\"statePlaceholder\"})} @input=${e=>this.handleInput(\"state\",e.detail)} @focus=${()=>this.handleFocus(\"state\")} @blur=${()=>this.handleBlur(\"state\")} ></primer-input>${L(this.shouldShowError(\"state\"),()=>u`<primer-input-error slot=\"error\">${this.errors.state}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`):(this.setAttribute(\"hidden\",\"\"),y)})}}"
|
|
186
191
|
},
|
|
187
192
|
{
|
|
188
193
|
"kind": "variable",
|
|
189
|
-
"name": "
|
|
190
|
-
"default": "class extends v{constructor(){super(
|
|
194
|
+
"name": "oe",
|
|
195
|
+
"default": "class extends v{constructor(){super();this.hasSlottedSubmit=!1;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this._isHandlingContextEvent=!1;this._contextVaultSubmitListener=null;this.deleteAssetConfig=null;this.handleSubmitSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasSlottedSubmit=i.length>0};this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.primerContext?.vaultItem&&this.primerContext?.vaultItem.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.primerContext?.vaultManager&&this.primerContext?.headlessUtils){let r=this.primerContext?.vaultManager.vaultedPaymentMethods.find(i=>i.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await Ja(r,this.primerContext?.headlessUtils,this.primerContext?.vaultManager))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.primerContext?.vaultManager?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.primerContext?.vaultManager.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:E(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;this.isSubmitButton(n)&&(e.preventDefault(),this.submitVaultPayment())};this.handleDirectSubmit=()=>{this.submitVaultPayment()};this.handleContextVaultSubmit=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{e.target!==this&&(e.stopPropagation(),this.submitVaultPayment())}finally{this._isHandlingContextEvent=!1}}};new lr(this,{defaultOptions:{keyframeOptions:{duration:Number(getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-duration\").trim().replace(\"ms\",\"\")),easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim()}}})}getAnimationConfig(){return{keyframeOptions:{duration:this.animationDuration,easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim(),fill:\"both\"}}}isSubmitButton(e){let r=e.tagName.toLowerCase(),i=r===\"button\",n=r===\"primer-button\";return i&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||n&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitVaultPayment(){if(this.primerContext?.vaultManager)try{await this.primerContext?.vaultManager.startVaultedPaymentFlow()}catch(e){this.dispatchEvent(new CustomEvent(\"primer-vault-payment-error\",{detail:{error:e},bubbles:!0,composed:!0}))}}getPaymentMethodName(e){if(!this.primerContext?.vaultManager)return\"\";let r=this.primerContext?.vaultManager.vaultedPaymentMethods.find(i=>i.id===e);if(!r)return\"\";try{return Gn(r).description||\"\"}catch{return\"\"}}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextVaultSubmitListener&&this.primerContext?.events.host.addEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextVaultSubmitListener&&this.primerContext?.events.host.removeEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:vault-submit\",this.handleDirectSubmit),this._contextVaultSubmitListener=e=>{this.handleContextVaultSubmit(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:vault-submit\",this.handleDirectSubmit),this.cleanupContextEventListeners(),super.disconnectedCallback()}renderLoadingOverlay(){return u`<div class=\"loading-overlay\" ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ><primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner></div>`}renderDeleteConfirmation(){if(!this.deletePaymentMethodId||!this.deleteAssetConfig)return y;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return u`<div class=\"delete-confirmation-container\"><primer-button disabled variant=\"secondary\"><primer-payment-method-content .assetConfig=${this.deleteAssetConfig} ></primer-payment-method-content></primer-button><primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation></div>`}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?y:u`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.primerContext?.vaultManager?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return u`<div class=\"payment-methods-list\">${e.map(i=>this.renderPaymentMethodItem(i))} ${L(r,()=>u`<div class=\"submit-button-container\"><slot name=\"submit-button\" @slotchange=${this.handleSubmitSlotChange} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></slot>${L(!this.hasSlottedSubmit,()=>u`<primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit>`)}</div>`,()=>y)}</div>`}render(){if(!this.primerContext?.vaultManager?.enabled||this.primerContext?.vaultManager?.headless)return y;let e=this.primerContext?.vaultManager.vaultedPaymentMethods.length>0,r=this.primerContext?.vaultManager.isLoading,i=this.primerContext?.vaultManager.isUpdating;return u` ${L(!this.primerContext?.vaultManager?.showEmptyState&&!e,()=>y,()=>u`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${i?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${L(this.errorMessage,()=>u`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>y)}<div class=\"vault-manager-content\">${L(!r&&!e,()=>u`<div class=\"content-container\"><primer-vault-empty-state ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>y)} ${L(!r&&e,()=>u`<div class=\"content-container\">${L(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>y)}</div>${L(i,()=>this.renderLoadingOverlay(),()=>y)}</div></slot>`)} `}}"
|
|
191
196
|
},
|
|
192
197
|
{
|
|
193
198
|
"kind": "variable",
|
|
194
|
-
"name": "
|
|
195
|
-
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.
|
|
199
|
+
"name": "Ne",
|
|
200
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentMethod=void 0;this.isEditMode=!1;this._getAssetsTask=new V(this,{task:async([e,r,i])=>await Ja(e,r,i),args:()=>[this.paymentMethod,this.primerContext?.headlessUtils,this.primerContext?.vaultManager]});this.handleClick=()=>{this.isEditMode||!this.primerContext?.vaultManager||!this.paymentMethod||(this.isSelected()?this.primerContext?.vaultItem?.setSelectedVaultedPaymentMethod(null):this.primerContext?.vaultItem?.setSelectedVaultedPaymentMethod(this.paymentMethod))};this.handleDeleteClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}}isSelected(){if(!this.primerContext?.vaultManager||!this.paymentMethod)return!1;let e=this.primerContext?.vaultItem?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>y,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",i=!1,n=e?.description;return u`<div class=\"payment-method-wrapper\"><div class=\"payment-method-container\"><primer-button variant=\"secondary\" class=\"payment-method-button ${e.shouldShowCVV?\"with-cvv\":\"\"}\" selectable ?disabled=${this.isEditMode} selectionState=${r} .flex=${i} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${L(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>u`<div class=\"payment-method-row mt-2\"><span class=\"flex-center\"><primer-icon name=\"lock\" size=\"sm\"></primer-icon><span class=\"payment-method-subtitle\"> Input the card CVV for a secure payment</span ></span><span class=\"cell-2\"><primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ><span slot=\"label\"></span></primer-vault-cvv-input></span></div>`,()=>y)}</primer-button>${this.isEditMode?u`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${E(\"delete\",{id:\"delete\"})} ${n}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:y}</div></div>`}})}}"
|
|
196
201
|
},
|
|
197
202
|
{
|
|
198
203
|
"kind": "variable",
|
|
199
|
-
"name": "
|
|
200
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
204
|
+
"name": "we",
|
|
205
|
+
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1;this.toggleEditMode=()=>{this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}}render(){return u`<div class=\"vault-manager-header\"><h3>${E(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?u`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?E(\"confirm\",{id:\"confirm\"}):E(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?u`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:u`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:y}</div>`}}"
|
|
201
206
|
},
|
|
202
207
|
{
|
|
203
208
|
"kind": "variable",
|
|
204
|
-
"name": "
|
|
205
|
-
"default": "class extends v{render(){return
|
|
209
|
+
"name": "Ie",
|
|
210
|
+
"default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.handleConfirmClick=()=>{this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))};this.handleCancelClick=()=>{this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}}render(){return u`<div class=\"delete-confirmation\"><p class=\"delete-confirmation-text\"> Are you sure you want to delete this payment method? </p><div class=\"delete-actions\"><primer-button variant=\"secondary\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} >${E(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?E(\"deleting\",{id:\"deleting\"}):E(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
|
|
206
211
|
},
|
|
207
212
|
{
|
|
208
213
|
"kind": "variable",
|
|
209
|
-
"name": "
|
|
210
|
-
"default": "class extends v{
|
|
214
|
+
"name": "st",
|
|
215
|
+
"default": "class extends v{render(){return u`<div class=\"empty-state\"><p>${E(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
211
216
|
},
|
|
212
217
|
{
|
|
213
218
|
"kind": "variable",
|
|
214
|
-
"name": "
|
|
215
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
219
|
+
"name": "ze",
|
|
220
|
+
"default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return u`<div class=\"error-message\"><div class=\"error-content\"><primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon><p>${this.errorMessage}</p></div><button @click=${this.handleDismiss} aria-label=${E(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
|
|
216
221
|
},
|
|
217
222
|
{
|
|
218
223
|
"kind": "variable",
|
|
219
|
-
"name": "
|
|
220
|
-
"default": "class extends v{constructor(){super();this.
|
|
224
|
+
"name": "be",
|
|
225
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.primerContext?.vaultManager?.startVaultedPaymentFlow()}catch(r){let i=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(i)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:E(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.primerContext?.vaultItem?.selectedVaultedPaymentMethod||this.primerContext?.vaultManager?.isLoading)}render(){let e=this.primerContext?.clientOptions?.submitButton?.amountVisible?this.primerContext?.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:y;return u`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.primerContext?.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
221
226
|
},
|
|
222
227
|
{
|
|
223
228
|
"kind": "variable",
|
|
224
|
-
"name": "
|
|
225
|
-
"default": "class extends v{constructor(){super(
|
|
229
|
+
"name": "ae",
|
|
230
|
+
"default": "class extends v{constructor(){super();this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new V(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?U:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.primerContext?.vaultManager]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new V(this,{task:async([e])=>{if(!e)return U;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let i=Fr(this.primerContext?.computedStyles??null),n=i?{input:{base:i}}:void 0,o={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:n,ariaLabel:E(\"CVV\",{id:\"cardCVV\"})};this.cvvInput=await e.createCvvInput?.(o)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.errorCode||null,this.primerContext?.vaultItem?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}),this.cvvInput.addListener(\"focus\",()=>{this.onFocus()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.primerContext?.vaultItem?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.primerContext?.vaultItem||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.errorCode||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.errorCode||null,this.isFocused=!1)}onFocus(){this.isFocused=!0}render(){return this._setupCVVIframe.render({error:()=>y,complete:()=>u`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.primerContext?.vaultItem?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} ><slot name=\"label\" slot=\"label\"><primer-input-label>CVV</primer-input-label></slot><div slot=\"input\" id=\"${this.cvvContainerId}\"></div>${L(this.cvvError&&(this.primerContext?.vaultItem?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>u`<primer-input-error slot=\"error\">${E(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
226
231
|
},
|
|
227
232
|
{
|
|
228
233
|
"kind": "variable",
|
|
229
|
-
"name": "
|
|
230
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
234
|
+
"name": "je",
|
|
235
|
+
"default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return y;let e=this.assetConfig.description,r=this.assetConfig.icon,i=L(this.assetConfig.icon,()=>u`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>u`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"paypal\"?u`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></span></div></span>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?u`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></div></div><div class=\"payment-method-right-column-text\">${this.assetConfig.email||`\\u2022\\u2022\\u2022\\u2022 ${this.assetConfig.last4}`}</div></div>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType===\"ACH\"?u`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.bankName}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.accountType}</span ></div></span>`:this.assetConfig.type===\"card\"?u`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.cardholderName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:this.assetConfig.type===\"GOOGLE_PAY\"?u`<span class=\"payment-method-card\"><div class=\"payment-method-row\">${i}<span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:y}}"
|
|
231
236
|
},
|
|
232
237
|
{
|
|
233
238
|
"kind": "variable",
|
|
234
|
-
"name": "
|
|
235
|
-
"default": "class extends
|
|
239
|
+
"name": "Ce",
|
|
240
|
+
"default": "class extends v{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.formErrorMessage=null;this.paymentMethodSelectionSent=!1;this.cardFormProvider=new yt(this,{context:dr,initialValue:null});this.eventsController=new er(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new V(this,{task:([e])=>{let r=e?.find(l=>l.type===j.PAYMENT_CARD)?.manager;if(!r)return U;let i=r.createHostedInputs(),{cardNumberInput:n,expiryInput:o,cvvInput:s}=i;return this.cardFormProvider.setValue({cardholderNameInput:i.cardholderNameInput,cardNumberInput:n,expiryInput:o,cvvInput:s,setCardholderName:l=>{r.setCardholderName(l),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let m=c?.validationErrors?.find(A=>A.name===Wd.cardholderName),g=this.inputControllers.get(\"cardholderName\");g&&g.updateMetaFromValidation({valid:!1,error:m?.message||m?.error||null,errorCode:m?.message||m?.error||null})})},setCardNetwork:l=>{this.selectedCardNetwork=l},validate:()=>r.validate(),submit:l=>r.submit(l),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:l=>{this.inputControllers.forEach(c=>{c.setSubmitted(l)})},propagateValidationErrors:l=>{l&&l.forEach(c=>{let p=c.field||c.name,m=c.message||c.error,g=Wd[p];if(g){let A=this.inputControllers.get(g);if(A){let M={valid:!1,error:m,errorCode:m};A.updateMetaFromValidation(M)}}})},registerInputController:(l,c)=>{this.inputControllers.set(l,c)},unregisterInputController:l=>{this.inputControllers.delete(l)},onUserInteraction:()=>{this.sendPaymentMethodSelectionEvent(),this.checkAndSendPaymentDetailsEnteredEvent()}}),!0},args:()=>[this.primerContext?.paymentMethods]});this.paymentDetailsEnteredSent=!1;this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;this.isSubmitButton(n)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.handleContextCardSubmit=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{e.target!==this&&(e.stopPropagation(),this.submitCardPayment())}finally{this._isHandlingContextEvent=!1}}};this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}updated(e){if(super.updated(e),(e.has(\"hideLabels\")||e.has(\"disabled\"))&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels,disabled:this.disabled}),e.has(\"context\")){let i=e.get(\"context\")?.events??null;i?.host&&this._contextCardSubmitListener&&i.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener),this.setupContextEventListeners()}}get shouldShowCardholderName(){let e=this.primerContext?.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.primerContext?.clientOptions?.card?.cardholderName;return typeof e?.required==\"boolean\"?e.required:!0}sendPaymentMethodSelectionEvent(){this.paymentMethodSelectionSent||(this.paymentMethodSelectionSent=!0,Q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:\"PAYMENT_CARD\"}))}checkAndSendPaymentDetailsEnteredEvent(){if(this.paymentDetailsEnteredSent)return;let e=this.inputControllers.get(\"cardNumber\"),r=this.inputControllers.get(\"expire\"),i=this.inputControllers.get(\"cvv\"),n=e?.meta?.dirty===!0,o=r?.meta?.dirty===!0,s=i?.meta?.dirty===!0,l=!0;this.shouldRequireCardholderName&&(l=this.inputControllers.get(\"cardholderName\")?.meta?.dirty===!0),n&&o&&s&&l&&(this.sendPaymentDetailsEnteredEvent(),this.paymentDetailsEnteredSent=!0)}sendPaymentDetailsEnteredEvent(){Q({eventName:\"PAYMENT_DETAILS_ENTERED\",paymentMethod:\"PAYMENT_CARD\"})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit),this._contextCardSubmitListener=e=>{this.handleContextCardSubmit(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),this.cleanupContextEventListeners(),super.disconnectedCallback()}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextCardSubmitListener&&this.primerContext?.events.host.addEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextCardSubmitListener&&this.primerContext?.events.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}isSubmitButton(e){let r=e.tagName.toLowerCase(),i=r===\"button\",n=r===\"primer-button\";return i&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||n&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e||this.disabled)return;this.formErrorMessage=null,e.setSubmissionState?.(!0);let r=this.querySelector(\"primer-billing-address\")||this.renderRoot.querySelector(\"primer-billing-address\"),i=!0;r&&(i=await r.validateForSubmission());let n=await e.validate?.();if(n?.valid&&i){if(r&&!await r.submitToSDK()){let c=E(\"tokenizationError\",{id:\"tokenizationError\"});this.formErrorMessage=c,this.eventsController.dispatchFormSubmitErrors([{field:\"billingAddress\",name:\"billingAddress\",error:\"BILLING_ADDRESS_SUBMISSION_FAILED\",message:c}]);return}let o={success:!0};this.eventsController.dispatchFormSubmitSuccess(o);let s=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(s)}else{let o=n?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===bt.ERROR||this.setupCardFormTask.status===bt.INITIAL?y:u`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>L(this.hasAssignedContent,()=>y,()=>u`<div class=\"card-form\"><primer-input-card-number></primer-input-card-number><div class=\"card-form-row\"><primer-input-card-expiry></primer-input-card-expiry><primer-input-cvv></primer-input-cvv></div>${L(this.shouldShowCardholderName,()=>u`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>y)} ${L(this.primerContext?.clientOptions?.sdkCore!==!1,()=>u`<primer-billing-address></primer-billing-address>`,()=>y)}</div><primer-card-form-submit></primer-card-form-submit><primer-error-message message=\"${this.formErrorMessage||\"\"}\" ?visible=\"${!!this.formErrorMessage}\" ></primer-error-message>`)})}</form>`}}"
|
|
236
241
|
},
|
|
237
242
|
{
|
|
238
243
|
"kind": "variable",
|
|
239
|
-
"name": "
|
|
240
|
-
"default": "class extends
|
|
244
|
+
"name": "lt",
|
|
245
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.handleNetworkSelected=e=>{let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===bt.ERROR)return y;let e=this.getError();return u`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${L(!this.cardFormContext?.hideLabels,()=>u`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>y)}<div slot=\"input\" class=\"card-number-container\" aria-label=\"${this.ariaLabel}\" ><div id=\"${this.config.containerSelector.substring(1)}\"></div><div class=\"network-selector-container\"><primer-card-network-selector @network-selected=${this.handleNetworkSelected} ></primer-card-network-selector></div></div>${L(e,r=>u`<primer-input-error slot=\"error\">${E(r,{id:r})}</primer-input-error>`,()=>y)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
241
246
|
},
|
|
242
247
|
{
|
|
243
248
|
"kind": "variable",
|
|
244
|
-
"name": "
|
|
245
|
-
"default": "class extends
|
|
249
|
+
"name": "dt",
|
|
250
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
246
251
|
},
|
|
247
252
|
{
|
|
248
253
|
"kind": "variable",
|
|
249
|
-
"name": "
|
|
250
|
-
"default": "class extends
|
|
254
|
+
"name": "ct",
|
|
255
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
251
256
|
},
|
|
252
257
|
{
|
|
253
258
|
"kind": "variable",
|
|
254
|
-
"name": "
|
|
255
|
-
"default": "class extends
|
|
259
|
+
"name": "ut",
|
|
260
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:e=>this.handleInput(e)};this.childUpdated()}handleInput(e){this.cardFormContext?.setCardholderName?.(e)}render(){return this.renderInput()}}"
|
|
256
261
|
},
|
|
257
262
|
{
|
|
258
263
|
"kind": "variable",
|
|
259
|
-
"name": "
|
|
260
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
264
|
+
"name": "me",
|
|
265
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;Q({eventName:\"PAYMENT_SUBMITTED\",paymentMethod:\"PAYMENT_CARD\"});let r=new CustomEvent(\"primer:card-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:E(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get submitButtonConfig(){return this.primerContext?.clientOptions?.submitButton??null}get shouldShowBuiltInButton(){return this.submitButtonConfig?.useBuiltInButton??!0}render(){if(!this.shouldShowBuiltInButton)return y;let e=this.submitButtonConfig?.amountVisible?this.primerContext?.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:y,i=this.disabled||this.cardFormContext?.disabled||!1;return u`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${i} @click=${this.handleClick} .loading=${!!this.primerContext?.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
261
266
|
},
|
|
262
267
|
{
|
|
263
268
|
"kind": "variable",
|
|
264
|
-
"name": "
|
|
265
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
269
|
+
"name": "he",
|
|
270
|
+
"default": "class extends v{constructor(){super(...arguments);this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Ht();this.dropdownRef=Ht();this.networkOptionRefs=[];this.toggleDropdown=e=>{this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))};this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}getNetworkIconUrl(e){return this.primerContext?.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}renderDefaultCardIcon(){return u`<div class=\"network-icon\">${$a[\"payment-card\"]}</div>`}getSelectableNetworks(){return this.primerContext?.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.primerContext?.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(i=>i.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.primerContext?.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.primerContext?.cardNetworks?.isLoading)return u`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return this.renderDefaultCardIcon();let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return this.renderDefaultCardIcon();let i=e.length>1;return i&&!Pc(e.map(o=>o.network))?u`<div class=\"network-selector-inline\">${e.map(o=>u`<div class=\"network-icon-container\"><img class=\"network-icon\" src=${this.getNetworkIconUrl(o)} alt=${o.displayName} /></div>`)}</div>`:u`<button ${Et(this.buttonRef)} class=\"network-selector ${i?\"\":\"static\"}\" tabindex=${i?\"0\":\"-1\"} @click=${this.toggleDropdown} @keydown=${o=>{(o.key===\" \"||o.key===\"Enter\")&&i&&(o.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${i?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${i?this.isDropdownOpen:y} aria-haspopup=${i?\"true\":y} aria-controls=${i?\"network-dropdown\":y} ><img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} />${L(i,()=>u`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>y)}</button>${L(this.isDropdownOpen,()=>u`<div ${Et(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((o,s)=>u`<div ${Et(l=>this.setNetworkOptionRef(l,s))} class=\"network-option ${this.isKeyboardNavigation&&s===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${l=>this.selectNetwork(l,o)} @keydown=${l=>{(l.key===\"Enter\"||l.key===\" \")&&this.selectNetwork(l,o)}} role=\"option\" aria-selected=${o.network===r.network} tabindex=\"${s===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(o)} alt=${o.displayName} /><span class=\"network-name\">${o.displayName}</span>${L(o.network===r.network,()=>u`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>y)}</div>`)}</div>`,()=>y)} `}}"
|
|
266
271
|
},
|
|
267
272
|
{
|
|
268
273
|
"kind": "variable",
|
|
269
|
-
"name": "
|
|
270
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
274
|
+
"name": "xe",
|
|
275
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasSlottedToggle=!1;this.isExpanded=!1;this._isHandlingContextEvent=!1;this._contextToggleListener=null;this.handleToggleSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasSlottedToggle=i.length>0};this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;this.isToggleButton(n)&&(e.preventDefault(),this.toggleAccordion())};this.handleDirectToggle=e=>{let r=e.detail?.action;r===\"expand\"?this.expand():r===\"collapse\"?this.collapse():this.toggleAccordion()};this.handleContextToggle=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{if(e.target!==this){e.stopPropagation();let r=e.detail?.action;r===\"expand\"?this.expand():r===\"collapse\"?this.collapse():this.toggleAccordion()}}finally{this._isHandlingContextEvent=!1}}}}isToggleButton(e){let r=this.shadowRoot?.querySelector('slot[name=\"show-other-payments-toggle-button\"]');return r?r.assignedElements({flatten:!0}).some(n=>n===e||n.contains(e)):!1}toggleAccordion(){this.hasSlottedToggle?(this.isExpanded=!this.isExpanded,this.dispatchExpandedEvent(this.isExpanded)):this.collapsableElement&&(this.collapsableElement.isExpanded?this.collapsableElement.collapse():this.collapsableElement.expand())}dispatchExpandedEvent(e){this.dispatchEvent(new CustomEvent(\"primer:show-other-payments-toggled\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.hasSlottedToggle?this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedEvent(!0)):this.collapsableElement?.expand()}collapse(){this.hasSlottedToggle?this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedEvent(!1)):this.collapsableElement?.collapse()}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextToggleListener&&this.primerContext?.events.host.addEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextToggleListener&&this.primerContext?.events.host.removeEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}connectedCallback(){super.connectedCallback(),this.isExpanded=this.primerContext?.vaultManager?.vaultedPaymentMethods.length===0,this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:show-other-payments-toggle\",this.handleDirectToggle),this._contextToggleListener=e=>{this.handleContextToggle(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:show-other-payments-toggle\",this.handleDirectToggle),this.cleanupContextEventListeners(),super.disconnectedCallback()}render(){if(this.primerContext?.vaultManager?.isLoading)return y;let e=this.primerContext?.vaultManager?.showEmptyState||this.primerContext?.vaultManager?.vaultedPaymentMethods.length;return!this.primerContext?.vaultManager||!this.primerContext?.vaultManager.enabled||this.primerContext?.vaultManager.headless||!e?u`<slot name=\"other-payments\"></slot>`:u`<div class=\"other-payment-methods-container\"><slot name=\"show-other-payments-toggle-button\" @slotchange=${this.handleToggleSlotChange} ></slot>${L(!this.hasSlottedToggle,()=>u`<primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.primerContext?.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${E(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable>`,()=>u`<div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" role=\"region\" aria-labelledby=\"custom-toggle-button\" ><div class=\"collapsable-content\"><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></div></div>`)}</div>`}}"
|
|
271
276
|
},
|
|
272
277
|
{
|
|
273
278
|
"kind": "variable",
|
|
274
|
-
"name": "
|
|
275
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.
|
|
279
|
+
"name": "_e",
|
|
280
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.expanded=!1;this.suppressBlurCollapse=!1;this._handleDocumentClick=e=>{this.expanded&&(this.suppressBlurCollapse||e.composedPath().includes(this)||this._collapseFromOutsideInteraction())};this._handleWindowBlur=()=>{!this.expanded||this.suppressBlurCollapse||setTimeout(()=>{document.hasFocus()&&this._collapseFromOutsideInteraction()},100)}}connectedCallback(){super.connectedCallback(),document.addEventListener(\"click\",this._handleDocumentClick),window.addEventListener(\"blur\",this._handleWindowBlur)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(\"click\",this._handleDocumentClick),window.removeEventListener(\"blur\",this._handleWindowBlur)}_collapseFromOutsideInteraction(){this.expanded&&(this.expanded=!1,this.dispatchEvent(new CustomEvent(\"expanded-change\",{detail:{expanded:!1},bubbles:!0,composed:!0})))}_handleButtonClick(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent(\"expanded-change\",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}render(){return u`<div class=\"container ${this.expanded?\"expanded\":\"\"}\"><primer-payment-method-button .type=${this.type} ?disabled=${this.disabled} @payment-method-click=${()=>this._handleButtonClick()} ></primer-payment-method-button><div class=\"expanded-content\"><div class=\"content-wrapper\"><slot></slot></div></div></div>`}}"
|
|
276
281
|
},
|
|
277
282
|
{
|
|
278
283
|
"kind": "variable",
|
|
279
|
-
"name": "
|
|
280
|
-
"default": "class extends v{render(){return
|
|
284
|
+
"name": "pt",
|
|
285
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.loading=!1}render(){return u`<button class=${X({loading:this.loading})} ?disabled=${this.disabled||this.loading} @click=${()=>this.dispatchEvent(new Event(\"confirm\",{bubbles:!0,composed:!0}))} >${this.loading?u`<primer-spinner size=\"small\" compact></primer-spinner>`:E(\"confirm\",{id:\"confirm\"})}</button>`}}"
|
|
281
286
|
},
|
|
282
287
|
{
|
|
283
288
|
"kind": "variable",
|
|
284
|
-
"name": "
|
|
285
|
-
"default": "class extends v{render(){return
|
|
289
|
+
"name": "pr",
|
|
290
|
+
"default": "class extends v{render(){return u`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
286
291
|
},
|
|
287
292
|
{
|
|
288
293
|
"kind": "variable",
|
|
289
|
-
"name": "
|
|
290
|
-
"default": "class extends v{
|
|
294
|
+
"name": "zt",
|
|
295
|
+
"default": "class extends v{render(){return u`<primer-checkout-state type=\"failure\" description=${this.primerContext?.sdkState?.primerJsError?.message||\"\"} ></primer-checkout-state>`}}"
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"kind": "variable",
|
|
299
|
+
"name": "mt",
|
|
300
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.primerContext?.sdkState||this.primerContext.sdkState.isProcessing?!1:!!(this.primerContext.sdkState.paymentFailure&&this.showProcessingErrors)}render(){return this.primerContext?.sdkState?u`<primer-error-message message=\"${E(this.primerContext.sdkState.paymentFailure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:y}}"
|
|
291
301
|
},
|
|
292
302
|
{
|
|
293
303
|
"kind": "variable",
|
|
294
|
-
"name": "
|
|
295
|
-
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()}}render(){return this.primerContext?.sdkState?.isSuccessful?
|
|
304
|
+
"name": "kt",
|
|
305
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()}}render(){return this.primerContext?.sdkState?.isSuccessful?u`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:u`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${L(this.hasAssignedContent,()=>y,()=>u`<div class=${X({\"primer-is-processing\":!!this.primerContext?.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.primerContext?.paymentMethods?.map(e=>u`<primer-payment-method type=${e.type} ?disabled=${this.primerContext?.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
|
|
296
306
|
},
|
|
297
307
|
{
|
|
298
308
|
"kind": "function",
|
|
299
|
-
"name": "
|
|
309
|
+
"name": "jO"
|
|
300
310
|
}
|
|
301
311
|
],
|
|
302
312
|
"exports": [
|
|
@@ -316,11 +326,19 @@
|
|
|
316
326
|
"module": "dist/primer-loader.js"
|
|
317
327
|
}
|
|
318
328
|
},
|
|
329
|
+
{
|
|
330
|
+
"kind": "js",
|
|
331
|
+
"name": "AdyenMbway",
|
|
332
|
+
"declaration": {
|
|
333
|
+
"name": "Te",
|
|
334
|
+
"module": "dist/primer-loader.js"
|
|
335
|
+
}
|
|
336
|
+
},
|
|
319
337
|
{
|
|
320
338
|
"kind": "js",
|
|
321
339
|
"name": "ApplePay",
|
|
322
340
|
"declaration": {
|
|
323
|
-
"name": "
|
|
341
|
+
"name": "Ve",
|
|
324
342
|
"module": "dist/primer-loader.js"
|
|
325
343
|
}
|
|
326
344
|
},
|
|
@@ -328,7 +346,7 @@
|
|
|
328
346
|
"kind": "js",
|
|
329
347
|
"name": "BillingAddress",
|
|
330
348
|
"declaration": {
|
|
331
|
-
"name": "
|
|
349
|
+
"name": "ne",
|
|
332
350
|
"module": "dist/primer-loader.js"
|
|
333
351
|
}
|
|
334
352
|
},
|
|
@@ -336,7 +354,7 @@
|
|
|
336
354
|
"kind": "js",
|
|
337
355
|
"name": "Blik",
|
|
338
356
|
"declaration": {
|
|
339
|
-
"name": "
|
|
357
|
+
"name": "ve",
|
|
340
358
|
"module": "dist/primer-loader.js"
|
|
341
359
|
}
|
|
342
360
|
},
|
|
@@ -344,7 +362,7 @@
|
|
|
344
362
|
"kind": "js",
|
|
345
363
|
"name": "Button",
|
|
346
364
|
"declaration": {
|
|
347
|
-
"name": "
|
|
365
|
+
"name": "ce",
|
|
348
366
|
"module": "dist/primer-loader.js"
|
|
349
367
|
}
|
|
350
368
|
},
|
|
@@ -352,7 +370,7 @@
|
|
|
352
370
|
"kind": "js",
|
|
353
371
|
"name": "CardForm",
|
|
354
372
|
"declaration": {
|
|
355
|
-
"name": "
|
|
373
|
+
"name": "Ce",
|
|
356
374
|
"module": "dist/primer-loader.js"
|
|
357
375
|
}
|
|
358
376
|
},
|
|
@@ -360,7 +378,7 @@
|
|
|
360
378
|
"kind": "js",
|
|
361
379
|
"name": "CardFormCVV",
|
|
362
380
|
"declaration": {
|
|
363
|
-
"name": "
|
|
381
|
+
"name": "dt",
|
|
364
382
|
"module": "dist/primer-loader.js"
|
|
365
383
|
}
|
|
366
384
|
},
|
|
@@ -368,7 +386,7 @@
|
|
|
368
386
|
"kind": "js",
|
|
369
387
|
"name": "CardFormCardNetworkSelector",
|
|
370
388
|
"declaration": {
|
|
371
|
-
"name": "
|
|
389
|
+
"name": "he",
|
|
372
390
|
"module": "dist/primer-loader.js"
|
|
373
391
|
}
|
|
374
392
|
},
|
|
@@ -376,7 +394,7 @@
|
|
|
376
394
|
"kind": "js",
|
|
377
395
|
"name": "CardFormCardNumber",
|
|
378
396
|
"declaration": {
|
|
379
|
-
"name": "
|
|
397
|
+
"name": "lt",
|
|
380
398
|
"module": "dist/primer-loader.js"
|
|
381
399
|
}
|
|
382
400
|
},
|
|
@@ -384,7 +402,7 @@
|
|
|
384
402
|
"kind": "js",
|
|
385
403
|
"name": "CardFormError",
|
|
386
404
|
"declaration": {
|
|
387
|
-
"name": "
|
|
405
|
+
"name": "it",
|
|
388
406
|
"module": "dist/primer-loader.js"
|
|
389
407
|
}
|
|
390
408
|
},
|
|
@@ -392,7 +410,7 @@
|
|
|
392
410
|
"kind": "js",
|
|
393
411
|
"name": "CardFormExpiry",
|
|
394
412
|
"declaration": {
|
|
395
|
-
"name": "
|
|
413
|
+
"name": "ct",
|
|
396
414
|
"module": "dist/primer-loader.js"
|
|
397
415
|
}
|
|
398
416
|
},
|
|
@@ -400,7 +418,7 @@
|
|
|
400
418
|
"kind": "js",
|
|
401
419
|
"name": "CardFormName",
|
|
402
420
|
"declaration": {
|
|
403
|
-
"name": "
|
|
421
|
+
"name": "ut",
|
|
404
422
|
"module": "dist/primer-loader.js"
|
|
405
423
|
}
|
|
406
424
|
},
|
|
@@ -408,7 +426,7 @@
|
|
|
408
426
|
"kind": "js",
|
|
409
427
|
"name": "CardFormSubmit",
|
|
410
428
|
"declaration": {
|
|
411
|
-
"name": "
|
|
429
|
+
"name": "me",
|
|
412
430
|
"module": "dist/primer-loader.js"
|
|
413
431
|
}
|
|
414
432
|
},
|
|
@@ -416,7 +434,7 @@
|
|
|
416
434
|
"kind": "js",
|
|
417
435
|
"name": "Collapsable",
|
|
418
436
|
"declaration": {
|
|
419
|
-
"name": "
|
|
437
|
+
"name": "pe",
|
|
420
438
|
"module": "dist/primer-loader.js"
|
|
421
439
|
}
|
|
422
440
|
},
|
|
@@ -424,7 +442,7 @@
|
|
|
424
442
|
"kind": "js",
|
|
425
443
|
"name": "Dialog",
|
|
426
444
|
"declaration": {
|
|
427
|
-
"name": "
|
|
445
|
+
"name": "Le",
|
|
428
446
|
"module": "dist/primer-loader.js"
|
|
429
447
|
}
|
|
430
448
|
},
|
|
@@ -432,7 +450,7 @@
|
|
|
432
450
|
"kind": "js",
|
|
433
451
|
"name": "ErrorMessage",
|
|
434
452
|
"declaration": {
|
|
435
|
-
"name": "
|
|
453
|
+
"name": "Fe",
|
|
436
454
|
"module": "dist/primer-loader.js"
|
|
437
455
|
}
|
|
438
456
|
},
|
|
@@ -440,7 +458,7 @@
|
|
|
440
458
|
"kind": "js",
|
|
441
459
|
"name": "ErrorMessageContainer",
|
|
442
460
|
"declaration": {
|
|
443
|
-
"name": "
|
|
461
|
+
"name": "mt",
|
|
444
462
|
"module": "dist/primer-loader.js"
|
|
445
463
|
}
|
|
446
464
|
},
|
|
@@ -448,7 +466,7 @@
|
|
|
448
466
|
"kind": "js",
|
|
449
467
|
"name": "GooglePay",
|
|
450
468
|
"declaration": {
|
|
451
|
-
"name": "
|
|
469
|
+
"name": "Ue",
|
|
452
470
|
"module": "dist/primer-loader.js"
|
|
453
471
|
}
|
|
454
472
|
},
|
|
@@ -456,7 +474,7 @@
|
|
|
456
474
|
"kind": "js",
|
|
457
475
|
"name": "Input",
|
|
458
476
|
"declaration": {
|
|
459
|
-
"name": "
|
|
477
|
+
"name": "z",
|
|
460
478
|
"module": "dist/primer-loader.js"
|
|
461
479
|
}
|
|
462
480
|
},
|
|
@@ -464,7 +482,7 @@
|
|
|
464
482
|
"kind": "js",
|
|
465
483
|
"name": "InputLabel",
|
|
466
484
|
"declaration": {
|
|
467
|
-
"name": "
|
|
485
|
+
"name": "at",
|
|
468
486
|
"module": "dist/primer-loader.js"
|
|
469
487
|
}
|
|
470
488
|
},
|
|
@@ -472,7 +490,7 @@
|
|
|
472
490
|
"kind": "js",
|
|
473
491
|
"name": "InputWrapper",
|
|
474
492
|
"declaration": {
|
|
475
|
-
"name": "
|
|
493
|
+
"name": "Ge",
|
|
476
494
|
"module": "dist/primer-loader.js"
|
|
477
495
|
}
|
|
478
496
|
},
|
|
@@ -480,7 +498,7 @@
|
|
|
480
498
|
"kind": "js",
|
|
481
499
|
"name": "PayPal",
|
|
482
500
|
"declaration": {
|
|
483
|
-
"name": "
|
|
501
|
+
"name": "He",
|
|
484
502
|
"module": "dist/primer-loader.js"
|
|
485
503
|
}
|
|
486
504
|
},
|
|
@@ -488,7 +506,7 @@
|
|
|
488
506
|
"kind": "js",
|
|
489
507
|
"name": "PaymentMethod",
|
|
490
508
|
"declaration": {
|
|
491
|
-
"name": "
|
|
509
|
+
"name": "Ye",
|
|
492
510
|
"module": "dist/primer-loader.js"
|
|
493
511
|
}
|
|
494
512
|
},
|
|
@@ -496,7 +514,7 @@
|
|
|
496
514
|
"kind": "js",
|
|
497
515
|
"name": "PaymentMethodAccordion",
|
|
498
516
|
"declaration": {
|
|
499
|
-
"name": "
|
|
517
|
+
"name": "_e",
|
|
500
518
|
"module": "dist/primer-loader.js"
|
|
501
519
|
}
|
|
502
520
|
},
|
|
@@ -504,7 +522,7 @@
|
|
|
504
522
|
"kind": "js",
|
|
505
523
|
"name": "PaymentMethodAccordionConfirmButton",
|
|
506
524
|
"declaration": {
|
|
507
|
-
"name": "
|
|
525
|
+
"name": "pt",
|
|
508
526
|
"module": "dist/primer-loader.js"
|
|
509
527
|
}
|
|
510
528
|
},
|
|
@@ -512,7 +530,7 @@
|
|
|
512
530
|
"kind": "js",
|
|
513
531
|
"name": "PaymentMethodButton",
|
|
514
532
|
"declaration": {
|
|
515
|
-
"name": "
|
|
533
|
+
"name": "$e",
|
|
516
534
|
"module": "dist/primer-loader.js"
|
|
517
535
|
}
|
|
518
536
|
},
|
|
@@ -520,7 +538,7 @@
|
|
|
520
538
|
"kind": "js",
|
|
521
539
|
"name": "PaymentMethodContainer",
|
|
522
540
|
"declaration": {
|
|
523
|
-
"name": "
|
|
541
|
+
"name": "Re",
|
|
524
542
|
"module": "dist/primer-loader.js"
|
|
525
543
|
}
|
|
526
544
|
},
|
|
@@ -528,7 +546,7 @@
|
|
|
528
546
|
"kind": "js",
|
|
529
547
|
"name": "PaymentMethodContentComponent",
|
|
530
548
|
"declaration": {
|
|
531
|
-
"name": "
|
|
549
|
+
"name": "je",
|
|
532
550
|
"module": "dist/primer-loader.js"
|
|
533
551
|
}
|
|
534
552
|
},
|
|
@@ -544,7 +562,7 @@
|
|
|
544
562
|
"kind": "js",
|
|
545
563
|
"name": "PrimerCheckoutComplete",
|
|
546
564
|
"declaration": {
|
|
547
|
-
"name": "
|
|
565
|
+
"name": "pr",
|
|
548
566
|
"module": "dist/primer-loader.js"
|
|
549
567
|
}
|
|
550
568
|
},
|
|
@@ -552,7 +570,7 @@
|
|
|
552
570
|
"kind": "js",
|
|
553
571
|
"name": "PrimerCheckoutComponent",
|
|
554
572
|
"declaration": {
|
|
555
|
-
"name": "
|
|
573
|
+
"name": "ye",
|
|
556
574
|
"module": "dist/primer-loader.js"
|
|
557
575
|
}
|
|
558
576
|
},
|
|
@@ -560,7 +578,7 @@
|
|
|
560
578
|
"kind": "js",
|
|
561
579
|
"name": "PrimerCheckoutFailure",
|
|
562
580
|
"declaration": {
|
|
563
|
-
"name": "
|
|
581
|
+
"name": "zt",
|
|
564
582
|
"module": "dist/primer-loader.js"
|
|
565
583
|
}
|
|
566
584
|
},
|
|
@@ -568,7 +586,7 @@
|
|
|
568
586
|
"kind": "js",
|
|
569
587
|
"name": "PrimerCheckoutState",
|
|
570
588
|
"declaration": {
|
|
571
|
-
"name": "
|
|
589
|
+
"name": "nt",
|
|
572
590
|
"module": "dist/primer-loader.js"
|
|
573
591
|
}
|
|
574
592
|
},
|
|
@@ -576,7 +594,7 @@
|
|
|
576
594
|
"kind": "js",
|
|
577
595
|
"name": "PrimerIcon",
|
|
578
596
|
"declaration": {
|
|
579
|
-
"name": "
|
|
597
|
+
"name": "Ke",
|
|
580
598
|
"module": "dist/primer-loader.js"
|
|
581
599
|
}
|
|
582
600
|
},
|
|
@@ -584,7 +602,7 @@
|
|
|
584
602
|
"kind": "js",
|
|
585
603
|
"name": "PrimerKlarna",
|
|
586
604
|
"declaration": {
|
|
587
|
-
"name": "
|
|
605
|
+
"name": "fe",
|
|
588
606
|
"module": "dist/primer-loader.js"
|
|
589
607
|
}
|
|
590
608
|
},
|
|
@@ -592,7 +610,15 @@
|
|
|
592
610
|
"kind": "js",
|
|
593
611
|
"name": "PrimerMain",
|
|
594
612
|
"declaration": {
|
|
595
|
-
"name": "
|
|
613
|
+
"name": "kt",
|
|
614
|
+
"module": "dist/primer-loader.js"
|
|
615
|
+
}
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"kind": "js",
|
|
619
|
+
"name": "PtPhoneNumberInput",
|
|
620
|
+
"declaration": {
|
|
621
|
+
"name": "re",
|
|
596
622
|
"module": "dist/primer-loader.js"
|
|
597
623
|
}
|
|
598
624
|
},
|
|
@@ -600,7 +626,7 @@
|
|
|
600
626
|
"kind": "js",
|
|
601
627
|
"name": "RedirectPayment",
|
|
602
628
|
"declaration": {
|
|
603
|
-
"name": "
|
|
629
|
+
"name": "ot",
|
|
604
630
|
"module": "dist/primer-loader.js"
|
|
605
631
|
}
|
|
606
632
|
},
|
|
@@ -608,7 +634,7 @@
|
|
|
608
634
|
"kind": "js",
|
|
609
635
|
"name": "Select",
|
|
610
636
|
"declaration": {
|
|
611
|
-
"name": "
|
|
637
|
+
"name": "ue",
|
|
612
638
|
"module": "dist/primer-loader.js"
|
|
613
639
|
}
|
|
614
640
|
},
|
|
@@ -616,7 +642,7 @@
|
|
|
616
642
|
"kind": "js",
|
|
617
643
|
"name": "ShowOtherPayments",
|
|
618
644
|
"declaration": {
|
|
619
|
-
"name": "
|
|
645
|
+
"name": "xe",
|
|
620
646
|
"module": "dist/primer-loader.js"
|
|
621
647
|
}
|
|
622
648
|
},
|
|
@@ -624,7 +650,7 @@
|
|
|
624
650
|
"kind": "js",
|
|
625
651
|
"name": "Spinner",
|
|
626
652
|
"declaration": {
|
|
627
|
-
"name": "
|
|
653
|
+
"name": "Be",
|
|
628
654
|
"module": "dist/primer-loader.js"
|
|
629
655
|
}
|
|
630
656
|
},
|
|
@@ -632,7 +658,7 @@
|
|
|
632
658
|
"kind": "js",
|
|
633
659
|
"name": "VaultCvvInput",
|
|
634
660
|
"declaration": {
|
|
635
|
-
"name": "
|
|
661
|
+
"name": "ae",
|
|
636
662
|
"module": "dist/primer-loader.js"
|
|
637
663
|
}
|
|
638
664
|
},
|
|
@@ -640,7 +666,7 @@
|
|
|
640
666
|
"kind": "js",
|
|
641
667
|
"name": "VaultDeleteConfirmation",
|
|
642
668
|
"declaration": {
|
|
643
|
-
"name": "
|
|
669
|
+
"name": "Ie",
|
|
644
670
|
"module": "dist/primer-loader.js"
|
|
645
671
|
}
|
|
646
672
|
},
|
|
@@ -648,7 +674,7 @@
|
|
|
648
674
|
"kind": "js",
|
|
649
675
|
"name": "VaultEmptyState",
|
|
650
676
|
"declaration": {
|
|
651
|
-
"name": "
|
|
677
|
+
"name": "st",
|
|
652
678
|
"module": "dist/primer-loader.js"
|
|
653
679
|
}
|
|
654
680
|
},
|
|
@@ -656,7 +682,7 @@
|
|
|
656
682
|
"kind": "js",
|
|
657
683
|
"name": "VaultErrorMessage",
|
|
658
684
|
"declaration": {
|
|
659
|
-
"name": "
|
|
685
|
+
"name": "ze",
|
|
660
686
|
"module": "dist/primer-loader.js"
|
|
661
687
|
}
|
|
662
688
|
},
|
|
@@ -664,7 +690,7 @@
|
|
|
664
690
|
"kind": "js",
|
|
665
691
|
"name": "VaultManager",
|
|
666
692
|
"declaration": {
|
|
667
|
-
"name": "
|
|
693
|
+
"name": "oe",
|
|
668
694
|
"module": "dist/primer-loader.js"
|
|
669
695
|
}
|
|
670
696
|
},
|
|
@@ -672,7 +698,7 @@
|
|
|
672
698
|
"kind": "js",
|
|
673
699
|
"name": "VaultManagerHeader",
|
|
674
700
|
"declaration": {
|
|
675
|
-
"name": "
|
|
701
|
+
"name": "we",
|
|
676
702
|
"module": "dist/primer-loader.js"
|
|
677
703
|
}
|
|
678
704
|
},
|
|
@@ -680,7 +706,7 @@
|
|
|
680
706
|
"kind": "js",
|
|
681
707
|
"name": "VaultPaymentMethodItem",
|
|
682
708
|
"declaration": {
|
|
683
|
-
"name": "
|
|
709
|
+
"name": "Ne",
|
|
684
710
|
"module": "dist/primer-loader.js"
|
|
685
711
|
}
|
|
686
712
|
},
|
|
@@ -688,7 +714,7 @@
|
|
|
688
714
|
"kind": "js",
|
|
689
715
|
"name": "VaultPaymentSubmit",
|
|
690
716
|
"declaration": {
|
|
691
|
-
"name": "
|
|
717
|
+
"name": "be",
|
|
692
718
|
"module": "dist/primer-loader.js"
|
|
693
719
|
}
|
|
694
720
|
},
|
|
@@ -696,7 +722,7 @@
|
|
|
696
722
|
"kind": "js",
|
|
697
723
|
"name": "injectDarkTheme",
|
|
698
724
|
"declaration": {
|
|
699
|
-
"name": "
|
|
725
|
+
"name": "th",
|
|
700
726
|
"module": "dist/primer-loader.js"
|
|
701
727
|
}
|
|
702
728
|
},
|
|
@@ -704,7 +730,7 @@
|
|
|
704
730
|
"kind": "js",
|
|
705
731
|
"name": "injectLightTheme",
|
|
706
732
|
"declaration": {
|
|
707
|
-
"name": "
|
|
733
|
+
"name": "eh",
|
|
708
734
|
"module": "dist/primer-loader.js"
|
|
709
735
|
}
|
|
710
736
|
},
|
|
@@ -712,7 +738,7 @@
|
|
|
712
738
|
"kind": "js",
|
|
713
739
|
"name": "injectLoaderStyles",
|
|
714
740
|
"declaration": {
|
|
715
|
-
"name": "
|
|
741
|
+
"name": "dl",
|
|
716
742
|
"module": "dist/primer-loader.js"
|
|
717
743
|
}
|
|
718
744
|
},
|
|
@@ -720,7 +746,7 @@
|
|
|
720
746
|
"kind": "js",
|
|
721
747
|
"name": "injectThemeStyles",
|
|
722
748
|
"declaration": {
|
|
723
|
-
"name": "
|
|
749
|
+
"name": "cl",
|
|
724
750
|
"module": "dist/primer-loader.js"
|
|
725
751
|
}
|
|
726
752
|
},
|
|
@@ -728,7 +754,7 @@
|
|
|
728
754
|
"kind": "js",
|
|
729
755
|
"name": "loadPrimer",
|
|
730
756
|
"declaration": {
|
|
731
|
-
"name": "
|
|
757
|
+
"name": "jO",
|
|
732
758
|
"module": "dist/primer-loader.js"
|
|
733
759
|
}
|
|
734
760
|
}
|
|
@@ -2889,6 +2915,14 @@
|
|
|
2889
2915
|
"module": "./input/input"
|
|
2890
2916
|
}
|
|
2891
2917
|
},
|
|
2918
|
+
{
|
|
2919
|
+
"kind": "js",
|
|
2920
|
+
"name": "PtPhoneNumberInput",
|
|
2921
|
+
"declaration": {
|
|
2922
|
+
"name": "PtPhoneNumberInput",
|
|
2923
|
+
"module": "./pt-phone-number-input/pt-phone-number-input"
|
|
2924
|
+
}
|
|
2925
|
+
},
|
|
2892
2926
|
{
|
|
2893
2927
|
"kind": "js",
|
|
2894
2928
|
"name": "Select",
|
|
@@ -3176,6 +3210,14 @@
|
|
|
3176
3210
|
"module": "./blik/blik"
|
|
3177
3211
|
}
|
|
3178
3212
|
},
|
|
3213
|
+
{
|
|
3214
|
+
"kind": "js",
|
|
3215
|
+
"name": "AdyenMbway",
|
|
3216
|
+
"declaration": {
|
|
3217
|
+
"name": "AdyenMbway",
|
|
3218
|
+
"module": "./adyen-mbway/adyen-mbway"
|
|
3219
|
+
}
|
|
3220
|
+
},
|
|
3179
3221
|
{
|
|
3180
3222
|
"kind": "js",
|
|
3181
3223
|
"name": "PaymentMethodButton",
|
|
@@ -5458,6 +5500,14 @@
|
|
|
5458
5500
|
"module": "./compatibility-types"
|
|
5459
5501
|
}
|
|
5460
5502
|
},
|
|
5503
|
+
{
|
|
5504
|
+
"kind": "js",
|
|
5505
|
+
"name": "IMbwayPaymentMethodManager",
|
|
5506
|
+
"declaration": {
|
|
5507
|
+
"name": "IMbwayPaymentMethodManager",
|
|
5508
|
+
"module": "./compatibility-types"
|
|
5509
|
+
}
|
|
5510
|
+
},
|
|
5461
5511
|
{
|
|
5462
5512
|
"kind": "js",
|
|
5463
5513
|
"name": "INativePaymentMethodManager",
|
|
@@ -8687,42 +8737,70 @@
|
|
|
8687
8737
|
},
|
|
8688
8738
|
{
|
|
8689
8739
|
"kind": "javascript-module",
|
|
8690
|
-
"path": "src/atoms/
|
|
8740
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts",
|
|
8691
8741
|
"declarations": [
|
|
8692
8742
|
{
|
|
8693
8743
|
"kind": "class",
|
|
8694
|
-
"description": "
|
|
8695
|
-
"name": "
|
|
8744
|
+
"description": "Portuguese Phone Number Input\n\nInline phone input dedicated to Portuguese (+351) numbers. Renders a PT\nflag, a fixed `+351` prefix, and a digit-only field; the user types only\nthe local digits. Emits `input` / `change` events whose detail is the full\nE.164 number (`+351` + digits) or an empty string when no digits are\nentered.\n\nThis is intentionally PT-only — MB WAY is the only consumer and only\noperates in Portugal. If we ever need other locales, fork into a\ncountry-aware component rather than generalising this one.",
|
|
8745
|
+
"name": "PtPhoneNumberInputComponent",
|
|
8696
8746
|
"members": [
|
|
8697
8747
|
{
|
|
8698
8748
|
"kind": "field",
|
|
8699
|
-
"name": "
|
|
8749
|
+
"name": "prefix",
|
|
8700
8750
|
"type": {
|
|
8701
8751
|
"text": "string"
|
|
8702
8752
|
},
|
|
8703
|
-
"default": "''",
|
|
8704
|
-
"description": "
|
|
8705
|
-
"attribute": "
|
|
8753
|
+
"default": "'+351'",
|
|
8754
|
+
"description": "Fixed PT dial code. Exposed as a property only so tests can override.",
|
|
8755
|
+
"attribute": "prefix"
|
|
8706
8756
|
},
|
|
8707
8757
|
{
|
|
8708
8758
|
"kind": "field",
|
|
8709
|
-
"name": "
|
|
8759
|
+
"name": "value",
|
|
8710
8760
|
"type": {
|
|
8711
8761
|
"text": "string"
|
|
8712
8762
|
},
|
|
8713
8763
|
"default": "''",
|
|
8714
|
-
"description": "The
|
|
8715
|
-
"attribute": "
|
|
8764
|
+
"description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
|
|
8765
|
+
"attribute": "value"
|
|
8716
8766
|
},
|
|
8717
8767
|
{
|
|
8718
8768
|
"kind": "field",
|
|
8719
|
-
"name": "
|
|
8769
|
+
"name": "placeholder",
|
|
8720
8770
|
"type": {
|
|
8721
8771
|
"text": "string"
|
|
8722
8772
|
},
|
|
8723
8773
|
"default": "''",
|
|
8724
|
-
"
|
|
8725
|
-
|
|
8774
|
+
"attribute": "placeholder"
|
|
8775
|
+
},
|
|
8776
|
+
{
|
|
8777
|
+
"kind": "field",
|
|
8778
|
+
"name": "inputId",
|
|
8779
|
+
"type": {
|
|
8780
|
+
"text": "string"
|
|
8781
|
+
},
|
|
8782
|
+
"default": "'primer-pt-phone-number-input'",
|
|
8783
|
+
"attribute": "input-id"
|
|
8784
|
+
},
|
|
8785
|
+
{
|
|
8786
|
+
"kind": "field",
|
|
8787
|
+
"name": "maxLength",
|
|
8788
|
+
"type": {
|
|
8789
|
+
"text": "number"
|
|
8790
|
+
},
|
|
8791
|
+
"default": "15",
|
|
8792
|
+
"description": "Maximum total length of the full phone number (including prefix).",
|
|
8793
|
+
"attribute": "max-length"
|
|
8794
|
+
},
|
|
8795
|
+
{
|
|
8796
|
+
"kind": "field",
|
|
8797
|
+
"name": "minLength",
|
|
8798
|
+
"type": {
|
|
8799
|
+
"text": "number"
|
|
8800
|
+
},
|
|
8801
|
+
"default": "9",
|
|
8802
|
+
"description": "Minimum total length of the full phone number (including prefix).",
|
|
8803
|
+
"attribute": "min-length"
|
|
8726
8804
|
},
|
|
8727
8805
|
{
|
|
8728
8806
|
"kind": "field",
|
|
@@ -8731,95 +8809,373 @@
|
|
|
8731
8809
|
"text": "boolean"
|
|
8732
8810
|
},
|
|
8733
8811
|
"default": "false",
|
|
8734
|
-
"description": "Whether the select is disabled",
|
|
8735
8812
|
"attribute": "disabled",
|
|
8736
8813
|
"reflects": true
|
|
8737
8814
|
},
|
|
8738
8815
|
{
|
|
8739
8816
|
"kind": "field",
|
|
8740
|
-
"name": "
|
|
8817
|
+
"name": "hasErrors",
|
|
8741
8818
|
"type": {
|
|
8742
8819
|
"text": "boolean"
|
|
8743
8820
|
},
|
|
8744
8821
|
"default": "false",
|
|
8745
|
-
"
|
|
8746
|
-
"attribute": "has-error",
|
|
8822
|
+
"attribute": "has-errors",
|
|
8747
8823
|
"reflects": true
|
|
8748
8824
|
},
|
|
8749
8825
|
{
|
|
8750
8826
|
"kind": "field",
|
|
8751
|
-
"name": "
|
|
8827
|
+
"name": "inputEl",
|
|
8828
|
+
"type": {
|
|
8829
|
+
"text": "HTMLInputElement | undefined"
|
|
8830
|
+
},
|
|
8831
|
+
"privacy": "private"
|
|
8832
|
+
},
|
|
8833
|
+
{
|
|
8834
|
+
"kind": "field",
|
|
8835
|
+
"name": "localDigits",
|
|
8752
8836
|
"type": {
|
|
8753
8837
|
"text": "string"
|
|
8754
8838
|
},
|
|
8755
|
-
"
|
|
8756
|
-
"description": "
|
|
8757
|
-
"
|
|
8839
|
+
"privacy": "private",
|
|
8840
|
+
"description": "Strip the prefix to get the local digit portion.",
|
|
8841
|
+
"readonly": true
|
|
8758
8842
|
},
|
|
8759
8843
|
{
|
|
8760
8844
|
"kind": "field",
|
|
8761
|
-
"name": "
|
|
8845
|
+
"name": "maxLocalDigits",
|
|
8762
8846
|
"type": {
|
|
8763
|
-
"text": "
|
|
8847
|
+
"text": "number"
|
|
8764
8848
|
},
|
|
8765
|
-
"
|
|
8766
|
-
"description": "
|
|
8849
|
+
"privacy": "private",
|
|
8850
|
+
"description": "Allowed local digit count, derived from total length minus prefix.",
|
|
8851
|
+
"readonly": true
|
|
8767
8852
|
},
|
|
8768
8853
|
{
|
|
8769
8854
|
"kind": "method",
|
|
8770
|
-
"name": "
|
|
8855
|
+
"name": "dispatchValueEvent",
|
|
8771
8856
|
"privacy": "private",
|
|
8857
|
+
"return": {
|
|
8858
|
+
"type": {
|
|
8859
|
+
"text": "void"
|
|
8860
|
+
}
|
|
8861
|
+
},
|
|
8772
8862
|
"parameters": [
|
|
8773
8863
|
{
|
|
8774
|
-
"name": "
|
|
8864
|
+
"name": "eventName",
|
|
8775
8865
|
"type": {
|
|
8776
|
-
"text": "
|
|
8866
|
+
"text": "'input' | 'change'"
|
|
8867
|
+
}
|
|
8868
|
+
},
|
|
8869
|
+
{
|
|
8870
|
+
"name": "digits",
|
|
8871
|
+
"type": {
|
|
8872
|
+
"text": "string"
|
|
8777
8873
|
}
|
|
8778
8874
|
}
|
|
8779
8875
|
]
|
|
8780
8876
|
},
|
|
8781
8877
|
{
|
|
8782
|
-
"kind": "
|
|
8783
|
-
"name": "
|
|
8878
|
+
"kind": "field",
|
|
8879
|
+
"name": "handleInput",
|
|
8784
8880
|
"privacy": "private"
|
|
8785
8881
|
},
|
|
8786
8882
|
{
|
|
8787
|
-
"kind": "
|
|
8788
|
-
"name": "
|
|
8883
|
+
"kind": "field",
|
|
8884
|
+
"name": "handleChange",
|
|
8789
8885
|
"privacy": "private"
|
|
8790
8886
|
},
|
|
8791
8887
|
{
|
|
8792
|
-
"kind": "
|
|
8793
|
-
"name": "
|
|
8888
|
+
"kind": "field",
|
|
8889
|
+
"name": "handleHostClick",
|
|
8794
8890
|
"privacy": "private"
|
|
8795
8891
|
},
|
|
8796
8892
|
{
|
|
8797
8893
|
"kind": "method",
|
|
8798
|
-
"name": "
|
|
8799
|
-
"
|
|
8800
|
-
|
|
8801
|
-
|
|
8802
|
-
"name": "e",
|
|
8803
|
-
"type": {
|
|
8804
|
-
"text": "Event"
|
|
8805
|
-
}
|
|
8894
|
+
"name": "focus",
|
|
8895
|
+
"return": {
|
|
8896
|
+
"type": {
|
|
8897
|
+
"text": "void"
|
|
8806
8898
|
}
|
|
8807
|
-
|
|
8899
|
+
}
|
|
8808
8900
|
}
|
|
8809
8901
|
],
|
|
8810
8902
|
"events": [
|
|
8811
8903
|
{
|
|
8812
|
-
"name": "
|
|
8904
|
+
"name": "eventName",
|
|
8813
8905
|
"type": {
|
|
8814
8906
|
"text": "CustomEvent"
|
|
8815
|
-
}
|
|
8816
|
-
"description": "Fired when selection changes"
|
|
8907
|
+
}
|
|
8817
8908
|
},
|
|
8818
8909
|
{
|
|
8819
|
-
"
|
|
8820
|
-
"
|
|
8821
|
-
|
|
8822
|
-
|
|
8910
|
+
"description": "CustomEvent<string> with full phone number on each keystroke",
|
|
8911
|
+
"name": "input"
|
|
8912
|
+
},
|
|
8913
|
+
{
|
|
8914
|
+
"description": "CustomEvent<string> with full phone number on commit",
|
|
8915
|
+
"name": "change"
|
|
8916
|
+
}
|
|
8917
|
+
],
|
|
8918
|
+
"attributes": [
|
|
8919
|
+
{
|
|
8920
|
+
"name": "prefix",
|
|
8921
|
+
"type": {
|
|
8922
|
+
"text": "string"
|
|
8923
|
+
},
|
|
8924
|
+
"default": "'+351'",
|
|
8925
|
+
"description": "Fixed PT dial code. Exposed as a property only so tests can override.",
|
|
8926
|
+
"fieldName": "prefix"
|
|
8927
|
+
},
|
|
8928
|
+
{
|
|
8929
|
+
"name": "value",
|
|
8930
|
+
"type": {
|
|
8931
|
+
"text": "string"
|
|
8932
|
+
},
|
|
8933
|
+
"default": "''",
|
|
8934
|
+
"description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
|
|
8935
|
+
"fieldName": "value"
|
|
8936
|
+
},
|
|
8937
|
+
{
|
|
8938
|
+
"name": "placeholder",
|
|
8939
|
+
"type": {
|
|
8940
|
+
"text": "string"
|
|
8941
|
+
},
|
|
8942
|
+
"default": "''",
|
|
8943
|
+
"fieldName": "placeholder"
|
|
8944
|
+
},
|
|
8945
|
+
{
|
|
8946
|
+
"name": "input-id",
|
|
8947
|
+
"type": {
|
|
8948
|
+
"text": "string"
|
|
8949
|
+
},
|
|
8950
|
+
"default": "'primer-pt-phone-number-input'",
|
|
8951
|
+
"fieldName": "inputId"
|
|
8952
|
+
},
|
|
8953
|
+
{
|
|
8954
|
+
"name": "max-length",
|
|
8955
|
+
"type": {
|
|
8956
|
+
"text": "number"
|
|
8957
|
+
},
|
|
8958
|
+
"default": "15",
|
|
8959
|
+
"description": "Maximum total length of the full phone number (including prefix).",
|
|
8960
|
+
"fieldName": "maxLength"
|
|
8961
|
+
},
|
|
8962
|
+
{
|
|
8963
|
+
"name": "min-length",
|
|
8964
|
+
"type": {
|
|
8965
|
+
"text": "number"
|
|
8966
|
+
},
|
|
8967
|
+
"default": "9",
|
|
8968
|
+
"description": "Minimum total length of the full phone number (including prefix).",
|
|
8969
|
+
"fieldName": "minLength"
|
|
8970
|
+
},
|
|
8971
|
+
{
|
|
8972
|
+
"name": "disabled",
|
|
8973
|
+
"type": {
|
|
8974
|
+
"text": "boolean"
|
|
8975
|
+
},
|
|
8976
|
+
"default": "false",
|
|
8977
|
+
"fieldName": "disabled"
|
|
8978
|
+
},
|
|
8979
|
+
{
|
|
8980
|
+
"name": "has-errors",
|
|
8981
|
+
"type": {
|
|
8982
|
+
"text": "boolean"
|
|
8983
|
+
},
|
|
8984
|
+
"default": "false",
|
|
8985
|
+
"fieldName": "hasErrors"
|
|
8986
|
+
}
|
|
8987
|
+
],
|
|
8988
|
+
"superclass": {
|
|
8989
|
+
"name": "LitElement",
|
|
8990
|
+
"package": "lit"
|
|
8991
|
+
},
|
|
8992
|
+
"tagName": "primer-pt-phone-number-input",
|
|
8993
|
+
"customElement": true
|
|
8994
|
+
}
|
|
8995
|
+
],
|
|
8996
|
+
"exports": [
|
|
8997
|
+
{
|
|
8998
|
+
"kind": "js",
|
|
8999
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9000
|
+
"declaration": {
|
|
9001
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9002
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts"
|
|
9003
|
+
}
|
|
9004
|
+
},
|
|
9005
|
+
{
|
|
9006
|
+
"kind": "custom-element-definition",
|
|
9007
|
+
"name": "primer-pt-phone-number-input",
|
|
9008
|
+
"declaration": {
|
|
9009
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9010
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts"
|
|
9011
|
+
}
|
|
9012
|
+
}
|
|
9013
|
+
]
|
|
9014
|
+
},
|
|
9015
|
+
{
|
|
9016
|
+
"kind": "javascript-module",
|
|
9017
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.styles.ts",
|
|
9018
|
+
"declarations": [],
|
|
9019
|
+
"exports": [
|
|
9020
|
+
{
|
|
9021
|
+
"kind": "js",
|
|
9022
|
+
"name": "default",
|
|
9023
|
+
"declaration": {
|
|
9024
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.styles.ts"
|
|
9025
|
+
}
|
|
9026
|
+
}
|
|
9027
|
+
]
|
|
9028
|
+
},
|
|
9029
|
+
{
|
|
9030
|
+
"kind": "javascript-module",
|
|
9031
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.ts",
|
|
9032
|
+
"declarations": [],
|
|
9033
|
+
"exports": [
|
|
9034
|
+
{
|
|
9035
|
+
"kind": "js",
|
|
9036
|
+
"name": "PtPhoneNumberInput",
|
|
9037
|
+
"declaration": {
|
|
9038
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9039
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.ts"
|
|
9040
|
+
}
|
|
9041
|
+
}
|
|
9042
|
+
]
|
|
9043
|
+
},
|
|
9044
|
+
{
|
|
9045
|
+
"kind": "javascript-module",
|
|
9046
|
+
"path": "src/atoms/select/select.component.ts",
|
|
9047
|
+
"declarations": [
|
|
9048
|
+
{
|
|
9049
|
+
"kind": "class",
|
|
9050
|
+
"description": "A native select dropdown component",
|
|
9051
|
+
"name": "SelectComponent",
|
|
9052
|
+
"members": [
|
|
9053
|
+
{
|
|
9054
|
+
"kind": "field",
|
|
9055
|
+
"name": "name",
|
|
9056
|
+
"type": {
|
|
9057
|
+
"text": "string"
|
|
9058
|
+
},
|
|
9059
|
+
"default": "''",
|
|
9060
|
+
"description": "The name attribute for the select element",
|
|
9061
|
+
"attribute": "name"
|
|
9062
|
+
},
|
|
9063
|
+
{
|
|
9064
|
+
"kind": "field",
|
|
9065
|
+
"name": "id",
|
|
9066
|
+
"type": {
|
|
9067
|
+
"text": "string"
|
|
9068
|
+
},
|
|
9069
|
+
"default": "''",
|
|
9070
|
+
"description": "The id attribute for the select element",
|
|
9071
|
+
"attribute": "id"
|
|
9072
|
+
},
|
|
9073
|
+
{
|
|
9074
|
+
"kind": "field",
|
|
9075
|
+
"name": "value",
|
|
9076
|
+
"type": {
|
|
9077
|
+
"text": "string"
|
|
9078
|
+
},
|
|
9079
|
+
"default": "''",
|
|
9080
|
+
"description": "The current value of the select",
|
|
9081
|
+
"attribute": "value"
|
|
9082
|
+
},
|
|
9083
|
+
{
|
|
9084
|
+
"kind": "field",
|
|
9085
|
+
"name": "disabled",
|
|
9086
|
+
"type": {
|
|
9087
|
+
"text": "boolean"
|
|
9088
|
+
},
|
|
9089
|
+
"default": "false",
|
|
9090
|
+
"description": "Whether the select is disabled",
|
|
9091
|
+
"attribute": "disabled",
|
|
9092
|
+
"reflects": true
|
|
9093
|
+
},
|
|
9094
|
+
{
|
|
9095
|
+
"kind": "field",
|
|
9096
|
+
"name": "hasError",
|
|
9097
|
+
"type": {
|
|
9098
|
+
"text": "boolean"
|
|
9099
|
+
},
|
|
9100
|
+
"default": "false",
|
|
9101
|
+
"description": "Whether the select is in an error state",
|
|
9102
|
+
"attribute": "has-error",
|
|
9103
|
+
"reflects": true
|
|
9104
|
+
},
|
|
9105
|
+
{
|
|
9106
|
+
"kind": "field",
|
|
9107
|
+
"name": "placeholder",
|
|
9108
|
+
"type": {
|
|
9109
|
+
"text": "string"
|
|
9110
|
+
},
|
|
9111
|
+
"default": "''",
|
|
9112
|
+
"description": "Placeholder text for the select",
|
|
9113
|
+
"attribute": "placeholder"
|
|
9114
|
+
},
|
|
9115
|
+
{
|
|
9116
|
+
"kind": "field",
|
|
9117
|
+
"name": "options",
|
|
9118
|
+
"type": {
|
|
9119
|
+
"text": "SelectOption[]"
|
|
9120
|
+
},
|
|
9121
|
+
"default": "[]",
|
|
9122
|
+
"description": "Array of options for the select"
|
|
9123
|
+
},
|
|
9124
|
+
{
|
|
9125
|
+
"kind": "method",
|
|
9126
|
+
"name": "handleChange",
|
|
9127
|
+
"privacy": "private",
|
|
9128
|
+
"parameters": [
|
|
9129
|
+
{
|
|
9130
|
+
"name": "e",
|
|
9131
|
+
"type": {
|
|
9132
|
+
"text": "Event"
|
|
9133
|
+
}
|
|
9134
|
+
}
|
|
9135
|
+
]
|
|
9136
|
+
},
|
|
9137
|
+
{
|
|
9138
|
+
"kind": "method",
|
|
9139
|
+
"name": "handleFocus",
|
|
9140
|
+
"privacy": "private"
|
|
9141
|
+
},
|
|
9142
|
+
{
|
|
9143
|
+
"kind": "method",
|
|
9144
|
+
"name": "handleBlur",
|
|
9145
|
+
"privacy": "private"
|
|
9146
|
+
},
|
|
9147
|
+
{
|
|
9148
|
+
"kind": "method",
|
|
9149
|
+
"name": "renderSelectOptions",
|
|
9150
|
+
"privacy": "private"
|
|
9151
|
+
},
|
|
9152
|
+
{
|
|
9153
|
+
"kind": "method",
|
|
9154
|
+
"name": "stopNativeEvent",
|
|
9155
|
+
"privacy": "private",
|
|
9156
|
+
"parameters": [
|
|
9157
|
+
{
|
|
9158
|
+
"name": "e",
|
|
9159
|
+
"type": {
|
|
9160
|
+
"text": "Event"
|
|
9161
|
+
}
|
|
9162
|
+
}
|
|
9163
|
+
]
|
|
9164
|
+
}
|
|
9165
|
+
],
|
|
9166
|
+
"events": [
|
|
9167
|
+
{
|
|
9168
|
+
"name": "change",
|
|
9169
|
+
"type": {
|
|
9170
|
+
"text": "CustomEvent"
|
|
9171
|
+
},
|
|
9172
|
+
"description": "Fired when selection changes"
|
|
9173
|
+
},
|
|
9174
|
+
{
|
|
9175
|
+
"name": "input",
|
|
9176
|
+
"type": {
|
|
9177
|
+
"text": "CustomEvent"
|
|
9178
|
+
},
|
|
8823
9179
|
"description": "Fired when input value changes"
|
|
8824
9180
|
},
|
|
8825
9181
|
{
|
|
@@ -9073,49 +9429,233 @@
|
|
|
9073
9429
|
"kind": "js",
|
|
9074
9430
|
"name": "default",
|
|
9075
9431
|
"declaration": {
|
|
9076
|
-
"module": "src/atoms/spinner/spinner.styles.ts"
|
|
9432
|
+
"module": "src/atoms/spinner/spinner.styles.ts"
|
|
9433
|
+
}
|
|
9434
|
+
}
|
|
9435
|
+
]
|
|
9436
|
+
},
|
|
9437
|
+
{
|
|
9438
|
+
"kind": "javascript-module",
|
|
9439
|
+
"path": "src/atoms/spinner/spinner.ts",
|
|
9440
|
+
"declarations": [],
|
|
9441
|
+
"exports": [
|
|
9442
|
+
{
|
|
9443
|
+
"kind": "js",
|
|
9444
|
+
"name": "Spinner",
|
|
9445
|
+
"declaration": {
|
|
9446
|
+
"name": "SpinnerComponent",
|
|
9447
|
+
"module": "src/atoms/spinner/spinner.ts"
|
|
9448
|
+
}
|
|
9449
|
+
}
|
|
9450
|
+
]
|
|
9451
|
+
},
|
|
9452
|
+
{
|
|
9453
|
+
"kind": "javascript-module",
|
|
9454
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.component.ts",
|
|
9455
|
+
"declarations": [
|
|
9456
|
+
{
|
|
9457
|
+
"kind": "class",
|
|
9458
|
+
"description": "",
|
|
9459
|
+
"name": "AdyenKlarnaComponent",
|
|
9460
|
+
"members": [
|
|
9461
|
+
{
|
|
9462
|
+
"kind": "field",
|
|
9463
|
+
"name": "primerContext",
|
|
9464
|
+
"type": {
|
|
9465
|
+
"text": "ContextType | undefined"
|
|
9466
|
+
}
|
|
9467
|
+
},
|
|
9468
|
+
{
|
|
9469
|
+
"kind": "field",
|
|
9470
|
+
"name": "paymentMethod",
|
|
9471
|
+
"type": {
|
|
9472
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9473
|
+
},
|
|
9474
|
+
"description": "The payment method from context",
|
|
9475
|
+
"attribute": "paymentMethod"
|
|
9476
|
+
},
|
|
9477
|
+
{
|
|
9478
|
+
"kind": "field",
|
|
9479
|
+
"name": "disabled",
|
|
9480
|
+
"type": {
|
|
9481
|
+
"text": "boolean"
|
|
9482
|
+
},
|
|
9483
|
+
"default": "false",
|
|
9484
|
+
"description": "Whether the component is disabled",
|
|
9485
|
+
"attribute": "disabled"
|
|
9486
|
+
},
|
|
9487
|
+
{
|
|
9488
|
+
"kind": "field",
|
|
9489
|
+
"name": "expanded",
|
|
9490
|
+
"type": {
|
|
9491
|
+
"text": "boolean"
|
|
9492
|
+
},
|
|
9493
|
+
"privacy": "private",
|
|
9494
|
+
"default": "false",
|
|
9495
|
+
"description": "Whether the accordion is expanded"
|
|
9496
|
+
},
|
|
9497
|
+
{
|
|
9498
|
+
"kind": "field",
|
|
9499
|
+
"name": "selectedOptionId",
|
|
9500
|
+
"type": {
|
|
9501
|
+
"text": "string | null"
|
|
9502
|
+
},
|
|
9503
|
+
"privacy": "private",
|
|
9504
|
+
"default": "null",
|
|
9505
|
+
"description": "Currently selected option ID"
|
|
9506
|
+
},
|
|
9507
|
+
{
|
|
9508
|
+
"kind": "field",
|
|
9509
|
+
"name": "loading",
|
|
9510
|
+
"type": {
|
|
9511
|
+
"text": "boolean"
|
|
9512
|
+
},
|
|
9513
|
+
"privacy": "private",
|
|
9514
|
+
"default": "false",
|
|
9515
|
+
"description": "Whether the payment is currently being processed"
|
|
9516
|
+
},
|
|
9517
|
+
{
|
|
9518
|
+
"kind": "field",
|
|
9519
|
+
"name": "paymentInProgress",
|
|
9520
|
+
"type": {
|
|
9521
|
+
"text": "boolean"
|
|
9522
|
+
},
|
|
9523
|
+
"privacy": "private",
|
|
9524
|
+
"default": "false"
|
|
9525
|
+
},
|
|
9526
|
+
{
|
|
9527
|
+
"kind": "field",
|
|
9528
|
+
"name": "manager",
|
|
9529
|
+
"type": {
|
|
9530
|
+
"text": "IAdyenKlarnaPaymentMethodManager | null"
|
|
9531
|
+
},
|
|
9532
|
+
"privacy": "private",
|
|
9533
|
+
"readonly": true
|
|
9534
|
+
},
|
|
9535
|
+
{
|
|
9536
|
+
"kind": "field",
|
|
9537
|
+
"name": "klarnaLogoUrl",
|
|
9538
|
+
"type": {
|
|
9539
|
+
"text": "string | undefined"
|
|
9540
|
+
},
|
|
9541
|
+
"privacy": "private",
|
|
9542
|
+
"description": "Get the Klarna logo URL from the payment method configuration",
|
|
9543
|
+
"readonly": true
|
|
9544
|
+
},
|
|
9545
|
+
{
|
|
9546
|
+
"kind": "method",
|
|
9547
|
+
"name": "handleOptionSelect",
|
|
9548
|
+
"privacy": "private",
|
|
9549
|
+
"parameters": [
|
|
9550
|
+
{
|
|
9551
|
+
"name": "optionId",
|
|
9552
|
+
"type": {
|
|
9553
|
+
"text": "string"
|
|
9554
|
+
}
|
|
9555
|
+
}
|
|
9556
|
+
]
|
|
9557
|
+
},
|
|
9558
|
+
{
|
|
9559
|
+
"kind": "method",
|
|
9560
|
+
"name": "handleConfirm",
|
|
9561
|
+
"privacy": "private"
|
|
9562
|
+
},
|
|
9563
|
+
{
|
|
9564
|
+
"kind": "method",
|
|
9565
|
+
"name": "renderPaymentOptions",
|
|
9566
|
+
"privacy": "private"
|
|
9567
|
+
}
|
|
9568
|
+
],
|
|
9569
|
+
"attributes": [
|
|
9570
|
+
{
|
|
9571
|
+
"name": "paymentMethod",
|
|
9572
|
+
"type": {
|
|
9573
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9574
|
+
},
|
|
9575
|
+
"description": "The payment method from context",
|
|
9576
|
+
"fieldName": "paymentMethod"
|
|
9577
|
+
},
|
|
9578
|
+
{
|
|
9579
|
+
"name": "disabled",
|
|
9580
|
+
"type": {
|
|
9581
|
+
"text": "boolean"
|
|
9582
|
+
},
|
|
9583
|
+
"default": "false",
|
|
9584
|
+
"description": "Whether the component is disabled",
|
|
9585
|
+
"fieldName": "disabled"
|
|
9586
|
+
}
|
|
9587
|
+
],
|
|
9588
|
+
"superclass": {
|
|
9589
|
+
"name": "LitElement",
|
|
9590
|
+
"package": "lit"
|
|
9591
|
+
},
|
|
9592
|
+
"tagName": "primer-adyen-klarna",
|
|
9593
|
+
"customElement": true
|
|
9594
|
+
}
|
|
9595
|
+
],
|
|
9596
|
+
"exports": [
|
|
9597
|
+
{
|
|
9598
|
+
"kind": "js",
|
|
9599
|
+
"name": "AdyenKlarnaComponent",
|
|
9600
|
+
"declaration": {
|
|
9601
|
+
"name": "AdyenKlarnaComponent",
|
|
9602
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.component.ts"
|
|
9603
|
+
}
|
|
9604
|
+
},
|
|
9605
|
+
{
|
|
9606
|
+
"kind": "custom-element-definition",
|
|
9607
|
+
"name": "primer-adyen-klarna",
|
|
9608
|
+
"declaration": {
|
|
9609
|
+
"name": "AdyenKlarnaComponent",
|
|
9610
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.component.ts"
|
|
9611
|
+
}
|
|
9612
|
+
}
|
|
9613
|
+
]
|
|
9614
|
+
},
|
|
9615
|
+
{
|
|
9616
|
+
"kind": "javascript-module",
|
|
9617
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.styles.ts",
|
|
9618
|
+
"declarations": [],
|
|
9619
|
+
"exports": [
|
|
9620
|
+
{
|
|
9621
|
+
"kind": "js",
|
|
9622
|
+
"name": "default",
|
|
9623
|
+
"declaration": {
|
|
9624
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.styles.ts"
|
|
9077
9625
|
}
|
|
9078
9626
|
}
|
|
9079
9627
|
]
|
|
9080
9628
|
},
|
|
9081
9629
|
{
|
|
9082
9630
|
"kind": "javascript-module",
|
|
9083
|
-
"path": "src/
|
|
9631
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.ts",
|
|
9084
9632
|
"declarations": [],
|
|
9085
9633
|
"exports": [
|
|
9086
9634
|
{
|
|
9087
9635
|
"kind": "js",
|
|
9088
|
-
"name": "
|
|
9636
|
+
"name": "AdyenKlarna",
|
|
9089
9637
|
"declaration": {
|
|
9090
|
-
"name": "
|
|
9091
|
-
"module": "src/
|
|
9638
|
+
"name": "AdyenKlarnaComponent",
|
|
9639
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.ts"
|
|
9092
9640
|
}
|
|
9093
9641
|
}
|
|
9094
9642
|
]
|
|
9095
9643
|
},
|
|
9096
9644
|
{
|
|
9097
9645
|
"kind": "javascript-module",
|
|
9098
|
-
"path": "src/containers/adyen-
|
|
9646
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.component.ts",
|
|
9099
9647
|
"declarations": [
|
|
9100
9648
|
{
|
|
9101
9649
|
"kind": "class",
|
|
9102
|
-
"description": "",
|
|
9103
|
-
"name": "
|
|
9650
|
+
"description": "Adyen MB WAY Payment Component\n\nInline phone-number entry → tokenize → poll MB WAY app → resume.",
|
|
9651
|
+
"name": "AdyenMbwayComponent",
|
|
9104
9652
|
"members": [
|
|
9105
|
-
{
|
|
9106
|
-
"kind": "field",
|
|
9107
|
-
"name": "primerContext",
|
|
9108
|
-
"type": {
|
|
9109
|
-
"text": "ContextType | undefined"
|
|
9110
|
-
}
|
|
9111
|
-
},
|
|
9112
9653
|
{
|
|
9113
9654
|
"kind": "field",
|
|
9114
9655
|
"name": "paymentMethod",
|
|
9115
9656
|
"type": {
|
|
9116
|
-
"text": "
|
|
9657
|
+
"text": "MbwayPaymentMethod | undefined"
|
|
9117
9658
|
},
|
|
9118
|
-
"description": "The payment method from context",
|
|
9119
9659
|
"attribute": "paymentMethod"
|
|
9120
9660
|
},
|
|
9121
9661
|
{
|
|
@@ -9125,98 +9665,130 @@
|
|
|
9125
9665
|
"text": "boolean"
|
|
9126
9666
|
},
|
|
9127
9667
|
"default": "false",
|
|
9128
|
-
"description": "Whether the component is disabled",
|
|
9129
9668
|
"attribute": "disabled"
|
|
9130
9669
|
},
|
|
9131
9670
|
{
|
|
9132
9671
|
"kind": "field",
|
|
9133
|
-
"name": "
|
|
9672
|
+
"name": "currentState",
|
|
9134
9673
|
"type": {
|
|
9135
|
-
"text": "
|
|
9674
|
+
"text": "MbwayState"
|
|
9136
9675
|
},
|
|
9137
9676
|
"privacy": "private",
|
|
9138
|
-
"default": "
|
|
9139
|
-
"description": "Whether the accordion is expanded"
|
|
9677
|
+
"default": "'collapsed'"
|
|
9140
9678
|
},
|
|
9141
9679
|
{
|
|
9142
9680
|
"kind": "field",
|
|
9143
|
-
"name": "
|
|
9681
|
+
"name": "phoneNumber",
|
|
9144
9682
|
"type": {
|
|
9145
|
-
"text": "string
|
|
9683
|
+
"text": "string"
|
|
9146
9684
|
},
|
|
9147
9685
|
"privacy": "private",
|
|
9148
|
-
"default": "
|
|
9149
|
-
"description": "Currently selected option ID"
|
|
9686
|
+
"default": "''"
|
|
9150
9687
|
},
|
|
9151
9688
|
{
|
|
9152
9689
|
"kind": "field",
|
|
9153
|
-
"name": "
|
|
9690
|
+
"name": "errorMessage",
|
|
9154
9691
|
"type": {
|
|
9155
|
-
"text": "
|
|
9692
|
+
"text": "string"
|
|
9156
9693
|
},
|
|
9157
9694
|
"privacy": "private",
|
|
9158
|
-
"default": "
|
|
9159
|
-
"description": "Whether the payment is currently being processed"
|
|
9695
|
+
"default": "''"
|
|
9160
9696
|
},
|
|
9161
9697
|
{
|
|
9162
9698
|
"kind": "field",
|
|
9163
|
-
"name": "
|
|
9699
|
+
"name": "isExpanded",
|
|
9164
9700
|
"type": {
|
|
9165
9701
|
"text": "boolean"
|
|
9166
9702
|
},
|
|
9167
9703
|
"privacy": "private",
|
|
9168
|
-
"
|
|
9704
|
+
"readonly": true
|
|
9169
9705
|
},
|
|
9170
9706
|
{
|
|
9171
9707
|
"kind": "field",
|
|
9172
|
-
"name": "
|
|
9708
|
+
"name": "isPhoneValid",
|
|
9173
9709
|
"type": {
|
|
9174
|
-
"text": "
|
|
9710
|
+
"text": "boolean"
|
|
9175
9711
|
},
|
|
9176
9712
|
"privacy": "private",
|
|
9177
9713
|
"readonly": true
|
|
9178
9714
|
},
|
|
9179
9715
|
{
|
|
9180
9716
|
"kind": "field",
|
|
9181
|
-
"name": "
|
|
9182
|
-
"
|
|
9183
|
-
|
|
9184
|
-
|
|
9717
|
+
"name": "handleExpandedChange",
|
|
9718
|
+
"privacy": "private"
|
|
9719
|
+
},
|
|
9720
|
+
{
|
|
9721
|
+
"kind": "field",
|
|
9722
|
+
"name": "handleCollapse",
|
|
9723
|
+
"privacy": "private"
|
|
9724
|
+
},
|
|
9725
|
+
{
|
|
9726
|
+
"kind": "field",
|
|
9727
|
+
"name": "handleInput",
|
|
9728
|
+
"privacy": "private"
|
|
9729
|
+
},
|
|
9730
|
+
{
|
|
9731
|
+
"kind": "field",
|
|
9732
|
+
"name": "handleRetry",
|
|
9733
|
+
"privacy": "private"
|
|
9734
|
+
},
|
|
9735
|
+
{
|
|
9736
|
+
"kind": "method",
|
|
9737
|
+
"name": "submit",
|
|
9185
9738
|
"privacy": "private",
|
|
9186
|
-
"
|
|
9187
|
-
|
|
9739
|
+
"return": {
|
|
9740
|
+
"type": {
|
|
9741
|
+
"text": "Promise<void>"
|
|
9742
|
+
}
|
|
9743
|
+
}
|
|
9188
9744
|
},
|
|
9189
9745
|
{
|
|
9190
9746
|
"kind": "method",
|
|
9191
|
-
"name": "
|
|
9747
|
+
"name": "renderExpandedInput",
|
|
9192
9748
|
"privacy": "private",
|
|
9193
|
-
"
|
|
9194
|
-
{
|
|
9195
|
-
"
|
|
9196
|
-
"type": {
|
|
9197
|
-
"text": "string"
|
|
9198
|
-
}
|
|
9749
|
+
"return": {
|
|
9750
|
+
"type": {
|
|
9751
|
+
"text": "TemplateResult"
|
|
9199
9752
|
}
|
|
9200
|
-
|
|
9753
|
+
}
|
|
9201
9754
|
},
|
|
9202
9755
|
{
|
|
9203
9756
|
"kind": "method",
|
|
9204
|
-
"name": "
|
|
9205
|
-
"privacy": "private"
|
|
9757
|
+
"name": "renderLoading",
|
|
9758
|
+
"privacy": "private",
|
|
9759
|
+
"return": {
|
|
9760
|
+
"type": {
|
|
9761
|
+
"text": "TemplateResult"
|
|
9762
|
+
}
|
|
9763
|
+
}
|
|
9206
9764
|
},
|
|
9207
9765
|
{
|
|
9208
9766
|
"kind": "method",
|
|
9209
|
-
"name": "
|
|
9210
|
-
"privacy": "private"
|
|
9767
|
+
"name": "renderError",
|
|
9768
|
+
"privacy": "private",
|
|
9769
|
+
"return": {
|
|
9770
|
+
"type": {
|
|
9771
|
+
"text": "TemplateResult"
|
|
9772
|
+
}
|
|
9773
|
+
}
|
|
9774
|
+
},
|
|
9775
|
+
{
|
|
9776
|
+
"kind": "method",
|
|
9777
|
+
"name": "renderExpandedState",
|
|
9778
|
+
"privacy": "private",
|
|
9779
|
+
"return": {
|
|
9780
|
+
"type": {
|
|
9781
|
+
"text": "TemplateResult | typeof nothing"
|
|
9782
|
+
}
|
|
9783
|
+
}
|
|
9211
9784
|
}
|
|
9212
9785
|
],
|
|
9213
9786
|
"attributes": [
|
|
9214
9787
|
{
|
|
9215
9788
|
"name": "paymentMethod",
|
|
9216
9789
|
"type": {
|
|
9217
|
-
"text": "
|
|
9790
|
+
"text": "MbwayPaymentMethod | undefined"
|
|
9218
9791
|
},
|
|
9219
|
-
"description": "The payment method from context",
|
|
9220
9792
|
"fieldName": "paymentMethod"
|
|
9221
9793
|
},
|
|
9222
9794
|
{
|
|
@@ -9225,7 +9797,6 @@
|
|
|
9225
9797
|
"text": "boolean"
|
|
9226
9798
|
},
|
|
9227
9799
|
"default": "false",
|
|
9228
|
-
"description": "Whether the component is disabled",
|
|
9229
9800
|
"fieldName": "disabled"
|
|
9230
9801
|
}
|
|
9231
9802
|
],
|
|
@@ -9233,54 +9804,61 @@
|
|
|
9233
9804
|
"name": "LitElement",
|
|
9234
9805
|
"package": "lit"
|
|
9235
9806
|
},
|
|
9236
|
-
"tagName": "primer-adyen-
|
|
9807
|
+
"tagName": "primer-adyen-mbway",
|
|
9237
9808
|
"customElement": true
|
|
9238
9809
|
}
|
|
9239
9810
|
],
|
|
9240
9811
|
"exports": [
|
|
9241
9812
|
{
|
|
9242
9813
|
"kind": "js",
|
|
9243
|
-
"name": "
|
|
9814
|
+
"name": "AdyenMbwayComponent",
|
|
9244
9815
|
"declaration": {
|
|
9245
|
-
"name": "
|
|
9246
|
-
"module": "src/containers/adyen-
|
|
9816
|
+
"name": "AdyenMbwayComponent",
|
|
9817
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.component.ts"
|
|
9247
9818
|
}
|
|
9248
9819
|
},
|
|
9249
9820
|
{
|
|
9250
9821
|
"kind": "custom-element-definition",
|
|
9251
|
-
"name": "primer-adyen-
|
|
9822
|
+
"name": "primer-adyen-mbway",
|
|
9252
9823
|
"declaration": {
|
|
9253
|
-
"name": "
|
|
9254
|
-
"module": "src/containers/adyen-
|
|
9824
|
+
"name": "AdyenMbwayComponent",
|
|
9825
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.component.ts"
|
|
9255
9826
|
}
|
|
9256
9827
|
}
|
|
9257
9828
|
]
|
|
9258
9829
|
},
|
|
9259
9830
|
{
|
|
9260
9831
|
"kind": "javascript-module",
|
|
9261
|
-
"path": "src/containers/adyen-
|
|
9262
|
-
"declarations": [
|
|
9832
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.styles.ts",
|
|
9833
|
+
"declarations": [
|
|
9834
|
+
{
|
|
9835
|
+
"kind": "variable",
|
|
9836
|
+
"name": "styles",
|
|
9837
|
+
"default": "css` :host { display: flex; width: 100%; } .mbway-input-wrapper { display: flex; flex-direction: column; gap: var(--primer-space-small); width: 100%; padding-top: var(--primer-space-medium); } .mbway-label { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); font-weight: var(--primer-typography-body-medium-weight); line-height: var(--primer-typography-body-medium-line-height); color: var(--primer-color-text-primary); } .mbway-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--primer-space-large); padding: var(--primer-space-xlarge) var(--primer-space-medium); } .mbway-loading-message { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); color: var(--primer-color-text-primary); text-align: center; } .mbway-error { display: flex; flex-direction: column; align-items: center; gap: var(--primer-space-medium); } .mbway-error-message { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); color: var(--primer-color-text-primary); text-align: center; } .mbway-retry-button { padding: var(--primer-space-medium) var(--primer-space-large); font-family: var(--primer-typography-title-large-font); font-size: var(--primer-typography-title-large-size); font-weight: var(--primer-typography-title-large-weight); line-height: var(--primer-typography-title-large-line-height); color: var(--primer-color-background-outlined-default); background-color: var(--primer-color-brand); border: none; border-radius: var(--primer-radius-medium); cursor: pointer; outline: none; } .mbway-retry-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } .mbway-submit-button { padding: var(--primer-space-medium) var(--primer-space-large); font-family: var(--primer-typography-title-large-font); font-size: var(--primer-typography-title-large-size); font-weight: var(--primer-typography-title-large-weight); color: var(--primer-color-background-outlined-default); background-color: var(--primer-color-brand); border: none; border-radius: var(--primer-radius-medium); cursor: pointer; outline: none; } .mbway-submit-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } `"
|
|
9838
|
+
}
|
|
9839
|
+
],
|
|
9263
9840
|
"exports": [
|
|
9264
9841
|
{
|
|
9265
9842
|
"kind": "js",
|
|
9266
|
-
"name": "
|
|
9843
|
+
"name": "styles",
|
|
9267
9844
|
"declaration": {
|
|
9268
|
-
"
|
|
9845
|
+
"name": "styles",
|
|
9846
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.styles.ts"
|
|
9269
9847
|
}
|
|
9270
9848
|
}
|
|
9271
9849
|
]
|
|
9272
9850
|
},
|
|
9273
9851
|
{
|
|
9274
9852
|
"kind": "javascript-module",
|
|
9275
|
-
"path": "src/containers/adyen-
|
|
9853
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.ts",
|
|
9276
9854
|
"declarations": [],
|
|
9277
9855
|
"exports": [
|
|
9278
9856
|
{
|
|
9279
9857
|
"kind": "js",
|
|
9280
|
-
"name": "
|
|
9858
|
+
"name": "AdyenMbway",
|
|
9281
9859
|
"declaration": {
|
|
9282
|
-
"name": "
|
|
9283
|
-
"module": "src/containers/adyen-
|
|
9860
|
+
"name": "AdyenMbwayComponent",
|
|
9861
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.ts"
|
|
9284
9862
|
}
|
|
9285
9863
|
}
|
|
9286
9864
|
]
|
|
@@ -11118,11 +11696,138 @@
|
|
|
11118
11696
|
],
|
|
11119
11697
|
"description": "Based on packages/primer-sdk-web/src/payment-methods/Button.tsx\nShould be replaced once we align on a better solution across all platforms."
|
|
11120
11698
|
},
|
|
11699
|
+
{
|
|
11700
|
+
"kind": "method",
|
|
11701
|
+
"name": "_getBackgroundColor",
|
|
11702
|
+
"privacy": "private",
|
|
11703
|
+
"parameters": [
|
|
11704
|
+
{
|
|
11705
|
+
"name": "type",
|
|
11706
|
+
"type": {
|
|
11707
|
+
"text": "PaymentMethodType"
|
|
11708
|
+
}
|
|
11709
|
+
},
|
|
11710
|
+
{
|
|
11711
|
+
"name": "buttonMeta",
|
|
11712
|
+
"type": {
|
|
11713
|
+
"text": "{\n backgroundColor: { colored: string; light: string; dark: string };\n }"
|
|
11714
|
+
}
|
|
11715
|
+
},
|
|
11716
|
+
{
|
|
11717
|
+
"name": "overrideBackground",
|
|
11718
|
+
"optional": true,
|
|
11719
|
+
"type": {
|
|
11720
|
+
"text": "string"
|
|
11721
|
+
}
|
|
11722
|
+
}
|
|
11723
|
+
]
|
|
11724
|
+
},
|
|
11725
|
+
{
|
|
11726
|
+
"kind": "method",
|
|
11727
|
+
"name": "_getIconUrl",
|
|
11728
|
+
"privacy": "private",
|
|
11729
|
+
"parameters": [
|
|
11730
|
+
{
|
|
11731
|
+
"name": "type",
|
|
11732
|
+
"type": {
|
|
11733
|
+
"text": "PaymentMethodType"
|
|
11734
|
+
}
|
|
11735
|
+
},
|
|
11736
|
+
{
|
|
11737
|
+
"name": "buttonMeta",
|
|
11738
|
+
"type": {
|
|
11739
|
+
"text": "{\n iconUrl: { colored: string; light: string; dark: string };\n backgroundColor: { colored: string; light: string; dark: string };\n }"
|
|
11740
|
+
}
|
|
11741
|
+
},
|
|
11742
|
+
{
|
|
11743
|
+
"name": "backgroundColor",
|
|
11744
|
+
"type": {
|
|
11745
|
+
"text": "string"
|
|
11746
|
+
}
|
|
11747
|
+
},
|
|
11748
|
+
{
|
|
11749
|
+
"name": "overrideLogoSrc",
|
|
11750
|
+
"optional": true,
|
|
11751
|
+
"type": {
|
|
11752
|
+
"text": "string"
|
|
11753
|
+
}
|
|
11754
|
+
}
|
|
11755
|
+
]
|
|
11756
|
+
},
|
|
11757
|
+
{
|
|
11758
|
+
"kind": "method",
|
|
11759
|
+
"name": "_getIconPosition",
|
|
11760
|
+
"privacy": "private",
|
|
11761
|
+
"return": {
|
|
11762
|
+
"type": {
|
|
11763
|
+
"text": "IconPosition"
|
|
11764
|
+
}
|
|
11765
|
+
},
|
|
11766
|
+
"parameters": [
|
|
11767
|
+
{
|
|
11768
|
+
"name": "type",
|
|
11769
|
+
"type": {
|
|
11770
|
+
"text": "PaymentMethodType"
|
|
11771
|
+
}
|
|
11772
|
+
},
|
|
11773
|
+
{
|
|
11774
|
+
"name": "buttonMeta",
|
|
11775
|
+
"type": {
|
|
11776
|
+
"text": "{ iconPositionRelativeToText?: string }"
|
|
11777
|
+
}
|
|
11778
|
+
}
|
|
11779
|
+
]
|
|
11780
|
+
},
|
|
11781
|
+
{
|
|
11782
|
+
"kind": "method",
|
|
11783
|
+
"name": "_getTextColor",
|
|
11784
|
+
"privacy": "private",
|
|
11785
|
+
"return": {
|
|
11786
|
+
"type": {
|
|
11787
|
+
"text": "string | undefined"
|
|
11788
|
+
}
|
|
11789
|
+
},
|
|
11790
|
+
"parameters": [
|
|
11791
|
+
{
|
|
11792
|
+
"name": "backgroundColor",
|
|
11793
|
+
"type": {
|
|
11794
|
+
"text": "string"
|
|
11795
|
+
}
|
|
11796
|
+
}
|
|
11797
|
+
]
|
|
11798
|
+
},
|
|
11799
|
+
{
|
|
11800
|
+
"kind": "method",
|
|
11801
|
+
"name": "_getDisplayName",
|
|
11802
|
+
"privacy": "private",
|
|
11803
|
+
"parameters": [
|
|
11804
|
+
{
|
|
11805
|
+
"name": "type",
|
|
11806
|
+
"type": {
|
|
11807
|
+
"text": "PaymentMethodType"
|
|
11808
|
+
}
|
|
11809
|
+
},
|
|
11810
|
+
{
|
|
11811
|
+
"name": "buttonText",
|
|
11812
|
+
"optional": true,
|
|
11813
|
+
"type": {
|
|
11814
|
+
"text": "string"
|
|
11815
|
+
}
|
|
11816
|
+
},
|
|
11817
|
+
{
|
|
11818
|
+
"name": "overrideText",
|
|
11819
|
+
"optional": true,
|
|
11820
|
+
"type": {
|
|
11821
|
+
"text": "string"
|
|
11822
|
+
}
|
|
11823
|
+
}
|
|
11824
|
+
]
|
|
11825
|
+
},
|
|
11121
11826
|
{
|
|
11122
11827
|
"kind": "field",
|
|
11123
11828
|
"name": "_setupTask",
|
|
11124
11829
|
"privacy": "private",
|
|
11125
|
-
"default": "new Task(this, { task: ([type, headlessUtils]) => { if (!type || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(type); if (!paymentConfig) { return initialState; } const overrides = isGiftCardPaymentMethod(type) ? this.primerContext?.clientOptions?.giftCard : undefined; const
|
|
11830
|
+
"default": "new Task(this, { task: ([type, headlessUtils]) => { if (!type || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(type); if (!paymentConfig) { return initialState; } const overrides = isGiftCardPaymentMethod(type) ? this.primerContext?.clientOptions?.giftCard : undefined; const buttonMeta = paymentConfig.displayMetadata.button; const backgroundColor = this._getBackgroundColor( type, buttonMeta, overrides?.background, ); // Ensure text is readable on the resolved background. // The backend textColor values are unreliable for some payment methods, // so we derive a safe text color from the background luminance. const textColor = this._getTextColor(backgroundColor); return { backgroundColor, textColor, name: paymentConfig.name, alt: overrides?.logoAlt ?? paymentConfig.name, displayName: this._getDisplayName( type, buttonMeta.text, overrides?.text, ), iconUrl: this._getIconUrl( type, buttonMeta, backgroundColor, overrides?.logoSrc, ), iconPosition: this._getIconPosition(type, buttonMeta), }; }, args: () => [this.type, this.primerContext?.headlessUtils], })"
|
|
11126
11831
|
},
|
|
11127
11832
|
{
|
|
11128
11833
|
"kind": "method",
|
|
@@ -11189,7 +11894,7 @@
|
|
|
11189
11894
|
{
|
|
11190
11895
|
"kind": "variable",
|
|
11191
11896
|
"name": "styles",
|
|
11192
|
-
"default": "css` :host { height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); display: flex; /* Default value for the background color CSS variable */ --payment-method-button-bg-color: var( --primer-color-background-outlined-default ); } primer-button { width: 100%; height: 100%; } primer-button::part(button) { background-color: var(--payment-method-button-bg-color); border: 1px solid var(--primer-color-border-outlined-default); color: var(--primer-color-text-primary); flex: 1; padding: var(--primer-space-small); display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); } /* Default layout: icon on the left (START) */ primer-button { display: flex; flex-direction: row; } /* When icon position is END, reorder via CSS */ .icon-end img { order: 1; } .button-text { font-family: var(--primer-typography-font-family); font-size: var(--primer-typography-body-medium-size); font-weight: 500; line-height: var(--primer-typography-body-medium-line-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Target the img specifically inside our component */ img { max-width: 100px; height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + var(--primer-space-medium) ); } /* For image container sizing */ .image-container { flex-shrink: 0; flex-grow: 1; } /* Disabled state styling - subtle visual feedback */ :host([disabled]) { opacity: 0.6; cursor: not-allowed; } :host([disabled]) primer-button::part(button) { pointer-events: none; cursor: not-allowed; } :host([disabled]) img { filter: grayscale(100%); } `"
|
|
11897
|
+
"default": "css` :host { height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); display: flex; /* Default value for the background color CSS variable */ --payment-method-button-bg-color: var( --primer-color-background-outlined-default ); } primer-button { width: 100%; height: 100%; } primer-button::part(button) { background-color: var(--payment-method-button-bg-color); border: 1px solid var(--primer-color-border-outlined-default); color: var( --payment-method-button-text-color, var(--primer-color-text-primary) ); flex: 1; padding: var(--primer-space-small); display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); } /* Default layout: icon on the left (START) */ primer-button { display: flex; flex-direction: row; } /* When icon position is END, reorder via CSS */ .icon-end img { order: 1; } .button-text { font-family: var(--primer-typography-font-family); font-size: var(--primer-typography-body-medium-size); font-weight: 500; line-height: var(--primer-typography-body-medium-line-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Target the img specifically inside our component */ img { max-width: 100px; height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + var(--primer-space-medium) ); } /* For image container sizing */ .image-container { flex-shrink: 0; flex-grow: 1; } /* Disabled state styling - subtle visual feedback */ :host([disabled]) { opacity: 0.6; cursor: not-allowed; } :host([disabled]) primer-button::part(button) { pointer-events: none; cursor: not-allowed; } :host([disabled]) img { filter: grayscale(100%); } /* For image-only buttons (no text label), allow the logo to fill more space */ .image-only img { max-width: 75%; object-fit: contain; } `"
|
|
11193
11898
|
}
|
|
11194
11899
|
],
|
|
11195
11900
|
"exports": [
|