@justifi/webcomponents 4.19.1 → 4.19.2

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

@@ -3,7 +3,6 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { b as BusinessFormClickActions } from './business-form-types.js';
 import { i as identitySchema } from './business-identity-schema.js';
-import { b as parseIdentityInfo } from './payload-parsers.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$8 } from './form-control-date2.js';
 import { d as defineCustomElement$7 } from './form-control-error-text2.js';
@@ -144,12 +143,12 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         }
     }
     get payload() {
-        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        let formValues = new Owner(this.formController.values.getValue()).payload;
         if (this.ownerId) {
-            return JSON.stringify(formValues);
+            return formValues;
         }
         else {
-            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+            return Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
         }
     }
     get formTitle() {
@@ -180,7 +179,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+        return (h("form", { key: '27f0d989f017bd03b84cf8c994fa96f9a65aad08', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2c793f1f8777181e5db0a4cae5b9994d9188685e' }, h("legend", { key: 'a8951fcd990c8136cf6672424869f5c96def3cef', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'faaf0cc27c448452a5172ad7fcfcf510ec586d2b' }), h("div", { key: '486638ad24414a05f84ada3f37a89d0cc12e7ffb', class: "row gy-3" }, h("owner-form-inputs", { key: 'bdfe7cb3305f31d93321319ef14eee3e5b331381', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '9e5c63e0637e0bffe5ab77a1f73c203704115479', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '85de4b69c697ebf96778f538b1535bd1fb2c43e7', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dd026432f19f84ae2142101191e511ebd62c2b3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '2570611bbe663e2e128f03806ecb036ce750c80b' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.19.1";
+const version = "4.19.2";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { M as MapPaymentStatusToBadge, a as formatCurrency, g as formatDate, k as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { M as MapPaymentStatusToBadge, a as formatCurrency, e as formatDate, j as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { L as LoadingState, E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';

package/dist/module/payments-list-core2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { g as formatDate, k as formatTime, a as formatCurrency, M as MapPaymentStatusToBadge } from './utils2.js';
+import { e as formatDate, j as formatTime, a as formatCurrency, M as MapPaymentStatusToBadge } from './utils2.js';
 import { t as tableExportedParts, T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './exported-parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { m as MapPayoutStatusToBadge, a as formatCurrency, g as formatDate, k as formatTime } from './utils2.js';
+import { k as MapPayoutStatusToBadge, a as formatCurrency, e as formatDate, j as formatTime } from './utils2.js';
 import { L as LoadingState, E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';

package/dist/module/payouts-list-core2.js

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import { a as PayoutStatuses, b as PayoutStatusesSafeNames } from './Payout.js';
-import { g as formatDate, k as formatTime, a as formatCurrency } from './utils2.js';
+import { e as formatDate, j as formatTime, a as formatCurrency } from './utils2.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { t as tableExportedParts, T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './exported-parts.js';
 import { S as StyledHost } from './styled-host.js';

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { c as config } from './config.js';
-import { j as snakeToCamel } from './utils2.js';
+import { h as snakeToCamel } from './utils2.js';
 
 class PaymentMethodOption {
     constructor(paymentMethod) {

package/dist/module/utils2.js

@@ -3971,21 +3971,6 @@ function snakeToCamel(str) {
         return '';
     return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 }
-function flattenNestedObject(obj) {
-    const result = {};
-    for (const key in obj) {
-        if (typeof obj[key] === 'object' && obj[key] !== null) {
-            const nestedObj = flattenNestedObject(obj[key]);
-            for (const nestedKey in nestedObj) {
-                result[nestedKey] = nestedObj[nestedKey];
-            }
-        }
-        else {
-            result[key] = obj[key];
-        }
-    }
-    return result;
-}
 function composeQueryParams(values) {
     const queryParams = values.map((value) => {
         if (value === values[0]) {
@@ -4024,4 +4009,4 @@ const isInRange = (num, min, max) => {
     return num >= min && num <= max;
 };
 
-export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, flattenNestedObject as d, isInRange as e, formatMediumDate as f, formatDate as g, formatTimeSeconds as h, isEmptyObject as i, snakeToCamel as j, formatTime as k, loadFontsOnParent as l, MapPayoutStatusToBadge as m, snakeCaseToHumanReadable as s };
+export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, isInRange as d, formatDate as e, formatMediumDate as f, formatTimeSeconds as g, snakeToCamel as h, isEmptyObject as i, formatTime as j, MapPayoutStatusToBadge as k, loadFontsOnParent as l, snakeCaseToHumanReadable as s };

package/dist/types/api/Business.d.ts

@@ -34,6 +34,15 @@ export declare class Address implements IAddress {
     created_at?: string;
     updated_at?: string;
     constructor(address: IAddress);
+    get payload(): {
+        platform_account_id: string;
+        line1: string;
+        line2: string;
+        postal_code: string;
+        city: string;
+        state: string;
+        country: string;
+    };
 }
 export interface ProductCategories {
     credit: boolean;
@@ -49,6 +58,7 @@ export interface IAdditionalQuestions {
     business_recurring_payments_percentage?: string;
     business_seasonal?: string;
     business_other_payment_details?: string;
+    payload?: any;
 }
 export declare class AdditionalQuestions implements IAdditionalQuestions {
     business_revenue?: string;
@@ -59,6 +69,15 @@ export declare class AdditionalQuestions implements IAdditionalQuestions {
     business_seasonal?: string;
     business_other_payment_details?: string;
     constructor(additionalQuestions: IAdditionalQuestions);
+    get payload(): {
+        business_revenue: string;
+        business_payment_volume: string;
+        business_when_service_received: string;
+        business_recurring_payments: string;
+        business_recurring_payments_percentage: string;
+        business_seasonal: string;
+        business_other_payment_details: string;
+    };
 }
 export interface ICoreBusinessInfo {
     classification?: BusinessClassification;
@@ -82,6 +101,17 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     phone: string;
     date_of_incorporation: string;
     constructor(coreBusinessInfo: ICoreBusinessInfo);
+    get payload(): {
+        classification: string;
+        legal_name: string;
+        doing_business_as: string;
+        industry: string;
+        tax_id: string;
+        website_url: string;
+        email: string;
+        phone: string;
+        date_of_incorporation: string;
+    };
 }
 export interface IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -109,7 +139,7 @@ export interface IBusiness {
     date_of_incorporation?: string;
 }
 export declare class Business implements IBusiness {
-    additional_questions: AdditionalQuestions;
+    additional_questions: IAdditionalQuestions;
     associated_accounts: any[];
     classification: BusinessClassification;
     bank_accounts: IBankAccount[];
@@ -133,6 +163,62 @@ export declare class Business implements IBusiness {
     date_of_incorporation?: string;
     product_categories: ProductCategories;
     constructor(business: IBusiness);
+    get payload(): {
+        additional_questions: {
+            business_revenue: string;
+            business_payment_volume: string;
+            business_when_service_received: string;
+            business_recurring_payments: string;
+            business_recurring_payments_percentage: string;
+            business_seasonal: string;
+            business_other_payment_details: string;
+        };
+        classification: string;
+        doing_business_as: string;
+        email: string;
+        industry: string;
+        legal_address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        legal_name: string;
+        metadata: any;
+        owners: {
+            id: string;
+        }[];
+        phone: string;
+        platform_account_id: string;
+        representative: {
+            address: {
+                platform_account_id: string;
+                line1: string;
+                line2: string;
+                postal_code: string;
+                city: string;
+                state: string;
+                country: string;
+            };
+            dob_day: string;
+            dob_month: string;
+            dob_year: string;
+            email: string;
+            is_owner: boolean;
+            identification_number: string;
+            metadata: any;
+            name: string;
+            phone: string;
+            platform_account_id: string;
+            title: string;
+        };
+        tax_id: string;
+        website_url: string;
+        date_of_incorporation: string;
+    };
 }
 export interface IProductReadiness {
     business_id: string;

package/dist/types/api/Identity.d.ts

@@ -1,4 +1,4 @@
-import { Address, IAddress } from "./Business";
+import { Address, IAddress } from './Business';
 export interface Identity {
     address?: IAddress;
     created_at?: string;
@@ -40,6 +40,28 @@ export declare class Owner implements Identity {
     title?: string;
     updated_at?: string;
     constructor(owner: Identity);
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
 }
 export declare class Representative implements Identity {
     address?: Address;
@@ -62,4 +84,26 @@ export declare class Representative implements Identity {
     title?: string;
     updated_at?: string;
     constructor(representative: Identity);
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        is_owner: boolean;
+        identification_number: string;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
 }

package/dist/types/components/business-forms/owner-form/owner-form-core.d.ts

@@ -28,7 +28,50 @@ export declare class BusinessOwnerFormCore {
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
     validateAndSubmit(event: any): Promise<void>;
-    get payload(): string;
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    } | {
+        business_id: string;
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
     get formTitle(): "Edit Business Owner" | "Add Business Owner";
     get submitButtonText(): "Update" | "Add";
     get showRemoveButton(): boolean;

package/dist/types/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.d.ts

@@ -16,7 +16,17 @@ export declare class AdditionalQuestionsFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        additional_questions: {
+            business_revenue: string;
+            business_payment_volume: string;
+            business_when_service_received: string;
+            business_recurring_payments: string;
+            business_recurring_payments_percentage: string;
+            business_seasonal: string;
+            business_other_payment_details: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.d.ts

@@ -17,7 +17,17 @@ export declare class BusinessCoreInfoFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        classification: string;
+        legal_name: string;
+        doing_business_as: string;
+        industry: string;
+        tax_id: string;
+        website_url: string;
+        email: string;
+        phone: string;
+        date_of_incorporation: string;
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.d.ts

@@ -16,7 +16,30 @@ export declare class BusinessRepresentativeFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        representative: {
+            address: {
+                platform_account_id: string;
+                line1: string;
+                line2: string;
+                postal_code: string;
+                city: string;
+                state: string;
+                country: string;
+            };
+            dob_day: string;
+            dob_month: string;
+            dob_year: string;
+            email: string;
+            is_owner: boolean;
+            identification_number: string;
+            metadata: any;
+            name: string;
+            phone: string;
+            platform_account_id: string;
+            title: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.d.ts

@@ -16,7 +16,17 @@ export declare class LegalAddressFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        legal_address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/webcomponents/{p-d765d638.js → p-0052db77.js}

@@ -1 +1 @@
-const e={name:"@justifi/webcomponents",version:"4.19.1",description:"JustiFi Web Components",collection:"dist/collection/collection-manifest.json",main:"dist/index.cjs.js",module:"dist/module/index.js",types:"dist/module/index.d.ts",repository:{type:"git",url:"git+https://github.com/justifi-tech/web-component-library.git"},homepage:"https://storybook.justifi.ai/?path=/docs/introduction--docs",publishConfig:{registry:"https://registry.npmjs.org"},files:["dist/"],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:e2e":"stencil test --e2e","test:file":"stencil test --spec --watch --"},dependencies:{"@stencil/core":"^4.0.5","@stencil/store":"^2.0.8",bootstrap:"^5.2.3","chart.js":"^4.4.1","date-fns":"^2.29.3","dinero.js":"^1.9.1","iframe-resizer":"^4.3.7",imask:"^7.6.0",rxjs:"^7.8.1","ts-dedent":"^2.2.0",uuid:"^9.0.0",yup:"^1.0.0"},devDependencies:{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@stencil/sass":"^3.0.1","@types/jest":"27.0.3","@types/node":"^20.1.4","@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",puppeteer:"^21.0.0","ts-jest":"^29.1.2"},license:"MIT",gitHead:"507bac1d941eae6e1f56e185ecd9bc9d22637783"};export{e as p}
+const e={name:"@justifi/webcomponents",version:"4.19.2",description:"JustiFi Web Components",collection:"dist/collection/collection-manifest.json",main:"dist/index.cjs.js",module:"dist/module/index.js",types:"dist/module/index.d.ts",repository:{type:"git",url:"git+https://github.com/justifi-tech/web-component-library.git"},homepage:"https://storybook.justifi.ai/?path=/docs/introduction--docs",publishConfig:{registry:"https://registry.npmjs.org"},files:["dist/"],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:e2e":"stencil test --e2e","test:file":"stencil test --spec --watch --"},dependencies:{"@stencil/core":"^4.0.5","@stencil/store":"^2.0.8",bootstrap:"^5.2.3","chart.js":"^4.4.1","date-fns":"^2.29.3","dinero.js":"^1.9.1","iframe-resizer":"^4.3.7",imask:"^7.6.0",rxjs:"^7.8.1","ts-dedent":"^2.2.0",uuid:"^9.0.0",yup:"^1.0.0"},devDependencies:{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@stencil/sass":"^3.0.1","@types/jest":"27.0.3","@types/node":"^20.1.4","@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",puppeteer:"^21.0.0","ts-jest":"^29.1.2"},license:"MIT",gitHead:"507bac1d941eae6e1f56e185ecd9bc9d22637783"};export{e as p}

package/dist/webcomponents/{p-60a370fc.entry.js → p-039183f1.entry.js}

@@ -1 +1 @@
-import{r as o,c as r,h as t}from"./p-fad19d75.js";import{f as i}from"./p-83125497.js";import{c as a}from"./p-ae263544.js";import{C as s}from"./p-14c91ffd.js";import{i as e,v as d,a as c}from"./p-2338affa.js";import{B as l}from"./p-9c9c7dac.js";import{S as n}from"./p-ba4bae6f.js";import{S as f}from"./p-08b0fb31.js";class b{constructor(o){Object.assign(this,o)}}const h=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.errorEvent=r(this,"error-event",7),this.loaded=r(this,"loaded",7),this.completeCheckout=async o=>{this.complete({payment:o,onSuccess:this.onSubmitted,onError:this.onError})},this.onSubmitted=o=>{this.submitted.emit(o),this.renderState="success"},this.onError=({error:o,code:r,severity:t})=>{this.serverError=o,this.errorEvent.emit({errorCode:r,message:o,severity:t}),this.renderState="error"},this.iframeOrigin=a.iframeOrigin,this.authToken=void 0,this.getCheckout=void 0,this.complete=void 0,this.checkoutId=void 0,this.disableCreditCard=void 0,this.disableBankAccount=void 0,this.disableBnpl=void 0,this.disablePaymentMethodGroup=void 0,this.hasLoadedFonts=!1,this.checkout=void 0,this.serverError=void 0,this.renderState="loading",this.creatingNewPaymentMethod=!1,this.insuranceToggled=!1}async fillBillingForm(o){this.paymentMethodOptionsRef.fillBillingForm(o)}componentWillLoad(){this.getCheckout&&(this.fetchData(),e("set",(o=>{const r=c[o];void 0!==r&&(this.insuranceToggled=r,this.fetchData())})))}fetchData(){this.renderState="loading",this.getCheckout({onSuccess:({checkout:o})=>{this.checkout=new b(o);const{status:r}=this.checkout;this.loaded.emit({checkout_status:r}),this.renderState="success"},onError:({error:o,code:r,severity:t})=>{this.serverError=o,this.renderState="error",this.errorEvent.emit({errorCode:r,message:o,severity:t})}})}async submit(o){var r;o.preventDefault(),this.renderState="loading";const t=d(),i=await this.paymentMethodOptionsRef.resolvePaymentMethod(t);i.validationError?this.renderState="error":i.error?(this.renderState="error",this.serverError=i.error.message,this.onError({code:i.error.code,error:i.error.message,severity:s.ERROR})):i.token?this.completeCheckout({payment_mode:"ecom",payment_token:i.token}):"success"===(null===(r=i.bnpl)||void 0===r?void 0:r.status)?this.completeCheckout({payment_mode:"bnpl"}):this.renderState="error"}get isLoading(){return"loading"===this.renderState}get isError(){return"error"===this.renderState}get paymentType(){var o,r,i,a,s;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(f,{variant:"rounded",height:"300px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("justifi-payment-method-options",{ref:o=>this.paymentMethodOptionsRef=o,"show-card":!this.disableCreditCard,"show-ach":!this.disableBankAccount,"show-bnpl":!this.disableBnpl,paymentMethodGroupId:null===(o=this.checkout)||void 0===o?void 0:o.payment_method_group_id,"show-saved-payment-methods":!this.disablePaymentMethodGroup,bnpl:null===(r=this.checkout)||void 0===r?void 0:r.bnpl,authToken:this.authToken,"account-id":null===(i=this.checkout)||void 0===i?void 0:i.account_id,savedPaymentMethods:(null===(a=this.checkout)||void 0===a?void 0:a.payment_methods)||[],paymentAmount:null===(s=this.checkout)||void 0===s?void 0:s.payment_amount,insuranceToggled:this.insuranceToggled})))}get summary(){var o,r;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(f,{height:"24px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("div",{class:"jfi-payment-description"},null===(o=this.checkout)||void 0===o?void 0:o.payment_description),t("div",{class:"jfi-payment-total"},t("span",{class:"jfi-payment-total-label"},"Total")," ",t("span",{class:"jfi-payment-total-amount"},i(+(null===(r=this.checkout)||void 0===r?void 0:r.total_amount))))))}render(){return t(n,{key:"e322f280a57bb0baab61174bca21f0a7e9afa3c1"},t("div",{key:"4ad8cc4f6243de8ddc03fb184ac4e960a04280eb",class:"row gy-3 jfi-checkout-core"},t("div",{key:"7f13e26b36790558c8eb455f4d5ab3d0952b4e62",class:"col-12"},t("h2",{key:"c5e4b6fc30f51821537915f3ce5d4830ed3f8da9",class:"fs-5 fw-bold pb-3 jfi-header"},"Summary"),this.summary),t("div",{key:"164b7a2cc51d871ad4a92044d0f7240e376bd4b3",class:"col-12"},t("slot",{key:"a98b7c6a0bb9e4d1b102e832ee7aa43218432298",name:"insurance"})),t("div",{key:"415d3aac64b4190f54d785695c50a92ce02a76c2",class:"col-12 mt-4"},t("h2",{key:"6d7f0df1165ec359877459a8bada855ef353c3b3",class:"fs-5 fw-bold pb-3 jfi-header"},"Payment"),t("h3",{key:"be8495d792cf065d2cbc7d3b46648c887951e313",class:"fs-6 fw-bold lh-lg"},"Select payment type"),t("div",{key:"5c9d8baffb50b0b10e9911463f307581cad7619c",class:"d-flex flex-column"},this.paymentType)),t("div",{key:"9351832b69a8e5285cae35534299b51193248719",class:"col-12"},t("div",{key:"5b0e382836c858369caf93a287272922024ce72b",class:"d-flex justify-content-end"},t(l,{key:"f76d37000f7b026e97f083e7cf817bed8f84f34f",type:"submit",variant:"primary",onClick:o=>this.submit(o),disabled:this.isLoading,isLoading:this.isLoading,style:{width:"100%"}},"Pay")))))}};h.style=":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}.jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";export{h as justifi_checkout_core}
+import{r as o,c as r,h as t}from"./p-fad19d75.js";import{f as i}from"./p-5e2c9ec8.js";import{c as a}from"./p-ae263544.js";import{C as s}from"./p-14c91ffd.js";import{i as e,v as c,a as d}from"./p-2338affa.js";import{B as l}from"./p-9c9c7dac.js";import{S as n}from"./p-ba4bae6f.js";import{S as f}from"./p-08b0fb31.js";class b{constructor(o){Object.assign(this,o)}}const h=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.errorEvent=r(this,"error-event",7),this.loaded=r(this,"loaded",7),this.completeCheckout=async o=>{this.complete({payment:o,onSuccess:this.onSubmitted,onError:this.onError})},this.onSubmitted=o=>{this.submitted.emit(o),this.renderState="success"},this.onError=({error:o,code:r,severity:t})=>{this.serverError=o,this.errorEvent.emit({errorCode:r,message:o,severity:t}),this.renderState="error"},this.iframeOrigin=a.iframeOrigin,this.authToken=void 0,this.getCheckout=void 0,this.complete=void 0,this.checkoutId=void 0,this.disableCreditCard=void 0,this.disableBankAccount=void 0,this.disableBnpl=void 0,this.disablePaymentMethodGroup=void 0,this.hasLoadedFonts=!1,this.checkout=void 0,this.serverError=void 0,this.renderState="loading",this.creatingNewPaymentMethod=!1,this.insuranceToggled=!1}async fillBillingForm(o){this.paymentMethodOptionsRef.fillBillingForm(o)}componentWillLoad(){this.getCheckout&&(this.fetchData(),e("set",(o=>{const r=d[o];void 0!==r&&(this.insuranceToggled=r,this.fetchData())})))}fetchData(){this.renderState="loading",this.getCheckout({onSuccess:({checkout:o})=>{this.checkout=new b(o);const{status:r}=this.checkout;this.loaded.emit({checkout_status:r}),this.renderState="success"},onError:({error:o,code:r,severity:t})=>{this.serverError=o,this.renderState="error",this.errorEvent.emit({errorCode:r,message:o,severity:t})}})}async submit(o){var r;o.preventDefault(),this.renderState="loading";const t=c(),i=await this.paymentMethodOptionsRef.resolvePaymentMethod(t);i.validationError?this.renderState="error":i.error?(this.renderState="error",this.serverError=i.error.message,this.onError({code:i.error.code,error:i.error.message,severity:s.ERROR})):i.token?this.completeCheckout({payment_mode:"ecom",payment_token:i.token}):"success"===(null===(r=i.bnpl)||void 0===r?void 0:r.status)?this.completeCheckout({payment_mode:"bnpl"}):this.renderState="error"}get isLoading(){return"loading"===this.renderState}get isError(){return"error"===this.renderState}get paymentType(){var o,r,i,a,s;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(f,{variant:"rounded",height:"300px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("justifi-payment-method-options",{ref:o=>this.paymentMethodOptionsRef=o,"show-card":!this.disableCreditCard,"show-ach":!this.disableBankAccount,"show-bnpl":!this.disableBnpl,paymentMethodGroupId:null===(o=this.checkout)||void 0===o?void 0:o.payment_method_group_id,"show-saved-payment-methods":!this.disablePaymentMethodGroup,bnpl:null===(r=this.checkout)||void 0===r?void 0:r.bnpl,authToken:this.authToken,"account-id":null===(i=this.checkout)||void 0===i?void 0:i.account_id,savedPaymentMethods:(null===(a=this.checkout)||void 0===a?void 0:a.payment_methods)||[],paymentAmount:null===(s=this.checkout)||void 0===s?void 0:s.payment_amount,insuranceToggled:this.insuranceToggled})))}get summary(){var o,r;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(f,{height:"24px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("div",{class:"jfi-payment-description"},null===(o=this.checkout)||void 0===o?void 0:o.payment_description),t("div",{class:"jfi-payment-total"},t("span",{class:"jfi-payment-total-label"},"Total")," ",t("span",{class:"jfi-payment-total-amount"},i(+(null===(r=this.checkout)||void 0===r?void 0:r.total_amount))))))}render(){return t(n,{key:"e322f280a57bb0baab61174bca21f0a7e9afa3c1"},t("div",{key:"4ad8cc4f6243de8ddc03fb184ac4e960a04280eb",class:"row gy-3 jfi-checkout-core"},t("div",{key:"7f13e26b36790558c8eb455f4d5ab3d0952b4e62",class:"col-12"},t("h2",{key:"c5e4b6fc30f51821537915f3ce5d4830ed3f8da9",class:"fs-5 fw-bold pb-3 jfi-header"},"Summary"),this.summary),t("div",{key:"164b7a2cc51d871ad4a92044d0f7240e376bd4b3",class:"col-12"},t("slot",{key:"a98b7c6a0bb9e4d1b102e832ee7aa43218432298",name:"insurance"})),t("div",{key:"415d3aac64b4190f54d785695c50a92ce02a76c2",class:"col-12 mt-4"},t("h2",{key:"6d7f0df1165ec359877459a8bada855ef353c3b3",class:"fs-5 fw-bold pb-3 jfi-header"},"Payment"),t("h3",{key:"be8495d792cf065d2cbc7d3b46648c887951e313",class:"fs-6 fw-bold lh-lg"},"Select payment type"),t("div",{key:"5c9d8baffb50b0b10e9911463f307581cad7619c",class:"d-flex flex-column"},this.paymentType)),t("div",{key:"9351832b69a8e5285cae35534299b51193248719",class:"col-12"},t("div",{key:"5b0e382836c858369caf93a287272922024ce72b",class:"d-flex justify-content-end"},t(l,{key:"f76d37000f7b026e97f083e7cf817bed8f84f34f",type:"submit",variant:"primary",onClick:o=>this.submit(o),disabled:this.isLoading,isLoading:this.isLoading,style:{width:"100%"}},"Pay")))))}};h.style=":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}.jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";export{h as justifi_checkout_core}

package/dist/webcomponents/{p-b16dfd5d.entry.js → p-08a39a65.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as o,F as s}from"./p-fad19d75.js";import{c as d}from"./p-ae263544.js";import{a}from"./p-df21aaad.js";import{g as h,f as n}from"./p-83125497.js";const r={bankAccount:"New bank account",card:"New credit or debit card"},c=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.iframeOrigin=d.iframeOrigin,this.authToken=void 0,this.accountId=void 0,this.paymentMethodOption=void 0,this.paymentMethodGroupId=void 0,this.isSelected=void 0,this.saveNewPaymentMethodChecked=!1}handleCheckboxChanged(t){this.saveNewPaymentMethodChecked=t.detail}async fillBillingForm(t){this.billingFormRef.fill(t)}async resolvePaymentMethod(t){var i,e;if(!this.paymentMethodFormRef||!this.billingFormRef)return;if(!await this.validate()||!t.isValid)return{validationError:!0};const o=await this.tokenize();if(o.error)return{error:o.error};{const t=o.data;return{token:(null===(i=t.card)||void 0===i?void 0:i.token)||(null===(e=t.bank_account)||void 0===e?void 0:e.token)}}}async validate(){const t=await this.billingFormRef.validate(),i=await this.paymentMethodFormRef.validate();return t.isValid&&i.isValid}async tokenize(){try{const t=await this.billingFormRef.getValues();let i;i=this.saveNewPaymentMethodChecked?Object.assign(Object.assign({},t),{payment_method_group_id:this.paymentMethodGroupId}):Object.assign({},t);const e=this.authToken;return await this.paymentMethodFormRef.tokenize(e,i,this.accountId)}catch(t){return t}}showNewPaymentMethodForm(){var t;return e("div",{class:"mt-2 pb-4 border-bottom"},e("div",{class:"mb-3"},e("justifi-payment-method-form",{ref:t=>this.paymentMethodFormRef=t,"payment-method-form-type":null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,"iframe-origin":this.iframeOrigin})),e("h3",{class:"fs-6 fw-bold lh-lg mb-4"},"Billing address"),e("justifi-billing-form",{ref:t=>this.billingFormRef=t}),e("justifi-save-new-payment-method",{hidden:!this.paymentMethodGroupId}))}render(){var t,i,o,s;return e("div",{key:"93c3e6d38d1e18be54006bf82cd6c8148df3518d",class:"payment-method"},e("div",{key:"6dbb687fbd3e33a6095be7c39ec0974bcc4809b8",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"6c5be962cf5d357211c6716b53d0d8dd3fcf0bb0",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"796868afd192703a81d94897872dd9c0504cbc1e",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},r[null===(s=this.paymentMethodOption)||void 0===s?void 0:s.id])),this.isSelected?this.showNewPaymentMethodForm():null)}};class l{constructor(t){this.id=t.id,this.brand=t.brand,this.acct_last_four=t.acct_last_four,this.type=h(t.type)}}var v;!function(t){t.american_express="American Express",t.diners_club="Diners Club",t.discover="Discover",t.jcb="JCB",t.mastercard="Mastercard",t.china_unionpay="UnionPay",t.visa="Visa",t.unknown="Unknown"}(v||(v={}));const u=class{constructor(e){t(this,e),this.toggleCreatingNewPaymentMethod=i(this,"toggleCreatingNewPaymentMethod",7),this.showCard=void 0,this.showAch=void 0,this.showBnpl=void 0,this.showSavedPaymentMethods=void 0,this.paymentMethodGroupId=void 0,this.bnpl=void 0,this.insuranceToggled=void 0,this.authToken=void 0,this.accountId=void 0,this.iframeOrigin=d.iframeOrigin,this.savedPaymentMethods=[],this.paymentAmount=void 0,this.selectedPaymentMethodId=void 0,this.paymentMethodOptions=[]}async fillBillingForm(t){const i=this.selectedPaymentMethodOptionRef;i.fillBillingForm&&i.fillBillingForm(t)}connectedCallback(){this.paymentMethodsChanged()}paymentMethodsChanged(){var t,i;this.paymentMethodOptions=this.savedPaymentMethods.map((t=>new l(t))).filter((t=>(this.showCard||t.type!==a.card)&&(this.showAch||t.type!==a.bankAccount))),this.showBnpl&&"sezzle"===(null===(t=this.bnpl)||void 0===t?void 0:t.provider)&&!this.insuranceToggled&&this.paymentMethodOptions.push(new l({id:a.sezzle})),this.showCard&&this.paymentMethodOptions.push(new l({id:a.card})),this.showAch&&this.paymentMethodOptions.push(new l({id:a.bankAccount})),this.selectedPaymentMethodId||(this.selectedPaymentMethodId=null===(i=this.paymentMethodOptions[0])||void 0===i?void 0:i.id)}paymentMethodOptionSelected(t){this.selectedPaymentMethodId=t.detail.id}async resolvePaymentMethod(t){var i;return await(null===(i=this.selectedPaymentMethodOptionRef)||void 0===i?void 0:i.resolvePaymentMethod(t))}render(){var t;return e(o,{key:"86e309b90ab00f530dd803b00e5aab511f92300f"},null===(t=this.paymentMethodOptions)||void 0===t?void 0:t.map((t=>{const i=this.selectedPaymentMethodId===t.id,o=t.id===a.sezzle;return t.id===a.card||t.id===a.bankAccount?e("justifi-new-payment-method",{paymentMethodOption:t,authToken:this.authToken,"account-id":this.accountId,"is-selected":i,paymentMethodGroupId:this.paymentMethodGroupId,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):o?e("justifi-sezzle-payment-method",{paymentMethodOption:t,"is-selected":i,paymentAmount:this.paymentAmount,bnpl:this.bnpl,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):this.showSavedPaymentMethods?e("justifi-saved-payment-method",{paymentMethodOption:t,"is-selected":i,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):void 0})))}static get watchers(){return{savedPaymentMethods:["paymentMethodsChanged"]}}};u.style=":host{display:block}.payment-method-header{cursor:pointer;color:var(--jfi-radio-button-group-color);background-color:var(--jfi-radio-button-group-background-color);border-bottom:var(--jfi-radio-button-group-divider)}.payment-method-header:hover{color:var(--jfi-radio-button-group-color-hover);background-color:var(--jfi-radio-button-group-background-color-hover)}.form-check-input,label{cursor:pointer}.form-check-input{background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color)}.form-check-input:checked,.form-check-input:checked:focus{background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.form-check-input:focus{border-color:var(--jfi-radio-button-border-color-focus);box-shadow:var(--jfi-radio-button-box-shadow-focus)}";const b=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.iframeOrigin=d.iframeOrigin,this.paymentMethodOption=void 0,this.isSelected=void 0}async resolvePaymentMethod(t){var i;return t.isValid?{token:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id}:{validationError:!0}}render(){var t,i,o,d,a;return e(s,{key:"9c2174123f1675d60bc48d8109821c0bc2ad7682"},e("div",{key:"07bffce2603110d44f38ffb2f57a60f07faddb3b",class:"payment-method"},e("div",{key:"f489d3a05db45c2b2581bc8f0fc093afed453d91",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"70681612520aa621c39a017b72b25a7dd3211282",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},v[null===(d=this.paymentMethodOption)||void 0===d?void 0:d.brand]," *",null===(a=this.paymentMethodOption)||void 0===a?void 0:a.acct_last_four))))}},m=e("img",{class:"sezzle-smart-button-logo-img",src:"https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg",alt:"Sezzle",style:{display:"inline",width:"80px",marginLeft:"5px",marginTop:"-5px"}}),f=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.initializeSezzleCheckout=()=>{let t;this.sezzlePromise=new Promise((i=>{t=i}));const i=this.bnpl,e=+this.paymentAmount,o=new(0,window.Checkout)({mode:"popup",publicKey:i.provider_client_id,apiMode:i.provider_mode,apiVersion:i.provider_api_version});o.sezzleButtonElement=this.sezzleButtonRef,o.init({onClick:function(t){t.preventDefault(),o.startCheckout({checkout_url:i.provider_checkout_url})},onComplete:i=>t({bnpl:i.data}),onCancel:i=>t({bnpl:i.data}),onFailure:i=>t({bnpl:i.data})}),this.sezzleCheckout=o,this.installmentPlan=this.sezzleCheckout.getInstallmentPlan(e)},this.iframeOrigin=d.iframeOrigin,this.bnpl=void 0,this.clientId=void 0,this.accountId=void 0,this.paymentMethodOption=void 0,this.isSelected=void 0,this.paymentAmount=void 0,this.installmentPlan=void 0,this.sezzleCheckout=void 0,this.sezzlePromise=void 0}componentDidRender(){this.scriptRef.onload=()=>{this.sezzleButtonRef=document.createElement("button"),this.initializeSezzleCheckout()}}async resolvePaymentMethod(t){return t.isValid?(this.sezzleButtonRef.click(),this.sezzlePromise):{validationError:!0}}render(){var t,i,o,s,d;return e("div",{key:"4deca512311cd98d358c7099141b15538857a4e5",class:"payment-method"},e("script",{key:"94b232291153bba85efebb101e7e6e816857da96",src:"https://checkout-sdk.sezzle.com/checkout.min.js",async:!0,ref:t=>this.scriptRef=t}),e("div",{key:"7cd9052ae6613fe7f187f3a51b7d6ac7087fdeb1",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"1e15e6c2ddced23b049e2559da27532f9be94fb5",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"0a3637002ef373c05424d6769b070d9db0e66ce8",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},e("div",{key:"6398e2f00088edf8a1a3699e149760744dda4cb1"},"Buy now, pay later with ",m),this.installmentPlan&&e("small",{key:"bfd33da875aa5e9f5b649ac8fc7aa5758393b6e8"},e("span",{key:"c07fd5d32fe897a45a67140e2cb81b1f4d537c4a"},null===(s=this.installmentPlan)||void 0===s?void 0:s.installments.length)," ",e("span",{key:"2b11e4aa6389a4b98cd003c031aed8f01ec8a4df"},this.installmentPlan.schedule," payments of")," ",e("span",{key:"90cf3bfa1f0d36c8d4719f164d436407d7fc692b",class:"fw-bold"},n(null===(d=this.installmentPlan)||void 0===d?void 0:d.installments[0].amountInCents))))))}};export{c as justifi_new_payment_method,u as justifi_payment_method_options,b as justifi_saved_payment_method,f as justifi_sezzle_payment_method}
+import{r as t,c as i,h as e,H as o,F as s}from"./p-fad19d75.js";import{c as d}from"./p-ae263544.js";import{a}from"./p-df21aaad.js";import{g as h,f as n}from"./p-5e2c9ec8.js";const r={bankAccount:"New bank account",card:"New credit or debit card"},c=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.iframeOrigin=d.iframeOrigin,this.authToken=void 0,this.accountId=void 0,this.paymentMethodOption=void 0,this.paymentMethodGroupId=void 0,this.isSelected=void 0,this.saveNewPaymentMethodChecked=!1}handleCheckboxChanged(t){this.saveNewPaymentMethodChecked=t.detail}async fillBillingForm(t){this.billingFormRef.fill(t)}async resolvePaymentMethod(t){var i,e;if(!this.paymentMethodFormRef||!this.billingFormRef)return;if(!await this.validate()||!t.isValid)return{validationError:!0};const o=await this.tokenize();if(o.error)return{error:o.error};{const t=o.data;return{token:(null===(i=t.card)||void 0===i?void 0:i.token)||(null===(e=t.bank_account)||void 0===e?void 0:e.token)}}}async validate(){const t=await this.billingFormRef.validate(),i=await this.paymentMethodFormRef.validate();return t.isValid&&i.isValid}async tokenize(){try{const t=await this.billingFormRef.getValues();let i;i=this.saveNewPaymentMethodChecked?Object.assign(Object.assign({},t),{payment_method_group_id:this.paymentMethodGroupId}):Object.assign({},t);const e=this.authToken;return await this.paymentMethodFormRef.tokenize(e,i,this.accountId)}catch(t){return t}}showNewPaymentMethodForm(){var t;return e("div",{class:"mt-2 pb-4 border-bottom"},e("div",{class:"mb-3"},e("justifi-payment-method-form",{ref:t=>this.paymentMethodFormRef=t,"payment-method-form-type":null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,"iframe-origin":this.iframeOrigin})),e("h3",{class:"fs-6 fw-bold lh-lg mb-4"},"Billing address"),e("justifi-billing-form",{ref:t=>this.billingFormRef=t}),e("justifi-save-new-payment-method",{hidden:!this.paymentMethodGroupId}))}render(){var t,i,o,s;return e("div",{key:"93c3e6d38d1e18be54006bf82cd6c8148df3518d",class:"payment-method"},e("div",{key:"6dbb687fbd3e33a6095be7c39ec0974bcc4809b8",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"6c5be962cf5d357211c6716b53d0d8dd3fcf0bb0",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"796868afd192703a81d94897872dd9c0504cbc1e",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},r[null===(s=this.paymentMethodOption)||void 0===s?void 0:s.id])),this.isSelected?this.showNewPaymentMethodForm():null)}};class l{constructor(t){this.id=t.id,this.brand=t.brand,this.acct_last_four=t.acct_last_four,this.type=h(t.type)}}var v;!function(t){t.american_express="American Express",t.diners_club="Diners Club",t.discover="Discover",t.jcb="JCB",t.mastercard="Mastercard",t.china_unionpay="UnionPay",t.visa="Visa",t.unknown="Unknown"}(v||(v={}));const u=class{constructor(e){t(this,e),this.toggleCreatingNewPaymentMethod=i(this,"toggleCreatingNewPaymentMethod",7),this.showCard=void 0,this.showAch=void 0,this.showBnpl=void 0,this.showSavedPaymentMethods=void 0,this.paymentMethodGroupId=void 0,this.bnpl=void 0,this.insuranceToggled=void 0,this.authToken=void 0,this.accountId=void 0,this.iframeOrigin=d.iframeOrigin,this.savedPaymentMethods=[],this.paymentAmount=void 0,this.selectedPaymentMethodId=void 0,this.paymentMethodOptions=[]}async fillBillingForm(t){const i=this.selectedPaymentMethodOptionRef;i.fillBillingForm&&i.fillBillingForm(t)}connectedCallback(){this.paymentMethodsChanged()}paymentMethodsChanged(){var t,i;this.paymentMethodOptions=this.savedPaymentMethods.map((t=>new l(t))).filter((t=>(this.showCard||t.type!==a.card)&&(this.showAch||t.type!==a.bankAccount))),this.showBnpl&&"sezzle"===(null===(t=this.bnpl)||void 0===t?void 0:t.provider)&&!this.insuranceToggled&&this.paymentMethodOptions.push(new l({id:a.sezzle})),this.showCard&&this.paymentMethodOptions.push(new l({id:a.card})),this.showAch&&this.paymentMethodOptions.push(new l({id:a.bankAccount})),this.selectedPaymentMethodId||(this.selectedPaymentMethodId=null===(i=this.paymentMethodOptions[0])||void 0===i?void 0:i.id)}paymentMethodOptionSelected(t){this.selectedPaymentMethodId=t.detail.id}async resolvePaymentMethod(t){var i;return await(null===(i=this.selectedPaymentMethodOptionRef)||void 0===i?void 0:i.resolvePaymentMethod(t))}render(){var t;return e(o,{key:"86e309b90ab00f530dd803b00e5aab511f92300f"},null===(t=this.paymentMethodOptions)||void 0===t?void 0:t.map((t=>{const i=this.selectedPaymentMethodId===t.id,o=t.id===a.sezzle;return t.id===a.card||t.id===a.bankAccount?e("justifi-new-payment-method",{paymentMethodOption:t,authToken:this.authToken,"account-id":this.accountId,"is-selected":i,paymentMethodGroupId:this.paymentMethodGroupId,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):o?e("justifi-sezzle-payment-method",{paymentMethodOption:t,"is-selected":i,paymentAmount:this.paymentAmount,bnpl:this.bnpl,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):this.showSavedPaymentMethods?e("justifi-saved-payment-method",{paymentMethodOption:t,"is-selected":i,ref:t=>{i&&(this.selectedPaymentMethodOptionRef=t)}}):void 0})))}static get watchers(){return{savedPaymentMethods:["paymentMethodsChanged"]}}};u.style=":host{display:block}.payment-method-header{cursor:pointer;color:var(--jfi-radio-button-group-color);background-color:var(--jfi-radio-button-group-background-color);border-bottom:var(--jfi-radio-button-group-divider)}.payment-method-header:hover{color:var(--jfi-radio-button-group-color-hover);background-color:var(--jfi-radio-button-group-background-color-hover)}.form-check-input,label{cursor:pointer}.form-check-input{background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color)}.form-check-input:checked,.form-check-input:checked:focus{background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.form-check-input:focus{border-color:var(--jfi-radio-button-border-color-focus);box-shadow:var(--jfi-radio-button-box-shadow-focus)}";const b=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.iframeOrigin=d.iframeOrigin,this.paymentMethodOption=void 0,this.isSelected=void 0}async resolvePaymentMethod(t){var i;return t.isValid?{token:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id}:{validationError:!0}}render(){var t,i,o,d,a;return e(s,{key:"9c2174123f1675d60bc48d8109821c0bc2ad7682"},e("div",{key:"07bffce2603110d44f38ffb2f57a60f07faddb3b",class:"payment-method"},e("div",{key:"f489d3a05db45c2b2581bc8f0fc093afed453d91",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"70681612520aa621c39a017b72b25a7dd3211282",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},v[null===(d=this.paymentMethodOption)||void 0===d?void 0:d.brand]," *",null===(a=this.paymentMethodOption)||void 0===a?void 0:a.acct_last_four))))}},m=e("img",{class:"sezzle-smart-button-logo-img",src:"https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg",alt:"Sezzle",style:{display:"inline",width:"80px",marginLeft:"5px",marginTop:"-5px"}}),f=class{constructor(e){t(this,e),this.paymentMethodOptionSelected=i(this,"paymentMethodOptionSelected",7),this.onPaymentMethodOptionClick=()=>{this.paymentMethodOptionSelected.emit(this.paymentMethodOption)},this.initializeSezzleCheckout=()=>{let t;this.sezzlePromise=new Promise((i=>{t=i}));const i=this.bnpl,e=+this.paymentAmount,o=new(0,window.Checkout)({mode:"popup",publicKey:i.provider_client_id,apiMode:i.provider_mode,apiVersion:i.provider_api_version});o.sezzleButtonElement=this.sezzleButtonRef,o.init({onClick:function(t){t.preventDefault(),o.startCheckout({checkout_url:i.provider_checkout_url})},onComplete:i=>t({bnpl:i.data}),onCancel:i=>t({bnpl:i.data}),onFailure:i=>t({bnpl:i.data})}),this.sezzleCheckout=o,this.installmentPlan=this.sezzleCheckout.getInstallmentPlan(e)},this.iframeOrigin=d.iframeOrigin,this.bnpl=void 0,this.clientId=void 0,this.accountId=void 0,this.paymentMethodOption=void 0,this.isSelected=void 0,this.paymentAmount=void 0,this.installmentPlan=void 0,this.sezzleCheckout=void 0,this.sezzlePromise=void 0}componentDidRender(){this.scriptRef.onload=()=>{this.sezzleButtonRef=document.createElement("button"),this.initializeSezzleCheckout()}}async resolvePaymentMethod(t){return t.isValid?(this.sezzleButtonRef.click(),this.sezzlePromise):{validationError:!0}}render(){var t,i,o,s,d;return e("div",{key:"4deca512311cd98d358c7099141b15538857a4e5",class:"payment-method"},e("script",{key:"94b232291153bba85efebb101e7e6e816857da96",src:"https://checkout-sdk.sezzle.com/checkout.min.js",async:!0,ref:t=>this.scriptRef=t}),e("div",{key:"7cd9052ae6613fe7f187f3a51b7d6ac7087fdeb1",class:"payment-method-header p-3",onClick:()=>this.onPaymentMethodOptionClick()},e("input",{key:"1e15e6c2ddced23b049e2559da27532f9be94fb5",type:"radio",name:"paymentMethodType",id:null===(t=this.paymentMethodOption)||void 0===t?void 0:t.id,value:null===(i=this.paymentMethodOption)||void 0===i?void 0:i.id,onClick:t=>t.preventDefault(),checked:this.isSelected,class:"form-check-input me-2"}),e("label",{key:"0a3637002ef373c05424d6769b070d9db0e66ce8",htmlFor:null===(o=this.paymentMethodOption)||void 0===o?void 0:o.id,class:"form-check-label"},e("div",{key:"6398e2f00088edf8a1a3699e149760744dda4cb1"},"Buy now, pay later with ",m),this.installmentPlan&&e("small",{key:"bfd33da875aa5e9f5b649ac8fc7aa5758393b6e8"},e("span",{key:"c07fd5d32fe897a45a67140e2cb81b1f4d537c4a"},null===(s=this.installmentPlan)||void 0===s?void 0:s.installments.length)," ",e("span",{key:"2b11e4aa6389a4b98cd003c031aed8f01ec8a4df"},this.installmentPlan.schedule," payments of")," ",e("span",{key:"90cf3bfa1f0d36c8d4719f164d436407d7fc692b",class:"fw-bold"},n(null===(d=this.installmentPlan)||void 0===d?void 0:d.installments[0].amountInCents))))))}};export{c as justifi_new_payment_method,u as justifi_payment_method_options,b as justifi_saved_payment_method,f as justifi_sezzle_payment_method}

package/dist/webcomponents/{p-462dc522.entry.js → p-124c1ecd.entry.js}

@@ -1 +1 @@
-import{r as e,c as a,h as t}from"./p-fad19d75.js";import{M as d,f as s,b,c as i,s as f}from"./p-83125497.js";import{a as c,b as l,D as h,c as r,C as o,E as y,L as n}from"./p-dce846bf.js";import{S as u}from"./p-ba4bae6f.js";const k=class{constructor(t){e(this,t),this.errorEvent=a(this,"error-event",7),this.getPaymentDetails=void 0,this.payment=void 0,this.loading=!0,this.errorMessage=void 0}componentWillLoad(){this.getPaymentDetails&&this.fetchData()}updateOnPropChange(){this.fetchData()}fetchData(){this.loading=!0,this.getPaymentDetails({onSuccess:({payment:e})=>{this.payment=e,this.loading=!1,this.errorMessage=null},onError:({error:e,code:a,severity:t})=>{this.errorMessage=e,this.errorEvent.emit({errorCode:a,message:e,severity:t}),this.loading=!1}})}render(){var e;return t(u,{key:"aaaea4076938af5a74197256dba1093265f0e2d6"},this.loading&&n(),!this.loading&&this.errorMessage&&y(this.errorMessage),!this.loading&&!this.errorMessage&&this.payment&&t("justifi-details",{key:"12f06fa05915380403e244cbed053d0c04bfa1d4","error-message":this.errorMessage},t(c,{key:"4d496def6abfc728e6f184fb0729ac648fb2deaf",slot:"head-info",badge:t("span",{slot:"badge",innerHTML:d(this.payment.status)}),title:`${s(this.payment.amount)} ${null===(e=this.payment)||void 0===e?void 0:e.currency.toUpperCase()}`},t(l,{key:"78dcff13206646d594bdc80f6297d45dc9932694",classes:"border-1 border-end",title:"Updated At",value:`${b(this.payment.updated_at)} ${i(this.payment.updated_at)}`}),t(l,{key:"dfa0de667ebd28efd217b6bdf548b9b1b728b57e",classes:"border-1 border-end",title:"Created At",value:`${b(this.payment.created_at)} ${i(this.payment.created_at)}`}),t(l,{key:"b449b180034f28504007a9c2fb0598607dc00efb",title:"ID",value:this.payment.id})),t("div",{key:"62af84e244e38b24b32f791d13f1b21b49942597",slot:"detail-sections"},t(h,{key:"0ddb0366b4ab737c7b08a37764b8ce2f7ec4a1e9",sectionTitle:"Details"}),t("div",{key:"cb699194db16cb8608834779f560e882f6f9da7c",class:"d-table gap-2 w-100"},t(r,{key:"3b6eb4a8b782668951bba90be3b5d522f3f7c69b",title:"Amount",value:s(this.payment.amount)}),t(r,{key:"7a59ab0b12a263c38c40a98acbff6492d370b28b",title:"Fees",value:s(this.payment.fee_amount)}),t(r,{key:"a9eaa5d1959425205c144dc2aa7c7fad77014290",title:"Refunded",value:s(this.payment.amount_refunded)}),t(r,{key:"d70c3a4bf48c9c69625d5f27f1095f9b0744a71e",title:"Net",value:s(this.payment.balance)}),t(r,{key:"28f526b1adcd475c2ae88a8bf09ae4aea7935df6",title:"Status",value:d(this.payment.status)}),t(r,{key:"700f51d787f20f575e3e11aa72a8da29a9587c2a",title:"Payment ID",value:this.payment.id}),t(r,{key:"ea72ecc9c2f5055d4b0f6b37cd16cb318f9a797c",title:"Processing Fees",value:s(this.payment.fee_amount)}),t(r,{key:"9d66af2c0c0baef4e8b7b021daf0b4d6adb267d2",title:"Statement Descriptor",value:this.payment.statement_descriptor}),t(r,{key:"3f21501c1e08feeee1e7427a42faf1c5d1d9c84d",title:"Description",value:this.payment.description})),this.payment.payment_method.card&&[t(h,{key:"b7767b93e090c0195aca6c99b66b48d61b6134b3",sectionTitle:"Payment Method"}),t("div",{key:"a363c7a7e69932a8ffeddb5e0d53f7df13119a9a",class:"d-table gap-2 w-100"},t(r,{key:"fb0e1f64fcec23e513590b3048593565685d8400",title:"ID",value:this.payment.payment_method.card.id}),t(r,{key:"bc181b1b94039e1aad341a8e563ba923976c806b",title:"Payment Type",value:"Card"}),t(r,{key:"88b21dd2368b88232cd0f464c381d4423fe3c774",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),t(r,{key:"040fd71315ead633f9c89e9a9dad906889759d77",title:"Brand",value:f(this.payment.payment_method.card.brand)}),t(r,{key:"35ebc74de2c5c8fafd95fc5b15ff4f2ca85220cc",title:"Cardholder",value:this.payment.payment_method.payersName}))],this.payment.payment_method.bank_account&&[t(h,{key:"f10eef0b4e4067fb78dbff16719a6f266f4e6bab",sectionTitle:"Payment Method"}),t("div",{key:"6c1ef713b5dcabba5b516f3cbbd088d098873303",class:"d-table gap-2 w-100"},t(r,{key:"8880fd0fb2b16ee6f177aba15d6f4485c95af252",title:"ID",value:this.payment.payment_method.bank_account.id}),t(r,{key:"baa70304d2972f69ce8a5d077a076b16f986745b",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),t(r,{key:"dcb63b9258bea698bf2d165c611dfa05cb320f30",title:"Bank Name",value:this.payment.payment_method.bank_account.brand}),t(r,{key:"806696c15aa5ef242c230d9c9aea642ddfdfd93d",title:"Account Owner",value:this.payment.payment_method.payersName}))],t(h,{key:"83289d8f2cf57a624678260555f00af4ea96a566",sectionTitle:"Metadata"}),t("div",{key:"02e248b962e0c06f4d83bae75a5759b234fea36b",class:"d-table gap-2 w-100"},t(o,{key:"5d81879c7815102219ed010dab9f573ad6b7985d",metadata:this.payment.metadata})))))}static get watchers(){return{getPaymentDetails:["updateOnPropChange"]}}};export{k as payment_details_core}
+import{r as e,c as a,h as t}from"./p-fad19d75.js";import{M as d,f as s,b,c as i,s as f}from"./p-5e2c9ec8.js";import{a as c,b as l,D as h,c as r,C as o,E as y,L as n}from"./p-dce846bf.js";import{S as u}from"./p-ba4bae6f.js";const k=class{constructor(t){e(this,t),this.errorEvent=a(this,"error-event",7),this.getPaymentDetails=void 0,this.payment=void 0,this.loading=!0,this.errorMessage=void 0}componentWillLoad(){this.getPaymentDetails&&this.fetchData()}updateOnPropChange(){this.fetchData()}fetchData(){this.loading=!0,this.getPaymentDetails({onSuccess:({payment:e})=>{this.payment=e,this.loading=!1,this.errorMessage=null},onError:({error:e,code:a,severity:t})=>{this.errorMessage=e,this.errorEvent.emit({errorCode:a,message:e,severity:t}),this.loading=!1}})}render(){var e;return t(u,{key:"aaaea4076938af5a74197256dba1093265f0e2d6"},this.loading&&n(),!this.loading&&this.errorMessage&&y(this.errorMessage),!this.loading&&!this.errorMessage&&this.payment&&t("justifi-details",{key:"12f06fa05915380403e244cbed053d0c04bfa1d4","error-message":this.errorMessage},t(c,{key:"4d496def6abfc728e6f184fb0729ac648fb2deaf",slot:"head-info",badge:t("span",{slot:"badge",innerHTML:d(this.payment.status)}),title:`${s(this.payment.amount)} ${null===(e=this.payment)||void 0===e?void 0:e.currency.toUpperCase()}`},t(l,{key:"78dcff13206646d594bdc80f6297d45dc9932694",classes:"border-1 border-end",title:"Updated At",value:`${b(this.payment.updated_at)} ${i(this.payment.updated_at)}`}),t(l,{key:"dfa0de667ebd28efd217b6bdf548b9b1b728b57e",classes:"border-1 border-end",title:"Created At",value:`${b(this.payment.created_at)} ${i(this.payment.created_at)}`}),t(l,{key:"b449b180034f28504007a9c2fb0598607dc00efb",title:"ID",value:this.payment.id})),t("div",{key:"62af84e244e38b24b32f791d13f1b21b49942597",slot:"detail-sections"},t(h,{key:"0ddb0366b4ab737c7b08a37764b8ce2f7ec4a1e9",sectionTitle:"Details"}),t("div",{key:"cb699194db16cb8608834779f560e882f6f9da7c",class:"d-table gap-2 w-100"},t(r,{key:"3b6eb4a8b782668951bba90be3b5d522f3f7c69b",title:"Amount",value:s(this.payment.amount)}),t(r,{key:"7a59ab0b12a263c38c40a98acbff6492d370b28b",title:"Fees",value:s(this.payment.fee_amount)}),t(r,{key:"a9eaa5d1959425205c144dc2aa7c7fad77014290",title:"Refunded",value:s(this.payment.amount_refunded)}),t(r,{key:"d70c3a4bf48c9c69625d5f27f1095f9b0744a71e",title:"Net",value:s(this.payment.balance)}),t(r,{key:"28f526b1adcd475c2ae88a8bf09ae4aea7935df6",title:"Status",value:d(this.payment.status)}),t(r,{key:"700f51d787f20f575e3e11aa72a8da29a9587c2a",title:"Payment ID",value:this.payment.id}),t(r,{key:"ea72ecc9c2f5055d4b0f6b37cd16cb318f9a797c",title:"Processing Fees",value:s(this.payment.fee_amount)}),t(r,{key:"9d66af2c0c0baef4e8b7b021daf0b4d6adb267d2",title:"Statement Descriptor",value:this.payment.statement_descriptor}),t(r,{key:"3f21501c1e08feeee1e7427a42faf1c5d1d9c84d",title:"Description",value:this.payment.description})),this.payment.payment_method.card&&[t(h,{key:"b7767b93e090c0195aca6c99b66b48d61b6134b3",sectionTitle:"Payment Method"}),t("div",{key:"a363c7a7e69932a8ffeddb5e0d53f7df13119a9a",class:"d-table gap-2 w-100"},t(r,{key:"fb0e1f64fcec23e513590b3048593565685d8400",title:"ID",value:this.payment.payment_method.card.id}),t(r,{key:"bc181b1b94039e1aad341a8e563ba923976c806b",title:"Payment Type",value:"Card"}),t(r,{key:"88b21dd2368b88232cd0f464c381d4423fe3c774",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),t(r,{key:"040fd71315ead633f9c89e9a9dad906889759d77",title:"Brand",value:f(this.payment.payment_method.card.brand)}),t(r,{key:"35ebc74de2c5c8fafd95fc5b15ff4f2ca85220cc",title:"Cardholder",value:this.payment.payment_method.payersName}))],this.payment.payment_method.bank_account&&[t(h,{key:"f10eef0b4e4067fb78dbff16719a6f266f4e6bab",sectionTitle:"Payment Method"}),t("div",{key:"6c1ef713b5dcabba5b516f3cbbd088d098873303",class:"d-table gap-2 w-100"},t(r,{key:"8880fd0fb2b16ee6f177aba15d6f4485c95af252",title:"ID",value:this.payment.payment_method.bank_account.id}),t(r,{key:"baa70304d2972f69ce8a5d077a076b16f986745b",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),t(r,{key:"dcb63b9258bea698bf2d165c611dfa05cb320f30",title:"Bank Name",value:this.payment.payment_method.bank_account.brand}),t(r,{key:"806696c15aa5ef242c230d9c9aea642ddfdfd93d",title:"Account Owner",value:this.payment.payment_method.payersName}))],t(h,{key:"83289d8f2cf57a624678260555f00af4ea96a566",sectionTitle:"Metadata"}),t("div",{key:"02e248b962e0c06f4d83bae75a5759b234fea36b",class:"d-table gap-2 w-100"},t(o,{key:"5d81879c7815102219ed010dab9f573ad6b7985d",metadata:this.payment.metadata})))))}static get watchers(){return{getPaymentDetails:["updateOnPropChange"]}}};export{k as payment_details_core}

package/dist/webcomponents/{p-d1c8d794.entry.js → p-1647f06b.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,h as t,H as r}from"./p-fad19d75.js";import{E as e}from"./p-dce846bf.js";import{B as o}from"./p-75b4daef.js";import{B as a}from"./p-af244664.js";import{C as n,a as d}from"./p-14c91ffd.js";import{g as h,a as p}from"./p-8115b2f4.js";import{J as c}from"./p-554a3c18.js";import"./p-ae263544.js";import"./p-29c0b182.js";import"./p-1ff8810b.js";import"./p-6078a370.js";import"./p-d765d638.js";const m=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event",7),this.businessId=void 0,this.authToken=void 0,this.errorMessage=void 0,this.getBusiness=void 0}componentWillLoad(){this.analytics=new c(this),this.initializeGetBusiness()}disconnectedCallback(){this.analytics.cleanup()}initializeGetBusiness(){if(!this.businessId||!this.authToken)return this.errorMessage="Invalid business id or auth token",void this.errorEvent.emit({errorCode:d.MISSING_PROPS,message:this.errorMessage,severity:n.ERROR});this.getBusiness=(({id:s,authToken:i,service:t})=>async({onSuccess:r,onError:e})=>{var o;try{const d=await t.fetchBusiness(s,i);if(d.error)return e({error:h(d.error),code:p(null===(o=d.error)||void 0===o?void 0:o.code),severity:n.ERROR});r({business:new a(d.data)})}catch(s){const i=p(null==s?void 0:s.code);return e({error:s.message||s,code:i,severity:n.ERROR})}})({id:this.businessId,authToken:this.authToken,service:new o})}render(){return t(r,null,this.errorMessage?e(this.errorMessage):t("business-details-core",{getBusiness:this.getBusiness}))}};export{m as justifi_business_details}
+import{r as s,c as i,h as t,H as r}from"./p-fad19d75.js";import{E as e}from"./p-dce846bf.js";import{B as o}from"./p-f5b5e47b.js";import{B as a}from"./p-5e7c60d8.js";import{C as n,a as d}from"./p-14c91ffd.js";import{g as c,a as h}from"./p-8115b2f4.js";import{J as p}from"./p-82cff30c.js";import"./p-ae263544.js";import"./p-7d3be485.js";import"./p-1ff8810b.js";import"./p-6078a370.js";import"./p-0052db77.js";const m=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event",7),this.businessId=void 0,this.authToken=void 0,this.errorMessage=void 0,this.getBusiness=void 0}componentWillLoad(){this.analytics=new p(this),this.initializeGetBusiness()}disconnectedCallback(){this.analytics.cleanup()}initializeGetBusiness(){if(!this.businessId||!this.authToken)return this.errorMessage="Invalid business id or auth token",void this.errorEvent.emit({errorCode:d.MISSING_PROPS,message:this.errorMessage,severity:n.ERROR});this.getBusiness=(({id:s,authToken:i,service:t})=>async({onSuccess:r,onError:e})=>{var o;try{const d=await t.fetchBusiness(s,i);if(d.error)return e({error:c(d.error),code:h(null===(o=d.error)||void 0===o?void 0:o.code),severity:n.ERROR});r({business:new a(d.data)})}catch(s){const i=h(null==s?void 0:s.code);return e({error:s.message||s,code:i,severity:n.ERROR})}})({id:this.businessId,authToken:this.authToken,service:new o})}render(){return t(r,null,this.errorMessage?e(this.errorMessage):t("business-details-core",{getBusiness:this.getBusiness}))}};export{m as justifi_business_details}

package/dist/webcomponents/{p-d25c2f12.js → p-1815a43b.js}

@@ -1 +1 @@
-import{a as e}from"./p-af244664.js";const a=[{label:"Choose business classification",value:""},{label:"Sole Proprietor",value:e.sole_proprietor},{label:"Partnership",value:e.partnership},{label:"Corporation",value:e.corporation},{label:"Public Company",value:e.public_company},{label:"Limited Liability Company (LLC)",value:e.limited},{label:"Non Profit",value:e.non_profit},{label:"Government",value:e.government}],l=[{label:"Within 7 days",value:"Within 7 days"},{label:"Within 30 days",value:"Within 30 days"},{label:"Within 90 days",value:"Within 90 days"},{label:"Within 120 days",value:"Within 120 days"},{label:"More than 120 days",value:"More than 120 days"}],s=[{label:"Yes",value:"Yes"},{label:"No",value:"No"}],i=[{label:"Yes. The majority of the business revenue is generated in 3-6 months.",value:"Yes"},{label:"No. The business revenue is generated evenly throughout the year.",value:"No"}],n=[{label:"Checking",value:"checking"},{label:"Savings",value:"savings"}];export{l as a,a as b,n as c,s as r,i as s}
+import{a as e}from"./p-5e7c60d8.js";const a=[{label:"Choose business classification",value:""},{label:"Sole Proprietor",value:e.sole_proprietor},{label:"Partnership",value:e.partnership},{label:"Corporation",value:e.corporation},{label:"Public Company",value:e.public_company},{label:"Limited Liability Company (LLC)",value:e.limited},{label:"Non Profit",value:e.non_profit},{label:"Government",value:e.government}],l=[{label:"Within 7 days",value:"Within 7 days"},{label:"Within 30 days",value:"Within 30 days"},{label:"Within 90 days",value:"Within 90 days"},{label:"Within 120 days",value:"Within 120 days"},{label:"More than 120 days",value:"More than 120 days"}],s=[{label:"Yes",value:"Yes"},{label:"No",value:"No"}],i=[{label:"Yes. The majority of the business revenue is generated in 3-6 months.",value:"Yes"},{label:"No. The business revenue is generated evenly throughout the year.",value:"No"}],n=[{label:"Checking",value:"checking"},{label:"Savings",value:"savings"}];export{l as a,a as b,n as c,s as r,i as s}