@justifi/webcomponents 6.0.0-rc.9 → 6.0.0

package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js

@@ -1,30 +1,31 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bn7inNWG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-qipqIMyC.js';
 import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
 import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DcR1ujuX.js';
 import { r as radioListItem, av as billingForm } from './parts-RvUQ__Pq.js';
-import { S as StyledHost } from './styled-host-CTAGIN84.js';
+import { S as StyledHost } from './styled-host-CbizlfAU.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CGQdCjwh.js';
-import { w as waitForConfig, c as configState } from './config-state-DZeVYerv.js';
-import { H as Header3 } from './header-3-CWa41YWq.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BUkwdVdm.js';
+import { w as waitForConfig, c as configState } from './config-state-Blo0ywwc.js';
+import { H as Header3 } from './header-3-DVtaUAlf.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
-import { B as Button } from './button-CpllL0At.js';
-import { c as checkoutStore } from './checkout.store-UMe84fjY.js';
+import { B as Button } from './button-SAIS_5os.js';
+import { c as checkoutStore } from './checkout.store-DBvS7cVB.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './business-form-options-CgssATyg.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
-import './package-BiWRKUx3.js';
-import './Api-C1I68Tfr.js';
-import './utils-lb8p1Exq.js';
+import './package-BBpkkt2-.js';
+import './Api-D4tj-h4P.js';
+import './utils-BscIVFn8.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
-import './index-B_KxSZIF.js';
+import './index-ZfXl6Xrm.js';
+import './index-DCIW8z1f.js';
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -37,7 +38,7 @@ const JustifiRadioListItem = class {
         };
     }
     render() {
-        return (h(StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 };
 
@@ -105,15 +106,7 @@ const BankAccountFormSkeleton = (props) => {
     if (isReady) {
         return null;
     }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "row mb-3" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "120px" }),
-                h(Skeleton, { height: "36px" }))),
-        h("div", { class: "row" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "110px" }),
-                h(Skeleton, { height: "36px" })))));
+    return (h("div", { class: "container-fluid p-0" }, h("div", { class: "row mb-3" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "120px" }), h(Skeleton, { height: "36px" }))), h("div", { class: "row" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "110px" }), h(Skeleton, { height: "36px" })))));
 };
 
 const BankAccountForm = class {
@@ -153,10 +146,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'f7b088f8dd8a977f3843183fb444f28862644fb3' }, h(BankAccountFormSkeleton, { key: '63179b2a1616ac98e9647bc8a6cf8f32cf159c24', isReady: this.isReady }), h("hidden-input", { key: 'bc2427c6ae7ca231f444cac83789682c5b7f252b' }), h("div", { key: 'd7b8ad011f441f35130a8836d5a9998aeed5ef6f', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '87c14b39416411432109fa477a45905824986a5d', class: "row mb-3" }, h("iframe-input", { key: 'aa63db40e7dcff302c804b6f772a8903ac53a588', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '683ff288ff835321c364b4af64524dbf183da030', class: "row" }, h("iframe-input", { key: '46653b74876dfc02916b7d2842ab793b8658e8b2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -237,7 +230,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, h(Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -280,19 +273,7 @@ const CardFormSkeleton = (props) => {
     if (isReady) {
         return null;
     }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "mb-3" },
-            h(Skeleton, { height: "18px", width: "100px" }),
-            h(Skeleton, { height: "36px" })),
-        h("div", { class: "row" },
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "80px" }),
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "30px" }),
-                h(Skeleton, { height: "36px" })))));
+    return (h("div", { class: "container-fluid p-0" }, h("div", { class: "mb-3" }, h(Skeleton, { height: "18px", width: "100px" }), h(Skeleton, { height: "36px" })), h("div", { class: "row" }, h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "80px" }), h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "30px" }), h(Skeleton, { height: "36px" })))));
 };
 
 const JustifiCardForm = class {
@@ -336,10 +317,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '75938c15dce1b5b078773f28c689c8f7d4ad5059' }, h(CardFormSkeleton, { key: 'fa27e1cb7262b012e69c6c88580bfa432edb13f0', isReady: this.isReady }), h("hidden-input", { key: '305afc644870ea4c5e11ade42e6f8b5504b0a299' }), h("div", { key: 'fc87adbea2130fd4334f2f7a8dbc666ad9b84f76', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '46991f66161e4118fdf135bf18eb757435e26457' }, h(CardFormSkeleton, { key: 'aacb7f467a10debc809997a67172fe4f23a2ca76', isReady: this.isReady }), h("hidden-input", { key: '3e9bd9b7ff0aba356d9f8fd07428cbaedcb223b1' }), h("div", { key: '8fcf6d92703491fe6a0be076a5965c09c800f262', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b426b711813d401e181c833c06f440adc2998f4a', class: "mb-3" }, h("iframe-input", { key: '1c81cac902a472ffe841340de40c8aa80688d908', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '370fb4bd7951ea6948b57923141842da07575bd3', class: "row" }, h("div", { key: '7912c07831d685c0f30d103537933c4ec0e41726', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a892fead0333523eecd1a6e02fb6cd3807e1b0ad', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '699f614dcada9748525afe53cd461a5dd4f96847', class: "col-4 align-content-end" }, h("iframe-input", { key: '0c65a7fbb4bf1fa35fc645de62723f8d130217de', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'b25d6322892f5a3313db2592193552f34e364103', class: "col-4 align-content-end" }, h("iframe-input", { key: '279646b3bfa68f8e03d0118e2de86668471f5821', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '8dea63dc69d7c7cfbcded0a07bfbcf9c7d7a41fa', class: "mb-3" }, h("iframe-input", { key: 'ffd4de932414b206ea5936c21349c522b762f8a4', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '3e56350822761119dbb7ff49e3cc56bec7f361ca', class: "row" }, h("div", { key: 'ab13b6b20573fbec961164a415ccaf21b663eb4b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e12d56f2c1dd12ae5eff7619204d9f746e1b6a43', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '62e4808ee208aec7cf3e1d7a99fd65f3d9a5e615', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c8e3945b466e61e8b21fbb13f71c0631740ca1a3', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '979929e29abb54f8837f71b1cdb7261df97a58df', class: "col-4 align-content-end" }, h("iframe-input", { key: '2c25868c5fd7e6c2d34722b39f22c2062248cdf6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -347,6 +328,7 @@ const SaveNewPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.checkboxChanged = createEvent(this, "checkboxChanged");
+        this.label = 'Save New Payment Method';
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
@@ -355,7 +337,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (h(StyledHost, { key: '407e24ad9cd84378dab6a85ed813a8040f93942a' }, h("form-control-checkbox", { key: '73dc01e01c4ca57e26c6897c06a0280fda8c98db', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: 'c3808f4373067144ded9db353e48fe9cd3df59bc' }, h("form-control-checkbox", { key: '2f104a35497fdc1397c014c4c4ed646f7b389239', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

package/dist/esm/justifi-business-details.entry.js

@@ -1,23 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { E as ErrorState } from './utils-Dg6gMUTv.js';
-import { B as BusinessService } from './business.service-B3wlBl1x.js';
+import { r as registerInstance, c as createEvent, h } from './index-qipqIMyC.js';
+import { E as ErrorState } from './utils-_ckvHjSW.js';
+import { B as BusinessService } from './business.service-CsbtEDNi.js';
 import { m as makeGetBusiness } from './get-business-Crb6P-iI.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CGQdCjwh.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BUkwdVdm.js';
 import './parts-RvUQ__Pq.js';
-import './Api-C1I68Tfr.js';
-import './config-state-DZeVYerv.js';
-import './index-B_KxSZIF.js';
-import './utils-lb8p1Exq.js';
+import './Api-D4tj-h4P.js';
+import './config-state-Blo0ywwc.js';
+import './index-ZfXl6Xrm.js';
+import './utils-BscIVFn8.js';
 import './dinero-HXpYMWUU.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BeQLScSm.js';
-import './package-BiWRKUx3.js';
+import './package-BBpkkt2-.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-business-form.entry.js

@@ -1,55 +1,40 @@
-import { h, r as registerInstance, c as createEvent } from './index-Bn7inNWG.js';
+import { h, r as registerInstance, c as createEvent } from './index-qipqIMyC.js';
 import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
 import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-C6NRHWEL.js';
 import { i as identitySchema, a as addressSchema } from './business-identity-schema-D8n5dyLX.js';
-import './config-state-DZeVYerv.js';
+import './config-state-Blo0ywwc.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import { B as Business, b as BusinessFormServerErrors } from './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CGQdCjwh.js';
-import { B as Button } from './button-CpllL0At.js';
-import { S as StyledHost } from './styled-host-CTAGIN84.js';
-import { H as Header1 } from './header-1-3M9If0gM.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BUkwdVdm.js';
+import { B as Button } from './button-SAIS_5os.js';
+import { S as StyledHost } from './styled-host-CbizlfAU.js';
+import { H as Header1 } from './header-1-zXsamUS3.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-ONP8lDnV.js';
-import { B as BusinessService } from './business.service-B3wlBl1x.js';
+import { B as BusinessService } from './business.service-CsbtEDNi.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './schema-validations-DcR1ujuX.js';
 import './state-options-BX8GieXu.js';
 import './business-form-options-CgssATyg.js';
-import './index-B_KxSZIF.js';
-import './utils-lb8p1Exq.js';
+import './index-ZfXl6Xrm.js';
+import './utils-BscIVFn8.js';
 import './helpers-Mu7LQT-w.js';
-import './package-BiWRKUx3.js';
-import './Api-C1I68Tfr.js';
+import './package-BBpkkt2-.js';
+import './Api-D4tj-h4P.js';
 import './parts-RvUQ__Pq.js';
 import './utils-BeQLScSm.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
-const FormBlock = () => (h("div", { class: "row gap-3" },
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "25%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "100%" })),
-    h("div", { class: "col-12 d-flex gap-3" },
-        h(Skeleton, { width: "50%" }),
-        h(Skeleton, { width: "50%" })),
-    h("div", { class: "col-12 d-flex gap-3" },
-        h(Skeleton, { width: "65%" }),
-        h(Skeleton, { width: "35%" }))));
+const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
-    return (h("div", { class: "row gap-5" },
-        h("div", { class: "col-12" },
-            h(Skeleton, { width: "40%", height: "40px" })),
-        h(FormBlock, null),
-        h(FormBlock, null),
-        h(FormBlock, null)));
+    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
 };
 
 const BusinessForm = class {

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Bn7inNWG.js';
+import { r as registerInstance, h } from './index-qipqIMyC.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-B-iV5cYd.js';
 import { C as heading2 } from './parts-RvUQ__Pq.js';