@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/module/owner-form.js

@@ -1,144 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { b as makeGetIdentity, c as makePatchIdentity, d as makePostIdentity } from './payment-provisioning-actions.js';
-import { I as IdentityService } from './business.service.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-date2.js';
-import { d as defineCustomElement$9 } from './form-control-number2.js';
-import { d as defineCustomElement$8 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$7 } from './form-control-select2.js';
-import { d as defineCustomElement$6 } from './form-control-text2.js';
-import { d as defineCustomElement$5 } from './form-control-tooltip2.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 './owner-form-core2.js';
-import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
+import { O as OwnerForm$1, d as defineCustomElement$1 } from './owner-form2.js';
 
-const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerForm extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-    }
-    async validate() {
-        return this.coreComponent.validate();
-    }
-    async submit() {
-        return this.coreComponent.submit();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
-    }
-    componentWillLoad() {
-        this.initializeApi();
-    }
-    initializeApi() {
-        if (!this.authToken) {
-            return;
-        }
-        this.getOwner = makeGetIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.patchOwner = makePatchIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.postOwner = makePostIdentity({
-            authToken: this.authToken,
-            service: new IdentityService()
-        });
-    }
-    render() {
-        return (h("owner-form-core", { key: '47c36dfc76ac8a108950e17770d1a0fb06fe4e42', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
-    }
-}, [256, "justifi-owner-form", {
-        "authToken": [1, "auth-token"],
-        "ownerId": [1, "owner-id"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "removeOwner": [16],
-        "newFormOpen": [4, "new-form-open"],
-        "ownersLength": [2, "owners-length"],
-        "country": [1],
-        "getOwner": [32],
-        "patchOwner": [32],
-        "postOwner": [32],
-        "validate": [64],
-        "submit": [64],
-        "validateAndSubmit": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-owner-form", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "owner-form-core", "owner-form-inputs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-owner-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessOwnerForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-number":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-identity-address-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "owner-form-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "owner-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const OwnerForm = OwnerForm$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessOwnerForm as B, defineCustomElement as d };
+export { OwnerForm, defineCustomElement };

package/dist/module/owner-form2.js

@@ -0,0 +1,144 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { b as makeGetIdentity, c as makePatchIdentity, d as makePostIdentity } from './payment-provisioning-actions.js';
+import { I as IdentityService } from './business.service.js';
+import { d as defineCustomElement$b } from './custom-popper2.js';
+import { d as defineCustomElement$a } from './form-address-fields2.js';
+import { d as defineCustomElement$9 } from './form-control-date2.js';
+import { d as defineCustomElement$8 } from './form-control-number2.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 './owner-form-core2.js';
+import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
+
+const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errorEvent = createEvent(this, "error-event", 7);
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: '82a1976007db4371de3c8da1cff48f27a9c7795e', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+    }
+}, [256, "owner-form", {
+        "authToken": [1, "auth-token"],
+        "ownerId": [1, "owner-id"],
+        "businessId": [1, "business-id"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "removeOwner": [16],
+        "newFormOpen": [4, "new-form-open"],
+        "ownersLength": [2, "owners-length"],
+        "country": [1],
+        "getOwner": [32],
+        "patchOwner": [32],
+        "postOwner": [32],
+        "validate": [64],
+        "submit": [64],
+        "validateAndSubmit": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["owner-form", "custom-popper", "form-address-fields", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "owner-form-core", "owner-form-inputs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "owner-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OwnerForm);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-address-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-number":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "owner-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { OwnerForm as O, defineCustomElement as d };

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.11.0";
+const version = "6.12.0";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { y as paginationButton, z as paginationButtonDisabled, A as paginationButtonIconPrevious, B as paginationButtonText, C as paginationButtonIconNext } from './parts.js';
+import { L as paginationButton, M as paginationButtonDisabled, N as paginationButtonIconPrevious, O as paginationButtonText, P as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor(registerHost) {

package/dist/module/parts.js

@@ -107,4 +107,4 @@ const checkoutSummary = `checkout-summary`;
 const filterMenu = `filter-menu`;
 const filterParam = `filter-param`;
 
-export { heading4 as $, paginationButtonIconPrevious as A, paginationButtonText as B, paginationButtonIconNext as C, loadingSpinner as D, badgeDark as E, badgeLight as F, badgeInfo as G, badgeWarning as H, badgeDanger as I, badgeSuccess as J, badgeSecondary as K, badgePrimary as L, badge as M, alertDanger as N, inputCheckboxInvalid as O, inputCheckboxCheckedFocused as P, inputCheckboxFocused as Q, inputCheckboxChecked as R, inputCheckbox as S, inputAdornment as T, inputGroup as U, inputInvalidAndFocused as V, billingForm as W, heading3 as X, buttonPrimary as Y, buttonSecondary as Z, alert as _, heading1 as a, image as a0, buttonLink as a1, buttonOutlineSecondary as a2, buttonOutlinePrimary as a3, buttonDark as a4, buttonLight as a5, buttonInfo as a6, buttonWarning as a7, buttonDanger as a8, buttonSuccess as a9, buttonLoading as aa, heading5 as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, label as b, inputInvalid as c, inputDisabled as d, inputFocused as e, tooltipIcon as f, tooltip as g, heading2 as h, input as i, tooltipInner as j, textDanger as k, link as l, inputRadioInvalid as m, inputRadioCheckedFocused as n, inputRadioChecked as o, inputRadioFocused as p, inputRadio as q, radioListItem as r, skeleton as s, text as t, card as u, table as v, tableHeadCell as w, tableCell as x, paginationButton as y, paginationButtonDisabled as z };
+export { heading4 as $, table as A, tableHeadCell as B, tableCell as C, buttonPrimary as D, buttonSecondary as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, paginationButton as L, paginationButtonDisabled as M, paginationButtonIconPrevious as N, paginationButtonText as O, paginationButtonIconNext as P, loadingSpinner as Q, badgeDark as R, badgeLight as S, badgeInfo as T, badgeWarning as U, badgeDanger as V, badgeSuccess as W, badgeSecondary as X, badgePrimary as Y, badge as Z, alertDanger as _, inputAdornment as a, image as a0, buttonLink as a1, buttonOutlineSecondary as a2, buttonOutlinePrimary as a3, buttonDark as a4, buttonLight as a5, buttonInfo as a6, buttonWarning as a7, buttonDanger as a8, buttonSuccess as a9, buttonLoading as aa, heading5 as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, skeleton as v, billingForm as w, inputInvalidAndFocused as x, heading3 as y, card as z };

package/dist/module/payment-details-core2.js

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { a as formatDate, b as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { f as formatDate, a as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { h as PaymentStatuses, d as DisputeStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
@@ -8,7 +8,7 @@ import './ApplePay.js';
 import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$1 } from './details.js';
+import { d as defineCustomElement$1 } from './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
@@ -63,16 +63,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'b0ef5292b9f5e321bd5c66b4204f0f5262b4868d' }, this.loading && h(PaymentDetailsLoading, { key: 'aea26635451d6fb3833c50884b64968ae4e6d794' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '7cf33c1a29b2fb6d50ed57f6b84a61aa36fdbcca', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '585d7d41bbfb41b04f703bc1bac1605426413540', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '9b231713501a12f4ac041cb87be8bb4e1b30fb26', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '40381145240b3821787ca71a910a8fb709c8ce72', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '9587a280a8747197c0bab21c92e875211e833ea1', title: "ID", value: this.payment.id })), h("div", { key: 'fe4949d10e1068a05dfab9cbe256e282a50beee1', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '336bfe5363f642a5cbc58cbd594b232a35e3427d', sectionTitle: "Details" }), h("div", { key: '3fbde5fd43e53b13037d79d75f0f3856c2e6d275', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4260513ca15415d12d653aecafee9e93c8762b61', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '1afa28ebb7873037b2881e3aec45820f0e7c1eec', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ad63ad42b89bf2216924222cdb819b910d0f6ebf', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '5c2fa5215f60d69e648116154e53a0492d5f16c3', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'dcd3b432ab38c1fe3be55bf13eec0cbfeafa4e3b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '767ea4cecb0b162154945a537085d5c369db9c9c', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '027efe0e16aba479cc0f9a1097a25ec8e03decbd', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '08d69878534824105dc3e0f5e9cf31d56abd6c25', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'aef3831a8a16a2e501ea45cbf8943b1a7e272f2c', title: "Description", value: this.payment.description }), h(DetailItem, { key: '12246613df2e322ea276269b897e321e4345e52c', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '02d5be3b2e987842a97b0f0284b35ead993fb4d7', sectionTitle: "Payment Method" }),
-            h("div", { key: 'a92a78508d316490e2a3cdd0125d73221ca8b395', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5a5c264f4fb7860f949c537460df12d79a79e583', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '66545c5899ae5156ad9896d7a8b89931554ee854', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6ce2daaac72cb97f9369dd14ca0892cd29e2abe5', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a0bd3851aa8beea81167c047d6a6540cda46e9df', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'a707a07e5ef07970a1d8aa10a564eaf045cce898', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '81d4c6cde1bb6ddb70d8722ebfdf6d6f5005747b' }, this.loading && h(PaymentDetailsLoading, { key: '9bf326f569a17739c402a63be63bc2bf3a6544b3' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'f9a3a08455b9ae47ae5aa966c461207e2d088aed', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '672690ef1b2ed72f5058c9dc928239b7368f9bb6', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'd4bdb84ffd4358bbb1b2e0538228372c7deb4b04', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '22bdd5e612b9bb01df51d6c43e8e4ed66d2d1756', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'e761e4b44310db070e44516b9f9377d63c1936a7', title: "ID", value: this.payment.id })), h("div", { key: 'd8ea1feb8173869287044a6ae21e34079008c076', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a8a7ed38614d5b2e669010e260bb503fc5b800bb', sectionTitle: "Details" }), h("div", { key: '1ba0a5b0b1e6a6191471917ee5a85e4dbec383eb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b70001650082457bac2fd92f7ef2aa75b7166d66', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8d077da9e32994f566e8d197a7658a267b377c52', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7fc90b4f839c779a86ea35385d19204aa0be646f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'cae64bf3b9e5253e8f24b6815991b7b0a15b8e1e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'ebd0009561bdc448473d0b046589309cd0475eae', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '4546a4b0989235700c102be283bb7a643ac2f0e3', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'e922907f30ef64edce276da039d01e8fff422f60', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '99c6bf89353f13d9827c75f5fd0695abb8da4a90', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '002f89d38c8cf8ecc35778f5568e5b9747c1145c', title: "Description", value: this.payment.description }), h(DetailItem, { key: '74b7c6d15e8b6d90f58019a98b5c9f022cfb3d42', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3220637ac5aa9c4fc2875c0b90f31ff279c7e8d9', sectionTitle: "Payment Method" }),
+            h("div", { key: '8fbf45f2b6687fd2f7c17fa4edd5d847f61be772', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4099153bca60f14809b3b44f7bf308a31092e75f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '81fe93ee6928fcd45330ffdaa873c3049567c37f', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5d245d31bca5dc6ce107b2fbe30f9e92c2a332f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bc5238e8b662f9eab090aecb02f77642bf08390c', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8bb3025658402c77cf8c87ff20ac48cea64c90c9', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'd61523f850e1d202731e32257382e82df7702566', sectionTitle: "Payment Method" }),
-            h("div", { key: '58c8f1ee69e360f3137f7dbbbc6207cfa7d8544d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7d4b9a3afdd5fdaf662ffdbc0eeeae0e973e3e0d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'f02c0c07c3cc6b89605d98073b18cb247b796363', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'df94144bb5519de4d3432e31c7a2301a9ce0098b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '7fe8d075f370afd3c64228d810cd8946f2631fa0', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'adf1a3bf8e286efda6ed5a10ffd53396d2a7889e', sectionTitle: "Payment Method" }),
+            h("div", { key: '79c8eb07641a38b415c27596b4e098a8877494da', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2223dbf545eaf75843eeba9528d738dc22fcc5c9', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '876d87e60944f094c72911a2d1d946332fad45ee', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '680dd8fc3b295ef8814f729400c94f0cb319b8df', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '4460c0c9d4aec592d3ec47839dcf59a479b9c175', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '09f67f1719cf66843a50da15025f364efb485c49', sectionTitle: 'Metadata' }),
-            h("div", { key: '577995231bf0d25b11d90a10a98ae479236667c9', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a17163d4ec63b650d645f9a4b8a6e5eb996f1269', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '798c2f7054c1ba741b25e3fad461b8c40e5b8eac', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a1400cea6005f844338da47c23b39e63772d07f5', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8e724ef263cd29e9ea14549e9a59768428d5d908', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { r as radioListItem } from './parts.js';
+import { u as radioListItem } from './parts.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';
-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-radio2.js';
 
 const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOption extends HTMLElement {
@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'd52547314559d20607677dd96e1d7668ea527e5a', class: "payment-method" }, h("div", { key: '5d9fdf8edfe809299d5cf0d6636c7aa34853827c', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '2519b4a0e1e38ae5ac9d9d8910ad9228282a09e7', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'f6ea315f33580dcc2ea72448888637fa681d2f3f', class: "payment-method" }, h("div", { key: 'b9e8d0fa9b5444ce6f25f9719258e6b9b6b11f28', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '59bdbd03be9200a367b9c75c52815cbf12c36912', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

package/dist/module/payment-provisioning-actions.js

@@ -1,5 +1,5 @@
-import { a as ComponentErrorSeverity } from './Plaid.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 // Business / Entity API Actions
 const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {