@primer-io/primer-js 0.6.0 → 0.7.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 +6 -0
- package/dist/custom-elements.json +592 -263
- package/dist/jsx/index.d.ts +4 -0
- package/dist/primer-loader.d.ts +588 -36
- package/dist/primer-loader.js +10 -10
- package/dist/web-types.json +6 -1
- package/package.json +2 -1
|
@@ -42,11 +42,6 @@
|
|
|
42
42
|
},
|
|
43
43
|
"default": "{detectedCardNetwork:null,selectableCardNetworks:[],isLoading:!0}"
|
|
44
44
|
},
|
|
45
|
-
{
|
|
46
|
-
"kind": "variable",
|
|
47
|
-
"name": "Xr",
|
|
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
|
-
},
|
|
50
45
|
{
|
|
51
46
|
"kind": "function",
|
|
52
47
|
"name": "t",
|
|
@@ -80,41 +75,51 @@
|
|
|
80
75
|
}
|
|
81
76
|
]
|
|
82
77
|
},
|
|
78
|
+
{
|
|
79
|
+
"kind": "variable",
|
|
80
|
+
"name": "Xr",
|
|
81
|
+
"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}}"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"kind": "variable",
|
|
85
|
+
"name": "Qr",
|
|
86
|
+
"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}}"
|
|
87
|
+
},
|
|
83
88
|
{
|
|
84
89
|
"kind": "variable",
|
|
85
90
|
"name": "le",
|
|
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?
|
|
91
|
+
"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?Do(this.secureHtmlContent)?m`${Va(this.secureHtmlContent.content)}`:(P.warn(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),g):g}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>`:g}connectedCallback(){super.connectedCallback(),this.open||this.openDialog()}updated(e){if(super.updated(e),e.has(\"secureHtmlContent\")){let r=this.secureHtmlContent;r&&!Do(r)&&(P.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
92
|
},
|
|
88
93
|
{
|
|
89
94
|
"kind": "variable",
|
|
90
95
|
"name": "Ae",
|
|
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
|
|
96
|
+
"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 Kr(this),this.sdkStateController=new zr(this),this.primerEventsController=new Yt(this),this.styleProcessingController=new Gr(this),this.vaultManagerController=new ir(this),this.cardNetworkController=new Sr(this),this.achPaymentEventsController=new Ei(this),this.headlessSdkController=new bi(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}get primerJS(){return this.headlessSdkController?.primerJSInstance??void 0}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===Rc.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&&(To(this.options?.locale)?this.locale=Mo(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),xo(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,J({eventName:\"CHECKOUT_FLOW_STARTED\"})),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,r=e.isLoading,o=e.primerJsError,n=!r&&!o;return m` ${k(r,()=>g)} ${k(o,()=>m`<primer-checkout-error></primer-checkout-error>`)} ${k(n,()=>m`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${k(this.hasAssignedContent,()=>g,()=>m`<primer-main></primer-main>`)} `,()=>g)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
92
97
|
},
|
|
93
98
|
{
|
|
94
99
|
"kind": "function",
|
|
95
|
-
"name": "
|
|
100
|
+
"name": "Ga"
|
|
96
101
|
},
|
|
97
102
|
{
|
|
98
103
|
"kind": "function",
|
|
99
|
-
"name": "
|
|
104
|
+
"name": "ja"
|
|
100
105
|
},
|
|
101
106
|
{
|
|
102
107
|
"kind": "function",
|
|
103
|
-
"name": "
|
|
108
|
+
"name": "Uc"
|
|
104
109
|
},
|
|
105
110
|
{
|
|
106
111
|
"kind": "function",
|
|
107
|
-
"name": "
|
|
112
|
+
"name": "Yc"
|
|
108
113
|
},
|
|
109
114
|
{
|
|
110
115
|
"kind": "variable",
|
|
111
116
|
"name": "Ve",
|
|
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
|
|
117
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Yo)return Yo[this.size];let e=parseInt(this.size,10);return isNaN(e)?Yo.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
118
|
},
|
|
114
119
|
{
|
|
115
120
|
"kind": "variable",
|
|
116
121
|
"name": "Ue",
|
|
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
|
|
122
|
+
"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 n=o.querySelector(\"primer-input\");if(n)return n}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
123
|
},
|
|
119
124
|
{
|
|
120
125
|
"kind": "variable",
|
|
@@ -123,8 +128,8 @@
|
|
|
123
128
|
},
|
|
124
129
|
{
|
|
125
130
|
"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?
|
|
131
|
+
"name": "ge",
|
|
132
|
+
"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?g:m`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return g;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
133
|
},
|
|
129
134
|
{
|
|
130
135
|
"kind": "variable",
|
|
@@ -133,8 +138,8 @@
|
|
|
133
138
|
},
|
|
134
139
|
{
|
|
135
140
|
"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?
|
|
141
|
+
"name": "Ye",
|
|
142
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Qa[this.name]:null;return m`<div style=\"--internal-icon-color: ${this.color}\">${e||m`<slot></slot>`}</div>`}}"
|
|
138
143
|
},
|
|
139
144
|
{
|
|
140
145
|
"kind": "variable",
|
|
@@ -143,13 +148,13 @@
|
|
|
143
148
|
},
|
|
144
149
|
{
|
|
145
150
|
"kind": "variable",
|
|
146
|
-
"name": "
|
|
151
|
+
"name": "B",
|
|
147
152
|
"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
153
|
},
|
|
149
154
|
{
|
|
150
155
|
"kind": "variable",
|
|
151
|
-
"name": "
|
|
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=${
|
|
156
|
+
"name": "fe",
|
|
157
|
+
"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=${os(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
158
|
},
|
|
154
159
|
{
|
|
155
160
|
"kind": "variable",
|
|
@@ -158,13 +163,13 @@
|
|
|
158
163
|
},
|
|
159
164
|
{
|
|
160
165
|
"kind": "variable",
|
|
161
|
-
"name": "
|
|
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
|
|
166
|
+
"name": "Be",
|
|
167
|
+
"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 g;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
168
|
},
|
|
164
169
|
{
|
|
165
170
|
"kind": "variable",
|
|
166
171
|
"name": "ht",
|
|
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
|
|
172
|
+
"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 n=this.getContainer();o.forEach(a=>n.appendChild(a))}}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
173
|
},
|
|
169
174
|
{
|
|
170
175
|
"kind": "variable",
|
|
@@ -174,112 +179,112 @@
|
|
|
174
179
|
{
|
|
175
180
|
"kind": "variable",
|
|
176
181
|
"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=
|
|
182
|
+
"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=E(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new D(this,{task:async([e,r])=>{if(!e||!r)return R;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){P.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){P.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>`:g}<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()} >${E(\"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>${E(\"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>`:g})}}"
|
|
178
183
|
},
|
|
179
184
|
{
|
|
180
185
|
"kind": "variable",
|
|
181
|
-
"name": "
|
|
182
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;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,
|
|
186
|
+
"name": "Fe",
|
|
187
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;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,Ai(this.disabled,this.shadowRoot)),r}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let n=o!==null,a=this.renderButtonTask.value;a&&a.setDisabled(n)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&Ai(this.disabled,this.shadowRoot)}render(){return g}}"
|
|
183
188
|
},
|
|
184
189
|
{
|
|
185
190
|
"kind": "variable",
|
|
186
|
-
"name": "
|
|
187
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Lt();this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),
|
|
191
|
+
"name": "He",
|
|
192
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Lt();this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),n=Pi(r);return await o.render(r,{style:{buttonHeight:n}}),this.disabled&&await o.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,jt(this.disabled,this.buttonContainerRef)),o}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let n=o!==null,a=this.renderButtonTask.value;a&&a.setDisabled(n)}}updated(e){e.has(\"disabled\")&&jt(this.disabled,this.buttonContainerRef)}render(){return m`<div class=\"native-button-container\" ${ft(this.buttonContainerRef)} ></div>`}}"
|
|
188
193
|
},
|
|
189
194
|
{
|
|
190
195
|
"kind": "variable",
|
|
191
196
|
"name": "ze",
|
|
192
|
-
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Lt();this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),
|
|
197
|
+
"default": "class extends v{constructor(){super();this.paymentManagers=new Map;this.disabled=!1;this.buttonContainerRef=Lt();this.loadManagerTask=new D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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 D(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let o=e.createButton(),n=Pi(this),a=fs(n),s=55;return n>s&&P.warn(`PayPal button height (${n}px) exceeds maximum allowed height of ${s}px. Button will be capped at ${s}px. This is a PayPal SDK limitation.`),await o.render(r,{style:{buttonHeight:a}}),this.disabled&&await o.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,jt(this.disabled,this.buttonContainerRef)),o}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let n=o!==null,a=this.renderButtonTask.value;a&&a.setDisabled(n)}}updated(e){e.has(\"disabled\")&&jt(this.disabled,this.buttonContainerRef)}render(){return m`<div class=\"native-button-container\" ${ft(this.buttonContainerRef)} ></div>`}}"
|
|
193
198
|
},
|
|
194
199
|
{
|
|
195
200
|
"kind": "variable",
|
|
196
201
|
"name": "ve",
|
|
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 D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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=
|
|
202
|
+
"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 D(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return R;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=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",P.error(\"Payment method type not available\");return}let r=this.paymentManagers.get(e);if(!r||r.type!==\"ADYEN_BLIK\"){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",P.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,a=o.replace(/\\D/g,\"\").slice(0,6);o!==a&&(r.value=a),this.blikCode=a,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\"),a.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=E(\"sixDigitCodeErrorTooShort\",{id:\"sixDigitCodeErrorTooShort\"}),this.currentState=\"error\";return}let e=this.loadManagerTask.value;if(!e){this.errorMessage=\"BLIK payment method not initialized\",this.currentState=\"error\",P.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:E(\"tokenizationError\",{id:\"tokenizationError\"}),P.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=\"${E(\"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\">${E(\"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=\"${E(\"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>`:g}</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||E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}</div><button class=\"blik-retry-button\" @click=\"${this.handleRetry}\" ?disabled=\"${this.disabled}\" >${E(\"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 g}}disconnectedCallback(){super.disconnectedCallback(),this.stopPollingTimer()}render(){return m`<div class=\"blik-container ${this.currentState!==\"collapsed\"?\"expanded\":\"\"}\" >${this.renderCollapsed()} ${this.currentState!==\"collapsed\"?this.renderExpandedState():g}</div>`}}"
|
|
198
203
|
},
|
|
199
204
|
{
|
|
200
205
|
"kind": "variable",
|
|
201
206
|
"name": "Le",
|
|
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&&
|
|
207
|
+
"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&&J({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:this.type})}render(){if(!this.type)return g;let e=this.paymentMethods?.get(this.type);if(!e)return g;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===yr.GOOGLE_PAY?r=m`<primer-google-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-google-pay>`:o===yr.APPLE_PAY?r=m`<primer-apple-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-apple-pay>`:o===yr.PAYPAL?r=m`<primer-paypal .paymentMethod=${e} ?disabled=${this.disabled} ></primer-paypal>`:o===yr.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 g}return m`<div @click=${this.handleClick}>${r}</div>`}}"
|
|
203
208
|
},
|
|
204
209
|
{
|
|
205
210
|
"kind": "variable",
|
|
206
|
-
"name": "
|
|
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?
|
|
211
|
+
"name": "we",
|
|
212
|
+
"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?g: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
213
|
},
|
|
209
214
|
{
|
|
210
215
|
"kind": "variable",
|
|
211
|
-
"name": "
|
|
212
|
-
"default": "class extends v{constructor(){super(...arguments);this.formController=new
|
|
216
|
+
"name": "Se",
|
|
217
|
+
"default": "class extends v{constructor(){super(...arguments);this.formController=new xi(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 D(this,{task:([e])=>e!==\"STRIPE_ACH\"?R: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>${E(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${E(\"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\">${E(\"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:g}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${E(\"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:g}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${E(\"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:g}</primer-input-error></primer-input-wrapper><p>${E(\"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} >${E(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return m`<h2>${E(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??E(\"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} >${E(\"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} >${E(\"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():g})}}"
|
|
213
218
|
},
|
|
214
219
|
{
|
|
215
220
|
"kind": "variable",
|
|
216
|
-
"name": "
|
|
217
|
-
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:([e,r])=>!e||!r?R:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:([e,r])=>{if(!e||!r)return R;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}:R},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:([e,r])=>!e||!r?R:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Cr(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),
|
|
221
|
+
"name": "Ie",
|
|
222
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new D(this,{task:([e,r])=>!e||!r?R:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:([e,r])=>{if(!e||!r)return R;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}:R},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:([e,r])=>!e||!r?R:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Cr(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),E(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>`:g}render(){return this._setupTasks.render({error:()=>g,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=\"${E(\"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
223
|
},
|
|
219
224
|
{
|
|
220
225
|
"kind": "variable",
|
|
221
|
-
"name": "
|
|
222
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:([e,r])=>!e||!r?R:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:([e,r])=>{if(!e||!r)return R;let o=r.getPaymentMethodConfiguration(e);if(!o)return R;let
|
|
226
|
+
"name": "ke",
|
|
227
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new D(this,{task:([e,r])=>!e||!r?R:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new D(this,{task:([e,r])=>{if(!e||!r)return R;let o=r.getPaymentMethodConfiguration(e);if(!o)return R;let n=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,a=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:n,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:a}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new D(this,{task:([e,r])=>!e||!r?R:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Cr(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),E(r,{id:r})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>g,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=\"${E(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
|
|
223
228
|
},
|
|
224
229
|
{
|
|
225
230
|
"kind": "variable",
|
|
226
231
|
"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 D(this,{task:async([e,r])=>{if(!e||!r)return R;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(
|
|
232
|
+
"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 D(this,{task:async([e,r])=>{if(!e||!r)return R;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(Go).reduce((n,a)=>({...n,[a]:o[a]??!1}),{})}}return this.defaultFieldConfig}async initializeCountryOptions(){try{let e=Ko(\"en\");this.countryOptions=[...e.map(([n,a])=>({value:n,label:a}))],this.requestUpdate(\"countryOptions\");let r=_o();if(r===\"en\"||r===\"en-GB\"||r.startsWith(\"en-\"))return;if(await xs(r)){let n=Ko(r);this.countryOptions=[...n.map(([a,s])=>({value:a,label:s}))],this.requestUpdate(\"countryOptions\")}}catch(e){P.errorWithDatadog(\"Failed to load country locale\",{error:e})}}get fieldConfig(){return this.extractFieldConfig(this.configuration)}get defaultFieldConfig(){return Object.keys(Go).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 n=`${e}ErrorRequired`;this.errors={...this.errors,[e]:E(\"This field is required\",{id:n})}}else{let n={...this.errors};delete n[e],this.errors=n}}validateForm(){return Object.keys(Go).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 P.errorWithDatadog(\"Failed to set billing address\",{error:e}),!1}return!0}shouldShowError(e){let r=!!this.errors[e],o=this.dirtyFields.has(e),n=this.touchedFields.has(e);return r&&(this.submitted||o&&n)}render(){return this._initializationTask.render({pending:()=>g,error:()=>g,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),m`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${E(\"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\">${E(\"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=${E(\"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\">${E(\"First name\",{id:\"firstNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"firstName\" name=\"firstName\" type=\"text\" .value=${this.formData.firstName||\"\"} placeholder=${E(\"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\">${E(\"Last name\",{id:\"lastNameLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"lastName\" name=\"lastName\" type=\"text\" .value=${this.formData.lastName||\"\"} placeholder=${E(\"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\">${E(\"Address line 1\",{id:\"addressLine1\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine1\" name=\"addressLine1\" type=\"text\" .value=${this.formData.addressLine1||\"\"} placeholder=${E(\"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\">${E(\"Address line 2\",{id:\"addressLine2\"})}</primer-input-label><primer-input slot=\"input\" id=\"addressLine2\" name=\"addressLine2\" type=\"text\" .value=${this.formData.addressLine2||\"\"} placeholder=${E(\"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\">${E(\"Postal code\",{id:\"postalCodeLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"postalCode\" name=\"postalCode\" type=\"text\" .value=${this.formData.postalCode||\"\"} placeholder=${E(\"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\">${E(\"City\",{id:\"cityLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"city\" name=\"city\" type=\"text\" .value=${this.formData.city||\"\"} placeholder=${E(\"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\">${E(\"State / Region / County\",{id:\"stateLabel\"})}</primer-input-label><primer-input slot=\"input\" id=\"state\" name=\"state\" type=\"text\" .value=${this.formData.state||\"\"} placeholder=${E(\"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\",\"\"),g)})}}"
|
|
228
233
|
},
|
|
229
234
|
{
|
|
230
235
|
"kind": "variable",
|
|
231
|
-
"name": "
|
|
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
|
|
236
|
+
"name": "ne",
|
|
237
|
+
"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 _i(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=E(\"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:E(\"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:E(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new Wt(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 jo(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return m`<div class=\"loading-overlay\" ${yt({...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 g;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} ${yt({...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?g:m`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${yt({...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} ${yt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit></div>`,()=>g)}</div>`}render(){if(!this.vaultManagerContext?.enabled)return g;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return m` ${k(!this.vaultManagerContext?.showEmptyState&&!e,()=>g,()=>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} ${yt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>g)}<div class=\"vault-manager-content\">${k(!r&&!e,()=>m`<div class=\"content-container\"><primer-vault-empty-state ${yt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>g)} ${k(!r&&e,()=>m`<div class=\"content-container\">${k(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>g)}</div>${k(o,()=>this.renderLoadingOverlay(),()=>g)}</div></slot>`)} `}}"
|
|
233
238
|
},
|
|
234
239
|
{
|
|
235
240
|
"kind": "variable",
|
|
236
241
|
"name": "be",
|
|
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 D(this,{task:async([e,r,o])=>await
|
|
242
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new D(this,{task:async([e,r,o])=>await _i(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:()=>g,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",o=!1,n=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>`,()=>g)}</primer-button>${this.isEditMode?m`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${E(\"delete\",{id:\"delete\"})} ${n}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:g}</div></div>`}})}}"
|
|
238
243
|
},
|
|
239
244
|
{
|
|
240
245
|
"kind": "variable",
|
|
241
246
|
"name": "Re",
|
|
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>${
|
|
247
|
+
"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>${E(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?m`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?E(\"confirm\",{id:\"confirm\"}):E(\"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>`:g}</div>`}}"
|
|
243
248
|
},
|
|
244
249
|
{
|
|
245
250
|
"kind": "variable",
|
|
246
|
-
"name": "
|
|
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} >${
|
|
251
|
+
"name": "Pe",
|
|
252
|
+
"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} >${E(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?E(\"deleting\",{id:\"deleting\"}):E(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
|
|
248
253
|
},
|
|
249
254
|
{
|
|
250
255
|
"kind": "variable",
|
|
251
256
|
"name": "et",
|
|
252
|
-
"default": "class extends v{render(){return m`<div class=\"empty-state\"><p>${
|
|
257
|
+
"default": "class extends v{render(){return m`<div class=\"empty-state\"><p>${E(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
253
258
|
},
|
|
254
259
|
{
|
|
255
260
|
"kind": "variable",
|
|
256
261
|
"name": "Ke",
|
|
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=${
|
|
262
|
+
"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=${E(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
|
|
258
263
|
},
|
|
259
264
|
{
|
|
260
265
|
"kind": "variable",
|
|
261
266
|
"name": "X",
|
|
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:
|
|
267
|
+
"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:E(\"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}`:g;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>`}}"
|
|
263
268
|
},
|
|
264
269
|
{
|
|
265
270
|
"kind": "variable",
|
|
266
|
-
"name": "
|
|
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 D(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?R:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=ki(this.computedStyles),
|
|
271
|
+
"name": "j",
|
|
272
|
+
"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 D(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?R:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new D(this,{task:async([e])=>{if(!e)return R;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=ki(this.computedStyles),n=o?{input:{base:o}}:void 0,a={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:n};this.cvvInput=await e.createCvvInput?.(a)??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:()=>g,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\">${E(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
268
273
|
},
|
|
269
274
|
{
|
|
270
275
|
"kind": "variable",
|
|
271
|
-
"name": "
|
|
272
|
-
"default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return
|
|
276
|
+
"name": "Ge",
|
|
277
|
+
"default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return g;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===\"paypal\"?m`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></span></div></span>`: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>`:g}}"
|
|
273
278
|
},
|
|
274
279
|
{
|
|
275
280
|
"kind": "variable",
|
|
276
281
|
"name": "Q",
|
|
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 z(this,{context:
|
|
282
|
+
"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 z(this,{context:qt,initialValue:null});this.eventsController=new Yt(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new D(this,{task:([e])=>{if(!e?.manager)return R;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:n,expiryInput:a,cvvInput:s}=o;return this.cardFormProvider.setValue({cardholderNameInput:o.cardholderNameInput,cardNumberInput:n,expiryInput:a,cvvInput:s,setCardholderName:l=>{r.setCardholderName(l),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let f=c?.validationErrors?.find(A=>A.name===qs.cardholderName),h=this.inputControllers.get(\"cardholderName\");h&&h.updateMetaFromValidation({valid:!1,error:f?.message||f?.error||null,errorCode:f?.message||f?.error||null})})},setCardNetwork:l=>{this.selectedCardNetwork=l},validate:()=>r.validate(),submit:l=>r.submit(l),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:l=>{this.inputControllers.forEach(c=>{c.setSubmitted(l)})},propagateValidationErrors:l=>{l&&l.forEach(c=>{let u=c.field||c.name,f=c.message||c.error,h=qs[u];if(h){let A=this.inputControllers.get(h);if(A){let x={valid:!1,error:f,errorCode:f};A.updateMetaFromValidation(x)}}})},registerInputController:(l,c)=>{this.inputControllers.set(l,c)},unregisterInputController:l=>{this.inputControllers.delete(l)},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 n=o;this.isSubmitButton(n)&&(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,J({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\"),n=e?.meta?.dirty===!0,a=r?.meta?.dirty===!0,s=o?.meta?.dirty===!0,l=!0;this.shouldRequireCardholderName&&(l=this.inputControllers.get(\"cardholderName\")?.meta?.dirty===!0),n&&a&&s&&l&&(this.sendPaymentDetailsEnteredEvent(),this.paymentDetailsEnteredSent=!0)}sendPaymentDetailsEnteredEvent(){J({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\",n=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||n&&(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 n=await e.validate?.();if(n?.valid&&o){if(r&&!await r.submitToSDK()){let c=E(\"tokenizationError\",{id:\"tokenizationError\"});this.formErrorMessage=c,this.eventsController.dispatchFormSubmitErrors([{field:\"billingAddress\",name:\"billingAddress\",error:\"BILLING_ADDRESS_SUBMISSION_FAILED\",message:c}]);return}let a=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(a);let s={success:!0};this.eventsController.dispatchFormSubmitSuccess(s)}else{let a=n?.validationErrors;e.propagateValidationErrors?.(a||[]),this.cardFormProvider.setValue({...e,errors:a}),this.eventsController.dispatchFormSubmitErrors(a)}}render(){return this.setupCardFormTask.status===pt.ERROR||this.setupCardFormTask.status===pt.INITIAL?g:m`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>k(this.hasAssignedContent,()=>g,()=>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>`,()=>g)}<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>`}}"
|
|
278
283
|
},
|
|
279
284
|
{
|
|
280
285
|
"kind": "variable",
|
|
281
286
|
"name": "tt",
|
|
282
|
-
"default": "class extends de{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===
|
|
287
|
+
"default": "class extends de{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===pt.ERROR)return g;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 >`,()=>g)}<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\">${E(r,{id:r})}</primer-input-error>`,()=>g)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
283
288
|
},
|
|
284
289
|
{
|
|
285
290
|
"kind": "variable",
|
|
@@ -299,41 +304,41 @@
|
|
|
299
304
|
{
|
|
300
305
|
"kind": "variable",
|
|
301
306
|
"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;
|
|
307
|
+
"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;J({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:E(\"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 g;let e=this.submitButtonConfig?.amountVisible?this.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:g,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>`}}"
|
|
303
308
|
},
|
|
304
309
|
{
|
|
305
310
|
"kind": "variable",
|
|
306
311
|
"name": "ce",
|
|
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=Lt();this.dropdownRef=Lt();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 ${
|
|
312
|
+
"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=Lt();this.dropdownRef=Lt();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=${n=>{(n.key===\" \"||n.key===\"Enter\")&&o&&(n.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:g} aria-haspopup=${o?\"true\":g} aria-controls=${o?\"network-dropdown\":g} ><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>`,()=>g)}</button>${k(this.isDropdownOpen,()=>m`<div ${ft(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((n,a)=>m`<div ${ft(s=>this.setNetworkOptionRef(s,a))} class=\"network-option ${this.isKeyboardNavigation&&a===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${s=>this.selectNetwork(s,n)} @keydown=${s=>{(s.key===\"Enter\"||s.key===\" \")&&this.selectNetwork(s,n)}} role=\"option\" aria-selected=${n.network===r.network} tabindex=\"${a===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(n)} alt=${n.displayName} /><span class=\"network-name\">${n.displayName}</span>${k(n.network===r.network,()=>m`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>g)}</div>`)}</div>`,()=>g)} `}}"
|
|
308
313
|
},
|
|
309
314
|
{
|
|
310
315
|
"kind": "variable",
|
|
311
316
|
"name": "bt",
|
|
312
|
-
"default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return
|
|
317
|
+
"default": "class extends v{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return g;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=\"${E(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
|
|
313
318
|
},
|
|
314
319
|
{
|
|
315
320
|
"kind": "variable",
|
|
316
|
-
"name": "
|
|
321
|
+
"name": "Jt",
|
|
317
322
|
"default": "class extends v{render(){return m`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
318
323
|
},
|
|
319
324
|
{
|
|
320
325
|
"kind": "variable",
|
|
321
326
|
"name": "Rt",
|
|
322
|
-
"default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return m`<primer-checkout-state type=\"failure\" description=${this.sdkState?.
|
|
327
|
+
"default": "class extends v{constructor(){super(...arguments);this.sdkState=null}render(){return m`<primer-checkout-state type=\"failure\" description=${this.sdkState?.primerJsError?.message||\"\"} ></primer-checkout-state>`}}"
|
|
323
328
|
},
|
|
324
329
|
{
|
|
325
330
|
"kind": "variable",
|
|
326
|
-
"name": "
|
|
327
|
-
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.
|
|
331
|
+
"name": "nt",
|
|
332
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.paymentFailure&&this.showProcessingErrors)}render(){return this.sdkState?m`<primer-error-message message=\"${E(this.sdkState.paymentFailure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:g}}"
|
|
328
333
|
},
|
|
329
334
|
{
|
|
330
335
|
"kind": "variable",
|
|
331
|
-
"name": "
|
|
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,()=>
|
|
336
|
+
"name": "je",
|
|
337
|
+
"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,()=>g,()=>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>`)} `}}"
|
|
333
338
|
},
|
|
334
339
|
{
|
|
335
340
|
"kind": "function",
|
|
336
|
-
"name": "
|
|
341
|
+
"name": "ok"
|
|
337
342
|
}
|
|
338
343
|
],
|
|
339
344
|
"exports": [
|
|
@@ -357,7 +362,7 @@
|
|
|
357
362
|
"kind": "js",
|
|
358
363
|
"name": "AchPayment",
|
|
359
364
|
"declaration": {
|
|
360
|
-
"name": "
|
|
365
|
+
"name": "Se",
|
|
361
366
|
"module": "dist/primer-loader.js"
|
|
362
367
|
}
|
|
363
368
|
},
|
|
@@ -365,7 +370,7 @@
|
|
|
365
370
|
"kind": "js",
|
|
366
371
|
"name": "ApplePay",
|
|
367
372
|
"declaration": {
|
|
368
|
-
"name": "
|
|
373
|
+
"name": "He",
|
|
369
374
|
"module": "dist/primer-loader.js"
|
|
370
375
|
}
|
|
371
376
|
},
|
|
@@ -389,7 +394,7 @@
|
|
|
389
394
|
"kind": "js",
|
|
390
395
|
"name": "Button",
|
|
391
396
|
"declaration": {
|
|
392
|
-
"name": "
|
|
397
|
+
"name": "ge",
|
|
393
398
|
"module": "dist/primer-loader.js"
|
|
394
399
|
}
|
|
395
400
|
},
|
|
@@ -477,7 +482,7 @@
|
|
|
477
482
|
"kind": "js",
|
|
478
483
|
"name": "DynamicPayment",
|
|
479
484
|
"declaration": {
|
|
480
|
-
"name": "
|
|
485
|
+
"name": "Ie",
|
|
481
486
|
"module": "dist/primer-loader.js"
|
|
482
487
|
}
|
|
483
488
|
},
|
|
@@ -485,7 +490,7 @@
|
|
|
485
490
|
"kind": "js",
|
|
486
491
|
"name": "ErrorMessage",
|
|
487
492
|
"declaration": {
|
|
488
|
-
"name": "
|
|
493
|
+
"name": "Be",
|
|
489
494
|
"module": "dist/primer-loader.js"
|
|
490
495
|
}
|
|
491
496
|
},
|
|
@@ -493,7 +498,7 @@
|
|
|
493
498
|
"kind": "js",
|
|
494
499
|
"name": "ErrorMessageContainer",
|
|
495
500
|
"declaration": {
|
|
496
|
-
"name": "
|
|
501
|
+
"name": "nt",
|
|
497
502
|
"module": "dist/primer-loader.js"
|
|
498
503
|
}
|
|
499
504
|
},
|
|
@@ -501,7 +506,7 @@
|
|
|
501
506
|
"kind": "js",
|
|
502
507
|
"name": "GooglePay",
|
|
503
508
|
"declaration": {
|
|
504
|
-
"name": "
|
|
509
|
+
"name": "Fe",
|
|
505
510
|
"module": "dist/primer-loader.js"
|
|
506
511
|
}
|
|
507
512
|
},
|
|
@@ -513,11 +518,19 @@
|
|
|
513
518
|
"module": "dist/primer-loader.js"
|
|
514
519
|
}
|
|
515
520
|
},
|
|
521
|
+
{
|
|
522
|
+
"kind": "js",
|
|
523
|
+
"name": "InitializedVaultedPayments",
|
|
524
|
+
"declaration": {
|
|
525
|
+
"name": "Qr",
|
|
526
|
+
"module": "dist/primer-loader.js"
|
|
527
|
+
}
|
|
528
|
+
},
|
|
516
529
|
{
|
|
517
530
|
"kind": "js",
|
|
518
531
|
"name": "Input",
|
|
519
532
|
"declaration": {
|
|
520
|
-
"name": "
|
|
533
|
+
"name": "B",
|
|
521
534
|
"module": "dist/primer-loader.js"
|
|
522
535
|
}
|
|
523
536
|
},
|
|
@@ -557,7 +570,7 @@
|
|
|
557
570
|
"kind": "js",
|
|
558
571
|
"name": "PaymentMethodContainer",
|
|
559
572
|
"declaration": {
|
|
560
|
-
"name": "
|
|
573
|
+
"name": "we",
|
|
561
574
|
"module": "dist/primer-loader.js"
|
|
562
575
|
}
|
|
563
576
|
},
|
|
@@ -565,7 +578,7 @@
|
|
|
565
578
|
"kind": "js",
|
|
566
579
|
"name": "PaymentMethodContentComponent",
|
|
567
580
|
"declaration": {
|
|
568
|
-
"name": "
|
|
581
|
+
"name": "Ge",
|
|
569
582
|
"module": "dist/primer-loader.js"
|
|
570
583
|
}
|
|
571
584
|
},
|
|
@@ -589,7 +602,7 @@
|
|
|
589
602
|
"kind": "js",
|
|
590
603
|
"name": "PrimerCheckoutComplete",
|
|
591
604
|
"declaration": {
|
|
592
|
-
"name": "
|
|
605
|
+
"name": "Jt",
|
|
593
606
|
"module": "dist/primer-loader.js"
|
|
594
607
|
}
|
|
595
608
|
},
|
|
@@ -621,7 +634,7 @@
|
|
|
621
634
|
"kind": "js",
|
|
622
635
|
"name": "PrimerIcon",
|
|
623
636
|
"declaration": {
|
|
624
|
-
"name": "
|
|
637
|
+
"name": "Ye",
|
|
625
638
|
"module": "dist/primer-loader.js"
|
|
626
639
|
}
|
|
627
640
|
},
|
|
@@ -637,7 +650,7 @@
|
|
|
637
650
|
"kind": "js",
|
|
638
651
|
"name": "PrimerMain",
|
|
639
652
|
"declaration": {
|
|
640
|
-
"name": "
|
|
653
|
+
"name": "je",
|
|
641
654
|
"module": "dist/primer-loader.js"
|
|
642
655
|
}
|
|
643
656
|
},
|
|
@@ -645,7 +658,7 @@
|
|
|
645
658
|
"kind": "js",
|
|
646
659
|
"name": "RedirectPayment",
|
|
647
660
|
"declaration": {
|
|
648
|
-
"name": "
|
|
661
|
+
"name": "ke",
|
|
649
662
|
"module": "dist/primer-loader.js"
|
|
650
663
|
}
|
|
651
664
|
},
|
|
@@ -653,7 +666,7 @@
|
|
|
653
666
|
"kind": "js",
|
|
654
667
|
"name": "Select",
|
|
655
668
|
"declaration": {
|
|
656
|
-
"name": "
|
|
669
|
+
"name": "fe",
|
|
657
670
|
"module": "dist/primer-loader.js"
|
|
658
671
|
}
|
|
659
672
|
},
|
|
@@ -677,7 +690,7 @@
|
|
|
677
690
|
"kind": "js",
|
|
678
691
|
"name": "VaultCvvInput",
|
|
679
692
|
"declaration": {
|
|
680
|
-
"name": "
|
|
693
|
+
"name": "j",
|
|
681
694
|
"module": "dist/primer-loader.js"
|
|
682
695
|
}
|
|
683
696
|
},
|
|
@@ -685,7 +698,7 @@
|
|
|
685
698
|
"kind": "js",
|
|
686
699
|
"name": "VaultDeleteConfirmation",
|
|
687
700
|
"declaration": {
|
|
688
|
-
"name": "
|
|
701
|
+
"name": "Pe",
|
|
689
702
|
"module": "dist/primer-loader.js"
|
|
690
703
|
}
|
|
691
704
|
},
|
|
@@ -709,7 +722,7 @@
|
|
|
709
722
|
"kind": "js",
|
|
710
723
|
"name": "VaultManager",
|
|
711
724
|
"declaration": {
|
|
712
|
-
"name": "
|
|
725
|
+
"name": "ne",
|
|
713
726
|
"module": "dist/primer-loader.js"
|
|
714
727
|
}
|
|
715
728
|
},
|
|
@@ -741,7 +754,7 @@
|
|
|
741
754
|
"kind": "js",
|
|
742
755
|
"name": "injectDarkTheme",
|
|
743
756
|
"declaration": {
|
|
744
|
-
"name": "
|
|
757
|
+
"name": "Yc",
|
|
745
758
|
"module": "dist/primer-loader.js"
|
|
746
759
|
}
|
|
747
760
|
},
|
|
@@ -749,7 +762,7 @@
|
|
|
749
762
|
"kind": "js",
|
|
750
763
|
"name": "injectLightTheme",
|
|
751
764
|
"declaration": {
|
|
752
|
-
"name": "
|
|
765
|
+
"name": "Uc",
|
|
753
766
|
"module": "dist/primer-loader.js"
|
|
754
767
|
}
|
|
755
768
|
},
|
|
@@ -757,7 +770,7 @@
|
|
|
757
770
|
"kind": "js",
|
|
758
771
|
"name": "injectLoaderStyles",
|
|
759
772
|
"declaration": {
|
|
760
|
-
"name": "
|
|
773
|
+
"name": "Ga",
|
|
761
774
|
"module": "dist/primer-loader.js"
|
|
762
775
|
}
|
|
763
776
|
},
|
|
@@ -765,7 +778,7 @@
|
|
|
765
778
|
"kind": "js",
|
|
766
779
|
"name": "injectThemeStyles",
|
|
767
780
|
"declaration": {
|
|
768
|
-
"name": "
|
|
781
|
+
"name": "ja",
|
|
769
782
|
"module": "dist/primer-loader.js"
|
|
770
783
|
}
|
|
771
784
|
},
|
|
@@ -773,7 +786,7 @@
|
|
|
773
786
|
"kind": "js",
|
|
774
787
|
"name": "loadPrimer",
|
|
775
788
|
"declaration": {
|
|
776
|
-
"name": "
|
|
789
|
+
"name": "ok",
|
|
777
790
|
"module": "dist/primer-loader.js"
|
|
778
791
|
}
|
|
779
792
|
}
|
|
@@ -880,6 +893,46 @@
|
|
|
880
893
|
"module": "./controllers/primer-js"
|
|
881
894
|
}
|
|
882
895
|
},
|
|
896
|
+
{
|
|
897
|
+
"kind": "js",
|
|
898
|
+
"name": "PrepareHandler",
|
|
899
|
+
"declaration": {
|
|
900
|
+
"name": "PrepareHandler",
|
|
901
|
+
"module": "./controllers/primer-js"
|
|
902
|
+
}
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"kind": "js",
|
|
906
|
+
"name": "PaymentData",
|
|
907
|
+
"declaration": {
|
|
908
|
+
"name": "PaymentData",
|
|
909
|
+
"module": "./controllers/primer-js"
|
|
910
|
+
}
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"kind": "js",
|
|
914
|
+
"name": "PaymentSuccessData",
|
|
915
|
+
"declaration": {
|
|
916
|
+
"name": "PaymentSuccessData",
|
|
917
|
+
"module": "./controllers/primer-js"
|
|
918
|
+
}
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"kind": "js",
|
|
922
|
+
"name": "PaymentFailureData",
|
|
923
|
+
"declaration": {
|
|
924
|
+
"name": "PaymentFailureData",
|
|
925
|
+
"module": "./controllers/primer-js"
|
|
926
|
+
}
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"kind": "js",
|
|
930
|
+
"name": "Payment",
|
|
931
|
+
"declaration": {
|
|
932
|
+
"name": "Payment",
|
|
933
|
+
"module": "./types/compatibility-types"
|
|
934
|
+
}
|
|
935
|
+
},
|
|
883
936
|
{
|
|
884
937
|
"kind": "js",
|
|
885
938
|
"name": "PrimerCheckoutComponent",
|
|
@@ -888,6 +941,22 @@
|
|
|
888
941
|
"module": "src/loader.ts"
|
|
889
942
|
}
|
|
890
943
|
},
|
|
944
|
+
{
|
|
945
|
+
"kind": "js",
|
|
946
|
+
"name": "SdkState",
|
|
947
|
+
"declaration": {
|
|
948
|
+
"name": "SdkState",
|
|
949
|
+
"module": "./contexts/sdk-state-context"
|
|
950
|
+
}
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"kind": "js",
|
|
954
|
+
"name": "SdkStateContextType",
|
|
955
|
+
"declaration": {
|
|
956
|
+
"name": "SdkStateContextType",
|
|
957
|
+
"module": "./contexts/sdk-state-context"
|
|
958
|
+
}
|
|
959
|
+
},
|
|
891
960
|
{
|
|
892
961
|
"kind": "js",
|
|
893
962
|
"name": "injectLoaderStyles",
|
|
@@ -946,6 +1015,14 @@
|
|
|
946
1015
|
"text": "boolean"
|
|
947
1016
|
}
|
|
948
1017
|
},
|
|
1018
|
+
{
|
|
1019
|
+
"kind": "field",
|
|
1020
|
+
"name": "primerJS",
|
|
1021
|
+
"type": {
|
|
1022
|
+
"text": "PrimerJS | undefined"
|
|
1023
|
+
},
|
|
1024
|
+
"readonly": true
|
|
1025
|
+
},
|
|
949
1026
|
{
|
|
950
1027
|
"kind": "field",
|
|
951
1028
|
"name": "customStyles",
|
|
@@ -1106,6 +1183,14 @@
|
|
|
1106
1183
|
},
|
|
1107
1184
|
"default": "new AchPaymentEventsController(this)"
|
|
1108
1185
|
},
|
|
1186
|
+
{
|
|
1187
|
+
"kind": "field",
|
|
1188
|
+
"name": "headlessSdkController",
|
|
1189
|
+
"type": {
|
|
1190
|
+
"text": "HeadlessSdkController"
|
|
1191
|
+
},
|
|
1192
|
+
"default": "new HeadlessSdkController(this)"
|
|
1193
|
+
},
|
|
1109
1194
|
{
|
|
1110
1195
|
"kind": "method",
|
|
1111
1196
|
"name": "handleExternalCardSubmit",
|
|
@@ -2029,102 +2114,6 @@
|
|
|
2029
2114
|
}
|
|
2030
2115
|
]
|
|
2031
2116
|
},
|
|
2032
|
-
{
|
|
2033
|
-
"kind": "javascript-module",
|
|
2034
|
-
"path": "e2e/mocks/vaulting-card.ts",
|
|
2035
|
-
"declarations": [
|
|
2036
|
-
{
|
|
2037
|
-
"kind": "variable",
|
|
2038
|
-
"name": "settings",
|
|
2039
|
-
"type": {
|
|
2040
|
-
"text": "string"
|
|
2041
|
-
},
|
|
2042
|
-
"default": "'?settings=eyJjbGllbnRTZXNzaW9uQ29uZmlnIjp7ImN1c3RvbWVySWQiOiJjdXN0b21lcklkIiwib3JkZXJJZCI6IjM4NjYyIiwiYW1vdW50Ijo1MDAwLCJjdXJyZW5jeUNvZGUiOiJFVVIiLCJtZXRhZGF0YSI6e30sIm9yZGVyIjp7ImNvdW50cnlDb2RlIjoiRlIiLCJsaW5lSXRlbXMiOlt7Iml0ZW1JZCI6InByaW1lci1ob29kaWUtZ3JheSIsImRlc2NyaXB0aW9uIjoiUHJpbWVyIEhvb2RpZSIsImFtb3VudCI6NTAwMCwicXVhbnRpdHkiOjF9XX0sImN1c3RvbWVyIjp7ImJpbGxpbmdBZGRyZXNzIjp7ImNvdW50cnlDb2RlIjoiRlIifSwibmF0aW9uYWxEb2N1bWVudElkIjoiOTAxMTIxMTIzNDU2NyJ9LCJwYXltZW50TWV0aG9kIjp7InZhdWx0T25TdWNjZXNzIjp0cnVlLCJwYXltZW50VHlwZSI6IkZJUlNUX1BBWU1FTlQiLCJ2YXVsdE9uM0RTIjpmYWxzZSwib3B0aW9ucyI6eyJQQVlNRU5UX0NBUkQiOnsiY2FwdHVyZVZhdWx0ZWRDYXJkQ3Z2Ijp0cnVlfX0sIm9yZGVyZWRBbGxvd2VkQ2FyZE5ldHdvcmtzIjpbIlZJU0EiLCJNQVNURVJDQVJEIiwiQU1FWCIsIk1BRVNUUk8iLCJVTklPTlBBWSIsIkNBUlRFU19CQU5DQUlSRVMiLCJEQU5LT1JUIiwiRElORVJTX0NMVUIiLCJESVNDT1ZFUiIsIkVOUk9VVEUiLCJFTE8iLCJISVBFUiIsIklOVEVSQUMiLCJKQ0IiLCJNSVIiLCJPVEhFUiJdfX0sImNsaWVudE9wdGlvbnMiOnsiY2FyZCI6eyJwcmVmZXJyZWRGbG93IjoiRU1CRURERURfSU5fSE9NRSJ9LCJkaXJlY3REZWJpdCI6eyJjdXN0b21lckNvdW50cnlDb2RlIjoiRlIiLCJjb21wYW55TmFtZSI6IlByaW1lciBBUEkgTFREIiwiY29tcGFueUFkZHJlc3MiOiIxMjMgRmFrZSBTdCwgTG9uZG9uLCBFQzJBIDhYWSJ9LCJyZWRpcmVjdCI6eyJmb3JjZVJlZGlyZWN0IjpmYWxzZX0sImdvb2dsZVBheSI6eyJjYXB0dXJlQmlsbGluZ0FkZHJlc3MiOnRydWV9LCJwYXlwYWwiOnsicGF5bWVudEZsb3ciOiJQUkVGRVJfVkFVTFQifX0sImFwaUNvbmZpZyI6eyJhcGlLZXkiOiJmZTRkNzFiMi1mNzJmLTQ4NGItYjlkMS1hNDBkMDM0ZGRmNmMiLCJhcGlWZXJzaW9uIjoiMi4zIiwiZW52IjoiQ1VTVE9NX1NBTkRCT1gifSwiaGVhZGxlc3NPcHRpb25zIjp7InN0cmlwZSI6eyJwdWJsaXNoYWJsZUtleSI6InBrX3Rlc3RfNTFPOHpmUUtVSzZiWElkQzJ4UHZTUzZVdnJpRTlrd3B2dHR3QjdIOVBBemhOQVpvR3pMZ2lET3lkNFdvb296ZVdIeG9ScktvNmIyVmpaWXhOQ01YM1c3YmswMHJNRGl2amF1In0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9fSwibGl0Q29tcG9uZW50c09wdGlvbnMiOnsicGF5cGFsIjp7InBheW1lbnRGbG93IjoiUFJFRkVSX1ZBVUxUIn0sInZhdWx0Ijp7ImVuYWJsZWQiOnRydWV9LCJzZGtDb3JlIjpmYWxzZX19'"
|
|
2043
|
-
},
|
|
2044
|
-
{
|
|
2045
|
-
"kind": "variable",
|
|
2046
|
-
"name": "CONFIGURATION_RESPONSE",
|
|
2047
|
-
"type": {
|
|
2048
|
-
"text": "object"
|
|
2049
|
-
},
|
|
2050
|
-
"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: [], clientSession: { clientSessionId: '73195f20-be41-43ac-abad-d6fdf786c4cb', order: { orderId: '38662', currencyCode: 'EUR', countryCode: 'FR', totalOrderAmount: 5000, merchantAmount: 5000, lineItems: [ { itemId: 'primer-hoodie-gray', description: 'Primer Hoodie', amount: 5000, quantity: 1, }, ], }, customer: { customerId: 'customerId', billingAddress: { countryCode: 'FR', }, nationalDocumentId: '9011211234567', }, paymentMethod: { vaultOnSuccess: true, options: [ { type: 'PAYMENT_CARD', }, ], orderedAllowedCardNetworks: [ 'VISA', 'MASTERCARD', 'AMEX', 'MAESTRO', 'UNIONPAY', 'CARTES_BANCAIRES', 'DANKORT', 'DINERS_CLUB', 'DISCOVER', 'ENROUTE', 'ELO', 'HIPER', 'INTERAC', 'JCB', 'MIR', 'OTHER', ], vaultOnAgreement: false, }, }, primerAccountId: '6723b06a-37c5-4b93-87bf-9dadf4aa62f8', env: 'SANDBOX', paymentMethods: [ { id: '0b4775b8-4c43-4261-88ec-24d4f891912a', type: 'STRIPE_ACH', options: { merchantId: '7804d409-4caa-4fa8-8adb-ab34217d6c4e', merchantAccountId: '42dd7bba-3c06-5c50-b009-d1aafdd18a51', }, processorConfigId: '7804d409-4caa-4fa8-8adb-ab34217d6c4e', implementationType: 'NATIVE_SDK', name: 'Automated Clearing House (ACH)', displayMetadata: { button: { iconUrl: { dark: 'https://assets.sandbox.core.primer.io/BANK_TRANSFER/bank-transfer-logo-dark@3x.png', light: 'https://assets.sandbox.core.primer.io/BANK_TRANSFER/bank-transfer-logo-light@3x.png', }, backgroundColor: { dark: '#000000', light: '#FFFFFF', }, cornerRadius: 4, borderWidth: { dark: 1, light: 1, }, borderColor: { dark: '#FFFFFF', light: '#212121', }, text: 'Pay with ACH', textColor: { dark: '#FFFFFF', light: '#000000', }, }, popup: { width: 1050, height: 1300, }, }, forceRedirect: false, implementation: {}, }, { id: 'f7e3b1d5-9922-4269-8d69-98a021c3c7ab', type: 'PRIMER_TEST_KLARNA', options: { merchantId: 'acct_primer-test_1', merchantAccountId: 'f49628b3-fc15-5e89-a710-1ad4a78a1b3b', }, processorConfigId: '7799d7a0-21b3-4778-bac4-de4bb302a702', implementationType: 'NATIVE_SDK', name: 'Klarna', displayMetadata: { button: { iconUrl: { colored: 'https://assets.sandbox.core.primer.io/KLARNA/klarna-logo@3x.png', dark: 'https://assets.sandbox.core.primer.io/KLARNA/klarna-logo-dark@3x.png', light: 'https://assets.sandbox.core.primer.io/KLARNA/klarna-logo-light@3x.png', }, backgroundColor: { colored: '#FFB3C7', dark: '#000000', light: '#FFFFFF', }, cornerRadius: 4, borderWidth: { colored: 0, dark: 1, light: 1, }, borderColor: { colored: '#FFB3C7', dark: '#FFFFFF', light: '#212121', }, }, }, forceRedirect: false, implementation: {}, }, { id: 'f43bbce8-2d0c-497e-b35c-7eeb647e0f9f', type: 'NOL_PAY', options: { merchantId: 'b89640a1-f1fd-47ca-857a-dac21d52f778', merchantAccountId: 'a3b4cecc-2305-54db-86f5-9670e237ed2d', appId: '1301', }, processorConfigId: 'b89640a1-f1fd-47ca-857a-dac21d52f778', implementationType: 'NATIVE_SDK', name: 'Nol Pay', displayMetadata: { button: { iconUrl: { colored: 'https://assets.sandbox.core.primer.io/NOL_PAY/nol-pay-logo@3x.png', dark: 'https://assets.sandbox.core.primer.io/NOL_PAY/nol-pay-logo@3x.png', light: 'https://assets.sandbox.core.primer.io/NOL_PAY/nol-pay-logo-light@3x.png', }, backgroundColor: { colored: '#171e90', dark: '#000000', light: '#FFFFFF', }, cornerRadius: 4, borderWidth: { colored: 0, dark: 1, light: 1, }, borderColor: { colored: '#FFFFFF', dark: '#FFFFFF', light: '#212121', }, }, }, forceRedirect: false, implementation: {}, }, { type: 'PAYMENT_CARD', options: { threeDSecureProvider: '3DSECUREIO', threeDSecureEnabled: true, captureVaultedCardCvv: 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: {}, }"
|
|
2051
|
-
},
|
|
2052
|
-
{
|
|
2053
|
-
"kind": "variable",
|
|
2054
|
-
"name": "SUCCESSFUL_CARD_TO_VAULT",
|
|
2055
|
-
"type": {
|
|
2056
|
-
"text": "string"
|
|
2057
|
-
},
|
|
2058
|
-
"default": "'4000002500001001'"
|
|
2059
|
-
},
|
|
2060
|
-
{
|
|
2061
|
-
"kind": "function",
|
|
2062
|
-
"name": "mockPaymentInstruments",
|
|
2063
|
-
"parameters": [
|
|
2064
|
-
{
|
|
2065
|
-
"name": "page",
|
|
2066
|
-
"type": {
|
|
2067
|
-
"text": "Page"
|
|
2068
|
-
}
|
|
2069
|
-
}
|
|
2070
|
-
]
|
|
2071
|
-
},
|
|
2072
|
-
{
|
|
2073
|
-
"kind": "function",
|
|
2074
|
-
"name": "mockPayments",
|
|
2075
|
-
"parameters": [
|
|
2076
|
-
{
|
|
2077
|
-
"name": "page",
|
|
2078
|
-
"type": {
|
|
2079
|
-
"text": "Page"
|
|
2080
|
-
}
|
|
2081
|
-
}
|
|
2082
|
-
]
|
|
2083
|
-
}
|
|
2084
|
-
],
|
|
2085
|
-
"exports": [
|
|
2086
|
-
{
|
|
2087
|
-
"kind": "js",
|
|
2088
|
-
"name": "settings",
|
|
2089
|
-
"declaration": {
|
|
2090
|
-
"name": "settings",
|
|
2091
|
-
"module": "e2e/mocks/vaulting-card.ts"
|
|
2092
|
-
}
|
|
2093
|
-
},
|
|
2094
|
-
{
|
|
2095
|
-
"kind": "js",
|
|
2096
|
-
"name": "CONFIGURATION_RESPONSE",
|
|
2097
|
-
"declaration": {
|
|
2098
|
-
"name": "CONFIGURATION_RESPONSE",
|
|
2099
|
-
"module": "e2e/mocks/vaulting-card.ts"
|
|
2100
|
-
}
|
|
2101
|
-
},
|
|
2102
|
-
{
|
|
2103
|
-
"kind": "js",
|
|
2104
|
-
"name": "SUCCESSFUL_CARD_TO_VAULT",
|
|
2105
|
-
"declaration": {
|
|
2106
|
-
"name": "SUCCESSFUL_CARD_TO_VAULT",
|
|
2107
|
-
"module": "e2e/mocks/vaulting-card.ts"
|
|
2108
|
-
}
|
|
2109
|
-
},
|
|
2110
|
-
{
|
|
2111
|
-
"kind": "js",
|
|
2112
|
-
"name": "mockPaymentInstruments",
|
|
2113
|
-
"declaration": {
|
|
2114
|
-
"name": "mockPaymentInstruments",
|
|
2115
|
-
"module": "e2e/mocks/vaulting-card.ts"
|
|
2116
|
-
}
|
|
2117
|
-
},
|
|
2118
|
-
{
|
|
2119
|
-
"kind": "js",
|
|
2120
|
-
"name": "mockPayments",
|
|
2121
|
-
"declaration": {
|
|
2122
|
-
"name": "mockPayments",
|
|
2123
|
-
"module": "e2e/mocks/vaulting-card.ts"
|
|
2124
|
-
}
|
|
2125
|
-
}
|
|
2126
|
-
]
|
|
2127
|
-
},
|
|
2128
2117
|
{
|
|
2129
2118
|
"kind": "javascript-module",
|
|
2130
2119
|
"path": "e2e/tests/card-3ds.spec.ts",
|
|
@@ -2179,12 +2168,6 @@
|
|
|
2179
2168
|
"declarations": [],
|
|
2180
2169
|
"exports": []
|
|
2181
2170
|
},
|
|
2182
|
-
{
|
|
2183
|
-
"kind": "javascript-module",
|
|
2184
|
-
"path": "e2e/tests/vaulting-card.spec.ts",
|
|
2185
|
-
"declarations": [],
|
|
2186
|
-
"exports": []
|
|
2187
|
-
},
|
|
2188
2171
|
{
|
|
2189
2172
|
"kind": "javascript-module",
|
|
2190
2173
|
"path": "dist/chunks/ar.KRXB3WQO.js",
|
|
@@ -3979,6 +3962,62 @@
|
|
|
3979
3962
|
}
|
|
3980
3963
|
}
|
|
3981
3964
|
]
|
|
3965
|
+
},
|
|
3966
|
+
{
|
|
3967
|
+
"kind": "class",
|
|
3968
|
+
"description": "Wrapper class for vaulted payment methods that provides type-safe access\nto filtered vaulted payment method data.\n\nThis class mirrors the structure of InitializedPayments but for vault data,\nproviding a consistent API for merchants to access vaulted payment methods\nthrough events and callbacks.",
|
|
3969
|
+
"name": "InitializedVaultedPayments",
|
|
3970
|
+
"members": [
|
|
3971
|
+
{
|
|
3972
|
+
"kind": "field",
|
|
3973
|
+
"name": "_methods",
|
|
3974
|
+
"type": {
|
|
3975
|
+
"text": "VaultedPaymentMethodsMap"
|
|
3976
|
+
},
|
|
3977
|
+
"privacy": "private",
|
|
3978
|
+
"readonly": true,
|
|
3979
|
+
"default": "map"
|
|
3980
|
+
},
|
|
3981
|
+
{
|
|
3982
|
+
"kind": "method",
|
|
3983
|
+
"name": "get",
|
|
3984
|
+
"return": {
|
|
3985
|
+
"type": {
|
|
3986
|
+
"text": ""
|
|
3987
|
+
}
|
|
3988
|
+
},
|
|
3989
|
+
"parameters": [
|
|
3990
|
+
{
|
|
3991
|
+
"name": "id",
|
|
3992
|
+
"type": {
|
|
3993
|
+
"text": "string"
|
|
3994
|
+
},
|
|
3995
|
+
"description": "Payment method ID"
|
|
3996
|
+
}
|
|
3997
|
+
],
|
|
3998
|
+
"description": "Get a vaulted payment method by its ID"
|
|
3999
|
+
},
|
|
4000
|
+
{
|
|
4001
|
+
"kind": "method",
|
|
4002
|
+
"name": "toArray",
|
|
4003
|
+
"return": {
|
|
4004
|
+
"type": {
|
|
4005
|
+
"text": ""
|
|
4006
|
+
}
|
|
4007
|
+
},
|
|
4008
|
+
"description": "Get all vaulted payment methods as an array"
|
|
4009
|
+
},
|
|
4010
|
+
{
|
|
4011
|
+
"kind": "method",
|
|
4012
|
+
"name": "size",
|
|
4013
|
+
"return": {
|
|
4014
|
+
"type": {
|
|
4015
|
+
"text": ""
|
|
4016
|
+
}
|
|
4017
|
+
},
|
|
4018
|
+
"description": "Get the count of vaulted payment methods"
|
|
4019
|
+
}
|
|
4020
|
+
]
|
|
3982
4021
|
}
|
|
3983
4022
|
],
|
|
3984
4023
|
"exports": [
|
|
@@ -3989,6 +4028,14 @@
|
|
|
3989
4028
|
"name": "InitializedPayments",
|
|
3990
4029
|
"module": "src/contexts/payments-objects.ts"
|
|
3991
4030
|
}
|
|
4031
|
+
},
|
|
4032
|
+
{
|
|
4033
|
+
"kind": "js",
|
|
4034
|
+
"name": "InitializedVaultedPayments",
|
|
4035
|
+
"declaration": {
|
|
4036
|
+
"name": "InitializedVaultedPayments",
|
|
4037
|
+
"module": "src/contexts/payments-objects.ts"
|
|
4038
|
+
}
|
|
3992
4039
|
}
|
|
3993
4040
|
]
|
|
3994
4041
|
},
|
|
@@ -4233,6 +4280,14 @@
|
|
|
4233
4280
|
"text": "PaymentMethodInfo[]"
|
|
4234
4281
|
}
|
|
4235
4282
|
},
|
|
4283
|
+
{
|
|
4284
|
+
"kind": "field",
|
|
4285
|
+
"name": "primerJSInstance",
|
|
4286
|
+
"type": {
|
|
4287
|
+
"text": "PrimerJS | null"
|
|
4288
|
+
},
|
|
4289
|
+
"readonly": true
|
|
4290
|
+
},
|
|
4236
4291
|
{
|
|
4237
4292
|
"kind": "method",
|
|
4238
4293
|
"name": "hostConnected",
|
|
@@ -4433,14 +4488,83 @@
|
|
|
4433
4488
|
{
|
|
4434
4489
|
"name": "paymentMethods",
|
|
4435
4490
|
"type": {
|
|
4436
|
-
"text": "InitializedPayments"
|
|
4491
|
+
"text": "InitializedPayments"
|
|
4492
|
+
}
|
|
4493
|
+
}
|
|
4494
|
+
]
|
|
4495
|
+
},
|
|
4496
|
+
{
|
|
4497
|
+
"kind": "method",
|
|
4498
|
+
"name": "dispatchCheckoutInitialized",
|
|
4499
|
+
"return": {
|
|
4500
|
+
"type": {
|
|
4501
|
+
"text": "void"
|
|
4502
|
+
}
|
|
4503
|
+
},
|
|
4504
|
+
"parameters": [
|
|
4505
|
+
{
|
|
4506
|
+
"name": "checkoutInstance",
|
|
4507
|
+
"type": {
|
|
4508
|
+
"text": "PrimerJS"
|
|
4509
|
+
}
|
|
4510
|
+
}
|
|
4511
|
+
]
|
|
4512
|
+
},
|
|
4513
|
+
{
|
|
4514
|
+
"kind": "method",
|
|
4515
|
+
"name": "dispatchCardNetworkChange",
|
|
4516
|
+
"return": {
|
|
4517
|
+
"type": {
|
|
4518
|
+
"text": "void"
|
|
4519
|
+
}
|
|
4520
|
+
},
|
|
4521
|
+
"parameters": [
|
|
4522
|
+
{
|
|
4523
|
+
"name": "network",
|
|
4524
|
+
"type": {
|
|
4525
|
+
"text": "CardNetworksContextType"
|
|
4526
|
+
}
|
|
4527
|
+
}
|
|
4528
|
+
]
|
|
4529
|
+
},
|
|
4530
|
+
{
|
|
4531
|
+
"kind": "method",
|
|
4532
|
+
"name": "dispatchCardSubmit",
|
|
4533
|
+
"return": {
|
|
4534
|
+
"type": {
|
|
4535
|
+
"text": "void"
|
|
4536
|
+
}
|
|
4537
|
+
},
|
|
4538
|
+
"parameters": [
|
|
4539
|
+
{
|
|
4540
|
+
"name": "source",
|
|
4541
|
+
"optional": true,
|
|
4542
|
+
"type": {
|
|
4543
|
+
"text": "string"
|
|
4544
|
+
}
|
|
4545
|
+
}
|
|
4546
|
+
]
|
|
4547
|
+
},
|
|
4548
|
+
{
|
|
4549
|
+
"kind": "method",
|
|
4550
|
+
"name": "dispatchFormSubmitSuccess",
|
|
4551
|
+
"return": {
|
|
4552
|
+
"type": {
|
|
4553
|
+
"text": "void"
|
|
4554
|
+
}
|
|
4555
|
+
},
|
|
4556
|
+
"parameters": [
|
|
4557
|
+
{
|
|
4558
|
+
"name": "result",
|
|
4559
|
+
"type": {
|
|
4560
|
+
"text": "CardSubmitResult"
|
|
4437
4561
|
}
|
|
4438
4562
|
}
|
|
4439
4563
|
]
|
|
4440
4564
|
},
|
|
4441
4565
|
{
|
|
4442
4566
|
"kind": "method",
|
|
4443
|
-
"name": "
|
|
4567
|
+
"name": "dispatchFormSubmitErrors",
|
|
4444
4568
|
"return": {
|
|
4445
4569
|
"type": {
|
|
4446
4570
|
"text": "void"
|
|
@@ -4448,16 +4572,16 @@
|
|
|
4448
4572
|
},
|
|
4449
4573
|
"parameters": [
|
|
4450
4574
|
{
|
|
4451
|
-
"name": "
|
|
4575
|
+
"name": "errors",
|
|
4452
4576
|
"type": {
|
|
4453
|
-
"text": "
|
|
4577
|
+
"text": "InputValidationError[]"
|
|
4454
4578
|
}
|
|
4455
4579
|
}
|
|
4456
4580
|
]
|
|
4457
4581
|
},
|
|
4458
4582
|
{
|
|
4459
4583
|
"kind": "method",
|
|
4460
|
-
"name": "
|
|
4584
|
+
"name": "handleExternalCardSubmit",
|
|
4461
4585
|
"return": {
|
|
4462
4586
|
"type": {
|
|
4463
4587
|
"text": "void"
|
|
@@ -4465,34 +4589,28 @@
|
|
|
4465
4589
|
},
|
|
4466
4590
|
"parameters": [
|
|
4467
4591
|
{
|
|
4468
|
-
"name": "
|
|
4592
|
+
"name": "eventDetails",
|
|
4469
4593
|
"type": {
|
|
4470
|
-
"text": "
|
|
4471
|
-
}
|
|
4594
|
+
"text": "CardSubmitPayload"
|
|
4595
|
+
},
|
|
4596
|
+
"description": "The event details to forward, including source information"
|
|
4472
4597
|
}
|
|
4473
|
-
]
|
|
4598
|
+
],
|
|
4599
|
+
"description": "Handle external card submit events and forward them through the event system.\nThis method provides a centralized way to process external card submission events\nthat come from custom buttons or external triggers."
|
|
4474
4600
|
},
|
|
4475
4601
|
{
|
|
4476
4602
|
"kind": "method",
|
|
4477
|
-
"name": "
|
|
4603
|
+
"name": "dispatchPaymentStart",
|
|
4478
4604
|
"return": {
|
|
4479
4605
|
"type": {
|
|
4480
4606
|
"text": "void"
|
|
4481
4607
|
}
|
|
4482
4608
|
},
|
|
4483
|
-
"
|
|
4484
|
-
{
|
|
4485
|
-
"name": "source",
|
|
4486
|
-
"optional": true,
|
|
4487
|
-
"type": {
|
|
4488
|
-
"text": "string"
|
|
4489
|
-
}
|
|
4490
|
-
}
|
|
4491
|
-
]
|
|
4609
|
+
"description": "Dispatch payment start event.\nCalled when payment flow begins."
|
|
4492
4610
|
},
|
|
4493
4611
|
{
|
|
4494
4612
|
"kind": "method",
|
|
4495
|
-
"name": "
|
|
4613
|
+
"name": "dispatchPaymentSuccess",
|
|
4496
4614
|
"return": {
|
|
4497
4615
|
"type": {
|
|
4498
4616
|
"text": "void"
|
|
@@ -4500,16 +4618,23 @@
|
|
|
4500
4618
|
},
|
|
4501
4619
|
"parameters": [
|
|
4502
4620
|
{
|
|
4503
|
-
"name": "
|
|
4621
|
+
"name": "payment",
|
|
4504
4622
|
"type": {
|
|
4505
|
-
"text": "
|
|
4623
|
+
"text": "Payment"
|
|
4624
|
+
}
|
|
4625
|
+
},
|
|
4626
|
+
{
|
|
4627
|
+
"name": "paymentMethodType",
|
|
4628
|
+
"type": {
|
|
4629
|
+
"text": "string"
|
|
4506
4630
|
}
|
|
4507
4631
|
}
|
|
4508
|
-
]
|
|
4632
|
+
],
|
|
4633
|
+
"description": "Dispatch payment success event with minimal payment summary.\nCalled when payment completes successfully."
|
|
4509
4634
|
},
|
|
4510
4635
|
{
|
|
4511
4636
|
"kind": "method",
|
|
4512
|
-
"name": "
|
|
4637
|
+
"name": "dispatchPaymentFailure",
|
|
4513
4638
|
"return": {
|
|
4514
4639
|
"type": {
|
|
4515
4640
|
"text": "void"
|
|
@@ -4517,16 +4642,30 @@
|
|
|
4517
4642
|
},
|
|
4518
4643
|
"parameters": [
|
|
4519
4644
|
{
|
|
4520
|
-
"name": "
|
|
4645
|
+
"name": "error",
|
|
4521
4646
|
"type": {
|
|
4522
|
-
"text": "
|
|
4647
|
+
"text": "{\n code: string;\n message: string;\n diagnosticsId?: string;\n data?: Record<string, unknown>;\n }"
|
|
4648
|
+
}
|
|
4649
|
+
},
|
|
4650
|
+
{
|
|
4651
|
+
"name": "paymentMethodType",
|
|
4652
|
+
"type": {
|
|
4653
|
+
"text": "string"
|
|
4654
|
+
}
|
|
4655
|
+
},
|
|
4656
|
+
{
|
|
4657
|
+
"name": "payment",
|
|
4658
|
+
"optional": true,
|
|
4659
|
+
"type": {
|
|
4660
|
+
"text": "Payment"
|
|
4523
4661
|
}
|
|
4524
4662
|
}
|
|
4525
|
-
]
|
|
4663
|
+
],
|
|
4664
|
+
"description": "Dispatch payment failure event.\nCalled when payment fails or is declined."
|
|
4526
4665
|
},
|
|
4527
4666
|
{
|
|
4528
4667
|
"kind": "method",
|
|
4529
|
-
"name": "
|
|
4668
|
+
"name": "dispatchVaultMethodsUpdate",
|
|
4530
4669
|
"return": {
|
|
4531
4670
|
"type": {
|
|
4532
4671
|
"text": "void"
|
|
@@ -4534,14 +4673,14 @@
|
|
|
4534
4673
|
},
|
|
4535
4674
|
"parameters": [
|
|
4536
4675
|
{
|
|
4537
|
-
"name": "
|
|
4676
|
+
"name": "vaultedPayments",
|
|
4538
4677
|
"type": {
|
|
4539
|
-
"text": "
|
|
4678
|
+
"text": "InitializedVaultedPayments"
|
|
4540
4679
|
},
|
|
4541
|
-
"description": "
|
|
4680
|
+
"description": "Wrapper containing filtered vaulted payment methods"
|
|
4542
4681
|
}
|
|
4543
4682
|
],
|
|
4544
|
-
"description": "
|
|
4683
|
+
"description": "Dispatch vault methods update event.\nCalled when vaulted payment methods are loaded or updated."
|
|
4545
4684
|
}
|
|
4546
4685
|
]
|
|
4547
4686
|
}
|
|
@@ -4590,7 +4729,8 @@
|
|
|
4590
4729
|
"type": {
|
|
4591
4730
|
"text": "() => void | undefined"
|
|
4592
4731
|
},
|
|
4593
|
-
"privacy": "public"
|
|
4732
|
+
"privacy": "public",
|
|
4733
|
+
"description": "Called when payment flow begins.\nUse for analytics tracking or UI updates (e.g., disable form)."
|
|
4594
4734
|
},
|
|
4595
4735
|
{
|
|
4596
4736
|
"kind": "field",
|
|
@@ -4598,15 +4738,63 @@
|
|
|
4598
4738
|
"type": {
|
|
4599
4739
|
"text": "(\n data: PaymentData,\n handler: PrepareHandler,\n ) => void | undefined"
|
|
4600
4740
|
},
|
|
4601
|
-
"privacy": "public"
|
|
4741
|
+
"privacy": "public",
|
|
4742
|
+
"description": "Called before payment creation for validation or abort control flow.\nUse for last-chance validation or conditional payment creation.",
|
|
4743
|
+
"parameters": [
|
|
4744
|
+
{
|
|
4745
|
+
"description": "Payment method information",
|
|
4746
|
+
"name": "data"
|
|
4747
|
+
},
|
|
4748
|
+
{
|
|
4749
|
+
"description": "Control flow handler (continue or abort)",
|
|
4750
|
+
"name": "handler"
|
|
4751
|
+
}
|
|
4752
|
+
]
|
|
4753
|
+
},
|
|
4754
|
+
{
|
|
4755
|
+
"kind": "field",
|
|
4756
|
+
"name": "onPaymentSuccess",
|
|
4757
|
+
"type": {
|
|
4758
|
+
"text": "(data: PaymentSuccessData) => void | undefined"
|
|
4759
|
+
},
|
|
4760
|
+
"privacy": "public",
|
|
4761
|
+
"description": "Called when payment completes successfully.\nReceives minimal payment summary with reduced PII exposure.\n\nUse for:\n- Order confirmation and backend sync\n- Receipt generation\n- Payment processing with minimal PII exposure",
|
|
4762
|
+
"parameters": [
|
|
4763
|
+
{
|
|
4764
|
+
"description": "Payment success data with PaymentSummary (ID, orderId, last4, brand)",
|
|
4765
|
+
"name": "data"
|
|
4766
|
+
}
|
|
4767
|
+
]
|
|
4768
|
+
},
|
|
4769
|
+
{
|
|
4770
|
+
"kind": "field",
|
|
4771
|
+
"name": "onPaymentFailure",
|
|
4772
|
+
"type": {
|
|
4773
|
+
"text": "(data: PaymentFailureData) => void | undefined"
|
|
4774
|
+
},
|
|
4775
|
+
"privacy": "public",
|
|
4776
|
+
"description": "Called when payment fails or is declined.\nReceives error details and optional payment summary if created before failure.\n\nUse for:\n- Error handling and user messaging\n- Support ticket creation with diagnosticsId\n- Retry logic for specific error types",
|
|
4777
|
+
"parameters": [
|
|
4778
|
+
{
|
|
4779
|
+
"description": "Payment failure data with error details and optional PaymentSummary",
|
|
4780
|
+
"name": "data"
|
|
4781
|
+
}
|
|
4782
|
+
]
|
|
4602
4783
|
},
|
|
4603
4784
|
{
|
|
4604
4785
|
"kind": "field",
|
|
4605
|
-
"name": "
|
|
4786
|
+
"name": "onVaultedMethodsUpdate",
|
|
4606
4787
|
"type": {
|
|
4607
|
-
"text": "(data:
|
|
4788
|
+
"text": "(data: VaultedMethodsUpdateData) => void | undefined"
|
|
4608
4789
|
},
|
|
4609
|
-
"privacy": "public"
|
|
4790
|
+
"privacy": "public",
|
|
4791
|
+
"description": "Called when vaulted payment methods are loaded or updated.\nReceives filtered vaulted payment method data with minimal PII exposure.\n\nUse for:\n- Building custom vault UI\n- Analytics tracking for vault usage\n- Syncing vault state with backend",
|
|
4792
|
+
"parameters": [
|
|
4793
|
+
{
|
|
4794
|
+
"description": "Vault methods update data with filtered payment methods",
|
|
4795
|
+
"name": "data"
|
|
4796
|
+
}
|
|
4797
|
+
]
|
|
4610
4798
|
},
|
|
4611
4799
|
{
|
|
4612
4800
|
"kind": "method",
|
|
@@ -5038,10 +5226,7 @@
|
|
|
5038
5226
|
{
|
|
5039
5227
|
"kind": "variable",
|
|
5040
5228
|
"name": "initialSDKState",
|
|
5041
|
-
"
|
|
5042
|
-
"text": "SdkState"
|
|
5043
|
-
},
|
|
5044
|
-
"default": "{ isSuccessful: false, isProcessing: false, isLoading: false, error: null, failure: null, }"
|
|
5229
|
+
"default": "initialState"
|
|
5045
5230
|
},
|
|
5046
5231
|
{
|
|
5047
5232
|
"kind": "class",
|
|
@@ -5050,72 +5235,160 @@
|
|
|
5050
5235
|
"members": [
|
|
5051
5236
|
{
|
|
5052
5237
|
"kind": "method",
|
|
5053
|
-
"name": "
|
|
5054
|
-
|
|
5055
|
-
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
-
|
|
5059
|
-
|
|
5060
|
-
|
|
5061
|
-
|
|
5238
|
+
"name": "setLoading",
|
|
5239
|
+
"return": {
|
|
5240
|
+
"type": {
|
|
5241
|
+
"text": "void"
|
|
5242
|
+
}
|
|
5243
|
+
},
|
|
5244
|
+
"parameters": [
|
|
5245
|
+
{
|
|
5246
|
+
"name": "loading",
|
|
5247
|
+
"type": {
|
|
5248
|
+
"text": "boolean"
|
|
5249
|
+
}
|
|
5250
|
+
}
|
|
5251
|
+
]
|
|
5062
5252
|
},
|
|
5063
5253
|
{
|
|
5064
5254
|
"kind": "method",
|
|
5065
|
-
"name": "
|
|
5255
|
+
"name": "setProcessing",
|
|
5256
|
+
"return": {
|
|
5257
|
+
"type": {
|
|
5258
|
+
"text": "void"
|
|
5259
|
+
}
|
|
5260
|
+
},
|
|
5261
|
+
"parameters": [
|
|
5262
|
+
{
|
|
5263
|
+
"name": "processing",
|
|
5264
|
+
"type": {
|
|
5265
|
+
"text": "boolean"
|
|
5266
|
+
}
|
|
5267
|
+
}
|
|
5268
|
+
]
|
|
5066
5269
|
},
|
|
5067
5270
|
{
|
|
5068
5271
|
"kind": "method",
|
|
5069
|
-
"name": "
|
|
5272
|
+
"name": "setSuccess",
|
|
5273
|
+
"return": {
|
|
5274
|
+
"type": {
|
|
5275
|
+
"text": "void"
|
|
5276
|
+
}
|
|
5277
|
+
},
|
|
5278
|
+
"parameters": [
|
|
5279
|
+
{
|
|
5280
|
+
"name": "success",
|
|
5281
|
+
"type": {
|
|
5282
|
+
"text": "boolean"
|
|
5283
|
+
}
|
|
5284
|
+
}
|
|
5285
|
+
]
|
|
5070
5286
|
},
|
|
5071
5287
|
{
|
|
5072
5288
|
"kind": "method",
|
|
5073
|
-
"name": "
|
|
5289
|
+
"name": "setPrimerJsError",
|
|
5290
|
+
"return": {
|
|
5291
|
+
"type": {
|
|
5292
|
+
"text": "void"
|
|
5293
|
+
}
|
|
5294
|
+
},
|
|
5074
5295
|
"parameters": [
|
|
5075
5296
|
{
|
|
5076
5297
|
"name": "error",
|
|
5077
5298
|
"type": {
|
|
5078
|
-
"text": "Error"
|
|
5299
|
+
"text": "Error | null"
|
|
5079
5300
|
}
|
|
5080
5301
|
}
|
|
5081
5302
|
]
|
|
5082
5303
|
},
|
|
5083
5304
|
{
|
|
5084
5305
|
"kind": "method",
|
|
5085
|
-
"name": "
|
|
5306
|
+
"name": "setPaymentFailure",
|
|
5307
|
+
"return": {
|
|
5308
|
+
"type": {
|
|
5309
|
+
"text": "void"
|
|
5310
|
+
}
|
|
5311
|
+
},
|
|
5086
5312
|
"parameters": [
|
|
5087
5313
|
{
|
|
5088
|
-
"name": "
|
|
5089
|
-
"type": {
|
|
5090
|
-
"text": "string"
|
|
5091
|
-
}
|
|
5092
|
-
},
|
|
5093
|
-
{
|
|
5094
|
-
"name": "message",
|
|
5095
|
-
"type": {
|
|
5096
|
-
"text": "string"
|
|
5097
|
-
}
|
|
5098
|
-
},
|
|
5099
|
-
{
|
|
5100
|
-
"name": "details",
|
|
5101
|
-
"optional": true,
|
|
5314
|
+
"name": "failure",
|
|
5102
5315
|
"type": {
|
|
5103
|
-
"text": "Record<string, unknown
|
|
5316
|
+
"text": "{\n code: string;\n message: string;\n diagnosticsId?: string | null;\n data?: Record<string, unknown>;\n } | null"
|
|
5104
5317
|
}
|
|
5105
5318
|
}
|
|
5106
5319
|
]
|
|
5107
5320
|
},
|
|
5108
5321
|
{
|
|
5109
5322
|
"kind": "method",
|
|
5110
|
-
"name": "
|
|
5323
|
+
"name": "completeProcessing",
|
|
5324
|
+
"return": {
|
|
5325
|
+
"type": {
|
|
5326
|
+
"text": "void"
|
|
5327
|
+
}
|
|
5328
|
+
}
|
|
5329
|
+
},
|
|
5330
|
+
{
|
|
5331
|
+
"kind": "method",
|
|
5332
|
+
"name": "reset",
|
|
5333
|
+
"return": {
|
|
5334
|
+
"type": {
|
|
5335
|
+
"text": "void"
|
|
5336
|
+
}
|
|
5337
|
+
}
|
|
5338
|
+
},
|
|
5339
|
+
{
|
|
5340
|
+
"kind": "method",
|
|
5341
|
+
"name": "startLoading",
|
|
5342
|
+
"return": {
|
|
5343
|
+
"type": {
|
|
5344
|
+
"text": "void"
|
|
5345
|
+
}
|
|
5346
|
+
}
|
|
5347
|
+
},
|
|
5348
|
+
{
|
|
5349
|
+
"kind": "method",
|
|
5350
|
+
"name": "completeLoading",
|
|
5351
|
+
"return": {
|
|
5352
|
+
"type": {
|
|
5353
|
+
"text": "void"
|
|
5354
|
+
}
|
|
5355
|
+
}
|
|
5356
|
+
},
|
|
5357
|
+
{
|
|
5358
|
+
"kind": "method",
|
|
5359
|
+
"name": "startProcessing",
|
|
5360
|
+
"return": {
|
|
5361
|
+
"type": {
|
|
5362
|
+
"text": "void"
|
|
5363
|
+
}
|
|
5364
|
+
}
|
|
5365
|
+
},
|
|
5366
|
+
{
|
|
5367
|
+
"kind": "method",
|
|
5368
|
+
"name": "stopProcessing",
|
|
5369
|
+
"return": {
|
|
5370
|
+
"type": {
|
|
5371
|
+
"text": "void"
|
|
5372
|
+
}
|
|
5373
|
+
}
|
|
5111
5374
|
},
|
|
5112
5375
|
{
|
|
5113
5376
|
"kind": "method",
|
|
5114
|
-
"name": "resetError"
|
|
5377
|
+
"name": "resetError",
|
|
5378
|
+
"return": {
|
|
5379
|
+
"type": {
|
|
5380
|
+
"text": "void"
|
|
5381
|
+
}
|
|
5382
|
+
}
|
|
5115
5383
|
},
|
|
5116
5384
|
{
|
|
5117
5385
|
"kind": "method",
|
|
5118
|
-
"name": "forceCompleteLoading"
|
|
5386
|
+
"name": "forceCompleteLoading",
|
|
5387
|
+
"return": {
|
|
5388
|
+
"type": {
|
|
5389
|
+
"text": "void"
|
|
5390
|
+
}
|
|
5391
|
+
}
|
|
5119
5392
|
},
|
|
5120
5393
|
{
|
|
5121
5394
|
"kind": "field",
|
|
@@ -5859,6 +6132,14 @@
|
|
|
5859
6132
|
"name": "PrimerClientError",
|
|
5860
6133
|
"module": "src/types/compatibility-types.ts"
|
|
5861
6134
|
}
|
|
6135
|
+
},
|
|
6136
|
+
{
|
|
6137
|
+
"kind": "js",
|
|
6138
|
+
"name": "PaymentSummary",
|
|
6139
|
+
"declaration": {
|
|
6140
|
+
"name": "PaymentSummary",
|
|
6141
|
+
"package": "@primer-io/sdk-core"
|
|
6142
|
+
}
|
|
5862
6143
|
}
|
|
5863
6144
|
]
|
|
5864
6145
|
},
|
|
@@ -6251,6 +6532,14 @@
|
|
|
6251
6532
|
"module": "./compatibility-types"
|
|
6252
6533
|
}
|
|
6253
6534
|
},
|
|
6535
|
+
{
|
|
6536
|
+
"kind": "js",
|
|
6537
|
+
"name": "PaymentSummary",
|
|
6538
|
+
"declaration": {
|
|
6539
|
+
"name": "PaymentSummary",
|
|
6540
|
+
"module": "./compatibility-types"
|
|
6541
|
+
}
|
|
6542
|
+
},
|
|
6254
6543
|
{
|
|
6255
6544
|
"kind": "js",
|
|
6256
6545
|
"name": "PrimerJS",
|
|
@@ -13175,6 +13464,46 @@
|
|
|
13175
13464
|
"module": "src/controllers/reactive-state/index.ts"
|
|
13176
13465
|
}
|
|
13177
13466
|
},
|
|
13467
|
+
{
|
|
13468
|
+
"kind": "method",
|
|
13469
|
+
"name": "createVaultedPaymentsWrapper",
|
|
13470
|
+
"privacy": "private",
|
|
13471
|
+
"return": {
|
|
13472
|
+
"type": {
|
|
13473
|
+
"text": ""
|
|
13474
|
+
}
|
|
13475
|
+
},
|
|
13476
|
+
"parameters": [
|
|
13477
|
+
{
|
|
13478
|
+
"name": "vaultedPaymentMethods",
|
|
13479
|
+
"type": {
|
|
13480
|
+
"text": "VaultedPaymentMethod[]"
|
|
13481
|
+
},
|
|
13482
|
+
"description": "Raw vaulted payment methods from API"
|
|
13483
|
+
}
|
|
13484
|
+
],
|
|
13485
|
+
"description": "Transform raw vault data into filtered, event-ready format.\nApplies PII filtering to all vaulted payment methods."
|
|
13486
|
+
},
|
|
13487
|
+
{
|
|
13488
|
+
"kind": "method",
|
|
13489
|
+
"name": "updatePaymentMethodsWithEvents",
|
|
13490
|
+
"privacy": "private",
|
|
13491
|
+
"return": {
|
|
13492
|
+
"type": {
|
|
13493
|
+
"text": "void"
|
|
13494
|
+
}
|
|
13495
|
+
},
|
|
13496
|
+
"parameters": [
|
|
13497
|
+
{
|
|
13498
|
+
"name": "methods",
|
|
13499
|
+
"type": {
|
|
13500
|
+
"text": "VaultedPaymentMethod[]"
|
|
13501
|
+
},
|
|
13502
|
+
"description": "Raw vaulted payment methods from API"
|
|
13503
|
+
}
|
|
13504
|
+
],
|
|
13505
|
+
"description": "Update vaulted payment methods and dispatch events/callbacks.\nThis method:\n1. Updates internal state via core controller\n2. Creates filtered wrapper for external APIs\n3. Dispatches event to listeners\n4. Invokes callback if defined"
|
|
13506
|
+
},
|
|
13178
13507
|
{
|
|
13179
13508
|
"kind": "method",
|
|
13180
13509
|
"name": "fetchVaultedPaymentMethods",
|