@justifi/webcomponents 6.0.0-rc.8 → 6.0.0

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

@@ -1,32 +1,33 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var schemaValidations = require('./schema-validations-jek_iZ9W.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-BfVJlAsJ.js');
+var styledHost = require('./styled-host-2KXbjOFw.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
-var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
-var configState = require('./config-state-BBOZIS8x.js');
-var header3 = require('./header-3-sOdOpfx3.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
+var checkPkgVersion = require('./check-pkg-version-7FBAUhHw.js');
+var configState = require('./config-state-B_gyIchD.js');
+var header3 = require('./header-3-BSvFq_IF.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
-var button = require('./button-DsHDMHaa.js');
-var checkout_store = require('./checkout.store-MSwLBCby.js');
+var button = require('./button-7c2RN2yp.js');
+var checkout_store = require('./checkout.store-C3f3E24L.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-DqvfEWsE.js');
-require('./Api-y2G49jOh.js');
-require('./utils-BaGF9XIe.js');
+require('./package-BNN5fdIc.js');
+require('./Api-CwTLkFY4.js');
+require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./index-B32W0A3m.js');
+require('./index-D1Ba20gi.js');
+require('./index-C2ITzalN.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -39,7 +40,7 @@ const JustifiRadioListItem = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, index.h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (index.h(styledHost.StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, index.h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 };
 
@@ -107,15 +108,7 @@ const BankAccountFormSkeleton = (props) => {
     if (isReady) {
         return null;
     }
-    return (index.h("div", { class: "container-fluid p-0" },
-        index.h("div", { class: "row mb-3" },
-            index.h("div", { class: "col-12 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
-                index.h(skeleton.Skeleton, { height: "36px" }))),
-        index.h("div", { class: "row" },
-            index.h("div", { class: "col-12 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })))));
+    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "row mb-3" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "120px" }), index.h(skeleton.Skeleton, { height: "36px" }))), index.h("div", { class: "row" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "110px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
 };
 
 const BankAccountForm = class {
@@ -155,10 +148,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f7b088f8dd8a977f3843183fb444f28862644fb3' }, index.h(BankAccountFormSkeleton, { key: '63179b2a1616ac98e9647bc8a6cf8f32cf159c24', isReady: this.isReady }), index.h("hidden-input", { key: 'bc2427c6ae7ca231f444cac83789682c5b7f252b' }), index.h("div", { key: 'd7b8ad011f441f35130a8836d5a9998aeed5ef6f', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, index.h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), index.h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), index.h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '87c14b39416411432109fa477a45905824986a5d', class: "row mb-3" }, index.h("iframe-input", { key: 'aa63db40e7dcff302c804b6f772a8903ac53a588', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '683ff288ff835321c364b4af64524dbf183da030', class: "row" }, index.h("iframe-input", { key: '46653b74876dfc02916b7d2842ab793b8658e8b2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, index.h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, index.h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -239,7 +232,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, index.h(button.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 (index.h(styledHost.StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, index.h(button.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)));
     }
 };
 
@@ -282,19 +275,7 @@ const CardFormSkeleton = (props) => {
     if (isReady) {
         return null;
     }
-    return (index.h("div", { class: "container-fluid p-0" },
-        index.h("div", { class: "mb-3" },
-            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
-            index.h(skeleton.Skeleton, { height: "36px" })),
-        index.h("div", { class: "row" },
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })),
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "36px" })),
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })))));
+    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "mb-3" }, index.h(skeleton.Skeleton, { height: "18px", width: "100px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "row" }, index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "80px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "30px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
 };
 
 const JustifiCardForm = class {
@@ -338,10 +319,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '75938c15dce1b5b078773f28c689c8f7d4ad5059' }, index.h(CardFormSkeleton, { key: 'fa27e1cb7262b012e69c6c88580bfa432edb13f0', isReady: this.isReady }), index.h("hidden-input", { key: '305afc644870ea4c5e11ade42e6f8b5504b0a299' }), index.h("div", { key: 'fc87adbea2130fd4334f2f7a8dbc666ad9b84f76', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '46991f66161e4118fdf135bf18eb757435e26457' }, index.h(CardFormSkeleton, { key: 'aacb7f467a10debc809997a67172fe4f23a2ca76', isReady: this.isReady }), index.h("hidden-input", { key: '3e9bd9b7ff0aba356d9f8fd07428cbaedcb223b1' }), index.h("div", { key: '8fcf6d92703491fe6a0be076a5965c09c800f262', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'b426b711813d401e181c833c06f440adc2998f4a', class: "mb-3" }, index.h("iframe-input", { key: '1c81cac902a472ffe841340de40c8aa80688d908', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '370fb4bd7951ea6948b57923141842da07575bd3', class: "row" }, index.h("div", { key: '7912c07831d685c0f30d103537933c4ec0e41726', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a892fead0333523eecd1a6e02fb6cd3807e1b0ad', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '699f614dcada9748525afe53cd461a5dd4f96847', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0c65a7fbb4bf1fa35fc645de62723f8d130217de', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'b25d6322892f5a3313db2592193552f34e364103', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '279646b3bfa68f8e03d0118e2de86668471f5821', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '8dea63dc69d7c7cfbcded0a07bfbcf9c7d7a41fa', class: "mb-3" }, index.h("iframe-input", { key: 'ffd4de932414b206ea5936c21349c522b762f8a4', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '3e56350822761119dbb7ff49e3cc56bec7f361ca', class: "row" }, index.h("div", { key: 'ab13b6b20573fbec961164a415ccaf21b663eb4b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e12d56f2c1dd12ae5eff7619204d9f746e1b6a43', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '62e4808ee208aec7cf3e1d7a99fd65f3d9a5e615', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c8e3945b466e61e8b21fbb13f71c0631740ca1a3', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '979929e29abb54f8837f71b1cdb7261df97a58df', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2c25868c5fd7e6c2d34722b39f22c2062248cdf6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -349,6 +330,7 @@ const SaveNewPaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.checkboxChanged = index.createEvent(this, "checkboxChanged");
+        this.label = 'Save New Payment Method';
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
@@ -357,7 +339,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '407e24ad9cd84378dab6a85ed813a8040f93942a' }, index.h("form-control-checkbox", { key: '73dc01e01c4ca57e26c6897c06a0280fda8c98db', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: 'c3808f4373067144ded9db353e48fe9cd3df59bc' }, index.h("form-control-checkbox", { key: '2f104a35497fdc1397c014c4c4ed646f7b389239', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

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

@@ -1,25 +1,25 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var utils = require('./utils-Bzyj4qWe.js');
-var business_service = require('./business.service-D5IhSyRJ.js');
+var index = require('./index-Dyzl8Hn6.js');
+var utils = require('./utils-FFP5ZHyE.js');
+var business_service = require('./business.service-Dkhqyggm.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
+var checkPkgVersion = require('./check-pkg-version-7FBAUhHw.js');
 require('./parts-9jMf1erK.js');
-require('./Api-y2G49jOh.js');
-require('./config-state-BBOZIS8x.js');
-require('./index-B32W0A3m.js');
-require('./utils-BaGF9XIe.js');
+require('./Api-CwTLkFY4.js');
+require('./config-state-B_gyIchD.js');
+require('./index-D1Ba20gi.js');
+require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-DqvfEWsE.js');
+require('./package-BNN5fdIc.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,57 +1,42 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
 var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
-require('./config-state-BBOZIS8x.js');
+require('./config-state-B_gyIchD.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
-var button = require('./button-DsHDMHaa.js');
-var styledHost = require('./styled-host-BfVJlAsJ.js');
-var header1 = require('./header-1-DRA3f4Jh.js');
+var checkPkgVersion = require('./check-pkg-version-7FBAUhHw.js');
+var button = require('./button-7c2RN2yp.js');
+var styledHost = require('./styled-host-2KXbjOFw.js');
+var header1 = require('./header-1-DMsp0XM7.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-D5IhSyRJ.js');
+var business_service = require('./business.service-Dkhqyggm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-jek_iZ9W.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-B32W0A3m.js');
-require('./utils-BaGF9XIe.js');
+require('./index-D1Ba20gi.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-DqvfEWsE.js');
-require('./Api-y2G49jOh.js');
+require('./package-BNN5fdIc.js');
+require('./Api-CwTLkFY4.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 
-const FormBlock = () => (index.h("div", { class: "row gap-3" },
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "25%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "100%" })),
-    index.h("div", { class: "col-12 d-flex gap-3" },
-        index.h(skeleton.Skeleton, { width: "50%" }),
-        index.h(skeleton.Skeleton, { width: "50%" })),
-    index.h("div", { class: "col-12 d-flex gap-3" },
-        index.h(skeleton.Skeleton, { width: "65%" }),
-        index.h(skeleton.Skeleton, { width: "35%" }))));
+const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
-    return (index.h("div", { class: "row gap-5" },
-        index.h("div", { class: "col-12" },
-            index.h(skeleton.Skeleton, { width: "40%", height: "40px" })),
-        index.h(FormBlock, null),
-        index.h(FormBlock, null),
-        index.h(FormBlock, null)));
+    return (index.h("div", { class: "row gap-5" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "40%", height: "40px" })), index.h(FormBlock, null), index.h(FormBlock, null), index.h(FormBlock, null)));
 };
 
 const BusinessForm = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var inputHandlers = require('./input-handlers-DYl_0IwC.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');