@justifi/webcomponents 6.0.1 → 6.0.3

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

@@ -2,7 +2,22 @@ import { h } from "@stencil/core";
 import { MapPaymentStatusToBadge } from "./payments-status";
 import { convertToLocal } from "../../utils/utils";
 import { getAlternateTableCellPart, tableHeadCell } from "../../styles/parts";
-export const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
+export const mapCardBrandToDisplayName = (brand) => {
+    if (!brand)
+        return 'N/A';
+    const brandMap = {
+        'visa': 'VISA',
+        'mastercard': 'Mastercard',
+        'american_express': 'American Express',
+        'discover': 'Discover',
+        'diners_club': 'Diners Club',
+        'jcb': 'JCB',
+        'china_unionpay': 'China UnionPay',
+        'unknown': 'Unknown'
+    };
+    return brandMap[brand.toLowerCase()] || brand;
+};
+export const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand';
 export const paymentTableColumns = {
     created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each payment was made" }, "Date")),
     amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each payment" }, "Amount")),
@@ -11,6 +26,7 @@ export const paymentTableColumns = {
     description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment description, if you provided one" }, "Description")),
     payers_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The name associated with the payment method" }, "Account Holder")),
     last_four_digits: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand and last 4 digits of the payment method" }, "Payment Method")),
+    card_brand: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand of the payment method" }, "Card Brand")),
 };
 export const paymentTableCells = {
     created_at: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showTime: true })))),
@@ -20,4 +36,8 @@ export const paymentTableCells = {
     description: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.description)),
     payers_name: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.payers_name)),
     last_four_digits: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.last_four_digits)),
+    card_brand: (payment, index) => {
+        var _a, _b;
+        return (h("td", { part: getAlternateTableCellPart(index) }, mapCardBrandToDisplayName(((_a = payment.payment_method.card) === null || _a === void 0 ? void 0 : _a.brand) || ((_b = payment.payment_method.bank_account) === null || _b === void 0 ? void 0 : _b.brand))));
+    },
 };

package/dist/collection/components/payout-details/payout-details-core.js

@@ -62,7 +62,6 @@ export class PayoutDetailsCore {
         return {
             "getPayout": {
                 "type": "unknown",
-                "attribute": "get-payout",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -85,7 +84,6 @@ export class PayoutDetailsCore {
             },
             "getPayoutCSV": {
                 "type": "unknown",
-                "attribute": "get-payout-c-s-v",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",

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

@@ -60,7 +60,6 @@ export class PayoutDetails {
         return {
             "payoutId": {
                 "type": "string",
-                "attribute": "payout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +74,11 @@ export class PayoutDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payout-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,7 +93,8 @@ export class PayoutDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             }
         };
     }

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

@@ -103,7 +103,6 @@ export class PayoutTransactionsList {
         return {
             "payoutId": {
                 "type": "string",
-                "attribute": "payout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -118,11 +117,11 @@ export class PayoutTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payout-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -137,11 +136,11 @@ export class PayoutTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -157,6 +156,7 @@ export class PayoutTransactionsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -142,7 +142,6 @@ export class PayoutsListCore {
         return {
             "getPayouts": {
                 "type": "unknown",
-                "attribute": "get-payouts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -165,7 +164,6 @@ export class PayoutsListCore {
             },
             "getSubAccounts": {
                 "type": "unknown",
-                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -188,7 +186,6 @@ export class PayoutsListCore {
             },
             "getPayoutCSV": {
                 "type": "unknown",
-                "attribute": "get-payout-c-s-v",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -211,7 +208,6 @@ export class PayoutsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -226,7 +222,8 @@ export class PayoutsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

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

@@ -36,7 +36,6 @@ export class PayoutsListFilters {
         return {
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -51,11 +50,11 @@ export class PayoutsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -70,7 +69,8 @@ export class PayoutsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

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

@@ -72,7 +72,6 @@ export class PayoutsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -87,11 +86,11 @@ export class PayoutsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,11 +105,11 @@ export class PayoutsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,6 +125,7 @@ export class PayoutsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -127,7 +127,6 @@ export class RefundPayment {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +141,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +160,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -180,11 +179,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "hideSubmitButton": {
                 "type": "boolean",
-                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -200,6 +199,7 @@ export class RefundPayment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-submit-button",
                 "defaultValue": "false"
             }
         };

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

@@ -88,7 +88,6 @@ export class TerminalOrdersListCore {
         return {
             "getTerminalOrders": {
                 "type": "unknown",
-                "attribute": "get-terminal-orders",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -111,7 +110,6 @@ export class TerminalOrdersListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,7 +124,8 @@ export class TerminalOrdersListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

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

@@ -57,7 +57,6 @@ export class TerminalOrdersListFilters {
         return {
             "orderStatus": {
                 "type": "string",
-                "attribute": "order-status",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderStatus",
@@ -78,11 +77,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-status"
             },
             "orderType": {
                 "type": "string",
-                "attribute": "order-type",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderType",
@@ -103,11 +102,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-type"
             },
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,11 +121,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,7 +140,8 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

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

@@ -51,7 +51,6 @@ export class TerminalOrdersList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,11 +65,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +84,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,6 +104,7 @@ export class TerminalOrdersList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -125,7 +125,6 @@ export class TerminalsListCore {
         return {
             "getTerminals": {
                 "type": "unknown",
-                "attribute": "get-terminals",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -148,7 +147,6 @@ export class TerminalsListCore {
             },
             "getSubAccounts": {
                 "type": "unknown",
-                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -171,7 +169,6 @@ export class TerminalsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,7 +183,8 @@ export class TerminalsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

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

@@ -43,7 +43,6 @@ export class TerminalsListFilters {
         return {
             "terminalId": {
                 "type": "string",
-                "attribute": "terminal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -58,11 +57,11 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-id"
             },
             "terminalOrderId": {
                 "type": "string",
-                "attribute": "terminal-order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +76,11 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-order-id"
             },
             "terminalStatus": {
                 "type": "string",
-                "attribute": "terminal-status",
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
@@ -102,7 +101,8 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-status"
             }
         };
     }

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

@@ -69,7 +69,6 @@ export class TerminalsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +83,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,6 +122,7 @@ export class TerminalsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };