@primer-io/primer-js 0.1.4 → 0.1.5
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/dist/custom-elements.json +820 -452
- package/dist/jsx/index.d.ts +8 -6
- package/dist/primer-loader.d.ts +96 -38
- package/dist/primer-loader.js +472 -291
- package/dist/vscode.html-custom-data.json +11 -5
- package/dist/web-types.json +16 -10
- package/package.json +1 -1
|
@@ -12,223 +12,223 @@
|
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
"kind": "variable",
|
|
15
|
-
"name": "
|
|
15
|
+
"name": "e"
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"kind": "variable",
|
|
19
|
-
"name": "
|
|
20
|
-
"default": "class{constructor(
|
|
19
|
+
"name": "Vr",
|
|
20
|
+
"default": "class{constructor(e){this._methods=e}get(e){return this._methods.get(e)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"kind": "variable",
|
|
24
|
-
"name": "
|
|
25
|
-
"default": "class extends
|
|
24
|
+
"name": "le",
|
|
25
|
+
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new xr(this),this.sdkStateController=new Er(this),this.primerEventsController=new gt(this),this.styleProcessingController=new Ar(this),this.vaultManagerController=new Yt(this),this.cardNetworkController=new gr(this),this.achPaymentEventsController=new Yr(this),new Ur(this)}set jsInitialized(t){this.requestUpdate(),this._jsInitialized=t}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(t,r,o){t===zr.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(t,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(t){t.has(\"options\")&&(this.options?.locale&&(Oi(this.options?.locale)?this.locale=Di(this.options?.locale):R.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),Ri(this.locale||\"en-GB\"))}updated(){let t=getComputedStyle(this);this.sdkContextController.setComputedStyles(t),this.checkLoadingStateChange()}checkLoadingStateChange(){let t=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!t&&(this.jsInitialized=!0),this.previousLoadingState=t,t&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(R.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!t&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let t=this.sdkStateController.currentState,r=t.isLoading,o=t.error,n=!r&&!o;return c` ${U(r,()=>h)} ${U(o,()=>c`<primer-checkout-error></primer-checkout-error>`)} ${U(n,()=>c` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${U(this.hasAssignedContent,()=>h,()=>c`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
"kind": "function",
|
|
29
|
-
"name": "
|
|
29
|
+
"name": "xa"
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
"kind": "function",
|
|
33
|
-
"name": "
|
|
33
|
+
"name": "Aa"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"kind": "function",
|
|
37
|
-
"name": "
|
|
37
|
+
"name": "al"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
"kind": "function",
|
|
41
|
-
"name": "
|
|
41
|
+
"name": "nl"
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
"kind": "variable",
|
|
45
|
-
"name": "
|
|
46
|
-
"default": "class extends
|
|
45
|
+
"name": "Me",
|
|
46
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ki)return Ki[this.size];let t=parseInt(this.size,10);return isNaN(t)?Ki.medium:t}render(){let t=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${t}px`),c` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${t}\" height=\"${t}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" > <path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /> </svg> </div> `}}"
|
|
47
47
|
},
|
|
48
48
|
{
|
|
49
49
|
"kind": "variable",
|
|
50
|
-
"name": "
|
|
51
|
-
"default": "class extends
|
|
50
|
+
"name": "Te",
|
|
51
|
+
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(t){if(t.target!==t.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let t=this.inputSlot.assignedElements({flatten:!0}),r=t.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of t){let n=o.querySelector(\"primer-input\");if(n)return n}return null}render(){let t={\"input-slot\":!0,\"focus-within\":this.focusWithin};return c` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${Z(t)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
|
|
52
52
|
},
|
|
53
53
|
{
|
|
54
54
|
"kind": "variable",
|
|
55
|
-
"name": "
|
|
56
|
-
"default": "class extends
|
|
55
|
+
"name": "He",
|
|
56
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return c`<label for=${this.for}><slot></slot></label>`}}"
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
"kind": "variable",
|
|
60
|
-
"name": "
|
|
61
|
-
"default": "class extends
|
|
60
|
+
"name": "de",
|
|
61
|
+
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:c` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return h;let t;return this.variant===\"primary\"?t=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(t=\"var(--primer-color-gray-900)\"),c` <primer-spinner size=\"small\" color=\"${t}\" compact ></primer-spinner> `}render(){return c` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <span class=\"button-content ${this.loading?\"loading\":\"\"}\"> <slot></slot> </span> ${this.renderCheckmark()} </button> `}}"
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
64
|
"kind": "variable",
|
|
65
|
-
"name": "
|
|
66
|
-
"default": "class extends
|
|
65
|
+
"name": "Ue",
|
|
66
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return c` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
"kind": "variable",
|
|
70
|
-
"name": "
|
|
71
|
-
"default": "class extends
|
|
70
|
+
"name": "Pe",
|
|
71
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let t=this.name?wa[this.name]:null;return c` <div style=\"--internal-icon-color: ${this.color}\"> ${t||c`<slot></slot>`} </div> `}}"
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
"kind": "variable",
|
|
75
|
-
"name": "
|
|
76
|
-
"default": "class extends
|
|
75
|
+
"name": "Ye",
|
|
76
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?c` <!-- Successful view --> <primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" > </primer-icon> <p>Checkout complete!</p> <p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p> `:c` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?c`<p class=\"secondary\">${this.description}</p>`:c`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
"kind": "variable",
|
|
80
|
-
"name": "
|
|
81
|
-
"default": "class extends
|
|
80
|
+
"name": "F",
|
|
81
|
+
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))}handleInvalid(t){t.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(t){this.inputElement?.focus(t)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(t,r,o){this.inputElement?.setSelectionRange(t,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let t={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(t).filter(([,o])=>o).map(([o])=>o).join(\" \");return c` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
84
|
"kind": "variable",
|
|
85
|
-
"name": "
|
|
86
|
-
"default": "class extends
|
|
85
|
+
"name": "ae",
|
|
86
|
+
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(t){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:t}}))}toggleExpanded(){this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let t=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||t,o=this.header||t;return c` <div class=\"collapsable\"> <primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} > <span>${o}</span> </primer-button> <div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" > <div class=\"collapsable-content\"> <slot></slot> </div> </div> </div> `}}"
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
"kind": "variable",
|
|
90
|
-
"name": "
|
|
91
|
-
"default": "class extends
|
|
90
|
+
"name": "ye",
|
|
91
|
+
"default": "class extends v{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(t){t.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let t={\"error-message\":!0,hidden:!this.visible};return c` <div part=\"error-message\" class=${Z(t)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"kind": "variable",
|
|
95
|
-
"name": "
|
|
96
|
-
"default": "class extends
|
|
95
|
+
"name": "ot",
|
|
96
|
+
"default": "class extends v{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let t=document.querySelector(`#${this.id}`);return t||(t=document.createElement(\"div\"),t.id=this.id,document.body.appendChild(t),this._setupEventListeners(t)),t}_setupEventListeners(t){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{t.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(t){let o=t.target.assignedNodes();if(!o.length)return;let n=this.getContainer();o.forEach(l=>n.appendChild(l))}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
97
97
|
},
|
|
98
98
|
{
|
|
99
99
|
"kind": "variable",
|
|
100
|
-
"name": "
|
|
101
|
-
"default": "class extends
|
|
100
|
+
"name": "Ct",
|
|
101
|
+
"default": "class extends v{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return c` <div class=${Z({backdrop:!0})} @click=${e=>{e.preventDefault()}} > <div class=\"dialog\"> <div class=\"header\"> <primer-button variant=\"tertiary\" @click=${this._handleCloseClick}> <primer-icon name=\"close\"></primer-icon> </primer-button> </div> <div class=\"content\"> <slot></slot> </div> </div> </div> `}}"
|
|
102
102
|
},
|
|
103
103
|
{
|
|
104
104
|
"kind": "variable",
|
|
105
|
-
"name": "
|
|
106
|
-
"default": "class extends
|
|
105
|
+
"name": "ee",
|
|
106
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=await r.getCDNAssets(\"KLARNA\");return{manager:t.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}toggleExpand(){this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null)}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(t){R.error(\"Failed to start Klarna payment\",t)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:t=>{t>0&&(this.klarnaContainer.style.height=`${t}px`)}})}catch(t){R.error(\"Failed to render Klarna category\",t)}}selectCategory(t){this.selectedCategory=t,this.renderSelectedCategory()}updated(t){t.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let t=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?c`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:c` <div class=\"category-selection\"> ${t.map(o=>c` <button class=${Z({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return c` ${this.renderCategorySelection()} ${this.selectedCategory?c` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:h} <button class=${Z({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${A(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:t=>{let r=t instanceof Error?t.message:\"Unknown error in Klarna\";return c`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:t,klarnaIcon:r})=>t?c` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:h})}}"
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
"kind": "variable",
|
|
110
|
-
"name": "
|
|
111
|
-
"default": "class extends
|
|
110
|
+
"name": "ze",
|
|
111
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return h;let t=this.paymentMethods?.get(this.type);if(!t)return h;switch(t?.managerType){case\"CARD\":return c`<primer-card-form></primer-card-form>`;case\"NATIVE\":return c`<primer-native-payment .paymentMethod=${t} ></primer-native-payment>`;case\"REDIRECT\":return c`<primer-redirect-payment .paymentMethod=${t} ></primer-redirect-payment>`;case\"KLARNA\":return c`<primer-klarna></primer-klarna>`;case\"ACH\":return c` <primer-dynamic-payment .paymentMethod=${t} ></primer-dynamic-payment> `;default:return h}}}"
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
"kind": "variable",
|
|
115
|
-
"name": "
|
|
116
|
-
"default": "class extends
|
|
115
|
+
"name": "pe",
|
|
116
|
+
"default": "class extends v{constructor(){super(...arguments);this.formController=new Br(this,t=>this._paymentMethodManagerTask.value.setAndValidate(t));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new D(this,{task:async([t])=>t!==\"STRIPE_ACH\"?L:this.paymentManagers.get(t)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(t,r){let o=t.target;this.formController.setFieldValue(r,o.value)}_handleBlur(t){this.formController.setFieldTouched(t)}_handleError(t){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:t instanceof Error?t:new Error(typeof t==\"string\"?t:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(t){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await t.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(t);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(t){try{await t.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(t){this._handleError(t)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(t){this._handleError(t)}finally{this.isSubmitting=!1}}}renderForm(t){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})} </p> <form @submit=${r=>r.preventDefault()}> <div class=\"form-row\"> <primer-input-wrapper .hasError=${this.formController.hasError.firstName} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:h} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:h} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})} </primer-input-label> <primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h} </primer-input-error> </primer-input-wrapper> <p> ${A(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})} </p> <primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(t)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")} </p> <div class=\"button-group\"> <primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})} </primer-button> <primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} > ${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:t=>t?this.screen===\"form\"?this.renderForm(t):this.renderMandate():h})}}"
|
|
117
117
|
},
|
|
118
118
|
{
|
|
119
119
|
"kind": "variable",
|
|
120
|
-
"name": "
|
|
121
|
-
"default": "class extends
|
|
120
|
+
"name": "fe",
|
|
121
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:L},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?c` <primer-portal> <primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"> <primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment> </primer-dialog> </primer-portal> `:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",t.backgroundColor),c` <primer-button @click=\"${()=>this.start()}\" class=${Z({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> ${t.displayName} </primer-button> ${this.renderDialog()} `)})}}"
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
124
|
"kind": "variable",
|
|
125
|
-
"name": "
|
|
126
|
-
"default": "class extends
|
|
125
|
+
"name": "be",
|
|
126
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);if(!o)return L;let n=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,l=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:l}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",t.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":t.iconPosition===\"END\",\"image-only\":!t.displayName},o=t.displayName?c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> <span class=\"button-text\">${t.displayName}</span> `:c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> `;return c` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${Z(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > ${o} </primer-button> `}})}}"
|
|
127
127
|
},
|
|
128
128
|
{
|
|
129
129
|
"kind": "variable",
|
|
130
|
-
"name": "
|
|
131
|
-
"default": "class extends
|
|
130
|
+
"name": "Fe",
|
|
131
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?c` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:c` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${U(this.hasAssignedContent,()=>h,()=>c` <div class=${Z({\"primer-is-processing\":!!this.sdkState?.isProcessing})} > <primer-vault-manager></primer-vault-manager> <primer-show-other-payments> <div slot=\"other-payments\" class=\"primer-main-list\"> ${this.paymentMethods?.toArray().map(t=>c` <primer-payment-method type=${t.type} ></primer-payment-method> `)} </div> </primer-show-other-payments> <primer-error-message-container></primer-error-message-container> </div> `)} `}}"
|
|
132
132
|
},
|
|
133
133
|
{
|
|
134
134
|
"kind": "variable",
|
|
135
|
-
"name": "
|
|
136
|
-
"default": "class extends
|
|
135
|
+
"name": "we",
|
|
136
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:async([t])=>{if(!t)return L;let r=this.paymentManagers.get(t)?.manager;if(!r)throw new Error(`No manager found for payment method type ${t}`);return r}}),new D(this,{args:()=>[this.loadManagerTask.value],task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),n=t.createButton(),l=this.createRenderOptions(o);return await n.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,l),t}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let t=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return t+2*r}createRenderOptions(t){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:t}}:r===\"PAYPAL\"?{style:{buttonHeight:t}}:{style:{buttonHeight:t}}}updated(t){t.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>c` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>h})}}"
|
|
137
137
|
},
|
|
138
138
|
{
|
|
139
139
|
"kind": "variable",
|
|
140
|
-
"name": "
|
|
141
|
-
"default": "class extends
|
|
140
|
+
"name": "ke",
|
|
141
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new q(this,{context:Kr,initialValue:null});this.eventsController=new gt(this);this.setupCardFormTask=new D(this,{task:async([t])=>{if(!t?.manager)return L;let{manager:r}=t,{cardNumberInput:o,expiryInput:n,cvvInput:l}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:n,cvvInput:l,setCardholderName:g=>r.setCardholderName(g),setCardNetwork:g=>{this.selectedCardNetwork=g},validate:()=>r.validate(),submit:g=>r.submit(g)}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=t=>{let o=t.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(t.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=t=>{t.stopPropagation(),this.submitCardPayment()};this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=t=>{t.preventDefault(),t.stopPropagation(),this.submitCardPayment()}}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer-form-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer-form-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(t){let r=t.tagName.toLowerCase(),o=r===\"button\",n=r===\"primer-button\";return o&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))||n&&(t.getAttribute(\"buttonType\")===\"submit\"||t.hasAttribute(\"data-submit\"))}async submitCardPayment(){let t=this.cardFormProvider.value;if(!t)return;let r=await t.validate?.();if(r?.valid){let o=await t.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...t,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===De.ERROR||this.setupCardFormTask.status===De.INITIAL?h:c` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>U(this.hasAssignedContent,()=>h,()=>c` <div class=\"card-form\"> <primer-input-card-number></primer-input-card-number> <div class=\"card-form-row\"> <primer-input-card-expiry></primer-input-card-expiry> <primer-input-cvv></primer-input-cvv> </div> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"kind": "variable",
|
|
145
|
-
"name": "
|
|
146
|
-
"default": "class extends
|
|
145
|
+
"name": "xt",
|
|
146
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.childUpdated()}handleNetworkSelected(t){let{network:r}=t.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===De.ERROR)return h;let t=this.getError();return c` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!t} > <primer-input-label slot=\"label\">${this.label}</primer-input-label> <div slot=\"input\" class=\"card-number-container\"> <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> ${U(t,r=>c` <primer-input-error slot=\"error\"> ${A(r,{id:r})} </primer-input-error> `,()=>h)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
149
|
"kind": "variable",
|
|
150
|
-
"name": "
|
|
151
|
-
"default": "class extends
|
|
150
|
+
"name": "At",
|
|
151
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
154
|
"kind": "variable",
|
|
155
|
-
"name": "
|
|
156
|
-
"default": "class extends
|
|
155
|
+
"name": "_t",
|
|
156
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
157
157
|
},
|
|
158
158
|
{
|
|
159
159
|
"kind": "variable",
|
|
160
|
-
"name": "
|
|
161
|
-
"default": "class extends
|
|
160
|
+
"name": "St",
|
|
161
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:t=>this.handleInput(t)};this.childUpdated()}handleInput(t){this.cardFormContext?.setCardholderName?.(t)}render(){return this.renderInput()}}"
|
|
162
162
|
},
|
|
163
163
|
{
|
|
164
164
|
"kind": "variable",
|
|
165
|
-
"name": "
|
|
166
|
-
"default": "class extends
|
|
165
|
+
"name": "ce",
|
|
166
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=t=>{if(t.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer-form-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
167
167
|
},
|
|
168
168
|
{
|
|
169
169
|
"kind": "variable",
|
|
170
|
-
"name": "
|
|
171
|
-
"default": "class extends
|
|
170
|
+
"name": "me",
|
|
171
|
+
"default": "class extends v{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Zr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${U(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${U(this.isDropdownOpen,()=>c` <div ${Zr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Zr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${U(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
|
|
172
172
|
},
|
|
173
173
|
{
|
|
174
174
|
"kind": "variable",
|
|
175
|
-
"name": "
|
|
176
|
-
"default": "class extends
|
|
175
|
+
"name": "ue",
|
|
176
|
+
"default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;new Pt(this,{defaultOptions:{keyframeOptions:{duration:Number(getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-duration\").trim().replace(\"ms\",\"\")),easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim()}}})}getAnimationConfig(){return{keyframeOptions:{duration:this.animationDuration,easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim(),fill:\"both\"}}}handleToggleEditMode(t){this.isEditMode=t.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(t){this.deletePaymentMethodId=t.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(t){this.errorMessage=t instanceof Error?t.message:A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(t){let r=t.detail?.error;this.errorMessage=r instanceof Error?r.message:A(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(t){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===t);if(!r)return\"\";try{return Xr(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return c` <div class=\"loading-overlay\" ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} > <primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner> </div> `}renderDeleteConfirmation(){if(!this.deletePaymentMethodId)return h;let t=this.getPaymentMethodName(this.deletePaymentMethodId);return c` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${t} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(t){return this.deletePaymentMethodId===t.id?h:c` <primer-vault-payment-method-item .paymentMethod=${t} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item> `}renderPaymentMethodList(){let t=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&t.length>0&&!this.deletePaymentMethodId;return c` <div class=\"payment-methods-list\"> ${t.map(o=>this.renderPaymentMethodItem(o))} ${U(r,()=>c` <div class=\"submit-button-container\"> <primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit> </div> `,()=>h)} </div> `}render(){if(!this.vaultManagerContext?.enabled)return h;let t=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return c` <div class=\"vault-manager ${o?\"is-updating\":\"\"}\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${t} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${U(this.errorMessage,()=>c` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message> `,()=>h)} <div class=\"vault-manager-content\"> ${U(!r&&!t,()=>c` <div class=\"content-container\"> <primer-vault-empty-state ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state> </div> `,()=>h)} ${U(!r&&t,()=>c` <div class=\"content-container\"> ${U(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())} </div> `,()=>h)} </div> ${U(o,()=>this.renderLoadingOverlay(),()=>h)} </div> `}}"
|
|
177
177
|
},
|
|
178
178
|
{
|
|
179
179
|
"kind": "variable",
|
|
180
|
-
"name": "
|
|
181
|
-
"default": "class extends
|
|
180
|
+
"name": "ve",
|
|
181
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new D(this,{task:async([t,r,o])=>{if(!t||!r||!o)return L;let n=\"\";if(Mn(t))n=r.getCardNetworkAsset(t.paymentInstrumentData.network).cardUrl;else{let u=await r.getCDNAssets(t.paymentMethodType);u&&(n=u.assets?.icon?`${u.goatCdnUrl}/${u.assets.icon}`:\"\")}let l=o.cvvRecapture,g=Xr(t);return{icon:n,shouldShowCVV:l,...g}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let t=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!t&&t.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(t){let r=t.icon?c`<img class=\"payment-method-icon\" src=${t.icon} alt=${t.description} />`:c` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return c` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${t.description}</div> ${t.secondaryDescription?c`<div class=\"payment-method-secondary-description\"> ${t.secondaryDescription} </div>`:h} </div> `}render(){return this._getAssetsTask.render({error:()=>h,complete:t=>{let r=this.isSelected()?\"checked\":\"default\";return c` <div class=\"payment-method-wrapper\"> <div class=\"payment-method-container\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable ?disabled=${this.isEditMode} selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(t)} </primer-button> ${this.isEditMode?c` <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${t.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> `:h} </div> ${U(t.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>c`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`,()=>h)} </div> `}})}}"
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
184
|
"kind": "variable",
|
|
185
|
-
"name": "
|
|
186
|
-
"default": "class extends
|
|
185
|
+
"name": "Ge",
|
|
186
|
+
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1}toggleEditMode(){this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}render(){return c` <div class=\"vault-manager-header\"> <h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?c` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?c`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:c`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:h} </div> `}}"
|
|
187
187
|
},
|
|
188
188
|
{
|
|
189
189
|
"kind": "variable",
|
|
190
|
-
"name": "
|
|
191
|
-
"default": "class extends
|
|
190
|
+
"name": "Ee",
|
|
191
|
+
"default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null}handleConfirmClick(){this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))}handleCancelClick(){this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}render(){let t=this.paymentMethodName;return c` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${t}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${A(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
|
|
192
192
|
},
|
|
193
193
|
{
|
|
194
194
|
"kind": "variable",
|
|
195
|
-
"name": "
|
|
196
|
-
"default": "class extends
|
|
195
|
+
"name": "wt",
|
|
196
|
+
"default": "class extends v{render(){return c` <div class=\"empty-state\"> <p> ${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
197
197
|
},
|
|
198
198
|
{
|
|
199
199
|
"kind": "variable",
|
|
200
|
-
"name": "
|
|
201
|
-
"default": "class extends
|
|
200
|
+
"name": "pt",
|
|
201
|
+
"default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return c` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
204
|
"kind": "variable",
|
|
205
|
-
"name": "
|
|
206
|
-
"default": "class extends
|
|
205
|
+
"name": "te",
|
|
206
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async t=>{if(t.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
207
207
|
},
|
|
208
208
|
{
|
|
209
209
|
"kind": "variable",
|
|
210
|
-
"name": "
|
|
211
|
-
"default": "class extends
|
|
210
|
+
"name": "re",
|
|
211
|
+
"default": "class extends v{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this._setupCVVIframe=new D(this,{task:async([t,r])=>!t||!r||t.paymentMethodType!==\"PAYMENT_CARD\"||!t.paymentInstrumentData?.network||r.createCvvInput===null?L:{network:t.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=jr(this.computedStyles),n=o?{input:{base:o}}:void 0,l={cardNetwork:t.network,container:r,name:\"cvv\",placeholder:\"123\",style:n};this.cvvInput=await t.createCvvInput?.(l)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.error||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null)}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>c` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${U(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>c` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
|
|
212
212
|
},
|
|
213
213
|
{
|
|
214
214
|
"kind": "variable",
|
|
215
|
-
"name": "
|
|
216
|
-
"default": "class extends
|
|
215
|
+
"name": "ct",
|
|
216
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){return this.vaultManager?.isLoading?h:!this.vaultManager||!this.vaultManager.enabled?c`<slot name=\"other-payments\"></slot>`:c` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
|
|
217
217
|
},
|
|
218
218
|
{
|
|
219
219
|
"kind": "variable",
|
|
220
|
-
"name": "
|
|
221
|
-
"default": "class extends
|
|
220
|
+
"name": "pr",
|
|
221
|
+
"default": "class extends v{render(){return c` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
|
|
222
222
|
},
|
|
223
223
|
{
|
|
224
224
|
"kind": "variable",
|
|
225
|
-
"name": "
|
|
226
|
-
"default": "class extends
|
|
225
|
+
"name": "kt",
|
|
226
|
+
"default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return c` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
|
|
227
227
|
},
|
|
228
228
|
{
|
|
229
229
|
"kind": "variable",
|
|
230
|
-
"name": "
|
|
231
|
-
"default": "class extends
|
|
230
|
+
"name": "qe",
|
|
231
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?c` <primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:h}}"
|
|
232
232
|
}
|
|
233
233
|
],
|
|
234
234
|
"exports": [
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
"kind": "custom-element-definition",
|
|
237
237
|
"name": "i",
|
|
238
238
|
"declaration": {
|
|
239
|
-
"name": "
|
|
239
|
+
"name": "e",
|
|
240
240
|
"module": "cdn/primer-components.js"
|
|
241
241
|
}
|
|
242
242
|
},
|
|
@@ -244,7 +244,7 @@
|
|
|
244
244
|
"kind": "custom-element-definition",
|
|
245
245
|
"name": "i",
|
|
246
246
|
"declaration": {
|
|
247
|
-
"name": "
|
|
247
|
+
"name": "e",
|
|
248
248
|
"module": "cdn/primer-components.js"
|
|
249
249
|
}
|
|
250
250
|
},
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
"kind": "js",
|
|
253
253
|
"name": "AchPayment",
|
|
254
254
|
"declaration": {
|
|
255
|
-
"name": "
|
|
255
|
+
"name": "pe",
|
|
256
256
|
"module": "cdn/primer-components.js"
|
|
257
257
|
}
|
|
258
258
|
},
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
"kind": "js",
|
|
261
261
|
"name": "Button",
|
|
262
262
|
"declaration": {
|
|
263
|
-
"name": "
|
|
263
|
+
"name": "de",
|
|
264
264
|
"module": "cdn/primer-components.js"
|
|
265
265
|
}
|
|
266
266
|
},
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
"kind": "js",
|
|
269
269
|
"name": "CardForm",
|
|
270
270
|
"declaration": {
|
|
271
|
-
"name": "
|
|
271
|
+
"name": "ke",
|
|
272
272
|
"module": "cdn/primer-components.js"
|
|
273
273
|
}
|
|
274
274
|
},
|
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
"kind": "js",
|
|
277
277
|
"name": "CardFormCVV",
|
|
278
278
|
"declaration": {
|
|
279
|
-
"name": "
|
|
279
|
+
"name": "At",
|
|
280
280
|
"module": "cdn/primer-components.js"
|
|
281
281
|
}
|
|
282
282
|
},
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
"kind": "js",
|
|
285
285
|
"name": "CardFormCardNetworkSelector",
|
|
286
286
|
"declaration": {
|
|
287
|
-
"name": "
|
|
287
|
+
"name": "me",
|
|
288
288
|
"module": "cdn/primer-components.js"
|
|
289
289
|
}
|
|
290
290
|
},
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
"kind": "js",
|
|
293
293
|
"name": "CardFormCardNumber",
|
|
294
294
|
"declaration": {
|
|
295
|
-
"name": "
|
|
295
|
+
"name": "xt",
|
|
296
296
|
"module": "cdn/primer-components.js"
|
|
297
297
|
}
|
|
298
298
|
},
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
"kind": "js",
|
|
301
301
|
"name": "CardFormError",
|
|
302
302
|
"declaration": {
|
|
303
|
-
"name": "
|
|
303
|
+
"name": "Ue",
|
|
304
304
|
"module": "cdn/primer-components.js"
|
|
305
305
|
}
|
|
306
306
|
},
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
"kind": "js",
|
|
309
309
|
"name": "CardFormExpiry",
|
|
310
310
|
"declaration": {
|
|
311
|
-
"name": "
|
|
311
|
+
"name": "_t",
|
|
312
312
|
"module": "cdn/primer-components.js"
|
|
313
313
|
}
|
|
314
314
|
},
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
"kind": "js",
|
|
317
317
|
"name": "CardFormName",
|
|
318
318
|
"declaration": {
|
|
319
|
-
"name": "
|
|
319
|
+
"name": "St",
|
|
320
320
|
"module": "cdn/primer-components.js"
|
|
321
321
|
}
|
|
322
322
|
},
|
|
@@ -324,7 +324,7 @@
|
|
|
324
324
|
"kind": "js",
|
|
325
325
|
"name": "CardFormSubmit",
|
|
326
326
|
"declaration": {
|
|
327
|
-
"name": "
|
|
327
|
+
"name": "ce",
|
|
328
328
|
"module": "cdn/primer-components.js"
|
|
329
329
|
}
|
|
330
330
|
},
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
"kind": "js",
|
|
333
333
|
"name": "Collapsable",
|
|
334
334
|
"declaration": {
|
|
335
|
-
"name": "
|
|
335
|
+
"name": "ae",
|
|
336
336
|
"module": "cdn/primer-components.js"
|
|
337
337
|
}
|
|
338
338
|
},
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
"kind": "js",
|
|
341
341
|
"name": "Dialog",
|
|
342
342
|
"declaration": {
|
|
343
|
-
"name": "
|
|
343
|
+
"name": "Ct",
|
|
344
344
|
"module": "cdn/primer-components.js"
|
|
345
345
|
}
|
|
346
346
|
},
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"kind": "js",
|
|
349
349
|
"name": "DynamicPayment",
|
|
350
350
|
"declaration": {
|
|
351
|
-
"name": "
|
|
351
|
+
"name": "fe",
|
|
352
352
|
"module": "cdn/primer-components.js"
|
|
353
353
|
}
|
|
354
354
|
},
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
"kind": "js",
|
|
357
357
|
"name": "ErrorMessage",
|
|
358
358
|
"declaration": {
|
|
359
|
-
"name": "
|
|
359
|
+
"name": "ye",
|
|
360
360
|
"module": "cdn/primer-components.js"
|
|
361
361
|
}
|
|
362
362
|
},
|
|
@@ -364,7 +364,7 @@
|
|
|
364
364
|
"kind": "js",
|
|
365
365
|
"name": "ErrorMessageContainer",
|
|
366
366
|
"declaration": {
|
|
367
|
-
"name": "
|
|
367
|
+
"name": "qe",
|
|
368
368
|
"module": "cdn/primer-components.js"
|
|
369
369
|
}
|
|
370
370
|
},
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
"kind": "js",
|
|
373
373
|
"name": "InitializedPayments",
|
|
374
374
|
"declaration": {
|
|
375
|
-
"name": "
|
|
375
|
+
"name": "Vr",
|
|
376
376
|
"module": "cdn/primer-components.js"
|
|
377
377
|
}
|
|
378
378
|
},
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
"kind": "js",
|
|
381
381
|
"name": "Input",
|
|
382
382
|
"declaration": {
|
|
383
|
-
"name": "
|
|
383
|
+
"name": "F",
|
|
384
384
|
"module": "cdn/primer-components.js"
|
|
385
385
|
}
|
|
386
386
|
},
|
|
@@ -388,7 +388,7 @@
|
|
|
388
388
|
"kind": "js",
|
|
389
389
|
"name": "InputLabel",
|
|
390
390
|
"declaration": {
|
|
391
|
-
"name": "
|
|
391
|
+
"name": "He",
|
|
392
392
|
"module": "cdn/primer-components.js"
|
|
393
393
|
}
|
|
394
394
|
},
|
|
@@ -396,7 +396,7 @@
|
|
|
396
396
|
"kind": "js",
|
|
397
397
|
"name": "InputWrapper",
|
|
398
398
|
"declaration": {
|
|
399
|
-
"name": "
|
|
399
|
+
"name": "Te",
|
|
400
400
|
"module": "cdn/primer-components.js"
|
|
401
401
|
}
|
|
402
402
|
},
|
|
@@ -404,7 +404,7 @@
|
|
|
404
404
|
"kind": "js",
|
|
405
405
|
"name": "NativePayment",
|
|
406
406
|
"declaration": {
|
|
407
|
-
"name": "
|
|
407
|
+
"name": "we",
|
|
408
408
|
"module": "cdn/primer-components.js"
|
|
409
409
|
}
|
|
410
410
|
},
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
"kind": "js",
|
|
413
413
|
"name": "PaymentMethod",
|
|
414
414
|
"declaration": {
|
|
415
|
-
"name": "
|
|
415
|
+
"name": "ze",
|
|
416
416
|
"module": "cdn/primer-components.js"
|
|
417
417
|
}
|
|
418
418
|
},
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
"kind": "js",
|
|
421
421
|
"name": "Portal",
|
|
422
422
|
"declaration": {
|
|
423
|
-
"name": "
|
|
423
|
+
"name": "ot",
|
|
424
424
|
"module": "cdn/primer-components.js"
|
|
425
425
|
}
|
|
426
426
|
},
|
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
"kind": "js",
|
|
429
429
|
"name": "PrimerCheckoutComplete",
|
|
430
430
|
"declaration": {
|
|
431
|
-
"name": "
|
|
431
|
+
"name": "pr",
|
|
432
432
|
"module": "cdn/primer-components.js"
|
|
433
433
|
}
|
|
434
434
|
},
|
|
@@ -436,7 +436,7 @@
|
|
|
436
436
|
"kind": "js",
|
|
437
437
|
"name": "PrimerCheckoutComponent",
|
|
438
438
|
"declaration": {
|
|
439
|
-
"name": "
|
|
439
|
+
"name": "le",
|
|
440
440
|
"module": "cdn/primer-components.js"
|
|
441
441
|
}
|
|
442
442
|
},
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
"kind": "js",
|
|
445
445
|
"name": "PrimerCheckoutFailure",
|
|
446
446
|
"declaration": {
|
|
447
|
-
"name": "
|
|
447
|
+
"name": "kt",
|
|
448
448
|
"module": "cdn/primer-components.js"
|
|
449
449
|
}
|
|
450
450
|
},
|
|
@@ -452,7 +452,7 @@
|
|
|
452
452
|
"kind": "js",
|
|
453
453
|
"name": "PrimerCheckoutState",
|
|
454
454
|
"declaration": {
|
|
455
|
-
"name": "
|
|
455
|
+
"name": "Ye",
|
|
456
456
|
"module": "cdn/primer-components.js"
|
|
457
457
|
}
|
|
458
458
|
},
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
"kind": "js",
|
|
461
461
|
"name": "PrimerIcon",
|
|
462
462
|
"declaration": {
|
|
463
|
-
"name": "
|
|
463
|
+
"name": "Pe",
|
|
464
464
|
"module": "cdn/primer-components.js"
|
|
465
465
|
}
|
|
466
466
|
},
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
"kind": "js",
|
|
469
469
|
"name": "PrimerKlarna",
|
|
470
470
|
"declaration": {
|
|
471
|
-
"name": "
|
|
471
|
+
"name": "ee",
|
|
472
472
|
"module": "cdn/primer-components.js"
|
|
473
473
|
}
|
|
474
474
|
},
|
|
@@ -476,7 +476,7 @@
|
|
|
476
476
|
"kind": "js",
|
|
477
477
|
"name": "PrimerMain",
|
|
478
478
|
"declaration": {
|
|
479
|
-
"name": "
|
|
479
|
+
"name": "Fe",
|
|
480
480
|
"module": "cdn/primer-components.js"
|
|
481
481
|
}
|
|
482
482
|
},
|
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
"kind": "js",
|
|
485
485
|
"name": "RedirectPayment",
|
|
486
486
|
"declaration": {
|
|
487
|
-
"name": "
|
|
487
|
+
"name": "be",
|
|
488
488
|
"module": "cdn/primer-components.js"
|
|
489
489
|
}
|
|
490
490
|
},
|
|
@@ -492,7 +492,7 @@
|
|
|
492
492
|
"kind": "js",
|
|
493
493
|
"name": "ShowOtherPayments",
|
|
494
494
|
"declaration": {
|
|
495
|
-
"name": "
|
|
495
|
+
"name": "ct",
|
|
496
496
|
"module": "cdn/primer-components.js"
|
|
497
497
|
}
|
|
498
498
|
},
|
|
@@ -500,7 +500,7 @@
|
|
|
500
500
|
"kind": "js",
|
|
501
501
|
"name": "Spinner",
|
|
502
502
|
"declaration": {
|
|
503
|
-
"name": "
|
|
503
|
+
"name": "Me",
|
|
504
504
|
"module": "cdn/primer-components.js"
|
|
505
505
|
}
|
|
506
506
|
},
|
|
@@ -508,7 +508,7 @@
|
|
|
508
508
|
"kind": "js",
|
|
509
509
|
"name": "VaultCvvInput",
|
|
510
510
|
"declaration": {
|
|
511
|
-
"name": "
|
|
511
|
+
"name": "re",
|
|
512
512
|
"module": "cdn/primer-components.js"
|
|
513
513
|
}
|
|
514
514
|
},
|
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
"kind": "js",
|
|
517
517
|
"name": "VaultDeleteConfirmation",
|
|
518
518
|
"declaration": {
|
|
519
|
-
"name": "
|
|
519
|
+
"name": "Ee",
|
|
520
520
|
"module": "cdn/primer-components.js"
|
|
521
521
|
}
|
|
522
522
|
},
|
|
@@ -524,7 +524,7 @@
|
|
|
524
524
|
"kind": "js",
|
|
525
525
|
"name": "VaultEmptyState",
|
|
526
526
|
"declaration": {
|
|
527
|
-
"name": "
|
|
527
|
+
"name": "wt",
|
|
528
528
|
"module": "cdn/primer-components.js"
|
|
529
529
|
}
|
|
530
530
|
},
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
"kind": "js",
|
|
533
533
|
"name": "VaultErrorMessage",
|
|
534
534
|
"declaration": {
|
|
535
|
-
"name": "
|
|
535
|
+
"name": "pt",
|
|
536
536
|
"module": "cdn/primer-components.js"
|
|
537
537
|
}
|
|
538
538
|
},
|
|
@@ -540,7 +540,7 @@
|
|
|
540
540
|
"kind": "js",
|
|
541
541
|
"name": "VaultManager",
|
|
542
542
|
"declaration": {
|
|
543
|
-
"name": "
|
|
543
|
+
"name": "ue",
|
|
544
544
|
"module": "cdn/primer-components.js"
|
|
545
545
|
}
|
|
546
546
|
},
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
"kind": "js",
|
|
549
549
|
"name": "VaultManagerHeader",
|
|
550
550
|
"declaration": {
|
|
551
|
-
"name": "
|
|
551
|
+
"name": "Ge",
|
|
552
552
|
"module": "cdn/primer-components.js"
|
|
553
553
|
}
|
|
554
554
|
},
|
|
@@ -556,7 +556,7 @@
|
|
|
556
556
|
"kind": "js",
|
|
557
557
|
"name": "VaultPaymentMethodItem",
|
|
558
558
|
"declaration": {
|
|
559
|
-
"name": "
|
|
559
|
+
"name": "ve",
|
|
560
560
|
"module": "cdn/primer-components.js"
|
|
561
561
|
}
|
|
562
562
|
},
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
"kind": "js",
|
|
565
565
|
"name": "VaultPaymentSubmit",
|
|
566
566
|
"declaration": {
|
|
567
|
-
"name": "
|
|
567
|
+
"name": "te",
|
|
568
568
|
"module": "cdn/primer-components.js"
|
|
569
569
|
}
|
|
570
570
|
},
|
|
@@ -572,7 +572,7 @@
|
|
|
572
572
|
"kind": "js",
|
|
573
573
|
"name": "injectDarkTheme",
|
|
574
574
|
"declaration": {
|
|
575
|
-
"name": "
|
|
575
|
+
"name": "nl",
|
|
576
576
|
"module": "cdn/primer-components.js"
|
|
577
577
|
}
|
|
578
578
|
},
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
"kind": "js",
|
|
581
581
|
"name": "injectLightTheme",
|
|
582
582
|
"declaration": {
|
|
583
|
-
"name": "
|
|
583
|
+
"name": "al",
|
|
584
584
|
"module": "cdn/primer-components.js"
|
|
585
585
|
}
|
|
586
586
|
},
|
|
@@ -588,7 +588,7 @@
|
|
|
588
588
|
"kind": "js",
|
|
589
589
|
"name": "injectLoaderStyles",
|
|
590
590
|
"declaration": {
|
|
591
|
-
"name": "
|
|
591
|
+
"name": "xa",
|
|
592
592
|
"module": "cdn/primer-components.js"
|
|
593
593
|
}
|
|
594
594
|
},
|
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
"kind": "js",
|
|
597
597
|
"name": "injectThemeStyles",
|
|
598
598
|
"declaration": {
|
|
599
|
-
"name": "
|
|
599
|
+
"name": "Aa",
|
|
600
600
|
"module": "cdn/primer-components.js"
|
|
601
601
|
}
|
|
602
602
|
}
|
|
@@ -612,227 +612,227 @@
|
|
|
612
612
|
},
|
|
613
613
|
{
|
|
614
614
|
"kind": "variable",
|
|
615
|
-
"name": "
|
|
615
|
+
"name": "e"
|
|
616
616
|
},
|
|
617
617
|
{
|
|
618
618
|
"kind": "variable",
|
|
619
|
-
"name": "
|
|
620
|
-
"default": "class{constructor(
|
|
619
|
+
"name": "Vr",
|
|
620
|
+
"default": "class{constructor(e){this._methods=e}get(e){return this._methods.get(e)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
|
|
621
621
|
},
|
|
622
622
|
{
|
|
623
623
|
"kind": "variable",
|
|
624
|
-
"name": "
|
|
625
|
-
"default": "class extends
|
|
624
|
+
"name": "le",
|
|
625
|
+
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new xr(this),this.sdkStateController=new Er(this),this.primerEventsController=new gt(this),this.styleProcessingController=new Ar(this),this.vaultManagerController=new Yt(this),this.cardNetworkController=new gr(this),this.achPaymentEventsController=new Yr(this),new Ur(this)}set jsInitialized(t){this.requestUpdate(),this._jsInitialized=t}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(t,r,o){t===zr.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(t,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(t){t.has(\"options\")&&(this.options?.locale&&(Oi(this.options?.locale)?this.locale=Di(this.options?.locale):R.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),Ri(this.locale||\"en-GB\"))}updated(){let t=getComputedStyle(this);this.sdkContextController.setComputedStyles(t),this.checkLoadingStateChange()}checkLoadingStateChange(){let t=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!t&&(this.jsInitialized=!0),this.previousLoadingState=t,t&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(R.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!t&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let t=this.sdkStateController.currentState,r=t.isLoading,o=t.error,n=!r&&!o;return c` ${U(r,()=>h)} ${U(o,()=>c`<primer-checkout-error></primer-checkout-error>`)} ${U(n,()=>c` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${U(this.hasAssignedContent,()=>h,()=>c`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
|
|
626
626
|
},
|
|
627
627
|
{
|
|
628
628
|
"kind": "function",
|
|
629
|
-
"name": "
|
|
629
|
+
"name": "xa"
|
|
630
630
|
},
|
|
631
631
|
{
|
|
632
632
|
"kind": "function",
|
|
633
|
-
"name": "
|
|
633
|
+
"name": "Aa"
|
|
634
634
|
},
|
|
635
635
|
{
|
|
636
636
|
"kind": "function",
|
|
637
|
-
"name": "
|
|
637
|
+
"name": "al"
|
|
638
638
|
},
|
|
639
639
|
{
|
|
640
640
|
"kind": "function",
|
|
641
|
-
"name": "
|
|
641
|
+
"name": "nl"
|
|
642
642
|
},
|
|
643
643
|
{
|
|
644
644
|
"kind": "variable",
|
|
645
|
-
"name": "
|
|
646
|
-
"default": "class extends
|
|
645
|
+
"name": "Me",
|
|
646
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Ki)return Ki[this.size];let t=parseInt(this.size,10);return isNaN(t)?Ki.medium:t}render(){let t=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${t}px`),c` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${t}\" height=\"${t}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" > <path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /> </svg> </div> `}}"
|
|
647
647
|
},
|
|
648
648
|
{
|
|
649
649
|
"kind": "variable",
|
|
650
|
-
"name": "
|
|
651
|
-
"default": "class extends
|
|
650
|
+
"name": "Te",
|
|
651
|
+
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(t){if(t.target!==t.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let t=this.inputSlot.assignedElements({flatten:!0}),r=t.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of t){let n=o.querySelector(\"primer-input\");if(n)return n}return null}render(){let t={\"input-slot\":!0,\"focus-within\":this.focusWithin};return c` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${Z(t)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
|
|
652
652
|
},
|
|
653
653
|
{
|
|
654
654
|
"kind": "variable",
|
|
655
|
-
"name": "
|
|
656
|
-
"default": "class extends
|
|
655
|
+
"name": "He",
|
|
656
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return c`<label for=${this.for}><slot></slot></label>`}}"
|
|
657
657
|
},
|
|
658
658
|
{
|
|
659
659
|
"kind": "variable",
|
|
660
|
-
"name": "
|
|
661
|
-
"default": "class extends
|
|
660
|
+
"name": "de",
|
|
661
|
+
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:c` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return h;let t;return this.variant===\"primary\"?t=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(t=\"var(--primer-color-gray-900)\"),c` <primer-spinner size=\"small\" color=\"${t}\" compact ></primer-spinner> `}render(){return c` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <span class=\"button-content ${this.loading?\"loading\":\"\"}\"> <slot></slot> </span> ${this.renderCheckmark()} </button> `}}"
|
|
662
662
|
},
|
|
663
663
|
{
|
|
664
664
|
"kind": "variable",
|
|
665
|
-
"name": "
|
|
666
|
-
"default": "class extends
|
|
665
|
+
"name": "Ue",
|
|
666
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return c` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
|
|
667
667
|
},
|
|
668
668
|
{
|
|
669
669
|
"kind": "variable",
|
|
670
|
-
"name": "
|
|
671
|
-
"default": "class extends
|
|
670
|
+
"name": "Pe",
|
|
671
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let t=this.name?wa[this.name]:null;return c` <div style=\"--internal-icon-color: ${this.color}\"> ${t||c`<slot></slot>`} </div> `}}"
|
|
672
672
|
},
|
|
673
673
|
{
|
|
674
674
|
"kind": "variable",
|
|
675
|
-
"name": "
|
|
676
|
-
"default": "class extends
|
|
675
|
+
"name": "Ye",
|
|
676
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?c` <!-- Successful view --> <primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" > </primer-icon> <p>Checkout complete!</p> <p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p> `:c` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?c`<p class=\"secondary\">${this.description}</p>`:c`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
677
677
|
},
|
|
678
678
|
{
|
|
679
679
|
"kind": "variable",
|
|
680
|
-
"name": "
|
|
681
|
-
"default": "class extends
|
|
680
|
+
"name": "F",
|
|
681
|
+
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(t){t.stopPropagation();let r=t.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))}handleInvalid(t){t.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(t){this.inputElement?.focus(t)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(t,r,o){this.inputElement?.setSelectionRange(t,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let t={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(t).filter(([,o])=>o).map(([o])=>o).join(\" \");return c` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(t,r,o){super.addEventListener(t,r,o)}removeEventListener(t,r,o){super.removeEventListener(t,r,o)}}"
|
|
682
682
|
},
|
|
683
683
|
{
|
|
684
684
|
"kind": "variable",
|
|
685
|
-
"name": "
|
|
686
|
-
"default": "class extends
|
|
685
|
+
"name": "ae",
|
|
686
|
+
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(t){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:t}}))}toggleExpanded(){this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let t=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||t,o=this.header||t;return c` <div class=\"collapsable\"> <primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} > <span>${o}</span> </primer-button> <div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" > <div class=\"collapsable-content\"> <slot></slot> </div> </div> </div> `}}"
|
|
687
687
|
},
|
|
688
688
|
{
|
|
689
689
|
"kind": "variable",
|
|
690
|
-
"name": "
|
|
691
|
-
"default": "class extends
|
|
690
|
+
"name": "ye",
|
|
691
|
+
"default": "class extends v{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(t){t.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let t={\"error-message\":!0,hidden:!this.visible};return c` <div part=\"error-message\" class=${Z(t)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
|
|
692
692
|
},
|
|
693
693
|
{
|
|
694
694
|
"kind": "variable",
|
|
695
|
-
"name": "
|
|
696
|
-
"default": "class extends
|
|
695
|
+
"name": "ot",
|
|
696
|
+
"default": "class extends v{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let t=document.querySelector(`#${this.id}`);return t||(t=document.createElement(\"div\"),t.id=this.id,document.body.appendChild(t),this._setupEventListeners(t)),t}_setupEventListeners(t){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{t.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(t){let o=t.target.assignedNodes();if(!o.length)return;let n=this.getContainer();o.forEach(l=>n.appendChild(l))}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
697
697
|
},
|
|
698
698
|
{
|
|
699
699
|
"kind": "variable",
|
|
700
|
-
"name": "
|
|
701
|
-
"default": "class extends
|
|
700
|
+
"name": "Ct",
|
|
701
|
+
"default": "class extends v{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return c` <div class=${Z({backdrop:!0})} @click=${e=>{e.preventDefault()}} > <div class=\"dialog\"> <div class=\"header\"> <primer-button variant=\"tertiary\" @click=${this._handleCloseClick}> <primer-icon name=\"close\"></primer-icon> </primer-button> </div> <div class=\"content\"> <slot></slot> </div> </div> </div> `}}"
|
|
702
702
|
},
|
|
703
703
|
{
|
|
704
704
|
"kind": "variable",
|
|
705
|
-
"name": "
|
|
706
|
-
"default": "class extends
|
|
705
|
+
"name": "ee",
|
|
706
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=await r.getCDNAssets(\"KLARNA\");return{manager:t.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}toggleExpand(){this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null)}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(t){R.error(\"Failed to start Klarna payment\",t)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:t=>{t>0&&(this.klarnaContainer.style.height=`${t}px`)}})}catch(t){R.error(\"Failed to render Klarna category\",t)}}selectCategory(t){this.selectedCategory=t,this.renderSelectedCategory()}updated(t){t.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let t=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?c`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:c` <div class=\"category-selection\"> ${t.map(o=>c` <button class=${Z({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return c` ${this.renderCategorySelection()} ${this.selectedCategory?c` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:h} <button class=${Z({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${A(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:t=>{let r=t instanceof Error?t.message:\"Unknown error in Klarna\";return c`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:t,klarnaIcon:r})=>t?c` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:h})}}"
|
|
707
707
|
},
|
|
708
708
|
{
|
|
709
709
|
"kind": "variable",
|
|
710
|
-
"name": "
|
|
711
|
-
"default": "class extends
|
|
710
|
+
"name": "ze",
|
|
711
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return h;let t=this.paymentMethods?.get(this.type);if(!t)return h;switch(t?.managerType){case\"CARD\":return c`<primer-card-form></primer-card-form>`;case\"NATIVE\":return c`<primer-native-payment .paymentMethod=${t} ></primer-native-payment>`;case\"REDIRECT\":return c`<primer-redirect-payment .paymentMethod=${t} ></primer-redirect-payment>`;case\"KLARNA\":return c`<primer-klarna></primer-klarna>`;case\"ACH\":return c` <primer-dynamic-payment .paymentMethod=${t} ></primer-dynamic-payment> `;default:return h}}}"
|
|
712
712
|
},
|
|
713
713
|
{
|
|
714
714
|
"kind": "variable",
|
|
715
|
-
"name": "
|
|
716
|
-
"default": "class extends
|
|
715
|
+
"name": "pe",
|
|
716
|
+
"default": "class extends v{constructor(){super(...arguments);this.formController=new Br(this,t=>this._paymentMethodManagerTask.value.setAndValidate(t));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new D(this,{task:async([t])=>t!==\"STRIPE_ACH\"?L:this.paymentManagers.get(t)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(t,r){let o=t.target;this.formController.setFieldValue(r,o.value)}_handleBlur(t){this.formController.setFieldTouched(t)}_handleError(t){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:t instanceof Error?t:new Error(typeof t==\"string\"?t:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(t){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await t.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(t);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(t){try{await t.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(t){this._handleError(t)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(t){this._handleError(t)}finally{this.isSubmitting=!1}}}renderForm(t){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})} </p> <form @submit=${r=>r.preventDefault()}> <div class=\"form-row\"> <primer-input-wrapper .hasError=${this.formController.hasError.firstName} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:h} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:h} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${A(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})} </primer-input-label> <primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h} </primer-input-error> </primer-input-wrapper> <p> ${A(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})} </p> <primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(t)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return c` <h2> ${A(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")} </p> <div class=\"button-group\"> <primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${A(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})} </primer-button> <primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} > ${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:t=>t?this.screen===\"form\"?this.renderForm(t):this.renderMandate():h})}}"
|
|
717
717
|
},
|
|
718
718
|
{
|
|
719
719
|
"kind": "variable",
|
|
720
|
-
"name": "
|
|
721
|
-
"default": "class extends
|
|
720
|
+
"name": "fe",
|
|
721
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:L},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?c` <primer-portal> <primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"> <primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment> </primer-dialog> </primer-portal> `:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",t.backgroundColor),c` <primer-button @click=\"${()=>this.start()}\" class=${Z({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> ${t.displayName} </primer-button> ${this.renderDialog()} `)})}}"
|
|
722
722
|
},
|
|
723
723
|
{
|
|
724
724
|
"kind": "variable",
|
|
725
|
-
"name": "
|
|
726
|
-
"default": "class extends
|
|
725
|
+
"name": "be",
|
|
726
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:async([t,r])=>!t||!r?L:r.get(t)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:async([t,r])=>{if(!t||!r)return L;let o=r.getPaymentMethodConfiguration(t);if(!o)return L;let n=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,l=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:l}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:async([t,r])=>!t||!r?L:{paymentMethodManager:t,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(t){if(!t)return;let r=t?Qt(t):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:t})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",t.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":t.iconPosition===\"END\",\"image-only\":!t.displayName},o=t.displayName?c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> <span class=\"button-text\">${t.displayName}</span> `:c` <span class=\"image-container\"> <img src=\"${t.iconUrl}\" alt=\"${t.name}\" /> </span> `;return c` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${Z(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${t.name}\" > ${o} </primer-button> `}})}}"
|
|
727
727
|
},
|
|
728
728
|
{
|
|
729
729
|
"kind": "variable",
|
|
730
|
-
"name": "
|
|
731
|
-
"default": "class extends
|
|
730
|
+
"name": "Fe",
|
|
731
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?c` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:c` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${U(this.hasAssignedContent,()=>h,()=>c` <div class=${Z({\"primer-is-processing\":!!this.sdkState?.isProcessing})} > <primer-vault-manager></primer-vault-manager> <primer-show-other-payments> <div slot=\"other-payments\" class=\"primer-main-list\"> ${this.paymentMethods?.toArray().map(t=>c` <primer-payment-method type=${t.type} ></primer-payment-method> `)} </div> </primer-show-other-payments> <primer-error-message-container></primer-error-message-container> </div> `)} `}}"
|
|
732
732
|
},
|
|
733
733
|
{
|
|
734
734
|
"kind": "variable",
|
|
735
|
-
"name": "
|
|
736
|
-
"default": "class extends
|
|
735
|
+
"name": "we",
|
|
736
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:async([t])=>{if(!t)return L;let r=this.paymentManagers.get(t)?.manager;if(!r)throw new Error(`No manager found for payment method type ${t}`);return r}}),new D(this,{args:()=>[this.loadManagerTask.value],task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),n=t.createButton(),l=this.createRenderOptions(o);return await n.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,l),t}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let t=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return t+2*r}createRenderOptions(t){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:t}}:r===\"PAYPAL\"?{style:{buttonHeight:t}}:{style:{buttonHeight:t}}}updated(t){t.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>c` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>h})}}"
|
|
737
737
|
},
|
|
738
738
|
{
|
|
739
739
|
"kind": "variable",
|
|
740
|
-
"name": "
|
|
741
|
-
"default": "class extends
|
|
740
|
+
"name": "ke",
|
|
741
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new q(this,{context:Kr,initialValue:null});this.eventsController=new gt(this);this.setupCardFormTask=new D(this,{task:async([t])=>{if(!t?.manager)return L;let{manager:r}=t,{cardNumberInput:o,expiryInput:n,cvvInput:l}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:n,cvvInput:l,setCardholderName:g=>r.setCardholderName(g),setCardNetwork:g=>{this.selectedCardNetwork=g},validate:()=>r.validate(),submit:g=>r.submit(g)}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=t=>{let o=t.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(t.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=t=>{t.stopPropagation(),this.submitCardPayment()};this.onSlotChange=t=>{let o=t.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=t=>{t.preventDefault(),t.stopPropagation(),this.submitCardPayment()}}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer-form-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer-form-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(t){let r=t.tagName.toLowerCase(),o=r===\"button\",n=r===\"primer-button\";return o&&(t.getAttribute(\"type\")===\"submit\"||t.hasAttribute(\"data-submit\"))||n&&(t.getAttribute(\"buttonType\")===\"submit\"||t.hasAttribute(\"data-submit\"))}async submitCardPayment(){let t=this.cardFormProvider.value;if(!t)return;let r=await t.validate?.();if(r?.valid){let o=await t.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...t,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===De.ERROR||this.setupCardFormTask.status===De.INITIAL?h:c` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>U(this.hasAssignedContent,()=>h,()=>c` <div class=\"card-form\"> <primer-input-card-number></primer-input-card-number> <div class=\"card-form-row\"> <primer-input-card-expiry></primer-input-card-expiry> <primer-input-cvv></primer-input-cvv> </div> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
|
|
742
742
|
},
|
|
743
743
|
{
|
|
744
744
|
"kind": "variable",
|
|
745
|
-
"name": "
|
|
746
|
-
"default": "class extends
|
|
745
|
+
"name": "xt",
|
|
746
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.childUpdated()}handleNetworkSelected(t){let{network:r}=t.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===De.ERROR)return h;let t=this.getError();return c` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!t} > <primer-input-label slot=\"label\">${this.label}</primer-input-label> <div slot=\"input\" class=\"card-number-container\"> <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> ${U(t,r=>c` <primer-input-error slot=\"error\"> ${A(r,{id:r})} </primer-input-error> `,()=>h)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
|
|
747
747
|
},
|
|
748
748
|
{
|
|
749
749
|
"kind": "variable",
|
|
750
|
-
"name": "
|
|
751
|
-
"default": "class extends
|
|
750
|
+
"name": "At",
|
|
751
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
752
752
|
},
|
|
753
753
|
{
|
|
754
754
|
"kind": "variable",
|
|
755
|
-
"name": "
|
|
756
|
-
"default": "class extends
|
|
755
|
+
"name": "_t",
|
|
756
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
757
757
|
},
|
|
758
758
|
{
|
|
759
759
|
"kind": "variable",
|
|
760
|
-
"name": "
|
|
761
|
-
"default": "class extends
|
|
760
|
+
"name": "St",
|
|
761
|
+
"default": "class extends X{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:t=>this.handleInput(t)};this.childUpdated()}handleInput(t){this.cardFormContext?.setCardholderName?.(t)}render(){return this.renderInput()}}"
|
|
762
762
|
},
|
|
763
763
|
{
|
|
764
764
|
"kind": "variable",
|
|
765
|
-
"name": "
|
|
766
|
-
"default": "class extends
|
|
765
|
+
"name": "ce",
|
|
766
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=t=>{if(t.preventDefault(),this.disabled)return;let r=new CustomEvent(\"primer-form-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
767
767
|
},
|
|
768
768
|
{
|
|
769
769
|
"kind": "variable",
|
|
770
|
-
"name": "
|
|
771
|
-
"default": "class extends
|
|
770
|
+
"name": "me",
|
|
771
|
+
"default": "class extends v{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=qi();this.dropdownRef=qi();this.networkOptionRefs=[];this.handleClickOutside=t=>{this.isDropdownOpen&&(this.contains(t.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=t=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(t.target)||this===t.target||this.isDropdownOpen&&t.target===document.body)))switch(this.isKeyboardNavigation=!0,t.key){case\"ArrowDown\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":t.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(t.preventDefault(),this.selectNetwork(t,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(t.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(t.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=t=>{this.isDropdownOpen&&this.handleKeyDown(t)}}toggleDropdown(t){this.isKeyboardNavigation=!1,t.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(t){return this.headlessUtils?.getCardNetworkAsset(t.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let t=this.getDetectedNetwork();if(!t)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===t.network);return r>=0?r:0}selectNetwork(t,r){t.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(t,r){this.networkOptionRefs[r]=t}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return c`<primer-spinner size=\"small\" compact></primer-spinner>`;let t=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&t.length===0)return c`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(t.length>0?t[0]:null);if(!r)return c`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=t.length>1;return c` <button ${Zr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${U(o,()=>c` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>h)} </button> ${U(this.isDropdownOpen,()=>c` <div ${Zr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${t.map((n,l)=>c` <div ${Zr(g=>this.setNetworkOptionRef(g,l))} class=\"network-option ${this.isKeyboardNavigation&&l===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${g=>this.selectNetwork(g,n)} @keydown=${g=>{(g.key===\"Enter\"||g.key===\" \")&&this.selectNetwork(g,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${l===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /> <span class=\"network-name\">${n.displayName}</span> ${U(n.network===r.network,()=>c` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>h)} </div> `)} </div> `,()=>h)} `}}"
|
|
772
772
|
},
|
|
773
773
|
{
|
|
774
774
|
"kind": "variable",
|
|
775
|
-
"name": "
|
|
776
|
-
"default": "class extends
|
|
775
|
+
"name": "ue",
|
|
776
|
+
"default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;new Pt(this,{defaultOptions:{keyframeOptions:{duration:Number(getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-duration\").trim().replace(\"ms\",\"\")),easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim()}}})}getAnimationConfig(){return{keyframeOptions:{duration:this.animationDuration,easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim(),fill:\"both\"}}}handleToggleEditMode(t){this.isEditMode=t.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(t){this.deletePaymentMethodId=t.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(t){this.errorMessage=t instanceof Error?t.message:A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(t){let r=t.detail?.error;this.errorMessage=r instanceof Error?r.message:A(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(t){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===t);if(!r)return\"\";try{return Xr(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return c` <div class=\"loading-overlay\" ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} > <primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner> </div> `}renderDeleteConfirmation(){if(!this.deletePaymentMethodId)return h;let t=this.getPaymentMethodName(this.deletePaymentMethodId);return c` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${t} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(t){return this.deletePaymentMethodId===t.id?h:c` <primer-vault-payment-method-item .paymentMethod=${t} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item> `}renderPaymentMethodList(){let t=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&t.length>0&&!this.deletePaymentMethodId;return c` <div class=\"payment-methods-list\"> ${t.map(o=>this.renderPaymentMethodItem(o))} ${U(r,()=>c` <div class=\"submit-button-container\"> <primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit> </div> `,()=>h)} </div> `}render(){if(!this.vaultManagerContext?.enabled)return h;let t=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return c` <div class=\"vault-manager ${o?\"is-updating\":\"\"}\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${t} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${U(this.errorMessage,()=>c` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message> `,()=>h)} <div class=\"vault-manager-content\"> ${U(!r&&!t,()=>c` <div class=\"content-container\"> <primer-vault-empty-state ${je({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state> </div> `,()=>h)} ${U(!r&&t,()=>c` <div class=\"content-container\"> ${U(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())} </div> `,()=>h)} </div> ${U(o,()=>this.renderLoadingOverlay(),()=>h)} </div> `}}"
|
|
777
777
|
},
|
|
778
778
|
{
|
|
779
779
|
"kind": "variable",
|
|
780
|
-
"name": "
|
|
781
|
-
"default": "class extends
|
|
780
|
+
"name": "ve",
|
|
781
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new D(this,{task:async([t,r,o])=>{if(!t||!r||!o)return L;let n=\"\";if(Mn(t))n=r.getCardNetworkAsset(t.paymentInstrumentData.network).cardUrl;else{let u=await r.getCDNAssets(t.paymentMethodType);u&&(n=u.assets?.icon?`${u.goatCdnUrl}/${u.assets.icon}`:\"\")}let l=o.cvvRecapture,g=Xr(t);return{icon:n,shouldShowCVV:l,...g}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let t=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!t&&t.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(t){let r=t.icon?c`<img class=\"payment-method-icon\" src=${t.icon} alt=${t.description} />`:c` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return c` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${t.description}</div> ${t.secondaryDescription?c`<div class=\"payment-method-secondary-description\"> ${t.secondaryDescription} </div>`:h} </div> `}render(){return this._getAssetsTask.render({error:()=>h,complete:t=>{let r=this.isSelected()?\"checked\":\"default\";return c` <div class=\"payment-method-wrapper\"> <div class=\"payment-method-container\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable ?disabled=${this.isEditMode} selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(t)} </primer-button> ${this.isEditMode?c` <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${t.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> `:h} </div> ${U(t.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>c`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`,()=>h)} </div> `}})}}"
|
|
782
782
|
},
|
|
783
783
|
{
|
|
784
784
|
"kind": "variable",
|
|
785
|
-
"name": "
|
|
786
|
-
"default": "class extends
|
|
785
|
+
"name": "Ge",
|
|
786
|
+
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1}toggleEditMode(){this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}render(){return c` <div class=\"vault-manager-header\"> <h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?c` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?c`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:c`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:h} </div> `}}"
|
|
787
787
|
},
|
|
788
788
|
{
|
|
789
789
|
"kind": "variable",
|
|
790
|
-
"name": "
|
|
791
|
-
"default": "class extends
|
|
790
|
+
"name": "Ee",
|
|
791
|
+
"default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null}handleConfirmClick(){this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))}handleCancelClick(){this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}render(){let t=this.paymentMethodName;return c` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${t}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${A(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
|
|
792
792
|
},
|
|
793
793
|
{
|
|
794
794
|
"kind": "variable",
|
|
795
|
-
"name": "
|
|
796
|
-
"default": "class extends
|
|
795
|
+
"name": "wt",
|
|
796
|
+
"default": "class extends v{render(){return c` <div class=\"empty-state\"> <p> ${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
797
797
|
},
|
|
798
798
|
{
|
|
799
799
|
"kind": "variable",
|
|
800
|
-
"name": "
|
|
801
|
-
"default": "class extends
|
|
800
|
+
"name": "pt",
|
|
801
|
+
"default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return c` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
|
|
802
802
|
},
|
|
803
803
|
{
|
|
804
804
|
"kind": "variable",
|
|
805
|
-
"name": "
|
|
806
|
-
"default": "class extends
|
|
805
|
+
"name": "te",
|
|
806
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async t=>{if(t.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(t){let r=this.buttonText;t!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=t):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let t=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=t?` ${t}`:h;return c` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
807
807
|
},
|
|
808
808
|
{
|
|
809
809
|
"kind": "variable",
|
|
810
|
-
"name": "
|
|
811
|
-
"default": "class extends
|
|
810
|
+
"name": "re",
|
|
811
|
+
"default": "class extends v{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this._setupCVVIframe=new D(this,{task:async([t,r])=>!t||!r||t.paymentMethodType!==\"PAYMENT_CARD\"||!t.paymentInstrumentData?.network||r.createCvvInput===null?L:{network:t.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([t])=>{if(!t)return L;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=jr(this.computedStyles),n=o?{input:{base:o}}:void 0,l={cardNetwork:t.network,container:r,name:\"cvv\",placeholder:\"123\",style:n};this.cvvInput=await t.createCvvInput?.(l)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.error||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null)}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>c` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${U(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>c` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
|
|
812
812
|
},
|
|
813
813
|
{
|
|
814
814
|
"kind": "variable",
|
|
815
|
-
"name": "
|
|
816
|
-
"default": "class extends
|
|
815
|
+
"name": "ct",
|
|
816
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){return this.vaultManager?.isLoading?h:!this.vaultManager||!this.vaultManager.enabled?c`<slot name=\"other-payments\"></slot>`:c` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
|
|
817
817
|
},
|
|
818
818
|
{
|
|
819
819
|
"kind": "variable",
|
|
820
|
-
"name": "
|
|
821
|
-
"default": "class extends
|
|
820
|
+
"name": "pr",
|
|
821
|
+
"default": "class extends v{render(){return c` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
|
|
822
822
|
},
|
|
823
823
|
{
|
|
824
824
|
"kind": "variable",
|
|
825
|
-
"name": "
|
|
826
|
-
"default": "class extends
|
|
825
|
+
"name": "kt",
|
|
826
|
+
"default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return c` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
|
|
827
827
|
},
|
|
828
828
|
{
|
|
829
829
|
"kind": "variable",
|
|
830
|
-
"name": "
|
|
831
|
-
"default": "class extends
|
|
830
|
+
"name": "qe",
|
|
831
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?c` <primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:h}}"
|
|
832
832
|
},
|
|
833
833
|
{
|
|
834
834
|
"kind": "function",
|
|
835
|
-
"name": "
|
|
835
|
+
"name": "M0"
|
|
836
836
|
}
|
|
837
837
|
],
|
|
838
838
|
"exports": [
|
|
@@ -840,7 +840,7 @@
|
|
|
840
840
|
"kind": "custom-element-definition",
|
|
841
841
|
"name": "i",
|
|
842
842
|
"declaration": {
|
|
843
|
-
"name": "
|
|
843
|
+
"name": "e",
|
|
844
844
|
"module": "dist/primer-loader.js"
|
|
845
845
|
}
|
|
846
846
|
},
|
|
@@ -848,7 +848,7 @@
|
|
|
848
848
|
"kind": "custom-element-definition",
|
|
849
849
|
"name": "i",
|
|
850
850
|
"declaration": {
|
|
851
|
-
"name": "
|
|
851
|
+
"name": "e",
|
|
852
852
|
"module": "dist/primer-loader.js"
|
|
853
853
|
}
|
|
854
854
|
},
|
|
@@ -856,7 +856,7 @@
|
|
|
856
856
|
"kind": "js",
|
|
857
857
|
"name": "AchPayment",
|
|
858
858
|
"declaration": {
|
|
859
|
-
"name": "
|
|
859
|
+
"name": "pe",
|
|
860
860
|
"module": "dist/primer-loader.js"
|
|
861
861
|
}
|
|
862
862
|
},
|
|
@@ -864,7 +864,7 @@
|
|
|
864
864
|
"kind": "js",
|
|
865
865
|
"name": "Button",
|
|
866
866
|
"declaration": {
|
|
867
|
-
"name": "
|
|
867
|
+
"name": "de",
|
|
868
868
|
"module": "dist/primer-loader.js"
|
|
869
869
|
}
|
|
870
870
|
},
|
|
@@ -872,7 +872,7 @@
|
|
|
872
872
|
"kind": "js",
|
|
873
873
|
"name": "CardForm",
|
|
874
874
|
"declaration": {
|
|
875
|
-
"name": "
|
|
875
|
+
"name": "ke",
|
|
876
876
|
"module": "dist/primer-loader.js"
|
|
877
877
|
}
|
|
878
878
|
},
|
|
@@ -880,7 +880,7 @@
|
|
|
880
880
|
"kind": "js",
|
|
881
881
|
"name": "CardFormCVV",
|
|
882
882
|
"declaration": {
|
|
883
|
-
"name": "
|
|
883
|
+
"name": "At",
|
|
884
884
|
"module": "dist/primer-loader.js"
|
|
885
885
|
}
|
|
886
886
|
},
|
|
@@ -888,7 +888,7 @@
|
|
|
888
888
|
"kind": "js",
|
|
889
889
|
"name": "CardFormCardNetworkSelector",
|
|
890
890
|
"declaration": {
|
|
891
|
-
"name": "
|
|
891
|
+
"name": "me",
|
|
892
892
|
"module": "dist/primer-loader.js"
|
|
893
893
|
}
|
|
894
894
|
},
|
|
@@ -896,7 +896,7 @@
|
|
|
896
896
|
"kind": "js",
|
|
897
897
|
"name": "CardFormCardNumber",
|
|
898
898
|
"declaration": {
|
|
899
|
-
"name": "
|
|
899
|
+
"name": "xt",
|
|
900
900
|
"module": "dist/primer-loader.js"
|
|
901
901
|
}
|
|
902
902
|
},
|
|
@@ -904,7 +904,7 @@
|
|
|
904
904
|
"kind": "js",
|
|
905
905
|
"name": "CardFormError",
|
|
906
906
|
"declaration": {
|
|
907
|
-
"name": "
|
|
907
|
+
"name": "Ue",
|
|
908
908
|
"module": "dist/primer-loader.js"
|
|
909
909
|
}
|
|
910
910
|
},
|
|
@@ -912,7 +912,7 @@
|
|
|
912
912
|
"kind": "js",
|
|
913
913
|
"name": "CardFormExpiry",
|
|
914
914
|
"declaration": {
|
|
915
|
-
"name": "
|
|
915
|
+
"name": "_t",
|
|
916
916
|
"module": "dist/primer-loader.js"
|
|
917
917
|
}
|
|
918
918
|
},
|
|
@@ -920,7 +920,7 @@
|
|
|
920
920
|
"kind": "js",
|
|
921
921
|
"name": "CardFormName",
|
|
922
922
|
"declaration": {
|
|
923
|
-
"name": "
|
|
923
|
+
"name": "St",
|
|
924
924
|
"module": "dist/primer-loader.js"
|
|
925
925
|
}
|
|
926
926
|
},
|
|
@@ -928,7 +928,7 @@
|
|
|
928
928
|
"kind": "js",
|
|
929
929
|
"name": "CardFormSubmit",
|
|
930
930
|
"declaration": {
|
|
931
|
-
"name": "
|
|
931
|
+
"name": "ce",
|
|
932
932
|
"module": "dist/primer-loader.js"
|
|
933
933
|
}
|
|
934
934
|
},
|
|
@@ -936,7 +936,7 @@
|
|
|
936
936
|
"kind": "js",
|
|
937
937
|
"name": "Collapsable",
|
|
938
938
|
"declaration": {
|
|
939
|
-
"name": "
|
|
939
|
+
"name": "ae",
|
|
940
940
|
"module": "dist/primer-loader.js"
|
|
941
941
|
}
|
|
942
942
|
},
|
|
@@ -944,7 +944,7 @@
|
|
|
944
944
|
"kind": "js",
|
|
945
945
|
"name": "Dialog",
|
|
946
946
|
"declaration": {
|
|
947
|
-
"name": "
|
|
947
|
+
"name": "Ct",
|
|
948
948
|
"module": "dist/primer-loader.js"
|
|
949
949
|
}
|
|
950
950
|
},
|
|
@@ -952,7 +952,7 @@
|
|
|
952
952
|
"kind": "js",
|
|
953
953
|
"name": "DynamicPayment",
|
|
954
954
|
"declaration": {
|
|
955
|
-
"name": "
|
|
955
|
+
"name": "fe",
|
|
956
956
|
"module": "dist/primer-loader.js"
|
|
957
957
|
}
|
|
958
958
|
},
|
|
@@ -960,7 +960,7 @@
|
|
|
960
960
|
"kind": "js",
|
|
961
961
|
"name": "ErrorMessage",
|
|
962
962
|
"declaration": {
|
|
963
|
-
"name": "
|
|
963
|
+
"name": "ye",
|
|
964
964
|
"module": "dist/primer-loader.js"
|
|
965
965
|
}
|
|
966
966
|
},
|
|
@@ -968,7 +968,7 @@
|
|
|
968
968
|
"kind": "js",
|
|
969
969
|
"name": "ErrorMessageContainer",
|
|
970
970
|
"declaration": {
|
|
971
|
-
"name": "
|
|
971
|
+
"name": "qe",
|
|
972
972
|
"module": "dist/primer-loader.js"
|
|
973
973
|
}
|
|
974
974
|
},
|
|
@@ -976,7 +976,7 @@
|
|
|
976
976
|
"kind": "js",
|
|
977
977
|
"name": "InitializedPayments",
|
|
978
978
|
"declaration": {
|
|
979
|
-
"name": "
|
|
979
|
+
"name": "Vr",
|
|
980
980
|
"module": "dist/primer-loader.js"
|
|
981
981
|
}
|
|
982
982
|
},
|
|
@@ -984,7 +984,7 @@
|
|
|
984
984
|
"kind": "js",
|
|
985
985
|
"name": "Input",
|
|
986
986
|
"declaration": {
|
|
987
|
-
"name": "
|
|
987
|
+
"name": "F",
|
|
988
988
|
"module": "dist/primer-loader.js"
|
|
989
989
|
}
|
|
990
990
|
},
|
|
@@ -992,7 +992,7 @@
|
|
|
992
992
|
"kind": "js",
|
|
993
993
|
"name": "InputLabel",
|
|
994
994
|
"declaration": {
|
|
995
|
-
"name": "
|
|
995
|
+
"name": "He",
|
|
996
996
|
"module": "dist/primer-loader.js"
|
|
997
997
|
}
|
|
998
998
|
},
|
|
@@ -1000,7 +1000,7 @@
|
|
|
1000
1000
|
"kind": "js",
|
|
1001
1001
|
"name": "InputWrapper",
|
|
1002
1002
|
"declaration": {
|
|
1003
|
-
"name": "
|
|
1003
|
+
"name": "Te",
|
|
1004
1004
|
"module": "dist/primer-loader.js"
|
|
1005
1005
|
}
|
|
1006
1006
|
},
|
|
@@ -1008,7 +1008,7 @@
|
|
|
1008
1008
|
"kind": "js",
|
|
1009
1009
|
"name": "NativePayment",
|
|
1010
1010
|
"declaration": {
|
|
1011
|
-
"name": "
|
|
1011
|
+
"name": "we",
|
|
1012
1012
|
"module": "dist/primer-loader.js"
|
|
1013
1013
|
}
|
|
1014
1014
|
},
|
|
@@ -1016,7 +1016,7 @@
|
|
|
1016
1016
|
"kind": "js",
|
|
1017
1017
|
"name": "PaymentMethod",
|
|
1018
1018
|
"declaration": {
|
|
1019
|
-
"name": "
|
|
1019
|
+
"name": "ze",
|
|
1020
1020
|
"module": "dist/primer-loader.js"
|
|
1021
1021
|
}
|
|
1022
1022
|
},
|
|
@@ -1024,7 +1024,7 @@
|
|
|
1024
1024
|
"kind": "js",
|
|
1025
1025
|
"name": "Portal",
|
|
1026
1026
|
"declaration": {
|
|
1027
|
-
"name": "
|
|
1027
|
+
"name": "ot",
|
|
1028
1028
|
"module": "dist/primer-loader.js"
|
|
1029
1029
|
}
|
|
1030
1030
|
},
|
|
@@ -1032,7 +1032,7 @@
|
|
|
1032
1032
|
"kind": "js",
|
|
1033
1033
|
"name": "PrimerCheckoutComplete",
|
|
1034
1034
|
"declaration": {
|
|
1035
|
-
"name": "
|
|
1035
|
+
"name": "pr",
|
|
1036
1036
|
"module": "dist/primer-loader.js"
|
|
1037
1037
|
}
|
|
1038
1038
|
},
|
|
@@ -1040,7 +1040,7 @@
|
|
|
1040
1040
|
"kind": "js",
|
|
1041
1041
|
"name": "PrimerCheckoutComponent",
|
|
1042
1042
|
"declaration": {
|
|
1043
|
-
"name": "
|
|
1043
|
+
"name": "le",
|
|
1044
1044
|
"module": "dist/primer-loader.js"
|
|
1045
1045
|
}
|
|
1046
1046
|
},
|
|
@@ -1048,7 +1048,7 @@
|
|
|
1048
1048
|
"kind": "js",
|
|
1049
1049
|
"name": "PrimerCheckoutFailure",
|
|
1050
1050
|
"declaration": {
|
|
1051
|
-
"name": "
|
|
1051
|
+
"name": "kt",
|
|
1052
1052
|
"module": "dist/primer-loader.js"
|
|
1053
1053
|
}
|
|
1054
1054
|
},
|
|
@@ -1056,7 +1056,7 @@
|
|
|
1056
1056
|
"kind": "js",
|
|
1057
1057
|
"name": "PrimerCheckoutState",
|
|
1058
1058
|
"declaration": {
|
|
1059
|
-
"name": "
|
|
1059
|
+
"name": "Ye",
|
|
1060
1060
|
"module": "dist/primer-loader.js"
|
|
1061
1061
|
}
|
|
1062
1062
|
},
|
|
@@ -1064,7 +1064,7 @@
|
|
|
1064
1064
|
"kind": "js",
|
|
1065
1065
|
"name": "PrimerIcon",
|
|
1066
1066
|
"declaration": {
|
|
1067
|
-
"name": "
|
|
1067
|
+
"name": "Pe",
|
|
1068
1068
|
"module": "dist/primer-loader.js"
|
|
1069
1069
|
}
|
|
1070
1070
|
},
|
|
@@ -1072,7 +1072,7 @@
|
|
|
1072
1072
|
"kind": "js",
|
|
1073
1073
|
"name": "PrimerKlarna",
|
|
1074
1074
|
"declaration": {
|
|
1075
|
-
"name": "
|
|
1075
|
+
"name": "ee",
|
|
1076
1076
|
"module": "dist/primer-loader.js"
|
|
1077
1077
|
}
|
|
1078
1078
|
},
|
|
@@ -1080,7 +1080,7 @@
|
|
|
1080
1080
|
"kind": "js",
|
|
1081
1081
|
"name": "PrimerMain",
|
|
1082
1082
|
"declaration": {
|
|
1083
|
-
"name": "
|
|
1083
|
+
"name": "Fe",
|
|
1084
1084
|
"module": "dist/primer-loader.js"
|
|
1085
1085
|
}
|
|
1086
1086
|
},
|
|
@@ -1088,7 +1088,7 @@
|
|
|
1088
1088
|
"kind": "js",
|
|
1089
1089
|
"name": "RedirectPayment",
|
|
1090
1090
|
"declaration": {
|
|
1091
|
-
"name": "
|
|
1091
|
+
"name": "be",
|
|
1092
1092
|
"module": "dist/primer-loader.js"
|
|
1093
1093
|
}
|
|
1094
1094
|
},
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
"kind": "js",
|
|
1097
1097
|
"name": "ShowOtherPayments",
|
|
1098
1098
|
"declaration": {
|
|
1099
|
-
"name": "
|
|
1099
|
+
"name": "ct",
|
|
1100
1100
|
"module": "dist/primer-loader.js"
|
|
1101
1101
|
}
|
|
1102
1102
|
},
|
|
@@ -1104,7 +1104,7 @@
|
|
|
1104
1104
|
"kind": "js",
|
|
1105
1105
|
"name": "Spinner",
|
|
1106
1106
|
"declaration": {
|
|
1107
|
-
"name": "
|
|
1107
|
+
"name": "Me",
|
|
1108
1108
|
"module": "dist/primer-loader.js"
|
|
1109
1109
|
}
|
|
1110
1110
|
},
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
"kind": "js",
|
|
1113
1113
|
"name": "VaultCvvInput",
|
|
1114
1114
|
"declaration": {
|
|
1115
|
-
"name": "
|
|
1115
|
+
"name": "re",
|
|
1116
1116
|
"module": "dist/primer-loader.js"
|
|
1117
1117
|
}
|
|
1118
1118
|
},
|
|
@@ -1120,7 +1120,7 @@
|
|
|
1120
1120
|
"kind": "js",
|
|
1121
1121
|
"name": "VaultDeleteConfirmation",
|
|
1122
1122
|
"declaration": {
|
|
1123
|
-
"name": "
|
|
1123
|
+
"name": "Ee",
|
|
1124
1124
|
"module": "dist/primer-loader.js"
|
|
1125
1125
|
}
|
|
1126
1126
|
},
|
|
@@ -1128,7 +1128,7 @@
|
|
|
1128
1128
|
"kind": "js",
|
|
1129
1129
|
"name": "VaultEmptyState",
|
|
1130
1130
|
"declaration": {
|
|
1131
|
-
"name": "
|
|
1131
|
+
"name": "wt",
|
|
1132
1132
|
"module": "dist/primer-loader.js"
|
|
1133
1133
|
}
|
|
1134
1134
|
},
|
|
@@ -1136,7 +1136,7 @@
|
|
|
1136
1136
|
"kind": "js",
|
|
1137
1137
|
"name": "VaultErrorMessage",
|
|
1138
1138
|
"declaration": {
|
|
1139
|
-
"name": "
|
|
1139
|
+
"name": "pt",
|
|
1140
1140
|
"module": "dist/primer-loader.js"
|
|
1141
1141
|
}
|
|
1142
1142
|
},
|
|
@@ -1144,7 +1144,7 @@
|
|
|
1144
1144
|
"kind": "js",
|
|
1145
1145
|
"name": "VaultManager",
|
|
1146
1146
|
"declaration": {
|
|
1147
|
-
"name": "
|
|
1147
|
+
"name": "ue",
|
|
1148
1148
|
"module": "dist/primer-loader.js"
|
|
1149
1149
|
}
|
|
1150
1150
|
},
|
|
@@ -1152,7 +1152,7 @@
|
|
|
1152
1152
|
"kind": "js",
|
|
1153
1153
|
"name": "VaultManagerHeader",
|
|
1154
1154
|
"declaration": {
|
|
1155
|
-
"name": "
|
|
1155
|
+
"name": "Ge",
|
|
1156
1156
|
"module": "dist/primer-loader.js"
|
|
1157
1157
|
}
|
|
1158
1158
|
},
|
|
@@ -1160,7 +1160,7 @@
|
|
|
1160
1160
|
"kind": "js",
|
|
1161
1161
|
"name": "VaultPaymentMethodItem",
|
|
1162
1162
|
"declaration": {
|
|
1163
|
-
"name": "
|
|
1163
|
+
"name": "ve",
|
|
1164
1164
|
"module": "dist/primer-loader.js"
|
|
1165
1165
|
}
|
|
1166
1166
|
},
|
|
@@ -1168,7 +1168,7 @@
|
|
|
1168
1168
|
"kind": "js",
|
|
1169
1169
|
"name": "VaultPaymentSubmit",
|
|
1170
1170
|
"declaration": {
|
|
1171
|
-
"name": "
|
|
1171
|
+
"name": "te",
|
|
1172
1172
|
"module": "dist/primer-loader.js"
|
|
1173
1173
|
}
|
|
1174
1174
|
},
|
|
@@ -1176,7 +1176,7 @@
|
|
|
1176
1176
|
"kind": "js",
|
|
1177
1177
|
"name": "injectDarkTheme",
|
|
1178
1178
|
"declaration": {
|
|
1179
|
-
"name": "
|
|
1179
|
+
"name": "nl",
|
|
1180
1180
|
"module": "dist/primer-loader.js"
|
|
1181
1181
|
}
|
|
1182
1182
|
},
|
|
@@ -1184,7 +1184,7 @@
|
|
|
1184
1184
|
"kind": "js",
|
|
1185
1185
|
"name": "injectLightTheme",
|
|
1186
1186
|
"declaration": {
|
|
1187
|
-
"name": "
|
|
1187
|
+
"name": "al",
|
|
1188
1188
|
"module": "dist/primer-loader.js"
|
|
1189
1189
|
}
|
|
1190
1190
|
},
|
|
@@ -1192,7 +1192,7 @@
|
|
|
1192
1192
|
"kind": "js",
|
|
1193
1193
|
"name": "injectLoaderStyles",
|
|
1194
1194
|
"declaration": {
|
|
1195
|
-
"name": "
|
|
1195
|
+
"name": "xa",
|
|
1196
1196
|
"module": "dist/primer-loader.js"
|
|
1197
1197
|
}
|
|
1198
1198
|
},
|
|
@@ -1200,7 +1200,7 @@
|
|
|
1200
1200
|
"kind": "js",
|
|
1201
1201
|
"name": "injectThemeStyles",
|
|
1202
1202
|
"declaration": {
|
|
1203
|
-
"name": "
|
|
1203
|
+
"name": "Aa",
|
|
1204
1204
|
"module": "dist/primer-loader.js"
|
|
1205
1205
|
}
|
|
1206
1206
|
},
|
|
@@ -1208,7 +1208,7 @@
|
|
|
1208
1208
|
"kind": "js",
|
|
1209
1209
|
"name": "loadPrimer",
|
|
1210
1210
|
"declaration": {
|
|
1211
|
-
"name": "
|
|
1211
|
+
"name": "M0",
|
|
1212
1212
|
"module": "dist/primer-loader.js"
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
@@ -1506,7 +1506,7 @@
|
|
|
1506
1506
|
"text": "string"
|
|
1507
1507
|
},
|
|
1508
1508
|
"default": "''",
|
|
1509
|
-
"attribute": "
|
|
1509
|
+
"attribute": "customStyles"
|
|
1510
1510
|
},
|
|
1511
1511
|
{
|
|
1512
1512
|
"kind": "field",
|
|
@@ -1515,7 +1515,7 @@
|
|
|
1515
1515
|
"text": "string"
|
|
1516
1516
|
},
|
|
1517
1517
|
"default": "''",
|
|
1518
|
-
"attribute": "
|
|
1518
|
+
"attribute": "clientToken"
|
|
1519
1519
|
},
|
|
1520
1520
|
{
|
|
1521
1521
|
"kind": "field",
|
|
@@ -1535,7 +1535,7 @@
|
|
|
1535
1535
|
"privacy": "private",
|
|
1536
1536
|
"default": "false",
|
|
1537
1537
|
"description": "Whether the component has completed initialization and loading\nThis is used to control the CSS-only loader visibility",
|
|
1538
|
-
"attribute": "
|
|
1538
|
+
"attribute": "_jsInitialized",
|
|
1539
1539
|
"reflects": true
|
|
1540
1540
|
},
|
|
1541
1541
|
{
|
|
@@ -1945,7 +1945,7 @@
|
|
|
1945
1945
|
],
|
|
1946
1946
|
"attributes": [
|
|
1947
1947
|
{
|
|
1948
|
-
"name": "
|
|
1948
|
+
"name": "customStyles",
|
|
1949
1949
|
"type": {
|
|
1950
1950
|
"text": "string"
|
|
1951
1951
|
},
|
|
@@ -1953,7 +1953,7 @@
|
|
|
1953
1953
|
"fieldName": "customStyles"
|
|
1954
1954
|
},
|
|
1955
1955
|
{
|
|
1956
|
-
"name": "
|
|
1956
|
+
"name": "clientToken",
|
|
1957
1957
|
"type": {
|
|
1958
1958
|
"text": "string"
|
|
1959
1959
|
},
|
|
@@ -1969,7 +1969,7 @@
|
|
|
1969
1969
|
"fieldName": "options"
|
|
1970
1970
|
},
|
|
1971
1971
|
{
|
|
1972
|
-
"name": "
|
|
1972
|
+
"name": "_jsInitialized",
|
|
1973
1973
|
"type": {
|
|
1974
1974
|
"text": "boolean"
|
|
1975
1975
|
},
|
|
@@ -5581,63 +5581,6 @@
|
|
|
5581
5581
|
"description": "",
|
|
5582
5582
|
"name": "SdkStateController",
|
|
5583
5583
|
"members": [
|
|
5584
|
-
{
|
|
5585
|
-
"kind": "field",
|
|
5586
|
-
"name": "host",
|
|
5587
|
-
"type": {
|
|
5588
|
-
"text": "PrimerCheckoutType"
|
|
5589
|
-
}
|
|
5590
|
-
},
|
|
5591
|
-
{
|
|
5592
|
-
"kind": "field",
|
|
5593
|
-
"name": "_state",
|
|
5594
|
-
"type": {
|
|
5595
|
-
"text": "SdkState"
|
|
5596
|
-
},
|
|
5597
|
-
"privacy": "private",
|
|
5598
|
-
"default": "{ isSuccessful: false, isProcessing: false, isLoading: false, error: null, failure: null, }"
|
|
5599
|
-
},
|
|
5600
|
-
{
|
|
5601
|
-
"kind": "method",
|
|
5602
|
-
"name": "hostConnected"
|
|
5603
|
-
},
|
|
5604
|
-
{
|
|
5605
|
-
"kind": "method",
|
|
5606
|
-
"name": "reducer",
|
|
5607
|
-
"privacy": "private",
|
|
5608
|
-
"return": {
|
|
5609
|
-
"type": {
|
|
5610
|
-
"text": "SdkState"
|
|
5611
|
-
}
|
|
5612
|
-
},
|
|
5613
|
-
"parameters": [
|
|
5614
|
-
{
|
|
5615
|
-
"name": "state",
|
|
5616
|
-
"type": {
|
|
5617
|
-
"text": "SdkState"
|
|
5618
|
-
}
|
|
5619
|
-
},
|
|
5620
|
-
{
|
|
5621
|
-
"name": "action",
|
|
5622
|
-
"type": {
|
|
5623
|
-
"text": "SdkStateAction"
|
|
5624
|
-
}
|
|
5625
|
-
}
|
|
5626
|
-
]
|
|
5627
|
-
},
|
|
5628
|
-
{
|
|
5629
|
-
"kind": "method",
|
|
5630
|
-
"name": "dispatch",
|
|
5631
|
-
"privacy": "private",
|
|
5632
|
-
"parameters": [
|
|
5633
|
-
{
|
|
5634
|
-
"name": "action",
|
|
5635
|
-
"type": {
|
|
5636
|
-
"text": "SdkStateAction"
|
|
5637
|
-
}
|
|
5638
|
-
}
|
|
5639
|
-
]
|
|
5640
|
-
},
|
|
5641
5584
|
{
|
|
5642
5585
|
"kind": "method",
|
|
5643
5586
|
"name": "startLoading"
|
|
@@ -5699,67 +5642,43 @@
|
|
|
5699
5642
|
"kind": "method",
|
|
5700
5643
|
"name": "reset"
|
|
5701
5644
|
},
|
|
5645
|
+
{
|
|
5646
|
+
"kind": "method",
|
|
5647
|
+
"name": "resetError"
|
|
5648
|
+
},
|
|
5702
5649
|
{
|
|
5703
5650
|
"kind": "method",
|
|
5704
5651
|
"name": "forceCompleteLoading"
|
|
5705
5652
|
},
|
|
5706
5653
|
{
|
|
5707
5654
|
"kind": "field",
|
|
5708
|
-
"name": "
|
|
5655
|
+
"name": "_dispatcher",
|
|
5709
5656
|
"type": {
|
|
5710
|
-
"text": "
|
|
5657
|
+
"text": "TypedDispatcher<State, Action, Callbacks>"
|
|
5711
5658
|
},
|
|
5712
|
-
"privacy": "
|
|
5713
|
-
"
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
}
|
|
5717
|
-
],
|
|
5718
|
-
"exports": [
|
|
5719
|
-
{
|
|
5720
|
-
"kind": "js",
|
|
5721
|
-
"name": "initialSDKState",
|
|
5722
|
-
"declaration": {
|
|
5723
|
-
"name": "initialSDKState",
|
|
5724
|
-
"module": "src/controllers/sdk-state-controller.ts"
|
|
5725
|
-
}
|
|
5726
|
-
},
|
|
5727
|
-
{
|
|
5728
|
-
"kind": "js",
|
|
5729
|
-
"name": "SdkStateController",
|
|
5730
|
-
"declaration": {
|
|
5731
|
-
"name": "SdkStateController",
|
|
5732
|
-
"module": "src/controllers/sdk-state-controller.ts"
|
|
5733
|
-
}
|
|
5734
|
-
}
|
|
5735
|
-
]
|
|
5736
|
-
},
|
|
5737
|
-
{
|
|
5738
|
-
"kind": "javascript-module",
|
|
5739
|
-
"path": "src/controllers/style-processing-controller.ts",
|
|
5740
|
-
"declarations": [
|
|
5741
|
-
{
|
|
5742
|
-
"kind": "class",
|
|
5743
|
-
"description": "Controller that handles processing and application of custom styles to Lit components.\nSafely converts JSON style objects to CSS variables applied to the host element.",
|
|
5744
|
-
"name": "StyleProcessingController",
|
|
5745
|
-
"members": [
|
|
5746
|
-
{
|
|
5747
|
-
"kind": "field",
|
|
5748
|
-
"name": "host",
|
|
5749
|
-
"type": {
|
|
5750
|
-
"text": "ReactiveControllerHost & LitElement"
|
|
5659
|
+
"privacy": "private",
|
|
5660
|
+
"inheritedFrom": {
|
|
5661
|
+
"name": "ReactiveStateController",
|
|
5662
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5751
5663
|
}
|
|
5752
5664
|
},
|
|
5753
5665
|
{
|
|
5754
5666
|
"kind": "field",
|
|
5755
|
-
"name": "
|
|
5756
|
-
"
|
|
5757
|
-
|
|
5758
|
-
|
|
5667
|
+
"name": "currentState",
|
|
5668
|
+
"type": {
|
|
5669
|
+
"text": "Readonly<State>"
|
|
5670
|
+
},
|
|
5671
|
+
"privacy": "public",
|
|
5672
|
+
"readonly": true,
|
|
5673
|
+
"inheritedFrom": {
|
|
5674
|
+
"name": "ReactiveStateController",
|
|
5675
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5676
|
+
}
|
|
5759
5677
|
},
|
|
5760
5678
|
{
|
|
5761
5679
|
"kind": "method",
|
|
5762
|
-
"name": "
|
|
5680
|
+
"name": "dispatch",
|
|
5681
|
+
"privacy": "protected",
|
|
5763
5682
|
"return": {
|
|
5764
5683
|
"type": {
|
|
5765
5684
|
"text": "void"
|
|
@@ -5767,11 +5686,129 @@
|
|
|
5767
5686
|
},
|
|
5768
5687
|
"parameters": [
|
|
5769
5688
|
{
|
|
5770
|
-
"name": "
|
|
5689
|
+
"name": "action",
|
|
5771
5690
|
"type": {
|
|
5772
|
-
"text": "
|
|
5773
|
-
}
|
|
5774
|
-
|
|
5691
|
+
"text": "Action"
|
|
5692
|
+
}
|
|
5693
|
+
}
|
|
5694
|
+
],
|
|
5695
|
+
"inheritedFrom": {
|
|
5696
|
+
"name": "ReactiveStateController",
|
|
5697
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5698
|
+
}
|
|
5699
|
+
},
|
|
5700
|
+
{
|
|
5701
|
+
"kind": "method",
|
|
5702
|
+
"name": "setCallbacks",
|
|
5703
|
+
"privacy": "protected",
|
|
5704
|
+
"return": {
|
|
5705
|
+
"type": {
|
|
5706
|
+
"text": "void"
|
|
5707
|
+
}
|
|
5708
|
+
},
|
|
5709
|
+
"parameters": [
|
|
5710
|
+
{
|
|
5711
|
+
"name": "callbacks",
|
|
5712
|
+
"type": {
|
|
5713
|
+
"text": "Partial<Callbacks>"
|
|
5714
|
+
}
|
|
5715
|
+
}
|
|
5716
|
+
],
|
|
5717
|
+
"inheritedFrom": {
|
|
5718
|
+
"name": "ReactiveStateController",
|
|
5719
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5720
|
+
}
|
|
5721
|
+
},
|
|
5722
|
+
{
|
|
5723
|
+
"kind": "method",
|
|
5724
|
+
"name": "hostConnected",
|
|
5725
|
+
"return": {
|
|
5726
|
+
"type": {
|
|
5727
|
+
"text": "void"
|
|
5728
|
+
}
|
|
5729
|
+
},
|
|
5730
|
+
"inheritedFrom": {
|
|
5731
|
+
"name": "ReactiveStateController",
|
|
5732
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5733
|
+
}
|
|
5734
|
+
},
|
|
5735
|
+
{
|
|
5736
|
+
"kind": "method",
|
|
5737
|
+
"name": "hostDisconnected",
|
|
5738
|
+
"return": {
|
|
5739
|
+
"type": {
|
|
5740
|
+
"text": "void"
|
|
5741
|
+
}
|
|
5742
|
+
},
|
|
5743
|
+
"inheritedFrom": {
|
|
5744
|
+
"name": "ReactiveStateController",
|
|
5745
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
5746
|
+
}
|
|
5747
|
+
}
|
|
5748
|
+
],
|
|
5749
|
+
"superclass": {
|
|
5750
|
+
"name": "ReactiveStateController",
|
|
5751
|
+
"module": "/src/controllers/reactive-state"
|
|
5752
|
+
}
|
|
5753
|
+
}
|
|
5754
|
+
],
|
|
5755
|
+
"exports": [
|
|
5756
|
+
{
|
|
5757
|
+
"kind": "js",
|
|
5758
|
+
"name": "initialSDKState",
|
|
5759
|
+
"declaration": {
|
|
5760
|
+
"name": "initialSDKState",
|
|
5761
|
+
"module": "src/controllers/sdk-state-controller.ts"
|
|
5762
|
+
}
|
|
5763
|
+
},
|
|
5764
|
+
{
|
|
5765
|
+
"kind": "js",
|
|
5766
|
+
"name": "SdkStateController",
|
|
5767
|
+
"declaration": {
|
|
5768
|
+
"name": "SdkStateController",
|
|
5769
|
+
"module": "src/controllers/sdk-state-controller.ts"
|
|
5770
|
+
}
|
|
5771
|
+
}
|
|
5772
|
+
]
|
|
5773
|
+
},
|
|
5774
|
+
{
|
|
5775
|
+
"kind": "javascript-module",
|
|
5776
|
+
"path": "src/controllers/style-processing-controller.ts",
|
|
5777
|
+
"declarations": [
|
|
5778
|
+
{
|
|
5779
|
+
"kind": "class",
|
|
5780
|
+
"description": "Controller that handles processing and application of custom styles to Lit components.\nSafely converts JSON style objects to CSS variables applied to the host element.",
|
|
5781
|
+
"name": "StyleProcessingController",
|
|
5782
|
+
"members": [
|
|
5783
|
+
{
|
|
5784
|
+
"kind": "field",
|
|
5785
|
+
"name": "host",
|
|
5786
|
+
"type": {
|
|
5787
|
+
"text": "ReactiveControllerHost & LitElement"
|
|
5788
|
+
}
|
|
5789
|
+
},
|
|
5790
|
+
{
|
|
5791
|
+
"kind": "field",
|
|
5792
|
+
"name": "cssVarCache",
|
|
5793
|
+
"privacy": "private",
|
|
5794
|
+
"static": true,
|
|
5795
|
+
"default": "new Map<string, string>()"
|
|
5796
|
+
},
|
|
5797
|
+
{
|
|
5798
|
+
"kind": "method",
|
|
5799
|
+
"name": "processCustomStyles",
|
|
5800
|
+
"return": {
|
|
5801
|
+
"type": {
|
|
5802
|
+
"text": "void"
|
|
5803
|
+
}
|
|
5804
|
+
},
|
|
5805
|
+
"parameters": [
|
|
5806
|
+
{
|
|
5807
|
+
"name": "jsonString",
|
|
5808
|
+
"type": {
|
|
5809
|
+
"text": "string"
|
|
5810
|
+
},
|
|
5811
|
+
"description": "The JSON string representing custom styles."
|
|
5775
5812
|
}
|
|
5776
5813
|
],
|
|
5777
5814
|
"description": "Processes the customStyles JSON string.\nExpected JSON contains only CSS variable properties in camelCase."
|
|
@@ -10863,11 +10900,26 @@
|
|
|
10863
10900
|
"privacy": "private",
|
|
10864
10901
|
"default": "new Task(this, { task: async ([paymentMethodType, paymentManagers]) => { if (!paymentMethodType || !paymentManagers) { return initialState; } return paymentManagers.get( paymentMethodType as RedirectPaymentMethodTypes, )?.manager; }, args: () => [this.paymentMethod?.type, this.paymentManagers], })"
|
|
10865
10902
|
},
|
|
10903
|
+
{
|
|
10904
|
+
"kind": "method",
|
|
10905
|
+
"name": "_legacyGetButtonLabel",
|
|
10906
|
+
"privacy": "private",
|
|
10907
|
+
"parameters": [
|
|
10908
|
+
{
|
|
10909
|
+
"name": "text",
|
|
10910
|
+
"optional": true,
|
|
10911
|
+
"type": {
|
|
10912
|
+
"text": "string"
|
|
10913
|
+
}
|
|
10914
|
+
}
|
|
10915
|
+
],
|
|
10916
|
+
"description": "Based on packages/primer-sdk-web/src/payment-methods/Button.tsx\nShould be replaced once we align on a better solution across all platforms."
|
|
10917
|
+
},
|
|
10866
10918
|
{
|
|
10867
10919
|
"kind": "field",
|
|
10868
10920
|
"name": "_getAssetsTask",
|
|
10869
10921
|
"privacy": "private",
|
|
10870
|
-
"default": "new Task(this, { task: async ([paymentMethodType, headlessUtils]) => { if (!paymentMethodType || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(paymentMethodType); if (!paymentConfig) { return initialState; } const backgroundColor = paymentConfig.displayMetadata.button.backgroundColor.colored; return { backgroundColor, name: paymentConfig.name, iconUrl: paymentConfig.displayMetadata.button.iconUrl.colored, }; }, args: () => [this.paymentMethod?.type, this.headlessUtils], })"
|
|
10922
|
+
"default": "new Task(this, { task: async ([paymentMethodType, headlessUtils]) => { if (!paymentMethodType || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(paymentMethodType); if (!paymentConfig) { return initialState; } const backgroundColor = paymentConfig.displayMetadata.button.backgroundColor.colored ?? paymentConfig.displayMetadata.button.backgroundColor.light; const iconPositionRelativeToText = (paymentConfig.displayMetadata.button .iconPositionRelativeToText as IconPosition) || 'START'; return { backgroundColor, name: paymentConfig.name, displayName: this._legacyGetButtonLabel( paymentConfig.displayMetadata.button.text, ), iconUrl: paymentConfig.displayMetadata.button.iconUrl.colored ?? paymentConfig.displayMetadata.button.iconUrl.light, iconPosition: iconPositionRelativeToText, }; }, args: () => [this.paymentMethod?.type, this.headlessUtils], })"
|
|
10871
10923
|
},
|
|
10872
10924
|
{
|
|
10873
10925
|
"kind": "field",
|
|
@@ -10954,15 +11006,6 @@
|
|
|
10954
11006
|
"description": "Component for showing/hiding other payment methods when vault is present\nUtilizes the collapsable component for smooth transitions",
|
|
10955
11007
|
"name": "ShowOtherPaymentsComponent",
|
|
10956
11008
|
"members": [
|
|
10957
|
-
{
|
|
10958
|
-
"kind": "field",
|
|
10959
|
-
"name": "isShowingOtherPayments",
|
|
10960
|
-
"type": {
|
|
10961
|
-
"text": "boolean"
|
|
10962
|
-
},
|
|
10963
|
-
"privacy": "private",
|
|
10964
|
-
"default": "false"
|
|
10965
|
-
},
|
|
10966
11009
|
{
|
|
10967
11010
|
"kind": "field",
|
|
10968
11011
|
"name": "vaultManager",
|
|
@@ -10971,25 +11014,6 @@
|
|
|
10971
11014
|
},
|
|
10972
11015
|
"default": "null",
|
|
10973
11016
|
"description": "Consume the vault manager context to interact with vault state"
|
|
10974
|
-
},
|
|
10975
|
-
{
|
|
10976
|
-
"kind": "method",
|
|
10977
|
-
"name": "handleExpandedChanged",
|
|
10978
|
-
"privacy": "private",
|
|
10979
|
-
"return": {
|
|
10980
|
-
"type": {
|
|
10981
|
-
"text": "void"
|
|
10982
|
-
}
|
|
10983
|
-
},
|
|
10984
|
-
"parameters": [
|
|
10985
|
-
{
|
|
10986
|
-
"name": "e",
|
|
10987
|
-
"type": {
|
|
10988
|
-
"text": "CustomEvent"
|
|
10989
|
-
}
|
|
10990
|
-
}
|
|
10991
|
-
],
|
|
10992
|
-
"description": "Handle expanded state change events from the collapsable component\nSyncs the collapsable UI state with the vault manager state"
|
|
10993
11017
|
}
|
|
10994
11018
|
],
|
|
10995
11019
|
"superclass": {
|
|
@@ -11068,8 +11092,7 @@
|
|
|
11068
11092
|
"name": "addEventListener",
|
|
11069
11093
|
"type": {
|
|
11070
11094
|
"text": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
11071
|
-
}
|
|
11072
|
-
"description": "Strongly typed event declarations"
|
|
11095
|
+
}
|
|
11073
11096
|
},
|
|
11074
11097
|
{
|
|
11075
11098
|
"kind": "field",
|
|
@@ -11084,8 +11107,7 @@
|
|
|
11084
11107
|
"type": {
|
|
11085
11108
|
"text": "VaultManagerContext"
|
|
11086
11109
|
},
|
|
11087
|
-
"default": "null"
|
|
11088
|
-
"description": "The vault manager core context from the SDK\nContains vault-related functionality and state"
|
|
11110
|
+
"default": "null"
|
|
11089
11111
|
},
|
|
11090
11112
|
{
|
|
11091
11113
|
"kind": "field",
|
|
@@ -11127,6 +11149,22 @@
|
|
|
11127
11149
|
"default": "''",
|
|
11128
11150
|
"description": "Error message if something goes wrong"
|
|
11129
11151
|
},
|
|
11152
|
+
{
|
|
11153
|
+
"kind": "field",
|
|
11154
|
+
"name": "animationDuration",
|
|
11155
|
+
"type": {
|
|
11156
|
+
"text": "number"
|
|
11157
|
+
},
|
|
11158
|
+
"default": "300",
|
|
11159
|
+
"description": "Animation duration override",
|
|
11160
|
+
"attribute": "animationDuration"
|
|
11161
|
+
},
|
|
11162
|
+
{
|
|
11163
|
+
"kind": "method",
|
|
11164
|
+
"name": "getAnimationConfig",
|
|
11165
|
+
"privacy": "private",
|
|
11166
|
+
"description": "Get base animation configuration with current settings"
|
|
11167
|
+
},
|
|
11130
11168
|
{
|
|
11131
11169
|
"kind": "method",
|
|
11132
11170
|
"name": "handleToggleEditMode",
|
|
@@ -11236,11 +11274,17 @@
|
|
|
11236
11274
|
],
|
|
11237
11275
|
"description": "Get payment method display name for the given ID"
|
|
11238
11276
|
},
|
|
11277
|
+
{
|
|
11278
|
+
"kind": "method",
|
|
11279
|
+
"name": "renderLoadingOverlay",
|
|
11280
|
+
"privacy": "private",
|
|
11281
|
+
"description": "Render loading overlay with spinner when isUpdating is true"
|
|
11282
|
+
},
|
|
11239
11283
|
{
|
|
11240
11284
|
"kind": "method",
|
|
11241
11285
|
"name": "renderDeleteConfirmation",
|
|
11242
11286
|
"privacy": "private",
|
|
11243
|
-
"description": "Render
|
|
11287
|
+
"description": "Render delete confirmation content"
|
|
11244
11288
|
},
|
|
11245
11289
|
{
|
|
11246
11290
|
"kind": "method",
|
|
@@ -11254,7 +11298,24 @@
|
|
|
11254
11298
|
}
|
|
11255
11299
|
}
|
|
11256
11300
|
],
|
|
11257
|
-
"description": "Render a payment method item"
|
|
11301
|
+
"description": "Render a payment method item with appropriate animations"
|
|
11302
|
+
},
|
|
11303
|
+
{
|
|
11304
|
+
"kind": "method",
|
|
11305
|
+
"name": "renderPaymentMethodList",
|
|
11306
|
+
"privacy": "private",
|
|
11307
|
+
"description": "Render the payment method list with submit button"
|
|
11308
|
+
}
|
|
11309
|
+
],
|
|
11310
|
+
"attributes": [
|
|
11311
|
+
{
|
|
11312
|
+
"name": "animationDuration",
|
|
11313
|
+
"type": {
|
|
11314
|
+
"text": "number"
|
|
11315
|
+
},
|
|
11316
|
+
"default": "300",
|
|
11317
|
+
"description": "Animation duration override",
|
|
11318
|
+
"fieldName": "animationDuration"
|
|
11258
11319
|
}
|
|
11259
11320
|
],
|
|
11260
11321
|
"superclass": {
|
|
@@ -11331,37 +11392,269 @@
|
|
|
11331
11392
|
},
|
|
11332
11393
|
{
|
|
11333
11394
|
"kind": "javascript-module",
|
|
11334
|
-
"path": "src/controllers/
|
|
11395
|
+
"path": "src/controllers/reactive-state/index.ts",
|
|
11335
11396
|
"declarations": [
|
|
11397
|
+
{
|
|
11398
|
+
"kind": "function",
|
|
11399
|
+
"name": "createDispatcher",
|
|
11400
|
+
"return": {
|
|
11401
|
+
"type": {
|
|
11402
|
+
"text": "TypedDispatcher<State, Action, Callbacks>"
|
|
11403
|
+
}
|
|
11404
|
+
},
|
|
11405
|
+
"parameters": [
|
|
11406
|
+
{
|
|
11407
|
+
"name": "initialState",
|
|
11408
|
+
"type": {
|
|
11409
|
+
"text": "State"
|
|
11410
|
+
}
|
|
11411
|
+
},
|
|
11412
|
+
{
|
|
11413
|
+
"name": "reducer",
|
|
11414
|
+
"type": {
|
|
11415
|
+
"text": "TypedReducer<State, Action, Callbacks>"
|
|
11416
|
+
}
|
|
11417
|
+
},
|
|
11418
|
+
{
|
|
11419
|
+
"name": "initialCallbacks",
|
|
11420
|
+
"type": {
|
|
11421
|
+
"text": "Callbacks"
|
|
11422
|
+
}
|
|
11423
|
+
},
|
|
11424
|
+
{
|
|
11425
|
+
"name": "stateHandler",
|
|
11426
|
+
"type": {
|
|
11427
|
+
"text": "(state: State) => void"
|
|
11428
|
+
}
|
|
11429
|
+
}
|
|
11430
|
+
]
|
|
11431
|
+
},
|
|
11432
|
+
{
|
|
11433
|
+
"kind": "function",
|
|
11434
|
+
"name": "createReducer",
|
|
11435
|
+
"return": {
|
|
11436
|
+
"type": {
|
|
11437
|
+
"text": "TypedReducer<State, Action, Callbacks>"
|
|
11438
|
+
}
|
|
11439
|
+
},
|
|
11440
|
+
"parameters": [
|
|
11441
|
+
{
|
|
11442
|
+
"name": "handlers",
|
|
11443
|
+
"type": {
|
|
11444
|
+
"text": "ActionHandlerMap<State, Action, Callbacks>"
|
|
11445
|
+
}
|
|
11446
|
+
}
|
|
11447
|
+
]
|
|
11448
|
+
},
|
|
11336
11449
|
{
|
|
11337
11450
|
"kind": "class",
|
|
11338
|
-
"description": "
|
|
11339
|
-
"name": "
|
|
11451
|
+
"description": "",
|
|
11452
|
+
"name": "ReactiveStateController",
|
|
11340
11453
|
"members": [
|
|
11341
11454
|
{
|
|
11342
11455
|
"kind": "field",
|
|
11343
|
-
"name": "
|
|
11456
|
+
"name": "_dispatcher",
|
|
11344
11457
|
"type": {
|
|
11345
|
-
"text": "
|
|
11458
|
+
"text": "TypedDispatcher<State, Action, Callbacks>"
|
|
11459
|
+
},
|
|
11460
|
+
"privacy": "private"
|
|
11461
|
+
},
|
|
11462
|
+
{
|
|
11463
|
+
"kind": "field",
|
|
11464
|
+
"name": "currentState",
|
|
11465
|
+
"type": {
|
|
11466
|
+
"text": "Readonly<State>"
|
|
11467
|
+
},
|
|
11468
|
+
"privacy": "public",
|
|
11469
|
+
"readonly": true
|
|
11470
|
+
},
|
|
11471
|
+
{
|
|
11472
|
+
"kind": "method",
|
|
11473
|
+
"name": "dispatch",
|
|
11474
|
+
"privacy": "protected",
|
|
11475
|
+
"return": {
|
|
11476
|
+
"type": {
|
|
11477
|
+
"text": "void"
|
|
11478
|
+
}
|
|
11479
|
+
},
|
|
11480
|
+
"parameters": [
|
|
11481
|
+
{
|
|
11482
|
+
"name": "action",
|
|
11483
|
+
"type": {
|
|
11484
|
+
"text": "Action"
|
|
11485
|
+
}
|
|
11486
|
+
}
|
|
11487
|
+
]
|
|
11488
|
+
},
|
|
11489
|
+
{
|
|
11490
|
+
"kind": "method",
|
|
11491
|
+
"name": "setCallbacks",
|
|
11492
|
+
"privacy": "protected",
|
|
11493
|
+
"return": {
|
|
11494
|
+
"type": {
|
|
11495
|
+
"text": "void"
|
|
11496
|
+
}
|
|
11497
|
+
},
|
|
11498
|
+
"parameters": [
|
|
11499
|
+
{
|
|
11500
|
+
"name": "callbacks",
|
|
11501
|
+
"type": {
|
|
11502
|
+
"text": "Partial<Callbacks>"
|
|
11503
|
+
}
|
|
11504
|
+
}
|
|
11505
|
+
]
|
|
11506
|
+
},
|
|
11507
|
+
{
|
|
11508
|
+
"kind": "method",
|
|
11509
|
+
"name": "hostConnected",
|
|
11510
|
+
"return": {
|
|
11511
|
+
"type": {
|
|
11512
|
+
"text": "void"
|
|
11513
|
+
}
|
|
11346
11514
|
}
|
|
11347
11515
|
},
|
|
11516
|
+
{
|
|
11517
|
+
"kind": "method",
|
|
11518
|
+
"name": "hostDisconnected",
|
|
11519
|
+
"return": {
|
|
11520
|
+
"type": {
|
|
11521
|
+
"text": "void"
|
|
11522
|
+
}
|
|
11523
|
+
}
|
|
11524
|
+
}
|
|
11525
|
+
]
|
|
11526
|
+
},
|
|
11527
|
+
{
|
|
11528
|
+
"kind": "class",
|
|
11529
|
+
"description": "",
|
|
11530
|
+
"name": "CompositeStateController",
|
|
11531
|
+
"members": [
|
|
11348
11532
|
{
|
|
11349
11533
|
"kind": "field",
|
|
11350
|
-
"name": "
|
|
11534
|
+
"name": "_controllers",
|
|
11351
11535
|
"type": {
|
|
11352
|
-
"text": "
|
|
11536
|
+
"text": "ReactiveController[]"
|
|
11537
|
+
},
|
|
11538
|
+
"privacy": "private",
|
|
11539
|
+
"default": "[]"
|
|
11540
|
+
},
|
|
11541
|
+
{
|
|
11542
|
+
"kind": "method",
|
|
11543
|
+
"name": "addController",
|
|
11544
|
+
"return": {
|
|
11545
|
+
"type": {
|
|
11546
|
+
"text": "void"
|
|
11547
|
+
}
|
|
11548
|
+
},
|
|
11549
|
+
"parameters": [
|
|
11550
|
+
{
|
|
11551
|
+
"name": "controller",
|
|
11552
|
+
"type": {
|
|
11553
|
+
"text": "ReactiveStateController<Host, State, Action, Callbacks>"
|
|
11554
|
+
}
|
|
11555
|
+
}
|
|
11556
|
+
]
|
|
11557
|
+
},
|
|
11558
|
+
{
|
|
11559
|
+
"kind": "method",
|
|
11560
|
+
"name": "hostConnected",
|
|
11561
|
+
"return": {
|
|
11562
|
+
"type": {
|
|
11563
|
+
"text": "void"
|
|
11564
|
+
}
|
|
11565
|
+
}
|
|
11566
|
+
},
|
|
11567
|
+
{
|
|
11568
|
+
"kind": "method",
|
|
11569
|
+
"name": "hostDisconnected",
|
|
11570
|
+
"return": {
|
|
11571
|
+
"type": {
|
|
11572
|
+
"text": "void"
|
|
11573
|
+
}
|
|
11574
|
+
}
|
|
11575
|
+
}
|
|
11576
|
+
]
|
|
11577
|
+
}
|
|
11578
|
+
],
|
|
11579
|
+
"exports": [
|
|
11580
|
+
{
|
|
11581
|
+
"kind": "js",
|
|
11582
|
+
"name": "createDispatcher",
|
|
11583
|
+
"declaration": {
|
|
11584
|
+
"name": "createDispatcher",
|
|
11585
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11586
|
+
}
|
|
11587
|
+
},
|
|
11588
|
+
{
|
|
11589
|
+
"kind": "js",
|
|
11590
|
+
"name": "createReducer",
|
|
11591
|
+
"declaration": {
|
|
11592
|
+
"name": "createReducer",
|
|
11593
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11594
|
+
}
|
|
11595
|
+
},
|
|
11596
|
+
{
|
|
11597
|
+
"kind": "js",
|
|
11598
|
+
"name": "ReactiveStateController",
|
|
11599
|
+
"declaration": {
|
|
11600
|
+
"name": "ReactiveStateController",
|
|
11601
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11602
|
+
}
|
|
11603
|
+
},
|
|
11604
|
+
{
|
|
11605
|
+
"kind": "js",
|
|
11606
|
+
"name": "CompositeStateController",
|
|
11607
|
+
"declaration": {
|
|
11608
|
+
"name": "CompositeStateController",
|
|
11609
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11610
|
+
}
|
|
11611
|
+
}
|
|
11612
|
+
]
|
|
11613
|
+
},
|
|
11614
|
+
{
|
|
11615
|
+
"kind": "javascript-module",
|
|
11616
|
+
"path": "src/controllers/vault-manager-controller/controller.ts",
|
|
11617
|
+
"declarations": [
|
|
11618
|
+
{
|
|
11619
|
+
"kind": "variable",
|
|
11620
|
+
"name": "initialVaultManagerState",
|
|
11621
|
+
"type": {
|
|
11622
|
+
"text": "VaultManagerState"
|
|
11623
|
+
},
|
|
11624
|
+
"default": "{ enabled: false, isLoading: false, isUpdating: false, cvvRecapture: false, vaultedPaymentMethods: [], createCvvInput: null, deleteVaultedPaymentMethod: () => Promise.resolve(), startVaultedPaymentFlow: () => Promise.resolve(), }",
|
|
11625
|
+
"description": "Initial state for the VaultManager (core functionality)"
|
|
11626
|
+
},
|
|
11627
|
+
{
|
|
11628
|
+
"kind": "variable",
|
|
11629
|
+
"name": "initialVaultManagerCvvState",
|
|
11630
|
+
"type": {
|
|
11631
|
+
"text": "VaultManagerItemState"
|
|
11632
|
+
},
|
|
11633
|
+
"default": "{ cvvInput: null, formIsDirty: false, setCvvInput: () => {}, selectedVaultedPaymentMethod: null, setSelectedVaultedPaymentMethod: () => {}, }",
|
|
11634
|
+
"description": "Initial state for the VaultManager CVV functionality"
|
|
11635
|
+
},
|
|
11636
|
+
{
|
|
11637
|
+
"kind": "class",
|
|
11638
|
+
"description": "Controller for managing vault functionality and payment method display\nUses the CompositeStateController to manage core and CVV state independently",
|
|
11639
|
+
"name": "VaultManagerController",
|
|
11640
|
+
"members": [
|
|
11641
|
+
{
|
|
11642
|
+
"kind": "field",
|
|
11643
|
+
"name": "coreController",
|
|
11644
|
+
"type": {
|
|
11645
|
+
"text": "VaultCoreController"
|
|
11353
11646
|
},
|
|
11354
11647
|
"privacy": "private",
|
|
11355
|
-
"default": "
|
|
11648
|
+
"default": "new VaultCoreController(host, { deleteVaultedPaymentMethod: this.deleteVaultedPaymentMethod.bind(this), startVaultedPaymentFlow: this.startVaultedPaymentFlow.bind(this), createCvvInput: this.createCvvInput.bind(this), })"
|
|
11356
11649
|
},
|
|
11357
11650
|
{
|
|
11358
11651
|
"kind": "field",
|
|
11359
|
-
"name": "
|
|
11652
|
+
"name": "itemController",
|
|
11360
11653
|
"type": {
|
|
11361
|
-
"text": "
|
|
11654
|
+
"text": "VaultItemController"
|
|
11362
11655
|
},
|
|
11363
11656
|
"privacy": "private",
|
|
11364
|
-
"default": "
|
|
11657
|
+
"default": "new VaultItemController(host, { setCvvInput: this.setCvvInput.bind(this), setSelectedVaultedPaymentMethod: this.setSelectedVaultedPaymentMethod.bind(this), })"
|
|
11365
11658
|
},
|
|
11366
11659
|
{
|
|
11367
11660
|
"kind": "field",
|
|
@@ -11422,6 +11715,22 @@
|
|
|
11422
11715
|
"text": "VaultManagerInitOptions | null"
|
|
11423
11716
|
}
|
|
11424
11717
|
},
|
|
11718
|
+
{
|
|
11719
|
+
"kind": "field",
|
|
11720
|
+
"name": "vaultManagerState",
|
|
11721
|
+
"type": {
|
|
11722
|
+
"text": "Readonly<VaultManagerState>"
|
|
11723
|
+
},
|
|
11724
|
+
"readonly": true
|
|
11725
|
+
},
|
|
11726
|
+
{
|
|
11727
|
+
"kind": "field",
|
|
11728
|
+
"name": "vaultItemState",
|
|
11729
|
+
"type": {
|
|
11730
|
+
"text": "Readonly<VaultManagerItemState>"
|
|
11731
|
+
},
|
|
11732
|
+
"readonly": true
|
|
11733
|
+
},
|
|
11425
11734
|
{
|
|
11426
11735
|
"kind": "method",
|
|
11427
11736
|
"name": "hostDisconnected",
|
|
@@ -11430,55 +11739,47 @@
|
|
|
11430
11739
|
"text": "void"
|
|
11431
11740
|
}
|
|
11432
11741
|
},
|
|
11433
|
-
"description": "Lifecycle method called when the host disconnects"
|
|
11742
|
+
"description": "Lifecycle method called when the host disconnects",
|
|
11743
|
+
"inheritedFrom": {
|
|
11744
|
+
"name": "CompositeStateController",
|
|
11745
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11746
|
+
}
|
|
11434
11747
|
},
|
|
11435
11748
|
{
|
|
11436
11749
|
"kind": "method",
|
|
11437
|
-
"name": "
|
|
11438
|
-
"privacy": "private",
|
|
11750
|
+
"name": "fetchVaultedPaymentMethods",
|
|
11439
11751
|
"return": {
|
|
11440
11752
|
"type": {
|
|
11441
|
-
"text": "
|
|
11753
|
+
"text": "Promise<VaultedPaymentMethod[]>"
|
|
11442
11754
|
}
|
|
11443
11755
|
},
|
|
11444
11756
|
"parameters": [
|
|
11445
11757
|
{
|
|
11446
|
-
"name": "
|
|
11758
|
+
"name": "initialLoad",
|
|
11759
|
+
"optional": true,
|
|
11447
11760
|
"type": {
|
|
11448
|
-
"text": "
|
|
11761
|
+
"text": "boolean"
|
|
11449
11762
|
}
|
|
11450
11763
|
}
|
|
11451
11764
|
],
|
|
11452
|
-
"description": "
|
|
11765
|
+
"description": "Fetch vaulted payment methods from the server"
|
|
11453
11766
|
},
|
|
11454
11767
|
{
|
|
11455
11768
|
"kind": "method",
|
|
11456
|
-
"name": "
|
|
11457
|
-
"privacy": "private",
|
|
11769
|
+
"name": "createCvvInput",
|
|
11458
11770
|
"return": {
|
|
11459
11771
|
"type": {
|
|
11460
|
-
"text": "
|
|
11772
|
+
"text": "Promise<CvvInput | null>"
|
|
11461
11773
|
}
|
|
11462
11774
|
},
|
|
11463
11775
|
"parameters": [
|
|
11464
11776
|
{
|
|
11465
|
-
"name": "
|
|
11777
|
+
"name": "options",
|
|
11466
11778
|
"type": {
|
|
11467
|
-
"text": "
|
|
11779
|
+
"text": "CardSecurityCodeInputOptions"
|
|
11468
11780
|
}
|
|
11469
11781
|
}
|
|
11470
|
-
]
|
|
11471
|
-
"description": "Dispatches an action to update the CVV state\nSeparate dispatch method to handle CVV state independently"
|
|
11472
|
-
},
|
|
11473
|
-
{
|
|
11474
|
-
"kind": "method",
|
|
11475
|
-
"name": "fetchVaultedPaymentMethods",
|
|
11476
|
-
"return": {
|
|
11477
|
-
"type": {
|
|
11478
|
-
"text": "Promise<VaultedPaymentMethod[]>"
|
|
11479
|
-
}
|
|
11480
|
-
},
|
|
11481
|
-
"description": "Fetch vaulted payment methods from the server"
|
|
11782
|
+
]
|
|
11482
11783
|
},
|
|
11483
11784
|
{
|
|
11484
11785
|
"kind": "field",
|
|
@@ -11499,11 +11800,78 @@
|
|
|
11499
11800
|
"kind": "field",
|
|
11500
11801
|
"name": "setSelectedVaultedPaymentMethod",
|
|
11501
11802
|
"description": "Set the selected vaulted payment method - updates form state only"
|
|
11803
|
+
},
|
|
11804
|
+
{
|
|
11805
|
+
"kind": "field",
|
|
11806
|
+
"name": "_controllers",
|
|
11807
|
+
"type": {
|
|
11808
|
+
"text": "ReactiveController[]"
|
|
11809
|
+
},
|
|
11810
|
+
"privacy": "private",
|
|
11811
|
+
"default": "[]",
|
|
11812
|
+
"inheritedFrom": {
|
|
11813
|
+
"name": "CompositeStateController",
|
|
11814
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11815
|
+
}
|
|
11816
|
+
},
|
|
11817
|
+
{
|
|
11818
|
+
"kind": "method",
|
|
11819
|
+
"name": "addController",
|
|
11820
|
+
"return": {
|
|
11821
|
+
"type": {
|
|
11822
|
+
"text": "void"
|
|
11823
|
+
}
|
|
11824
|
+
},
|
|
11825
|
+
"parameters": [
|
|
11826
|
+
{
|
|
11827
|
+
"name": "controller",
|
|
11828
|
+
"type": {
|
|
11829
|
+
"text": "ReactiveStateController<Host, State, Action, Callbacks>"
|
|
11830
|
+
}
|
|
11831
|
+
}
|
|
11832
|
+
],
|
|
11833
|
+
"inheritedFrom": {
|
|
11834
|
+
"name": "CompositeStateController",
|
|
11835
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11836
|
+
}
|
|
11837
|
+
},
|
|
11838
|
+
{
|
|
11839
|
+
"kind": "method",
|
|
11840
|
+
"name": "hostConnected",
|
|
11841
|
+
"return": {
|
|
11842
|
+
"type": {
|
|
11843
|
+
"text": "void"
|
|
11844
|
+
}
|
|
11845
|
+
},
|
|
11846
|
+
"inheritedFrom": {
|
|
11847
|
+
"name": "CompositeStateController",
|
|
11848
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
11849
|
+
}
|
|
11502
11850
|
}
|
|
11503
|
-
]
|
|
11851
|
+
],
|
|
11852
|
+
"superclass": {
|
|
11853
|
+
"name": "CompositeStateController",
|
|
11854
|
+
"module": "/src/controllers/reactive-state"
|
|
11855
|
+
}
|
|
11504
11856
|
}
|
|
11505
11857
|
],
|
|
11506
11858
|
"exports": [
|
|
11859
|
+
{
|
|
11860
|
+
"kind": "js",
|
|
11861
|
+
"name": "initialVaultManagerState",
|
|
11862
|
+
"declaration": {
|
|
11863
|
+
"name": "initialVaultManagerState",
|
|
11864
|
+
"module": "src/controllers/vault-manager-controller/controller.ts"
|
|
11865
|
+
}
|
|
11866
|
+
},
|
|
11867
|
+
{
|
|
11868
|
+
"kind": "js",
|
|
11869
|
+
"name": "initialVaultManagerCvvState",
|
|
11870
|
+
"declaration": {
|
|
11871
|
+
"name": "initialVaultManagerCvvState",
|
|
11872
|
+
"module": "src/controllers/vault-manager-controller/controller.ts"
|
|
11873
|
+
}
|
|
11874
|
+
},
|
|
11507
11875
|
{
|
|
11508
11876
|
"kind": "js",
|
|
11509
11877
|
"name": "VaultManagerController",
|
|
@@ -11611,7 +11979,7 @@
|
|
|
11611
11979
|
"type": {
|
|
11612
11980
|
"text": "VaultManagerState"
|
|
11613
11981
|
},
|
|
11614
|
-
"default": "{ enabled: false, isLoading: false, cvvRecapture: false, vaultedPaymentMethods: [], createCvvInput:
|
|
11982
|
+
"default": "{ enabled: false, isLoading: false, isUpdating: false, cvvRecapture: false, vaultedPaymentMethods: [], createCvvInput: null, deleteVaultedPaymentMethod: () => Promise.resolve(), startVaultedPaymentFlow: () => Promise.resolve(), }",
|
|
11615
11983
|
"description": "Initial state for the VaultManager (core functionality)"
|
|
11616
11984
|
},
|
|
11617
11985
|
{
|
|
@@ -11647,7 +12015,7 @@
|
|
|
11647
12015
|
{
|
|
11648
12016
|
"name": "callbacks",
|
|
11649
12017
|
"type": {
|
|
11650
|
-
"text": "{\n deleteVaultedPaymentMethod: VaultManagerState['deleteVaultedPaymentMethod'];\n startVaultedPaymentFlow: VaultManagerState['startVaultedPaymentFlow'];\n createCvvInput
|
|
12018
|
+
"text": "{\n deleteVaultedPaymentMethod: VaultManagerState['deleteVaultedPaymentMethod'];\n startVaultedPaymentFlow: VaultManagerState['startVaultedPaymentFlow'];\n createCvvInput: VaultManagerState['createCvvInput'];\n }"
|
|
11651
12019
|
}
|
|
11652
12020
|
}
|
|
11653
12021
|
],
|
|
@@ -14653,7 +15021,7 @@
|
|
|
14653
15021
|
"kind": "field",
|
|
14654
15022
|
"name": "_setupCVVIframe",
|
|
14655
15023
|
"privacy": "private",
|
|
14656
|
-
"default": "new Task(this, { task: async ([paymentMethod, cvvContext]) => { if ( !paymentMethod || !cvvContext || paymentMethod.paymentMethodType !== 'PAYMENT_CARD' || !paymentMethod.paymentInstrumentData?.network || cvvContext.createCvvInput ===
|
|
15024
|
+
"default": "new Task(this, { task: async ([paymentMethod, cvvContext]) => { if ( !paymentMethod || !cvvContext || paymentMethod.paymentMethodType !== 'PAYMENT_CARD' || !paymentMethod.paymentInstrumentData?.network || cvvContext.createCvvInput === null ) { return initialState; } return { network: paymentMethod.paymentInstrumentData.network, createCvvInput: cvvContext.createCvvInput, }; }, args: () => [this.paymentMethod, this.vaultManagerFormContext], })"
|
|
14657
15025
|
},
|
|
14658
15026
|
{
|
|
14659
15027
|
"kind": "method",
|
|
@@ -15256,7 +15624,7 @@
|
|
|
15256
15624
|
"declarations": [
|
|
15257
15625
|
{
|
|
15258
15626
|
"kind": "class",
|
|
15259
|
-
"description": "VaultPaymentMethodItemComponent - displays a single payment method\nUses the VaultManagerController for display formatting\nNow supports selection via the simplified button checked state\nEnhanced with smooth transitions between edit and payment modes",
|
|
15627
|
+
"description": "VaultPaymentMethodItemComponent - displays a single payment method\nUses the VaultManagerController for display formatting\nNow supports selection via the simplified button checked state\nEnhanced with smooth transitions between edit and payment modes\nAlways renders the primer-button for consistent UI and improved accessibility",
|
|
15260
15628
|
"name": "VaultPaymentMethodItemComponent",
|
|
15261
15629
|
"members": [
|
|
15262
15630
|
{
|