@justifi/webcomponents 4.2.1-rc.4 → 4.4.0

package/dist/esm/webcomponents.js

@@ -1,23 +1,20 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-044f93fc.js';
-export { s as setNonce } from './index-044f93fc.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c8f391de.js';
+export { s as setNonce } from './index-c8f391de.js';
 
 /*
- Stencil Client Patch Browser v3.3.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.5 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
     const opts = {};
-    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
-        // TODO(STENCIL-661): Remove code related to the dynamic import shim
-        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return promiseResolve(opts);
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["justifi-payment-form",[[1,"justifi-payment-form",{"bankAccount":[4,"bank-account"],"card":[4],"email":[1],"iframeOrigin":[1,"iframe-origin"],"clientId":[1,"client-id"],"accountId":[1,"account-id"],"submitButtonText":[1,"submit-button-text"],"submitButtonEnabled":[32],"isLoading":[32],"selectedPaymentMethodType":[32],"allowedPaymentMethodTypes":[32],"fillBillingForm":[64],"enableSubmitButton":[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["justifi-business-address",[[1,"justifi-business-address",{"businessAddress":[32],"businessAddressErrors":[32],"submit":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-business-info",[[1,"justifi-business-info",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"businessInfoPrefillData":[32],"businessInfo":[32],"businessInfoFieldsErrors":[32],"submit":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationMode":[1025,"payment-method-form-validation-mode"],"iframeOrigin":[1,"iframe-origin"],"singleLine":[4,"single-line"],"height":[32],"tokenize":[64],"validate":[64],"resize":[64]}]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form",[[0,"justifi-card-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"singleLine":[4,"single-line"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]],["justifi-billing-form_2",[[1,"justifi-billing-form",{"legend":[1],"billingFields":[32],"billingFieldsErrors":[32],"fill":[64],"validate":[64],"getValues":[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]]], options);
+  return bootstrapLazy([["justifi-business-form",[[1,"justifi-business-form",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"]}]]],["justifi-payment-form",[[1,"justifi-payment-form",{"bankAccount":[4,"bank-account"],"card":[4],"email":[1],"iframeOrigin":[1,"iframe-origin"],"clientId":[1,"client-id"],"accountId":[1,"account-id"],"submitButtonText":[1,"submit-button-text"],"submitButtonEnabled":[32],"hasLoadedFonts":[32],"isLoading":[32],"selectedPaymentMethodType":[32],"allowedPaymentMethodTypes":[32],"fillBillingForm":[64],"enableSubmitButton":[64],"loadFontsOnParent":[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form",[[0,"justifi-card-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"singleLine":[4,"single-line"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payments":[32],"loading":[32],"errorMessage":[32],"paging":[32]}]]],["justifi-payouts-list",[[1,"justifi-payouts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payouts":[32],"loading":[32],"errorMessage":[32],"paging":[32]}]]],["justifi-billing-form_2",[[1,"justifi-billing-form",{"legend":[1025],"billingFields":[32],"billingFieldsErrors":[32],"fill":[64],"validate":[64],"getValues":[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["form-control-select_2",[[1,"form-control-select",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"options":[16]}],[1,"form-control-text",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16]}]]],["justifi-business-address-form",[[1,"justifi-business-address-form",{"onFormUpdate":[16],"errors":[8],"defaultValues":[8,"default-values"],"address":[32]}]]],["justifi-business-generic-info_3",[[0,"justifi-business-representative",{"formController":[16],"errors":[32],"defaultValues":[32],"representative":[32]}],[0,"justifi-business-generic-info",{"formController":[16],"errors":[32],"defaultValues":[32],"business":[32]}],[0,"justifi-business-owners",{"formController":[16],"defaultValues":[32],"errors":[32],"owners":[32]}]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationMode":[1025,"payment-method-form-validation-mode"],"iframeOrigin":[1,"iframe-origin"],"singleLine":[4,"single-line"],"height":[32],"tokenize":[64],"validate":[64],"resize":[64]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]]], options);
 });
 
 //# sourceMappingURL=webcomponents.js.map

package/dist/esm/webcomponents.js.map

@@ -1 +1 @@
-{"file":"webcomponents.js","mappings":";;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"webcomponents.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAyB3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;AChCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.0.5 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/types/api/Payout.d.ts

@@ -0,0 +1,62 @@
+export declare enum PayoutStatuses {
+  paid = "paid",
+  failed = "failed",
+  forwarded = "forwarded",
+  scheduled = "scheduled",
+  in_transit = "in_transit",
+  canceled = "canceled"
+}
+export interface PayoutBankAccount {
+  id: string;
+  full_name: string;
+  bank_name: string;
+  account_number_last4: string;
+  routing_number: string;
+  country: string;
+  currency: string;
+  nickname: string;
+  account_type: string;
+}
+export interface IPayout {
+  id: string;
+  account_id: string;
+  amount: number;
+  bank_account: PayoutBankAccount;
+  currency: 'usd';
+  delivery_method: string;
+  description: string;
+  deposits_at: string;
+  fees_total: number;
+  refunds_count: number;
+  refunds_total: number;
+  payments_count: number;
+  payments_total: number;
+  payout_type: 'ach' | 'cc';
+  other_total: number;
+  status: PayoutStatuses;
+  metadata: any;
+  created_at: string;
+  updated_at: string;
+}
+export declare class Payout implements IPayout {
+  id: string;
+  account_id: string;
+  amount: number;
+  bank_account: PayoutBankAccount;
+  currency: 'usd';
+  delivery_method: string;
+  description: string;
+  deposits_at: string;
+  fees_total: number;
+  refunds_count: number;
+  refunds_total: number;
+  payments_count: number;
+  payments_total: number;
+  payout_type: 'ach' | 'cc';
+  other_total: number;
+  status: PayoutStatuses;
+  metadata: any;
+  created_at: string;
+  updated_at: string;
+  constructor(payout: IPayout);
+}

package/dist/types/api/index.d.ts

@@ -2,3 +2,4 @@ export { default as Api } from './Api';
 export * from './Api';
 export * from './Pagination';
 export * from './Payment';
+export * from './Payout';

package/dist/types/components/business-form/business-address/business-address-form.d.ts

@@ -0,0 +1,9 @@
+export declare class BusinessAddressForm {
+  onFormUpdate: (values: any) => void;
+  errors: any;
+  defaultValues: any;
+  address: any;
+  handleAddressChange(newValues: any): void;
+  inputHandler(name: string, value: string): void;
+  render(): any;
+}

package/dist/types/components/{business-info/business-info-schema.d.ts → business-form/business-form-schema.d.ts}

@@ -1,7 +1,8 @@
+import * as Yup from 'yup';
 export declare const RegExZip: RegExp;
 type BusinessType = 'for_profit' | 'non_profit' | 'government_entity' | 'individual' | '';
 type BusinessStructure = 'sole_proprietorship' | 'single_llc' | 'multi_llc' | 'private_partnership' | 'private_corporation' | 'unincorporated_association' | 'public_partnership' | 'public_corporation' | 'incorporated' | 'unincorporated' | 'government_unit' | 'government_instrumentality' | 'tax_exempt_government_instrumentality' | '';
-export interface IBusinessInfo {
+export declare class Business {
   legal_name: string;
   website_url: string;
   email: string;
@@ -11,6 +12,7 @@ export interface IBusinessInfo {
   business_structure: string;
   industry: string;
   metadata: any;
+  constructor(data?: any);
 }
 export declare const BusinessTypeOptions: {
   label: string;
@@ -20,7 +22,7 @@ export declare const BusinessStructureOptions: {
   label: string;
   value: BusinessStructure;
 }[];
-declare const BusinessInfoSchema: import("yup").ObjectSchema<{
+declare const BusinessFormSchema: Yup.ObjectSchema<{
   legal_name: string;
   website_url: string;
   email: string;
@@ -29,7 +31,40 @@ declare const BusinessInfoSchema: import("yup").ObjectSchema<{
   business_type: string;
   business_structure: string;
   industry: string;
-}, import("yup").AnyObject, {
+  representative: {
+    address?: {
+      city?: string;
+      state?: string;
+      line1?: string;
+      postal_code?: string;
+    };
+    name?: string;
+    email?: string;
+    phone?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    identification_number?: string;
+  };
+  owners: {
+    address?: {
+      city?: string;
+      state?: string;
+      line1?: string;
+      postal_code?: string;
+    };
+    title?: string;
+    metadata?: any;
+    name?: string;
+    email?: string;
+    phone?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    identification_number?: string;
+    is_owner?: boolean;
+  }[];
+}, Yup.AnyObject, {
   legal_name: undefined;
   website_url: undefined;
   email: undefined;
@@ -38,5 +73,21 @@ declare const BusinessInfoSchema: import("yup").ObjectSchema<{
   business_type: undefined;
   business_structure: undefined;
   industry: undefined;
+  representative: {
+    name: undefined;
+    email: undefined;
+    phone: undefined;
+    dob_day: undefined;
+    dob_month: undefined;
+    dob_year: undefined;
+    identification_number: undefined;
+    address: {
+      line1: undefined;
+      city: undefined;
+      state: undefined;
+      postal_code: undefined;
+    };
+  };
+  owners: "";
 }, "">;
-export default BusinessInfoSchema;
+export default BusinessFormSchema;

package/dist/types/components/business-form/business-form.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessForm {
+  authToken: string;
+  businessId?: string;
+  private formController;
+  constructor();
+  sendData(): void;
+  validateAndSubmit(event: any): void;
+  render(): any;
+}

package/dist/types/components/business-form/business-generic-info/business-generic-info.d.ts

@@ -0,0 +1,16 @@
+import { FormController } from '../../form/form';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessGenericInfo {
+  formController: FormController;
+  errors: any;
+  defaultValues: any;
+  business: any;
+  handleRepresentativeChange(newValues: any): void;
+  componentDidLoad(): void;
+  inputHandler(name: string, value: string): void;
+  render(): any;
+}

package/dist/types/components/business-form/business-owners/business-owners.d.ts

@@ -0,0 +1,32 @@
+import { FormController } from '../../form/form';
+declare class BusinessOwner {
+  name: string;
+  title: string;
+  email: string;
+  phone: string;
+  dob_day: string;
+  dob_month: string;
+  dob_year: string;
+  identification_number: string;
+  is_owner: boolean;
+  metadata: any;
+  address: any;
+}
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessOwners {
+  formController: FormController;
+  defaultValues: any[];
+  errors: any[];
+  owners: BusinessOwner[];
+  handleOwnersChange(newValues: any): void;
+  componentDidLoad(): void;
+  inputHandler(name: string, value: string, index: number): void;
+  addOwner(event: MouseEvent): void;
+  removeOwner(event: MouseEvent, index: number): void;
+  render(): any;
+}
+export {};

package/dist/types/components/business-form/business-representative/business-representative-schema.d.ts

@@ -0,0 +1,15 @@
+import { BusinessAddressFormFields } from '../business-address/business-address-form-schema';
+export declare const RegExZip: RegExp;
+export interface IBusinessRepresentative {
+  name: string;
+  title: string;
+  email: string;
+  phone: string;
+  dob_day: string;
+  dob_month: string;
+  dob_year: string;
+  identification_number: string;
+  is_owner: boolean;
+  metadata: any;
+  address: BusinessAddressFormFields;
+}

package/dist/types/components/business-form/business-representative/business-representative.d.ts

@@ -0,0 +1,12 @@
+import { FormController } from '../../form/form';
+export declare class BusinessRepresentative {
+  formController: FormController;
+  errors: any;
+  defaultValues: any;
+  representative: any;
+  handleRepresentativeChange(newValue: any): void;
+  componentDidLoad(): void;
+  inputHandler(name: string, value: string): void;
+  onAddressFormUpdate(values: any): void;
+  render(): any;
+}

package/dist/types/components/business-form/businessForm.stories.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    'auth-token': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+    'business-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;

package/dist/types/components/form/form-control-select.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TextInput {
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  options: {
+    label: string;
+    value: string;
+  }[];
+  formControlInput: EventEmitter<any>;
+  formControlBlur: EventEmitter<any>;
+  handleFormControlInput(event: any): void;
+  render(): any;
+}

package/dist/types/components/form/form-control-text.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TextInput {
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  formControlInput: EventEmitter<any>;
+  formControlBlur: EventEmitter<any>;
+  handleFormControlInput(event: any): void;
+  render(): any;
+}

package/dist/types/components/form/form.d.ts

@@ -0,0 +1,21 @@
+import { BehaviorSubject } from 'rxjs';
+import { ObjectSchema } from 'yup';
+export declare class FormController {
+  defaultValues: BehaviorSubject<any>;
+  values: BehaviorSubject<any>;
+  errors: BehaviorSubject<any>;
+  private _schema;
+  private _defaultValues;
+  private _values;
+  private _errors;
+  private _isValid;
+  constructor(schema: ObjectSchema<any>, defaultValues?: any);
+  private processArrayError;
+  private processRegularError;
+  private setNestedError;
+  private setError;
+  private validate;
+  validateAndSubmit(submitHandler: () => void): Promise<void>;
+  setValues(values: any): void;
+  setDefaultValues(values: any): void;
+}

package/dist/types/components/payment-form/payment-form.d.ts

@@ -12,6 +12,7 @@ export declare class PaymentForm {
   submitButtonText?: string;
   submitted: EventEmitter<CreatePaymentMethodResponse>;
   submitButtonEnabled: boolean;
+  hasLoadedFonts: boolean;
   isLoading: boolean;
   selectedPaymentMethodType: PaymentMethodTypes;
   allowedPaymentMethodTypes: PaymentMethodTypes[];
@@ -21,6 +22,7 @@ export declare class PaymentForm {
   paymentMethodSelectedHandler(event: CustomEvent): void;
   fillBillingForm(fields: BillingFormFields): Promise<void>;
   enableSubmitButton(): Promise<void>;
+  loadFontsOnParent(): Promise<any>;
   submit(event: any): Promise<void>;
   render(): any;
 }

package/dist/types/components/payment-method-form/theme.d.ts

@@ -1,5 +1,7 @@
 export interface Theme {
+  loadGoogleFont: string;
   layout?: {
+    fontFamily?: string;
     padding?: string;
     formControlSpacingHorizontal?: string;
     formControlSpacingVertical?: string;

package/dist/types/components/payments-list/payments-list.d.ts

@@ -1,11 +1,44 @@
 import { Payment } from '../../api';
+interface PagingInfo {
+  amount: number;
+  start_cursor: string;
+  end_cursor: string;
+  has_previous: boolean;
+  has_next: boolean;
+}
+/**
+  * @exportedPart table-head: Table head
+  * @exportedPart table-head-row: Head row
+  * @exportedPart table-head-cell: Individual head cell
+  * @exportedPart table-body: Body of the table
+  * @exportedPart table-row: Row of the table
+  * @exportedPart table-cell: Individual cell of the table
+  * @exportedPart loading-state-cell: Row for loading state
+  * @exportedPart loading-state-spinner: Spinner element for loading state
+  * @exportedPart error-state: Row for Error state
+  * @exportedPart empty-state: Row for Emtpy state
+  * @exportedPart pagination-bar: Pagination bar
+  * @exportedPart arrow: Both paging buttons
+  * @exportedPart arrow-left: Previous page button
+  * @exportedPart arrow-right: Next page button
+  * @exportedPart arrow-disabled: Disabled state for paging buttons
+*/
 export declare class PaymentsList {
   accountId: string;
-  auth: {
-    token?: string;
-  };
+  authToken: string;
   payments: Payment[];
-  requestPropsChanged(): void;
-  fetchData(): void;
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  fetchData(direction?: string): Promise<void>;
+  showEmptyState(): boolean;
+  emptyState: any;
+  errorState: () => any;
+  loadingState: any;
+  paginationBar: () => any;
   render(): any;
 }
+export {};

package/dist/types/components/payments-list/payments-list.stories.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+  argTypes: {
+    'client-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;
+export declare const Contained: any;

package/dist/types/components/payouts-list/payouts-list.d.ts

@@ -0,0 +1,45 @@
+import { Payout, PayoutStatuses } from '../../api';
+interface PagingInfo {
+  amount: number;
+  start_cursor: string;
+  end_cursor: string;
+  has_previous: boolean;
+  has_next: boolean;
+}
+/**
+  * @exportedPart table-head: Table head
+  * @exportedPart table-head-row: Head row
+  * @exportedPart table-head-cell: Individual head cell
+  * @exportedPart table-body: Body of the table
+  * @exportedPart table-row: Row of the table
+  * @exportedPart table-cell: Individual cell of the table
+  * @exportedPart loading-state-cell: Row for loading state
+  * @exportedPart loading-state-spinner: Spinner element for loading state
+  * @exportedPart error-state: Row for Error state
+  * @exportedPart empty-state: Row for Emtpy state
+  * @exportedPart pagination-bar: Pagination bar
+  * @exportedPart arrow: Both paging buttons
+  * @exportedPart arrow-left: Previous page button
+  * @exportedPart arrow-right: Next page button
+  * @exportedPart arrow-disabled: Disabled state for paging buttons
+*/
+export declare class PayoutsList {
+  accountId: string;
+  authToken: string;
+  payouts: Payout[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  mapStatusToBadge: (status: PayoutStatuses) => "bg-primary" | "bg-danger" | "bg-secondary" | "bg-success";
+  fetchData(direction?: string): Promise<void>;
+  showEmptyState(): boolean;
+  emptyState: any;
+  errorState: () => any;
+  loadingState: any;
+  paginationBar: () => any;
+  render(): any;
+}
+export {};

package/dist/types/components/payouts-list/payouts-list.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+  argTypes: {
+    'client-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;