@justifi/webcomponents 6.12.6 → 6.12.7-rc.1

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { A as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, C as tableCell } from './parts.js';
+import { C as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, E as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { z as card, a0 as image, a1 as buttonLink } from './parts.js';
+import { B as card, a0 as image, a1 as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

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

@@ -20,7 +20,19 @@ export declare enum EntityDocumentType {
     governmentId = "government_id",
     profitAndLossStatement = "profit_and_loss_statement",
     taxReturn = "tax_return",
-    other = "other"
+    other = "other",
+    articlesOfIncorporation = "articles_of_incorporation",
+    businessRegistration = "business_registration",
+    passport = "passport",
+    driverLicense = "driver_license",
+    residentCard = "resident_card",
+    statusCard = "status_card",
+    nexusCard = "nexus_card",
+    citizenshipCard = "citizenship_card",
+    foreignPassport = "foreign_passport",
+    birthCertificate = "birth_certificate",
+    sinCard = "sin_card",
+    ssnCard = "ssn_card"
 }
 export declare enum EntityDocumentStatus {
     pending = "pending",
@@ -37,6 +49,7 @@ export interface DocumentRecordData {
     document_type: EntityDocumentType;
     file_name: string;
     file_type: string;
+    identity_id?: string;
 }
 export declare class EntityDocumentStorage {
     voided_check: EntityDocument[];
@@ -58,7 +71,7 @@ export declare class EntityDocument {
     document_type: EntityDocumentType;
     presigned_url: string | null;
     record_data: DocumentRecordData | null;
-    constructor(fileData: EntityFileData, business_id: string);
+    constructor(fileData: EntityFileData, business_id: string, identity_id?: string);
     getFileData(): Promise<ArrayBuffer>;
     setPresignedUrl(url: string): void;
 }

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

@@ -26,6 +26,8 @@ export declare class OwnerForm {
     ownerSubmitted: EventEmitter<any>;
     constructor();
     returnOwnerData(): Promise<string>;
+    getOwnershipPercentage(): Promise<string | null>;
+    setOwnershipPercentageError(message: string): Promise<void>;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
     validateAndSubmit(event: any): Promise<void>;

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts

@@ -1,19 +1,15 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import { ComponentErrorEvent, ComponentFormStepCompleteEvent, IBankAccount, EntityDocument, EntityDocumentStorage, FileSelectEvent } from '../../../../api';
+import { ComponentErrorEvent, ComponentFormStepCompleteEvent, IBankAccount } from '../../../../api';
 import { CountryCode } from '../../../../utils/country-codes';
 import { FormController } from '../../../../ui-components/form/form';
 export declare class BusinessBankAccountFormStep {
     formController: FormController;
     errors: any;
     bankAccount: IBankAccount;
-    existingDocuments: any;
-    documentData: EntityDocumentStorage;
     isLoading: boolean;
     viewMode: 'readonly' | 'plaid' | 'manual';
     getBusiness: Function;
     postBankAccount: Function;
-    postDocumentRecord: Function;
-    postDocument: Function;
     bankAccountVerification: boolean;
     platformAccountId: string | null;
     authToken: string;
@@ -34,7 +30,6 @@ export declare class BusinessBankAccountFormStep {
     private getSchema;
     initializeFormController: () => void;
     inputHandler: (name: string, value: string) => void;
-    storeFiles: (e: CustomEvent<FileSelectEvent>) => void;
     get postPayload(): {
         account_owner_name: string;
         account_type: string;
@@ -60,15 +55,9 @@ export declare class BusinessBankAccountFormStep {
     handleToggleToManualEntry: () => void;
     handleToggleToPlaidVerification: () => void;
     handleSaveBankAccount: () => Promise<void>;
-    private postBusinessDocuments;
-    private postDocumentRecordData;
-    handleDocRecordResponse: (docData: EntityDocument, response: any) => boolean;
-    uploadDocument: (docData: EntityDocument) => Promise<boolean>;
-    handleUploadResponse: (response: any) => boolean;
     private renderBankAccountInputs;
     private renderReadonlyView;
     private renderPlaidView;
     private renderManualEntryView;
-    private renderDocumentUploads;
     render(): any;
 }

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-form-step.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { ComponentErrorEvent, ComponentFormStepCompleteEvent, FileSelectEvent, IDocument, Identity } from '../../../../api';
+import { CountryCode } from '../../../../utils/country-codes';
+import { UploadedDocumentEntry } from './document-upload-options';
+export declare class DocumentUploadFormStep {
+    authToken: string;
+    businessId: string;
+    allowOptionalFields?: boolean;
+    country: CountryCode;
+    owners: Identity[];
+    existingDocuments: IDocument[];
+    selectedCategory: string;
+    selectedDocType: string;
+    uploadQueue: UploadedDocumentEntry[];
+    isLoading: boolean;
+    errors: {
+        [key: string]: string;
+    };
+    fileInputKey: number;
+    getBusiness: Function;
+    postDocumentRecord: Function;
+    private categories;
+    propChanged(): void;
+    watchHandler(newValue: boolean): void;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
+    formLoading: EventEmitter<boolean>;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    private initializeApi;
+    private getData;
+    private get categoryOptions();
+    private get docTypeOptions();
+    private validate;
+    handleCategoryChange: (_name: string, value: string) => void;
+    handleDocTypeChange: (_name: string, value: string) => void;
+    handleFileSelected: (e: CustomEvent<FileSelectEvent>) => Promise<void>;
+    private postDocumentRecordData;
+    private handleDocRecordResponse;
+    private uploadDocument;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-list.d.ts

@@ -0,0 +1,6 @@
+import { UploadedDocumentEntry } from './document-upload-options';
+export declare class DocumentUploadList {
+    documents: UploadedDocumentEntry[];
+    private renderStatus;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-options.d.ts

@@ -0,0 +1,44 @@
+import { Identity } from '../../../../api';
+import { CountryCode } from '../../../../utils/country-codes';
+export declare const businessDocumentOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const financialDocumentOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const personalDocGroup1Options: {
+    label: string;
+    value: string;
+}[];
+export declare const personalDocGroup2Options: {
+    label: string;
+    value: string;
+}[];
+export interface DocumentCategory {
+    label: string;
+    value: string;
+    identityId?: string;
+    docTypeOptions: {
+        label: string;
+        value: string;
+    }[];
+}
+export type DocumentUploadStatus = 'uploading' | 'uploaded' | 'error';
+export interface UploadedDocumentEntry {
+    categoryLabel: string;
+    categoryValue: string;
+    docTypeLabel: string;
+    docTypeValue: string;
+    fileName: string;
+    file: File;
+    identityId?: string;
+    status: DocumentUploadStatus;
+}
+export declare const staticCategories: DocumentCategory[];
+export declare function buildOwnerCategories(owners: Identity[]): DocumentCategory[];
+export declare const financialOnlyCategories: DocumentCategory[];
+export declare function buildAllCategories(owners: Identity[], country?: CountryCode): DocumentCategory[];
+export declare const personalDocGroup1Types: Set<string>;
+export declare const personalDocGroup2Types: Set<string>;

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-form-steps.d.ts

@@ -16,6 +16,7 @@ export declare class PaymentProvisioningFormSteps {
         4: () => any;
         5: () => any;
         6: () => any;
+        7: () => any;
     };
     render(): any;
 }

package/dist/types/components/business-forms/schemas/business-bank-account-schema.d.ts

@@ -1,17 +1,17 @@
 import { CountryCode } from '../../../utils/country-codes';
-export declare const businessBankAccountSchemaUSA: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchemaUSA: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const businessBankAccountSchemaCAN: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchemaCAN: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const businessBankAccountSchema: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const bankAccountSchemaByCountry: Record<CountryCode, (allowOptionalFields?: boolean, documents?: any[]) => any>;
+export declare const bankAccountSchemaByCountry: Record<CountryCode, (allowOptionalFields?: boolean) => any>;

package/dist/types/components/business-forms/utils/business-form-options.d.ts

@@ -6,5 +6,6 @@ export declare const businessClassificationOptions: BusinessFormOption[];
 export declare const businessServiceReceivedOptions: BusinessFormOption[];
 export declare const recurringPaymentsOptions: BusinessFormOption[];
 export declare const seasonalBusinessOptions: BusinessFormOption[];
+export declare const businessTitleOptions: BusinessFormOption[];
 export declare const bankAccountTypeOptions: BusinessFormOption[];
 export {};

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { CountryCode } from "./utils/country-codes";
 import { FormController as FormController1 } from "./ui-components/form/form";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { Dispute } from "./api/Dispute";
+import { UploadedDocumentEntry } from "./components/business-forms/payment-provisioning/document-upload/document-upload-options";
 import { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 import { IPaymentMethodMetadata } from "./api/PaymentMethod";
 import { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
@@ -37,6 +38,7 @@ export { CountryCode } from "./utils/country-codes";
 export { FormController as FormController1 } from "./ui-components/form/form";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { Dispute } from "./api/Dispute";
+export { UploadedDocumentEntry } from "./components/business-forms/payment-provisioning/document-upload/document-upload-options";
 export { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 export { IPaymentMethodMetadata } from "./api/PaymentMethod";
 export { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
@@ -238,6 +240,19 @@ export namespace Components {
          */
         "disputeResponse": ApiDisputeResponse | any;
     }
+    interface DocumentUploadFormStep {
+        "allowOptionalFields"?: boolean;
+        "authToken": string;
+        "businessId": string;
+        "country": CountryCode;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
+    interface DocumentUploadList {
+        /**
+          * @default []
+         */
+        "documents": UploadedDocumentEntry[];
+    }
     interface DuplicateCharge {
         "disputeResponse": any;
         /**
@@ -955,11 +970,13 @@ export namespace Components {
         "authToken": string;
         "businessId"?: string;
         "country": CountryCode;
+        "getOwnershipPercentage": () => Promise<string | null>;
         "newFormOpen"?: boolean;
         "ownerId"?: string;
         "ownersLength"?: number;
         "removeOwner": (id: string) => void;
         "returnOwnerData": () => Promise<string>;
+        "setOwnershipPercentageError": (message: string) => Promise<void>;
         "submit": () => Promise<boolean>;
         "validate": () => Promise<boolean>;
         "validateAndSubmit": (event: any) => Promise<void>;
@@ -1114,6 +1131,10 @@ export interface DisputeResponseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDisputeResponseElement;
 }
+export interface DocumentUploadFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDocumentUploadFormStepElement;
+}
 export interface FormControlCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFormControlCheckboxElement;
@@ -1597,6 +1618,31 @@ declare global {
         prototype: HTMLDisputeResponseElement;
         new (): HTMLDisputeResponseElement;
     };
+    interface HTMLDocumentUploadFormStepElementEventMap {
+        "error-event": ComponentErrorEvent1;
+        "complete-form-step-event": ComponentFormStepCompleteEvent1;
+        "formLoading": boolean;
+    }
+    interface HTMLDocumentUploadFormStepElement extends Components.DocumentUploadFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDocumentUploadFormStepElementEventMap>(type: K, listener: (this: HTMLDocumentUploadFormStepElement, ev: DocumentUploadFormStepCustomEvent<HTMLDocumentUploadFormStepElementEventMap[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 HTMLDocumentUploadFormStepElementEventMap>(type: K, listener: (this: HTMLDocumentUploadFormStepElement, ev: DocumentUploadFormStepCustomEvent<HTMLDocumentUploadFormStepElementEventMap[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 HTMLDocumentUploadFormStepElement: {
+        prototype: HTMLDocumentUploadFormStepElement;
+        new (): HTMLDocumentUploadFormStepElement;
+    };
+    interface HTMLDocumentUploadListElement extends Components.DocumentUploadList, HTMLStencilElement {
+    }
+    var HTMLDocumentUploadListElement: {
+        prototype: HTMLDocumentUploadListElement;
+        new (): HTMLDocumentUploadListElement;
+    };
     interface HTMLDuplicateChargeElement extends Components.DuplicateCharge, HTMLStencilElement {
     }
     var HTMLDuplicateChargeElement: {
@@ -2707,6 +2753,8 @@ declare global {
         "customer-details": HTMLCustomerDetailsElement;
         "dispute-notification": HTMLDisputeNotificationElement;
         "dispute-response": HTMLDisputeResponseElement;
+        "document-upload-form-step": HTMLDocumentUploadFormStepElement;
+        "document-upload-list": HTMLDocumentUploadListElement;
         "duplicate-charge": HTMLDuplicateChargeElement;
         "electronic-evidence": HTMLElectronicEvidenceElement;
         "form-address-fields": HTMLFormAddressFieldsElement;
@@ -2994,6 +3042,21 @@ declare namespace LocalJSX {
         "onError-event"?: (event: DisputeResponseCustomEvent<ComponentErrorEvent>) => void;
         "onSubmit-event"?: (event: DisputeResponseCustomEvent<ComponentSubmitEvent>) => void;
     }
+    interface DocumentUploadFormStep {
+        "allowOptionalFields"?: boolean;
+        "authToken": string;
+        "businessId": string;
+        "country": CountryCode;
+        "onComplete-form-step-event"?: (event: DocumentUploadFormStepCustomEvent<ComponentFormStepCompleteEvent1>) => void;
+        "onError-event"?: (event: DocumentUploadFormStepCustomEvent<ComponentErrorEvent1>) => void;
+        "onFormLoading"?: (event: DocumentUploadFormStepCustomEvent<boolean>) => void;
+    }
+    interface DocumentUploadList {
+        /**
+          * @default []
+         */
+        "documents"?: UploadedDocumentEntry[];
+    }
     interface DuplicateCharge {
         "disputeResponse": any;
         /**
@@ -3914,6 +3977,8 @@ declare namespace LocalJSX {
         "customer-details": CustomerDetails;
         "dispute-notification": DisputeNotification;
         "dispute-response": DisputeResponse;
+        "document-upload-form-step": DocumentUploadFormStep;
+        "document-upload-list": DocumentUploadList;
         "duplicate-charge": DuplicateCharge;
         "electronic-evidence": ElectronicEvidence;
         "form-address-fields": FormAddressFields;
@@ -4040,6 +4105,8 @@ declare module "@stencil/core" {
             "customer-details": LocalJSX.CustomerDetails & JSXBase.HTMLAttributes<HTMLCustomerDetailsElement>;
             "dispute-notification": LocalJSX.DisputeNotification & JSXBase.HTMLAttributes<HTMLDisputeNotificationElement>;
             "dispute-response": LocalJSX.DisputeResponse & JSXBase.HTMLAttributes<HTMLDisputeResponseElement>;
+            "document-upload-form-step": LocalJSX.DocumentUploadFormStep & JSXBase.HTMLAttributes<HTMLDocumentUploadFormStepElement>;
+            "document-upload-list": LocalJSX.DocumentUploadList & JSXBase.HTMLAttributes<HTMLDocumentUploadListElement>;
             "duplicate-charge": LocalJSX.DuplicateCharge & JSXBase.HTMLAttributes<HTMLDuplicateChargeElement>;
             "electronic-evidence": LocalJSX.ElectronicEvidence & JSXBase.HTMLAttributes<HTMLElectronicEvidenceElement>;
             "form-address-fields": LocalJSX.FormAddressFields & JSXBase.HTMLAttributes<HTMLFormAddressFieldsElement>;

package/dist/webcomponents/{p-oTtn8xDw.js → p--RbNhyet.js}

@@ -1 +1 @@
-import{A as e}from"./p-CYQvLgSs.js";import"./p-NZS8uCtH.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";const t=e();class s{async fetchDispute(e,s){return t.get({endpoint:`disputes/${e}`,authToken:s})}async updateDisputeResponse(e,s,n){return t.patch({endpoint:`disputes/${e}/response`,body:n,authToken:s})}async submitDisputeResponse(e,s,n){return t.post({endpoint:`disputes/${e}/response`,body:n,authToken:s})}async createDisputeEvidence(e,s,n){return t.put({endpoint:`disputes/${e}/evidence`,body:n,authToken:s})}}var n,i;!function(e){e.nextStep="nextStep",e.previousStep="previousStep",e.cancelDispute="cancelDispute",e.respondToDispute="respondToDispute",e.submit="submit"}(n||(n={})),function(e){e.disputeReason="dispute_reason",e.productOrService="product_or_service",e.customerDetails="customer_details",e.cancellationPolicy="cancellation_policy",e.refundPolicy="refund_policy",e.duplicateCharge="duplicate_charge",e.electronicEvidence="electronic_evidence",e.shippingDetails="shipping_details",e.additionalStatement="additional_statement"}(i||(i={}));export{n as D,s as a}
+import{A as e}from"./p-CYQvLgSs.js";import"./p-Dzv0P2Ly.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";const t=e();class s{async fetchDispute(e,s){return t.get({endpoint:`disputes/${e}`,authToken:s})}async updateDisputeResponse(e,s,n){return t.patch({endpoint:`disputes/${e}/response`,body:n,authToken:s})}async submitDisputeResponse(e,s,n){return t.post({endpoint:`disputes/${e}/response`,body:n,authToken:s})}async createDisputeEvidence(e,s,n){return t.put({endpoint:`disputes/${e}/evidence`,body:n,authToken:s})}}var n,i;!function(e){e.nextStep="nextStep",e.previousStep="previousStep",e.cancelDispute="cancelDispute",e.respondToDispute="respondToDispute",e.submit="submit"}(n||(n={})),function(e){e.disputeReason="dispute_reason",e.productOrService="product_or_service",e.customerDetails="customer_details",e.cancellationPolicy="cancellation_policy",e.refundPolicy="refund_policy",e.duplicateCharge="duplicate_charge",e.electronicEvidence="electronic_evidence",e.shippingDetails="shipping_details",e.additionalStatement="additional_statement"}(i||(i={}));export{n as D,s as a}

package/dist/webcomponents/{p-4b39a470.entry.js → p-01ed8fb5.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,c as a}from"./p-CV0Pyo1O.js";import{P as s}from"./p-nb_LhbJq.js";import{m as i}from"./p-5G1OMxZz.js";import{C as d,e as c,g as f,f as l}from"./p-NZS8uCtH.js";import{J as r}from"./p-Axa3cgnH.js";import{c as h}from"./p-BdpSLMs7.js";import"./p-DVJaoI_m.js";import{b as o,d as b,s as p}from"./p-BRnBHsdq.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{P as n,M as m}from"./p-D1_eip6x.js";import{a as y,b as u,D as v,c as k,C as g,E as j}from"./p-Cu7hgXL1.js";import{S as C}from"./p-BqNNwq6C.js";import"./p-CZfYo5-1.js";import{S as w}from"./p-uZ5KAseb.js";import{a as x,B as D}from"./p-CHw7tICr.js";import"./p-CYQvLgSs.js";import"./p-HXpYMWUU.js";import"./p-Cm9f5fyh.js";import"./p-DAZd_gFd.js";import"./p-D8GTwl9v.js";import"./p-CPKMvyV_.js";const P=()=>e("div",{class:"row gap-3"},e("div",{class:"col-12"},e(w,{width:"35%",height:"30px"})),e("div",{class:"col-12"},e(w,{width:"70%"})),e("div",{class:"col-12"},e(w,{width:"40%"})),e("div",{class:"col-12"},e(w,{width:"40%"})),e("div",{class:"col-12"},e(w,{width:"100%"})),e("div",{class:"col-12"},e(w,{width:"80%"}))),M=class{constructor(e){t(this,e),this.errorEvent=a(this,"error-event",7),this.recordClickEvent=a(this,"record-click-event",7),this.loading=!0}componentWillLoad(){h(),this.analytics=new r(this),this.initializeGetPaymentDetails()}disconnectedCallback(){var e;null===(e=this.analytics)||void 0===e||e.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?(this.getPaymentDetails=i({id:this.paymentId,authToken:this.authToken,service:new s}),this.fetchData()):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:c.MISSING_PROPS,severity:d.ERROR}))}updateOnPropChange(){this.getPaymentDetails&&this.fetchData()}fetchData(){this.loading=!0,this.getPaymentDetails({onSuccess:({payment:e})=>{this.payment=e,this.errorMessage=null},onError:({error:e,code:t,severity:a})=>{this.errorMessage=e,this.errorEvent.emit({errorCode:t,message:e,severity:a})},final:()=>{this.loading=!1}})}get PaymentStatus(){return this.payment.status===f.disputed&&this.payment.disputes.some((e=>e.status===l.lost))?n.DISPUTE_LOST:this.payment.status}render(){return e(C,{key:"f4952600aea69aae085ac57364e96397d1a20e51"},this.loading&&e(P,{key:"2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae"}),!this.loading&&this.errorMessage&&j(this.errorMessage),!this.loading&&!this.errorMessage&&this.payment&&e("justifi-details",{key:"35a58e3917bdc3133f02374c0e031374be7c728c",errorMessage:this.errorMessage},e(y,{key:"dad5f79ea18ef718b92bf2c2abbbba34542d6caa",slot:"head-info",badge:e("div",{class:"d-flex gap-1"},m(this.PaymentStatus),this.payment.expedited?e(x,{variant:D.WARNING,title:"Expedited",text:"Expedited"}):null),title:this.payment.formattedPaymentAmount(this.payment.amount)},e(u,{key:"12e7cfb4f4f56a1af8403b935cb51db3751f1395",classes:"border-1 border-end",title:"Updated At",value:`${o(this.payment.updated_at)} ${b(this.payment.updated_at)}`}),e(u,{key:"023945353c0cbab340f4f510951164f110045ea5",classes:"border-1 border-end",title:"Created At",value:`${o(this.payment.created_at)} ${b(this.payment.created_at)}`}),e(u,{key:"dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea",title:"ID",value:this.payment.id})),e("div",{key:"a7774df4ece900dc67494377cf648bf64f558490",slot:"detail-sections"},e(v,{key:"ef4a9197d4eb47d81c11c7f974f1e4058d5e3166",sectionTitle:"Details"}),e("div",{key:"17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"dbb764a1a6cbe949d2e281334e2f420f957b98fe",title:"Amount",value:this.payment.formattedPaymentAmount(this.payment.amount)}),e(k,{key:"7a3547ade7107456956618c72a95056a0771d219",title:"Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(k,{key:"94df0647f7286a4a7c9001f9e82b4277fe0f8457",title:"Refunded",value:this.payment.formattedPaymentAmount(this.payment.amount_refunded)}),e(k,{key:"59c13e257938124af50adfaa73571f152c402bd4",title:"Net",value:this.payment.formattedPaymentAmount(this.payment.balance)}),e(k,{key:"6abf719a072a3a1ea5878d999e517dafb7ba19d5",title:"Status",value:m(this.PaymentStatus)}),e(k,{key:"c494d2b4be8c9e13747f0299a618ea6c9ff723d7",title:"Payment ID",value:this.payment.id}),e(k,{key:"1024b282558896dcb2c4ab7718045d98a6f6853e",title:"Processing Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(k,{key:"6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97",title:"Statement Descriptor",value:this.payment.statement_descriptor}),e(k,{key:"43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0",title:"Description",value:this.payment.description}),e(k,{key:"e6180466f4341e2c438f09cc42feb518f59aded4",title:"Expedited",value:this.payment.expedited?"Yes":"No"})),this.payment.payment_method.card&&[e(v,{key:"289f80acfa3cd41f82637e8f9d9e63dac4c11b5b",sectionTitle:"Payment Method"}),e("div",{key:"616a2e7ae000581dd481725c57a644fc3e0a9b7c",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"2c13ea8a771e2f155a9e3d5dbae78c7800f31adb",title:"ID",value:this.payment.payment_method.card.id}),e(k,{key:"62700836b3bd9656d07dc58d0d07d164c091cd74",title:"Payment Type",value:"Card"}),e(k,{key:"528ad4dddccaa7f5bc274b3b297557f659d46789",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),e(k,{key:"fdf2ad89e4e7ad253e16bff9038dc79da5a71b19",title:"Brand",value:p(this.payment.payment_method.card.brand)}),e(k,{key:"0b2c505e1fae49414414d5e839b1bdc849290c41",title:"Cardholder",value:this.payment.payment_method.payersName}))],this.payment.payment_method.bank_account&&[e(v,{key:"2a04be5ee508a547661e1ff947c2c9b40da2a192",sectionTitle:"Payment Method"}),e("div",{key:"1316f9c749960ca0ab4967ff03697583e690007d",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d",title:"ID",value:this.payment.payment_method.bank_account.id}),e(k,{key:"44f1f47522b94ce5e403d766ee71645b4285d675",title:"Last 4 Numbers",value:this.payment.last_four_digits}),e(k,{key:"f03369474996dc0ae52c7d909ac1bba51e291668",title:"Bank Name",value:this.payment.payment_method.bank_account.brand}),e(k,{key:"d697a0e2a954f0e4efb4cec27dcae9c57fa0ce54",title:"Account Owner",value:this.payment.payment_method.payersName}))],this.payment.metadata&&[e(v,{key:"7cdd88cc59c7852574b05e1709f85afe3bf7367e",sectionTitle:"Metadata"}),e("div",{key:"bde3519c811862185b0757fd7c8a2a0a05117466",class:"d-table gap-2 w-100"},e(g,{key:"7675f134c9580381d495a1d7534e73b77583cb8b",metadata:this.payment.metadata}))])))}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"],getPaymentDetails:["updateOnPropChange"]}}};export{M as justifi_payment_details}
+import{h as e,r as t,c as a}from"./p-CV0Pyo1O.js";import{P as s}from"./p-n_pmf4AT.js";import{m as i}from"./p-vUN_uvAi.js";import{C as d,e as c,g as f,f as l}from"./p-Dzv0P2Ly.js";import{J as r}from"./p-H0ILKMD2.js";import{c as h}from"./p-D9rCHoO4.js";import"./p-DVJaoI_m.js";import{b as o,d as b,s as p}from"./p-BRnBHsdq.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{P as n,M as m}from"./p-D1_eip6x.js";import{a as y,b as u,D as v,c as k,C as j,E as C}from"./p-Cu7hgXL1.js";import{S as g}from"./p-DzEdYT8R.js";import"./p-CZfYo5-1.js";import{S as D}from"./p-uZ5KAseb.js";import{a as w,B as P}from"./p-CHw7tICr.js";import"./p-CYQvLgSs.js";import"./p-HXpYMWUU.js";import"./p-CDu7TeCZ.js";import"./p-D6Pw5qJ5.js";import"./p-D8GTwl9v.js";import"./p-CPKMvyV_.js";const x=()=>e("div",{class:"row gap-3"},e("div",{class:"col-12"},e(D,{width:"35%",height:"30px"})),e("div",{class:"col-12"},e(D,{width:"70%"})),e("div",{class:"col-12"},e(D,{width:"40%"})),e("div",{class:"col-12"},e(D,{width:"40%"})),e("div",{class:"col-12"},e(D,{width:"100%"})),e("div",{class:"col-12"},e(D,{width:"80%"}))),T=class{constructor(e){t(this,e),this.errorEvent=a(this,"error-event",7),this.recordClickEvent=a(this,"record-click-event",7),this.loading=!0}componentWillLoad(){h(),this.analytics=new r(this),this.initializeGetPaymentDetails()}disconnectedCallback(){var e;null===(e=this.analytics)||void 0===e||e.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?(this.getPaymentDetails=i({id:this.paymentId,authToken:this.authToken,service:new s}),this.fetchData()):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:c.MISSING_PROPS,severity:d.ERROR}))}updateOnPropChange(){this.getPaymentDetails&&this.fetchData()}fetchData(){this.loading=!0,this.getPaymentDetails({onSuccess:({payment:e})=>{this.payment=e,this.errorMessage=null},onError:({error:e,code:t,severity:a})=>{this.errorMessage=e,this.errorEvent.emit({errorCode:t,message:e,severity:a})},final:()=>{this.loading=!1}})}get PaymentStatus(){return this.payment.status===f.disputed&&this.payment.disputes.some((e=>e.status===l.lost))?n.DISPUTE_LOST:this.payment.status}render(){return e(g,{key:"f4952600aea69aae085ac57364e96397d1a20e51"},this.loading&&e(x,{key:"2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae"}),!this.loading&&this.errorMessage&&C(this.errorMessage),!this.loading&&!this.errorMessage&&this.payment&&e("justifi-details",{key:"35a58e3917bdc3133f02374c0e031374be7c728c",errorMessage:this.errorMessage},e(y,{key:"dad5f79ea18ef718b92bf2c2abbbba34542d6caa",slot:"head-info",badge:e("div",{class:"d-flex gap-1"},m(this.PaymentStatus),this.payment.expedited?e(w,{variant:P.WARNING,title:"Expedited",text:"Expedited"}):null),title:this.payment.formattedPaymentAmount(this.payment.amount)},e(u,{key:"12e7cfb4f4f56a1af8403b935cb51db3751f1395",classes:"border-1 border-end",title:"Updated At",value:`${o(this.payment.updated_at)} ${b(this.payment.updated_at)}`}),e(u,{key:"023945353c0cbab340f4f510951164f110045ea5",classes:"border-1 border-end",title:"Created At",value:`${o(this.payment.created_at)} ${b(this.payment.created_at)}`}),e(u,{key:"dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea",title:"ID",value:this.payment.id})),e("div",{key:"a7774df4ece900dc67494377cf648bf64f558490",slot:"detail-sections"},e(v,{key:"ef4a9197d4eb47d81c11c7f974f1e4058d5e3166",sectionTitle:"Details"}),e("div",{key:"17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"dbb764a1a6cbe949d2e281334e2f420f957b98fe",title:"Amount",value:this.payment.formattedPaymentAmount(this.payment.amount)}),e(k,{key:"7a3547ade7107456956618c72a95056a0771d219",title:"Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(k,{key:"94df0647f7286a4a7c9001f9e82b4277fe0f8457",title:"Refunded",value:this.payment.formattedPaymentAmount(this.payment.amount_refunded)}),e(k,{key:"59c13e257938124af50adfaa73571f152c402bd4",title:"Net",value:this.payment.formattedPaymentAmount(this.payment.balance)}),e(k,{key:"6abf719a072a3a1ea5878d999e517dafb7ba19d5",title:"Status",value:m(this.PaymentStatus)}),e(k,{key:"c494d2b4be8c9e13747f0299a618ea6c9ff723d7",title:"Payment ID",value:this.payment.id}),e(k,{key:"1024b282558896dcb2c4ab7718045d98a6f6853e",title:"Processing Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(k,{key:"6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97",title:"Statement Descriptor",value:this.payment.statement_descriptor}),e(k,{key:"43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0",title:"Description",value:this.payment.description}),e(k,{key:"e6180466f4341e2c438f09cc42feb518f59aded4",title:"Expedited",value:this.payment.expedited?"Yes":"No"})),this.payment.payment_method.card&&[e(v,{key:"289f80acfa3cd41f82637e8f9d9e63dac4c11b5b",sectionTitle:"Payment Method"}),e("div",{key:"616a2e7ae000581dd481725c57a644fc3e0a9b7c",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"2c13ea8a771e2f155a9e3d5dbae78c7800f31adb",title:"ID",value:this.payment.payment_method.card.id}),e(k,{key:"62700836b3bd9656d07dc58d0d07d164c091cd74",title:"Payment Type",value:"Card"}),e(k,{key:"528ad4dddccaa7f5bc274b3b297557f659d46789",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),e(k,{key:"fdf2ad89e4e7ad253e16bff9038dc79da5a71b19",title:"Brand",value:p(this.payment.payment_method.card.brand)}),e(k,{key:"0b2c505e1fae49414414d5e839b1bdc849290c41",title:"Cardholder",value:this.payment.payment_method.payersName}))],this.payment.payment_method.bank_account&&[e(v,{key:"2a04be5ee508a547661e1ff947c2c9b40da2a192",sectionTitle:"Payment Method"}),e("div",{key:"1316f9c749960ca0ab4967ff03697583e690007d",class:"d-flex flex-column gap-2 w-100"},e(k,{key:"46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d",title:"ID",value:this.payment.payment_method.bank_account.id}),e(k,{key:"44f1f47522b94ce5e403d766ee71645b4285d675",title:"Last 4 Numbers",value:this.payment.last_four_digits}),e(k,{key:"f03369474996dc0ae52c7d909ac1bba51e291668",title:"Bank Name",value:this.payment.payment_method.bank_account.brand}),e(k,{key:"d697a0e2a954f0e4efb4cec27dcae9c57fa0ce54",title:"Account Owner",value:this.payment.payment_method.payersName}))],this.payment.metadata&&[e(v,{key:"7cdd88cc59c7852574b05e1709f85afe3bf7367e",sectionTitle:"Metadata"}),e("div",{key:"bde3519c811862185b0757fd7c8a2a0a05117466",class:"d-table gap-2 w-100"},e(j,{key:"7675f134c9580381d495a1d7534e73b77583cb8b",metadata:this.payment.metadata}))])))}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"],getPaymentDetails:["updateOnPropChange"]}}};export{T as justifi_payment_details}

package/dist/webcomponents/{p-07eaee91.entry.js → p-0290ca0f.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as i}from"./p-CV0Pyo1O.js";import{l as s,C as a,e as r}from"./p-NZS8uCtH.js";import{J as n}from"./p-Axa3cgnH.js";import{c as o}from"./p-BdpSLMs7.js";import{T as c}from"./p-Ba8jdOkX.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{p as h}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{g as d,a as p}from"./p-Cm9f5fyh.js";import{m,S as u}from"./p-BxKbnILQ.js";import{S as l}from"./p-BqNNwq6C.js";import{T as b,a as f,b as v,c as g,d as k,e as y,f as j,g as C,h as w,i as _,j as T,k as S,l as O}from"./p-BICxxa69.js";import{T as D}from"./p-CZfYo5-1.js";import{B as I,a as P}from"./p-CHw7tICr.js";import{a6 as x,a7 as A}from"./p-CPKMvyV_.js";import{k as B}from"./p-BRnBHsdq.js";import{o as N,g as E}from"./p-Dw63wyhO.js";import"./p-DAZd_gFd.js";import"./p-CYQvLgSs.js";import"./p-D8GTwl9v.js";import"./p-CqiVXthx.js";const H={nickname:()=>t("th",{part:x,scope:"col",title:"The nickname associated with the terminal"},"Nickname"),model_name:()=>t("th",{part:x,scope:"col",title:"The model name of the terminal"},"Model Name"),id:()=>t("th",{part:x,scope:"col",title:"The ID of the terminal"},"ID"),provider:()=>t("th",{part:x,scope:"col",title:"The provider of the terminal"},"Provider"),provider_serial_number:()=>t("th",{part:x,scope:"col",title:"The serial number of the terminal"},"Serial Number"),device_id:()=>t("th",{part:x,scope:"col",title:"The device/provider ID of the terminal"},"Device ID"),sub_account_name:()=>t("th",{part:x,scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>t("th",{part:x,scope:"col",title:"The current status of each terminal"},"Status")},L={nickname:(e,i)=>t("td",{part:A(i)},e.nickname),model_name:(e,i)=>t("td",{part:A(i)},e.model_name),id:(e,i)=>t("td",{part:A(i)},e.id),provider:(e,i)=>t("td",{part:A(i)},B(e.provider)),provider_serial_number:(e,i)=>t("td",{part:A(i)},e.provider_serial_number),device_id:(e,i)=>t("td",{part:A(i)},e.provider_id),sub_account_name:(e,i)=>t("td",{part:A(i)},e.sub_account_name),status:(e,i)=>t("td",{part:A(i)},t(P,Object.assign({},{connected:{variant:I.SUCCESS,title:"This terminal is connected",text:"Connected"},disconnected:{variant:I.DANGER,title:"This terminal is disconnected",text:"Disconnected"},unknown:{variant:I.SECONDARY,title:"The status of this terminal is unknown",text:"Unknown"},pending_configuration:{variant:I.WARNING,title:"This terminal is pending configuration",text:"Pending configuration"},archived:{variant:I.SECONDARY,title:"This terminal is archived",text:"Archived"}}[e.status])))},q=class{constructor(t){e(this,t),this.clickEvent=i(this,"click-event",7),this.errorEvent=i(this,"error-event",7),this.terminals=[],this.subAccounts=[],this.loading=!0,this.paging=h,this.pagingParams={},this.columns="nickname,provider_serial_number,status",this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:D.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:D.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const i=this.terminals.find((t=>t.id===e));this.clickEvent.emit({name:D.row,data:i})}}componentWillLoad(){o(),this.analytics=new n(this),this.terminalsTable=new b(this.terminals,this.columns,H,L),this.initializeGetData(),this.getTerminals&&this.getSubAccounts&&this.fetchData(),N("set",(()=>{this.pagingParams={}})),N("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}updateOnPropChange(){this.fetchData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:e,service:i})=>async({params:r,onSuccess:n,onError:o})=>{var c,h;try{const m=await i.fetchTerminals(t,e,r);if(m.error)return o({error:p(m.error),code:d(null===(h=m.error)||void 0===h?void 0:h.code),severity:a.ERROR});{const t=Object.assign({},m.page_info);n({terminals:(null===(c=m.data)||void 0===c?void 0:c.map((t=>new s(t))))||[],pagingInfo:t})}}catch(t){const e=d(null==t?void 0:t.code);return o({error:t.message||t,code:e,severity:a.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new c}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({primaryAccountId:this.accountId,authToken:this.authToken,service:new u}))}fetchData(){this.loading=!0,this.getTerminals({params:this.terminalParams,onSuccess:async({terminals:t,pagingInfo:e})=>{this.terminals=t,this.paging=e,this.terminalsTable.collectionData=this.terminals,this.terminalsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.terminals=this.terminals.map((t=>{var e;return t.sub_account_name=null===(e=this.subAccounts.find((e=>e.id===t.account_id)))||void 0===e?void 0:e.name,t})),this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}get terminalParams(){const t=E();return Object.assign(Object.assign({},t),this.pagingParams)}get subAccountParams(){let t=this.terminals.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.terminals.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(l,{key:"6388e9b0b7c6dcedc9f3db534d3a30d0a748929c"},t(f,{key:"e11b994e16e657aaaa7c6f29197865d0d6bfd1ba"},t(v,{key:"340980f75fef37841907835378d9c0ced1992b5c"},t(g,{key:"fdd3d1569b6a3df9d5d31fb2cc602ab054529fc6"},t(k,{key:"440d602ac5746635f92445c6216c807b9b13517e"},this.terminalsTable.columnData.map((t=>t)))),t(y,{key:"ccef66a47be1cfca09f10d450fb7eeaf241a17e0"},t(j,{key:"aea6e2f33e07c717f50065c12211f9f2d9266bec",columnSpan:this.terminalsTable.columnKeys.length,isLoading:this.loading}),t(C,{key:"7c92ba6cd398bae23587a2e1771bba7b75dc680c",isEmpty:this.showEmptyState,columnSpan:this.terminalsTable.columnKeys.length}),t(w,{key:"3155cf655f5b8e4290e8cabdcdbd534159f22ddd",columnSpan:this.terminalsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalsTable.rowData.map(((e,i)=>t(_,{"data-test-id":"table-row","data-row-entity-id":this.entityId[i],onClick:this.rowClickHandler},e)))),this.paging&&t(T,{key:"da9172d4bf4439456894b53a0cf13a82081909f0"},t(S,{key:"e6c0847dc330a0e32228f2020d22bbaf0e4ad439"},t(O,{key:"6761f623d70d13b13e92ec73c9b936d5bf85dd70",colSpan:this.terminalsTable.columnData.length},t("pagination-menu",{key:"4b490b5834be42664ebbc27b7c7a1b0c10bd433b",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getTerminals:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{q as justifi_terminals_list}
+import{h as t,r as e,c as i}from"./p-CV0Pyo1O.js";import{l as s,C as a,e as r}from"./p-Dzv0P2Ly.js";import{J as o}from"./p-H0ILKMD2.js";import{c as n}from"./p-D9rCHoO4.js";import{T as c}from"./p-xWuaNtJy.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{p as h}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{g as d,a as p}from"./p-CDu7TeCZ.js";import{m,S as u}from"./p-C-zuQNNP.js";import{S as l}from"./p-DzEdYT8R.js";import{T as b,a as f,b as v,c as g,d as y,e as k,f as j,g as C,h as w,i as T,j as _,k as D,l as S}from"./p-BICxxa69.js";import{T as P}from"./p-CZfYo5-1.js";import{B as O,a as I}from"./p-CHw7tICr.js";import{a6 as x,a7 as A}from"./p-CPKMvyV_.js";import{k as N}from"./p-BRnBHsdq.js";import{o as E,g as z}from"./p-Dw63wyhO.js";import"./p-D6Pw5qJ5.js";import"./p-CYQvLgSs.js";import"./p-D8GTwl9v.js";import"./p-CqiVXthx.js";const H={nickname:()=>t("th",{part:x,scope:"col",title:"The nickname associated with the terminal"},"Nickname"),model_name:()=>t("th",{part:x,scope:"col",title:"The model name of the terminal"},"Model Name"),id:()=>t("th",{part:x,scope:"col",title:"The ID of the terminal"},"ID"),provider:()=>t("th",{part:x,scope:"col",title:"The provider of the terminal"},"Provider"),provider_serial_number:()=>t("th",{part:x,scope:"col",title:"The serial number of the terminal"},"Serial Number"),device_id:()=>t("th",{part:x,scope:"col",title:"The device/provider ID of the terminal"},"Device ID"),sub_account_name:()=>t("th",{part:x,scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>t("th",{part:x,scope:"col",title:"The current status of each terminal"},"Status")},L={nickname:(e,i)=>t("td",{part:A(i)},e.nickname),model_name:(e,i)=>t("td",{part:A(i)},e.model_name),id:(e,i)=>t("td",{part:A(i)},e.id),provider:(e,i)=>t("td",{part:A(i)},N(e.provider)),provider_serial_number:(e,i)=>t("td",{part:A(i)},e.provider_serial_number),device_id:(e,i)=>t("td",{part:A(i)},e.provider_id),sub_account_name:(e,i)=>t("td",{part:A(i)},e.sub_account_name),status:(e,i)=>t("td",{part:A(i)},t(I,Object.assign({},{connected:{variant:O.SUCCESS,title:"This terminal is connected",text:"Connected"},disconnected:{variant:O.DANGER,title:"This terminal is disconnected",text:"Disconnected"},unknown:{variant:O.SECONDARY,title:"The status of this terminal is unknown",text:"Unknown"},pending_configuration:{variant:O.WARNING,title:"This terminal is pending configuration",text:"Pending configuration"},archived:{variant:O.SECONDARY,title:"This terminal is archived",text:"Archived"}}[e.status])))},B=class{constructor(t){e(this,t),this.clickEvent=i(this,"click-event",7),this.errorEvent=i(this,"error-event",7),this.terminals=[],this.subAccounts=[],this.loading=!0,this.paging=h,this.pagingParams={},this.columns="nickname,provider_serial_number,status",this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:P.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:P.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const i=this.terminals.find((t=>t.id===e));this.clickEvent.emit({name:P.row,data:i})}}componentWillLoad(){n(),this.analytics=new o(this),this.terminalsTable=new b(this.terminals,this.columns,H,L),this.initializeGetData(),this.getTerminals&&this.getSubAccounts&&this.fetchData(),E("set",(()=>{this.pagingParams={}})),E("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}updateOnPropChange(){this.fetchData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:e,service:i})=>async({params:r,onSuccess:o,onError:n})=>{var c,h;try{const m=await i.fetchTerminals(t,e,r);if(m.error)return n({error:p(m.error),code:d(null===(h=m.error)||void 0===h?void 0:h.code),severity:a.ERROR});{const t=Object.assign({},m.page_info);o({terminals:(null===(c=m.data)||void 0===c?void 0:c.map((t=>new s(t))))||[],pagingInfo:t})}}catch(t){const e=d(null==t?void 0:t.code);return n({error:t.message||t,code:e,severity:a.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new c}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({primaryAccountId:this.accountId,authToken:this.authToken,service:new u}))}fetchData(){this.loading=!0,this.getTerminals({params:this.terminalParams,onSuccess:async({terminals:t,pagingInfo:e})=>{this.terminals=t,this.paging=e,this.terminalsTable.collectionData=this.terminals,this.terminalsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.terminals=this.terminals.map((t=>{var e;return t.sub_account_name=null===(e=this.subAccounts.find((e=>e.id===t.account_id)))||void 0===e?void 0:e.name,t})),this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}get terminalParams(){const t=z();return Object.assign(Object.assign({},t),this.pagingParams)}get subAccountParams(){let t=this.terminals.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.terminals.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(l,{key:"6388e9b0b7c6dcedc9f3db534d3a30d0a748929c"},t(f,{key:"e11b994e16e657aaaa7c6f29197865d0d6bfd1ba"},t(v,{key:"340980f75fef37841907835378d9c0ced1992b5c"},t(g,{key:"fdd3d1569b6a3df9d5d31fb2cc602ab054529fc6"},t(y,{key:"440d602ac5746635f92445c6216c807b9b13517e"},this.terminalsTable.columnData.map((t=>t)))),t(k,{key:"ccef66a47be1cfca09f10d450fb7eeaf241a17e0"},t(j,{key:"aea6e2f33e07c717f50065c12211f9f2d9266bec",columnSpan:this.terminalsTable.columnKeys.length,isLoading:this.loading}),t(C,{key:"7c92ba6cd398bae23587a2e1771bba7b75dc680c",isEmpty:this.showEmptyState,columnSpan:this.terminalsTable.columnKeys.length}),t(w,{key:"3155cf655f5b8e4290e8cabdcdbd534159f22ddd",columnSpan:this.terminalsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalsTable.rowData.map(((e,i)=>t(T,{"data-test-id":"table-row","data-row-entity-id":this.entityId[i],onClick:this.rowClickHandler},e)))),this.paging&&t(_,{key:"da9172d4bf4439456894b53a0cf13a82081909f0"},t(D,{key:"e6c0847dc330a0e32228f2020d22bbaf0e4ad439"},t(S,{key:"6761f623d70d13b13e92ec73c9b936d5bf85dd70",colSpan:this.terminalsTable.columnData.length},t("pagination-menu",{key:"4b490b5834be42664ebbc27b7c7a1b0c10bd433b",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getTerminals:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{B as justifi_terminals_list}