@teamvortexsoftware/vortex-react-native 1.0.0 → 1.0.1

package/dist/components/VrtxEmailInvitations.js

@@ -0,0 +1,341 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VrtxEmailInvitations = VrtxEmailInvitations;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const isWeb = react_native_1.Platform.OS === 'web';
+// Parse CSS linear-gradient to extract first color for fallback
+function parseGradientFirstColor(gradientString) {
+    if (!gradientString || !gradientString.includes('linear-gradient')) {
+        return null;
+    }
+    const stopsRegex = /(rgba?\([^)]+\)|#[0-9a-fA-F]{3,8}|[a-z]+)\s+(\d+)%/i;
+    const match = stopsRegex.exec(gradientString);
+    if (match) {
+        return match[1].trim();
+    }
+    return null;
+}
+const ButtonWrapper = ({ children, style, gradientString, onPress, disabled, }) => {
+    const styleArray = Array.isArray(style) ? style : [style];
+    // On web, use CSS gradients directly
+    if (gradientString && isWeb) {
+        return (<react_native_1.TouchableOpacity style={[...styleArray, { background: gradientString }]} onPress={onPress} disabled={disabled} activeOpacity={0.7}>
+        {children}
+      </react_native_1.TouchableOpacity>);
+    }
+    // On native, use first color from gradient as solid background
+    const fallbackColor = gradientString ? parseGradientFirstColor(gradientString) : null;
+    const finalStyle = fallbackColor ? [...styleArray, { backgroundColor: fallbackColor }] : styleArray;
+    return (<react_native_1.TouchableOpacity style={finalStyle} onPress={onPress} disabled={disabled} activeOpacity={0.7}>
+      {children}
+    </react_native_1.TouchableOpacity>);
+};
+const ChipWrapper = ({ children, style, gradientString }) => {
+    const styleArray = Array.isArray(style) ? style : [style];
+    // On web, use CSS gradients directly
+    if (gradientString && isWeb) {
+        return <react_native_1.View style={[...styleArray, { background: gradientString }]}>{children}</react_native_1.View>;
+    }
+    // On native, use first color from gradient as solid background
+    const fallbackColor = gradientString ? parseGradientFirstColor(gradientString) : null;
+    const finalStyle = fallbackColor ? [...styleArray, { backgroundColor: fallbackColor }] : styleArray;
+    return <react_native_1.View style={finalStyle}>{children}</react_native_1.View>;
+};
+function VrtxEmailInvitations({ block, view, emails, emailInput, setEmailInput, handleEmailSubmit, handleRemoveEmail, submitButtonBlock, handleSendInvitation, triggerHaptic, loadingEmailInvite = false, sendSuccess = false, lastInvalidEmail = null, EditableWrapper, onEmailFieldFocus, onEmailFieldBlur, handleAddByEmail, renderIcon, isEditMode = false, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const inputRef = react_1.default.useRef(null);
+    // Smart email input handler: detect delimiter characters (space, comma, semicolon)
+    // and automatically convert valid emails into pills — best-practice multi-email UX.
+    // Also handles paste of multiple emails separated by delimiters.
+    const handleChangeText = react_1.default.useCallback((text) => {
+        // Check if pasted text contains multiple emails (e.g. "a@b.com, c@d.com")
+        const delimiterRegex = /[,;\s]+/;
+        if (delimiterRegex.test(text) && text.trim().includes('@')) {
+            const parts = text.split(delimiterRegex).filter(Boolean);
+            // If multiple parts, try to pill-ify all complete ones
+            if (parts.length > 1) {
+                for (const part of parts) {
+                    handleEmailSubmit(part.trim());
+                }
+                setEmailInput('');
+                return;
+            }
+        }
+        // Check if the last character typed is a delimiter
+        const lastChar = text.slice(-1);
+        const delimiters = [' ', ',', ';'];
+        if (delimiters.includes(lastChar)) {
+            const candidate = text.slice(0, -1).trim();
+            if (candidate) {
+                handleEmailSubmit(candidate);
+                triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light');
+                return;
+            }
+            // If nothing before the delimiter, ignore it
+            return;
+        }
+        setEmailInput(text);
+    }, [setEmailInput, handleEmailSubmit, triggerHaptic]);
+    // Convert any pending text to a pill on blur
+    const handleBlur = react_1.default.useCallback(() => {
+        if (emailInput.trim()) {
+            handleEmailSubmit(emailInput.trim());
+        }
+        onEmailFieldBlur === null || onEmailFieldBlur === void 0 ? void 0 : onEmailFieldBlur();
+    }, [emailInput, handleEmailSubmit, onEmailFieldBlur]);
+    // Extract styles from block.style
+    const blockStyle = (block === null || block === void 0 ? void 0 : block.style) || {};
+    // Merge styles
+    const mergedStyle = Object.assign({}, blockStyle);
+    // Extract gradient string and fallback color
+    // On native, 'background' is a CSS property that doesn't work — convert solid colors to 'backgroundColor'
+    const rawBackground = mergedStyle.background || null;
+    const isGradient = rawBackground === null || rawBackground === void 0 ? void 0 : rawBackground.includes('gradient');
+    const gradientString = isGradient ? rawBackground : null;
+    const fallbackColor = isGradient
+        ? parseGradientFirstColor(rawBackground)
+        : rawBackground || mergedStyle.backgroundColor;
+    // Extract text color
+    const textColor = mergedStyle.color || '#333';
+    // Create text style
+    const textStyle = Object.assign(Object.assign({}, mergedStyle), { color: textColor });
+    // Extract submit button styles and content if provided
+    const submitButtonStyle = (submitButtonBlock === null || submitButtonBlock === void 0 ? void 0 : submitButtonBlock.style) || {};
+    const submitButtonGradientString = submitButtonStyle.background || null;
+    const submitButtonFallbackColor = submitButtonGradientString
+        ? parseGradientFirstColor(submitButtonGradientString)
+        : submitButtonStyle.backgroundColor;
+    const submitButtonTextColor = submitButtonStyle.color || '#fff';
+    const submitButtonText = (submitButtonBlock === null || submitButtonBlock === void 0 ? void 0 : submitButtonBlock.textContent) || ((_a = submitButtonBlock === null || submitButtonBlock === void 0 ? void 0 : submitButtonBlock.attributes) === null || _a === void 0 ? void 0 : _a.label) || 'Invite';
+    const handleSendInvitationWithHaptics = () => __awaiter(this, void 0, void 0, function* () {
+        if (handleSendInvitation) {
+            yield (triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light'));
+            yield handleSendInvitation();
+        }
+    });
+    const handleAddByEmailWithHaptics = () => __awaiter(this, void 0, void 0, function* () {
+        if (handleAddByEmail) {
+            yield (triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light'));
+            handleAddByEmail();
+        }
+    });
+    // On main view, render as a button
+    if (view === 'main') {
+        return (<react_native_1.View key={block.id} style={{
+                position: 'relative',
+            }}>
+        <ButtonWrapper style={[
+                styles.button,
+                styles.fullButton,
+                {
+                    borderWidth: 1,
+                    borderColor: '#e0e0e0',
+                },
+                mergedStyle,
+                fallbackColor ? { backgroundColor: fallbackColor } : undefined,
+            ]} gradientString={gradientString} onPress={isEditMode ? undefined : handleAddByEmailWithHaptics} disabled={isEditMode}>
+          {renderIcon && (<react_native_1.View style={styles.buttonIconContainer}>
+              {renderIcon({ name: 'email', size: 18, color: textColor })}
+            </react_native_1.View>)}
+          <react_native_1.Text style={[styles.buttonText, { color: textColor }]}>
+            {((_d = (_c = (_b = block.settings) === null || _b === void 0 ? void 0 : _b.customizations) === null || _c === void 0 ? void 0 : _c['mobile.addByEmailButton']) === null || _d === void 0 ? void 0 : _d.textContent) || ((_e = block.attributes) === null || _e === void 0 ? void 0 : _e.label) || 'Add by Email'}
+          </react_native_1.Text>
+        </ButtonWrapper>
+        {/* Circle button for edit mode to preview the email form */}
+        {isEditMode && (<react_native_1.TouchableOpacity {...{
+                'data-circle-button': 'true',
+                onMouseDown: (e) => __awaiter(this, void 0, void 0, function* () {
+                    console.log('[VrtxEmailInvitations] Circle button onMouseDown - switching to email view');
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    e._circleButtonClick = true;
+                    if (e.nativeEvent) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        e.nativeEvent._circleButtonClick = true;
+                    }
+                    e.stopPropagation();
+                    e.preventDefault();
+                    yield (triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light'));
+                    if (handleAddByEmail) {
+                        console.log('[VrtxEmailInvitations] Calling handleAddByEmail');
+                        handleAddByEmail();
+                    }
+                }),
+                onClick: (e) => {
+                    console.log('[VrtxEmailInvitations] Circle button onClick - preventing default');
+                    e.stopPropagation();
+                    e.preventDefault();
+                },
+                onClickCapture: (e) => {
+                    console.log('[VrtxEmailInvitations] Circle button onClickCapture - preventing default');
+                    e.stopPropagation();
+                    e.preventDefault();
+                },
+            }} style={Object.assign({ position: 'absolute', right: 8, bottom: '8%', transform: [{ translateY: -12 }], width: 24, height: 24, borderRadius: 12, backgroundColor: '#606971ff', justifyContent: 'center', alignItems: 'center', shadowColor: '#2196F3', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.8, shadowRadius: 8, elevation: 99999, zIndex: 99999 }, (isWeb && {
+                    boxShadow: '0 0 12px 3px rgba(118, 122, 125, 0.6)',
+                }))} activeOpacity={0.7} onPress={(e) => __awaiter(this, void 0, void 0, function* () {
+                    console.log('[VrtxEmailInvitations] Circle button pressed - switching to email view');
+                    // Mark the event so EditableWrapper ignores it
+                    if (e) {
+                        e._circleButtonClick = true;
+                        if (e.nativeEvent) {
+                            e.nativeEvent._circleButtonClick = true;
+                        }
+                    }
+                    yield (triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light'));
+                    if (handleAddByEmail) {
+                        handleAddByEmail();
+                    }
+                })}>
+            <react_native_1.Text style={{ color: '#fff', fontSize: 14, fontWeight: 'bold' }}></react_native_1.Text>
+          </react_native_1.TouchableOpacity>)}
+        {/* Invisible spacer to ensure outline includes the circle button */}
+        {isEditMode && (<react_native_1.View style={{
+                    position: 'absolute',
+                    right: 0,
+                    top: 0,
+                    bottom: 0,
+                    width: 40,
+                    pointerEvents: 'none',
+                }}/>)}
+      </react_native_1.View>);
+    }
+    // On email view, render the full form
+    if (view !== 'email') {
+        return null;
+    }
+    return (<react_native_1.View key={block.id}>
+      {emails.length > 0 && (<react_native_1.View style={styles.emailChipsContainer}>
+          {emails.map((email, index) => (<ChipWrapper key={index} style={[styles.emailChip, mergedStyle, fallbackColor ? { backgroundColor: fallbackColor } : undefined]} gradientString={gradientString}>
+              <react_native_1.Text style={[styles.emailChipText, textStyle]}>{email}</react_native_1.Text>
+              <react_native_1.TouchableOpacity onPress={() => handleRemoveEmail(email)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }} style={{ padding: 4 }}>
+                <react_native_1.Text style={[styles.emailChipRemove, { color: textColor }]}>×</react_native_1.Text>
+              </react_native_1.TouchableOpacity>
+            </ChipWrapper>))}
+        </react_native_1.View>)}
+
+      <react_native_1.TextInput ref={inputRef} style={[styles.input, lastInvalidEmail ? styles.inputInvalid : undefined]} placeholder={emails.length > 0 ? (((_h = (_g = (_f = block.settings) === null || _f === void 0 ? void 0 : _f.customizations) === null || _g === void 0 ? void 0 : _g['mobile.addAnotherPlaceholder']) === null || _h === void 0 ? void 0 : _h.textContent) || 'Add another email') : (((_l = (_k = (_j = block.settings) === null || _j === void 0 ? void 0 : _j.customizations) === null || _k === void 0 ? void 0 : _k['mobile.placeholder']) === null || _l === void 0 ? void 0 : _l.textContent) || 'Enter email addresses')} placeholderTextColor="#999" value={emailInput} onChangeText={handleChangeText} onSubmitEditing={() => {
+            var _a;
+            handleEmailSubmit();
+            // Keep keyboard open for entering more emails
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }} onFocus={onEmailFieldFocus} onBlur={handleBlur} keyboardType="email-address" autoCapitalize="none" autoCorrect={false} returnKeyType="done" blurOnSubmit={false} autoFocus={true}/>
+
+      {/* Hint text below input */}
+      {(() => {
+            var _a, _b, _c;
+            const hintText = ((_c = (_b = (_a = block.settings) === null || _a === void 0 ? void 0 : _a.customizations) === null || _b === void 0 ? void 0 : _b['mobile.hint']) === null || _c === void 0 ? void 0 : _c.textContent) || 'Separate emails with spaces or commas';
+            return hintText ? (<react_native_1.Text style={styles.hintText}>{hintText}</react_native_1.Text>) : null;
+        })()}
+
+      {/* Submit button is now rendered separately in InviteFormCore */}
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    emailChipsContainer: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8,
+        marginBottom: 12,
+    },
+    emailChip: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+        borderRadius: 16,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        gap: 6,
+    },
+    emailChipText: {
+        fontSize: 14,
+        color: '#333',
+    },
+    emailChipRemove: {
+        fontSize: 20,
+        color: '#666',
+        fontWeight: '300',
+    },
+    input: {
+        borderWidth: 1,
+        borderColor: '#ddd',
+        borderRadius: 8,
+        padding: 12,
+        fontSize: 16,
+        backgroundColor: '#fff',
+        marginBottom: 4,
+    },
+    inputInvalid: {
+        borderColor: '#d9534f',
+        borderWidth: 1.5,
+    },
+    hintText: {
+        fontSize: 12,
+        color: '#999',
+        marginBottom: 12,
+        marginLeft: 4,
+    },
+    submitButtonContainer: {
+        marginTop: 16,
+    },
+    successMessageContainer: {
+        padding: 16,
+        backgroundColor: '#e8f5e9',
+        borderRadius: 8,
+        alignItems: 'center',
+    },
+    invitedText: {
+        color: '#2e7d32',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    button: {
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderRadius: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+        backgroundColor: '#f5f5f5',
+    },
+    submitButton: {
+        backgroundColor: '#007AFF',
+    },
+    fullButton: {
+        width: '100%',
+    },
+    submitButtonText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    buttonContainer: {
+        marginBottom: 16,
+    },
+    buttonIconContainer: {
+        width: 18,
+        height: 18,
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'visible',
+    },
+    buttonText: {
+        color: '#333',
+        fontSize: 16,
+        fontWeight: '500',
+    },
+});
+//# sourceMappingURL=VrtxEmailInvitations.js.map

package/dist/components/VrtxEmailInvitations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VrtxEmailInvitations.js","sourceRoot":"","sources":["../../src/components/VrtxEmailInvitations.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  View,\n  Text,\n  TextInput,\n  TouchableOpacity,\n  ActivityIndicator,\n  StyleSheet,\n  ViewStyle,\n  Platform,\n} from 'react-native';\nimport type { ViewType } from '../hooks/useInvitationFormLogic';\n\nconst isWeb = Platform.OS === 'web';\n\n// Parse CSS linear-gradient to extract first color for fallback\nfunction parseGradientFirstColor(gradientString: string): string | null {\n  if (!gradientString || !gradientString.includes('linear-gradient')) {\n    return null;\n  }\n\n  const stopsRegex = /(rgba?\\([^)]+\\)|#[0-9a-fA-F]{3,8}|[a-z]+)\\s+(\\d+)%/i;\n  const match = stopsRegex.exec(gradientString);\n\n  if (match) {\n    return match[1].trim();\n  }\n\n  return null;\n}\n\nexport interface VrtxEmailInvitationsProps {\n  block: any;\n  view: ViewType;\n  emails: string[];\n  emailInput: string;\n  setEmailInput: (value: string) => void;\n  handleEmailSubmit: (overrideEmail?: string) => void;\n  handleRemoveEmail: (email: string) => void;\n  submitButtonBlock?: any;\n  handleSendInvitation?: () => Promise<void>;\n  triggerHaptic?: (style: 'light' | 'medium' | 'heavy') => Promise<void>;\n  loadingEmailInvite?: boolean;\n  sendSuccess?: boolean;\n  /** When set, the input briefly shows a red border to indicate invalid email */\n  lastInvalidEmail?: string | null;\n  EditableWrapper?: React.ComponentType<{\n    children: React.ReactNode;\n    componentId: string;\n    componentType: string;\n    node?: any;\n  }>;\n  // Analytics callbacks (optional)\n  onEmailFieldFocus?: () => void;\n  onEmailFieldBlur?: () => void;\n  // Handler to navigate to email view\n  handleAddByEmail?: () => void;\n  renderIcon?: (props: any) => React.ReactNode;\n  isEditMode?: boolean;\n}\n\n// Button wrapper component that handles gradients on web, solid color fallback on native\ninterface ButtonWrapperProps {\n  children: React.ReactNode;\n  style: ViewStyle | ViewStyle[];\n  gradientString: string | null;\n  onPress?: () => void;\n  disabled?: boolean;\n}\n\nconst ButtonWrapper: React.FC<ButtonWrapperProps> = ({\n  children,\n  style,\n  gradientString,\n  onPress,\n  disabled,\n}) => {\n  const styleArray = Array.isArray(style) ? style : [style];\n\n  // On web, use CSS gradients directly\n  if (gradientString && isWeb) {\n    return (\n      <TouchableOpacity\n        style={[...styleArray, { background: gradientString } as any]}\n        onPress={onPress}\n        disabled={disabled}\n        activeOpacity={0.7}\n      >\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  // On native, use first color from gradient as solid background\n  const fallbackColor = gradientString ? parseGradientFirstColor(gradientString) : null;\n  const finalStyle = fallbackColor ? [...styleArray, { backgroundColor: fallbackColor }] : styleArray;\n\n  return (\n    <TouchableOpacity\n      style={finalStyle}\n      onPress={onPress}\n      disabled={disabled}\n      activeOpacity={0.7}\n    >\n      {children}\n    </TouchableOpacity>\n  );\n};\n\n// Chip wrapper component that handles gradients on web, solid color fallback on native\ninterface ChipWrapperProps {\n  children: React.ReactNode;\n  style: ViewStyle | ViewStyle[];\n  gradientString: string | null;\n}\n\nconst ChipWrapper: React.FC<ChipWrapperProps> = ({ children, style, gradientString }) => {\n  const styleArray = Array.isArray(style) ? style : [style];\n\n  // On web, use CSS gradients directly\n  if (gradientString && isWeb) {\n    return <View style={[...styleArray, { background: gradientString } as any]}>{children}</View>;\n  }\n\n  // On native, use first color from gradient as solid background\n  const fallbackColor = gradientString ? parseGradientFirstColor(gradientString) : null;\n  const finalStyle = fallbackColor ? [...styleArray, { backgroundColor: fallbackColor }] : styleArray;\n\n  return <View style={finalStyle}>{children}</View>;\n};\n\nexport function VrtxEmailInvitations({\n  block,\n  view,\n  emails,\n  emailInput,\n  setEmailInput,\n  handleEmailSubmit,\n  handleRemoveEmail,\n  submitButtonBlock,\n  handleSendInvitation,\n  triggerHaptic,\n  loadingEmailInvite = false,\n  sendSuccess = false,\n  lastInvalidEmail = null,\n  EditableWrapper,\n  onEmailFieldFocus,\n  onEmailFieldBlur,\n  handleAddByEmail,\n  renderIcon,\n  isEditMode = false,\n}: VrtxEmailInvitationsProps) {\n  const inputRef = React.useRef<any>(null);\n\n  // Smart email input handler: detect delimiter characters (space, comma, semicolon)\n  // and automatically convert valid emails into pills — best-practice multi-email UX.\n  // Also handles paste of multiple emails separated by delimiters.\n  const handleChangeText = React.useCallback((text: string) => {\n    // Check if pasted text contains multiple emails (e.g. \"a@b.com, c@d.com\")\n    const delimiterRegex = /[,;\\s]+/;\n    if (delimiterRegex.test(text) && text.trim().includes('@')) {\n      const parts = text.split(delimiterRegex).filter(Boolean);\n      // If multiple parts, try to pill-ify all complete ones\n      if (parts.length > 1) {\n        for (const part of parts) {\n          handleEmailSubmit(part.trim());\n        }\n        setEmailInput('');\n        return;\n      }\n    }\n\n    // Check if the last character typed is a delimiter\n    const lastChar = text.slice(-1);\n    const delimiters = [' ', ',', ';'];\n\n    if (delimiters.includes(lastChar)) {\n      const candidate = text.slice(0, -1).trim();\n      if (candidate) {\n        handleEmailSubmit(candidate);\n        triggerHaptic?.('light');\n        return;\n      }\n      // If nothing before the delimiter, ignore it\n      return;\n    }\n\n    setEmailInput(text);\n  }, [setEmailInput, handleEmailSubmit, triggerHaptic]);\n\n  // Convert any pending text to a pill on blur\n  const handleBlur = React.useCallback(() => {\n    if (emailInput.trim()) {\n      handleEmailSubmit(emailInput.trim());\n    }\n    onEmailFieldBlur?.();\n  }, [emailInput, handleEmailSubmit, onEmailFieldBlur]);\n  // Extract styles from block.style\n  const blockStyle = block?.style || {};\n\n  // Merge styles\n  const mergedStyle = { ...blockStyle };\n\n  // Extract gradient string and fallback color\n  // On native, 'background' is a CSS property that doesn't work — convert solid colors to 'backgroundColor'\n  const rawBackground = mergedStyle.background || null;\n  const isGradient = rawBackground?.includes('gradient');\n  const gradientString = isGradient ? rawBackground : null;\n  const fallbackColor = isGradient\n    ? parseGradientFirstColor(rawBackground)\n    : rawBackground || mergedStyle.backgroundColor;\n\n  // Extract text color\n  const textColor = mergedStyle.color || '#333';\n\n  // Create text style\n  const textStyle = { ...mergedStyle, color: textColor };\n\n  // Extract submit button styles and content if provided\n  const submitButtonStyle = submitButtonBlock?.style || {};\n  const submitButtonGradientString = submitButtonStyle.background || null;\n  const submitButtonFallbackColor = submitButtonGradientString\n    ? parseGradientFirstColor(submitButtonGradientString)\n    : submitButtonStyle.backgroundColor;\n  const submitButtonTextColor = submitButtonStyle.color || '#fff';\n\n  const submitButtonText =\n    submitButtonBlock?.textContent || submitButtonBlock?.attributes?.label || 'Invite';\n\n  const handleSendInvitationWithHaptics = async () => {\n    if (handleSendInvitation) {\n      await triggerHaptic?.('light');\n      await handleSendInvitation();\n    }\n  };\n\n  const handleAddByEmailWithHaptics = async () => {\n    if (handleAddByEmail) {\n      await triggerHaptic?.('light');\n      handleAddByEmail();\n    }\n  };\n\n  // On main view, render as a button\n  if (view === 'main') {\n    return (\n      <View\n        key={block.id}\n        style={{\n          position: 'relative',\n        }}\n      >\n        <ButtonWrapper\n          style={[\n            styles.button,\n            styles.fullButton,\n            {\n              borderWidth: 1,\n              borderColor: '#e0e0e0',\n            },\n            mergedStyle,\n            fallbackColor ? { backgroundColor: fallbackColor } : undefined,\n          ]}\n          gradientString={gradientString}\n          onPress={isEditMode ? undefined : handleAddByEmailWithHaptics}\n          disabled={isEditMode}\n        >\n          {renderIcon && (\n            <View style={styles.buttonIconContainer}>\n              {renderIcon({ name: 'email', size: 18, color: textColor })}\n            </View>\n          )}\n          <Text style={[styles.buttonText, { color: textColor }]}>\n            {block.settings?.customizations?.['mobile.addByEmailButton']?.textContent || block.attributes?.label || 'Add by Email'}\n          </Text>\n        </ButtonWrapper>\n        {/* Circle button for edit mode to preview the email form */}\n        {isEditMode && (\n          <TouchableOpacity\n            {...({\n              'data-circle-button': 'true',\n              onMouseDown: async (e: React.MouseEvent) => {\n                console.log('[VrtxEmailInvitations] Circle button onMouseDown - switching to email view');\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                (e as any)._circleButtonClick = true;\n                if (e.nativeEvent) {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  (e.nativeEvent as any)._circleButtonClick = true;\n                }\n                e.stopPropagation();\n                e.preventDefault();\n                await triggerHaptic?.('light');\n                if (handleAddByEmail) {\n                  console.log('[VrtxEmailInvitations] Calling handleAddByEmail');\n                  handleAddByEmail();\n                }\n              },\n              onClick: (e: React.MouseEvent) => {\n                console.log('[VrtxEmailInvitations] Circle button onClick - preventing default');\n                e.stopPropagation();\n                e.preventDefault();\n              },\n              onClickCapture: (e: React.MouseEvent) => {\n                console.log('[VrtxEmailInvitations] Circle button onClickCapture - preventing default');\n                e.stopPropagation();\n                e.preventDefault();\n              },\n            } as any)}\n            style={{\n              position: 'absolute',\n              right: 8,\n              bottom: '8%',\n              transform: [{ translateY: -12 }],\n              width: 24,\n              height: 24,\n              borderRadius: 12,\n              backgroundColor: '#606971ff',\n              justifyContent: 'center',\n              alignItems: 'center',\n              shadowColor: '#2196F3',\n              shadowOffset: { width: 0, height: 0 },\n              shadowOpacity: 0.8,\n              shadowRadius: 8,\n              elevation: 99999,\n              zIndex: 99999,\n              ...(isWeb && {\n                boxShadow: '0 0 12px 3px rgba(118, 122, 125, 0.6)',\n              }),\n            }}\n            activeOpacity={0.7}\n            onPress={async (e: any) => {\n              console.log('[VrtxEmailInvitations] Circle button pressed - switching to email view');\n              // Mark the event so EditableWrapper ignores it\n              if (e) {\n                e._circleButtonClick = true;\n                if (e.nativeEvent) {\n                  e.nativeEvent._circleButtonClick = true;\n                }\n              }\n              await triggerHaptic?.('light');\n              if (handleAddByEmail) {\n                handleAddByEmail();\n              }\n            }}\n          >\n            <Text style={{ color: '#fff', fontSize: 14, fontWeight: 'bold' }}></Text>\n          </TouchableOpacity>\n        )}\n        {/* Invisible spacer to ensure outline includes the circle button */}\n        {isEditMode && (\n          <View\n            style={{\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              bottom: 0,\n              width: 40,\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </View>\n    );\n  }\n\n  // On email view, render the full form\n  if (view !== 'email') {\n    return null;\n  }\n\n  return (\n    <View key={block.id}>\n      {emails.length > 0 && (\n        <View style={styles.emailChipsContainer}>\n          {emails.map((email, index) => (\n            <ChipWrapper\n              key={index}\n              style={[styles.emailChip, mergedStyle, fallbackColor ? { backgroundColor: fallbackColor } : undefined]}\n              gradientString={gradientString}\n            >\n              <Text style={[styles.emailChipText, textStyle]}>{email}</Text>\n              <TouchableOpacity\n                onPress={() => handleRemoveEmail(email)}\n                hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}\n                style={{ padding: 4 }}\n              >\n                <Text style={[styles.emailChipRemove, { color: textColor }]}>×</Text>\n              </TouchableOpacity>\n            </ChipWrapper>\n          ))}\n        </View>\n      )}\n\n      <TextInput\n        ref={inputRef}\n        style={[styles.input, lastInvalidEmail ? styles.inputInvalid : undefined]}\n        placeholder={emails.length > 0 ? (block.settings?.customizations?.['mobile.addAnotherPlaceholder']?.textContent || 'Add another email') : (block.settings?.customizations?.['mobile.placeholder']?.textContent || 'Enter email addresses')}\n        placeholderTextColor=\"#999\"\n        value={emailInput}\n        onChangeText={handleChangeText}\n        onSubmitEditing={() => {\n          handleEmailSubmit();\n          // Keep keyboard open for entering more emails\n          inputRef.current?.focus();\n        }}\n        onFocus={onEmailFieldFocus}\n        onBlur={handleBlur}\n        keyboardType=\"email-address\"\n        autoCapitalize=\"none\"\n        autoCorrect={false}\n        returnKeyType=\"done\"\n        blurOnSubmit={false}\n        autoFocus={true}\n      />\n\n      {/* Hint text below input */}\n      {(() => {\n        const hintText = block.settings?.customizations?.['mobile.hint']?.textContent || 'Separate emails with spaces or commas';\n        return hintText ? (\n          <Text style={styles.hintText}>{hintText}</Text>\n        ) : null;\n      })()}\n\n      {/* Submit button is now rendered separately in InviteFormCore */}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  emailChipsContainer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 8,\n    marginBottom: 12,\n  },\n  emailChip: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#f0f0f0',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    gap: 6,\n  },\n  emailChipText: {\n    fontSize: 14,\n    color: '#333',\n  },\n  emailChipRemove: {\n    fontSize: 20,\n    color: '#666',\n    fontWeight: '300',\n  },\n  input: {\n    borderWidth: 1,\n    borderColor: '#ddd',\n    borderRadius: 8,\n    padding: 12,\n    fontSize: 16,\n    backgroundColor: '#fff',\n    marginBottom: 4,\n  },\n  inputInvalid: {\n    borderColor: '#d9534f',\n    borderWidth: 1.5,\n  },\n  hintText: {\n    fontSize: 12,\n    color: '#999',\n    marginBottom: 12,\n    marginLeft: 4,\n  },\n  submitButtonContainer: {\n    marginTop: 16,\n  },\n  successMessageContainer: {\n    padding: 16,\n    backgroundColor: '#e8f5e9',\n    borderRadius: 8,\n    alignItems: 'center',\n  },\n  invitedText: {\n    color: '#2e7d32',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  button: {\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    borderRadius: 8,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    backgroundColor: '#f5f5f5',\n  },\n  submitButton: {\n    backgroundColor: '#007AFF',\n  },\n  fullButton: {\n    width: '100%',\n  },\n  submitButtonText: {\n    color: '#fff',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  buttonContainer: {\n    marginBottom: 16,\n  },\n  buttonIconContainer: {\n    width: 18,\n    height: 18,\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'visible',\n  },\n  buttonText: {\n    color: '#333',\n    fontSize: 16,\n    fontWeight: '500',\n  },\n});\n"]}