@socialgest/rn-widget 0.0.1

package/package.json

@@ -0,0 +1,183 @@
+{
+  "name": "@socialgest/rn-widget",
+  "version": "0.0.1",
+  "description": "Widget Tikket Sdk",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/typings.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace rn-widget-example",
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://gitlab.com/Maryury/rn-widget",
+  "author": "Maryury Linares <linaresmaryury@gmail.com> (https://gitlab.com/Maryury)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://gitlab.com/Maryury/rn-widget/issues"
+  },
+  "homepage": "https://gitlab.com/Maryury/rn-widget#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "^1.19.3",
+    "@reduxjs/toolkit": "^1.9.5",
+    "@types/react-native-htmlview": "^0.16.3",
+    "immutable": "^5.0.0-beta.4",
+    "moment": "^2.29.4",
+    "react-native-datepicker": "^1.7.2",
+    "react-native-document-picker": "^9.0.1",
+    "react-native-elements": "^3.4.3",
+    "react-native-htmlview": "^0.17.0",
+    "react-native-hyperlink": "^0.0.22",
+    "react-native-loader": "^1.3.1",
+    "react-native-modal": "^13.0.1",
+    "react-native-svg": "^13.14.0",
+    "react-redux": "^8.1.3",
+    "redux-thunk": "^2.4.2",
+    "rn-emoji-keyboard": "^1.5.1",
+    "rxjs": "^7.8.1"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.72.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "@types/react-native-datepicker": "^1.7.5",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "prettier": "^2.0.5",
+    "react": "18.2.0",
+    "react-native": "0.72.6",
+    "react-native-builder-bob": "^0.20.0",
+    "release-it": "^15.0.0",
+    "typescript": "^5.0.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-datepicker": "*",
+    "react-native-svg": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "engines": {
+    "node": ">= 18.0.0"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}

package/src/assets/languaje.ts

@@ -0,0 +1,234 @@
+/** @format */
+
+export const english: { [key: string]: string } = {
+  conversations_label: 'Start a new conversation',
+  label_time: 'We usually respond in ',
+  time_answer: 'A few minutes',
+  see_all_link: 'View all chats',
+  new_chat_button: 'Star new chat',
+  main_init_chat_label: 'Write us a message',
+  footer_label: 'Powered by Tikket',
+  chat_placeholder: 'Write a message',
+  form_policy_label: 'By continuing you accept our',
+  form_policy_link: 'Privacy policy',
+  form_policy_button: 'start',
+  close_tittle: 'This chat has been',
+  close_tittle_bold: 'closed',
+  close_paragraph_1: 'If your doubts hasn"t been solved start a',
+  close_paragraph_2: 'new chat',
+  close_paragraph_3: 'clicking',
+  close_paragraph_link: 'here',
+  no_form_sent_message: 'Fill out the form to continue',
+  option: 'Select an option',
+  help_center_label: 'Find answer',
+  help_center_search: 'Search our help center',
+  other_channels: 'Contact us through any of these other channels',
+  time_ago: 'a few seconds ago',
+  minute: 'minute',
+  minutes: 'minutes',
+  ago: 'ago',
+  hour: 'hour',
+  hours: 'hours',
+  days: 'day',
+  day: 'day',
+  not_articles: 'Por los momentos no hay contenido para mostrar',
+  reconnect: 'Reconnect',
+  not_conection: 'Connection lost with the server',
+  operador: 'Operator',
+  see_more: 'See more',
+  not_results_for: 'There are no results for',
+  not_results: 'No results found',
+  click_chat: 'Click to continue your last conversation',
+  attached_file: 'attached file',
+  retry_message: 'Retry',
+  cancel: 'Cancel',
+  error_send_message: 'This message could not be sent. Please try again',
+  operator: 'Operator',
+};
+
+export const spanish: { [key: string]: string } = {
+  conversations_label: 'Iniciar una nueva conversación',
+  label_time: 'Solemos responder habitualmente en',
+  time_answer: 'Unos minutos',
+  see_all_link: 'Ver todas las conversaciones',
+  new_chat_button: 'Iniciar nueva conversacion',
+  main_init_chat_label: 'Escríbenos un mensaje',
+  footer_label: 'Powered by Tikket',
+  chat_placeholder: 'Escribe un mensaje',
+  form_policy_label: 'Al proceder aceptas nuestra',
+  form_policy_link: 'Política de privacidad',
+  form_policy_button: 'Empezar',
+  close_tittle: 'Este caso ha sido',
+  close_tittle_bold: 'cerrado.',
+  close_paragraph_1: 'si tu caso no ha sido solucionado inicia una',
+  close_paragraph_2: 'nueva conversación',
+  close_paragraph_3: 'haciendo',
+  close_paragraph_link: 'click aquí',
+  no_form_sent_message: 'Llene el formulario para poder continuar',
+  option: 'Seleccione una opción',
+  help_center_label: 'Encuentra respuesta',
+  help_center_search: 'Busca en nuestro centro de ayuda',
+  other_channels: 'Comunícate con nosotros por alguno de estos otros canales',
+  time_ago: 'hace unos segundos',
+  minute: 'minuto',
+  minutes: 'minutos',
+  ago: 'hace',
+  hours: 'horas',
+  hour: 'hora',
+  days: 'días',
+  day: 'día',
+  not_articles: 'Por los momentos no hay contenido para mostrar',
+  reconnect: 'Reconectar',
+  not_conection: 'Conexión perdida con el servidor',
+  operador: 'Operador',
+  see_more: 'Ver más',
+  not_results_for: 'No hay resultados para',
+  not_results: 'No hay resultados',
+  click_chat: 'Haz click para continuar tu última conversación',
+  attached_file: 'archivo adjunto',
+  retry_message: 'Reintentar',
+  cancel: 'Cancelar',
+  error_send_message:
+    'Este mensaje no pudo ser enviado. Por favor, reintente de nuevo',
+  operator: 'Operador',
+};
+
+export const portuguese: { [key: string]: string } = {
+  conversations_label: 'Iniciar uma nova conversa',
+  label_time: 'Costumamos responder em',
+  time_answer: 'alguns minutos',
+  see_all_link: 'Ver todas as conversas',
+  new_chat_button: 'Iniciar nova conversa',
+  main_init_chat_label: 'Escreva-nos uma mensagem',
+  footer_label: 'Desenvolvido por Tikket',
+  chat_placeholder: 'Escreva uma mensagem',
+  form_policy_label: 'Ao prosseguir, você aceita nossa',
+  form_policy_link: 'Política de privacidade',
+  form_policy_button: 'Começar',
+  close_tittle: 'Este caso foi',
+  close_tittle_bold: 'encerrado.',
+  close_paragraph_1: 'Se o seu caso não foi resolvido, inicie uma',
+  close_paragraph_2: 'nova conversa',
+  close_paragraph_3: 'clicando',
+  close_paragraph_link: 'aqui',
+  no_form_sent_message: 'Preencha o formulário para continuar',
+  option: 'Selecione uma opção',
+  help_center_label: 'Encontre resposta',
+  help_center_search: 'Pesquise no nosso centro de ajuda',
+  other_channels: 'Entre em contato conosco por algum desses outros canais',
+  time_ago: 'alguns segundos atrás',
+  minute: 'minutos',
+  minutes: 'minutos',
+  ago: 'atrás',
+  hours: 'horas',
+  hour: 'hora',
+  days: 'dias',
+  day: 'dia',
+  not_articles: 'Não há atualmente nenhum conteúdo para exibir',
+  reconnect: 'Reconecte',
+  not_conection: 'Conexão perdida com o servidor',
+  operador: 'Operador',
+  see_more: 'Veja mais',
+  not_results_for: 'Não há resultados para',
+  not_results: 'Sem resultados',
+  click_chat: 'Clique para continuar a sua última conversa',
+  attached_file: 'ficheiro anexo',
+  retry_message: 'Repetir',
+  cancel: 'Repetir',
+  error_send_message:
+    'Esta mensagem não pôde ser enviada. Por favor, tente novamente',
+  operator: 'Operador',
+};
+
+export const italian: { [key: string]: string } = {
+  conversations_label: 'Inizia una nuova conversazione',
+  label_time: 'Solitamente rispondiamo entro',
+  time_answer: 'alcuni minuti',
+  see_all_link: 'Visualizza tutte le conversazioni',
+  new_chat_button: 'Inizia una nuova conversazione',
+  main_init_chat_label: 'Scrivici un messaggio',
+  footer_label: 'Powered by Tikket',
+  chat_placeholder: 'Scrivi un messaggio',
+  form_policy_label: 'Procedendo accetti la nostra',
+  form_policy_link: 'Politica sulla privacy',
+  form_policy_button: 'Inizia',
+  close_tittle: 'Questo caso è stato',
+  close_tittle_bold: 'chiuso.',
+  close_paragraph_1: 'Se il tuo caso non è stato risolto, apri una',
+  close_paragraph_2: 'nuova conversazione',
+  close_paragraph_3: 'facendo',
+  close_paragraph_link: 'clic qui',
+  no_form_sent_message: 'Compila il modulo per continuare',
+  option: 'Seleziona una opzione',
+  help_center_label: 'Trova risposta',
+  help_center_search: 'Cerca nel nostro centro assistenza',
+  other_channels: 'Contattaci attraverso questi altri canali',
+  time_ago: 'pochi secondi fa',
+  minute: 'minuto',
+  minutes: 'minuti',
+  ago: 'fa',
+  hour: 'ora',
+  hours: 'ore',
+  days: 'giorni',
+  day: 'giorno',
+  not_articles: 'Al momento non ci sono contenuti da visualizzare',
+  reconnect: 'Ricollegarsi',
+  not_conection: 'Connessione persa con il server',
+  operador: 'Operatore',
+  see_more: 'Vedi di più',
+  not_results_for: 'Non ci sono risultati per',
+  not_results: 'Nessun risultato',
+  click_chat: "Fare clic per continuare l'ultima conversazione",
+  attached_file: 'file allegato',
+  retry_message: 'Riprova',
+  cancel: 'Annullamento',
+  error_send_message:
+    'Non è stato possibile inviare questo messaggio. Riprovare',
+  operator: 'Operatore',
+};
+
+export const french: { [key: string]: string } = {
+  conversations_label: 'Commencer une nouvelle conversation',
+  label_time: 'Nous répondons habituellement en',
+  time_answer: 'quelques minutes',
+  see_all_link: 'Voir toutes les conversations',
+  new_chat_button: 'Commencer une nouvelle conversation',
+  main_init_chat_label: 'Écrivez-nous un message',
+  footer_label: 'Propulsé par Tikket',
+  chat_placeholder: 'Écrire un message',
+  form_policy_label: 'En poursuivant, vous acceptez notre',
+  form_policy_link: 'Politique de confidentialité',
+  form_policy_button: 'Commencer',
+  close_tittle: 'Ce cas a été',
+  close_tittle_bold: 'clôturé.',
+  close_paragraph_1: "Si votre cas n'est pas résolu, commencez une",
+  close_paragraph_2: 'nouvelle conversation',
+  close_paragraph_3: 'en cliquant',
+  close_paragraph_link: 'ici',
+  no_form_sent_message: 'Remplissez le formulaire pour continuer',
+  option: 'Sélectionnez une option',
+  help_center_label: 'Trouver une réponse',
+  help_center_search: "Recherchez dans notre centre d'aide",
+  other_channels: "Contactez-nous par l'un de ces autres canaux",
+  time_ago: 'il y a quelques secondes',
+  minute: 'minute',
+  minutes: 'minutos',
+  ago: 'il y a',
+  hours: 'heures',
+  hour: 'heure',
+  day: 'jour',
+  days: 'jours',
+  not_articles: "Il n'y a actuellement aucun contenu à afficher",
+  reconnect: 'Se reconnecter',
+  not_conection: 'Perte de connexion au serveur',
+  operador: 'Opérateur',
+  see_more: 'Voir plus',
+  not_results_for: "Il n'y a pas de résultats pour",
+  not_results: 'Pas de résultats',
+  click_chat: 'Cliquez pour continuer votre dernière conversation',
+  attached_file: 'fichier joint',
+  error_send_message: "Ce message n'a pas pu être envoyé.Veuillez réessayer",
+  retry_message: 'Réessayer',
+  cancel: 'Annuler',
+  operator: 'Opérateur',
+};

package/src/assets/svg/audio.tsx

@@ -0,0 +1,38 @@
+import React, { type FC } from 'react';
+import Svg, { Defs, Path, Text, TSpan, G } from 'react-native-svg';
+
+interface IconAudioProps {
+  width: number;
+  height: number;
+}
+
+const IconAudio: FC<IconAudioProps> = ({ width, height }) => (
+  <Svg viewBox="0 0 80 80" width={width} height={height}>
+    <Defs />
+    <Path fill={'#00c1c6'} d="M0 0h80v80H0z" />
+    <Text
+      transform="translate(13.41 71.5)"
+      fill={'#fff'}
+      fontSize={18}
+      fontFamily="Roboto-Bold,Roboto"
+      fontWeight={700}
+    >
+      <TSpan letterSpacing={'-.01em'}>{'A'}</TSpan>
+      <TSpan x={11.96} y={0}>
+        {'UDIO'}
+      </TSpan>
+    </Text>
+    <G id="zuDlLB">
+      <Path
+        fill={'#fff'}
+        d="M22.5 28.73a2.13 2.13 0 0 1 2.2-1.22h5.6a2.11 2.11 0 0 0 1.07-.31q4.17-2.64 8.3-5.33A1.63 1.63 0 0 1 42.22 23a3.26 3.26 0 0 1 0 .7v20.83a3.1 3.1 0 0 1-.65 1.73 1.41 1.41 0 0 1-1.91.08c-2.76-1.78-5.52-3.57-8.3-5.32a2.12 2.12 0 0 0-1.07-.32h-5.6a2.13 2.13 0 0 1-2.2-1.22ZM57.5 35.27c-.1.53-.18 1.06-.3 1.58a12.91 12.91 0 0 1-7.47 9.24 2.28 2.28 0 0 1-1.34.13 1.47 1.47 0 0 1-1.15-1.32 1.63 1.63 0 0 1 .84-1.63 22.65 22.65 0 0 0 3.44-2.48 9.74 9.74 0 0 0-2.15-15.14c-.34-.2-.68-.37-1-.56-1.05-.6-1.39-1.44-1-2.3a1.71 1.71 0 0 1 2.41-.65 12.38 12.38 0 0 1 5.51 4.74 12.51 12.51 0 0 1 2.06 5.7 1.45 1.45 0 0 0 .12.35Z"
+      />
+      <Path
+        fill={'#fff'}
+        d="M50.91 34.42A6.37 6.37 0 0 1 47.17 40a1.62 1.62 0 1 1-1.7-2.76c.27-.21.55-.39.83-.58a3.1 3.1 0 0 0 0-5.14c-.31-.22-.65-.43-1-.67a1.61 1.61 0 0 1 1.7-2.74 6.6 6.6 0 0 1 3.91 6.31Z"
+      />
+    </G>
+  </Svg>
+);
+
+export default IconAudio;

package/src/assets/svg/bullseye.tsx

@@ -0,0 +1,28 @@
+import React, { type FC } from 'react';
+import Svg, { Defs, G, Path } from 'react-native-svg';
+
+interface IconBullseyeProps {
+  fill: string;
+}
+
+const IconBullseye: FC<IconBullseyeProps> = ({ fill }) => (
+  <Svg viewBox="0 0 40 40">
+    <Defs />
+    <G id="BQdxQl">
+      <Path
+        fill={fill}
+        d="M38.93 14c.27.84.49 1.37.61 1.93A20 20 0 1 1 .15 22.4 19.92 19.92 0 0 1 21.68.14c1.06.11 2.12.32 3.17.52.81.15 1 .51.4 1.2a5.52 5.52 0 0 1-4.83 2.23c-7.09-.28-12.08 3.2-15.08 9.46-3.44 7.17-.22 16.59 6.79 20.36a16 16 0 0 0 22.52-7.31A14.81 14.81 0 0 0 36 18.7a3 3 0 0 1 1-2.84c.64-.51 1.18-1.09 1.93-1.86Z"
+      />
+      <Path
+        fill={fill}
+        d="M7.76 20A12.22 12.22 0 0 1 21 7.82c1.24.13 1.43 1 1.73 1.84a1.39 1.39 0 0 1-.67 1.8 2.93 2.93 0 0 1-1.47.28 8.19 8.19 0 0 0-8.78 6.82 8.36 8.36 0 0 0 5.4 9.18 8.27 8.27 0 0 0 11.1-7.51v-.89c0-1.29.48-2.17 1.33-2.21a2.38 2.38 0 0 1 2.6 2c.62 5-3.14 10.74-8.11 12.35a12.25 12.25 0 0 1-16-8.92A20.76 20.76 0 0 1 7.76 20Z"
+      />
+      <Path
+        fill={fill}
+        d="M33.08 15.5c-1-.34-2-.6-3-1a2 2 0 0 0-2.46.53q-2.86 3-5.89 5.87a3.06 3.06 0 0 1-1.82.85A1.76 1.76 0 0 1 18.42 19a9.92 9.92 0 0 1 1.36-1.61c1.73-1.77 3.47-3.53 5.25-5.25a1.8 1.8 0 0 0 .48-2.14C24.14 6.08 23.94 6.7 27 3.62c1-.94 1.88-1.91 2.86-2.81 1.27-1.19 2.59-.87 3.21.76a19.18 19.18 0 0 1 .85 2.63 2.26 2.26 0 0 0 1.79 1.87 22.17 22.17 0 0 1 2.95 1c1.43.59 1.74 1.78.7 2.9-1.57 1.68-3.21 3.28-4.87 4.86a5.29 5.29 0 0 1-1.41.67Z"
+      />
+    </G>
+  </Svg>
+);
+
+export default IconBullseye;

package/src/assets/svg/checkCircle.tsx

@@ -0,0 +1,23 @@
+import React, { type FC } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface IconCheckCircleProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const IconCheckCircle: FC<IconCheckCircleProps> = ({
+  color,
+  width,
+  height,
+}) => (
+  <Svg viewBox="0 0 512 512" width={width} height={height}>
+    <Path
+      fill={color}
+      d="M243.8 339.8c-10.9 10.9-28.7 10.9-39.6 0l-64-64c-10.9-10.9-10.9-28.7 0-39.6 10.9-10.9 28.7-10.9 39.6 0l44.2 44.2 108.2-108.2c10.9-10.9 28.7-10.9 39.6 0 10.9 10.9 10.9 28.7 0 39.6l-128 128zM512 256c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+    />
+  </Svg>
+);
+
+export default IconCheckCircle;

package/src/assets/svg/clock.tsx

@@ -0,0 +1,19 @@
+import React, { type FC } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface ClockIconProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const ClockIcon: FC<ClockIconProps> = ({ color, width, height }) => (
+  <Svg viewBox="0 0 512 512" width={width} height={height}>
+    <Path
+      fill={color}
+      d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+    />
+  </Svg>
+);
+
+export default ClockIcon;

package/src/assets/svg/close.tsx

@@ -0,0 +1,19 @@
+import React, { type FC } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface CloseIconProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const CloseIcon: FC<CloseIconProps> = ({ color, width, height }) => (
+  <Svg viewBox="0 0 320 512" width={width} height={height}>
+    <Path
+      fill={color}
+      d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25-6.2 6.25-14.4 9.35-22.6 9.35s-16.38-3.125-22.62-9.375L160 301.3 54.63 406.6C48.38 412.9 40.19 416 32 416s-16.37-3.1-22.625-9.4c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"
+    />
+  </Svg>
+);
+
+export default CloseIcon;

package/src/assets/svg/comments.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface IconCommentsProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const IconComments: React.FC<IconCommentsProps> = ({
+  width,
+  height,
+  color,
+}) => (
+  <Svg width={width} height={height} viewBox="0 0 640 512">
+    <Path
+      fill={color}
+      d="M208 352c114.9 0 208-78.8 208-176S322.9 0 208 0 0 78.8 0 176c0 38.6 14.7 74.3 39.6 103.4-3.5 9.4-8.7 17.7-14.2 24.7-4.8 6.2-9.7 11-13.3 14.3-1.8 1.6-3.3 2.9-4.3 3.7-.5.4-.9.7-1.1.8l-.2.2C1 327.2-1.4 334.4.8 340.9S9.1 352 16 352c21.8 0 43.8-5.6 62.1-12.5 9.2-3.5 17.8-7.4 25.3-11.4C134.1 343.3 169.8 352 208 352zm240-176c0 112.3-99.1 196.9-216.5 207 24.3 74.4 104.9 129 200.5 129 38.2 0 73.9-8.7 104.7-23.9 7.5 4 16 7.9 25.2 11.4 18.3 6.9 40.3 12.5 62.1 12.5 6.9 0 13.1-4.5 15.2-11.1 2.1-6.6-.2-13.8-5.8-17.9l-.2-.2c-.2-.2-.6-.4-1.1-.8-1-.8-2.5-2-4.3-3.7-3.6-3.3-8.5-8.1-13.3-14.3-5.5-7-10.7-15.4-14.2-24.7 24.9-29 39.6-64.7 39.6-103.4 0-92.8-84.9-168.9-192.6-175.5.4 5.1.6 10.3.6 15.5z"
+    />
+  </Svg>
+);
+export default IconComments;

package/src/assets/svg/doc.tsx

@@ -0,0 +1,55 @@
+import React, { type FC } from 'react';
+import Svg, { Path, Text, Rect } from 'react-native-svg';
+/* SVGR has dropped some elements not supported by react-native-svg: title */
+interface IconDocProps {
+  width: number;
+  height: number;
+}
+
+const IconDoc: FC<IconDocProps> = ({ width, height }) => (
+  <Svg viewBox="0 0 80 80" width={width} height={height}>
+    <Path fill={'#2c8fff'} d="M0 0h80v80H0z" />
+    <Text
+      transform="translate(22.05 71.5)"
+      fill={'#fff'}
+      fontSize={18}
+      fontFamily="Roboto-Bold,Roboto"
+      fontWeight={700}
+    >
+      {'DOC'}
+    </Text>
+    <Path
+      d="M45 11.5H26.09a5 5 0 0 0-5 5v29.97a5 5 0 0 0 5 5h23.27a5 5 0 0 0 5-5v-27Z"
+      fill={'none'}
+      stroke={'#fff'}
+      strokeWidth={3}
+    />
+    <Rect
+      x={16.61}
+      y={25.47}
+      width={19.89}
+      height={17.18}
+      rx={2.78}
+      ry={2.78}
+      fill={'#fff'}
+    />
+    <Text
+      transform="matrix(1.3 0 0 1 19.33 38.24)"
+      fontSize={12.08}
+      fontFamily="Roboto-Black,Roboto"
+      fill={'#2c8fff'}
+    >
+      {'W'}
+    </Text>
+    <Path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill={'none'}
+      stroke={'#fff'}
+      strokeWidth={3}
+      d="M54.5 22.5h-11v-11"
+    />
+  </Svg>
+);
+
+export default IconDoc;

package/src/assets/svg/email.tsx

@@ -0,0 +1,19 @@
+import React, { type FC } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface EmailIconProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const EmailIcon: FC<EmailIconProps> = ({ color, width, height }) => (
+  <Svg viewBox="0 0 512 512" width={width} height={height}>
+    <Path
+      fill={color}
+      d="M464 64c26.5 0 48 21.49 48 48 0 15.1-7.1 29.3-19.2 38.4L275.2 313.6a32.1 32.1 0 0 1-38.4 0L19.2 150.4C7.113 141.3 0 127.1 0 112c0-26.51 21.49-48 48-48h416zM217.6 339.2a63.9 63.9 0 0 0 76.8 0L512 176v208c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V176l217.6 163.2z"
+    />
+  </Svg>
+);
+
+export default EmailIcon;

package/src/assets/svg/exclamationtriangle.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface IconExclamationTriangleProps {
+  color: string;
+  width: number;
+  height: number;
+}
+
+const IconExclamationTriangle: React.FC<IconExclamationTriangleProps> = ({
+  width,
+  height,
+  color,
+}) => (
+  <Svg width={width} height={height} viewBox="0 0 512 512">
+    <Path
+      fill={color}
+      d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0-64 0 32 32 0 1 0 64 0z"
+    />
+  </Svg>
+);
+export default IconExclamationTriangle;