@justifi/webcomponents 6.5.1-rc.2 → 6.6.0

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,32 +0,0 @@
-import { r as registerInstance, h } from './index-DwYM91AU.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
-import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { G as heading2, l as label, U as inputDisabled, _ as buttonSecondary } from './parts-wtuY7MT2.js';
-import { c as countryLabels } from './country-config-BQ4D46Lb.js';
-import './Business-B5rtFhtR.js';
-
-const RepresentativeFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        this.inputHandler = (name, value) => {
-            updateFormValues(this.formController, { [name]: value });
-        };
-        this.onAddressFormUpdate = (values) => {
-            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear current value to force validation
-                updateFormValues(this.formController, {
-                    identification_number: '',
-                    ssn_last4: null
-                });
-            } }, "Change"))))), h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
-    }
-};
-
-export { RepresentativeFormInputs as justifi_business_representative_form_inputs };

package/dist/module/ApplePay.js

@@ -1,121 +0,0 @@
-var ApplePaySessionStatus;
-(function (ApplePaySessionStatus) {
-    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
-    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
-})(ApplePaySessionStatus || (ApplePaySessionStatus = {}));
-var ApplePayButtonType;
-(function (ApplePayButtonType) {
-    ApplePayButtonType["PLAIN"] = "plain";
-    ApplePayButtonType["BUY"] = "buy";
-    ApplePayButtonType["SET_UP"] = "set-up";
-    ApplePayButtonType["DONATE"] = "donate";
-    ApplePayButtonType["CHECK_OUT"] = "check-out";
-    ApplePayButtonType["BOOK"] = "book";
-    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
-})(ApplePayButtonType || (ApplePayButtonType = {}));
-var ApplePayButtonStyle;
-(function (ApplePayButtonStyle) {
-    ApplePayButtonStyle["BLACK"] = "black";
-    ApplePayButtonStyle["WHITE"] = "white";
-    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
-})(ApplePayButtonStyle || (ApplePayButtonStyle = {}));
-var ApplePayMerchantCapability;
-(function (ApplePayMerchantCapability) {
-    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
-    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
-    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
-    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
-})(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
-class ApplePayConfig {
-    constructor(data) {
-        this.merchantIdentifier = data.merchantIdentifier;
-        this.displayName = data.displayName;
-        this.initiative = data.initiative;
-        this.initiativeContext = data.initiativeContext;
-        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
-        this.buttonLocale = data.buttonLocale || 'en-US';
-    }
-    get isValid() {
-        return !!(this.merchantIdentifier &&
-            this.displayName &&
-            this.initiative &&
-            this.initiativeContext);
-    }
-}
-class ApplePayPaymentRequest {
-    constructor(data) {
-        this.countryCode = data.countryCode;
-        this.currencyCode = data.currencyCode;
-        this.merchantCapabilities = data.merchantCapabilities;
-        this.supportedNetworks = data.supportedNetworks;
-        this.total = data.total;
-        this.lineItems = data.lineItems;
-        this.shippingMethods = data.shippingMethods;
-        this.applicationData = data.applicationData;
-        this.supportedCountries = data.supportedCountries;
-    }
-    get isValid() {
-        var _a, _b, _c, _d;
-        return !!(this.countryCode &&
-            this.currencyCode &&
-            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
-            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
-            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
-            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
-    }
-}
-class ApplePayHelpers {
-    static isApplePaySupported() {
-        var _a;
-        return (typeof window !== 'undefined' &&
-            'ApplePaySession' in window &&
-            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
-    }
-    static canMakePayments() {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
-    }
-    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        try {
-            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
-        }
-        catch (error) {
-            console.error('Error checking Apple Pay active card:', error);
-            return false;
-        }
-    }
-    static formatAmount(amount) {
-        return (amount / 100).toFixed(2);
-    }
-    static parseAmount(amount) {
-        return Math.round(parseFloat(amount) * 100);
-    }
-    static createLineItem(label, amount, type = 'final') {
-        return {
-            label,
-            amount: this.formatAmount(amount),
-            type,
-        };
-    }
-    static getDefaultSupportedNetworks() {
-        return ['amex', 'discover', 'masterCard', 'visa'];
-    }
-    static getDefaultMerchantCapabilities() {
-        return [
-            ApplePayMerchantCapability.SUPPORTS_3DS,
-            ApplePayMerchantCapability.SUPPORTS_EMV,
-            ApplePayMerchantCapability.SUPPORTS_CREDIT,
-            ApplePayMerchantCapability.SUPPORTS_DEBIT,
-        ];
-    }
-}
-
-export { ApplePayConfig as A, ApplePayHelpers as a, ApplePayPaymentRequest as b, ApplePaySessionStatus as c, ApplePayButtonStyle as d, ApplePayButtonType as e, ApplePayMerchantCapability as f };

package/dist/module/GooglePay.js

@@ -1,184 +0,0 @@
-import { c as checkoutStore } from './checkout.store.js';
-
-var GooglePayButtonType;
-(function (GooglePayButtonType) {
-    GooglePayButtonType["PLAIN"] = "plain";
-    GooglePayButtonType["BUY"] = "buy";
-    GooglePayButtonType["BOOK"] = "book";
-    GooglePayButtonType["CHECKOUT"] = "checkout";
-    GooglePayButtonType["DONATE"] = "donate";
-    GooglePayButtonType["ORDER"] = "order";
-    GooglePayButtonType["PAY"] = "pay";
-    GooglePayButtonType["SUBSCRIBE"] = "subscribe";
-})(GooglePayButtonType || (GooglePayButtonType = {}));
-var GooglePayButtonStyle;
-(function (GooglePayButtonStyle) {
-    GooglePayButtonStyle["BLACK"] = "black";
-    GooglePayButtonStyle["WHITE"] = "white";
-})(GooglePayButtonStyle || (GooglePayButtonStyle = {}));
-var GooglePayButtonSizeMode;
-(function (GooglePayButtonSizeMode) {
-    GooglePayButtonSizeMode["STATIC"] = "static";
-    GooglePayButtonSizeMode["FILL"] = "fill";
-})(GooglePayButtonSizeMode || (GooglePayButtonSizeMode = {}));
-var GooglePayEnvironment;
-(function (GooglePayEnvironment) {
-    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
-    GooglePayEnvironment["TEST"] = "TEST";
-})(GooglePayEnvironment || (GooglePayEnvironment = {}));
-class GooglePayConfig {
-    constructor(data) {
-        this.environment = data.environment;
-        this.merchantId = data.merchantId;
-        this.merchantName = data.merchantName;
-        this.buttonType = data.buttonType || GooglePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || GooglePayButtonStyle.BLACK;
-        this.buttonSizeMode = data.buttonSizeMode || GooglePayButtonSizeMode.STATIC;
-        this.buttonLocale = data.buttonLocale || 'en';
-    }
-    get isValid() {
-        return !!(this.environment && this.merchantName);
-    }
-}
-class GooglePayPaymentDataRequest {
-    constructor(data) {
-        this.apiVersion = data.apiVersion;
-        this.apiVersionMinor = data.apiVersionMinor;
-        this.allowedPaymentMethods = data.allowedPaymentMethods;
-        this.transactionInfo = data.transactionInfo;
-        this.merchantInfo = data.merchantInfo;
-        this.callbackIntents = data.callbackIntents;
-        this.shippingAddressRequired = data.shippingAddressRequired;
-        this.shippingAddressParameters = data.shippingAddressParameters;
-        this.emailRequired = data.emailRequired;
-    }
-    get isValid() {
-        var _a, _b, _c, _d;
-        const hasApiVersion = typeof this.apiVersion === 'number' && this.apiVersion > 0;
-        const hasApiVersionMinor = typeof this.apiVersionMinor === 'number' && this.apiVersionMinor >= 0;
-        const hasAllowedMethods = Array.isArray(this.allowedPaymentMethods) &&
-            this.allowedPaymentMethods.length > 0;
-        const hasTxnCountry = Boolean((_a = this.transactionInfo) === null || _a === void 0 ? void 0 : _a.countryCode);
-        const hasTxnCurrency = Boolean((_b = this.transactionInfo) === null || _b === void 0 ? void 0 : _b.currencyCode);
-        const hasTxnTotal = Boolean((_c = this.transactionInfo) === null || _c === void 0 ? void 0 : _c.totalPrice);
-        const hasMerchantName = Boolean((_d = this.merchantInfo) === null || _d === void 0 ? void 0 : _d.merchantName);
-        return (hasApiVersion &&
-            hasApiVersionMinor &&
-            hasAllowedMethods &&
-            hasTxnCountry &&
-            hasTxnCurrency &&
-            hasTxnTotal &&
-            hasMerchantName);
-    }
-}
-class GooglePayHelpers {
-    /**
-     * Check if Google Pay is supported in the current environment
-     */
-    static isGooglePaySupported() {
-        return (typeof window !== 'undefined' &&
-            'google' in window &&
-            'payments' in window.google &&
-            'api' in window.google.payments);
-    }
-    /**
-     * Create a Google Pay client instance
-     */
-    static createGooglePayClient(environment) {
-        if (!this.isGooglePaySupported()) {
-            return null;
-        }
-        try {
-            return new window.google.payments.api.PaymentsClient({
-                environment: environment === GooglePayEnvironment.PRODUCTION
-                    ? 'PRODUCTION'
-                    : 'TEST',
-            });
-        }
-        catch (_error) {
-            return null;
-        }
-    }
-    /**
-     * Format amount for Google Pay (expects string in full currency units)
-     */
-    static formatAmount(amount) {
-        return (amount / 100).toFixed(2);
-    }
-    /**
-     * Parse amount from Google Pay format to cents
-     */
-    static parseAmount(amount) {
-        return Math.round(parseFloat(amount) * 100);
-    }
-    /**
-     * Create a line item for Google Pay
-     */
-    static createLineItem(label, amount, type = 'LINE_ITEM') {
-        return {
-            label,
-            price: this.formatAmount(amount),
-            type,
-        };
-    }
-    /**
-     * Get default supported card networks
-     */
-    static getDefaultSupportedNetworks() {
-        return ['VISA', 'MASTERCARD', 'AMEX', 'DISCOVER'];
-    }
-    /**
-     * Get default allowed authentication methods
-     */
-    static getDefaultAuthMethods() {
-        return ['PAN_ONLY', 'CRYPTOGRAM_3DS'];
-    }
-    /**
-     * Create default card parameters
-     */
-    static createDefaultCardParameters() {
-        return {
-            allowedAuthMethods: this.getDefaultAuthMethods(),
-            allowedCardNetworks: this.getDefaultSupportedNetworks(),
-            billingAddressRequired: false,
-        };
-    }
-    /**
-     * Create default tokenization specification
-     */
-    static createTokenizationSpecification() {
-        return {
-            type: 'PAYMENT_GATEWAY',
-            parameters: {
-                gateway: 'justifi',
-                gatewayMerchantId: checkoutStore.accountId,
-            },
-        };
-    }
-    /**
-     * Create default payment method data
-     */
-    static createPaymentMethodData() {
-        return {
-            type: 'CARD',
-            parameters: this.createDefaultCardParameters(),
-            tokenizationSpecification: this.createTokenizationSpecification(),
-        };
-    }
-    /**
-     * Create base payment data request check
-     */
-    static createBasePaymentDataRequest() {
-        const base = {
-            apiVersion: 2,
-            apiVersionMinor: 0,
-            allowedPaymentMethods: [this.createPaymentMethodData()],
-        };
-        // For development and broader availability of the button, do not require an existing card
-        // This allows isReadyToPay to return true on supported browsers even without a saved payment method
-        base.existingPaymentMethodRequired = false;
-        return base;
-    }
-}
-
-export { GooglePayConfig as G, GooglePayHelpers as a, GooglePayPaymentDataRequest as b, GooglePayButtonSizeMode as c, GooglePayButtonStyle as d, GooglePayButtonType as e, GooglePayEnvironment as f };

package/dist/module/business-additional-questions-form-step-core.js

@@ -1,167 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { F as FormController } from './form.js';
-import { A as AdditionalQuestions } from './Business.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions } from './business-form-options.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
-
-const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class AdditionalQuestionsFormStepCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.additional_questions = {};
-        this.recurringPayments = false;
-        this.isLoading = false;
-        this.getData = () => {
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
-                    this.formController.setInitialValues(Object.assign({}, this.additional_questions));
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.formLoading.emit(false);
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: this.patchPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                },
-                onError: ({ error, code, severity }) => {
-                    submittedData = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.additionalQuestions });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-            this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    recurringPaymentsWatcher(newValue) {
-        if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
-            this.recurringPayments = true;
-        }
-        else {
-            this.recurringPayments = false;
-        }
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    ;
-    get patchPayload() {
-        let formValues = new AdditionalQuestions(this.formController.values.getValue()).payload;
-        return { additional_questions: formValues };
-    }
-    componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
-    }
-    static get watchers() { return {
-        "additional_questions": ["recurringPaymentsWatcher"]
-    }; }
-}, [256, "justifi-additional-questions-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "formController": [32],
-        "errors": [32],
-        "additional_questions": [32],
-        "recurringPayments": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "additional_questions": ["recurringPaymentsWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-additional-questions-form-step-core", "custom-popper", "form-control-monetary-provisioning", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-additional-questions-form-step-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AdditionalQuestionsFormStepCore);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-monetary-provisioning":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { AdditionalQuestionsFormStepCore as A, defineCustomElement as d };