@primer-io/primer-js 0.3.2 → 0.3.4

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": "Er",
19
+ "name": "Sr",
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,62 +55,62 @@
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 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)}}"
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 ir(this),this.sdkStateController=new tr(this),this.primerEventsController=new yt(this),this.styleProcessingController=new or(this),this.vaultManagerController=new It(this),this.cardNetworkController=new Jt(this),this.achPaymentEventsController=new Hr(this),new Yr(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===xl.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&&(pi(this.options?.locale)?this.locale=mi(this.options?.locale):_.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),ci(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&&(_.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)}}"
59
59
  },
60
60
  {
61
61
  "kind": "function",
62
- "name": "ba"
62
+ "name": "Sa"
63
63
  },
64
64
  {
65
65
  "kind": "function",
66
- "name": "Ca"
66
+ "name": "_a"
67
67
  },
68
68
  {
69
69
  "kind": "function",
70
- "name": "gl"
70
+ "name": "wl"
71
71
  },
72
72
  {
73
73
  "kind": "function",
74
- "name": "vl"
74
+ "name": "Pl"
75
75
  },
76
76
  {
77
77
  "kind": "variable",
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>`}}"
78
+ "name": "Ee",
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 $i)return $i[this.size];let e=parseInt(this.size,10);return isNaN(e)?$i.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": "be",
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>`}}"
83
+ "name": "Se",
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=\"${j(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
85
85
  },
86
86
  {
87
87
  "kind": "variable",
88
- "name": "Ie",
88
+ "name": "Oe",
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?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>`}}"
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>`}}"
95
95
  },
96
96
  {
97
97
  "kind": "variable",
98
- "name": "Le",
98
+ "name": "De",
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": "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>`}}"
103
+ "name": "_e",
104
+ "default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Ia[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": "Ne",
108
+ "name": "Re",
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
  {
112
112
  "kind": "variable",
113
- "name": "D",
113
+ "name": "R",
114
114
  "default": "class extends g{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return p`<input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} />`}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
115
115
  },
116
116
  {
@@ -120,63 +120,68 @@
120
120
  },
121
121
  {
122
122
  "kind": "variable",
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>`}}"
123
+ "name": "we",
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=${j(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": "We",
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>`}}"
128
+ "name": "Xe",
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\",\"primer-dialog-close\"].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": "pt",
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>`}}"
133
+ "name": "he",
134
+ "default": "class extends g{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\"},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?p`<div class=${j({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${j({dialog:!0,[this.size]:!0,\"dialog--entering\":this._animationState===\"entering\",\"dialog--entered\":this._animationState===\"entered\",\"dialog--exiting\":this._animationState===\"exiting\"})} ><div class=\"header\">${this.showCloseButton?p`<primer-button variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:p``}}"
135
135
  },
136
136
  {
137
137
  "kind": "variable",
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 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})}}"
138
+ "name": "K",
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){_.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){_.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=${j({\"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=${j({\"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})}}"
140
140
  },
141
141
  {
142
142
  "kind": "variable",
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}}}"
143
+ "name": "Pe",
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}}}"
145
145
  },
146
146
  {
147
147
  "kind": "variable",
148
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>`}}"
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?u: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>`}}"
150
150
  },
151
151
  {
152
152
  "kind": "variable",
153
153
  "name": "ie",
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})}}"
154
+ "default": "class extends g{constructor(){super(...arguments);this.formController=new Ur(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: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})}}"
155
155
  },
156
156
  {
157
157
  "kind": "variable",
158
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()} `)})}}"
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?Gt(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=${j({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()} `)})}}"
160
160
  },
161
161
  {
162
162
  "kind": "variable",
163
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>`}})}}"
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?Gt(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=${j(r)} title=\"${x(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
165
165
  },
166
166
  {
167
167
  "kind": "variable",
168
- "name": "K",
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>`)} `}}"
168
+ "name": "de",
169
+ "default": "class extends g{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=document.querySelector(\"primer-dialog\");if(e){e.startExitAnimation();let r=()=>{this.open=!1,this.removeEventListener(\"primer-dialog-close\",r)};this.addEventListener(\"primer-dialog-close\",r)}else this.open=!1}renderContent(){return p`<div class=\"content-container\"><slot></slot>${this.renderSecureHtmlContent()}</div>`}renderSecureHtmlContent(){return this.secureHtmlContent?Vi(this.secureHtmlContent)?p`${Ka(this.secureHtmlContent.content)}`:(_.warn(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),u):u}renderDialog(){return this.open?p`<primer-portal><primer-dialog .open=${this.open} size=${this.size} .showCloseButton=${!1} @primer-dialog-close=\"${()=>this.closeDialog()}\" >${this.renderContent()}</primer-dialog></primer-portal>`:u}connectedCallback(){super.connectedCallback(),this.open||this.openDialog()}updated(e){if(super.updated(e),e.has(\"secureHtmlContent\")){let r=this.secureHtmlContent;r&&!Vi(r)&&(_.error(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),this.secureHtmlContent=void 0)}e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen()}render(){return p`${this.renderDialog()}`}}"
170
+ },
171
+ {
172
+ "kind": "variable",
173
+ "name": "G",
174
+ "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 zr(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 _t(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 Yi(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return p`<div class=\"loading-overlay\" ${et({...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} ${et({...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} ${et({...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} ${et({...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} ${et({...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 ${et({...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>`)} `}}"
170
175
  },
171
176
  {
172
177
  "kind": "variable",
173
178
  "name": "te",
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>`}})}}"
179
+ "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 zr(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>`}})}}"
175
180
  },
176
181
  {
177
182
  "kind": "variable",
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>`}}"
183
+ "name": "fe",
184
+ "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>`}}"
180
185
  },
181
186
  {
182
187
  "kind": "variable",
@@ -185,97 +190,97 @@
185
190
  },
186
191
  {
187
192
  "kind": "variable",
188
- "name": "Oe",
193
+ "name": "$e",
189
194
  "default": "class extends g{render(){return p`<div class=\"empty-state\"><p>${x(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
190
195
  },
191
196
  {
192
197
  "kind": "variable",
193
- "name": "Ae",
198
+ "name": "Me",
194
199
  "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>`}}"
195
200
  },
196
201
  {
197
202
  "kind": "variable",
198
203
  "name": "F",
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>`}}"
204
+ "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>`}}"
200
205
  },
201
206
  {
202
207
  "kind": "variable",
203
- "name": "H",
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>`})}}"
208
+ "name": "U",
209
+ "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=qr(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>`})}}"
205
210
  },
206
211
  {
207
212
  "kind": "variable",
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}}"
213
+ "name": "Te",
214
+ "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}}"
210
215
  },
211
216
  {
212
217
  "kind": "variable",
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>`}}"
218
+ "name": "ce",
219
+ "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:wt,initialValue:null});this.eventsController=new yt(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===qe.ERROR||this.setupCardFormTask.status===qe.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>`}}"
215
220
  },
216
221
  {
217
222
  "kind": "variable",
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()}}"
223
+ "name": "Ve",
224
+ "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===qe.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()}}"
220
225
  },
221
226
  {
222
227
  "kind": "variable",
223
- "name": "De",
228
+ "name": "Ye",
224
229
  "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()}}"
225
230
  },
226
231
  {
227
232
  "kind": "variable",
228
- "name": "$e",
233
+ "name": "He",
229
234
  "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()}}"
230
235
  },
231
236
  {
232
237
  "kind": "variable",
233
- "name": "Ve",
238
+ "name": "Ue",
234
239
  "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()}}"
235
240
  },
236
241
  {
237
242
  "kind": "variable",
238
- "name": "G",
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>`}}"
243
+ "name": "q",
244
+ "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>`}}"
240
245
  },
241
246
  {
242
247
  "kind": "variable",
243
248
  "name": "J",
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)} `}}"
249
+ "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=Fi();this.dropdownRef=Fi();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)} `}}"
245
250
  },
246
251
  {
247
252
  "kind": "variable",
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>`}}"
253
+ "name": "rt",
254
+ "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>`}}"
250
255
  },
251
256
  {
252
257
  "kind": "variable",
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})}}"
258
+ "name": "ye",
259
+ "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(Ce),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})}}"
255
260
  },
256
261
  {
257
262
  "kind": "variable",
258
- "name": "_t",
263
+ "name": "Pt",
259
264
  "default": "class extends g{render(){return p`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
260
265
  },
261
266
  {
262
267
  "kind": "variable",
263
- "name": "ut",
268
+ "name": "ft",
264
269
  "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>`}}"
265
270
  },
266
271
  {
267
272
  "kind": "variable",
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}}"
273
+ "name": "ze",
274
+ "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}}"
270
275
  },
271
276
  {
272
277
  "kind": "variable",
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>`)} `}}"
278
+ "name": "ke",
279
+ "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=${j({\"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>`)} `}}"
275
280
  },
276
281
  {
277
282
  "kind": "function",
278
- "name": "JS"
283
+ "name": "M_"
279
284
  }
280
285
  ],
281
286
  "exports": [
@@ -315,7 +320,7 @@
315
320
  "kind": "js",
316
321
  "name": "CardForm",
317
322
  "declaration": {
318
- "name": "de",
323
+ "name": "ce",
319
324
  "module": "dist/primer-loader.js"
320
325
  }
321
326
  },
@@ -323,7 +328,7 @@
323
328
  "kind": "js",
324
329
  "name": "CardFormCVV",
325
330
  "declaration": {
326
- "name": "De",
331
+ "name": "Ye",
327
332
  "module": "dist/primer-loader.js"
328
333
  }
329
334
  },
@@ -339,7 +344,7 @@
339
344
  "kind": "js",
340
345
  "name": "CardFormCardNumber",
341
346
  "declaration": {
342
- "name": "Re",
347
+ "name": "Ve",
343
348
  "module": "dist/primer-loader.js"
344
349
  }
345
350
  },
@@ -347,7 +352,7 @@
347
352
  "kind": "js",
348
353
  "name": "CardFormError",
349
354
  "declaration": {
350
- "name": "Le",
355
+ "name": "De",
351
356
  "module": "dist/primer-loader.js"
352
357
  }
353
358
  },
@@ -355,7 +360,7 @@
355
360
  "kind": "js",
356
361
  "name": "CardFormExpiry",
357
362
  "declaration": {
358
- "name": "$e",
363
+ "name": "He",
359
364
  "module": "dist/primer-loader.js"
360
365
  }
361
366
  },
@@ -363,7 +368,7 @@
363
368
  "kind": "js",
364
369
  "name": "CardFormName",
365
370
  "declaration": {
366
- "name": "Ve",
371
+ "name": "Ue",
367
372
  "module": "dist/primer-loader.js"
368
373
  }
369
374
  },
@@ -371,7 +376,7 @@
371
376
  "kind": "js",
372
377
  "name": "CardFormSubmit",
373
378
  "declaration": {
374
- "name": "G",
379
+ "name": "q",
375
380
  "module": "dist/primer-loader.js"
376
381
  }
377
382
  },
@@ -387,7 +392,7 @@
387
392
  "kind": "js",
388
393
  "name": "Dialog",
389
394
  "declaration": {
390
- "name": "pt",
395
+ "name": "he",
391
396
  "module": "dist/primer-loader.js"
392
397
  }
393
398
  },
@@ -403,7 +408,7 @@
403
408
  "kind": "js",
404
409
  "name": "ErrorMessage",
405
410
  "declaration": {
406
- "name": "xe",
411
+ "name": "we",
407
412
  "module": "dist/primer-loader.js"
408
413
  }
409
414
  },
@@ -411,7 +416,7 @@
411
416
  "kind": "js",
412
417
  "name": "ErrorMessageContainer",
413
418
  "declaration": {
414
- "name": "Ye",
419
+ "name": "ze",
415
420
  "module": "dist/primer-loader.js"
416
421
  }
417
422
  },
@@ -419,7 +424,7 @@
419
424
  "kind": "js",
420
425
  "name": "InitializedPayments",
421
426
  "declaration": {
422
- "name": "Er",
427
+ "name": "Sr",
423
428
  "module": "dist/primer-loader.js"
424
429
  }
425
430
  },
@@ -427,7 +432,7 @@
427
432
  "kind": "js",
428
433
  "name": "Input",
429
434
  "declaration": {
430
- "name": "D",
435
+ "name": "R",
431
436
  "module": "dist/primer-loader.js"
432
437
  }
433
438
  },
@@ -435,7 +440,7 @@
435
440
  "kind": "js",
436
441
  "name": "InputLabel",
437
442
  "declaration": {
438
- "name": "Ie",
443
+ "name": "Oe",
439
444
  "module": "dist/primer-loader.js"
440
445
  }
441
446
  },
@@ -443,7 +448,7 @@
443
448
  "kind": "js",
444
449
  "name": "InputWrapper",
445
450
  "declaration": {
446
- "name": "be",
451
+ "name": "Se",
447
452
  "module": "dist/primer-loader.js"
448
453
  }
449
454
  },
@@ -451,7 +456,7 @@
451
456
  "kind": "js",
452
457
  "name": "NativePayment",
453
458
  "declaration": {
454
- "name": "me",
459
+ "name": "ye",
455
460
  "module": "dist/primer-loader.js"
456
461
  }
457
462
  },
@@ -459,7 +464,7 @@
459
464
  "kind": "js",
460
465
  "name": "PaymentMethod",
461
466
  "declaration": {
462
- "name": "Ee",
467
+ "name": "Pe",
463
468
  "module": "dist/primer-loader.js"
464
469
  }
465
470
  },
@@ -475,7 +480,7 @@
475
480
  "kind": "js",
476
481
  "name": "PaymentMethodContentComponent",
477
482
  "declaration": {
478
- "name": "Se",
483
+ "name": "Te",
479
484
  "module": "dist/primer-loader.js"
480
485
  }
481
486
  },
@@ -483,7 +488,15 @@
483
488
  "kind": "js",
484
489
  "name": "Portal",
485
490
  "declaration": {
486
- "name": "We",
491
+ "name": "Xe",
492
+ "module": "dist/primer-loader.js"
493
+ }
494
+ },
495
+ {
496
+ "kind": "js",
497
+ "name": "PortalDialogComponent",
498
+ "declaration": {
499
+ "name": "de",
487
500
  "module": "dist/primer-loader.js"
488
501
  }
489
502
  },
@@ -491,7 +504,7 @@
491
504
  "kind": "js",
492
505
  "name": "PrimerCheckoutComplete",
493
506
  "declaration": {
494
- "name": "_t",
507
+ "name": "Pt",
495
508
  "module": "dist/primer-loader.js"
496
509
  }
497
510
  },
@@ -507,7 +520,7 @@
507
520
  "kind": "js",
508
521
  "name": "PrimerCheckoutFailure",
509
522
  "declaration": {
510
- "name": "ut",
523
+ "name": "ft",
511
524
  "module": "dist/primer-loader.js"
512
525
  }
513
526
  },
@@ -515,7 +528,7 @@
515
528
  "kind": "js",
516
529
  "name": "PrimerCheckoutState",
517
530
  "declaration": {
518
- "name": "Ne",
531
+ "name": "Re",
519
532
  "module": "dist/primer-loader.js"
520
533
  }
521
534
  },
@@ -523,7 +536,7 @@
523
536
  "kind": "js",
524
537
  "name": "PrimerIcon",
525
538
  "declaration": {
526
- "name": "Ce",
539
+ "name": "_e",
527
540
  "module": "dist/primer-loader.js"
528
541
  }
529
542
  },
@@ -531,7 +544,7 @@
531
544
  "kind": "js",
532
545
  "name": "PrimerKlarna",
533
546
  "declaration": {
534
- "name": "j",
547
+ "name": "K",
535
548
  "module": "dist/primer-loader.js"
536
549
  }
537
550
  },
@@ -539,7 +552,7 @@
539
552
  "kind": "js",
540
553
  "name": "PrimerMain",
541
554
  "declaration": {
542
- "name": "_e",
555
+ "name": "ke",
543
556
  "module": "dist/primer-loader.js"
544
557
  }
545
558
  },
@@ -555,7 +568,7 @@
555
568
  "kind": "js",
556
569
  "name": "ShowOtherPayments",
557
570
  "declaration": {
558
- "name": "Qe",
571
+ "name": "rt",
559
572
  "module": "dist/primer-loader.js"
560
573
  }
561
574
  },
@@ -563,7 +576,7 @@
563
576
  "kind": "js",
564
577
  "name": "Spinner",
565
578
  "declaration": {
566
- "name": "ve",
579
+ "name": "Ee",
567
580
  "module": "dist/primer-loader.js"
568
581
  }
569
582
  },
@@ -571,7 +584,7 @@
571
584
  "kind": "js",
572
585
  "name": "VaultCvvInput",
573
586
  "declaration": {
574
- "name": "H",
587
+ "name": "U",
575
588
  "module": "dist/primer-loader.js"
576
589
  }
577
590
  },
@@ -587,7 +600,7 @@
587
600
  "kind": "js",
588
601
  "name": "VaultEmptyState",
589
602
  "declaration": {
590
- "name": "Oe",
603
+ "name": "$e",
591
604
  "module": "dist/primer-loader.js"
592
605
  }
593
606
  },
@@ -595,7 +608,7 @@
595
608
  "kind": "js",
596
609
  "name": "VaultErrorMessage",
597
610
  "declaration": {
598
- "name": "Ae",
611
+ "name": "Me",
599
612
  "module": "dist/primer-loader.js"
600
613
  }
601
614
  },
@@ -603,7 +616,7 @@
603
616
  "kind": "js",
604
617
  "name": "VaultManager",
605
618
  "declaration": {
606
- "name": "K",
619
+ "name": "G",
607
620
  "module": "dist/primer-loader.js"
608
621
  }
609
622
  },
@@ -611,7 +624,7 @@
611
624
  "kind": "js",
612
625
  "name": "VaultManagerHeader",
613
626
  "declaration": {
614
- "name": "pe",
627
+ "name": "fe",
615
628
  "module": "dist/primer-loader.js"
616
629
  }
617
630
  },
@@ -635,7 +648,7 @@
635
648
  "kind": "js",
636
649
  "name": "injectDarkTheme",
637
650
  "declaration": {
638
- "name": "vl",
651
+ "name": "Pl",
639
652
  "module": "dist/primer-loader.js"
640
653
  }
641
654
  },
@@ -643,7 +656,7 @@
643
656
  "kind": "js",
644
657
  "name": "injectLightTheme",
645
658
  "declaration": {
646
- "name": "gl",
659
+ "name": "wl",
647
660
  "module": "dist/primer-loader.js"
648
661
  }
649
662
  },
@@ -651,7 +664,7 @@
651
664
  "kind": "js",
652
665
  "name": "injectLoaderStyles",
653
666
  "declaration": {
654
- "name": "ba",
667
+ "name": "Sa",
655
668
  "module": "dist/primer-loader.js"
656
669
  }
657
670
  },
@@ -659,7 +672,7 @@
659
672
  "kind": "js",
660
673
  "name": "injectThemeStyles",
661
674
  "declaration": {
662
- "name": "Ca",
675
+ "name": "_a",
663
676
  "module": "dist/primer-loader.js"
664
677
  }
665
678
  },
@@ -667,7 +680,7 @@
667
680
  "kind": "js",
668
681
  "name": "loadPrimer",
669
682
  "declaration": {
670
- "name": "JS",
683
+ "name": "M_",
671
684
  "module": "dist/primer-loader.js"
672
685
  }
673
686
  }
@@ -720,131 +733,131 @@
720
733
  },
721
734
  {
722
735
  "kind": "variable",
723
- "name": "Bs"
736
+ "name": "Ks"
724
737
  },
725
738
  {
726
739
  "kind": "variable",
727
- "name": "js"
740
+ "name": "Ws"
728
741
  },
729
742
  {
730
743
  "kind": "variable",
731
- "name": "qs"
744
+ "name": "Xs"
732
745
  },
733
746
  {
734
747
  "kind": "variable",
735
- "name": "Zs"
748
+ "name": "tl"
736
749
  },
737
750
  {
738
751
  "kind": "variable",
739
- "name": "el"
752
+ "name": "ol"
740
753
  },
741
754
  {
742
755
  "kind": "variable",
743
- "name": "il"
756
+ "name": "sl"
744
757
  },
745
758
  {
746
759
  "kind": "variable",
747
- "name": "ll"
760
+ "name": "ul"
748
761
  },
749
762
  {
750
763
  "kind": "variable",
751
- "name": "pl"
764
+ "name": "fl"
752
765
  },
753
766
  {
754
767
  "kind": "variable",
755
- "name": "hl"
768
+ "name": "vl"
756
769
  },
757
770
  {
758
771
  "kind": "variable",
759
- "name": "gl"
772
+ "name": "El"
760
773
  },
761
774
  {
762
775
  "kind": "variable",
763
- "name": "Cl"
776
+ "name": "Sl"
764
777
  },
765
778
  {
766
779
  "kind": "variable",
767
- "name": "_l"
780
+ "name": "wl"
768
781
  },
769
782
  {
770
783
  "kind": "variable",
771
- "name": "Pl"
784
+ "name": "kl"
772
785
  },
773
786
  {
774
787
  "kind": "variable",
775
- "name": "Tl"
788
+ "name": "Ll"
776
789
  },
777
790
  {
778
791
  "kind": "variable",
779
- "name": "Nl"
792
+ "name": "Dl"
780
793
  },
781
794
  {
782
795
  "kind": "variable",
783
- "name": "Rl"
796
+ "name": "Vl"
784
797
  },
785
798
  {
786
799
  "kind": "variable",
787
- "name": "Hl"
800
+ "name": "jl"
788
801
  },
789
802
  {
790
803
  "kind": "variable",
791
- "name": "Fl"
804
+ "name": "ql"
792
805
  },
793
806
  {
794
807
  "kind": "variable",
795
- "name": "Gl"
808
+ "name": "Zl"
796
809
  },
797
810
  {
798
811
  "kind": "variable",
799
- "name": "Jl"
812
+ "name": "ed"
800
813
  },
801
814
  {
802
815
  "kind": "variable",
803
- "name": "Ql"
816
+ "name": "id"
804
817
  },
805
818
  {
806
819
  "kind": "variable",
807
- "name": "rd"
820
+ "name": "nd"
808
821
  },
809
822
  {
810
823
  "kind": "variable",
811
- "name": "ad"
824
+ "name": "dd"
812
825
  },
813
826
  {
814
827
  "kind": "variable",
815
- "name": "ld"
828
+ "name": "ud"
816
829
  },
817
830
  {
818
831
  "kind": "variable",
819
- "name": "pd"
832
+ "name": "fd"
820
833
  },
821
834
  {
822
835
  "kind": "variable",
823
- "name": "hd"
836
+ "name": "vd"
824
837
  },
825
838
  {
826
839
  "kind": "variable",
827
- "name": "gd"
840
+ "name": "Ed"
828
841
  },
829
842
  {
830
843
  "kind": "variable",
831
- "name": "Cd"
844
+ "name": "Sd"
832
845
  },
833
846
  {
834
847
  "kind": "variable",
835
- "name": "_d"
848
+ "name": "wd"
836
849
  },
837
850
  {
838
851
  "kind": "variable",
839
- "name": "Pd"
852
+ "name": "kd"
840
853
  },
841
854
  {
842
855
  "kind": "variable",
843
- "name": "Td"
856
+ "name": "Ld"
844
857
  },
845
858
  {
846
859
  "kind": "variable",
847
- "name": "Bd"
860
+ "name": "Kd"
848
861
  }
849
862
  ],
850
863
  "exports": [
@@ -868,7 +881,7 @@
868
881
  "kind": "js",
869
882
  "name": "AchPayment",
870
883
  "declaration": {
871
- "name": "Tl",
884
+ "name": "Ll",
872
885
  "module": "dist/primer-react-wrappers.js"
873
886
  }
874
887
  },
@@ -876,7 +889,7 @@
876
889
  "kind": "js",
877
890
  "name": "Button",
878
891
  "declaration": {
879
- "name": "Pl",
892
+ "name": "kl",
880
893
  "module": "dist/primer-react-wrappers.js"
881
894
  }
882
895
  },
@@ -884,7 +897,7 @@
884
897
  "kind": "js",
885
898
  "name": "CardForm",
886
899
  "declaration": {
887
- "name": "Nl",
900
+ "name": "Dl",
888
901
  "module": "dist/primer-react-wrappers.js"
889
902
  }
890
903
  },
@@ -892,7 +905,7 @@
892
905
  "kind": "js",
893
906
  "name": "CardFormSubmit",
894
907
  "declaration": {
895
- "name": "Rl",
908
+ "name": "Vl",
896
909
  "module": "dist/primer-react-wrappers.js"
897
910
  }
898
911
  },
@@ -900,7 +913,7 @@
900
913
  "kind": "js",
901
914
  "name": "CardNetworkSelector",
902
915
  "declaration": {
903
- "name": "Hl",
916
+ "name": "jl",
904
917
  "module": "dist/primer-react-wrappers.js"
905
918
  }
906
919
  },
@@ -908,7 +921,7 @@
908
921
  "kind": "js",
909
922
  "name": "CheckoutState",
910
923
  "declaration": {
911
- "name": "js",
924
+ "name": "Ws",
912
925
  "module": "dist/primer-react-wrappers.js"
913
926
  }
914
927
  },
@@ -916,7 +929,7 @@
916
929
  "kind": "js",
917
930
  "name": "Collapsable",
918
931
  "declaration": {
919
- "name": "qs",
932
+ "name": "Xs",
920
933
  "module": "dist/primer-react-wrappers.js"
921
934
  }
922
935
  },
@@ -924,7 +937,7 @@
924
937
  "kind": "js",
925
938
  "name": "Dialog",
926
939
  "declaration": {
927
- "name": "Zs",
940
+ "name": "tl",
928
941
  "module": "dist/primer-react-wrappers.js"
929
942
  }
930
943
  },
@@ -932,7 +945,7 @@
932
945
  "kind": "js",
933
946
  "name": "DynamicPayment",
934
947
  "declaration": {
935
- "name": "rd",
948
+ "name": "nd",
936
949
  "module": "dist/primer-react-wrappers.js"
937
950
  }
938
951
  },
@@ -940,7 +953,7 @@
940
953
  "kind": "js",
941
954
  "name": "ErrorMessage",
942
955
  "declaration": {
943
- "name": "el",
956
+ "name": "ol",
944
957
  "module": "dist/primer-react-wrappers.js"
945
958
  }
946
959
  },
@@ -948,7 +961,7 @@
948
961
  "kind": "js",
949
962
  "name": "ErrorMessageContainer",
950
963
  "declaration": {
951
- "name": "ad",
964
+ "name": "dd",
952
965
  "module": "dist/primer-react-wrappers.js"
953
966
  }
954
967
  },
@@ -956,7 +969,7 @@
956
969
  "kind": "js",
957
970
  "name": "Icon",
958
971
  "declaration": {
959
- "name": "il",
972
+ "name": "sl",
960
973
  "module": "dist/primer-react-wrappers.js"
961
974
  }
962
975
  },
@@ -964,7 +977,7 @@
964
977
  "kind": "js",
965
978
  "name": "Input",
966
979
  "declaration": {
967
- "name": "ll",
980
+ "name": "ul",
968
981
  "module": "dist/primer-react-wrappers.js"
969
982
  }
970
983
  },
@@ -972,7 +985,7 @@
972
985
  "kind": "js",
973
986
  "name": "InputCardExpiry",
974
987
  "declaration": {
975
- "name": "Gl",
988
+ "name": "Zl",
976
989
  "module": "dist/primer-react-wrappers.js"
977
990
  }
978
991
  },
@@ -980,7 +993,7 @@
980
993
  "kind": "js",
981
994
  "name": "InputCardHolderName",
982
995
  "declaration": {
983
- "name": "Fl",
996
+ "name": "ql",
984
997
  "module": "dist/primer-react-wrappers.js"
985
998
  }
986
999
  },
@@ -988,7 +1001,7 @@
988
1001
  "kind": "js",
989
1002
  "name": "InputCardNumber",
990
1003
  "declaration": {
991
- "name": "Ql",
1004
+ "name": "id",
992
1005
  "module": "dist/primer-react-wrappers.js"
993
1006
  }
994
1007
  },
@@ -996,7 +1009,7 @@
996
1009
  "kind": "js",
997
1010
  "name": "InputCvv",
998
1011
  "declaration": {
999
- "name": "Jl",
1012
+ "name": "ed",
1000
1013
  "module": "dist/primer-react-wrappers.js"
1001
1014
  }
1002
1015
  },
@@ -1004,7 +1017,7 @@
1004
1017
  "kind": "js",
1005
1018
  "name": "InputError",
1006
1019
  "declaration": {
1007
- "name": "pl",
1020
+ "name": "fl",
1008
1021
  "module": "dist/primer-react-wrappers.js"
1009
1022
  }
1010
1023
  },
@@ -1012,7 +1025,7 @@
1012
1025
  "kind": "js",
1013
1026
  "name": "InputLabel",
1014
1027
  "declaration": {
1015
- "name": "hl",
1028
+ "name": "vl",
1016
1029
  "module": "dist/primer-react-wrappers.js"
1017
1030
  }
1018
1031
  },
@@ -1020,7 +1033,7 @@
1020
1033
  "kind": "js",
1021
1034
  "name": "InputWrapper",
1022
1035
  "declaration": {
1023
- "name": "gl",
1036
+ "name": "El",
1024
1037
  "module": "dist/primer-react-wrappers.js"
1025
1038
  }
1026
1039
  },
@@ -1028,7 +1041,7 @@
1028
1041
  "kind": "js",
1029
1042
  "name": "Klarna",
1030
1043
  "declaration": {
1031
- "name": "ld",
1044
+ "name": "ud",
1032
1045
  "module": "dist/primer-react-wrappers.js"
1033
1046
  }
1034
1047
  },
@@ -1036,7 +1049,7 @@
1036
1049
  "kind": "js",
1037
1050
  "name": "NativePayment",
1038
1051
  "declaration": {
1039
- "name": "pd",
1052
+ "name": "fd",
1040
1053
  "module": "dist/primer-react-wrappers.js"
1041
1054
  }
1042
1055
  },
@@ -1044,7 +1057,7 @@
1044
1057
  "kind": "js",
1045
1058
  "name": "PaymentMethod",
1046
1059
  "declaration": {
1047
- "name": "hd",
1060
+ "name": "vd",
1048
1061
  "module": "dist/primer-react-wrappers.js"
1049
1062
  }
1050
1063
  },
@@ -1052,7 +1065,7 @@
1052
1065
  "kind": "js",
1053
1066
  "name": "Portal",
1054
1067
  "declaration": {
1055
- "name": "Cl",
1068
+ "name": "Sl",
1056
1069
  "module": "dist/primer-react-wrappers.js"
1057
1070
  }
1058
1071
  },
@@ -1060,7 +1073,7 @@
1060
1073
  "kind": "js",
1061
1074
  "name": "PrimerCheckout",
1062
1075
  "declaration": {
1063
- "name": "Bs",
1076
+ "name": "Ks",
1064
1077
  "module": "dist/primer-react-wrappers.js"
1065
1078
  }
1066
1079
  },
@@ -1068,7 +1081,7 @@
1068
1081
  "kind": "js",
1069
1082
  "name": "PrimerCheckoutComplete",
1070
1083
  "declaration": {
1071
- "name": "gd",
1084
+ "name": "Ed",
1072
1085
  "module": "dist/primer-react-wrappers.js"
1073
1086
  }
1074
1087
  },
@@ -1076,7 +1089,7 @@
1076
1089
  "kind": "js",
1077
1090
  "name": "PrimerCheckoutError",
1078
1091
  "declaration": {
1079
- "name": "Cd",
1092
+ "name": "Sd",
1080
1093
  "module": "dist/primer-react-wrappers.js"
1081
1094
  }
1082
1095
  },
@@ -1084,7 +1097,7 @@
1084
1097
  "kind": "js",
1085
1098
  "name": "PrimerMain",
1086
1099
  "declaration": {
1087
- "name": "_d",
1100
+ "name": "wd",
1088
1101
  "module": "dist/primer-react-wrappers.js"
1089
1102
  }
1090
1103
  },
@@ -1092,7 +1105,7 @@
1092
1105
  "kind": "js",
1093
1106
  "name": "RedirectPayment",
1094
1107
  "declaration": {
1095
- "name": "Pd",
1108
+ "name": "kd",
1096
1109
  "module": "dist/primer-react-wrappers.js"
1097
1110
  }
1098
1111
  },
@@ -1100,7 +1113,7 @@
1100
1113
  "kind": "js",
1101
1114
  "name": "ShowOtherPayments",
1102
1115
  "declaration": {
1103
- "name": "Td",
1116
+ "name": "Ld",
1104
1117
  "module": "dist/primer-react-wrappers.js"
1105
1118
  }
1106
1119
  },
@@ -1108,7 +1121,7 @@
1108
1121
  "kind": "js",
1109
1122
  "name": "Spinner",
1110
1123
  "declaration": {
1111
- "name": "_l",
1124
+ "name": "wl",
1112
1125
  "module": "dist/primer-react-wrappers.js"
1113
1126
  }
1114
1127
  },
@@ -1116,7 +1129,7 @@
1116
1129
  "kind": "js",
1117
1130
  "name": "VaultManager",
1118
1131
  "declaration": {
1119
- "name": "Bd",
1132
+ "name": "Kd",
1120
1133
  "module": "dist/primer-react-wrappers.js"
1121
1134
  }
1122
1135
  }
@@ -3679,6 +3692,22 @@
3679
3692
  "module": "./redirect-payment/redirect-payment"
3680
3693
  }
3681
3694
  },
3695
+ {
3696
+ "kind": "js",
3697
+ "name": "PortalDialogComponent",
3698
+ "declaration": {
3699
+ "name": "PortalDialogComponent",
3700
+ "module": "./portal-dialog/portal-dialog"
3701
+ }
3702
+ },
3703
+ {
3704
+ "kind": "js",
3705
+ "name": "PortalDialogData",
3706
+ "declaration": {
3707
+ "name": "PortalDialogData",
3708
+ "module": "./portal-dialog/portal-dialog"
3709
+ }
3710
+ },
3682
3711
  {
3683
3712
  "kind": "js",
3684
3713
  "name": "VaultManager",
@@ -8314,10 +8343,101 @@
8314
8343
  "description": "",
8315
8344
  "name": "DialogComponent",
8316
8345
  "members": [
8346
+ {
8347
+ "kind": "field",
8348
+ "name": "size",
8349
+ "type": {
8350
+ "text": "'flex' | 'large'"
8351
+ },
8352
+ "default": "'flex'",
8353
+ "attribute": "size"
8354
+ },
8355
+ {
8356
+ "kind": "field",
8357
+ "name": "showCloseButton",
8358
+ "type": {
8359
+ "text": "boolean"
8360
+ },
8361
+ "default": "true",
8362
+ "attribute": "showCloseButton"
8363
+ },
8364
+ {
8365
+ "kind": "field",
8366
+ "name": "_animationState",
8367
+ "type": {
8368
+ "text": "'entering' | 'entered' | 'exiting' | 'exited'"
8369
+ },
8370
+ "privacy": "private",
8371
+ "default": "'entering'"
8372
+ },
8373
+ {
8374
+ "kind": "field",
8375
+ "name": "_isVisible",
8376
+ "type": {
8377
+ "text": "boolean"
8378
+ },
8379
+ "privacy": "private",
8380
+ "default": "false"
8381
+ },
8382
+ {
8383
+ "kind": "field",
8384
+ "name": "_animationTimeout",
8385
+ "type": {
8386
+ "text": "number | undefined"
8387
+ },
8388
+ "privacy": "private"
8389
+ },
8317
8390
  {
8318
8391
  "kind": "field",
8319
8392
  "name": "_handleCloseClick",
8320
8393
  "privacy": "private"
8394
+ },
8395
+ {
8396
+ "kind": "method",
8397
+ "name": "startExitAnimation",
8398
+ "privacy": "public",
8399
+ "return": {
8400
+ "type": {
8401
+ "text": "void"
8402
+ }
8403
+ },
8404
+ "description": "Public method to trigger exit animation programmatically"
8405
+ },
8406
+ {
8407
+ "kind": "method",
8408
+ "name": "_startEnterAnimation",
8409
+ "privacy": "private"
8410
+ },
8411
+ {
8412
+ "kind": "method",
8413
+ "name": "_startExitAnimation",
8414
+ "privacy": "private"
8415
+ }
8416
+ ],
8417
+ "events": [
8418
+ {
8419
+ "name": "primer-dialog-close",
8420
+ "type": {
8421
+ "text": "CustomEvent"
8422
+ }
8423
+ }
8424
+ ],
8425
+ "attributes": [
8426
+ {
8427
+ "name": "size",
8428
+ "type": {
8429
+ "text": "'flex' | 'large'"
8430
+ },
8431
+ "default": "'flex'",
8432
+ "fieldName": "size"
8433
+ },
8434
+ {
8435
+ "name": "showCloseButton",
8436
+ "type": {
8437
+ "text": "boolean"
8438
+ },
8439
+ "default": "true",
8440
+ "fieldName": "showCloseButton"
8321
8441
  }
8322
8442
  ],
8323
8443
  "superclass": {
@@ -11645,6 +11765,192 @@
11645
11765
  }
11646
11766
  ]
11647
11767
  },
11768
+ {
11769
+ "kind": "javascript-module",
11770
+ "path": "src/containers/portal-dialog/portal-dialog.component.ts",
11771
+ "declarations": [
11772
+ {
11773
+ "kind": "class",
11774
+ "description": "",
11775
+ "name": "PortalDialogComponent",
11776
+ "members": [
11777
+ {
11778
+ "kind": "field",
11779
+ "name": "size",
11780
+ "type": {
11781
+ "text": "'flex' | 'large'"
11782
+ },
11783
+ "default": "'large'",
11784
+ "attribute": "size"
11785
+ },
11786
+ {
11787
+ "kind": "field",
11788
+ "name": "showCloseButton",
11789
+ "type": {
11790
+ "text": "boolean"
11791
+ },
11792
+ "default": "false",
11793
+ "attribute": "showCloseButton"
11794
+ },
11795
+ {
11796
+ "kind": "field",
11797
+ "name": "onOpen",
11798
+ "type": {
11799
+ "text": "() => void | undefined"
11800
+ },
11801
+ "attribute": "onOpen"
11802
+ },
11803
+ {
11804
+ "kind": "field",
11805
+ "name": "secureHtmlContent",
11806
+ "type": {
11807
+ "text": "SecureHtmlContentAccess | undefined"
11808
+ },
11809
+ "attribute": "secureHtmlContent"
11810
+ },
11811
+ {
11812
+ "kind": "field",
11813
+ "name": "open",
11814
+ "type": {
11815
+ "text": "boolean"
11816
+ },
11817
+ "default": "false"
11818
+ },
11819
+ {
11820
+ "kind": "method",
11821
+ "name": "openDialog",
11822
+ "return": {
11823
+ "type": {
11824
+ "text": "void"
11825
+ }
11826
+ },
11827
+ "description": "Opens the content dialog"
11828
+ },
11829
+ {
11830
+ "kind": "method",
11831
+ "name": "closeDialog",
11832
+ "return": {
11833
+ "type": {
11834
+ "text": "void"
11835
+ }
11836
+ },
11837
+ "description": "Closes the dialog with animation"
11838
+ },
11839
+ {
11840
+ "kind": "method",
11841
+ "name": "renderContent",
11842
+ "privacy": "private",
11843
+ "description": "Renders the content inside the dialog"
11844
+ },
11845
+ {
11846
+ "kind": "method",
11847
+ "name": "renderSecureHtmlContent",
11848
+ "privacy": "private",
11849
+ "description": "Renders secure HTML content if valid token is provided\nOnly sdk-core can pass HTML content - Token creation is restricted to sdk-core package"
11850
+ },
11851
+ {
11852
+ "kind": "method",
11853
+ "name": "renderDialog",
11854
+ "privacy": "private",
11855
+ "description": "Renders the dialog with portal"
11856
+ }
11857
+ ],
11858
+ "attributes": [
11859
+ {
11860
+ "name": "size",
11861
+ "type": {
11862
+ "text": "'flex' | 'large'"
11863
+ },
11864
+ "default": "'large'",
11865
+ "fieldName": "size"
11866
+ },
11867
+ {
11868
+ "name": "showCloseButton",
11869
+ "type": {
11870
+ "text": "boolean"
11871
+ },
11872
+ "default": "false",
11873
+ "fieldName": "showCloseButton"
11874
+ },
11875
+ {
11876
+ "name": "onOpen",
11877
+ "type": {
11878
+ "text": "() => void | undefined"
11879
+ },
11880
+ "fieldName": "onOpen"
11881
+ },
11882
+ {
11883
+ "name": "secureHtmlContent",
11884
+ "type": {
11885
+ "text": "SecureHtmlContentAccess | undefined"
11886
+ },
11887
+ "fieldName": "secureHtmlContent"
11888
+ }
11889
+ ],
11890
+ "superclass": {
11891
+ "name": "LitElement",
11892
+ "package": "lit"
11893
+ },
11894
+ "tagName": "primer-portal-dialog",
11895
+ "customElement": true
11896
+ }
11897
+ ],
11898
+ "exports": [
11899
+ {
11900
+ "kind": "js",
11901
+ "name": "PortalDialogComponent",
11902
+ "declaration": {
11903
+ "name": "PortalDialogComponent",
11904
+ "module": "src/containers/portal-dialog/portal-dialog.component.ts"
11905
+ }
11906
+ },
11907
+ {
11908
+ "kind": "custom-element-definition",
11909
+ "name": "primer-portal-dialog",
11910
+ "declaration": {
11911
+ "name": "PortalDialogComponent",
11912
+ "module": "src/containers/portal-dialog/portal-dialog.component.ts"
11913
+ }
11914
+ }
11915
+ ]
11916
+ },
11917
+ {
11918
+ "kind": "javascript-module",
11919
+ "path": "src/containers/portal-dialog/portal-dialog.styles.ts",
11920
+ "declarations": [],
11921
+ "exports": [
11922
+ {
11923
+ "kind": "js",
11924
+ "name": "default",
11925
+ "declaration": {
11926
+ "module": "src/containers/portal-dialog/portal-dialog.styles.ts"
11927
+ }
11928
+ }
11929
+ ]
11930
+ },
11931
+ {
11932
+ "kind": "javascript-module",
11933
+ "path": "src/containers/portal-dialog/portal-dialog.ts",
11934
+ "declarations": [],
11935
+ "exports": [
11936
+ {
11937
+ "kind": "js",
11938
+ "name": "PortalDialogComponent",
11939
+ "declaration": {
11940
+ "name": "PortalDialogComponent",
11941
+ "module": "./portal-dialog.component"
11942
+ }
11943
+ },
11944
+ {
11945
+ "kind": "js",
11946
+ "name": "PortalDialogData",
11947
+ "declaration": {
11948
+ "name": "PortalDialogData",
11949
+ "module": "./portal-dialog.component"
11950
+ }
11951
+ }
11952
+ ]
11953
+ },
11648
11954
  {
11649
11955
  "kind": "javascript-module",
11650
11956
  "path": "src/containers/primer-checkout-complete/primer-checkout-complete.component.ts",
@@ -12759,6 +13065,15 @@
12759
13065
  "privacy": "private",
12760
13066
  "default": "null"
12761
13067
  },
13068
+ {
13069
+ "kind": "field",
13070
+ "name": "createVaultManagerFn",
13071
+ "type": {
13072
+ "text": "| PrimerHeadlessCheckout['createVaultManager']\n | null"
13073
+ },
13074
+ "privacy": "private",
13075
+ "default": "null"
13076
+ },
12762
13077
  {
12763
13078
  "kind": "method",
12764
13079
  "name": "initializeVaultManager",
@@ -12769,11 +13084,11 @@
12769
13084
  },
12770
13085
  "parameters": [
12771
13086
  {
12772
- "name": "vaultManager",
13087
+ "name": "createVaultManagerFn",
12773
13088
  "type": {
12774
- "text": "HeadlessVaultManager"
13089
+ "text": "PrimerHeadlessCheckout['createVaultManager'] | null"
12775
13090
  },
12776
- "description": "The HeadlessVaultManager instance"
13091
+ "description": "Bound function to create vault manager when needed"
12777
13092
  },
12778
13093
  {
12779
13094
  "name": "options",
@@ -12781,10 +13096,10 @@
12781
13096
  "type": {
12782
13097
  "text": "VaultManagerInitOptions"
12783
13098
  },
12784
- "description": "Additional initialization options"
13099
+ "description": "Vault configuration options"
12785
13100
  }
12786
13101
  ],
12787
- "description": "Initialize the vault manager with additional options"
13102
+ "description": "Initialize the vault manager with a factory function and options"
12788
13103
  },
12789
13104
  {
12790
13105
  "kind": "field",