@teamvortexsoftware/vortex-react-native 1.0.0 → 1.0.1

package/dist/components/VrtxSubmit.js

@@ -0,0 +1,132 @@
+"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.VrtxSubmit = VrtxSubmit;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const VortexModulesContext_1 = require("../context/VortexModulesContext");
+const isWeb = react_native_1.Platform.OS === 'web';
+const ButtonWrapper = ({ children, style, gradientString, onPress, disabled, }) => {
+    // Get the gradient module and loaders from context
+    const { gradientModule, loaders } = (0, VortexModulesContext_1.useVortexModules)();
+    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, try to use gradient library if specified
+    if (gradientString && gradientModule && loaders) {
+        const GradientComponent = loaders.loadGradientComponent(gradientModule);
+        const parsed = loaders.parseCSSLinearGradient(gradientString);
+        if (GradientComponent && parsed) {
+            const points = loaders.angleToGradientPoints(parsed.angle);
+            return (<react_native_1.TouchableOpacity onPress={onPress} disabled={disabled} activeOpacity={0.7}>
+          <GradientComponent colors={parsed.colors} locations={parsed.locations} start={points.start} end={points.end} style={styleArray}>
+            {children}
+          </GradientComponent>
+        </react_native_1.TouchableOpacity>);
+        }
+    }
+    // Fallback: solid color from first gradient stop
+    const fallbackColor = gradientString && loaders ? loaders.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>);
+};
+function VrtxSubmit({ block, view, handleSendInvitation, triggerHaptic, loadingEmailInvite, sendSuccess, emailCount = 0, emailBlockCustomizations, emailBlockStyle, }) {
+    var _a;
+    // Get loaders from context
+    const { loaders } = (0, VortexModulesContext_1.useVortexModules)();
+    if (view !== 'email')
+        return null;
+    const handleSendInvitationWithHaptics = () => __awaiter(this, void 0, void 0, function* () {
+        yield (triggerHaptic === null || triggerHaptic === void 0 ? void 0 : triggerHaptic('light'));
+        yield handleSendInvitation();
+    });
+    // Use email block style to match the "Add by Email" button appearance
+    // Fall back to submit block's own style if no email block style provided
+    const effectiveStyle = emailBlockStyle && Object.keys(emailBlockStyle).length > 0
+        ? emailBlockStyle
+        : ((block === null || block === void 0 ? void 0 : block.style) || {});
+    // Extract gradient string and fallback color
+    // On native, 'background' is a CSS property that doesn't work — convert solid colors to 'backgroundColor'
+    const rawBackground = effectiveStyle.background || null;
+    const isGradient = rawBackground === null || rawBackground === void 0 ? void 0 : rawBackground.includes('gradient');
+    const gradientString = isGradient ? rawBackground : null;
+    const fallbackColor = isGradient
+        ? loaders === null || loaders === void 0 ? void 0 : loaders.parseGradientFirstColor(rawBackground)
+        : rawBackground || effectiveStyle.backgroundColor;
+    // Extract text color — for email block style, default to dark text like "Add by Email" button
+    const textColor = effectiveStyle.color || (emailBlockStyle ? '#333' : '#fff');
+    return (<react_native_1.View key={block.id}>
+      {sendSuccess ? (<react_native_1.View style={styles.successMessageContainer}>
+          <react_native_1.Text style={styles.invitedText}>✓ {((_a = emailBlockCustomizations === null || emailBlockCustomizations === void 0 ? void 0 : emailBlockCustomizations['mobile.successMessage']) === null || _a === void 0 ? void 0 : _a.textContent) || 'Invitation sent successfully!'}</react_native_1.Text>
+        </react_native_1.View>) : (<ButtonWrapper style={[
+                styles.button,
+                styles.fullButton,
+                {
+                    borderWidth: 1,
+                    borderColor: '#e0e0e0',
+                },
+                effectiveStyle,
+                fallbackColor ? { backgroundColor: fallbackColor } : undefined,
+            ]} gradientString={gradientString} onPress={handleSendInvitationWithHaptics} disabled={loadingEmailInvite}>
+          {loadingEmailInvite ? (<react_native_1.ActivityIndicator size="small" color={textColor}/>) : (<react_native_1.Text style={[styles.buttonText, { color: textColor }]}>
+              {(() => {
+                    var _a, _b;
+                    // Mobile-specific labels from vrtx-email-invitations block customizations
+                    // Defaults match elementRegistry: 'Send Invitation' / 'Send Invitations'
+                    const singularLabel = ((_a = emailBlockCustomizations === null || emailBlockCustomizations === void 0 ? void 0 : emailBlockCustomizations['mobile.sendButton']) === null || _a === void 0 ? void 0 : _a.textContent) || 'Send Invitation';
+                    const pluralLabel = ((_b = emailBlockCustomizations === null || emailBlockCustomizations === void 0 ? void 0 : emailBlockCustomizations['mobile.sendButtonPlural']) === null || _b === void 0 ? void 0 : _b.textContent) || 'Send Invitations';
+                    return emailCount > 1 ? pluralLabel : singularLabel;
+                })()}
+            </react_native_1.Text>)}
+        </ButtonWrapper>)}
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    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',
+    },
+    fullButton: {
+        width: '100%',
+    },
+    buttonText: {
+        color: '#333',
+        fontSize: 16,
+        fontWeight: '500',
+    },
+});
+//# sourceMappingURL=VrtxSubmit.js.map

package/dist/components/VrtxSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VrtxSubmit.js","sourceRoot":"","sources":["../../src/components/VrtxSubmit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, Text, TouchableOpacity, ActivityIndicator, StyleSheet, ViewStyle, Platform } from 'react-native';\nimport type { ViewType } from '../hooks/useInvitationFormLogic';\nimport { useVortexModules } from '../context/VortexModulesContext';\n\nconst isWeb = Platform.OS === 'web';\n\n// Button wrapper component that handles gradients on web, native gradient libraries, or solid color fallback\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  // Get the gradient module and loaders from context\n  const { gradientModule, loaders } = useVortexModules();\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, try to use gradient library if specified\n  if (gradientString && gradientModule && loaders) {\n    const GradientComponent = loaders.loadGradientComponent(gradientModule);\n    const parsed = loaders.parseCSSLinearGradient(gradientString);\n\n    if (GradientComponent && parsed) {\n      const points = loaders.angleToGradientPoints(parsed.angle);\n\n      return (\n        <TouchableOpacity\n          onPress={onPress}\n          disabled={disabled}\n          activeOpacity={0.7}\n        >\n          <GradientComponent\n            colors={parsed.colors}\n            locations={parsed.locations}\n            start={points.start}\n            end={points.end}\n            style={styleArray}\n          >\n            {children}\n          </GradientComponent>\n        </TouchableOpacity>\n      );\n    }\n  }\n\n  // Fallback: solid color from first gradient stop\n  const fallbackColor = gradientString && loaders ? loaders.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\nexport interface VrtxSubmitProps {\n  block: any;\n  view: ViewType;\n  handleSendInvitation: () => Promise<void>;\n  triggerHaptic?: (style: 'light' | 'medium' | 'heavy') => Promise<void>;\n  loadingEmailInvite: boolean;\n  sendSuccess: boolean;\n  /** Number of emails currently in the pill list (for singular/plural button label) */\n  emailCount?: number;\n  /** Mobile-specific customizations from the vrtx-email-invitations block */\n  emailBlockCustomizations?: Record<string, any>;\n  /** Style from the email invitations block (to match \"Add by Email\" button appearance) */\n  emailBlockStyle?: Record<string, any>;\n}\n\nexport function VrtxSubmit({\n  block,\n  view,\n  handleSendInvitation,\n  triggerHaptic,\n  loadingEmailInvite,\n  sendSuccess,\n  emailCount = 0,\n  emailBlockCustomizations,\n  emailBlockStyle,\n}: VrtxSubmitProps) {\n  // Get loaders from context\n  const { loaders } = useVortexModules();\n\n  if (view !== 'email') return null;\n\n  const handleSendInvitationWithHaptics = async () => {\n    await triggerHaptic?.('light');\n    await handleSendInvitation();\n  };\n\n  // Use email block style to match the \"Add by Email\" button appearance\n  // Fall back to submit block's own style if no email block style provided\n  const effectiveStyle = emailBlockStyle && Object.keys(emailBlockStyle).length > 0\n    ? emailBlockStyle\n    : (block?.style || {});\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 = effectiveStyle.background || null;\n  const isGradient = rawBackground?.includes('gradient');\n  const gradientString = isGradient ? rawBackground : null;\n  const fallbackColor = isGradient\n    ? loaders?.parseGradientFirstColor(rawBackground)\n    : rawBackground || effectiveStyle.backgroundColor;\n\n  // Extract text color — for email block style, default to dark text like \"Add by Email\" button\n  const textColor = effectiveStyle.color || (emailBlockStyle ? '#333' : '#fff');\n\n  return (\n    <View key={block.id}>\n      {sendSuccess ? (\n        <View style={styles.successMessageContainer}>\n          <Text style={styles.invitedText}>✓ {emailBlockCustomizations?.['mobile.successMessage']?.textContent || 'Invitation sent successfully!'}</Text>\n        </View>\n      ) : (\n        <ButtonWrapper\n          style={[\n            styles.button,\n            styles.fullButton,\n            {\n              borderWidth: 1,\n              borderColor: '#e0e0e0',\n            },\n            effectiveStyle,\n            fallbackColor ? { backgroundColor: fallbackColor } : undefined,\n          ]}\n          gradientString={gradientString}\n          onPress={handleSendInvitationWithHaptics}\n          disabled={loadingEmailInvite}\n        >\n          {loadingEmailInvite ? (\n            <ActivityIndicator size=\"small\" color={textColor} />\n          ) : (\n            <Text style={[styles.buttonText, { color: textColor }]}>\n              {(() => {\n                // Mobile-specific labels from vrtx-email-invitations block customizations\n                // Defaults match elementRegistry: 'Send Invitation' / 'Send Invitations'\n                const singularLabel =\n                  emailBlockCustomizations?.['mobile.sendButton']?.textContent || 'Send Invitation';\n                const pluralLabel =\n                  emailBlockCustomizations?.['mobile.sendButtonPlural']?.textContent || 'Send Invitations';\n                return emailCount > 1 ? pluralLabel : singularLabel;\n              })()}\n            </Text>\n          )}\n        </ButtonWrapper>\n      )}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\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  fullButton: {\n    width: '100%',\n  },\n  buttonText: {\n    color: '#333',\n    fontSize: 16,\n    fontWeight: '500',\n  },\n});\n"]}

package/dist/components/VrtxText.js

@@ -0,0 +1,146 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VrtxText = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const isWeb = react_native_1.Platform.OS === 'web';
+const VrtxTextComponent = ({ block, isEditMode = false, onUpdate }) => {
+    // Strip HTML tags to get plain text
+    const stripHtml = (html) => {
+        if (!html)
+            return '';
+        const tmp = document.createElement('div');
+        tmp.innerHTML = html;
+        return tmp.textContent || tmp.innerText || '';
+    };
+    // Process styles for text gradients
+    const processTextGradient = (style) => {
+        if (!style)
+            return style;
+        const processedStyle = Object.assign({}, style);
+        const colorValue = processedStyle.color;
+        // Handle text gradients on web
+        if (isWeb && colorValue && typeof colorValue === 'string' && colorValue.includes('linear-gradient')) {
+            // Use backgroundImage instead of background to avoid resetting backgroundClip
+            processedStyle.backgroundImage = colorValue;
+            processedStyle.backgroundColor = 'transparent'; // Ensure solid background doesn't interfere
+            processedStyle.WebkitBackgroundClip = 'text';
+            processedStyle.backgroundClip = 'text';
+            processedStyle.WebkitTextFillColor = 'transparent';
+            processedStyle.color = 'transparent'; // Fallback
+            // Always set display to inline-block for gradients to render properly
+            processedStyle.display = 'inline-block';
+        }
+        return processedStyle;
+    };
+    const textContent = isWeb ? stripHtml(block.textContent || '') : block.textContent || '';
+    const divRef = (0, react_1.useRef)(null);
+    const blockIdRef = (0, react_1.useRef)(block.id);
+    const updateTimeoutRef = (0, react_1.useRef)(null);
+    const onUpdateRef = (0, react_1.useRef)(onUpdate);
+    const initializedRef = (0, react_1.useRef)(false);
+    // Keep onUpdateRef in sync with latest onUpdate
+    (0, react_1.useEffect)(() => {
+        onUpdateRef.current = onUpdate;
+    }, [onUpdate]);
+    // Initialize content ONCE using ref callback instead of useEffect
+    const refCallback = (0, react_1.useCallback)((element) => {
+        if (!element || !isWeb || !isEditMode)
+            return;
+        // Store ref
+        divRef.current = element;
+        // Only initialize once or when block ID changes
+        if (!initializedRef.current || blockIdRef.current !== block.id) {
+            console.log('🆕 Initializing contentEditable with:', block.textContent);
+            element.innerHTML = block.textContent || '';
+            blockIdRef.current = block.id;
+            initializedRef.current = true;
+        }
+    }, [block.id, block.textContent, isWeb, isEditMode]);
+    // Cleanup timeout on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (updateTimeoutRef.current) {
+                clearTimeout(updateTimeoutRef.current);
+                updateTimeoutRef.current = null;
+            }
+        };
+    }, []);
+    // On web + edit mode, use contentEditable div
+    if (isWeb && isEditMode) {
+        return (<react_native_1.View>
+        <div key={`editable-${block.id}`} ref={refCallback} contentEditable suppressContentEditableWarning data-block-id={block.id} data-text-editable="true" onInput={(e) => {
+                // Debounced auto-save on input
+                if (updateTimeoutRef.current) {
+                    clearTimeout(updateTimeoutRef.current);
+                }
+                const newHtml = e.currentTarget.innerHTML || '';
+                console.log('⌨️ Input changed:', newHtml);
+                // Save after 1 second of no typing
+                updateTimeoutRef.current = setTimeout(() => {
+                    var _a;
+                    console.log('💾 Auto-saving:', newHtml);
+                    (_a = onUpdateRef.current) === null || _a === void 0 ? void 0 : _a.call(onUpdateRef, block.id, {
+                        textContent: newHtml,
+                    });
+                }, 1000);
+            }} style={Object.assign({ outline: 'none', cursor: 'text', minHeight: '1em', whiteSpace: 'pre-wrap' }, processTextGradient(block.style))}/>
+      </react_native_1.View>);
+    }
+    // Native rendering or web non-edit mode
+    return (<react_native_1.View>
+      <react_native_1.Text style={[styles.text, block.style ? processTextGradient(block.style) : {}]}>{textContent}</react_native_1.Text>
+    </react_native_1.View>);
+};
+// Memo with custom comparison to prevent re-renders when block reference changes but content is the same
+exports.VrtxText = react_1.default.memo(VrtxTextComponent, (prevProps, nextProps) => {
+    const sameBlock = prevProps.block.id === nextProps.block.id;
+    const sameEditMode = prevProps.isEditMode === nextProps.isEditMode;
+    const sameOnUpdate = prevProps.onUpdate === nextProps.onUpdate;
+    // In edit mode, IGNORE textContent changes in block prop
+    // The DOM contentEditable is the source of truth, not the Redux state
+    // We only care if the block ID changes (switching to a different block)
+    const shouldNotRerender = sameBlock && sameEditMode && sameOnUpdate;
+    return shouldNotRerender;
+});
+const styles = react_native_1.StyleSheet.create({
+    text: {
+        fontSize: 14,
+        lineHeight: 20,
+        color: '#000',
+    },
+});
+//# sourceMappingURL=VrtxText.js.map

package/dist/components/VrtxText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VrtxText.js","sourceRoot":"","sources":["../../src/components/VrtxText.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport { View, Text, StyleSheet, Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport interface VrtxTextProps {\n  block: any;\n  isEditMode?: boolean;\n  onUpdate?: (blockId: string, updates: any) => void;\n}\n\nconst VrtxTextComponent = ({ block, isEditMode = false, onUpdate }: VrtxTextProps) => {\n  // Strip HTML tags to get plain text\n  const stripHtml = (html: string) => {\n    if (!html) return '';\n    const tmp = document.createElement('div');\n    tmp.innerHTML = html;\n    return tmp.textContent || tmp.innerText || '';\n  };\n\n  // Process styles for text gradients\n  const processTextGradient = (style: any) => {\n    if (!style) return style;\n\n    const processedStyle = { ...style };\n    const colorValue = processedStyle.color as string | undefined;\n\n    // Handle text gradients on web\n    if (isWeb && colorValue && typeof colorValue === 'string' && colorValue.includes('linear-gradient')) {\n      // Use backgroundImage instead of background to avoid resetting backgroundClip\n      processedStyle.backgroundImage = colorValue;\n      processedStyle.backgroundColor = 'transparent'; // Ensure solid background doesn't interfere\n      processedStyle.WebkitBackgroundClip = 'text';\n      processedStyle.backgroundClip = 'text';\n      processedStyle.WebkitTextFillColor = 'transparent';\n      processedStyle.color = 'transparent'; // Fallback\n      // Always set display to inline-block for gradients to render properly\n      processedStyle.display = 'inline-block';\n    }\n\n    return processedStyle;\n  };\n\n  const textContent = isWeb ? stripHtml(block.textContent || '') : block.textContent || '';\n  const divRef = useRef<HTMLDivElement | null>(null);\n  const blockIdRef = useRef<string>(block.id);\n  const updateTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const onUpdateRef = useRef(onUpdate);\n  const initializedRef = useRef(false);\n\n  // Keep onUpdateRef in sync with latest onUpdate\n  useEffect(() => {\n    onUpdateRef.current = onUpdate;\n  }, [onUpdate]);\n\n  // Initialize content ONCE using ref callback instead of useEffect\n  const refCallback = useCallback(\n    (element: HTMLDivElement | null) => {\n      if (!element || !isWeb || !isEditMode) return;\n\n      // Store ref\n      divRef.current = element;\n\n      // Only initialize once or when block ID changes\n      if (!initializedRef.current || blockIdRef.current !== block.id) {\n        console.log('🆕 Initializing contentEditable with:', block.textContent);\n        element.innerHTML = block.textContent || '';\n        blockIdRef.current = block.id;\n        initializedRef.current = true;\n      }\n    },\n    [block.id, block.textContent, isWeb, isEditMode]\n  );\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (updateTimeoutRef.current) {\n        clearTimeout(updateTimeoutRef.current);\n        updateTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  // On web + edit mode, use contentEditable div\n  if (isWeb && isEditMode) {\n    return (\n      <View>\n        <div\n          key={`editable-${block.id}`}\n          ref={refCallback}\n          contentEditable\n          suppressContentEditableWarning\n          data-block-id={block.id}\n          data-text-editable=\"true\"\n          onInput={(e: any) => {\n            // Debounced auto-save on input\n            if (updateTimeoutRef.current) {\n              clearTimeout(updateTimeoutRef.current);\n            }\n\n            const newHtml = e.currentTarget.innerHTML || '';\n            console.log('⌨️ Input changed:', newHtml);\n\n            // Save after 1 second of no typing\n            updateTimeoutRef.current = setTimeout(() => {\n              console.log('💾 Auto-saving:', newHtml);\n              onUpdateRef.current?.(block.id, {\n                textContent: newHtml,\n              });\n            }, 1000);\n          }}\n          style={{\n            outline: 'none',\n            cursor: 'text',\n            minHeight: '1em',\n            whiteSpace: 'pre-wrap',\n            ...processTextGradient(block.style),\n          }}\n        />\n      </View>\n    );\n  }\n\n  // Native rendering or web non-edit mode\n  return (\n    <View>\n      <Text style={[styles.text, block.style ? processTextGradient(block.style) : {}]}>{textContent}</Text>\n    </View>\n  );\n};\n\n// Memo with custom comparison to prevent re-renders when block reference changes but content is the same\nexport const VrtxText = React.memo(VrtxTextComponent, (prevProps, nextProps) => {\n  const sameBlock = prevProps.block.id === nextProps.block.id;\n  const sameEditMode = prevProps.isEditMode === nextProps.isEditMode;\n  const sameOnUpdate = prevProps.onUpdate === nextProps.onUpdate;\n\n  // In edit mode, IGNORE textContent changes in block prop\n  // The DOM contentEditable is the source of truth, not the Redux state\n  // We only care if the block ID changes (switching to a different block)\n  const shouldNotRerender = sameBlock && sameEditMode && sameOnUpdate;\n\n  return shouldNotRerender;\n});\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000',\n  },\n});\n"]}

package/dist/constants/mockData.d.mts

@@ -0,0 +1,7 @@
+import { C as Contact } from '../useInvitationFormLogic-Ct73M19B.mjs';
+import 'react';
+
+declare const MOCK_CONTACTS: Contact[];
+declare const MOCK_GOOGLE_CONTACTS: Contact[];
+
+export { MOCK_CONTACTS, MOCK_GOOGLE_CONTACTS };

package/dist/constants/mockData.d.ts

@@ -0,0 +1,7 @@
+import { C as Contact } from '../useInvitationFormLogic-Ct73M19B.js';
+import 'react';
+
+declare const MOCK_CONTACTS: Contact[];
+declare const MOCK_GOOGLE_CONTACTS: Contact[];
+
+export { MOCK_CONTACTS, MOCK_GOOGLE_CONTACTS };

package/dist/constants/mockData.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constants/mockData.ts
+var mockData_exports = {};
+__export(mockData_exports, {
+  MOCK_CONTACTS: () => MOCK_CONTACTS,
+  MOCK_GOOGLE_CONTACTS: () => MOCK_GOOGLE_CONTACTS
+});
+module.exports = __toCommonJS(mockData_exports);
+var MOCK_CONTACTS = [
+  { id: "1", name: "Alice Johnson", email: "alice.johnson@example.com" },
+  { id: "2", name: "Bob Smith", email: "bob.smith@example.com" },
+  { id: "3", name: "Charlie Brown", email: "charlie.brown@example.com" },
+  { id: "4", name: "Diana Prince", email: "diana.prince@example.com" },
+  { id: "5", name: "Ethan Hunt", email: "ethan.hunt@example.com" },
+  { id: "6", name: "Fiona Green", email: "fiona.green@example.com" }
+];
+var MOCK_GOOGLE_CONTACTS = [
+  { id: "g1", name: "John Doe", email: "john.doe@gmail.com" },
+  { id: "g2", name: "Jane Smith", email: "jane.smith@gmail.com" },
+  { id: "g3", name: "Michael Johnson", email: "michael.j@gmail.com" },
+  { id: "g4", name: "Sarah Williams", email: "sarah.w@gmail.com" },
+  { id: "g5", name: "David Brown", email: "david.brown@gmail.com" },
+  { id: "g6", name: "Emma Davis", email: "emma.davis@gmail.com" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MOCK_CONTACTS,
+  MOCK_GOOGLE_CONTACTS
+});
+//# sourceMappingURL=mockData.js.map

package/dist/constants/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/mockData.ts"],"sourcesContent":["import type { Contact } from '../hooks/useInvitationFormLogic';\n\n// Mock contact data for demonstration\nexport const MOCK_CONTACTS: Contact[] = [\n  { id: '1', name: 'Alice Johnson', email: 'alice.johnson@example.com' },\n  { id: '2', name: 'Bob Smith', email: 'bob.smith@example.com' },\n  { id: '3', name: 'Charlie Brown', email: 'charlie.brown@example.com' },\n  { id: '4', name: 'Diana Prince', email: 'diana.prince@example.com' },\n  { id: '5', name: 'Ethan Hunt', email: 'ethan.hunt@example.com' },\n  { id: '6', name: 'Fiona Green', email: 'fiona.green@example.com' },\n];\n\n// Mock Google contact data for demonstration\nexport const MOCK_GOOGLE_CONTACTS: Contact[] = [\n  { id: 'g1', name: 'John Doe', email: 'john.doe@gmail.com' },\n  { id: 'g2', name: 'Jane Smith', email: 'jane.smith@gmail.com' },\n  { id: 'g3', name: 'Michael Johnson', email: 'michael.j@gmail.com' },\n  { id: 'g4', name: 'Sarah Williams', email: 'sarah.w@gmail.com' },\n  { id: 'g5', name: 'David Brown', email: 'david.brown@gmail.com' },\n  { id: 'g6', name: 'Emma Davis', email: 'emma.davis@gmail.com' },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,gBAA2B;AAAA,EACtC,EAAE,IAAI,KAAK,MAAM,iBAAiB,OAAO,4BAA4B;AAAA,EACrE,EAAE,IAAI,KAAK,MAAM,aAAa,OAAO,wBAAwB;AAAA,EAC7D,EAAE,IAAI,KAAK,MAAM,iBAAiB,OAAO,4BAA4B;AAAA,EACrE,EAAE,IAAI,KAAK,MAAM,gBAAgB,OAAO,2BAA2B;AAAA,EACnE,EAAE,IAAI,KAAK,MAAM,cAAc,OAAO,yBAAyB;AAAA,EAC/D,EAAE,IAAI,KAAK,MAAM,eAAe,OAAO,0BAA0B;AACnE;AAGO,IAAM,uBAAkC;AAAA,EAC7C,EAAE,IAAI,MAAM,MAAM,YAAY,OAAO,qBAAqB;AAAA,EAC1D,EAAE,IAAI,MAAM,MAAM,cAAc,OAAO,uBAAuB;AAAA,EAC9D,EAAE,IAAI,MAAM,MAAM,mBAAmB,OAAO,sBAAsB;AAAA,EAClE,EAAE,IAAI,MAAM,MAAM,kBAAkB,OAAO,oBAAoB;AAAA,EAC/D,EAAE,IAAI,MAAM,MAAM,eAAe,OAAO,wBAAwB;AAAA,EAChE,EAAE,IAAI,MAAM,MAAM,cAAc,OAAO,uBAAuB;AAChE;","names":[]}

package/dist/constants/mockData.mjs

@@ -0,0 +1,22 @@
+// src/constants/mockData.ts
+var MOCK_CONTACTS = [
+  { id: "1", name: "Alice Johnson", email: "alice.johnson@example.com" },
+  { id: "2", name: "Bob Smith", email: "bob.smith@example.com" },
+  { id: "3", name: "Charlie Brown", email: "charlie.brown@example.com" },
+  { id: "4", name: "Diana Prince", email: "diana.prince@example.com" },
+  { id: "5", name: "Ethan Hunt", email: "ethan.hunt@example.com" },
+  { id: "6", name: "Fiona Green", email: "fiona.green@example.com" }
+];
+var MOCK_GOOGLE_CONTACTS = [
+  { id: "g1", name: "John Doe", email: "john.doe@gmail.com" },
+  { id: "g2", name: "Jane Smith", email: "jane.smith@gmail.com" },
+  { id: "g3", name: "Michael Johnson", email: "michael.j@gmail.com" },
+  { id: "g4", name: "Sarah Williams", email: "sarah.w@gmail.com" },
+  { id: "g5", name: "David Brown", email: "david.brown@gmail.com" },
+  { id: "g6", name: "Emma Davis", email: "emma.davis@gmail.com" }
+];
+export {
+  MOCK_CONTACTS,
+  MOCK_GOOGLE_CONTACTS
+};
+//# sourceMappingURL=mockData.mjs.map

package/dist/constants/mockData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/mockData.ts"],"sourcesContent":["import type { Contact } from '../hooks/useInvitationFormLogic';\n\n// Mock contact data for demonstration\nexport const MOCK_CONTACTS: Contact[] = [\n  { id: '1', name: 'Alice Johnson', email: 'alice.johnson@example.com' },\n  { id: '2', name: 'Bob Smith', email: 'bob.smith@example.com' },\n  { id: '3', name: 'Charlie Brown', email: 'charlie.brown@example.com' },\n  { id: '4', name: 'Diana Prince', email: 'diana.prince@example.com' },\n  { id: '5', name: 'Ethan Hunt', email: 'ethan.hunt@example.com' },\n  { id: '6', name: 'Fiona Green', email: 'fiona.green@example.com' },\n];\n\n// Mock Google contact data for demonstration\nexport const MOCK_GOOGLE_CONTACTS: Contact[] = [\n  { id: 'g1', name: 'John Doe', email: 'john.doe@gmail.com' },\n  { id: 'g2', name: 'Jane Smith', email: 'jane.smith@gmail.com' },\n  { id: 'g3', name: 'Michael Johnson', email: 'michael.j@gmail.com' },\n  { id: 'g4', name: 'Sarah Williams', email: 'sarah.w@gmail.com' },\n  { id: 'g5', name: 'David Brown', email: 'david.brown@gmail.com' },\n  { id: 'g6', name: 'Emma Davis', email: 'emma.davis@gmail.com' },\n];\n"],"mappings":";AAGO,IAAM,gBAA2B;AAAA,EACtC,EAAE,IAAI,KAAK,MAAM,iBAAiB,OAAO,4BAA4B;AAAA,EACrE,EAAE,IAAI,KAAK,MAAM,aAAa,OAAO,wBAAwB;AAAA,EAC7D,EAAE,IAAI,KAAK,MAAM,iBAAiB,OAAO,4BAA4B;AAAA,EACrE,EAAE,IAAI,KAAK,MAAM,gBAAgB,OAAO,2BAA2B;AAAA,EACnE,EAAE,IAAI,KAAK,MAAM,cAAc,OAAO,yBAAyB;AAAA,EAC/D,EAAE,IAAI,KAAK,MAAM,eAAe,OAAO,0BAA0B;AACnE;AAGO,IAAM,uBAAkC;AAAA,EAC7C,EAAE,IAAI,MAAM,MAAM,YAAY,OAAO,qBAAqB;AAAA,EAC1D,EAAE,IAAI,MAAM,MAAM,cAAc,OAAO,uBAAuB;AAAA,EAC9D,EAAE,IAAI,MAAM,MAAM,mBAAmB,OAAO,sBAAsB;AAAA,EAClE,EAAE,IAAI,MAAM,MAAM,kBAAkB,OAAO,oBAAoB;AAAA,EAC/D,EAAE,IAAI,MAAM,MAAM,eAAe,OAAO,wBAAwB;AAAA,EAChE,EAAE,IAAI,MAAM,MAAM,cAAc,OAAO,uBAAuB;AAChE;","names":[]}

package/dist/context/VortexModulesContext.js

@@ -0,0 +1,135 @@
+"use strict";
+/**
+ * VortexModulesContext
+ *
+ * Internal context for passing optional module configuration AND loader functions
+ * from entry points (VortexInvite/InviteFormWeb) down to child components
+ * without prop drilling.
+ *
+ * This is completely internal to the SDK - end users only need to pass props
+ * to <VortexInvite> and everything works automatically.
+ *
+ * The key insight is that entry points inject the appropriate loader functions:
+ * - Native entry (index.tsx/InviteFormMobile) injects loaders from moduleLoaders.ts
+ * - Web entry (preview.tsx/InviteFormWeb) injects loaders from moduleLoaders.web.ts
+ *
+ * This way, components don't import loaders directly, avoiding Metro/webpack bundler issues.
+ *
+ * Example usage (internal):
+ * ```tsx
+ * // In a child component
+ * const { modules, loaders } = useVortexModules();
+ * const GradientComponent = loaders.loadGradientComponent(modules?.gradient);
+ * ```
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VortexModulesContext = void 0;
+exports.useVortexModules = useVortexModules;
+exports.VortexModulesProvider = VortexModulesProvider;
+const react_1 = __importStar(require("react"));
+// Default stub loaders that return null (used when no loaders are provided)
+const defaultLoaders = {
+    loadGradientComponent: () => null,
+    parseCSSLinearGradient: () => null,
+    angleToGradientPoints: (angle) => ({
+        start: { x: 0, y: 0 },
+        end: { x: 1, y: 1 },
+    }),
+    parseGradientFirstColor: () => null,
+};
+// Default empty config
+const defaultConfig = {
+    loaders: defaultLoaders,
+};
+// Create the context with default empty config
+const VortexModulesContext = (0, react_1.createContext)(defaultConfig);
+exports.VortexModulesContext = VortexModulesContext;
+/**
+ * Hook to access the module configuration from any child component.
+ *
+ * @returns The current module configuration including loaders
+ *
+ * @example
+ * ```tsx
+ * function MyButton() {
+ *   const { modules, loaders } = useVortexModules();
+ *   const GradientComponent = loaders?.loadGradientComponent(modules?.gradient);
+ *   // Use GradientComponent if available
+ * }
+ * ```
+ */
+function useVortexModules() {
+    var _a, _b, _c, _d, _e;
+    const config = (0, react_1.useContext)(VortexModulesContext);
+    return Object.assign(Object.assign({}, config), { loaders: config.loaders || defaultLoaders, 
+        // Provide computed accessors for easy access to individual module names
+        gradientModule: (_a = config.modules) === null || _a === void 0 ? void 0 : _a.gradient, hapticsModule: (_b = config.modules) === null || _b === void 0 ? void 0 : _b.haptics, qrCodeModule: (_c = config.modules) === null || _c === void 0 ? void 0 : _c.qrCode, clipboardModule: (_d = config.modules) === null || _d === void 0 ? void 0 : _d.clipboard, sharingModule: (_e = config.modules) === null || _e === void 0 ? void 0 : _e.sharing });
+}
+/**
+ * Provider component that makes module configuration available to all children.
+ *
+ * This is used internally by VortexInvite and InviteFormWeb.
+ * End users don't need to use this directly.
+ *
+ * @example
+ * ```tsx
+ * // Internal usage in VortexInvite (native)
+ * import * as nativeLoaders from '../utils/moduleLoaders';
+ *
+ * <VortexModulesProvider config={{
+ *   modules: { gradient: 'expo-linear-gradient', haptics: 'expo-haptics' },
+ *   loaders: nativeLoaders
+ * }}>
+ *   <InviteFormCore {...props} />
+ * </VortexModulesProvider>
+ *
+ * // Internal usage in InviteFormWeb (web)
+ * import * as webLoaders from '../utils/moduleLoaders.web';
+ *
+ * <VortexModulesProvider config={{ loaders: webLoaders }}>
+ *   <InviteFormCore {...props} />
+ * </VortexModulesProvider>
+ * ```
+ */
+function VortexModulesProvider({ config, children }) {
+    // Memoize the config to prevent unnecessary re-renders
+    // Using the entire config object as dependency to ensure all properties are tracked
+    const memoizedConfig = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, config), { loaders: config.loaders || defaultLoaders })), [config]);
+    return (<VortexModulesContext.Provider value={memoizedConfig}>
+      {children}
+    </VortexModulesContext.Provider>);
+}
+//# sourceMappingURL=VortexModulesContext.js.map

package/dist/context/VortexModulesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VortexModulesContext.js","sourceRoot":"","sources":["../../src/context/VortexModulesContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMH,4CAoBC;AA2CD,sDAgBC;AAhRD,+CAA4F;AAgK5F,4EAA4E;AAC5E,MAAM,cAAc,GAAkB;IACpC,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI;IACjC,sBAAsB,EAAE,GAAG,EAAE,CAAC,IAAI;IAClC,qBAAqB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC;QACzC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACpB,CAAC;IACF,uBAAuB,EAAE,GAAG,EAAE,CAAC,IAAI;CACpC,CAAC;AAEF,uBAAuB;AACvB,MAAM,aAAa,GAAwB;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,+CAA+C;AAC/C,MAAM,oBAAoB,GAAG,IAAA,qBAAa,EAAsB,aAAa,CAAC,CAAC;AAkGtE,oDAAoB;AAhG7B;;;;;;;;;;;;;GAaG;AACH,SAAgB,gBAAgB;;IAQ9B,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;IAEhD,uCACK,MAAM,KACT,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,cAAc;QACzC,wEAAwE;QACxE,cAAc,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,EACxC,aAAa,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,OAAO,EACtC,YAAY,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,EACpC,eAAe,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,EAC1C,aAAa,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,OAAO,IACtC;AACJ,CAAC;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,SAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAA8B;IACpF,uDAAuD;IACvD,oFAAoF;IACpF,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,iCACD,MAAM,KACT,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,cAAc,IACzC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CACnD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CACjC,CAAC;AACJ,CAAC","sourcesContent":["/**\n * VortexModulesContext\n *\n * Internal context for passing optional module configuration AND loader functions\n * from entry points (VortexInvite/InviteFormWeb) down to child components\n * without prop drilling.\n *\n * This is completely internal to the SDK - end users only need to pass props\n * to <VortexInvite> and everything works automatically.\n *\n * The key insight is that entry points inject the appropriate loader functions:\n * - Native entry (index.tsx/InviteFormMobile) injects loaders from moduleLoaders.ts\n * - Web entry (preview.tsx/InviteFormWeb) injects loaders from moduleLoaders.web.ts\n *\n * This way, components don't import loaders directly, avoiding Metro/webpack bundler issues.\n *\n * Example usage (internal):\n * ```tsx\n * // In a child component\n * const { modules, loaders } = useVortexModules();\n * const GradientComponent = loaders.loadGradientComponent(modules?.gradient);\n * ```\n */\n\nimport React, { createContext, useContext, useMemo, ReactNode, ComponentType } from 'react';\n\n/**\n * Supported gradient library module names.\n * Users specify which library they have installed.\n */\nexport type GradientModuleName = 'expo-linear-gradient' | 'react-native-linear-gradient';\n\n/**\n * Supported haptics library module names.\n */\nexport type HapticsModuleName = 'expo-haptics';\n\n/**\n * Supported QR code library module names.\n */\nexport type QRCodeModuleName = 'react-native-qrcode-svg' | 'react-qr-code';\n\n/**\n * Supported clipboard library module names.\n */\nexport type ClipboardModuleName = 'expo-clipboard' | '@react-native-clipboard/clipboard';\n\n/**\n * Supported sharing library module names.\n */\nexport type SharingModuleName = 'expo-sharing';\n\n/**\n * Unified modules configuration object.\n * Users specify which optional native libraries they have installed via a single prop.\n *\n * @example\n * ```tsx\n * <VortexInvite\n *   componentId=\"abc123\"\n *   modules={{\n *     gradient: 'expo-linear-gradient',\n *     haptics: 'expo-haptics',\n *     qrCode: 'react-native-qrcode-svg',\n *   }}\n * />\n * ```\n */\nexport interface VortexModules {\n  /**\n   * Gradient library for button backgrounds.\n   * For Expo: 'expo-linear-gradient'\n   * For bare RN: 'react-native-linear-gradient'\n   */\n  gradient?: GradientModuleName;\n\n  /**\n   * Haptics library for touch feedback.\n   * Currently only 'expo-haptics' is supported.\n   */\n  haptics?: HapticsModuleName;\n\n  /**\n   * QR code library for QR code display.\n   * For native: 'react-native-qrcode-svg'\n   * For web: 'react-qr-code'\n   */\n  qrCode?: QRCodeModuleName;\n\n  /**\n   * Clipboard library for copy functionality.\n   * For Expo: 'expo-clipboard'\n   * For bare RN: '@react-native-clipboard/clipboard'\n   */\n  clipboard?: ClipboardModuleName;\n\n  /**\n   * Sharing library for native share sheet.\n   * Currently only 'expo-sharing' is supported.\n   */\n  sharing?: SharingModuleName;\n}\n\n/**\n * Props for gradient components (compatible with both expo and react-native-linear-gradient)\n */\nexport interface GradientProps {\n  colors: string[];\n  locations?: number[];\n  start?: { x: number; y: number };\n  end?: { x: number; y: number };\n  style?: any;\n  children?: React.ReactNode;\n}\n\n/**\n * Parsed gradient data structure\n */\nexport interface ParsedGradient {\n  type: 'linear';\n  angle: number;\n  colors: string[];\n  locations: number[];\n}\n\n/**\n * Gradient points for LinearGradient component\n */\nexport interface GradientPoints {\n  start: { x: number; y: number };\n  end: { x: number; y: number };\n}\n\n/**\n * Haptic feedback style\n */\nexport type HapticStyle = 'light' | 'medium' | 'heavy';\n\n/**\n * Module loader functions interface.\n * These are injected by entry points (native vs web) to avoid direct imports\n * that would cause bundler issues.\n */\nexport interface ModuleLoaders {\n  /**\n   * Loads the gradient component based on the specified module name.\n   */\n  loadGradientComponent: (moduleName: GradientModuleName | undefined) => ComponentType<GradientProps> | null;\n\n  /**\n   * Parses a CSS linear-gradient string into a structured format.\n   */\n  parseCSSLinearGradient: (css: string) => ParsedGradient | null;\n\n  /**\n   * Converts a CSS gradient angle to start/end points for LinearGradient component.\n   */\n  angleToGradientPoints: (angle: number) => GradientPoints;\n\n  /**\n   * Extracts the first color from a CSS gradient string.\n   */\n  parseGradientFirstColor: (gradientString: string) => string | null;\n}\n\n/**\n * Internal configuration for the modules context.\n * This combines the user-facing modules config with internal loader functions.\n */\nexport interface VortexModulesConfig {\n  /**\n   * Unified modules configuration object.\n   * Users specify which optional native libraries they have installed.\n   */\n  modules?: VortexModules;\n\n  /**\n   * Module loader functions injected by entry points.\n   * This allows native and web entry points to provide different implementations.\n   * @internal\n   */\n  loaders?: ModuleLoaders;\n}\n\n// Default stub loaders that return null (used when no loaders are provided)\nconst defaultLoaders: ModuleLoaders = {\n  loadGradientComponent: () => null,\n  parseCSSLinearGradient: () => null,\n  angleToGradientPoints: (angle: number) => ({\n    start: { x: 0, y: 0 },\n    end: { x: 1, y: 1 },\n  }),\n  parseGradientFirstColor: () => null,\n};\n\n// Default empty config\nconst defaultConfig: VortexModulesConfig = {\n  loaders: defaultLoaders,\n};\n\n// Create the context with default empty config\nconst VortexModulesContext = createContext<VortexModulesConfig>(defaultConfig);\n\n/**\n * Hook to access the module configuration from any child component.\n *\n * @returns The current module configuration including loaders\n *\n * @example\n * ```tsx\n * function MyButton() {\n *   const { modules, loaders } = useVortexModules();\n *   const GradientComponent = loaders?.loadGradientComponent(modules?.gradient);\n *   // Use GradientComponent if available\n * }\n * ```\n */\nexport function useVortexModules(): VortexModulesConfig & { \n  // Computed properties for easy access\n  gradientModule?: GradientModuleName;\n  hapticsModule?: HapticsModuleName;\n  qrCodeModule?: QRCodeModuleName;\n  clipboardModule?: ClipboardModuleName;\n  sharingModule?: SharingModuleName;\n} {\n  const config = useContext(VortexModulesContext);\n  \n  return {\n    ...config,\n    loaders: config.loaders || defaultLoaders,\n    // Provide computed accessors for easy access to individual module names\n    gradientModule: config.modules?.gradient,\n    hapticsModule: config.modules?.haptics,\n    qrCodeModule: config.modules?.qrCode,\n    clipboardModule: config.modules?.clipboard,\n    sharingModule: config.modules?.sharing,\n  };\n}\n\n/**\n * Props for the VortexModulesProvider component.\n */\nexport interface VortexModulesProviderProps {\n  /**\n   * Module configuration to provide to children.\n   */\n  config: VortexModulesConfig;\n\n  /**\n   * Child components that will have access to the module configuration.\n   */\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes module configuration available to all children.\n *\n * This is used internally by VortexInvite and InviteFormWeb.\n * End users don't need to use this directly.\n *\n * @example\n * ```tsx\n * // Internal usage in VortexInvite (native)\n * import * as nativeLoaders from '../utils/moduleLoaders';\n * \n * <VortexModulesProvider config={{ \n *   modules: { gradient: 'expo-linear-gradient', haptics: 'expo-haptics' },\n *   loaders: nativeLoaders \n * }}>\n *   <InviteFormCore {...props} />\n * </VortexModulesProvider>\n * \n * // Internal usage in InviteFormWeb (web)\n * import * as webLoaders from '../utils/moduleLoaders.web';\n * \n * <VortexModulesProvider config={{ loaders: webLoaders }}>\n *   <InviteFormCore {...props} />\n * </VortexModulesProvider>\n * ```\n */\nexport function VortexModulesProvider({ config, children }: VortexModulesProviderProps) {\n  // Memoize the config to prevent unnecessary re-renders\n  // Using the entire config object as dependency to ensure all properties are tracked\n  const memoizedConfig = useMemo(\n    () => ({\n      ...config,\n      loaders: config.loaders || defaultLoaders,\n    }),\n    [config]\n  );\n\n  return (\n    <VortexModulesContext.Provider value={memoizedConfig}>\n      {children}\n    </VortexModulesContext.Provider>\n  );\n}\n\n// Export the context for testing purposes\nexport { VortexModulesContext };\n"]}

package/dist/hooks/useInvitationFormLogic.d.mts

@@ -0,0 +1,2 @@
+import 'react';
+export { C as Contact, V as ViewType, u as useInvitationFormLogic } from '../useInvitationFormLogic-Ct73M19B.mjs';

package/dist/hooks/useInvitationFormLogic.d.ts

@@ -0,0 +1,2 @@
+import 'react';
+export { C as Contact, V as ViewType, u as useInvitationFormLogic } from '../useInvitationFormLogic-Ct73M19B.js';