@messenger-box/platform-browser 7.2.1-alpha.0 → 7.2.1-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.2.1-alpha.2](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.1...v7.2.1-alpha.2) (2024-07-16)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [7.2.1-alpha.1](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.0...v7.2.1-alpha.1) (2024-07-16)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
 ## 7.2.1-alpha.0 (2024-07-15)
 
 ### Bug Fixes

package/lib/cdm-locales/en/translations.json

@@ -0,0 +1,95 @@
+{
+    "messenger_box_browser": {
+        "direct_messages": "Direct Messages",
+        "go": "Go",
+        "use_browse_or_select": "Use ↑↓ to browse, ↵ to select.",
+        "toggle_sidebar": "Toggle sidebar",
+        "create_channel": "Create Channel",
+        "join": "join",
+        "no_more_channels_to_join": "No more channels to join",
+        "click_create_new_channel": "Click 'Create New Channel' to make a new one",
+        "create_public_channel": "Create Public Channel",
+        "channel_name": "Channel Name",
+        "channel_description": "Channel Description",
+        "close": "Close",
+        "details": "Details",
+        "you_have_no_unread_messages": "You have no unread messages",
+        "when_you_book_a_trip_or_experience": "When you book a trip or experience, messages from your host will show up here.",
+        "explore": "Explore",
+        "archive": "Archive",
+        "image": "Image",
+        "type_your_message": "Type your message",
+        "all_conversations": "All Conversations",
+        "archived_conversations": "Archived Conversations",
+        "unread_conversations": "Unread Conversations",
+        "update_photo": "Update photo",
+        "identity_verification": "Identity verification",
+        "show_others_you_are_really_you": "Show others you’re really you with the identity verification badge.",
+        "get_the_badge": "Get the badge",
+        "username_confirmed": "{{username}} confirmed",
+        "email_address": "Email address",
+        "hi_username": "Hi, I'm {{username}}",
+        "joined_in_date": "Joined in {{date}}",
+        "edit_profile": "Edit profile",
+        "reviews": "Reviews",
+        "reviews_by_you": "Reviews by you",
+        "messages": "Messages",
+        "add_conversations": "Add Conversations",
+        "edit_message": "Edit Message",
+        "save": "Save",
+        "add_new_members_to_my_first_public_channel": "Add New Members to My First Public Channel",
+        "surveybot": "Survey Bot",
+        "survey_bot_collects_your": "Survey bot collects your..",
+        "local_time": "Local Time",
+        "send_message": "Send Message",
+        "beginning_of": "Beginning of",
+        "direct_messages_and_files_shared": "Direct messages and files shared here are not shown to people outside this area.",
+        "invite_others_to_this_channel": "Invite others to this channel",
+        "set_a_header": "Set a Header",
+        "bot": "BOT",
+        "this_is_the_start_of_your_direct_message": "This is the start of your direct message history with surveybot.",
+        "today": "Today",
+        "yesterday": "Yesterday",
+        "pick_your_emoji": "Pick your emoji...",
+        "system": "System",
+        "working": "Working..........",
+        "joined_the_channel": "joined the channel",
+        "reply_to": "Reply to",
+        "we_supply_a_series_of_design_principles": "We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.",
+        "reply": "Reply",
+        "mark_as_unread": "Mark as Unread",
+        "copy_link": "copy link",
+        "unpin_to_channel": "unpin to channel",
+        "pin_to_channel": "pin to channel",
+        "edit": "Edit",
+        "delete": "Delete",
+        "please_enter": "Please Enter",
+        "slack_bot": "Slack Bot",
+        "edit_account_setting": "Edit Account Setting",
+        "thank_for_chatting_with_us": "Thank for chatting with us",
+        "close_channel": "Close Channel",
+        "this_channel_is_read_only": "This channel is read-only. Only members with permission can post here.",
+        "retry": "Retry",
+        "cancel": "Cancel",
+        "update_your_status": "Update your status",
+        "only_visible_to_you": "(Only visible to you)",
+        "saved": "Saved",
+        "pinned": "Pinned",
+        "show_less": "Show less",
+        "show_more": "Show more",
+        "preview": "Preview",
+        "help": "Help",
+        "following": "Following",
+        "follow": "Follow",
+        "got_it": "Got it",
+        "seen_this_before": "Seen this before?",
+        "opt_out_of_these_tips": "Opt out of these tips.",
+        "invite_people": "Invite people",
+        "username_joined_the_channel": "@{{username}} joined the channel",
+        "PUBLIC_CHANNELS": "PUBLIC CHANNELS",
+        "more": "More...",
+        "PRIVATE_CHANNELS": "PRIVATE CHANNELS",
+        "DIRECT_MESSAGES": "DIRECT MESSAGES",
+        "loading": "Loading"
+    }
+}

package/lib/cdm-locales/es/translations.json

@@ -0,0 +1,95 @@
+{
+    "messenger_box_browser": {
+        "direct_messages": "Mensajes Directos",
+        "go": "Ir",
+        "use_browse_or_select": "Usa ↑↓ para navegar, ↵ para seleccionar.",
+        "toggle_sidebar": "Alternar barra lateral",
+        "create_channel": "Crear Canal",
+        "join": "unirse",
+        "no_more_channels_to_join": "No hay más canales a los que unirse",
+        "click_create_new_channel": "Haz clic en 'Crear Nuevo Canal' para crear uno nuevo",
+        "create_public_channel": "Crear Canal Público",
+        "channel_name": "Nombre del Canal",
+        "channel_description": "Descripción del Canal",
+        "close": "Cerrar",
+        "details": "Detalles",
+        "you_have_no_unread_messages": "No tienes mensajes sin leer",
+        "when_you_book_a_trip_or_experience": "Cuando reservas un viaje o experiencia, los mensajes de tu anfitrión aparecerán aquí.",
+        "explore": "Explorar",
+        "archive": "Archivo",
+        "image": "Imagen",
+        "type_your_message": "Escribe tu mensaje",
+        "all_conversations": "Todas las Conversaciones",
+        "archived_conversations": "Conversaciones Archivadas",
+        "unread_conversations": "Conversaciones sin Leer",
+        "update_photo": "Actualizar foto",
+        "identity_verification": "Verificación de identidad",
+        "show_others_you_are_really_you": "Demuestra a los demás que realmente eres tú con la insignia de verificación de identidad.",
+        "get_the_badge": "Obtener la insignia",
+        "username_confirmed": "{{username}} confirmado",
+        "email_address": "Correo electrónico",
+        "hi_username": "Hola, soy {{username}}",
+        "joined_in_date": "Se unió en {{date}}",
+        "edit_profile": "Editar perfil",
+        "reviews": "Reseñas",
+        "reviews_by_you": "Reseñas hechas por ti",
+        "messages": "Mensajes",
+        "add_conversations": "Añadir Conversaciones",
+        "edit_message": "Editar Mensaje",
+        "save": "Guardar",
+        "add_new_members_to_my_first_public_channel": "Añadir Nuevos Miembros a Mi Primer Canal Público",
+        "surveybot": "Survey Bot",
+        "survey_bot_collects_your": "El bot de encuestas recoge tu..",
+        "local_time": "Hora Local",
+        "send_message": "Enviar Mensaje",
+        "beginning_of": "Inicio de",
+        "direct_messages_and_files_shared": "Los mensajes directos y archivos compartidos aquí no se muestran a personas fuera de esta área.",
+        "invite_others_to_this_channel": "Invitar a otros a este canal",
+        "set_a_header": "Establecer un Encabezado",
+        "bot": "BOT",
+        "this_is_the_start_of_your_direct_message": "Este es el inicio de tu historial de mensajes directos con surveybot.",
+        "today": "Hoy",
+        "yesterday": "Ayer",
+        "pick_your_emoji": "Elige tu emoji...",
+        "system": "Sistema",
+        "working": "Trabajando..........",
+        "joined_the_channel": "se unió al canal",
+        "reply_to": "Responder a",
+        "we_supply_a_series_of_design_principles": "Proporcionamos una serie de principios de diseño, patrones prácticos y recursos de diseño de alta calidad (Sketch y Axure), para ayudar a las personas a crear sus prototipos de productos de manera hermosa y eficiente.",
+        "reply": "Responder",
+        "mark_as_unread": "Marcar como no leído",
+        "copy_link": "copiar enlace",
+        "unpin_to_channel": "desanclar del canal",
+        "pin_to_channel": "anclar al canal",
+        "edit": "Editar",
+        "delete": "Eliminar",
+        "please_enter": "Por favor ingrese",
+        "slack_bot": "Slack Bot",
+        "edit_account_setting": "Editar Configuración de la Cuenta",
+        "thank_for_chatting_with_us": "Gracias por chatear con nosotros",
+        "close_channel": "Cerrar Canal",
+        "this_channel_is_read_only": "Este canal es solo de lectura. Solo los miembros con permiso pueden publicar aquí.",
+        "retry": "Reintentar",
+        "cancel": "Cancelar",
+        "update_your_status": "Actualizar tu estado",
+        "only_visible_to_you": "(Solo visible para ti)",
+        "saved": "Guardado",
+        "pinned": "Anclado",
+        "show_less": "Mostrar menos",
+        "show_more": "Mostrar más",
+        "preview": "Vista previa",
+        "help": "Ayuda",
+        "following": "Siguiendo",
+        "follow": "Seguir",
+        "got_it": "Entendido",
+        "seen_this_before": "¿Has visto esto antes?",
+        "opt_out_of_these_tips": "Darse de baja de estos consejos.",
+        "invite_people": "Invitar a personas",
+        "username_joined_the_channel": "@{{username}} se unió al canal",
+        "PUBLIC_CHANNELS": "CANALES PÚBLICOS",
+        "more": "Más...",
+        "PRIVATE_CHANNELS": "CANALES PRIVADOS",
+        "DIRECT_MESSAGES": "MENSAJES DIRECTOS",
+        "loading": "Cargando"
+    }
+}

package/lib/components/InboxMessage/InboxDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,GAAG,qBAgBvE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,GAAG,qBAiBvE"}

package/lib/components/InboxMessage/InboxDetails/index.js

@@ -1,16 +1,19 @@
-import React__default from'react';import {Button}from'@chakra-ui/react';import {AiOutlineClose}from'@react-icons/all-files/ai/AiOutlineClose.js';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function InboxDetails({
+import React__default from'react';import {useTranslation}from'react-i18next';import {Button}from'@chakra-ui/react';import {AiOutlineClose}from'@react-icons/all-files/ai/AiOutlineClose.js';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function InboxDetails({
   handleToggle,
   toggleDrawer
 }) {
+  const {
+    t
+  } = useTranslation();
   return React__default.createElement("div", {
     className: css(styleSheet.detailDrawerStyles)
   }, React__default.createElement("div", {
     className: "details"
-  }, React__default.createElement("h4", null, "Details"), React__default.createElement(Button, {
+  }, React__default.createElement("h4", null, " ", t('messenger_box_browser.details')), React__default.createElement(Button, {
     onClick: handleToggle,
     as: "a",
     className: "close-btn",
-    marginRight: '10px',
+    marginRight: "10px",
     rightIcon: React__default.createElement(AiOutlineClose, {
       color: "black"
     })

package/lib/components/InboxMessage/InboxDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"oNAMwB,SAAA,YAAY,CAAC;;cAIpB;;AAED,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAO,EAAA;AAUvB,IAAC,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,kBAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+PAOwB,SAAA,YAAY,CAAC;AACjC,EAAA,YAAS;;;AAKG,EAAA,MAAA;;oBAAuC,EAAA,CAAA;AACvC,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAO,EAAA;AAUvB,IAAC,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,kBAAA,CAAA;;;;;;;;;;;;"}

package/lib/components/InboxMessage/InboxSidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG;IACd,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,qBA6DzG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG;IACd,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,qBA+DzG"}

package/lib/components/InboxMessage/InboxSidebar/index.js

@@ -1,10 +1,13 @@
-import*as React from'react';import {Button,Avatar}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./styles.js';function InboxSidebar({
+import*as React from'react';import {useTranslation}from'react-i18next';import {Button,Avatar}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./styles.js';function InboxSidebar({
   handleSelectMessgae,
   user,
   messageList,
   userId,
   users
 }) {
+  const {
+    t
+  } = useTranslation();
   const userList = users?.filter(item => {
     return item?.id !== userId;
   });
@@ -46,7 +49,7 @@ import*as React from'react';import {Button,Avatar}from'@chakra-ui/react';import
     }, React.createElement("h5", null, userMember?.username), React.createElement("p", null, lastMessage?.message))));
   }) : React.createElement("div", {
     className: "no-messages"
-  }, React.createElement("h4", null, "You have no unread messages"), React.createElement("p", null, "When you book a trip or experience, messages from your host will show up here."), React.createElement(Button, {
+  }, React.createElement("h4", null, t('messenger_box_browser.you_have_no_unread_messages')), React.createElement("p", null, t('messenger_box_browser.when_you_book_a_trip_or_experience')), React.createElement(Button, {
     variant: "outline",
     width: "110px",
     height: "40px",
@@ -55,7 +58,7 @@ import*as React from'react';import {Button,Avatar}from'@chakra-ui/react';import
     border: "1px solid rgb(34 34 34)",
     color: "black",
     fontWeight: "600"
-  }, "Explore")));
+  }, t('messenger_box_browser.explore'))));
 }
 // {
 //     cnl.displayName.split(',').length > 1 ?

package/lib/components/InboxMessage/InboxSidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"6IAgBwB,SAAA,YAAY,CAAC;qBAChB;AACb,EAAA,IAAA;AACJ,EAAA,WAAG;AACH,EAAA,MAAA;;AAKgB,CAAA,EAAA;QACA,gBAAc,EAAI,OAAO,IAAE,IAAA;AACvB,IAAA,OAAA,IAAA,EAAO,EAAA,KAAK;AACR,GAAA,CAAA,CAAA;AACH,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACL,IAAA,SAAG,EAAA,GAAA,CAAA,UAAA,CAAA,gBAAA,CAAA;SACG,EAAA,MAAA,GAAA,CAAA,GAAU,IAAW,EAAA,GAAA,CAAA,CAAA,MAAM,KAAQ,KAAE;AACvC,IAAA,MAAA,WAAc,GAAA,uBAAiB,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA;AACnC,IAAA,IAAA,QAAG,CAAA;QACH,EAAO,OACF,CAAA,IAAA,CAAA,GAAA,IAAA;aAYQ,CAAA,IAAA,KAAA,MAAA,EAAA;AACD,QAAA,QAAA,GAAA,GAAA,CAAA,IAAA,CAAA;;;oBAGI,GAAI,QAAA,CAAA,IAAA,CAAA,OAAA,IAAA;MAKtB,OAEF,OAAA,CAAA,EAAA,KAAA,QAAA,CAAA;;WAEyF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACrF,MAAA,EAAA,EAAA,GAAA;AAgBpB,MAAC,MAAA,EAAA,MAAA;AAED,MAAI,EAAA,EAAA,MAAA;AACJ,MAA8C,KAAA,EAAA,MAAA;AAC9C,MAAY,YAAA,EAAA,MAAA;AACZ,MAA6E,MAAA,EAAA;AAC7E,QAAyC,eAAA,EAAA,oBAAA;AACzC,OAA+C;AAC/C,MAAI,SAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"wLAiBwB,SAAA,YAAY,CAAC;AACjC,EAAA,mBAAc;MAER;AACF,EAAA,WAAA;AACJ,EAAA,MAAG;AACH,EAAA,KAAA;;AAKgB,EAAA,MAAA;;AAEI,GAAA,GAAA,cAAQ,EAAI,CAAA;AACR,EAAA,MAAA,QAAA,GAAA,KAAQ,EAAG,MAAI,CAAA,IAAK,IAAA;AACvB,IAAA,OAAA,IAAA,EAAA,EAAA,KAAA,MAAA,CAAA;AACL,GAAA,CAAA,CAAA;SACM,KAAA,CAAA,aAAqB,CAAA,KAAA,EAAC;AACxB,IAAA,SAAA,EAAA,GAAA,CAAO,UAAU,CAAA,gBAAc,CAAA;AACnC,GAAA,EAAA,IAAC,EAAE,MAAA,GAAA,CAAA,GAAA,IAAA,EAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;UACI,WACF,GAAA,WAAA,CAAA,WACG,QACA,GAAM,CAAA,CAAA,CAAA;gBAUD,CAAA;AACD,IAAA,IAAA,EAAA,OAAA,CAAA,IAAA,CAAA,GAAA,IAAA;kBACK,KAAA,MAAA,EAAA;sBACI,CAAA,IAAA,CAAA;;KAMxB,CAAC,CACL;AAEO,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,IAAA,CAAA,OAA0D,IAAA;AAC1D,MAAA,OAAA,OAAA,CAAA,EAAA,KAAA,QAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAgBpB,IAAC,OAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAED,MAAI,EAAA,EAAA,GAAA;AACJ,MAA8C,MAAA,EAAA,MAAA;AAC9C,MAAY,EAAA,EAAA,MAAA;AACZ,MAA6E,KAAA,EAAA,MAAA;AAC7E,MAAyC,YAAA,EAAA,MAAA;AACzC,MAA+C,MAAA,EAAA;AAC/C,QAAI,eAAA,EAAA,oBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/Messages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,qBAoJtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,qBAqJtE"}

package/lib/components/InboxMessage/Messages/index.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect,useRef}from'react';import {BiArchiveIn,BiImage}from'react-icons/bi/index.js';import {BsFillArrowUpCircleFill}from'react-icons/bs/index.js';import {css}from'@emotion/css';import {Tooltip,Button,InputGroup,Textarea,InputRightElement}from'@chakra-ui/react';import {useGetMessagesQuery,useSendMessagesMutation}from'@messenger-box/platform-client';import MsgList from'../MessagesList/index.js';import {styleSheet}from'./styles.js';function Messages({
+import React__default,{useState,useEffect,useRef}from'react';import {useTranslation}from'react-i18next';import {BiArchiveIn,BiImage}from'react-icons/bi';import {BsFillArrowUpCircleFill}from'react-icons/bs';import {css}from'@emotion/css';import {Tooltip,Button,InputGroup,Textarea,InputRightElement}from'@chakra-ui/react';import {useGetMessagesQuery,useSendMessagesMutation}from'@messenger-box/platform-client';import MsgList from'../MessagesList/index.js';import {styleSheet}from'./styles.js';function Messages({
   id,
   user,
   userId,
@@ -7,6 +7,9 @@ import React__default,{useState,useEffect,useRef}from'react';import {BiArchiveIn
   const [message, setMessage] = useState('');
   const [messageList, setMessageList] = useState([]);
   const [height, setHeight] = useState('40px');
+  const {
+    t
+  } = useTranslation();
   const {
     data,
     loading,
@@ -60,7 +63,7 @@ import React__default,{useState,useEffect,useRef}from'react';import {BiArchiveIn
   }, React__default.createElement("div", {
     className: "message-username"
   }, React__default.createElement("h2", null, item?.username), React__default.createElement("div", null, React__default.createElement(Tooltip, {
-    label: "Archive",
+    label: t('messenger_box_browser.archive'),
     placement: "bottom-end",
     backgroundColor: "black",
     // bg="white"
@@ -97,7 +100,7 @@ import React__default,{useState,useEffect,useRef}from'react';import {BiArchiveIn
   }), React__default.createElement("div", {
     className: "message-input"
   }, React__default.createElement(Tooltip, {
-    label: "Image",
+    label: t('messenger_box_browser.image'),
     placement: "top",
     // bg="white"
     display: "flex",
@@ -129,7 +132,7 @@ import React__default,{useState,useEffect,useRef}from'react';import {BiArchiveIn
   }))), React__default.createElement(InputGroup, {
     size: "md"
   }, React__default.createElement(Textarea, {
-    placeholder: "Type your message",
+    placeholder: t('messenger_box_browser.type_your_message'),
     value: message,
     height: height,
     onKeyUp: handleTextareaHeight,

package/lib/components/InboxMessage/Messages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"odAUwB,SAAA,QAAQ,CAAC;IAC7B;MACM;QACA;aACM;AACR,CAAA,EAAA;AACI,EAAA,MAAA,CAAA,OAAA,EAAA,UAAa,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA,CAAA;AAChB,EAAA,MAAA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA,CAAA;AACJ,EAAA,MAAE,CAAA,MAAA,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,MAAA,CAAA,CAAA;QACM;QACL;AACI,IAAA,OAAA;AACH,IAAA,KAAA;AACL,IAAA,OAAW;AACX,GAAA,GAAA,mBAAoB,CAAG;AACnB,IAAA,SAAA,EAAO;AACV,MAAC,SAAC,EAAA,EAAA;AACH,KAAA;IACA,CAAM;WACY,CAAA,MAAA;AAClB,IAAA,IAAE,CAAA,OAAA,EAAA;MACI,cAAA,CAAA,IAAiB,CAAA,QAAK,CAAA,IAAA,CAAA,CAAA;AACxB,KAAA;AACI,GAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAO,IAAC,EAAA,QAAA,EAAA,IAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AACJ,EAAA,MAAA,CAAA,OAAA,EAAA,EAAA,CAAA,GAAA,uBAAW,CAAA;AACP,IAAA,OAAA,EAAA,EAAA;AACA,GAAA,CAAA,CAAA;AACA,EAAA,MAAA,cAAA,GAAK,MAAI,CAAA,IAAA,CAAA,CAAA;AAMjB,EAAA,MAAA,cAAG,GAAA,MAAA;eACO,EAAA;AACb,MAAA,OAAA,CAAA;AACL,QAAE,SAAA,EAAA;UACI,SAAW,EAAA,EAAE;AACf,UAAA,OAAc,EAAA,OAAG;AACrB,UAAG,KAAA,EAAA,EAAA;SACqB;AACxB,OAAA,CAAA,CAAA,IAA0B,CAAA,MAAA;QACtB,OAAS,EAAA,CAAA,IAAK,UAAW;AACrB,UAAA,cAAY,CAAA,CAAA,GAAU,KAAA,CAAC,KAAK,aAAa,CAAG,CAAA,CAAA;AAC/C,SAAA,CAAA,CAAA;AAAM,OAAA,CAAA,CAAA;gBACM,CAAA,EAAA,CAAA,CAAA;AACZ,KAAA;AACL,GAAA,CAAA;QACO,IACH;WACS,OAAA,CAAA,EAAA,KAAA,MAAA,CAAA;;;AAGG,EAAA,MAAA,oBAAA,GAAA,CAAA,IAAA;AACI,IAAA,IAAA,CAAA,CAAA,GAAA,KAAA,OAAA,IAAA,OAAA,KAAQ,EAAA,EAAA;4BAIS,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,MAAA,GAAA,EAAA,GAAA,IAAA,CAAA,CAAA;AACb,KAAA,MAAA;AAYA,MAAA,SAAA,CAAA,MAAA,CAAA,CAAA;AASI,KAAA;;AAMZ,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAC;kBACI,CAAA,UAAA,CAAA,iBAAA,CAAG;iCACH,CAAA,KAAA,EAAA;kCACA;iCAGG,CAAa,KAAA,EAAA;AACb,IAAA,SAAA,EAAA,kBAAQ;AAYR,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,QAAO,CAAA,EACHA,cAAM,CAAA,aACN,CAAA,KAAA,EAAA,IAAa,EAAAA,cACb,CAAE,aACS,CAAA,OAAA,EAAC;AAKZ,IAAA,KAAA,EAAA,SAAA;AAGR,IAAA,SAAA,EAAA,YAAA;AACI,IAAA,eAAA,EAAA,OAAA;;AAMI,IAAA,OAAA,EAAA,MAAA;AAEJ,IAAA,UAAA,EAAA,QAAA;AACI,IAAA,KAAA,EAAA,MAAA;AAqBhC,IAAC,YAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/InboxMessage/MessagesList/index.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useDisclosure,Box,Avatar,Modal,ModalOverlay,ModalContent,ModalCloseButton,ModalBody,Text}from'@chakra-ui/react';import {AiFillFlag}from'react-icons/ai/index.js';import UserModalContent from'../UserModalContent/index.js';function MsgList({
+import React__default from'react';import {useDisclosure,Box,Avatar,Modal,ModalOverlay,ModalContent,ModalCloseButton,ModalBody,Text}from'@chakra-ui/react';import {AiFillFlag}from'react-icons/ai';import UserModalContent from'../UserModalContent/index.js';function MsgList({
   messageList,
   currentUser
 }) {

package/lib/components/InboxMessage/MessagesList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sQAgBwB,SAAA,OAAO,CAAC;aACd;aAGL;;QAEG;;AAGY,IAAA,MAAA;AASA,IAAA,OAAA;AACI,GAAA,GAAA,aAAA,EAAA,CAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAa,EAAA,IAAA,EAAA,WACM,EAAA,GAAA,CAAA,CAAA,cACf,KAAM;;uCAeD,CAAA,KAAA,EAAA;AAQL,MAAA,SAAA,EAAA,cAAA;AACI,MAAA,GAAA,EAAA,KAAA;AAOZ,KAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACI,MAAA,OAAA,EAAA,MAAA;;mCAIK,CAAA,MAAA,EAAA;;YAOjB,EAAA,MAAA;qBACK,EAAA,MAAA;kBACM,EAAA,KAAA;SAC0B,EAAA,OAAA,EAAA,QAAA,GAAA,OAAA,EAAA,QAAA,GAAA,EAAA;iBACmR,EAAA,MAAA;aAC3S,EAAA,MAAA;QACjBA,cAAQ,CAAA,aAAA,CAAA,KAAA,EAAA;YACJ,EAAA,MAAA;MACN,OAER,EAAA,OAAA;AACN,MAAC,YAAA,EAAA,eAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6PAgBwB,SAAA,OAAO,CAAC;aACd;aAGL;;QAEG;;AAGY,IAAA,MAAA;AASA,IAAA,OAAA;AACI,GAAA,GAAA,aAAA,EAAA,CAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAa,EAAA,IAAA,EAAA,WACM,EAAA,GAAA,CAAA,CAAA,cACf,KAAM;;uCAeD,CAAA,KAAA,EAAA;AAQL,MAAA,SAAA,EAAA,cAAA;AACI,MAAA,GAAA,EAAA,KAAA;AAOZ,KAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACI,MAAA,OAAA,EAAA,MAAA;;mCAIK,CAAA,MAAA,EAAA;;YAOjB,EAAA,MAAA;qBACK,EAAA,MAAA;kBACM,EAAA,KAAA;SAC0B,EAAA,OAAA,EAAA,QAAA,GAAA,OAAA,EAAA,QAAA,GAAA,EAAA;iBACmR,EAAA,MAAA;aAC3S,EAAA,MAAA;QACjBA,cAAQ,CAAA,aAAA,CAAA,KAAA,EAAA;YACJ,EAAA,MAAA;MACN,OAER,EAAA,OAAA;AACN,MAAC,YAAA,EAAA,eAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,YAAY,EAAE,EAAE,GAAG,qBAmDpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,YAAY,EAAE,EAAE,GAAG,qBAqDpD"}

package/lib/components/InboxMessage/Popover/index.js

@@ -1,13 +1,16 @@
-import React__default from'react';import {Box,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function Popover({
+import React__default from'react';import {useTranslation}from'react-i18next';import {Box,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function Popover({
   toggleDrawer
 }) {
+  const {
+    t
+  } = useTranslation();
   const content = [{
-    name: 'All Conversations'
+    name: t('messenger_box_browser.all_conversations')
   }, {
-    name: 'Archived Conversations',
+    name: t('messenger_box_browser.archived_conversations'),
     total: '0'
   }, {
-    name: 'Unread Conversations',
+    name: t('messenger_box_browser.unread_conversations'),
     total: '0'
   }];
   return React__default.createElement("div", {
@@ -25,8 +28,8 @@ import React__default from'react';import {Box,Button}from'@chakra-ui/react';impo
         fontSize: "15px",
         color: "#282121",
         variant: "link",
-        bg: 'none',
-        height: '30px'
+        bg: "none",
+        height: "30px"
       }, item.name));
     } else {
       return React__default.createElement(Box, {
@@ -40,8 +43,8 @@ import React__default from'react';import {Box,Button}from'@chakra-ui/react';impo
         fontSize: "15px",
         color: "#282121",
         variant: "link",
-        bg: 'none',
-        height: '30px'
+        bg: "none",
+        height: "30px"
       }, item.name + `(${item.total})`));
     }
   }));

package/lib/components/InboxMessage/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+IAKc,SAAU,OAAO,CAAC;AAC5B,EAAA;AACI,CAAA,EAAA;AACI,EAAA,MAAA,OAAA,GAAM,CAAmB;AAC5B,IAAA,IAAA,EAAA,mBAAA;AACD,GAAA,EAAA;AACI,IAAA,IAAA,EAAA,wBAA8B;AAC9B,IAAA,KAAA,EAAA,GAAA;AACH,GAAA,EAAA;AACD,IAAA,IAAA,EAAA,sBAAA;AACI,IAAA,KAAA,EAAA,GAAA;AACA,GAAA,CAAA,CAAA;AACH,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACH,EAAA,GAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,YAAA,CAAA,CAAA;KACK,OACH;AAEQ,IAAA,IAAA,CAAA,IAAK,CAAA,KAAK,EAAA;AACN,MAAA,OAAAA,cAAA,CAAO,aACF,CAAA,GAAA,EAAA;AACG,QAAA,MAAA,EAAA;AAYX,UAAA,EAAA,EAAA,SAAA;AAAM,SAAA;AACH,QAAA,SAAA,EAAO,eACF;AACG,QAAA,GAAA,EAAA,KAAA;AAYX,OAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;QAGZ,MAAC,EAAA,MAAA;AACN,QAAC,QAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"0LAMc,SAAU,OAAO,CAAC;AAC5B,EAAA,YAAS;AAET,CAAA,EAAA;AACI,EAAA,MAAA;AACI,IAAA,CAAA;AACH,GAAA,GAAA,cAAA,EAAA,CAAA;AACD,EAAA,MAAA,OAAA,GAAA,CAAA;AACI,IAAA,IAAA,EAAA,CAAA,CAAA,yCAAQ,CAAA;AACR,GAAA,EAAA;AACH,IAAA,IAAA,EAAA,CAAA,CAAA,8CAAA,CAAA;AACD,IAAA,KAAA,EAAA,GAAA;AACI,GAAA,EAAA;AACA,IAAA,IAAA,EAAA,CAAA,CAAA,4CAAU,CAAA;AACb,IAAA,KAAA,EAAA,GAAA;KACJ;SACMA;AAGK,IAAA,SAAK,EAAA,GAAK,CAAA,UAAO,CAAA,mBAAA,CAAA,YAAA,CAAA,CAAA;AACb,GAAA,EAAA,OAAA,EAAA,GAAA,CAAA,CAAO,IACF,EAAA,KAAA,KAAA;AACG,IAAA,IAAA,CAAA,IAAA,CAAA,KAAA,EAAA;AAYX,MAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAM,QAAA,MAAA,EAAA;AACH,UAAA,EAAA,EAAA,SACK;AACG,SAAA;AAYX,QAAA,SAAA,EAAA,eAAA;QAGZ,GAAC,EAAA,KAAA;AACN,OAAC,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/UserModalContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,qBAmDnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,qBAqDnE"}

package/lib/components/InboxMessage/UserModalContent/index.js

@@ -1,7 +1,10 @@
-import*as React from'react';import {AiOutlineSecurityScan}from'react-icons/ai/index.js';import {FiCheck}from'react-icons/fi/index.js';import {BsFillStarFill}from'react-icons/bs/index.js';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function UserModalContent({
+import*as React from'react';import {useTranslation}from'react-i18next';import {AiOutlineSecurityScan}from'react-icons/ai';import {FiCheck}from'react-icons/fi';import {BsFillStarFill}from'react-icons/bs';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function UserModalContent({
   username,
   imageUrl
 }) {
+  const {
+    t
+  } = useTranslation();
   return React.createElement("div", {
     className: css(styleSheet.UserContentStyles)
   }, React.createElement("div", {
@@ -18,7 +21,7 @@ import*as React from'react';import {AiOutlineSecurityScan}from'react-icons/ai/in
     marginBottom: "10px"
   }), React.createElement("a", {
     href: "#"
-  }, "Update photo")), React.createElement(AiOutlineSecurityScan, {
+  }, t('messenger_box_browser.update_photo'))), React.createElement(AiOutlineSecurityScan, {
     style: {
       width: '24px',
       height: '24px',
@@ -26,31 +29,37 @@ import*as React from'react';import {AiOutlineSecurityScan}from'react-icons/ai/in
     }
   }), React.createElement("div", {
     className: "identify"
-  }, React.createElement("h3", null, "Identity verification"), React.createElement(Text, {
+  }, React.createElement("h3", null, t('messenger_box_browser.identity_verification')), React.createElement(Text, {
     as: "p",
     color: "black"
-  }, "Show others you\u2019re really you with the identity verification badge."), React.createElement(Button, {
+  }, t('messenger_box_browser.show_others_you_are_really_you')), React.createElement(Button, {
     className: "get-badge-btn",
     color: "black",
     bg: "transparent"
-  }, "Get the badge")), React.createElement("div", {
+  }, t('messenger_box_browser.get_the_badge'))), React.createElement("div", {
     className: "user-conformation"
-  }, React.createElement("h3", null, username, " confirmed "), React.createElement("div", {
+  }, React.createElement("h3", null, t('messenger_box_browser.username_confirmed', {
+    username: username
+  })), React.createElement("div", {
     className: "email-address"
   }, React.createElement(FiCheck, {
     color: "black"
   }), React.createElement(Text, {
     as: "p",
     color: "black"
-  }, "Email address")))), React.createElement("div", {
+  }, t('messenger_box_browser.email_address'))))), React.createElement("div", {
     className: "user-details"
   }, React.createElement("div", {
     className: "user"
-  }, React.createElement("h2", null, "Hi, I'm ", username), React.createElement(Text, {
+  }, React.createElement("h2", null, t('messenger_box_browser.hi_username', {
+    username: username
+  })), React.createElement(Text, {
     as: "p"
-  }, "Joined in 2021"), React.createElement("a", null, "Edit profile"), React.createElement("h3", null, React.createElement(BsFillStarFill, {
+  }, t('messenger_box_browser.joined_in_date', {
+    date: '2021'
+  })), React.createElement("a", null, t('messenger_box_browser.edit_profile')), React.createElement("h3", null, React.createElement(BsFillStarFill, {
     color: "black"
-  }), " Reviews")), React.createElement("div", {
+  }), t('messenger_box_browser.reviews'))), React.createElement("div", {
     className: "reviews"
-  }, React.createElement("a", null, "Reviews by you"))));
+  }, React.createElement("a", null, t('messenger_box_browser.reviews_by_you')))));
 }export{UserModalContent as default};//# sourceMappingURL=index.js.map

package/lib/components/InboxMessage/UserModalContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gTAQwB,SAAA,gBAAgB,CAAC;UAC9B;UAEM;;AAEG,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAC;AASD,IAAA,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,iBAAO,CAAA;AAEX,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAC;aACI,EAAA,WAAA;wBAC6B,CAAA,KAAA,EAAA;uBAC7B;AAGD,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;iBAIC;AACD,IAAA,GAAA,EAAA,QAAA,KAAA,EAAA,GAAA,QAAA,GAAA,EAAA;qBAAa,MAAA;AAAiB,IAAA,KAAA,EAAA,OAAA;mBACzB;AACD,IAAA,YAAA,EAAA,KAAA;AACA,IAAA,YAAA,EAAA,MAAA;WAMP,CAAA,aAAA,CAAA,GAAA,EAAA;aACI;AACD,GAAA,EAAA,cAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;;AAAa,MAAA,KAAA,EAAA,MAAA;AACb,MAAA,MAAA,EAAA,MAAA;oBACmB;AACnB,KAAA;AACI,GAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;wBAGH,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAmB,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACpB,IAAA,EAAA,EAAA,GAAA;AAKpB,IAAC,KAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gUASwB,SAAA,gBAAgB,CAAC;AACrC,EAAA,QAAM;UACC;;;AAIS,IAAA,CAAA;oBASG,EAAA,CAAA;AAEP,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA;aACK,EAAA,GAAA,CAAA,UAAA,CAAA,iBAAA,CAAA;AACD,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA,WAAA;AAGA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAIC,EAAA,QAAA;wBACI,CAAA,MAAA,EAAA;iBACA;AACD,IAAA,GAAA,EAAA,QAAA,KAAA,EAAA,GAAA,QAAA,GAAA,EAAC;AACD,IAAA,eAAA,EAAA,MAAA;SAMP,EAAA,OAAA;YACD,OAAK;gBACD,EAAK,KAAA;AACL,IAAA,YAAA,EAAA,MAAA;AACA,GAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACA,IAAA,IAAA,EAAA,GAAA;AACI,GAAA,EAAA,CAAA,CAAA,oCAAe,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,mCAAiB,EAAA;AAC/B,IAAA,KAAA,EAAA;aAGJ,MAAA;oBACG;AAKxB,MAAC,KAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAsBnD,MAAM,CAAC,OAAO,UAAU,YAAY,sBAuQnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,MAAM,CAAC,OAAO,UAAU,YAAY,sBAyQnC"}

package/lib/components/InboxMessage/index.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {useSelector}from'react-redux';import {Modal}from'react-bootstrap';import Select from'react-select';import {VscChromeClose}from'react-icons/vsc/index.js';import {AiOutlineMenu}from'react-icons/ai/index.js';import {indexOf}from'lodash-es';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {useGetMessagesQuery,useGetChannelsByUserQuery,useGetAllChannelQuery,useGetAllUsersQuery,useAddDirectChannelMutation}from'@messenger-box/platform-client';import Messages from'./Messages/index.js';import Popover from'./Popover/index.js';import InboxDetails from'./InboxDetails/index.js';import InboxSidebar from'./InboxSidebar/index.js';import {stylesheet}from'./style.js';function InboxMessage() {
+import React__default,{useState,useEffect}from'react';import {useSelector}from'react-redux';import {Modal}from'react-bootstrap';import Select from'react-select';import {useTranslation}from'react-i18next';import {VscChromeClose}from'react-icons/vsc';import {AiOutlineMenu}from'react-icons/ai';import {indexOf}from'lodash-es';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {useGetMessagesQuery,useGetChannelsByUserQuery,useGetAllChannelQuery,useGetAllUsersQuery,useAddDirectChannelMutation}from'@messenger-box/platform-client';import Messages from'./Messages/index.js';import Popover from'./Popover/index.js';import InboxDetails from'./InboxDetails/index.js';import InboxSidebar from'./InboxSidebar/index.js';import {stylesheet}from'./style.js';function InboxMessage() {
   const [id, setId] = useState();
   const [showMessageSide, setShowMessageSide] = useState(false);
   const [showPopover, setShowPopover] = useState(false);
@@ -24,6 +24,9 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
       channelId: '61a009978512232154f65a0c'
     }
   });
+  const {
+    t
+  } = useTranslation();
   const currentUserAuth0Id = useSelector(state => state.user.auth0UserId);
   const channelData = useGetChannelsByUserQuery();
   const allChannels = useGetAllChannelQuery();
@@ -171,7 +174,7 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     className: "header-section"
   }, React__default.createElement("div", {
     className: "allmessage-header"
-  }, React__default.createElement("h3", null, "Messages"), React__default.createElement(Button, {
+  }, React__default.createElement("h3", null, t('messenger_box_browser.messages')), React__default.createElement(Button, {
     as: "a",
     borderRadius: "50%",
     width: "30px",
@@ -208,7 +211,7 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
       display: 'flex',
       alignItems: 'center'
     }
-  }, React__default.createElement(Modal.Title, null, "Add Conversations"), React__default.createElement(VscChromeClose, {
+  }, React__default.createElement(Modal.Title, null, t('messenger_box_browser.add_conversations')), React__default.createElement(VscChromeClose, {
     onClick: () => handleClose(),
     fontSize: "16px",
     style: {
@@ -239,7 +242,7 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     onClick: handleGo
   }, "Go")), React__default.createElement("div", {
     className: "mid_line"
-  }, React__default.createElement("p", null, "Use \u2191\u2193 to browse, \u21B5 to select.", React__default.createElement("span", null, " ")))))))), React__default.createElement(Button, {
+  }, React__default.createElement("p", null, t('messenger_box_browser.use_browse_or_select'), React__default.createElement("span", null, " ")))))))), React__default.createElement(Button, {
     size: "large",
     className: "conversation-btn",
     backgroundColor: "#1890ff",
@@ -250,7 +253,7 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     variant: "outline",
     fontSize: "20px",
     onClick: () => setShowModal(true)
-  }, "Add Conversations"))), React__default.createElement("div", {
+  }, t('messenger_box_browser.add_conversations')))), React__default.createElement("div", {
     className: `msg-container${toggleDrawer ? '-active' : ''}`
   }, React__default.createElement("div", {
     className: "border"