@primer-io/primer-js 0.1.2 → 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 +1717 -356
- package/dist/jsx/index.d.ts +88 -0
- package/dist/primer-loader.d.ts +177 -28
- package/dist/primer-loader.js +483 -175
- 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,189 +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
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"kind": "function",
|
|
29
|
+
"name": "No"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"kind": "function",
|
|
33
|
+
"name": "Ro"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"kind": "function",
|
|
37
|
+
"name": "Bn"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"kind": "function",
|
|
41
|
+
"name": "Kn"
|
|
26
42
|
},
|
|
27
43
|
{
|
|
28
44
|
"kind": "variable",
|
|
29
|
-
"name": "
|
|
30
|
-
"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> `}}"
|
|
31
47
|
},
|
|
32
48
|
{
|
|
33
49
|
"kind": "variable",
|
|
34
|
-
"name": "
|
|
35
|
-
"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> `}}"
|
|
36
52
|
},
|
|
37
53
|
{
|
|
38
54
|
"kind": "variable",
|
|
39
|
-
"name": "
|
|
40
|
-
"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>`}}"
|
|
41
57
|
},
|
|
42
58
|
{
|
|
43
59
|
"kind": "variable",
|
|
44
|
-
"name": "
|
|
45
|
-
"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> `}}"
|
|
46
62
|
},
|
|
47
63
|
{
|
|
48
64
|
"kind": "variable",
|
|
49
|
-
"name": "
|
|
50
|
-
"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> `}}"
|
|
51
67
|
},
|
|
52
68
|
{
|
|
53
69
|
"kind": "variable",
|
|
54
|
-
"name": "
|
|
55
|
-
"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> `}}"
|
|
56
72
|
},
|
|
57
73
|
{
|
|
58
74
|
"kind": "variable",
|
|
59
|
-
"name": "
|
|
60
|
-
"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>`} `}}"
|
|
61
77
|
},
|
|
62
78
|
{
|
|
63
79
|
"kind": "variable",
|
|
64
|
-
"name": "
|
|
65
|
-
"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)}}"
|
|
66
82
|
},
|
|
67
83
|
{
|
|
68
84
|
"kind": "variable",
|
|
69
|
-
"name": "
|
|
70
|
-
"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> `}}"
|
|
71
87
|
},
|
|
72
88
|
{
|
|
73
89
|
"kind": "variable",
|
|
74
|
-
"name": "
|
|
75
|
-
"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> `}}"
|
|
76
92
|
},
|
|
77
93
|
{
|
|
78
94
|
"kind": "variable",
|
|
79
|
-
"name": "
|
|
80
|
-
"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>`}}"
|
|
81
97
|
},
|
|
82
98
|
{
|
|
83
99
|
"kind": "variable",
|
|
84
|
-
"name": "
|
|
85
|
-
"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> `}}"
|
|
86
102
|
},
|
|
87
103
|
{
|
|
88
104
|
"kind": "variable",
|
|
89
|
-
"name": "
|
|
90
|
-
"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})}}"
|
|
91
107
|
},
|
|
92
108
|
{
|
|
93
109
|
"kind": "variable",
|
|
94
|
-
"name": "
|
|
95
|
-
"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}}}"
|
|
96
112
|
},
|
|
97
113
|
{
|
|
98
114
|
"kind": "variable",
|
|
99
|
-
"name": "
|
|
100
|
-
"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})}}"
|
|
101
117
|
},
|
|
102
118
|
{
|
|
103
119
|
"kind": "variable",
|
|
104
|
-
"name": "
|
|
105
|
-
"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()} `)})}}"
|
|
106
122
|
},
|
|
107
123
|
{
|
|
108
124
|
"kind": "variable",
|
|
109
|
-
"name": "
|
|
110
|
-
"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>`)})}}"
|
|
111
127
|
},
|
|
112
128
|
{
|
|
113
129
|
"kind": "variable",
|
|
114
|
-
"name": "
|
|
115
|
-
"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> `)} `}}"
|
|
116
132
|
},
|
|
117
133
|
{
|
|
118
134
|
"kind": "variable",
|
|
119
|
-
"name": "
|
|
120
|
-
"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})}}"
|
|
121
137
|
},
|
|
122
138
|
{
|
|
123
139
|
"kind": "variable",
|
|
124
|
-
"name": "
|
|
125
|
-
"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> `}}"
|
|
126
142
|
},
|
|
127
143
|
{
|
|
128
144
|
"kind": "variable",
|
|
129
|
-
"name": "
|
|
130
|
-
"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()}}"
|
|
131
147
|
},
|
|
132
148
|
{
|
|
133
149
|
"kind": "variable",
|
|
134
|
-
"name": "
|
|
135
|
-
"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()}}"
|
|
136
162
|
},
|
|
137
163
|
{
|
|
138
164
|
"kind": "variable",
|
|
139
165
|
"name": "pe",
|
|
140
|
-
"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> `}}"
|
|
141
167
|
},
|
|
142
168
|
{
|
|
143
169
|
"kind": "variable",
|
|
144
|
-
"name": "
|
|
145
|
-
"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)} `}}"
|
|
146
172
|
},
|
|
147
173
|
{
|
|
148
174
|
"kind": "variable",
|
|
149
|
-
"name": "
|
|
150
|
-
"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> `}}"
|
|
151
177
|
},
|
|
152
178
|
{
|
|
153
179
|
"kind": "variable",
|
|
154
|
-
"name": "
|
|
155
|
-
"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> `}})}}"
|
|
156
182
|
},
|
|
157
183
|
{
|
|
158
184
|
"kind": "variable",
|
|
159
|
-
"name": "
|
|
160
|
-
"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> `}}"
|
|
161
187
|
},
|
|
162
188
|
{
|
|
163
189
|
"kind": "variable",
|
|
164
|
-
"name": "
|
|
165
|
-
"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> `}}"
|
|
166
192
|
},
|
|
167
193
|
{
|
|
168
194
|
"kind": "variable",
|
|
169
|
-
"name": "
|
|
170
|
-
"default": "class extends
|
|
195
|
+
"name": "vt",
|
|
196
|
+
"default": "class extends g{render(){return p` <div class=\"empty-state\"> <p> ${_(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
171
197
|
},
|
|
172
198
|
{
|
|
173
199
|
"kind": "variable",
|
|
174
|
-
"name": "
|
|
175
|
-
"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> `}}"
|
|
176
202
|
},
|
|
177
203
|
{
|
|
178
204
|
"kind": "variable",
|
|
179
|
-
"name": "
|
|
180
|
-
"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> `}}"
|
|
181
207
|
},
|
|
182
208
|
{
|
|
183
209
|
"kind": "variable",
|
|
184
|
-
"name": "
|
|
185
|
-
"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> `})}}"
|
|
186
212
|
},
|
|
187
213
|
{
|
|
188
214
|
"kind": "variable",
|
|
189
|
-
"name": "
|
|
190
|
-
"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> `}}"
|
|
191
217
|
},
|
|
192
218
|
{
|
|
193
219
|
"kind": "variable",
|
|
194
|
-
"name": "
|
|
195
|
-
"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}}"
|
|
196
232
|
}
|
|
197
233
|
],
|
|
198
234
|
"exports": [
|
|
199
235
|
{
|
|
200
236
|
"kind": "custom-element-definition",
|
|
201
|
-
"name": "
|
|
237
|
+
"name": "i",
|
|
202
238
|
"declaration": {
|
|
203
239
|
"name": "t",
|
|
204
240
|
"module": "cdn/primer-components.js"
|
|
@@ -206,17 +242,25 @@
|
|
|
206
242
|
},
|
|
207
243
|
{
|
|
208
244
|
"kind": "custom-element-definition",
|
|
209
|
-
"name": "
|
|
245
|
+
"name": "i",
|
|
210
246
|
"declaration": {
|
|
211
247
|
"name": "t",
|
|
212
248
|
"module": "cdn/primer-components.js"
|
|
213
249
|
}
|
|
214
250
|
},
|
|
251
|
+
{
|
|
252
|
+
"kind": "js",
|
|
253
|
+
"name": "AchPayment",
|
|
254
|
+
"declaration": {
|
|
255
|
+
"name": "de",
|
|
256
|
+
"module": "cdn/primer-components.js"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
215
259
|
{
|
|
216
260
|
"kind": "js",
|
|
217
261
|
"name": "Button",
|
|
218
262
|
"declaration": {
|
|
219
|
-
"name": "
|
|
263
|
+
"name": "le",
|
|
220
264
|
"module": "cdn/primer-components.js"
|
|
221
265
|
}
|
|
222
266
|
},
|
|
@@ -224,7 +268,7 @@
|
|
|
224
268
|
"kind": "js",
|
|
225
269
|
"name": "CardForm",
|
|
226
270
|
"declaration": {
|
|
227
|
-
"name": "
|
|
271
|
+
"name": "Te",
|
|
228
272
|
"module": "cdn/primer-components.js"
|
|
229
273
|
}
|
|
230
274
|
},
|
|
@@ -232,7 +276,7 @@
|
|
|
232
276
|
"kind": "js",
|
|
233
277
|
"name": "CardFormCVV",
|
|
234
278
|
"declaration": {
|
|
235
|
-
"name": "
|
|
279
|
+
"name": "ut",
|
|
236
280
|
"module": "cdn/primer-components.js"
|
|
237
281
|
}
|
|
238
282
|
},
|
|
@@ -240,7 +284,7 @@
|
|
|
240
284
|
"kind": "js",
|
|
241
285
|
"name": "CardFormCardNetworkSelector",
|
|
242
286
|
"declaration": {
|
|
243
|
-
"name": "
|
|
287
|
+
"name": "ce",
|
|
244
288
|
"module": "cdn/primer-components.js"
|
|
245
289
|
}
|
|
246
290
|
},
|
|
@@ -248,7 +292,7 @@
|
|
|
248
292
|
"kind": "js",
|
|
249
293
|
"name": "CardFormCardNumber",
|
|
250
294
|
"declaration": {
|
|
251
|
-
"name": "
|
|
295
|
+
"name": "mt",
|
|
252
296
|
"module": "cdn/primer-components.js"
|
|
253
297
|
}
|
|
254
298
|
},
|
|
@@ -256,7 +300,7 @@
|
|
|
256
300
|
"kind": "js",
|
|
257
301
|
"name": "CardFormError",
|
|
258
302
|
"declaration": {
|
|
259
|
-
"name": "
|
|
303
|
+
"name": "$e",
|
|
260
304
|
"module": "cdn/primer-components.js"
|
|
261
305
|
}
|
|
262
306
|
},
|
|
@@ -264,7 +308,7 @@
|
|
|
264
308
|
"kind": "js",
|
|
265
309
|
"name": "CardFormExpiry",
|
|
266
310
|
"declaration": {
|
|
267
|
-
"name": "
|
|
311
|
+
"name": "ht",
|
|
268
312
|
"module": "cdn/primer-components.js"
|
|
269
313
|
}
|
|
270
314
|
},
|
|
@@ -272,7 +316,7 @@
|
|
|
272
316
|
"kind": "js",
|
|
273
317
|
"name": "CardFormName",
|
|
274
318
|
"declaration": {
|
|
275
|
-
"name": "
|
|
319
|
+
"name": "gt",
|
|
276
320
|
"module": "cdn/primer-components.js"
|
|
277
321
|
}
|
|
278
322
|
},
|
|
@@ -280,7 +324,7 @@
|
|
|
280
324
|
"kind": "js",
|
|
281
325
|
"name": "CardFormSubmit",
|
|
282
326
|
"declaration": {
|
|
283
|
-
"name": "
|
|
327
|
+
"name": "pe",
|
|
284
328
|
"module": "cdn/primer-components.js"
|
|
285
329
|
}
|
|
286
330
|
},
|
|
@@ -288,7 +332,23 @@
|
|
|
288
332
|
"kind": "js",
|
|
289
333
|
"name": "Collapsable",
|
|
290
334
|
"declaration": {
|
|
291
|
-
"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",
|
|
292
352
|
"module": "cdn/primer-components.js"
|
|
293
353
|
}
|
|
294
354
|
},
|
|
@@ -296,7 +356,7 @@
|
|
|
296
356
|
"kind": "js",
|
|
297
357
|
"name": "ErrorMessage",
|
|
298
358
|
"declaration": {
|
|
299
|
-
"name": "
|
|
359
|
+
"name": "fe",
|
|
300
360
|
"module": "cdn/primer-components.js"
|
|
301
361
|
}
|
|
302
362
|
},
|
|
@@ -304,7 +364,7 @@
|
|
|
304
364
|
"kind": "js",
|
|
305
365
|
"name": "ErrorMessageContainer",
|
|
306
366
|
"declaration": {
|
|
307
|
-
"name": "
|
|
367
|
+
"name": "Be",
|
|
308
368
|
"module": "cdn/primer-components.js"
|
|
309
369
|
}
|
|
310
370
|
},
|
|
@@ -312,7 +372,7 @@
|
|
|
312
372
|
"kind": "js",
|
|
313
373
|
"name": "InitializedPayments",
|
|
314
374
|
"declaration": {
|
|
315
|
-
"name": "
|
|
375
|
+
"name": "vr",
|
|
316
376
|
"module": "cdn/primer-components.js"
|
|
317
377
|
}
|
|
318
378
|
},
|
|
@@ -320,7 +380,7 @@
|
|
|
320
380
|
"kind": "js",
|
|
321
381
|
"name": "Input",
|
|
322
382
|
"declaration": {
|
|
323
|
-
"name": "
|
|
383
|
+
"name": "U",
|
|
324
384
|
"module": "cdn/primer-components.js"
|
|
325
385
|
}
|
|
326
386
|
},
|
|
@@ -328,7 +388,7 @@
|
|
|
328
388
|
"kind": "js",
|
|
329
389
|
"name": "InputLabel",
|
|
330
390
|
"declaration": {
|
|
331
|
-
"name": "
|
|
391
|
+
"name": "De",
|
|
332
392
|
"module": "cdn/primer-components.js"
|
|
333
393
|
}
|
|
334
394
|
},
|
|
@@ -336,7 +396,7 @@
|
|
|
336
396
|
"kind": "js",
|
|
337
397
|
"name": "InputWrapper",
|
|
338
398
|
"declaration": {
|
|
339
|
-
"name": "
|
|
399
|
+
"name": "Me",
|
|
340
400
|
"module": "cdn/primer-components.js"
|
|
341
401
|
}
|
|
342
402
|
},
|
|
@@ -344,7 +404,7 @@
|
|
|
344
404
|
"kind": "js",
|
|
345
405
|
"name": "NativePayment",
|
|
346
406
|
"declaration": {
|
|
347
|
-
"name": "
|
|
407
|
+
"name": "ke",
|
|
348
408
|
"module": "cdn/primer-components.js"
|
|
349
409
|
}
|
|
350
410
|
},
|
|
@@ -352,7 +412,15 @@
|
|
|
352
412
|
"kind": "js",
|
|
353
413
|
"name": "PaymentMethod",
|
|
354
414
|
"declaration": {
|
|
355
|
-
"name": "
|
|
415
|
+
"name": "He",
|
|
416
|
+
"module": "cdn/primer-components.js"
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"kind": "js",
|
|
421
|
+
"name": "Portal",
|
|
422
|
+
"declaration": {
|
|
423
|
+
"name": "Qe",
|
|
356
424
|
"module": "cdn/primer-components.js"
|
|
357
425
|
}
|
|
358
426
|
},
|
|
@@ -360,7 +428,7 @@
|
|
|
360
428
|
"kind": "js",
|
|
361
429
|
"name": "PrimerCheckoutComplete",
|
|
362
430
|
"declaration": {
|
|
363
|
-
"name": "
|
|
431
|
+
"name": "Ft",
|
|
364
432
|
"module": "cdn/primer-components.js"
|
|
365
433
|
}
|
|
366
434
|
},
|
|
@@ -368,7 +436,7 @@
|
|
|
368
436
|
"kind": "js",
|
|
369
437
|
"name": "PrimerCheckoutComponent",
|
|
370
438
|
"declaration": {
|
|
371
|
-
"name": "
|
|
439
|
+
"name": "se",
|
|
372
440
|
"module": "cdn/primer-components.js"
|
|
373
441
|
}
|
|
374
442
|
},
|
|
@@ -376,7 +444,7 @@
|
|
|
376
444
|
"kind": "js",
|
|
377
445
|
"name": "PrimerCheckoutFailure",
|
|
378
446
|
"declaration": {
|
|
379
|
-
"name": "
|
|
447
|
+
"name": "yt",
|
|
380
448
|
"module": "cdn/primer-components.js"
|
|
381
449
|
}
|
|
382
450
|
},
|
|
@@ -384,7 +452,7 @@
|
|
|
384
452
|
"kind": "js",
|
|
385
453
|
"name": "PrimerCheckoutState",
|
|
386
454
|
"declaration": {
|
|
387
|
-
"name": "
|
|
455
|
+
"name": "Ve",
|
|
388
456
|
"module": "cdn/primer-components.js"
|
|
389
457
|
}
|
|
390
458
|
},
|
|
@@ -392,7 +460,7 @@
|
|
|
392
460
|
"kind": "js",
|
|
393
461
|
"name": "PrimerIcon",
|
|
394
462
|
"declaration": {
|
|
395
|
-
"name": "
|
|
463
|
+
"name": "Se",
|
|
396
464
|
"module": "cdn/primer-components.js"
|
|
397
465
|
}
|
|
398
466
|
},
|
|
@@ -400,7 +468,7 @@
|
|
|
400
468
|
"kind": "js",
|
|
401
469
|
"name": "PrimerKlarna",
|
|
402
470
|
"declaration": {
|
|
403
|
-
"name": "
|
|
471
|
+
"name": "J",
|
|
404
472
|
"module": "cdn/primer-components.js"
|
|
405
473
|
}
|
|
406
474
|
},
|
|
@@ -408,7 +476,7 @@
|
|
|
408
476
|
"kind": "js",
|
|
409
477
|
"name": "PrimerMain",
|
|
410
478
|
"declaration": {
|
|
411
|
-
"name": "
|
|
479
|
+
"name": "Ue",
|
|
412
480
|
"module": "cdn/primer-components.js"
|
|
413
481
|
}
|
|
414
482
|
},
|
|
@@ -416,7 +484,7 @@
|
|
|
416
484
|
"kind": "js",
|
|
417
485
|
"name": "RedirectPayment",
|
|
418
486
|
"declaration": {
|
|
419
|
-
"name": "
|
|
487
|
+
"name": "ve",
|
|
420
488
|
"module": "cdn/primer-components.js"
|
|
421
489
|
}
|
|
422
490
|
},
|
|
@@ -424,7 +492,7 @@
|
|
|
424
492
|
"kind": "js",
|
|
425
493
|
"name": "ShowOtherPayments",
|
|
426
494
|
"declaration": {
|
|
427
|
-
"name": "
|
|
495
|
+
"name": "Fe",
|
|
428
496
|
"module": "cdn/primer-components.js"
|
|
429
497
|
}
|
|
430
498
|
},
|
|
@@ -432,7 +500,7 @@
|
|
|
432
500
|
"kind": "js",
|
|
433
501
|
"name": "Spinner",
|
|
434
502
|
"declaration": {
|
|
435
|
-
"name": "
|
|
503
|
+
"name": "Ae",
|
|
436
504
|
"module": "cdn/primer-components.js"
|
|
437
505
|
}
|
|
438
506
|
},
|
|
@@ -440,7 +508,7 @@
|
|
|
440
508
|
"kind": "js",
|
|
441
509
|
"name": "VaultCvvInput",
|
|
442
510
|
"declaration": {
|
|
443
|
-
"name": "
|
|
511
|
+
"name": "ee",
|
|
444
512
|
"module": "cdn/primer-components.js"
|
|
445
513
|
}
|
|
446
514
|
},
|
|
@@ -448,7 +516,7 @@
|
|
|
448
516
|
"kind": "js",
|
|
449
517
|
"name": "VaultDeleteConfirmation",
|
|
450
518
|
"declaration": {
|
|
451
|
-
"name": "
|
|
519
|
+
"name": "ye",
|
|
452
520
|
"module": "cdn/primer-components.js"
|
|
453
521
|
}
|
|
454
522
|
},
|
|
@@ -456,7 +524,7 @@
|
|
|
456
524
|
"kind": "js",
|
|
457
525
|
"name": "VaultEmptyState",
|
|
458
526
|
"declaration": {
|
|
459
|
-
"name": "
|
|
527
|
+
"name": "vt",
|
|
460
528
|
"module": "cdn/primer-components.js"
|
|
461
529
|
}
|
|
462
530
|
},
|
|
@@ -464,7 +532,7 @@
|
|
|
464
532
|
"kind": "js",
|
|
465
533
|
"name": "VaultErrorMessage",
|
|
466
534
|
"declaration": {
|
|
467
|
-
"name": "
|
|
535
|
+
"name": "et",
|
|
468
536
|
"module": "cdn/primer-components.js"
|
|
469
537
|
}
|
|
470
538
|
},
|
|
@@ -472,7 +540,7 @@
|
|
|
472
540
|
"kind": "js",
|
|
473
541
|
"name": "VaultManager",
|
|
474
542
|
"declaration": {
|
|
475
|
-
"name": "
|
|
543
|
+
"name": "he",
|
|
476
544
|
"module": "cdn/primer-components.js"
|
|
477
545
|
}
|
|
478
546
|
},
|
|
@@ -480,7 +548,7 @@
|
|
|
480
548
|
"kind": "js",
|
|
481
549
|
"name": "VaultManagerHeader",
|
|
482
550
|
"declaration": {
|
|
483
|
-
"name": "
|
|
551
|
+
"name": "ze",
|
|
484
552
|
"module": "cdn/primer-components.js"
|
|
485
553
|
}
|
|
486
554
|
},
|
|
@@ -488,7 +556,7 @@
|
|
|
488
556
|
"kind": "js",
|
|
489
557
|
"name": "VaultPaymentMethodItem",
|
|
490
558
|
"declaration": {
|
|
491
|
-
"name": "
|
|
559
|
+
"name": "ge",
|
|
492
560
|
"module": "cdn/primer-components.js"
|
|
493
561
|
}
|
|
494
562
|
},
|
|
@@ -496,7 +564,39 @@
|
|
|
496
564
|
"kind": "js",
|
|
497
565
|
"name": "VaultPaymentSubmit",
|
|
498
566
|
"declaration": {
|
|
499
|
-
"name": "
|
|
567
|
+
"name": "Q",
|
|
568
|
+
"module": "cdn/primer-components.js"
|
|
569
|
+
}
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"kind": "js",
|
|
573
|
+
"name": "injectDarkTheme",
|
|
574
|
+
"declaration": {
|
|
575
|
+
"name": "Kn",
|
|
576
|
+
"module": "cdn/primer-components.js"
|
|
577
|
+
}
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"kind": "js",
|
|
581
|
+
"name": "injectLightTheme",
|
|
582
|
+
"declaration": {
|
|
583
|
+
"name": "Bn",
|
|
584
|
+
"module": "cdn/primer-components.js"
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"kind": "js",
|
|
589
|
+
"name": "injectLoaderStyles",
|
|
590
|
+
"declaration": {
|
|
591
|
+
"name": "No",
|
|
592
|
+
"module": "cdn/primer-components.js"
|
|
593
|
+
}
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"kind": "js",
|
|
597
|
+
"name": "injectThemeStyles",
|
|
598
|
+
"declaration": {
|
|
599
|
+
"name": "Ro",
|
|
500
600
|
"module": "cdn/primer-components.js"
|
|
501
601
|
}
|
|
502
602
|
}
|
|
@@ -508,7 +608,7 @@
|
|
|
508
608
|
"declarations": [
|
|
509
609
|
{
|
|
510
610
|
"kind": "variable",
|
|
511
|
-
"name": "
|
|
611
|
+
"name": "i"
|
|
512
612
|
},
|
|
513
613
|
{
|
|
514
614
|
"kind": "variable",
|
|
@@ -516,209 +616,229 @@
|
|
|
516
616
|
},
|
|
517
617
|
{
|
|
518
618
|
"kind": "variable",
|
|
519
|
-
"name": "
|
|
619
|
+
"name": "vr",
|
|
520
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}}"
|
|
521
621
|
},
|
|
522
622
|
{
|
|
523
623
|
"kind": "variable",
|
|
524
|
-
"name": "
|
|
525
|
-
"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)}}"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"kind": "function",
|
|
629
|
+
"name": "No"
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"kind": "function",
|
|
633
|
+
"name": "Ro"
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"kind": "function",
|
|
637
|
+
"name": "Bn"
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"kind": "function",
|
|
641
|
+
"name": "Kn"
|
|
526
642
|
},
|
|
527
643
|
{
|
|
528
644
|
"kind": "variable",
|
|
529
|
-
"name": "
|
|
530
|
-
"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> `}}"
|
|
531
647
|
},
|
|
532
648
|
{
|
|
533
649
|
"kind": "variable",
|
|
534
|
-
"name": "
|
|
535
|
-
"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> `}}"
|
|
536
652
|
},
|
|
537
653
|
{
|
|
538
654
|
"kind": "variable",
|
|
539
|
-
"name": "
|
|
540
|
-
"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>`}}"
|
|
541
657
|
},
|
|
542
658
|
{
|
|
543
659
|
"kind": "variable",
|
|
544
|
-
"name": "
|
|
545
|
-
"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> `}}"
|
|
546
662
|
},
|
|
547
663
|
{
|
|
548
664
|
"kind": "variable",
|
|
549
|
-
"name": "
|
|
550
|
-
"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> `}}"
|
|
551
667
|
},
|
|
552
668
|
{
|
|
553
669
|
"kind": "variable",
|
|
554
|
-
"name": "
|
|
555
|
-
"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> `}}"
|
|
556
672
|
},
|
|
557
673
|
{
|
|
558
674
|
"kind": "variable",
|
|
559
|
-
"name": "
|
|
560
|
-
"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>`} `}}"
|
|
561
677
|
},
|
|
562
678
|
{
|
|
563
679
|
"kind": "variable",
|
|
564
|
-
"name": "
|
|
565
|
-
"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)}}"
|
|
566
682
|
},
|
|
567
683
|
{
|
|
568
684
|
"kind": "variable",
|
|
569
|
-
"name": "
|
|
570
|
-
"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> `}}"
|
|
571
687
|
},
|
|
572
688
|
{
|
|
573
689
|
"kind": "variable",
|
|
574
|
-
"name": "
|
|
575
|
-
"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> `}}"
|
|
576
692
|
},
|
|
577
693
|
{
|
|
578
694
|
"kind": "variable",
|
|
579
|
-
"name": "
|
|
580
|
-
"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>`}}"
|
|
581
697
|
},
|
|
582
698
|
{
|
|
583
699
|
"kind": "variable",
|
|
584
|
-
"name": "
|
|
585
|
-
"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> `}}"
|
|
586
702
|
},
|
|
587
703
|
{
|
|
588
704
|
"kind": "variable",
|
|
589
|
-
"name": "
|
|
590
|
-
"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})}}"
|
|
591
707
|
},
|
|
592
708
|
{
|
|
593
709
|
"kind": "variable",
|
|
594
|
-
"name": "
|
|
595
|
-
"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}}}"
|
|
596
712
|
},
|
|
597
713
|
{
|
|
598
714
|
"kind": "variable",
|
|
599
|
-
"name": "
|
|
600
|
-
"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})}}"
|
|
601
717
|
},
|
|
602
718
|
{
|
|
603
719
|
"kind": "variable",
|
|
604
|
-
"name": "
|
|
605
|
-
"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()} `)})}}"
|
|
606
722
|
},
|
|
607
723
|
{
|
|
608
724
|
"kind": "variable",
|
|
609
|
-
"name": "
|
|
610
|
-
"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>`)})}}"
|
|
611
727
|
},
|
|
612
728
|
{
|
|
613
729
|
"kind": "variable",
|
|
614
|
-
"name": "
|
|
615
|
-
"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> `)} `}}"
|
|
616
732
|
},
|
|
617
733
|
{
|
|
618
734
|
"kind": "variable",
|
|
619
|
-
"name": "
|
|
620
|
-
"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})}}"
|
|
621
737
|
},
|
|
622
738
|
{
|
|
623
739
|
"kind": "variable",
|
|
624
|
-
"name": "
|
|
625
|
-
"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> `}}"
|
|
626
742
|
},
|
|
627
743
|
{
|
|
628
744
|
"kind": "variable",
|
|
629
|
-
"name": "
|
|
630
|
-
"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()}}"
|
|
631
747
|
},
|
|
632
748
|
{
|
|
633
749
|
"kind": "variable",
|
|
634
|
-
"name": "
|
|
635
|
-
"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()}}"
|
|
636
752
|
},
|
|
637
753
|
{
|
|
638
754
|
"kind": "variable",
|
|
639
|
-
"name": "
|
|
640
|
-
"default": "class extends
|
|
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()}}"
|
|
641
757
|
},
|
|
642
758
|
{
|
|
643
759
|
"kind": "variable",
|
|
644
|
-
"name": "
|
|
645
|
-
"default": "class extends
|
|
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()}}"
|
|
646
762
|
},
|
|
647
763
|
{
|
|
648
764
|
"kind": "variable",
|
|
649
|
-
"name": "
|
|
650
|
-
"default": "class extends
|
|
765
|
+
"name": "pe",
|
|
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> `}}"
|
|
651
767
|
},
|
|
652
768
|
{
|
|
653
769
|
"kind": "variable",
|
|
654
|
-
"name": "
|
|
655
|
-
"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)} `}}"
|
|
656
772
|
},
|
|
657
773
|
{
|
|
658
774
|
"kind": "variable",
|
|
659
|
-
"name": "
|
|
660
|
-
"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> `}}"
|
|
661
777
|
},
|
|
662
778
|
{
|
|
663
779
|
"kind": "variable",
|
|
664
|
-
"name": "
|
|
665
|
-
"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> `}})}}"
|
|
666
782
|
},
|
|
667
783
|
{
|
|
668
784
|
"kind": "variable",
|
|
669
|
-
"name": "
|
|
670
|
-
"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> `}}"
|
|
671
787
|
},
|
|
672
788
|
{
|
|
673
789
|
"kind": "variable",
|
|
674
|
-
"name": "
|
|
675
|
-
"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> `}}"
|
|
676
792
|
},
|
|
677
793
|
{
|
|
678
794
|
"kind": "variable",
|
|
679
|
-
"name": "
|
|
680
|
-
"default": "class extends
|
|
795
|
+
"name": "vt",
|
|
796
|
+
"default": "class extends g{render(){return p` <div class=\"empty-state\"> <p> ${_(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})} </p> </div> `}}"
|
|
681
797
|
},
|
|
682
798
|
{
|
|
683
799
|
"kind": "variable",
|
|
684
|
-
"name": "
|
|
685
|
-
"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> `}}"
|
|
686
802
|
},
|
|
687
803
|
{
|
|
688
804
|
"kind": "variable",
|
|
689
|
-
"name": "
|
|
690
|
-
"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> `}}"
|
|
691
807
|
},
|
|
692
808
|
{
|
|
693
809
|
"kind": "variable",
|
|
694
|
-
"name": "
|
|
695
|
-
"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> `})}}"
|
|
696
812
|
},
|
|
697
813
|
{
|
|
698
|
-
"kind": "
|
|
699
|
-
"name": "
|
|
814
|
+
"kind": "variable",
|
|
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> `}}"
|
|
700
817
|
},
|
|
701
818
|
{
|
|
702
|
-
"kind": "
|
|
703
|
-
"name": "
|
|
819
|
+
"kind": "variable",
|
|
820
|
+
"name": "Ft",
|
|
821
|
+
"default": "class extends g{render(){return p` <primer-checkout-state type=\"complete\"></primer-checkout-state> `}}"
|
|
704
822
|
},
|
|
705
823
|
{
|
|
706
|
-
"kind": "
|
|
707
|
-
"name": "
|
|
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> `}}"
|
|
708
827
|
},
|
|
709
828
|
{
|
|
710
|
-
"kind": "
|
|
711
|
-
"name": "
|
|
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}}"
|
|
712
832
|
},
|
|
713
833
|
{
|
|
714
834
|
"kind": "function",
|
|
715
|
-
"name": "
|
|
835
|
+
"name": "i_"
|
|
716
836
|
}
|
|
717
837
|
],
|
|
718
838
|
"exports": [
|
|
719
839
|
{
|
|
720
840
|
"kind": "custom-element-definition",
|
|
721
|
-
"name": "
|
|
841
|
+
"name": "i",
|
|
722
842
|
"declaration": {
|
|
723
843
|
"name": "t",
|
|
724
844
|
"module": "dist/primer-loader.js"
|
|
@@ -726,17 +846,25 @@
|
|
|
726
846
|
},
|
|
727
847
|
{
|
|
728
848
|
"kind": "custom-element-definition",
|
|
729
|
-
"name": "
|
|
849
|
+
"name": "i",
|
|
730
850
|
"declaration": {
|
|
731
851
|
"name": "t",
|
|
732
852
|
"module": "dist/primer-loader.js"
|
|
733
853
|
}
|
|
734
854
|
},
|
|
855
|
+
{
|
|
856
|
+
"kind": "js",
|
|
857
|
+
"name": "AchPayment",
|
|
858
|
+
"declaration": {
|
|
859
|
+
"name": "de",
|
|
860
|
+
"module": "dist/primer-loader.js"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
735
863
|
{
|
|
736
864
|
"kind": "js",
|
|
737
865
|
"name": "Button",
|
|
738
866
|
"declaration": {
|
|
739
|
-
"name": "
|
|
867
|
+
"name": "le",
|
|
740
868
|
"module": "dist/primer-loader.js"
|
|
741
869
|
}
|
|
742
870
|
},
|
|
@@ -744,7 +872,7 @@
|
|
|
744
872
|
"kind": "js",
|
|
745
873
|
"name": "CardForm",
|
|
746
874
|
"declaration": {
|
|
747
|
-
"name": "
|
|
875
|
+
"name": "Te",
|
|
748
876
|
"module": "dist/primer-loader.js"
|
|
749
877
|
}
|
|
750
878
|
},
|
|
@@ -752,7 +880,7 @@
|
|
|
752
880
|
"kind": "js",
|
|
753
881
|
"name": "CardFormCVV",
|
|
754
882
|
"declaration": {
|
|
755
|
-
"name": "
|
|
883
|
+
"name": "ut",
|
|
756
884
|
"module": "dist/primer-loader.js"
|
|
757
885
|
}
|
|
758
886
|
},
|
|
@@ -760,7 +888,7 @@
|
|
|
760
888
|
"kind": "js",
|
|
761
889
|
"name": "CardFormCardNetworkSelector",
|
|
762
890
|
"declaration": {
|
|
763
|
-
"name": "
|
|
891
|
+
"name": "ce",
|
|
764
892
|
"module": "dist/primer-loader.js"
|
|
765
893
|
}
|
|
766
894
|
},
|
|
@@ -768,7 +896,7 @@
|
|
|
768
896
|
"kind": "js",
|
|
769
897
|
"name": "CardFormCardNumber",
|
|
770
898
|
"declaration": {
|
|
771
|
-
"name": "
|
|
899
|
+
"name": "mt",
|
|
772
900
|
"module": "dist/primer-loader.js"
|
|
773
901
|
}
|
|
774
902
|
},
|
|
@@ -776,7 +904,7 @@
|
|
|
776
904
|
"kind": "js",
|
|
777
905
|
"name": "CardFormError",
|
|
778
906
|
"declaration": {
|
|
779
|
-
"name": "
|
|
907
|
+
"name": "$e",
|
|
780
908
|
"module": "dist/primer-loader.js"
|
|
781
909
|
}
|
|
782
910
|
},
|
|
@@ -784,7 +912,7 @@
|
|
|
784
912
|
"kind": "js",
|
|
785
913
|
"name": "CardFormExpiry",
|
|
786
914
|
"declaration": {
|
|
787
|
-
"name": "
|
|
915
|
+
"name": "ht",
|
|
788
916
|
"module": "dist/primer-loader.js"
|
|
789
917
|
}
|
|
790
918
|
},
|
|
@@ -792,7 +920,7 @@
|
|
|
792
920
|
"kind": "js",
|
|
793
921
|
"name": "CardFormName",
|
|
794
922
|
"declaration": {
|
|
795
|
-
"name": "
|
|
923
|
+
"name": "gt",
|
|
796
924
|
"module": "dist/primer-loader.js"
|
|
797
925
|
}
|
|
798
926
|
},
|
|
@@ -800,7 +928,7 @@
|
|
|
800
928
|
"kind": "js",
|
|
801
929
|
"name": "CardFormSubmit",
|
|
802
930
|
"declaration": {
|
|
803
|
-
"name": "
|
|
931
|
+
"name": "pe",
|
|
804
932
|
"module": "dist/primer-loader.js"
|
|
805
933
|
}
|
|
806
934
|
},
|
|
@@ -808,7 +936,23 @@
|
|
|
808
936
|
"kind": "js",
|
|
809
937
|
"name": "Collapsable",
|
|
810
938
|
"declaration": {
|
|
811
|
-
"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",
|
|
812
956
|
"module": "dist/primer-loader.js"
|
|
813
957
|
}
|
|
814
958
|
},
|
|
@@ -816,7 +960,7 @@
|
|
|
816
960
|
"kind": "js",
|
|
817
961
|
"name": "ErrorMessage",
|
|
818
962
|
"declaration": {
|
|
819
|
-
"name": "
|
|
963
|
+
"name": "fe",
|
|
820
964
|
"module": "dist/primer-loader.js"
|
|
821
965
|
}
|
|
822
966
|
},
|
|
@@ -824,7 +968,7 @@
|
|
|
824
968
|
"kind": "js",
|
|
825
969
|
"name": "ErrorMessageContainer",
|
|
826
970
|
"declaration": {
|
|
827
|
-
"name": "
|
|
971
|
+
"name": "Be",
|
|
828
972
|
"module": "dist/primer-loader.js"
|
|
829
973
|
}
|
|
830
974
|
},
|
|
@@ -832,7 +976,7 @@
|
|
|
832
976
|
"kind": "js",
|
|
833
977
|
"name": "InitializedPayments",
|
|
834
978
|
"declaration": {
|
|
835
|
-
"name": "
|
|
979
|
+
"name": "vr",
|
|
836
980
|
"module": "dist/primer-loader.js"
|
|
837
981
|
}
|
|
838
982
|
},
|
|
@@ -840,7 +984,7 @@
|
|
|
840
984
|
"kind": "js",
|
|
841
985
|
"name": "Input",
|
|
842
986
|
"declaration": {
|
|
843
|
-
"name": "
|
|
987
|
+
"name": "U",
|
|
844
988
|
"module": "dist/primer-loader.js"
|
|
845
989
|
}
|
|
846
990
|
},
|
|
@@ -848,7 +992,7 @@
|
|
|
848
992
|
"kind": "js",
|
|
849
993
|
"name": "InputLabel",
|
|
850
994
|
"declaration": {
|
|
851
|
-
"name": "
|
|
995
|
+
"name": "De",
|
|
852
996
|
"module": "dist/primer-loader.js"
|
|
853
997
|
}
|
|
854
998
|
},
|
|
@@ -856,7 +1000,7 @@
|
|
|
856
1000
|
"kind": "js",
|
|
857
1001
|
"name": "InputWrapper",
|
|
858
1002
|
"declaration": {
|
|
859
|
-
"name": "
|
|
1003
|
+
"name": "Me",
|
|
860
1004
|
"module": "dist/primer-loader.js"
|
|
861
1005
|
}
|
|
862
1006
|
},
|
|
@@ -864,7 +1008,7 @@
|
|
|
864
1008
|
"kind": "js",
|
|
865
1009
|
"name": "NativePayment",
|
|
866
1010
|
"declaration": {
|
|
867
|
-
"name": "
|
|
1011
|
+
"name": "ke",
|
|
868
1012
|
"module": "dist/primer-loader.js"
|
|
869
1013
|
}
|
|
870
1014
|
},
|
|
@@ -872,7 +1016,15 @@
|
|
|
872
1016
|
"kind": "js",
|
|
873
1017
|
"name": "PaymentMethod",
|
|
874
1018
|
"declaration": {
|
|
875
|
-
"name": "
|
|
1019
|
+
"name": "He",
|
|
1020
|
+
"module": "dist/primer-loader.js"
|
|
1021
|
+
}
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"kind": "js",
|
|
1025
|
+
"name": "Portal",
|
|
1026
|
+
"declaration": {
|
|
1027
|
+
"name": "Qe",
|
|
876
1028
|
"module": "dist/primer-loader.js"
|
|
877
1029
|
}
|
|
878
1030
|
},
|
|
@@ -880,7 +1032,7 @@
|
|
|
880
1032
|
"kind": "js",
|
|
881
1033
|
"name": "PrimerCheckoutComplete",
|
|
882
1034
|
"declaration": {
|
|
883
|
-
"name": "
|
|
1035
|
+
"name": "Ft",
|
|
884
1036
|
"module": "dist/primer-loader.js"
|
|
885
1037
|
}
|
|
886
1038
|
},
|
|
@@ -888,7 +1040,7 @@
|
|
|
888
1040
|
"kind": "js",
|
|
889
1041
|
"name": "PrimerCheckoutComponent",
|
|
890
1042
|
"declaration": {
|
|
891
|
-
"name": "
|
|
1043
|
+
"name": "se",
|
|
892
1044
|
"module": "dist/primer-loader.js"
|
|
893
1045
|
}
|
|
894
1046
|
},
|
|
@@ -896,7 +1048,7 @@
|
|
|
896
1048
|
"kind": "js",
|
|
897
1049
|
"name": "PrimerCheckoutFailure",
|
|
898
1050
|
"declaration": {
|
|
899
|
-
"name": "
|
|
1051
|
+
"name": "yt",
|
|
900
1052
|
"module": "dist/primer-loader.js"
|
|
901
1053
|
}
|
|
902
1054
|
},
|
|
@@ -904,7 +1056,7 @@
|
|
|
904
1056
|
"kind": "js",
|
|
905
1057
|
"name": "PrimerCheckoutState",
|
|
906
1058
|
"declaration": {
|
|
907
|
-
"name": "
|
|
1059
|
+
"name": "Ve",
|
|
908
1060
|
"module": "dist/primer-loader.js"
|
|
909
1061
|
}
|
|
910
1062
|
},
|
|
@@ -912,7 +1064,7 @@
|
|
|
912
1064
|
"kind": "js",
|
|
913
1065
|
"name": "PrimerIcon",
|
|
914
1066
|
"declaration": {
|
|
915
|
-
"name": "
|
|
1067
|
+
"name": "Se",
|
|
916
1068
|
"module": "dist/primer-loader.js"
|
|
917
1069
|
}
|
|
918
1070
|
},
|
|
@@ -920,7 +1072,7 @@
|
|
|
920
1072
|
"kind": "js",
|
|
921
1073
|
"name": "PrimerKlarna",
|
|
922
1074
|
"declaration": {
|
|
923
|
-
"name": "
|
|
1075
|
+
"name": "J",
|
|
924
1076
|
"module": "dist/primer-loader.js"
|
|
925
1077
|
}
|
|
926
1078
|
},
|
|
@@ -928,7 +1080,7 @@
|
|
|
928
1080
|
"kind": "js",
|
|
929
1081
|
"name": "PrimerMain",
|
|
930
1082
|
"declaration": {
|
|
931
|
-
"name": "
|
|
1083
|
+
"name": "Ue",
|
|
932
1084
|
"module": "dist/primer-loader.js"
|
|
933
1085
|
}
|
|
934
1086
|
},
|
|
@@ -936,7 +1088,7 @@
|
|
|
936
1088
|
"kind": "js",
|
|
937
1089
|
"name": "RedirectPayment",
|
|
938
1090
|
"declaration": {
|
|
939
|
-
"name": "
|
|
1091
|
+
"name": "ve",
|
|
940
1092
|
"module": "dist/primer-loader.js"
|
|
941
1093
|
}
|
|
942
1094
|
},
|
|
@@ -944,7 +1096,7 @@
|
|
|
944
1096
|
"kind": "js",
|
|
945
1097
|
"name": "ShowOtherPayments",
|
|
946
1098
|
"declaration": {
|
|
947
|
-
"name": "
|
|
1099
|
+
"name": "Fe",
|
|
948
1100
|
"module": "dist/primer-loader.js"
|
|
949
1101
|
}
|
|
950
1102
|
},
|
|
@@ -952,7 +1104,7 @@
|
|
|
952
1104
|
"kind": "js",
|
|
953
1105
|
"name": "Spinner",
|
|
954
1106
|
"declaration": {
|
|
955
|
-
"name": "
|
|
1107
|
+
"name": "Ae",
|
|
956
1108
|
"module": "dist/primer-loader.js"
|
|
957
1109
|
}
|
|
958
1110
|
},
|
|
@@ -960,7 +1112,7 @@
|
|
|
960
1112
|
"kind": "js",
|
|
961
1113
|
"name": "VaultCvvInput",
|
|
962
1114
|
"declaration": {
|
|
963
|
-
"name": "
|
|
1115
|
+
"name": "ee",
|
|
964
1116
|
"module": "dist/primer-loader.js"
|
|
965
1117
|
}
|
|
966
1118
|
},
|
|
@@ -968,7 +1120,7 @@
|
|
|
968
1120
|
"kind": "js",
|
|
969
1121
|
"name": "VaultDeleteConfirmation",
|
|
970
1122
|
"declaration": {
|
|
971
|
-
"name": "
|
|
1123
|
+
"name": "ye",
|
|
972
1124
|
"module": "dist/primer-loader.js"
|
|
973
1125
|
}
|
|
974
1126
|
},
|
|
@@ -976,7 +1128,7 @@
|
|
|
976
1128
|
"kind": "js",
|
|
977
1129
|
"name": "VaultEmptyState",
|
|
978
1130
|
"declaration": {
|
|
979
|
-
"name": "
|
|
1131
|
+
"name": "vt",
|
|
980
1132
|
"module": "dist/primer-loader.js"
|
|
981
1133
|
}
|
|
982
1134
|
},
|
|
@@ -984,7 +1136,7 @@
|
|
|
984
1136
|
"kind": "js",
|
|
985
1137
|
"name": "VaultErrorMessage",
|
|
986
1138
|
"declaration": {
|
|
987
|
-
"name": "
|
|
1139
|
+
"name": "et",
|
|
988
1140
|
"module": "dist/primer-loader.js"
|
|
989
1141
|
}
|
|
990
1142
|
},
|
|
@@ -992,7 +1144,7 @@
|
|
|
992
1144
|
"kind": "js",
|
|
993
1145
|
"name": "VaultManager",
|
|
994
1146
|
"declaration": {
|
|
995
|
-
"name": "
|
|
1147
|
+
"name": "he",
|
|
996
1148
|
"module": "dist/primer-loader.js"
|
|
997
1149
|
}
|
|
998
1150
|
},
|
|
@@ -1000,7 +1152,7 @@
|
|
|
1000
1152
|
"kind": "js",
|
|
1001
1153
|
"name": "VaultManagerHeader",
|
|
1002
1154
|
"declaration": {
|
|
1003
|
-
"name": "
|
|
1155
|
+
"name": "ze",
|
|
1004
1156
|
"module": "dist/primer-loader.js"
|
|
1005
1157
|
}
|
|
1006
1158
|
},
|
|
@@ -1008,7 +1160,7 @@
|
|
|
1008
1160
|
"kind": "js",
|
|
1009
1161
|
"name": "VaultPaymentMethodItem",
|
|
1010
1162
|
"declaration": {
|
|
1011
|
-
"name": "
|
|
1163
|
+
"name": "ge",
|
|
1012
1164
|
"module": "dist/primer-loader.js"
|
|
1013
1165
|
}
|
|
1014
1166
|
},
|
|
@@ -1016,7 +1168,7 @@
|
|
|
1016
1168
|
"kind": "js",
|
|
1017
1169
|
"name": "VaultPaymentSubmit",
|
|
1018
1170
|
"declaration": {
|
|
1019
|
-
"name": "
|
|
1171
|
+
"name": "Q",
|
|
1020
1172
|
"module": "dist/primer-loader.js"
|
|
1021
1173
|
}
|
|
1022
1174
|
},
|
|
@@ -1024,7 +1176,7 @@
|
|
|
1024
1176
|
"kind": "js",
|
|
1025
1177
|
"name": "injectDarkTheme",
|
|
1026
1178
|
"declaration": {
|
|
1027
|
-
"name": "
|
|
1179
|
+
"name": "Kn",
|
|
1028
1180
|
"module": "dist/primer-loader.js"
|
|
1029
1181
|
}
|
|
1030
1182
|
},
|
|
@@ -1032,7 +1184,7 @@
|
|
|
1032
1184
|
"kind": "js",
|
|
1033
1185
|
"name": "injectLightTheme",
|
|
1034
1186
|
"declaration": {
|
|
1035
|
-
"name": "
|
|
1187
|
+
"name": "Bn",
|
|
1036
1188
|
"module": "dist/primer-loader.js"
|
|
1037
1189
|
}
|
|
1038
1190
|
},
|
|
@@ -1040,7 +1192,7 @@
|
|
|
1040
1192
|
"kind": "js",
|
|
1041
1193
|
"name": "injectLoaderStyles",
|
|
1042
1194
|
"declaration": {
|
|
1043
|
-
"name": "
|
|
1195
|
+
"name": "No",
|
|
1044
1196
|
"module": "dist/primer-loader.js"
|
|
1045
1197
|
}
|
|
1046
1198
|
},
|
|
@@ -1048,7 +1200,7 @@
|
|
|
1048
1200
|
"kind": "js",
|
|
1049
1201
|
"name": "injectThemeStyles",
|
|
1050
1202
|
"declaration": {
|
|
1051
|
-
"name": "
|
|
1203
|
+
"name": "Ro",
|
|
1052
1204
|
"module": "dist/primer-loader.js"
|
|
1053
1205
|
}
|
|
1054
1206
|
},
|
|
@@ -1056,7 +1208,7 @@
|
|
|
1056
1208
|
"kind": "js",
|
|
1057
1209
|
"name": "loadPrimer",
|
|
1058
1210
|
"declaration": {
|
|
1059
|
-
"name": "
|
|
1211
|
+
"name": "i_",
|
|
1060
1212
|
"module": "dist/primer-loader.js"
|
|
1061
1213
|
}
|
|
1062
1214
|
}
|
|
@@ -1148,6 +1300,38 @@
|
|
|
1148
1300
|
"name": "PrimerCheckoutComponent",
|
|
1149
1301
|
"module": "src/components.ts"
|
|
1150
1302
|
}
|
|
1303
|
+
},
|
|
1304
|
+
{
|
|
1305
|
+
"kind": "js",
|
|
1306
|
+
"name": "injectLoaderStyles",
|
|
1307
|
+
"declaration": {
|
|
1308
|
+
"name": "injectLoaderStyles",
|
|
1309
|
+
"module": "src/components.ts"
|
|
1310
|
+
}
|
|
1311
|
+
},
|
|
1312
|
+
{
|
|
1313
|
+
"kind": "js",
|
|
1314
|
+
"name": "injectThemeStyles",
|
|
1315
|
+
"declaration": {
|
|
1316
|
+
"name": "injectThemeStyles",
|
|
1317
|
+
"module": "src/components.ts"
|
|
1318
|
+
}
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"kind": "js",
|
|
1322
|
+
"name": "injectLightTheme",
|
|
1323
|
+
"declaration": {
|
|
1324
|
+
"name": "injectLightTheme",
|
|
1325
|
+
"module": "src/components.ts"
|
|
1326
|
+
}
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"kind": "js",
|
|
1330
|
+
"name": "injectDarkTheme",
|
|
1331
|
+
"declaration": {
|
|
1332
|
+
"name": "injectDarkTheme",
|
|
1333
|
+
"module": "src/components.ts"
|
|
1334
|
+
}
|
|
1151
1335
|
}
|
|
1152
1336
|
]
|
|
1153
1337
|
},
|
|
@@ -1197,46 +1381,6 @@
|
|
|
1197
1381
|
"kind": "javascript-module",
|
|
1198
1382
|
"path": "src/loader.ts",
|
|
1199
1383
|
"declarations": [
|
|
1200
|
-
{
|
|
1201
|
-
"kind": "function",
|
|
1202
|
-
"name": "injectLoaderStyles",
|
|
1203
|
-
"return": {
|
|
1204
|
-
"type": {
|
|
1205
|
-
"text": "void"
|
|
1206
|
-
}
|
|
1207
|
-
},
|
|
1208
|
-
"description": "Injects the CSS loader styles into the page\nThese styles display a loading indicator before JavaScript initializes\n\nUnlike theme styles, loader styles should take precedence over merchant styles\nto ensure the loading indicator is visible. We append them to the end of the head."
|
|
1209
|
-
},
|
|
1210
|
-
{
|
|
1211
|
-
"kind": "function",
|
|
1212
|
-
"name": "injectThemeStyles",
|
|
1213
|
-
"return": {
|
|
1214
|
-
"type": {
|
|
1215
|
-
"text": "void"
|
|
1216
|
-
}
|
|
1217
|
-
},
|
|
1218
|
-
"description": "Injects all required theme CSS variables into the page\nThis should be called before components are rendered to ensure\nthey have access to all design tokens\n\nTheme styles are prepended to the document head to allow merchant styles\nto override our default variables."
|
|
1219
|
-
},
|
|
1220
|
-
{
|
|
1221
|
-
"kind": "function",
|
|
1222
|
-
"name": "injectLightTheme",
|
|
1223
|
-
"return": {
|
|
1224
|
-
"type": {
|
|
1225
|
-
"text": "void"
|
|
1226
|
-
}
|
|
1227
|
-
},
|
|
1228
|
-
"description": "Utility function to inject only the light theme CSS variables"
|
|
1229
|
-
},
|
|
1230
|
-
{
|
|
1231
|
-
"kind": "function",
|
|
1232
|
-
"name": "injectDarkTheme",
|
|
1233
|
-
"return": {
|
|
1234
|
-
"type": {
|
|
1235
|
-
"text": "void"
|
|
1236
|
-
}
|
|
1237
|
-
},
|
|
1238
|
-
"description": "Utility function to inject only the dark theme CSS variables"
|
|
1239
|
-
},
|
|
1240
1384
|
{
|
|
1241
1385
|
"kind": "function",
|
|
1242
1386
|
"name": "loadPrimer",
|
|
@@ -1419,6 +1563,15 @@
|
|
|
1419
1563
|
"privacy": "private",
|
|
1420
1564
|
"default": "false"
|
|
1421
1565
|
},
|
|
1566
|
+
{
|
|
1567
|
+
"kind": "field",
|
|
1568
|
+
"name": "_loadingTimeoutId",
|
|
1569
|
+
"type": {
|
|
1570
|
+
"text": "number | null"
|
|
1571
|
+
},
|
|
1572
|
+
"privacy": "private",
|
|
1573
|
+
"default": "null"
|
|
1574
|
+
},
|
|
1422
1575
|
{
|
|
1423
1576
|
"kind": "field",
|
|
1424
1577
|
"name": "locale",
|
|
@@ -1480,6 +1633,14 @@
|
|
|
1480
1633
|
},
|
|
1481
1634
|
"default": "new CardNetworkController(this)"
|
|
1482
1635
|
},
|
|
1636
|
+
{
|
|
1637
|
+
"kind": "field",
|
|
1638
|
+
"name": "achPaymentEventsController",
|
|
1639
|
+
"type": {
|
|
1640
|
+
"text": "AchPaymentEventsController"
|
|
1641
|
+
},
|
|
1642
|
+
"default": "new AchPaymentEventsController(this)"
|
|
1643
|
+
},
|
|
1483
1644
|
{
|
|
1484
1645
|
"kind": "method",
|
|
1485
1646
|
"name": "checkLoadingStateChange",
|
|
@@ -1635,6 +1796,151 @@
|
|
|
1635
1796
|
}
|
|
1636
1797
|
}
|
|
1637
1798
|
]
|
|
1799
|
+
},
|
|
1800
|
+
{
|
|
1801
|
+
"kind": "method",
|
|
1802
|
+
"name": "removeEventListener",
|
|
1803
|
+
"return": {
|
|
1804
|
+
"type": {
|
|
1805
|
+
"text": "void"
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
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
|
+
]
|
|
1829
|
+
},
|
|
1830
|
+
{
|
|
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
|
+
]
|
|
1638
1944
|
}
|
|
1639
1945
|
],
|
|
1640
1946
|
"attributes": [
|
|
@@ -1701,19 +2007,99 @@
|
|
|
1701
2007
|
},
|
|
1702
2008
|
{
|
|
1703
2009
|
"kind": "javascript-module",
|
|
1704
|
-
"path": "
|
|
2010
|
+
"path": "src/styles.ts",
|
|
1705
2011
|
"declarations": [
|
|
1706
2012
|
{
|
|
1707
|
-
"kind": "
|
|
1708
|
-
"name": "
|
|
1709
|
-
"
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
2013
|
+
"kind": "function",
|
|
2014
|
+
"name": "injectLoaderStyles",
|
|
2015
|
+
"return": {
|
|
2016
|
+
"type": {
|
|
2017
|
+
"text": "void"
|
|
2018
|
+
}
|
|
2019
|
+
},
|
|
2020
|
+
"description": "Injects the CSS loader styles into the page\nThese styles display a loading indicator before JavaScript initializes\n\nUnlike theme styles, loader styles should take precedence over merchant styles\nto ensure the loading indicator is visible. We append them to the end of the head."
|
|
2021
|
+
},
|
|
1713
2022
|
{
|
|
1714
|
-
"kind": "
|
|
1715
|
-
"name": "
|
|
1716
|
-
"
|
|
2023
|
+
"kind": "function",
|
|
2024
|
+
"name": "injectThemeStyles",
|
|
2025
|
+
"return": {
|
|
2026
|
+
"type": {
|
|
2027
|
+
"text": "void"
|
|
2028
|
+
}
|
|
2029
|
+
},
|
|
2030
|
+
"description": "Injects all required theme CSS variables into the page\nThis should be called before components are rendered to ensure\nthey have access to all design tokens\n\nTheme styles are prepended to the document head to allow merchant styles\nto override our default variables."
|
|
2031
|
+
},
|
|
2032
|
+
{
|
|
2033
|
+
"kind": "function",
|
|
2034
|
+
"name": "injectLightTheme",
|
|
2035
|
+
"return": {
|
|
2036
|
+
"type": {
|
|
2037
|
+
"text": "void"
|
|
2038
|
+
}
|
|
2039
|
+
},
|
|
2040
|
+
"description": "Utility function to inject only the light theme CSS variables"
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"kind": "function",
|
|
2044
|
+
"name": "injectDarkTheme",
|
|
2045
|
+
"return": {
|
|
2046
|
+
"type": {
|
|
2047
|
+
"text": "void"
|
|
2048
|
+
}
|
|
2049
|
+
},
|
|
2050
|
+
"description": "Utility function to inject only the dark theme CSS variables"
|
|
2051
|
+
}
|
|
2052
|
+
],
|
|
2053
|
+
"exports": [
|
|
2054
|
+
{
|
|
2055
|
+
"kind": "js",
|
|
2056
|
+
"name": "injectLoaderStyles",
|
|
2057
|
+
"declaration": {
|
|
2058
|
+
"name": "injectLoaderStyles",
|
|
2059
|
+
"module": "src/styles.ts"
|
|
2060
|
+
}
|
|
2061
|
+
},
|
|
2062
|
+
{
|
|
2063
|
+
"kind": "js",
|
|
2064
|
+
"name": "injectThemeStyles",
|
|
2065
|
+
"declaration": {
|
|
2066
|
+
"name": "injectThemeStyles",
|
|
2067
|
+
"module": "src/styles.ts"
|
|
2068
|
+
}
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"kind": "js",
|
|
2072
|
+
"name": "injectLightTheme",
|
|
2073
|
+
"declaration": {
|
|
2074
|
+
"name": "injectLightTheme",
|
|
2075
|
+
"module": "src/styles.ts"
|
|
2076
|
+
}
|
|
2077
|
+
},
|
|
2078
|
+
{
|
|
2079
|
+
"kind": "js",
|
|
2080
|
+
"name": "injectDarkTheme",
|
|
2081
|
+
"declaration": {
|
|
2082
|
+
"name": "injectDarkTheme",
|
|
2083
|
+
"module": "src/styles.ts"
|
|
2084
|
+
}
|
|
2085
|
+
}
|
|
2086
|
+
]
|
|
2087
|
+
},
|
|
2088
|
+
{
|
|
2089
|
+
"kind": "javascript-module",
|
|
2090
|
+
"path": "cdn/chunks/ar.5AY75F5J.js",
|
|
2091
|
+
"declarations": [
|
|
2092
|
+
{
|
|
2093
|
+
"kind": "variable",
|
|
2094
|
+
"name": "o",
|
|
2095
|
+
"default": "e"
|
|
2096
|
+
}
|
|
2097
|
+
],
|
|
2098
|
+
"exports": [
|
|
2099
|
+
{
|
|
2100
|
+
"kind": "js",
|
|
2101
|
+
"name": "templates",
|
|
2102
|
+
"declaration": {
|
|
1717
2103
|
"name": "o",
|
|
1718
2104
|
"module": "cdn/chunks/ar.5AY75F5J.js"
|
|
1719
2105
|
}
|
|
@@ -4003,6 +4389,22 @@
|
|
|
4003
4389
|
"name": "*",
|
|
4004
4390
|
"package": "./error-message/error-message"
|
|
4005
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
|
+
}
|
|
4006
4408
|
}
|
|
4007
4409
|
]
|
|
4008
4410
|
},
|
|
@@ -4035,6 +4437,22 @@
|
|
|
4035
4437
|
"package": "./payment-method/payment-method"
|
|
4036
4438
|
}
|
|
4037
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
|
+
},
|
|
4038
4456
|
{
|
|
4039
4457
|
"kind": "js",
|
|
4040
4458
|
"name": "*",
|
|
@@ -4544,6 +4962,33 @@
|
|
|
4544
4962
|
"privacy": "private",
|
|
4545
4963
|
"default": "[]"
|
|
4546
4964
|
},
|
|
4965
|
+
{
|
|
4966
|
+
"kind": "field",
|
|
4967
|
+
"name": "currentSdkInstance",
|
|
4968
|
+
"type": {
|
|
4969
|
+
"text": "PrimerHeadlessCheckout | null"
|
|
4970
|
+
},
|
|
4971
|
+
"privacy": "private",
|
|
4972
|
+
"default": "null"
|
|
4973
|
+
},
|
|
4974
|
+
{
|
|
4975
|
+
"kind": "field",
|
|
4976
|
+
"name": "loadingTimeout",
|
|
4977
|
+
"type": {
|
|
4978
|
+
"text": "any"
|
|
4979
|
+
},
|
|
4980
|
+
"privacy": "private",
|
|
4981
|
+
"default": "null"
|
|
4982
|
+
},
|
|
4983
|
+
{
|
|
4984
|
+
"kind": "field",
|
|
4985
|
+
"name": "isDisconnected",
|
|
4986
|
+
"type": {
|
|
4987
|
+
"text": "boolean"
|
|
4988
|
+
},
|
|
4989
|
+
"privacy": "private",
|
|
4990
|
+
"default": "false"
|
|
4991
|
+
},
|
|
4547
4992
|
{
|
|
4548
4993
|
"kind": "field",
|
|
4549
4994
|
"name": "paymentsList",
|
|
@@ -4560,6 +5005,45 @@
|
|
|
4560
5005
|
}
|
|
4561
5006
|
}
|
|
4562
5007
|
},
|
|
5008
|
+
{
|
|
5009
|
+
"kind": "method",
|
|
5010
|
+
"name": "hostDisconnected",
|
|
5011
|
+
"return": {
|
|
5012
|
+
"type": {
|
|
5013
|
+
"text": "void"
|
|
5014
|
+
}
|
|
5015
|
+
}
|
|
5016
|
+
},
|
|
5017
|
+
{
|
|
5018
|
+
"kind": "method",
|
|
5019
|
+
"name": "setupLoadingTimeout",
|
|
5020
|
+
"privacy": "private",
|
|
5021
|
+
"return": {
|
|
5022
|
+
"type": {
|
|
5023
|
+
"text": "void"
|
|
5024
|
+
}
|
|
5025
|
+
}
|
|
5026
|
+
},
|
|
5027
|
+
{
|
|
5028
|
+
"kind": "method",
|
|
5029
|
+
"name": "clearLoadingTimeout",
|
|
5030
|
+
"privacy": "private",
|
|
5031
|
+
"return": {
|
|
5032
|
+
"type": {
|
|
5033
|
+
"text": "void"
|
|
5034
|
+
}
|
|
5035
|
+
}
|
|
5036
|
+
},
|
|
5037
|
+
{
|
|
5038
|
+
"kind": "method",
|
|
5039
|
+
"name": "cleanupResources",
|
|
5040
|
+
"privacy": "private",
|
|
5041
|
+
"return": {
|
|
5042
|
+
"type": {
|
|
5043
|
+
"text": "void"
|
|
5044
|
+
}
|
|
5045
|
+
}
|
|
5046
|
+
},
|
|
4563
5047
|
{
|
|
4564
5048
|
"kind": "method",
|
|
4565
5049
|
"name": "_loadV2Sdk",
|
|
@@ -5215,6 +5699,10 @@
|
|
|
5215
5699
|
"kind": "method",
|
|
5216
5700
|
"name": "reset"
|
|
5217
5701
|
},
|
|
5702
|
+
{
|
|
5703
|
+
"kind": "method",
|
|
5704
|
+
"name": "forceCompleteLoading"
|
|
5705
|
+
},
|
|
5218
5706
|
{
|
|
5219
5707
|
"kind": "field",
|
|
5220
5708
|
"name": "state",
|
|
@@ -5524,13 +6012,13 @@
|
|
|
5524
6012
|
{
|
|
5525
6013
|
"kind": "variable",
|
|
5526
6014
|
"name": "lightThemeCSS",
|
|
5527
|
-
"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); } `",
|
|
5528
6016
|
"description": "Light theme CSS variables"
|
|
5529
6017
|
},
|
|
5530
6018
|
{
|
|
5531
6019
|
"kind": "variable",
|
|
5532
6020
|
"name": "darkThemeCSS",
|
|
5533
|
-
"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; } `",
|
|
5534
6022
|
"description": "Dark theme CSS variables"
|
|
5535
6023
|
}
|
|
5536
6024
|
],
|
|
@@ -5860,6 +6348,14 @@
|
|
|
5860
6348
|
"module": "src/types/sdk.ts"
|
|
5861
6349
|
}
|
|
5862
6350
|
},
|
|
6351
|
+
{
|
|
6352
|
+
"kind": "js",
|
|
6353
|
+
"name": "StripeAchCustomerDetails",
|
|
6354
|
+
"declaration": {
|
|
6355
|
+
"name": "StripeAchCustomerDetails",
|
|
6356
|
+
"module": "src/types/sdk.ts"
|
|
6357
|
+
}
|
|
6358
|
+
},
|
|
5863
6359
|
{
|
|
5864
6360
|
"kind": "js",
|
|
5865
6361
|
"name": "Validation",
|
|
@@ -6369,6 +6865,39 @@
|
|
|
6369
6865
|
}
|
|
6370
6866
|
]
|
|
6371
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
|
+
},
|
|
6372
6901
|
{
|
|
6373
6902
|
"kind": "javascript-module",
|
|
6374
6903
|
"path": "src/atoms/button/button.component.ts",
|
|
@@ -6950,66 +7479,145 @@
|
|
|
6950
7479
|
},
|
|
6951
7480
|
{
|
|
6952
7481
|
"kind": "javascript-module",
|
|
6953
|
-
"path": "src/atoms/
|
|
7482
|
+
"path": "src/atoms/dialog/dialog.component.ts",
|
|
6954
7483
|
"declarations": [
|
|
6955
7484
|
{
|
|
6956
7485
|
"kind": "class",
|
|
6957
|
-
"description": "
|
|
6958
|
-
"name": "
|
|
6959
|
-
"
|
|
6960
|
-
{
|
|
6961
|
-
"description": "The main error message container",
|
|
6962
|
-
"name": "error-message"
|
|
6963
|
-
},
|
|
6964
|
-
{
|
|
6965
|
-
"description": "The error icon container",
|
|
6966
|
-
"name": "error-icon"
|
|
6967
|
-
},
|
|
7486
|
+
"description": "",
|
|
7487
|
+
"name": "DialogComponent",
|
|
7488
|
+
"members": [
|
|
6968
7489
|
{
|
|
6969
|
-
"
|
|
6970
|
-
"name": "
|
|
7490
|
+
"kind": "method",
|
|
7491
|
+
"name": "_handleCloseClick",
|
|
7492
|
+
"privacy": "private"
|
|
6971
7493
|
}
|
|
6972
7494
|
],
|
|
6973
|
-
"
|
|
6974
|
-
{
|
|
6975
|
-
"kind": "field",
|
|
6976
|
-
"name": "message",
|
|
6977
|
-
"type": {
|
|
6978
|
-
"text": "string"
|
|
6979
|
-
},
|
|
6980
|
-
"default": "''",
|
|
6981
|
-
"description": "The error message text to display",
|
|
6982
|
-
"attribute": "message"
|
|
6983
|
-
},
|
|
6984
|
-
{
|
|
6985
|
-
"kind": "field",
|
|
6986
|
-
"name": "visible",
|
|
6987
|
-
"type": {
|
|
6988
|
-
"text": "boolean"
|
|
6989
|
-
},
|
|
6990
|
-
"default": "false",
|
|
6991
|
-
"description": "Whether the error message is visible",
|
|
6992
|
-
"attribute": "visible",
|
|
6993
|
-
"reflects": true
|
|
6994
|
-
},
|
|
6995
|
-
{
|
|
6996
|
-
"kind": "field",
|
|
6997
|
-
"name": "role",
|
|
6998
|
-
"type": {
|
|
6999
|
-
"text": "string"
|
|
7000
|
-
},
|
|
7001
|
-
"default": "'alert'",
|
|
7002
|
-
"description": "Accessibility role for the error message\nDefaults to \"alert\" for proper screen reader announcements",
|
|
7003
|
-
"attribute": "role",
|
|
7004
|
-
"reflects": true
|
|
7005
|
-
},
|
|
7495
|
+
"events": [
|
|
7006
7496
|
{
|
|
7007
|
-
"
|
|
7008
|
-
"name": "showMessage",
|
|
7497
|
+
"name": "primer-dialog-close",
|
|
7009
7498
|
"type": {
|
|
7010
|
-
"text": "
|
|
7011
|
-
}
|
|
7012
|
-
|
|
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
|
+
},
|
|
7559
|
+
{
|
|
7560
|
+
"kind": "javascript-module",
|
|
7561
|
+
"path": "src/atoms/error-message/error-message.component.ts",
|
|
7562
|
+
"declarations": [
|
|
7563
|
+
{
|
|
7564
|
+
"kind": "class",
|
|
7565
|
+
"description": "A reusable atomic error message component that displays error information\nwith appropriate styling and accessibility attributes.\n\nThis component is fully accessible and designed to work with screen readers.\nIt includes animations for visibility transitions.",
|
|
7566
|
+
"name": "ErrorMessageComponent",
|
|
7567
|
+
"cssParts": [
|
|
7568
|
+
{
|
|
7569
|
+
"description": "The main error message container",
|
|
7570
|
+
"name": "error-message"
|
|
7571
|
+
},
|
|
7572
|
+
{
|
|
7573
|
+
"description": "The error icon container",
|
|
7574
|
+
"name": "error-icon"
|
|
7575
|
+
},
|
|
7576
|
+
{
|
|
7577
|
+
"description": "The error text content",
|
|
7578
|
+
"name": "error-content"
|
|
7579
|
+
}
|
|
7580
|
+
],
|
|
7581
|
+
"members": [
|
|
7582
|
+
{
|
|
7583
|
+
"kind": "field",
|
|
7584
|
+
"name": "message",
|
|
7585
|
+
"type": {
|
|
7586
|
+
"text": "string"
|
|
7587
|
+
},
|
|
7588
|
+
"default": "''",
|
|
7589
|
+
"description": "The error message text to display",
|
|
7590
|
+
"attribute": "message"
|
|
7591
|
+
},
|
|
7592
|
+
{
|
|
7593
|
+
"kind": "field",
|
|
7594
|
+
"name": "visible",
|
|
7595
|
+
"type": {
|
|
7596
|
+
"text": "boolean"
|
|
7597
|
+
},
|
|
7598
|
+
"default": "false",
|
|
7599
|
+
"description": "Whether the error message is visible",
|
|
7600
|
+
"attribute": "visible",
|
|
7601
|
+
"reflects": true
|
|
7602
|
+
},
|
|
7603
|
+
{
|
|
7604
|
+
"kind": "field",
|
|
7605
|
+
"name": "role",
|
|
7606
|
+
"type": {
|
|
7607
|
+
"text": "string"
|
|
7608
|
+
},
|
|
7609
|
+
"default": "'alert'",
|
|
7610
|
+
"description": "Accessibility role for the error message\nDefaults to \"alert\" for proper screen reader announcements",
|
|
7611
|
+
"attribute": "role",
|
|
7612
|
+
"reflects": true
|
|
7613
|
+
},
|
|
7614
|
+
{
|
|
7615
|
+
"kind": "field",
|
|
7616
|
+
"name": "showMessage",
|
|
7617
|
+
"type": {
|
|
7618
|
+
"text": "boolean"
|
|
7619
|
+
},
|
|
7620
|
+
"privacy": "private",
|
|
7013
7621
|
"default": "false",
|
|
7014
7622
|
"description": "Internal state to track animation state\nThis helps manage proper animations with DOM presence/absence"
|
|
7015
7623
|
},
|
|
@@ -7240,7 +7848,7 @@
|
|
|
7240
7848
|
"type": {
|
|
7241
7849
|
"text": "Record<string, SVGTemplateResult>"
|
|
7242
7850
|
},
|
|
7243
|
-
"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> `, }"
|
|
7244
7852
|
}
|
|
7245
7853
|
],
|
|
7246
7854
|
"exports": [
|
|
@@ -8278,6 +8886,118 @@
|
|
|
8278
8886
|
}
|
|
8279
8887
|
]
|
|
8280
8888
|
},
|
|
8889
|
+
{
|
|
8890
|
+
"kind": "javascript-module",
|
|
8891
|
+
"path": "src/atoms/portal/portal.component.ts",
|
|
8892
|
+
"declarations": [
|
|
8893
|
+
{
|
|
8894
|
+
"kind": "class",
|
|
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
|
+
},
|
|
8281
9001
|
{
|
|
8282
9002
|
"kind": "javascript-module",
|
|
8283
9003
|
"path": "src/atoms/spinner/spinner.component.ts",
|
|
@@ -8416,51 +9136,536 @@
|
|
|
8416
9136
|
},
|
|
8417
9137
|
{
|
|
8418
9138
|
"kind": "javascript-module",
|
|
8419
|
-
"path": "src/containers/
|
|
9139
|
+
"path": "src/containers/ach-payment/ach-payment-events-controller.ts",
|
|
8420
9140
|
"declarations": [
|
|
8421
9141
|
{
|
|
8422
|
-
"kind": "
|
|
8423
|
-
"
|
|
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
|
+
]
|
|
8424
9186
|
}
|
|
8425
9187
|
],
|
|
8426
9188
|
"exports": [
|
|
8427
9189
|
{
|
|
8428
9190
|
"kind": "js",
|
|
8429
|
-
"name": "
|
|
9191
|
+
"name": "AchPaymentEventsController",
|
|
8430
9192
|
"declaration": {
|
|
8431
|
-
"name": "
|
|
8432
|
-
"module": "src/containers/
|
|
9193
|
+
"name": "AchPaymentEventsController",
|
|
9194
|
+
"module": "src/containers/ach-payment/ach-payment-events-controller.ts"
|
|
8433
9195
|
}
|
|
8434
9196
|
}
|
|
8435
9197
|
]
|
|
8436
9198
|
},
|
|
8437
9199
|
{
|
|
8438
9200
|
"kind": "javascript-module",
|
|
8439
|
-
"path": "src/containers/
|
|
9201
|
+
"path": "src/containers/ach-payment/ach-payment-form-controller.ts",
|
|
8440
9202
|
"declarations": [
|
|
8441
9203
|
{
|
|
8442
9204
|
"kind": "class",
|
|
8443
|
-
"description": "
|
|
8444
|
-
"name": "
|
|
9205
|
+
"description": "",
|
|
9206
|
+
"name": "AchPaymentFormControler",
|
|
8445
9207
|
"members": [
|
|
8446
9208
|
{
|
|
8447
9209
|
"kind": "field",
|
|
8448
|
-
"name": "
|
|
9210
|
+
"name": "host",
|
|
8449
9211
|
"type": {
|
|
8450
|
-
"text": "
|
|
9212
|
+
"text": "AchPaymentComponent"
|
|
8451
9213
|
},
|
|
8452
|
-
"
|
|
8453
|
-
"default": "false",
|
|
8454
|
-
"description": "Tracks whether custom content has been provided via slot"
|
|
9214
|
+
"default": "host"
|
|
8455
9215
|
},
|
|
8456
9216
|
{
|
|
8457
9217
|
"kind": "field",
|
|
8458
|
-
"name": "
|
|
9218
|
+
"name": "validate",
|
|
8459
9219
|
"type": {
|
|
8460
|
-
"text": "
|
|
9220
|
+
"text": "ValidationFunction"
|
|
8461
9221
|
},
|
|
8462
|
-
"
|
|
8463
|
-
|
|
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
|
+
]
|
|
9468
|
+
},
|
|
9469
|
+
{
|
|
9470
|
+
"kind": "method",
|
|
9471
|
+
"name": "_handleCollectBankAccountDetails",
|
|
9472
|
+
"privacy": "private",
|
|
9473
|
+
"parameters": [
|
|
9474
|
+
{
|
|
9475
|
+
"name": "manager",
|
|
9476
|
+
"type": {
|
|
9477
|
+
"text": "IAchPaymentMethodManager"
|
|
9478
|
+
}
|
|
9479
|
+
}
|
|
9480
|
+
]
|
|
9481
|
+
},
|
|
9482
|
+
{
|
|
9483
|
+
"kind": "method",
|
|
9484
|
+
"name": "_handleConfirmMandate",
|
|
9485
|
+
"privacy": "private",
|
|
9486
|
+
"return": {
|
|
9487
|
+
"type": {
|
|
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"
|
|
9509
|
+
}
|
|
9510
|
+
},
|
|
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
|
+
}
|
|
9529
|
+
}
|
|
9530
|
+
],
|
|
9531
|
+
"events": [
|
|
9532
|
+
{
|
|
9533
|
+
"name": "primer-ach-error",
|
|
9534
|
+
"type": {
|
|
9535
|
+
"text": "CustomEvent"
|
|
9536
|
+
}
|
|
9537
|
+
},
|
|
9538
|
+
{
|
|
9539
|
+
"name": "primer-ach-bank-details-collected",
|
|
9540
|
+
"type": {
|
|
9541
|
+
"text": "CustomEvent"
|
|
9542
|
+
}
|
|
9543
|
+
},
|
|
9544
|
+
{
|
|
9545
|
+
"name": "primer-ach-mandate-confirmed",
|
|
9546
|
+
"type": {
|
|
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"
|
|
9562
|
+
},
|
|
9563
|
+
"fieldName": "paymentMethod"
|
|
9564
|
+
}
|
|
9565
|
+
],
|
|
9566
|
+
"superclass": {
|
|
9567
|
+
"name": "LitElement",
|
|
9568
|
+
"package": "lit"
|
|
9569
|
+
},
|
|
9570
|
+
"tagName": "primer-ach-payment",
|
|
9571
|
+
"customElement": true
|
|
9572
|
+
}
|
|
9573
|
+
],
|
|
9574
|
+
"exports": [
|
|
9575
|
+
{
|
|
9576
|
+
"kind": "js",
|
|
9577
|
+
"name": "AchPaymentComponent",
|
|
9578
|
+
"declaration": {
|
|
9579
|
+
"name": "AchPaymentComponent",
|
|
9580
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
9581
|
+
}
|
|
9582
|
+
},
|
|
9583
|
+
{
|
|
9584
|
+
"kind": "custom-element-definition",
|
|
9585
|
+
"name": "primer-ach-payment",
|
|
9586
|
+
"declaration": {
|
|
9587
|
+
"name": "AchPaymentComponent",
|
|
9588
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
9589
|
+
}
|
|
9590
|
+
}
|
|
9591
|
+
]
|
|
9592
|
+
},
|
|
9593
|
+
{
|
|
9594
|
+
"kind": "javascript-module",
|
|
9595
|
+
"path": "src/containers/ach-payment/ach-payment.styles.ts",
|
|
9596
|
+
"declarations": [],
|
|
9597
|
+
"exports": [
|
|
9598
|
+
{
|
|
9599
|
+
"kind": "js",
|
|
9600
|
+
"name": "default",
|
|
9601
|
+
"declaration": {
|
|
9602
|
+
"module": "src/containers/ach-payment/ach-payment.styles.ts"
|
|
9603
|
+
}
|
|
9604
|
+
}
|
|
9605
|
+
]
|
|
9606
|
+
},
|
|
9607
|
+
{
|
|
9608
|
+
"kind": "javascript-module",
|
|
9609
|
+
"path": "src/containers/ach-payment/ach-payment.ts",
|
|
9610
|
+
"declarations": [],
|
|
9611
|
+
"exports": [
|
|
9612
|
+
{
|
|
9613
|
+
"kind": "js",
|
|
9614
|
+
"name": "AchPayment",
|
|
9615
|
+
"declaration": {
|
|
9616
|
+
"name": "AchPaymentComponent",
|
|
9617
|
+
"module": "src/containers/ach-payment/ach-payment.ts"
|
|
9618
|
+
}
|
|
9619
|
+
}
|
|
9620
|
+
]
|
|
9621
|
+
},
|
|
9622
|
+
{
|
|
9623
|
+
"kind": "javascript-module",
|
|
9624
|
+
"path": "src/containers/card-form/card-form-context.ts",
|
|
9625
|
+
"declarations": [
|
|
9626
|
+
{
|
|
9627
|
+
"kind": "variable",
|
|
9628
|
+
"name": "cardFormContext"
|
|
9629
|
+
}
|
|
9630
|
+
],
|
|
9631
|
+
"exports": [
|
|
9632
|
+
{
|
|
9633
|
+
"kind": "js",
|
|
9634
|
+
"name": "cardFormContext",
|
|
9635
|
+
"declaration": {
|
|
9636
|
+
"name": "cardFormContext",
|
|
9637
|
+
"module": "src/containers/card-form/card-form-context.ts"
|
|
9638
|
+
}
|
|
9639
|
+
}
|
|
9640
|
+
]
|
|
9641
|
+
},
|
|
9642
|
+
{
|
|
9643
|
+
"kind": "javascript-module",
|
|
9644
|
+
"path": "src/containers/card-form/card-form.component.ts",
|
|
9645
|
+
"declarations": [
|
|
9646
|
+
{
|
|
9647
|
+
"kind": "class",
|
|
9648
|
+
"description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.",
|
|
9649
|
+
"name": "CardFormComponent",
|
|
9650
|
+
"members": [
|
|
9651
|
+
{
|
|
9652
|
+
"kind": "field",
|
|
9653
|
+
"name": "hasAssignedContent",
|
|
9654
|
+
"type": {
|
|
9655
|
+
"text": "boolean"
|
|
9656
|
+
},
|
|
9657
|
+
"privacy": "private",
|
|
9658
|
+
"default": "false",
|
|
9659
|
+
"description": "Tracks whether custom content has been provided via slot"
|
|
9660
|
+
},
|
|
9661
|
+
{
|
|
9662
|
+
"kind": "field",
|
|
9663
|
+
"name": "selectedCardNetwork",
|
|
9664
|
+
"type": {
|
|
9665
|
+
"text": "string | null"
|
|
9666
|
+
},
|
|
9667
|
+
"privacy": "private",
|
|
9668
|
+
"default": "null"
|
|
8464
9669
|
},
|
|
8465
9670
|
{
|
|
8466
9671
|
"kind": "field",
|
|
@@ -8632,6 +9837,162 @@
|
|
|
8632
9837
|
"declarations": [],
|
|
8633
9838
|
"exports": []
|
|
8634
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
|
+
},
|
|
8635
9996
|
{
|
|
8636
9997
|
"kind": "javascript-module",
|
|
8637
9998
|
"path": "src/containers/error-message-container/error-message-container.component.ts",
|