@justifi/webcomponents 6.0.0-rc.2 → 6.0.0-rc.20

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

@@ -1,32 +1,33 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.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-CqQYxX-w.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
-var configState = require('./config-state-5xZf-jax.js');
-var header3 = require('./header-3-D9Wa0IfT.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.js');
+var configState = require('./config-state-BBOZIS8x.js');
+var header3 = require('./header-3-sOdOpfx3.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
-var button = require('./button-CfVQSysQ.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var button = require('./button-DsHDMHaa.js');
+var checkout_store = require('./checkout.store-DJEc-So8.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-CuNDvHTB.js');
-require('./Api-CPuq_15r.js');
-require('./utils-BaGF9XIe.js');
+require('./package-XG0rW7xm.js');
+require('./Api-DyimBzKT.js');
+require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./index-Yd9aLenr.js');
+require('./index-B32W0A3m.js');
+require('./index-D-dD-aC2.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 }))));
     }
 };
 
@@ -98,7 +99,7 @@ const BankAccountBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '5d20a10cee1aae5c6500b5ce0045859f9c2b9e60' }, index.h("div", { key: '9c5f77f6b03a70b4825bf40dd470d757cfe1eb50', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'a588d182b5d0a212d74fec4a7ce77bc743e387ca' }, index.h("fieldset", { key: '997ae96111c02eba64b6109786d634f0fe1d28d1' }, this.legend && (index.h("legend", { key: 'fdcaf97a5968bcdfa6e79b8da9ab8f111721ba3c' }, this.legend)), index.h("div", { key: '2b56bb94f907d2e6a68b8177c0d1dd77fae92aae', class: "row gy-3" }, index.h("div", { key: '0588a51e0d9a2bb0d643688677f02e2473c834f5', class: "col-12" }, index.h("form-control-text", { key: '06706f6b9db8f6ae7f732d8423b47af99718a2d7', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, index.h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, index.h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (index.h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), index.h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, index.h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, index.h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 };
 
@@ -155,10 +156,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f6b75ae15faeea635abbdcbefee10a8bdb78ba08' }, index.h(BankAccountFormSkeleton, { key: '39f42d054342305001a934feeb29c65caa0fe941', isReady: this.isReady }), index.h("hidden-input", { key: 'd4bf758fe0600db0f1535ff9040cc3d9e25c45b9' }), index.h("div", { key: '095bd8da35c668c7c40d696454310e0e320a1730', 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: 'db367bbd03c3d563913228c1051bdb9bb61c11a9', class: "row mb-3" }, index.h("iframe-input", { key: 'e636d0226cf832f6cd7fde39ea5f471aae6d4605', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '410dd5cdca9e6774f96133fe4dbb29f0d1405138', class: "row" }, index.h("iframe-input", { key: '26b7138268f6e4f866c4eaf3d2f9c4b0ba00a6c3', 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 +240,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, index.h(button.Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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)));
     }
 };
 
@@ -273,7 +274,7 @@ const CardBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '2d6aa2cd3535338d3944b5bfa1f3e1b6c9fa237d' }, index.h("div", { key: '0d05444651f2ff00d25b11522ab4e30ce7e24f03', part: parts.billingForm }, index.h("form", { key: 'fb3daca11e18c7cc068cc29650265a6fc2f48f7c' }, index.h("fieldset", { key: '2f32c7b540623519c2c7b3f781a1353be847e28c' }, this.legend && (index.h("legend", { key: '1def4406192651e851b94574abdb10c6f4c86a42' }, this.legend)), index.h("div", { key: '242b2ef201c5eafe083200cc1d9c4988f4229f5c', class: "row gy-3" }, index.h("div", { key: 'c7d8084f259ad0591bdd524af579b98048730f19', class: "col-12" }, index.h("form-control-text", { key: '8ad5e18bde33254f02d72307f8b16e0ba6212beb', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, index.h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: parts.billingForm }, index.h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, index.h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (index.h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), index.h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, index.h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, index.h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -338,10 +339,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '18d429a9feac5ab030ab040a9aec0efdc0a09b3a' }, index.h(CardFormSkeleton, { key: '8a7a41be9477f7656601a1b21bbd89398846ddda', isReady: this.isReady }), index.h("hidden-input", { key: '256715cd96354c50903c03e15b3de7a81c25e59f' }), index.h("div", { key: 'd55bae0a16f8572e476f012594ca99074e1f3af5', 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: '7d1906ad3065c71e5871c0fbb30686dcfa011ecb', class: "mb-3" }, index.h("iframe-input", { key: 'cabb51df56859dcf77a8e7b1bd18841eea872a96', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'dc14f4d1cadd95587cee0e0fbf82b48b7ade1ffb', class: "row" }, index.h("div", { key: 'd6637ada2d0b35e41ffceedd4427bc8e819a564d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '57bac9f6b1695cb62f60483b4350aa9a1365f944', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '2264ccbe1c8ca30b3359cf52b3cef7ac0707462e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0195b665d1b4809c9ab04c68fcd3de6a1f6af562', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '07578e7173b66895b84091184f7f3166fcf00314', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'cea4796ffdec09d0c9b56d3a09d5e0571744a966', 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 +350,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 +359,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("form-control-checkbox", { key: 'aff52e51dac64207f95e439b26902c772d84963d', 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-dm_GlYlb.js');
-var utils = require('./utils-Df-pajL7.js');
-var business_service = require('./business.service-C3BdUPlm.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-Bzyj4qWe.js');
+var business_service = require('./business.service-BB6zl4Gc.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.js');
 require('./parts-9jMf1erK.js');
-require('./Api-CPuq_15r.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+require('./Api-DyimBzKT.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.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-CuNDvHTB.js');
+require('./package-XG0rW7xm.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,34 +1,34 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.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-5xZf-jax.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
-var button = require('./button-CfVQSysQ.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-var header1 = require('./header-1-DD41iNlG.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.js');
+var button = require('./button-DsHDMHaa.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
+var header1 = require('./header-1-DRA3f4Jh.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-C3BdUPlm.js');
+var business_service = require('./business.service-BB6zl4Gc.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-jek_iZ9W.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+require('./index-B32W0A3m.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-CuNDvHTB.js');
-require('./Api-CPuq_15r.js');
+require('./package-XG0rW7xm.js');
+require('./Api-DyimBzKT.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');
 

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

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