@justifi/webcomponents 4.7.0-rc.0 → 4.7.0-rc.2

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

@@ -1 +1 @@
-{"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';\nimport { Address } from '../api/Business';\nimport { Legal } from '../api/SubAccount';\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(\n      formattedString,\n    );\n  }\n\n  return amount < 0 ? `(${format(-amount)})` : format(amount);\n}\n\nexport function formatPercentage(amount: number): string {\n  if (!amount) amount = 0;\n\n  function format(amount: number) {\n    const number = amount / 100;\n    return number.toFixed(2).toString() + '%';\n  }\n\n  return 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\n// eg. Oct 9, 2023\nexport function formatMediumDate(input: string | Date): string {\n  // Check if input is a string and convert to Date object\n  if (typeof input === 'string') {\n    input = new Date(input);\n  }\n\n  // Check if input is a valid date\n  if (Object.prototype.toString.call(input) === '[object Date]') {\n    if (isNaN(input.getTime())) {\n      return 'Invalid date';\n    }\n  } else {\n    return 'Invalid input';\n  }\n\n  const options: Intl.DateTimeFormatOptions = {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  };\n\n  return input.toLocaleDateString('en-US', options);\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\n// Receives an Address as input and return a formatted string\n// eg. 123 Main St, Scranton, PA 11111\nexport function formatAddress(address: Address): string {\n  return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;\n}\n\nexport function formatLegalAddress(address: Legal): string {\n  return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;\n}\n\nexport function extractComputedFontsToLoad() {\n  const computedStyles = getComputedStyle(document.body);\n  return (\n    computedStyles\n      ?.getPropertyValue('--jfi-load-google-font')\n      ?.trim()\n      .replace(/'|\"/g, '')\n      .replace(' ', '+') || null\n  );\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\nexport const MapSubAccountStatusToBadge = (status: string) => {\n  switch (status) {\n    case 'created':\n      return \"<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>\";\n    case 'submitted':\n      return \"<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>\";\n    case 'information_needed':\n      return \"<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>\";\n    case 'enabled':\n      return \"<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>\";\n    case 'disabled':\n      return \"<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>\";\n    case 'rejected':\n      return \"<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>\";\n    case 'archived':\n      return \"<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>\";\n  }\n};\n\n/**\n * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.\n *\n * @param snakeCaseStr - The string in snake_case format.\n * @returns The string transformed into a human-readable format.\n *\n * @example\n * const readable = toReadableString('sole_proprietorship');\n * console.log(readable); // Outputs: \"Sole Proprietorship\"\n */\nexport function snakeCaseToHumanReadable(snakeCaseStr: string): string {\n  return snakeCaseStr\n    .split('_')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\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';\nimport { Address } from '../api/Business';\nimport { Legal } from '../api/SubAccount';\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(\n      formattedString,\n    );\n  }\n\n  return amount < 0 ? `(${format(-amount)})` : format(amount);\n}\n\nexport function formatPercentage(amount: number): string {\n  if (!amount) amount = 0;\n\n  function format(amount: number) {\n    const number = amount / 100;\n    return number.toFixed(2).toString() + '%';\n  }\n\n  return 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\n// eg. Oct 9, 2023\nexport function formatMediumDate(input: string | Date): string {\n  // Check if input is a string and convert to Date object\n  if (typeof input === 'string') {\n    input = new Date(input);\n  }\n\n  // Check if input is a valid date\n  if (Object.prototype.toString.call(input) === '[object Date]') {\n    if (isNaN(input.getTime())) {\n      return 'Invalid date';\n    }\n  } else {\n    return 'Invalid input';\n  }\n\n  const options: Intl.DateTimeFormatOptions = {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  };\n\n  return input.toLocaleDateString('en-US', options);\n}\n\nexport function formatDisplayDate(value: any, endDate: string) {\n  const isEndingDate = value === endDate;\n  return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');\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\n// Receives an Address as input and return a formatted string\n// eg. 123 Main St, Scranton, PA 11111\nexport function formatAddress(address: Address): string {\n  return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;\n}\n\nexport function formatLegalAddress(address: Legal): string {\n  return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;\n}\n\nexport function extractComputedFontsToLoad() {\n  const computedStyles = getComputedStyle(document.body);\n  return (\n    computedStyles\n      ?.getPropertyValue('--jfi-load-google-font')\n      ?.trim()\n      .replace(/'|\"/g, '')\n      .replace(' ', '+') || null\n  );\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\nexport const MapSubAccountStatusToBadge = (status: string) => {\n  switch (status) {\n    case 'created':\n      return \"<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>\";\n    case 'submitted':\n      return \"<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>\";\n    case 'information_needed':\n      return \"<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>\";\n    case 'enabled':\n      return \"<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>\";\n    case 'disabled':\n      return \"<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>\";\n    case 'rejected':\n      return \"<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>\";\n    case 'archived':\n      return \"<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>\";\n  }\n};\n\n/**\n * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.\n *\n * @param snakeCaseStr - The string in snake_case format.\n * @returns The string transformed into a human-readable format.\n *\n * @example\n * const readable = toReadableString('sole_proprietorship');\n * console.log(readable); // Outputs: \"Sole Proprietorship\"\n */\nexport function snakeCaseToHumanReadable(snakeCaseStr: string): string {\n  return snakeCaseStr\n    .split('_')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n"]}

package/dist/components/SubAccount.js

@@ -1,4 +1,4 @@
-import { h as formatPercentage, c as formatCurrency, a as formatDate, b as formatTime } from './utils2.js';
+import { i as formatPercentage, b as formatCurrency, a as formatDate, d as formatTime } from './utils2.js';
 
 var TagTypes;
 (function (TagTypes) {

package/dist/components/config.js

@@ -0,0 +1,17 @@
+const config = {
+  iframeOrigin: 'https://js.justifi.ai/v2',
+  exampleBusinessId: 'biz_3GCA2FgtShugA9O6dlLfH3',
+  exampleBusinessAccountId: 'acc_5u5Dus39Meb1qqSsu5U7qS',
+  proxyApiOrigin: 'https://wc-proxy.justifi.ai',
+  proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMllwZDd3bFQ2NGFlZzc5aGhZaFVBdSIsInN1YiI6Im9hc18yWXBkN3dsVDY0YWVnNzloaFloVUF1QHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfMUdCS1Mycmc3bUxsMnIzRHM0TlBQWSJ9XSwiZXhwIjoxNzA4Mjc4MTk2LCJpYXQiOjE3MDA1MDIxOTYsInBsYXRmb3JtX2FjY291bnRfaWQiOiJhY2NfN2NWbmc3ZXNDdmZIZXZXUUxTd2xuayJ9.Ks6U_mPlNDX09G9T75RPR__VKYZOeknPxLFr1O5Ri6yr9khAtUb_RwBx366qpf19MZ0NyxVtCb7qdXOhL9cb1Xl0owfqBZJXz3vvedfDui_4S9A5YdG4fy82Ja4p4fsCJGgkTgVHu_KBd9tmPY9SOTvRv8PBXdeCAYqqG4VR-sc9nSRtol62uB_kRcN3GRsptN8MTbWHwoqWGOolBCmzk12d9wjO-9t3X3jZ7LIOKP6rO9Lqn1Sh1KfoiUkyiv_TyHbwoQsqU11LZ6XWmDzPGukSdwNwV7qfSFAH4ldAiDYUGDIzFARCr6PEF2MwEC2e6myObiCXWNjg3X1C6oUS6Q',
+  examplePaymentsAccountId: 'acc_1GBKS2rg7mLl2r3Ds4NPPY',
+  examplePaymentId: 'py_4KkUgtKYHT1A6empFws90I',
+  examplePayoutId: 'po_zBUZ6WvMEzoPzwS0qUmWE',
+  privateApiOrigin: 'https://api.justifi.ai/v1',
+  privateAuthToken: '',
+  examplePlatformAccountId: 'acc_5u5Dus39Meb1qqSsu5U7qS'
+};
+
+export { config as c };
+
+//# sourceMappingURL=config.js.map

package/dist/components/config.js.map

@@ -0,0 +1 @@
+{"file":"config.js","mappings":"MAAa,MAAM,GAAG;EACpB,YAAY,EAAE,0BAAmB;EACjC,iBAAiB,EAAE,4BAAyB;EAC5C,wBAAwB,EAAE,4BAAiC;EAC3D,cAAc,EAAE,6BAAsB;EACtC,cAAc,EAAE,w3BAAsB;EACtC,wBAAwB,EAAE,4BAAiC;EAC3D,gBAAgB,EAAE,2BAAwB;EAC1C,eAAe,EAAE,0BAAuB;EACxC,gBAAgB,EAAE,2BAAwB;EAC1C,gBAAgB,EAAE,EAAwB;EAC1C,wBAAwB,EAAE,4BAAiC;;;;;","names":[],"sources":["config.ts"],"sourcesContent":["export const config = {\n  iframeOrigin: 'ENV_IFRAME_ORIGIN',\n  exampleBusinessId: 'ENV_EXAMPLE_BUSINESS_ID',\n  exampleBusinessAccountId: 'ENV_EXAMPLE_BUSINESS_ACCOUNT_ID',\n  proxyApiOrigin: 'ENV_PROXY_API_ORIGIN',\n  proxyAuthToken: 'ENV_PROXY_AUTH_TOKEN',\n  examplePaymentsAccountId: 'ENV_EXAMPLE_PAYMENTS_ACCOUNT_ID',\n  examplePaymentId: 'ENV_EXAMPLE_PAYMENT_ID',\n  examplePayoutId: 'ENV_EXAMPLE_PAYOUT_ID',\n  privateApiOrigin: 'ENV_PRIVATE_API_ORIGIN',\n  privateAuthToken: 'ENV_PRIVATE_AUTH_TOKEN',\n  examplePlatformAccountId: 'ENV_EXAMPLE_PLATFORM_ACCOUNT_ID'\n};\n"],"version":3}

package/dist/components/justifi-business-details.js

@@ -3,6 +3,7 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payout.js';
 import { L as LoadingState, E as ErrorState } from './utils.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$6 } from './additional-questions-details2.js';
 import { d as defineCustomElement$5 } from './generic-info-details2.js';
 import { d as defineCustomElement$4 } from './legal-address-details2.js';
@@ -39,7 +40,7 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
       this.setError('Missing business-id. The form will not be functional without it.');
       return;
     }
-    this.api = Api(this.authToken, "https://api.justifi.ai/v1");
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     await this.fetchBusiness(this.businessId);
   }
   async fetchBusiness(businessId) {

package/dist/components/justifi-business-details.js.map

@@ -1 +1 @@
-{"file":"justifi-business-details.js","mappings":";;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,6ipGAA6ipG;;ACKxkpG,IAAK,aAIJ;AAJD,WAAK,aAAa;EAChB,oCAAmB,CAAA;EACnB,gCAAe,CAAA;EACf,gCAAe,CAAA;AACjB,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;MAeY,eAAe;EAS1B;;;;;;;uBALsC,aAAa,CAAC,OAAO;wBAC3B,mBAAmB;IAKjD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC1C;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,QAAQ,CACX,iEAAiE,CAClE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,IAAI,CAAC,QAAQ,CACX,kEAAkE,CACnE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,2BAA+B,CAAC,CAAC;IAChE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GAC3C;EAED,MAAM,aAAa,CAAC,UAAU;IAC5B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC;IACzC,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC;MACvE,IAAI,QAAQ,CAAC,KAAK,EAAE;QAClB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO;OACR;MACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;MAC9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;KACxC;IAAC,OAAO,KAAK,EAAE;MACd,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtB;GACF;EAED,QAAQ,CAAC,KAAa;IACpB,IAAI,CAAC,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC;IAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;GACxC;EAED,MAAM;;IACJ,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,OAAO,EAAE;MAC9C,OAAO,YAAY,CAAC;KACrB;IAED,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,KAAK,EAAE;MAC5C,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACtC;IAED,QACE,EAAC,IAAI,QACH,4BAAsB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjD,6BAAuB,YAAY,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,aAAa,GAAI,EACrE,8BACE,cAAc,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc,GAC7C,EACF,qBAAe,MAAM,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,GAAI,EAChD,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/business-details/business-details.scss?tag=justifi-business-details&encapsulation=shadow","src/components/business-details/business-details.tsx"],"sourcesContent":["@import 'reboot';\n@import 'bootstrap-utilities';\n@import 'type';\n@import 'spinners';\n\n:host {\n  @include host-base-styles;\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { IBusiness } from '../../api/Business';\nimport { Api } from '../../api';\nimport { ErrorState, LoadingState } from '../details/utils'; // Make sure to adjust the path if necessary\n\nenum RENDER_STATES {\n  LOADING = 'loading',\n  READY = 'ready',\n  ERROR = 'error',\n}\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'justifi-business-details',\n  styleUrl: 'business-details.scss',\n  shadow: true,\n})\nexport class BusinessDetails {\n  @Prop() businessId: string;\n  @Prop() authToken: string;\n  @State() business: IBusiness;\n  @State() renderState: RENDER_STATES = RENDER_STATES.LOADING;\n  @State() errorMessage: string = 'An error ocurred.';\n\n  private api: any;\n\n  constructor() {\n    this.fetchBusiness = this.fetchBusiness.bind(this);\n    this.setError = this.setError.bind(this);\n  }\n\n  async componentWillLoad() {\n    if (!this.authToken) {\n      this.setError(\n        'Missing auth-token. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    if (!this.businessId) {\n      this.setError(\n        'Missing business-id. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n    await this.fetchBusiness(this.businessId);\n  }\n\n  async fetchBusiness(businessId) {\n    this.renderState = RENDER_STATES.LOADING;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      if (response.error) {\n        this.setError(response.error.message);\n        return;\n      }\n      this.business = response.data;\n      this.renderState = RENDER_STATES.READY;\n    } catch (error) {\n      this.setError(error);\n    }\n  }\n\n  setError(error: string) {\n    this.errorMessage = error || this.errorMessage;\n    this.renderState = RENDER_STATES.ERROR;\n  }\n\n  render() {\n    if (this.renderState === RENDER_STATES.LOADING) {\n      return LoadingState;\n    }\n\n    if (this.renderState === RENDER_STATES.ERROR) {\n      return ErrorState(this.errorMessage);\n    }\n\n    return (\n      <Host>\n        <generic-info-details business={this.business} />\n        <legal-address-details legalAddress={this.business?.legal_address} />\n        <representative-details\n          representative={this.business?.representative}\n        />\n        <owner-details owners={this.business?.owners} />\n        <additional-questions-details business={this.business} />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"justifi-business-details.js","mappings":";;;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,6ipGAA6ipG;;ACOxkpG,IAAK,aAIJ;AAJD,WAAK,aAAa;EAChB,oCAAmB,CAAA;EACnB,gCAAe,CAAA;EACf,gCAAe,CAAA;AACjB,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;MAeY,eAAe;EAS1B;;;;;;;uBALsC,aAAa,CAAC,OAAO;wBAC3B,mBAAmB;IAKjD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC1C;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,QAAQ,CACX,iEAAiE,CAClE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,IAAI,CAAC,QAAQ,CACX,kEAAkE,CACnE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GAC3C;EAED,MAAM,aAAa,CAAC,UAAU;IAC5B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC;IACzC,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC;MACvE,IAAI,QAAQ,CAAC,KAAK,EAAE;QAClB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO;OACR;MACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;MAC9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;KACxC;IAAC,OAAO,KAAK,EAAE;MACd,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtB;GACF;EAED,QAAQ,CAAC,KAAa;IACpB,IAAI,CAAC,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC;IAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;GACxC;EAED,MAAM;;IACJ,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,OAAO,EAAE;MAC9C,OAAO,YAAY,CAAC;KACrB;IAED,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,KAAK,EAAE;MAC5C,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACtC;IAED,QACE,EAAC,IAAI,QACH,4BAAsB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjD,6BAAuB,YAAY,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,aAAa,GAAI,EACrE,8BACE,cAAc,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc,GAC7C,EACF,qBAAe,MAAM,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,GAAI,EAChD,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/business-details/business-details.scss?tag=justifi-business-details&encapsulation=shadow","src/components/business-details/business-details.tsx"],"sourcesContent":["@import 'reboot';\n@import 'bootstrap-utilities';\n@import 'type';\n@import 'spinners';\n\n:host {\n  @include host-base-styles;\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { IBusiness } from '../../api/Business';\nimport { Api } from '../../api';\nimport { ErrorState, LoadingState } from '../details/utils'; // Make sure to adjust the path if necessary\nimport { config } from '../../../config';\n\n\nenum RENDER_STATES {\n  LOADING = 'loading',\n  READY = 'ready',\n  ERROR = 'error',\n}\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'justifi-business-details',\n  styleUrl: 'business-details.scss',\n  shadow: true,\n})\nexport class BusinessDetails {\n  @Prop() businessId: string;\n  @Prop() authToken: string;\n  @State() business: IBusiness;\n  @State() renderState: RENDER_STATES = RENDER_STATES.LOADING;\n  @State() errorMessage: string = 'An error ocurred.';\n\n  private api: any;\n\n  constructor() {\n    this.fetchBusiness = this.fetchBusiness.bind(this);\n    this.setError = this.setError.bind(this);\n  }\n\n  async componentWillLoad() {\n    if (!this.authToken) {\n      this.setError(\n        'Missing auth-token. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    if (!this.businessId) {\n      this.setError(\n        'Missing business-id. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n    await this.fetchBusiness(this.businessId);\n  }\n\n  async fetchBusiness(businessId) {\n    this.renderState = RENDER_STATES.LOADING;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      if (response.error) {\n        this.setError(response.error.message);\n        return;\n      }\n      this.business = response.data;\n      this.renderState = RENDER_STATES.READY;\n    } catch (error) {\n      this.setError(error);\n    }\n  }\n\n  setError(error: string) {\n    this.errorMessage = error || this.errorMessage;\n    this.renderState = RENDER_STATES.ERROR;\n  }\n\n  render() {\n    if (this.renderState === RENDER_STATES.LOADING) {\n      return LoadingState;\n    }\n\n    if (this.renderState === RENDER_STATES.ERROR) {\n      return ErrorState(this.errorMessage);\n    }\n\n    return (\n      <Host>\n        <generic-info-details business={this.business} />\n        <legal-address-details legalAddress={this.business?.legal_address} />\n        <representative-details\n          representative={this.business?.representative}\n        />\n        <owner-details owners={this.business?.owners} />\n        <additional-questions-details business={this.business} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/justifi-business-form-stepped.js

@@ -5,6 +5,7 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payout.js';
 import { p as parseForPatching } from './helpers.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$d } from './form-control-datepart2.js';
 import { d as defineCustomElement$c } from './form-control-monetary2.js';
 import { d as defineCustomElement$b } from './form-control-number2.js';
@@ -45,7 +46,7 @@ const BusinessFormStepped = /*@__PURE__*/ proxyCustomElement(class BusinessFormS
       console.warn('Warning: Missing auth-token. The form will not be functional without it.');
     }
     this.formController = new FormController(businessFormSchema);
-    this.api = Api(this.authToken, "https://api.justifi.ai/v1");
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     this.totalSteps = Object.keys(componentStepMapping).length - 1;
     if (this.businessId) {
       this.fetchData(this.businessId);

package/dist/components/justifi-business-form-stepped.js.map

@@ -1 +1 @@
-{"file":"justifi-business-form-stepped.js","mappings":"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","names":[],"sources":["src/components/business-form/business-form-stepped.scss?tag=justifi-business-form-stepped","src/components/business-form/business-form-stepped.tsx"],"sourcesContent":["@import 'reboot';\n@import 'alert';\n@import 'grid';\n@import 'buttons';\n@import 'progress';\n@import 'bootstrap-utilities';\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}","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\n\n\nconst componentStepMapping = {\n  0: (formController) => <justifi-business-generic-info formController={formController} />,\n  1: (formController) => <justifi-legal-address-form formController={formController} />,\n  2: (formController) => <justifi-additional-questions formController={formController} />,\n  3: (formController) => <justifi-business-representative formController={formController} />,\n  4: (formController) => <justifi-business-owners formController={formController} />\n};\n\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-business-form-stepped',\n  styleUrl: 'business-form-stepped.scss',\n})\nexport class BusinessFormStepped {\n  @Prop() authToken: string;\n  @Prop() accountId: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n  @State() currentStep: number = 0;\n  @State() totalSteps: number = 4;\n  @State() serverError: string;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n    this.totalSteps = Object.keys(componentStepMapping).length - 1;\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  handleResponse(response, onSuccess) {\n    if (response.error) {\n      this.serverError = response.error.message;\n    } else {\n      this.serverError = '';\n      this.businessId = response.data.id;\n      this.formController.setInitialValues(response.data);\n      onSuccess();\n    }\n  }\n\n  private async sendData(onSuccess?: () => void) {\n    this.isLoading = true;\n\n    try {\n      const data = this.formController.values.getValue();\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  showPreviousStepButton() {\n    return this.currentStep > 0;\n  }\n\n  previousStepButtonOnClick() {\n    this.sendData(() => this.currentStep--);\n  }\n\n  showNextStepButton() {\n    return this.currentStep < this.totalSteps;\n  }\n\n  nextStepButtonOnClick() {\n    this.sendData(() => this.currentStep++);\n  }\n\n  showSubmitButton() {\n    return this.currentStep === this.totalSteps;\n  }\n\n  currentStepComponent() {\n    return componentStepMapping[this.currentStep](this.formController);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <h1>Business Information</h1>\n\n        {this.serverError && (\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {this.serverError}\n          </div>\n        )}\n\n        <form onSubmit={this.validateAndSubmit}>\n          <div class=\"my-4\">\n            {this.currentStepComponent()}\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center\">\n            <div class=\"d-flex align-items-center\">\n              Step {this.currentStep + 1} of {this.totalSteps + 1}\n            </div>\n            <div class=\"d-flex gap-2\">\n              {this.showPreviousStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-secondary\"\n                  onClick={() => this.previousStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Previous\n                </button>\n              )}\n              {this.showNextStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Next\n                </button>\n              )}\n              {this.showSubmitButton() && (\n                <button\n                  type=\"submit\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Submit\n                </button>\n              )}\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"justifi-business-form-stepped.js","mappings":"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","names":[],"sources":["src/components/business-form/business-form-stepped.scss?tag=justifi-business-form-stepped","src/components/business-form/business-form-stepped.tsx"],"sourcesContent":["@import 'reboot';\n@import 'alert';\n@import 'grid';\n@import 'buttons';\n@import 'progress';\n@import 'bootstrap-utilities';\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}","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\nimport { config } from '../../../config';\n\nconst componentStepMapping = {\n  0: (formController) => <justifi-business-generic-info formController={formController} />,\n  1: (formController) => <justifi-legal-address-form formController={formController} />,\n  2: (formController) => <justifi-additional-questions formController={formController} />,\n  3: (formController) => <justifi-business-representative formController={formController} />,\n  4: (formController) => <justifi-business-owners formController={formController} />\n};\n\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-business-form-stepped',\n  styleUrl: 'business-form-stepped.scss',\n})\nexport class BusinessFormStepped {\n  @Prop() authToken: string;\n  @Prop() accountId: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n  @State() currentStep: number = 0;\n  @State() totalSteps: number = 4;\n  @State() serverError: string;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n    this.totalSteps = Object.keys(componentStepMapping).length - 1;\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  handleResponse(response, onSuccess) {\n    if (response.error) {\n      this.serverError = response.error.message;\n    } else {\n      this.serverError = '';\n      this.businessId = response.data.id;\n      this.formController.setInitialValues(response.data);\n      onSuccess();\n    }\n  }\n\n  private async sendData(onSuccess?: () => void) {\n    this.isLoading = true;\n\n    try {\n      const data = this.formController.values.getValue();\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  showPreviousStepButton() {\n    return this.currentStep > 0;\n  }\n\n  previousStepButtonOnClick() {\n    this.sendData(() => this.currentStep--);\n  }\n\n  showNextStepButton() {\n    return this.currentStep < this.totalSteps;\n  }\n\n  nextStepButtonOnClick() {\n    this.sendData(() => this.currentStep++);\n  }\n\n  showSubmitButton() {\n    return this.currentStep === this.totalSteps;\n  }\n\n  currentStepComponent() {\n    return componentStepMapping[this.currentStep](this.formController);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <h1>Business Information</h1>\n\n        {this.serverError && (\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {this.serverError}\n          </div>\n        )}\n\n        <form onSubmit={this.validateAndSubmit}>\n          <div class=\"my-4\">\n            {this.currentStepComponent()}\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center\">\n            <div class=\"d-flex align-items-center\">\n              Step {this.currentStep + 1} of {this.totalSteps + 1}\n            </div>\n            <div class=\"d-flex gap-2\">\n              {this.showPreviousStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-secondary\"\n                  onClick={() => this.previousStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Previous\n                </button>\n              )}\n              {this.showNextStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Next\n                </button>\n              )}\n              {this.showSubmitButton() && (\n                <button\n                  type=\"submit\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Submit\n                </button>\n              )}\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -5,6 +5,7 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payout.js';
 import { p as parseForPatching } from './helpers.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$d } from './form-control-datepart2.js';
 import { d as defineCustomElement$c } from './form-control-monetary2.js';
 import { d as defineCustomElement$b } from './form-control-number2.js';
@@ -34,7 +35,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
       console.warn('Warning: Missing auth-token. The form will not be functional without it.');
     }
     this.formController = new FormController(businessFormSchema);
-    this.api = Api(this.authToken, "https://api.justifi.ai/v1");
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     if (this.businessId) {
       this.fetchData(this.businessId);
     }

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

@@ -1 +1 @@
-{"file":"justifi-business-form.js","mappings":"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","names":[],"sources":["src/components/business-form/business-form.scss?tag=justifi-business-form","src/components/business-form/business-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'bootstrap-utilities';\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}","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\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-business-form',\n  styleUrl: 'business-form.scss',\n})\nexport class BusinessForm {\n  @Prop() authToken: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  private async sendData() {\n    this.isLoading = true;\n    try {\n      const data = this.formController.values.getValue();\n\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n        );\n        console.log('Server response from PATCH:', response);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n        );\n        console.log('Server response from POST:', response);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <form onSubmit={event => this.validateAndSubmit(event)}>\n          <div class=\"row gap-3\">\n            <div class=\"col-12 mb-4\">\n              <h1>Business Information</h1>\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-generic-info formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-legal-address-form formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-additional-questions formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-representative formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-owners isEditing={!!this.businessId} formController={this.formController} />\n            </div>\n            <div class=\"col-12 d-flex flex-row-reverse\">\n              <button\n                type=\"submit\"\n                class=\"btn btn-primary jfi-submit-button\"\n                disabled={!this.authToken || this.isLoading}\n              >\n                {this.isLoading ? 'Loading...' : 'Submit'}\n              </button>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"justifi-business-form.js","mappings":"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","names":[],"sources":["src/components/business-form/business-form.scss?tag=justifi-business-form","src/components/business-form/business-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'bootstrap-utilities';\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}","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\nimport { config } from '../../../config';\n\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-business-form',\n  styleUrl: 'business-form.scss',\n})\nexport class BusinessForm {\n  @Prop() authToken: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  private async sendData() {\n    this.isLoading = true;\n    try {\n      const data = this.formController.values.getValue();\n\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n        );\n        console.log('Server response from PATCH:', response);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n        );\n        console.log('Server response from POST:', response);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <form onSubmit={event => this.validateAndSubmit(event)}>\n          <div class=\"row gap-3\">\n            <div class=\"col-12 mb-4\">\n              <h1>Business Information</h1>\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-generic-info formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-legal-address-form formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-additional-questions formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-representative formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-owners isEditing={!!this.businessId} formController={this.formController} />\n            </div>\n            <div class=\"col-12 d-flex flex-row-reverse\">\n              <button\n                type=\"submit\"\n                class=\"btn btn-primary jfi-submit-button\"\n                disabled={!this.authToken || this.isLoading}\n              >\n                {this.isLoading ? 'Loading...' : 'Submit'}\n              </button>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/justifi-business-list.js

@@ -3,6 +3,7 @@ import { A as Api } from './Api.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payout.js';
 import { s as snakeCaseToHumanReadable, a as formatDate } from './utils2.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$3 } from './table.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
@@ -99,7 +100,8 @@ const BusinessList = /*@__PURE__*/ proxyCustomElement(class BusinessList extends
     this.loading = true;
     const endpoint = `entities/business`;
     let accountIDParam = { account_id: this.accountId };
-    const response = await Api(this.authToken, "https://api.justifi.ai/v1").get(endpoint, Object.assign(Object.assign({}, accountIDParam), this.params));
+    const response = await Api(this.authToken, config.proxyApiOrigin)
+      .get(endpoint, Object.assign(Object.assign({}, accountIDParam), this.params));
     if (!response.error) {
       this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
       const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Business(dataItem));

package/dist/components/justifi-business-list.js.map

@@ -1 +1 @@
-{"file":"justifi-business-list.js","mappings":";;;;;;;;AAEA,IAAY,iBAcX;AAdD,WAAY,iBAAiB;EAC3B,gEAA2C,CAAA;EAC3C,8CAAyB,CAAA;EACzB,4CAAuB,CAAA;EACvB,gEAA2C,CAAA;EAC3C,gEAA2C,CAAA;EAC3C,8EAAyD,CAAA;EACzD,8DAAyC,CAAA;EACzC,8DAAyC,CAAA;EACzC,kDAA6B,CAAA;EAC7B,sDAAiC,CAAA;EACjC,wDAAmC,CAAA;EACnC,8EAAyD,CAAA;EACzD,oGAA+E,CAAA;AACjF,CAAC,EAdW,iBAAiB,KAAjB,iBAAiB,QAc5B;AAED,IAAY,YAKX;AALD,WAAY,YAAY;EACtB,yCAAyB,CAAA;EACzB,yCAAyB,CAAA;EACzB,yCAAyB,CAAA;EACzB,uDAAuC,CAAA;AACzC,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;MAwFY,QAAQ;EAuBnB,YAAY,QAAmB;IAC7B,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,kBAAkB,CAAC;IACtD,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC5C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC5C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;IACtC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;IACpC,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IACpD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC5B,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC;IACtB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAClC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC5C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;IACtC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAClC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC9B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC5B,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,mBAAmB,CAAC;IACxD,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC;IAC9C,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC9B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;IACtC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;IACxC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,kBAAkB,CAAC;GACvD;;;AC3JH,MAAM,eAAe,GAAG,+vbAA+vb;;MC2B1wb,YAAY;;;;;IAiCvB,4BAAuB,GAAG,CAAC,MAAe;MACxC,OAAO,CAAC,MAAM,IAAI,YAAY,KAAK,cAAc,CAAC;KACnD,CAAC;IAEF,wBAAmB,GAAG,CAAC,YAAoB;MACzC,MAAM,SAAS,qBAAa,IAAI,CAAC,MAAM,CAAE,CAAC;MAC1C,OAAO,SAAS,CAAC,YAAY,CAAC;MAC9B,IAAI,CAAC,MAAM,oCAAS,SAAS,KAAE,aAAa,EAAE,YAAY,IAAG,CAAC;KAC/D,CAAC;IAEF,oBAAe,GAAG,CAAC,WAAmB;MACpC,MAAM,SAAS,qBAAa,IAAI,CAAC,MAAM,CAAE,CAAC;MAC1C,OAAO,SAAS,CAAC,aAAa,CAAC;MAC/B,IAAI,CAAC,MAAM,oCAAS,SAAS,KAAE,YAAY,EAAE,WAAW,IAAG,CAAC;KAC7D,CAAC;;;sBA/BgC,EAAE;mBACR,IAAI;;kBAEF,cAAc;;;EAM5C,kBAAkB;IAChB,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAED,iBAAiB;IACf,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAkBD,MAAM,SAAS;;IACb,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACtC,IAAI,CAAC,YAAY;QACf,8DAA8D,CAAC;MACjE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,OAAO;KACR;IACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,MAAM,QAAQ,GAAG,mBAAmB,CAAC;IACrC,IAAI,cAAc,GAAG,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;IAEpD,MAAM,QAAQ,GAAuC,MAAM,GAAG,CAC5D,IAAI,CAAC,SAAS,EACd,2BAA+B,CAChC,CAAC,GAAG,CAAC,QAAQ,kCAAO,cAAc,GAAK,IAAI,CAAC,MAAM,EAAG,CAAC;IACvD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;MACnB,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,GACX,QAAQ,CAAC,SAAS,CACtB,CAAC;MAEF,MAAM,IAAI,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,GAAG,CAAC,QAAQ,IAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;MACrE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;SAAM;MACL,IAAI,CAAC,YAAY;QACf,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ;YAC9B,QAAQ,CAAC,KAAK;YACd,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;KAC9B;IAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACtB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,qBACE,UAAU,EAAE;QACV,CAAC,YAAY,EAAE,wCAAwC,CAAC;QACxD,CAAC,eAAe,EAAE,mBAAmB,CAAC;QACtC,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;QAChD,CAAC,QAAQ,EAAE,0CAA0C,CAAC;QACtD,CAAC,UAAU,EAAE,4CAA4C,CAAC;QAC1D;UACE,eAAe;UACf,qDAAqD;SACtD;QACD,CAAC,YAAY,EAAE,gCAAgC,CAAC;OACjD,EACD,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAmB,KAAK;QACpD,QAAQ,CAAC,UAAU;QACnB,wBAAwB,CAAC,QAAQ,CAAC,aAAa,CAAC;QAChD,wBAAwB,CAAC,QAAQ,CAAC,kBAAkB,CAAC;QACrD,QAAQ,CAAC,MAAM;QACf,QAAQ,CAAC,QAAQ;QACjB;UACE,IAAI,EAAE,OAAO;UACb,KAAK,EAAE;;2CAEsB,IAAI,CAAC,uBAAuB,CAC/C,QAAQ,CAAC,kBAAkB,CAAC,MAAM,CACnC;2CACoB,IAAI,CAAC,uBAAuB,CAC/C,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CACtC;2CACoB,IAAI,CAAC,uBAAuB,CAC/C,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CACpC;2CACoB,IAAI,CAAC,uBAAuB,CAC/C,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CACpC;;mBAEJ;SACN;QACD,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC;OAChC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,OAAO,mBACN,IAAI,CAAC,YAAY,EAChC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,kCACD,IAAI,CAAC,MAAM,KACd,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,MAE/C,CACG,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/api/Business.ts","src/components/business-list/business-list.scss?tag=justifi-business-list&encapsulation=shadow","src/components/business-list/business-list.tsx"],"sourcesContent":["import { BankAccount } from './shared';\n\nexport enum BusinessStructure {\n  sole_proprietorship = 'sole_proprietorship',\n  single_llc = 'single_llc',\n  multi_llc = 'multi_llc',\n  private_partnership = 'private_partnership',\n  private_corporation = 'private_corporation',\n  unincorporated_association = 'unincorporated_association',\n  public_partnership = 'public_partnership',\n  public_corporation = 'public_corporation',\n  incorporated = 'incorporated',\n  unincorporated = 'unincorporated',\n  government_unit = 'government_unit',\n  government_instrumentality = 'government_instrumentality',\n  tax_exempt_government_instrumentality = 'tax_exempt_government_instrumentality',\n}\n\nexport enum BusinessType {\n  individual = 'individual',\n  for_profit = 'for_profit',\n  non_profit = 'non_profit',\n  government_entity = 'government_entity',\n}\n\nexport interface Address {\n  id: string;\n  platform_account_id: string;\n  line1: string;\n  line2: string;\n  postal_code: string;\n  city: string;\n  state: string;\n  country: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface Document {\n  business_id: string;\n  created_at: string;\n  description: string | null;\n  document_type: string;\n  file_name: string;\n  file_type: string;\n  id: string;\n  identity_id: string;\n  metadata: any;\n  platform_account_id: string;\n  presigned_url: string | null;\n  status: string;\n  updated_at: string;\n}\n\nexport interface Identity {\n  address: Address;\n  created_at: string;\n  dob_day: string;\n  dob_month: string;\n  dob_year: string;\n  documents: Document[];\n  email: string;\n  id: string;\n  is_owner: boolean;\n  metadata: any;\n  name: string;\n  phone: string;\n  platform_account_id: string;\n  ssn_last4: string;\n  title: string;\n  updated_at: string;\n}\n\nexport interface ProductCategories {\n  credit: boolean;\n  insurance: boolean;\n  lending: boolean;\n  payment: boolean;\n}\n\nexport interface AdditionalQuestions {\n  business_revenue: string;\n  business_payment_volume: string;\n  business_dispute_volume: string;\n  business_receivable_volume: string;\n}\n\nexport interface IBusiness {\n  business_structure: BusinessStructure;\n  business_type: BusinessType;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: Address;\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  representative: Identity | null;\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n  product_categories: ProductCategories;\n  additional_questions: AdditionalQuestions;\n}\n\nexport class Business implements IBusiness {\n  public business_structure: BusinessStructure;\n  public business_type: BusinessType;\n  public bank_accounts: BankAccount[];\n  public created_at: string;\n  public documents: Document[];\n  public doing_business_as: string;\n  public email: string;\n  public id: string;\n  public industry: string;\n  public legal_address: Address;\n  public legal_name: string;\n  public metadata: any;\n  public owners: Identity[];\n  public phone: string;\n  public platform_account_id: string;\n  public representative: Identity | null;\n  public tax_id: string;\n  public updated_at: string;\n  public website_url: string;\n  public product_categories: ProductCategories;\n  public additional_questions: AdditionalQuestions;\n\n  constructor(business: IBusiness) {\n    this.business_structure = business.business_structure;\n    this.business_type = business.business_type;\n    this.bank_accounts = business.bank_accounts;\n    this.created_at = business.created_at;\n    this.documents = business.documents;\n    this.doing_business_as = business.doing_business_as;\n    this.email = business.email;\n    this.id = business.id;\n    this.industry = business.industry;\n    this.legal_address = business.legal_address;\n    this.legal_name = business.legal_name;\n    this.metadata = business.metadata;\n    this.owners = business.owners;\n    this.phone = business.phone;\n    this.platform_account_id = business.platform_account_id;\n    this.representative = business.representative;\n    this.tax_id = business.tax_id;\n    this.updated_at = business.updated_at;\n    this.website_url = business.website_url;\n    this.product_categories = business.product_categories;\n  }\n}\n\nexport interface IProductReadiness {\n  business_id: string;\n  created_at: string;\n  id: string;\n  last_verified_at: string;\n  missing_optional_fields: string[];\n  missing_required_fields: string[];\n  percentage_complete: number;\n  percentage_ready: number;\n  platform_account_id: string;\n  product_category: string;\n  product_name: string;\n  required_ready: boolean;\n  updated_at: string;\n}\n",":host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { Business, IBusiness } from '../../api/Business';\nimport { formatDate, snakeCaseToHumanReadable } from '../../utils/utils';\n\n/**\n * @exportedPart table-head: Table head\n * @exportedPart table-head-row: Head row\n * @exportedPart table-head-cell: Individual head cell\n * @exportedPart table-body: Body of the table\n * @exportedPart table-row: Row of the table\n * @exportedPart table-cell: Individual cell of the table\n * @exportedPart loading-state-cell: Row for loading state\n * @exportedPart loading-state-spinner: Spinner element for loading state\n * @exportedPart error-state: Row for Error state\n * @exportedPart empty-state: Row for Emtpy state\n * @exportedPart pagination-bar: Pagination bar\n * @exportedPart arrow: Both paging buttons\n * @exportedPart arrow-left: Previous page button\n * @exportedPart arrow-right: Next page button\n * @exportedPart arrow-disabled: Disabled state for paging buttons\n */\n@Component({\n  tag: 'justifi-business-list',\n  styleUrl: 'business-list.scss',\n  shadow: true,\n})\nexport class BusinessList {\n  /**\n   * The Account ID to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   * @memberof PaymentsList\n   */\n  @Prop() accountId: string;\n  /**\n   * The Auth Token to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   */\n  @Prop() authToken: string;\n  @State() businesses: Business[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapProductStatusToBadge = (status: boolean) => {\n    return (status && 'bg-success') || 'bg-secondary';\n  };\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  }; \n\n  async fetchData(): Promise<void> {\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage =\n        'Can not fetch any data without an AccountID and an AuthToken';\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const endpoint = `entities/business`;\n    let accountIDParam = { account_id: this.accountId };\n\n    const response: IApiResponseCollection<Business[]> = await Api(\n      this.authToken,\n      process.env.ENTITIES_API_ORIGIN,\n    ).get(endpoint, { ...accountIDParam, ...this.params });\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info,\n      };\n\n      const data = response?.data?.map(dataItem => new Business(dataItem));\n      this.businesses = data;\n    } else {\n      this.errorMessage =\n        typeof response.error === 'string'\n          ? response.error\n          : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          columnData={[\n            ['Legal Name', 'The name associated with this Business'],\n            ['Business Type', 'The business type'],\n            ['Business Structure', 'The business structure'],\n            ['Tax ID', 'The tax ID associated with this business'],\n            ['Industry', 'The industry this business participates in'],\n            [\n              'Product Ready',\n              'List of our products that are used by this business',\n            ],\n            ['Created at', 'Date this business was created'],\n          ]}\n          rowData={this.businesses.map((business: IBusiness) => [\n            business.legal_name,\n            snakeCaseToHumanReadable(business.business_type),\n            snakeCaseToHumanReadable(business.business_structure),\n            business.tax_id,\n            business.industry,\n            {\n              type: 'inner',\n              value: `\n                    <div class=\"d-flex flex-nowrap gap-1\">\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                        business.product_categories.credit,\n                      )}\">Credit</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                        business.product_categories.insurance,\n                      )}\">Insurance</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                        business.product_categories.lending,\n                      )}\">Lending</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                        business.product_categories.payment,\n                      )}\">Payment</span>\n                    </div>\n                  `,\n            },\n            formatDate(business.created_at),\n          ])}\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"justifi-business-list.js","mappings":"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","names":[],"sources":["src/api/Business.ts","src/components/business-list/business-list.scss?tag=justifi-business-list&encapsulation=shadow","src/components/business-list/business-list.tsx"],"sourcesContent":["import { BankAccount } from './shared';\n\nexport enum BusinessStructure {\n  sole_proprietorship = 'sole_proprietorship',\n  single_llc = 'single_llc',\n  multi_llc = 'multi_llc',\n  private_partnership = 'private_partnership',\n  private_corporation = 'private_corporation',\n  unincorporated_association = 'unincorporated_association',\n  public_partnership = 'public_partnership',\n  public_corporation = 'public_corporation',\n  incorporated = 'incorporated',\n  unincorporated = 'unincorporated',\n  government_unit = 'government_unit',\n  government_instrumentality = 'government_instrumentality',\n  tax_exempt_government_instrumentality = 'tax_exempt_government_instrumentality',\n}\n\nexport enum BusinessType {\n  individual = 'individual',\n  for_profit = 'for_profit',\n  non_profit = 'non_profit',\n  government_entity = 'government_entity',\n}\n\nexport interface Address {\n  id: string;\n  platform_account_id: string;\n  line1: string;\n  line2: string;\n  postal_code: string;\n  city: string;\n  state: string;\n  country: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface Document {\n  business_id: string;\n  created_at: string;\n  description: string | null;\n  document_type: string;\n  file_name: string;\n  file_type: string;\n  id: string;\n  identity_id: string;\n  metadata: any;\n  platform_account_id: string;\n  presigned_url: string | null;\n  status: string;\n  updated_at: string;\n}\n\nexport interface Identity {\n  address: Address;\n  created_at: string;\n  dob_day: string;\n  dob_month: string;\n  dob_year: string;\n  documents: Document[];\n  email: string;\n  id: string;\n  is_owner: boolean;\n  metadata: any;\n  name: string;\n  phone: string;\n  platform_account_id: string;\n  ssn_last4: string;\n  title: string;\n  updated_at: string;\n}\n\nexport interface ProductCategories {\n  credit: boolean;\n  insurance: boolean;\n  lending: boolean;\n  payment: boolean;\n}\n\nexport interface AdditionalQuestions {\n  business_revenue: string;\n  business_payment_volume: string;\n  business_dispute_volume: string;\n  business_receivable_volume: string;\n}\n\nexport interface IBusiness {\n  business_structure: BusinessStructure;\n  business_type: BusinessType;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: Address;\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  representative: Identity | null;\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n  product_categories: ProductCategories;\n  additional_questions: AdditionalQuestions;\n}\n\nexport class Business implements IBusiness {\n  public business_structure: BusinessStructure;\n  public business_type: BusinessType;\n  public bank_accounts: BankAccount[];\n  public created_at: string;\n  public documents: Document[];\n  public doing_business_as: string;\n  public email: string;\n  public id: string;\n  public industry: string;\n  public legal_address: Address;\n  public legal_name: string;\n  public metadata: any;\n  public owners: Identity[];\n  public phone: string;\n  public platform_account_id: string;\n  public representative: Identity | null;\n  public tax_id: string;\n  public updated_at: string;\n  public website_url: string;\n  public product_categories: ProductCategories;\n  public additional_questions: AdditionalQuestions;\n\n  constructor(business: IBusiness) {\n    this.business_structure = business.business_structure;\n    this.business_type = business.business_type;\n    this.bank_accounts = business.bank_accounts;\n    this.created_at = business.created_at;\n    this.documents = business.documents;\n    this.doing_business_as = business.doing_business_as;\n    this.email = business.email;\n    this.id = business.id;\n    this.industry = business.industry;\n    this.legal_address = business.legal_address;\n    this.legal_name = business.legal_name;\n    this.metadata = business.metadata;\n    this.owners = business.owners;\n    this.phone = business.phone;\n    this.platform_account_id = business.platform_account_id;\n    this.representative = business.representative;\n    this.tax_id = business.tax_id;\n    this.updated_at = business.updated_at;\n    this.website_url = business.website_url;\n    this.product_categories = business.product_categories;\n  }\n}\n\nexport interface IProductReadiness {\n  business_id: string;\n  created_at: string;\n  id: string;\n  last_verified_at: string;\n  missing_optional_fields: string[];\n  missing_required_fields: string[];\n  percentage_complete: number;\n  percentage_ready: number;\n  platform_account_id: string;\n  product_category: string;\n  product_name: string;\n  required_ready: boolean;\n  updated_at: string;\n}\n",":host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { Business, IBusiness } from '../../api/Business';\nimport { formatDate, snakeCaseToHumanReadable } from '../../utils/utils';\nimport { config } from '../../../config';\n\n\n/**\n * @exportedPart table-head: Table head\n * @exportedPart table-head-row: Head row\n * @exportedPart table-head-cell: Individual head cell\n * @exportedPart table-body: Body of the table\n * @exportedPart table-row: Row of the table\n * @exportedPart table-cell: Individual cell of the table\n * @exportedPart loading-state-cell: Row for loading state\n * @exportedPart loading-state-spinner: Spinner element for loading state\n * @exportedPart error-state: Row for Error state\n * @exportedPart empty-state: Row for Emtpy state\n * @exportedPart pagination-bar: Pagination bar\n * @exportedPart arrow: Both paging buttons\n * @exportedPart arrow-left: Previous page button\n * @exportedPart arrow-right: Next page button\n * @exportedPart arrow-disabled: Disabled state for paging buttons\n */\n@Component({\n  tag: 'justifi-business-list',\n  styleUrl: 'business-list.scss',\n  shadow: true,\n})\nexport class BusinessList {\n  /**\n   * The Account ID to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   * @memberof PaymentsList\n   */\n  @Prop() accountId: string;\n  /**\n   * The Auth Token to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   */\n  @Prop() authToken: string;\n  @State() businesses: Business[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapProductStatusToBadge = (status: boolean) => {\n    return (status && 'bg-success') || 'bg-secondary';\n  };\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  };\n\n  async fetchData(): Promise<void> {\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage =\n        'Can not fetch any data without an AccountID and an AuthToken';\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const endpoint = `entities/business`;\n    let accountIDParam = { account_id: this.accountId };\n\n    const response: IApiResponseCollection<Business[]> = await Api(this.authToken, config.proxyApiOrigin,)\n      .get(endpoint, { ...accountIDParam, ...this.params });\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info,\n      };\n\n      const data = response?.data?.map(dataItem => new Business(dataItem));\n      this.businesses = data;\n    } else {\n      this.errorMessage =\n        typeof response.error === 'string'\n          ? response.error\n          : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          columnData={[\n            ['Legal Name', 'The name associated with this Business'],\n            ['Business Type', 'The business type'],\n            ['Business Structure', 'The business structure'],\n            ['Tax ID', 'The tax ID associated with this business'],\n            ['Industry', 'The industry this business participates in'],\n            [\n              'Product Ready',\n              'List of our products that are used by this business',\n            ],\n            ['Created at', 'Date this business was created'],\n          ]}\n          rowData={this.businesses.map((business: IBusiness) => [\n            business.legal_name,\n            snakeCaseToHumanReadable(business.business_type),\n            snakeCaseToHumanReadable(business.business_structure),\n            business.tax_id,\n            business.industry,\n            {\n              type: 'inner',\n              value: `\n                    <div class=\"d-flex flex-nowrap gap-1\">\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.credit,\n              )}\">Credit</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.insurance,\n              )}\">Insurance</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.lending,\n              )}\">Lending</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.payment,\n              )}\">Payment</span>\n                    </div>\n                  `,\n            },\n            formatDate(business.created_at),\n          ])}\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/justifi-gross-payment-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiGrossPaymentChart extends Components.JustifiGrossPaymentChart, HTMLElement {}
+export const JustifiGrossPaymentChart: {
+  prototype: JustifiGrossPaymentChart;
+  new (): JustifiGrossPaymentChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;