@primer-io/primer-js 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +1465 -303
- package/dist/jsx/index.d.ts +88 -0
- package/dist/primer-loader.d.ts +147 -1
- package/dist/primer-loader.js +470 -162
- package/dist/vscode.html-custom-data.json +34 -0
- package/dist/web-types.json +96 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "variable",
|
|
11
|
-
"name": "
|
|
11
|
+
"name": "i"
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
"kind": "variable",
|
|
@@ -16,205 +16,225 @@
|
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"kind": "variable",
|
|
19
|
-
"name": "
|
|
19
|
+
"name": "vr",
|
|
20
20
|
"default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"kind": "variable",
|
|
24
|
-
"name": "
|
|
25
|
-
"default": "class extends
|
|
24
|
+
"name": "se",
|
|
25
|
+
"default": "class extends g{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=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new er(this),this.sdkStateController=new Qt(this),this.primerEventsController=new at(this),this.styleProcessingController=new tr(this),this.vaultManagerController=new wt(this),this.cardNetworkController=new qt(this),this.achPaymentEventsController=new Er(this),new br(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===\"customstyles\"?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.state.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(ii(this.options?.locale)?this.locale=oi(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),ri(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.state.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.state.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.state,r=e.isLoading,o=e.error,s=!r&&!o;return p` ${V(r,()=>u)} ${V(o,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${V(s,()=>p` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>u,()=>p`<primer-main></primer-main>`)} `,()=>u)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
"kind": "function",
|
|
29
|
-
"name": "
|
|
29
|
+
"name": "No"
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
"kind": "function",
|
|
33
|
-
"name": "
|
|
33
|
+
"name": "Ro"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"kind": "function",
|
|
37
|
-
"name": "
|
|
37
|
+
"name": "Bn"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
"kind": "function",
|
|
41
|
-
"name": "
|
|
41
|
+
"name": "Kn"
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
"kind": "variable",
|
|
45
|
-
"name": "
|
|
46
|
-
"default": "class extends
|
|
45
|
+
"name": "Ae",
|
|
46
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in mi)return mi[this.size];let e=parseInt(this.size,10);return isNaN(e)?mi.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" > <path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /> </svg> </div> `}}"
|
|
47
47
|
},
|
|
48
48
|
{
|
|
49
49
|
"kind": "variable",
|
|
50
|
-
"name": "
|
|
51
|
-
"default": "class extends
|
|
50
|
+
"name": "Me",
|
|
51
|
+
"default": "class extends g{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(e){if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let s=o.querySelector(\"primer-input\");if(s)return s}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return p` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${q(e)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
|
|
52
52
|
},
|
|
53
53
|
{
|
|
54
54
|
"kind": "variable",
|
|
55
|
-
"name": "
|
|
56
|
-
"default": "class extends
|
|
55
|
+
"name": "De",
|
|
56
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return p`<label for=${this.for}><slot></slot></label>`}}"
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
"kind": "variable",
|
|
60
|
-
"name": "
|
|
61
|
-
"default": "class extends
|
|
60
|
+
"name": "le",
|
|
61
|
+
"default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?u:p` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return u;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),p` <primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner> `}render(){return p` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <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": "$e",
|
|
66
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return p` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
"kind": "variable",
|
|
70
|
-
"name": "
|
|
71
|
-
"default": "class extends
|
|
70
|
+
"name": "Se",
|
|
71
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Uo[this.name]:null;return p` <div style=\"--internal-icon-color: ${this.color}\"> ${e||p`<slot></slot>`} </div> `}}"
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
"kind": "variable",
|
|
75
|
-
"name": "
|
|
76
|
-
"default": "class extends
|
|
75
|
+
"name": "Ve",
|
|
76
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?p` <!-- 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> `:p` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?p`<p class=\"secondary\">${this.description}</p>`:p`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
"kind": "variable",
|
|
80
|
-
"name": "
|
|
81
|
-
"default": "class extends
|
|
80
|
+
"name": "U",
|
|
81
|
+
"default": "class extends g{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(e){e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(e){e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}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(e){e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return p` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
84
|
"kind": "variable",
|
|
85
|
-
"name": "
|
|
86
|
-
"default": "class extends
|
|
85
|
+
"name": "oe",
|
|
86
|
+
"default": "class extends g{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(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}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 e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return p` <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": "fe",
|
|
91
|
+
"default": "class extends g{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return u;let e={\"error-message\":!0,hidden:!this.visible};return p` <div part=\"error-message\" class=${q(e)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"kind": "variable",
|
|
95
|
-
"name": "
|
|
96
|
-
"default": "class extends
|
|
95
|
+
"name": "Qe",
|
|
96
|
+
"default": "class extends g{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let e=document.querySelector(`#${this.id}`);return e||(e=document.createElement(\"div\"),e.id=this.id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(e){let o=e.target.assignedNodes();if(!o.length)return;let s=this.getContainer();o.forEach(m=>s.appendChild(m))}render(){return p`<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 g{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return p` <div class=${q({backdrop:!0})} @click=${t=>{t.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": "J",
|
|
106
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=_(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}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(e){P.error(\"Failed to start Klarna payment\",e)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:e=>{e>0&&(this.klarnaContainer.style.height=`${e}px`)}})}catch(e){P.error(\"Failed to render Klarna category\",e)}}selectCategory(e){this.selectedCategory=e,this.renderSelectedCategory()}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?p`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:e.length<=1?u:p` <div class=\"category-selection\"> ${e.map(o=>p` <button class=${q({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return p` ${this.renderCategorySelection()} ${this.selectedCategory?p` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:u} <button class=${q({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${_(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return p`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:e,klarnaIcon:r})=>e?p` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${_(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:u})}}"
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
"kind": "variable",
|
|
110
|
-
"name": "
|
|
111
|
-
"default": "class extends
|
|
110
|
+
"name": "He",
|
|
111
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return u;let e=this.paymentMethods?.get(this.type);if(!e)return u;switch(e?.managerType){case\"CARD\":return p`<primer-card-form></primer-card-form>`;case\"NATIVE\":return p`<primer-native-payment .paymentMethod=${e} ></primer-native-payment>`;case\"REDIRECT\":return p`<primer-redirect-payment .paymentMethod=${e} ></primer-redirect-payment>`;case\"KLARNA\":return p`<primer-klarna></primer-klarna>`;case\"ACH\":return p` <primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment> `;default:return u}}}"
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
"kind": "variable",
|
|
115
|
-
"name": "
|
|
116
|
-
"default": "class extends
|
|
115
|
+
"name": "de",
|
|
116
|
+
"default": "class extends g{constructor(){super(...arguments);this.formController=new Cr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new R(this,{task:async([e])=>e!==\"STRIPE_ACH\"?I:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p` <h2> ${_(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${_(\"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\"> ${_(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:u} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${_(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:u} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${_(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})} </primer-input-label> <primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:u} </primer-input-error> </primer-input-wrapper> <p> ${_(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})} </p> <primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${_(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return p` <h2> ${_(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??_(\"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} > ${_(\"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} > ${_(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():u})}}"
|
|
117
117
|
},
|
|
118
118
|
{
|
|
119
119
|
"kind": "variable",
|
|
120
|
-
"name": "
|
|
121
|
-
"default": "class extends
|
|
120
|
+
"name": "ue",
|
|
121
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new R(this,{task:async([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?ui(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),_(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p` <primer-portal> <primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"> <primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment> </primer-dialog> </primer-portal> `:u}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p` <primer-button @click=\"${()=>this.start()}\" class=${q({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${_(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" > <span class=\"image-container\"> <img src=\"${e.iconUrl}\" alt=\"${e.name}\" /> </span> ${e.displayName} </primer-button> ${this.renderDialog()} `)})}}"
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
124
|
"kind": "variable",
|
|
125
|
-
"name": "
|
|
126
|
-
"default": "class extends
|
|
125
|
+
"name": "ve",
|
|
126
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,iconUrl:o.displayMetadata.button.iconUrl.colored}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new R(this,{task:async([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>(this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor),p` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${q({loading:!!this.sdkState?.isProcessing})} title=\"${_(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" > <span class=\"image-container\"> <img src=\"${e.iconUrl}\" alt=\"${e.name}\" /> </span> </primer-button>`)})}}"
|
|
127
127
|
},
|
|
128
128
|
{
|
|
129
129
|
"kind": "variable",
|
|
130
|
-
"name": "
|
|
131
|
-
"default": "class extends
|
|
130
|
+
"name": "Ue",
|
|
131
|
+
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?p` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:p` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>u,()=>p` <div class=${q({\"primer-is-processing\":!!this.sdkState?.isProcessing})} > <primer-vault-manager></primer-vault-manager> <primer-show-other-payments> <div slot=\"other-payments\" class=\"primer-main-list\"> ${this.paymentMethods?.toArray().map(e=>p` <primer-payment-method type=${e.type} ></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": "ke",
|
|
136
|
+
"default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new R(this,{args:()=>[this.paymentMethod?.type],task:async([e])=>{if(!e)return I;let r=this.paymentManagers.get(e)?.manager;if(!r)throw new Error(`No manager found for payment method type ${e}`);return r}}),new R(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),s=e.createButton(),m=this.createRenderOptions(o);return await s.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,m),e}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let e=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return e+2*r}createRenderOptions(e){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:e}}:r===\"PAYPAL\"?{style:{buttonHeight:e}}:{style:{buttonHeight:e}}}updated(e){e.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>u,complete:()=>p` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>u})}}"
|
|
137
137
|
},
|
|
138
138
|
{
|
|
139
139
|
"kind": "variable",
|
|
140
|
-
"name": "
|
|
141
|
-
"default": "class extends
|
|
140
|
+
"name": "Te",
|
|
141
|
+
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new j(this,{context:_r,initialValue:null});this.eventsController=new at(this);this.setupCardFormTask=new R(this,{task:async([e])=>{if(!e?.manager)return I;let{manager:r}=e,{cardNumberInput:o,expiryInput:s,cvvInput:m}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:s,cvvInput:m,setCardholderName:C=>r.setCardholderName(C),setCardNetwork:C=>{this.selectedCardNetwork=C},validate:()=>r.validate(),submit:C=>r.submit(C)}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}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(e){let r=e.tagName.toLowerCase(),o=r===\"button\",s=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||s&&(e.getAttribute(\"buttonType\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e)return;let r=await e.validate?.();if(r?.valid){let o=await e.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===Re.ERROR||this.setupCardFormTask.status===Re.INITIAL?u:p` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>V(this.hasAssignedContent,()=>u,()=>p` <div class=\"card-form\"> <primer-input-card-number></primer-input-card-number> <div class=\"card-form-row\"> <primer-input-card-expiry></primer-input-card-expiry> <primer-input-cvv></primer-input-cvv> </div> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"kind": "variable",
|
|
145
|
-
"name": "
|
|
146
|
-
"default": "class extends
|
|
145
|
+
"name": "mt",
|
|
146
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.childUpdated()}handleNetworkSelected(e){let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===Re.ERROR)return u;let e=this.getError();return p` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!e} > <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> ${V(e,r=>p` <primer-input-error slot=\"error\"> ${_(r,{id:r})} </primer-input-error> `,()=>u)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
149
|
"kind": "variable",
|
|
150
|
-
"name": "
|
|
151
|
-
"default": "class extends
|
|
150
|
+
"name": "ut",
|
|
151
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"kind": "variable",
|
|
155
|
+
"name": "ht",
|
|
156
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"kind": "variable",
|
|
160
|
+
"name": "gt",
|
|
161
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:e=>this.handleInput(e)};this.childUpdated()}handleInput(e){this.cardFormContext?.setCardholderName?.(e)}render(){return this.renderInput()}}"
|
|
152
162
|
},
|
|
153
163
|
{
|
|
154
164
|
"kind": "variable",
|
|
155
165
|
"name": "pe",
|
|
156
|
-
"default": "class extends
|
|
166
|
+
"default": "class extends g{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=e=>{if(e.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:_(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u;return p` <primer-button buttonType=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
157
167
|
},
|
|
158
168
|
{
|
|
159
169
|
"kind": "variable",
|
|
160
|
-
"name": "
|
|
161
|
-
"default": "class extends
|
|
170
|
+
"name": "ce",
|
|
171
|
+
"default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=fi();this.dropdownRef=fi();this.networkOptionRefs=[];this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}toggleDropdown(e){this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return p` <button ${Tr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${s=>{(s.key===\" \"||s.key===\"Enter\")&&o&&(s.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:u} aria-haspopup=${o?\"true\":u} aria-controls=${o?\"network-dropdown\":u} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>p` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>u)} </button> ${V(this.isDropdownOpen,()=>p` <div ${Tr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${e.map((s,m)=>p` <div ${Tr(C=>this.setNetworkOptionRef(C,m))} class=\"network-option ${this.isKeyboardNavigation&&m===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${C=>this.selectNetwork(C,s)} @keydown=${C=>{(C.key===\"Enter\"||C.key===\" \")&&this.selectNetwork(C,s)}} role=\"option\" aria-selected=${s.network===r.network} tabindex=\"${m===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(s)} alt=${s.displayName} /> <span class=\"network-name\">${s.displayName}</span> ${V(s.network===r.network,()=>p` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>u)} </div> `)} </div> `,()=>u)} `}}"
|
|
162
172
|
},
|
|
163
173
|
{
|
|
164
174
|
"kind": "variable",
|
|
165
|
-
"name": "
|
|
166
|
-
"default": "class extends
|
|
175
|
+
"name": "he",
|
|
176
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\"}handleToggleEditMode(e){this.isEditMode=e.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(e){this.deletePaymentMethodId=e.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=_(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(e){this.errorMessage=e instanceof Error?e.message:_(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(e){let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:_(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return Pr(r).description||\"\"}catch{return\"\"}}renderDeleteConfirmation(){if(!this.deletePaymentMethodId)return u;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return p` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?u:p` <primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ></primer-vault-payment-method-item> `}render(){if(!this.vaultManagerContext?.enabled)return u;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=!this.isEditMode&&e&&!r&&!this.deletePaymentMethodId;return p` <div class=\"vault-manager\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${V(this.errorMessage,()=>p` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ></primer-vault-error-message> `,()=>u)} <div class=\"vault-manager-content\"> ${V(!r&&!e,()=>p`<primer-vault-empty-state></primer-vault-empty-state>`,()=>u)} ${V(!r&&e&&this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>u)} ${V(!r&&e&&!this.deletePaymentMethodId,()=>p` <div class=\"payment-methods-list\"> ${this.vaultManagerContext?.vaultedPaymentMethods.map(s=>this.renderPaymentMethodItem(s))} ${V(o,()=>p` <primer-vault-payment-submit @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit> `,()=>u)} </div> `,()=>u)} </div> </div> `}}"
|
|
167
177
|
},
|
|
168
178
|
{
|
|
169
179
|
"kind": "variable",
|
|
170
|
-
"name": "
|
|
171
|
-
"default": "class extends
|
|
180
|
+
"name": "ge",
|
|
181
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new R(this,{task:async([e,r,o])=>{if(!e||!r||!o)return I;let s=\"\";if(va(e))s=r.getCardNetworkAsset(e.paymentInstrumentData.network).cardUrl;else{let v=await r.getCDNAssets(e.paymentMethodType);v&&(s=v.assets?.icon?`${v.goatCdnUrl}/${v.assets.icon}`:\"\")}let m=o.cvvRecapture,C=Pr(e);return{icon:s,shouldShowCVV:m,...C}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(e){let r=e.icon?p`<img class=\"payment-method-icon\" src=${e.icon} alt=${e.description} />`:p` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return p` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${e.description}</div> ${e.secondaryDescription?p`<div class=\"payment-method-secondary-description\"> ${e.secondaryDescription} </div>`:u} </div> `}render(){return this._getAssetsTask.render({error:()=>u,complete:e=>{let r=this.isSelected()?\"checked\":\"default\";return this.isEditMode?p` <div class=\"payment-method-item\" @click=${this.handleClick}> <div class=\"payment-method-content\"> ${this.renderPaymentMethodContent(e)} <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${_(\"delete\",{id:\"delete\"})} ${e.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> </div> </div> `:p` <div class=\"payment-method-wrapper\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(e)} </primer-button> ${V(e.shouldShowCVV&&this.isSelected(),()=>p`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`)} </div> `}})}}"
|
|
172
182
|
},
|
|
173
183
|
{
|
|
174
184
|
"kind": "variable",
|
|
175
|
-
"name": "
|
|
176
|
-
"default": "class extends
|
|
185
|
+
"name": "ze",
|
|
186
|
+
"default": "class extends g{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 p` <div class=\"vault-manager-header\"> <h3>${_(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?p` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?_(\"confirm\",{id:\"confirm\"}):_(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?p`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:p`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:u} </div> `}}"
|
|
177
187
|
},
|
|
178
188
|
{
|
|
179
189
|
"kind": "variable",
|
|
180
|
-
"name": "
|
|
181
|
-
"default": "class extends
|
|
190
|
+
"name": "ye",
|
|
191
|
+
"default": "class extends g{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 e=this.paymentMethodName;return p` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${e}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?_(\"deleting\",{id:\"deleting\"}):_(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${_(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
|
|
182
192
|
},
|
|
183
193
|
{
|
|
184
194
|
"kind": "variable",
|
|
185
|
-
"name": "
|
|
186
|
-
"default": "class extends
|
|
195
|
+
"name": "vt",
|
|
196
|
+
"default": "class extends g{render(){return p` <div class=\"empty-state\"> <p> ${_(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
187
197
|
},
|
|
188
198
|
{
|
|
189
199
|
"kind": "variable",
|
|
190
|
-
"name": "
|
|
191
|
-
"default": "class extends
|
|
200
|
+
"name": "et",
|
|
201
|
+
"default": "class extends g{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return p` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${_(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
|
|
192
202
|
},
|
|
193
203
|
{
|
|
194
204
|
"kind": "variable",
|
|
195
|
-
"name": "
|
|
196
|
-
"default": "class extends
|
|
205
|
+
"name": "Q",
|
|
206
|
+
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:_(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u;return p` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
197
207
|
},
|
|
198
208
|
{
|
|
199
209
|
"kind": "variable",
|
|
200
|
-
"name": "
|
|
201
|
-
"default": "class extends
|
|
210
|
+
"name": "ee",
|
|
211
|
+
"default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this._setupCVVIframe=new R(this,{task:async([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===void 0?I:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new R(this,{task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Ar(this.computedStyles),s=o?{input:{base:o}}:void 0,m={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:s};this.cvvInput=await e.createCvvInput(m),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:()=>u,complete:()=>p` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${V(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
|
|
202
212
|
},
|
|
203
213
|
{
|
|
204
214
|
"kind": "variable",
|
|
205
|
-
"name": "
|
|
206
|
-
"default": "class extends
|
|
215
|
+
"name": "Fe",
|
|
216
|
+
"default": "class extends g{constructor(){super(...arguments);this.isShowingOtherPayments=!1;this.vaultManager=null}handleExpandedChanged(e){this.isShowingOtherPayments=e.detail.expanded}render(){return this.vaultManager?.isLoading?u:!this.vaultManager||!this.vaultManager.enabled||this.vaultManager.vaultedPaymentMethods.length===0?p`<slot name=\"other-payments\"></slot>`:p` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.isShowingOtherPayments}\" .header=\"${_(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" @expanded-changed=\"${this.handleExpandedChanged}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
|
|
207
217
|
},
|
|
208
218
|
{
|
|
209
219
|
"kind": "variable",
|
|
210
|
-
"name": "
|
|
211
|
-
"default": "class extends
|
|
220
|
+
"name": "Ft",
|
|
221
|
+
"default": "class extends g{render(){return p` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"kind": "variable",
|
|
225
|
+
"name": "yt",
|
|
226
|
+
"default": "class extends g{constructor(){super(...arguments);this.sdkState=null}render(){return p` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"kind": "variable",
|
|
230
|
+
"name": "Be",
|
|
231
|
+
"default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?p` <primer-error-message message=\"${_(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:u}}"
|
|
212
232
|
}
|
|
213
233
|
],
|
|
214
234
|
"exports": [
|
|
215
235
|
{
|
|
216
236
|
"kind": "custom-element-definition",
|
|
217
|
-
"name": "
|
|
237
|
+
"name": "i",
|
|
218
238
|
"declaration": {
|
|
219
239
|
"name": "t",
|
|
220
240
|
"module": "cdn/primer-components.js"
|
|
@@ -222,17 +242,25 @@
|
|
|
222
242
|
},
|
|
223
243
|
{
|
|
224
244
|
"kind": "custom-element-definition",
|
|
225
|
-
"name": "
|
|
245
|
+
"name": "i",
|
|
226
246
|
"declaration": {
|
|
227
247
|
"name": "t",
|
|
228
248
|
"module": "cdn/primer-components.js"
|
|
229
249
|
}
|
|
230
250
|
},
|
|
251
|
+
{
|
|
252
|
+
"kind": "js",
|
|
253
|
+
"name": "AchPayment",
|
|
254
|
+
"declaration": {
|
|
255
|
+
"name": "de",
|
|
256
|
+
"module": "cdn/primer-components.js"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
231
259
|
{
|
|
232
260
|
"kind": "js",
|
|
233
261
|
"name": "Button",
|
|
234
262
|
"declaration": {
|
|
235
|
-
"name": "
|
|
263
|
+
"name": "le",
|
|
236
264
|
"module": "cdn/primer-components.js"
|
|
237
265
|
}
|
|
238
266
|
},
|
|
@@ -240,7 +268,7 @@
|
|
|
240
268
|
"kind": "js",
|
|
241
269
|
"name": "CardForm",
|
|
242
270
|
"declaration": {
|
|
243
|
-
"name": "
|
|
271
|
+
"name": "Te",
|
|
244
272
|
"module": "cdn/primer-components.js"
|
|
245
273
|
}
|
|
246
274
|
},
|
|
@@ -248,7 +276,7 @@
|
|
|
248
276
|
"kind": "js",
|
|
249
277
|
"name": "CardFormCVV",
|
|
250
278
|
"declaration": {
|
|
251
|
-
"name": "
|
|
279
|
+
"name": "ut",
|
|
252
280
|
"module": "cdn/primer-components.js"
|
|
253
281
|
}
|
|
254
282
|
},
|
|
@@ -256,7 +284,7 @@
|
|
|
256
284
|
"kind": "js",
|
|
257
285
|
"name": "CardFormCardNetworkSelector",
|
|
258
286
|
"declaration": {
|
|
259
|
-
"name": "
|
|
287
|
+
"name": "ce",
|
|
260
288
|
"module": "cdn/primer-components.js"
|
|
261
289
|
}
|
|
262
290
|
},
|
|
@@ -264,7 +292,7 @@
|
|
|
264
292
|
"kind": "js",
|
|
265
293
|
"name": "CardFormCardNumber",
|
|
266
294
|
"declaration": {
|
|
267
|
-
"name": "
|
|
295
|
+
"name": "mt",
|
|
268
296
|
"module": "cdn/primer-components.js"
|
|
269
297
|
}
|
|
270
298
|
},
|
|
@@ -272,7 +300,7 @@
|
|
|
272
300
|
"kind": "js",
|
|
273
301
|
"name": "CardFormError",
|
|
274
302
|
"declaration": {
|
|
275
|
-
"name": "
|
|
303
|
+
"name": "$e",
|
|
276
304
|
"module": "cdn/primer-components.js"
|
|
277
305
|
}
|
|
278
306
|
},
|
|
@@ -280,7 +308,7 @@
|
|
|
280
308
|
"kind": "js",
|
|
281
309
|
"name": "CardFormExpiry",
|
|
282
310
|
"declaration": {
|
|
283
|
-
"name": "
|
|
311
|
+
"name": "ht",
|
|
284
312
|
"module": "cdn/primer-components.js"
|
|
285
313
|
}
|
|
286
314
|
},
|
|
@@ -288,7 +316,7 @@
|
|
|
288
316
|
"kind": "js",
|
|
289
317
|
"name": "CardFormName",
|
|
290
318
|
"declaration": {
|
|
291
|
-
"name": "
|
|
319
|
+
"name": "gt",
|
|
292
320
|
"module": "cdn/primer-components.js"
|
|
293
321
|
}
|
|
294
322
|
},
|
|
@@ -296,7 +324,7 @@
|
|
|
296
324
|
"kind": "js",
|
|
297
325
|
"name": "CardFormSubmit",
|
|
298
326
|
"declaration": {
|
|
299
|
-
"name": "
|
|
327
|
+
"name": "pe",
|
|
300
328
|
"module": "cdn/primer-components.js"
|
|
301
329
|
}
|
|
302
330
|
},
|
|
@@ -304,7 +332,23 @@
|
|
|
304
332
|
"kind": "js",
|
|
305
333
|
"name": "Collapsable",
|
|
306
334
|
"declaration": {
|
|
307
|
-
"name": "
|
|
335
|
+
"name": "oe",
|
|
336
|
+
"module": "cdn/primer-components.js"
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"kind": "js",
|
|
341
|
+
"name": "Dialog",
|
|
342
|
+
"declaration": {
|
|
343
|
+
"name": "ct",
|
|
344
|
+
"module": "cdn/primer-components.js"
|
|
345
|
+
}
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"kind": "js",
|
|
349
|
+
"name": "DynamicPayment",
|
|
350
|
+
"declaration": {
|
|
351
|
+
"name": "ue",
|
|
308
352
|
"module": "cdn/primer-components.js"
|
|
309
353
|
}
|
|
310
354
|
},
|
|
@@ -312,7 +356,7 @@
|
|
|
312
356
|
"kind": "js",
|
|
313
357
|
"name": "ErrorMessage",
|
|
314
358
|
"declaration": {
|
|
315
|
-
"name": "
|
|
359
|
+
"name": "fe",
|
|
316
360
|
"module": "cdn/primer-components.js"
|
|
317
361
|
}
|
|
318
362
|
},
|
|
@@ -320,7 +364,7 @@
|
|
|
320
364
|
"kind": "js",
|
|
321
365
|
"name": "ErrorMessageContainer",
|
|
322
366
|
"declaration": {
|
|
323
|
-
"name": "
|
|
367
|
+
"name": "Be",
|
|
324
368
|
"module": "cdn/primer-components.js"
|
|
325
369
|
}
|
|
326
370
|
},
|
|
@@ -328,7 +372,7 @@
|
|
|
328
372
|
"kind": "js",
|
|
329
373
|
"name": "InitializedPayments",
|
|
330
374
|
"declaration": {
|
|
331
|
-
"name": "
|
|
375
|
+
"name": "vr",
|
|
332
376
|
"module": "cdn/primer-components.js"
|
|
333
377
|
}
|
|
334
378
|
},
|
|
@@ -336,7 +380,7 @@
|
|
|
336
380
|
"kind": "js",
|
|
337
381
|
"name": "Input",
|
|
338
382
|
"declaration": {
|
|
339
|
-
"name": "
|
|
383
|
+
"name": "U",
|
|
340
384
|
"module": "cdn/primer-components.js"
|
|
341
385
|
}
|
|
342
386
|
},
|
|
@@ -344,7 +388,7 @@
|
|
|
344
388
|
"kind": "js",
|
|
345
389
|
"name": "InputLabel",
|
|
346
390
|
"declaration": {
|
|
347
|
-
"name": "
|
|
391
|
+
"name": "De",
|
|
348
392
|
"module": "cdn/primer-components.js"
|
|
349
393
|
}
|
|
350
394
|
},
|
|
@@ -352,7 +396,7 @@
|
|
|
352
396
|
"kind": "js",
|
|
353
397
|
"name": "InputWrapper",
|
|
354
398
|
"declaration": {
|
|
355
|
-
"name": "
|
|
399
|
+
"name": "Me",
|
|
356
400
|
"module": "cdn/primer-components.js"
|
|
357
401
|
}
|
|
358
402
|
},
|
|
@@ -360,7 +404,7 @@
|
|
|
360
404
|
"kind": "js",
|
|
361
405
|
"name": "NativePayment",
|
|
362
406
|
"declaration": {
|
|
363
|
-
"name": "
|
|
407
|
+
"name": "ke",
|
|
364
408
|
"module": "cdn/primer-components.js"
|
|
365
409
|
}
|
|
366
410
|
},
|
|
@@ -368,7 +412,15 @@
|
|
|
368
412
|
"kind": "js",
|
|
369
413
|
"name": "PaymentMethod",
|
|
370
414
|
"declaration": {
|
|
371
|
-
"name": "
|
|
415
|
+
"name": "He",
|
|
416
|
+
"module": "cdn/primer-components.js"
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"kind": "js",
|
|
421
|
+
"name": "Portal",
|
|
422
|
+
"declaration": {
|
|
423
|
+
"name": "Qe",
|
|
372
424
|
"module": "cdn/primer-components.js"
|
|
373
425
|
}
|
|
374
426
|
},
|
|
@@ -376,7 +428,7 @@
|
|
|
376
428
|
"kind": "js",
|
|
377
429
|
"name": "PrimerCheckoutComplete",
|
|
378
430
|
"declaration": {
|
|
379
|
-
"name": "
|
|
431
|
+
"name": "Ft",
|
|
380
432
|
"module": "cdn/primer-components.js"
|
|
381
433
|
}
|
|
382
434
|
},
|
|
@@ -384,7 +436,7 @@
|
|
|
384
436
|
"kind": "js",
|
|
385
437
|
"name": "PrimerCheckoutComponent",
|
|
386
438
|
"declaration": {
|
|
387
|
-
"name": "
|
|
439
|
+
"name": "se",
|
|
388
440
|
"module": "cdn/primer-components.js"
|
|
389
441
|
}
|
|
390
442
|
},
|
|
@@ -392,7 +444,7 @@
|
|
|
392
444
|
"kind": "js",
|
|
393
445
|
"name": "PrimerCheckoutFailure",
|
|
394
446
|
"declaration": {
|
|
395
|
-
"name": "
|
|
447
|
+
"name": "yt",
|
|
396
448
|
"module": "cdn/primer-components.js"
|
|
397
449
|
}
|
|
398
450
|
},
|
|
@@ -400,7 +452,7 @@
|
|
|
400
452
|
"kind": "js",
|
|
401
453
|
"name": "PrimerCheckoutState",
|
|
402
454
|
"declaration": {
|
|
403
|
-
"name": "
|
|
455
|
+
"name": "Ve",
|
|
404
456
|
"module": "cdn/primer-components.js"
|
|
405
457
|
}
|
|
406
458
|
},
|
|
@@ -408,7 +460,7 @@
|
|
|
408
460
|
"kind": "js",
|
|
409
461
|
"name": "PrimerIcon",
|
|
410
462
|
"declaration": {
|
|
411
|
-
"name": "
|
|
463
|
+
"name": "Se",
|
|
412
464
|
"module": "cdn/primer-components.js"
|
|
413
465
|
}
|
|
414
466
|
},
|
|
@@ -416,7 +468,7 @@
|
|
|
416
468
|
"kind": "js",
|
|
417
469
|
"name": "PrimerKlarna",
|
|
418
470
|
"declaration": {
|
|
419
|
-
"name": "
|
|
471
|
+
"name": "J",
|
|
420
472
|
"module": "cdn/primer-components.js"
|
|
421
473
|
}
|
|
422
474
|
},
|
|
@@ -424,7 +476,7 @@
|
|
|
424
476
|
"kind": "js",
|
|
425
477
|
"name": "PrimerMain",
|
|
426
478
|
"declaration": {
|
|
427
|
-
"name": "
|
|
479
|
+
"name": "Ue",
|
|
428
480
|
"module": "cdn/primer-components.js"
|
|
429
481
|
}
|
|
430
482
|
},
|
|
@@ -432,7 +484,7 @@
|
|
|
432
484
|
"kind": "js",
|
|
433
485
|
"name": "RedirectPayment",
|
|
434
486
|
"declaration": {
|
|
435
|
-
"name": "
|
|
487
|
+
"name": "ve",
|
|
436
488
|
"module": "cdn/primer-components.js"
|
|
437
489
|
}
|
|
438
490
|
},
|
|
@@ -440,7 +492,7 @@
|
|
|
440
492
|
"kind": "js",
|
|
441
493
|
"name": "ShowOtherPayments",
|
|
442
494
|
"declaration": {
|
|
443
|
-
"name": "
|
|
495
|
+
"name": "Fe",
|
|
444
496
|
"module": "cdn/primer-components.js"
|
|
445
497
|
}
|
|
446
498
|
},
|
|
@@ -448,7 +500,7 @@
|
|
|
448
500
|
"kind": "js",
|
|
449
501
|
"name": "Spinner",
|
|
450
502
|
"declaration": {
|
|
451
|
-
"name": "
|
|
503
|
+
"name": "Ae",
|
|
452
504
|
"module": "cdn/primer-components.js"
|
|
453
505
|
}
|
|
454
506
|
},
|
|
@@ -456,7 +508,7 @@
|
|
|
456
508
|
"kind": "js",
|
|
457
509
|
"name": "VaultCvvInput",
|
|
458
510
|
"declaration": {
|
|
459
|
-
"name": "
|
|
511
|
+
"name": "ee",
|
|
460
512
|
"module": "cdn/primer-components.js"
|
|
461
513
|
}
|
|
462
514
|
},
|
|
@@ -464,7 +516,7 @@
|
|
|
464
516
|
"kind": "js",
|
|
465
517
|
"name": "VaultDeleteConfirmation",
|
|
466
518
|
"declaration": {
|
|
467
|
-
"name": "
|
|
519
|
+
"name": "ye",
|
|
468
520
|
"module": "cdn/primer-components.js"
|
|
469
521
|
}
|
|
470
522
|
},
|
|
@@ -472,7 +524,7 @@
|
|
|
472
524
|
"kind": "js",
|
|
473
525
|
"name": "VaultEmptyState",
|
|
474
526
|
"declaration": {
|
|
475
|
-
"name": "
|
|
527
|
+
"name": "vt",
|
|
476
528
|
"module": "cdn/primer-components.js"
|
|
477
529
|
}
|
|
478
530
|
},
|
|
@@ -480,7 +532,7 @@
|
|
|
480
532
|
"kind": "js",
|
|
481
533
|
"name": "VaultErrorMessage",
|
|
482
534
|
"declaration": {
|
|
483
|
-
"name": "
|
|
535
|
+
"name": "et",
|
|
484
536
|
"module": "cdn/primer-components.js"
|
|
485
537
|
}
|
|
486
538
|
},
|
|
@@ -488,7 +540,7 @@
|
|
|
488
540
|
"kind": "js",
|
|
489
541
|
"name": "VaultManager",
|
|
490
542
|
"declaration": {
|
|
491
|
-
"name": "
|
|
543
|
+
"name": "he",
|
|
492
544
|
"module": "cdn/primer-components.js"
|
|
493
545
|
}
|
|
494
546
|
},
|
|
@@ -496,7 +548,7 @@
|
|
|
496
548
|
"kind": "js",
|
|
497
549
|
"name": "VaultManagerHeader",
|
|
498
550
|
"declaration": {
|
|
499
|
-
"name": "
|
|
551
|
+
"name": "ze",
|
|
500
552
|
"module": "cdn/primer-components.js"
|
|
501
553
|
}
|
|
502
554
|
},
|
|
@@ -504,7 +556,7 @@
|
|
|
504
556
|
"kind": "js",
|
|
505
557
|
"name": "VaultPaymentMethodItem",
|
|
506
558
|
"declaration": {
|
|
507
|
-
"name": "
|
|
559
|
+
"name": "ge",
|
|
508
560
|
"module": "cdn/primer-components.js"
|
|
509
561
|
}
|
|
510
562
|
},
|
|
@@ -512,7 +564,7 @@
|
|
|
512
564
|
"kind": "js",
|
|
513
565
|
"name": "VaultPaymentSubmit",
|
|
514
566
|
"declaration": {
|
|
515
|
-
"name": "
|
|
567
|
+
"name": "Q",
|
|
516
568
|
"module": "cdn/primer-components.js"
|
|
517
569
|
}
|
|
518
570
|
},
|
|
@@ -520,7 +572,7 @@
|
|
|
520
572
|
"kind": "js",
|
|
521
573
|
"name": "injectDarkTheme",
|
|
522
574
|
"declaration": {
|
|
523
|
-
"name": "
|
|
575
|
+
"name": "Kn",
|
|
524
576
|
"module": "cdn/primer-components.js"
|
|
525
577
|
}
|
|
526
578
|
},
|
|
@@ -528,7 +580,7 @@
|
|
|
528
580
|
"kind": "js",
|
|
529
581
|
"name": "injectLightTheme",
|
|
530
582
|
"declaration": {
|
|
531
|
-
"name": "
|
|
583
|
+
"name": "Bn",
|
|
532
584
|
"module": "cdn/primer-components.js"
|
|
533
585
|
}
|
|
534
586
|
},
|
|
@@ -536,7 +588,7 @@
|
|
|
536
588
|
"kind": "js",
|
|
537
589
|
"name": "injectLoaderStyles",
|
|
538
590
|
"declaration": {
|
|
539
|
-
"name": "
|
|
591
|
+
"name": "No",
|
|
540
592
|
"module": "cdn/primer-components.js"
|
|
541
593
|
}
|
|
542
594
|
},
|
|
@@ -544,7 +596,7 @@
|
|
|
544
596
|
"kind": "js",
|
|
545
597
|
"name": "injectThemeStyles",
|
|
546
598
|
"declaration": {
|
|
547
|
-
"name": "
|
|
599
|
+
"name": "Ro",
|
|
548
600
|
"module": "cdn/primer-components.js"
|
|
549
601
|
}
|
|
550
602
|
}
|
|
@@ -556,7 +608,7 @@
|
|
|
556
608
|
"declarations": [
|
|
557
609
|
{
|
|
558
610
|
"kind": "variable",
|
|
559
|
-
"name": "
|
|
611
|
+
"name": "i"
|
|
560
612
|
},
|
|
561
613
|
{
|
|
562
614
|
"kind": "variable",
|
|
@@ -564,209 +616,229 @@
|
|
|
564
616
|
},
|
|
565
617
|
{
|
|
566
618
|
"kind": "variable",
|
|
567
|
-
"name": "
|
|
619
|
+
"name": "vr",
|
|
568
620
|
"default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
|
|
569
621
|
},
|
|
570
622
|
{
|
|
571
623
|
"kind": "variable",
|
|
572
|
-
"name": "
|
|
573
|
-
"default": "class extends
|
|
624
|
+
"name": "se",
|
|
625
|
+
"default": "class extends g{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=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new er(this),this.sdkStateController=new Qt(this),this.primerEventsController=new at(this),this.styleProcessingController=new tr(this),this.vaultManagerController=new wt(this),this.cardNetworkController=new qt(this),this.achPaymentEventsController=new Er(this),new br(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===\"customstyles\"?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.state.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(ii(this.options?.locale)?this.locale=oi(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),ri(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.state.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.state.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.state,r=e.isLoading,o=e.error,s=!r&&!o;return p` ${V(r,()=>u)} ${V(o,()=>p`<primer-checkout-error></primer-checkout-error>`)} ${V(s,()=>p` <slot name=\"main\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>u,()=>p`<primer-main></primer-main>`)} `,()=>u)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
574
626
|
},
|
|
575
627
|
{
|
|
576
628
|
"kind": "function",
|
|
577
|
-
"name": "
|
|
629
|
+
"name": "No"
|
|
578
630
|
},
|
|
579
631
|
{
|
|
580
632
|
"kind": "function",
|
|
581
|
-
"name": "
|
|
633
|
+
"name": "Ro"
|
|
582
634
|
},
|
|
583
635
|
{
|
|
584
636
|
"kind": "function",
|
|
585
|
-
"name": "
|
|
637
|
+
"name": "Bn"
|
|
586
638
|
},
|
|
587
639
|
{
|
|
588
640
|
"kind": "function",
|
|
589
|
-
"name": "
|
|
641
|
+
"name": "Kn"
|
|
590
642
|
},
|
|
591
643
|
{
|
|
592
644
|
"kind": "variable",
|
|
593
|
-
"name": "
|
|
594
|
-
"default": "class extends
|
|
645
|
+
"name": "Ae",
|
|
646
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in mi)return mi[this.size];let e=parseInt(this.size,10);return isNaN(e)?mi.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),p` <div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"> <svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" > <path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /> </svg> </div> `}}"
|
|
595
647
|
},
|
|
596
648
|
{
|
|
597
649
|
"kind": "variable",
|
|
598
|
-
"name": "
|
|
599
|
-
"default": "class extends
|
|
650
|
+
"name": "Me",
|
|
651
|
+
"default": "class extends g{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1}handleWrapperClick(e){if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let s=o.querySelector(\"primer-input\");if(s)return s}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return p` <div class=\"input-wrapper\"> <slot name=\"label\"></slot> <div class=\"${q(e)}\" @click=\"${this.handleWrapperClick}\"> <slot name=\"input\"></slot> </div> <slot name=\"error\"></slot> </div> `}}"
|
|
600
652
|
},
|
|
601
653
|
{
|
|
602
654
|
"kind": "variable",
|
|
603
|
-
"name": "
|
|
604
|
-
"default": "class extends
|
|
655
|
+
"name": "De",
|
|
656
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return p`<label for=${this.for}><slot></slot></label>`}}"
|
|
605
657
|
},
|
|
606
658
|
{
|
|
607
659
|
"kind": "variable",
|
|
608
|
-
"name": "
|
|
609
|
-
"default": "class extends
|
|
660
|
+
"name": "le",
|
|
661
|
+
"default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1}handleClick(){!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?u:p` <primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-icon-primary)\" ></primer-icon> `}renderSpinner(){if(!this.loading)return u;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),p` <primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner> `}render(){return p` <button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} > ${this.renderSpinner()} <span class=\"button-content ${this.loading?\"loading\":\"\"}\"> <slot></slot> </span> ${this.renderCheckmark()} </button> `}}"
|
|
610
662
|
},
|
|
611
663
|
{
|
|
612
664
|
"kind": "variable",
|
|
613
|
-
"name": "
|
|
614
|
-
"default": "class extends
|
|
665
|
+
"name": "$e",
|
|
666
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return p` <span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" > <slot></slot> </span> `}}"
|
|
615
667
|
},
|
|
616
668
|
{
|
|
617
669
|
"kind": "variable",
|
|
618
|
-
"name": "
|
|
619
|
-
"default": "class extends
|
|
670
|
+
"name": "Se",
|
|
671
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Uo[this.name]:null;return p` <div style=\"--internal-icon-color: ${this.color}\"> ${e||p`<slot></slot>`} </div> `}}"
|
|
620
672
|
},
|
|
621
673
|
{
|
|
622
674
|
"kind": "variable",
|
|
623
|
-
"name": "
|
|
624
|
-
"default": "class extends
|
|
675
|
+
"name": "Ve",
|
|
676
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?p` <!-- 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> `:p` <primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" > </primer-icon> <p>Payment failed</p> ${this.description?p`<p class=\"secondary\">${this.description}</p>`:p`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
625
677
|
},
|
|
626
678
|
{
|
|
627
679
|
"kind": "variable",
|
|
628
|
-
"name": "
|
|
629
|
-
"default": "class extends
|
|
680
|
+
"name": "U",
|
|
681
|
+
"default": "class extends g{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this.id=\"\";this.hasFocus=!1;this.hasError=!1}handleInput(e){e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}handleChange(e){e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)}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(e){e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return p` <input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} /> `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
630
682
|
},
|
|
631
683
|
{
|
|
632
684
|
"kind": "variable",
|
|
633
|
-
"name": "
|
|
634
|
-
"default": "class extends
|
|
685
|
+
"name": "oe",
|
|
686
|
+
"default": "class extends g{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(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}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 e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return p` <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> `}}"
|
|
635
687
|
},
|
|
636
688
|
{
|
|
637
689
|
"kind": "variable",
|
|
638
|
-
"name": "
|
|
639
|
-
"default": "class extends
|
|
690
|
+
"name": "fe",
|
|
691
|
+
"default": "class extends g{constructor(){super(...arguments);this.message=\"\";this.visible=!1;this.role=\"alert\";this.showMessage=!1}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return u;let e={\"error-message\":!0,hidden:!this.visible};return p` <div part=\"error-message\" class=${q(e)} aria-live=\"assertive\" aria-atomic=\"true\" > <div part=\"error-icon\" class=\"error-icon\"> <primer-icon name=\"failure-icon\" size=\"sm\" color=\"var(--primer-color-icon-negative)\" ></primer-icon> </div> <div part=\"error-content\" class=\"error-content\">${this.message}</div> </div> `}}"
|
|
640
692
|
},
|
|
641
693
|
{
|
|
642
694
|
"kind": "variable",
|
|
643
|
-
"name": "
|
|
644
|
-
"default": "class extends
|
|
695
|
+
"name": "Qe",
|
|
696
|
+
"default": "class extends g{constructor(){super(...arguments);this.id=\"d\"+Math.random().toString(36).substring(7)}getContainer(){let e=document.querySelector(`#${this.id}`);return e||(e=document.createElement(\"div\"),e.id=this.id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}_handleSlotChange(e){let o=e.target.assignedNodes();if(!o.length)return;let s=this.getContainer();o.forEach(m=>s.appendChild(m))}render(){return p`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
645
697
|
},
|
|
646
698
|
{
|
|
647
699
|
"kind": "variable",
|
|
648
|
-
"name": "
|
|
649
|
-
"default": "class extends
|
|
700
|
+
"name": "ct",
|
|
701
|
+
"default": "class extends g{_handleCloseClick(){this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))}render(){return p` <div class=${q({backdrop:!0})} @click=${t=>{t.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> `}}"
|
|
650
702
|
},
|
|
651
703
|
{
|
|
652
704
|
"kind": "variable",
|
|
653
|
-
"name": "
|
|
654
|
-
"default": "class extends
|
|
705
|
+
"name": "J",
|
|
706
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=_(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]})}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(e){P.error(\"Failed to start Klarna payment\",e)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:e=>{e>0&&(this.klarnaContainer.style.height=`${e}px`)}})}catch(e){P.error(\"Failed to render Klarna category\",e)}}selectCategory(e){this.selectedCategory=e,this.renderSelectedCategory()}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?p`<div class=\"loading\"> <primer-spinner size=\"small\"></primer-spinner> </div>`:e.length<=1?u:p` <div class=\"category-selection\"> ${e.map(o=>p` <button class=${q({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} > ${o.name} </button> `)} </div> `}renderExpandedContent(){return p` ${this.renderCategorySelection()} ${this.selectedCategory?p` <div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div> `:u} <button class=${q({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing} @click=${()=>this.startKlarnaPayment()} > ${_(\"confirm\",{id:\"confirm\"})} </button> `}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return p`<div class=\"error\"> Error loading Klarna: ${r} </div>`},complete:({manager:e,klarnaIcon:r})=>e?p` <div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"> <div class=\"klarna-button-header\"> <primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} > <img src=${r} alt=\"Klarna logo\" /> <span>${_(\"pay_with\",{id:\"pay_with\"})} Klarna</span> <span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span> </primer-button> </div> <div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" > <div class=\"klarna-accordion-content\"> ${this.renderExpandedContent()} </div> </div> </div> `:u})}}"
|
|
655
707
|
},
|
|
656
708
|
{
|
|
657
709
|
"kind": "variable",
|
|
658
|
-
"name": "
|
|
659
|
-
"default": "class extends
|
|
710
|
+
"name": "He",
|
|
711
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.paymentMethods=null}render(){if(!this.type)return u;let e=this.paymentMethods?.get(this.type);if(!e)return u;switch(e?.managerType){case\"CARD\":return p`<primer-card-form></primer-card-form>`;case\"NATIVE\":return p`<primer-native-payment .paymentMethod=${e} ></primer-native-payment>`;case\"REDIRECT\":return p`<primer-redirect-payment .paymentMethod=${e} ></primer-redirect-payment>`;case\"KLARNA\":return p`<primer-klarna></primer-klarna>`;case\"ACH\":return p` <primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment> `;default:return u}}}"
|
|
660
712
|
},
|
|
661
713
|
{
|
|
662
714
|
"kind": "variable",
|
|
663
|
-
"name": "
|
|
664
|
-
"default": "class extends
|
|
715
|
+
"name": "de",
|
|
716
|
+
"default": "class extends g{constructor(){super(...arguments);this.formController=new Cr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new R(this,{task:async([e])=>e!==\"STRIPE_ACH\"?I:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return p` <h2> ${_(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${_(\"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\"> ${_(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.firstName?this.formController.formState.firstName.error:u} </primer-input-error> </primer-input-wrapper> <primer-input-wrapper .hasError=${this.formController.hasError.lastName} > <primer-input-label slot=\"label\"> ${_(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})} </primer-input-label> <primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} > </primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.lastName?this.formController.formState.lastName.error:u} </primer-input-error> </primer-input-wrapper> </div> <primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} > <primer-input-label slot=\"label\"> ${_(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})} </primer-input-label> <primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input> <primer-input-error slot=\"error\"> ${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:u} </primer-input-error> </primer-input-wrapper> <p> ${_(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})} </p> <primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} > ${_(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})} </primer-button> </form> `}renderMandate(){return p` <h2> ${_(\"payWithAch\",{id:\"payWithAch\"})} </h2> <p> ${this.clientOptions?.stripe?.mandateData.fullMandateText??_(\"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} > ${_(\"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} > ${_(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})} </primer-button> </div> `}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():u})}}"
|
|
665
717
|
},
|
|
666
718
|
{
|
|
667
719
|
"kind": "variable",
|
|
668
|
-
"name": "
|
|
669
|
-
"default": "class extends
|
|
720
|
+
"name": "ue",
|
|
721
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new R(this,{task:async([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?ui(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),_(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?p` <primer-portal> <primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"> <primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment> </primer-dialog> </primer-portal> `:u}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),p` <primer-button @click=\"${()=>this.start()}\" class=${q({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${_(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" > <span class=\"image-container\"> <img src=\"${e.iconUrl}\" alt=\"${e.name}\" /> </span> ${e.displayName} </primer-button> ${this.renderDialog()} `)})}}"
|
|
670
722
|
},
|
|
671
723
|
{
|
|
672
724
|
"kind": "variable",
|
|
673
|
-
"name": "
|
|
674
|
-
"default": "class extends
|
|
725
|
+
"name": "ve",
|
|
726
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new R(this,{task:async([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new R(this,{task:async([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,iconUrl:o.displayMetadata.button.iconUrl.colored}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new R(this,{task:async([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}startRedirectPayment(){this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>u,complete:({assetsConfig:e})=>(this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor),p` <primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${q({loading:!!this.sdkState?.isProcessing})} title=\"${_(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" > <span class=\"image-container\"> <img src=\"${e.iconUrl}\" alt=\"${e.name}\" /> </span> </primer-button>`)})}}"
|
|
675
727
|
},
|
|
676
728
|
{
|
|
677
729
|
"kind": "variable",
|
|
678
|
-
"name": "
|
|
679
|
-
"default": "class extends
|
|
730
|
+
"name": "Ue",
|
|
731
|
+
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null}render(){return this.sdkState?.isSuccessful?p` <slot name=\"checkout-complete\"> <primer-checkout-complete></primer-checkout-complete> </slot> `:p` <slot name=\"payments\" @slotchange=${this.onSlotChange}></slot> ${V(this.hasAssignedContent,()=>u,()=>p` <div class=${q({\"primer-is-processing\":!!this.sdkState?.isProcessing})} > <primer-vault-manager></primer-vault-manager> <primer-show-other-payments> <div slot=\"other-payments\" class=\"primer-main-list\"> ${this.paymentMethods?.toArray().map(e=>p` <primer-payment-method type=${e.type} ></primer-payment-method> `)} </div> </primer-show-other-payments> <primer-error-message-container></primer-error-message-container> </div> `)} `}}"
|
|
680
732
|
},
|
|
681
733
|
{
|
|
682
734
|
"kind": "variable",
|
|
683
|
-
"name": "
|
|
684
|
-
"default": "class extends
|
|
735
|
+
"name": "ke",
|
|
736
|
+
"default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this._buttonId=\"button-container\";this.loadManagerTask=new R(this,{args:()=>[this.paymentMethod?.type],task:async([e])=>{if(!e)return I;let r=this.paymentManagers.get(e)?.manager;if(!r)throw new Error(`No manager found for payment method type ${e}`);return r}}),new R(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),s=e.createButton(),m=this.createRenderOptions(o);return await s.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,m),e}})}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let e=parseFloat(this.computedStyles.getPropertyValue(\"--primer-typography-title-large-line-height\")),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return e+2*r}createRenderOptions(e){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:e}}:r===\"PAYPAL\"?{style:{buttonHeight:e}}:{style:{buttonHeight:e}}}updated(e){e.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`)}render(){return this.loadManagerTask.render({error:()=>u,complete:()=>p` <!-- The native button container is rendered first --> <div class=\"native-button-container\" id=\"${this._buttonId}\"></div> `,pending:()=>u})}}"
|
|
685
737
|
},
|
|
686
738
|
{
|
|
687
739
|
"kind": "variable",
|
|
688
|
-
"name": "
|
|
689
|
-
"default": "class extends
|
|
740
|
+
"name": "Te",
|
|
741
|
+
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new j(this,{context:_r,initialValue:null});this.eventsController=new at(this);this.setupCardFormTask=new R(this,{task:async([e])=>{if(!e?.manager)return I;let{manager:r}=e,{cardNumberInput:o,expiryInput:s,cvvInput:m}=r.createHostedInputs();return this.cardFormProvider.setValue({cardNumberInput:o,expiryInput:s,cvvInput:m,setCardholderName:C=>r.setCardholderName(C),setCardNetwork:C=>{this.selectedCardNetwork=C},validate:()=>r.validate(),submit:C=>r.submit(C)}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;this.isSubmitButton(o)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}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(e){let r=e.tagName.toLowerCase(),o=r===\"button\",s=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||s&&(e.getAttribute(\"buttonType\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e)return;let r=await e.validate?.();if(r?.valid){let o=await e.submit?.(this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0);this.eventsController.dispatchFormSubmitSuccess(o)}else{let o=r?.validationErrors;this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===Re.ERROR||this.setupCardFormTask.status===Re.INITIAL?u:p` <form @submit=${this.handleFormSubmit}> <slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot> ${this.setupCardFormTask.render({complete:()=>V(this.hasAssignedContent,()=>u,()=>p` <div class=\"card-form\"> <primer-input-card-number></primer-input-card-number> <div class=\"card-form-row\"> <primer-input-card-expiry></primer-input-card-expiry> <primer-input-cvv></primer-input-cvv> </div> <primer-input-card-holder-name></primer-input-card-holder-name> </div> <primer-card-form-submit></primer-card-form-submit> `)})} </form> `}}"
|
|
690
742
|
},
|
|
691
743
|
{
|
|
692
744
|
"kind": "variable",
|
|
693
|
-
"name": "
|
|
694
|
-
"default": "class extends
|
|
745
|
+
"name": "mt",
|
|
746
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.childUpdated()}handleNetworkSelected(e){let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)}renderInput(){if(this.hostedInputController.setupTask.status===Re.ERROR)return u;let e=this.getError();return p` <primer-input-wrapper .focusWithin=\"${this.hostedInputController.isFocused}\" .hasError=${!!e} > <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> ${V(e,r=>p` <primer-input-error slot=\"error\"> ${_(r,{id:r})} </primer-input-error> `,()=>u)} </primer-input-wrapper> `}render(){return this.renderInput()}}"
|
|
695
747
|
},
|
|
696
748
|
{
|
|
697
749
|
"kind": "variable",
|
|
698
|
-
"name": "
|
|
699
|
-
"default": "class extends
|
|
750
|
+
"name": "ut",
|
|
751
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"kind": "variable",
|
|
755
|
+
"name": "ht",
|
|
756
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"kind": "variable",
|
|
760
|
+
"name": "gt",
|
|
761
|
+
"default": "class extends W{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:e=>this.handleInput(e)};this.childUpdated()}handleInput(e){this.cardFormContext?.setCardholderName?.(e)}render(){return this.renderInput()}}"
|
|
700
762
|
},
|
|
701
763
|
{
|
|
702
764
|
"kind": "variable",
|
|
703
765
|
"name": "pe",
|
|
704
|
-
"default": "class extends
|
|
766
|
+
"default": "class extends g{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=e=>{if(e.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:_(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u;return p` <primer-button buttonType=\"submit\" variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
705
767
|
},
|
|
706
768
|
{
|
|
707
769
|
"kind": "variable",
|
|
708
|
-
"name": "
|
|
709
|
-
"default": "class extends
|
|
770
|
+
"name": "ce",
|
|
771
|
+
"default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=fi();this.dropdownRef=fi();this.networkOptionRefs=[];this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}toggleDropdown(e){this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return p`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return p`<primer-icon name=\"payment-card\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return p`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return p` <button ${Tr(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${s=>{(s.key===\" \"||s.key===\"Enter\")&&o&&(s.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:u} aria-haspopup=${o?\"true\":u} aria-controls=${o?\"network-dropdown\":u} > <img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} /> ${V(o,()=>p` <primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" name=\"chevron-down\" ></primer-icon> `,()=>u)} </button> ${V(this.isDropdownOpen,()=>p` <div ${Tr(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" > ${e.map((s,m)=>p` <div ${Tr(C=>this.setNetworkOptionRef(C,m))} class=\"network-option ${this.isKeyboardNavigation&&m===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${C=>this.selectNetwork(C,s)} @keydown=${C=>{(C.key===\"Enter\"||C.key===\" \")&&this.selectNetwork(C,s)}} role=\"option\" aria-selected=${s.network===r.network} tabindex=\"${m===this.focusedNetworkIndex?\"0\":\"-1\"}\" > <img class=\"network-option-icon\" src=${this.getNetworkIconUrl(s)} alt=${s.displayName} /> <span class=\"network-name\">${s.displayName}</span> ${V(s.network===r.network,()=>p` <primer-icon class=\"checkmark\" name=\"checkmark\" ></primer-icon> `,()=>u)} </div> `)} </div> `,()=>u)} `}}"
|
|
710
772
|
},
|
|
711
773
|
{
|
|
712
774
|
"kind": "variable",
|
|
713
|
-
"name": "
|
|
714
|
-
"default": "class extends
|
|
775
|
+
"name": "he",
|
|
776
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\"}handleToggleEditMode(e){this.isEditMode=e.detail,this.deletePaymentMethodId=null}handleDeletePaymentMethod(e){this.deletePaymentMethodId=e.detail}handleCancelDelete(){this.deletePaymentMethodId=null}async handleConfirmDelete(){if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=_(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null}catch(e){this.errorMessage=e instanceof Error?e.message:_(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}}handlePaymentError(e){let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:_(\"payment_processing_error\",{id:\"payment_processing_error\"})}handleCloseError(){this.errorMessage=\"\"}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return Pr(r).description||\"\"}catch{return\"\"}}renderDeleteConfirmation(){if(!this.deletePaymentMethodId)return u;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return p` <div class=\"delete-confirmation-container\"> <primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ></primer-vault-delete-confirmation> </div> `}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?u:p` <primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ></primer-vault-payment-method-item> `}render(){if(!this.vaultManagerContext?.enabled)return u;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=!this.isEditMode&&e&&!r&&!this.deletePaymentMethodId;return p` <div class=\"vault-manager\"> <primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header> ${V(this.errorMessage,()=>p` <primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ></primer-vault-error-message> `,()=>u)} <div class=\"vault-manager-content\"> ${V(!r&&!e,()=>p`<primer-vault-empty-state></primer-vault-empty-state>`,()=>u)} ${V(!r&&e&&this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>u)} ${V(!r&&e&&!this.deletePaymentMethodId,()=>p` <div class=\"payment-methods-list\"> ${this.vaultManagerContext?.vaultedPaymentMethods.map(s=>this.renderPaymentMethodItem(s))} ${V(o,()=>p` <primer-vault-payment-submit @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit> `,()=>u)} </div> `,()=>u)} </div> </div> `}}"
|
|
715
777
|
},
|
|
716
778
|
{
|
|
717
779
|
"kind": "variable",
|
|
718
|
-
"name": "
|
|
719
|
-
"default": "class extends
|
|
780
|
+
"name": "ge",
|
|
781
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new R(this,{task:async([e,r,o])=>{if(!e||!r||!o)return I;let s=\"\";if(va(e))s=r.getCardNetworkAsset(e.paymentInstrumentData.network).cardUrl;else{let v=await r.getCDNAssets(e.paymentMethodType);v&&(s=v.assets?.icon?`${v.goatCdnUrl}/${v.assets.icon}`:\"\")}let m=o.cvvRecapture,C=Pr(e);return{icon:s,shouldShowCVV:m,...C}},args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]})}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}handleClick(){this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))}handleDeleteClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}renderPaymentMethodContent(e){let r=e.icon?p`<img class=\"payment-method-icon\" src=${e.icon} alt=${e.description} />`:p` <div class=\"payment-method-icon payment-method-icon-generic\"> <primer-icon name=\"payment-card\" size=\"sm\"></primer-icon> </div> `;return p` ${r} <div class=\"payment-method-details\"> <div class=\"payment-method-description\">${e.description}</div> ${e.secondaryDescription?p`<div class=\"payment-method-secondary-description\"> ${e.secondaryDescription} </div>`:u} </div> `}render(){return this._getAssetsTask.render({error:()=>u,complete:e=>{let r=this.isSelected()?\"checked\":\"default\";return this.isEditMode?p` <div class=\"payment-method-item\" @click=${this.handleClick}> <div class=\"payment-method-content\"> ${this.renderPaymentMethodContent(e)} <button class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${_(\"delete\",{id:\"delete\"})} ${e.description}`} > <primer-icon name=\"trash\" size=\"sm\"></primer-icon> </button> </div> </div> `:p` <div class=\"payment-method-wrapper\"> <primer-button variant=\"secondary\" class=\"payment-method-button\" selectable selectionState=${r} @click=${this.handleClick} > ${this.renderPaymentMethodContent(e)} </primer-button> ${V(e.shouldShowCVV&&this.isSelected(),()=>p`<primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ></primer-vault-cvv-input>`)} </div> `}})}}"
|
|
720
782
|
},
|
|
721
783
|
{
|
|
722
784
|
"kind": "variable",
|
|
723
|
-
"name": "
|
|
724
|
-
"default": "class extends
|
|
785
|
+
"name": "ze",
|
|
786
|
+
"default": "class extends g{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 p` <div class=\"vault-manager-header\"> <h3>${_(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3> ${this.hasPaymentMethods?p` <primer-button class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?_(\"confirm\",{id:\"confirm\"}):_(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} > ${this.isEditMode?p`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:p`<primer-icon name=\"pencil\" size=\"sm\"></primer-icon>`} </primer-button> `:u} </div> `}}"
|
|
725
787
|
},
|
|
726
788
|
{
|
|
727
789
|
"kind": "variable",
|
|
728
|
-
"name": "
|
|
729
|
-
"default": "class extends
|
|
790
|
+
"name": "ye",
|
|
791
|
+
"default": "class extends g{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 e=this.paymentMethodName;return p` <div class=\"delete-confirmation\"> <div class=\"delete-message\"> <p class=\"delete-text\">${e}</p> </div> <div class=\"delete-actions\"> <button class=\"delete-confirm\" @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} > ${this.isDeleting?_(\"deleting\",{id:\"deleting\"}):_(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})} </button> <button class=\"delete-cancel\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} > ${_(\"cancel\",{id:\"cancel\"})} </button> </div> </div> `}}"
|
|
730
792
|
},
|
|
731
793
|
{
|
|
732
794
|
"kind": "variable",
|
|
733
|
-
"name": "
|
|
734
|
-
"default": "class extends
|
|
795
|
+
"name": "vt",
|
|
796
|
+
"default": "class extends g{render(){return p` <div class=\"empty-state\"> <p> ${_(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
735
797
|
},
|
|
736
798
|
{
|
|
737
799
|
"kind": "variable",
|
|
738
|
-
"name": "
|
|
739
|
-
"default": "class extends
|
|
800
|
+
"name": "et",
|
|
801
|
+
"default": "class extends g{constructor(){super(...arguments);this.errorMessage=\"\"}handleDismiss(){this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}render(){return p` <div class=\"error-message\"> <div class=\"error-content\"> <primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon> <p>${this.errorMessage}</p> </div> <button @click=${this.handleDismiss} aria-label=${_(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} > <primer-icon name=\"close\" size=\"sm\"></primer-icon> </button> </div> `}}"
|
|
740
802
|
},
|
|
741
803
|
{
|
|
742
804
|
"kind": "variable",
|
|
743
|
-
"name": "
|
|
744
|
-
"default": "class extends
|
|
805
|
+
"name": "Q",
|
|
806
|
+
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:_(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:u;return p` <primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit > ${this.buttonText}${r} </primer-button> `}}"
|
|
745
807
|
},
|
|
746
808
|
{
|
|
747
809
|
"kind": "variable",
|
|
748
|
-
"name": "
|
|
749
|
-
"default": "class extends
|
|
810
|
+
"name": "ee",
|
|
811
|
+
"default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this._setupCVVIframe=new R(this,{task:async([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===void 0?I:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new R(this,{task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=Ar(this.computedStyles),s=o?{input:{base:o}}:void 0,m={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:s};this.cvvInput=await e.createCvvInput(m),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:()=>u,complete:()=>p` <div class=\"cvv-input-container\"> <primer-input-wrapper .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} > <primer-input-label slot=\"label\">CVV</primer-input-label> <div slot=\"input\" id=\"${this.cvvContainerId}\"></div> ${V(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>p` <primer-input-error slot=\"error\"> ${this.cvvError} </primer-input-error> `)} </primer-input-wrapper> </div> `})}}"
|
|
750
812
|
},
|
|
751
813
|
{
|
|
752
814
|
"kind": "variable",
|
|
753
|
-
"name": "
|
|
754
|
-
"default": "class extends
|
|
815
|
+
"name": "Fe",
|
|
816
|
+
"default": "class extends g{constructor(){super(...arguments);this.isShowingOtherPayments=!1;this.vaultManager=null}handleExpandedChanged(e){this.isShowingOtherPayments=e.detail.expanded}render(){return this.vaultManager?.isLoading?u:!this.vaultManager||!this.vaultManager.enabled||this.vaultManager.vaultedPaymentMethods.length===0?p`<slot name=\"other-payments\"></slot>`:p` <div class=\"other-payment-methods-container\"> <primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.isShowingOtherPayments}\" .header=\"${_(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" @expanded-changed=\"${this.handleExpandedChanged}\" > <div class=\"other-payment-methods-content\"> <slot name=\"other-payments\"></slot> </div> </primer-collapsable> </div> `}}"
|
|
755
817
|
},
|
|
756
818
|
{
|
|
757
819
|
"kind": "variable",
|
|
758
|
-
"name": "
|
|
759
|
-
"default": "class extends
|
|
820
|
+
"name": "Ft",
|
|
821
|
+
"default": "class extends g{render(){return p` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"kind": "variable",
|
|
825
|
+
"name": "yt",
|
|
826
|
+
"default": "class extends g{constructor(){super(...arguments);this.sdkState=null}render(){return p` <primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state> `}}"
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"kind": "variable",
|
|
830
|
+
"name": "Be",
|
|
831
|
+
"default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?p` <primer-error-message message=\"${_(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message> `:u}}"
|
|
760
832
|
},
|
|
761
833
|
{
|
|
762
834
|
"kind": "function",
|
|
763
|
-
"name": "
|
|
835
|
+
"name": "i_"
|
|
764
836
|
}
|
|
765
837
|
],
|
|
766
838
|
"exports": [
|
|
767
839
|
{
|
|
768
840
|
"kind": "custom-element-definition",
|
|
769
|
-
"name": "
|
|
841
|
+
"name": "i",
|
|
770
842
|
"declaration": {
|
|
771
843
|
"name": "t",
|
|
772
844
|
"module": "dist/primer-loader.js"
|
|
@@ -774,17 +846,25 @@
|
|
|
774
846
|
},
|
|
775
847
|
{
|
|
776
848
|
"kind": "custom-element-definition",
|
|
777
|
-
"name": "
|
|
849
|
+
"name": "i",
|
|
778
850
|
"declaration": {
|
|
779
851
|
"name": "t",
|
|
780
852
|
"module": "dist/primer-loader.js"
|
|
781
853
|
}
|
|
782
854
|
},
|
|
855
|
+
{
|
|
856
|
+
"kind": "js",
|
|
857
|
+
"name": "AchPayment",
|
|
858
|
+
"declaration": {
|
|
859
|
+
"name": "de",
|
|
860
|
+
"module": "dist/primer-loader.js"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
783
863
|
{
|
|
784
864
|
"kind": "js",
|
|
785
865
|
"name": "Button",
|
|
786
866
|
"declaration": {
|
|
787
|
-
"name": "
|
|
867
|
+
"name": "le",
|
|
788
868
|
"module": "dist/primer-loader.js"
|
|
789
869
|
}
|
|
790
870
|
},
|
|
@@ -792,7 +872,7 @@
|
|
|
792
872
|
"kind": "js",
|
|
793
873
|
"name": "CardForm",
|
|
794
874
|
"declaration": {
|
|
795
|
-
"name": "
|
|
875
|
+
"name": "Te",
|
|
796
876
|
"module": "dist/primer-loader.js"
|
|
797
877
|
}
|
|
798
878
|
},
|
|
@@ -800,7 +880,7 @@
|
|
|
800
880
|
"kind": "js",
|
|
801
881
|
"name": "CardFormCVV",
|
|
802
882
|
"declaration": {
|
|
803
|
-
"name": "
|
|
883
|
+
"name": "ut",
|
|
804
884
|
"module": "dist/primer-loader.js"
|
|
805
885
|
}
|
|
806
886
|
},
|
|
@@ -808,7 +888,7 @@
|
|
|
808
888
|
"kind": "js",
|
|
809
889
|
"name": "CardFormCardNetworkSelector",
|
|
810
890
|
"declaration": {
|
|
811
|
-
"name": "
|
|
891
|
+
"name": "ce",
|
|
812
892
|
"module": "dist/primer-loader.js"
|
|
813
893
|
}
|
|
814
894
|
},
|
|
@@ -816,7 +896,7 @@
|
|
|
816
896
|
"kind": "js",
|
|
817
897
|
"name": "CardFormCardNumber",
|
|
818
898
|
"declaration": {
|
|
819
|
-
"name": "
|
|
899
|
+
"name": "mt",
|
|
820
900
|
"module": "dist/primer-loader.js"
|
|
821
901
|
}
|
|
822
902
|
},
|
|
@@ -824,7 +904,7 @@
|
|
|
824
904
|
"kind": "js",
|
|
825
905
|
"name": "CardFormError",
|
|
826
906
|
"declaration": {
|
|
827
|
-
"name": "
|
|
907
|
+
"name": "$e",
|
|
828
908
|
"module": "dist/primer-loader.js"
|
|
829
909
|
}
|
|
830
910
|
},
|
|
@@ -832,7 +912,7 @@
|
|
|
832
912
|
"kind": "js",
|
|
833
913
|
"name": "CardFormExpiry",
|
|
834
914
|
"declaration": {
|
|
835
|
-
"name": "
|
|
915
|
+
"name": "ht",
|
|
836
916
|
"module": "dist/primer-loader.js"
|
|
837
917
|
}
|
|
838
918
|
},
|
|
@@ -840,7 +920,7 @@
|
|
|
840
920
|
"kind": "js",
|
|
841
921
|
"name": "CardFormName",
|
|
842
922
|
"declaration": {
|
|
843
|
-
"name": "
|
|
923
|
+
"name": "gt",
|
|
844
924
|
"module": "dist/primer-loader.js"
|
|
845
925
|
}
|
|
846
926
|
},
|
|
@@ -848,7 +928,7 @@
|
|
|
848
928
|
"kind": "js",
|
|
849
929
|
"name": "CardFormSubmit",
|
|
850
930
|
"declaration": {
|
|
851
|
-
"name": "
|
|
931
|
+
"name": "pe",
|
|
852
932
|
"module": "dist/primer-loader.js"
|
|
853
933
|
}
|
|
854
934
|
},
|
|
@@ -856,7 +936,23 @@
|
|
|
856
936
|
"kind": "js",
|
|
857
937
|
"name": "Collapsable",
|
|
858
938
|
"declaration": {
|
|
859
|
-
"name": "
|
|
939
|
+
"name": "oe",
|
|
940
|
+
"module": "dist/primer-loader.js"
|
|
941
|
+
}
|
|
942
|
+
},
|
|
943
|
+
{
|
|
944
|
+
"kind": "js",
|
|
945
|
+
"name": "Dialog",
|
|
946
|
+
"declaration": {
|
|
947
|
+
"name": "ct",
|
|
948
|
+
"module": "dist/primer-loader.js"
|
|
949
|
+
}
|
|
950
|
+
},
|
|
951
|
+
{
|
|
952
|
+
"kind": "js",
|
|
953
|
+
"name": "DynamicPayment",
|
|
954
|
+
"declaration": {
|
|
955
|
+
"name": "ue",
|
|
860
956
|
"module": "dist/primer-loader.js"
|
|
861
957
|
}
|
|
862
958
|
},
|
|
@@ -864,7 +960,7 @@
|
|
|
864
960
|
"kind": "js",
|
|
865
961
|
"name": "ErrorMessage",
|
|
866
962
|
"declaration": {
|
|
867
|
-
"name": "
|
|
963
|
+
"name": "fe",
|
|
868
964
|
"module": "dist/primer-loader.js"
|
|
869
965
|
}
|
|
870
966
|
},
|
|
@@ -872,7 +968,7 @@
|
|
|
872
968
|
"kind": "js",
|
|
873
969
|
"name": "ErrorMessageContainer",
|
|
874
970
|
"declaration": {
|
|
875
|
-
"name": "
|
|
971
|
+
"name": "Be",
|
|
876
972
|
"module": "dist/primer-loader.js"
|
|
877
973
|
}
|
|
878
974
|
},
|
|
@@ -880,7 +976,7 @@
|
|
|
880
976
|
"kind": "js",
|
|
881
977
|
"name": "InitializedPayments",
|
|
882
978
|
"declaration": {
|
|
883
|
-
"name": "
|
|
979
|
+
"name": "vr",
|
|
884
980
|
"module": "dist/primer-loader.js"
|
|
885
981
|
}
|
|
886
982
|
},
|
|
@@ -888,7 +984,7 @@
|
|
|
888
984
|
"kind": "js",
|
|
889
985
|
"name": "Input",
|
|
890
986
|
"declaration": {
|
|
891
|
-
"name": "
|
|
987
|
+
"name": "U",
|
|
892
988
|
"module": "dist/primer-loader.js"
|
|
893
989
|
}
|
|
894
990
|
},
|
|
@@ -896,7 +992,7 @@
|
|
|
896
992
|
"kind": "js",
|
|
897
993
|
"name": "InputLabel",
|
|
898
994
|
"declaration": {
|
|
899
|
-
"name": "
|
|
995
|
+
"name": "De",
|
|
900
996
|
"module": "dist/primer-loader.js"
|
|
901
997
|
}
|
|
902
998
|
},
|
|
@@ -904,7 +1000,7 @@
|
|
|
904
1000
|
"kind": "js",
|
|
905
1001
|
"name": "InputWrapper",
|
|
906
1002
|
"declaration": {
|
|
907
|
-
"name": "
|
|
1003
|
+
"name": "Me",
|
|
908
1004
|
"module": "dist/primer-loader.js"
|
|
909
1005
|
}
|
|
910
1006
|
},
|
|
@@ -912,7 +1008,7 @@
|
|
|
912
1008
|
"kind": "js",
|
|
913
1009
|
"name": "NativePayment",
|
|
914
1010
|
"declaration": {
|
|
915
|
-
"name": "
|
|
1011
|
+
"name": "ke",
|
|
916
1012
|
"module": "dist/primer-loader.js"
|
|
917
1013
|
}
|
|
918
1014
|
},
|
|
@@ -920,7 +1016,15 @@
|
|
|
920
1016
|
"kind": "js",
|
|
921
1017
|
"name": "PaymentMethod",
|
|
922
1018
|
"declaration": {
|
|
923
|
-
"name": "
|
|
1019
|
+
"name": "He",
|
|
1020
|
+
"module": "dist/primer-loader.js"
|
|
1021
|
+
}
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"kind": "js",
|
|
1025
|
+
"name": "Portal",
|
|
1026
|
+
"declaration": {
|
|
1027
|
+
"name": "Qe",
|
|
924
1028
|
"module": "dist/primer-loader.js"
|
|
925
1029
|
}
|
|
926
1030
|
},
|
|
@@ -928,7 +1032,7 @@
|
|
|
928
1032
|
"kind": "js",
|
|
929
1033
|
"name": "PrimerCheckoutComplete",
|
|
930
1034
|
"declaration": {
|
|
931
|
-
"name": "
|
|
1035
|
+
"name": "Ft",
|
|
932
1036
|
"module": "dist/primer-loader.js"
|
|
933
1037
|
}
|
|
934
1038
|
},
|
|
@@ -936,7 +1040,7 @@
|
|
|
936
1040
|
"kind": "js",
|
|
937
1041
|
"name": "PrimerCheckoutComponent",
|
|
938
1042
|
"declaration": {
|
|
939
|
-
"name": "
|
|
1043
|
+
"name": "se",
|
|
940
1044
|
"module": "dist/primer-loader.js"
|
|
941
1045
|
}
|
|
942
1046
|
},
|
|
@@ -944,7 +1048,7 @@
|
|
|
944
1048
|
"kind": "js",
|
|
945
1049
|
"name": "PrimerCheckoutFailure",
|
|
946
1050
|
"declaration": {
|
|
947
|
-
"name": "
|
|
1051
|
+
"name": "yt",
|
|
948
1052
|
"module": "dist/primer-loader.js"
|
|
949
1053
|
}
|
|
950
1054
|
},
|
|
@@ -952,7 +1056,7 @@
|
|
|
952
1056
|
"kind": "js",
|
|
953
1057
|
"name": "PrimerCheckoutState",
|
|
954
1058
|
"declaration": {
|
|
955
|
-
"name": "
|
|
1059
|
+
"name": "Ve",
|
|
956
1060
|
"module": "dist/primer-loader.js"
|
|
957
1061
|
}
|
|
958
1062
|
},
|
|
@@ -960,7 +1064,7 @@
|
|
|
960
1064
|
"kind": "js",
|
|
961
1065
|
"name": "PrimerIcon",
|
|
962
1066
|
"declaration": {
|
|
963
|
-
"name": "
|
|
1067
|
+
"name": "Se",
|
|
964
1068
|
"module": "dist/primer-loader.js"
|
|
965
1069
|
}
|
|
966
1070
|
},
|
|
@@ -968,7 +1072,7 @@
|
|
|
968
1072
|
"kind": "js",
|
|
969
1073
|
"name": "PrimerKlarna",
|
|
970
1074
|
"declaration": {
|
|
971
|
-
"name": "
|
|
1075
|
+
"name": "J",
|
|
972
1076
|
"module": "dist/primer-loader.js"
|
|
973
1077
|
}
|
|
974
1078
|
},
|
|
@@ -976,7 +1080,7 @@
|
|
|
976
1080
|
"kind": "js",
|
|
977
1081
|
"name": "PrimerMain",
|
|
978
1082
|
"declaration": {
|
|
979
|
-
"name": "
|
|
1083
|
+
"name": "Ue",
|
|
980
1084
|
"module": "dist/primer-loader.js"
|
|
981
1085
|
}
|
|
982
1086
|
},
|
|
@@ -984,7 +1088,7 @@
|
|
|
984
1088
|
"kind": "js",
|
|
985
1089
|
"name": "RedirectPayment",
|
|
986
1090
|
"declaration": {
|
|
987
|
-
"name": "
|
|
1091
|
+
"name": "ve",
|
|
988
1092
|
"module": "dist/primer-loader.js"
|
|
989
1093
|
}
|
|
990
1094
|
},
|
|
@@ -992,7 +1096,7 @@
|
|
|
992
1096
|
"kind": "js",
|
|
993
1097
|
"name": "ShowOtherPayments",
|
|
994
1098
|
"declaration": {
|
|
995
|
-
"name": "
|
|
1099
|
+
"name": "Fe",
|
|
996
1100
|
"module": "dist/primer-loader.js"
|
|
997
1101
|
}
|
|
998
1102
|
},
|
|
@@ -1000,7 +1104,7 @@
|
|
|
1000
1104
|
"kind": "js",
|
|
1001
1105
|
"name": "Spinner",
|
|
1002
1106
|
"declaration": {
|
|
1003
|
-
"name": "
|
|
1107
|
+
"name": "Ae",
|
|
1004
1108
|
"module": "dist/primer-loader.js"
|
|
1005
1109
|
}
|
|
1006
1110
|
},
|
|
@@ -1008,7 +1112,7 @@
|
|
|
1008
1112
|
"kind": "js",
|
|
1009
1113
|
"name": "VaultCvvInput",
|
|
1010
1114
|
"declaration": {
|
|
1011
|
-
"name": "
|
|
1115
|
+
"name": "ee",
|
|
1012
1116
|
"module": "dist/primer-loader.js"
|
|
1013
1117
|
}
|
|
1014
1118
|
},
|
|
@@ -1016,7 +1120,7 @@
|
|
|
1016
1120
|
"kind": "js",
|
|
1017
1121
|
"name": "VaultDeleteConfirmation",
|
|
1018
1122
|
"declaration": {
|
|
1019
|
-
"name": "
|
|
1123
|
+
"name": "ye",
|
|
1020
1124
|
"module": "dist/primer-loader.js"
|
|
1021
1125
|
}
|
|
1022
1126
|
},
|
|
@@ -1024,7 +1128,7 @@
|
|
|
1024
1128
|
"kind": "js",
|
|
1025
1129
|
"name": "VaultEmptyState",
|
|
1026
1130
|
"declaration": {
|
|
1027
|
-
"name": "
|
|
1131
|
+
"name": "vt",
|
|
1028
1132
|
"module": "dist/primer-loader.js"
|
|
1029
1133
|
}
|
|
1030
1134
|
},
|
|
@@ -1032,7 +1136,7 @@
|
|
|
1032
1136
|
"kind": "js",
|
|
1033
1137
|
"name": "VaultErrorMessage",
|
|
1034
1138
|
"declaration": {
|
|
1035
|
-
"name": "
|
|
1139
|
+
"name": "et",
|
|
1036
1140
|
"module": "dist/primer-loader.js"
|
|
1037
1141
|
}
|
|
1038
1142
|
},
|
|
@@ -1040,7 +1144,7 @@
|
|
|
1040
1144
|
"kind": "js",
|
|
1041
1145
|
"name": "VaultManager",
|
|
1042
1146
|
"declaration": {
|
|
1043
|
-
"name": "
|
|
1147
|
+
"name": "he",
|
|
1044
1148
|
"module": "dist/primer-loader.js"
|
|
1045
1149
|
}
|
|
1046
1150
|
},
|
|
@@ -1048,7 +1152,7 @@
|
|
|
1048
1152
|
"kind": "js",
|
|
1049
1153
|
"name": "VaultManagerHeader",
|
|
1050
1154
|
"declaration": {
|
|
1051
|
-
"name": "
|
|
1155
|
+
"name": "ze",
|
|
1052
1156
|
"module": "dist/primer-loader.js"
|
|
1053
1157
|
}
|
|
1054
1158
|
},
|
|
@@ -1056,7 +1160,7 @@
|
|
|
1056
1160
|
"kind": "js",
|
|
1057
1161
|
"name": "VaultPaymentMethodItem",
|
|
1058
1162
|
"declaration": {
|
|
1059
|
-
"name": "
|
|
1163
|
+
"name": "ge",
|
|
1060
1164
|
"module": "dist/primer-loader.js"
|
|
1061
1165
|
}
|
|
1062
1166
|
},
|
|
@@ -1064,7 +1168,7 @@
|
|
|
1064
1168
|
"kind": "js",
|
|
1065
1169
|
"name": "VaultPaymentSubmit",
|
|
1066
1170
|
"declaration": {
|
|
1067
|
-
"name": "
|
|
1171
|
+
"name": "Q",
|
|
1068
1172
|
"module": "dist/primer-loader.js"
|
|
1069
1173
|
}
|
|
1070
1174
|
},
|
|
@@ -1072,7 +1176,7 @@
|
|
|
1072
1176
|
"kind": "js",
|
|
1073
1177
|
"name": "injectDarkTheme",
|
|
1074
1178
|
"declaration": {
|
|
1075
|
-
"name": "
|
|
1179
|
+
"name": "Kn",
|
|
1076
1180
|
"module": "dist/primer-loader.js"
|
|
1077
1181
|
}
|
|
1078
1182
|
},
|
|
@@ -1080,7 +1184,7 @@
|
|
|
1080
1184
|
"kind": "js",
|
|
1081
1185
|
"name": "injectLightTheme",
|
|
1082
1186
|
"declaration": {
|
|
1083
|
-
"name": "
|
|
1187
|
+
"name": "Bn",
|
|
1084
1188
|
"module": "dist/primer-loader.js"
|
|
1085
1189
|
}
|
|
1086
1190
|
},
|
|
@@ -1088,7 +1192,7 @@
|
|
|
1088
1192
|
"kind": "js",
|
|
1089
1193
|
"name": "injectLoaderStyles",
|
|
1090
1194
|
"declaration": {
|
|
1091
|
-
"name": "
|
|
1195
|
+
"name": "No",
|
|
1092
1196
|
"module": "dist/primer-loader.js"
|
|
1093
1197
|
}
|
|
1094
1198
|
},
|
|
@@ -1096,7 +1200,7 @@
|
|
|
1096
1200
|
"kind": "js",
|
|
1097
1201
|
"name": "injectThemeStyles",
|
|
1098
1202
|
"declaration": {
|
|
1099
|
-
"name": "
|
|
1203
|
+
"name": "Ro",
|
|
1100
1204
|
"module": "dist/primer-loader.js"
|
|
1101
1205
|
}
|
|
1102
1206
|
},
|
|
@@ -1104,7 +1208,7 @@
|
|
|
1104
1208
|
"kind": "js",
|
|
1105
1209
|
"name": "loadPrimer",
|
|
1106
1210
|
"declaration": {
|
|
1107
|
-
"name": "
|
|
1211
|
+
"name": "i_",
|
|
1108
1212
|
"module": "dist/primer-loader.js"
|
|
1109
1213
|
}
|
|
1110
1214
|
}
|
|
@@ -1529,6 +1633,14 @@
|
|
|
1529
1633
|
},
|
|
1530
1634
|
"default": "new CardNetworkController(this)"
|
|
1531
1635
|
},
|
|
1636
|
+
{
|
|
1637
|
+
"kind": "field",
|
|
1638
|
+
"name": "achPaymentEventsController",
|
|
1639
|
+
"type": {
|
|
1640
|
+
"text": "AchPaymentEventsController"
|
|
1641
|
+
},
|
|
1642
|
+
"default": "new AchPaymentEventsController(this)"
|
|
1643
|
+
},
|
|
1532
1644
|
{
|
|
1533
1645
|
"kind": "method",
|
|
1534
1646
|
"name": "checkLoadingStateChange",
|
|
@@ -1684,21 +1796,166 @@
|
|
|
1684
1796
|
}
|
|
1685
1797
|
}
|
|
1686
1798
|
]
|
|
1687
|
-
}
|
|
1688
|
-
],
|
|
1689
|
-
"attributes": [
|
|
1799
|
+
},
|
|
1690
1800
|
{
|
|
1691
|
-
"
|
|
1692
|
-
"
|
|
1693
|
-
|
|
1801
|
+
"kind": "method",
|
|
1802
|
+
"name": "removeEventListener",
|
|
1803
|
+
"return": {
|
|
1804
|
+
"type": {
|
|
1805
|
+
"text": "void"
|
|
1806
|
+
}
|
|
1694
1807
|
},
|
|
1695
|
-
"
|
|
1696
|
-
|
|
1808
|
+
"parameters": [
|
|
1809
|
+
{
|
|
1810
|
+
"name": "type",
|
|
1811
|
+
"type": {
|
|
1812
|
+
"text": "K"
|
|
1813
|
+
}
|
|
1814
|
+
},
|
|
1815
|
+
{
|
|
1816
|
+
"name": "listener",
|
|
1817
|
+
"type": {
|
|
1818
|
+
"text": "(\n this: PrimerCheckoutComponent,\n ev: HTMLElementEventMap[K],\n ) => void"
|
|
1819
|
+
}
|
|
1820
|
+
},
|
|
1821
|
+
{
|
|
1822
|
+
"name": "options",
|
|
1823
|
+
"optional": true,
|
|
1824
|
+
"type": {
|
|
1825
|
+
"text": "boolean | EventListenerOptions"
|
|
1826
|
+
}
|
|
1827
|
+
}
|
|
1828
|
+
]
|
|
1697
1829
|
},
|
|
1698
1830
|
{
|
|
1699
|
-
"
|
|
1700
|
-
"
|
|
1701
|
-
|
|
1831
|
+
"kind": "method",
|
|
1832
|
+
"name": "removeEventListener",
|
|
1833
|
+
"return": {
|
|
1834
|
+
"type": {
|
|
1835
|
+
"text": "void"
|
|
1836
|
+
}
|
|
1837
|
+
},
|
|
1838
|
+
"parameters": [
|
|
1839
|
+
{
|
|
1840
|
+
"name": "type",
|
|
1841
|
+
"type": {
|
|
1842
|
+
"text": "K"
|
|
1843
|
+
}
|
|
1844
|
+
},
|
|
1845
|
+
{
|
|
1846
|
+
"name": "listener",
|
|
1847
|
+
"type": {
|
|
1848
|
+
"text": "(\n this: PrimerCheckoutComponent,\n ev: ShadowRootEventMap[K],\n ) => void"
|
|
1849
|
+
}
|
|
1850
|
+
},
|
|
1851
|
+
{
|
|
1852
|
+
"name": "options",
|
|
1853
|
+
"optional": true,
|
|
1854
|
+
"type": {
|
|
1855
|
+
"text": "boolean | EventListenerOptions"
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1858
|
+
]
|
|
1859
|
+
},
|
|
1860
|
+
{
|
|
1861
|
+
"kind": "method",
|
|
1862
|
+
"name": "removeEventListener",
|
|
1863
|
+
"return": {
|
|
1864
|
+
"type": {
|
|
1865
|
+
"text": "void"
|
|
1866
|
+
}
|
|
1867
|
+
},
|
|
1868
|
+
"parameters": [
|
|
1869
|
+
{
|
|
1870
|
+
"name": "type",
|
|
1871
|
+
"type": {
|
|
1872
|
+
"text": "K"
|
|
1873
|
+
}
|
|
1874
|
+
},
|
|
1875
|
+
{
|
|
1876
|
+
"name": "listener",
|
|
1877
|
+
"type": {
|
|
1878
|
+
"text": "(this: PrimerCheckoutComponent, ev: DocumentEventMap[K]) => void"
|
|
1879
|
+
}
|
|
1880
|
+
},
|
|
1881
|
+
{
|
|
1882
|
+
"name": "options",
|
|
1883
|
+
"optional": true,
|
|
1884
|
+
"type": {
|
|
1885
|
+
"text": "boolean | EventListenerOptions"
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1888
|
+
]
|
|
1889
|
+
},
|
|
1890
|
+
{
|
|
1891
|
+
"kind": "method",
|
|
1892
|
+
"name": "removeEventListener",
|
|
1893
|
+
"return": {
|
|
1894
|
+
"type": {
|
|
1895
|
+
"text": "void"
|
|
1896
|
+
}
|
|
1897
|
+
},
|
|
1898
|
+
"parameters": [
|
|
1899
|
+
{
|
|
1900
|
+
"name": "type",
|
|
1901
|
+
"type": {
|
|
1902
|
+
"text": "K"
|
|
1903
|
+
}
|
|
1904
|
+
},
|
|
1905
|
+
{
|
|
1906
|
+
"name": "listener",
|
|
1907
|
+
"type": {
|
|
1908
|
+
"text": "(this: PrimerCheckoutComponent, ev: PrimerEvents[K]) => void"
|
|
1909
|
+
}
|
|
1910
|
+
},
|
|
1911
|
+
{
|
|
1912
|
+
"name": "options",
|
|
1913
|
+
"optional": true,
|
|
1914
|
+
"type": {
|
|
1915
|
+
"text": "boolean | EventListenerOptions"
|
|
1916
|
+
}
|
|
1917
|
+
}
|
|
1918
|
+
]
|
|
1919
|
+
},
|
|
1920
|
+
{
|
|
1921
|
+
"kind": "method",
|
|
1922
|
+
"name": "removeEventListener",
|
|
1923
|
+
"parameters": [
|
|
1924
|
+
{
|
|
1925
|
+
"name": "type",
|
|
1926
|
+
"type": {
|
|
1927
|
+
"text": "string"
|
|
1928
|
+
}
|
|
1929
|
+
},
|
|
1930
|
+
{
|
|
1931
|
+
"name": "listener",
|
|
1932
|
+
"type": {
|
|
1933
|
+
"text": "EventListenerOrEventListenerObject"
|
|
1934
|
+
}
|
|
1935
|
+
},
|
|
1936
|
+
{
|
|
1937
|
+
"name": "options",
|
|
1938
|
+
"optional": true,
|
|
1939
|
+
"type": {
|
|
1940
|
+
"text": "boolean | EventListenerOptions"
|
|
1941
|
+
}
|
|
1942
|
+
}
|
|
1943
|
+
]
|
|
1944
|
+
}
|
|
1945
|
+
],
|
|
1946
|
+
"attributes": [
|
|
1947
|
+
{
|
|
1948
|
+
"name": "custom-styles",
|
|
1949
|
+
"type": {
|
|
1950
|
+
"text": "string"
|
|
1951
|
+
},
|
|
1952
|
+
"default": "''",
|
|
1953
|
+
"fieldName": "customStyles"
|
|
1954
|
+
},
|
|
1955
|
+
{
|
|
1956
|
+
"name": "client-token",
|
|
1957
|
+
"type": {
|
|
1958
|
+
"text": "string"
|
|
1702
1959
|
},
|
|
1703
1960
|
"default": "''",
|
|
1704
1961
|
"fieldName": "clientToken"
|
|
@@ -4132,6 +4389,22 @@
|
|
|
4132
4389
|
"name": "*",
|
|
4133
4390
|
"package": "./error-message/error-message"
|
|
4134
4391
|
}
|
|
4392
|
+
},
|
|
4393
|
+
{
|
|
4394
|
+
"kind": "js",
|
|
4395
|
+
"name": "*",
|
|
4396
|
+
"declaration": {
|
|
4397
|
+
"name": "*",
|
|
4398
|
+
"package": "./portal/portal"
|
|
4399
|
+
}
|
|
4400
|
+
},
|
|
4401
|
+
{
|
|
4402
|
+
"kind": "js",
|
|
4403
|
+
"name": "*",
|
|
4404
|
+
"declaration": {
|
|
4405
|
+
"name": "*",
|
|
4406
|
+
"package": "./dialog/dialog"
|
|
4407
|
+
}
|
|
4135
4408
|
}
|
|
4136
4409
|
]
|
|
4137
4410
|
},
|
|
@@ -4164,6 +4437,22 @@
|
|
|
4164
4437
|
"package": "./payment-method/payment-method"
|
|
4165
4438
|
}
|
|
4166
4439
|
},
|
|
4440
|
+
{
|
|
4441
|
+
"kind": "js",
|
|
4442
|
+
"name": "*",
|
|
4443
|
+
"declaration": {
|
|
4444
|
+
"name": "*",
|
|
4445
|
+
"package": "./ach-payment/ach-payment"
|
|
4446
|
+
}
|
|
4447
|
+
},
|
|
4448
|
+
{
|
|
4449
|
+
"kind": "js",
|
|
4450
|
+
"name": "*",
|
|
4451
|
+
"declaration": {
|
|
4452
|
+
"name": "*",
|
|
4453
|
+
"package": "./dynamic-payment/dynamic-payment"
|
|
4454
|
+
}
|
|
4455
|
+
},
|
|
4167
4456
|
{
|
|
4168
4457
|
"kind": "js",
|
|
4169
4458
|
"name": "*",
|
|
@@ -5723,13 +6012,13 @@
|
|
|
5723
6012
|
{
|
|
5724
6013
|
"kind": "variable",
|
|
5725
6014
|
"name": "lightThemeCSS",
|
|
5726
|
-
"default": "`/** * Do not edit directly, this file was auto-generated. */ primer-checkout { --primer-color-background-transparent-default: rgba(255, 255, 255, 0); --primer-color-border-transparent-default: rgba(255, 255, 255, 0); --primer-color-gray-100: #f5f5f5; --primer-color-gray-200: #eeeeee; --primer-color-gray-300: #e0e0e0; --primer-color-gray-400: #bdbdbd; --primer-color-gray-500: #9e9e9e; --primer-color-gray-600: #757575; --primer-color-gray-900: #212121; --primer-color-gray-000: #ffffff; --primer-color-brand: #2f98ff; --primer-color-red-100: #ffecec; --primer-color-red-500: #ff7279; --primer-color-red-900: #b4324b; --primer-color-blue-500: #399dff; --primer-color-blue-900: #2270f4; --primer-radius-base: 4px; --primer-typography-brand: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif; --primer-typography-title-xlarge-letter-spacing: -0.6px; --primer-typography-title-xlarge-weight: 550; --primer-typography-title-xlarge-size: 24px; --primer-typography-title-xlarge-line-height: 32px; --primer-typography-title-large-letter-spacing: -0.2px; --primer-typography-title-large-weight: 550; --primer-typography-title-large-size: 16px; --primer-typography-title-large-line-height: 20px; --primer-typography-body-large-letter-spacing: -0.2px; --primer-typography-body-large-weight: 400; --primer-typography-body-large-size: 16px; --primer-typography-body-large-line-height: 20px; --primer-typography-body-medium-letter-spacing: 0px; --primer-typography-body-medium-weight: 400; --primer-typography-body-medium-size: 14px; --primer-typography-body-medium-line-height: 20px; --primer-typography-body-small-letter-spacing: 0px; --primer-typography-body-small-weight: 400; --primer-typography-body-small-size: 12px; --primer-typography-body-small-line-height: 16px; --primer-space-base: 4px; --primer-size-base: 4px; --primer-animation-duration: 200ms; --primer-animation-easing: cubic-bezier(0.44, 0, 0.4, 1); --primer-color-background-outlined-default: var(--primer-color-gray-000); --primer-color-background-outlined-disabled: var(--primer-color-gray-100); --primer-color-background-transparent-hover: var(--primer-color-gray-100); --primer-color-background-transparent-active: var(--primer-color-gray-200); --primer-color-background-transparent-loading: var(--primer-color-gray-100); --primer-color-background-transparent-focus: var(--primer-color-background-transparent-default); --primer-color-background-transparent-disabled: var(--primer-color-gray-100); --primer-color-background-transparent-selected: var(--primer-color-gray-100); --primer-color-text-primary: var(--primer-color-gray-900); --primer-color-text-placeholder: var(--primer-color-gray-500); --primer-color-text-disabled: var(--primer-color-gray-400); --primer-color-text-negative: var(--primer-color-red-900); --primer-color-text-link: var(--primer-color-blue-900); --primer-color-text-secondary: var(--primer-color-gray-600); --primer-color-border-outlined-default: var(--primer-color-gray-300); --primer-color-border-outlined-hover: var(--primer-color-gray-400); --primer-color-border-outlined-active: var(--primer-color-gray-500); --primer-color-border-outlined-disabled: var(--primer-color-gray-200); --primer-color-border-outlined-loading: var(--primer-color-gray-200); --primer-color-border-outlined-selected: var(--primer-color-brand); --primer-color-border-outlined-error: var(--primer-color-red-500); --primer-color-border-transparent-hover: var(--primer-color-border-transparent-default); --primer-color-border-transparent-active: var(--primer-color-border-transparent-default); --primer-color-border-transparent-disabled: var(--primer-color-border-transparent-default); --primer-color-border-transparent-selected: var(--primer-color-border-transparent-default); --primer-color-icon-primary: var(--primer-color-gray-900); --primer-color-icon-disabled: var(--primer-color-gray-400); --primer-color-icon-negative: var(--primer-color-red-500); --primer-color-focus: var(--primer-color-brand); --primer-color-loader: var(--primer-color-brand); --primer-radius-medium: 8px; --primer-radius-small: 4px; --primer-radius-large: 12px; --primer-radius-xsmall: 2px; --primer-typography-title-xlarge-font: var(--primer-typography-brand); --primer-typography-title-large-font: var(--primer-typography-brand); --primer-typography-body-large-font: var(--primer-typography-brand); --primer-typography-body-medium-font: var(--primer-typography-brand); --primer-typography-body-small-font: var(--primer-typography-brand); --primer-space-xxsmall: 2px; --primer-space-xsmall: 4px; --primer-space-small: 8px; --primer-space-medium: 12px; --primer-space-large: 16px; --primer-space-xlarge: 20px; --primer-size-small: 16px; --primer-size-medium: 20px; --primer-size-large: 24px; --primer-size-xlarge: 32px; --primer-size-xxlarge: 40px; --primer-size-xxxlarge: 56px; --primer-color-background-outlined-focus: var(--primer-color-background-outlined-default); --primer-color-background-outlined-loading: var(--primer-color-background-outlined-disabled); --primer-color-background-outlined-active: var(--primer-color-background-outlined-default); --primer-color-background-outlined-hover: var(--primer-color-background-outlined-default); --primer-color-background-outlined-selected: var(--primer-color-background-outlined-default); --primer-color-background-outlined-error: var(--primer-color-background-outlined-default); --primer-color-border-outlined-focus: var(--primer-color-focus); --primer-color-border-transparent-focus: var(--primer-color-focus); --primer-color-border-transparent-loading: var(--primer-color-border-transparent-disabled); } `",
|
|
6015
|
+
"default": "`/** * Do not edit directly, this file was auto-generated. */ :root, primer-checkout { --primer-color-background-transparent-default: rgba(255, 255, 255, 0); --primer-color-border-transparent-default: rgba(255, 255, 255, 0); --primer-color-gray-100: #f5f5f5; --primer-color-gray-200: #eeeeee; --primer-color-gray-300: #e0e0e0; --primer-color-gray-400: #bdbdbd; --primer-color-gray-500: #9e9e9e; --primer-color-gray-600: #757575; --primer-color-gray-900: #212121; --primer-color-gray-000: #ffffff; --primer-color-brand: #2f98ff; --primer-color-red-100: #ffecec; --primer-color-red-500: #ff7279; --primer-color-red-900: #b4324b; --primer-color-blue-500: #399dff; --primer-color-blue-900: #2270f4; --primer-radius-base: 4px; --primer-typography-brand: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif; --primer-typography-title-xlarge-letter-spacing: -0.6px; --primer-typography-title-xlarge-weight: 550; --primer-typography-title-xlarge-size: 24px; --primer-typography-title-xlarge-line-height: 32px; --primer-typography-title-large-letter-spacing: -0.2px; --primer-typography-title-large-weight: 550; --primer-typography-title-large-size: 16px; --primer-typography-title-large-line-height: 20px; --primer-typography-body-large-letter-spacing: -0.2px; --primer-typography-body-large-weight: 400; --primer-typography-body-large-size: 16px; --primer-typography-body-large-line-height: 20px; --primer-typography-body-medium-letter-spacing: 0px; --primer-typography-body-medium-weight: 400; --primer-typography-body-medium-size: 14px; --primer-typography-body-medium-line-height: 20px; --primer-typography-body-small-letter-spacing: 0px; --primer-typography-body-small-weight: 400; --primer-typography-body-small-size: 12px; --primer-typography-body-small-line-height: 16px; --primer-space-base: 4px; --primer-size-base: 4px; --primer-animation-duration: 200ms; --primer-animation-easing: cubic-bezier(0.44, 0, 0.4, 1); --primer-color-background-outlined-default: var(--primer-color-gray-000); --primer-color-background-outlined-disabled: var(--primer-color-gray-100); --primer-color-background-transparent-hover: var(--primer-color-gray-100); --primer-color-background-transparent-active: var(--primer-color-gray-200); --primer-color-background-transparent-loading: var(--primer-color-gray-100); --primer-color-background-transparent-focus: var(--primer-color-background-transparent-default); --primer-color-background-transparent-disabled: var(--primer-color-gray-100); --primer-color-background-transparent-selected: var(--primer-color-gray-100); --primer-color-text-primary: var(--primer-color-gray-900); --primer-color-text-placeholder: var(--primer-color-gray-500); --primer-color-text-disabled: var(--primer-color-gray-400); --primer-color-text-negative: var(--primer-color-red-900); --primer-color-text-link: var(--primer-color-blue-900); --primer-color-text-secondary: var(--primer-color-gray-600); --primer-color-border-outlined-default: var(--primer-color-gray-300); --primer-color-border-outlined-hover: var(--primer-color-gray-400); --primer-color-border-outlined-active: var(--primer-color-gray-500); --primer-color-border-outlined-disabled: var(--primer-color-gray-200); --primer-color-border-outlined-loading: var(--primer-color-gray-200); --primer-color-border-outlined-selected: var(--primer-color-brand); --primer-color-border-outlined-error: var(--primer-color-red-500); --primer-color-border-transparent-hover: var(--primer-color-border-transparent-default); --primer-color-border-transparent-active: var(--primer-color-border-transparent-default); --primer-color-border-transparent-disabled: var(--primer-color-border-transparent-default); --primer-color-border-transparent-selected: var(--primer-color-border-transparent-default); --primer-color-icon-primary: var(--primer-color-gray-900); --primer-color-icon-disabled: var(--primer-color-gray-400); --primer-color-icon-negative: var(--primer-color-red-500); --primer-color-focus: var(--primer-color-brand); --primer-color-loader: var(--primer-color-brand); --primer-radius-medium: 8px; --primer-radius-small: 4px; --primer-radius-large: 12px; --primer-radius-xsmall: 2px; --primer-typography-title-xlarge-font: var(--primer-typography-brand); --primer-typography-title-large-font: var(--primer-typography-brand); --primer-typography-body-large-font: var(--primer-typography-brand); --primer-typography-body-medium-font: var(--primer-typography-brand); --primer-typography-body-small-font: var(--primer-typography-brand); --primer-space-xxsmall: 2px; --primer-space-xsmall: 4px; --primer-space-small: 8px; --primer-space-medium: 12px; --primer-space-large: 16px; --primer-space-xlarge: 20px; --primer-size-small: 16px; --primer-size-medium: 20px; --primer-size-large: 24px; --primer-size-xlarge: 32px; --primer-size-xxlarge: 40px; --primer-size-xxxlarge: 56px; --primer-color-background-outlined-focus: var(--primer-color-background-outlined-default); --primer-color-background-outlined-loading: var(--primer-color-background-outlined-disabled); --primer-color-background-outlined-active: var(--primer-color-background-outlined-default); --primer-color-background-outlined-hover: var(--primer-color-background-outlined-default); --primer-color-background-outlined-selected: var(--primer-color-background-outlined-default); --primer-color-background-outlined-error: var(--primer-color-background-outlined-default); --primer-color-border-outlined-focus: var(--primer-color-focus); --primer-color-border-transparent-focus: var(--primer-color-focus); --primer-color-border-transparent-loading: var(--primer-color-border-transparent-disabled); } `",
|
|
5727
6016
|
"description": "Light theme CSS variables"
|
|
5728
6017
|
},
|
|
5729
6018
|
{
|
|
5730
6019
|
"kind": "variable",
|
|
5731
6020
|
"name": "darkThemeCSS",
|
|
5732
|
-
"default": "`/** * Do not edit directly, this file was auto-generated. */ primer-checkout.primer-dark-theme { --primer-color-gray-100: #292929; --primer-color-gray-200: #424242; --primer-color-gray-300: #575757; --primer-color-gray-400: #858585; --primer-color-gray-500: #767577; --primer-color-gray-600: #c7c7c7; --primer-color-gray-900: #efefef; --primer-color-gray-000: #171619; --primer-color-brand: #2f98ff; --primer-color-red-100: #321c20; --primer-color-red-500: #e46d70; --primer-color-red-900: #f6bfbf; --primer-color-blue-500: #3f93e4; --primer-color-blue-900: #4aaeff; } `",
|
|
6021
|
+
"default": "`/** * Do not edit directly, this file was auto-generated. */ :root, primer-checkout.primer-dark-theme { --primer-color-gray-100: #292929; --primer-color-gray-200: #424242; --primer-color-gray-300: #575757; --primer-color-gray-400: #858585; --primer-color-gray-500: #767577; --primer-color-gray-600: #c7c7c7; --primer-color-gray-900: #efefef; --primer-color-gray-000: #171619; --primer-color-brand: #2f98ff; --primer-color-red-100: #321c20; --primer-color-red-500: #e46d70; --primer-color-red-900: #f6bfbf; --primer-color-blue-500: #3f93e4; --primer-color-blue-900: #4aaeff; } `",
|
|
5733
6022
|
"description": "Dark theme CSS variables"
|
|
5734
6023
|
}
|
|
5735
6024
|
],
|
|
@@ -6059,6 +6348,14 @@
|
|
|
6059
6348
|
"module": "src/types/sdk.ts"
|
|
6060
6349
|
}
|
|
6061
6350
|
},
|
|
6351
|
+
{
|
|
6352
|
+
"kind": "js",
|
|
6353
|
+
"name": "StripeAchCustomerDetails",
|
|
6354
|
+
"declaration": {
|
|
6355
|
+
"name": "StripeAchCustomerDetails",
|
|
6356
|
+
"module": "src/types/sdk.ts"
|
|
6357
|
+
}
|
|
6358
|
+
},
|
|
6062
6359
|
{
|
|
6063
6360
|
"kind": "js",
|
|
6064
6361
|
"name": "Validation",
|
|
@@ -6568,6 +6865,39 @@
|
|
|
6568
6865
|
}
|
|
6569
6866
|
]
|
|
6570
6867
|
},
|
|
6868
|
+
{
|
|
6869
|
+
"kind": "javascript-module",
|
|
6870
|
+
"path": "src/utils/toCamelCase.ts",
|
|
6871
|
+
"declarations": [
|
|
6872
|
+
{
|
|
6873
|
+
"kind": "function",
|
|
6874
|
+
"name": "toCamelCase",
|
|
6875
|
+
"return": {
|
|
6876
|
+
"type": {
|
|
6877
|
+
"text": "string"
|
|
6878
|
+
}
|
|
6879
|
+
},
|
|
6880
|
+
"parameters": [
|
|
6881
|
+
{
|
|
6882
|
+
"name": "str",
|
|
6883
|
+
"type": {
|
|
6884
|
+
"text": "string"
|
|
6885
|
+
}
|
|
6886
|
+
}
|
|
6887
|
+
]
|
|
6888
|
+
}
|
|
6889
|
+
],
|
|
6890
|
+
"exports": [
|
|
6891
|
+
{
|
|
6892
|
+
"kind": "js",
|
|
6893
|
+
"name": "default",
|
|
6894
|
+
"declaration": {
|
|
6895
|
+
"name": "toCamelCase",
|
|
6896
|
+
"module": "src/utils/toCamelCase.ts"
|
|
6897
|
+
}
|
|
6898
|
+
}
|
|
6899
|
+
]
|
|
6900
|
+
},
|
|
6571
6901
|
{
|
|
6572
6902
|
"kind": "javascript-module",
|
|
6573
6903
|
"path": "src/atoms/button/button.component.ts",
|
|
@@ -7147,6 +7477,85 @@
|
|
|
7147
7477
|
}
|
|
7148
7478
|
]
|
|
7149
7479
|
},
|
|
7480
|
+
{
|
|
7481
|
+
"kind": "javascript-module",
|
|
7482
|
+
"path": "src/atoms/dialog/dialog.component.ts",
|
|
7483
|
+
"declarations": [
|
|
7484
|
+
{
|
|
7485
|
+
"kind": "class",
|
|
7486
|
+
"description": "",
|
|
7487
|
+
"name": "DialogComponent",
|
|
7488
|
+
"members": [
|
|
7489
|
+
{
|
|
7490
|
+
"kind": "method",
|
|
7491
|
+
"name": "_handleCloseClick",
|
|
7492
|
+
"privacy": "private"
|
|
7493
|
+
}
|
|
7494
|
+
],
|
|
7495
|
+
"events": [
|
|
7496
|
+
{
|
|
7497
|
+
"name": "primer-dialog-close",
|
|
7498
|
+
"type": {
|
|
7499
|
+
"text": "CustomEvent"
|
|
7500
|
+
}
|
|
7501
|
+
}
|
|
7502
|
+
],
|
|
7503
|
+
"superclass": {
|
|
7504
|
+
"name": "LitElement",
|
|
7505
|
+
"package": "lit"
|
|
7506
|
+
},
|
|
7507
|
+
"tagName": "primer-dialog",
|
|
7508
|
+
"customElement": true
|
|
7509
|
+
}
|
|
7510
|
+
],
|
|
7511
|
+
"exports": [
|
|
7512
|
+
{
|
|
7513
|
+
"kind": "js",
|
|
7514
|
+
"name": "DialogComponent",
|
|
7515
|
+
"declaration": {
|
|
7516
|
+
"name": "DialogComponent",
|
|
7517
|
+
"module": "src/atoms/dialog/dialog.component.ts"
|
|
7518
|
+
}
|
|
7519
|
+
},
|
|
7520
|
+
{
|
|
7521
|
+
"kind": "custom-element-definition",
|
|
7522
|
+
"name": "primer-dialog",
|
|
7523
|
+
"declaration": {
|
|
7524
|
+
"name": "DialogComponent",
|
|
7525
|
+
"module": "src/atoms/dialog/dialog.component.ts"
|
|
7526
|
+
}
|
|
7527
|
+
}
|
|
7528
|
+
]
|
|
7529
|
+
},
|
|
7530
|
+
{
|
|
7531
|
+
"kind": "javascript-module",
|
|
7532
|
+
"path": "src/atoms/dialog/dialog.styles.ts",
|
|
7533
|
+
"declarations": [],
|
|
7534
|
+
"exports": [
|
|
7535
|
+
{
|
|
7536
|
+
"kind": "js",
|
|
7537
|
+
"name": "default",
|
|
7538
|
+
"declaration": {
|
|
7539
|
+
"module": "src/atoms/dialog/dialog.styles.ts"
|
|
7540
|
+
}
|
|
7541
|
+
}
|
|
7542
|
+
]
|
|
7543
|
+
},
|
|
7544
|
+
{
|
|
7545
|
+
"kind": "javascript-module",
|
|
7546
|
+
"path": "src/atoms/dialog/dialog.ts",
|
|
7547
|
+
"declarations": [],
|
|
7548
|
+
"exports": [
|
|
7549
|
+
{
|
|
7550
|
+
"kind": "js",
|
|
7551
|
+
"name": "Dialog",
|
|
7552
|
+
"declaration": {
|
|
7553
|
+
"name": "DialogComponent",
|
|
7554
|
+
"module": "src/atoms/dialog/dialog.ts"
|
|
7555
|
+
}
|
|
7556
|
+
}
|
|
7557
|
+
]
|
|
7558
|
+
},
|
|
7150
7559
|
{
|
|
7151
7560
|
"kind": "javascript-module",
|
|
7152
7561
|
"path": "src/atoms/error-message/error-message.component.ts",
|
|
@@ -7439,7 +7848,7 @@
|
|
|
7439
7848
|
"type": {
|
|
7440
7849
|
"text": "Record<string, SVGTemplateResult>"
|
|
7441
7850
|
},
|
|
7442
|
-
"default": "{ 'pencil': svg` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M12.3292 1.82659C12.142 1.63935 11.8779 1.53418 11.6028 1.53418C11.3277 1.53418 11.0636 1.63935 10.8764 1.82659L2.92969 9.77325V13.0666H6.22306L14.1698 5.11992C14.357 4.93268 14.4622 4.66859 14.4622 4.39352C14.4622 4.11844 14.357 3.85435 14.1698 3.66711L12.3292 1.82659ZM5.77375 11.7333H4.26302V10.2225L10.8764 3.60919L12.3871 5.11992L5.77375 11.7333Z\" fill=\"currentColor\"/> </svg> `, 'trash': svg` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M13.8333 2.99992H11.5V2.49992C11.5 2.05789 11.3244 1.63397 11.0118 1.32141C10.6993 1.00885 10.2754 0.833252 9.83333 0.833252H6.16667C5.72464 0.833252 5.30072 1.00885 4.98816 1.32141C4.67559 1.63397 4.5 2.05789 4.5 2.49992V2.99992H2.16667C1.98986 2.99992 1.82029 3.07015 1.69526 3.19518C1.57024 3.32021 1.5 3.48978 1.5 3.66659C1.5 3.8434 1.57024 4.01297 1.69526 4.138C1.82029 4.26302 1.98986 4.33326 2.16667 4.33326H2.83333V12.4999C2.83333 12.942 3.00893 13.3659 3.32149 13.6784C3.63405 13.991 4.05797 14.1666 4.5 14.1666H11.5C11.942 14.1666 12.3659 13.991 12.6785 13.6784C12.9911 13.3659 13.1667 12.942 13.1667 12.4999V4.33326H13.8333C14.0101 4.33326 14.1797 4.26302 14.3047 4.138C14.4298 4.01297 14.5 3.8434 14.5 3.66659C14.5 3.48978 14.4298 3.32021 14.3047 3.19518C14.1797 3.07015 14.0101 2.99992 13.8333 2.99992ZM5.83333 2.49992C5.83333 2.32311 5.90357 2.15354 6.0286 2.02851C6.15362 1.90349 6.32319 1.83325 6.5 1.83325H9.5C9.67681 1.83325 9.84638 1.90349 9.9714 2.02851C10.0964 2.15354 10.1667 2.32311 10.1667 2.49992V2.99992H5.83333V2.49992ZM11.8333 12.4999C11.8333 12.6767 11.7631 12.8463 11.6381 12.9713C11.513 13.0964 11.3435 13.1666 11.1667 13.1666H4.83333C4.65652 13.1666 4.48695 13.0964 4.36193 12.9713C4.2369 12.8463 4.16667 12.6767 4.16667 12.4999V4.33326H11.8333V12.4999Z\" fill=\"currentColor\"/> <path d=\"M6.5 10.9999C6.67681 10.9999 6.84638 10.9297 6.9714 10.8047C7.09643 10.6796 7.16667 10.5101 7.16667 10.3333V7.33325C7.16667 7.15644 7.09643 6.98687 6.9714 6.86184C6.84638 6.73682 6.67681 6.66658 6.5 6.66658C6.32319 6.66658 6.15362 6.73682 6.0286 6.86184C5.90357 6.98687 5.83333 7.15644 5.83333 7.33325V10.3333C5.83333 10.5101 5.90357 10.6796 6.0286 10.8047C6.15362 10.9297 6.32319 10.9999 6.5 10.9999Z\" fill=\"currentColor\"/> <path d=\"M9.5 10.9999C9.67681 10.9999 9.84638 10.9297 9.9714 10.8047C10.0964 10.6796 10.1667 10.5101 10.1667 10.3333V7.33325C10.1667 7.15644 10.0964 6.98687 9.9714 6.86184C9.84638 6.73682 9.67681 6.66658 9.5 6.66658C9.32319 6.66658 9.15362 6.73682 9.0286 6.86184C8.90357 6.98687 8.83333 7.15644 8.83333 7.33325V10.3333C8.83333 10.5101 8.90357 10.6796 9.0286 10.8047C9.15362 10.9297 9.32319 10.9999 9.5 10.9999Z\" fill=\"currentColor\"/> </svg> `, 'successful-check': svg` <svg viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <g id=\"icon/check-circle-large\"> <path id=\"vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.1762 29.5746L24.8429 34.2413C25.295 34.7007 26.0387 34.7007 26.4908 34.2413L35.8241 24.9079C36.2835 24.4559 36.2835 23.7121 35.8241 23.26C35.372 22.8007 34.6283 22.8007 34.1762 23.26L25.6668 31.7694L21.8241 27.9267C21.372 27.4673 20.6283 27.4673 20.1762 27.9267C19.7168 28.3788 19.7168 29.1225 20.1762 29.5746ZM28.0002 47.4173C38.3106 47.4173 46.6668 39.0611 46.6668 28.7507C46.6668 18.4402 38.3106 10.084 28.0002 10.084C17.6897 10.084 9.3335 18.4402 9.3335 28.7507C9.3335 39.0611 17.6897 47.4173 28.0002 47.4173Z\" /> </g> </svg> `, 'failure-icon': svg` <svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.0008 23.3333C20.4614 23.3333 20.7873 22.9606 20.7873 22.5V15C20.7873 14.5394 20.4146 14.1666 20.0008 14.1666C19.587 14.1666 19.1675 14.5416 19.1675 15V22.5C19.1675 22.9583 19.5425 23.3333 20.0008 23.3333ZM32.9331 27.3594L22.5269 9.75935C22.0008 8.86821 21.0529 8.33488 20.0008 8.33331C18.9487 8.33331 18.006 8.8656 17.4748 9.75831L7.06331 27.3625C6.53987 28.2463 6.53206 29.3073 7.04134 30.201C7.568 31.1198 8.51904 31.6666 9.58935 31.6666H30.4175C31.4857 31.6666 32.4357 31.1182 32.9597 30.1995C33.4696 29.3073 33.4591 28.2448 32.9331 27.3594ZM18.7977 26.6666C18.7977 25.976 19.3107 25.4166 20.0008 25.4166C20.6935 25.4166 21.2508 25.9739 21.2039 26.6666C21.2039 27.3568 20.6909 27.9166 20.0008 27.9166C19.3576 27.9166 18.7977 27.3568 18.7977 26.6666Z\" /> </svg> `, 'payment-card': svg` <svg width=\"28\" height=\"21\" viewBox=\"0 0 28 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <rect y=\"0.748047\" width=\"28\" height=\"20\" rx=\"2\" fill=\"#E0E0E0\"/> <rect y=\"6.74805\" width=\"28\" height=\"4\" fill=\"#212121\"/> <rect x=\"19\" y=\"13.748\" width=\"6\" height=\"4\" rx=\"0.933333\" fill=\"white\"/> </svg> `, 'chevron-down': svg` <svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M4.41978 4.90118C4.32079 5.02361 4.16188 5.08353 4.00037 5.08353C3.83887 5.08353 3.67996 5.02361 3.55753 4.90118L0.63995 1.9836C0.395733 1.73939 0.395733 1.34382 0.63995 1.09947C0.884167 0.855124 1.27973 0.855254 1.52408 1.09947L4.00037 3.57524L6.47589 1.09973C6.72011 0.855515 7.11567 0.855515 7.36002 1.09973C7.60437 1.34395 7.60424 1.73952 7.36002 1.98386L4.41978 4.90118Z\" fill=\"#212121\"/> </svg>`, 'checkmark': svg` <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15.6326 6.12193C15.8983 6.3668 15.8983 6.76276 15.6326 6.98418L8.75546 13.8613C8.53404 14.127 8.13808 14.127 7.89321 13.8613L4.35119 10.3186C4.10706 10.0971 4.10706 9.70118 4.35119 9.45631C4.59531 9.21404 4.99126 9.21404 5.23535 9.45631L8.33606 12.5588L14.7704 6.12193C15.0152 5.87863 15.4112 5.87863 15.6326 6.12193Z\" fill=\"#212121\"/> </svg> `, }"
|
|
7851
|
+
"default": "{ 'pencil': svg` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M12.3292 1.82659C12.142 1.63935 11.8779 1.53418 11.6028 1.53418C11.3277 1.53418 11.0636 1.63935 10.8764 1.82659L2.92969 9.77325V13.0666H6.22306L14.1698 5.11992C14.357 4.93268 14.4622 4.66859 14.4622 4.39352C14.4622 4.11844 14.357 3.85435 14.1698 3.66711L12.3292 1.82659ZM5.77375 11.7333H4.26302V10.2225L10.8764 3.60919L12.3871 5.11992L5.77375 11.7333Z\" fill=\"currentColor\"/> </svg> `, 'trash': svg` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M13.8333 2.99992H11.5V2.49992C11.5 2.05789 11.3244 1.63397 11.0118 1.32141C10.6993 1.00885 10.2754 0.833252 9.83333 0.833252H6.16667C5.72464 0.833252 5.30072 1.00885 4.98816 1.32141C4.67559 1.63397 4.5 2.05789 4.5 2.49992V2.99992H2.16667C1.98986 2.99992 1.82029 3.07015 1.69526 3.19518C1.57024 3.32021 1.5 3.48978 1.5 3.66659C1.5 3.8434 1.57024 4.01297 1.69526 4.138C1.82029 4.26302 1.98986 4.33326 2.16667 4.33326H2.83333V12.4999C2.83333 12.942 3.00893 13.3659 3.32149 13.6784C3.63405 13.991 4.05797 14.1666 4.5 14.1666H11.5C11.942 14.1666 12.3659 13.991 12.6785 13.6784C12.9911 13.3659 13.1667 12.942 13.1667 12.4999V4.33326H13.8333C14.0101 4.33326 14.1797 4.26302 14.3047 4.138C14.4298 4.01297 14.5 3.8434 14.5 3.66659C14.5 3.48978 14.4298 3.32021 14.3047 3.19518C14.1797 3.07015 14.0101 2.99992 13.8333 2.99992ZM5.83333 2.49992C5.83333 2.32311 5.90357 2.15354 6.0286 2.02851C6.15362 1.90349 6.32319 1.83325 6.5 1.83325H9.5C9.67681 1.83325 9.84638 1.90349 9.9714 2.02851C10.0964 2.15354 10.1667 2.32311 10.1667 2.49992V2.99992H5.83333V2.49992ZM11.8333 12.4999C11.8333 12.6767 11.7631 12.8463 11.6381 12.9713C11.513 13.0964 11.3435 13.1666 11.1667 13.1666H4.83333C4.65652 13.1666 4.48695 13.0964 4.36193 12.9713C4.2369 12.8463 4.16667 12.6767 4.16667 12.4999V4.33326H11.8333V12.4999Z\" fill=\"currentColor\"/> <path d=\"M6.5 10.9999C6.67681 10.9999 6.84638 10.9297 6.9714 10.8047C7.09643 10.6796 7.16667 10.5101 7.16667 10.3333V7.33325C7.16667 7.15644 7.09643 6.98687 6.9714 6.86184C6.84638 6.73682 6.67681 6.66658 6.5 6.66658C6.32319 6.66658 6.15362 6.73682 6.0286 6.86184C5.90357 6.98687 5.83333 7.15644 5.83333 7.33325V10.3333C5.83333 10.5101 5.90357 10.6796 6.0286 10.8047C6.15362 10.9297 6.32319 10.9999 6.5 10.9999Z\" fill=\"currentColor\"/> <path d=\"M9.5 10.9999C9.67681 10.9999 9.84638 10.9297 9.9714 10.8047C10.0964 10.6796 10.1667 10.5101 10.1667 10.3333V7.33325C10.1667 7.15644 10.0964 6.98687 9.9714 6.86184C9.84638 6.73682 9.67681 6.66658 9.5 6.66658C9.32319 6.66658 9.15362 6.73682 9.0286 6.86184C8.90357 6.98687 8.83333 7.15644 8.83333 7.33325V10.3333C8.83333 10.5101 8.90357 10.6796 9.0286 10.8047C9.15362 10.9297 9.32319 10.9999 9.5 10.9999Z\" fill=\"currentColor\"/> </svg> `, 'successful-check': svg` <svg viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <g id=\"icon/check-circle-large\"> <path id=\"vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.1762 29.5746L24.8429 34.2413C25.295 34.7007 26.0387 34.7007 26.4908 34.2413L35.8241 24.9079C36.2835 24.4559 36.2835 23.7121 35.8241 23.26C35.372 22.8007 34.6283 22.8007 34.1762 23.26L25.6668 31.7694L21.8241 27.9267C21.372 27.4673 20.6283 27.4673 20.1762 27.9267C19.7168 28.3788 19.7168 29.1225 20.1762 29.5746ZM28.0002 47.4173C38.3106 47.4173 46.6668 39.0611 46.6668 28.7507C46.6668 18.4402 38.3106 10.084 28.0002 10.084C17.6897 10.084 9.3335 18.4402 9.3335 28.7507C9.3335 39.0611 17.6897 47.4173 28.0002 47.4173Z\" /> </g> </svg> `, 'failure-icon': svg` <svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.0008 23.3333C20.4614 23.3333 20.7873 22.9606 20.7873 22.5V15C20.7873 14.5394 20.4146 14.1666 20.0008 14.1666C19.587 14.1666 19.1675 14.5416 19.1675 15V22.5C19.1675 22.9583 19.5425 23.3333 20.0008 23.3333ZM32.9331 27.3594L22.5269 9.75935C22.0008 8.86821 21.0529 8.33488 20.0008 8.33331C18.9487 8.33331 18.006 8.8656 17.4748 9.75831L7.06331 27.3625C6.53987 28.2463 6.53206 29.3073 7.04134 30.201C7.568 31.1198 8.51904 31.6666 9.58935 31.6666H30.4175C31.4857 31.6666 32.4357 31.1182 32.9597 30.1995C33.4696 29.3073 33.4591 28.2448 32.9331 27.3594ZM18.7977 26.6666C18.7977 25.976 19.3107 25.4166 20.0008 25.4166C20.6935 25.4166 21.2508 25.9739 21.2039 26.6666C21.2039 27.3568 20.6909 27.9166 20.0008 27.9166C19.3576 27.9166 18.7977 27.3568 18.7977 26.6666Z\" /> </svg> `, 'payment-card': svg` <svg width=\"28\" height=\"21\" viewBox=\"0 0 28 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <rect y=\"0.748047\" width=\"28\" height=\"20\" rx=\"2\" fill=\"#E0E0E0\"/> <rect y=\"6.74805\" width=\"28\" height=\"4\" fill=\"#212121\"/> <rect x=\"19\" y=\"13.748\" width=\"6\" height=\"4\" rx=\"0.933333\" fill=\"white\"/> </svg> `, 'chevron-down': svg` <svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M4.41978 4.90118C4.32079 5.02361 4.16188 5.08353 4.00037 5.08353C3.83887 5.08353 3.67996 5.02361 3.55753 4.90118L0.63995 1.9836C0.395733 1.73939 0.395733 1.34382 0.63995 1.09947C0.884167 0.855124 1.27973 0.855254 1.52408 1.09947L4.00037 3.57524L6.47589 1.09973C6.72011 0.855515 7.11567 0.855515 7.36002 1.09973C7.60437 1.34395 7.60424 1.73952 7.36002 1.98386L4.41978 4.90118Z\" fill=\"#212121\"/> </svg>`, 'checkmark': svg` <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15.6326 6.12193C15.8983 6.3668 15.8983 6.76276 15.6326 6.98418L8.75546 13.8613C8.53404 14.127 8.13808 14.127 7.89321 13.8613L4.35119 10.3186C4.10706 10.0971 4.10706 9.70118 4.35119 9.45631C4.59531 9.21404 4.99126 9.21404 5.23535 9.45631L8.33606 12.5588L14.7704 6.12193C15.0152 5.87863 15.4112 5.87863 15.6326 6.12193Z\" fill=\"#212121\"/> </svg> `, 'close': svg` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"> <path d=\"M14.7551 13.734C15.0479 14.0269 15.0479 14.502 14.7551 14.7949C14.4622 15.0879 13.987 15.0878 13.6941 14.7949L10.0005 11.0738L6.28054 14.7937C5.98767 15.0866 5.51249 15.0866 5.21959 14.7937C4.92668 14.5008 4.92671 14.0256 5.21959 13.7327L8.94075 10.0141L5.21856 6.26604C4.92568 5.97316 4.92568 5.49798 5.21856 5.20508C5.51143 4.91217 5.98661 4.91221 6.27951 5.20508L10.0005 8.95438L13.7204 5.23446C14.0132 4.94159 14.4884 4.94159 14.7813 5.23446C15.0742 5.52734 15.0742 6.00252 14.7813 6.29542L11.0602 10.0141L14.7551 13.734Z\" fill=\"#212121\" /> </svg> `, }"
|
|
7443
7852
|
}
|
|
7444
7853
|
],
|
|
7445
7854
|
"exports": [
|
|
@@ -8479,12 +8888,124 @@
|
|
|
8479
8888
|
},
|
|
8480
8889
|
{
|
|
8481
8890
|
"kind": "javascript-module",
|
|
8482
|
-
"path": "src/atoms/
|
|
8891
|
+
"path": "src/atoms/portal/portal.component.ts",
|
|
8483
8892
|
"declarations": [
|
|
8484
8893
|
{
|
|
8485
8894
|
"kind": "class",
|
|
8486
|
-
"description": "
|
|
8487
|
-
"name": "
|
|
8895
|
+
"description": "",
|
|
8896
|
+
"name": "PortalComponent",
|
|
8897
|
+
"members": [
|
|
8898
|
+
{
|
|
8899
|
+
"kind": "field",
|
|
8900
|
+
"name": "id",
|
|
8901
|
+
"type": {
|
|
8902
|
+
"text": "string"
|
|
8903
|
+
}
|
|
8904
|
+
},
|
|
8905
|
+
{
|
|
8906
|
+
"kind": "method",
|
|
8907
|
+
"name": "getContainer"
|
|
8908
|
+
},
|
|
8909
|
+
{
|
|
8910
|
+
"kind": "method",
|
|
8911
|
+
"name": "_setupEventListeners",
|
|
8912
|
+
"privacy": "private",
|
|
8913
|
+
"parameters": [
|
|
8914
|
+
{
|
|
8915
|
+
"name": "container",
|
|
8916
|
+
"type": {
|
|
8917
|
+
"text": "HTMLDivElement"
|
|
8918
|
+
}
|
|
8919
|
+
}
|
|
8920
|
+
],
|
|
8921
|
+
"description": "Proxies the events sent from the portalled content and\nre-dispatches them.\n\nTODO: find a better way to scale to new events instead\nof hardcoding them one by one here."
|
|
8922
|
+
},
|
|
8923
|
+
{
|
|
8924
|
+
"kind": "method",
|
|
8925
|
+
"name": "_handleSlotChange",
|
|
8926
|
+
"privacy": "private",
|
|
8927
|
+
"parameters": [
|
|
8928
|
+
{
|
|
8929
|
+
"name": "e",
|
|
8930
|
+
"type": {
|
|
8931
|
+
"text": "HTMLElementEventMap['slotchange']"
|
|
8932
|
+
}
|
|
8933
|
+
}
|
|
8934
|
+
]
|
|
8935
|
+
}
|
|
8936
|
+
],
|
|
8937
|
+
"events": [
|
|
8938
|
+
{
|
|
8939
|
+
"name": "eventName",
|
|
8940
|
+
"type": {
|
|
8941
|
+
"text": "CustomEvent"
|
|
8942
|
+
}
|
|
8943
|
+
}
|
|
8944
|
+
],
|
|
8945
|
+
"superclass": {
|
|
8946
|
+
"name": "LitElement",
|
|
8947
|
+
"package": "lit"
|
|
8948
|
+
},
|
|
8949
|
+
"tagName": "primer-portal",
|
|
8950
|
+
"customElement": true
|
|
8951
|
+
}
|
|
8952
|
+
],
|
|
8953
|
+
"exports": [
|
|
8954
|
+
{
|
|
8955
|
+
"kind": "js",
|
|
8956
|
+
"name": "PortalComponent",
|
|
8957
|
+
"declaration": {
|
|
8958
|
+
"name": "PortalComponent",
|
|
8959
|
+
"module": "src/atoms/portal/portal.component.ts"
|
|
8960
|
+
}
|
|
8961
|
+
},
|
|
8962
|
+
{
|
|
8963
|
+
"kind": "custom-element-definition",
|
|
8964
|
+
"name": "primer-portal",
|
|
8965
|
+
"declaration": {
|
|
8966
|
+
"name": "PortalComponent",
|
|
8967
|
+
"module": "src/atoms/portal/portal.component.ts"
|
|
8968
|
+
}
|
|
8969
|
+
}
|
|
8970
|
+
]
|
|
8971
|
+
},
|
|
8972
|
+
{
|
|
8973
|
+
"kind": "javascript-module",
|
|
8974
|
+
"path": "src/atoms/portal/portal.styles.ts",
|
|
8975
|
+
"declarations": [],
|
|
8976
|
+
"exports": [
|
|
8977
|
+
{
|
|
8978
|
+
"kind": "js",
|
|
8979
|
+
"name": "default",
|
|
8980
|
+
"declaration": {
|
|
8981
|
+
"module": "src/atoms/portal/portal.styles.ts"
|
|
8982
|
+
}
|
|
8983
|
+
}
|
|
8984
|
+
]
|
|
8985
|
+
},
|
|
8986
|
+
{
|
|
8987
|
+
"kind": "javascript-module",
|
|
8988
|
+
"path": "src/atoms/portal/portal.ts",
|
|
8989
|
+
"declarations": [],
|
|
8990
|
+
"exports": [
|
|
8991
|
+
{
|
|
8992
|
+
"kind": "js",
|
|
8993
|
+
"name": "Portal",
|
|
8994
|
+
"declaration": {
|
|
8995
|
+
"name": "PortalComponent",
|
|
8996
|
+
"module": "src/atoms/portal/portal.ts"
|
|
8997
|
+
}
|
|
8998
|
+
}
|
|
8999
|
+
]
|
|
9000
|
+
},
|
|
9001
|
+
{
|
|
9002
|
+
"kind": "javascript-module",
|
|
9003
|
+
"path": "src/atoms/spinner/spinner.component.ts",
|
|
9004
|
+
"declarations": [
|
|
9005
|
+
{
|
|
9006
|
+
"kind": "class",
|
|
9007
|
+
"description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components",
|
|
9008
|
+
"name": "SpinnerComponent",
|
|
8488
9009
|
"members": [
|
|
8489
9010
|
{
|
|
8490
9011
|
"kind": "field",
|
|
@@ -8497,118 +9018,603 @@
|
|
|
8497
9018
|
"attribute": "color"
|
|
8498
9019
|
},
|
|
8499
9020
|
{
|
|
8500
|
-
"kind": "field",
|
|
8501
|
-
"name": "size",
|
|
8502
|
-
"type": {
|
|
8503
|
-
"text": "SpinnerSize | string"
|
|
8504
|
-
},
|
|
8505
|
-
"default": "'medium'",
|
|
8506
|
-
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
8507
|
-
"attribute": "size"
|
|
9021
|
+
"kind": "field",
|
|
9022
|
+
"name": "size",
|
|
9023
|
+
"type": {
|
|
9024
|
+
"text": "SpinnerSize | string"
|
|
9025
|
+
},
|
|
9026
|
+
"default": "'medium'",
|
|
9027
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
9028
|
+
"attribute": "size"
|
|
9029
|
+
},
|
|
9030
|
+
{
|
|
9031
|
+
"kind": "field",
|
|
9032
|
+
"name": "compact",
|
|
9033
|
+
"type": {
|
|
9034
|
+
"text": "boolean"
|
|
9035
|
+
},
|
|
9036
|
+
"default": "false",
|
|
9037
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
9038
|
+
"attribute": "compact"
|
|
9039
|
+
},
|
|
9040
|
+
{
|
|
9041
|
+
"kind": "method",
|
|
9042
|
+
"name": "getSize",
|
|
9043
|
+
"privacy": "private",
|
|
9044
|
+
"return": {
|
|
9045
|
+
"type": {
|
|
9046
|
+
"text": "number"
|
|
9047
|
+
}
|
|
9048
|
+
},
|
|
9049
|
+
"description": "Get the actual size value in pixels"
|
|
9050
|
+
}
|
|
9051
|
+
],
|
|
9052
|
+
"attributes": [
|
|
9053
|
+
{
|
|
9054
|
+
"name": "color",
|
|
9055
|
+
"type": {
|
|
9056
|
+
"text": "string"
|
|
9057
|
+
},
|
|
9058
|
+
"default": "'var(--primer-color-loader)'",
|
|
9059
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
9060
|
+
"fieldName": "color"
|
|
9061
|
+
},
|
|
9062
|
+
{
|
|
9063
|
+
"name": "size",
|
|
9064
|
+
"type": {
|
|
9065
|
+
"text": "SpinnerSize | string"
|
|
9066
|
+
},
|
|
9067
|
+
"default": "'medium'",
|
|
9068
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
9069
|
+
"fieldName": "size"
|
|
9070
|
+
},
|
|
9071
|
+
{
|
|
9072
|
+
"name": "compact",
|
|
9073
|
+
"type": {
|
|
9074
|
+
"text": "boolean"
|
|
9075
|
+
},
|
|
9076
|
+
"default": "false",
|
|
9077
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
9078
|
+
"fieldName": "compact"
|
|
9079
|
+
}
|
|
9080
|
+
],
|
|
9081
|
+
"superclass": {
|
|
9082
|
+
"name": "LitElement",
|
|
9083
|
+
"package": "lit"
|
|
9084
|
+
},
|
|
9085
|
+
"tagName": "primer-spinner",
|
|
9086
|
+
"customElement": true
|
|
9087
|
+
}
|
|
9088
|
+
],
|
|
9089
|
+
"exports": [
|
|
9090
|
+
{
|
|
9091
|
+
"kind": "js",
|
|
9092
|
+
"name": "SpinnerComponent",
|
|
9093
|
+
"declaration": {
|
|
9094
|
+
"name": "SpinnerComponent",
|
|
9095
|
+
"module": "src/atoms/spinner/spinner.component.ts"
|
|
9096
|
+
}
|
|
9097
|
+
},
|
|
9098
|
+
{
|
|
9099
|
+
"kind": "custom-element-definition",
|
|
9100
|
+
"name": "primer-spinner",
|
|
9101
|
+
"declaration": {
|
|
9102
|
+
"name": "SpinnerComponent",
|
|
9103
|
+
"module": "src/atoms/spinner/spinner.component.ts"
|
|
9104
|
+
}
|
|
9105
|
+
}
|
|
9106
|
+
]
|
|
9107
|
+
},
|
|
9108
|
+
{
|
|
9109
|
+
"kind": "javascript-module",
|
|
9110
|
+
"path": "src/atoms/spinner/spinner.styles.ts",
|
|
9111
|
+
"declarations": [],
|
|
9112
|
+
"exports": [
|
|
9113
|
+
{
|
|
9114
|
+
"kind": "js",
|
|
9115
|
+
"name": "default",
|
|
9116
|
+
"declaration": {
|
|
9117
|
+
"module": "src/atoms/spinner/spinner.styles.ts"
|
|
9118
|
+
}
|
|
9119
|
+
}
|
|
9120
|
+
]
|
|
9121
|
+
},
|
|
9122
|
+
{
|
|
9123
|
+
"kind": "javascript-module",
|
|
9124
|
+
"path": "src/atoms/spinner/spinner.ts",
|
|
9125
|
+
"declarations": [],
|
|
9126
|
+
"exports": [
|
|
9127
|
+
{
|
|
9128
|
+
"kind": "js",
|
|
9129
|
+
"name": "Spinner",
|
|
9130
|
+
"declaration": {
|
|
9131
|
+
"name": "SpinnerComponent",
|
|
9132
|
+
"module": "src/atoms/spinner/spinner.ts"
|
|
9133
|
+
}
|
|
9134
|
+
}
|
|
9135
|
+
]
|
|
9136
|
+
},
|
|
9137
|
+
{
|
|
9138
|
+
"kind": "javascript-module",
|
|
9139
|
+
"path": "src/containers/ach-payment/ach-payment-events-controller.ts",
|
|
9140
|
+
"declarations": [
|
|
9141
|
+
{
|
|
9142
|
+
"kind": "class",
|
|
9143
|
+
"description": "",
|
|
9144
|
+
"name": "AchPaymentEventsController",
|
|
9145
|
+
"members": [
|
|
9146
|
+
{
|
|
9147
|
+
"kind": "field",
|
|
9148
|
+
"name": "host",
|
|
9149
|
+
"type": {
|
|
9150
|
+
"text": "PrimerCheckoutComponent"
|
|
9151
|
+
},
|
|
9152
|
+
"default": "host"
|
|
9153
|
+
},
|
|
9154
|
+
{
|
|
9155
|
+
"kind": "method",
|
|
9156
|
+
"name": "_error",
|
|
9157
|
+
"privacy": "private",
|
|
9158
|
+
"parameters": [
|
|
9159
|
+
{
|
|
9160
|
+
"name": "event",
|
|
9161
|
+
"type": {
|
|
9162
|
+
"text": "PrimerEvents['primer-ach-error']"
|
|
9163
|
+
}
|
|
9164
|
+
}
|
|
9165
|
+
]
|
|
9166
|
+
},
|
|
9167
|
+
{
|
|
9168
|
+
"kind": "method",
|
|
9169
|
+
"name": "_mandateConfirmed",
|
|
9170
|
+
"privacy": "private"
|
|
9171
|
+
},
|
|
9172
|
+
{
|
|
9173
|
+
"kind": "method",
|
|
9174
|
+
"name": "_mandateDeclined",
|
|
9175
|
+
"privacy": "private"
|
|
9176
|
+
},
|
|
9177
|
+
{
|
|
9178
|
+
"kind": "method",
|
|
9179
|
+
"name": "hostConnected"
|
|
9180
|
+
},
|
|
9181
|
+
{
|
|
9182
|
+
"kind": "method",
|
|
9183
|
+
"name": "hostDisconnected"
|
|
9184
|
+
}
|
|
9185
|
+
]
|
|
9186
|
+
}
|
|
9187
|
+
],
|
|
9188
|
+
"exports": [
|
|
9189
|
+
{
|
|
9190
|
+
"kind": "js",
|
|
9191
|
+
"name": "AchPaymentEventsController",
|
|
9192
|
+
"declaration": {
|
|
9193
|
+
"name": "AchPaymentEventsController",
|
|
9194
|
+
"module": "src/containers/ach-payment/ach-payment-events-controller.ts"
|
|
9195
|
+
}
|
|
9196
|
+
}
|
|
9197
|
+
]
|
|
9198
|
+
},
|
|
9199
|
+
{
|
|
9200
|
+
"kind": "javascript-module",
|
|
9201
|
+
"path": "src/containers/ach-payment/ach-payment-form-controller.ts",
|
|
9202
|
+
"declarations": [
|
|
9203
|
+
{
|
|
9204
|
+
"kind": "class",
|
|
9205
|
+
"description": "",
|
|
9206
|
+
"name": "AchPaymentFormControler",
|
|
9207
|
+
"members": [
|
|
9208
|
+
{
|
|
9209
|
+
"kind": "field",
|
|
9210
|
+
"name": "host",
|
|
9211
|
+
"type": {
|
|
9212
|
+
"text": "AchPaymentComponent"
|
|
9213
|
+
},
|
|
9214
|
+
"default": "host"
|
|
9215
|
+
},
|
|
9216
|
+
{
|
|
9217
|
+
"kind": "field",
|
|
9218
|
+
"name": "validate",
|
|
9219
|
+
"type": {
|
|
9220
|
+
"text": "ValidationFunction"
|
|
9221
|
+
},
|
|
9222
|
+
"default": "validate"
|
|
9223
|
+
},
|
|
9224
|
+
{
|
|
9225
|
+
"kind": "field",
|
|
9226
|
+
"name": "formState",
|
|
9227
|
+
"type": {
|
|
9228
|
+
"text": "AchFormStateMap"
|
|
9229
|
+
}
|
|
9230
|
+
},
|
|
9231
|
+
{
|
|
9232
|
+
"kind": "field",
|
|
9233
|
+
"name": "hasError",
|
|
9234
|
+
"readonly": true
|
|
9235
|
+
},
|
|
9236
|
+
{
|
|
9237
|
+
"kind": "field",
|
|
9238
|
+
"name": "formData",
|
|
9239
|
+
"type": {
|
|
9240
|
+
"text": "StripeAchCustomerDetails"
|
|
9241
|
+
},
|
|
9242
|
+
"readonly": true
|
|
9243
|
+
},
|
|
9244
|
+
{
|
|
9245
|
+
"kind": "method",
|
|
9246
|
+
"name": "setFieldValue",
|
|
9247
|
+
"parameters": [
|
|
9248
|
+
{
|
|
9249
|
+
"name": "field",
|
|
9250
|
+
"type": {
|
|
9251
|
+
"text": "AchField"
|
|
9252
|
+
}
|
|
9253
|
+
},
|
|
9254
|
+
{
|
|
9255
|
+
"name": "value",
|
|
9256
|
+
"type": {
|
|
9257
|
+
"text": "string"
|
|
9258
|
+
}
|
|
9259
|
+
}
|
|
9260
|
+
]
|
|
9261
|
+
},
|
|
9262
|
+
{
|
|
9263
|
+
"kind": "method",
|
|
9264
|
+
"name": "setValidation",
|
|
9265
|
+
"parameters": [
|
|
9266
|
+
{
|
|
9267
|
+
"name": "validation",
|
|
9268
|
+
"type": {
|
|
9269
|
+
"text": "Validation"
|
|
9270
|
+
}
|
|
9271
|
+
},
|
|
9272
|
+
{
|
|
9273
|
+
"name": "submit",
|
|
9274
|
+
"default": "false"
|
|
9275
|
+
}
|
|
9276
|
+
]
|
|
9277
|
+
},
|
|
9278
|
+
{
|
|
9279
|
+
"kind": "method",
|
|
9280
|
+
"name": "setFieldTouched",
|
|
9281
|
+
"return": {
|
|
9282
|
+
"type": {
|
|
9283
|
+
"text": "void"
|
|
9284
|
+
}
|
|
9285
|
+
},
|
|
9286
|
+
"parameters": [
|
|
9287
|
+
{
|
|
9288
|
+
"name": "field",
|
|
9289
|
+
"type": {
|
|
9290
|
+
"text": "AchField"
|
|
9291
|
+
}
|
|
9292
|
+
}
|
|
9293
|
+
]
|
|
9294
|
+
},
|
|
9295
|
+
{
|
|
9296
|
+
"kind": "method",
|
|
9297
|
+
"name": "resetForm"
|
|
9298
|
+
},
|
|
9299
|
+
{
|
|
9300
|
+
"kind": "method",
|
|
9301
|
+
"name": "isValidFieldName",
|
|
9302
|
+
"privacy": "private",
|
|
9303
|
+
"return": {
|
|
9304
|
+
"type": {
|
|
9305
|
+
"text": "field is AchField"
|
|
9306
|
+
}
|
|
9307
|
+
},
|
|
9308
|
+
"parameters": [
|
|
9309
|
+
{
|
|
9310
|
+
"name": "field",
|
|
9311
|
+
"optional": true,
|
|
9312
|
+
"type": {
|
|
9313
|
+
"text": "string"
|
|
9314
|
+
}
|
|
9315
|
+
}
|
|
9316
|
+
]
|
|
9317
|
+
},
|
|
9318
|
+
{
|
|
9319
|
+
"kind": "method",
|
|
9320
|
+
"name": "hostConnected"
|
|
9321
|
+
},
|
|
9322
|
+
{
|
|
9323
|
+
"kind": "method",
|
|
9324
|
+
"name": "hostDisconnected"
|
|
9325
|
+
}
|
|
9326
|
+
]
|
|
9327
|
+
}
|
|
9328
|
+
],
|
|
9329
|
+
"exports": [
|
|
9330
|
+
{
|
|
9331
|
+
"kind": "js",
|
|
9332
|
+
"name": "AchPaymentFormControler",
|
|
9333
|
+
"declaration": {
|
|
9334
|
+
"name": "AchPaymentFormControler",
|
|
9335
|
+
"module": "src/containers/ach-payment/ach-payment-form-controller.ts"
|
|
9336
|
+
}
|
|
9337
|
+
}
|
|
9338
|
+
]
|
|
9339
|
+
},
|
|
9340
|
+
{
|
|
9341
|
+
"kind": "javascript-module",
|
|
9342
|
+
"path": "src/containers/ach-payment/ach-payment.component.ts",
|
|
9343
|
+
"declarations": [
|
|
9344
|
+
{
|
|
9345
|
+
"kind": "class",
|
|
9346
|
+
"description": "",
|
|
9347
|
+
"name": "AchPaymentComponent",
|
|
9348
|
+
"members": [
|
|
9349
|
+
{
|
|
9350
|
+
"kind": "field",
|
|
9351
|
+
"name": "formController",
|
|
9352
|
+
"privacy": "protected",
|
|
9353
|
+
"readonly": true,
|
|
9354
|
+
"default": "new AchPaymentFormControler( this, (data) => this._paymentMethodManagerTask.value!.setAndValidate(data), )"
|
|
9355
|
+
},
|
|
9356
|
+
{
|
|
9357
|
+
"kind": "field",
|
|
9358
|
+
"name": "paymentMethod",
|
|
9359
|
+
"type": {
|
|
9360
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9361
|
+
},
|
|
9362
|
+
"attribute": "paymentMethod"
|
|
9363
|
+
},
|
|
9364
|
+
{
|
|
9365
|
+
"kind": "field",
|
|
9366
|
+
"name": "paymentManagers",
|
|
9367
|
+
"type": {
|
|
9368
|
+
"text": "InitializedManagersMap"
|
|
9369
|
+
},
|
|
9370
|
+
"default": "new Map()"
|
|
9371
|
+
},
|
|
9372
|
+
{
|
|
9373
|
+
"kind": "field",
|
|
9374
|
+
"name": "sdkState",
|
|
9375
|
+
"type": {
|
|
9376
|
+
"text": "SdkStateContext | undefined"
|
|
9377
|
+
},
|
|
9378
|
+
"default": "undefined"
|
|
9379
|
+
},
|
|
9380
|
+
{
|
|
9381
|
+
"kind": "field",
|
|
9382
|
+
"name": "clientOptions",
|
|
9383
|
+
"type": {
|
|
9384
|
+
"text": "ClientOptionsContext | undefined"
|
|
9385
|
+
},
|
|
9386
|
+
"default": "undefined"
|
|
9387
|
+
},
|
|
9388
|
+
{
|
|
9389
|
+
"kind": "field",
|
|
9390
|
+
"name": "screen",
|
|
9391
|
+
"type": {
|
|
9392
|
+
"text": "'form' | 'mandate'"
|
|
9393
|
+
},
|
|
9394
|
+
"default": "'form'"
|
|
9395
|
+
},
|
|
9396
|
+
{
|
|
9397
|
+
"kind": "field",
|
|
9398
|
+
"name": "isSubmitting",
|
|
9399
|
+
"type": {
|
|
9400
|
+
"text": "boolean"
|
|
9401
|
+
},
|
|
9402
|
+
"privacy": "private",
|
|
9403
|
+
"default": "false"
|
|
9404
|
+
},
|
|
9405
|
+
{
|
|
9406
|
+
"kind": "field",
|
|
9407
|
+
"name": "_paymentMethodManagerTask",
|
|
9408
|
+
"privacy": "private",
|
|
9409
|
+
"default": "new Task(this, { task: async ([paymentMethodType]) => { if (paymentMethodType !== 'STRIPE_ACH') return initialState; return this.paymentManagers.get(paymentMethodType)?.manager; }, args: () => [this.paymentMethod?.type], })"
|
|
9410
|
+
},
|
|
9411
|
+
{
|
|
9412
|
+
"kind": "method",
|
|
9413
|
+
"name": "_handleInput",
|
|
9414
|
+
"privacy": "private",
|
|
9415
|
+
"parameters": [
|
|
9416
|
+
{
|
|
9417
|
+
"name": "e",
|
|
9418
|
+
"type": {
|
|
9419
|
+
"text": "InputEvent"
|
|
9420
|
+
}
|
|
9421
|
+
},
|
|
9422
|
+
{
|
|
9423
|
+
"name": "field",
|
|
9424
|
+
"type": {
|
|
9425
|
+
"text": "AchField"
|
|
9426
|
+
}
|
|
9427
|
+
}
|
|
9428
|
+
]
|
|
9429
|
+
},
|
|
9430
|
+
{
|
|
9431
|
+
"kind": "method",
|
|
9432
|
+
"name": "_handleBlur",
|
|
9433
|
+
"privacy": "private",
|
|
9434
|
+
"parameters": [
|
|
9435
|
+
{
|
|
9436
|
+
"name": "field",
|
|
9437
|
+
"type": {
|
|
9438
|
+
"text": "AchField"
|
|
9439
|
+
}
|
|
9440
|
+
}
|
|
9441
|
+
]
|
|
9442
|
+
},
|
|
9443
|
+
{
|
|
9444
|
+
"kind": "method",
|
|
9445
|
+
"name": "_handleError",
|
|
9446
|
+
"privacy": "private",
|
|
9447
|
+
"parameters": [
|
|
9448
|
+
{
|
|
9449
|
+
"name": "error",
|
|
9450
|
+
"type": {
|
|
9451
|
+
"text": "unknown"
|
|
9452
|
+
}
|
|
9453
|
+
}
|
|
9454
|
+
]
|
|
9455
|
+
},
|
|
9456
|
+
{
|
|
9457
|
+
"kind": "method",
|
|
9458
|
+
"name": "_handleSubmitButtonClick",
|
|
9459
|
+
"privacy": "private",
|
|
9460
|
+
"parameters": [
|
|
9461
|
+
{
|
|
9462
|
+
"name": "manager",
|
|
9463
|
+
"type": {
|
|
9464
|
+
"text": "IAchPaymentMethodManager"
|
|
9465
|
+
}
|
|
9466
|
+
}
|
|
9467
|
+
]
|
|
8508
9468
|
},
|
|
8509
9469
|
{
|
|
8510
|
-
"kind": "
|
|
8511
|
-
"name": "
|
|
8512
|
-
"
|
|
8513
|
-
|
|
8514
|
-
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
9470
|
+
"kind": "method",
|
|
9471
|
+
"name": "_handleCollectBankAccountDetails",
|
|
9472
|
+
"privacy": "private",
|
|
9473
|
+
"parameters": [
|
|
9474
|
+
{
|
|
9475
|
+
"name": "manager",
|
|
9476
|
+
"type": {
|
|
9477
|
+
"text": "IAchPaymentMethodManager"
|
|
9478
|
+
}
|
|
9479
|
+
}
|
|
9480
|
+
]
|
|
8518
9481
|
},
|
|
8519
9482
|
{
|
|
8520
9483
|
"kind": "method",
|
|
8521
|
-
"name": "
|
|
9484
|
+
"name": "_handleConfirmMandate",
|
|
8522
9485
|
"privacy": "private",
|
|
8523
9486
|
"return": {
|
|
8524
9487
|
"type": {
|
|
8525
|
-
"text": "
|
|
9488
|
+
"text": "Promise<void>"
|
|
9489
|
+
}
|
|
9490
|
+
}
|
|
9491
|
+
},
|
|
9492
|
+
{
|
|
9493
|
+
"kind": "method",
|
|
9494
|
+
"name": "_handleDeclineMandate",
|
|
9495
|
+
"privacy": "private",
|
|
9496
|
+
"return": {
|
|
9497
|
+
"type": {
|
|
9498
|
+
"text": "Promise<void>"
|
|
9499
|
+
}
|
|
9500
|
+
}
|
|
9501
|
+
},
|
|
9502
|
+
{
|
|
9503
|
+
"kind": "method",
|
|
9504
|
+
"name": "renderForm",
|
|
9505
|
+
"privacy": "private",
|
|
9506
|
+
"return": {
|
|
9507
|
+
"type": {
|
|
9508
|
+
"text": "TemplateResult"
|
|
8526
9509
|
}
|
|
8527
9510
|
},
|
|
8528
|
-
"
|
|
9511
|
+
"parameters": [
|
|
9512
|
+
{
|
|
9513
|
+
"name": "manager",
|
|
9514
|
+
"type": {
|
|
9515
|
+
"text": "IAchPaymentMethodManager"
|
|
9516
|
+
}
|
|
9517
|
+
}
|
|
9518
|
+
]
|
|
9519
|
+
},
|
|
9520
|
+
{
|
|
9521
|
+
"kind": "method",
|
|
9522
|
+
"name": "renderMandate",
|
|
9523
|
+
"privacy": "private",
|
|
9524
|
+
"return": {
|
|
9525
|
+
"type": {
|
|
9526
|
+
"text": "TemplateResult"
|
|
9527
|
+
}
|
|
9528
|
+
}
|
|
8529
9529
|
}
|
|
8530
9530
|
],
|
|
8531
|
-
"
|
|
9531
|
+
"events": [
|
|
8532
9532
|
{
|
|
8533
|
-
"name": "
|
|
9533
|
+
"name": "primer-ach-error",
|
|
8534
9534
|
"type": {
|
|
8535
|
-
"text": "
|
|
8536
|
-
}
|
|
8537
|
-
"default": "'var(--primer-color-loader)'",
|
|
8538
|
-
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
8539
|
-
"fieldName": "color"
|
|
9535
|
+
"text": "CustomEvent"
|
|
9536
|
+
}
|
|
8540
9537
|
},
|
|
8541
9538
|
{
|
|
8542
|
-
"name": "
|
|
9539
|
+
"name": "primer-ach-bank-details-collected",
|
|
8543
9540
|
"type": {
|
|
8544
|
-
"text": "
|
|
8545
|
-
}
|
|
8546
|
-
"default": "'medium'",
|
|
8547
|
-
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
8548
|
-
"fieldName": "size"
|
|
9541
|
+
"text": "CustomEvent"
|
|
9542
|
+
}
|
|
8549
9543
|
},
|
|
8550
9544
|
{
|
|
8551
|
-
"name": "
|
|
9545
|
+
"name": "primer-ach-mandate-confirmed",
|
|
8552
9546
|
"type": {
|
|
8553
|
-
"text": "
|
|
9547
|
+
"text": "CustomEvent"
|
|
9548
|
+
}
|
|
9549
|
+
},
|
|
9550
|
+
{
|
|
9551
|
+
"name": "primer-ach-mandate-declined",
|
|
9552
|
+
"type": {
|
|
9553
|
+
"text": "CustomEvent"
|
|
9554
|
+
}
|
|
9555
|
+
}
|
|
9556
|
+
],
|
|
9557
|
+
"attributes": [
|
|
9558
|
+
{
|
|
9559
|
+
"name": "paymentMethod",
|
|
9560
|
+
"type": {
|
|
9561
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
8554
9562
|
},
|
|
8555
|
-
"
|
|
8556
|
-
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
8557
|
-
"fieldName": "compact"
|
|
9563
|
+
"fieldName": "paymentMethod"
|
|
8558
9564
|
}
|
|
8559
9565
|
],
|
|
8560
9566
|
"superclass": {
|
|
8561
9567
|
"name": "LitElement",
|
|
8562
9568
|
"package": "lit"
|
|
8563
9569
|
},
|
|
8564
|
-
"tagName": "primer-
|
|
9570
|
+
"tagName": "primer-ach-payment",
|
|
8565
9571
|
"customElement": true
|
|
8566
9572
|
}
|
|
8567
9573
|
],
|
|
8568
9574
|
"exports": [
|
|
8569
9575
|
{
|
|
8570
9576
|
"kind": "js",
|
|
8571
|
-
"name": "
|
|
9577
|
+
"name": "AchPaymentComponent",
|
|
8572
9578
|
"declaration": {
|
|
8573
|
-
"name": "
|
|
8574
|
-
"module": "src/
|
|
9579
|
+
"name": "AchPaymentComponent",
|
|
9580
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
8575
9581
|
}
|
|
8576
9582
|
},
|
|
8577
9583
|
{
|
|
8578
9584
|
"kind": "custom-element-definition",
|
|
8579
|
-
"name": "primer-
|
|
9585
|
+
"name": "primer-ach-payment",
|
|
8580
9586
|
"declaration": {
|
|
8581
|
-
"name": "
|
|
8582
|
-
"module": "src/
|
|
9587
|
+
"name": "AchPaymentComponent",
|
|
9588
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
8583
9589
|
}
|
|
8584
9590
|
}
|
|
8585
9591
|
]
|
|
8586
9592
|
},
|
|
8587
9593
|
{
|
|
8588
9594
|
"kind": "javascript-module",
|
|
8589
|
-
"path": "src/
|
|
9595
|
+
"path": "src/containers/ach-payment/ach-payment.styles.ts",
|
|
8590
9596
|
"declarations": [],
|
|
8591
9597
|
"exports": [
|
|
8592
9598
|
{
|
|
8593
9599
|
"kind": "js",
|
|
8594
9600
|
"name": "default",
|
|
8595
9601
|
"declaration": {
|
|
8596
|
-
"module": "src/
|
|
9602
|
+
"module": "src/containers/ach-payment/ach-payment.styles.ts"
|
|
8597
9603
|
}
|
|
8598
9604
|
}
|
|
8599
9605
|
]
|
|
8600
9606
|
},
|
|
8601
9607
|
{
|
|
8602
9608
|
"kind": "javascript-module",
|
|
8603
|
-
"path": "src/
|
|
9609
|
+
"path": "src/containers/ach-payment/ach-payment.ts",
|
|
8604
9610
|
"declarations": [],
|
|
8605
9611
|
"exports": [
|
|
8606
9612
|
{
|
|
8607
9613
|
"kind": "js",
|
|
8608
|
-
"name": "
|
|
9614
|
+
"name": "AchPayment",
|
|
8609
9615
|
"declaration": {
|
|
8610
|
-
"name": "
|
|
8611
|
-
"module": "src/
|
|
9616
|
+
"name": "AchPaymentComponent",
|
|
9617
|
+
"module": "src/containers/ach-payment/ach-payment.ts"
|
|
8612
9618
|
}
|
|
8613
9619
|
}
|
|
8614
9620
|
]
|
|
@@ -8831,6 +9837,162 @@
|
|
|
8831
9837
|
"declarations": [],
|
|
8832
9838
|
"exports": []
|
|
8833
9839
|
},
|
|
9840
|
+
{
|
|
9841
|
+
"kind": "javascript-module",
|
|
9842
|
+
"path": "src/containers/dynamic-payment/dynamic-payment.component.ts",
|
|
9843
|
+
"declarations": [
|
|
9844
|
+
{
|
|
9845
|
+
"kind": "class",
|
|
9846
|
+
"description": "",
|
|
9847
|
+
"name": "DynamicPaymentComponent",
|
|
9848
|
+
"members": [
|
|
9849
|
+
{
|
|
9850
|
+
"kind": "field",
|
|
9851
|
+
"name": "paymentMethod",
|
|
9852
|
+
"type": {
|
|
9853
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9854
|
+
},
|
|
9855
|
+
"attribute": "paymentMethod"
|
|
9856
|
+
},
|
|
9857
|
+
{
|
|
9858
|
+
"kind": "field",
|
|
9859
|
+
"name": "paymentManagers",
|
|
9860
|
+
"type": {
|
|
9861
|
+
"text": "InitializedManagersMap"
|
|
9862
|
+
},
|
|
9863
|
+
"default": "new Map()"
|
|
9864
|
+
},
|
|
9865
|
+
{
|
|
9866
|
+
"kind": "field",
|
|
9867
|
+
"name": "sdkState",
|
|
9868
|
+
"type": {
|
|
9869
|
+
"text": "SdkStateContext"
|
|
9870
|
+
},
|
|
9871
|
+
"default": "null"
|
|
9872
|
+
},
|
|
9873
|
+
{
|
|
9874
|
+
"kind": "field",
|
|
9875
|
+
"name": "headlessUtils",
|
|
9876
|
+
"type": {
|
|
9877
|
+
"text": "HeadlessUnitilsContext"
|
|
9878
|
+
},
|
|
9879
|
+
"default": "null"
|
|
9880
|
+
},
|
|
9881
|
+
{
|
|
9882
|
+
"kind": "field",
|
|
9883
|
+
"name": "open",
|
|
9884
|
+
"type": {
|
|
9885
|
+
"text": "boolean"
|
|
9886
|
+
},
|
|
9887
|
+
"default": "false"
|
|
9888
|
+
},
|
|
9889
|
+
{
|
|
9890
|
+
"kind": "field",
|
|
9891
|
+
"name": "_paymentMethodManagerTask",
|
|
9892
|
+
"privacy": "private",
|
|
9893
|
+
"default": "new Task(this, { task: async ([paymentMethodType, paymentManagers]) => { if (!paymentMethodType || !paymentManagers) { return initialState; } return paymentManagers.get(paymentMethodType as DynamicPaymentMethodTypes) ?.manager; }, args: () => [this.paymentMethod?.type, this.paymentManagers], })"
|
|
9894
|
+
},
|
|
9895
|
+
{
|
|
9896
|
+
"kind": "field",
|
|
9897
|
+
"name": "_getAssetsTask",
|
|
9898
|
+
"privacy": "private",
|
|
9899
|
+
"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, displayName: this._legacyGetButtonLabel( paymentConfig.displayMetadata.button.text, ), iconUrl: paymentConfig.displayMetadata.button.iconUrl.colored || paymentConfig.displayMetadata.button.iconUrl.light || paymentConfig.displayMetadata.button.iconUrl.dark, }; }, args: () => [this.paymentMethod?.type, this.headlessUtils], })"
|
|
9900
|
+
},
|
|
9901
|
+
{
|
|
9902
|
+
"kind": "method",
|
|
9903
|
+
"name": "_legacyGetButtonLabel",
|
|
9904
|
+
"privacy": "private",
|
|
9905
|
+
"parameters": [
|
|
9906
|
+
{
|
|
9907
|
+
"name": "text",
|
|
9908
|
+
"optional": true,
|
|
9909
|
+
"type": {
|
|
9910
|
+
"text": "string"
|
|
9911
|
+
}
|
|
9912
|
+
}
|
|
9913
|
+
],
|
|
9914
|
+
"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.\nTODO: get label from payment config"
|
|
9915
|
+
},
|
|
9916
|
+
{
|
|
9917
|
+
"kind": "field",
|
|
9918
|
+
"name": "_setupTasks",
|
|
9919
|
+
"privacy": "private",
|
|
9920
|
+
"default": "new Task(this, { task: async ([paymentMethodManager, assetsConfig]) => { if (!paymentMethodManager || !assetsConfig) { return initialState; } return { paymentMethodManager, assetsConfig }; }, args: () => [ this._paymentMethodManagerTask.value, this._getAssetsTask.value, ], })"
|
|
9921
|
+
},
|
|
9922
|
+
{
|
|
9923
|
+
"kind": "method",
|
|
9924
|
+
"name": "start"
|
|
9925
|
+
},
|
|
9926
|
+
{
|
|
9927
|
+
"kind": "method",
|
|
9928
|
+
"name": "renderDialog"
|
|
9929
|
+
}
|
|
9930
|
+
],
|
|
9931
|
+
"attributes": [
|
|
9932
|
+
{
|
|
9933
|
+
"name": "paymentMethod",
|
|
9934
|
+
"type": {
|
|
9935
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9936
|
+
},
|
|
9937
|
+
"fieldName": "paymentMethod"
|
|
9938
|
+
}
|
|
9939
|
+
],
|
|
9940
|
+
"superclass": {
|
|
9941
|
+
"name": "LitElement",
|
|
9942
|
+
"package": "lit"
|
|
9943
|
+
},
|
|
9944
|
+
"tagName": "primer-dynamic-payment",
|
|
9945
|
+
"customElement": true
|
|
9946
|
+
}
|
|
9947
|
+
],
|
|
9948
|
+
"exports": [
|
|
9949
|
+
{
|
|
9950
|
+
"kind": "js",
|
|
9951
|
+
"name": "DynamicPaymentComponent",
|
|
9952
|
+
"declaration": {
|
|
9953
|
+
"name": "DynamicPaymentComponent",
|
|
9954
|
+
"module": "src/containers/dynamic-payment/dynamic-payment.component.ts"
|
|
9955
|
+
}
|
|
9956
|
+
},
|
|
9957
|
+
{
|
|
9958
|
+
"kind": "custom-element-definition",
|
|
9959
|
+
"name": "primer-dynamic-payment",
|
|
9960
|
+
"declaration": {
|
|
9961
|
+
"name": "DynamicPaymentComponent",
|
|
9962
|
+
"module": "src/containers/dynamic-payment/dynamic-payment.component.ts"
|
|
9963
|
+
}
|
|
9964
|
+
}
|
|
9965
|
+
]
|
|
9966
|
+
},
|
|
9967
|
+
{
|
|
9968
|
+
"kind": "javascript-module",
|
|
9969
|
+
"path": "src/containers/dynamic-payment/dynamic-payment.styles.ts",
|
|
9970
|
+
"declarations": [],
|
|
9971
|
+
"exports": [
|
|
9972
|
+
{
|
|
9973
|
+
"kind": "js",
|
|
9974
|
+
"name": "default",
|
|
9975
|
+
"declaration": {
|
|
9976
|
+
"module": "src/containers/dynamic-payment/dynamic-payment.styles.ts"
|
|
9977
|
+
}
|
|
9978
|
+
}
|
|
9979
|
+
]
|
|
9980
|
+
},
|
|
9981
|
+
{
|
|
9982
|
+
"kind": "javascript-module",
|
|
9983
|
+
"path": "src/containers/dynamic-payment/dynamic-payment.ts",
|
|
9984
|
+
"declarations": [],
|
|
9985
|
+
"exports": [
|
|
9986
|
+
{
|
|
9987
|
+
"kind": "js",
|
|
9988
|
+
"name": "DynamicPayment",
|
|
9989
|
+
"declaration": {
|
|
9990
|
+
"name": "DynamicPaymentComponent",
|
|
9991
|
+
"module": "src/containers/dynamic-payment/dynamic-payment.ts"
|
|
9992
|
+
}
|
|
9993
|
+
}
|
|
9994
|
+
]
|
|
9995
|
+
},
|
|
8834
9996
|
{
|
|
8835
9997
|
"kind": "javascript-module",
|
|
8836
9998
|
"path": "src/containers/error-message-container/error-message-container.component.ts",
|