@justifi/webcomponents 4.4.0 → 4.5.1

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,MAAM,UAAU,cAAc,CAAC,MAAc,EAAE,UAAU,GAAG,IAAI;EAC9D,IAAI,CAAC,MAAM;IAAE,MAAM,GAAG,CAAC,CAAC;EAExB,SAAS,MAAM,CAAC,MAAc;IAC5B,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC1D,OAAO,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;EAC/E,CAAC;EAED,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,UAAyB;EAClD,IAAI,CAAC,UAAU;IAAE,OAAO,EAAE,CAAC;EAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;EAClC,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,UAAkB;EAC3C,IAAI,CAAC,UAAU;IAAE,OAAO,EAAE,CAAC;EAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;EAClC,OAAO,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAkB;EAClD,IAAI,CAAC,UAAU;IAAE,OAAO,EAAE,CAAC;EAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;EAClC,OAAO,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,0BAA0B;;EACxC,MAAM,cAAc,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;EACvD,OAAO,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC,wBAAwB,CAAC,0CAAE,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,KAAI,IAAI,CAAC;AAC1H,CAAC","sourcesContent":["import { format } from 'date-fns';\nimport Dinero from 'dinero.js';\n\nexport function formatCurrency(amount: number, withSymbol = true): string {\n  if (!amount) amount = 0;\n\n  function format(amount: number): string {\n    const formattedString = withSymbol ? '$0,0.00' : '0,0.00';\n    return Dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);\n  }\n\n  return amount < 0 ? `(${format(-amount)})` : format(amount);\n}\n\nexport function formatDate(dateString: string | Date): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'MMM d, yyyy');\n}\n\nexport function formatTime(dateString: string): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'h:mmaaa');\n}\n\nexport function formatTimeSeconds(dateString: string): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'h:mm:ssaaa');\n}\n\nexport function extractComputedFontsToLoad() {\n  const computedStyles = getComputedStyle(document.body);\n  return computedStyles?.getPropertyValue('--jfi-load-google-font')?.trim().replace(/'|\"/g, '').replace(' ', '+') || null;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { format } from 'date-fns';\nimport Dinero from 'dinero.js';\n\nexport function formatCurrency(amount: number, withSymbol = true): string {\n  if (!amount) amount = 0;\n\n  function format(amount: number): string {\n    const formattedString = withSymbol ? '$0,0.00' : '0,0.00';\n    return Dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);\n  }\n\n  return amount < 0 ? `(${format(-amount)})` : format(amount);\n}\n\nexport function formatDate(dateString: string | Date): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'MMM d, yyyy');\n}\n\nexport function formatTime(dateString: string): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'h:mmaaa');\n}\n\nexport function formatTimeSeconds(dateString: string): string {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  return format(date, 'h:mm:ssaaa');\n}\n\nexport function extractComputedFontsToLoad() {\n  const computedStyles = getComputedStyle(document.body);\n  return computedStyles?.getPropertyValue('--jfi-load-google-font')?.trim().replace(/'|\"/g, '').replace(' ', '+') || null;\n}\n\nexport const MapPaymentStatusToBadge = (status: string) => {\n  switch (status) {\n    case \"authorized\":\n      return \"<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>\";\n    case \"disputed\":\n      return \"<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>\";\n    case \"achFailed\":\n      return \"<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>\";\n    case \"failed\":\n      return \"<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>\";\n    case \"fully_refunded\":\n      return \"<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>\";\n    case \"partially_refunded\":\n      return \"<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>\";\n    case \"pending\":\n      return \"<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>\";\n    case \"succeeded\":\n      return \"<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>\";\n  }\n};\n\nexport const MapPayoutStatusToBadge = (status: string) => {\n  switch (status) {\n    case \"canceled\":\n      return \"<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>\";\n    case \"failed\":\n      return \"<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>\";\n    case \"forwarded\":\n      return \"<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>\";\n    case \"in_transit\":\n      return \"<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>\";\n    case \"paid\":\n      return \"<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>\";\n    case \"pending\":\n      return \"<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>\";\n    case \"scheduled\":\n      return \"<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>\";\n    case \"withdrawn\":\n      return \"<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>\";\n  }\n};\n"]}

package/dist/components/Api.js

@@ -63,9 +63,9 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 
-const Api = (authToken) => {
+const Api = (authToken, customApiOrigin) => {
   const originFromEnv = process.env.API_ORIGIN;
-  const apiOrigin = originFromEnv || 'https://justifi.ai';
+  const apiOrigin = customApiOrigin || originFromEnv || 'https://justifi.ai';
   async function getAuthorizationHeader() {
     return {
       'Authorization': `Bearer ${authToken}`,
@@ -75,7 +75,19 @@ const Api = (authToken) => {
   }
   async function makeRequest(endpoint, method, params, body, signal) {
     const url = `${apiOrigin}/v1/${endpoint}`;
-    const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+    let cursor;
+    if (params === null || params === void 0 ? void 0 : params.paging) {
+      cursor = (params === null || params === void 0 ? void 0 : params.paging) && (params === null || params === void 0 ? void 0 : params.direction) ? `${params.direction === 'prev'
+        ? '&before_cursor=' + params.paging.start_cursor
+        : params.direction === 'next'
+          ? '&after_cursor=' + params.paging.end_cursor
+          : ''}` : null;
+      delete params.paging;
+    }
+    if (params === null || params === void 0 ? void 0 : params.direction) {
+      delete params.direction;
+    }
+    const requestUrl = params ? `${url}?${new URLSearchParams(params)}${cursor ? '&' + cursor : ''}` : url;
     const response = await fetch(requestUrl, {
       method: method,
       headers: await getAuthorizationHeader(),

package/dist/components/Api.js.map

@@ -1 +1 @@
-{"file":"Api.js","mappings":"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","names":["uuidv4"],"sources":["../node_modules/uuid/dist/esm-browser/rng.js","../node_modules/uuid/dist/esm-browser/stringify.js","../node_modules/uuid/dist/esm-browser/native.js","../node_modules/uuid/dist/esm-browser/v4.js","src/api/Api.ts"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;","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 originFromEnv = process.env.API_ORIGIN;\n  const apiOrigin = originFromEnv || '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"],"version":3}
+{"file":"Api.js","mappings":"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","names":["uuidv4"],"sources":["../node_modules/uuid/dist/esm-browser/rng.js","../node_modules/uuid/dist/esm-browser/stringify.js","../node_modules/uuid/dist/esm-browser/native.js","../node_modules/uuid/dist/esm-browser/v4.js","src/api/Api.ts"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;","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, customApiOrigin?: string) => {\n  const originFromEnv = process.env.API_ORIGIN;\n  const apiOrigin = customApiOrigin || originFromEnv || '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    let cursor;\n    if (params?.paging) {\n      cursor = params?.paging && params?.direction ? `${\n        params.direction === 'prev'\n        ? '&before_cursor='+params.paging.start_cursor\n        : params.direction === 'next'\n          ? '&after_cursor='+params.paging.end_cursor\n          : ''\n      }` : null;\n      delete params.paging;\n    }\n    if (params?.direction) {\n      delete params.direction;\n    }\n    const requestUrl = params ? `${url}?${new URLSearchParams(params)}${cursor ? '&'+cursor : ''}` : 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"],"version":3}

package/dist/components/Payout.js

@@ -0,0 +1,113 @@
+var CaptureStrategy;
+(function (CaptureStrategy) {
+  CaptureStrategy["automatic"] = "automatic";
+  CaptureStrategy["manual"] = "manual";
+})(CaptureStrategy || (CaptureStrategy = {}));
+var PaymentMethodTypes;
+(function (PaymentMethodTypes) {
+  PaymentMethodTypes["card"] = "card";
+  PaymentMethodTypes["bankAccount"] = "bankAccount";
+})(PaymentMethodTypes || (PaymentMethodTypes = {}));
+var PaymentStatuses;
+(function (PaymentStatuses) {
+  PaymentStatuses["pending"] = "pending";
+  PaymentStatuses["authorized"] = "authorized";
+  PaymentStatuses["succeeded"] = "succeeded";
+  PaymentStatuses["failed"] = "failed";
+  PaymentStatuses["disputed"] = "disputed";
+  PaymentStatuses["fully_refunded"] = "fully_refunded";
+  PaymentStatuses["partially_refunded"] = "partially_refunded";
+})(PaymentStatuses || (PaymentStatuses = {}));
+var PaymentDisputedStatuses;
+(function (PaymentDisputedStatuses) {
+  // if a dispute is 'won', we don't show a dispute status, just general status
+  PaymentDisputedStatuses["lost"] = "lost";
+  PaymentDisputedStatuses["open"] = "open";
+})(PaymentDisputedStatuses || (PaymentDisputedStatuses = {}));
+class Payment {
+  constructor(payment) {
+    this.id = payment.id;
+    this.account_id = payment.account_id;
+    this.amount = payment.amount;
+    this.amount_disputed = payment.amount_disputed;
+    this.amount_refundable = payment.amount_refundable;
+    this.amount_refunded = payment.amount_refunded;
+    this.balance = payment.balance;
+    this.captured = payment.captured;
+    this.capture_strategy = payment.capture_strategy;
+    this.currency = payment.currency;
+    this.description = payment.description;
+    this.disputed = payment.disputed;
+    this.disputes = payment.disputes;
+    this.error_code = payment.error_code;
+    this.error_description = payment.error_description;
+    this.fee_amount = payment.fee_amount;
+    this.is_test = payment.is_test;
+    this.metadata = payment.metadata;
+    this.payment_method = payment.payment_method;
+    this.payment_intent_id = payment.payment_intent_id;
+    this.refunded = payment.refunded;
+    this.status = payment.status;
+    this.created_at = payment.created_at;
+    this.updated_at = payment.updated_at;
+  }
+  get disputedStatus() {
+    const lost = this.disputes.some(dispute => dispute.status === PaymentDisputedStatuses.lost);
+    // if a dispute is 'won', we don't show a dispute status, just general status
+    if (!this.disputed) {
+      return null;
+    }
+    else if (lost) {
+      return PaymentDisputedStatuses.lost;
+    }
+    else {
+      return PaymentDisputedStatuses.open;
+    }
+  }
+}
+
+var PayoutStatuses;
+(function (PayoutStatuses) {
+  PayoutStatuses["paid"] = "paid";
+  PayoutStatuses["failed"] = "failed";
+  PayoutStatuses["forwarded"] = "forwarded";
+  PayoutStatuses["scheduled"] = "scheduled";
+  PayoutStatuses["in_transit"] = "in_transit";
+  PayoutStatuses["canceled"] = "canceled";
+})(PayoutStatuses || (PayoutStatuses = {}));
+var PayoutStatusesSafeNames;
+(function (PayoutStatusesSafeNames) {
+  PayoutStatusesSafeNames["paid"] = "Paid";
+  PayoutStatusesSafeNames["failed"] = "Failed";
+  PayoutStatusesSafeNames["forwarded"] = "Forwarded";
+  PayoutStatusesSafeNames["scheduled"] = "Scheduled";
+  PayoutStatusesSafeNames["in_transit"] = "In Transit";
+  PayoutStatusesSafeNames["canceled"] = "Canceled";
+})(PayoutStatusesSafeNames || (PayoutStatusesSafeNames = {}));
+class Payout {
+  constructor(payout) {
+    this.id = payout.id;
+    this.account_id = payout.account_id;
+    this.amount = payout.amount;
+    this.bank_account = payout.bank_account;
+    this.currency = payout.currency;
+    this.delivery_method = payout.delivery_method || 'standard';
+    this.description = payout.description;
+    this.deposits_at = payout.deposits_at;
+    this.fees_total = payout.fees_total;
+    this.refunds_count = payout.refunds_count;
+    this.refunds_total = payout.refunds_total;
+    this.payments_count = payout.payments_count;
+    this.payments_total = payout.payments_total;
+    this.payout_type = payout.payout_type;
+    this.other_total = payout.other_total;
+    this.status = payout.status;
+    this.metadata = payout.metadata;
+    this.created_at = payout.created_at;
+    this.updated_at = payout.updated_at;
+  }
+}
+
+export { PaymentMethodTypes as P, Payment as a, PayoutStatuses as b, PayoutStatusesSafeNames as c, Payout as d };
+
+//# sourceMappingURL=Payout.js.map

package/dist/components/Payout.js.map

@@ -0,0 +1 @@
+{"file":"Payout.js","mappings":"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","names":[],"sources":["src/api/Payment.ts","src/api/Payout.ts"],"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  public statement_descriptor?: 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","import { BankAccount } from \"./shared\";\n\nexport enum PayoutStatuses {\n  paid = 'paid',\n  failed = 'failed',\n  forwarded = 'forwarded',\n  scheduled = 'scheduled',\n  in_transit = 'in_transit',\n  canceled = 'canceled',\n}\n\nexport enum PayoutStatusesSafeNames {\n  paid = 'Paid',\n  failed = 'Failed',\n  forwarded = 'Forwarded',\n  scheduled = 'Scheduled',\n  in_transit = 'In Transit',\n  canceled = 'Canceled',\n}\n\nexport interface IPayout {\n  id: string;\n  account_id: string;\n  amount: number;\n  bank_account: BankAccount;\n  currency: 'usd';\n  delivery_method: string;\n  description: string;\n  deposits_at: string;\n  fees_total: number;\n  refunds_count: number;\n  refunds_total: number;\n  payments_count: number;\n  payments_total: number;\n  payout_type: 'ach' | 'cc';\n  other_total: number;\n  status: PayoutStatuses;\n  metadata: any;\n  created_at: string;\n  updated_at: string;\n}\n\nexport class Payout implements IPayout {\n  public id: string;\n  public account_id: string;\n  public amount: number;\n  public bank_account: BankAccount;\n  public currency: 'usd';\n  public delivery_method: string;\n  public description: string;\n  public deposits_at: string;\n  public fees_total: number;\n  public refunds_count: number;\n  public refunds_total: number;\n  public payments_count: number;\n  public payments_total: number;\n  public payout_type: 'ach' | 'cc';\n  public other_total: number;\n  public status: PayoutStatuses;\n  public metadata: any;\n  public created_at: string;\n  public updated_at: string;\n\n  constructor(payout: IPayout) {\n    this.id = payout.id;\n    this.account_id = payout.account_id;\n    this.amount = payout.amount;\n    this.bank_account = payout.bank_account;\n    this.currency = payout.currency;\n    this.delivery_method = payout.delivery_method || 'standard';\n    this.description = payout.description;\n    this.deposits_at = payout.deposits_at;\n    this.fees_total = payout.fees_total;\n    this.refunds_count = payout.refunds_count;\n    this.refunds_total = payout.refunds_total;\n    this.payments_count = payout.payments_count;\n    this.payments_total = payout.payments_total;\n    this.payout_type = payout.payout_type;\n    this.other_total = payout.other_total;\n    this.status = payout.status;\n    this.metadata = payout.metadata;\n    this.created_at = payout.created_at;\n    this.updated_at = payout.updated_at;\n  }\n}\n"],"version":3}

package/dist/components/additional-questions.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './form-control-monetary2.js';
+
+const AdditionalQuestions = /*@__PURE__*/ proxyCustomElement(class AdditionalQuestions extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.formController = undefined;
+    this.errors = {};
+    this.additional_questions = {};
+    this.inputHandler = this.inputHandler.bind(this);
+  }
+  componentDidLoad() {
+    this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    this.formController.values.subscribe(values => (this.additional_questions = Object.assign({}, values.additional_questions)));
+  }
+  inputHandler(name, value) {
+    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { additional_questions: Object.assign(Object.assign({}, this.formController.values.getValue().additional_questions), { [name]: value }) }));
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_revenue", label: "Business Revenue", inputHandler: this.inputHandler, error: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_payment_volume", label: "Business Payment Volume", inputHandler: this.inputHandler, error: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_dispute_volume", label: "Business Dispute Volume", inputHandler: this.inputHandler, error: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_dispute_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_dispute_volume })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_receivable_volume", label: "Business Receivable Volume", inputHandler: this.inputHandler, error: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_receivable_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_receivable_volume })))));
+  }
+}, [0, "justifi-additional-questions", {
+    "formController": [16],
+    "errors": [32],
+    "additional_questions": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["justifi-additional-questions", "form-control-monetary"];
+  components.forEach(tagName => { switch (tagName) {
+    case "justifi-additional-questions":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, AdditionalQuestions);
+      }
+      break;
+    case "form-control-monetary":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { AdditionalQuestions as A, defineCustomElement as d };
+
+//# sourceMappingURL=additional-questions.js.map

package/dist/components/additional-questions.js.map

@@ -0,0 +1 @@
+{"file":"additional-questions.js","mappings":";;;MAWa,mBAAmB;EAK9B;;;;kBAHuB,EAAE;gCACY,EAAE;IAGrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAClD;EAED,gBAAgB;IACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAClC,MAAM,KAAK,IAAI,CAAC,MAAM,qBAAQ,MAAM,CAAE,CAAC,CACxC,CAAC;IACF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAClC,MAAM,KACH,IAAI,CAAC,oBAAoB,qBAAQ,MAAM,CAAC,oBAAoB,CAAE,CAAC,CACnE,CAAC;GACH;EAED,YAAY,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,oBAAoB,kCACf,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,oBAAoB,KAC7D,CAAC,IAAI,GAAG,KAAK,OAEf,CAAC;GACJ;EAED,MAAM;;IACJ,MAAM,+BAA+B,GACnC,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,oBAAoB,CAAC;IAE9D,QACE,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B,IAC3C,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,QAAQ,IACjB,6BACE,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,kBAAkB,EACxB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,oBAAoB,0CAAE,gBAAgB,EAC1D,YAAY,EAAE,+BAA+B,aAA/B,+BAA+B,uBAA/B,+BAA+B,CAAE,gBAAgB,GAC/D,CACE,EACN,WAAK,KAAK,EAAC,QAAQ,IACjB,6BACE,IAAI,EAAC,yBAAyB,EAC9B,KAAK,EAAC,yBAAyB,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,oBAAoB,0CAAE,uBAAuB,EACjE,YAAY,EACV,+BAA+B,aAA/B,+BAA+B,uBAA/B,+BAA+B,CAAE,uBAAuB,GAE1D,CACE,EACN,WAAK,KAAK,EAAC,QAAQ,IACjB,6BACE,IAAI,EAAC,yBAAyB,EAC9B,KAAK,EAAC,yBAAyB,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,oBAAoB,0CAAE,uBAAuB,EACjE,YAAY,EACV,+BAA+B,aAA/B,+BAA+B,uBAA/B,+BAA+B,CAAE,uBAAuB,GAE1D,CACE,EACN,WAAK,KAAK,EAAC,QAAQ,IACjB,6BACE,IAAI,EAAC,4BAA4B,EACjC,KAAK,EAAC,4BAA4B,EAClC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EACH,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,oBAAoB,0CAAE,0BAA0B,EAE/D,YAAY,EACV,+BAA+B,aAA/B,+BAA+B,uBAA/B,+BAA+B,CAAE,0BAA0B,GAE7D,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/business-form/additional-questions/additional-questions.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-additional-questions',\n})\nexport class AdditionalQuestions {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() additional_questions: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors }),\n    );\n    this.formController.values.subscribe(\n      values =>\n        (this.additional_questions = { ...values.additional_questions }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      additional_questions: {\n        ...this.formController.values.getValue().additional_questions,\n        [name]: value,\n      },\n    });\n  }\n\n  render() {\n    const additionalQuestionsDefaultValue =\n      this.formController.getInitialValues().additional_questions;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12\">\n            <form-control-monetary\n              name=\"business_revenue\"\n              label=\"Business Revenue\"\n              inputHandler={this.inputHandler}\n              error={this.errors?.additional_questions?.business_revenue}\n              defaultValue={additionalQuestionsDefaultValue?.business_revenue}\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-monetary\n              name=\"business_payment_volume\"\n              label=\"Business Payment Volume\"\n              inputHandler={this.inputHandler}\n              error={this.errors?.additional_questions?.business_payment_volume}\n              defaultValue={\n                additionalQuestionsDefaultValue?.business_payment_volume\n              }\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-monetary\n              name=\"business_dispute_volume\"\n              label=\"Business Dispute Volume\"\n              inputHandler={this.inputHandler}\n              error={this.errors?.additional_questions?.business_dispute_volume}\n              defaultValue={\n                additionalQuestionsDefaultValue?.business_dispute_volume\n              }\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-monetary\n              name=\"business_receivable_volume\"\n              label=\"Business Receivable Volume\"\n              inputHandler={this.inputHandler}\n              error={\n                this.errors?.additional_questions?.business_receivable_volume\n              }\n              defaultValue={\n                additionalQuestionsDefaultValue?.business_receivable_volume\n              }\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/business-address-form.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { S as StateOptions } from './state-options.js';
+import { d as defineCustomElement$3 } from './form-control-number2.js';
 import { d as defineCustomElement$2 } from './form-control-select2.js';
 import { d as defineCustomElement$1 } from './form-control-text2.js';
 
@@ -24,7 +25,7 @@ const BusinessAddressForm = /*@__PURE__*/ proxyCustomElement(class BusinessAddre
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gx-2 gy-2" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, error: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-select", { name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, error: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, error: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, inputHandler: (name, value) => this.inputHandler(name, value) })))));
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, error: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, error: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12 col-md-6" }, h("form-control-number", { name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, error: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, inputHandler: (name, value) => this.inputHandler(name, value) })))));
   }
   static get watchers() { return {
     "address": ["handleAddressChange"]
@@ -40,13 +41,18 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["justifi-business-address-form", "form-control-select", "form-control-text"];
+  const components = ["justifi-business-address-form", "form-control-number", "form-control-select", "form-control-text"];
   components.forEach(tagName => { switch (tagName) {
     case "justifi-business-address-form":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, BusinessAddressForm);
       }
       break;
+    case "form-control-number":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
     case "form-control-select":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();

package/dist/components/business-address-form.js.map

@@ -1 +1 @@
-{"file":"business-address-form.js","mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,29zCAA29zC;;MCQ7+zC,mBAAmB;;;;;;;;mBAIN,EAAE;;EAG1B,mBAAmB,CAAC,SAAc;IAChC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;GAC9B;EAED,YAAY,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,OAAO,qBAAQ,IAAI,CAAC,OAAO,CAAE,CAAC;GACpC;EAED,MAAM;;IACJ,QACE,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B,IAC3C,WAAK,KAAK,EAAC,eAAe,IACxB,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,gBAAgB,EACtB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,mCAAmC,EACzC,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,EACtC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,2BACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EAC7C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/business-form/business-address/business-address-form.scss?tag=justifi-business-address-form&encapsulation=shadow","src/components/business-form/business-address/business-address-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}\n\n.jfi-submit-button {\n  font-family: var(--jfi-layout-font-family);\n  color: var(--jfi-submit-button-color);\n  background-color: var(--jfi-submit-button-background-color);\n  border-color: var(--jfi-submit-button-border-color);\n  padding: var(--jfi-submit-button-padding);\n  font-size: var(--jfi-submit-button-font-size);\n  border-radius: var(--jfi-submit-button-border-radius);\n  width: var(--jfi-submit-button-width);\n  box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n  color: var(--jfi-submit-button-color-hover);\n  background-color: var(--jfi-submit-button-background-color-hover);\n  border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n  color: var(--jfi-submit-button-color-focus);\n  background-color: var(--jfi-submit-button-background-color-focus);\n  border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n  color: var(--jfi-submit-button-color-active);\n  background-color: var(--jfi-submit-button-background-color-active);\n  border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n  min-width: 75px;\n  color: var(--jfi-submit-button-color-loading);\n  background-color: var(--jfi-submit-button-background-color-loading);\n  border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n  border-top-color: var(--jfi-submit-button-color-loading);\n  border-bottom-color: var(--jfi-submit-button-color-loading);\n  border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\nimport StateOptions from '../../billing-form/state-options';\n\n@Component({\n  tag: 'justifi-business-address-form',\n  styleUrl: 'business-address-form.scss',\n  shadow: true,\n})\nexport class BusinessAddressForm {\n  @Prop() onFormUpdate: (values: any) => void;\n  @Prop() errors: any;\n  @Prop() defaultValues: any;\n  @State() address: any = {};\n\n  @Watch('address')\n  handleAddressChange(newValues: any) {\n    this.onFormUpdate(newValues);\n  }\n\n  inputHandler(name: string, value: string) {\n    this.address[name] = value;\n    this.address = { ...this.address };\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gx-2 gy-2\">\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"line1\"\n              label=\"Street Address\"\n              defaultValue={this.defaultValues?.line1}\n              error={this.errors?.line1}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"line2\"\n              label=\"Apartment, Suite, etc. (optional)\"\n              defaultValue={this.defaultValues?.line2}\n              error={this.errors?.line2}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"city\"\n              label=\"City\"\n              defaultValue={this.defaultValues?.city}\n              error={this.errors?.city}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-select\n              name=\"state\"\n              label=\"State\"\n              defaultValue={this.defaultValues?.state}\n              options={StateOptions}\n              error={this.errors?.state}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"postal_code\"\n              label=\"Postal Code\"\n              defaultValue={this.defaultValues?.postal_code}\n              error={this.errors?.postal_code}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"business-address-form.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,29zCAA29zC;;MCQ7+zC,mBAAmB;;;;;;;;mBAIN,EAAE;;EAG1B,mBAAmB,CAAC,SAAc;IAChC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;GAC9B;EAED,YAAY,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,OAAO,qBAAQ,IAAI,CAAC,OAAO,CAAE,CAAC;GACpC;EAED,MAAM;;IACJ,QACE,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B,IAC3C,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,iBAAiB,IAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,gBAAgB,EACtB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,iBAAiB,IAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,mCAAmC,EACzC,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,EACtC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,iBAAiB,IAC1B,2BACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,iBAAiB,IAC1B,2BACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EAC7C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/business-form/business-address/business-address-form.scss?tag=justifi-business-address-form&encapsulation=shadow","src/components/business-form/business-address/business-address-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}\n\n.jfi-submit-button {\n  font-family: var(--jfi-layout-font-family);\n  color: var(--jfi-submit-button-color);\n  background-color: var(--jfi-submit-button-background-color);\n  border-color: var(--jfi-submit-button-border-color);\n  padding: var(--jfi-submit-button-padding);\n  font-size: var(--jfi-submit-button-font-size);\n  border-radius: var(--jfi-submit-button-border-radius);\n  width: var(--jfi-submit-button-width);\n  box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n  color: var(--jfi-submit-button-color-hover);\n  background-color: var(--jfi-submit-button-background-color-hover);\n  border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n  color: var(--jfi-submit-button-color-focus);\n  background-color: var(--jfi-submit-button-background-color-focus);\n  border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n  color: var(--jfi-submit-button-color-active);\n  background-color: var(--jfi-submit-button-background-color-active);\n  border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n  min-width: 75px;\n  color: var(--jfi-submit-button-color-loading);\n  background-color: var(--jfi-submit-button-background-color-loading);\n  border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n  border-top-color: var(--jfi-submit-button-color-loading);\n  border-bottom-color: var(--jfi-submit-button-color-loading);\n  border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\nimport StateOptions from '../../billing-form/state-options';\n\n@Component({\n  tag: 'justifi-business-address-form',\n  styleUrl: 'business-address-form.scss',\n  shadow: true,\n})\nexport class BusinessAddressForm {\n  @Prop() onFormUpdate: (values: any) => void;\n  @Prop() errors: any;\n  @Prop() defaultValues: any;\n  @State() address: any = {};\n\n  @Watch('address')\n  handleAddressChange(newValues: any) {\n    this.onFormUpdate(newValues);\n  }\n\n  inputHandler(name: string, value: string) {\n    this.address[name] = value;\n    this.address = { ...this.address };\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12 col-md-8\">\n            <form-control-text\n              name=\"line1\"\n              label=\"Street Address\"\n              defaultValue={this.defaultValues?.line1}\n              error={this.errors?.line1}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-4\">\n            <form-control-text\n              name=\"line2\"\n              label=\"Apartment, Suite, etc. (optional)\"\n              defaultValue={this.defaultValues?.line2}\n              error={this.errors?.line2}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"city\"\n              label=\"City\"\n              defaultValue={this.defaultValues?.city}\n              error={this.errors?.city}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <form-control-select\n              name=\"state\"\n              label=\"State\"\n              defaultValue={this.defaultValues?.state}\n              options={StateOptions}\n              error={this.errors?.state}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <form-control-number\n              name=\"postal_code\"\n              label=\"Postal Code\"\n              defaultValue={this.defaultValues?.postal_code}\n              error={this.errors?.postal_code}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}