@justifi/webcomponents 6.1.0-rc.1 → 6.1.0-rc.3

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -29,14 +29,13 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {
         return {
             "disputeResponse": {
                 "type": "any",
-                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -51,11 +50,11 @@ export class ShippingDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "dispute-response"
             },
             "documentErrors": {
                 "type": "any",
-                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -71,6 +70,7 @@ export class ShippingDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "document-errors",
                 "defaultValue": "{}"
             }
         };

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,14 +19,13 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {
         return {
             "params": {
                 "type": "any",
-                "attribute": "params",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -41,11 +40,11 @@ export class TableFiltersMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "params"
             },
             "clearParams": {
                 "type": "unknown",
-                "attribute": "clear-params",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,14 +67,13 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'bf0ec4beb53d9dd307b6241348ad984ea73be9ec' }, this.loading && h(Spinner, { key: '6529c781452e90b082aea5551f3d0af266616729' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {
         return {
             "getGrossPayment": {
                 "type": "unknown",
-                "attribute": "get-gross-payment",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",

package/dist/collection/components/gross-payment-chart/gross-payment-chart.js

@@ -55,7 +55,6 @@ export class GrossPaymentChart {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -70,11 +69,11 @@ export class GrossPaymentChart {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,7 +88,8 @@ export class GrossPaymentChart {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             }
         };
     }

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -133,7 +133,6 @@ export class SeasonInterruptionInsurance {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -148,11 +147,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "checkoutId": {
                 "type": "string",
-                "attribute": "checkout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +166,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "checkout-id"
             },
             "primaryIdentityFirstName": {
                 "type": "string",
-                "attribute": "primary-identity-first-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,11 +185,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-first-name"
             },
             "primaryIdentityLastName": {
                 "type": "string",
-                "attribute": "primary-identity-last-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -205,11 +204,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-last-name"
             },
             "primaryIdentityState": {
                 "type": "string",
-                "attribute": "primary-identity-state",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -224,11 +223,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-state"
             },
             "primaryIdentityPostalCode": {
                 "type": "string",
-                "attribute": "primary-identity-postal-code",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -243,11 +242,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-postal-code"
             },
             "primaryIdentityCountry": {
                 "type": "string",
-                "attribute": "primary-identity-country",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -262,11 +261,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-country"
             },
             "primaryIdentityEmailAddress": {
                 "type": "string",
-                "attribute": "primary-identity-email-address",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -281,11 +280,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "primary-identity-email-address"
             },
             "policyAttributesInsurableAmount": {
                 "type": "number",
-                "attribute": "policy-attributes-insurable-amount",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -300,11 +299,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "policy-attributes-insurable-amount"
             },
             "policyAttributesStartDate": {
                 "type": "string",
-                "attribute": "policy-attributes-start-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -319,11 +318,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "policy-attributes-start-date"
             },
             "policyAttributesEndDate": {
                 "type": "string",
-                "attribute": "policy-attributes-end-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -338,11 +337,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "policy-attributes-end-date"
             },
             "coveredIdentityFirstName": {
                 "type": "string",
-                "attribute": "covered-identity-first-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -357,11 +356,11 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "covered-identity-first-name"
             },
             "coveredIdentityLastName": {
                 "type": "string",
-                "attribute": "covered-identity-last-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -376,7 +375,8 @@ export class SeasonInterruptionInsurance {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "covered-identity-last-name"
             }
         };
     }

package/dist/collection/components/modular-checkout/modular-checkout.js

@@ -238,11 +238,19 @@ export class ModularCheckout {
         }
     }
     async submitCheckout(submitCheckoutArgs) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const isValid = await this.validate();
+        if (!checkoutStore.selectedPaymentMethod) {
+            this.errorEvent.emit({
+                message: 'No payment method selected.',
+                errorCode: ComponentErrorCodes.VALIDATION_ERROR,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
         const isNewCard = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.NEW_CARD;
         const isNewBankAccount = ((_b = checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-        const isPlaid = checkoutStore.selectedPaymentMethod.type === PAYMENT_METHODS.PLAID;
+        const isPlaid = ((_c = checkoutStore.selectedPaymentMethod) === null || _c === void 0 ? void 0 : _c.type) === PAYMENT_METHODS.PLAID;
         const shouldTokenize = isNewCard || isNewBankAccount;
         if (shouldTokenize) {
             const tokenizeResult = await this.tokenizePaymentMethod(submitCheckoutArgs);
@@ -278,7 +286,7 @@ export class ModularCheckout {
                     return;
                 }
                 const paymentMethod = response === null || response === void 0 ? void 0 : response.data;
-                const token = ((_c = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _c === void 0 ? void 0 : _c.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
+                const token = ((_d = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _d === void 0 ? void 0 : _d.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
                 checkoutStore.paymentToken = token;
             }
             catch (err) {
@@ -324,7 +332,7 @@ export class ModularCheckout {
             }
         };
         payment = {
-            payment_mode: mapTypeToPaymentMode((_d = checkoutStore.selectedPaymentMethod) === null || _d === void 0 ? void 0 : _d.type),
+            payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
         this.completeCheckout({
@@ -345,14 +353,13 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'f13bda646a7cfcbe339baad474554b38fb0ebae5' });
+        return h(Host, { key: '92483fadc77e6468f71ffe8161acb01ec05029bd' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -367,11 +374,11 @@ export class ModularCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "checkoutId": {
                 "type": "string",
-                "attribute": "checkout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -386,7 +393,8 @@ export class ModularCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "checkout-id"
             }
         };
     }

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

@@ -189,10 +189,10 @@ export class ApplePay {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        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: () => {
+        return (h(StyledHost, { key: 'ce2932a0c43641d2a96122b3d228e2180f3ce468' }, checkoutStore.checkoutLoaded && (h("script", { key: '33a584501a38517bdfe0a897d0238e2713c8c5c6', 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: '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' }, `
+            } })), h("div", { key: 'a6a4ff59660273ccf96940d8de73dadbe8daa77d', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '30d6c8bae27b5e86f48ec09ede9dc030550cda15', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '0d611070bd523ad146242b7f5aab42b03056c37c', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '87dd4fce32332f885fd819a054b23a973c4011cb' }, `
             .apple-pay-container {
               width: 100%;
             }
@@ -204,7 +204,6 @@ export class ApplePay {
         return {
             "countryCode": {
                 "type": "string",
-                "attribute": "country-code",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -220,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",
@@ -240,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",
@@ -260,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",
@@ -280,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",
@@ -306,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",
@@ -332,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",
@@ -352,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",
@@ -372,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

@@ -32,7 +32,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '53205714e0fee906cb28b444eadf954b25a11dea' }, h("div", { key: '1208a0bd457a727f73612aa76600ae1362493d1a', part: billingForm, class: "mt-4" }, h("form", { key: 'bd6de1875ed9a9ff95206b38842711d00eaa5258' }, h("fieldset", { key: '9169cc821a58774fd8b0135d1f506f98c96f4339' }, this.legend && (h("legend", { key: '0dac5fca347fa7a6dadeb00cd8a252cc9bc64920' }, this.legend)), h("div", { key: '3a3fc5259f3bc28664e0e2e8ced2e56f39dc3820', class: "row gy-3" }, h("div", { key: '7b61ca324077c9bcfc1d92a078ac9b94eafebe54', class: "col-12" }, h("form-control-text", { key: '49782afc8cd941f921ea80852a5201de6c6cef5e', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '06b875ab5179041ce4c44ace37e17238494541a1' }, h("div", { key: '321c641aaeb8ed882322877a427812c2998da4aa', part: billingForm, class: "mt-4" }, h("form", { key: 'b75303414b93c335ada237e9b3cb52cd0bcaa52b' }, h("fieldset", { key: 'e445030d7645425c20234448d328b865510e4585' }, this.legend && (h("legend", { key: 'c2a9c8062ba656488c1c4b708f2426482cdad4b8' }, this.legend)), h("div", { key: '5b20cbce02c04bbb8a9d4221e12b4a34fe3ece20', class: "row gy-3" }, h("div", { key: '6a70c8e73c3bc3a9d898a7f7a714c33aa3375eb1', class: "col-12" }, h("form-control-text", { key: 'e6aea5a583925374101effde95322d5b5f6fd566', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }
@@ -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/bank-account.js

@@ -40,10 +40,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '648204826c1e3979b8556ce9049f5e025a52b282' }, h("div", { key: 'dba0067b4662662653e424ff2c81c6edc831ed46', part: billingForm }, h("form", { key: '651812a32f1ee195f89238d1125573b6f9a62fa7' }, h("fieldset", { key: '15e9d4713fba88bb6de715c48b41b1c3ebfab9df' }, this.legend && (h("legend", { key: '783b34c1a9c2f4d407587b1a356ccf1e0e119993' }, this.legend)), h("div", { key: 'f322d2a29f50bff82167e9c5633a9f1d8b3f3cef', class: "row gy-3" }, h("div", { key: 'a02f6b275a02b32c37fd8c15921a582fa6a235a7', class: "col-12" }, h("form-control-text", { key: '3efd6677727b377bbf4432dc13c34500930ec801', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: '69aa44d031f1841d4b59974fa49371636eed6c31' }, h("div", { key: '2095e0159089400d141f4486ad4e3019a684ff2e', part: billingForm }, h("form", { key: 'ae6fb56fabb52b9f2b3e63a5507bba26e75e9029' }, h("fieldset", { key: '4a6232a78f884dbfae0363b445ed067e15a9aacd' }, this.legend && (h("legend", { key: '68539c45a73cad427847374267a8aff03d1e1227' }, this.legend)), h("div", { key: 'e469f109f2d3c5f780a6218269b698dcf956ef64', class: "row gy-3" }, h("div", { key: 'ee0614721f191a4b4bd8842de7fc2d8586b1ac26', class: "col-12" }, h("form-control-text", { key: '954516264218d359d2299e6680643da1d1c8e1fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }
@@ -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/card-form.js

@@ -44,10 +44,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '46991f66161e4118fdf135bf18eb757435e26457' }, h(CardFormSkeleton, { key: 'aacb7f467a10debc809997a67172fe4f23a2ca76', isReady: this.isReady }), h("hidden-input", { key: '3e9bd9b7ff0aba356d9f8fd07428cbaedcb223b1' }), h("div", { key: '8fcf6d92703491fe6a0be076a5965c09c800f262', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '8dea63dc69d7c7cfbcded0a07bfbcf9c7d7a41fa', class: "mb-3" }, h("iframe-input", { key: 'ffd4de932414b206ea5936c21349c522b762f8a4', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '3e56350822761119dbb7ff49e3cc56bec7f361ca', class: "row" }, h("div", { key: 'ab13b6b20573fbec961164a415ccaf21b663eb4b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e12d56f2c1dd12ae5eff7619204d9f746e1b6a43', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '62e4808ee208aec7cf3e1d7a99fd65f3d9a5e615', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c8e3945b466e61e8b21fbb13f71c0631740ca1a3', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '979929e29abb54f8837f71b1cdb7261df97a58df', class: "col-4 align-content-end" }, h("iframe-input", { key: '2c25868c5fd7e6c2d34722b39f22c2062248cdf6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }