@teamvortexsoftware/vortex-react-native 0.0.13 → 1.0.0

package/package.json

@@ -1,59 +1,132 @@
 {
   "name": "@teamvortexsoftware/vortex-react-native",
-  "description": "",
+  "description": "Vortex React Native SDK",
   "author": "@teamvortexsoftware",
-  "version": "0.0.13",
+  "license": "Apache-2.0",
+  "version": "1.0.0",
   "files": [
     "dist"
   ],
   "main": "./dist/index.js",
   "exports": {
     ".": {
+      "source": "./src/index.tsx",
+      "react-native": {
+        "development": "./src/index.tsx",
+        "default": "./dist/index.js"
+      },
       "import": "./dist/index.js",
       "require": "./dist/index.js",
       "types": "./dist/types/index.d.ts"
     },
-    "./runtime": "./dist/index.js"
+    "./web": {
+      "source": "./src/index-web.tsx",
+      "import": "./dist/index-web.js",
+      "require": "./dist/index-web.js",
+      "types": "./dist/types/index-web.d.ts"
+    },
+    "./runtime": "./dist/index.js",
+    "./hooks/useInvitationFormLogic": {
+      "source": "./src/hooks/useInvitationFormLogic.ts",
+      "import": "./dist/hooks/useInvitationFormLogic.js",
+      "require": "./dist/hooks/useInvitationFormLogic.js",
+      "types": "./dist/types/hooks/useInvitationFormLogic.d.ts"
+    },
+    "./constants/mockData": {
+      "source": "./src/constants/mockData.ts",
+      "import": "./dist/constants/mockData.js",
+      "require": "./dist/constants/mockData.js",
+      "types": "./dist/types/constants/mockData.d.ts"
+    },
+    "./utils/contactUtils": {
+      "source": "./src/utils/contactUtils.ts",
+      "import": "./dist/utils/contactUtils.js",
+      "require": "./dist/utils/contactUtils.js",
+      "types": "./dist/types/utils/contactUtils.d.ts"
+    }
   },
   "types": "dist/types/index.d.ts",
   "react-native": "dist/index.js",
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
-    "@types/react": "^19.0.10",
+    "@eslint/js": "9.39.2",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.1",
+    "@types/react": "19.2.7",
     "@types/react-native-vector-icons": "^6.4.18",
-    "eslint": "^9.24.0",
+    "@vitest/coverage-v8": "4.0.18",
+    "eslint": "9.39.2",
     "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"
+    "expo-haptics": "^15.0.7",
+    "jsdom": "^26.0.2",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native-web": "^0.19.13",
+    "rimraf": "6.1.2",
+    "typescript-eslint": "8.50.1",
+    "vite": "7.3.1",
+    "vitest": "4.0.18"
   },
   "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": "19.2.3",
+    "react-native": ">=0.79.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",
+    "clean": "rimraf dist",
+    "build": "pnpm run clean && tsc",
+    "dev": "pnpm run clean && tsc -w --preserveWatchOutput",
     "prepublish": "pnpm run build",
+    "build:prod": "pnpm run clean && tsc",
+    "prepublish:prod": "mkdir -p dist.d/prod && cp -r dist dist.d/prod/ && cp ./LICENSE ./README.md dist.d/prod/ && jq 'del(.dependencies.\"@teamvortexsoftware/analytics-client\") | del(.dependencies.\"@teamvortexsoftware/vortex-shared-ui\") | del(.devDependencies.\"@teamvortexsoftware/vortex-types\") | del(.devDependencies.\"@teamvortexsoftware/eslint-config\") | del(.devDependencies.\"@teamvortexsoftware/typescript-config\") | del(.scripts.prepack)' ./package.json > ./dist.d/prod/package.json",
+    "publish:prod": "pnpm run prepublish:prod && pnpm publish --access public ./dist.d/prod",
     "lint": "eslint src/",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "test": "vitest",
+    "test:ci": "vitest run --coverage"
   }
 }

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/components/ShareButtons.js

@@ -1,180 +0,0 @@
-"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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareButton = ShareButton;
-exports.ShareButtons = ShareButtons;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const FontAwesome6_1 = __importDefault(require("react-native-vector-icons/FontAwesome6"));
-const react_native_qrcode_svg_1 = __importDefault(require("react-native-qrcode-svg"));
-function ShareButton({ iconName, label, onPress, themeColors, themeStyles, }) {
-    return (<react_native_1.View style={styles.shareButtonWrapper}>
-      <react_native_1.Pressable style={[styles.shareButton, themeStyles.secondaryButton]} onPress={onPress}>
-        <react_native_1.View style={styles.buttonContentContainer}>
-          <FontAwesome6_1.default name={iconName} size={24} color={themeColors.secondaryButtonForeground}/>
-          <react_native_1.Text style={[styles.shareButtonText, themeStyles.secondaryButtonText]}>{label}</react_native_1.Text>
-        </react_native_1.View>
-      </react_native_1.Pressable>
-    </react_native_1.View>);
-}
-function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, handleSmsShare, handleEmailShare, shareableLink, }) {
-    const [showQRCode, setShowQRCode] = (0, react_1.useState)(false);
-    // Define button configurations
-    const buttonConfigs = [
-        {
-            key: 'shareOptionsCopyLink',
-            iconName: 'copy',
-            label: 'Copy',
-            onPress: handleCopyLink,
-            isAvailable: true, // Always available when share is enabled
-            isWithShowUrl: has.shareOptionsCopyLink, // Special handling only if specifically enabled
-        },
-        {
-            key: 'shareOptionsSms',
-            iconName: 'message',
-            label: 'SMS',
-            onPress: handleSmsShare,
-            isAvailable: has.shareOptionsSms,
-        },
-        {
-            key: 'shareOptionsEmail',
-            iconName: 'envelope',
-            label: 'Email',
-            onPress: handleEmailShare,
-            isAvailable: has.shareOptionsEmail,
-        },
-        {
-            key: 'shareOptionsNativeShareSheet',
-            iconName: 'share-nodes',
-            label: 'Share Link',
-            onPress: handleShareLink,
-            isAvailable: has.shareOptionsNativeShareSheet,
-        },
-        {
-            key: 'shareOptionsQRCode',
-            iconName: 'qrcode',
-            label: 'QR Code',
-            onPress: () => setShowQRCode(!showQRCode),
-            isAvailable: has.shareOptionsQrCode,
-        },
-        {
-            key: 'shareOptionsWhatsApp',
-            iconName: 'whatsapp',
-            label: 'WhatsApp',
-            onPress: () => { },
-            isAvailable: has.shareOptionsWhatsApp,
-        },
-        // Add more share options as needed
-        // Example:
-        // {
-        //   key: 'shareOptionsFacebookMessenger',
-        //   iconName: 'facebook-messenger',
-        //   label: 'Messenger',
-        //   onPress: () => {},
-        //   isAvailable: has.shareOptionsFacebookMessenger,
-        // },
-    ];
-    return (<>
-      {showQRCode && shareableLink && (<react_native_1.View style={styles.qrCodeContainer}>
-          <react_native_qrcode_svg_1.default value={shareableLink} size={200} color={themeColors.containerForeground} backgroundColor={themeColors.containerBackground}/>
-        </react_native_1.View>)}
-      {buttonConfigs
-            .filter((config) => config.isAvailable)
-            .map((config) => config.isWithShowUrl && config.key === 'shareOptionsCopyLink' && shareableLink ? (<react_native_1.View key={config.key} style={styles.copyLinkContainer}>
-              <react_native_1.TextInput style={[
-                styles.linkInput,
-                {
-                    color: themeColors.containerForeground,
-                    borderColor: themeColors.containerBorder,
-                },
-            ]} value={shareableLink} editable={false}/>
-              <react_native_1.Pressable style={[styles.copyButton, themeStyles.secondaryButton]} onPress={handleCopyLink}>
-                <FontAwesome6_1.default name="copy" size={20} color={themeColors.secondaryButtonForeground}/>
-              </react_native_1.Pressable>
-            </react_native_1.View>) : (<ShareButton key={config.key} iconName={config.iconName} label={config.label} onPress={config.onPress} themeColors={themeColors} themeStyles={themeStyles}/>))}
-    </>);
-}
-const styles = react_native_1.StyleSheet.create({
-    shareButtonWrapper: {
-        width: '48%',
-        margin: 5,
-    },
-    shareButton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: 10,
-        borderWidth: 1,
-        borderRadius: 5,
-        justifyContent: 'center',
-    },
-    buttonContentContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    shareButtonText: {
-        marginLeft: 10,
-    },
-    qrCodeContainer: {
-        width: '100%',
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginBottom: 20,
-        padding: 10,
-    },
-    copyLinkContainer: {
-        width: '100%',
-        flexDirection: 'row',
-        marginVertical: 5,
-        alignItems: 'center',
-    },
-    linkInput: {
-        flex: 1,
-        borderWidth: 1,
-        borderRadius: 5,
-        padding: 10,
-        marginRight: 5,
-    },
-    copyButton: {
-        width: 44,
-        height: 44,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-        borderRadius: 5,
-    },
-});

package/dist/hooks/useThemeStyles.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeStyles = useThemeStyles;
-const react_1 = require("react");
-/**
- * Hook to generate dynamic styles based on theme colors
- * @param themeColors The theme colors object
- * @returns Object containing styled components based on the theme
- */
-function useThemeStyles(themeColors) {
-    const themeStyles = (0, react_1.useMemo)(() => ({
-        primaryButton: {
-            backgroundColor: themeColors.primaryButtonBackground,
-            borderColor: themeColors.primaryButtonBorder,
-        },
-        primaryButtonText: {
-            color: themeColors.primaryButtonForeground,
-        },
-        secondaryButton: {
-            backgroundColor: themeColors.secondaryButtonBackground,
-            borderColor: themeColors.secondaryButtonBorder,
-        },
-        secondaryButtonText: {
-            color: themeColors.secondaryButtonForeground,
-        },
-        containerStyles: {
-            backgroundColor: themeColors.containerBackground,
-        },
-        textStyles: {
-            color: themeColors.containerForeground,
-        },
-        inputStyles: {
-            borderColor: themeColors.containerBorder,
-            color: themeColors.containerForeground,
-            backgroundColor: themeColors.containerBackground,
-        },
-    }), [themeColors]);
-    return themeStyles;
-}