@justifi/webcomponents 4.19.3-rc-1 → 4.19.3-rc-2

package/dist/webcomponents/p-d6a998e4.js

@@ -1 +0,0 @@
-const e={name:"@justifi/webcomponents",version:"4.19.3-rc-1",description:"JustiFi Web Components",collection:"dist/collection/collection-manifest.json",main:"dist/index.cjs.js",module:"dist/module/index.js",types:"dist/module/index.d.ts",repository:{type:"git",url:"git+https://github.com/justifi-tech/web-component-library.git"},homepage:"https://storybook.justifi.ai/?path=/docs/introduction--docs",publishConfig:{registry:"https://registry.npmjs.org"},files:["dist/"],scripts:{build:"stencil build --docs",dev:"stencil build --watch",lint:"eslint . --max-warnings 0",clean:"rm -rf .turbo && rm -rf node_modules && rm -rf dist",generate:"stencil generate",test:"TZ=utc stencil test --spec","test:watch":"TZ=utc stencil test --spec --watchAll","test:file":"stencil test --spec --watch --"},dependencies:{"@stencil/core":"^4.0.5","@stencil/store":"^2.0.8",bootstrap:"^5.2.3","chart.js":"^4.4.1","date-fns":"^2.29.3","dinero.js":"^1.9.1","iframe-resizer":"^4.3.7",imask:"^7.6.0",rxjs:"^7.8.1","ts-dedent":"^2.2.0",uuid:"^9.0.0",yup:"^1.0.0"},devDependencies:{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-replace":"^5.0.7","@stencil/sass":"^3.0.1","@types/jest":"27.0.3","@types/react":"^18.0.37","@types/react-dom":"^18.0.11",dotenv:"^16.3.1",jest:"^29.7.0","jest-cli":"^29.7.0","jest-environment-node":"^29.7.0","ts-jest":"^29.1.2"},license:"MIT",gitHead:"507bac1d941eae6e1f56e185ecd9bc9d22637783"};export{e as p}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s}from"./p-fad19d75.js";import{I as a}from"./p-1ad5995e.js";import{C as o}from"./p-525db3e8.js";const r=class{constructor(i){t(this,i),this.formControlInput=e(this,"formControlInput",7),this.formControlBlur=e(this,"formControlBlur",7),this.imask=null,this.initializeIMask=()=>{this.textInput&&(this.imask=a(this.textInput,this.maskOptions),this.imask.on("accept",(()=>{const t=this.imask.unmaskedValue;this.inputHandler(this.name,t),this.formControlInput.emit({name:this.name,value:t})})),this.textInput.addEventListener("blur",(()=>this.formControlBlur.emit())))},this.handleFormControlInput=t=>{const e=t.target.getAttribute("name");this.formControlInput.emit({name:e,value:this.imask.unmaskedValue})},this.updateInput=t=>{this.imask&&(this.imask.value=String(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.maskOptions=o.DECIMAL,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.initializeIMask(),this.updateInput(this.defaultValue)}disconnectedCallback(){var t;null===(t=this.imask)||void 0===t||t.destroy()}render(){return i(s,{key:"8797b3aa5c6a30f472d51e2b9437b6158b0566fc",exportparts:"label,input,input-group-input,input-group-text,input-invalid"},i("div",{key:"0d3e068cf104aec3f6250f5cd6c00a9342928fe8",class:"form-group d-flex flex-column"},i("label",{key:"0e86db7c0d981bdae74c51dd75bf5579d07b4793",part:"label",class:"form-label",htmlFor:this.name},this.label),i("div",{key:"8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd",class:"input-group"},i("span",{key:"83860eac764be9eeea31302d60525fb56af9dc1d",class:"input-group-text",part:"input-group-text"},"$"),i("input",{key:"b8c655c0b8eeb6ec328eeaed651773c293aa3100",ref:t=>this.textInput=t,id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,part:`input input-group-input ${this.errorText&&"input-invalid"}`,class:this.errorText?"form-control monetary is-invalid":"form-control monetary",type:"text",disabled:this.disabled})),i("form-control-help-text",{key:"b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"daefe97a15bde309c397a506de6cda9a0376323b",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{r as form_control_monetary}

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

@@ -1 +0,0 @@
-import{r as o,c as r,h as a,F as t}from"./p-fad19d75.js";import"./p-56f6ce4c.js";import{a as i}from"./p-df21aaad.js";import"./p-e3fab0e2.js";const d={bankAccount:"Bank Account",card:"Card"},e=class{constructor(a){o(this,a),this.paymentMethodSelected=r(this,"paymentMethodSelected",7),this.paymentMethodTypes=[i.card,i.bankAccount],this.selectedPaymentMethodType=void 0}onChangeHandler(o){this.paymentMethodSelected.emit(o.target.value)}render(){return a("div",{key:"a0cd592094f7f69955469de84addde1d4bc5af4d",class:"btn-group jfi-btn-radio-group",role:"group","aria-label":"Radio toggle group for payment method"},this.paymentMethodTypes.map((o=>a(t,null,a("input",{id:o,type:"radio",name:"paymentMethodType",value:o,onChange:o=>this.onChangeHandler(o),checked:this.selectedPaymentMethodType===o,class:"btn-check jfi-btn-radio"}),a("label",{htmlFor:o,class:"btn btn-outline-primary jfi-btn-radio-label"},d[o])))))}};e.style=":host{display:block}.jfi-btn-radio+.jfi-btn-radio-label{color:var(--jfi-radio-button-color);background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color);padding:var(--jfi-radio-button-padding);font-size:var(--jfi-radio-button-font-size)}.jfi-btn-radio:focus+.jfi-btn-radio-label{box-shadow:var(--jfi-box-shadow-focus)}.jfi-btn-radio+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-hover);border-color:var(--jfi-radio-button-border-color-hover);background-color:var(--jfi-radio-button-background-color-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-selected-hover);border-color:var(--jfi-radio-button-border-color-selected-hover);background-color:var(--jfi-radio-button-background-color-selected-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label{color:var(--jfi-radio-button-color-selected);background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.jfi-btn-radio-group{font-family:var(--jfi-layout-font-family);display:inline-flex;width:var(--jfi-radio-button-group-width)}";export{e as justifi_payment_method_selector}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as a,g as s}from"./p-fad19d75.js";const o=class{constructor(i){t(this,i),this.formControlInput=e(this,"formControlInput",7),this.formControlBlur=e(this,"formControlBlur",7),this.handleFormControlInput=t=>{const e=t.target,i=e.getAttribute("name");this.inputHandler(i,e.value),this.formControlInput.emit({name:i,value:e.value})},this.updateInput=t=>{const e=this.el.querySelector("input");e&&(e.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.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}render(){return i(a,{key:"dd43d75b327c05e75b453b954346c6ffcd85a2f5",exportparts:"label,input,input-invalid"},i("div",{key:"5215f62251bd89be493ddffe46bf0c466b42e314",class:"form-group d-flex flex-column"},i("label",{key:"f0409970f8d43bcdef92b81363cc24aa1bb691a0",part:"label",class:"form-label",htmlFor:this.name},this.label),i("input",{key:"9c6a5899e64ba1a8af6af80c63b6a0895351da63",id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,part:`input ${this.errorText&&"input-invalid"}`,class:this.errorText?"form-control is-invalid":"form-control",type:"number",disabled:this.disabled}),i("form-control-help-text",{key:"cd7b4a724427383cafc04137f6feca473695b020",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"04748d3c5b1067b0312a2b7c36369e2a21a7215f",errorText:this.errorText,name:this.name})))}get el(){return s(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{o as form_control_number}

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

@@ -1 +0,0 @@
-import{r as o,c as r,h as t}from"./p-fad19d75.js";import"./p-56f6ce4c.js";import{a as i}from"./p-df21aaad.js";import"./p-e3fab0e2.js";import{l as a}from"./p-83125497.js";import{a as e,C as s}from"./p-14c91ffd.js";import{g as f}from"./p-8115b2f4.js";import{J as b}from"./p-8e263202.js";import{B as c}from"./p-9c9c7dac.js";import{S as d}from"./p-ba4bae6f.js";import"./p-d6a998e4.js";import"./p-29c0b182.js";const n=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.errorEvent=r(this,"error-event",7),this.bankAccount=void 0,this.card=void 0,this.email=void 0,this.clientId=void 0,this.authToken=void 0,this.accountId=void 0,this.submitButtonText=void 0,this.submitButtonEnabled=!0,this.isLoading=!1,this.selectedPaymentMethodType=i.card}componentWillLoad(){this.analytics=new b(this),this.validateProps()||(this.errorEvent.emit({errorCode:e.MISSING_PROPS,message:"clientId or authToken is required",severity:s.ERROR}),this.submitButtonEnabled=!1)}connectedCallback(){a()}disconnectedCallback(){this.analytics.cleanup()}async fillBillingForm(o){this.billingFormRef.fill(o)}async enableSubmitButton(){this.submitButtonEnabled=!0}async disableSubmitButton(){this.submitButtonEnabled=!1}showPaymentMethodTypeSelector(){return this.card&&this.bankAccount}getSelectedPaymentMethodType(){return this.showPaymentMethodTypeSelector()?this.selectedPaymentMethodType:this.card?i.card:this.bankAccount?i.bankAccount:i.card}paymentMethodSelectedHandler(o){this.selectedPaymentMethodType=o.detail}validateProps(){return!(!this.clientId&&!this.authToken)}getToken(){return this.authToken||this.clientId}async submit(o){if(o.preventDefault(),!this.paymentMethodFormRef||!this.billingFormRef)return;const r=await this.billingFormRef.validate(),t=await this.paymentMethodFormRef.validate();if(r.isValid&&t.isValid){this.isLoading=!0;try{const o=await this.billingFormRef.getValues(),r=Object.assign({email:this.email},o),t=await this.paymentMethodFormRef.tokenize(this.getToken(),r,this.accountId);t.error&&this.errorEvent.emit({errorCode:e.TOKENIZE_ERROR,message:t.error.message,severity:s.ERROR}),this.submitted.emit(t)}catch(o){this.errorEvent.emit({errorCode:e.UNKNOWN_ERROR,message:f(o),severity:s.ERROR})}finally{this.isLoading=!1}}}render(){return t(d,{key:"8cb6e3903a0045fbffed5f17dc29aacc6b57ad7f"},t("form",{key:"4e8f00c3d29c0db0bc99fd79da46abe7c40e3e30",class:"row gy-3"},this.showPaymentMethodTypeSelector()&&t("div",{key:"344a1356f6f482493a35015c32f8e9a9b4cc8a80",class:"col-12"},t("justifi-payment-method-selector",{key:"36b9dd7a9bc8336b4bef0d12f56c811effbc0a0b",selectedPaymentMethodType:this.getSelectedPaymentMethodType(),onPaymentMethodSelected:o=>this.paymentMethodSelectedHandler(o)})),t("div",{key:"225a260f817f9dd02a7f0a5b25562179ab80f7de",class:"col-12"},t("justifi-payment-method-form",{key:"52e2bf20b265cc96ab556571a323370cc27ac278","payment-method-form-type":this.getSelectedPaymentMethodType(),iframeOrigin:"",ref:o=>{o&&(this.paymentMethodFormRef=o)}})),t("div",{key:"433a8ac42c0eec9180e37da222da1dbb1112e48e",class:"col-12"},t("justifi-billing-form",{key:"4f24f1c8b4083e2d9e5bb2272d32d20bb5cc225d",legend:"Billing Info",ref:o=>{o&&(this.billingFormRef=o)}})),t("slot",{key:"9397ae7fdd2677cd61a425fcf5818ae14fabbed0",name:"insurance"}),t("div",{key:"db9131f6f35165e69d3b59da7fa25b95f1e46168",class:"col-12"},t(c,{key:"c280836cf6445a7132ff9202a09b6fdac8e29f77",variant:"primary",type:"submit",onClick:o=>this.submit(o),disabled:!this.submitButtonEnabled||this.isLoading,isLoading:this.isLoading,"data-testid":"submit-button",style:{width:"100%"}},this.submitButtonText||"Submit"))))}};n.style=":host{display:block}justifi-payment-method-form{display:block;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){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";export{n as justifi_payment_form}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-fad19d75.js";import{C as s,a as o}from"./p-14c91ffd.js";import{g as r,a as c}from"./p-8115b2f4.js";import{A as a}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import"./p-e3fab0e2.js";import{J as h}from"./p-8e263202.js";import"./p-d6a998e4.js";class n{async fetchCheckout(e,t){const i=`checkouts/${t}`;return a({authToken:e,apiOrigin:""}).get(i)}async complete(e,t,i){const s=`checkouts/${t}/complete`,o={payment_mode:i.payment_mode};return i.payment_token&&(o.payment_token=i.payment_token),a({authToken:e,apiOrigin:""}).post(s,JSON.stringify(o))}}const d=class{constructor(i){e(this,i),this.errorEvent=t(this,"error-event",7),this.loadedEvent=t(this,"loaded",7),this.iframeOrigin=void 0,this.authToken=void 0,this.checkoutId=void 0,this.disableCreditCard=void 0,this.disableBankAccount=void 0,this.disableBnpl=void 0,this.disablePaymentMethodGroup=void 0,this.getCheckout=void 0,this.complete=void 0,this.errorMessage=""}componentWillLoad(){this.analytics=new h(this),this.initializeGetCheckout()}disconnectedCallback(){this.analytics.cleanup()}initializeGetCheckout(){this.authToken&&this.checkoutId?(this.getCheckout=(({authToken:e,checkoutId:t,service:i})=>async({onSuccess:o,onError:a})=>{var h;try{const n=await i.fetchCheckout(e,t);if(n.error)return a({error:r(n.error),code:c(null===(h=n.error)||void 0===h?void 0:h.code),severity:s.ERROR});o({checkout:n.data})}catch(e){const t=c(null==e?void 0:e.code);return a({error:e.message||e,code:t,severity:s.ERROR})}})({authToken:this.authToken,checkoutId:this.checkoutId,service:new n}),this.complete=(({authToken:e,checkoutId:t,service:i})=>async({payment:o,onSuccess:a,onError:h})=>{var n;try{const d=await i.complete(e,t,o);if(d.error)return h({error:r(d.error),code:c(null===(n=d.error)||void 0===n?void 0:n.code),severity:s.ERROR});a(d)}catch(e){const t=c(null==e?void 0:e.code);return h({error:e.message||e,code:t,severity:s.ERROR})}})({authToken:this.authToken,checkoutId:this.checkoutId,service:new n})):this.errorEvent.emit({message:"auth-token and checkout-id are required",errorCode:o.MISSING_PROPS,severity:s.ERROR})}propChanged(){this.initializeGetCheckout()}async fillBillingForm(e){this.checkoutCoreRef.fillBillingForm(e)}render(){return i("justifi-checkout-core",{key:"d2f6bfed1be767edcf4ba21cddc503ff5efbec1a",getCheckout:this.getCheckout,authToken:this.authToken,complete:this.complete,disableCreditCard:this.disableCreditCard,disableBankAccount:this.disableBankAccount,disableBnpl:this.disableBnpl,disablePaymentMethodGroup:this.disablePaymentMethodGroup,ref:e=>{e&&(this.checkoutCoreRef=e)}},i("div",{key:"45ac1bea74ca8ef7999211b51fe7791225d61f00",slot:"insurance"},i("slot",{key:"13e051844cc7cb4aed98076ccd64954b2dd68228",name:"insurance"})))}static get watchers(){return{authToken:["propChanged"],checkoutId:["propChanged"]}}};export{d as justifi_checkout}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as o}from"./p-fad19d75.js";const a=class{constructor(e){t(this,e),this.formControlInput=i(this,"formControlInput",7),this.formControlBlur=i(this,"formControlBlur",7),this.fileSelected=i(this,"fileSelected",7),this.handleFormControlInput=t=>{const i=t.target,e=i.getAttribute("name");this.inputHandler(e,i.value),this.formControlInput.emit({name:e,value:i.value})},this.changeHandler=()=>{const t=this.fileInput.files;t&&this.fileSelected.emit({fileList:t,document_type:this.documentType})},this.files=void 0,this.fileString=void 0,this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.multiple=void 0,this.documentType=void 0,this.inputHandler=void 0,this.disabled=void 0}componentDidLoad(){this.fileInput=this.el.querySelector("input")}render(){return e(s,{key:"ed29128c1c4c811aa030697347adb88e0143b031",exportparts:"label,input,input-invalid"},e("div",{key:"6c924bdbbccae8e98a382a92e54c5b9c288de8d4",class:"form-group d-flex flex-column"},e("label",{key:"dbacccea94e39815737683495e3df83b514b79af",part:"label",class:"form-label",htmlFor:this.name},this.label),e("input",{key:"a7eef53c9fff54eace8c6960b8c62a833d30bfa3",ref:t=>this.fileInput=t,type:"file",name:this.name,part:`input ${this.errorText?"input-invalid ":""}${this.disabled?" input-disabled":""}`,class:this.errorText?"form-control is-invalid":"form-control",multiple:this.multiple,disabled:this.disabled,onChange:this.changeHandler,onInput:this.handleFormControlInput,onBlur:()=>this.formControlBlur.emit()}),e("form-control-help-text",{key:"a5abacb92bdb3fb59d0a2265114e858540f2c4b7",helpText:this.helpText,name:this.name}),e("form-control-error-text",{key:"6eeeef347237d363d3bc6616d58f19a7f0be7e3c",errorText:this.errorText,name:this.name})))}get el(){return o(this)}};export{a as form_control_file}

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

@@ -1 +0,0 @@
-import{r as o,c as r,h as t}from"./p-fad19d75.js";import{f as i}from"./p-83125497.js";import{C as s}from"./p-14c91ffd.js";import{i as a,v as e,a as d}from"./p-2338affa.js";import{B as c}from"./p-9c9c7dac.js";import{S as l}from"./p-ba4bae6f.js";import{S as n}from"./p-08b0fb31.js";class f{constructor(o){Object.assign(this,o)}}const b=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.errorEvent=r(this,"error-event",7),this.loaded=r(this,"loaded",7),this.completeCheckout=async o=>{this.complete({payment:o,onSuccess:this.onSubmitted,onError:this.onError})},this.onSubmitted=o=>{this.submitted.emit(o),this.renderState="success"},this.onError=({error:o,code:r,severity:t})=>{this.serverError=o,this.errorEvent.emit({errorCode:r,message:o,severity:t}),this.renderState="error"},this.iframeOrigin="",this.authToken=void 0,this.getCheckout=void 0,this.complete=void 0,this.checkoutId=void 0,this.disableCreditCard=void 0,this.disableBankAccount=void 0,this.disableBnpl=void 0,this.disablePaymentMethodGroup=void 0,this.hasLoadedFonts=!1,this.checkout=void 0,this.serverError=void 0,this.renderState="loading",this.creatingNewPaymentMethod=!1,this.insuranceToggled=!1}async fillBillingForm(o){this.paymentMethodOptionsRef.fillBillingForm(o)}componentWillLoad(){this.getCheckout&&(this.fetchData(),a("set",(o=>{const r=d[o];void 0!==r&&(this.insuranceToggled=r,this.fetchData())})))}fetchData(){this.renderState="loading",this.getCheckout({onSuccess:({checkout:o})=>{this.checkout=new f(o);const{status:r}=this.checkout;this.loaded.emit({checkout_status:r}),this.renderState="success"},onError:({error:o,code:r,severity:t})=>{this.serverError=o,this.renderState="error",this.errorEvent.emit({errorCode:r,message:o,severity:t})}})}async submit(o){var r;o.preventDefault(),this.renderState="loading";const t=e(),i=await this.paymentMethodOptionsRef.resolvePaymentMethod(t);i.validationError?this.renderState="error":i.error?(this.renderState="error",this.serverError=i.error.message,this.onError({code:i.error.code,error:i.error.message,severity:s.ERROR})):i.token?this.completeCheckout({payment_mode:"ecom",payment_token:i.token}):"success"===(null===(r=i.bnpl)||void 0===r?void 0:r.status)?this.completeCheckout({payment_mode:"bnpl"}):this.renderState="error"}get isLoading(){return"loading"===this.renderState}get isError(){return"error"===this.renderState}get paymentType(){var o,r,i,s,a;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(n,{variant:"rounded",height:"300px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("justifi-payment-method-options",{ref:o=>this.paymentMethodOptionsRef=o,"show-card":!this.disableCreditCard,"show-ach":!this.disableBankAccount,"show-bnpl":!this.disableBnpl,paymentMethodGroupId:null===(o=this.checkout)||void 0===o?void 0:o.payment_method_group_id,"show-saved-payment-methods":!this.disablePaymentMethodGroup,bnpl:null===(r=this.checkout)||void 0===r?void 0:r.bnpl,authToken:this.authToken,"account-id":null===(i=this.checkout)||void 0===i?void 0:i.account_id,savedPaymentMethods:(null===(s=this.checkout)||void 0===s?void 0:s.payment_methods)||[],paymentAmount:null===(a=this.checkout)||void 0===a?void 0:a.payment_amount,insuranceToggled:this.insuranceToggled})))}get summary(){var o,r;return t("section",null,t("div",{class:!this.isLoading&&"visually-hidden"},t(n,{height:"24px"})),t("div",{class:this.isLoading&&"visually-hidden"},t("div",{class:"jfi-payment-description"},null===(o=this.checkout)||void 0===o?void 0:o.payment_description),t("div",{class:"jfi-payment-total"},t("span",{class:"jfi-payment-total-label"},"Total")," ",t("span",{class:"jfi-payment-total-amount"},i(+(null===(r=this.checkout)||void 0===r?void 0:r.total_amount))))))}render(){return t(l,{key:"085e3582c88e06c650d0ad52407982f9d0f713d5"},t("div",{key:"15ff263db1588472d8338599b39336c6be74e629",class:"row gy-3 jfi-checkout-core"},t("div",{key:"19115dc64b5d232fa47c4976da5b1b450204d5c7",class:"col-12"},t("h2",{key:"f995a6510cec38c9742f095952e9d9ad54c4a95a",class:"fs-5 fw-bold pb-3 jfi-header"},"Summary"),this.summary),t("div",{key:"d14ce872c6fa7be272f279c02a571fa005828678",class:"col-12"},t("slot",{key:"5dd8c141deeecdb1689f34728c491ac985b047b0",name:"insurance"})),t("div",{key:"33d821b9cb8fb975911b3c5dccd72bf6d6a9333a",class:"col-12 mt-4"},t("h2",{key:"2c1be6ad9636a3cc9bbd2fd0b61b2e15444a66ab",class:"fs-5 fw-bold pb-3 jfi-header"},"Payment"),t("h3",{key:"ebdced7b60f3b5a390067f5eb685533360988f01",class:"fs-6 fw-bold lh-lg"},"Select payment type"),t("div",{key:"eb110ff64cf495542e732e8065b23167394bc5e2",class:"d-flex flex-column"},this.paymentType)),t("div",{key:"a2960051d744f1069a52b91090adaa90ed7053f3",class:"col-12"},t("div",{key:"03f01d243ebfa1268ca6c24b076b133e14709bd6",class:"d-flex justify-content-end"},t(c,{key:"01dd57ac8cb2c6e496d70421e21fd70533e6b5f6",type:"submit",variant:"primary",onClick:o=>this.submit(o),disabled:this.isLoading,isLoading:this.isLoading,style:{width:"100%"}},"Pay")))))}};b.style=":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-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)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}.jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";export{b as justifi_checkout_core}

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

@@ -1 +0,0 @@
-import{r as s,c as e,h as i}from"./p-fad19d75.js";import{L as t,E as r}from"./p-dce846bf.js";import{S as o}from"./p-ba4bae6f.js";var a;!function(s){s.LOADING="loading",s.READY="ready",s.ERROR="error"}(a||(a={}));const n=class{constructor(i){s(this,i),this.errorEvent=e(this,"error-event",7),this.getBusiness=void 0,this.business=void 0,this.renderState=a.LOADING,this.errorMessage="An error ocurred."}async componentWillLoad(){this.getBusiness&&this.fetchData()}fetchData(){this.renderState=a.LOADING,this.getBusiness({onSuccess:({business:s})=>{this.business=s,this.renderState=a.READY},onError:({error:s,code:e,severity:i})=>{this.errorMessage=s,this.renderState=a.ERROR,this.errorEvent.emit({errorCode:e,message:s,severity:i})}})}render(){return this.renderState===a.LOADING?i(o,null,t()):this.renderState===a.ERROR?i(o,null,r(this.errorMessage)):i(o,null,i("generic-info-details",{business:this.business}),i("legal-address-details",{legalAddress:this.business.legal_address}),i("representative-details",{representative:this.business.representative}),i("owner-details",{owners:this.business.owners}),i("additional-questions-details",{additionalQuestions:this.business.additional_questions}))}};export{n as business_details_core}

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

@@ -1 +0,0 @@
-import{h as t,r as a,c as e}from"./p-fad19d75.js";import{p as s}from"./p-56f6ce4c.js";import"./p-df21aaad.js";import{a as c,b as r}from"./p-e3fab0e2.js";import{b as o,c as i,f as d}from"./p-83125497.js";import{a as n,C as h}from"./p-14c91ffd.js";import{t as b}from"./p-2b6c9c4f.js";import{S as l}from"./p-ba4bae6f.js";import{T as f,a as p,b as u}from"./p-e333620e.js";const y=a=>t("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},a),t("path",{d:"M12 15.5l-5-5 1.41-1.41L12 12.67l3.59-3.58L17 10.5l-5 5z"}),t("path",{d:"M11 4h2v9h-2z"}),t("path",{d:"M5 18h14v2H5z"})),m=class{constructor(t){a(this,t),this.rowClicked=e(this,"payout-row-clicked",7),this.errorEvent=e(this,"error-event",7),this.downloadCSV=t=>{this.getPayoutCSV({payoutId:t,onError:()=>{this.errorEvent.emit({errorCode:n.FETCH_ERROR,message:"Failed to download CSV",severity:h.ERROR})}})},this.handleDateChange=(t,a)=>{this.params=Object.assign(Object.assign({},this.params),{[t]:a})},this.handleClickPrevious=t=>{const a=Object.assign({},this.params);delete a.after_cursor,this.params=Object.assign(Object.assign({},a),{before_cursor:t})},this.handleClickNext=t=>{const a=Object.assign({},this.params);delete a.before_cursor,this.params=Object.assign(Object.assign({},a),{after_cursor:t})},this.mapStatusToBadge=t=>{switch(t){case c.scheduled:return`<span class="badge bg-primary" title='Batched and scheduled to be transferred'>${r[t]}</span>`;case c.in_transit:return`<span class="badge bg-primary" title='Transfer to your bank account has been initiated'>${r[t]}</span>`;case c.failed:case c.canceled:return`<span class="badge bg-danger" title='Transfer to your bank account failed'>${r[t]}</span>`;case c.forwarded:return`<span class="badge bg-secondary" title='The funds have been forwarded to your next successful payout'>${r[t]}</span>`;case c.paid:return`<span class="badge bg-success" title='Successfully deposited into your bank account'>${r[t]}</span>`}},this.rowClickHandler=t=>{const a=t.target.closest("tr").dataset.rowEntityId;a&&this.rowClicked.emit(this.payouts.find((t=>t.id===a)))},this.getPayouts=void 0,this.getPayoutCSV=void 0,this.payouts=[],this.loading=!0,this.errorMessage=void 0,this.paging=s,this.params=void 0}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.getPayouts&&this.fetchData()}fetchData(){this.loading=!0,this.getPayouts({params:this.params,onSuccess:({payouts:t,pagingInfo:a})=>{this.payouts=t,this.paging=a,this.loading=!1},onError:({error:t,code:a,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:a,message:t,severity:e}),this.loading=!1}})}get entityId(){return this.payouts.map((t=>t.id))}get columnData(){return[["Paid Out On","The date each transaction occurred"],["Type","The type of each transaction"],["Account","The ID of the account associated with each payout"],["Paid Out To","The bank account to which each payout was transferred"],["Payments","Sum of payments in each payout"],["Refunds","Sum of refunds in each payout"],["Fees","Sum of fees in each payout"],["Other","Sum of less common transactions in each payout"],["Payout Amount","The net sum of all transactions in each payout"],["Status","The real-time status of each payout"],["Actions",""]]}get rowData(){return this.payouts.map((a=>[{type:"head",value:`\n          <div class='fw-bold'>${o(a.created_at)}</div>\n          <div class='fw-bold'>${i(a.created_at)}</div>\n        `},a.payout_type,a.account_id,`${a.bank_account.full_name} ${a.bank_account.account_number_last4}`,d(a.payments_total),d(a.refunds_total),d(a.fees_total),d(a.other_total),d(a.amount),{type:"inner",value:this.mapStatusToBadge(a.status)},t(y,{title:"Export CSV",onClick:()=>this.downloadCSV(a.id),style:{height:"24px",width:"24px",cursor:"pointer"}})]))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState}render(){return t(l,{key:"594c52003f897f4c50f79935e42a7042fb5ec168",exportedparts:b},t("div",{key:"f2b1d971e1e7bc5596459c071c3aa931ba4cb4b9",class:"row gy-3 mb-4"},t("div",{key:"d98e3ed56421493a60bd0a285079aa99ae705506",class:"col-2"},t("form-control-date",{key:"c9c899884bcc6fa6d306b95473ef0a7354e57bd5",name:"created_after",label:"Date from:",inputHandler:this.handleDateChange})),t("div",{key:"0059a75bf2f478b107d59bd9d7cc29de10dffe57",class:"col-2"},t("form-control-date",{key:"ef9a31ac8a8e7336386664b70289ee34677152a4",name:"created_before",label:"Date to:",inputHandler:this.handleDateChange}))),t("div",{key:"65da1114a66ac4cdf8d6ec012a42b2f760af5c76",class:"table-wrapper"},t("table",{key:"d68d8f61835cc4dc5dc988ff61843e6254494ace",class:"table table-hover"},t("thead",{key:"aa691db8fbfbcdad59acbdc1ef38497b552928ab",class:"table-head sticky-top",part:"table-head"},t("tr",{key:"aa9f61cbf05b9420026861cb14e6a30a6c9e347e",class:"table-light text-nowrap",part:"table-head-row"},this.columnData.map((a=>t("th",{part:"table-head-cell",scope:"col",title:Array.isArray(a)?a[1]:""},Array.isArray(a)?a[0]:a))))),t("tbody",{key:"cf0127f26e8bc5b7afbbfc4a36fab4de948d1727",class:"table-body",part:"table-body"},t(f,{key:"d6b832786c4959176974c7a343442c8d1c50b5c2",columnSpan:this.columnData.length,isLoading:this.loading}),t(p,{key:"398a20957f76ba14e1b0677fbd6fbfbacce61fbb",isEmpty:this.showEmptyState,columnSpan:this.columnData.length}),t(u,{key:"d9f755a07a6f8cd4967eac60beff92f36322dcdd",columnSpan:this.columnData.length,errorMessage:this.errorMessage}),this.showRowData&&this.rowData.map(((a,e)=>t("tr",{"data-test-id":"table-row","data-row-entity-id":this.entityId[e],onClick:this.rowClickHandler,part:"table-row "+(e%2?"table-row-even":"table-row-odd")},a.map((a=>(null==a?void 0:a.type)?t("td",{part:"table-cell",innerHTML:a.value}):t("td",{part:"table-cell"},a))))))),this.paging&&t("tfoot",{key:"503fa3a3a7ffe5d52b614153b286dd0326c02091",class:"sticky-bottom"},t("tr",{key:"e3af74b96bfc1f5ac1f0f0655eaed096102d0e89",class:"table-light align-middle"},t("td",{key:"a53f9d37181ea29a9fcb6ab46b2daf7cc66509be",part:"pagination-bar",colSpan:this.columnData.length},t("pagination-menu",{key:"b0779289444747e0b18bb63e6a17cdc89bd390ca",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext}),params:this.params})))))))}static get watchers(){return{params:["updateOnPropChange"],getPayouts:["updateOnPropChange"]}}};export{m as payouts_list_core}