@justifi/webcomponents 5.7.6-rc-03 → 5.7.6-rc-05

package/dist/cjs/justifi-season-interruption-insurance-core.cjs.entry.js

@@ -1,16 +1,13 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var utils = require('./utils-DqlrBltg.js');
-var insuranceState = require('./insurance-state-kH0kuTD8.js');
+var index = require('./index-dm_GlYlb.js');
+var utils = require('./utils-Dka3MplB.js');
+var insuranceState = require('./insurance-state-qT_hkvZV.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
-var header2 = require('./header-2-BXQLJn1q.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CbZBGO47.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-BCtVWU61.js');
+var skeleton = require('./skeleton-x-GSs3xk.js');
+require('./index-Yd9aLenr.js');
 
 const SeasonInterruptionInsuranceLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -117,7 +114,7 @@ const SeasonInterruptionInsuranceCore = class {
         var _a, _b, _c, _d;
         if (this.isLoading)
             return (index.h(styledHost.StyledHost, null, index.h(SeasonInterruptionInsuranceLoading, null)));
-        return (index.h(styledHost.StyledHost, null, index.h(header2.Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), index.h("form-control-radio", { label: `Accept coverage for ${utils.formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
+        return (index.h(styledHost.StyledHost, null, index.h(insuranceState.Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), index.h("form-control-radio", { label: `Accept coverage for ${utils.formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
             // don't wanna show error message, but need to show the red border
             errorText: this.error ? ' ' : undefined }), index.h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), index.h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: parts.textDanger }, "Please select an option"), index.h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: parts.text })));
     }

package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js

@@ -1,23 +1,22 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var Api = require('./Api-eP0XeJLd.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-require('./Refund-08OcZkXX.js');
+var index = require('./index-dm_GlYlb.js');
+var Api = require('./Api-p2pK86Zd.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-IGCnjtqc.js');
-var checkPkgVersion = require('./check-pkg-version-DBocF2eE.js');
-var checkout_store = require('./checkout.store--pVCO0L1.js');
-require('./config-state-Dz9bnWHg.js');
-require('./index-BCtVWU61.js');
-require('./utils-DqlrBltg.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var utils = require('./utils-DvUQQLmR.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var checkout_store = require('./checkout.store-mEv437nN.js');
+require('./config-state-5xZf-jax.js');
+require('./index-Yd9aLenr.js');
+require('./utils-Dka3MplB.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-BM2FCIB8.js');
+require('./package-pyzAPwrl.js');
 
 const api = Api.Api();
 class InsuranceService {
@@ -121,7 +120,7 @@ const SeasonInterruptionInsurance = class {
         this.toggleCoverage = makeToggleCoverage(config);
     }
     render() {
-        return (index.h("justifi-season-interruption-insurance-core", { key: '394fc5030f618621fe87b8760b9d0847fa3a496c', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkout_store.checkoutStore.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (index.h("justifi-season-interruption-insurance-core", { key: 'a563c1f6daf665c6ae06442c18dd25400b420f39', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkout_store.checkoutStore.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 };
 

package/dist/cjs/justifi-skeleton.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
-var skeleton = require('./skeleton-CbZBGO47.js');
+var index = require('./index-dm_GlYlb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
+var skeleton = require('./skeleton-x-GSs3xk.js');
 require('./parts-9jMf1erK.js');
 
 const JustifiSkeleton = class {
@@ -10,7 +10,7 @@ const JustifiSkeleton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '9928d91672d7ce5854f08d190dc55d8dd1d763e9' }, index.h(skeleton.Skeleton, { key: 'eb9bf35e904235d89cb06a2ee4de3edc8e05b12b', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (index.h(styledHost.StyledHost, { key: '4c06883ecab0314da95dbfdab5a9ff46be2286b5' }, index.h(skeleton.Skeleton, { key: 'ebe43cc3008e04345c3daf16c44d94d78b99fab6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 };
 

package/dist/cjs/justifi-terminal-orders-list-filters.cjs.entry.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var terminalOrdersListParamsState = require('./terminal-orders-list-params-state-DZUKBmLC.js');
+var index = require('./index-dm_GlYlb.js');
+var terminalOrdersListParamsState = require('./terminal-orders-list-params-state-BNbT1fuJ.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./config-state-Dz9bnWHg.js');
-var utils = require('./utils-DqlrBltg.js');
-require('./ComponentError-CEv9ltwy.js');
-var Refund = require('./Refund-08OcZkXX.js');
+require('./config-state-5xZf-jax.js');
+var utils = require('./utils-Dka3MplB.js');
+require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./index-BCtVWU61.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -62,8 +61,8 @@ const TerminalOrdersListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, terminalOrdersListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '24b9da56d6bef1aa545007f2dba95b1da7fa4f4d' }, index.h("table-filters-menu", { key: 'ac3c26800fff2176782cf8240916cfd7e9a20333', params: filterMenuParams, clearParams: terminalOrdersListParamsState.clearParams, part: parts.terminalOrdersListFilterMenu }, index.h("div", { key: 'cf11a3bc06453a9970120d0ac05334754a51181b', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'e72c2e114463c57e0de6042f2b3c419359f416ab', class: "p-2" }, index.h("form-control-select", { key: 'b2a3d66f6c0bb9fcf1da45cddc0b9df78ffa5ef8', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || terminalOrdersListParamsState.filterParams.order_status, disabled: !!this.orderStatus, part: parts.orderStatusTerminalOrdersListFilterParam })), index.h("div", { key: '944a5f0ff5ff2fb87bee60da154b8dd03660e4f3', class: "p-2" }, index.h("form-control-select", { key: '992921c6f9ecf20587f814f87a44179db3fe49fd', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || terminalOrdersListParamsState.filterParams.order_type, disabled: !!this.orderType, part: parts.orderTypeTerminalOrdersListFilterParam })), index.h("div", { key: '5acb3775b09fd508cfc77bf4b309cf43ca71a47a', class: "p-2" }, index.h("form-control-date", { key: '2b712d2c2903f2d579ada15a0e27eb97cc38c2f9', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(terminalOrdersListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterTerminalOrdersListFilterParam })), index.h("div", { key: '66dae53f3fe0a6147570b15e6e85f7a821d7a322', class: "p-2" }, index.h("form-control-date", { key: '3715aab2b7637c67b1373bd0135a8a35c2b5a34c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '5d932175571fd96f24067e927fb6729d785e5c52' }, index.h("table-filters-menu", { key: 'fcb0b6badd3028712725aa45fde2a33bacfc905f', params: filterMenuParams, clearParams: terminalOrdersListParamsState.clearParams, part: parts.terminalOrdersListFilterMenu }, index.h("div", { key: '246b028709e4197ef45d7ff0576adba6e4d9ef2c', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9671af4aa1ae6b152c20692c4a6702a71d4e5443', class: "p-2" }, index.h("form-control-select", { key: '3f6e6f23871bb6b9f7891e728f9f6b39946d599d', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || terminalOrdersListParamsState.filterParams.order_status, disabled: !!this.orderStatus, part: parts.orderStatusTerminalOrdersListFilterParam })), index.h("div", { key: '208f4c34252952f6b56110ddb541148893812c20', class: "p-2" }, index.h("form-control-select", { key: 'ae2e36d2c989401a5571c5d5ef7ff28cd1249573', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || terminalOrdersListParamsState.filterParams.order_type, disabled: !!this.orderType, part: parts.orderTypeTerminalOrdersListFilterParam })), index.h("div", { key: 'c4732dc13f6e2c312f50f083adb6fe28fc5375e5', class: "p-2" }, index.h("form-control-date", { key: 'e4c2af029217f4b9529d012ff5857333301b9564', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(terminalOrdersListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterTerminalOrdersListFilterParam })), index.h("div", { key: '81235841027ae7cd8afafb857e45e3f9cd409210', class: "p-2" }, index.h("form-control-date", { key: '4b1e1c8c5be0032148422223126d2b30405cef2f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(terminalOrdersListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.createdBeforeTerminalOrdersListFilterParam }))))));
     }
 };

package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js

@@ -1,25 +1,24 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var index = require('./index-dm_GlYlb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DBocF2eE.js');
-var terminalOrdersTable = require('./terminal-orders-table-DTZUpjkG.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var terminalOrdersTable = require('./terminal-orders-table-v0Sn7jUg.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-IGCnjtqc.js');
-var Api = require('./Api-eP0XeJLd.js');
-require('./package-BM2FCIB8.js');
+var utils = require('./utils-DvUQQLmR.js');
+var Api = require('./Api-p2pK86Zd.js');
+require('./package-pyzAPwrl.js');
 require('./parts-9jMf1erK.js');
-require('./utils-DqlrBltg.js');
-require('./badge-DDksduwk.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+require('./badge-CMmPvqtE.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -103,7 +102,7 @@ const TerminalOrdersList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e0fcbc2ccb76acdbcd7a18772d509995c81b1ae1' }, index.h("terminal-orders-list-core", { key: '21b108f554caa4343ecbd3bffa404c01442ef938', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '2c853865fea3d5d1cbb531474e6caefdeb26bf75' }, index.h("terminal-orders-list-core", { key: '15591658366c6e127bb449c261dd980406025203', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 };
 

package/dist/cjs/justifi-terminals-list-filters.cjs.entry.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
 var lodash = require('./lodash-CvSCBJ_8.js');
-var terminalsListParamsState = require('./terminals-list-params-state-DZUKBmLC.js');
+var terminalsListParamsState = require('./terminals-list-params-state-BNbT1fuJ.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-require('./ComponentError-CEv9ltwy.js');
-var Refund = require('./Refund-08OcZkXX.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-BCtVWU61.js');
-require('./utils-DqlrBltg.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -51,7 +51,7 @@ const TerminalsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, terminalsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'a5fe1671dd03e1290544f3deaf5aa01b5d937d9d' }, index.h("table-filters-menu", { key: 'f7a3d95c1b0ad0b52b96f990fd56fdbe64643493', params: filterMenuParams, clearParams: terminalsListParamsState.clearParams, part: parts.terminalsListFilterMenu }, index.h("div", { key: '92b0144a5ab7eee377e053e9b006af846ac43d64', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3970a2e11f3be7953af299be4825166a829e9a0a', class: "p-2" }, index.h("form-control-text", { key: '0653692eaffdb14b092643a9f3c1b8e126c942db', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || terminalsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdTerminalsListFilterParam })), index.h("div", { key: 'c9d152d0a2d7e7b7fd7e72693a2248a020545a24', class: "p-2" }, index.h("form-control-text", { key: '785e7b382d9cadb72e242a379f2525b2da5140de', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || terminalsListParamsState.filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: parts.terminalOrderIdTerminalsListFilterParam })), index.h("div", { key: 'f4f1e79eb81a72dd25bb4f4c14450ca82657f213', class: "p-2" }, index.h("form-control-select", { key: '52b390e42309e13e2f09df0681392bbf8e84aed8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || terminalsListParamsState.filterParams.status, disabled: !!this.terminalStatus, part: parts.terminalStatusTerminalsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: 'b32f589caa366ab175098680b68ed764097bd7f2' }, index.h("table-filters-menu", { key: '9461ce43a1fc7eb1ab9a75ea54c3fa577ac816fe', params: filterMenuParams, clearParams: terminalsListParamsState.clearParams, part: parts.terminalsListFilterMenu }, index.h("div", { key: '4ecba8ce9973ea8776fd014e2aaa2075a1272bea', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9a765cad893566c25e17eb78fb7a915965ea89c7', class: "p-2" }, index.h("form-control-text", { key: '0fa90fc37d1ae5c240efc2edae27779cb130213e', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || terminalsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdTerminalsListFilterParam })), index.h("div", { key: 'd62636bb773168feb620851aed46697fd5b1adab', class: "p-2" }, index.h("form-control-text", { key: 'c9ebb51bb99e03ce77b001b40596aa3f154abb94', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || terminalsListParamsState.filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: parts.terminalOrderIdTerminalsListFilterParam })), index.h("div", { key: 'e7d96f3b480c32ddd21a0b2984a602bc75af6e4c', class: "p-2" }, index.h("form-control-select", { key: '20bcd18f7310ac2b05ff9536107cb1435b3d99b3', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || terminalsListParamsState.filterParams.status, disabled: !!this.terminalStatus, part: parts.terminalStatusTerminalsListFilterParam }))))));
     }
 };
 

package/dist/cjs/justifi-terminals-list.cjs.entry.js

@@ -1,28 +1,27 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var checkPkgVersion = require('./check-pkg-version-DBocF2eE.js');
-var terminal_service = require('./terminal.service-CcBCXxNm.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var index = require('./index-dm_GlYlb.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var terminal_service = require('./terminal.service-I07QoXPB.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-IGCnjtqc.js');
-var getSubaccounts = require('./get-subaccounts-DKyvT-ZF.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var utils = require('./utils-DvUQQLmR.js');
+var getSubaccounts = require('./get-subaccounts-CvtcQGsb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var terminalsTable = require('./terminals-table-DOqVeHM1.js');
-require('./package-BM2FCIB8.js');
-require('./Api-eP0XeJLd.js');
-require('./utils-DqlrBltg.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var terminalsTable = require('./terminals-table-CGG9EhiI.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./badge-DDksduwk.js');
+require('./badge-CMmPvqtE.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -109,7 +108,7 @@ const TerminalsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '57a9be57de845dc3f905260445e245cf30458af8' }, index.h("terminals-list-core", { key: '00f79218e216fffc12ecfc3b158cd299ad054349', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '8645e44a4c7754b32faccc639a262d495cd1a0e0' }, index.h("terminals-list-core", { key: 'ffc7d495380aad7b5fabc7fdcdefcd6ec4fe10de', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js

@@ -1,243 +1,86 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var index = require('./index-dm_GlYlb.js');
+var button = require('./button-CfVQSysQ.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DBocF2eE.js');
-var Refund = require('./Refund-08OcZkXX.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkout_store = require('./checkout.store--pVCO0L1.js');
-require('./package-BM2FCIB8.js');
-require('./Api-eP0XeJLd.js');
-require('./utils-DqlrBltg.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var checkout_store = require('./checkout.store-mEv437nN.js');
+require('./parts-9jMf1erK.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
-// Constants
-const PAYMENT_METHOD_TYPE_LABELS = {
-    [Refund.PaymentMethodTypes.bankAccount]: 'New bank account',
-    [Refund.PaymentMethodTypes.card]: 'New credit or debit card',
-};
-const ERROR_MESSAGES = {
-    AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
-    ACCOUNT_ID_REQUIRED: 'Account ID is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
-    FORM_NOT_READY: 'Payment form not ready',
-    VALIDATION_ERROR: 'Validation error',
-};
 const TokenizePaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
         this.submitEvent = index.createEvent(this, "submit-event");
-        this.isLoading = false;
-        this.saveNewPaymentMethodChecked = false;
         this.submitButtonText = 'Submit';
+        this.isLoading = false;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-        this.validateRequiredProps();
-    }
-    connectedCallback() {
-        this.setDefaultSelectedPaymentMethod();
+        if (!this.authToken) {
+            this.authToken = checkout_store.checkoutStore.authToken;
+        }
+        if (!this.accountId) {
+            this.accountId = checkout_store.checkoutStore.accountId;
+        }
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    paymentMethodsChanged() {
-        this.setDefaultSelectedPaymentMethod();
-    }
-    handleRadioClick(event) {
-        this.selectedPaymentMethodId = event.detail;
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        var _a;
-        (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
-    }
+    ;
     async tokenizePaymentMethod(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event && event.preventDefault();
         this.isLoading = true;
+        let tokenizeResponse;
         try {
-            const validation = await this.validate();
-            if (!validation.isValid) {
-                this.errorEvent.emit({
-                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                    message: ERROR_MESSAGES.VALIDATION_ERROR,
-                });
-                this.isLoading = false;
-                return;
-            }
-            const tokenizeResponse = await this.resolvePaymentMethod({ isValid: true });
+            tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
             if (tokenizeResponse.error) {
-                this.emitError({
+                this.errorEvent.emit({
                     errorCode: tokenizeResponse.error.code,
                     message: tokenizeResponse.error.message,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
                 });
             }
-            this.submitEvent.emit({ response: tokenizeResponse });
-            return tokenizeResponse;
         }
         catch (error) {
-            const errorResponse = this.createErrorResponse(ComponentError.ComponentErrorCodes.TOKENIZE_ERROR, error.message);
-            this.emitError({
+            const errorData = {
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: error.message,
-            });
-            this.submitEvent.emit({ response: errorResponse });
-            return errorResponse;
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            };
+            this.errorEvent.emit(errorData);
         }
         finally {
+            this.submitEvent.emit({ response: tokenizeResponse });
             this.isLoading = false;
+            return tokenizeResponse;
         }
     }
-    async validate() {
-        if (!this.areFormsReady()) {
-            return { isValid: false, errors: { general: ERROR_MESSAGES.FORM_NOT_READY } };
-        }
-        const [billingValidation, paymentMethodValidation] = await Promise.all([
-            this.billingFormRef.validate(),
-            this.paymentMethodFormRef.validate(),
-        ]);
-        return {
-            isValid: billingValidation.isValid && paymentMethodValidation.isValid,
-            errors: Object.assign(Object.assign({}, billingValidation.errors), paymentMethodValidation.errors),
-        };
-    }
-    validateRequiredProps() {
-        if (!this.authToken && !checkout_store.checkoutStore.authToken) {
-            this.emitError({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
-            });
-        }
-        if (!this.accountId && !checkout_store.checkoutStore.accountId) {
-            this.emitError({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
-            });
-        }
-    }
-    setDefaultSelectedPaymentMethod() {
-        if (!this.selectedPaymentMethodId) {
-            if (!this.disableCreditCard) {
-                this.selectedPaymentMethodId = Refund.PaymentMethodTypes.card;
-            }
-            else if (!this.disableBankAccount) {
-                this.selectedPaymentMethodId = Refund.PaymentMethodTypes.bankAccount;
-            }
-        }
-    }
-    get availablePaymentMethods() {
-        const methods = [];
-        if (!this.disableCreditCard) {
-            methods.push(Refund.PaymentMethodTypes.card);
-        }
-        if (!this.disableBankAccount) {
-            methods.push(Refund.PaymentMethodTypes.bankAccount);
-        }
-        return methods;
-    }
-    areFormsReady() {
-        return !!(this.billingFormRef && this.paymentMethodFormRef);
-    }
-    emitError(errorData) {
-        this.errorEvent.emit(Object.assign(Object.assign({}, errorData), { severity: ComponentError.ComponentErrorSeverity.ERROR }));
-    }
-    createErrorResponse(code, message) {
-        return {
-            error: {
-                code: code,
-                message,
-                decline_code: undefined,
-            },
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        if (!this.areFormsReady()) {
-            return this.createErrorResponse('form_not_ready', ERROR_MESSAGES.FORM_NOT_READY);
-        }
-        try {
-            const validation = await this.validate();
-            if (!validation.isValid || !insuranceValidation.isValid) {
-                const errorMessage = Object.values(validation.errors)[0] || ERROR_MESSAGES.VALIDATION_ERROR;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message: String(errorMessage),
-                        decline_code: undefined,
-                    },
-                };
-            }
-            return await this.performTokenization();
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async performTokenization() {
-        var _a, _b;
-        const tokenizeResponse = await this.tokenize();
-        if (tokenizeResponse.error) {
-            return { error: tokenizeResponse.error };
-        }
-        const tokenizeResponseData = tokenizeResponse.data;
-        return {
-            token: ((_a = tokenizeResponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeResponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-            data: tokenizeResponseData,
-        };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            const config = {
-                clientId: this.authToken || checkout_store.checkoutStore.authToken,
-                account: this.accountId || checkout_store.checkoutStore.accountId,
-                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
-            };
-            return await this.paymentMethodFormRef.tokenize(config);
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    buildPaymentMethodMetadata(billingFormFieldValues) {
-        return this.saveNewPaymentMethodChecked
-            ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId }) : Object.assign({}, billingFormFieldValues);
-    }
-    get shouldHideRadioInput() {
-        const showCard = !this.disableCreditCard;
-        const showAch = !this.disableBankAccount;
-        return !showAch || !showCard;
-    }
-    renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethodId === paymentMethodType;
-        return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
-    }
-    renderSelectedPaymentMethodForm(paymentMethodId) {
-        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
-    renderPaymentMethodForm(paymentMethodId) {
-        return paymentMethodId === Refund.PaymentMethodTypes.card ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
+    async validate() {
+        return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c3c12d1c58540f7fe794bc999e8cc8f47e9e1f8c' }, index.h("form", { key: 'aeb7843431a96feb79da49f1c28e0de6dc2d65c4' }, index.h("fieldset", { key: 'e890fbe8bb05bb6d74f8cabc9f4eb4feee4284ee' }, index.h("div", { key: '5abfab85b050239deea655dc777ff026b6627b8b', class: "row gy-3" }, index.h("div", { key: '9bb9dd865d6b2162d19a773ca232934da71bd792', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'aac644f69aa0e68632b850fc0f5c1442e26979e4', class: "col-12" }, index.h("justifi-button", { key: 'd2a35bd402b0d45dbcb48fefd44a624d4ab27a64', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '6e7b234e3765b82dfe2451544921e3f6a96f7dec' }, index.h("form", { key: 'df5d244cae1b7204928e6c67a53901fa9bce0c23' }, index.h("fieldset", { key: '792d260c13b348c00f0859ee715ff72e849333e1' }, index.h("div", { key: 'e75ce50e15fa074b31436fd1a031a1edb7be399d', class: "row gy-3" }, index.h("div", { key: '34d1c5d25ad741acb0c91320018c8ec789d6fba4', class: "col-12" }, index.h("justifi-payment-method-options", { key: '08cbb9393087384d9605414694e905b1a293db98', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), index.h("div", { key: '3cc39e4b7c637ad3876ed8b20aaba656552e04dd', class: "col-12" }, index.h(button.Button, { key: 'ef5a9a545a8765666026400f8e6b23aa919521fb', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
-    static get watchers() { return {
-        "disableCreditCard": ["paymentMethodsChanged"],
-        "disableBankAccount": ["paymentMethodsChanged"]
-    }; }
 };
 
 exports.justifi_tokenize_payment_method = TokenizePaymentMethod;