@justifi/webcomponents 5.4.3 → 5.5.0

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

@@ -1,20 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { _ as radioListItem } from './parts.js';
-import { d as defineCustomElement$f } from './bank-account-form2.js';
-import { d as defineCustomElement$e } from './billing-form2.js';
-import { d as defineCustomElement$d } from './card-form2.js';
-import { d as defineCustomElement$c } from './custom-popper2.js';
-import { d as defineCustomElement$b } from './form-control-checkbox2.js';
-import { d as defineCustomElement$a } from './form-control-help-text3.js';
-import { d as defineCustomElement$9 } from './form-control-radio2.js';
-import { d as defineCustomElement$8 } from './form-control-select2.js';
-import { d as defineCustomElement$7 } from './form-control-text2.js';
-import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$5 } from './hidden-input2.js';
-import { d as defineCustomElement$4 } from './iframe-input2.js';
-import { d as defineCustomElement$3 } from './billing-form-wrapper.js';
-import { d as defineCustomElement$2 } from './save-new-payment-method.js';
-import { d as defineCustomElement$1 } from './postal-form2.js';
+import { T as radioListItem } from './parts.js';
+import { d as defineCustomElement$d } from './bank-account-form2.js';
+import { d as defineCustomElement$c } from './card-form2.js';
+import { d as defineCustomElement$b } from './custom-popper2.js';
+import { d as defineCustomElement$a } from './form-control-checkbox2.js';
+import { d as defineCustomElement$9 } from './form-control-help-text2.js';
+import { d as defineCustomElement$8 } from './form-control-radio2.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 './hidden-input2.js';
+import { d as defineCustomElement$3 } from './iframe-input2.js';
+import { d as defineCustomElement$2 } from './billing-form.js';
+import { d as defineCustomElement$1 } from './save-new-payment-method.js';
 
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
@@ -25,28 +23,21 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         super();
         this.__registerHost();
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.saveNewPaymentMethodChecked = false;
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.authToken = undefined;
-        this.accountId = undefined;
-        this.paymentMethodOption = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.isSelected = undefined;
-        this.hideCardBillingForm = undefined;
-        this.iframeOrigin = undefined;
-        this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
         this.saveNewPaymentMethodChecked = event.detail;
     }
     async fillBillingForm(fields) {
-        this.billingFormWrapperRef.fill(fields);
+        this.billingFormRef.fill(fields);
     }
     async resolvePaymentMethod(insuranceValidation) {
         var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormWrapperRef)
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
             return;
         try {
             const isValid = await this.validate();
@@ -70,13 +61,13 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         }
     }
     async validate() {
-        const billingFormValidation = await this.billingFormWrapperRef.validate();
+        const billingFormValidation = await this.billingFormRef.validate();
         const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
         return billingFormValidation.isValid && paymentMethodFormValidation.isValid;
     }
     async tokenize() {
         try {
-            const billingFormFieldValues = await this.billingFormWrapperRef.getValues();
+            const billingFormFieldValues = await this.billingFormRef.getValues();
             let paymentMethodData;
             if (this.saveNewPaymentMethodChecked) {
                 paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
@@ -95,29 +86,36 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '6d2d33cea2442744a4593e0635b1b2fcd6197275', class: "payment-method" }, h("div", { key: '5dc7a8e50668c3abf7b43a4251a6bbaa17c624d2', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '2bd2cdff094dc1c103fe1c79a6a8a4ee7f6c17be', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: 'a3da4a7aa5c5f68bec412be9eb210e8d45d81e80', class: "payment-method" }, h("div", { key: 'b15cf071a206e09333d55d5c7af26b71a79c46cf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'd6ff109905c264b201ff3d6f09001a17e4cc351b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
-        "paymentMethodOption": [16],
+        "paymentMethodOption": [16, "payment-method-option"],
         "paymentMethodGroupId": [1, "payment-method-group-id"],
         "isSelected": [4, "is-selected"],
+        "showCard": [4, "show-card"],
+        "showAch": [4, "show-ach"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "iframeOrigin": [1, "iframe-origin"],
         "saveNewPaymentMethodChecked": [32],
         "fillBillingForm": [64],
-        "resolvePaymentMethod": [64]
+        "resolvePaymentMethod": [64],
+        "validate": [64]
     }, [[0, "checkboxChanged", "handleCheckboxChanged"]]]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-new-payment-method", "bank-account-form", "billing-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form-wrapper", "justifi-save-new-payment-method", "postal-form"];
+    const components = ["justifi-new-payment-method", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form", "justifi-save-new-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
@@ -125,76 +123,66 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "custom-popper":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-billing-form-wrapper":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "postal-form":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/owner-details2.js

@@ -6,7 +6,6 @@ const OwnerDetails = /*@__PURE__*/ proxyCustomElement(class OwnerDetails extends
     constructor() {
         super();
         this.__registerHost();
-        this.owners = undefined;
     }
     render() {
         var _a;

package/dist/module/owner-form-core2.js

@@ -3,7 +3,7 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { U as heading3 } from './parts.js';
+import { R as heading3 } from './parts.js';
 import './details.js';
 import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
@@ -26,6 +26,9 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
+        this.isLoading = false;
+        this.errors = {};
+        this.owner = {};
         this.getData = () => {
             this.isLoading = true;
             this.getOwner({
@@ -97,19 +100,6 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
             this.removeOwner(this.ownerId);
             this.clickEvent.emit({ name: BusinessFormClickActions.removeOwner });
         };
-        this.isLoading = false;
-        this.formController = undefined;
-        this.errors = {};
-        this.owner = {};
-        this.ownerId = undefined;
-        this.businessId = undefined;
-        this.getOwner = undefined;
-        this.patchOwner = undefined;
-        this.postOwner = undefined;
-        this.allowOptionalFields = undefined;
-        this.removeOwner = undefined;
-        this.newFormOpen = undefined;
-        this.ownersLength = undefined;
         this.validate = this.validate.bind(this);
         this.submit = this.submit.bind(this);
         this.validateAndSubmit = this.validateAndSubmit.bind(this);
@@ -178,11 +168,11 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
 }, [0, "owner-form-core", {
         "ownerId": [1, "owner-id"],
         "businessId": [1, "business-id"],
-        "getOwner": [16],
-        "patchOwner": [16],
-        "postOwner": [16],
+        "getOwner": [16, "get-owner"],
+        "patchOwner": [16, "patch-owner"],
+        "postOwner": [16, "post-owner"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "removeOwner": [16],
+        "removeOwner": [16, "remove-owner"],
         "newFormOpen": [4, "new-form-open"],
         "ownersLength": [2, "owners-length"],
         "isLoading": [32],

package/dist/module/owner-form-inputs2.js

@@ -19,9 +19,6 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
         this.onAddressFormUpdate = (values) => {
             updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
         };
-        this.ownerDefaultValue = undefined;
-        this.errors = undefined;
-        this.formController = undefined;
     }
     render() {
         return (h("div", { key: '97911ef690cb7932c0e382cfa79fa3333536055c', class: "row gy-3" }, h("div", { key: '0f15a832bcde62a50fb791e008dcd7da68c8da6b', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fdc50a224e7e17d2923d6eb1fb274103e0d55710', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c4be24670525f2b90fd6de5a0035241190dadd09', class: "col-12 col-md-4" }, h("form-control-text", { key: '8752eb6ea1d24189fd1a4d799145b5bbdc0413f2', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '9d19f00bbd407ca55455947d84183530920d799c', class: "col-12 col-md-6" }, h("form-control-text", { key: '10ffe5b44086f623fb9f9d27f4a72cd251589bd0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '2e7eded46b1162d9ecf8c3badc869e98a710abee', class: "col-12 col-md-4" }, h("form-control-date", { key: '2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'dd96fdddddfb082fc0ce670f673decc97956c242', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '640cc2e749dc64879d8211c3340b7c273d3cb817', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '681b2898183d73559150b5debef39901c4679eba', class: "col-12" }, h("justifi-identity-address-form", { key: 'e2de39be536c0854592a5132a6a9ac9d761a0f9b', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
@@ -30,7 +27,7 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
 }, [0, "owner-form-inputs", {
         "ownerDefaultValue": [8, "owner-default-value"],
         "errors": [8],
-        "formController": [16]
+        "formController": [16, "form-controller"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/owner-form.js

@@ -16,16 +16,6 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getOwner = undefined;
-        this.patchOwner = undefined;
-        this.postOwner = undefined;
-        this.authToken = undefined;
-        this.ownerId = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
-        this.removeOwner = undefined;
-        this.newFormOpen = undefined;
-        this.ownersLength = undefined;
     }
     async validate() {
         return this.coreComponent.validate();
@@ -66,7 +56,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         "ownerId": [1, "owner-id"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "removeOwner": [16],
+        "removeOwner": [16, "remove-owner"],
         "newFormOpen": [4, "new-form-open"],
         "ownersLength": [2, "owners-length"],
         "getOwner": [32],

package/dist/module/package.js

@@ -1,81 +1,7 @@
 const name = "@justifi/webcomponents";
-const version = "5.4.3";
-const description = "JustiFi Web Components";
-const collection = "dist/collection/collection-manifest.json";
-const main = "dist/index.cjs.js";
-const module = "dist/module/index.js";
-const types = "dist/module/index.d.ts";
-const repository = {
-	type: "git",
-	url: "git+https://github.com/justifi-tech/web-component-library.git"
-};
-const homepage = "https://storybook.justifi.ai/?path=/docs/introduction--docs";
-const publishConfig = {
-	registry: "https://registry.npmjs.org"
-};
-const files = [
-	"dist/"
-];
-const scripts = {
-	build: "stencil build --docs",
-	dev: "stencil build --watch",
-	lint: "eslint . --max-warnings 0",
-	clean: "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-	generate: "stencil generate",
-	test: "TZ=utc stencil test --spec",
-	"test:watch": "TZ=utc stencil test --spec --watchAll",
-	"test:file": "stencil test --spec --watch --"
-};
-const dependencies = {
-	"@popperjs/core": "^2.11.8",
-	"@stencil/core": "^4.0.5",
-	"@stencil/store": "^2.0.8",
-	bootstrap: "^5.2.3",
-	"chart.js": "^4.4.1",
-	"date-fns": "^2.30.0",
-	"dinero.js": "^1.9.1",
-	"iframe-resizer": "^4.3.7",
-	imask: "^7.6.1",
-	lodash: "^4.17.21",
-	rxjs: "^7.8.1",
-	"ts-dedent": "^2.2.0",
-	uuid: "^9.0.0",
-	yup: "^1.0.0"
-};
-const devDependencies = {
-	"@babel/preset-env": "^7.21.5",
-	"@babel/preset-react": "^7.18.6",
-	"@babel/preset-typescript": "^7.21.5",
-	"@rollup/plugin-replace": "^6.0.1",
-	"@stencil/sass": "^3.0.1",
-	"@types/jest": "27.0.3",
-	"@types/react": "^18.0.37",
-	"@types/react-dom": "^18.0.11",
-	dotenv: "^16.3.1",
-	jest: "^29.7.0",
-	"jest-cli": "^29.7.0",
-	"jest-environment-node": "^29.7.0",
-	"ts-jest": "^29.1.2"
-};
-const license = "MIT";
-const gitHead = "507bac1d941eae6e1f56e185ecd9bc9d22637783";
-const packageJson = {
+const version = "5.5.0";
+var packageJson = {
 	name: name,
-	version: version,
-	description: description,
-	collection: collection,
-	main: main,
-	module: module,
-	types: types,
-	repository: repository,
-	homepage: homepage,
-	publishConfig: publishConfig,
-	files: files,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	license: license,
-	gitHead: gitHead
-};
+	version: version};
 
 export { packageJson as p };

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 { v as buttonLink, w as buttonDisabled } from './parts.js';
+import { p as buttonLink, q as buttonDisabled } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor() {

package/dist/module/parts.js

@@ -31,11 +31,12 @@ const inputRadioFocused = `input-radio-focused ${inputRadio}`;
 const inputRadioChecked = `input-radio-checked ${inputRadio}`;
 const inputRadioCheckedFocused = `input-radio-checked-focused ${inputRadio}`;
 const inputRadioInvalid = `input-radio-invalid ${inputRadio}`;
-const inputCheckbox = `input-checkbox ${backgroundColor}`;
+const inputCheckbox = `input-checkbox`;
 const inputCheckboxInvalid = `input-checkbox-invalid ${inputCheckbox}`;
 const inputCheckboxFocused = `input-checkbox-focused ${inputCheckbox}`;
 const inputCheckboxChecked = `input-checkbox-checked ${inputCheckbox}`;
 const inputCheckboxCheckedFocused = `input-checkbox-checked-focused ${inputCheckbox}`;
+const inputAdornment = `input-adornment ${text}`;
 // Alert
 const alert = `alert ${text}`;
 const alertDanger = `alert-danger ${alert}`;
@@ -113,4 +114,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { checkoutsListFilterMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, statusCheckoutsListFilterParam as a0, paymentModeCheckoutsListFilterParam as a1, dropdownMenu as a2, heading4 as a3, image as a4, paymentsListFilterMenu as a5, paymentIdPaymentsListFilterParam as a6, terminalIdPaymentsListFilterParam as a7, paymentStatusPaymentsListFilterParam as a8, createdAfterPaymentsListFilterParam as a9, createdBeforePaymentsListFilterParam as aa, payoutsListFilterMenu as ab, createdAfterPayoutsListFilterParam as ac, createdBeforePayoutsListFilterParam as ad, terminalOrdersListFilterMenu as ae, orderStatusTerminalOrdersListFilterParam as af, orderTypeTerminalOrdersListFilterParam as ag, createdAfterTerminalOrdersListFilterParam as ah, createdBeforeTerminalOrdersListFilterParam as ai, terminalsListFilterMenu as aj, terminalIdTerminalsListFilterParam as ak, terminalOrderIdTerminalsListFilterParam as al, terminalStatusTerminalsListFilterParam as am, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };
+export { statusCheckoutsListFilterParam as $, badgeSecondary as A, badgePrimary as B, badge as C, alertDanger as D, inputCheckboxInvalid as E, inputCheckboxCheckedFocused as F, inputCheckboxFocused as G, inputCheckboxChecked as H, inputCheckbox as I, inputAdornment as J, inputGroup as K, inputRadioInvalid as L, inputRadioCheckedFocused as M, inputRadioChecked as N, inputRadioFocused as O, inputRadio as P, inputInvalidAndFocused as Q, heading3 as R, checkoutSummary as S, radioListItem as T, heading4 as U, image as V, heading5 as W, buttonSecondary as X, buttonPrimary as Y, buttonLoading as Z, checkoutsListFilterMenu as _, heading1 as a, paymentModeCheckoutsListFilterParam as a0, dropdownMenu as a1, getAlternateTableCellPart as a2, paymentsListFilterMenu as a3, paymentIdPaymentsListFilterParam as a4, terminalIdPaymentsListFilterParam as a5, paymentStatusPaymentsListFilterParam as a6, createdAfterPaymentsListFilterParam as a7, createdBeforePaymentsListFilterParam as a8, payoutsListFilterMenu as a9, createdAfterPayoutsListFilterParam as aa, createdBeforePayoutsListFilterParam as ab, terminalOrdersListFilterMenu as ac, orderStatusTerminalOrdersListFilterParam as ad, orderTypeTerminalOrdersListFilterParam as ae, createdAfterTerminalOrdersListFilterParam as af, createdBeforeTerminalOrdersListFilterParam as ag, terminalsListFilterMenu as ah, terminalIdTerminalsListFilterParam as ai, terminalOrderIdTerminalsListFilterParam as aj, terminalStatusTerminalsListFilterParam as ak, billingForm as al, tableEmpty as am, tableError as an, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, buttonLink as p, buttonDisabled as q, loadingSpinner as r, skeleton as s, text as t, badgeDark as u, badgeLight as v, badgeInfo as w, badgeWarning as x, badgeDanger as y, badgeSuccess as z };

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { b as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { b as formatDate, e as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { 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';
@@ -25,10 +25,7 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getPaymentDetails = undefined;
-        this.payment = undefined;
         this.loading = true;
-        this.errorMessage = undefined;
     }
     componentWillLoad() {
         if (this.getPaymentDetails) {
@@ -43,7 +40,6 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         this.getPaymentDetails({
             onSuccess: ({ payment }) => {
                 this.payment = payment;
-                this.loading = false;
                 this.errorMessage = null;
             },
             onError: ({ error, code, severity }) => {
@@ -53,25 +49,27 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
                     message: error,
                     severity,
                 });
+            },
+            final: () => {
                 this.loading = false;
             },
         });
     }
     render() {
-        return (h(StyledHost, { key: '0c171f991fc4dcf840fe076bc116424cc3a87065' }, this.loading && h(PaymentDetailsLoading, { key: 'a5de7e062c82839d908a47c631130a878a3f2d11' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'd215769880123434e0b6bcad24fc3cacc1a1c1c1', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '015128fa7779e3ffe2c8b533004e419451f688bd', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '2ba936ae059994f61b3a1ec9c7698e0ddda4f76f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '45adc7bad5275e26a4d3ad977fd26eb70992d60a', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '4ddb69de4cc522e38a0557b75260da508f8e7b53', title: "ID", value: this.payment.id })), h("div", { key: '47f2ce116914109f25c97419b2342f142e84870e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a0e3ddeca8335c441b19b21666eaa8a2cb876ab9', sectionTitle: "Details" }), h("div", { key: 'd284226522d77f14243fe1c01e4397a0e07acf79', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '43eea18419c944fbef79c3e22261430299e3c88c', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'fd1defcd7f3b1fb45fb2c196acf334025f691a49', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '00b9c31a516c9efabf0e9146b7f85e948334cec6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a3dbaadb65345af971ae2cbd7b9e2270c71ae5b0', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '93d874d02bed9ef2ff30be2f9da815c2364582ba', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '51a2742e4895e74c07205253b96d28cd42ef9e93', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '465262f8f448f1afd75b5e2f3f4f0d7d70aad7ca', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '5b0db9a8f2d96741568e4622cc7495868491226b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0643523eefc49aa046cbfc5802cce2070a25e299', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'c3d885b1be787a7800f1d36811647097264e7f26', sectionTitle: "Payment Method" }),
-            h("div", { key: 'da73b925ba2587e8dc1f860bd4d36dda55dd0d79', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '80410dd5c2de2cdb1f8dfc30fb514df972e30721', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '57d05211be0fbddae3e69637d7936576c3fb745f', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '35cae308ec9a99e3202bafe287e9bd08c2e6632d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9e3c757e1429a600ecf345c0a6cc1b275058c50e', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3027147373d335045b62ca1a0c94b408e00de733', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '6c6d4c1944655b7ef98605f6f8a4f827bc8634df' }, this.loading && h(PaymentDetailsLoading, { key: '95e2c50f26884542cc0b7c2751a795b25ebc427a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '6a88471b5b00d282c2ca11e5c651d4bf1f73d533', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'c7f441da3722aab3a022fe4ae395e1fd84512d2f', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'd173a2178f4323801790b705632804920fa4a25b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '6d170aa5a8da7693807571433000342e4107efe8', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'fb3386eaa1cb9128dea10fd4b33c65eab2c00a31', title: "ID", value: this.payment.id })), h("div", { key: '6ee8fc00a0d22c27460900c4e854c2d6bb2127c2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5d15d0eacc9ba08db6cbd49e42c56d249eda9d2c', sectionTitle: "Details" }), h("div", { key: '1d9c1980fa1f771f4b2e6498582cb33ae5b3f0f2', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd492ab80dedc1b8da82da5d7d4c27724aaf71144', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f77a002fed17be11e28b636ed7e69ed4afb3b158', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c1e7fadb89586e4adf8e7094cc3ea20f447cd2f5', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'eb2ea81491557f0a45ece5cdef706aaeb3b933cf', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '42e5aa97bf59223ad8bfe8f68c74baa5ff2ab8b9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '3143407816860e5174f15fccbd9d379b65bd7ea9', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '5d63b760f25736f838aafe478e601e51d0db6792', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c8aaca658cbef97146307f3f517d1122abe1106f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '95bef3fe28e0370e8a7d5e4d32d6f86925188132', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '72a4a1c0d6612f437dce1b98609491c4d7983198', sectionTitle: "Payment Method" }),
+            h("div", { key: '5b420f9f45eded927b062b218c8e049cd325597c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '265f90b4184492bbbdfdd3a146cb69fe2bd7bde0', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '4cd08a2bd200576e04b1802304be38e39cf320aa', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9618c6b0ff0823d48c86bae538e207096fc3f7ce', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'c9ae3d23296fe3ed1cfea0138165570a15111929', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3284de2e6a6b39d5b38d1ecd6753cdec09f9b20f', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '0506c560ebc7a95fea06a78a50b8589bf9efeca5', sectionTitle: "Payment Method" }),
-            h("div", { key: '57e5656f56aacd0a85fe800a16c6937fef0a6ac1', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0ec754633c7e3f676d87c74507f84736e745d119', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '4cd617f0ebb487021819cd44cc7bde54f9bbcf2f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'bb0bf949bfbd774fa1167ff14f824de494e8930c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '807e0e394ea92e44dd549c96d44911f76e1cf4d8', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '44ac1f6ffd7a0c1dc0785c2cd035c21c6c064bf8', sectionTitle: 'Metadata' }), h("div", { key: '3198fa94234aa237447862fd5b2e6f180d0b716a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '68f75ac2b481f68de6999f2427cafb7debae55b7', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: 'cd5a23e6ea98b026b9461963c7448df11461ed16', sectionTitle: "Payment Method" }),
+            h("div", { key: '315bea1f8b0d24fc0403328c44124b5210e4d068', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '036c1e1be093e303fa80999f437c92a2200dce7a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'a35d0f9ca8771cb76bb3d6ac65ca604742896023', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '8a981d79ce65d5b3936a2fe4c7f2d0759627500c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '9b123abe36f38d66eb7e4dacc1a73e58d6b03305', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: 'e8cdca72a94f04208acb36b444b70d31bad38978', sectionTitle: 'Metadata' }), h("div", { key: '662f7fd2cbab2a5574359957fcbab772e3f3f429', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0d5a67e7290a79c9f5236780254d4eb32a1516af', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]
     }; }
 }, [0, "payment-details-core", {
-        "getPaymentDetails": [16],
+        "getPaymentDetails": [16, "get-payment-details"],
         "payment": [32],
         "loading": [32],
         "errorMessage": [32]