@primer-io/primer-js 0.3.6 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/custom-elements.json +130 -130
- package/dist/primer-loader.js +12 -9
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"kind": "variable",
|
|
19
|
-
"name": "
|
|
19
|
+
"name": "Rr",
|
|
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
|
{
|
|
@@ -54,233 +54,233 @@
|
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
"kind": "variable",
|
|
57
|
-
"name": "
|
|
58
|
-
"default": "class extends
|
|
57
|
+
"name": "de",
|
|
58
|
+
"default": "class extends y{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 hr(this),this.sdkStateController=new mr(this),this.primerEventsController=new wt(this),this.styleProcessingController=new fr(this),this.vaultManagerController=new Ht(this),this.cardNetworkController=new sr(this),this.achPaymentEventsController=new Qr(this),new Xr(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===Kl.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&&(Si(this.options?.locale)?this.locale=_i(this.options?.locale):T.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),Ai(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(T.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 m` ${N(r,()=>h)} ${N(o,()=>m`<primer-checkout-error></primer-checkout-error>`)} ${N(a,()=>m`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${N(this.hasAssignedContent,()=>h,()=>m`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
59
59
|
},
|
|
60
60
|
{
|
|
61
61
|
"kind": "function",
|
|
62
|
-
"name": "
|
|
62
|
+
"name": "Ya"
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
"kind": "function",
|
|
66
|
-
"name": "
|
|
66
|
+
"name": "Ha"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
"kind": "function",
|
|
70
|
-
"name": "
|
|
70
|
+
"name": "Zl"
|
|
71
71
|
},
|
|
72
72
|
{
|
|
73
73
|
"kind": "function",
|
|
74
|
-
"name": "
|
|
74
|
+
"name": "Xl"
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
"kind": "variable",
|
|
78
|
-
"name": "
|
|
79
|
-
"default": "class extends
|
|
78
|
+
"name": "Me",
|
|
79
|
+
"default": "class extends y{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Xi)return Xi[this.size];let e=parseInt(this.size,10);return isNaN(e)?Xi.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),m`<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": "
|
|
84
|
-
"default": "class extends
|
|
83
|
+
"name": "Ie",
|
|
84
|
+
"default": "class extends y{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 m`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${G(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
"kind": "variable",
|
|
88
|
-
"name": "
|
|
89
|
-
"default": "class extends
|
|
88
|
+
"name": "Be",
|
|
89
|
+
"default": "class extends y{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return m`<label for=${this.for}><slot></slot></label>`}}"
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
"kind": "variable",
|
|
93
|
-
"name": "
|
|
94
|
-
"default": "class extends
|
|
93
|
+
"name": "ie",
|
|
94
|
+
"default": "class extends y{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:m`<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)\"),m`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return m`<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?m`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:m`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
"kind": "variable",
|
|
98
|
-
"name": "
|
|
99
|
-
"default": "class extends
|
|
98
|
+
"name": "Fe",
|
|
99
|
+
"default": "class extends y{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return m`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"kind": "variable",
|
|
103
|
-
"name": "
|
|
104
|
-
"default": "class extends
|
|
103
|
+
"name": "Ne",
|
|
104
|
+
"default": "class extends y{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Ga[this.name]:null;return m`<div style=\"--internal-icon-color: ${this.color}\">${e||m`<slot></slot>`}</div>`}}"
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
107
|
"kind": "variable",
|
|
108
|
-
"name": "
|
|
109
|
-
"default": "class extends
|
|
108
|
+
"name": "je",
|
|
109
|
+
"default": "class extends y{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?m`<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>`:m`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?m`<p class=\"secondary\">${this.description}</p>`:m`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
110
110
|
},
|
|
111
111
|
{
|
|
112
112
|
"kind": "variable",
|
|
113
113
|
"name": "D",
|
|
114
|
-
"default": "class extends
|
|
114
|
+
"default": "class extends y{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 m`<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
|
{
|
|
117
117
|
"kind": "variable",
|
|
118
|
-
"name": "
|
|
119
|
-
"default": "class extends
|
|
118
|
+
"name": "oe",
|
|
119
|
+
"default": "class extends y{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return m`<div class=\"collapsable\"><primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} ><span>${o}</span></primer-button><div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" ><div class=\"collapsable-content\"><slot></slot></div></div></div>`}}"
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
122
|
"kind": "variable",
|
|
123
|
-
"name": "
|
|
124
|
-
"default": "class extends
|
|
123
|
+
"name": "Le",
|
|
124
|
+
"default": "class extends y{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 m`<div part=\"error-message\" class=${G(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": "
|
|
129
|
-
"default": "class extends
|
|
128
|
+
"name": "st",
|
|
129
|
+
"default": "class extends y{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 m`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
130
130
|
},
|
|
131
131
|
{
|
|
132
132
|
"kind": "variable",
|
|
133
|
-
"name": "
|
|
134
|
-
"default": "class extends
|
|
133
|
+
"name": "Ee",
|
|
134
|
+
"default": "class extends y{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?m`<div class=${G({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${G({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?m`<primer-button variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:m``}}"
|
|
135
135
|
},
|
|
136
136
|
{
|
|
137
137
|
"kind": "variable",
|
|
138
|
-
"name": "
|
|
139
|
-
"default": "class extends
|
|
138
|
+
"name": "q",
|
|
139
|
+
"default": "class extends y{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=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new L(this,{task:async([e,r])=>{if(!e||!r)return I;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){T.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){T.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?m`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:m`<div class=\"category-selection\">${e.map(o=>m`<button class=${G({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} ?disabled=${this.disabled} >${o.name}</button>`)}</div>`}renderExpandedContent(){return m` ${this.renderCategorySelection()} ${this.selectedCategory?m`<div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div>`:h}<button class=${G({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory||this.disabled})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing||this.disabled} @click=${()=>this.startKlarnaPayment()} >${A(\"confirm\",{id:\"confirm\"})}</button>`}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return m`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e,klarnaIcon:r})=>e?m`<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>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span><span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span></primer-button></div><div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" ><div class=\"klarna-accordion-content\">${this.renderExpandedContent()}</div></div></div>`:h})}}"
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
142
|
"kind": "variable",
|
|
143
|
-
"name": "
|
|
144
|
-
"default": "class extends
|
|
143
|
+
"name": "Oe",
|
|
144
|
+
"default": "class extends y{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 m`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;case\"NATIVE\":return m`<primer-native-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-native-payment>`;case\"REDIRECT\":return m`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;case\"KLARNA\":return m`<primer-klarna ?disabled=${this.disabled}></primer-klarna>`;case\"ACH\":return m`<primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment>`;default:return h}}}"
|
|
145
145
|
},
|
|
146
146
|
{
|
|
147
147
|
"kind": "variable",
|
|
148
|
-
"name": "
|
|
149
|
-
"default": "class extends
|
|
148
|
+
"name": "ue",
|
|
149
|
+
"default": "class extends y{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:m`<div class=\"payment-methods-container\">${e.map(r=>m`<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
|
-
"name": "
|
|
154
|
-
"default": "class extends
|
|
153
|
+
"name": "ce",
|
|
154
|
+
"default": "class extends y{constructor(){super(...arguments);this.formController=new ei(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\"?I: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 m`<h2>${A(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})}</p><form @submit=${r=>r.preventDefault()}><div class=\"form-row\"><primer-input-wrapper .hasError=${this.formController.hasError.firstName} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.firstName?this.formController.formState.firstName.error:h}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.lastName?this.formController.formState.lastName.error:h}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})}</primer-input-label><primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h}</primer-input-error></primer-input-wrapper><p>${A(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return m`<h2>${A(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")}</p><div class=\"button-group\"><primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${A(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})}</primer-button><primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} >${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():h})}}"
|
|
155
155
|
},
|
|
156
156
|
{
|
|
157
157
|
"kind": "variable",
|
|
158
|
-
"name": "
|
|
159
|
-
"default": "class extends
|
|
158
|
+
"name": "he",
|
|
159
|
+
"default": "class extends y{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?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return I;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}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?or(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?m`<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),m`<primer-button @click=\"${()=>this.start()}\" class=${G({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"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
|
-
"name": "
|
|
164
|
-
"default": "class extends
|
|
163
|
+
"name": "fe",
|
|
164
|
+
"default": "class extends y{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?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);if(!o)return I;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?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?or(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(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?m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return m`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${G(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
|
|
165
165
|
},
|
|
166
166
|
{
|
|
167
167
|
"kind": "variable",
|
|
168
|
-
"name": "
|
|
169
|
-
"default": "class extends
|
|
168
|
+
"name": "pe",
|
|
169
|
+
"default": "class extends y{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 m`<div class=\"content-container\"><slot></slot>${this.renderSecureHtmlContent()}</div>`}renderSecureHtmlContent(){return this.secureHtmlContent?Qi(this.secureHtmlContent)?m`${dn(this.secureHtmlContent.content)}`:(T.warn(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),h):h}renderDialog(){return this.open?m`<primer-portal><primer-dialog .open=${this.open} size=${this.size} .showCloseButton=${!1} @primer-dialog-close=\"${()=>this.closeDialog()}\" >${this.renderContent()}</primer-dialog></primer-portal>`:h}connectedCallback(){super.connectedCallback(),this.open||this.openDialog()}updated(e){if(super.updated(e),e.has(\"secureHtmlContent\")){let r=this.secureHtmlContent;r&&!Qi(r)&&(T.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(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return m`${this.renderDialog()}`}}"
|
|
170
170
|
},
|
|
171
171
|
{
|
|
172
172
|
"kind": "variable",
|
|
173
|
-
"name": "
|
|
174
|
-
"default": "class extends
|
|
173
|
+
"name": "W",
|
|
174
|
+
"default": "class extends y{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 ti(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:A(\"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:A(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new Rt(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 eo(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return m`<div class=\"loading-overlay\" ${dt({...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 m`<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} ${dt({...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:m`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${dt({...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 m`<div class=\"payment-methods-list\">${e.map(o=>this.renderPaymentMethodItem(o))} ${N(r,()=>m`<div class=\"submit-button-container\"><primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${dt({...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 m` ${N(!this.vaultManagerContext?.showEmptyState&&!e,()=>h,()=>m`<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>${N(this.errorMessage,()=>m`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${dt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>h)}<div class=\"vault-manager-content\">${N(!r&&!e,()=>m`<div class=\"content-container\"><primer-vault-empty-state ${dt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>h)} ${N(!r&&e,()=>m`<div class=\"content-container\">${N(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>h)}</div>${N(o,()=>this.renderLoadingOverlay(),()=>h)}</div></slot>`)} `}}"
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
177
|
"kind": "variable",
|
|
178
|
-
"name": "
|
|
179
|
-
"default": "class extends
|
|
178
|
+
"name": "ae",
|
|
179
|
+
"default": "class extends y{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 ti(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 m`<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>${N(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>m`<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?m`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${a}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:h}</div></div>`}})}}"
|
|
180
180
|
},
|
|
181
181
|
{
|
|
182
182
|
"kind": "variable",
|
|
183
|
-
"name": "
|
|
184
|
-
"default": "class extends
|
|
183
|
+
"name": "xe",
|
|
184
|
+
"default": "class extends y{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 m`<div class=\"vault-manager-header\"><h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?m`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?m`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:m`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:h}</div>`}}"
|
|
185
185
|
},
|
|
186
186
|
{
|
|
187
187
|
"kind": "variable",
|
|
188
|
-
"name": "
|
|
189
|
-
"default": "class extends
|
|
188
|
+
"name": "me",
|
|
189
|
+
"default": "class extends y{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null;this.handleConfirmClick=()=>{this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))};this.handleCancelClick=()=>{this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"delete-confirmation\"><p class=\"delete-confirmation-text\"> Are you sure you want to delete this payment method? </p><div class=\"delete-actions\"><primer-button variant=\"secondary\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} >${A(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
192
|
"kind": "variable",
|
|
193
|
-
"name": "
|
|
194
|
-
"default": "class extends
|
|
193
|
+
"name": "Ke",
|
|
194
|
+
"default": "class extends y{render(){return m`<div class=\"empty-state\"><p>${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
195
195
|
},
|
|
196
196
|
{
|
|
197
197
|
"kind": "variable",
|
|
198
|
-
"name": "
|
|
199
|
-
"default": "class extends
|
|
198
|
+
"name": "Re",
|
|
199
|
+
"default": "class extends y{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"error-message\"><div class=\"error-content\"><primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon><p>${this.errorMessage}</p></div><button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
|
|
200
200
|
},
|
|
201
201
|
{
|
|
202
202
|
"kind": "variable",
|
|
203
203
|
"name": "j",
|
|
204
|
-
"default": "class extends
|
|
204
|
+
"default": "class extends y{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:A(\"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 m`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
205
205
|
},
|
|
206
206
|
{
|
|
207
207
|
"kind": "variable",
|
|
208
208
|
"name": "z",
|
|
209
|
-
"default": "class extends
|
|
209
|
+
"default": "class extends y{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?I:{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 I;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=si(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:()=>m`<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>${N(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>m`<primer-input-error slot=\"error\">${this.cvvError}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"kind": "variable",
|
|
213
|
-
"name": "
|
|
214
|
-
"default": "class extends
|
|
213
|
+
"name": "De",
|
|
214
|
+
"default": "class extends y{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return h;let e=this.assetConfig.description,r=this.assetConfig.icon,o=N(this.assetConfig.icon,()=>m`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>m`<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\"?m`<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\"?m`<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\"?m`<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}}"
|
|
215
215
|
},
|
|
216
216
|
{
|
|
217
217
|
"kind": "variable",
|
|
218
|
-
"name": "
|
|
219
|
-
"default": "class extends
|
|
218
|
+
"name": "ne",
|
|
219
|
+
"default": "class extends y{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.clientOptions=null;this.headlessUtils=null;this.cardFormProvider=new B(this,{context:Dt,initialValue:null});this.eventsController=new wt(this);this.inputControllers=new Map;this.setupCardFormTask=new L(this,{task:([e])=>{if(!e?.manager)return I;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:a,expiryInput:n,cvvInput:s}=o;return this.cardFormProvider.setValue({cardholderNameInput:o.cardholderNameInput,cardNumberInput:a,expiryInput:n,cvvInput:s,setCardholderName:d=>{r.setCardholderName(d),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let f=c?.validationErrors?.find(b=>b.name===Dn.cardholderName),C=this.inputControllers.get(\"cardholderName\");C&&C.updateMetaFromValidation({valid:!1,error:f?.message||f?.error||null,errorCode:f?.message||f?.error||null})})},setCardNetwork:d=>{this.selectedCardNetwork=d},validate:()=>r.validate(),submit:d=>r.submit(d),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:d=>{this.inputControllers.forEach(c=>{c.setSubmitted(d)})},propagateValidationErrors:d=>{d&&d.forEach(c=>{let u=c.field||c.name,f=c.message||c.error,C=Dn[u];if(C){let b=this.inputControllers.get(C);if(b){let x={valid:!1,error:f,errorCode:f};b.updateMetaFromValidation(x)}}})},registerInputController:(d,c)=>{this.inputControllers.set(d,c)},unregisterInputController:d=>{this.inputControllers.delete(d)}}),!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})}get shouldShowCardholderName(){let e=this.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.clientOptions?.card?.cardholderName;return typeof e?.required==\"boolean\"?e.required:!0}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;e.setSubmissionState?.(!0);let r=await e.validate?.();if(r?.valid){let o=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0,a=await e.submit?.(o);this.eventsController.dispatchFormSubmitSuccess(a)}else{let o=r?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===it.ERROR||this.setupCardFormTask.status===it.INITIAL?h:m`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>N(this.hasAssignedContent,()=>h,()=>m`<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>${N(this.shouldShowCardholderName,()=>m`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>h)}</div><primer-card-form-submit></primer-card-form-submit>`)})}</form>`}}"
|
|
220
220
|
},
|
|
221
221
|
{
|
|
222
222
|
"kind": "variable",
|
|
223
|
-
"name": "
|
|
224
|
-
"default": "class extends
|
|
223
|
+
"name": "Ge",
|
|
224
|
+
"default": "class extends Z{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===it.ERROR)return h;let e=this.getError();return m`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${N(!this.cardFormContext?.hideLabels,()=>m`<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>${N(e,r=>m`<primer-input-error slot=\"error\">${A(r,{id:r})}</primer-input-error>`,()=>h)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
225
225
|
},
|
|
226
226
|
{
|
|
227
227
|
"kind": "variable",
|
|
228
|
-
"name": "
|
|
229
|
-
"default": "class extends
|
|
228
|
+
"name": "qe",
|
|
229
|
+
"default": "class extends Z{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
230
230
|
},
|
|
231
231
|
{
|
|
232
232
|
"kind": "variable",
|
|
233
|
-
"name": "
|
|
234
|
-
"default": "class extends
|
|
233
|
+
"name": "We",
|
|
234
|
+
"default": "class extends Z{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()}}"
|
|
235
235
|
},
|
|
236
236
|
{
|
|
237
237
|
"kind": "variable",
|
|
238
|
-
"name": "
|
|
239
|
-
"default": "class extends
|
|
238
|
+
"name": "Je",
|
|
239
|
+
"default": "class extends Z{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()}}"
|
|
240
240
|
},
|
|
241
241
|
{
|
|
242
242
|
"kind": "variable",
|
|
243
|
-
"name": "
|
|
244
|
-
"default": "class extends
|
|
243
|
+
"name": "J",
|
|
244
|
+
"default": "class extends y{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:A(\"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 m`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${o} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
245
245
|
},
|
|
246
246
|
{
|
|
247
247
|
"kind": "variable",
|
|
248
248
|
"name": "X",
|
|
249
|
-
"default": "class extends
|
|
249
|
+
"default": "class extends y{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=ao();this.dropdownRef=ao();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 m`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return m`<button ${di(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} />${N(o,()=>m`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>h)}</button>${N(this.isDropdownOpen,()=>m`<div ${di(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((a,n)=>m`<div ${di(s=>this.setNetworkOptionRef(s,n))} class=\"network-option ${this.isKeyboardNavigation&&n===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${s=>this.selectNetwork(s,a)} @keydown=${s=>{(s.key===\"Enter\"||s.key===\" \")&&this.selectNetwork(s,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>${N(a.network===r.network,()=>m`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>h)}</div>`)}</div>`,()=>h)} `}}"
|
|
250
250
|
},
|
|
251
251
|
{
|
|
252
252
|
"kind": "variable",
|
|
253
|
-
"name": "
|
|
254
|
-
"default": "class extends
|
|
253
|
+
"name": "pt",
|
|
254
|
+
"default": "class extends y{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?m`<slot name=\"other-payments\"></slot>`:m`<div class=\"other-payment-methods-container\"><primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
|
|
255
255
|
},
|
|
256
256
|
{
|
|
257
257
|
"kind": "variable",
|
|
258
|
-
"name": "
|
|
259
|
-
"default": "class extends
|
|
258
|
+
"name": "Ae",
|
|
259
|
+
"default": "class extends y{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 I;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 I;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(we),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:()=>m`<div class=\"native-button-container\" id=\"${this._buttonId}\"></div>`,pending:()=>h})}}"
|
|
260
260
|
},
|
|
261
261
|
{
|
|
262
262
|
"kind": "variable",
|
|
263
|
-
"name": "
|
|
264
|
-
"default": "class extends
|
|
263
|
+
"name": "$t",
|
|
264
|
+
"default": "class extends y{render(){return m`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
265
265
|
},
|
|
266
266
|
{
|
|
267
267
|
"kind": "variable",
|
|
268
|
-
"name": "
|
|
269
|
-
"default": "class extends
|
|
268
|
+
"name": "Pt",
|
|
269
|
+
"default": "class extends y{constructor(){super(...arguments);this.sdkState=null}render(){return m`<primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state>`}}"
|
|
270
270
|
},
|
|
271
271
|
{
|
|
272
272
|
"kind": "variable",
|
|
273
|
-
"name": "
|
|
274
|
-
"default": "class extends
|
|
273
|
+
"name": "Ze",
|
|
274
|
+
"default": "class extends y{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?m`<primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:h}}"
|
|
275
275
|
},
|
|
276
276
|
{
|
|
277
277
|
"kind": "variable",
|
|
278
|
-
"name": "
|
|
279
|
-
"default": "class extends
|
|
278
|
+
"name": "$e",
|
|
279
|
+
"default": "class extends y{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?m`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:m`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${N(this.hasAssignedContent,()=>h,()=>m`<div class=${G({\"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=>m`<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>`)} `}}"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
282
|
"kind": "function",
|
|
283
|
-
"name": "
|
|
283
|
+
"name": "oP"
|
|
284
284
|
}
|
|
285
285
|
],
|
|
286
286
|
"exports": [
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
"kind": "js",
|
|
305
305
|
"name": "AchPayment",
|
|
306
306
|
"declaration": {
|
|
307
|
-
"name": "
|
|
307
|
+
"name": "ce",
|
|
308
308
|
"module": "dist/primer-loader.js"
|
|
309
309
|
}
|
|
310
310
|
},
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
"kind": "js",
|
|
313
313
|
"name": "Button",
|
|
314
314
|
"declaration": {
|
|
315
|
-
"name": "
|
|
315
|
+
"name": "ie",
|
|
316
316
|
"module": "dist/primer-loader.js"
|
|
317
317
|
}
|
|
318
318
|
},
|
|
@@ -320,7 +320,7 @@
|
|
|
320
320
|
"kind": "js",
|
|
321
321
|
"name": "CardForm",
|
|
322
322
|
"declaration": {
|
|
323
|
-
"name": "
|
|
323
|
+
"name": "ne",
|
|
324
324
|
"module": "dist/primer-loader.js"
|
|
325
325
|
}
|
|
326
326
|
},
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
"kind": "js",
|
|
329
329
|
"name": "CardFormCVV",
|
|
330
330
|
"declaration": {
|
|
331
|
-
"name": "
|
|
331
|
+
"name": "qe",
|
|
332
332
|
"module": "dist/primer-loader.js"
|
|
333
333
|
}
|
|
334
334
|
},
|
|
@@ -344,7 +344,7 @@
|
|
|
344
344
|
"kind": "js",
|
|
345
345
|
"name": "CardFormCardNumber",
|
|
346
346
|
"declaration": {
|
|
347
|
-
"name": "
|
|
347
|
+
"name": "Ge",
|
|
348
348
|
"module": "dist/primer-loader.js"
|
|
349
349
|
}
|
|
350
350
|
},
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
"kind": "js",
|
|
353
353
|
"name": "CardFormError",
|
|
354
354
|
"declaration": {
|
|
355
|
-
"name": "
|
|
355
|
+
"name": "Fe",
|
|
356
356
|
"module": "dist/primer-loader.js"
|
|
357
357
|
}
|
|
358
358
|
},
|
|
@@ -360,7 +360,7 @@
|
|
|
360
360
|
"kind": "js",
|
|
361
361
|
"name": "CardFormExpiry",
|
|
362
362
|
"declaration": {
|
|
363
|
-
"name": "
|
|
363
|
+
"name": "We",
|
|
364
364
|
"module": "dist/primer-loader.js"
|
|
365
365
|
}
|
|
366
366
|
},
|
|
@@ -368,7 +368,7 @@
|
|
|
368
368
|
"kind": "js",
|
|
369
369
|
"name": "CardFormName",
|
|
370
370
|
"declaration": {
|
|
371
|
-
"name": "
|
|
371
|
+
"name": "Je",
|
|
372
372
|
"module": "dist/primer-loader.js"
|
|
373
373
|
}
|
|
374
374
|
},
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
"kind": "js",
|
|
377
377
|
"name": "CardFormSubmit",
|
|
378
378
|
"declaration": {
|
|
379
|
-
"name": "
|
|
379
|
+
"name": "J",
|
|
380
380
|
"module": "dist/primer-loader.js"
|
|
381
381
|
}
|
|
382
382
|
},
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
"kind": "js",
|
|
385
385
|
"name": "Collapsable",
|
|
386
386
|
"declaration": {
|
|
387
|
-
"name": "
|
|
387
|
+
"name": "oe",
|
|
388
388
|
"module": "dist/primer-loader.js"
|
|
389
389
|
}
|
|
390
390
|
},
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
"kind": "js",
|
|
393
393
|
"name": "Dialog",
|
|
394
394
|
"declaration": {
|
|
395
|
-
"name": "
|
|
395
|
+
"name": "Ee",
|
|
396
396
|
"module": "dist/primer-loader.js"
|
|
397
397
|
}
|
|
398
398
|
},
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
"kind": "js",
|
|
401
401
|
"name": "DynamicPayment",
|
|
402
402
|
"declaration": {
|
|
403
|
-
"name": "
|
|
403
|
+
"name": "he",
|
|
404
404
|
"module": "dist/primer-loader.js"
|
|
405
405
|
}
|
|
406
406
|
},
|
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
"kind": "js",
|
|
409
409
|
"name": "ErrorMessage",
|
|
410
410
|
"declaration": {
|
|
411
|
-
"name": "
|
|
411
|
+
"name": "Le",
|
|
412
412
|
"module": "dist/primer-loader.js"
|
|
413
413
|
}
|
|
414
414
|
},
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
"kind": "js",
|
|
417
417
|
"name": "ErrorMessageContainer",
|
|
418
418
|
"declaration": {
|
|
419
|
-
"name": "
|
|
419
|
+
"name": "Ze",
|
|
420
420
|
"module": "dist/primer-loader.js"
|
|
421
421
|
}
|
|
422
422
|
},
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"kind": "js",
|
|
425
425
|
"name": "InitializedPayments",
|
|
426
426
|
"declaration": {
|
|
427
|
-
"name": "
|
|
427
|
+
"name": "Rr",
|
|
428
428
|
"module": "dist/primer-loader.js"
|
|
429
429
|
}
|
|
430
430
|
},
|
|
@@ -440,7 +440,7 @@
|
|
|
440
440
|
"kind": "js",
|
|
441
441
|
"name": "InputLabel",
|
|
442
442
|
"declaration": {
|
|
443
|
-
"name": "
|
|
443
|
+
"name": "Be",
|
|
444
444
|
"module": "dist/primer-loader.js"
|
|
445
445
|
}
|
|
446
446
|
},
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
"kind": "js",
|
|
449
449
|
"name": "InputWrapper",
|
|
450
450
|
"declaration": {
|
|
451
|
-
"name": "
|
|
451
|
+
"name": "Ie",
|
|
452
452
|
"module": "dist/primer-loader.js"
|
|
453
453
|
}
|
|
454
454
|
},
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
"kind": "js",
|
|
457
457
|
"name": "NativePayment",
|
|
458
458
|
"declaration": {
|
|
459
|
-
"name": "
|
|
459
|
+
"name": "Ae",
|
|
460
460
|
"module": "dist/primer-loader.js"
|
|
461
461
|
}
|
|
462
462
|
},
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
"kind": "js",
|
|
465
465
|
"name": "PaymentMethod",
|
|
466
466
|
"declaration": {
|
|
467
|
-
"name": "
|
|
467
|
+
"name": "Oe",
|
|
468
468
|
"module": "dist/primer-loader.js"
|
|
469
469
|
}
|
|
470
470
|
},
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
"kind": "js",
|
|
473
473
|
"name": "PaymentMethodContainer",
|
|
474
474
|
"declaration": {
|
|
475
|
-
"name": "
|
|
475
|
+
"name": "ue",
|
|
476
476
|
"module": "dist/primer-loader.js"
|
|
477
477
|
}
|
|
478
478
|
},
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
"kind": "js",
|
|
481
481
|
"name": "PaymentMethodContentComponent",
|
|
482
482
|
"declaration": {
|
|
483
|
-
"name": "
|
|
483
|
+
"name": "De",
|
|
484
484
|
"module": "dist/primer-loader.js"
|
|
485
485
|
}
|
|
486
486
|
},
|
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
"kind": "js",
|
|
489
489
|
"name": "Portal",
|
|
490
490
|
"declaration": {
|
|
491
|
-
"name": "
|
|
491
|
+
"name": "st",
|
|
492
492
|
"module": "dist/primer-loader.js"
|
|
493
493
|
}
|
|
494
494
|
},
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
"kind": "js",
|
|
497
497
|
"name": "PortalDialogComponent",
|
|
498
498
|
"declaration": {
|
|
499
|
-
"name": "
|
|
499
|
+
"name": "pe",
|
|
500
500
|
"module": "dist/primer-loader.js"
|
|
501
501
|
}
|
|
502
502
|
},
|
|
@@ -504,7 +504,7 @@
|
|
|
504
504
|
"kind": "js",
|
|
505
505
|
"name": "PrimerCheckoutComplete",
|
|
506
506
|
"declaration": {
|
|
507
|
-
"name": "
|
|
507
|
+
"name": "$t",
|
|
508
508
|
"module": "dist/primer-loader.js"
|
|
509
509
|
}
|
|
510
510
|
},
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"kind": "js",
|
|
513
513
|
"name": "PrimerCheckoutComponent",
|
|
514
514
|
"declaration": {
|
|
515
|
-
"name": "
|
|
515
|
+
"name": "de",
|
|
516
516
|
"module": "dist/primer-loader.js"
|
|
517
517
|
}
|
|
518
518
|
},
|
|
@@ -520,7 +520,7 @@
|
|
|
520
520
|
"kind": "js",
|
|
521
521
|
"name": "PrimerCheckoutFailure",
|
|
522
522
|
"declaration": {
|
|
523
|
-
"name": "
|
|
523
|
+
"name": "Pt",
|
|
524
524
|
"module": "dist/primer-loader.js"
|
|
525
525
|
}
|
|
526
526
|
},
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
"kind": "js",
|
|
529
529
|
"name": "PrimerCheckoutState",
|
|
530
530
|
"declaration": {
|
|
531
|
-
"name": "
|
|
531
|
+
"name": "je",
|
|
532
532
|
"module": "dist/primer-loader.js"
|
|
533
533
|
}
|
|
534
534
|
},
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
"kind": "js",
|
|
537
537
|
"name": "PrimerIcon",
|
|
538
538
|
"declaration": {
|
|
539
|
-
"name": "
|
|
539
|
+
"name": "Ne",
|
|
540
540
|
"module": "dist/primer-loader.js"
|
|
541
541
|
}
|
|
542
542
|
},
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
"kind": "js",
|
|
545
545
|
"name": "PrimerKlarna",
|
|
546
546
|
"declaration": {
|
|
547
|
-
"name": "
|
|
547
|
+
"name": "q",
|
|
548
548
|
"module": "dist/primer-loader.js"
|
|
549
549
|
}
|
|
550
550
|
},
|
|
@@ -552,7 +552,7 @@
|
|
|
552
552
|
"kind": "js",
|
|
553
553
|
"name": "PrimerMain",
|
|
554
554
|
"declaration": {
|
|
555
|
-
"name": "
|
|
555
|
+
"name": "$e",
|
|
556
556
|
"module": "dist/primer-loader.js"
|
|
557
557
|
}
|
|
558
558
|
},
|
|
@@ -560,7 +560,7 @@
|
|
|
560
560
|
"kind": "js",
|
|
561
561
|
"name": "RedirectPayment",
|
|
562
562
|
"declaration": {
|
|
563
|
-
"name": "
|
|
563
|
+
"name": "fe",
|
|
564
564
|
"module": "dist/primer-loader.js"
|
|
565
565
|
}
|
|
566
566
|
},
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
"kind": "js",
|
|
569
569
|
"name": "ShowOtherPayments",
|
|
570
570
|
"declaration": {
|
|
571
|
-
"name": "
|
|
571
|
+
"name": "pt",
|
|
572
572
|
"module": "dist/primer-loader.js"
|
|
573
573
|
}
|
|
574
574
|
},
|
|
@@ -576,7 +576,7 @@
|
|
|
576
576
|
"kind": "js",
|
|
577
577
|
"name": "Spinner",
|
|
578
578
|
"declaration": {
|
|
579
|
-
"name": "
|
|
579
|
+
"name": "Me",
|
|
580
580
|
"module": "dist/primer-loader.js"
|
|
581
581
|
}
|
|
582
582
|
},
|
|
@@ -592,7 +592,7 @@
|
|
|
592
592
|
"kind": "js",
|
|
593
593
|
"name": "VaultDeleteConfirmation",
|
|
594
594
|
"declaration": {
|
|
595
|
-
"name": "
|
|
595
|
+
"name": "me",
|
|
596
596
|
"module": "dist/primer-loader.js"
|
|
597
597
|
}
|
|
598
598
|
},
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
"kind": "js",
|
|
601
601
|
"name": "VaultEmptyState",
|
|
602
602
|
"declaration": {
|
|
603
|
-
"name": "
|
|
603
|
+
"name": "Ke",
|
|
604
604
|
"module": "dist/primer-loader.js"
|
|
605
605
|
}
|
|
606
606
|
},
|
|
@@ -608,7 +608,7 @@
|
|
|
608
608
|
"kind": "js",
|
|
609
609
|
"name": "VaultErrorMessage",
|
|
610
610
|
"declaration": {
|
|
611
|
-
"name": "
|
|
611
|
+
"name": "Re",
|
|
612
612
|
"module": "dist/primer-loader.js"
|
|
613
613
|
}
|
|
614
614
|
},
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
"kind": "js",
|
|
617
617
|
"name": "VaultManager",
|
|
618
618
|
"declaration": {
|
|
619
|
-
"name": "
|
|
619
|
+
"name": "W",
|
|
620
620
|
"module": "dist/primer-loader.js"
|
|
621
621
|
}
|
|
622
622
|
},
|
|
@@ -624,7 +624,7 @@
|
|
|
624
624
|
"kind": "js",
|
|
625
625
|
"name": "VaultManagerHeader",
|
|
626
626
|
"declaration": {
|
|
627
|
-
"name": "
|
|
627
|
+
"name": "xe",
|
|
628
628
|
"module": "dist/primer-loader.js"
|
|
629
629
|
}
|
|
630
630
|
},
|
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
"kind": "js",
|
|
633
633
|
"name": "VaultPaymentMethodItem",
|
|
634
634
|
"declaration": {
|
|
635
|
-
"name": "
|
|
635
|
+
"name": "ae",
|
|
636
636
|
"module": "dist/primer-loader.js"
|
|
637
637
|
}
|
|
638
638
|
},
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
"kind": "js",
|
|
649
649
|
"name": "injectDarkTheme",
|
|
650
650
|
"declaration": {
|
|
651
|
-
"name": "
|
|
651
|
+
"name": "Xl",
|
|
652
652
|
"module": "dist/primer-loader.js"
|
|
653
653
|
}
|
|
654
654
|
},
|
|
@@ -656,7 +656,7 @@
|
|
|
656
656
|
"kind": "js",
|
|
657
657
|
"name": "injectLightTheme",
|
|
658
658
|
"declaration": {
|
|
659
|
-
"name": "
|
|
659
|
+
"name": "Zl",
|
|
660
660
|
"module": "dist/primer-loader.js"
|
|
661
661
|
}
|
|
662
662
|
},
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
"kind": "js",
|
|
665
665
|
"name": "injectLoaderStyles",
|
|
666
666
|
"declaration": {
|
|
667
|
-
"name": "
|
|
667
|
+
"name": "Ya",
|
|
668
668
|
"module": "dist/primer-loader.js"
|
|
669
669
|
}
|
|
670
670
|
},
|
|
@@ -672,7 +672,7 @@
|
|
|
672
672
|
"kind": "js",
|
|
673
673
|
"name": "injectThemeStyles",
|
|
674
674
|
"declaration": {
|
|
675
|
-
"name": "
|
|
675
|
+
"name": "Ha",
|
|
676
676
|
"module": "dist/primer-loader.js"
|
|
677
677
|
}
|
|
678
678
|
},
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
"kind": "js",
|
|
681
681
|
"name": "loadPrimer",
|
|
682
682
|
"declaration": {
|
|
683
|
-
"name": "
|
|
683
|
+
"name": "oP",
|
|
684
684
|
"module": "dist/primer-loader.js"
|
|
685
685
|
}
|
|
686
686
|
}
|