@teamvortexsoftware/vortex-react-native 1.0.0 → 1.0.1

package/dist/utils/featureWarnings.js

@@ -0,0 +1,214 @@
+"use strict";
+/**
+ * Feature Warnings
+ *
+ * This module provides feature detection and helpful warnings for missing module configurations.
+ * It scans widget configuration to detect which features are required and prints actionable
+ * warnings when the corresponding module props are not specified.
+ *
+ * Warnings are only printed in development mode (__DEV__) and on native platforms.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectRequiredFeatures = detectRequiredFeatures;
+exports.printFeatureWarnings = printFeatureWarnings;
+exports.printWarningOnce = printWarningOnce;
+exports.printInfoOnce = printInfoOnce;
+exports.clearWarningsCache = clearWarningsCache;
+const react_native_1 = require("react-native");
+/**
+ * Recursively scans a node tree for gradient backgrounds.
+ */
+function scanForGradients(node) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!node)
+        return false;
+    // Check style.background for linear-gradient
+    if ((_c = (_b = (_a = node.style) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, 'linear-gradient')) {
+        return true;
+    }
+    // Check theme options for gradients
+    if (((_d = node.theme) === null || _d === void 0 ? void 0 : _d.options) && Array.isArray(node.theme.options)) {
+        for (const option of node.theme.options) {
+            if ((_f = (_e = option.value) === null || _e === void 0 ? void 0 : _e.includes) === null || _f === void 0 ? void 0 : _f.call(_e, 'linear-gradient')) {
+                return true;
+            }
+        }
+    }
+    // Recursively check children
+    if (node.children && Array.isArray(node.children)) {
+        for (const child of node.children) {
+            if (scanForGradients(child))
+                return true;
+        }
+    }
+    return false;
+}
+/**
+ * Recursively scans a node tree for QR code elements.
+ */
+function scanForQRCode(node) {
+    if (!node)
+        return false;
+    if (node.type === 'vrtx-qr-code' || node.tagName === 'vrtx-qr-code') {
+        return true;
+    }
+    if (node.children && Array.isArray(node.children)) {
+        for (const child of node.children) {
+            if (scanForQRCode(child))
+                return true;
+        }
+    }
+    return false;
+}
+/**
+ * Recursively scans a node tree for share options (which need clipboard).
+ */
+function scanForShareOptions(node) {
+    if (!node)
+        return false;
+    if (node.type === 'vrtx-share-options' || node.tagName === 'vrtx-share-options') {
+        return true;
+    }
+    if (node.children && Array.isArray(node.children)) {
+        for (const child of node.children) {
+            if (scanForShareOptions(child))
+                return true;
+        }
+    }
+    return false;
+}
+/**
+ * Detects which features are required based on widget configuration.
+ *
+ * @param widgetConfiguration - The widget configuration from the API
+ * @returns Object indicating which features are needed
+ */
+function detectRequiredFeatures(widgetConfiguration) {
+    var _a;
+    const requirements = {
+        needsGradient: false,
+        needsQRCode: false,
+        needsHaptics: true, // Always nice to have for buttons
+        needsClipboard: false,
+    };
+    if (!widgetConfiguration)
+        return requirements;
+    const rootElement = ((_a = widgetConfiguration.data) === null || _a === void 0 ? void 0 : _a.rootElement) || widgetConfiguration.rootElement;
+    requirements.needsGradient = scanForGradients(rootElement);
+    requirements.needsQRCode = scanForQRCode(rootElement);
+    requirements.needsClipboard = scanForShareOptions(rootElement);
+    return requirements;
+}
+/**
+ * Prints helpful warnings for missing module configurations.
+ * Only prints in development mode and on native platforms.
+ * Uses deduplication helpers to prevent warnings from printing on every render.
+ *
+ * @param requirements - The detected feature requirements
+ * @param moduleConfig - The current module configuration from props
+ */
+function printFeatureWarnings(requirements, moduleConfig) {
+    var _a, _b, _c, _d;
+    // Only warn in development and on native platforms
+    if (!__DEV__ || react_native_1.Platform.OS === 'web')
+        return;
+    // Check for module configuration
+    const hasGradientModule = (_a = moduleConfig.modules) === null || _a === void 0 ? void 0 : _a.gradient;
+    const hasQRCodeModule = (_b = moduleConfig.modules) === null || _b === void 0 ? void 0 : _b.qrCode;
+    const hasHapticsModule = (_c = moduleConfig.modules) === null || _c === void 0 ? void 0 : _c.haptics;
+    const hasClipboardModule = (_d = moduleConfig.modules) === null || _d === void 0 ? void 0 : _d.clipboard;
+    // Gradient warning
+    if (requirements.needsGradient && !hasGradientModule) {
+        printWarningOnce('vortex-gradient-module', `[Vortex] ⚠️ Gradient backgrounds detected in widget configuration, but no gradient module specified.
+
+To enable gradients on native platforms, add the modules prop to <VortexInvite>:
+
+  For Expo projects:
+    <VortexInvite modules={{ gradient: 'expo-linear-gradient' }} ... />
+    Then run: npx expo install expo-linear-gradient
+
+  For bare React Native:
+    <VortexInvite modules={{ gradient: 'react-native-linear-gradient' }} ... />
+    Then run: npm install react-native-linear-gradient
+
+Without a gradient module, gradient backgrounds will fall back to solid colors.
+`);
+    }
+    // QR Code warning
+    if (requirements.needsQRCode && !hasQRCodeModule) {
+        printWarningOnce('vortex-qrcode-module', `[Vortex] ⚠️ QR Code feature detected in widget configuration, but no QR code module specified.
+
+To enable QR codes, add the modules prop to <VortexInvite>:
+
+  For native apps:
+    <VortexInvite modules={{ qrCode: 'react-native-qrcode-svg' }} ... />
+    Then run: npm install react-native-qrcode-svg react-native-svg
+
+  For web preview:
+    <VortexInvite modules={{ qrCode: 'react-qr-code' }} ... />
+    Then run: npm install react-qr-code
+
+Without a QR code module, QR codes will show a placeholder message.
+`);
+    }
+    // Haptics info (less critical)
+    if (requirements.needsHaptics && !hasHapticsModule) {
+        printInfoOnce('vortex-haptics-module', `[Vortex] 💡 Tip: Add haptic feedback for better UX:
+
+    <VortexInvite modules={{ haptics: 'expo-haptics' }} ... />
+    Then run: npx expo install expo-haptics
+`);
+    }
+    // Clipboard info (only if share options are present)
+    if (requirements.needsClipboard && !hasClipboardModule) {
+        printInfoOnce('vortex-clipboard-module', `[Vortex] 💡 Tip: For clipboard support (Copy Link), add:
+
+  For Expo projects:
+    <VortexInvite modules={{ clipboard: 'expo-clipboard' }} ... />
+    Then run: npx expo install expo-clipboard
+
+  For bare React Native:
+    <VortexInvite modules={{ clipboard: '@react-native-clipboard/clipboard' }} ... />
+    Then run: npm install @react-native-clipboard/clipboard
+
+Without a clipboard module, the SDK will use React Native's built-in Clipboard API.
+`);
+    }
+}
+/**
+ * Tracks which warnings have been printed to avoid duplicate warnings.
+ */
+const printedWarnings = new Set();
+/**
+ * Prints a warning only once per session.
+ * Useful for warnings that shouldn't spam the console on every render.
+ *
+ * @param key - Unique key for this warning
+ * @param message - The warning message to print
+ */
+function printWarningOnce(key, message) {
+    if (!__DEV__ || printedWarnings.has(key))
+        return;
+    printedWarnings.add(key);
+    console.warn(message);
+}
+/**
+ * Prints an info message only once per session.
+ *
+ * @param key - Unique key for this message
+ * @param message - The info message to print
+ */
+function printInfoOnce(key, message) {
+    if (!__DEV__ || printedWarnings.has(key))
+        return;
+    printedWarnings.add(key);
+    console.info(message);
+}
+/**
+ * Clears the printed warnings cache.
+ * Useful for testing or when you want warnings to be printed again.
+ */
+function clearWarningsCache() {
+    printedWarnings.clear();
+}
+//# sourceMappingURL=featureWarnings.js.map

package/dist/utils/featureWarnings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"featureWarnings.js","sourceRoot":"","sources":["../../src/utils/featureWarnings.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Feature Warnings\n *\n * This module provides feature detection and helpful warnings for missing module configurations.\n * It scans widget configuration to detect which features are required and prints actionable\n * warnings when the corresponding module props are not specified.\n *\n * Warnings are only printed in development mode (__DEV__) and on native platforms.\n */\n\nimport { Platform } from 'react-native';\nimport type { VortexModulesConfig } from '../context/VortexModulesContext';\n\n/**\n * Features that may be required based on widget configuration\n */\nexport interface FeatureRequirements {\n  needsGradient: boolean;\n  needsQRCode: boolean;\n  needsHaptics: boolean;\n  needsClipboard: boolean;\n}\n\n/**\n * Recursively scans a node tree for gradient backgrounds.\n */\nfunction scanForGradients(node: any): boolean {\n  if (!node) return false;\n\n  // Check style.background for linear-gradient\n  if (node.style?.background?.includes?.('linear-gradient')) {\n    return true;\n  }\n\n  // Check theme options for gradients\n  if (node.theme?.options && Array.isArray(node.theme.options)) {\n    for (const option of node.theme.options) {\n      if (option.value?.includes?.('linear-gradient')) {\n        return true;\n      }\n    }\n  }\n\n  // Recursively check children\n  if (node.children && Array.isArray(node.children)) {\n    for (const child of node.children) {\n      if (scanForGradients(child)) return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Recursively scans a node tree for QR code elements.\n */\nfunction scanForQRCode(node: any): boolean {\n  if (!node) return false;\n\n  if (node.type === 'vrtx-qr-code' || node.tagName === 'vrtx-qr-code') {\n    return true;\n  }\n\n  if (node.children && Array.isArray(node.children)) {\n    for (const child of node.children) {\n      if (scanForQRCode(child)) return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Recursively scans a node tree for share options (which need clipboard).\n */\nfunction scanForShareOptions(node: any): boolean {\n  if (!node) return false;\n\n  if (node.type === 'vrtx-share-options' || node.tagName === 'vrtx-share-options') {\n    return true;\n  }\n\n  if (node.children && Array.isArray(node.children)) {\n    for (const child of node.children) {\n      if (scanForShareOptions(child)) return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Detects which features are required based on widget configuration.\n *\n * @param widgetConfiguration - The widget configuration from the API\n * @returns Object indicating which features are needed\n */\nexport function detectRequiredFeatures(widgetConfiguration: any): FeatureRequirements {\n  const requirements: FeatureRequirements = {\n    needsGradient: false,\n    needsQRCode: false,\n    needsHaptics: true, // Always nice to have for buttons\n    needsClipboard: false,\n  };\n\n  if (!widgetConfiguration) return requirements;\n\n  const rootElement =\n    widgetConfiguration.data?.rootElement || widgetConfiguration.rootElement;\n\n  requirements.needsGradient = scanForGradients(rootElement);\n  requirements.needsQRCode = scanForQRCode(rootElement);\n  requirements.needsClipboard = scanForShareOptions(rootElement);\n\n  return requirements;\n}\n\n/**\n * Prints helpful warnings for missing module configurations.\n * Only prints in development mode and on native platforms.\n * Uses deduplication helpers to prevent warnings from printing on every render.\n *\n * @param requirements - The detected feature requirements\n * @param moduleConfig - The current module configuration from props\n */\nexport function printFeatureWarnings(\n  requirements: FeatureRequirements,\n  moduleConfig: VortexModulesConfig\n): void {\n  // Only warn in development and on native platforms\n  if (!__DEV__ || Platform.OS === 'web') return;\n\n  // Check for module configuration\n  const hasGradientModule = moduleConfig.modules?.gradient;\n  const hasQRCodeModule = moduleConfig.modules?.qrCode;\n  const hasHapticsModule = moduleConfig.modules?.haptics;\n  const hasClipboardModule = moduleConfig.modules?.clipboard;\n\n  // Gradient warning\n  if (requirements.needsGradient && !hasGradientModule) {\n    printWarningOnce(\n      'vortex-gradient-module',\n      `[Vortex] ⚠️ Gradient backgrounds detected in widget configuration, but no gradient module specified.\n\nTo enable gradients on native platforms, add the modules prop to <VortexInvite>:\n\n  For Expo projects:\n    <VortexInvite modules={{ gradient: 'expo-linear-gradient' }} ... />\n    Then run: npx expo install expo-linear-gradient\n\n  For bare React Native:\n    <VortexInvite modules={{ gradient: 'react-native-linear-gradient' }} ... />\n    Then run: npm install react-native-linear-gradient\n\nWithout a gradient module, gradient backgrounds will fall back to solid colors.\n`\n    );\n  }\n\n  // QR Code warning\n  if (requirements.needsQRCode && !hasQRCodeModule) {\n    printWarningOnce(\n      'vortex-qrcode-module',\n      `[Vortex] ⚠️ QR Code feature detected in widget configuration, but no QR code module specified.\n\nTo enable QR codes, add the modules prop to <VortexInvite>:\n\n  For native apps:\n    <VortexInvite modules={{ qrCode: 'react-native-qrcode-svg' }} ... />\n    Then run: npm install react-native-qrcode-svg react-native-svg\n\n  For web preview:\n    <VortexInvite modules={{ qrCode: 'react-qr-code' }} ... />\n    Then run: npm install react-qr-code\n\nWithout a QR code module, QR codes will show a placeholder message.\n`\n    );\n  }\n\n  // Haptics info (less critical)\n  if (requirements.needsHaptics && !hasHapticsModule) {\n    printInfoOnce(\n      'vortex-haptics-module',\n      `[Vortex] 💡 Tip: Add haptic feedback for better UX:\n\n    <VortexInvite modules={{ haptics: 'expo-haptics' }} ... />\n    Then run: npx expo install expo-haptics\n`\n    );\n  }\n\n  // Clipboard info (only if share options are present)\n  if (requirements.needsClipboard && !hasClipboardModule) {\n    printInfoOnce(\n      'vortex-clipboard-module',\n      `[Vortex] 💡 Tip: For clipboard support (Copy Link), add:\n\n  For Expo projects:\n    <VortexInvite modules={{ clipboard: 'expo-clipboard' }} ... />\n    Then run: npx expo install expo-clipboard\n\n  For bare React Native:\n    <VortexInvite modules={{ clipboard: '@react-native-clipboard/clipboard' }} ... />\n    Then run: npm install @react-native-clipboard/clipboard\n\nWithout a clipboard module, the SDK will use React Native's built-in Clipboard API.\n`\n    );\n  }\n}\n\n/**\n * Tracks which warnings have been printed to avoid duplicate warnings.\n */\nconst printedWarnings = new Set<string>();\n\n/**\n * Prints a warning only once per session.\n * Useful for warnings that shouldn't spam the console on every render.\n *\n * @param key - Unique key for this warning\n * @param message - The warning message to print\n */\nexport function printWarningOnce(key: string, message: string): void {\n  if (!__DEV__ || printedWarnings.has(key)) return;\n\n  printedWarnings.add(key);\n  console.warn(message);\n}\n\n/**\n * Prints an info message only once per session.\n *\n * @param key - Unique key for this message\n * @param message - The info message to print\n */\nexport function printInfoOnce(key: string, message: string): void {\n  if (!__DEV__ || printedWarnings.has(key)) return;\n\n  printedWarnings.add(key);\n  console.info(message);\n}\n\n/**\n * Clears the printed warnings cache.\n * Useful for testing or when you want warnings to be printed again.\n */\nexport function clearWarningsCache(): void {\n  printedWarnings.clear();\n}\n"]}

package/dist/utils/formUtils.js

@@ -0,0 +1,284 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractFormConfiguration = extractFormConfiguration;
+exports.convertFormStyleToRNStyle = convertFormStyleToRNStyle;
+exports.findComponentByRole = findComponentByRole;
+exports.mergeThemeAndComponentStyles = mergeThemeAndComponentStyles;
+exports.getEmailPlaceholder = getEmailPlaceholder;
+exports.getSubmitButtonLabel = getSubmitButtonLabel;
+exports.hasGridLayout = hasGridLayout;
+exports.hasEmailAndShareInSeparateColumns = hasEmailAndShareInSeparateColumns;
+exports.getRoleOptions = getRoleOptions;
+/**
+ * Extracts the form configuration from the widget configuration
+ */
+function extractFormConfiguration(widgetConfiguration) {
+    var _a, _b, _c;
+    const formValue = (_c = (_b = (_a = widgetConfiguration === null || widgetConfiguration === void 0 ? void 0 : widgetConfiguration.configuration) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b['vortex.components.form']) === null || _c === void 0 ? void 0 : _c.value;
+    if (!formValue) {
+        return null;
+    }
+    // Normalize: if the value contains a root node, start traversal from it
+    if (formValue.root) {
+        return [formValue.root];
+    }
+    // If it's already an array, return as-is
+    if (Array.isArray(formValue)) {
+        return formValue;
+    }
+    return null;
+}
+/**
+ * Converts form component style object to React Native styles
+ */
+function convertFormStyleToRNStyle(style) {
+    if (!style)
+        return {};
+    const rnStyle = {};
+    const toCamel = (s) => s.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+    const parseValue = (val) => {
+        if (typeof val === 'number')
+            return val;
+        if (typeof val !== 'string')
+            return String(val);
+        const pxMatch = val.match(/^(-?\d+(?:\.\d+)?)px$/i);
+        if (pxMatch)
+            return Number(pxMatch[1]);
+        const num = Number(val);
+        if (!isNaN(num))
+            return num;
+        return val;
+    };
+    Object.keys(style).forEach((key) => {
+        const raw = style[key];
+        const normalizedKey = toCamel(key);
+        if (raw && typeof raw === 'object' && ('value' in raw || 'computedValue' in raw)) {
+            const styleObj = raw;
+            if (styleObj.computedValue !== undefined) {
+                rnStyle[normalizedKey] = parseValue(styleObj.computedValue);
+            }
+            else if (styleObj.value !== undefined) {
+                rnStyle[normalizedKey] = parseValue(styleObj.value);
+            }
+        }
+        else {
+            rnStyle[normalizedKey] = parseValue(raw);
+        }
+    });
+    return rnStyle;
+}
+/**
+ * Find a specific component by role in the form configuration
+ */
+function findComponentByRole(formConfig, role) {
+    if (!formConfig)
+        return null;
+    const findComponent = (components) => {
+        var _a;
+        for (const component of components) {
+            if (((_a = component.vortex) === null || _a === void 0 ? void 0 : _a.role) === role) {
+                return component;
+            }
+            if (component.children) {
+                const found = findComponent(component.children);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    return findComponent(formConfig);
+}
+/**
+ * Merges theme styles with component-specific styles from form configuration
+ */
+function mergeThemeAndComponentStyles(themeStyles, themeColors, formConfig) {
+    var _a;
+    // Start with the base theme styles
+    const mergedStyles = Object.assign({}, themeStyles);
+    // Helper: find first node by predicate
+    const findNode = (nodes, predicate) => {
+        var _a;
+        if (!nodes)
+            return null;
+        for (const node of nodes) {
+            if (predicate(node))
+                return node;
+            if ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) {
+                const found = findNode(node.children, predicate);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    // 1) Merge root container style into containerStyles
+    const rootNode = formConfig === null || formConfig === void 0 ? void 0 : formConfig[0];
+    if (rootNode === null || rootNode === void 0 ? void 0 : rootNode.style) {
+        const rootStyle = convertFormStyleToRNStyle(rootNode.style);
+        // Avoid applying absolute dimensions that can break responsiveness on mobile
+        const _b = rootStyle, { width, height, maxWidth, minWidth, maxHeight, minHeight } = _b, responsiveRoot = __rest(_b, ["width", "height", "maxWidth", "minWidth", "maxHeight", "minHeight"]);
+        mergedStyles.containerStyles = Object.assign(Object.assign({}, mergedStyles.containerStyles), responsiveRoot);
+    }
+    // Find submit button and email input components
+    const submitButton = findComponentByRole(formConfig, 'submit');
+    const emailInput = findComponentByRole(formConfig, 'email');
+    // 2) Merge submit button styles
+    if (submitButton === null || submitButton === void 0 ? void 0 : submitButton.style) {
+        const submitButtonStyle = convertFormStyleToRNStyle(submitButton.style);
+        mergedStyles.primaryButton = Object.assign(Object.assign(Object.assign({}, mergedStyles.primaryButton), (submitButtonStyle['backgroundColor'] && {
+            backgroundColor: submitButtonStyle['backgroundColor'],
+        })), (submitButtonStyle['borderColor'] && { borderColor: submitButtonStyle['borderColor'] }));
+        // Update button text if there's a color specified
+        if (submitButtonStyle['color']) {
+            mergedStyles.primaryButtonText = Object.assign(Object.assign({}, mergedStyles.primaryButtonText), { color: submitButtonStyle['color'] });
+        }
+    }
+    // 3) Merge email input styles
+    if (emailInput === null || emailInput === void 0 ? void 0 : emailInput.style) {
+        const emailInputStyle = convertFormStyleToRNStyle(emailInput.style);
+        mergedStyles.inputStyles = Object.assign(Object.assign({}, mergedStyles.inputStyles), emailInputStyle);
+    }
+    // 4) Merge vrtx-share-options block theme into secondary buttons
+    const shareOptionsBlock = findNode(formConfig, (n) => n.type === 'block' &&
+        (n.subtype === 'vrtx-share-options' || n.tagName === 'vrtx-share-options'));
+    const optionEntries = (_a = shareOptionsBlock === null || shareOptionsBlock === void 0 ? void 0 : shareOptionsBlock.theme) === null || _a === void 0 ? void 0 : _a.options;
+    if (Array.isArray(optionEntries)) {
+        const map = {};
+        optionEntries.forEach((it) => {
+            if ((it === null || it === void 0 ? void 0 : it.key) && typeof it.value === 'string')
+                map[it.key] = it.value;
+        });
+        const bg = map['--vrtx-icon-button-background'];
+        const color = map['--vrtx-icon-button-color'];
+        if (bg) {
+            mergedStyles.secondaryButton = Object.assign(Object.assign({}, mergedStyles.secondaryButton), { backgroundColor: bg });
+        }
+        if (color) {
+            mergedStyles.secondaryButtonText = Object.assign(Object.assign({}, mergedStyles.secondaryButtonText), { color });
+        }
+    }
+    return mergedStyles;
+}
+/**
+ * Get email input placeholder from form configuration
+ */
+function getEmailPlaceholder(formConfig) {
+    var _a;
+    const emailInput = findComponentByRole(formConfig, 'email');
+    // Prefer attributes.placeholder as per current JSON shape
+    const attrPlaceholder = (_a = emailInput === null || emailInput === void 0 ? void 0 : emailInput.attributes) === null || _a === void 0 ? void 0 : _a.placeholder;
+    return attrPlaceholder || (emailInput === null || emailInput === void 0 ? void 0 : emailInput.placeholder) || 'Enter email';
+}
+/**
+ * Get submit button label from form configuration
+ */
+function getSubmitButtonLabel(formConfig) {
+    const submitButton = findComponentByRole(formConfig, 'submit');
+    // Prefer textContent per current JSON; fallback to label
+    return (submitButton === null || submitButton === void 0 ? void 0 : submitButton.textContent) || (submitButton === null || submitButton === void 0 ? void 0 : submitButton.label) || 'Invite';
+}
+/**
+ * Determines if the form layout uses a grid structure
+ */
+function hasGridLayout(formConfig) {
+    if (!formConfig)
+        return false;
+    const findGrid = (components) => {
+        for (const component of components) {
+            if (component.type === 'grid') {
+                return true;
+            }
+            if (component.children) {
+                const found = findGrid(component.children);
+                if (found)
+                    return true;
+            }
+        }
+        return false;
+    };
+    return findGrid(formConfig);
+}
+/**
+ * Determines if email and share components are in separate grid items
+ */
+function hasEmailAndShareInSeparateColumns(formConfig) {
+    if (!formConfig)
+        return false;
+    // Adjusted to the current JSON tree (row/column/block)
+    const checkTree = (components) => {
+        for (const node of components) {
+            if (node.type === 'row' && Array.isArray(node.children)) {
+                // Look for two columns where one column has an email block and another has a submit block
+                const columns = node.children.filter((c) => c.type === 'column');
+                if (columns.length >= 2) {
+                    let hasEmailCol = false;
+                    let hasSubmitCol = false;
+                    for (const col of columns) {
+                        const blocks = (col.children || []).filter((c) => c.type === 'block');
+                        const hasEmail = blocks.some((b) => { var _a; return ((_a = b.vortex) === null || _a === void 0 ? void 0 : _a.role) === 'email' || b.subtype === 'vrtx-email-invitations'; });
+                        const hasSubmit = blocks.some((b) => { var _a; return ((_a = b.vortex) === null || _a === void 0 ? void 0 : _a.role) === 'submit' || b.subtype === 'vrtx-submit'; });
+                        if (hasEmail)
+                            hasEmailCol = true;
+                        if (hasSubmit)
+                            hasSubmitCol = true;
+                    }
+                    if (hasEmailCol && hasSubmitCol)
+                        return true;
+                }
+            }
+            if (node.children && checkTree(node.children))
+                return true;
+        }
+        return false;
+    };
+    return checkTree(formConfig);
+}
+/**
+ * Extract role options from form configuration (e.g., vrtx-select with attributes.name === 'role')
+ */
+function getRoleOptions(formConfig) {
+    if (!formConfig)
+        return [];
+    const findRoleSelect = (components) => {
+        var _a, _b, _c, _d;
+        for (const component of components) {
+            const isSelect = component.subtype === 'vrtx-select' || component.tagName === 'vrtx-select';
+            const isRole = ((_a = component === null || component === void 0 ? void 0 : component.attributes) === null || _a === void 0 ? void 0 : _a.name) === 'role' || ((_b = component.vortex) === null || _b === void 0 ? void 0 : _b.role) === 'role';
+            if (isSelect && isRole) {
+                return ((_c = component === null || component === void 0 ? void 0 : component.settings) === null || _c === void 0 ? void 0 : _c.options) || null;
+            }
+            if ((_d = component.children) === null || _d === void 0 ? void 0 : _d.length) {
+                const found = findRoleSelect(component.children);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    const options = findRoleSelect(formConfig);
+    if (Array.isArray(options)) {
+        // Normalize to label/value objects
+        return options.map((opt) => {
+            var _a;
+            return ({
+                id: opt.id,
+                label: (_a = opt.label) !== null && _a !== void 0 ? _a : String(opt.value),
+                value: String(opt.value),
+            });
+        });
+    }
+    return [];
+}
+//# sourceMappingURL=formUtils.js.map

package/dist/utils/formUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formUtils.js","sourceRoot":"","sources":["../../src/utils/formUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;AA4DA,4DAiBC;AAKD,8DAmCC;AAKD,kDAsBC;AAKD,oEAqGC;AAKD,kDAKC;AAKD,oDAIC;AAKD,sCAmBC;AAKD,8EAmCC;AAKD,wCA+BC;AAxTD;;GAEG;AACH,SAAgB,wBAAwB,CACtC,mBAAyC;;IAEzC,MAAM,SAAS,GAAG,MAAA,MAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,aAAa,0CAAE,KAAK,0CAAG,wBAAwB,CAAC,0CACnF,KAAY,CAAC;IACjB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IACD,wEAAwE;IACxE,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QACnB,OAAO,CAAC,SAAS,CAAC,IAAI,CAA+B,CAAC;IACxD,CAAC;IACD,yCAAyC;IACzC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAO,SAA4B,CAAC;IACtC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,SAAgB,yBAAyB,CACvC,KAAgD;IAEhD,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,MAAM,OAAO,GAAoC,EAAE,CAAC;IAEpD,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IACjF,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAmB,EAAE;QAC/C,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACxC,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QACpD,IAAI,OAAO;YAAE,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO,GAAG,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACjC,MAAM,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QAEnC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,OAAO,IAAI,GAAG,IAAI,eAAe,IAAI,GAAG,CAAC,EAAE,CAAC;YACjF,MAAM,QAAQ,GAAG,GAA2C,CAAC;YAC7D,IAAI,QAAQ,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;gBACzC,OAAO,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YAC9D,CAAC;iBAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxC,OAAO,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAgB,mBAAmB,CACjC,UAAkC,EAClC,IAAY;IAEZ,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,aAAa,GAAG,CAAC,UAA2B,EAAwB,EAAE;;QAC1E,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACnC,IAAI,CAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,IAAI,MAAK,IAAI,EAAE,CAAC;gBACpC,OAAO,SAAS,CAAC;YACnB,CAAC;YAED,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;gBACvB,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAChD,IAAI,KAAK;oBAAE,OAAO,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,SAAgB,4BAA4B,CAC1C,WAA4D,EAC5D,WAAwB,EACxB,UAAkC;;IAElC,mCAAmC;IACnC,MAAM,YAAY,qBAAQ,WAAW,CAAE,CAAC;IAExC,uCAAuC;IACvC,MAAM,QAAQ,GAAG,CACf,KAAyC,EACzC,SAA8B,EACzB,EAAE;;QACP,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,SAAS,CAAC,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC;YACjC,IAAI,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,EAAE,CAAC;gBAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBACjD,IAAI,KAAK;oBAAE,OAAO,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,qDAAqD;IACrD,MAAM,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;IACjC,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,yBAAyB,CAAC,QAAQ,CAAC,KAAY,CAAC,CAAC;QACnE,6EAA6E;QAC7E,MAAM,KACJ,SAAgB,EADZ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,OAC7C,EADkD,cAAc,cAA5E,qEAA8E,CAClE,CAAC;QACnB,YAAY,CAAC,eAAe,mCACvB,YAAY,CAAC,eAAe,GAC5B,cAAc,CAClB,CAAC;IACJ,CAAC;IAED,gDAAgD;IAChD,MAAM,YAAY,GAAG,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAE5D,gCAAgC;IAChC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,CAAC;QACxB,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxE,YAAY,CAAC,aAAa,iDACrB,YAAY,CAAC,aAAa,GAC1B,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,IAAI;YAC1C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC;SACtD,CAAC,GACC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,CAC3F,CAAC;QAEF,kDAAkD;QAClD,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,iBAAiB,mCACzB,YAAY,CAAC,iBAAiB,KACjC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAClC,CAAC;QACJ,CAAC;IACH,CAAC;IAED,8BAA8B;IAC9B,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,CAAC;QACtB,MAAM,eAAe,GAAG,yBAAyB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpE,YAAY,CAAC,WAAW,mCACnB,YAAY,CAAC,WAAW,GACxB,eAAe,CACnB,CAAC;IACJ,CAAC;IAED,iEAAiE;IACjE,MAAM,iBAAiB,GAAG,QAAQ,CAChC,UAAU,EACV,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,OAAO;QAClB,CAAC,CAAC,CAAC,OAAO,KAAK,oBAAoB,IAAI,CAAC,CAAC,OAAO,KAAK,oBAAoB,CAAC,CACtE,CAAC;IACT,MAAM,aAAa,GACjB,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,0CAAE,OAAO,CAAC;IACpC,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;QACjC,MAAM,GAAG,GAA2B,EAAE,CAAC;QACvC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC3B,IAAI,CAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,KAAI,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ;gBAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QACH,MAAM,EAAE,GAAG,GAAG,CAAC,+BAA+B,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,GAAG,CAAC,0BAA0B,CAAC,CAAC;QAC9C,IAAI,EAAE,EAAE,CAAC;YACP,YAAY,CAAC,eAAe,mCACvB,YAAY,CAAC,eAAe,KAC/B,eAAe,EAAE,EAAE,GACpB,CAAC;QACJ,CAAC;QACD,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,mBAAmB,mCAC3B,YAAY,CAAC,mBAAmB,KACnC,KAAK,GACN,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;GAEG;AACH,SAAgB,mBAAmB,CAAC,UAAkC;;IACpE,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5D,0DAA0D;IAC1D,MAAM,eAAe,GAAG,MAAC,UAAkB,aAAlB,UAAU,uBAAV,UAAU,CAAU,UAAU,0CAAE,WAAW,CAAC;IACrE,OAAO,eAAe,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAA,IAAI,aAAa,CAAC;AACrE,CAAC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,UAAkC;IACrE,MAAM,YAAY,GAAG,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAQ,CAAC;IACtE,yDAAyD;IACzD,OAAO,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,IAAI,QAAQ,CAAC;AACtE,CAAC;AAED;;GAEG;AACH,SAAgB,aAAa,CAAC,UAAkC;IAC9D,IAAI,CAAC,UAAU;QAAE,OAAO,KAAK,CAAC;IAE9B,MAAM,QAAQ,GAAG,CAAC,UAA2B,EAAW,EAAE;QACxD,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACnC,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC9B,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;gBACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAC3C,IAAI,KAAK;oBAAE,OAAO,IAAI,CAAC;YACzB,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,SAAgB,iCAAiC,CAAC,UAAkC;IAClF,IAAI,CAAC,UAAU;QAAE,OAAO,KAAK,CAAC;IAE9B,uDAAuD;IACvD,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAW,EAAE;QACzD,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACxD,0FAA0F;gBAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;gBACjE,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;oBACxB,IAAI,WAAW,GAAG,KAAK,CAAC;oBACxB,IAAI,YAAY,GAAG,KAAK,CAAC;oBAEzB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;wBAC1B,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;wBACtE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAC1B,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,IAAI,MAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,wBAAwB,CAAA,EAAA,CAC5E,CAAC;wBACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAC3B,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,IAAI,MAAK,QAAQ,IAAI,CAAC,CAAC,OAAO,KAAK,aAAa,CAAA,EAAA,CAClE,CAAC;wBACF,IAAI,QAAQ;4BAAE,WAAW,GAAG,IAAI,CAAC;wBACjC,IAAI,SAAS;4BAAE,YAAY,GAAG,IAAI,CAAC;oBACrC,CAAC;oBAED,IAAI,WAAW,IAAI,YAAY;wBAAE,OAAO,IAAI,CAAC;gBAC/C,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAAE,OAAO,IAAI,CAAC;QAC7D,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC;AAC/B,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc,CAC5B,UAAkC;IAElC,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,cAAc,GAAG,CAAC,UAA2B,EAAc,EAAE;;QACjE,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACnC,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,KAAK,aAAa,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,CAAC;YAC5F,MAAM,MAAM,GACV,CAAA,MAAC,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,UAAU,0CAAE,IAAI,MAAK,MAAM,IAAI,CAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,IAAI,MAAK,MAAM,CAAC;YACvF,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACvB,OAAO,CAAA,MAAC,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,QAAQ,0CAAE,OAAO,KAAI,IAAI,CAAC;YACvD,CAAC;YACD,IAAI,MAAA,SAAS,CAAC,QAAQ,0CAAE,MAAM,EAAE,CAAC;gBAC/B,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBACjD,IAAI,KAAK;oBAAE,OAAO,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,mCAAmC;QACnC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE;;YAAC,OAAA,CAAC;gBAChC,EAAE,EAAE,GAAG,CAAC,EAAE;gBACV,KAAK,EAAE,MAAA,GAAG,CAAC,KAAK,mCAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;gBACrC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;aACzB,CAAC,CAAA;SAAA,CAAC,CAAC;IACN,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC","sourcesContent":["import { WidgetConfiguration } from '@teamvortexsoftware/vortex-types';\nimport { ThemeColors } from './themeUtils';\n\nexport interface FormComponentStyle {\n  [key: string]: {\n    label?: string;\n    value?: string | number;\n    computedValue?: string;\n    unit?: string;\n  };\n}\n\nexport interface FormComponentSettings {\n  action?: {\n    type: string;\n    value: string;\n    target?: string;\n  };\n  size?: number;\n}\n\nexport interface FormComponent {\n  id: string;\n  type: string;\n  subtype?: string;\n  label?: string;\n  hint?: string;\n  name?: string;\n  required?: boolean;\n  placeholder?: string;\n  style?: FormComponentStyle;\n  settings?: FormComponentSettings;\n  vortex?: {\n    role?: string;\n    canRemove?: boolean;\n  };\n  children?: FormComponent[];\n  multiValue?: boolean;\n  validation?: Array<{\n    type: string;\n    value: string;\n    operator: string;\n    canRemove: boolean;\n    errorMessage: string;\n  }>;\n  tagName?: string;\n  textContent?: string;\n  attributes?: {\n    [key: string]: string;\n  };\n}\n\nexport interface FormConfiguration {\n  value: FormComponent[];\n  valueType: string;\n}\n\n/**\n * Extracts the form configuration from the widget configuration\n */\nexport function extractFormConfiguration(\n  widgetConfiguration?: WidgetConfiguration\n): FormComponent[] | null {\n  const formValue = widgetConfiguration?.configuration?.props?.['vortex.components.form']\n    ?.value as any;\n  if (!formValue) {\n    return null;\n  }\n  // Normalize: if the value contains a root node, start traversal from it\n  if (formValue.root) {\n    return [formValue.root] as unknown as FormComponent[];\n  }\n  // If it's already an array, return as-is\n  if (Array.isArray(formValue)) {\n    return formValue as FormComponent[];\n  }\n  return null;\n}\n\n/**\n * Converts form component style object to React Native styles\n */\nexport function convertFormStyleToRNStyle(\n  style?: FormComponentStyle | Record<string, any>\n): Record<string, string | number> {\n  if (!style) return {};\n\n  const rnStyle: Record<string, string | number> = {};\n\n  const toCamel = (s: string) => s.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n  const parseValue = (val: any): string | number => {\n    if (typeof val === 'number') return val;\n    if (typeof val !== 'string') return String(val);\n    const pxMatch = val.match(/^(-?\\d+(?:\\.\\d+)?)px$/i);\n    if (pxMatch) return Number(pxMatch[1]);\n    const num = Number(val);\n    if (!isNaN(num)) return num;\n    return val;\n  };\n\n  Object.keys(style).forEach((key) => {\n    const raw = (style as any)[key];\n    const normalizedKey = toCamel(key);\n\n    if (raw && typeof raw === 'object' && ('value' in raw || 'computedValue' in raw)) {\n      const styleObj = raw as { value?: any; computedValue?: any };\n      if (styleObj.computedValue !== undefined) {\n        rnStyle[normalizedKey] = parseValue(styleObj.computedValue);\n      } else if (styleObj.value !== undefined) {\n        rnStyle[normalizedKey] = parseValue(styleObj.value);\n      }\n    } else {\n      rnStyle[normalizedKey] = parseValue(raw);\n    }\n  });\n\n  return rnStyle;\n}\n\n/**\n * Find a specific component by role in the form configuration\n */\nexport function findComponentByRole(\n  formConfig: FormComponent[] | null,\n  role: string\n): FormComponent | null {\n  if (!formConfig) return null;\n\n  const findComponent = (components: FormComponent[]): FormComponent | null => {\n    for (const component of components) {\n      if (component.vortex?.role === role) {\n        return component;\n      }\n\n      if (component.children) {\n        const found = findComponent(component.children);\n        if (found) return found;\n      }\n    }\n\n    return null;\n  };\n\n  return findComponent(formConfig);\n}\n\n/**\n * Merges theme styles with component-specific styles from form configuration\n */\nexport function mergeThemeAndComponentStyles(\n  themeStyles: Record<string, Record<string, string | number>>,\n  themeColors: ThemeColors,\n  formConfig: FormComponent[] | null\n): Record<string, Record<string, string | number>> {\n  // Start with the base theme styles\n  const mergedStyles = { ...themeStyles };\n\n  // Helper: find first node by predicate\n  const findNode = (\n    nodes: FormComponent[] | null | undefined,\n    predicate: (n: any) => boolean\n  ): any => {\n    if (!nodes) return null;\n    for (const node of nodes) {\n      if (predicate(node)) return node;\n      if (node.children?.length) {\n        const found = findNode(node.children, predicate);\n        if (found) return found;\n      }\n    }\n    return null;\n  };\n\n  // 1) Merge root container style into containerStyles\n  const rootNode = formConfig?.[0];\n  if (rootNode?.style) {\n    const rootStyle = convertFormStyleToRNStyle(rootNode.style as any);\n    // Avoid applying absolute dimensions that can break responsiveness on mobile\n    const { width, height, maxWidth, minWidth, maxHeight, minHeight, ...responsiveRoot } =\n      rootStyle as any;\n    mergedStyles.containerStyles = {\n      ...mergedStyles.containerStyles,\n      ...responsiveRoot,\n    };\n  }\n\n  // Find submit button and email input components\n  const submitButton = findComponentByRole(formConfig, 'submit');\n  const emailInput = findComponentByRole(formConfig, 'email');\n\n  // 2) Merge submit button styles\n  if (submitButton?.style) {\n    const submitButtonStyle = convertFormStyleToRNStyle(submitButton.style);\n    mergedStyles.primaryButton = {\n      ...mergedStyles.primaryButton,\n      ...(submitButtonStyle['backgroundColor'] && {\n        backgroundColor: submitButtonStyle['backgroundColor'],\n      }),\n      ...(submitButtonStyle['borderColor'] && { borderColor: submitButtonStyle['borderColor'] }),\n    };\n\n    // Update button text if there's a color specified\n    if (submitButtonStyle['color']) {\n      mergedStyles.primaryButtonText = {\n        ...mergedStyles.primaryButtonText,\n        color: submitButtonStyle['color'],\n      };\n    }\n  }\n\n  // 3) Merge email input styles\n  if (emailInput?.style) {\n    const emailInputStyle = convertFormStyleToRNStyle(emailInput.style);\n    mergedStyles.inputStyles = {\n      ...mergedStyles.inputStyles,\n      ...emailInputStyle,\n    };\n  }\n\n  // 4) Merge vrtx-share-options block theme into secondary buttons\n  const shareOptionsBlock = findNode(\n    formConfig,\n    (n) =>\n      n.type === 'block' &&\n      (n.subtype === 'vrtx-share-options' || n.tagName === 'vrtx-share-options')\n  ) as any;\n  const optionEntries: Array<{ key?: string; value?: string }> | undefined =\n    shareOptionsBlock?.theme?.options;\n  if (Array.isArray(optionEntries)) {\n    const map: Record<string, string> = {};\n    optionEntries.forEach((it) => {\n      if (it?.key && typeof it.value === 'string') map[it.key] = it.value;\n    });\n    const bg = map['--vrtx-icon-button-background'];\n    const color = map['--vrtx-icon-button-color'];\n    if (bg) {\n      mergedStyles.secondaryButton = {\n        ...mergedStyles.secondaryButton,\n        backgroundColor: bg,\n      };\n    }\n    if (color) {\n      mergedStyles.secondaryButtonText = {\n        ...mergedStyles.secondaryButtonText,\n        color,\n      };\n    }\n  }\n\n  return mergedStyles;\n}\n\n/**\n * Get email input placeholder from form configuration\n */\nexport function getEmailPlaceholder(formConfig: FormComponent[] | null): string {\n  const emailInput = findComponentByRole(formConfig, 'email');\n  // Prefer attributes.placeholder as per current JSON shape\n  const attrPlaceholder = (emailInput as any)?.attributes?.placeholder;\n  return attrPlaceholder || emailInput?.placeholder || 'Enter email';\n}\n\n/**\n * Get submit button label from form configuration\n */\nexport function getSubmitButtonLabel(formConfig: FormComponent[] | null): string {\n  const submitButton = findComponentByRole(formConfig, 'submit') as any;\n  // Prefer textContent per current JSON; fallback to label\n  return submitButton?.textContent || submitButton?.label || 'Invite';\n}\n\n/**\n * Determines if the form layout uses a grid structure\n */\nexport function hasGridLayout(formConfig: FormComponent[] | null): boolean {\n  if (!formConfig) return false;\n\n  const findGrid = (components: FormComponent[]): boolean => {\n    for (const component of components) {\n      if (component.type === 'grid') {\n        return true;\n      }\n\n      if (component.children) {\n        const found = findGrid(component.children);\n        if (found) return true;\n      }\n    }\n\n    return false;\n  };\n\n  return findGrid(formConfig);\n}\n\n/**\n * Determines if email and share components are in separate grid items\n */\nexport function hasEmailAndShareInSeparateColumns(formConfig: FormComponent[] | null): boolean {\n  if (!formConfig) return false;\n\n  // Adjusted to the current JSON tree (row/column/block)\n  const checkTree = (components: FormComponent[]): boolean => {\n    for (const node of components) {\n      if (node.type === 'row' && Array.isArray(node.children)) {\n        // Look for two columns where one column has an email block and another has a submit block\n        const columns = node.children.filter((c) => c.type === 'column');\n        if (columns.length >= 2) {\n          let hasEmailCol = false;\n          let hasSubmitCol = false;\n\n          for (const col of columns) {\n            const blocks = (col.children || []).filter((c) => c.type === 'block');\n            const hasEmail = blocks.some(\n              (b) => b.vortex?.role === 'email' || b.subtype === 'vrtx-email-invitations'\n            );\n            const hasSubmit = blocks.some(\n              (b) => b.vortex?.role === 'submit' || b.subtype === 'vrtx-submit'\n            );\n            if (hasEmail) hasEmailCol = true;\n            if (hasSubmit) hasSubmitCol = true;\n          }\n\n          if (hasEmailCol && hasSubmitCol) return true;\n        }\n      }\n\n      if (node.children && checkTree(node.children)) return true;\n    }\n    return false;\n  };\n\n  return checkTree(formConfig);\n}\n\n/**\n * Extract role options from form configuration (e.g., vrtx-select with attributes.name === 'role')\n */\nexport function getRoleOptions(\n  formConfig: FormComponent[] | null\n): Array<{ id?: string; label: string; value: string }> {\n  if (!formConfig) return [];\n\n  const findRoleSelect = (components: FormComponent[]): any | null => {\n    for (const component of components) {\n      const isSelect = component.subtype === 'vrtx-select' || component.tagName === 'vrtx-select';\n      const isRole =\n        (component as any)?.attributes?.name === 'role' || component.vortex?.role === 'role';\n      if (isSelect && isRole) {\n        return (component as any)?.settings?.options || null;\n      }\n      if (component.children?.length) {\n        const found = findRoleSelect(component.children);\n        if (found) return found;\n      }\n    }\n    return null;\n  };\n\n  const options = findRoleSelect(formConfig);\n  if (Array.isArray(options)) {\n    // Normalize to label/value objects\n    return options.map((opt: any) => ({\n      id: opt.id,\n      label: opt.label ?? String(opt.value),\n      value: String(opt.value),\n    }));\n  }\n  return [];\n}\n"]}