@justifi/webcomponents 4.12.1 → 4.12.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 (80) hide show
  1. package/dist/cjs/{Business-c928bf29.js → Business-21cef37d.js} +18 -0
  2. package/dist/cjs/additional-questions-details_5.cjs.entry.js +2 -2
  3. package/dist/cjs/{business-additional-questions-schema-3813615c.js → business-additional-questions-schema-f5f303fb.js} +3 -1
  4. package/dist/cjs/{business-form-types-4b138bf2.js → business-form-types-a3cc374d.js} +60 -1
  5. package/dist/cjs/justifi-additional-questions-form-step_5.cjs.entry.js +5 -5
  6. package/dist/cjs/justifi-additional-questions_4.cjs.entry.js +3 -3
  7. package/dist/cjs/justifi-billing-form_4.cjs.entry.js +2 -2
  8. package/dist/cjs/justifi-business-details.cjs.entry.js +1 -1
  9. package/dist/cjs/justifi-business-form.cjs.entry.js +4 -4
  10. package/dist/cjs/justifi-business-list.cjs.entry.js +1 -1
  11. package/dist/cjs/justifi-owner-form.cjs.entry.js +3 -3
  12. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  13. package/dist/cjs/{payload-parsers-58d3798e.js → payload-parsers-74693a97.js} +5 -1
  14. package/dist/collection/api/Business.js +18 -0
  15. package/dist/collection/components/business-details/generic-info-details/generic-info-details.js +2 -2
  16. package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js +2 -2
  17. package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +2 -2
  18. package/dist/collection/components/business-forms/schemas/business-core-info-schema.js +3 -1
  19. package/dist/collection/components/business-forms/schemas/schema-validations.js +4 -1
  20. package/dist/collection/components/business-forms/utils/business-form-types.js +59 -1
  21. package/dist/collection/components/payment-method-form/payment-method-form.js +1 -1
  22. package/dist/docs.json +2 -2
  23. package/dist/esm/{Business-6cb1b9c8.js → Business-0e8a9a3a.js} +19 -1
  24. package/dist/esm/additional-questions-details_5.entry.js +2 -2
  25. package/dist/esm/{business-additional-questions-schema-228d86e0.js → business-additional-questions-schema-a84dd641.js} +3 -1
  26. package/dist/esm/{business-form-types-5ba52d61.js → business-form-types-7420dc96.js} +60 -2
  27. package/dist/esm/justifi-additional-questions-form-step_5.entry.js +5 -5
  28. package/dist/esm/justifi-additional-questions_4.entry.js +3 -3
  29. package/dist/esm/justifi-billing-form_4.entry.js +2 -2
  30. package/dist/esm/justifi-business-details.entry.js +1 -1
  31. package/dist/esm/justifi-business-form.entry.js +4 -4
  32. package/dist/esm/justifi-business-list.entry.js +1 -1
  33. package/dist/esm/justifi-owner-form.entry.js +3 -3
  34. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  35. package/dist/esm/{payload-parsers-3e817fe9.js → payload-parsers-0c4fc2b1.js} +5 -2
  36. package/dist/module/Business.js +19 -1
  37. package/dist/module/business-address-schema.js +1 -1
  38. package/dist/module/business-core-info-form-step.js +2 -2
  39. package/dist/module/business-core-info-schema.js +3 -1
  40. package/dist/module/business-core-info.js +2 -2
  41. package/dist/module/business-form-types.js +60 -2
  42. package/dist/module/business-identity-schema.js +1 -1
  43. package/dist/module/business-representative-form-step.js +1 -1
  44. package/dist/module/generic-info-details2.js +2 -2
  45. package/dist/module/justifi-business-details.js +1 -1
  46. package/dist/module/justifi-business-form.js +3 -3
  47. package/dist/module/justifi-business-list.js +1 -1
  48. package/dist/module/justifi-payment-provisioning.js +1 -1
  49. package/dist/module/legal-address-form-step.js +2 -2
  50. package/dist/module/owner-form.js +2 -2
  51. package/dist/module/payload-parsers.js +5 -2
  52. package/dist/module/payment-method-form.js +2 -2
  53. package/dist/types/api/Business.d.ts +19 -0
  54. package/dist/types/components/business-forms/schemas/business-core-info-schema.d.ts +2 -0
  55. package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +2 -0
  56. package/dist/types/components/business-forms/schemas/schema-validations.d.ts +1 -0
  57. package/dist/types/components/business-forms/utils/business-form-types.d.ts +5 -1
  58. package/dist/webcomponents/{p-31e70d65.entry.js → p-18cf5a16.entry.js} +1 -1
  59. package/dist/webcomponents/{p-edab5f2b.entry.js → p-51ee396f.entry.js} +1 -1
  60. package/dist/webcomponents/p-52e4cc27.js +1 -0
  61. package/dist/webcomponents/p-602a1588.entry.js +1 -0
  62. package/dist/webcomponents/p-6ec77980.entry.js +1 -0
  63. package/dist/webcomponents/{p-07080c01.entry.js → p-81c43ba5.entry.js} +1 -1
  64. package/dist/webcomponents/{p-31ccb5f0.entry.js → p-9e35b0f6.entry.js} +1 -1
  65. package/dist/webcomponents/p-9ec89299.entry.js +1 -0
  66. package/dist/webcomponents/{p-71b8e2da.entry.js → p-b38baa84.entry.js} +1 -1
  67. package/dist/webcomponents/p-bfc634c6.entry.js +1 -0
  68. package/dist/webcomponents/p-cb86b2fd.js +1 -0
  69. package/dist/webcomponents/p-d2b7beac.js +1 -0
  70. package/dist/webcomponents/p-e3946c2b.js +1 -0
  71. package/dist/webcomponents/webcomponents.esm.js +1 -1
  72. package/package.json +1 -1
  73. package/dist/webcomponents/p-0d371ff5.entry.js +0 -1
  74. package/dist/webcomponents/p-26fe62d6.entry.js +0 -1
  75. package/dist/webcomponents/p-4c705f56.js +0 -1
  76. package/dist/webcomponents/p-737473d8.js +0 -1
  77. package/dist/webcomponents/p-787d8f52.js +0 -1
  78. package/dist/webcomponents/p-889a83d2.js +0 -1
  79. package/dist/webcomponents/p-9b0e5c25.entry.js +0 -1
  80. package/dist/webcomponents/p-c865cda8.entry.js +0 -1
@@ -78,6 +78,22 @@ exports.BusinessType = void 0;
78
78
  BusinessType["non_profit"] = "non_profit";
79
79
  BusinessType["government_entity"] = "government_entity";
80
80
  })(exports.BusinessType || (exports.BusinessType = {}));
81
+ exports.BusinessStructure = void 0;
82
+ (function (BusinessStructure) {
83
+ BusinessStructure["sole_proprietorship"] = "sole_proprietorship";
84
+ BusinessStructure["single_llc"] = "single_llc";
85
+ BusinessStructure["multi_llc"] = "multi_llc";
86
+ BusinessStructure["private_partnership"] = "private_partnership";
87
+ BusinessStructure["private_corporation"] = "private_corporation";
88
+ BusinessStructure["unincorporated_association"] = "unincorporated_association";
89
+ BusinessStructure["public_partnership"] = "public_partnership";
90
+ BusinessStructure["public_corporation"] = "public_corporation";
91
+ BusinessStructure["incorporated"] = "incorporated";
92
+ BusinessStructure["unincorporated"] = "unincorporated";
93
+ BusinessStructure["government_unit"] = "government_unit";
94
+ BusinessStructure["government_instrumentality"] = "government_instrumentality";
95
+ BusinessStructure["tax_exempt_government_instrumentality"] = "tax_exempt_government_instrumentality";
96
+ })(exports.BusinessStructure || (exports.BusinessStructure = {}));
81
97
  class Address {
82
98
  constructor(address) {
83
99
  this.id = address.id;
@@ -103,6 +119,7 @@ class AdditionalQuestions {
103
119
  class CoreBusinessInfo {
104
120
  constructor(coreBusinessInfo) {
105
121
  this.business_type = coreBusinessInfo.business_type;
122
+ this.business_structure = coreBusinessInfo.business_structure;
106
123
  this.legal_name = coreBusinessInfo.legal_name;
107
124
  this.doing_business_as = coreBusinessInfo.doing_business_as;
108
125
  this.industry = coreBusinessInfo.industry;
@@ -117,6 +134,7 @@ class Business {
117
134
  this.additional_questions = business.additional_questions || {};
118
135
  this.bank_accounts = business.bank_accounts;
119
136
  this.business_type = business.business_type;
137
+ this.business_structure = business.business_structure;
120
138
  this.created_at = business.created_at;
121
139
  this.documents = business.documents;
122
140
  this.doing_business_as = business.doing_business_as;
@@ -30,10 +30,10 @@ const GenericInfoDetails = class {
30
30
  this.business = undefined;
31
31
  }
32
32
  render() {
33
- var _a, _b, _c, _d, _e, _f, _g, _h;
33
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
34
34
  if (!this.business)
35
35
  return null;
36
- return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), index.h("div", { class: "d-table gap-2 w-100" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), index.h(utils$1.DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), index.h(utils$1.DetailItem, { title: "Business Type", value: utils.snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), index.h(utils$1.DetailItem, { title: "Industry", value: (_d = this.business) === null || _d === void 0 ? void 0 : _d.industry })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Tax ID", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.tax_id }), index.h(utils$1.DetailItem, { title: "Website URL", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.website_url }), index.h(utils$1.DetailItem, { title: "Email Address", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.email }), index.h(utils$1.DetailItem, { title: "Phone Number", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.phone }))))));
36
+ return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), index.h("div", { class: "d-table gap-2 w-100" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), index.h(utils$1.DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), index.h(utils$1.DetailItem, { title: "Business Type", value: utils.snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), index.h(utils$1.DetailItem, { title: "Business Structure", value: utils.snakeCaseToHumanReadable((_d = this.business) === null || _d === void 0 ? void 0 : _d.business_structure) }), index.h(utils$1.DetailItem, { title: "Industry", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.industry })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Tax ID", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.tax_id }), index.h(utils$1.DetailItem, { title: "Website URL", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.website_url }), index.h(utils$1.DetailItem, { title: "Email Address", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.email }), index.h(utils$1.DetailItem, { title: "Phone Number", value: (_j = this.business) === null || _j === void 0 ? void 0 : _j.phone }))))));
37
37
  }
38
38
  };
39
39
  GenericInfoDetails.style = genericInfoDetailsCss;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index_esm = require('./index.esm-d25bd7bf.js');
4
- const payloadParsers = require('./payload-parsers-58d3798e.js');
4
+ const payloadParsers = require('./payload-parsers-74693a97.js');
5
5
 
6
6
  const businessCoreInfoSchema = (allowOptionalFields) => {
7
7
  const schema = index_esm.create$3({
@@ -11,6 +11,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
11
11
  phone: payloadParsers.phoneValidation.required('Enter phone number'),
12
12
  doing_business_as: payloadParsers.doingBusinessAsValidation.required('Enter doing business as'),
13
13
  business_type: payloadParsers.businessTypeValidation.required('Select business type'),
14
+ business_structure: payloadParsers.businessStructureValidation.required('Select business structure'),
14
15
  industry: payloadParsers.industryValidation.required('Enter a business industry'),
15
16
  tax_id: payloadParsers.taxIdValidation.required('Enter tax id'),
16
17
  });
@@ -21,6 +22,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
21
22
  phone: payloadParsers.phoneValidation.nullable(),
22
23
  doing_business_as: payloadParsers.doingBusinessAsValidation.nullable(),
23
24
  business_type: payloadParsers.businessTypeValidation.nullable(),
25
+ business_structure: payloadParsers.businessStructureValidation.nullable(),
24
26
  industry: payloadParsers.industryValidation.nullable(),
25
27
  tax_id: payloadParsers.taxIdValidation.nullable(),
26
28
  });
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const Business = require('./Business-c928bf29.js');
3
+ const Business = require('./Business-21cef37d.js');
4
4
 
5
5
  exports.BusinessFormServerErrors = void 0;
6
6
  (function (BusinessFormServerErrors) {
@@ -48,5 +48,64 @@ const BusinessTypeOptions = [
48
48
  value: Business.BusinessType.government_entity,
49
49
  },
50
50
  ];
51
+ const BusinessStructureOptions = [
52
+ {
53
+ label: 'Choose business structure',
54
+ value: '',
55
+ },
56
+ {
57
+ label: 'Sole Proprietorship',
58
+ value: Business.BusinessStructure.sole_proprietorship,
59
+ },
60
+ {
61
+ label: 'LLC (Single)',
62
+ value: Business.BusinessStructure.single_llc,
63
+ },
64
+ {
65
+ label: 'LLC (Multiple)',
66
+ value: Business.BusinessStructure.multi_llc,
67
+ },
68
+ {
69
+ label: 'Private Partnership',
70
+ value: Business.BusinessStructure.private_partnership,
71
+ },
72
+ {
73
+ label: 'Private Corporation',
74
+ value: Business.BusinessStructure.private_corporation,
75
+ },
76
+ {
77
+ label: 'Unincorporated Association',
78
+ value: Business.BusinessStructure.unincorporated_association,
79
+ },
80
+ {
81
+ label: 'Public Partnership',
82
+ value: Business.BusinessStructure.public_partnership,
83
+ },
84
+ {
85
+ label: 'Public Corporation',
86
+ value: Business.BusinessStructure.public_corporation,
87
+ },
88
+ {
89
+ label: 'Incorporated',
90
+ value: Business.BusinessStructure.incorporated,
91
+ },
92
+ {
93
+ label: 'Unincorporated',
94
+ value: Business.BusinessStructure.unincorporated,
95
+ },
96
+ {
97
+ label: 'Government Unit',
98
+ value: Business.BusinessStructure.government_unit,
99
+ },
100
+ {
101
+ label: 'Government Instrumentality',
102
+ value: Business.BusinessStructure.government_instrumentality,
103
+ },
104
+ {
105
+ label: 'Tax Exempt Government Instrumentality',
106
+ value: Business.BusinessStructure.tax_exempt_government_instrumentality,
107
+ },
108
+ ];
51
109
 
110
+ exports.BusinessStructureOptions = BusinessStructureOptions;
52
111
  exports.BusinessTypeOptions = BusinessTypeOptions;
@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-5d5f2219.js');
6
6
  const form = require('./form-2ad3d374.js');
7
- const Business = require('./Business-c928bf29.js');
7
+ const Business = require('./Business-21cef37d.js');
8
8
  const Api = require('./Api-a06b996e.js');
9
9
  require('./Pagination-0da8f095.js');
10
10
  require('./Payment-eceed10f.js');
11
11
  require('./Payout-a2dd7b01.js');
12
12
  const config = require('./config-ff2dda66.js');
13
- const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-3813615c.js');
14
- const businessFormTypes = require('./business-form-types-4b138bf2.js');
13
+ const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-f5f303fb.js');
14
+ const businessFormTypes = require('./business-form-types-a3cc374d.js');
15
15
  const formInputMasks = require('./form-input-masks-efd44b8e.js');
16
- const payloadParsers = require('./payload-parsers-58d3798e.js');
16
+ const payloadParsers = require('./payload-parsers-74693a97.js');
17
17
  const utils = require('./utils-6f62f7a1.js');
18
18
  const stateOptions = require('./state-options-4fbcb48a.js');
19
19
  const utils$1 = require('./utils-fc72268d.js');
@@ -182,7 +182,7 @@ const BusinessCoreInfoFormStep = class {
182
182
  }
183
183
  render() {
184
184
  const coreInfoDefaultValue = this.formController.getInitialValues();
185
- return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), 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, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })))))));
185
+ return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), 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, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessFormTypes.BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })))))));
186
186
  }
187
187
  };
188
188
  BusinessCoreInfoFormStep.style = businessCoreInfoFormStepCss;
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-5d5f2219.js');
6
- const businessFormTypes = require('./business-form-types-4b138bf2.js');
6
+ const businessFormTypes = require('./business-form-types-a3cc374d.js');
7
7
  const formInputMasks = require('./form-input-masks-efd44b8e.js');
8
- const Business = require('./Business-c928bf29.js');
8
+ const Business = require('./Business-21cef37d.js');
9
9
  const stateOptions = require('./state-options-4fbcb48a.js');
10
10
  const utils = require('./utils-fc72268d.js');
11
11
 
@@ -52,7 +52,7 @@ const BusinessCoreInfo = class {
52
52
  }
53
53
  render() {
54
54
  const coreInfoDefaultValue = this.formController.getInitialValues();
55
- return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), 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, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
55
+ return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), 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, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessFormTypes.BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
56
56
  }
57
57
  };
58
58
  BusinessCoreInfo.style = businessCoreInfoCss;
@@ -1567,7 +1567,7 @@ const MessageEventType = {
1567
1567
  };
1568
1568
 
1569
1569
  const name = "@justifi/webcomponents";
1570
- const version = "4.12.1";
1570
+ const version = "4.12.2";
1571
1571
  const description = "JustiFi Web Components";
1572
1572
  const main = "dist/module/index.js";
1573
1573
  const module$1 = "dist/module/index.js";
@@ -1800,11 +1800,11 @@ const PaymentMethodForm = class {
1800
1800
  render() {
1801
1801
  return (index.h(index.Host, null, index.h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
1802
1802
  this.iframeElement = el;
1803
+ this.initializeFrameCommunicationService();
1803
1804
  }, onLoad: () => {
1804
1805
  iframeResizer({
1805
1806
  scrollbars: false,
1806
1807
  }, this.iframeElement);
1807
- this.initializeFrameCommunicationService();
1808
1808
  this.sendStyleOverrides();
1809
1809
  } })));
1810
1810
  }
@@ -6,7 +6,7 @@ const index = require('./index-5d5f2219.js');
6
6
  const utils$1 = require('./utils-6e35fa70.js');
7
7
  const config = require('./config-ff2dda66.js');
8
8
  const Api = require('./Api-a06b996e.js');
9
- const Business = require('./Business-c928bf29.js');
9
+ const Business = require('./Business-21cef37d.js');
10
10
  const utils = require('./utils-f8079741.js');
11
11
  require('./state-options-4fbcb48a.js');
12
12
 
@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-5d5f2219.js');
6
6
  const form = require('./form-2ad3d374.js');
7
7
  const index_esm = require('./index.esm-d25bd7bf.js');
8
- const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-3813615c.js');
9
- const payloadParsers = require('./payload-parsers-58d3798e.js');
8
+ const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-f5f303fb.js');
9
+ const payloadParsers = require('./payload-parsers-74693a97.js');
10
10
  const Api = require('./Api-a06b996e.js');
11
11
  require('./Pagination-0da8f095.js');
12
12
  require('./Payment-eceed10f.js');
13
13
  require('./Payout-a2dd7b01.js');
14
14
  const config = require('./config-ff2dda66.js');
15
15
  const utils = require('./utils-fc72268d.js');
16
- const businessFormTypes = require('./business-form-types-4b138bf2.js');
17
- const Business = require('./Business-c928bf29.js');
16
+ const businessFormTypes = require('./business-form-types-a3cc374d.js');
17
+ const Business = require('./Business-21cef37d.js');
18
18
  require('./state-options-4fbcb48a.js');
19
19
 
20
20
  const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: payloadParsers.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: payloadParsers.identitySchema('representative') }));
@@ -7,7 +7,7 @@ const Api = require('./Api-a06b996e.js');
7
7
  const Pagination = require('./Pagination-0da8f095.js');
8
8
  require('./Payment-eceed10f.js');
9
9
  require('./Payout-a2dd7b01.js');
10
- const Business = require('./Business-c928bf29.js');
10
+ const Business = require('./Business-21cef37d.js');
11
11
  const utils = require('./utils-6f62f7a1.js');
12
12
  const config = require('./config-ff2dda66.js');
13
13
  require('./state-options-4fbcb48a.js');
@@ -9,11 +9,11 @@ const Api = require('./Api-a06b996e.js');
9
9
  require('./Pagination-0da8f095.js');
10
10
  require('./Payment-eceed10f.js');
11
11
  require('./Payout-a2dd7b01.js');
12
- const Business = require('./Business-c928bf29.js');
13
- const payloadParsers = require('./payload-parsers-58d3798e.js');
12
+ const Business = require('./Business-21cef37d.js');
13
+ const payloadParsers = require('./payload-parsers-74693a97.js');
14
14
  const config = require('./config-ff2dda66.js');
15
15
  const utils = require('./utils-fc72268d.js');
16
- const businessFormTypes = require('./business-form-types-4b138bf2.js');
16
+ const businessFormTypes = require('./business-form-types-a3cc374d.js');
17
17
  require('./state-options-4fbcb48a.js');
18
18
  require('./index.esm-d25bd7bf.js');
19
19