@justifi/webcomponents 6.7.2 → 6.8.0

package/dist/cjs/{input-handlers-D6QMwPTB.js → input-handlers-gV1LyFy3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-DWHy_-z9.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/cjs/{insurance-state-DsGnIHMM.js → insurance-state-CiVJ5e26.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var index$1 = require('./index-mmd0OhmD.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var index$1 = require('./index-W-zoNiyM.js');
 
 const Header2 = (props) => {
     return index.h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading2 }, props.text);

package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js

@@ -1,29 +1,29 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
+var index = require('./index-p7cvUYAE.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
-var configState = require('./config-state-CYoBVAca.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
+var configState = require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-BwiJ_80p.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 var index$1 = require('./index-CajjbB9t.js');
-var skeleton = require('./skeleton-B8dzxFFr.js');
+var skeleton = require('./skeleton-BGGMhPJj.js');
 var utils = require('./utils-D4WPxuzW.js');
-var button = require('./button-fUPGXjU_.js');
-var parts = require('./parts-BVbaniVM.js');
-require('./package-Df5lTFe6.js');
-require('./Api-QUTWjGTy.js');
-require('./index-mmd0OhmD.js');
+var button = require('./button-C2p1BMP-.js');
+var parts = require('./parts-BsBVknuf.js');
+require('./package-B4vs5j7c.js');
+require('./Api-CVbEWBG6.js');
+require('./index-W-zoNiyM.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.radioClick = index.createEvent(this, "radio-click");
+        this.radioClick = index.createEvent(this, "radio-click", 7);
         this.checked = false;
         this.hidden = false;
         this.handleClick = () => {
@@ -49,8 +49,8 @@ const ERROR_MESSAGES = {
 const InternalTokenizePaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.submitEvent = index.createEvent(this, "submit-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
         this.computedHideSubmitButton = false;
         this.isLoading = false;
         this.submitButtonText = 'Submit';
@@ -75,7 +75,7 @@ const InternalTokenizePaymentMethod = class {
     }
     handleRadioClick(event) {
         this.selectedPaymentMethod = event.detail;
-        GooglePay.checkoutStore.selectedPaymentMethod = { type: event.detail };
+        Plaid.checkoutStore.selectedPaymentMethod = { type: event.detail };
     }
     async fillBillingForm(fields) {
         var _a;
@@ -136,8 +136,8 @@ const InternalTokenizePaymentMethod = class {
         try {
             const billingFormFieldValues = await this.billingFormRef.getValues();
             const config = {
-                clientId: this.authToken || GooglePay.checkoutStore.authToken,
-                account: this.accountId || GooglePay.checkoutStore.accountId,
+                clientId: this.authToken || Plaid.checkoutStore.authToken,
+                account: this.accountId || Plaid.checkoutStore.accountId,
                 paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
             };
             return await this.paymentMethodFormRef.tokenize(config);
@@ -148,13 +148,13 @@ const InternalTokenizePaymentMethod = class {
     }
     // 9. Local methods
     validateRequiredProps() {
-        if (!this.authToken && !GooglePay.checkoutStore.authToken) {
+        if (!this.authToken && !Plaid.checkoutStore.authToken) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
             });
         }
-        if (!this.accountId && !GooglePay.checkoutStore.accountId) {
+        if (!this.accountId && !Plaid.checkoutStore.accountId) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
@@ -167,11 +167,11 @@ const InternalTokenizePaymentMethod = class {
         }
         if (!this.disableCreditCard) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
+            Plaid.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
         }
         else if (!this.disableBankAccount) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            Plaid.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
     }
     setComputedHideSubmitButton() {
@@ -261,16 +261,16 @@ const InternalTokenizePaymentMethod = class {
             ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
     }
     get paymentMethodGroupID() {
-        return this.paymentMethodGroupId || GooglePay.checkoutStore.paymentMethodGroupId;
+        return this.paymentMethodGroupId || Plaid.checkoutStore.paymentMethodGroupId;
     }
     get shouldSavePaymentMethod() {
-        return !!(this.paymentMethodGroupId || GooglePay.checkoutStore.savePaymentMethod);
+        return !!(this.paymentMethodGroupId || Plaid.checkoutStore.savePaymentMethod);
     }
     get shouldHideRadioInput() {
         return this.disableCreditCard || this.disableBankAccount;
     }
     renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethod === paymentMethodType && GooglePay.checkoutStore.selectedPaymentMethod.id === undefined;
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && Plaid.checkoutStore.selectedPaymentMethod.id === undefined;
         return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodType) {
@@ -280,7 +280,7 @@ const InternalTokenizePaymentMethod = class {
         return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, index.h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, index.h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, index.h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, index.h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, index.h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: 'ffe62ce1bf31ab84080d3a4c158db3b537aea2fb' }, index.h("form", { key: '26d7942c4d88a758e03627a6042892a4dcb0a306' }, index.h("fieldset", { key: 'b789b31bad42d4c6912103abe653205165e44e8d' }, index.h("div", { key: '2e0fe382eb8a0018692ca9da2c911229ed981f0d', class: "row gy-3" }, index.h("div", { key: '3120e6ddd56b184f2530a1e8c1bb28f2c0f70579', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '9de5bfc72cce2818aba19408ee835d0762d1e777', class: "col-12" }, index.h("justifi-button", { key: '5bd8cfb66fd34cc6773342175ae22771a095fcab', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -335,10 +335,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1513483acd2de524f8634feb14f366a269601e06' }, index.h(BankAccountFormSkeleton, { key: '8b14e99af751f3dbf6e0a3d2d187b44e0934456d', isReady: this.isReady }), index.h("hidden-input", { key: 'edfc3e1b190f28eee4a3769ff33fb7b8220f73d3' }), index.h("div", { key: '9371fe5f4e189c882d16bec25068efcc6d56aff9', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, index.h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), index.h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), index.h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '5cecb5ecc5a3cfdb1ff0fe659aa9e22c0c1c8a11', class: "row mb-3" }, index.h("iframe-input", { key: 'b970e3a6e563cf1a5cff651c219a954d32b1fec3', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'eaf6b26dc3638f548fd7e5b45363319db3bdf5f2', class: "row" }, index.h("iframe-input", { key: 'c90064cec52a9100522f0ea62593b8e439ea7a9e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, index.h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, index.h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, index.h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 
@@ -382,7 +382,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, index.h(button.Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: '2ef29be35c350bbd0530dbad83f65cd4ad4dbe27' }, index.h(button.Button, { key: '526763deaf2d228f0142d8efcb805557b8fe6ed9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -436,27 +436,27 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '83bf3ea8d44fd14cf98725b1e800e2481222423b' }, index.h(CardFormSkeleton, { key: 'e23ef5cf5d8b756dcdfda6341a240d86e400a10e', isReady: this.isReady }), index.h("hidden-input", { key: 'eddc0b1549ee00084df8bfbbd22658bc48cdf493' }), index.h("div", { key: '753a4c38f8624a9d528c582fd5e26929977e88c5', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, index.h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), index.h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), index.h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'db1c408da9865db12899f2e86d46a3181f592333', class: "mb-3" }, index.h("iframe-input", { key: 'b31b33f68f34fbde9abdab13cc4b0b09e2122bad', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '4e8e14e60bb566032530fd72e7f787226e0e7940', class: "row" }, index.h("div", { key: 'cb1c06bd2c2e04cffdc2a6572505a6dcf26e9b48', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '915ff44d990585262a2e60d83ac569cd56e90762', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: 'ceca19853d0e78828c5a89a5e1f99acce6d05345', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'f0089860aab12b7bcfe31ac9fe6ed303182ff9fa', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: 'e1bdd33a875bdf82068aceeea68f27c48414ed65', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '7c483f78294418b7cee76e0c272ad375496bbc7d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, index.h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, index.h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, index.h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 
 const SaveNewPaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.checkboxChanged = index.createEvent(this, "checkboxChanged");
+        this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
         this.label = 'Save New Payment Method';
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
-            GooglePay.checkoutStore.savePaymentMethod = value;
+            Plaid.checkoutStore.savePaymentMethod = value;
             this.checkboxChanged.emit(this.isChecked);
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, index.h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, index.h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };