@justifi/webcomponents 4.17.0 → 4.19.0

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

@@ -1,153 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { Api, PaymentBalanceTransaction, pagingDefaults, } from "../../api";
-import { formatCurrency, formatDate, formatTime, snakeCaseToHumanReadable, } from "../../utils/utils";
-import { config } from "../../../config";
-export class PaymentBalanceTransactions {
-    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.paymentId = undefined;
-        this.balanceTransactions = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        this.loading = true;
-        if (!this.accountId || !this.paymentId) {
-            this.errorMessage = 'Missing required props: accountId or paymentId';
-            this.loading = false;
-            return;
-        }
-        const endpoint = `account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;
-        const response = await Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            this.balanceTransactions = response.data.map(dataItem => new PaymentBalanceTransaction(dataItem));
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(Host, { key: 'b1280a1b4c01852333d7f7786c441556b2be7704' }, h("justifi-table", { key: 'eecf276d17dcf70cb6b52a1756d5699e90b11ea8', columnData: [
-                ['Processed On', 'The date each transaction occurred'],
-                ['Type', 'The type of each transaction'],
-                ['ID', 'The unique identifier of each transaction'],
-                ['Amout', 'The dollar amount of each transaction'],
-                [
-                    'Balance',
-                    'The running total amount of this payment that belongs to you',
-                ],
-            ], entityId: this.balanceTransactions.map(transaction => transaction.id), rowData: this.balanceTransactions.map(balanceTransaction => [
-                h("div", null, h("div", null, formatDate(balanceTransaction.created_at)), h("div", null, formatTime(balanceTransaction.created_at))),
-                snakeCaseToHumanReadable(balanceTransaction.payment_balance_txn_type),
-                balanceTransaction.payment_id,
-                formatCurrency(balanceTransaction.amount),
-                formatCurrency(balanceTransaction.balance),
-            ]), 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-payment-balance-transactions"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["payment-balance-transactions.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["payment-balance-transactions.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
-            },
-            "paymentId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "payment-id",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "balanceTransactions": {},
-            "loading": {},
-            "errorMessage": {},
-            "paging": {},
-            "params": {}
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "params",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}

package/dist/collection/components/payment-balance-transactions/payment-balance-transactions.stories.js

@@ -1,32 +0,0 @@
-import { config } from "../../../config";
-export default {
-    title: 'dev/Components/PaymentBalanceTransactions',
-    component: 'justifi-payment-balance-transactions',
-    parameters: {},
-};
-class PaymentBalanceTransactionsArgs {
-    constructor(args) {
-        this['auth-token'] = args['auth-token'] || config.proxyAuthToken;
-        this['payment-id'] = args['payment-id'] || config.examplePaymentId;
-        this['account-id'] = args['account-id'] || config.exampleAccountId;
-    }
-}
-const Template = (args) => {
-    return `
-    <justifi-payment-balance-transactions
-      data-testid="justifi-payment-balance-transactions"
-      auth-token="${args['auth-token']}"
-      payment-id="${args['payment-id']}"
-      account-id="${args['account-id']}"
-    />
-  `;
-};
-export const Example = Template.bind({});
-Example.args = new PaymentBalanceTransactionsArgs({});
-export const Styled = Template.bind({});
-Styled.args = new PaymentBalanceTransactionsArgs({});
-Styled.decorators = [
-    (Story) => `
-    ${Story()}
-  `,
-];