@developer_tribe/react-native-comnyx 0.1.0 → 0.2.0

package/src/hooks/usePolling.ts

@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+import { useAppStore } from '../store';
+import { getNewCustomerConversation } from '../api';
+
+const NEW_MESSAGES_CHECK_INTERVAL = 10000;
+
+export function usePolling() {
+  const { customer, data, setData } = useAppStore((s) => ({
+    customer: s.customer,
+    data: s.data,
+    setData: s.setData,
+  }));
+  const lastMessage = data ? data[data.length - 1] : null;
+  useEffect(() => {
+    const created_at = lastMessage?.created_at;
+    let interval: NodeJS.Timeout | null = null;
+    if (customer?.external_id && created_at) {
+      interval = setInterval(() => {
+        getNewCustomerConversation(customer.external_id, created_at, {
+          fake: useAppStore.getState().fake,
+        }).then((newData) => {
+          setData((prevData) => {
+            const newMessages = newData.page.data;
+            const existingIds = new Set(prevData?.map((msg) => msg.id));
+            const uniqueNewMessages = newMessages.filter(
+              (msg) => !existingIds.has(msg.id)
+            );
+            return [
+              ...uniqueNewMessages.map((u) => ({
+                ...u,
+                created_at: new Date(u.created_at),
+                approved: true,
+              })),
+              ...(prevData ?? []),
+            ];
+          });
+        });
+      }, NEW_MESSAGES_CHECK_INTERVAL);
+    }
+    return () => {
+      if (interval) {
+        clearInterval(interval);
+      }
+    };
+  }, [customer?.external_id, lastMessage?.created_at, setData]);
+}

package/src/hooks/useThemeColors.ts

@@ -0,0 +1,10 @@
+import { useAppStore } from '../store';
+import { lightTheme, darkTheme, type ThemeColors } from '../types/Theme';
+
+export function useThemeColors(): ThemeColors {
+  const { theme } = useAppStore((s) => ({
+    theme: s.theme,
+  }));
+
+  return theme === 'light' ? lightTheme : darkTheme;
+}

package/src/index.tsx

@@ -1,5 +1,4 @@
-import Comnyx from './NativeComnyx';
-
-export function multiply(a: number, b: number): number {
-  return Comnyx.multiply(a, b);
-}
+import './__dev__';
+export { registerComnyx } from './register';
+export type { CreateCustomerRequest } from './types/Customer';
+export { Comnyx } from './App';

package/src/register.ts

@@ -0,0 +1,17 @@
+import { initApi } from './api/api';
+import { useAppStore } from './store';
+
+export function registerComnyx(registerOptions: {
+  externalId: string;
+  token: string;
+}) {
+  if (!registerOptions.externalId) {
+    throw new Error('External ID is required for initialization');
+  }
+  if (!registerOptions.token) {
+    throw new Error('Authentication token is required');
+  }
+
+  initApi(registerOptions.token);
+  useAppStore.getState().init({ externalId: registerOptions.externalId });
+}

package/src/store.ts

@@ -0,0 +1,85 @@
+import { createJSONStorage, persist } from 'zustand/middleware';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+import type { StateCreator } from 'zustand';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import type { Customer } from './types/Customer';
+import type { AppConversationMessage } from './types/Conversation';
+import type { LanguageCode } from './types/Language';
+
+interface AppStoreState {
+  initialized: boolean;
+  customer: Customer | null;
+  data: AppConversationMessage[] | null;
+  externalId: string | null;
+  language: LanguageCode;
+  theme: 'light' | 'dark';
+  fake: boolean;
+  firstMessage: AppConversationMessage | null;
+  setData: (
+    cb: (
+      prevData: AppConversationMessage[] | null
+    ) => AppConversationMessage[] | null
+  ) => void;
+  setFirstMessage: (message: AppConversationMessage | null) => void;
+  init: ({ externalId }: { externalId: string }) => void;
+  initForm: (createCustomerResponse: Customer) => void;
+  setLanguage: (language: LanguageCode) => void;
+  setTheme: (theme: 'light' | 'dark') => void;
+  setFake: (fake: boolean) => void;
+}
+
+const storeCreator: StateCreator<AppStoreState> = (set, get) => ({
+  initialized: false,
+  customer: null,
+  data: null,
+  externalId: null,
+  language: 'en',
+  theme: 'light',
+  fake: false,
+  firstMessage: null,
+  setData: (cb) => {
+    const newData = cb(get().data);
+    set({ data: newData });
+  },
+  setFirstMessage: (message) => {
+    set({ firstMessage: message });
+  },
+  init: ({ externalId }: { externalId: string }) => {
+    set({ externalId: externalId, initialized: true });
+  },
+  initForm: (createCustomerResponse: Customer) => {
+    set({ customer: createCustomerResponse });
+  },
+  setLanguage: (language: LanguageCode) => {
+    set({ language });
+  },
+  setTheme: (theme: 'light' | 'dark') => {
+    set({ theme });
+  },
+  setFake: (fake: boolean) => {
+    set({ fake });
+  },
+});
+
+export const useAppStore = createWithEqualityFn<AppStoreState>()(
+  persist(storeCreator, {
+    name: 'appStore-9',
+    storage: createJSONStorage(() => AsyncStorage),
+    skipHydration: false,
+    partialize: (state) => ({
+      customer: state.customer,
+      externalId: state.externalId,
+      data: [],
+      /*  data: state.data
+        ?.filter((message) => message.approved)
+        .map((message) => ({
+          ...message,
+          created_at: message.created_at
+            ? new Date(message.created_at)
+            : undefined,
+        })),*/
+    }),
+  }),
+  shallow
+);

package/src/types/ApiOptions.ts

@@ -0,0 +1,4 @@
+export interface ApiOptions {
+  //TODO: silinecek
+  fake: boolean;
+}

package/src/types/Conversation.ts

@@ -0,0 +1,29 @@
+export interface ConversationMessage {
+  id: number;
+  content: string;
+  created_at: string;
+  user: any | null;
+}
+
+export interface AppConversationMessage
+  extends Omit<ConversationMessage, 'id' | 'created_at'> {
+  id: number | null;
+  approved?: boolean;
+  created_at: Date;
+}
+
+export interface ConversationPage {
+  current_page: number;
+  data: ConversationMessage[];
+  first_page_url: string;
+  from: number;
+  next_page_url: string | null;
+  path: string;
+  per_page: number; //TODO: backend string gönderiyor, number yapılabilir.
+  prev_page_url: string | null;
+  to: number;
+}
+
+export interface ConversationResponse {
+  page: ConversationPage;
+}

package/src/types/Customer.ts

@@ -0,0 +1,31 @@
+export interface CustomParameter {
+  name: string;
+  value: string;
+}
+
+export interface CreateCustomerRequest {
+  name: string;
+  country: string;
+  language: string;
+  externalId: string;
+  email: string;
+  phone: string;
+  ipAddress: string;
+  customParameters?: CustomParameter[];
+}
+
+export interface Customer {
+  id: number;
+  project_id: number;
+  external_id: string;
+  name: string;
+  country: string;
+  language: string;
+  email: string;
+  phone: string;
+  ip_address: string;
+  custom_parameters: string;
+  user_code: string;
+  updated_at: string;
+  created_at: string;
+}

package/src/types/Language.ts

@@ -0,0 +1,11 @@
+export type LanguageCode =
+  | 'en'
+  | 'tr'
+  | 'es'
+  | 'fr'
+  | 'de'
+  | 'it'
+  | 'pt'
+  | 'ru'
+  | 'ja'
+  | 'zh';

package/src/types/LocalizationKeys.ts

@@ -0,0 +1,21 @@
+export type LocalizationKeys = {
+  'customer.form.title': string;
+  'customer.form.email': string;
+  'customer.form.phone': string;
+  'customer.form.country': string;
+  'customer.form.submit': string;
+  'customer.form.error': string;
+  'customer.form.instructions': string;
+  'customer.form.error.country': string;
+  'customer.form.error.email': string;
+  'customer.form.error.phone': string;
+  'customer.form.placeholder.name': string;
+  'customer.form.placeholder.country': string;
+  'customer.form.placeholder.email': string;
+  'customer.form.placeholder.phone': string;
+  'chat.messageInput.placeholder': string;
+  'app.initialization.required': string;
+  'chat.load.error': string;
+  'chat.init.error': string;
+  'chat.empty': string;
+};

package/src/types/MessageResponse.ts

@@ -0,0 +1,58 @@
+export interface MessageResponse {
+  message: {
+    conversation_id: number;
+    content: string;
+    is_note: boolean;
+    updated_at: string;
+    created_at: string;
+    id: number;
+    user: null | any;
+    conversation: {
+      id: number;
+      project_id: number;
+      customer_id: number;
+      created_at: string;
+      updated_at: string;
+      deleted_at: null | string;
+      language: string;
+      use_ai_answers: number;
+      project: {
+        id: number;
+        name: string;
+        organization_id: number;
+        created_at: string;
+        updated_at: string;
+        deleted_at: null | string;
+        uuid: string;
+        organization: {
+          id: number;
+          name: string;
+          created_at: string;
+          updated_at: string;
+          deleted_at: null | string;
+          owner: Array<{
+            id: number;
+            name: string;
+            email: string;
+            email_verified_at: null | string;
+            created_at: string;
+            updated_at: string;
+            avatar: null | string;
+            two_factor_secret: null | string;
+            two_factor_recovery_codes: null | string;
+            is_bot: boolean;
+            profile_photo_url: string;
+            pivot: {
+              organization_id: number;
+              user_id: number;
+              role: string;
+              created_at: string;
+              updated_at: string;
+            };
+          }>;
+        };
+      };
+    };
+    events: any[];
+  };
+}

package/src/types/Theme.ts

@@ -0,0 +1,40 @@
+export interface ThemeColors {
+  primary: string;
+  secondary: string;
+  background: string;
+  text: string;
+  error: string;
+  success: string;
+  warning: string;
+  info: string;
+  border: string;
+}
+
+export const lightTheme: ThemeColors = {
+  primary: '#4361EE',
+  secondary: '#3A0CA3',
+  background: '#FFFFFF',
+  text: '#212529',
+  error: '#FF3B30',
+  success: '#34C759',
+  warning: '#FF9500',
+  info: '#007AFF',
+  border: '#E9ECEF',
+};
+
+export const darkTheme: ThemeColors = {
+  primary: '#4361EE',
+  secondary: '#3A0CA3',
+  background: '#121212',
+  text: '#FFFFFF',
+  error: '#FF453A',
+  success: '#32D74B',
+  warning: '#FF9F0A',
+  info: '#0A84FF',
+  border: '#2C2C2C',
+};
+
+export interface Theme {
+  light: ThemeColors;
+  dark: ThemeColors;
+}

package/src/utils/date.ts

@@ -0,0 +1,11 @@
+/**
+ * Converts a Date object to Unix timestamp (seconds)
+ * @param date - The Date object to convert
+ * @returns Unix timestamp in seconds, or undefined if date is undefined
+ */
+export const dateToUnixTimestamp = (
+  date: Date | undefined
+): number | undefined => {
+  if (!date) return undefined;
+  return Math.floor(date.getTime() / 1000);
+};

package/.editorconfig

@@ -1,15 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-[*]
-
-indent_style = space
-indent_size = 2
-
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true

package/.gitattributes

@@ -1,3 +0,0 @@
-*.pbxproj -text
-# specific for windows script files
-*.bat text eol=crlf

package/.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,68 +0,0 @@
-name: 🐛 Bug report
-description: Report a reproducible bug or regression in this library.
-labels: [bug]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        # Bug report
-
-        👋 Hi!
-
-        **Please fill the following carefully before opening a new issue ❗**
-        *(Your issue may be closed if it doesn't provide the required pieces of information)*
-  - type: checkboxes
-    attributes:
-      label: Before submitting a new issue
-      description: Please perform simple checks first.
-      options:
-        - label: I tested using the latest version of the library, as the bug might be already fixed.
-          required: true
-        - label: I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native.
-          required: true
-        - label: I checked for possible duplicate issues, with possible answers.
-          required: true
-  - type: textarea
-    id: summary
-    attributes:
-      label: Bug summary
-      description: |
-        Provide a clear and concise description of what the bug is.
-        If needed, you can also provide other samples: error messages / stack traces, screenshots, gifs, etc.
-    validations:
-      required: true
-  - type: input
-    id: library-version
-    attributes:
-      label: Library version
-      description: What version of the library are you using?
-      placeholder: "x.x.x"
-    validations:
-      required: true
-  - type: textarea
-    id: react-native-info
-    attributes:
-      label: Environment info
-      description: Run `react-native info` in your terminal and paste the results here.
-      render: shell
-    validations:
-      required: true
-  - type: textarea
-    id: steps-to-reproduce
-    attributes:
-      label: Steps to reproduce
-      description: |
-        You must provide a clear list of steps and code to reproduce the problem.
-      value: |
-        1. …
-        2. …
-    validations:
-      required: true
-  - type: input
-    id: reproducible-example
-    attributes:
-      label: Reproducible example repository 
-      description: Please provide a link to a repository on GitHub with a reproducible example.
-      render: js
-    validations:
-      required: true

package/.github/ISSUE_TEMPLATE/config.yml

@@ -1,8 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: Feature Request 💡
-    url: https://www.npmjs.com/discussions/new?category=ideas
-    about: If you have a feature request, please create a new discussion on GitHub.
-  - name: Discussions on GitHub 💬
-    url: https://www.npmjs.com/discussions
-    about: If this library works as promised but you need help, please ask questions there.

package/.github/actions/setup/action.yml

@@ -1,36 +0,0 @@
-name: Setup
-description: Setup Node.js and install dependencies
-
-runs:
-  using: composite
-  steps:
-    - name: Setup Node.js
-      uses: actions/setup-node@v4
-      with:
-        node-version-file: .nvmrc
-
-    - name: Restore dependencies
-      id: yarn-cache
-      uses: actions/cache/restore@v4
-      with:
-        path: |
-          **/node_modules
-          .yarn/install-state.gz
-        key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**/package.json', '!node_modules/**') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}
-          ${{ runner.os }}-yarn-
-
-    - name: Install dependencies
-      if: steps.yarn-cache.outputs.cache-hit != 'true'
-      run: yarn install --immutable
-      shell: bash
-
-    - name: Cache dependencies
-      if: steps.yarn-cache.outputs.cache-hit != 'true'
-      uses: actions/cache/save@v4
-      with:
-        path: |
-          **/node_modules
-          .yarn/install-state.gz
-        key: ${{ steps.yarn-cache.outputs.cache-primary-key }}

package/.github/workflows/ci.yml

@@ -1,165 +0,0 @@
-name: CI
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-  merge_group:
-    types:
-      - checks_requested
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Lint files
-        run: yarn lint
-
-      - name: Typecheck files
-        run: yarn typecheck
-
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Run unit tests
-        run: yarn test --maxWorkers=2 --coverage
-
-  build-library:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Build package
-        run: yarn prepare
-
-  build-android:
-    runs-on: ubuntu-latest
-    env:
-      TURBO_CACHE_DIR: .turbo/android
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Cache turborepo for Android
-        uses: actions/cache@v4
-        with:
-          path: ${{ env.TURBO_CACHE_DIR }}
-          key: ${{ runner.os }}-turborepo-android-${{ hashFiles('yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-turborepo-android-
-
-      - name: Check turborepo cache for Android
-        run: |
-          TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:android --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:android').cache.status")
-
-          if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
-            echo "turbo_cache_hit=1" >> $GITHUB_ENV
-          fi
-
-      - name: Install JDK
-        if: env.turbo_cache_hit != 1
-        uses: actions/setup-java@v4
-        with:
-          distribution: 'zulu'
-          java-version: '17'
-
-      - name: Finalize Android SDK
-        if: env.turbo_cache_hit != 1
-        run: |
-          /bin/bash -c "yes | $ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager --licenses > /dev/null"
-
-      - name: Cache Gradle
-        if: env.turbo_cache_hit != 1
-        uses: actions/cache@v4
-        with:
-          path: |
-            ~/.gradle/wrapper
-            ~/.gradle/caches
-          key: ${{ runner.os }}-gradle-${{ hashFiles('example/android/gradle/wrapper/gradle-wrapper.properties') }}
-          restore-keys: |
-            ${{ runner.os }}-gradle-
-
-      - name: Build example for Android
-        env:
-          JAVA_OPTS: "-XX:MaxHeapSize=6g"
-        run: |
-          yarn turbo run build:android --cache-dir="${{ env.TURBO_CACHE_DIR }}"
-
-  build-ios:
-    runs-on: macos-latest
-    env:
-      TURBO_CACHE_DIR: .turbo/ios
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Cache turborepo for iOS
-        uses: actions/cache@v4
-        with:
-          path: ${{ env.TURBO_CACHE_DIR }}
-          key: ${{ runner.os }}-turborepo-ios-${{ hashFiles('yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-turborepo-ios-
-
-      - name: Check turborepo cache for iOS
-        run: |
-          TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:ios').cache.status")
-
-          if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
-            echo "turbo_cache_hit=1" >> $GITHUB_ENV
-          fi
-
-      - name: Restore cocoapods
-        if: env.turbo_cache_hit != 1
-        id: cocoapods-cache
-        uses: actions/cache/restore@v4
-        with:
-          path: |
-            **/ios/Pods
-          key: ${{ runner.os }}-cocoapods-${{ hashFiles('example/ios/Podfile.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-cocoapods-
-
-      - name: Install cocoapods
-        if: env.turbo_cache_hit != 1 && steps.cocoapods-cache.outputs.cache-hit != 'true'
-        run: |
-          cd example/ios
-          pod install
-        env:
-          NO_FLIPPER: 1
-
-      - name: Cache cocoapods
-        if: env.turbo_cache_hit != 1 && steps.cocoapods-cache.outputs.cache-hit != 'true'
-        uses: actions/cache/save@v4
-        with:
-          path: |
-            **/ios/Pods
-          key: ${{ steps.cocoapods-cache.outputs.cache-key }}
-
-      - name: Build example for iOS
-        run: |
-          yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"