@justifi/webcomponents 5.6.0 → 5.7.0

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 { _ as checkoutsListFilterMenu, $ as statusCheckoutsListFilterParam, a0 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 {
@@ -96,13 +95,12 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', 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"],
@@ -111,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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiConfigProvider extends Components.JustifiConfigProvider, HTMLElement {}
+export const JustifiConfigProvider: {
+    prototype: JustifiConfigProvider;
+    new (): JustifiConfigProvider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { s as setConfigState } from './config-state.js';
+
+const ConfigProvider = /*@__PURE__*/ proxyCustomElement(class ConfigProvider extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.accountId = '';
+    }
+    componentWillLoad() {
+        setConfigState({
+            apiOrigin: this.apiOrigin,
+            iframeOrigin: this.iframeOrigin,
+            accountId: this.accountId
+        });
+    }
+    render() {
+        return null;
+    }
+}, [0, "justifi-config-provider", {
+        "apiOrigin": [1, "api-origin"],
+        "iframeOrigin": [1, "iframe-origin"],
+        "accountId": [1, "account-id"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-config-provider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-config-provider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ConfigProvider);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiConfigProvider = ConfigProvider;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiConfigProvider, defineCustomElement };

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 { U as heading4, W as heading5, Y 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';
@@ -57,10 +58,10 @@ const TerminalSelectorLoading = () => {
                         h(Skeleton, null)))))));
 };
 
-const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a, _b, _c, _d;
     try {
-        const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
+        const response = await service.fetchTerminalModels(id, authToken);
         if (!response.error) {
             const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
@@ -122,7 +123,6 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitted = createEvent(this, "submit-event", 7);
         this.shipping = false;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.submitButtonText = 'Submit Order';
         this.loading = {
             business: true,
@@ -158,8 +158,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
-            service: new BusinessService(),
-            apiOrigin: this.apiOrigin,
+            service: new BusinessService()
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
@@ -175,8 +174,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
@@ -192,8 +190,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
     submitOrder() {
         const orderTerminals = makeOrderTerminals({
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         });
         this.submitting = true;
         orderTerminals({
@@ -230,14 +227,13 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '0a63280f2a9b41e5d2493131d8150c5d124e78bb' }, h("div", { key: 'ec3e1d2c3a90377dd622982de1435989d81f60e8', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '47251af3261d16cfc067bca3b3810805d93ba36d' }, h("div", { key: '13c73bb09cdbad48ee7b15089daf1b6bf56cf256', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
         "shipping": [4],
-        "apiOrigin": [1, "api-origin"],
         "submitButtonText": [1, "submit-button-text"],
         "loading": [32],
         "submitting": [32],

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

@@ -13,7 +13,6 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
@@ -38,8 +37,7 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
             this.getPaymentDetails = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
         }
         else {
@@ -64,7 +62,6 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
 }, [1, "justifi-payment-details", {
         "paymentId": [1, "payment-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "getPaymentDetails": [32],
         "errorMessage": [32]
     }, undefined, {

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,16 +9,17 @@ 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, a2 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, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
     try {
-        const response = await service.fetchPaymentTransactions(id, authToken, params, apiOrigin);
+        const response = await service.fetchPaymentTransactions(id, authToken, params);
         if (!response.error) {
             const balanceTransactions = response.data.map((dataItem) => new PaymentBalanceTransaction(dataItem));
             const pagingInfo = Object.assign({}, response.page_info);
@@ -104,7 +105,6 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         this.errorMessage = null;
         this.paging = pagingDefaults;
         this.pagingParams = {};
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
@@ -143,8 +143,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
             const getPaymentTransactions = makeGetPaymentTransactions({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
             getPaymentTransactions({
                 params: this.pagingParams,
@@ -180,7 +179,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'b011961e9c9b01720fa7964186e477784a7deddd' }, h("div", { key: '074eb86caf8be83e6cdc51ab496564358dafdeb5', class: "table-wrapper" }, h("table", { key: 'cc1453bcba758c6847d593a545918c449219eac4', class: "table table-hover", part: table }, h("thead", { key: '08bbac43b6484ed2f96061153a3d40a2d9f4da7d', class: "table-head sticky-top" }, h("tr", { key: '424dadd8f7686d62fcf3d3222a77c707d6e69985', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '3ef6863f785ff73b467f2c48fa91ed1bac57c7e2', class: "table-body" }, h(TableLoadingState, { key: '69da7b5801f492787ec6ce3b10fbd25e9580c0e1', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e6ff1509d0a54aaca9fbaa2e5ebd3e83a62ef17c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '5cd693d69c7dc34807767d18ad97cc1f5fce52fe', 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: 'c8e1ff59e7db5aeb4db84884360e3d9cf71a1552', class: "sticky-bottom" }, h("tr", { key: 'fd0b29ddeb0ed6114904ce4b875618c469349578', class: "table-light align-middle" }, h("td", { key: '340ae8d8132eb66a8c0cae500d708c4174ed5dc7', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'a2ea49ba4478b3e22a4587eed3262bc482cfd9b8', 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"],
@@ -190,7 +189,6 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
 }, [1, "justifi-payment-transactions-list", {
         "paymentId": [1, "payment-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "balanceTransactions": [32],
         "transactionsTable": [32],

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { a3 as paymentsListFilterMenu, a4 as paymentIdPaymentsListFilterParam, a5 as terminalIdPaymentsListFilterParam, a6 as paymentStatusPaymentsListFilterParam, a7 as createdAfterPaymentsListFilterParam, a8 as createdBeforePaymentsListFilterParam } from './parts.js';
+import { a8 as paymentsListFilterMenu, a9 as paymentIdPaymentsListFilterParam, aa as terminalIdPaymentsListFilterParam, ab as paymentStatusPaymentsListFilterParam, ac as createdAfterPaymentsListFilterParam, ad as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';

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

@@ -4,20 +4,21 @@ import './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } 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';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
-const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
-        const response = await service.fetchPayments(id, authToken, params, apiOrigin);
+        const response = await service.fetchPayments(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const payments = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payment(dataItem))) || [];
@@ -53,7 +54,6 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         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;
@@ -76,8 +76,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
             this.getPayments = makeGetPayments({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin,
+                service: new PaymentService()
             });
         }
         else {
@@ -90,7 +89,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '97f98385d5b9f4664776f920183901136b1e3d1a' }, h("payments-list-core", { key: 'be6558d801908c60c8c0c0f66741d2ee7049d5e3', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1527d43387894949810bae0fa5ebeb172f71bbaf' }, h("payments-list-core", { key: '198cbb929b4793c37a0963554d841ac7999e3c29', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -99,7 +98,6 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
 }, [1, "justifi-payments-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "getPayments": [32],
         "errorMessage": [32]