@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/collection/components/dispute-management/dispute-response/{shipping-details.js → justifi-shipping-details.js}

@@ -4,7 +4,7 @@ import ShippingDetailsSchema from "./schemas/shipping-details-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class ShippingDetails {
+export class JustifiShippingDetails {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '42e223f71b2bbb47452c42ef5fa3461c33fb1f05' }, h("div", { key: '202b32fe04059d34bbcc422a4d8a426148fffa4c', class: "row gy-3" }, h("div", { key: '4508298a411269d447989c859b9f916f3d288c38', class: "col-12" }, h("h2", { key: '732705ee8f3e8d3ebce839e33b7ef3a5ca108224', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c373e96c63ed7398315f000250749fed7ee6b2ef', class: "col-12" }, h("form-control-text", { key: '7e4ce2f7ad55c07f4c67b8f80940e94d76d16f43', 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: '08e2067843ce83058c73c4673c88b8d1968d81a0', class: "col-12" }, h("form-control-text", { key: '5ed369c9064edd5fafc3c3a0142bcace1c3beaee', 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: 'fcfe5349a3f9d61039c61de7b1f70e517d479b09', class: "col-12" }, h("form-control-date", { key: 'fecafa215e1f4c042e54f34db584503fed7fbe35', 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: 'd87378a61c76bf5fb331f02fe6960abbed4d3d59', class: "col-12" }, h("form-control-textarea", { key: '1acffdfd447400ef9627359c0a892b93d4ba1a1c', 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: '28ebefe8f6db158dc76ca9b8ab86f12a7a968b82', class: "col-12" }, h("form-control-file-v2", { key: '7f4ba4acd413eb070a6126f43ab4bb77f3ac12ba', 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: '866cc4bbec74504766f54b7ead77905108e943a9' }, h("div", { key: 'fbd5066de212864ecec4a364508e348b7af3f3bc', class: "row gy-3" }, h("div", { key: 'f4570f4e399f800840e13edad14f77c8a1b53712', class: "col-12" }, h("h2", { key: '2e5100b95fa159a119e82eb6efbc0c553861ec71', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '872e7a523810713854895852b437cbde39fc7d7c', class: "col-12" }, h("form-control-text", { key: 'bfddeb4473c5d15ab6cddc555492ebbbabb4e7ff', 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: '9376147e0d182470e0a280cf0c256006f4422eeb', class: "col-12" }, h("form-control-text", { key: '6e62ddb611af6a69f4568fabeb90271e593998ac', 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: '7431cd70b761dbe3183a544e179e443cd6af9761', class: "col-12" }, h("form-control-date", { key: 'b834fac26c825d5dc809c16e8a8519b1d330ecfc', 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: 'f07986a66fe74289cbe778996146d8781418db57', class: "col-12" }, h("form-control-textarea", { key: 'c2287f560c55006a9c0cef83acb46ed02a981bb8', 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: 'ef07786e43bda9fec564e08d2fbd34a7dc9dc3e3', class: "col-12" }, h("form-control-file-v2", { key: '70743473ff8bed43562b65eb35a78466ed6d947a', 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() {

package/dist/collection/components/dispute-management/{dispute-management.js → justifi-dispute-management.js}

@@ -4,7 +4,7 @@ import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
-export class DisputeManagement {
+export class JustifiDisputeManagement {
     constructor() {
         this.errorMessage = null;
         this.handleErrorEvent = event => {
@@ -43,7 +43,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '6e884955ea019144de872582a62bcecf05efa7b4', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'd69df58c862b817e39c773ef80ae95b24cac8be3', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {

package/dist/collection/components/dispute-management/{dispute-notification.js → justifi-dispute-notification.js}

@@ -5,7 +5,7 @@ import { Skeleton, Button, StyledHost } from "../../ui-components";
 import { makeSubmitDisputeResponse } from "./dispute-response/dispute-response-actions";
 import { DisputeService } from "../../api/services/dispute.service";
 import { DisputeManagementClickActions } from "./event-types";
-export class DisputeNotification {
+export class JustifiDisputeNotification {
     acceptDispute() {
         makeSubmitDisputeResponse({
             disputeId: this.dispute.id,
@@ -44,8 +44,8 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: text }, h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '3c2149db7fbe647697c759083fe1884421409078', part: text }, h("h1", { key: '14a5b5e1f88a147b5e5b272c05d8c7b61172ccc1', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '80492d8cfabb74288b800737ff1b91ef4ca976e4' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '379d85bd2363dc727e0e17e20900912232fc8692', part: text }, h("h1", { key: 'd26214c5df407be1fdba12836882b6299f84d02b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f77287d806f5121916661f511830239e34df103f' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '29d05bf0e4065164bf5b5a079679c189373edbfb', part: text }, h("h1", { key: '4f76816e9dbbe9b4a02bf15d019ebf0163908659', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '184a792846ced212766c1f6b63b3ccd0297eceb9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '75e06acd300bbbba83e38e53259ee305c9592aa8' }, this.isLoading && (h("div", { key: 'b852808f28d39e15739c16c9179e6f731c3a3ee3', style: { marginBottom: '8px' } }, h(Skeleton, { key: '11bbbb5dfdb53741532bd76593f59fd09229d722', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '7c74682a918479d5854421895c5beafdaaa12fdb', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'f6b983e1ef27ce63ebf4920b996dc9ade33b42f6', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0b19bccb1bedbcf42984f44b551baab94f86d35d', part: text }, h("h1", { key: 'eaa11eb780246a9da8662344fe101e72f16f459c', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '46cd1c0b8e0ef61b1d5e6faf8f6894908322fce6' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'd9718557fd3aabeac4102d4aa178fff605cf3609', part: text }, h("h1", { key: '01ccecfaaa218a40d1b5043c2a57770abc6feaee', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '5da9139f83d5744fd26b67112a5473e7d30e2a4b' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '8c8bd416b8e91cfbf9a3a4daeb51711bc5377241', class: "h5" }, "Dispute details"), h("div", { key: '43f5ca037aca877a697909c58356ece98e06bc39', class: "d-table gap-2" }, h("div", { key: '032c17789280a7adc25140b094e131548d6c44c1', class: "d-table-row gap-2" }, h("span", { key: 'c8b700be97fe760d337718615089e254fd0f6abb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f63b20211f56511d8627008f751960307f443fbc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '92579d43351346d762c2eccf9b1e051789cb50d4', class: "d-table-row gap-2" }, h("span", { key: 'a4d7fe9c5f652bacd0f5bc048834a43d3f36f760', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ca700729f586472048f30cf79a9a5efa71d0484f', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: 'f17846aa921eff9acf9449d27c2c8eb2d2d5f984', class: "d-table-row gap-2" }, h("span", { key: '47dc39b9e475769e43498f5c40c607bec6a06af8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '788b5832c82cd35fc876ca8d333394f81a8963f7', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '1578b412b587e181acec89a68f2d82d0ea184a42', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '205c19d58eda4262f1c18f95cb741f1c38eadbf1', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'd0e387e4e48246e28e52e4b3b96a93313d281930', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd1996604d64231c662ecb5be8e6361e389d1abf3', part: text }, h("h1", { key: '71ed6f1771cbc8dc384cabb3ca8c373284059f13', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'fbf33be6b30b0dd9f771deb63acdbd11871e4137' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '8dd403a92af2fce6aacaa48fffcb79eafcdc2530', part: text }, h("h1", { key: '3e8a41db0fa75148dd3c9b09a72f81bdc5fa950b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '6ae352535401eb615aee3d355be21d7eee4b6838' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'c88cd2888fca6e38dc41ee65cc54577565b9f8e4', part: text }, h("h1", { key: '7b3d964e374bed41dae30e67f122803456fdd9df', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f6e97ff96c0cc195ce4e5a7b79b8c12454f8cc83' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '219fb5b3d51e02eb1d0d2975c1f0d60c70effe30', class: "d-flex gap-2" }, h("div", { key: 'ad963fd263a2880cdd267958f43ae30d7602b8cb', class: "dropdown pb-3" }, h("button", { key: 'c6917e91def1ef9dde2a95a3657d4204c9e03f4f', 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: '9625634401e1c91e4994e717c405ec1ca16f8f72', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '95fbe3040f211c1bffc4ea252a31db4a9c730744', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a3dd287891f803c5b55a797bd73d827da3f08823' })))), h("div", { key: 'aafe97d69d12adf91f200a6cd3655d8dcf039996' }, h(Button, { key: '38d7aa0ca3234a14c99fc12fbae7d949d3a462b2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', 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: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', 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() {

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

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'c7c3742fd58fd1cdb31e597276ab25383e7f68f4' }, this.loading && h(Spinner, { key: '91f42ac927a4c47c0ea6cede0909c336ad35b14b' }), !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() {

package/dist/collection/components/gross-payment-chart/{gross-payment-chart.js → justifi-gross-payment-chart.js}

@@ -5,7 +5,7 @@ import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-export class GrossPaymentChart {
+export class JustifiGrossPaymentChart {
     constructor() {
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {

package/dist/collection/components/insurance/season-interruption/{season-interruption-insurance.js → justifi-season-interruption-insurance.js}

@@ -10,7 +10,7 @@ import { insuranceValues, insuranceErrors, validateInsuranceValues } from "../in
 import { StyledHost, Header2 } from "../../../ui-components";
 import { text, textDanger } from "../../../styles/parts";
 import SeasonInterruptionInsuranceLoading from "./season-interruption-insurance-loading";
-export class SeasonInterruptionInsurance {
+export class JustifiSeasonInterruptionInsurance {
     constructor() {
         this.isLoading = true;
     }

package/dist/collection/components/modular-checkout/{modular-checkout.js → justifi-modular-checkout.js}

@@ -8,7 +8,7 @@ import { CheckoutService } from "../../api/services/checkout.service";
 import { PlaidService } from "../../api/services/plaid.service";
 import { insuranceValues, insuranceValuesOn, hasInsuranceValueChanged } from "../insurance/insurance-state";
 import { PAYMENT_MODE, PAYMENT_METHODS, PaymentMethod } from "./ModularCheckout";
-export class ModularCheckout {
+export class JustifiModularCheckout {
     constructor() {
         this.plaidService = new PlaidService();
         this.handleGooglePayCompleted = (event) => {
@@ -177,11 +177,20 @@ export class ModularCheckout {
         this.checkoutChangedEvent.emit(detail);
     }
     queryFormRefs() {
-        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full");
+        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
+        if (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
+            const tag = this.paymentMethodFormRef.tagName.toLowerCase();
+            if (tag === 'justifi-card-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
+            }
+            else if (tag === 'justifi-bank-account-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            }
+        }
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
     }
     setupApplePayListeners() {
@@ -230,6 +239,9 @@ export class ModularCheckout {
         checkoutStore.paymentToken = tokenizeResult.id;
         return tokenizeResult.id;
     }
+    async fillBillingForm(fields) {
+        checkoutStore.billingFormFields = fields;
+    }
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
         checkoutStore.selectedPaymentMethod = paymentMethod;
@@ -404,7 +416,7 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'ee341d8d78767a80e2627ea5244ba46ca63cd8df' });
+        return h(Host, { key: 'f97e00da82355bfd1bf1ce34acefc4adfe0863dc' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
@@ -533,6 +545,32 @@ export class ModularCheckout {
     }
     static get methods() {
         return {
+            "fillBillingForm": {
+                "complexType": {
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "setSelectedPaymentMethod": {
                 "complexType": {
                     "signature": "(paymentMethod: SelectedPaymentMethod) => Promise<void>",

package/dist/collection/components/modular-checkout/sub-components/{apple-pay.js → justifi-apple-pay.js}

@@ -5,10 +5,7 @@ import { StyledHost } from "../../../ui-components";
 import ApplePaySkeleton from "./apple-pay-skeleton";
 import { ApplePayButton } from "../../../ui-components/apple-pay-button";
 import { checkoutStore } from "../../../store/checkout.store";
-/**
- * @part skeleton - Skeleton for the Apple Pay button.
- */
-export class ApplePay {
+export class JustifiApplePay {
     constructor() {
         this.countryCode = "US";
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
@@ -61,7 +58,7 @@ export class ApplePay {
                     });
                     this.applePayError.emit({
                         error: ((_a = result.error) === null || _a === void 0 ? void 0 : _a.message) || "Payment failed",
-                        code: ((_b = result.error) === null || _b === void 0 ? void 0 : _b.code) || ApplePay.ErrorCode.PAYMENT_FAILED,
+                        code: ((_b = result.error) === null || _b === void 0 ? void 0 : _b.code) || JustifiApplePay.ErrorCode.PAYMENT_FAILED,
                     });
                 }
             }
@@ -72,7 +69,7 @@ export class ApplePay {
                 else {
                     const errorMessage = error instanceof Error ? error.message : "Payment failed";
                     this.error = errorMessage;
-                    this.applePayError.emit({ error: errorMessage, code: ApplePay.ErrorCode.PAYMENT_FAILED });
+                    this.applePayError.emit({ error: errorMessage, code: JustifiApplePay.ErrorCode.PAYMENT_FAILED });
                     this.applePayCompleted.emit({
                         success: false,
                         error: errorMessage,
@@ -101,7 +98,7 @@ export class ApplePay {
                     hasAuthToken: Boolean(checkoutStore.authToken),
                     accountId: checkoutStore.accountId,
                 });
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
                 return;
             }
@@ -110,14 +107,14 @@ export class ApplePay {
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
                 return;
             }
             if (!this.canMakePayments) {
                 this.error = "Apple Pay is not available";
                 console.error(this.error);
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
                 return;
             }
@@ -142,7 +139,7 @@ export class ApplePay {
                 error instanceof Error
                     ? error.message
                     : "Failed to initialize Apple Pay";
-            this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.INITIALIZATION_ERROR });
+            this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.INITIALIZATION_ERROR });
         }
         finally {
             this.isLoading = false;
@@ -533,7 +530,7 @@ export class ApplePay {
     }
 }
 // Centralized error codes for the Apple Pay component layer
-ApplePay.ErrorCode = {
+JustifiApplePay.ErrorCode = {
     CONFIG_ERROR: 'CONFIG_ERROR',
     NOT_SUPPORTED: 'NOT_SUPPORTED',
     NOT_AVAILABLE: 'NOT_AVAILABLE',

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

@@ -0,0 +1,95 @@
+import { h } from "@stencil/core";
+import JustifiAnalytics from "../../../api/Analytics";
+import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { waitForConfig } from "../../config-provider/config-state";
+import { StyledHost } from "../../../ui-components";
+export class JustifiBankAccountBillingFormSimple {
+    async componentWillLoad() {
+        await waitForConfig();
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (h(StyledHost, { key: 'a172aac4c90a5056ab32c1d146e3420b6307b53a' }, h("bank-account-billing-form-simple", { key: 'c3a15c1a55f446e1a905382ee70f97e57a0136ac', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+    }
+    static get is() { return "justifi-bank-account-billing-form-simple"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "legend"
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

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

@@ -0,0 +1,69 @@
+import { h } from "@stencil/core";
+import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import JustifiAnalytics from "../../../api/Analytics";
+import { waitForConfig } from "../../config-provider/config-state";
+import { StyledHost } from "../../../ui-components";
+export class JustifiBankAccountForm {
+    async componentWillLoad() {
+        await waitForConfig();
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        return this.bankAccountFormElement.validate();
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
+    }
+    render() {
+        return (h(StyledHost, { key: '5f3b8fbc0592dce5def5def74cbc724338acf93c' }, h("bank-account-form", { key: '3c8e92e35ea8faf35b08df04190413770211d42f', ref: (el) => (this.bankAccountFormElement = el) })));
+    }
+    static get is() { return "justifi-bank-account-form"; }
+    static get encapsulation() { return "shadow"; }
+    static get methods() {
+        return {
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<any>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<any>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "tokenize": {
+                "complexType": {
+                    "signature": "({ clientId, paymentMethodMetadata, account }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
+                    "parameters": [{
+                            "name": "__0",
+                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<any>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../../ui-components";
+export class JustifiBillingFormFull {
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (h(StyledHost, { key: '1ed5da8d8336789f2f88b43ae8a85f9976c9410f' }, h("billing-form-full", { key: '38ff23d95691f72383279828152c481d552af647', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+    }
+    static get is() { return "justifi-billing-form-full"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "legend"
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../../ui-components";
+export class JustifiCardBillingFormSimple {
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (h(StyledHost, { key: 'cb3b6670a547232d21c917eac7d9423901055dd1' }, h("card-billing-form-simple", { key: '15ac287b3a9aa91f481817450d87e967e7f95ae8', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+    }
+    static get is() { return "justifi-card-billing-form-simple"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "legend"
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}