@justifi/webcomponents 4.18.0 → 4.19.0-rc

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-67e497aa.entry.js → p-023779ee.entry.js}

@@ -1 +1 @@
-import{r as o,c as r,h as t}from"./p-fad19d75.js";import{c as i,d as a,F as e}from"./p-2eab3c90.js";import{A as s}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-e8706cc4.js";import"./p-e3fab0e2.js";import{c as n}from"./p-ae263544.js";import{C as c}from"./p-525db3e8.js";import{S as b}from"./p-87932e16.js";const d=i().shape({amount:a().required("Amount is required").typeError("Amount must be a number").positive("Amount must be positive").test("amount","Refund amount cannot be more than the original payment amount",(function(o){return o<=this.options.context.amount})).nullable()}),f=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.authToken=void 0,this.paymentId=void 0,this.amount=0,this.submitButtonText="Submit",this.withButton=void 0,this.refundInfoText=void 0,this.errors={},this.isSubmitting=!1}componentWillLoad(){this.formController=new e(d),this.formController.setInitialValues({amount:this.amount,message:""}),this.initializeApi()}componentDidLoad(){this.formController.errors.subscribe((o=>{this.errors=Object.assign({},o)}))}async handleSubmit(o){o.preventDefault(),this.formController.validateAndSubmit(this.submitRefund.bind(this),{amount:this.amount})}async submitRefund(){this.isSubmitting=!0;const o=this.formController.values.getValue();try{await this.api.post(`payments/${this.paymentId}/refunds`,o),this.submitted.emit(o)}catch(o){console.error("Error submitting refund:",o),this.submitted.emit(o)}finally{this.isSubmitting=!1}}handleInput(o,r){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[o]:r}))}initializeApi(){this.authToken||console.warn("Warning: Missing auth-token."),this.api=s({authToken:this.authToken,apiOrigin:n.proxyApiOrigin})}render(){var o;return t(b,{key:"33fe820ac401dce5903071de975343fb4577e8bc"},t("h1",{key:"f249b4ab8c6817d995566434055c64dc11e6f1aa"},"Refund"),this.refundInfoText&&t("div",{key:"e152d19001ab00d1b7d213f44f8f384a4bdd3dcf",class:"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3",role:"alert"},t("img",{key:"177e584498bd6e23b152f8daf5c51989bbf6509e",src:"/info-icon.svg",alt:"Information",height:"30",width:"30"}),t("p",{key:"4b094ae72aea352c4cf4bc85610e8ede298549e0",class:"m-0",innerHTML:this.refundInfoText})),t("form",{key:"04501cd8aa10b65e9d2cd2940bdffb89688ff30c",onSubmit:o=>this.handleSubmit(o),class:"d-grid gap-4"},t("div",{key:"44811330173bc418413a2e9cab0249f541ffe517",class:"form-group"},t("form-control-monetary",{key:"384e732335cf8e8782af48da6709f06028181c19",name:"amount",label:"Refund Amount",defaultValue:(null===(o=this.amount)||void 0===o?void 0:o.toString())||"",maskOptions:c.DECIMAL,inputHandler:(o,r)=>this.handleInput(o,r),errorText:this.errors.amount})),t("div",{key:"137a007a7e795b7d1a8b86ddd05982a7e79bd66a",class:"form-group"},t("form-control-text",{key:"2a2fc63cb0131614044f15132ed56a845cae0646",name:"notes",label:"Additional Notes",inputHandler:(o,r)=>this.handleInput(o,r),errorText:this.errors.notes})),this.withButton&&t("div",{key:"4e3229087cca4cf5c4a133b49cc04a527bd3a716",class:"form-group d-flex flex-row-reverse"},t("button",{key:"2f44170e8b632ba3b2db98ada5c54944495ce4d6",type:"submit",disabled:!!this.isSubmitting,class:"btn btn-primary ml-auto"},this.submitButtonText))))}};f.style=":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";export{f as justifi_refund_form}
+import{r as o,c as r,h as t}from"./p-fad19d75.js";import{c as i,d as a,F as e}from"./p-2eab3c90.js";import{A as d}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import"./p-e3fab0e2.js";import{c as s}from"./p-57e1f2fd.js";import{C as n}from"./p-525db3e8.js";import{S as f}from"./p-ba4bae6f.js";const b=i().shape({amount:a().required("Amount is required").typeError("Amount must be a number").positive("Amount must be positive").test("amount","Refund amount cannot be more than the original payment amount",(function(o){return o<=this.options.context.amount})).nullable()}),c=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.authToken=void 0,this.paymentId=void 0,this.amount=0,this.submitButtonText="Submit",this.withButton=void 0,this.refundInfoText=void 0,this.errors={},this.isSubmitting=!1}componentWillLoad(){this.formController=new e(b),this.formController.setInitialValues({amount:this.amount,message:""}),this.initializeApi()}componentDidLoad(){this.formController.errors.subscribe((o=>{this.errors=Object.assign({},o)}))}async handleSubmit(o){o.preventDefault(),this.formController.validateAndSubmit(this.submitRefund.bind(this),{amount:this.amount})}async submitRefund(){this.isSubmitting=!0;const o=this.formController.values.getValue();try{await this.api.post(`payments/${this.paymentId}/refunds`,o),this.submitted.emit(o)}catch(o){console.error("Error submitting refund:",o),this.submitted.emit(o)}finally{this.isSubmitting=!1}}handleInput(o,r){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[o]:r}))}initializeApi(){this.authToken||console.warn("Warning: Missing auth-token."),this.api=d({authToken:this.authToken,apiOrigin:s.proxyApiOrigin})}render(){var o;return t(f,{key:"d0d0962eaecab749aa1eb124e86701a2fb4dfd53"},t("h1",{key:"cb3071d89c291b1664e551fcf2808a64569ba5eb"},"Refund"),this.refundInfoText&&t("div",{key:"01a6f4567f882d2eec492ef6d98db7d04747ecb4",class:"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3",role:"alert"},t("img",{key:"8ae5928aaf8ead35a7ad180a01bdde05ebec3d5f",src:"/info-icon.svg",alt:"Information",height:"30",width:"30"}),t("p",{key:"425a7dfe9d8b886b55fd0878f3989373733c1758",class:"m-0",innerHTML:this.refundInfoText})),t("form",{key:"5516d2ac500611d2410b9b4c2a4d0d15e417b2d1",onSubmit:o=>this.handleSubmit(o),class:"d-grid gap-4"},t("div",{key:"b67a7c56f070a5a25d91aa0cc77755b27d420fdc",class:"form-group"},t("form-control-monetary",{key:"76b6cfdf2b39674434f4d880333dd5d5f603f0b6",name:"amount",label:"Refund Amount",defaultValue:(null===(o=this.amount)||void 0===o?void 0:o.toString())||"",maskOptions:n.DECIMAL,inputHandler:(o,r)=>this.handleInput(o,r),errorText:this.errors.amount})),t("div",{key:"5e581cdea69d2ce9dbad774214cd904923d199b3",class:"form-group"},t("form-control-text",{key:"926ae888676a4089d3381bd4d650e6f84f6e206a",name:"notes",label:"Additional Notes",inputHandler:(o,r)=>this.handleInput(o,r),errorText:this.errors.notes})),this.withButton&&t("div",{key:"de5df506b7b64a69a16241f117bf9bea4fd79b57",class:"form-group d-flex flex-row-reverse"},t("button",{key:"92ad4d43677587c2c20dc03c6f03a6cf1f20ac12",type:"submit",disabled:!!this.isSubmitting,class:"btn btn-primary ml-auto"},this.submitButtonText))))}};c.style=":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";export{c as justifi_refund_form}

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}