@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/types/ui-components/button-spinner.d.ts

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

package/dist/types/ui-components/button.d.ts

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface ButtonProps {
+    variant: 'primary' | 'secondary';
+    isLoading?: boolean;
+}
+type ButtonElementProps = ButtonProps & {
+    [key: string]: any;
+};
+export declare const Button: FunctionalComponent<ButtonElementProps>;
+export {};

package/dist/types/ui-components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './button';
+export * from './button-spinner';
+export * from './styled-host/styled-host';
+export * from './table-empty-state';
+export * from './table-error-state';
+export * from './table-loading-state';
+export * from './skeleton';

package/dist/types/ui-components/skeleton.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface SkeletonProps {
+    component?: string;
+    height?: string | number;
+    width?: string | number;
+    variant?: 'circular' | 'rectangular' | 'rounded' | 'text';
+    componentClassName?: string;
+    styles?: {
+        [key: string]: any;
+    };
+}
+export declare const Skeleton: FunctionalComponent<SkeletonProps>;
+export default Skeleton;

package/dist/types/ui-components/styled-host/styled-host.d.ts

@@ -0,0 +1,2 @@
+import { FunctionalComponent, HostAttributes } from "../../stencil-public-runtime";
+export declare const StyledHost: FunctionalComponent<HostAttributes>;

package/dist/types/ui-components/table-empty-state.d.ts

@@ -0,0 +1,6 @@
+interface TableRenderStateProps {
+    columnSpan: number;
+    isEmpty: boolean;
+}
+export declare const TableEmptyState: (props: TableRenderStateProps) => any;
+export {};

package/dist/types/ui-components/table-error-state.d.ts

@@ -0,0 +1,6 @@
+interface TableRenderStateProps {
+    columnSpan: number;
+    errorMessage: string;
+}
+export declare const TableErrorState: (props: TableRenderStateProps) => any;
+export {};

package/dist/types/ui-components/table-loading-state.d.ts

@@ -0,0 +1,6 @@
+interface TableRenderStateProps {
+    columnSpan: number;
+    isLoading: boolean;
+}
+export declare const TableLoadingState: (props: TableRenderStateProps) => any;
+export {};

package/dist/types/utils/utils.d.ts

@@ -1,5 +1,4 @@
 import { Address } from '../api/Business';
-import { Legal } from '../api/SubAccount';
 export declare const RegExZip: RegExp;
 export declare function formatCurrency(amount: number, withSymbol?: boolean): string;
 export declare function formatPercentage(amount: number): string;
@@ -9,11 +8,9 @@ export declare function formatDisplayDate(value: any, endDate: string): string;
 export declare function formatTime(dateString: string): string;
 export declare function formatTimeSeconds(dateString: string): string;
 export declare function formatAddress(address: Address): string;
-export declare function formatLegalAddress(address: Legal): string;
 export declare function extractComputedFontsToLoad(): string;
 export declare const MapPaymentStatusToBadge: (status: string) => "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>" | "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>" | "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>" | "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>" | "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>" | "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>" | "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
 export declare const MapPayoutStatusToBadge: (status: string) => "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>" | "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>" | "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>" | "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>" | "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>" | "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>" | "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>" | "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
-export declare const MapSubAccountStatusToBadge: (status: string) => "<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>" | "<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>" | "<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>" | "<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>" | "<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>" | "<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>" | "<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>";
 /**
  * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
  *

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

@@ -0,0 +1 @@
+import{r as t,h as i,c as s,H as e,g as o}from"./p-fad19d75.js";const a=class{constructor(i){t(this,i),this.errorText=void 0,this.name=void 0}render(){return this.errorText?i("small",{class:"form-text text-danger",id:`form-error-text-${this.name}`},this.errorText):null}},r=class{constructor(i){t(this,i),this.helpText=void 0,this.name=void 0}render(){return this.helpText?i("small",{class:"form-text text-muted",id:`form-help-text-${this.name}`},this.helpText):null}},h=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const i=t.target,s=i.getAttribute("name");this.inputHandler(s,i.value),this.formControlInput.emit(i.value)},this.updateInput=t=>{this.selectElement.value=t},this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.inputHandler=void 0,this.options=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}render(){var t;return i(e,{key:"99449e3724103b12af7f2a4573831961074a484a",exportparts:"label,input,input-invalid"},i("div",{key:"d73e89d43da9968b687afece24794d9472fec6b5",class:"form-group d-flex flex-column"},i("label",{key:"6964c55858fc3cf96a137e1061c7f66831105348",part:"label",class:"form-label",htmlFor:this.name},this.label),i("select",{key:"5b1a09a607ad9638915f5e70f2164f6010020438",ref:t=>this.selectElement=t,id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,part:"input "+(this.errorText?"input-invalid":""),class:this.errorText?"form-select is-invalid":"form-select",disabled:this.disabled},null===(t=this.options)||void 0===t?void 0:t.map((t=>i("option",{value:t.value},t.label)))),i("form-control-help-text",{key:"62d862921d463c98e56888293c878624f7311548",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"0b1c4d4752965fb058208c72c7f1c3872d1e0561",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},l=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const i=t.target,s=i.getAttribute("name");this.inputHandler(s,i.value),this.formControlInput.emit({name:s,value:i.value})},this.updateInput=t=>{const i=this.el.querySelector("input");i&&(i.value=t||"")},this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.maxLength=void 0,this.inputHandler=void 0,this.keyDownHandler=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}render(){return i(e,{key:"1194532f81831734543bad80860da14f8a5ad856",exportparts:"label,input,input-invalid"},i("div",{key:"296538cf90b62f8041e21620aa06b4074f68b71a",class:"form-group d-flex flex-column"},i("label",{key:"7c009ce96124e58f9657dba2565ef298225f10f7",part:"label",class:"form-label",htmlFor:this.name},this.label),i("input",{key:"4b33cb700aecf4d0a359366ba2e0d248c602d904",id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,onKeyDown:this.keyDownHandler,onPaste:this.keyDownHandler,maxLength:this.maxLength,part:`input ${this.errorText?"input-invalid ":""}${this.disabled?" input-disabled":""}`,class:this.errorText?"form-control is-invalid":"form-control",type:"text",disabled:this.disabled}),i("form-control-help-text",{key:"7a279d72bb262fcb044b5b0cc31703878ce9f444",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"00bea288a99f626806697a98b6dca3f3298dc0b3",errorText:this.errorText,name:this.name})))}get el(){return o(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{a as form_control_error_text,r as form_control_help_text,h as form_control_select,l as form_control_text}

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

@@ -0,0 +1 @@
+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-0f7b9555.entry.js

@@ -0,0 +1 @@
+import{r as a,h as e,H as t}from"./p-fad19d75.js";import{E as c}from"./p-56f6ce4c.js";const d=class{constructor(e){a(this,e),this.paging=c,this.params={}}render(){return e(t,{key:"645df5028861aa714a814f908ccace8dcd0986f8",exportparts:"page-arrow,page-button,page-button-disabled,page-button-text"},e("nav",{key:"6cb86ce01c625db9c31204f63258570f8a5d0a0f","aria-label":"Table pagination",class:"d-flex justify-content-end gap-3"},e("ul",{key:"7ffb5771a1c51553d64735721b937e53c699949d",class:"pagination m-0"},e("li",{key:"b439c2f7fe81ccdfa29670a6fc04715681ed5ab3",class:"page-item "+(this.paging.has_previous?"":" disabled")},e("a",{key:"dc59152e834a3076f09304f6fcd0195058ebefec",href:"#",class:"page-link",onClick:a=>{a.preventDefault(),this.paging.handleClickPrevious(this.paging.start_cursor)},part:"page-button"+(this.paging.has_previous?"":" page-button-disabled")},e("span",{key:"fc640fb9ae2ca672bfed89d23c5641cb346c673d",class:"me-1",part:"page-arrow"},"«"),e("span",{key:"fb6fcd31ebd4d194b37f53a071537133b8c4d369",part:"page-button-text"},"Previous"))),e("li",{key:"b10e12ec7bc4a89cd897e868ec7b303c62599cd3",class:"page-item "+(this.paging.has_next?"":" disabled")},e("a",{key:"51f91eb7cfef91dcbcfd9f11522213308bf717b5",href:"#",class:"page-link",onClick:a=>{a.preventDefault(),this.paging.handleClickNext(this.paging.end_cursor)},part:"page-button"+(this.paging.has_next?"":" page-button-disabled")},e("span",{key:"d89f50a44dead676d19b8862a92ba636947fe6b1",part:"page-button-text"},"Next"),e("span",{key:"f5dd2ddddef86931d935df56101f1fed8118e4f6",class:"ms-1",part:"page-arrow"},"»"))))))}};export{d as pagination_menu}

package/dist/webcomponents/p-17e4246f.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r,c as o}from"./p-fad19d75.js";import{c as a,F as t}from"./p-2eab3c90.js";import{i,l as d,a as c,c as f,s,p as l}from"./p-89887332.js";import{S as n}from"./p-6078a370.js";import{n as b}from"./p-8df7bde8.js";import{S as h}from"./p-ba4bae6f.js";import"./p-ba5fae28.js";import"./p-af244664.js";import"./p-1ff8810b.js";const m=a({name:i.required("Enter full name"),address_line1:d.required("Enter street address"),address_line2:c.nullable(),address_city:f.required("Enter city"),address_state:s.required("Select state"),address_postal_code:l.required("Enter postal code")}),p=class{constructor(r){e(this,r),this.inputHandler=(e,r)=>{this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[e]:r}))},this.legend=void 0,this.formController=void 0,this.billingInfo=void 0,this.errors={}}componentWillLoad(){this.formController=new t(m)}componentDidLoad(){this.formController.values.subscribe((e=>this.billingInfo=Object.assign({},e))),this.formController.errors.subscribe((e=>{this.errors=Object.assign({},e)}))}async getValues(){return this.formController.values.getValue()}async fill(e){this.formController.setInitialValues(e)}async validate(){return{isValid:await this.formController.validate()}}render(){const e=this.formController.getInitialValues();return r(h,{key:"b08094d3c44d35cdb3c21b4bc360dbbee19d7d15",exportparts:"label,input,input-invalid"},r("form",{key:"392538a781ffa2ac299cbc4203bab5efd10e77cc"},r("fieldset",{key:"f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a"},this.legend&&r("legend",{key:"eb75e22f9df33c13e3851ece784d237b8973e2c5"},this.legend),r("div",{key:"d7ffdc1cfeda5568ad003a4d3bbe94765de04605",class:"row gy-3"},r("div",{key:"c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0",class:"col-12"},r("form-control-text",{key:"d6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13",name:"name",label:"Full Name",defaultValue:e.name,errorText:this.errors.name,inputHandler:this.inputHandler})),r("div",{key:"8494ee3c14f8923d18d8708077e030c2f141a251",class:"col-12"},r("form-control-text",{key:"63266eb0e2b2b006a3c914a68703ee1cdf848f83",name:"address_line1",label:"Street Address",defaultValue:e.address_line1,errorText:this.errors.address_line1,inputHandler:this.inputHandler})),r("div",{key:"0a19fcf5c172d2539f23e147f39461d84dfd9d37",class:"col-12"},r("form-control-text",{key:"0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb",name:"address_line2",label:"Apartment, Suite, etc. (optional)",defaultValue:e.address_line2,errorText:this.errors.address_line2,inputHandler:this.inputHandler})),r("div",{key:"13104554e8247cb0534c3dc9e6a16b2f44397795",class:"col-12"},r("form-control-text",{key:"430e59713ec66ff7a6f735ca24640c27b05cbeee",name:"address_city",label:"City",defaultValue:e.address_city,errorText:this.errors.address_city,inputHandler:this.inputHandler})),r("div",{key:"5b81499717f67d5f499f4ebfc585056ef5bd3d56",class:"col-12"},r("form-control-select",{key:"726c724eda5f25a92bad7e549ff7845ece7b41e1",name:"address_state",label:"State",options:n,defaultValue:e.address_state,errorText:this.errors.address_state,inputHandler:this.inputHandler})),r("div",{key:"5d5a6e0949c5ad93da5bc1837dadf88c2128212d",class:"col-12"},r("form-control-text",{key:"ebb4e77126d86011d9a1ed5d118461198b399092",name:"address_postal_code",label:"ZIP",defaultValue:e.address_postal_code,errorText:this.errors.address_postal_code,inputHandler:this.inputHandler,maxLength:5,keyDownHandler:b}))))))}};p.style=":host{display:block}justifi-billing-form{margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::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){background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}";const u=class{constructor(r){e(this,r),this.checkboxChanged=o(this,"checkboxChanged",7),this.isChecked=!1}handleCheckboxChange(e){this.isChecked=e.target.checked,this.checkboxChanged.emit(this.isChecked)}render(){return r("div",{key:"f22a132a518a98786c8486e08c9a65050f3c5ea0",class:"mt-4 form-check"},r("input",{key:"6f1392f9dd29a9761f5942b0a40e05a899858ada",type:"checkbox",checked:this.isChecked,onChange:e=>this.handleCheckboxChange(e),class:"form-check-input"}),r("label",{key:"e6e5908ba70ece8ea19370a04104d88d17237fc7",class:"form-check-label"},"Save new payment method"))}};export{p as justifi_billing_form,u as justifi_save_new_payment_method}

package/dist/webcomponents/{p-e85ef4af.entry.js → p-195f92e9.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e}from"./p-fad19d75.js";import{P as i}from"./p-b53d7b7f.js";import"./p-56f6ce4c.js";import{a as r}from"./p-e8706cc4.js";import"./p-e3fab0e2.js";import{C as o,a}from"./p-14c91ffd.js";import{g as n,a as h}from"./p-8115b2f4.js";import{E as p}from"./p-e1651130.js";import{J as c}from"./p-092e080c.js";import"./p-29c0b182.js";import"./p-ae263544.js";import"./p-667a5aa8.js";const m=class{constructor(e){t(this,e),this.errorEvent=s(this,"error-event",7),this.paymentService=new i,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.paymentId=void 0,this.authToken=void 0,this.getPaymentDetails=void 0,this.errorMessage=null}componentWillLoad(){this.analytics=new c(this),this.initializeGetPaymentDetails()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?this.getPaymentDetails=(({id:t,authToken:s,service:e})=>async({onSuccess:i,onError:a})=>{var p;try{const c=await e.fetchPayment(t,s);c.error?a({error:n(c.error),code:h(null===(p=c.error)||void 0===p?void 0:p.code),severity:o.ERROR}):i({payment:new r(c.data)})}catch(t){const s=h(null==t?void 0:t.code);a({error:n(t),code:s,severity:o.ERROR})}})({id:this.paymentId,authToken:this.authToken,service:new i}):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:a.MISSING_PROPS,severity:o.ERROR}))}render(){return this.errorMessage?p(this.errorMessage):e("payment-details-core",{getPaymentDetails:this.getPaymentDetails,"onError-event":this.handleErrorEvent})}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"]}}};export{m as justifi_payment_details}
+import{r as t,c as s,h as e}from"./p-fad19d75.js";import{P as i}from"./p-d101c5db.js";import"./p-56f6ce4c.js";import{P as r}from"./p-df21aaad.js";import"./p-e3fab0e2.js";import{C as o,a}from"./p-14c91ffd.js";import{g as n,a as h}from"./p-8115b2f4.js";import{E as p}from"./p-dce846bf.js";import{J as d}from"./p-63acf322.js";import"./p-29c0b182.js";import"./p-ae263544.js";import"./p-4b4580dd.js";const c=class{constructor(e){t(this,e),this.errorEvent=s(this,"error-event",7),this.paymentService=new i,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.paymentId=void 0,this.authToken=void 0,this.getPaymentDetails=void 0,this.errorMessage=null}componentWillLoad(){this.analytics=new d(this),this.initializeGetPaymentDetails()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?this.getPaymentDetails=(({id:t,authToken:s,service:e})=>async({onSuccess:i,onError:a})=>{var p;try{const d=await e.fetchPayment(t,s);d.error?a({error:n(d.error),code:h(null===(p=d.error)||void 0===p?void 0:p.code),severity:o.ERROR}):i({payment:new r(d.data)})}catch(t){const s=h(null==t?void 0:t.code);a({error:n(t),code:s,severity:o.ERROR})}})({id:this.paymentId,authToken:this.authToken,service:new i}):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:a.MISSING_PROPS,severity:o.ERROR}))}render(){return this.errorMessage?p(this.errorMessage):e("payment-details-core",{getPaymentDetails:this.getPaymentDetails,"onError-event":this.handleErrorEvent})}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"]}}};export{c as justifi_payment_details}