@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

package/dist/types/components.d.ts

@@ -7,13 +7,14 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 import { ComponentError } from "./api/ComponentError";
+import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent } from "./api/Document";
 import { FormController } from "./components/form/form";
 import { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { ComponentError as ComponentError1 } from "./components";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
-import { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+import { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout } from "./api";
 import { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -22,13 +23,14 @@ import { Identity } from "./api/Identity";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 export { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 export { ComponentError } from "./api/ComponentError";
+export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent } from "./api/Document";
 export { FormController } from "./components/form/form";
 export { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { ComponentError as ComponentError1 } from "./components";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
-export { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+export { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout } from "./api";
 export { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -49,6 +51,13 @@ export namespace Components {
     interface BusinessDetailsCore {
         "getBusiness": Function;
     }
+    interface CustomPopper {
+        "anchorRef": HTMLElement;
+        "offset": [number, number];
+        "placement": Placement;
+        "strategy": PositioningStrategy;
+        "trigger": string;
+    }
     interface FormAlert {
         "hideAlert": boolean;
         "text": string;
@@ -63,11 +72,11 @@ export namespace Components {
         "name": any;
     }
     interface FormControlDate {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
-        "inputHandler": any;
+        "inputHandler": (name: string, value: string) => void;
         "label": string;
         "name": string;
     }
@@ -119,8 +128,8 @@ export namespace Components {
         "name": any;
     }
     interface FormControlSelect {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
@@ -129,8 +138,8 @@ export namespace Components {
         "options": { label: string; value: string }[];
     }
     interface FormControlText {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
@@ -721,6 +730,11 @@ export namespace Components {
     interface PaymentsListCore {
         "getPayments": Function;
     }
+    interface PaymentsListFilters {
+        "clearParams": () => void;
+        "params": PaymentsParams;
+        "setParamsOnChange": (name: string, value: string) => void;
+    }
     interface PayoutDetailsCore {
         "getPayout": Function;
         "getPayoutCSV": Function;
@@ -739,11 +753,19 @@ export namespace Components {
     interface RepresentativeDetails {
         "representative": Identity;
     }
+    interface TableFiltersMenu {
+        "clearParams": () => void;
+        "params": any;
+    }
 }
 export interface BusinessDetailsCoreCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBusinessDetailsCoreElement;
 }
+export interface CustomPopperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCustomPopperElement;
+}
 export interface FormControlCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFormControlCheckboxElement;
@@ -987,6 +1009,24 @@ declare global {
         prototype: HTMLBusinessDetailsCoreElement;
         new (): HTMLBusinessDetailsCoreElement;
     };
+    interface HTMLCustomPopperElementEventMap {
+        "showEvent": any;
+        "hideEvent": any;
+    }
+    interface HTMLCustomPopperElement extends Components.CustomPopper, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCustomPopperElementEventMap>(type: K, listener: (this: HTMLCustomPopperElement, ev: CustomPopperCustomEvent<HTMLCustomPopperElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCustomPopperElementEventMap>(type: K, listener: (this: HTMLCustomPopperElement, ev: CustomPopperCustomEvent<HTMLCustomPopperElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCustomPopperElement: {
+        prototype: HTMLCustomPopperElement;
+        new (): HTMLCustomPopperElement;
+    };
     interface HTMLFormAlertElement extends Components.FormAlert, HTMLStencilElement {
     }
     var HTMLFormAlertElement: {
@@ -2157,6 +2197,12 @@ declare global {
         prototype: HTMLPaymentsListCoreElement;
         new (): HTMLPaymentsListCoreElement;
     };
+    interface HTMLPaymentsListFiltersElement extends Components.PaymentsListFilters, HTMLStencilElement {
+    }
+    var HTMLPaymentsListFiltersElement: {
+        prototype: HTMLPaymentsListFiltersElement;
+        new (): HTMLPaymentsListFiltersElement;
+    };
     interface HTMLPayoutDetailsCoreElementEventMap {
         "error-event": ComponentError;
     }
@@ -2205,9 +2251,16 @@ declare global {
         prototype: HTMLRepresentativeDetailsElement;
         new (): HTMLRepresentativeDetailsElement;
     };
+    interface HTMLTableFiltersMenuElement extends Components.TableFiltersMenu, HTMLStencilElement {
+    }
+    var HTMLTableFiltersMenuElement: {
+        prototype: HTMLTableFiltersMenuElement;
+        new (): HTMLTableFiltersMenuElement;
+    };
     interface HTMLElementTagNameMap {
         "additional-questions-details": HTMLAdditionalQuestionsDetailsElement;
         "business-details-core": HTMLBusinessDetailsCoreElement;
+        "custom-popper": HTMLCustomPopperElement;
         "form-alert": HTMLFormAlertElement;
         "form-control-checkbox": HTMLFormControlCheckboxElement;
         "form-control-date": HTMLFormControlDateElement;
@@ -2279,9 +2332,11 @@ declare global {
         "pagination-menu": HTMLPaginationMenuElement;
         "payment-details-core": HTMLPaymentDetailsCoreElement;
         "payments-list-core": HTMLPaymentsListCoreElement;
+        "payments-list-filters": HTMLPaymentsListFiltersElement;
         "payout-details-core": HTMLPayoutDetailsCoreElement;
         "payouts-list-core": HTMLPayoutsListCoreElement;
         "representative-details": HTMLRepresentativeDetailsElement;
+        "table-filters-menu": HTMLTableFiltersMenuElement;
     }
 }
 declare namespace LocalJSX {
@@ -2299,6 +2354,15 @@ declare namespace LocalJSX {
         "getBusiness"?: Function;
         "onError-event"?: (event: BusinessDetailsCoreCustomEvent<ComponentError>) => void;
     }
+    interface CustomPopper {
+        "anchorRef"?: HTMLElement;
+        "offset"?: [number, number];
+        "onHideEvent"?: (event: CustomPopperCustomEvent<any>) => void;
+        "onShowEvent"?: (event: CustomPopperCustomEvent<any>) => void;
+        "placement"?: Placement;
+        "strategy"?: PositioningStrategy;
+        "trigger"?: string;
+    }
     interface FormAlert {
         "hideAlert"?: boolean;
         "text"?: string;
@@ -2319,7 +2383,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
-        "inputHandler"?: any;
+        "inputHandler"?: (name: string, value: string) => void;
         "label"?: string;
         "name"?: string;
         "onFormControlBlur"?: (event: FormControlDateCustomEvent<any>) => void;
@@ -3040,6 +3104,11 @@ declare namespace LocalJSX {
         "onError-event"?: (event: PaymentsListCoreCustomEvent<ComponentError>) => void;
         "onPayment-row-clicked"?: (event: PaymentsListCoreCustomEvent<Payment>) => void;
     }
+    interface PaymentsListFilters {
+        "clearParams"?: () => void;
+        "params"?: PaymentsParams;
+        "setParamsOnChange"?: (name: string, value: string) => void;
+    }
     interface PayoutDetailsCore {
         "getPayout"?: Function;
         "getPayoutCSV"?: Function;
@@ -3061,9 +3130,14 @@ declare namespace LocalJSX {
     interface RepresentativeDetails {
         "representative"?: Identity;
     }
+    interface TableFiltersMenu {
+        "clearParams"?: () => void;
+        "params"?: any;
+    }
     interface IntrinsicElements {
         "additional-questions-details": AdditionalQuestionsDetails;
         "business-details-core": BusinessDetailsCore;
+        "custom-popper": CustomPopper;
         "form-alert": FormAlert;
         "form-control-checkbox": FormControlCheckbox;
         "form-control-date": FormControlDate;
@@ -3135,9 +3209,11 @@ declare namespace LocalJSX {
         "pagination-menu": PaginationMenu;
         "payment-details-core": PaymentDetailsCore;
         "payments-list-core": PaymentsListCore;
+        "payments-list-filters": PaymentsListFilters;
         "payout-details-core": PayoutDetailsCore;
         "payouts-list-core": PayoutsListCore;
         "representative-details": RepresentativeDetails;
+        "table-filters-menu": TableFiltersMenu;
     }
 }
 export { LocalJSX as JSX };
@@ -3153,6 +3229,7 @@ declare module "@stencil/core" {
              */
             "additional-questions-details": LocalJSX.AdditionalQuestionsDetails & JSXBase.HTMLAttributes<HTMLAdditionalQuestionsDetailsElement>;
             "business-details-core": LocalJSX.BusinessDetailsCore & JSXBase.HTMLAttributes<HTMLBusinessDetailsCoreElement>;
+            "custom-popper": LocalJSX.CustomPopper & JSXBase.HTMLAttributes<HTMLCustomPopperElement>;
             "form-alert": LocalJSX.FormAlert & JSXBase.HTMLAttributes<HTMLFormAlertElement>;
             "form-control-checkbox": LocalJSX.FormControlCheckbox & JSXBase.HTMLAttributes<HTMLFormControlCheckboxElement>;
             "form-control-date": LocalJSX.FormControlDate & JSXBase.HTMLAttributes<HTMLFormControlDateElement>;
@@ -3359,6 +3436,7 @@ declare module "@stencil/core" {
             "pagination-menu": LocalJSX.PaginationMenu & JSXBase.HTMLAttributes<HTMLPaginationMenuElement>;
             "payment-details-core": LocalJSX.PaymentDetailsCore & JSXBase.HTMLAttributes<HTMLPaymentDetailsCoreElement>;
             "payments-list-core": LocalJSX.PaymentsListCore & JSXBase.HTMLAttributes<HTMLPaymentsListCoreElement>;
+            "payments-list-filters": LocalJSX.PaymentsListFilters & JSXBase.HTMLAttributes<HTMLPaymentsListFiltersElement>;
             "payout-details-core": LocalJSX.PayoutDetailsCore & JSXBase.HTMLAttributes<HTMLPayoutDetailsCoreElement>;
             "payouts-list-core": LocalJSX.PayoutsListCore & JSXBase.HTMLAttributes<HTMLPayoutsListCoreElement>;
             /**
@@ -3369,6 +3447,7 @@ declare module "@stencil/core" {
              * @exportedPart detail-empty-state
              */
             "representative-details": LocalJSX.RepresentativeDetails & JSXBase.HTMLAttributes<HTMLRepresentativeDetailsElement>;
+            "table-filters-menu": LocalJSX.TableFiltersMenu & JSXBase.HTMLAttributes<HTMLTableFiltersMenuElement>;
         }
     }
 }

package/dist/types/home/runner/work/web-component-library/web-component-library/packages/webcomponents/.stencil/packages/webcomponents/config.d.ts

@@ -0,0 +1,11 @@
+export declare const config: {
+    iframeOrigin: string;
+    proxyApiOrigin: string;
+    proxyAuthToken: string;
+    exampleAccountId: string;
+    exampleBusinessId: string;
+    examplePaymentId: string;
+    examplePayoutId: string;
+    privateApiOrigin: string;
+    privateAuthToken: string;
+};

package/dist/types/ui-components/custom-popper/custom-popper.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+export declare class CustomPopper {
+    placement: Placement;
+    offset: [number, number];
+    strategy: PositioningStrategy;
+    trigger: string;
+    anchorRef: HTMLElement;
+    isOpen: boolean;
+    showEvent: EventEmitter;
+    hideEvent: EventEmitter;
+    private popperInstance;
+    private popperContentRef;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleClick(event: MouseEvent): void;
+    private get popperOptions();
+    show(): void;
+    hide(): void;
+    render(): any;
+}

package/dist/types/ui-components/filters/table-filters-menu.d.ts

@@ -0,0 +1,11 @@
+export declare class TableFiltersMenu {
+    anchorButton: HTMLElement;
+    menu: HTMLElement;
+    showClearButton: boolean;
+    params: any;
+    clearParams: () => void;
+    watchParamsHandler(newValue: any): void;
+    show(): void;
+    hide(): void;
+    render(): any;
+}

package/dist/types/ui-components/filters/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const onFilterChange: (newFilters: any, params: any) => any;
+export declare const hasFilters: (params: any) => boolean;

package/dist/types/utils/check-pkg-version.d.ts

@@ -0,0 +1 @@
+export declare const checkPkgVersion: () => Promise<void>;

package/dist/webcomponents/index.esm.js

@@ -1 +0,0 @@
-

package/dist/webcomponents/p-056e75be.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as s}from"./p-fad19d75.js";import{c as i,d as a,e as r}from"./p-5968ff8a.js";import{I as o}from"./p-401d6607.js";import{F as d}from"./p-2eab3c90.js";import{O as h}from"./p-5e7c60d8.js";import{a as c}from"./p-d89bad72.js";import{i as n}from"./p-55182a59.js";import{B as f}from"./p-9c9c7dac.js";import{S as b,P as l}from"./p-525db3e8.js";import{u as m,a as u,b as p}from"./p-7d85af5c.js";import"./p-14c91ffd.js";import"./p-8115b2f4.js";import"./p-5a62fca2.js";import"./p-7d3be485.js";import"./p-1ff8810b.js";import"./p-6078a370.js";import"./p-5022f21c.js";import"./p-1815a43b.js";const v=class{constructor(s){t(this,s),this.errorEvent=e(this,"error-event",7),this.getOwner=void 0,this.patchOwner=void 0,this.postOwner=void 0,this.authToken=void 0,this.ownerId=void 0,this.businessId=void 0,this.allowOptionalFields=void 0,this.removeOwner=void 0,this.newFormOpen=void 0,this.ownersLength=void 0}async validate(){return this.coreComponent.validate()}async submit(){return this.coreComponent.submit()}async validateAndSubmit({onSuccess:t}){this.coreComponent.validateAndSubmit({onSuccess:t})}componentWillLoad(){this.initializeApi()}initializeApi(){this.authToken&&(this.getOwner=i({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.patchOwner=a({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.postOwner=r({authToken:this.authToken,service:new o}))}render(){return s("owner-form-core",{key:"332d1e77d01886f13aba09b32b2d5f2199131619",ownerId:this.ownerId,businessId:this.businessId,getOwner:this.getOwner,patchOwner:this.patchOwner,postOwner:this.postOwner,allowOptionalFields:this.allowOptionalFields,removeOwner:this.removeOwner,newFormOpen:this.newFormOpen,ownersLength:this.ownersLength,ref:t=>this.coreComponent=t})}},y=class{loadingWatcher(){this.formLoading.emit(this.isLoading)}constructor(s){t(this,s),this.submitted=e(this,"submitted",7),this.ownerSubmitted=e(this,"ownerSubmitted",7),this.clickEvent=e(this,"click-event",7),this.formLoading=e(this,"formLoading",7),this.errorEvent=e(this,"error-event",7),this.getData=()=>{this.isLoading=!0,this.getOwner({onSuccess:t=>{this.instantiateOwner(t.data)},onError:({error:t,code:e,severity:s})=>{this.errorEvent.emit({message:t,errorCode:e,severity:s})},final:()=>this.isLoading=!1})},this.sendData=()=>(this.isLoading=!0,new Promise((t=>{this.ownerId?this.patchOwner({payload:this.payload,onSuccess:e=>{this.submitted.emit({data:e,metadata:{ownerID:e.data.id}}),this.ownerSubmitted.emit({id:e.data.id}),this.instantiateOwner(e.data),t(!0)},onError:({error:e,code:s,severity:i})=>{this.submitted.emit({data:{error:e}}),this.errorEvent.emit({message:e,errorCode:s,severity:i}),t(!1)},final:()=>this.isLoading=!1}):this.postOwner({payload:this.payload,onSuccess:e=>{this.submitted.emit({data:e,metadata:{ownerID:e.data.id}}),this.ownerSubmitted.emit({id:e.data.id}),this.instantiateOwner(e.data),t(!0)},onError:({error:e,code:s,severity:i})=>{this.submitted.emit({data:{error:e}}),this.errorEvent.emit({message:e,errorCode:s,severity:i}),t(!1)},final:()=>this.isLoading=!1})}))),this.instantiateOwner=async t=>{this.owner=Object.assign({},new h(t)),await this.formController.setInitialValues(this.owner)},this.handleAddOwner=()=>{this.clickEvent.emit({name:this.ownerId?c.updateOwner:c.addOwner})},this.handleRemoveOwner=()=>{this.removeOwner(this.ownerId),this.clickEvent.emit({name:c.removeOwner})},this.isLoading=!1,this.formController=void 0,this.errors={},this.owner={},this.ownerId=void 0,this.businessId=void 0,this.getOwner=void 0,this.patchOwner=void 0,this.postOwner=void 0,this.allowOptionalFields=void 0,this.removeOwner=void 0,this.newFormOpen=void 0,this.ownersLength=void 0,this.validate=this.validate.bind(this),this.submit=this.submit.bind(this),this.validateAndSubmit=this.validateAndSubmit.bind(this)}async returnOwnerData(){return this.ownerId}async validate(){return this.formController.validate()}async submit(){if(await this.validate())return this.sendData()}async validateAndSubmit(t){t.preventDefault(),await this.validate()&&this.submit()}get payload(){let t=new h(this.formController.values.getValue()).payload;return this.ownerId?t:Object.assign(Object.assign({},t),{business_id:this.businessId})}get formTitle(){return this.ownerId?"Edit Business Owner":"Add Business Owner"}get submitButtonText(){return this.ownerId?"Update":"Add"}get showRemoveButton(){return!(this.ownersLength<=1)&&(!(this.ownerId||!this.newFormOpen)||!(!this.ownerId||this.newFormOpen)||void 0)}componentWillLoad(){this.formController=new d(n("owner",this.allowOptionalFields)),this.ownerId?this.getData():this.instantiateOwner({})}componentDidLoad(){this.formController.errors.subscribe((t=>this.errors=Object.assign({},t)))}render(){return s("form",{key:"27f0d989f017bd03b84cf8c994fa96f9a65aad08",onSubmit:this.validateAndSubmit},s("fieldset",{key:"2c793f1f8777181e5db0a4cae5b9994d9188685e"},s("legend",{key:"a8951fcd990c8136cf6672424869f5c96def3cef",class:"fw-semibold fs-5"},this.formTitle),s("br",{key:"faaf0cc27c448452a5172ad7fcfcf510ec586d2b"}),s("div",{key:"486638ad24414a05f84ada3f37a89d0cc12e7ffb",class:"row gy-3"},s("owner-form-inputs",{key:"bdfe7cb3305f31d93321319ef14eee3e5b331381",ownerDefaultValue:this.formController.getInitialValues(),errors:this.errors,formController:this.formController}),s("div",{key:"9e5c63e0637e0bffe5ab77a1f73c203704115479",class:"d-flex gap-2 justify-content-start"},s(f,{key:"85de4b69c697ebf96778f538b1535bd1fb2c43e7",variant:"secondary",type:"button",onClick:this.handleRemoveOwner,hidden:!this.showRemoveButton},"Remove"),s(f,{key:"1dd026432f19f84ae2142101191e511ebd62c2b3",variant:"primary",type:"submit",onClick:this.handleAddOwner,disabled:this.isLoading},this.submitButtonText))),s("hr",{key:"2570611bbe663e2e128f03806ecb036ce750c80b"})))}static get watchers(){return{isLoading:["loadingWatcher"]}}},k=class{constructor(e){t(this,e),this.inputHandler=(t,e)=>{m(this.formController,{[t]:e})},this.onAddressFormUpdate=t=>{u(this.formController,Object.assign(Object.assign({},this.formController.values.getValue().address),t))},this.ownerDefaultValue=void 0,this.errors=void 0,this.formController=void 0}render(){return s("div",{key:"6fcc165d4bc75b92403d9031ad98f05f6b1dcd34",class:"row gy-3"},s("div",{key:"74f1e42a13892e95497a99684ba9de64719edb72",class:"col-12 col-md-6"},s("form-control-text",{key:"29caea2b0b0a62822cc20c99e697f3db7c22a541",name:"name",label:"Full Name",defaultValue:this.ownerDefaultValue.name,errorText:this.errors.name,inputHandler:this.inputHandler})),s("div",{key:"5b0f8da9a0512de70558baa9cb188b4d5e773dc2",class:"col-12 col-md-4"},s("form-control-text",{key:"5967094f115a64876f8dc943a273f5a22b193f1c",name:"title",label:"Title",defaultValue:this.ownerDefaultValue.title,errorText:this.errors.title,inputHandler:this.inputHandler})),s("div",{key:"6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905",class:"col-12 col-md-6"},s("form-control-text",{key:"8c5b2839b6de605915d8e7c14a0ba22d3f440bda",name:"email",label:"Email Address",defaultValue:this.ownerDefaultValue.email,errorText:this.errors.email,inputHandler:this.inputHandler})),s("div",{key:"d7eae882aea84b8562e459e66bc1ba885c4be3c7",class:"col-12 col-md-6"},s("form-control-number-masked",{key:"2d6b33f47e4008745fd65c5ef3cb60dd92b85eba",name:"phone",label:"Phone Number",defaultValue:this.ownerDefaultValue.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:l.US})),s("div",{key:"92b825163aedf052bdb89721397da69c717e595d",class:"col-12 col-md-4"},s("form-control-date",{key:"cd884b773ef0eb60effc61e8cfbf42b21620cd1c",name:"dob_full",label:"Birth Date",defaultValue:this.ownerDefaultValue.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:t=>p(t,this.formController)})),s("div",{key:"614ba65972946645ba5c7a299c00efd0e85abf5e",class:"col-12 col-md-8"},s("form-control-number-masked",{key:"7cd9fe7a1b56d351942a0b962f3c7227459406ae",name:"identification_number",label:"SSN",defaultValue:this.ownerDefaultValue.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:b})),s("div",{key:"ce08f35a16de4b9be65377cde0a9daa5b4cbe876",class:"col-12"},s("justifi-identity-address-form",{key:"79a7f5e8c08fc57383c1975145a6b06bd4e615dd",errors:this.errors.address,defaultValues:this.ownerDefaultValue.address,handleFormUpdate:this.onAddressFormUpdate})))}};export{v as justifi_owner_form,y as owner_form_core,k as owner_form_inputs}

package/dist/webcomponents/p-05718341.entry.js

@@ -0,0 +1 @@
+import{r as o,c as r,h as t}from"./p-fad19d75.js";import{c as i,F as a}from"./p-2eab3c90.js";import{b as e,a as s}from"./p-277aee05.js";import{a as c,i as b}from"./p-55182a59.js";import{A as f}from"./p-7d3be485.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import"./p-e3fab0e2.js";import{c as d}from"./p-5a62fca2.js";import{B as n,a as l}from"./p-d89bad72.js";import{B as m}from"./p-5e7c60d8.js";import{J as h}from"./p-437f9114.js";import{S as u}from"./p-44055818.js";import{c as j}from"./p-1612894d.js";import"./p-5022f21c.js";import"./p-6078a370.js";import"./p-1815a43b.js";import"./p-1ff8810b.js";import"./p-8281f09a.js";const v=i(Object.assign(Object.assign({},e().fields),{legal_address:c(),additional_questions:s(),representative:b("representative")})),p=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.clickEventNew=r(this,"click-event",7),this.clickEventOld=r(this,"clickEvent",7),this.instantiateBusiness=o=>{const r=new m(o);this.formController.setInitialValues(Object.assign({},r))},this.sendData=async()=>{this.isLoading=!0;try{const o=this.formController.values.getValue(),r=this.formController.getInitialValues(),t=new m(Object.assign(Object.assign({},r),o)).payload,i=await this.api.patch(this.businessEndpoint,t);this.handleReponse(i)}catch(o){this.errorMessage=n.patchData}finally{this.isLoading=!1}},this.fetchData=async()=>{this.isLoading=!0;try{const o=await this.api.get(this.businessEndpoint);this.instantiateBusiness(o.data)}catch(o){this.errorMessage=n.fetchData}finally{this.isLoading=!1}},this.validateAndSubmit=o=>{o.preventDefault(),this.formController.validateAndSubmit(this.sendData)},this.authToken=void 0,this.businessId=void 0,this.hideErrors=!1,this.formTitle="Business Information",this.removeTitle=!1,this.isLoading=!1,this.errorMessage=void 0}componentWillLoad(){j(),this.analytics=new h(this),this.authToken||console.error("Warning: Missing auth-token. The form will not be functional without it."),this.businessId||console.error("Warning: Missing business-id. The form requires an existing business-id to function."),this.formController=new a(v),this.api=f({authToken:this.authToken,apiOrigin:d.proxyApiOrigin}),this.fetchData()}disconnectedCallback(){this.analytics.cleanup()}fireClickEvents(o){console.warn("`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead."),this.clickEventNew.emit(o),this.clickEventOld.emit(o)}get title(){return this.removeTitle?"":this.formTitle}get disabledState(){return this.isLoading}get businessEndpoint(){return`entities/business/${this.businessId}`}handleReponse(o){o.error&&(this.errorMessage=n.patchData),this.submitted.emit({data:o}),this.instantiateBusiness(o.data)}render(){return t(u,{key:"2f28b3e44c64d6ea1ac0d8584946927f6c9c3d05",exportparts:"label,input,input-invalid"},t("form",{key:"5e57787b7dcd649c3523dc49d0a6946138643c7c",onSubmit:this.validateAndSubmit},t("div",{key:"0ee6212aa6157ade79ab9b2ff5eb700549a8a916",class:"row gap-3"},t("h1",{key:"84824314dd924cdab149c2b62b7e01b07dbf5d28"},this.title),t("form-alert",{key:"dca6d7ef6bcddd3090f44e5ccf9199bbd441dc87",text:this.errorMessage,hideAlert:this.hideErrors}),t("div",{key:"a022912c284d63afbf9ce698b145d964d720b110",class:"col-12 mb-4"},t("justifi-business-core-info",{key:"be264b806255b790a166b8a3349d78845c6c8225",formController:this.formController})),t("div",{key:"b3a52da227a71f941941f66b758f718cdc3b7800",class:"col-12 mb-4"},t("justifi-legal-address-form",{key:"258dc5ebabc0e2dfaa8de28534238ef80a4f951d",formController:this.formController})),t("div",{key:"9dd5d30daf37d90a689333640cd1630000ee5e25",class:"col-12 mb-4"},t("justifi-additional-questions",{key:"aa1cdf3a39170fcefbd07afcce193ed36430dc5b",formController:this.formController})),t("div",{key:"a8cd6655a6408bef11c9ad442ecae7a0b5e3c50d",class:"col-12 mb-4"},t("justifi-business-representative",{key:"33db8cd22d22b694917332941b89b7535bd19201",formController:this.formController})),t("div",{key:"99d46400c8d46e5a3ca6747e5bae70bf5652a367",class:"col-12 d-flex flex-row-reverse"},t("button",{key:"8b858727a11d5ec5f855c446f34da3c1d6253563",type:"submit",class:"btn btn-primary jfi-submit-button",disabled:this.disabledState,onClick:()=>this.fireClickEvents({name:l.submit})},this.isLoading?"Loading...":"Submit")))))}};p.style=":host{display:block}*::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-checkbox){font-family:var(--jfi-layout-font-family);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-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);line-height:var(--jfi-form-control-line-height)}*::part(input-checkbox):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-checkbox-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-checkbox-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-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)}.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)}.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)}";export{p as justifi_business_form}

package/dist/webcomponents/p-08b0fb31.js

@@ -1,41 +1 @@
-import { h } from './p-fad19d75.js';
-
-// This component relies on "src/styles/animations.css" 
-// where it is defined the pulsation animation.
-// Because of shadow-dom, it's not possible to add it to the root.css.
-// Don't forget to include this file in the `styleUrls` 
-// property of the web component that will render the Skeleton
-const Skeleton = ({ component = 'div', height, width, variant = 'text', componentClassName, styles = {}, }) => {
-    const getVariantStyle = () => {
-        if (variant === 'text') {
-            return {
-                marginTop: 0,
-                marginBottom: 0,
-                height: 'auto',
-                transformOrigin: '0 55%',
-                transform: 'scale(1, 0.60)',
-                borderRadius: '4px/6.67px',
-                '::before': {
-                    content: '"\\00a0"',
-                },
-            };
-        }
-        else if (variant === 'circular') {
-            return {
-                borderRadius: '50%',
-            };
-        }
-        else if (variant === 'rounded') {
-            return {
-                borderRadius: '4px',
-            };
-        }
-        return {};
-    };
-    const combinedStyle = Object.assign(Object.assign(Object.assign({}, styles), getVariantStyle()), { width,
-        height });
-    const TagType = component;
-    return (h(TagType, { class: componentClassName, style: combinedStyle, part: "skeleton" }));
-};
-
-export { Skeleton as S };
+import{h as t}from"./p-fad19d75.js";const e=({component:e="div",height:r,width:o,variant:a="text",componentClassName:s,styles:n={}})=>{const i=Object.assign(Object.assign(Object.assign({},n),"text"===a?{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:"4px/6.67px","::before":{content:'"\\00a0"'}}:"circular"===a?{borderRadius:"50%"}:"rounded"===a?{borderRadius:"4px"}:{}),{width:o,height:r});return t(e,{class:s,style:i,part:"skeleton"})};export{e as S}

package/dist/webcomponents/p-0de026dd.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as r}from"./p-fad19d75.js";import{c as a}from"./p-5a62fca2.js";import{J as i}from"./p-437f9114.js";import"./p-8281f09a.js";import"./p-7d3be485.js";const o=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}componentWillLoad(){this.analytics=new i(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{key:"58843b8a47f35d716845de11f6a66d8960bc0776",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{o as justifi_card_form}