@justifi/webcomponents 4.0.2 → 4.0.6

package/dist/cjs/webcomponents.cjs.js

@@ -1,19 +1,28 @@
 'use strict';
 
-const index = require('./index-051b6dd0.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-34312a38.js');
 
 /*
- Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v3.3.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('webcomponents.cjs.js', document.baseURI).href));
     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 index.promiseResolve(opts);
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["justifi-payment-form.cjs",[[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],"selectedPaymentMethodType":[32],"allowedPaymentMethodTypes":[32],"fillBillingForm":[64],"enableSubmitButton":[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["justifi-business-address.cjs",[[1,"justifi-business-address",{"businessAddress":[32],"businessAddressErrors":[32],"submit":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-payment-method-form.cjs",[[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]}]]],["justifi-bank-account-form.cjs",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form.cjs",[[0,"justifi-card-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"singleLine":[4,"single-line"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list.cjs",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}]]],["select-input_2.cjs",[[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.cjs",[[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 index.bootstrapLazy([["justifi-payment-form.cjs",[[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.cjs",[[1,"justifi-business-address",{"businessAddress":[32],"businessAddressErrors":[32],"submit":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-business-info.cjs",[[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.cjs",[[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]}]]],["justifi-bank-account-form.cjs",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form.cjs",[[0,"justifi-card-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"singleLine":[4,"single-line"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list.cjs",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}]]],["select-input_2.cjs",[[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.cjs",[[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);
 });
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=webcomponents.cjs.js.map

package/dist/cjs/webcomponents.cjs.js.map

@@ -0,0 +1 @@
+{"file":"webcomponents.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,+MAAe,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,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"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}

package/dist/collection/api/Api.js

@@ -1,6 +1,6 @@
 import { v4 as uuidv4 } from 'uuid';
 const Api = (authToken) => {
-  const apiOrigin = 'http://localhost:3000';
+  const apiOrigin = 'https://justifi.ai';
   async function getAuthorizationHeader() {
     return {
       'Authorization': `Bearer ${authToken}`,
@@ -40,3 +40,4 @@ function handleError(requestUrl) {
   console.error(`Error fetching from ${requestUrl}`);
 }
 export default Api;
+//# sourceMappingURL=Api.js.map

package/dist/collection/api/Api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Api.js","sourceRoot":"","sources":["../../../src/api/Api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAwBpC,MAAM,GAAG,GAAG,CAAC,SAAiB,EAAE,EAAE;EAChC,MAAM,SAAS,GAAG,oBAAoB,CAAC;EAEvC,KAAK,UAAU,sBAAsB;IACnC,OAAO;MACL,eAAe,EAAE,UAAU,SAAS,EAAE;MACtC,iBAAiB,EAAE,MAAM,EAAE;MAC3B,cAAc,EAAE,kBAAkB;KACnC,CAAC;EACJ,CAAC;EAED,KAAK,UAAU,WAAW,CAAC,QAAgB,EAAE,MAAc,EAAE,MAAY,EAAE,IAAU,EAAE,MAAoB;IACzG,MAAM,GAAG,GAAG,GAAG,SAAS,OAAO,QAAQ,EAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1E,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE;MACvC,MAAM,EAAE,MAAM;MACd,OAAO,EAAE,MAAM,sBAAsB,EAAE;MACvC,IAAI,EAAE,IAAI;MACV,MAAM,EAAE,MAAM;KACf,CAAC,CAAC;IAEH,IAAI,QAAQ,EAAE;MACZ,OAAO,QAAQ,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACvD;IACD,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1B,CAAC;EAED,KAAK,UAAU,GAAG,CAAC,QAAgB,EAAE,MAAY,EAAE,MAAoB;IACrE,OAAO,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;EAC5D,CAAC;EAED,KAAK,UAAU,IAAI,CAAC,QAAgB,EAAE,IAAU,EAAE,MAAY,EAAE,MAAoB;IAClF,OAAO,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;EAC7D,CAAC;EAED,KAAK,UAAU,KAAK,CAAC,QAAgB,EAAE,IAAU,EAAE,MAAY,EAAE,MAAoB;IACnF,OAAO,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;EAC9D,CAAC;EAED,KAAK,UAAU,OAAO,CAAC,QAAgB,EAAE,MAAY,EAAE,MAAoB;IACzE,OAAO,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;EAC/D,CAAC;EAED,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACvC,CAAC,CAAC;AAEF,SAAS,WAAW,CAAC,UAAkB;EACrC,OAAO,CAAC,KAAK,CAAC,uBAAuB,UAAU,EAAE,CAAC,CAAC;AACrD,CAAC;AAED,eAAe,GAAG,CAAC","sourcesContent":["import { v4 as uuidv4 } from 'uuid';\nimport { IPagination } from './Pagination';\n\nexport interface IApiResponse<T> {\n  data: T;\n  error?: IErrorObject | IServerError;\n  page_info?: IPagination;\n  errors?: string[];\n  id: number;\n  type: string;\n}\n\nexport type IServerError = string;\n\nexport interface IErrorObject {\n  message: string;\n  code: string;\n  param?: string;\n}\n\nexport interface IApiResponseCollection<T> extends IApiResponse<T> {\n  page_info: IPagination;\n}\n\nconst Api = (authToken: string) => {\n  const apiOrigin = 'https://justifi.ai';\n\n  async function getAuthorizationHeader() {\n    return {\n      'Authorization': `Bearer ${authToken}`,\n      'Idempotency-Key': uuidv4(),\n      'Content-Type': 'application/json',\n    };\n  }\n\n  async function makeRequest(endpoint: string, method: string, params?: any, body?: any, signal?: AbortSignal) {\n    const url = `${apiOrigin}/v1/${endpoint}`;\n    const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;\n    const response = await fetch(requestUrl, {\n      method: method,\n      headers: await getAuthorizationHeader(),\n      body: body,\n      signal: signal,\n    });\n\n    if (response) {\n      return response.status === 204 ? {} : response.json();\n    }\n    handleError(requestUrl);\n  }\n\n  async function get(endpoint: string, params?: any, signal?: AbortSignal) {\n    return makeRequest(endpoint, 'GET', params, null, signal);\n  }\n\n  async function post(endpoint: string, body?: any, params?: any, signal?: AbortSignal) {\n    return makeRequest(endpoint, 'POST', params, body, signal);\n  }\n\n  async function patch(endpoint: string, body?: any, params?: any, signal?: AbortSignal) {\n    return makeRequest(endpoint, 'PATCH', params, body, signal);\n  }\n\n  async function destroy(endpoint: string, params?: any, signal?: AbortSignal) {\n    return makeRequest(endpoint, 'DELETE', params, null, signal);\n  }\n\n  return { get, post, patch, destroy };\n};\n\nfunction handleError(requestUrl: string): void {\n  console.error(`Error fetching from ${requestUrl}`);\n}\n\nexport default Api;\n"]}

package/dist/collection/api/Pagination.js

@@ -6,3 +6,4 @@ export class Pagination {
     this.end_cursor = (pagination === null || pagination === void 0 ? void 0 : pagination.end_cursor) || '';
   }
 }
+//# sourceMappingURL=Pagination.js.map

package/dist/collection/api/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/api/Pagination.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,UAAU;EAMrB,YAAY,UAAwB;IAClC,IAAI,CAAC,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,KAAI,KAAK,CAAC;IACtD,IAAI,CAAC,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,KAAI,KAAK,CAAC;IAC9C,IAAI,CAAC,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,KAAI,EAAE,CAAC;IACnD,IAAI,CAAC,UAAU,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,KAAI,EAAE,CAAC;EACjD,CAAC;CACF","sourcesContent":["export interface IPagination {\n  has_previous: boolean;\n  has_next: boolean;\n  start_cursor: string;\n  end_cursor: string;\n}\n\nexport class Pagination implements IPagination {\n  public has_previous: boolean;\n  public has_next: boolean;\n  public start_cursor: string;\n  public end_cursor: string;\n\n  constructor(pagination?: IPagination) {\n    this.has_previous = pagination?.has_previous || false;\n    this.has_next = pagination?.has_next || false;\n    this.start_cursor = pagination?.start_cursor || '';\n    this.end_cursor = pagination?.end_cursor || '';\n  }\n}\n"]}

package/dist/collection/api/Payment.js

@@ -65,3 +65,4 @@ export class Payment {
     }
   }
 }
+//# sourceMappingURL=Payment.js.map

package/dist/collection/api/Payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../src/api/Payment.ts"],"names":[],"mappings":"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","sourcesContent":["export enum CaptureStrategy {\n  automatic = 'automatic',\n  manual = 'manual',\n}\n\nexport enum PaymentMethodTypes {\n  card = 'card',\n  bankAccount = 'bankAccount',\n}\n\nexport enum PaymentStatuses {\n  pending = 'pending',\n  authorized = 'authorized',\n  succeeded = 'succeeded',\n  failed = 'failed',\n  disputed = 'disputed',\n  fully_refunded = 'fully_refunded',\n  partially_refunded = 'partially_refunded',\n}\n\nexport enum PaymentDisputedStatuses {\n  // if a dispute is 'won', we don't show a dispute status, just general status\n  lost = 'lost',\n  open = 'open',\n}\n\nexport interface IPaymentMethod {\n  card?: ICard;\n}\n\nexport type CardBrand = 'american_express' | 'diners_club' | 'discover' | 'jcb' | 'mastercard' | 'china_unionpay' | 'visa' | 'unknown';\n\nexport interface ICard {\n  id: string;\n  acct_last_four: string;\n  name: string;\n  brand: CardBrand;\n  token: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface IDispute {\n  amount_cents: number;\n  created_at: string;\n  currency: string;\n  gateway_ref_id: string;\n  id: string;\n  payment_id: string;\n  reason: null;\n  status: string;\n  updated_at: string;\n}\n\nexport interface IPayment {\n  id: string;\n  account_id: string;\n  amount: number;\n  amount_disputed: number;\n  amount_refundable: number;\n  amount_refunded: number;\n  balance: number;\n  captured: boolean;\n  capture_strategy: CaptureStrategy;\n  currency: 'usd';\n  description: string;\n  disputed: boolean;\n  disputes: IDispute[];\n  error_code: string | null;\n  error_description: string | null;\n  fee_amount: number;\n  is_test: boolean;\n  metadata: Object | null;\n  payment_method: IPaymentMethod;\n  payment_intent_id: string | null;\n  refunded: boolean;\n  status: PaymentStatuses;\n  created_at: string;\n  updated_at: string;\n}\n\nexport class Payment implements IPayment {\n  public id: string;\n  public account_id: string;\n  public amount: number;\n  public amount_disputed: number;\n  public amount_refundable: number;\n  public amount_refunded: number;\n  public balance: number;\n  public captured: boolean;\n  public capture_strategy: CaptureStrategy;\n  public currency: 'usd';\n  public description: string;\n  public disputed: boolean;\n  public disputes: IDispute[];\n  public error_code: string | null;\n  public error_description: string | null;\n  public fee_amount: number;\n  public is_test: boolean;\n  public metadata: Object | null;\n  public payment_method: IPaymentMethod;\n  public payment_intent_id: string | null;\n  public refunded: boolean;\n  public status: PaymentStatuses;\n  public created_at: string;\n  public updated_at: string;\n\n  constructor(payment: IPayment) {\n    this.id = payment.id;\n    this.account_id = payment.account_id;\n    this.amount = payment.amount;\n    this.amount_disputed = payment.amount_disputed;\n    this.amount_refundable = payment.amount_refundable;\n    this.amount_refunded = payment.amount_refunded;\n    this.balance = payment.balance;\n    this.captured = payment.captured;\n    this.capture_strategy = payment.capture_strategy;\n    this.currency = payment.currency;\n    this.description = payment.description;\n    this.disputed = payment.disputed;\n    this.disputes = payment.disputes;\n    this.error_code = payment.error_code;\n    this.error_description = payment.error_description;\n    this.fee_amount = payment.fee_amount;\n    this.is_test = payment.is_test;\n    this.metadata = payment.metadata;\n    this.payment_method = payment.payment_method;\n    this.payment_intent_id = payment.payment_intent_id;\n    this.refunded = payment.refunded;\n    this.status = payment.status;\n    this.created_at = payment.created_at;\n    this.updated_at = payment.updated_at;\n  }\n\n  get disputedStatus(): PaymentDisputedStatuses | null {\n    const lost = this.disputes.some(dispute => dispute.status === PaymentDisputedStatuses.lost);\n    // if a dispute is 'won', we don't show a dispute status, just general status\n    if (!this.disputed) {\n      return null;\n    } else if (lost) {\n      return PaymentDisputedStatuses.lost;\n    } else {\n      return PaymentDisputedStatuses.open;\n    }\n  }\n}\n"]}

package/dist/collection/api/index.js

@@ -2,3 +2,4 @@ export { default as Api } from './Api';
 export * from './Api';
 export * from './Pagination';
 export * from './Payment';
+//# sourceMappingURL=index.js.map

package/dist/collection/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC","sourcesContent":["export { default as Api } from './Api';\nexport * from './Api';\nexport * from './Pagination';\nexport * from './Payment';\n"]}

package/dist/collection/api/mockData/MockPayments.js

@@ -216,3 +216,4 @@ const mockPayments = [
   }),
 ];
 export default mockPayments;
+//# sourceMappingURL=MockPayments.js.map

package/dist/collection/api/mockData/MockPayments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockPayments.js","sourceRoot":"","sources":["../../../../src/api/mockData/MockPayments.ts"],"names":[],"mappings":"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","sourcesContent":["import { CaptureStrategy, Payment, PaymentStatuses } from '../Payment';\n\nconst mockPayments = [\n  // payment 0: succeeded\n  new Payment({\n    account_id: 'acc_5wEk41rFZVPsqK5xQ7K0eG',\n    amount: 363393,\n    amount_disputed: 0,\n    amount_refundable: 363393,\n    amount_refunded: 0,\n    balance: 363368,\n    capture_strategy: CaptureStrategy.automatic,\n    captured: true,\n    created_at: '2022-01-10T15:29:58.940Z',\n    currency: 'usd',\n    description: 'Successful Payment',\n    disputed: false,\n    disputes: [],\n    error_code: null,\n    error_description: null,\n    fee_amount: 25,\n    id: 'py_6vbEiTROeuEoA1Hs1s2exQ',\n    is_test: false,\n    metadata: {\n      city: 'Vienna',\n      state: 'Nevada',\n      customer_id: 234,\n      customer_first_name: 'Elvis',\n      customer_last_name: 'Presley',\n      source: 'app',\n      items: [\n        {\n          name: 'Pullover',\n          amount: 4500,\n        },\n        {\n          name: 'Jeans',\n          amount: 5567,\n        },\n      ],\n    },\n    payment_intent_id: null,\n    payment_method: {\n      card: {\n        acct_last_four: '6449',\n        brand: 'mastercard',\n        created_at: '2022-01-13T14:19:11.803Z',\n        id: 'pm_7f66GJQoSofG3s9nOHPgaq',\n        name: 'Nick Name',\n        token: 'fake-token',\n        updated_at: '2022-01-13T14:19:11.803Z',\n      },\n    },\n    refunded: false,\n    status: PaymentStatuses.succeeded,\n    updated_at: '2022-01-10T15:29:58.940Z',\n  }),\n  // payment 1: fully refunded\n  new Payment({\n    account_id: 'acc_5wEk41rFZVPsqK5xQ7K0eG',\n    amount: 3393,\n    amount_disputed: 0,\n    amount_refundable: 0,\n    amount_refunded: 3393,\n    balance: 0,\n    capture_strategy: CaptureStrategy.automatic,\n    captured: true,\n    created_at: '2021-01-10T15:29:58.940Z',\n    currency: 'usd',\n    description: 'Fully Refunded Payment',\n    disputed: false,\n    disputes: [],\n    error_code: null,\n    error_description: null,\n    fee_amount: 25,\n    id: 'py_22cEiTROeuEoA1Hs1s24ls3',\n    is_test: false,\n    metadata: null,\n    payment_intent_id: null,\n    payment_method: {\n      card: {\n        acct_last_four: '1213',\n        brand: 'visa',\n        created_at: '2021-01-13T14:19:11.803Z',\n        id: 'pm_7f66GJQoSofG3s9nOHPgaq',\n        name: 'Good Customer',\n        token: 'fake-token',\n        updated_at: '2021-01-13T14:19:11.803Z',\n      },\n    },\n    refunded: true,\n    status: PaymentStatuses.fully_refunded,\n    updated_at: '2021-01-10T15:29:58.940Z',\n  }),\n  // payment 2: partially refunded\n  new Payment({\n    account_id: 'acc_5wEk41rFZVPsqK5xQ7K0eG',\n    amount: 3393,\n    amount_disputed: 0,\n    amount_refundable: 3300,\n    amount_refunded: 193,\n    balance: 3275,\n    capture_strategy: CaptureStrategy.automatic,\n    captured: true,\n    created_at: '2021-11-10T15:29:58.940Z',\n    currency: 'usd',\n    description: 'Partially Refunded Payment',\n    disputed: false,\n    disputes: [],\n    error_code: null,\n    error_description: null,\n    fee_amount: 25,\n    id: 'py_8reEiTROeuEoA1Hs1s24zue',\n    is_test: false,\n    metadata: null,\n    payment_intent_id: null,\n    payment_method: {\n      card: {\n        acct_last_four: '9780',\n        brand: 'american_express',\n        created_at: '2021-11-13T14:19:11.803Z',\n        id: 'pm_7f66GJQoSofG3s9nOHPgaq',\n        name: 'Sal Gleason',\n        token: 'fake-token',\n        updated_at: '2021-11-13T14:19:11.803Z',\n      },\n    },\n    refunded: true,\n    status: PaymentStatuses.partially_refunded,\n    updated_at: '2022-01-10T15:29:58.940Z',\n  }),\n  // payment 3: disputed\n  new Payment({\n    account_id: 'acc_5wEk41rFZVPsqK5xQ7K0eG',\n    amount: 403393,\n    amount_disputed: 403393,\n    amount_refundable: 0,\n    amount_refunded: 0,\n    balance: 0,\n    capture_strategy: CaptureStrategy.automatic,\n    captured: true,\n    created_at: '2021-09-10T15:29:58.940Z',\n    currency: 'usd',\n    description: 'Rustic Marble Pants',\n    disputed: true,\n    disputes: [\n      {\n        amount_cents: 10000,\n        created_at: '2021-09-10T16:34:47.940Z',\n        currency: 'usd',\n        gateway_ref_id: 'dp_4f67775b-d6e0-4c4a-afb0-6ecf2d0df1a8',\n        id: 'ed5dfa9d-b29d-4658-b76d-fff0c592171f',\n        payment_id: '41ebfb2a-f8c8-4cee-9eca-cb7d86e863bc',\n        reason: null,\n        status: 'needs_response',\n        updated_at: '2021-09-10T16:34:47.940Z',\n      },\n    ],\n    error_code: null,\n    error_description: null,\n    fee_amount: 35,\n    id: 'py_123EiTROeuEoA1Hs1s24r4w',\n    is_test: false,\n    metadata: null,\n    payment_intent_id: null,\n    payment_method: {\n      card: {\n        acct_last_four: '1554',\n        brand: 'discover',\n        created_at: '2021-09-13T14:19:11.803Z',\n        id: 'pm_7f66GJQoSofG3s9nOHPgaq',\n        name: 'Sal Gleason',\n        token: 'fake-token',\n        updated_at: '2021-09-13T14:19:11.803Z',\n      },\n    },\n    refunded: false,\n    status: PaymentStatuses.disputed,\n    updated_at: '2021-09-10T15:29:58.940Z',\n  }),\n  // payment 4: failed\n  new Payment({\n    account_id: 'acc_5wEk41rFZVPsqK5xQ7K0eG',\n    amount: 24170,\n    amount_disputed: 0,\n    amount_refundable: 0,\n    amount_refunded: 0,\n    balance: 0,\n    capture_strategy: CaptureStrategy.automatic,\n    captured: false,\n    created_at: '2022-01-18T12:54:44.822Z',\n    currency: 'usd',\n    description: 'Failed Payment',\n    disputed: false,\n    disputes: [],\n    error_code: 'card_declined',\n    error_description: 'Your card has insufficient funds.',\n    fee_amount: 25,\n    id: 'py_6eZAJjYBFZU6LLNzxUDgx9',\n    is_test: true,\n    metadata: null,\n    payment_intent_id: null,\n    payment_method: {\n      card: {\n        acct_last_four: '8774',\n        brand: 'diners_club',\n        created_at: '2022-01-18T15:07:15.975Z',\n        id: 'pm_5uyevnE6o1yl55nRgPWXXL',\n        name: 'Minnie Bernhard',\n        token: 'fake-token',\n        updated_at: '2022-01-18T15:07:15.975Z',\n      },\n    },\n    refunded: false,\n    status: PaymentStatuses.failed,\n    updated_at: '2022-01-18T12:54:44.822Z',\n  }),\n];\n\nexport default mockPayments;\n"]}

package/dist/collection/collection-manifest.json

@@ -1,20 +1,21 @@
 {
   "entries": [
     "./components/bank-account-form/bank-account-form.js",
+    "./components/payment-method-form/payment-method-form.js",
     "./components/billing-form/billing-form.js",
     "./components/business-address/business-address.js",
+    "./components/business-info/business-info.js",
     "./components/card-form/card-form.js",
     "./components/payment-form/payment-form.js",
     "./components/payment-form/payment-method-selector.js",
-    "./components/payment-method-form/payment-method-form.js",
     "./components/payments-list/payments-list.js",
     "./components/select-input/select-input.js",
     "./components/text-input/text-input.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.20.0",
-    "typescriptVersion": "4.8.4"
+    "version": "3.3.0",
+    "typescriptVersion": "5.0.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/bank-account-form/bank-account-form.js

@@ -211,3 +211,4 @@ export class BankAccountForm {
       }];
   }
 }
+//# sourceMappingURL=bank-account-form.js.map

package/dist/collection/components/bank-account-form/bank-account-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-account-form.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAgB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQ/F,MAAM,OAAO,eAAe;;;;;;EAgC1B,YAAY,CAAC,KAAkB;IAC7B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAGD,eAAe,CAAC,KAAoB;IAClC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC3C,CAAC;EAGD,eAAe,CAAC,KAAoB;IAClC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC3C,CAAC;EAID;;KAEG;EAEH,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAiE;IACjF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;EACzC,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;EAClC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,mCACE,GAAG,EAAE,EAAE,CAAC,EAAE;QACR,IAAI,EAAE,EAAE;UACN,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;MACH,CAAC,mBACc,IAAI,CAAC,YAAY,8BACP,aAAa,+BACX,IAAI,CAAC,oBAAoB,kCACtB,IAAI,CAAC,uBAAuB,yCACrB,IAAI,CAAC,cAAc,IAAI,UAAU,GACtE,CACH,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, Prop, h, EventEmitter, Listen, Method, State } from '@stencil/core';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { Theme } from '../payment-method-form/theme';\n\n@Component({\n  tag: 'justifi-bank-account-form',\n  shadow: false,\n})\nexport class BankAccountForm {\n  /**\n   * When to trigger validation of the form.\n   */\n  @Prop({ mutable: true }) validationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n\n  /**\n   * URL for the rendered iFrame. End-users need not use this.\n   */\n  @Prop({ mutable: true }) iframeOrigin?: string;\n\n  @State() internalStyleOverrides: Theme;\n\n  /**\n   * Triggered when iframe has loaded\n   * @event justifi-bank-account-form#bankAccountFormReady\n   */\n  @Event() bankAccountFormReady: EventEmitter<any>;\n\n  /**\n   * Triggered when the tokenize method is called on the component\n   * @event justifi-bank-account-form#bankAccountFormTokenize\n   */\n  @Event() bankAccountFormTokenize: EventEmitter<{ data: any }>;\n\n  /**\n   * Triggered when the validate method is called on the component\n   * @event justifi-bank-account-form#bankAccountFormValidate\n   */\n  @Event() bankAccountFormValidate: EventEmitter<{ data: { isValid: boolean } }>;\n\n  @Listen('paymentMethodFormReady')\n  readyHandler(event: CustomEvent) {\n    this.bankAccountFormReady.emit(event);\n  }\n\n  @Listen('paymentMethodFormTokenize')\n  tokenizeHandler(event: { data: any }) {\n    this.bankAccountFormTokenize.emit(event);\n  }\n\n  @Listen('paymentMethodFormValidate')\n  validateHandler(event: { data: any }) {\n    this.bankAccountFormValidate.emit(event);\n  }\n\n  private childRef?: HTMLJustifiPaymentMethodFormElement;\n\n  /**\n   *  Makes a tokenization request to the iframe\n   */\n  @Method()\n  async tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse> {\n    if (!this.childRef) {\n      throw new Error('Cannot call tokenize');\n    }\n    return this.childRef.tokenize(...args);\n  }\n\n  /**\n   *  Runs a validation on the form and shows errors if any\n   */\n  @Method()\n  async validate() {\n    if (!this.childRef) {\n      throw new Error('Cannot call validate');\n    }\n    return this.childRef.validate();\n  }\n\n  render() {\n    return (\n      <justifi-payment-method-form\n        ref={el => {\n          if (el) {\n            this.childRef = el;\n          }\n        }}\n        iframe-origin={this.iframeOrigin}\n        payment-method-form-type=\"bankAccount\"\n        payment-method-form-ready={this.bankAccountFormReady}\n        payment-method-form-tokenize={this.bankAccountFormTokenize}\n        payment-method-form-validation-mode={this.validationMode || 'onSubmit'}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/bank-account-form/bank-account-form.stories.js

@@ -118,3 +118,4 @@ export const Styled = Template.bind({});
 Styled.args = {
   'css-variables': CSSVars,
 };
+//# sourceMappingURL=bank-account-form.stories.js.map

package/dist/collection/components/bank-account-form/bank-account-form.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-account-form.stories.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.stories.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AACrD,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bf,CAAC;AAEF,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,2BAA2B;EACtC,QAAQ,EAAE;IACR,eAAe,EAAE;MACf,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC7B,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,eAAe,EAAE;MACf,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,YAAY,EAAE,OAAO;OACtB;KACF;GACF;EACD,UAAU,EAAE;IACV,KAAK,CAAC,EAAE,CAAC;QACL,KAAK,EAAE;gBACC,SAAS,EAAE;KACtB;GACF;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,EAAE,QAA2C,EAAE,EAAE;EAChF,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC;EACxC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,KAAK,EAAE,QAA2C,EAAE,iBAAsB,EAAE,EAAE;EACxG,MAAM,gBAAgB,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;EACjF,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAChC,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,GAAG,EAAE;EACvB,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;EAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAsC,CAAC;EAC1G,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;EAC5D,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;EAC5D,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,mBAAmB,CAAC,QAAQ,CAAC,CAAC;EAChC,CAAC,CAAC,CAAC;EACH,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;EACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;EACrB,gBAAgB,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;EAC7B,OAAO;;;;UAIC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;2BAKV,IAAI,CAAC,iBAAiB,CAAC,IAAI,UAAU;yBACvC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;MAG9C,WAAW;GACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,eAAe,EAAE,OAAO;CACzB,CAAC","sourcesContent":["const isDev = process.env.NODE_ENV === 'development';\nconst CSSVars = `\n--jfi-layout-padding: 0;\n--jfi-layout-form-control-spacing-x: .5rem;\n--jfi-layout-form-control-spacing-y: 1rem;\n--jfi-form-label-font-weight: 700;\n--jfi-form-label-font-family: sans-serif;\n--jfi-form-label-margin: 0 0 .5rem 0;\n--jfi-form-control-background-color: #F4F4F6;\n--jfi-form-control-background-color-hover: #EEEEF5;\n--jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n--jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n--jfi-form-control-border-color-focus: #fccc32;\n--jfi-form-control-border-color-error: #C12727;\n--jfi-form-control-border-top-width: 0;\n--jfi-form-control-border-left-width: 0;\n--jfi-form-control-border-bottom-width: 1px;\n--jfi-form-control-border-right-width: 0;\n--jfi-form-control-border-radius: 4px 4px 0 0;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-box-shadow-focus: none;\n--jfi-form-control-box-shadow-error-focus: none;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-color: #212529;\n--jfi-form-control-font-size: 1rem;\n--jfi-form-control-font-weight: 400;\n--jfi-form-control-line-height: 2;\n--jfi-form-control-margin: 0;\n--jfi-form-control-padding: .5rem .875rem;\n--jfi-error-message-color: #C12727;\n--jfi-error-message-margin: .25rem 0 0 0;\n--jfi-error-message-font-size: .875rem;\n`;\n\nexport default {\n  title: 'Components/BankAccountForm',\n  component: 'justifi-bank-account-form',\n  argTypes: {\n    'iframe-origin': {\n      control: 'text',\n      table: {\n        disable: isDev ? false : true,\n        category: 'props',\n      },\n    },\n    'css-variables': {\n      control: 'text',\n      table: {\n        category: 'props',\n        defaultValue: CSSVars,\n      },\n    },\n  },\n  decorators: [\n    story => `\n      ${story()}\n      <script>${addEvents()}</script>\n    `,\n  ],\n};\n\nconst handleValidateClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  const valid = await bankForm.validate();\n  console.log(valid);\n};\nconst handleTokenizeClick = async (bankForm: HTMLJustifiBankAccountFormElement, paymentMethodData: any) => {\n  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);\n  console.log(tokenizeResponse);\n};\nconst handleReady = () => {\n  console.log('bank account form is ready');\n  const bankForm = document.querySelector('justifi-bank-account-form') as HTMLJustifiBankAccountFormElement;\n  const validateBtn = document.querySelector('#validate-btn');\n  const tokenizeBtn = document.querySelector('#tokenize-btn');\n  validateBtn?.addEventListener('click', () => {\n    handleValidateClick(bankForm);\n  });\n  tokenizeBtn?.addEventListener('click', () => {\n    handleTokenizeClick(bankForm, {});\n  });\n};\n\nconst addEvents = () => {\n  addEventListener('bankAccountFormReady', handleReady);\n};\n\nconst FormButtons = `\n  <style>\n    .button-bar {\n      display: flex;\n      aligin-items: center;\n      padding: 10px;\n    }\n    .button-bar button {\n      margin-right: 10px;\n    }\n  </style>\n  <div class=\"button-bar\">\n    <button id=\"validate-btn\">Validate</button>\n    <button id=\"tokenize-btn\">Tokenize</button>\n  </div>\n`;\n\nconst Template = (args: any) => {\n  return `\n    <div>\n      <style>\n      :root {\n        ${args['css-variables'] || ''}\n      }\n      </style>\n      <justifi-bank-account-form\n        data-testid=\"bank-account-form-iframe\"\n        validation-mode='${args['validation-mode'] || 'onSubmit'}'\n        iframe-origin='${args['iframe-origin'] || ''}'\n      />\n    </div>\n    ${FormButtons}\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'css-variables': CSSVars,\n};\n"]}

package/dist/collection/components/bank-account-form/test/bank-account-form.e2e.js

@@ -0,0 +1,14 @@
+import { newE2EPage } from '@stencil/core/testing';
+describe('justifi-bank-account-form', () => {
+  it('should emit "bankAccountFormReady" event when "paymentMethodFormReady" event is fired', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<justifi-bank-account-form></justifi-bank-account-form>');
+    const bankAccountForm = await page.find('justifi-bank-account-form');
+    const readyEventSpy = await bankAccountForm.spyOnEvent('bankAccountFormReady');
+    const paymentFormElement = await page.find('justifi-payment-method-form');
+    paymentFormElement.triggerEvent('paymentMethodFormReady');
+    await page.waitForChanges();
+    expect(readyEventSpy).toHaveReceivedEventTimes(1);
+  });
+});
+//# sourceMappingURL=bank-account-form.e2e.js.map

package/dist/collection/components/bank-account-form/test/bank-account-form.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-account-form.e2e.js","sourceRoot":"","sources":["../../../../../src/components/bank-account-form/test/bank-account-form.e2e.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACzC,EAAE,CAAC,uFAAuF,EAAE,KAAK,IAAI,EAAE;IACrG,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yDAAyD,CAAC,CAAC;IAEjF,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE/E,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IAC1E,kBAAkB,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;IAE1D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;EACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('justifi-bank-account-form', () => {\n  it('should emit \"bankAccountFormReady\" event when \"paymentMethodFormReady\" event is fired', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<justifi-bank-account-form></justifi-bank-account-form>');\n\n    const bankAccountForm = await page.find('justifi-bank-account-form');\n\n    const readyEventSpy = await bankAccountForm.spyOnEvent('bankAccountFormReady');\n\n    const paymentFormElement = await page.find('justifi-payment-method-form');\n    paymentFormElement.triggerEvent('paymentMethodFormReady');\n\n    await page.waitForChanges();\n\n    expect(readyEventSpy).toHaveReceivedEventTimes(1);\n  });\n});\n"]}

package/dist/collection/components/bank-account-form/test/bank-account-form.spec.js

@@ -0,0 +1,48 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { BankAccountForm } from '../bank-account-form';
+import { PaymentMethodForm } from '../../payment-method-form/payment-method-form';
+describe('justifi-bank-account-form', () => {
+  it('should pass validationMode prop to justifi-payment-method-form', async () => {
+    const page = await newSpecPage({
+      components: [BankAccountForm],
+      html: '<justifi-bank-account-form validation-mode="onChange" />',
+    });
+    const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');
+    expect(paymentMethodForm.getAttribute('payment-method-form-validation-mode')).toBe('onChange');
+  });
+  it('should pass iframeOrigin prop to justifi-payment-method-form', async () => {
+    const page = await newSpecPage({
+      components: [BankAccountForm],
+      html: '<justifi-bank-account-form iframe-origin="https://example.com" />',
+    });
+    const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');
+    expect(paymentMethodForm.getAttribute('iframe-origin')).toBe('https://example.com');
+  });
+  it('should call the PaymentMethodForm validate method when invoked from the BankAccountForm component', async () => {
+    const page = await newSpecPage({
+      components: [BankAccountForm, PaymentMethodForm],
+      html: '<justifi-bank-account-form></justifi-bank-account-form>',
+    });
+    const component = page.rootInstance;
+    const validateMock = jest.fn();
+    component.childRef = { validate: validateMock };
+    await component.validate();
+    expect(validateMock).toHaveBeenCalled();
+  });
+  it('should call the PaymentMethodForm tokenize method with the right arguments when invoked from the BankAccountForm component', async () => {
+    const page = await newSpecPage({
+      components: [BankAccountForm, PaymentMethodForm],
+      html: '<justifi-bank-account-form></justifi-bank-account-form>',
+    });
+    const component = page.rootInstance;
+    const tokenizeMock = jest.fn();
+    component.childRef = { tokenize: tokenizeMock };
+    const clientId = 'clientId';
+    const paymentMethodMetadata = { paymentMethodType: 'bankAccount' };
+    const account = 'account';
+    const tokenizeArgs = [clientId, paymentMethodMetadata, account];
+    await component.tokenize(...tokenizeArgs);
+    expect(tokenizeMock).toHaveBeenCalledWith(...tokenizeArgs);
+  });
+});
+//# sourceMappingURL=bank-account-form.spec.js.map

package/dist/collection/components/bank-account-form/test/bank-account-form.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-account-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/bank-account-form/test/bank-account-form.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACzC,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;IAC9E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,0DAA0D;KACjE,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACjF,MAAM,CAAC,iBAAiB,CAAC,YAAY,CAAC,qCAAqC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;EACjG,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;IAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,mEAAmE;KAC1E,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACjF,MAAM,CAAC,iBAAiB,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;EACtF,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mGAAmG,EAAE,KAAK,IAAI,EAAE;IACjH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC;MAChD,IAAI,EAAE,yDAAyD;KAChE,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;IAEpC,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAC/B,SAAS,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAS,CAAC;IAEvD,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;IAE3B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4HAA4H,EAAE,KAAK,IAAI,EAAE;IAC1I,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC;MAChD,IAAI,EAAE,yDAAyD;KAChE,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;IAEpC,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAC/B,SAAS,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAS,CAAC;IAEvD,MAAM,QAAQ,GAAG,UAAU,CAAC;IAC5B,MAAM,qBAAqB,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC;IACnE,MAAM,OAAO,GAAG,SAAS,CAAC;IAC1B,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEhE,MAAM,SAAS,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,CAAC;IAE1C,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,GAAG,YAAY,CAAC,CAAC;EAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BankAccountForm } from '../bank-account-form';\nimport { PaymentMethodForm } from '../../payment-method-form/payment-method-form';\n\ndescribe('justifi-bank-account-form', () => {\n  it('should pass validationMode prop to justifi-payment-method-form', async () => {\n    const page = await newSpecPage({\n      components: [BankAccountForm],\n      html: '<justifi-bank-account-form validation-mode=\"onChange\" />',\n    });\n    const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');\n    expect(paymentMethodForm.getAttribute('payment-method-form-validation-mode')).toBe('onChange');\n  });\n\n  it('should pass iframeOrigin prop to justifi-payment-method-form', async () => {\n    const page = await newSpecPage({\n      components: [BankAccountForm],\n      html: '<justifi-bank-account-form iframe-origin=\"https://example.com\" />',\n    });\n\n    const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');\n    expect(paymentMethodForm.getAttribute('iframe-origin')).toBe('https://example.com');\n  });\n\n  it('should call the PaymentMethodForm validate method when invoked from the BankAccountForm component', async () => {\n    const page = await newSpecPage({\n      components: [BankAccountForm, PaymentMethodForm],\n      html: '<justifi-bank-account-form></justifi-bank-account-form>',\n    });\n\n    const component = page.rootInstance;\n\n    const validateMock = jest.fn();\n    component.childRef = { validate: validateMock } as any;\n\n    await component.validate();\n\n    expect(validateMock).toHaveBeenCalled();\n  });\n\n  it('should call the PaymentMethodForm tokenize method with the right arguments when invoked from the BankAccountForm component', async () => {\n    const page = await newSpecPage({\n      components: [BankAccountForm, PaymentMethodForm],\n      html: '<justifi-bank-account-form></justifi-bank-account-form>',\n    });\n\n    const component = page.rootInstance;\n\n    const tokenizeMock = jest.fn();\n    component.childRef = { tokenize: tokenizeMock } as any;\n\n    const clientId = 'clientId';\n    const paymentMethodMetadata = { paymentMethodType: 'bankAccount' };\n    const account = 'account';\n    const tokenizeArgs = [clientId, paymentMethodMetadata, account];\n\n    await component.tokenize(...tokenizeArgs);\n\n    expect(tokenizeMock).toHaveBeenCalledWith(...tokenizeArgs);\n  });\n});\n"]}

package/dist/collection/components/billing-form/billing-form-schema.js

@@ -9,3 +9,4 @@ const BillingFormSchema = object({
   address_postal_code: string().required('Enter ZIP').matches(RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),
 });
 export default BillingFormSchema;
+//# sourceMappingURL=billing-form-schema.js.map

package/dist/collection/components/billing-form/billing-form-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-form-schema.js","sourceRoot":"","sources":["../../../../src/components/billing-form/billing-form-schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAWjC,MAAM,iBAAiB,GAAG,MAAM,CAAC;EAC/B,IAAI,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACrC,aAAa,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC;EACxD,aAAa,EAAE,MAAM,EAAE;EACvB,YAAY,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EAC7C,aAAa,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;EAChD,mBAAmB,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC;CACvH,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC","sourcesContent":["import { object, string } from 'yup';\n\nexport const RegExZip = /^\\d{5}/;\n\nexport interface BillingFormFields {\n  name: string;\n  address_line1: string;\n  address_line2?: string;\n  address_city: string;\n  address_state: string;\n  address_postal_code: string;\n}\n\nconst BillingFormSchema = object({\n  name: string().required('Enter name'),\n  address_line1: string().required('Enter street address'),\n  address_line2: string(),\n  address_city: string().required('Enter city'),\n  address_state: string().required('Choose state'),\n  address_postal_code: string().required('Enter ZIP').matches(RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),\n});\n\nexport default BillingFormSchema;\n"]}