@justifi/webcomponents 5.3.5 → 5.4.0

package/dist/esm/justifi-business-details.entry.js

@@ -1,17 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-e7df4815.js';
-import { B as BusinessService } from './business.service-f7c3b9f7.js';
+import { E as ErrorState } from './utils-96c6292c.js';
+import { B as BusinessService } from './business.service-13890e74.js';
 import { m as makeGetBusiness } from './get-business-464419f6.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import './parts-18c966b1.js';
-import './Api-391d00e2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import './parts-ad835bef.js';
+import './Api-52242eb0.js';
 import './Business-0855931c.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 import './utils-fd99b806.js';
-import './package-b9d805ae.js';
+import './package-25d5d805.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -2,20 +2,19 @@ import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js'
 import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
 import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-df76728f.js';
 import { a as addressSchema, i as identitySchema } from './business-identity-schema-0a78fc59.js';
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api } from './Api-52242eb0.js';
 import './ComponentError-c61dce41.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 import { B as Business, a as BusinessFormServerErrors } from './Business-0855931c.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { B as Button } from './button-b3d07089.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import { B as Button } from './button-1e756c34.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { H as Header1 } from './header-1-649109a3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
+import { H as Header1 } from './header-1-adb520cc.js';
+import { S as Skeleton } from './skeleton-0cde7cb6.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import './schema-validations-b1aec6a0.js';
 import './state-options-a356fb11.js';
@@ -23,8 +22,8 @@ import './business-form-options-86a13078.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
 import './helpers-96ea3464.js';
-import './package-b9d805ae.js';
-import './parts-18c966b1.js';
+import './package-25d5d805.js';
+import './parts-ad835bef.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-29fcfdf5.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
-import { h as heading2 } from './parts-18c966b1.js';
+import { h as heading2 } from './parts-ad835bef.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 

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

@@ -2,12 +2,12 @@ import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js'
 import { f as formatCurrency } from './utils-c37124fc.js';
 import { C as Checkout } from './Checkout-2bc873fb.js';
 import { a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import { i as insuranceValuesOn, v as validateInsuranceValues, H as Header2, a as insuranceValues } from './insurance-state-e3b48bb2.js';
-import { B as Button } from './button-b3d07089.js';
+import { i as insuranceValuesOn, v as validateInsuranceValues, H as Header2, a as insuranceValues } from './insurance-state-24af6ddb.js';
+import { B as Button } from './button-1e756c34.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { t as text, W as checkoutSummary } from './parts-18c966b1.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
-import { H as Header3 } from './header-3-ca7bb57b.js';
+import { t as text, _ as checkoutSummary } from './parts-ad835bef.js';
+import { S as Skeleton } from './skeleton-0cde7cb6.js';
+import { H as Header3 } from './header-3-ca58500e.js';
 import './index-a47fdc7f.js';
 
 const CheckoutCore = class {

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

@@ -1,18 +1,17 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { C as CheckoutService } from './checkout.service-020aaf97.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import './Api-391d00e2.js';
+import { C as CheckoutService } from './checkout.service-fe338804.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import './Api-52242eb0.js';
 import './Checkout-2bc873fb.js';
 import './utils-c37124fc.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
 import './Dispute-5fd28ec9.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
-import './package-b9d805ae.js';
+import './package-25d5d805.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -80,7 +79,7 @@ const Checkout = class {
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = "https://components.justifi.ai/v2";
+        this.iframeOrigin = "https://components.justifi.ai";
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';

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

@@ -3,10 +3,10 @@ import './ComponentError-c61dce41.js';
 import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-7bdf00bd.js';
-import { y as checkoutsListFilterMenu, z as statusCheckoutsListFilterParam, A as paymentModeCheckoutsListFilterParam } from './parts-18c966b1.js';
+import { y as checkoutsListFilterMenu, z as statusCheckoutsListFilterParam, A as paymentModeCheckoutsListFilterParam } from './parts-ad835bef.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';

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

@@ -3,21 +3,20 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Compone
 import { C as Checkout } from './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { C as CheckoutService } from './checkout.service-020aaf97.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-212c162d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import { C as CheckoutService } from './checkout.service-fe338804.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-6b048fd1.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { d as defaultColumnsKeys } from './checkouts-table-974c57ba.js';
+import { d as defaultColumnsKeys } from './checkouts-table-e339bf0c.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './package-b9d805ae.js';
-import './Api-391d00e2.js';
-import './badge-7768a2b1.js';
-import './parts-18c966b1.js';
+import './package-25d5d805.js';
+import './Api-52242eb0.js';
+import './badge-1555ad1d.js';
+import './parts-ad835bef.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-e7df4815.js';
-import './parts-18c966b1.js';
+import { E as ErrorState } from './utils-96c6292c.js';
+import './parts-ad835bef.js';
 
 const Details = class {
     constructor(hostRef) {

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

@@ -1,17 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
 import { a as Dispute } from './Dispute-5fd28ec9.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { D as DisputeService } from './dispute.service-b234b5c7.js';
-import './package-b9d805ae.js';
-import './Api-391d00e2.js';
+import { D as DisputeService } from './dispute.service-3e1320fe.js';
+import './package-25d5d805.js';
+import './Api-52242eb0.js';
 import './Checkout-2bc873fb.js';
 import './utils-c37124fc.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 
 const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {

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

@@ -1,23 +1,22 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { f as formatCurrency } from './utils-c37124fc.js';
-import { t as text, B as heading4 } from './parts-18c966b1.js';
-import { B as Button } from './button-b3d07089.js';
+import { t as text, C as heading4 } from './parts-ad835bef.js';
+import { B as Button } from './button-1e756c34.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
+import { S as Skeleton } from './skeleton-0cde7cb6.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { D as DisputeService } from './dispute.service-b234b5c7.js';
+import { D as DisputeService } from './dispute.service-3e1320fe.js';
 import { D as DisputeManagementClickActions } from './event-types-07cdb9a0.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import './Api-391d00e2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import './Api-52242eb0.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
 import './Dispute-5fd28ec9.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
-import './package-b9d805ae.js';
+import './package-25d5d805.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api } from './Api-52242eb0.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-e7df4815.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import './parts-18c966b1.js';
-import './package-b9d805ae.js';
+import { E as ErrorState } from './utils-96c6292c.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import './parts-ad835bef.js';
+import './package-25d5d805.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {

package/dist/esm/justifi-order-terminals.entry.js

@@ -1,23 +1,22 @@
 import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { t as text, B as heading4, C as listGroup, D as listGroupItem } from './parts-18c966b1.js';
+import { B as heading5, C as heading4, g as buttonPrimary, t as text } from './parts-ad835bef.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { E as ErrorState } from './utils-e7df4815.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { E as ErrorState } from './utils-96c6292c.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import { B as BusinessService } from './business.service-f7c3b9f7.js';
+import { B as BusinessService } from './business.service-13890e74.js';
 import { B as Business } from './Business-0855931c.js';
 import { m as makeGetBusiness } from './get-business-464419f6.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
+import { S as Skeleton } from './skeleton-0cde7cb6.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import { T as TerminalModel, a as TerminalOrder } from './SubAccount-f31bdeb4.js';
+import { T as TerminalModel, a as TerminalOrder, b as TerminalOrderType } from './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { T as TerminalService } from './terminal.service-3c3f2c3f.js';
-import './package-b9d805ae.js';
-import './Api-391d00e2.js';
+import { T as TerminalService } from './terminal.service-4fab5adc.js';
+import './package-25d5d805.js';
+import './Api-52242eb0.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 import './utils-c37124fc.js';
@@ -38,8 +37,6 @@ const OrderTerminalsLoading = () => {
     return (h("div", { class: "row gap-5" },
         h("div", { class: "col-12" },
             h(Skeleton, { width: "40%", height: "40px" })),
-        h(FormBlock, null),
-        h(FormBlock, null),
         h(FormBlock, null)));
 };
 
@@ -91,82 +88,125 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
     }
 };
 
+const makeOrderTerminals = ({ authToken, service }) => async ({ terminalOrder, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.orderTerminals(authToken, terminalOrder);
+        if (!response.error) {
+            const { data } = response;
+            onSuccess({ data });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
 const OrderTerminals = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitted = createEvent(this, "submit-event", 7);
         this.businessId = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.errorMessage = undefined;
-        this.businessIsLoading = true;
-        this.terminalsIsLoading = true;
+        this.shipping = false;
+        this.loading = {
+            business: true,
+            terminals: true,
+        };
+        this.submitting = false;
+        this.error = null;
         this.business = undefined;
         this.terminalModels = undefined;
         this.orderLimit = undefined;
-        this.order = new TerminalOrder({});
+        this.order = undefined;
         this.totalQuantity = 0;
     }
     componentWillLoad() {
+        this.order = new TerminalOrder({
+            business_id: this.businessId,
+            sub_account_id: this.accountId,
+            order_type: this.shipping ? TerminalOrderType.boardingShipping : TerminalOrderType.boardingOnly,
+        });
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.loadData();
     }
+    handleError(errorMessage, code, severity) {
+        this.error = { message: errorMessage, code, severity };
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
     loadData() {
         if (!this.businessId || !this.authToken) {
-            this.errorMessage = 'Invalid business id or auth token';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
+            this.handleError("Invalid business id or auth token", ComponentErrorCodes.MISSING_PROPS, ComponentErrorSeverity.ERROR);
             return;
         }
         this.initializeGetBusiness();
         this.initializeGetTerminalModels();
     }
     initializeGetBusiness() {
-        const getBusiness = makeGetBusiness({
+        makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
             service: new BusinessService(),
-        });
-        getBusiness({
+        })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
-                this.businessIsLoading = false;
+                this.loading.business = false;
             },
             onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.businessIsLoading = false;
+                this.handleError(error, code, severity);
+                this.loading.business = false;
             }
         });
     }
     initializeGetTerminalModels() {
-        const getTerminalModels = makeGetTerminalModels({
+        makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
             service: new TerminalService(),
-        });
-        getTerminalModels({
+        })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
                 this.orderLimit = orderLimit;
-                this.terminalsIsLoading = false;
+                this.loading.terminals = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.handleError(error, code, severity);
+                this.loading.terminals = false;
+            }
+        });
+    }
+    submitOrder() {
+        const orderTerminals = makeOrderTerminals({
+            authToken: this.authToken,
+            service: new TerminalService(),
+        });
+        this.submitting = true;
+        orderTerminals({
+            terminalOrder: this.order.payload,
+            onSuccess: ({ data }) => {
+                this.submitted.emit(data);
+                this.submitting = false;
             },
             onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.terminalsIsLoading = false;
+                this.handleError(error, code, severity);
+                this.submitting = false;
             }
         });
     }
@@ -174,17 +214,30 @@ const OrderTerminals = class {
         this.order.updateTerminal(event.detail.modelName, event.detail.quantity);
         this.totalQuantity = this.order.totalQuantity;
     }
+    renderLoading() {
+        return (h("div", null, this.loading.business && h(OrderTerminalsLoading, null), this.loading.terminals && (h("div", { class: "mt-5" }, h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null)))));
+    }
+    renderError() {
+        if (!this.loading.business && this.error) {
+            return ErrorState(this.error.message);
+        }
+    }
+    renderBusinessDetails() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (!this.loading.business && this.business) {
+            return (h("div", { class: "gap-5 pt-5 mb-5" }, h("div", { class: "row" }, h("div", { class: "col-12" }, h("h2", { part: heading4 }, this.business.legal_name))), h("div", { class: "row" }, h("h5", { part: heading5 }, "Representative:"), h("div", null, h("div", null, (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 : _b.name), h("div", null, (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 : _d.title), h("div", null, (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 : _f.email), h("div", null, (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 : _h.phone)))));
+        }
+    }
+    renderTerminals() {
+        if (!this.loading.terminals && this.terminalModels) {
+            return (h("div", { class: "d-flex flex-column gap-2 mt-5" }, this.terminalModels.map((terminal) => (h("terminal-quantity-selector", { modelName: terminal.model_name, description: terminal.description, imageUrl: terminal.image_url, helpUrl: terminal.help_url, limit: this.orderLimit - this.order.totalQuantity, onSelectedQuantityChange: this.onSelectedQuantityChange.bind(this) })))));
+        }
+    }
+    renderOrderSection() {
+        return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : 'Submit Order'))));
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        return (h(StyledHost, { key: 'd0839c5f8e62091959cfac6c19fd8e6010ed17fa' }, this.businessIsLoading && h(OrderTerminalsLoading, { key: '4f2e27a144af74dc7a5b24afd04319169af85975' }), !this.businessIsLoading && this.errorMessage && ErrorState(this.errorMessage), !this.businessIsLoading && !this.errorMessage && this.business && (h("div", { key: '275c0bdc797dd7deb0b9a6e0bcb4b8bb1bb5a0c7', class: "gap-5 pt-5", part: text }, h("div", { key: '34cff142a272edd3ee7ac19da4e897dcbd29053a', class: "row" }, h("div", { key: '5ced2a28b10f3c3a6df1967df4ff3963fa210aeb', class: "col-12" }, h("h2", { key: 'cddb025d86d3b20e0fdbe44f38a01f4c9f8b0cc9', part: heading4 }, "Business Information:"), h("p", { key: '1729e714fbde0db3bfa2335b984191c88a821d48' }, "Business Name: ", this.business.legal_name))), h("div", { key: '07e0124bf74aa1e6019f3831e1101612ea22a974', class: "row" }, h("div", { key: '984fa3b23a5f963c0132db5629a84a0f33b5876f', class: "col-6" }, h("h2", { key: '620518c99e7c24323908964069a845bdc6bc7977', part: heading4 }, "Representative:"), h("ul", { key: '2a647948f4dd177f727caeb564874025e685154d', class: "list-group", part: listGroup }, h("li", { key: 'eef9b978a739e423e500f2c684adbd29b615d672', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
-            _b.name), h("li", { key: 'f668a95618f4f9f15a3f393e0f832edf019495d4', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
-            _d.title), h("li", { key: '7b0f4f9b59ce658b2589d794759a8eb2d286618d', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
-            _f.email), h("li", { key: '6868db3079895895817b46f577a4aec763370c8a', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
-            _h.phone))), h("div", { key: '58e3a903859cfcb48ee9c94eae603e6013b49ddc', class: "col-6" }, h("h2", { key: '5575e0a3882f6118784f0a2ae5ba3b16ca2cf3d0', part: heading4 }, "Shipping Address:"), h("ul", { key: 'a786f951ba416a8a87b2cbd041208a00316a654c', class: "list-group", part: listGroup }, h("li", { key: 'f195e9fe86e532e5082fa6cec74d498fd3721b9f', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
-            _j.line1), h("li", { key: 'cc3effbf28ed5529ab453c9a3df593faed8453b0', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '024d702c7483ff81ad3ac877b5ae708ca18f0441', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
-            _l.postal_code), h("li", { key: 'b49173b42d91e1bad378912fb9ecf8cd74c38110', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
-            _m.city), h("li", { key: '87656e83f01433a2f8116996d42e482a906fbc43', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
-            _o.state)))))), this.terminalsIsLoading && (h("div", { key: 'f136b3b5ea1d28b8d4f2dcf18445c21afc8ff94b', class: "mt-5" }, h(TerminalSelectorLoading, { key: 'eaf847a6fa517aae9af8abd6138ea6b7084e26ab' }), h(TerminalSelectorLoading, { key: '9bc4ca1106c9c96b30d8318e11bca7d5b976dde2' }), h(TerminalSelectorLoading, { key: 'eb8885c81374329c42194e7a32c9031eeccf68ba' }))), !this.terminalsIsLoading && this.terminalModels && this.terminalModels.map((terminal) => (h("terminal-quantity-selector", { modelName: terminal.model_name, description: terminal.description, imageUrl: terminal.image_url, helpUrl: terminal.help_url, limit: this.orderLimit - this.order.totalQuantity, onSelectedQuantityChange: this.onSelectedQuantityChange.bind(this) })))));
+        return (h(StyledHost, { key: '42f9aec08c7bdb7ed3cfb6e206b032ceb8148827' }, h("div", { key: '54ebadbfc98a501e59880c5e7f96a288cb559a34', part: text }, this.renderLoading(), this.renderError(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { e as makeGetIdentity, f as makePatchIdentity, g as makePostIdentity } from './payment-provisioning-actions-beadac34.js';
-import { I as IdentityService } from './business.service-f7c3b9f7.js';
+import { I as IdentityService } from './business.service-13890e74.js';
 import { F as FormController } from './index.esm-0b6849c2.js';
 import { O as Owner } from './Business-0855931c.js';
 import { i as identitySchema } from './business-identity-schema-0a78fc59.js';
-import { B as Button } from './button-b3d07089.js';
-import { X as heading3 } from './parts-18c966b1.js';
+import { B as Button } from './button-1e756c34.js';
+import { $ as heading3 } from './parts-ad835bef.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
 import './ComponentError-c61dce41.js';
 import './utils-fd99b806.js';
-import './Api-391d00e2.js';
+import './Api-52242eb0.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 import './schema-validations-b1aec6a0.js';

package/dist/esm/justifi-payment-details.entry.js

@@ -1,20 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { P as PaymentService } from './payment.service-81752187.js';
+import { P as PaymentService } from './payment.service-2967c84b.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import { P as Payment } from './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-0248b5ab.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-e7df4815.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import './Api-391d00e2.js';
+import { E as ErrorState } from './utils-96c6292c.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
+import './Api-52242eb0.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './parts-18c966b1.js';
-import './package-b9d805ae.js';
+import './parts-ad835bef.js';
+import './package-25d5d805.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payment-provisioning-core.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
 import { a as checkProvisioningStatus } from './helpers-96ea3464.js';
-import { t as text } from './parts-18c966b1.js';
+import { t as text } from './parts-ad835bef.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { H as Header1 } from './header-1-649109a3.js';
+import { H as Header1 } from './header-1-adb520cc.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import './state-options-a356fb11.js';
 
@@ -82,7 +82,7 @@ const PaymentProvisioningCore = class {
     }
     componentWillLoad() {
         this.getBusiness && this.setBusinessProvisioned();
-        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.documentUploadRef, this.termsRef];
+        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.termsRef];
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -100,7 +100,7 @@ const PaymentProvisioningCore = class {
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '03dc39eadbac2f9a9a4326bab1355bfc300c392e' }, h("div", { key: '86e6e57fc104c87696c5825119a15c0a642c4bd2', class: 'row gap-3' }, h(Header1, { key: 'd4df3ead1037464624fb8cc465427c6b90bd0e36', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '7f3d977b8dfbb29c03125c173e9d41558de08322', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '283568d94267850b0eb41fa6a52dbc6b0abf4642', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '6abf09f174e71767087b57180e976546c057499f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'b38ed082d216556c6ae93bde3ec1324e69f8fcee', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: '498b6e0a593808dd761b9cefdb7e94124d445348' }, h("div", { key: 'd746caba6329ac82e75978bd19fbc09c8a43d60f', class: 'row gap-3' }, h(Header1, { key: '439425337ed7767ce4fc8c94e31f6997aa1b62d8', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'fd95a40c0a72c94cbb146cbc866d6b057cbfc5c0', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '350fc615685f872cb6ba5537dc2de5d2a205e5cc', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '3f9a36bc1d58efdfe81b4d7022647b0c1fbc1911', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'e1c061aa840b3b8ac1bad472d763fcd54c902681', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 };
 

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,11 +1,10 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-0557a5c4.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-beadac34.js';
-import { B as BusinessService } from './business.service-f7c3b9f7.js';
-import { A as Api } from './Api-391d00e2.js';
-import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
-import './package-b9d805ae.js';
+import { B as BusinessService } from './business.service-13890e74.js';
+import { A as Api } from './Api-52242eb0.js';
+import './package-25d5d805.js';
 import './utils-fd99b806.js';
 
 class ProvisionService {