@justifi/webcomponents 5.7.3 → 5.7.4-rc-01

package/dist/esm/checkout-actions-UQ6g1s7I.js

@@ -0,0 +1,58 @@
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.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 = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: 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 = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+export { makeCheckoutComplete as a, makeGetCheckout as m };

package/dist/esm/{checkout.service-DqXrjRw7.js → checkout.service-jmweME4d.js}

@@ -1,9 +1,9 @@
-import { A as Api } from './Api-CZhQlPMs.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 

package/dist/esm/checkout.store-Ffl2B_i4.js

@@ -0,0 +1,27 @@
+import { c as createStore } from './index-BAq5IUBW.js';
+
+const initialState = {
+    authToken: '',
+    accountId: '',
+    paymentMethods: [],
+    paymentMethodGroupId: '',
+    paymentDescription: '',
+    totalAmount: 0,
+    paymentAmount: 0,
+    selectedPaymentMethod: '',
+    checkoutId: '',
+    bnplEnabled: false,
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+};
+const { state, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        state[key] = newValue;
+    });
+});
+
+export { state as s };

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

@@ -1,24 +1,24 @@
-import { r as registerInstance, c as createEvent, h } from './index-DeiW2BDb.js';
-import './config-state-ecb1EsvM.js';
-import './utils-DB5fh6Iv.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
+import './config-state-B3mtRA6f.js';
+import './utils-BjLkBMLe.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-CqDcXJpP.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-wp341KhD.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-p7UZFB5v.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-BI3u1DYG.js';
-import './index-Dc7aGxx-.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-BS_UiHaT.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-DFWVMJRJ.js';
+import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-BrLVc_85.js';
-import './spinner-CrzsUbgI.js';
-import './badge-Bbh4S1LJ.js';
+import './parts-_6eQgwfE.js';
+import './spinner-Dtab-HTx.js';
+import './badge-DHaTxWwu.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -136,7 +136,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, h(TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, h(TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, h(TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, h(TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, h(TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, h(TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c496328d1840fb1f823f233c04c78525b5f12553' }, h(TableComponent, { key: 'f994cfed9bf75a299fc94dd22306911d84b44541' }, h(TableHead, { key: '0ffb6ce97ebe1a35eb0143b43767223d844a70e0' }, h(TableHeadRow, { key: 'd063eaafc44bf75be0de5463a1f9b2789ec8b76e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '624a316c1631070a999c48342e71c55207b51be3' }, h(TableLoadingState, { key: '0f7444acf626537bf2179fdb64a435550bcf20d3', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ea68f85498d3bcbb44c8d9158d5cc6a228867e6c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'db72f0190431182f410f246ad00fceb51901fd66', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '855184d90f85a1dd299c372b5b065e1af2151a99' }, h(TableFootRow, { key: 'b216c505abd04f79c0a733312fc5babdb35f2b77' }, h(TableFootCell, { key: 'efa83af6ee8543443826ccfe4efc230afc5d05f6', colSpan: this.checkoutsTable.columnData.length }, 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/esm/{checkouts-list-params-state-BI3u1DYG.js → checkouts-list-params-state-DFWVMJRJ.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Dc7aGxx-.js';
+import { c as createStore } from './index-BAq5IUBW.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{checkouts-table-p7UZFB5v.js → checkouts-table-BS_UiHaT.js}

@@ -1,7 +1,7 @@
-import { h } from './index-DeiW2BDb.js';
-import { b as formatTime, d as formatDate } from './utils-DB5fh6Iv.js';
-import { B as BadgeVariant, a as Badge } from './badge-Bbh4S1LJ.js';
-import { P as tableHeadCell, Q as getAlternateTableCellPart } from './parts-BrLVc_85.js';
+import { h } from './index-N3w5zrz2.js';
+import { b as formatTime, d as formatDate } from './utils-BjLkBMLe.js';
+import { B as BadgeVariant, a as Badge } from './badge-DHaTxWwu.js';
+import { I as tableHeadCell, J as getAlternateTableCellPart } from './parts-_6eQgwfE.js';
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{config-state-ecb1EsvM.js → config-state-B3mtRA6f.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Dc7aGxx-.js';
+import { c as createStore } from './index-BAq5IUBW.js';
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DeiW2BDb.js';
-import { c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused, aw as tooltip, ax as tooltipInner, ay as tooltipIcon } from './parts-BrLVc_85.js';
-import { F as FormControlErrorText } from './form-control-error-text-lGsxANkt.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-N3w5zrz2.js';
+import { c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused, aw as tooltip, ax as tooltipInner, ay as tooltipIcon } from './parts-_6eQgwfE.js';
+import { F as FormControlErrorText } from './form-control-error-text-C93L7yFm.js';
 import './event-types-CZfYo5-1.js';
 
 var top = 'top';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
+        return (h("div", { key: 'f0fa57ab03b7b98fbf1f869ebae9410bab1b4e5f' }, h("style", { key: 'f8e39710d856d83d393713f0dbe42b404e60f1d8' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
+          `), h("div", { key: '74550d809cb22ddc60ab2762c6f0ea7914b05865', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '37b78e823f0bec6ebbe7a4d3dd2f177ec96a647a' }))));
     }
 };
 
@@ -1924,10 +1924,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), 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 => (h("option", { value: option.value }, option.label)))), h(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 => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -1972,10 +1972,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '9ceda4ac9f8bd1ab572652b1818672948ad7d66f' }, h("div", { key: 'da631a05be3b84ca86a91a360eb7f6a3a3468b78', class: "form-group d-flex flex-column" }, h("div", { key: 'd5c5b7fe29e611806c63e43aa99c9831d4e8ba35', class: "d-flex align-items-start gap-2" }, h("label", { key: '327ca9d8520ba4814104667da7cd8275489431ee', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '32678aefb28b06734c80e1f37b5c4b546ad0770b', helpText: this.helpText })), h("input", { key: '85152fdebfa1081e84e2c8adf760e4f7f6a94ea0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), 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 }), h(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 }), h(FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{dispute.service-DpgnWZA1.js → dispute.service-DWQ8DPZa.js}

@@ -1,9 +1,9 @@
-import { A as Api } from './Api-CZhQlPMs.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';