@messenger-box/chakra-ui-inbox 7.2.1-alpha.2 → 7.2.4-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.2.4-alpha.0 (2024-07-19)
+
+### Bug Fixes
+
+-   **chakra-ui:** add dynamic routing to inbox ([b498358](https://github.com/CDEBase/messenger-box/commit/b4983589f3ac88ea26f01ffe4f8d5d1f539609ac))
+-   **chakra-ui:** chat screen and list design ([132f893](https://github.com/CDEBase/messenger-box/commit/132f893848b86ec54fd92e1fa637e93bffd5f5c1))
+-   **chakra-ui:** stick message inbox to bottom ([86d0df8](https://github.com/CDEBase/messenger-box/commit/86d0df8393e01a27eddbe2825616e7aa8dc62e15))
+-   **chakra:** update inbox to be mobile resposive ([2ae7331](https://github.com/CDEBase/messenger-box/commit/2ae7331a8ada5ed8167f6eb0b753e86b0784eadd))
+-   **inbox:** add missing scrollbar in conversation list ([1450141](https://github.com/CDEBase/messenger-box/commit/1450141e8cf3d99ed51940551715cec914752e70))
+-   **messenger:** failed image uploads in messages ([ee327aa](https://github.com/CDEBase/messenger-box/commit/ee327aaff25393c2452d81c71a39b725e8f16712))
+
+### Features
+
+-   add inbox right side bar slot ([a90e137](https://github.com/CDEBase/messenger-box/commit/a90e1370c010218c27b057526605e105f049cc5c))
+-   add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
+-   **chkra-ui:** move improved components from the pubngo repo to here ([0e1a7b1](https://github.com/CDEBase/messenger-box/commit/0e1a7b13373cb21f3c9ea2a3d9872022de69ea09))
+-   **messenger:** add filters to users channel query ([6b349c6](https://github.com/CDEBase/messenger-box/commit/6b349c6db204413dd3f5eb991f8fc8d80a0304a2))
+-   **messenger:** export components and containers to be used by ext repos ([2000aea](https://github.com/CDEBase/messenger-box/commit/2000aea37ff44c239b3fae0e6353db8f4d041c28))
+
+## [7.2.1-alpha.4](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.3...v7.2.1-alpha.4) (2024-07-16)
+
+**Note:** Version bump only for package @messenger-box/chakra-ui-inbox
+
 ## [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/chakra-ui-inbox

package/lib/compute.js

@@ -14,8 +14,9 @@ const messengerPageStore = [{
   ,
   componentPath: "@messenger-box/chakra-ui-inbox/lib/container/InboxWithLoader.js",
   hasComponent: true,
+  queryParamsGenerator: true,
   queries: {
-    GetChannelsByUserWithServiceChannelsDocument: "{role: params.role,criteria: params.criteria,supportServices: params.supportServices,supportServiceCriteria: params.supportServiceCriteria}",
+    GetChannelsByUserWithServiceChannelsDocument: "queryParamsGenerator_variable1",
     MessagesDocument: "{channelId: params.channelId,parentId: params.parentId,limit: params.limit}",
     ViewChannelDetailDocument: "{id: params.id}"
   }

package/lib/container/InboxWithLoader.d.ts

@@ -1,4 +1,15 @@
 import React from 'react';
+import { IRoomType } from '@messenger-box/platform-client';
+export declare const queryParamsGenerator: (params: any) => {
+    variable1: {
+        role: any;
+        criteria: any;
+        supportServices: boolean;
+        supportServiceCriteria: {
+            type: IRoomType;
+        };
+    };
+};
 declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=InboxWithLoader.d.ts.map

package/lib/container/InboxWithLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWithLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;AA4ExC,wBAA2C"}
+{"version":3,"file":"InboxWithLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAIH,SAAS,EACZ,MAAM,gCAAgC,CAAC;AAKxC,eAAO,MAAM,oBAAoB;;;;;;;;;CAS/B,CAAC;;AAsDH,wBAA2C"}

package/lib/container/InboxWithLoader.js

@@ -1,6 +1,16 @@
-import React__default from'react';import {useParams,Await}from'@remix-run/react';import {Spinner}from'@admin-layout/chakra-ui';import {Alert}from'@chakra-ui/react';import Inbox from'./Inbox.js';import {useGetChannelsByUserWithServiceChannelsQuery,IRoomType,useMessagesQuery,useViewChannelDetailQuery}from'@messenger-box/platform-client';import {config}from'../config/env-config.js';const {
+import React__default from'react';import {useParams,Await}from'@remix-run/react';import {Spinner}from'@admin-layout/chakra-ui';import {Alert}from'@chakra-ui/react';import Inbox from'./Inbox.js';import {IRoomType,useGetChannelsByUserWithServiceChannelsQuery,useMessagesQuery,useViewChannelDetailQuery}from'@messenger-box/platform-client';import {config}from'../config/env-config.js';const {
   MESSAGES_PER_PAGE
 } = config;
+const queryParamsGenerator = params => ({
+  variable1: {
+    role: params.channelRole,
+    criteria: params.channelFilters,
+    supportServices: params.supportServices ? true : false,
+    supportServiceCriteria: {
+      type: IRoomType.Service
+    }
+  }
+});
 const InboxWithLoader = props => {
   const {
     channelFilters: channelFilterProp,
@@ -17,14 +27,12 @@ const InboxWithLoader = props => {
     postId: pathPostId
   } = path || {};
   const GetChannelsByUserWithServiceChannelsLoaderQuery = useGetChannelsByUserWithServiceChannelsQuery({
-    variables: {
-      role: channelRole,
-      criteria: channelFilters,
-      supportServices: supportServices ? true : false,
-      supportServiceCriteria: {
-        type: IRoomType.Service
-      }
-    },
+    variables: queryParamsGenerator({
+      ...path,
+      channelRole,
+      channelFilters,
+      supportServices
+    }).variable1,
     fetchPolicy: 'cache-only'
   });
   const MessagesLoaderQuery = useMessagesQuery({
@@ -53,4 +61,4 @@ const InboxWithLoader = props => {
     ...props
   })));
 };
-var InboxWithLoader$1 = React__default.memo(InboxWithLoader);export{InboxWithLoader$1 as default};//# sourceMappingURL=InboxWithLoader.js.map
+var InboxWithLoader$1 = React__default.memo(InboxWithLoader);export{InboxWithLoader$1 as default,queryParamsGenerator};//# sourceMappingURL=InboxWithLoader.js.map

package/lib/container/InboxWithLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWithLoader.js","sources":["../../src/container/InboxWithLoader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"8XAeA,MAAM;AAEN,EAAA,iBAAqB;AACjB,CAAA,GAAA,MAAM,CAAE;AACR,MAAA,kBAAoB,KAAK,IAAG;AAE5B,EAAA,MAAA;AACA,IAAA,cAAY,EAAA,iBAAqB;IAEjC,WAAM;AACF,IAAA,eAAW;AACP,IAAA,UAAA;AACA,GAAA,GAAA,KAAA,CAAA;sBACe,GAAA;AACf,IAAA,GAAA,iBAAA;;AAEC,EAAA,MAAA,IAAA,GAAA,SAAA,EAAA,CAAA;AACJ,EAAA,MAAA;AACD,IAAA,EAAA,EAAA,aAAa;AAChB,IAAA,MAAE,EAAA,UAAA;MAEG,IAAA,IAAA,EAAA,CAAA;AACF,EAAA,MAAA,+CAAW,GAAA,4CAAA,CAAA;AACP,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA,WAAc;AACd,MAAA,QAAA,EAAA,cAAwB;qBACV,EAAA,eAAA,GAAA,IAAA,GAAA,KAAA;AACjB,MAAA,sBAAA,EAAA;QACD,IAAI,EAAE,SAAc,CAAA,OAAA;AACpB,OAAA;AACH,KAAA;IAED,WAAM,EAAA,YAAA;AACF,GAAA,CAAA,CAAA;AACI,EAAA,MAAA,mBAAI,GAAe,gBAAU,CAAA;AAChC,IAAA,SAAA,EAAA;AACD,MAAA,SAAA,EAAA,aAAyB,EAAA,QAAA,EAAA;AAC5B,MAAC,QAAC,EAAA,IAAA;MAEI,KAAA,EACF,iBAAA;AACG;;wBAG2B;iBACS,YAAA;AAC/B,GAAA,CAAA,CAAA;oCAGA,GACG,yBAAM,CAAA;;uBAEiB,EAAA,QAAA,EAAA;;AAEtB,IAAA,WAAA,EAAA,YACQ;AAK7B,GAAE,CAAA,CAAA;AACF,EAAA,OAAAA,cAAA,CAAe,aAAW,CAAAA,cAAA,CAAA,QAAiB,EAAA;;;;;;;;;;"}
+{"version":3,"file":"InboxWithLoader.js","sources":["../../src/container/InboxWithLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"8XAeA,MAAM;AAEN,EAAM,iBAA2B;AAC7B,CAAA,GAAA,MAAA,CAAA;AACQ,MAAA,oBAAoB,GAAA,MAAA,KAAA;WAChB,EAAA;QACR,EAAe,MAAA,CAAA,WAAQ;AACvB,IAAA,QAAA,EAAA,MAAA,CAAA,cAAwB;mBACL,EAAA,MAAA,CAAC,eAAO,GAAA,IAAA,GAAA,KAAA;AAC1B,IAAA,sBAAA,EAAA;AACJ,MAAA,IAAA,EAAA,SAAA,CAAA,OAAA;AACJ,KAAE;AAEH,GAAA;AACI,CAAA,EAAA;AACA,MAAA,kBAAoB,KAAK,IAAG;AAE5B,EAAA,MAAA;AACA,IAAA,cAAY,EAAA,iBAAqB;IAEjC,WAAM;AACF,IAAA,eAAW;AACX,IAAA,UAAA;AACH,GAAA,GAAC,KAAC,CAAA;QAEG,cAAA,GAAA;AACF,IAAA,GAAA,iBAAW;AACP,GAAA,CAAA;AACA,EAAA,MAAA,IAAA,GAAA,SAAc,EAAA,CAAA;AACd,EAAA,MAAA;qBACc;AACjB,IAAA,MAAA,EAAA,UAAA;UACG,IAAE,EAAc,CAAA;AACpB,EAAA,MAAA,+CAAyB,GAAA,4CAAA,CAAA;AAC5B,IAAA,SAAE,EAAA,oBAAA,CAAA;MAEG,GAAA,IAAA;AACF,MAAA,WAAS;AACL,MAAA,cAAI;AACP,MAAA,eAAA;AACD,KAAA,CAAA,CAAA,SAAA;AACH,IAAA,WAAE,EAAA,YAAA;IAEH,CAAO;AAEC,EAAA,MAAA,mBAAA,mBACa,CAAO;;iBAEO,aAAA,EAAA,QAAA,EAAA;gBACnB,IAA4B;AAC/B,MAAA,KAAA,EAAA,iBACa;;;wBAKa;6BACS;AAC/B,GAAA,CAAA,CAAA;AAMrB,EAAE,MAAA,4BAAA,GAAA,yBAAA,CAAA;AACF,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;"}

package/lib/routes.json

@@ -13,8 +13,9 @@
       "path": "//inbox/:id?/:postId?",
       "componentPath": "@messenger-box/chakra-ui-inbox/lib/container/InboxWithLoader.js",
       "hasComponent": true,
+      "queryParamsGenerator": true,
       "queries": {
-        "GetChannelsByUserWithServiceChannelsDocument": "{role: params.role,criteria: params.criteria,supportServices: params.supportServices,supportServiceCriteria: params.supportServiceCriteria}",
+        "GetChannelsByUserWithServiceChannelsDocument": "queryParamsGenerator_variable1",
         "MessagesDocument": "{channelId: params.channelId,parentId: params.parentId,limit: params.limit}",
         "ViewChannelDetailDocument": "{id: params.id}"
       }

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@messenger-box/chakra-ui-inbox",
-    "version": "7.2.1-alpha.2",
+    "version": "7.2.4-alpha.0",
     "description": "Account browser",
     "license": "ISC",
     "author": "CDMBase LLC",
+    "type": "module",
     "main": "lib/index.js",
     "module": "lib/index.js",
-    "type": "module",
     "typings": "lib/index.d.ts",
     "scripts": {
         "build": "npm run build:clean && npm run build:lib",
@@ -21,8 +21,8 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@messenger-box/core": "7.2.1-alpha.0",
-        "@messenger-box/platform-client": "7.2.1-alpha.2",
+        "@messenger-box/core": "7.2.4-alpha.0",
+        "@messenger-box/platform-client": "7.2.4-alpha.0",
         "date-fns": "^2.28.0",
         "date-fns-tz": "^1.3.3",
         "emoji-mart": "^3.0.1",
@@ -56,5 +56,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "df3e29afeeddb479e2d53658d89d2b0169c7ff9f"
+    "gitHead": "bc82c169b69625c6473614ed03668ebec9776820"
 }

package/src/container/InboxWithLoader.tsx

@@ -15,6 +15,17 @@ import { config } from '../config';
 
 const { MESSAGES_PER_PAGE } = config;
 
+export const queryParamsGenerator = (params) => ({
+    variable1: {
+        role: params.channelRole,
+        criteria: params.channelFilters,
+        supportServices: params.supportServices ? true : false,
+        supportServiceCriteria: {
+            type: IRoomType.Service,
+        },
+    },
+});
+
 const InboxWithLoader = (props) => {
     const { channelFilters: channelFilterProp, channelRole, supportServices, pathPrefix } = props;
     const channelFilters = { ...channelFilterProp };
@@ -23,14 +34,7 @@ const InboxWithLoader = (props) => {
     const { id: pathChannelId, postId: pathPostId } = path || {};
 
     const GetChannelsByUserWithServiceChannelsLoaderQuery = useGetChannelsByUserWithServiceChannelsQuery({
-        variables: {
-            role: channelRole,
-            criteria: channelFilters,
-            supportServices: supportServices ? true : false,
-            supportServiceCriteria: {
-                type: IRoomType.Service,
-            },
-        },
+        variables: queryParamsGenerator({ ...path, channelRole, channelFilters, supportServices }).variable1,
         fetchPolicy: 'cache-only',
     });