@justifi/webcomponents 6.13.3 → 6.13.4-rc.1

package/dist/module/justifi-google-pay2.js

@@ -38,6 +38,10 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay
         this.googlePayCompleted = createEvent(this, "googlePayCompleted", 7);
         this.googlePayCancelled = createEvent(this, "googlePayCancelled", 7);
         this.merchantDisplayName = "JustiFi Checkout";
+        /** Set to true when embedding inside an Android WebView so the iframe uses the
+         * W3C Payment Request API (native Google Pay sheet) instead of pay.js's
+         * loadPaymentData popup, which Google blocks in WebViews (OR_BIBED_15). */
+        this.useNativePaymentRequest = false;
         this.iframeReady = false;
         this.sdkLoaded = false;
         this.isReadyToPay = false;
@@ -111,6 +115,7 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay
             merchantName: this.merchantDisplayName,
             authToken: checkoutStore.authToken,
             accountId: checkoutStore.accountId,
+            useNativePaymentRequest: this.useNativePaymentRequest,
         };
         this.iframeElement.contentWindow.postMessage({
             eventType: GooglePayEventTypes.initialize,
@@ -149,6 +154,7 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay
 }, [257, "justifi-google-pay", {
         "environment": [1],
         "merchantDisplayName": [1, "merchant-display-name"],
+        "useNativePaymentRequest": [4, "use-native-payment-request"],
         "iframeOrigin": [32],
         "iframeReady": [32],
         "sdkLoaded": [32],

package/dist/module/justifi-order-terminals.js

@@ -17,7 +17,7 @@ import './Pagination.js';
 import './ApplePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { T as TerminalService } from './terminal.service.js';
-import { n as formatPhoneNumber } from './utils2.js';
+import { m as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';

package/dist/module/justifi-payment-provisioning.js

@@ -8,7 +8,7 @@ import './Pagination.js';
 import { a as CountryCode, b as Business, f as checkProvisioningStatus } from './Business.js';
 import './ApplePay.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
-import { k as isTokenExpired } from './utils2.js';
+import { n as isTokenExpired } from './utils2.js';
 import { j as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
@@ -69,6 +69,10 @@ const PaymentProvisioningSubmissionComplete = () => {
     return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
 };
 
+const PaymentProvisioningSubmissionFailed = () => {
+    return (h("div", { class: "row gap-3 p-5" }, h("div", { class: "col-12" }, h(Header1, { text: "Something went wrong" })), h("div", { class: "col-12", part: text }, h("p", null, "There was an error submitting the provisioning. Your progress has been saved \u2014 please try again later or contact the support team."))));
+};
+
 const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentProvisioning extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -83,6 +87,7 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
         this.businessLoading = true;
         this.businessProvisioned = false;
         this.formSubmitted = false;
+        this.submissionFailed = false;
         this.currentStep = 0;
         this.country = CountryCode.USA;
         this.allowOptionalFields = false;
@@ -124,6 +129,7 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
                     this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
+                    this.submissionFailed = true;
                     this.submitEvent.emit({ response: { error } });
                     this.errorEvent.emit({
                         message: error,
@@ -227,6 +233,9 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
         if (this.formSubmitted) {
             return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
         }
+        if (this.submissionFailed) {
+            return (h(StyledHost, null, h(PaymentProvisioningSubmissionFailed, null)));
+        }
         return (h(StyledHost, null, h("div", { class: "row gap-3" }, h(Header1, { text: this.formTitle }), h("payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: "d-flex justify-content-between align-items-center" }, h("div", { class: "d-flex align-items-center", part: text }, this.stepCounter), h("payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get watchers() { return {
@@ -242,6 +251,7 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
         "businessLoading": [32],
         "businessProvisioned": [32],
         "formSubmitted": [32],
+        "submissionFailed": [32],
         "currentStep": [32],
         "errorMessage": [32],
         "country": [32]

package/dist/module/justifi-season-interruption-insurance.js

@@ -8,7 +8,7 @@ import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { p as processHTML, b as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { p as processHTML, b as formatCurrency, r as removeAttribute, k as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
 import { j as text, k as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';

package/dist/module/justifi-terminals-list.js

@@ -17,7 +17,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
-import { m as capitalFirstLetter } from './utils2.js';
+import { l as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.13.3";
+const version = "6.13.4-rc.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/payment-provisioning-actions.js

@@ -63,15 +63,16 @@ const makePatchBusiness = ({ authToken, businessId, service }) => async ({ paylo
     }
 };
 const makePostProvisioning = ({ authToken, businessId, product, service }) => async ({ onSuccess, onError }) => {
-    var _a;
+    var _a, _b, _c, _d;
     try {
         const response = await service.postProvisioning(authToken, businessId, product);
-        if (!response.error) {
+        if ((response === null || response === void 0 ? void 0 : response.data) && !response.error) {
             onSuccess(response);
         }
         else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            const rawError = (_c = (_a = response === null || response === void 0 ? void 0 : response.error) !== null && _a !== void 0 ? _a : (_b = response === null || response === void 0 ? void 0 : response.errors) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 'Provisioning request failed';
+            const responseError = getErrorMessage(rawError);
+            const code = getErrorCode((_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.code);
             return onError({
                 error: responseError,
                 code,

package/dist/module/utils2.js

@@ -22325,4 +22325,4 @@ function isTokenExpired(token) {
     }
 }
 
-export { formatTime as a, formatCurrency as b, formatMediumDate as c, generateTabId as d, convertToUTC as e, formatDate as f, generateId as g, convertToLocal as h, isEmptyObject as i, capitalizeFirstLetter as j, isTokenExpired as k, addAttribute as l, capitalFirstLetter as m, formatPhoneNumber as n, formatDisplayDate as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatTime as a, formatCurrency as b, formatMediumDate as c, generateTabId as d, convertToUTC as e, formatDate as f, generateId as g, convertToLocal as h, isEmptyObject as i, capitalizeFirstLetter as j, addAttribute as k, capitalFirstLetter as l, formatPhoneNumber as m, isTokenExpired as n, formatDisplayDate as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };

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

@@ -7,6 +7,7 @@ export declare class JustifiPaymentProvisioning {
     businessLoading: boolean;
     businessProvisioned: boolean;
     formSubmitted: boolean;
+    submissionFailed: boolean;
     currentStep: number;
     errorMessage: string;
     country: CountryCode;

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-submission-failed.d.ts

@@ -0,0 +1 @@
+export declare const PaymentProvisioningSubmissionFailed: () => any;

package/dist/types/components/modular-checkout/sub-components/justifi-google-pay.d.ts

@@ -4,6 +4,10 @@ export declare class JustifiGooglePay {
     /** If not provided, the environment will be determined by the account mode: 'test' or 'live'. */
     environment?: "TEST" | "PRODUCTION";
     merchantDisplayName: string;
+    /** Set to true when embedding inside an Android WebView so the iframe uses the
+     * W3C Payment Request API (native Google Pay sheet) instead of pay.js's
+     * loadPaymentData popup, which Google blocks in WebViews (OR_BIBED_15). */
+    useNativePaymentRequest: boolean;
     iframeOrigin: string;
     iframeReady: boolean;
     sdkLoaded: boolean;

package/dist/types/components.d.ts

@@ -720,6 +720,11 @@ export namespace Components {
           * @default "JustiFi Checkout"
          */
         "merchantDisplayName": string;
+        /**
+          * Set to true when embedding inside an Android WebView so the iframe uses the W3C Payment Request API (native Google Pay sheet) instead of pay.js's loadPaymentData popup, which Google blocks in WebViews (OR_BIBED_15).
+          * @default false
+         */
+        "useNativePaymentRequest": boolean;
     }
     interface JustifiGrossPaymentChart {
         "accountId": string;
@@ -3623,6 +3628,11 @@ declare namespace LocalJSX {
     error?: { code: string; message: string };
   }>) => void;
         "onGooglePayStarted"?: (event: JustifiGooglePayCustomEvent<void>) => void;
+        /**
+          * Set to true when embedding inside an Android WebView so the iframe uses the W3C Payment Request API (native Google Pay sheet) instead of pay.js's loadPaymentData popup, which Google blocks in WebViews (OR_BIBED_15).
+          * @default false
+         */
+        "useNativePaymentRequest"?: boolean;
     }
     interface JustifiGrossPaymentChart {
         "accountId": string;

package/dist/webcomponents/{p-f4baf684.entry.js → p-0ff0e0d8.entry.js}

@@ -1 +1 @@
-import{h as s,F as e,r as i,c as t}from"./p-CV0Pyo1O.js";import{E as a}from"./p-Cu7hgXL1.js";import{B as r}from"./p-R_0S69Pr.js";import{m as o}from"./p-CPJC6tlj.js";import{C as l,b as n}from"./p-DXTa04jn.js";import{J as d}from"./p-CfIGO7TJ.js";import{c as h}from"./p-CqOzVXGL.js";import{S as c}from"./p-DzEdYT8R.js";import"./p-CZfYo5-1.js";import{S as p}from"./p-uZ5KAseb.js";import"./p-CPKMvyV_.js";import"./p-De4Pig-y.js";import"./p-DVJaoI_m.js";import"./p-D8GTwl9v.js";import"./p-BSs-2JKu.js";import"./p-HXpYMWUU.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-CdwzNfP1.js";import"./p-Bx2_PW91.js";const u=()=>{const i=()=>s("div",{class:"mt-5"},s(p,{width:"40%",height:"1.5rem"}),s("hr",null),s("div",{class:"row g-3"},s("div",{class:"col-12 col-md-6"},s(p,null),s(p,null),s(p,null)),s("div",{class:"col-12 col-md-6"},s(p,null),s(p,null),s(p,null))));return s(e,null,s(i,null),s(i,null),s(i,null),s(i,null))},m=class{constructor(s){i(this,s),this.errorEvent=t(this,"error-event",7),this.loading=!0}componentWillLoad(){h(),this.analytics=new d(this),this.initializeGetBusiness()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}propChanged(){this.initializeGetBusiness()}initializeGetBusiness(){this.businessId&&this.authToken?(this.getBusiness=o({id:this.businessId,authToken:this.authToken,service:new r}),this.fetchData()):(this.errorMessage="Invalid business id or auth token",this.errorEvent.emit({errorCode:n.MISSING_PROPS,message:this.errorMessage,severity:l.ERROR}))}updateOnPropChange(){this.getBusiness&&this.fetchData()}fetchData(){this.loading=!0,this.getBusiness({onSuccess:({business:s})=>{this.business=s,this.errorMessage=null},onError:({error:s,code:e,severity:i})=>{this.errorMessage=s,this.errorEvent.emit({errorCode:e,message:s,severity:i})},final:()=>{this.loading=!1}})}render(){return s(c,{key:"7ce48e6905cdbbf8f94470913ecfa3ef8dbb76c7"},this.loading&&s(u,{key:"7c3439e0c247436cd7951d3bdc32e7672c9f8447"}),!this.loading&&this.errorMessage&&a(this.errorMessage),!this.loading&&!this.errorMessage&&this.business&&s("justifi-details",{key:"bf57dacf2067f2704014ce3e002958e3306bba73",errorMessage:this.errorMessage},s("div",{key:"46d19a178ba0d33aa21a4f3900128e3e905731a9",slot:"detail-sections"},s("core-info-details",{key:"ac217a4cfe6b45810a85ca320760b7331f76e60b",business:this.business}),s("legal-address-details",{key:"1fc1a196a43bcf5f9eafd09bfe74c8bb7c409797",legalAddress:this.business.legal_address}),s("representative-details",{key:"1e0833606b129f69a05946726172963cbec05189",representative:this.business.representative}),s("owner-details",{key:"c974111dc67a8961ef6435c34843ca927ad8a7e5",owners:this.business.owners}),s("additional-questions-details",{key:"0951d284a373457e98a1dafc80231ec3ee057e0a",additionalQuestions:this.business.additional_questions}))))}static get watchers(){return{businessId:["propChanged"],authToken:["propChanged"],getBusiness:["updateOnPropChange"]}}};export{m as justifi_business_details}
+import{h as s,F as e,r as i,c as t}from"./p-CV0Pyo1O.js";import{E as a}from"./p-Cu7hgXL1.js";import{B as r}from"./p-D_ULdupf.js";import{m as o}from"./p-CI-XifDo.js";import{C as l,b as n}from"./p-Cl5FLD11.js";import{J as h}from"./p-3EVeuNqR.js";import{c as p}from"./p-CL9rrHjP.js";import{S as c}from"./p-DzEdYT8R.js";import"./p-CZfYo5-1.js";import{S as d}from"./p-uZ5KAseb.js";import"./p-CPKMvyV_.js";import"./p-CP0Y19co.js";import"./p-DVJaoI_m.js";import"./p-D8GTwl9v.js";import"./p-BM88Upl5.js";import"./p-HXpYMWUU.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-IFhZFB4v.js";import"./p-Bzbt5VX9.js";const u=()=>{const i=()=>s("div",{class:"mt-5"},s(d,{width:"40%",height:"1.5rem"}),s("hr",null),s("div",{class:"row g-3"},s("div",{class:"col-12 col-md-6"},s(d,null),s(d,null),s(d,null)),s("div",{class:"col-12 col-md-6"},s(d,null),s(d,null),s(d,null))));return s(e,null,s(i,null),s(i,null),s(i,null),s(i,null))},m=class{constructor(s){i(this,s),this.errorEvent=t(this,"error-event",7),this.loading=!0}componentWillLoad(){p(),this.analytics=new h(this),this.initializeGetBusiness()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}propChanged(){this.initializeGetBusiness()}initializeGetBusiness(){this.businessId&&this.authToken?(this.getBusiness=o({id:this.businessId,authToken:this.authToken,service:new r}),this.fetchData()):(this.errorMessage="Invalid business id or auth token",this.errorEvent.emit({errorCode:n.MISSING_PROPS,message:this.errorMessage,severity:l.ERROR}))}updateOnPropChange(){this.getBusiness&&this.fetchData()}fetchData(){this.loading=!0,this.getBusiness({onSuccess:({business:s})=>{this.business=s,this.errorMessage=null},onError:({error:s,code:e,severity:i})=>{this.errorMessage=s,this.errorEvent.emit({errorCode:e,message:s,severity:i})},final:()=>{this.loading=!1}})}render(){return s(c,{key:"7ce48e6905cdbbf8f94470913ecfa3ef8dbb76c7"},this.loading&&s(u,{key:"7c3439e0c247436cd7951d3bdc32e7672c9f8447"}),!this.loading&&this.errorMessage&&a(this.errorMessage),!this.loading&&!this.errorMessage&&this.business&&s("justifi-details",{key:"bf57dacf2067f2704014ce3e002958e3306bba73",errorMessage:this.errorMessage},s("div",{key:"46d19a178ba0d33aa21a4f3900128e3e905731a9",slot:"detail-sections"},s("core-info-details",{key:"ac217a4cfe6b45810a85ca320760b7331f76e60b",business:this.business}),s("legal-address-details",{key:"1fc1a196a43bcf5f9eafd09bfe74c8bb7c409797",legalAddress:this.business.legal_address}),s("representative-details",{key:"1e0833606b129f69a05946726172963cbec05189",representative:this.business.representative}),s("owner-details",{key:"c974111dc67a8961ef6435c34843ca927ad8a7e5",owners:this.business.owners}),s("additional-questions-details",{key:"0951d284a373457e98a1dafc80231ec3ee057e0a",additionalQuestions:this.business.additional_questions}))))}static get watchers(){return{businessId:["propChanged"],authToken:["propChanged"],getBusiness:["updateOnPropChange"]}}};export{m as justifi_business_details}

package/dist/webcomponents/{p-291b9a48.entry.js → p-1da4a104.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as a}from"./p-CV0Pyo1O.js";import{P as s}from"./p-NzPaWKbY.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{e as i,C as r,b as o}from"./p-DXTa04jn.js";import{p as n}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{g as c,a as p}from"./p-CdwzNfP1.js";import{J as h}from"./p-CfIGO7TJ.js";import{c as d}from"./p-CqOzVXGL.js";import{S as m}from"./p-DzEdYT8R.js";import{T as f,a as l,b as u,c as y,d as b,e as g,f as v,g as j,h as C,i as _,j as k,k as w,l as T}from"./p-BICxxa69.js";import{T as P}from"./p-CZfYo5-1.js";import{M as D}from"./p-D1_eip6x.js";import{a as O}from"./p-BSs-2JKu.js";import{a6 as S,a7 as I}from"./p-CPKMvyV_.js";import{o as x,g as A}from"./p-Dm07nLGs.js";import"./p-De4Pig-y.js";import"./p-D8GTwl9v.js";import"./p-Bx2_PW91.js";import"./p-CqiVXthx.js";import"./p-CHw7tICr.js";const E={created_at:()=>t("th",{part:S,scope:"col",title:"The date and time each payment was made"},"Date"),amount:()=>t("th",{part:S,scope:"col",title:"The dollar amount of each payment"},"Amount"),status:()=>t("th",{part:S,scope:"col",title:"The current status of each payment"},"Status"),payment_type:()=>t("th",{part:S,scope:"col",title:"The type of each payment"},"Type"),description:()=>t("th",{part:S,scope:"col",title:"The payment description, if you provided one"},"Description"),payers_name:()=>t("th",{part:S,scope:"col",title:"The name associated with the payment method"},"Account Holder"),last_four_digits:()=>t("th",{part:S,scope:"col",title:"The brand and last 4 digits of the payment method"},"Payment Method"),card_brand:()=>t("th",{part:S,scope:"col",title:"The brand of the payment method"},"Card Brand")},V={created_at:(e,a)=>t("td",{part:I(a)},t("div",{class:"fw-bold"},O(e.created_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},O(e.created_at,{showTime:!0}))),amount:(e,a)=>t("td",{part:I(a)},e.formattedPaymentAmount(e.amount)),status:(e,a)=>t("td",{part:I(a)},D(e.status)),payment_type:(e,a)=>t("td",{part:I(a)},e.payment_type),description:(e,a)=>t("td",{part:I(a)},e.description),payers_name:(e,a)=>t("td",{part:I(a)},e.payers_name),last_four_digits:(e,a)=>t("td",{part:I(a)},e.last_four_digits),card_brand:(e,a)=>{var s,i,r;return t("td",{part:I(a)},(r=(null===(s=e.payment_method.card)||void 0===s?void 0:s.brand)||(null===(i=e.payment_method.bank_account)||void 0===i?void 0:i.brand))?{visa:"VISA",mastercard:"Mastercard",american_express:"American Express",discover:"Discover",diners_club:"Diners Club",jcb:"JCB",china_unionpay:"China UnionPay",unknown:"Unknown"}[r.toLowerCase()]||r:"N/A")}},B=class{constructor(t){e(this,t),this.errorEvent=a(this,"error-event",7),this.clickEvent=a(this,"click-event",7),this.errorMessage=null,this.payments=[],this.loading=!0,this.paging=n,this.pagingParams={},this.columns="created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand",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 a=this.payments.find((t=>t.id===e));this.clickEvent.emit({name:P.row,data:a})}}componentWillLoad(){d(),this.analytics=new h(this),this.paymentsTable=new f(this.payments,this.columns,E,V),this.initializeGetPayments(),x("set",(()=>{this.pagingParams={},this.errorMessage=""})),x("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetPayments()}updateOnPropChange(){this.fetchData()}initializeGetPayments(){this.accountId&&this.authToken?this.getPayments=(({id:t,authToken:e,service:a})=>async({params:s,onSuccess:o,onError:n,final:h})=>{var d,m;try{const h=await a.fetchPayments(t,e,s);if(h.error)return n({error:p(h.error),code:c(null===(m=h.error)||void 0===m?void 0:m.code),severity:r.ERROR});{const t=Object.assign({},h.page_info);o({payments:(null===(d=h.data)||void 0===d?void 0:d.map((t=>new i(t))))||[],pagingInfo:t})}}catch(t){const e=c(null==t?void 0:t.code);return n({error:t.message||t,code:e,severity:r.ERROR})}finally{h()}})({id:this.accountId,authToken:this.authToken,service:new s}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:o.MISSING_PROPS,message:this.errorMessage,severity:r.ERROR}))}fetchData(){this.getPayments&&(this.loading=!0,this.getPayments({params:this.paymentParams,onSuccess:({payments:t,pagingInfo:e})=>{this.payments=t,this.paging=e,this.paymentsTable.collectionData=this.payments},onError:({error:t,code:e,severity:a})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:a})},final:()=>{this.loading=!1}}))}get paymentParams(){const t=A();return Object.assign(Object.assign({},t),this.pagingParams)}get entityId(){return this.payments.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.paymentsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(m,{key:"b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6"},t(l,{key:"edcc04c18ae762b75aab3cebe31a5aab824843ef"},t(u,{key:"98b6e699948ac65667497b59b0ac23e36d7ea212"},t(y,{key:"06830e440c2f5ea23acd0109f58dd6e11f6495bf"},t(b,{key:"8a29564e85eb5a870c37c58cc57a149327f5405d"},this.paymentsTable.columnData.map((t=>t)))),t(g,{key:"a03ffd7422fbf7f364a6f7545a0158fb0cd38691"},t(v,{key:"6f48d9791c28a3407edddf97fc54a1a92c5e7dbc",columnSpan:this.paymentsTable.columnData.length,isLoading:this.loading}),t(j,{key:"ab948e22cf74e5db93835df17f93c200f0caf698",isEmpty:this.showEmptyState,columnSpan:this.paymentsTable.columnData.length}),t(C,{key:"28064e964a0db825ba7d78bc84e55c88b5c8e0c3",columnSpan:this.paymentsTable.columnData.length,errorMessage:this.errorMessage}),this.showRowData&&this.paymentsTable.rowData.map(((e,a)=>t(_,{"data-test-id":"table-row","data-row-entity-id":this.entityId[a],onClick:this.rowClickHandler},e)))),this.paging&&t(k,{key:"036c71025fb6d150a3bdaa370e84e955ecf79b66"},t(w,{key:"373d7ac9f89a226a32a26a5ee7bb2a2246f8a454"},t(T,{key:"a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610",colSpan:this.paymentsTable.columnData.length},t("pagination-menu",{key:"438d49d2094bb17488b8e2aa90fd0dbce100d920",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getPayments:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{B as justifi_payments_list}
+import{h as t,r as e,c as a}from"./p-CV0Pyo1O.js";import{P as s}from"./p-DWdj6UhE.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{e as i,C as r,b as o}from"./p-Cl5FLD11.js";import{p as n}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import{g as c,a as h}from"./p-IFhZFB4v.js";import{J as p}from"./p-3EVeuNqR.js";import{c as d}from"./p-CL9rrHjP.js";import{S as m}from"./p-DzEdYT8R.js";import{T as l,a as f,b as u,c as y,d as b,e as g,f as v,g as j,h as C,i as _,j as k,k as w,l as T}from"./p-BICxxa69.js";import{T as D}from"./p-CZfYo5-1.js";import{M as P}from"./p-D1_eip6x.js";import{a as O}from"./p-BM88Upl5.js";import{a6 as S,a7 as I}from"./p-CPKMvyV_.js";import{o as E,g as x}from"./p-Dm07nLGs.js";import"./p-CP0Y19co.js";import"./p-D8GTwl9v.js";import"./p-Bzbt5VX9.js";import"./p-CqiVXthx.js";import"./p-CHw7tICr.js";const V={created_at:()=>t("th",{part:S,scope:"col",title:"The date and time each payment was made"},"Date"),amount:()=>t("th",{part:S,scope:"col",title:"The dollar amount of each payment"},"Amount"),status:()=>t("th",{part:S,scope:"col",title:"The current status of each payment"},"Status"),payment_type:()=>t("th",{part:S,scope:"col",title:"The type of each payment"},"Type"),description:()=>t("th",{part:S,scope:"col",title:"The payment description, if you provided one"},"Description"),payers_name:()=>t("th",{part:S,scope:"col",title:"The name associated with the payment method"},"Account Holder"),last_four_digits:()=>t("th",{part:S,scope:"col",title:"The brand and last 4 digits of the payment method"},"Payment Method"),card_brand:()=>t("th",{part:S,scope:"col",title:"The brand of the payment method"},"Card Brand")},A={created_at:(e,a)=>t("td",{part:I(a)},t("div",{class:"fw-bold"},O(e.created_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},O(e.created_at,{showTime:!0}))),amount:(e,a)=>t("td",{part:I(a)},e.formattedPaymentAmount(e.amount)),status:(e,a)=>t("td",{part:I(a)},P(e.status)),payment_type:(e,a)=>t("td",{part:I(a)},e.payment_type),description:(e,a)=>t("td",{part:I(a)},e.description),payers_name:(e,a)=>t("td",{part:I(a)},e.payers_name),last_four_digits:(e,a)=>t("td",{part:I(a)},e.last_four_digits),card_brand:(e,a)=>{var s,i,r;return t("td",{part:I(a)},(r=(null===(s=e.payment_method.card)||void 0===s?void 0:s.brand)||(null===(i=e.payment_method.bank_account)||void 0===i?void 0:i.brand))?{visa:"VISA",mastercard:"Mastercard",american_express:"American Express",discover:"Discover",diners_club:"Diners Club",jcb:"JCB",china_unionpay:"China UnionPay",unknown:"Unknown"}[r.toLowerCase()]||r:"N/A")}},B=class{constructor(t){e(this,t),this.errorEvent=a(this,"error-event",7),this.clickEvent=a(this,"click-event",7),this.errorMessage=null,this.payments=[],this.loading=!0,this.paging=n,this.pagingParams={},this.columns="created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand",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 a=this.payments.find((t=>t.id===e));this.clickEvent.emit({name:D.row,data:a})}}componentWillLoad(){d(),this.analytics=new p(this),this.paymentsTable=new l(this.payments,this.columns,V,A),this.initializeGetPayments(),E("set",(()=>{this.pagingParams={},this.errorMessage=""})),E("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetPayments()}updateOnPropChange(){this.fetchData()}initializeGetPayments(){this.accountId&&this.authToken?this.getPayments=(({id:t,authToken:e,service:a})=>async({params:s,onSuccess:o,onError:n,final:p})=>{var d,m;try{const p=await a.fetchPayments(t,e,s);if(p.error)return n({error:h(p.error),code:c(null===(m=p.error)||void 0===m?void 0:m.code),severity:r.ERROR});{const t=Object.assign({},p.page_info);o({payments:(null===(d=p.data)||void 0===d?void 0:d.map((t=>new i(t))))||[],pagingInfo:t})}}catch(t){const e=c(null==t?void 0:t.code);return n({error:t.message||t,code:e,severity:r.ERROR})}finally{p()}})({id:this.accountId,authToken:this.authToken,service:new s}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:o.MISSING_PROPS,message:this.errorMessage,severity:r.ERROR}))}fetchData(){this.getPayments&&(this.loading=!0,this.getPayments({params:this.paymentParams,onSuccess:({payments:t,pagingInfo:e})=>{this.payments=t,this.paging=e,this.paymentsTable.collectionData=this.payments},onError:({error:t,code:e,severity:a})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:a})},final:()=>{this.loading=!1}}))}get paymentParams(){const t=x();return Object.assign(Object.assign({},t),this.pagingParams)}get entityId(){return this.payments.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.paymentsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(m,{key:"b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6"},t(f,{key:"edcc04c18ae762b75aab3cebe31a5aab824843ef"},t(u,{key:"98b6e699948ac65667497b59b0ac23e36d7ea212"},t(y,{key:"06830e440c2f5ea23acd0109f58dd6e11f6495bf"},t(b,{key:"8a29564e85eb5a870c37c58cc57a149327f5405d"},this.paymentsTable.columnData.map((t=>t)))),t(g,{key:"a03ffd7422fbf7f364a6f7545a0158fb0cd38691"},t(v,{key:"6f48d9791c28a3407edddf97fc54a1a92c5e7dbc",columnSpan:this.paymentsTable.columnData.length,isLoading:this.loading}),t(j,{key:"ab948e22cf74e5db93835df17f93c200f0caf698",isEmpty:this.showEmptyState,columnSpan:this.paymentsTable.columnData.length}),t(C,{key:"28064e964a0db825ba7d78bc84e55c88b5c8e0c3",columnSpan:this.paymentsTable.columnData.length,errorMessage:this.errorMessage}),this.showRowData&&this.paymentsTable.rowData.map(((e,a)=>t(_,{"data-test-id":"table-row","data-row-entity-id":this.entityId[a],onClick:this.rowClickHandler},e)))),this.paging&&t(k,{key:"036c71025fb6d150a3bdaa370e84e955ecf79b66"},t(w,{key:"373d7ac9f89a226a32a26a5ee7bb2a2246f8a454"},t(T,{key:"a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610",colSpan:this.paymentsTable.columnData.length},t("pagination-menu",{key:"438d49d2094bb17488b8e2aa90fd0dbce100d920",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getPayments:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{B as justifi_payments_list}

package/dist/webcomponents/{p-7b6cf400.entry.js → p-36b16db2.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-CV0Pyo1O.js";import{l as t}from"./p-OeJ-3w3l.js";import{f as s,p as r,c as l}from"./p-BPTtWj7E.js";import{f as d,a as i}from"./p-CPKMvyV_.js";import{S as o}from"./p-DzEdYT8R.js";import"./p-CZfYo5-1.js";import"./p-DVJaoI_m.js";import{c,a as p}from"./p-BSs-2JKu.js";import{T as b,f as n}from"./p-DXTa04jn.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BFTU3MAI.js";import"./p-D8GTwl9v.js";import"./p-HXpYMWUU.js";const m=class{constructor(a){e(this,a),this.setParamsOnChange=(e,a)=>{s[e]=a},this.handleDateInput=(e,a)=>{const t=c(a,{setExactTime:!0});this.setParamsOnChange(e,t)}}componentWillLoad(){this.debouncedSetParamsOnChange=t.debounce(this.setParamsOnChange,300),Object.entries({order_status:this.orderStatus,order_type:this.orderType,created_after:this.createdAfter,created_before:this.createdBefore,company_name:this.companyName}).forEach((([e,a])=>{a&&(r[e]=a)}))}get terminalOrderStatusOptions(){return[{label:"All",value:""},{label:"Created",value:b.created},{label:"Completed",value:b.completed},{label:"Submitted",value:b.submitted},{label:"In Progress",value:b.in_progress},{label:"On Hold",value:b.on_hold},{label:"Canceled",value:b.canceled}]}get terminalOrderTypeOptions(){return[{label:"All",value:""},{label:"Boarding Only",value:n.boardingOnly},{label:"Boarding Shipping",value:n.boardingShipping}]}render(){const e=Object.assign({},s);return a(o,{key:"287baf0a2de1287195105adbebd501d2bccd21d7"},a("table-filters-menu",{key:"b0112de1075f459780d01528f017780c9ceedb18",params:e,clearParams:l,part:d},a("div",{key:"f9acabaf7d2edbe4eabb81edc92b2378ef563012",class:"grid-cols-2 gap-3 p-1"},a("div",{key:"e76d3b3771b8084fc5f6bf32fac2c75c3da87abb",class:"p-2"},a("form-control-select",{key:"9c687e7202a310500e85d3cbce29268ac04cdd4a",name:"order_status",label:"Order Status",options:this.terminalOrderStatusOptions,inputHandler:this.setParamsOnChange,defaultValue:this.orderStatus||s.order_status||"",disabled:!!this.orderStatus,part:i})),a("div",{key:"345ebc972663899a456a7a660863cd81a9770a87",class:"p-2"},a("form-control-select",{key:"26879377755e826a1d1f236ab5e54a22415451e8",name:"order_type",label:"Order Type",options:this.terminalOrderTypeOptions,inputHandler:this.setParamsOnChange,defaultValue:this.orderType||s.order_type||"",disabled:!!this.orderType,part:i})),a("div",{key:"2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34",class:"p-2"},a("form-control-date",{key:"3fbceb80eaf7ae48e02221961317d8c77ec2c5a5",name:"created_after",label:"Created After",inputHandler:this.handleDateInput,defaultValue:p(this.createdAfter,{showInputDateTime:!0})||p(s.created_after,{showInputDateTime:!0}),showTime:!0,disabled:!!this.createdAfter,part:i})),a("div",{key:"4c3c59ab54215591c5b0eb9a26c45a0265e48d96",class:"p-2"},a("form-control-date",{key:"aea46abb41595c0cc5d82edd0f1f09425c0a1701",name:"created_before",label:"Created Before",inputHandler:this.handleDateInput,defaultValue:p(this.createdBefore,{showInputDateTime:!0})||p(s.created_before,{showInputDateTime:!0}),showTime:!0,disabled:!!this.createdBefore,part:i})),a("div",{key:"e83af454cde29c12fcd6e2e37093bf70fd03718c",class:"p-2"},a("form-control-text",{key:"3c5fe84b5883b7df6247ed1eba1a15871cb882b5",name:"company_name",label:"Company Name",inputHandler:this.debouncedSetParamsOnChange,defaultValue:this.companyName||s.company_name,disabled:!!this.companyName,part:i})))))}};export{m as justifi_terminal_orders_list_filters}
+import{r as e,h as a}from"./p-CV0Pyo1O.js";import{l as t}from"./p-OeJ-3w3l.js";import{f as s,p as l,c as r}from"./p-BPTtWj7E.js";import{f as d,a as i}from"./p-CPKMvyV_.js";import{S as o}from"./p-DzEdYT8R.js";import"./p-CZfYo5-1.js";import"./p-DVJaoI_m.js";import{c,a as p}from"./p-BM88Upl5.js";import{T as b,f as m}from"./p-Cl5FLD11.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BFTU3MAI.js";import"./p-D8GTwl9v.js";import"./p-HXpYMWUU.js";const n=class{constructor(a){e(this,a),this.setParamsOnChange=(e,a)=>{s[e]=a},this.handleDateInput=(e,a)=>{const t=c(a,{setExactTime:!0});this.setParamsOnChange(e,t)}}componentWillLoad(){this.debouncedSetParamsOnChange=t.debounce(this.setParamsOnChange,300),Object.entries({order_status:this.orderStatus,order_type:this.orderType,created_after:this.createdAfter,created_before:this.createdBefore,company_name:this.companyName}).forEach((([e,a])=>{a&&(l[e]=a)}))}get terminalOrderStatusOptions(){return[{label:"All",value:""},{label:"Created",value:b.created},{label:"Completed",value:b.completed},{label:"Submitted",value:b.submitted},{label:"In Progress",value:b.in_progress},{label:"On Hold",value:b.on_hold},{label:"Canceled",value:b.canceled}]}get terminalOrderTypeOptions(){return[{label:"All",value:""},{label:"Boarding Only",value:m.boardingOnly},{label:"Boarding Shipping",value:m.boardingShipping}]}render(){const e=Object.assign({},s);return a(o,{key:"287baf0a2de1287195105adbebd501d2bccd21d7"},a("table-filters-menu",{key:"b0112de1075f459780d01528f017780c9ceedb18",params:e,clearParams:r,part:d},a("div",{key:"f9acabaf7d2edbe4eabb81edc92b2378ef563012",class:"grid-cols-2 gap-3 p-1"},a("div",{key:"e76d3b3771b8084fc5f6bf32fac2c75c3da87abb",class:"p-2"},a("form-control-select",{key:"9c687e7202a310500e85d3cbce29268ac04cdd4a",name:"order_status",label:"Order Status",options:this.terminalOrderStatusOptions,inputHandler:this.setParamsOnChange,defaultValue:this.orderStatus||s.order_status||"",disabled:!!this.orderStatus,part:i})),a("div",{key:"345ebc972663899a456a7a660863cd81a9770a87",class:"p-2"},a("form-control-select",{key:"26879377755e826a1d1f236ab5e54a22415451e8",name:"order_type",label:"Order Type",options:this.terminalOrderTypeOptions,inputHandler:this.setParamsOnChange,defaultValue:this.orderType||s.order_type||"",disabled:!!this.orderType,part:i})),a("div",{key:"2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34",class:"p-2"},a("form-control-date",{key:"3fbceb80eaf7ae48e02221961317d8c77ec2c5a5",name:"created_after",label:"Created After",inputHandler:this.handleDateInput,defaultValue:p(this.createdAfter,{showInputDateTime:!0})||p(s.created_after,{showInputDateTime:!0}),showTime:!0,disabled:!!this.createdAfter,part:i})),a("div",{key:"4c3c59ab54215591c5b0eb9a26c45a0265e48d96",class:"p-2"},a("form-control-date",{key:"aea46abb41595c0cc5d82edd0f1f09425c0a1701",name:"created_before",label:"Created Before",inputHandler:this.handleDateInput,defaultValue:p(this.createdBefore,{showInputDateTime:!0})||p(s.created_before,{showInputDateTime:!0}),showTime:!0,disabled:!!this.createdBefore,part:i})),a("div",{key:"e83af454cde29c12fcd6e2e37093bf70fd03718c",class:"p-2"},a("form-control-text",{key:"3c5fe84b5883b7df6247ed1eba1a15871cb882b5",name:"company_name",label:"Company Name",inputHandler:this.debouncedSetParamsOnChange,defaultValue:this.companyName||s.company_name,disabled:!!this.companyName,part:i})))))}};export{n as justifi_terminal_orders_list_filters}