@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-4

package/dist/webcomponents/p-3e9ef4a8.js

@@ -0,0 +1,28 @@
+import { A as Api } from './p-29c0b182.js';
+
+class BusinessService {
+    async fetchBusiness(businessId, authToken) {
+        const endpoint = `entities/business/${businessId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+    async patchBusiness(authToken, businessId, payload) {
+        const endpoint = `entities/business/${businessId}`;
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
+    }
+}
+class IdentityService {
+    async fetchIdentity(identityId, authToken) {
+        const endpoint = `entities/identity/${identityId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+    async patchIdentity(authToken, identityId, payload) {
+        const endpoint = `entities/identity/${identityId}`;
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
+    }
+    async postIdentity(authToken, payload) {
+        const endpoint = `entities/identity`;
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
+    }
+}
+
+export { BusinessService as B, IdentityService as I };

package/dist/webcomponents/p-3fd13ca3.js

@@ -1 +1,52 @@
-import{c as e}from"./p-2eab3c90.js";import{h as s,w as n,e as a,d as i,j as r,k as t,m as u,t as _,n as o,r as c,o as b,q as l,u as m,v as p,x as d,y as g}from"./p-89887332.js";const y=c=>{const b=e({legal_name:s.required("Enter legal name"),website_url:n.required("Enter business website url"),email:a.required("Enter business email"),phone:i.required("Enter phone number"),doing_business_as:r.required("Enter doing business as"),classification:t.required("Select business classification"),industry:u.required("Enter a business industry"),tax_id:_.required("Enter tax id, SSN, or EIN"),date_of_incorporation:o.required("Enter date of incorporation")}),l=e({legal_name:s.required("Enter legal name"),website_url:n.nullable(),email:a.nullable(),phone:i.nullable(),doing_business_as:r.nullable(),classification:t.nullable(),industry:u.nullable(),tax_id:_.nullable(),date_of_incorporation:o.nullable()});return c?l:b},v=s=>{const n=e({business_revenue:c.required("Enter business revenue"),business_payment_volume:b.required("Enter business payment volume"),business_when_service_received:l.required("Select when service is received"),business_recurring_payments:m.required("Select recurring payments"),business_recurring_payments_percentage:p,business_seasonal:d.required("Select business seasonal"),business_other_payment_details:g.nullable()}),a=e({business_revenue:c.nullable(),business_payment_volume:b.nullable(),business_when_service_received:l.nullable(),business_recurring_payments:m.nullable(),business_recurring_payments_percentage:p,business_seasonal:d.nullable(),business_other_payment_details:g.nullable()});return s?a:n};export{v as a,y as b}
+import { c as create$3 } from './p-2eab3c90.js';
+import { h as businessNameValidation, w as websiteUrlValidation, e as emailValidation, d as phoneValidation, j as doingBusinessAsValidation, k as businessClassificationValidation, m as industryValidation, t as taxIdValidation, n as dateOfIncorporationValidation, r as revenueValidation, o as paymentVolumeValidation, q as whenServiceReceivedValidation, u as recurringPaymentsValidation, v as recurringPaymentsPercentageValidation, x as seasonalBusinessValidation, y as otherPaymentDetailsValidation } from './p-89887332.js';
+
+const businessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.required('Enter business website url'),
+        email: emailValidation.required('Enter business email'),
+        phone: phoneValidation.required('Enter phone number'),
+        doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
+        classification: businessClassificationValidation.required('Select business classification'),
+        industry: industryValidation.required('Enter a business industry'),
+        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
+    });
+    const easySchema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.nullable(),
+        email: emailValidation.nullable(),
+        phone: phoneValidation.nullable(),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        classification: businessClassificationValidation.nullable(),
+        industry: industryValidation.nullable(),
+        tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = create$3({
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+export { additionalQuestionsSchema as a, businessCoreInfoSchema as b };

package/dist/webcomponents/p-492588bf.js

@@ -0,0 +1,79 @@
+const name = "@justifi/webcomponents";
+const version = "4.19.1-rc-4";
+const description = "JustiFi Web Components";
+const collection = "dist/collection/collection-manifest.json";
+const main = "dist/index.cjs.js";
+const module = "dist/module/index.js";
+const types = "dist/module/index.d.ts";
+const repository = {
+	type: "git",
+	url: "git+https://github.com/justifi-tech/web-component-library.git"
+};
+const homepage = "https://storybook.justifi.ai/?path=/docs/introduction--docs";
+const publishConfig = {
+	registry: "https://registry.npmjs.org"
+};
+const files = [
+	"dist/"
+];
+const 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 --"
+};
+const 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"
+};
+const 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"
+};
+const license = "MIT";
+const gitHead = "507bac1d941eae6e1f56e185ecd9bc9d22637783";
+const packageJson = {
+	name: name,
+	version: version,
+	description: description,
+	collection: collection,
+	main: main,
+	module: module,
+	types: types,
+	repository: repository,
+	homepage: homepage,
+	publishConfig: publishConfig,
+	files: files,
+	scripts: scripts,
+	dependencies: dependencies,
+	devDependencies: devDependencies,
+	license: license,
+	gitHead: gitHead
+};
+
+export { packageJson as p };

package/dist/webcomponents/p-525db3e8.js

@@ -1 +1,22 @@
-const a={US:"(000) 000-0000"},s={US:"00-0000000"},r="000-00-0000",o={WHOLE:{mask:Number,thousandsSeparator:",",normalizeZeros:!0},DECIMAL:{mask:Number,scale:2,thousandsSeparator:",",padFractionalZeros:!0,normalizeZeros:!0,radix:"."}};export{o as C,a as P,r as S,s as T}
+const PHONE_MASKS = {
+    US: '(000) 000-0000',
+};
+const TAX_ID_MASKS = { US: '00-0000000' };
+const SSN_MASK = '000-00-0000';
+const CURRENCY_MASK = {
+    WHOLE: {
+        mask: Number,
+        thousandsSeparator: ',',
+        normalizeZeros: true,
+    },
+    DECIMAL: {
+        mask: Number,
+        scale: 2,
+        thousandsSeparator: ',',
+        padFractionalZeros: true,
+        normalizeZeros: true,
+        radix: '.',
+    }
+};
+
+export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };

package/dist/webcomponents/p-5482d030.entry.js

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

package/dist/webcomponents/p-56f6ce4c.js

@@ -1 +1,10 @@
-const e={amount:25,start_cursor:"",end_cursor:"",has_previous:!1,has_next:!1},s=Object.assign(Object.assign({},e),{handleClickNext:()=>{},handleClickPrevious:()=>{}});export{s as E,e as p}
+const pagingDefaults = {
+    amount: 25,
+    start_cursor: '',
+    end_cursor: '',
+    has_previous: false,
+    has_next: false,
+};
+const ExtendedPagingDefaults = Object.assign(Object.assign({}, pagingDefaults), { handleClickNext: () => { }, handleClickPrevious: () => { } });
+
+export { ExtendedPagingDefaults as E, pagingDefaults as p };

package/dist/webcomponents/p-576826b1.entry.js

@@ -0,0 +1,43 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
+
+const NumberInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("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 }), h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { NumberInput as form_control_number };

package/dist/webcomponents/p-5968ff8a.js

@@ -1 +1,178 @@
-import{C as r}from"./p-14c91ffd.js";import{g as e,a as o}from"./p-8115b2f4.js";const n=({authToken:n,businessId:t,service:s})=>async({onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await s.fetchBusiness(t,n);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}},t=({authToken:n,businessId:t,service:s})=>async({payload:i,onSuccess:c,onError:a,final:u=(()=>{})})=>{var d;try{const u=await s.patchBusiness(n,t,i);if(u.error){return a({error:e(u.error),code:o(null===(d=u.error)||void 0===d?void 0:d.code),severity:r.ERROR})}c(u)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}finally{return u()}},s=({authToken:n,businessId:t,product:s,service:i})=>async({onSuccess:c,onError:a})=>{var u;try{const d=await i.postProvisioning(n,t,s);if(d.error){return a({error:e(d.error),code:o(null===(u=d.error)||void 0===u?void 0:u.code),severity:r.ERROR})}c(d)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}},i=({authToken:n,identityId:t,service:s})=>async({onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await s.fetchIdentity(t,n);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}},c=({authToken:n,identityId:t,service:s})=>async({payload:i,onSuccess:c,onError:a,final:u=(()=>{})})=>{var d;try{const u=await s.patchIdentity(n,t,i);if(u.error){return a({error:e(u.error),code:o(null===(d=u.error)||void 0===d?void 0:d.code),severity:r.ERROR})}c(u)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}finally{return u()}},a=({authToken:n,service:t})=>async({payload:s,onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await t.postIdentity(n,s);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}};export{s as a,t as b,i as c,c as d,a as e,n as m}
+import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+
+// Entity API Actions
+const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(businessId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchBusiness = ({ authToken, businessId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchBusiness(authToken, businessId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostProvisioning = ({ authToken, businessId, product, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.postProvisioning(authToken, businessId, product);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+// Identity API Actions
+const makeGetIdentity = ({ authToken, identityId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchIdentity(identityId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchIdentity = ({ authToken, identityId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchIdentity(authToken, identityId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostIdentity = ({ authToken, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.postIdentity(authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+export { makePostProvisioning as a, makePatchBusiness as b, makeGetIdentity as c, makePatchIdentity as d, makePostIdentity as e, makeGetBusiness as m };