@primer-io/primer-js 1.2.0 → 1.4.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 +30 -1
- package/dist/custom-elements.json +1092 -428
- package/dist/jsx/index.d.ts +79 -16
- package/dist/primer-loader.d.ts +146 -12
- package/dist/primer-loader.js +15 -15
- package/dist/vscode.html-custom-data.json +43 -5
- package/dist/web-types.json +126 -31
- package/package.json +1 -1
|
@@ -2,6 +2,35 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "e2e/utils.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "variable",
|
|
11
|
+
"name": "test",
|
|
12
|
+
"default": "chromaticTest"
|
|
13
|
+
}
|
|
14
|
+
],
|
|
15
|
+
"exports": [
|
|
16
|
+
{
|
|
17
|
+
"kind": "js",
|
|
18
|
+
"name": "expect",
|
|
19
|
+
"declaration": {
|
|
20
|
+
"name": "expect",
|
|
21
|
+
"package": "@chromatic-com/playwright"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"kind": "js",
|
|
26
|
+
"name": "test",
|
|
27
|
+
"declaration": {
|
|
28
|
+
"name": "test",
|
|
29
|
+
"module": "e2e/utils.ts"
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
},
|
|
5
34
|
{
|
|
6
35
|
"kind": "javascript-module",
|
|
7
36
|
"path": "dist/primer-loader.js",
|
|
@@ -46,257 +75,267 @@
|
|
|
46
75
|
{
|
|
47
76
|
"kind": "variable",
|
|
48
77
|
"name": "te",
|
|
49
|
-
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.darkMode=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=()=>{this.open=!1,this.removeEventListener(\"primer:dialog-close\",e)};this.addEventListener(\"primer:dialog-close\",e),this.dialog.startExitAnimation()}connectedCallback(){super.connectedCallback(),this.darkMode&&this.classList.add(\"primer-dark-theme\"),this.open||this.openDialog()}updated(e){super.updated(e),e.has(\"darkMode\")&&(this.darkMode?this.classList.add(\"primer-dark-theme\"):this.classList.remove(\"primer-dark-theme\")),e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return this.open?
|
|
78
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.darkMode=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=()=>{this.open=!1,this.removeEventListener(\"primer:dialog-close\",e)};this.addEventListener(\"primer:dialog-close\",e),this.dialog.startExitAnimation()}connectedCallback(){super.connectedCallback(),this.darkMode&&this.classList.add(\"primer-dark-theme\"),this.open||this.openDialog()}updated(e){super.updated(e),e.has(\"darkMode\")&&(this.darkMode?this.classList.add(\"primer-dark-theme\"):this.classList.remove(\"primer-dark-theme\")),e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return this.open?u`<primer-dialog class=\"${this.darkMode?\"primer-dark-theme\":\"\"}\" .open=${this.open} size=${this.size} .showCloseButton=${this.showCloseButton} @primer:dialog-close=\"${()=>{this.open=!1}}\" ><slot></slot>${this.cta?u`<primer-button @click=${this.cta.onClick} class=\"cta-button\">${this.cta.icon?u`<primer-icon name=\"${this.cta.icon}\" size=\"sm\" color=\"var(--primer-color-background-outlined-default)\" ></primer-icon>`:y} ${this.cta.label}</primer-button>`:y}</primer-dialog>`:y}}"
|
|
50
79
|
},
|
|
51
80
|
{
|
|
52
81
|
"kind": "variable",
|
|
53
|
-
"name": "
|
|
54
|
-
"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._classObserver=null;this.locale=
|
|
82
|
+
"name": "ye",
|
|
83
|
+
"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._classObserver=null;this.locale=rr(La());this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()};this.sdkContextController=new ya(this),this.primerEventsController=new er(this),this.styleProcessingController=new fa(this),this.vaultManagerController=new Mr(this),this.headlessSdkController=new Ya(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}),document.addEventListener(\"primer:vault-submit\",this.handleExternalVaultSubmit.bind(this),{signal:this._eventListenerController.signal}),document.addEventListener(\"primer:show-other-payments-toggle\",this.handleExternalShowOtherPaymentsToggle.bind(this),{signal:this._eventListenerController.signal}),this._classObserver=new MutationObserver(()=>{this.requestUpdate()}),this._classObserver.observe(this,{attributes:!0,attributeFilter:[\"class\"]})}attributeChangedCallback(e,r,i){e===Qm.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(i):super.attributeChangedCallback(e,r,i)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkContextController.contextProvider.value.sdkState?.isLoading&&this.sdkContextController.setSdkState({isLoading:!1}),this._eventListenerController&&(this._eventListenerController.abort(),this._eventListenerController=null),this._classObserver&&(this._classObserver.disconnect(),this._classObserver=null),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(Cn(this.options?.locale)?this.locale=rr(this.options?.locale):P.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to system locale\")),vn(this.locale))}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)}handleExternalVaultSubmit(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:vault-submit\",e.detail)}handleExternalShowOtherPaymentsToggle(e){this._eventListenerController?.signal.aborted||e.target!==this&&this.primerEventsController.dispatchEvent(\"primer:show-other-payments-toggle\",e.detail)}checkLoadingStateChange(){let e=this.sdkContextController.contextProvider.value.sdkState.isLoading||!1;if(this.previousLoadingState&&!e){this.jsInitialized=!0,Q({eventName:\"CHECKOUT_FLOW_STARTED\"});let r=De.getSdkInitStartTime(),i=r?Date.now()-r:void 0;Qn(i)}this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkContextController.contextProvider.value.sdkState.isLoading&&(P.warn(\"Loading timeout in component, forcing completion\"),this.sdkContextController.setSdkState({isLoading:!1}),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkContextController.contextProvider.value.sdkState,r=e.isLoading,i=e.primerJsError,n=!r&&!i;return u` ${k(r,()=>y)} ${k(i,()=>u`<primer-checkout-error></primer-checkout-error>`)} ${k(n,()=>u`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${k(this.hasAssignedContent,()=>y,()=>u`<primer-main></primer-main>`)} `,()=>y)} `}addEventListener(e,r,i){super.addEventListener(e,r,i)}removeEventListener(e,r,i){super.removeEventListener(e,r,i)}}"
|
|
55
84
|
},
|
|
56
85
|
{
|
|
57
86
|
"kind": "function",
|
|
58
|
-
"name": "
|
|
87
|
+
"name": "pl"
|
|
59
88
|
},
|
|
60
89
|
{
|
|
61
90
|
"kind": "function",
|
|
62
|
-
"name": "
|
|
91
|
+
"name": "ml"
|
|
63
92
|
},
|
|
64
93
|
{
|
|
65
94
|
"kind": "function",
|
|
66
|
-
"name": "
|
|
95
|
+
"name": "ah"
|
|
67
96
|
},
|
|
68
97
|
{
|
|
69
98
|
"kind": "function",
|
|
70
|
-
"name": "
|
|
99
|
+
"name": "ih"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"kind": "variable",
|
|
103
|
+
"name": "Be",
|
|
104
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in Rn)return Rn[this.size];let e=parseInt(this.size,10);return isNaN(e)?Rn.medium:e}render(){let e=this.getSize(),r=20,i=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),u`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${i}\" 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>`}}"
|
|
71
105
|
},
|
|
72
106
|
{
|
|
73
107
|
"kind": "variable",
|
|
74
|
-
"name": "
|
|
75
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
108
|
+
"name": "Ge",
|
|
109
|
+
"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(i=>i.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let i of e){let n=i.querySelector(\"primer-input\");if(n)return n}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return u`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${X(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
|
|
76
110
|
},
|
|
77
111
|
{
|
|
78
112
|
"kind": "variable",
|
|
79
|
-
"name": "
|
|
80
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
113
|
+
"name": "at",
|
|
114
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return u`<label for=${this.for}><slot></slot></label>`}}"
|
|
81
115
|
},
|
|
82
116
|
{
|
|
83
117
|
"kind": "variable",
|
|
84
|
-
"name": "
|
|
85
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
118
|
+
"name": "ce",
|
|
119
|
+
"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?y:u`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return y;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)\"),u`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return u`<button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} aria-label=${this.ariaLabel?this.ariaLabel:y} >${this.renderSpinner()} ${this.flex?u`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:u`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
|
|
86
120
|
},
|
|
87
121
|
{
|
|
88
122
|
"kind": "variable",
|
|
89
|
-
"name": "
|
|
90
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
123
|
+
"name": "it",
|
|
124
|
+
"default": "class extends v{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return u`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
|
|
91
125
|
},
|
|
92
126
|
{
|
|
93
127
|
"kind": "variable",
|
|
94
|
-
"name": "
|
|
95
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
128
|
+
"name": "Ke",
|
|
129
|
+
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?$a[this.name]:null;return u`<div style=\"--internal-icon-color: ${this.color}\">${e||u`<slot></slot>`}</div>`}}"
|
|
96
130
|
},
|
|
97
131
|
{
|
|
98
132
|
"kind": "variable",
|
|
99
|
-
"name": "
|
|
100
|
-
"default": "class extends v{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-
|
|
133
|
+
"name": "nt",
|
|
134
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?u`<primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" ></primer-icon><p>Checkout complete!</p><p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p>`:u`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?u`<p class=\"secondary\">${this.description}</p>`:u`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
101
135
|
},
|
|
102
136
|
{
|
|
103
137
|
"kind": "variable",
|
|
104
|
-
"name": "
|
|
105
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
138
|
+
"name": "j",
|
|
139
|
+
"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 i=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let i=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(i)};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,i){this.inputElement?.setSelectionRange(e,r,i)}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(([,i])=>i).map(([i])=>i).join(\" \");return u`<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,i){super.addEventListener(e,r,i)}removeEventListener(e,r,i){super.removeEventListener(e,r,i)}}"
|
|
106
140
|
},
|
|
107
141
|
{
|
|
108
142
|
"kind": "variable",
|
|
109
|
-
"name": "
|
|
110
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
143
|
+
"name": "re",
|
|
144
|
+
"default": "class extends v{constructor(){super(...arguments);this.prefix=\"+351\";this.value=\"\";this.placeholder=\"\";this.inputId=\"primer-pt-phone-number-input\";this.maxLength=15;this.minLength=9;this.disabled=!1;this.hasErrors=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target,n=r.value.replace(/\\D/g,\"\").slice(0,this.maxLocalDigits);r.value!==n&&(r.value=n),this.dispatchValueEvent(\"input\",n)};this.handleChange=e=>{e.stopPropagation();let i=e.target.value.replace(/\\D/g,\"\");this.dispatchValueEvent(\"change\",i)};this.handleHostClick=()=>{this.inputEl?.focus()}}get localDigits(){let r=(this.value==null?\"\":String(this.value)).replace(/[^\\d+]/g,\"\");return r.startsWith(this.prefix)?r.slice(this.prefix.length):r.replace(/^\\+/,\"\")}get maxLocalDigits(){return Math.max(this.maxLength-this.prefix.length,0)}updated(e){if(!e.has(\"value\")&&!e.has(\"prefix\"))return;let r=this.inputEl;if(!r)return;let i=this.localDigits;r.value!==i&&(r.value=i)}dispatchValueEvent(e,r){let i=r.length?`${this.prefix}${r}`:\"\";this.dispatchEvent(new CustomEvent(e,{detail:i,bubbles:!0,composed:!0}))}focus(){this.inputEl?.focus()}render(){return u`<div @click=${this.handleHostClick} style=\"display: contents;\"><span class=\"flag\" aria-hidden=\"true\">${sh}</span><span class=\"prefix\">${this.prefix}</span><input id=${this.inputId} type=\"tel\" inputmode=\"numeric\" autocomplete=\"tel-national\" ?disabled=${this.disabled} placeholder=${this.placeholder} @input=${this.handleInput} @change=${this.handleChange} /></div>`}}"
|
|
111
145
|
},
|
|
112
146
|
{
|
|
113
147
|
"kind": "variable",
|
|
114
|
-
"name": "
|
|
115
|
-
"default": "class extends v{constructor(){super(...arguments);this.name=\"\";this.
|
|
148
|
+
"name": "fe",
|
|
149
|
+
"default": "class extends v{constructor(){super(...arguments);this.name=\"\";this.value=\"\";this.disabled=!1;this.hasError=!1;this.placeholder=\"\";this.options=[];this.handleChange=e=>{let i=e.target.value;this.dispatchEvent(new CustomEvent(\"change\",{detail:i,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(\"input\",{detail:i,bubbles:!0,composed:!0}))};this.handleFocus=()=>{this.dispatchEvent(new CustomEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.dispatchEvent(new CustomEvent(\"blur\",{bubbles:!0,composed:!0}))};this.stopNativeEvent=e=>{e.stopPropagation()}}renderSelectOptions(){let e=[];for(let r of this.options)e.push(u`<option value=${r.value} ?selected=${this.value===r.value} >${r.label}</option>`);return e}render(){return u`<select id=${this.id} name=${this.name} ?disabled=${this.disabled} ?required=${!this.value} @change=${this.handleChange} @input=${this.stopNativeEvent} @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>`}}"
|
|
116
150
|
},
|
|
117
151
|
{
|
|
118
152
|
"kind": "variable",
|
|
119
|
-
"name": "
|
|
120
|
-
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,i=this.header||e;return
|
|
153
|
+
"name": "ue",
|
|
154
|
+
"default": "class extends v{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,i=this.header||e;return u`<div class=\"collapsable\"><primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} ><span>${i}</span></primer-button><div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" ><div class=\"collapsable-content\"><slot></slot></div></div></div>`}}"
|
|
121
155
|
},
|
|
122
156
|
{
|
|
123
157
|
"kind": "variable",
|
|
124
|
-
"name": "
|
|
125
|
-
"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 y;let e={\"error-message\":!0,hidden:!this.visible};return
|
|
158
|
+
"name": "Fe",
|
|
159
|
+
"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 y;let e={\"error-message\":!0,hidden:!this.visible};return u`<div part=\"error-message\" class=${X(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>`}}"
|
|
126
160
|
},
|
|
127
161
|
{
|
|
128
162
|
"kind": "variable",
|
|
129
|
-
"name": "
|
|
130
|
-
"default": "class extends v{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\",this.dispatchEvent(new CustomEvent(\"primer:dialog-open\",{bubbles:!0,composed:!0}))},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer:dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?
|
|
163
|
+
"name": "Re",
|
|
164
|
+
"default": "class extends v{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\",this.dispatchEvent(new CustomEvent(\"primer:dialog-open\",{bubbles:!0,composed:!0}))},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer:dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?u`<div class=${X({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${X({dialog:!0,[this.size]:!0,\"dialog--entering\":this._animationState===\"entering\",\"dialog--entered\":this._animationState===\"entered\",\"dialog--exiting\":this._animationState===\"exiting\"})} ><div class=\"header\">${this.showCloseButton?u`<primer-button class=\"close\" variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:u``}}"
|
|
131
165
|
},
|
|
132
166
|
{
|
|
133
167
|
"kind": "variable",
|
|
134
|
-
"name": "
|
|
135
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.categoryLoading=!1;this._setupTask=new
|
|
168
|
+
"name": "ve",
|
|
169
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.categoryLoading=!1;this._setupTask=new $(this,{task:async([e,r])=>{let i=e?.find(n=>n.type===B.KLARNA);return!i||!r?Y:{manager:i.manager}},args:()=>[this.primerContext?.paymentMethods,this.primerContext?.headlessUtils]});this.handleExpandedChange=e=>{this.isExpanded=e.detail.expanded,this.isExpanded||(this.selectedCategory=null,this.categoryLoading=!1,this.klarnaContainer&&(this.klarnaContainer.innerHTML=\"\"))};this.klarnaPaymentInProgress=!1}async startKlarnaPayment(){if(!(!this._setupTask.value||!this.selectedCategory)){this.klarnaPaymentInProgress=!0;try{await this._setupTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(e){P.errorWithDatadog(\"Failed to start Klarna payment\",{error:e})}finally{this.klarnaPaymentInProgress=!1}}}async renderSelectedCategory(){if(!(!this._setupTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",this.categoryLoading=!0,await this._setupTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:()=>{}})}catch(e){P.errorWithDatadog(\"Failed to render Klarna category\",{error:e})}finally{this.categoryLoading=!1}}selectCategory(e){this.disabled||(this.selectedCategory=e)}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.primerContext?.klarnaCategories?.categories||[];return this.primerContext?.klarnaCategories?.isLoading||!1?u`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:(e.length>0&&!this.selectedCategory&&this.selectCategory(e[0].id),e.length===1?y:u`<div class=\"category-selection\">${e.map(i=>u`<button class=${X({\"category-button\":!0,selected:i.id===this.selectedCategory,loading:this.categoryLoading&&i.id===this.selectedCategory})} @click=${()=>{this.selectCategory(i.id)}} ?disabled=${this.disabled} ><span class=${X({\"category-label\":!0,hidden:this.categoryLoading&&i.id===this.selectedCategory})} >${i.name}</span >${this.categoryLoading&&i.id===this.selectedCategory?u`<primer-spinner class=\"category-spinner\" size=\"small\" compact ></primer-spinner>`:y}</button>`)}</div>`)}renderExpandedContent(){return u` ${this.renderCategorySelection()}<div class=\"klarna-category-container ${!this.categoryLoading&&this.selectedCategory?\"visible\":\"\"}\" ><div id=\"klarna-category-container\" class=\"klarna-category-content\" ></div></div><primer-payment-method-accordion-confirm-button ?disabled=${!this.selectedCategory||this.disabled} ?loading=${!!this.primerContext?.sdkState?.isProcessing} @confirm=${()=>this.startKlarnaPayment()} ></primer-payment-method-accordion-confirm-button>`}render(){return this._setupTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return u`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e})=>e?u`<primer-payment-method-accordion .type=${B.KLARNA} ?disabled=${this.disabled} .expanded=${this.isExpanded} ?suppress-blur-collapse=${this.klarnaPaymentInProgress} @expanded-change=${this.handleExpandedChange} >${this.renderExpandedContent()}</primer-payment-method-accordion>`:y})}}"
|
|
136
170
|
},
|
|
137
171
|
{
|
|
138
172
|
"kind": "variable",
|
|
139
|
-
"name": "
|
|
140
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.renderButtonTask=new
|
|
173
|
+
"name": "Ue",
|
|
174
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.renderButtonTask=new $(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return Y;await this.updateComplete;let r=e.manager.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,za(this.disabled,this.shadowRoot)),r}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&this.shadowRoot&&za(this.disabled,this.shadowRoot)}render(){return y}}"
|
|
141
175
|
},
|
|
142
176
|
{
|
|
143
177
|
"kind": "variable",
|
|
144
|
-
"name": "
|
|
145
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=
|
|
178
|
+
"name": "Ve",
|
|
179
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=Ht();this.renderButtonTask=new $(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return Y;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let i=e.manager.createButton(),n=Wa(r);return await i.render(r,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,sr(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&sr(this.disabled,this.buttonContainerRef)}render(){return u`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
|
|
146
180
|
},
|
|
147
181
|
{
|
|
148
182
|
"kind": "variable",
|
|
149
|
-
"name": "
|
|
150
|
-
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=
|
|
183
|
+
"name": "He",
|
|
184
|
+
"default": "class extends v{constructor(){super();this.disabled=!1;this.buttonContainerRef=Ht();this.renderButtonTask=new $(this,{args:()=>[this.paymentMethod],task:async([e])=>{if(!e)return Y;await this.updateComplete;let r=this.buttonContainerRef.value;if(!r)throw new Error(\"Button container not found\");let i=e.manager.createButton(),n=_l(Wa(this));return await i.render(r,{style:{buttonHeight:n}}),this.disabled&&await i.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,sr(this.disabled,this.buttonContainerRef)),i}})}attributeChangedCallback(e,r,i){if(super.attributeChangedCallback(e,r,i),e===\"disabled\"&&r!==i){let n=i!==null,o=this.renderButtonTask.value;o&&o.setDisabled(n)}}updated(e){e.has(\"disabled\")&&sr(this.disabled,this.buttonContainerRef)}render(){return u`<div class=\"native-button-container\" ${Et(this.buttonContainerRef)} ></div>`}}"
|
|
151
185
|
},
|
|
152
186
|
{
|
|
153
187
|
"kind": "variable",
|
|
154
|
-
"name": "
|
|
155
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.currentState=\"collapsed\";this.blikCode=\"\";this.errorMessage=\"\";this.pollingDuration=0;this.pollingTimer=null;this.handleExpandedChange=async e=>{if(this.disabled)return;if(!e.detail.expanded){this.handleCollapse();return}if(this.currentState!==\"collapsed\")return;if(!this.paymentMethod?.manager){this.errorMessage=
|
|
188
|
+
"name": "be",
|
|
189
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.currentState=\"collapsed\";this.blikCode=\"\";this.errorMessage=\"\";this.pollingDuration=0;this.pollingTimer=null;this.handleExpandedChange=async e=>{if(this.disabled)return;if(!e.detail.expanded){this.handleCollapse();return}if(this.currentState!==\"collapsed\")return;if(!this.paymentMethod?.manager){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,i=r.value,o=i.replace(/\\D/g,\"\").slice(0,6);i!==o&&(r.value=o),this.blikCode=o,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\"),o.length===6&&this.submitBlikCode()};this.handleRetry=async()=>{this.currentState=\"expanded-input\",this.errorMessage=\"\",this.blikCode=\"\",await this.updateComplete,this.shadowRoot?.querySelector(\"#blik-code\")?.focus()}}get isExpanded(){return this.currentState!==\"collapsed\"}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.paymentMethod?.manager;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\"})}}renderExpandedInput(){return u`<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>`}renderLoading(){return u`<div class=\"blik-loading\"><primer-spinner size=\"medium\"></primer-spinner>${this.pollingDuration>30?u`<div class=\"blik-timeout-warning\"> This is taking longer than expected... </div>`:y}</div>`}renderError(){return u`<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>`}renderExpandedState(){switch(this.currentState){case\"expanded-input\":return this.renderExpandedInput();case\"loading\":return this.renderLoading();case\"error\":return this.renderError();default:return y}}disconnectedCallback(){super.disconnectedCallback(),this.stopPollingTimer()}render(){return u`<primer-payment-method-accordion .type=${this.paymentMethod?.type} ?disabled=${this.disabled} .expanded=${this.isExpanded} @expanded-change=${this.handleExpandedChange} >${this.isExpanded?this.renderExpandedState():y}</primer-payment-method-accordion>`}}"
|
|
156
190
|
},
|
|
157
191
|
{
|
|
158
192
|
"kind": "variable",
|
|
159
|
-
"name": "
|
|
160
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
193
|
+
"name": "Te",
|
|
194
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.currentState=\"collapsed\";this.phoneNumber=\"\";this.errorMessage=\"\";this.handleExpandedChange=async e=>{if(!this.disabled){if(!e.detail.expanded){this.handleCollapse();return}if(this.currentState===\"collapsed\"){if(!this.paymentMethod?.manager){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"}),this.currentState=\"error\",P.error(\"Manager not available when expanding MB WAY form\");return}this.currentState=\"expanded-input\",await this.updateComplete,this.shadowRoot?.querySelector(\"primer-pt-phone-number-input\")?.focus()}}};this.handleCollapse=()=>{this.currentState=\"collapsed\",this.phoneNumber=\"\",this.errorMessage=\"\"};this.handleInput=e=>{this.phoneNumber=e.detail,this.currentState===\"error\"&&(this.currentState=\"expanded-input\",this.errorMessage=\"\")};this.handleRetry=async()=>{this.currentState=\"expanded-input\",this.errorMessage=\"\",this.phoneNumber=\"\",await this.updateComplete,this.shadowRoot?.querySelector(\"primer-pt-phone-number-input\")?.focus()}}get isExpanded(){return this.currentState!==\"collapsed\"}get isPhoneValid(){return this.phoneNumber.length>=Kl&&this.phoneNumber.length<=Fl&&/^\\+\\d+$/.test(this.phoneNumber)}async submit(){if(!this.isPhoneValid){this.errorMessage=E(\"telephoneNumberErrorTooShort\",{id:\"telephoneNumberErrorTooShort\"}),this.currentState=\"error\";return}let e=this.paymentMethod?.manager;if(!e){this.errorMessage=\"MB WAY payment method not initialized\",this.currentState=\"error\",P.error(\"MB WAY manager not available\");return}this.currentState=\"loading\",this.errorMessage=\"\";try{await e.start({phoneNumber:this.phoneNumber}),this.currentState=\"collapsed\",this.phoneNumber=\"\"}catch(r){this.currentState=\"error\",this.errorMessage=r instanceof Error?r.message:E(\"tokenizationError\",{id:\"tokenizationError\"}),P.errorWithDatadog(\"MB WAY payment failed\",{error:r instanceof Error?{message:r.message,name:r.name}:\"Unknown error\"})}}renderExpandedInput(){return u`<div class=\"mbway-input-wrapper\"><label class=\"mbway-label\" for=\"primer-mbway-phone\">${E(\"telephoneNumberLabel\",{id:\"telephoneNumberLabel\"})}</label><primer-pt-phone-number-input input-id=\"primer-mbway-phone\" .value=${this.phoneNumber} .placeholder=${E(\"telephoneNumberPlaceholder\",{id:\"telephoneNumberPlaceholder\"})} .maxLength=${Fl} .minLength=${Kl} ?disabled=${this.disabled} ?has-errors=${!!this.errorMessage} @input=${this.handleInput} ></primer-pt-phone-number-input><button class=\"mbway-submit-button\" @click=${()=>void this.submit()} ?disabled=${this.disabled||!this.isPhoneValid} >${E(\"pay\",{id:\"pay\"})}</button></div>`}renderLoading(){let e=E(\"Complete your payment in {appName}\",{id:\"completeYourPaymentInTheApp\"}).replace(\"{appName}\",\"MB WAY\");return u`<div class=\"mbway-loading\"><primer-spinner size=\"medium\"></primer-spinner><div class=\"mbway-loading-message\">${e}</div></div>`}renderError(){return u`<div class=\"mbway-error\"><div class=\"mbway-error-message\" role=\"alert\">${this.errorMessage||E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"})}</div><button class=\"mbway-retry-button\" @click=${this.handleRetry} ?disabled=${this.disabled} >${E(\"retry_button\",{id:\"retry_button\"})}</button></div>`}renderExpandedState(){switch(this.currentState){case\"expanded-input\":return this.renderExpandedInput();case\"loading\":return this.renderLoading();case\"error\":return this.renderError();default:return y}}render(){return u`<primer-payment-method-accordion .type=${this.paymentMethod?.type} ?disabled=${this.disabled} .expanded=${this.isExpanded} @expanded-change=${this.handleExpandedChange} >${this.isExpanded?this.renderExpandedState():y}</primer-payment-method-accordion>`}}"
|
|
161
195
|
},
|
|
162
196
|
{
|
|
163
197
|
"kind": "variable",
|
|
164
|
-
"name": "
|
|
165
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1
|
|
198
|
+
"name": "Ye",
|
|
199
|
+
"default": "class extends v{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.handleClick=()=>{this.primerContext?.paymentMethods?.find(r=>r.type===this.type)?.managerType!==\"CARD\"&&this.sendPaymentMethodSelectionEvent()}}sendPaymentMethodSelectionEvent(){this.type&&Q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:this.type})}render(){if(!this.type)return y;let e=this.primerContext?.paymentMethods.find(i=>i.type===this.type);if(!e)return y;let r;switch(e?.managerType){case\"CARD\":r=u`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;break;case\"NATIVE\":{let i=e.type;i===W.GOOGLE_PAY?r=u`<primer-google-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-google-pay>`:i===W.APPLE_PAY?r=u`<primer-apple-pay .paymentMethod=${e} ?disabled=${this.disabled} ></primer-apple-pay>`:i===W.PAYPAL?r=u`<primer-paypal .paymentMethod=${e} ?disabled=${this.disabled} ></primer-paypal>`:i===W.ADYEN_BLIK&&(r=u`<primer-blik .paymentMethod=${e} ?disabled=${this.disabled} ></primer-blik>`);break}case\"REDIRECT\":r=u`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;break;case\"KLARNA\":r=u`<primer-klarna ?disabled=${this.disabled} ></primer-klarna>`;break;case\"ADYEN_KLARNA\":r=u`<primer-adyen-klarna .paymentMethod=${e} ?disabled=${this.disabled} ></primer-adyen-klarna>`;break;case\"MBWAY\":r=u`<primer-adyen-mbway .paymentMethod=${e} ?disabled=${this.disabled} ></primer-adyen-mbway>`;break;default:return y}return u`<div @click=${this.handleClick}>${r}</div>`}}"
|
|
166
200
|
},
|
|
167
201
|
{
|
|
168
202
|
"kind": "variable",
|
|
169
|
-
"name": "
|
|
170
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1
|
|
203
|
+
"name": "we",
|
|
204
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1}getFilteredMethods(){if(!this.primerContext?.paymentMethods)return[];let e=[...this.primerContext.paymentMethods];if(this.include){let r=this.include.split(\",\").map(i=>i.trim());e=e.filter(i=>r.includes(i.type))}if(this.exclude){let r=this.exclude.split(\",\").map(i=>i.trim());e=e.filter(i=>!r.includes(i.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?y:u`<div class=\"payment-methods-container\">${e.map(r=>u`<primer-payment-method type=\"${r.type}\" ?disabled=\"${this.disabled||this.primerContext?.clientOptions?.disabledPayments===!0}\" ></primer-payment-method>`)}</div>`}}"
|
|
171
205
|
},
|
|
172
206
|
{
|
|
173
207
|
"kind": "variable",
|
|
174
|
-
"name": "
|
|
175
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1
|
|
208
|
+
"name": "$e",
|
|
209
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this._setupTask=new $(this,{task:([e,r])=>{if(!e||!r)return Y;let i=r.getPaymentMethodConfiguration(e);if(!i)return Y;let n=Hl(e)?this.primerContext?.clientOptions?.giftCard:void 0,o=i.displayMetadata.button,s=this._getBackgroundColor(e,o,n?.background),l=this._getTextColor(s);return{backgroundColor:s,textColor:l,name:i.name,alt:n?.logoAlt??i.name,displayName:this._getDisplayName(e,o.text,n?.text),iconUrl:this._getIconUrl(e,o,s,n?.logoSrc),iconPosition:this._getIconPosition(e,o)}},args:()=>[this.type,this.primerContext?.headlessUtils]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?_n(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),E(r,{id:r})}_getBackgroundColor(e,r,i){switch(e){case W.KLARNA:case W.ADYEN_KLARNA:return r.backgroundColor.light??r.backgroundColor.colored;default:return i??r.backgroundColor.colored??r.backgroundColor.light}}_getIconUrl(e,r,i,n){if(n)return n;switch(e){case W.KLARNA:case W.ADYEN_KLARNA:return yh;case W.PAY_NL_PAYCONIQ:return i===r.backgroundColor.light?mh:hh;case W.ADYEN_CASHAPP:return r.iconUrl.dark??r.iconUrl.colored??r.iconUrl.light;default:return e===\"TRIPLE_A\"?gh:r.iconUrl.colored??r.iconUrl.light}}_getIconPosition(e,r){switch(e){case W.KLARNA:case W.ADYEN_KLARNA:return\"END\";default:return r.iconPositionRelativeToText||\"START\"}}_getTextColor(e){let r=e.replace(\"#\",\"\");if(r.length<6)return;let i=parseInt(r.substring(0,2),16),n=parseInt(r.substring(2,4),16),o=parseInt(r.substring(4,6),16);return isNaN(i)||isNaN(n)||isNaN(o)?void 0:(.2126*i+.7152*n+.0722*o)/255>.6?\"#000000\":\"#FFFFFF\"}_getDisplayName(e,r,i){switch(e){case W.KLARNA:return this.primerContext?.clientOptions?.klarna?.buttonOptions?.text??i??this._legacyGetButtonLabel(r)??this._legacyGetButtonLabel(\"Pay with\");case W.ADYEN_KLARNA:return this.primerContext?.clientOptions?.adyenKlarna?.buttonOptions?.text??i??this._legacyGetButtonLabel(r)??this._legacyGetButtonLabel(\"Pay with\");default:return i??this._legacyGetButtonLabel(r)}}_handleClick(){this.disabled||this.dispatchEvent(new Event(\"payment-method-click\",{bubbles:!0,composed:!0}))}render(){return this._setupTask.render({error:()=>y,complete:e=>{this.style.setProperty(\"--payment-method-button-bg-color\",e.backgroundColor),e.textColor&&this.style.setProperty(\"--payment-method-button-text-color\",e.textColor);let r={loading:!!this.primerContext?.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName};return u`<primer-button @click=\"${()=>this._handleClick()}\" class=${X(r)} title=\"${E(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} ><img src=\"${e.iconUrl}\" alt=\"${e.alt}\" />${k(e.displayName,()=>u`<span class=\"button-text\">${e.displayName}</span>`)}</primer-button>`}})}}"
|
|
176
210
|
},
|
|
177
211
|
{
|
|
178
212
|
"kind": "variable",
|
|
179
|
-
"name": "
|
|
180
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
213
|
+
"name": "ot",
|
|
214
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1}_handleClick(){this.disabled||!this.paymentMethod?.manager||this.paymentMethod.manager.start()}render(){return u`<primer-payment-method-button .type=${this.paymentMethod?.type} ?disabled=${this.disabled} @payment-method-click=${()=>this._handleClick()} ></primer-payment-method-button>`}}"
|
|
181
215
|
},
|
|
182
216
|
{
|
|
183
217
|
"kind": "variable",
|
|
184
218
|
"name": "ne",
|
|
185
|
-
"default": "class extends v{constructor(){super();this.
|
|
219
|
+
"default": "class extends v{constructor(){super(...arguments);this.formData={};this.errors={};this.touchedFields=new Set;this.dirtyFields=new Set;this.focusedField=null;this.submitted=!1;this.countryOptions=[];this._initializationTask=new $(this,{task:async([e,r])=>{if(!e||!r)return Y;let i=this.extractFieldConfig(e);return await this.initializeCountryOptions(),i},args:()=>[this.primerContext?.configuration??null,this.primerContext?.headlessUtils]})}connectedCallback(){super.connectedCallback(),this._initializationTask.value}extractFieldConfig(e){if(e?.checkoutModules){let r=e.checkoutModules.find(i=>i.type===\"BILLING_ADDRESS\");if(r?.options){let i=r.options;return Object.keys(Gn).reduce((n,o)=>({...n,[o]:i[o]??!1}),{})}}return this.defaultFieldConfig}async initializeCountryOptions(){try{let e=Bn(\"en\");this.countryOptions=[...e.map(([n,o])=>({value:n,label:o}))],this.requestUpdate(\"countryOptions\");let r=bn();if(r===\"en\"||r===\"en-GB\"||r.startsWith(\"en-\"))return;if(await Nd(r)){let n=Bn(r);this.countryOptions=[...n.map(([o,s])=>({value:o,label:s}))],this.requestUpdate(\"countryOptions\")}}catch(e){P.errorWithDatadog(\"Failed to load country locale\",{error:e})}}get fieldConfig(){return this.extractFieldConfig(this.primerContext?.configuration)}get defaultFieldConfig(){return Object.keys(Gn).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],i=this.fieldConfig[e];if(!i){delete this.errors[e];return}if(i&&(!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(Gn).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.primerContext?.headlessUtils?.setBillingAddress)try{return await this.primerContext?.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],i=this.dirtyFields.has(e),n=this.touchedFields.has(e);return r&&(this.submitted||i&&n)}render(){return this._initializationTask.render({pending:()=>y,error:()=>y,complete:()=>this.shouldShowForm?(this.removeAttribute(\"hidden\"),u`<div class=\"billing-address-form\"><div class=\"billing-address-title\">${E(\"Billing address\",{id:\"billingAddressLabel\"})}</div>${k(this.fieldConfig.countryCode,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.countryCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.firstName||this.fieldConfig.lastName,()=>u`<div class=\"billing-address-row\">${k(this.fieldConfig.firstName,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.firstName}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.lastName,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.lastName}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${k(this.fieldConfig.addressLine1,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.addressLine1}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.addressLine2,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.addressLine2}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.postalCode||this.fieldConfig.city,()=>u`<div class=\"billing-address-row\">${k(this.fieldConfig.postalCode,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.postalCode}</primer-input-error>`)}</primer-input-wrapper>`)} ${k(this.fieldConfig.city,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.city}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`)} ${k(this.fieldConfig.state,()=>u`<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\"),()=>u`<primer-input-error slot=\"error\">${this.errors.state}</primer-input-error>`)}</primer-input-wrapper>`)}</div>`):(this.setAttribute(\"hidden\",\"\"),y)})}}"
|
|
186
220
|
},
|
|
187
221
|
{
|
|
188
222
|
"kind": "variable",
|
|
189
|
-
"name": "
|
|
190
|
-
"default": "class extends v{constructor(){super(
|
|
223
|
+
"name": "oe",
|
|
224
|
+
"default": "class extends v{constructor(){super();this.hasSlottedSubmit=!1;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this._isHandlingContextEvent=!1;this._contextVaultSubmitListener=null;this.deleteAssetConfig=null;this.handleSubmitSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasSlottedSubmit=i.length>0};this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.primerContext?.vaultItem&&this.primerContext?.vaultItem.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.primerContext?.vaultManager&&this.primerContext?.headlessUtils){let r=this.primerContext?.vaultManager.vaultedPaymentMethods.find(i=>i.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await Ja(r,this.primerContext?.headlessUtils,this.primerContext?.vaultManager))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.primerContext?.vaultManager?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=E(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.primerContext?.vaultManager.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=\"\"};this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;this.isSubmitButton(n)&&(e.preventDefault(),this.submitVaultPayment())};this.handleDirectSubmit=()=>{this.submitVaultPayment()};this.handleContextVaultSubmit=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{e.target!==this&&(e.stopPropagation(),this.submitVaultPayment())}finally{this._isHandlingContextEvent=!1}}};new lr(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\"}}}isSubmitButton(e){let r=e.tagName.toLowerCase(),i=r===\"button\",n=r===\"primer-button\";return i&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||n&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitVaultPayment(){if(this.primerContext?.vaultManager)try{await this.primerContext?.vaultManager.startVaultedPaymentFlow()}catch(e){this.dispatchEvent(new CustomEvent(\"primer-vault-payment-error\",{detail:{error:e},bubbles:!0,composed:!0}))}}getPaymentMethodName(e){if(!this.primerContext?.vaultManager)return\"\";let r=this.primerContext?.vaultManager.vaultedPaymentMethods.find(i=>i.id===e);if(!r)return\"\";try{return Fn(r).description||\"\"}catch{return\"\"}}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextVaultSubmitListener&&this.primerContext?.events.host.addEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextVaultSubmitListener&&this.primerContext?.events.host.removeEventListener(\"primer:vault-submit\",this._contextVaultSubmitListener)}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:vault-submit\",this.handleDirectSubmit),this._contextVaultSubmitListener=e=>{this.handleContextVaultSubmit(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:vault-submit\",this.handleDirectSubmit),this.cleanupContextEventListeners(),super.disconnectedCallback()}renderLoadingOverlay(){return u`<div class=\"loading-overlay\" ${Mt({...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 y;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return u`<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} ${Mt({...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?y:u`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.primerContext?.vaultManager?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return u`<div class=\"payment-methods-list\">${e.map(i=>this.renderPaymentMethodItem(i))} ${k(r,()=>u`<div class=\"submit-button-container\"><slot name=\"submit-button\" @slotchange=${this.handleSubmitSlotChange} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></slot>${k(!this.hasSlottedSubmit,()=>u`<primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ></primer-vault-payment-submit>`)}</div>`,()=>y)}</div>`}render(){if(!this.primerContext?.vaultManager?.enabled||this.primerContext?.vaultManager?.headless)return y;let e=this.primerContext?.vaultManager.vaultedPaymentMethods.length>0,r=this.primerContext?.vaultManager.isLoading,i=this.primerContext?.vaultManager.isUpdating;return u` ${k(!this.primerContext?.vaultManager?.showEmptyState&&!e,()=>y,()=>u`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${i?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${k(this.errorMessage,()=>u`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>y)}<div class=\"vault-manager-content\">${k(!r&&!e,()=>u`<div class=\"content-container\"><primer-vault-empty-state ${Mt({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>y)} ${k(!r&&e,()=>u`<div class=\"content-container\">${k(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>y)}</div>${k(i,()=>this.renderLoadingOverlay(),()=>y)}</div></slot>`)} `}}"
|
|
191
225
|
},
|
|
192
226
|
{
|
|
193
227
|
"kind": "variable",
|
|
194
|
-
"name": "
|
|
195
|
-
"default": "class extends v{constructor(){super(...arguments);this.isEditMode=!1;this.
|
|
228
|
+
"name": "Ne",
|
|
229
|
+
"default": "class extends v{constructor(){super(...arguments);this.paymentMethod=void 0;this.isEditMode=!1;this._getAssetsTask=new $(this,{task:async([e,r,i])=>await Ja(e,r,i),args:()=>[this.paymentMethod,this.primerContext?.headlessUtils,this.primerContext?.vaultManager]});this.handleClick=()=>{this.isEditMode||!this.primerContext?.vaultManager||!this.paymentMethod||(this.isSelected()?this.primerContext?.vaultItem?.setSelectedVaultedPaymentMethod(null):this.primerContext?.vaultItem?.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.primerContext?.vaultManager||!this.paymentMethod)return!1;let e=this.primerContext?.vaultItem?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>y,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",i=!1,n=e?.description;return u`<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=${i} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${k(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>u`<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>`,()=>y)}</primer-button>${this.isEditMode?u`<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>`:y}</div></div>`}})}}"
|
|
196
230
|
},
|
|
197
231
|
{
|
|
198
232
|
"kind": "variable",
|
|
199
|
-
"name": "
|
|
200
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
233
|
+
"name": "xe",
|
|
234
|
+
"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 u`<div class=\"vault-manager-header\"><h3>${E(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?u`<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?u`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:u`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:y}</div>`}}"
|
|
201
235
|
},
|
|
202
236
|
{
|
|
203
237
|
"kind": "variable",
|
|
204
|
-
"name": "
|
|
205
|
-
"default": "class extends v{render(){return
|
|
238
|
+
"name": "Ie",
|
|
239
|
+
"default": "class extends v{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";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 u`<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>`}}"
|
|
206
240
|
},
|
|
207
241
|
{
|
|
208
242
|
"kind": "variable",
|
|
209
|
-
"name": "
|
|
210
|
-
"default": "class extends v{
|
|
243
|
+
"name": "st",
|
|
244
|
+
"default": "class extends v{render(){return u`<div class=\"empty-state\"><p>${E(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
211
245
|
},
|
|
212
246
|
{
|
|
213
247
|
"kind": "variable",
|
|
214
|
-
"name": "
|
|
215
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
248
|
+
"name": "ze",
|
|
249
|
+
"default": "class extends v{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return u`<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>`}}"
|
|
216
250
|
},
|
|
217
251
|
{
|
|
218
252
|
"kind": "variable",
|
|
219
|
-
"name": "
|
|
220
|
-
"default": "class extends v{constructor(){super();this.
|
|
253
|
+
"name": "Ce",
|
|
254
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.primerContext?.vaultManager?.startVaultedPaymentFlow()}catch(r){let i=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(i)}}}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.primerContext?.vaultItem?.selectedVaultedPaymentMethod||this.primerContext?.vaultManager?.isLoading)}render(){let e=this.primerContext?.clientOptions?.submitButton?.amountVisible?this.primerContext?.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:y;return u`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.primerContext?.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
221
255
|
},
|
|
222
256
|
{
|
|
223
257
|
"kind": "variable",
|
|
224
|
-
"name": "
|
|
225
|
-
"default": "class extends v{constructor(){super(
|
|
258
|
+
"name": "ae",
|
|
259
|
+
"default": "class extends v{constructor(){super();this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new $(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?Y:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.primerContext?.vaultManager]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new $(this,{task:async([e])=>{if(!e)return Y;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let i=Fr(this.primerContext?.computedStyles??null),n=i?{input:{base:i}}:void 0,o={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:n,ariaLabel:E(\"CVV\",{id:\"cardCVV\"})};this.cvvInput=await e.createCvvInput?.(o)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.errorCode||null,this.primerContext?.vaultItem?.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.primerContext?.vaultItem?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.primerContext?.vaultItem||(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:()=>y,complete:()=>u`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.primerContext?.vaultItem?.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.primerContext?.vaultItem?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>u`<primer-input-error slot=\"error\">${E(this.cvvError,{id:this.cvvError})}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
226
260
|
},
|
|
227
261
|
{
|
|
228
262
|
"kind": "variable",
|
|
229
|
-
"name": "
|
|
230
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
263
|
+
"name": "je",
|
|
264
|
+
"default": "class extends v{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return y;let e=this.assetConfig.description,r=this.assetConfig.icon,i=k(this.assetConfig.icon,()=>u`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>u`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"paypal\"?u`<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\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></span></div></span>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?u`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${i}<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\"?u`<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\">${i}<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\"?u`<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\">${i}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:this.assetConfig.type===\"GOOGLE_PAY\"?u`<span class=\"payment-method-card\"><div class=\"payment-method-row\">${i}<span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:y}}"
|
|
231
265
|
},
|
|
232
266
|
{
|
|
233
267
|
"kind": "variable",
|
|
234
|
-
"name": "
|
|
235
|
-
"default": "class extends
|
|
268
|
+
"name": "Se",
|
|
269
|
+
"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.cardFormProvider=new yt(this,{context:dr,initialValue:null});this.eventsController=new er(this);this._contextCardSubmitListener=null;this._isHandlingContextEvent=!1;this.inputControllers=new Map;this.setupCardFormTask=new $(this,{task:([e])=>{let r=e?.find(l=>l.type===W.PAYMENT_CARD)?.manager;if(!r)return Y;let i=r.createHostedInputs(),{cardNumberInput:n,expiryInput:o,cvvInput:s}=i;return this.cardFormProvider.setValue({cardholderNameInput:i.cardholderNameInput,cardNumberInput:n,expiryInput:o,cvvInput:s,setCardholderName:l=>{r.setCardholderName(l),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let m=c?.validationErrors?.find(A=>A.name===qd.cardholderName),g=this.inputControllers.get(\"cardholderName\");g&&g.updateMetaFromValidation({valid:!1,error:m?.message||m?.error||null,errorCode:m?.message||m?.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 p=c.field||c.name,m=c.message||c.error,g=qd[p];if(g){let A=this.inputControllers.get(g);if(A){let M={valid:!1,error:m,errorCode:m};A.updateMetaFromValidation(M)}}})},registerInputController:(l,c)=>{this.inputControllers.set(l,c)},unregisterInputController:l=>{this.inputControllers.delete(l)},onUserInteraction:()=>{this.sendPaymentMethodSelectionEvent(),this.checkAndSendPaymentDetailsEnteredEvent()}}),!0},args:()=>[this.primerContext?.paymentMethods]});this.paymentDetailsEnteredSent=!1;this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;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 i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.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(\"context\")){let i=e.get(\"context\")?.events??null;i?.host&&this._contextCardSubmitListener&&i.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener),this.setupContextEventListeners()}}get shouldShowCardholderName(){let e=this.primerContext?.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.primerContext?.clientOptions?.card?.cardholderName;return typeof e?.required==\"boolean\"?e.required:!0}sendPaymentMethodSelectionEvent(){this.paymentMethodSelectionSent||(this.paymentMethodSelectionSent=!0,Q({eventName:\"PAYMENT_METHOD_SELECTION\",paymentMethod:\"PAYMENT_CARD\"}))}checkAndSendPaymentDetailsEnteredEvent(){if(this.paymentDetailsEnteredSent)return;let e=this.inputControllers.get(\"cardNumber\"),r=this.inputControllers.get(\"expire\"),i=this.inputControllers.get(\"cvv\"),n=e?.meta?.dirty===!0,o=r?.meta?.dirty===!0,s=i?.meta?.dirty===!0,l=!0;this.shouldRequireCardholderName&&(l=this.inputControllers.get(\"cardholderName\")?.meta?.dirty===!0),n&&o&&s&&l&&(this.sendPaymentDetailsEnteredEvent(),this.paymentDetailsEnteredSent=!0)}sendPaymentDetailsEnteredEvent(){Q({eventName:\"PAYMENT_DETAILS_ENTERED\",paymentMethod:\"PAYMENT_CARD\"})}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit),this._contextCardSubmitListener=e=>{this.handleContextCardSubmit(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),this.cleanupContextEventListeners(),super.disconnectedCallback()}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextCardSubmitListener&&this.primerContext?.events.host.addEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextCardSubmitListener&&this.primerContext?.events.host.removeEventListener(\"primer:card-submit\",this._contextCardSubmitListener)}isSubmitButton(e){let r=e.tagName.toLowerCase(),i=r===\"button\",n=r===\"primer-button\";return i&&(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\"),i=!0;r&&(i=await r.validateForSubmission());let n=await e.validate?.();if(n?.valid&&i){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 o={success:!0};this.eventsController.dispatchFormSubmitSuccess(o);let s=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0;await e.submit?.(s)}else{let o=n?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===bt.ERROR||this.setupCardFormTask.status===bt.INITIAL?y:u`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>k(this.hasAssignedContent,()=>y,()=>u`<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,()=>u`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>y)} ${k(this.primerContext?.clientOptions?.sdkCore!==!1,()=>u`<primer-billing-address></primer-billing-address>`,()=>y)}</div><primer-card-form-submit></primer-card-form-submit><primer-error-message message=\"${this.formErrorMessage||\"\"}\" ?visible=\"${!!this.formErrorMessage}\" ></primer-error-message>`)})}</form>`}}"
|
|
236
270
|
},
|
|
237
271
|
{
|
|
238
272
|
"kind": "variable",
|
|
239
|
-
"name": "
|
|
240
|
-
"default": "class extends
|
|
273
|
+
"name": "lt",
|
|
274
|
+
"default": "class extends se{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===bt.ERROR)return y;let e=this.getError();return u`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${k(!this.cardFormContext?.hideLabels,()=>u`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>y)}<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=>u`<primer-input-error slot=\"error\">${E(r,{id:r})}</primer-input-error>`,()=>y)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
241
275
|
},
|
|
242
276
|
{
|
|
243
277
|
"kind": "variable",
|
|
244
|
-
"name": "
|
|
245
|
-
"default": "class extends
|
|
278
|
+
"name": "dt",
|
|
279
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
246
280
|
},
|
|
247
281
|
{
|
|
248
282
|
"kind": "variable",
|
|
249
|
-
"name": "
|
|
250
|
-
"default": "class extends
|
|
283
|
+
"name": "ct",
|
|
284
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"expire\",containerSelector:\"#expiry\",errorName:\"expiryDate-card\",translations:{label:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"},placeholder:{id:\"cardExpiryPlaceholder\",defaultMessage:\"MM/YY\"},ariaLabel:{id:\"cardExpiry\",defaultMessage:\"Expiry Date\"}}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
251
285
|
},
|
|
252
286
|
{
|
|
253
287
|
"kind": "variable",
|
|
254
|
-
"name": "
|
|
255
|
-
"default": "class extends
|
|
288
|
+
"name": "ut",
|
|
289
|
+
"default": "class extends se{constructor(){super();this.config={inputType:\"cardholderName\",containerSelector:\"#cardFormName\",errorName:\"cardholderName\",translations:{label:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"},placeholder:{id:\"cardholderNamePlaceholder\",defaultMessage:\"Name on card\"},ariaLabel:{id:\"cardholderNameLabel\",defaultMessage:\"Cardholder Name\"}},onInput:e=>this.handleInput(e)};this.childUpdated()}handleInput(e){this.cardFormContext?.setCardholderName?.(e)}render(){return this.renderInput()}}"
|
|
256
290
|
},
|
|
257
291
|
{
|
|
258
292
|
"kind": "variable",
|
|
259
|
-
"name": "
|
|
260
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
293
|
+
"name": "pe",
|
|
294
|
+
"default": "class extends v{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;Q({eventName:\"PAYMENT_SUBMITTED\",paymentMethod:\"PAYMENT_CARD\"});let r=new CustomEvent(\"primer:card-submit\",{bubbles:!0,composed:!0,detail:{source:\"primer-card-form-submit\"}});this.dispatchEvent(r)}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText: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.primerContext?.clientOptions?.submitButton??null}get shouldShowBuiltInButton(){return this.submitButtonConfig?.useBuiltInButton??!0}render(){if(!this.shouldShowBuiltInButton)return y;let e=this.submitButtonConfig?.amountVisible?this.primerContext?.headlessUtils?.getUIOrderAmount():null,r=e?` ${e}`:y,i=this.disabled||this.cardFormContext?.disabled||!1;return u`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${i} @click=${this.handleClick} .loading=${!!this.primerContext?.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
261
295
|
},
|
|
262
296
|
{
|
|
263
297
|
"kind": "variable",
|
|
264
|
-
"name": "
|
|
265
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
298
|
+
"name": "me",
|
|
299
|
+
"default": "class extends v{constructor(){super(...arguments);this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Ht();this.dropdownRef=Ht();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.primerContext?.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}renderDefaultCardIcon(){return u`<div class=\"network-icon\">${$a[\"payment-card\"]}</div>`}getSelectableNetworks(){return this.primerContext?.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.primerContext?.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(i=>i.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.primerContext?.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.primerContext?.cardNetworks?.isLoading)return u`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return this.renderDefaultCardIcon();let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return this.renderDefaultCardIcon();let i=e.length>1;return i&&!Ic(e.map(o=>o.network))?u`<div class=\"network-selector-inline\">${e.map(o=>u`<div class=\"network-icon-container\"><img class=\"network-icon\" src=${this.getNetworkIconUrl(o)??\"\"} alt=${o.displayName} /></div>`)}</div>`:u`<button ${Et(this.buttonRef)} class=\"network-selector ${i?\"\":\"static\"}\" tabindex=${i?\"0\":\"-1\"} @click=${this.toggleDropdown} @keydown=${o=>{(o.key===\" \"||o.key===\"Enter\")&&i&&(o.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${i?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${i?this.isDropdownOpen:y} aria-haspopup=${i?\"true\":y} aria-controls=${i?\"network-dropdown\":y} ><img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} />${k(i,()=>u`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>y)}</button>${k(this.isDropdownOpen,()=>u`<div ${Et(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((o,s)=>u`<div ${Et(l=>this.setNetworkOptionRef(l,s))} class=\"network-option ${this.isKeyboardNavigation&&s===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${l=>this.selectNetwork(l,o)} @keydown=${l=>{(l.key===\"Enter\"||l.key===\" \")&&this.selectNetwork(l,o)}} role=\"option\" aria-selected=${o.network===r.network} tabindex=\"${s===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(o)} alt=${o.displayName} /><span class=\"network-name\">${o.displayName}</span>${k(o.network===r.network,()=>u`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>y)}</div>`)}</div>`,()=>y)} `}}"
|
|
266
300
|
},
|
|
267
301
|
{
|
|
268
302
|
"kind": "variable",
|
|
269
|
-
"name": "
|
|
270
|
-
"default": "class extends v{constructor(){super(...arguments);this.
|
|
303
|
+
"name": "_e",
|
|
304
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasSlottedToggle=!1;this.isExpanded=!1;this._isHandlingContextEvent=!1;this._contextToggleListener=null;this.handleToggleSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasSlottedToggle=i.length>0};this.handleSlotButtonClick=e=>{let i=e.target.closest(\"button, primer-button\");if(!i)return;let n=i;this.isToggleButton(n)&&(e.preventDefault(),this.toggleAccordion())};this.handleDirectToggle=e=>{let r=e.detail?.action;r===\"expand\"?this.expand():r===\"collapse\"?this.collapse():this.toggleAccordion()};this.handleContextToggle=e=>{if(!this._isHandlingContextEvent){this._isHandlingContextEvent=!0;try{if(e.target!==this){e.stopPropagation();let r=e.detail?.action;r===\"expand\"?this.expand():r===\"collapse\"?this.collapse():this.toggleAccordion()}}finally{this._isHandlingContextEvent=!1}}}}isToggleButton(e){let r=this.shadowRoot?.querySelector('slot[name=\"show-other-payments-toggle-button\"]');return r?r.assignedElements({flatten:!0}).some(n=>n===e||n.contains(e)):!1}toggleAccordion(){this.hasSlottedToggle?(this.isExpanded=!this.isExpanded,this.dispatchExpandedEvent(this.isExpanded)):this.collapsableElement&&(this.collapsableElement.isExpanded?this.collapsableElement.collapse():this.collapsableElement.expand())}dispatchExpandedEvent(e){this.dispatchEvent(new CustomEvent(\"primer:show-other-payments-toggled\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.hasSlottedToggle?this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedEvent(!0)):this.collapsableElement?.expand()}collapse(){this.hasSlottedToggle?this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedEvent(!1)):this.collapsableElement?.collapse()}setupContextEventListeners(){this.primerContext?.events?.host&&this._contextToggleListener&&this.primerContext?.events.host.addEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}cleanupContextEventListeners(){this.primerContext?.events?.host&&this._contextToggleListener&&this.primerContext?.events.host.removeEventListener(\"primer:show-other-payments-toggle\",this._contextToggleListener)}connectedCallback(){super.connectedCallback(),this.isExpanded=this.primerContext?.vaultManager?.vaultedPaymentMethods.length===0,this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:show-other-payments-toggle\",this.handleDirectToggle),this._contextToggleListener=e=>{this.handleContextToggle(e)},this.setupContextEventListeners()}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:show-other-payments-toggle\",this.handleDirectToggle),this.cleanupContextEventListeners(),super.disconnectedCallback()}render(){if(this.primerContext?.vaultManager?.isLoading)return y;let e=this.primerContext?.vaultManager?.showEmptyState||this.primerContext?.vaultManager?.vaultedPaymentMethods.length;return!this.primerContext?.vaultManager||!this.primerContext?.vaultManager.enabled||this.primerContext?.vaultManager.headless||!e?u`<slot name=\"other-payments\"></slot>`:u`<div class=\"other-payment-methods-container\"><slot name=\"show-other-payments-toggle-button\" @slotchange=${this.handleToggleSlotChange} ></slot>${k(!this.hasSlottedToggle,()=>u`<primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.primerContext?.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${E(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable>`,()=>u`<div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" role=\"region\" aria-labelledby=\"custom-toggle-button\" ><div class=\"collapsable-content\"><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></div></div>`)}</div>`}}"
|
|
271
305
|
},
|
|
272
306
|
{
|
|
273
307
|
"kind": "variable",
|
|
274
|
-
"name": "
|
|
275
|
-
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.
|
|
308
|
+
"name": "Oe",
|
|
309
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.expanded=!1;this.suppressBlurCollapse=!1;this._handleDocumentClick=e=>{this.expanded&&(this.suppressBlurCollapse||e.composedPath().includes(this)||this._collapseFromOutsideInteraction())};this._handleWindowBlur=()=>{!this.expanded||this.suppressBlurCollapse||setTimeout(()=>{document.hasFocus()&&this._collapseFromOutsideInteraction()},100)}}connectedCallback(){super.connectedCallback(),document.addEventListener(\"click\",this._handleDocumentClick),window.addEventListener(\"blur\",this._handleWindowBlur)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(\"click\",this._handleDocumentClick),window.removeEventListener(\"blur\",this._handleWindowBlur)}_collapseFromOutsideInteraction(){this.expanded&&(this.expanded=!1,this.dispatchEvent(new CustomEvent(\"expanded-change\",{detail:{expanded:!1},bubbles:!0,composed:!0})))}_handleButtonClick(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent(\"expanded-change\",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}render(){return u`<div class=\"container ${this.expanded?\"expanded\":\"\"}\"><primer-payment-method-button .type=${this.type} ?disabled=${this.disabled} @payment-method-click=${()=>this._handleButtonClick()} ></primer-payment-method-button><div class=\"expanded-content\"><div class=\"content-wrapper\"><slot></slot></div></div></div>`}}"
|
|
276
310
|
},
|
|
277
311
|
{
|
|
278
312
|
"kind": "variable",
|
|
279
|
-
"name": "
|
|
280
|
-
"default": "class extends v{render(){return
|
|
313
|
+
"name": "pt",
|
|
314
|
+
"default": "class extends v{constructor(){super(...arguments);this.disabled=!1;this.loading=!1}render(){return u`<button class=${X({loading:this.loading})} ?disabled=${this.disabled||this.loading} @click=${()=>this.dispatchEvent(new Event(\"confirm\",{bubbles:!0,composed:!0}))} >${this.loading?u`<primer-spinner size=\"small\" compact></primer-spinner>`:E(\"confirm\",{id:\"confirm\"})}</button>`}}"
|
|
281
315
|
},
|
|
282
316
|
{
|
|
283
317
|
"kind": "variable",
|
|
284
|
-
"name": "
|
|
285
|
-
"default": "class extends v{render(){return
|
|
318
|
+
"name": "pr",
|
|
319
|
+
"default": "class extends v{render(){return u`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
286
320
|
},
|
|
287
321
|
{
|
|
288
322
|
"kind": "variable",
|
|
289
|
-
"name": "
|
|
290
|
-
"default": "class extends v{
|
|
323
|
+
"name": "zt",
|
|
324
|
+
"default": "class extends v{render(){return u`<primer-checkout-state type=\"failure\" description=${this.primerContext?.sdkState?.primerJsError?.message||\"\"} ></primer-checkout-state>`}}"
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"kind": "variable",
|
|
328
|
+
"name": "mt",
|
|
329
|
+
"default": "class extends v{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.primerContext?.sdkState||this.primerContext.sdkState.isProcessing?!1:!!(this.primerContext.sdkState.paymentFailure&&this.showProcessingErrors)}render(){return this.primerContext?.sdkState?u`<primer-error-message message=\"${E(this.primerContext.sdkState.paymentFailure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:y}}"
|
|
291
330
|
},
|
|
292
331
|
{
|
|
293
332
|
"kind": "variable",
|
|
294
|
-
"name": "
|
|
295
|
-
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()}}render(){return this.primerContext?.sdkState?.isSuccessful?
|
|
333
|
+
"name": "kt",
|
|
334
|
+
"default": "class extends v{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let i=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=i.length>0,this.requestUpdate()}}render(){return this.primerContext?.sdkState?.isSuccessful?u`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:u`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${k(this.hasAssignedContent,()=>y,()=>u`<div class=${X({\"primer-is-processing\":!!this.primerContext?.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.primerContext?.paymentMethods?.map(e=>u`<primer-payment-method type=${e.type} ?disabled=${this.primerContext?.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
|
|
296
335
|
},
|
|
297
336
|
{
|
|
298
337
|
"kind": "function",
|
|
299
|
-
"name": "
|
|
338
|
+
"name": "QO"
|
|
300
339
|
}
|
|
301
340
|
],
|
|
302
341
|
"exports": [
|
|
@@ -316,11 +355,19 @@
|
|
|
316
355
|
"module": "dist/primer-loader.js"
|
|
317
356
|
}
|
|
318
357
|
},
|
|
358
|
+
{
|
|
359
|
+
"kind": "js",
|
|
360
|
+
"name": "AdyenMbway",
|
|
361
|
+
"declaration": {
|
|
362
|
+
"name": "Te",
|
|
363
|
+
"module": "dist/primer-loader.js"
|
|
364
|
+
}
|
|
365
|
+
},
|
|
319
366
|
{
|
|
320
367
|
"kind": "js",
|
|
321
368
|
"name": "ApplePay",
|
|
322
369
|
"declaration": {
|
|
323
|
-
"name": "
|
|
370
|
+
"name": "Ve",
|
|
324
371
|
"module": "dist/primer-loader.js"
|
|
325
372
|
}
|
|
326
373
|
},
|
|
@@ -328,7 +375,7 @@
|
|
|
328
375
|
"kind": "js",
|
|
329
376
|
"name": "BillingAddress",
|
|
330
377
|
"declaration": {
|
|
331
|
-
"name": "
|
|
378
|
+
"name": "ne",
|
|
332
379
|
"module": "dist/primer-loader.js"
|
|
333
380
|
}
|
|
334
381
|
},
|
|
@@ -336,7 +383,7 @@
|
|
|
336
383
|
"kind": "js",
|
|
337
384
|
"name": "Blik",
|
|
338
385
|
"declaration": {
|
|
339
|
-
"name": "
|
|
386
|
+
"name": "be",
|
|
340
387
|
"module": "dist/primer-loader.js"
|
|
341
388
|
}
|
|
342
389
|
},
|
|
@@ -344,7 +391,7 @@
|
|
|
344
391
|
"kind": "js",
|
|
345
392
|
"name": "Button",
|
|
346
393
|
"declaration": {
|
|
347
|
-
"name": "
|
|
394
|
+
"name": "ce",
|
|
348
395
|
"module": "dist/primer-loader.js"
|
|
349
396
|
}
|
|
350
397
|
},
|
|
@@ -352,7 +399,7 @@
|
|
|
352
399
|
"kind": "js",
|
|
353
400
|
"name": "CardForm",
|
|
354
401
|
"declaration": {
|
|
355
|
-
"name": "
|
|
402
|
+
"name": "Se",
|
|
356
403
|
"module": "dist/primer-loader.js"
|
|
357
404
|
}
|
|
358
405
|
},
|
|
@@ -360,7 +407,7 @@
|
|
|
360
407
|
"kind": "js",
|
|
361
408
|
"name": "CardFormCVV",
|
|
362
409
|
"declaration": {
|
|
363
|
-
"name": "
|
|
410
|
+
"name": "dt",
|
|
364
411
|
"module": "dist/primer-loader.js"
|
|
365
412
|
}
|
|
366
413
|
},
|
|
@@ -368,7 +415,7 @@
|
|
|
368
415
|
"kind": "js",
|
|
369
416
|
"name": "CardFormCardNetworkSelector",
|
|
370
417
|
"declaration": {
|
|
371
|
-
"name": "
|
|
418
|
+
"name": "me",
|
|
372
419
|
"module": "dist/primer-loader.js"
|
|
373
420
|
}
|
|
374
421
|
},
|
|
@@ -376,7 +423,7 @@
|
|
|
376
423
|
"kind": "js",
|
|
377
424
|
"name": "CardFormCardNumber",
|
|
378
425
|
"declaration": {
|
|
379
|
-
"name": "
|
|
426
|
+
"name": "lt",
|
|
380
427
|
"module": "dist/primer-loader.js"
|
|
381
428
|
}
|
|
382
429
|
},
|
|
@@ -384,7 +431,7 @@
|
|
|
384
431
|
"kind": "js",
|
|
385
432
|
"name": "CardFormError",
|
|
386
433
|
"declaration": {
|
|
387
|
-
"name": "
|
|
434
|
+
"name": "it",
|
|
388
435
|
"module": "dist/primer-loader.js"
|
|
389
436
|
}
|
|
390
437
|
},
|
|
@@ -392,7 +439,7 @@
|
|
|
392
439
|
"kind": "js",
|
|
393
440
|
"name": "CardFormExpiry",
|
|
394
441
|
"declaration": {
|
|
395
|
-
"name": "
|
|
442
|
+
"name": "ct",
|
|
396
443
|
"module": "dist/primer-loader.js"
|
|
397
444
|
}
|
|
398
445
|
},
|
|
@@ -400,7 +447,7 @@
|
|
|
400
447
|
"kind": "js",
|
|
401
448
|
"name": "CardFormName",
|
|
402
449
|
"declaration": {
|
|
403
|
-
"name": "
|
|
450
|
+
"name": "ut",
|
|
404
451
|
"module": "dist/primer-loader.js"
|
|
405
452
|
}
|
|
406
453
|
},
|
|
@@ -408,7 +455,7 @@
|
|
|
408
455
|
"kind": "js",
|
|
409
456
|
"name": "CardFormSubmit",
|
|
410
457
|
"declaration": {
|
|
411
|
-
"name": "
|
|
458
|
+
"name": "pe",
|
|
412
459
|
"module": "dist/primer-loader.js"
|
|
413
460
|
}
|
|
414
461
|
},
|
|
@@ -416,7 +463,7 @@
|
|
|
416
463
|
"kind": "js",
|
|
417
464
|
"name": "Collapsable",
|
|
418
465
|
"declaration": {
|
|
419
|
-
"name": "
|
|
466
|
+
"name": "ue",
|
|
420
467
|
"module": "dist/primer-loader.js"
|
|
421
468
|
}
|
|
422
469
|
},
|
|
@@ -424,7 +471,7 @@
|
|
|
424
471
|
"kind": "js",
|
|
425
472
|
"name": "Dialog",
|
|
426
473
|
"declaration": {
|
|
427
|
-
"name": "
|
|
474
|
+
"name": "Re",
|
|
428
475
|
"module": "dist/primer-loader.js"
|
|
429
476
|
}
|
|
430
477
|
},
|
|
@@ -432,7 +479,7 @@
|
|
|
432
479
|
"kind": "js",
|
|
433
480
|
"name": "ErrorMessage",
|
|
434
481
|
"declaration": {
|
|
435
|
-
"name": "
|
|
482
|
+
"name": "Fe",
|
|
436
483
|
"module": "dist/primer-loader.js"
|
|
437
484
|
}
|
|
438
485
|
},
|
|
@@ -440,7 +487,7 @@
|
|
|
440
487
|
"kind": "js",
|
|
441
488
|
"name": "ErrorMessageContainer",
|
|
442
489
|
"declaration": {
|
|
443
|
-
"name": "
|
|
490
|
+
"name": "mt",
|
|
444
491
|
"module": "dist/primer-loader.js"
|
|
445
492
|
}
|
|
446
493
|
},
|
|
@@ -448,7 +495,7 @@
|
|
|
448
495
|
"kind": "js",
|
|
449
496
|
"name": "GooglePay",
|
|
450
497
|
"declaration": {
|
|
451
|
-
"name": "
|
|
498
|
+
"name": "Ue",
|
|
452
499
|
"module": "dist/primer-loader.js"
|
|
453
500
|
}
|
|
454
501
|
},
|
|
@@ -456,7 +503,7 @@
|
|
|
456
503
|
"kind": "js",
|
|
457
504
|
"name": "Input",
|
|
458
505
|
"declaration": {
|
|
459
|
-
"name": "
|
|
506
|
+
"name": "j",
|
|
460
507
|
"module": "dist/primer-loader.js"
|
|
461
508
|
}
|
|
462
509
|
},
|
|
@@ -464,7 +511,7 @@
|
|
|
464
511
|
"kind": "js",
|
|
465
512
|
"name": "InputLabel",
|
|
466
513
|
"declaration": {
|
|
467
|
-
"name": "
|
|
514
|
+
"name": "at",
|
|
468
515
|
"module": "dist/primer-loader.js"
|
|
469
516
|
}
|
|
470
517
|
},
|
|
@@ -472,7 +519,7 @@
|
|
|
472
519
|
"kind": "js",
|
|
473
520
|
"name": "InputWrapper",
|
|
474
521
|
"declaration": {
|
|
475
|
-
"name": "
|
|
522
|
+
"name": "Ge",
|
|
476
523
|
"module": "dist/primer-loader.js"
|
|
477
524
|
}
|
|
478
525
|
},
|
|
@@ -480,7 +527,7 @@
|
|
|
480
527
|
"kind": "js",
|
|
481
528
|
"name": "PayPal",
|
|
482
529
|
"declaration": {
|
|
483
|
-
"name": "
|
|
530
|
+
"name": "He",
|
|
484
531
|
"module": "dist/primer-loader.js"
|
|
485
532
|
}
|
|
486
533
|
},
|
|
@@ -488,7 +535,7 @@
|
|
|
488
535
|
"kind": "js",
|
|
489
536
|
"name": "PaymentMethod",
|
|
490
537
|
"declaration": {
|
|
491
|
-
"name": "
|
|
538
|
+
"name": "Ye",
|
|
492
539
|
"module": "dist/primer-loader.js"
|
|
493
540
|
}
|
|
494
541
|
},
|
|
@@ -496,7 +543,7 @@
|
|
|
496
543
|
"kind": "js",
|
|
497
544
|
"name": "PaymentMethodAccordion",
|
|
498
545
|
"declaration": {
|
|
499
|
-
"name": "
|
|
546
|
+
"name": "Oe",
|
|
500
547
|
"module": "dist/primer-loader.js"
|
|
501
548
|
}
|
|
502
549
|
},
|
|
@@ -504,7 +551,7 @@
|
|
|
504
551
|
"kind": "js",
|
|
505
552
|
"name": "PaymentMethodAccordionConfirmButton",
|
|
506
553
|
"declaration": {
|
|
507
|
-
"name": "
|
|
554
|
+
"name": "pt",
|
|
508
555
|
"module": "dist/primer-loader.js"
|
|
509
556
|
}
|
|
510
557
|
},
|
|
@@ -512,7 +559,7 @@
|
|
|
512
559
|
"kind": "js",
|
|
513
560
|
"name": "PaymentMethodButton",
|
|
514
561
|
"declaration": {
|
|
515
|
-
"name": "
|
|
562
|
+
"name": "$e",
|
|
516
563
|
"module": "dist/primer-loader.js"
|
|
517
564
|
}
|
|
518
565
|
},
|
|
@@ -520,7 +567,7 @@
|
|
|
520
567
|
"kind": "js",
|
|
521
568
|
"name": "PaymentMethodContainer",
|
|
522
569
|
"declaration": {
|
|
523
|
-
"name": "
|
|
570
|
+
"name": "we",
|
|
524
571
|
"module": "dist/primer-loader.js"
|
|
525
572
|
}
|
|
526
573
|
},
|
|
@@ -528,7 +575,7 @@
|
|
|
528
575
|
"kind": "js",
|
|
529
576
|
"name": "PaymentMethodContentComponent",
|
|
530
577
|
"declaration": {
|
|
531
|
-
"name": "
|
|
578
|
+
"name": "je",
|
|
532
579
|
"module": "dist/primer-loader.js"
|
|
533
580
|
}
|
|
534
581
|
},
|
|
@@ -544,7 +591,7 @@
|
|
|
544
591
|
"kind": "js",
|
|
545
592
|
"name": "PrimerCheckoutComplete",
|
|
546
593
|
"declaration": {
|
|
547
|
-
"name": "
|
|
594
|
+
"name": "pr",
|
|
548
595
|
"module": "dist/primer-loader.js"
|
|
549
596
|
}
|
|
550
597
|
},
|
|
@@ -552,7 +599,7 @@
|
|
|
552
599
|
"kind": "js",
|
|
553
600
|
"name": "PrimerCheckoutComponent",
|
|
554
601
|
"declaration": {
|
|
555
|
-
"name": "
|
|
602
|
+
"name": "ye",
|
|
556
603
|
"module": "dist/primer-loader.js"
|
|
557
604
|
}
|
|
558
605
|
},
|
|
@@ -560,7 +607,7 @@
|
|
|
560
607
|
"kind": "js",
|
|
561
608
|
"name": "PrimerCheckoutFailure",
|
|
562
609
|
"declaration": {
|
|
563
|
-
"name": "
|
|
610
|
+
"name": "zt",
|
|
564
611
|
"module": "dist/primer-loader.js"
|
|
565
612
|
}
|
|
566
613
|
},
|
|
@@ -568,7 +615,7 @@
|
|
|
568
615
|
"kind": "js",
|
|
569
616
|
"name": "PrimerCheckoutState",
|
|
570
617
|
"declaration": {
|
|
571
|
-
"name": "
|
|
618
|
+
"name": "nt",
|
|
572
619
|
"module": "dist/primer-loader.js"
|
|
573
620
|
}
|
|
574
621
|
},
|
|
@@ -576,7 +623,7 @@
|
|
|
576
623
|
"kind": "js",
|
|
577
624
|
"name": "PrimerIcon",
|
|
578
625
|
"declaration": {
|
|
579
|
-
"name": "
|
|
626
|
+
"name": "Ke",
|
|
580
627
|
"module": "dist/primer-loader.js"
|
|
581
628
|
}
|
|
582
629
|
},
|
|
@@ -584,7 +631,7 @@
|
|
|
584
631
|
"kind": "js",
|
|
585
632
|
"name": "PrimerKlarna",
|
|
586
633
|
"declaration": {
|
|
587
|
-
"name": "
|
|
634
|
+
"name": "ve",
|
|
588
635
|
"module": "dist/primer-loader.js"
|
|
589
636
|
}
|
|
590
637
|
},
|
|
@@ -592,7 +639,15 @@
|
|
|
592
639
|
"kind": "js",
|
|
593
640
|
"name": "PrimerMain",
|
|
594
641
|
"declaration": {
|
|
595
|
-
"name": "
|
|
642
|
+
"name": "kt",
|
|
643
|
+
"module": "dist/primer-loader.js"
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"kind": "js",
|
|
648
|
+
"name": "PtPhoneNumberInput",
|
|
649
|
+
"declaration": {
|
|
650
|
+
"name": "re",
|
|
596
651
|
"module": "dist/primer-loader.js"
|
|
597
652
|
}
|
|
598
653
|
},
|
|
@@ -600,7 +655,7 @@
|
|
|
600
655
|
"kind": "js",
|
|
601
656
|
"name": "RedirectPayment",
|
|
602
657
|
"declaration": {
|
|
603
|
-
"name": "
|
|
658
|
+
"name": "ot",
|
|
604
659
|
"module": "dist/primer-loader.js"
|
|
605
660
|
}
|
|
606
661
|
},
|
|
@@ -608,7 +663,7 @@
|
|
|
608
663
|
"kind": "js",
|
|
609
664
|
"name": "Select",
|
|
610
665
|
"declaration": {
|
|
611
|
-
"name": "
|
|
666
|
+
"name": "fe",
|
|
612
667
|
"module": "dist/primer-loader.js"
|
|
613
668
|
}
|
|
614
669
|
},
|
|
@@ -616,7 +671,7 @@
|
|
|
616
671
|
"kind": "js",
|
|
617
672
|
"name": "ShowOtherPayments",
|
|
618
673
|
"declaration": {
|
|
619
|
-
"name": "
|
|
674
|
+
"name": "_e",
|
|
620
675
|
"module": "dist/primer-loader.js"
|
|
621
676
|
}
|
|
622
677
|
},
|
|
@@ -624,7 +679,7 @@
|
|
|
624
679
|
"kind": "js",
|
|
625
680
|
"name": "Spinner",
|
|
626
681
|
"declaration": {
|
|
627
|
-
"name": "
|
|
682
|
+
"name": "Be",
|
|
628
683
|
"module": "dist/primer-loader.js"
|
|
629
684
|
}
|
|
630
685
|
},
|
|
@@ -632,7 +687,7 @@
|
|
|
632
687
|
"kind": "js",
|
|
633
688
|
"name": "VaultCvvInput",
|
|
634
689
|
"declaration": {
|
|
635
|
-
"name": "
|
|
690
|
+
"name": "ae",
|
|
636
691
|
"module": "dist/primer-loader.js"
|
|
637
692
|
}
|
|
638
693
|
},
|
|
@@ -640,7 +695,7 @@
|
|
|
640
695
|
"kind": "js",
|
|
641
696
|
"name": "VaultDeleteConfirmation",
|
|
642
697
|
"declaration": {
|
|
643
|
-
"name": "
|
|
698
|
+
"name": "Ie",
|
|
644
699
|
"module": "dist/primer-loader.js"
|
|
645
700
|
}
|
|
646
701
|
},
|
|
@@ -648,7 +703,7 @@
|
|
|
648
703
|
"kind": "js",
|
|
649
704
|
"name": "VaultEmptyState",
|
|
650
705
|
"declaration": {
|
|
651
|
-
"name": "
|
|
706
|
+
"name": "st",
|
|
652
707
|
"module": "dist/primer-loader.js"
|
|
653
708
|
}
|
|
654
709
|
},
|
|
@@ -656,7 +711,7 @@
|
|
|
656
711
|
"kind": "js",
|
|
657
712
|
"name": "VaultErrorMessage",
|
|
658
713
|
"declaration": {
|
|
659
|
-
"name": "
|
|
714
|
+
"name": "ze",
|
|
660
715
|
"module": "dist/primer-loader.js"
|
|
661
716
|
}
|
|
662
717
|
},
|
|
@@ -664,7 +719,7 @@
|
|
|
664
719
|
"kind": "js",
|
|
665
720
|
"name": "VaultManager",
|
|
666
721
|
"declaration": {
|
|
667
|
-
"name": "
|
|
722
|
+
"name": "oe",
|
|
668
723
|
"module": "dist/primer-loader.js"
|
|
669
724
|
}
|
|
670
725
|
},
|
|
@@ -672,7 +727,7 @@
|
|
|
672
727
|
"kind": "js",
|
|
673
728
|
"name": "VaultManagerHeader",
|
|
674
729
|
"declaration": {
|
|
675
|
-
"name": "
|
|
730
|
+
"name": "xe",
|
|
676
731
|
"module": "dist/primer-loader.js"
|
|
677
732
|
}
|
|
678
733
|
},
|
|
@@ -680,7 +735,7 @@
|
|
|
680
735
|
"kind": "js",
|
|
681
736
|
"name": "VaultPaymentMethodItem",
|
|
682
737
|
"declaration": {
|
|
683
|
-
"name": "
|
|
738
|
+
"name": "Ne",
|
|
684
739
|
"module": "dist/primer-loader.js"
|
|
685
740
|
}
|
|
686
741
|
},
|
|
@@ -688,7 +743,7 @@
|
|
|
688
743
|
"kind": "js",
|
|
689
744
|
"name": "VaultPaymentSubmit",
|
|
690
745
|
"declaration": {
|
|
691
|
-
"name": "
|
|
746
|
+
"name": "Ce",
|
|
692
747
|
"module": "dist/primer-loader.js"
|
|
693
748
|
}
|
|
694
749
|
},
|
|
@@ -696,7 +751,7 @@
|
|
|
696
751
|
"kind": "js",
|
|
697
752
|
"name": "injectDarkTheme",
|
|
698
753
|
"declaration": {
|
|
699
|
-
"name": "
|
|
754
|
+
"name": "ih",
|
|
700
755
|
"module": "dist/primer-loader.js"
|
|
701
756
|
}
|
|
702
757
|
},
|
|
@@ -704,7 +759,7 @@
|
|
|
704
759
|
"kind": "js",
|
|
705
760
|
"name": "injectLightTheme",
|
|
706
761
|
"declaration": {
|
|
707
|
-
"name": "
|
|
762
|
+
"name": "ah",
|
|
708
763
|
"module": "dist/primer-loader.js"
|
|
709
764
|
}
|
|
710
765
|
},
|
|
@@ -712,7 +767,7 @@
|
|
|
712
767
|
"kind": "js",
|
|
713
768
|
"name": "injectLoaderStyles",
|
|
714
769
|
"declaration": {
|
|
715
|
-
"name": "
|
|
770
|
+
"name": "pl",
|
|
716
771
|
"module": "dist/primer-loader.js"
|
|
717
772
|
}
|
|
718
773
|
},
|
|
@@ -720,7 +775,7 @@
|
|
|
720
775
|
"kind": "js",
|
|
721
776
|
"name": "injectThemeStyles",
|
|
722
777
|
"declaration": {
|
|
723
|
-
"name": "
|
|
778
|
+
"name": "ml",
|
|
724
779
|
"module": "dist/primer-loader.js"
|
|
725
780
|
}
|
|
726
781
|
},
|
|
@@ -728,7 +783,7 @@
|
|
|
728
783
|
"kind": "js",
|
|
729
784
|
"name": "loadPrimer",
|
|
730
785
|
"declaration": {
|
|
731
|
-
"name": "
|
|
786
|
+
"name": "QO",
|
|
732
787
|
"module": "dist/primer-loader.js"
|
|
733
788
|
}
|
|
734
789
|
}
|
|
@@ -736,40 +791,15 @@
|
|
|
736
791
|
},
|
|
737
792
|
{
|
|
738
793
|
"kind": "javascript-module",
|
|
739
|
-
"path": "
|
|
794
|
+
"path": "src/consts.ts",
|
|
740
795
|
"declarations": [
|
|
741
796
|
{
|
|
742
797
|
"kind": "variable",
|
|
743
|
-
"name": "
|
|
744
|
-
"default": "chromaticTest"
|
|
745
|
-
}
|
|
746
|
-
],
|
|
747
|
-
"exports": [
|
|
748
|
-
{
|
|
749
|
-
"kind": "js",
|
|
750
|
-
"name": "expect",
|
|
751
|
-
"declaration": {
|
|
752
|
-
"name": "expect",
|
|
753
|
-
"package": "@chromatic-com/playwright"
|
|
754
|
-
}
|
|
798
|
+
"name": "legacySdkCdnUrl"
|
|
755
799
|
},
|
|
756
|
-
{
|
|
757
|
-
"kind": "js",
|
|
758
|
-
"name": "test",
|
|
759
|
-
"declaration": {
|
|
760
|
-
"name": "test",
|
|
761
|
-
"module": "e2e/utils.ts"
|
|
762
|
-
}
|
|
763
|
-
}
|
|
764
|
-
]
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"kind": "javascript-module",
|
|
768
|
-
"path": "src/consts.ts",
|
|
769
|
-
"declarations": [
|
|
770
800
|
{
|
|
771
801
|
"kind": "variable",
|
|
772
|
-
"name": "
|
|
802
|
+
"name": "isDev"
|
|
773
803
|
},
|
|
774
804
|
{
|
|
775
805
|
"kind": "variable",
|
|
@@ -790,6 +820,14 @@
|
|
|
790
820
|
"module": "src/consts.ts"
|
|
791
821
|
}
|
|
792
822
|
},
|
|
823
|
+
{
|
|
824
|
+
"kind": "js",
|
|
825
|
+
"name": "isDev",
|
|
826
|
+
"declaration": {
|
|
827
|
+
"name": "isDev",
|
|
828
|
+
"module": "src/consts.ts"
|
|
829
|
+
}
|
|
830
|
+
},
|
|
793
831
|
{
|
|
794
832
|
"kind": "js",
|
|
795
833
|
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
@@ -1626,6 +1664,61 @@
|
|
|
1626
1664
|
}
|
|
1627
1665
|
]
|
|
1628
1666
|
},
|
|
1667
|
+
{
|
|
1668
|
+
"kind": "javascript-module",
|
|
1669
|
+
"path": "e2e/mocks/shared.ts",
|
|
1670
|
+
"declarations": [
|
|
1671
|
+
{
|
|
1672
|
+
"kind": "function",
|
|
1673
|
+
"name": "mockConfigurationCall",
|
|
1674
|
+
"parameters": [
|
|
1675
|
+
{
|
|
1676
|
+
"name": "page",
|
|
1677
|
+
"type": {
|
|
1678
|
+
"text": "Page"
|
|
1679
|
+
}
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"name": "config",
|
|
1683
|
+
"type": {
|
|
1684
|
+
"text": "unknown"
|
|
1685
|
+
}
|
|
1686
|
+
}
|
|
1687
|
+
]
|
|
1688
|
+
},
|
|
1689
|
+
{
|
|
1690
|
+
"kind": "function",
|
|
1691
|
+
"name": "mockDemoUrl",
|
|
1692
|
+
"parameters": [
|
|
1693
|
+
{
|
|
1694
|
+
"name": "primerCheckoutOptions",
|
|
1695
|
+
"optional": true,
|
|
1696
|
+
"type": {
|
|
1697
|
+
"text": "PrimerCheckoutOptions"
|
|
1698
|
+
}
|
|
1699
|
+
}
|
|
1700
|
+
]
|
|
1701
|
+
}
|
|
1702
|
+
],
|
|
1703
|
+
"exports": [
|
|
1704
|
+
{
|
|
1705
|
+
"kind": "js",
|
|
1706
|
+
"name": "mockConfigurationCall",
|
|
1707
|
+
"declaration": {
|
|
1708
|
+
"name": "mockConfigurationCall",
|
|
1709
|
+
"module": "e2e/mocks/shared.ts"
|
|
1710
|
+
}
|
|
1711
|
+
},
|
|
1712
|
+
{
|
|
1713
|
+
"kind": "js",
|
|
1714
|
+
"name": "mockDemoUrl",
|
|
1715
|
+
"declaration": {
|
|
1716
|
+
"name": "mockDemoUrl",
|
|
1717
|
+
"module": "e2e/mocks/shared.ts"
|
|
1718
|
+
}
|
|
1719
|
+
}
|
|
1720
|
+
]
|
|
1721
|
+
},
|
|
1629
1722
|
{
|
|
1630
1723
|
"kind": "javascript-module",
|
|
1631
1724
|
"path": "dist/chunks/ar.4ZFBST5B.js",
|
|
@@ -2759,61 +2852,6 @@
|
|
|
2759
2852
|
}
|
|
2760
2853
|
]
|
|
2761
2854
|
},
|
|
2762
|
-
{
|
|
2763
|
-
"kind": "javascript-module",
|
|
2764
|
-
"path": "e2e/mocks/shared.ts",
|
|
2765
|
-
"declarations": [
|
|
2766
|
-
{
|
|
2767
|
-
"kind": "function",
|
|
2768
|
-
"name": "mockConfigurationCall",
|
|
2769
|
-
"parameters": [
|
|
2770
|
-
{
|
|
2771
|
-
"name": "page",
|
|
2772
|
-
"type": {
|
|
2773
|
-
"text": "Page"
|
|
2774
|
-
}
|
|
2775
|
-
},
|
|
2776
|
-
{
|
|
2777
|
-
"name": "config",
|
|
2778
|
-
"type": {
|
|
2779
|
-
"text": "unknown"
|
|
2780
|
-
}
|
|
2781
|
-
}
|
|
2782
|
-
]
|
|
2783
|
-
},
|
|
2784
|
-
{
|
|
2785
|
-
"kind": "function",
|
|
2786
|
-
"name": "mockDemoUrl",
|
|
2787
|
-
"parameters": [
|
|
2788
|
-
{
|
|
2789
|
-
"name": "primerCheckoutOptions",
|
|
2790
|
-
"optional": true,
|
|
2791
|
-
"type": {
|
|
2792
|
-
"text": "PrimerCheckoutOptions"
|
|
2793
|
-
}
|
|
2794
|
-
}
|
|
2795
|
-
]
|
|
2796
|
-
}
|
|
2797
|
-
],
|
|
2798
|
-
"exports": [
|
|
2799
|
-
{
|
|
2800
|
-
"kind": "js",
|
|
2801
|
-
"name": "mockConfigurationCall",
|
|
2802
|
-
"declaration": {
|
|
2803
|
-
"name": "mockConfigurationCall",
|
|
2804
|
-
"module": "e2e/mocks/shared.ts"
|
|
2805
|
-
}
|
|
2806
|
-
},
|
|
2807
|
-
{
|
|
2808
|
-
"kind": "js",
|
|
2809
|
-
"name": "mockDemoUrl",
|
|
2810
|
-
"declaration": {
|
|
2811
|
-
"name": "mockDemoUrl",
|
|
2812
|
-
"module": "e2e/mocks/shared.ts"
|
|
2813
|
-
}
|
|
2814
|
-
}
|
|
2815
|
-
]
|
|
2816
|
-
},
|
|
2817
2855
|
{
|
|
2818
2856
|
"kind": "javascript-module",
|
|
2819
2857
|
"path": "src/__tests__/setup.ts",
|
|
@@ -2889,6 +2927,14 @@
|
|
|
2889
2927
|
"module": "./input/input"
|
|
2890
2928
|
}
|
|
2891
2929
|
},
|
|
2930
|
+
{
|
|
2931
|
+
"kind": "js",
|
|
2932
|
+
"name": "PtPhoneNumberInput",
|
|
2933
|
+
"declaration": {
|
|
2934
|
+
"name": "PtPhoneNumberInput",
|
|
2935
|
+
"module": "./pt-phone-number-input/pt-phone-number-input"
|
|
2936
|
+
}
|
|
2937
|
+
},
|
|
2892
2938
|
{
|
|
2893
2939
|
"kind": "js",
|
|
2894
2940
|
"name": "Select",
|
|
@@ -3176,6 +3222,14 @@
|
|
|
3176
3222
|
"module": "./blik/blik"
|
|
3177
3223
|
}
|
|
3178
3224
|
},
|
|
3225
|
+
{
|
|
3226
|
+
"kind": "js",
|
|
3227
|
+
"name": "AdyenMbway",
|
|
3228
|
+
"declaration": {
|
|
3229
|
+
"name": "AdyenMbway",
|
|
3230
|
+
"module": "./adyen-mbway/adyen-mbway"
|
|
3231
|
+
}
|
|
3232
|
+
},
|
|
3179
3233
|
{
|
|
3180
3234
|
"kind": "js",
|
|
3181
3235
|
"name": "PaymentMethodButton",
|
|
@@ -5458,6 +5512,14 @@
|
|
|
5458
5512
|
"module": "./compatibility-types"
|
|
5459
5513
|
}
|
|
5460
5514
|
},
|
|
5515
|
+
{
|
|
5516
|
+
"kind": "js",
|
|
5517
|
+
"name": "IMbwayPaymentMethodManager",
|
|
5518
|
+
"declaration": {
|
|
5519
|
+
"name": "IMbwayPaymentMethodManager",
|
|
5520
|
+
"module": "./compatibility-types"
|
|
5521
|
+
}
|
|
5522
|
+
},
|
|
5461
5523
|
{
|
|
5462
5524
|
"kind": "js",
|
|
5463
5525
|
"name": "INativePaymentMethodManager",
|
|
@@ -6615,12 +6677,6 @@
|
|
|
6615
6677
|
}
|
|
6616
6678
|
]
|
|
6617
6679
|
},
|
|
6618
|
-
{
|
|
6619
|
-
"kind": "javascript-module",
|
|
6620
|
-
"path": "e2e/tests/sdkcore-false-tests/card-3ds.spec.ts",
|
|
6621
|
-
"declarations": [],
|
|
6622
|
-
"exports": []
|
|
6623
|
-
},
|
|
6624
6680
|
{
|
|
6625
6681
|
"kind": "javascript-module",
|
|
6626
6682
|
"path": "e2e/tests/sdkcore-false-tests/card-basic.spec.ts",
|
|
@@ -8687,42 +8743,70 @@
|
|
|
8687
8743
|
},
|
|
8688
8744
|
{
|
|
8689
8745
|
"kind": "javascript-module",
|
|
8690
|
-
"path": "src/atoms/
|
|
8746
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts",
|
|
8691
8747
|
"declarations": [
|
|
8692
8748
|
{
|
|
8693
8749
|
"kind": "class",
|
|
8694
|
-
"description": "
|
|
8695
|
-
"name": "
|
|
8750
|
+
"description": "Portuguese Phone Number Input\n\nInline phone input dedicated to Portuguese (+351) numbers. Renders a PT\nflag, a fixed `+351` prefix, and a digit-only field; the user types only\nthe local digits. Emits `input` / `change` events whose detail is the full\nE.164 number (`+351` + digits) or an empty string when no digits are\nentered.\n\nThis is intentionally PT-only — MB WAY is the only consumer and only\noperates in Portugal. If we ever need other locales, fork into a\ncountry-aware component rather than generalising this one.",
|
|
8751
|
+
"name": "PtPhoneNumberInputComponent",
|
|
8696
8752
|
"members": [
|
|
8697
8753
|
{
|
|
8698
8754
|
"kind": "field",
|
|
8699
|
-
"name": "
|
|
8755
|
+
"name": "prefix",
|
|
8700
8756
|
"type": {
|
|
8701
8757
|
"text": "string"
|
|
8702
8758
|
},
|
|
8703
|
-
"default": "''",
|
|
8704
|
-
"description": "
|
|
8705
|
-
"attribute": "
|
|
8759
|
+
"default": "'+351'",
|
|
8760
|
+
"description": "Fixed PT dial code. Exposed as a property only so tests can override.",
|
|
8761
|
+
"attribute": "prefix"
|
|
8706
8762
|
},
|
|
8707
8763
|
{
|
|
8708
8764
|
"kind": "field",
|
|
8709
|
-
"name": "
|
|
8765
|
+
"name": "value",
|
|
8710
8766
|
"type": {
|
|
8711
8767
|
"text": "string"
|
|
8712
8768
|
},
|
|
8713
8769
|
"default": "''",
|
|
8714
|
-
"description": "The
|
|
8715
|
-
"attribute": "
|
|
8770
|
+
"description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
|
|
8771
|
+
"attribute": "value"
|
|
8716
8772
|
},
|
|
8717
8773
|
{
|
|
8718
8774
|
"kind": "field",
|
|
8719
|
-
"name": "
|
|
8775
|
+
"name": "placeholder",
|
|
8720
8776
|
"type": {
|
|
8721
8777
|
"text": "string"
|
|
8722
8778
|
},
|
|
8723
8779
|
"default": "''",
|
|
8724
|
-
"
|
|
8725
|
-
|
|
8780
|
+
"attribute": "placeholder"
|
|
8781
|
+
},
|
|
8782
|
+
{
|
|
8783
|
+
"kind": "field",
|
|
8784
|
+
"name": "inputId",
|
|
8785
|
+
"type": {
|
|
8786
|
+
"text": "string"
|
|
8787
|
+
},
|
|
8788
|
+
"default": "'primer-pt-phone-number-input'",
|
|
8789
|
+
"attribute": "input-id"
|
|
8790
|
+
},
|
|
8791
|
+
{
|
|
8792
|
+
"kind": "field",
|
|
8793
|
+
"name": "maxLength",
|
|
8794
|
+
"type": {
|
|
8795
|
+
"text": "number"
|
|
8796
|
+
},
|
|
8797
|
+
"default": "15",
|
|
8798
|
+
"description": "Maximum total length of the full phone number (including prefix).",
|
|
8799
|
+
"attribute": "max-length"
|
|
8800
|
+
},
|
|
8801
|
+
{
|
|
8802
|
+
"kind": "field",
|
|
8803
|
+
"name": "minLength",
|
|
8804
|
+
"type": {
|
|
8805
|
+
"text": "number"
|
|
8806
|
+
},
|
|
8807
|
+
"default": "9",
|
|
8808
|
+
"description": "Minimum total length of the full phone number (including prefix).",
|
|
8809
|
+
"attribute": "min-length"
|
|
8726
8810
|
},
|
|
8727
8811
|
{
|
|
8728
8812
|
"kind": "field",
|
|
@@ -8731,260 +8815,491 @@
|
|
|
8731
8815
|
"text": "boolean"
|
|
8732
8816
|
},
|
|
8733
8817
|
"default": "false",
|
|
8734
|
-
"description": "Whether the select is disabled",
|
|
8735
8818
|
"attribute": "disabled",
|
|
8736
8819
|
"reflects": true
|
|
8737
8820
|
},
|
|
8738
8821
|
{
|
|
8739
8822
|
"kind": "field",
|
|
8740
|
-
"name": "
|
|
8823
|
+
"name": "hasErrors",
|
|
8741
8824
|
"type": {
|
|
8742
8825
|
"text": "boolean"
|
|
8743
8826
|
},
|
|
8744
8827
|
"default": "false",
|
|
8745
|
-
"
|
|
8746
|
-
"attribute": "has-error",
|
|
8828
|
+
"attribute": "has-errors",
|
|
8747
8829
|
"reflects": true
|
|
8748
8830
|
},
|
|
8749
8831
|
{
|
|
8750
8832
|
"kind": "field",
|
|
8751
|
-
"name": "
|
|
8833
|
+
"name": "inputEl",
|
|
8834
|
+
"type": {
|
|
8835
|
+
"text": "HTMLInputElement | undefined"
|
|
8836
|
+
},
|
|
8837
|
+
"privacy": "private"
|
|
8838
|
+
},
|
|
8839
|
+
{
|
|
8840
|
+
"kind": "field",
|
|
8841
|
+
"name": "localDigits",
|
|
8752
8842
|
"type": {
|
|
8753
8843
|
"text": "string"
|
|
8754
8844
|
},
|
|
8755
|
-
"
|
|
8756
|
-
"description": "
|
|
8757
|
-
"
|
|
8845
|
+
"privacy": "private",
|
|
8846
|
+
"description": "Strip the prefix to get the local digit portion.",
|
|
8847
|
+
"readonly": true
|
|
8758
8848
|
},
|
|
8759
8849
|
{
|
|
8760
8850
|
"kind": "field",
|
|
8761
|
-
"name": "
|
|
8851
|
+
"name": "maxLocalDigits",
|
|
8762
8852
|
"type": {
|
|
8763
|
-
"text": "
|
|
8853
|
+
"text": "number"
|
|
8764
8854
|
},
|
|
8765
|
-
"
|
|
8766
|
-
"description": "
|
|
8855
|
+
"privacy": "private",
|
|
8856
|
+
"description": "Allowed local digit count, derived from total length minus prefix.",
|
|
8857
|
+
"readonly": true
|
|
8767
8858
|
},
|
|
8768
8859
|
{
|
|
8769
8860
|
"kind": "method",
|
|
8770
|
-
"name": "
|
|
8861
|
+
"name": "dispatchValueEvent",
|
|
8771
8862
|
"privacy": "private",
|
|
8863
|
+
"return": {
|
|
8864
|
+
"type": {
|
|
8865
|
+
"text": "void"
|
|
8866
|
+
}
|
|
8867
|
+
},
|
|
8772
8868
|
"parameters": [
|
|
8773
8869
|
{
|
|
8774
|
-
"name": "
|
|
8870
|
+
"name": "eventName",
|
|
8871
|
+
"type": {
|
|
8872
|
+
"text": "'input' | 'change'"
|
|
8873
|
+
}
|
|
8874
|
+
},
|
|
8875
|
+
{
|
|
8876
|
+
"name": "digits",
|
|
8775
8877
|
"type": {
|
|
8776
|
-
"text": "
|
|
8878
|
+
"text": "string"
|
|
8777
8879
|
}
|
|
8778
8880
|
}
|
|
8779
8881
|
]
|
|
8780
8882
|
},
|
|
8781
8883
|
{
|
|
8782
|
-
"kind": "
|
|
8783
|
-
"name": "
|
|
8884
|
+
"kind": "field",
|
|
8885
|
+
"name": "handleInput",
|
|
8784
8886
|
"privacy": "private"
|
|
8785
8887
|
},
|
|
8786
8888
|
{
|
|
8787
|
-
"kind": "
|
|
8788
|
-
"name": "
|
|
8889
|
+
"kind": "field",
|
|
8890
|
+
"name": "handleChange",
|
|
8789
8891
|
"privacy": "private"
|
|
8790
8892
|
},
|
|
8791
8893
|
{
|
|
8792
|
-
"kind": "
|
|
8793
|
-
"name": "
|
|
8894
|
+
"kind": "field",
|
|
8895
|
+
"name": "handleHostClick",
|
|
8794
8896
|
"privacy": "private"
|
|
8795
8897
|
},
|
|
8796
8898
|
{
|
|
8797
8899
|
"kind": "method",
|
|
8798
|
-
"name": "
|
|
8799
|
-
"
|
|
8800
|
-
|
|
8801
|
-
|
|
8802
|
-
"name": "e",
|
|
8803
|
-
"type": {
|
|
8804
|
-
"text": "Event"
|
|
8805
|
-
}
|
|
8900
|
+
"name": "focus",
|
|
8901
|
+
"return": {
|
|
8902
|
+
"type": {
|
|
8903
|
+
"text": "void"
|
|
8806
8904
|
}
|
|
8807
|
-
|
|
8905
|
+
}
|
|
8808
8906
|
}
|
|
8809
8907
|
],
|
|
8810
8908
|
"events": [
|
|
8811
8909
|
{
|
|
8812
|
-
"name": "
|
|
8910
|
+
"name": "eventName",
|
|
8813
8911
|
"type": {
|
|
8814
8912
|
"text": "CustomEvent"
|
|
8815
|
-
}
|
|
8816
|
-
"description": "Fired when selection changes"
|
|
8913
|
+
}
|
|
8817
8914
|
},
|
|
8818
8915
|
{
|
|
8819
|
-
"
|
|
8820
|
-
"
|
|
8821
|
-
"text": "CustomEvent"
|
|
8822
|
-
},
|
|
8823
|
-
"description": "Fired when input value changes"
|
|
8916
|
+
"description": "CustomEvent<string> with full phone number on each keystroke",
|
|
8917
|
+
"name": "input"
|
|
8824
8918
|
},
|
|
8825
8919
|
{
|
|
8826
|
-
"
|
|
8920
|
+
"description": "CustomEvent<string> with full phone number on commit",
|
|
8921
|
+
"name": "change"
|
|
8922
|
+
}
|
|
8923
|
+
],
|
|
8924
|
+
"attributes": [
|
|
8925
|
+
{
|
|
8926
|
+
"name": "prefix",
|
|
8827
8927
|
"type": {
|
|
8828
|
-
"text": "
|
|
8928
|
+
"text": "string"
|
|
8829
8929
|
},
|
|
8830
|
-
"
|
|
8930
|
+
"default": "'+351'",
|
|
8931
|
+
"description": "Fixed PT dial code. Exposed as a property only so tests can override.",
|
|
8932
|
+
"fieldName": "prefix"
|
|
8831
8933
|
},
|
|
8832
8934
|
{
|
|
8833
|
-
"name": "
|
|
8935
|
+
"name": "value",
|
|
8834
8936
|
"type": {
|
|
8835
|
-
"text": "
|
|
8937
|
+
"text": "string"
|
|
8836
8938
|
},
|
|
8837
|
-
"
|
|
8838
|
-
|
|
8839
|
-
|
|
8840
|
-
|
|
8939
|
+
"default": "''",
|
|
8940
|
+
"description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
|
|
8941
|
+
"fieldName": "value"
|
|
8942
|
+
},
|
|
8841
8943
|
{
|
|
8842
|
-
"name": "
|
|
8944
|
+
"name": "placeholder",
|
|
8843
8945
|
"type": {
|
|
8844
8946
|
"text": "string"
|
|
8845
8947
|
},
|
|
8846
8948
|
"default": "''",
|
|
8847
|
-
"
|
|
8848
|
-
"fieldName": "name"
|
|
8949
|
+
"fieldName": "placeholder"
|
|
8849
8950
|
},
|
|
8850
8951
|
{
|
|
8851
|
-
"name": "id",
|
|
8952
|
+
"name": "input-id",
|
|
8852
8953
|
"type": {
|
|
8853
8954
|
"text": "string"
|
|
8854
8955
|
},
|
|
8855
|
-
"default": "''",
|
|
8856
|
-
"
|
|
8857
|
-
"fieldName": "id"
|
|
8956
|
+
"default": "'primer-pt-phone-number-input'",
|
|
8957
|
+
"fieldName": "inputId"
|
|
8858
8958
|
},
|
|
8859
8959
|
{
|
|
8860
|
-
"name": "
|
|
8960
|
+
"name": "max-length",
|
|
8861
8961
|
"type": {
|
|
8862
|
-
"text": "
|
|
8962
|
+
"text": "number"
|
|
8863
8963
|
},
|
|
8864
|
-
"default": "
|
|
8865
|
-
"description": "
|
|
8866
|
-
"fieldName": "
|
|
8964
|
+
"default": "15",
|
|
8965
|
+
"description": "Maximum total length of the full phone number (including prefix).",
|
|
8966
|
+
"fieldName": "maxLength"
|
|
8867
8967
|
},
|
|
8868
8968
|
{
|
|
8869
|
-
"name": "
|
|
8969
|
+
"name": "min-length",
|
|
8870
8970
|
"type": {
|
|
8871
|
-
"text": "
|
|
8971
|
+
"text": "number"
|
|
8872
8972
|
},
|
|
8873
|
-
"default": "
|
|
8874
|
-
"description": "
|
|
8875
|
-
"fieldName": "
|
|
8973
|
+
"default": "9",
|
|
8974
|
+
"description": "Minimum total length of the full phone number (including prefix).",
|
|
8975
|
+
"fieldName": "minLength"
|
|
8876
8976
|
},
|
|
8877
8977
|
{
|
|
8878
|
-
"name": "
|
|
8978
|
+
"name": "disabled",
|
|
8879
8979
|
"type": {
|
|
8880
8980
|
"text": "boolean"
|
|
8881
8981
|
},
|
|
8882
8982
|
"default": "false",
|
|
8883
|
-
"
|
|
8884
|
-
"fieldName": "hasError"
|
|
8983
|
+
"fieldName": "disabled"
|
|
8885
8984
|
},
|
|
8886
8985
|
{
|
|
8887
|
-
"name": "
|
|
8986
|
+
"name": "has-errors",
|
|
8888
8987
|
"type": {
|
|
8889
|
-
"text": "
|
|
8988
|
+
"text": "boolean"
|
|
8890
8989
|
},
|
|
8891
|
-
"default": "
|
|
8892
|
-
"
|
|
8893
|
-
"fieldName": "placeholder"
|
|
8990
|
+
"default": "false",
|
|
8991
|
+
"fieldName": "hasErrors"
|
|
8894
8992
|
}
|
|
8895
8993
|
],
|
|
8896
8994
|
"superclass": {
|
|
8897
8995
|
"name": "LitElement",
|
|
8898
8996
|
"package": "lit"
|
|
8899
8997
|
},
|
|
8900
|
-
"tagName": "primer-
|
|
8998
|
+
"tagName": "primer-pt-phone-number-input",
|
|
8901
8999
|
"customElement": true
|
|
8902
9000
|
}
|
|
8903
9001
|
],
|
|
8904
9002
|
"exports": [
|
|
8905
9003
|
{
|
|
8906
9004
|
"kind": "js",
|
|
8907
|
-
"name": "
|
|
9005
|
+
"name": "PtPhoneNumberInputComponent",
|
|
8908
9006
|
"declaration": {
|
|
8909
|
-
"name": "
|
|
8910
|
-
"module": "src/atoms/
|
|
9007
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9008
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts"
|
|
8911
9009
|
}
|
|
8912
9010
|
},
|
|
8913
9011
|
{
|
|
8914
9012
|
"kind": "custom-element-definition",
|
|
8915
|
-
"name": "primer-
|
|
9013
|
+
"name": "primer-pt-phone-number-input",
|
|
8916
9014
|
"declaration": {
|
|
8917
|
-
"name": "
|
|
8918
|
-
"module": "src/atoms/
|
|
9015
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9016
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.component.ts"
|
|
8919
9017
|
}
|
|
8920
9018
|
}
|
|
8921
9019
|
]
|
|
8922
9020
|
},
|
|
8923
9021
|
{
|
|
8924
9022
|
"kind": "javascript-module",
|
|
8925
|
-
"path": "src/atoms/
|
|
9023
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.styles.ts",
|
|
8926
9024
|
"declarations": [],
|
|
8927
9025
|
"exports": [
|
|
8928
9026
|
{
|
|
8929
9027
|
"kind": "js",
|
|
8930
9028
|
"name": "default",
|
|
8931
9029
|
"declaration": {
|
|
8932
|
-
"module": "src/atoms/
|
|
9030
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.styles.ts"
|
|
8933
9031
|
}
|
|
8934
9032
|
}
|
|
8935
9033
|
]
|
|
8936
9034
|
},
|
|
8937
9035
|
{
|
|
8938
9036
|
"kind": "javascript-module",
|
|
8939
|
-
"path": "src/atoms/
|
|
9037
|
+
"path": "src/atoms/pt-phone-number-input/pt-phone-number-input.ts",
|
|
8940
9038
|
"declarations": [],
|
|
8941
9039
|
"exports": [
|
|
8942
9040
|
{
|
|
8943
9041
|
"kind": "js",
|
|
8944
|
-
"name": "
|
|
8945
|
-
"declaration": {
|
|
8946
|
-
"name": "SelectComponent",
|
|
8947
|
-
"module": "src/atoms/select/select.ts"
|
|
8948
|
-
}
|
|
8949
|
-
},
|
|
8950
|
-
{
|
|
8951
|
-
"kind": "js",
|
|
8952
|
-
"name": "SelectOption",
|
|
9042
|
+
"name": "PtPhoneNumberInput",
|
|
8953
9043
|
"declaration": {
|
|
8954
|
-
"name": "
|
|
8955
|
-
"module": "
|
|
9044
|
+
"name": "PtPhoneNumberInputComponent",
|
|
9045
|
+
"module": "src/atoms/pt-phone-number-input/pt-phone-number-input.ts"
|
|
8956
9046
|
}
|
|
8957
9047
|
}
|
|
8958
9048
|
]
|
|
8959
9049
|
},
|
|
8960
9050
|
{
|
|
8961
9051
|
"kind": "javascript-module",
|
|
8962
|
-
"path": "src/atoms/
|
|
9052
|
+
"path": "src/atoms/select/select.component.ts",
|
|
8963
9053
|
"declarations": [
|
|
8964
9054
|
{
|
|
8965
9055
|
"kind": "class",
|
|
8966
|
-
"description": "
|
|
8967
|
-
"name": "
|
|
9056
|
+
"description": "A native select dropdown component",
|
|
9057
|
+
"name": "SelectComponent",
|
|
8968
9058
|
"members": [
|
|
8969
9059
|
{
|
|
8970
9060
|
"kind": "field",
|
|
8971
|
-
"name": "
|
|
9061
|
+
"name": "name",
|
|
8972
9062
|
"type": {
|
|
8973
9063
|
"text": "string"
|
|
8974
9064
|
},
|
|
8975
|
-
"default": "'
|
|
8976
|
-
"description": "
|
|
8977
|
-
"attribute": "
|
|
9065
|
+
"default": "''",
|
|
9066
|
+
"description": "The name attribute for the select element",
|
|
9067
|
+
"attribute": "name"
|
|
8978
9068
|
},
|
|
8979
9069
|
{
|
|
8980
9070
|
"kind": "field",
|
|
8981
|
-
"name": "
|
|
9071
|
+
"name": "value",
|
|
8982
9072
|
"type": {
|
|
8983
|
-
"text": "
|
|
9073
|
+
"text": "string"
|
|
8984
9074
|
},
|
|
8985
|
-
"default": "'
|
|
8986
|
-
"description": "
|
|
8987
|
-
"attribute": "
|
|
9075
|
+
"default": "''",
|
|
9076
|
+
"description": "The current value of the select",
|
|
9077
|
+
"attribute": "value"
|
|
9078
|
+
},
|
|
9079
|
+
{
|
|
9080
|
+
"kind": "field",
|
|
9081
|
+
"name": "disabled",
|
|
9082
|
+
"type": {
|
|
9083
|
+
"text": "boolean"
|
|
9084
|
+
},
|
|
9085
|
+
"default": "false",
|
|
9086
|
+
"description": "Whether the select is disabled",
|
|
9087
|
+
"attribute": "disabled",
|
|
9088
|
+
"reflects": true
|
|
9089
|
+
},
|
|
9090
|
+
{
|
|
9091
|
+
"kind": "field",
|
|
9092
|
+
"name": "hasError",
|
|
9093
|
+
"type": {
|
|
9094
|
+
"text": "boolean"
|
|
9095
|
+
},
|
|
9096
|
+
"default": "false",
|
|
9097
|
+
"description": "Whether the select is in an error state",
|
|
9098
|
+
"attribute": "has-error",
|
|
9099
|
+
"reflects": true
|
|
9100
|
+
},
|
|
9101
|
+
{
|
|
9102
|
+
"kind": "field",
|
|
9103
|
+
"name": "placeholder",
|
|
9104
|
+
"type": {
|
|
9105
|
+
"text": "string"
|
|
9106
|
+
},
|
|
9107
|
+
"default": "''",
|
|
9108
|
+
"description": "Placeholder text for the select",
|
|
9109
|
+
"attribute": "placeholder"
|
|
9110
|
+
},
|
|
9111
|
+
{
|
|
9112
|
+
"kind": "field",
|
|
9113
|
+
"name": "options",
|
|
9114
|
+
"type": {
|
|
9115
|
+
"text": "SelectOption[]"
|
|
9116
|
+
},
|
|
9117
|
+
"default": "[]",
|
|
9118
|
+
"description": "Array of options for the select"
|
|
9119
|
+
},
|
|
9120
|
+
{
|
|
9121
|
+
"kind": "field",
|
|
9122
|
+
"name": "handleChange",
|
|
9123
|
+
"privacy": "private"
|
|
9124
|
+
},
|
|
9125
|
+
{
|
|
9126
|
+
"kind": "field",
|
|
9127
|
+
"name": "handleFocus",
|
|
9128
|
+
"privacy": "private"
|
|
9129
|
+
},
|
|
9130
|
+
{
|
|
9131
|
+
"kind": "field",
|
|
9132
|
+
"name": "handleBlur",
|
|
9133
|
+
"privacy": "private"
|
|
9134
|
+
},
|
|
9135
|
+
{
|
|
9136
|
+
"kind": "method",
|
|
9137
|
+
"name": "renderSelectOptions",
|
|
9138
|
+
"privacy": "private"
|
|
9139
|
+
},
|
|
9140
|
+
{
|
|
9141
|
+
"kind": "field",
|
|
9142
|
+
"name": "stopNativeEvent",
|
|
9143
|
+
"privacy": "private"
|
|
9144
|
+
}
|
|
9145
|
+
],
|
|
9146
|
+
"events": [
|
|
9147
|
+
{
|
|
9148
|
+
"description": "Fired when selection changes",
|
|
9149
|
+
"name": "change"
|
|
9150
|
+
},
|
|
9151
|
+
{
|
|
9152
|
+
"description": "Fired when input value changes",
|
|
9153
|
+
"name": "input"
|
|
9154
|
+
},
|
|
9155
|
+
{
|
|
9156
|
+
"description": "Fired when select receives focus",
|
|
9157
|
+
"name": "focus"
|
|
9158
|
+
},
|
|
9159
|
+
{
|
|
9160
|
+
"description": "Fired when select loses focus",
|
|
9161
|
+
"name": "blur"
|
|
9162
|
+
}
|
|
9163
|
+
],
|
|
9164
|
+
"attributes": [
|
|
9165
|
+
{
|
|
9166
|
+
"name": "name",
|
|
9167
|
+
"type": {
|
|
9168
|
+
"text": "string"
|
|
9169
|
+
},
|
|
9170
|
+
"default": "''",
|
|
9171
|
+
"description": "The name attribute for the select element",
|
|
9172
|
+
"fieldName": "name"
|
|
9173
|
+
},
|
|
9174
|
+
{
|
|
9175
|
+
"name": "value",
|
|
9176
|
+
"type": {
|
|
9177
|
+
"text": "string"
|
|
9178
|
+
},
|
|
9179
|
+
"default": "''",
|
|
9180
|
+
"description": "The current value of the select",
|
|
9181
|
+
"fieldName": "value"
|
|
9182
|
+
},
|
|
9183
|
+
{
|
|
9184
|
+
"name": "disabled",
|
|
9185
|
+
"type": {
|
|
9186
|
+
"text": "boolean"
|
|
9187
|
+
},
|
|
9188
|
+
"default": "false",
|
|
9189
|
+
"description": "Whether the select is disabled",
|
|
9190
|
+
"fieldName": "disabled"
|
|
9191
|
+
},
|
|
9192
|
+
{
|
|
9193
|
+
"name": "has-error",
|
|
9194
|
+
"type": {
|
|
9195
|
+
"text": "boolean"
|
|
9196
|
+
},
|
|
9197
|
+
"default": "false",
|
|
9198
|
+
"description": "Whether the select is in an error state",
|
|
9199
|
+
"fieldName": "hasError"
|
|
9200
|
+
},
|
|
9201
|
+
{
|
|
9202
|
+
"name": "placeholder",
|
|
9203
|
+
"type": {
|
|
9204
|
+
"text": "string"
|
|
9205
|
+
},
|
|
9206
|
+
"default": "''",
|
|
9207
|
+
"description": "Placeholder text for the select",
|
|
9208
|
+
"fieldName": "placeholder"
|
|
9209
|
+
}
|
|
9210
|
+
],
|
|
9211
|
+
"superclass": {
|
|
9212
|
+
"name": "LitElement",
|
|
9213
|
+
"package": "lit"
|
|
9214
|
+
},
|
|
9215
|
+
"tagName": "primer-select",
|
|
9216
|
+
"customElement": true
|
|
9217
|
+
}
|
|
9218
|
+
],
|
|
9219
|
+
"exports": [
|
|
9220
|
+
{
|
|
9221
|
+
"kind": "js",
|
|
9222
|
+
"name": "SelectComponent",
|
|
9223
|
+
"declaration": {
|
|
9224
|
+
"name": "SelectComponent",
|
|
9225
|
+
"module": "src/atoms/select/select.component.ts"
|
|
9226
|
+
}
|
|
9227
|
+
},
|
|
9228
|
+
{
|
|
9229
|
+
"kind": "custom-element-definition",
|
|
9230
|
+
"name": "primer-select",
|
|
9231
|
+
"declaration": {
|
|
9232
|
+
"name": "SelectComponent",
|
|
9233
|
+
"module": "src/atoms/select/select.component.ts"
|
|
9234
|
+
}
|
|
9235
|
+
}
|
|
9236
|
+
]
|
|
9237
|
+
},
|
|
9238
|
+
{
|
|
9239
|
+
"kind": "javascript-module",
|
|
9240
|
+
"path": "src/atoms/select/select.styles.ts",
|
|
9241
|
+
"declarations": [],
|
|
9242
|
+
"exports": [
|
|
9243
|
+
{
|
|
9244
|
+
"kind": "js",
|
|
9245
|
+
"name": "default",
|
|
9246
|
+
"declaration": {
|
|
9247
|
+
"module": "src/atoms/select/select.styles.ts"
|
|
9248
|
+
}
|
|
9249
|
+
}
|
|
9250
|
+
]
|
|
9251
|
+
},
|
|
9252
|
+
{
|
|
9253
|
+
"kind": "javascript-module",
|
|
9254
|
+
"path": "src/atoms/select/select.ts",
|
|
9255
|
+
"declarations": [],
|
|
9256
|
+
"exports": [
|
|
9257
|
+
{
|
|
9258
|
+
"kind": "js",
|
|
9259
|
+
"name": "Select",
|
|
9260
|
+
"declaration": {
|
|
9261
|
+
"name": "SelectComponent",
|
|
9262
|
+
"module": "src/atoms/select/select.ts"
|
|
9263
|
+
}
|
|
9264
|
+
},
|
|
9265
|
+
{
|
|
9266
|
+
"kind": "js",
|
|
9267
|
+
"name": "SelectOption",
|
|
9268
|
+
"declaration": {
|
|
9269
|
+
"name": "SelectOption",
|
|
9270
|
+
"module": "./select.component"
|
|
9271
|
+
}
|
|
9272
|
+
}
|
|
9273
|
+
]
|
|
9274
|
+
},
|
|
9275
|
+
{
|
|
9276
|
+
"kind": "javascript-module",
|
|
9277
|
+
"path": "src/atoms/spinner/spinner.component.ts",
|
|
9278
|
+
"declarations": [
|
|
9279
|
+
{
|
|
9280
|
+
"kind": "class",
|
|
9281
|
+
"description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components",
|
|
9282
|
+
"name": "SpinnerComponent",
|
|
9283
|
+
"members": [
|
|
9284
|
+
{
|
|
9285
|
+
"kind": "field",
|
|
9286
|
+
"name": "color",
|
|
9287
|
+
"type": {
|
|
9288
|
+
"text": "string"
|
|
9289
|
+
},
|
|
9290
|
+
"default": "'var(--primer-color-loader)'",
|
|
9291
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
9292
|
+
"attribute": "color"
|
|
9293
|
+
},
|
|
9294
|
+
{
|
|
9295
|
+
"kind": "field",
|
|
9296
|
+
"name": "size",
|
|
9297
|
+
"type": {
|
|
9298
|
+
"text": "SpinnerSize"
|
|
9299
|
+
},
|
|
9300
|
+
"default": "'medium'",
|
|
9301
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
9302
|
+
"attribute": "size"
|
|
8988
9303
|
},
|
|
8989
9304
|
{
|
|
8990
9305
|
"kind": "field",
|
|
@@ -9073,49 +9388,233 @@
|
|
|
9073
9388
|
"kind": "js",
|
|
9074
9389
|
"name": "default",
|
|
9075
9390
|
"declaration": {
|
|
9076
|
-
"module": "src/atoms/spinner/spinner.styles.ts"
|
|
9391
|
+
"module": "src/atoms/spinner/spinner.styles.ts"
|
|
9392
|
+
}
|
|
9393
|
+
}
|
|
9394
|
+
]
|
|
9395
|
+
},
|
|
9396
|
+
{
|
|
9397
|
+
"kind": "javascript-module",
|
|
9398
|
+
"path": "src/atoms/spinner/spinner.ts",
|
|
9399
|
+
"declarations": [],
|
|
9400
|
+
"exports": [
|
|
9401
|
+
{
|
|
9402
|
+
"kind": "js",
|
|
9403
|
+
"name": "Spinner",
|
|
9404
|
+
"declaration": {
|
|
9405
|
+
"name": "SpinnerComponent",
|
|
9406
|
+
"module": "src/atoms/spinner/spinner.ts"
|
|
9407
|
+
}
|
|
9408
|
+
}
|
|
9409
|
+
]
|
|
9410
|
+
},
|
|
9411
|
+
{
|
|
9412
|
+
"kind": "javascript-module",
|
|
9413
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.component.ts",
|
|
9414
|
+
"declarations": [
|
|
9415
|
+
{
|
|
9416
|
+
"kind": "class",
|
|
9417
|
+
"description": "",
|
|
9418
|
+
"name": "AdyenKlarnaComponent",
|
|
9419
|
+
"members": [
|
|
9420
|
+
{
|
|
9421
|
+
"kind": "field",
|
|
9422
|
+
"name": "primerContext",
|
|
9423
|
+
"type": {
|
|
9424
|
+
"text": "ContextType | undefined"
|
|
9425
|
+
}
|
|
9426
|
+
},
|
|
9427
|
+
{
|
|
9428
|
+
"kind": "field",
|
|
9429
|
+
"name": "paymentMethod",
|
|
9430
|
+
"type": {
|
|
9431
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9432
|
+
},
|
|
9433
|
+
"description": "The payment method from context",
|
|
9434
|
+
"attribute": "paymentMethod"
|
|
9435
|
+
},
|
|
9436
|
+
{
|
|
9437
|
+
"kind": "field",
|
|
9438
|
+
"name": "disabled",
|
|
9439
|
+
"type": {
|
|
9440
|
+
"text": "boolean"
|
|
9441
|
+
},
|
|
9442
|
+
"default": "false",
|
|
9443
|
+
"description": "Whether the component is disabled",
|
|
9444
|
+
"attribute": "disabled"
|
|
9445
|
+
},
|
|
9446
|
+
{
|
|
9447
|
+
"kind": "field",
|
|
9448
|
+
"name": "expanded",
|
|
9449
|
+
"type": {
|
|
9450
|
+
"text": "boolean"
|
|
9451
|
+
},
|
|
9452
|
+
"privacy": "private",
|
|
9453
|
+
"default": "false",
|
|
9454
|
+
"description": "Whether the accordion is expanded"
|
|
9455
|
+
},
|
|
9456
|
+
{
|
|
9457
|
+
"kind": "field",
|
|
9458
|
+
"name": "selectedOptionId",
|
|
9459
|
+
"type": {
|
|
9460
|
+
"text": "string | null"
|
|
9461
|
+
},
|
|
9462
|
+
"privacy": "private",
|
|
9463
|
+
"default": "null",
|
|
9464
|
+
"description": "Currently selected option ID"
|
|
9465
|
+
},
|
|
9466
|
+
{
|
|
9467
|
+
"kind": "field",
|
|
9468
|
+
"name": "loading",
|
|
9469
|
+
"type": {
|
|
9470
|
+
"text": "boolean"
|
|
9471
|
+
},
|
|
9472
|
+
"privacy": "private",
|
|
9473
|
+
"default": "false",
|
|
9474
|
+
"description": "Whether the payment is currently being processed"
|
|
9475
|
+
},
|
|
9476
|
+
{
|
|
9477
|
+
"kind": "field",
|
|
9478
|
+
"name": "paymentInProgress",
|
|
9479
|
+
"type": {
|
|
9480
|
+
"text": "boolean"
|
|
9481
|
+
},
|
|
9482
|
+
"privacy": "private",
|
|
9483
|
+
"default": "false"
|
|
9484
|
+
},
|
|
9485
|
+
{
|
|
9486
|
+
"kind": "field",
|
|
9487
|
+
"name": "manager",
|
|
9488
|
+
"type": {
|
|
9489
|
+
"text": "IAdyenKlarnaPaymentMethodManager | null"
|
|
9490
|
+
},
|
|
9491
|
+
"privacy": "private",
|
|
9492
|
+
"readonly": true
|
|
9493
|
+
},
|
|
9494
|
+
{
|
|
9495
|
+
"kind": "field",
|
|
9496
|
+
"name": "klarnaLogoUrl",
|
|
9497
|
+
"type": {
|
|
9498
|
+
"text": "string | undefined"
|
|
9499
|
+
},
|
|
9500
|
+
"privacy": "private",
|
|
9501
|
+
"description": "Get the Klarna logo URL from the payment method configuration",
|
|
9502
|
+
"readonly": true
|
|
9503
|
+
},
|
|
9504
|
+
{
|
|
9505
|
+
"kind": "method",
|
|
9506
|
+
"name": "handleOptionSelect",
|
|
9507
|
+
"privacy": "private",
|
|
9508
|
+
"parameters": [
|
|
9509
|
+
{
|
|
9510
|
+
"name": "optionId",
|
|
9511
|
+
"type": {
|
|
9512
|
+
"text": "string"
|
|
9513
|
+
}
|
|
9514
|
+
}
|
|
9515
|
+
]
|
|
9516
|
+
},
|
|
9517
|
+
{
|
|
9518
|
+
"kind": "field",
|
|
9519
|
+
"name": "handleConfirm",
|
|
9520
|
+
"privacy": "private"
|
|
9521
|
+
},
|
|
9522
|
+
{
|
|
9523
|
+
"kind": "method",
|
|
9524
|
+
"name": "renderPaymentOptions",
|
|
9525
|
+
"privacy": "private"
|
|
9526
|
+
}
|
|
9527
|
+
],
|
|
9528
|
+
"attributes": [
|
|
9529
|
+
{
|
|
9530
|
+
"name": "paymentMethod",
|
|
9531
|
+
"type": {
|
|
9532
|
+
"text": "InitializedPaymentMethod | undefined"
|
|
9533
|
+
},
|
|
9534
|
+
"description": "The payment method from context",
|
|
9535
|
+
"fieldName": "paymentMethod"
|
|
9536
|
+
},
|
|
9537
|
+
{
|
|
9538
|
+
"name": "disabled",
|
|
9539
|
+
"type": {
|
|
9540
|
+
"text": "boolean"
|
|
9541
|
+
},
|
|
9542
|
+
"default": "false",
|
|
9543
|
+
"description": "Whether the component is disabled",
|
|
9544
|
+
"fieldName": "disabled"
|
|
9545
|
+
}
|
|
9546
|
+
],
|
|
9547
|
+
"superclass": {
|
|
9548
|
+
"name": "LitElement",
|
|
9549
|
+
"package": "lit"
|
|
9550
|
+
},
|
|
9551
|
+
"tagName": "primer-adyen-klarna",
|
|
9552
|
+
"customElement": true
|
|
9553
|
+
}
|
|
9554
|
+
],
|
|
9555
|
+
"exports": [
|
|
9556
|
+
{
|
|
9557
|
+
"kind": "js",
|
|
9558
|
+
"name": "AdyenKlarnaComponent",
|
|
9559
|
+
"declaration": {
|
|
9560
|
+
"name": "AdyenKlarnaComponent",
|
|
9561
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.component.ts"
|
|
9562
|
+
}
|
|
9563
|
+
},
|
|
9564
|
+
{
|
|
9565
|
+
"kind": "custom-element-definition",
|
|
9566
|
+
"name": "primer-adyen-klarna",
|
|
9567
|
+
"declaration": {
|
|
9568
|
+
"name": "AdyenKlarnaComponent",
|
|
9569
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.component.ts"
|
|
9570
|
+
}
|
|
9571
|
+
}
|
|
9572
|
+
]
|
|
9573
|
+
},
|
|
9574
|
+
{
|
|
9575
|
+
"kind": "javascript-module",
|
|
9576
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.styles.ts",
|
|
9577
|
+
"declarations": [],
|
|
9578
|
+
"exports": [
|
|
9579
|
+
{
|
|
9580
|
+
"kind": "js",
|
|
9581
|
+
"name": "default",
|
|
9582
|
+
"declaration": {
|
|
9583
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.styles.ts"
|
|
9077
9584
|
}
|
|
9078
9585
|
}
|
|
9079
9586
|
]
|
|
9080
9587
|
},
|
|
9081
9588
|
{
|
|
9082
9589
|
"kind": "javascript-module",
|
|
9083
|
-
"path": "src/
|
|
9590
|
+
"path": "src/containers/adyen-klarna/adyen-klarna.ts",
|
|
9084
9591
|
"declarations": [],
|
|
9085
9592
|
"exports": [
|
|
9086
9593
|
{
|
|
9087
9594
|
"kind": "js",
|
|
9088
|
-
"name": "
|
|
9595
|
+
"name": "AdyenKlarna",
|
|
9089
9596
|
"declaration": {
|
|
9090
|
-
"name": "
|
|
9091
|
-
"module": "src/
|
|
9597
|
+
"name": "AdyenKlarnaComponent",
|
|
9598
|
+
"module": "src/containers/adyen-klarna/adyen-klarna.ts"
|
|
9092
9599
|
}
|
|
9093
9600
|
}
|
|
9094
9601
|
]
|
|
9095
9602
|
},
|
|
9096
9603
|
{
|
|
9097
9604
|
"kind": "javascript-module",
|
|
9098
|
-
"path": "src/containers/adyen-
|
|
9605
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.component.ts",
|
|
9099
9606
|
"declarations": [
|
|
9100
9607
|
{
|
|
9101
9608
|
"kind": "class",
|
|
9102
|
-
"description": "",
|
|
9103
|
-
"name": "
|
|
9609
|
+
"description": "Adyen MB WAY Payment Component\n\nInline phone-number entry → tokenize → poll MB WAY app → resume.",
|
|
9610
|
+
"name": "AdyenMbwayComponent",
|
|
9104
9611
|
"members": [
|
|
9105
|
-
{
|
|
9106
|
-
"kind": "field",
|
|
9107
|
-
"name": "primerContext",
|
|
9108
|
-
"type": {
|
|
9109
|
-
"text": "ContextType | undefined"
|
|
9110
|
-
}
|
|
9111
|
-
},
|
|
9112
9612
|
{
|
|
9113
9613
|
"kind": "field",
|
|
9114
9614
|
"name": "paymentMethod",
|
|
9115
9615
|
"type": {
|
|
9116
|
-
"text": "
|
|
9616
|
+
"text": "MbwayPaymentMethod | undefined"
|
|
9117
9617
|
},
|
|
9118
|
-
"description": "The payment method from context",
|
|
9119
9618
|
"attribute": "paymentMethod"
|
|
9120
9619
|
},
|
|
9121
9620
|
{
|
|
@@ -9125,98 +9624,130 @@
|
|
|
9125
9624
|
"text": "boolean"
|
|
9126
9625
|
},
|
|
9127
9626
|
"default": "false",
|
|
9128
|
-
"description": "Whether the component is disabled",
|
|
9129
9627
|
"attribute": "disabled"
|
|
9130
9628
|
},
|
|
9131
9629
|
{
|
|
9132
9630
|
"kind": "field",
|
|
9133
|
-
"name": "
|
|
9631
|
+
"name": "currentState",
|
|
9134
9632
|
"type": {
|
|
9135
|
-
"text": "
|
|
9633
|
+
"text": "MbwayState"
|
|
9136
9634
|
},
|
|
9137
9635
|
"privacy": "private",
|
|
9138
|
-
"default": "
|
|
9139
|
-
"description": "Whether the accordion is expanded"
|
|
9636
|
+
"default": "'collapsed'"
|
|
9140
9637
|
},
|
|
9141
9638
|
{
|
|
9142
9639
|
"kind": "field",
|
|
9143
|
-
"name": "
|
|
9640
|
+
"name": "phoneNumber",
|
|
9144
9641
|
"type": {
|
|
9145
|
-
"text": "string
|
|
9642
|
+
"text": "string"
|
|
9146
9643
|
},
|
|
9147
9644
|
"privacy": "private",
|
|
9148
|
-
"default": "
|
|
9149
|
-
"description": "Currently selected option ID"
|
|
9645
|
+
"default": "''"
|
|
9150
9646
|
},
|
|
9151
9647
|
{
|
|
9152
9648
|
"kind": "field",
|
|
9153
|
-
"name": "
|
|
9649
|
+
"name": "errorMessage",
|
|
9154
9650
|
"type": {
|
|
9155
|
-
"text": "
|
|
9651
|
+
"text": "string"
|
|
9156
9652
|
},
|
|
9157
9653
|
"privacy": "private",
|
|
9158
|
-
"default": "
|
|
9159
|
-
"description": "Whether the payment is currently being processed"
|
|
9654
|
+
"default": "''"
|
|
9160
9655
|
},
|
|
9161
9656
|
{
|
|
9162
9657
|
"kind": "field",
|
|
9163
|
-
"name": "
|
|
9658
|
+
"name": "isExpanded",
|
|
9164
9659
|
"type": {
|
|
9165
9660
|
"text": "boolean"
|
|
9166
9661
|
},
|
|
9167
9662
|
"privacy": "private",
|
|
9168
|
-
"
|
|
9663
|
+
"readonly": true
|
|
9169
9664
|
},
|
|
9170
9665
|
{
|
|
9171
9666
|
"kind": "field",
|
|
9172
|
-
"name": "
|
|
9667
|
+
"name": "isPhoneValid",
|
|
9173
9668
|
"type": {
|
|
9174
|
-
"text": "
|
|
9669
|
+
"text": "boolean"
|
|
9175
9670
|
},
|
|
9176
9671
|
"privacy": "private",
|
|
9177
9672
|
"readonly": true
|
|
9178
9673
|
},
|
|
9179
9674
|
{
|
|
9180
9675
|
"kind": "field",
|
|
9181
|
-
"name": "
|
|
9182
|
-
"
|
|
9183
|
-
|
|
9184
|
-
|
|
9676
|
+
"name": "handleExpandedChange",
|
|
9677
|
+
"privacy": "private"
|
|
9678
|
+
},
|
|
9679
|
+
{
|
|
9680
|
+
"kind": "field",
|
|
9681
|
+
"name": "handleCollapse",
|
|
9682
|
+
"privacy": "private"
|
|
9683
|
+
},
|
|
9684
|
+
{
|
|
9685
|
+
"kind": "field",
|
|
9686
|
+
"name": "handleInput",
|
|
9687
|
+
"privacy": "private"
|
|
9688
|
+
},
|
|
9689
|
+
{
|
|
9690
|
+
"kind": "field",
|
|
9691
|
+
"name": "handleRetry",
|
|
9692
|
+
"privacy": "private"
|
|
9693
|
+
},
|
|
9694
|
+
{
|
|
9695
|
+
"kind": "method",
|
|
9696
|
+
"name": "submit",
|
|
9185
9697
|
"privacy": "private",
|
|
9186
|
-
"
|
|
9187
|
-
|
|
9698
|
+
"return": {
|
|
9699
|
+
"type": {
|
|
9700
|
+
"text": "Promise<void>"
|
|
9701
|
+
}
|
|
9702
|
+
}
|
|
9188
9703
|
},
|
|
9189
9704
|
{
|
|
9190
9705
|
"kind": "method",
|
|
9191
|
-
"name": "
|
|
9706
|
+
"name": "renderExpandedInput",
|
|
9192
9707
|
"privacy": "private",
|
|
9193
|
-
"
|
|
9194
|
-
{
|
|
9195
|
-
"
|
|
9196
|
-
"type": {
|
|
9197
|
-
"text": "string"
|
|
9198
|
-
}
|
|
9708
|
+
"return": {
|
|
9709
|
+
"type": {
|
|
9710
|
+
"text": "TemplateResult"
|
|
9199
9711
|
}
|
|
9200
|
-
|
|
9712
|
+
}
|
|
9201
9713
|
},
|
|
9202
9714
|
{
|
|
9203
9715
|
"kind": "method",
|
|
9204
|
-
"name": "
|
|
9205
|
-
"privacy": "private"
|
|
9716
|
+
"name": "renderLoading",
|
|
9717
|
+
"privacy": "private",
|
|
9718
|
+
"return": {
|
|
9719
|
+
"type": {
|
|
9720
|
+
"text": "TemplateResult"
|
|
9721
|
+
}
|
|
9722
|
+
}
|
|
9206
9723
|
},
|
|
9207
9724
|
{
|
|
9208
9725
|
"kind": "method",
|
|
9209
|
-
"name": "
|
|
9210
|
-
"privacy": "private"
|
|
9726
|
+
"name": "renderError",
|
|
9727
|
+
"privacy": "private",
|
|
9728
|
+
"return": {
|
|
9729
|
+
"type": {
|
|
9730
|
+
"text": "TemplateResult"
|
|
9731
|
+
}
|
|
9732
|
+
}
|
|
9733
|
+
},
|
|
9734
|
+
{
|
|
9735
|
+
"kind": "method",
|
|
9736
|
+
"name": "renderExpandedState",
|
|
9737
|
+
"privacy": "private",
|
|
9738
|
+
"return": {
|
|
9739
|
+
"type": {
|
|
9740
|
+
"text": "TemplateResult | typeof nothing"
|
|
9741
|
+
}
|
|
9742
|
+
}
|
|
9211
9743
|
}
|
|
9212
9744
|
],
|
|
9213
9745
|
"attributes": [
|
|
9214
9746
|
{
|
|
9215
9747
|
"name": "paymentMethod",
|
|
9216
9748
|
"type": {
|
|
9217
|
-
"text": "
|
|
9749
|
+
"text": "MbwayPaymentMethod | undefined"
|
|
9218
9750
|
},
|
|
9219
|
-
"description": "The payment method from context",
|
|
9220
9751
|
"fieldName": "paymentMethod"
|
|
9221
9752
|
},
|
|
9222
9753
|
{
|
|
@@ -9225,7 +9756,6 @@
|
|
|
9225
9756
|
"text": "boolean"
|
|
9226
9757
|
},
|
|
9227
9758
|
"default": "false",
|
|
9228
|
-
"description": "Whether the component is disabled",
|
|
9229
9759
|
"fieldName": "disabled"
|
|
9230
9760
|
}
|
|
9231
9761
|
],
|
|
@@ -9233,54 +9763,61 @@
|
|
|
9233
9763
|
"name": "LitElement",
|
|
9234
9764
|
"package": "lit"
|
|
9235
9765
|
},
|
|
9236
|
-
"tagName": "primer-adyen-
|
|
9766
|
+
"tagName": "primer-adyen-mbway",
|
|
9237
9767
|
"customElement": true
|
|
9238
9768
|
}
|
|
9239
9769
|
],
|
|
9240
9770
|
"exports": [
|
|
9241
9771
|
{
|
|
9242
9772
|
"kind": "js",
|
|
9243
|
-
"name": "
|
|
9773
|
+
"name": "AdyenMbwayComponent",
|
|
9244
9774
|
"declaration": {
|
|
9245
|
-
"name": "
|
|
9246
|
-
"module": "src/containers/adyen-
|
|
9775
|
+
"name": "AdyenMbwayComponent",
|
|
9776
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.component.ts"
|
|
9247
9777
|
}
|
|
9248
9778
|
},
|
|
9249
9779
|
{
|
|
9250
9780
|
"kind": "custom-element-definition",
|
|
9251
|
-
"name": "primer-adyen-
|
|
9781
|
+
"name": "primer-adyen-mbway",
|
|
9252
9782
|
"declaration": {
|
|
9253
|
-
"name": "
|
|
9254
|
-
"module": "src/containers/adyen-
|
|
9783
|
+
"name": "AdyenMbwayComponent",
|
|
9784
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.component.ts"
|
|
9255
9785
|
}
|
|
9256
9786
|
}
|
|
9257
9787
|
]
|
|
9258
9788
|
},
|
|
9259
9789
|
{
|
|
9260
9790
|
"kind": "javascript-module",
|
|
9261
|
-
"path": "src/containers/adyen-
|
|
9262
|
-
"declarations": [
|
|
9791
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.styles.ts",
|
|
9792
|
+
"declarations": [
|
|
9793
|
+
{
|
|
9794
|
+
"kind": "variable",
|
|
9795
|
+
"name": "styles",
|
|
9796
|
+
"default": "css` :host { display: flex; width: 100%; } .mbway-input-wrapper { display: flex; flex-direction: column; gap: var(--primer-space-small); width: 100%; padding-top: var(--primer-space-medium); } .mbway-label { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); font-weight: var(--primer-typography-body-medium-weight); line-height: var(--primer-typography-body-medium-line-height); color: var(--primer-color-text-primary); } .mbway-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--primer-space-large); padding: var(--primer-space-xlarge) var(--primer-space-medium); } .mbway-loading-message { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); color: var(--primer-color-text-primary); text-align: center; } .mbway-error { display: flex; flex-direction: column; align-items: center; gap: var(--primer-space-medium); } .mbway-error-message { font-family: var(--primer-typography-body-medium-font); font-size: var(--primer-typography-body-medium-size); color: var(--primer-color-text-primary); text-align: center; } .mbway-retry-button { padding: var(--primer-space-medium) var(--primer-space-large); font-family: var(--primer-typography-title-large-font); font-size: var(--primer-typography-title-large-size); font-weight: var(--primer-typography-title-large-weight); line-height: var(--primer-typography-title-large-line-height); color: var(--primer-color-background-outlined-default); background-color: var(--primer-color-brand); border: none; border-radius: var(--primer-radius-medium); cursor: pointer; outline: none; } .mbway-retry-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } .mbway-submit-button { padding: var(--primer-space-medium) var(--primer-space-large); font-family: var(--primer-typography-title-large-font); font-size: var(--primer-typography-title-large-size); font-weight: var(--primer-typography-title-large-weight); color: var(--primer-color-background-outlined-default); background-color: var(--primer-color-brand); border: none; border-radius: var(--primer-radius-medium); cursor: pointer; outline: none; } .mbway-submit-button:disabled { background-color: var(--primer-color-background-outlined-disabled); color: var(--primer-color-text-disabled); cursor: not-allowed; } `"
|
|
9797
|
+
}
|
|
9798
|
+
],
|
|
9263
9799
|
"exports": [
|
|
9264
9800
|
{
|
|
9265
9801
|
"kind": "js",
|
|
9266
|
-
"name": "
|
|
9802
|
+
"name": "styles",
|
|
9267
9803
|
"declaration": {
|
|
9268
|
-
"
|
|
9804
|
+
"name": "styles",
|
|
9805
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.styles.ts"
|
|
9269
9806
|
}
|
|
9270
9807
|
}
|
|
9271
9808
|
]
|
|
9272
9809
|
},
|
|
9273
9810
|
{
|
|
9274
9811
|
"kind": "javascript-module",
|
|
9275
|
-
"path": "src/containers/adyen-
|
|
9812
|
+
"path": "src/containers/adyen-mbway/adyen-mbway.ts",
|
|
9276
9813
|
"declarations": [],
|
|
9277
9814
|
"exports": [
|
|
9278
9815
|
{
|
|
9279
9816
|
"kind": "js",
|
|
9280
|
-
"name": "
|
|
9817
|
+
"name": "AdyenMbway",
|
|
9281
9818
|
"declaration": {
|
|
9282
|
-
"name": "
|
|
9283
|
-
"module": "src/containers/adyen-
|
|
9819
|
+
"name": "AdyenMbwayComponent",
|
|
9820
|
+
"module": "src/containers/adyen-mbway/adyen-mbway.ts"
|
|
9284
9821
|
}
|
|
9285
9822
|
}
|
|
9286
9823
|
]
|
|
@@ -10100,7 +10637,7 @@
|
|
|
10100
10637
|
"name": "setupCardFormTask",
|
|
10101
10638
|
"privacy": "private",
|
|
10102
10639
|
"readonly": true,
|
|
10103
|
-
"default": "new Task(this, { task: ([methods]) => { const manager = methods?.find( (pm) => pm.type === PaymentMethodType.PAYMENT_CARD, )?.manager; if (!manager) return initialState; const hostedInputs = manager.createHostedInputs(); const { cardNumberInput, expiryInput, cvvInput } = hostedInputs; this.cardFormProvider.setValue({ // Temporarily set any so we can toggle between sdk v2 and new sdk core cardholderNameInput: ( hostedInputs as { cardholderNameInput?: IHeadlessHostedInput } ).cardholderNameInput, cardNumberInput, expiryInput, cvvInput, setCardholderName: (val: string) => { manager.setCardholderName(val); if (this.shouldRequireCardholderName) { manager.validate?.().then((validationResult) => { const errors = validationResult?.validationErrors; const cardholderNameError = errors?.find( (error) => error.name === fieldToInputType.cardholderName, ); const controller = this.inputControllers.get( HostedInputType.CARD_HOLDER_NAME, ); if (controller) { controller.updateMetaFromValidation({ valid: false, error: cardholderNameError?.message || cardholderNameError?.error || null, errorCode: cardholderNameError?.message || cardholderNameError?.error || null, }); } }); } }, setCardNetwork: (val: string) => { this.selectedCardNetwork = val; }, validate: () => manager.validate(), submit: (args) => manager.submit(args), hideLabels: this.hideLabels, disabled: this.disabled, // New meta state management methods setSubmissionState: (submitted: boolean) => { this.inputControllers.forEach((controller) => { controller.setSubmitted(submitted); }); }, propagateValidationErrors: (errors: InputValidationError[]) => { if (!errors) return; errors.forEach((error) => { const fieldName = error.field || error.name; const errorMessage = error.message || error.error; const inputType = fieldToInputType[fieldName]; if (inputType) { const controller = this.inputControllers.get(inputType); if (controller) { const updateData = { valid: false, error: errorMessage, errorCode: errorMessage, // Use error message (localization key) instead of field name }; controller.updateMetaFromValidation(updateData); } } }); }, registerInputController: ( inputType: HostedInputType, controller: IHostedInputController, ) => { this.inputControllers.set(inputType, controller); }, unregisterInputController: (inputType: HostedInputType) => { this.inputControllers.delete(inputType); }, onUserInteraction: () => { this.sendPaymentMethodSelectionEvent(); this.checkAndSendPaymentDetailsEnteredEvent(); }, }); return true; }, args: () => [this.primerContext?.paymentMethods], })",
|
|
10640
|
+
"default": "new Task(this, { task: ([methods]) => { const manager = methods?.find( (pm) => pm.type === PaymentMethodType.PAYMENT_CARD, )?.manager; if (!manager) { return initialState; } const hostedInputs = manager.createHostedInputs(); const { cardNumberInput, expiryInput, cvvInput } = hostedInputs; this.cardFormProvider.setValue({ // Temporarily set any so we can toggle between sdk v2 and new sdk core cardholderNameInput: ( hostedInputs as { cardholderNameInput?: IHeadlessHostedInput } ).cardholderNameInput, cardNumberInput, expiryInput, cvvInput, setCardholderName: (val: string) => { manager.setCardholderName(val); if (this.shouldRequireCardholderName) { void manager.validate?.().then((validationResult) => { const errors = validationResult?.validationErrors; const cardholderNameError = errors?.find( (error) => error.name === fieldToInputType.cardholderName, ); const controller = this.inputControllers.get( HostedInputType.CARD_HOLDER_NAME, ); if (controller) { controller.updateMetaFromValidation({ valid: false, error: cardholderNameError?.message || cardholderNameError?.error || null, errorCode: cardholderNameError?.message || cardholderNameError?.error || null, }); } }); } }, setCardNetwork: (val: string) => { this.selectedCardNetwork = val; }, validate: () => manager.validate(), submit: (args) => manager.submit(args), hideLabels: this.hideLabels, disabled: this.disabled, // New meta state management methods setSubmissionState: (submitted: boolean) => { this.inputControllers.forEach((controller) => { controller.setSubmitted(submitted); }); }, propagateValidationErrors: (errors: InputValidationError[]) => { if (!errors) { return; } errors.forEach((error) => { const fieldName = error.field || error.name; const errorMessage = error.message || error.error; const inputType = fieldToInputType[fieldName]; if (inputType) { const controller = this.inputControllers.get(inputType); if (controller) { const updateData = { valid: false, error: errorMessage, errorCode: errorMessage, // Use error message (localization key) instead of field name }; controller.updateMetaFromValidation(updateData); } } }); }, registerInputController: ( inputType: HostedInputType, controller: IHostedInputController, ) => { this.inputControllers.set(inputType, controller); }, unregisterInputController: (inputType: HostedInputType) => { this.inputControllers.delete(inputType); }, onUserInteraction: () => { this.sendPaymentMethodSelectionEvent(); this.checkAndSendPaymentDetailsEnteredEvent(); }, }); return true; }, args: () => [this.primerContext?.paymentMethods], })",
|
|
10104
10641
|
"description": "Task to set up the card form with hosted inputs"
|
|
10105
10642
|
},
|
|
10106
10643
|
{
|
|
@@ -11118,11 +11655,138 @@
|
|
|
11118
11655
|
],
|
|
11119
11656
|
"description": "Based on packages/primer-sdk-web/src/payment-methods/Button.tsx\nShould be replaced once we align on a better solution across all platforms."
|
|
11120
11657
|
},
|
|
11658
|
+
{
|
|
11659
|
+
"kind": "method",
|
|
11660
|
+
"name": "_getBackgroundColor",
|
|
11661
|
+
"privacy": "private",
|
|
11662
|
+
"parameters": [
|
|
11663
|
+
{
|
|
11664
|
+
"name": "type",
|
|
11665
|
+
"type": {
|
|
11666
|
+
"text": "PaymentMethodType"
|
|
11667
|
+
}
|
|
11668
|
+
},
|
|
11669
|
+
{
|
|
11670
|
+
"name": "buttonMeta",
|
|
11671
|
+
"type": {
|
|
11672
|
+
"text": "{\n backgroundColor: { colored: string; light: string; dark: string };\n }"
|
|
11673
|
+
}
|
|
11674
|
+
},
|
|
11675
|
+
{
|
|
11676
|
+
"name": "overrideBackground",
|
|
11677
|
+
"optional": true,
|
|
11678
|
+
"type": {
|
|
11679
|
+
"text": "string"
|
|
11680
|
+
}
|
|
11681
|
+
}
|
|
11682
|
+
]
|
|
11683
|
+
},
|
|
11684
|
+
{
|
|
11685
|
+
"kind": "method",
|
|
11686
|
+
"name": "_getIconUrl",
|
|
11687
|
+
"privacy": "private",
|
|
11688
|
+
"parameters": [
|
|
11689
|
+
{
|
|
11690
|
+
"name": "type",
|
|
11691
|
+
"type": {
|
|
11692
|
+
"text": "PaymentMethodType"
|
|
11693
|
+
}
|
|
11694
|
+
},
|
|
11695
|
+
{
|
|
11696
|
+
"name": "buttonMeta",
|
|
11697
|
+
"type": {
|
|
11698
|
+
"text": "{\n iconUrl: { colored: string; light: string; dark: string };\n backgroundColor: { colored: string; light: string; dark: string };\n }"
|
|
11699
|
+
}
|
|
11700
|
+
},
|
|
11701
|
+
{
|
|
11702
|
+
"name": "backgroundColor",
|
|
11703
|
+
"type": {
|
|
11704
|
+
"text": "string"
|
|
11705
|
+
}
|
|
11706
|
+
},
|
|
11707
|
+
{
|
|
11708
|
+
"name": "overrideLogoSrc",
|
|
11709
|
+
"optional": true,
|
|
11710
|
+
"type": {
|
|
11711
|
+
"text": "string"
|
|
11712
|
+
}
|
|
11713
|
+
}
|
|
11714
|
+
]
|
|
11715
|
+
},
|
|
11716
|
+
{
|
|
11717
|
+
"kind": "method",
|
|
11718
|
+
"name": "_getIconPosition",
|
|
11719
|
+
"privacy": "private",
|
|
11720
|
+
"return": {
|
|
11721
|
+
"type": {
|
|
11722
|
+
"text": "IconPosition"
|
|
11723
|
+
}
|
|
11724
|
+
},
|
|
11725
|
+
"parameters": [
|
|
11726
|
+
{
|
|
11727
|
+
"name": "type",
|
|
11728
|
+
"type": {
|
|
11729
|
+
"text": "PaymentMethodType"
|
|
11730
|
+
}
|
|
11731
|
+
},
|
|
11732
|
+
{
|
|
11733
|
+
"name": "buttonMeta",
|
|
11734
|
+
"type": {
|
|
11735
|
+
"text": "{ iconPositionRelativeToText?: string }"
|
|
11736
|
+
}
|
|
11737
|
+
}
|
|
11738
|
+
]
|
|
11739
|
+
},
|
|
11740
|
+
{
|
|
11741
|
+
"kind": "method",
|
|
11742
|
+
"name": "_getTextColor",
|
|
11743
|
+
"privacy": "private",
|
|
11744
|
+
"return": {
|
|
11745
|
+
"type": {
|
|
11746
|
+
"text": "string | undefined"
|
|
11747
|
+
}
|
|
11748
|
+
},
|
|
11749
|
+
"parameters": [
|
|
11750
|
+
{
|
|
11751
|
+
"name": "backgroundColor",
|
|
11752
|
+
"type": {
|
|
11753
|
+
"text": "string"
|
|
11754
|
+
}
|
|
11755
|
+
}
|
|
11756
|
+
]
|
|
11757
|
+
},
|
|
11758
|
+
{
|
|
11759
|
+
"kind": "method",
|
|
11760
|
+
"name": "_getDisplayName",
|
|
11761
|
+
"privacy": "private",
|
|
11762
|
+
"parameters": [
|
|
11763
|
+
{
|
|
11764
|
+
"name": "type",
|
|
11765
|
+
"type": {
|
|
11766
|
+
"text": "PaymentMethodType"
|
|
11767
|
+
}
|
|
11768
|
+
},
|
|
11769
|
+
{
|
|
11770
|
+
"name": "buttonText",
|
|
11771
|
+
"optional": true,
|
|
11772
|
+
"type": {
|
|
11773
|
+
"text": "string"
|
|
11774
|
+
}
|
|
11775
|
+
},
|
|
11776
|
+
{
|
|
11777
|
+
"name": "overrideText",
|
|
11778
|
+
"optional": true,
|
|
11779
|
+
"type": {
|
|
11780
|
+
"text": "string"
|
|
11781
|
+
}
|
|
11782
|
+
}
|
|
11783
|
+
]
|
|
11784
|
+
},
|
|
11121
11785
|
{
|
|
11122
11786
|
"kind": "field",
|
|
11123
11787
|
"name": "_setupTask",
|
|
11124
11788
|
"privacy": "private",
|
|
11125
|
-
"default": "new Task(this, { task: ([type, headlessUtils]) => { if (!type || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(type); if (!paymentConfig) { return initialState; } const overrides = isGiftCardPaymentMethod(type) ? this.primerContext?.clientOptions?.giftCard : undefined; const
|
|
11789
|
+
"default": "new Task(this, { task: ([type, headlessUtils]) => { if (!type || !headlessUtils) { return initialState; } const paymentConfig = headlessUtils.getPaymentMethodConfiguration(type); if (!paymentConfig) { return initialState; } const overrides = isGiftCardPaymentMethod(type) ? this.primerContext?.clientOptions?.giftCard : undefined; const buttonMeta = paymentConfig.displayMetadata.button; const backgroundColor = this._getBackgroundColor( type, buttonMeta, overrides?.background, ); // Ensure text is readable on the resolved background. // The backend textColor values are unreliable for some payment methods, // so we derive a safe text color from the background luminance. const textColor = this._getTextColor(backgroundColor); return { backgroundColor, textColor, name: paymentConfig.name, alt: overrides?.logoAlt ?? paymentConfig.name, displayName: this._getDisplayName( type, buttonMeta.text, overrides?.text, ), iconUrl: this._getIconUrl( type, buttonMeta, backgroundColor, overrides?.logoSrc, ), iconPosition: this._getIconPosition(type, buttonMeta), }; }, args: () => [this.type, this.primerContext?.headlessUtils], })"
|
|
11126
11790
|
},
|
|
11127
11791
|
{
|
|
11128
11792
|
"kind": "method",
|
|
@@ -11189,7 +11853,7 @@
|
|
|
11189
11853
|
{
|
|
11190
11854
|
"kind": "variable",
|
|
11191
11855
|
"name": "styles",
|
|
11192
|
-
"default": "css` :host { height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); display: flex; /* Default value for the background color CSS variable */ --payment-method-button-bg-color: var( --primer-color-background-outlined-default ); } primer-button { width: 100%; height: 100%; } primer-button::part(button) { background-color: var(--payment-method-button-bg-color); border: 1px solid var(--primer-color-border-outlined-default); color: var(--primer-color-text-primary); flex: 1; padding: var(--primer-space-small); display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); } /* Default layout: icon on the left (START) */ primer-button { display: flex; flex-direction: row; } /* When icon position is END, reorder via CSS */ .icon-end img { order: 1; } .button-text { font-family: var(--primer-typography-font-family); font-size: var(--primer-typography-body-medium-size); font-weight: 500; line-height: var(--primer-typography-body-medium-line-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Target the img specifically inside our component */ img { max-width: 100px; height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + var(--primer-space-medium) ); } /* For image container sizing */ .image-container { flex-shrink: 0; flex-grow: 1; } /* Disabled state styling - subtle visual feedback */ :host([disabled]) { opacity: 0.6; cursor: not-allowed; } :host([disabled]) primer-button::part(button) { pointer-events: none; cursor: not-allowed; } :host([disabled]) img { filter: grayscale(100%); } `"
|
|
11856
|
+
"default": "css` :host { height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + calc(2 * var(--primer-space-medium)) ); display: flex; /* Default value for the background color CSS variable */ --payment-method-button-bg-color: var( --primer-color-background-outlined-default ); } primer-button { width: 100%; height: 100%; } primer-button::part(button) { background-color: var(--payment-method-button-bg-color); border: 1px solid var(--primer-color-border-outlined-default); color: var( --payment-method-button-text-color, var(--primer-color-text-primary) ); flex: 1; padding: var(--primer-space-small); display: flex; align-items: center; justify-content: center; gap: var(--primer-space-small); } /* Default layout: icon on the left (START) */ primer-button { display: flex; flex-direction: row; } /* When icon position is END, reorder via CSS */ .icon-end img { order: 1; } .button-text { font-family: var(--primer-typography-font-family); font-size: var(--primer-typography-body-medium-size); font-weight: 500; line-height: var(--primer-typography-body-medium-line-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Target the img specifically inside our component */ img { max-width: 100px; height: calc( ${unsafeCSS(PAYMENT_METHOD_LINE_HEIGHT)} + var(--primer-space-medium) ); } /* For image container sizing */ .image-container { flex-shrink: 0; flex-grow: 1; } /* Disabled state styling - subtle visual feedback */ :host([disabled]) { opacity: 0.6; cursor: not-allowed; } :host([disabled]) primer-button::part(button) { pointer-events: none; cursor: not-allowed; } :host([disabled]) img { filter: grayscale(100%); } /* For image-only buttons (no text label), allow the logo to fill more space */ .image-only img { max-width: 75%; object-fit: contain; } `"
|
|
11193
11857
|
}
|
|
11194
11858
|
],
|
|
11195
11859
|
"exports": [
|