@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/justifi-business-form.js

@@ -3,38 +3,39 @@ import { c as create$3, F as FormController } from './form.js';
 import { a as businessCoreInfoSchemaUSA, b as businessCoreInfoSchemaCAN } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { a as identitySchemaUSA, b as identitySchemaCAN } from './business-identity-schema.js';
-import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
+import { b as addressSchemaUSA, a as addressSchemaCAN } from './business-address-schema.js';
 import './config-state.js';
 import './dinero.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
 import './ApplePay.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { d as defineCustomElement$f } from './custom-popper2.js';
-import { d as defineCustomElement$e } from './form-alert2.js';
-import { d as defineCustomElement$d } from './form-control-date2.js';
-import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$b } from './form-control-number-masked2.js';
-import { d as defineCustomElement$a } from './form-control-select2.js';
-import { d as defineCustomElement$9 } from './form-control-text2.js';
-import { d as defineCustomElement$8 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$7 } from './additional-questions.js';
-import { d as defineCustomElement$6 } from './business-core-info.js';
-import { d as defineCustomElement$5 } from './business-representative.js';
-import { d as defineCustomElement$4 } from './form-address-fields.js';
-import { d as defineCustomElement$3 } from './identity-address-form.js';
-import { d as defineCustomElement$2 } from './legal-address-form.js';
+import { d as defineCustomElement$f } from './additional-questions2.js';
+import { d as defineCustomElement$e } from './business-core-info2.js';
+import { d as defineCustomElement$d } from './business-representative2.js';
+import { d as defineCustomElement$c } from './custom-popper2.js';
+import { d as defineCustomElement$b } from './form-address-fields2.js';
+import { d as defineCustomElement$a } from './form-alert2.js';
+import { d as defineCustomElement$9 } from './form-control-date2.js';
+import { d as defineCustomElement$8 } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$6 } from './form-control-select2.js';
+import { d as defineCustomElement$5 } from './form-control-text2.js';
+import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$3 } from './identity-address-form2.js';
+import { d as defineCustomElement$2 } from './legal-address-form2.js';
 
 const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
 create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaCAN().fields), { legal_address: addressSchemaCAN(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaCAN('representative') }));
@@ -46,7 +47,7 @@ const BusinessFormLoading = () => {
     return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
 };
 
-const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends HTMLElement {
+const JustifiBusinessForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiBusinessForm extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -155,7 +156,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (this.isLoading) {
             return h(StyledHost, null, h(BusinessFormLoading, null));
         }
-        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 }, [257, "justifi-business-form", {
         "authToken": [1, "auth-token"],
@@ -172,79 +173,79 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "additional-questions", "business-core-info", "business-representative", "custom-popper", "form-address-fields", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessForm);
+                customElements.define(tagName, JustifiBusinessForm$1);
             }
             break;
-        case "custom-popper":
+        case "additional-questions":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-alert":
+        case "business-core-info":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-date":
+        case "business-representative":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-number-masked":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-select":
+        case "form-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-additional-questions":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-business-core-info":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-business-representative":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-legal-address-form":
+        case "legal-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
@@ -253,7 +254,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiBusinessForm = BusinessForm;
+const JustifiBusinessForm = JustifiBusinessForm$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiBusinessForm, defineCustomElement };

package/dist/module/justifi-button2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { S as StyledHost } from './styled-host.js';
-import { B as Button } from './button.js';
+import { d as defineCustomElement$1 } from './internal-button2.js';
 
 const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton extends HTMLElement {
     constructor(registerHost) {
@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '5f92a2a58c0828c78818f0055dc2692857730788' }, h(Button, { key: '541fe7cc24e137cf55fc470b16f3aa8c47eee0d3', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 }, [257, "justifi-button", {
         "text": [1],
@@ -23,19 +23,25 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         "disabled": [4],
         "type": [1],
         "class": [1],
-        "customStyle": [1, "custom-style"]
+        "customStyle": [1, "custom-style"],
+        "hidden": [4]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-button"];
+    const components = ["justifi-button", "internal-button"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-button":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, JustifiButton);
             }
             break;
+        case "internal-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
     } });
 }
 defineCustomElement();

package/dist/module/justifi-cancellation-policy.js

@@ -1,6 +1,6 @@
-import { C as CancellationPolicy, d as defineCustomElement$1 } from './cancellation-policy.js';
+import { J as JustifiCancellationPolicy$1, d as defineCustomElement$1 } from './justifi-cancellation-policy2.js';
 
-const JustifiCancellationPolicy = CancellationPolicy;
+const JustifiCancellationPolicy = JustifiCancellationPolicy$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCancellationPolicy, defineCustomElement };

package/dist/module/{cancellation-policy.js → justifi-cancellation-policy2.js}

@@ -4,7 +4,7 @@ import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-inpu
 import { ab 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-text2.js';
+import { d as defineCustomElement$3 } from './form-control-help-text3.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -13,7 +13,7 @@ const CancellationPolicySchema = create$3({
     cancellation_rebuttal: create$6().nullable(),
 });
 
-const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPolicy extends HTMLElement {
+const JustifiCancellationPolicy = /*@__PURE__*/ proxyCustomElement(class JustifiCancellationPolicy extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7e324ceb101b39f115b802eaaba72bc1244d944f' }, h("div", { key: '09051fac8c49c6ffc52e37d5027a353a8e4fe8ae', class: "row gy-3" }, h("div", { key: '6c8c50593dca3155a708ec25f3189be54df3e3b9', class: "col-12" }, h("h2", { key: 'bdffa3a4ea564d715c377ffe2b97c7ec59600ed5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '376a234708050ff8079db49dd42e28eabbd2d5ce', class: "col-12" }, h("form-control-textarea", { key: '2b6a803b276cf3c73e2a3745cd09c9b797265127', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '52d22aae6cca0dd3215d545957d130564ae673e5', class: "col-12" }, h("form-control-textarea", { key: '170191a065345416f68bb0abfa72b59318c65ed6', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'cb5e7e12104574a061139fd882c9da41e8ffadbb', class: "col-12" }, h("form-control-file-v2", { key: '7c09d5592ac3584e134f8a1a3d0aeca0c2cf4373', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '11292b7523ea77a978c03e8a349da8d2bdbb12eb' }, h("div", { key: '9ede1868d00b7df2a6e4af76bf6203a26988f20b', class: "row gy-3" }, h("div", { key: '409a15cb80914863ffcbba73eea6e706393bf1b0', class: "col-12" }, h("h2", { key: '4012cfad95101c0372b8ed6b6f7f3e093e28869b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '89093d799883ff5673cbacd838c5ca3e2fa47f54', class: "col-12" }, h("form-control-textarea", { key: '2646ab607bc3360ecc6491314a3e09bdc01f6597', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'ab8fb47510394ff89854e8fbc74ec27ef071f227', class: "col-12" }, h("form-control-textarea", { key: '8b1cbcf64fa6b7af0f3389304fd86a9d1550f957', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '13f905a58086f5955ff39c39646f92c900a6b125', class: "col-12" }, h("form-control-file-v2", { key: 'a9dd3168ba628bb18c713618dec8c584345ca1db', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],
@@ -59,7 +59,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-cancellation-policy":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CancellationPolicy);
+                customElements.define(tagName, JustifiCancellationPolicy);
             }
             break;
         case "custom-popper":
@@ -91,4 +91,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { CancellationPolicy as C, defineCustomElement as d };
+export { JustifiCancellationPolicy as J, defineCustomElement as d };

package/dist/module/justifi-card-billing-form-simple.js

@@ -1,6 +1,73 @@
-import { C as CardBillingFormSimple, d as defineCustomElement$1 } from './card-billing-form-simple.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { d as defineCustomElement$5 } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
 
-const JustifiCardBillingFormSimple = CardBillingFormSimple;
+const JustifiCardBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardBillingFormSimple extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    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) })));
+    }
+}, [257, "justifi-card-billing-form-simple", {
+        "legend": [1025],
+        "getValues": [64],
+        "validate": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-card-billing-form-simple", "card-billing-form-simple", "custom-popper", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-card-billing-form-simple":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiCardBillingFormSimple$1);
+            }
+            break;
+        case "card-billing-form-simple":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiCardBillingFormSimple = JustifiCardBillingFormSimple$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCardBillingFormSimple, defineCustomElement };

package/dist/module/justifi-card-form.js

@@ -1,4 +1,74 @@
-import { J as JustifiCardForm$1, d as defineCustomElement$1 } from './card-form2.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { w as waitForConfig } from './config-state.js';
+import { S as StyledHost } from './styled-host.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { d as defineCustomElement$4 } from './card-form2.js';
+import { d as defineCustomElement$3 } from './hidden-input2.js';
+import { d as defineCustomElement$2 } from './iframe-input2.js';
+
+const JustifiCardForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    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.cardFormElement.validate();
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
+    }
+    render() {
+        return (h(StyledHost, { key: '50a01710ce00b5821259ca5742df7d4dce97fba4' }, h("card-form", { key: 'bd5426a1aa6270dc45492115000bb5aac9466fd8', ref: (el) => (this.cardFormElement = el) })));
+    }
+}, [257, "justifi-card-form", {
+        "validate": [64],
+        "tokenize": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-card-form", "card-form", "hidden-input", "iframe-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-card-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiCardForm$1);
+            }
+            break;
+        case "card-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "hidden-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const JustifiCardForm = JustifiCardForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/justifi-checkout-summary.js

@@ -1,6 +1,6 @@
-import { S as Summary, d as defineCustomElement$1 } from './summary.js';
+import { J as JustifiCheckoutSummary$1, d as defineCustomElement$1 } from './justifi-checkout-summary2.js';
 
-const JustifiCheckoutSummary = Summary;
+const JustifiCheckoutSummary = JustifiCheckoutSummary$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCheckoutSummary, defineCustomElement };

package/dist/module/{summary.js → justifi-checkout-summary2.js}

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { t as text } from './parts.js';
+import { j as text } from './parts.js';
 import { c as formatCurrency } from './utils2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
-const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLElement {
+const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiCheckoutSummary extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '13d4dd7fbc2335e2af7c24066800e0642df0cd77' }, h("section", { key: '456cc598f5cf08e55b0c24ff23945b327df5fb66' }, h("div", { key: '37143e2b5157cfb973189335e357f39e78fbb7a1' }, h("div", { key: 'f4d34254b589f631e5cf7f49cab4d37933a7b1a0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d4f4bad72a2c637eafd95ab7dc73f5881ed4906' }, h("span", { key: '37b639cd520e87d73246f5d68a294fa2919376cd', part: text }, "Total"), "\u00A0", h("span", { key: '0ace5f0a3f53dd016d3d3167879364be20f407e4', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '43b48a771bd617b3b3481e0976aa50b6b63e2d6e' }, h("section", { key: 'e112a767fef56b095f002dfb272a43eda42ede46' }, h("div", { key: '079ce3aa4eb74004f5ecd3a634d2b42cf9c7a863' }, h("div", { key: '5d816254f104e238122080fcf43356fd7f01bcfd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e7d28a3a4cce7399c1fb45194f4fad172e0a2751' }, h("span", { key: 'b1683801875c39a8de8d93e0cdc8778a669eebfd', part: text }, "Total"), "\u00A0", h("span", { key: 'ae2efd44a3ea54d77fcb284fee7361d0ba9b87e1', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {
@@ -27,11 +27,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, Summary);
+                customElements.define(tagName, JustifiCheckoutSummary);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { Summary as S, defineCustomElement as d };
+export { JustifiCheckoutSummary as J, defineCustomElement as d };