@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/module/product-or-service.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
@@ -17,14 +17,12 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { service_documentation: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -41,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8d3c718760c63f8ff57e02979bc16220a1fe1bef' }, h("div", { key: '9e01588d0a7ecdf25649e06eeb488eceec28f369', class: "row gy-3" }, h("div", { key: 'a596d8b3cb35c20b6131cafaf58ce4b7d8112f47', class: "col-12" }, h("h2", { key: 'f85ef842a4134424368eddd1fb937b603f24cd93', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '2248cf9d4604d9ad01257849662fbe003b06b008', class: "col-12" }, h("form-control-text", { key: '15a7ea5b0bc3544ca9cc261690a8fbc41d3acf14', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '55dd1964d4674196a13a319620c9333410899ede', class: "col-12" }, h("form-control-date", { key: '528b504c7a73d0ff9e43d92c0cc2ca75bef3f700', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '2551b98489d545825da7418957267128e5629419', class: "col-12" }, h("form-control-file-v2", { key: '93acee274f248630fba1d9a1b130bfa7404b075b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
-import { d as defineCustomElement$3 } from './form-control-help-text3.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -17,14 +17,12 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { refund_policy: [], receipt: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -41,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '5090f71dfc35c4ecf7a49d566b42d5ed926d7188' }, h("div", { key: 'd7533084b67a246236698cbc08c129104611db39', class: "row gy-3" }, h("div", { key: 'aa88ebc88a55fc241f65e20b9bf1ec26b90100f2', class: "col-12" }, h("h2", { key: '5216145cce452bedaa470f0dbb12f416e02bd065', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '95617388997edf7c450ae4907b4637e387a4f856', class: "col-12" }, h("form-control-textarea", { key: '1f7617d2d2ad73a5146a26a93e624fd235a86d4b', 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: 'dea5e70fac18452bec1db04cb2a647e12b1c20ed', class: "col-12" }, h("form-control-textarea", { key: '21189989b1acc035b65aa7cdf97f8c2b7f8f6ec5', 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: 'af9fe5c50b4a3b08bd61ba125f8dea9384b40ed1', class: "col-12" }, h("form-control-file-v2", { key: 'ca725cb13d208ab585b58e792e4172153be6d2ae', 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: 'b81ce0ce44cb79e04d10ab7ccd3da8d4e3172b47', class: "col-12" }, h("form-control-file-v2", { key: 'f990cd794f8ed0f1912644fd727e77fc3ca61957', 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: '882eb01880bcfdde30abe10465fecd7390654ed6' }, h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', 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: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', 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: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', 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: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/representative-details2.js

@@ -6,7 +6,6 @@ const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class Just
     constructor() {
         super();
         this.__registerHost();
-        this.representative = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;

package/dist/module/saved-payment-method.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as snakeToCamel } from './utils2.js';
-import { _ as radioListItem } from './parts.js';
-import { d as defineCustomElement$2 } from './form-control-help-text3.js';
+import { d as snakeToCamel } from './utils2.js';
+import { T as radioListItem } from './parts.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
 class PaymentMethodOption {
@@ -33,8 +33,6 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
     }
     async resolvePaymentMethod(insuranceValidation) {
         var _a;
@@ -49,7 +47,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
         return (h(Host, { key: '78487e52f549547f4c89f48a238a8916d77d4f1c', class: "payment-method" }, h("div", { key: 'd437a5f9e79356b1177703da2b5d7f4ca98072ce', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0dd03b9ebae98c441c63717aba310d77e587b1c8', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [0, "justifi-saved-payment-method", {
-        "paymentMethodOption": [16],
+        "paymentMethodOption": [16, "payment-method-option"],
         "isSelected": [4, "is-selected"],
         "resolvePaymentMethod": [64]
     }]);

package/dist/module/schema-validations.js

@@ -1,6 +1,6 @@
 import { a as create$6, b as create$8 } from './form.js';
 import { S as StateOptions } from './state-options.js';
-import { a as businessClassificationOptions, c as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
+import { c as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
 import { E as EntityDocumentType } from './Document.js';
 
 const transformEmptyString = (value) => {
@@ -205,4 +205,4 @@ const bankStatementValidation = (documents, allowOptionalFields) => {
     }
 };
 
-export { industryValidation as A, taxIdValidation as B, dateOfIncorporationValidation as C, identityTitleValidation as D, dobValidation as E, ssnValidation as F, lineTwoValidation as a, paymentVolumeValidation as b, cityValidation as c, recurringPaymentsValidation as d, recurringPaymentsPercentageValidation as e, seasonalBusinessValidation as f, bankNameValidation as g, accountTypeValidation as h, identityNameValidation as i, accountNumberValidation as j, routingNumberValidation as k, lineOneValidation as l, bankStatementValidation as m, nicknameValidation as n, otherPaymentDetailsValidation as o, postalValidation as p, businessNameValidation as q, revenueValidation as r, stateValidation as s, websiteUrlValidation as t, emailValidation as u, voidedCheckValidation as v, whenServiceReceivedValidation as w, phoneValidation as x, doingBusinessAsValidation as y, businessClassificationValidation as z };
+export { voidedCheckValidation as A, routingNumberValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, revenueValidation as a, recurringPaymentsPercentageValidation as b, businessClassificationValidation as c, dateOfIncorporationValidation as d, doingBusinessAsValidation as e, phoneValidation as f, emailValidation as g, websiteUrlValidation as h, industryValidation as i, businessNameValidation as j, ssnValidation as k, dobValidation as l, identityTitleValidation as m, identityNameValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, postalValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, stateValidation as u, cityValidation as v, whenServiceReceivedValidation as w, lineTwoValidation as x, lineOneValidation as y, bankStatementValidation as z };

package/dist/module/season-interruption-insurance-core.js

@@ -1,11 +1,11 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { p as processHTML, f as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { p as processHTML, f as formatCurrency, r as removeAttribute, k as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state.js';
 import { t as text, j as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$2 } from './form-control-help-text3.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
 const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
@@ -28,23 +28,7 @@ const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class S
         this.__registerHost();
         this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.checkoutId = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.quote = undefined;
         this.isLoading = true;
-        this.accepted = undefined;
     }
     async validate() {
         return validateInsuranceValues();
@@ -134,8 +118,8 @@ const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class S
     }
 }, [0, "justifi-season-interruption-insurance-core", {
         "checkoutId": [1, "checkout-id"],
-        "getQuote": [16],
-        "toggleCoverage": [16],
+        "getQuote": [16, "get-quote"],
+        "toggleCoverage": [16, "toggle-coverage"],
         "primaryIdentityFirstName": [1, "primary-identity-first-name"],
         "primaryIdentityLastName": [1, "primary-identity-last-name"],
         "primaryIdentityState": [1, "primary-identity-state"],

package/dist/module/sezzle-payment-method.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
-import { _ as radioListItem } from './parts.js';
-import { d as defineCustomElement$2 } from './form-control-help-text3.js';
+import { T as radioListItem } from './parts.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
 const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
@@ -46,15 +46,6 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.bnpl = undefined;
-        this.clientId = undefined;
-        this.accountId = undefined;
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
-        this.paymentAmount = undefined;
-        this.installmentPlan = undefined;
-        this.sezzleCheckout = undefined;
-        this.sezzlePromise = undefined;
     }
     componentDidRender() {
         this.scriptRef.onload = () => {
@@ -77,7 +68,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         "bnpl": [8],
         "clientId": [1, "client-id"],
         "accountId": [1, "account-id"],
-        "paymentMethodOption": [16],
+        "paymentMethodOption": [16, "payment-method-option"],
         "isSelected": [4, "is-selected"],
         "paymentAmount": [2, "payment-amount"],
         "installmentPlan": [32],

package/dist/module/shipping-details.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
-import { d as defineCustomElement$4 } from './form-control-help-text3.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -21,15 +21,13 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { shipping_documentation: [] };
         this.documentList = [];
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -46,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'beacff494e22ff1601a3e64d77436be84b314c7c' }, h("div", { key: 'a095d517c3df9961c773f745961da2bbefc82b0c', class: "row gy-3" }, h("div", { key: '4cb4467983bea92caabc945ecda46caff69e84c8', class: "col-12" }, h("h2", { key: 'b55e940dd7276b8ddf3e67e2e1c611b26c353d15', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3f1358ffc89880c669a2b72f382baf8898fe785d', class: "col-12" }, h("form-control-text", { key: '8557d28a5b80e7a0acac01691211ac824122f5c0', 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: '68e3c12692ff193c98446b3952a3e10432d1737a', class: "col-12" }, h("form-control-text", { key: '05813d683d66aae6758480786ebbf9e3cb5c2a19', 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: '26c57ad3b9a7812eadf135d1c03d6a52b0208c5d', class: "col-12" }, h("form-control-date", { key: '3dd3a3c458ef8aa72572aac96bd1ada68faacf88', 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: '598a58691b626c53fd31fe4558d5aa4539471f52', class: "col-12" }, h("form-control-textarea", { key: '18c24b65e26e4bdd3a2306d62bc6337c8eb76bc5', 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: '643b8bdea3bf3588217b0faad353a487f5f4e53f', class: "col-12" }, h("form-control-file-v2", { key: '3dcb020413c5c85b0b9fc726ba7e674eb42d7926', 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: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', 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: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', 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: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', 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: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', 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: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', 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 })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { x as loadingSpinner } from './parts.js';
+import { r as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },