@justifi/webcomponents 6.4.3 → 6.5.0-rc.1

package/dist/collection/api/GooglePay.js

@@ -0,0 +1,181 @@
+import { checkoutStore } from "../store/checkout.store";
+export 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 = {}));
+export var GooglePayButtonStyle;
+(function (GooglePayButtonStyle) {
+    GooglePayButtonStyle["BLACK"] = "black";
+    GooglePayButtonStyle["WHITE"] = "white";
+})(GooglePayButtonStyle || (GooglePayButtonStyle = {}));
+export var GooglePayButtonSizeMode;
+(function (GooglePayButtonSizeMode) {
+    GooglePayButtonSizeMode["STATIC"] = "static";
+    GooglePayButtonSizeMode["FILL"] = "fill";
+})(GooglePayButtonSizeMode || (GooglePayButtonSizeMode = {}));
+export var GooglePayEnvironment;
+(function (GooglePayEnvironment) {
+    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
+    GooglePayEnvironment["TEST"] = "TEST";
+})(GooglePayEnvironment || (GooglePayEnvironment = {}));
+export 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);
+    }
+}
+export 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);
+    }
+}
+export 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;
+    }
+}

package/dist/collection/api/index.js

@@ -18,5 +18,7 @@ export * from './Business';
 export * from './Identity';
 export * from './Dispute';
 export * from './GrossVolume';
+export * from './ApplePay';
+export * from './GooglePay';
 // In a future PR I would like to update the naming of the BankAccount Payment Method class in Payment.ts so this import can be updated to be written the same as the others in this file.
 export { BankAccount } from './BankAccount';

package/dist/collection/api/services/google-pay.service.js

@@ -0,0 +1,240 @@
+import { Api } from "../Api";
+import { GooglePayHelpers, GooglePayConfig, GooglePayPaymentDataRequest, } from "../GooglePay";
+const PROCESS_TOKEN_ENDPOINT = 'google_pay/process_token';
+export class GooglePayService {
+    constructor() {
+        this.api = Api();
+    }
+    /**
+     * Initialize Google Pay configuration
+     */
+    initialize(googlePayConfig) {
+        this.googlePayConfig = new GooglePayConfig(googlePayConfig);
+        if (!this.googlePayConfig.isValid) {
+            throw new Error('Invalid Google Pay configuration provided');
+        }
+        // Create Google Pay client
+        this.googlePayClient = GooglePayHelpers.createGooglePayClient(this.googlePayConfig.environment);
+        if (!this.googlePayClient) {
+            throw new Error('Failed to create Google Pay client');
+        }
+        // No debug logs
+    }
+    /**
+     * Process Google Pay payment via API
+     */
+    async processPayment(authToken, accountId, payload) {
+        const endpoint = PROCESS_TOKEN_ENDPOINT;
+        try {
+            const result = await this.api.post({
+                endpoint,
+                authToken,
+                body: payload,
+                headers: {
+                    'sub-account': accountId,
+                },
+            });
+            return {
+                success: result.id && !!result.data.token,
+                data: result,
+            };
+        }
+        catch (_error) {
+            throw new Error('Google Pay payment processing failed');
+        }
+    }
+    /**
+     * Check if Google Pay is available on this device/browser
+     */
+    isAvailable() {
+        return GooglePayHelpers.isGooglePaySupported() && !!this.googlePayClient;
+    }
+    /**
+     * Check if the user can make payments with Google Pay
+     */
+    async canMakePayments() {
+        if (!this.googlePayClient || !this.googlePayConfig) {
+            return false;
+        }
+        try {
+            const baseRequest = GooglePayHelpers.createBasePaymentDataRequest();
+            const response = await this.googlePayClient.isReadyToPay(baseRequest);
+            return response.result;
+        }
+        catch (_error) {
+            return false;
+        }
+    }
+    /**
+     * Start Google Pay payment session
+     */
+    async startPaymentSession(paymentDataRequest, authToken, accountId) {
+        var _a;
+        if (!this.googlePayConfig || !this.googlePayClient) {
+            throw new Error('Google Pay not initialized. Call initialize() first.');
+        }
+        if (!this.isAvailable()) {
+            throw new Error('Google Pay is not available on this device/browser');
+        }
+        const request = new GooglePayPaymentDataRequest(paymentDataRequest);
+        if (!request.isValid) {
+            throw new Error('Invalid payment data request provided');
+        }
+        try {
+            const paymentData = await this.googlePayClient.loadPaymentData(request);
+            // Build top-level snake_case fields from Google Pay tokenizationData
+            const tokenizationData = (_a = paymentData === null || paymentData === void 0 ? void 0 : paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.tokenizationData;
+            const tokenObj = (() => {
+                if ((tokenizationData === null || tokenizationData === void 0 ? void 0 : tokenizationData.token) &&
+                    typeof tokenizationData.token === 'string') {
+                    try {
+                        return JSON.parse(tokenizationData.token);
+                    }
+                    catch (_e) {
+                        return tokenizationData;
+                    }
+                }
+                return tokenizationData;
+            })();
+            const tokenProcessRequest = {
+                protocolVersion: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.protocolVersion,
+                signature: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signature,
+                intermediateSigningKey: (tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.intermediateSigningKey)
+                    ? {
+                        signedKey: tokenObj.intermediateSigningKey.signedKey,
+                        signatures: tokenObj.intermediateSigningKey.signatures,
+                    }
+                    : undefined,
+                signedMessage: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signedMessage,
+            };
+            const paymentResult = await this.processPayment(authToken, accountId, tokenProcessRequest);
+            if (paymentResult.success) {
+                return {
+                    success: true,
+                    paymentData: paymentData,
+                    paymentMethodId: paymentResult.data.id,
+                };
+            }
+            else {
+                return {
+                    success: false,
+                    error: {
+                        code: 'PAYMENT_PROCESSING_ERROR',
+                        message: 'Payment processing failed',
+                    },
+                };
+            }
+        }
+        catch (error) {
+            // Handle different types of errors
+            if (error && typeof error === 'object' && 'statusCode' in error) {
+                const googlePayError = error;
+                switch (googlePayError.statusCode) {
+                    case 'CANCELED':
+                        return {
+                            success: false,
+                            error: {
+                                code: 'USER_CANCELLED',
+                                message: 'User cancelled the Google Pay session',
+                            },
+                        };
+                    case 'DEVELOPER_ERROR':
+                        return {
+                            success: false,
+                            error: {
+                                code: 'DEVELOPER_ERROR',
+                                message: 'Google Pay configuration error',
+                            },
+                        };
+                    default:
+                        return {
+                            success: false,
+                            error: {
+                                code: 'PAYMENT_ERROR',
+                                message: googlePayError.statusMessage || 'Google Pay payment failed',
+                            },
+                        };
+                }
+            }
+            return {
+                success: false,
+                error: {
+                    code: 'PAYMENT_ERROR',
+                    message: error instanceof Error
+                        ? error.message
+                        : 'Google Pay payment failed',
+                },
+            };
+        }
+    }
+    /**
+     * Create Google Pay button element
+     */
+    createButton(options) {
+        if (!this.googlePayClient || !this.googlePayConfig) {
+            return null;
+        }
+        try {
+            return this.googlePayClient.createButton({
+                onClick: options.onClick,
+                buttonType: options.buttonType,
+                buttonSizeMode: options.buttonSizeMode,
+                buttonColor: options.buttonColor,
+                buttonLocale: options.buttonLocale,
+            });
+        }
+        catch (_error) {
+            return null;
+        }
+    }
+    /**
+     * Prefetch payment data for faster loading
+     */
+    prefetchPaymentData(paymentDataRequest) {
+        if (!this.googlePayClient) {
+            return;
+        }
+        const request = new GooglePayPaymentDataRequest(paymentDataRequest);
+        if (!request.isValid) {
+            return;
+        }
+        try {
+            this.googlePayClient.prefetchPaymentData(request);
+        }
+        catch (_error) { }
+    }
+    /**
+     * Create a basic payment data request
+     */
+    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName) {
+        const request = {
+            apiVersion: 2,
+            apiVersionMinor: 0,
+            allowedPaymentMethods: [GooglePayHelpers.createPaymentMethodData()],
+            transactionInfo: {
+                countryCode,
+                currencyCode,
+                totalPriceStatus: 'FINAL',
+                totalPrice: GooglePayHelpers.formatAmount(amount),
+                totalPriceLabel: label,
+            },
+            merchantInfo: {
+                merchantName,
+            },
+        };
+        // No debug logs
+        return request;
+    }
+    /**
+     * Get current configuration
+     */
+    getGooglePayConfig() {
+        return this.googlePayConfig;
+    }
+    /**
+     * Get current Google Pay client
+     */
+    getGooglePayClient() {
+        return this.googlePayClient;
+    }
+}

package/dist/collection/collection-manifest.json

@@ -1,6 +1,5 @@
 {
   "entries": [
-    "ui-components/pagination-menu/pagination-menu.js",
     "ui-components/details/details.js",
     "ui-components/shadow-dom-components/justifi-radio-list-item.js",
     "components/business-details/business-details-core.js",
@@ -57,6 +56,7 @@
     "components/checkouts-list/checkouts-list-core.js",
     "components/checkouts-list/checkouts-list-filters.js",
     "components/checkouts-list/checkouts-list.js",
+    "ui-components/pagination-menu/pagination-menu.js",
     "components/filters/table-filters-menu.js",
     "ui-components/form/form-control-select.js",
     "components/config-provider/config-provider.js",
@@ -80,6 +80,7 @@
     "components/modular-checkout/sub-components/apple-pay.js",
     "components/modular-checkout/sub-components/bank-account.js",
     "components/modular-checkout/sub-components/card-form.js",
+    "components/modular-checkout/sub-components/google-pay.js",
     "components/modular-checkout/sub-components/payment-method-option.js",
     "components/modular-checkout/sub-components/plaid-payment-method.js",
     "components/modular-checkout/sub-components/saved-payment-methods.js",

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

@@ -18,22 +18,21 @@ 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: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', 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: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', 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: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', 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: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', 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: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', 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: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', 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: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', 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: '8f51222ff2a06a8636c2252a1df25803c464cd5a' }, h("fieldset", { key: 'c705274cb9e5cc651f8cedb5ac23714a75dca09a' }, h("legend", { key: '0e865f2763c872ccd65c7d255e0a49533bf8afbe', part: heading2 }, "Additional Questions"), h("div", { key: 'b5a9d2c8086820d837a6261c0fbbd1c4785e8cbe', class: "row gy-3" }, h("div", { key: 'b0174e926ef2726d9c1ce809d00cf8fef623207c', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5553ed9ca690b4b7a54dfe864225fb4e10987c96', 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: 'a01e709a65772041979e7b8c057b271e26524174', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2e56403c3eb357dac7f6791e0c5fa4fca58e6cfb', 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: '74318a7f6fdcc265d96827e5fb02d797631b3fd5', class: "col-12" }, h("form-control-select", { key: 'd166c9a1951afc9e1876d078ddc026671e8e0dcc', 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: 'e47aefb3a2274244d3e2561da7cfecb203445f1e', class: "col-12" }, h("form-control-select", { key: '33978d0af775cace90de84104f74b2d6c22ae1c0', 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: '93f996064e4055c9a81c0077a20fd878ad1a6c97', class: "col-12" }, h("form-control-text", { key: '68ac25357311838b8fa9a897fbb324f45f589f5f', 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: 'f2dfe10a8ed19faa36a38a8192268813b03d454f', class: "col-12" }, h("form-control-select", { key: '1d6cf56564944d8dbef4f22c403232c9b7841018', 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: 'fe75a54400d4614fe1d3ed9099ff5a5d3822c007', class: "col-12" }, h("form-control-text", { key: 'aa7609f7687a5c0666bf35119cd4af7ad4e68f89', 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() {
         return {
             "formController": {
-                "type": "unknown",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::FormController"
+                            "location": "global",
+                            "id": "global::FormController"
                         }
                     }
                 },
@@ -44,7 +43,9 @@ export class AdditionalQuestions {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "form-controller"
             }
         };
     }

package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js

@@ -30,10 +30,10 @@ export class BusinessCoreInfo {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, h("fieldset", { key: '12eb6d4e78e56c8771d95e03fa7d8c4c9ea6478f' }, h("legend", { key: '514cb38045c7d4a4a6746a3846c84013507d0691', part: heading2 }, "General Info"), h("div", { key: '30a509f2dd8ec2938dcc790d8891a917b76b91a0', class: "row gy-3" }, h("div", { key: 'ced24f46905abd380fd190bd56d56eba7ec65289', class: "col-12" }, h("form-control-text", { key: '26e986bef6cad147cd7e5b557e27ad8e61932e54', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'fabae43dc916ee087b73e366b01bc40fc29a4110', class: "col-12" }, h("form-control-text", { key: 'bf7e45fe95c0156c583c693006f4a65f2d1d6b1b', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '12d52af1fb5dcef7382b8a36f44a048bcff5a752', class: "col-12 col-md-8" }, h("form-control-select", { key: '94ea7c2438e5fbb0b85a9df5915d78791ae026ea', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '90800a655ff4470ea6de9f774dcdccc95862c821', class: "col-12 col-md-4" }, h("form-control-date", { key: '715436c7bf7d34ab2505b1005873ac549f351af1', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f4502deec218f3493210ecb6b1ad19fc7cf9f28f', class: "col-12 col-md-6" }, h("form-control-text", { key: '91614c8854a4b2e79fea028c1ad43ef751dacfb1', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '9c7a45b88199e7d00673e6d569f45e2dcf3d242d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: 'd0eb145c0afde23fd1dcf7837763971b259ff260', class: "col-12" }, h("form-control-text", { key: '7b2d6a1558b6be6adc87ff4109bca6e9238c2ecf', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'eb9637448b9f9a6e4a8b8a08ad9f7f48ff56ec4f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1f2b0ce0c7dd02485635e8f666d59cd7ec792dbc', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '46fa9ad350b8482296ce0a76db841b78efb9b83b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '9d4376e2e1d4372470ba8483f8fe1c0992267e38', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info"; }
     static get properties() {

package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js

@@ -32,26 +32,25 @@ export class BusinessRepresentative {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.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 }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '1ce133c6cf1804607b661953bb9d952e6dfdede7' }, h("fieldset", { key: '759e0e7adc03c8814e09effd245e7c25f9fcf536' }, h("legend", { key: '625eb15226d9318075c57c7e13d6b8a04686f00f', part: heading2 }, "Representative"), h("div", { key: '8b11c10cd073c3ffcb7c52f97c463b91a5609afa', class: "row gy-3" }, h("div", { key: '35b0b9a741ee46dfc049ea5914dfa672e4bd64f3', class: "col-12 col-md-8" }, h("form-control-text", { key: '577cb8c5911c5a8364de282ca04e75b045d6de36', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3ebaa46f7045f1db417285fe3ef9c19310dbe0c6', class: "col-12 col-md-4" }, h("form-control-text", { key: '69eb59adf3da1d3d48b1d395badd4c76ac0d8383', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd9ee1e3a4919e5d714f34ff1417677a48101166f', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc6c0e28dc815985be5309de33957fcd37f53b29', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd40a0a637c921ca6e8fa4aa347369c029c4569cb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce15cd57570e34d14bc596c1b5f7e49d3f33ea36', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '1504ac209231141b564412af3719b2ab6d84e553', class: "col-12 col-md-4" }, h("form-control-date", { key: '8fe92ed396ab947f439a04e2b67787725b393dcb', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'd8ee89f3f4124ebb222d99a9337db4be7ab7df61', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.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 }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: '54548bf9622fcc949ebd91db29cc8b877dd7652d', class: "col-12" }, h("justifi-identity-address-form", { key: '9925b7d70bceb8e3d1dafc9313673a5c8a0810a0', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
     static get is() { return "justifi-business-representative"; }
     static get properties() {
         return {
             "formController": {
-                "type": "unknown",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::FormController"
+                            "location": "global",
+                            "id": "global::FormController"
                         }
                     }
                 },
@@ -62,7 +61,9 @@ export class BusinessRepresentative {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "form-controller"
             },
             "country": {
                 "type": "string",

package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js

@@ -15,22 +15,21 @@ export class LegalAddressForm {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '0e6136a175ee0bb8708d1848ad850bd973f60c4b' }, h("fieldset", { key: '2fcfb7b8cc1bf70157dbfaba7bb5df9ddd82454b' }, h("legend", { key: 'ce30f5e679113cceda046f142e01548a1db573a0', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: 'a091d88fb62401c814458d696866de64a26a6bff', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
     static get is() { return "justifi-legal-address-form"; }
     static get properties() {
         return {
             "formController": {
-                "type": "unknown",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::FormController"
+                            "location": "global",
+                            "id": "global::FormController"
                         }
                     }
                 },
@@ -41,7 +40,9 @@ export class LegalAddressForm {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "form-controller"
             },
             "country": {
                 "type": "string",

package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js

@@ -11,7 +11,7 @@ export class IdentityAddressForm {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get is() { return "justifi-identity-address-form"; }
     static get properties() {