@justifi/webcomponents 5.6.1 → 5.7.0

package/dist/module/event-types2.js

@@ -1,22 +1,23 @@
-var DisputeManagementClickActions;
-(function (DisputeManagementClickActions) {
-    DisputeManagementClickActions["nextStep"] = "nextStep";
-    DisputeManagementClickActions["previousStep"] = "previousStep";
-    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
-    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
-    DisputeManagementClickActions["submit"] = "submit";
-})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
-var DisputeResponseFormStep;
-(function (DisputeResponseFormStep) {
-    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
-    DisputeResponseFormStep["productOrService"] = "product_or_service";
-    DisputeResponseFormStep["customerDetails"] = "customer_details";
-    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
-    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
-    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
-    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
-    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
-    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
-})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+var BusinessFormClickActions;
+(function (BusinessFormClickActions) {
+    BusinessFormClickActions["nextStep"] = "nextStep";
+    BusinessFormClickActions["previousStep"] = "previousStep";
+    BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
+})(BusinessFormClickActions || (BusinessFormClickActions = {}));
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["businessInfo"] = "business_info";
+    BusinessFormStep["legalAddress"] = "legal_address";
+    BusinessFormStep["additionalQuestions"] = "additional_questions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bank_account";
+    BusinessFormStep["documentUpload"] = "document_upload";
+    BusinessFormStep["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
 
-export { DisputeManagementClickActions as D };
+export { BusinessFormStep as B, BusinessFormClickActions as a };

package/dist/module/event-types3.js

@@ -1,62 +1,22 @@
-import { h } from '@stencil/core/internal/client';
-import { aq as tableEmpty, ar as tableError, o as tableCell } from './parts.js';
-import { S as Spinner } from './spinner.js';
+var DisputeManagementClickActions;
+(function (DisputeManagementClickActions) {
+    DisputeManagementClickActions["nextStep"] = "nextStep";
+    DisputeManagementClickActions["previousStep"] = "previousStep";
+    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
+    DisputeManagementClickActions["submit"] = "submit";
+})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
 
-const TableEmptyState = (props) => {
-    const { columnSpan, isEmpty } = props;
-    if (!columnSpan || !isEmpty) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-};
-
-const TableErrorState = (props) => {
-    const { columnSpan, errorMessage } = props;
-    if (!columnSpan || !errorMessage) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-            "An unexpected error occurred: ",
-            errorMessage)));
-};
-
-const TableLoadingState = (props) => {
-    const { columnSpan, isLoading } = props;
-    if (!columnSpan || !isLoading) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
-            h(Spinner, null))));
-};
-
-class Table {
-    get columnData() {
-        return this.columnKeys.map((key) => this.tableColumns[key]());
-    }
-    get rowData() {
-        return this.collection.map((dataEntry, index) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
-        });
-    }
-    set collectionData(collection) {
-        this.collection = collection;
-    }
-    constructor(collection, columns, tableColumns, tableCells) {
-        this.columnKeys = columns.split(',');
-        this.collection = collection;
-        this.tableColumns = tableColumns;
-        this.tableCells = tableCells;
-    }
-}
-
-var TableClickActions;
-(function (TableClickActions) {
-    TableClickActions["row"] = "tableRow";
-    TableClickActions["next"] = "nextPage";
-    TableClickActions["previous"] = "previousPage";
-})(TableClickActions || (TableClickActions = {}));
-
-export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };
+export { DisputeManagementClickActions as D };

package/dist/module/form-control-checkbox2.js

@@ -3,6 +3,7 @@ import { H as inputCheckboxInvalid, I as inputCheckboxCheckedFocused, J as input
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 
 const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput extends HTMLElement {
     constructor() {

package/dist/module/form-control-date2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/module/form-control-file2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/module/form-control-monetary-provisioning2.js

@@ -5,6 +5,7 @@ import { N as inputGroup, l as label, M as inputAdornment, b as inputInvalid, c
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 
 const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class MonetaryInputProvisioning extends HTMLElement {
     constructor() {

package/dist/module/form-control-monetary2.js

@@ -3,6 +3,7 @@ import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { f as formatCurrency } from './utils2.js';
 
 const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {

package/dist/module/form-control-number-masked2.js

@@ -3,6 +3,7 @@ import { I as IMask } from './index3.js';
 import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/module/form-control-number.js

@@ -3,6 +3,7 @@ import { T as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 
 const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
     constructor() {

package/dist/module/form-control-select2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/module/form-control-text2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/module/get-payment-details.js

@@ -2,7 +2,7 @@ import './utils2.js';
 import { C as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
-import { b as Payment } from './Payment.js';
+import { a as Payment } from './Payment.js';
 import './Refund.js';
 import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';

package/dist/module/justifi-business-form.js

@@ -4,8 +4,8 @@ import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { A as Api } from './Api.js';
-import './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
@@ -17,8 +17,11 @@ import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
+import './event-types.js';
 import { S as Skeleton } from './skeleton.js';
-import { a as BusinessFormClickActions } from './event-types.js';
+import { a as BusinessFormClickActions } from './event-types2.js';
+import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
+import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
 import { d as defineCustomElement$d } from './form-alert2.js';
 import { d as defineCustomElement$c } from './form-control-date2.js';
@@ -62,43 +65,34 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.__attachShadow();
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.clickEvent = createEvent(this, "click-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.isLoading = false;
+        this.isSaving = false;
         this.hideErrors = false;
         this.formTitle = 'Business Information';
         this.removeTitle = false;
-        this.isLoading = false;
-        this.isSaving = false;
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
             this.isSaving = true;
-            try {
-                const values = this.formController.values.getValue();
-                const initialValues = this.formController.getInitialValues();
-                const payload = new Business(Object.assign(Object.assign({}, initialValues), values)).payload;
-                const response = await this.api.patch(this.businessEndpoint, payload);
-                this.handleReponse(response);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.patchData;
-            }
-            finally {
-                this.isSaving = false;
-            }
-        };
-        this.fetchData = async () => {
-            this.isLoading = true;
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                this.instantiateBusiness(response.data);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.fetchData;
-            }
-            finally {
-                this.isLoading = false;
-            }
+            const values = this.formController.values.getValue();
+            const initialValues = this.formController.getInitialValues();
+            const payload = new Business(Object.assign(Object.assign({}, initialValues), values)).payload;
+            this.patchBusiness({
+                payload,
+                onSuccess: (response) => {
+                    this.handleReponse(response);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.errorEvent.emit({ errorCode: code, message: error.message, severity });
+                },
+                final: () => {
+                    this.isSaving = false;
+                }
+            });
         };
         this.validateAndSubmit = (event) => {
             event.preventDefault();
@@ -108,15 +102,8 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
-        const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
-        if (!this.authToken)
-            console.error(missingAuthTokenMessage);
-        if (!this.businessId)
-            console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
-        this.fetchData();
+        this.initializeApi();
     }
     disconnectedCallback() {
         this.analytics.cleanup();
@@ -130,11 +117,44 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
     }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.instantiateBusiness(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.errorEvent.emit({ errorCode: code, message: error.message, severity });
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'auth-token and business-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     handleReponse(response) {
         if (response.error) {
             this.errorMessage = BusinessFormServerErrors.patchData;
         }
-        this.submitEvent.emit({ response: response });
+        this.submitEvent.emit({ response });
         this.instantiateBusiness(response.data);
     }
     render() {

package/dist/module/justifi-checkout.js

@@ -82,7 +82,6 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loadedEvent = createEvent(this, "loaded", 7);
-        this.iframeOrigin = "https://components.justifi.ai";
         this.errorMessage = '';
     }
     componentWillLoad() {
@@ -125,11 +124,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         return { isValid };
     }
     render() {
-        return (h("justifi-checkout-core", { key: '5d7045778d53e02d85627ea6f945d45599e6d090', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '2a0e3529580beae8de71d6305e3ca9af2c705ee5', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '4a5badd7e9f77de58dafb09405cd563014f0e6e2', slot: "insurance" }, h("slot", { key: 'b0067d049fe5ed9bb7b35c8614a28e967872599b', name: "insurance" }))));
+            } }, h("div", { key: '132ad877917930b63fdd9d4ff5432d2f6a82a76d', slot: "insurance" }, h("slot", { key: '9854d96105ebac1adc176ea195f0e0b2b792b125', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -144,7 +143,6 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "iframeOrigin": [1, "iframe-origin"],
         "getCheckout": [32],
         "complete": [32],
         "errorMessage": [32],

package/dist/module/justifi-checkouts-list-filters.js

@@ -7,9 +7,10 @@ import './Payment.js';
 import './Refund.js';
 import './Document.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { a1 as checkoutsListFilterMenu, a2 as statusCheckoutsListFilterParam, a3 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { a2 as checkoutsListFilterMenu, a3 as statusCheckoutsListFilterParam, a4 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';

package/dist/module/justifi-checkouts-list.js

@@ -12,13 +12,14 @@ import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
-const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchCheckouts(accountId, authToken, params, apiOrigin);
+        const response = await service.fetchCheckouts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout(dataItem))) || [];
@@ -51,7 +52,6 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -78,8 +78,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
             this.getCheckouts = makeGetCheckouts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new CheckoutService(),
-                apiOrigin: this.apiOrigin,
+                service: new CheckoutService()
             });
         }
         else {
@@ -101,7 +100,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '4cf97b877324bc48ec5bcdae0f342d2b1fb0daca' }, h("checkouts-list-core", { key: '395f0b1ad4a6bdcaaaa8dc095fae6cad164bbdad', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '086d85512b11a65ac2d8960f515e373093d4bd96' }, h("checkouts-list-core", { key: 'abe06be934ac5f13ec98425f29c6b6b7c0ff4456', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -110,7 +109,6 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
 }, [1, "justifi-checkouts-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "getCheckouts": [32],
         "getSubAccounts": [32],

package/dist/module/justifi-config-provider.js

@@ -6,13 +6,13 @@ const ConfigProvider = /*@__PURE__*/ proxyCustomElement(class ConfigProvider ext
         super();
         this.__registerHost();
         this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.iFrameOrigin = "https://components.justifi.ai";
+        this.iframeOrigin = "https://components.justifi.ai";
         this.accountId = '';
     }
     componentWillLoad() {
         setConfigState({
             apiOrigin: this.apiOrigin,
-            iFrameOrigin: this.iFrameOrigin,
+            iframeOrigin: this.iframeOrigin,
             accountId: this.accountId
         });
     }
@@ -21,7 +21,7 @@ const ConfigProvider = /*@__PURE__*/ proxyCustomElement(class ConfigProvider ext
     }
 }, [0, "justifi-config-provider", {
         "apiOrigin": [1, "api-origin"],
-        "iFrameOrigin": [1, "i-frame-origin"],
+        "iframeOrigin": [1, "iframe-origin"],
         "accountId": [1, "account-id"]
     }]);
 function defineCustomElement$1() {

package/dist/module/justifi-dispute-management.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { D as Dispute } from './Payment.js';
+import { a as Dispute } from './Dispute.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
@@ -24,10 +24,10 @@ import { d as defineCustomElement$4 } from './product-or-service.js';
 import { d as defineCustomElement$3 } from './refund-policy.js';
 import { d as defineCustomElement$2 } from './shipping-details.js';
 
-const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+const makeGetDispute = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
     try {
-        const response = await service.fetchDispute(id, authToken, apiOrigin);
+        const response = await service.fetchDispute(id, authToken);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const dispute = new Dispute(response.data);
@@ -58,7 +58,6 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
@@ -82,8 +81,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
             this.getDispute = makeGetDispute({
                 id: this.disputeId,
                 authToken: this.authToken,
-                service: new DisputeService(),
-                apiOrigin: this.apiOrigin,
+                service: new DisputeService()
             });
         }
         else {
@@ -96,7 +94,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '12e281244496ede936b191dbc5b4069404d931e9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],
@@ -105,7 +103,6 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
 }, [0, "justifi-dispute-management", {
         "disputeId": [1, "dispute-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "getDispute": [32],
         "errorMessage": [32]
     }, undefined, {

package/dist/module/justifi-order-terminals.js

@@ -1,7 +1,8 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { X as heading4, Z as heading5, $ as buttonPrimary, t as text } from './parts.js';
+import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { B as BusinessService } from './business.service.js';

package/dist/module/justifi-payment-provisioning.js

@@ -3,7 +3,7 @@ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { A as Api } from './Api.js';
+import { A as Api } from './ApiNew.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$w } from './business-documents-on-file2.js';
@@ -38,17 +38,15 @@ import { d as defineCustomElement$4 } from './payment-provisioning-form-steps.js
 import { d as defineCustomElement$3 } from './owner-form-core2.js';
 import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
 
+const api = Api();
 class ProvisionService {
     async postProvisioning(authToken, businessId, product) {
         const endpoint = `entities/provisioning`;
-        const payload = {
+        const body = {
             business_id: businessId,
             product_category: product,
         };
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        return api.post({ endpoint, body, authToken });
     }
 }
 

package/dist/module/justifi-payment-transactions-list.js

@@ -9,10 +9,11 @@ import './Document.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PaymentService } from './payment.service.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
-import { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import { T as TableClickActions } from './event-types.js';
+import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -178,7 +179,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'c35e2e5941204aa9ccdfe2be612f98c5a230852a' }, h("div", { key: 'bcf166a44ba15828edcc888ee96b1633853286a2', class: "table-wrapper" }, h("table", { key: '8ae29b54461e6f2eeefc1da4f659e86db774b913', class: "table table-hover", part: table }, h("thead", { key: '4a7983d92e9bc30e63c18c223996d8251e99438c', class: "table-head sticky-top" }, h("tr", { key: '797a5512b07112c04fe37b8898610091b3fbcb74', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '09d90ccec9a0dbf5a2b5caffa7715a96fd98097d', class: "table-body" }, h(TableLoadingState, { key: '2d350db554deb86c9122cded434c8947f4028042', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd2f8bd08c44fe66712b167b430b6e08b2dc989c7', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '2cb1f0c85805c77d445bd7da333761dc11a982c4', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '76b887121f8e8c48b59f4657a9353d32b3f60511', class: "sticky-bottom" }, h("tr", { key: '99670a6602b8145d2208a29333c358ae2da91153', class: "table-light align-middle" }, h("td", { key: 'c2cfed937f3e34bd4fed9a258b1158827b7d04b7', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '65659d1f4c5893cc427fb05e4b9255d3c54fb41d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '95b1793a1b1dd1f30857a2da18884569bb37673a' }, h(TableWrapper, { key: '213c53810f28609c5166c4b7865a4b923db64148' }, h(TableComponent, { key: 'c4c9ad468955900dd3dadf55bf74961b347db725' }, h(TableHead, { key: '0aaa96e09c54865f5bbe74abf236db20a69c0df9' }, h(TableHeadRow, { key: '69258a4be5ddba8c3db1f2e801c7101a51efadd2' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '961a12de0888c9ab76ae708f1694955cadc05ffb' }, h(TableLoadingState, { key: 'd5d5b788698eb28ff2dcccf902694fb166f7e805', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '311f9238c5ed98e1801cd482967814e2d1b98547', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '86c6728fb2a4ff6a1de0032cda9a5e6fdfb2a19c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '4fe703ff7a69a534424fde0154203a0f1f0a2240' }, h(TableFootRow, { key: 'b6dafac49888c3745461a18723b74f46d1353478' }, h(TableFootCell, { key: '1906f0ab8f62c94cb976a37eb12ffb479ccb8333', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '114ec152e59ddd485f465774a7f8f656d618083a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],