@primer-io/primer-js 0.13.3 → 0.14.1

package/dist/custom-elements.json

@@ -49,12 +49,12 @@
         },
         {
           "kind": "variable",
-          "name": "ur",
+          "name": "cr",
           "default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
         },
         {
           "kind": "variable",
-          "name": "pr",
+          "name": "ur",
           "default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
         },
         {
@@ -65,15 +65,15 @@
         {
           "kind": "variable",
           "name": "Pe",
-          "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.locale=qt(Sr());this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()};this.sdkContextController=new ir(this),this.sdkStateController=new rr(this),this.primerEventsController=new Wt(this),this.styleProcessingController=new nr(this),this.vaultManagerController=new ma(this),this.cardNetworkController=new xa(this),this.achPaymentEventsController=new wr(this),this.headlessSdkController=new _r(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})}attributeChangedCallback(e,a,i){e===bp.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(i):super.attributeChangedCallback(e,a,i)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),this._eventListenerController&&(this._eventListenerController.abort(),this._eventListenerController=null),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(Vi(this.options?.locale)?this.locale=qt(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to system locale\")),Fi(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.sdkStateController?.currentState.isLoading||!1;if(this.previousLoadingState&&!e){this.jsInitialized=!0,Q({eventName:\"CHECKOUT_FLOW_STARTED\"});let a=Ye.getSdkInitStartTime(),i=a?Date.now()-a:void 0;Mo(i)}this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,a=e.isLoading,i=e.primerJsError,n=!a&&!i;return p` ${x(a,()=>y)} ${x(i,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${x(n,()=>p`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${x(this.hasAssignedContent,()=>y,()=>p`<primer-main></primer-main>`)} `,()=>y)} `}addEventListener(e,a,i){super.addEventListener(e,a,i)}removeEventListener(e,a,i){super.removeEventListener(e,a,i)}}"
+          "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.locale=qt(vr());this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()};this.sdkContextController=new rr(this),this.sdkStateController=new ar(this),this.primerEventsController=new Wt(this),this.styleProcessingController=new ir(this),this.vaultManagerController=new ha(this),this.cardNetworkController=new _a(this),this.achPaymentEventsController=new _r(this),this.headlessSdkController=new xr(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})}attributeChangedCallback(e,a,i){e===bp.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(i):super.attributeChangedCallback(e,a,i)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),this._eventListenerController&&(this._eventListenerController.abort(),this._eventListenerController=null),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(Ui(this.options?.locale)?this.locale=qt(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to system locale\")),Ki(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.sdkStateController?.currentState.isLoading||!1;if(this.previousLoadingState&&!e){this.jsInitialized=!0,Q({eventName:\"CHECKOUT_FLOW_STARTED\"});let a=Ye.getSdkInitStartTime(),i=a?Date.now()-a:void 0;To(i)}this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,a=e.isLoading,i=e.primerJsError,n=!a&&!i;return p` ${R(a,()=>y)} ${R(i,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${R(n,()=>p`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${R(this.hasAssignedContent,()=>y,()=>p`<primer-main></primer-main>`)} `,()=>y)} `}addEventListener(e,a,i){super.addEventListener(e,a,i)}removeEventListener(e,a,i){super.removeEventListener(e,a,i)}}"
         },
         {
           "kind": "function",
-          "name": "Ms"
+          "name": "Ts"
         },
         {
           "kind": "function",
-          "name": "Es"
+          "name": "Ps"
         },
         {
           "kind": "function",
@@ -86,7 +86,7 @@
         {
           "kind": "variable",
           "name": "ze",
-          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in en)return en[this.size];let e=parseInt(this.size,10);return isNaN(e)?en.medium:e}render(){let e=this.getSize(),a=20,i=`0 0 ${a} ${a}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p`<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>`}}"
+          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Xi)return Xi[this.size];let e=parseInt(this.size,10);return isNaN(e)?Xi.medium:e}render(){let e=this.getSize(),a=20,i=`0 0 ${a} ${a}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p`<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>`}}"
         },
         {
           "kind": "variable",
@@ -111,7 +111,7 @@
         {
           "kind": "variable",
           "name": "je",
-          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Ls[this.name]:null;return p`<div style=\"--internal-icon-color: ${this.color}\">${e||p`<slot></slot>`}</div>`}}"
+          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?xs[this.name]:null;return p`<div style=\"--internal-icon-color: ${this.color}\">${e||p`<slot></slot>`}</div>`}}"
         },
         {
           "kind": "variable",
@@ -126,7 +126,7 @@
         {
           "kind": "variable",
           "name": "Ae",
-          "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 a=e.target,i=this.value;this.value=a.value,this.dispatchEvent(new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0})),this.requestUpdate(\"value\",i)}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 a of this.options)e.push(p`<option value=${a.value}>${a.label}</option>`);return e}render(){return p`<select id=${this.id} name=${this.name} .value=${Ds(this.value)} ?disabled=${this.disabled} ?required=${!this.value} @change=${this.handleChange} @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>`}}"
+          "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 a=e.target,i=this.value;this.value=a.value,this.dispatchEvent(new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0})),this.requestUpdate(\"value\",i)}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 a of this.options)e.push(p`<option value=${a.value}>${a.label}</option>`);return e}render(){return p`<select id=${this.id} name=${this.name} .value=${Bs(this.value)} ?disabled=${this.disabled} ?required=${!this.value} @change=${this.handleChange} @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>`}}"
         },
         {
           "kind": "variable",
@@ -156,17 +156,17 @@
         {
           "kind": "variable",
           "name": "Ze",
-          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"GOOGLE_PAY\")throw new Error(\"Invalid payment method type for Google Pay component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=e.createButton();return await a.render(this.shadowRoot?.getRootNode(),{style:{shadowRoot:!0}}),this.disabled&&await a.setDisabled(this.disabled),this.disabled&&this.shadowRoot&&(await this.updateComplete,Or(this.disabled,this.shadowRoot)),a}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&Or(this.disabled,this.shadowRoot)}render(){return y}}"
+          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"GOOGLE_PAY\")throw new Error(\"Invalid payment method type for Google Pay component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=e.createButton();return await a.render(this.shadowRoot?.getRootNode(),{style:{shadowRoot:!0}}),this.disabled&&await a.setDisabled(this.disabled),this.disabled&&this.shadowRoot&&(await this.updateComplete,Dr(this.disabled,this.shadowRoot)),a}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&Dr(this.disabled,this.shadowRoot)}render(){return y}}"
         },
         {
           "kind": "variable",
           "name": "Je",
-          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Kt();this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"APPLE_PAY\")throw new Error(\"Invalid payment method type for Apple Pay component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.buttonContainerRef.value;if(!a)throw new Error(\"Button container not found\");let i=e.createButton(),n=Gr(a);return await i.render(a,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,ta(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&ta(this.disabled,this.buttonContainerRef)}render(){return p`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
+          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Kt();this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"APPLE_PAY\")throw new Error(\"Invalid payment method type for Apple Pay component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.buttonContainerRef.value;if(!a)throw new Error(\"Button container not found\");let i=e.createButton(),n=Br(a);return await i.render(a,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,ta(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&ta(this.disabled,this.buttonContainerRef)}render(){return p`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
         },
         {
           "kind": "variable",
           "name": "qe",
-          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Kt();this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"PAYPAL\")throw new Error(\"Invalid payment method type for PayPal component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.buttonContainerRef.value;if(!a)throw new Error(\"Button container not found\");let i=e.createButton(),n=js(Gr(this));return await i.render(a,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,ta(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&ta(this.disabled,this.buttonContainerRef)}render(){return p`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
+          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Kt();this.loadManagerTask=new B(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return w;let a=this.paymentManagers.get(e);if(!a)throw new Error(`No manager found for payment method type ${e}`);if(a.type!==\"PAYPAL\")throw new Error(\"Invalid payment method type for PayPal component\");return a.manager}}),this.renderButtonTask=new B(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.buttonContainerRef.value;if(!a)throw new Error(\"Button container not found\");let i=e.createButton(),n=Zs(Br(this));return await i.render(a,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,ta(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,a,i){if(super.attributeChangedCallback(e,a,i),e===\"disabled\"&&a!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&ta(this.disabled,this.buttonContainerRef)}render(){return p`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
         },
         {
           "kind": "variable",
@@ -185,33 +185,33 @@
         },
         {
           "kind": "variable",
-          "name": "Ne",
-          "default": "class extends v{constructor(){super(...arguments);this.formController=new Kr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new B(this,{task:([e])=>e!==\"STRIPE_ACH\"?w:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,a){let i=e.target;this.formController.setFieldValue(a,i.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let a=await e.start(this.formController.formData);if(!a||a.valid)return await this._handleCollectBankAccountDetails(e);a&&this.formController.setValidation(a,!0)}catch(a){this._handleError(a)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(a){this._handleError(a)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p`<h2>${b(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${b(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})}</p><form @submit=${a=>a.preventDefault()}><div class=\"form-row\"><primer-input-wrapper .hasError=${this.formController.hasError.firstName} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${a=>this._handleInput(a,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.firstName?this.formController.formState.firstName.error:y}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${a=>this._handleInput(a,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.lastName?this.formController.formState.lastName.error:y}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})}</primer-input-label><primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${a=>this._handleInput(a,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:y}</primer-input-error></primer-input-wrapper><p>${b(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${b(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return p`<h2>${b(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??b(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")}</p><div class=\"button-group\"><primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${b(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})}</primer-button><primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} >${b(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():y})}}"
+          "name": "Ie",
+          "default": "class extends v{constructor(){super(...arguments);this.formController=new Gr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new B(this,{task:([e])=>e!==\"STRIPE_ACH\"?w:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,a){let i=e.target;this.formController.setFieldValue(a,i.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let a=await e.start(this.formController.formData);if(!a||a.valid)return await this._handleCollectBankAccountDetails(e);a&&this.formController.setValidation(a,!0)}catch(a){this._handleError(a)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(a){this._handleError(a)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p`<h2>${b(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${b(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})}</p><form @submit=${a=>a.preventDefault()}><div class=\"form-row\"><primer-input-wrapper .hasError=${this.formController.hasError.firstName} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${a=>this._handleInput(a,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.firstName?this.formController.formState.firstName.error:y}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${a=>this._handleInput(a,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.lastName?this.formController.formState.lastName.error:y}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${b(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})}</primer-input-label><primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${a=>this._handleInput(a,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:y}</primer-input-error></primer-input-wrapper><p>${b(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${b(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return p`<h2>${b(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??b(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")}</p><div class=\"button-group\"><primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${b(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})}</primer-button><primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} >${b(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():y})}}"
         },
         {
           "kind": "variable",
           "name": "xe",
-          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new B(this,{task:([e,a])=>!e||!a?w:a.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new B(this,{task:([e,a])=>{if(!e||!a)return w;let i=a.getPaymentMethodConfiguration(e);return i?{backgroundColor:i.displayMetadata.button.backgroundColor.colored,name:i.name,displayName:this._legacyGetButtonLabel(i.displayMetadata.button.text),iconUrl:i.displayMetadata.button.iconUrl.colored||i.displayMetadata.button.iconUrl.light||i.displayMetadata.button.iconUrl.dark}:w},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new B(this,{task:([e,a])=>!e||!a?w:{paymentMethodManager:e,assetsConfig:a},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let a=e?La(e):\"\";return a===\"payWith\"&&(a=\"pay_with\"),b(a,{id:a})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p`<primer-portal><primer-dialog @primer:dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:y}render(){return this._setupTasks.render({error:()=>y,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p`<primer-button @click=\"${()=>this.start()}\" class=${oe({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${b(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ><span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>${e.displayName}</primer-button>${this.renderDialog()} `)})}}"
+          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new B(this,{task:([e,a])=>!e||!a?w:a.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new B(this,{task:([e,a])=>{if(!e||!a)return w;let i=a.getPaymentMethodConfiguration(e);return i?{backgroundColor:i.displayMetadata.button.backgroundColor.colored,name:i.name,displayName:this._legacyGetButtonLabel(i.displayMetadata.button.text),iconUrl:i.displayMetadata.button.iconUrl.colored||i.displayMetadata.button.iconUrl.light||i.displayMetadata.button.iconUrl.dark}:w},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new B(this,{task:([e,a])=>!e||!a?w:{paymentMethodManager:e,assetsConfig:a},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let a=e?Ra(e):\"\";return a===\"payWith\"&&(a=\"pay_with\"),b(a,{id:a})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p`<primer-portal><primer-dialog @primer:dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:y}render(){return this._setupTasks.render({error:()=>y,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p`<primer-button @click=\"${()=>this.start()}\" class=${oe({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${b(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ><span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>${e.displayName}</primer-button>${this.renderDialog()} `)})}}"
         },
         {
           "kind": "variable",
           "name": "_e",
-          "default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new B(this,{task:([e,a])=>!e||!a?w:a.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new B(this,{task:([e,a])=>{if(!e||!a)return w;let i=a.getPaymentMethodConfiguration(e);if(!i)return w;let n=i.displayMetadata.button.backgroundColor.colored??i.displayMetadata.button.backgroundColor.light,o=i.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:i.name,displayName:this._legacyGetButtonLabel(i.displayMetadata.button.text),iconUrl:i.displayMetadata.button.iconUrl.colored??i.displayMetadata.button.iconUrl.light,iconPosition:o}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new B(this,{task:([e,a])=>!e||!a?w:{paymentMethodManager:e,assetsConfig:a},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let a=e?La(e):\"\";return a===\"payWith\"&&(a=\"pay_with\"),b(a,{id:a})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>y,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let a={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},i=e.displayName?p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return p`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${oe(a)} title=\"${b(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${i}</primer-button>`}})}}"
+          "default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new B(this,{task:([e,a])=>!e||!a?w:a.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new B(this,{task:([e,a])=>{if(!e||!a)return w;let i=a.getPaymentMethodConfiguration(e);if(!i)return w;let n=i.displayMetadata.button.backgroundColor.colored??i.displayMetadata.button.backgroundColor.light,o=i.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:i.name,displayName:this._legacyGetButtonLabel(i.displayMetadata.button.text),iconUrl:i.displayMetadata.button.iconUrl.colored??i.displayMetadata.button.iconUrl.light,iconPosition:o}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new B(this,{task:([e,a])=>!e||!a?w:{paymentMethodManager:e,assetsConfig:a},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let a=e?Ra(e):\"\";return a===\"payWith\"&&(a=\"pay_with\"),b(a,{id:a})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>y,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let a={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},i=e.displayName?p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return p`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${oe(a)} title=\"${b(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${i}</primer-button>`}})}}"
         },
         {
           "kind": "variable",
           "name": "le",
-          "default": "class extends v{constructor(){super(...arguments);this.configuration=null;this.headlessUtils=null;this.formData={};this.errors={};this.touchedFields=new Set;this.dirtyFields=new Set;this.focusedField=null;this.submitted=!1;this.countryOptions=[];this._initializationTask=new B(this,{task:async([e,a])=>{if(!e||!a)return w;let i=this.extractFieldConfig(e);return await this.initializeCountryOptions(),i},args:()=>[this.configuration,this.headlessUtils]})}connectedCallback(){super.connectedCallback(),this._initializationTask.value}extractFieldConfig(e){if(e?.checkoutModules){let a=e.checkoutModules.find(i=>i.type===\"BILLING_ADDRESS\");if(a?.options){let i=a.options;return Object.keys(sn).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 a=Ui();if(a===\"en\"||a===\"en-GB\"||a.startsWith(\"en-\"))return;if(await Gl(a)){let n=on(a);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.configuration)}get defaultFieldConfig(){return Object.keys(sn).reduce((e,a)=>({...e,[a]:!1}),{})}get shouldShowForm(){return this.fieldConfig.postalCode}handleInput(e,a){this.formData={...this.formData,[e]:a},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 a=this.formData[e],i=this.fieldConfig[e];if(!i){delete this.errors[e];return}if(i&&(!a||a.trim()===\"\")){let n=`${e}ErrorRequired`;this.errors={...this.errors,[e]:b(\"This field is required\",{id:n})}}else{let n={...this.errors};delete n[e],this.errors=n}}validateForm(){return Object.keys(sn).forEach(e=>{let a=e;this.fieldConfig[a]&&this.validateField(a)}),Object.keys(this.errors).length===0}async validateForSubmission(){if(!this.shouldShowForm)return!0;this.submitted=!0,Object.keys(this.fieldConfig).forEach(a=>{this.fieldConfig[a]&&this.touchedFields.add(a)});let e=this.validateForm();return this.requestUpdate(),await this.updateComplete,e}async submitToSDK(){if(this.headlessUtils?.setBillingAddress)try{return await this.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 a=!!this.errors[e],i=this.dirtyFields.has(e),n=this.touchedFields.has(e);return a&&(this.submitted||i&&n)}render(){return this._initializationTask.render({pending:()=>y,error:()=>y,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),p`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${b(\"Billing address\",{id:\"billingAddressLabel\"})}</div>${x(this.fieldConfig.countryCode,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"countryCode\"} .hasError=${this.shouldShowError(\"countryCode\")} ><primer-input-label slot=\"label\">${b(\"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=${b(\"Select a country\",{id:\"countrySelectPlaceholder\"})} @input=${e=>this.handleInput(\"countryCode\",e.detail)} @focus=${()=>this.handleFocus(\"countryCode\")} @blur=${()=>this.handleBlur(\"countryCode\")} ></primer-select>${x(this.shouldShowError(\"countryCode\"),()=>p`<primer-input-error slot=\"error\">${this.errors.countryCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${x(this.fieldConfig.firstName||this.fieldConfig.lastName,()=>p`<div class=\"billing-address-row\">${x(this.fieldConfig.firstName,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"firstName\"} .hasError=${this.shouldShowError(\"firstName\")} ><primer-input-label slot=\"label\">${b(\"First name\",{id:\"firstNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"firstName\" name=\"firstName\" type=\"text\" .value=${this.formData.firstName||\"\"} placeholder=${b(\"First name\",{id:\"firstNamePlaceholder\"})} @input=${e=>this.handleInput(\"firstName\",e.detail)} @focus=${()=>this.handleFocus(\"firstName\")} @blur=${()=>this.handleBlur(\"firstName\")} ></primer-input>${x(this.shouldShowError(\"firstName\"),()=>p`<primer-input-error slot=\"error\">${this.errors.firstName}</primer-input-error>`)}</primer-input-wrapper>`)} ${x(this.fieldConfig.lastName,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"lastName\"} .hasError=${this.shouldShowError(\"lastName\")} ><primer-input-label slot=\"label\">${b(\"Last name\",{id:\"lastNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"lastName\" name=\"lastName\" type=\"text\" .value=${this.formData.lastName||\"\"} placeholder=${b(\"Last name\",{id:\"lastNamePlaceholder\"})} @input=${e=>this.handleInput(\"lastName\",e.detail)} @focus=${()=>this.handleFocus(\"lastName\")} @blur=${()=>this.handleBlur(\"lastName\")} ></primer-input>${x(this.shouldShowError(\"lastName\"),()=>p`<primer-input-error slot=\"error\">${this.errors.lastName}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${x(this.fieldConfig.addressLine1,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine1\"} .hasError=${this.shouldShowError(\"addressLine1\")} ><primer-input-label slot=\"label\">${b(\"Address line 1\",{id:\"addressLine1\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine1\" name=\"addressLine1\" type=\"text\" .value=${this.formData.addressLine1||\"\"} placeholder=${b(\"Address line 1\",{id:\"addressLine1Placeholder\"})} @input=${e=>this.handleInput(\"addressLine1\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine1\")} @blur=${()=>this.handleBlur(\"addressLine1\")} ></primer-input>${x(this.shouldShowError(\"addressLine1\"),()=>p`<primer-input-error slot=\"error\">${this.errors.addressLine1}</primer-input-error>`)}</primer-input-wrapper>`)} ${x(this.fieldConfig.addressLine2,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine2\"} .hasError=${this.shouldShowError(\"addressLine2\")} ><primer-input-label slot=\"label\">${b(\"Address line 2\",{id:\"addressLine2\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine2\" name=\"addressLine2\" type=\"text\" .value=${this.formData.addressLine2||\"\"} placeholder=${b(\"Address line 2\",{id:\"addressLine2Placeholder\"})} @input=${e=>this.handleInput(\"addressLine2\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine2\")} @blur=${()=>this.handleBlur(\"addressLine2\")} ></primer-input>${x(this.shouldShowError(\"addressLine2\"),()=>p`<primer-input-error slot=\"error\">${this.errors.addressLine2}</primer-input-error>`)}</primer-input-wrapper>`)} ${x(this.fieldConfig.postalCode||this.fieldConfig.city,()=>p`<div class=\"billing-address-row\">${x(this.fieldConfig.postalCode,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"postalCode\"} .hasError=${this.shouldShowError(\"postalCode\")} ><primer-input-label slot=\"label\">${b(\"Postal code\",{id:\"postalCodeLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"postalCode\" name=\"postalCode\" type=\"text\" .value=${this.formData.postalCode||\"\"} placeholder=${b(\"90210\",{id:\"postalCodePlaceholder\"})} @input=${e=>this.handleInput(\"postalCode\",e.detail)} @focus=${()=>this.handleFocus(\"postalCode\")} @blur=${()=>this.handleBlur(\"postalCode\")} ></primer-input>${x(this.shouldShowError(\"postalCode\"),()=>p`<primer-input-error slot=\"error\">${this.errors.postalCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${x(this.fieldConfig.city,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"city\"} .hasError=${this.shouldShowError(\"city\")} ><primer-input-label slot=\"label\">${b(\"City\",{id:\"cityLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"city\" name=\"city\" type=\"text\" .value=${this.formData.city||\"\"} placeholder=${b(\"Cape Town\",{id:\"cityPlaceholder\"})} @input=${e=>this.handleInput(\"city\",e.detail)} @focus=${()=>this.handleFocus(\"city\")} @blur=${()=>this.handleBlur(\"city\")} ></primer-input>${x(this.shouldShowError(\"city\"),()=>p`<primer-input-error slot=\"error\">${this.errors.city}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${x(this.fieldConfig.state,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"state\"} .hasError=${this.shouldShowError(\"state\")} ><primer-input-label slot=\"label\">${b(\"State / Region / County\",{id:\"stateLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"state\" name=\"state\" type=\"text\" .value=${this.formData.state||\"\"} placeholder=${b(\"State / Region / County\",{id:\"statePlaceholder\"})} @input=${e=>this.handleInput(\"state\",e.detail)} @focus=${()=>this.handleFocus(\"state\")} @blur=${()=>this.handleBlur(\"state\")} ></primer-input>${x(this.shouldShowError(\"state\"),()=>p`<primer-input-error slot=\"error\">${this.errors.state}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`):(this.setAttribute(\"hidden\",\"\"),y)})}}"
+          "default": "class extends v{constructor(){super(...arguments);this.configuration=null;this.headlessUtils=null;this.formData={};this.errors={};this.touchedFields=new Set;this.dirtyFields=new Set;this.focusedField=null;this.submitted=!1;this.countryOptions=[];this._initializationTask=new B(this,{task:async([e,a])=>{if(!e||!a)return w;let i=this.extractFieldConfig(e);return await this.initializeCountryOptions(),i},args:()=>[this.configuration,this.headlessUtils]})}connectedCallback(){super.connectedCallback(),this._initializationTask.value}extractFieldConfig(e){if(e?.checkoutModules){let a=e.checkoutModules.find(i=>i.type===\"BILLING_ADDRESS\");if(a?.options){let i=a.options;return Object.keys(on).reduce((n,o)=>({...n,[o]:i[o]??!1}),{})}}return this.defaultFieldConfig}async initializeCountryOptions(){try{let e=nn(\"en\");this.countryOptions=[...e.map(([n,o])=>({value:n,label:o}))],this.requestUpdate(\"countryOptions\");let a=Fi();if(a===\"en\"||a===\"en-GB\"||a.startsWith(\"en-\"))return;if(await Fl(a)){let n=nn(a);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.configuration)}get defaultFieldConfig(){return Object.keys(on).reduce((e,a)=>({...e,[a]:!1}),{})}get shouldShowForm(){return this.fieldConfig.postalCode}handleInput(e,a){this.formData={...this.formData,[e]:a},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 a=this.formData[e],i=this.fieldConfig[e];if(!i){delete this.errors[e];return}if(i&&(!a||a.trim()===\"\")){let n=`${e}ErrorRequired`;this.errors={...this.errors,[e]:b(\"This field is required\",{id:n})}}else{let n={...this.errors};delete n[e],this.errors=n}}validateForm(){return Object.keys(on).forEach(e=>{let a=e;this.fieldConfig[a]&&this.validateField(a)}),Object.keys(this.errors).length===0}async validateForSubmission(){if(!this.shouldShowForm)return!0;this.submitted=!0,Object.keys(this.fieldConfig).forEach(a=>{this.fieldConfig[a]&&this.touchedFields.add(a)});let e=this.validateForm();return this.requestUpdate(),await this.updateComplete,e}async submitToSDK(){if(this.headlessUtils?.setBillingAddress)try{return await this.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 a=!!this.errors[e],i=this.dirtyFields.has(e),n=this.touchedFields.has(e);return a&&(this.submitted||i&&n)}render(){return this._initializationTask.render({pending:()=>y,error:()=>y,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),p`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${b(\"Billing address\",{id:\"billingAddressLabel\"})}</div>${R(this.fieldConfig.countryCode,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"countryCode\"} .hasError=${this.shouldShowError(\"countryCode\")} ><primer-input-label slot=\"label\">${b(\"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=${b(\"Select a country\",{id:\"countrySelectPlaceholder\"})} @input=${e=>this.handleInput(\"countryCode\",e.detail)} @focus=${()=>this.handleFocus(\"countryCode\")} @blur=${()=>this.handleBlur(\"countryCode\")} ></primer-select>${R(this.shouldShowError(\"countryCode\"),()=>p`<primer-input-error slot=\"error\">${this.errors.countryCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${R(this.fieldConfig.firstName||this.fieldConfig.lastName,()=>p`<div class=\"billing-address-row\">${R(this.fieldConfig.firstName,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"firstName\"} .hasError=${this.shouldShowError(\"firstName\")} ><primer-input-label slot=\"label\">${b(\"First name\",{id:\"firstNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"firstName\" name=\"firstName\" type=\"text\" .value=${this.formData.firstName||\"\"} placeholder=${b(\"First name\",{id:\"firstNamePlaceholder\"})} @input=${e=>this.handleInput(\"firstName\",e.detail)} @focus=${()=>this.handleFocus(\"firstName\")} @blur=${()=>this.handleBlur(\"firstName\")} ></primer-input>${R(this.shouldShowError(\"firstName\"),()=>p`<primer-input-error slot=\"error\">${this.errors.firstName}</primer-input-error>`)}</primer-input-wrapper>`)} ${R(this.fieldConfig.lastName,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"lastName\"} .hasError=${this.shouldShowError(\"lastName\")} ><primer-input-label slot=\"label\">${b(\"Last name\",{id:\"lastNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"lastName\" name=\"lastName\" type=\"text\" .value=${this.formData.lastName||\"\"} placeholder=${b(\"Last name\",{id:\"lastNamePlaceholder\"})} @input=${e=>this.handleInput(\"lastName\",e.detail)} @focus=${()=>this.handleFocus(\"lastName\")} @blur=${()=>this.handleBlur(\"lastName\")} ></primer-input>${R(this.shouldShowError(\"lastName\"),()=>p`<primer-input-error slot=\"error\">${this.errors.lastName}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${R(this.fieldConfig.addressLine1,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine1\"} .hasError=${this.shouldShowError(\"addressLine1\")} ><primer-input-label slot=\"label\">${b(\"Address line 1\",{id:\"addressLine1\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine1\" name=\"addressLine1\" type=\"text\" .value=${this.formData.addressLine1||\"\"} placeholder=${b(\"Address line 1\",{id:\"addressLine1Placeholder\"})} @input=${e=>this.handleInput(\"addressLine1\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine1\")} @blur=${()=>this.handleBlur(\"addressLine1\")} ></primer-input>${R(this.shouldShowError(\"addressLine1\"),()=>p`<primer-input-error slot=\"error\">${this.errors.addressLine1}</primer-input-error>`)}</primer-input-wrapper>`)} ${R(this.fieldConfig.addressLine2,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine2\"} .hasError=${this.shouldShowError(\"addressLine2\")} ><primer-input-label slot=\"label\">${b(\"Address line 2\",{id:\"addressLine2\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine2\" name=\"addressLine2\" type=\"text\" .value=${this.formData.addressLine2||\"\"} placeholder=${b(\"Address line 2\",{id:\"addressLine2Placeholder\"})} @input=${e=>this.handleInput(\"addressLine2\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine2\")} @blur=${()=>this.handleBlur(\"addressLine2\")} ></primer-input>${R(this.shouldShowError(\"addressLine2\"),()=>p`<primer-input-error slot=\"error\">${this.errors.addressLine2}</primer-input-error>`)}</primer-input-wrapper>`)} ${R(this.fieldConfig.postalCode||this.fieldConfig.city,()=>p`<div class=\"billing-address-row\">${R(this.fieldConfig.postalCode,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"postalCode\"} .hasError=${this.shouldShowError(\"postalCode\")} ><primer-input-label slot=\"label\">${b(\"Postal code\",{id:\"postalCodeLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"postalCode\" name=\"postalCode\" type=\"text\" .value=${this.formData.postalCode||\"\"} placeholder=${b(\"90210\",{id:\"postalCodePlaceholder\"})} @input=${e=>this.handleInput(\"postalCode\",e.detail)} @focus=${()=>this.handleFocus(\"postalCode\")} @blur=${()=>this.handleBlur(\"postalCode\")} ></primer-input>${R(this.shouldShowError(\"postalCode\"),()=>p`<primer-input-error slot=\"error\">${this.errors.postalCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${R(this.fieldConfig.city,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"city\"} .hasError=${this.shouldShowError(\"city\")} ><primer-input-label slot=\"label\">${b(\"City\",{id:\"cityLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"city\" name=\"city\" type=\"text\" .value=${this.formData.city||\"\"} placeholder=${b(\"Cape Town\",{id:\"cityPlaceholder\"})} @input=${e=>this.handleInput(\"city\",e.detail)} @focus=${()=>this.handleFocus(\"city\")} @blur=${()=>this.handleBlur(\"city\")} ></primer-input>${R(this.shouldShowError(\"city\"),()=>p`<primer-input-error slot=\"error\">${this.errors.city}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${R(this.fieldConfig.state,()=>p`<primer-input-wrapper .focusWithin=${this.focusedField===\"state\"} .hasError=${this.shouldShowError(\"state\")} ><primer-input-label slot=\"label\">${b(\"State / Region / County\",{id:\"stateLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"state\" name=\"state\" type=\"text\" .value=${this.formData.state||\"\"} placeholder=${b(\"State / Region / County\",{id:\"statePlaceholder\"})} @input=${e=>this.handleInput(\"state\",e.detail)} @focus=${()=>this.handleFocus(\"state\")} @blur=${()=>this.handleBlur(\"state\")} ></primer-input>${R(this.shouldShowError(\"state\"),()=>p`<primer-input-error slot=\"error\">${this.errors.state}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`):(this.setAttribute(\"hidden\",\"\"),y)})}}"
         },
         {
           "kind": "variable",
           "name": "X",
-          "default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.contextEventsController=null;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.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let a=this.vaultManagerContext.vaultedPaymentMethods.find(i=>i.id===this.deletePaymentMethodId);a&&(this.deleteAssetConfig=await Ur(a,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=b(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:b(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let a=e.detail?.error;this.errorMessage=a instanceof Error?a.message:b(\"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 aa(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 a=e.tagName.toLowerCase(),i=a===\"button\",n=a===\"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.vaultManagerContext)try{await this.vaultManagerContext.startVaultedPaymentFlow()}catch(e){this.dispatchEvent(new CustomEvent(\"primer-vault-payment-error\",{detail:{error:e},bubbles:!0,composed:!0}))}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let a=this.vaultManagerContext.vaultedPaymentMethods.find(i=>i.id===e);if(!a)return\"\";try{return dn(a).description||\"\"}catch{return\"\"}}setupContextEventListeners(){this.contextEventsController?.host&&this._contextVaultSubmitListener&&this.contextEventsController.host.addEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextVaultSubmitListener&&this.contextEventsController.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 p`<div class=\"loading-overlay\" ${Tt({...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 p`<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} ${Tt({...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:p`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],a=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return p`<div class=\"payment-methods-list\">${e.map(i=>this.renderPaymentMethodItem(i))} ${x(a,()=>p`<div class=\"submit-button-container\"><slot name=\"submit-button\" @slotchange=${this.handleSubmitSlotChange} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></slot>${x(!this.hasSlottedSubmit,()=>p`<primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit>`)}</div>`,()=>y)}</div>`}render(){if(!this.vaultManagerContext?.enabled||this.vaultManagerContext?.headless)return y;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,a=this.vaultManagerContext.isLoading,i=this.vaultManagerContext.isUpdating;return p` ${x(!this.vaultManagerContext?.showEmptyState&&!e,()=>y,()=>p`<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>${x(this.errorMessage,()=>p`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>y)}<div class=\"vault-manager-content\">${x(!a&&!e,()=>p`<div class=\"content-container\"><primer-vault-empty-state ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>y)} ${x(!a&&e,()=>p`<div class=\"content-container\">${x(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>y)}</div>${x(i,()=>this.renderLoadingOverlay(),()=>y)}</div></slot>`)} `}}"
+          "default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.contextEventsController=null;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.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let a=this.vaultManagerContext.vaultedPaymentMethods.find(i=>i.id===this.deletePaymentMethodId);a&&(this.deleteAssetConfig=await Fr(a,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=b(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:b(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let a=e.detail?.error;this.errorMessage=a instanceof Error?a.message:b(\"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 aa(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 a=e.tagName.toLowerCase(),i=a===\"button\",n=a===\"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.vaultManagerContext)try{await this.vaultManagerContext.startVaultedPaymentFlow()}catch(e){this.dispatchEvent(new CustomEvent(\"primer-vault-payment-error\",{detail:{error:e},bubbles:!0,composed:!0}))}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let a=this.vaultManagerContext.vaultedPaymentMethods.find(i=>i.id===e);if(!a)return\"\";try{return ln(a).description||\"\"}catch{return\"\"}}setupContextEventListeners(){this.contextEventsController?.host&&this._contextVaultSubmitListener&&this.contextEventsController.host.addEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextVaultSubmitListener&&this.contextEventsController.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 p`<div class=\"loading-overlay\" ${Tt({...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 p`<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} ${Tt({...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:p`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],a=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return p`<div class=\"payment-methods-list\">${e.map(i=>this.renderPaymentMethodItem(i))} ${R(a,()=>p`<div class=\"submit-button-container\"><slot name=\"submit-button\" @slotchange=${this.handleSubmitSlotChange} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></slot>${R(!this.hasSlottedSubmit,()=>p`<primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit>`)}</div>`,()=>y)}</div>`}render(){if(!this.vaultManagerContext?.enabled||this.vaultManagerContext?.headless)return y;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,a=this.vaultManagerContext.isLoading,i=this.vaultManagerContext.isUpdating;return p` ${R(!this.vaultManagerContext?.showEmptyState&&!e,()=>y,()=>p`<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>${R(this.errorMessage,()=>p`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>y)}<div class=\"vault-manager-content\">${R(!a&&!e,()=>p`<div class=\"content-container\"><primer-vault-empty-state ${Tt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>y)} ${R(!a&&e,()=>p`<div class=\"content-container\">${R(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>y)}</div>${R(i,()=>this.renderLoadingOverlay(),()=>y)}</div></slot>`)} `}}"
         },
         {
           "kind": "variable",
           "name": "Ee",
-          "default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new B(this,{task:async([e,a,i])=>await Ur(e,a,i),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.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.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>y,complete:e=>{let a=this.isSelected()?\"checked\":\"default\",i=!1,n=e?.description;return p`<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=${a} .flex=${i} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${x(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>p`<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?p`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${b(\"delete\",{id:\"delete\"})} ${n}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:y}</div></div>`}})}}"
+          "default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new B(this,{task:async([e,a,i])=>await Fr(e,a,i),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.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.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>y,complete:e=>{let a=this.isSelected()?\"checked\":\"default\",i=!1,n=e?.description;return p`<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=${a} .flex=${i} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${R(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>p`<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?p`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${b(\"delete\",{id:\"delete\"})} ${n}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:y}</div></div>`}})}}"
         },
         {
           "kind": "variable",
@@ -220,7 +220,7 @@
         },
         {
           "kind": "variable",
-          "name": "Ie",
+          "name": "Ne",
           "default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null;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 p`<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} >${b(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?b(\"deleting\",{id:\"deleting\"}):b(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
         },
         {
@@ -241,22 +241,22 @@
         {
           "kind": "variable",
           "name": "ee",
-          "default": "class extends v{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new B(this,{task:([e,a])=>!e||!a||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||a.createCvvInput===null?w:{network:e.paymentInstrumentData.network,createCvvInput:a.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new B(this,{task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!a)return;let i=$r(this.computedStyles),n=i?{input:{base:i}}:void 0,o={cardNetwork:e.network,container:a,name:\"cvv\",placeholder:\"123\",style:n,ariaLabel:b(\"CVV\",{id:\"cardCVV\"})};this.cvvInput=await e.createCvvInput?.(o)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.errorCode||null,this.vaultManagerCvvContext?.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.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(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:()=>p`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.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>${x(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p`<primer-input-error slot=\"error\">${b(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
+          "default": "class extends v{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new B(this,{task:([e,a])=>!e||!a||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||a.createCvvInput===null?w:{network:e.paymentInstrumentData.network,createCvvInput:a.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new B(this,{task:async([e])=>{if(!e)return w;await this.updateComplete;let a=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!a)return;let i=zr(this.computedStyles),n=i?{input:{base:i}}:void 0,o={cardNetwork:e.network,container:a,name:\"cvv\",placeholder:\"123\",style:n,ariaLabel:b(\"CVV\",{id:\"cardCVV\"})};this.cvvInput=await e.createCvvInput?.(o)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.errorCode||null,this.vaultManagerCvvContext?.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.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(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:()=>p`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.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>${R(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p`<primer-input-error slot=\"error\">${b(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
         },
         {
           "kind": "variable",
           "name": "Xe",
-          "default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return y;let e=this.assetConfig.description,a=this.assetConfig.icon,i=x(this.assetConfig.icon,()=>p`<img class=\"payment-method-icon\" src=${a} alt=${e} />`,()=>p`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"paypal\"?p`<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\"?p`<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\"?p`<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\"?p`<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\"?p`<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}}"
+          "default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return y;let e=this.assetConfig.description,a=this.assetConfig.icon,i=R(this.assetConfig.icon,()=>p`<img class=\"payment-method-icon\" src=${a} alt=${e} />`,()=>p`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"paypal\"?p`<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\"?p`<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\"?p`<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\"?p`<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\"?p`<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}}"
         },
         {
           "kind": "variable",
           "name": "ie",
-          "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.paymentManagers=new Map;this.clientOptions=null;this.headlessUtils=null;this.analyticsUtils=null;this.contextEventsController=null;this.cardFormProvider=new W(this,{context:ra,initialValue:null});this.eventsController=new Wt(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new B(this,{task:([e])=>{if(!e?.manager)return w;let{manager:a}=e,i=a.createHostedInputs(),{cardNumberInput:n,expiryInput:o,cvvInput:s}=i;return this.cardFormProvider.setValue({cardholderNameInput:i.cardholderNameInput,cardNumberInput:n,expiryInput:o,cvvInput:s,setCardholderName:l=>{a.setCardholderName(l),this.shouldRequireCardholderName&&a.validate?.().then(c=>{let g=c?.validationErrors?.find(C=>C.name===dd.cardholderName),h=this.inputControllers.get(\"cardholderName\");h&&h.updateMetaFromValidation({valid:!1,error:g?.message||g?.error||null,errorCode:g?.message||g?.error||null})})},setCardNetwork:l=>{this.selectedCardNetwork=l},validate:()=>a.validate(),submit:l=>a.submit(l),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:l=>{this.inputControllers.forEach(c=>{c.setSubmitted(l)})},propagateValidationErrors:l=>{l&&l.forEach(c=>{let m=c.field||c.name,g=c.message||c.error,h=dd[m];if(h){let C=this.inputControllers.get(h);if(C){let E={valid:!1,error:g,errorCode:g};C.updateMetaFromValidation(E)}}})},registerInputController:(l,c)=>{this.inputControllers.set(l,c)},unregisterInputController:l=>{this.inputControllers.delete(l)},onUserInteraction:()=>{this.sendPaymentMethodSelectionEvent(),this.checkAndSendPaymentDetailsEnteredEvent()}}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});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(\"contextEventsController\")){let a=e.get(\"contextEventsController\");a?.host&&this._contextCardSubmitListener&&a.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener),this.setupContextEventListeners()}}get shouldShowCardholderName(){let e=this.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.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\"),a=this.inputControllers.get(\"expire\"),i=this.inputControllers.get(\"cvv\"),n=e?.meta?.dirty===!0,o=a?.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.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.addEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}isSubmitButton(e){let a=e.tagName.toLowerCase(),i=a===\"button\",n=a===\"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 a=this.querySelector(\"primer-billing-address\")||this.renderRoot.querySelector(\"primer-billing-address\"),i=!0;a&&(i=await a.validateForSubmission());let n=await e.validate?.();if(n?.valid&&i){if(a&&!await a.submitToSDK()){let c=b(\"tokenizationError\",{id:\"tokenizationError\"});this.formErrorMessage=c,this.eventsController.dispatchFormSubmitErrors([{field:\"billingAddress\",name:\"billingAddress\",error:\"BILLING_ADDRESS_SUBMISSION_FAILED\",message:c}]);return}let o=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(o);let s={success:!0};this.eventsController.dispatchFormSubmitSuccess(s)}else{let o=n?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===vt.ERROR||this.setupCardFormTask.status===vt.INITIAL?y:p`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>x(this.hasAssignedContent,()=>y,()=>p`<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>${x(this.shouldShowCardholderName,()=>p`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>y)}<primer-billing-address></primer-billing-address></div><primer-card-form-submit></primer-card-form-submit><primer-error-message message=\"${this.formErrorMessage||\"\"}\" ?visible=\"${!!this.formErrorMessage}\" ></primer-error-message>`)})}</form>`}}"
+          "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.paymentManagers=new Map;this.clientOptions=null;this.headlessUtils=null;this.analyticsUtils=null;this.contextEventsController=null;this.cardFormProvider=new W(this,{context:ra,initialValue:null});this.eventsController=new Wt(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new B(this,{task:([e])=>{if(!e?.manager)return w;let{manager:a}=e,i=a.createHostedInputs(),{cardNumberInput:n,expiryInput:o,cvvInput:s}=i;return this.cardFormProvider.setValue({cardholderNameInput:i.cardholderNameInput,cardNumberInput:n,expiryInput:o,cvvInput:s,setCardholderName:l=>{a.setCardholderName(l),this.shouldRequireCardholderName&&a.validate?.().then(c=>{let g=c?.validationErrors?.find(T=>T.name===ud.cardholderName),h=this.inputControllers.get(\"cardholderName\");h&&h.updateMetaFromValidation({valid:!1,error:g?.message||g?.error||null,errorCode:g?.message||g?.error||null})})},setCardNetwork:l=>{this.selectedCardNetwork=l},validate:()=>a.validate(),submit:l=>a.submit(l),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:l=>{this.inputControllers.forEach(c=>{c.setSubmitted(l)})},propagateValidationErrors:l=>{l&&l.forEach(c=>{let m=c.field||c.name,g=c.message||c.error,h=ud[m];if(h){let T=this.inputControllers.get(h);if(T){let M={valid:!1,error:g,errorCode:g};T.updateMetaFromValidation(M)}}})},registerInputController:(l,c)=>{this.inputControllers.set(l,c)},unregisterInputController:l=>{this.inputControllers.delete(l)},onUserInteraction:()=>{this.sendPaymentMethodSelectionEvent(),this.checkAndSendPaymentDetailsEnteredEvent()}}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});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(\"contextEventsController\")){let a=e.get(\"contextEventsController\");a?.host&&this._contextCardSubmitListener&&a.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener),this.setupContextEventListeners()}}get shouldShowCardholderName(){let e=this.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.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\"),a=this.inputControllers.get(\"expire\"),i=this.inputControllers.get(\"cvv\"),n=e?.meta?.dirty===!0,o=a?.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.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.addEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}isSubmitButton(e){let a=e.tagName.toLowerCase(),i=a===\"button\",n=a===\"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 a=this.querySelector(\"primer-billing-address\")||this.renderRoot.querySelector(\"primer-billing-address\"),i=!0;a&&(i=await a.validateForSubmission());let n=await e.validate?.();if(n?.valid&&i){if(a&&!await a.submitToSDK()){let c=b(\"tokenizationError\",{id:\"tokenizationError\"});this.formErrorMessage=c,this.eventsController.dispatchFormSubmitErrors([{field:\"billingAddress\",name:\"billingAddress\",error:\"BILLING_ADDRESS_SUBMISSION_FAILED\",message:c}]);return}let o=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(o);let s={success:!0};this.eventsController.dispatchFormSubmitSuccess(s)}else{let o=n?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===vt.ERROR||this.setupCardFormTask.status===vt.INITIAL?y:p`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>R(this.hasAssignedContent,()=>y,()=>p`<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>${R(this.shouldShowCardholderName,()=>p`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>y)}<primer-billing-address></primer-billing-address></div><primer-card-form-submit></primer-card-form-submit><primer-error-message message=\"${this.formErrorMessage||\"\"}\" ?visible=\"${!!this.formErrorMessage}\" ></primer-error-message>`)})}</form>`}}"
         },
         {
           "kind": "variable",
           "name": "lt",
-          "default": "class extends pe{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:a}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(a)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===vt.ERROR)return y;let e=this.getError();return p`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${x(!this.cardFormContext?.hideLabels,()=>p`<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>${x(e,a=>p`<primer-input-error slot=\"error\">${b(a,{id:a})}</primer-input-error>`,()=>y)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
+          "default": "class extends pe{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:a}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(a)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===vt.ERROR)return y;let e=this.getError();return p`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${R(!this.cardFormContext?.hideLabels,()=>p`<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>${R(e,a=>p`<primer-input-error slot=\"error\">${b(a,{id:a})}</primer-input-error>`,()=>y)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
         },
         {
           "kind": "variable",
@@ -281,12 +281,12 @@
         {
           "kind": "variable",
           "name": "me",
-          "default": "class extends v{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Kt();this.dropdownRef=Kt();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.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let a=this.getSelectableNetworks().findIndex(i=>i.network===e.network);return a>=0?a:0}selectNetwork(e,a){e.stopPropagation(),this.selectedCardNetwork=a,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:a.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,a){this.networkOptionRefs[a]=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.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let a=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!a)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let i=e.length>1;return p`<button ${Et(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&i&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${i?`Selected card network: ${a.displayName}. Click to change.`:`Card network: ${a.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(a)} alt=${a.displayName} />${x(i,()=>p`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>y)}</button>${x(this.isDropdownOpen,()=>p`<div ${Et(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((n,o)=>p`<div ${Et(s=>this.setNetworkOptionRef(s,o))} class=\"network-option ${this.isKeyboardNavigation&&o===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${s=>this.selectNetwork(s,n)} @keydown=${s=>{(s.key===\"Enter\"||s.key===\" \")&&this.selectNetwork(s,n)}} role=\"option\" aria-selected=${n.network===a.network} tabindex=\"${o===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /><span class=\"network-name\">${n.displayName}</span>${x(n.network===a.network,()=>p`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>y)}</div>`)}</div>`,()=>y)} `}}"
+          "default": "class extends v{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Kt();this.dropdownRef=Kt();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.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let a=this.getSelectableNetworks().findIndex(i=>i.network===e.network);return a>=0?a:0}selectNetwork(e,a){e.stopPropagation(),this.selectedCardNetwork=a,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:a.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,a){this.networkOptionRefs[a]=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.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let a=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!a)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let i=e.length>1;return p`<button ${Et(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&i&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${i?`Selected card network: ${a.displayName}. Click to change.`:`Card network: ${a.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(a)} alt=${a.displayName} />${R(i,()=>p`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>y)}</button>${R(this.isDropdownOpen,()=>p`<div ${Et(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((n,o)=>p`<div ${Et(s=>this.setNetworkOptionRef(s,o))} class=\"network-option ${this.isKeyboardNavigation&&o===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${s=>this.selectNetwork(s,n)} @keydown=${s=>{(s.key===\"Enter\"||s.key===\" \")&&this.selectNetwork(s,n)}} role=\"option\" aria-selected=${n.network===a.network} tabindex=\"${o===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /><span class=\"network-name\">${n.displayName}</span>${R(n.network===a.network,()=>p`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>y)}</div>`)}</div>`,()=>y)} `}}"
         },
         {
           "kind": "variable",
           "name": "we",
-          "default": "class extends v{constructor(){super(...arguments);this.vaultManager=null;this.contextEventsController=null;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 a=e.detail?.action;a===\"expand\"?this.expand():a===\"collapse\"?this.collapse():this.toggleAccordion()};this.handleContextToggle=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{if(e.target!==this){e.stopPropagation();let a=e.detail?.action;a===\"expand\"?this.expand():a===\"collapse\"?this.collapse():this.toggleAccordion()}}finally{this._isHandlingContextEvent=!1}}}}isToggleButton(e){let a=this.shadowRoot?.querySelector('slot[name=\"show-other-payments-toggle-button\"]');return a?a.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.contextEventsController?.host&&this._contextToggleListener&&this.contextEventsController.host.addEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextToggleListener&&this.contextEventsController.host.removeEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}connectedCallback(){super.connectedCallback(),this.isExpanded=this.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.vaultManager?.isLoading)return y;let e=this.vaultManager?.showEmptyState||this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||this.vaultManager.headless||!e?p`<slot name=\"other-payments\"></slot>`:p`<div class=\"other-payment-methods-container\"><slot name=\"show-other-payments-toggle-button\" @slotchange=${this.handleToggleSlotChange} ></slot>${x(!this.hasSlottedToggle,()=>p`<primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${b(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable>`,()=>p`<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>`}}"
+          "default": "class extends v{constructor(){super(...arguments);this.vaultManager=null;this.contextEventsController=null;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 a=e.detail?.action;a===\"expand\"?this.expand():a===\"collapse\"?this.collapse():this.toggleAccordion()};this.handleContextToggle=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{if(e.target!==this){e.stopPropagation();let a=e.detail?.action;a===\"expand\"?this.expand():a===\"collapse\"?this.collapse():this.toggleAccordion()}}finally{this._isHandlingContextEvent=!1}}}}isToggleButton(e){let a=this.shadowRoot?.querySelector('slot[name=\"show-other-payments-toggle-button\"]');return a?a.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.contextEventsController?.host&&this._contextToggleListener&&this.contextEventsController.host.addEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextToggleListener&&this.contextEventsController.host.removeEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}connectedCallback(){super.connectedCallback(),this.isExpanded=this.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.vaultManager?.isLoading)return y;let e=this.vaultManager?.showEmptyState||this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||this.vaultManager.headless||!e?p`<slot name=\"other-payments\"></slot>`:p`<div class=\"other-payment-methods-container\"><slot name=\"show-other-payments-toggle-button\" @slotchange=${this.handleToggleSlotChange} ></slot>${R(!this.hasSlottedToggle,()=>p`<primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${b(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable>`,()=>p`<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>`}}"
         },
         {
           "kind": "variable",
@@ -306,7 +306,7 @@
         {
           "kind": "variable",
           "name": "et",
-          "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()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?p`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:p`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${x(this.hasAssignedContent,()=>y,()=>p`<div class=${oe({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>p`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
+          "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()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?p`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:p`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${R(this.hasAssignedContent,()=>y,()=>p`<div class=${oe({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>p`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
         },
         {
           "kind": "function",
@@ -334,7 +334,7 @@
           "kind": "js",
           "name": "AchPayment",
           "declaration": {
-            "name": "Ne",
+            "name": "Ie",
             "module": "dist/primer-loader.js"
           }
         },
@@ -486,7 +486,7 @@
           "kind": "js",
           "name": "InitializedPayments",
           "declaration": {
-            "name": "ur",
+            "name": "cr",
             "module": "dist/primer-loader.js"
           }
         },
@@ -494,7 +494,7 @@
           "kind": "js",
           "name": "InitializedVaultedPayments",
           "declaration": {
-            "name": "pr",
+            "name": "ur",
             "module": "dist/primer-loader.js"
           }
         },
@@ -670,7 +670,7 @@
           "kind": "js",
           "name": "VaultDeleteConfirmation",
           "declaration": {
-            "name": "Ie",
+            "name": "Ne",
             "module": "dist/primer-loader.js"
           }
         },
@@ -742,7 +742,7 @@
           "kind": "js",
           "name": "injectLoaderStyles",
           "declaration": {
-            "name": "Ms",
+            "name": "Ts",
             "module": "dist/primer-loader.js"
           }
         },
@@ -750,7 +750,7 @@
           "kind": "js",
           "name": "injectThemeStyles",
           "declaration": {
-            "name": "Es",
+            "name": "Ps",
             "module": "dist/primer-loader.js"
           }
         },
@@ -1681,7 +1681,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ar.44J7SJG6.js",
+      "path": "dist/chunks/ar.TR6QET27.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1695,14 +1695,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ar.44J7SJG6.js"
+            "module": "dist/chunks/ar.TR6QET27.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/bg.LT2YIFOH.js",
+      "path": "dist/chunks/bg.EJ7QNYMP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1716,14 +1716,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/bg.LT2YIFOH.js"
+            "module": "dist/chunks/bg.EJ7QNYMP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ca.KUW6ECYF.js",
+      "path": "dist/chunks/ca.7C2IYV2P.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1737,7 +1737,31 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ca.KUW6ECYF.js"
+            "module": "dist/chunks/ca.7C2IYV2P.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/chunks/chunk.4VIC6WHG.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "t",
+          "type": {
+            "text": "object"
+          },
+          "default": "{accountHolder:\"Account Holder\",accountHolderEmail:\"me@domain.com\",accountHolderEmailErrorInvalid:\"Provided email is not valid\",accountHolderEmailErrorRequired:\"Account holder email is required\",accountHolderName:\"Account holder name\",accountHolderNameErrorRequired:\"Account holder name is required\",accountHolderNameLabel:\"Account holder name\",accountHolderNamePlaceholder:\"Account holder name\",addCard:\"Add Card\",additionalCardFees:\"Additional card fees may apply\",address:\"Address\",addressLine1:\"Address line 1\",addressLine1ErrorRequired:\"Address line 1 is required\",addressLine1Placeholder:\"Address line 1\",addressLine2:\"Address line 2\",addressLine2ErrorRequired:\"Address line 2 is required\",addressLine2Placeholder:\"Address line 2\",amount:\"Amount\",applePayFailedToTokenize:\"Failed to tokenize\",applePayMissingFirstNameOrLastName:\"Missing first name or last name\",bankHolderNameErrorRequired:\"Account holder name is required\",bankListErrorRequired:\"Bank is required\",bankListLabel:\"List of banks\",bankNameErrorRequired:\"Bank name is required\",bankNameLabel:\"Select your bank from the list\",bankNetworkErrorButton:\"Load again\",bankNetworkErrorTitle:\"Failed to load banks. Check your connection and try again.\",bankSearchInputPlaceholder:\"Search bank\",bankSelectTitle:\"Select your bank\",billingAddressLabel:\"Billing address\",cancel:\"Cancel\",cardCVV:\"CVV\",cardDescription:\"Card description (optional)\",cardDescriptionPlaceholder:\"My favourite card\",cardEndingWith:\"Card ending with\",cardExpired:\"Card has expired\",cardExpiry:\"Expiry (MM/YY)\",cardExpiryPlaceholder:\"MM/YY\",cardholderName:\"Name on card\",cardholderNameErrorRequired:\"Name on card is required\",cardholderNameLabel:\"Name on card\",cardholderNamePlaceholder:\"Full name\",cardIncomplete:\"Card number is incomplete\",cardInvalid:\"Card number is invalid\",cardNameContainsNumbers:\"Name cannot contain numbers\",cardNameLength:\"Name must have between 2 and 45 characters\",cardNameRequired:\"Name on card is required\",cardNumber:\"Card number\",cardRequired:\"Card number is required\",checkSuccessTitle:\"Your payment was successful!\",checkoutWith:\"Checkout with\",chooseAnotherPaymentMethod:\"Choose another payment method\",city:\"City\",cityErrorRequired:\"City is required\",cityLabel:\"City\",cityPlaceholder:\"Cape Town\",completeYourPayment:\"Complete your payment\",completeYourPaymentInTheApp:\"Complete your payment in {appName}\",confirm:\"Confirm\",confirmCardDeletion:\"Confirm - Delete Card\",confirmPayPalDeletion:\"Confirm - Delete PayPal\",confirmVaultedPaymentMethodDeletion:\"Yes, delete it\",countryCodeErrorRequired:\"Country is required\",countryCodeLabel:\"Country code\",countryCodePlaceholder:\"Country code\",countrySelectPlaceholder:\"Select a country\",creditOrDebitCard:\"Credit or debit card\",creditTransfer:\"Credit Transfer\",cvvIncomplete:\"CVV number is incomplete\",cvvInvalid3:\"CVV must be 3 digits\",cvvInvalid4:\"CVV must be 4 digits\",cvvRequired:\"CVV number is required\",delete:\"Delete\",digits:\"digits\",directDebit:\"Direct debit\",directDebitMandateTitle:\"SEPA Core Direct Debit Mandate\",directDebitSmallPrint:\"By signing this mandate form, you authorise (A) {companyName} to send instructions to your bank to debit your account and (B) your bank to debit your account in accordance with the instruction from {companyName}\",directDebitSuccessDescription:\"{companyName} will appear on your bank statement when payments are taken against the Direct Debit\",directDebitSuccessReference:\"Reference\",directDebitSuccessTitle:\"Direct Debit set up successfully\",dueAt:\"Due at\",dummyApmDescription:\"This is a mocked flow for sandbox. Choose the result you want to test from the list below:\",duplicatePaymentMethodError:\"This payment method is already saved.\",editPaymentMethods:\"Edit saved payment methods\",email:\"Email\",entity:\"Entity\",expiresAt:\"Expires at\",expiryIncomplete:\"Expiry date is incomplete\",expiryInvalid:\"Expiry date is invalid\",expiryMonthInvalid:\"Expiry date month is invalid\",expiryRequired:\"Expiry date is required\",expiryYearInvalid:\"Expiry date year is invalid\",fee_label_fallback:\"Fee\",firstNameErrorRequired:\"First name is required\",firstNameLabel:\"First name\",firstNamePlaceholder:\"First name\",forgetPaymentMethods:\"Forget payment methods\",forgetPayPal:\"Forget PayPal account\",forgetSavedCard:\"Forget saved card ending in {last4Digits}\",fullName:\"First and last name\",getCodeFromBankingApp:\"Get the code from your banking app\",giftCard:\"Gift card\",iban:\"IBAN\",ibanErrorInvalid:\"IBAN is invalid\",ibanErrorRequired:\"IBAN is required\",ibanPlaceholder:\"e.g. GB60 BARC 2000 0055 7799 11\",invalid:\"Invalid\",item_label_fallback:\"Item\",lastNameErrorRequired:\"Last name is required\",lastNameLabel:\"Last name\",lastNamePlaceholder:\"Last name\",loading:\"Loading...\",managePaymentMethods:\"Manage your payment methods\",multibancoFirstStep:\"Payment details for a Multibanco Reference will be created.\",multibancoPayWith:\"Pay with Multibanco\",multibancoPleaseMakePayment:\"Please make the payment at a Multibanco ATM, or through your home banking app.\",multibancoSecondStep:\"Go to a Multibanco ATM or login to your home banking app, then select \\u201CPay for Services\\u201D.\",multibancoThirdStep:\"Enter the Entity, Reference and Amount.\",navigateToPaymentMethods:\"Show other ways to pay\",newPaymentMethod:\"Add a new payment method\",noAdditionalFees:\"No additional fees\",otherWaysToPay:\"Other ways to pay\",pay_with_ach:\"Pay with ACH\",pay_with:\"Pay with\",pay:\"Pay\",payByCard:\"Pay by card\",payByImmediateTransfer:\"Pay by Immediate transfer\",payBySmartTransfer:\"Pay by Bank transfer\",payInInstallments:\"Pay in installments\",paymentMethodPopupLoadingScreenText:\"Hold on! {paymentMethodName} is loading.\",paymentMethodPopupOverlayBringBackThePaymentPage:\"Bring back the payment page\",paymentMethodPopupOverlayClose:\"Close\",paymentMethodPopupOverlayDescription:\"Having trouble viewing the {paymentMethodName} payment page? We'll help you find it!\",paymentMethodPopupOverlayNonFocusDescription:\"Open the {paymentMethodName} payment page to review your payment.\",paymentMethodTypeKlarna:\"Pay later\",paymentMethodTypeKlarnaAccount:\"Pay over time\",paymentMethodTypeKlarnaPaynow:\"Pay now\",payViaBankTransfer:\"Pay via bank transfer\",payWithAch:\"Pay with ACH\",payWithCard:\"Or pay with card\",payWithCrypto:\"Pay with crypto\",pleaseTransferFunds:\"Please Transfer funds to the provided DBS bank account using your Singapore based bank account via FAST (preferred), MEPS or GIRO.\",postalCode:\"Postal code\",postalCodeErrorRequired:\"Postal code is required\",postalCodeLabel:\"Postal code\",postalCodePlaceholder:\"90210\",previouslyUsed:\"Previously used:\",qrCode:\"QR Code\",reference:\"Reference\",required:\"Required\",retry_button:\"Retry\",savedPaymentMethodsEmpty:\"Enter your card details below to add a new payment method\",savePaymentMethod:\"Save payment method\",scanToPay:\"Scan to pay or take a screenshot\",sepaCreditTransfer:\"SEPA Credit Transfer\",sepaDirectDebit:\"SEPA Direct Debit\",session_complete_payment_cancellation_title:\"Payment cancelled\",session_complete_payment_failure_title:\"Payment failed\",session_complete_payment_success_title:\"Payment authorized\",setUpDirectDebit:\"Set up Direct Debit\",shipping_address_unsupported_error:\"We do not ship to this address\",shipping:\"Shipping\",subtotal:\"Subtotal\",showPaymentDetails:\"Show payment details\",sixDigitCodeErrorNumeric:\"Six digit code should only contain numbers\",sixDigitCodeErrorRequired:\"Six digit code is required\",sixDigitCodeErrorTooShort:\"Code is too short\",sixDigitCodeLabel:\"Six digit code\",sixDigitCodePlaceholder:\"123456\",something_went_wrong_error:\"Something went wrong. Please try again.\",stateErrorRequired:\"State, Region or County is required\",stateLabel:\"State / Region / County\",statePlaceholder:\"State / Region / County\",street:\"Street\",streetPlaceholder:\"My street\",stripe_ach_mandate_accept_button:\"Accept\",stripe_ach_mandate_cancel_payment_button:\"Cancel payment\",stripe_ach_mandate_not_accepted_description:\"Mandate was not accepted\",stripe_ach_mandate_template_web:`By clicking Accept, you authorize {merchantName} to debit the selected bank account for any amount owed for charges arising from your use of {merchantName}\\u2019s services and/or purchase of products from {merchantName}, pursuant to {merchantName}\\u2019s website and terms, until this authorization is revoked. You may amend or cancel this authorization at any time by providing notice to {merchantName} with 30 (thirty) days notice. If you use {merchantName}\\u2019s services or purchase additional products periodically pursuant to {merchantName}\\u2019s terms, you authorize {merchantName} to debit your bank account periodically. Payments that fall outside the regular debits authorized above will only be debited after your authorization is obtained.`,stripe_ach_payment_request_cancelled:\"Please try again or select another bank\",stripe_ach_payment_request_completed_successfully:\"You have now authorized your bank account to be debited. You will be notified via email once the payment has been collected successfully.\",stripe_ach_user_details_collection_continue_button:\"Continue\",stripe_ach_user_details_collection_data_usage_label:\"We'll only use this to keep you updated about your payment\",stripe_ach_user_details_collection_email_address_label:\"Email address\",stripe_ach_user_details_collection_first_name_label:\"First name\",stripe_ach_user_details_collection_invalid_email_address:\"The email address you entered doesn't look like a real email address. Please make sure it includes an '@' and a domain (like '@example.com').\",stripe_ach_user_details_collection_invalid_first_name:\"Please enter a valid first name. Avoid using numbers or special characters.\",stripe_ach_user_details_collection_invalid_last_name:\"Please enter a valid last name. Avoid using numbers or special characters.\",stripe_ach_user_details_collection_last_name_label:\"Last name\",stripe_ach_user_details_collection_subtitle_label:\"Your personal details\",suburb:\"Suburb\",suburbPlaceholder:\"My suburb\",telephoneNumberErrorRequired:\"Phone number is required\",telephoneNumberErrorTooShort:\"Phone number is too short\",telephoneNumberLabel:\"Phone number\",telephoneNumberPlaceholder:\"123xxxxxx\",timeOnDate:\"{time} on {date}\",tokenizationError:\"Your payment could not be processed. Please try another payment method.\",unsupportedCardType:\"Unsupported card type\",uploadScreenshot:\"Upload the screenshot in your banking app\",yourBankDetails:\"Your bank details\"}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "a",
+          "declaration": {
+            "name": "t",
+            "module": "dist/chunks/chunk.4VIC6WHG.js"
           }
         }
       ]
@@ -1823,31 +1847,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/chunk.TIWM3PQ7.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "t",
-          "type": {
-            "text": "object"
-          },
-          "default": "{accountHolder:\"Account Holder\",accountHolderEmail:\"me@domain.com\",accountHolderEmailErrorInvalid:\"Provided email is not valid\",accountHolderEmailErrorRequired:\"Account holder email is required\",accountHolderName:\"Account holder name\",accountHolderNameErrorRequired:\"Account holder name is required\",accountHolderNameLabel:\"Account holder name\",accountHolderNamePlaceholder:\"Account holder name\",addCard:\"Add Card\",additionalCardFees:\"Additional card fees may apply\",address:\"Address\",addressLine1:\"Address line 1\",addressLine1ErrorRequired:\"Address line 1 is required\",addressLine1Placeholder:\"Address line 1\",addressLine2:\"Address line 2\",addressLine2ErrorRequired:\"Address line 2 is required\",addressLine2Placeholder:\"Address line 2\",amount:\"Amount\",applePayFailedToTokenize:\"Failed to tokenize\",applePayMissingFirstNameOrLastName:\"Missing first name or last name\",bankHolderNameErrorRequired:\"Account holder name is required\",bankListErrorRequired:\"Bank is required\",bankListLabel:\"List of banks\",bankNameErrorRequired:\"Bank name is required\",bankNameLabel:\"Select your bank from the list\",bankNetworkErrorButton:\"Load again\",bankNetworkErrorTitle:\"Failed to load banks. Check your connection and try again.\",bankSearchInputPlaceholder:\"Search bank\",bankSelectTitle:\"Select your bank\",billingAddressLabel:\"Billing address\",cancel:\"Cancel\",cardCVV:\"CVV\",cardDescription:\"Card description (optional)\",cardDescriptionPlaceholder:\"My favourite card\",cardEndingWith:\"Card ending with\",cardExpired:\"Card has expired\",cardExpiry:\"Expiry (MM/YY)\",cardExpiryPlaceholder:\"MM/YY\",cardholderName:\"Name on card\",cardholderNameErrorRequired:\"Name on card is required\",cardholderNameLabel:\"Name on card\",cardholderNamePlaceholder:\"Full name\",cardIncomplete:\"Card number is incomplete\",cardInvalid:\"Card number is invalid\",cardNameContainsNumbers:\"Name cannot contain numbers\",cardNameLength:\"Name must have between 2 and 45 characters\",cardNameRequired:\"Name on card is required\",cardNumber:\"Card number\",cardRequired:\"Card number is required\",checkSuccessTitle:\"Your payment was successful!\",checkoutWith:\"Checkout with\",chooseAnotherPaymentMethod:\"Choose another payment method\",city:\"City\",cityErrorRequired:\"City is required\",cityLabel:\"City\",cityPlaceholder:\"Cape Town\",completeYourPayment:\"Complete your payment\",completeYourPaymentInTheApp:\"Complete your payment in %s\",confirm:\"Confirm\",confirmCardDeletion:\"Confirm - Delete Card\",confirmPayPalDeletion:\"Confirm - Delete PayPal\",confirmVaultedPaymentMethodDeletion:\"Yes, delete it\",countryCodeErrorRequired:\"Country is required\",countryCodeLabel:\"Country code\",countryCodePlaceholder:\"Country code\",countrySelectPlaceholder:\"Select a country\",creditOrDebitCard:\"Credit or debit card\",creditTransfer:\"Credit Transfer\",cvvIncomplete:\"CVV number is incomplete\",cvvInvalid3:\"CVV must be 3 digits\",cvvInvalid4:\"CVV must be 4 digits\",cvvRequired:\"CVV number is required\",delete:\"Delete\",digits:\"digits\",directDebit:\"Direct debit\",directDebitMandateTitle:\"SEPA Core Direct Debit Mandate\",directDebitSmallPrint:\"By signing this mandate form, you authorise (A) {companyName} to send instructions to your bank to debit your account and (B) your bank to debit your account in accordance with the instruction from {companyName}\",directDebitSuccessDescription:\"{companyName} will appear on your bank statement when payments are taken against the Direct Debit\",directDebitSuccessReference:\"Reference\",directDebitSuccessTitle:\"Direct Debit set up successfully\",dueAt:\"Due at\",dummyApmDescription:\"This is a mocked flow for sandbox. Choose the result you want to test from the list below:\",duplicatePaymentMethodError:\"This payment method is already saved.\",editPaymentMethods:\"Edit saved payment methods\",email:\"Email\",entity:\"Entity\",expiresAt:\"Expires at\",expiryIncomplete:\"Expiry date is incomplete\",expiryInvalid:\"Expiry date is invalid\",expiryMonthInvalid:\"Expiry date month is invalid\",expiryRequired:\"Expiry date is required\",expiryYearInvalid:\"Expiry date year is invalid\",fee_label_fallback:\"Fee\",firstNameErrorRequired:\"First name is required\",firstNameLabel:\"First name\",firstNamePlaceholder:\"First name\",forgetPaymentMethods:\"Forget payment methods\",forgetPayPal:\"Forget PayPal account\",forgetSavedCard:\"Forget saved card ending in {last4Digits}\",fullName:\"First and last name\",getCodeFromBankingApp:\"Get the code from your banking app\",giftCard:\"Gift card\",iban:\"IBAN\",ibanErrorInvalid:\"IBAN is invalid\",ibanErrorRequired:\"IBAN is required\",ibanPlaceholder:\"e.g. GB60 BARC 2000 0055 7799 11\",invalid:\"Invalid\",item_label_fallback:\"Item\",lastNameErrorRequired:\"Last name is required\",lastNameLabel:\"Last name\",lastNamePlaceholder:\"Last name\",loading:\"Loading...\",managePaymentMethods:\"Manage your payment methods\",multibancoFirstStep:\"Payment details for a Multibanco Reference will be created.\",multibancoPayWith:\"Pay with Multibanco\",multibancoPleaseMakePayment:\"Please make the payment at a Multibanco ATM, or through your home banking app.\",multibancoSecondStep:\"Go to a Multibanco ATM or login to your home banking app, then select \\u201CPay for Services\\u201D.\",multibancoThirdStep:\"Enter the Entity, Reference and Amount.\",navigateToPaymentMethods:\"Show other ways to pay\",newPaymentMethod:\"Add a new payment method\",noAdditionalFees:\"No additional fees\",otherWaysToPay:\"Other ways to pay\",pay_with_ach:\"Pay with ACH\",pay_with:\"Pay with\",pay:\"Pay\",payByCard:\"Pay by card\",payByImmediateTransfer:\"Pay by Immediate transfer\",payBySmartTransfer:\"Pay by Bank transfer\",payInInstallments:\"Pay in installments\",paymentMethodPopupLoadingScreenText:\"Hold on! {paymentMethodName} is loading.\",paymentMethodPopupOverlayBringBackThePaymentPage:\"Bring back the payment page\",paymentMethodPopupOverlayClose:\"Close\",paymentMethodPopupOverlayDescription:\"Having trouble viewing the {paymentMethodName} payment page? We'll help you find it!\",paymentMethodPopupOverlayNonFocusDescription:\"Open the {paymentMethodName} payment page to review your payment.\",paymentMethodTypeKlarna:\"Pay later\",paymentMethodTypeKlarnaAccount:\"Pay over time\",paymentMethodTypeKlarnaPaynow:\"Pay now\",payViaBankTransfer:\"Pay via bank transfer\",payWithAch:\"Pay with ACH\",payWithCard:\"Or pay with card\",payWithCrypto:\"Pay with crypto\",pleaseTransferFunds:\"Please Transfer funds to the provided DBS bank account using your Singapore based bank account via FAST (preferred), MEPS or GIRO.\",postalCode:\"Postal code\",postalCodeErrorRequired:\"Postal code is required\",postalCodeLabel:\"Postal code\",postalCodePlaceholder:\"90210\",previouslyUsed:\"Previously used:\",qrCode:\"QR Code\",reference:\"Reference\",required:\"Required\",retry_button:\"Retry\",savedPaymentMethodsEmpty:\"Enter your card details below to add a new payment method\",savePaymentMethod:\"Save payment method\",scanToPay:\"Scan to pay or take a screenshot\",sepaCreditTransfer:\"SEPA Credit Transfer\",sepaDirectDebit:\"SEPA Direct Debit\",session_complete_payment_cancellation_title:\"Payment cancelled\",session_complete_payment_failure_title:\"Payment failed\",session_complete_payment_success_title:\"Payment authorized\",setUpDirectDebit:\"Set up Direct Debit\",shipping_address_unsupported_error:\"We do not ship to this address\",shipping:\"Shipping\",subtotal:\"Subtotal\",showPaymentDetails:\"Show payment details\",sixDigitCodeErrorNumeric:\"Six digit code should only contain numbers\",sixDigitCodeErrorRequired:\"Six digit code is required\",sixDigitCodeErrorTooShort:\"Code is too short\",sixDigitCodeLabel:\"Six digit code\",sixDigitCodePlaceholder:\"123456\",something_went_wrong_error:\"Something went wrong. Please try again.\",stateErrorRequired:\"State, Region or County is required\",stateLabel:\"State / Region / County\",statePlaceholder:\"State / Region / County\",street:\"Street\",streetPlaceholder:\"My street\",stripe_ach_mandate_accept_button:\"Accept\",stripe_ach_mandate_cancel_payment_button:\"Cancel payment\",stripe_ach_mandate_not_accepted_description:\"Mandate was not accepted\",stripe_ach_mandate_template_web:`By clicking Accept, you authorize {merchantName} to debit the selected bank account for any amount owed for charges arising from your use of {merchantName}\\u2019s services and/or purchase of products from {merchantName}, pursuant to {merchantName}\\u2019s website and terms, until this authorization is revoked. You may amend or cancel this authorization at any time by providing notice to {merchantName} with 30 (thirty) days notice. If you use {merchantName}\\u2019s services or purchase additional products periodically pursuant to {merchantName}\\u2019s terms, you authorize {merchantName} to debit your bank account periodically. Payments that fall outside the regular debits authorized above will only be debited after your authorization is obtained.`,stripe_ach_payment_request_cancelled:\"Please try again or select another bank\",stripe_ach_payment_request_completed_successfully:\"You have now authorized your bank account to be debited. You will be notified via email once the payment has been collected successfully.\",stripe_ach_user_details_collection_continue_button:\"Continue\",stripe_ach_user_details_collection_data_usage_label:\"We'll only use this to keep you updated about your payment\",stripe_ach_user_details_collection_email_address_label:\"Email address\",stripe_ach_user_details_collection_first_name_label:\"First name\",stripe_ach_user_details_collection_invalid_email_address:\"The email address you entered doesn't look like a real email address. Please make sure it includes an '@' and a domain (like '@example.com').\",stripe_ach_user_details_collection_invalid_first_name:\"Please enter a valid first name. Avoid using numbers or special characters.\",stripe_ach_user_details_collection_invalid_last_name:\"Please enter a valid last name. Avoid using numbers or special characters.\",stripe_ach_user_details_collection_last_name_label:\"Last name\",stripe_ach_user_details_collection_subtitle_label:\"Your personal details\",suburb:\"Suburb\",suburbPlaceholder:\"My suburb\",telephoneNumberErrorRequired:\"Phone number is required\",telephoneNumberErrorTooShort:\"Phone number is too short\",telephoneNumberLabel:\"Phone number\",telephoneNumberPlaceholder:\"123xxxxxx\",timeOnDate:\"{time} on {date}\",tokenizationError:\"Your payment could not be processed. Please try another payment method.\",unsupportedCardType:\"Unsupported card type\",uploadScreenshot:\"Upload the screenshot in your banking app\",yourBankDetails:\"Your bank details\"}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "a",
-          "declaration": {
-            "name": "t",
-            "module": "dist/chunks/chunk.TIWM3PQ7.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/chunks/cs.XQGMKIF3.js",
+      "path": "dist/chunks/cs.JT4THDDV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1861,14 +1861,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/cs.XQGMKIF3.js"
+            "module": "dist/chunks/cs.JT4THDDV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/da.HKIIDZRJ.js",
+      "path": "dist/chunks/da.EM7SEPAQ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1882,14 +1882,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/da.HKIIDZRJ.js"
+            "module": "dist/chunks/da.EM7SEPAQ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/de.O6IUA6FB.js",
+      "path": "dist/chunks/de.K6IE7XOI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1903,14 +1903,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/de.O6IUA6FB.js"
+            "module": "dist/chunks/de.K6IE7XOI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/el.F35KS4NO.js",
+      "path": "dist/chunks/el.3CKRNQD5.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1924,14 +1924,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/el.F35KS4NO.js"
+            "module": "dist/chunks/el.3CKRNQD5.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/en-GB.PU23XE2E.js",
+      "path": "dist/chunks/en-GB.LG2PPT2V.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1945,14 +1945,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/en-GB.PU23XE2E.js"
+            "module": "dist/chunks/en-GB.LG2PPT2V.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/en.HQJMDTVQ.js",
+      "path": "dist/chunks/en.47EGLMYC.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1966,14 +1966,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/en.HQJMDTVQ.js"
+            "module": "dist/chunks/en.47EGLMYC.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es-AR.OZ6CT5HA.js",
+      "path": "dist/chunks/es-AR.ND7EGZHB.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1987,14 +1987,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/es-AR.OZ6CT5HA.js"
+            "module": "dist/chunks/es-AR.ND7EGZHB.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es-MX.E4FWJ3FK.js",
+      "path": "dist/chunks/es-MX.6QU35A6L.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2008,14 +2008,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/es-MX.E4FWJ3FK.js"
+            "module": "dist/chunks/es-MX.6QU35A6L.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es.HEWO2JY7.js",
+      "path": "dist/chunks/es.SMVRR5QO.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2029,14 +2029,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/es.HEWO2JY7.js"
+            "module": "dist/chunks/es.SMVRR5QO.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/et-EE.3GAJR6UB.js",
+      "path": "dist/chunks/et-EE.BRBL5QIG.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2050,14 +2050,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/et-EE.3GAJR6UB.js"
+            "module": "dist/chunks/et-EE.BRBL5QIG.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/fi-FI.4TB5AYVQ.js",
+      "path": "dist/chunks/fi-FI.TPQGZ5V7.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2071,14 +2071,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/fi-FI.4TB5AYVQ.js"
+            "module": "dist/chunks/fi-FI.TPQGZ5V7.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/fr.5GQNZ4TX.js",
+      "path": "dist/chunks/fr.WWOUUKQI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2092,14 +2092,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/fr.5GQNZ4TX.js"
+            "module": "dist/chunks/fr.WWOUUKQI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/he.WGVF57WV.js",
+      "path": "dist/chunks/he.OVEJBPUX.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2113,7 +2113,7 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/he.WGVF57WV.js"
+            "module": "dist/chunks/he.OVEJBPUX.js"
           }
         }
       ]
@@ -2141,7 +2141,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/hu.RX3HFOR5.js",
+      "path": "dist/chunks/hu.7LEUFJ5J.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2155,14 +2155,14 @@
           "name": "templates",
           "declaration": {
             "name": "s",
-            "module": "dist/chunks/hu.RX3HFOR5.js"
+            "module": "dist/chunks/hu.7LEUFJ5J.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/id.3SO7FJHW.js",
+      "path": "dist/chunks/id.TFWG6VOU.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2176,14 +2176,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/id.3SO7FJHW.js"
+            "module": "dist/chunks/id.TFWG6VOU.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/it.Y7247AOF.js",
+      "path": "dist/chunks/it.3SV7XLRR.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2197,14 +2197,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/it.Y7247AOF.js"
+            "module": "dist/chunks/it.3SV7XLRR.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ja.L6PF6O6A.js",
+      "path": "dist/chunks/ja.P6C656R7.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2218,14 +2218,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ja.L6PF6O6A.js"
+            "module": "dist/chunks/ja.P6C656R7.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ko.X53AFCXY.js",
+      "path": "dist/chunks/ko.VOUHNCJ7.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2239,14 +2239,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ko.X53AFCXY.js"
+            "module": "dist/chunks/ko.VOUHNCJ7.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lt-LT.HMQT67X4.js",
+      "path": "dist/chunks/lt-LT.AFL7G4NO.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2260,14 +2260,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lt-LT.HMQT67X4.js"
+            "module": "dist/chunks/lt-LT.AFL7G4NO.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lt.YJ3FR7A2.js",
+      "path": "dist/chunks/lt.TRKH4J6L.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2281,14 +2281,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lt.YJ3FR7A2.js"
+            "module": "dist/chunks/lt.TRKH4J6L.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lv-LV.HLFWSCCR.js",
+      "path": "dist/chunks/lv-LV.TGTBYQYP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2302,14 +2302,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lv-LV.HLFWSCCR.js"
+            "module": "dist/chunks/lv-LV.TGTBYQYP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lv.DEK5WXQB.js",
+      "path": "dist/chunks/lv.HZTEA2Q2.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2323,14 +2323,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lv.DEK5WXQB.js"
+            "module": "dist/chunks/lv.HZTEA2Q2.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ms.E6PXJ4SR.js",
+      "path": "dist/chunks/ms.QEKTVYHX.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2344,14 +2344,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ms.E6PXJ4SR.js"
+            "module": "dist/chunks/ms.QEKTVYHX.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nb.7357HC5J.js",
+      "path": "dist/chunks/nb.HRDZEYXV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2365,14 +2365,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/nb.7357HC5J.js"
+            "module": "dist/chunks/nb.HRDZEYXV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nl.QBFQWQBY.js",
+      "path": "dist/chunks/nl.2R7WVAV3.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2386,14 +2386,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/nl.QBFQWQBY.js"
+            "module": "dist/chunks/nl.2R7WVAV3.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nl_NL.RS7W3XGO.js",
+      "path": "dist/chunks/nl_NL.KHWKCZMK.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2407,14 +2407,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/nl_NL.RS7W3XGO.js"
+            "module": "dist/chunks/nl_NL.KHWKCZMK.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pl.FSJRWYQ5.js",
+      "path": "dist/chunks/pl.D6YHYKB6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2428,14 +2428,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/pl.FSJRWYQ5.js"
+            "module": "dist/chunks/pl.D6YHYKB6.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pt-BR.WVYS3Y2I.js",
+      "path": "dist/chunks/pt-BR.3NGFYB4U.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2449,14 +2449,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/pt-BR.WVYS3Y2I.js"
+            "module": "dist/chunks/pt-BR.3NGFYB4U.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pt.LUSIBC5X.js",
+      "path": "dist/chunks/pt.LYW2A6VH.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2470,14 +2470,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/pt.LUSIBC5X.js"
+            "module": "dist/chunks/pt.LYW2A6VH.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ro.TKERTYBG.js",
+      "path": "dist/chunks/ro.ILTDKZ2H.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2491,14 +2491,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ro.TKERTYBG.js"
+            "module": "dist/chunks/ro.ILTDKZ2H.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ru.VPEQHZ2S.js",
+      "path": "dist/chunks/ru.KJZFKIJM.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2512,14 +2512,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ru.VPEQHZ2S.js"
+            "module": "dist/chunks/ru.KJZFKIJM.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sk.QFMGH6WL.js",
+      "path": "dist/chunks/sk.5POYRJGA.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2533,14 +2533,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/sk.QFMGH6WL.js"
+            "module": "dist/chunks/sk.5POYRJGA.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sl.RUAKKCKD.js",
+      "path": "dist/chunks/sl.GN5UGR5G.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2554,14 +2554,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/sl.RUAKKCKD.js"
+            "module": "dist/chunks/sl.GN5UGR5G.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sr-RS.WSZIECEH.js",
+      "path": "dist/chunks/sr-RS.T3II5ZYL.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2575,14 +2575,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/sr-RS.WSZIECEH.js"
+            "module": "dist/chunks/sr-RS.T3II5ZYL.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sv.AHI2S45X.js",
+      "path": "dist/chunks/sv.63HB4O5X.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2596,14 +2596,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/sv.AHI2S45X.js"
+            "module": "dist/chunks/sv.63HB4O5X.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/th.ZKRE26WN.js",
+      "path": "dist/chunks/th.AZ4SQZFW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2617,14 +2617,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/th.ZKRE26WN.js"
+            "module": "dist/chunks/th.AZ4SQZFW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/tr.6NOOTQVO.js",
+      "path": "dist/chunks/tr.WDGRPXBK.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2638,14 +2638,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/tr.6NOOTQVO.js"
+            "module": "dist/chunks/tr.WDGRPXBK.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/uk-UA.A6S7PXDN.js",
+      "path": "dist/chunks/uk-UA.GYXXM7FX.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2659,14 +2659,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/uk-UA.A6S7PXDN.js"
+            "module": "dist/chunks/uk-UA.GYXXM7FX.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/vi.4Z5L3EAS.js",
+      "path": "dist/chunks/vi.TBVAKNJJ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2680,7 +2680,7 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/vi.4Z5L3EAS.js"
+            "module": "dist/chunks/vi.TBVAKNJJ.js"
           }
         }
       ]
@@ -2708,7 +2708,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/zh-CN.SN6TXY6W.js",
+      "path": "dist/chunks/zh-CN.NK7PKUS6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2722,7 +2722,7 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/zh-CN.SN6TXY6W.js"
+            "module": "dist/chunks/zh-CN.NK7PKUS6.js"
           }
         }
       ]
@@ -10908,21 +10908,42 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/blik/blik.component.ts",
+      "path": "src/containers/card-form/card-form-context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "cardFormContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "cardFormContext",
+          "declaration": {
+            "name": "cardFormContext",
+            "module": "src/containers/card-form/card-form-context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/containers/card-form/card-form.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "BLIK Payment Component\n\nConsolidated component handling BLIK payment flow from button click through\npayment completion. Uses a 4-state machine for managing the user experience.",
-          "name": "BlikComponent",
+          "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.",
+          "name": "CardFormComponent",
           "members": [
             {
               "kind": "field",
-              "name": "paymentMethod",
+              "name": "hideLabels",
               "type": {
-                "text": "InitializedPaymentMethod"
+                "text": "boolean"
               },
-              "description": "Payment method configuration",
-              "attribute": "paymentMethod"
+              "default": "false",
+              "attribute": "hide-labels",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10931,200 +10952,296 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables component interaction when true",
               "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "paymentManagers",
+              "name": "hasAssignedContent",
               "type": {
-                "text": "InitializedManagersMap"
+                "text": "boolean"
               },
-              "default": "new Map()"
+              "privacy": "private",
+              "default": "false",
+              "description": "Tracks whether custom content has been provided via slot"
             },
             {
               "kind": "field",
-              "name": "currentState",
+              "name": "selectedCardNetwork",
               "type": {
-                "text": "BlikState"
+                "text": "string | null"
               },
               "privacy": "private",
-              "default": "'collapsed'"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "blikCode",
+              "name": "formErrorMessage",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "null",
+              "description": "Form-level error message to display"
             },
             {
               "kind": "field",
-              "name": "errorMessage",
+              "name": "paymentMethodSelectionSent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "false",
+              "description": "Flag to track if PAYMENT_METHOD_SELECTION event has been sent"
             },
             {
               "kind": "field",
-              "name": "pollingDuration",
+              "name": "paymentManagers",
               "type": {
-                "text": "number"
+                "text": "InitializedManagersMap"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "new Map()",
+              "description": "Payment managers injected from context",
+              "attribute": "paymentManagers"
             },
             {
               "kind": "field",
-              "name": "pollingTimer",
+              "name": "clientOptions",
               "type": {
-                "text": "number | null"
+                "text": "ClientOptionsContextType"
+              },
+              "default": "null",
+              "description": "Client options for configuration"
+            },
+            {
+              "kind": "field",
+              "name": "headlessUtils",
+              "type": {
+                "text": "HeadlessUtilsContextType"
+              },
+              "default": "null",
+              "description": "Headless utils for accessing server configuration"
+            },
+            {
+              "kind": "field",
+              "name": "analyticsUtils",
+              "type": {
+                "text": "AnalyticsContextType"
+              },
+              "default": "null",
+              "description": "Analytics utils for sending analytics events"
+            },
+            {
+              "kind": "field",
+              "name": "contextEventsController",
+              "type": {
+                "text": "EventsContextType"
               },
+              "default": "null",
+              "description": "Events controller from context for receiving forwarded events"
+            },
+            {
+              "kind": "field",
+              "name": "cardFormProvider",
               "privacy": "private",
-              "default": "null"
+              "readonly": true,
+              "default": "new ContextProvider(this, { context: cardFormContext, initialValue: null, })",
+              "description": "Context provider for card form data"
             },
             {
               "kind": "field",
-              "name": "loadManagerTask",
+              "name": "shouldShowCardholderName",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether to show the cardholder name field\nUses client configuration with fallback to default (true)",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "shouldRequireCardholderName",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether the cardholder name field is required\nUses client configuration with fallback to default (false)",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "eventsController",
               "privacy": "private",
-              "default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error('BLIK payment method manager not initialized'); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'ADYEN_BLIK') { throw new Error('Invalid payment method type for BLIK component'); } return managerEntry.manager; }, })",
-              "description": "Manager loading task\nValidates BLIK manager exists before allowing payment flow\n\nThis Task provides reactive validation of manager availability:\n- Automatically re-runs when paymentMethod or paymentManagers change\n- Provides type-safe access to the BLIK manager\n- Enables early error detection before user interaction\n\nUnlike native payment methods (Apple Pay, Google Pay, PayPal) which use a\ntwo-task pattern (manager loading + button rendering), BLIK only needs the\nmanager loading task because it renders its own UI via Lit templates."
+              "readonly": true,
+              "default": "new PrimerEventsController(this)",
+              "description": "Events controller for dispatching form events"
             },
             {
               "kind": "field",
-              "name": "handleButtonClick",
+              "name": "_contextCardSubmitListener",
+              "type": {
+                "text": "((event: CustomEvent) => void) | null"
+              },
               "privacy": "private",
-              "description": "Handles button click to toggle between collapsed and expanded states"
+              "default": "null",
+              "description": "External event listener reference for cleanup"
             },
             {
               "kind": "field",
-              "name": "handleCollapse",
+              "name": "_isHandlingContextEvent",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "description": "Handles collapsing the form back to button-only view\nResets form state when user clicks button to collapse"
+              "default": "false",
+              "description": "Flag to prevent circular event loop when handling events"
             },
             {
               "kind": "field",
-              "name": "handleInput",
+              "name": "inputControllers",
               "privacy": "private",
-              "description": "Handles input changes, validates numeric input, and auto-submits on 6 digits"
+              "readonly": true,
+              "default": "new Map< HostedInputType, IHostedInputController >()",
+              "description": "Registry for input controllers to enable context-driven meta state management"
             },
             {
               "kind": "field",
-              "name": "handleRetry",
+              "name": "setupCardFormTask",
               "privacy": "private",
-              "description": "Handles retry button click"
+              "readonly": true,
+              "default": "new Task(this, { task: ([cardManager]) => { if (!cardManager?.manager) return initialState; const { manager } = cardManager; const hostedInputs = manager.createHostedInputs(); const { cardNumberInput, expiryInput, cvvInput } = hostedInputs; this.cardFormProvider.setValue({ // Temporarily set any so we can toggle between sdk v2 and new sdk core cardholderNameInput: ( hostedInputs as { cardholderNameInput?: IHeadlessHostedInput } ).cardholderNameInput, cardNumberInput, expiryInput, cvvInput, setCardholderName: (val: string) => { manager.setCardholderName(val); if (this.shouldRequireCardholderName) { manager.validate?.().then((validationResult) => { const errors = validationResult?.validationErrors; const cardholderNameError = errors?.find( (error) => error.name === fieldToInputType.cardholderName, ); const controller = this.inputControllers.get( HostedInputType.CARD_HOLDER_NAME, ); if (controller) { controller.updateMetaFromValidation({ valid: false, error: cardholderNameError?.message || cardholderNameError?.error || null, errorCode: cardholderNameError?.message || cardholderNameError?.error || null, }); } }); } }, setCardNetwork: (val: string) => { this.selectedCardNetwork = val; }, validate: () => manager.validate(), submit: (args) => manager.submit(args), hideLabels: this.hideLabels, disabled: this.disabled, // New meta state management methods setSubmissionState: (submitted: boolean) => { this.inputControllers.forEach((controller) => { controller.setSubmitted(submitted); }); }, propagateValidationErrors: (errors: InputValidationError[]) => { if (!errors) return; errors.forEach((error) => { const fieldName = error.field || error.name; const errorMessage = error.message || error.error; const inputType = fieldToInputType[fieldName]; if (inputType) { const controller = this.inputControllers.get(inputType); if (controller) { const updateData = { valid: false, error: errorMessage, errorCode: errorMessage, // Use error message (localization key) instead of field name }; controller.updateMetaFromValidation(updateData); } } }); }, registerInputController: ( inputType: HostedInputType, controller: IHostedInputController, ) => { this.inputControllers.set(inputType, controller); }, unregisterInputController: (inputType: HostedInputType) => { this.inputControllers.delete(inputType); }, onUserInteraction: () => { this.sendPaymentMethodSelectionEvent(); this.checkAndSendPaymentDetailsEnteredEvent(); }, }); return true; }, args: () => [this.paymentManagers.get('PAYMENT_CARD')], })",
+              "description": "Task to set up the card form with hosted inputs"
             },
             {
               "kind": "method",
-              "name": "startPollingTimer",
+              "name": "sendPaymentMethodSelectionEvent",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Starts polling timer to track payment duration"
+              "description": "Sends PAYMENT_METHOD_SELECTION analytics event when user first interacts with card form"
             },
             {
               "kind": "method",
-              "name": "stopPollingTimer",
+              "name": "checkAndSendPaymentDetailsEnteredEvent",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Stops and resets polling timer"
+              "description": "Checks if all required fields are filled and sends PAYMENT_DETAILS_ENTERED event"
             },
             {
-              "kind": "method",
-              "name": "submitBlikCode",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
+              "kind": "field",
+              "name": "paymentDetailsEnteredSent",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Validates and submits the BLIK code"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "method",
-              "name": "renderCollapsed",
+              "name": "sendPaymentDetailsEnteredEvent",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
-              "description": "Renders the collapsed button state"
+              "description": "Sends PAYMENT_DETAILS_ENTERED analytics event when all payment details are complete and valid"
             },
             {
-              "kind": "method",
-              "name": "renderExpandedInput",
+              "kind": "field",
+              "name": "handleSlotButtonClick",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
+              "description": "Handles click events from slotted content.\nSupports both native <button> and custom <primer-button> elements."
+            },
+            {
+              "kind": "field",
+              "name": "handleDirectSubmit",
+              "privacy": "private",
+              "description": "Handles direct submit events from child components\nThis is a backup method to catch all possible submission events"
+            },
+            {
+              "kind": "method",
+              "name": "setupContextEventListeners",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
-              "description": "Renders the expanded input state"
+              "description": "Sets up event listeners for context-forwarded events"
             },
             {
               "kind": "method",
-              "name": "renderLoading",
+              "name": "cleanupContextEventListeners",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
-              "description": "Renders the loading state"
+              "description": "Cleans up context event listeners"
+            },
+            {
+              "kind": "field",
+              "name": "handleContextCardSubmit",
+              "privacy": "private",
+              "description": "Handles primer:card-submit events received from the events context\nThis allows the card form to respond to external submit triggers"
             },
             {
               "kind": "method",
-              "name": "renderError",
+              "name": "isSubmitButton",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "boolean"
                 }
               },
-              "description": "Renders the error state"
+              "parameters": [
+                {
+                  "name": "button",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Determines if a button is a submit button based on its attributes"
+            },
+            {
+              "kind": "field",
+              "name": "onSlotChange",
+              "privacy": "private",
+              "description": "Handles slot change events to detect custom content"
             },
             {
               "kind": "method",
-              "name": "renderExpandedState",
+              "name": "submitCardPayment",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult | typeof nothing"
+                  "text": "Promise<void>"
                 }
               },
-              "description": "Renders the appropriate expanded state based on current state"
-            }
-          ],
-          "events": [
-            {
-              "description": "Dispatched on successful payment",
-              "name": "primer-payment-success"
+              "description": "Handles the card form submission.\nValidates the form and dispatches either a submit success or errors event."
             },
             {
-              "description": "Dispatched on payment error",
-              "name": "primer-payment-error"
+              "kind": "field",
+              "name": "handleFormSubmit",
+              "privacy": "private",
+              "description": "Event handler for form submission\nHandles both native form submissions and custom events"
             }
           ],
           "attributes": [
             {
-              "name": "paymentMethod",
+              "name": "hide-labels",
               "type": {
-                "text": "InitializedPaymentMethod"
+                "text": "boolean"
               },
-              "description": "Payment method configuration",
-              "fieldName": "paymentMethod"
+              "default": "false",
+              "fieldName": "hideLabels"
             },
             {
               "name": "disabled",
@@ -11132,111 +11249,145 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables component interaction when true",
               "fieldName": "disabled"
+            },
+            {
+              "name": "paymentManagers",
+              "type": {
+                "text": "InitializedManagersMap"
+              },
+              "default": "new Map()",
+              "description": "Payment managers injected from context",
+              "fieldName": "paymentManagers"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "primer-blik",
+          "tagName": "primer-card-form",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BlikComponent",
+          "name": "CardFormComponent",
           "declaration": {
-            "name": "BlikComponent",
-            "module": "src/containers/blik/blik.component.ts"
+            "name": "CardFormComponent",
+            "module": "src/containers/card-form/card-form.component.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "primer-blik",
+          "name": "primer-card-form",
           "declaration": {
-            "name": "BlikComponent",
-            "module": "src/containers/blik/blik.component.ts"
+            "name": "CardFormComponent",
+            "module": "src/containers/card-form/card-form.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/blik/blik.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css` :host { display: flex; width: 100%; } .blik-container { width: 100%; display: flex; flex-direction: column; transition: all var(--primer-animation-duration) var(--primer-animation-easing); } .blik-container.expanded { border-radius: var(--primer-radius-medium); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); padding: var(--primer-space-large); } /* Button styles (collapsed state) */ primer-button.blik-button { width: 100%; } /* Override primer-button part styles for BLIK branding */ primer-button.blik-button::part(button) { /* BLIK brand requirement: Black background (#000000) with white logo */ background-color: #000000; border: none; color: var(--primer-color-text-primary); padding: 2px; display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); /* Fixed height for button - matches redirect payment method calculation */ height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); flex-shrink: 0; /* Prevent button from shrinking when form appears */ } /* Image container for button logo */ .image-container { display: flex; justify-content: center; align-items: center; min-width: 100px; height: 100%; flex-shrink: 0; flex-grow: 1; } /* Button logo */ img { max-width: 100px; width: 100%; height: auto; object-fit: cover; max-height: 98%; } /* Expanded content (form, loading, error states) */ .blik-expanded-content { width: 100%; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--primer-animation-duration) var(--primer-animation-easing); overflow: hidden; margin-top: var(--primer-space-medium); } .blik-container.expanded .blik-expanded-content { grid-template-rows: 1fr; } .blik-content-wrapper { overflow: hidden; } /* Input wrapper */ .blik-input-wrapper { display: flex; flex-direction: column; gap: var(--primer-space-small); } /* Input label */ .blik-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); } /* Input field */ .blik-input { width: 100%; padding: var(--primer-space-medium); font-family: var(--primer-typography-body-large-font); font-size: var(--primer-typography-body-large-size); font-weight: var(--primer-typography-body-large-weight); line-height: var(--primer-typography-body-large-line-height); /* Increase spacing between digits for better 6-digit code readability */ letter-spacing: 0.25em; text-align: center; color: var(--primer-color-text-primary); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); border-radius: var(--primer-radius-medium); outline: none; transition: border-color var(--primer-animation-duration) var(--primer-animation-easing); } .blik-input::placeholder { color: var(--primer-color-text-secondary); /* Reduce placeholder visibility to emphasize user input */ opacity: 0.5; } .blik-input:focus { border-color: var(--primer-color-border-outlined-focus); } .blik-input:disabled { background-color: var(--primer-color-background-outlined-disabled); border-color: var(--primer-color-border-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Loading state */ .blik-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); } /* Timeout warning */ .blik-timeout-warning { margin-top: var(--primer-space-medium); padding: var(--primer-space-small); font-size: var(--primer-typography-body-small-size); color: var(--primer-color-text-warning); text-align: center; border-radius: var(--primer-radius-small); background-color: var(--primer-color-surface-warning); } /* Error state */ .blik-error { display: flex; flex-direction: column; align-items: center; gap: var(--primer-space-medium); } .blik-error-message { 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); text-align: center; } /* Retry button */ .blik-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; transition: filter var(--primer-animation-duration) var(--primer-animation-easing); } .blik-retry-button:hover:not(:disabled) { filter: brightness(105%); } .blik-retry-button:active:not(:disabled) { filter: brightness(98%); } .blik-retry-button:focus-visible { outline: 2px solid var(--primer-color-brand); outline-offset: 2px; } .blik-retry-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Disabled state styling */ :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%); } /* Responsive typography for larger screens */ @media (min-width: 768px) { .blik-input { font-size: var(--primer-typography-title-large-size); } } `"
-        }
-      ],
+      "path": "src/containers/card-form/card-form.styles.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "default",
           "declaration": {
-            "name": "styles",
-            "module": "src/containers/blik/blik.styles.ts"
+            "module": "src/containers/card-form/card-form.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/blik/blik.ts",
+      "path": "src/containers/card-form/card-form.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "Blik",
+          "name": "CardFormCardNumber",
           "declaration": {
-            "name": "BlikComponent",
-            "module": "src/containers/blik/blik.ts"
+            "name": "CardFormCardNumber",
+            "module": "./components"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/containers/card-form/card-form-context.ts",
-      "declarations": [
+        },
         {
-          "kind": "variable",
-          "name": "cardFormContext"
-        }
-      ],
-      "exports": [
+          "kind": "js",
+          "name": "CardFormCVV",
+          "declaration": {
+            "name": "CardFormCVV",
+            "module": "./components"
+          }
+        },
         {
           "kind": "js",
-          "name": "cardFormContext",
+          "name": "CardFormExpiry",
           "declaration": {
-            "name": "cardFormContext",
-            "module": "src/containers/card-form/card-form-context.ts"
+            "name": "CardFormExpiry",
+            "module": "./components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormName",
+          "declaration": {
+            "name": "CardFormName",
+            "module": "./components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormSubmit",
+          "declaration": {
+            "name": "CardFormSubmit",
+            "module": "./components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormCardNetworkSelector",
+          "declaration": {
+            "name": "CardFormCardNetworkSelector",
+            "module": "./components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardForm",
+          "declaration": {
+            "name": "CardFormComponent",
+            "module": "src/containers/card-form/card-form.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/card-form/card-form.component.ts",
+      "path": "src/containers/card-form/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/containers/blik/blik.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.",
-          "name": "CardFormComponent",
+          "description": "BLIK Payment Component\n\nConsolidated component handling BLIK payment flow from button click through\npayment completion. Uses a 4-state machine for managing the user experience.",
+          "name": "BlikComponent",
           "members": [
             {
               "kind": "field",
-              "name": "hideLabels",
+              "name": "paymentMethod",
               "type": {
-                "text": "boolean"
+                "text": "InitializedPaymentMethod"
               },
-              "default": "false",
-              "attribute": "hide-labels",
-              "reflects": true
+              "description": "Payment method configuration",
+              "attribute": "paymentMethod"
             },
             {
               "kind": "field",
@@ -11245,296 +11396,200 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables component interaction when true",
               "attribute": "disabled"
             },
-            {
-              "kind": "field",
-              "name": "hasAssignedContent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Tracks whether custom content has been provided via slot"
-            },
-            {
-              "kind": "field",
-              "name": "selectedCardNetwork",
-              "type": {
-                "text": "string | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "formErrorMessage",
-              "type": {
-                "text": "string | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "description": "Form-level error message to display"
-            },
-            {
-              "kind": "field",
-              "name": "paymentMethodSelectionSent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Flag to track if PAYMENT_METHOD_SELECTION event has been sent"
-            },
             {
               "kind": "field",
               "name": "paymentManagers",
               "type": {
                 "text": "InitializedManagersMap"
               },
-              "default": "new Map()",
-              "description": "Payment managers injected from context",
-              "attribute": "paymentManagers"
-            },
-            {
-              "kind": "field",
-              "name": "clientOptions",
-              "type": {
-                "text": "ClientOptionsContextType"
-              },
-              "default": "null",
-              "description": "Client options for configuration"
+              "default": "new Map()"
             },
             {
               "kind": "field",
-              "name": "headlessUtils",
+              "name": "currentState",
               "type": {
-                "text": "HeadlessUtilsContextType"
+                "text": "BlikState"
               },
-              "default": "null",
-              "description": "Headless utils for accessing server configuration"
+              "privacy": "private",
+              "default": "'collapsed'"
             },
             {
               "kind": "field",
-              "name": "analyticsUtils",
+              "name": "blikCode",
               "type": {
-                "text": "AnalyticsContextType"
+                "text": "string"
               },
-              "default": "null",
-              "description": "Analytics utils for sending analytics events"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "contextEventsController",
+              "name": "errorMessage",
               "type": {
-                "text": "EventsContextType"
+                "text": "string"
               },
-              "default": "null",
-              "description": "Events controller from context for receiving forwarded events"
-            },
-            {
-              "kind": "field",
-              "name": "cardFormProvider",
               "privacy": "private",
-              "readonly": true,
-              "default": "new ContextProvider(this, { context: cardFormContext, initialValue: null, })",
-              "description": "Context provider for card form data"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "shouldShowCardholderName",
+              "name": "pollingDuration",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Determines whether to show the cardholder name field\nUses client configuration with fallback to default (true)",
-              "readonly": true
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "shouldRequireCardholderName",
+              "name": "pollingTimer",
               "type": {
-                "text": "boolean"
+                "text": "number | null"
               },
-              "description": "Determines whether the cardholder name field is required\nUses client configuration with fallback to default (false)",
-              "readonly": true
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "eventsController",
+              "name": "loadManagerTask",
               "privacy": "private",
-              "readonly": true,
-              "default": "new PrimerEventsController(this)",
-              "description": "Events controller for dispatching form events"
+              "default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error('BLIK payment method manager not initialized'); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'ADYEN_BLIK') { throw new Error('Invalid payment method type for BLIK component'); } return managerEntry.manager; }, })",
+              "description": "Manager loading task\nValidates BLIK manager exists before allowing payment flow\n\nThis Task provides reactive validation of manager availability:\n- Automatically re-runs when paymentMethod or paymentManagers change\n- Provides type-safe access to the BLIK manager\n- Enables early error detection before user interaction\n\nUnlike native payment methods (Apple Pay, Google Pay, PayPal) which use a\ntwo-task pattern (manager loading + button rendering), BLIK only needs the\nmanager loading task because it renders its own UI via Lit templates."
             },
             {
               "kind": "field",
-              "name": "_contextCardSubmitListener",
-              "type": {
-                "text": "((event: CustomEvent) => void) | null"
-              },
+              "name": "handleButtonClick",
               "privacy": "private",
-              "default": "null",
-              "description": "External event listener reference for cleanup"
+              "description": "Handles button click to toggle between collapsed and expanded states"
             },
             {
               "kind": "field",
-              "name": "_isHandlingContextEvent",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "handleCollapse",
               "privacy": "private",
-              "default": "false",
-              "description": "Flag to prevent circular event loop when handling events"
+              "description": "Handles collapsing the form back to button-only view\nResets form state when user clicks button to collapse"
             },
             {
               "kind": "field",
-              "name": "inputControllers",
+              "name": "handleInput",
               "privacy": "private",
-              "readonly": true,
-              "default": "new Map< HostedInputType, IHostedInputController >()",
-              "description": "Registry for input controllers to enable context-driven meta state management"
+              "description": "Handles input changes, validates numeric input, and auto-submits on 6 digits"
             },
             {
               "kind": "field",
-              "name": "setupCardFormTask",
+              "name": "handleRetry",
               "privacy": "private",
-              "readonly": true,
-              "default": "new Task(this, { task: ([cardManager]) => { if (!cardManager?.manager) return initialState; const { manager } = cardManager; const hostedInputs = manager.createHostedInputs(); const { cardNumberInput, expiryInput, cvvInput } = hostedInputs; this.cardFormProvider.setValue({ // Temporarily set any so we can toggle between sdk v2 and new sdk core cardholderNameInput: ( hostedInputs as { cardholderNameInput?: IHeadlessHostedInput } ).cardholderNameInput, cardNumberInput, expiryInput, cvvInput, setCardholderName: (val: string) => { manager.setCardholderName(val); if (this.shouldRequireCardholderName) { manager.validate?.().then((validationResult) => { const errors = validationResult?.validationErrors; const cardholderNameError = errors?.find( (error) => error.name === fieldToInputType.cardholderName, ); const controller = this.inputControllers.get( HostedInputType.CARD_HOLDER_NAME, ); if (controller) { controller.updateMetaFromValidation({ valid: false, error: cardholderNameError?.message || cardholderNameError?.error || null, errorCode: cardholderNameError?.message || cardholderNameError?.error || null, }); } }); } }, setCardNetwork: (val: string) => { this.selectedCardNetwork = val; }, validate: () => manager.validate(), submit: (args) => manager.submit(args), hideLabels: this.hideLabels, disabled: this.disabled, // New meta state management methods setSubmissionState: (submitted: boolean) => { this.inputControllers.forEach((controller) => { controller.setSubmitted(submitted); }); }, propagateValidationErrors: (errors: InputValidationError[]) => { if (!errors) return; errors.forEach((error) => { const fieldName = error.field || error.name; const errorMessage = error.message || error.error; const inputType = fieldToInputType[fieldName]; if (inputType) { const controller = this.inputControllers.get(inputType); if (controller) { const updateData = { valid: false, error: errorMessage, errorCode: errorMessage, // Use error message (localization key) instead of field name }; controller.updateMetaFromValidation(updateData); } } }); }, registerInputController: ( inputType: HostedInputType, controller: IHostedInputController, ) => { this.inputControllers.set(inputType, controller); }, unregisterInputController: (inputType: HostedInputType) => { this.inputControllers.delete(inputType); }, onUserInteraction: () => { this.sendPaymentMethodSelectionEvent(); this.checkAndSendPaymentDetailsEnteredEvent(); }, }); return true; }, args: () => [this.paymentManagers.get('PAYMENT_CARD')], })",
-              "description": "Task to set up the card form with hosted inputs"
+              "description": "Handles retry button click"
             },
             {
               "kind": "method",
-              "name": "sendPaymentMethodSelectionEvent",
+              "name": "startPollingTimer",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Sends PAYMENT_METHOD_SELECTION analytics event when user first interacts with card form"
+              "description": "Starts polling timer to track payment duration"
             },
             {
               "kind": "method",
-              "name": "checkAndSendPaymentDetailsEnteredEvent",
+              "name": "stopPollingTimer",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Checks if all required fields are filled and sends PAYMENT_DETAILS_ENTERED event"
-            },
-            {
-              "kind": "field",
-              "name": "paymentDetailsEnteredSent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "Stops and resets polling timer"
             },
             {
               "kind": "method",
-              "name": "sendPaymentDetailsEnteredEvent",
+              "name": "submitBlikCode",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
-              "description": "Sends PAYMENT_DETAILS_ENTERED analytics event when all payment details are complete and valid"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotButtonClick",
-              "privacy": "private",
-              "description": "Handles click events from slotted content.\nSupports both native <button> and custom <primer-button> elements."
-            },
-            {
-              "kind": "field",
-              "name": "handleDirectSubmit",
-              "privacy": "private",
-              "description": "Handles direct submit events from child components\nThis is a backup method to catch all possible submission events"
+              "description": "Validates and submits the BLIK code"
             },
             {
               "kind": "method",
-              "name": "setupContextEventListeners",
+              "name": "renderCollapsed",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
-              "description": "Sets up event listeners for context-forwarded events"
+              "description": "Renders the collapsed button state"
             },
             {
               "kind": "method",
-              "name": "cleanupContextEventListeners",
+              "name": "renderExpandedInput",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
-              "description": "Cleans up context event listeners"
-            },
-            {
-              "kind": "field",
-              "name": "handleContextCardSubmit",
-              "privacy": "private",
-              "description": "Handles primer:card-submit events received from the events context\nThis allows the card form to respond to external submit triggers"
+              "description": "Renders the expanded input state"
             },
             {
               "kind": "method",
-              "name": "isSubmitButton",
+              "name": "renderLoading",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "TemplateResult"
                 }
               },
-              "parameters": [
-                {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "description": "Determines if a button is a submit button based on its attributes"
+              "description": "Renders the loading state"
             },
             {
-              "kind": "field",
-              "name": "onSlotChange",
+              "kind": "method",
+              "name": "renderError",
               "privacy": "private",
-              "description": "Handles slot change events to detect custom content"
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Renders the error state"
             },
             {
               "kind": "method",
-              "name": "submitCardPayment",
+              "name": "renderExpandedState",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "TemplateResult | typeof nothing"
                 }
               },
-              "description": "Handles the card form submission.\nValidates the form and dispatches either a submit success or errors event."
+              "description": "Renders the appropriate expanded state based on current state"
+            }
+          ],
+          "events": [
+            {
+              "description": "Dispatched on successful payment",
+              "name": "primer-payment-success"
             },
             {
-              "kind": "field",
-              "name": "handleFormSubmit",
-              "privacy": "private",
-              "description": "Event handler for form submission\nHandles both native form submissions and custom events"
+              "description": "Dispatched on payment error",
+              "name": "primer-payment-error"
             }
           ],
           "attributes": [
             {
-              "name": "hide-labels",
+              "name": "paymentMethod",
               "type": {
-                "text": "boolean"
+                "text": "InitializedPaymentMethod"
               },
-              "default": "false",
-              "fieldName": "hideLabels"
+              "description": "Payment method configuration",
+              "fieldName": "paymentMethod"
             },
             {
               "name": "disabled",
@@ -11542,128 +11597,73 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables component interaction when true",
               "fieldName": "disabled"
-            },
-            {
-              "name": "paymentManagers",
-              "type": {
-                "text": "InitializedManagersMap"
-              },
-              "default": "new Map()",
-              "description": "Payment managers injected from context",
-              "fieldName": "paymentManagers"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "primer-card-form",
+          "tagName": "primer-blik",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CardFormComponent",
+          "name": "BlikComponent",
           "declaration": {
-            "name": "CardFormComponent",
-            "module": "src/containers/card-form/card-form.component.ts"
+            "name": "BlikComponent",
+            "module": "src/containers/blik/blik.component.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "primer-card-form",
+          "name": "primer-blik",
           "declaration": {
-            "name": "CardFormComponent",
-            "module": "src/containers/card-form/card-form.component.ts"
+            "name": "BlikComponent",
+            "module": "src/containers/blik/blik.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/card-form/card-form.styles.ts",
-      "declarations": [],
+      "path": "src/containers/blik/blik.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css` :host { display: flex; width: 100%; } .blik-container { width: 100%; display: flex; flex-direction: column; transition: all var(--primer-animation-duration) var(--primer-animation-easing); } .blik-container.expanded { border-radius: var(--primer-radius-medium); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); padding: var(--primer-space-large); } /* Button styles (collapsed state) */ primer-button.blik-button { width: 100%; } /* Override primer-button part styles for BLIK branding */ primer-button.blik-button::part(button) { /* BLIK brand requirement: Black background (#000000) with white logo */ background-color: #000000; border: none; color: var(--primer-color-text-primary); padding: 2px; display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); /* Fixed height for button - matches redirect payment method calculation */ height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); flex-shrink: 0; /* Prevent button from shrinking when form appears */ } /* Image container for button logo */ .image-container { display: flex; justify-content: center; align-items: center; min-width: 100px; height: 100%; flex-shrink: 0; flex-grow: 1; } /* Button logo */ img { max-width: 100px; width: 100%; height: auto; object-fit: cover; max-height: 98%; } /* Expanded content (form, loading, error states) */ .blik-expanded-content { width: 100%; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--primer-animation-duration) var(--primer-animation-easing); overflow: hidden; margin-top: var(--primer-space-medium); } .blik-container.expanded .blik-expanded-content { grid-template-rows: 1fr; } .blik-content-wrapper { overflow: hidden; } /* Input wrapper */ .blik-input-wrapper { display: flex; flex-direction: column; gap: var(--primer-space-small); } /* Input label */ .blik-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); } /* Input field */ .blik-input { width: 100%; padding: var(--primer-space-medium); font-family: var(--primer-typography-body-large-font); font-size: var(--primer-typography-body-large-size); font-weight: var(--primer-typography-body-large-weight); line-height: var(--primer-typography-body-large-line-height); /* Increase spacing between digits for better 6-digit code readability */ letter-spacing: 0.25em; text-align: center; color: var(--primer-color-text-primary); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); border-radius: var(--primer-radius-medium); outline: none; transition: border-color var(--primer-animation-duration) var(--primer-animation-easing); } .blik-input::placeholder { color: var(--primer-color-text-secondary); /* Reduce placeholder visibility to emphasize user input */ opacity: 0.5; } .blik-input:focus { border-color: var(--primer-color-border-outlined-focus); } .blik-input:disabled { background-color: var(--primer-color-background-outlined-disabled); border-color: var(--primer-color-border-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Loading state */ .blik-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); } /* Timeout warning */ .blik-timeout-warning { margin-top: var(--primer-space-medium); padding: var(--primer-space-small); font-size: var(--primer-typography-body-small-size); color: var(--primer-color-text-warning); text-align: center; border-radius: var(--primer-radius-small); background-color: var(--primer-color-surface-warning); } /* Error state */ .blik-error { display: flex; flex-direction: column; align-items: center; gap: var(--primer-space-medium); } .blik-error-message { 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); text-align: center; } /* Retry button */ .blik-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; transition: filter var(--primer-animation-duration) var(--primer-animation-easing); } .blik-retry-button:hover:not(:disabled) { filter: brightness(105%); } .blik-retry-button:active:not(:disabled) { filter: brightness(98%); } .blik-retry-button:focus-visible { outline: 2px solid var(--primer-color-brand); outline-offset: 2px; } .blik-retry-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Disabled state styling */ :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%); } /* Responsive typography for larger screens */ @media (min-width: 768px) { .blik-input { font-size: var(--primer-typography-title-large-size); } } `"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "styles",
           "declaration": {
-            "module": "src/containers/card-form/card-form.styles.ts"
+            "name": "styles",
+            "module": "src/containers/blik/blik.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/card-form/card-form.ts",
+      "path": "src/containers/blik/blik.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "CardFormCardNumber",
-          "declaration": {
-            "name": "CardFormCardNumber",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormCVV",
-          "declaration": {
-            "name": "CardFormCVV",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormExpiry",
-          "declaration": {
-            "name": "CardFormExpiry",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormName",
-          "declaration": {
-            "name": "CardFormName",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormSubmit",
-          "declaration": {
-            "name": "CardFormSubmit",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormCardNetworkSelector",
-          "declaration": {
-            "name": "CardFormCardNetworkSelector",
-            "module": "./components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardForm",
+          "name": "Blik",
           "declaration": {
-            "name": "CardFormComponent",
-            "module": "src/containers/card-form/card-form.ts"
+            "name": "BlikComponent",
+            "module": "src/containers/blik/blik.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/containers/card-form/types.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/containers/dynamic-payment/dynamic-payment.component.ts",