@teamvortexsoftware/vortex-react-native 0.0.8 → 0.0.9

package/dist/tests/TestVortexInvite.js

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const vortexInvite_1 = require("../vortexInvite");
+const TestVortexInvite = () => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [lastResult, setLastResult] = (0, react_1.useState)(null);
+    const [lastError, setLastError] = (0, react_1.useState)(null);
+    // Mock JWT - this would typically come from your auth system
+    const mockJwt = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';
+    const handleSuccess = (result) => {
+        setLastResult({ type: result.type, data: result.data });
+        setLastError(null);
+    };
+    const handleError = (error, type) => {
+        setLastError({ message: error.message, type });
+        setLastResult(null);
+    };
+    // Example content tokens
+    const contentTokens = {
+        'user.first_name': { value: 'John', type: 'string' },
+        'user.last_name': { value: 'Doe', type: 'string' },
+        'company.name': { value: 'Acme Inc', type: 'string' },
+    };
+    return (<react_native_1.SafeAreaView style={styles.container}>
+      <react_native_1.ScrollView contentContainerStyle={styles.scrollContainer}>
+        <react_native_1.Text style={styles.header}>Test VortexInvite Component</react_native_1.Text>
+        
+        <react_native_1.View style={styles.controls}>
+          <react_native_1.Button title={isLoading ? 'Set Loading: False' : 'Set Loading: True'} onPress={() => setIsLoading(!isLoading)}/>
+          <react_native_1.Text style={styles.statusText}>Loading state: {isLoading ? 'true' : 'false'}</react_native_1.Text>
+        </react_native_1.View>
+        
+        <react_native_1.View style={styles.inviteContainer}>
+          <vortexInvite_1.VortexInvite environmentId="env_123456789" widgetId="widget_123456789" vortexApiHost="https://api.vortex.com" isLoading={isLoading} jwt={mockJwt} onSuccess={handleSuccess} onError={handleError} contentTokens={contentTokens}/>
+        </react_native_1.View>
+        
+        {lastResult && (<react_native_1.View style={styles.resultContainer}>
+            <react_native_1.Text style={styles.resultTitle}>Last Success:</react_native_1.Text>
+            <react_native_1.Text>Type: {lastResult.type}</react_native_1.Text>
+            <react_native_1.Text>Data: {lastResult.data}</react_native_1.Text>
+          </react_native_1.View>)}
+        
+        {lastError && (<react_native_1.View style={styles.errorContainer}>
+            <react_native_1.Text style={styles.errorTitle}>Last Error:</react_native_1.Text>
+            <react_native_1.Text>Type: {lastError.type}</react_native_1.Text>
+            <react_native_1.Text>Message: {lastError.message}</react_native_1.Text>
+          </react_native_1.View>)}
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: 'whitesmoke',
+    },
+    scrollContainer: {
+        padding: 16,
+    },
+    header: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        marginBottom: 20,
+        textAlign: 'center',
+    },
+    controls: {
+        marginBottom: 20,
+        alignItems: 'center',
+    },
+    statusText: {
+        marginTop: 8,
+        fontSize: 16,
+    },
+    inviteContainer: {
+        marginBottom: 20,
+    },
+    resultContainer: {
+        padding: 12,
+        backgroundColor: 'honeydew',
+        borderRadius: 8,
+        marginTop: 16,
+    },
+    resultTitle: {
+        fontWeight: 'bold',
+        marginBottom: 8,
+        fontSize: 16,
+    },
+    errorContainer: {
+        padding: 12,
+        backgroundColor: 'mistyrose',
+        borderRadius: 8,
+        marginTop: 16,
+    },
+    errorTitle: {
+        fontWeight: 'bold',
+        marginBottom: 8,
+        fontSize: 16,
+    },
+});
+exports.default = TestVortexInvite;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ThemeColors } from '../utils/themeUtils';
+/**
+ * ShareButton component for rendering a single share option button
+ */
+interface ShareButtonProps {
+    iconName: string;
+    label: string;
+    onPress: () => void;
+    themeColors: ThemeColors;
+    themeStyles: any;
+}
+export declare function ShareButton({ iconName, label, onPress, themeColors, themeStyles }: ShareButtonProps): React.JSX.Element;
+/**
+ * ShareButtons component for rendering all available share options
+ */
+export interface ShareButtonsProps {
+    has: any;
+    themeColors: ThemeColors;
+    themeStyles: any;
+    handleShareLink: () => void;
+    handleCopyLink: () => void;
+    shareableLink?: string;
+}
+export declare function ShareButtons({ has, themeColors, themeStyles, handleShareLink, handleCopyLink, shareableLink, }: ShareButtonsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ShareButtons.d.ts.map

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

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

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

@@ -0,0 +1,34 @@
+import { ThemeColors } from "../utils/themeUtils";
+/**
+ * Hook to generate dynamic styles based on theme colors
+ * @param themeColors The theme colors object
+ * @returns Object containing styled components based on the theme
+ */
+export declare function useThemeStyles(themeColors: ThemeColors): {
+    primaryButton: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    primaryButtonText: {
+        color: string;
+    };
+    secondaryButton: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    secondaryButtonText: {
+        color: string;
+    };
+    containerStyles: {
+        backgroundColor: string;
+    };
+    textStyles: {
+        color: string;
+    };
+    inputStyles: {
+        borderColor: string;
+        color: string;
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=useThemeStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeStyles.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemeStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCtD"}

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

@@ -0,0 +1,41 @@
+import { WidgetConfiguration } from '@teamvortexsoftware/vortex-core';
+import { Animated } from 'react-native';
+import { Attributes, VortexActionResult, VortexActionType } from '../vortexInvite';
+export interface UseVortexInviteOptions {
+    widgetId: string;
+    environmentId: string;
+    vortexApiHost: string;
+    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): {
+    widgetConfiguration: WidgetConfiguration | undefined;
+    error: {
+        message: string;
+    } | null;
+    fetching: boolean;
+    loading: boolean;
+    email: string;
+    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
+    opacity: Animated.Value;
+    themeColors: import("../utils/themeUtils").ThemeColors;
+    themeStyles: Record<string, Record<string, string | number>>;
+    has: import("../utils/themeUtils").FeatureFlags;
+    options: import("@teamvortexsoftware/vortex-core").WidgetConfigurationConfigurationProps;
+    inviteLoading: boolean;
+    showSuccessMessage: boolean;
+    handleInviteClick: (contentTokens?: Attributes) => Promise<void>;
+    handleShareLink: () => Promise<void>;
+    handleCopyLink: () => Promise<void>;
+    getShareableLink: () => string;
+    formLayout: {
+        emailPlaceholder: string;
+        submitButtonLabel: string;
+        isGridLayout: boolean;
+        hasSeparateColumns: boolean;
+        formConfig: import("../utils/formUtils").FormComponent[] | null;
+    };
+};
+//# sourceMappingURL=useVortexInvite.d.ts.map

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

@@ -0,0 +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;AAgBnF,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"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { VortexInvite, type VortexInviteProps, type Attributes, type VortexActionResult, type VortexActionType } from './vortexInvite';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/shared/InvitationResult.d.ts

@@ -0,0 +1,24 @@
+import { UUID } from '@teamvortexsoftware/vortex-core';
+export interface InvitationResultDto {
+    invitation: {
+        id: UUID;
+        accountId: UUID;
+        attributes: any;
+        clickThroughs: number | null;
+        configurationAttributes: any;
+        createdAt: Date;
+        deactivated: boolean;
+        deliveryCount: number;
+        deliveryTypes: string[];
+        foreignCreatorId: UUID | null;
+        invitationType: string;
+        modifiedAt: Date | null;
+        passThrough: string | null;
+        status: string;
+        target: any;
+        views: number | null;
+        widgetConfigurationId: UUID | null;
+        projectId: UUID | null;
+    };
+}
+//# sourceMappingURL=InvitationResult.d.ts.map

package/dist/types/shared/InvitationResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationResult.d.ts","sourceRoot":"","sources":["../../../src/shared/InvitationResult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAEvD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE;QACV,EAAE,EAAE,IAAI,CAAC;QACT,SAAS,EAAE,IAAI,CAAC;QAChB,UAAU,EAAE,GAAG,CAAC;QAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;QAC7B,uBAAuB,EAAE,GAAG,CAAC;QAC7B,SAAS,EAAE,IAAI,CAAC;QAChB,WAAW,EAAE,OAAO,CAAC;QACrB,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,EAAE,CAAC;QACxB,gBAAgB,EAAE,IAAI,GAAG,IAAI,CAAC;QAC9B,cAAc,EAAE,MAAM,CAAC;QACvB,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC;QACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,qBAAqB,EAAE,IAAI,GAAG,IAAI,CAAC;QACnC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;KACxB,CAAC;CACH"}

package/dist/types/shared/api.d.ts

@@ -0,0 +1,14 @@
+import { InvitationResultDto } from './InvitationResult';
+declare class VortexClient {
+    private sessionId;
+    private baseUrl;
+    constructor(baseUrl: string, sessionId: string);
+    getWidgetConfiguration(widgetId: string, jwt: string, environmentId: string): Promise<any>;
+    createInvite(jwt: string, widgetConfigurationId: string, environmentId: string, payload: any): Promise<any>;
+    getShareableLinkFormatted(): string;
+    createShareableInvite(jwt: string, widgetConfigurationId: string, environmentId: string): Promise<{
+        data: InvitationResultDto;
+    }>;
+}
+export default VortexClient;
+//# sourceMappingURL=api.d.ts.map

package/dist/types/shared/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/shared/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,cAAM,YAAY;IAKd,OAAO,CAAC,SAAS;IAJnB,OAAO,CAAC,OAAO,CAAS;gBAGtB,OAAO,EAAE,MAAM,EACP,SAAS,EAAE,MAAM;IAMrB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM;IAsB3E,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG;IA4BlG,yBAAyB;IAInB,qBAAqB,CACzB,GAAG,EAAE,MAAM,EACX,qBAAqB,EAAE,MAAM,EAC7B,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC;QAAE,IAAI,EAAE,mBAAmB,CAAA;KAAE,CAAC;CA0B1C;AAED,eAAe,YAAY,CAAC"}

package/dist/types/tests/TestVortexInvite.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const TestVortexInvite: () => React.JSX.Element;
+export default TestVortexInvite;
+//# sourceMappingURL=TestVortexInvite.d.ts.map

package/dist/types/tests/TestVortexInvite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestVortexInvite.d.ts","sourceRoot":"","sources":["../../../src/tests/TestVortexInvite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,QAAA,MAAM,gBAAgB,yBAqErB,CAAC;AAmDF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,85 @@
+import { WidgetConfiguration } from "@teamvortexsoftware/vortex-core";
+import { ThemeColors } from "./themeUtils";
+export interface FormComponentStyle {
+    [key: string]: {
+        label?: string;
+        value?: string | number;
+        computedValue?: string;
+        unit?: string;
+    };
+}
+export interface FormComponentSettings {
+    action?: {
+        type: string;
+        value: string;
+        target?: string;
+    };
+    size?: number;
+}
+export interface FormComponent {
+    id: string;
+    type: string;
+    subtype?: string;
+    label?: string;
+    hint?: string;
+    name?: string;
+    required?: boolean;
+    placeholder?: string;
+    style?: FormComponentStyle;
+    settings?: FormComponentSettings;
+    vortex?: {
+        role?: string;
+        canRemove?: boolean;
+    };
+    children?: FormComponent[];
+    multiValue?: boolean;
+    validation?: Array<{
+        type: string;
+        value: string;
+        operator: string;
+        canRemove: boolean;
+        errorMessage: string;
+    }>;
+    tagName?: string;
+    textContent?: string;
+    attributes?: {
+        [key: string]: string;
+    };
+}
+export interface FormConfiguration {
+    value: FormComponent[];
+    valueType: string;
+}
+/**
+ * Extracts the form configuration from the widget configuration
+ */
+export declare function extractFormConfiguration(widgetConfiguration?: WidgetConfiguration): FormComponent[] | null;
+/**
+ * Converts form component style object to React Native styles
+ */
+export declare function convertFormStyleToRNStyle(style?: FormComponentStyle): Record<string, string | number>;
+/**
+ * Find a specific component by role in the form configuration
+ */
+export declare function findComponentByRole(formConfig: FormComponent[] | null, role: string): FormComponent | null;
+/**
+ * Merges theme styles with component-specific styles from form configuration
+ */
+export declare function mergeThemeAndComponentStyles(themeStyles: Record<string, Record<string, string | number>>, themeColors: ThemeColors, formConfig: FormComponent[] | null): Record<string, Record<string, string | number>>;
+/**
+ * Get email input placeholder from form configuration
+ */
+export declare function getEmailPlaceholder(formConfig: FormComponent[] | null): string;
+/**
+ * Get submit button label from form configuration
+ */
+export declare function getSubmitButtonLabel(formConfig: FormComponent[] | null): string;
+/**
+ * Determines if the form layout uses a grid structure
+ */
+export declare function hasGridLayout(formConfig: FormComponent[] | null): boolean;
+/**
+ * Determines if email and share components are in separate grid items
+ */
+export declare function hasEmailAndShareInSeparateColumns(formConfig: FormComponent[] | null): boolean;
+//# sourceMappingURL=formUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/formUtils.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { WidgetConfiguration } from '@teamvortexsoftware/vortex-core';
+export interface ThemeColors {
+    containerBackground: string;
+    containerForeground: string;
+    containerBorder: string;
+    primaryButtonBackground: string;
+    primaryButtonForeground: string;
+    primaryButtonBorder: string;
+    secondaryButtonBackground: string;
+    secondaryButtonForeground: string;
+    secondaryButtonBorder: string;
+}
+export interface FeatureFlags {
+    shareableLinks: boolean;
+    emailInvitations: boolean;
+    shareOptionsCopyLink: boolean;
+    shareOptionsSms: boolean;
+    shareOptionsFacebookMessenger: boolean;
+    shareOptionsInstagramDms: boolean;
+    shareOptionsLinkedInMessaging: boolean;
+    shareOptionsTwitterDms: boolean;
+    shareOptionsWhatsApp: boolean;
+    shareOptionsNativeShareSheet: boolean;
+    shareOptionsQrCode: boolean;
+    shareEnabled: boolean;
+}
+/**
+ * Extracts theme colors from widget configuration
+ */
+export declare function extractThemeColors(widgetConfiguration?: WidgetConfiguration): ThemeColors;
+/**
+ * Extracts feature flags from widget configuration
+ */
+export declare function extractFeatureFlags(widgetConfiguration?: WidgetConfiguration): FeatureFlags;
+//# sourceMappingURL=themeUtils.d.ts.map

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

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

package/dist/types/vortexInvite.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type VortexActionType = 'invite' | 'share';
+export interface VortexActionResult {
+    type: VortexActionType;
+    data: string;
+}
+export interface Attributes {
+    [key: string]: {
+        value: string | string[];
+        type: string;
+        role?: string;
+    };
+}
+export interface VortexInviteProps {
+    environmentId: string;
+    widgetId: string;
+    vortexApiHost: string;
+    isLoading: boolean;
+    jwt?: string;
+    onSuccess?: (result: VortexActionResult) => void;
+    onError?: (error: Error, type: VortexActionType) => void;
+    contentTokens?: Attributes;
+}
+export declare function VortexInvite({ widgetId, environmentId, vortexApiHost, isLoading, jwt, onSuccess, onError, contentTokens, }: VortexInviteProps): React.JSX.Element;
+//# sourceMappingURL=vortexInvite.d.ts.map

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

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

package/dist/utils/formUtils.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractFormConfiguration = extractFormConfiguration;
+exports.convertFormStyleToRNStyle = convertFormStyleToRNStyle;
+exports.findComponentByRole = findComponentByRole;
+exports.mergeThemeAndComponentStyles = mergeThemeAndComponentStyles;
+exports.getEmailPlaceholder = getEmailPlaceholder;
+exports.getSubmitButtonLabel = getSubmitButtonLabel;
+exports.hasGridLayout = hasGridLayout;
+exports.hasEmailAndShareInSeparateColumns = hasEmailAndShareInSeparateColumns;
+/**
+ * Extracts the form configuration from the widget configuration
+ */
+function extractFormConfiguration(widgetConfiguration) {
+    var _a, _b, _c;
+    if (!((_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.form"]) === null || _c === void 0 ? void 0 : _c.value)) {
+        return null;
+    }
+    return widgetConfiguration.configuration.props["vortex.components.form"].value;
+}
+/**
+ * Converts form component style object to React Native styles
+ */
+function convertFormStyleToRNStyle(style) {
+    if (!style)
+        return {};
+    const rnStyle = {};
+    Object.keys(style).forEach((key) => {
+        const styleObj = style[key];
+        // Handle special cases like background-color to backgroundColor
+        const normalizedKey = key.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+        // Use computedValue if available, otherwise use value
+        if (styleObj.computedValue) {
+            rnStyle[normalizedKey] = styleObj.computedValue;
+        }
+        else if (styleObj.value !== undefined) {
+            // Handle numeric values
+            if (typeof styleObj.value === 'string' && !isNaN(Number(styleObj.value))) {
+                rnStyle[normalizedKey] = Number(styleObj.value);
+            }
+            else {
+                rnStyle[normalizedKey] = styleObj.value;
+            }
+        }
+    });
+    return rnStyle;
+}
+/**
+ * Find a specific component by role in the form configuration
+ */
+function findComponentByRole(formConfig, role) {
+    if (!formConfig)
+        return null;
+    const findComponent = (components) => {
+        var _a;
+        for (const component of components) {
+            if (((_a = component.vortex) === null || _a === void 0 ? void 0 : _a.role) === role) {
+                return component;
+            }
+            if (component.children) {
+                const found = findComponent(component.children);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    return findComponent(formConfig);
+}
+/**
+ * Merges theme styles with component-specific styles from form configuration
+ */
+function mergeThemeAndComponentStyles(themeStyles, themeColors, formConfig) {
+    // Start with the base theme styles
+    const mergedStyles = Object.assign({}, themeStyles);
+    // Find submit button and email input components
+    const submitButton = findComponentByRole(formConfig, 'submit');
+    const emailInput = findComponentByRole(formConfig, 'email');
+    // Merge submit button styles
+    if (submitButton === null || submitButton === void 0 ? void 0 : submitButton.style) {
+        const submitButtonStyle = convertFormStyleToRNStyle(submitButton.style);
+        mergedStyles.primaryButton = Object.assign(Object.assign(Object.assign({}, mergedStyles.primaryButton), (submitButtonStyle['backgroundColor'] && { backgroundColor: submitButtonStyle['backgroundColor'] })), (submitButtonStyle['borderColor'] && { borderColor: submitButtonStyle['borderColor'] }));
+        // Update button text if there's a color specified
+        if (submitButtonStyle['color']) {
+            mergedStyles.primaryButtonText = Object.assign(Object.assign({}, mergedStyles.primaryButtonText), { color: submitButtonStyle['color'] });
+        }
+    }
+    // Merge email input styles
+    if (emailInput === null || emailInput === void 0 ? void 0 : emailInput.style) {
+        const emailInputStyle = convertFormStyleToRNStyle(emailInput.style);
+        mergedStyles.inputStyles = Object.assign(Object.assign({}, mergedStyles.inputStyles), emailInputStyle);
+    }
+    return mergedStyles;
+}
+/**
+ * Get email input placeholder from form configuration
+ */
+function getEmailPlaceholder(formConfig) {
+    const emailInput = findComponentByRole(formConfig, 'email');
+    return (emailInput === null || emailInput === void 0 ? void 0 : emailInput.placeholder) || 'Enter email';
+}
+/**
+ * Get submit button label from form configuration
+ */
+function getSubmitButtonLabel(formConfig) {
+    const submitButton = findComponentByRole(formConfig, 'submit');
+    return (submitButton === null || submitButton === void 0 ? void 0 : submitButton.label) || 'Invite';
+}
+/**
+ * Determines if the form layout uses a grid structure
+ */
+function hasGridLayout(formConfig) {
+    if (!formConfig)
+        return false;
+    const findGrid = (components) => {
+        for (const component of components) {
+            if (component.type === 'grid') {
+                return true;
+            }
+            if (component.children) {
+                const found = findGrid(component.children);
+                if (found)
+                    return true;
+            }
+        }
+        return false;
+    };
+    return findGrid(formConfig);
+}
+/**
+ * Determines if email and share components are in separate grid items
+ */
+function hasEmailAndShareInSeparateColumns(formConfig) {
+    if (!formConfig)
+        return false;
+    // Look for a grid with multiple grid-items
+    const findSeparateColumns = (components) => {
+        for (const component of components) {
+            if (component.type === 'grid' && component.children) {
+                // Check if there are at least 2 grid-items
+                const gridItems = component.children.filter(child => child.type === 'grid-item');
+                if (gridItems.length >= 2) {
+                    // Check if one has email and one has share
+                    let hasEmailItem = false;
+                    let hasShareItem = false;
+                    for (const item of gridItems) {
+                        if (!item.children)
+                            continue;
+                        // Check for email component
+                        if (!hasEmailItem) {
+                            hasEmailItem = item.children.some(child => {
+                                var _a;
+                                return child.type === 'form' &&
+                                    ((_a = child.children) === null || _a === void 0 ? void 0 : _a.some(formChild => { var _a; return ((_a = formChild.vortex) === null || _a === void 0 ? void 0 : _a.role) === 'email'; }));
+                            });
+                        }
+                        // Check for share component
+                        if (!hasShareItem) {
+                            hasShareItem = item.children.some(child => child.type === 'vortex.components.share');
+                        }
+                    }
+                    return hasEmailItem && hasShareItem;
+                }
+            }
+            if (component.children) {
+                const found = findSeparateColumns(component.children);
+                if (found)
+                    return true;
+            }
+        }
+        return false;
+    };
+    return findSeparateColumns(formConfig);
+}