@justifi/webcomponents 4.23.1 → 5.0.0-rc-1

package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const businessFormTypes = require('./business-form-types-719b7f52.js');
+const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const helpers = require('./helpers-602962eb.js');
-const styledHost = require('./styled-host-1adf46c3.js');
+const parts = require('./parts-811ddb9c.js');
+const styledHost = require('./styled-host-94309bab.js');
+const header1 = require('./header-1-cb7af794.js');
+const eventTypes = require('./event-types-180a85a9.js');
 require('./state-options-4fbcb48a.js');
 
 const PaymentProvisioningCore = class {
@@ -14,7 +16,7 @@ const PaymentProvisioningCore = class {
         index.registerInstance(this, hostRef);
         this.clickEvent = index.createEvent(this, "click-event", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitted = index.createEvent(this, "submitted", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
         this.setBusinessProvisioned = () => {
             this.getBusiness({
                 onSuccess: (response) => {
@@ -39,10 +41,10 @@ const PaymentProvisioningCore = class {
         this.postProvisioningData = () => {
             this.postProvisioning({
                 onSuccess: (response) => {
-                    this.submitted.emit({ data: { response } });
+                    this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
-                    this.submitted.emit({ data: { error } });
+                    this.submitEvent.emit({ response: { error } });
                     this.errorEvent.emit({
                         message: error,
                         errorCode: code,
@@ -59,7 +61,7 @@ const PaymentProvisioningCore = class {
         };
         this.decrementSteps = () => { return this.currentStep--; };
         this.previousStepButtonOnClick = () => {
-            this.clickEvent.emit({ name: businessFormTypes.BusinessFormClickActions.previousStep });
+            this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.previousStep });
             this.decrementSteps();
         };
         this.nextStepButtonOnClick = (e, clickEventName) => {
@@ -79,6 +81,9 @@ const PaymentProvisioningCore = class {
         this.getBusiness = undefined;
         this.postProvisioning = undefined;
     }
+    handleFormCompleted() {
+        this.postProvisioningData();
+    }
     componentWillLoad() {
         this.getBusiness && this.setBusinessProvisioned();
         this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.documentUploadRef, this.termsRef];
@@ -99,7 +104,7 @@ const PaymentProvisioningCore = class {
         this.loading = event.detail;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '80f2730a6a4e273391888b086c3633a3dec012b8', exportparts: 'label,input,input-invalid' }, index.h("div", { key: 'b4e7be2fed14b404ee7bcbe42c3c1c54bb78fdb6', class: 'row gap-3' }, index.h("h1", { key: 'f477beb7934a94a74dfc6b8a9c18cc54a720f70e' }, this.formTitle), index.h("justifi-payment-provisioning-form-steps", { key: 'e74aa3a01cfe7550f4917d28ccda1aca211d9394', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), index.h("div", { key: '26a585ec4b6b677cb01ac17696269168887f4c76', class: 'd-flex justify-content-between align-items-center' }, index.h("div", { key: 'ca5ddc176f8c2eb3315620076b401e47f45039bd', class: 'd-flex align-items-center' }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { key: '8299387bf859b33c829d29d66947c3c053ffa53c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (index.h(styledHost.StyledHost, { key: 'df7f6b5366335e0bd1082bb865c8a460a0b62704' }, index.h("div", { key: '694f4b13ef333959c6efa573d78f415379fbe4fd', class: 'row gap-3' }, index.h(header1.Header1, { key: 'd69dafa307c75ed3583551d86f87b3ec29404218', text: this.formTitle }), index.h("justifi-payment-provisioning-form-steps", { key: 'd33e37ce3f2fdce1eb462d096be9baede1ccee9b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), index.h("div", { key: '8541f7a1c6a69820b73c976894109b5962f26067', class: 'd-flex justify-content-between align-items-center' }, index.h("div", { key: '1a8a0e9af596aa1d7eced5309e1fa2e399f33705', class: 'd-flex align-items-center', part: parts.text }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { key: 'dd29d8b8d4da81f79c2375a5db99dfe796183d09', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 };
 

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const Analytics = require('./Analytics-7ab90cae.js');
+const index = require('./index-5b9a3b5f.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
 const business_service = require('./business.service-7faffa0b.js');
 const config = require('./config-05767cba.js');
 const Api = require('./Api-f5280a80.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
-require('./package-6d1daab8.js');
+require('./package-1a3b3cdf.js');
 require('./utils-7a478c37.js');
 
 class ProvisionService {
@@ -40,7 +39,7 @@ const PaymentProvisioning = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeApi();
     }
     disconnectedCallback() {
@@ -69,7 +68,7 @@ const PaymentProvisioning = class {
         }
     }
     render() {
-        return (index.h("justifi-payment-provisioning-core", { key: '82b3601d3349a92bed1aa93e2a847039d7493c04', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (index.h("justifi-payment-provisioning-core", { key: '845a347f0aead4523515a3a6d34ce7a08cda278a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const lodash = require('./lodash-dbf6a6a4.js');
+const paymentsListParamsState = require('./payments-list-params-state-0ff968a7.js');
+const styledHost = require('./styled-host-94309bab.js');
+const utils = require('./utils-a21b7453.js');
+require('./index-d2d0b181.js');
+
+const PaymentsListFilters = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            paymentsListParamsState.queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = utils.convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodash.lodash.exports.debounce(this.setParamsOnChange, 300);
+    }
+    get paymentStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Pending', value: 'pending' },
+            { label: 'Authorized', value: 'authorized' },
+            { label: 'Succeeded', value: 'succeeded' },
+            { label: 'Failed', value: 'failed' },
+            { label: 'Disputed', value: 'disputed' },
+            { label: 'Refunded', value: 'refunded' }
+        ];
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '9cd31c52650516e81343bf13c3e18ed96258bc57' }, index.h("table-filters-menu", { key: 'eb1abd1876bd3bf52e04108e680c2b006338514c', params: Object.assign({}, paymentsListParamsState.queryParams), clearParams: paymentsListParamsState.clearParams }, index.h("div", { key: '2787fa1c460d45a5d66efe5a2f3ef25333ec9201', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'f7f599337b113e9aad1c72fdb4dd88c3dec92a63', class: "p-2" }, index.h("form-control-text", { key: 'ee692c59649fcbe4ec0e7e5bef891d5145ac4d35', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: paymentsListParamsState.queryParams.payment_id })), index.h("div", { key: '1dce20fc5bb6a69e06e7960349e6f5623d5eef66', class: "p-2" }, index.h("form-control-text", { key: '2a84495e90b49bfa51912251d6c5804646248f7b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: paymentsListParamsState.queryParams.terminal_id })), index.h("div", { key: 'bbd95d93ddb713a4ae90876b735e4f88ce6abfef', class: "p-2" }, index.h("form-control-select", { key: 'ce1b6ac3d27149b013c937e3bdb43257a6f16c86', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: paymentsListParamsState.queryParams.payment_status || '' })), index.h("div", { key: 'ae3b27ef30ded613a255c688162a3ff561a5f5d3', class: "p-2" }, index.h("form-control-date", { key: 'eaefc349011d12e5f950ad12fea24507dee9516f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(paymentsListParamsState.queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), index.h("div", { key: 'f52daff95da491a911be96d8c0f3a6dc395a95c6', class: "p-2" }, index.h("form-control-date", { key: 'cb8d8b5a424c3a1ca36c52608d89948d88c54cb5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(paymentsListParamsState.queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+    }
+};
+
+exports.justifi_payments_list_filters = PaymentsListFilters;

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

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const payment_service = require('./payment.service-86871f43.js');
+const index = require('./index-5b9a3b5f.js');
+const payment_service = require('./payment.service-0a8c3a01.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-87b47c43.js');
+const Payment = require('./Payment-d074b246.js');
 require('./SubAccount-fda5ec5b.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const Analytics = require('./Analytics-7ab90cae.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
 const config = require('./config-05767cba.js');
-const styledHost = require('./styled-host-1adf46c3.js');
-const exportedParts = require('./exported-parts-a994d693.js');
-const paymentsTable = require('./payments-table-7087e771.js');
+const styledHost = require('./styled-host-94309bab.js');
+const paymentsTable = require('./payments-table-cf5d1c33.js');
 require('./Api-f5280a80.js');
-require('./package-6d1daab8.js');
+require('./Dispute-eb6bad54.js');
+require('./package-1a3b3cdf.js');
 require('./payments-status-68ac449d.js');
-require('./utils-e88fbc94.js');
+require('./utils-a21b7453.js');
+require('./parts-811ddb9c.js');
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -67,7 +67,7 @@ const PaymentsList = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeGetPayments();
     }
     disconnectedCallback() {
@@ -95,7 +95,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '78b8e22426135db19223ca0ddc62aaf6f42a1080', exportparts: exportedParts.tableExportedParts }, index.h("payments-list-core", { key: '23c5aeeb9a6766de2ddb42f62a2163fa8f14ac81', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '35086c06a347cb7ee577366cd5674a2c50c4ffe5' }, index.h("payments-list-core", { key: 'bee1a7cf3e600a0060a62cf8151eea390dfd2cfa', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,20 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const getPayoutCsv = require('./get-payout-csv-1eed32ee.js');
+const index = require('./index-5b9a3b5f.js');
+const getPayoutCsv = require('./get-payout-csv-4e60474e.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 const SubAccount = require('./SubAccount-fda5ec5b.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-189dc30d.js');
-const Analytics = require('./Analytics-7ab90cae.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
+const utils$1 = require('./utils-fc17191b.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
 require('./Api-f5280a80.js');
 require('./config-05767cba.js');
-require('./package-6d1daab8.js');
+require('./Dispute-eb6bad54.js');
+require('./parts-811ddb9c.js');
+require('./package-1a3b3cdf.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -62,7 +63,7 @@ const PayoutDetails = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeServices();
     }
     disconnectedCallback() {

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const payoutsListParamsState = require('./payouts-list-params-state-16348184.js');
+const styledHost = require('./styled-host-94309bab.js');
+const utils = require('./utils-a21b7453.js');
+require('./index-d2d0b181.js');
+
+const PayoutsListFilters = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            payoutsListParamsState.queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = utils.convertToUTC(value, { setEndOfDay: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'dbeddac44642b50552902b1d072384d0e308bbcd' }, index.h("table-filters-menu", { key: '0a4fc98cf7cf7bb5748c9443fe0ad22676b2ec0a', params: Object.assign({}, payoutsListParamsState.queryParams), clearParams: payoutsListParamsState.clearParams }, index.h("div", { key: '36e7cfd3b59458bfc4f34b25e14d39984d6f9b19', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3670d1890feecaf9c0ad41278e3862606fa6576a', class: "p-2" }, index.h("form-control-date", { key: '8f0e4ef2e46b542f17504ef888839726067d3319', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(payoutsListParamsState.queryParams.created_after, { showInputDate: true }) })), index.h("div", { key: '8f661de9cd9115e7ce10e92684cf98d66f9e3e5f', class: "p-2" }, index.h("form-control-date", { key: '60d03f6687f308c4cb4a39176bec248b204803e2', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(payoutsListParamsState.queryParams.created_before, { showInputDate: true }) }))))));
+    }
+};
+
+exports.justifi_payouts_list_filters = PayoutsListFilters;

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

@@ -2,25 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
+const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const Analytics = require('./Analytics-7ab90cae.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
 const config = require('./config-05767cba.js');
-const getPayoutCsv = require('./get-payout-csv-1eed32ee.js');
+const getPayoutCsv = require('./get-payout-csv-4e60474e.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 const SubAccount = require('./SubAccount-fda5ec5b.js');
 const utils = require('./utils-7a478c37.js');
-const getSubaccounts = require('./get-subaccounts-1d2fb201.js');
-const styledHost = require('./styled-host-1adf46c3.js');
-const exportedParts = require('./exported-parts-a994d693.js');
-const payoutsTable = require('./payouts-table-4858eb84.js');
-require('./package-6d1daab8.js');
+const getSubaccounts = require('./get-subaccounts-2ea9676c.js');
+const styledHost = require('./styled-host-94309bab.js');
+const payoutsTable = require('./payouts-table-58881d95.js');
+require('./package-1a3b3cdf.js');
 require('./Api-f5280a80.js');
-require('./utils-e88fbc94.js');
+require('./Dispute-eb6bad54.js');
+require('./utils-a21b7453.js');
 require('./payouts-status-2f7be07d.js');
+require('./parts-811ddb9c.js');
+
+const tableExportedParts = `
+table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
+table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
+empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
+`;
 
 const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -70,7 +76,7 @@ const PayoutsList = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeGetData();
     }
     disconnectedCallback() {
@@ -114,7 +120,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5f482e2ab5d1a022c9f54f13a8ab31860ff4b6ec', exportedparts: exportedParts.tableExportedParts }, index.h("payouts-list-core", { key: 'fe5decfcda48b54bbcded8c605d0f3a2576c35cb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '78316ffab976d4674ed157de643d0e579a503050', exportedparts: tableExportedParts }, index.h("payouts-list-core", { key: '6d258120f1ab81723505f76db75f4d4289e072b4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const index_esm = require('./index.esm-97cf6825.js');
+const index = require('./index-5b9a3b5f.js');
+const index_esm = require('./index.esm-a397536a.js');
 const Api = require('./Api-f5280a80.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 require('./SubAccount-fda5ec5b.js');
 const config = require('./config-05767cba.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
-const styledHost = require('./styled-host-1adf46c3.js');
+const styledHost = require('./styled-host-94309bab.js');
+require('./Dispute-eb6bad54.js');
 
 const RefundFormSchema = index_esm.create$3().shape({
     amount: index_esm.create$5()
@@ -24,9 +25,6 @@ const RefundFormSchema = index_esm.create$3().shape({
         .nullable(),
 });
 
-const refundFormCss = ":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";
-const JustifiRefundFormStyle0 = refundFormCss;
-
 const RefundForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -99,9 +97,8 @@ const RefundForm = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: '63863f5db62aa514fdf76c673d33634d0ce091b5' }, index.h("h1", { key: '3cd25385bb1d14a041abde024db70f052b913479' }, "Refund"), this.refundInfoText && (index.h("div", { key: 'df4fdf161bdc6330db3d04fab06b023b19dd4be6', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, index.h("img", { key: '053bc242826eeb92456ad1869e11a0083c8a65f6', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), index.h("p", { key: 'cec5c737d36aba8328e07871717aaa6107f3ff8d', class: "m-0", innerHTML: this.refundInfoText }))), index.h("form", { key: 'f43a1ec8344b9a6222470bb59924743583d61699', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, index.h("div", { key: 'bdb96e4a7b9aacd6d85d5736bcc3bfa9c7b949dc', class: "form-group" }, index.h("form-control-monetary", { key: '59c922da8305ea8069de82f94f287a9d4a885f08', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: formInputMasks.CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), index.h("div", { key: '536874e5887e8085409bc6e2220de0029f986613', class: "form-group" }, index.h("form-control-text", { key: '25ad446fa05c176169b45b72b26fedfb759376b0', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (index.h("div", { key: '51a1334769beb7911e2bee6416f1e325e9b6e456', class: "form-group d-flex flex-row-reverse" }, index.h("button", { key: '1fe584c4c1fcb7e4f36063774303ac17132debbf', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (index.h(styledHost.StyledHost, { key: '22c804f185486d11df84075a97121bcac4eb98d5' }, index.h("h1", { key: '90bc4a8b5f1753d3e3009a401e5c9894d83e426e' }, "Refund"), this.refundInfoText && (index.h("div", { key: '6899f29d44b254dd4a84e348b9d9ec1013cb1785', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, index.h("img", { key: 'f1860c566f76d09f222a62a71f29d48749504968', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), index.h("p", { key: '73c728b24bf46c9382e75753a9566179d12744fa', class: "m-0", innerHTML: this.refundInfoText }))), index.h("form", { key: 'e36904b05ae389cb201e72f69845d1a5b034cb4d', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, index.h("div", { key: 'deb53d2bde11025bc7b452097456c7cffbe5c16a', class: "form-group" }, index.h("form-control-monetary", { key: '0e5211a2ace4ddf86c2f2452e0596586904b594a', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: formInputMasks.CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), index.h("div", { key: '68826918f7b2051830bd276fa79030a89a5808d1', class: "form-group" }, index.h("form-control-text", { key: 'd66b86e6d9d10b6d4853bfebacf758da23362531', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (index.h("div", { key: '8ef6f548f2b1a989b04d0a2817ca7a19d1e1dda6', class: "form-group d-flex flex-row-reverse" }, index.h("button", { key: '1a9406e25864fac07c2a97d3b758aec48bffa2be', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 };
-RefundForm.style = JustifiRefundFormStyle0;
 
 exports.justifi_refund_form = RefundForm;

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

@@ -2,19 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const utils = require('./utils-e88fbc94.js');
-const insuranceState = require('./insurance-state-80e24caf.js');
-const styledHost = require('./styled-host-1adf46c3.js');
-
-const seasonInterruptionInsuranceCoreCss = ":host{display:block}a{color:var(--jfi-body-color) !important}";
-const JustifiSeasonInterruptionInsuranceCoreStyle0 = seasonInterruptionInsuranceCoreCss;
-
-const formCheckInputCss = ".form-check-input,label{cursor:pointer}.form-check-input{background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color)}.form-check-input:checked,.form-check-input:checked:focus{background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.form-check-input:focus{border-color:var(--jfi-radio-button-border-color-focus);box-shadow:var(--jfi-radio-button-box-shadow-focus)}";
-const JustifiSeasonInterruptionInsuranceCoreStyle1 = formCheckInputCss;
-
-const headerCss = ".jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";
-const JustifiSeasonInterruptionInsuranceCoreStyle2 = headerCss;
+const index = require('./index-5b9a3b5f.js');
+const utils = require('./utils-a21b7453.js');
+const insuranceState = require('./insurance-state-001cfe12.js');
+const parts = require('./parts-811ddb9c.js');
+const styledHost = require('./styled-host-94309bab.js');
+require('./index-d2d0b181.js');
 
 const SeasonInterruptionInsuranceCore = class {
     constructor(hostRef) {
@@ -74,6 +67,14 @@ const SeasonInterruptionInsuranceCore = class {
             },
             onSuccess: ({ quote }) => {
                 this.quote = quote;
+                this.quote.product.description = utils.processHTML(this.quote.product.description, [
+                    (html) => utils.removeAttribute(html, 'style'),
+                    (html) => utils.addAttribute(html, 'a', 'part', parts.text)
+                ]);
+                this.quote.product.legal_disclaimer = utils.processHTML(this.quote.product.legal_disclaimer, [
+                    (html) => utils.removeAttribute(html, 'style'),
+                    (html) => utils.addAttribute(html, 'a', 'part', parts.text)
+                ]);
                 insuranceState.insuranceValues[quote.policy_type] = quote.accepted;
                 this.isLoading = false;
             },
@@ -88,8 +89,8 @@ const SeasonInterruptionInsuranceCore = class {
         });
     }
     ;
-    onChangeHandler(event) {
-        this.accepted = event.target.value;
+    onChangeHandler(_name, value) {
+        this.accepted = value;
         insuranceState.insuranceErrors[this.quote.policy_type] = false;
         this.toggleCoverage({
             quoteId: this.quote.id,
@@ -113,10 +114,8 @@ const SeasonInterruptionInsuranceCore = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(styledHost.StyledHost, { key: 'ca90d98930a8edff34e6690caa04421a70fa9238' }, !this.isLoading &&
-            index.h("div", { key: 'ff7e145e0fe3e4cc1b1b476369dec63228aeafbf' }, index.h("h2", { key: '206a364e3efdeafc1c17c6d25ec5de1b8ce21c29', class: "fs-5 fw-bold pb-3 jfi-header" }, (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title), index.h("small", { key: '0f3ef80b76e2d50b793175dfd9de9910329254ea', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), index.h("div", { key: '5fa4ea480c0ebc1870f222a4f58529676451e9d4' }, index.h("input", { key: '40f5f25d82c9a5ecea558ea0f6763d619f82727e', id: "accept", type: "radio", name: "opt-in", value: "true", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), index.h("label", { key: 'c7e2cd5fa6052765e2155cbc24f6fd9d6b8da723', htmlFor: "accept" }, "Accept coverage for ", utils.formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents))), index.h("div", { key: '47d716b0cb114e3c0a62776491153ca2ce389ce7', class: "mb-2" }, index.h("input", { key: 'dd442bb652f98a75d184e99d78d79292189ef867', id: "decline", type: "radio", name: "opt-in", value: "false", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), index.h("label", { key: 'e5b7a36f006ed6a78eb762c1bea131800ab45ae4', htmlFor: "decline" }, "Decline coverage")), index.h("div", { key: 'dddae2c74c62641ccd2ba7352190d6e4731ef19b', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' } }, "Please select an option"), index.h("small", { key: '67684b8a101061c54b0629ae35000032232e6847', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
+        return (index.h(styledHost.StyledHost, { key: 'e665e8866cf53e7b22ff4e05c25b1059bc9e025a' }, !this.isLoading && (index.h("div", { key: '15e2fdb114dc837d95daeb696ec5d5769c8c80bc' }, index.h(insuranceState.Header2, { key: '19095737990f12bde58fc7bd6e63ded25f62a8e2', text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { key: 'a036659ef5b7a11a16dda7cc7558cd9940d53540', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), index.h("form-control-radio", { key: '49b102250e07f11f91f07dfc3fba74bff4f5fd34', 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) }), index.h("form-control-radio", { key: 'e784cf4340d9034e81a12454aed5a0d4afe9aea8', label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this) }), index.h("div", { key: '649ddbafdc560bde98470a2d868a9410a57eaba4', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: parts.textDanger }, "Please select an option"), index.h("small", { key: '3d3651631da43d2c0f473b793cb5f6f663b7b819', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: parts.text })))));
     }
 };
-SeasonInterruptionInsuranceCore.style = JustifiSeasonInterruptionInsuranceCoreStyle0 + (JustifiSeasonInterruptionInsuranceCoreStyle1 + JustifiSeasonInterruptionInsuranceCoreStyle2);
 
 exports.justifi_season_interruption_insurance_core = SeasonInterruptionInsuranceCore;

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
+const index = require('./index-5b9a3b5f.js');
 const Api = require('./Api-f5280a80.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 require('./SubAccount-fda5ec5b.js');
 const config = require('./config-05767cba.js');
 const utils = require('./utils-7a478c37.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const Analytics = require('./Analytics-7ab90cae.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
-require('./package-6d1daab8.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
+require('./Dispute-eb6bad54.js');
+require('./package-1a3b3cdf.js');
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {
@@ -107,7 +107,7 @@ const SeasonInterruptionInsurance = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeServiceMethods();
     }
     disconnectedCallback() {
@@ -132,7 +132,7 @@ const SeasonInterruptionInsurance = class {
         });
     }
     render() {
-        return (index.h("justifi-season-interruption-insurance-core", { key: '205515d248ac43b9de8e7c8f9fec41b93f6e1237', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.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: '4a0e93d18f16971cee44cdc9d0b312ded7728274', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.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-terminals-list-filters.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const lodash = require('./lodash-dbf6a6a4.js');
+const terminalsListParamsState = require('./terminals-list-params-state-95ff6a64.js');
+const styledHost = require('./styled-host-94309bab.js');
+require('./index-d2d0b181.js');
+
+const TerminalsListFilters = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            terminalsListParamsState.queryParams[name] = value;
+        };
+    }
+    componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodash.lodash.exports.debounce(this.setParamsOnChange, 300);
+    }
+    get terminalStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Connected', value: 'connected' },
+            { label: 'Disconnected', value: 'disconnected' },
+            { label: 'Unknown', value: 'unknown' },
+        ];
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '3a5ad7d48cab44e058b47416531e0b229521fa66' }, index.h("table-filters-menu", { key: 'f443919483a6de96285eb6ee06fc7a40d70dc8a4', params: Object.assign({}, terminalsListParamsState.queryParams), clearParams: terminalsListParamsState.clearParams }, index.h("div", { key: '5858a235e31a41c6092df9f35773d03ca660fd4a', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '73cf6b38fb79063fe96cfb697fe537904237a0f2', class: "p-2" }, index.h("form-control-text", { key: 'e2383519f8b9e50c9c38c47ce5cf65023af8be55', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: terminalsListParamsState.queryParams.terminal_id })), index.h("div", { key: 'a6bdc258402f59aea76c0c2f1d25f22841a15302', class: "p-2" }, index.h("form-control-select", { key: 'acc06bbb87338b579794b930e9a0205ad7e9e65a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: terminalsListParamsState.queryParams.status || '' }))))));
+    }
+};
+
+exports.justifi_terminals_list_filters = TerminalsListFilters;

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

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
+const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const Analytics = require('./Analytics-7ab90cae.js');
-const checkPkgVersion = require('./check-pkg-version-fe8c72a9.js');
+const checkPkgVersion = require('./check-pkg-version-23c816dd.js');
 const config = require('./config-05767cba.js');
 const Api = require('./Api-f5280a80.js');
 require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 const SubAccount = require('./SubAccount-fda5ec5b.js');
 const utils = require('./utils-7a478c37.js');
-const getSubaccounts = require('./get-subaccounts-1d2fb201.js');
-const styledHost = require('./styled-host-1adf46c3.js');
-const exportedParts = require('./exported-parts-a994d693.js');
-const terminalsTable = require('./terminals-table-12410159.js');
-require('./package-6d1daab8.js');
+const getSubaccounts = require('./get-subaccounts-2ea9676c.js');
+const styledHost = require('./styled-host-94309bab.js');
+const terminalsTable = require('./terminals-table-91985249.js');
+require('./package-1a3b3cdf.js');
+require('./Dispute-eb6bad54.js');
+require('./parts-811ddb9c.js');
 
 class TerminalService {
     async fetchTerminals(accountId, authToken, params, apiOrigin) {
@@ -85,7 +85,7 @@ const TerminalsList = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeGetData();
     }
     disconnectedCallback() {
@@ -127,7 +127,7 @@ const TerminalsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0109248be43245cc91a844960f83c80b09b88a3', exportparts: exportedParts.tableExportedParts }, index.h("terminals-list-core", { key: 'c1b6467303b606863c544f898a3c0b8e37c597c2', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '202c9b2b8492e03f999cb8c62aa71871068e46d6' }, index.h("terminals-list-core", { key: 'eca0f2a0b076eb92b33bbb3703650506a5e1377b', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],