@primer-io/primer-js 0.1.6 → 0.1.7

package/dist/custom-elements.json

@@ -19,7 +19,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/primer-components.js",
+      "path": "dist/primer-loader.js",
       "declarations": [
         {
           "kind": "variable",
@@ -183,7 +183,7 @@
         {
           "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=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.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?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}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 c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Xr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${V(this.isDropdownOpen,()=>c` <div ${Xr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Xr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${V(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
+          "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=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.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?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}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 c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Xr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${V(this.isDropdownOpen,()=>c` <div ${Xr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Xr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${V(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
         },
         {
           "kind": "variable",
@@ -244,6 +244,10 @@
           "kind": "variable",
           "name": "qe",
           "default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?c` <primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:h}}"
+        },
+        {
+          "kind": "function",
+          "name": "M0"
         }
       ],
       "exports": [
@@ -252,7 +256,7 @@
           "name": "i",
           "declaration": {
             "name": "e",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -260,7 +264,7 @@
           "name": "i",
           "declaration": {
             "name": "e",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -268,7 +272,7 @@
           "name": "AchPayment",
           "declaration": {
             "name": "pe",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -276,7 +280,7 @@
           "name": "Button",
           "declaration": {
             "name": "de",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -284,7 +288,7 @@
           "name": "CardForm",
           "declaration": {
             "name": "Ee",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -292,7 +296,7 @@
           "name": "CardFormCVV",
           "declaration": {
             "name": "At",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -300,7 +304,7 @@
           "name": "CardFormCardNetworkSelector",
           "declaration": {
             "name": "me",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -308,7 +312,7 @@
           "name": "CardFormCardNumber",
           "declaration": {
             "name": "xt",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -316,7 +320,7 @@
           "name": "CardFormError",
           "declaration": {
             "name": "Ue",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -324,7 +328,7 @@
           "name": "CardFormExpiry",
           "declaration": {
             "name": "_t",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -332,7 +336,7 @@
           "name": "CardFormName",
           "declaration": {
             "name": "St",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -340,7 +344,7 @@
           "name": "CardFormSubmit",
           "declaration": {
             "name": "ce",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -348,7 +352,7 @@
           "name": "Collapsable",
           "declaration": {
             "name": "ae",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -356,7 +360,7 @@
           "name": "Dialog",
           "declaration": {
             "name": "Ct",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -364,7 +368,7 @@
           "name": "DynamicPayment",
           "declaration": {
             "name": "fe",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -372,7 +376,7 @@
           "name": "ErrorMessage",
           "declaration": {
             "name": "ye",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -380,7 +384,7 @@
           "name": "ErrorMessageContainer",
           "declaration": {
             "name": "qe",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -388,7 +392,7 @@
           "name": "InitializedPayments",
           "declaration": {
             "name": "Hr",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -396,7 +400,7 @@
           "name": "Input",
           "declaration": {
             "name": "F",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -404,7 +408,7 @@
           "name": "InputLabel",
           "declaration": {
             "name": "He",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -412,7 +416,7 @@
           "name": "InputWrapper",
           "declaration": {
             "name": "Te",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -420,7 +424,7 @@
           "name": "NativePayment",
           "declaration": {
             "name": "ke",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -428,7 +432,7 @@
           "name": "PaymentMethod",
           "declaration": {
             "name": "ze",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -436,7 +440,7 @@
           "name": "Portal",
           "declaration": {
             "name": "ot",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -444,7 +448,7 @@
           "name": "PrimerCheckoutComplete",
           "declaration": {
             "name": "pr",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -452,7 +456,7 @@
           "name": "PrimerCheckoutComponent",
           "declaration": {
             "name": "le",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -460,7 +464,7 @@
           "name": "PrimerCheckoutFailure",
           "declaration": {
             "name": "kt",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -468,7 +472,7 @@
           "name": "PrimerCheckoutState",
           "declaration": {
             "name": "Ye",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -476,7 +480,7 @@
           "name": "PrimerIcon",
           "declaration": {
             "name": "we",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -484,7 +488,7 @@
           "name": "PrimerKlarna",
           "declaration": {
             "name": "ee",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -492,7 +496,7 @@
           "name": "PrimerMain",
           "declaration": {
             "name": "Fe",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -500,7 +504,7 @@
           "name": "RedirectPayment",
           "declaration": {
             "name": "be",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -508,7 +512,7 @@
           "name": "ShowOtherPayments",
           "declaration": {
             "name": "ct",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -516,7 +520,7 @@
           "name": "Spinner",
           "declaration": {
             "name": "Pe",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -524,7 +528,7 @@
           "name": "VaultCvvInput",
           "declaration": {
             "name": "re",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -532,7 +536,7 @@
           "name": "VaultDeleteConfirmation",
           "declaration": {
             "name": "Ce",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -540,7 +544,7 @@
           "name": "VaultEmptyState",
           "declaration": {
             "name": "wt",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -548,7 +552,7 @@
           "name": "VaultErrorMessage",
           "declaration": {
             "name": "pt",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -556,7 +560,7 @@
           "name": "VaultManager",
           "declaration": {
             "name": "ue",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -564,7 +568,7 @@
           "name": "VaultManagerHeader",
           "declaration": {
             "name": "Ge",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -572,7 +576,7 @@
           "name": "VaultPaymentMethodItem",
           "declaration": {
             "name": "ve",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -580,7 +584,7 @@
           "name": "VaultPaymentSubmit",
           "declaration": {
             "name": "te",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -588,7 +592,7 @@
           "name": "injectDarkTheme",
           "declaration": {
             "name": "nl",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -596,7 +600,7 @@
           "name": "injectLightTheme",
           "declaration": {
             "name": "al",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -604,7 +608,7 @@
           "name": "injectLoaderStyles",
           "declaration": {
             "name": "xa",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
           }
         },
         {
@@ -612,14 +616,22 @@
           "name": "injectThemeStyles",
           "declaration": {
             "name": "Aa",
-            "module": "cdn/primer-components.js"
+            "module": "dist/primer-loader.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "loadPrimer",
+          "declaration": {
+            "name": "M0",
+            "module": "dist/primer-loader.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/primer-loader.js",
+      "path": "dist/primer-react-wrappers.js",
       "declarations": [
         {
           "kind": "variable",
@@ -627,1020 +639,1008 @@
         },
         {
           "kind": "variable",
-          "name": "e"
+          "name": "t"
         },
         {
           "kind": "variable",
-          "name": "Hr",
-          "default": "class{constructor(e){this._methods=e}get(e){return this._methods.get(e)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
+          "name": "Eh"
         },
         {
           "kind": "variable",
-          "name": "le",
-          "default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new Ar(this),this.sdkStateController=new Cr(this),this.primerEventsController=new gt(this),this.styleProcessingController=new _r(this),this.vaultManagerController=new Yt(this),this.cardNetworkController=new fr(this),this.achPaymentEventsController=new zr(this),new Yr(this)}set jsInitialized(t){this.requestUpdate(),this._jsInitialized=t}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(t,r,o){t===Fr.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(t,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(t){t.has(\"options\")&&(this.options?.locale&&(Oi(this.options?.locale)?this.locale=Di(this.options?.locale):R.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),Ri(this.locale||\"en-GB\"))}updated(){let t=getComputedStyle(this);this.sdkContextController.setComputedStyles(t),this.checkLoadingStateChange()}checkLoadingStateChange(){let t=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!t&&(this.jsInitialized=!0),this.previousLoadingState=t,t&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(R.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!t&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let t=this.sdkStateController.currentState,r=t.isLoading,o=t.error,n=!r&&!o;return c` ${V(r,()=>h)} ${V(o,()=>c`<primer-checkout-error></primer-checkout-error>`)} ${V(n,()=>c` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>h,()=>c`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
-        },
-        {
-          "kind": "function",
-          "name": "xa"
-        },
-        {
-          "kind": "function",
-          "name": "Aa"
-        },
-        {
-          "kind": "function",
-          "name": "al"
-        },
-        {
-          "kind": "function",
-          "name": "nl"
+          "name": "Ih"
         },
         {
           "kind": "variable",
-          "name": "Pe",
-          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ki)return Ki[this.size];let t=parseInt(this.size,10);return isNaN(t)?Ki.medium:t}render(){let t=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${t}px`),c` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${t}\" height=\"${t}\" viewBox=\"${o}\" 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> `}}"
+          "name": "eu"
         },
         {
           "kind": "variable",
-          "name": "Te",
-          "default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(t){if(t.target!==t.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let t=this.inputSlot.assignedElements({flatten:!0}),r=t.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of t){let n=o.querySelector(\"primer-input\");if(n)return n}return null}render(){let t={\"input-slot\":!0,\"focus-within\":this.focusWithin};return c` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${Z(t)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
+          "name": "Cu"
         },
         {
           "kind": "variable",
-          "name": "He",
-          "default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return c`<label for=${this.for}><slot></slot></label>`}}"
+          "name": "Wu"
         },
         {
           "kind": "variable",
-          "name": "de",
-          "default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:c` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return h;let t;return this.variant===\"primary\"?t=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(t=\"var(--primer-color-gray-900)\"),c` <primer-spinner size=\"small\" color=\"${t}\" compact ></primer-spinner> `}render(){return c` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <span class=\"button-content ${this.loading?\"loading\":\"\"}\"> <slot></slot> </span> ${this.renderCheckmark()} </button> `}}"
+          "name": "tf"
         },
         {
           "kind": "variable",
-          "name": "Ue",
-          "default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return c` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
+          "name": "uf"
         },
         {
           "kind": "variable",
-          "name": "we",
-          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let t=this.name?wa[this.name]:null;return c` <div style=\"--internal-icon-color: ${this.color}\"> ${t||c`<slot></slot>`} </div> `}}"
+          "name": "Mf"
         },
         {
           "kind": "variable",
-          "name": "Ye",
-          "default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?c` <!-- Successful view --> <primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" > </primer-icon> <p>Checkout complete!</p> <p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p> `:c` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?c`<p class=\"secondary\">${this.description}</p>`:c`<p class=\"secondary\">Something went wrong.</p>`} `}}"
+          "name": "Vf"
         },
         {
           "kind": "variable",
-          "name": "F",
-          "default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))}handleInvalid(t){t.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(t){this.inputElement?.focus(t)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(t,r,o){this.inputElement?.setSelectionRange(t,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let t={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(t).filter(([,o])=>o).map(([o])=>o).join(\" \");return c` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
+          "name": "Xf"
         },
         {
           "kind": "variable",
-          "name": "ae",
-          "default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(t){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:t}}))}toggleExpanded(){this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let t=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||t,o=this.header||t;return c` <div class=\"collapsable\"> <primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} > <span>${o}</span> </primer-button> <div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" > <div class=\"collapsable-content\"> <slot></slot> </div> </div> </div> `}}"
+          "name": "dg"
         },
         {
           "kind": "variable",
-          "name": "ye",
-          "default": "class extends v{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(t){t.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let t={\"error-message\":!0,hidden:!this.visible};return c` <div part=\"error-message\" class=${Z(t)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
+          "name": "Cg"
         },
         {
           "kind": "variable",
-          "name": "ot",
-          "default": "class extends v{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let t=document.querySelector(`#${this.id}`);return t||(t=document.createElement(\"div\"),t.id=this.id,document.body.appendChild(t),this._setupEventListeners(t)),t}_setupEventListeners(t){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{t.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(t){let o=t.target.assignedNodes();if(!o.length)return;let n=this.getContainer();o.forEach(l=>n.appendChild(l))}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
+          "name": "Gg"
         },
         {
           "kind": "variable",
-          "name": "Ct",
-          "default": "class extends v{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return c` <div class=${Z({backdrop:!0})} @click=${e=>{e.preventDefault()}} > <div class=\"dialog\"> <div class=\"header\"> <primer-button variant=\"tertiary\" @click=${this._handleCloseClick}> <primer-icon name=\"close\"></primer-icon> </primer-button> </div> <div class=\"content\"> <slot></slot> </div> </div> </div> `}}"
+          "name": "uy"
         },
         {
           "kind": "variable",
-          "name": "ee",
-          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=await r.getCDNAssets(\"KLARNA\");return{manager:t.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}toggleExpand(){this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null)}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(t){R.error(\"Failed to start Klarna payment\",t)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:t=>{t>0&&(this.klarnaContainer.style.height=`${t}px`)}})}catch(t){R.error(\"Failed to render Klarna category\",t)}}selectCategory(t){this.selectedCategory=t,this.renderSelectedCategory()}updated(t){t.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let t=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?c`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:c` <div class=\"category-selection\"> ${t.map(o=>c` <button class=${Z({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return c` ${this.renderCategorySelection()} ${this.selectedCategory?c` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:h} <button class=${Z({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${A(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:t=>{let r=t instanceof Error?t.message:\"Unknown error in Klarna\";return c`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:t,klarnaIcon:r})=>t?c` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:h})}}"
+          "name": "$y"
         },
         {
           "kind": "variable",
-          "name": "ze",
-          "default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return h;let t=this.paymentMethods?.get(this.type);if(!t)return h;switch(t?.managerType){case\"CARD\":return c`<primer-card-form></primer-card-form>`;case\"NATIVE\":return c`<primer-native-payment .paymentMethod=${t} ></primer-native-payment>`;case\"REDIRECT\":return c`<primer-redirect-payment .paymentMethod=${t} ></primer-redirect-payment>`;case\"KLARNA\":return c`<primer-klarna></primer-klarna>`;case\"ACH\":return c` <primer-dynamic-payment .paymentMethod=${t} ></primer-dynamic-payment> `;default:return h}}}"
+          "name": "gv"
         },
         {
           "kind": "variable",
-          "name": "pe",
-          "default": "class extends v{constructor(){super(...arguments);this.formController=new Kr(this,t=>this._paymentMethodManagerTask.value.setAndValidate(t));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new D(this,{task:async([t])=>t!==\"STRIPE_ACH\"?L:this.paymentManagers.get(t)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(t,r){let o=t.target;this.formController.setFieldValue(r,o.value)}_handleBlur(t){this.formController.setFieldTouched(t)}_handleError(t){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:t instanceof Error?t:new Error(typeof t==\"string\"?t:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(t){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await t.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(t);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(t){try{await t.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}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(t){this._handleError(t)}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(t){this._handleError(t)}finally{this.isSubmitting=!1}}}renderForm(t){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})} </p> <form @submit=${r=>r.preventDefault()}> <div class=\"form-row\"> <primer-input-wrapper .hasError=${this.formController.hasError.firstName} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:h} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:h} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h} </primer-input-error> </primer-input-wrapper> <p> ${A(\"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(t)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"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} > ${A(\"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} > ${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:t=>t?this.screen===\"form\"?this.renderForm(t):this.renderMandate():h})}}"
+          "name": "eb"
         },
         {
           "kind": "variable",
-          "name": "fe",
-          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:L},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?c` <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> `:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",t.backgroundColor),c` <primer-button @click=\"${()=>this.start()}\" class=${Z({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> ${t.displayName} </primer-button> ${this.renderDialog()} `)})}}"
+          "name": "yb"
         },
         {
           "kind": "variable",
-          "name": "be",
-          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);if(!o)return L;let n=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,l=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:l}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",t.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":t.iconPosition===\"END\",\"image-only\":!t.displayName},o=t.displayName?c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> <span class=\"button-text\">${t.displayName}</span> `:c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> `;return c` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${Z(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > ${o} </primer-button> `}})}}"
+          "name": "Lb"
         },
         {
           "kind": "variable",
-          "name": "Fe",
-          "default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?c` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:c` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>h,()=>c` <div class=${Z({\"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(t=>c` <primer-payment-method type=${t.type} ></primer-payment-method> `)} </div> </primer-show-other-payments> <primer-error-message-container></primer-error-message-container> </div> `)} `}}"
+          "name": "Jb"
         },
         {
           "kind": "variable",
-          "name": "ke",
-          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:async([t])=>{if(!t)return L;let r=this.paymentManagers.get(t)?.manager;if(!r)throw new Error(`No manager found for payment method type ${t}`);return r}}),new D(this,{args:()=>[this.loadManagerTask.value],task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),n=t.createButton(),l=this.createRenderOptions(o);return await n.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,l),t}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let t=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return t+2*r}createRenderOptions(t){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:t}}:r===\"PAYPAL\"?{style:{buttonHeight:t}}:{style:{buttonHeight:t}}}updated(t){t.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>c` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>h})}}"
+          "name": "AE"
         },
         {
           "kind": "variable",
-          "name": "Ee",
-          "default": "class extends v{constructor(){super(...arguments);this.hideLabels=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new q(this,{context:jr,initialValue:null});this.eventsController=new gt(this);this.setupCardFormTask=new D(this,{task:async([t])=>{if(!t?.manager)return L;let{manager:r}=t,{cardNumberInput:o,expiryInput:n,cvvInput:l}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:n,cvvInput:l,setCardholderName:g=>r.setCardholderName(g),setCardNetwork:g=>{this.selectedCardNetwork=g},validate:()=>r.validate(),submit:g=>r.submit(g),hideLabels:this.hideLabels}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=t=>{let o=t.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(t.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=t=>{t.stopPropagation(),this.submitCardPayment()};this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=t=>{t.preventDefault(),t.stopPropagation(),this.submitCardPayment()}}updated(t){super.updated(t),t.has(\"hideLabels\")&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer-form-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer-form-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(t){let r=t.tagName.toLowerCase(),o=r===\"button\",n=r===\"primer-button\";return o&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))||n&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))}async submitCardPayment(){let t=this.cardFormProvider.value;if(!t)return;let r=await t.validate?.();if(r?.valid){let o=await t.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...t,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===De.ERROR||this.setupCardFormTask.status===De.INITIAL?h:c` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>V(this.hasAssignedContent,()=>h,()=>c` <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> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
+          "name": "YE"
         },
         {
           "kind": "variable",
-          "name": "xt",
-          "default": "class extends X{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.childUpdated()}handleNetworkSelected(t){let{network:r}=t.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===De.ERROR)return h;let t=this.getError();return c` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!t} > ${V(!this.cardFormContext?.hideLabels,()=>c`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>h)} <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> ${V(t,r=>c` <primer-input-error slot=\"error\"> ${A(r,{id:r})} </primer-input-error> `,()=>h)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
+          "name": "mC"
         },
         {
           "kind": "variable",
-          "name": "At",
-          "default": "class extends X{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
+          "name": "kC"
         },
         {
           "kind": "variable",
-          "name": "_t",
-          "default": "class extends X{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
+          "name": "KC"
         },
         {
           "kind": "variable",
-          "name": "St",
-          "default": "class extends X{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:t=>this.handleInput(t)};this.childUpdated()}handleInput(t){this.cardFormContext?.setCardholderName?.(t)}render(){return this.renderInput()}}"
+          "name": "tA"
         },
         {
           "kind": "variable",
-          "name": "ce",
-          "default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=t=>{if(t.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer-form-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button type=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
+          "name": "mA"
         },
         {
           "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=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.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?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}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 c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Xr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${V(this.isDropdownOpen,()=>c` <div ${Xr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Xr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${V(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
+          "name": "IA"
         },
         {
           "kind": "variable",
-          "name": "ue",
-          "default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;new Tt(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\"}}}handleToggleEditMode(t){this.isEditMode=t.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(t){this.deletePaymentMethodId=t.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(t){this.errorMessage=t instanceof Error?t.message:A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(t){let r=t.detail?.error;this.errorMessage=r instanceof Error?r.message:A(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(t){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===t);if(!r)return\"\";try{return Jr(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return c` <div class=\"loading-overlay\" ${je({...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)return h;let t=this.getPaymentMethodName(this.deletePaymentMethodId);return c` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${t} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(t){return this.deletePaymentMethodId===t.id?h:c` <primer-vault-payment-method-item .paymentMethod=${t} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item> `}renderPaymentMethodList(){let t=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&t.length>0&&!this.deletePaymentMethodId;return c` <div class=\"payment-methods-list\"> ${t.map(o=>this.renderPaymentMethodItem(o))} ${V(r,()=>c` <div class=\"submit-button-container\"> <primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit> </div> `,()=>h)} </div> `}render(){if(!this.vaultManagerContext?.enabled)return h;let t=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return c` <div class=\"vault-manager ${o?\"is-updating\":\"\"}\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${t} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${V(this.errorMessage,()=>c` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message> `,()=>h)} <div class=\"vault-manager-content\"> ${V(!r&&!t,()=>c` <div class=\"content-container\"> <primer-vault-empty-state ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state> </div> `,()=>h)} ${V(!r&&t,()=>c` <div class=\"content-container\"> ${V(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())} </div> `,()=>h)} </div> ${V(o,()=>this.renderLoadingOverlay(),()=>h)} </div> `}}"
+          "name": "e_"
         },
         {
           "kind": "variable",
-          "name": "ve",
-          "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 D(this,{task:async([t,r,o])=>{if(!t||!r||!o)return L;let n=\"\";if(Mn(t))n=r.getCardNetworkAsset(t.paymentInstrumentData.network).cardUrl;else{let u=await r.getCDNAssets(t.paymentMethodType);u&&(n=u.assets?.icon?`${u.goatCdnUrl}/${u.assets.icon}`:\"\")}let l=o.cvvRecapture,g=Jr(t);return{icon:n,shouldShowCVV:l,...g}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let t=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!t&&t.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(t){let r=t.icon?c`<img class=\"payment-method-icon\" src=${t.icon} alt=${t.description} />`:c` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return c` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${t.description}</div> ${t.secondaryDescription?c`<div class=\"payment-method-secondary-description\"> ${t.secondaryDescription} </div>`:h} </div> `}render(){return this._getAssetsTask.render({error:()=>h,complete:t=>{let r=this.isSelected()?\"checked\":\"default\";return c` <div class=\"payment-method-wrapper\"> <div class=\"payment-method-container\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable ?disabled=${this.isEditMode} selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(t)} </primer-button> ${this.isEditMode?c` <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${t.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> `:h} </div> ${V(t.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>c`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`,()=>h)} </div> `}})}}"
+          "name": "A_"
         },
         {
           "kind": "variable",
-          "name": "Ge",
-          "default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1}toggleEditMode(){this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}render(){return c` <div class=\"vault-manager-header\"> <h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?c` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?c`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:c`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:h} </div> `}}"
+          "name": "P_"
         },
         {
           "kind": "variable",
-          "name": "Ce",
-          "default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null}handleConfirmClick(){this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))}handleCancelClick(){this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}render(){let t=this.paymentMethodName;return c` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${t}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${A(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
-        },
+          "name": "Kx"
+        }
+      ],
+      "exports": [
         {
-          "kind": "variable",
-          "name": "wt",
-          "default": "class extends v{render(){return c` <div class=\"empty-state\"> <p> ${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
+          "kind": "custom-element-definition",
+          "name": "i",
+          "declaration": {
+            "name": "t",
+            "module": "dist/primer-react-wrappers.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "pt",
-          "default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return c` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
+          "kind": "custom-element-definition",
+          "name": "i",
+          "declaration": {
+            "name": "t",
+            "module": "dist/primer-react-wrappers.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "te",
-          "default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async t=>{if(t.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
-        },
-        {
-          "kind": "variable",
-          "name": "re",
-          "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._setupCVVIframe=new D(this,{task:async([t,r])=>!t||!r||t.paymentMethodType!==\"PAYMENT_CARD\"||!t.paymentInstrumentData?.network||r.createCvvInput===null?L:{network:t.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Gr(this.computedStyles),n=o?{input:{base:o}}:void 0,l={cardNetwork:t.network,container:r,name:\"cvv\",placeholder:\"123\",style:n};this.cvvInput=await t.createCvvInput?.(l)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.error||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}))},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.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null)}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>c` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${V(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>c` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
-        },
-        {
-          "kind": "variable",
-          "name": "ct",
-          "default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){return this.vaultManager?.isLoading?h:!this.vaultManager||!this.vaultManager.enabled?c`<slot name=\"other-payments\"></slot>`:c` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
-        },
-        {
-          "kind": "variable",
-          "name": "pr",
-          "default": "class extends v{render(){return c` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
-        },
-        {
-          "kind": "variable",
-          "name": "kt",
-          "default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return c` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
-        },
-        {
-          "kind": "variable",
-          "name": "qe",
-          "default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?c` <primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:h}}"
-        },
-        {
-          "kind": "function",
-          "name": "M0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "i",
-          "declaration": {
-            "name": "e",
-            "module": "dist/primer-loader.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "i",
-          "declaration": {
-            "name": "e",
-            "module": "dist/primer-loader.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AchPayment",
-          "declaration": {
-            "name": "pe",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "js",
+          "name": "AchPayment",
+          "declaration": {
+            "name": "Gg",
+            "module": "dist/primer-react-wrappers.js"
+          }
         },
         {
           "kind": "js",
           "name": "Button",
           "declaration": {
-            "name": "de",
-            "module": "dist/primer-loader.js"
+            "name": "P_",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
           "name": "CardForm",
           "declaration": {
-            "name": "Ee",
-            "module": "dist/primer-loader.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CardFormCVV",
-          "declaration": {
-            "name": "At",
-            "module": "dist/primer-loader.js"
+            "name": "uy",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormCardNetworkSelector",
+          "name": "CardFormSubmit",
           "declaration": {
-            "name": "me",
-            "module": "dist/primer-loader.js"
+            "name": "$y",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormCardNumber",
+          "name": "CardNetworkSelector",
           "declaration": {
-            "name": "xt",
-            "module": "dist/primer-loader.js"
+            "name": "gv",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormError",
+          "name": "CheckoutState",
           "declaration": {
-            "name": "Ue",
-            "module": "dist/primer-loader.js"
+            "name": "Ih",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormExpiry",
+          "name": "Collapsable",
           "declaration": {
-            "name": "_t",
-            "module": "dist/primer-loader.js"
+            "name": "eu",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormName",
+          "name": "Dialog",
           "declaration": {
-            "name": "St",
-            "module": "dist/primer-loader.js"
+            "name": "Cu",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormSubmit",
+          "name": "DynamicPayment",
           "declaration": {
-            "name": "ce",
-            "module": "dist/primer-loader.js"
+            "name": "AE",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "Collapsable",
+          "name": "ErrorMessage",
           "declaration": {
-            "name": "ae",
-            "module": "dist/primer-loader.js"
+            "name": "Wu",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "Dialog",
+          "name": "ErrorMessageContainer",
           "declaration": {
-            "name": "Ct",
-            "module": "dist/primer-loader.js"
+            "name": "YE",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "DynamicPayment",
+          "name": "Icon",
           "declaration": {
-            "name": "fe",
-            "module": "dist/primer-loader.js"
+            "name": "tf",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "ErrorMessage",
+          "name": "Input",
           "declaration": {
-            "name": "ye",
-            "module": "dist/primer-loader.js"
+            "name": "uf",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "ErrorMessageContainer",
+          "name": "InputCardExpiry",
           "declaration": {
-            "name": "qe",
-            "module": "dist/primer-loader.js"
+            "name": "yb",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "InitializedPayments",
+          "name": "InputCardHolderName",
           "declaration": {
-            "name": "Hr",
-            "module": "dist/primer-loader.js"
+            "name": "eb",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "Input",
+          "name": "InputCardNumber",
           "declaration": {
-            "name": "F",
-            "module": "dist/primer-loader.js"
+            "name": "Jb",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputLabel",
+          "name": "InputCvv",
           "declaration": {
-            "name": "He",
-            "module": "dist/primer-loader.js"
+            "name": "Lb",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputWrapper",
+          "name": "InputError",
           "declaration": {
-            "name": "Te",
-            "module": "dist/primer-loader.js"
+            "name": "Mf",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "NativePayment",
+          "name": "InputLabel",
           "declaration": {
-            "name": "ke",
-            "module": "dist/primer-loader.js"
+            "name": "Vf",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PaymentMethod",
+          "name": "InputWrapper",
           "declaration": {
-            "name": "ze",
-            "module": "dist/primer-loader.js"
+            "name": "Xf",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "Portal",
+          "name": "Klarna",
           "declaration": {
-            "name": "ot",
-            "module": "dist/primer-loader.js"
+            "name": "mC",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutComplete",
+          "name": "NativePayment",
           "declaration": {
-            "name": "pr",
-            "module": "dist/primer-loader.js"
+            "name": "kC",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutComponent",
+          "name": "PaymentMethod",
           "declaration": {
-            "name": "le",
-            "module": "dist/primer-loader.js"
+            "name": "KC",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutFailure",
+          "name": "Portal",
           "declaration": {
-            "name": "kt",
-            "module": "dist/primer-loader.js"
+            "name": "dg",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutState",
+          "name": "PrimerCheckout",
           "declaration": {
-            "name": "Ye",
-            "module": "dist/primer-loader.js"
+            "name": "Eh",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerIcon",
+          "name": "PrimerCheckoutComplete",
           "declaration": {
-            "name": "we",
-            "module": "dist/primer-loader.js"
+            "name": "tA",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerKlarna",
+          "name": "PrimerCheckoutError",
           "declaration": {
-            "name": "ee",
-            "module": "dist/primer-loader.js"
+            "name": "mA",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
           "name": "PrimerMain",
           "declaration": {
-            "name": "Fe",
-            "module": "dist/primer-loader.js"
+            "name": "IA",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
           "name": "RedirectPayment",
           "declaration": {
-            "name": "be",
-            "module": "dist/primer-loader.js"
+            "name": "e_",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
           "name": "ShowOtherPayments",
           "declaration": {
-            "name": "ct",
-            "module": "dist/primer-loader.js"
+            "name": "A_",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
           "name": "Spinner",
           "declaration": {
-            "name": "Pe",
-            "module": "dist/primer-loader.js"
+            "name": "Cg",
+            "module": "dist/primer-react-wrappers.js"
           }
         },
         {
           "kind": "js",
-          "name": "VaultCvvInput",
+          "name": "VaultManager",
           "declaration": {
-            "name": "re",
-            "module": "dist/primer-loader.js"
+            "name": "Kx",
+            "module": "dist/primer-react-wrappers.js"
           }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "cdn/primer-components.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "i"
         },
         {
-          "kind": "js",
-          "name": "VaultDeleteConfirmation",
-          "declaration": {
-            "name": "Ce",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "e"
         },
         {
-          "kind": "js",
-          "name": "VaultEmptyState",
-          "declaration": {
-            "name": "wt",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "Hr",
+          "default": "class{constructor(e){this._methods=e}get(e){return this._methods.get(e)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
         },
         {
-          "kind": "js",
-          "name": "VaultErrorMessage",
-          "declaration": {
-            "name": "pt",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "le",
+          "default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new Ar(this),this.sdkStateController=new Cr(this),this.primerEventsController=new gt(this),this.styleProcessingController=new _r(this),this.vaultManagerController=new Yt(this),this.cardNetworkController=new fr(this),this.achPaymentEventsController=new zr(this),new Yr(this)}set jsInitialized(t){this.requestUpdate(),this._jsInitialized=t}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(t,r,o){t===Fr.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(t,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(t){t.has(\"options\")&&(this.options?.locale&&(Oi(this.options?.locale)?this.locale=Di(this.options?.locale):R.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),Ri(this.locale||\"en-GB\"))}updated(){let t=getComputedStyle(this);this.sdkContextController.setComputedStyles(t),this.checkLoadingStateChange()}checkLoadingStateChange(){let t=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!t&&(this.jsInitialized=!0),this.previousLoadingState=t,t&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(R.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!t&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let t=this.sdkStateController.currentState,r=t.isLoading,o=t.error,n=!r&&!o;return c` ${V(r,()=>h)} ${V(o,()=>c`<primer-checkout-error></primer-checkout-error>`)} ${V(n,()=>c` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>h,()=>c`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
         },
         {
-          "kind": "js",
-          "name": "VaultManager",
-          "declaration": {
-            "name": "ue",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "function",
+          "name": "xa"
         },
         {
-          "kind": "js",
-          "name": "VaultManagerHeader",
-          "declaration": {
-            "name": "Ge",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "function",
+          "name": "Aa"
         },
         {
-          "kind": "js",
-          "name": "VaultPaymentMethodItem",
-          "declaration": {
-            "name": "ve",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "function",
+          "name": "al"
         },
         {
-          "kind": "js",
-          "name": "VaultPaymentSubmit",
-          "declaration": {
-            "name": "te",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "function",
+          "name": "nl"
         },
         {
-          "kind": "js",
-          "name": "injectDarkTheme",
-          "declaration": {
-            "name": "nl",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "Pe",
+          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ki)return Ki[this.size];let t=parseInt(this.size,10);return isNaN(t)?Ki.medium:t}render(){let t=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${t}px`),c` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${t}\" height=\"${t}\" viewBox=\"${o}\" 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": "js",
-          "name": "injectLightTheme",
-          "declaration": {
-            "name": "al",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "Te",
+          "default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(t){if(t.target!==t.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let t=this.inputSlot.assignedElements({flatten:!0}),r=t.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of t){let n=o.querySelector(\"primer-input\");if(n)return n}return null}render(){let t={\"input-slot\":!0,\"focus-within\":this.focusWithin};return c` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${Z(t)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
         },
         {
-          "kind": "js",
-          "name": "injectLoaderStyles",
-          "declaration": {
-            "name": "xa",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "He",
+          "default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return c`<label for=${this.for}><slot></slot></label>`}}"
         },
         {
-          "kind": "js",
-          "name": "injectThemeStyles",
-          "declaration": {
-            "name": "Aa",
-            "module": "dist/primer-loader.js"
-          }
+          "kind": "variable",
+          "name": "de",
+          "default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:c` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return h;let t;return this.variant===\"primary\"?t=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(t=\"var(--primer-color-gray-900)\"),c` <primer-spinner size=\"small\" color=\"${t}\" compact ></primer-spinner> `}render(){return c` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <span class=\"button-content ${this.loading?\"loading\":\"\"}\"> <slot></slot> </span> ${this.renderCheckmark()} </button> `}}"
         },
         {
-          "kind": "js",
-          "name": "loadPrimer",
-          "declaration": {
-            "name": "M0",
-            "module": "dist/primer-loader.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/primer-react-wrappers.js",
-      "declarations": [
+          "kind": "variable",
+          "name": "Ue",
+          "default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return c` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
+        },
         {
           "kind": "variable",
-          "name": "i"
+          "name": "we",
+          "default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let t=this.name?wa[this.name]:null;return c` <div style=\"--internal-icon-color: ${this.color}\"> ${t||c`<slot></slot>`} </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "t"
+          "name": "Ye",
+          "default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?c` <!-- Successful view --> <primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" > </primer-icon> <p>Checkout complete!</p> <p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p> `:c` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?c`<p class=\"secondary\">${this.description}</p>`:c`<p class=\"secondary\">Something went wrong.</p>`} `}}"
         },
         {
           "kind": "variable",
-          "name": "Eh"
+          "name": "F",
+          "default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))}handleInvalid(t){t.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(t){this.inputElement?.focus(t)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(t,r,o){this.inputElement?.setSelectionRange(t,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let t={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(t).filter(([,o])=>o).map(([o])=>o).join(\" \");return c` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
         },
         {
           "kind": "variable",
-          "name": "Ih"
+          "name": "ae",
+          "default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(t){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:t}}))}toggleExpanded(){this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let t=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||t,o=this.header||t;return c` <div class=\"collapsable\"> <primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} > <span>${o}</span> </primer-button> <div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" > <div class=\"collapsable-content\"> <slot></slot> </div> </div> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "eu"
+          "name": "ye",
+          "default": "class extends v{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(t){t.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let t={\"error-message\":!0,hidden:!this.visible};return c` <div part=\"error-message\" class=${Z(t)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "Cu"
+          "name": "ot",
+          "default": "class extends v{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let t=document.querySelector(`#${this.id}`);return t||(t=document.createElement(\"div\"),t.id=this.id,document.body.appendChild(t),this._setupEventListeners(t)),t}_setupEventListeners(t){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{t.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(t){let o=t.target.assignedNodes();if(!o.length)return;let n=this.getContainer();o.forEach(l=>n.appendChild(l))}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
         },
         {
           "kind": "variable",
-          "name": "Wu"
+          "name": "Ct",
+          "default": "class extends v{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return c` <div class=${Z({backdrop:!0})} @click=${e=>{e.preventDefault()}} > <div class=\"dialog\"> <div class=\"header\"> <primer-button variant=\"tertiary\" @click=${this._handleCloseClick}> <primer-icon name=\"close\"></primer-icon> </primer-button> </div> <div class=\"content\"> <slot></slot> </div> </div> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "tf"
+          "name": "ee",
+          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=await r.getCDNAssets(\"KLARNA\");return{manager:t.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}toggleExpand(){this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null)}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(t){R.error(\"Failed to start Klarna payment\",t)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:t=>{t>0&&(this.klarnaContainer.style.height=`${t}px`)}})}catch(t){R.error(\"Failed to render Klarna category\",t)}}selectCategory(t){this.selectedCategory=t,this.renderSelectedCategory()}updated(t){t.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let t=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?c`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:c` <div class=\"category-selection\"> ${t.map(o=>c` <button class=${Z({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return c` ${this.renderCategorySelection()} ${this.selectedCategory?c` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:h} <button class=${Z({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${A(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:t=>{let r=t instanceof Error?t.message:\"Unknown error in Klarna\";return c`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:t,klarnaIcon:r})=>t?c` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:h})}}"
         },
         {
           "kind": "variable",
-          "name": "uf"
+          "name": "ze",
+          "default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return h;let t=this.paymentMethods?.get(this.type);if(!t)return h;switch(t?.managerType){case\"CARD\":return c`<primer-card-form></primer-card-form>`;case\"NATIVE\":return c`<primer-native-payment .paymentMethod=${t} ></primer-native-payment>`;case\"REDIRECT\":return c`<primer-redirect-payment .paymentMethod=${t} ></primer-redirect-payment>`;case\"KLARNA\":return c`<primer-klarna></primer-klarna>`;case\"ACH\":return c` <primer-dynamic-payment .paymentMethod=${t} ></primer-dynamic-payment> `;default:return h}}}"
         },
         {
           "kind": "variable",
-          "name": "Mf"
+          "name": "pe",
+          "default": "class extends v{constructor(){super(...arguments);this.formController=new Kr(this,t=>this._paymentMethodManagerTask.value.setAndValidate(t));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new D(this,{task:async([t])=>t!==\"STRIPE_ACH\"?L:this.paymentManagers.get(t)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(t,r){let o=t.target;this.formController.setFieldValue(r,o.value)}_handleBlur(t){this.formController.setFieldTouched(t)}_handleError(t){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:t instanceof Error?t:new Error(typeof t==\"string\"?t:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(t){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await t.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(t);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(t){try{await t.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}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(t){this._handleError(t)}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(t){this._handleError(t)}finally{this.isSubmitting=!1}}}renderForm(t){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})} </p> <form @submit=${r=>r.preventDefault()}> <div class=\"form-row\"> <primer-input-wrapper .hasError=${this.formController.hasError.firstName} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:h} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:h} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${A(\"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=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h} </primer-input-error> </primer-input-wrapper> <p> ${A(\"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(t)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"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} > ${A(\"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} > ${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:t=>t?this.screen===\"form\"?this.renderForm(t):this.renderMandate():h})}}"
         },
         {
           "kind": "variable",
-          "name": "Vf"
+          "name": "fe",
+          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:L},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?c` <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> `:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",t.backgroundColor),c` <primer-button @click=\"${()=>this.start()}\" class=${Z({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> ${t.displayName} </primer-button> ${this.renderDialog()} `)})}}"
         },
         {
           "kind": "variable",
-          "name": "Xf"
+          "name": "be",
+          "default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);if(!o)return L;let n=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,l=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:l}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",t.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":t.iconPosition===\"END\",\"image-only\":!t.displayName},o=t.displayName?c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> <span class=\"button-text\">${t.displayName}</span> `:c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> `;return c` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${Z(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > ${o} </primer-button> `}})}}"
         },
         {
           "kind": "variable",
-          "name": "dg"
+          "name": "Fe",
+          "default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?c` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:c` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>h,()=>c` <div class=${Z({\"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(t=>c` <primer-payment-method type=${t.type} ></primer-payment-method> `)} </div> </primer-show-other-payments> <primer-error-message-container></primer-error-message-container> </div> `)} `}}"
         },
         {
           "kind": "variable",
-          "name": "Cg"
+          "name": "ke",
+          "default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:async([t])=>{if(!t)return L;let r=this.paymentManagers.get(t)?.manager;if(!r)throw new Error(`No manager found for payment method type ${t}`);return r}}),new D(this,{args:()=>[this.loadManagerTask.value],task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),n=t.createButton(),l=this.createRenderOptions(o);return await n.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,l),t}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let t=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return t+2*r}createRenderOptions(t){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:t}}:r===\"PAYPAL\"?{style:{buttonHeight:t}}:{style:{buttonHeight:t}}}updated(t){t.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>c` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>h})}}"
         },
         {
           "kind": "variable",
-          "name": "Gg"
+          "name": "Ee",
+          "default": "class extends v{constructor(){super(...arguments);this.hideLabels=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new q(this,{context:jr,initialValue:null});this.eventsController=new gt(this);this.setupCardFormTask=new D(this,{task:async([t])=>{if(!t?.manager)return L;let{manager:r}=t,{cardNumberInput:o,expiryInput:n,cvvInput:l}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:n,cvvInput:l,setCardholderName:g=>r.setCardholderName(g),setCardNetwork:g=>{this.selectedCardNetwork=g},validate:()=>r.validate(),submit:g=>r.submit(g),hideLabels:this.hideLabels}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=t=>{let o=t.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(t.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=t=>{t.stopPropagation(),this.submitCardPayment()};this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=t=>{t.preventDefault(),t.stopPropagation(),this.submitCardPayment()}}updated(t){super.updated(t),t.has(\"hideLabels\")&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer-form-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer-form-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(t){let r=t.tagName.toLowerCase(),o=r===\"button\",n=r===\"primer-button\";return o&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))||n&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))}async submitCardPayment(){let t=this.cardFormProvider.value;if(!t)return;let r=await t.validate?.();if(r?.valid){let o=await t.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...t,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===De.ERROR||this.setupCardFormTask.status===De.INITIAL?h:c` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>V(this.hasAssignedContent,()=>h,()=>c` <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> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
         },
         {
           "kind": "variable",
-          "name": "uy"
+          "name": "xt",
+          "default": "class extends X{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.childUpdated()}handleNetworkSelected(t){let{network:r}=t.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===De.ERROR)return h;let t=this.getError();return c` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!t} > ${V(!this.cardFormContext?.hideLabels,()=>c`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>h)} <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> ${V(t,r=>c` <primer-input-error slot=\"error\"> ${A(r,{id:r})} </primer-input-error> `,()=>h)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
         },
         {
           "kind": "variable",
-          "name": "$y"
+          "name": "At",
+          "default": "class extends X{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
         },
         {
           "kind": "variable",
-          "name": "gv"
+          "name": "_t",
+          "default": "class extends X{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
         },
         {
           "kind": "variable",
-          "name": "eb"
+          "name": "St",
+          "default": "class extends X{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:t=>this.handleInput(t)};this.childUpdated()}handleInput(t){this.cardFormContext?.setCardholderName?.(t)}render(){return this.renderInput()}}"
         },
         {
           "kind": "variable",
-          "name": "yb"
+          "name": "ce",
+          "default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=t=>{if(t.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer-form-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button type=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
         },
         {
           "kind": "variable",
-          "name": "Lb"
+          "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=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.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?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}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 c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Xr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${V(this.isDropdownOpen,()=>c` <div ${Xr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Xr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${V(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
         },
         {
           "kind": "variable",
-          "name": "Jb"
+          "name": "ue",
+          "default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;new Tt(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\"}}}handleToggleEditMode(t){this.isEditMode=t.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(t){this.deletePaymentMethodId=t.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(t){this.errorMessage=t instanceof Error?t.message:A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(t){let r=t.detail?.error;this.errorMessage=r instanceof Error?r.message:A(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(t){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===t);if(!r)return\"\";try{return Jr(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return c` <div class=\"loading-overlay\" ${je({...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)return h;let t=this.getPaymentMethodName(this.deletePaymentMethodId);return c` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${t} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(t){return this.deletePaymentMethodId===t.id?h:c` <primer-vault-payment-method-item .paymentMethod=${t} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item> `}renderPaymentMethodList(){let t=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&t.length>0&&!this.deletePaymentMethodId;return c` <div class=\"payment-methods-list\"> ${t.map(o=>this.renderPaymentMethodItem(o))} ${V(r,()=>c` <div class=\"submit-button-container\"> <primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit> </div> `,()=>h)} </div> `}render(){if(!this.vaultManagerContext?.enabled)return h;let t=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return c` <div class=\"vault-manager ${o?\"is-updating\":\"\"}\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${t} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${V(this.errorMessage,()=>c` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message> `,()=>h)} <div class=\"vault-manager-content\"> ${V(!r&&!t,()=>c` <div class=\"content-container\"> <primer-vault-empty-state ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state> </div> `,()=>h)} ${V(!r&&t,()=>c` <div class=\"content-container\"> ${V(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())} </div> `,()=>h)} </div> ${V(o,()=>this.renderLoadingOverlay(),()=>h)} </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "AE"
+          "name": "ve",
+          "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 D(this,{task:async([t,r,o])=>{if(!t||!r||!o)return L;let n=\"\";if(Mn(t))n=r.getCardNetworkAsset(t.paymentInstrumentData.network).cardUrl;else{let u=await r.getCDNAssets(t.paymentMethodType);u&&(n=u.assets?.icon?`${u.goatCdnUrl}/${u.assets.icon}`:\"\")}let l=o.cvvRecapture,g=Jr(t);return{icon:n,shouldShowCVV:l,...g}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let t=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!t&&t.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(t){let r=t.icon?c`<img class=\"payment-method-icon\" src=${t.icon} alt=${t.description} />`:c` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return c` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${t.description}</div> ${t.secondaryDescription?c`<div class=\"payment-method-secondary-description\"> ${t.secondaryDescription} </div>`:h} </div> `}render(){return this._getAssetsTask.render({error:()=>h,complete:t=>{let r=this.isSelected()?\"checked\":\"default\";return c` <div class=\"payment-method-wrapper\"> <div class=\"payment-method-container\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable ?disabled=${this.isEditMode} selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(t)} </primer-button> ${this.isEditMode?c` <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${t.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> `:h} </div> ${V(t.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>c`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`,()=>h)} </div> `}})}}"
         },
         {
           "kind": "variable",
-          "name": "YE"
+          "name": "Ge",
+          "default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1}toggleEditMode(){this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}render(){return c` <div class=\"vault-manager-header\"> <h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?c` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?c`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:c`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:h} </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "mC"
+          "name": "Ce",
+          "default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null}handleConfirmClick(){this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))}handleCancelClick(){this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}render(){let t=this.paymentMethodName;return c` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${t}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${A(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "kC"
+          "name": "wt",
+          "default": "class extends v{render(){return c` <div class=\"empty-state\"> <p> ${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "KC"
+          "name": "pt",
+          "default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return c` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
         },
         {
           "kind": "variable",
-          "name": "tA"
+          "name": "te",
+          "default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async t=>{if(t.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
         },
         {
           "kind": "variable",
-          "name": "mA"
+          "name": "re",
+          "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._setupCVVIframe=new D(this,{task:async([t,r])=>!t||!r||t.paymentMethodType!==\"PAYMENT_CARD\"||!t.paymentInstrumentData?.network||r.createCvvInput===null?L:{network:t.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Gr(this.computedStyles),n=o?{input:{base:o}}:void 0,l={cardNetwork:t.network,container:r,name:\"cvv\",placeholder:\"123\",style:n};this.cvvInput=await t.createCvvInput?.(l)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.error||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}))},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.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null)}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>c` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${V(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>c` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
         },
         {
           "kind": "variable",
-          "name": "IA"
+          "name": "ct",
+          "default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){return this.vaultManager?.isLoading?h:!this.vaultManager||!this.vaultManager.enabled?c`<slot name=\"other-payments\"></slot>`:c` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
+        },
+        {
+          "kind": "variable",
+          "name": "pr",
+          "default": "class extends v{render(){return c` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
+        },
+        {
+          "kind": "variable",
+          "name": "kt",
+          "default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return c` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
+        },
+        {
+          "kind": "variable",
+          "name": "qe",
+          "default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?c` <primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:h}}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "i",
+          "declaration": {
+            "name": "e",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "i",
+          "declaration": {
+            "name": "e",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AchPayment",
+          "declaration": {
+            "name": "pe",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Button",
+          "declaration": {
+            "name": "de",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardForm",
+          "declaration": {
+            "name": "Ee",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormCVV",
+          "declaration": {
+            "name": "At",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormCardNetworkSelector",
+          "declaration": {
+            "name": "me",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormCardNumber",
+          "declaration": {
+            "name": "xt",
+            "module": "cdn/primer-components.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardFormError",
+          "declaration": {
+            "name": "Ue",
+            "module": "cdn/primer-components.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "e_"
+          "kind": "js",
+          "name": "CardFormExpiry",
+          "declaration": {
+            "name": "_t",
+            "module": "cdn/primer-components.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "A_"
+          "kind": "js",
+          "name": "CardFormName",
+          "declaration": {
+            "name": "St",
+            "module": "cdn/primer-components.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "P_"
+          "kind": "js",
+          "name": "CardFormSubmit",
+          "declaration": {
+            "name": "ce",
+            "module": "cdn/primer-components.js"
+          }
         },
         {
-          "kind": "variable",
-          "name": "Kx"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "i",
+          "kind": "js",
+          "name": "Collapsable",
           "declaration": {
-            "name": "t",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ae",
+            "module": "cdn/primer-components.js"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "i",
+          "kind": "js",
+          "name": "Dialog",
           "declaration": {
-            "name": "t",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Ct",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "AchPayment",
+          "name": "DynamicPayment",
           "declaration": {
-            "name": "Gg",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "fe",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Button",
+          "name": "ErrorMessage",
           "declaration": {
-            "name": "P_",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ye",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardForm",
+          "name": "ErrorMessageContainer",
           "declaration": {
-            "name": "uy",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "qe",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardFormSubmit",
+          "name": "InitializedPayments",
           "declaration": {
-            "name": "$y",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Hr",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "CardNetworkSelector",
+          "name": "Input",
           "declaration": {
-            "name": "gv",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "F",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "CheckoutState",
+          "name": "InputLabel",
           "declaration": {
-            "name": "Ih",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "He",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Collapsable",
+          "name": "InputWrapper",
           "declaration": {
-            "name": "eu",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Te",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Dialog",
+          "name": "NativePayment",
           "declaration": {
-            "name": "Cu",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ke",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "DynamicPayment",
+          "name": "PaymentMethod",
           "declaration": {
-            "name": "AE",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ze",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "ErrorMessage",
+          "name": "Portal",
           "declaration": {
-            "name": "Wu",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ot",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "ErrorMessageContainer",
+          "name": "PrimerCheckoutComplete",
           "declaration": {
-            "name": "YE",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "pr",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Icon",
+          "name": "PrimerCheckoutComponent",
           "declaration": {
-            "name": "tf",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "le",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Input",
+          "name": "PrimerCheckoutFailure",
           "declaration": {
-            "name": "uf",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "kt",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputCardExpiry",
+          "name": "PrimerCheckoutState",
           "declaration": {
-            "name": "yb",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Ye",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputCardHolderName",
+          "name": "PrimerIcon",
           "declaration": {
-            "name": "eb",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "we",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputCardNumber",
+          "name": "PrimerKlarna",
           "declaration": {
-            "name": "Jb",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ee",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputCvv",
+          "name": "PrimerMain",
           "declaration": {
-            "name": "Lb",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Fe",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputError",
+          "name": "RedirectPayment",
           "declaration": {
-            "name": "Mf",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "be",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputLabel",
+          "name": "ShowOtherPayments",
           "declaration": {
-            "name": "Vf",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ct",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "InputWrapper",
+          "name": "Spinner",
           "declaration": {
-            "name": "Xf",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Pe",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Klarna",
+          "name": "VaultCvvInput",
           "declaration": {
-            "name": "mC",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "re",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "NativePayment",
+          "name": "VaultDeleteConfirmation",
           "declaration": {
-            "name": "kC",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Ce",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "PaymentMethod",
+          "name": "VaultEmptyState",
           "declaration": {
-            "name": "KC",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "wt",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Portal",
+          "name": "VaultErrorMessage",
           "declaration": {
-            "name": "dg",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "pt",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckout",
+          "name": "VaultManager",
           "declaration": {
-            "name": "Eh",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ue",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutComplete",
+          "name": "VaultManagerHeader",
           "declaration": {
-            "name": "tA",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Ge",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerCheckoutError",
+          "name": "VaultPaymentMethodItem",
           "declaration": {
-            "name": "mA",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "ve",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "PrimerMain",
+          "name": "VaultPaymentSubmit",
           "declaration": {
-            "name": "IA",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "te",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "RedirectPayment",
+          "name": "injectDarkTheme",
           "declaration": {
-            "name": "e_",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "nl",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "ShowOtherPayments",
+          "name": "injectLightTheme",
           "declaration": {
-            "name": "A_",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "al",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "Spinner",
+          "name": "injectLoaderStyles",
           "declaration": {
-            "name": "Cg",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "xa",
+            "module": "cdn/primer-components.js"
           }
         },
         {
           "kind": "js",
-          "name": "VaultManager",
+          "name": "injectThemeStyles",
           "declaration": {
-            "name": "Kx",
-            "module": "dist/primer-react-wrappers.js"
+            "name": "Aa",
+            "module": "cdn/primer-components.js"
           }
         }
       ]
@@ -2518,7 +2518,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ar.5AY75F5J.js",
+      "path": "dist/chunks/ar.5AY75F5J.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2532,14 +2532,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/ar.5AY75F5J.js"
+            "module": "dist/chunks/ar.5AY75F5J.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/bg.2EL2HTYI.js",
+      "path": "dist/chunks/bg.2EL2HTYI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2553,14 +2553,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/bg.2EL2HTYI.js"
+            "module": "dist/chunks/bg.2EL2HTYI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ca.WZI7CBFW.js",
+      "path": "dist/chunks/ca.WZI7CBFW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2574,14 +2574,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/ca.WZI7CBFW.js"
+            "module": "dist/chunks/ca.WZI7CBFW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/chunk.G45OCYEN.js",
+      "path": "dist/chunks/chunk.G45OCYEN.js",
       "declarations": [
         {
           "kind": "function",
@@ -2649,7 +2649,7 @@
           "name": "a",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/chunk.G45OCYEN.js"
+            "module": "dist/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -2657,7 +2657,7 @@
           "name": "b",
           "declaration": {
             "name": "p",
-            "module": "cdn/chunks/chunk.G45OCYEN.js"
+            "module": "dist/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -2665,7 +2665,7 @@
           "name": "c",
           "declaration": {
             "name": "q",
-            "module": "cdn/chunks/chunk.G45OCYEN.js"
+            "module": "dist/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -2673,14 +2673,14 @@
           "name": "d",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/chunk.G45OCYEN.js"
+            "module": "dist/chunks/chunk.G45OCYEN.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/chunk.QMLIEEKM.js",
+      "path": "dist/chunks/chunk.QMLIEEKM.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2697,14 +2697,14 @@
           "name": "a",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/chunk.QMLIEEKM.js"
+            "module": "dist/chunks/chunk.QMLIEEKM.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/cs.GBLLNC3E.js",
+      "path": "dist/chunks/cs.GBLLNC3E.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2718,14 +2718,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/cs.GBLLNC3E.js"
+            "module": "dist/chunks/cs.GBLLNC3E.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/da.CDEFQG44.js",
+      "path": "dist/chunks/da.CDEFQG44.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2739,14 +2739,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "cdn/chunks/da.CDEFQG44.js"
+            "module": "dist/chunks/da.CDEFQG44.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/de.UHURA2HV.js",
+      "path": "dist/chunks/de.UHURA2HV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2760,14 +2760,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/de.UHURA2HV.js"
+            "module": "dist/chunks/de.UHURA2HV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/el.BY5NGYDF.js",
+      "path": "dist/chunks/el.BY5NGYDF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2781,14 +2781,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/el.BY5NGYDF.js"
+            "module": "dist/chunks/el.BY5NGYDF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/en-GB.UBLLAUVW.js",
+      "path": "dist/chunks/en-GB.UBLLAUVW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2802,14 +2802,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/en-GB.UBLLAUVW.js"
+            "module": "dist/chunks/en-GB.UBLLAUVW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/en.BKAVPUID.js",
+      "path": "dist/chunks/en.BKAVPUID.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2823,14 +2823,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/en.BKAVPUID.js"
+            "module": "dist/chunks/en.BKAVPUID.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/es-AR.EYNC6EAZ.js",
+      "path": "dist/chunks/es-AR.EYNC6EAZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2844,14 +2844,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/es-AR.EYNC6EAZ.js"
+            "module": "dist/chunks/es-AR.EYNC6EAZ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/es-MX.OIO2YURF.js",
+      "path": "dist/chunks/es-MX.OIO2YURF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2865,14 +2865,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/es-MX.OIO2YURF.js"
+            "module": "dist/chunks/es-MX.OIO2YURF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/es.CNNIJYLX.js",
+      "path": "dist/chunks/es.CNNIJYLX.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2886,14 +2886,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/es.CNNIJYLX.js"
+            "module": "dist/chunks/es.CNNIJYLX.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/et-EE.4ZF6CLB6.js",
+      "path": "dist/chunks/et-EE.4ZF6CLB6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2907,14 +2907,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/et-EE.4ZF6CLB6.js"
+            "module": "dist/chunks/et-EE.4ZF6CLB6.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/fi-FI.4ZXWRRYI.js",
+      "path": "dist/chunks/fi-FI.4ZXWRRYI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2928,14 +2928,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/fi-FI.4ZXWRRYI.js"
+            "module": "dist/chunks/fi-FI.4ZXWRRYI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/fr.TZM5I4K2.js",
+      "path": "dist/chunks/fr.TZM5I4K2.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2949,14 +2949,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/fr.TZM5I4K2.js"
+            "module": "dist/chunks/fr.TZM5I4K2.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/he.DWEZBG4A.js",
+      "path": "dist/chunks/he.DWEZBG4A.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2970,14 +2970,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/he.DWEZBG4A.js"
+            "module": "dist/chunks/he.DWEZBG4A.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/hr.BV4PC324.js",
+      "path": "dist/chunks/hr.BV4PC324.js",
       "declarations": [
         {
           "kind": "variable",
@@ -2991,14 +2991,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/hr.BV4PC324.js"
+            "module": "dist/chunks/hr.BV4PC324.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/hu.MTEKSS3J.js",
+      "path": "dist/chunks/hu.MTEKSS3J.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3012,14 +3012,14 @@
           "name": "templates",
           "declaration": {
             "name": "s",
-            "module": "cdn/chunks/hu.MTEKSS3J.js"
+            "module": "dist/chunks/hu.MTEKSS3J.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/id.SJSTOPSC.js",
+      "path": "dist/chunks/id.SJSTOPSC.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3033,14 +3033,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/id.SJSTOPSC.js"
+            "module": "dist/chunks/id.SJSTOPSC.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/it.IISTMHN5.js",
+      "path": "dist/chunks/it.IISTMHN5.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3054,14 +3054,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/it.IISTMHN5.js"
+            "module": "dist/chunks/it.IISTMHN5.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ja.IBQ3ID5C.js",
+      "path": "dist/chunks/ja.IBQ3ID5C.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3075,14 +3075,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/ja.IBQ3ID5C.js"
+            "module": "dist/chunks/ja.IBQ3ID5C.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ko.KZVQLI4V.js",
+      "path": "dist/chunks/ko.KZVQLI4V.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3096,14 +3096,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/ko.KZVQLI4V.js"
+            "module": "dist/chunks/ko.KZVQLI4V.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/lt-LT.RKBB7CZ6.js",
+      "path": "dist/chunks/lt-LT.RKBB7CZ6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3117,14 +3117,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/lt-LT.RKBB7CZ6.js"
+            "module": "dist/chunks/lt-LT.RKBB7CZ6.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/lt.TLM7OCXP.js",
+      "path": "dist/chunks/lt.TLM7OCXP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3138,14 +3138,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/lt.TLM7OCXP.js"
+            "module": "dist/chunks/lt.TLM7OCXP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/lv-LV.H5TJC2T4.js",
+      "path": "dist/chunks/lv-LV.H5TJC2T4.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3159,14 +3159,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/lv-LV.H5TJC2T4.js"
+            "module": "dist/chunks/lv-LV.H5TJC2T4.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/lv.G4SRVBAC.js",
+      "path": "dist/chunks/lv.G4SRVBAC.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3180,14 +3180,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/lv.G4SRVBAC.js"
+            "module": "dist/chunks/lv.G4SRVBAC.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ms.ATTITA66.js",
+      "path": "dist/chunks/ms.ATTITA66.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3201,14 +3201,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/ms.ATTITA66.js"
+            "module": "dist/chunks/ms.ATTITA66.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/nb.5EE7XOA7.js",
+      "path": "dist/chunks/nb.5EE7XOA7.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3222,14 +3222,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "cdn/chunks/nb.5EE7XOA7.js"
+            "module": "dist/chunks/nb.5EE7XOA7.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/nl.TY2SYTKZ.js",
+      "path": "dist/chunks/nl.TY2SYTKZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3243,14 +3243,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/nl.TY2SYTKZ.js"
+            "module": "dist/chunks/nl.TY2SYTKZ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/nl_NL.GB5BQ5PG.js",
+      "path": "dist/chunks/nl_NL.GB5BQ5PG.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3264,14 +3264,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/nl_NL.GB5BQ5PG.js"
+            "module": "dist/chunks/nl_NL.GB5BQ5PG.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/pl.5PRBSG4K.js",
+      "path": "dist/chunks/pl.5PRBSG4K.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3285,14 +3285,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/pl.5PRBSG4K.js"
+            "module": "dist/chunks/pl.5PRBSG4K.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/pt-BR.5XRZB5WW.js",
+      "path": "dist/chunks/pt-BR.5XRZB5WW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3306,14 +3306,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/pt-BR.5XRZB5WW.js"
+            "module": "dist/chunks/pt-BR.5XRZB5WW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/pt.TA5H5JUJ.js",
+      "path": "dist/chunks/pt.TA5H5JUJ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3327,14 +3327,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "cdn/chunks/pt.TA5H5JUJ.js"
+            "module": "dist/chunks/pt.TA5H5JUJ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ro.PSZKGHRP.js",
+      "path": "dist/chunks/ro.PSZKGHRP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3348,14 +3348,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "cdn/chunks/ro.PSZKGHRP.js"
+            "module": "dist/chunks/ro.PSZKGHRP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/ru.3QZY7ZIT.js",
+      "path": "dist/chunks/ru.3QZY7ZIT.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3369,14 +3369,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/ru.3QZY7ZIT.js"
+            "module": "dist/chunks/ru.3QZY7ZIT.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/sk.FAQFYLGM.js",
+      "path": "dist/chunks/sk.FAQFYLGM.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3390,14 +3390,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/sk.FAQFYLGM.js"
+            "module": "dist/chunks/sk.FAQFYLGM.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/sl.QRSCQXJP.js",
+      "path": "dist/chunks/sl.QRSCQXJP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3411,14 +3411,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "cdn/chunks/sl.QRSCQXJP.js"
+            "module": "dist/chunks/sl.QRSCQXJP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/sr-RS.TKMMG7FK.js",
+      "path": "dist/chunks/sr-RS.TKMMG7FK.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3432,14 +3432,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/sr-RS.TKMMG7FK.js"
+            "module": "dist/chunks/sr-RS.TKMMG7FK.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/sv.HZ3E6V5F.js",
+      "path": "dist/chunks/sv.HZ3E6V5F.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3453,14 +3453,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/sv.HZ3E6V5F.js"
+            "module": "dist/chunks/sv.HZ3E6V5F.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/th.AY6M42B4.js",
+      "path": "dist/chunks/th.AY6M42B4.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3474,14 +3474,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/th.AY6M42B4.js"
+            "module": "dist/chunks/th.AY6M42B4.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/tr.TFKBPYMO.js",
+      "path": "dist/chunks/tr.TFKBPYMO.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3495,14 +3495,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "cdn/chunks/tr.TFKBPYMO.js"
+            "module": "dist/chunks/tr.TFKBPYMO.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/uk-UA.3TU67RSI.js",
+      "path": "dist/chunks/uk-UA.3TU67RSI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3516,14 +3516,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/uk-UA.3TU67RSI.js"
+            "module": "dist/chunks/uk-UA.3TU67RSI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/vi.NLXELMXV.js",
+      "path": "dist/chunks/vi.NLXELMXV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3537,14 +3537,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "cdn/chunks/vi.NLXELMXV.js"
+            "module": "dist/chunks/vi.NLXELMXV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/zf.U5XPENNR.js",
+      "path": "dist/chunks/zf.U5XPENNR.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3558,14 +3558,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "cdn/chunks/zf.U5XPENNR.js"
+            "module": "dist/chunks/zf.U5XPENNR.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/zh-CN.VEOQJ3EU.js",
+      "path": "dist/chunks/zh-CN.VEOQJ3EU.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3579,14 +3579,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/zh-CN.VEOQJ3EU.js"
+            "module": "dist/chunks/zh-CN.VEOQJ3EU.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/zh-HK.ZEXSW7FF.js",
+      "path": "dist/chunks/zh-HK.ZEXSW7FF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3600,14 +3600,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/zh-HK.ZEXSW7FF.js"
+            "module": "dist/chunks/zh-HK.ZEXSW7FF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "cdn/chunks/zh-TW.MMVWEQMZ.js",
+      "path": "dist/chunks/zh-TW.MMVWEQMZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3621,14 +3621,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "cdn/chunks/zh-TW.MMVWEQMZ.js"
+            "module": "dist/chunks/zh-TW.MMVWEQMZ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ar.5AY75F5J.js",
+      "path": "cdn/chunks/ar.5AY75F5J.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3642,14 +3642,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ar.5AY75F5J.js"
+            "module": "cdn/chunks/ar.5AY75F5J.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/bg.2EL2HTYI.js",
+      "path": "cdn/chunks/bg.2EL2HTYI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3663,14 +3663,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/bg.2EL2HTYI.js"
+            "module": "cdn/chunks/bg.2EL2HTYI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ca.WZI7CBFW.js",
+      "path": "cdn/chunks/ca.WZI7CBFW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3684,14 +3684,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ca.WZI7CBFW.js"
+            "module": "cdn/chunks/ca.WZI7CBFW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/chunk.G45OCYEN.js",
+      "path": "cdn/chunks/chunk.G45OCYEN.js",
       "declarations": [
         {
           "kind": "function",
@@ -3759,7 +3759,7 @@
           "name": "a",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/chunk.G45OCYEN.js"
+            "module": "cdn/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -3767,7 +3767,7 @@
           "name": "b",
           "declaration": {
             "name": "p",
-            "module": "dist/chunks/chunk.G45OCYEN.js"
+            "module": "cdn/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -3775,7 +3775,7 @@
           "name": "c",
           "declaration": {
             "name": "q",
-            "module": "dist/chunks/chunk.G45OCYEN.js"
+            "module": "cdn/chunks/chunk.G45OCYEN.js"
           }
         },
         {
@@ -3783,14 +3783,14 @@
           "name": "d",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/chunk.G45OCYEN.js"
+            "module": "cdn/chunks/chunk.G45OCYEN.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/chunk.QMLIEEKM.js",
+      "path": "cdn/chunks/chunk.QMLIEEKM.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3807,14 +3807,14 @@
           "name": "a",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/chunk.QMLIEEKM.js"
+            "module": "cdn/chunks/chunk.QMLIEEKM.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/cs.GBLLNC3E.js",
+      "path": "cdn/chunks/cs.GBLLNC3E.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3828,14 +3828,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/cs.GBLLNC3E.js"
+            "module": "cdn/chunks/cs.GBLLNC3E.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/da.CDEFQG44.js",
+      "path": "cdn/chunks/da.CDEFQG44.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3849,14 +3849,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/da.CDEFQG44.js"
+            "module": "cdn/chunks/da.CDEFQG44.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/de.UHURA2HV.js",
+      "path": "cdn/chunks/de.UHURA2HV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3870,14 +3870,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/de.UHURA2HV.js"
+            "module": "cdn/chunks/de.UHURA2HV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/el.BY5NGYDF.js",
+      "path": "cdn/chunks/el.BY5NGYDF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3891,14 +3891,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/el.BY5NGYDF.js"
+            "module": "cdn/chunks/el.BY5NGYDF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/en-GB.UBLLAUVW.js",
+      "path": "cdn/chunks/en-GB.UBLLAUVW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3912,14 +3912,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/en-GB.UBLLAUVW.js"
+            "module": "cdn/chunks/en-GB.UBLLAUVW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/en.BKAVPUID.js",
+      "path": "cdn/chunks/en.BKAVPUID.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3933,14 +3933,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/en.BKAVPUID.js"
+            "module": "cdn/chunks/en.BKAVPUID.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es-AR.EYNC6EAZ.js",
+      "path": "cdn/chunks/es-AR.EYNC6EAZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3954,14 +3954,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/es-AR.EYNC6EAZ.js"
+            "module": "cdn/chunks/es-AR.EYNC6EAZ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es-MX.OIO2YURF.js",
+      "path": "cdn/chunks/es-MX.OIO2YURF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3975,14 +3975,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/es-MX.OIO2YURF.js"
+            "module": "cdn/chunks/es-MX.OIO2YURF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/es.CNNIJYLX.js",
+      "path": "cdn/chunks/es.CNNIJYLX.js",
       "declarations": [
         {
           "kind": "variable",
@@ -3996,14 +3996,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/es.CNNIJYLX.js"
+            "module": "cdn/chunks/es.CNNIJYLX.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/et-EE.4ZF6CLB6.js",
+      "path": "cdn/chunks/et-EE.4ZF6CLB6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4017,14 +4017,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/et-EE.4ZF6CLB6.js"
+            "module": "cdn/chunks/et-EE.4ZF6CLB6.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/fi-FI.4ZXWRRYI.js",
+      "path": "cdn/chunks/fi-FI.4ZXWRRYI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4038,14 +4038,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/fi-FI.4ZXWRRYI.js"
+            "module": "cdn/chunks/fi-FI.4ZXWRRYI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/fr.TZM5I4K2.js",
+      "path": "cdn/chunks/fr.TZM5I4K2.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4059,14 +4059,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/fr.TZM5I4K2.js"
+            "module": "cdn/chunks/fr.TZM5I4K2.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/he.DWEZBG4A.js",
+      "path": "cdn/chunks/he.DWEZBG4A.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4080,14 +4080,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/he.DWEZBG4A.js"
+            "module": "cdn/chunks/he.DWEZBG4A.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/hr.BV4PC324.js",
+      "path": "cdn/chunks/hr.BV4PC324.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4101,14 +4101,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/hr.BV4PC324.js"
+            "module": "cdn/chunks/hr.BV4PC324.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/hu.MTEKSS3J.js",
+      "path": "cdn/chunks/hu.MTEKSS3J.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4122,14 +4122,14 @@
           "name": "templates",
           "declaration": {
             "name": "s",
-            "module": "dist/chunks/hu.MTEKSS3J.js"
+            "module": "cdn/chunks/hu.MTEKSS3J.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/id.SJSTOPSC.js",
+      "path": "cdn/chunks/id.SJSTOPSC.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4143,14 +4143,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/id.SJSTOPSC.js"
+            "module": "cdn/chunks/id.SJSTOPSC.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/it.IISTMHN5.js",
+      "path": "cdn/chunks/it.IISTMHN5.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4164,14 +4164,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/it.IISTMHN5.js"
+            "module": "cdn/chunks/it.IISTMHN5.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ja.IBQ3ID5C.js",
+      "path": "cdn/chunks/ja.IBQ3ID5C.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4185,14 +4185,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ja.IBQ3ID5C.js"
+            "module": "cdn/chunks/ja.IBQ3ID5C.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ko.KZVQLI4V.js",
+      "path": "cdn/chunks/ko.KZVQLI4V.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4206,14 +4206,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ko.KZVQLI4V.js"
+            "module": "cdn/chunks/ko.KZVQLI4V.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lt-LT.RKBB7CZ6.js",
+      "path": "cdn/chunks/lt-LT.RKBB7CZ6.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4227,14 +4227,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lt-LT.RKBB7CZ6.js"
+            "module": "cdn/chunks/lt-LT.RKBB7CZ6.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lt.TLM7OCXP.js",
+      "path": "cdn/chunks/lt.TLM7OCXP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4248,14 +4248,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/lt.TLM7OCXP.js"
+            "module": "cdn/chunks/lt.TLM7OCXP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lv-LV.H5TJC2T4.js",
+      "path": "cdn/chunks/lv-LV.H5TJC2T4.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4269,14 +4269,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lv-LV.H5TJC2T4.js"
+            "module": "cdn/chunks/lv-LV.H5TJC2T4.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/lv.G4SRVBAC.js",
+      "path": "cdn/chunks/lv.G4SRVBAC.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4290,14 +4290,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/lv.G4SRVBAC.js"
+            "module": "cdn/chunks/lv.G4SRVBAC.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ms.ATTITA66.js",
+      "path": "cdn/chunks/ms.ATTITA66.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4311,14 +4311,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ms.ATTITA66.js"
+            "module": "cdn/chunks/ms.ATTITA66.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nb.5EE7XOA7.js",
+      "path": "cdn/chunks/nb.5EE7XOA7.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4332,14 +4332,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/nb.5EE7XOA7.js"
+            "module": "cdn/chunks/nb.5EE7XOA7.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nl.TY2SYTKZ.js",
+      "path": "cdn/chunks/nl.TY2SYTKZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4353,14 +4353,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/nl.TY2SYTKZ.js"
+            "module": "cdn/chunks/nl.TY2SYTKZ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/nl_NL.GB5BQ5PG.js",
+      "path": "cdn/chunks/nl_NL.GB5BQ5PG.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4374,14 +4374,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/nl_NL.GB5BQ5PG.js"
+            "module": "cdn/chunks/nl_NL.GB5BQ5PG.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pl.5PRBSG4K.js",
+      "path": "cdn/chunks/pl.5PRBSG4K.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4395,14 +4395,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/pl.5PRBSG4K.js"
+            "module": "cdn/chunks/pl.5PRBSG4K.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pt-BR.5XRZB5WW.js",
+      "path": "cdn/chunks/pt-BR.5XRZB5WW.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4416,14 +4416,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/pt-BR.5XRZB5WW.js"
+            "module": "cdn/chunks/pt-BR.5XRZB5WW.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/pt.TA5H5JUJ.js",
+      "path": "cdn/chunks/pt.TA5H5JUJ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4437,14 +4437,14 @@
           "name": "templates",
           "declaration": {
             "name": "t",
-            "module": "dist/chunks/pt.TA5H5JUJ.js"
+            "module": "cdn/chunks/pt.TA5H5JUJ.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ro.PSZKGHRP.js",
+      "path": "cdn/chunks/ro.PSZKGHRP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4458,14 +4458,14 @@
           "name": "templates",
           "declaration": {
             "name": "i",
-            "module": "dist/chunks/ro.PSZKGHRP.js"
+            "module": "cdn/chunks/ro.PSZKGHRP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/ru.3QZY7ZIT.js",
+      "path": "cdn/chunks/ru.3QZY7ZIT.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4479,14 +4479,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/ru.3QZY7ZIT.js"
+            "module": "cdn/chunks/ru.3QZY7ZIT.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sk.FAQFYLGM.js",
+      "path": "cdn/chunks/sk.FAQFYLGM.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4500,14 +4500,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/sk.FAQFYLGM.js"
+            "module": "cdn/chunks/sk.FAQFYLGM.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sl.QRSCQXJP.js",
+      "path": "cdn/chunks/sl.QRSCQXJP.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4521,14 +4521,14 @@
           "name": "templates",
           "declaration": {
             "name": "r",
-            "module": "dist/chunks/sl.QRSCQXJP.js"
+            "module": "cdn/chunks/sl.QRSCQXJP.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sr-RS.TKMMG7FK.js",
+      "path": "cdn/chunks/sr-RS.TKMMG7FK.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4542,14 +4542,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/sr-RS.TKMMG7FK.js"
+            "module": "cdn/chunks/sr-RS.TKMMG7FK.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/sv.HZ3E6V5F.js",
+      "path": "cdn/chunks/sv.HZ3E6V5F.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4563,14 +4563,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/sv.HZ3E6V5F.js"
+            "module": "cdn/chunks/sv.HZ3E6V5F.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/th.AY6M42B4.js",
+      "path": "cdn/chunks/th.AY6M42B4.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4584,14 +4584,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/th.AY6M42B4.js"
+            "module": "cdn/chunks/th.AY6M42B4.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/tr.TFKBPYMO.js",
+      "path": "cdn/chunks/tr.TFKBPYMO.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4605,14 +4605,14 @@
           "name": "templates",
           "declaration": {
             "name": "n",
-            "module": "dist/chunks/tr.TFKBPYMO.js"
+            "module": "cdn/chunks/tr.TFKBPYMO.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/uk-UA.3TU67RSI.js",
+      "path": "cdn/chunks/uk-UA.3TU67RSI.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4626,14 +4626,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/uk-UA.3TU67RSI.js"
+            "module": "cdn/chunks/uk-UA.3TU67RSI.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/vi.NLXELMXV.js",
+      "path": "cdn/chunks/vi.NLXELMXV.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4647,14 +4647,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/vi.NLXELMXV.js"
+            "module": "cdn/chunks/vi.NLXELMXV.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/zf.U5XPENNR.js",
+      "path": "cdn/chunks/zf.U5XPENNR.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4668,14 +4668,14 @@
           "name": "templates",
           "declaration": {
             "name": "a",
-            "module": "dist/chunks/zf.U5XPENNR.js"
+            "module": "cdn/chunks/zf.U5XPENNR.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/zh-CN.VEOQJ3EU.js",
+      "path": "cdn/chunks/zh-CN.VEOQJ3EU.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4689,14 +4689,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/zh-CN.VEOQJ3EU.js"
+            "module": "cdn/chunks/zh-CN.VEOQJ3EU.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/zh-HK.ZEXSW7FF.js",
+      "path": "cdn/chunks/zh-HK.ZEXSW7FF.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4710,14 +4710,14 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/zh-HK.ZEXSW7FF.js"
+            "module": "cdn/chunks/zh-HK.ZEXSW7FF.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/chunks/zh-TW.MMVWEQMZ.js",
+      "path": "cdn/chunks/zh-TW.MMVWEQMZ.js",
       "declarations": [
         {
           "kind": "variable",
@@ -4731,7 +4731,7 @@
           "name": "templates",
           "declaration": {
             "name": "o",
-            "module": "dist/chunks/zh-TW.MMVWEQMZ.js"
+            "module": "cdn/chunks/zh-TW.MMVWEQMZ.js"
           }
         }
       ]
@@ -14079,69 +14079,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/containers/vault-manager/components/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-payment-method-item/vault-payment-method-item"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-manager-header/vault-manager-header"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-delete-confirmation/vault-delete-confirmation"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-empty-state/vault-empty-state"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-error-message/vault-error-message"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-payment-submit/vault-payment-submit"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./vault-cvv-input/vault-cvv-input"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/containers/vault-manager/utils/formatters.ts",
@@ -14488,6 +14425,69 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/containers/vault-manager/components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-payment-method-item/vault-payment-method-item"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-manager-header/vault-manager-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-delete-confirmation/vault-delete-confirmation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-empty-state/vault-empty-state"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-error-message/vault-error-message"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-payment-submit/vault-payment-submit"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./vault-cvv-input/vault-cvv-input"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/containers/card-form/components/card-form-submit/card-form-submit.component.ts",