@justifi/webcomponents 5.7.3 → 5.7.4-rc-01

package/dist/cjs/{business-identity-schema-Diqj_WVQ.js → business-identity-schema-hk4UVEna.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var form = require('./form-CWW8IM-X.js');
+var schemaValidations = require('./schema-validations-CllkToCZ.js');
 
 const addressSchema = (allowOptionalFields) => {
-    const schema = index_esm.create$3({
+    const schema = form.create$3({
         line1: schemaValidations.lineOneValidation.required('Enter street address'),
         line2: schemaValidations.lineTwoValidation.nullable(),
         city: schemaValidations.cityValidation.required('Enter city'),
         state: schemaValidations.stateValidation.required('Select state'),
         postal_code: schemaValidations.postalValidation.required('Enter postal code'),
-        country: index_esm.create$6().required('Select country')
+        country: form.create$6().required('Select country')
     });
-    const easySchema = index_esm.create$3({
+    const easySchema = form.create$3({
         line1: schemaValidations.lineOneValidation.nullable(),
         line2: schemaValidations.lineTwoValidation.nullable(),
         city: schemaValidations.cityValidation.nullable(),
         state: schemaValidations.stateValidation.nullable(),
         postal_code: schemaValidations.postalValidation.nullable(),
-        country: index_esm.create$6().required('Select country')
+        country: form.create$6().required('Select country')
     });
     return allowOptionalFields ? easySchema : schema;
 };
 
 const identitySchema = (role, allowOptionalFields) => {
-    const schema = index_esm.create$3({
+    const schema = form.create$3({
         name: schemaValidations.identityNameValidation.required(`Enter ${role} name`),
         title: schemaValidations.identityTitleValidation.required(`Enter ${role} title`),
         email: schemaValidations.emailValidation.required(`Enter ${role} email`),
         phone: schemaValidations.phoneValidation.required('Enter phone number'),
         dob_full: schemaValidations.dobValidation(role).required('Enter date of birth'),
-        ssn_last4: index_esm.create$6().nullable(),
+        ssn_last4: form.create$6().nullable(),
         identification_number: schemaValidations.ssnValidation,
         address: addressSchema(allowOptionalFields),
     });
-    const easySchema = index_esm.create$3({
+    const easySchema = form.create$3({
         name: schemaValidations.identityNameValidation.required(`Enter ${role} name`),
         title: schemaValidations.identityTitleValidation.nullable(),
         email: schemaValidations.emailValidation.nullable(),
         phone: schemaValidations.phoneValidation.nullable(),
         dob_full: schemaValidations.dobValidation(role).nullable(),
-        ssn_last4: index_esm.create$6().nullable(),
+        ssn_last4: form.create$6().nullable(),
         identification_number: schemaValidations.ssnValidation.nullable(),
         address: addressSchema(allowOptionalFields),
     });

package/dist/cjs/{business.service-CsKKWn0g.js → business.service-BjlK8M6t.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CJ1_RDQW.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');

package/dist/cjs/{button-DXvFLf3b.js → button-0HYMPryx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },

package/dist/cjs/checkout-actions-CRbQgLn0.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
+
+const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchCheckout(authToken, checkoutId);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.complete(authToken, checkoutId, payment);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+exports.makeCheckoutComplete = makeCheckoutComplete;
+exports.makeGetCheckout = makeGetCheckout;

package/dist/cjs/{checkout.service-CugpgJy_.js → checkout.service-Bln6jCAj.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CJ1_RDQW.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');

package/dist/cjs/checkout.store-LEOetpmH.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-BCtVWU61.js');
+
+const initialState = {
+    authToken: '',
+    accountId: '',
+    paymentMethods: [],
+    paymentMethodGroupId: '',
+    paymentDescription: '',
+    totalAmount: 0,
+    paymentAmount: 0,
+    selectedPaymentMethod: '',
+    checkoutId: '',
+    bnplEnabled: false,
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+};
+const { state, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        state[key] = newValue;
+    });
+});
+
+exports.state = state;

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -1,26 +1,26 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
-require('./config-state-BH7lf2ok.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-Cvr8-PLT.js');
+var table = require('./table-CxvETNS1.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-BV-36YfA.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BZPc3hJS.js');
-require('./index-oahmQhrI.js');
+var checkoutsTable = require('./checkouts-table-CrpOOe_e.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-Cz4By3FY.js');
-require('./badge-ByHiVqEE.js');
+require('./spinner-CIZFX7bz.js');
+require('./badge-DDksduwk.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -138,7 +138,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, index.h(table.TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, index.h(table.TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, index.h(table.TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, index.h(table.TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, index.h(table.TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, index.h(table.TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: 'c496328d1840fb1f823f233c04c78525b5f12553' }, index.h(table.TableComponent, { key: 'f994cfed9bf75a299fc94dd22306911d84b44541' }, index.h(table.TableHead, { key: '0ffb6ce97ebe1a35eb0143b43767223d844a70e0' }, index.h(table.TableHeadRow, { key: 'd063eaafc44bf75be0de5463a1f9b2789ec8b76e' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '624a316c1631070a999c48342e71c55207b51be3' }, index.h(table.TableLoadingState, { key: '0f7444acf626537bf2179fdb64a435550bcf20d3', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'ea68f85498d3bcbb44c8d9158d5cc6a228867e6c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'db72f0190431182f410f246ad00fceb51901fd66', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '855184d90f85a1dd299c372b5b065e1af2151a99' }, index.h(table.TableFootRow, { key: 'b216c505abd04f79c0a733312fc5babdb35f2b77' }, index.h(table.TableFootCell, { key: 'efa83af6ee8543443826ccfe4efc230afc5d05f6', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '70664e167672a40b63c7fdd2603c52e8584870e9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-list-params-state-BZPc3hJS.js → checkouts-list-params-state-DZUKBmLC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-oahmQhrI.js');
+var index = require('./index-BCtVWU61.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{checkouts-table-BV-36YfA.js → checkouts-table-CrpOOe_e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
+var index = require('./index-D5bL1DOi.js');
 var utils = require('./utils-qOon0GWm.js');
-var badge = require('./badge-ByHiVqEE.js');
+var badge = require('./badge-DDksduwk.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {

package/dist/cjs/{config-state-BH7lf2ok.js → config-state-Dz9bnWHg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-oahmQhrI.js');
+var index = require('./index-BCtVWU61.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

package/dist/cjs/custom-popper_4.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-B-3qE49U.js');
+var formControlErrorText = require('./form-control-error-text-CVPYL0lE.js');
 require('./event-types-YOY5TKUN.js');
 
 var top = 'top';
@@ -1877,7 +1877,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, index.h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
+        return (index.h("div", { key: 'f0fa57ab03b7b98fbf1f869ebae9410bab1b4e5f' }, index.h("style", { key: 'f8e39710d856d83d393713f0dbe42b404e60f1d8' }, `
           .popper-content {
             display: none;
           }
@@ -1885,7 +1885,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
+          `), index.h("div", { key: '74550d809cb22ddc60ab2762c6f0ea7914b05865', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '37b78e823f0bec6ebbe7a4d3dd2f177ec96a647a' }))));
     }
 };
 
@@ -1926,10 +1926,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, index.h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, index.h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), index.h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, index.h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, index.h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), index.h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -1974,10 +1974,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '9ceda4ac9f8bd1ab572652b1818672948ad7d66f' }, index.h("div", { key: 'da631a05be3b84ca86a91a360eb7f6a3a3468b78', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd5c5b7fe29e611806c63e43aa99c9831d4e8ba35', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '327ca9d8520ba4814104667da7cd8275489431ee', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '32678aefb28b06734c80e1f37b5c4b546ad0770b', helpText: this.helpText })), index.h("input", { key: '85152fdebfa1081e84e2c8adf760e4f7f6a94ea0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, index.h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, index.h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), index.h("input", { key: '10f02be3c0d055089697155878fedc23aa9f31e3', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: 'd0d8bd801df53a377010b89167d30ded49bc2cdc', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{dispute.service-B8vLwAZm.js → dispute.service-Bo84yh33.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CJ1_RDQW.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');