@justifi/webcomponents 5.6.0 → 5.6.1

package/dist/collection/api/ApiNew.js

@@ -0,0 +1,82 @@
+import { waitForConfig, configState } from "../components/config-provider/config-state";
+import { generateId } from "../utils/utils";
+const Api = () => {
+    async function getAuthorizationHeader(authToken) {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
+        return {
+            Authorization: `Bearer ${authToken}`,
+            'Idempotency-Key': generateId(),
+            'Content-Type': 'application/json',
+        };
+    }
+    async function makeRequest(props) {
+        const { authToken, endpoint, method, params, body, signal, headers } = props;
+        await waitForConfig();
+        const apiOrigin = configState.apiOrigin;
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const defaultHeaders = await getAuthorizationHeader(authToken);
+        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: mergedHeaders,
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get(props) {
+        const { authToken, endpoint, params, signal, headers } = props;
+        return makeRequest({ authToken, endpoint, method: 'GET', params, signal, headers });
+    }
+    async function post(props) {
+        const { authToken, endpoint, body, params, signal, headers } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'POST',
+            params,
+            body: JSON.stringify(body),
+            signal,
+            headers,
+        });
+    }
+    async function put(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PUT',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function patch(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PATCH',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function destroy(props) {
+        const { authToken, endpoint, params, signal } = props;
+        return makeRequest({ authToken, endpoint, method: 'DELETE', params, signal });
+    }
+    return { get, post, put, patch, destroy };
+};
+function handleError(requestUrl) {
+    console.error(`Error fetching from ${requestUrl}`);
+}
+export default Api;

package/dist/collection/api/services/business.service.js

@@ -1,8 +1,10 @@
 import Api from "../Api";
+import NewApi from "../ApiNew";
 export class BusinessService {
-    async fetchBusiness(businessId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchBusiness(businessId, authToken) {
+        const api = NewApi();
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;

package/dist/collection/api/services/payment.service.js

@@ -1,16 +1,16 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchPayments(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payments`;
-        return api.get({ endpoint, params });
+        return api.get({ endpoint, params, authToken });
     }
-    async fetchPayment(paymentId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
-    async fetchPaymentTransactions(paymentId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchPaymentTransactions(paymentId, authToken, params) {
         const endpoint = `payments/${paymentId}/payment_balance_transactions`;
-        return Api({ authToken, apiOrigin }).get({ endpoint, params });
+        return api.get({ endpoint, params, authToken });
     }
 }

package/dist/collection/api/services/payout.service.js

@@ -1,23 +1,21 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayouts(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payouts`;
-        return api.get({ endpoint, params });
+        return api.get({ authToken, endpoint, params });
     }
-    async fetchPayout(payoutId, authToken, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayout(payoutId, authToken) {
         const endpoint = `payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
     }
-    async fetchCSV(payoutId, authToken, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchCSV(payoutId, authToken) {
         const endpoint = `reports/payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
     }
-    async fetchPayoutTransactions(authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayoutTransactions(accountId, authToken, params) {
         const endpoint = `balance_transactions`;
-        return api.get({ endpoint, params });
+        const headers = { 'sub-account': accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }

package/dist/collection/api/services/refund.service.js

@@ -1,10 +1,11 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 ;
 export class RefundService {
-    async postRefund(paymentId, accountId, authToken, refundBody, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async postRefund(paymentId, accountId, authToken, refundBody) {
         const endpoint = `payments/${paymentId}/refunds`;
         const headers = { 'Sub-Account': accountId };
-        return api.post({ endpoint, headers, body: refundBody });
+        const body = refundBody;
+        return api.post({ endpoint, headers, body, authToken });
     }
 }

package/dist/collection/api/services/subaccounts.service.js

@@ -1,9 +1,9 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class SubAccountService {
-    async fetchSubAccounts(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchSubAccounts(accountId, authToken, params) {
         const endpoint = 'sub_accounts';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }

package/dist/collection/api/services/terminal.service.js

@@ -1,25 +1,24 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class TerminalService {
-    async fetchTerminals(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminals(accountId, authToken, params) {
         const endpoint = 'terminals';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
-    async fetchTerminal(terminalId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchTerminal(terminalId, authToken) {
         const endpoint = `terminals/${terminalId}`;
-        return Api({ authToken, apiOrigin: apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
-    async fetchTerminalModels(accountId, authToken, apiOrigin = API_ORIGIN) {
-        const headers = { 'sub-account': accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminalModels(accountId, authToken) {
         const endpoint = 'terminals/order_models';
-        return api.get({ endpoint, headers });
+        const headers = { 'sub-account': accountId };
+        return api.get({ endpoint, headers, authToken });
     }
-    async orderTerminals(authToken, terminalOrder, apiOrigin = API_ORIGIN) {
-        const headers = { 'sub-account': terminalOrder.sub_account_id };
-        const api = Api({ authToken, apiOrigin });
+    async orderTerminals(authToken, terminalOrder) {
         const endpoint = 'terminals/orders';
-        return api.post({ endpoint, body: terminalOrder, headers });
+        const body = terminalOrder;
+        const headers = { 'sub-account': terminalOrder.sub_account_id };
+        return api.post({ endpoint, body, headers, authToken });
     }
 }

package/dist/collection/api/services/terminal_orders.service.js

@@ -1,13 +1,9 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class TerminalOrderService {
-    async fetchTerminalOrders(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { account: accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminalOrders(accountId, authToken, params) {
         const endpoint = 'terminals/orders';
-        return api.get({
-            endpoint,
-            params,
-            headers,
-        });
+        const headers = { account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
 }

package/dist/collection/collection-manifest.json

@@ -55,6 +55,7 @@
     "components/checkouts-list/checkouts-list.js",
     "ui-components/filters/table-filters-menu.js",
     "ui-components/form/form-control-select.js",
+    "components/config-provider/config-provider.js",
     "components/dispute-management/dispute-management-core.js",
     "components/dispute-management/dispute-management.js",
     "components/dispute-management/dispute-notification.js",
@@ -113,7 +114,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.30.0",
+    "version": "4.31.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.js

@@ -82,7 +82,7 @@ export class BusinessCoreInfoFormStepCore {
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info-form-step-core"; }
     static get properties() {

package/dist/collection/components/business-forms/schemas/business-core-info-schema.js

@@ -9,7 +9,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.nullable(),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        tax_id: taxIdValidation.required('Enter valid tax ID (SSN or EIN) without dashes'),
         date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = object({

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -56,13 +56,12 @@ export class CheckoutsList {
             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: '4cf97b877324bc48ec5bcdae0f342d2b1fb0daca' }, h("checkouts-list-core", { key: '395f0b1ad4a6bdcaaaa8dc095fae6cad164bbdad', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/config-provider/config-provider.js

@@ -0,0 +1,83 @@
+import { setConfigState } from "./config-state";
+export class ConfigProvider {
+    constructor() {
+        this.apiOrigin = PROXY_API_ORIGIN;
+        this.iFrameOrigin = IFRAME_ORIGIN;
+        this.accountId = '';
+    }
+    componentWillLoad() {
+        setConfigState({
+            apiOrigin: this.apiOrigin,
+            iFrameOrigin: this.iFrameOrigin,
+            accountId: this.accountId
+        });
+    }
+    render() {
+        return null;
+    }
+    static get is() { return "justifi-config-provider"; }
+    static get properties() {
+        return {
+            "apiOrigin": {
+                "type": "string",
+                "attribute": "api-origin",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "PROXY_API_ORIGIN"
+            },
+            "iFrameOrigin": {
+                "type": "string",
+                "attribute": "i-frame-origin",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "IFRAME_ORIGIN"
+            },
+            "accountId": {
+                "type": "string",
+                "attribute": "account-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/config-provider/config-state.js

@@ -0,0 +1,36 @@
+import { createStore } from "@stencil/store";
+const initialState = {
+    apiOrigin: PROXY_API_ORIGIN,
+    iFrameOrigin: IFRAME_ORIGIN,
+    accountId: '',
+};
+const configStore = createStore(() => initialState);
+const { state: configState, on: onConfigChange } = configStore;
+// resolver for the “ready” promise
+let resolveConfigReady;
+// initial “handshake” promise
+const configReady = new Promise(r => {
+    resolveConfigReady = r;
+});
+// called by <justifi-config-provider>
+const setConfigState = (vals) => {
+    Object.assign(configState, vals);
+    resolveConfigReady();
+};
+/**
+ * Wait for configProvider to run, but safe guard against never mounting.
+ * @param timeoutMs max time to wait before resolving with default values
+ */
+const waitForConfig = (timeoutMs = 200) => {
+    return new Promise(resolve => {
+        const timer = setTimeout(() => {
+            // timeout expired, proceed with default config state values
+            resolve();
+        }, timeoutMs);
+        configReady.then(() => {
+            clearTimeout(timer);
+            resolve();
+        });
+    });
+};
+export { configState, onConfigChange, setConfigState, waitForConfig };

package/dist/collection/components/order-terminals/order-terminals.js

@@ -17,7 +17,6 @@ import { formatPhoneNumber } from "../../utils/utils";
 export class OrderTerminals {
     constructor() {
         this.shipping = false;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.submitButtonText = 'Submit Order';
         this.loading = {
             business: true,
@@ -53,8 +52,7 @@ export class OrderTerminals {
         makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
-            service: new BusinessService(),
-            apiOrigin: this.apiOrigin,
+            service: new BusinessService()
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
@@ -70,8 +68,7 @@ export class OrderTerminals {
         makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
@@ -87,8 +84,7 @@ export class OrderTerminals {
     submitOrder() {
         const orderTerminals = makeOrderTerminals({
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         });
         this.submitting = true;
         orderTerminals({
@@ -125,7 +121,7 @@ export class OrderTerminals {
         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())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }
@@ -208,26 +204,6 @@ export class OrderTerminals {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "submitButtonText": {
                 "type": "string",
                 "attribute": "submit-button-text",

package/dist/collection/components/payment-details/payment-details.js

@@ -7,7 +7,6 @@ import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 export class PaymentDetails {
     constructor() {
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
@@ -32,8 +31,7 @@ export class PaymentDetails {
             this.getPaymentDetails = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
         }
         else {
@@ -92,26 +90,6 @@ export class PaymentDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false
-            },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -16,7 +16,6 @@ export class PaymentTransactionsList {
         this.errorMessage = null;
         this.paging = pagingDefaults;
         this.pagingParams = {};
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
@@ -55,8 +54,7 @@ export class PaymentTransactionsList {
             const getPaymentTransactions = makeGetPaymentTransactions({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
             getPaymentTransactions({
                 params: this.pagingParams,
@@ -92,7 +90,7 @@ export class PaymentTransactionsList {
         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: '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 }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }
@@ -136,26 +134,6 @@ export class PaymentTransactionsList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/components/payments-list/payments-list-core.js

@@ -4,7 +4,7 @@ import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-co
 import { paymentTableCells, paymentTableColumns } from "./payments-table";
 import { Table } from "../../utils/table";
 import { getRequestParams, onQueryParamsChange } from "./payments-list-params-state";
-import { table, tableCell } from "../../styles/parts";
+import { table, tableCell, tableRow } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class PaymentsListCore {
     constructor() {
@@ -84,7 +84,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '83f0460f5b465e1414e4a88dc113fc7155d4decb', class: "table-wrapper" }, h("table", { key: '2a42ee9579d589a667172ea9f97e510029b87bdf', class: "table table-hover", part: table }, h("thead", { key: 'bd4bfb3c9d022f8187925d040316020426efdc18', class: "table-head sticky-top" }, h("tr", { key: '7bc4c05aa456cef8fdf9cec435937a6ee447cf2e', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'c09c5a55310da7506b183914d16dd76d5336c275', class: "table-body" }, h(TableLoadingState, { key: '410e7e5b13049436d24a3d4c830c174264b4d802', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4461a05a8812955cc9673699b9f26decbfbe3197', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'c49e3e5fadc0b889908e7420a0c3547879cc5af8', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'f6266d84bc0ff50ed9ce7bf0af7016f48e1d57dc', class: "sticky-bottom" }, h("tr", { key: '496fe22cdbaa38becf40402425e9f507625d52b3', class: "table-light align-middle" }, h("td", { key: 'bdd620cd38377ffdcace7b7b810e0379cd089d0b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '5dab0663b6cf408b88c43177822b01969fd0b2d5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h("div", { key: 'c5059d5f79a3f7ee8e4f767b6e0ea995b9310ed8', class: "table-wrapper" }, h("table", { key: '70c674711138bfbcea97eeef623cc5fe74b01f10', class: "table table-hover", part: table }, h("thead", { key: 'd9c0f2d115f3606043a09c3b9a9bb07ef65cf653', class: "table-head sticky-top" }, h("tr", { key: 'd353ca63c91658b7e20a1fd0a6c5114342b555cb', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'b308dae6d730f9e8867740a1a5cc189a1e8d5751', class: "table-body" }, h(TableLoadingState, { key: 'ee4f0145a926360889a879681fc80c3214b692d4', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '692e612e61e6ec6e564c58545c7074fe8af102e1', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'cdf875aec8002d601982af282e03fabb3c615eca', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: tableRow }, data)))), this.paging && (h("tfoot", { key: '27d3953bdc88315c2c6ab1ec859ca5e9472c4c80', class: "sticky-bottom" }, h("tr", { key: 'dc56e6376491035fd17f25b09fd0af872ba1bc47', class: "table-light align-middle" }, h("td", { key: 'b8d133f8ab2f4494ef0f3f3f531f14e742ac1b47', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'b38882f42b1d517d5755510142fd6030803030c2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {