@justifi/webcomponents 4.16.0 → 4.18.0

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

@@ -1,8 +1,9 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import BillingFormSchema from "./billing-form-schema";
 import StateOptions from "../../utils/state-options";
 import { FormController } from "../form/form";
 import { numberOnlyHandler } from "../form/utils";
+import StyledHost from "../../utils/styled-host/styled-host";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -31,7 +32,7 @@ export class BillingForm {
         return this.formController.values.getValue();
     }
     async fill(fields) {
-        this.formController.setValues(fields);
+        this.formController.setInitialValues(fields);
     }
     async validate() {
         let isValid = await this.formController.validate();
@@ -39,13 +40,13 @@ export class BillingForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '394ccc8799078a3c6d0deb96d6b96553c0268d40', exportparts: "label,input,input-invalid" }, h("form", { key: 'a4796aa2ddc184bf881b9ca620ccdf54cb4ea9d5' }, h("fieldset", { key: '437d9d75bb9614349520b477e0b9f69c400fee8b' }, this.legend && h("legend", { key: '7f5c1078da38049ee2dc486b9c7eccff10a3698b' }, this.legend), h("div", { key: 'f8624c6ed26e5f052675ba6c40d98a1d7da02e86', class: "row gy-3" }, h("div", { key: '9aa4fb17b220bacaad519949a7686968e43a5d2d', class: "col-12" }, h("form-control-text", { key: 'f46a938e7ccb2f390675cc95adea78de91b7746b', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '2c725e13c99d39ff1d583bdfadc8353e71df9a49', class: "col-12" }, h("form-control-text", { key: '893a63193b8be1172140a9475d552e16f2281c4e', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '327ecba6bd968e4a24055446a45cdb2fdb51aa7b', class: "col-12" }, h("form-control-text", { key: '13524570e96720e0b2fcdc75e170bd52d77a1f78', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '894c40be08af53aca60a549c12d60e98038b0388', class: "col-12" }, h("form-control-text", { key: 'ed13196ca464b162805bed6bb4c0e1ebbe20f028', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '56aedf85b8c85ba0bda37fa5de223598ab38c950', class: "col-12" }, h("form-control-select", { key: 'c8fdf53bcff9ce6b5caeb5e06f15ff47b1ec633e', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'cdb3b5406da9d459fada4e59080bd94bd2d9b621', class: "col-12" }, h("form-control-text", { key: '67c0ca310493470e79866e11959edb91a77883e8', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+        return (h(StyledHost, { key: '8104e81c71bc567bfa5e0375cd33e9faca89d011', exportparts: "label,input,input-invalid" }, h("form", { key: 'c6cc67debae73514e2615f95c2bf864b912a73cb' }, h("fieldset", { key: '9a7c04e44a7428748dad4c303e69a138ddb9101d' }, this.legend && h("legend", { key: '7aff51cff0b829134b99179d05c8184ee434258e' }, this.legend), h("div", { key: '53ed47c893e7f8348a0ab1f637175e7b456e1992', class: "row gy-3" }, h("div", { key: '4b93bf1abd9be0735560cd2db646be68fc1a6916', class: "col-12" }, h("form-control-text", { key: '18f7be54e35cac629a0122b7ff040e424b39dcea', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5358865082c4158083f0232441255622f339105a', class: "col-12" }, h("form-control-text", { key: '8ba417bede5bde2c6d7a99869caab780e0887b9b', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'ffadcbe419b78f4e96283c3366141e20e2f157d3', class: "col-12" }, h("form-control-text", { key: '14ca2064c4651405c443d75961c8937d7136a95d', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '52cd79784b86d18cc35c80ae5f4006e8e25337f7', class: "col-12" }, h("form-control-text", { key: '741129396330fb3d7e40143391ab3422d648c997', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'ec80e7986f8189d4a08df9924d9cbecab512ae3d', class: "col-12" }, h("form-control-select", { key: '0cea8474f7f72ebb2591f48bd85ea4e008f65d94', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '59935a8aaf2b91df9e33c284132ca1372591d797', class: "col-12" }, h("form-control-text", { key: '9316b7c2aec054c251eb9eba7641f239b43f3714', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
     }
     static get is() { return "justifi-billing-form"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["billing-form.scss"]
+            "$": ["billing-form.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -20,15 +20,14 @@ export class AdditionalQuestionsDetails {
         return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() }))))));
     }
     static get is() { return "additional-questions-details"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["additional-questions-details.scss"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["additional-questions-details.css"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get properties() {

package/dist/collection/components/business-details/business-details-core.js

@@ -1,5 +1,6 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ErrorState, LoadingState } from "../details/utils";
+import StyledHost from "../../utils/styled-host/styled-host";
 var RENDER_STATES;
 (function (RENDER_STATES) {
     RENDER_STATES["LOADING"] = "loading";
@@ -38,24 +39,14 @@ export class BusinessDetailsCore {
     }
     render() {
         if (this.renderState === RENDER_STATES.LOADING) {
-            return h(Host, null, LoadingState());
+            return h(StyledHost, null, LoadingState());
         }
         if (this.renderState === RENDER_STATES.ERROR) {
-            return h(Host, null, ErrorState(this.errorMessage));
+            return h(StyledHost, null, ErrorState(this.errorMessage));
         }
-        return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
+        return (h(StyledHost, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
     }
     static get is() { return "business-details-core"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["business-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["business-details.css"]
-        };
-    }
     static get properties() {
         return {
             "getBusiness": {

package/dist/collection/components/business-details/generic-info-details/generic-info-details.js

@@ -12,15 +12,14 @@ export class GenericInfoDetails {
         return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Classification", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.classification) }), h(DetailItem, { title: "Industry", value: (_d = this.business) === null || _d === void 0 ? void 0 : _d.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.tax_id }), h(DetailItem, { title: "Website URL", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.website_url }), h(DetailItem, { title: "Email Address", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.email }), h(DetailItem, { title: "Phone Number", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.phone }))))));
     }
     static get is() { return "generic-info-details"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["generic-info-details.scss"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["generic-info-details.css"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get properties() {

package/dist/collection/components/business-details/legal-address-details/legal-address-details.js

@@ -12,15 +12,14 @@ export class LegalAddressDetails {
         return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
     static get is() { return "legal-address-details"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["legal-address-details.scss"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["legal-address-details.css"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get properties() {

package/dist/collection/components/business-details/owner-details/owner-details.js

@@ -18,15 +18,14 @@ export class OwnerDetails {
         }))));
     }
     static get is() { return "owner-details"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["owner-details.scss"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["owner-details.css"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get properties() {

package/dist/collection/components/business-details/representative-details/representative-details.js

@@ -20,15 +20,14 @@ export class JustifiRepresentativeDetails {
         return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
     static get is() { return "representative-details"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["representative-details.scss"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["representative-details.css"]
+            "$": ["../shared-business-details.css"]
         };
     }
     static get properties() {

package/dist/collection/components/business-details/shared-business-details.css

@@ -0,0 +1,3 @@
+.flex-1 {
+  flex: 1;
+}

package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js

@@ -23,7 +23,7 @@ export class AdditionalQuestions {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '68b390b35ae134cc308c10e4e70d01b8c5ead8c5', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'd5b6a6eb46c611a1b47295449000a7bb42971dce', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '361133818f775bdaa78fcf4f0f5158c0c8008f16', name: "business_payment_volume", label: "What is the business\u2019 annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '4cabb7ed4d0648b5879977e127e35b50b5109808', class: "col-12" }, h("form-control-select", { key: '7f14c9247787e9e935da49f11c8593954ee65e8a', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'd30bf34b649c18bd7ee3acbaf68b9d39cd737877', class: "col-12" }, h("form-control-select", { key: '2157c04509c02559472dc25a318888d289a4b39b', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '46408ae19dc6b6957f3e17012a4b3e5a33139cd4', class: "col-12" }, h("form-control-text", { key: '0856075400d0f3a2da0f8bc9bcc5ed48a37394a2', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'cac3babca1b5519f342d9f01f4f1dc17b2ffbef9', class: "col-12" }, h("form-control-select", { key: '9afb98b874d1813f4fed84cccadb8e1be85f8c99', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '923819af20e080fe8f5297218b2ccbc3caf4ed63', class: "col-12" }, h("form-control-text", { key: 'f305f0ce7ec15f3c5b775ee1aa2ca386f5a38267', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '34f1986f6c71ea767419b24cf6aaf4a98109b30a', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'c527d560cc82ea78df2b49560349b0dd06622c8e', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b3fab39178309431f03f6e6f954fbd764c98e73c', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '7bd162ba9c80f6ad943435a03cdf89f3486424e8', class: "col-12" }, h("form-control-select", { key: 'b9f4414df1e05852bee4988a517139dbf442308a', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'b3de6b94ead1b905e6fb37972351c220c676cb1b', class: "col-12" }, h("form-control-select", { key: '069d66fdbed25c1d69cfdb1f2931fcec6bbcf9cf', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: 'da00423ade550ebda7d7b5d8fa2d322c8536c87b', class: "col-12" }, h("form-control-text", { key: 'a52855e1506358bc2f0880a0a85dffa43b230722', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'd0605e153c29adb0edac15362e4e4703f8f586ba', class: "col-12" }, h("form-control-select", { key: 'bc502dbf3f40232eb9fb644afe679c4a5884866b', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '63dd09e3c8af15fe377248121912e313767e93b3', class: "col-12" }, h("form-control-text", { key: '9a20fd45a57e717496b97f4c94b5cf819dc6ff7a', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions"; }
     static get properties() {