@solucx/react-native-solucx-widget 0.1.15 → 0.1.16

package/src/interfaces/index.ts

@@ -1,24 +1,24 @@
-export type SoluCXKey = string;
-export type WidgetType = "bottom" | "top" | "inline" | "modal";
-export type EventKey =
-    | "FORM_OPENED"
-    | "FORM_CLOSE"
-    | "FORM_ERROR"
-    | "FORM_PAGECHANGED"
-    | "QUESTION_ANSWERED"
-    | "FORM_COMPLETED"
-    | "FORM_PARTIALCOMPLETED"
-    | "FORM_RESIZE";
-export type SurveyEventKey =
-    | "closeSoluCXWidget"
-    | "dismissSoluCXWidget"
-    | "completeSoluCXWidget"
-    | "partialSoluCXWidget"
-    | "resizeSoluCXWidget"
-    | "openSoluCXWidget"
-    | `errorSoluCXWidget`;
-export type { WidgetResponse } from './WidgetResponse';
-export type { WidgetData } from './WidgetData';
-export type { WidgetOptions } from './WidgetOptions';
-export type { WidgetSamplerLog } from './WidgetSamplerLog';
+export type SoluCXKey = string;
+export type WidgetType = "bottom" | "top" | "inline" | "modal";
+export type EventKey =
+    | "FORM_OPENED"
+    | "FORM_CLOSE"
+    | "FORM_ERROR"
+    | "FORM_PAGECHANGED"
+    | "QUESTION_ANSWERED"
+    | "FORM_COMPLETED"
+    | "FORM_PARTIALCOMPLETED"
+    | "FORM_RESIZE";
+export type SurveyEventKey =
+    | "closeSoluCXWidget"
+    | "dismissSoluCXWidget"
+    | "completeSoluCXWidget"
+    | "partialSoluCXWidget"
+    | "resizeSoluCXWidget"
+    | "openSoluCXWidget"
+    | `errorSoluCXWidget`;
+export type { WidgetResponse } from './WidgetResponse';
+export type { WidgetData } from './WidgetData';
+export type { WidgetOptions } from './WidgetOptions';
+export type { WidgetSamplerLog } from './WidgetSamplerLog';
 export type { WidgetError } from './WidgetResponse';

package/src/services/storage.ts

@@ -1,21 +1,21 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { WidgetSamplerLog } from '../interfaces';
-import { STORAGE_KEY } from '../constants/webViewConstants';
-
-export class StorageService {
-    private key: string;
-
-    constructor(key: string) {
-        this.key = `${STORAGE_KEY}_${key}`;
-    }
-
-    async write(data: WidgetSamplerLog): Promise<void> {
-        const json = JSON.stringify(data);
-        await AsyncStorage.setItem(this.key, json);
-    }
-
-    async read(): Promise<WidgetSamplerLog> {
-        const json = await AsyncStorage.getItem(this.key);
-        return json ? JSON.parse(json) as WidgetSamplerLog : {} as WidgetSamplerLog;
-    }
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { WidgetSamplerLog } from '../interfaces';
+import { STORAGE_KEY } from '../constants/webViewConstants';
+
+export class StorageService {
+    private key: string;
+
+    constructor(key: string) {
+        this.key = `${STORAGE_KEY}_${key}`;
+    }
+
+    async write(data: WidgetSamplerLog): Promise<void> {
+        const json = JSON.stringify(data);
+        await AsyncStorage.setItem(this.key, json);
+    }
+
+    async read(): Promise<WidgetSamplerLog> {
+        const json = await AsyncStorage.getItem(this.key);
+        return json ? JSON.parse(json) as WidgetSamplerLog : {} as WidgetSamplerLog;
+    }
 }

package/src/services/widgetEventService.ts

@@ -1,111 +1,126 @@
-import { EventKey, SurveyEventKey, WidgetResponse, WidgetOptions } from '../interfaces';
-import { WidgetValidationService } from './widgetValidationService';
-
-export class WidgetEventService {
-    private setIsWidgetVisible: (visible: boolean) => void;
-    private resize: (value: string) => void;
-    private open: () => void;
-    private validationService: WidgetValidationService;
-    private widgetOptions: WidgetOptions;
-
-    constructor(
-        setIsWidgetVisible: (visible: boolean) => void,
-        resize: (value: string) => void,
-        open: () => void,
-        userId: string,
-        widgetOptions: WidgetOptions
-    ) {
-        this.setIsWidgetVisible = setIsWidgetVisible;
-        this.resize = resize;
-        this.open = open;
-        this.validationService = new WidgetValidationService(userId);
-        this.widgetOptions = widgetOptions;
-    }
-
-    async handleMessage(message: string, isForm: boolean): Promise<WidgetResponse> {
-        const [eventKey, value = ""] = message.split("-");
-        const processedKey = isForm
-            ? eventKey as EventKey
-            : this.adaptSurveyKeyToWidgetKey(eventKey as SurveyEventKey);
-
-        return await this.executeEvent(processedKey, value);
-    }
-
-    private async executeEvent(eventKey: EventKey, value: string): Promise<WidgetResponse> {
-        const eventHandlers = {
-            FORM_OPENED: () => this.handleFormOpened(),
-            FORM_CLOSE: () => this.handleFormClose(),
-            FORM_ERROR: (value: string) => this.handleFormError(value),
-            FORM_PAGECHANGED: (value: string) => this.handlePageChanged(value),
-            QUESTION_ANSWERED: () => this.handleQuestionAnswered(),
-            FORM_COMPLETED: () => this.handleFormCompleted(),
-            FORM_PARTIALCOMPLETED: () => this.handlePartialCompleted(),
-            FORM_RESIZE: (value: string) => this.handleResize(value),
-        };
-
-        const handler = eventHandlers[eventKey];
-        return await (handler?.(value) || { status: "error", message: "Unknown event" });
-    }
-
-    private async handleFormOpened(): Promise<WidgetResponse> {
-        const canDisplay = await this.validationService.shouldDisplayWidget(this.widgetOptions);
-
-        if (!canDisplay) {
-            return { status: "error", message: "Widget not allowed" };
-        }
-
-        this.open();
-        this.setIsWidgetVisible(true);
-        return { status: "success" };
-    }
-
-    private handleFormClose(): WidgetResponse {
-        this.setIsWidgetVisible(false);
-        return { status: "success" };
-    }
-
-    private handleFormError(value: string): WidgetResponse {
-        this.setIsWidgetVisible(false);
-        return { status: "error", message: value };
-    }
-
-    private handlePageChanged(value: string): WidgetResponse {
-        console.log("Page changed:", value);
-        return { status: "success" };
-    }
-
-    private handleQuestionAnswered(): WidgetResponse {
-        console.log("Question answered");
-        return { status: "success" };
-    }
-
-    private handleFormCompleted(): WidgetResponse {
-        // TODO: Implement completion logic
-        return { status: "success" };
-    }
-
-    private handlePartialCompleted(): WidgetResponse {
-        // TODO: Implement partial completion logic
-        return { status: "success" };
-    }
-
-    private handleResize(value: string): WidgetResponse {
-        this.setIsWidgetVisible(true);
-        this.resize(value);
-        return { status: "success" };
-    }
-
-    private adaptSurveyKeyToWidgetKey(key: SurveyEventKey): EventKey {
-        const keyMapping = {
-            closeSoluCXWidget: "FORM_CLOSE",
-            dismissSoluCXWidget: "FORM_CLOSE",
-            completeSoluCXWidget: "FORM_COMPLETED",
-            partialSoluCXWidget: "FORM_PARTIALCOMPLETED",
-            resizeSoluCXWidget: "FORM_RESIZE",
-            openSoluCXWidget: "FORM_OPENED",
-            errorSoluCXWidget: "FORM_ERROR",
-        } as const;
-
-        return keyMapping[key] as EventKey;
-    }
-}
+import {
+  EventKey,
+  SurveyEventKey,
+  WidgetResponse,
+  WidgetOptions,
+} from "../interfaces";
+import { WidgetValidationService } from "./widgetValidationService";
+
+export class WidgetEventService {
+  private setIsWidgetVisible: (visible: boolean) => void;
+  private resize: (value: string) => void;
+  private open: () => void;
+  private validationService: WidgetValidationService;
+  private widgetOptions: WidgetOptions;
+
+  constructor(
+    setIsWidgetVisible: (visible: boolean) => void,
+    resize: (value: string) => void,
+    open: () => void,
+    userId: string,
+    widgetOptions: WidgetOptions,
+  ) {
+    this.setIsWidgetVisible = setIsWidgetVisible;
+    this.resize = resize;
+    this.open = open;
+    this.validationService = new WidgetValidationService(userId);
+    this.widgetOptions = widgetOptions;
+  }
+
+  async handleMessage(
+    message: string,
+    isForm: boolean,
+  ): Promise<WidgetResponse> {
+    const [eventKey, value = ""] = message.split("-");
+    const processedKey = isForm
+      ? (eventKey as EventKey)
+      : this.adaptSurveyKeyToWidgetKey(eventKey as SurveyEventKey);
+
+    return await this.executeEvent(processedKey, value);
+  }
+
+  private async executeEvent(
+    eventKey: EventKey,
+    value: string,
+  ): Promise<WidgetResponse> {
+    const eventHandlers = {
+      FORM_OPENED: () => this.handleFormOpened(),
+      FORM_CLOSE: () => this.handleFormClose(),
+      FORM_ERROR: (value: string) => this.handleFormError(value),
+      FORM_PAGECHANGED: (value: string) => this.handlePageChanged(value),
+      QUESTION_ANSWERED: () => this.handleQuestionAnswered(),
+      FORM_COMPLETED: () => this.handleFormCompleted(),
+      FORM_PARTIALCOMPLETED: () => this.handlePartialCompleted(),
+      FORM_RESIZE: (value: string) => this.handleResize(value),
+    };
+
+    const handler = eventHandlers[eventKey];
+    return await (handler?.(value) || {
+      status: "error",
+      message: "Unknown event",
+    });
+  }
+
+  private async handleFormOpened(): Promise<WidgetResponse> {
+    const canDisplay = await this.validationService.shouldDisplayWidget(
+      this.widgetOptions,
+    );
+
+    if (!canDisplay) {
+      return { status: "error", message: "Widget not allowed" };
+    }
+
+    this.open();
+    this.setIsWidgetVisible(true);
+    return { status: "success" };
+  }
+
+  private handleFormClose(): WidgetResponse {
+    this.setIsWidgetVisible(false);
+    return { status: "success" };
+  }
+
+  private handleFormError(value: string): WidgetResponse {
+    this.setIsWidgetVisible(false);
+    return { status: "error", message: value };
+  }
+
+  private handlePageChanged(value: string): WidgetResponse {
+    console.log("Page changed:", value);
+    return { status: "success" };
+  }
+
+  private handleQuestionAnswered(): WidgetResponse {
+    console.log("Question answered");
+    return { status: "success" };
+  }
+
+  private handleFormCompleted(): WidgetResponse {
+    // TODO: Implement completion logic
+    return { status: "success" };
+  }
+
+  private handlePartialCompleted(): WidgetResponse {
+    // TODO: Implement partial completion logic
+    return { status: "success" };
+  }
+
+  private handleResize(value: string): WidgetResponse {
+    this.resize(value);
+    return { status: "success" };
+  }
+
+  private adaptSurveyKeyToWidgetKey(key: SurveyEventKey): EventKey {
+    const keyMapping = {
+      closeSoluCXWidget: "FORM_CLOSE",
+      dismissSoluCXWidget: "FORM_CLOSE",
+      completeSoluCXWidget: "FORM_COMPLETED",
+      partialSoluCXWidget: "FORM_PARTIALCOMPLETED",
+      resizeSoluCXWidget: "FORM_RESIZE",
+      openSoluCXWidget: "FORM_OPENED",
+      errorSoluCXWidget: "FORM_ERROR",
+    } as const;
+
+    return keyMapping[key] as EventKey;
+  }
+}

package/src/services/widgetValidationService.ts

@@ -1,86 +1,86 @@
-import { WidgetOptions, WidgetSamplerLog } from '../interfaces';
-import { StorageService } from './storage';
-
-export class WidgetValidationService {
-    private storageService: StorageService;
-
-    constructor(userId: string) {
-        this.storageService = new StorageService(userId);
-    }
-
-    async shouldDisplayWidget(widgetOptions: WidgetOptions): Promise<boolean> {
-        const { retry, waitDelayAfterRating = 60 } = widgetOptions;
-        const { attempts = 5, interval = 1 } = retry || {};
-        const userLog = await this.getLog();
-        const now = Date.now();
-        const dayInMilliseconds = 86400000;
-
-        if (this.isWithinCollectInterval(userLog, waitDelayAfterRating, now, dayInMilliseconds)) return false;
-        if (this.isWithinCollectPartialInterval(userLog, waitDelayAfterRating, now, dayInMilliseconds)) return false;
-        if (this.isWithinRetryInterval(userLog, interval, attempts, now, dayInMilliseconds)) return false;
-
-        await this.resetAttemptsIfNeeded(userLog, attempts);
-        await this.setLog(userLog);
-        return true;
-    }
-
-    private async getLog(): Promise<WidgetSamplerLog> {
-        try {
-            return await this.storageService.read();
-        } catch (error) {
-            console.error('Error reading widget log:', error);
-            return {
-                attempts: 0,
-                lastAttempt: 0,
-                lastRating: 0,
-                lastParcial: 0
-            };
-        }
-    }
-
-    private async setLog(userLog: WidgetSamplerLog): Promise<void> {
-        try {
-            await this.storageService.write(userLog);
-        } catch (error) {
-            console.error('Error writing widget log:', error);
-        }
-    }
-
-    private isWithinCollectInterval(
-        userLog: WidgetSamplerLog,
-        waitDelayAfterRating: number,
-        now: number,
-        dayInMilliseconds: number
-    ): boolean {
-        const timeSinceLastRating = now - userLog.lastRating;
-        return userLog.lastRating > 0 && timeSinceLastRating < waitDelayAfterRating * dayInMilliseconds;
-    }
-
-    private isWithinCollectPartialInterval(
-        userLog: WidgetSamplerLog,
-        waitDelayAfterRating: number,
-        now: number,
-        dayInMilliseconds: number
-    ): boolean {
-        const timeSinceLastPartial = now - userLog.lastParcial;
-        return userLog.lastParcial > 0 && timeSinceLastPartial < waitDelayAfterRating * dayInMilliseconds;
-    }
-
-    private isWithinRetryInterval(
-        userLog: WidgetSamplerLog,
-        interval: number,
-        attempts: number,
-        now: number,
-        dayInMilliseconds: number
-    ): boolean {
-        if (userLog.attempts < attempts) return false;
-        const timeSinceLastAttempt = now - userLog.lastAttempt;
-        return timeSinceLastAttempt < interval * dayInMilliseconds;
-    }
-
-    private async resetAttemptsIfNeeded(userLog: WidgetSamplerLog, maxAttempts: number): Promise<void> {
-        if (userLog.attempts >= maxAttempts) {
-            userLog.attempts = 0;
-        }
-    }
-}
+import { WidgetOptions, WidgetSamplerLog } from '../interfaces';
+import { StorageService } from './storage';
+
+export class WidgetValidationService {
+    private storageService: StorageService;
+
+    constructor(userId: string) {
+        this.storageService = new StorageService(userId);
+    }
+
+    async shouldDisplayWidget(widgetOptions: WidgetOptions): Promise<boolean> {
+        const { retry, waitDelayAfterRating = 60 } = widgetOptions;
+        const { attempts = 5, interval = 1 } = retry || {};
+        const userLog = await this.getLog();
+        const now = Date.now();
+        const dayInMilliseconds = 86400000;
+
+        if (this.isWithinCollectInterval(userLog, waitDelayAfterRating, now, dayInMilliseconds)) return false;
+        if (this.isWithinCollectPartialInterval(userLog, waitDelayAfterRating, now, dayInMilliseconds)) return false;
+        if (this.isWithinRetryInterval(userLog, interval, attempts, now, dayInMilliseconds)) return false;
+
+        await this.resetAttemptsIfNeeded(userLog, attempts);
+        await this.setLog(userLog);
+        return true;
+    }
+
+    private async getLog(): Promise<WidgetSamplerLog> {
+        try {
+            return await this.storageService.read();
+        } catch (error) {
+            console.error('Error reading widget log:', error);
+            return {
+                attempts: 0,
+                lastAttempt: 0,
+                lastRating: 0,
+                lastParcial: 0
+            };
+        }
+    }
+
+    private async setLog(userLog: WidgetSamplerLog): Promise<void> {
+        try {
+            await this.storageService.write(userLog);
+        } catch (error) {
+            console.error('Error writing widget log:', error);
+        }
+    }
+
+    private isWithinCollectInterval(
+        userLog: WidgetSamplerLog,
+        waitDelayAfterRating: number,
+        now: number,
+        dayInMilliseconds: number
+    ): boolean {
+        const timeSinceLastRating = now - userLog.lastRating;
+        return userLog.lastRating > 0 && timeSinceLastRating < waitDelayAfterRating * dayInMilliseconds;
+    }
+
+    private isWithinCollectPartialInterval(
+        userLog: WidgetSamplerLog,
+        waitDelayAfterRating: number,
+        now: number,
+        dayInMilliseconds: number
+    ): boolean {
+        const timeSinceLastPartial = now - userLog.lastParcial;
+        return userLog.lastParcial > 0 && timeSinceLastPartial < waitDelayAfterRating * dayInMilliseconds;
+    }
+
+    private isWithinRetryInterval(
+        userLog: WidgetSamplerLog,
+        interval: number,
+        attempts: number,
+        now: number,
+        dayInMilliseconds: number
+    ): boolean {
+        if (userLog.attempts < attempts) return false;
+        const timeSinceLastAttempt = now - userLog.lastAttempt;
+        return timeSinceLastAttempt < interval * dayInMilliseconds;
+    }
+
+    private async resetAttemptsIfNeeded(userLog: WidgetSamplerLog, maxAttempts: number): Promise<void> {
+        if (userLog.attempts >= maxAttempts) {
+            userLog.attempts = 0;
+        }
+    }
+}

package/src/styles/widgetStyles.ts

@@ -1,58 +1,58 @@
-import { StyleSheet } from 'react-native';
-import { WidgetType } from '../interfaces';
-
-export const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    inlineWrapper: {
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    bottom: {
-        position: 'absolute',
-        bottom: 0,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    top: {
-        position: 'absolute',
-        top: 0,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    inline: {
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    modalOverlay: {
-        flex: 1,
-        justifyContent: 'center',
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
-        alignItems: 'center',
-    },
-    modalContent: {
-        backgroundColor: 'white',
-        borderRadius: 10,
-    },
-});
-
-export const getWidgetVisibility = (visibility: boolean) => {
-    return {
-        opacity: visibility ? 1 : 0,
-        pointerEvents: visibility ? 'auto' as const : 'none' as const,
-    };
-};
-
-export const getWidgetStyles = (type: WidgetType) => {
-    const styleMap = {
-        'bottom': { container: styles.wrapper, content: styles.bottom },
-        'top': { container: styles.wrapper, content: styles.top },
-        'inline': { container: styles.inlineWrapper, content: styles.inline },
-        'modal': { container: styles.wrapper, content: styles.inline }
-    };
-
-    return styleMap[type] || styleMap.bottom;
-};
+import { StyleSheet } from 'react-native';
+import { WidgetType } from '../interfaces';
+
+export const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    inlineWrapper: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    bottom: {
+        position: 'absolute',
+        bottom: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    top: {
+        position: 'absolute',
+        top: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    inline: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    modalOverlay: {
+        flex: 1,
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        alignItems: 'center',
+    },
+    modalContent: {
+        backgroundColor: 'white',
+        borderRadius: 10,
+    },
+});
+
+export const getWidgetVisibility = (visibility: boolean) => {
+    return {
+        opacity: visibility ? 1 : 0,
+        pointerEvents: visibility ? 'auto' as const : 'none' as const,
+    };
+};
+
+export const getWidgetStyles = (type: WidgetType) => {
+    const styleMap = {
+        'bottom': { container: styles.wrapper, content: styles.bottom },
+        'top': { container: styles.wrapper, content: styles.top },
+        'inline': { container: styles.inlineWrapper, content: styles.inline },
+        'modal': { container: styles.wrapper, content: styles.inline }
+    };
+
+    return styleMap[type] || styleMap.bottom;
+};

package/src/utils/urlUtils.ts

@@ -1,13 +1,13 @@
-import { BASE_URL } from '../constants/webViewConstants';
-import { WidgetData, SoluCXKey } from '../interfaces';
-
-export function buildWidgetURL(key: SoluCXKey, data: WidgetData): string {
-    const params = new URLSearchParams(data as Record<string, string>);
-    const baseURL = `${BASE_URL}/${key}/?mode=widget`;
-
-    if (data.transaction_id) {
-        return `${baseURL}&${params.toString()}`;
-    }
-
-    return `${baseURL}&transaction_id=&${params.toString()}`;
-}
+import { BASE_URL } from '../constants/webViewConstants';
+import { WidgetData, SoluCXKey } from '../interfaces';
+
+export function buildWidgetURL(key: SoluCXKey, data: WidgetData): string {
+    const params = new URLSearchParams(data as Record<string, string>);
+    const baseURL = `${BASE_URL}/${key}/?mode=widget`;
+
+    if (data.transaction_id) {
+        return `${baseURL}&${params.toString()}`;
+    }
+
+    return `${baseURL}&transaction_id=&${params.toString()}`;
+}