@justifi/webcomponents 4.17.0 → 4.19.0

package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js

@@ -1,48 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { DetailItem, DetailSectionTitle } from "../../details/utils";
-export class SubaccountTermsDetails {
-    constructor() {
-        this.data = undefined;
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h(Host, { key: 'dfa4a1103939bd6b7078a0f669f94a93e1e76c07' }, h(DetailSectionTitle, { key: 'd304dcf3046ae24d0d23991323467214f50089d1', sectionTitle: 'Terms and Conditions' }), h("div", { key: '61fd1cd1ec00585abc5964798fc73e58525ffe75', class: "d-table gap-2 w-100" }, h("div", { key: 'a38bf7e19a3280b5b8a78e255ae8f42b013869dd', class: "row gy-3" }, h("div", { key: '80612f89bb5d757f5a925310301e8c9185526202', class: "col-12 col-md-6" }, h(DetailItem, { key: '50bef6ff3dec8796d0f332bd93b407c4bb87417a', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), h(DetailItem, { key: '98b4d284c0fc7b55fa2fdb9e5a20436f64969797', title: "Accepted?", value: (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.accepted) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { key: '591109fe30a1d6700ff7b57faac0acfac7d2d8ed', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
-    }
-    static get is() { return "subaccount-terms-details"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-terms-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-terms-details.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "data": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Terms",
-                    "resolved": "Terms",
-                    "references": {
-                        "Terms": {
-                            "location": "import",
-                            "path": "../../../api/SubAccount",
-                            "id": "src/api/SubAccount.ts::Terms"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/subaccounts-list/subaccounts-list.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

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

@@ -1,179 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { SubAccount } from "../../api/SubAccount";
-import { MapSubAccountStatusToBadge } from "../../utils/utils";
-import { Api, pagingDefaults } from "../../api";
-import { config } from "../../../config";
-export class SubaccountsList {
-    constructor() {
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.subaccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const api = Api({ authToken: this.authToken, apiOrigin: config.privateApiOrigin });
-        const endpoint = `account/${this.accountId}/seller_accounts`;
-        const response = await api.get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = response === null || response === void 0 ? void 0 : response.data.map(dataItem => new SubAccount(dataItem));
-            this.subaccounts = data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(Host, { key: 'c967447440e0ed6993e6a96ea02ef9cd72dfaaec' }, h("justifi-table", { key: 'f1675c85915a330510be1e3469a712d7cececa0b', rowClickHandler: e => {
-                const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;
-                if (!clickSubAccountId) {
-                    return;
-                }
-                this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));
-            }, entityId: this.subaccounts.map((subaccount) => subaccount.id), columnData: [
-                ['Created On', 'The date and time each sub account was created'],
-                ['Name', 'The name provided for each sub account'],
-                ['Account	', 'The unique live or test account ID for each sub account'],
-                ['Card Rate	', 'The rate that determines the fees charged per payment, when paid by card'],
-                ['ACH Rate	', 'The rate that determines the fees charged per payment, when paid by eCheck'],
-                ['Status', 'The onboarding status of each sub account']
-            ], rowData: this.subaccounts.map((subaccount) => ([
-                {
-                    type: 'head',
-                    value: `
-                    <div class='fw-bold'>${subaccount.dateString}</div>
-                    <div class='fw-bold'>${subaccount.timeString}</div>
-                  `,
-                },
-                subaccount.name,
-                subaccount.id,
-                subaccount.cardRate,
-                subaccount.achRate,
-                {
-                    type: 'inner',
-                    value: MapSubAccountStatusToBadge(subaccount.status)
-                }
-            ])), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get is() { return "justifi-subaccounts-list"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccounts-list.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccounts-list.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "accountId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "account-id",
-                "reflect": false
-            },
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "auth-token",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "subaccounts": {},
-            "loading": {},
-            "errorMessage": {},
-            "paging": {},
-            "params": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "rowClicked",
-                "name": "subaccount-row-clicked",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "SubAccount",
-                    "resolved": "SubAccount",
-                    "references": {
-                        "SubAccount": {
-                            "location": "import",
-                            "path": "../../api/SubAccount",
-                            "id": "src/api/SubAccount.ts::SubAccount"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "accountId",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "authToken",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "params",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}

package/dist/collection/components/subaccounts-list/subaccounts-list.stories.js

@@ -1,69 +0,0 @@
-import { config } from "../../../config";
-export default {
-    title: 'dev/Components/SubaccountsList',
-    component: 'justifi-subaccounts-list',
-    parameters: {},
-    decorators: [
-        (Story) => `
-      ${Story()}
-      <script>
-        window.addEventListener('subaccount-row-clicked', (e) => {
-          console.log(e);
-        })
-      </script>
-    `,
-    ],
-};
-class SubaccountsListArgs {
-    constructor(args) {
-        this['auth-token'] = args['auth-token'] || config.privateAuthToken;
-        this['account-id'] = args['account-id'] || '';
-    }
-}
-const Template = (args) => {
-    return `
-    <justifi-subaccounts-list
-      data-testid="justifi-subaccounts-list"
-      auth-token="${args['auth-token']}"
-      account-id="${args['account-id']}"
-    />
-  `;
-};
-export const Example = Template.bind({});
-Example.args = new SubaccountsListArgs({});
-export const Styled = Template.bind({});
-Styled.args = new SubaccountsListArgs({});
-Styled.decorators = [
-    (Story) => `
-    ${Story()}
-    <style>
-      justifi-subaccounts-list::part(table-head-cell) {
-        background-color: #F4F4F6;
-      }
-      justifi-subaccounts-list::part(pagination-bar) {
-        background-color: #F4F4F6;
-      }
-      justifi-subaccounts-list::part(arrow) {
-        --bs-btn-disabled-bg: #212529;
-        --bs-btn-disabled-border-color: #212529;
-        --bs-btn-bg: #212529;
-        --bs-btn-border-color: #212529;
-        --bs-btn-hover-bg: #fccc32;
-        --bs-btn-hover-border-color: #fccc32;
-      }
-      justifi-subaccounts-list::part(error-state) {
-        color: red;
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(loading-state-cell) {
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(table-row) {
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(table-row-even) {
-        background-color: #F4F4F6;
-      }
-    </style>
-  `,
-];