@messenger-box/platform-mobile 10.0.3-alpha.5 → 10.0.3-alpha.54

package/src/screens/inbox/components/workflow/dialogs-list-item-xstate.ts

@@ -0,0 +1,145 @@
+import { assign, setup } from 'xstate';
+import { merge } from 'lodash-es';
+
+export const enum Actions {
+    INITIAL_CONTEXT = 'INITIAL_CONTEXT',
+    ERROR_HANDLED = 'ERROR_HANDLED',
+    FETCH_MESSAGES = 'FETCH_MESSAGES',
+    UPDATE_MESSAGES = 'UPDATE_MESSAGES',
+    SUBSCRIBE_TO_MESSAGES = 'SUBSCRIBE_TO_MESSAGES',
+    SET_TITLE = 'SET_TITLE',
+    START_LOADING = 'START_LOADING',
+    STOP_LOADING = 'STOP_LOADING',
+}
+
+export const enum BaseState {
+    Idle = 'idle',
+    Error = 'error',
+    FetchingMessages = 'fetchingMessages',
+}
+
+export const dialogsListItemXstate = setup({
+    types: {
+        context: {} as {
+            channelId: string | null;
+            currentUser: any;
+            messages: any[];
+            loading: boolean;
+            error: string | null;
+            title: string;
+            channelMembers: any[];
+            lastMessage: any;
+        },
+    },
+    actions: {
+        errorState: assign(({ context, event }) => {
+            return {
+                ...context,
+                error: event.data?.message || 'An error occurred',
+                loading: false,
+            };
+        }),
+        setInitialContext: assign(({ context, event }) => {
+            return merge({
+                ...context,
+                channelId: event.data?.channelId || null,
+                currentUser: event.data?.currentUser || null,
+                loading: true,
+            });
+        }),
+        setMessages: assign(({ context, event }) => {
+            return {
+                ...context,
+                messages: event.data?.messages || [],
+                loading: false,
+            };
+        }),
+        updateMessages: assign(({ context, event }) => {
+            const newMessage = event.data?.message;
+            if (!newMessage) return context;
+
+            return {
+                ...context,
+                messages: [...context.messages, newMessage],
+            };
+        }),
+        setTitle: assign(({ context, event }) => {
+            return {
+                ...context,
+                title: event.data?.title || '',
+            };
+        }),
+        startLoading: assign(({ context }) => {
+            return {
+                ...context,
+                loading: true,
+            };
+        }),
+        stopLoading: assign(({ context }) => {
+            return {
+                ...context,
+                loading: false,
+            };
+        }),
+    },
+}).createMachine({
+    id: 'dialogs-list-item',
+    initial: BaseState.Idle,
+    context: {
+        channelId: null,
+        currentUser: null,
+        messages: [],
+        loading: false,
+        error: null,
+        title: '',
+        channelMembers: [],
+        lastMessage: null,
+    },
+    states: {
+        [BaseState.Idle]: {
+            on: {
+                [Actions.INITIAL_CONTEXT]: {
+                    target: BaseState.FetchingMessages,
+                    actions: ['setInitialContext'],
+                },
+                [Actions.UPDATE_MESSAGES]: {
+                    target: BaseState.Idle,
+                    actions: ['updateMessages'],
+                },
+                [Actions.SET_TITLE]: {
+                    target: BaseState.Idle,
+                    actions: ['setTitle'],
+                },
+                [Actions.START_LOADING]: {
+                    target: BaseState.Idle,
+                    actions: ['startLoading'],
+                },
+                [Actions.STOP_LOADING]: {
+                    target: BaseState.Idle,
+                    actions: ['stopLoading'],
+                },
+            },
+        },
+        [BaseState.Error]: {
+            entry: ['errorState'],
+            on: {
+                [Actions.ERROR_HANDLED]: {
+                    target: BaseState.Idle,
+                },
+            },
+        },
+        [BaseState.FetchingMessages]: {
+            invoke: {
+                src: 'fetchMessages',
+                input: ({ context, event }) => ({ context, event }),
+                onDone: {
+                    target: BaseState.Idle,
+                    actions: ['setMessages'],
+                },
+                onError: {
+                    target: BaseState.Error,
+                },
+            },
+        },
+    },
+} as any);

package/src/screens/inbox/components/workflow/service-dialogs-list-item-xstate.ts

@@ -0,0 +1,159 @@
+import { assign, setup } from 'xstate';
+import { merge } from 'lodash-es';
+
+export const enum Actions {
+    INITIAL_CONTEXT = 'INITIAL_CONTEXT',
+    ERROR_HANDLED = 'ERROR_HANDLED',
+    FETCH_THREAD_MESSAGES = 'FETCH_THREAD_MESSAGES',
+    UPDATE_THREAD_MESSAGES = 'UPDATE_THREAD_MESSAGES',
+    SUBSCRIBE_TO_THREAD_MESSAGES = 'SUBSCRIBE_TO_THREAD_MESSAGES',
+    SET_TITLE = 'SET_TITLE',
+    START_LOADING = 'START_LOADING',
+    STOP_LOADING = 'STOP_LOADING',
+    SET_SERVICE_POST_PARENT_ID = 'SET_SERVICE_POST_PARENT_ID',
+}
+
+export const enum BaseState {
+    Idle = 'idle',
+    Error = 'error',
+    FetchingThreadMessages = 'fetchingThreadMessages',
+}
+
+export const serviceDialogsListItemXstate = setup({
+    types: {
+        context: {} as {
+            channelId: string | null;
+            currentUser: any;
+            threadMessages: any[];
+            loading: boolean;
+            error: string | null;
+            title: string;
+            role: string;
+            servicePostParentId: string | null;
+            lastMessage: any;
+        },
+    },
+    actions: {
+        errorState: assign(({ context, event }) => {
+            return {
+                ...context,
+                error: event.data?.message || 'An error occurred',
+                loading: false,
+            };
+        }),
+        setInitialContext: assign(({ context, event }) => {
+            return merge({
+                ...context,
+                channelId: event.data?.channelId || null,
+                currentUser: event.data?.currentUser || null,
+                role: event.data?.role || null,
+                loading: true,
+            });
+        }),
+        setThreadMessages: assign(({ context, event }) => {
+            return {
+                ...context,
+                threadMessages: event.data?.threadMessages || [],
+                loading: false,
+            };
+        }),
+        updateThreadMessages: assign(({ context, event }) => {
+            const newThreadMessage = event.data?.message;
+            if (!newThreadMessage) return context;
+
+            return {
+                ...context,
+                threadMessages: [...context.threadMessages, newThreadMessage],
+            };
+        }),
+        setTitle: assign(({ context, event }) => {
+            return {
+                ...context,
+                title: event.data?.title || '',
+            };
+        }),
+        setServicePostParentId: assign(({ context, event }) => {
+            return {
+                ...context,
+                servicePostParentId: event.data?.servicePostParentId || null,
+            };
+        }),
+        startLoading: assign(({ context }) => {
+            return {
+                ...context,
+                loading: true,
+            };
+        }),
+        stopLoading: assign(({ context }) => {
+            return {
+                ...context,
+                loading: false,
+            };
+        }),
+    },
+}).createMachine({
+    id: 'service-dialogs-list-item',
+    initial: BaseState.Idle,
+    context: {
+        channelId: null,
+        currentUser: null,
+        threadMessages: [],
+        loading: false,
+        error: null,
+        title: '',
+        role: '',
+        servicePostParentId: null,
+        lastMessage: null,
+    },
+    states: {
+        [BaseState.Idle]: {
+            on: {
+                [Actions.INITIAL_CONTEXT]: {
+                    target: BaseState.FetchingThreadMessages,
+                    actions: ['setInitialContext'],
+                },
+                [Actions.UPDATE_THREAD_MESSAGES]: {
+                    target: BaseState.Idle,
+                    actions: ['updateThreadMessages'],
+                },
+                [Actions.SET_TITLE]: {
+                    target: BaseState.Idle,
+                    actions: ['setTitle'],
+                },
+                [Actions.SET_SERVICE_POST_PARENT_ID]: {
+                    target: BaseState.Idle,
+                    actions: ['setServicePostParentId'],
+                },
+                [Actions.START_LOADING]: {
+                    target: BaseState.Idle,
+                    actions: ['startLoading'],
+                },
+                [Actions.STOP_LOADING]: {
+                    target: BaseState.Idle,
+                    actions: ['stopLoading'],
+                },
+            },
+        },
+        [BaseState.Error]: {
+            entry: ['errorState'],
+            on: {
+                [Actions.ERROR_HANDLED]: {
+                    target: BaseState.Idle,
+                },
+            },
+        },
+        [BaseState.FetchingThreadMessages]: {
+            invoke: {
+                src: 'fetchThreadMessages',
+                input: ({ context, event }) => ({ context, event }),
+                onDone: {
+                    target: BaseState.Idle,
+                    actions: ['setThreadMessages'],
+                },
+                onError: {
+                    target: BaseState.Error,
+                },
+            },
+        },
+    },
+} as any);

package/src/screens/inbox/config/config.ts

@@ -10,6 +10,6 @@ export const config = cleanEnv(process['APP_ENV'] || process.env, {
     THREADS_PATH: str({ default: 'MainStack.Thread' }),
     CALL_TO_ACTION_PATH: str({ default: 'MainStack.GuestReservationRequestDetail' }),
     CALL_TO_ACTION_BOX_BGCOLOR: str({ default: '#0084ff' }),
-    CALL_TO_ACTION_BUTTON_BORDERCOLOR: str({ default: '#fff' }),
-    CALL_TO_ACTION_TEXT_COLOR: str({ default: '#fff' }),
+    CALL_TO_ACTION_BUTTON_BORDERCOLOR: str({ default: '#000' }),
+    CALL_TO_ACTION_TEXT_COLOR: str({ default: '#000' }),
 });