@primer-io/primer-js 0.3.12 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/README.md +83 -101
- package/dist/custom-elements.json +1671 -364
- package/dist/jsx/index.d.ts +102 -1
- package/dist/primer-loader.d.ts +687 -14
- package/dist/primer-loader.js +10 -10
- package/dist/vscode.html-custom-data.json +61 -1
- package/dist/web-types.json +219 -6
- package/package.json +5 -3
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
"kind": "variable",
|
|
47
|
-
"name": "
|
|
47
|
+
"name": "Jr",
|
|
48
48
|
"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}}"
|
|
49
49
|
},
|
|
50
50
|
{
|
|
@@ -82,243 +82,258 @@
|
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
84
|
"kind": "variable",
|
|
85
|
-
"name": "
|
|
86
|
-
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=document.querySelector(\"primer-dialog\");if(e){e.startExitAnimation();let r=()=>{this.open=!1,this.removeEventListener(\"primer-dialog-close\",r)};this.addEventListener(\"primer-dialog-close\",r)}else this.open=!1}renderContent(){return
|
|
85
|
+
"name": "se",
|
|
86
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=document.querySelector(\"primer-dialog\");if(e){e.startExitAnimation();let r=()=>{this.open=!1,this.removeEventListener(\"primer-dialog-close\",r)};this.addEventListener(\"primer-dialog-close\",r)}else this.open=!1}renderContent(){return m`<div class=\"content-container\"><slot></slot>${this.renderSecureHtmlContent()}</div>`}renderSecureHtmlContent(){return this.secureHtmlContent?To(this.secureHtmlContent)?m`${xn(this.secureHtmlContent.content)}`:(x.warn(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),h):h}renderDialog(){return this.open?m`<primer-portal><primer-dialog .open=${this.open} size=${this.size} .showCloseButton=${!1} @primer-dialog-close=\"${()=>this.closeDialog()}\" >${this.renderContent()}</primer-dialog></primer-portal>`:h}connectedCallback(){super.connectedCallback(),this.open||this.openDialog()}updated(e){if(super.updated(e),e.has(\"secureHtmlContent\")){let r=this.secureHtmlContent;r&&!To(r)&&(x.errorWithDatadog(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),this.secureHtmlContent=void 0)}e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return m`${this.renderDialog()}`}}"
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
"kind": "variable",
|
|
90
|
-
"name": "
|
|
91
|
-
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this._eventListenerController=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
|
|
90
|
+
"name": "be",
|
|
91
|
+
"default": "class extends v{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this._eventListenerController=null;this.locale=\"en-GB\";this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new Tr(this),this.sdkStateController=new Pr(this),this.primerEventsController=new Lt(this),this.styleProcessingController=new Mr(this),this.vaultManagerController=new Jt(this),this.cardNetworkController=new Cr(this),this.achPaymentEventsController=new gi(this),new fi(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}connectedCallback(){super.connectedCallback(),this.sdkContextController.setEventsController(this.primerEventsController),this._eventListenerController=new AbortController,document.addEventListener(\"primer:card-submit\",this.handleExternalCardSubmit.bind(this),{signal:this._eventListenerController.signal})}attributeChangedCallback(e,r,o){e===Zd.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),this._eventListenerController&&(this._eventListenerController.abort(),this._eventListenerController=null),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(Wi(this.options?.locale)?this.locale=qi(this.options?.locale):x.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),ji(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}handleExternalCardSubmit(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:card-submit\",e.detail)}checkLoadingStateChange(){let e=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0,q({eventName:\"CHECKOUT_FLOW_STARTED\"})),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(x.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,r=e.isLoading,o=e.error,a=!r&&!o;return m` ${k(r,()=>h)} ${k(o,()=>m`<primer-checkout-error></primer-checkout-error>`)} ${k(a,()=>m`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${k(this.hasAssignedContent,()=>h,()=>m`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"kind": "function",
|
|
95
|
-
"name": "
|
|
95
|
+
"name": "kn"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"kind": "function",
|
|
99
|
-
"name": "
|
|
99
|
+
"name": "In"
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"kind": "function",
|
|
103
|
-
"name": "
|
|
103
|
+
"name": "rc"
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
"kind": "function",
|
|
107
|
-
"name": "
|
|
107
|
+
"name": "ic"
|
|
108
108
|
},
|
|
109
109
|
{
|
|
110
110
|
"kind": "variable",
|
|
111
|
-
"name": "
|
|
112
|
-
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in
|
|
111
|
+
"name": "De",
|
|
112
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Io)return Io[this.size];let e=parseInt(this.size,10);return isNaN(e)?Io.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),m`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" ><path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /></svg></div>`}}"
|
|
113
113
|
},
|
|
114
114
|
{
|
|
115
115
|
"kind": "variable",
|
|
116
|
-
"name": "
|
|
117
|
-
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let a=o.querySelector(\"primer-input\");if(a)return a}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return
|
|
116
|
+
"name": "$e",
|
|
117
|
+
"default": "class extends v{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let a=o.querySelector(\"primer-input\");if(a)return a}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return m`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${re(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
|
|
118
118
|
},
|
|
119
119
|
{
|
|
120
120
|
"kind": "variable",
|
|
121
|
-
"name": "
|
|
122
|
-
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return
|
|
121
|
+
"name": "qe",
|
|
122
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return m`<label for=${this.for}><slot></slot></label>`}}"
|
|
123
123
|
},
|
|
124
124
|
{
|
|
125
125
|
"kind": "variable",
|
|
126
|
-
"name": "
|
|
127
|
-
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?
|
|
126
|
+
"name": "ue",
|
|
127
|
+
"default": "class extends v{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:m`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return h;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),m`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return m`<button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} >${this.renderSpinner()} ${this.flex?m`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:m`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
130
|
"kind": "variable",
|
|
131
|
-
"name": "
|
|
132
|
-
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return
|
|
131
|
+
"name": "Je",
|
|
132
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return m`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
135
|
"kind": "variable",
|
|
136
|
-
"name": "
|
|
137
|
-
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name
|
|
136
|
+
"name": "Ve",
|
|
137
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?$n[this.name]:null;return m`<div style=\"--internal-icon-color: ${this.color}\">${e||m`<slot></slot>`}</div>`}}"
|
|
138
138
|
},
|
|
139
139
|
{
|
|
140
140
|
"kind": "variable",
|
|
141
|
-
"name": "
|
|
142
|
-
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?
|
|
141
|
+
"name": "Ze",
|
|
142
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?m`<primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" ></primer-icon><p>Checkout complete!</p><p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p>`:m`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?m`<p class=\"secondary\">${this.description}</p>`:m`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"kind": "variable",
|
|
146
|
-
"name": "
|
|
147
|
-
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return
|
|
146
|
+
"name": "B",
|
|
147
|
+
"default": "class extends v{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return m`<input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} />`}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
148
148
|
},
|
|
149
149
|
{
|
|
150
150
|
"kind": "variable",
|
|
151
|
-
"name": "
|
|
152
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
151
|
+
"name": "he",
|
|
152
|
+
"default": "class extends v{constructor(){super(...arguments);this.name=\"\";this.id=\"\";this.value=\"\";this.disabled=!1;this.hasError=!1;this.placeholder=\"\";this.options=[]}handleChange(e){let r=e.target,o=this.value;this.value=r.value,this.dispatchEvent(new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0})),this.requestUpdate(\"value\",o)}handleFocus(){this.dispatchEvent(new CustomEvent(\"focus\",{bubbles:!0,composed:!0}))}handleBlur(){this.dispatchEvent(new CustomEvent(\"blur\",{bubbles:!0,composed:!0}))}renderSelectOptions(){let e=[];for(let r of this.options)e.push(m`<option value=${r.value}>${r.label}</option>`);return e}render(){return m`<select id=${this.id} name=${this.name} .value=${Hn(this.value)} ?disabled=${this.disabled} ?required=${!this.value} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} aria-invalid=${this.hasError?\"true\":\"false\"} ><option value=\"\" disabled ?selected=${!this.value}>${this.placeholder||\"Select an option\"}</option>${this.renderSelectOptions()}</select>`}}"
|
|
153
153
|
},
|
|
154
154
|
{
|
|
155
155
|
"kind": "variable",
|
|
156
|
-
"name": "
|
|
157
|
-
"default": "class extends v{constructor(){super();this.
|
|
156
|
+
"name": "fe",
|
|
157
|
+
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return m`<div class=\"collapsable\"><primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} ><span>${o}</span></primer-button><div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" ><div class=\"collapsable-content\"><slot></slot></div></div></div>`}}"
|
|
158
158
|
},
|
|
159
159
|
{
|
|
160
160
|
"kind": "variable",
|
|
161
|
-
"name": "
|
|
162
|
-
"default": "class extends v{constructor(){super(
|
|
161
|
+
"name": "Ue",
|
|
162
|
+
"default": "class extends v{constructor(){super();this.message=\"\";this.visible=!1;this._role=\"alert\";this.showMessage=!1;this.role=\"alert\"}get role(){return this._role}set role(e){this._role=e,this.setAttribute(\"role\",e)}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let e={\"error-message\":!0,hidden:!this.visible};return m`<div part=\"error-message\" class=${re(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>`}}"
|
|
163
163
|
},
|
|
164
164
|
{
|
|
165
165
|
"kind": "variable",
|
|
166
|
-
"name": "
|
|
167
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
166
|
+
"name": "ut",
|
|
167
|
+
"default": "class extends v{constructor(){super(...arguments);this._id=`d${Math.random().toString(36).substring(7)}`;this._handleSlotChange=e=>{let o=e.target.assignedNodes();if(!o.length)return;let a=this.getContainer();o.forEach(n=>a.appendChild(n))}}get id(){return this._id}getContainer(){let e=document.querySelector(`#${this._id}`);return e||(e=document.createElement(\"div\"),e.id=this._id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\",\"primer-dialog-close\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}render(){return m`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"kind": "variable",
|
|
171
|
-
"name": "
|
|
172
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
171
|
+
"name": "Te",
|
|
172
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\"},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?m`<div class=${re({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${re({dialog:!0,[this.size]:!0,\"dialog--entering\":this._animationState===\"entering\",\"dialog--entered\":this._animationState===\"entered\",\"dialog--exiting\":this._animationState===\"exiting\"})} ><div class=\"header\">${this.showCloseButton?m`<primer-button variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:m``}}"
|
|
173
173
|
},
|
|
174
174
|
{
|
|
175
175
|
"kind": "variable",
|
|
176
|
-
"name": "
|
|
177
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.
|
|
176
|
+
"name": "ie",
|
|
177
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=C(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new O(this,{task:async([e,r])=>{if(!e||!r)return N;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]});this.toggleExpand=()=>{this.disabled||(this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null))}}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(e){x.errorWithDatadog(\"Failed to start Klarna payment\",{error: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){x.errorWithDatadog(\"Failed to render Klarna category\",{error:e})}}selectCategory(e){this.disabled||(this.selectedCategory=e,this.renderSelectedCategory())}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?m`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:m`<div class=\"category-selection\">${e.map(o=>m`<button class=${re({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} ?disabled=${this.disabled} >${o.name}</button>`)}</div>`}renderExpandedContent(){return m` ${this.renderCategorySelection()} ${this.selectedCategory?m`<div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div>`:h}<button class=${re({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory||this.disabled})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing||this.disabled} @click=${()=>this.startKlarnaPayment()} >${C(\"confirm\",{id:\"confirm\"})}</button>`}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return m`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e,klarnaIcon:r})=>e?m`<div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"><div class=\"klarna-button-header\"><primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} ?disabled=${this.disabled} ><img src=${r} alt=\"Klarna logo\" /><span>${C(\"pay_with\",{id:\"pay_with\"})} Klarna</span><span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span></primer-button></div><div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" ><div class=\"klarna-accordion-content\">${this.renderExpandedContent()}</div></div></div>`:h})}}"
|
|
178
178
|
},
|
|
179
179
|
{
|
|
180
180
|
"kind": "variable",
|
|
181
|
-
"name": "
|
|
182
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.
|
|
181
|
+
"name": "Be",
|
|
182
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.loadManagerTask=new O(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return N;let r=this.paymentManagers.get(e);if(!r)throw new Error(`No manager found for payment method type ${e}`);if(r.type!==\"GOOGLE_PAY\")throw new Error(\"Invalid payment method type for Google Pay component\");return r.manager}}),this.renderButtonTask=new O(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return N;await this.updateComplete;let r=e.createButton();return await r.render(this.shadowRoot?.getRootNode(),{style:{shadowRoot:!0}}),this.disabled&&await r.setDisabled(this.disabled),this.disabled&&this.shadowRoot&&(await this.updateComplete,vi(this.disabled,this.shadowRoot)),r}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.renderButtonTask.value;n&&n.setDisabled(a)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&vi(this.disabled,this.shadowRoot)}render(){return h}}"
|
|
183
183
|
},
|
|
184
184
|
{
|
|
185
185
|
"kind": "variable",
|
|
186
|
-
"name": "
|
|
187
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=
|
|
186
|
+
"name": "Ye",
|
|
187
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=It();this.loadManagerTask=new O(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return N;let r=this.paymentManagers.get(e);if(!r)throw new Error(`No manager found for payment method type ${e}`);if(r.type!==\"APPLE_PAY\")throw new Error(\"Invalid payment method type for Apple Pay component\");return r.manager}}),this.renderButtonTask=new O(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return N;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),a=Ci(r);return await o.render(r,{style:{buttonHeight:a}}),this.disabled&&await o.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,Ft(this.disabled,this.buttonContainerRef)),o}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.renderButtonTask.value;n&&n.setDisabled(a)}}updated(e){e.has(\"disabled\")&&Ft(this.disabled,this.buttonContainerRef)}render(){return m`<div class=\"native-button-container\" ${ft(this.buttonContainerRef)} ></div>`}}"
|
|
188
188
|
},
|
|
189
189
|
{
|
|
190
190
|
"kind": "variable",
|
|
191
|
-
"name": "
|
|
192
|
-
"default": "class extends v{constructor(){super(
|
|
191
|
+
"name": "He",
|
|
192
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=It();this.loadManagerTask=new O(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return N;let r=this.paymentManagers.get(e);if(!r)throw new Error(`No manager found for payment method type ${e}`);if(r.type!==\"PAYPAL\")throw new Error(\"Invalid payment method type for PayPal component\");return r.manager}}),this.renderButtonTask=new O(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return N;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),a=Ci(r),n=es(a),l=55;return a>l&&x.warn(`PayPal button height (${a}px) exceeds maximum allowed height of ${l}px. Button will be capped at ${l}px. This is a PayPal SDK limitation.`),await o.render(r,{style:{buttonHeight:n}}),this.disabled&&await o.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,Ft(this.disabled,this.buttonContainerRef)),o}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.renderButtonTask.value;n&&n.setDisabled(a)}}updated(e){e.has(\"disabled\")&&Ft(this.disabled,this.buttonContainerRef)}render(){return m`<div class=\"native-button-container\" ${ft(this.buttonContainerRef)} ></div>`}}"
|
|
193
193
|
},
|
|
194
194
|
{
|
|
195
195
|
"kind": "variable",
|
|
196
|
-
"name": "
|
|
197
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.
|
|
196
|
+
"name": "ge",
|
|
197
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.currentState=\"collapsed\";this.blikCode=\"\";this.errorMessage=\"\";this.pollingDuration=0;this.pollingTimer=null;this.loadManagerTask=new O(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return N;let r=this.paymentManagers.get(e);if(!r)throw new Error(\"BLIK payment method manager not initialized\");if(r.type!==\"ADYEN_BLIK\")throw new Error(\"Invalid payment method type for BLIK component\");return r.manager}});this.handleButtonClick=async()=>{if(this.disabled)return;if(this.currentState===\"expanded-input\"){this.handleCollapse();return}if(this.currentState!==\"collapsed\")return;let e=this.paymentMethod?.type;if(!e){this.errorMessage=C(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",x.error(\"Payment method type not available\");return}let r=this.paymentManagers.get(e);if(!r||r.type!==\"ADYEN_BLIK\"){this.errorMessage=C(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",x.error(\"Manager not available when expanding BLIK form\");return}this.currentState=\"expanded-input\",await this.updateComplete,this.shadowRoot?.querySelector(\"#blik-code\")?.focus()};this.handleCollapse=()=>{this.currentState=\"collapsed\",this.blikCode=\"\",this.errorMessage=\"\",this.stopPollingTimer()};this.handleInput=e=>{let r=e.target,o=r.value,n=o.replace(/\\D/g,\"\").slice(0,6);o!==n&&(r.value=n),this.blikCode=n,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\"),n.length===6&&this.submitBlikCode()};this.handleRetry=async()=>{this.currentState=\"expanded-input\",this.errorMessage=\"\",this.blikCode=\"\",await this.updateComplete,this.shadowRoot?.querySelector(\"#blik-code\")?.focus()}}startPollingTimer(){this.pollingDuration=0,this.pollingTimer=window.setInterval(()=>{this.pollingDuration+=1},1e3)}stopPollingTimer(){this.pollingTimer!==null&&(window.clearInterval(this.pollingTimer),this.pollingTimer=null),this.pollingDuration=0}async submitBlikCode(){if(this.blikCode.length!==6){this.errorMessage=C(\"sixDigitCodeErrorTooShort\",{id:\"sixDigitCodeErrorTooShort\"}),this.currentState=\"error\";return}let e=this.loadManagerTask.value;if(!e){this.errorMessage=\"BLIK payment method not initialized\",this.currentState=\"error\",x.error(\"BLIK manager not available via loadManagerTask\");return}this.currentState=\"loading\",this.errorMessage=\"\",this.startPollingTimer();try{await e.start({blikCode:this.blikCode}),this.stopPollingTimer(),this.currentState=\"collapsed\",this.blikCode=\"\"}catch(r){this.stopPollingTimer(),this.currentState=\"error\",this.errorMessage=r instanceof Error?r.message:C(\"tokenizationError\",{id:\"tokenizationError\"}),x.errorWithDatadog(\"BLIK payment failed\",{error:r instanceof Error?{message:r.message,name:r.name}:\"Unknown error\"})}}renderCollapsed(){return m`<primer-button class=\"blik-button\" @click=${this.handleButtonClick} ?disabled=${this.disabled} aria-label=\"${C(\"pay_with\",{id:\"pay_with\"})} BLIK\" aria-expanded=\"${this.currentState!==\"collapsed\"}\" title=\"BLIK\" ><span class=\"image-container\"><img src=\"https://goat-assets.production.core.primer.io/button/blik/inverted.png\" alt=\"BLIK\" /></span></primer-button>`}renderExpandedInput(){return m`<div class=\"blik-expanded-content\"><div class=\"blik-content-wrapper\"><div class=\"blik-input-wrapper\"><label for=\"blik-code\" class=\"blik-label\">${C(\"getCodeFromBankingApp\",{id:\"getCodeFromBankingApp\"})}</label><input id=\"blik-code\" type=\"text\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"6\" class=\"blik-input\" .value=\"${this.blikCode}\" @input=\"${this.handleInput}\" ?disabled=\"${this.disabled}\" placeholder=\"000000\" aria-label=\"${C(\"sixDigitCodeLabel\",{id:\"sixDigitCodeLabel\"})}\" autocomplete=\"off\" spellcheck=\"false\" /></div></div></div>`}renderLoading(){return m`<div class=\"blik-expanded-content\"><div class=\"blik-content-wrapper\"><div class=\"blik-loading\"><primer-spinner size=\"medium\"></primer-spinner>${this.pollingDuration>30?m`<div class=\"blik-timeout-warning\"> This is taking longer than expected... </div>`:h}</div></div></div>`}renderError(){return m`<div class=\"blik-expanded-content\"><div class=\"blik-content-wrapper\"><div class=\"blik-error\"><div class=\"blik-error-message\" role=\"alert\">${this.errorMessage||C(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}</div><button class=\"blik-retry-button\" @click=\"${this.handleRetry}\" ?disabled=\"${this.disabled}\" >${C(\"retry_button\",{id:\"retry_button\"})}</button></div></div></div>`}renderExpandedState(){switch(this.currentState){case\"expanded-input\":return this.renderExpandedInput();case\"loading\":return this.renderLoading();case\"error\":return this.renderError();default:return h}}disconnectedCallback(){super.disconnectedCallback(),this.stopPollingTimer()}render(){return m`<div class=\"blik-container ${this.currentState!==\"collapsed\"?\"expanded\":\"\"}\" >${this.renderCollapsed()} ${this.currentState!==\"collapsed\"?this.renderExpandedState():h}</div>`}}"
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
"kind": "variable",
|
|
201
|
-
"name": "
|
|
202
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
201
|
+
"name": "Me",
|
|
202
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.paymentMethods=null;this.analyticsUtils=null;this.handleClick=()=>{this.paymentMethods?.get(this.type)?.managerType!==\"CARD\"&&this.sendPaymentMethodSelectionEvent()}}sendPaymentMethodSelectionEvent(){this.type&&q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:this.type})}render(){if(!this.type)return h;let e=this.paymentMethods?.get(this.type);if(!e)return h;let r;switch(e?.managerType){case\"CARD\":r=m`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;break;case\"NATIVE\":{let o=e.type;o===gr.GOOGLE_PAY?r=m`<primer-google-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-google-pay>`:o===gr.APPLE_PAY?r=m`<primer-apple-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-apple-pay>`:o===gr.PAYPAL?r=m`<primer-paypal .paymentMethod=${e} ?disabled=${this.disabled} ></primer-paypal>`:o===gr.ADYEN_BLIK&&(r=m`<primer-blik .paymentMethod=${e} ?disabled=${this.disabled} ></primer-blik>`);break}case\"REDIRECT\":r=m`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;break;case\"KLARNA\":r=m`<primer-klarna ?disabled=${this.disabled} ></primer-klarna>`;break;case\"ACH\":r=m`<primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment>`;break;default:return h}return m`<div @click=${this.handleClick}>${r}</div>`}}"
|
|
203
203
|
},
|
|
204
204
|
{
|
|
205
205
|
"kind": "variable",
|
|
206
|
-
"name": "
|
|
207
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
206
|
+
"name": "_e",
|
|
207
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentMethods=null;this.clientOptions=null}getFilteredMethods(){if(!this.paymentMethods)return[];let e=this.paymentMethods.toArray();if(this.include){let r=this.include.split(\",\").map(o=>o.trim());e=e.filter(o=>r.includes(o.type))}if(this.exclude){let r=this.exclude.split(\",\").map(o=>o.trim());e=e.filter(o=>!r.includes(o.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?h:m`<div class=\"payment-methods-container\">${e.map(r=>m`<primer-payment-method type=\"${r.type}\" ?disabled=\"${this.disabled||this.clientOptions?.disabledPayments===!0}\" ></primer-payment-method>`)}</div>`}}"
|
|
208
208
|
},
|
|
209
209
|
{
|
|
210
210
|
"kind": "variable",
|
|
211
211
|
"name": "Ce",
|
|
212
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
212
|
+
"default": "class extends v{constructor(){super(...arguments);this.formController=new Ei(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new O(this,{task:([e])=>e!==\"STRIPE_ACH\"?N:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return m`<h2>${C(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${C(\"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\">${C(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.firstName?this.formController.formState.firstName.error:h}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${C(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.lastName?this.formController.formState.lastName.error:h}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${C(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})}</primer-input-label><primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h}</primer-input-error></primer-input-wrapper><p>${C(\"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} >${C(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return m`<h2>${C(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??C(\"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} >${C(\"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} >${C(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():h})}}"
|
|
213
213
|
},
|
|
214
214
|
{
|
|
215
215
|
"kind": "variable",
|
|
216
|
-
"name": "
|
|
217
|
-
"default": "class extends v{constructor(){super();this.
|
|
216
|
+
"name": "Pe",
|
|
217
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new O(this,{task:([e,r])=>!e||!r?N:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new O(this,{task:([e,r])=>{if(!e||!r)return N;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}:N},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new O(this,{task:([e,r])=>!e||!r?N:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?vr(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),C(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?m`<primer-portal><primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),m`<primer-button @click=\"${()=>this.start()}\" class=${re({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${C(\"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()} `)})}}"
|
|
218
218
|
},
|
|
219
219
|
{
|
|
220
220
|
"kind": "variable",
|
|
221
|
-
"name": "
|
|
222
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
221
|
+
"name": "we",
|
|
222
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new O(this,{task:([e,r])=>!e||!r?N:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new O(this,{task:([e,r])=>{if(!e||!r)return N;let o=r.getPaymentMethodConfiguration(e);if(!o)return N;let a=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,n=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:a,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:n}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new O(this,{task:([e,r])=>!e||!r?N:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?vr(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),C(r,{id:r})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},o=e.displayName?m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return m`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${re(r)} title=\"${C(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
|
|
223
223
|
},
|
|
224
224
|
{
|
|
225
225
|
"kind": "variable",
|
|
226
|
-
"name": "
|
|
227
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
226
|
+
"name": "oe",
|
|
227
|
+
"default": "class extends v{constructor(){super(...arguments);this.configuration=null;this.headlessUtils=null;this.formData={};this.errors={};this.touchedFields=new Set;this.dirtyFields=new Set;this.focusedField=null;this.submitted=!1;this.countryOptions=[];this._initializationTask=new O(this,{task:async([e,r])=>{if(!e||!r)return N;let o=this.extractFieldConfig(e);return await this.initializeCountryOptions(),o},args:()=>[this.configuration,this.headlessUtils]})}connectedCallback(){super.connectedCallback(),this._initializationTask.value}extractFieldConfig(e){if(e?.checkoutModules){let r=e.checkoutModules.find(o=>o.type===\"BILLING_ADDRESS\");if(r?.options){let o=r.options;return Object.keys($o).reduce((a,n)=>({...a,[n]:o[n]??!1}),{})}}return this.defaultFieldConfig}async initializeCountryOptions(){try{let e=Do(\"en\");this.countryOptions=[...e.map(([a,n])=>({value:a,label:n}))],this.requestUpdate(\"countryOptions\");let r=Gi();if(r===\"en\"||r===\"en-GB\"||r.startsWith(\"en-\"))return;if(await ds(r)){let a=Do(r);this.countryOptions=[...a.map(([n,l])=>({value:n,label:l}))],this.requestUpdate(\"countryOptions\")}}catch(e){x.errorWithDatadog(\"Failed to load country locale\",{error:e})}}get fieldConfig(){return this.extractFieldConfig(this.configuration)}get defaultFieldConfig(){return Object.keys($o).reduce((e,r)=>({...e,[r]:!1}),{})}get shouldShowForm(){return this.fieldConfig.postalCode}handleInput(e,r){this.formData={...this.formData,[e]:r},this.dirtyFields.add(e),(this.submitted||this.dirtyFields.has(e)&&this.touchedFields.has(e))&&this.validateField(e),this.dispatchEvent(new CustomEvent(\"primer-billing-address-change\",{detail:this.formData,bubbles:!0,composed:!0}))}handleFocus(e){this.focusedField=e}handleBlur(e){this.focusedField=null,this.touchedFields.add(e),this.validateField(e)}validateField(e){let r=this.formData[e],o=this.fieldConfig[e];if(!o){delete this.errors[e];return}if(o&&(!r||r.trim()===\"\")){let a=`${e}ErrorRequired`;this.errors={...this.errors,[e]:C(\"This field is required\",{id:a})}}else{let a={...this.errors};delete a[e],this.errors=a}}validateForm(){return Object.keys($o).forEach(e=>{let r=e;this.fieldConfig[r]&&this.validateField(r)}),Object.keys(this.errors).length===0}async validateForSubmission(){if(!this.shouldShowForm)return!0;this.submitted=!0,Object.keys(this.fieldConfig).forEach(r=>{this.fieldConfig[r]&&this.touchedFields.add(r)});let e=this.validateForm();return this.requestUpdate(),await this.updateComplete,e}async submitToSDK(){if(this.headlessUtils?.setBillingAddress)try{return await this.headlessUtils.setBillingAddress(this.formData),this.dispatchEvent(new CustomEvent(\"primer-billing-address-submit\",{detail:this.formData,bubbles:!0,composed:!0})),!0}catch(e){return x.errorWithDatadog(\"Failed to set billing address\",{error:e}),!1}return!0}shouldShowError(e){let r=!!this.errors[e],o=this.dirtyFields.has(e),a=this.touchedFields.has(e);return r&&(this.submitted||o&&a)}render(){return this._initializationTask.render({pending:()=>h,error:()=>h,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),m`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${C(\"Billing address\",{id:\"billingAddressLabel\"})}</div>${k(this.fieldConfig.countryCode,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"countryCode\"} .hasError=${this.shouldShowError(\"countryCode\")} ><primer-input-label slot=\"label\">${C(\"Country code\",{id:\"countryCodeLabel\"})}</primer-input-label><primer-select slot=\"input\" id=\"countryCode\" name=\"countryCode\" .value=${this.formData.countryCode||\"\"} .options=${this.countryOptions} .hasError=${this.shouldShowError(\"countryCode\")} placeholder=${C(\"Select a country\",{id:\"countrySelectPlaceholder\"})} @input=${e=>this.handleInput(\"countryCode\",e.detail)} @focus=${()=>this.handleFocus(\"countryCode\")} @blur=${()=>this.handleBlur(\"countryCode\")} ></primer-select>${k(this.shouldShowError(\"countryCode\"),()=>m`<primer-input-error slot=\"error\">${this.errors.countryCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.firstName||this.fieldConfig.lastName,()=>m`<div class=\"billing-address-row\">${k(this.fieldConfig.firstName,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"firstName\"} .hasError=${this.shouldShowError(\"firstName\")} ><primer-input-label slot=\"label\">${C(\"First name\",{id:\"firstNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"firstName\" name=\"firstName\" type=\"text\" .value=${this.formData.firstName||\"\"} placeholder=${C(\"First name\",{id:\"firstNamePlaceholder\"})} @input=${e=>this.handleInput(\"firstName\",e.detail)} @focus=${()=>this.handleFocus(\"firstName\")} @blur=${()=>this.handleBlur(\"firstName\")} ></primer-input>${k(this.shouldShowError(\"firstName\"),()=>m`<primer-input-error slot=\"error\">${this.errors.firstName}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.lastName,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"lastName\"} .hasError=${this.shouldShowError(\"lastName\")} ><primer-input-label slot=\"label\">${C(\"Last name\",{id:\"lastNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"lastName\" name=\"lastName\" type=\"text\" .value=${this.formData.lastName||\"\"} placeholder=${C(\"Last name\",{id:\"lastNamePlaceholder\"})} @input=${e=>this.handleInput(\"lastName\",e.detail)} @focus=${()=>this.handleFocus(\"lastName\")} @blur=${()=>this.handleBlur(\"lastName\")} ></primer-input>${k(this.shouldShowError(\"lastName\"),()=>m`<primer-input-error slot=\"error\">${this.errors.lastName}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${k(this.fieldConfig.addressLine1,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine1\"} .hasError=${this.shouldShowError(\"addressLine1\")} ><primer-input-label slot=\"label\">${C(\"Address line 1\",{id:\"addressLine1\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine1\" name=\"addressLine1\" type=\"text\" .value=${this.formData.addressLine1||\"\"} placeholder=${C(\"Address line 1\",{id:\"addressLine1Placeholder\"})} @input=${e=>this.handleInput(\"addressLine1\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine1\")} @blur=${()=>this.handleBlur(\"addressLine1\")} ></primer-input>${k(this.shouldShowError(\"addressLine1\"),()=>m`<primer-input-error slot=\"error\">${this.errors.addressLine1}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.addressLine2,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"addressLine2\"} .hasError=${this.shouldShowError(\"addressLine2\")} ><primer-input-label slot=\"label\">${C(\"Address line 2\",{id:\"addressLine2\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine2\" name=\"addressLine2\" type=\"text\" .value=${this.formData.addressLine2||\"\"} placeholder=${C(\"Address line 2\",{id:\"addressLine2Placeholder\"})} @input=${e=>this.handleInput(\"addressLine2\",e.detail)} @focus=${()=>this.handleFocus(\"addressLine2\")} @blur=${()=>this.handleBlur(\"addressLine2\")} ></primer-input>${k(this.shouldShowError(\"addressLine2\"),()=>m`<primer-input-error slot=\"error\">${this.errors.addressLine2}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.postalCode||this.fieldConfig.city,()=>m`<div class=\"billing-address-row\">${k(this.fieldConfig.postalCode,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"postalCode\"} .hasError=${this.shouldShowError(\"postalCode\")} ><primer-input-label slot=\"label\">${C(\"Postal code\",{id:\"postalCodeLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"postalCode\" name=\"postalCode\" type=\"text\" .value=${this.formData.postalCode||\"\"} placeholder=${C(\"90210\",{id:\"postalCodePlaceholder\"})} @input=${e=>this.handleInput(\"postalCode\",e.detail)} @focus=${()=>this.handleFocus(\"postalCode\")} @blur=${()=>this.handleBlur(\"postalCode\")} ></primer-input>${k(this.shouldShowError(\"postalCode\"),()=>m`<primer-input-error slot=\"error\">${this.errors.postalCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.city,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"city\"} .hasError=${this.shouldShowError(\"city\")} ><primer-input-label slot=\"label\">${C(\"City\",{id:\"cityLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"city\" name=\"city\" type=\"text\" .value=${this.formData.city||\"\"} placeholder=${C(\"Cape Town\",{id:\"cityPlaceholder\"})} @input=${e=>this.handleInput(\"city\",e.detail)} @focus=${()=>this.handleFocus(\"city\")} @blur=${()=>this.handleBlur(\"city\")} ></primer-input>${k(this.shouldShowError(\"city\"),()=>m`<primer-input-error slot=\"error\">${this.errors.city}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${k(this.fieldConfig.state,()=>m`<primer-input-wrapper .focusWithin=${this.focusedField===\"state\"} .hasError=${this.shouldShowError(\"state\")} ><primer-input-label slot=\"label\">${C(\"State / Region / County\",{id:\"stateLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"state\" name=\"state\" type=\"text\" .value=${this.formData.state||\"\"} placeholder=${C(\"State / Region / County\",{id:\"statePlaceholder\"})} @input=${e=>this.handleInput(\"state\",e.detail)} @focus=${()=>this.handleFocus(\"state\")} @blur=${()=>this.handleBlur(\"state\")} ></primer-input>${k(this.shouldShowError(\"state\"),()=>m`<primer-input-error slot=\"error\">${this.errors.state}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`):(this.setAttribute(\"hidden\",\"\"),h)})}}"
|
|
228
228
|
},
|
|
229
229
|
{
|
|
230
230
|
"kind": "variable",
|
|
231
|
-
"name": "
|
|
232
|
-
"default": "class extends v{constructor(){super(
|
|
231
|
+
"name": "ae",
|
|
232
|
+
"default": "class extends v{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this.deleteAssetConfig=null;this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await xi(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=C(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:C(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}finally{this.isDeleting=!1}};this.handlePaymentError=e=>{let r=e.detail?.error;this.errorMessage=r instanceof Error?r.message:C(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new zt(this,{defaultOptions:{keyframeOptions:{duration:Number(getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-duration\").trim().replace(\"ms\",\"\")),easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim()}}})}getAnimationConfig(){return{keyframeOptions:{duration:this.animationDuration,easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim(),fill:\"both\"}}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return Vo(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return m`<div class=\"loading-overlay\" ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ><primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner></div>`}renderDeleteConfirmation(){if(!this.deletePaymentMethodId||!this.deleteAssetConfig)return h;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return m`<div class=\"delete-confirmation-container\"><primer-button disabled variant=\"secondary\"><primer-payment-method-content .assetConfig=${this.deleteAssetConfig} ></primer-payment-method-content></primer-button><primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation></div>`}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?h:m`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return m`<div class=\"payment-methods-list\">${e.map(o=>this.renderPaymentMethodItem(o))} ${k(r,()=>m`<div class=\"submit-button-container\"><primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit></div>`,()=>h)}</div>`}render(){if(!this.vaultManagerContext?.enabled)return h;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return m` ${k(!this.vaultManagerContext?.showEmptyState&&!e,()=>h,()=>m`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${o?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${k(this.errorMessage,()=>m`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>h)}<div class=\"vault-manager-content\">${k(!r&&!e,()=>m`<div class=\"content-container\"><primer-vault-empty-state ${gt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>h)} ${k(!r&&e,()=>m`<div class=\"content-container\">${k(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>h)}</div>${k(o,()=>this.renderLoadingOverlay(),()=>h)}</div></slot>`)} `}}"
|
|
233
233
|
},
|
|
234
234
|
{
|
|
235
235
|
"kind": "variable",
|
|
236
|
-
"name": "
|
|
237
|
-
"default": "class extends v{render(){return
|
|
236
|
+
"name": "ye",
|
|
237
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new O(this,{task:async([e,r,o])=>await xi(e,r,o),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))};this.handleDeleteClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>h,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",o=!1,a=e?.description;return m`<div class=\"payment-method-wrapper\"><div class=\"payment-method-container\"><primer-button variant=\"secondary\" class=\"payment-method-button ${e.shouldShowCVV?\"with-cvv\":\"\"}\" selectable ?disabled=${this.isEditMode} selectionState=${r} .flex=${o} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${k(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>m`<div class=\"payment-method-row mt-2\"><span class=\"flex-center\"><primer-icon name=\"lock\" size=\"sm\"></primer-icon><span class=\"payment-method-subtitle\"> Input the card CVV for a secure payment</span ></span><span class=\"cell-2\"><primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ><span slot=\"label\"></span></primer-vault-cvv-input></span></div>`,()=>h)}</primer-button>${this.isEditMode?m`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${C(\"delete\",{id:\"delete\"})} ${a}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:h}</div></div>`}})}}"
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"kind": "variable",
|
|
241
|
-
"name": "
|
|
242
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
241
|
+
"name": "ke",
|
|
242
|
+
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1;this.toggleEditMode=()=>{this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}}render(){return m`<div class=\"vault-manager-header\"><h3>${C(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?m`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?C(\"confirm\",{id:\"confirm\"}):C(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?m`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:m`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:h}</div>`}}"
|
|
243
243
|
},
|
|
244
244
|
{
|
|
245
245
|
"kind": "variable",
|
|
246
|
-
"name": "
|
|
247
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
246
|
+
"name": "Ee",
|
|
247
|
+
"default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null;this.handleConfirmClick=()=>{this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))};this.handleCancelClick=()=>{this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"delete-confirmation\"><p class=\"delete-confirmation-text\"> Are you sure you want to delete this payment method? </p><div class=\"delete-actions\"><primer-button variant=\"secondary\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} >${C(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?C(\"deleting\",{id:\"deleting\"}):C(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
|
|
248
248
|
},
|
|
249
249
|
{
|
|
250
250
|
"kind": "variable",
|
|
251
|
-
"name": "
|
|
252
|
-
"default": "class extends v{
|
|
251
|
+
"name": "Xe",
|
|
252
|
+
"default": "class extends v{render(){return m`<div class=\"empty-state\"><p>${C(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
253
253
|
},
|
|
254
254
|
{
|
|
255
255
|
"kind": "variable",
|
|
256
|
-
"name": "
|
|
257
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
256
|
+
"name": "Fe",
|
|
257
|
+
"default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"error-message\"><div class=\"error-content\"><primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon><p>${this.errorMessage}</p></div><button @click=${this.handleDismiss} aria-label=${C(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"kind": "variable",
|
|
261
|
+
"name": "Q",
|
|
262
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async 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:C(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:h;return m`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
258
263
|
},
|
|
259
264
|
{
|
|
260
265
|
"kind": "variable",
|
|
261
|
-
"name": "
|
|
262
|
-
"default": "class extends v{constructor(){super(
|
|
266
|
+
"name": "G",
|
|
267
|
+
"default": "class extends v{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new O(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?N:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new O(this,{task:async([e])=>{if(!e)return N;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=wi(this.computedStyles),a=o?{input:{base:o}}:void 0,n={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:a};this.cvvInput=await e.createCvvInput?.(n)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.errorCode||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}),this.cvvInput.addListener(\"focus\",()=>{this.onFocus()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.errorCode||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.errorCode||null,this.isFocused=!1)}onFocus(){this.isFocused=!0}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>m`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} ><slot name=\"label\" slot=\"label\"><primer-input-label>CVV</primer-input-label></slot><div slot=\"input\" id=\"${this.cvvContainerId}\"></div>${k(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>m`<primer-input-error slot=\"error\">${C(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
263
268
|
},
|
|
264
269
|
{
|
|
265
270
|
"kind": "variable",
|
|
266
|
-
"name": "
|
|
267
|
-
"default": "class extends
|
|
271
|
+
"name": "ze",
|
|
272
|
+
"default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return h;let e=this.assetConfig.description,r=this.assetConfig.icon,o=k(this.assetConfig.icon,()=>m`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>m`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?m`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></div></div><div class=\"payment-method-right-column-text\">${this.assetConfig.email||`\\u2022\\u2022\\u2022\\u2022 ${this.assetConfig.last4}`}</div></div>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType===\"ACH\"?m`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.bankName}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.accountType}</span ></div></span>`:this.assetConfig.type===\"card\"?m`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.cardholderName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:h}}"
|
|
268
273
|
},
|
|
269
274
|
{
|
|
270
275
|
"kind": "variable",
|
|
271
|
-
"name": "
|
|
272
|
-
"default": "class extends
|
|
276
|
+
"name": "ee",
|
|
277
|
+
"default": "class extends v{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.formErrorMessage=null;this.paymentMethodSelectionSent=!1;this.paymentManagers=new Map;this.clientOptions=null;this.headlessUtils=null;this.analyticsUtils=null;this.contextEventsController=null;this.cardFormProvider=new F(this,{context:Kt,initialValue:null});this.eventsController=new Lt(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new O(this,{task:([e])=>{if(!e?.manager)return N;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:a,expiryInput:n,cvvInput:l}=o;return this.cardFormProvider.setValue({cardholderNameInput:o.cardholderNameInput,cardNumberInput:a,expiryInput:n,cvvInput:l,setCardholderName:d=>{r.setCardholderName(d),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let f=c?.validationErrors?.find(A=>A.name===Ls.cardholderName),g=this.inputControllers.get(\"cardholderName\");g&&g.updateMetaFromValidation({valid:!1,error:f?.message||f?.error||null,errorCode:f?.message||f?.error||null})})},setCardNetwork:d=>{this.selectedCardNetwork=d},validate:()=>r.validate(),submit:d=>r.submit(d),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:d=>{this.inputControllers.forEach(c=>{c.setSubmitted(d)})},propagateValidationErrors:d=>{d&&d.forEach(c=>{let u=c.field||c.name,f=c.message||c.error,g=Ls[u];if(g){let A=this.inputControllers.get(g);if(A){let S={valid:!1,error:f,errorCode:f};A.updateMetaFromValidation(S)}}})},registerInputController:(d,c)=>{this.inputControllers.set(d,c)},unregisterInputController:d=>{this.inputControllers.delete(d)},onUserInteraction:()=>{this.sendPaymentMethodSelectionEvent(),this.checkAndSendPaymentDetailsEnteredEvent()}}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.paymentDetailsEnteredSent=!1;this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;let a=o;this.isSubmitButton(a)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.handleContextCardSubmit=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{e.target!==this&&(e.stopPropagation(),this.submitCardPayment())}finally{this._isHandlingContextEvent=!1}}};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}updated(e){if(super.updated(e),(e.has(\"hideLabels\")||e.has(\"disabled\"))&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels,disabled:this.disabled}),e.has(\"contextEventsController\")){let r=e.get(\"contextEventsController\");r?.host&&this._contextCardSubmitListener&&r.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener),this.setupContextEventListeners()}}get shouldShowCardholderName(){let e=this.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.clientOptions?.card?.cardholderName;return typeof e?.required==\"boolean\"?e.required:!0}sendPaymentMethodSelectionEvent(){this.paymentMethodSelectionSent||(this.paymentMethodSelectionSent=!0,q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:\"PAYMENT_CARD\"}))}checkAndSendPaymentDetailsEnteredEvent(){if(this.paymentDetailsEnteredSent)return;let e=this.inputControllers.get(\"cardNumber\"),r=this.inputControllers.get(\"expire\"),o=this.inputControllers.get(\"cvv\"),a=e?.meta?.dirty===!0,n=r?.meta?.dirty===!0,l=o?.meta?.dirty===!0,d=!0;this.shouldRequireCardholderName&&(d=this.inputControllers.get(\"cardholderName\")?.meta?.dirty===!0),a&&n&&l&&d&&(this.sendPaymentDetailsEnteredEvent(),this.paymentDetailsEnteredSent=!0)}sendPaymentDetailsEnteredEvent(){q({eventName:\"PAYMENT_DETAILS_ENTERED\",paymentMethod:\"PAYMENT_CARD\"})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit),this._contextCardSubmitListener=e=>{this.handleContextCardSubmit(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),this.cleanupContextEventListeners(),super.disconnectedCallback()}setupContextEventListeners(){this.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.addEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}cleanupContextEventListeners(){this.contextEventsController?.host&&this._contextCardSubmitListener&&this.contextEventsController.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}isSubmitButton(e){let r=e.tagName.toLowerCase(),o=r===\"button\",a=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||a&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e||this.disabled)return;this.formErrorMessage=null,e.setSubmissionState?.(!0);let r=this.querySelector(\"primer-billing-address\")||this.renderRoot.querySelector(\"primer-billing-address\"),o=!0;r&&(o=await r.validateForSubmission());let a=await e.validate?.();if(a?.valid&&o){if(r&&!await r.submitToSDK()){let c=C(\"tokenizationError\",{id:\"tokenizationError\"});this.formErrorMessage=c,this.eventsController.dispatchFormSubmitErrors([{field:\"billingAddress\",name:\"billingAddress\",error:\"BILLING_ADDRESS_SUBMISSION_FAILED\",message:c}]);return}let n=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(n);let l={success:!0};this.eventsController.dispatchFormSubmitSuccess(l)}else{let n=a?.validationErrors;e.propagateValidationErrors?.(n||[]),this.cardFormProvider.setValue({...e,errors:n}),this.eventsController.dispatchFormSubmitErrors(n)}}render(){return this.setupCardFormTask.status===dt.ERROR||this.setupCardFormTask.status===dt.INITIAL?h:m`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>k(this.hasAssignedContent,()=>h,()=>m`<div class=\"card-form\"><primer-input-card-number></primer-input-card-number><div class=\"card-form-row\"><primer-input-card-expiry></primer-input-card-expiry><primer-input-cvv></primer-input-cvv></div>${k(this.shouldShowCardholderName,()=>m`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>h)}<primer-billing-address></primer-billing-address></div><primer-card-form-submit></primer-card-form-submit><primer-error-message message=\"${this.formErrorMessage||\"\"}\" ?visible=\"${!!this.formErrorMessage}\" ></primer-error-message>`)})}</form>`}}"
|
|
273
278
|
},
|
|
274
279
|
{
|
|
275
280
|
"kind": "variable",
|
|
276
|
-
"name": "
|
|
277
|
-
"default": "class extends
|
|
281
|
+
"name": "Qe",
|
|
282
|
+
"default": "class extends le{constructor(){super();this.config={inputType:\"cardNumber\",containerSelector:\"#cardNumber\",errorName:\"cardNumber-card\",translations:{label:{id:\"cardNumber\",defaultMessage:\"Card Number\"},placeholder:\"4111 1111 1111 1111\",ariaLabel:{id:\"cardNumber\",defaultMessage:\"Card Number\"}}};this.handleNetworkSelected=e=>{let{network:r}=e.detail;this.cardFormContext&&this.cardFormContext.setCardNetwork(r)};this.childUpdated()}renderInput(){if(this.hostedInputController.setupTask.status===dt.ERROR)return h;let e=this.getError();return m`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${k(!this.cardFormContext?.hideLabels,()=>m`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>h)}<div slot=\"input\" class=\"card-number-container\" aria-label=\"${this.ariaLabel}\" ><div id=\"${this.config.containerSelector.substring(1)}\"></div><div class=\"network-selector-container\"><primer-card-network-selector @network-selected=${this.handleNetworkSelected} ></primer-card-network-selector></div></div>${k(e,r=>m`<primer-input-error slot=\"error\">${C(r,{id:r})}</primer-input-error>`,()=>h)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
278
283
|
},
|
|
279
284
|
{
|
|
280
285
|
"kind": "variable",
|
|
281
|
-
"name": "
|
|
282
|
-
"default": "class extends
|
|
286
|
+
"name": "et",
|
|
287
|
+
"default": "class extends le{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
283
288
|
},
|
|
284
289
|
{
|
|
285
290
|
"kind": "variable",
|
|
286
|
-
"name": "
|
|
287
|
-
"default": "class extends
|
|
291
|
+
"name": "tt",
|
|
292
|
+
"default": "class extends le{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()}}"
|
|
288
293
|
},
|
|
289
294
|
{
|
|
290
295
|
"kind": "variable",
|
|
291
|
-
"name": "
|
|
292
|
-
"default": "class extends
|
|
296
|
+
"name": "rt",
|
|
297
|
+
"default": "class extends le{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()}}"
|
|
293
298
|
},
|
|
294
299
|
{
|
|
295
300
|
"kind": "variable",
|
|
296
|
-
"name": "
|
|
297
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
301
|
+
"name": "W",
|
|
302
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessUtils=null;this.clientOptions=null;this.sdkState=null;this.cardFormContext=null;this.analyticsUtils=null;this.contextEventsController=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;q({eventName:\"PAYMENT_SUBMITTED\",paymentMethod:\"PAYMENT_CARD\"});let r=new CustomEvent(\"primer:card-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:C(\"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 submitButtonConfig(){return this.clientOptions?.submitButton??null}get shouldShowBuiltInButton(){return this.submitButtonConfig?.useBuiltInButton??!0}render(){if(!this.shouldShowBuiltInButton)return h;let e=this.submitButtonConfig?.amountVisible?this.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:h,o=this.disabled||this.cardFormContext?.disabled||!1;return m`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${o} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
298
303
|
},
|
|
299
304
|
{
|
|
300
305
|
"kind": "variable",
|
|
301
|
-
"name": "
|
|
302
|
-
"default": "class extends v{render(){return
|
|
306
|
+
"name": "de",
|
|
307
|
+
"default": "class extends v{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=It();this.dropdownRef=It();this.networkOptionRefs=[];this.toggleDropdown=e=>{this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))};this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return m`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return m`<button ${ft(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${a=>{(a.key===\" \"||a.key===\"Enter\")&&o&&(a.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} ><img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} />${k(o,()=>m`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>h)}</button>${k(this.isDropdownOpen,()=>m`<div ${ft(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((a,n)=>m`<div ${ft(l=>this.setNetworkOptionRef(l,n))} class=\"network-option ${this.isKeyboardNavigation&&n===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${l=>this.selectNetwork(l,a)} @keydown=${l=>{(l.key===\"Enter\"||l.key===\" \")&&this.selectNetwork(l,a)}} role=\"option\" aria-selected=${a.network===r.network} tabindex=\"${n===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(a)} alt=${a.displayName} /><span class=\"network-name\">${a.displayName}</span>${k(a.network===r.network,()=>m`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>h)}</div>`)}</div>`,()=>h)} `}}"
|
|
303
308
|
},
|
|
304
309
|
{
|
|
305
310
|
"kind": "variable",
|
|
306
|
-
"name": "
|
|
307
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
311
|
+
"name": "vt",
|
|
312
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return h;let e=this.vaultManager?.showEmptyState&&this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||!e?m`<slot name=\"other-payments\"></slot>`:m`<div class=\"other-payment-methods-container\"><primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${C(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
|
|
308
313
|
},
|
|
309
314
|
{
|
|
310
315
|
"kind": "variable",
|
|
311
|
-
"name": "
|
|
312
|
-
"default": "class extends v{
|
|
316
|
+
"name": "jt",
|
|
317
|
+
"default": "class extends v{render(){return m`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
313
318
|
},
|
|
314
319
|
{
|
|
315
320
|
"kind": "variable",
|
|
316
|
-
"name": "
|
|
317
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
321
|
+
"name": "Nt",
|
|
322
|
+
"default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return m`<primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state>`}}"
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"kind": "variable",
|
|
326
|
+
"name": "it",
|
|
327
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?m`<primer-error-message message=\"${C(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:h}}"
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"kind": "variable",
|
|
331
|
+
"name": "Ke",
|
|
332
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?m`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:m`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${k(this.hasAssignedContent,()=>h,()=>m`<div class=${re({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>m`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
|
|
318
333
|
},
|
|
319
334
|
{
|
|
320
335
|
"kind": "function",
|
|
321
|
-
"name": "
|
|
336
|
+
"name": "pk"
|
|
322
337
|
}
|
|
323
338
|
],
|
|
324
339
|
"exports": [
|
|
@@ -342,7 +357,7 @@
|
|
|
342
357
|
"kind": "js",
|
|
343
358
|
"name": "AchPayment",
|
|
344
359
|
"declaration": {
|
|
345
|
-
"name": "
|
|
360
|
+
"name": "Ce",
|
|
346
361
|
"module": "dist/primer-loader.js"
|
|
347
362
|
}
|
|
348
363
|
},
|
|
@@ -350,7 +365,23 @@
|
|
|
350
365
|
"kind": "js",
|
|
351
366
|
"name": "ApplePay",
|
|
352
367
|
"declaration": {
|
|
353
|
-
"name": "
|
|
368
|
+
"name": "Ye",
|
|
369
|
+
"module": "dist/primer-loader.js"
|
|
370
|
+
}
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"kind": "js",
|
|
374
|
+
"name": "BillingAddress",
|
|
375
|
+
"declaration": {
|
|
376
|
+
"name": "oe",
|
|
377
|
+
"module": "dist/primer-loader.js"
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"kind": "js",
|
|
382
|
+
"name": "Blik",
|
|
383
|
+
"declaration": {
|
|
384
|
+
"name": "ge",
|
|
354
385
|
"module": "dist/primer-loader.js"
|
|
355
386
|
}
|
|
356
387
|
},
|
|
@@ -358,7 +389,7 @@
|
|
|
358
389
|
"kind": "js",
|
|
359
390
|
"name": "Button",
|
|
360
391
|
"declaration": {
|
|
361
|
-
"name": "
|
|
392
|
+
"name": "ue",
|
|
362
393
|
"module": "dist/primer-loader.js"
|
|
363
394
|
}
|
|
364
395
|
},
|
|
@@ -366,7 +397,7 @@
|
|
|
366
397
|
"kind": "js",
|
|
367
398
|
"name": "CardForm",
|
|
368
399
|
"declaration": {
|
|
369
|
-
"name": "
|
|
400
|
+
"name": "ee",
|
|
370
401
|
"module": "dist/primer-loader.js"
|
|
371
402
|
}
|
|
372
403
|
},
|
|
@@ -374,7 +405,7 @@
|
|
|
374
405
|
"kind": "js",
|
|
375
406
|
"name": "CardFormCVV",
|
|
376
407
|
"declaration": {
|
|
377
|
-
"name": "
|
|
408
|
+
"name": "et",
|
|
378
409
|
"module": "dist/primer-loader.js"
|
|
379
410
|
}
|
|
380
411
|
},
|
|
@@ -382,7 +413,7 @@
|
|
|
382
413
|
"kind": "js",
|
|
383
414
|
"name": "CardFormCardNetworkSelector",
|
|
384
415
|
"declaration": {
|
|
385
|
-
"name": "
|
|
416
|
+
"name": "de",
|
|
386
417
|
"module": "dist/primer-loader.js"
|
|
387
418
|
}
|
|
388
419
|
},
|
|
@@ -390,7 +421,7 @@
|
|
|
390
421
|
"kind": "js",
|
|
391
422
|
"name": "CardFormCardNumber",
|
|
392
423
|
"declaration": {
|
|
393
|
-
"name": "
|
|
424
|
+
"name": "Qe",
|
|
394
425
|
"module": "dist/primer-loader.js"
|
|
395
426
|
}
|
|
396
427
|
},
|
|
@@ -398,7 +429,7 @@
|
|
|
398
429
|
"kind": "js",
|
|
399
430
|
"name": "CardFormError",
|
|
400
431
|
"declaration": {
|
|
401
|
-
"name": "
|
|
432
|
+
"name": "Je",
|
|
402
433
|
"module": "dist/primer-loader.js"
|
|
403
434
|
}
|
|
404
435
|
},
|
|
@@ -406,7 +437,7 @@
|
|
|
406
437
|
"kind": "js",
|
|
407
438
|
"name": "CardFormExpiry",
|
|
408
439
|
"declaration": {
|
|
409
|
-
"name": "
|
|
440
|
+
"name": "tt",
|
|
410
441
|
"module": "dist/primer-loader.js"
|
|
411
442
|
}
|
|
412
443
|
},
|
|
@@ -414,7 +445,7 @@
|
|
|
414
445
|
"kind": "js",
|
|
415
446
|
"name": "CardFormName",
|
|
416
447
|
"declaration": {
|
|
417
|
-
"name": "
|
|
448
|
+
"name": "rt",
|
|
418
449
|
"module": "dist/primer-loader.js"
|
|
419
450
|
}
|
|
420
451
|
},
|
|
@@ -422,7 +453,7 @@
|
|
|
422
453
|
"kind": "js",
|
|
423
454
|
"name": "CardFormSubmit",
|
|
424
455
|
"declaration": {
|
|
425
|
-
"name": "
|
|
456
|
+
"name": "W",
|
|
426
457
|
"module": "dist/primer-loader.js"
|
|
427
458
|
}
|
|
428
459
|
},
|
|
@@ -430,7 +461,7 @@
|
|
|
430
461
|
"kind": "js",
|
|
431
462
|
"name": "Collapsable",
|
|
432
463
|
"declaration": {
|
|
433
|
-
"name": "
|
|
464
|
+
"name": "fe",
|
|
434
465
|
"module": "dist/primer-loader.js"
|
|
435
466
|
}
|
|
436
467
|
},
|
|
@@ -438,7 +469,7 @@
|
|
|
438
469
|
"kind": "js",
|
|
439
470
|
"name": "Dialog",
|
|
440
471
|
"declaration": {
|
|
441
|
-
"name": "
|
|
472
|
+
"name": "Te",
|
|
442
473
|
"module": "dist/primer-loader.js"
|
|
443
474
|
}
|
|
444
475
|
},
|
|
@@ -446,7 +477,7 @@
|
|
|
446
477
|
"kind": "js",
|
|
447
478
|
"name": "DynamicPayment",
|
|
448
479
|
"declaration": {
|
|
449
|
-
"name": "
|
|
480
|
+
"name": "Pe",
|
|
450
481
|
"module": "dist/primer-loader.js"
|
|
451
482
|
}
|
|
452
483
|
},
|
|
@@ -454,7 +485,7 @@
|
|
|
454
485
|
"kind": "js",
|
|
455
486
|
"name": "ErrorMessage",
|
|
456
487
|
"declaration": {
|
|
457
|
-
"name": "
|
|
488
|
+
"name": "Ue",
|
|
458
489
|
"module": "dist/primer-loader.js"
|
|
459
490
|
}
|
|
460
491
|
},
|
|
@@ -462,7 +493,7 @@
|
|
|
462
493
|
"kind": "js",
|
|
463
494
|
"name": "ErrorMessageContainer",
|
|
464
495
|
"declaration": {
|
|
465
|
-
"name": "
|
|
496
|
+
"name": "it",
|
|
466
497
|
"module": "dist/primer-loader.js"
|
|
467
498
|
}
|
|
468
499
|
},
|
|
@@ -470,7 +501,7 @@
|
|
|
470
501
|
"kind": "js",
|
|
471
502
|
"name": "GooglePay",
|
|
472
503
|
"declaration": {
|
|
473
|
-
"name": "
|
|
504
|
+
"name": "Be",
|
|
474
505
|
"module": "dist/primer-loader.js"
|
|
475
506
|
}
|
|
476
507
|
},
|
|
@@ -478,7 +509,7 @@
|
|
|
478
509
|
"kind": "js",
|
|
479
510
|
"name": "InitializedPayments",
|
|
480
511
|
"declaration": {
|
|
481
|
-
"name": "
|
|
512
|
+
"name": "Jr",
|
|
482
513
|
"module": "dist/primer-loader.js"
|
|
483
514
|
}
|
|
484
515
|
},
|
|
@@ -486,7 +517,7 @@
|
|
|
486
517
|
"kind": "js",
|
|
487
518
|
"name": "Input",
|
|
488
519
|
"declaration": {
|
|
489
|
-
"name": "
|
|
520
|
+
"name": "B",
|
|
490
521
|
"module": "dist/primer-loader.js"
|
|
491
522
|
}
|
|
492
523
|
},
|
|
@@ -494,7 +525,7 @@
|
|
|
494
525
|
"kind": "js",
|
|
495
526
|
"name": "InputLabel",
|
|
496
527
|
"declaration": {
|
|
497
|
-
"name": "
|
|
528
|
+
"name": "qe",
|
|
498
529
|
"module": "dist/primer-loader.js"
|
|
499
530
|
}
|
|
500
531
|
},
|
|
@@ -502,7 +533,7 @@
|
|
|
502
533
|
"kind": "js",
|
|
503
534
|
"name": "InputWrapper",
|
|
504
535
|
"declaration": {
|
|
505
|
-
"name": "
|
|
536
|
+
"name": "$e",
|
|
506
537
|
"module": "dist/primer-loader.js"
|
|
507
538
|
}
|
|
508
539
|
},
|
|
@@ -510,7 +541,7 @@
|
|
|
510
541
|
"kind": "js",
|
|
511
542
|
"name": "PayPal",
|
|
512
543
|
"declaration": {
|
|
513
|
-
"name": "
|
|
544
|
+
"name": "He",
|
|
514
545
|
"module": "dist/primer-loader.js"
|
|
515
546
|
}
|
|
516
547
|
},
|
|
@@ -518,7 +549,7 @@
|
|
|
518
549
|
"kind": "js",
|
|
519
550
|
"name": "PaymentMethod",
|
|
520
551
|
"declaration": {
|
|
521
|
-
"name": "
|
|
552
|
+
"name": "Me",
|
|
522
553
|
"module": "dist/primer-loader.js"
|
|
523
554
|
}
|
|
524
555
|
},
|
|
@@ -526,7 +557,7 @@
|
|
|
526
557
|
"kind": "js",
|
|
527
558
|
"name": "PaymentMethodContainer",
|
|
528
559
|
"declaration": {
|
|
529
|
-
"name": "
|
|
560
|
+
"name": "_e",
|
|
530
561
|
"module": "dist/primer-loader.js"
|
|
531
562
|
}
|
|
532
563
|
},
|
|
@@ -534,7 +565,7 @@
|
|
|
534
565
|
"kind": "js",
|
|
535
566
|
"name": "PaymentMethodContentComponent",
|
|
536
567
|
"declaration": {
|
|
537
|
-
"name": "
|
|
568
|
+
"name": "ze",
|
|
538
569
|
"module": "dist/primer-loader.js"
|
|
539
570
|
}
|
|
540
571
|
},
|
|
@@ -542,15 +573,15 @@
|
|
|
542
573
|
"kind": "js",
|
|
543
574
|
"name": "Portal",
|
|
544
575
|
"declaration": {
|
|
545
|
-
"name": "
|
|
576
|
+
"name": "ut",
|
|
546
577
|
"module": "dist/primer-loader.js"
|
|
547
578
|
}
|
|
548
579
|
},
|
|
549
580
|
{
|
|
550
581
|
"kind": "js",
|
|
551
|
-
"name": "
|
|
582
|
+
"name": "PortalDialog",
|
|
552
583
|
"declaration": {
|
|
553
|
-
"name": "
|
|
584
|
+
"name": "se",
|
|
554
585
|
"module": "dist/primer-loader.js"
|
|
555
586
|
}
|
|
556
587
|
},
|
|
@@ -558,7 +589,7 @@
|
|
|
558
589
|
"kind": "js",
|
|
559
590
|
"name": "PrimerCheckoutComplete",
|
|
560
591
|
"declaration": {
|
|
561
|
-
"name": "
|
|
592
|
+
"name": "jt",
|
|
562
593
|
"module": "dist/primer-loader.js"
|
|
563
594
|
}
|
|
564
595
|
},
|
|
@@ -566,7 +597,7 @@
|
|
|
566
597
|
"kind": "js",
|
|
567
598
|
"name": "PrimerCheckoutComponent",
|
|
568
599
|
"declaration": {
|
|
569
|
-
"name": "
|
|
600
|
+
"name": "be",
|
|
570
601
|
"module": "dist/primer-loader.js"
|
|
571
602
|
}
|
|
572
603
|
},
|
|
@@ -574,7 +605,7 @@
|
|
|
574
605
|
"kind": "js",
|
|
575
606
|
"name": "PrimerCheckoutFailure",
|
|
576
607
|
"declaration": {
|
|
577
|
-
"name": "
|
|
608
|
+
"name": "Nt",
|
|
578
609
|
"module": "dist/primer-loader.js"
|
|
579
610
|
}
|
|
580
611
|
},
|
|
@@ -582,7 +613,7 @@
|
|
|
582
613
|
"kind": "js",
|
|
583
614
|
"name": "PrimerCheckoutState",
|
|
584
615
|
"declaration": {
|
|
585
|
-
"name": "
|
|
616
|
+
"name": "Ze",
|
|
586
617
|
"module": "dist/primer-loader.js"
|
|
587
618
|
}
|
|
588
619
|
},
|
|
@@ -590,7 +621,7 @@
|
|
|
590
621
|
"kind": "js",
|
|
591
622
|
"name": "PrimerIcon",
|
|
592
623
|
"declaration": {
|
|
593
|
-
"name": "
|
|
624
|
+
"name": "Ve",
|
|
594
625
|
"module": "dist/primer-loader.js"
|
|
595
626
|
}
|
|
596
627
|
},
|
|
@@ -598,7 +629,7 @@
|
|
|
598
629
|
"kind": "js",
|
|
599
630
|
"name": "PrimerKlarna",
|
|
600
631
|
"declaration": {
|
|
601
|
-
"name": "
|
|
632
|
+
"name": "ie",
|
|
602
633
|
"module": "dist/primer-loader.js"
|
|
603
634
|
}
|
|
604
635
|
},
|
|
@@ -606,7 +637,7 @@
|
|
|
606
637
|
"kind": "js",
|
|
607
638
|
"name": "PrimerMain",
|
|
608
639
|
"declaration": {
|
|
609
|
-
"name": "
|
|
640
|
+
"name": "Ke",
|
|
610
641
|
"module": "dist/primer-loader.js"
|
|
611
642
|
}
|
|
612
643
|
},
|
|
@@ -614,7 +645,15 @@
|
|
|
614
645
|
"kind": "js",
|
|
615
646
|
"name": "RedirectPayment",
|
|
616
647
|
"declaration": {
|
|
617
|
-
"name": "
|
|
648
|
+
"name": "we",
|
|
649
|
+
"module": "dist/primer-loader.js"
|
|
650
|
+
}
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"kind": "js",
|
|
654
|
+
"name": "Select",
|
|
655
|
+
"declaration": {
|
|
656
|
+
"name": "he",
|
|
618
657
|
"module": "dist/primer-loader.js"
|
|
619
658
|
}
|
|
620
659
|
},
|
|
@@ -622,7 +661,7 @@
|
|
|
622
661
|
"kind": "js",
|
|
623
662
|
"name": "ShowOtherPayments",
|
|
624
663
|
"declaration": {
|
|
625
|
-
"name": "
|
|
664
|
+
"name": "vt",
|
|
626
665
|
"module": "dist/primer-loader.js"
|
|
627
666
|
}
|
|
628
667
|
},
|
|
@@ -630,7 +669,7 @@
|
|
|
630
669
|
"kind": "js",
|
|
631
670
|
"name": "Spinner",
|
|
632
671
|
"declaration": {
|
|
633
|
-
"name": "
|
|
672
|
+
"name": "De",
|
|
634
673
|
"module": "dist/primer-loader.js"
|
|
635
674
|
}
|
|
636
675
|
},
|
|
@@ -638,7 +677,7 @@
|
|
|
638
677
|
"kind": "js",
|
|
639
678
|
"name": "VaultCvvInput",
|
|
640
679
|
"declaration": {
|
|
641
|
-
"name": "
|
|
680
|
+
"name": "G",
|
|
642
681
|
"module": "dist/primer-loader.js"
|
|
643
682
|
}
|
|
644
683
|
},
|
|
@@ -646,7 +685,7 @@
|
|
|
646
685
|
"kind": "js",
|
|
647
686
|
"name": "VaultDeleteConfirmation",
|
|
648
687
|
"declaration": {
|
|
649
|
-
"name": "
|
|
688
|
+
"name": "Ee",
|
|
650
689
|
"module": "dist/primer-loader.js"
|
|
651
690
|
}
|
|
652
691
|
},
|
|
@@ -654,7 +693,7 @@
|
|
|
654
693
|
"kind": "js",
|
|
655
694
|
"name": "VaultEmptyState",
|
|
656
695
|
"declaration": {
|
|
657
|
-
"name": "
|
|
696
|
+
"name": "Xe",
|
|
658
697
|
"module": "dist/primer-loader.js"
|
|
659
698
|
}
|
|
660
699
|
},
|
|
@@ -662,7 +701,7 @@
|
|
|
662
701
|
"kind": "js",
|
|
663
702
|
"name": "VaultErrorMessage",
|
|
664
703
|
"declaration": {
|
|
665
|
-
"name": "
|
|
704
|
+
"name": "Fe",
|
|
666
705
|
"module": "dist/primer-loader.js"
|
|
667
706
|
}
|
|
668
707
|
},
|
|
@@ -670,7 +709,7 @@
|
|
|
670
709
|
"kind": "js",
|
|
671
710
|
"name": "VaultManager",
|
|
672
711
|
"declaration": {
|
|
673
|
-
"name": "
|
|
712
|
+
"name": "ae",
|
|
674
713
|
"module": "dist/primer-loader.js"
|
|
675
714
|
}
|
|
676
715
|
},
|
|
@@ -678,7 +717,7 @@
|
|
|
678
717
|
"kind": "js",
|
|
679
718
|
"name": "VaultManagerHeader",
|
|
680
719
|
"declaration": {
|
|
681
|
-
"name": "
|
|
720
|
+
"name": "ke",
|
|
682
721
|
"module": "dist/primer-loader.js"
|
|
683
722
|
}
|
|
684
723
|
},
|
|
@@ -686,7 +725,7 @@
|
|
|
686
725
|
"kind": "js",
|
|
687
726
|
"name": "VaultPaymentMethodItem",
|
|
688
727
|
"declaration": {
|
|
689
|
-
"name": "
|
|
728
|
+
"name": "ye",
|
|
690
729
|
"module": "dist/primer-loader.js"
|
|
691
730
|
}
|
|
692
731
|
},
|
|
@@ -694,7 +733,7 @@
|
|
|
694
733
|
"kind": "js",
|
|
695
734
|
"name": "VaultPaymentSubmit",
|
|
696
735
|
"declaration": {
|
|
697
|
-
"name": "
|
|
736
|
+
"name": "Q",
|
|
698
737
|
"module": "dist/primer-loader.js"
|
|
699
738
|
}
|
|
700
739
|
},
|
|
@@ -702,7 +741,7 @@
|
|
|
702
741
|
"kind": "js",
|
|
703
742
|
"name": "injectDarkTheme",
|
|
704
743
|
"declaration": {
|
|
705
|
-
"name": "
|
|
744
|
+
"name": "ic",
|
|
706
745
|
"module": "dist/primer-loader.js"
|
|
707
746
|
}
|
|
708
747
|
},
|
|
@@ -710,7 +749,7 @@
|
|
|
710
749
|
"kind": "js",
|
|
711
750
|
"name": "injectLightTheme",
|
|
712
751
|
"declaration": {
|
|
713
|
-
"name": "
|
|
752
|
+
"name": "rc",
|
|
714
753
|
"module": "dist/primer-loader.js"
|
|
715
754
|
}
|
|
716
755
|
},
|
|
@@ -718,7 +757,7 @@
|
|
|
718
757
|
"kind": "js",
|
|
719
758
|
"name": "injectLoaderStyles",
|
|
720
759
|
"declaration": {
|
|
721
|
-
"name": "
|
|
760
|
+
"name": "kn",
|
|
722
761
|
"module": "dist/primer-loader.js"
|
|
723
762
|
}
|
|
724
763
|
},
|
|
@@ -726,7 +765,7 @@
|
|
|
726
765
|
"kind": "js",
|
|
727
766
|
"name": "injectThemeStyles",
|
|
728
767
|
"declaration": {
|
|
729
|
-
"name": "
|
|
768
|
+
"name": "In",
|
|
730
769
|
"module": "dist/primer-loader.js"
|
|
731
770
|
}
|
|
732
771
|
},
|
|
@@ -734,7 +773,7 @@
|
|
|
734
773
|
"kind": "js",
|
|
735
774
|
"name": "loadPrimer",
|
|
736
775
|
"declaration": {
|
|
737
|
-
"name": "
|
|
776
|
+
"name": "pk",
|
|
738
777
|
"module": "dist/primer-loader.js"
|
|
739
778
|
}
|
|
740
779
|
}
|
|
@@ -798,7 +837,7 @@
|
|
|
798
837
|
"name": "*",
|
|
799
838
|
"declaration": {
|
|
800
839
|
"name": "*",
|
|
801
|
-
"
|
|
840
|
+
"module": "src/contexts/types"
|
|
802
841
|
}
|
|
803
842
|
},
|
|
804
843
|
{
|
|
@@ -806,7 +845,7 @@
|
|
|
806
845
|
"name": "*",
|
|
807
846
|
"declaration": {
|
|
808
847
|
"name": "*",
|
|
809
|
-
"
|
|
848
|
+
"module": "src/contexts/payments-objects"
|
|
810
849
|
}
|
|
811
850
|
},
|
|
812
851
|
{
|
|
@@ -814,7 +853,7 @@
|
|
|
814
853
|
"name": "*",
|
|
815
854
|
"declaration": {
|
|
816
855
|
"name": "*",
|
|
817
|
-
"
|
|
856
|
+
"module": "src/atoms"
|
|
818
857
|
}
|
|
819
858
|
},
|
|
820
859
|
{
|
|
@@ -822,7 +861,7 @@
|
|
|
822
861
|
"name": "*",
|
|
823
862
|
"declaration": {
|
|
824
863
|
"name": "*",
|
|
825
|
-
"
|
|
864
|
+
"module": "src/containers"
|
|
826
865
|
}
|
|
827
866
|
},
|
|
828
867
|
{
|
|
@@ -1502,6 +1541,122 @@
|
|
|
1502
1541
|
}
|
|
1503
1542
|
]
|
|
1504
1543
|
},
|
|
1544
|
+
{
|
|
1545
|
+
"kind": "javascript-module",
|
|
1546
|
+
"path": "e2e/mocks/billing-address.ts",
|
|
1547
|
+
"declarations": [
|
|
1548
|
+
{
|
|
1549
|
+
"kind": "variable",
|
|
1550
|
+
"name": "settings",
|
|
1551
|
+
"type": {
|
|
1552
|
+
"text": "string"
|
|
1553
|
+
},
|
|
1554
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJDdXN0b21lcjEyMyIsIm9yZGVySWQiOiIxMjU3NyIsImFtb3VudCI6MTA1MCwiY3VycmVuY3lDb2RlIjoiRVVSIiwibWV0YWRhdGEiOnsiZXhwcmVzc0NoZWNrb3V0IjoidHJ1ZSJ9LCJvcmRlciI6eyJzaGlwcGluZyI6eyJhbW91bnQiOjUwLCJtZXRob2RJZCI6IlJlZ3VsYXIiLCJtZXRob2ROYW1lIjoiUmVndWxhciA1MCIsIm1ldGhvZERlc2NyaXB0aW9uIjoiUmVndWxhciJ9LCJjb3VudHJ5Q29kZSI6IkZSIiwibGluZUl0ZW1zIjpbeyJpdGVtSWQiOiJwcmltZXItaG9vZGllLWdyYXkiLCJkZXNjcmlwdGlvbiI6IlByaW1lciBIb29kaWUiLCJhbW91bnQiOjk1MCwicXVhbnRpdHkiOjF9LHsiaXRlbUlkIjoicHJpbWVyLWhvb2RpZS1ibHVlIiwiZGVzY3JpcHRpb24iOiJQcmltZXIgQmx1ZSIsImFtb3VudCI6NTAsInF1YW50aXR5IjoxfV19LCJjdXN0b21lciI6eyJiaWxsaW5nQWRkcmVzcyI6eyJmaXJzdE5hbWUiOiJ0ZXN0dCIsImxhc3ROYW1lIjoidGVzdCIsInBvc3RhbENvZGUiOiI1MTY2MiIsImFkZHJlc3NMaW5lMSI6ImFrc2psa2FqbCIsImFkZHJlc3NMaW5lMiI6ImpmamthaGsiLCJjb3VudHJ5Q29kZSI6IlBMIiwiY2l0eSI6Indyb2NsYXciLCJzdGF0ZSI6InRlc3QifSwic2hpcHBpbmdBZGRyZXNzIjp7fSwibmF0aW9uYWxEb2N1bWVudElkIjoiOTAxMTIxMTIzNDU2NyJ9LCJwYXltZW50TWV0aG9kIjp7InZhdWx0T25TdWNjZXNzIjpmYWxzZSwidmF1bHRPbjNEUyI6ZmFsc2UsInZhdWx0T25BZ3JlZW1lbnQiOmZhbHNlLCJvcmRlcmVkQWxsb3dlZENhcmROZXR3b3JrcyI6WyJWSVNBIiwiTUFTVEVSQ0FSRCIsIkFNRVgiLCJNQUVTVFJPIiwiVU5JT05QQVkiLCJDQVJURVNfQkFOQ0FJUkVTIiwiREFOS09SVCIsIkRJTkVSU19DTFVCIiwiRElTQ09WRVIiLCJFTlJPVVRFIiwiRUxPIiwiSElQRVIiLCJJTlRFUkFDIiwiSkNCIiwiTUlSIiwiT1RIRVIiXX19LCJjbGllbnRPcHRpb25zIjp7ImxvY2FsZSI6ImVuIiwiYXBpVmVyc2lvbiI6IjIuNCIsInJlZGlyZWN0Ijp7ImZvcmNlUmVkaXJlY3QiOmZhbHNlfSwidmF1bHQiOnsidmlzaWJsZSI6ZmFsc2V9LCJjYXJkIjp7InByZWZlcnJlZEZsb3ciOiJFTUJFRERFRF9JTl9IT01FIn19LCJhcGlDb25maWciOnsiYXBpS2V5IjoiZXlKMGVYQWlPaUpLVjFRaUxDSmhiR2NpT2lKSVV6STFOaUo5LmV5SnpkV0lpT2lJM05XUmpOekF4TWkwM09EVmpMVFEwTTJFdE9EQmlNUzB3WlRGbU9EaG1aRFJtWVdRaUxDSnBZWFFpT2pFM05UazBPRGd4TkRJc0ltdHBaQ0k2SW5ZeElpd2lhblJwSWpvaVlXWXhZemcxWW1VdE16UmhOaTAwWWpGakxUa3pObVl0WWpnME5tVXlOV1k1TnpFeEluMC5CaElodFpBcGotdWJJckJ3bW1zR1U4dGlCdWNEMU93WFpySmcxdXRRRzZjIiwiYXBpVmVyc2lvbiI6IjIuNCIsImVudiI6IkNVU1RPTV9TQU5EQk9YIn0sImhlYWRsZXNzT3B0aW9ucyI6eyJsb2NhbGUiOiJmci1GUiIsInN0cmlwZSI6eyJwdWJsaXNoYWJsZUtleSI6InBrX3Rlc3RfNTFPOHpmUUtVSzZiWElkQzJ4UHZTUzZVdnJpRTlrd3B2dHR3QjdIOVBBemhOQVpvR3pMZ2lET3lkNFdvb296ZVdIeG9ScktvNmIyVmpaWXhOQ01YM1c3YmswMHJNRGl2amF1In0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsic2RrQ29yZSI6dHJ1ZX19'"
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"kind": "variable",
|
|
1558
|
+
"name": "CONFIGURATION_RESPONSE",
|
|
1559
|
+
"type": {
|
|
1560
|
+
"text": "object"
|
|
1561
|
+
},
|
|
1562
|
+
"default": "{ coreUrl: 'https://api.sandbox.primer.io', pciUrl: 'https://sdk.api.sandbox.primer.io', binDataUrl: 'https://bin-data.api.sandbox.core.primer.io', assetsUrl: 'https://assets.sandbox.core.primer.io', checkoutModules: [ { type: 'BILLING_ADDRESS', options: { firstName: false, lastName: false, city: true, countryCode: true, postalCode: true, addressLine1: true, addressLine2: true, state: false, }, }, ], clientSession: { clientSessionId: '0ad5b471-5b80-436b-ad03-57850585e3fd', order: { orderId: '12577', currencyCode: 'EUR', countryCode: 'FR', totalOrderAmount: 1050, merchantAmount: 1050, lineItems: [ { itemId: 'primer-hoodie-gray', description: 'Primer Hoodie', amount: 950, quantity: 1, }, { itemId: 'primer-hoodie-blue', description: 'Primer Blue', amount: 50, quantity: 1, }, ], shipping: { amount: 50, methodId: 'Regular', methodName: 'Regular 50', methodDescription: 'Regular', }, }, customer: { customerId: 'Customer123', billingAddress: { firstName: 'testt', lastName: 'test', postalCode: '51662', addressLine1: 'aksjlkajl', addressLine2: 'jfjkahk', countryCode: 'PL', city: 'wroclaw', state: 'test', }, shippingAddress: {}, nationalDocumentId: '9011211234567', }, paymentMethod: { vaultOnSuccess: false, orderedAllowedCardNetworks: [ 'VISA', 'MASTERCARD', 'AMEX', 'MAESTRO', 'UNIONPAY', 'CARTES_BANCAIRES', 'DANKORT', 'DINERS_CLUB', 'DISCOVER', 'ENROUTE', 'ELO', 'HIPER', 'INTERAC', 'JCB', 'MIR', 'OTHER', ], vaultOnAgreement: false, }, }, primerAccountId: '75dc7012-785c-443a-80b1-0e1f88fd4fad', env: 'SANDBOX', paymentMethods: [ { id: '42e32c6e-7faa-4f5a-97d0-9c4f7b848ae1', type: 'APPLE_PAY', options: { merchantId: '75dc7012785c443a80b10e1f88fd4fad', merchantName: 'Primer', merchantDomains: [], }, implementationType: 'NATIVE_SDK', name: 'Apple Pay', displayMetadata: { button: { iconUrl: { dark: 'https://assets.sandbox.core.primer.io/APPLE_PAY/apple-pay-logo-dark@3x.png', light: 'https://assets.sandbox.core.primer.io/APPLE_PAY/apple-pay-logo-light@3x.png', }, backgroundColor: { dark: '#000000', light: '#FFFFFF', }, cornerRadius: 4, borderWidth: { colored: 0, dark: 1, light: 1, }, borderColor: { dark: '#FFFFFF', light: '#212121', }, }, }, implementation: {}, }, { type: 'PAYMENT_CARD', options: { threeDSecureProvider: '3DSECUREIO', threeDSecureEnabled: true, }, implementationType: 'NATIVE_SDK', name: 'Card', displayMetadata: { button: { iconUrl: { dark: 'https://assets.sandbox.core.primer.io/PAYMENT_CARD/payment-card-logo-dark@3x.png', light: 'https://assets.sandbox.core.primer.io/PAYMENT_CARD/payment-card-logo-light@3x.png', }, backgroundColor: { dark: '#000000', light: '#FFFFFF', }, cornerRadius: 4, borderWidth: { colored: 0, dark: 1, light: 1, }, borderColor: { dark: '#FFFFFF', light: '#212121', }, text: 'Pay by card', textColor: { dark: '#FFFFFF', light: '#000000', }, }, }, forceRedirect: false, implementation: {}, }, ], styleDefaults: {}, }"
|
|
1563
|
+
},
|
|
1564
|
+
{
|
|
1565
|
+
"kind": "variable",
|
|
1566
|
+
"name": "CARD_NUMBER",
|
|
1567
|
+
"type": {
|
|
1568
|
+
"text": "string"
|
|
1569
|
+
},
|
|
1570
|
+
"default": "'4242 4242 4242 4242'"
|
|
1571
|
+
},
|
|
1572
|
+
{
|
|
1573
|
+
"kind": "function",
|
|
1574
|
+
"name": "mockBinData",
|
|
1575
|
+
"parameters": [
|
|
1576
|
+
{
|
|
1577
|
+
"name": "page",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "Page"
|
|
1580
|
+
}
|
|
1581
|
+
}
|
|
1582
|
+
]
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"kind": "function",
|
|
1586
|
+
"name": "mockPaymentInstruments",
|
|
1587
|
+
"parameters": [
|
|
1588
|
+
{
|
|
1589
|
+
"name": "page",
|
|
1590
|
+
"type": {
|
|
1591
|
+
"text": "Page"
|
|
1592
|
+
}
|
|
1593
|
+
}
|
|
1594
|
+
]
|
|
1595
|
+
},
|
|
1596
|
+
{
|
|
1597
|
+
"kind": "function",
|
|
1598
|
+
"name": "mockPayments",
|
|
1599
|
+
"parameters": [
|
|
1600
|
+
{
|
|
1601
|
+
"name": "page",
|
|
1602
|
+
"type": {
|
|
1603
|
+
"text": "Page"
|
|
1604
|
+
}
|
|
1605
|
+
}
|
|
1606
|
+
]
|
|
1607
|
+
}
|
|
1608
|
+
],
|
|
1609
|
+
"exports": [
|
|
1610
|
+
{
|
|
1611
|
+
"kind": "js",
|
|
1612
|
+
"name": "settings",
|
|
1613
|
+
"declaration": {
|
|
1614
|
+
"name": "settings",
|
|
1615
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1616
|
+
}
|
|
1617
|
+
},
|
|
1618
|
+
{
|
|
1619
|
+
"kind": "js",
|
|
1620
|
+
"name": "CONFIGURATION_RESPONSE",
|
|
1621
|
+
"declaration": {
|
|
1622
|
+
"name": "CONFIGURATION_RESPONSE",
|
|
1623
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1624
|
+
}
|
|
1625
|
+
},
|
|
1626
|
+
{
|
|
1627
|
+
"kind": "js",
|
|
1628
|
+
"name": "CARD_NUMBER",
|
|
1629
|
+
"declaration": {
|
|
1630
|
+
"name": "CARD_NUMBER",
|
|
1631
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1632
|
+
}
|
|
1633
|
+
},
|
|
1634
|
+
{
|
|
1635
|
+
"kind": "js",
|
|
1636
|
+
"name": "mockBinData",
|
|
1637
|
+
"declaration": {
|
|
1638
|
+
"name": "mockBinData",
|
|
1639
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1640
|
+
}
|
|
1641
|
+
},
|
|
1642
|
+
{
|
|
1643
|
+
"kind": "js",
|
|
1644
|
+
"name": "mockPaymentInstruments",
|
|
1645
|
+
"declaration": {
|
|
1646
|
+
"name": "mockPaymentInstruments",
|
|
1647
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1648
|
+
}
|
|
1649
|
+
},
|
|
1650
|
+
{
|
|
1651
|
+
"kind": "js",
|
|
1652
|
+
"name": "mockPayments",
|
|
1653
|
+
"declaration": {
|
|
1654
|
+
"name": "mockPayments",
|
|
1655
|
+
"module": "e2e/mocks/billing-address.ts"
|
|
1656
|
+
}
|
|
1657
|
+
}
|
|
1658
|
+
]
|
|
1659
|
+
},
|
|
1505
1660
|
{
|
|
1506
1661
|
"kind": "javascript-module",
|
|
1507
1662
|
"path": "e2e/mocks/card-3ds.ts",
|
|
@@ -1512,7 +1667,7 @@
|
|
|
1512
1667
|
"type": {
|
|
1513
1668
|
"text": "string"
|
|
1514
1669
|
},
|
|
1515
|
-
"default": "'?settings=
|
|
1670
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJFdWxlciBpcyB0aGUgYmVzdCIsIm9yZGVySWQiOiI3NDUyNyIsImFtb3VudCI6NjAwLCJjdXJyZW5jeUNvZGUiOiJFVVIiLCJtZXRhZGF0YSI6eyJzY2VuYXJpbyI6IkdPT0dMRV9QQVkifSwib3JkZXIiOnsiZmVlcyI6W3sidHlwZSI6IlNVUkNIQVJHRSIsImFtb3VudCI6MH1dLCJjb3VudHJ5Q29kZSI6IkRFIiwibGluZUl0ZW1zIjpbeyJpdGVtSWQiOiJwcmltZXItaG9vZGllLWdyYXkiLCJkZXNjcmlwdGlvbiI6IlByaW1lciBIb29kaWUiLCJhbW91bnQiOjYwMCwicXVhbnRpdHkiOjF9XX0sImN1c3RvbWVyIjp7ImJpbGxpbmdBZGRyZXNzIjp7ImZpcnN0TmFtZSI6IkNhcmQiLCJsYXN0TmFtZSI6IkhvbGRlciBOYW1lIiwicG9zdGFsQ29kZSI6Ijk0MDQzIiwiYWRkcmVzc0xpbmUxIjoiMTYwMCBBbXBoaXRoZWF0cmUgUGFya3dheSIsImNvdW50cnlDb2RlIjoiVVMiLCJjaXR5IjoiTW91bnRhaW4gVmlldyIsInN0YXRlIjoiQ0EifX0sInBheW1lbnRNZXRob2QiOnsidmF1bHRPblN1Y2Nlc3MiOmZhbHNlLCJ2YXVsdE9uM0RTIjpmYWxzZSwib3B0aW9ucyI6eyJQQVlQQUwiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJQQVlNRU5UX0NBUkQiOnsibmV0d29ya3MiOnsiVklTQSI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIk1BU1RFUkNBUkQiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19fX0sIkFEWUVOX0lERUFMIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fSwiUEFZX05MX1BBWVBBTCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkFQUExFX1BBWSI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkFEWUVOX1NPRk9SVCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkdPT0dMRV9QQVkiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19fSwib3JkZXJlZEFsbG93ZWRDYXJkTmV0d29ya3MiOlsiVklTQSIsIk1BU1RFUkNBUkQiLCJBTUVYIiwiTUFFU1RSTyIsIlVOSU9OUEFZIiwiQ0FSVEVTX0JBTkNBSVJFUyIsIkRBTktPUlQiLCJESU5FUlNfQ0xVQiIsIkRJU0NPVkVSIiwiRU5ST1VURSIsIkVMTyIsIkhJUEVSIiwiSU5URVJBQyIsIkpDQiIsIk1JUiIsIk9USEVSIl19fSwiY2xpZW50T3B0aW9ucyI6eyJjYXJkIjp7InByZWZlcnJlZEZsb3ciOiJFTUJFRERFRF9JTl9IT01FIn0sImRpcmVjdERlYml0Ijp7ImN1c3RvbWVyQ291bnRyeUNvZGUiOiJGUiIsImNvbXBhbnlOYW1lIjoiUHJpbWVyIEFQSSBMVEQiLCJjb21wYW55QWRkcmVzcyI6IjEyMyBGYWtlIFN0LCBMb25kb24sIEVDMkEgOFhZIn0sInJlZGlyZWN0Ijp7ImZvcmNlUmVkaXJlY3QiOmZhbHNlfSwiZ29vZ2xlUGF5Ijp7ImNhcHR1cmVCaWxsaW5nQWRkcmVzcyI6dHJ1ZX19LCJhcGlDb25maWciOnsiYXBpS2V5IjoiMmI4NTM3YjItNDc4Yy00MzE1LTg4ZmItZjE5NTQ1MDBiNWZhIiwiYXBpVmVyc2lvbiI6IjIuMyIsImVudiI6IkNVU1RPTV9TQU5EQk9YIn0sImhlYWRsZXNzT3B0aW9ucyI6e30sImxpdENvbXBvbmVudHNPcHRpb25zIjp7InNka0NvcmUiOmZhbHNlfX0='"
|
|
1516
1671
|
},
|
|
1517
1672
|
{
|
|
1518
1673
|
"kind": "variable",
|
|
@@ -1552,7 +1707,7 @@
|
|
|
1552
1707
|
"type": {
|
|
1553
1708
|
"text": "string"
|
|
1554
1709
|
},
|
|
1555
|
-
"default": "'?settings=
|
|
1710
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJhaXJ3YWxsZXgtY3VzdG9tZXItaWQtZGVtbyIsIm9yZGVySWQiOiIzNDc3NSIsImFtb3VudCI6MTAwMCwiY3VycmVuY3lDb2RlIjoiRVVSIiwibWV0YWRhdGEiOnsid29ya2Zsb3ciOiJhaXJ3YWxsZXgifSwib3JkZXIiOnsiY291bnRyeUNvZGUiOiJHQiIsImxpbmVJdGVtcyI6W3siaXRlbUlkIjoicHJpbWVyLWhvb2RpZS1ncmF5IiwiZGVzY3JpcHRpb24iOiJQcmltZXIgSG9vZGllIiwiYW1vdW50IjoxMDAwLCJxdWFudGl0eSI6MX1dfSwiY3VzdG9tZXIiOnt9LCJwYXltZW50TWV0aG9kIjp7InZhdWx0T25TdWNjZXNzIjpmYWxzZSwidmF1bHRPbjNEUyI6ZmFsc2UsIm9wdGlvbnMiOnsiUEFZUEFMIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fSwiUEFZTUVOVF9DQVJEIjp7Im5ldHdvcmtzIjp7IlZJU0EiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJNQVNURVJDQVJEIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX19LCJBRFlFTl9JREVBTCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIlBBWV9OTF9QQVlQQUwiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBUFBMRV9QQVkiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBRFlFTl9TT0ZPUlQiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJHT09HTEVfUEFZIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX0sIm9yZGVyZWRBbGxvd2VkQ2FyZE5ldHdvcmtzIjpbIlZJU0EiLCJNQVNURVJDQVJEIiwiQU1FWCIsIk1BRVNUUk8iLCJVTklPTlBBWSIsIkNBUlRFU19CQU5DQUlSRVMiLCJEQU5LT1JUIiwiRElORVJTX0NMVUIiLCJESVNDT1ZFUiIsIkVOUk9VVEUiLCJFTE8iLCJISVBFUiIsIklOVEVSQUMiLCJKQ0IiLCJNSVIiLCJPVEhFUiJdfX0sImNsaWVudE9wdGlvbnMiOnsiY29udGFpbmVyIjoiI2NvbnRhaW5lciIsImNhcmQiOnsicHJlZmVycmVkRmxvdyI6IkVNQkVEREVEX0lOX0hPTUUifSwiZGlyZWN0RGViaXQiOnsiY3VzdG9tZXJDb3VudHJ5Q29kZSI6IkZSIiwiY29tcGFueU5hbWUiOiJQcmltZXIgQVBJIExURCIsImNvbXBhbnlBZGRyZXNzIjoiMTIzIEZha2UgU3QsIExvbmRvbiwgRUMyQSA4WFkifSwicmVkaXJlY3QiOnsiZm9yY2VSZWRpcmVjdCI6ZmFsc2V9LCJnb29nbGVQYXkiOnsiY2FwdHVyZUJpbGxpbmdBZGRyZXNzIjp0cnVlfX0sImFwaUNvbmZpZyI6eyJhcGlLZXkiOiJjY2VlMmJlOC1kZjA4LTRjNzktODU2ZC00MDA4NTM0OWU5ZGEiLCJhcGlWZXJzaW9uIjoiMi4yIiwiZW52IjoiQ1VTVE9NX1NUQUdJTkcifSwiaGVhZGxlc3NPcHRpb25zIjp7fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsic2RrQ29yZSI6ZmFsc2V9fQ=='"
|
|
1556
1711
|
},
|
|
1557
1712
|
{
|
|
1558
1713
|
"kind": "variable",
|
|
@@ -1704,7 +1859,7 @@
|
|
|
1704
1859
|
"type": {
|
|
1705
1860
|
"text": "string"
|
|
1706
1861
|
},
|
|
1707
|
-
"default": "'?settings=
|
|
1862
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJFdWxlciBpcyB0aGUgYmVzdCIsIm9yZGVySWQiOiI0NTg1OCIsImFtb3VudCI6NjAwLCJjdXJyZW5jeUNvZGUiOiJFVVIiLCJtZXRhZGF0YSI6eyJzY2VuYXJpbyI6IkdPT0dMRV9QQVkifSwib3JkZXIiOnsiY291bnRyeUNvZGUiOiJERSIsImxpbmVJdGVtcyI6W3siaXRlbUlkIjoicHJpbWVyLWhvb2RpZS1ncmF5IiwiZGVzY3JpcHRpb24iOiJQcmltZXIgSG9vZGllIiwiYW1vdW50Ijo2MDAsInF1YW50aXR5IjoxfV19LCJjdXN0b21lciI6e30sInBheW1lbnRNZXRob2QiOnsidmF1bHRPblN1Y2Nlc3MiOmZhbHNlLCJ2YXVsdE9uM0RTIjpmYWxzZSwib3B0aW9ucyI6eyJQQVlQQUwiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJQQVlNRU5UX0NBUkQiOnsibmV0d29ya3MiOnsiVklTQSI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIk1BU1RFUkNBUkQiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19fX0sIkFEWUVOX0lERUFMIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fSwiUEFZX05MX1BBWVBBTCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkFQUExFX1BBWSI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkFEWUVOX1NPRk9SVCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIkdPT0dMRV9QQVkiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19fSwib3JkZXJlZEFsbG93ZWRDYXJkTmV0d29ya3MiOlsiVklTQSIsIk1BU1RFUkNBUkQiLCJBTUVYIiwiTUFFU1RSTyIsIlVOSU9OUEFZIiwiQ0FSVEVTX0JBTkNBSVJFUyIsIkRBTktPUlQiLCJESU5FUlNfQ0xVQiIsIkRJU0NPVkVSIiwiRU5ST1VURSIsIkVMTyIsIkhJUEVSIiwiSU5URVJBQyIsIkpDQiIsIk1JUiIsIk9USEVSIl19fSwiY2xpZW50T3B0aW9ucyI6eyJjYXJkIjp7InByZWZlcnJlZEZsb3ciOiJFTUJFRERFRF9JTl9IT01FIn0sImRpcmVjdERlYml0Ijp7ImN1c3RvbWVyQ291bnRyeUNvZGUiOiJGUiIsImNvbXBhbnlOYW1lIjoiUHJpbWVyIEFQSSBMVEQiLCJjb21wYW55QWRkcmVzcyI6IjEyMyBGYWtlIFN0LCBMb25kb24sIEVDMkEgOFhZIn0sInJlZGlyZWN0Ijp7ImZvcmNlUmVkaXJlY3QiOmZhbHNlfSwiZ29vZ2xlUGF5Ijp7ImNhcHR1cmVCaWxsaW5nQWRkcmVzcyI6dHJ1ZX19LCJhcGlDb25maWciOnsiYXBpS2V5IjoiMmI4NTM3YjItNDc4Yy00MzE1LTg4ZmItZjE5NTQ1MDBiNWZhIiwiYXBpVmVyc2lvbiI6IjIuMyIsImVudiI6IkNVU1RPTV9TQU5EQk9YIn0sImhlYWRsZXNzT3B0aW9ucyI6e30sImxpdENvbXBvbmVudHNPcHRpb25zIjp7InNka0NvcmUiOmZhbHNlfX0='"
|
|
1708
1863
|
},
|
|
1709
1864
|
{
|
|
1710
1865
|
"kind": "variable",
|
|
@@ -1804,7 +1959,7 @@
|
|
|
1804
1959
|
"type": {
|
|
1805
1960
|
"text": "string"
|
|
1806
1961
|
},
|
|
1807
|
-
"default": "'?settings=
|
|
1962
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJFdWxlciBpcyB0aGUgYmVzdCIsIm9yZGVySWQiOiIwODkzNTcwMTgyNTM2NyIsImFtb3VudCI6NjAwLCJjdXJyZW5jeUNvZGUiOiJFVVIiLCJtZXRhZGF0YSI6eyJzY2VuYXJpbyI6IkdPT0dMRV9QQVkifSwib3JkZXIiOnsiZmVlcyI6W3sidHlwZSI6IlNVUkNIQVJHRSIsImFtb3VudCI6MH1dLCJjb3VudHJ5Q29kZSI6IkRFIiwibGluZUl0ZW1zIjpbeyJpdGVtSWQiOiJwcmltZXItaG9vZGllLWdyYXkiLCJkZXNjcmlwdGlvbiI6IlByaW1lciBIb29kaWUiLCJhbW91bnQiOjYwMCwicXVhbnRpdHkiOjF9XX0sImN1c3RvbWVyIjp7ImJpbGxpbmdBZGRyZXNzIjp7ImZpcnN0TmFtZSI6IkNhcmQiLCJsYXN0TmFtZSI6IkhvbGRlciBOYW1lIiwicG9zdGFsQ29kZSI6Ijk0MDQzIiwiYWRkcmVzc0xpbmUxIjoiMTYwMCBBbXBoaXRoZWF0cmUgUGFya3dheSIsImNvdW50cnlDb2RlIjoiVVMiLCJjaXR5IjoiTW91bnRhaW4gVmlldyIsInN0YXRlIjoiQ0EifX0sInBheW1lbnRNZXRob2QiOnsidmF1bHRPblN1Y2Nlc3MiOmZhbHNlLCJ2YXVsdE9uM0RTIjpmYWxzZSwidmF1bHRPbkFncmVlbWVudCI6ZmFsc2UsIm9wdGlvbnMiOnsiUEFZUEFMIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fSwiUEFZTUVOVF9DQVJEIjp7Im5ldHdvcmtzIjp7IlZJU0EiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJNQVNURVJDQVJEIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX19LCJBRFlFTl9JREVBTCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIlBBWV9OTF9QQVlQQUwiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBUFBMRV9QQVkiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBRFlFTl9TT0ZPUlQiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJHT09HTEVfUEFZIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX0sIm9yZGVyZWRBbGxvd2VkQ2FyZE5ldHdvcmtzIjpbIlZJU0EiLCJNQVNURVJDQVJEIiwiQU1FWCIsIk1BRVNUUk8iLCJVTklPTlBBWSIsIkNBUlRFU19CQU5DQUlSRVMiLCJEQU5LT1JUIiwiRElORVJTX0NMVUIiLCJESVNDT1ZFUiIsIkVOUk9VVEUiLCJFTE8iLCJISVBFUiIsIklOVEVSQUMiLCJKQ0IiLCJNSVIiLCJPVEhFUiJdfX0sImNsaWVudE9wdGlvbnMiOnsiY2FyZCI6eyJwcmVmZXJyZWRGbG93IjoiRU1CRURERURfSU5fSE9NRSJ9LCJkaXJlY3REZWJpdCI6eyJjdXN0b21lckNvdW50cnlDb2RlIjoiRlIiLCJjb21wYW55TmFtZSI6IlByaW1lciBBUEkgTFREIiwiY29tcGFueUFkZHJlc3MiOiIxMjMgRmFrZSBTdCwgTG9uZG9uLCBFQzJBIDhYWSJ9LCJyZWRpcmVjdCI6eyJmb3JjZVJlZGlyZWN0IjpmYWxzZX0sImdvb2dsZVBheSI6eyJjYXB0dXJlQmlsbGluZ0FkZHJlc3MiOnRydWV9LCJwYXlwYWwiOnsicGF5bWVudEZsb3ciOiJQUkVGRVJfVkFVTFQifX0sImFwaUNvbmZpZyI6eyJhcGlLZXkiOiJmMzA4ODVmMC04MjljLTRmMGEtYjIyMi1iN2Y1OWQzNzZlYWYiLCJhcGlWZXJzaW9uIjoiMi40IiwiZW52IjoiQ1VTVE9NX1NBTkRCT1gifSwiaGVhZGxlc3NPcHRpb25zIjp7fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsicGF5cGFsIjp7InBheW1lbnRGbG93IjoiUFJFRkVSX1ZBVUxUIn0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9LCJzZGtDb3JlIjpmYWxzZX19'"
|
|
1808
1963
|
},
|
|
1809
1964
|
{
|
|
1810
1965
|
"kind": "variable",
|
|
@@ -1884,7 +2039,7 @@
|
|
|
1884
2039
|
"type": {
|
|
1885
2040
|
"text": "string"
|
|
1886
2041
|
},
|
|
1887
|
-
"default": "'?settings=
|
|
2042
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJjdXN0b21lcklkIiwib3JkZXJJZCI6IjM4NjYyIiwiYW1vdW50Ijo1MDAwLCJjdXJyZW5jeUNvZGUiOiJFVVIiLCJtZXRhZGF0YSI6e30sIm9yZGVyIjp7ImNvdW50cnlDb2RlIjoiRlIiLCJsaW5lSXRlbXMiOlt7Iml0ZW1JZCI6InByaW1lci1ob29kaWUtZ3JheSIsImRlc2NyaXB0aW9uIjoiUHJpbWVyIEhvb2RpZSIsImFtb3VudCI6NTAwMCwicXVhbnRpdHkiOjF9XX0sImN1c3RvbWVyIjp7ImJpbGxpbmdBZGRyZXNzIjp7ImNvdW50cnlDb2RlIjoiRlIifSwibmF0aW9uYWxEb2N1bWVudElkIjoiOTAxMTIxMTIzNDU2NyJ9LCJwYXltZW50TWV0aG9kIjp7InZhdWx0T25TdWNjZXNzIjp0cnVlLCJwYXltZW50VHlwZSI6IkZJUlNUX1BBWU1FTlQiLCJ2YXVsdE9uM0RTIjpmYWxzZSwib3B0aW9ucyI6eyJQQVlNRU5UX0NBUkQiOnsiY2FwdHVyZVZhdWx0ZWRDYXJkQ3Z2Ijp0cnVlfX0sIm9yZGVyZWRBbGxvd2VkQ2FyZE5ldHdvcmtzIjpbIlZJU0EiLCJNQVNURVJDQVJEIiwiQU1FWCIsIk1BRVNUUk8iLCJVTklPTlBBWSIsIkNBUlRFU19CQU5DQUlSRVMiLCJEQU5LT1JUIiwiRElORVJTX0NMVUIiLCJESVNDT1ZFUiIsIkVOUk9VVEUiLCJFTE8iLCJISVBFUiIsIklOVEVSQUMiLCJKQ0IiLCJNSVIiLCJPVEhFUiJdfX0sImNsaWVudE9wdGlvbnMiOnsiY2FyZCI6eyJwcmVmZXJyZWRGbG93IjoiRU1CRURERURfSU5fSE9NRSJ9LCJkaXJlY3REZWJpdCI6eyJjdXN0b21lckNvdW50cnlDb2RlIjoiRlIiLCJjb21wYW55TmFtZSI6IlByaW1lciBBUEkgTFREIiwiY29tcGFueUFkZHJlc3MiOiIxMjMgRmFrZSBTdCwgTG9uZG9uLCBFQzJBIDhYWSJ9LCJyZWRpcmVjdCI6eyJmb3JjZVJlZGlyZWN0IjpmYWxzZX0sImdvb2dsZVBheSI6eyJjYXB0dXJlQmlsbGluZ0FkZHJlc3MiOnRydWV9LCJwYXlwYWwiOnsicGF5bWVudEZsb3ciOiJQUkVGRVJfVkFVTFQifX0sImFwaUNvbmZpZyI6eyJhcGlLZXkiOiJmZTRkNzFiMi1mNzJmLTQ4NGItYjlkMS1hNDBkMDM0ZGRmNmMiLCJhcGlWZXJzaW9uIjoiMi4zIiwiZW52IjoiQ1VTVE9NX1NBTkRCT1gifSwiaGVhZGxlc3NPcHRpb25zIjp7InN0cmlwZSI6eyJwdWJsaXNoYWJsZUtleSI6InBrX3Rlc3RfNTFPOHpmUUtVSzZiWElkQzJ4UHZTUzZVdnJpRTlrd3B2dHR3QjdIOVBBemhOQVpvR3pMZ2lET3lkNFdvb296ZVdIeG9ScktvNmIyVmpaWXhOQ01YM1c3YmswMHJNRGl2amF1In0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsicGF5cGFsIjp7InBheW1lbnRGbG93IjoiUFJFRkVSX1ZBVUxUIn0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9LCJzZGtDb3JlIjpmYWxzZX19'"
|
|
1888
2043
|
},
|
|
1889
2044
|
{
|
|
1890
2045
|
"kind": "variable",
|
|
@@ -1982,6 +2137,12 @@
|
|
|
1982
2137
|
"declarations": [],
|
|
1983
2138
|
"exports": []
|
|
1984
2139
|
},
|
|
2140
|
+
{
|
|
2141
|
+
"kind": "javascript-module",
|
|
2142
|
+
"path": "e2e/tests/card-form-billing-address.spec.ts",
|
|
2143
|
+
"declarations": [],
|
|
2144
|
+
"exports": []
|
|
2145
|
+
},
|
|
1985
2146
|
{
|
|
1986
2147
|
"kind": "javascript-module",
|
|
1987
2148
|
"path": "e2e/tests/disabled-payments.spec.ts",
|
|
@@ -1992,7 +2153,7 @@
|
|
|
1992
2153
|
"type": {
|
|
1993
2154
|
"text": "string"
|
|
1994
2155
|
},
|
|
1995
|
-
"default": "'?settings=
|
|
2156
|
+
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJhaXJ3YWxsZXgtY3VzdG9tZXItaWQtZGVtbyIsIm9yZGVySWQiOiIzNDc3NSIsImFtb3VudCI6MTAwMCwiY3VycmVuY3lDb2RlIjoiRVVSIiwibWV0YWRhdGEiOnsid29ya2Zsb3ciOiJhaXJ3YWxsZXgifSwib3JkZXIiOnsiY291bnRyeUNvZGUiOiJHQiIsImxpbmVJdGVtcyI6W3siaXRlbUlkIjoicHJpbWVyLWhvb2RpZS1ncmF5IiwiZGVzY3JpcHRpb24iOiJQcmltZXIgSG9vZGllIiwiYW1vdW50IjoxMDAwLCJxdWFudGl0eSI6MX1dfSwiY3VzdG9tZXIiOnt9LCJwYXltZW50TWV0aG9kIjp7InZhdWx0T25TdWNjZXNzIjpmYWxzZSwidmF1bHRPbjNEUyI6ZmFsc2UsIm9wdGlvbnMiOnsiUEFZUEFMIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fSwiUEFZTUVOVF9DQVJEIjp7Im5ldHdvcmtzIjp7IlZJU0EiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJNQVNURVJDQVJEIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX19LCJBRFlFTl9JREVBTCI6eyJzdXJjaGFyZ2UiOnsiYW1vdW50IjowfX0sIlBBWV9OTF9QQVlQQUwiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBUFBMRV9QQVkiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJBRFlFTl9TT0ZPUlQiOnsic3VyY2hhcmdlIjp7ImFtb3VudCI6MH19LCJHT09HTEVfUEFZIjp7InN1cmNoYXJnZSI6eyJhbW91bnQiOjB9fX0sIm9yZGVyZWRBbGxvd2VkQ2FyZE5ldHdvcmtzIjpbIlZJU0EiLCJNQVNURVJDQVJEIiwiQU1FWCIsIk1BRVNUUk8iLCJVTklPTlBBWSIsIkNBUlRFU19CQU5DQUlSRVMiLCJEQU5LT1JUIiwiRElORVJTX0NMVUIiLCJESVNDT1ZFUiIsIkVOUk9VVEUiLCJFTE8iLCJISVBFUiIsIklOVEVSQUMiLCJKQ0IiLCJNSVIiLCJPVEhFUiJdfX0sImNsaWVudE9wdGlvbnMiOnsiY29udGFpbmVyIjoiI2NvbnRhaW5lciIsImNhcmQiOnsicHJlZmVycmVkRmxvdyI6IkVNQkVEREVEX0lOX0hPTUUifSwiZGlyZWN0RGViaXQiOnsiY3VzdG9tZXJDb3VudHJ5Q29kZSI6IkZSIiwiY29tcGFueU5hbWUiOiJQcmltZXIgQVBJIExURCIsImNvbXBhbnlBZGRyZXNzIjoiMTIzIEZha2UgU3QsIExvbmRvbiwgRUMyQSA4WFkifSwicmVkaXJlY3QiOnsiZm9yY2VSZWRpcmVjdCI6ZmFsc2V9LCJnb29nbGVQYXkiOnsiY2FwdHVyZUJpbGxpbmdBZGRyZXNzIjp0cnVlfX0sImFwaUNvbmZpZyI6eyJhcGlLZXkiOiJjY2VlMmJlOC1kZjA4LTRjNzktODU2ZC00MDA4NTM0OWU5ZGEiLCJhcGlWZXJzaW9uIjoiMi4yIiwiZW52IjoiQ1VTVE9NX1NUQUdJTkcifSwiaGVhZGxlc3NPcHRpb25zIjp7fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsiZGlzYWJsZWRQYXltZW50cyI6ZmFsc2UsInNka0NvcmUiOmZhbHNlfX0='"
|
|
1996
2157
|
}
|
|
1997
2158
|
],
|
|
1998
2159
|
"exports": [
|
|
@@ -3189,6 +3350,22 @@
|
|
|
3189
3350
|
"module": "./input/input"
|
|
3190
3351
|
}
|
|
3191
3352
|
},
|
|
3353
|
+
{
|
|
3354
|
+
"kind": "js",
|
|
3355
|
+
"name": "Select",
|
|
3356
|
+
"declaration": {
|
|
3357
|
+
"name": "Select",
|
|
3358
|
+
"module": "./select/select"
|
|
3359
|
+
}
|
|
3360
|
+
},
|
|
3361
|
+
{
|
|
3362
|
+
"kind": "js",
|
|
3363
|
+
"name": "SelectOption",
|
|
3364
|
+
"declaration": {
|
|
3365
|
+
"name": "SelectOption",
|
|
3366
|
+
"module": "./select/select"
|
|
3367
|
+
}
|
|
3368
|
+
},
|
|
3192
3369
|
{
|
|
3193
3370
|
"kind": "js",
|
|
3194
3371
|
"name": "Collapsable",
|
|
@@ -3294,9 +3471,17 @@
|
|
|
3294
3471
|
},
|
|
3295
3472
|
{
|
|
3296
3473
|
"kind": "js",
|
|
3297
|
-
"name": "
|
|
3474
|
+
"name": "BillingAddress",
|
|
3298
3475
|
"declaration": {
|
|
3299
|
-
"name": "
|
|
3476
|
+
"name": "BillingAddress",
|
|
3477
|
+
"module": "./billing-address/billing-address"
|
|
3478
|
+
}
|
|
3479
|
+
},
|
|
3480
|
+
{
|
|
3481
|
+
"kind": "js",
|
|
3482
|
+
"name": "PortalDialog",
|
|
3483
|
+
"declaration": {
|
|
3484
|
+
"name": "PortalDialog",
|
|
3300
3485
|
"module": "./portal-dialog/portal-dialog"
|
|
3301
3486
|
}
|
|
3302
3487
|
},
|
|
@@ -3468,6 +3653,14 @@
|
|
|
3468
3653
|
"module": "./native-payment/components/paypal/paypal"
|
|
3469
3654
|
}
|
|
3470
3655
|
},
|
|
3656
|
+
{
|
|
3657
|
+
"kind": "js",
|
|
3658
|
+
"name": "Blik",
|
|
3659
|
+
"declaration": {
|
|
3660
|
+
"name": "Blik",
|
|
3661
|
+
"module": "./blik/blik"
|
|
3662
|
+
}
|
|
3663
|
+
},
|
|
3471
3664
|
{
|
|
3472
3665
|
"kind": "js",
|
|
3473
3666
|
"name": "PrimerCheckoutComplete",
|
|
@@ -3584,41 +3777,61 @@
|
|
|
3584
3777
|
},
|
|
3585
3778
|
{
|
|
3586
3779
|
"kind": "javascript-module",
|
|
3587
|
-
"path": "src/contexts/
|
|
3780
|
+
"path": "src/contexts/configuration-context.ts",
|
|
3588
3781
|
"declarations": [
|
|
3589
3782
|
{
|
|
3590
3783
|
"kind": "variable",
|
|
3591
|
-
"name": "
|
|
3784
|
+
"name": "configurationContext"
|
|
3592
3785
|
}
|
|
3593
3786
|
],
|
|
3594
3787
|
"exports": [
|
|
3595
3788
|
{
|
|
3596
3789
|
"kind": "js",
|
|
3597
|
-
"name": "
|
|
3790
|
+
"name": "configurationContext",
|
|
3598
3791
|
"declaration": {
|
|
3599
|
-
"name": "
|
|
3600
|
-
"module": "src/contexts/
|
|
3792
|
+
"name": "configurationContext",
|
|
3793
|
+
"module": "src/contexts/configuration-context.ts"
|
|
3601
3794
|
}
|
|
3602
3795
|
}
|
|
3603
3796
|
]
|
|
3604
3797
|
},
|
|
3605
3798
|
{
|
|
3606
3799
|
"kind": "javascript-module",
|
|
3607
|
-
"path": "src/contexts/
|
|
3800
|
+
"path": "src/contexts/events-context.ts",
|
|
3608
3801
|
"declarations": [
|
|
3609
3802
|
{
|
|
3610
3803
|
"kind": "variable",
|
|
3611
|
-
"name": "
|
|
3804
|
+
"name": "eventsContext"
|
|
3612
3805
|
}
|
|
3613
3806
|
],
|
|
3614
3807
|
"exports": [
|
|
3615
3808
|
{
|
|
3616
3809
|
"kind": "js",
|
|
3617
|
-
"name": "
|
|
3810
|
+
"name": "eventsContext",
|
|
3618
3811
|
"declaration": {
|
|
3619
|
-
"name": "
|
|
3620
|
-
"module": "src/contexts/
|
|
3621
|
-
}
|
|
3812
|
+
"name": "eventsContext",
|
|
3813
|
+
"module": "src/contexts/events-context.ts"
|
|
3814
|
+
}
|
|
3815
|
+
}
|
|
3816
|
+
]
|
|
3817
|
+
},
|
|
3818
|
+
{
|
|
3819
|
+
"kind": "javascript-module",
|
|
3820
|
+
"path": "src/contexts/headless-utils-context.ts",
|
|
3821
|
+
"declarations": [
|
|
3822
|
+
{
|
|
3823
|
+
"kind": "variable",
|
|
3824
|
+
"name": "headlessUtilsContext"
|
|
3825
|
+
}
|
|
3826
|
+
],
|
|
3827
|
+
"exports": [
|
|
3828
|
+
{
|
|
3829
|
+
"kind": "js",
|
|
3830
|
+
"name": "headlessUtilsContext",
|
|
3831
|
+
"declaration": {
|
|
3832
|
+
"name": "headlessUtilsContext",
|
|
3833
|
+
"module": "src/contexts/headless-utils-context.ts"
|
|
3834
|
+
}
|
|
3622
3835
|
}
|
|
3623
3836
|
]
|
|
3624
3837
|
},
|
|
@@ -4517,6 +4730,15 @@
|
|
|
4517
4730
|
"privacy": "private",
|
|
4518
4731
|
"default": "new ContextProvider(host, { context: headlessUtilsContext, initialValue: null, })"
|
|
4519
4732
|
},
|
|
4733
|
+
{
|
|
4734
|
+
"kind": "field",
|
|
4735
|
+
"name": "configurationProvider",
|
|
4736
|
+
"type": {
|
|
4737
|
+
"text": "ContextProvider<{\n __context__: ConfigurationContextType;\n }> | null"
|
|
4738
|
+
},
|
|
4739
|
+
"privacy": "private",
|
|
4740
|
+
"default": "new ContextProvider(host, { context: configurationContext, initialValue: null, })"
|
|
4741
|
+
},
|
|
4520
4742
|
{
|
|
4521
4743
|
"kind": "field",
|
|
4522
4744
|
"name": "klarnaCategoriesProvider",
|
|
@@ -4699,6 +4921,32 @@
|
|
|
4699
4921
|
}
|
|
4700
4922
|
]
|
|
4701
4923
|
},
|
|
4924
|
+
{
|
|
4925
|
+
"kind": "method",
|
|
4926
|
+
"name": "setConfiguration",
|
|
4927
|
+
"return": {
|
|
4928
|
+
"type": {
|
|
4929
|
+
"text": "void"
|
|
4930
|
+
}
|
|
4931
|
+
},
|
|
4932
|
+
"parameters": [
|
|
4933
|
+
{
|
|
4934
|
+
"name": "value",
|
|
4935
|
+
"type": {
|
|
4936
|
+
"text": "ConfigurationContextType"
|
|
4937
|
+
}
|
|
4938
|
+
}
|
|
4939
|
+
]
|
|
4940
|
+
},
|
|
4941
|
+
{
|
|
4942
|
+
"kind": "method",
|
|
4943
|
+
"name": "getConfiguration",
|
|
4944
|
+
"return": {
|
|
4945
|
+
"type": {
|
|
4946
|
+
"text": "ConfigurationContextType | undefined"
|
|
4947
|
+
}
|
|
4948
|
+
}
|
|
4949
|
+
},
|
|
4702
4950
|
{
|
|
4703
4951
|
"kind": "method",
|
|
4704
4952
|
"name": "setAnalyticsUtils",
|
|
@@ -5852,6 +6100,14 @@
|
|
|
5852
6100
|
"module": "./compatibility-types"
|
|
5853
6101
|
}
|
|
5854
6102
|
},
|
|
6103
|
+
{
|
|
6104
|
+
"kind": "js",
|
|
6105
|
+
"name": "IBlikPaymentMethodManager",
|
|
6106
|
+
"declaration": {
|
|
6107
|
+
"name": "IBlikPaymentMethodManager",
|
|
6108
|
+
"module": "./compatibility-types"
|
|
6109
|
+
}
|
|
6110
|
+
},
|
|
5855
6111
|
{
|
|
5856
6112
|
"kind": "js",
|
|
5857
6113
|
"name": "ICardPaymentMethodManager",
|
|
@@ -6132,6 +6388,120 @@
|
|
|
6132
6388
|
}
|
|
6133
6389
|
]
|
|
6134
6390
|
},
|
|
6391
|
+
{
|
|
6392
|
+
"kind": "javascript-module",
|
|
6393
|
+
"path": "src/utils/countries.ts",
|
|
6394
|
+
"declarations": [
|
|
6395
|
+
{
|
|
6396
|
+
"kind": "function",
|
|
6397
|
+
"name": "getCountryName",
|
|
6398
|
+
"return": {
|
|
6399
|
+
"type": {
|
|
6400
|
+
"text": ""
|
|
6401
|
+
}
|
|
6402
|
+
},
|
|
6403
|
+
"parameters": [
|
|
6404
|
+
{
|
|
6405
|
+
"name": "countryCode",
|
|
6406
|
+
"type": {
|
|
6407
|
+
"text": "string"
|
|
6408
|
+
},
|
|
6409
|
+
"description": "ISO 3166-1 alpha-2 country code (e.g., 'US', 'GB')"
|
|
6410
|
+
},
|
|
6411
|
+
{
|
|
6412
|
+
"name": "locale",
|
|
6413
|
+
"type": {
|
|
6414
|
+
"text": "string"
|
|
6415
|
+
},
|
|
6416
|
+
"description": "Locale string (e.g., 'en-US', 'fr-FR')"
|
|
6417
|
+
}
|
|
6418
|
+
],
|
|
6419
|
+
"description": "Get localized country name for a given country code"
|
|
6420
|
+
},
|
|
6421
|
+
{
|
|
6422
|
+
"kind": "function",
|
|
6423
|
+
"name": "getCountryCodes",
|
|
6424
|
+
"return": {
|
|
6425
|
+
"type": {
|
|
6426
|
+
"text": ""
|
|
6427
|
+
}
|
|
6428
|
+
},
|
|
6429
|
+
"description": "Get list of all country codes"
|
|
6430
|
+
},
|
|
6431
|
+
{
|
|
6432
|
+
"kind": "function",
|
|
6433
|
+
"name": "getCountries",
|
|
6434
|
+
"return": {
|
|
6435
|
+
"type": {
|
|
6436
|
+
"text": ""
|
|
6437
|
+
}
|
|
6438
|
+
},
|
|
6439
|
+
"parameters": [
|
|
6440
|
+
{
|
|
6441
|
+
"name": "locale",
|
|
6442
|
+
"type": {
|
|
6443
|
+
"text": "string"
|
|
6444
|
+
},
|
|
6445
|
+
"description": "Locale string (e.g., 'en-US', 'fr-FR')"
|
|
6446
|
+
}
|
|
6447
|
+
],
|
|
6448
|
+
"description": "Get list of countries with localized names"
|
|
6449
|
+
},
|
|
6450
|
+
{
|
|
6451
|
+
"kind": "function",
|
|
6452
|
+
"name": "loadLocale",
|
|
6453
|
+
"return": {
|
|
6454
|
+
"type": {
|
|
6455
|
+
"text": ""
|
|
6456
|
+
}
|
|
6457
|
+
},
|
|
6458
|
+
"parameters": [
|
|
6459
|
+
{
|
|
6460
|
+
"name": "locale",
|
|
6461
|
+
"type": {
|
|
6462
|
+
"text": "string"
|
|
6463
|
+
},
|
|
6464
|
+
"description": "Locale string (e.g., 'en-US', 'fr-FR')"
|
|
6465
|
+
}
|
|
6466
|
+
],
|
|
6467
|
+
"description": "Load locale-specific country translations"
|
|
6468
|
+
}
|
|
6469
|
+
],
|
|
6470
|
+
"exports": [
|
|
6471
|
+
{
|
|
6472
|
+
"kind": "js",
|
|
6473
|
+
"name": "getCountryName",
|
|
6474
|
+
"declaration": {
|
|
6475
|
+
"name": "getCountryName",
|
|
6476
|
+
"module": "src/utils/countries.ts"
|
|
6477
|
+
}
|
|
6478
|
+
},
|
|
6479
|
+
{
|
|
6480
|
+
"kind": "js",
|
|
6481
|
+
"name": "getCountryCodes",
|
|
6482
|
+
"declaration": {
|
|
6483
|
+
"name": "getCountryCodes",
|
|
6484
|
+
"module": "src/utils/countries.ts"
|
|
6485
|
+
}
|
|
6486
|
+
},
|
|
6487
|
+
{
|
|
6488
|
+
"kind": "js",
|
|
6489
|
+
"name": "getCountries",
|
|
6490
|
+
"declaration": {
|
|
6491
|
+
"name": "getCountries",
|
|
6492
|
+
"module": "src/utils/countries.ts"
|
|
6493
|
+
}
|
|
6494
|
+
},
|
|
6495
|
+
{
|
|
6496
|
+
"kind": "js",
|
|
6497
|
+
"name": "loadLocale",
|
|
6498
|
+
"declaration": {
|
|
6499
|
+
"name": "loadLocale",
|
|
6500
|
+
"module": "src/utils/countries.ts"
|
|
6501
|
+
}
|
|
6502
|
+
}
|
|
6503
|
+
]
|
|
6504
|
+
},
|
|
6135
6505
|
{
|
|
6136
6506
|
"kind": "javascript-module",
|
|
6137
6507
|
"path": "src/utils/getFormInputBaseStyles.ts",
|
|
@@ -8472,87 +8842,346 @@
|
|
|
8472
8842
|
},
|
|
8473
8843
|
{
|
|
8474
8844
|
"kind": "javascript-module",
|
|
8475
|
-
"path": "src/atoms/
|
|
8845
|
+
"path": "src/atoms/select/select.component.ts",
|
|
8476
8846
|
"declarations": [
|
|
8477
8847
|
{
|
|
8478
8848
|
"kind": "class",
|
|
8479
|
-
"description": "
|
|
8480
|
-
"name": "
|
|
8849
|
+
"description": "A native select dropdown component",
|
|
8850
|
+
"name": "SelectComponent",
|
|
8481
8851
|
"members": [
|
|
8482
8852
|
{
|
|
8483
8853
|
"kind": "field",
|
|
8484
|
-
"name": "
|
|
8854
|
+
"name": "name",
|
|
8485
8855
|
"type": {
|
|
8486
8856
|
"text": "string"
|
|
8487
8857
|
},
|
|
8488
|
-
"default": "'
|
|
8489
|
-
"description": "
|
|
8490
|
-
"attribute": "
|
|
8858
|
+
"default": "''",
|
|
8859
|
+
"description": "The name attribute for the select element",
|
|
8860
|
+
"attribute": "name"
|
|
8491
8861
|
},
|
|
8492
8862
|
{
|
|
8493
8863
|
"kind": "field",
|
|
8494
|
-
"name": "
|
|
8864
|
+
"name": "id",
|
|
8495
8865
|
"type": {
|
|
8496
|
-
"text": "
|
|
8866
|
+
"text": "string"
|
|
8497
8867
|
},
|
|
8498
|
-
"default": "'
|
|
8499
|
-
"description": "
|
|
8500
|
-
"attribute": "
|
|
8868
|
+
"default": "''",
|
|
8869
|
+
"description": "The id attribute for the select element",
|
|
8870
|
+
"attribute": "id"
|
|
8501
8871
|
},
|
|
8502
8872
|
{
|
|
8503
8873
|
"kind": "field",
|
|
8504
|
-
"name": "
|
|
8874
|
+
"name": "value",
|
|
8875
|
+
"type": {
|
|
8876
|
+
"text": "string"
|
|
8877
|
+
},
|
|
8878
|
+
"default": "''",
|
|
8879
|
+
"description": "The current value of the select",
|
|
8880
|
+
"attribute": "value"
|
|
8881
|
+
},
|
|
8882
|
+
{
|
|
8883
|
+
"kind": "field",
|
|
8884
|
+
"name": "disabled",
|
|
8505
8885
|
"type": {
|
|
8506
8886
|
"text": "boolean"
|
|
8507
8887
|
},
|
|
8508
8888
|
"default": "false",
|
|
8509
|
-
"description": "Whether
|
|
8510
|
-
"attribute": "
|
|
8889
|
+
"description": "Whether the select is disabled",
|
|
8890
|
+
"attribute": "disabled",
|
|
8891
|
+
"reflects": true
|
|
8892
|
+
},
|
|
8893
|
+
{
|
|
8894
|
+
"kind": "field",
|
|
8895
|
+
"name": "hasError",
|
|
8896
|
+
"type": {
|
|
8897
|
+
"text": "boolean"
|
|
8898
|
+
},
|
|
8899
|
+
"default": "false",
|
|
8900
|
+
"description": "Whether the select is in an error state",
|
|
8901
|
+
"attribute": "has-error",
|
|
8902
|
+
"reflects": true
|
|
8903
|
+
},
|
|
8904
|
+
{
|
|
8905
|
+
"kind": "field",
|
|
8906
|
+
"name": "placeholder",
|
|
8907
|
+
"type": {
|
|
8908
|
+
"text": "string"
|
|
8909
|
+
},
|
|
8910
|
+
"default": "''",
|
|
8911
|
+
"description": "Placeholder text for the select",
|
|
8912
|
+
"attribute": "placeholder"
|
|
8913
|
+
},
|
|
8914
|
+
{
|
|
8915
|
+
"kind": "field",
|
|
8916
|
+
"name": "options",
|
|
8917
|
+
"type": {
|
|
8918
|
+
"text": "SelectOption[]"
|
|
8919
|
+
},
|
|
8920
|
+
"default": "[]",
|
|
8921
|
+
"description": "Array of options for the select"
|
|
8511
8922
|
},
|
|
8512
8923
|
{
|
|
8513
8924
|
"kind": "method",
|
|
8514
|
-
"name": "
|
|
8925
|
+
"name": "handleChange",
|
|
8515
8926
|
"privacy": "private",
|
|
8516
|
-
"
|
|
8517
|
-
|
|
8518
|
-
"
|
|
8927
|
+
"parameters": [
|
|
8928
|
+
{
|
|
8929
|
+
"name": "e",
|
|
8930
|
+
"type": {
|
|
8931
|
+
"text": "Event"
|
|
8932
|
+
}
|
|
8519
8933
|
}
|
|
8520
|
-
|
|
8521
|
-
|
|
8934
|
+
]
|
|
8935
|
+
},
|
|
8936
|
+
{
|
|
8937
|
+
"kind": "method",
|
|
8938
|
+
"name": "handleFocus",
|
|
8939
|
+
"privacy": "private"
|
|
8940
|
+
},
|
|
8941
|
+
{
|
|
8942
|
+
"kind": "method",
|
|
8943
|
+
"name": "handleBlur",
|
|
8944
|
+
"privacy": "private"
|
|
8945
|
+
},
|
|
8946
|
+
{
|
|
8947
|
+
"kind": "method",
|
|
8948
|
+
"name": "renderSelectOptions",
|
|
8949
|
+
"privacy": "private"
|
|
8522
8950
|
}
|
|
8523
8951
|
],
|
|
8524
|
-
"
|
|
8952
|
+
"events": [
|
|
8525
8953
|
{
|
|
8526
|
-
"name": "
|
|
8954
|
+
"name": "change",
|
|
8527
8955
|
"type": {
|
|
8528
|
-
"text": "
|
|
8956
|
+
"text": "CustomEvent"
|
|
8529
8957
|
},
|
|
8530
|
-
"
|
|
8531
|
-
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
8532
|
-
"fieldName": "color"
|
|
8958
|
+
"description": "Fired when selection changes"
|
|
8533
8959
|
},
|
|
8534
8960
|
{
|
|
8535
|
-
"name": "
|
|
8961
|
+
"name": "input",
|
|
8536
8962
|
"type": {
|
|
8537
|
-
"text": "
|
|
8963
|
+
"text": "CustomEvent"
|
|
8538
8964
|
},
|
|
8539
|
-
"
|
|
8540
|
-
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
8541
|
-
"fieldName": "size"
|
|
8965
|
+
"description": "Fired when input value changes"
|
|
8542
8966
|
},
|
|
8543
8967
|
{
|
|
8544
|
-
"name": "
|
|
8968
|
+
"name": "focus",
|
|
8545
8969
|
"type": {
|
|
8546
|
-
"text": "
|
|
8970
|
+
"text": "CustomEvent"
|
|
8547
8971
|
},
|
|
8548
|
-
"
|
|
8549
|
-
|
|
8550
|
-
|
|
8972
|
+
"description": "Fired when select receives focus"
|
|
8973
|
+
},
|
|
8974
|
+
{
|
|
8975
|
+
"name": "blur",
|
|
8976
|
+
"type": {
|
|
8977
|
+
"text": "CustomEvent"
|
|
8978
|
+
},
|
|
8979
|
+
"description": "Fired when select loses focus"
|
|
8551
8980
|
}
|
|
8552
8981
|
],
|
|
8553
|
-
"
|
|
8554
|
-
|
|
8555
|
-
|
|
8982
|
+
"attributes": [
|
|
8983
|
+
{
|
|
8984
|
+
"name": "name",
|
|
8985
|
+
"type": {
|
|
8986
|
+
"text": "string"
|
|
8987
|
+
},
|
|
8988
|
+
"default": "''",
|
|
8989
|
+
"description": "The name attribute for the select element",
|
|
8990
|
+
"fieldName": "name"
|
|
8991
|
+
},
|
|
8992
|
+
{
|
|
8993
|
+
"name": "id",
|
|
8994
|
+
"type": {
|
|
8995
|
+
"text": "string"
|
|
8996
|
+
},
|
|
8997
|
+
"default": "''",
|
|
8998
|
+
"description": "The id attribute for the select element",
|
|
8999
|
+
"fieldName": "id"
|
|
9000
|
+
},
|
|
9001
|
+
{
|
|
9002
|
+
"name": "value",
|
|
9003
|
+
"type": {
|
|
9004
|
+
"text": "string"
|
|
9005
|
+
},
|
|
9006
|
+
"default": "''",
|
|
9007
|
+
"description": "The current value of the select",
|
|
9008
|
+
"fieldName": "value"
|
|
9009
|
+
},
|
|
9010
|
+
{
|
|
9011
|
+
"name": "disabled",
|
|
9012
|
+
"type": {
|
|
9013
|
+
"text": "boolean"
|
|
9014
|
+
},
|
|
9015
|
+
"default": "false",
|
|
9016
|
+
"description": "Whether the select is disabled",
|
|
9017
|
+
"fieldName": "disabled"
|
|
9018
|
+
},
|
|
9019
|
+
{
|
|
9020
|
+
"name": "has-error",
|
|
9021
|
+
"type": {
|
|
9022
|
+
"text": "boolean"
|
|
9023
|
+
},
|
|
9024
|
+
"default": "false",
|
|
9025
|
+
"description": "Whether the select is in an error state",
|
|
9026
|
+
"fieldName": "hasError"
|
|
9027
|
+
},
|
|
9028
|
+
{
|
|
9029
|
+
"name": "placeholder",
|
|
9030
|
+
"type": {
|
|
9031
|
+
"text": "string"
|
|
9032
|
+
},
|
|
9033
|
+
"default": "''",
|
|
9034
|
+
"description": "Placeholder text for the select",
|
|
9035
|
+
"fieldName": "placeholder"
|
|
9036
|
+
}
|
|
9037
|
+
],
|
|
9038
|
+
"superclass": {
|
|
9039
|
+
"name": "LitElement",
|
|
9040
|
+
"package": "lit"
|
|
9041
|
+
},
|
|
9042
|
+
"tagName": "primer-select",
|
|
9043
|
+
"customElement": true
|
|
9044
|
+
}
|
|
9045
|
+
],
|
|
9046
|
+
"exports": [
|
|
9047
|
+
{
|
|
9048
|
+
"kind": "js",
|
|
9049
|
+
"name": "SelectComponent",
|
|
9050
|
+
"declaration": {
|
|
9051
|
+
"name": "SelectComponent",
|
|
9052
|
+
"module": "src/atoms/select/select.component.ts"
|
|
9053
|
+
}
|
|
9054
|
+
},
|
|
9055
|
+
{
|
|
9056
|
+
"kind": "custom-element-definition",
|
|
9057
|
+
"name": "primer-select",
|
|
9058
|
+
"declaration": {
|
|
9059
|
+
"name": "SelectComponent",
|
|
9060
|
+
"module": "src/atoms/select/select.component.ts"
|
|
9061
|
+
}
|
|
9062
|
+
}
|
|
9063
|
+
]
|
|
9064
|
+
},
|
|
9065
|
+
{
|
|
9066
|
+
"kind": "javascript-module",
|
|
9067
|
+
"path": "src/atoms/select/select.styles.ts",
|
|
9068
|
+
"declarations": [],
|
|
9069
|
+
"exports": [
|
|
9070
|
+
{
|
|
9071
|
+
"kind": "js",
|
|
9072
|
+
"name": "default",
|
|
9073
|
+
"declaration": {
|
|
9074
|
+
"module": "src/atoms/select/select.styles.ts"
|
|
9075
|
+
}
|
|
9076
|
+
}
|
|
9077
|
+
]
|
|
9078
|
+
},
|
|
9079
|
+
{
|
|
9080
|
+
"kind": "javascript-module",
|
|
9081
|
+
"path": "src/atoms/select/select.ts",
|
|
9082
|
+
"declarations": [],
|
|
9083
|
+
"exports": [
|
|
9084
|
+
{
|
|
9085
|
+
"kind": "js",
|
|
9086
|
+
"name": "Select",
|
|
9087
|
+
"declaration": {
|
|
9088
|
+
"name": "SelectComponent",
|
|
9089
|
+
"module": "src/atoms/select/select.ts"
|
|
9090
|
+
}
|
|
9091
|
+
},
|
|
9092
|
+
{
|
|
9093
|
+
"kind": "js",
|
|
9094
|
+
"name": "SelectOption",
|
|
9095
|
+
"declaration": {
|
|
9096
|
+
"name": "SelectOption",
|
|
9097
|
+
"module": "./select.component"
|
|
9098
|
+
}
|
|
9099
|
+
}
|
|
9100
|
+
]
|
|
9101
|
+
},
|
|
9102
|
+
{
|
|
9103
|
+
"kind": "javascript-module",
|
|
9104
|
+
"path": "src/atoms/spinner/spinner.component.ts",
|
|
9105
|
+
"declarations": [
|
|
9106
|
+
{
|
|
9107
|
+
"kind": "class",
|
|
9108
|
+
"description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components",
|
|
9109
|
+
"name": "SpinnerComponent",
|
|
9110
|
+
"members": [
|
|
9111
|
+
{
|
|
9112
|
+
"kind": "field",
|
|
9113
|
+
"name": "color",
|
|
9114
|
+
"type": {
|
|
9115
|
+
"text": "string"
|
|
9116
|
+
},
|
|
9117
|
+
"default": "'var(--primer-color-loader)'",
|
|
9118
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
9119
|
+
"attribute": "color"
|
|
9120
|
+
},
|
|
9121
|
+
{
|
|
9122
|
+
"kind": "field",
|
|
9123
|
+
"name": "size",
|
|
9124
|
+
"type": {
|
|
9125
|
+
"text": "SpinnerSize"
|
|
9126
|
+
},
|
|
9127
|
+
"default": "'medium'",
|
|
9128
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
9129
|
+
"attribute": "size"
|
|
9130
|
+
},
|
|
9131
|
+
{
|
|
9132
|
+
"kind": "field",
|
|
9133
|
+
"name": "compact",
|
|
9134
|
+
"type": {
|
|
9135
|
+
"text": "boolean"
|
|
9136
|
+
},
|
|
9137
|
+
"default": "false",
|
|
9138
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
9139
|
+
"attribute": "compact"
|
|
9140
|
+
},
|
|
9141
|
+
{
|
|
9142
|
+
"kind": "method",
|
|
9143
|
+
"name": "getSize",
|
|
9144
|
+
"privacy": "private",
|
|
9145
|
+
"return": {
|
|
9146
|
+
"type": {
|
|
9147
|
+
"text": "number"
|
|
9148
|
+
}
|
|
9149
|
+
},
|
|
9150
|
+
"description": "Get the actual size value in pixels"
|
|
9151
|
+
}
|
|
9152
|
+
],
|
|
9153
|
+
"attributes": [
|
|
9154
|
+
{
|
|
9155
|
+
"name": "color",
|
|
9156
|
+
"type": {
|
|
9157
|
+
"text": "string"
|
|
9158
|
+
},
|
|
9159
|
+
"default": "'var(--primer-color-loader)'",
|
|
9160
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
9161
|
+
"fieldName": "color"
|
|
9162
|
+
},
|
|
9163
|
+
{
|
|
9164
|
+
"name": "size",
|
|
9165
|
+
"type": {
|
|
9166
|
+
"text": "SpinnerSize"
|
|
9167
|
+
},
|
|
9168
|
+
"default": "'medium'",
|
|
9169
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
9170
|
+
"fieldName": "size"
|
|
9171
|
+
},
|
|
9172
|
+
{
|
|
9173
|
+
"name": "compact",
|
|
9174
|
+
"type": {
|
|
9175
|
+
"text": "boolean"
|
|
9176
|
+
},
|
|
9177
|
+
"default": "false",
|
|
9178
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
9179
|
+
"fieldName": "compact"
|
|
9180
|
+
}
|
|
9181
|
+
],
|
|
9182
|
+
"superclass": {
|
|
9183
|
+
"name": "LitElement",
|
|
9184
|
+
"package": "lit"
|
|
8556
9185
|
},
|
|
8557
9186
|
"tagName": "primer-spinner",
|
|
8558
9187
|
"customElement": true
|
|
@@ -8797,41 +9426,716 @@
|
|
|
8797
9426
|
}
|
|
8798
9427
|
]
|
|
8799
9428
|
}
|
|
8800
|
-
],
|
|
9429
|
+
],
|
|
9430
|
+
"exports": [
|
|
9431
|
+
{
|
|
9432
|
+
"kind": "js",
|
|
9433
|
+
"name": "AchPaymentFormControler",
|
|
9434
|
+
"declaration": {
|
|
9435
|
+
"name": "AchPaymentFormControler",
|
|
9436
|
+
"module": "src/containers/ach-payment/ach-payment-form-controller.ts"
|
|
9437
|
+
}
|
|
9438
|
+
}
|
|
9439
|
+
]
|
|
9440
|
+
},
|
|
9441
|
+
{
|
|
9442
|
+
"kind": "javascript-module",
|
|
9443
|
+
"path": "src/containers/ach-payment/ach-payment.component.ts",
|
|
9444
|
+
"declarations": [
|
|
9445
|
+
{
|
|
9446
|
+
"kind": "class",
|
|
9447
|
+
"description": "",
|
|
9448
|
+
"name": "AchPaymentComponent",
|
|
9449
|
+
"members": [
|
|
9450
|
+
{
|
|
9451
|
+
"kind": "field",
|
|
9452
|
+
"name": "formController",
|
|
9453
|
+
"privacy": "protected",
|
|
9454
|
+
"readonly": true,
|
|
9455
|
+
"default": "new AchPaymentFormControler( this, (data) => this._paymentMethodManagerTask.value!.setAndValidate(data), )"
|
|
9456
|
+
},
|
|
9457
|
+
{
|
|
9458
|
+
"kind": "field",
|
|
9459
|
+
"name": "paymentMethod",
|
|
9460
|
+
"type": {
|
|
9461
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9462
|
+
},
|
|
9463
|
+
"attribute": "paymentMethod"
|
|
9464
|
+
},
|
|
9465
|
+
{
|
|
9466
|
+
"kind": "field",
|
|
9467
|
+
"name": "paymentManagers",
|
|
9468
|
+
"type": {
|
|
9469
|
+
"text": "InitializedManagersMap"
|
|
9470
|
+
},
|
|
9471
|
+
"default": "new Map()"
|
|
9472
|
+
},
|
|
9473
|
+
{
|
|
9474
|
+
"kind": "field",
|
|
9475
|
+
"name": "sdkState",
|
|
9476
|
+
"type": {
|
|
9477
|
+
"text": "SdkStateContextType | undefined"
|
|
9478
|
+
},
|
|
9479
|
+
"default": "undefined"
|
|
9480
|
+
},
|
|
9481
|
+
{
|
|
9482
|
+
"kind": "field",
|
|
9483
|
+
"name": "clientOptions",
|
|
9484
|
+
"type": {
|
|
9485
|
+
"text": "ClientOptionsContextType | undefined"
|
|
9486
|
+
},
|
|
9487
|
+
"default": "undefined"
|
|
9488
|
+
},
|
|
9489
|
+
{
|
|
9490
|
+
"kind": "field",
|
|
9491
|
+
"name": "screen",
|
|
9492
|
+
"type": {
|
|
9493
|
+
"text": "'form' | 'mandate'"
|
|
9494
|
+
},
|
|
9495
|
+
"default": "'form'"
|
|
9496
|
+
},
|
|
9497
|
+
{
|
|
9498
|
+
"kind": "field",
|
|
9499
|
+
"name": "isSubmitting",
|
|
9500
|
+
"type": {
|
|
9501
|
+
"text": "boolean"
|
|
9502
|
+
},
|
|
9503
|
+
"privacy": "private",
|
|
9504
|
+
"default": "false"
|
|
9505
|
+
},
|
|
9506
|
+
{
|
|
9507
|
+
"kind": "field",
|
|
9508
|
+
"name": "_paymentMethodManagerTask",
|
|
9509
|
+
"privacy": "private",
|
|
9510
|
+
"default": "new Task(this, { task: ([paymentMethodType]) => { if (paymentMethodType !== 'STRIPE_ACH') return initialState; return this.paymentManagers.get(paymentMethodType)?.manager; }, args: () => [this.paymentMethod?.type], })"
|
|
9511
|
+
},
|
|
9512
|
+
{
|
|
9513
|
+
"kind": "method",
|
|
9514
|
+
"name": "_handleInput",
|
|
9515
|
+
"privacy": "private",
|
|
9516
|
+
"parameters": [
|
|
9517
|
+
{
|
|
9518
|
+
"name": "e",
|
|
9519
|
+
"type": {
|
|
9520
|
+
"text": "InputEvent"
|
|
9521
|
+
}
|
|
9522
|
+
},
|
|
9523
|
+
{
|
|
9524
|
+
"name": "field",
|
|
9525
|
+
"type": {
|
|
9526
|
+
"text": "AchField"
|
|
9527
|
+
}
|
|
9528
|
+
}
|
|
9529
|
+
]
|
|
9530
|
+
},
|
|
9531
|
+
{
|
|
9532
|
+
"kind": "method",
|
|
9533
|
+
"name": "_handleBlur",
|
|
9534
|
+
"privacy": "private",
|
|
9535
|
+
"parameters": [
|
|
9536
|
+
{
|
|
9537
|
+
"name": "field",
|
|
9538
|
+
"type": {
|
|
9539
|
+
"text": "AchField"
|
|
9540
|
+
}
|
|
9541
|
+
}
|
|
9542
|
+
]
|
|
9543
|
+
},
|
|
9544
|
+
{
|
|
9545
|
+
"kind": "method",
|
|
9546
|
+
"name": "_handleError",
|
|
9547
|
+
"privacy": "private",
|
|
9548
|
+
"parameters": [
|
|
9549
|
+
{
|
|
9550
|
+
"name": "error",
|
|
9551
|
+
"type": {
|
|
9552
|
+
"text": "unknown"
|
|
9553
|
+
}
|
|
9554
|
+
}
|
|
9555
|
+
]
|
|
9556
|
+
},
|
|
9557
|
+
{
|
|
9558
|
+
"kind": "method",
|
|
9559
|
+
"name": "_handleSubmitButtonClick",
|
|
9560
|
+
"privacy": "private",
|
|
9561
|
+
"parameters": [
|
|
9562
|
+
{
|
|
9563
|
+
"name": "manager",
|
|
9564
|
+
"type": {
|
|
9565
|
+
"text": "IAchPaymentMethodManager"
|
|
9566
|
+
}
|
|
9567
|
+
}
|
|
9568
|
+
]
|
|
9569
|
+
},
|
|
9570
|
+
{
|
|
9571
|
+
"kind": "method",
|
|
9572
|
+
"name": "_handleCollectBankAccountDetails",
|
|
9573
|
+
"privacy": "private",
|
|
9574
|
+
"parameters": [
|
|
9575
|
+
{
|
|
9576
|
+
"name": "manager",
|
|
9577
|
+
"type": {
|
|
9578
|
+
"text": "IAchPaymentMethodManager"
|
|
9579
|
+
}
|
|
9580
|
+
}
|
|
9581
|
+
]
|
|
9582
|
+
},
|
|
9583
|
+
{
|
|
9584
|
+
"kind": "method",
|
|
9585
|
+
"name": "_handleConfirmMandate",
|
|
9586
|
+
"privacy": "private",
|
|
9587
|
+
"return": {
|
|
9588
|
+
"type": {
|
|
9589
|
+
"text": "Promise<void>"
|
|
9590
|
+
}
|
|
9591
|
+
}
|
|
9592
|
+
},
|
|
9593
|
+
{
|
|
9594
|
+
"kind": "method",
|
|
9595
|
+
"name": "_handleDeclineMandate",
|
|
9596
|
+
"privacy": "private",
|
|
9597
|
+
"return": {
|
|
9598
|
+
"type": {
|
|
9599
|
+
"text": "Promise<void>"
|
|
9600
|
+
}
|
|
9601
|
+
}
|
|
9602
|
+
},
|
|
9603
|
+
{
|
|
9604
|
+
"kind": "method",
|
|
9605
|
+
"name": "renderForm",
|
|
9606
|
+
"privacy": "private",
|
|
9607
|
+
"return": {
|
|
9608
|
+
"type": {
|
|
9609
|
+
"text": "TemplateResult"
|
|
9610
|
+
}
|
|
9611
|
+
},
|
|
9612
|
+
"parameters": [
|
|
9613
|
+
{
|
|
9614
|
+
"name": "manager",
|
|
9615
|
+
"type": {
|
|
9616
|
+
"text": "IAchPaymentMethodManager"
|
|
9617
|
+
}
|
|
9618
|
+
}
|
|
9619
|
+
]
|
|
9620
|
+
},
|
|
9621
|
+
{
|
|
9622
|
+
"kind": "method",
|
|
9623
|
+
"name": "renderMandate",
|
|
9624
|
+
"privacy": "private",
|
|
9625
|
+
"return": {
|
|
9626
|
+
"type": {
|
|
9627
|
+
"text": "TemplateResult"
|
|
9628
|
+
}
|
|
9629
|
+
}
|
|
9630
|
+
}
|
|
9631
|
+
],
|
|
9632
|
+
"events": [
|
|
9633
|
+
{
|
|
9634
|
+
"name": "primer-ach-error",
|
|
9635
|
+
"type": {
|
|
9636
|
+
"text": "CustomEvent"
|
|
9637
|
+
}
|
|
9638
|
+
},
|
|
9639
|
+
{
|
|
9640
|
+
"name": "primer-ach-bank-details-collected",
|
|
9641
|
+
"type": {
|
|
9642
|
+
"text": "CustomEvent"
|
|
9643
|
+
}
|
|
9644
|
+
},
|
|
9645
|
+
{
|
|
9646
|
+
"name": "primer-ach-mandate-confirmed",
|
|
9647
|
+
"type": {
|
|
9648
|
+
"text": "CustomEvent"
|
|
9649
|
+
}
|
|
9650
|
+
},
|
|
9651
|
+
{
|
|
9652
|
+
"name": "primer-ach-mandate-declined",
|
|
9653
|
+
"type": {
|
|
9654
|
+
"text": "CustomEvent"
|
|
9655
|
+
}
|
|
9656
|
+
}
|
|
9657
|
+
],
|
|
9658
|
+
"attributes": [
|
|
9659
|
+
{
|
|
9660
|
+
"name": "paymentMethod",
|
|
9661
|
+
"type": {
|
|
9662
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9663
|
+
},
|
|
9664
|
+
"fieldName": "paymentMethod"
|
|
9665
|
+
}
|
|
9666
|
+
],
|
|
9667
|
+
"superclass": {
|
|
9668
|
+
"name": "LitElement",
|
|
9669
|
+
"package": "lit"
|
|
9670
|
+
},
|
|
9671
|
+
"tagName": "primer-ach-payment",
|
|
9672
|
+
"customElement": true
|
|
9673
|
+
}
|
|
9674
|
+
],
|
|
9675
|
+
"exports": [
|
|
9676
|
+
{
|
|
9677
|
+
"kind": "js",
|
|
9678
|
+
"name": "AchPaymentComponent",
|
|
9679
|
+
"declaration": {
|
|
9680
|
+
"name": "AchPaymentComponent",
|
|
9681
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
9682
|
+
}
|
|
9683
|
+
},
|
|
9684
|
+
{
|
|
9685
|
+
"kind": "custom-element-definition",
|
|
9686
|
+
"name": "primer-ach-payment",
|
|
9687
|
+
"declaration": {
|
|
9688
|
+
"name": "AchPaymentComponent",
|
|
9689
|
+
"module": "src/containers/ach-payment/ach-payment.component.ts"
|
|
9690
|
+
}
|
|
9691
|
+
}
|
|
9692
|
+
]
|
|
9693
|
+
},
|
|
9694
|
+
{
|
|
9695
|
+
"kind": "javascript-module",
|
|
9696
|
+
"path": "src/containers/ach-payment/ach-payment.styles.ts",
|
|
9697
|
+
"declarations": [],
|
|
9698
|
+
"exports": [
|
|
9699
|
+
{
|
|
9700
|
+
"kind": "js",
|
|
9701
|
+
"name": "default",
|
|
9702
|
+
"declaration": {
|
|
9703
|
+
"module": "src/containers/ach-payment/ach-payment.styles.ts"
|
|
9704
|
+
}
|
|
9705
|
+
}
|
|
9706
|
+
]
|
|
9707
|
+
},
|
|
9708
|
+
{
|
|
9709
|
+
"kind": "javascript-module",
|
|
9710
|
+
"path": "src/containers/ach-payment/ach-payment.ts",
|
|
9711
|
+
"declarations": [],
|
|
9712
|
+
"exports": [
|
|
9713
|
+
{
|
|
9714
|
+
"kind": "js",
|
|
9715
|
+
"name": "AchPayment",
|
|
9716
|
+
"declaration": {
|
|
9717
|
+
"name": "AchPaymentComponent",
|
|
9718
|
+
"module": "src/containers/ach-payment/ach-payment.ts"
|
|
9719
|
+
}
|
|
9720
|
+
}
|
|
9721
|
+
]
|
|
9722
|
+
},
|
|
9723
|
+
{
|
|
9724
|
+
"kind": "javascript-module",
|
|
9725
|
+
"path": "src/containers/billing-address/billing-address.component.ts",
|
|
9726
|
+
"declarations": [
|
|
9727
|
+
{
|
|
9728
|
+
"kind": "variable",
|
|
9729
|
+
"name": "BILLING_ADDRESS_FIELDS",
|
|
9730
|
+
"type": {
|
|
9731
|
+
"text": "{\n firstName: 'firstName',\n lastName: 'lastName',\n addressLine1: 'addressLine1',\n addressLine2: 'addressLine2',\n city: 'city',\n postalCode: 'postalCode',\n state: 'state',\n countryCode: 'countryCode',\n}"
|
|
9732
|
+
},
|
|
9733
|
+
"default": "{ firstName: 'firstName', lastName: 'lastName', addressLine1: 'addressLine1', addressLine2: 'addressLine2', city: 'city', postalCode: 'postalCode', state: 'state', countryCode: 'countryCode', }",
|
|
9734
|
+
"description": "Billing address field names"
|
|
9735
|
+
},
|
|
9736
|
+
{
|
|
9737
|
+
"kind": "class",
|
|
9738
|
+
"description": "BillingAddressComponent provides a form for collecting billing address information.\n\nConfiguration is exclusively server-side via SDK Core's checkoutModules. Field visibility\nis determined by the BILLING_ADDRESS module in the client session configuration.",
|
|
9739
|
+
"name": "BillingAddressComponent",
|
|
9740
|
+
"members": [
|
|
9741
|
+
{
|
|
9742
|
+
"kind": "field",
|
|
9743
|
+
"name": "configuration",
|
|
9744
|
+
"type": {
|
|
9745
|
+
"text": "ConfigurationContextType"
|
|
9746
|
+
},
|
|
9747
|
+
"default": "null",
|
|
9748
|
+
"description": "Configuration from SDK Core containing checkoutModules configuration"
|
|
9749
|
+
},
|
|
9750
|
+
{
|
|
9751
|
+
"kind": "field",
|
|
9752
|
+
"name": "headlessUtils",
|
|
9753
|
+
"type": {
|
|
9754
|
+
"text": "HeadlessUtilsContextType"
|
|
9755
|
+
},
|
|
9756
|
+
"default": "null",
|
|
9757
|
+
"description": "Headless SDK utilities for API methods like setBillingAddress"
|
|
9758
|
+
},
|
|
9759
|
+
{
|
|
9760
|
+
"kind": "field",
|
|
9761
|
+
"name": "formData",
|
|
9762
|
+
"type": {
|
|
9763
|
+
"text": "BillingAddressData"
|
|
9764
|
+
},
|
|
9765
|
+
"privacy": "private",
|
|
9766
|
+
"default": "{}",
|
|
9767
|
+
"description": "Form data state"
|
|
9768
|
+
},
|
|
9769
|
+
{
|
|
9770
|
+
"kind": "field",
|
|
9771
|
+
"name": "errors",
|
|
9772
|
+
"type": {
|
|
9773
|
+
"text": "Partial<Record<keyof BillingAddressData, string>>"
|
|
9774
|
+
},
|
|
9775
|
+
"privacy": "private",
|
|
9776
|
+
"default": "{}",
|
|
9777
|
+
"description": "Validation errors state"
|
|
9778
|
+
},
|
|
9779
|
+
{
|
|
9780
|
+
"kind": "field",
|
|
9781
|
+
"name": "touchedFields",
|
|
9782
|
+
"type": {
|
|
9783
|
+
"text": "Set<keyof BillingAddressData>"
|
|
9784
|
+
},
|
|
9785
|
+
"privacy": "private",
|
|
9786
|
+
"default": "new Set()",
|
|
9787
|
+
"description": "Tracks which fields have been touched (blurred after focus)"
|
|
9788
|
+
},
|
|
9789
|
+
{
|
|
9790
|
+
"kind": "field",
|
|
9791
|
+
"name": "dirtyFields",
|
|
9792
|
+
"type": {
|
|
9793
|
+
"text": "Set<keyof BillingAddressData>"
|
|
9794
|
+
},
|
|
9795
|
+
"privacy": "private",
|
|
9796
|
+
"default": "new Set()",
|
|
9797
|
+
"description": "Tracks which fields are dirty (have had input)"
|
|
9798
|
+
},
|
|
9799
|
+
{
|
|
9800
|
+
"kind": "field",
|
|
9801
|
+
"name": "focusedField",
|
|
9802
|
+
"type": {
|
|
9803
|
+
"text": "keyof BillingAddressData | null"
|
|
9804
|
+
},
|
|
9805
|
+
"privacy": "private",
|
|
9806
|
+
"default": "null",
|
|
9807
|
+
"description": "Tracks which field is currently focused"
|
|
9808
|
+
},
|
|
9809
|
+
{
|
|
9810
|
+
"kind": "field",
|
|
9811
|
+
"name": "submitted",
|
|
9812
|
+
"type": {
|
|
9813
|
+
"text": "boolean"
|
|
9814
|
+
},
|
|
9815
|
+
"privacy": "private",
|
|
9816
|
+
"default": "false",
|
|
9817
|
+
"description": "Tracks whether the form has been submitted\nErrors only show after submit or after field blur"
|
|
9818
|
+
},
|
|
9819
|
+
{
|
|
9820
|
+
"kind": "field",
|
|
9821
|
+
"name": "countryOptions",
|
|
9822
|
+
"type": {
|
|
9823
|
+
"text": "SelectOption[]"
|
|
9824
|
+
},
|
|
9825
|
+
"privacy": "private",
|
|
9826
|
+
"default": "[]",
|
|
9827
|
+
"description": "List of countries for the select dropdown\nInitialize with empty array, will be populated in connectedCallback"
|
|
9828
|
+
},
|
|
9829
|
+
{
|
|
9830
|
+
"kind": "field",
|
|
9831
|
+
"name": "_initializationTask",
|
|
9832
|
+
"privacy": "private",
|
|
9833
|
+
"default": "new Task(this, { task: async ([configuration, headlessUtils]) => { // Guard: return initialState if contexts not ready (keeps task pending) if (!configuration || !headlessUtils) { return initialState; } // Extract field configuration from checkoutModules const fieldConfig = this.extractFieldConfig(configuration); // Initialize country options (preserve two-phase loading) await this.initializeCountryOptions(); // Return configuration to signal task completion return fieldConfig; }, args: () => [this.configuration, this.headlessUtils], })",
|
|
9834
|
+
"description": "Initialization task that waits for context availability\n\nPurpose: Ensures configuration and headlessUtils contexts are ready before\n attempting field configuration extraction and country initialization\n\nLifecycle:\n- Task runs when this.configuration or this.headlessUtils changes\n- Stays pending (returns initialState) until both contexts are available\n- Completes when field config is extracted and countries initialized\n\nPhase 2: Infrastructure setup with stub methods\nPhase 3: Will extract field configuration from checkoutModules\nPhase 4: Will coordinate country initialization with Task lifecycle"
|
|
9835
|
+
},
|
|
9836
|
+
{
|
|
9837
|
+
"kind": "method",
|
|
9838
|
+
"name": "extractFieldConfig",
|
|
9839
|
+
"privacy": "private",
|
|
9840
|
+
"return": {
|
|
9841
|
+
"type": {
|
|
9842
|
+
"text": ""
|
|
9843
|
+
}
|
|
9844
|
+
},
|
|
9845
|
+
"parameters": [
|
|
9846
|
+
{
|
|
9847
|
+
"name": "configuration",
|
|
9848
|
+
"type": {
|
|
9849
|
+
"text": "ConfigurationContextType"
|
|
9850
|
+
},
|
|
9851
|
+
"description": "Configuration context from SDK Core"
|
|
9852
|
+
}
|
|
9853
|
+
],
|
|
9854
|
+
"description": "Extract billing address field configuration from SDK Core checkoutModules"
|
|
9855
|
+
},
|
|
9856
|
+
{
|
|
9857
|
+
"kind": "method",
|
|
9858
|
+
"name": "initializeCountryOptions",
|
|
9859
|
+
"privacy": "private",
|
|
9860
|
+
"return": {
|
|
9861
|
+
"type": {
|
|
9862
|
+
"text": "Promise<void>"
|
|
9863
|
+
}
|
|
9864
|
+
},
|
|
9865
|
+
"description": "Initialize country options with two-phase loading:\n1. Synchronously load English countries first\n2. Asynchronously load locale-specific countries\n\nThis preserves the existing behavior where users see English countries\nimmediately, then see localized names if available."
|
|
9866
|
+
},
|
|
9867
|
+
{
|
|
9868
|
+
"kind": "field",
|
|
9869
|
+
"name": "fieldConfig",
|
|
9870
|
+
"type": {
|
|
9871
|
+
"text": "BillingAddressFields"
|
|
9872
|
+
},
|
|
9873
|
+
"privacy": "private",
|
|
9874
|
+
"description": "Get billing address field configuration from SDK Core checkoutModules.\n\nThis getter is used during rendering after the initialization task completes.\nConfiguration is determined by server-side checkoutModules configuration.\nIf not present, defaults to all fields disabled (form hidden).",
|
|
9875
|
+
"readonly": true
|
|
9876
|
+
},
|
|
9877
|
+
{
|
|
9878
|
+
"kind": "field",
|
|
9879
|
+
"name": "defaultFieldConfig",
|
|
9880
|
+
"type": {
|
|
9881
|
+
"text": "BillingAddressFields"
|
|
9882
|
+
},
|
|
9883
|
+
"privacy": "private",
|
|
9884
|
+
"description": "Default field configuration (all fields disabled).\nWhen no configuration is provided, the form is hidden.\nThis matches the legacy SDK behavior where billing address is opt-in.",
|
|
9885
|
+
"readonly": true
|
|
9886
|
+
},
|
|
9887
|
+
{
|
|
9888
|
+
"kind": "field",
|
|
9889
|
+
"name": "shouldShowForm",
|
|
9890
|
+
"type": {
|
|
9891
|
+
"text": "boolean"
|
|
9892
|
+
},
|
|
9893
|
+
"privacy": "private",
|
|
9894
|
+
"description": "Check if the form should be visible\nAccording to legacy SDK: form is hidden if postalCode is false",
|
|
9895
|
+
"readonly": true
|
|
9896
|
+
},
|
|
9897
|
+
{
|
|
9898
|
+
"kind": "method",
|
|
9899
|
+
"name": "handleInput",
|
|
9900
|
+
"privacy": "private",
|
|
9901
|
+
"return": {
|
|
9902
|
+
"type": {
|
|
9903
|
+
"text": "void"
|
|
9904
|
+
}
|
|
9905
|
+
},
|
|
9906
|
+
"parameters": [
|
|
9907
|
+
{
|
|
9908
|
+
"name": "field",
|
|
9909
|
+
"type": {
|
|
9910
|
+
"text": "keyof BillingAddressData"
|
|
9911
|
+
}
|
|
9912
|
+
},
|
|
9913
|
+
{
|
|
9914
|
+
"name": "value",
|
|
9915
|
+
"type": {
|
|
9916
|
+
"text": "string"
|
|
9917
|
+
}
|
|
9918
|
+
}
|
|
9919
|
+
],
|
|
9920
|
+
"description": "Handle input change events"
|
|
9921
|
+
},
|
|
9922
|
+
{
|
|
9923
|
+
"kind": "method",
|
|
9924
|
+
"name": "handleFocus",
|
|
9925
|
+
"privacy": "private",
|
|
9926
|
+
"return": {
|
|
9927
|
+
"type": {
|
|
9928
|
+
"text": "void"
|
|
9929
|
+
}
|
|
9930
|
+
},
|
|
9931
|
+
"parameters": [
|
|
9932
|
+
{
|
|
9933
|
+
"name": "field",
|
|
9934
|
+
"type": {
|
|
9935
|
+
"text": "keyof BillingAddressData"
|
|
9936
|
+
}
|
|
9937
|
+
}
|
|
9938
|
+
],
|
|
9939
|
+
"description": "Handle focus events"
|
|
9940
|
+
},
|
|
9941
|
+
{
|
|
9942
|
+
"kind": "method",
|
|
9943
|
+
"name": "handleBlur",
|
|
9944
|
+
"privacy": "private",
|
|
9945
|
+
"return": {
|
|
9946
|
+
"type": {
|
|
9947
|
+
"text": "void"
|
|
9948
|
+
}
|
|
9949
|
+
},
|
|
9950
|
+
"parameters": [
|
|
9951
|
+
{
|
|
9952
|
+
"name": "field",
|
|
9953
|
+
"type": {
|
|
9954
|
+
"text": "keyof BillingAddressData"
|
|
9955
|
+
}
|
|
9956
|
+
}
|
|
9957
|
+
],
|
|
9958
|
+
"description": "Handle blur events for validation"
|
|
9959
|
+
},
|
|
9960
|
+
{
|
|
9961
|
+
"kind": "method",
|
|
9962
|
+
"name": "validateField",
|
|
9963
|
+
"privacy": "private",
|
|
9964
|
+
"return": {
|
|
9965
|
+
"type": {
|
|
9966
|
+
"text": "void"
|
|
9967
|
+
}
|
|
9968
|
+
},
|
|
9969
|
+
"parameters": [
|
|
9970
|
+
{
|
|
9971
|
+
"name": "field",
|
|
9972
|
+
"type": {
|
|
9973
|
+
"text": "keyof BillingAddressData"
|
|
9974
|
+
}
|
|
9975
|
+
}
|
|
9976
|
+
],
|
|
9977
|
+
"description": "Validate a single field"
|
|
9978
|
+
},
|
|
9979
|
+
{
|
|
9980
|
+
"kind": "method",
|
|
9981
|
+
"name": "validateForm",
|
|
9982
|
+
"privacy": "private",
|
|
9983
|
+
"return": {
|
|
9984
|
+
"type": {
|
|
9985
|
+
"text": "boolean"
|
|
9986
|
+
}
|
|
9987
|
+
},
|
|
9988
|
+
"description": "Validate all enabled fields"
|
|
9989
|
+
},
|
|
9990
|
+
{
|
|
9991
|
+
"kind": "method",
|
|
9992
|
+
"name": "validateForSubmission",
|
|
9993
|
+
"privacy": "public",
|
|
9994
|
+
"return": {
|
|
9995
|
+
"type": {
|
|
9996
|
+
"text": "Promise<boolean>"
|
|
9997
|
+
}
|
|
9998
|
+
},
|
|
9999
|
+
"description": "Public method to validate billing address fields\nCalled by the parent form (card-form) when submitting\nReturns true if billing address is valid\nNote: Does NOT call setBillingAddress API - that happens after card validation"
|
|
10000
|
+
},
|
|
10001
|
+
{
|
|
10002
|
+
"kind": "method",
|
|
10003
|
+
"name": "submitToSDK",
|
|
10004
|
+
"privacy": "public",
|
|
10005
|
+
"return": {
|
|
10006
|
+
"type": {
|
|
10007
|
+
"text": "Promise<boolean>"
|
|
10008
|
+
}
|
|
10009
|
+
},
|
|
10010
|
+
"description": "Public method to submit billing address to SDK Core\nCalled by parent form ONLY after both card and billing address validation pass\n\nNote: headlessUtils is guaranteed to be available when this method is called,\nas the component only renders (and becomes interactive) after initialization task completes."
|
|
10011
|
+
},
|
|
10012
|
+
{
|
|
10013
|
+
"kind": "method",
|
|
10014
|
+
"name": "shouldShowError",
|
|
10015
|
+
"privacy": "private",
|
|
10016
|
+
"return": {
|
|
10017
|
+
"type": {
|
|
10018
|
+
"text": "boolean"
|
|
10019
|
+
}
|
|
10020
|
+
},
|
|
10021
|
+
"parameters": [
|
|
10022
|
+
{
|
|
10023
|
+
"name": "field",
|
|
10024
|
+
"type": {
|
|
10025
|
+
"text": "keyof BillingAddressData"
|
|
10026
|
+
}
|
|
10027
|
+
}
|
|
10028
|
+
],
|
|
10029
|
+
"description": "Check if field should show error\nMatches card input behavior: show errors after submit OR after field is dirty AND touched"
|
|
10030
|
+
}
|
|
10031
|
+
],
|
|
10032
|
+
"events": [
|
|
10033
|
+
{
|
|
10034
|
+
"name": "primer-billing-address-change",
|
|
10035
|
+
"type": {
|
|
10036
|
+
"text": "CustomEvent"
|
|
10037
|
+
},
|
|
10038
|
+
"description": "Fired when form data changes"
|
|
10039
|
+
},
|
|
10040
|
+
{
|
|
10041
|
+
"name": "primer-billing-address-submit",
|
|
10042
|
+
"type": {
|
|
10043
|
+
"text": "CustomEvent"
|
|
10044
|
+
},
|
|
10045
|
+
"description": "Fired when form is submitted"
|
|
10046
|
+
}
|
|
10047
|
+
],
|
|
10048
|
+
"superclass": {
|
|
10049
|
+
"name": "LitElement",
|
|
10050
|
+
"package": "lit"
|
|
10051
|
+
},
|
|
10052
|
+
"tagName": "primer-billing-address",
|
|
10053
|
+
"customElement": true
|
|
10054
|
+
}
|
|
10055
|
+
],
|
|
10056
|
+
"exports": [
|
|
10057
|
+
{
|
|
10058
|
+
"kind": "js",
|
|
10059
|
+
"name": "BILLING_ADDRESS_FIELDS",
|
|
10060
|
+
"declaration": {
|
|
10061
|
+
"name": "BILLING_ADDRESS_FIELDS",
|
|
10062
|
+
"module": "src/containers/billing-address/billing-address.component.ts"
|
|
10063
|
+
}
|
|
10064
|
+
},
|
|
10065
|
+
{
|
|
10066
|
+
"kind": "js",
|
|
10067
|
+
"name": "BillingAddressComponent",
|
|
10068
|
+
"declaration": {
|
|
10069
|
+
"name": "BillingAddressComponent",
|
|
10070
|
+
"module": "src/containers/billing-address/billing-address.component.ts"
|
|
10071
|
+
}
|
|
10072
|
+
},
|
|
10073
|
+
{
|
|
10074
|
+
"kind": "custom-element-definition",
|
|
10075
|
+
"name": "primer-billing-address",
|
|
10076
|
+
"declaration": {
|
|
10077
|
+
"name": "BillingAddressComponent",
|
|
10078
|
+
"module": "src/containers/billing-address/billing-address.component.ts"
|
|
10079
|
+
}
|
|
10080
|
+
}
|
|
10081
|
+
]
|
|
10082
|
+
},
|
|
10083
|
+
{
|
|
10084
|
+
"kind": "javascript-module",
|
|
10085
|
+
"path": "src/containers/billing-address/billing-address.styles.ts",
|
|
10086
|
+
"declarations": [],
|
|
8801
10087
|
"exports": [
|
|
8802
10088
|
{
|
|
8803
10089
|
"kind": "js",
|
|
8804
|
-
"name": "
|
|
10090
|
+
"name": "default",
|
|
8805
10091
|
"declaration": {
|
|
8806
|
-
"
|
|
8807
|
-
"module": "src/containers/ach-payment/ach-payment-form-controller.ts"
|
|
10092
|
+
"module": "src/containers/billing-address/billing-address.styles.ts"
|
|
8808
10093
|
}
|
|
8809
10094
|
}
|
|
8810
10095
|
]
|
|
8811
10096
|
},
|
|
8812
10097
|
{
|
|
8813
10098
|
"kind": "javascript-module",
|
|
8814
|
-
"path": "src/containers/
|
|
10099
|
+
"path": "src/containers/billing-address/billing-address.ts",
|
|
10100
|
+
"declarations": [],
|
|
10101
|
+
"exports": [
|
|
10102
|
+
{
|
|
10103
|
+
"kind": "js",
|
|
10104
|
+
"name": "BillingAddress",
|
|
10105
|
+
"declaration": {
|
|
10106
|
+
"name": "BillingAddressComponent",
|
|
10107
|
+
"module": "src/containers/billing-address/billing-address.ts"
|
|
10108
|
+
}
|
|
10109
|
+
}
|
|
10110
|
+
]
|
|
10111
|
+
},
|
|
10112
|
+
{
|
|
10113
|
+
"kind": "javascript-module",
|
|
10114
|
+
"path": "src/containers/blik/blik.component.ts",
|
|
8815
10115
|
"declarations": [
|
|
8816
10116
|
{
|
|
8817
10117
|
"kind": "class",
|
|
8818
|
-
"description": "",
|
|
8819
|
-
"name": "
|
|
10118
|
+
"description": "BLIK Payment Component\n\nConsolidated component handling BLIK payment flow from button click through\npayment completion. Uses a 4-state machine for managing the user experience.",
|
|
10119
|
+
"name": "BlikComponent",
|
|
8820
10120
|
"members": [
|
|
8821
10121
|
{
|
|
8822
10122
|
"kind": "field",
|
|
8823
|
-
"name": "
|
|
8824
|
-
"
|
|
8825
|
-
|
|
8826
|
-
|
|
10123
|
+
"name": "paymentMethod",
|
|
10124
|
+
"type": {
|
|
10125
|
+
"text": "InitializedPaymentMethod"
|
|
10126
|
+
},
|
|
10127
|
+
"description": "Payment method configuration",
|
|
10128
|
+
"attribute": "paymentMethod"
|
|
8827
10129
|
},
|
|
8828
10130
|
{
|
|
8829
10131
|
"kind": "field",
|
|
8830
|
-
"name": "
|
|
10132
|
+
"name": "disabled",
|
|
8831
10133
|
"type": {
|
|
8832
|
-
"text": "
|
|
10134
|
+
"text": "boolean"
|
|
8833
10135
|
},
|
|
8834
|
-
"
|
|
10136
|
+
"default": "false",
|
|
10137
|
+
"description": "Disables component interaction when true",
|
|
10138
|
+
"attribute": "disabled"
|
|
8835
10139
|
},
|
|
8836
10140
|
{
|
|
8837
10141
|
"kind": "field",
|
|
@@ -8843,250 +10147,257 @@
|
|
|
8843
10147
|
},
|
|
8844
10148
|
{
|
|
8845
10149
|
"kind": "field",
|
|
8846
|
-
"name": "
|
|
10150
|
+
"name": "currentState",
|
|
8847
10151
|
"type": {
|
|
8848
|
-
"text": "
|
|
10152
|
+
"text": "BlikState"
|
|
8849
10153
|
},
|
|
8850
|
-
"
|
|
10154
|
+
"privacy": "private",
|
|
10155
|
+
"default": "'collapsed'"
|
|
8851
10156
|
},
|
|
8852
10157
|
{
|
|
8853
10158
|
"kind": "field",
|
|
8854
|
-
"name": "
|
|
10159
|
+
"name": "blikCode",
|
|
8855
10160
|
"type": {
|
|
8856
|
-
"text": "
|
|
10161
|
+
"text": "string"
|
|
8857
10162
|
},
|
|
8858
|
-
"
|
|
10163
|
+
"privacy": "private",
|
|
10164
|
+
"default": "''"
|
|
8859
10165
|
},
|
|
8860
10166
|
{
|
|
8861
10167
|
"kind": "field",
|
|
8862
|
-
"name": "
|
|
10168
|
+
"name": "errorMessage",
|
|
8863
10169
|
"type": {
|
|
8864
|
-
"text": "
|
|
10170
|
+
"text": "string"
|
|
8865
10171
|
},
|
|
8866
|
-
"
|
|
10172
|
+
"privacy": "private",
|
|
10173
|
+
"default": "''"
|
|
8867
10174
|
},
|
|
8868
10175
|
{
|
|
8869
10176
|
"kind": "field",
|
|
8870
|
-
"name": "
|
|
10177
|
+
"name": "pollingDuration",
|
|
8871
10178
|
"type": {
|
|
8872
|
-
"text": "
|
|
10179
|
+
"text": "number"
|
|
8873
10180
|
},
|
|
8874
10181
|
"privacy": "private",
|
|
8875
|
-
"default": "
|
|
10182
|
+
"default": "0"
|
|
8876
10183
|
},
|
|
8877
10184
|
{
|
|
8878
10185
|
"kind": "field",
|
|
8879
|
-
"name": "
|
|
10186
|
+
"name": "pollingTimer",
|
|
10187
|
+
"type": {
|
|
10188
|
+
"text": "number | null"
|
|
10189
|
+
},
|
|
8880
10190
|
"privacy": "private",
|
|
8881
|
-
"default": "
|
|
10191
|
+
"default": "null"
|
|
8882
10192
|
},
|
|
8883
10193
|
{
|
|
8884
|
-
"kind": "
|
|
8885
|
-
"name": "
|
|
10194
|
+
"kind": "field",
|
|
10195
|
+
"name": "loadManagerTask",
|
|
8886
10196
|
"privacy": "private",
|
|
8887
|
-
"
|
|
8888
|
-
|
|
8889
|
-
|
|
8890
|
-
|
|
8891
|
-
|
|
8892
|
-
|
|
8893
|
-
|
|
8894
|
-
|
|
8895
|
-
|
|
8896
|
-
|
|
8897
|
-
|
|
8898
|
-
|
|
8899
|
-
|
|
8900
|
-
|
|
10197
|
+
"default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error('BLIK payment method manager not initialized'); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'ADYEN_BLIK') { throw new Error('Invalid payment method type for BLIK component'); } return managerEntry.manager; }, })",
|
|
10198
|
+
"description": "Manager loading task\nValidates BLIK manager exists before allowing payment flow\n\nThis Task provides reactive validation of manager availability:\n- Automatically re-runs when paymentMethod or paymentManagers change\n- Provides type-safe access to the BLIK manager\n- Enables early error detection before user interaction\n\nUnlike native payment methods (Apple Pay, Google Pay, PayPal) which use a\ntwo-task pattern (manager loading + button rendering), BLIK only needs the\nmanager loading task because it renders its own UI via Lit templates."
|
|
10199
|
+
},
|
|
10200
|
+
{
|
|
10201
|
+
"kind": "field",
|
|
10202
|
+
"name": "handleButtonClick",
|
|
10203
|
+
"privacy": "private",
|
|
10204
|
+
"description": "Handles button click to toggle between collapsed and expanded states"
|
|
10205
|
+
},
|
|
10206
|
+
{
|
|
10207
|
+
"kind": "field",
|
|
10208
|
+
"name": "handleCollapse",
|
|
10209
|
+
"privacy": "private",
|
|
10210
|
+
"description": "Handles collapsing the form back to button-only view\nResets form state when user clicks button to collapse"
|
|
10211
|
+
},
|
|
10212
|
+
{
|
|
10213
|
+
"kind": "field",
|
|
10214
|
+
"name": "handleInput",
|
|
10215
|
+
"privacy": "private",
|
|
10216
|
+
"description": "Handles input changes, validates numeric input, and auto-submits on 6 digits"
|
|
10217
|
+
},
|
|
10218
|
+
{
|
|
10219
|
+
"kind": "field",
|
|
10220
|
+
"name": "handleRetry",
|
|
10221
|
+
"privacy": "private",
|
|
10222
|
+
"description": "Handles retry button click"
|
|
8901
10223
|
},
|
|
8902
10224
|
{
|
|
8903
10225
|
"kind": "method",
|
|
8904
|
-
"name": "
|
|
10226
|
+
"name": "startPollingTimer",
|
|
8905
10227
|
"privacy": "private",
|
|
8906
|
-
"
|
|
8907
|
-
{
|
|
8908
|
-
"
|
|
8909
|
-
"type": {
|
|
8910
|
-
"text": "AchField"
|
|
8911
|
-
}
|
|
10228
|
+
"return": {
|
|
10229
|
+
"type": {
|
|
10230
|
+
"text": "void"
|
|
8912
10231
|
}
|
|
8913
|
-
|
|
10232
|
+
},
|
|
10233
|
+
"description": "Starts polling timer to track payment duration"
|
|
8914
10234
|
},
|
|
8915
10235
|
{
|
|
8916
10236
|
"kind": "method",
|
|
8917
|
-
"name": "
|
|
10237
|
+
"name": "stopPollingTimer",
|
|
8918
10238
|
"privacy": "private",
|
|
8919
|
-
"
|
|
8920
|
-
{
|
|
8921
|
-
"
|
|
8922
|
-
"type": {
|
|
8923
|
-
"text": "unknown"
|
|
8924
|
-
}
|
|
10239
|
+
"return": {
|
|
10240
|
+
"type": {
|
|
10241
|
+
"text": "void"
|
|
8925
10242
|
}
|
|
8926
|
-
|
|
10243
|
+
},
|
|
10244
|
+
"description": "Stops and resets polling timer"
|
|
8927
10245
|
},
|
|
8928
10246
|
{
|
|
8929
10247
|
"kind": "method",
|
|
8930
|
-
"name": "
|
|
10248
|
+
"name": "submitBlikCode",
|
|
8931
10249
|
"privacy": "private",
|
|
8932
|
-
"
|
|
8933
|
-
{
|
|
8934
|
-
"
|
|
8935
|
-
"type": {
|
|
8936
|
-
"text": "IAchPaymentMethodManager"
|
|
8937
|
-
}
|
|
10250
|
+
"return": {
|
|
10251
|
+
"type": {
|
|
10252
|
+
"text": "Promise<void>"
|
|
8938
10253
|
}
|
|
8939
|
-
|
|
10254
|
+
},
|
|
10255
|
+
"description": "Validates and submits the BLIK code"
|
|
8940
10256
|
},
|
|
8941
10257
|
{
|
|
8942
10258
|
"kind": "method",
|
|
8943
|
-
"name": "
|
|
10259
|
+
"name": "renderCollapsed",
|
|
8944
10260
|
"privacy": "private",
|
|
8945
|
-
"
|
|
8946
|
-
{
|
|
8947
|
-
"
|
|
8948
|
-
"type": {
|
|
8949
|
-
"text": "IAchPaymentMethodManager"
|
|
8950
|
-
}
|
|
10261
|
+
"return": {
|
|
10262
|
+
"type": {
|
|
10263
|
+
"text": "TemplateResult"
|
|
8951
10264
|
}
|
|
8952
|
-
|
|
10265
|
+
},
|
|
10266
|
+
"description": "Renders the collapsed button state"
|
|
8953
10267
|
},
|
|
8954
10268
|
{
|
|
8955
10269
|
"kind": "method",
|
|
8956
|
-
"name": "
|
|
10270
|
+
"name": "renderExpandedInput",
|
|
8957
10271
|
"privacy": "private",
|
|
8958
10272
|
"return": {
|
|
8959
10273
|
"type": {
|
|
8960
|
-
"text": "
|
|
10274
|
+
"text": "TemplateResult"
|
|
8961
10275
|
}
|
|
8962
|
-
}
|
|
10276
|
+
},
|
|
10277
|
+
"description": "Renders the expanded input state"
|
|
8963
10278
|
},
|
|
8964
10279
|
{
|
|
8965
10280
|
"kind": "method",
|
|
8966
|
-
"name": "
|
|
10281
|
+
"name": "renderLoading",
|
|
8967
10282
|
"privacy": "private",
|
|
8968
10283
|
"return": {
|
|
8969
10284
|
"type": {
|
|
8970
|
-
"text": "
|
|
10285
|
+
"text": "TemplateResult"
|
|
8971
10286
|
}
|
|
8972
|
-
}
|
|
10287
|
+
},
|
|
10288
|
+
"description": "Renders the loading state"
|
|
8973
10289
|
},
|
|
8974
10290
|
{
|
|
8975
10291
|
"kind": "method",
|
|
8976
|
-
"name": "
|
|
10292
|
+
"name": "renderError",
|
|
8977
10293
|
"privacy": "private",
|
|
8978
10294
|
"return": {
|
|
8979
10295
|
"type": {
|
|
8980
10296
|
"text": "TemplateResult"
|
|
8981
10297
|
}
|
|
8982
10298
|
},
|
|
8983
|
-
"
|
|
8984
|
-
{
|
|
8985
|
-
"name": "manager",
|
|
8986
|
-
"type": {
|
|
8987
|
-
"text": "IAchPaymentMethodManager"
|
|
8988
|
-
}
|
|
8989
|
-
}
|
|
8990
|
-
]
|
|
10299
|
+
"description": "Renders the error state"
|
|
8991
10300
|
},
|
|
8992
10301
|
{
|
|
8993
10302
|
"kind": "method",
|
|
8994
|
-
"name": "
|
|
10303
|
+
"name": "renderExpandedState",
|
|
8995
10304
|
"privacy": "private",
|
|
8996
10305
|
"return": {
|
|
8997
10306
|
"type": {
|
|
8998
|
-
"text": "TemplateResult"
|
|
10307
|
+
"text": "TemplateResult | typeof nothing"
|
|
8999
10308
|
}
|
|
9000
|
-
}
|
|
10309
|
+
},
|
|
10310
|
+
"description": "Renders the appropriate expanded state based on current state"
|
|
9001
10311
|
}
|
|
9002
10312
|
],
|
|
9003
10313
|
"events": [
|
|
9004
10314
|
{
|
|
9005
|
-
"
|
|
9006
|
-
"
|
|
9007
|
-
"text": "CustomEvent"
|
|
9008
|
-
}
|
|
9009
|
-
},
|
|
9010
|
-
{
|
|
9011
|
-
"name": "primer-ach-bank-details-collected",
|
|
9012
|
-
"type": {
|
|
9013
|
-
"text": "CustomEvent"
|
|
9014
|
-
}
|
|
9015
|
-
},
|
|
9016
|
-
{
|
|
9017
|
-
"name": "primer-ach-mandate-confirmed",
|
|
9018
|
-
"type": {
|
|
9019
|
-
"text": "CustomEvent"
|
|
9020
|
-
}
|
|
10315
|
+
"description": "Dispatched on successful payment",
|
|
10316
|
+
"name": "primer-payment-success"
|
|
9021
10317
|
},
|
|
9022
10318
|
{
|
|
9023
|
-
"
|
|
9024
|
-
"
|
|
9025
|
-
"text": "CustomEvent"
|
|
9026
|
-
}
|
|
10319
|
+
"description": "Dispatched on payment error",
|
|
10320
|
+
"name": "primer-payment-error"
|
|
9027
10321
|
}
|
|
9028
10322
|
],
|
|
9029
10323
|
"attributes": [
|
|
9030
10324
|
{
|
|
9031
10325
|
"name": "paymentMethod",
|
|
9032
10326
|
"type": {
|
|
9033
|
-
"text": "InitializedPaymentMethod
|
|
10327
|
+
"text": "InitializedPaymentMethod"
|
|
9034
10328
|
},
|
|
10329
|
+
"description": "Payment method configuration",
|
|
9035
10330
|
"fieldName": "paymentMethod"
|
|
10331
|
+
},
|
|
10332
|
+
{
|
|
10333
|
+
"name": "disabled",
|
|
10334
|
+
"type": {
|
|
10335
|
+
"text": "boolean"
|
|
10336
|
+
},
|
|
10337
|
+
"default": "false",
|
|
10338
|
+
"description": "Disables component interaction when true",
|
|
10339
|
+
"fieldName": "disabled"
|
|
9036
10340
|
}
|
|
9037
10341
|
],
|
|
9038
10342
|
"superclass": {
|
|
9039
10343
|
"name": "LitElement",
|
|
9040
10344
|
"package": "lit"
|
|
9041
10345
|
},
|
|
9042
|
-
"tagName": "primer-
|
|
10346
|
+
"tagName": "primer-blik",
|
|
9043
10347
|
"customElement": true
|
|
9044
10348
|
}
|
|
9045
10349
|
],
|
|
9046
10350
|
"exports": [
|
|
9047
10351
|
{
|
|
9048
10352
|
"kind": "js",
|
|
9049
|
-
"name": "
|
|
10353
|
+
"name": "BlikComponent",
|
|
9050
10354
|
"declaration": {
|
|
9051
|
-
"name": "
|
|
9052
|
-
"module": "src/containers/
|
|
10355
|
+
"name": "BlikComponent",
|
|
10356
|
+
"module": "src/containers/blik/blik.component.ts"
|
|
9053
10357
|
}
|
|
9054
10358
|
},
|
|
9055
10359
|
{
|
|
9056
10360
|
"kind": "custom-element-definition",
|
|
9057
|
-
"name": "primer-
|
|
10361
|
+
"name": "primer-blik",
|
|
9058
10362
|
"declaration": {
|
|
9059
|
-
"name": "
|
|
9060
|
-
"module": "src/containers/
|
|
10363
|
+
"name": "BlikComponent",
|
|
10364
|
+
"module": "src/containers/blik/blik.component.ts"
|
|
9061
10365
|
}
|
|
9062
10366
|
}
|
|
9063
10367
|
]
|
|
9064
10368
|
},
|
|
9065
10369
|
{
|
|
9066
10370
|
"kind": "javascript-module",
|
|
9067
|
-
"path": "src/containers/
|
|
9068
|
-
"declarations": [
|
|
10371
|
+
"path": "src/containers/blik/blik.styles.ts",
|
|
10372
|
+
"declarations": [
|
|
10373
|
+
{
|
|
10374
|
+
"kind": "variable",
|
|
10375
|
+
"name": "styles",
|
|
10376
|
+
"default": "css` :host { display: flex; width: 100%; } .blik-container { width: 100%; display: flex; flex-direction: column; transition: all var(--primer-animation-duration) var(--primer-animation-easing); } .blik-container.expanded { border-radius: var(--primer-radius-medium); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); padding: var(--primer-space-large); } /* Button styles (collapsed state) */ primer-button.blik-button { width: 100%; } /* Override primer-button part styles for BLIK branding */ primer-button.blik-button::part(button) { /* BLIK brand requirement: Black background (#000000) with white logo */ background-color: #000000; border: none; color: var(--primer-color-text-primary); padding: 2px; display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); /* Fixed height for button - matches redirect payment method calculation */ height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); flex-shrink: 0; /* Prevent button from shrinking when form appears */ } /* Image container for button logo */ .image-container { display: flex; justify-content: center; align-items: center; min-width: 100px; height: 100%; flex-shrink: 0; flex-grow: 1; } /* Button logo */ img { max-width: 100px; width: 100%; height: auto; object-fit: cover; max-height: 98%; } /* Expanded content (form, loading, error states) */ .blik-expanded-content { width: 100%; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--primer-animation-duration) var(--primer-animation-easing); overflow: hidden; margin-top: var(--primer-space-medium); } .blik-container.expanded .blik-expanded-content { grid-template-rows: 1fr; } .blik-content-wrapper { overflow: hidden; } /* Input wrapper */ .blik-input-wrapper { display: flex; flex-direction: column; gap: var(--primer-space-small); } /* Input label */ .blik-label { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); font-weight: var(--primer-typography-body-medium-weight); line-height: var(--primer-typography-body-medium-line-height); color: var(--primer-color-text-primary); } /* Input field */ .blik-input { width: 100%; padding: var(--primer-space-medium); font-family: var(--primer-typography-body-large-font); font-size: var(--primer-typography-body-large-size); font-weight: var(--primer-typography-body-large-weight); line-height: var(--primer-typography-body-large-line-height); /* Increase spacing between digits for better 6-digit code readability */ letter-spacing: 0.25em; text-align: center; color: var(--primer-color-text-primary); background-color: var(--primer-color-background-outlined-default); border: 1px solid var(--primer-color-border-outlined-default); border-radius: var(--primer-radius-medium); outline: none; transition: border-color var(--primer-animation-duration) var(--primer-animation-easing); } .blik-input::placeholder { color: var(--primer-color-text-secondary); /* Reduce placeholder visibility to emphasize user input */ opacity: 0.5; } .blik-input:focus { border-color: var(--primer-color-border-outlined-focus); } .blik-input:disabled { background-color: var(--primer-color-background-outlined-disabled); border-color: var(--primer-color-border-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Loading state */ .blik-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--primer-space-large); padding: var(--primer-space-xlarge) var(--primer-space-medium); } /* Timeout warning */ .blik-timeout-warning { margin-top: var(--primer-space-medium); padding: var(--primer-space-small); font-size: var(--primer-typography-body-small-size); color: var(--primer-color-text-warning); text-align: center; border-radius: var(--primer-radius-small); background-color: var(--primer-color-surface-warning); } /* Error state */ .blik-error { display: flex; flex-direction: column; align-items: center; gap: var(--primer-space-medium); } .blik-error-message { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); font-weight: var(--primer-typography-body-medium-weight); line-height: var(--primer-typography-body-medium-line-height); color: var(--primer-color-text-primary); text-align: center; } /* Retry button */ .blik-retry-button { padding: var(--primer-space-medium) var(--primer-space-large); font-family: var(--primer-typography-title-large-font); font-size: var(--primer-typography-title-large-size); font-weight: var(--primer-typography-title-large-weight); line-height: var(--primer-typography-title-large-line-height); color: var(--primer-color-background-outlined-default); background-color: var(--primer-color-brand); border: none; border-radius: var(--primer-radius-medium); cursor: pointer; outline: none; transition: filter var(--primer-animation-duration) var(--primer-animation-easing); } .blik-retry-button:hover:not(:disabled) { filter: brightness(105%); } .blik-retry-button:active:not(:disabled) { filter: brightness(98%); } .blik-retry-button:focus-visible { outline: 2px solid var(--primer-color-brand); outline-offset: 2px; } .blik-retry-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } /* Disabled state styling */ :host([disabled]) { opacity: 0.6; cursor: not-allowed; } :host([disabled]) primer-button::part(button) { pointer-events: none; cursor: not-allowed; } :host([disabled]) img { filter: grayscale(100%); } /* Responsive typography for larger screens */ @media (min-width: 768px) { .blik-input { font-size: var(--primer-typography-title-large-size); } } `"
|
|
10377
|
+
}
|
|
10378
|
+
],
|
|
9069
10379
|
"exports": [
|
|
9070
10380
|
{
|
|
9071
10381
|
"kind": "js",
|
|
9072
|
-
"name": "
|
|
10382
|
+
"name": "styles",
|
|
9073
10383
|
"declaration": {
|
|
9074
|
-
"
|
|
10384
|
+
"name": "styles",
|
|
10385
|
+
"module": "src/containers/blik/blik.styles.ts"
|
|
9075
10386
|
}
|
|
9076
10387
|
}
|
|
9077
10388
|
]
|
|
9078
10389
|
},
|
|
9079
10390
|
{
|
|
9080
10391
|
"kind": "javascript-module",
|
|
9081
|
-
"path": "src/containers/
|
|
10392
|
+
"path": "src/containers/blik/blik.ts",
|
|
9082
10393
|
"declarations": [],
|
|
9083
10394
|
"exports": [
|
|
9084
10395
|
{
|
|
9085
10396
|
"kind": "js",
|
|
9086
|
-
"name": "
|
|
10397
|
+
"name": "Blik",
|
|
9087
10398
|
"declaration": {
|
|
9088
|
-
"name": "
|
|
9089
|
-
"module": "src/containers/
|
|
10399
|
+
"name": "BlikComponent",
|
|
10400
|
+
"module": "src/containers/blik/blik.ts"
|
|
9090
10401
|
}
|
|
9091
10402
|
}
|
|
9092
10403
|
]
|
|
@@ -9158,6 +10469,16 @@
|
|
|
9158
10469
|
"privacy": "private",
|
|
9159
10470
|
"default": "null"
|
|
9160
10471
|
},
|
|
10472
|
+
{
|
|
10473
|
+
"kind": "field",
|
|
10474
|
+
"name": "formErrorMessage",
|
|
10475
|
+
"type": {
|
|
10476
|
+
"text": "string | null"
|
|
10477
|
+
},
|
|
10478
|
+
"privacy": "private",
|
|
10479
|
+
"default": "null",
|
|
10480
|
+
"description": "Form-level error message to display"
|
|
10481
|
+
},
|
|
9161
10482
|
{
|
|
9162
10483
|
"kind": "field",
|
|
9163
10484
|
"name": "paymentMethodSelectionSent",
|
|
@@ -10653,10 +11974,10 @@
|
|
|
10653
11974
|
"exports": [
|
|
10654
11975
|
{
|
|
10655
11976
|
"kind": "js",
|
|
10656
|
-
"name": "
|
|
11977
|
+
"name": "PortalDialog",
|
|
10657
11978
|
"declaration": {
|
|
10658
11979
|
"name": "PortalDialogComponent",
|
|
10659
|
-
"module": "
|
|
11980
|
+
"module": "src/containers/portal-dialog/portal-dialog.ts"
|
|
10660
11981
|
}
|
|
10661
11982
|
},
|
|
10662
11983
|
{
|
|
@@ -13485,12 +14806,12 @@
|
|
|
13485
14806
|
},
|
|
13486
14807
|
{
|
|
13487
14808
|
"kind": "field",
|
|
13488
|
-
"name": "
|
|
14809
|
+
"name": "headlessUtils",
|
|
13489
14810
|
"type": {
|
|
13490
14811
|
"text": "HeadlessUtilsContextType"
|
|
13491
14812
|
},
|
|
13492
14813
|
"default": "null",
|
|
13493
|
-
"attribute": "
|
|
14814
|
+
"attribute": "headlessUtils"
|
|
13494
14815
|
},
|
|
13495
14816
|
{
|
|
13496
14817
|
"kind": "field",
|
|
@@ -13593,12 +14914,12 @@
|
|
|
13593
14914
|
"fieldName": "buttonText"
|
|
13594
14915
|
},
|
|
13595
14916
|
{
|
|
13596
|
-
"name": "
|
|
14917
|
+
"name": "headlessUtils",
|
|
13597
14918
|
"type": {
|
|
13598
14919
|
"text": "HeadlessUtilsContextType"
|
|
13599
14920
|
},
|
|
13600
14921
|
"default": "null",
|
|
13601
|
-
"fieldName": "
|
|
14922
|
+
"fieldName": "headlessUtils"
|
|
13602
14923
|
},
|
|
13603
14924
|
{
|
|
13604
14925
|
"name": "clientOptions",
|
|
@@ -15443,18 +16764,12 @@
|
|
|
15443
16764
|
{
|
|
15444
16765
|
"kind": "field",
|
|
15445
16766
|
"name": "loadManagerTask",
|
|
15446
|
-
"type": {
|
|
15447
|
-
"text": "Task<\n [NativePaymentMethodTypes | undefined],\n INativePaymentMethodManager\n >"
|
|
15448
|
-
},
|
|
15449
16767
|
"privacy": "private",
|
|
15450
|
-
"default": "new Task(this, { args: () => [
|
|
16768
|
+
"default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error(`No manager found for payment method type ${type}`); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'APPLE_PAY') { throw new Error( 'Invalid payment method type for Apple Pay component', ); } return managerEntry.manager; }, })"
|
|
15451
16769
|
},
|
|
15452
16770
|
{
|
|
15453
16771
|
"kind": "field",
|
|
15454
16772
|
"name": "renderButtonTask",
|
|
15455
|
-
"type": {
|
|
15456
|
-
"text": "Task<\n [INativePaymentMethodManager | undefined],\n IHeadlessPaymentMethodButton | undefined\n >"
|
|
15457
|
-
},
|
|
15458
16773
|
"privacy": "private",
|
|
15459
16774
|
"default": "new Task(this, { args: () => [this.loadManagerTask.value], task: async ([manager]) => { if (!manager) { return initialState; } // Ensure the component's DOM is updated await this.updateComplete; const buttonContainer = this.buttonContainerRef.value; if (!buttonContainer) { throw new Error('Button container not found'); } const button = manager.createButton(); // Calculate button height from the container const buttonHeight = calculateButtonHeight(buttonContainer); // Render to button container with height await button.render(buttonContainer as Element, { style: { buttonHeight, }, }); // Apply current disabled state to newly created button if (this.disabled) { await button.setDisabled(this.disabled); } // Apply disabled overlay if needed if (this.disabled) { await this.updateComplete; updateOverlayForContainer(this.disabled, this.buttonContainerRef); } return button; }, })"
|
|
15460
16775
|
}
|
|
@@ -15586,18 +16901,12 @@
|
|
|
15586
16901
|
{
|
|
15587
16902
|
"kind": "field",
|
|
15588
16903
|
"name": "loadManagerTask",
|
|
15589
|
-
"type": {
|
|
15590
|
-
"text": "Task<\n [NativePaymentMethodTypes | undefined],\n INativePaymentMethodManager\n >"
|
|
15591
|
-
},
|
|
15592
16904
|
"privacy": "private",
|
|
15593
|
-
"default": "new Task(this, { args: () => [
|
|
16905
|
+
"default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error(`No manager found for payment method type ${type}`); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'GOOGLE_PAY') { throw new Error( 'Invalid payment method type for Google Pay component', ); } return managerEntry.manager; }, })"
|
|
15594
16906
|
},
|
|
15595
16907
|
{
|
|
15596
16908
|
"kind": "field",
|
|
15597
16909
|
"name": "renderButtonTask",
|
|
15598
|
-
"type": {
|
|
15599
|
-
"text": "Task<\n [INativePaymentMethodManager | undefined],\n IHeadlessPaymentMethodButton | undefined\n >"
|
|
15600
|
-
},
|
|
15601
16910
|
"privacy": "private",
|
|
15602
16911
|
"default": "new Task(this, { args: () => [this.loadManagerTask.value], task: async ([manager]) => { if (!manager) { return initialState; } // Ensure the component's DOM is updated await this.updateComplete; const button = manager.createButton(); // Render to shadow root for full-width support await button.render(this.shadowRoot?.getRootNode() as Element, { style: { shadowRoot: true, // Google Pay doesn't use buttonHeight }, }); // Apply current disabled state to newly created button if (this.disabled) { await button.setDisabled(this.disabled); } // Apply disabled overlay if needed if (this.disabled && this.shadowRoot) { await this.updateComplete; updateOverlayForGooglePay(this.disabled, this.shadowRoot); } return button; }, })"
|
|
15603
16912
|
}
|
|
@@ -15737,18 +17046,12 @@
|
|
|
15737
17046
|
{
|
|
15738
17047
|
"kind": "field",
|
|
15739
17048
|
"name": "loadManagerTask",
|
|
15740
|
-
"type": {
|
|
15741
|
-
"text": "Task<\n [NativePaymentMethodTypes | undefined],\n INativePaymentMethodManager\n >"
|
|
15742
|
-
},
|
|
15743
17049
|
"privacy": "private",
|
|
15744
|
-
"default": "new Task(this, { args: () => [
|
|
17050
|
+
"default": "new Task(this, { args: () => [this.paymentMethod?.type], task: ([type]) => { if (!type) { return initialState; } const managerEntry = this.paymentManagers.get(type); if (!managerEntry) { throw new Error(`No manager found for payment method type ${type}`); } // TypeScript narrows the union type based on the payment method type check if (managerEntry.type !== 'PAYPAL') { throw new Error('Invalid payment method type for PayPal component'); } return managerEntry.manager; }, })"
|
|
15745
17051
|
},
|
|
15746
17052
|
{
|
|
15747
17053
|
"kind": "field",
|
|
15748
17054
|
"name": "renderButtonTask",
|
|
15749
|
-
"type": {
|
|
15750
|
-
"text": "Task<\n [INativePaymentMethodManager | undefined],\n IHeadlessPaymentMethodButton | undefined\n >"
|
|
15751
|
-
},
|
|
15752
17055
|
"privacy": "private",
|
|
15753
17056
|
"default": "new Task(this, { args: () => [this.loadManagerTask.value], task: async ([manager]) => { if (!manager) { return initialState; } // Ensure the component's DOM is updated await this.updateComplete; const buttonContainer = this.buttonContainerRef.value; if (!buttonContainer) { throw new Error('Button container not found'); } const button = manager.createButton(); // Calculate button height from the container const buttonHeight = calculateButtonHeight(buttonContainer); // Apply PayPal SDK height constraints (25-55px) const constrainedHeight = getPayPalConstrainedHeight(buttonHeight); // Warn if height exceeds maximum const PAYPAL_MAX_HEIGHT = 55; if (buttonHeight > PAYPAL_MAX_HEIGHT) { PrimerJSLogger.warn( `PayPal button height (${buttonHeight}px) exceeds maximum allowed height of ${PAYPAL_MAX_HEIGHT}px. Button will be capped at ${PAYPAL_MAX_HEIGHT}px. This is a PayPal SDK limitation.`, ); } // Render to button container with constrained height await button.render(buttonContainer as Element, { style: { buttonHeight: constrainedHeight, }, }); // Apply current disabled state to newly created button if (this.disabled) { await button.setDisabled(this.disabled); } // Apply disabled overlay if needed if (this.disabled) { await this.updateComplete; updateOverlayForContainer(this.disabled, this.buttonContainerRef); } return button; }, })"
|
|
15754
17057
|
}
|
|
@@ -16062,6 +17365,10 @@
|
|
|
16062
17365
|
},
|
|
16063
17366
|
"tagName": "primer-vault-cvv-input",
|
|
16064
17367
|
"customElement": true
|
|
17368
|
+
},
|
|
17369
|
+
{
|
|
17370
|
+
"kind": "variable",
|
|
17371
|
+
"name": "container"
|
|
16065
17372
|
}
|
|
16066
17373
|
],
|
|
16067
17374
|
"exports": [
|