@teamvortexsoftware/vortex-react-native 0.0.13 → 1.0.0

package/dist/vortexInvite.js

@@ -1,172 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VortexInvite = VortexInvite;
-const react_1 = __importDefault(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 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
-});