@justifi/webcomponents 5.5.0 → 5.6.1

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

@@ -0,0 +1,230 @@
+import { h } from "@stencil/core";
+import { ComponentErrorCodes, ComponentErrorSeverity, pagingDefaults } from "../../api";
+import JustifiAnalytics from "../../api/Analytics";
+import { checkPkgVersion } from "../../utils/check-pkg-version";
+import { makeGetPayoutTransactions } from "../../actions/payout/get-payout-transactions";
+import { PayoutService } from "../../api/services/payout.service";
+import { Table } from "../../utils/table";
+import { TableClickActions } from "../../ui-components/table/event-types";
+import { table, tableCell } from "../../styles/parts";
+import { StyledHost, TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
+import { defaultColumnsKeys, payoutTransactionTableCells, payoutTransactionTableColumns } from "./payout-transactions-table";
+import { configState } from "../config-provider/config-state";
+export class PayoutTransactionsList {
+    constructor() {
+        this.balanceTransactions = [];
+        this.isLoading = true;
+        this.errorMessage = null;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+        this.columns = defaultColumnsKeys;
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedPayoutId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedPayoutId)
+                return;
+            const transactionData = this.balanceTransactions.find((payout) => payout.id === clickedPayoutId);
+            this.clickEvent.emit({ name: TableClickActions.row, data: transactionData });
+        };
+    }
+    componentWillLoad() {
+        this.transactionsTable = new Table(this.balanceTransactions, this.columns, payoutTransactionTableColumns, payoutTransactionTableCells);
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    handleError(code, errorMessage, severity) {
+        this.isLoading = false;
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
+    initializeApi() {
+        if (this.payoutId && this.authToken) {
+            const getPayoutTransactions = makeGetPayoutTransactions({
+                accountId: configState.accountId,
+                authToken: this.authToken,
+                service: new PayoutService()
+            });
+            getPayoutTransactions({
+                params: this.requestParams,
+                onSuccess: ({ balanceTransactions, pagingInfo }) => {
+                    this.balanceTransactions = balanceTransactions;
+                    this.paging = pagingInfo;
+                    this.transactionsTable.collectionData = this.balanceTransactions;
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        }
+        else {
+            this.errorMessage = 'payout-id and auth-token props are required';
+            this.handleError(ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentErrorSeverity.ERROR);
+        }
+    }
+    get entityId() {
+        return this.balanceTransactions.map((transaction) => transaction.id);
+    }
+    get showEmptyState() {
+        return !this.isLoading && !this.errorMessage && this.transactionsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.isLoading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.isLoading;
+    }
+    get requestParams() {
+        return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
+    }
+    render() {
+        return (h(StyledHost, { key: '11760c372ccd854fd247a931ac9a31f80e779908' }, h("div", { key: 'cb45e596e6ac53d5567b7afb8c3c34c11d838fbe', class: "table-wrapper" }, h("table", { key: '449b9e901af31d8ae76e4543e7011f7a9596d8ab', class: "table table-hover", part: table }, h("thead", { key: 'c04b7c762ecbb0b25a8375661f3a51d37ff96f24', class: "table-head sticky-top" }, h("tr", { key: 'b81f0b41584f6322f8faec27c61a749d0a60fbf7', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '83947c4b2c28ebd29477cb776dfe193ea090e35d', class: "table-body" }, h(TableLoadingState, { key: '94519e994722bcf30b20ba503858ed3c1ecc33dc', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2331c2748f53ba9906ed9228d89097bfd024b600', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '9e0a5bfbbccb0ad02a9ed70edc3bb6d6108b9ad7', 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: '0591033f666cddb7cadec2d8da2d61d8ad66fad6', class: "sticky-bottom" }, h("tr", { key: '26c47ed9b3d37553ba43c0e8fc37c4666a8baef9', class: "table-light align-middle" }, h("td", { key: '25ee92e4f38dc8853a5a3cfcfe4d2829ea51788a', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a26779c713b7bb7833822c98596482c1c06b767', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get is() { return "justifi-payout-transactions-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "payoutId": {
+                "type": "string",
+                "attribute": "payout-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "authToken": {
+                "type": "string",
+                "attribute": "auth-token",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "columns": {
+                "type": "string",
+                "attribute": "columns",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "defaultColumnsKeys"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "balanceTransactions": {},
+            "transactionsTable": {},
+            "isLoading": {},
+            "errorMessage": {},
+            "paging": {},
+            "pagingParams": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "clickEvent",
+                "name": "click-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
+                    "references": {
+                        "ComponentClickEvent": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::ComponentClickEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
+                    "references": {
+                        "ComponentErrorEvent": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::ComponentErrorEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "pagingParams",
+                "methodName": "propChanged"
+            }, {
+                "propName": "payoutId",
+                "methodName": "propChanged"
+            }, {
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }];
+    }
+}

package/dist/collection/components/payout-transactions-list/payout-transactions-table.js

@@ -0,0 +1,47 @@
+import { h } from "@stencil/core";
+import { convertToLocal } from "../../utils/utils";
+import { getAlternateTableCellPart, tableHeadCell } from "../../styles/parts";
+export const defaultColumnsKeys = 'created_at,txn_type,description,amount,fee,net';
+export const payoutTransactionTableColumns = {
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of each transaction" }, "ID")),
+    account_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the account associated with each transaction" }, "Account ID")),
+    payout_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the payout associated with each transaction" }, "Payout ID")),
+    financial_transaction_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the financial transaction associated with the payment balance transaction" }, "Financial Transaction ID")),
+    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each transaction" }, "Amount")),
+    fee: () => (h("th", { part: tableHeadCell, scope: "col", title: "The fee associated with each transaction" }, "Fee")),
+    net: () => (h("th", { part: tableHeadCell, scope: "col", title: "The net amount of each transaction" }, "Net")),
+    currency: () => (h("th", { part: tableHeadCell, scope: "col", title: "The currency of each transaction" }, "Currency")),
+    description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each transaction" }, "Description")),
+    source_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the source object associated with the payment balance transaction" }, "Source ID")),
+    txn_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of each transaction" }, "Type")),
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction was made" }, "Processed On")),
+    available_on: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction will be available" }, "Available On")),
+    updated_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction was last updated" }, "Updated On")),
+};
+export const payoutTransactionTypes = {
+    fee: "Fee",
+    payment: "Payment",
+    payout: "Payout",
+    seller_payment_refund: "Seller Payment Refund",
+    dispute_amount_collected: "Dispute Amount Collected",
+    dispute_fee_collected: "Dispute Fee Collected",
+    seller_payment: "Seller Payment",
+    transfer: "Transfer",
+    partner_platform_proceeds_credit: "Partner Platform Proceeds Credit"
+};
+export const payoutTransactionTableCells = {
+    id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.id) }, transaction.id)),
+    account_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.account_id) }, transaction.account_id)),
+    payout_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.payout_id) }, transaction.payout_id)),
+    financial_transaction_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.financial_transaction_id) }, transaction.financial_transaction_id)),
+    amount: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.amount) }, transaction.formattedPaymentAmount(transaction.amount))),
+    fee: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.fee) }, transaction.formattedPaymentAmount(transaction.fee))),
+    net: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.net) }, transaction.formattedPaymentAmount(transaction.net))),
+    currency: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.currency) }, transaction.currency)),
+    description: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.description) }, transaction.description)),
+    source_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.source_id) }, transaction.source_id)),
+    txn_type: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.txn_type) }, payoutTransactionTypes[transaction.txn_type])),
+    created_at: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.created_at) }, h("div", { class: "fw-bold" }, convertToLocal(transaction.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(transaction.created_at, { showTime: true })))),
+    available_on: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.available_on) }, h("div", { class: "fw-bold" }, convertToLocal(transaction.available_on, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(transaction.available_on, { showTime: true })))),
+    updated_at: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.updated_at) }, h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showTime: true })))),
+};

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

@@ -136,7 +136,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '68e0b1581a72a78c12fa0e6239d62920d3b5d9a2' }, h("div", { key: 'f59a292ac975c941520a841fa51c5610c8e60f54', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'be74e83accf6a9de9c6505f0136bfdf68bd64586', class: "table table-hover", part: table }, h("thead", { key: '3e59e5053c2be342c3ba6bc1d28695cf302dadbf', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '1c714c3f40fdcf4e45c37ce2098cd90eb93c9121', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4fcbaed0667f3eaac4b7bfc628a2374f8978352e', class: "table-body" }, h(TableLoadingState, { key: '0dcf9c3bfbb228d93b9bac815704453b42aae923', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd0bd0eaf65faf8d1ce9b2634885fb0be0456459d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ff4621c3efa8bb45214a8e571babe17bae0d05d3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'eaf66860e8d302af6bb5e09ea843ce2a2938e06b', class: "sticky-bottom" }, h("tr", { key: '8b6f094a8ac40924a32f613cff0bbcc6b0e19def', class: "table-light align-middle" }, h("td", { key: '6d90ebe89ec368d70fed97dc19b8d20382f5b862', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '836998c60c8e029131b0e83d45b9ce9fb4c36d8c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '7269ad62dd229e55dac396c718469b5e2b923458', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '52ab8f9384d328d8d1094573545c7e1e112f58c0', class: "table table-hover", part: table }, h("thead", { key: '4fde6f2d3c152d04c35967c1e63ed5520e6c5b64', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '4665781ce140f86394a20a454de94a4ecf19871f', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4e673dda87af1a204abba225de77864dd8e60cf6', class: "table-body" }, h(TableLoadingState, { key: 'b54e1e43c91b51d0364bf88198d6070569557ebb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '45a64238e45671ff3d1a0c636d3ff7afe29dc93d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '37d9fa23b47e7b77dbd90bbe6759b0c8763cc490', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '04875b5b8414a20e53035c4356d5c6d6e2da1389', class: "sticky-bottom" }, h("tr", { key: '6fd4b360e4449f441b33028e06a1595395cc15e4', class: "table-light align-middle" }, h("td", { key: '3830e46c5e838830c163023f4d904db74421f0e0', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'a3f9cdf107672f067a23c8c3d15b14422606d221', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

package/dist/collection/components/payouts-list/payouts-list-filters.js

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'a02b73ab10133c56f31f99b55573fb20e0e86347' }, h("table-filters-menu", { key: 'b59a8bd778d74f92683b379b1496ac08c2caa261', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '8ff8564e37ed565b4efdab9a2ae10caa400968ad', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7506e9a888dbee516cdd52d504ff6dbe4b09ac11', class: "p-2" }, h("form-control-date", { key: '8ecdb74398e9375250bee9a89c649b4049d22a93', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '89767b23bfa33b5df07067815205091d808b5656', class: "p-2" }, h("form-control-date", { key: '8c58ded3c3597f3d7a01a06f11a480fa998ed658', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'e6670cb708b28330f79512d01d582f7a1930fd3c' }, h("table-filters-menu", { key: '366dd0925c68feb2c8482bc27f63c7591ec38882', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd5de9412726c9c3f51675eeba8ba258094632b99', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3f693842e14574eb3a056db221dc6521d02c0ba4', class: "p-2" }, h("form-control-date", { key: 'ca0697ab9b42ff0bed8aa0cd6747cde11fdf3ab1', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'cc8a71a7de29c82644773d356ef063cbf7f97f2a', class: "p-2" }, h("form-control-date", { key: 'f878e0acedced0ed813a7410243f414ba12c6898', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -12,7 +12,6 @@ import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class PayoutsList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
@@ -39,8 +38,7 @@ export class PayoutsList {
             const serviceParams = {
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             };
             this.getPayouts = makeGetPayouts(serviceParams);
             this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
@@ -59,13 +57,12 @@ export class PayoutsList {
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '59e0cf1800c624229e00efcdfcb0bd5837a285f4', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '7a9d5bff50bffa36c037420e57cbdf4254eadafa', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'f20034e64b3c1f39cdedd38762ac30a70d92bde1', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '3bee62765d06af00577ca338c4f8dd33eb6cfb1c', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -109,26 +106,6 @@ export class PayoutsList {
                 "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/refund-payment/refund-payment.js

@@ -20,7 +20,6 @@ export class RefundPayment {
         this.paymentLoading = true;
         this.refundLoading = false;
         this.hideSubmitButton = false;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
@@ -61,8 +60,7 @@ export class RefundPayment {
             const getPayment = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
             getPayment({
                 onSuccess: ({ payment }) => {
@@ -93,8 +91,7 @@ export class RefundPayment {
             authToken: this.authToken,
             accountId: this.accountId,
             paymentId: this.paymentId,
-            service: new RefundService(),
-            apiOrigin: this.apiOrigin
+            service: new RefundService()
         });
         const values = this.formController.values.getValue();
         this.refundLoading = true;
@@ -204,26 +201,6 @@ export class RefundPayment {
                 "setter": false,
                 "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"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js

@@ -82,7 +82,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '22211fd032271f20083a7b85904b7150e1f83fdc' }, h("div", { key: '0f76ac5866f5fc50e2b3fe7889d837e9cb792fbf', class: "table-wrapper" }, h("table", { key: 'c5c0d1fad6791191e7e8b3c0fc1f571886cde243', class: "table table-hover", part: table }, h("thead", { key: 'fc99465274e660c4e78ece7d303d6c11e4a21a2d', class: "table-head sticky-top" }, h("tr", { key: 'ed7e76e48bc34ed0a69a9b5e980181245153b155', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '5d5b95d48ef93a2d30e9af2acc8a80a3a77f8a4a', class: "table-body" }, h(TableLoadingState, { key: '4a409f123dd9fe7e40ba3088137f722ce803a4cc', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab1007e8c417730b91aade5035791126d33fbc73', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1fd6094de024b38c4037abee441d697a3cbe21f7', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '2a0ea46390d4a2b1c3a18e7d03f1c303f1919310', class: "sticky-bottom" }, h("tr", { key: '299790ab5ba6f64859823d2f83302a5cb08c94fa', class: "table-light align-middle" }, h("td", { key: '6efbdc2b9bb55817a542affaf5a246a36c528af4', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2df3ccd696a3bc59bf2dc485596dff00e0825dcd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0ae3bd80e00bf8df8f966503bb9e66ebe906a014', class: "table-wrapper" }, h("table", { key: '3f258156e4fa1e7c20ecd594e4965cf1db12db29', class: "table table-hover", part: table }, h("thead", { key: '4a79db4aa98fb270de205ca1b42b648b8f2326eb', class: "table-head sticky-top" }, h("tr", { key: '530320d6061afb4c342a52203257a0f1bc567223', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '855f54afcb88a51b25fa6ffb55f8ac12df59ede3', class: "table-body" }, h(TableLoadingState, { key: '4d9eef8945c60c4bf0b2f839244e2077cabce5f4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3aa523d3e14151dc076e35a7a7818ae39e9f194f', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'f00598602f310205f050b96e3d7419327e7d3ca4', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '523b5e2a99aa51e509295aa7dd743951bfd88bf0', class: "sticky-bottom" }, h("tr", { key: 'b568e6dff207cce3f0960f86cd8086ff20a9cc6c', class: "table-light align-middle" }, h("td", { key: 'deff80464cc797e10343fe3a4746131e341294c1', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd730b13b813bb6880b81a5ba39f6573e16e76bfb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fceaf9a2565bb0b2012f9d0c151159b5a0b013b6' }, h("table-filters-menu", { key: '04d455d0edefb0478ef50c58bb35aef2167a8bac', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'aefc85e6401613cd92300a613ce0b6f50dec01c9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '852d230caf3b239a19a585f5316a9507db9b5bf4', class: "p-2" }, h("form-control-select", { key: '5302296b38a69a9e5d224aaaa029cf03f561c47a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '86d62ad1d273857cddd4d594b2fbdaa481e9cf8b', class: "p-2" }, h("form-control-select", { key: '5880d9eb2afd60d31a0d8be9921fc80ed10a5135', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '99df89875c2a1be8287392b1db7392461c0c1538', class: "p-2" }, h("form-control-date", { key: '61d044d107ab4c7a3c5941a86b6cacf423e06b6f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'c6e44ad049bc5a2f5bb78f5a3799098f8f7e255f', class: "p-2" }, h("form-control-date", { key: '254ad26b1fabb7dd8a983b7095a2ce93dc25dafe', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '09824ee5a8f108e810027f844cb1592acb8292ab' }, h("table-filters-menu", { key: 'bcb67931ca20d8dcf4eaedf8fff22ee3c76f2765', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6ad367cbf5be69defb35791da7f606efde26e945', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0f5ed58e440ee9ce742f043790df214c49d391c', class: "p-2" }, h("form-control-select", { key: 'd9ce05f33331e44662a39a05822b8a027e5d76f6', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'ffbceaaf5812af61f54abe1a76b7c9c993e1e7fc', class: "p-2" }, h("form-control-select", { key: '9557912144e169bf6060e072686ca2b5e36d6e5e', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'dc87e2699cae6fcb01fcb54790540aca23fd7f3a', class: "p-2" }, h("form-control-date", { key: '0d0385b71ecc3cfc60ee9218a75f546ccc2c9718', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '4152bb0d8079b019b38a9291df5005211488f21c', class: "p-2" }, h("form-control-date", { key: '24038ef6242a432f9b886a1493841216cfeaae47', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -9,7 +9,6 @@ import JustifiAnalytics from "../../api/Analytics";
 export class TerminalOrdersList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -26,8 +25,7 @@ export class TerminalOrdersList {
             this.getTerminalOrders = makeGetTerminalOrders({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalOrderService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalOrderService()
             });
         }
         else {
@@ -40,7 +38,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '2a268ef2e2128e8a0ed23092c78caa7f59539c6f' }, h("terminal-orders-list-core", { key: 'a56b31da3f4672a7f63aaff473dbdcb985eed3fc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4ebe88697536863b62a8bd63fac96eb5f93668d0' }, h("terminal-orders-list-core", { key: '6735068496d16cdd4df169708c93534bea78433a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }
@@ -84,26 +82,6 @@ export class TerminalOrdersList {
                 "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/terminals-list/terminals-list-core.js

@@ -119,7 +119,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0bcf251e9a5000e43e78f34311f6be77cf68e352', class: "table-wrapper" }, h("table", { key: '08e48373265fbfe456950b58feda77a941a37acd', class: "table table-hover", part: table }, h("thead", { key: '28f35a8208b90658051434268eeff8a16c30b2f9', class: "table-head sticky-top" }, h("tr", { key: '586c256ee022c9d48e620bb16bad356ea77e73f7', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'c2e0488fa871b882e1d05e330048cbdc1d416d12', class: "table-body" }, h(TableLoadingState, { key: '9cd99869854f038b973893335a9d04b0e57cb3c4', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'be37cded55782881d44b426db5a9616c00a06ac8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2b9cc41992f95b5af083b9bed92ddbab15de8198', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'e72060a2ccf7a0e49b1e64bb7eb0b1ea35b67b38', class: "sticky-bottom" }, h("tr", { key: '9a87f6051212ae8b1e40d4c89be69e9babebe25d', class: "table-light align-middle" }, h("td", { key: 'e485c478dbff6d9ba48febec69f337582fdd7910', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2ef9119930e7111384533258d9d132f6879e3099', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ebfb2ddd63b2e58d04afa90f198e133386ab76e3' }, h("table-filters-menu", { key: '1bafea76a93c02d79712606b1b4e390082d7df10', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '5ef7db38c487fd6c1e2f04165f465bc36c0b8bfe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e9ba2f985e7c958457d6a110b430496ef6c409dd', class: "p-2" }, h("form-control-text", { key: 'aa5e8edfee2e7aaffd4fc54fab88aa0ef539e87b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4e50f586f1f096c977ce69100d5f0715334d521', class: "p-2" }, h("form-control-text", { key: '81d7dcdd31c917c495e92d2cf212a269a7a05fc5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '454ae474faced4cfdc3ef7c6021eddeb10349e03', class: "p-2" }, h("form-control-select", { key: 'ab01fa24d3904628249dc1044242ef98e35c3cc2', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '12ddae65f38d7d13766f671536759074676f0671' }, h("table-filters-menu", { key: '1834209eb5deabf91cb4bd239b6634e70ec7e7f7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'd78e4d5c268b605c6b2d15166b1a75d8837822e9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '22e568115b7026d1b42f09065d4308f97fd6ab42', class: "p-2" }, h("form-control-text", { key: '9205a6a68abb526276ea936bb4b0db014d85ff33', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '4939fef16aca8fc3e93c17f0ad489786b7b95636', class: "p-2" }, h("form-control-text", { key: '0ade0882380430f13a763d29866f3079aeb1d40a', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '9080d991225d98d20bd5ec226b3e5b1c01c34d9d', class: "p-2" }, h("form-control-select", { key: '19c31dc742b86ba2c6a8ebdebc79108ee2a4d1d7', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,6 @@ import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class TerminalsList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -38,8 +37,7 @@ export class TerminalsList {
             this.getTerminals = makeGetTerminals({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalService()
             });
         }
         else {
@@ -56,13 +54,12 @@ export class TerminalsList {
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e1701345de01cf73130bea653e16d31ee0c92725' }, h("terminals-list-core", { key: 'c4767eb667054564e4d6c36f11d494c98e4b4168', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f80199e30923fb9a50f66570087d41c5390e20a1' }, h("terminals-list-core", { key: 'ab3ed9809c1c629b3dd8ac5039294fd23b8c16a8', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }
@@ -106,26 +103,6 @@ export class TerminalsList {
                 "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/tokenize-payment-method/tokenize-payment-method.js

@@ -49,7 +49,7 @@ export class TokenizePaymentMethod {
         return { isValid };
     }
     render() {
-        return (h(StyledHost, { key: 'f78888ef0c0564df455a7e61990e718b6e827700' }, h("form", { key: '318c2496c73203c7e2c714ba03335118e6bb7136' }, h("fieldset", { key: '3b8e53e611480c2fe43be940162d2f2bc517ea69' }, h("div", { key: 'd8903132e22f7d79842ae22165aea45be0e263fd', class: "row gy-3" }, h("div", { key: '57e4b60b4acd33665a36384e4f6d1cd941f5eaeb', class: "col-12" }, h("justifi-payment-method-options", { key: '48b35447ccc01f8592354cf5c5e53ce8a53db880', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '6bd68d95bf5a4d090f00f8a6415d38c0b202ee3a', class: "col-12" }, h(Button, { key: 'cd61787511188bc099d625f6ef44301e5603a495', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: 'f44aae1794754d47dab2ab0d51eee101e98e49a7' }, h("form", { key: '4bc04f95b0ea7746641ff758b1e9d33615cc483e' }, h("fieldset", { key: 'ec59af9ca4b4941aa0910157e483e4810b147862' }, h("div", { key: '8aca0e9d3839440d3935baa7daae786948449153', class: "row gy-3" }, h("div", { key: 'b0a6b46e4669778bea417f70772780837b2fdcb6', class: "col-12" }, h("justifi-payment-method-options", { key: '4c5d3ad184904f872e8b147ff8b8be9c61877657', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'bd06291750591b0d8604aa9e42b89f74d942de39', class: "col-12" }, h(Button, { key: '19b60fc4248f8ae5942afffdb0a06258d7647330', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }