@teamvortexsoftware/vortex-react-native 0.0.12 → 0.0.13

package/README.md

@@ -39,4 +39,4 @@ import { VortexInvite } from '@teamvortexsoftware/vortex-react-native';
 
 - React 18.3.1 or higher
 - React Native 0.74.5 or higher
-- pnpm 10.10.0 or higher 
+- pnpm 10.11.0 or higher 

package/dist/components/Clipboard.js

@@ -0,0 +1,64 @@
+"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

@@ -42,7 +42,7 @@ 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 }) {
+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}>
@@ -52,17 +52,10 @@ function ShareButton({ iconName, label, onPress, themeColors, themeStyles }) {
       </react_native_1.Pressable>
     </react_native_1.View>);
 }
-function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, shareableLink, }) {
+function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, handleSmsShare, handleEmailShare, shareableLink, }) {
     const [showQRCode, setShowQRCode] = (0, react_1.useState)(false);
     // Define button configurations
     const buttonConfigs = [
-        {
-            key: 'shareOptionsNativeShareSheet',
-            iconName: 'share-nodes',
-            label: 'Native Share',
-            onPress: handleShareLink,
-            isAvailable: has.shareOptionsNativeShareSheet,
-        },
         {
             key: 'shareOptionsCopyLink',
             iconName: 'copy',
@@ -71,6 +64,27 @@ function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCo
             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',
@@ -85,13 +99,6 @@ function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCo
             onPress: () => { },
             isAvailable: has.shareOptionsWhatsApp,
         },
-        {
-            key: 'shareOptionsSms',
-            iconName: 'message',
-            label: 'SMS',
-            onPress: () => { },
-            isAvailable: has.shareOptionsSms,
-        },
         // Add more share options as needed
         // Example:
         // {
@@ -111,7 +118,10 @@ function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCo
             .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 },
+                {
+                    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}/>

package/dist/hooks/useVortexInvite.js

@@ -15,13 +15,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVortexInvite = useVortexInvite;
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const api_1 = __importDefault(require("../shared/api"));
 const themeUtils_1 = require("../utils/themeUtils");
+const Clipboard_1 = require("../components/Clipboard");
 const useThemeStyles_1 = require("./useThemeStyles");
 const react_native_uuid_1 = __importDefault(require("react-native-uuid"));
 const formUtils_1 = require("../utils/formUtils");
-function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = false, jwt, onSuccess, onError, }) {
-    const vortexClient = (0, react_1.useMemo)(() => new api_1.default(vortexApiHost, react_native_uuid_1.default.v4()), [vortexApiHost]);
+const vortex_shared_ui_1 = require("@teamvortexsoftware/vortex-shared-ui");
+function useVortexInvite({ widgetId, environmentId, vortexApiUrl, contentTokens, isLoading = false, jwt, onSuccess, onError, }) {
+    const vortexClient = (0, react_1.useMemo)(() => new vortex_shared_ui_1.VortexClient(vortexApiUrl, react_native_uuid_1.default.v4()), [vortexApiUrl]);
     const [widgetConfiguration, setWidgetConfiguration] = (0, react_1.useState)();
     const [error, setError] = (0, react_1.useState)(null);
     const [fetching, setFetching] = (0, react_1.useState)(isLoading);
@@ -58,10 +59,10 @@ function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = f
     }, [widgetConfiguration]);
     // Log the host only once when the hook mounts
     (0, react_1.useEffect)(() => {
-        if (vortexApiHost.indexOf('localhost') > -1) {
+        if (vortexApiUrl.indexOf('localhost') > -1) {
             console.warn('[Vortex] Invite Using localhost as host');
         }
-    }, [vortexApiHost]);
+    }, [vortexApiUrl]);
     // Loading animation effect
     (0, react_1.useEffect)(() => {
         const animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([
@@ -184,7 +185,46 @@ function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = f
     const getShareableLink = () => {
         return vortexClient.getShareableLinkFormatted();
     };
-    const getShareableInviteLink = () => __awaiter(this, void 0, void 0, function* () {
+    const handleSmsShare = () => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        try {
+            const template = (_c = (_b = (_a = widgetConfiguration === null || widgetConfiguration === void 0 ? void 0 : widgetConfiguration.configuration) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b['vortex.components.share.template.body']) === null || _c === void 0 ? void 0 : _c.value;
+            if (!template)
+                throw new Error('No template available');
+            const shareableLink = yield getShareableInviteLink();
+            if (!shareableLink)
+                throw new Error('No shareable link available');
+            const body = encodeURIComponent(template.replace(/{{vortex-share-link}}/g, shareableLink));
+            const smsUrl = `sms:?body=${body}`;
+            yield react_native_1.Linking.openURL(smsUrl);
+        }
+        catch (error) {
+            console.error('[Vortex] Failed to open SMS app:', error);
+            if (onError)
+                onError(error instanceof Error ? error : new Error(String(error)), 'share');
+        }
+    });
+    const handleEmailShare = () => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        try {
+            const template = (_c = (_b = (_a = widgetConfiguration === null || widgetConfiguration === void 0 ? void 0 : widgetConfiguration.configuration) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b['vortex.components.share.template.body']) === null || _c === void 0 ? void 0 : _c.value;
+            if (!template)
+                throw new Error('No template available');
+            const subject = ((_g = (_f = (_e = (_d = widgetConfiguration === null || widgetConfiguration === void 0 ? void 0 : widgetConfiguration.configuration) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e['vortex.components.share.template.subject']) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.trim()) || "You're Invited";
+            const shareableLink = yield getShareableInviteLink();
+            if (!shareableLink)
+                throw new Error('No shareable link available');
+            const body = encodeURIComponent(template.replace(/{{vortex-share-link}}/g, shareableLink));
+            const mailtoUrl = `mailto:?subject=${encodeURIComponent(subject)}&body=${body}`;
+            yield react_native_1.Linking.openURL(mailtoUrl);
+        }
+        catch (error) {
+            console.error('[Vortex] Failed to open Email app:', error);
+            if (onError)
+                onError(error instanceof Error ? error : new Error(String(error)), 'share');
+        }
+    });
+    const getShareableInviteLink = (contentTokens) => __awaiter(this, void 0, void 0, function* () {
         // if (this.isLoading || !this.vortex) {
         //   return;
         // }
@@ -204,14 +244,14 @@ function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = f
             // this.host.requestUpdate();
             return;
         }
-        const link = `${vortexApiHost}/noauth/invite/${invite.data.invitation.id}`;
+        const link = `${vortexApiUrl}/noauth/invite/${invite.data.invitation.id}`;
         console.log(`getShareableInviteLink: ${link}`);
         setShareableLink(link); // TODO - need to differentiate invite host vs api host even though they are the same for now)
         return link;
     });
     const handleShareLink = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const shareableLink = yield getShareableInviteLink();
+            const shareableLink = yield getShareableInviteLink(contentTokens);
             if (!shareableLink) {
                 throw new Error('No shareable link available');
             }
@@ -240,7 +280,7 @@ function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = f
             if (!shareableLink) {
                 throw new Error('No shareable link available');
             }
-            yield react_native_1.Clipboard.setString(shareableLink);
+            yield Clipboard_1.Clipboard.setString(shareableLink);
             console.log('[Vortex] handleCopyLink', 'The invite link has been copied.');
             if (onSuccess) {
                 onSuccess({
@@ -273,6 +313,8 @@ function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = f
         handleInviteClick,
         handleShareLink,
         handleCopyLink,
+        handleSmsShare,
+        handleEmailShare,
         getShareableLink,
         formLayout,
     };

package/dist/types/components/Clipboard.d.ts

@@ -0,0 +1,16 @@
+export interface IClipboard {
+    /**
+     * Sets the content of the clipboard as a string
+     * @param content The string to save to the clipboard
+     */
+    setString(content: string): Promise<void>;
+    /**
+     * Gets the content of the clipboard as a string
+     * @returns The current clipboard content
+     */
+    getString(): Promise<string>;
+}
+declare let Clipboard: IClipboard;
+export { Clipboard };
+export default Clipboard;
+//# sourceMappingURL=Clipboard.d.ts.map

package/dist/types/components/Clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;CAC9B;AAKD,QAAA,IAAI,SAAS,EAAE,UAAU,CAAC;AAwD1B,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC"}

package/dist/types/components/ShareButtons.d.ts

@@ -10,7 +10,7 @@ interface ShareButtonProps {
     themeColors: ThemeColors;
     themeStyles: any;
 }
-export declare function ShareButton({ iconName, label, onPress, themeColors, themeStyles }: ShareButtonProps): React.JSX.Element;
+export declare function ShareButton({ iconName, label, onPress, themeColors, themeStyles, }: ShareButtonProps): React.JSX.Element;
 /**
  * ShareButtons component for rendering all available share options
  */
@@ -20,8 +20,10 @@ export interface ShareButtonsProps {
     themeStyles: any;
     handleShareLink: () => void;
     handleCopyLink: () => void;
+    handleSmsShare: () => void;
+    handleEmailShare: () => void;
     shareableLink?: string;
 }
-export declare function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, shareableLink, }: ShareButtonsProps): React.JSX.Element;
+export declare function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, handleSmsShare, handleEmailShare, shareableLink, }: ShareButtonsProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ShareButtons.d.ts.map

package/dist/types/components/ShareButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareButtons.d.ts","sourceRoot":"","sources":["../../../src/components/ShareButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD;;GAEG;AACH,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,gBAAgB,qBAWnG;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,GAAG,CAAC;IACT,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,WAAW,EACX,WAAW,EACX,eAAe,EACf,cAAc,EACd,aAAa,GACd,EAAE,iBAAiB,qBA6FnB"}
+{"version":3,"file":"ShareButtons.d.ts","sourceRoot":"","sources":["../../../src/components/ShareButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD;;GAEG;AACH,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAAW,GACZ,EAAE,gBAAgB,qBAWlB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,GAAG,CAAC;IACT,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,WAAW,EACX,WAAW,EACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,EAAE,iBAAiB,qBA2GnB"}

package/dist/types/hooks/useVortexInvite.d.ts

@@ -4,13 +4,14 @@ import { Attributes, VortexActionResult, VortexActionType } from '../vortexInvit
 export interface UseVortexInviteOptions {
     widgetId: string;
     environmentId: string;
-    vortexApiHost: string;
+    vortexApiUrl: string;
+    contentTokens?: Attributes;
     isLoading?: boolean;
     jwt?: string;
     onSuccess?: (result: VortexActionResult) => void;
     onError?: (error: Error, type: VortexActionType) => void;
 }
-export declare function useVortexInvite({ widgetId, environmentId, vortexApiHost, isLoading, jwt, onSuccess, onError, }: UseVortexInviteOptions): {
+export declare function useVortexInvite({ widgetId, environmentId, vortexApiUrl, contentTokens, isLoading, jwt, onSuccess, onError, }: UseVortexInviteOptions): {
     widgetConfiguration: WidgetConfiguration | undefined;
     error: {
         message: string;
@@ -29,6 +30,8 @@ export declare function useVortexInvite({ widgetId, environmentId, vortexApiHost
     handleInviteClick: (contentTokens?: Attributes) => Promise<void>;
     handleShareLink: () => Promise<void>;
     handleCopyLink: () => Promise<void>;
+    handleSmsShare: () => Promise<void>;
+    handleEmailShare: () => Promise<void>;
     getShareableLink: () => string;
     formLayout: {
         emailPlaceholder: string;

package/dist/types/hooks/useVortexInvite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVortexInvite.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVortexInvite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAanF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,SAAiB,EACjB,GAAG,EACH,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB;;;iBAIuB,MAAM;;;;;;;;;;;;;wCAqIH,UAAU,KAAG,OAAO,CAAC,IAAI,CAAC;;;;;;;;;;;EAqJ5E"}
+{"version":3,"file":"useVortexInvite.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVortexInvite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAC;AAIxD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAYnF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAiB,EACjB,GAAG,EACH,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB;;;iBAIuB,MAAM;;;;;;;;;;;;;wCAwIH,UAAU,KAAG,OAAO,CAAC,IAAI,CAAC;;;;;;;;;;;;;EA+L5E"}

package/dist/types/utils/themeUtils.d.ts

@@ -15,6 +15,7 @@ export interface FeatureFlags {
     emailInvitations: boolean;
     shareOptionsCopyLink: boolean;
     shareOptionsSms: boolean;
+    shareOptionsEmail: boolean;
     shareOptionsFacebookMessenger: boolean;
     shareOptionsInstagramDms: boolean;
     shareOptionsLinkedInMessaging: boolean;

package/dist/types/utils/themeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAClC,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,6BAA6B,EAAE,OAAO,CAAC;IACvC,wBAAwB,EAAE,OAAO,CAAC;IAClC,6BAA6B,EAAE,OAAO,CAAC;IACvC,sBAAsB,EAAE,OAAO,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,4BAA4B,EAAE,OAAO,CAAC;IACtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAsBzF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,YAAY,CAyB3F"}
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAClC,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B,EAAE,OAAO,CAAC;IACvC,wBAAwB,EAAE,OAAO,CAAC;IAClC,6BAA6B,EAAE,OAAO,CAAC;IACvC,sBAAsB,EAAE,OAAO,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,4BAA4B,EAAE,OAAO,CAAC;IACtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAsBzF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,YAAY,CA0B3F"}

package/dist/types/vortexInvite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vortexInvite.d.ts","sourceRoot":"","sources":["../../src/vortexInvite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,UAAU;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1E;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,SAAiB,EACjB,GAAG,EACH,SAAS,EACT,OAAO,EACP,aAAa,GACd,EAAE,iBAAiB,qBAyJnB"}
+{"version":3,"file":"vortexInvite.d.ts","sourceRoot":"","sources":["../../src/vortexInvite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,UAAU;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1E;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,SAAiB,EACjB,GAAG,EACH,SAAS,EACT,OAAO,EACP,aAAa,GACd,EAAE,iBAAiB,qBA+JnB"}

package/dist/utils/themeUtils.js

@@ -48,6 +48,7 @@ function extractFeatureFlags(widgetConfiguration) {
         shareOptionsLinkedInMessaging: shareOptions.includes("linkedInMessaging"),
         shareOptionsNativeShareSheet: shareOptions.includes("nativeShareSheet"),
         shareOptionsQrCode: shareOptions.includes("qrCode"), // Only true if specifically included
+        shareOptionsEmail: shareOptions.includes("email"),
         shareOptionsSms: shareOptions.includes("sms"),
         shareOptionsTwitterDms: shareOptions.includes("twitterDms"),
         shareOptionsWhatsApp: shareOptions.includes("whatsApp"),

package/dist/vortexInvite.js

@@ -9,10 +9,10 @@ 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, getShareableLink, formLayout, } = (0, useVortexInvite_1.useVortexInvite)({
+    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,
-        vortexApiHost,
+        vortexApiUrl: vortexApiHost,
         isLoading,
         jwt,
         onSuccess,
@@ -48,7 +48,7 @@ function VortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = fals
           {/* 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} shareableLink={getShareableLink()}/>
+                <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>
@@ -75,7 +75,7 @@ function VortexInvite({ widgetId, environmentId, vortexApiHost, isLoading = fals
           {(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} shareableLink={getShareableLink()}/>
+            <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>);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@teamvortexsoftware/vortex-react-native",
   "description": "",
   "author": "@teamvortexsoftware",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "files": [
     "dist"
   ],
@@ -25,19 +25,30 @@
     "eslint-plugin-react-native": "^4.1.0",
     "typescript": "5.8.3",
     "typescript-eslint": "^8.30.1",
-    "@teamvortexsoftware/typescript-config": "0.0.0",
-    "@teamvortexsoftware/eslint-config": "0.0.0"
+    "@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-core": "0.0.1",
+    "@teamvortexsoftware/vortex-shared-ui": "0.0.1"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
-    "react-native": ">=0.79.0"
+    "react-native": ">=0.79.0",
+    "@react-native-clipboard/clipboard": ">=1.16.2",
+    "expo-clipboard": ">=7.1.4"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-clipboard/clipboard": {
+      "optional": true
+    },
+    "expo-clipboard": {
+      "optional": true
+    }
   },
   "scripts": {
     "build": "tsc",