@justifi/webcomponents 6.10.0 → 6.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/dist/cjs/bank-account-document-form-inputs_9.cjs.entry.js +1 -1
  2. package/dist/cjs/{check-pkg-version-DjlvidPw.js → check-pkg-version-axrC8Ato.js} +18 -1
  3. package/dist/cjs/form-control-number-masked_3.cjs.entry.js +1 -1
  4. package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
  5. package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js +2 -2
  6. package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js +20 -3
  7. package/dist/cjs/justifi-apple-pay_8.cjs.entry.js +2 -2
  8. package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
  9. package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
  10. package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
  11. package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
  12. package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
  13. package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
  14. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
  15. package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
  16. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js +20 -0
  18. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  19. package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
  20. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  21. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  22. package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
  23. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  24. package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
  25. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
  26. package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
  27. package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/cjs/{package-C5inXJfW.js → package-CAxc3X25.js} +1 -1
  30. package/dist/cjs/webcomponents.cjs.js +1 -1
  31. package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js +16 -4
  32. package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +1 -1
  33. package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js +6 -0
  34. package/dist/collection/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.js +1 -1
  35. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-already-provisioned.js +6 -0
  36. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js +15 -0
  37. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-submission-complete.js +6 -0
  38. package/dist/collection/components/business-forms/payment-provisioning/plaid-verification/plaid-verification.js +2 -2
  39. package/dist/collection/utils/check-pkg-version.js +17 -0
  40. package/dist/docs.json +6 -73
  41. package/dist/esm/bank-account-document-form-inputs_9.entry.js +2 -2
  42. package/dist/esm/{check-pkg-version-wgHSN5sV.js → check-pkg-version-BVLXSZXz.js} +18 -1
  43. package/dist/esm/form-control-number-masked_3.entry.js +1 -1
  44. package/dist/esm/hidden-input_2.entry.js +1 -1
  45. package/dist/esm/internal-tokenize-payment-method_7.entry.js +2 -2
  46. package/dist/esm/justifi-additional-questions-form-step_9.entry.js +21 -4
  47. package/dist/esm/justifi-apple-pay_8.entry.js +2 -2
  48. package/dist/esm/justifi-business-details.entry.js +2 -2
  49. package/dist/esm/justifi-business-form.entry.js +2 -2
  50. package/dist/esm/justifi-checkout.entry.js +2 -2
  51. package/dist/esm/justifi-checkouts-list.entry.js +2 -2
  52. package/dist/esm/justifi-dispute-management.entry.js +2 -2
  53. package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
  54. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  55. package/dist/esm/justifi-order-terminals.entry.js +2 -2
  56. package/dist/esm/justifi-payment-details.entry.js +2 -2
  57. package/dist/esm/justifi-payment-provisioning-core.entry.js +21 -1
  58. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  59. package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
  60. package/dist/esm/justifi-payments-list.entry.js +2 -2
  61. package/dist/esm/justifi-payout-details.entry.js +2 -2
  62. package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
  63. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  64. package/dist/esm/justifi-refund-payment.entry.js +2 -2
  65. package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
  66. package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
  67. package/dist/esm/justifi-terminals-list.entry.js +2 -2
  68. package/dist/esm/loader.js +1 -1
  69. package/dist/esm/{package-D4eE0MBI.js → package-Bjv3eJBk.js} +1 -1
  70. package/dist/esm/webcomponents.js +1 -1
  71. package/dist/module/Analytics.js +17 -0
  72. package/dist/module/business-bank-account-form-step.js +15 -3
  73. package/dist/module/business-core-info-form-step.js +2 -2
  74. package/dist/module/business-core-info.js +1 -1
  75. package/dist/module/business-owners-form-step.js +7 -1
  76. package/dist/module/business-representative-form-inputs.js +1 -1
  77. package/dist/module/business-representative.js +1 -1
  78. package/dist/module/button.js +1 -1
  79. package/dist/module/dispute-notification.js +1 -1
  80. package/dist/module/dispute-response-core.js +1 -1
  81. package/dist/module/form-address-fields.js +1 -1
  82. package/dist/module/justifi-order-terminals.js +1 -1
  83. package/dist/module/owner-form-inputs2.js +1 -1
  84. package/dist/module/package.js +1 -1
  85. package/dist/module/parts.js +1 -1
  86. package/dist/module/payment-provisioning-core.js +22 -1
  87. package/dist/module/plaid-verification2.js +2 -2
  88. package/dist/module/terminal-quantity-selector2.js +1 -1
  89. package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts +3 -0
  90. package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-already-provisioned.d.ts +1 -0
  91. package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-core.d.ts +1 -0
  92. package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-submission-complete.d.ts +1 -0
  93. package/dist/types/ui-components/button.d.ts +1 -1
  94. package/dist/webcomponents/{p-df61f19b.entry.js → p-0588173b.entry.js} +1 -1
  95. package/dist/webcomponents/{p-2bbd810a.entry.js → p-1a4d5f16.entry.js} +1 -1
  96. package/dist/webcomponents/{p-ed4f8027.entry.js → p-21620dd2.entry.js} +1 -1
  97. package/dist/webcomponents/p-21b5240d.entry.js +1 -0
  98. package/dist/webcomponents/{p-2b679e5a.entry.js → p-282134de.entry.js} +1 -1
  99. package/dist/webcomponents/p-35d1be0f.entry.js +1 -0
  100. package/dist/webcomponents/{p-423b63ad.entry.js → p-479e4baf.entry.js} +1 -1
  101. package/dist/webcomponents/{p-d62da4f2.entry.js → p-4d6031dd.entry.js} +1 -1
  102. package/dist/webcomponents/{p-d766763a.entry.js → p-4ebaafe3.entry.js} +1 -1
  103. package/dist/webcomponents/{p-8728065b.entry.js → p-4fc5ffda.entry.js} +1 -1
  104. package/dist/webcomponents/{p-979d22d0.entry.js → p-643f1616.entry.js} +1 -1
  105. package/dist/webcomponents/{p-38c1e9fa.entry.js → p-6486555d.entry.js} +1 -1
  106. package/dist/webcomponents/{p-d0813f21.entry.js → p-7318981d.entry.js} +1 -1
  107. package/dist/webcomponents/{p-3971d6b7.entry.js → p-7d122d5b.entry.js} +1 -1
  108. package/dist/webcomponents/p-7dc5995e.entry.js +1 -0
  109. package/dist/webcomponents/{p-d9118b1e.entry.js → p-7e3030c2.entry.js} +1 -1
  110. package/dist/webcomponents/{p-5d753fd4.entry.js → p-8dc8ad9a.entry.js} +1 -1
  111. package/dist/webcomponents/p-Bjv3eJBk.js +1 -0
  112. package/dist/webcomponents/{p-CbTf_N6u.js → p-BqpQa748.js} +1 -1
  113. package/dist/webcomponents/{p-b4b540fa.entry.js → p-b61080bd.entry.js} +1 -1
  114. package/dist/webcomponents/p-cb9abd2c.entry.js +1 -0
  115. package/dist/webcomponents/{p-eb1251bf.entry.js → p-ccb0a84a.entry.js} +1 -1
  116. package/dist/webcomponents/{p-e2bc6c68.entry.js → p-d36725a3.entry.js} +1 -1
  117. package/dist/webcomponents/{p-7769de83.entry.js → p-d7bd9d76.entry.js} +1 -1
  118. package/dist/webcomponents/{p-0e21749b.entry.js → p-e8f9b081.entry.js} +1 -1
  119. package/dist/webcomponents/{p-2438363d.entry.js → p-ec933218.entry.js} +1 -1
  120. package/dist/webcomponents/{p-300002dd.entry.js → p-eeee370f.entry.js} +1 -1
  121. package/dist/webcomponents/{p-f18e90b1.entry.js → p-f1b99b0d.entry.js} +1 -1
  122. package/dist/webcomponents/webcomponents.esm.js +1 -1
  123. package/package.json +3 -2
  124. package/dist/webcomponents/p-12665340.entry.js +0 -1
  125. package/dist/webcomponents/p-5cee4e33.entry.js +0 -1
  126. package/dist/webcomponents/p-D4eE0MBI.js +0 -1
  127. package/dist/webcomponents/p-afa2ebd9.entry.js +0 -1
  128. package/dist/webcomponents/p-c725dc53.entry.js +0 -1
@@ -516,7 +516,7 @@ const PlaidVerification = class {
516
516
  marginLeft: '5px',
517
517
  marginTop: '-2px',
518
518
  } }));
519
- return (index.h(styledHost.StyledHost, null, index.h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", null, index.h("div", { class: "mb-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: parts.buttonSecondary }, "Link Bank Account with ", plaidLogo)), renderErrorState(), renderStatusState())));
519
+ return (index.h(styledHost.StyledHost, null, index.h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", null, index.h("div", { class: "mb-3" }, index.h(button.Button, { variant: "primary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: parts.buttonPrimary }, "Connect with Plaid ", plaidLogo, " (instant verification)")), renderErrorState(), renderStatusState())));
520
520
  }
521
521
  };
522
522
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _package = require('./package-C5inXJfW.js');
3
+ var _package = require('./package-CAxc3X25.js');
4
4
  var Api = require('./Api-Bukk55YZ.js');
5
5
  require('./ComponentError-D4OLnOkg.js');
6
6
  require('./Plaid-B_UkFjIV.js');
@@ -91,6 +91,22 @@ class JustifiAnalytics {
91
91
  }
92
92
  }
93
93
 
94
+ const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
95
+ const detectDuplicateVersion = () => {
96
+ if (typeof globalThis === 'undefined')
97
+ return;
98
+ const currentVersion = _package.packageJson.version;
99
+ const existingVersion = globalThis[JUSTIFI_VERSION_KEY];
100
+ if (existingVersion && existingVersion !== currentVersion) {
101
+ console.error(`@justifi/webcomponents: Multiple versions detected. ` +
102
+ `Version ${existingVersion} was loaded first and registered all components. ` +
103
+ `Version ${currentVersion} is also present but its components will NOT be used. ` +
104
+ `To fix this, add to your package.json:\n` +
105
+ `"pnpm": { "overrides": { "@justifi/webcomponents": "${currentVersion}" } }`);
106
+ return;
107
+ }
108
+ globalThis[JUSTIFI_VERSION_KEY] = currentVersion;
109
+ };
94
110
  const latestVersion = async (packageName) => {
95
111
  const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
96
112
  const json = await response.json();
@@ -98,6 +114,7 @@ const latestVersion = async (packageName) => {
98
114
  };
99
115
  const checkPkgVersion = async () => {
100
116
  var _a, _b;
117
+ detectDuplicateVersion();
101
118
  // Skip version check in test environments to avoid async logs after tests complete
102
119
  if (typeof process !== 'undefined' &&
103
120
  (((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test' || ((_b = process.env) === null || _b === void 0 ? void 0 : _b.JEST_WORKER_ID))) {
@@ -92,7 +92,7 @@ const FormAddressFields = class {
92
92
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
93
93
  const labels = countryConfig.countryLabels[this.country];
94
94
  const options = countryConfig.countryOptions[this.country];
95
- return (index.h(index.Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, index.h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, index.h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, index.h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), index.h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, index.h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, index.h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { key: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, index.h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { key: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, index.h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
95
+ return (index.h(index.Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, index.h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, index.h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, index.h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), index.h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, index.h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, index.h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { key: '407eac6eee8ca33a6648f2d1a45003961353f877', class: "col-12 col-md-6" }, index.h("form-control-select", { key: 'c598b24e0dc594ae725a7473212a6ed36102ce49', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { key: '49861d791272c745f881d19016b93885ce59f724', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '90b9db4630dd4fad7e86151f2a632cd62b8509f3', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
96
96
  }
97
97
  };
98
98
 
@@ -5,7 +5,7 @@ var index = require('./index-W-zoNiyM.js');
5
5
  var parts = require('./parts-C0AyF3nd.js');
6
6
  var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
7
7
  var formControlErrorText = require('./form-control-error-text-6-HeM6bw.js');
8
- var _package = require('./package-C5inXJfW.js');
8
+ var _package = require('./package-CAxc3X25.js');
9
9
 
10
10
  const iframeInputStylesStore = index.createStore({
11
11
  focused: {
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-p7cvUYAE.js');
4
4
  var styledHost = require('./styled-host-DAi5SuFa.js');
5
5
  require('./event-types-YOY5TKUN.js');
6
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
6
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
7
7
  var configState = require('./config-state-BIgGhhe9.js');
8
8
  require('./dinero-BwNN_k7x.js');
9
9
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -17,7 +17,7 @@ var skeleton = require('./skeleton-C9Aio7v_.js');
17
17
  var utils = require('./utils-BHi4j5rB.js');
18
18
  var button = require('./button-Cr3iHpyf.js');
19
19
  var parts = require('./parts-C0AyF3nd.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
  require('./Api-Bukk55YZ.js');
22
22
  require('./index-W-zoNiyM.js');
23
23
 
@@ -285,6 +285,7 @@ const BusinessBankAccountFormStep = class {
285
285
  this.isAddingNewBankAccount = true;
286
286
  this.bankAccountVerification = false;
287
287
  this.platformAccountId = null;
288
+ this.usePlaidVerification = true;
288
289
  this.getSchema = () => {
289
290
  const schema = bankAccountSchemaByCountry[this.country];
290
291
  return schema(this.allowOptionalFields, this.existingDocuments);
@@ -346,13 +347,23 @@ const BusinessBankAccountFormStep = class {
346
347
  this.handleChangeBankAccount = () => {
347
348
  this.isAddingNewBankAccount = true;
348
349
  this.documentData = new Plaid.EntityDocumentStorage();
350
+ // Reset to Plaid if available when changing bank account
351
+ this.usePlaidVerification = this.bankAccountVerification && !!this.platformAccountId;
349
352
  this.initializeFormController();
350
353
  };
351
354
  this.handleCancel = () => {
352
355
  this.isAddingNewBankAccount = false;
353
356
  this.documentData = new Plaid.EntityDocumentStorage();
357
+ // Reset toggle state when canceling
358
+ this.usePlaidVerification = true;
354
359
  this.initializeFormController();
355
360
  };
361
+ this.handleToggleToManualEntry = () => {
362
+ this.usePlaidVerification = false;
363
+ };
364
+ this.handleToggleToPlaidVerification = () => {
365
+ this.usePlaidVerification = true;
366
+ };
356
367
  this.handleSaveBankAccount = async () => {
357
368
  this.formController.validateAndSubmit(() => {
358
369
  this.sendData(() => {
@@ -598,11 +609,11 @@ const BusinessBankAccountFormStep = class {
598
609
  if (this.isLoading) {
599
610
  return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
600
611
  }
601
- return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), index.h("hr", { class: "mt-2" }), shouldShowPlaidVerification && (index.h("div", { class: "mt-3" }, index.h("plaid-verification", { authToken: this.authToken, accountId: this.platformAccountId, businessId: this.businessId, onPlaidVerificationSuccess: () => {
612
+ return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), index.h("hr", { class: "mt-2" }), shouldShowPlaidVerification && this.usePlaidVerification && !this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h("plaid-verification", { authToken: this.authToken, accountId: this.platformAccountId, businessId: this.businessId, onPlaidVerificationSuccess: () => {
602
613
  // Refresh bank account data after successful Plaid verification
603
614
  this.isAddingNewBankAccount = false;
604
615
  this.refreshBankAccountData();
605
- } }))), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
616
+ } }), index.h("div", { class: "mt-3" }, index.h(button.Button, { type: "button", variant: "link", onClick: this.handleToggleToManualEntry, disabled: this.isLoading, part: parts.buttonLink }, "Enter bank details manually (document upload required)")))), (!this.usePlaidVerification || this.showReadOnlyView) && (index.h("div", null, shouldShowPlaidVerification && !this.usePlaidVerification && !this.showReadOnlyView && (index.h("div", { class: "mb-3" }, index.h(button.Button, { type: "button", variant: "secondary", onClick: this.handleToggleToPlaidVerification, disabled: this.isLoading, part: parts.buttonSecondary }, "Link bank account with Plaid instead"))), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })))), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && !this.usePlaidVerification && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), (!this.usePlaidVerification || this.showReadOnlyView) && (index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles })))));
606
617
  }
607
618
  static get watchers() { return {
608
619
  "authToken": ["propChanged"],
@@ -732,7 +743,7 @@ const BusinessCoreInfoFormStep = class {
732
743
  if (this.isLoading) {
733
744
  return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
734
745
  }
735
- return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "date_of_incorporation", label: "Date of Registration", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
746
+ return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "date_of_incorporation", label: "Date of Registration", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
736
747
  this.isEditingTaxId = true;
737
748
  // Clear last4-equivalent and current value if any future conditional validation depends on it
738
749
  this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '', tax_id_last4: null }));
@@ -829,6 +840,8 @@ const BusinessOwnersFormStep = class {
829
840
  this.handleRepresentativeIsOwnerChange = (value) => {
830
841
  this.representativeIsOwner = value;
831
842
  if (this.representativeIsOwner) {
843
+ this.formLoading.emit(true);
844
+ this.isLoading = true;
832
845
  this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
833
846
  this.patchBusiness({
834
847
  payload: {
@@ -838,6 +851,10 @@ const BusinessOwnersFormStep = class {
838
851
  this.getData();
839
852
  this.newFormOpen = false;
840
853
  },
854
+ finally: () => {
855
+ this.isLoading = false;
856
+ this.formLoading.emit(false);
857
+ }
841
858
  });
842
859
  }
843
860
  };
@@ -13,7 +13,7 @@ var configState = require('./config-state-BIgGhhe9.js');
13
13
  var header1 = require('./header-1-BOijdmPN.js');
14
14
  var insuranceState = require('./insurance-state-DIV_moDI.js');
15
15
  var header3 = require('./header-3-FeTJjrR1.js');
16
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
16
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
17
17
  require('./dinero-BwNN_k7x.js');
18
18
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
19
19
  require('./Pagination-Dediz133.js');
@@ -25,7 +25,7 @@ var plaidIcon = require('./plaid-icon-DiZrP1DM.js');
25
25
  var index$1 = require('./index-CajjbB9t.js');
26
26
  var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
27
27
  require('./index-W-zoNiyM.js');
28
- require('./package-C5inXJfW.js');
28
+ require('./package-CAxc3X25.js');
29
29
 
30
30
  // Centralized error codes for Apple Pay service
31
31
  var ApplePayServiceErrorCode;
@@ -5,7 +5,7 @@ var utils = require('./utils-Vwo0VR7n.js');
5
5
  var business_service = require('./business.service-Kplx8w_D.js');
6
6
  var getBusiness = require('./get-business-DF-XBH8G.js');
7
7
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
8
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
8
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
9
9
  require('./parts-C0AyF3nd.js');
10
10
  require('./Api-Bukk55YZ.js');
11
11
  require('./config-state-BIgGhhe9.js');
@@ -17,7 +17,7 @@ require('./Dispute-CruQTF6_.js');
17
17
  require('./Pagination-Dediz133.js');
18
18
  require('./Business-oBifyXkW.js');
19
19
  require('./utils-DvUQQLmR.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
 
22
22
  const BusinessDetails = class {
23
23
  constructor(hostRef) {
@@ -11,7 +11,7 @@ require('./Plaid-B_UkFjIV.js');
11
11
  require('./Pagination-Dediz133.js');
12
12
  var Business = require('./Business-oBifyXkW.js');
13
13
  require('./Dispute-CruQTF6_.js');
14
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
14
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
15
15
  var button = require('./button-Cr3iHpyf.js');
16
16
  var styledHost = require('./styled-host-DAi5SuFa.js');
17
17
  var header1 = require('./header-1-BOijdmPN.js');
@@ -26,7 +26,7 @@ require('./country-config-D7fss2oF.js');
26
26
  require('./business-form-options-D_nM7NDk.js');
27
27
  require('./index-W-zoNiyM.js');
28
28
  require('./utils-BHi4j5rB.js');
29
- require('./package-C5inXJfW.js');
29
+ require('./package-CAxc3X25.js');
30
30
  require('./Api-Bukk55YZ.js');
31
31
  require('./parts-C0AyF3nd.js');
32
32
  require('./utils-DvUQQLmR.js');
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-p7cvUYAE.js');
4
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
4
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
5
5
  var checkout_store = require('./checkout.store-zTfjieKa.js');
6
6
  var parts = require('./parts-C0AyF3nd.js');
7
7
  var styledHost = require('./styled-host-DAi5SuFa.js');
8
8
  require('./event-types-YOY5TKUN.js');
9
9
  var index$1 = require('./index-CajjbB9t.js');
10
- require('./package-C5inXJfW.js');
10
+ require('./package-CAxc3X25.js');
11
11
  require('./Api-Bukk55YZ.js');
12
12
  require('./config-state-BIgGhhe9.js');
13
13
  require('./index-W-zoNiyM.js');
@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
9
9
  require('./Business-oBifyXkW.js');
10
10
  require('./Dispute-CruQTF6_.js');
11
11
  var utils = require('./utils-DvUQQLmR.js');
12
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
12
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
13
13
  var checkout_service = require('./checkout.service-B2toaeKY.js');
14
14
  var getSubaccounts = require('./get-subaccounts-BUyf9EhG.js');
15
15
  var styledHost = require('./styled-host-DAi5SuFa.js');
@@ -17,7 +17,7 @@ require('./event-types-YOY5TKUN.js');
17
17
  var checkoutsTable = require('./checkouts-table-CXgizBib.js');
18
18
  require('./index-W-zoNiyM.js');
19
19
  require('./utils-BHi4j5rB.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
  require('./Api-Bukk55YZ.js');
22
22
  require('./badge-Cl6qJPK_.js');
23
23
  require('./parts-C0AyF3nd.js');
@@ -2,11 +2,11 @@
2
2
 
3
3
  var index = require('./index-p7cvUYAE.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
5
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
6
6
  var Dispute = require('./Dispute-CruQTF6_.js');
7
7
  var utils = require('./utils-DvUQQLmR.js');
8
8
  var dispute_service = require('./dispute.service-C4n1SOsu.js');
9
- require('./package-C5inXJfW.js');
9
+ require('./package-CAxc3X25.js');
10
10
  require('./Api-Bukk55YZ.js');
11
11
  require('./config-state-BIgGhhe9.js');
12
12
  require('./index-W-zoNiyM.js');
@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
11
11
  var utils = require('./utils-DvUQQLmR.js');
12
12
  var dispute_service = require('./dispute.service-C4n1SOsu.js');
13
13
  var eventTypes = require('./event-types-BWQT2lwu.js');
14
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
14
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
15
15
  require('./dinero-BwNN_k7x.js');
16
16
  require('./Api-Bukk55YZ.js');
17
17
  require('./config-state-BIgGhhe9.js');
@@ -20,7 +20,7 @@ require('./Plaid-B_UkFjIV.js');
20
20
  require('./Dispute-CruQTF6_.js');
21
21
  require('./Pagination-Dediz133.js');
22
22
  require('./Business-oBifyXkW.js');
23
- require('./package-C5inXJfW.js');
23
+ require('./package-CAxc3X25.js');
24
24
 
25
25
  const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
26
26
  var _a;
@@ -9,13 +9,13 @@ require('./Business-oBifyXkW.js');
9
9
  require('./Dispute-CruQTF6_.js');
10
10
  var utils = require('./utils-DvUQQLmR.js');
11
11
  var utils$1 = require('./utils-Vwo0VR7n.js');
12
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
12
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
13
13
  require('./config-state-BIgGhhe9.js');
14
14
  require('./index-W-zoNiyM.js');
15
15
  require('./utils-BHi4j5rB.js');
16
16
  require('./dinero-BwNN_k7x.js');
17
17
  require('./parts-C0AyF3nd.js');
18
- require('./package-C5inXJfW.js');
18
+ require('./package-CAxc3X25.js');
19
19
 
20
20
  const api = Api.Api();
21
21
  class ReportsService {
@@ -4,7 +4,7 @@ var index = require('./index-p7cvUYAE.js');
4
4
  var parts = require('./parts-C0AyF3nd.js');
5
5
  var styledHost = require('./styled-host-DAi5SuFa.js');
6
6
  require('./event-types-YOY5TKUN.js');
7
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
7
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
8
8
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
9
9
  var business_service = require('./business.service-Kplx8w_D.js');
10
10
  var Business = require('./Business-oBifyXkW.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
18
18
  var utils = require('./utils-DvUQQLmR.js');
19
19
  var terminal_service = require('./terminal.service-CUVwCH-a.js');
20
20
  var utils$1 = require('./utils-BHi4j5rB.js');
21
- require('./package-C5inXJfW.js');
21
+ require('./package-CAxc3X25.js');
22
22
  require('./Api-Bukk55YZ.js');
23
23
  require('./index-W-zoNiyM.js');
24
24
 
@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-CxSGTv_O.js');
5
5
  var getPaymentDetails = require('./get-payment-details-Atcodhcd.js');
6
6
  var utils = require('./utils-Vwo0VR7n.js');
7
7
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
8
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
8
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
9
9
  require('./Api-Bukk55YZ.js');
10
10
  require('./config-state-BIgGhhe9.js');
11
11
  require('./index-W-zoNiyM.js');
@@ -17,7 +17,7 @@ require('./Pagination-Dediz133.js');
17
17
  require('./Business-oBifyXkW.js');
18
18
  require('./utils-DvUQQLmR.js');
19
19
  require('./parts-C0AyF3nd.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
 
22
22
  const PaymentDetails = class {
23
23
  constructor(hostRef) {
@@ -11,6 +11,14 @@ var eventTypes = require('./event-types-DNOUef41.js');
11
11
  var paymentProvisioningLoading = require('./payment-provisioning-loading-CbcFPETB.js');
12
12
  require('./skeleton-C9Aio7v_.js');
13
13
 
14
+ const PaymentProvisioningAlreadyProvisioned = () => {
15
+ return (index.h("div", { class: "row gap-3 p-5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "Business Already Provisioned" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We have already received the onboarding information for this business."))));
16
+ };
17
+
18
+ const PaymentProvisioningSubmissionComplete = () => {
19
+ return (index.h("div", { class: "row gap-3 p5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "You're all set for now" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
20
+ };
21
+
14
22
  const PaymentProvisioningCore = class {
15
23
  constructor(hostRef) {
16
24
  index.registerInstance(this, hostRef);
@@ -20,6 +28,7 @@ const PaymentProvisioningCore = class {
20
28
  this.loading = false;
21
29
  this.businessLoading = true;
22
30
  this.businessProvisioned = false;
31
+ this.formSubmitted = false;
23
32
  this.currentStep = 0;
24
33
  this.country = Business.CountryCode.USA;
25
34
  this.allowOptionalFields = false;
@@ -55,6 +64,7 @@ const PaymentProvisioningCore = class {
55
64
  this.postProvisioningData = () => {
56
65
  this.postProvisioning({
57
66
  onSuccess: (response) => {
67
+ this.formSubmitted = true;
58
68
  this.submitEvent.emit({ response: response });
59
69
  },
60
70
  onError: ({ error, code, severity }) => {
@@ -121,9 +131,19 @@ const PaymentProvisioningCore = class {
121
131
  this.loading = event.detail;
122
132
  }
123
133
  render() {
134
+ // State 1: Loading
124
135
  if (this.businessLoading) {
125
136
  return (index.h(styledHost.StyledHost, null, index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null)));
126
137
  }
138
+ // State 2: Already Provisioned
139
+ if (this.businessProvisioned) {
140
+ return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningAlreadyProvisioned, null)));
141
+ }
142
+ // State 3: Submission Complete
143
+ if (this.formSubmitted) {
144
+ return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningSubmissionComplete, null)));
145
+ }
146
+ // State 4: Form Steps (default)
127
147
  return (index.h(styledHost.StyledHost, null, index.h("div", { class: 'row gap-3' }, index.h(header1.Header1, { text: this.formTitle }), index.h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), index.h("div", { class: 'd-flex justify-content-between align-items-center' }, index.h("div", { class: 'd-flex align-items-center', part: parts.text }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
128
148
  }
129
149
  };
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-p7cvUYAE.js');
4
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
4
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
5
5
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
6
6
  var paymentProvisioningActions = require('./payment-provisioning-actions-J6TGZZb9.js');
7
7
  var business_service = require('./business.service-Kplx8w_D.js');
@@ -11,7 +11,7 @@ require('./Pagination-Dediz133.js');
11
11
  require('./Business-oBifyXkW.js');
12
12
  require('./Dispute-CruQTF6_.js');
13
13
  var utils = require('./utils-BHi4j5rB.js');
14
- require('./package-C5inXJfW.js');
14
+ require('./package-CAxc3X25.js');
15
15
  require('./utils-DvUQQLmR.js');
16
16
  require('./config-state-BIgGhhe9.js');
17
17
  require('./index-W-zoNiyM.js');
@@ -8,7 +8,7 @@ var Plaid = require('./Plaid-B_UkFjIV.js');
8
8
  var Pagination = require('./Pagination-Dediz133.js');
9
9
  require('./Business-oBifyXkW.js');
10
10
  require('./Dispute-CruQTF6_.js');
11
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
11
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
12
12
  var utils = require('./utils-DvUQQLmR.js');
13
13
  var payment_service = require('./payment.service-CxSGTv_O.js');
14
14
  var table = require('./table-CEW0_wq-.js');
@@ -17,7 +17,7 @@ var eventTypes = require('./event-types-YOY5TKUN.js');
17
17
  var utils$1 = require('./utils-BHi4j5rB.js');
18
18
  var parts = require('./parts-C0AyF3nd.js');
19
19
  require('./index-W-zoNiyM.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
  require('./Api-Bukk55YZ.js');
22
22
  require('./spinner-oLSXKwxU.js');
23
23
 
@@ -10,14 +10,14 @@ require('./Pagination-Dediz133.js');
10
10
  require('./Business-oBifyXkW.js');
11
11
  require('./Dispute-CruQTF6_.js');
12
12
  var utils = require('./utils-DvUQQLmR.js');
13
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
13
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
14
14
  var styledHost = require('./styled-host-DAi5SuFa.js');
15
15
  require('./event-types-YOY5TKUN.js');
16
16
  var paymentsTable = require('./payments-table-D5Hw3JDe.js');
17
17
  require('./Api-Bukk55YZ.js');
18
18
  require('./utils-BHi4j5rB.js');
19
19
  require('./index-W-zoNiyM.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
  require('./payments-status-EZ95BQex.js');
22
22
  require('./badge-Cl6qJPK_.js');
23
23
  require('./parts-C0AyF3nd.js');
@@ -11,13 +11,13 @@ require('./Business-oBifyXkW.js');
11
11
  require('./Dispute-CruQTF6_.js');
12
12
  var utils = require('./utils-DvUQQLmR.js');
13
13
  var utils$1 = require('./utils-Vwo0VR7n.js');
14
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
14
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
15
15
  var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
16
16
  require('./Api-Bukk55YZ.js');
17
17
  require('./utils-BHi4j5rB.js');
18
18
  require('./index-W-zoNiyM.js');
19
19
  require('./parts-C0AyF3nd.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
 
22
22
  const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
23
23
  var _a;
@@ -8,7 +8,7 @@ var Plaid = require('./Plaid-B_UkFjIV.js');
8
8
  var Pagination = require('./Pagination-Dediz133.js');
9
9
  require('./Business-oBifyXkW.js');
10
10
  require('./Dispute-CruQTF6_.js');
11
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
11
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
12
12
  var utils = require('./utils-DvUQQLmR.js');
13
13
  var payout_service = require('./payout.service-CO2wDM6M.js');
14
14
  var table = require('./table-CEW0_wq-.js');
@@ -17,7 +17,7 @@ var eventTypes = require('./event-types-YOY5TKUN.js');
17
17
  var utils$1 = require('./utils-BHi4j5rB.js');
18
18
  var parts = require('./parts-C0AyF3nd.js');
19
19
  require('./index-W-zoNiyM.js');
20
- require('./package-C5inXJfW.js');
20
+ require('./package-CAxc3X25.js');
21
21
  require('./Api-Bukk55YZ.js');
22
22
  require('./spinner-oLSXKwxU.js');
23
23
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-p7cvUYAE.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
5
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
6
6
  var payout_service = require('./payout.service-CO2wDM6M.js');
7
7
  require('./config-state-BIgGhhe9.js');
8
8
  require('./dinero-BwNN_k7x.js');
@@ -16,7 +16,7 @@ var getSubaccounts = require('./get-subaccounts-BUyf9EhG.js');
16
16
  var styledHost = require('./styled-host-DAi5SuFa.js');
17
17
  require('./event-types-YOY5TKUN.js');
18
18
  var payoutsTable = require('./payouts-table-DmVthJLU.js');
19
- require('./package-C5inXJfW.js');
19
+ require('./package-CAxc3X25.js');
20
20
  require('./Api-Bukk55YZ.js');
21
21
  require('./utils-BHi4j5rB.js');
22
22
  require('./index-W-zoNiyM.js');
@@ -14,7 +14,7 @@ var styledHost = require('./styled-host-DAi5SuFa.js');
14
14
  require('./event-types-YOY5TKUN.js');
15
15
  var payment_service = require('./payment.service-CxSGTv_O.js');
16
16
  var getPaymentDetails = require('./get-payment-details-Atcodhcd.js');
17
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
17
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
18
18
  var utils$1 = require('./utils-DvUQQLmR.js');
19
19
  var Api = require('./Api-Bukk55YZ.js');
20
20
  var skeleton = require('./skeleton-C9Aio7v_.js');
@@ -22,7 +22,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
22
22
  require('./dinero-BwNN_k7x.js');
23
23
  require('./index-W-zoNiyM.js');
24
24
  require('./parts-C0AyF3nd.js');
25
- require('./package-C5inXJfW.js');
25
+ require('./package-CAxc3X25.js');
26
26
 
27
27
  const amountValidation = (maxAmount) => {
28
28
  const max = +maxAmount;
@@ -8,7 +8,7 @@ require('./Pagination-Dediz133.js');
8
8
  require('./Business-oBifyXkW.js');
9
9
  require('./Dispute-CruQTF6_.js');
10
10
  var utils = require('./utils-DvUQQLmR.js');
11
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
11
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
12
12
  var checkout_store = require('./checkout.store-zTfjieKa.js');
13
13
  var utils$1 = require('./utils-BHi4j5rB.js');
14
14
  var insuranceState = require('./insurance-state-DIV_moDI.js');
@@ -18,7 +18,7 @@ require('./event-types-YOY5TKUN.js');
18
18
  var skeleton = require('./skeleton-C9Aio7v_.js');
19
19
  require('./config-state-BIgGhhe9.js');
20
20
  require('./index-W-zoNiyM.js');
21
- require('./package-C5inXJfW.js');
21
+ require('./package-CAxc3X25.js');
22
22
  require('./index-CajjbB9t.js');
23
23
  require('./dinero-BwNN_k7x.js');
24
24
 
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-p7cvUYAE.js');
4
4
  var styledHost = require('./styled-host-DAi5SuFa.js');
5
5
  require('./event-types-YOY5TKUN.js');
6
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
6
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
7
7
  var terminalOrdersTable = require('./terminal-orders-table-DPHz95-0.js');
8
8
  require('./config-state-BIgGhhe9.js');
9
9
  require('./dinero-BwNN_k7x.js');
@@ -14,7 +14,7 @@ require('./Business-oBifyXkW.js');
14
14
  require('./Dispute-CruQTF6_.js');
15
15
  var utils = require('./utils-DvUQQLmR.js');
16
16
  var Api = require('./Api-Bukk55YZ.js');
17
- require('./package-C5inXJfW.js');
17
+ require('./package-CAxc3X25.js');
18
18
  require('./parts-C0AyF3nd.js');
19
19
  require('./utils-BHi4j5rB.js');
20
20
  require('./badge-Cl6qJPK_.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-p7cvUYAE.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-DjlvidPw.js');
5
+ var checkPkgVersion = require('./check-pkg-version-axrC8Ato.js');
6
6
  var terminal_service = require('./terminal.service-CUVwCH-a.js');
7
7
  require('./config-state-BIgGhhe9.js');
8
8
  require('./dinero-BwNN_k7x.js');
@@ -15,7 +15,7 @@ var getSubaccounts = require('./get-subaccounts-BUyf9EhG.js');
15
15
  var styledHost = require('./styled-host-DAi5SuFa.js');
16
16
  require('./event-types-YOY5TKUN.js');
17
17
  var terminalsTable = require('./terminals-table-C6rm50Mk.js');
18
- require('./package-C5inXJfW.js');
18
+ require('./package-CAxc3X25.js');
19
19
  require('./Api-Bukk55YZ.js');
20
20
  require('./utils-BHi4j5rB.js');
21
21
  require('./index-W-zoNiyM.js');