@justifi/webcomponents 5.0.0-rc-2 → 5.1.0

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -6,28 +6,49 @@ const index = require('./index-5b9a3b5f.js');
 const index_esm = require('./index.esm-a397536a.js');
 const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-caa23e95.js');
 const businessIdentitySchema = require('./business-identity-schema-0c537067.js');
-const Api = require('./Api-f5280a80.js');
-require('./Checkout-a528241d.js');
+const Api = require('./Api-b0e4be29.js');
+require('./Checkout-2ff4f9c8.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-d074b246.js');
-require('./SubAccount-fda5ec5b.js');
-const config = require('./config-b190e93e.js');
+require('./Payment-84817e2d.js');
+require('./SubAccount-f236913b.js');
 const Business = require('./Business-cfd6a2dd.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
-const button = require('./button-94bdc1f0.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
+const button = require('./button-e7796b07.js');
 const styledHost = require('./styled-host-94309bab.js');
-const header1 = require('./header-1-cb7af794.js');
+const header1 = require('./header-1-96b97cab.js');
+const skeleton = require('./skeleton-c4903a53.js');
 const eventTypes = require('./event-types-180a85a9.js');
 require('./schema-validations-0be8068a.js');
 require('./state-options-4fbcb48a.js');
 require('./business-form-options-4bcb8943.js');
+require('./utils-5fb95d31.js');
 require('./Dispute-eb6bad54.js');
 require('./helpers-602962eb.js');
-require('./package-d6ef89ed.js');
-require('./parts-811ddb9c.js');
+require('./package-52ac8376.js');
+require('./parts-addf2176.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 
+const FormBlock = () => (index.h("div", { class: "row gap-3" },
+    index.h("div", { class: "col-12" },
+        index.h(skeleton.Skeleton, { width: "25%" })),
+    index.h("div", { class: "col-12" },
+        index.h(skeleton.Skeleton, { width: "100%" })),
+    index.h("div", { class: "col-12 d-flex gap-3" },
+        index.h(skeleton.Skeleton, { width: "50%" }),
+        index.h(skeleton.Skeleton, { width: "50%" })),
+    index.h("div", { class: "col-12 d-flex gap-3" },
+        index.h(skeleton.Skeleton, { width: "65%" }),
+        index.h(skeleton.Skeleton, { width: "35%" }))));
+const BusinessFormLoading = () => {
+    return (index.h("div", { class: "row gap-5" },
+        index.h("div", { class: "col-12" },
+            index.h(skeleton.Skeleton, { width: "40%", height: "40px" })),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null)));
+};
+
 const BusinessForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -38,7 +59,7 @@ const BusinessForm = class {
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
-            this.isLoading = true;
+            this.isSaving = true;
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
@@ -50,7 +71,7 @@ const BusinessForm = class {
                 this.errorMessage = Business.BusinessFormServerErrors.patchData;
             }
             finally {
-                this.isLoading = false;
+                this.isSaving = false;
             }
         };
         this.fetchData = async () => {
@@ -76,6 +97,7 @@ const BusinessForm = class {
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.isLoading = false;
+        this.isSaving = false;
         this.errorMessage = undefined;
     }
     componentWillLoad() {
@@ -88,7 +110,7 @@ const BusinessForm = class {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new index_esm.FormController(businessFormSchema);
-        this.api = Api.Api({ authToken: this.authToken, apiOrigin: config.config.proxyApiOrigin });
+        this.api = Api.Api({ authToken: this.authToken, apiOrigin: Api.config.proxyApiOrigin });
         this.fetchData();
     }
     disconnectedCallback() {
@@ -98,7 +120,7 @@ const BusinessForm = class {
         return this.removeTitle ? '' : this.formTitle;
     }
     get disabledState() {
-        return this.isLoading;
+        return this.isSaving;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -111,7 +133,10 @@ const BusinessForm = class {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '583d9fda192de2a23255af3a66749bec30e82668' }, index.h("form", { key: '6de44b1f63b18b7e47c377665878435134155d2a', onSubmit: this.validateAndSubmit }, index.h("div", { key: 'e83cf5471df4628461978deba6a6269f5a91dc58', class: "row gap-3" }, index.h(header1.Header1, { key: '228f8d97e1574c714de73884dd564aac2f58bc3c', text: this.title }), index.h("form-alert", { key: 'e3fe0d57a7ee44f44273481c41b3699e1ccf05d1', text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { key: 'af3fc2e821a601d5046f230735ba52359f3f3710', class: "col-12 mb-4" }, index.h("justifi-business-core-info", { key: 'e27933c4dd6bfc3746d5071d7cdaec05c1795ec2', formController: this.formController })), index.h("div", { key: '4c11232954cfb171c0c249465637a3050645f36f', class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { key: '3d9f7b042822f4b898862a0c89c00fa281daff66', formController: this.formController })), index.h("div", { key: 'f3b0209fc3cb1b0cd65692f0505ddfcc80a99d0a', class: "col-12 mb-4" }, index.h("justifi-additional-questions", { key: 'a9c0f77135d8ff2f2c2f2ffba6d288f1f1b60f61', formController: this.formController })), index.h("div", { key: '085df35d64de470c9f0198d52b698945759afe27', class: "col-12 mb-4" }, index.h("justifi-business-representative", { key: 'fdb24f037b26f9063d0d1f073d7effb6e3789f7f', formController: this.formController })), index.h("div", { key: '2b0617d9cd67d296de734c8becbea183555317e4', class: "col-12 d-flex flex-row-reverse" }, index.h(button.Button, { key: '7452cb606515807d9d2089330cf5861cd2dcdc1e', type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.submit }), isLoading: this.isLoading }, "Submit"))))));
+        if (this.isLoading) {
+            return index.h(styledHost.StyledHost, null, index.h(BusinessFormLoading, null));
+        }
+        return (index.h(styledHost.StyledHost, null, index.h("form", { onSubmit: this.validateAndSubmit }, index.h("div", { class: "row gap-3" }, index.h(header1.Header1, { text: this.title }), index.h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-core-info", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-additional-questions", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-representative", { formController: this.formController })), index.h("div", { class: "col-12 d-flex flex-row-reverse" }, index.h(button.Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 };
 

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const inputHandlers = require('./input-handlers-cff032bb.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
-const parts = require('./parts-811ddb9c.js');
+const parts = require('./parts-addf2176.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
 
@@ -24,7 +24,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: '0995ea70a1732744cf159fc59a0e4aa8d9f37c1c' }, index.h("fieldset", { key: '0186de6a306858075d58a32af6a36d07c0b7ae39' }, index.h("div", { key: '70c643b23570551f0c82df144cdba8020a89c9ef', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: 'fec6925b259580935a526a79428f9b0a7f1f4d65', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '45e3af519e4ad082fcef1ab14b1c66decfd1b2ba', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'b55f8129932bfbdba4d010c60931b188a7d88c57', class: "mt-2" }), index.h("div", { key: '2b8b87ebd71763798127aece44a91c8143612458', class: "row gy-3" }, index.h("div", { key: '27310ee20317a0fa977bc623bd6fa16fb1e9387a', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'ae638a4e2c13e5e1319eb316290ce3116244174c', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '864731a0668a86ce3fa85911b0c97e5db8878d08', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '8f07886343469e5a054f49dfd01de4f9913f42f4', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '0efff4560cd543839a364b0b769f1b1f71163b66', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '11f738a73989ce789770b36ce1d437d53aa53e07', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'aedf826b2e02f5bdd403451ed47051e1077fe65e', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'ea237c5c3772e8bfeea31995ab0eac23014bd0fd', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '286a392a94ed5e9a9fe175116d835952cd565947', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'f0c5dde29769188f7d5ccc06360f69918a8bae5e', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '1326dd00d94fe8feec7ca411689370a747709eec', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: '5b084d36a3be5b58534169076f34282a3d8565ac', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: 'c0ca035fd4ff10f9529be1ff6c28f8c4479c95b1', class: "col-12" }, index.h("justifi-identity-address-form", { key: '1f9e30e790dc3facd5590492a99490e06d74c17a', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (index.h("form", { key: '90775954aebfc23b163d3b1626de290b70a4b32c' }, index.h("fieldset", { key: 'ea79bf2618b504fd7a5b86f334aace2d9fb20681' }, index.h("div", { key: '3b0ec861e82a1fb35dee68a81655506c198686d4', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '613e036d03c20ffc6e51a6a89f38eda7b2440e67', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: 'ba37c309f9f25b697f297c9641767d800e284f9f', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '8c3b56e7481e7c67a9e4f56fb2406506d6a3f927', class: "mt-2" }), index.h("div", { key: '477b3938ea0011e67bba2c43406b9dbb14019caf', class: "row gy-3" }, index.h("div", { key: 'dd2eca835cb422bd0f38fd504da1d651d5914d89', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '477719029d827ddff5d2e357d641eb2d8b697657', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '36d22fa160f31c538e5afb80fa7fd6533caae3d3', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '9d87128ec44af7cb861be3b3bf9705172267a2db', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '88b158cae25138f1e930f16d72972767679f9f27', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'dbd4ee0f36136c17aa96c36ca1fd0d8ed66758b4', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '11f873b4275b150459c482264ed364e8970f70ca', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '39763eb1b0c981f525b81c5d0fc0fb2fb44cce5c', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '6f7e70e31c03564c989355f9ed40b839451b3ae2', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'e5ee8b0752707fdafa4b6b7a8973f5b66f21bce6', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '73d54b1618e625fd67da896645edf74000596192', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: 'ce5235878fc1554e573e86070502a7ebaf4f2544', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '521ebc9a53fb0b2591937e75d6ca6789c134d54f', class: "col-12" }, index.h("justifi-identity-address-form", { key: '69d66df1033b67ce2e2fe7ae44ab7adfb38cc3d8', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 

package/dist/cjs/justifi-checkout-core.cjs.entry.js

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-a21b7453.js');
-const config = require('./config-b190e93e.js');
-const Checkout = require('./Checkout-a528241d.js');
+const utils = require('./utils-5fb95d31.js');
+const Checkout = require('./Checkout-2ff4f9c8.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const insuranceState = require('./insurance-state-001cfe12.js');
-const button = require('./button-94bdc1f0.js');
+const insuranceState = require('./insurance-state-8959c7c7.js');
+const button = require('./button-e7796b07.js');
 const styledHost = require('./styled-host-94309bab.js');
-const parts = require('./parts-811ddb9c.js');
-const skeleton = require('./skeleton-5ca03840.js');
-const header3 = require('./header-3-75e50713.js');
+const parts = require('./parts-addf2176.js');
+const skeleton = require('./skeleton-c4903a53.js');
+const header3 = require('./header-3-ce77b96b.js');
 require('./index-d2d0b181.js');
 
 const CheckoutCore = class {
@@ -41,7 +40,6 @@ const CheckoutCore = class {
             });
             this.renderState = 'error';
         };
-        this.iframeOrigin = config.config.iframeOrigin;
         this.authToken = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
@@ -50,6 +48,7 @@ const CheckoutCore = class {
         this.disableBankAccount = undefined;
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
+        this.hideCardBillingForm = undefined;
         this.hasLoadedFonts = false;
         this.checkout = undefined;
         this.serverError = undefined;
@@ -130,14 +129,14 @@ const CheckoutCore = class {
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
+        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
     }
     get summary() {
         var _a, _b;
         return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { part: parts.text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", null, index.h("span", { part: parts.text }, "Total"), "\u00A0", index.h("span", { part: parts.text }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '7ea5d909a307d335327b652bc247718a7b2973ff' }, index.h("div", { key: '0f7e9baffebadad78c28c318a770b681cabd7579', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '2453b63f1a3cffe56a85b38005a8e3cabd666f47', class: "col-12" }, index.h(insuranceState.Header2, { key: 'ea4bbc494746c1042d8976aa72f66ebc20f257ef', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), index.h("div", { key: 'bee560cf279315e76551513c5135ab1a0b180de4', class: "col-12" }, index.h("slot", { key: '3b2260c580a2a3a4b8bafe46d215cd5821b17815', name: "insurance" })), index.h("div", { key: '6d0f4b6ea7ea611fe4eacc13e6cf1bf2cddfba64', class: "col-12 mt-4" }, index.h(insuranceState.Header2, { key: '1eae72a345d5f255573237cf45b4b6359ff5729c', text: "Payment", class: "fs-5 fw-bold pb-3" }), index.h(header3.Header3, { key: '89a6fefa7693ef3094128485531cb7c57a314b36', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), index.h("div", { key: 'ffe09e15c81fbb821fc99031c13b753bfa943596', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '8b635fa70dbaadc8530ccb7105ed9590ce87e2ed', class: "col-12" }, index.h("div", { key: '9caa17a123c1ff08391c48632facfb4fe33809d2', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '53faa444e15b719e9e41d8ce01295f841b9507d2', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (index.h(styledHost.StyledHost, { key: '27b5f6263124c9c288fb81e6a0a97ef9565a49ed' }, index.h("div", { key: '8444c6ea0c1b4f9a63e46407c90ee1d14556f832', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '920ddc8692ce6a0cc129fc9de0353c7d1cce0fcf', class: "col-12", part: parts.checkoutSummary }, index.h(insuranceState.Header2, { key: 'c48cfc8be18363aa522e38a6dd09acccf2f51bf4', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), index.h("div", { key: '1f9615177d056357b9c960bbf86360324a2330dc', class: "col-12" }, index.h("slot", { key: '2a3845fe83eb3c0a213f97a0ccc74c268690818b', name: "insurance" })), index.h("div", { key: 'c7e588bb71c6bc3f84636cde3346021b51978bfd', class: "col-12 mt-4" }, index.h(insuranceState.Header2, { key: '512bef8ae536558eba77019531f38485983b1a2f', text: "Payment", class: "fs-5 fw-bold pb-3" }), index.h(header3.Header3, { key: '84a1d01dbae527ca1bff19b2f3dfcd47f9b3782f', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), index.h("div", { key: '8770c420bf092ad3173fb7308d795e1e9ab6d00d', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '2c907e60023119910220a57725d52a2133a4e5ba', class: "col-12" }, index.h("div", { key: 'b2303b22c1a83755726eb08d7e732b4c472f75d7', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '6c5910476d57f439648810a8fe200b190256bb2d', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 };
 

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const checkout_service = require('./checkout.service-671fab62.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
-require('./config-b190e93e.js');
-require('./Api-f5280a80.js');
-require('./Checkout-a528241d.js');
+const checkout_service = require('./checkout.service-e9c05c15.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
+require('./Api-b0e4be29.js');
+require('./Checkout-2ff4f9c8.js');
+require('./utils-5fb95d31.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-d074b246.js');
+require('./Payment-84817e2d.js');
 require('./Dispute-eb6bad54.js');
-require('./SubAccount-fda5ec5b.js');
-require('./package-d6ef89ed.js');
+require('./SubAccount-f236913b.js');
+require('./package-52ac8376.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -75,13 +75,13 @@ const Checkout = class {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.loadedEvent = index.createEvent(this, "loaded", 7);
-        this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.checkoutId = undefined;
         this.disableCreditCard = undefined;
         this.disableBankAccount = undefined;
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
+        this.hideCardBillingForm = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -122,11 +122,11 @@ const Checkout = class {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: '1a31304be74cae8c70683b9a26319d59f1462362', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (index.h("justifi-checkout-core", { key: '573ac7486b2523d6918f5f8eb97a17dcf47edd3a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, index.h("div", { key: 'ad9e6466d374849862f48c25c61a2a511b8465af', slot: "insurance" }, index.h("slot", { key: 'eb94e33e0ab10320aede52292f732de5d92e3341', name: "insurance" }))));
+            } }, index.h("div", { key: '649338a229597a0c6a9987975f91e678ca489890', slot: "insurance" }, index.h("slot", { key: 'ddfb4986d89a9792e7dad6ffad7dd134bedc9e25', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -31,7 +31,7 @@ const CheckoutsListFilters = class {
         ];
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '7eedab4f46529871c876c5b36c3dfdc4a76442bc' }, index.h("table-filters-menu", { key: '645593908d9b2b258a520d6fd469f668a34d5980', params: Object.assign({}, checkoutsListParamsState.queryParams), clearParams: checkoutsListParamsState.clearParams }, index.h("div", { key: 'dd06db2469e9666efd44f0625bd41a69dd45fb1a', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'dba0a96a17a1c255236e0733fe5394638f1abc1f', class: "p-2" }, index.h("form-control-select", { key: 'a833d0ece1a88f04f9a68a27098c035b71bc2d86', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: checkoutsListParamsState.queryParams.status || '' })), index.h("div", { key: 'bb90e2e96b0542e8fb00a2ccd7cbb43f4dc8b6a8', class: "p-2" }, index.h("form-control-select", { key: 'c214d31111ad970f9f40c0b6b948302e4702d2ba', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: checkoutsListParamsState.queryParams.payment_mode || '' }))))));
+        return (index.h(styledHost.StyledHost, { key: '5d3a970578bdcb121fbc966bded802f3a7046898' }, index.h("table-filters-menu", { key: 'f0579a967918b8cf6147123878bfd6d4077312a3', params: Object.assign({}, checkoutsListParamsState.queryParams), clearParams: checkoutsListParamsState.clearParams }, index.h("div", { key: 'a145922ee7ed0d74410308fec6ab4a697bb6dcf1', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '62e82a486e74ffb37bf3421a90927570c0676cfc', class: "p-2" }, index.h("form-control-select", { key: '71b758acac7d47971dafdc64325d8f5940ad042b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: checkoutsListParamsState.queryParams.status || '' })), index.h("div", { key: '1cafc77cd220be576b0f6470e7606037ea64ca13', class: "p-2" }, index.h("form-control-select", { key: '337beb5798e4db1316e2fffa2a13fa261bb2781b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: checkoutsListParamsState.queryParams.payment_mode || '' }))))));
     }
 };
 

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const Checkout = require('./Checkout-a528241d.js');
+const Checkout = require('./Checkout-2ff4f9c8.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-d074b246.js');
-require('./SubAccount-fda5ec5b.js');
+require('./Payment-84817e2d.js');
+require('./SubAccount-f236913b.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
-const config = require('./config-b190e93e.js');
-const checkout_service = require('./checkout.service-671fab62.js');
-const getSubaccounts = require('./get-subaccounts-9aa22224.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
+const Api = require('./Api-b0e4be29.js');
+const checkout_service = require('./checkout.service-e9c05c15.js');
+const getSubaccounts = require('./get-subaccounts-b087fa39.js');
 const styledHost = require('./styled-host-94309bab.js');
-const checkoutsTable = require('./checkouts-table-17648e93.js');
+const checkoutsTable = require('./checkouts-table-0f19c1e6.js');
+require('./utils-5fb95d31.js');
 require('./Dispute-eb6bad54.js');
-require('./package-d6ef89ed.js');
-require('./Api-f5280a80.js');
-require('./utils-a21b7453.js');
-require('./parts-811ddb9c.js');
+require('./package-52ac8376.js');
+require('./badge-fbf58cb9.js');
+require('./parts-addf2176.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -63,7 +63,7 @@ const CheckoutsList = class {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.config.proxyApiOrigin;
+        this.apiOrigin = Api.config.proxyApiOrigin;
         this.columns = checkoutsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -110,7 +110,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f96da05a065d13a24cb4de2cc114a0dc10833ab2' }, index.h("checkouts-list-core", { key: '4e98c537644a3e22fb63d15736f5c22ff26a931f', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: 'cac567336d8e7f104b31a852b5734de16cd32d26' }, index.h("checkouts-list-core", { key: '6d8006ea752a73e396941e60facb04f84c4139c8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-details.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-fc17191b.js');
-require('./parts-811ddb9c.js');
+const utils = require('./utils-a05a8bf6.js');
+require('./parts-addf2176.js');
 
 const Details = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '14ab849e7b60f834d823bb6d10f8b772a1184ad4' }, this.errorMessage ?
+        return (index.h(index.Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
             utils.ErrorState(this.errorMessage)
             :
                 index.h("main", { class: "p-2" }, index.h("slot", { name: "head-info" }), index.h("slot", { name: 'detail-sections' }))));

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -57,7 +57,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'd147755d1f58c2ad2230f1afd511f03ee9053b75' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: 'd7763c7713e5278f02a1b903bbc0b2c905bd23b0' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
 const Dispute = require('./Dispute-eb6bad54.js');
 const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-c362a953.js');
-const config = require('./config-b190e93e.js');
-require('./package-d6ef89ed.js');
-require('./Api-f5280a80.js');
-require('./Checkout-a528241d.js');
+const dispute_service = require('./dispute.service-9272a2a6.js');
+const Api = require('./Api-b0e4be29.js');
+require('./package-52ac8376.js');
+require('./Checkout-2ff4f9c8.js');
+require('./utils-5fb95d31.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-d074b246.js');
-require('./SubAccount-fda5ec5b.js');
+require('./Payment-84817e2d.js');
+require('./SubAccount-f236913b.js');
 
 const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -55,7 +55,7 @@ const DisputeManagement = class {
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.config.proxyApiOrigin;
+        this.apiOrigin = Api.config.proxyApiOrigin;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
@@ -90,7 +90,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '3e2a5b24484e8f1e198168910be7880732da3931', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: '5cc8bd47c54dd8bda15460e7d2258bac58470496', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js

@@ -3,24 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils$1 = require('./utils-a21b7453.js');
-const parts = require('./parts-811ddb9c.js');
-const button = require('./button-94bdc1f0.js');
+const utils$1 = require('./utils-5fb95d31.js');
+const parts = require('./parts-addf2176.js');
+const button = require('./button-e7796b07.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-5ca03840.js');
+const skeleton = require('./skeleton-c4903a53.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-c362a953.js');
+const dispute_service = require('./dispute.service-9272a2a6.js');
 const eventTypes = require('./event-types-8edaabbb.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
-const config = require('./config-b190e93e.js');
-require('./Api-f5280a80.js');
-require('./Checkout-a528241d.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
+const Api = require('./Api-b0e4be29.js');
+require('./Checkout-2ff4f9c8.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-d074b246.js');
+require('./Payment-84817e2d.js');
 require('./Dispute-eb6bad54.js');
-require('./SubAccount-fda5ec5b.js');
-require('./package-d6ef89ed.js');
+require('./SubAccount-f236913b.js');
+require('./package-52ac8376.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -144,7 +143,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: 'df45596c8b40c5665589e976405c38f05271812f' }, this.isLoading && (index.h("div", { key: '9c1f507799665e4297a9e76d24cf1656079bb146', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '6a6e2314fb16348e59d4ff9b4739d895b376303c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '286352f2b7da7f3b494add74fc332a3d2a6f4d42', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'bc3985914e7dbeecbe4ea9efea1fcdd592d2600e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'e0371f22a67d7ebef374e2ad4ed0e0d151b2105b', part: parts.text }, index.h("h1", { key: 'a85046d309d92aee9c6a01e0311fe23d0cc48b98', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '886223ea616ea99c76b7f0e719f2bec606e6796a' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '3f12d0ded622ad0c844dee081b8eb3d444e2b4e3', class: "h5" }, "Dispute details"), index.h("div", { key: 'add2e0e67fcebcb484a2a30ea66a303693a95be8', class: "d-table gap-2" }, index.h("div", { key: '30b35751ab437971b2c0ef6ab003d7c348d3cc3f', class: "d-table-row gap-2" }, index.h("span", { key: '7b5ea6fdf2d644a2c31e0276185fb2a95b0ee85f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'f91e37855056374a345a8a534c9343ed71180a1e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '6d2ef3c07ee006eba74caae39e1c355c4f1d0e80', class: "d-table-row gap-2" }, index.h("span", { key: 'cb60ccb1855a7bc15b8e411986790c33419659c3', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'a2c21645bbba4529576062baacbdd1166e1b4f72', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '4f9bfc9fa68efc18032a9367938c82fef27f6dbe', class: "d-table-row gap-2" }, index.h("span", { key: 'c78b105e6e1bbe3332005c71e230609c9f2a65d9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '0d75f20d0c665cf18eb6a91eb4a890df0e0a09be', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: '97801ea1983a7591d0c5aa933842fcce2eb12394', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '8155accf40a4512506b18de08423da53cd3c2ff7', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: 'b23bd82c73ae7c8c020b7ad5c60223f9a1eae8d2', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '2b3ee4c8f1b9b0100416c7804897530e001826d3' }, index.h("h1", { key: 'abdeb425738b1f0cd8b27836a885f9d9e31b1774', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'aa42c034af8bef20370aac9607065e6f15a87534' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: '2a75a70a3a45a0d42dc182b0782983220444c42b' }, index.h("h1", { key: '3e6c8aad4507bab77c6f0bf06c2ee26af382b8e8', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'b1d2626f6c6529005676ead7776b988693334971' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: '1b9da576c01bd69842cd3d0b65e96997842461e8' }, index.h("h1", { key: 'c5521ef13d0f9437b90fd34b96e43f980ab7ceb8', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'd5724f0fd2194621a908d803752dc1965d2f0043' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: 'dfcc9e5fd86a26e8d321bc5caafa3b046b022c54' }, this.isLoading && (index.h("div", { key: 'deffb8dc0d001fb4dc114b6810408de098ed9621', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '6ea0998a7a9c4b0b161e7838e5863c6581a56ccc', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'ea46373e18690a0cf1131bdf5a6b0bfc7761c68f', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '98c3b1ad8eca5f77a7c73998835b57a7bc5df4a2', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: '3098144d29605462b4f042b74a0a44303cddd80f', part: parts.text }, index.h("h1", { key: '7c175c4c1b5c93833d0eef68b3e6509608995483', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'df222fa47c5df85feead831a19af3b681feeb28d' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '60f58219182bf56b788a17f53556c7245180cae9', class: "h5" }, "Dispute details"), index.h("div", { key: '490b807d57ff8baff1d15b644c4fb8948a786125', class: "d-table gap-2" }, index.h("div", { key: '86ac0b527c0a742f70c487129790d722af385bea', class: "d-table-row gap-2" }, index.h("span", { key: '6cd2e5172ae2c4581b672a80bad96dbc372980ba', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'e2e465afca27df4b2b5831c223c93e483cbe5ed3', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: 'ecb4a882296f4195a9ea123ee699ec55fc0fe55f', class: "d-table-row gap-2" }, index.h("span", { key: '6801b0a252336c9edfc1ffbdbdf54dc404fb80ca', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'ffb49e592ef36e469295f5c59284aa4be249f58d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '652a8b454f305fc57ad1455869ac17e45fad27f9', class: "d-table-row gap-2" }, index.h("span", { key: '9c8f0399a88238643c029916e44c759f1db3c2f5', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: 'b20779034577e48a5960a91db06a5627e8c17282', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: 'c02bb382f4dca09cb660c878ff2560815ce4d20a', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: 'e2cac0a0b92fff128b5d92675f2345ed7126f420', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '000d8e1d9f96c33608637780c8b2f9d7cc476213', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'bbcf4a7d6acc61a55ed33512b2297195a1bc6d72' }, index.h("h1", { key: '53ecca8c1f9d9a30a173dc058757df984e82a94e', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '3afc7790dee77ec5934020ea42c8b9c47dda4d4b' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: 'bfd88724984130c42e15882859d01cf680b34696' }, index.h("h1", { key: '3ab454f4e8475770cd71aada9341c035137c7989', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'dc3c81bd81a5bc139b0eb94bdaef779a7dd217fc' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: '0bd9ca6a71e978e63fff49dbc105a9078d1c0f38' }, index.h("h1", { key: '3e6bdea906b38af5c5191b17cbf2482ba701a481', class: "h4" }, "This payment was disputed"), index.h("p", { key: '05f6d5c04c28a2128bb06d27ef085eeb33377094' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
 };
 
@@ -163,7 +162,7 @@ const DisputeResponse = class {
         this.authToken = undefined;
         this.disputeId = undefined;
         this.disputeResponse = undefined;
-        this.apiOrigin = config.config.proxyApiOrigin;
+        this.apiOrigin = Api.config.proxyApiOrigin;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -204,7 +203,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '359300bac34b3e344e045750f354ce974f6a02ed' }, index.h("justifi-dispute-response-core", { key: '121c8c358b1a8a6e9084a9de00c977ff806be974', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (index.h(styledHost.StyledHost, { key: 'a74ece02e19d5f6d57fc43c0eb1ed5177309b01b' }, index.h("justifi-dispute-response-core", { key: 'd0ad4a758750616ebce34964c9647606ff72c357', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -369,7 +368,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '4c1c801c82506c50ee304934ec0c42efc986f07c', class: "row gy-3" }, index.h("div", { key: '27c27411ac45d0a20f5fd99e4a11eb0efe6b0007', class: "col-12" }, index.h("h1", { key: '48aa1635accfafe2ed76e733296bade6fdeeddf5', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '79ca608ae5ba5a4249556754972216a82104c004', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '39ecb37977d852c3528f09afced344d40e2022ac', class: "col-12" }, index.h("div", { key: '23d7523bffc81324b8e99b5f2354c75f52af9d52', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '1ef9afc69174ac55282cf69d2a274bb993f663c3', class: "row gy-3" }, index.h("div", { key: 'e031c76cb6d3b1ce494436a9ab8daaa11c705d0c', class: "col-12" }, index.h("h1", { key: '424df36d16527588c91b246b0f355ee289161e8e', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '34a33e5de2842fddf668d45ca9e1e23a0827f061', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'b278568d8f69511b02642d1469adfc9ac9e7921d', class: "col-12" }, index.h("div", { key: '59c32d48e318f805f7c7466fa64b6ebdc9ca14b0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -3,18 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const config = require('./config-b190e93e.js');
-const Api = require('./Api-f5280a80.js');
+const Api = require('./Api-b0e4be29.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-fc17191b.js');
-const checkPkgVersion = require('./check-pkg-version-18426209.js');
-require('./parts-811ddb9c.js');
-require('./package-d6ef89ed.js');
+const utils$1 = require('./utils-a05a8bf6.js');
+const checkPkgVersion = require('./check-pkg-version-931df996.js');
+require('./parts-addf2176.js');
+require('./package-52ac8376.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api.Api({ authToken: authToken, apiOrigin: config.config.proxyApiOrigin });
+        const api = Api.Api({ authToken: authToken, apiOrigin: Api.config.proxyApiOrigin });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }