@justifi/webcomponents 6.0.2 → 6.0.4

package/dist/collection/components/modular-checkout/sub-components/apple-pay.js

@@ -1,6 +1,6 @@
 import { h, } from "@stencil/core";
 import { ApplePayService } from "../../../api/services/apple-pay.service";
-import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, } from "../../../api/ApplePay";
+import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, ApplePayMerchantCapability, } from "../../../api/ApplePay";
 import { StyledHost } from "../../../ui-components";
 import ApplePaySkeleton from "./apple-pay-skeleton";
 import { ApplePayButton } from "../../../ui-components/apple-pay-button";
@@ -41,7 +41,11 @@ export class ApplePay {
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
-                    merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
+                    merchantCapabilities: [
+                        ApplePayMerchantCapability.SUPPORTS_3DS,
+                        ApplePayMerchantCapability.SUPPORTS_CREDIT,
+                        ApplePayMerchantCapability.SUPPORTS_DEBIT,
+                    ],
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
@@ -185,10 +189,10 @@ export class ApplePay {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: '0610b810bc458f7382bb78ebe155e38cd39d7023' }, checkoutStore.checkoutLoaded && (h("script", { key: '036ba823079bb6daa62e72a8ee76cdc32dab60f0', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (h(StyledHost, { key: '6ffd1642666316916be6c263d6e79c44fb2d26cf' }, checkoutStore.checkoutLoaded && (h("script", { key: 'd3cea0c2fea2b9e51fd926f581dce118a7b0cc00', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
-            } })), h("div", { key: 'f5211ca2212306b7ee99dc1f6f06f56a9aa08643', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'bb4680ed4760d378237d36dd60e76d2db9cf0dd4', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '6c984f15b8ef2e629325253428c8243935328050', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '670fcfa28ea2405f772238add126525ecb14841b' }, `
+            } })), h("div", { key: '4a2ee3cb9a98746be1a10c3836833bb408d0896b', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'e804a3d42e4632d224a780c2313da4fd40a35281', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '82c8caa32e8857797dc3071a7404d9418fcd2274', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '022d4942b34097987ca8fe956bb6e02174a488b9' }, `
             .apple-pay-container {
               width: 100%;
             }
@@ -200,7 +204,6 @@ export class ApplePay {
         return {
             "countryCode": {
                 "type": "string",
-                "attribute": "country-code",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -216,11 +219,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "country-code",
                 "defaultValue": "\"US\""
             },
             "merchantIdentifier": {
                 "type": "string",
-                "attribute": "merchant-identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -236,11 +239,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "merchant-identifier",
                 "defaultValue": "\"merchant.com.staging-justifi.checkout-dev\""
             },
             "merchantDisplayName": {
                 "type": "string",
-                "attribute": "merchant-display-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -256,11 +259,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "merchant-display-name",
                 "defaultValue": "\"JustiFi Checkout\""
             },
             "initiativeContext": {
                 "type": "string",
-                "attribute": "initiative-context",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -276,11 +279,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "initiative-context",
                 "defaultValue": "\"dev-checkout.justifi-staging.com\""
             },
             "buttonType": {
                 "type": "string",
-                "attribute": "button-type",
                 "mutable": false,
                 "complexType": {
                     "original": "ApplePayButtonType",
@@ -302,11 +305,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "button-type",
                 "defaultValue": "ApplePayButtonType.PLAIN"
             },
             "buttonStyle": {
                 "type": "string",
-                "attribute": "button-style",
                 "mutable": false,
                 "complexType": {
                     "original": "ApplePayButtonStyle",
@@ -328,11 +331,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "button-style",
                 "defaultValue": "ApplePayButtonStyle.BLACK"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -348,11 +351,11 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "showSkeleton": {
                 "type": "boolean",
-                "attribute": "show-skeleton",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -368,6 +371,7 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-skeleton",
                 "defaultValue": "true"
             }
         };

package/dist/collection/components/modular-checkout/sub-components/bank-account-billing-form-simple.js

@@ -40,7 +40,6 @@ export class BankAccountBillingFormSimple {
         return {
             "legend": {
                 "type": "string",
-                "attribute": "legend",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -55,7 +54,8 @@ export class BankAccountBillingFormSimple {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "legend"
             }
         };
     }

package/dist/collection/components/modular-checkout/sub-components/billing-form-full.js

@@ -45,7 +45,6 @@ export class BillingFormFull {
         return {
             "legend": {
                 "type": "string",
-                "attribute": "legend",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -60,7 +59,8 @@ export class BillingFormFull {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "legend"
             }
         };
     }

package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js

@@ -41,7 +41,6 @@ export class CardBillingFormSimple {
         return {
             "legend": {
                 "type": "string",
-                "attribute": "legend",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -56,7 +55,8 @@ export class CardBillingFormSimple {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "legend"
             }
         };
     }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -11,7 +11,6 @@ export class PaymentMethodOption {
         return {
             "paymentMethodOptionId": {
                 "type": "string",
-                "attribute": "payment-method-option-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -26,11 +25,11 @@ export class PaymentMethodOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-method-option-id"
             },
             "isSelected": {
                 "type": "boolean",
-                "attribute": "is-selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -45,11 +44,11 @@ export class PaymentMethodOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-selected"
             },
             "clickHandler": {
                 "type": "unknown",
-                "attribute": "click-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(event: MouseEvent) => void",
@@ -72,7 +71,6 @@ export class PaymentMethodOption {
             },
             "radioButtonHidden": {
                 "type": "boolean",
-                "attribute": "radio-button-hidden",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -87,11 +85,11 @@ export class PaymentMethodOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "radio-button-hidden"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,7 +104,8 @@ export class PaymentMethodOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             }
         };
     }

package/dist/collection/components/modular-checkout/sub-components/sezzle-payment-method.js

@@ -60,7 +60,7 @@ export class SezzlePaymentMethod {
     }
     render() {
         var _a, _b;
-        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
+        if (!checkoutStore.bnplEnabled) {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }

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

@@ -134,7 +134,6 @@ export class OrderTerminals {
         return {
             "businessId": {
                 "type": "string",
-                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -149,11 +148,11 @@ export class OrderTerminals {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "business-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +167,11 @@ export class OrderTerminals {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -187,11 +186,11 @@ export class OrderTerminals {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "shipping": {
                 "type": "boolean",
-                "attribute": "shipping",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -207,11 +206,11 @@ export class OrderTerminals {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shipping",
                 "defaultValue": "false"
             },
             "submitButtonText": {
                 "type": "string",
-                "attribute": "submit-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,6 +226,7 @@ export class OrderTerminals {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-button-text",
                 "defaultValue": "'Submit Order'"
             }
         };

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -25,7 +25,6 @@ export class TerminalQuantitySelector {
         return {
             "modelName": {
                 "type": "string",
-                "attribute": "model-name",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalModelName",
@@ -46,11 +45,11 @@ export class TerminalQuantitySelector {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "model-name"
             },
             "imageUrl": {
                 "type": "string",
-                "attribute": "image-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,11 +64,11 @@ export class TerminalQuantitySelector {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "image-url"
             },
             "description": {
                 "type": "string",
-                "attribute": "description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +83,11 @@ export class TerminalQuantitySelector {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "description"
             },
             "helpUrl": {
                 "type": "string",
-                "attribute": "help-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,11 @@ export class TerminalQuantitySelector {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "help-url"
             },
             "limit": {
                 "type": "number",
-                "attribute": "limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -123,6 +122,7 @@ export class TerminalQuantitySelector {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "limit",
                 "defaultValue": "Infinity"
             }
         };

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
+import { DisputeStatus, PaymentStatuses } from "../../api";
 import { formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
-import { MapPaymentStatusToBadge } from "../payments-list/payments-status";
+import { MapPaymentStatusToBadge, PaymentStatusBadge } from "../payments-list/payments-status";
 import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadInfoItem, ErrorState } from "../../ui-components/details/utils";
 import { StyledHost } from "../../ui-components";
 import PaymentDetailsLoading from "./payment-details-loading";
@@ -37,17 +38,26 @@ export class PaymentDetailsCore {
             },
         });
     }
+    get PaymentStatus() {
+        if (this.payment.status === PaymentStatuses.disputed) {
+            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
+            if (disputeWasLost) {
+                return PaymentStatusBadge.DISPUTE_LOST;
+            }
+        }
+        return this.payment.status;
+    }
     render() {
-        return (h(StyledHost, { key: 'a94fc292445a0d8d3d77b0702fe5f19efc432634' }, this.loading && h(PaymentDetailsLoading, { key: 'd07e44b295fd5ce424a0a67d21e3c4ceec4634f4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'c6cd0c034c948b4b96415b5bde6a3808dc1686e2', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cff0b6a11617d68a42f20d6e3631097bafc34971', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a143d34fd230aa855286b1252b8e032f94fbd9a9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96e5af4a6c37667a4be5bf27cdfec6a5ea3978fd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '76f2fd4b5569ad4f6463fb36984e3d4309235473', title: "ID", value: this.payment.id })), h("div", { key: '9d5b04c789c248b358ffecfebac6b62a1d8f0a27', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '78f20430c4935b222c954fdc6eba89e715f668fc', sectionTitle: "Details" }), h("div", { key: '77d314983116b6dd2fc9989c1987d2371b5902b7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '41c4eb6797577967d4ee6bc6a546faf62bca48c6', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '51308e304e515290f1d4e96fda9ed0b7c9523055', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e6d24cb563963c8a540969437dd70674f04c02fc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '1640fe0c210efb6193cc791624fd274299516f4e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '9f2f34ef1aa4e2ec522ceda4bcdf398ede745c65', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '9f1cf33ce4a80dc55efc2d88882e9f52933e4aaa', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '2ec3eca801e5187912dc8107644270da03679a79', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '14065f819a71be0bee5a7980f66d88852a96a152', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7c5f72aaf86eaf7ef035cd359822988573a42862', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b1081bad614684d8205ca3377e16bd2377d6da88', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'a3e655f58e6482800dc53e55c5dd17d9e41ad08d', sectionTitle: "Payment Method" }),
-            h("div", { key: '225667fced83ad89e25cfc19c950b870a2558308', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '58c44b427b356a3576584c6a59301efcab0ed67f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'a2b60b522a6fbed58ad06f0df88e551070faf752', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6e094728a62fcdd01d0fdadab0bce26894dcd4b6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d703d83c3c7a115c6e64227a417997b63cf8748', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cf5dd3615ce5770f071aad7f1144862f00af760d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '8e934b8ca929667ae620d004e9bd85e27d05882c' }, this.loading && h(PaymentDetailsLoading, { key: '2d3fc68b570b3d99cb4bbc38e6f444dda7ae7346' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '30686d6dab6b9291263e3b0772ac635231b8befe', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b4bda838a2481a3e33dffe5bbbddd6688e2ca8e3', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '64c5c78ec44f3a179d9b4a52e4965c43d3ab0318', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '9a4ab2d2fe3bc4294dd39ffb997d8a2742c5311f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b89aa9b932a3edb40031d476aafa5c21a45be24f', title: "ID", value: this.payment.id })), h("div", { key: '8a5e2336d1c025771e381b2a20f64b8438b5f883', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4e9bad001601781c79d5c91978ecbb72561464cf', sectionTitle: "Details" }), h("div", { key: '948b83844b81a8eb9f310c18f02b5c8704eeb4da', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '285b5806148108197a482e19dbeb9e2f9cea629b', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7e2d71ed3e0c39b2d4d0f28fd48a9e508c2becf2', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c6725adaa214493f24eff516482171194152428', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '4a7a960ec2abe4689a463ff1f262084b2f5ff674', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5f4c4016804aa5fa457d64fd422fcef0760557d1', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '2dc245331ef21bd2af3f41378375db4bdaca4010', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'c156cc40903f5f2d2c44bd569797d897ac12a673', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '9328301f1664d243e99f2fc65f98622124efad84', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e5a9d69caed0fbdfc9422eb0f8f9dde7b716689b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '41606cf511c3d8bbc0cd113982c2d3e7fa0dfa22', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '1eb7dbb74218a2929f5eaee0b7f23a6fb87ed685', sectionTitle: "Payment Method" }),
+            h("div", { key: 'c471b66ca2f7c36e81d43d80aa89b487b8577e74', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dbb0affa2e32ba27f3f227ea0abb3498067433e4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '5647d0a731a0bf571f8ba28548703463bc1d3578', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e08b912a82f842f7be48f86a0f87cea1cf606f69', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '976f8cc5c4b35a369d0b003ec16bc0682ba9142a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '22507fb980865a8d0e55bb914c59ca95994cea0b', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '8b167fe0967859af1555245634e4f6cdaae77ccf', sectionTitle: "Payment Method" }),
-            h("div", { key: '3b84740a7e8f792b4f3987a88bff3e85003ea549', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1ef1e3781ea046145c58c721f1abfb2183e81db1', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '383f4756aac8901eef21786d9c9c6ff5ce097d7d', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3cbb0f11eaf47b3b3923d3371f33df95ca022bd8', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'b122e28ddb446b03b0a70b6cf3ac23fe84fd945d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'dd4ecaf52c9f2004cce8c22f827aaadba830a1e9', sectionTitle: "Payment Method" }),
+            h("div", { key: 'b1ab2660f491b8880ed4ef71b95d10a3e2fb8b37', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f54c70d4f7b8b4f2dde50e951d5e176256f0e8e2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c3965cf9d17e2447877a054aed54546bcc17ebd3', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '90553ec7655ba598a243162d5b5c00edb8144c20', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '31d1db505ece4dbf24df0dbfffbdc28f993cb7e5', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '5b6d6c2ade6badd80f8b6c4a4c6427710ba9ac66', sectionTitle: 'Metadata' }),
-            h("div", { key: 'a3d59ae07f2601b0895624c0a640693ef076b71e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b61349ed2f6536b2131b05ed0e8e337733309117', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '2aef948d3983e0bb7a688125c4e069424692c9e4', sectionTitle: 'Metadata' }),
+            h("div", { key: 'd7ae5de22100442614fb106071cf73ae996d965f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6fe2c0f4f89c440cfe29ada2b085c54a4cfc1be3', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }
@@ -55,7 +65,6 @@ export class PaymentDetailsCore {
         return {
             "getPaymentDetails": {
                 "type": "unknown",
-                "attribute": "get-payment-details",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",

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

@@ -56,7 +56,6 @@ export class PaymentDetails {
         return {
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -71,11 +70,11 @@ export class PaymentDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -90,7 +89,8 @@ export class PaymentDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             }
         };
     }

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

@@ -99,7 +99,6 @@ export class PaymentTransactionsList {
         return {
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -114,11 +113,11 @@ export class PaymentTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -133,11 +132,11 @@ export class PaymentTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -153,6 +152,7 @@ export class PaymentTransactionsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -90,7 +90,6 @@ export class PaymentsListCore {
         return {
             "getPayments": {
                 "type": "unknown",
-                "attribute": "get-payments",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -113,7 +112,6 @@ export class PaymentsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -128,7 +126,8 @@ export class PaymentsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }