@teamvortexsoftware/vortex-react-native 0.0.13 → 1.0.1

package/dist/utils/themeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../src/utils/themeUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { WidgetConfiguration } from '@teamvortexsoftware/vortex-types';\n\nexport interface ThemeColors {\n  containerBackground: string;\n  containerForeground: string;\n  containerBorder: string;\n  primaryButtonBackground: string;\n  primaryButtonForeground: string;\n  primaryButtonBorder: string;\n  secondaryButtonBackground: string;\n  secondaryButtonForeground: string;\n  secondaryButtonBorder: string;\n}\n\n/**\n * Extracts the color from a CSS border shorthand value (e.g., \"1px solid #c4c4c4\" → \"#c4c4c4\")\n * Returns undefined if the value doesn't match the expected format\n */\nfunction extractBorderColor(borderValue: string | undefined): string | undefined {\n  if (!borderValue) return undefined;\n\n  const parts = borderValue.trim().split(/\\s+/);\n  // Expect exactly 3 parts: width, style, color (e.g., \"1px solid #c4c4c4\")\n  if (parts.length === 3) {\n    return parts[2];\n  }\n\n  return undefined;\n}\n\nexport interface FeatureFlags {\n  shareableLinks: boolean;\n  emailInvitations: boolean;\n  shareOptionsCopyLink: boolean;\n  shareOptionsSms: boolean;\n  shareOptionsEmail: boolean;\n  shareOptionsFacebookMessenger: boolean;\n  shareOptionsInstagramDms: boolean;\n  shareOptionsLinkedInMessaging: boolean;\n  shareOptionsTwitterDms: boolean;\n  shareOptionsWhatsApp: boolean;\n  shareOptionsNativeShareSheet: boolean;\n  shareOptionsQrCode: boolean;\n  shareOptionsLine: boolean;\n  shareEnabled: boolean;\n  shareOptionsOrder: string[];\n}\n\n/**\n * Extracts theme colors from widget configuration\n */\nexport function extractThemeColors(widgetConfiguration?: WidgetConfiguration): ThemeColors {\n  const props = widgetConfiguration?.configuration?.props as any;\n  const themeValue = props?.['vortex.theme']?.value;\n\n  // Normalize theme entries to an array of { key, value }\n  let entries: Array<{ key?: string; value?: string }> = [];\n  if (Array.isArray(themeValue)) {\n    entries = themeValue as Array<{ key?: string; value?: string }>;\n  } else if (themeValue && Array.isArray(themeValue.options)) {\n    entries = themeValue.options as Array<{ key?: string; value?: string }>;\n  } else if (themeValue && typeof themeValue === 'object') {\n    // Fallback: treat object map as entries if present\n    entries = Object.keys(themeValue)\n      .filter((k) => k.startsWith('--'))\n      .map((k) => ({ key: k, value: String((themeValue as any)[k]) }));\n  }\n\n  const colorMap: Record<string, string> = {};\n  entries.forEach((item: any) => {\n    const k = item?.key;\n    const v = item?.value;\n    if (typeof k === 'string' && typeof v === 'string') {\n      colorMap[k] = v;\n    }\n  });\n\n  return {\n    containerBackground:\n      colorMap['--vrtx-root-background'] || colorMap['--color-background'] || '#ffffff',\n    containerForeground:\n      colorMap['--vrtx-root-color'] || colorMap['--color-foreground'] || '#666666',\n    containerBorder:\n      extractBorderColor(colorMap['--vrtx-root-border']) ||\n      extractBorderColor(colorMap['--vrtx-input-border']) ||\n      colorMap['--color-border'] ||\n      '#c4c4c4',\n    primaryButtonBackground:\n      colorMap['--vrtx-submit-primary-background'] ||\n      colorMap['--vrtx-button-primary-background'] ||\n      colorMap['--color-primary-background'] ||\n      '#197af3',\n    primaryButtonForeground:\n      colorMap['--vrtx-submit-primary-color'] ||\n      colorMap['--color-primary-foreground'] ||\n      '#ffffff',\n    primaryButtonBorder:\n      extractBorderColor(colorMap['--vrtx-submit-primary-border']) ||\n      colorMap['--vrtx-submit-primary-border-color'] ||\n      colorMap['--vrtx-button-primary-border-color'] ||\n      colorMap['--color-primary-border'] ||\n      '#000000',\n    secondaryButtonBackground:\n      colorMap['--vrtx-submit-secondary-background'] ||\n      colorMap['--vrtx-button-secondary-background'] ||\n      colorMap['--color-secondary-background'] ||\n      '#dfdfdf',\n    secondaryButtonForeground:\n      colorMap['--vrtx-submit-secondary-color'] ||\n      colorMap['--vrtx-button-secondary-color'] ||\n      colorMap['--color-secondary-foreground'] ||\n      '#000000',\n    secondaryButtonBorder:\n      extractBorderColor(colorMap['--vrtx-submit-secondary-border']) ||\n      colorMap['--vrtx-submit-secondary-border-color'] ||\n      colorMap['--vrtx-button-secondary-border-color'] ||\n      colorMap['--color-secondary-border'] ||\n      '#c4c4c4',\n  };\n}\n\n/**\n * Extracts feature flags from widget configuration\n */\nexport function extractFeatureFlags(widgetConfiguration?: WidgetConfiguration): FeatureFlags {\n  const props = widgetConfiguration?.configuration?.props as any;\n  const features: string[] = Array.isArray(props?.['vortex.components']?.value)\n    ? props['vortex.components'].value\n    : [];\n\n  const shareOptions: string[] = Array.isArray(props?.['vortex.components.share.options']?.value)\n    ? props['vortex.components.share.options'].value\n    : [];\n\n  // Detect presence of blocks in the form tree (row/column/block with subtype)\n  const formValue = props?.['vortex.components.form']?.value;\n  let hasEmailBlock = false;\n  let hasShareBlock = false;\n\n  const traverse = (node: any) => {\n    if (!node) return;\n    if (Array.isArray(node)) {\n      node.forEach(traverse);\n      return;\n    }\n    if (node.type === 'block') {\n      if (node.subtype === 'vrtx-email-invitations') hasEmailBlock = true;\n      if (node.subtype === 'vrtx-share-options') hasShareBlock = true;\n    }\n    if (node.children && node.children.length) {\n      node.children.forEach(traverse);\n    }\n  };\n\n  if (formValue?.root) {\n    traverse(formValue.root);\n  } else if (Array.isArray(formValue)) {\n    traverse(formValue);\n  }\n\n  return {\n    // Email invites if feature enabled or email block present\n    emailInvitations: features.includes('vortex.components.emailinvitations') || hasEmailBlock,\n    // Share section enabled if share block present or explicit feature (if ever provided)\n    shareEnabled: hasShareBlock || features.includes('vortex.components.share'),\n    shareableLinks: hasShareBlock || features.includes('vortex.components.share'),\n    shareOptionsCopyLink: shareOptions.includes('copyLink'),\n    shareOptionsFacebookMessenger: shareOptions.includes('facebookMessenger'),\n    shareOptionsInstagramDms: shareOptions.includes('instagramDms'),\n    shareOptionsLinkedInMessaging: shareOptions.includes('linkedInMessaging'),\n    shareOptionsNativeShareSheet: shareOptions.includes('nativeShareSheet'),\n    shareOptionsQrCode: shareOptions.includes('qrCode'),\n    shareOptionsSms: shareOptions.includes('sms'),\n    shareOptionsTwitterDms: shareOptions.includes('twitterDms'),\n    shareOptionsEmail: shareOptions.includes('email'),\n    shareOptionsWhatsApp: shareOptions.includes('whatsApp'),\n    shareOptionsLine: shareOptions.includes('line'),\n    shareOptionsOrder: shareOptions,\n  } as FeatureFlags;\n}\n"]}

package/dist/vortexInvite.js

@@ -1,172 +1,83 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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.VortexInvite = VortexInvite;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const useVortexInvite_1 = require("./hooks/useVortexInvite");
-const ShareButtons_1 = require("./components/ShareButtons");
-function VortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = false, jwt, onSuccess, onError, contentTokens, }) {
-    const { error, fetching, loading, email, setEmail, opacity, themeColors, themeStyles, has, inviteLoading, showSuccessMessage, handleInviteClick, handleShareLink, handleCopyLink, handleSmsShare, handleEmailShare, getShareableLink, formLayout, } = (0, useVortexInvite_1.useVortexInvite)({
-        widgetId,
-        environmentId,
-        vortexApiUrl: vortexApiHost,
-        isLoading,
-        jwt,
-        onSuccess,
-        onError,
-    });
-    if (error === null || error === void 0 ? void 0 : error.message) {
-        return <react_native_1.Text data-testid="error">{error.message}</react_native_1.Text>;
-    }
-    if (fetching || loading) {
-        return <react_native_1.Animated.View style={[styles.skeleton, { opacity }]}/>;
-    }
-    // Theme styles are now provided by the hook
-    // If we have a grid layout with separate columns for email and share, we'll use that layout
-    if ((formLayout === null || formLayout === void 0 ? void 0 : formLayout.isGridLayout) && (formLayout === null || formLayout === void 0 ? void 0 : formLayout.hasSeparateColumns)) {
-        return (<react_native_1.View style={[styles.container, themeStyles.containerStyles]}>
-        <react_native_1.View style={styles.gridContainer}>
-          {/* Email invitation column */}
-          {(has === null || has === void 0 ? void 0 : has.emailInvitations) && (<react_native_1.View style={styles.gridItem}>
-              <react_native_1.Text style={[styles.introText, themeStyles.textStyles]}>Invite People</react_native_1.Text>
-              <react_native_1.TextInput style={[styles.input, themeStyles.inputStyles]} placeholder={formLayout.emailPlaceholder} placeholderTextColor={themeColors.containerForeground} value={email} onChangeText={setEmail} autoCapitalize="none"/>
-              <react_native_1.View style={styles.buttonContainer}>
-                <react_native_1.Pressable style={[styles.submitButton, themeStyles.primaryButton, inviteLoading && styles.disabledButton]} onPress={() => handleInviteClick(contentTokens)} disabled={inviteLoading}>
-                  {inviteLoading ? (<react_native_1.ActivityIndicator size="small" color={themeColors.containerBackground}/>) : (<react_native_1.Text style={[styles.submitButtonText, themeStyles.primaryButtonText]}>
-                      {formLayout.submitButtonLabel}
-                    </react_native_1.Text>)}
-                </react_native_1.Pressable>
-                {showSuccessMessage && (<react_native_1.View style={styles.successMessageContainer}>
-                    <react_native_1.Text style={styles.successMessage}>Success!</react_native_1.Text>
-                  </react_native_1.View>)}
-              </react_native_1.View>
-            </react_native_1.View>)}
-
-          {/* Share buttons column */}
-          {(has === null || has === void 0 ? void 0 : has.shareableLinks) && (<react_native_1.View style={styles.gridItem}>
-              <react_native_1.View style={styles.shareButtonsContainer}>
-                <ShareButtons_1.ShareButtons has={has} themeColors={themeColors} themeStyles={themeStyles} handleShareLink={handleShareLink} handleCopyLink={handleCopyLink} handleSmsShare={handleSmsShare} handleEmailShare={handleEmailShare} shareableLink={getShareableLink()}/>
-              </react_native_1.View>
-            </react_native_1.View>)}
-        </react_native_1.View>
-      </react_native_1.View>);
-    }
-    // Default stacked layout
-    return (<react_native_1.View style={[styles.container, themeStyles.containerStyles]}>
-      {(has === null || has === void 0 ? void 0 : has.emailInvitations) && (<react_native_1.View style={styles.inviteContainer}>
-          <react_native_1.Text style={[styles.introText, themeStyles.textStyles]}>Invite People</react_native_1.Text>
-          <react_native_1.TextInput style={[styles.input, themeStyles.inputStyles]} placeholder={(formLayout === null || formLayout === void 0 ? void 0 : formLayout.emailPlaceholder) || 'Enter email'} placeholderTextColor={themeColors.containerForeground} value={email} onChangeText={setEmail} autoCapitalize="none"/>
-          <react_native_1.View style={styles.buttonContainer}>
-            <react_native_1.Pressable style={[styles.submitButton, themeStyles.primaryButton, inviteLoading && styles.disabledButton]} onPress={() => handleInviteClick(contentTokens)} disabled={inviteLoading}>
-              {inviteLoading ? (<react_native_1.ActivityIndicator size="small" color={themeColors.containerBackground}/>) : (<react_native_1.Text style={[styles.submitButtonText, themeStyles.primaryButtonText]}>
-                  {(formLayout === null || formLayout === void 0 ? void 0 : formLayout.submitButtonLabel) || 'Invite'}
-                </react_native_1.Text>)}
-            </react_native_1.Pressable>
-            {showSuccessMessage && (<react_native_1.View style={styles.successMessageContainer}>
-                <react_native_1.Text style={styles.successMessage}>Success!</react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.View>
-        </react_native_1.View>)}
-
-      {(has === null || has === void 0 ? void 0 : has.shareableLinks) && (<react_native_1.View style={styles.shareContainer}>
-          {(has === null || has === void 0 ? void 0 : has.emailInvitations) && <react_native_1.Text style={[styles.divider, themeStyles.textStyles]}>OR</react_native_1.Text>}
-
-          <react_native_1.View style={styles.shareButtonsContainer}>
-            <ShareButtons_1.ShareButtons has={has} themeColors={themeColors} themeStyles={themeStyles} handleShareLink={handleShareLink} handleCopyLink={handleCopyLink} handleSmsShare={handleSmsShare} handleEmailShare={handleEmailShare} shareableLink={getShareableLink()}/>
-          </react_native_1.View>
-        </react_native_1.View>)}
-    </react_native_1.View>);
+const InviteFormMobile_1 = require("./components/InviteFormMobile");
+const VortexModulesContext_1 = require("./context/VortexModulesContext");
+const featureWarnings_1 = require("./utils/featureWarnings");
+// Import native module loaders - these contain the actual require() statements
+const nativeLoaders = __importStar(require("./utils/moduleLoaders"));
+function VortexInvite({ componentId, vortexApiUrl, jwt, user, googleIosClientId, googleWebClientId, onSuccess, onError, onClose, contentTokens, widgetConfiguration, group, groups, scope, scopeType, analyticsBaseURL, onEvent, analyticsSegmentation, findFriendsConfig, incomingInvitationsConfig, outgoingInvitationsConfig, inviteContactsConfig, searchBoxConfig, locale, invitationSuggestionsConfig, unfurlConfig, modules, }) {
+    // Create the modules configuration object with native loaders
+    const modulesConfig = (0, react_1.useMemo)(() => ({
+        modules,
+        // Inject native loaders - these contain the actual require() statements
+        loaders: {
+            loadGradientComponent: nativeLoaders.loadGradientComponent,
+            parseCSSLinearGradient: nativeLoaders.parseCSSLinearGradient,
+            angleToGradientPoints: nativeLoaders.angleToGradientPoints,
+            parseGradientFirstColor: nativeLoaders.parseGradientFirstColor,
+        },
+    }), [modules]);
+    // Warn about unsupported props in development
+    (0, react_1.useEffect)(() => {
+        if (__DEV__) {
+            if (contentTokens) {
+                console.warn('[VortexInvite] contentTokens prop is not yet supported in the new implementation');
+            }
+            if (onSuccess) {
+                console.warn('[VortexInvite] onSuccess callback is not yet supported in the new implementation');
+            }
+            if (onError) {
+                console.warn('[VortexInvite] onError callback is not yet supported in the new implementation');
+            }
+        }
+    }, [contentTokens, onSuccess, onError]);
+    // Print feature warnings when widget configuration is available
+    (0, react_1.useEffect)(() => {
+        if (widgetConfiguration) {
+            const requirements = (0, featureWarnings_1.detectRequiredFeatures)(widgetConfiguration);
+            (0, featureWarnings_1.printFeatureWarnings)(requirements, modulesConfig);
+        }
+    }, [widgetConfiguration, modulesConfig]);
+    // Map old prop names to new ones
+    const platform = react_native_1.Platform.OS === 'ios' ? 'ios' : 'android';
+    return (<VortexModulesContext_1.VortexModulesProvider config={modulesConfig}>
+      <InviteFormMobile_1.InviteFormMobile componentId={componentId} vortexApiUrl={vortexApiUrl || "https://client-api.vortexsoftware.com"} jwt={jwt} user={user} googleIosClientId={googleIosClientId} googleWebClientId={googleWebClientId} widgetConfiguration={widgetConfiguration} group={group} groups={groups} scope={scope} scopeType={scopeType} platform={platform} onClose={onClose} analyticsBaseURL={analyticsBaseURL} onEvent={onEvent} analyticsSegmentation={analyticsSegmentation} findFriendsConfig={findFriendsConfig} incomingInvitationsConfig={incomingInvitationsConfig} outgoingInvitationsConfig={outgoingInvitationsConfig} inviteContactsConfig={inviteContactsConfig} searchBoxConfig={searchBoxConfig} locale={locale} invitationSuggestionsConfig={invitationSuggestionsConfig} unfurlConfig={unfurlConfig}/>
+    </VortexModulesContext_1.VortexModulesProvider>);
 }
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        padding: 15,
-        display: 'flex',
-        flexDirection: 'column',
-        borderRadius: 8,
-        borderWidth: 1,
-    },
-    gridContainer: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        justifyContent: 'space-between',
-    },
-    gridItem: {
-        flex: 1,
-        padding: 8,
-        minWidth: 250, // Ensure items have minimum width for smaller screens
-    },
-    disabledButton: {
-        opacity: 0.7,
-    },
-    successMessageContainer: {
-        marginTop: 8,
-        padding: 8,
-        alignItems: 'center',
-        width: '100%',
-    },
-    successMessage: {
-        color: 'green',
-        fontWeight: 'bold',
-        fontSize: 16,
-    },
-    inviteContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginTop: 8,
-    },
-    introText: {
-        marginBottom: 8,
-        fontSize: 24,
-        fontWeight: 'bold',
-        textAlign: 'center',
-    },
-    input: {
-        width: '100%',
-        borderWidth: 1,
-        padding: 10,
-        borderRadius: 5,
-        marginBottom: 8,
-    },
-    buttonContainer: {
-        marginTop: 16,
-        marginBottom: 8,
-        width: '100%',
-    },
-    submitButton: {
-        padding: 12,
-        borderRadius: 5,
-        alignItems: 'center',
-        borderWidth: 1,
-    },
-    submitButtonText: {
-        fontWeight: '500',
-        textTransform: 'none',
-    },
-    skeleton: {
-        width: '100%',
-        height: 50,
-        backgroundColor: 'lightgray',
-        borderRadius: 5,
-    },
-    shareContainer: {
-        marginTop: 16,
-        alignItems: 'center',
-    },
-    divider: {
-        marginVertical: 10,
-        fontSize: 16,
-        fontWeight: 'bold',
-        textAlign: 'center',
-    },
-    shareButtonsContainer: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        justifyContent: 'center',
-    },
-    // Share button styles moved to ShareButtons.tsx
-});
+//# sourceMappingURL=vortexInvite.js.map

package/dist/vortexInvite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vortexInvite.js","sourceRoot":"","sources":["../src/vortexInvite.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { UnsignedData } from '@teamvortexsoftware/vortex-types';\nimport { Platform } from 'react-native';\nimport { InviteFormMobile } from './components/InviteFormMobile';\nimport { VortexAnalyticsEvent, GroupDTO } from './utils/analytics';\nimport { FindFriendsConfig } from './types/findFriends';\nimport { IncomingInvitationsConfig, OutgoingInvitationsConfig, InvitationSuggestionsConfig } from './types/invitations';\nimport { InviteContactsConfig } from './types/inviteContacts';\nimport { UnfurlConfig } from './types/unfurlConfig';\nimport { SearchBoxConfig } from './types/searchBox';\nimport {\n  VortexModulesProvider,\n  type VortexModules,\n  type ModuleLoaders,\n} from './context/VortexModulesContext';\nimport { detectRequiredFeatures, printFeatureWarnings } from './utils/featureWarnings';\n// Import native module loaders - these contain the actual require() statements\nimport * as nativeLoaders from './utils/moduleLoaders';\n\n// Keep the existing type exports for backward compatibility\nexport type VortexActionType = 'invite' | 'share';\n\nexport interface VortexActionResult {\n  type: VortexActionType;\n  data: string;\n}\n\nexport interface Attributes {\n  [key: string]: { value: string | string[]; type: string; role?: string };\n}\n\nexport interface VortexInviteProps {\n  vortexApiUrl?: string;\n  componentId: string;\n  jwt?: string;\n  user?: string | UnsignedData | undefined;\n  googleIosClientId?: string;\n  googleWebClientId?: string; // Required for Google Contacts on Android\n  onSuccess?: (result: VortexActionResult) => void;\n  onError?: (error: Error, type: VortexActionType) => void;\n  onClose?: () => void;\n  contentTokens?: Attributes;\n  widgetConfiguration?: any; // Prefetched widget configuration for instant rendering\n  group?: {\n    name: string;\n    type: string;\n    id?: string;\n    groupId?: string;\n  };\n  groups?: GroupDTO[];\n  scope?: string;\n  scopeType?: string;\n  // Analytics props\n  analyticsBaseURL?: string; // Defaults to production collector (https://collector.vortexsoftware.com)\n  onEvent?: (event: VortexAnalyticsEvent) => void; // Callback for analytics events\n  analyticsSegmentation?: Record<string, any>; // Segmentation data for analytics\n  /**\n   * Configuration for the Find Friends feature.\n   * When provided, enables the Find Friends component to display\n   * contacts with Connect buttons. When Connect is tapped and onConnect\n   * returns true, an invitation is created via the Vortex backend.\n   *\n   * @example\n   * ```tsx\n   * <VortexInvite\n   *   componentId=\"abc123\"\n   *   findFriendsConfig={{\n   *     contacts: [\n   *       { userId: 'user-123', name: 'John Doe', subtitle: '@johndoe' },\n   *       { userId: 'user-456', name: 'Jane Smith', avatarUrl: 'https://...' },\n   *     ],\n   *     onConnect: async (contact) => {\n   *       // Perform any pre-connection validation\n   *       // Return true to create the invitation via Vortex backend\n   *       return true;\n   *     },\n   *     onInvitationCreated: (contact) => {\n   *       // Called after invitation is successfully created\n   *     },\n   *   }}\n   * />\n   * ```\n   */\n  findFriendsConfig?: FindFriendsConfig;\n  /**\n   * Configuration for the Incoming Invitations feature.\n   * When provided, enables the Incoming Invitations component to display\n   * invitations the user has received with Accept/Delete buttons.\n   */\n  incomingInvitationsConfig?: IncomingInvitationsConfig;\n  /**\n   * Configuration for the Outgoing Invitations feature.\n   * When provided, enables the Outgoing Invitations component to display\n   * invitations the user has sent with a Cancel button.\n   */\n  outgoingInvitationsConfig?: OutgoingInvitationsConfig;\n  /**\n   * Configuration for the Invite Contacts feature.\n   * When provided, enables the Invite Contacts component to display\n   * a list of contacts that can be invited via SMS.\n   *\n   * The component shows an \"Invite your contacts\" link that expands to\n   * a searchable contact list. When the user taps \"Invite\", an SMS\n   * invitation is created and the SMS app opens with a pre-filled message.\n   *\n   * @example\n   * ```tsx\n   * <VortexInvite\n   *   componentId=\"abc123\"\n   *   inviteContactsConfig={{\n   *     contacts: [\n   *       { id: '1', name: 'John Doe', phoneNumber: '+1234567890' },\n   *       { id: '2', name: 'Jane Smith', phoneNumber: '+0987654321' },\n   *     ],\n   *     onInvite: (contact, shortLink) => {\n   *       console.log(`Invited ${contact.name} with link ${shortLink}`);\n   *     },\n   *   }}\n   * />\n   * ```\n   */\n  inviteContactsConfig?: InviteContactsConfig;\n  /**\n   * Configuration for the Search Box feature.\n   * When provided, enables the Search Box component with a search input,\n   * search button, and results list with Connect buttons.\n   */\n  searchBoxConfig?: SearchBoxConfig;\n  /**\n   * Locale code for internationalization (e.g., \"es\", \"fr\", \"zh-TW\").\n   * If provided and i18n is enabled on the widget, returns localized content.\n   */\n  locale?: string;\n  /**\n   * Configuration for invitation suggestions (People You May Know).\n   * When provided, enables the Invitation Suggestions component to display\n   * suggested contacts with Invite/Dismiss buttons.\n   */\n  invitationSuggestionsConfig?: InvitationSuggestionsConfig;\n  /**\n   * Configuration for Open Graph unfurl metadata.\n   * Used to customize link previews when sharing invitation links.\n   *\n   * @example\n   * ```tsx\n   * <VortexInvite\n   *   componentId=\"abc123\"\n   *   unfurlConfig={{\n   *     title: \"Join our team!\",\n   *     description: \"You've been invited to collaborate\",\n   *     image: \"https://example.com/preview.png\",\n   *   }}\n   * />\n   * ```\n   */\n  unfurlConfig?: UnfurlConfig;\n\n  // ============================================================================\n  // Optional Feature Modules\n  // ============================================================================\n\n  /**\n   * Configuration for optional native libraries.\n   * Specify which libraries you have installed in a single object.\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   */\n  modules?: VortexModules;\n}\n\nexport function VortexInvite({\n  componentId,\n  vortexApiUrl,\n  jwt,\n  user,\n  googleIosClientId,\n  googleWebClientId,\n  onSuccess,\n  onError,\n  onClose,\n  contentTokens,\n  widgetConfiguration,\n  group,\n  groups,\n  scope,\n  scopeType,\n  analyticsBaseURL,\n  onEvent,\n  analyticsSegmentation,\n  findFriendsConfig,\n  incomingInvitationsConfig,\n  outgoingInvitationsConfig,\n  inviteContactsConfig,\n  searchBoxConfig,\n  locale,\n  invitationSuggestionsConfig,\n  unfurlConfig,\n  modules,\n}: VortexInviteProps) {\n  // Create the modules configuration object with native loaders\n  const modulesConfig = useMemo(\n    () => ({\n      modules,\n      // Inject native loaders - these contain the actual require() statements\n      loaders: {\n        loadGradientComponent: nativeLoaders.loadGradientComponent,\n        parseCSSLinearGradient: nativeLoaders.parseCSSLinearGradient,\n        angleToGradientPoints: nativeLoaders.angleToGradientPoints,\n        parseGradientFirstColor: nativeLoaders.parseGradientFirstColor,\n      } as ModuleLoaders,\n    }),\n    [modules]\n  );\n\n  // Warn about unsupported props in development\n  useEffect(() => {\n    if (__DEV__) {\n      if (contentTokens) {\n        console.warn('[VortexInvite] contentTokens prop is not yet supported in the new implementation');\n      }\n      if (onSuccess) {\n        console.warn('[VortexInvite] onSuccess callback is not yet supported in the new implementation');\n      }\n      if (onError) {\n        console.warn('[VortexInvite] onError callback is not yet supported in the new implementation');\n      }\n    }\n  }, [contentTokens, onSuccess, onError]);\n\n  // Print feature warnings when widget configuration is available\n  useEffect(() => {\n    if (widgetConfiguration) {\n      const requirements = detectRequiredFeatures(widgetConfiguration);\n      printFeatureWarnings(requirements, modulesConfig);\n    }\n  }, [widgetConfiguration, modulesConfig]);\n\n  // Map old prop names to new ones\n  const platform = Platform.OS === 'ios' ? 'ios' : 'android';\n\n  return (\n    <VortexModulesProvider config={modulesConfig}>\n      <InviteFormMobile\n        componentId={componentId}\n        vortexApiUrl={vortexApiUrl || \"https://client-api.vortexsoftware.com\"}\n        jwt={jwt}\n        user={user}\n        googleIosClientId={googleIosClientId}\n        googleWebClientId={googleWebClientId}\n        widgetConfiguration={widgetConfiguration}\n        group={group}\n        groups={groups}\n        scope={scope}\n        scopeType={scopeType}\n        platform={platform}\n        onClose={onClose}\n        analyticsBaseURL={analyticsBaseURL}\n        onEvent={onEvent}\n        analyticsSegmentation={analyticsSegmentation}\n        findFriendsConfig={findFriendsConfig}\n        incomingInvitationsConfig={incomingInvitationsConfig}\n        outgoingInvitationsConfig={outgoingInvitationsConfig}\n        inviteContactsConfig={inviteContactsConfig}\n        searchBoxConfig={searchBoxConfig}\n        locale={locale}\n        invitationSuggestionsConfig={invitationSuggestionsConfig}\n        unfurlConfig={unfurlConfig}\n      />\n    </VortexModulesProvider>\n  );\n}\n"]}

package/package.json

@@ -1,59 +1,97 @@
 {
   "name": "@teamvortexsoftware/vortex-react-native",
-  "description": "",
+  "description": "Vortex React Native SDK",
   "author": "@teamvortexsoftware",
-  "version": "0.0.13",
+  "license": "Apache-2.0",
+  "version": "1.0.1",
   "files": [
     "dist"
   ],
   "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "react-native": "./dist/index.js",
+      "source": "./src/index.tsx"
     },
-    "./runtime": "./dist/index.js"
+    "./web": {
+      "types": "./dist/index-web.d.ts",
+      "import": "./dist/index-web.mjs",
+      "require": "./dist/index-web.js",
+      "source": "./src/index-web.tsx"
+    },
+    "./hooks/useInvitationFormLogic": {
+      "types": "./dist/hooks/useInvitationFormLogic.d.ts",
+      "import": "./dist/hooks/useInvitationFormLogic.mjs",
+      "require": "./dist/hooks/useInvitationFormLogic.js",
+      "source": "./src/hooks/useInvitationFormLogic.ts"
+    },
+    "./constants/mockData": {
+      "types": "./dist/constants/mockData.d.ts",
+      "import": "./dist/constants/mockData.mjs",
+      "require": "./dist/constants/mockData.js",
+      "source": "./src/constants/mockData.ts"
+    },
+    "./utils/contactUtils": {
+      "types": "./dist/utils/contactUtils.d.ts",
+      "import": "./dist/utils/contactUtils.mjs",
+      "require": "./dist/utils/contactUtils.js",
+      "source": "./src/utils/contactUtils.ts"
+    }
   },
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "react-native": "dist/index.js",
-  "devDependencies": {
-    "@eslint/js": "^9.24.0",
-    "@types/react": "^19.0.10",
-    "@types/react-native-vector-icons": "^6.4.18",
-    "eslint": "^9.24.0",
-    "eslint-plugin-react-native": "^4.1.0",
-    "typescript": "5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "@teamvortexsoftware/eslint-config": "0.0.0",
-    "@teamvortexsoftware/typescript-config": "0.0.0"
-  },
   "dependencies": {
-    "react-native-qrcode-svg": "^6.3.15",
-    "react-native-svg": "^15.12.0",
     "react-native-uuid": "^2.0.3",
-    "react-native-vector-icons": "^10.2.0",
-    "@teamvortexsoftware/vortex-core": "0.0.1",
-    "@teamvortexsoftware/vortex-shared-ui": "0.0.1"
+    "react-native-vector-icons": "^10.2.0"
   },
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "react-native": ">=0.79.0",
     "@react-native-clipboard/clipboard": ">=1.16.2",
-    "expo-clipboard": ">=7.1.4"
+    "@react-native-google-signin/google-signin": ">=16.0.0",
+    "expo-clipboard": ">=7.1.4",
+    "expo-haptics": ">=13.0.0",
+    "expo-linear-gradient": ">=12.0.0",
+    "expo-sharing": ">=13.0.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.75.0",
+    "react-native-linear-gradient": ">=2.6.0",
+    "react-native-qrcode-svg": ">=6.3.0",
+    "react-native-svg": ">=15.0.0",
+    "react-qr-code": ">=2.0.0"
   },
   "peerDependenciesMeta": {
     "@react-native-clipboard/clipboard": {
       "optional": true
     },
+    "@react-native-google-signin/google-signin": {
+      "optional": true
+    },
     "expo-clipboard": {
       "optional": true
+    },
+    "expo-haptics": {
+      "optional": true
+    },
+    "expo-linear-gradient": {
+      "optional": true
+    },
+    "expo-sharing": {
+      "optional": true
+    },
+    "react-native-linear-gradient": {
+      "optional": true
+    },
+    "react-native-qrcode-svg": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "react-qr-code": {
+      "optional": true
     }
-  },
-  "scripts": {
-    "build": "tsc",
-    "prepublish": "pnpm run build",
-    "lint": "eslint src/",
-    "type-check": "tsc --noEmit"
   }
 }

package/dist/components/Clipboard.js

@@ -1,64 +0,0 @@
-"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 _a, _b;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Clipboard = void 0;
-console.log('[Vortex] Clipboard.ts: Starting initialization');
-// Initialize with a placeholder that will be replaced
-let Clipboard;
-// Try to load expo-clipboard first
-try {
-    console.log('[Vortex] Clipboard.ts: Trying to load expo-clipboard');
-    const expoClipboard = require('expo-clipboard');
-    if ((expoClipboard === null || expoClipboard === void 0 ? void 0 : expoClipboard.setStringAsync) && (expoClipboard === null || expoClipboard === void 0 ? void 0 : expoClipboard.getStringAsync)) {
-        exports.Clipboard = Clipboard = {
-            setString: expoClipboard.setStringAsync,
-            getString: expoClipboard.getStringAsync,
-        };
-        console.log('[Vortex] Clipboard.ts: Using expo-clipboard implementation');
-    }
-    else {
-        console.error('[Vortex] Clipboard.ts: expo-clipboard is missing required methods');
-        throw new Error('expo-clipboard is missing required methods');
-    }
-}
-catch (error) {
-    console.error('[Vortex] Clipboard.ts: Failed to use expo-clipboard:', error);
-    // Fall back to @react-native-clipboard/clipboard
-    try {
-        console.log('[Vortex] Clipboard.ts: Trying to load @react-native-clipboard/clipboard');
-        const rnClipboard = require('@react-native-clipboard/clipboard');
-        if (((_a = rnClipboard === null || rnClipboard === void 0 ? void 0 : rnClipboard.default) === null || _a === void 0 ? void 0 : _a.setString) && ((_b = rnClipboard.default) === null || _b === void 0 ? void 0 : _b.getString)) {
-            console.log('[Vortex] Clipboard.ts: Successfully found @react-native-clipboard/clipboard methods');
-            exports.Clipboard = Clipboard = {
-                setString: (content) => __awaiter(void 0, void 0, void 0, function* () {
-                    rnClipboard.default.setString(content);
-                }),
-                getString: () => __awaiter(void 0, void 0, void 0, function* () {
-                    // @react-native-clipboard/clipboard returns string or undefined
-                    return Promise.resolve(rnClipboard.default.getString() || '');
-                }),
-            };
-            console.log('[Vortex] Clipboard.ts: Using @react-native-clipboard/clipboard implementation');
-        }
-        else {
-            console.error('[Vortex] Clipboard.ts: @react-native-clipboard/clipboard is missing required methods');
-            throw new Error('@react-native-clipboard/clipboard is missing required methods');
-        }
-    }
-    catch (e) {
-        console.error('[Vortex] Clipboard.ts: Failed to use @react-native-clipboard/clipboard:', e);
-        // If we get here, neither clipboard implementation is available
-        console.error('[Vortex] Clipboard.ts: No clipboard implementation found');
-        throw new Error('No clipboard implementation found. Please install expo-clipboard or @react-native-clipboard/clipboard');
-    }
-}
-exports.default = Clipboard;

package/dist/shared/api.js

@@ -1,90 +0,0 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-class VortexClient {
-    constructor(baseUrl, sessionId) {
-        this.sessionId = sessionId;
-        // trim ending /
-        this.baseUrl = baseUrl.replace(/\/+$/, '');
-    }
-    getWidgetConfiguration(widgetId, jwt, environmentId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = `${this.baseUrl}/api/v1/environment/${environmentId}/widgets/${widgetId}`;
-            console.log('[VortexClient] getWidgetConfiguration', { url });
-            const response = yield fetch(url, {
-                headers: {
-                    Authorization: `Bearer ${jwt}`,
-                    'x-session-id': this.sessionId,
-                },
-            });
-            if (!response.ok) {
-                const body = yield response.text();
-                console.error('[VortexClient] getWidgetConfiguration', { status: response.status, body });
-                throw new Error(`Error fetching widget configuration from ${url}: ${response.status}`);
-            }
-            const data = yield response.json();
-            console.log('[VortexClient] getWidgetConfiguration', { data });
-            return data;
-        });
-    }
-    createInvite(jwt, widgetConfigurationId, environmentId, payload) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield fetch(`${this.baseUrl}/api/v1/environment/${environmentId}/widget-configuration/${widgetConfigurationId}/invite`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    Authorization: `Bearer ${jwt}`,
-                    'x-session-id': this.sessionId,
-                },
-                body: JSON.stringify({
-                    data: {
-                        payload,
-                    },
-                }),
-            });
-            if (!response.ok) {
-                const body = yield response.text();
-                console.error('[VortexClient] createInvite', { status: response.status, body });
-                throw new Error(`Error POSTing widget invite: ${response.status}`);
-            }
-            const data = yield response.json();
-            console.log('[VortexClient] createInvite', data);
-            return data;
-        });
-    }
-    getShareableLinkFormatted() {
-        return `${this.baseUrl}/noauth/invite/...`;
-    }
-    createShareableInvite(jwt, widgetConfigurationId, environmentId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.debug('[VortexClient] createShareableInvite request', {
-                widgetConfigurationId,
-                environmentId,
-                jwt,
-            });
-            const response = yield fetch(`${this.baseUrl}/api/v1/environment/${environmentId}/widget-configuration/${widgetConfigurationId}/generate-shareable-link-invite`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    Authorization: `Bearer ${jwt}`,
-                    'x-session-id': this.sessionId,
-                },
-            });
-            if (!response.ok) {
-                throw new Error(`Error POSTing widget invite: ${response.statusText}`);
-            }
-            const data = yield response.json();
-            console.debug(`[VortexClient] createShareableInvite response ${JSON.stringify(data)}`);
-            return data;
-        });
-    }
-}
-exports.default = VortexClient;