@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -28,14 +28,13 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '8c477299c96f62141b72beb93869affcdfc6b11b' }, h("div", { key: '91788a7fbad8a83f79840f6579688f29a97d49a5', class: "row gy-3" }, h("div", { key: 'e2948efeccf931b4b35fa12dda1c00ba7edbbfda', class: "col-12" }, h("h2", { key: 'bff14f8b7bf0e823fc7586ba4eb64160ed031d60', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '90affc176f5fb5f53253493833bc3a053611a3cf', class: "col-12" }, h("form-control-textarea", { key: 'b367d9aa62aa68fed18cfeeb97fbf3eb3e692b0e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'a73a5ff85720baf8753871a6f644fe590cf78984', class: "col-12" }, h("form-control-textarea", { key: 'd1b50580a0e3dd932628b4538ca7d9baa629120f', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '58cc7aeab51768dd5dd95b5779383345c32e13b7', class: "col-12" }, h("form-control-file-v2", { key: 'ef83492203035b03ae2dc164a552dabef93b67e1', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'd5cdd3248db7caaec1c0ac1f29f6855a8aae7173', class: "col-12" }, h("form-control-file-v2", { key: '94ea35a1d40ff19d2820469d540f77d23001062a', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {
         return {
             "disputeResponse": {
                 "type": "any",
-                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -50,11 +49,11 @@ export class RefundPolicy {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "dispute-response"
             },
             "documentErrors": {
                 "type": "any",
-                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -70,6 +69,7 @@ export class RefundPolicy {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "document-errors",
                 "defaultValue": "{}"
             }
         };

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: 'cd32d2a2ae133088c3388a9a52039ae757a0a200' }, h("div", { key: '5457f7a144ca6ce25d20fe2f043eba902c35205f', class: "row gy-3" }, h("div", { key: 'd11c623e7351f870cfbe41b3841eae7f6bb58eef', class: "col-12" }, h("h2", { key: 'ab3defdc23613c680c9e275b0fcc5598528f1c9d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'cde829a944264990fbbb21261a858dea7e7e3ff0', class: "col-12" }, h("form-control-text", { key: 'b4c7ed2c1ca6f0a6b56702449fadf8d7440aea83', 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: '2c1fd6999a2cbda3282a87c8512386abd40988e4', class: "col-12" }, h("form-control-text", { key: 'eadf6f942e0ea8ba2a09f08c89c75e493fcec54e', 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: '6c7cde4b10b6fc29eaf643b60521fd08071a4e9b', class: "col-12" }, h("form-control-date", { key: '0a38ef541f75ba9416ab85a6a396b2cdd7075064', 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: '117e0936637101d76dda444e0892270196e27f0f', class: "col-12" }, h("form-control-textarea", { key: '72edaebdde0129baf35803be9620d4279c08481e', 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: 'f50278e1ba2a8221bb1b656e636325edab4652d9', class: "col-12" }, h("form-control-file-v2", { key: 'c56b1a62dfd1d4ab3b164d1e27f5f4622af4327b', 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: 'feeb1b62445446c773d4b6a31cf58bb237e782f5', class: "d-flex gap-2" }, h("div", { key: '4118208bf7f1a0a95f17ce3b5e675f0593a404a2', class: "dropdown pb-3" }, h("button", { key: 'd19031fcda3a895e141758b453e84e58a5dc0869', 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: '57b0d375b063fbe91299865ae7a441f09ea6e7ea', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e76309f3d4fbdf967ec1bed88d3ddaf99cf0eccf', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'e72f0b9567b07e22237f905ad5a94aa5d8d0400f' })))), h("div", { key: 'e9ace5e67bf4dc200e48c538e93571166caa1225' }, h(Button, { key: 'b26a73a1ad3af4ee2f724a95fb0361cb51460c64', 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: '23c2f499d03273189d31adaa1786831a04b65b8d' }, this.loading && h(Spinner, { key: '0b57cbb314d3b87c24e09d4ea7660e6e0a988dc6' }), !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

@@ -127,7 +127,7 @@ export class ModularCheckout {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -138,11 +138,12 @@ export class ModularCheckout {
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
         checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkoutStore.bnplProviderClientId = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_client_id;
-        checkoutStore.bnplProviderMode = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_api_version;
+        checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
+        checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
+        checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_checkout_url;
+            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -353,14 +354,13 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'dbe1fe78f8206fef2e3f4f51628d716786dea858' });
+        return h(Host, { key: 'a3619798ffe1de168262d61d7855209b46b01ab5' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -375,11 +375,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",
@@ -394,7 +394,8 @@ export class ModularCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "checkout-id"
             }
         };
     }
@@ -511,8 +512,9 @@ export class ModularCheckout {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -15,6 +15,8 @@ export class ApplePay {
         this.buttonStyle = ApplePayButtonStyle.BLACK;
         this.disabled = false;
         this.showSkeleton = true;
+        this.width = "100%";
+        this.height = "48px";
         this.isLoading = true;
         this.isProcessing = false;
         this.isAvailable = false;
@@ -185,14 +187,19 @@ export class ApplePay {
         this.applePayCancelled.emit();
     }
     render() {
+        if (!checkoutStore.applePayEnabled) {
+            // Render nothing when Apple Pay is disabled at the checkout settings level
+            console.log('[ApplePay Component] Apple Pay disabled in checkout settings; not rendering');
+            return null;
+        }
         const isReady = !this.isLoading &&
             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, null, checkoutStore.checkoutLoaded && (h("script", { 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", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {
               width: 100%;
             }
@@ -204,7 +211,6 @@ export class ApplePay {
         return {
             "countryCode": {
                 "type": "string",
-                "attribute": "country-code",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -220,11 +226,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 +246,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 +266,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 +286,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 +312,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 +338,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 +358,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,7 +378,48 @@ export class ApplePay {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-skeleton",
                 "defaultValue": "true"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "width",
+                "defaultValue": "\"100%\""
+            },
+            "height": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "height",
+                "defaultValue": "\"48px\""
             }
         };
     }

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: 'fc6e23e6f8b64b5635dbeea93b9d5fe261dc772c' }, h("div", { key: '05b37c65fe24ddcb546e204350996976f5a53eea', part: billingForm, class: "mt-4" }, h("form", { key: 'b02df8adf96ac298b15bfb744177524f0c067254' }, h("fieldset", { key: '83d292caaa4322fbf151bf5bdac007ea13ea0b7e' }, this.legend && (h("legend", { key: 'bf956b7714776d01869e4bf740b5ee75d758a2cc' }, this.legend)), h("div", { key: '7095362ffbba89a5b6396921e8c5c05d144a9a5b', class: "row gy-3" }, h("div", { key: '36dc450d4411e5755cff8b76fceba7e7cff516c8', class: "col-12" }, h("form-control-text", { key: 'ea52769979280cde0854cbf9fe12fa4abe40b769', 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"
             }
         };
     }