@primer-io/primer-js 0.3.4 → 0.3.6
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 +13 -0
- package/dist/custom-elements.json +952 -2517
- package/dist/jsx/index.d.ts +20 -8
- package/dist/primer-loader.d.ts +104 -31
- package/dist/primer-loader.js +27 -8
- package/dist/vscode.html-custom-data.json +5 -4
- package/dist/web-types.json +38 -25
- package/package.json +1 -13
- package/dist/primer-react-wrappers.js +0 -164
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"kind": "variable",
|
|
19
|
-
"name": "
|
|
19
|
+
"name": "kr",
|
|
20
20
|
"default": "class{constructor(t){this._methods=t}get(t){return this._methods.get(t)}toArray(){return Array.from(this._methods.values())}size(){return this._methods.size}}"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
@@ -54,233 +54,233 @@
|
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
"kind": "variable",
|
|
57
|
-
"name": "
|
|
58
|
-
"default": "class extends g{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new
|
|
57
|
+
"name": "ae",
|
|
58
|
+
"default": "class extends g{constructor(){super();this.customStyles=\"\";this.clientToken=\"\";this.options={};this.disableLoader=!1;this._jsInitialized=!1;this.previousLoadingState=!0;this.hasAssignedContent=!1;this._loadingTimeoutId=null;this.locale=\"en-GB\";this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.sdkContextController=new dr(this),this.sdkStateController=new sr(this),this.primerEventsController=new Et(this),this.styleProcessingController=new cr(this),this.vaultManagerController=new Dt(this),this.cardNetworkController=new rr(this),this.achPaymentEventsController=new Kr(this),new jr(this)}set jsInitialized(e){this.requestUpdate(),this._jsInitialized=e}get jsInitialized(){return this._jsInitialized}attributeChangedCallback(e,r,o){e===kl.CUSTOM_STYLES?this.styleProcessingController.processCustomStyles(o):super.attributeChangedCallback(e,r,o)}disconnectedCallback(){this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null),this.sdkStateController?.currentState.isLoading&&this.sdkStateController.forceCompleteLoading(),super.disconnectedCallback()}willUpdate(e){e.has(\"options\")&&(this.options?.locale&&(gi(this.options?.locale)?this.locale=vi(this.options?.locale):w.warn(\"\\u{1F30E}\\u2757 Unsupported locale provided:\",this.options?.locale,\"- Falling back to default locale `en-GB`\")),yi(this.locale||\"en-GB\"))}updated(){let e=getComputedStyle(this);this.sdkContextController.setComputedStyles(e),this.checkLoadingStateChange()}checkLoadingStateChange(){let e=this.sdkStateController?.currentState.isLoading||!1;this.previousLoadingState&&!e&&(this.jsInitialized=!0),this.previousLoadingState=e,e&&!this._loadingTimeoutId?this._loadingTimeoutId=window.setTimeout(()=>{this.sdkStateController?.currentState.isLoading&&(w.warn(\"Loading timeout in component, forcing completion\"),this.sdkStateController.forceCompleteLoading(),this.jsInitialized=!0),this._loadingTimeoutId=null},1e4):!e&&this._loadingTimeoutId&&(window.clearTimeout(this._loadingTimeoutId),this._loadingTimeoutId=null)}render(){let e=this.sdkStateController.currentState,r=e.isLoading,o=e.error,a=!r&&!o;return m` ${N(r,()=>h)} ${N(o,()=>m`<primer-checkout-error></primer-checkout-error>`)} ${N(a,()=>m`<slot name=\"main\" @slotchange=${this.onSlotChange}></slot>${N(this.hasAssignedContent,()=>h,()=>m`<primer-main></primer-main>`)} `,()=>h)} `}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
59
59
|
},
|
|
60
60
|
{
|
|
61
61
|
"kind": "function",
|
|
62
|
-
"name": "
|
|
62
|
+
"name": "Ia"
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
"kind": "function",
|
|
66
|
-
"name": "
|
|
66
|
+
"name": "Na"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
"kind": "function",
|
|
70
|
-
"name": "
|
|
70
|
+
"name": "Rl"
|
|
71
71
|
},
|
|
72
72
|
{
|
|
73
73
|
"kind": "function",
|
|
74
|
-
"name": "
|
|
74
|
+
"name": "Dl"
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
"kind": "variable",
|
|
78
|
-
"name": "
|
|
79
|
-
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in
|
|
78
|
+
"name": "_e",
|
|
79
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-loader)\";this.size=\"medium\";this.compact=!1}getSize(){if(this.size in ji)return ji[this.size];let e=parseInt(this.size,10);return isNaN(e)?ji.medium:e}render(){let e=this.getSize(),r=20,o=`0 0 ${r} ${r}`;return this.style.setProperty(\"--spinner-color\",this.color),this.style.setProperty(\"--spinner-size\",`${e}px`),m`<div class=\"spinner-container ${this.compact?\"compact\":\"\"}\"><svg class=\"spinner\" width=\"${e}\" height=\"${e}\" viewBox=\"${o}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"status\" aria-label=\"Loading\" ><path d=\"M4.27827 10.002C4.27827 6.84166 6.84019 4.27973 10.0005 4.27973C10.7676 4.27973 11.3894 3.6579 11.3894 2.89084C11.3894 2.12378 10.7676 1.50195 10.0005 1.50195C5.30607 1.50195 1.50049 5.30753 1.50049 10.002C1.50049 14.6964 5.30607 18.502 10.0005 18.502C14.6949 18.502 18.5005 14.6964 18.5005 10.002C18.5005 9.23489 17.8787 8.61306 17.1116 8.61306C16.3445 8.61306 15.7227 9.23489 15.7227 10.002C15.7227 13.1622 13.1608 15.7242 10.0005 15.7242C6.84019 15.7242 4.27827 13.1622 4.27827 10.002Z\" fill=\"currentColor\" class=\"path\" /></svg></div>`}}"
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
"kind": "variable",
|
|
83
|
-
"name": "
|
|
84
|
-
"default": "class extends g{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let a=o.querySelector(\"primer-input\");if(a)return a}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return
|
|
83
|
+
"name": "we",
|
|
84
|
+
"default": "class extends g{constructor(){super(...arguments);this.focusWithin=!1;this.hasError=!1;this.handleWrapperClick=e=>{if(e.target!==e.currentTarget)return;let r=this.findSlottedPrimerInput();r?r.focus():this.dispatchEvent(new CustomEvent(\"wrapper-click\",{bubbles:!0,composed:!0}))}}findSlottedPrimerInput(){if(!this.inputSlot)return null;let e=this.inputSlot.assignedElements({flatten:!0}),r=e.find(o=>o.tagName.toLowerCase()===\"primer-input\");if(r)return r;for(let o of e){let a=o.querySelector(\"primer-input\");if(a)return a}return null}render(){let e={\"input-slot\":!0,\"focus-within\":this.focusWithin};return m`<div class=\"input-wrapper\"><slot name=\"label\"></slot><div class=\"${K(e)}\" @click=\"${this.handleWrapperClick}\"><slot name=\"input\"></slot></div><slot name=\"error\"></slot></div>`}}"
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
"kind": "variable",
|
|
88
|
-
"name": "
|
|
89
|
-
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return
|
|
88
|
+
"name": "Ve",
|
|
89
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.disabled=!1}render(){return m`<label for=${this.for}><slot></slot></label>`}}"
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
"kind": "variable",
|
|
93
|
-
"name": "
|
|
94
|
-
"default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;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?
|
|
93
|
+
"name": "te",
|
|
94
|
+
"default": "class extends g{constructor(){super(...arguments);this.variant=\"primary\";this.disabled=!1;this.loading=!1;this.buttonType=\"button\";this.selectionState=\"default\";this.selectable=!1;this.flex=!0;this.handleClick=()=>{!this.selectable||this.disabled||this.loading||(this.selectionState=this.selectionState===\"default\"?\"checked\":\"default\",this.dispatchEvent(new CustomEvent(\"selection-change\",{bubbles:!0,composed:!0,detail:{state:this.selectionState}})))}}renderCheckmark(){return!this.selectable||this.selectionState!==\"checked\"||this.loading?h:m`<primer-icon name=\"checkmark\" size=\"sm\" color=\"var(--primer-color-brand)\" ></primer-icon>`}renderSpinner(){if(!this.loading)return h;let e;return this.variant===\"primary\"?e=\"var(--primer-color-background-outlined-default)\":(this.variant===\"secondary\"||this.variant===\"tertiary\")&&(e=\"var(--primer-color-gray-900)\"),m`<primer-spinner size=\"small\" color=\"${e}\" compact ></primer-spinner>`}render(){return m`<button type=${this.buttonType} ?disabled=${this.disabled||this.loading} @click=${this.handleClick} part=\"button\" aria-checked=${this.selectionState===\"checked\"} aria-busy=${this.loading} >${this.renderSpinner()} ${this.flex?m`<span class=\"button-content ${this.loading?\"loading\":\"\"}\"><slot></slot></span>`:m`<span class=\"button-content-base ${this.loading?\"loading\":\"\"}\" ><slot></slot></span>`} ${this.renderCheckmark()}</button>`}}"
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
"kind": "variable",
|
|
98
|
-
"name": "
|
|
99
|
-
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return
|
|
98
|
+
"name": "Ye",
|
|
99
|
+
"default": "class extends g{constructor(){super(...arguments);this.for=\"\";this.active=!0}render(){return m`<span class=\"error\" role=\"alert\" aria-live=\"polite\" id=\"${this.for||\"\"}\" ><slot></slot></span>`}}"
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"kind": "variable",
|
|
103
|
-
"name": "
|
|
104
|
-
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?
|
|
103
|
+
"name": "Te",
|
|
104
|
+
"default": "class extends g{constructor(){super(...arguments);this.color=\"var(--primer-color-icon-primary)\";this.size=\"lg\"}render(){let e=this.name?Va[this.name]:null;return m`<div style=\"--internal-icon-color: ${this.color}\">${e||m`<slot></slot>`}</div>`}}"
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
107
|
"kind": "variable",
|
|
108
|
-
"name": "
|
|
109
|
-
"default": "class extends g{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?
|
|
108
|
+
"name": "He",
|
|
109
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=\"complete\"}render(){return this.type===\"complete\"?m`<primer-icon size=\"lg\" name=\"successful-check\" color=\"var(--primer-color-icon-positive)\" ></primer-icon><p>Checkout complete!</p><p class=\"secondary\"> You'll be redirected to the order confirmation page soon. </p>`:m`<primer-icon size=\"lg\" name=\"failure-icon\" color=\"var(--primer-color-icon-negative)\" ></primer-icon><p>Payment failed</p>${this.description?m`<p class=\"secondary\">${this.description}</p>`:m`<p class=\"secondary\">Something went wrong.</p>`} `}}"
|
|
110
110
|
},
|
|
111
111
|
{
|
|
112
112
|
"kind": "variable",
|
|
113
|
-
"name": "
|
|
114
|
-
"default": "class extends g{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return
|
|
113
|
+
"name": "D",
|
|
114
|
+
"default": "class extends g{constructor(){super(...arguments);this.value=\"\";this.placeholder=\"\";this.disabled=!1;this.name=\"\";this.type=\"text\";this.required=!1;this.readonly=!1;this.pattern=\"\";this.min=\"\";this.max=\"\";this.step=\"\";this.autocomplete=\"\";this._id=\"\";this.hasFocus=!1;this.hasError=!1;this.handleInput=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"input\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleChange=e=>{e.stopPropagation();let r=e.target;this.value=r.value;let o=new CustomEvent(\"change\",{detail:this.value,bubbles:!0,composed:!0});this.dispatchEvent(o)};this.handleFocus=()=>{this.hasFocus=!0,this.dispatchEvent(new FocusEvent(\"focus\",{bubbles:!0,composed:!0}))};this.handleBlur=()=>{this.hasFocus=!1,this.dispatchEvent(new FocusEvent(\"blur\",{bubbles:!0,composed:!0}))};this.handleInvalid=e=>{e.stopPropagation(),this.hasError=!0,this.dispatchEvent(new Event(\"invalid\",{bubbles:!0,composed:!0}))}}get id(){return this._id}set id(e){this._id=e,this.setAttribute(\"id\",e)}focus(e){this.inputElement?.focus(e)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(e,r,o){this.inputElement?.setSelectionRange(e,r,o)}get validity(){return this.inputElement?.validity||{}}get validationMessage(){return this.inputElement?.validationMessage||\"\"}checkValidity(){return this.inputElement?.checkValidity()||!1}reportValidity(){return this.inputElement?.reportValidity()||!1}render(){let e={input:!0,\"input--focused\":this.hasFocus,\"input--disabled\":this.disabled,\"input--error\":this.hasError,\"input--readonly\":this.readonly},r=Object.entries(e).filter(([,o])=>o).map(([o])=>o).join(\" \");return m`<input part=\"input\" class=${r} .value=${this.value} .type=${this.type} ?disabled=${this.disabled} ?required=${this.required} ?readonly=${this.readonly} placeholder=${this.placeholder} pattern=${this.pattern} minlength=${this.minlength??\"\"} maxlength=${this.maxlength??\"\"} min=${this.min} max=${this.max} step=${this.step} autocomplete=${this.autocomplete} name=${this.name} id=${this.id} @input=${this.handleInput} @change=${this.handleChange} @focus=${this.handleFocus} @blur=${this.handleBlur} @invalid=${this.handleInvalid} />`}addEventListener(e,r,o){super.addEventListener(e,r,o)}removeEventListener(e,r,o){super.removeEventListener(e,r,o)}}"
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
117
|
"kind": "variable",
|
|
118
|
-
"name": "
|
|
119
|
-
"default": "class extends g{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return
|
|
118
|
+
"name": "re",
|
|
119
|
+
"default": "class extends g{constructor(){super(...arguments);this.header=\"\";this.expanded=!1;this.expandText=\"Expand\";this.collapseText=\"Collapse\";this.ariaLabel=\"\";this.buttonVariant=\"primary\";this.isExpanded=!1;this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.dispatchExpandedChangedEvent(this.isExpanded)}}connectedCallback(){super.connectedCallback(),this.isExpanded=this.expanded}dispatchExpandedChangedEvent(e){this.dispatchEvent(new CustomEvent(\"expanded-changed\",{bubbles:!0,composed:!0,detail:{expanded:e}}))}expand(){this.isExpanded||(this.isExpanded=!0,this.dispatchExpandedChangedEvent(!0))}collapse(){this.isExpanded&&(this.isExpanded=!1,this.dispatchExpandedChangedEvent(!1))}render(){let e=this.isExpanded?this.collapseText:this.expandText,r=this.ariaLabel||this.header||e,o=this.header||e;return m`<div class=\"collapsable\"><primer-button variant=${this.buttonVariant} buttonType=\"button\" @click=${this.toggleExpanded} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${r} ><span>${o}</span></primer-button><div class=\"collapsable-wrapper ${this.isExpanded?\"expanded\":\"\"}\" id=\"collapsable-content\" role=\"region\" aria-labelledby=\"collapsable-header\" ><div class=\"collapsable-content\"><slot></slot></div></div></div>`}}"
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
122
|
"kind": "variable",
|
|
123
|
-
"name": "
|
|
124
|
-
"default": "class extends g{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
|
|
123
|
+
"name": "Me",
|
|
124
|
+
"default": "class extends g{constructor(){super();this.message=\"\";this.visible=!1;this._role=\"alert\";this.showMessage=!1;this.role=\"alert\"}get role(){return this._role}set role(e){this._role=e,this.setAttribute(\"role\",e)}updated(e){e.has(\"visible\")&&this.handleVisibilityChange()}handleVisibilityChange(){this.visible?(this.showMessage=!0,this.setAttribute(\"aria-hidden\",\"false\")):setTimeout(()=>{this.showMessage=!1,this.setAttribute(\"aria-hidden\",\"true\")},200)}render(){if(!this.showMessage&&!this.visible)return h;let e={\"error-message\":!0,hidden:!this.visible};return m`<div part=\"error-message\" class=${K(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>`}}"
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
"kind": "variable",
|
|
128
|
-
"name": "
|
|
129
|
-
"default": "class extends g{constructor(){super(...arguments);this._id=`d${Math.random().toString(36).substring(7)}`;this._handleSlotChange=e=>{let o=e.target.assignedNodes();if(!o.length)return;let a=this.getContainer();o.forEach(n=>a.appendChild(n))}}get id(){return this._id}getContainer(){let e=document.querySelector(`#${this._id}`);return e||(e=document.createElement(\"div\"),e.id=this._id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\",\"primer-dialog-close\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}render(){return
|
|
128
|
+
"name": "rt",
|
|
129
|
+
"default": "class extends g{constructor(){super(...arguments);this._id=`d${Math.random().toString(36).substring(7)}`;this._handleSlotChange=e=>{let o=e.target.assignedNodes();if(!o.length)return;let a=this.getContainer();o.forEach(n=>a.appendChild(n))}}get id(){return this._id}getContainer(){let e=document.querySelector(`#${this._id}`);return e||(e=document.createElement(\"div\"),e.id=this._id,document.body.appendChild(e),this._setupEventListeners(e)),e}_setupEventListeners(e){[\"primer-ach-error\",\"primer-ach-bank-details-collected\",\"primer-ach-mandate-confirmed\",\"primer-ach-mandate-declined\",\"primer-dialog-close\"].forEach(r=>{e.addEventListener(r,o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:o.detail}))})})}disconnectedCallback(){super.disconnectedCallback(),this.getContainer().remove()}render(){return m`<slot @slotchange=${this._handleSlotChange}></slot>`}}"
|
|
130
130
|
},
|
|
131
131
|
{
|
|
132
132
|
"kind": "variable",
|
|
133
|
-
"name": "
|
|
134
|
-
"default": "class extends g{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\"},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?
|
|
133
|
+
"name": "ge",
|
|
134
|
+
"default": "class extends g{constructor(){super(...arguments);this.size=\"flex\";this.showCloseButton=!0;this._animationState=\"entering\";this._isVisible=!1;this._handleCloseClick=()=>{this._startExitAnimation()}}startExitAnimation(){this._startExitAnimation()}connectedCallback(){super.connectedCallback(),document.body.style.overflow=\"hidden\",this._startEnterAnimation()}disconnectedCallback(){super.disconnectedCallback(),document.body.style.overflow=\"\",this._animationTimeout&&clearTimeout(this._animationTimeout)}_startEnterAnimation(){this._animationState=\"entering\",this._isVisible=!0,requestAnimationFrame(()=>{this._animationTimeout=window.setTimeout(()=>{this._animationState=\"entered\"},500)})}_startExitAnimation(){this._animationTimeout&&clearTimeout(this._animationTimeout),this._animationState=\"exiting\",this._animationTimeout=window.setTimeout(()=>{this._animationState=\"exited\",this._isVisible=!1,this.dispatchEvent(new CustomEvent(\"primer-dialog-close\",{bubbles:!0,composed:!0}))},500)}render(){return this._isVisible?m`<div class=${K({backdrop:!0,\"backdrop--entering\":this._animationState===\"entering\",\"backdrop--entered\":this._animationState===\"entered\",\"backdrop--exiting\":this._animationState===\"exiting\"})} @click=${e=>{e.preventDefault()}} ><div class=${K({dialog:!0,[this.size]:!0,\"dialog--entering\":this._animationState===\"entering\",\"dialog--entered\":this._animationState===\"entered\",\"dialog--exiting\":this._animationState===\"exiting\"})} ><div class=\"header\">${this.showCloseButton?m`<primer-button variant=\"tertiary\" @click=${this._handleCloseClick} ><primer-icon name=\"close\"></primer-icon></primer-button>`:\"\"}</div><div class=\"content\"><slot></slot></div></div></div>`:m``}}"
|
|
135
135
|
},
|
|
136
136
|
{
|
|
137
137
|
"kind": "variable",
|
|
138
|
-
"name": "
|
|
139
|
-
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=
|
|
138
|
+
"name": "G",
|
|
139
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.klarnaCategories=null;this.disabled=!1;this.selectedCategory=null;this.isExpanded=!1;this.headerAriaLabel=A(\"pay_with\",{id:\"pay_with\"});this._paymentMethodManagerTask=new L(this,{task:async([e,r])=>{if(!e||!r)return I;let o=await r.getCDNAssets(\"KLARNA\");return{manager:e.manager,klarnaIcon:o?.assets?.icon?`${o.goatCdnUrl}/${o.assets.icon}`:\"\"}},args:()=>[this.paymentManagers.get(\"KLARNA\"),this.headlessUtils]});this.toggleExpand=()=>{this.disabled||(this.isExpanded=!this.isExpanded,this.isExpanded||(this.selectedCategory=null))}}async startKlarnaPayment(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory))try{await this._paymentMethodManagerTask.value.manager.start({paymentMethodCategoryId:this.selectedCategory})}catch(e){w.error(\"Failed to start Klarna payment\",e)}}async renderSelectedCategory(){if(!(!this._paymentMethodManagerTask.value||!this.selectedCategory||!this.klarnaContainer))try{this.klarnaContainer.innerHTML=\"\",await this._paymentMethodManagerTask.value.manager.renderCategory({containerId:this.klarnaContainer,paymentMethodCategoryId:this.selectedCategory,onHeightChange:e=>{e>0&&(this.klarnaContainer.style.height=`${e}px`)}})}catch(e){w.error(\"Failed to render Klarna category\",e)}}selectCategory(e){this.disabled||(this.selectedCategory=e,this.renderSelectedCategory())}updated(e){e.has(\"selectedCategory\")&&this.selectedCategory&&this.renderSelectedCategory()}renderCategorySelection(){let e=this.klarnaCategories?.categories||[];return this.klarnaCategories?.isLoading||!1?m`<div class=\"loading\"><primer-spinner size=\"small\"></primer-spinner></div>`:m`<div class=\"category-selection\">${e.map(o=>m`<button class=${K({\"category-button\":!0,selected:o.id===this.selectedCategory})} @click=${()=>{this.selectCategory(o.id)}} ?disabled=${this.disabled} >${o.name}</button>`)}</div>`}renderExpandedContent(){return m` ${this.renderCategorySelection()} ${this.selectedCategory?m`<div id=\"klarna-category-container\" class=\"klarna-category-container\" ></div>`:h}<button class=${K({\"klarna-pay-button\":!0,loading:!!this.sdkState?.isProcessing,disabled:!this.selectedCategory||this.disabled})} ?disabled=${!this.selectedCategory||this.sdkState?.isProcessing||this.disabled} @click=${()=>this.startKlarnaPayment()} >${A(\"confirm\",{id:\"confirm\"})}</button>`}render(){return this._paymentMethodManagerTask.render({error:e=>{let r=e instanceof Error?e.message:\"Unknown error in Klarna\";return m`<div class=\"error\"> Error loading Klarna: ${r}</div>`},complete:({manager:e,klarnaIcon:r})=>e?m`<div class=\"klarna-container ${this.isExpanded?\"expanded\":\"\"}\"><div class=\"klarna-button-header\"><primer-button buttonType=\"button\" variant=\"secondary\" class=\"klarna-button\" @click=${this.toggleExpand} aria-expanded=${this.isExpanded} aria-controls=\"collapsable-content\" aria-label=${this.headerAriaLabel} ?disabled=${this.disabled} ><img src=${r} alt=\"Klarna logo\" /><span>${A(\"pay_with\",{id:\"pay_with\"})} Klarna</span><span class=\"klarna-accordion-icon ${this.isExpanded?\"expanded\":\"\"}\" > ▼ </span></primer-button></div><div class=\"klarna-expanded-content ${this.isExpanded?\"visible\":\"\"}\" ><div class=\"klarna-accordion-content\">${this.renderExpandedContent()}</div></div></div>`:h})}}"
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
142
|
"kind": "variable",
|
|
143
|
-
"name": "
|
|
144
|
-
"default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.paymentMethods=null}render(){if(!this.type)return
|
|
143
|
+
"name": "ke",
|
|
144
|
+
"default": "class extends g{constructor(){super(...arguments);this.type=void 0;this.disabled=!1;this.paymentMethods=null}render(){if(!this.type)return h;let e=this.paymentMethods?.get(this.type);if(!e)return h;switch(e?.managerType){case\"CARD\":return m`<primer-card-form ?disabled=${this.disabled} ></primer-card-form>`;case\"NATIVE\":return m`<primer-native-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-native-payment>`;case\"REDIRECT\":return m`<primer-redirect-payment .paymentMethod=${e} ?disabled=${this.disabled} ></primer-redirect-payment>`;case\"KLARNA\":return m`<primer-klarna ?disabled=${this.disabled}></primer-klarna>`;case\"ACH\":return m`<primer-dynamic-payment .paymentMethod=${e} ></primer-dynamic-payment>`;default:return h}}}"
|
|
145
145
|
},
|
|
146
146
|
{
|
|
147
147
|
"kind": "variable",
|
|
148
|
-
"name": "
|
|
149
|
-
"default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentMethods=null;this.clientOptions=null}getFilteredMethods(){if(!this.paymentMethods)return[];let e=this.paymentMethods.toArray();if(this.include){let r=this.include.split(\",\").map(o=>o.trim());e=e.filter(o=>r.includes(o.type))}if(this.exclude){let r=this.exclude.split(\",\").map(o=>o.trim());e=e.filter(o=>!r.includes(o.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?
|
|
148
|
+
"name": "de",
|
|
149
|
+
"default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentMethods=null;this.clientOptions=null}getFilteredMethods(){if(!this.paymentMethods)return[];let e=this.paymentMethods.toArray();if(this.include){let r=this.include.split(\",\").map(o=>o.trim());e=e.filter(o=>r.includes(o.type))}if(this.exclude){let r=this.exclude.split(\",\").map(o=>o.trim());e=e.filter(o=>!r.includes(o.type))}return e}render(){let e=this.getFilteredMethods();return e.length===0?h:m`<div class=\"payment-methods-container\">${e.map(r=>m`<primer-payment-method type=\"${r.type}\" ?disabled=\"${this.disabled||this.clientOptions?.disabledPayments===!0}\" ></primer-payment-method>`)}</div>`}}"
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
152
|
"kind": "variable",
|
|
153
|
-
"name": "
|
|
154
|
-
"default": "class extends g{constructor(){super(...arguments);this.formController=new
|
|
153
|
+
"name": "ne",
|
|
154
|
+
"default": "class extends g{constructor(){super(...arguments);this.formController=new Gr(this,e=>this._paymentMethodManagerTask.value.setAndValidate(e));this.paymentManagers=new Map;this.sdkState=void 0;this.clientOptions=void 0;this.screen=\"form\";this.isSubmitting=!1;this._paymentMethodManagerTask=new L(this,{task:([e])=>e!==\"STRIPE_ACH\"?I:this.paymentManagers.get(e)?.manager,args:()=>[this.paymentMethod?.type]})}_handleInput(e,r){let o=e.target;this.formController.setFieldValue(r,o.value)}_handleBlur(e){this.formController.setFieldTouched(e)}_handleError(e){this.dispatchEvent(new CustomEvent(\"primer-ach-error\",{bubbles:!0,composed:!0,detail:{error:e instanceof Error?e:new Error(typeof e==\"string\"?e:\"Unknown error occurred\")}}))}async _handleSubmitButtonClick(e){if(!this.isSubmitting){this.isSubmitting=!0;try{let r=await e.start(this.formController.formData);if(!r||r.valid)return await this._handleCollectBankAccountDetails(e);r&&this.formController.setValidation(r,!0)}catch(r){this._handleError(r)}finally{this.isSubmitting=!1}}}async _handleCollectBankAccountDetails(e){try{await e.collectBankAccountDetails(),this.screen=\"mandate\",this.dispatchEvent(new CustomEvent(\"primer-ach-bank-details-collected\",{bubbles:!0,composed:!0}))}catch(r){this._handleError(r)}}async _handleConfirmMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.confirmMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-confirmed\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}async _handleDeclineMandate(){if(this._paymentMethodManagerTask.value){this.isSubmitting=!0;try{await this._paymentMethodManagerTask.value.declineMandate(),this.dispatchEvent(new CustomEvent(\"primer-ach-mandate-declined\",{bubbles:!0,composed:!0}))}catch(e){this._handleError(e)}finally{this.isSubmitting=!1}}}renderForm(e){return m`<h2>${A(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${A(\"stripe_ach_user_details_collection_subtitle_label\",{id:\"stripe_ach_user_details_collection_subtitle_label\"})}</p><form @submit=${r=>r.preventDefault()}><div class=\"form-row\"><primer-input-wrapper .hasError=${this.formController.hasError.firstName} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_first_name_label\",{id:\"stripe_ach_user_details_collection_first_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.firstName.value} @input=${r=>this._handleInput(r,\"firstName\")} @blur=${()=>this._handleBlur(\"firstName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.firstName?this.formController.formState.firstName.error:h}</primer-input-error></primer-input-wrapper><primer-input-wrapper .hasError=${this.formController.hasError.lastName} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_last_name_label\",{id:\"stripe_ach_user_details_collection_last_name_label\"})}</primer-input-label><primer-input slot=\"input\" .value=${this.formController.formState.lastName.value} @input=${r=>this._handleInput(r,\"lastName\")} @blur=${()=>this._handleBlur(\"lastName\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.lastName?this.formController.formState.lastName.error:h}</primer-input-error></primer-input-wrapper></div><primer-input-wrapper .hasError=${this.formController.hasError.emailAddress} ><primer-input-label slot=\"label\">${A(\"stripe_ach_user_details_collection_email_address_label\",{id:\"stripe_ach_user_details_collection_email_address_label\"})}</primer-input-label><primer-input slot=\"input\" type=\"email\" .value=${this.formController.formState.emailAddress.value} @input=${r=>this._handleInput(r,\"emailAddress\")} @blur=${()=>this._handleBlur(\"emailAddress\")} ?disabled=${this.isSubmitting} ></primer-input><primer-input-error slot=\"error\">${this.formController.hasError.emailAddress?this.formController.formState.emailAddress.error:h}</primer-input-error></primer-input-wrapper><p>${A(\"stripe_ach_user_details_collection_data_usage_label\",{id:\"stripe_ach_user_details_collection_data_usage_label\"})}</p><primer-button buttonType=\"submit\" variant=\"primary\" @click=${()=>this._handleSubmitButtonClick(e)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${A(\"stripe_ach_user_details_collection_continue_button\",{id:\"stripe_ach_user_details_collection_continue_button\"})}</primer-button></form>`}renderMandate(){return m`<h2>${A(\"payWithAch\",{id:\"payWithAch\"})}</h2><p>${this.clientOptions?.stripe?.mandateData.fullMandateText??A(\"stripe_ach_mandate_template_web\",{id:\"stripe_ach_mandate_template_web\"}).replace(/\\{merchantName\\}/g,this.clientOptions?.stripe?.mandateData.merchantName??\"Merchant\")}</p><div class=\"button-group\"><primer-button variant=\"primary\" @click=${this._handleConfirmMandate.bind(this)} ?disabled=${this.isSubmitting} ?loading=${this.isSubmitting} >${A(\"stripe_ach_mandate_accept_button\",{id:\"stripe_ach_mandate_accept_button\"})}</primer-button><primer-button variant=\"tertiary\" @click=${this._handleDeclineMandate.bind(this)} ?disabled=${this.isSubmitting} >${A(\"stripe_ach_mandate_cancel_payment_button\",{id:\"stripe_ach_mandate_cancel_payment_button\"})}</primer-button></div>`}render(){return this._paymentMethodManagerTask.render({complete:e=>e?this.screen===\"form\"?this.renderForm(e):this.renderMandate():h})}}"
|
|
155
155
|
},
|
|
156
156
|
{
|
|
157
157
|
"kind": "variable",
|
|
158
|
-
"name": "
|
|
159
|
-
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?
|
|
158
|
+
"name": "ce",
|
|
159
|
+
"default": "class extends g{constructor(){super(...arguments);this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this.open=!1;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);return o?{backgroundColor:o.displayMetadata.button.backgroundColor.colored,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored||o.displayMetadata.button.iconUrl.light||o.displayMetadata.button.iconUrl.dark}:I},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Qt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}start(){this._paymentMethodManagerTask.value&&(this.open=!0)}renderDialog(){return this.open?m`<primer-portal><primer-dialog @primer-dialog-close=\"${()=>this.open=!1}\"><primer-ach-payment .paymentMethod=${this.paymentMethod} @primer-ach-error=${()=>this.open=!1} @primer-ach-mandate-confirmed=${()=>this.open=!1} @primer-ach-mandate-declined=${()=>this.open=!1} ></primer-ach-payment></primer-dialog></primer-portal>`:h}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>(this.style.setProperty(\"--dynamic-payment-button-bg-color\",e.backgroundColor),m`<primer-button @click=\"${()=>this.start()}\" class=${K({loading:!!this.sdkState?.isProcessing,reverse:!0})} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ><span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>${e.displayName}</primer-button>${this.renderDialog()} `)})}}"
|
|
160
160
|
},
|
|
161
161
|
{
|
|
162
162
|
"kind": "variable",
|
|
163
|
-
"name": "
|
|
164
|
-
"default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?
|
|
163
|
+
"name": "pe",
|
|
164
|
+
"default": "class extends g{constructor(){super(...arguments);this.disabled=!1;this.paymentManagers=new Map;this.sdkState=null;this.headlessUtils=null;this._paymentMethodManagerTask=new L(this,{task:([e,r])=>!e||!r?I:r.get(e)?.manager,args:()=>[this.paymentMethod?.type,this.paymentManagers]});this._getAssetsTask=new L(this,{task:([e,r])=>{if(!e||!r)return I;let o=r.getPaymentMethodConfiguration(e);if(!o)return I;let a=o.displayMetadata.button.backgroundColor.colored??o.displayMetadata.button.backgroundColor.light,n=o.displayMetadata.button.iconPositionRelativeToText||\"START\";return{backgroundColor:a,name:o.name,displayName:this._legacyGetButtonLabel(o.displayMetadata.button.text),iconUrl:o.displayMetadata.button.iconUrl.colored??o.displayMetadata.button.iconUrl.light,iconPosition:n}},args:()=>[this.paymentMethod?.type,this.headlessUtils]});this._setupTasks=new L(this,{task:([e,r])=>!e||!r?I:{paymentMethodManager:e,assetsConfig:r},args:()=>[this._paymentMethodManagerTask.value,this._getAssetsTask.value]})}_legacyGetButtonLabel(e){if(!e)return;let r=e?Qt(e):\"\";return r===\"payWith\"&&(r=\"pay_with\"),A(r,{id:r})}startRedirectPayment(){this.disabled||this._paymentMethodManagerTask.value&&this._paymentMethodManagerTask.value.start()}render(){return this._setupTasks.render({error:()=>h,complete:({assetsConfig:e})=>{this.style.setProperty(\"--redirect-payment-button-bg-color\",e.backgroundColor);let r={loading:!!this.sdkState?.isProcessing,\"icon-end\":e.iconPosition===\"END\",\"image-only\":!e.displayName},o=e.displayName?m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span><span class=\"button-text\">${e.displayName}</span>`:m`<span class=\"image-container\"><img src=\"${e.iconUrl}\" alt=\"${e.name}\" /></span>`;return m`<primer-button @click=\"${()=>this.startRedirectPayment()}\" class=${K(r)} title=\"${A(\"pay_with\",{id:\"pay_with\"})} ${e.name}\" ?disabled=${this.disabled} >${o}</primer-button>`}})}}"
|
|
165
165
|
},
|
|
166
166
|
{
|
|
167
167
|
"kind": "variable",
|
|
168
|
-
"name": "
|
|
169
|
-
"default": "class extends g{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=document.querySelector(\"primer-dialog\");if(e){e.startExitAnimation();let r=()=>{this.open=!1,this.removeEventListener(\"primer-dialog-close\",r)};this.addEventListener(\"primer-dialog-close\",r)}else this.open=!1}renderContent(){return
|
|
168
|
+
"name": "se",
|
|
169
|
+
"default": "class extends g{constructor(){super(...arguments);this.size=\"large\";this.showCloseButton=!1;this.open=!1}openDialog(){this.open=!0}closeDialog(){let e=document.querySelector(\"primer-dialog\");if(e){e.startExitAnimation();let r=()=>{this.open=!1,this.removeEventListener(\"primer-dialog-close\",r)};this.addEventListener(\"primer-dialog-close\",r)}else this.open=!1}renderContent(){return m`<div class=\"content-container\"><slot></slot>${this.renderSecureHtmlContent()}</div>`}renderSecureHtmlContent(){return this.secureHtmlContent?Ki(this.secureHtmlContent)?m`${Qa(this.secureHtmlContent.content)}`:(w.warn(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),h):h}renderDialog(){return this.open?m`<primer-portal><primer-dialog .open=${this.open} size=${this.size} .showCloseButton=${!1} @primer-dialog-close=\"${()=>this.closeDialog()}\" >${this.renderContent()}</primer-dialog></primer-portal>`:h}connectedCallback(){super.connectedCallback(),this.open||this.openDialog()}updated(e){if(super.updated(e),e.has(\"secureHtmlContent\")){let r=this.secureHtmlContent;r&&!Ki(r)&&(w.error(\"PortalDialogComponent: Invalid access token provided for htmlContent. Content will not be rendered.\"),this.secureHtmlContent=void 0)}e.has(\"open\")&&this.open&&this.onOpen&&this.onOpen(),e.has(\"open\")&&this.open&&this.onContentRendered&&this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.onContentRendered?.()})})}render(){return m`${this.renderDialog()}`}}"
|
|
170
170
|
},
|
|
171
171
|
{
|
|
172
172
|
"kind": "variable",
|
|
173
|
-
"name": "
|
|
174
|
-
"default": "class extends g{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this.deleteAssetConfig=null;this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await
|
|
173
|
+
"name": "q",
|
|
174
|
+
"default": "class extends g{constructor(){super();this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.isEditMode=!1;this.deletePaymentMethodId=null;this.isDeleting=!1;this.errorMessage=\"\";this.animationDuration=300;this.deleteAssetConfig=null;this.handleToggleEditMode=e=>{this.isEditMode=e.detail,this.deletePaymentMethodId=null,this.isEditMode&&this.vaultItemContext&&this.vaultItemContext.setSelectedVaultedPaymentMethod(null)};this.handleDeletePaymentMethod=async e=>{if(this.deletePaymentMethodId=e.detail,this.deletePaymentMethodId&&this.vaultManagerContext&&this.headlessUtils){let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===this.deletePaymentMethodId);r&&(this.deleteAssetConfig=await qr(r,this.headlessUtils,this.vaultManagerContext))}};this.handleCancelDelete=()=>{this.deletePaymentMethodId=null,this.deleteAssetConfig=null};this.handleConfirmDelete=async()=>{if(!this.vaultManagerContext?.deleteVaultedPaymentMethod||!this.deletePaymentMethodId){this.errorMessage=A(\"something_went_wrong_error\",{id:\"something_went_wrong_error\"});return}try{this.isDeleting=!0,await this.vaultManagerContext.deleteVaultedPaymentMethod(this.deletePaymentMethodId),this.deletePaymentMethodId=null,this.deleteAssetConfig=null}catch(e){this.errorMessage=e instanceof Error?e.message:A(\"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:A(\"payment_processing_error\",{id:\"payment_processing_error\"})};this.handleCloseError=()=>{this.errorMessage=\"\"};new kt(this,{defaultOptions:{keyframeOptions:{duration:Number(getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-duration\").trim().replace(\"ms\",\"\")),easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim()}}})}getAnimationConfig(){return{keyframeOptions:{duration:this.animationDuration,easing:getComputedStyle(document.documentElement).getPropertyValue(\"--primer-animation-easing\").trim(),fill:\"both\"}}}getPaymentMethodName(e){if(!this.vaultManagerContext)return\"\";let r=this.vaultManagerContext.vaultedPaymentMethods.find(o=>o.id===e);if(!r)return\"\";try{return Gi(r).description||\"\"}catch{return\"\"}}renderLoadingOverlay(){return m`<div class=\"loading-overlay\" ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ><primer-spinner size=\"medium\" color=\"var(--primer-color-loader)\" ></primer-spinner></div>`}renderDeleteConfirmation(){if(!this.deletePaymentMethodId||!this.deleteAssetConfig)return h;let e=this.getPaymentMethodName(this.deletePaymentMethodId);return m`<div class=\"delete-confirmation-container\"><primer-button disabled variant=\"secondary\"><primer-payment-method-content .assetConfig=${this.deleteAssetConfig} ></primer-payment-method-content></primer-button><primer-vault-delete-confirmation .isDeleting=${this.isDeleting} .paymentMethodId=${this.deletePaymentMethodId} .paymentMethodName=${e} @confirm-delete=${this.handleConfirmDelete} @cancel-delete=${this.handleCancelDelete} ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-delete-confirmation></div>`}renderPaymentMethodItem(e){return this.deletePaymentMethodId===e.id?h:m`<primer-vault-payment-method-item .paymentMethod=${e} .isEditMode=${this.isEditMode} @delete-payment-method=${this.handleDeletePaymentMethod} ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-method-item>`}renderPaymentMethodList(){let e=this.vaultManagerContext?.vaultedPaymentMethods||[],r=!this.isEditMode&&e.length>0&&!this.deletePaymentMethodId;return m`<div class=\"payment-methods-list\">${e.map(o=>this.renderPaymentMethodItem(o))} ${N(r,()=>m`<div class=\"submit-button-container\"><primer-vault-payment-submit class=\"submit-button\" @primer-vault-payment-error=${this.handlePaymentError} ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-payment-submit></div>`,()=>h)}</div>`}render(){if(!this.vaultManagerContext?.enabled)return h;let e=this.vaultManagerContext.vaultedPaymentMethods.length>0,r=this.vaultManagerContext.isLoading,o=this.vaultManagerContext.isUpdating;return m` ${N(!this.vaultManagerContext?.showEmptyState&&!e,()=>h,()=>m`<slot name=\"vault-empty-state\"><div class=\"vault-manager ${o?\"is-updating\":\"\"}\"><primer-vault-manager-header .isEditMode=${this.isEditMode} .hasPaymentMethods=${e} @toggle-edit-mode=${this.handleToggleEditMode} ></primer-vault-manager-header>${N(this.errorMessage,()=>m`<primer-vault-error-message .errorMessage=${this.errorMessage} @close-error=${this.handleCloseError} ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-error-message>`,()=>h)}<div class=\"vault-manager-content\">${N(!r&&!e,()=>m`<div class=\"content-container\"><primer-vault-empty-state ${ot({...this.getAnimationConfig(),properties:[\"opacity\"],in:[{opacity:0},{opacity:1}],out:[{opacity:1},{opacity:0}]})} ></primer-vault-empty-state></div>`,()=>h)} ${N(!r&&e,()=>m`<div class=\"content-container\">${N(this.deletePaymentMethodId,()=>this.renderDeleteConfirmation(),()=>this.renderPaymentMethodList())}</div>`,()=>h)}</div>${N(o,()=>this.renderLoadingOverlay(),()=>h)}</div></slot>`)} `}}"
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
177
|
"kind": "variable",
|
|
178
|
-
"name": "
|
|
179
|
-
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new L(this,{task:async([e,r,o])=>await
|
|
178
|
+
"name": "ie",
|
|
179
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManagerContext=null;this.vaultItemContext=null;this.headlessUtils=null;this.paymentMethod=null;this.isEditMode=!1;this._getAssetsTask=new L(this,{task:async([e,r,o])=>await qr(e,r,o),args:()=>[this.paymentMethod,this.headlessUtils,this.vaultManagerContext]});this.handleClick=()=>{this.isEditMode||!this.vaultManagerContext||!this.paymentMethod||(this.isSelected()?this.vaultItemContext?.setSelectedVaultedPaymentMethod(null):this.vaultItemContext?.setSelectedVaultedPaymentMethod(this.paymentMethod))};this.handleDeleteClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(\"delete-payment-method\",{detail:this.paymentMethod?.id,bubbles:!0,composed:!0}))}}isSelected(){if(!this.vaultManagerContext||!this.paymentMethod)return!1;let e=this.vaultItemContext?.selectedVaultedPaymentMethod;return!!e&&e.id===this.paymentMethod.id}render(){return this._getAssetsTask.render({error:()=>h,complete:e=>{let r=this.isSelected()?\"checked\":\"default\",o=!1,a=e?.description;return m`<div class=\"payment-method-wrapper\"><div class=\"payment-method-container\"><primer-button variant=\"secondary\" class=\"payment-method-button ${e.shouldShowCVV?\"with-cvv\":\"\"}\" selectable ?disabled=${this.isEditMode} selectionState=${r} .flex=${o} @click=${this.handleClick} ><primer-payment-method-content .assetConfig=${e} ></primer-payment-method-content>${N(e.shouldShowCVV&&this.isSelected()&&!this.isEditMode,()=>m`<div class=\"payment-method-row mt-2\"><span class=\"flex-center\"><primer-icon name=\"lock\" size=\"sm\"></primer-icon><span class=\"payment-method-subtitle\"> Input the card CVV for a secure payment</span ></span><span class=\"cell-2\"><primer-vault-cvv-input .paymentMethod=\"${this.paymentMethod}\" ><span slot=\"label\"></span></primer-vault-cvv-input></span></div>`,()=>h)}</primer-button>${this.isEditMode?m`<primer-button variant=\"tertiary\" class=\"delete-button\" @click=${this.handleDeleteClick} aria-label=${`${A(\"delete\",{id:\"delete\"})} ${a}`} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></primer-button>`:h}</div></div>`}})}}"
|
|
180
180
|
},
|
|
181
181
|
{
|
|
182
182
|
"kind": "variable",
|
|
183
|
-
"name": "
|
|
184
|
-
"default": "class extends g{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
|
|
183
|
+
"name": "ve",
|
|
184
|
+
"default": "class extends g{constructor(){super(...arguments);this.isEditMode=!1;this.hasPaymentMethods=!1;this.toggleEditMode=()=>{this.dispatchEvent(new CustomEvent(\"toggle-edit-mode\",{detail:!this.isEditMode,bubbles:!0,composed:!0}))}}render(){return m`<div class=\"vault-manager-header\"><h3>${A(\"previouslyUsed\",{id:\"previouslyUsed\"})}</h3>${this.hasPaymentMethods?m`<primer-button variant=\"tertiary\" class=\"edit-button ${this.isEditMode?\"active\":\"\"}\" @click=${this.toggleEditMode} aria-label=${this.isEditMode?A(\"confirm\",{id:\"confirm\"}):A(\"editPaymentMethods\",{id:\"editPaymentMethods\"})} >${this.isEditMode?m`<primer-icon name=\"checkmark\" size=\"sm\"></primer-icon>`:m`<primer-icon name=\"edit\" size=\"sm\"></primer-icon>`}</primer-button>`:h}</div>`}}"
|
|
185
185
|
},
|
|
186
186
|
{
|
|
187
187
|
"kind": "variable",
|
|
188
|
-
"name": "
|
|
189
|
-
"default": "class extends g{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null;this.handleConfirmClick=()=>{this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))};this.handleCancelClick=()=>{this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}}render(){return
|
|
188
|
+
"name": "le",
|
|
189
|
+
"default": "class extends g{constructor(){super(...arguments);this.isDeleting=!1;this.paymentMethodId=\"\";this.paymentMethodName=\"\";this.vaultManager=null;this.handleConfirmClick=()=>{this.dispatchEvent(new CustomEvent(\"confirm-delete\",{bubbles:!0,composed:!0}))};this.handleCancelClick=()=>{this.dispatchEvent(new CustomEvent(\"cancel-delete\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"delete-confirmation\"><p class=\"delete-confirmation-text\"> Are you sure you want to delete this payment method? </p><div class=\"delete-actions\"><primer-button variant=\"secondary\" @click=${this.handleCancelClick} ?disabled=${this.isDeleting} >${A(\"cancel\",{id:\"cancel\"})}</primer-button><primer-button @click=${this.handleConfirmClick} ?disabled=${this.isDeleting} >${this.isDeleting?A(\"deleting\",{id:\"deleting\"}):A(\"confirmVaultedPaymentMethodDeletion\",{id:\"confirmVaultedPaymentMethodDeletion\"})}</primer-button></div></div>`}}"
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
192
|
"kind": "variable",
|
|
193
|
-
"name": "
|
|
194
|
-
"default": "class extends g{render(){return
|
|
193
|
+
"name": "Ue",
|
|
194
|
+
"default": "class extends g{render(){return m`<div class=\"empty-state\"><p>${A(\"savedPaymentMethodsEmpty\",{id:\"savedPaymentMethodsEmpty\"})}</p></div>`}}"
|
|
195
195
|
},
|
|
196
196
|
{
|
|
197
197
|
"kind": "variable",
|
|
198
|
-
"name": "
|
|
199
|
-
"default": "class extends g{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return
|
|
198
|
+
"name": "Ie",
|
|
199
|
+
"default": "class extends g{constructor(){super(...arguments);this.errorMessage=\"\";this.handleDismiss=()=>{this.dispatchEvent(new CustomEvent(\"close-error\",{bubbles:!0,composed:!0}))}}render(){return m`<div class=\"error-message\"><div class=\"error-content\"><primer-icon name=\"warning\" size=\"sm\" color=\"var(--primer-color-red-500)\" ></primer-icon><p>${this.errorMessage}</p></div><button @click=${this.handleDismiss} aria-label=${A(\"closeErrorMessage\",{id:\"closeErrorMessage\"})} ><primer-icon name=\"close\" size=\"sm\"></primer-icon></button></div>`}}"
|
|
200
200
|
},
|
|
201
201
|
{
|
|
202
202
|
"kind": "variable",
|
|
203
|
-
"name": "
|
|
204
|
-
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:
|
|
203
|
+
"name": "j",
|
|
204
|
+
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.sdkState=null;this.vaultItemContext=null;this.vaultManager=null;this.clientOptions=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=async e=>{if(e.preventDefault(),!this.isButtonDisabled)try{await this.vaultManager?.startVaultedPaymentFlow()}catch(r){let o=new CustomEvent(\"primer-vault-payment-error\",{bubbles:!0,composed:!0,detail:{error:r}});this.dispatchEvent(o)}}}get buttonText(){return this._userAssignedProps.has(\"buttonText\")?this._internalButtonText:A(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}get isButtonDisabled(){return!!(this.disabled||!this.vaultItemContext?.selectedVaultedPaymentMethod||this.vaultManager?.isLoading)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:h;return m`<primer-button buttonType=\"submit\" variant=${this.variant} @click=${this.handleClick} .disabled=${this.isButtonDisabled} .loading=${this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
205
205
|
},
|
|
206
206
|
{
|
|
207
207
|
"kind": "variable",
|
|
208
|
-
"name": "
|
|
209
|
-
"default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new L(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?
|
|
208
|
+
"name": "z",
|
|
209
|
+
"default": "class extends g{constructor(){super();this.vaultManagerFormContext=null;this.vaultManagerCvvContext=null;this.computedStyles=null;this.paymentMethod=null;this.cvvError=null;this.cvvInputIsDirty=!1;this.cvvInputIsBlurred=!1;this.cvvInput=null;this.isFocused=!1;this._setupCVVIframe=new L(this,{task:([e,r])=>!e||!r||e.paymentMethodType!==\"PAYMENT_CARD\"||!e.paymentInstrumentData?.network||r.createCvvInput===null?I:{network:e.paymentInstrumentData.network,createCvvInput:r.createCvvInput},args:()=>[this.paymentMethod,this.vaultManagerFormContext]});this.cvvContainerId=`cvv-container-${Math.random().toString(36).substring(2,9)}`,new L(this,{task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.renderRoot.querySelector(`#${this.cvvContainerId}`);if(!r)return;let o=ei(this.computedStyles),a=o?{input:{base:o}}:void 0,n={cardNetwork:e.network,container:r,name:\"cvv\",placeholder:\"123\",style:a};this.cvvInput=await e.createCvvInput?.(n)??null,this.cvvInput&&(this.cvvInput.focus(),this.cvvError=this.cvvInput.metadata.error||null,this.vaultManagerCvvContext?.setCvvInput(this.cvvInput),this.cvvInput.addListener(\"change\",()=>{this.onCvvInputChange()}),this.cvvInput.addListener(\"blur\",()=>{this.onBlur()}),this.cvvInput.addListener(\"focus\",()=>{this.onFocus()}))},args:()=>[this._setupCVVIframe.value]})}disconnectedCallback(){super.disconnectedCallback(),this.cvvInput&&(this.cvvInput.remove(),this.cvvInput=null,this.cvvError=null,this.vaultManagerCvvContext?.setCvvInput(null))}onCvvInputChange(){!this.cvvInput||!this.vaultManagerCvvContext||(this.cvvInputIsDirty=!0,this.cvvError=this.cvvInput.metadata.error||null)}onBlur(){this.cvvInput&&(this.cvvInputIsBlurred=!0,this.cvvError=this.cvvInput.metadata.error||null,this.isFocused=!1)}onFocus(){this.isFocused=!0}render(){return this._setupCVVIframe.render({error:()=>h,complete:()=>m`<div class=\"cvv-input-container\"><primer-input-wrapper .focusWithin=${this.isFocused} .hasError=${!!this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred)} ><slot name=\"label\" slot=\"label\"><primer-input-label>CVV</primer-input-label></slot><div slot=\"input\" id=\"${this.cvvContainerId}\"></div>${N(this.cvvError&&(this.vaultManagerCvvContext?.formIsDirty||this.cvvInputIsDirty&&this.cvvInputIsBlurred),()=>m`<primer-input-error slot=\"error\">${this.cvvError}</primer-input-error>`)}</primer-input-wrapper></div>`})}}"
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"kind": "variable",
|
|
213
|
-
"name": "
|
|
214
|
-
"default": "class extends g{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return
|
|
213
|
+
"name": "Ne",
|
|
214
|
+
"default": "class extends g{constructor(){super(...arguments);this.assetConfig=null}render(){if(!this.assetConfig)return h;let e=this.assetConfig.description,r=this.assetConfig.icon,o=N(this.assetConfig.icon,()=>m`<img class=\"payment-method-icon\" src=${r} alt=${e} />`,()=>m`<div class=\"payment-method-icon payment-method-icon-generic\"><primer-icon name=\"payment-card\" size=\"sm\"></primer-icon></div>`);return this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType!==\"ACH\"?m`<div class=\"payment-method-card-other\"><div class=\"left-column\"><div class=\"payment-method-header\">${this.assetConfig.fullName}</div><div class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.paymentMethodType}</span ></div></div><div class=\"payment-method-right-column-text\">${this.assetConfig.email||`\\u2022\\u2022\\u2022\\u2022 ${this.assetConfig.last4}`}</div></div>`:this.assetConfig.type===\"other\"&&this.assetConfig.paymentMethodType===\"ACH\"?m`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.fullName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.bankName}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.accountType}</span ></div></span>`:this.assetConfig.type===\"card\"?m`<span class=\"payment-method-card\"><div class=\"payment-method-row\"><span class=\"payment-method-header\" >${this.assetConfig.cardholderName}</span ><span class=\"payment-method-header cell-2\" >•••• ${this.assetConfig.last4}</span ></div><div class=\"payment-method-row\"><span class=\"flex\">${o}<span class=\"payment-method-subtitle\" >${this.assetConfig.network}</span ></span><span class=\"payment-method-subtitle cell-2\" >${this.assetConfig.expiresDate}</span ></div></span>`:h}}"
|
|
215
215
|
},
|
|
216
216
|
{
|
|
217
217
|
"kind": "variable",
|
|
218
|
-
"name": "
|
|
219
|
-
"default": "class extends g{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.cardFormProvider=new
|
|
218
|
+
"name": "oe",
|
|
219
|
+
"default": "class extends g{constructor(){super(...arguments);this.hideLabels=!1;this.disabled=!1;this.hasAssignedContent=!1;this.selectedCardNetwork=null;this.paymentManagers=new Map;this.clientOptions=null;this.headlessUtils=null;this.cardFormProvider=new B(this,{context:It,initialValue:null});this.eventsController=new Et(this);this.inputControllers=new Map;this.setupCardFormTask=new L(this,{task:([e])=>{if(!e?.manager)return I;let{manager:r}=e,o=r.createHostedInputs(),{cardNumberInput:a,expiryInput:n,cvvInput:s}=o;return this.cardFormProvider.setValue({cardholderNameInput:o.cardholderNameInput,cardNumberInput:a,expiryInput:n,cvvInput:s,setCardholderName:d=>{r.setCardholderName(d),this.shouldRequireCardholderName&&r.validate?.().then(c=>{let f=c?.validationErrors?.find(b=>b.name===wn.cardholderName),C=this.inputControllers.get(\"cardholderName\");C&&C.updateMetaFromValidation({valid:!1,error:f?.message||f?.error||null,errorCode:f?.message||f?.error||null})})},setCardNetwork:d=>{this.selectedCardNetwork=d},validate:()=>r.validate(),submit:d=>r.submit(d),hideLabels:this.hideLabels,disabled:this.disabled,setSubmissionState:d=>{this.inputControllers.forEach(c=>{c.setSubmitted(d)})},propagateValidationErrors:d=>{d&&d.forEach(c=>{let u=c.field||c.name,f=c.message||c.error,C=wn[u];if(C){let b=this.inputControllers.get(C);if(b){let x={valid:!1,error:f,errorCode:f};b.updateMetaFromValidation(x)}}})},registerInputController:(d,c)=>{this.inputControllers.set(d,c)},unregisterInputController:d=>{this.inputControllers.delete(d)}}),!0},args:()=>[this.paymentManagers.get(\"PAYMENT_CARD\")]});this.handleSlotButtonClick=e=>{let o=e.target.closest(\"button, primer-button\");if(!o)return;let a=o;this.isSubmitButton(a)&&(e.preventDefault(),this.submitCardPayment())};this.handleDirectSubmit=e=>{e.stopPropagation(),this.submitCardPayment()};this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0};this.handleFormSubmit=e=>{e.preventDefault(),e.stopPropagation(),this.submitCardPayment()}}updated(e){super.updated(e),(e.has(\"hideLabels\")||e.has(\"disabled\"))&&this.cardFormProvider.value&&this.cardFormProvider.setValue({...this.cardFormProvider.value,hideLabels:this.hideLabels,disabled:this.disabled})}get shouldShowCardholderName(){let e=this.clientOptions?.card?.cardholderName;return typeof e?.visible==\"boolean\"?e.visible:!0}get shouldRequireCardholderName(){if(!this.shouldShowCardholderName)return!1;let e=this.clientOptions?.card?.cardholderName;return typeof e?.required==\"boolean\"?e.required:!0}connectedCallback(){super.connectedCallback(),this.addEventListener(\"click\",this.handleSlotButtonClick),this.addEventListener(\"primer:card-submit\",this.handleDirectSubmit)}disconnectedCallback(){this.removeEventListener(\"click\",this.handleSlotButtonClick),this.removeEventListener(\"primer:card-submit\",this.handleDirectSubmit),super.disconnectedCallback()}isSubmitButton(e){let r=e.tagName.toLowerCase(),o=r===\"button\",a=r===\"primer-button\";return o&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))||a&&(e.getAttribute(\"type\")===\"submit\"||e.hasAttribute(\"data-submit\"))}async submitCardPayment(){let e=this.cardFormProvider.value;if(!e||this.disabled)return;e.setSubmissionState?.(!0);let r=await e.validate?.();if(r?.valid){let o=this.selectedCardNetwork?{cardNetwork:this.selectedCardNetwork}:void 0,a=await e.submit?.(o);this.eventsController.dispatchFormSubmitSuccess(a)}else{let o=r?.validationErrors;e.propagateValidationErrors?.(o||[]),this.cardFormProvider.setValue({...e,errors:o}),this.eventsController.dispatchFormSubmitErrors(o)}}render(){return this.setupCardFormTask.status===Ze.ERROR||this.setupCardFormTask.status===Ze.INITIAL?h:m`<form @submit=${this.handleFormSubmit}><slot name=\"card-form-content\" @slotchange=${this.onSlotChange}></slot>${this.setupCardFormTask.render({complete:()=>N(this.hasAssignedContent,()=>h,()=>m`<div class=\"card-form\"><primer-input-card-number></primer-input-card-number><div class=\"card-form-row\"><primer-input-card-expiry></primer-input-card-expiry><primer-input-cvv></primer-input-cvv></div>${N(this.shouldShowCardholderName,()=>m`<primer-input-card-holder-name></primer-input-card-holder-name>`,()=>h)}</div><primer-card-form-submit></primer-card-form-submit>`)})}</form>`}}"
|
|
220
220
|
},
|
|
221
221
|
{
|
|
222
222
|
"kind": "variable",
|
|
223
|
-
"name": "
|
|
224
|
-
"default": "class extends
|
|
223
|
+
"name": "ze",
|
|
224
|
+
"default": "class extends J{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===Ze.ERROR)return h;let e=this.getError();return m`<primer-input-wrapper .focusWithin=\"${this.hostedInputController.meta.active}\" .hasError=${!!e} >${N(!this.cardFormContext?.hideLabels,()=>m`<primer-input-label slot=\"label\" >${this.label}</primer-input-label >`,()=>h)}<div slot=\"input\" class=\"card-number-container\" aria-label=\"${this.ariaLabel}\" ><div id=\"${this.config.containerSelector.substring(1)}\"></div><div class=\"network-selector-container\"><primer-card-network-selector @network-selected=${this.handleNetworkSelected} ></primer-card-network-selector></div></div>${N(e,r=>m`<primer-input-error slot=\"error\">${A(r,{id:r})}</primer-input-error>`,()=>h)}</primer-input-wrapper>`}render(){return this.renderInput()}}"
|
|
225
225
|
},
|
|
226
226
|
{
|
|
227
227
|
"kind": "variable",
|
|
228
|
-
"name": "
|
|
229
|
-
"default": "class extends
|
|
228
|
+
"name": "Be",
|
|
229
|
+
"default": "class extends J{constructor(){super();this.config={inputType:\"cvv\",containerSelector:\"#cvv\",errorName:\"cvv-card\",translations:{label:\"CVV\",placeholder:\"123\"}};this.childUpdated()}render(){return this.renderInput()}}"
|
|
230
230
|
},
|
|
231
231
|
{
|
|
232
232
|
"kind": "variable",
|
|
233
|
-
"name": "
|
|
234
|
-
"default": "class extends
|
|
233
|
+
"name": "Fe",
|
|
234
|
+
"default": "class extends J{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()}}"
|
|
235
235
|
},
|
|
236
236
|
{
|
|
237
237
|
"kind": "variable",
|
|
238
|
-
"name": "
|
|
239
|
-
"default": "class extends
|
|
238
|
+
"name": "je",
|
|
239
|
+
"default": "class extends J{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()}}"
|
|
240
240
|
},
|
|
241
241
|
{
|
|
242
242
|
"kind": "variable",
|
|
243
|
-
"name": "
|
|
244
|
-
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;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:
|
|
243
|
+
"name": "W",
|
|
244
|
+
"default": "class extends g{constructor(){super(...arguments);this._userAssignedProps=new Set;this._internalButtonText=\"\";this.headlessInstance=null;this.clientOptions=null;this.sdkState=null;this.cardFormContext=null;this.variant=\"primary\";this.disabled=!1;this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;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:A(\"pay\",{id:\"pay\"})}set buttonText(e){let r=this.buttonText;e!==\"\"?(this._userAssignedProps.add(\"buttonText\"),this._internalButtonText=e):(this._userAssignedProps.delete(\"buttonText\"),this._internalButtonText=\"\"),this.requestUpdate(\"buttonText\",r)}render(){let e=this.clientOptions?.submitButton?.amountVisible?this.headlessInstance?.getUIOrderAmount():null,r=e?` ${e}`:h,o=this.disabled||this.cardFormContext?.disabled||!1;return m`<primer-button type=\"submit\" variant=${this.variant} ?disabled=${o} @click=${this.handleClick} .loading=${!!this.sdkState?.isProcessing} data-submit >${this.buttonText}${r}</primer-button>`}}"
|
|
245
245
|
},
|
|
246
246
|
{
|
|
247
247
|
"kind": "variable",
|
|
248
|
-
"name": "
|
|
249
|
-
"default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=
|
|
248
|
+
"name": "X",
|
|
249
|
+
"default": "class extends g{constructor(){super(...arguments);this.cardNetworks=null;this.headlessUtils=null;this.selectedCardNetwork=null;this.isDropdownOpen=!1;this.focusedNetworkIndex=0;this.isKeyboardNavigation=!1;this.buttonRef=Zi();this.dropdownRef=Zi();this.networkOptionRefs=[];this.toggleDropdown=e=>{this.isKeyboardNavigation=!1,e.stopPropagation(),this.getSelectableNetworks().length>1&&(this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))};this.handleClickOutside=e=>{this.isDropdownOpen&&(this.contains(e.target)||(this.isDropdownOpen=!1,this.isKeyboardNavigation=!1))};this.handleMouseMove=()=>{this.isKeyboardNavigation&&(this.isKeyboardNavigation=!1)};this.handleKeyDown=e=>{if(!(!(this.getSelectableNetworks().length>1)||!(this.contains(e.target)||this===e.target||this.isDropdownOpen&&e.target===document.body)))switch(this.isKeyboardNavigation=!0,e.key){case\"ArrowDown\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex+1)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"ArrowUp\":e.preventDefault(),this.isDropdownOpen?(this.focusedNetworkIndex=(this.focusedNetworkIndex-1+this.getSelectableNetworks().length)%this.getSelectableNetworks().length,this.focusNetworkOption()):(this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Enter\":case\" \":this.isDropdownOpen&&this.focusedNetworkIndex>=0?(e.preventDefault(),this.selectNetwork(e,this.getSelectableNetworks()[this.focusedNetworkIndex])):!this.isDropdownOpen&&this.buttonRef.value===document.activeElement&&(e.preventDefault(),this.isDropdownOpen=!0,this.focusedNetworkIndex=this.getSelectedNetworkIndex());break;case\"Escape\":this.isDropdownOpen&&(e.preventDefault(),this.isDropdownOpen=!1,this.buttonRef.value?.focus());break;case\"Tab\":this.isDropdownOpen&&(this.isDropdownOpen=!1);break}};this.handleDocumentKeyDown=e=>{this.isDropdownOpen&&this.handleKeyDown(e)}}getNetworkIconUrl(e){return this.headlessUtils?.getCardNetworkAsset(e.network)?.cardUrl}getSelectableNetworks(){return this.cardNetworks?.selectableCardNetworks||[]}getDetectedNetwork(){return this.selectedCardNetwork??(this.cardNetworks?.detectedCardNetwork||null)}getSelectedNetworkIndex(){let e=this.getDetectedNetwork();if(!e)return 0;let r=this.getSelectableNetworks().findIndex(o=>o.network===e.network);return r>=0?r:0}selectNetwork(e,r){e.stopPropagation(),this.selectedCardNetwork=r,this.isDropdownOpen=!1,this.buttonRef.value?.focus(),this.cardNetworks&&this.dispatchEvent(new CustomEvent(\"network-selected\",{detail:{network:r.network},bubbles:!0,composed:!0}))}focusNetworkOption(){requestAnimationFrame(()=>{this.networkOptionRefs[this.focusedNetworkIndex]&&this.networkOptionRefs[this.focusedNetworkIndex].focus()})}setNetworkOptionRef(e,r){this.networkOptionRefs[r]=e}connectedCallback(){super.connectedCallback(),setTimeout(()=>{document.addEventListener(\"click\",this.handleClickOutside),document.addEventListener(\"mousemove\",this.handleMouseMove),this.addEventListener(\"keydown\",this.handleKeyDown),document.addEventListener(\"keydown\",this.handleDocumentKeyDown)},0)}disconnectedCallback(){document.removeEventListener(\"click\",this.handleClickOutside),document.removeEventListener(\"keydown\",this.handleDocumentKeyDown),document.removeEventListener(\"mousemove\",this.handleMouseMove),this.removeEventListener(\"keydown\",this.handleKeyDown),super.disconnectedCallback()}render(){if(this.cardNetworks?.isLoading)return m`<primer-spinner size=\"small\" compact></primer-spinner>`;let e=this.getSelectableNetworks();if(!this.getDetectedNetwork()&&e.length===0)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let r=this.getDetectedNetwork()||(e.length>0?e[0]:null);if(!r)return m`<primer-icon name=\"payment-card\" size=\"sm\"></primer-icon>`;let o=e.length>1;return m`<button ${ri(this.buttonRef)} class=\"network-selector\" @click=${this.toggleDropdown} @keydown=${a=>{(a.key===\" \"||a.key===\"Enter\")&&o&&(a.preventDefault(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&(this.focusedNetworkIndex=this.getSelectedNetworkIndex()))}} aria-label=${o?`Selected card network: ${r.displayName}. Click to change.`:`Card network: ${r.displayName}`} aria-expanded=${o?this.isDropdownOpen:h} aria-haspopup=${o?\"true\":h} aria-controls=${o?\"network-dropdown\":h} ><img class=\"network-icon\" src=${this.getNetworkIconUrl(r)} alt=${r.displayName} />${N(o,()=>m`<primer-icon class=\"caret ${this.isDropdownOpen?\"open\":\"\"}\" size=\"sm\" name=\"chevron-down\" ></primer-icon>`,()=>h)}</button>${N(this.isDropdownOpen,()=>m`<div ${ri(this.dropdownRef)} id=\"network-dropdown\" class=\"dropdown open\" role=\"listbox\" aria-label=\"Select card network\" >${e.map((a,n)=>m`<div ${ri(s=>this.setNetworkOptionRef(s,n))} class=\"network-option ${this.isKeyboardNavigation&&n===this.focusedNetworkIndex?\"focused\":\"\"}\" @click=${s=>this.selectNetwork(s,a)} @keydown=${s=>{(s.key===\"Enter\"||s.key===\" \")&&this.selectNetwork(s,a)}} role=\"option\" aria-selected=${a.network===r.network} tabindex=\"${n===this.focusedNetworkIndex?\"0\":\"-1\"}\" ><img class=\"network-option-icon\" src=${this.getNetworkIconUrl(a)} alt=${a.displayName} /><span class=\"network-name\">${a.displayName}</span>${N(a.network===r.network,()=>m`<primer-icon class=\"checkmark\" name=\"checkmark\" size=\"sm\" ></primer-icon>`,()=>h)}</div>`)}</div>`,()=>h)} `}}"
|
|
250
250
|
},
|
|
251
251
|
{
|
|
252
252
|
"kind": "variable",
|
|
253
|
-
"name": "
|
|
254
|
-
"default": "class extends g{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return
|
|
253
|
+
"name": "nt",
|
|
254
|
+
"default": "class extends g{constructor(){super(...arguments);this.vaultManager=null}render(){if(this.vaultManager?.isLoading)return h;let e=this.vaultManager?.showEmptyState&&this.vaultManager?.vaultedPaymentMethods.length;return!this.vaultManager||!this.vaultManager.enabled||!e?m`<slot name=\"other-payments\"></slot>`:m`<div class=\"other-payment-methods-container\"><primer-collapsable buttonVariant=\"secondary\" .expanded=\"${this.vaultManager?.vaultedPaymentMethods.length===0}\" .header=\"${A(\"navigateToPaymentMethods\",{id:\"navigateToPaymentMethods\"})}\" ><div class=\"other-payment-methods-content\"><slot name=\"other-payments\"></slot></div></primer-collapsable></div>`}}"
|
|
255
255
|
},
|
|
256
256
|
{
|
|
257
257
|
"kind": "variable",
|
|
258
|
-
"name": "
|
|
259
|
-
"default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this.disabled=!1;this._buttonId=\"button-container\";this.loadManagerTask=new L(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return
|
|
258
|
+
"name": "be",
|
|
259
|
+
"default": "class extends g{constructor(){super();this.paymentManagers=new Map;this.computedStyles=null;this.disabled=!1;this._buttonId=\"button-container\";this.loadManagerTask=new L(this,{args:()=>[this.paymentMethod?.type],task:([e])=>{if(!e)return I;let r=this.paymentManagers.get(e)?.manager;if(!r)throw new Error(`No manager found for payment method type ${e}`);return r}}),this.nativeButtonTask=new L(this,{args:()=>[this.loadManagerTask.value],task:async([e])=>{if(!e)return I;await this.updateComplete;let r=this.shadowRoot?.getElementById(this._buttonId);if(!r)return;let o=this.calculateButtonHeight(),a=e.createButton(),n=this.createRenderOptions(o);return await a.render(this.paymentMethod?.type===\"GOOGLE_PAY\"?this.shadowRoot?.getRootNode():r,n),this.disabled&&await a.setDisabled(this.disabled),this.disabled&&(await this.updateComplete,this.updateDisabledOverlay()),a}})}attributeChangedCallback(e,r,o){if(super.attributeChangedCallback(e,r,o),e===\"disabled\"&&r!==o){let a=o!==null,n=this.nativeButtonTask.value;n&&n.setDisabled(a)}}calculateButtonHeight(){if(typeof window>\"u\"||!this.isConnected||!this.computedStyles)return 0;let e=parseFloat(Ae),r=parseFloat(this.computedStyles.getPropertyValue(\"--primer-space-medium\"));return e+2*r}createRenderOptions(e){let r=this.paymentMethod?.type;return r===\"GOOGLE_PAY\"?{style:{shadowRoot:!0}}:r===\"APPLE_PAY\"?{style:{buttonHeight:e}}:r===\"PAYPAL\"?{style:{buttonHeight:e}}:{style:{buttonHeight:e}}}updated(e){e.has(\"paymentMethod\")&&this.paymentMethod&&(this._buttonId=`button-container-${this.paymentMethod.type}`),e.has(\"disabled\")&&this.updateDisabledOverlay()}updateDisabledOverlay(){this.paymentMethod?.type===\"GOOGLE_PAY\"?this.updateGooglePayOverlay():this.updateRegularOverlay()}updateGooglePayOverlay(){let e=null;if(e=this.shadowRoot?.getRootNode()?.querySelector(\".gpay-card-info-container-fill\"),e||(e=document.querySelector(\".gpay-card-info-container-fill\")),e||(e=this.shadowRoot?.querySelector(\".gpay-card-info-container-fill\")),!e){setTimeout(()=>this.updateGooglePayOverlay(),100);return}let o=e.querySelector(\".disabled-overlay\");if(o&&o.remove(),this.disabled){let a=document.createElement(\"div\");a.className=\"disabled-overlay\",a.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.style.position=\"relative\",e.appendChild(a)}}updateRegularOverlay(){let e=this.shadowRoot?.querySelector(\".native-button-container\");if(!e)return;let r=e.querySelector(\".disabled-overlay\");if(r&&r.remove(),this.disabled){let o=document.createElement(\"div\");o.className=\"disabled-overlay\",o.style.cssText=` position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.4); border-radius: var(--primer-radius-medium); cursor: not-allowed; z-index: 1000; pointer-events: all; backdrop-filter: grayscale(100%); `,e.appendChild(o)}}render(){return this.loadManagerTask.render({error:()=>h,complete:()=>m`<div class=\"native-button-container\" id=\"${this._buttonId}\"></div>`,pending:()=>h})}}"
|
|
260
260
|
},
|
|
261
261
|
{
|
|
262
262
|
"kind": "variable",
|
|
263
|
-
"name": "
|
|
264
|
-
"default": "class extends g{render(){return
|
|
263
|
+
"name": "Nt",
|
|
264
|
+
"default": "class extends g{render(){return m`<primer-checkout-state type=\"complete\"></primer-checkout-state>`}}"
|
|
265
265
|
},
|
|
266
266
|
{
|
|
267
267
|
"kind": "variable",
|
|
268
|
-
"name": "
|
|
269
|
-
"default": "class extends g{constructor(){super(...arguments);this.sdkState=null}render(){return
|
|
268
|
+
"name": "Ct",
|
|
269
|
+
"default": "class extends g{constructor(){super(...arguments);this.sdkState=null}render(){return m`<primer-checkout-state type=\"failure\" description=${this.sdkState?.error?.message||\"\"} ></primer-checkout-state>`}}"
|
|
270
270
|
},
|
|
271
271
|
{
|
|
272
272
|
"kind": "variable",
|
|
273
|
-
"name": "
|
|
274
|
-
"default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?
|
|
273
|
+
"name": "Ke",
|
|
274
|
+
"default": "class extends g{constructor(){super(...arguments);this.showProcessingErrors=!0}get shouldShowError(){return!this.sdkState||this.sdkState.isProcessing?!1:!!(this.sdkState.failure&&this.showProcessingErrors)}render(){return this.sdkState?m`<primer-error-message message=\"${A(this.sdkState.failure?.message??\"\",{id:\"tokenizationError\"})}\" ?visible=\"${this.shouldShowError}\" ></primer-error-message>`:h}}"
|
|
275
275
|
},
|
|
276
276
|
{
|
|
277
277
|
"kind": "variable",
|
|
278
|
-
"name": "
|
|
279
|
-
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?
|
|
278
|
+
"name": "Le",
|
|
279
|
+
"default": "class extends g{constructor(){super(...arguments);this.hasAssignedContent=!1;this.onSlotChange=e=>{let o=e.target.assignedNodes({flatten:!0});this.hasAssignedContent=o.length>0,this.requestUpdate()};this.paymentMethods=null;this.sdkState=null;this.clientOptions=null}render(){return this.sdkState?.isSuccessful?m`<slot name=\"checkout-complete\"><primer-checkout-complete></primer-checkout-complete></slot>`:m`<slot name=\"payments\" @slotchange=${this.onSlotChange}></slot>${N(this.hasAssignedContent,()=>h,()=>m`<div class=${K({\"primer-is-processing\":!!this.sdkState?.isProcessing})} ><primer-vault-manager></primer-vault-manager><primer-show-other-payments><div slot=\"other-payments\" class=\"primer-main-list\">${this.paymentMethods?.toArray().map(e=>m`<primer-payment-method type=${e.type} ?disabled=${this.clientOptions?.disabledPayments===!0} ></primer-payment-method>`)}</div></primer-show-other-payments><primer-error-message-container></primer-error-message-container></div>`)} `}}"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
282
|
"kind": "function",
|
|
283
|
-
"name": "
|
|
283
|
+
"name": "z_"
|
|
284
284
|
}
|
|
285
285
|
],
|
|
286
286
|
"exports": [
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
"kind": "js",
|
|
305
305
|
"name": "AchPayment",
|
|
306
306
|
"declaration": {
|
|
307
|
-
"name": "
|
|
307
|
+
"name": "ne",
|
|
308
308
|
"module": "dist/primer-loader.js"
|
|
309
309
|
}
|
|
310
310
|
},
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
"kind": "js",
|
|
313
313
|
"name": "Button",
|
|
314
314
|
"declaration": {
|
|
315
|
-
"name": "
|
|
315
|
+
"name": "te",
|
|
316
316
|
"module": "dist/primer-loader.js"
|
|
317
317
|
}
|
|
318
318
|
},
|
|
@@ -320,7 +320,7 @@
|
|
|
320
320
|
"kind": "js",
|
|
321
321
|
"name": "CardForm",
|
|
322
322
|
"declaration": {
|
|
323
|
-
"name": "
|
|
323
|
+
"name": "oe",
|
|
324
324
|
"module": "dist/primer-loader.js"
|
|
325
325
|
}
|
|
326
326
|
},
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
"kind": "js",
|
|
329
329
|
"name": "CardFormCVV",
|
|
330
330
|
"declaration": {
|
|
331
|
-
"name": "
|
|
331
|
+
"name": "Be",
|
|
332
332
|
"module": "dist/primer-loader.js"
|
|
333
333
|
}
|
|
334
334
|
},
|
|
@@ -336,7 +336,7 @@
|
|
|
336
336
|
"kind": "js",
|
|
337
337
|
"name": "CardFormCardNetworkSelector",
|
|
338
338
|
"declaration": {
|
|
339
|
-
"name": "
|
|
339
|
+
"name": "X",
|
|
340
340
|
"module": "dist/primer-loader.js"
|
|
341
341
|
}
|
|
342
342
|
},
|
|
@@ -344,7 +344,7 @@
|
|
|
344
344
|
"kind": "js",
|
|
345
345
|
"name": "CardFormCardNumber",
|
|
346
346
|
"declaration": {
|
|
347
|
-
"name": "
|
|
347
|
+
"name": "ze",
|
|
348
348
|
"module": "dist/primer-loader.js"
|
|
349
349
|
}
|
|
350
350
|
},
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
"kind": "js",
|
|
353
353
|
"name": "CardFormError",
|
|
354
354
|
"declaration": {
|
|
355
|
-
"name": "
|
|
355
|
+
"name": "Ye",
|
|
356
356
|
"module": "dist/primer-loader.js"
|
|
357
357
|
}
|
|
358
358
|
},
|
|
@@ -360,7 +360,7 @@
|
|
|
360
360
|
"kind": "js",
|
|
361
361
|
"name": "CardFormExpiry",
|
|
362
362
|
"declaration": {
|
|
363
|
-
"name": "
|
|
363
|
+
"name": "Fe",
|
|
364
364
|
"module": "dist/primer-loader.js"
|
|
365
365
|
}
|
|
366
366
|
},
|
|
@@ -368,7 +368,7 @@
|
|
|
368
368
|
"kind": "js",
|
|
369
369
|
"name": "CardFormName",
|
|
370
370
|
"declaration": {
|
|
371
|
-
"name": "
|
|
371
|
+
"name": "je",
|
|
372
372
|
"module": "dist/primer-loader.js"
|
|
373
373
|
}
|
|
374
374
|
},
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
"kind": "js",
|
|
377
377
|
"name": "CardFormSubmit",
|
|
378
378
|
"declaration": {
|
|
379
|
-
"name": "
|
|
379
|
+
"name": "W",
|
|
380
380
|
"module": "dist/primer-loader.js"
|
|
381
381
|
}
|
|
382
382
|
},
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
"kind": "js",
|
|
385
385
|
"name": "Collapsable",
|
|
386
386
|
"declaration": {
|
|
387
|
-
"name": "
|
|
387
|
+
"name": "re",
|
|
388
388
|
"module": "dist/primer-loader.js"
|
|
389
389
|
}
|
|
390
390
|
},
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
"kind": "js",
|
|
393
393
|
"name": "Dialog",
|
|
394
394
|
"declaration": {
|
|
395
|
-
"name": "
|
|
395
|
+
"name": "ge",
|
|
396
396
|
"module": "dist/primer-loader.js"
|
|
397
397
|
}
|
|
398
398
|
},
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
"kind": "js",
|
|
401
401
|
"name": "DynamicPayment",
|
|
402
402
|
"declaration": {
|
|
403
|
-
"name": "
|
|
403
|
+
"name": "ce",
|
|
404
404
|
"module": "dist/primer-loader.js"
|
|
405
405
|
}
|
|
406
406
|
},
|
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
"kind": "js",
|
|
409
409
|
"name": "ErrorMessage",
|
|
410
410
|
"declaration": {
|
|
411
|
-
"name": "
|
|
411
|
+
"name": "Me",
|
|
412
412
|
"module": "dist/primer-loader.js"
|
|
413
413
|
}
|
|
414
414
|
},
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
"kind": "js",
|
|
417
417
|
"name": "ErrorMessageContainer",
|
|
418
418
|
"declaration": {
|
|
419
|
-
"name": "
|
|
419
|
+
"name": "Ke",
|
|
420
420
|
"module": "dist/primer-loader.js"
|
|
421
421
|
}
|
|
422
422
|
},
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"kind": "js",
|
|
425
425
|
"name": "InitializedPayments",
|
|
426
426
|
"declaration": {
|
|
427
|
-
"name": "
|
|
427
|
+
"name": "kr",
|
|
428
428
|
"module": "dist/primer-loader.js"
|
|
429
429
|
}
|
|
430
430
|
},
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
"kind": "js",
|
|
433
433
|
"name": "Input",
|
|
434
434
|
"declaration": {
|
|
435
|
-
"name": "
|
|
435
|
+
"name": "D",
|
|
436
436
|
"module": "dist/primer-loader.js"
|
|
437
437
|
}
|
|
438
438
|
},
|
|
@@ -440,7 +440,7 @@
|
|
|
440
440
|
"kind": "js",
|
|
441
441
|
"name": "InputLabel",
|
|
442
442
|
"declaration": {
|
|
443
|
-
"name": "
|
|
443
|
+
"name": "Ve",
|
|
444
444
|
"module": "dist/primer-loader.js"
|
|
445
445
|
}
|
|
446
446
|
},
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
"kind": "js",
|
|
449
449
|
"name": "InputWrapper",
|
|
450
450
|
"declaration": {
|
|
451
|
-
"name": "
|
|
451
|
+
"name": "we",
|
|
452
452
|
"module": "dist/primer-loader.js"
|
|
453
453
|
}
|
|
454
454
|
},
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
"kind": "js",
|
|
457
457
|
"name": "NativePayment",
|
|
458
458
|
"declaration": {
|
|
459
|
-
"name": "
|
|
459
|
+
"name": "be",
|
|
460
460
|
"module": "dist/primer-loader.js"
|
|
461
461
|
}
|
|
462
462
|
},
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
"kind": "js",
|
|
465
465
|
"name": "PaymentMethod",
|
|
466
466
|
"declaration": {
|
|
467
|
-
"name": "
|
|
467
|
+
"name": "ke",
|
|
468
468
|
"module": "dist/primer-loader.js"
|
|
469
469
|
}
|
|
470
470
|
},
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
"kind": "js",
|
|
473
473
|
"name": "PaymentMethodContainer",
|
|
474
474
|
"declaration": {
|
|
475
|
-
"name": "
|
|
475
|
+
"name": "de",
|
|
476
476
|
"module": "dist/primer-loader.js"
|
|
477
477
|
}
|
|
478
478
|
},
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
"kind": "js",
|
|
481
481
|
"name": "PaymentMethodContentComponent",
|
|
482
482
|
"declaration": {
|
|
483
|
-
"name": "
|
|
483
|
+
"name": "Ne",
|
|
484
484
|
"module": "dist/primer-loader.js"
|
|
485
485
|
}
|
|
486
486
|
},
|
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
"kind": "js",
|
|
489
489
|
"name": "Portal",
|
|
490
490
|
"declaration": {
|
|
491
|
-
"name": "
|
|
491
|
+
"name": "rt",
|
|
492
492
|
"module": "dist/primer-loader.js"
|
|
493
493
|
}
|
|
494
494
|
},
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
"kind": "js",
|
|
497
497
|
"name": "PortalDialogComponent",
|
|
498
498
|
"declaration": {
|
|
499
|
-
"name": "
|
|
499
|
+
"name": "se",
|
|
500
500
|
"module": "dist/primer-loader.js"
|
|
501
501
|
}
|
|
502
502
|
},
|
|
@@ -504,7 +504,7 @@
|
|
|
504
504
|
"kind": "js",
|
|
505
505
|
"name": "PrimerCheckoutComplete",
|
|
506
506
|
"declaration": {
|
|
507
|
-
"name": "
|
|
507
|
+
"name": "Nt",
|
|
508
508
|
"module": "dist/primer-loader.js"
|
|
509
509
|
}
|
|
510
510
|
},
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"kind": "js",
|
|
513
513
|
"name": "PrimerCheckoutComponent",
|
|
514
514
|
"declaration": {
|
|
515
|
-
"name": "
|
|
515
|
+
"name": "ae",
|
|
516
516
|
"module": "dist/primer-loader.js"
|
|
517
517
|
}
|
|
518
518
|
},
|
|
@@ -520,7 +520,7 @@
|
|
|
520
520
|
"kind": "js",
|
|
521
521
|
"name": "PrimerCheckoutFailure",
|
|
522
522
|
"declaration": {
|
|
523
|
-
"name": "
|
|
523
|
+
"name": "Ct",
|
|
524
524
|
"module": "dist/primer-loader.js"
|
|
525
525
|
}
|
|
526
526
|
},
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
"kind": "js",
|
|
529
529
|
"name": "PrimerCheckoutState",
|
|
530
530
|
"declaration": {
|
|
531
|
-
"name": "
|
|
531
|
+
"name": "He",
|
|
532
532
|
"module": "dist/primer-loader.js"
|
|
533
533
|
}
|
|
534
534
|
},
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
"kind": "js",
|
|
537
537
|
"name": "PrimerIcon",
|
|
538
538
|
"declaration": {
|
|
539
|
-
"name": "
|
|
539
|
+
"name": "Te",
|
|
540
540
|
"module": "dist/primer-loader.js"
|
|
541
541
|
}
|
|
542
542
|
},
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
"kind": "js",
|
|
545
545
|
"name": "PrimerKlarna",
|
|
546
546
|
"declaration": {
|
|
547
|
-
"name": "
|
|
547
|
+
"name": "G",
|
|
548
548
|
"module": "dist/primer-loader.js"
|
|
549
549
|
}
|
|
550
550
|
},
|
|
@@ -552,7 +552,7 @@
|
|
|
552
552
|
"kind": "js",
|
|
553
553
|
"name": "PrimerMain",
|
|
554
554
|
"declaration": {
|
|
555
|
-
"name": "
|
|
555
|
+
"name": "Le",
|
|
556
556
|
"module": "dist/primer-loader.js"
|
|
557
557
|
}
|
|
558
558
|
},
|
|
@@ -560,7 +560,7 @@
|
|
|
560
560
|
"kind": "js",
|
|
561
561
|
"name": "RedirectPayment",
|
|
562
562
|
"declaration": {
|
|
563
|
-
"name": "
|
|
563
|
+
"name": "pe",
|
|
564
564
|
"module": "dist/primer-loader.js"
|
|
565
565
|
}
|
|
566
566
|
},
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
"kind": "js",
|
|
569
569
|
"name": "ShowOtherPayments",
|
|
570
570
|
"declaration": {
|
|
571
|
-
"name": "
|
|
571
|
+
"name": "nt",
|
|
572
572
|
"module": "dist/primer-loader.js"
|
|
573
573
|
}
|
|
574
574
|
},
|
|
@@ -576,7 +576,7 @@
|
|
|
576
576
|
"kind": "js",
|
|
577
577
|
"name": "Spinner",
|
|
578
578
|
"declaration": {
|
|
579
|
-
"name": "
|
|
579
|
+
"name": "_e",
|
|
580
580
|
"module": "dist/primer-loader.js"
|
|
581
581
|
}
|
|
582
582
|
},
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
"kind": "js",
|
|
585
585
|
"name": "VaultCvvInput",
|
|
586
586
|
"declaration": {
|
|
587
|
-
"name": "
|
|
587
|
+
"name": "z",
|
|
588
588
|
"module": "dist/primer-loader.js"
|
|
589
589
|
}
|
|
590
590
|
},
|
|
@@ -592,7 +592,7 @@
|
|
|
592
592
|
"kind": "js",
|
|
593
593
|
"name": "VaultDeleteConfirmation",
|
|
594
594
|
"declaration": {
|
|
595
|
-
"name": "
|
|
595
|
+
"name": "le",
|
|
596
596
|
"module": "dist/primer-loader.js"
|
|
597
597
|
}
|
|
598
598
|
},
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
"kind": "js",
|
|
601
601
|
"name": "VaultEmptyState",
|
|
602
602
|
"declaration": {
|
|
603
|
-
"name": "
|
|
603
|
+
"name": "Ue",
|
|
604
604
|
"module": "dist/primer-loader.js"
|
|
605
605
|
}
|
|
606
606
|
},
|
|
@@ -608,7 +608,7 @@
|
|
|
608
608
|
"kind": "js",
|
|
609
609
|
"name": "VaultErrorMessage",
|
|
610
610
|
"declaration": {
|
|
611
|
-
"name": "
|
|
611
|
+
"name": "Ie",
|
|
612
612
|
"module": "dist/primer-loader.js"
|
|
613
613
|
}
|
|
614
614
|
},
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
"kind": "js",
|
|
617
617
|
"name": "VaultManager",
|
|
618
618
|
"declaration": {
|
|
619
|
-
"name": "
|
|
619
|
+
"name": "q",
|
|
620
620
|
"module": "dist/primer-loader.js"
|
|
621
621
|
}
|
|
622
622
|
},
|
|
@@ -624,7 +624,7 @@
|
|
|
624
624
|
"kind": "js",
|
|
625
625
|
"name": "VaultManagerHeader",
|
|
626
626
|
"declaration": {
|
|
627
|
-
"name": "
|
|
627
|
+
"name": "ve",
|
|
628
628
|
"module": "dist/primer-loader.js"
|
|
629
629
|
}
|
|
630
630
|
},
|
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
"kind": "js",
|
|
633
633
|
"name": "VaultPaymentMethodItem",
|
|
634
634
|
"declaration": {
|
|
635
|
-
"name": "
|
|
635
|
+
"name": "ie",
|
|
636
636
|
"module": "dist/primer-loader.js"
|
|
637
637
|
}
|
|
638
638
|
},
|
|
@@ -640,7 +640,7 @@
|
|
|
640
640
|
"kind": "js",
|
|
641
641
|
"name": "VaultPaymentSubmit",
|
|
642
642
|
"declaration": {
|
|
643
|
-
"name": "
|
|
643
|
+
"name": "j",
|
|
644
644
|
"module": "dist/primer-loader.js"
|
|
645
645
|
}
|
|
646
646
|
},
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
"kind": "js",
|
|
649
649
|
"name": "injectDarkTheme",
|
|
650
650
|
"declaration": {
|
|
651
|
-
"name": "
|
|
651
|
+
"name": "Dl",
|
|
652
652
|
"module": "dist/primer-loader.js"
|
|
653
653
|
}
|
|
654
654
|
},
|
|
@@ -656,7 +656,7 @@
|
|
|
656
656
|
"kind": "js",
|
|
657
657
|
"name": "injectLightTheme",
|
|
658
658
|
"declaration": {
|
|
659
|
-
"name": "
|
|
659
|
+
"name": "Rl",
|
|
660
660
|
"module": "dist/primer-loader.js"
|
|
661
661
|
}
|
|
662
662
|
},
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
"kind": "js",
|
|
665
665
|
"name": "injectLoaderStyles",
|
|
666
666
|
"declaration": {
|
|
667
|
-
"name": "
|
|
667
|
+
"name": "Ia",
|
|
668
668
|
"module": "dist/primer-loader.js"
|
|
669
669
|
}
|
|
670
670
|
},
|
|
@@ -672,7 +672,7 @@
|
|
|
672
672
|
"kind": "js",
|
|
673
673
|
"name": "injectThemeStyles",
|
|
674
674
|
"declaration": {
|
|
675
|
-
"name": "
|
|
675
|
+
"name": "Na",
|
|
676
676
|
"module": "dist/primer-loader.js"
|
|
677
677
|
}
|
|
678
678
|
},
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
"kind": "js",
|
|
681
681
|
"name": "loadPrimer",
|
|
682
682
|
"declaration": {
|
|
683
|
-
"name": "
|
|
683
|
+
"name": "z_",
|
|
684
684
|
"module": "dist/primer-loader.js"
|
|
685
685
|
}
|
|
686
686
|
}
|
|
@@ -688,635 +688,186 @@
|
|
|
688
688
|
},
|
|
689
689
|
{
|
|
690
690
|
"kind": "javascript-module",
|
|
691
|
-
"path": "
|
|
691
|
+
"path": "e2e/utils.ts",
|
|
692
692
|
"declarations": [
|
|
693
693
|
{
|
|
694
694
|
"kind": "variable",
|
|
695
|
-
"name": "
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
"default": "{detectedCardNetwork:null,selectableCardNetworks:[],isLoading:!0}"
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"kind": "function",
|
|
703
|
-
"name": "t",
|
|
704
|
-
"parameters": [
|
|
705
|
-
{
|
|
706
|
-
"name": "e"
|
|
707
|
-
}
|
|
708
|
-
]
|
|
709
|
-
},
|
|
710
|
-
{
|
|
711
|
-
"kind": "function",
|
|
712
|
-
"name": "i",
|
|
713
|
-
"parameters": [
|
|
714
|
-
{
|
|
715
|
-
"name": "t"
|
|
716
|
-
},
|
|
717
|
-
{
|
|
718
|
-
"name": "e"
|
|
719
|
-
}
|
|
720
|
-
]
|
|
721
|
-
},
|
|
695
|
+
"name": "test"
|
|
696
|
+
}
|
|
697
|
+
],
|
|
698
|
+
"exports": [
|
|
722
699
|
{
|
|
723
|
-
"kind": "
|
|
724
|
-
"name": "
|
|
725
|
-
"
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
{
|
|
730
|
-
"name": "e"
|
|
731
|
-
}
|
|
732
|
-
]
|
|
700
|
+
"kind": "js",
|
|
701
|
+
"name": "expect",
|
|
702
|
+
"declaration": {
|
|
703
|
+
"name": "expect",
|
|
704
|
+
"package": "@chromatic-com/playwright"
|
|
705
|
+
}
|
|
733
706
|
},
|
|
734
707
|
{
|
|
735
|
-
"kind": "
|
|
736
|
-
"name": "
|
|
737
|
-
|
|
708
|
+
"kind": "js",
|
|
709
|
+
"name": "test",
|
|
710
|
+
"declaration": {
|
|
711
|
+
"name": "test",
|
|
712
|
+
"module": "e2e/utils.ts"
|
|
713
|
+
}
|
|
714
|
+
}
|
|
715
|
+
]
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"kind": "javascript-module",
|
|
719
|
+
"path": "src/consts.ts",
|
|
720
|
+
"declarations": [
|
|
738
721
|
{
|
|
739
722
|
"kind": "variable",
|
|
740
|
-
"name": "
|
|
723
|
+
"name": "legacySdkCdnUrl"
|
|
741
724
|
},
|
|
742
725
|
{
|
|
743
726
|
"kind": "variable",
|
|
744
|
-
"name": "
|
|
745
|
-
|
|
727
|
+
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
728
|
+
"type": {
|
|
729
|
+
"text": "string"
|
|
730
|
+
},
|
|
731
|
+
"default": "'20px'",
|
|
732
|
+
"description": "Hardcoded line height for payment method components\nPreviously: var(--primer-typography-title-large-line-height) = 20px\n\nUsed in height calculation: PAYMENT_METHOD_LINE_HEIGHT + calc(2 * var(--primer-space-medium))\nThis ensures consistent height without relying on typography CSS variables"
|
|
733
|
+
}
|
|
734
|
+
],
|
|
735
|
+
"exports": [
|
|
746
736
|
{
|
|
747
|
-
"kind": "
|
|
748
|
-
"name": "
|
|
737
|
+
"kind": "js",
|
|
738
|
+
"name": "legacySdkCdnUrl",
|
|
739
|
+
"declaration": {
|
|
740
|
+
"name": "legacySdkCdnUrl",
|
|
741
|
+
"module": "src/consts.ts"
|
|
742
|
+
}
|
|
749
743
|
},
|
|
750
744
|
{
|
|
751
|
-
"kind": "
|
|
752
|
-
"name": "
|
|
753
|
-
|
|
745
|
+
"kind": "js",
|
|
746
|
+
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
747
|
+
"declaration": {
|
|
748
|
+
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
749
|
+
"module": "src/consts.ts"
|
|
750
|
+
}
|
|
751
|
+
}
|
|
752
|
+
]
|
|
753
|
+
},
|
|
754
|
+
{
|
|
755
|
+
"kind": "javascript-module",
|
|
756
|
+
"path": "src/loader.ts",
|
|
757
|
+
"declarations": [
|
|
754
758
|
{
|
|
755
|
-
"kind": "
|
|
756
|
-
"name": "
|
|
757
|
-
|
|
759
|
+
"kind": "function",
|
|
760
|
+
"name": "loadPrimer",
|
|
761
|
+
"return": {
|
|
762
|
+
"type": {
|
|
763
|
+
"text": "void"
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
"description": "Main function to load the Primer SDK with all required dependencies and styles"
|
|
767
|
+
}
|
|
768
|
+
],
|
|
769
|
+
"exports": [
|
|
758
770
|
{
|
|
759
|
-
"kind": "
|
|
760
|
-
"name": "
|
|
771
|
+
"kind": "js",
|
|
772
|
+
"name": "*",
|
|
773
|
+
"declaration": {
|
|
774
|
+
"name": "*",
|
|
775
|
+
"package": "./contexts/types"
|
|
776
|
+
}
|
|
761
777
|
},
|
|
762
778
|
{
|
|
763
|
-
"kind": "
|
|
764
|
-
"name": "
|
|
779
|
+
"kind": "js",
|
|
780
|
+
"name": "*",
|
|
781
|
+
"declaration": {
|
|
782
|
+
"name": "*",
|
|
783
|
+
"package": "./contexts/payments-objects"
|
|
784
|
+
}
|
|
765
785
|
},
|
|
766
786
|
{
|
|
767
|
-
"kind": "
|
|
768
|
-
"name": "
|
|
787
|
+
"kind": "js",
|
|
788
|
+
"name": "*",
|
|
789
|
+
"declaration": {
|
|
790
|
+
"name": "*",
|
|
791
|
+
"package": "./atoms"
|
|
792
|
+
}
|
|
769
793
|
},
|
|
770
794
|
{
|
|
771
|
-
"kind": "
|
|
772
|
-
"name": "
|
|
795
|
+
"kind": "js",
|
|
796
|
+
"name": "*",
|
|
797
|
+
"declaration": {
|
|
798
|
+
"name": "*",
|
|
799
|
+
"package": "./containers"
|
|
800
|
+
}
|
|
773
801
|
},
|
|
774
802
|
{
|
|
775
|
-
"kind": "
|
|
776
|
-
"name": "
|
|
803
|
+
"kind": "js",
|
|
804
|
+
"name": "PrimerCheckoutOptions",
|
|
805
|
+
"declaration": {
|
|
806
|
+
"name": "PrimerCheckoutOptions",
|
|
807
|
+
"module": "./types/sdk"
|
|
808
|
+
}
|
|
777
809
|
},
|
|
778
810
|
{
|
|
779
|
-
"kind": "
|
|
780
|
-
"name": "
|
|
811
|
+
"kind": "js",
|
|
812
|
+
"name": "PrimerJS",
|
|
813
|
+
"declaration": {
|
|
814
|
+
"name": "PrimerJS",
|
|
815
|
+
"module": "./controllers/primer-js"
|
|
816
|
+
}
|
|
781
817
|
},
|
|
782
818
|
{
|
|
783
|
-
"kind": "
|
|
784
|
-
"name": "
|
|
819
|
+
"kind": "js",
|
|
820
|
+
"name": "PrimerCheckoutComponent",
|
|
821
|
+
"declaration": {
|
|
822
|
+
"name": "PrimerCheckoutComponent",
|
|
823
|
+
"module": "src/loader.ts"
|
|
824
|
+
}
|
|
785
825
|
},
|
|
786
826
|
{
|
|
787
|
-
"kind": "
|
|
788
|
-
"name": "
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"kind": "variable",
|
|
796
|
-
"name": "Vl"
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"kind": "variable",
|
|
800
|
-
"name": "jl"
|
|
801
|
-
},
|
|
802
|
-
{
|
|
803
|
-
"kind": "variable",
|
|
804
|
-
"name": "ql"
|
|
805
|
-
},
|
|
806
|
-
{
|
|
807
|
-
"kind": "variable",
|
|
808
|
-
"name": "Zl"
|
|
809
|
-
},
|
|
810
|
-
{
|
|
811
|
-
"kind": "variable",
|
|
812
|
-
"name": "ed"
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"kind": "variable",
|
|
816
|
-
"name": "id"
|
|
817
|
-
},
|
|
818
|
-
{
|
|
819
|
-
"kind": "variable",
|
|
820
|
-
"name": "nd"
|
|
821
|
-
},
|
|
822
|
-
{
|
|
823
|
-
"kind": "variable",
|
|
824
|
-
"name": "dd"
|
|
825
|
-
},
|
|
826
|
-
{
|
|
827
|
-
"kind": "variable",
|
|
828
|
-
"name": "ud"
|
|
829
|
-
},
|
|
830
|
-
{
|
|
831
|
-
"kind": "variable",
|
|
832
|
-
"name": "fd"
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"kind": "variable",
|
|
836
|
-
"name": "vd"
|
|
837
|
-
},
|
|
838
|
-
{
|
|
839
|
-
"kind": "variable",
|
|
840
|
-
"name": "Ed"
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"kind": "variable",
|
|
844
|
-
"name": "Sd"
|
|
845
|
-
},
|
|
846
|
-
{
|
|
847
|
-
"kind": "variable",
|
|
848
|
-
"name": "wd"
|
|
849
|
-
},
|
|
850
|
-
{
|
|
851
|
-
"kind": "variable",
|
|
852
|
-
"name": "kd"
|
|
853
|
-
},
|
|
854
|
-
{
|
|
855
|
-
"kind": "variable",
|
|
856
|
-
"name": "Ld"
|
|
857
|
-
},
|
|
858
|
-
{
|
|
859
|
-
"kind": "variable",
|
|
860
|
-
"name": "Kd"
|
|
861
|
-
}
|
|
862
|
-
],
|
|
863
|
-
"exports": [
|
|
864
|
-
{
|
|
865
|
-
"kind": "custom-element-definition",
|
|
866
|
-
"name": "i",
|
|
867
|
-
"declaration": {
|
|
868
|
-
"name": "t",
|
|
869
|
-
"module": "dist/primer-react-wrappers.js"
|
|
870
|
-
}
|
|
871
|
-
},
|
|
872
|
-
{
|
|
873
|
-
"kind": "custom-element-definition",
|
|
874
|
-
"name": "i",
|
|
875
|
-
"declaration": {
|
|
876
|
-
"name": "t",
|
|
877
|
-
"module": "dist/primer-react-wrappers.js"
|
|
878
|
-
}
|
|
879
|
-
},
|
|
880
|
-
{
|
|
881
|
-
"kind": "js",
|
|
882
|
-
"name": "AchPayment",
|
|
883
|
-
"declaration": {
|
|
884
|
-
"name": "Ll",
|
|
885
|
-
"module": "dist/primer-react-wrappers.js"
|
|
886
|
-
}
|
|
887
|
-
},
|
|
888
|
-
{
|
|
889
|
-
"kind": "js",
|
|
890
|
-
"name": "Button",
|
|
891
|
-
"declaration": {
|
|
892
|
-
"name": "kl",
|
|
893
|
-
"module": "dist/primer-react-wrappers.js"
|
|
894
|
-
}
|
|
895
|
-
},
|
|
896
|
-
{
|
|
897
|
-
"kind": "js",
|
|
898
|
-
"name": "CardForm",
|
|
899
|
-
"declaration": {
|
|
900
|
-
"name": "Dl",
|
|
901
|
-
"module": "dist/primer-react-wrappers.js"
|
|
902
|
-
}
|
|
903
|
-
},
|
|
904
|
-
{
|
|
905
|
-
"kind": "js",
|
|
906
|
-
"name": "CardFormSubmit",
|
|
907
|
-
"declaration": {
|
|
908
|
-
"name": "Vl",
|
|
909
|
-
"module": "dist/primer-react-wrappers.js"
|
|
910
|
-
}
|
|
911
|
-
},
|
|
912
|
-
{
|
|
913
|
-
"kind": "js",
|
|
914
|
-
"name": "CardNetworkSelector",
|
|
915
|
-
"declaration": {
|
|
916
|
-
"name": "jl",
|
|
917
|
-
"module": "dist/primer-react-wrappers.js"
|
|
918
|
-
}
|
|
919
|
-
},
|
|
920
|
-
{
|
|
921
|
-
"kind": "js",
|
|
922
|
-
"name": "CheckoutState",
|
|
923
|
-
"declaration": {
|
|
924
|
-
"name": "Ws",
|
|
925
|
-
"module": "dist/primer-react-wrappers.js"
|
|
926
|
-
}
|
|
927
|
-
},
|
|
928
|
-
{
|
|
929
|
-
"kind": "js",
|
|
930
|
-
"name": "Collapsable",
|
|
931
|
-
"declaration": {
|
|
932
|
-
"name": "Xs",
|
|
933
|
-
"module": "dist/primer-react-wrappers.js"
|
|
934
|
-
}
|
|
935
|
-
},
|
|
936
|
-
{
|
|
937
|
-
"kind": "js",
|
|
938
|
-
"name": "Dialog",
|
|
939
|
-
"declaration": {
|
|
940
|
-
"name": "tl",
|
|
941
|
-
"module": "dist/primer-react-wrappers.js"
|
|
942
|
-
}
|
|
943
|
-
},
|
|
944
|
-
{
|
|
945
|
-
"kind": "js",
|
|
946
|
-
"name": "DynamicPayment",
|
|
947
|
-
"declaration": {
|
|
948
|
-
"name": "nd",
|
|
949
|
-
"module": "dist/primer-react-wrappers.js"
|
|
950
|
-
}
|
|
951
|
-
},
|
|
952
|
-
{
|
|
953
|
-
"kind": "js",
|
|
954
|
-
"name": "ErrorMessage",
|
|
955
|
-
"declaration": {
|
|
956
|
-
"name": "ol",
|
|
957
|
-
"module": "dist/primer-react-wrappers.js"
|
|
958
|
-
}
|
|
959
|
-
},
|
|
960
|
-
{
|
|
961
|
-
"kind": "js",
|
|
962
|
-
"name": "ErrorMessageContainer",
|
|
963
|
-
"declaration": {
|
|
964
|
-
"name": "dd",
|
|
965
|
-
"module": "dist/primer-react-wrappers.js"
|
|
966
|
-
}
|
|
967
|
-
},
|
|
968
|
-
{
|
|
969
|
-
"kind": "js",
|
|
970
|
-
"name": "Icon",
|
|
971
|
-
"declaration": {
|
|
972
|
-
"name": "sl",
|
|
973
|
-
"module": "dist/primer-react-wrappers.js"
|
|
974
|
-
}
|
|
975
|
-
},
|
|
976
|
-
{
|
|
977
|
-
"kind": "js",
|
|
978
|
-
"name": "Input",
|
|
979
|
-
"declaration": {
|
|
980
|
-
"name": "ul",
|
|
981
|
-
"module": "dist/primer-react-wrappers.js"
|
|
982
|
-
}
|
|
983
|
-
},
|
|
984
|
-
{
|
|
985
|
-
"kind": "js",
|
|
986
|
-
"name": "InputCardExpiry",
|
|
987
|
-
"declaration": {
|
|
988
|
-
"name": "Zl",
|
|
989
|
-
"module": "dist/primer-react-wrappers.js"
|
|
990
|
-
}
|
|
991
|
-
},
|
|
992
|
-
{
|
|
993
|
-
"kind": "js",
|
|
994
|
-
"name": "InputCardHolderName",
|
|
995
|
-
"declaration": {
|
|
996
|
-
"name": "ql",
|
|
997
|
-
"module": "dist/primer-react-wrappers.js"
|
|
998
|
-
}
|
|
999
|
-
},
|
|
1000
|
-
{
|
|
1001
|
-
"kind": "js",
|
|
1002
|
-
"name": "InputCardNumber",
|
|
1003
|
-
"declaration": {
|
|
1004
|
-
"name": "id",
|
|
1005
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1006
|
-
}
|
|
1007
|
-
},
|
|
1008
|
-
{
|
|
1009
|
-
"kind": "js",
|
|
1010
|
-
"name": "InputCvv",
|
|
1011
|
-
"declaration": {
|
|
1012
|
-
"name": "ed",
|
|
1013
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1014
|
-
}
|
|
1015
|
-
},
|
|
1016
|
-
{
|
|
1017
|
-
"kind": "js",
|
|
1018
|
-
"name": "InputError",
|
|
1019
|
-
"declaration": {
|
|
1020
|
-
"name": "fl",
|
|
1021
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1022
|
-
}
|
|
1023
|
-
},
|
|
1024
|
-
{
|
|
1025
|
-
"kind": "js",
|
|
1026
|
-
"name": "InputLabel",
|
|
1027
|
-
"declaration": {
|
|
1028
|
-
"name": "vl",
|
|
1029
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1030
|
-
}
|
|
1031
|
-
},
|
|
1032
|
-
{
|
|
1033
|
-
"kind": "js",
|
|
1034
|
-
"name": "InputWrapper",
|
|
1035
|
-
"declaration": {
|
|
1036
|
-
"name": "El",
|
|
1037
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1038
|
-
}
|
|
1039
|
-
},
|
|
1040
|
-
{
|
|
1041
|
-
"kind": "js",
|
|
1042
|
-
"name": "Klarna",
|
|
1043
|
-
"declaration": {
|
|
1044
|
-
"name": "ud",
|
|
1045
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1046
|
-
}
|
|
1047
|
-
},
|
|
1048
|
-
{
|
|
1049
|
-
"kind": "js",
|
|
1050
|
-
"name": "NativePayment",
|
|
1051
|
-
"declaration": {
|
|
1052
|
-
"name": "fd",
|
|
1053
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1054
|
-
}
|
|
1055
|
-
},
|
|
1056
|
-
{
|
|
1057
|
-
"kind": "js",
|
|
1058
|
-
"name": "PaymentMethod",
|
|
1059
|
-
"declaration": {
|
|
1060
|
-
"name": "vd",
|
|
1061
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1062
|
-
}
|
|
1063
|
-
},
|
|
1064
|
-
{
|
|
1065
|
-
"kind": "js",
|
|
1066
|
-
"name": "Portal",
|
|
1067
|
-
"declaration": {
|
|
1068
|
-
"name": "Sl",
|
|
1069
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1070
|
-
}
|
|
1071
|
-
},
|
|
1072
|
-
{
|
|
1073
|
-
"kind": "js",
|
|
1074
|
-
"name": "PrimerCheckout",
|
|
1075
|
-
"declaration": {
|
|
1076
|
-
"name": "Ks",
|
|
1077
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1078
|
-
}
|
|
1079
|
-
},
|
|
1080
|
-
{
|
|
1081
|
-
"kind": "js",
|
|
1082
|
-
"name": "PrimerCheckoutComplete",
|
|
1083
|
-
"declaration": {
|
|
1084
|
-
"name": "Ed",
|
|
1085
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1086
|
-
}
|
|
1087
|
-
},
|
|
1088
|
-
{
|
|
1089
|
-
"kind": "js",
|
|
1090
|
-
"name": "PrimerCheckoutError",
|
|
1091
|
-
"declaration": {
|
|
1092
|
-
"name": "Sd",
|
|
1093
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1094
|
-
}
|
|
1095
|
-
},
|
|
1096
|
-
{
|
|
1097
|
-
"kind": "js",
|
|
1098
|
-
"name": "PrimerMain",
|
|
1099
|
-
"declaration": {
|
|
1100
|
-
"name": "wd",
|
|
1101
|
-
"module": "dist/primer-react-wrappers.js"
|
|
1102
|
-
}
|
|
827
|
+
"kind": "js",
|
|
828
|
+
"name": "injectLoaderStyles",
|
|
829
|
+
"declaration": {
|
|
830
|
+
"name": "injectLoaderStyles",
|
|
831
|
+
"module": "src/loader.ts"
|
|
832
|
+
}
|
|
1103
833
|
},
|
|
1104
834
|
{
|
|
1105
835
|
"kind": "js",
|
|
1106
|
-
"name": "
|
|
836
|
+
"name": "injectThemeStyles",
|
|
1107
837
|
"declaration": {
|
|
1108
|
-
"name": "
|
|
1109
|
-
"module": "
|
|
838
|
+
"name": "injectThemeStyles",
|
|
839
|
+
"module": "src/loader.ts"
|
|
1110
840
|
}
|
|
1111
841
|
},
|
|
1112
842
|
{
|
|
1113
843
|
"kind": "js",
|
|
1114
|
-
"name": "
|
|
844
|
+
"name": "injectLightTheme",
|
|
1115
845
|
"declaration": {
|
|
1116
|
-
"name": "
|
|
1117
|
-
"module": "
|
|
846
|
+
"name": "injectLightTheme",
|
|
847
|
+
"module": "src/loader.ts"
|
|
1118
848
|
}
|
|
1119
849
|
},
|
|
1120
850
|
{
|
|
1121
851
|
"kind": "js",
|
|
1122
|
-
"name": "
|
|
852
|
+
"name": "injectDarkTheme",
|
|
1123
853
|
"declaration": {
|
|
1124
|
-
"name": "
|
|
1125
|
-
"module": "
|
|
854
|
+
"name": "injectDarkTheme",
|
|
855
|
+
"module": "src/loader.ts"
|
|
1126
856
|
}
|
|
1127
857
|
},
|
|
1128
858
|
{
|
|
1129
859
|
"kind": "js",
|
|
1130
|
-
"name": "
|
|
860
|
+
"name": "loadPrimer",
|
|
1131
861
|
"declaration": {
|
|
1132
|
-
"name": "
|
|
1133
|
-
"module": "
|
|
862
|
+
"name": "loadPrimer",
|
|
863
|
+
"module": "src/loader.ts"
|
|
1134
864
|
}
|
|
1135
865
|
}
|
|
1136
866
|
]
|
|
1137
867
|
},
|
|
1138
868
|
{
|
|
1139
869
|
"kind": "javascript-module",
|
|
1140
|
-
"path": "
|
|
1141
|
-
"declarations": [
|
|
1142
|
-
{
|
|
1143
|
-
"kind": "variable",
|
|
1144
|
-
"name": "test"
|
|
1145
|
-
}
|
|
1146
|
-
],
|
|
1147
|
-
"exports": [
|
|
1148
|
-
{
|
|
1149
|
-
"kind": "js",
|
|
1150
|
-
"name": "expect",
|
|
1151
|
-
"declaration": {
|
|
1152
|
-
"name": "expect",
|
|
1153
|
-
"package": "@chromatic-com/playwright"
|
|
1154
|
-
}
|
|
1155
|
-
},
|
|
1156
|
-
{
|
|
1157
|
-
"kind": "js",
|
|
1158
|
-
"name": "test",
|
|
1159
|
-
"declaration": {
|
|
1160
|
-
"name": "test",
|
|
1161
|
-
"module": "e2e/utils.ts"
|
|
1162
|
-
}
|
|
1163
|
-
}
|
|
1164
|
-
]
|
|
1165
|
-
},
|
|
1166
|
-
{
|
|
1167
|
-
"kind": "javascript-module",
|
|
1168
|
-
"path": "src/consts.ts",
|
|
1169
|
-
"declarations": [
|
|
1170
|
-
{
|
|
1171
|
-
"kind": "variable",
|
|
1172
|
-
"name": "legacySdkCdnUrl"
|
|
1173
|
-
},
|
|
1174
|
-
{
|
|
1175
|
-
"kind": "variable",
|
|
1176
|
-
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
1177
|
-
"type": {
|
|
1178
|
-
"text": "string"
|
|
1179
|
-
},
|
|
1180
|
-
"default": "'20px'",
|
|
1181
|
-
"description": "Hardcoded line height for payment method components\nPreviously: var(--primer-typography-title-large-line-height) = 20px\n\nUsed in height calculation: PAYMENT_METHOD_LINE_HEIGHT + calc(2 * var(--primer-space-medium))\nThis ensures consistent height without relying on typography CSS variables"
|
|
1182
|
-
}
|
|
1183
|
-
],
|
|
1184
|
-
"exports": [
|
|
1185
|
-
{
|
|
1186
|
-
"kind": "js",
|
|
1187
|
-
"name": "legacySdkCdnUrl",
|
|
1188
|
-
"declaration": {
|
|
1189
|
-
"name": "legacySdkCdnUrl",
|
|
1190
|
-
"module": "src/consts.ts"
|
|
1191
|
-
}
|
|
1192
|
-
},
|
|
1193
|
-
{
|
|
1194
|
-
"kind": "js",
|
|
1195
|
-
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
1196
|
-
"declaration": {
|
|
1197
|
-
"name": "PAYMENT_METHOD_LINE_HEIGHT",
|
|
1198
|
-
"module": "src/consts.ts"
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
]
|
|
1202
|
-
},
|
|
1203
|
-
{
|
|
1204
|
-
"kind": "javascript-module",
|
|
1205
|
-
"path": "src/loader.ts",
|
|
1206
|
-
"declarations": [
|
|
1207
|
-
{
|
|
1208
|
-
"kind": "function",
|
|
1209
|
-
"name": "loadPrimer",
|
|
1210
|
-
"return": {
|
|
1211
|
-
"type": {
|
|
1212
|
-
"text": "void"
|
|
1213
|
-
}
|
|
1214
|
-
},
|
|
1215
|
-
"description": "Main function to load the Primer SDK with all required dependencies and styles"
|
|
1216
|
-
}
|
|
1217
|
-
],
|
|
1218
|
-
"exports": [
|
|
1219
|
-
{
|
|
1220
|
-
"kind": "js",
|
|
1221
|
-
"name": "*",
|
|
1222
|
-
"declaration": {
|
|
1223
|
-
"name": "*",
|
|
1224
|
-
"package": "./contexts/types"
|
|
1225
|
-
}
|
|
1226
|
-
},
|
|
1227
|
-
{
|
|
1228
|
-
"kind": "js",
|
|
1229
|
-
"name": "*",
|
|
1230
|
-
"declaration": {
|
|
1231
|
-
"name": "*",
|
|
1232
|
-
"package": "./contexts/payments-objects"
|
|
1233
|
-
}
|
|
1234
|
-
},
|
|
1235
|
-
{
|
|
1236
|
-
"kind": "js",
|
|
1237
|
-
"name": "*",
|
|
1238
|
-
"declaration": {
|
|
1239
|
-
"name": "*",
|
|
1240
|
-
"package": "./atoms"
|
|
1241
|
-
}
|
|
1242
|
-
},
|
|
1243
|
-
{
|
|
1244
|
-
"kind": "js",
|
|
1245
|
-
"name": "*",
|
|
1246
|
-
"declaration": {
|
|
1247
|
-
"name": "*",
|
|
1248
|
-
"package": "./containers"
|
|
1249
|
-
}
|
|
1250
|
-
},
|
|
1251
|
-
{
|
|
1252
|
-
"kind": "js",
|
|
1253
|
-
"name": "PrimerCheckoutOptions",
|
|
1254
|
-
"declaration": {
|
|
1255
|
-
"name": "PrimerCheckoutOptions",
|
|
1256
|
-
"module": "./types/sdk"
|
|
1257
|
-
}
|
|
1258
|
-
},
|
|
1259
|
-
{
|
|
1260
|
-
"kind": "js",
|
|
1261
|
-
"name": "PrimerJS",
|
|
1262
|
-
"declaration": {
|
|
1263
|
-
"name": "PrimerJS",
|
|
1264
|
-
"module": "./controllers/primer-js"
|
|
1265
|
-
}
|
|
1266
|
-
},
|
|
1267
|
-
{
|
|
1268
|
-
"kind": "js",
|
|
1269
|
-
"name": "PrimerCheckoutComponent",
|
|
1270
|
-
"declaration": {
|
|
1271
|
-
"name": "PrimerCheckoutComponent",
|
|
1272
|
-
"module": "src/loader.ts"
|
|
1273
|
-
}
|
|
1274
|
-
},
|
|
1275
|
-
{
|
|
1276
|
-
"kind": "js",
|
|
1277
|
-
"name": "injectLoaderStyles",
|
|
1278
|
-
"declaration": {
|
|
1279
|
-
"name": "injectLoaderStyles",
|
|
1280
|
-
"module": "src/loader.ts"
|
|
1281
|
-
}
|
|
1282
|
-
},
|
|
1283
|
-
{
|
|
1284
|
-
"kind": "js",
|
|
1285
|
-
"name": "injectThemeStyles",
|
|
1286
|
-
"declaration": {
|
|
1287
|
-
"name": "injectThemeStyles",
|
|
1288
|
-
"module": "src/loader.ts"
|
|
1289
|
-
}
|
|
1290
|
-
},
|
|
1291
|
-
{
|
|
1292
|
-
"kind": "js",
|
|
1293
|
-
"name": "injectLightTheme",
|
|
1294
|
-
"declaration": {
|
|
1295
|
-
"name": "injectLightTheme",
|
|
1296
|
-
"module": "src/loader.ts"
|
|
1297
|
-
}
|
|
1298
|
-
},
|
|
1299
|
-
{
|
|
1300
|
-
"kind": "js",
|
|
1301
|
-
"name": "injectDarkTheme",
|
|
1302
|
-
"declaration": {
|
|
1303
|
-
"name": "injectDarkTheme",
|
|
1304
|
-
"module": "src/loader.ts"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
1307
|
-
{
|
|
1308
|
-
"kind": "js",
|
|
1309
|
-
"name": "loadPrimer",
|
|
1310
|
-
"declaration": {
|
|
1311
|
-
"name": "loadPrimer",
|
|
1312
|
-
"module": "src/loader.ts"
|
|
1313
|
-
}
|
|
1314
|
-
}
|
|
1315
|
-
]
|
|
1316
|
-
},
|
|
1317
|
-
{
|
|
1318
|
-
"kind": "javascript-module",
|
|
1319
|
-
"path": "src/primer-checkout.component.ts",
|
|
870
|
+
"path": "src/primer-checkout.component.ts",
|
|
1320
871
|
"declarations": [
|
|
1321
872
|
{
|
|
1322
873
|
"kind": "class",
|
|
@@ -1887,21 +1438,6 @@
|
|
|
1887
1438
|
}
|
|
1888
1439
|
]
|
|
1889
1440
|
},
|
|
1890
|
-
{
|
|
1891
|
-
"kind": "javascript-module",
|
|
1892
|
-
"path": "src/react-wrappers.ts",
|
|
1893
|
-
"declarations": [],
|
|
1894
|
-
"exports": [
|
|
1895
|
-
{
|
|
1896
|
-
"kind": "js",
|
|
1897
|
-
"name": "*",
|
|
1898
|
-
"declaration": {
|
|
1899
|
-
"name": "*",
|
|
1900
|
-
"package": "./react-components"
|
|
1901
|
-
}
|
|
1902
|
-
}
|
|
1903
|
-
]
|
|
1904
|
-
},
|
|
1905
1441
|
{
|
|
1906
1442
|
"kind": "javascript-module",
|
|
1907
1443
|
"path": "dist/chunks/ar.KRXB3WQO.js",
|
|
@@ -3948,20 +3484,20 @@
|
|
|
3948
3484
|
},
|
|
3949
3485
|
{
|
|
3950
3486
|
"kind": "javascript-module",
|
|
3951
|
-
"path": "src/contexts/headless-
|
|
3487
|
+
"path": "src/contexts/headless-utils-context.ts",
|
|
3952
3488
|
"declarations": [
|
|
3953
3489
|
{
|
|
3954
3490
|
"kind": "variable",
|
|
3955
|
-
"name": "
|
|
3491
|
+
"name": "headlessUtilsContext"
|
|
3956
3492
|
}
|
|
3957
3493
|
],
|
|
3958
3494
|
"exports": [
|
|
3959
3495
|
{
|
|
3960
3496
|
"kind": "js",
|
|
3961
|
-
"name": "
|
|
3497
|
+
"name": "headlessUtilsContext",
|
|
3962
3498
|
"declaration": {
|
|
3963
|
-
"name": "
|
|
3964
|
-
"module": "src/contexts/headless-
|
|
3499
|
+
"name": "headlessUtilsContext",
|
|
3500
|
+
"module": "src/contexts/headless-utils-context.ts"
|
|
3965
3501
|
}
|
|
3966
3502
|
}
|
|
3967
3503
|
]
|
|
@@ -4382,6 +3918,25 @@
|
|
|
4382
3918
|
}
|
|
4383
3919
|
}
|
|
4384
3920
|
},
|
|
3921
|
+
{
|
|
3922
|
+
"kind": "method",
|
|
3923
|
+
"name": "normalizeOptionsForLegacySdk",
|
|
3924
|
+
"privacy": "private",
|
|
3925
|
+
"return": {
|
|
3926
|
+
"type": {
|
|
3927
|
+
"text": "PrimerCheckoutOptions"
|
|
3928
|
+
}
|
|
3929
|
+
},
|
|
3930
|
+
"parameters": [
|
|
3931
|
+
{
|
|
3932
|
+
"name": "options",
|
|
3933
|
+
"type": {
|
|
3934
|
+
"text": "PrimerCheckoutOptions"
|
|
3935
|
+
}
|
|
3936
|
+
}
|
|
3937
|
+
],
|
|
3938
|
+
"description": "Normalizes options for legacy SDK compatibility.\nWhen cardholder name is visible in Primer.js, it should be required in the legacy SDK\nregardless of user's required setting, to ensure proper validation behavior."
|
|
3939
|
+
},
|
|
4385
3940
|
{
|
|
4386
3941
|
"kind": "method",
|
|
4387
3942
|
"name": "setupLoadingTimeout",
|
|
@@ -4818,10 +4373,10 @@
|
|
|
4818
4373
|
"kind": "field",
|
|
4819
4374
|
"name": "headlessUtilsProvider",
|
|
4820
4375
|
"type": {
|
|
4821
|
-
"text": "ContextProvider<{\n __context__:
|
|
4376
|
+
"text": "ContextProvider<{\n __context__: HeadlessUtilsContextType;\n }> | null"
|
|
4822
4377
|
},
|
|
4823
4378
|
"privacy": "private",
|
|
4824
|
-
"default": "new ContextProvider(host, { context:
|
|
4379
|
+
"default": "new ContextProvider(host, { context: headlessUtilsContext, initialValue: null, })"
|
|
4825
4380
|
},
|
|
4826
4381
|
{
|
|
4827
4382
|
"kind": "field",
|
|
@@ -4982,7 +4537,7 @@
|
|
|
4982
4537
|
{
|
|
4983
4538
|
"name": "value",
|
|
4984
4539
|
"type": {
|
|
4985
|
-
"text": "
|
|
4540
|
+
"text": "HeadlessUtilsContextType"
|
|
4986
4541
|
}
|
|
4987
4542
|
}
|
|
4988
4543
|
]
|
|
@@ -5013,1349 +4568,406 @@
|
|
|
5013
4568
|
}
|
|
5014
4569
|
},
|
|
5015
4570
|
"parameters": [
|
|
5016
|
-
{
|
|
5017
|
-
"name": "value",
|
|
5018
|
-
"type": {
|
|
5019
|
-
"text": "VaultItemContextType"
|
|
5020
|
-
}
|
|
5021
|
-
}
|
|
5022
|
-
]
|
|
5023
|
-
}
|
|
5024
|
-
]
|
|
5025
|
-
}
|
|
5026
|
-
],
|
|
5027
|
-
"exports": [
|
|
5028
|
-
{
|
|
5029
|
-
"kind": "js",
|
|
5030
|
-
"name": "SDKContextController",
|
|
5031
|
-
"declaration": {
|
|
5032
|
-
"name": "SDKContextController",
|
|
5033
|
-
"module": "src/controllers/sdk-context-controller.ts"
|
|
5034
|
-
}
|
|
5035
|
-
}
|
|
5036
|
-
]
|
|
5037
|
-
},
|
|
5038
|
-
{
|
|
5039
|
-
"kind": "javascript-module",
|
|
5040
|
-
"path": "src/controllers/sdk-state-controller.ts",
|
|
5041
|
-
"declarations": [
|
|
5042
|
-
{
|
|
5043
|
-
"kind": "variable",
|
|
5044
|
-
"name": "initialSDKState",
|
|
5045
|
-
"type": {
|
|
5046
|
-
"text": "SdkState"
|
|
5047
|
-
},
|
|
5048
|
-
"default": "{ isSuccessful: false, isProcessing: false, isLoading: false, error: null, failure: null, }"
|
|
5049
|
-
},
|
|
5050
|
-
{
|
|
5051
|
-
"kind": "class",
|
|
5052
|
-
"description": "",
|
|
5053
|
-
"name": "SdkStateController",
|
|
5054
|
-
"members": [
|
|
5055
|
-
{
|
|
5056
|
-
"kind": "method",
|
|
5057
|
-
"name": "startLoading"
|
|
5058
|
-
},
|
|
5059
|
-
{
|
|
5060
|
-
"kind": "method",
|
|
5061
|
-
"name": "startProcessing"
|
|
5062
|
-
},
|
|
5063
|
-
{
|
|
5064
|
-
"kind": "method",
|
|
5065
|
-
"name": "stopProcessing"
|
|
5066
|
-
},
|
|
5067
|
-
{
|
|
5068
|
-
"kind": "method",
|
|
5069
|
-
"name": "completeProcessing"
|
|
5070
|
-
},
|
|
5071
|
-
{
|
|
5072
|
-
"kind": "method",
|
|
5073
|
-
"name": "completeLoading"
|
|
5074
|
-
},
|
|
5075
|
-
{
|
|
5076
|
-
"kind": "method",
|
|
5077
|
-
"name": "setError",
|
|
5078
|
-
"parameters": [
|
|
5079
|
-
{
|
|
5080
|
-
"name": "error",
|
|
5081
|
-
"type": {
|
|
5082
|
-
"text": "Error"
|
|
5083
|
-
}
|
|
5084
|
-
}
|
|
5085
|
-
]
|
|
5086
|
-
},
|
|
5087
|
-
{
|
|
5088
|
-
"kind": "method",
|
|
5089
|
-
"name": "setFailure",
|
|
5090
|
-
"parameters": [
|
|
5091
|
-
{
|
|
5092
|
-
"name": "code",
|
|
5093
|
-
"type": {
|
|
5094
|
-
"text": "string"
|
|
5095
|
-
}
|
|
5096
|
-
},
|
|
5097
|
-
{
|
|
5098
|
-
"name": "message",
|
|
5099
|
-
"type": {
|
|
5100
|
-
"text": "string"
|
|
5101
|
-
}
|
|
5102
|
-
},
|
|
5103
|
-
{
|
|
5104
|
-
"name": "details",
|
|
5105
|
-
"optional": true,
|
|
5106
|
-
"type": {
|
|
5107
|
-
"text": "Record<string, unknown>"
|
|
5108
|
-
}
|
|
5109
|
-
}
|
|
5110
|
-
]
|
|
5111
|
-
},
|
|
5112
|
-
{
|
|
5113
|
-
"kind": "method",
|
|
5114
|
-
"name": "reset"
|
|
5115
|
-
},
|
|
5116
|
-
{
|
|
5117
|
-
"kind": "method",
|
|
5118
|
-
"name": "resetError"
|
|
5119
|
-
},
|
|
5120
|
-
{
|
|
5121
|
-
"kind": "method",
|
|
5122
|
-
"name": "forceCompleteLoading"
|
|
5123
|
-
},
|
|
5124
|
-
{
|
|
5125
|
-
"kind": "field",
|
|
5126
|
-
"name": "_dispatcher",
|
|
5127
|
-
"type": {
|
|
5128
|
-
"text": "TypedDispatcher<State, Action, Callbacks>"
|
|
5129
|
-
},
|
|
5130
|
-
"privacy": "private",
|
|
5131
|
-
"inheritedFrom": {
|
|
5132
|
-
"name": "ReactiveStateController",
|
|
5133
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5134
|
-
}
|
|
5135
|
-
},
|
|
5136
|
-
{
|
|
5137
|
-
"kind": "field",
|
|
5138
|
-
"name": "currentState",
|
|
5139
|
-
"type": {
|
|
5140
|
-
"text": "Readonly<State>"
|
|
5141
|
-
},
|
|
5142
|
-
"privacy": "public",
|
|
5143
|
-
"readonly": true,
|
|
5144
|
-
"inheritedFrom": {
|
|
5145
|
-
"name": "ReactiveStateController",
|
|
5146
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5147
|
-
}
|
|
5148
|
-
},
|
|
5149
|
-
{
|
|
5150
|
-
"kind": "method",
|
|
5151
|
-
"name": "dispatch",
|
|
5152
|
-
"privacy": "protected",
|
|
5153
|
-
"return": {
|
|
5154
|
-
"type": {
|
|
5155
|
-
"text": "void"
|
|
5156
|
-
}
|
|
5157
|
-
},
|
|
5158
|
-
"parameters": [
|
|
5159
|
-
{
|
|
5160
|
-
"name": "action",
|
|
5161
|
-
"type": {
|
|
5162
|
-
"text": "Action"
|
|
5163
|
-
}
|
|
5164
|
-
}
|
|
5165
|
-
],
|
|
5166
|
-
"inheritedFrom": {
|
|
5167
|
-
"name": "ReactiveStateController",
|
|
5168
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5169
|
-
}
|
|
5170
|
-
},
|
|
5171
|
-
{
|
|
5172
|
-
"kind": "method",
|
|
5173
|
-
"name": "setCallbacks",
|
|
5174
|
-
"privacy": "protected",
|
|
5175
|
-
"return": {
|
|
5176
|
-
"type": {
|
|
5177
|
-
"text": "void"
|
|
5178
|
-
}
|
|
5179
|
-
},
|
|
5180
|
-
"parameters": [
|
|
5181
|
-
{
|
|
5182
|
-
"name": "callbacks",
|
|
5183
|
-
"type": {
|
|
5184
|
-
"text": "Partial<Callbacks>"
|
|
5185
|
-
}
|
|
5186
|
-
}
|
|
5187
|
-
],
|
|
5188
|
-
"inheritedFrom": {
|
|
5189
|
-
"name": "ReactiveStateController",
|
|
5190
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5191
|
-
}
|
|
5192
|
-
},
|
|
5193
|
-
{
|
|
5194
|
-
"kind": "method",
|
|
5195
|
-
"name": "hostConnected",
|
|
5196
|
-
"return": {
|
|
5197
|
-
"type": {
|
|
5198
|
-
"text": "void"
|
|
5199
|
-
}
|
|
5200
|
-
},
|
|
5201
|
-
"inheritedFrom": {
|
|
5202
|
-
"name": "ReactiveStateController",
|
|
5203
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5204
|
-
}
|
|
5205
|
-
},
|
|
5206
|
-
{
|
|
5207
|
-
"kind": "method",
|
|
5208
|
-
"name": "hostDisconnected",
|
|
5209
|
-
"return": {
|
|
5210
|
-
"type": {
|
|
5211
|
-
"text": "void"
|
|
5212
|
-
}
|
|
5213
|
-
},
|
|
5214
|
-
"inheritedFrom": {
|
|
5215
|
-
"name": "ReactiveStateController",
|
|
5216
|
-
"module": "src/controllers/reactive-state/index.ts"
|
|
5217
|
-
}
|
|
5218
|
-
}
|
|
5219
|
-
],
|
|
5220
|
-
"superclass": {
|
|
5221
|
-
"name": "ReactiveStateController",
|
|
5222
|
-
"module": "/src/controllers/reactive-state"
|
|
5223
|
-
}
|
|
5224
|
-
}
|
|
5225
|
-
],
|
|
5226
|
-
"exports": [
|
|
5227
|
-
{
|
|
5228
|
-
"kind": "js",
|
|
5229
|
-
"name": "initialSDKState",
|
|
5230
|
-
"declaration": {
|
|
5231
|
-
"name": "initialSDKState",
|
|
5232
|
-
"module": "src/controllers/sdk-state-controller.ts"
|
|
5233
|
-
}
|
|
5234
|
-
},
|
|
5235
|
-
{
|
|
5236
|
-
"kind": "js",
|
|
5237
|
-
"name": "SdkStateController",
|
|
5238
|
-
"declaration": {
|
|
5239
|
-
"name": "SdkStateController",
|
|
5240
|
-
"module": "src/controllers/sdk-state-controller.ts"
|
|
5241
|
-
}
|
|
5242
|
-
}
|
|
5243
|
-
]
|
|
5244
|
-
},
|
|
5245
|
-
{
|
|
5246
|
-
"kind": "javascript-module",
|
|
5247
|
-
"path": "src/controllers/style-processing-controller.ts",
|
|
5248
|
-
"declarations": [
|
|
5249
|
-
{
|
|
5250
|
-
"kind": "class",
|
|
5251
|
-
"description": "Controller that handles processing and application of custom styles to Lit components.\nSafely converts JSON style objects to CSS variables applied to the host element.",
|
|
5252
|
-
"name": "StyleProcessingController",
|
|
5253
|
-
"members": [
|
|
5254
|
-
{
|
|
5255
|
-
"kind": "field",
|
|
5256
|
-
"name": "host",
|
|
5257
|
-
"type": {
|
|
5258
|
-
"text": "ReactiveControllerHost & LitElement"
|
|
5259
|
-
}
|
|
5260
|
-
},
|
|
5261
|
-
{
|
|
5262
|
-
"kind": "field",
|
|
5263
|
-
"name": "cssVarCache",
|
|
5264
|
-
"privacy": "private",
|
|
5265
|
-
"static": true,
|
|
5266
|
-
"default": "new Map<string, string>()"
|
|
5267
|
-
},
|
|
5268
|
-
{
|
|
5269
|
-
"kind": "method",
|
|
5270
|
-
"name": "processCustomStyles",
|
|
5271
|
-
"return": {
|
|
5272
|
-
"type": {
|
|
5273
|
-
"text": "void"
|
|
5274
|
-
}
|
|
5275
|
-
},
|
|
5276
|
-
"parameters": [
|
|
5277
|
-
{
|
|
5278
|
-
"name": "jsonString",
|
|
5279
|
-
"type": {
|
|
5280
|
-
"text": "string"
|
|
5281
|
-
},
|
|
5282
|
-
"description": "The JSON string representing custom styles."
|
|
5283
|
-
}
|
|
5284
|
-
],
|
|
5285
|
-
"description": "Processes the customStyles JSON string.\nExpected JSON contains only CSS variable properties in camelCase."
|
|
5286
|
-
},
|
|
5287
|
-
{
|
|
5288
|
-
"kind": "method",
|
|
5289
|
-
"name": "isValidCssProperty",
|
|
5290
|
-
"privacy": "private",
|
|
5291
|
-
"return": {
|
|
5292
|
-
"type": {
|
|
5293
|
-
"text": ""
|
|
5294
|
-
}
|
|
5295
|
-
},
|
|
5296
|
-
"parameters": [
|
|
5297
|
-
{
|
|
5298
|
-
"name": "property",
|
|
5299
|
-
"type": {
|
|
5300
|
-
"text": "string"
|
|
5301
|
-
},
|
|
5302
|
-
"description": "The CSS property name to validate."
|
|
5303
|
-
}
|
|
5304
|
-
],
|
|
5305
|
-
"description": "Validates a CSS property name to ensure it follows expected patterns."
|
|
5306
|
-
},
|
|
5307
|
-
{
|
|
5308
|
-
"kind": "method",
|
|
5309
|
-
"name": "isValidCssValue",
|
|
5310
|
-
"privacy": "private",
|
|
5311
|
-
"return": {
|
|
5312
|
-
"type": {
|
|
5313
|
-
"text": ""
|
|
5314
|
-
}
|
|
5315
|
-
},
|
|
5316
|
-
"parameters": [
|
|
5317
|
-
{
|
|
5318
|
-
"name": "value",
|
|
5319
|
-
"type": {
|
|
5320
|
-
"text": "string"
|
|
5321
|
-
},
|
|
5322
|
-
"description": "The CSS value to validate."
|
|
5323
|
-
}
|
|
5324
|
-
],
|
|
5325
|
-
"description": "Validates a CSS value to ensure it only contains safe, expected characters.\nAllowed characters include alphanumerics, whitespace, and common CSS punctuation.\nThis helps prevent CSS injection attacks."
|
|
5326
|
-
},
|
|
5327
|
-
{
|
|
5328
|
-
"kind": "method",
|
|
5329
|
-
"name": "getCssVarName",
|
|
5330
|
-
"privacy": "private",
|
|
5331
|
-
"return": {
|
|
5332
|
-
"type": {
|
|
5333
|
-
"text": ""
|
|
5334
|
-
}
|
|
5335
|
-
},
|
|
5336
|
-
"parameters": [
|
|
5337
|
-
{
|
|
5338
|
-
"name": "key",
|
|
5339
|
-
"type": {
|
|
5340
|
-
"text": "string"
|
|
5341
|
-
},
|
|
5342
|
-
"description": "The camelCase property key"
|
|
5343
|
-
}
|
|
5344
|
-
],
|
|
5345
|
-
"description": "Gets the CSS variable name for a camelCase property key.\nUses caching for performance."
|
|
5346
|
-
},
|
|
5347
|
-
{
|
|
5348
|
-
"kind": "method",
|
|
5349
|
-
"name": "applyStyles",
|
|
5350
|
-
"privacy": "private",
|
|
5351
|
-
"return": {
|
|
5352
|
-
"type": {
|
|
5353
|
-
"text": "void"
|
|
5354
|
-
}
|
|
5355
|
-
},
|
|
5356
|
-
"parameters": [
|
|
5357
|
-
{
|
|
5358
|
-
"name": "styles",
|
|
5359
|
-
"type": {
|
|
5360
|
-
"text": "StylesObject"
|
|
5361
|
-
},
|
|
5362
|
-
"description": "An object with style keys and corresponding CSS values."
|
|
5363
|
-
}
|
|
5364
|
-
],
|
|
5365
|
-
"description": "Transforms a styles object into CSS variables and applies them to the host element.\nEach key (in camelCase) is converted into a kebab-case CSS variable prefixed with '--'.\nOnly valid CSS properties and values are applied."
|
|
5366
|
-
},
|
|
5367
|
-
{
|
|
5368
|
-
"kind": "method",
|
|
5369
|
-
"name": "removeStyle",
|
|
5370
|
-
"return": {
|
|
5371
|
-
"type": {
|
|
5372
|
-
"text": "void"
|
|
5373
|
-
}
|
|
5374
|
-
},
|
|
5375
|
-
"parameters": [
|
|
5376
|
-
{
|
|
5377
|
-
"name": "key",
|
|
5378
|
-
"type": {
|
|
5379
|
-
"text": "string"
|
|
5380
|
-
},
|
|
5381
|
-
"description": "The camelCase property key to remove"
|
|
5382
|
-
}
|
|
5383
|
-
],
|
|
5384
|
-
"description": "Removes a specific CSS variable from the host element"
|
|
5385
|
-
},
|
|
5386
|
-
{
|
|
5387
|
-
"kind": "method",
|
|
5388
|
-
"name": "clearAllStyles",
|
|
5389
|
-
"return": {
|
|
5390
|
-
"type": {
|
|
5391
|
-
"text": "void"
|
|
5392
|
-
}
|
|
5393
|
-
},
|
|
5394
|
-
"description": "Removes all custom styles from the host element"
|
|
5395
|
-
},
|
|
5396
|
-
{
|
|
5397
|
-
"kind": "method",
|
|
5398
|
-
"name": "hostDisconnected",
|
|
5399
|
-
"return": {
|
|
5400
|
-
"type": {
|
|
5401
|
-
"text": "void"
|
|
5402
|
-
}
|
|
5403
|
-
},
|
|
5404
|
-
"description": "Optional cleanup when the host is disconnected"
|
|
5405
|
-
}
|
|
5406
|
-
]
|
|
5407
|
-
}
|
|
5408
|
-
],
|
|
5409
|
-
"exports": [
|
|
5410
|
-
{
|
|
5411
|
-
"kind": "js",
|
|
5412
|
-
"name": "StyleProcessingController",
|
|
5413
|
-
"declaration": {
|
|
5414
|
-
"name": "StyleProcessingController",
|
|
5415
|
-
"module": "src/controllers/style-processing-controller.ts"
|
|
5416
|
-
}
|
|
5417
|
-
}
|
|
5418
|
-
]
|
|
5419
|
-
},
|
|
5420
|
-
{
|
|
5421
|
-
"kind": "javascript-module",
|
|
5422
|
-
"path": "src/react-components/ach-payment.ts",
|
|
5423
|
-
"declarations": [
|
|
5424
|
-
{
|
|
5425
|
-
"kind": "variable",
|
|
5426
|
-
"name": "AchPayment"
|
|
5427
|
-
}
|
|
5428
|
-
],
|
|
5429
|
-
"exports": [
|
|
5430
|
-
{
|
|
5431
|
-
"kind": "js",
|
|
5432
|
-
"name": "AchPayment",
|
|
5433
|
-
"declaration": {
|
|
5434
|
-
"name": "AchPayment",
|
|
5435
|
-
"module": "src/react-components/ach-payment.ts"
|
|
5436
|
-
}
|
|
5437
|
-
}
|
|
5438
|
-
]
|
|
5439
|
-
},
|
|
5440
|
-
{
|
|
5441
|
-
"kind": "javascript-module",
|
|
5442
|
-
"path": "src/react-components/button.ts",
|
|
5443
|
-
"declarations": [
|
|
5444
|
-
{
|
|
5445
|
-
"kind": "variable",
|
|
5446
|
-
"name": "Button"
|
|
5447
|
-
}
|
|
5448
|
-
],
|
|
5449
|
-
"exports": [
|
|
5450
|
-
{
|
|
5451
|
-
"kind": "js",
|
|
5452
|
-
"name": "Button",
|
|
5453
|
-
"declaration": {
|
|
5454
|
-
"name": "Button",
|
|
5455
|
-
"module": "src/react-components/button.ts"
|
|
5456
|
-
}
|
|
5457
|
-
},
|
|
5458
|
-
{
|
|
5459
|
-
"kind": "js",
|
|
5460
|
-
"name": "ButtonSelectionState",
|
|
5461
|
-
"declaration": {
|
|
5462
|
-
"name": "ButtonSelectionState",
|
|
5463
|
-
"module": "../atoms/button/button.component"
|
|
5464
|
-
}
|
|
5465
|
-
}
|
|
5466
|
-
]
|
|
5467
|
-
},
|
|
5468
|
-
{
|
|
5469
|
-
"kind": "javascript-module",
|
|
5470
|
-
"path": "src/react-components/card-form-submit.ts",
|
|
5471
|
-
"declarations": [
|
|
5472
|
-
{
|
|
5473
|
-
"kind": "variable",
|
|
5474
|
-
"name": "CardFormSubmit"
|
|
5475
|
-
}
|
|
5476
|
-
],
|
|
5477
|
-
"exports": [
|
|
5478
|
-
{
|
|
5479
|
-
"kind": "js",
|
|
5480
|
-
"name": "CardFormSubmit",
|
|
5481
|
-
"declaration": {
|
|
5482
|
-
"name": "CardFormSubmit",
|
|
5483
|
-
"module": "src/react-components/card-form-submit.ts"
|
|
5484
|
-
}
|
|
5485
|
-
}
|
|
5486
|
-
]
|
|
5487
|
-
},
|
|
5488
|
-
{
|
|
5489
|
-
"kind": "javascript-module",
|
|
5490
|
-
"path": "src/react-components/card-form.ts",
|
|
5491
|
-
"declarations": [
|
|
5492
|
-
{
|
|
5493
|
-
"kind": "variable",
|
|
5494
|
-
"name": "CardForm"
|
|
5495
|
-
}
|
|
5496
|
-
],
|
|
5497
|
-
"exports": [
|
|
5498
|
-
{
|
|
5499
|
-
"kind": "js",
|
|
5500
|
-
"name": "CardForm",
|
|
5501
|
-
"declaration": {
|
|
5502
|
-
"name": "CardForm",
|
|
5503
|
-
"module": "src/react-components/card-form.ts"
|
|
5504
|
-
}
|
|
5505
|
-
}
|
|
5506
|
-
]
|
|
5507
|
-
},
|
|
5508
|
-
{
|
|
5509
|
-
"kind": "javascript-module",
|
|
5510
|
-
"path": "src/react-components/card-network-selector.ts",
|
|
5511
|
-
"declarations": [
|
|
5512
|
-
{
|
|
5513
|
-
"kind": "variable",
|
|
5514
|
-
"name": "CardNetworkSelector"
|
|
5515
|
-
}
|
|
5516
|
-
],
|
|
5517
|
-
"exports": [
|
|
5518
|
-
{
|
|
5519
|
-
"kind": "js",
|
|
5520
|
-
"name": "CardNetworkSelector",
|
|
5521
|
-
"declaration": {
|
|
5522
|
-
"name": "CardNetworkSelector",
|
|
5523
|
-
"module": "src/react-components/card-network-selector.ts"
|
|
5524
|
-
}
|
|
5525
|
-
}
|
|
5526
|
-
]
|
|
5527
|
-
},
|
|
5528
|
-
{
|
|
5529
|
-
"kind": "javascript-module",
|
|
5530
|
-
"path": "src/react-components/checkout-state.ts",
|
|
5531
|
-
"declarations": [
|
|
5532
|
-
{
|
|
5533
|
-
"kind": "variable",
|
|
5534
|
-
"name": "CheckoutState"
|
|
5535
|
-
}
|
|
5536
|
-
],
|
|
5537
|
-
"exports": [
|
|
5538
|
-
{
|
|
5539
|
-
"kind": "js",
|
|
5540
|
-
"name": "CheckoutState",
|
|
5541
|
-
"declaration": {
|
|
5542
|
-
"name": "CheckoutState",
|
|
5543
|
-
"module": "src/react-components/checkout-state.ts"
|
|
5544
|
-
}
|
|
5545
|
-
}
|
|
5546
|
-
]
|
|
5547
|
-
},
|
|
5548
|
-
{
|
|
5549
|
-
"kind": "javascript-module",
|
|
5550
|
-
"path": "src/react-components/checkout.ts",
|
|
5551
|
-
"declarations": [
|
|
5552
|
-
{
|
|
5553
|
-
"kind": "variable",
|
|
5554
|
-
"name": "PrimerCheckout"
|
|
5555
|
-
}
|
|
5556
|
-
],
|
|
5557
|
-
"exports": [
|
|
5558
|
-
{
|
|
5559
|
-
"kind": "js",
|
|
5560
|
-
"name": "PrimerCheckout",
|
|
5561
|
-
"declaration": {
|
|
5562
|
-
"name": "PrimerCheckout",
|
|
5563
|
-
"module": "src/react-components/checkout.ts"
|
|
5564
|
-
}
|
|
5565
|
-
}
|
|
5566
|
-
]
|
|
5567
|
-
},
|
|
5568
|
-
{
|
|
5569
|
-
"kind": "javascript-module",
|
|
5570
|
-
"path": "src/react-components/collapsable.ts",
|
|
5571
|
-
"declarations": [
|
|
5572
|
-
{
|
|
5573
|
-
"kind": "variable",
|
|
5574
|
-
"name": "Collapsable"
|
|
5575
|
-
}
|
|
5576
|
-
],
|
|
5577
|
-
"exports": [
|
|
5578
|
-
{
|
|
5579
|
-
"kind": "js",
|
|
5580
|
-
"name": "Collapsable",
|
|
5581
|
-
"declaration": {
|
|
5582
|
-
"name": "Collapsable",
|
|
5583
|
-
"module": "src/react-components/collapsable.ts"
|
|
5584
|
-
}
|
|
5585
|
-
},
|
|
5586
|
-
{
|
|
5587
|
-
"kind": "js",
|
|
5588
|
-
"name": "ButtonVariant",
|
|
5589
|
-
"declaration": {
|
|
5590
|
-
"name": "ButtonVariant",
|
|
5591
|
-
"module": "../atoms/collapsable/collapsable.component"
|
|
5592
|
-
}
|
|
5593
|
-
}
|
|
5594
|
-
]
|
|
5595
|
-
},
|
|
5596
|
-
{
|
|
5597
|
-
"kind": "javascript-module",
|
|
5598
|
-
"path": "src/react-components/dialog.ts",
|
|
5599
|
-
"declarations": [
|
|
5600
|
-
{
|
|
5601
|
-
"kind": "variable",
|
|
5602
|
-
"name": "Dialog"
|
|
5603
|
-
}
|
|
5604
|
-
],
|
|
5605
|
-
"exports": [
|
|
5606
|
-
{
|
|
5607
|
-
"kind": "js",
|
|
5608
|
-
"name": "Dialog",
|
|
5609
|
-
"declaration": {
|
|
5610
|
-
"name": "Dialog",
|
|
5611
|
-
"module": "src/react-components/dialog.ts"
|
|
5612
|
-
}
|
|
5613
|
-
}
|
|
5614
|
-
]
|
|
5615
|
-
},
|
|
5616
|
-
{
|
|
5617
|
-
"kind": "javascript-module",
|
|
5618
|
-
"path": "src/react-components/dynamic-payment.ts",
|
|
5619
|
-
"declarations": [
|
|
5620
|
-
{
|
|
5621
|
-
"kind": "variable",
|
|
5622
|
-
"name": "DynamicPayment"
|
|
5623
|
-
}
|
|
5624
|
-
],
|
|
5625
|
-
"exports": [
|
|
5626
|
-
{
|
|
5627
|
-
"kind": "js",
|
|
5628
|
-
"name": "DynamicPayment",
|
|
5629
|
-
"declaration": {
|
|
5630
|
-
"name": "DynamicPayment",
|
|
5631
|
-
"module": "src/react-components/dynamic-payment.ts"
|
|
5632
|
-
}
|
|
5633
|
-
}
|
|
5634
|
-
]
|
|
5635
|
-
},
|
|
5636
|
-
{
|
|
5637
|
-
"kind": "javascript-module",
|
|
5638
|
-
"path": "src/react-components/error-message-container.ts",
|
|
5639
|
-
"declarations": [
|
|
5640
|
-
{
|
|
5641
|
-
"kind": "variable",
|
|
5642
|
-
"name": "ErrorMessageContainer"
|
|
5643
|
-
}
|
|
5644
|
-
],
|
|
5645
|
-
"exports": [
|
|
5646
|
-
{
|
|
5647
|
-
"kind": "js",
|
|
5648
|
-
"name": "ErrorMessageContainer",
|
|
5649
|
-
"declaration": {
|
|
5650
|
-
"name": "ErrorMessageContainer",
|
|
5651
|
-
"module": "src/react-components/error-message-container.ts"
|
|
5652
|
-
}
|
|
5653
|
-
}
|
|
5654
|
-
]
|
|
5655
|
-
},
|
|
5656
|
-
{
|
|
5657
|
-
"kind": "javascript-module",
|
|
5658
|
-
"path": "src/react-components/error-message.ts",
|
|
5659
|
-
"declarations": [
|
|
5660
|
-
{
|
|
5661
|
-
"kind": "variable",
|
|
5662
|
-
"name": "ErrorMessage"
|
|
5663
|
-
}
|
|
5664
|
-
],
|
|
5665
|
-
"exports": [
|
|
5666
|
-
{
|
|
5667
|
-
"kind": "js",
|
|
5668
|
-
"name": "ErrorMessage",
|
|
5669
|
-
"declaration": {
|
|
5670
|
-
"name": "ErrorMessage",
|
|
5671
|
-
"module": "src/react-components/error-message.ts"
|
|
5672
|
-
}
|
|
5673
|
-
}
|
|
5674
|
-
]
|
|
5675
|
-
},
|
|
5676
|
-
{
|
|
5677
|
-
"kind": "javascript-module",
|
|
5678
|
-
"path": "src/react-components/icon.ts",
|
|
5679
|
-
"declarations": [
|
|
5680
|
-
{
|
|
5681
|
-
"kind": "variable",
|
|
5682
|
-
"name": "Icon"
|
|
5683
|
-
}
|
|
5684
|
-
],
|
|
5685
|
-
"exports": [
|
|
5686
|
-
{
|
|
5687
|
-
"kind": "js",
|
|
5688
|
-
"name": "Icon",
|
|
5689
|
-
"declaration": {
|
|
5690
|
-
"name": "Icon",
|
|
5691
|
-
"module": "src/react-components/icon.ts"
|
|
5692
|
-
}
|
|
5693
|
-
}
|
|
5694
|
-
]
|
|
5695
|
-
},
|
|
5696
|
-
{
|
|
5697
|
-
"kind": "javascript-module",
|
|
5698
|
-
"path": "src/react-components/index.ts",
|
|
5699
|
-
"declarations": [],
|
|
5700
|
-
"exports": [
|
|
5701
|
-
{
|
|
5702
|
-
"kind": "js",
|
|
5703
|
-
"name": "PrimerCheckout",
|
|
5704
|
-
"declaration": {
|
|
5705
|
-
"name": "PrimerCheckout",
|
|
5706
|
-
"module": "./checkout"
|
|
5707
|
-
}
|
|
5708
|
-
},
|
|
5709
|
-
{
|
|
5710
|
-
"kind": "js",
|
|
5711
|
-
"name": "CheckoutState",
|
|
5712
|
-
"declaration": {
|
|
5713
|
-
"name": "CheckoutState",
|
|
5714
|
-
"module": "./checkout-state"
|
|
5715
|
-
}
|
|
5716
|
-
},
|
|
5717
|
-
{
|
|
5718
|
-
"kind": "js",
|
|
5719
|
-
"name": "Collapsable",
|
|
5720
|
-
"declaration": {
|
|
5721
|
-
"name": "Collapsable",
|
|
5722
|
-
"module": "./collapsable"
|
|
5723
|
-
}
|
|
5724
|
-
},
|
|
5725
|
-
{
|
|
5726
|
-
"kind": "js",
|
|
5727
|
-
"name": "Dialog",
|
|
5728
|
-
"declaration": {
|
|
5729
|
-
"name": "Dialog",
|
|
5730
|
-
"module": "./dialog"
|
|
5731
|
-
}
|
|
5732
|
-
},
|
|
5733
|
-
{
|
|
5734
|
-
"kind": "js",
|
|
5735
|
-
"name": "ErrorMessage",
|
|
5736
|
-
"declaration": {
|
|
5737
|
-
"name": "ErrorMessage",
|
|
5738
|
-
"module": "./error-message"
|
|
5739
|
-
}
|
|
5740
|
-
},
|
|
5741
|
-
{
|
|
5742
|
-
"kind": "js",
|
|
5743
|
-
"name": "Icon",
|
|
5744
|
-
"declaration": {
|
|
5745
|
-
"name": "Icon",
|
|
5746
|
-
"module": "./icon"
|
|
5747
|
-
}
|
|
5748
|
-
},
|
|
5749
|
-
{
|
|
5750
|
-
"kind": "js",
|
|
5751
|
-
"name": "Input",
|
|
5752
|
-
"declaration": {
|
|
5753
|
-
"name": "Input",
|
|
5754
|
-
"module": "./input"
|
|
5755
|
-
}
|
|
5756
|
-
},
|
|
5757
|
-
{
|
|
5758
|
-
"kind": "js",
|
|
5759
|
-
"name": "InputError",
|
|
5760
|
-
"declaration": {
|
|
5761
|
-
"name": "InputError",
|
|
5762
|
-
"module": "./input-error"
|
|
5763
|
-
}
|
|
5764
|
-
},
|
|
5765
|
-
{
|
|
5766
|
-
"kind": "js",
|
|
5767
|
-
"name": "InputLabel",
|
|
5768
|
-
"declaration": {
|
|
5769
|
-
"name": "InputLabel",
|
|
5770
|
-
"module": "./input-label"
|
|
5771
|
-
}
|
|
5772
|
-
},
|
|
5773
|
-
{
|
|
5774
|
-
"kind": "js",
|
|
5775
|
-
"name": "InputWrapper",
|
|
5776
|
-
"declaration": {
|
|
5777
|
-
"name": "InputWrapper",
|
|
5778
|
-
"module": "./input-wrapper"
|
|
5779
|
-
}
|
|
5780
|
-
},
|
|
5781
|
-
{
|
|
5782
|
-
"kind": "js",
|
|
5783
|
-
"name": "Portal",
|
|
5784
|
-
"declaration": {
|
|
5785
|
-
"name": "Portal",
|
|
5786
|
-
"module": "./portal"
|
|
5787
|
-
}
|
|
5788
|
-
},
|
|
5789
|
-
{
|
|
5790
|
-
"kind": "js",
|
|
5791
|
-
"name": "Spinner",
|
|
5792
|
-
"declaration": {
|
|
5793
|
-
"name": "Spinner",
|
|
5794
|
-
"module": "./spinner"
|
|
5795
|
-
}
|
|
5796
|
-
},
|
|
5797
|
-
{
|
|
5798
|
-
"kind": "js",
|
|
5799
|
-
"name": "Button",
|
|
5800
|
-
"declaration": {
|
|
5801
|
-
"name": "Button",
|
|
5802
|
-
"module": "./button"
|
|
5803
|
-
}
|
|
5804
|
-
},
|
|
5805
|
-
{
|
|
5806
|
-
"kind": "js",
|
|
5807
|
-
"name": "AchPayment",
|
|
5808
|
-
"declaration": {
|
|
5809
|
-
"name": "AchPayment",
|
|
5810
|
-
"module": "./ach-payment"
|
|
5811
|
-
}
|
|
5812
|
-
},
|
|
5813
|
-
{
|
|
5814
|
-
"kind": "js",
|
|
5815
|
-
"name": "CardForm",
|
|
5816
|
-
"declaration": {
|
|
5817
|
-
"name": "CardForm",
|
|
5818
|
-
"module": "./card-form"
|
|
5819
|
-
}
|
|
5820
|
-
},
|
|
5821
|
-
{
|
|
5822
|
-
"kind": "js",
|
|
5823
|
-
"name": "CardFormSubmit",
|
|
5824
|
-
"declaration": {
|
|
5825
|
-
"name": "CardFormSubmit",
|
|
5826
|
-
"module": "./card-form-submit"
|
|
5827
|
-
}
|
|
5828
|
-
},
|
|
5829
|
-
{
|
|
5830
|
-
"kind": "js",
|
|
5831
|
-
"name": "CardNetworkSelector",
|
|
5832
|
-
"declaration": {
|
|
5833
|
-
"name": "CardNetworkSelector",
|
|
5834
|
-
"module": "./card-network-selector"
|
|
5835
|
-
}
|
|
5836
|
-
},
|
|
5837
|
-
{
|
|
5838
|
-
"kind": "js",
|
|
5839
|
-
"name": "InputCardHolderName",
|
|
5840
|
-
"declaration": {
|
|
5841
|
-
"name": "InputCardHolderName",
|
|
5842
|
-
"module": "./input-card-holder-name"
|
|
5843
|
-
}
|
|
5844
|
-
},
|
|
5845
|
-
{
|
|
5846
|
-
"kind": "js",
|
|
5847
|
-
"name": "InputCardExpiry",
|
|
5848
|
-
"declaration": {
|
|
5849
|
-
"name": "InputCardExpiry",
|
|
5850
|
-
"module": "./input-card-expiry"
|
|
5851
|
-
}
|
|
5852
|
-
},
|
|
5853
|
-
{
|
|
5854
|
-
"kind": "js",
|
|
5855
|
-
"name": "InputCvv",
|
|
5856
|
-
"declaration": {
|
|
5857
|
-
"name": "InputCvv",
|
|
5858
|
-
"module": "./input-cvv"
|
|
5859
|
-
}
|
|
5860
|
-
},
|
|
5861
|
-
{
|
|
5862
|
-
"kind": "js",
|
|
5863
|
-
"name": "InputCardNumber",
|
|
5864
|
-
"declaration": {
|
|
5865
|
-
"name": "InputCardNumber",
|
|
5866
|
-
"module": "./input-card-number"
|
|
5867
|
-
}
|
|
5868
|
-
},
|
|
5869
|
-
{
|
|
5870
|
-
"kind": "js",
|
|
5871
|
-
"name": "DynamicPayment",
|
|
5872
|
-
"declaration": {
|
|
5873
|
-
"name": "DynamicPayment",
|
|
5874
|
-
"module": "./dynamic-payment"
|
|
5875
|
-
}
|
|
5876
|
-
},
|
|
5877
|
-
{
|
|
5878
|
-
"kind": "js",
|
|
5879
|
-
"name": "ErrorMessageContainer",
|
|
5880
|
-
"declaration": {
|
|
5881
|
-
"name": "ErrorMessageContainer",
|
|
5882
|
-
"module": "./error-message-container"
|
|
5883
|
-
}
|
|
5884
|
-
},
|
|
5885
|
-
{
|
|
5886
|
-
"kind": "js",
|
|
5887
|
-
"name": "Klarna",
|
|
5888
|
-
"declaration": {
|
|
5889
|
-
"name": "Klarna",
|
|
5890
|
-
"module": "./klarna"
|
|
5891
|
-
}
|
|
5892
|
-
},
|
|
5893
|
-
{
|
|
5894
|
-
"kind": "js",
|
|
5895
|
-
"name": "NativePayment",
|
|
5896
|
-
"declaration": {
|
|
5897
|
-
"name": "NativePayment",
|
|
5898
|
-
"module": "./native-payment"
|
|
5899
|
-
}
|
|
5900
|
-
},
|
|
5901
|
-
{
|
|
5902
|
-
"kind": "js",
|
|
5903
|
-
"name": "PaymentMethod",
|
|
5904
|
-
"declaration": {
|
|
5905
|
-
"name": "PaymentMethod",
|
|
5906
|
-
"module": "./payment-method"
|
|
5907
|
-
}
|
|
5908
|
-
},
|
|
5909
|
-
{
|
|
5910
|
-
"kind": "js",
|
|
5911
|
-
"name": "PrimerCheckoutComplete",
|
|
5912
|
-
"declaration": {
|
|
5913
|
-
"name": "PrimerCheckoutComplete",
|
|
5914
|
-
"module": "./primer-checkout-complete"
|
|
5915
|
-
}
|
|
5916
|
-
},
|
|
5917
|
-
{
|
|
5918
|
-
"kind": "js",
|
|
5919
|
-
"name": "PrimerCheckoutError",
|
|
5920
|
-
"declaration": {
|
|
5921
|
-
"name": "PrimerCheckoutError",
|
|
5922
|
-
"module": "./primer-checkout-error"
|
|
5923
|
-
}
|
|
5924
|
-
},
|
|
5925
|
-
{
|
|
5926
|
-
"kind": "js",
|
|
5927
|
-
"name": "PrimerMain",
|
|
5928
|
-
"declaration": {
|
|
5929
|
-
"name": "PrimerMain",
|
|
5930
|
-
"module": "./primer-main"
|
|
5931
|
-
}
|
|
5932
|
-
},
|
|
5933
|
-
{
|
|
5934
|
-
"kind": "js",
|
|
5935
|
-
"name": "RedirectPayment",
|
|
5936
|
-
"declaration": {
|
|
5937
|
-
"name": "RedirectPayment",
|
|
5938
|
-
"module": "./redirect-payment"
|
|
5939
|
-
}
|
|
5940
|
-
},
|
|
5941
|
-
{
|
|
5942
|
-
"kind": "js",
|
|
5943
|
-
"name": "ShowOtherPayments",
|
|
5944
|
-
"declaration": {
|
|
5945
|
-
"name": "ShowOtherPayments",
|
|
5946
|
-
"module": "./show-other-payments"
|
|
5947
|
-
}
|
|
5948
|
-
},
|
|
5949
|
-
{
|
|
5950
|
-
"kind": "js",
|
|
5951
|
-
"name": "VaultManager",
|
|
5952
|
-
"declaration": {
|
|
5953
|
-
"name": "VaultManager",
|
|
5954
|
-
"module": "./vault-manager"
|
|
5955
|
-
}
|
|
5956
|
-
}
|
|
5957
|
-
]
|
|
5958
|
-
},
|
|
5959
|
-
{
|
|
5960
|
-
"kind": "javascript-module",
|
|
5961
|
-
"path": "src/react-components/input-card-expiry.ts",
|
|
5962
|
-
"declarations": [
|
|
5963
|
-
{
|
|
5964
|
-
"kind": "variable",
|
|
5965
|
-
"name": "InputCardExpiry"
|
|
5966
|
-
}
|
|
5967
|
-
],
|
|
5968
|
-
"exports": [
|
|
5969
|
-
{
|
|
5970
|
-
"kind": "js",
|
|
5971
|
-
"name": "InputCardExpiry",
|
|
5972
|
-
"declaration": {
|
|
5973
|
-
"name": "InputCardExpiry",
|
|
5974
|
-
"module": "src/react-components/input-card-expiry.ts"
|
|
5975
|
-
}
|
|
5976
|
-
}
|
|
5977
|
-
]
|
|
5978
|
-
},
|
|
5979
|
-
{
|
|
5980
|
-
"kind": "javascript-module",
|
|
5981
|
-
"path": "src/react-components/input-card-holder-name.ts",
|
|
5982
|
-
"declarations": [
|
|
5983
|
-
{
|
|
5984
|
-
"kind": "variable",
|
|
5985
|
-
"name": "InputCardHolderName"
|
|
5986
|
-
}
|
|
5987
|
-
],
|
|
5988
|
-
"exports": [
|
|
5989
|
-
{
|
|
5990
|
-
"kind": "js",
|
|
5991
|
-
"name": "InputCardHolderName",
|
|
5992
|
-
"declaration": {
|
|
5993
|
-
"name": "InputCardHolderName",
|
|
5994
|
-
"module": "src/react-components/input-card-holder-name.ts"
|
|
5995
|
-
}
|
|
5996
|
-
}
|
|
5997
|
-
]
|
|
5998
|
-
},
|
|
5999
|
-
{
|
|
6000
|
-
"kind": "javascript-module",
|
|
6001
|
-
"path": "src/react-components/input-card-number.ts",
|
|
6002
|
-
"declarations": [
|
|
6003
|
-
{
|
|
6004
|
-
"kind": "variable",
|
|
6005
|
-
"name": "InputCardNumber"
|
|
6006
|
-
}
|
|
6007
|
-
],
|
|
6008
|
-
"exports": [
|
|
6009
|
-
{
|
|
6010
|
-
"kind": "js",
|
|
6011
|
-
"name": "InputCardNumber",
|
|
6012
|
-
"declaration": {
|
|
6013
|
-
"name": "InputCardNumber",
|
|
6014
|
-
"module": "src/react-components/input-card-number.ts"
|
|
6015
|
-
}
|
|
6016
|
-
}
|
|
6017
|
-
]
|
|
6018
|
-
},
|
|
6019
|
-
{
|
|
6020
|
-
"kind": "javascript-module",
|
|
6021
|
-
"path": "src/react-components/input-cvv.ts",
|
|
6022
|
-
"declarations": [
|
|
6023
|
-
{
|
|
6024
|
-
"kind": "variable",
|
|
6025
|
-
"name": "InputCvv"
|
|
6026
|
-
}
|
|
6027
|
-
],
|
|
6028
|
-
"exports": [
|
|
6029
|
-
{
|
|
6030
|
-
"kind": "js",
|
|
6031
|
-
"name": "InputCvv",
|
|
6032
|
-
"declaration": {
|
|
6033
|
-
"name": "InputCvv",
|
|
6034
|
-
"module": "src/react-components/input-cvv.ts"
|
|
6035
|
-
}
|
|
6036
|
-
}
|
|
6037
|
-
]
|
|
6038
|
-
},
|
|
6039
|
-
{
|
|
6040
|
-
"kind": "javascript-module",
|
|
6041
|
-
"path": "src/react-components/input-error.ts",
|
|
6042
|
-
"declarations": [
|
|
6043
|
-
{
|
|
6044
|
-
"kind": "variable",
|
|
6045
|
-
"name": "InputError"
|
|
6046
|
-
}
|
|
6047
|
-
],
|
|
6048
|
-
"exports": [
|
|
6049
|
-
{
|
|
6050
|
-
"kind": "js",
|
|
6051
|
-
"name": "InputError",
|
|
6052
|
-
"declaration": {
|
|
6053
|
-
"name": "InputError",
|
|
6054
|
-
"module": "src/react-components/input-error.ts"
|
|
6055
|
-
}
|
|
6056
|
-
}
|
|
6057
|
-
]
|
|
6058
|
-
},
|
|
6059
|
-
{
|
|
6060
|
-
"kind": "javascript-module",
|
|
6061
|
-
"path": "src/react-components/input-label.ts",
|
|
6062
|
-
"declarations": [
|
|
6063
|
-
{
|
|
6064
|
-
"kind": "variable",
|
|
6065
|
-
"name": "InputLabel"
|
|
6066
|
-
}
|
|
6067
|
-
],
|
|
6068
|
-
"exports": [
|
|
6069
|
-
{
|
|
6070
|
-
"kind": "js",
|
|
6071
|
-
"name": "InputLabel",
|
|
6072
|
-
"declaration": {
|
|
6073
|
-
"name": "InputLabel",
|
|
6074
|
-
"module": "src/react-components/input-label.ts"
|
|
6075
|
-
}
|
|
6076
|
-
}
|
|
6077
|
-
]
|
|
6078
|
-
},
|
|
6079
|
-
{
|
|
6080
|
-
"kind": "javascript-module",
|
|
6081
|
-
"path": "src/react-components/input-wrapper.ts",
|
|
6082
|
-
"declarations": [
|
|
6083
|
-
{
|
|
6084
|
-
"kind": "variable",
|
|
6085
|
-
"name": "InputWrapper"
|
|
6086
|
-
}
|
|
6087
|
-
],
|
|
6088
|
-
"exports": [
|
|
6089
|
-
{
|
|
6090
|
-
"kind": "js",
|
|
6091
|
-
"name": "InputWrapper",
|
|
6092
|
-
"declaration": {
|
|
6093
|
-
"name": "InputWrapper",
|
|
6094
|
-
"module": "src/react-components/input-wrapper.ts"
|
|
6095
|
-
}
|
|
6096
|
-
}
|
|
6097
|
-
]
|
|
6098
|
-
},
|
|
6099
|
-
{
|
|
6100
|
-
"kind": "javascript-module",
|
|
6101
|
-
"path": "src/react-components/input.ts",
|
|
6102
|
-
"declarations": [
|
|
6103
|
-
{
|
|
6104
|
-
"kind": "variable",
|
|
6105
|
-
"name": "Input"
|
|
6106
|
-
}
|
|
6107
|
-
],
|
|
6108
|
-
"exports": [
|
|
6109
|
-
{
|
|
6110
|
-
"kind": "js",
|
|
6111
|
-
"name": "Input",
|
|
6112
|
-
"declaration": {
|
|
6113
|
-
"name": "Input",
|
|
6114
|
-
"module": "src/react-components/input.ts"
|
|
6115
|
-
}
|
|
6116
|
-
},
|
|
6117
|
-
{
|
|
6118
|
-
"kind": "js",
|
|
6119
|
-
"name": "InputType",
|
|
6120
|
-
"declaration": {
|
|
6121
|
-
"name": "InputType",
|
|
6122
|
-
"module": "../atoms/input/input.component"
|
|
6123
|
-
}
|
|
6124
|
-
},
|
|
6125
|
-
{
|
|
6126
|
-
"kind": "js",
|
|
6127
|
-
"name": "InputEventMap",
|
|
6128
|
-
"declaration": {
|
|
6129
|
-
"name": "InputEventMap",
|
|
6130
|
-
"module": "../atoms/input/input.component"
|
|
6131
|
-
}
|
|
6132
|
-
}
|
|
6133
|
-
]
|
|
6134
|
-
},
|
|
6135
|
-
{
|
|
6136
|
-
"kind": "javascript-module",
|
|
6137
|
-
"path": "src/react-components/klarna.ts",
|
|
6138
|
-
"declarations": [
|
|
6139
|
-
{
|
|
6140
|
-
"kind": "variable",
|
|
6141
|
-
"name": "Klarna"
|
|
6142
|
-
}
|
|
6143
|
-
],
|
|
6144
|
-
"exports": [
|
|
6145
|
-
{
|
|
6146
|
-
"kind": "js",
|
|
6147
|
-
"name": "Klarna",
|
|
6148
|
-
"declaration": {
|
|
6149
|
-
"name": "Klarna",
|
|
6150
|
-
"module": "src/react-components/klarna.ts"
|
|
6151
|
-
}
|
|
6152
|
-
}
|
|
6153
|
-
]
|
|
6154
|
-
},
|
|
6155
|
-
{
|
|
6156
|
-
"kind": "javascript-module",
|
|
6157
|
-
"path": "src/react-components/native-payment.ts",
|
|
6158
|
-
"declarations": [
|
|
6159
|
-
{
|
|
6160
|
-
"kind": "variable",
|
|
6161
|
-
"name": "NativePayment"
|
|
6162
|
-
}
|
|
6163
|
-
],
|
|
6164
|
-
"exports": [
|
|
6165
|
-
{
|
|
6166
|
-
"kind": "js",
|
|
6167
|
-
"name": "NativePayment",
|
|
6168
|
-
"declaration": {
|
|
6169
|
-
"name": "NativePayment",
|
|
6170
|
-
"module": "src/react-components/native-payment.ts"
|
|
6171
|
-
}
|
|
6172
|
-
}
|
|
6173
|
-
]
|
|
6174
|
-
},
|
|
6175
|
-
{
|
|
6176
|
-
"kind": "javascript-module",
|
|
6177
|
-
"path": "src/react-components/payment-method.ts",
|
|
6178
|
-
"declarations": [
|
|
6179
|
-
{
|
|
6180
|
-
"kind": "variable",
|
|
6181
|
-
"name": "PaymentMethod"
|
|
6182
|
-
}
|
|
6183
|
-
],
|
|
6184
|
-
"exports": [
|
|
6185
|
-
{
|
|
6186
|
-
"kind": "js",
|
|
6187
|
-
"name": "PaymentMethod",
|
|
6188
|
-
"declaration": {
|
|
6189
|
-
"name": "PaymentMethod",
|
|
6190
|
-
"module": "src/react-components/payment-method.ts"
|
|
6191
|
-
}
|
|
6192
|
-
}
|
|
6193
|
-
]
|
|
6194
|
-
},
|
|
6195
|
-
{
|
|
6196
|
-
"kind": "javascript-module",
|
|
6197
|
-
"path": "src/react-components/portal.ts",
|
|
6198
|
-
"declarations": [
|
|
6199
|
-
{
|
|
6200
|
-
"kind": "variable",
|
|
6201
|
-
"name": "Portal"
|
|
6202
|
-
}
|
|
6203
|
-
],
|
|
6204
|
-
"exports": [
|
|
6205
|
-
{
|
|
6206
|
-
"kind": "js",
|
|
6207
|
-
"name": "Portal",
|
|
6208
|
-
"declaration": {
|
|
6209
|
-
"name": "Portal",
|
|
6210
|
-
"module": "src/react-components/portal.ts"
|
|
6211
|
-
}
|
|
6212
|
-
}
|
|
6213
|
-
]
|
|
6214
|
-
},
|
|
6215
|
-
{
|
|
6216
|
-
"kind": "javascript-module",
|
|
6217
|
-
"path": "src/react-components/primer-checkout-complete.ts",
|
|
6218
|
-
"declarations": [
|
|
6219
|
-
{
|
|
6220
|
-
"kind": "variable",
|
|
6221
|
-
"name": "PrimerCheckoutComplete"
|
|
6222
|
-
}
|
|
6223
|
-
],
|
|
6224
|
-
"exports": [
|
|
6225
|
-
{
|
|
6226
|
-
"kind": "js",
|
|
6227
|
-
"name": "PrimerCheckoutComplete",
|
|
6228
|
-
"declaration": {
|
|
6229
|
-
"name": "PrimerCheckoutComplete",
|
|
6230
|
-
"module": "src/react-components/primer-checkout-complete.ts"
|
|
6231
|
-
}
|
|
6232
|
-
}
|
|
6233
|
-
]
|
|
6234
|
-
},
|
|
6235
|
-
{
|
|
6236
|
-
"kind": "javascript-module",
|
|
6237
|
-
"path": "src/react-components/primer-checkout-error.ts",
|
|
6238
|
-
"declarations": [
|
|
6239
|
-
{
|
|
6240
|
-
"kind": "variable",
|
|
6241
|
-
"name": "PrimerCheckoutError"
|
|
6242
|
-
}
|
|
6243
|
-
],
|
|
6244
|
-
"exports": [
|
|
6245
|
-
{
|
|
6246
|
-
"kind": "js",
|
|
6247
|
-
"name": "PrimerCheckoutError",
|
|
6248
|
-
"declaration": {
|
|
6249
|
-
"name": "PrimerCheckoutError",
|
|
6250
|
-
"module": "src/react-components/primer-checkout-error.ts"
|
|
6251
|
-
}
|
|
6252
|
-
}
|
|
6253
|
-
]
|
|
6254
|
-
},
|
|
6255
|
-
{
|
|
6256
|
-
"kind": "javascript-module",
|
|
6257
|
-
"path": "src/react-components/primer-main.ts",
|
|
6258
|
-
"declarations": [
|
|
6259
|
-
{
|
|
6260
|
-
"kind": "variable",
|
|
6261
|
-
"name": "PrimerMain"
|
|
6262
|
-
}
|
|
6263
|
-
],
|
|
6264
|
-
"exports": [
|
|
6265
|
-
{
|
|
6266
|
-
"kind": "js",
|
|
6267
|
-
"name": "PrimerMain",
|
|
6268
|
-
"declaration": {
|
|
6269
|
-
"name": "PrimerMain",
|
|
6270
|
-
"module": "src/react-components/primer-main.ts"
|
|
6271
|
-
}
|
|
6272
|
-
}
|
|
6273
|
-
]
|
|
6274
|
-
},
|
|
6275
|
-
{
|
|
6276
|
-
"kind": "javascript-module",
|
|
6277
|
-
"path": "src/react-components/redirect-payment.ts",
|
|
6278
|
-
"declarations": [
|
|
6279
|
-
{
|
|
6280
|
-
"kind": "variable",
|
|
6281
|
-
"name": "RedirectPayment"
|
|
6282
|
-
}
|
|
6283
|
-
],
|
|
6284
|
-
"exports": [
|
|
6285
|
-
{
|
|
6286
|
-
"kind": "js",
|
|
6287
|
-
"name": "RedirectPayment",
|
|
6288
|
-
"declaration": {
|
|
6289
|
-
"name": "RedirectPayment",
|
|
6290
|
-
"module": "src/react-components/redirect-payment.ts"
|
|
6291
|
-
}
|
|
6292
|
-
}
|
|
6293
|
-
]
|
|
6294
|
-
},
|
|
6295
|
-
{
|
|
6296
|
-
"kind": "javascript-module",
|
|
6297
|
-
"path": "src/react-components/show-other-payments.ts",
|
|
6298
|
-
"declarations": [
|
|
6299
|
-
{
|
|
6300
|
-
"kind": "variable",
|
|
6301
|
-
"name": "ShowOtherPayments"
|
|
4571
|
+
{
|
|
4572
|
+
"name": "value",
|
|
4573
|
+
"type": {
|
|
4574
|
+
"text": "VaultItemContextType"
|
|
4575
|
+
}
|
|
4576
|
+
}
|
|
4577
|
+
]
|
|
4578
|
+
}
|
|
4579
|
+
]
|
|
6302
4580
|
}
|
|
6303
4581
|
],
|
|
6304
4582
|
"exports": [
|
|
6305
4583
|
{
|
|
6306
4584
|
"kind": "js",
|
|
6307
|
-
"name": "
|
|
4585
|
+
"name": "SDKContextController",
|
|
6308
4586
|
"declaration": {
|
|
6309
|
-
"name": "
|
|
6310
|
-
"module": "src/
|
|
4587
|
+
"name": "SDKContextController",
|
|
4588
|
+
"module": "src/controllers/sdk-context-controller.ts"
|
|
6311
4589
|
}
|
|
6312
4590
|
}
|
|
6313
4591
|
]
|
|
6314
4592
|
},
|
|
6315
4593
|
{
|
|
6316
4594
|
"kind": "javascript-module",
|
|
6317
|
-
"path": "src/
|
|
4595
|
+
"path": "src/controllers/sdk-state-controller.ts",
|
|
6318
4596
|
"declarations": [
|
|
6319
4597
|
{
|
|
6320
4598
|
"kind": "variable",
|
|
6321
|
-
"name": "
|
|
4599
|
+
"name": "initialSDKState",
|
|
4600
|
+
"type": {
|
|
4601
|
+
"text": "SdkState"
|
|
4602
|
+
},
|
|
4603
|
+
"default": "{ isSuccessful: false, isProcessing: false, isLoading: false, error: null, failure: null, }"
|
|
4604
|
+
},
|
|
4605
|
+
{
|
|
4606
|
+
"kind": "class",
|
|
4607
|
+
"description": "",
|
|
4608
|
+
"name": "SdkStateController",
|
|
4609
|
+
"members": [
|
|
4610
|
+
{
|
|
4611
|
+
"kind": "method",
|
|
4612
|
+
"name": "startLoading"
|
|
4613
|
+
},
|
|
4614
|
+
{
|
|
4615
|
+
"kind": "method",
|
|
4616
|
+
"name": "startProcessing"
|
|
4617
|
+
},
|
|
4618
|
+
{
|
|
4619
|
+
"kind": "method",
|
|
4620
|
+
"name": "stopProcessing"
|
|
4621
|
+
},
|
|
4622
|
+
{
|
|
4623
|
+
"kind": "method",
|
|
4624
|
+
"name": "completeProcessing"
|
|
4625
|
+
},
|
|
4626
|
+
{
|
|
4627
|
+
"kind": "method",
|
|
4628
|
+
"name": "completeLoading"
|
|
4629
|
+
},
|
|
4630
|
+
{
|
|
4631
|
+
"kind": "method",
|
|
4632
|
+
"name": "setError",
|
|
4633
|
+
"parameters": [
|
|
4634
|
+
{
|
|
4635
|
+
"name": "error",
|
|
4636
|
+
"type": {
|
|
4637
|
+
"text": "Error"
|
|
4638
|
+
}
|
|
4639
|
+
}
|
|
4640
|
+
]
|
|
4641
|
+
},
|
|
4642
|
+
{
|
|
4643
|
+
"kind": "method",
|
|
4644
|
+
"name": "setFailure",
|
|
4645
|
+
"parameters": [
|
|
4646
|
+
{
|
|
4647
|
+
"name": "code",
|
|
4648
|
+
"type": {
|
|
4649
|
+
"text": "string"
|
|
4650
|
+
}
|
|
4651
|
+
},
|
|
4652
|
+
{
|
|
4653
|
+
"name": "message",
|
|
4654
|
+
"type": {
|
|
4655
|
+
"text": "string"
|
|
4656
|
+
}
|
|
4657
|
+
},
|
|
4658
|
+
{
|
|
4659
|
+
"name": "details",
|
|
4660
|
+
"optional": true,
|
|
4661
|
+
"type": {
|
|
4662
|
+
"text": "Record<string, unknown>"
|
|
4663
|
+
}
|
|
4664
|
+
}
|
|
4665
|
+
]
|
|
4666
|
+
},
|
|
4667
|
+
{
|
|
4668
|
+
"kind": "method",
|
|
4669
|
+
"name": "reset"
|
|
4670
|
+
},
|
|
4671
|
+
{
|
|
4672
|
+
"kind": "method",
|
|
4673
|
+
"name": "resetError"
|
|
4674
|
+
},
|
|
4675
|
+
{
|
|
4676
|
+
"kind": "method",
|
|
4677
|
+
"name": "forceCompleteLoading"
|
|
4678
|
+
},
|
|
4679
|
+
{
|
|
4680
|
+
"kind": "field",
|
|
4681
|
+
"name": "_dispatcher",
|
|
4682
|
+
"type": {
|
|
4683
|
+
"text": "TypedDispatcher<State, Action, Callbacks>"
|
|
4684
|
+
},
|
|
4685
|
+
"privacy": "private",
|
|
4686
|
+
"inheritedFrom": {
|
|
4687
|
+
"name": "ReactiveStateController",
|
|
4688
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4689
|
+
}
|
|
4690
|
+
},
|
|
4691
|
+
{
|
|
4692
|
+
"kind": "field",
|
|
4693
|
+
"name": "currentState",
|
|
4694
|
+
"type": {
|
|
4695
|
+
"text": "Readonly<State>"
|
|
4696
|
+
},
|
|
4697
|
+
"privacy": "public",
|
|
4698
|
+
"readonly": true,
|
|
4699
|
+
"inheritedFrom": {
|
|
4700
|
+
"name": "ReactiveStateController",
|
|
4701
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4702
|
+
}
|
|
4703
|
+
},
|
|
4704
|
+
{
|
|
4705
|
+
"kind": "method",
|
|
4706
|
+
"name": "dispatch",
|
|
4707
|
+
"privacy": "protected",
|
|
4708
|
+
"return": {
|
|
4709
|
+
"type": {
|
|
4710
|
+
"text": "void"
|
|
4711
|
+
}
|
|
4712
|
+
},
|
|
4713
|
+
"parameters": [
|
|
4714
|
+
{
|
|
4715
|
+
"name": "action",
|
|
4716
|
+
"type": {
|
|
4717
|
+
"text": "Action"
|
|
4718
|
+
}
|
|
4719
|
+
}
|
|
4720
|
+
],
|
|
4721
|
+
"inheritedFrom": {
|
|
4722
|
+
"name": "ReactiveStateController",
|
|
4723
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4724
|
+
}
|
|
4725
|
+
},
|
|
4726
|
+
{
|
|
4727
|
+
"kind": "method",
|
|
4728
|
+
"name": "setCallbacks",
|
|
4729
|
+
"privacy": "protected",
|
|
4730
|
+
"return": {
|
|
4731
|
+
"type": {
|
|
4732
|
+
"text": "void"
|
|
4733
|
+
}
|
|
4734
|
+
},
|
|
4735
|
+
"parameters": [
|
|
4736
|
+
{
|
|
4737
|
+
"name": "callbacks",
|
|
4738
|
+
"type": {
|
|
4739
|
+
"text": "Partial<Callbacks>"
|
|
4740
|
+
}
|
|
4741
|
+
}
|
|
4742
|
+
],
|
|
4743
|
+
"inheritedFrom": {
|
|
4744
|
+
"name": "ReactiveStateController",
|
|
4745
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4746
|
+
}
|
|
4747
|
+
},
|
|
4748
|
+
{
|
|
4749
|
+
"kind": "method",
|
|
4750
|
+
"name": "hostConnected",
|
|
4751
|
+
"return": {
|
|
4752
|
+
"type": {
|
|
4753
|
+
"text": "void"
|
|
4754
|
+
}
|
|
4755
|
+
},
|
|
4756
|
+
"inheritedFrom": {
|
|
4757
|
+
"name": "ReactiveStateController",
|
|
4758
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4759
|
+
}
|
|
4760
|
+
},
|
|
4761
|
+
{
|
|
4762
|
+
"kind": "method",
|
|
4763
|
+
"name": "hostDisconnected",
|
|
4764
|
+
"return": {
|
|
4765
|
+
"type": {
|
|
4766
|
+
"text": "void"
|
|
4767
|
+
}
|
|
4768
|
+
},
|
|
4769
|
+
"inheritedFrom": {
|
|
4770
|
+
"name": "ReactiveStateController",
|
|
4771
|
+
"module": "src/controllers/reactive-state/index.ts"
|
|
4772
|
+
}
|
|
4773
|
+
}
|
|
4774
|
+
],
|
|
4775
|
+
"superclass": {
|
|
4776
|
+
"name": "ReactiveStateController",
|
|
4777
|
+
"module": "/src/controllers/reactive-state"
|
|
4778
|
+
}
|
|
6322
4779
|
}
|
|
6323
4780
|
],
|
|
6324
4781
|
"exports": [
|
|
6325
4782
|
{
|
|
6326
4783
|
"kind": "js",
|
|
6327
|
-
"name": "
|
|
4784
|
+
"name": "initialSDKState",
|
|
6328
4785
|
"declaration": {
|
|
6329
|
-
"name": "
|
|
6330
|
-
"module": "src/
|
|
4786
|
+
"name": "initialSDKState",
|
|
4787
|
+
"module": "src/controllers/sdk-state-controller.ts"
|
|
6331
4788
|
}
|
|
6332
4789
|
},
|
|
6333
4790
|
{
|
|
6334
4791
|
"kind": "js",
|
|
6335
|
-
"name": "
|
|
4792
|
+
"name": "SdkStateController",
|
|
6336
4793
|
"declaration": {
|
|
6337
|
-
"name": "
|
|
6338
|
-
"module": "
|
|
4794
|
+
"name": "SdkStateController",
|
|
4795
|
+
"module": "src/controllers/sdk-state-controller.ts"
|
|
6339
4796
|
}
|
|
6340
4797
|
}
|
|
6341
4798
|
]
|
|
6342
4799
|
},
|
|
6343
4800
|
{
|
|
6344
4801
|
"kind": "javascript-module",
|
|
6345
|
-
"path": "src/
|
|
4802
|
+
"path": "src/controllers/style-processing-controller.ts",
|
|
6346
4803
|
"declarations": [
|
|
6347
4804
|
{
|
|
6348
|
-
"kind": "
|
|
6349
|
-
"
|
|
4805
|
+
"kind": "class",
|
|
4806
|
+
"description": "Controller that handles processing and application of custom styles to Lit components.\nSafely converts JSON style objects to CSS variables applied to the host element.",
|
|
4807
|
+
"name": "StyleProcessingController",
|
|
4808
|
+
"members": [
|
|
4809
|
+
{
|
|
4810
|
+
"kind": "field",
|
|
4811
|
+
"name": "host",
|
|
4812
|
+
"type": {
|
|
4813
|
+
"text": "ReactiveControllerHost & LitElement"
|
|
4814
|
+
}
|
|
4815
|
+
},
|
|
4816
|
+
{
|
|
4817
|
+
"kind": "field",
|
|
4818
|
+
"name": "cssVarCache",
|
|
4819
|
+
"privacy": "private",
|
|
4820
|
+
"static": true,
|
|
4821
|
+
"default": "new Map<string, string>()"
|
|
4822
|
+
},
|
|
4823
|
+
{
|
|
4824
|
+
"kind": "method",
|
|
4825
|
+
"name": "processCustomStyles",
|
|
4826
|
+
"return": {
|
|
4827
|
+
"type": {
|
|
4828
|
+
"text": "void"
|
|
4829
|
+
}
|
|
4830
|
+
},
|
|
4831
|
+
"parameters": [
|
|
4832
|
+
{
|
|
4833
|
+
"name": "jsonString",
|
|
4834
|
+
"type": {
|
|
4835
|
+
"text": "string"
|
|
4836
|
+
},
|
|
4837
|
+
"description": "The JSON string representing custom styles."
|
|
4838
|
+
}
|
|
4839
|
+
],
|
|
4840
|
+
"description": "Processes the customStyles JSON string.\nExpected JSON contains only CSS variable properties in camelCase."
|
|
4841
|
+
},
|
|
4842
|
+
{
|
|
4843
|
+
"kind": "method",
|
|
4844
|
+
"name": "isValidCssProperty",
|
|
4845
|
+
"privacy": "private",
|
|
4846
|
+
"return": {
|
|
4847
|
+
"type": {
|
|
4848
|
+
"text": ""
|
|
4849
|
+
}
|
|
4850
|
+
},
|
|
4851
|
+
"parameters": [
|
|
4852
|
+
{
|
|
4853
|
+
"name": "property",
|
|
4854
|
+
"type": {
|
|
4855
|
+
"text": "string"
|
|
4856
|
+
},
|
|
4857
|
+
"description": "The CSS property name to validate."
|
|
4858
|
+
}
|
|
4859
|
+
],
|
|
4860
|
+
"description": "Validates a CSS property name to ensure it follows expected patterns."
|
|
4861
|
+
},
|
|
4862
|
+
{
|
|
4863
|
+
"kind": "method",
|
|
4864
|
+
"name": "isValidCssValue",
|
|
4865
|
+
"privacy": "private",
|
|
4866
|
+
"return": {
|
|
4867
|
+
"type": {
|
|
4868
|
+
"text": ""
|
|
4869
|
+
}
|
|
4870
|
+
},
|
|
4871
|
+
"parameters": [
|
|
4872
|
+
{
|
|
4873
|
+
"name": "value",
|
|
4874
|
+
"type": {
|
|
4875
|
+
"text": "string"
|
|
4876
|
+
},
|
|
4877
|
+
"description": "The CSS value to validate."
|
|
4878
|
+
}
|
|
4879
|
+
],
|
|
4880
|
+
"description": "Validates a CSS value to ensure it only contains safe, expected characters.\nAllowed characters include alphanumerics, whitespace, and common CSS punctuation.\nThis helps prevent CSS injection attacks."
|
|
4881
|
+
},
|
|
4882
|
+
{
|
|
4883
|
+
"kind": "method",
|
|
4884
|
+
"name": "getCssVarName",
|
|
4885
|
+
"privacy": "private",
|
|
4886
|
+
"return": {
|
|
4887
|
+
"type": {
|
|
4888
|
+
"text": ""
|
|
4889
|
+
}
|
|
4890
|
+
},
|
|
4891
|
+
"parameters": [
|
|
4892
|
+
{
|
|
4893
|
+
"name": "key",
|
|
4894
|
+
"type": {
|
|
4895
|
+
"text": "string"
|
|
4896
|
+
},
|
|
4897
|
+
"description": "The camelCase property key"
|
|
4898
|
+
}
|
|
4899
|
+
],
|
|
4900
|
+
"description": "Gets the CSS variable name for a camelCase property key.\nUses caching for performance."
|
|
4901
|
+
},
|
|
4902
|
+
{
|
|
4903
|
+
"kind": "method",
|
|
4904
|
+
"name": "applyStyles",
|
|
4905
|
+
"privacy": "private",
|
|
4906
|
+
"return": {
|
|
4907
|
+
"type": {
|
|
4908
|
+
"text": "void"
|
|
4909
|
+
}
|
|
4910
|
+
},
|
|
4911
|
+
"parameters": [
|
|
4912
|
+
{
|
|
4913
|
+
"name": "styles",
|
|
4914
|
+
"type": {
|
|
4915
|
+
"text": "StylesObject"
|
|
4916
|
+
},
|
|
4917
|
+
"description": "An object with style keys and corresponding CSS values."
|
|
4918
|
+
}
|
|
4919
|
+
],
|
|
4920
|
+
"description": "Transforms a styles object into CSS variables and applies them to the host element.\nEach key (in camelCase) is converted into a kebab-case CSS variable prefixed with '--'.\nOnly valid CSS properties and values are applied."
|
|
4921
|
+
},
|
|
4922
|
+
{
|
|
4923
|
+
"kind": "method",
|
|
4924
|
+
"name": "removeStyle",
|
|
4925
|
+
"return": {
|
|
4926
|
+
"type": {
|
|
4927
|
+
"text": "void"
|
|
4928
|
+
}
|
|
4929
|
+
},
|
|
4930
|
+
"parameters": [
|
|
4931
|
+
{
|
|
4932
|
+
"name": "key",
|
|
4933
|
+
"type": {
|
|
4934
|
+
"text": "string"
|
|
4935
|
+
},
|
|
4936
|
+
"description": "The camelCase property key to remove"
|
|
4937
|
+
}
|
|
4938
|
+
],
|
|
4939
|
+
"description": "Removes a specific CSS variable from the host element"
|
|
4940
|
+
},
|
|
4941
|
+
{
|
|
4942
|
+
"kind": "method",
|
|
4943
|
+
"name": "clearAllStyles",
|
|
4944
|
+
"return": {
|
|
4945
|
+
"type": {
|
|
4946
|
+
"text": "void"
|
|
4947
|
+
}
|
|
4948
|
+
},
|
|
4949
|
+
"description": "Removes all custom styles from the host element"
|
|
4950
|
+
},
|
|
4951
|
+
{
|
|
4952
|
+
"kind": "method",
|
|
4953
|
+
"name": "hostDisconnected",
|
|
4954
|
+
"return": {
|
|
4955
|
+
"type": {
|
|
4956
|
+
"text": "void"
|
|
4957
|
+
}
|
|
4958
|
+
},
|
|
4959
|
+
"description": "Optional cleanup when the host is disconnected"
|
|
4960
|
+
}
|
|
4961
|
+
]
|
|
6350
4962
|
}
|
|
6351
4963
|
],
|
|
6352
4964
|
"exports": [
|
|
6353
4965
|
{
|
|
6354
4966
|
"kind": "js",
|
|
6355
|
-
"name": "
|
|
4967
|
+
"name": "StyleProcessingController",
|
|
6356
4968
|
"declaration": {
|
|
6357
|
-
"name": "
|
|
6358
|
-
"module": "src/
|
|
4969
|
+
"name": "StyleProcessingController",
|
|
4970
|
+
"module": "src/controllers/style-processing-controller.ts"
|
|
6359
4971
|
}
|
|
6360
4972
|
}
|
|
6361
4973
|
]
|
|
@@ -6997,497 +5609,220 @@
|
|
|
6997
5609
|
},
|
|
6998
5610
|
{
|
|
6999
5611
|
"kind": "js",
|
|
7000
|
-
"name": "INativePaymentMethodManager",
|
|
7001
|
-
"declaration": {
|
|
7002
|
-
"name": "INativePaymentMethodManager",
|
|
7003
|
-
"module": "./compatibility-types"
|
|
7004
|
-
}
|
|
7005
|
-
},
|
|
7006
|
-
{
|
|
7007
|
-
"kind": "js",
|
|
7008
|
-
"name": "IconUrl",
|
|
7009
|
-
"declaration": {
|
|
7010
|
-
"name": "IconUrl",
|
|
7011
|
-
"module": "./compatibility-types"
|
|
7012
|
-
}
|
|
7013
|
-
},
|
|
7014
|
-
{
|
|
7015
|
-
"kind": "js",
|
|
7016
|
-
"name": "InputMetadata",
|
|
7017
|
-
"declaration": {
|
|
7018
|
-
"name": "InputMetadata",
|
|
7019
|
-
"module": "./compatibility-types"
|
|
7020
|
-
}
|
|
7021
|
-
},
|
|
7022
|
-
{
|
|
7023
|
-
"kind": "js",
|
|
7024
|
-
"name": "InputStyles",
|
|
7025
|
-
"declaration": {
|
|
7026
|
-
"name": "InputStyles",
|
|
7027
|
-
"module": "./compatibility-types"
|
|
7028
|
-
}
|
|
7029
|
-
},
|
|
7030
|
-
{
|
|
7031
|
-
"kind": "js",
|
|
7032
|
-
"name": "InputValidationError",
|
|
7033
|
-
"declaration": {
|
|
7034
|
-
"name": "InputValidationError",
|
|
7035
|
-
"module": "./compatibility-types"
|
|
7036
|
-
}
|
|
7037
|
-
},
|
|
7038
|
-
{
|
|
7039
|
-
"kind": "js",
|
|
7040
|
-
"name": "IRedirectPaymentMethodManager",
|
|
7041
|
-
"declaration": {
|
|
7042
|
-
"name": "IRedirectPaymentMethodManager",
|
|
7043
|
-
"module": "./compatibility-types"
|
|
7044
|
-
}
|
|
7045
|
-
},
|
|
7046
|
-
{
|
|
7047
|
-
"kind": "js",
|
|
7048
|
-
"name": "KlarnaOptions",
|
|
7049
|
-
"declaration": {
|
|
7050
|
-
"name": "KlarnaOptions",
|
|
7051
|
-
"module": "./compatibility-types"
|
|
7052
|
-
}
|
|
7053
|
-
},
|
|
7054
|
-
{
|
|
7055
|
-
"kind": "js",
|
|
7056
|
-
"name": "KlarnaPaymentMethodCategory",
|
|
7057
|
-
"declaration": {
|
|
7058
|
-
"name": "KlarnaPaymentMethodCategory",
|
|
7059
|
-
"module": "./compatibility-types"
|
|
7060
|
-
}
|
|
7061
|
-
},
|
|
7062
|
-
{
|
|
7063
|
-
"kind": "js",
|
|
7064
|
-
"name": "KlarnaVaultedMethod",
|
|
7065
|
-
"declaration": {
|
|
7066
|
-
"name": "KlarnaVaultedMethod",
|
|
7067
|
-
"module": "./compatibility-types"
|
|
7068
|
-
}
|
|
7069
|
-
},
|
|
7070
|
-
{
|
|
7071
|
-
"kind": "js",
|
|
7072
|
-
"name": "PayPalOptions",
|
|
7073
|
-
"declaration": {
|
|
7074
|
-
"name": "PayPalOptions",
|
|
7075
|
-
"module": "./compatibility-types"
|
|
7076
|
-
}
|
|
7077
|
-
},
|
|
7078
|
-
{
|
|
7079
|
-
"kind": "js",
|
|
7080
|
-
"name": "PayPalVaultedMethod",
|
|
7081
|
-
"declaration": {
|
|
7082
|
-
"name": "PayPalVaultedMethod",
|
|
7083
|
-
"module": "./compatibility-types"
|
|
7084
|
-
}
|
|
7085
|
-
},
|
|
7086
|
-
{
|
|
7087
|
-
"kind": "js",
|
|
7088
|
-
"name": "Payment",
|
|
7089
|
-
"declaration": {
|
|
7090
|
-
"name": "Payment",
|
|
7091
|
-
"module": "./compatibility-types"
|
|
7092
|
-
}
|
|
7093
|
-
},
|
|
7094
|
-
{
|
|
7095
|
-
"kind": "js",
|
|
7096
|
-
"name": "PaymentCardVaultedMethod",
|
|
7097
|
-
"declaration": {
|
|
7098
|
-
"name": "PaymentCardVaultedMethod",
|
|
7099
|
-
"module": "./compatibility-types"
|
|
7100
|
-
}
|
|
7101
|
-
},
|
|
7102
|
-
{
|
|
7103
|
-
"kind": "js",
|
|
7104
|
-
"name": "PaymentMethodConfig",
|
|
7105
|
-
"declaration": {
|
|
7106
|
-
"name": "PaymentMethodConfig",
|
|
7107
|
-
"module": "./compatibility-types"
|
|
7108
|
-
}
|
|
7109
|
-
},
|
|
7110
|
-
{
|
|
7111
|
-
"kind": "js",
|
|
7112
|
-
"name": "PaymentMethodInfo",
|
|
7113
|
-
"declaration": {
|
|
7114
|
-
"name": "PaymentMethodInfo",
|
|
7115
|
-
"module": "./compatibility-types"
|
|
7116
|
-
}
|
|
7117
|
-
},
|
|
7118
|
-
{
|
|
7119
|
-
"kind": "js",
|
|
7120
|
-
"name": "PaymentMethodManagerOptions",
|
|
7121
|
-
"declaration": {
|
|
7122
|
-
"name": "PaymentMethodManagerOptions",
|
|
7123
|
-
"module": "./compatibility-types"
|
|
7124
|
-
}
|
|
7125
|
-
},
|
|
7126
|
-
{
|
|
7127
|
-
"kind": "js",
|
|
7128
|
-
"name": "PrimerJS",
|
|
7129
|
-
"declaration": {
|
|
7130
|
-
"name": "PrimerJS",
|
|
7131
|
-
"module": "./compatibility-types"
|
|
7132
|
-
}
|
|
7133
|
-
},
|
|
7134
|
-
{
|
|
7135
|
-
"kind": "js",
|
|
7136
|
-
"name": "PrimerCheckout",
|
|
7137
|
-
"declaration": {
|
|
7138
|
-
"name": "PrimerCheckout",
|
|
7139
|
-
"module": "./compatibility-types"
|
|
7140
|
-
}
|
|
7141
|
-
},
|
|
7142
|
-
{
|
|
7143
|
-
"kind": "js",
|
|
7144
|
-
"name": "PrimerClientError",
|
|
5612
|
+
"name": "INativePaymentMethodManager",
|
|
7145
5613
|
"declaration": {
|
|
7146
|
-
"name": "
|
|
5614
|
+
"name": "INativePaymentMethodManager",
|
|
7147
5615
|
"module": "./compatibility-types"
|
|
7148
5616
|
}
|
|
7149
5617
|
},
|
|
7150
5618
|
{
|
|
7151
5619
|
"kind": "js",
|
|
7152
|
-
"name": "
|
|
5620
|
+
"name": "IconUrl",
|
|
7153
5621
|
"declaration": {
|
|
7154
|
-
"name": "
|
|
5622
|
+
"name": "IconUrl",
|
|
7155
5623
|
"module": "./compatibility-types"
|
|
7156
5624
|
}
|
|
7157
5625
|
},
|
|
7158
5626
|
{
|
|
7159
5627
|
"kind": "js",
|
|
7160
|
-
"name": "
|
|
5628
|
+
"name": "InputMetadata",
|
|
7161
5629
|
"declaration": {
|
|
7162
|
-
"name": "
|
|
5630
|
+
"name": "InputMetadata",
|
|
7163
5631
|
"module": "./compatibility-types"
|
|
7164
5632
|
}
|
|
7165
5633
|
},
|
|
7166
5634
|
{
|
|
7167
5635
|
"kind": "js",
|
|
7168
|
-
"name": "
|
|
5636
|
+
"name": "InputStyles",
|
|
7169
5637
|
"declaration": {
|
|
7170
|
-
"name": "
|
|
5638
|
+
"name": "InputStyles",
|
|
7171
5639
|
"module": "./compatibility-types"
|
|
7172
5640
|
}
|
|
7173
5641
|
},
|
|
7174
5642
|
{
|
|
7175
5643
|
"kind": "js",
|
|
7176
|
-
"name": "
|
|
5644
|
+
"name": "InputValidationError",
|
|
7177
5645
|
"declaration": {
|
|
7178
|
-
"name": "
|
|
5646
|
+
"name": "InputValidationError",
|
|
7179
5647
|
"module": "./compatibility-types"
|
|
7180
5648
|
}
|
|
7181
5649
|
},
|
|
7182
5650
|
{
|
|
7183
5651
|
"kind": "js",
|
|
7184
|
-
"name": "
|
|
5652
|
+
"name": "IRedirectPaymentMethodManager",
|
|
7185
5653
|
"declaration": {
|
|
7186
|
-
"name": "
|
|
5654
|
+
"name": "IRedirectPaymentMethodManager",
|
|
7187
5655
|
"module": "./compatibility-types"
|
|
7188
5656
|
}
|
|
7189
5657
|
},
|
|
7190
5658
|
{
|
|
7191
5659
|
"kind": "js",
|
|
7192
|
-
"name": "
|
|
5660
|
+
"name": "KlarnaOptions",
|
|
7193
5661
|
"declaration": {
|
|
7194
|
-
"name": "
|
|
7195
|
-
"module": "./
|
|
5662
|
+
"name": "KlarnaOptions",
|
|
5663
|
+
"module": "./compatibility-types"
|
|
7196
5664
|
}
|
|
7197
5665
|
},
|
|
7198
5666
|
{
|
|
7199
5667
|
"kind": "js",
|
|
7200
|
-
"name": "
|
|
5668
|
+
"name": "KlarnaPaymentMethodCategory",
|
|
7201
5669
|
"declaration": {
|
|
7202
|
-
"name": "
|
|
7203
|
-
"module": "./
|
|
7204
|
-
}
|
|
7205
|
-
}
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7220
|
-
|
|
7221
|
-
|
|
7222
|
-
|
|
7223
|
-
|
|
7224
|
-
|
|
7225
|
-
|
|
7226
|
-
|
|
7227
|
-
|
|
7228
|
-
|
|
7229
|
-
|
|
7230
|
-
|
|
7231
|
-
|
|
7232
|
-
|
|
7233
|
-
|
|
7234
|
-
|
|
7235
|
-
|
|
7236
|
-
|
|
7237
|
-
|
|
7238
|
-
|
|
7239
|
-
|
|
7240
|
-
|
|
7241
|
-
|
|
7242
|
-
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
|
|
7246
|
-
|
|
7247
|
-
|
|
7248
|
-
|
|
7249
|
-
|
|
7250
|
-
|
|
7251
|
-
|
|
7252
|
-
|
|
7253
|
-
|
|
7254
|
-
|
|
7255
|
-
|
|
7256
|
-
|
|
7257
|
-
|
|
7258
|
-
|
|
7259
|
-
|
|
7260
|
-
|
|
7261
|
-
|
|
7262
|
-
|
|
7263
|
-
|
|
7264
|
-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
|
|
7268
|
-
|
|
7269
|
-
|
|
7270
|
-
|
|
7271
|
-
|
|
7272
|
-
|
|
7273
|
-
|
|
7274
|
-
|
|
7275
|
-
|
|
7276
|
-
|
|
7277
|
-
|
|
7278
|
-
|
|
7279
|
-
|
|
7280
|
-
|
|
7281
|
-
|
|
7282
|
-
|
|
7283
|
-
|
|
7284
|
-
|
|
7285
|
-
|
|
7286
|
-
|
|
7287
|
-
|
|
7288
|
-
|
|
7289
|
-
|
|
7290
|
-
|
|
7291
|
-
|
|
7292
|
-
|
|
7293
|
-
|
|
7294
|
-
|
|
7295
|
-
|
|
7296
|
-
|
|
7297
|
-
|
|
7298
|
-
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7302
|
-
|
|
7303
|
-
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
|
|
7309
|
-
|
|
7310
|
-
|
|
7311
|
-
|
|
7312
|
-
|
|
7313
|
-
|
|
7314
|
-
|
|
7315
|
-
|
|
7316
|
-
|
|
7317
|
-
|
|
7318
|
-
|
|
7319
|
-
|
|
7320
|
-
|
|
7321
|
-
|
|
7322
|
-
|
|
7323
|
-
|
|
7324
|
-
|
|
7325
|
-
|
|
7326
|
-
|
|
7327
|
-
|
|
7328
|
-
|
|
7329
|
-
|
|
7330
|
-
|
|
7331
|
-
|
|
7332
|
-
|
|
7333
|
-
|
|
7334
|
-
|
|
7335
|
-
|
|
7336
|
-
|
|
7337
|
-
|
|
7338
|
-
|
|
7339
|
-
|
|
7340
|
-
|
|
7341
|
-
|
|
7342
|
-
"type": {
|
|
7343
|
-
"text": "any[]"
|
|
7344
|
-
},
|
|
7345
|
-
"description": "Additional data to log."
|
|
7346
|
-
}
|
|
7347
|
-
],
|
|
7348
|
-
"description": "Logs a warning message with Primer branding."
|
|
7349
|
-
},
|
|
7350
|
-
{
|
|
7351
|
-
"kind": "method",
|
|
7352
|
-
"name": "error",
|
|
7353
|
-
"privacy": "public",
|
|
7354
|
-
"static": true,
|
|
7355
|
-
"return": {
|
|
7356
|
-
"type": {
|
|
7357
|
-
"text": "void"
|
|
7358
|
-
}
|
|
7359
|
-
},
|
|
7360
|
-
"parameters": [
|
|
7361
|
-
{
|
|
7362
|
-
"name": "message",
|
|
7363
|
-
"type": {
|
|
7364
|
-
"text": "string"
|
|
7365
|
-
},
|
|
7366
|
-
"description": "The message to log."
|
|
7367
|
-
},
|
|
7368
|
-
{
|
|
7369
|
-
"name": "args",
|
|
7370
|
-
"type": {
|
|
7371
|
-
"text": "any[]"
|
|
7372
|
-
},
|
|
7373
|
-
"description": "Additional data to log."
|
|
7374
|
-
}
|
|
7375
|
-
],
|
|
7376
|
-
"description": "Logs an error message with Primer branding."
|
|
7377
|
-
},
|
|
7378
|
-
{
|
|
7379
|
-
"kind": "method",
|
|
7380
|
-
"name": "debug",
|
|
7381
|
-
"privacy": "public",
|
|
7382
|
-
"static": true,
|
|
7383
|
-
"return": {
|
|
7384
|
-
"type": {
|
|
7385
|
-
"text": "void"
|
|
7386
|
-
}
|
|
7387
|
-
},
|
|
7388
|
-
"parameters": [
|
|
7389
|
-
{
|
|
7390
|
-
"name": "message",
|
|
7391
|
-
"type": {
|
|
7392
|
-
"text": "string"
|
|
7393
|
-
},
|
|
7394
|
-
"description": "The message to log."
|
|
7395
|
-
},
|
|
7396
|
-
{
|
|
7397
|
-
"name": "args",
|
|
7398
|
-
"type": {
|
|
7399
|
-
"text": "any[]"
|
|
7400
|
-
},
|
|
7401
|
-
"description": "Additional data to log."
|
|
7402
|
-
}
|
|
7403
|
-
],
|
|
7404
|
-
"description": "Logs a debug message with Primer branding."
|
|
7405
|
-
},
|
|
7406
|
-
{
|
|
7407
|
-
"kind": "method",
|
|
7408
|
-
"name": "table",
|
|
7409
|
-
"privacy": "public",
|
|
7410
|
-
"static": true,
|
|
7411
|
-
"return": {
|
|
7412
|
-
"type": {
|
|
7413
|
-
"text": "void"
|
|
7414
|
-
}
|
|
7415
|
-
},
|
|
7416
|
-
"parameters": [
|
|
7417
|
-
{
|
|
7418
|
-
"name": "data",
|
|
7419
|
-
"type": {
|
|
7420
|
-
"text": "any"
|
|
7421
|
-
},
|
|
7422
|
-
"description": "The data to display."
|
|
7423
|
-
},
|
|
7424
|
-
{
|
|
7425
|
-
"name": "columns",
|
|
7426
|
-
"optional": true,
|
|
7427
|
-
"type": {
|
|
7428
|
-
"text": "string[]"
|
|
7429
|
-
},
|
|
7430
|
-
"description": "Optional list of columns to include."
|
|
7431
|
-
}
|
|
7432
|
-
],
|
|
7433
|
-
"description": "Displays tabular data as a table."
|
|
7434
|
-
},
|
|
7435
|
-
{
|
|
7436
|
-
"kind": "method",
|
|
7437
|
-
"name": "time",
|
|
7438
|
-
"privacy": "public",
|
|
7439
|
-
"static": true,
|
|
7440
|
-
"return": {
|
|
7441
|
-
"type": {
|
|
7442
|
-
"text": "void"
|
|
7443
|
-
}
|
|
7444
|
-
},
|
|
7445
|
-
"parameters": [
|
|
7446
|
-
{
|
|
7447
|
-
"name": "label",
|
|
7448
|
-
"type": {
|
|
7449
|
-
"text": "string"
|
|
7450
|
-
},
|
|
7451
|
-
"description": "The label for the timer."
|
|
7452
|
-
}
|
|
7453
|
-
],
|
|
7454
|
-
"description": "Starts a timer with a branded label."
|
|
7455
|
-
},
|
|
7456
|
-
{
|
|
7457
|
-
"kind": "method",
|
|
7458
|
-
"name": "timeEnd",
|
|
7459
|
-
"privacy": "public",
|
|
7460
|
-
"static": true,
|
|
7461
|
-
"return": {
|
|
7462
|
-
"type": {
|
|
7463
|
-
"text": "void"
|
|
7464
|
-
}
|
|
7465
|
-
},
|
|
7466
|
-
"parameters": [
|
|
7467
|
-
{
|
|
7468
|
-
"name": "label",
|
|
7469
|
-
"type": {
|
|
7470
|
-
"text": "string"
|
|
7471
|
-
},
|
|
7472
|
-
"description": "The label for the timer."
|
|
7473
|
-
}
|
|
7474
|
-
],
|
|
7475
|
-
"description": "Ends the timer with a branded label."
|
|
7476
|
-
}
|
|
7477
|
-
]
|
|
7478
|
-
}
|
|
7479
|
-
],
|
|
7480
|
-
"exports": [
|
|
5670
|
+
"name": "KlarnaPaymentMethodCategory",
|
|
5671
|
+
"module": "./compatibility-types"
|
|
5672
|
+
}
|
|
5673
|
+
},
|
|
5674
|
+
{
|
|
5675
|
+
"kind": "js",
|
|
5676
|
+
"name": "KlarnaVaultedMethod",
|
|
5677
|
+
"declaration": {
|
|
5678
|
+
"name": "KlarnaVaultedMethod",
|
|
5679
|
+
"module": "./compatibility-types"
|
|
5680
|
+
}
|
|
5681
|
+
},
|
|
5682
|
+
{
|
|
5683
|
+
"kind": "js",
|
|
5684
|
+
"name": "PayPalOptions",
|
|
5685
|
+
"declaration": {
|
|
5686
|
+
"name": "PayPalOptions",
|
|
5687
|
+
"module": "./compatibility-types"
|
|
5688
|
+
}
|
|
5689
|
+
},
|
|
5690
|
+
{
|
|
5691
|
+
"kind": "js",
|
|
5692
|
+
"name": "PayPalVaultedMethod",
|
|
5693
|
+
"declaration": {
|
|
5694
|
+
"name": "PayPalVaultedMethod",
|
|
5695
|
+
"module": "./compatibility-types"
|
|
5696
|
+
}
|
|
5697
|
+
},
|
|
5698
|
+
{
|
|
5699
|
+
"kind": "js",
|
|
5700
|
+
"name": "Payment",
|
|
5701
|
+
"declaration": {
|
|
5702
|
+
"name": "Payment",
|
|
5703
|
+
"module": "./compatibility-types"
|
|
5704
|
+
}
|
|
5705
|
+
},
|
|
5706
|
+
{
|
|
5707
|
+
"kind": "js",
|
|
5708
|
+
"name": "PaymentCardVaultedMethod",
|
|
5709
|
+
"declaration": {
|
|
5710
|
+
"name": "PaymentCardVaultedMethod",
|
|
5711
|
+
"module": "./compatibility-types"
|
|
5712
|
+
}
|
|
5713
|
+
},
|
|
5714
|
+
{
|
|
5715
|
+
"kind": "js",
|
|
5716
|
+
"name": "PaymentMethodConfig",
|
|
5717
|
+
"declaration": {
|
|
5718
|
+
"name": "PaymentMethodConfig",
|
|
5719
|
+
"module": "./compatibility-types"
|
|
5720
|
+
}
|
|
5721
|
+
},
|
|
5722
|
+
{
|
|
5723
|
+
"kind": "js",
|
|
5724
|
+
"name": "PaymentMethodInfo",
|
|
5725
|
+
"declaration": {
|
|
5726
|
+
"name": "PaymentMethodInfo",
|
|
5727
|
+
"module": "./compatibility-types"
|
|
5728
|
+
}
|
|
5729
|
+
},
|
|
5730
|
+
{
|
|
5731
|
+
"kind": "js",
|
|
5732
|
+
"name": "PaymentMethodManagerOptions",
|
|
5733
|
+
"declaration": {
|
|
5734
|
+
"name": "PaymentMethodManagerOptions",
|
|
5735
|
+
"module": "./compatibility-types"
|
|
5736
|
+
}
|
|
5737
|
+
},
|
|
5738
|
+
{
|
|
5739
|
+
"kind": "js",
|
|
5740
|
+
"name": "PrimerJS",
|
|
5741
|
+
"declaration": {
|
|
5742
|
+
"name": "PrimerJS",
|
|
5743
|
+
"module": "./compatibility-types"
|
|
5744
|
+
}
|
|
5745
|
+
},
|
|
5746
|
+
{
|
|
5747
|
+
"kind": "js",
|
|
5748
|
+
"name": "PrimerCheckout",
|
|
5749
|
+
"declaration": {
|
|
5750
|
+
"name": "PrimerCheckout",
|
|
5751
|
+
"module": "./compatibility-types"
|
|
5752
|
+
}
|
|
5753
|
+
},
|
|
5754
|
+
{
|
|
5755
|
+
"kind": "js",
|
|
5756
|
+
"name": "PrimerClientError",
|
|
5757
|
+
"declaration": {
|
|
5758
|
+
"name": "PrimerClientError",
|
|
5759
|
+
"module": "./compatibility-types"
|
|
5760
|
+
}
|
|
5761
|
+
},
|
|
5762
|
+
{
|
|
5763
|
+
"kind": "js",
|
|
5764
|
+
"name": "PrimerHeadlessCheckout",
|
|
5765
|
+
"declaration": {
|
|
5766
|
+
"name": "PrimerHeadlessCheckout",
|
|
5767
|
+
"module": "./compatibility-types"
|
|
5768
|
+
}
|
|
5769
|
+
},
|
|
5770
|
+
{
|
|
5771
|
+
"kind": "js",
|
|
5772
|
+
"name": "PrimerSdk",
|
|
5773
|
+
"declaration": {
|
|
5774
|
+
"name": "PrimerSdk",
|
|
5775
|
+
"module": "./compatibility-types"
|
|
5776
|
+
}
|
|
5777
|
+
},
|
|
5778
|
+
{
|
|
5779
|
+
"kind": "js",
|
|
5780
|
+
"name": "StripeAchCustomerDetails",
|
|
5781
|
+
"declaration": {
|
|
5782
|
+
"name": "StripeAchCustomerDetails",
|
|
5783
|
+
"module": "./compatibility-types"
|
|
5784
|
+
}
|
|
5785
|
+
},
|
|
5786
|
+
{
|
|
5787
|
+
"kind": "js",
|
|
5788
|
+
"name": "Validation",
|
|
5789
|
+
"declaration": {
|
|
5790
|
+
"name": "Validation",
|
|
5791
|
+
"module": "./compatibility-types"
|
|
5792
|
+
}
|
|
5793
|
+
},
|
|
5794
|
+
{
|
|
5795
|
+
"kind": "js",
|
|
5796
|
+
"name": "VaultedPaymentMethod",
|
|
5797
|
+
"declaration": {
|
|
5798
|
+
"name": "VaultedPaymentMethod",
|
|
5799
|
+
"module": "./compatibility-types"
|
|
5800
|
+
}
|
|
5801
|
+
},
|
|
5802
|
+
{
|
|
5803
|
+
"kind": "js",
|
|
5804
|
+
"name": "PaymentInstrumentType",
|
|
5805
|
+
"declaration": {
|
|
5806
|
+
"name": "PaymentInstrumentType",
|
|
5807
|
+
"module": "./paymentTypes"
|
|
5808
|
+
}
|
|
5809
|
+
},
|
|
7481
5810
|
{
|
|
7482
5811
|
"kind": "js",
|
|
7483
|
-
"name": "
|
|
5812
|
+
"name": "PaymentMethodType",
|
|
7484
5813
|
"declaration": {
|
|
7485
|
-
"name": "
|
|
7486
|
-
"module": "
|
|
5814
|
+
"name": "PaymentMethodType",
|
|
5815
|
+
"module": "./paymentTypes"
|
|
7487
5816
|
}
|
|
7488
5817
|
}
|
|
7489
5818
|
]
|
|
7490
5819
|
},
|
|
5820
|
+
{
|
|
5821
|
+
"kind": "javascript-module",
|
|
5822
|
+
"path": "src/types/vault-manager.ts",
|
|
5823
|
+
"declarations": [],
|
|
5824
|
+
"exports": []
|
|
5825
|
+
},
|
|
7491
5826
|
{
|
|
7492
5827
|
"kind": "javascript-module",
|
|
7493
5828
|
"path": "src/utils/applyInputStyles.ts",
|
|
@@ -10564,6 +8899,24 @@
|
|
|
10564
8899
|
"description": "Payment managers injected from context",
|
|
10565
8900
|
"attribute": "paymentManagers"
|
|
10566
8901
|
},
|
|
8902
|
+
{
|
|
8903
|
+
"kind": "field",
|
|
8904
|
+
"name": "clientOptions",
|
|
8905
|
+
"type": {
|
|
8906
|
+
"text": "ClientOptionsContextType"
|
|
8907
|
+
},
|
|
8908
|
+
"default": "null",
|
|
8909
|
+
"description": "Client options for configuration"
|
|
8910
|
+
},
|
|
8911
|
+
{
|
|
8912
|
+
"kind": "field",
|
|
8913
|
+
"name": "headlessUtils",
|
|
8914
|
+
"type": {
|
|
8915
|
+
"text": "HeadlessUtilsContextType"
|
|
8916
|
+
},
|
|
8917
|
+
"default": "null",
|
|
8918
|
+
"description": "Headless utils for accessing server configuration"
|
|
8919
|
+
},
|
|
10567
8920
|
{
|
|
10568
8921
|
"kind": "field",
|
|
10569
8922
|
"name": "cardFormProvider",
|
|
@@ -10572,6 +8925,24 @@
|
|
|
10572
8925
|
"default": "new ContextProvider(this, { context: cardFormContext, initialValue: null, })",
|
|
10573
8926
|
"description": "Context provider for card form data"
|
|
10574
8927
|
},
|
|
8928
|
+
{
|
|
8929
|
+
"kind": "field",
|
|
8930
|
+
"name": "shouldShowCardholderName",
|
|
8931
|
+
"type": {
|
|
8932
|
+
"text": "boolean"
|
|
8933
|
+
},
|
|
8934
|
+
"description": "Determines whether to show the cardholder name field\nUses client configuration with fallback to default (true)",
|
|
8935
|
+
"readonly": true
|
|
8936
|
+
},
|
|
8937
|
+
{
|
|
8938
|
+
"kind": "field",
|
|
8939
|
+
"name": "shouldRequireCardholderName",
|
|
8940
|
+
"type": {
|
|
8941
|
+
"text": "boolean"
|
|
8942
|
+
},
|
|
8943
|
+
"description": "Determines whether the cardholder name field is required\nUses client configuration with fallback to default (false)",
|
|
8944
|
+
"readonly": true
|
|
8945
|
+
},
|
|
10575
8946
|
{
|
|
10576
8947
|
"kind": "field",
|
|
10577
8948
|
"name": "eventsController",
|
|
@@ -10580,12 +8951,20 @@
|
|
|
10580
8951
|
"default": "new PrimerEventsController(this)",
|
|
10581
8952
|
"description": "Events controller for dispatching form events"
|
|
10582
8953
|
},
|
|
8954
|
+
{
|
|
8955
|
+
"kind": "field",
|
|
8956
|
+
"name": "inputControllers",
|
|
8957
|
+
"privacy": "private",
|
|
8958
|
+
"readonly": true,
|
|
8959
|
+
"default": "new Map< HostedInputType, IHostedInputController >()",
|
|
8960
|
+
"description": "Registry for input controllers to enable context-driven meta state management"
|
|
8961
|
+
},
|
|
10583
8962
|
{
|
|
10584
8963
|
"kind": "field",
|
|
10585
8964
|
"name": "setupCardFormTask",
|
|
10586
8965
|
"privacy": "private",
|
|
10587
8966
|
"readonly": true,
|
|
10588
|
-
"default": "new Task(this, { task: ([cardManager]) => { if (!cardManager?.manager) return initialState; const { manager } = cardManager; 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
|
|
8967
|
+
"default": "new Task(this, { task: ([cardManager]) => { if (!cardManager?.manager) return initialState; const { manager } = cardManager; 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); }, }); return true; }, args: () => [this.paymentManagers.get('PAYMENT_CARD')], })",
|
|
10589
8968
|
"description": "Task to set up the card form with hosted inputs"
|
|
10590
8969
|
},
|
|
10591
8970
|
{
|
|
@@ -10817,7 +9196,7 @@
|
|
|
10817
9196
|
"kind": "field",
|
|
10818
9197
|
"name": "headlessUtils",
|
|
10819
9198
|
"type": {
|
|
10820
|
-
"text": "
|
|
9199
|
+
"text": "HeadlessUtilsContextType"
|
|
10821
9200
|
},
|
|
10822
9201
|
"default": "null"
|
|
10823
9202
|
},
|
|
@@ -11076,7 +9455,7 @@
|
|
|
11076
9455
|
"kind": "field",
|
|
11077
9456
|
"name": "headlessUtils",
|
|
11078
9457
|
"type": {
|
|
11079
|
-
"text": "
|
|
9458
|
+
"text": "HeadlessUtilsContextType"
|
|
11080
9459
|
},
|
|
11081
9460
|
"default": "null",
|
|
11082
9461
|
"attribute": "headlessUtils"
|
|
@@ -11192,7 +9571,7 @@
|
|
|
11192
9571
|
{
|
|
11193
9572
|
"name": "headlessUtils",
|
|
11194
9573
|
"type": {
|
|
11195
|
-
"text": "
|
|
9574
|
+
"text": "HeadlessUtilsContextType"
|
|
11196
9575
|
},
|
|
11197
9576
|
"default": "null",
|
|
11198
9577
|
"fieldName": "headlessUtils"
|
|
@@ -11800,6 +10179,14 @@
|
|
|
11800
10179
|
},
|
|
11801
10180
|
"attribute": "onOpen"
|
|
11802
10181
|
},
|
|
10182
|
+
{
|
|
10183
|
+
"kind": "field",
|
|
10184
|
+
"name": "onContentRendered",
|
|
10185
|
+
"type": {
|
|
10186
|
+
"text": "() => void | undefined"
|
|
10187
|
+
},
|
|
10188
|
+
"attribute": "onContentRendered"
|
|
10189
|
+
},
|
|
11803
10190
|
{
|
|
11804
10191
|
"kind": "field",
|
|
11805
10192
|
"name": "secureHtmlContent",
|
|
@@ -11879,6 +10266,13 @@
|
|
|
11879
10266
|
},
|
|
11880
10267
|
"fieldName": "onOpen"
|
|
11881
10268
|
},
|
|
10269
|
+
{
|
|
10270
|
+
"name": "onContentRendered",
|
|
10271
|
+
"type": {
|
|
10272
|
+
"text": "() => void | undefined"
|
|
10273
|
+
},
|
|
10274
|
+
"fieldName": "onContentRendered"
|
|
10275
|
+
},
|
|
11882
10276
|
{
|
|
11883
10277
|
"name": "secureHtmlContent",
|
|
11884
10278
|
"type": {
|
|
@@ -12253,7 +10647,7 @@
|
|
|
12253
10647
|
"kind": "field",
|
|
12254
10648
|
"name": "headlessUtils",
|
|
12255
10649
|
"type": {
|
|
12256
|
-
"text": "
|
|
10650
|
+
"text": "HeadlessUtilsContextType"
|
|
12257
10651
|
},
|
|
12258
10652
|
"default": "null"
|
|
12259
10653
|
},
|
|
@@ -12492,7 +10886,7 @@
|
|
|
12492
10886
|
"kind": "field",
|
|
12493
10887
|
"name": "headlessUtils",
|
|
12494
10888
|
"type": {
|
|
12495
|
-
"text": "
|
|
10889
|
+
"text": "HeadlessUtilsContextType"
|
|
12496
10890
|
},
|
|
12497
10891
|
"default": "null"
|
|
12498
10892
|
},
|
|
@@ -13718,15 +12112,6 @@
|
|
|
13718
12112
|
"description": "The HostedInputController abstracts away the logic for rendering a hosted input.\nIt uses a Task to wait for the host to update and then either renders the hosted input\n(if provided via context) or creates a standard input element manually.",
|
|
13719
12113
|
"name": "HostedInputController",
|
|
13720
12114
|
"members": [
|
|
13721
|
-
{
|
|
13722
|
-
"kind": "field",
|
|
13723
|
-
"name": "_isFocused",
|
|
13724
|
-
"type": {
|
|
13725
|
-
"text": "boolean"
|
|
13726
|
-
},
|
|
13727
|
-
"privacy": "private",
|
|
13728
|
-
"default": "false"
|
|
13729
|
-
},
|
|
13730
12115
|
{
|
|
13731
12116
|
"kind": "field",
|
|
13732
12117
|
"name": "_meta",
|
|
@@ -13873,7 +12258,7 @@
|
|
|
13873
12258
|
}
|
|
13874
12259
|
}
|
|
13875
12260
|
],
|
|
13876
|
-
"description": "Sets up event listeners for standard input elements"
|
|
12261
|
+
"description": "Sets up event listeners for standard input elements\nFollowing the same meta state tracking pattern as hosted inputs in legacy SDK"
|
|
13877
12262
|
},
|
|
13878
12263
|
{
|
|
13879
12264
|
"kind": "method",
|
|
@@ -13902,23 +12287,51 @@
|
|
|
13902
12287
|
},
|
|
13903
12288
|
{
|
|
13904
12289
|
"kind": "field",
|
|
13905
|
-
"name": "
|
|
12290
|
+
"name": "meta",
|
|
13906
12291
|
"type": {
|
|
13907
|
-
"text": "
|
|
12292
|
+
"text": "InputMetadata"
|
|
13908
12293
|
},
|
|
13909
12294
|
"privacy": "public",
|
|
13910
|
-
"description": "Exposes the current
|
|
12295
|
+
"description": "Exposes the current metadata state.",
|
|
13911
12296
|
"readonly": true
|
|
13912
12297
|
},
|
|
13913
12298
|
{
|
|
13914
|
-
"kind": "
|
|
13915
|
-
"name": "
|
|
13916
|
-
"
|
|
13917
|
-
|
|
12299
|
+
"kind": "method",
|
|
12300
|
+
"name": "updateMetaFromValidation",
|
|
12301
|
+
"privacy": "public",
|
|
12302
|
+
"return": {
|
|
12303
|
+
"type": {
|
|
12304
|
+
"text": "void"
|
|
12305
|
+
}
|
|
13918
12306
|
},
|
|
12307
|
+
"parameters": [
|
|
12308
|
+
{
|
|
12309
|
+
"name": "validationResult",
|
|
12310
|
+
"type": {
|
|
12311
|
+
"text": "{\n valid?: boolean;\n error?: string | null;\n errorCode?: string | null;\n }"
|
|
12312
|
+
}
|
|
12313
|
+
}
|
|
12314
|
+
],
|
|
12315
|
+
"description": "Updates meta state from validation results.\nUsed to propagate form-level validation results to individual inputs."
|
|
12316
|
+
},
|
|
12317
|
+
{
|
|
12318
|
+
"kind": "method",
|
|
12319
|
+
"name": "setSubmitted",
|
|
13919
12320
|
"privacy": "public",
|
|
13920
|
-
"
|
|
13921
|
-
|
|
12321
|
+
"return": {
|
|
12322
|
+
"type": {
|
|
12323
|
+
"text": "void"
|
|
12324
|
+
}
|
|
12325
|
+
},
|
|
12326
|
+
"parameters": [
|
|
12327
|
+
{
|
|
12328
|
+
"name": "submitted",
|
|
12329
|
+
"type": {
|
|
12330
|
+
"text": "boolean"
|
|
12331
|
+
}
|
|
12332
|
+
}
|
|
12333
|
+
],
|
|
12334
|
+
"description": "Sets the submitted state for form submission handling.\nCalled when form submission occurs."
|
|
13922
12335
|
},
|
|
13923
12336
|
{
|
|
13924
12337
|
"kind": "method",
|
|
@@ -13937,6 +12350,28 @@
|
|
|
13937
12350
|
"text": "void"
|
|
13938
12351
|
}
|
|
13939
12352
|
}
|
|
12353
|
+
},
|
|
12354
|
+
{
|
|
12355
|
+
"kind": "method",
|
|
12356
|
+
"name": "registerWithContext",
|
|
12357
|
+
"privacy": "private",
|
|
12358
|
+
"return": {
|
|
12359
|
+
"type": {
|
|
12360
|
+
"text": "void"
|
|
12361
|
+
}
|
|
12362
|
+
},
|
|
12363
|
+
"description": "Registers this controller with the card form context for centralized management"
|
|
12364
|
+
},
|
|
12365
|
+
{
|
|
12366
|
+
"kind": "method",
|
|
12367
|
+
"name": "unregisterFromContext",
|
|
12368
|
+
"privacy": "private",
|
|
12369
|
+
"return": {
|
|
12370
|
+
"type": {
|
|
12371
|
+
"text": "void"
|
|
12372
|
+
}
|
|
12373
|
+
},
|
|
12374
|
+
"description": "Unregisters this controller from the card form context"
|
|
13940
12375
|
}
|
|
13941
12376
|
]
|
|
13942
12377
|
}
|
|
@@ -14100,7 +12535,7 @@
|
|
|
14100
12535
|
{
|
|
14101
12536
|
"name": "headlessUtils",
|
|
14102
12537
|
"type": {
|
|
14103
|
-
"text": "
|
|
12538
|
+
"text": "HeadlessUtilsContextType"
|
|
14104
12539
|
}
|
|
14105
12540
|
},
|
|
14106
12541
|
{
|
|
@@ -14500,7 +12935,7 @@
|
|
|
14500
12935
|
"kind": "field",
|
|
14501
12936
|
"name": "headlessInstance",
|
|
14502
12937
|
"type": {
|
|
14503
|
-
"text": "
|
|
12938
|
+
"text": "HeadlessUtilsContextType"
|
|
14504
12939
|
},
|
|
14505
12940
|
"default": "null",
|
|
14506
12941
|
"attribute": "headlessInstance"
|
|
@@ -14570,7 +13005,7 @@
|
|
|
14570
13005
|
{
|
|
14571
13006
|
"name": "headlessInstance",
|
|
14572
13007
|
"type": {
|
|
14573
|
-
"text": "
|
|
13008
|
+
"text": "HeadlessUtilsContextType"
|
|
14574
13009
|
},
|
|
14575
13010
|
"default": "null",
|
|
14576
13011
|
"fieldName": "headlessInstance"
|
|
@@ -14696,7 +13131,7 @@
|
|
|
14696
13131
|
"kind": "field",
|
|
14697
13132
|
"name": "headlessUtils",
|
|
14698
13133
|
"type": {
|
|
14699
|
-
"text": "
|
|
13134
|
+
"text": "HeadlessUtilsContextType"
|
|
14700
13135
|
},
|
|
14701
13136
|
"default": "null"
|
|
14702
13137
|
},
|
|
@@ -14982,7 +13417,7 @@
|
|
|
14982
13417
|
"privacy": "protected",
|
|
14983
13418
|
"readonly": true,
|
|
14984
13419
|
"description": "Configuration for this input component",
|
|
14985
|
-
"default": "{ inputType:
|
|
13420
|
+
"default": "{ inputType: HostedInputType.EXPIRY_DATE, containerSelector: '#expiry', errorName: 'expiryDate-card', translations: { label: { id: 'cardExpiry', defaultMessage: 'Expiry Date' }, placeholder: { id: 'cardExpiryPlaceholder', defaultMessage: 'MM/YY' }, ariaLabel: { id: 'cardExpiry', defaultMessage: 'Expiry Date' }, }, }",
|
|
14986
13421
|
"inheritedFrom": {
|
|
14987
13422
|
"name": "AbstractCardInputComponent",
|
|
14988
13423
|
"module": "src/containers/card-form/components/abstract-card-input-component.ts"
|
|
@@ -15316,7 +13751,7 @@
|
|
|
15316
13751
|
"privacy": "protected",
|
|
15317
13752
|
"readonly": true,
|
|
15318
13753
|
"description": "Configuration for this input component",
|
|
15319
|
-
"default": "{ inputType:
|
|
13754
|
+
"default": "{ inputType: HostedInputType.CARD_HOLDER_NAME, 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: (value: string) => this.handleInput(value), }",
|
|
15320
13755
|
"inheritedFrom": {
|
|
15321
13756
|
"name": "AbstractCardInputComponent",
|
|
15322
13757
|
"module": "src/containers/card-form/components/abstract-card-input-component.ts"
|
|
@@ -15668,7 +14103,7 @@
|
|
|
15668
14103
|
"privacy": "protected",
|
|
15669
14104
|
"readonly": true,
|
|
15670
14105
|
"description": "Configuration for this input component",
|
|
15671
|
-
"default": "{ inputType:
|
|
14106
|
+
"default": "{ inputType: HostedInputType.CARD_NUMBER, containerSelector: '#cardNumber', errorName: 'cardNumber-card', translations: { label: { id: 'cardNumber', defaultMessage: 'Card Number' }, placeholder: '4111 1111 1111 1111', ariaLabel: { id: 'cardNumber', defaultMessage: 'Card Number' }, }, }",
|
|
15672
14107
|
"inheritedFrom": {
|
|
15673
14108
|
"name": "AbstractCardInputComponent",
|
|
15674
14109
|
"module": "src/containers/card-form/components/abstract-card-input-component.ts"
|
|
@@ -16008,7 +14443,7 @@
|
|
|
16008
14443
|
"privacy": "protected",
|
|
16009
14444
|
"readonly": true,
|
|
16010
14445
|
"description": "Configuration for this input component",
|
|
16011
|
-
"default": "{ inputType:
|
|
14446
|
+
"default": "{ inputType: HostedInputType.CVV, containerSelector: '#cvv', errorName: 'cvv-card', translations: { label: 'CVV', placeholder: '123', }, }",
|
|
16012
14447
|
"inheritedFrom": {
|
|
16013
14448
|
"name": "AbstractCardInputComponent",
|
|
16014
14449
|
"module": "src/containers/card-form/components/abstract-card-input-component.ts"
|
|
@@ -17100,7 +15535,7 @@
|
|
|
17100
15535
|
"kind": "field",
|
|
17101
15536
|
"name": "headlessUtils",
|
|
17102
15537
|
"type": {
|
|
17103
|
-
"text": "
|
|
15538
|
+
"text": "HeadlessUtilsContextType"
|
|
17104
15539
|
},
|
|
17105
15540
|
"default": "null",
|
|
17106
15541
|
"attribute": "headlessUtils"
|
|
@@ -17159,7 +15594,7 @@
|
|
|
17159
15594
|
{
|
|
17160
15595
|
"name": "headlessUtils",
|
|
17161
15596
|
"type": {
|
|
17162
|
-
"text": "
|
|
15597
|
+
"text": "HeadlessUtilsContextType"
|
|
17163
15598
|
},
|
|
17164
15599
|
"default": "null",
|
|
17165
15600
|
"fieldName": "headlessUtils"
|
|
@@ -17268,7 +15703,7 @@
|
|
|
17268
15703
|
"kind": "field",
|
|
17269
15704
|
"name": "headlessInstance",
|
|
17270
15705
|
"type": {
|
|
17271
|
-
"text": "
|
|
15706
|
+
"text": "HeadlessUtilsContextType"
|
|
17272
15707
|
},
|
|
17273
15708
|
"default": "null",
|
|
17274
15709
|
"attribute": "headlessInstance"
|
|
@@ -17355,7 +15790,7 @@
|
|
|
17355
15790
|
{
|
|
17356
15791
|
"name": "headlessInstance",
|
|
17357
15792
|
"type": {
|
|
17358
|
-
"text": "
|
|
15793
|
+
"text": "HeadlessUtilsContextType"
|
|
17359
15794
|
},
|
|
17360
15795
|
"default": "null",
|
|
17361
15796
|
"fieldName": "headlessInstance"
|