@justifi/webcomponents 6.12.3 → 6.12.4

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

@@ -1,262 +0,0 @@
-import { h } from "@stencil/core";
-import { pagingDefaults } from "../../api";
-import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
-import { checkoutTableColumns, checkoutTableCells } from "./checkouts-table";
-import { Table } from "../../utils/table";
-import { getRequestParams, onQueryParamsChange } from "./checkouts-list-params-state";
-import { TableWrapper, TableComponent, TableHead, TableHeadRow, TableBody, TableRow, TableFoot, TableFootRow, TableFootCell, TableClickActions } from "../../ui-components";
-export class CheckoutsListCore {
-    constructor() {
-        this.checkouts = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        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 clickedCheckoutID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedCheckoutID)
-                return;
-            const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
-            this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
-        if (this.getCheckouts && this.getSubAccounts) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getCheckouts({
-            params: this.checkoutParams,
-            onSuccess: async ({ checkouts, pagingInfo }) => {
-                this.checkouts = checkouts;
-                this.paging = pagingInfo;
-                this.checkoutsTable.collectionData = this.checkouts;
-                const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
-                if (shouldFetchSubAccounts) {
-                    await this.fetchSubAccounts();
-                }
-                else {
-                    this.loading = false;
-                }
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    async fetchSubAccounts() {
-        this.getSubAccounts({
-            params: this.subAccountParams,
-            onSuccess: ({ subAccounts }) => {
-                this.subAccounts = subAccounts;
-                this.checkouts = this.checkouts.map((checkout) => {
-                    var _a;
-                    checkout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === checkout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
-                    return checkout;
-                });
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    get checkoutParams() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
-    get subAccountParams() {
-        let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
-        return { sub_account_id: accountIdString };
-    }
-    get entityId() {
-        return this.checkouts.map((checkout) => checkout.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.checkoutsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (h(TableWrapper, { key: 'ab929041216a2d6ea8db78b3bbf6d5fa3d4458fd' }, h(TableComponent, { key: '264d246a1783be1c99fb2a7487328a32d4e3b47b' }, h(TableHead, { key: 'b9be65c5b7a9144c780109ae906f49ea8c4023b4' }, h(TableHeadRow, { key: '47b22c689bd63c0cfe99045c6f37a8c1c92ef8a9' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '7b2a39f309a2aa347f3124a79bc55a0a333a1900' }, h(TableLoadingState, { key: 'ac94a5f253572e08a4d01df82397f60912089e38', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '95855989aac418e6eb79ae9a0eee75a50ef96cc1', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a8d9c0a2539d2565335a8da007d78771f3bfdc72', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '1126b1f5c12e10bed93aa3c5a004a3d3491dd97f' }, h(TableFootRow, { key: '611fcf13988992f531ecb9d0b94ee4ba3a103d30' }, h(TableFootCell, { key: 'cb77f614fe7b89737e4e22d60d18501af272f970', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '17996865c38f710fbe39ec2dce031baf9b5faaaf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get is() { return "checkouts-list-core"; }
-    static get properties() {
-        return {
-            "getCheckouts": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "getSubAccounts": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "columns": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "columns"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "checkouts": {},
-            "checkoutsTable": {},
-            "subAccounts": {},
-            "loading": {},
-            "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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "pagingParams",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "getCheckouts",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "getSubAccounts",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "columns",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -1,169 +0,0 @@
-import { h } from "@stencil/core";
-import { DisputeManagementClickActions } from "./event-types";
-import { Dispute, DisputeStatus } from "../../api/Dispute";
-export class JustifiDisputeManagementCore {
-    constructor() {
-        this.isLoading = true;
-        this.showDisputeResponseForm = false;
-    }
-    disputeResponseHandler(event) {
-        if (event.detail.name === DisputeManagementClickActions.respondToDispute) {
-            this.showDisputeResponseForm = true;
-        }
-        if (event.detail.name === DisputeManagementClickActions.cancelDispute) {
-            this.showDisputeResponseForm = false;
-        }
-    }
-    disputeSubmittedHandler() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        if (this.getDispute) {
-            this.fetchData();
-        }
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.isLoading = true;
-        this.getDispute({
-            onSuccess: ({ dispute }) => {
-                this.dispute = new Dispute(dispute);
-                this.isLoading = false;
-                if (this.dispute.status !== DisputeStatus.needsResponse) {
-                    this.showDisputeResponseForm = false;
-                }
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.isLoading = false;
-            },
-        });
-    }
-    render() {
-        return (h("div", { key: '830c909d7782694ee8b53be335cf7dd979ac9b57' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
-    }
-    static get is() { return "justifi-dispute-management-core"; }
-    static get properties() {
-        return {
-            "getDispute": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "disputeId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "dispute-id"
-            },
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "dispute": {},
-            "isLoading": {},
-            "showDisputeResponseForm": {}
-        };
-    }
-    static get events() {
-        return [{
-                "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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "getDispute",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "click-event",
-                "method": "disputeResponseHandler",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }, {
-                "name": "submit-event",
-                "method": "disputeSubmittedHandler",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-;

package/dist/collection/components/dispute-management/dispute-response/justifi-dispute-response.js

@@ -1,190 +0,0 @@
-import { h } from "@stencil/core";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { StyledHost } from "../../../ui-components";
-import { makeCreateDisputeEvidence, makeUpdateDisputeResponse, makeSubmitDisputeResponse } from "./dispute-response-actions";
-import JustifiAnalytics from "../../../api/Analytics";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
-import { DisputeService } from "../../../api/services/dispute.service";
-export class JustifiDisputeResponse {
-    constructor() {
-        this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
-    }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeDisputeServiceMethods();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    ;
-    propChanged() {
-        this.initializeDisputeServiceMethods();
-    }
-    initializeDisputeServiceMethods() {
-        if (this.disputeId && this.authToken) {
-            this.updateDisputeResponse = makeUpdateDisputeResponse({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new DisputeService()
-            });
-            this.createDisputeEvidence = makeCreateDisputeEvidence({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new DisputeService()
-            });
-            this.submitDisputeResponse = makeSubmitDisputeResponse({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new DisputeService()
-            });
-        }
-        else {
-            this.errorMessage = 'Account ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        return (h(StyledHost, { key: 'fb08d6796fe7740f292eff620d04e943adb30b22' }, h("justifi-dispute-response-core", { key: 'cb1859a262749d3e11c14844e5a9a5909970ee06', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
-    }
-    ;
-    static get is() { return "justifi-dispute-response"; }
-    static get encapsulation() { return "shadow"; }
-    static get properties() {
-        return {
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            },
-            "disputeId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "dispute-id"
-            },
-            "disputeResponse": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "DisputeResponse",
-                    "resolved": "DisputeResponse",
-                    "references": {
-                        "DisputeResponse": {
-                            "location": "import",
-                            "path": "../../../api",
-                            "id": "src/api/index.ts::DisputeResponse"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "apiOrigin": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "api-origin",
-                "defaultValue": "PROXY_API_ORIGIN"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "updateDisputeResponse": {},
-            "submitDisputeResponse": {},
-            "createDisputeEvidence": {},
-            "errorMessage": {}
-        };
-    }
-    static get events() {
-        return [{
-                "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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "accountId",
-                "methodName": "propChanged"
-            }, {
-                "propName": "authToken",
-                "methodName": "propChanged"
-            }];
-    }
-}
-;