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

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.
 
+## [10.0.3-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.4...v10.0.3-alpha.5) (2025-02-25)
+
+**Note:** Version bump only for package @messenger-box/platform-mobile
+
+## [10.0.3-alpha.0](https://github.com/cdmbase/messenger-box/compare/v10.0.2-alpha.6...v10.0.3-alpha.0) (2025-02-24)
+
+**Note:** Version bump only for package @messenger-box/platform-mobile
+
 ## [10.0.2-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.4...v10.0.2-alpha.5) (2025-02-24)
 
 **Note:** Version bump only for package @messenger-box/platform-mobile

package/lib/compute.js

@@ -1,8 +1,8 @@
-import { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js'; /* eslint-disable import/no-extraneous-dependencies */
+import { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
 const inboxPageStore = [{
-  key: 'message',
-  path: '/message',
-  name: 'Message',
+  key: "message",
+  path: "/message",
+  name: "Message",
   exact: true,
   props: {
     initialParams: {
@@ -12,7 +12,7 @@ const inboxPageStore = [{
     },
     options: {
       headerShown: true,
-      title: 'Inbox',
+      title: "Inbox",
       headerBackTitleVisible: false,
       gestureEnabled: false,
       swipeEnabled: false
@@ -21,9 +21,9 @@ const inboxPageStore = [{
   componentPath: "@messenger-box/platform-mobile/lib/screens/inbox/DialogMessages.js",
   hasComponent: true
 }, {
-  key: 'thread',
-  path: '/thread',
-  name: 'Thread',
+  key: "thread",
+  path: "/thread",
+  name: "Thread",
   exact: true,
   props: {
     initialParams: {
@@ -33,7 +33,7 @@ const inboxPageStore = [{
     },
     options: {
       headerShown: true,
-      title: 'Thread',
+      title: "Thread",
       headerBackTitleVisible: false,
       gestureEnabled: false,
       swipeEnabled: false
@@ -46,9 +46,9 @@ const inboxPageStore = [{
     ThreadMessagesDocument: "{channelId: params.channelId,role: params.role,limit: params.limit,repliesLimit2: 5}"
   }
 }, {
-  key: 'threadmessage',
-  path: '/threadmessage',
-  name: 'ThreadMessage',
+  key: "threadmessage",
+  path: "/threadmessage",
+  name: "ThreadMessage",
   exact: true,
   props: {
     initialParams: {
@@ -59,7 +59,7 @@ const inboxPageStore = [{
     },
     options: {
       headerShown: true,
-      title: 'Inbox',
+      title: "Inbox",
       headerBackTitleVisible: false,
       gestureEnabled: false,
       swipeEnabled: false
@@ -71,6 +71,6 @@ const inboxPageStore = [{
     ViewChannelDetailDocument: "{id: params.id}"
   }
 }];
-const selectedRoutes = ['message', 'thread', 'threadmessage'];
+const selectedRoutes = ["message", "thread", "threadmessage"];
 const filteredRoutes = getFilteredRoutes(inboxPageStore, selectedRoutes);
 export { filteredRoutes, inboxPageStore }; //# sourceMappingURL=compute.js.map

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"uFAAA;AAKa,MAAA,cAAc,GAAiB,CAAA;AACxC,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,IAAA,EAAA,UAAc;AACd,EAAA,IAAA,EAAA,SAAgB;AAChB,EAAA,KAAA,EAAA;AACA,EAAA,SAAA,EAAK,MAAM,OAAA,mCAAA,CAAA;AACX,EAAA,KAAA,EAAA;AACA,IAAA,aAAO,EAAA;AACH,MAAA,SAAA,EAAA,IAAA;AACA,MAAA,IAAA,EAAA,IAAA;AACI,MAAA,mBAAA,EAAW;AACX,KAAA;AACA,IAAA,OAAA,EAAA;AACA,MAAA,WAAA,EAAA,IAAA;AACA,MAAA,KAAA,EAAA,OAAA;AACH,MAAA,sBAAA,EAAA,KAAA;AACJ,MAAA,cAAA,EAAA,KAAA;AACJ,MAAA,YAAA,EAAA;AACD;AACI;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,QAAc;AACd,EAAA,IAAA,EAAA,SAAW;AACX,EAAA,IAAA,EAAA,QAAA;AACA,EAAA,KAAA,EAAA,IAAK;AACD,EAAA,SAAA,EAAA,MAAA,OAAe,kCAA+B,CAAA;AAC9C,EAAA,KAAA,EAAA;AACI,IAAA,aAAA,EAAA;AACA,MAAA,SAAA,EAAA,IAAK;AACL,MAAA,YAAA,EAAA,IAAA;AACA,MAAA,IAAA,EAAA;AACA,KAAA;AACH,IAAA,OAAA,EAAA;AACJ,MAAA,WAAA,EAAA,IAAA;AACJ,MAAA,KAAA,EAAA,QAAA;AACD,MAAA,sBAAA,EAAA,KAAA;AACI,MAAA,cAAoB,EAAA,KAAA;AACpB,MAAA,YAAsB,EAAA;AACtB;AACA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,eAAO;AACH,EAAA,IAAA,EAAA,gBAAA;AACA,EAAA,IAAA,EAAA,eAAS;AACL,EAAA,KAAA,EAAA,IAAA;AACA,EAAA,SAAA,EAAA,MAAA,OAAc,yCAAA,CAAA;AACd,EAAA,KAAA,EAAA;AACA,IAAA,aAAA,EAAA;AACA,MAAA,SAAA,EAAA,IAAA;AACH,MAAA,YAAA,EAAA,IAAA;AACJ,MAAA,oBAAA,EAAA,IAAA;AACJ,MAAA,IAAA,EAAA;KACH;AAEF,IAAM,OAAA,EAAA;AAEN,MAAM,WAAA,EAAA,IAA+B;AAErC,MAAO,KAAgB,EAAA,OAAA;;;;;;;;"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';\nimport { IRouteData } from '@common-stack/client-react/lib/interfaces/router.js';\nimport { IPageStore } from '@adminide-stack/core/lib/interfaces/page-store.js';\n\nexport const inboxPageStore: IPageStore[] = [\n    {\n        key: 'message',\n        path: '/message',\n        name: 'Message',\n        exact: true,\n        component: () => import('./screens/inbox/DialogMessages'),\n        props: {\n            initialParams: { channelId: null, role: null, isShowThreadMessage: true },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'thread',\n        path: '/thread',\n        name: 'Thread',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreads'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Thread',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'threadmessage',\n        path: '/threadmessage',\n        name: 'ThreadMessage',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreadMessages'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, isPostParentIdThread: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n];\n\nconst selectedRoutes = ['message', 'thread','threadmessage'];\n\nconst filteredRoutes: IRouteData[] = getFilteredRoutes(inboxPageStore, selectedRoutes);\n\nexport { filteredRoutes };"],"names":[],"mappings":"uFAIO,MAAM,iBAA+B,CAAC;AAAA,EAC3C,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,UAAA;AAAA,EACN,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,mCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,MACN,mBAAqB,EAAA;AAAA,KACvB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,OAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAG,EAAA;AAAA,EACD,GAAK,EAAA,QAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,IAAM,EAAA,QAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,kCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,YAAc,EAAA,IAAA;AAAA,MACd,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,QAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAG,EAAA;AAAA,EACD,GAAK,EAAA,eAAA;AAAA,EACL,IAAM,EAAA,gBAAA;AAAA,EACN,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,yCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,YAAc,EAAA,IAAA;AAAA,MACd,oBAAsB,EAAA,IAAA;AAAA,MACtB,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,OAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAC;AACD,MAAM,cAAiB,GAAA,CAAC,SAAW,EAAA,QAAA,EAAU,eAAe,CAAA;AACtD,MAAA,cAAA,GAA+B,iBAAkB,CAAA,cAAA,EAAgB,cAAc"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"yUAIA,YAAe,IAAI,OAAO,CAAC,cAAc,CAAC"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import PlatformModule from './module';\n\nimport { Feature } from '@common-stack/client-react';\n\nexport default new Feature(PlatformModule);\n// export * from './navigation';\nexport * from './screens';\n"],"names":[],"mappings":"yUAEA,YAAe,IAAI,QAAQ,cAAc,CAAA"}

package/lib/module.js

@@ -1,5 +1,4 @@
-import {Feature}from'@common-stack/client-react';import {dataIdFromObject,schema,typePolicies}from'@messenger-box/platform-client';import {filteredRoutes}from'./compute.js';/* eslint-disable import/no-extraneous-dependencies */
-var PlatformModule = new Feature({
+import {Feature}from'@common-stack/client-react';import {typePolicies,schema,dataIdFromObject}from'@messenger-box/platform-client';import {filteredRoutes}from'./compute.js';var PlatformModule = new Feature({
   dataIdFromObject,
   clientStateParams: {
     typeDefs: schema,

package/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":[null],"names":[],"mappings":"6KAAA;AAKA,qBAAe,IAAI,OAAO,CAAC;kBACP;AAChB,EAAA,iBAAA,EAAiB;AACjB,IAAA,QAAA,EAAA,MAAkC;AACrC,IAAE;;;"}
+{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { Feature } from '@common-stack/client-react';\nimport { schema, typePolicies, dataIdFromObject }  from '@messenger-box/platform-client';\nimport {filteredRoutes} from './compute';\n\nexport default new Feature({\n    dataIdFromObject,\n    clientStateParams: { typeDefs: schema, typePolicies },\n    routeConfig: filteredRoutes as any,\n});\n"],"names":[],"mappings":"6KAIA,qBAAe,IAAI,OAAQ,CAAA;AAAA,EACzB,gBAAA;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,QAAU,EAAA,MAAA;AAAA,IACV;AAAA,GACF;AAAA,EACA,WAAa,EAAA;AACf,CAAC,CAAA"}

package/lib/screens/inbox/DialogMessages.js

@@ -1,21 +1,45 @@
-import {__rest}from'tslib';import*as React from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import {ConversationView}from'./containers/ConversationView.js';import {navigationRef}from'@common-stack/client-react';function DialogMessages(_a) {
-  var _b, _c;
-  var {
-      channelId,
-      role,
-      isShowThreadMessage = true
-    } = _a,
-    rest = __rest(_a, ["channelId", "role", "isShowThreadMessage"]);
-  const currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
-  return (
-    // <Box bg={'white'} flex={1} pt={5}>
-    React.createElement(Box, {
-      bg: '$white',
-      flex: 1
-    }, React.createElement(ConversationView, Object.assign({}, rest, {
-      channelId: (_c = (_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _b === void 0 ? void 0 : _b.channelId) !== null && _c !== void 0 ? _c : channelId,
-      role: role,
-      isShowThreadMessage: isShowThreadMessage
-    })))
-  );
+import*as React from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import {ConversationView}from'./containers/ConversationView.js';import {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function DialogMessages(_a) {
+  var _b = _a, {
+    channelId,
+    role,
+    isShowThreadMessage = true
+  } = _b, rest = __objRest(_b, [
+    "channelId",
+    "role",
+    "isShowThreadMessage"
+  ]);
+  var _a2, _b2, _c;
+  const currentRoute = navigationRef.isReady() ? (_a2 = navigationRef) == null ? void 0 : _a2.getCurrentRoute() : null;
+  return /* @__PURE__ */ React.createElement(Box, { bg: "$white", flex: 1 }, /* @__PURE__ */ React.createElement(ConversationView, __spreadProps(__spreadValues({}, rest), { channelId: (_c = (_b2 = currentRoute == null ? void 0 : currentRoute.params) == null ? void 0 : _b2.channelId) != null ? _c : channelId, role, isShowThreadMessage })));
 }export{DialogMessages,DialogMessages as default};//# sourceMappingURL=DialogMessages.js.map

package/lib/screens/inbox/DialogMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogMessages.js","sources":["../../../src/screens/inbox/DialogMessages.tsx"],"sourcesContent":[null],"names":[],"mappings":"kOAKM,SAAU,cAAc,CAAC,EAAwD,EAAA;;AAAxD,EAAA,IAAA;MACrB,SAAA;MACC,IAAA;MACkC,mBAAA,GAAA;KACpC,GAAA,EAAA;AACG,IAAA,IAAA,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,WAAiB,EAAA,MAAA,EAAA,qBACL,CAAA,CAAA;AAOxB,EAAC,MAAA,YAAA,GAAA,aAAA,CAAA,OAAA,EAAA,GAAA,aAAA,KAAA,IAAA,IAAA,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,eAAA,EAAA,GAAA,IAAA;AAED,EAAA;;;;;;;;;;;"}
+{"version":3,"file":"DialogMessages.js","sources":["../../../src/screens/inbox/DialogMessages.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ConversationView } from './containers/ConversationView';\nimport { navigationRef } from '@common-stack/client-react';\n\nexport function DialogMessages({ channelId, role, isShowThreadMessage = true, ...rest }) {\n    const currentRoute = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    return (\n        // <Box bg={'white'} flex={1} pt={5}>\n        <Box bg={'$white'} flex={1}>\n            <ConversationView\n                {...rest}\n                channelId={currentRoute?.params?.channelId ?? channelId}\n                role={role}\n                isShowThreadMessage={isShowThreadMessage}\n            />\n        </Box>\n    );\n}\n\nexport default DialogMessages;\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,eAAe,EAK5B,EAAA;AAL4B,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,mBAAsB,GAAA;AAAA,GAPxB,GAI+B,EAI1B,EAAA,IAAA,GAAA,SAAA,CAJ0B,EAI1B,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAPF,EAAA,IAAAA,KAAAC,GAAA,EAAA,EAAA;AAUE,EAAA,MAAM,eAAe,aAAc,CAAA,OAAA,MAAYD,GAAA,GAAA,aAAA,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAe,eAAoB,EAAA,GAAA,IAAA;AAClF,EAEE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,EAAI,EAAA,QAAA,EAAU,MAAM,CACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAqB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAArB,EAA2B,SAAA,EAAA,CAAW,MAAAC,GAAA,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,WAAd,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAsB,cAAtB,IAAmC,GAAA,EAAA,GAAA,SAAA,EAAW,IAAY,EAAA,mBAAA,EAAA,CAA0C,CAC/I,CAAA;AAER"}

package/lib/screens/inbox/DialogThreadMessages.js

@@ -10,69 +10,34 @@ import*as React from'react';import {Box,Spinner}from'@admin-layout/gluestack-ui-
     refetch
   } = useViewChannelDetailQuery({
     variables: {
-      id: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
+      id: channelId == null ? void 0 : channelId.toString()
     }
   });
-  useSendThreadMessageMutation();
+  const [sendThreadMessage] = useSendThreadMessageMutation();
   const [loading, setLoading] = React.useState(true);
   const [channel, setChannel] = React.useState(null);
   const [parentId, setParentId] = React.useState(postParentId);
-  React.useCallback(id => {
+  React.useCallback((id) => {
     return refetch({
-      id: id === null || id === void 0 ? void 0 : id.toString()
+      id: id == null ? void 0 : id.toString()
     });
   }, [channelId]);
   useFocusEffect(React.useCallback(() => {
-    // Do something when the screen is focused
-    if (channelId) refetch({
-      id: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
-    });
-    return () => {};
+    if (channelId)
+      refetch({
+        id: channelId == null ? void 0 : channelId.toString()
+      });
+    return () => {
+    };
   }, [channelId]));
   React.useEffect(() => {
     setParentId(postParentId);
   }, [postParentId]);
   React.useEffect(() => {
-    if (data === null || data === void 0 ? void 0 : data.viewChannelDetail) {
-      setChannel(data === null || data === void 0 ? void 0 : data.viewChannelDetail);
+    if (data == null ? void 0 : data.viewChannelDetail) {
+      setChannel(data == null ? void 0 : data.viewChannelDetail);
       setLoading(false);
     }
   }, [data]);
-  // React.useEffect(() => {
-  //     async function sendInitialMessage(channel: any) {
-  //         const content = `Welcome to ${channel?.title}`;
-  //         const createdBy = channel?.creator?.id;
-  //         await sendThreadMessage({
-  //             variables: {
-  //                 channelId,
-  //                 threadMessageInput: {
-  //                     content,
-  //                     role,
-  //                 },
-  //                 responderId: createdBy,
-  //             },
-  //             update: (cache, { data, errors }: any) => {
-  //                 if (!data) {
-  //                     return;
-  //                 }
-  //                 setParentId(data?.sendThreadMessage?.lastMessage?.id);
-  //             },
-  //         });
-  //     }
-  //     if ((!parentId || parentId == 0) && channel) {
-  //         sendInitialMessage(channel);
-  //     }
-  //     if (parentId) setLoading(false);
-  // }, [parentId, channel]);
-  return React.createElement(Box, {
-    bg: '$white',
-    flex: 1
-  }, loading ? React.createElement(Spinner, {
-    color: '$blue500'
-  }) : React.createElement(ThreadConversationView, {
-    channelId: channelId,
-    postParentId: parentId,
-    isPostParentIdThread: isPostParentIdThread,
-    role: role
-  }));
+  return /* @__PURE__ */ React.createElement(Box, { bg: "$white", flex: 1 }, loading ? /* @__PURE__ */ React.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React.createElement(ThreadConversationView, { channelId, postParentId: parentId, isPostParentIdThread, role }));
 }export{DialogThreadMessages,DialogThreadMessages as default};//# sourceMappingURL=DialogThreadMessages.js.map

package/lib/screens/inbox/DialogThreadMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogThreadMessages.js","sources":["../../../src/screens/inbox/DialogThreadMessages.tsx"],"sourcesContent":[null],"names":[],"mappings":"iUAQM,SAAU,oBAAoB,CAAC;WAC3B;AAKF,EAAA,YAAA;;AAEC,EAAA;AACJ,CAAA,EAAA;AAED,EAAA,MAAA;AACA,IAAA,IAAA;AACA,IAAA,OAAO,EAAA,cAAS;AAChB,IAAA;MAEM;AAEE,IAAA,SAAA,EAAO;AACX,MACA,EAAC,EAAS,SACb,KAAC,IAAA,IAAA,SAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA;AAEF;;AAGQ,EAAa,4BAAA;AAAE,EAAA,MAAA,CAAA,OAAA,EAAA,mBAAc,CAAA,QAAA,CAAA,IAAA,CAAA;AAC7B,EAAA,MAAA,CAAA,OAAU,EAAA,UAAM,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACpB,EAAA,MAAI,CAAA,QAAS,EAAE,WACjB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,YAAA,CAAA;AAEF,EAAqB,KAAA,CAAA,WAAA,CAAA,EAAA,IAAA;WACN,OAAA,CAAA;AACf,MAAG,EAAC,EAAY,EAAA,KAAA,IAAC,IAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA;AAEnB,KAAA,CAAA;eACQ,CAAI;gBACM,CAAA,KAAA,CAAC,WAAA,CAAA,MAAA;;QAEf,SAAC,EAAA,OAAA,CAAA;AACL,MAAG,EAAC,EAAI,SAAG,KAAA,IAAA,IAAA,SAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA;KAEe,CAAA;IAC1B,OAAwD,MAAA,EAAA;KACE,CAAA,SAAA,CAAA,CAAA,CAAA;OACR,CAAA,SAAA,CAAA,MAAA;IAClD,WAAoC,CAAA,YAAA,CAAA;KACT,CAAA,YAAA,CAAA,CAAA;OACE,CAAA,SAAA,CAAA,MAAA;IAC7B,IAAwC,IAAA,KAAA,IAAA,IAAA,IAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,iBAAA,EAAA;MACT,UAAA,CAAA,IAAA,KAAA,IAAA,IAAA,IAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,iBAAA,CAAA;MACH,UAAA,CAAA,KAAA,CAAA;;KAEc,CAAA,IAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAgC9C;AAEA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DialogThreadMessages.js","sources":["../../../src/screens/inbox/DialogThreadMessages.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box, Spinner, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { ThreadConversationView } from './containers/ThreadConversationView';\nimport { ThreadsView } from './containers/ThreadsView';\nimport { useViewChannelDetailQuery, useSendThreadMessageMutation } from 'common/lib/generated/generated.js';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { useSelector } from 'react-redux';\n\nexport function DialogThreadMessages({ channelId, postParentId, isPostParentIdThread, role }) {\n    const {\n        data,\n        loading: channelLoading,\n        refetch,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n\n    const [sendThreadMessage] = useSendThreadMessageMutation();\n    const [loading, setLoading] = React.useState<boolean>(true);\n    const [channel, setChannel] = React.useState<any>(null);\n    const [parentId, setParentId] = React.useState<any>(postParentId);\n\n    const refetchChannelDetail = React.useCallback(\n        (id: string) => {\n            return refetch({ id: id?.toString() });\n        },\n        [channelId],\n    );\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            if (channelId) refetch({ id: channelId?.toString() });\n            return () => {};\n        }, [channelId]),\n    );\n\n    React.useEffect(() => {\n        setParentId(postParentId);\n    }, [postParentId]);\n\n    React.useEffect(() => {\n        if (data?.viewChannelDetail) {\n            setChannel(data?.viewChannelDetail);\n            setLoading(false);\n        }\n    }, [data]);\n\n    // React.useEffect(() => {\n    //     async function sendInitialMessage(channel: any) {\n    //         const content = `Welcome to ${channel?.title}`;\n    //         const createdBy = channel?.creator?.id;\n    //         await sendThreadMessage({\n    //             variables: {\n    //                 channelId,\n    //                 threadMessageInput: {\n    //                     content,\n    //                     role,\n    //                 },\n    //                 responderId: createdBy,\n    //             },\n    //             update: (cache, { data, errors }: any) => {\n    //                 if (!data) {\n    //                     return;\n    //                 }\n    //                 setParentId(data?.sendThreadMessage?.lastMessage?.id);\n    //             },\n    //         });\n    //     }\n    //     if ((!parentId || parentId == 0) && channel) {\n    //         sendInitialMessage(channel);\n    //     }\n\n    //     if (parentId) setLoading(false);\n    // }, [parentId, channel]);\n\n    return (\n        <Box bg={'$white'} flex={1}>\n            {/* {loading && !parentId ? ( */}\n            {loading ? (\n                <Spinner color={'$blue500'} />\n            ) : (\n                <ThreadConversationView\n                    channelId={channelId}\n                    postParentId={parentId}\n                    isPostParentIdThread={isPostParentIdThread}\n                    role={role}\n                />\n            )}\n        </Box>\n    );\n}\n\nexport default DialogThreadMessages;\n"],"names":[],"mappings":"iUAOO,SAAS,oBAAqB,CAAA;AAAA,EACnC,SAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAG,EAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAS,EAAA,cAAA;AAAA,IACT;AAAA,MACE,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,IAAI,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA;AAAA;AACjB,GACD,CAAA;AACD,EAAM,MAAA,CAAC,iBAAiB,CAAA,GAAI,4BAA6B,EAAA;AACzD,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAkB,IAAI,CAAA;AAC1D,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAc,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAc,YAAY,CAAA;AAChE,EAA6B,KAAA,CAAM,WAAY,CAAA,CAAC,EAAe,KAAA;AAC7D,IAAA,OAAO,OAAQ,CAAA;AAAA,MACb,IAAI,EAAI,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA;AAAA,KACT,CAAA;AAAA,GACH,EAAG,CAAC,SAAS,CAAC;AACd,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AAErC,IAAI,IAAA,SAAA;AAAW,MAAQ,OAAA,CAAA;AAAA,QACrB,IAAI,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA;AAAA,OAChB,CAAA;AACD,IAAA,OAAO,MAAM;AAAA,KAAC;AAAA,GACb,EAAA,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,YAAY,CAAA;AAAA,GAC1B,EAAG,CAAC,YAAY,CAAC,CAAA;AACjB,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,6BAAM,iBAAmB,EAAA;AAC3B,MAAA,UAAA,CAAW,6BAAM,iBAAiB,CAAA;AAClC,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF,EAAG,CAAC,IAAI,CAAC,CAAA;AA8BT,EAAA,2CAAQ,GAAI,EAAA,EAAA,EAAA,EAAI,UAAU,IAAM,EAAA,CAAA,EAAA,EAErB,0BAAW,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,UAAY,EAAA,CAAA,uCAAM,sBAAuB,EAAA,EAAA,SAAA,EAAsB,cAAc,QAAU,EAAA,oBAAA,EAA4C,MAAY,CAC9K,CAAA;AACR"}

package/lib/screens/inbox/DialogThreads.js

@@ -12,7 +12,7 @@ function DialogThreads({
     refetch: channelRefetch
   } = useViewChannelDetailQuery({
     variables: {
-      id: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
+      id: channelId == null ? void 0 : channelId.toString()
     }
   });
   const {
@@ -23,84 +23,27 @@ function DialogThreads({
     subscribeToMore: threadsSubscribeToMore
   } = useThreadMessagesQuery({
     variables: {
-      channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
-      role: role === null || role === void 0 ? void 0 : role.toString(),
+      channelId: channelId == null ? void 0 : channelId.toString(),
+      role: role == null ? void 0 : role.toString(),
       limit: MESSAGES_PER_PAGE,
       repliesLimit2: 5
     }
-    // fetchPolicy: 'cache-and-network',
   });
   const channelsDetail = React.useMemo(() => {
-    if (!(channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail)) return null;
-    return channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail;
+    if (!(channelData == null ? void 0 : channelData.viewChannelDetail))
+      return null;
+    return channelData == null ? void 0 : channelData.viewChannelDetail;
   }, [channelData]);
-  const refetchChannelDetail = React.useCallback(id => {
+  const refetchChannelDetail = React.useCallback((id) => {
     return channelRefetch({
-      id: id === null || id === void 0 ? void 0 : id.toString()
+      id: id == null ? void 0 : id.toString()
     });
   }, [channelId]);
   useFocusEffect(React.useCallback(() => {
-    // Do something when the screen is focused
-    if (channelId) refetchChannelDetail(channelId);
-    return () => {};
+    if (channelId)
+      refetchChannelDetail(channelId);
+    return () => {
+    };
   }, []));
-  return (
-    // <Box bg={'white'} flex={1} pt={5}>
-    React.createElement(React.Fragment, null, channelLoading ? React.createElement(Spinner, {
-      color: '$blue500'
-    }) : React.createElement(React.Fragment, null, React.createElement(Box, {
-      flex: 1,
-      "$dark-borderColor": "$coolGray600",
-      "$dark-backgroundColor": "$trueGray700",
-      "$light-backgroundColor": "$trueGray50"
-    }, React.createElement(ThreadsView, {
-      data: threadsData,
-      loading: threadLoading,
-      refetch: threadsRefetch,
-      subscribeToMore: threadsSubscribeToMore,
-      error: threadsError,
-      channelId: channelId,
-      role: role,
-      channelsDetail: channelsDetail,
-      refetchChannelDetail: refetchChannelDetail
-    }))))
-  );
-  // return (
-  //     // <Box bg={'white'} flex={1} pt={5}>
-  //     <>
-  //         {channelLoading ? (
-  //             <Spinner />
-  //         ) : (
-  //             <>
-  //                 {postParentId || postParentId == 0 ? (
-  //                     <Box bg={'white'} flex={1}>
-  //                         <ThreadConversationView
-  //                             channelId={channelId}
-  //                             postParentId={postParentId}
-  //                             channelsDetail={channelsDetail}
-  //                             refetchChannelDetail={refetchChannelDetail}
-  //                         />
-  //                     </Box>
-  //                 ) : (
-  //                     <Box
-  //                         flex={1}
-  //                         _dark={{
-  //                             borderColor: 'coolGray.600',
-  //                             backgroundColor: 'gray.700',
-  //                         }}
-  //                         _light={{
-  //                             backgroundColor: 'gray.50',
-  //                         }}
-  //                     >
-  //                         <ThreadsView
-  //                             channelId={channelId}
-  //                             channelsDetail={channelsDetail}
-  //                             refetchChannelDetail={refetchChannelDetail}
-  //                         />
-  //                     </Box>
-  //                 )}
-  //             </>
-  //         )}
-  //     </>
-  // );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, channelLoading ? /* @__PURE__ */ React.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flex: 1, "$dark-borderColor": "$coolGray600", "$dark-backgroundColor": "$trueGray700", "$light-backgroundColor": "$trueGray50" }, /* @__PURE__ */ React.createElement(ThreadsView, { data: threadsData, loading: threadLoading, refetch: threadsRefetch, subscribeToMore: threadsSubscribeToMore, error: threadsError, channelId, role, channelsDetail, refetchChannelDetail }))));
 }export{DialogThreads,DialogThreads as default};//# sourceMappingURL=DialogThreads.js.map

package/lib/screens/inbox/DialogThreads.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogThreads.js","sources":["../../../src/screens/inbox/DialogThreads.tsx"],"sourcesContent":[null],"names":[],"mappings":"6UAQA,MAAM;AAEN,EAAM;AACF,CAAA,GAAA,MAAM;AAKF,SAAA,aAAW,CAAA;;AAEV,EAAA,YAAA;AACJ,EAAA;;AASG,EAAA,MAAA;qBACa;aACL,cAAE;AACN,IAAA,OAAA,EAAA;AACA,GAAA,GAAA,yBAAgB,CAAA;AACnB,IAAA,SAAA,EAAA;QACD,EAAoC,SAAA,KAAA,IAAA,IAAA,SAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA;AACvC;AAED,GAAA,CAAA;QACI;AAAqC,IAAA,IAAA,EAAA;AACrC,IAAA,OAAA,EAAA,aAAkB;AACtB,IAAA,KAAe,EAAA,YAAG;IAElB,OAAM,EAAA,cAAA;AAEE,IAAA,eAAqB,EAAA;AACzB,GAAA,GACA,sBACF,CAAA;AAEF,IAAA,SAAA,EAAA;eAEkD,EAAA,SAAA,KAAA,IAAA,IAAA,SAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA,EAAA;AAC1C,MAAA,IAAA,EAAI,IAAS,KAAA,IAAA,IAAA,IAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,QAAA,EAAA;aAAsB,iBAAA;AACnC,MAAA,aAAU,EAAI;AAClB;;IAIA;AACA,EAAA,MAAA,cAAA,GAAA,KAAA,CAAA,OAAA,CAAA,MAAA;QAKY,EAAC,WAAA,KAAA,IAAA,IACG,+BACkB,GAAc,WAAA,CAAA,iBAAA,CAAA,EAAA,OACI,IAAA;AAGpC,IAAA,OAAA,WAAA,KAAA,IAAA,eACI,KAAI,KAAa,CAAA,GAAA,KAAA,CACjB,cAAS,CAAA,iBACF;KAcpB,CAAA,WAAA,CAAA,CAAA;QACiC,oBAAA,GAAA,KAAA,CAAA,WAAA,CAAA,EAAA,IAAA;IAC5C,OAAS,cAAA,CAAA;MACqB,EAAA,EAAA,EAAA,KAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA;KACJ,CAAA;KACV,CAAA,SAAA,CAAA,CAAA;gBACC,CAAA,KAAA,CAAA,WAAA,CAAA,MAAA;;IAEjB,IAAkD,SAAA,EAAA,oBAAA,CAAA,SAAA,CAAA;IAClD,OAAkD,MAAA,EAAA;KACE,EAAA,CAAA,CAAA;;;IAGpD,KAA0E,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;MAC7C,KAAA,EAAA;KACA,CAAA,GAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;MACL,IAAA,EAAA,CAAA;MACG,mBAAA,EAAA,cAAA;MACQ,uBAAA,EAAA,cAAA;MACA,wBAAA,EAAA;KACwB,EAAA,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;MACA,IAAA,EAAA,WAAA;MAC9B,OAAA,EAAA,aAAA;MACO,OAAA,EAAA,cAAA;MACsB,eAAA,EAAA,sBAAA;MAC7B,KAAA,EAAA,YAAA;MACL,SAAA,EAAA,SAAA;MACe,IAAA,EAAA,IAAA;MACa,cAAA,EAAA,cAAA;MACU,oBAAA,EAAA;KACY,CAAA,CAAA,CAAA;;;;;;;;AAQ9E;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DialogThreads.js","sources":["../../../src/screens/inbox/DialogThreads.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box, Spinner, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { ThreadConversationView } from './containers/ThreadConversationView';\nimport { ThreadsView } from './containers/ThreadsView';\nimport { useViewChannelDetailQuery, useThreadMessagesQuery } from 'common/lib/generated/generated.js';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { useSelector } from 'react-redux';\nimport { config } from './config';\nconst { MESSAGES_PER_PAGE } = config;\n\nexport function DialogThreads({ channelId, postParentId, role }) {\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: channelRefetch,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n\n    const {\n        data: threadsData,\n        loading: threadLoading,\n        error: threadsError,\n        refetch: threadsRefetch,\n        subscribeToMore: threadsSubscribeToMore,\n    } = useThreadMessagesQuery({\n        variables: {\n            channelId: channelId?.toString(),\n            role: role?.toString(),\n            limit: MESSAGES_PER_PAGE,\n            repliesLimit2: 5,\n        },\n        // fetchPolicy: 'cache-and-network',\n    });\n\n    const channelsDetail = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const refetchChannelDetail = React.useCallback(\n        (id: string) => {\n            return channelRefetch({ id: id?.toString() });\n        },\n        [channelId],\n    );\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            if (channelId) refetchChannelDetail(channelId);\n            return () => {};\n        }, []),\n    );\n\n    return (\n        // <Box bg={'white'} flex={1} pt={5}>\n        <>\n            {channelLoading ? (\n                <Spinner color={'$blue500'} />\n            ) : (\n                <>\n                    <Box\n                        flex={1}\n                        $dark-borderColor=\"$coolGray600\"\n                        $dark-backgroundColor=\"$trueGray700\"\n                        $light-backgroundColor=\"$trueGray50\"\n                    >\n                        <ThreadsView\n                            data={threadsData}\n                            loading={threadLoading}\n                            refetch={threadsRefetch}\n                            subscribeToMore={threadsSubscribeToMore}\n                            error={threadsError}\n                            channelId={channelId}\n                            role={role}\n                            channelsDetail={channelsDetail}\n                            refetchChannelDetail={refetchChannelDetail}\n                        />\n                    </Box>\n                </>\n            )}\n        </>\n    );\n\n    // return (\n    //     // <Box bg={'white'} flex={1} pt={5}>\n    //     <>\n    //         {channelLoading ? (\n    //             <Spinner />\n    //         ) : (\n    //             <>\n    //                 {postParentId || postParentId == 0 ? (\n    //                     <Box bg={'white'} flex={1}>\n    //                         <ThreadConversationView\n    //                             channelId={channelId}\n    //                             postParentId={postParentId}\n    //                             channelsDetail={channelsDetail}\n    //                             refetchChannelDetail={refetchChannelDetail}\n    //                         />\n    //                     </Box>\n    //                 ) : (\n    //                     <Box\n    //                         flex={1}\n    //                         _dark={{\n    //                             borderColor: 'coolGray.600',\n    //                             backgroundColor: 'gray.700',\n    //                         }}\n    //                         _light={{\n    //                             backgroundColor: 'gray.50',\n    //                         }}\n    //                     >\n    //                         <ThreadsView\n    //                             channelId={channelId}\n    //                             channelsDetail={channelsDetail}\n    //                             refetchChannelDetail={refetchChannelDetail}\n    //                         />\n    //                     </Box>\n    //                 )}\n    //             </>\n    //         )}\n    //     </>\n    // );\n}\n\nexport default DialogThreads;\n"],"names":[],"mappings":"6UAQA,MAAM;AAAA,EACJ;AACF,CAAI,GAAA,MAAA;AACG,SAAS,aAAc,CAAA;AAAA,EAC5B,SAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAG,EAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,WAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACP,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,IAAI,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA;AAAA;AACjB,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,WAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,IACT,KAAO,EAAA,YAAA;AAAA,IACP,OAAS,EAAA,cAAA;AAAA,IACT,eAAiB,EAAA;AAAA,MACf,sBAAuB,CAAA;AAAA,IACzB,SAAW,EAAA;AAAA,MACT,WAAW,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA,EAAA;AAAA,MACtB,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,QAAA,EAAA;AAAA,MACZ,KAAO,EAAA,iBAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GAED,CAAA;AACD,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,OAAA,CAAQ,MAAM;AACzC,IAAA,IAAI,EAAC,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA,CAAA;AAAmB,MAAO,OAAA,IAAA;AAC5C,IAAA,OAAO,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA;AAAA,GACtB,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAA,MAAM,oBAAuB,GAAA,KAAA,CAAM,WAAY,CAAA,CAAC,EAAe,KAAA;AAC7D,IAAA,OAAO,cAAe,CAAA;AAAA,MACpB,IAAI,EAAI,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA;AAAA,KACT,CAAA;AAAA,GACH,EAAG,CAAC,SAAS,CAAC,CAAA;AACd,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AAErC,IAAI,IAAA,SAAA;AAAW,MAAA,oBAAA,CAAqB,SAAS,CAAA;AAC7C,IAAA,OAAO,MAAM;AAAA,KAAC;AAAA,GAChB,EAAG,EAAE,CAAC,CAAA;AACN,EAAA,iEAGW,cAAiB,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAY,CAAK,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,MAAM,CAAG,EAAA,mBAAA,EAAkB,cAAe,EAAA,uBAAA,EAAsB,gBAAe,wBAAuB,EAAA,aAAA,EAAA,kBACtG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,MAAM,WAAa,EAAA,OAAA,EAAS,aAAe,EAAA,OAAA,EAAS,gBAAgB,eAAiB,EAAA,sBAAA,EAAwB,KAAO,EAAA,YAAA,EAAc,WAAsB,IAAY,EAAA,cAAA,EAAgC,oBAA4C,EAAA,CACjQ,CACJ,CACR,CAAA;AAyCR"}

package/lib/screens/inbox/Inbox.js

@@ -1,15 +1,24 @@
-import*as React from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import {Dialogs}from'./containers/Dialogs.js';// import { SupportServiceDialogs } from './containers/SupportServiceDialogs';
-const Inbox = props => {
+import*as React from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import {Dialogs}from'./containers/Dialogs.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const Inbox = (props) => {
   const {
     channelFilters,
     channelRole,
     supportServices
   } = props;
-  return React.createElement(Box, {
-    bg: '$white',
-    flex: 1
-  }, React.createElement(Dialogs, Object.assign({
-    channelFilters: channelFilters,
-    channelRole: channelRole
-  }, props)));
+  return /* @__PURE__ */ React.createElement(Box, { bg: "$white", flex: 1 }, /* @__PURE__ */ React.createElement(Dialogs, __spreadValues({ channelFilters, channelRole }, props)));
 };export{Inbox};//# sourceMappingURL=Inbox.js.map

package/lib/screens/inbox/Inbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inbox.js","sources":["../../../src/screens/inbox/Inbox.tsx"],"sourcesContent":[null],"names":[],"mappings":"8HAIA;AAEa,MAAA,KAAK,GAAG,KAAC,IAAc;QAC1B;IACN,cACK;AAIG,IAAA,WAAA;AAGZ,IAAE;;;;;;;;;"}
+{"version":3,"file":"Inbox.js","sources":["../../../src/screens/inbox/Inbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box, Text } from '@admin-layout/gluestack-ui-mobile';\n\nimport { Dialogs } from './containers/Dialogs';\n// import { SupportServiceDialogs } from './containers/SupportServiceDialogs';\n\nexport const Inbox = (props: any) => {\n    const { channelFilters, channelRole, supportServices } = props;\n    return (\n        <Box bg={'$white'} flex={1}>\n            {/* {supportServices && (\n                <SupportServiceDialogs channelFilters={channelFilters} channelRole={channelRole} {...props} />\n            )} */}\n            <Dialogs channelFilters={channelFilters} channelRole={channelRole} {...props} />\n        </Box>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKa,MAAA,KAAA,GAAQ,CAAC,KAAe,KAAA;AACnC,EAAM,MAAA;AAAA,IACJ,cAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,QAAU,EAAA,IAAA,EAAM,CAItB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,cAAA,CAAA,EAAA,cAAA,EAAgC,WAA8B,EAAA,EAAA,KAAA,CAAO,CAClF,CAAA;AACR"}

package/lib/screens/inbox/components/CachedImage/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sources":["../../../../../src/screens/inbox/components/CachedImage/consts.ts"],"sourcesContent":[null],"names":[],"mappings":"kDAEa,kBAAkB,GAAG,GAAG,UAAU,CAAC,cAAc,CAAA"}
+{"version":3,"file":"consts.js","sources":["../../../../../src/screens/inbox/components/CachedImage/consts.ts"],"sourcesContent":["import * as FileSystem from \"expo-file-system\"\n\nexport const IMAGE_CACHE_FOLDER = `${FileSystem.cacheDirectory}`\n// export const IMAGE_CACHE_FOLDER = `${FileSystem.documentDirectory}images/`\nexport default IMAGE_CACHE_FOLDER\n"],"names":[],"mappings":"4CACa,MAAA,kBAAA,GAAqB,GAAG,UAAW,CAAA,cAAA,CAAA"}

package/lib/screens/inbox/components/CachedImage/index.js

@@ -1,4 +1,23 @@
-import {__awaiter}from'tslib';import React__default,{useState,useRef,useEffect}from'react';import {Image}from'react-native';import*as FileSystem from'expo-file-system';import {IMAGE_CACHE_FOLDER}from'./consts.js';const CachedImage = props => {
+import React__default,{useState,useRef,useEffect}from'react';import {Image}from'react-native';import*as FileSystem from'expo-file-system';import {IMAGE_CACHE_FOLDER}from'./consts.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const CachedImage = (props) => {
   const {
     source,
     cacheKey,
@@ -15,12 +34,12 @@ import {__awaiter}from'tslib';import React__default,{useState,useRef,useEffect}f
   const requestOption = headers ? {
     headers
   } : {};
-  const _callback = downloadProgress => {
+  const _callback = (downloadProgress) => {
     if (componentIsMounted.current === false) {
       downloadResumableRef.current.pauseAsync();
       FileSystem.deleteAsync(fileURI, {
         idempotent: true
-      }); // delete file locally if it was not downloaded properly
+      });
     }
   };
   const downloadResumableRef = useRef(FileSystem.createDownloadResumable(uri, fileURI, requestOption, _callback));
@@ -29,47 +48,42 @@ import {__awaiter}from'tslib';import React__default,{useState,useRef,useEffect}f
     return () => {
       componentIsMounted.current = false;
     };
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-  const loadImage = () => __awaiter(void 0, void 0, void 0, function* () {
+  }, []);
+  const loadImage = async () => {
     try {
-      // Use the cached image if it exists
-      const metadata = yield FileSystem.getInfoAsync(fileURI);
-      const expired = expiresIn && new Date().getTime() / 1000 - (metadata === null || metadata === void 0 ? void 0 : metadata.modificationTime) > expiresIn;
-      // console.log({expiresIn, expired})
-      // console.log({modificationTime: metadata.modificationTime, currentTime: new Date().getTime() / 1000})
-      // console.log({metadata})
-      if (!metadata.exists || (metadata === null || metadata === void 0 ? void 0 : metadata.size) === 0 || expired) {
+      const metadata = await FileSystem.getInfoAsync(fileURI);
+      const expired = expiresIn && new Date().getTime() / 1e3 - (metadata == null ? void 0 : metadata.modificationTime) > expiresIn;
+      if (!metadata.exists || (metadata == null ? void 0 : metadata.size) === 0 || expired) {
         if (componentIsMounted.current) {
           setImgUri(null);
           if (expired) {
-            yield FileSystem.deleteAsync(fileURI, {
+            await FileSystem.deleteAsync(fileURI, {
               idempotent: true
             });
           }
-          // download to cache
           setImgUri(null);
-          const response = yield downloadResumableRef.current.downloadAsync();
+          const response = await downloadResumableRef.current.downloadAsync();
           if (componentIsMounted.current && response.status === 200) {
-            setImgUri(`${fileURI}?`); // deep clone to force re-render
+            setImgUri(`${fileURI}?`);
           }
           if (response.status !== 200) {
             FileSystem.deleteAsync(fileURI, {
               idempotent: true
-            }); // delete file locally if it was not downloaded properly
+            });
           }
         }
       }
     } catch (err) {
-      // console.log({ err })
     }
-  });
-  // console.log({placeholderContent})
-  if (!imgUri) return placeholderContent || null;
-  return React__default.createElement(Image
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , Object.assign({}, props, {
-    source: Object.assign(Object.assign({}, source), {
-      uri: imgUri
+  };
+  if (!imgUri)
+    return placeholderContent || null;
+  return /* @__PURE__ */ React__default.createElement(
+    Image,
+    __spreadProps(__spreadValues({}, props), {
+      source: __spreadProps(__spreadValues({}, source), {
+        uri: imgUri
+      })
     })
-  }));
+  );
 };export{CachedImage as default};//# sourceMappingURL=index.js.map