@primer-io/primer-js 0.3.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,7 +16,7 @@
16
16
  },
17
17
  {
18
18
  "kind": "variable",
19
- "name": "xr",
19
+ "name": "Er",
20
20
  "default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
21
21
  },
22
22
  {
@@ -55,57 +55,57 @@
55
55
  {
56
56
  "kind": "variable",
57
57
  "name": "re",
58
- "default": "class extends g{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new er(this),this.sdkStateController=new Xt(this),this.primerEventsController=new mt(this),this.styleProcessingController=new tr(this),this.vaultManagerController=new wt(this),this.cardNetworkController=new Gt(this),this.achPaymentEventsController=new Rr(this),new Or(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===qs.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(ni(this.options?.locale)?this.locale=si(this.options?.locale):A.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),ai(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(A.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,r=e.isLoading,o=e.error,a=!r&&!o;return p` ${I(r,()=>u)} ${I(o,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${I(a,()=>p`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${I(this.hasAssignedContent,()=>u,()=>p`<primer-main></primer-main>`)} `,()=>u)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
58
+ "default": "class extends g{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new tr(this),this.sdkStateController=new Qt(this),this.primerEventsController=new ht(this),this.styleProcessingController=new rr(this),this.vaultManagerController=new Tt(this),this.cardNetworkController=new qt(this),this.achPaymentEventsController=new Vr(this),new $r(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===ml.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(di(this.options?.locale)?this.locale=ci(this.options?.locale):S.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),li(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(S.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,r=e.isLoading,o=e.error,a=!r&&!o;return p` ${I(r,()=>h)} ${I(o,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${I(a,()=>p`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${I(this.hasAssignedContent,()=>h,()=>p`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
59
59
  },
60
60
  {
61
61
  "kind": "function",
62
- "name": "da"
62
+ "name": "ba"
63
63
  },
64
64
  {
65
65
  "kind": "function",
66
- "name": "ca"
66
+ "name": "Ca"
67
67
  },
68
68
  {
69
69
  "kind": "function",
70
- "name": "Qs"
70
+ "name": "gl"
71
71
  },
72
72
  {
73
73
  "kind": "function",
74
- "name": "el"
74
+ "name": "vl"
75
75
  },
76
76
  {
77
77
  "kind": "variable",
78
- "name": "ye",
79
- "default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ti)return Ti[this.size];let e=parseInt(this.size,10);return isNaN(e)?Ti.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${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>`}}"
78
+ "name": "ve",
79
+ "default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ni)return Ni[this.size];let e=parseInt(this.size,10);return isNaN(e)?Ni.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${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>`}}"
80
80
  },
81
81
  {
82
82
  "kind": "variable",
83
- "name": "ge",
83
+ "name": "be",
84
84
  "default": "class extends g{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let a=o.querySelector(\"primer-input\");if(a)return a}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return p`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${q(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
85
85
  },
86
86
  {
87
87
  "kind": "variable",
88
- "name": "ke",
88
+ "name": "Ie",
89
89
  "default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return p`<label for=${this.for}><slot></slot></label>`}}"
90
90
  },
91
91
  {
92
92
  "kind": "variable",
93
93
  "name": "Q",
94
- "default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?u:p`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return u;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),p`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return p`<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()} ${this.flex?p`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:p`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
94
+ "default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:p`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return h;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),p`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return p`<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()} ${this.flex?p`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:p`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
95
95
  },
96
96
  {
97
97
  "kind": "variable",
98
- "name": "Ie",
98
+ "name": "Le",
99
99
  "default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return p`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
100
100
  },
101
101
  {
102
102
  "kind": "variable",
103
- "name": "ve",
104
- "default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?ya[this.name]:null;return p`<div style=\"--internal-icon-color: ${this.color}\">${e||p`<slot></slot>`}</div>`}}"
103
+ "name": "Ce",
104
+ "default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Pa[this.name]:null;return p`<div style=\"--internal-icon-color: ${this.color}\">${e||p`<slot></slot>`}</div>`}}"
105
105
  },
106
106
  {
107
107
  "kind": "variable",
108
- "name": "Le",
108
+ "name": "Ne",
109
109
  "default": "class extends g{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?p`<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>`:p`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?p`<p class=\"secondary\">${this.description}</p>`:p`<p class=\"secondary\">Something went wrong.</p>`} `}}"
110
110
  },
111
111
  {
@@ -120,58 +120,63 @@
120
120
  },
121
121
  {
122
122
  "kind": "variable",
123
- "name": "be",
124
- "default": "class extends g{constructor(){super();this.message=\"\";this.visible=!1;this._role=\"alert\";this.showMessage=!1;this.role=\"alert\"}get role(){return this._role}set role(e){this._role=e,this.setAttribute(\"role\",e)}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return u;let e={\"error-message\":!0,hidden:!this.visible};return p`<div part=\"error-message\" class=${q(e)} aria-live=\"assertive\" aria-atomic=\"true\" ><div part=\"error-icon\" class=\"error-icon\"><primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon></div><div part=\"error-content\" class=\"error-content\">${this.message}</div></div>`}}"
123
+ "name": "xe",
124
+ "default": "class extends g{constructor(){super();this.message=\"\";this.visible=!1;this._role=\"alert\";this.showMessage=!1;this.role=\"alert\"}get role(){return this._role}set role(e){this._role=e,this.setAttribute(\"role\",e)}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let e={\"error-message\":!0,hidden:!this.visible};return p`<div part=\"error-message\" class=${q(e)} aria-live=\"assertive\" aria-atomic=\"true\" ><div part=\"error-icon\" class=\"error-icon\"><primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon></div><div part=\"error-content\" class=\"error-content\">${this.message}</div></div>`}}"
125
125
  },
126
126
  {
127
127
  "kind": "variable",
128
- "name": "Ge",
128
+ "name": "We",
129
129
  "default": "class extends g{constructor(){super(...arguments);this._id=`d${Math.random().toString(36).substring(7)}`;this._handleSlotChange=e=>{let o=e.target.assignedNodes();if(!o.length)return;let a=this.getContainer();o.forEach(n=>a.appendChild(n))}}get id(){return this._id}getContainer(){let e=document.querySelector(`#${this._id}`);return e||(e=document.createElement(\"div\"),e.id=this._id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}render(){return p`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
130
130
  },
131
131
  {
132
132
  "kind": "variable",
133
- "name": "dt",
133
+ "name": "pt",
134
134
  "default": "class extends g{constructor(){super(...arguments);this._handleCloseClick=()=>{this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}}render(){return p`<div class=${q({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>`}}"
135
135
  },
136
136
  {
137
137
  "kind": "variable",
138
138
  "name": "j",
139
- "default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=x(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new L(this,{task:async([e,r])=>{if(!e||!r)return M;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]});this.toggleExpand=()=>{this.disabled||(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(e){A.error(\"Failed to start Klarna payment\",e)}}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:e=>{e>0&&(this.klarnaContainer.style.height=`${e}px`)}})}catch(e){A.error(\"Failed to render Klarna category\",e)}}selectCategory(e){this.disabled||(this.selectedCategory=e,this.renderSelectedCategory())}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?p`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:p`<div class=\"category-selection\">${e.map(o=>p`<button class=${q({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} ?disabled=${this.disabled} >${o.name}</button>`)}</div>`}renderExpandedContent(){return p` ${this.renderCategorySelection()} ${this.selectedCategory?p`<div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div>`:u}<button class=${q({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory||this.disabled})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing||this.disabled} @click=${()=>this.startKlarnaPayment()} >${x(\"confirm\",{id:\"confirm\"})}</button>`}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return p`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e,klarnaIcon:r})=>e?p`<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} ?disabled=${this.disabled} ><img src=${r} alt=\"Klarna logo\" /><span>${x(\"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>`:u})}}"
139
+ "default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=x(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new L(this,{task:async([e,r])=>{if(!e||!r)return T;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]});this.toggleExpand=()=>{this.disabled||(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(e){S.error(\"Failed to start Klarna payment\",e)}}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:e=>{e>0&&(this.klarnaContainer.style.height=`${e}px`)}})}catch(e){S.error(\"Failed to render Klarna category\",e)}}selectCategory(e){this.disabled||(this.selectedCategory=e,this.renderSelectedCategory())}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?p`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:p`<div class=\"category-selection\">${e.map(o=>p`<button class=${q({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} ?disabled=${this.disabled} >${o.name}</button>`)}</div>`}renderExpandedContent(){return p` ${this.renderCategorySelection()} ${this.selectedCategory?p`<div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div>`:h}<button class=${q({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory||this.disabled})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing||this.disabled} @click=${()=>this.startKlarnaPayment()} >${x(\"confirm\",{id:\"confirm\"})}</button>`}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return p`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e,klarnaIcon:r})=>e?p`<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} ?disabled=${this.disabled} ><img src=${r} alt=\"Klarna logo\" /><span>${x(\"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})}}"
140
140
  },
141
141
  {
142
142
  "kind": "variable",
143
- "name": "Ce",
144
- "default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.paymentMethods=null}render(){if(!this.type)return u;let e=this.paymentMethods?.get(this.type);if(!e)return u;switch(e?.managerType){case\"CARD\":return p`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;case\"NATIVE\":return p`<primer-native-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-native-payment>`;case\"REDIRECT\":return p`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;case\"KLARNA\":return p`<primer-klarna ?disabled=${this.disabled}></primer-klarna>`;case\"ACH\":return p`<primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment>`;default:return u}}}"
143
+ "name": "Ee",
144
+ "default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.paymentMethods=null}render(){if(!this.type)return h;let e=this.paymentMethods?.get(this.type);if(!e)return h;switch(e?.managerType){case\"CARD\":return p`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;case\"NATIVE\":return p`<primer-native-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-native-payment>`;case\"REDIRECT\":return p`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;case\"KLARNA\":return p`<primer-klarna ?disabled=${this.disabled}></primer-klarna>`;case\"ACH\":return p`<primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment>`;default:return h}}}"
145
+ },
146
+ {
147
+ "kind": "variable",
148
+ "name": "ne",
149
+ "default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentMethods=null;this.clientOptions=null}getFilteredMethods(){if(!this.paymentMethods)return[];let e=this.paymentMethods.toArray();if(this.include){let r=this.include.split(\",\").map(o=>o.trim());e=e.filter(o=>r.includes(o.type))}if(this.exclude){let r=this.exclude.split(\",\").map(o=>o.trim());e=e.filter(o=>!r.includes(o.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?h:p`<div class=\"payment-methods-container\">${e.map(r=>p`<primer-payment-method type=\"${r.type}\" ?disabled=\"${this.disabled||this.clientOptions?.disabledPayments===!0}\" ></primer-payment-method>`)}</div>`}}"
145
150
  },
146
151
  {
147
152
  "kind": "variable",
148
153
  "name": "ie",
149
- "default": "class extends g{constructor(){super(...arguments);this.formController=new Dr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new L(this,{task:([e])=>e!==\"STRIPE_ACH\"?M:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(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(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p`<h2>${x(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${x(\"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\">${x(\"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:u}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${x(\"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:u}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${x(\"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:u}</primer-input-error></primer-input-wrapper><p>${x(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${x(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return p`<h2>${x(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??x(\"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} >${x(\"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} >${x(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():u})}}"
154
+ "default": "class extends g{constructor(){super(...arguments);this.formController=new Yr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new L(this,{task:([e])=>e!==\"STRIPE_ACH\"?T:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(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(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p`<h2>${x(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${x(\"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\">${x(\"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\">${x(\"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\">${x(\"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>${x(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${x(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return p`<h2>${x(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??x(\"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} >${x(\"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} >${x(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():h})}}"
150
155
  },
151
156
  {
152
157
  "kind": "variable",
153
- "name": "ae",
154
- "default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?M:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return M;let o=r.getPaymentMethodConfiguration(e);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}:M},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?M:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?jt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),x(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p`<primer-portal><primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:u}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p`<primer-button @click=\"${()=>this.start()}\" class=${q({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${x(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ><span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>${e.displayName}</primer-button>${this.renderDialog()} `)})}}"
158
+ "name": "se",
159
+ "default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?T:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return T;let o=r.getPaymentMethodConfiguration(e);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}:T},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?T:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Kt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),x(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p`<primer-portal><primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p`<primer-button @click=\"${()=>this.start()}\" class=${q({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${x(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ><span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>${e.displayName}</primer-button>${this.renderDialog()} `)})}}"
155
160
  },
156
161
  {
157
162
  "kind": "variable",
158
- "name": "ne",
159
- "default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?M:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return M;let o=r.getPaymentMethodConfiguration(e);if(!o)return M;let a=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,n=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:a,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:n}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?M:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?jt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),x(r,{id:r})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},o=e.displayName?p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return p`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${q(r)} title=\"${x(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
163
+ "name": "le",
164
+ "default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?T:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return T;let o=r.getPaymentMethodConfiguration(e);if(!o)return T;let a=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,n=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:a,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:n}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?T:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Kt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),x(r,{id:r})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},o=e.displayName?p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:p`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return p`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${q(r)} title=\"${x(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
160
165
  },
161
166
  {
162
167
  "kind": "variable",
163
168
  "name": "K",
164
- "default": "class extends g{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this.deleteAssetConfig=null;this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await $r(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=x(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:x(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:x(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new xt(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\"}}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return ki(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return p`<div class=\"loading-overlay\" ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ><primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner></div>`}renderDeleteConfirmation(){if(!this.deletePaymentMethodId||!this.deleteAssetConfig)return u;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return p`<div class=\"delete-confirmation-container\"><primer-button disabled variant=\"secondary\"><primer-payment-method-content .assetConfig=${this.deleteAssetConfig} ></primer-payment-method-content></primer-button><primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation></div>`}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?u:p`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return p`<div class=\"payment-methods-list\">${e.map(o=>this.renderPaymentMethodItem(o))} ${I(r,()=>p`<div class=\"submit-button-container\"><primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit></div>`,()=>u)}</div>`}render(){if(!this.vaultManagerContext?.enabled)return u;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return p` ${I(!this.vaultManagerContext?.showEmptyState&&!e,()=>u,()=>p`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${o?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${I(this.errorMessage,()=>p`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>u)}<div class=\"vault-manager-content\">${I(!r&&!e,()=>p`<div class=\"content-container\"><primer-vault-empty-state ${We({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>u)} ${I(!r&&e,()=>p`<div class=\"content-container\">${I(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>u)}</div>${I(o,()=>this.renderLoadingOverlay(),()=>u)}</div></slot>`)} `}}"
169
+ "default": "class extends g{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this.deleteAssetConfig=null;this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await Ur(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=x(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:x(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:x(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new At(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\"}}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return Oi(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return p`<div class=\"loading-overlay\" ${Ze({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ><primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner></div>`}renderDeleteConfirmation(){if(!this.deletePaymentMethodId||!this.deleteAssetConfig)return h;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return p`<div class=\"delete-confirmation-container\"><primer-button disabled variant=\"secondary\"><primer-payment-method-content .assetConfig=${this.deleteAssetConfig} ></primer-payment-method-content></primer-button><primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${Ze({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation></div>`}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?h:p`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${Ze({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return p`<div class=\"payment-methods-list\">${e.map(o=>this.renderPaymentMethodItem(o))} ${I(r,()=>p`<div class=\"submit-button-container\"><primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${Ze({...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 e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return p` ${I(!this.vaultManagerContext?.showEmptyState&&!e,()=>h,()=>p`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${o?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${I(this.errorMessage,()=>p`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${Ze({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>h)}<div class=\"vault-manager-content\">${I(!r&&!e,()=>p`<div class=\"content-container\"><primer-vault-empty-state ${Ze({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>h)} ${I(!r&&e,()=>p`<div class=\"content-container\">${I(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>h)}</div>${I(o,()=>this.renderLoadingOverlay(),()=>h)}</div></slot>`)} `}}"
165
170
  },
166
171
  {
167
172
  "kind": "variable",
168
173
  "name": "te",
169
- "default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new L(this,{task:async([e,r,o])=>await $r(e,r,o),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))};this.handleDeleteClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>u,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",o=!1,a=e?.description;return p`<div class=\"payment-method-wrapper\"><div class=\"payment-method-container\"><primer-button variant=\"secondary\" class=\"payment-method-button ${e.shouldShowCVV?\"with-cvv\":\"\"}\" selectable ?disabled=${this.isEditMode} selectionState=${r} .flex=${o} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${I(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>p`<div class=\"payment-method-row mt-2\"><span class=\"flex-center\"><primer-icon name=\"lock\" size=\"sm\"></primer-icon><span class=\"payment-method-subtitle\"> Input the card CVV for a secure payment</span ></span><span class=\"cell-2\"><primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ><span slot=\"label\"></span></primer-vault-cvv-input></span></div>`,()=>u)}</primer-button>${this.isEditMode?p`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${x(\"delete\",{id:\"delete\"})} ${a}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:u}</div></div>`}})}}"
174
+ "default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new L(this,{task:async([e,r,o])=>await Ur(e,r,o),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))};this.handleDeleteClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>h,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",o=!1,a=e?.description;return p`<div class=\"payment-method-wrapper\"><div class=\"payment-method-container\"><primer-button variant=\"secondary\" class=\"payment-method-button ${e.shouldShowCVV?\"with-cvv\":\"\"}\" selectable ?disabled=${this.isEditMode} selectionState=${r} .flex=${o} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${I(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>p`<div class=\"payment-method-row mt-2\"><span class=\"flex-center\"><primer-icon name=\"lock\" size=\"sm\"></primer-icon><span class=\"payment-method-subtitle\"> Input the card CVV for a secure payment</span ></span><span class=\"cell-2\"><primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ><span slot=\"label\"></span></primer-vault-cvv-input></span></div>`,()=>h)}</primer-button>${this.isEditMode?p`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${x(\"delete\",{id:\"delete\"})} ${a}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:h}</div></div>`}})}}"
170
175
  },
171
176
  {
172
177
  "kind": "variable",
173
- "name": "de",
174
- "default": "class extends g{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1;this.toggleEditMode=()=>{this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}}render(){return p`<div class=\"vault-manager-header\"><h3>${x(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?p`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?x(\"confirm\",{id:\"confirm\"}):x(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?p`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:p`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:u}</div>`}}"
178
+ "name": "pe",
179
+ "default": "class extends g{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1;this.toggleEditMode=()=>{this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}}render(){return p`<div class=\"vault-manager-header\"><h3>${x(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?p`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?x(\"confirm\",{id:\"confirm\"}):x(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?p`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:p`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:h}</div>`}}"
175
180
  },
176
181
  {
177
182
  "kind": "variable",
@@ -180,97 +185,97 @@
180
185
  },
181
186
  {
182
187
  "kind": "variable",
183
- "name": "Ne",
188
+ "name": "Oe",
184
189
  "default": "class extends g{render(){return p`<div class=\"empty-state\"><p>${x(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
185
190
  },
186
191
  {
187
192
  "kind": "variable",
188
- "name": "xe",
193
+ "name": "Ae",
189
194
  "default": "class extends g{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return p`<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=${x(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
190
195
  },
191
196
  {
192
197
  "kind": "variable",
193
198
  "name": "F",
194
- "default": "class extends g{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 e=>{if(e.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:x(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u;return p`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
199
+ "default": "class extends g{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 e=>{if(e.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:x(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:h;return p`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
195
200
  },
196
201
  {
197
202
  "kind": "variable",
198
203
  "name": "H",
199
- "default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new L(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?M:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new L(this,{task:async([e])=>{if(!e)return M;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Br(this.computedStyles),a=o?{input:{base:o}}:void 0,n={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:a};this.cvvInput=await e.createCvvInput?.(n)??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()}),this.cvvInput.addListener(\"focus\",()=>{this.onFocus()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null,this.isFocused=!1)}onFocus(){this.isFocused=!0}render(){return this._setupCVVIframe.render({error:()=>u,complete:()=>p`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} ><slot name=\"label\" slot=\"label\"><primer-input-label>CVV</primer-input-label></slot><div slot=\"input\" id=\"${this.cvvContainerId}\"></div>${I(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p`<primer-input-error slot=\"error\">${this.cvvError}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
204
+ "default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new L(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?T:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new L(this,{task:async([e])=>{if(!e)return T;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Kr(this.computedStyles),a=o?{input:{base:o}}:void 0,n={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:a};this.cvvInput=await e.createCvvInput?.(n)??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()}),this.cvvInput.addListener(\"focus\",()=>{this.onFocus()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null,this.isFocused=!1)}onFocus(){this.isFocused=!0}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>p`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} ><slot name=\"label\" slot=\"label\"><primer-input-label>CVV</primer-input-label></slot><div slot=\"input\" id=\"${this.cvvContainerId}\"></div>${I(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p`<primer-input-error slot=\"error\">${this.cvvError}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
200
205
  },
201
206
  {
202
207
  "kind": "variable",
203
- "name": "Ee",
204
- "default": "class extends g{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return u;let e=this.assetConfig.description,r=this.assetConfig.icon,o=I(this.assetConfig.icon,()=>p`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>p`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?p`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></div></div><div class=\"payment-method-right-column-text\">${this.assetConfig.email||`\\u2022\\u2022\\u2022\\u2022 ${this.assetConfig.last4}`}</div></div>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType===\"ACH\"?p`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.bankName}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.accountType}</span ></div></span>`:this.assetConfig.type===\"card\"?p`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.cardholderName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:u}}"
208
+ "name": "Se",
209
+ "default": "class extends g{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return h;let e=this.assetConfig.description,r=this.assetConfig.icon,o=I(this.assetConfig.icon,()=>p`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>p`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?p`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></div></div><div class=\"payment-method-right-column-text\">${this.assetConfig.email||`\\u2022\\u2022\\u2022\\u2022 ${this.assetConfig.last4}`}</div></div>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType===\"ACH\"?p`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.bankName}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.accountType}</span ></div></span>`:this.assetConfig.type===\"card\"?p`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.cardholderName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:h}}"
205
210
  },
206
211
  {
207
212
  "kind": "variable",
208
- "name": "se",
209
- "default": "class extends g{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new z(this,{context:Et,initialValue:null});this.eventsController=new mt(this);this.setupCardFormTask=new L(this,{task:([e])=>{if(!e?.manager)return M;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:a,expiryInput:n,cvvInput:l}=o;return this.cardFormProvider.setValue({cardHolderNameInput:o.cardHolderNameInput,cardNumberInput:a,expiryInput:n,cvvInput:l,setCardholderName:d=>r.setCardholderName(d),setCardNetwork:d=>{this.selectedCardNetwork=d},validate:()=>r.validate(),submit:d=>r.submit(d),hideLabels:this.hideLabels,disabled:this.disabled}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;let a=o;this.isSubmitButton(a)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}updated(e){super.updated(e),(e.has(\"hideLabels\")||e.has(\"disabled\"))&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels,disabled:this.disabled})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(e){let r=e.tagName.toLowerCase(),o=r===\"button\",a=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||a&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e||this.disabled)return;let r=await e.validate?.();if(r?.valid){let o=await e.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===Be.ERROR||this.setupCardFormTask.status===Be.INITIAL?u:p`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>I(this.hasAssignedContent,()=>u,()=>p`<div class=\"card-form\"><primer-input-card-number></primer-input-card-number><div class=\"card-form-row\"><primer-input-card-expiry></primer-input-card-expiry><primer-input-cvv></primer-input-cvv></div><primer-input-card-holder-name></primer-input-card-holder-name></div><primer-card-form-submit></primer-card-form-submit>`)})}</form>`}}"
213
+ "name": "de",
214
+ "default": "class extends g{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new z(this,{context:St,initialValue:null});this.eventsController=new ht(this);this.setupCardFormTask=new L(this,{task:([e])=>{if(!e?.manager)return T;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:a,expiryInput:n,cvvInput:l}=o;return this.cardFormProvider.setValue({cardHolderNameInput:o.cardHolderNameInput,cardNumberInput:a,expiryInput:n,cvvInput:l,setCardholderName:d=>r.setCardholderName(d),setCardNetwork:d=>{this.selectedCardNetwork=d},validate:()=>r.validate(),submit:d=>r.submit(d),hideLabels:this.hideLabels,disabled:this.disabled}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;let a=o;this.isSubmitButton(a)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}updated(e){super.updated(e),(e.has(\"hideLabels\")||e.has(\"disabled\"))&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels,disabled:this.disabled})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(e){let r=e.tagName.toLowerCase(),o=r===\"button\",a=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||a&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e||this.disabled)return;let r=await e.validate?.();if(r?.valid){let o=await e.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===je.ERROR||this.setupCardFormTask.status===je.INITIAL?h:p`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>I(this.hasAssignedContent,()=>h,()=>p`<div class=\"card-form\"><primer-input-card-number></primer-input-card-number><div class=\"card-form-row\"><primer-input-card-expiry></primer-input-card-expiry><primer-input-cvv></primer-input-cvv></div><primer-input-card-holder-name></primer-input-card-holder-name></div><primer-card-form-submit></primer-card-form-submit>`)})}</form>`}}"
210
215
  },
211
216
  {
212
217
  "kind": "variable",
213
- "name": "Oe",
214
- "default": "class extends W{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.handleNetworkSelected=e=>{let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===Be.ERROR)return u;let e=this.getError();return p`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!e} >${I(!this.cardFormContext?.hideLabels,()=>p`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>u)}<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>${I(e,r=>p`<primer-input-error slot=\"error\">${x(r,{id:r})}</primer-input-error>`,()=>u)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
218
+ "name": "Re",
219
+ "default": "class extends W{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.handleNetworkSelected=e=>{let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===je.ERROR)return h;let e=this.getError();return p`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!e} >${I(!this.cardFormContext?.hideLabels,()=>p`<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>${I(e,r=>p`<primer-input-error slot=\"error\">${x(r,{id:r})}</primer-input-error>`,()=>h)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
215
220
  },
216
221
  {
217
222
  "kind": "variable",
218
- "name": "Re",
223
+ "name": "De",
219
224
  "default": "class extends W{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
220
225
  },
221
226
  {
222
227
  "kind": "variable",
223
- "name": "De",
228
+ "name": "$e",
224
229
  "default": "class extends W{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()}}"
225
230
  },
226
231
  {
227
232
  "kind": "variable",
228
- "name": "$e",
233
+ "name": "Ve",
229
234
  "default": "class extends W{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:e=>this.handleInput(e)};this.childUpdated()}handleInput(e){this.cardFormContext?.setCardholderName?.(e)}render(){return this.renderInput()}}"
230
235
  },
231
236
  {
232
237
  "kind": "variable",
233
238
  "name": "G",
234
- "default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer:card-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:x(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u,o=this.disabled||this.cardFormContext?.disabled||!1;return p`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${o} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
239
+ "default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer:card-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:x(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:h,o=this.disabled||this.cardFormContext?.disabled||!1;return p`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${o} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
235
240
  },
236
241
  {
237
242
  "kind": "variable",
238
243
  "name": "J",
239
- "default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Ri();this.dropdownRef=Ri();this.networkOptionRefs=[];this.toggleDropdown=e=>{this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))};this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.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(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return p`<button ${jr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${a=>{(a.key===\" \"||a.key===\"Enter\")&&o&&(a.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:u} aria-haspopup=${o?\"true\":u} aria-controls=${o?\"network-dropdown\":u} ><img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} />${I(o,()=>p`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>u)}</button>${I(this.isDropdownOpen,()=>p`<div ${jr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((a,n)=>p`<div ${jr(l=>this.setNetworkOptionRef(l,n))} class=\"network-option ${this.isKeyboardNavigation&&n===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${l=>this.selectNetwork(l,a)} @keydown=${l=>{(l.key===\"Enter\"||l.key===\" \")&&this.selectNetwork(l,a)}} role=\"option\" aria-selected=${a.network===r.network} tabindex=\"${n===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(a)} alt=${a.displayName} /><span class=\"network-name\">${a.displayName}</span>${I(a.network===r.network,()=>p`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>u)}</div>`)}</div>`,()=>u)} `}}"
244
+ "default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Yi();this.dropdownRef=Yi();this.networkOptionRefs=[];this.toggleDropdown=e=>{this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))};this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.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(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return p`<button ${qr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${a=>{(a.key===\" \"||a.key===\"Enter\")&&o&&(a.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} />${I(o,()=>p`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>h)}</button>${I(this.isDropdownOpen,()=>p`<div ${qr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((a,n)=>p`<div ${qr(l=>this.setNetworkOptionRef(l,n))} class=\"network-option ${this.isKeyboardNavigation&&n===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${l=>this.selectNetwork(l,a)} @keydown=${l=>{(l.key===\"Enter\"||l.key===\" \")&&this.selectNetwork(l,a)}} role=\"option\" aria-selected=${a.network===r.network} tabindex=\"${n===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(a)} alt=${a.displayName} /><span class=\"network-name\">${a.displayName}</span>${I(a.network===r.network,()=>p`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>h)}</div>`)}</div>`,()=>h)} `}}"
240
245
  },
241
246
  {
242
247
  "kind": "variable",
243
- "name": "Ze",
244
- "default": "class extends g{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return u;let e=this.vaultManager?.showEmptyState&&this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||!e?p`<slot name=\"other-payments\"></slot>`:p`<div class=\"other-payment-methods-container\"><primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${x(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
248
+ "name": "Qe",
249
+ "default": "class extends g{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return h;let e=this.vaultManager?.showEmptyState&&this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||!e?p`<slot name=\"other-payments\"></slot>`:p`<div class=\"other-payment-methods-container\"><primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${x(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
245
250
  },
246
251
  {
247
252
  "kind": "variable",
248
- "name": "ce",
249
- "default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this.disabled=!1;this._buttonId=\"button-container\";this.loadManagerTask=new L(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return M;let r=this.paymentManagers.get(e)?.manager;if(!r)throw new Error(`No manager found for payment method type ${e}`);return r}}),this.nativeButtonTask=new L(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return M;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),a=e.createButton(),n=this.createRenderOptions(o);return await a.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,n),this.disabled&&await a.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,this.updateDisabledOverlay()),a}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.nativeButtonTask.value;n&&n.setDisabled(a)}}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let e=parseFloat(fe),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return e+2*r}createRenderOptions(e){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:e}}:r===\"PAYPAL\"?{style:{buttonHeight:e}}:{style:{buttonHeight:e}}}updated(e){e.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`),e.has(\"disabled\")&&this.updateDisabledOverlay()}updateDisabledOverlay(){this.paymentMethod?.type===\"GOOGLE_PAY\"?this.updateGooglePayOverlay():this.updateRegularOverlay()}updateGooglePayOverlay(){let e=null;if(e=this.shadowRoot?.getRootNode()?.querySelector(\".gpay-card-info-container-fill\"),e||(e=document.querySelector(\".gpay-card-info-container-fill\")),e||(e=this.shadowRoot?.querySelector(\".gpay-card-info-container-fill\")),!e){setTimeout(()=>this.updateGooglePayOverlay(),100);return}let o=e.querySelector(\".disabled-overlay\");if(o&&o.remove(),this.disabled){let a=document.createElement(\"div\");a.className=\"disabled-overlay\",a.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.style.position=\"relative\",e.appendChild(a)}}updateRegularOverlay(){let e=this.shadowRoot?.querySelector(\".native-button-container\");if(!e)return;let r=e.querySelector(\".disabled-overlay\");if(r&&r.remove(),this.disabled){let o=document.createElement(\"div\");o.className=\"disabled-overlay\",o.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.appendChild(o)}}render(){return this.loadManagerTask.render({error:()=>u,complete:()=>p`<div class=\"native-button-container\" id=\"${this._buttonId}\"></div>`,pending:()=>u})}}"
253
+ "name": "me",
254
+ "default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this.disabled=!1;this._buttonId=\"button-container\";this.loadManagerTask=new L(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return T;let r=this.paymentManagers.get(e)?.manager;if(!r)throw new Error(`No manager found for payment method type ${e}`);return r}}),this.nativeButtonTask=new L(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return T;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),a=e.createButton(),n=this.createRenderOptions(o);return await a.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,n),this.disabled&&await a.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,this.updateDisabledOverlay()),a}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.nativeButtonTask.value;n&&n.setDisabled(a)}}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let e=parseFloat(ye),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return e+2*r}createRenderOptions(e){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:e}}:r===\"PAYPAL\"?{style:{buttonHeight:e}}:{style:{buttonHeight:e}}}updated(e){e.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`),e.has(\"disabled\")&&this.updateDisabledOverlay()}updateDisabledOverlay(){this.paymentMethod?.type===\"GOOGLE_PAY\"?this.updateGooglePayOverlay():this.updateRegularOverlay()}updateGooglePayOverlay(){let e=null;if(e=this.shadowRoot?.getRootNode()?.querySelector(\".gpay-card-info-container-fill\"),e||(e=document.querySelector(\".gpay-card-info-container-fill\")),e||(e=this.shadowRoot?.querySelector(\".gpay-card-info-container-fill\")),!e){setTimeout(()=>this.updateGooglePayOverlay(),100);return}let o=e.querySelector(\".disabled-overlay\");if(o&&o.remove(),this.disabled){let a=document.createElement(\"div\");a.className=\"disabled-overlay\",a.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.style.position=\"relative\",e.appendChild(a)}}updateRegularOverlay(){let e=this.shadowRoot?.querySelector(\".native-button-container\");if(!e)return;let r=e.querySelector(\".disabled-overlay\");if(r&&r.remove(),this.disabled){let o=document.createElement(\"div\");o.className=\"disabled-overlay\",o.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.appendChild(o)}}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>p`<div class=\"native-button-container\" id=\"${this._buttonId}\"></div>`,pending:()=>h})}}"
250
255
  },
251
256
  {
252
257
  "kind": "variable",
253
- "name": "At",
258
+ "name": "_t",
254
259
  "default": "class extends g{render(){return p`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
255
260
  },
256
261
  {
257
262
  "kind": "variable",
258
- "name": "pt",
263
+ "name": "ut",
259
264
  "default": "class extends g{constructor(){super(...arguments);this.sdkState=null}render(){return p`<primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state>`}}"
260
265
  },
261
266
  {
262
267
  "kind": "variable",
263
- "name": "Ve",
264
- "default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?p`<primer-error-message message=\"${x(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:u}}"
268
+ "name": "Ye",
269
+ "default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?p`<primer-error-message message=\"${x(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:h}}"
265
270
  },
266
271
  {
267
272
  "kind": "variable",
268
- "name": "Ae",
269
- "default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?p`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:p`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${I(this.hasAssignedContent,()=>u,()=>p`<div class=${q({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>p`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
273
+ "name": "_e",
274
+ "default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?p`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:p`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${I(this.hasAssignedContent,()=>h,()=>p`<div class=${q({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>p`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
270
275
  },
271
276
  {
272
277
  "kind": "function",
273
- "name": "y_"
278
+ "name": "JS"
274
279
  }
275
280
  ],
276
281
  "exports": [
@@ -310,7 +315,7 @@
310
315
  "kind": "js",
311
316
  "name": "CardForm",
312
317
  "declaration": {
313
- "name": "se",
318
+ "name": "de",
314
319
  "module": "dist/primer-loader.js"
315
320
  }
316
321
  },
@@ -318,7 +323,7 @@
318
323
  "kind": "js",
319
324
  "name": "CardFormCVV",
320
325
  "declaration": {
321
- "name": "Re",
326
+ "name": "De",
322
327
  "module": "dist/primer-loader.js"
323
328
  }
324
329
  },
@@ -334,7 +339,7 @@
334
339
  "kind": "js",
335
340
  "name": "CardFormCardNumber",
336
341
  "declaration": {
337
- "name": "Oe",
342
+ "name": "Re",
338
343
  "module": "dist/primer-loader.js"
339
344
  }
340
345
  },
@@ -342,7 +347,7 @@
342
347
  "kind": "js",
343
348
  "name": "CardFormError",
344
349
  "declaration": {
345
- "name": "Ie",
350
+ "name": "Le",
346
351
  "module": "dist/primer-loader.js"
347
352
  }
348
353
  },
@@ -350,7 +355,7 @@
350
355
  "kind": "js",
351
356
  "name": "CardFormExpiry",
352
357
  "declaration": {
353
- "name": "De",
358
+ "name": "$e",
354
359
  "module": "dist/primer-loader.js"
355
360
  }
356
361
  },
@@ -358,7 +363,7 @@
358
363
  "kind": "js",
359
364
  "name": "CardFormName",
360
365
  "declaration": {
361
- "name": "$e",
366
+ "name": "Ve",
362
367
  "module": "dist/primer-loader.js"
363
368
  }
364
369
  },
@@ -382,7 +387,7 @@
382
387
  "kind": "js",
383
388
  "name": "Dialog",
384
389
  "declaration": {
385
- "name": "dt",
390
+ "name": "pt",
386
391
  "module": "dist/primer-loader.js"
387
392
  }
388
393
  },
@@ -390,7 +395,7 @@
390
395
  "kind": "js",
391
396
  "name": "DynamicPayment",
392
397
  "declaration": {
393
- "name": "ae",
398
+ "name": "se",
394
399
  "module": "dist/primer-loader.js"
395
400
  }
396
401
  },
@@ -398,7 +403,7 @@
398
403
  "kind": "js",
399
404
  "name": "ErrorMessage",
400
405
  "declaration": {
401
- "name": "be",
406
+ "name": "xe",
402
407
  "module": "dist/primer-loader.js"
403
408
  }
404
409
  },
@@ -406,7 +411,7 @@
406
411
  "kind": "js",
407
412
  "name": "ErrorMessageContainer",
408
413
  "declaration": {
409
- "name": "Ve",
414
+ "name": "Ye",
410
415
  "module": "dist/primer-loader.js"
411
416
  }
412
417
  },
@@ -414,7 +419,7 @@
414
419
  "kind": "js",
415
420
  "name": "InitializedPayments",
416
421
  "declaration": {
417
- "name": "xr",
422
+ "name": "Er",
418
423
  "module": "dist/primer-loader.js"
419
424
  }
420
425
  },
@@ -430,7 +435,7 @@
430
435
  "kind": "js",
431
436
  "name": "InputLabel",
432
437
  "declaration": {
433
- "name": "ke",
438
+ "name": "Ie",
434
439
  "module": "dist/primer-loader.js"
435
440
  }
436
441
  },
@@ -438,7 +443,7 @@
438
443
  "kind": "js",
439
444
  "name": "InputWrapper",
440
445
  "declaration": {
441
- "name": "ge",
446
+ "name": "be",
442
447
  "module": "dist/primer-loader.js"
443
448
  }
444
449
  },
@@ -446,7 +451,7 @@
446
451
  "kind": "js",
447
452
  "name": "NativePayment",
448
453
  "declaration": {
449
- "name": "ce",
454
+ "name": "me",
450
455
  "module": "dist/primer-loader.js"
451
456
  }
452
457
  },
@@ -454,7 +459,15 @@
454
459
  "kind": "js",
455
460
  "name": "PaymentMethod",
456
461
  "declaration": {
457
- "name": "Ce",
462
+ "name": "Ee",
463
+ "module": "dist/primer-loader.js"
464
+ }
465
+ },
466
+ {
467
+ "kind": "js",
468
+ "name": "PaymentMethodContainer",
469
+ "declaration": {
470
+ "name": "ne",
458
471
  "module": "dist/primer-loader.js"
459
472
  }
460
473
  },
@@ -462,7 +475,7 @@
462
475
  "kind": "js",
463
476
  "name": "PaymentMethodContentComponent",
464
477
  "declaration": {
465
- "name": "Ee",
478
+ "name": "Se",
466
479
  "module": "dist/primer-loader.js"
467
480
  }
468
481
  },
@@ -470,7 +483,7 @@
470
483
  "kind": "js",
471
484
  "name": "Portal",
472
485
  "declaration": {
473
- "name": "Ge",
486
+ "name": "We",
474
487
  "module": "dist/primer-loader.js"
475
488
  }
476
489
  },
@@ -478,7 +491,7 @@
478
491
  "kind": "js",
479
492
  "name": "PrimerCheckoutComplete",
480
493
  "declaration": {
481
- "name": "At",
494
+ "name": "_t",
482
495
  "module": "dist/primer-loader.js"
483
496
  }
484
497
  },
@@ -494,7 +507,7 @@
494
507
  "kind": "js",
495
508
  "name": "PrimerCheckoutFailure",
496
509
  "declaration": {
497
- "name": "pt",
510
+ "name": "ut",
498
511
  "module": "dist/primer-loader.js"
499
512
  }
500
513
  },
@@ -502,7 +515,7 @@
502
515
  "kind": "js",
503
516
  "name": "PrimerCheckoutState",
504
517
  "declaration": {
505
- "name": "Le",
518
+ "name": "Ne",
506
519
  "module": "dist/primer-loader.js"
507
520
  }
508
521
  },
@@ -510,7 +523,7 @@
510
523
  "kind": "js",
511
524
  "name": "PrimerIcon",
512
525
  "declaration": {
513
- "name": "ve",
526
+ "name": "Ce",
514
527
  "module": "dist/primer-loader.js"
515
528
  }
516
529
  },
@@ -526,7 +539,7 @@
526
539
  "kind": "js",
527
540
  "name": "PrimerMain",
528
541
  "declaration": {
529
- "name": "Ae",
542
+ "name": "_e",
530
543
  "module": "dist/primer-loader.js"
531
544
  }
532
545
  },
@@ -534,7 +547,7 @@
534
547
  "kind": "js",
535
548
  "name": "RedirectPayment",
536
549
  "declaration": {
537
- "name": "ne",
550
+ "name": "le",
538
551
  "module": "dist/primer-loader.js"
539
552
  }
540
553
  },
@@ -542,7 +555,7 @@
542
555
  "kind": "js",
543
556
  "name": "ShowOtherPayments",
544
557
  "declaration": {
545
- "name": "Ze",
558
+ "name": "Qe",
546
559
  "module": "dist/primer-loader.js"
547
560
  }
548
561
  },
@@ -550,7 +563,7 @@
550
563
  "kind": "js",
551
564
  "name": "Spinner",
552
565
  "declaration": {
553
- "name": "ye",
566
+ "name": "ve",
554
567
  "module": "dist/primer-loader.js"
555
568
  }
556
569
  },
@@ -574,7 +587,7 @@
574
587
  "kind": "js",
575
588
  "name": "VaultEmptyState",
576
589
  "declaration": {
577
- "name": "Ne",
590
+ "name": "Oe",
578
591
  "module": "dist/primer-loader.js"
579
592
  }
580
593
  },
@@ -582,7 +595,7 @@
582
595
  "kind": "js",
583
596
  "name": "VaultErrorMessage",
584
597
  "declaration": {
585
- "name": "xe",
598
+ "name": "Ae",
586
599
  "module": "dist/primer-loader.js"
587
600
  }
588
601
  },
@@ -598,7 +611,7 @@
598
611
  "kind": "js",
599
612
  "name": "VaultManagerHeader",
600
613
  "declaration": {
601
- "name": "de",
614
+ "name": "pe",
602
615
  "module": "dist/primer-loader.js"
603
616
  }
604
617
  },
@@ -622,7 +635,7 @@
622
635
  "kind": "js",
623
636
  "name": "injectDarkTheme",
624
637
  "declaration": {
625
- "name": "el",
638
+ "name": "vl",
626
639
  "module": "dist/primer-loader.js"
627
640
  }
628
641
  },
@@ -630,7 +643,7 @@
630
643
  "kind": "js",
631
644
  "name": "injectLightTheme",
632
645
  "declaration": {
633
- "name": "Qs",
646
+ "name": "gl",
634
647
  "module": "dist/primer-loader.js"
635
648
  }
636
649
  },
@@ -638,7 +651,7 @@
638
651
  "kind": "js",
639
652
  "name": "injectLoaderStyles",
640
653
  "declaration": {
641
- "name": "da",
654
+ "name": "ba",
642
655
  "module": "dist/primer-loader.js"
643
656
  }
644
657
  },
@@ -646,7 +659,7 @@
646
659
  "kind": "js",
647
660
  "name": "injectThemeStyles",
648
661
  "declaration": {
649
- "name": "ca",
662
+ "name": "Ca",
650
663
  "module": "dist/primer-loader.js"
651
664
  }
652
665
  },
@@ -654,7 +667,7 @@
654
667
  "kind": "js",
655
668
  "name": "loadPrimer",
656
669
  "declaration": {
657
- "name": "y_",
670
+ "name": "JS",
658
671
  "module": "dist/primer-loader.js"
659
672
  }
660
673
  }
@@ -707,131 +720,131 @@
707
720
  },
708
721
  {
709
722
  "kind": "variable",
710
- "name": "Ps"
723
+ "name": "Bs"
711
724
  },
712
725
  {
713
726
  "kind": "variable",
714
- "name": "Ms"
727
+ "name": "js"
715
728
  },
716
729
  {
717
730
  "kind": "variable",
718
- "name": "Ns"
731
+ "name": "qs"
719
732
  },
720
733
  {
721
734
  "kind": "variable",
722
- "name": "Rs"
735
+ "name": "Zs"
723
736
  },
724
737
  {
725
738
  "kind": "variable",
726
- "name": "Ys"
739
+ "name": "el"
727
740
  },
728
741
  {
729
742
  "kind": "variable",
730
- "name": "Hs"
743
+ "name": "il"
731
744
  },
732
745
  {
733
746
  "kind": "variable",
734
- "name": "Ks"
747
+ "name": "ll"
735
748
  },
736
749
  {
737
750
  "kind": "variable",
738
- "name": "Ws"
751
+ "name": "pl"
739
752
  },
740
753
  {
741
754
  "kind": "variable",
742
- "name": "Xs"
755
+ "name": "hl"
743
756
  },
744
757
  {
745
758
  "kind": "variable",
746
- "name": "tl"
759
+ "name": "gl"
747
760
  },
748
761
  {
749
762
  "kind": "variable",
750
- "name": "ol"
763
+ "name": "Cl"
751
764
  },
752
765
  {
753
766
  "kind": "variable",
754
- "name": "sl"
767
+ "name": "_l"
755
768
  },
756
769
  {
757
770
  "kind": "variable",
758
- "name": "cl"
771
+ "name": "Pl"
759
772
  },
760
773
  {
761
774
  "kind": "variable",
762
- "name": "ml"
775
+ "name": "Tl"
763
776
  },
764
777
  {
765
778
  "kind": "variable",
766
- "name": "yl"
779
+ "name": "Nl"
767
780
  },
768
781
  {
769
782
  "kind": "variable",
770
- "name": "bl"
783
+ "name": "Rl"
771
784
  },
772
785
  {
773
786
  "kind": "variable",
774
- "name": "Sl"
787
+ "name": "Hl"
775
788
  },
776
789
  {
777
790
  "kind": "variable",
778
- "name": "Tl"
791
+ "name": "Fl"
779
792
  },
780
793
  {
781
794
  "kind": "variable",
782
- "name": "Il"
795
+ "name": "Gl"
783
796
  },
784
797
  {
785
798
  "kind": "variable",
786
- "name": "Ol"
799
+ "name": "Jl"
787
800
  },
788
801
  {
789
802
  "kind": "variable",
790
- "name": "$l"
803
+ "name": "Ql"
791
804
  },
792
805
  {
793
806
  "kind": "variable",
794
- "name": "Ul"
807
+ "name": "rd"
795
808
  },
796
809
  {
797
810
  "kind": "variable",
798
- "name": "zl"
811
+ "name": "ad"
799
812
  },
800
813
  {
801
814
  "kind": "variable",
802
- "name": "Kl"
815
+ "name": "ld"
803
816
  },
804
817
  {
805
818
  "kind": "variable",
806
- "name": "Wl"
819
+ "name": "pd"
807
820
  },
808
821
  {
809
822
  "kind": "variable",
810
- "name": "Xl"
823
+ "name": "hd"
811
824
  },
812
825
  {
813
826
  "kind": "variable",
814
- "name": "td"
827
+ "name": "gd"
815
828
  },
816
829
  {
817
830
  "kind": "variable",
818
- "name": "od"
831
+ "name": "Cd"
819
832
  },
820
833
  {
821
834
  "kind": "variable",
822
- "name": "sd"
835
+ "name": "_d"
823
836
  },
824
837
  {
825
838
  "kind": "variable",
826
- "name": "cd"
839
+ "name": "Pd"
827
840
  },
828
841
  {
829
842
  "kind": "variable",
830
- "name": "md"
843
+ "name": "Td"
831
844
  },
832
845
  {
833
846
  "kind": "variable",
834
- "name": "Pd"
847
+ "name": "Bd"
835
848
  }
836
849
  ],
837
850
  "exports": [
@@ -855,7 +868,7 @@
855
868
  "kind": "js",
856
869
  "name": "AchPayment",
857
870
  "declaration": {
858
- "name": "ml",
871
+ "name": "Tl",
859
872
  "module": "dist/primer-react-wrappers.js"
860
873
  }
861
874
  },
@@ -863,7 +876,7 @@
863
876
  "kind": "js",
864
877
  "name": "Button",
865
878
  "declaration": {
866
- "name": "cl",
879
+ "name": "Pl",
867
880
  "module": "dist/primer-react-wrappers.js"
868
881
  }
869
882
  },
@@ -871,7 +884,7 @@
871
884
  "kind": "js",
872
885
  "name": "CardForm",
873
886
  "declaration": {
874
- "name": "yl",
887
+ "name": "Nl",
875
888
  "module": "dist/primer-react-wrappers.js"
876
889
  }
877
890
  },
@@ -879,7 +892,7 @@
879
892
  "kind": "js",
880
893
  "name": "CardFormSubmit",
881
894
  "declaration": {
882
- "name": "bl",
895
+ "name": "Rl",
883
896
  "module": "dist/primer-react-wrappers.js"
884
897
  }
885
898
  },
@@ -887,7 +900,7 @@
887
900
  "kind": "js",
888
901
  "name": "CardNetworkSelector",
889
902
  "declaration": {
890
- "name": "Sl",
903
+ "name": "Hl",
891
904
  "module": "dist/primer-react-wrappers.js"
892
905
  }
893
906
  },
@@ -895,7 +908,7 @@
895
908
  "kind": "js",
896
909
  "name": "CheckoutState",
897
910
  "declaration": {
898
- "name": "Ms",
911
+ "name": "js",
899
912
  "module": "dist/primer-react-wrappers.js"
900
913
  }
901
914
  },
@@ -903,7 +916,7 @@
903
916
  "kind": "js",
904
917
  "name": "Collapsable",
905
918
  "declaration": {
906
- "name": "Ns",
919
+ "name": "qs",
907
920
  "module": "dist/primer-react-wrappers.js"
908
921
  }
909
922
  },
@@ -911,7 +924,7 @@
911
924
  "kind": "js",
912
925
  "name": "Dialog",
913
926
  "declaration": {
914
- "name": "Rs",
927
+ "name": "Zs",
915
928
  "module": "dist/primer-react-wrappers.js"
916
929
  }
917
930
  },
@@ -919,7 +932,7 @@
919
932
  "kind": "js",
920
933
  "name": "DynamicPayment",
921
934
  "declaration": {
922
- "name": "Ul",
935
+ "name": "rd",
923
936
  "module": "dist/primer-react-wrappers.js"
924
937
  }
925
938
  },
@@ -927,7 +940,7 @@
927
940
  "kind": "js",
928
941
  "name": "ErrorMessage",
929
942
  "declaration": {
930
- "name": "Ys",
943
+ "name": "el",
931
944
  "module": "dist/primer-react-wrappers.js"
932
945
  }
933
946
  },
@@ -935,7 +948,7 @@
935
948
  "kind": "js",
936
949
  "name": "ErrorMessageContainer",
937
950
  "declaration": {
938
- "name": "zl",
951
+ "name": "ad",
939
952
  "module": "dist/primer-react-wrappers.js"
940
953
  }
941
954
  },
@@ -943,7 +956,7 @@
943
956
  "kind": "js",
944
957
  "name": "Icon",
945
958
  "declaration": {
946
- "name": "Hs",
959
+ "name": "il",
947
960
  "module": "dist/primer-react-wrappers.js"
948
961
  }
949
962
  },
@@ -951,7 +964,7 @@
951
964
  "kind": "js",
952
965
  "name": "Input",
953
966
  "declaration": {
954
- "name": "Ks",
967
+ "name": "ll",
955
968
  "module": "dist/primer-react-wrappers.js"
956
969
  }
957
970
  },
@@ -959,7 +972,7 @@
959
972
  "kind": "js",
960
973
  "name": "InputCardExpiry",
961
974
  "declaration": {
962
- "name": "Il",
975
+ "name": "Gl",
963
976
  "module": "dist/primer-react-wrappers.js"
964
977
  }
965
978
  },
@@ -967,7 +980,7 @@
967
980
  "kind": "js",
968
981
  "name": "InputCardHolderName",
969
982
  "declaration": {
970
- "name": "Tl",
983
+ "name": "Fl",
971
984
  "module": "dist/primer-react-wrappers.js"
972
985
  }
973
986
  },
@@ -975,7 +988,7 @@
975
988
  "kind": "js",
976
989
  "name": "InputCardNumber",
977
990
  "declaration": {
978
- "name": "$l",
991
+ "name": "Ql",
979
992
  "module": "dist/primer-react-wrappers.js"
980
993
  }
981
994
  },
@@ -983,7 +996,7 @@
983
996
  "kind": "js",
984
997
  "name": "InputCvv",
985
998
  "declaration": {
986
- "name": "Ol",
999
+ "name": "Jl",
987
1000
  "module": "dist/primer-react-wrappers.js"
988
1001
  }
989
1002
  },
@@ -991,7 +1004,7 @@
991
1004
  "kind": "js",
992
1005
  "name": "InputError",
993
1006
  "declaration": {
994
- "name": "Ws",
1007
+ "name": "pl",
995
1008
  "module": "dist/primer-react-wrappers.js"
996
1009
  }
997
1010
  },
@@ -999,7 +1012,7 @@
999
1012
  "kind": "js",
1000
1013
  "name": "InputLabel",
1001
1014
  "declaration": {
1002
- "name": "Xs",
1015
+ "name": "hl",
1003
1016
  "module": "dist/primer-react-wrappers.js"
1004
1017
  }
1005
1018
  },
@@ -1007,7 +1020,7 @@
1007
1020
  "kind": "js",
1008
1021
  "name": "InputWrapper",
1009
1022
  "declaration": {
1010
- "name": "tl",
1023
+ "name": "gl",
1011
1024
  "module": "dist/primer-react-wrappers.js"
1012
1025
  }
1013
1026
  },
@@ -1015,7 +1028,7 @@
1015
1028
  "kind": "js",
1016
1029
  "name": "Klarna",
1017
1030
  "declaration": {
1018
- "name": "Kl",
1031
+ "name": "ld",
1019
1032
  "module": "dist/primer-react-wrappers.js"
1020
1033
  }
1021
1034
  },
@@ -1023,7 +1036,7 @@
1023
1036
  "kind": "js",
1024
1037
  "name": "NativePayment",
1025
1038
  "declaration": {
1026
- "name": "Wl",
1039
+ "name": "pd",
1027
1040
  "module": "dist/primer-react-wrappers.js"
1028
1041
  }
1029
1042
  },
@@ -1031,7 +1044,7 @@
1031
1044
  "kind": "js",
1032
1045
  "name": "PaymentMethod",
1033
1046
  "declaration": {
1034
- "name": "Xl",
1047
+ "name": "hd",
1035
1048
  "module": "dist/primer-react-wrappers.js"
1036
1049
  }
1037
1050
  },
@@ -1039,7 +1052,7 @@
1039
1052
  "kind": "js",
1040
1053
  "name": "Portal",
1041
1054
  "declaration": {
1042
- "name": "ol",
1055
+ "name": "Cl",
1043
1056
  "module": "dist/primer-react-wrappers.js"
1044
1057
  }
1045
1058
  },
@@ -1047,7 +1060,7 @@
1047
1060
  "kind": "js",
1048
1061
  "name": "PrimerCheckout",
1049
1062
  "declaration": {
1050
- "name": "Ps",
1063
+ "name": "Bs",
1051
1064
  "module": "dist/primer-react-wrappers.js"
1052
1065
  }
1053
1066
  },
@@ -1055,7 +1068,7 @@
1055
1068
  "kind": "js",
1056
1069
  "name": "PrimerCheckoutComplete",
1057
1070
  "declaration": {
1058
- "name": "td",
1071
+ "name": "gd",
1059
1072
  "module": "dist/primer-react-wrappers.js"
1060
1073
  }
1061
1074
  },
@@ -1063,7 +1076,7 @@
1063
1076
  "kind": "js",
1064
1077
  "name": "PrimerCheckoutError",
1065
1078
  "declaration": {
1066
- "name": "od",
1079
+ "name": "Cd",
1067
1080
  "module": "dist/primer-react-wrappers.js"
1068
1081
  }
1069
1082
  },
@@ -1071,7 +1084,7 @@
1071
1084
  "kind": "js",
1072
1085
  "name": "PrimerMain",
1073
1086
  "declaration": {
1074
- "name": "sd",
1087
+ "name": "_d",
1075
1088
  "module": "dist/primer-react-wrappers.js"
1076
1089
  }
1077
1090
  },
@@ -1079,7 +1092,7 @@
1079
1092
  "kind": "js",
1080
1093
  "name": "RedirectPayment",
1081
1094
  "declaration": {
1082
- "name": "cd",
1095
+ "name": "Pd",
1083
1096
  "module": "dist/primer-react-wrappers.js"
1084
1097
  }
1085
1098
  },
@@ -1087,7 +1100,7 @@
1087
1100
  "kind": "js",
1088
1101
  "name": "ShowOtherPayments",
1089
1102
  "declaration": {
1090
- "name": "md",
1103
+ "name": "Td",
1091
1104
  "module": "dist/primer-react-wrappers.js"
1092
1105
  }
1093
1106
  },
@@ -1095,7 +1108,7 @@
1095
1108
  "kind": "js",
1096
1109
  "name": "Spinner",
1097
1110
  "declaration": {
1098
- "name": "sl",
1111
+ "name": "_l",
1099
1112
  "module": "dist/primer-react-wrappers.js"
1100
1113
  }
1101
1114
  },
@@ -1103,7 +1116,7 @@
1103
1116
  "kind": "js",
1104
1117
  "name": "VaultManager",
1105
1118
  "declaration": {
1106
- "name": "Pd",
1119
+ "name": "Bd",
1107
1120
  "module": "dist/primer-react-wrappers.js"
1108
1121
  }
1109
1122
  }
@@ -1830,7 +1843,18 @@
1830
1843
  {
1831
1844
  "kind": "javascript-module",
1832
1845
  "path": "src/primer-checkout.ts",
1833
- "declarations": [],
1846
+ "declarations": [
1847
+ {
1848
+ "kind": "function",
1849
+ "name": "testPrimerJSValidation",
1850
+ "return": {
1851
+ "type": {
1852
+ "text": "string"
1853
+ }
1854
+ },
1855
+ "description": "Test function to verify TypeScript definition validation - REMOVE AFTER TESTING"
1856
+ }
1857
+ ],
1834
1858
  "exports": [
1835
1859
  {
1836
1860
  "kind": "js",
@@ -1839,6 +1863,14 @@
1839
1863
  "name": "PrimerCheckoutComponent",
1840
1864
  "module": "src/primer-checkout.ts"
1841
1865
  }
1866
+ },
1867
+ {
1868
+ "kind": "js",
1869
+ "name": "testPrimerJSValidation",
1870
+ "declaration": {
1871
+ "name": "testPrimerJSValidation",
1872
+ "module": "src/primer-checkout.ts"
1873
+ }
1842
1874
  }
1843
1875
  ]
1844
1876
  },
@@ -3615,6 +3647,14 @@
3615
3647
  "module": "./payment-method/payment-method"
3616
3648
  }
3617
3649
  },
3650
+ {
3651
+ "kind": "js",
3652
+ "name": "PaymentMethodContainer",
3653
+ "declaration": {
3654
+ "name": "PaymentMethodContainer",
3655
+ "module": "./payment-method-container/payment-method-container"
3656
+ }
3657
+ },
3618
3658
  {
3619
3659
  "kind": "js",
3620
3660
  "name": "AchPayment",
@@ -11451,6 +11491,160 @@
11451
11491
  }
11452
11492
  ]
11453
11493
  },
11494
+ {
11495
+ "kind": "javascript-module",
11496
+ "path": "src/containers/payment-method-container/payment-method-container.component.ts",
11497
+ "declarations": [
11498
+ {
11499
+ "kind": "class",
11500
+ "description": "",
11501
+ "name": "PaymentMethodContainerComponent",
11502
+ "members": [
11503
+ {
11504
+ "kind": "field",
11505
+ "name": "include",
11506
+ "type": {
11507
+ "text": "string | undefined"
11508
+ },
11509
+ "attribute": "include"
11510
+ },
11511
+ {
11512
+ "kind": "field",
11513
+ "name": "exclude",
11514
+ "type": {
11515
+ "text": "string | undefined"
11516
+ },
11517
+ "attribute": "exclude"
11518
+ },
11519
+ {
11520
+ "kind": "field",
11521
+ "name": "disabled",
11522
+ "type": {
11523
+ "text": "boolean"
11524
+ },
11525
+ "default": "false",
11526
+ "attribute": "disabled"
11527
+ },
11528
+ {
11529
+ "kind": "field",
11530
+ "name": "paymentMethods",
11531
+ "type": {
11532
+ "text": "PaymentMethodsContextType"
11533
+ },
11534
+ "default": "null",
11535
+ "attribute": "paymentMethods"
11536
+ },
11537
+ {
11538
+ "kind": "field",
11539
+ "name": "clientOptions",
11540
+ "type": {
11541
+ "text": "ClientOptionsContextType"
11542
+ },
11543
+ "default": "null",
11544
+ "attribute": "clientOptions"
11545
+ },
11546
+ {
11547
+ "kind": "method",
11548
+ "name": "getFilteredMethods",
11549
+ "privacy": "private"
11550
+ }
11551
+ ],
11552
+ "attributes": [
11553
+ {
11554
+ "name": "include",
11555
+ "type": {
11556
+ "text": "string | undefined"
11557
+ },
11558
+ "fieldName": "include"
11559
+ },
11560
+ {
11561
+ "name": "exclude",
11562
+ "type": {
11563
+ "text": "string | undefined"
11564
+ },
11565
+ "fieldName": "exclude"
11566
+ },
11567
+ {
11568
+ "name": "disabled",
11569
+ "type": {
11570
+ "text": "boolean"
11571
+ },
11572
+ "default": "false",
11573
+ "fieldName": "disabled"
11574
+ },
11575
+ {
11576
+ "name": "paymentMethods",
11577
+ "type": {
11578
+ "text": "PaymentMethodsContextType"
11579
+ },
11580
+ "default": "null",
11581
+ "fieldName": "paymentMethods"
11582
+ },
11583
+ {
11584
+ "name": "clientOptions",
11585
+ "type": {
11586
+ "text": "ClientOptionsContextType"
11587
+ },
11588
+ "default": "null",
11589
+ "fieldName": "clientOptions"
11590
+ }
11591
+ ],
11592
+ "superclass": {
11593
+ "name": "LitElement",
11594
+ "package": "lit"
11595
+ },
11596
+ "tagName": "primer-payment-method-container",
11597
+ "customElement": true
11598
+ }
11599
+ ],
11600
+ "exports": [
11601
+ {
11602
+ "kind": "js",
11603
+ "name": "PaymentMethodContainerComponent",
11604
+ "declaration": {
11605
+ "name": "PaymentMethodContainerComponent",
11606
+ "module": "src/containers/payment-method-container/payment-method-container.component.ts"
11607
+ }
11608
+ },
11609
+ {
11610
+ "kind": "custom-element-definition",
11611
+ "name": "primer-payment-method-container",
11612
+ "declaration": {
11613
+ "name": "PaymentMethodContainerComponent",
11614
+ "module": "src/containers/payment-method-container/payment-method-container.component.ts"
11615
+ }
11616
+ }
11617
+ ]
11618
+ },
11619
+ {
11620
+ "kind": "javascript-module",
11621
+ "path": "src/containers/payment-method-container/payment-method-container.styles.ts",
11622
+ "declarations": [],
11623
+ "exports": [
11624
+ {
11625
+ "kind": "js",
11626
+ "name": "default",
11627
+ "declaration": {
11628
+ "module": "src/containers/payment-method-container/payment-method-container.styles.ts"
11629
+ }
11630
+ }
11631
+ ]
11632
+ },
11633
+ {
11634
+ "kind": "javascript-module",
11635
+ "path": "src/containers/payment-method-container/payment-method-container.ts",
11636
+ "declarations": [],
11637
+ "exports": [
11638
+ {
11639
+ "kind": "js",
11640
+ "name": "PaymentMethodContainer",
11641
+ "declaration": {
11642
+ "name": "PaymentMethodContainerComponent",
11643
+ "module": "src/containers/payment-method-container/payment-method-container.ts"
11644
+ }
11645
+ }
11646
+ ]
11647
+ },
11454
11648
  {
11455
11649
  "kind": "javascript-module",
11456
11650
  "path": "src/containers/primer-checkout-complete/primer-checkout-complete.component.ts",