@messenger-box/tailwind-ui-inbox 10.0.3-alpha.0

package/lib/container/InboxWithLoader.js

@@ -0,0 +1,277 @@
+import React__default,{useMemo,useCallback}from'react';import {useParams}from'@remix-run/react';import Inbox from'./Inbox.js';import {useGetChannelsByUserQuery,useMessagesQuery,useViewChannelDetailQuery}from'common/graphql';import {RoomType}from'common';import {config}from'../config/env-config.js';const {
+  MESSAGES_PER_PAGE
+} = config;
+// Enhanced query parameters generator with better typing and flexibility
+const queryParamsGenerator = params => ({
+  variable1: {
+    role: params.role,
+    criteria: {
+      ...params.criteria,
+      ...(params.orgName && {
+        orgName: params.orgName
+      })
+    },
+    supportServices: params.supportServices ? true : false,
+    supportServiceCriteria: params.supportServices ? {
+      type: RoomType.Service
+    } : undefined,
+    orderBy: {
+      lastPostAt: 'desc'
+    }
+  }
+});
+// Enhanced Skeleton Components
+const InboxSkeleton = React__default.memo(({
+  showRightSidebar = false
+}) => React__default.createElement("div", {
+  className: "h-full border-t border-gray-300 flex overflow-hidden animate-pulse",
+  style: {
+    height: '100vh !important'
+  }
+}, React__default.createElement("div", {
+  className: "flex-shrink-0 w-full md:w-80 lg:w-96 xl:w-[420px] bg-gray-50 border-r border-gray-300 overflow-hidden"
+}, React__default.createElement("div", {
+  className: "p-4 border-b border-gray-200"
+}, React__default.createElement("div", {
+  className: "flex items-center justify-between mb-4"
+}, React__default.createElement("div", {
+  className: "h-6 bg-gray-300 rounded w-24"
+}), React__default.createElement("div", {
+  className: "h-8 w-8 bg-gray-300 rounded-full"
+})), React__default.createElement("div", {
+  className: "h-10 bg-gray-300 rounded-lg w-full"
+})), React__default.createElement("div", {
+  className: "p-4 space-y-3"
+}, Array.from({
+  length: 8
+}).map((_, index) => React__default.createElement("div", {
+  key: index,
+  className: "flex items-center space-x-3 p-3 rounded-lg"
+}, React__default.createElement("div", {
+  className: "h-12 w-12 bg-gray-300 rounded-full flex-shrink-0"
+}), React__default.createElement("div", {
+  className: "flex-1 min-w-0"
+}, React__default.createElement("div", {
+  className: "h-4 bg-gray-300 rounded w-3/4 mb-2"
+}), React__default.createElement("div", {
+  className: "h-3 bg-gray-200 rounded w-full"
+})), React__default.createElement("div", {
+  className: "flex flex-col items-end space-y-1"
+}, React__default.createElement("div", {
+  className: "h-3 bg-gray-200 rounded w-12"
+}), React__default.createElement("div", {
+  className: "h-4 w-4 bg-gray-300 rounded-full"
+})))))), React__default.createElement("div", {
+  className: "flex-1 min-w-0 overflow-hidden"
+}, React__default.createElement("div", {
+  className: "flex h-full"
+}, React__default.createElement("div", {
+  className: "flex-1 flex flex-col"
+}, React__default.createElement("div", {
+  className: "px-6 py-4 border-b border-gray-200 bg-white flex-shrink-0"
+}, React__default.createElement("div", {
+  className: "flex items-center justify-between"
+}, React__default.createElement("div", {
+  className: "h-6 bg-gray-300 rounded w-32"
+}), React__default.createElement("div", {
+  className: "h-8 bg-gray-300 rounded w-20"
+}))), React__default.createElement("div", {
+  className: "flex-1 p-4 space-y-4 overflow-hidden"
+}, Array.from({
+  length: 6
+}).map((_, index) => React__default.createElement("div", {
+  key: index,
+  className: `flex ${index % 2 === 0 ? 'justify-start' : 'justify-end'}`
+}, React__default.createElement("div", {
+  className: `flex items-start space-x-2 max-w-xs lg:max-w-md ${index % 2 === 0 ? '' : 'flex-row-reverse space-x-reverse'}`
+}, index % 2 === 0 && React__default.createElement("div", {
+  className: "h-8 w-8 bg-gray-300 rounded-full flex-shrink-0"
+}), React__default.createElement("div", {
+  className: `px-4 py-2 rounded-lg ${index % 2 === 0 ? 'bg-gray-200' : 'bg-gray-300'}`
+}, React__default.createElement("div", {
+  className: "h-4 bg-gray-400 rounded w-32 mb-1"
+}), React__default.createElement("div", {
+  className: "h-3 bg-gray-400 rounded w-20"
+})))))), React__default.createElement("div", {
+  className: "p-4 border-t border-gray-200 bg-white"
+}, React__default.createElement("div", {
+  className: "flex items-center space-x-2"
+}, React__default.createElement("div", {
+  className: "h-10 bg-gray-300 rounded-full w-10"
+}), React__default.createElement("div", {
+  className: "flex-1 h-10 bg-gray-300 rounded-lg"
+}), React__default.createElement("div", {
+  className: "h-10 w-10 bg-gray-300 rounded-full"
+})))), showRightSidebar && React__default.createElement("div", {
+  className: "hidden xl:block w-72 lg:w-80 xl:w-96 border-l border-gray-200 bg-white flex-shrink-0"
+}, React__default.createElement("div", {
+  className: "p-4"
+}, React__default.createElement("div", {
+  className: "h-6 bg-gray-300 rounded w-24 mb-4"
+}), React__default.createElement("div", {
+  className: "space-y-3"
+}, Array.from({
+  length: 4
+}).map((_, index) => React__default.createElement("div", {
+  key: index,
+  className: "p-3 border border-gray-200 rounded-lg"
+}, React__default.createElement("div", {
+  className: "h-4 bg-gray-300 rounded w-3/4 mb-2"
+}), React__default.createElement("div", {
+  className: "h-3 bg-gray-200 rounded w-full mb-1"
+}), React__default.createElement("div", {
+  className: "h-3 bg-gray-200 rounded w-2/3"
+}))))))))));
+React__default.memo(() => React__default.createElement("div", {
+  className: "flex items-center justify-center min-h-screen"
+}, React__default.createElement("div", {
+  className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"
+})));
+const TailwindAlert = React__default.memo(({
+  children
+}) => React__default.createElement("div", {
+  className: "flex items-center justify-center min-h-screen"
+}, React__default.createElement("div", {
+  className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative max-w-md mx-auto",
+  role: "alert"
+}, React__default.createElement("span", {
+  className: "block sm:inline"
+}, children))));
+const InboxWithLoader = props => {
+  const {
+    channelFilters: channelFilterProp,
+    channelRole: channelRoleProp,
+    supportServices,
+    pathPrefix
+  } = props;
+  const {
+    orgName,
+    channelRole: channelRoleParam
+  } = useParams();
+  const channelRole = channelRoleParam || channelRoleProp;
+  // Create new props object with orgName instead of mutating original props
+  const inboxProps = useMemo(() => ({
+    ...props,
+    orgName: orgName || '',
+    pathPrefix: pathPrefix || ''
+  }), [props, orgName, pathPrefix]);
+  const {
+    id: pathChannelId
+  } = useParams();
+  // Enhanced query variables with better filtering and stable references
+  const channelsQueryVariables = useMemo(() => {
+    const channelFilters = {
+      ...channelFilterProp
+    };
+    const channelType = channelFilters?.type ?? RoomType.Direct;
+    const baseFilters = {
+      ...channelFilters,
+      type: supportServices ? [channelType, RoomType.Service] : channelType
+    };
+    return queryParamsGenerator({
+      role: channelRole,
+      criteria: baseFilters,
+      supportServices,
+      orgName: orgName || ''
+    }).variable1;
+  }, [channelRole, channelFilterProp, supportServices, orgName]);
+  const messagesQueryVariables = useMemo(() => ({
+    channelId: pathChannelId?.toString(),
+    parentId: null,
+    limit: MESSAGES_PER_PAGE
+  }), [pathChannelId]);
+  const channelDetailQueryVariables = useMemo(() => ({
+    id: pathChannelId?.toString()
+  }), [pathChannelId]);
+  // Enhanced Apollo queries with better cache policies and error handling
+  const channelsQuery = useGetChannelsByUserQuery({
+    variables: channelsQueryVariables,
+    fetchPolicy: 'cache-and-network',
+    // Better for real-time updates
+    errorPolicy: 'all',
+    notifyOnNetworkStatusChange: false,
+    returnPartialData: true,
+    // Add context for better cache management
+    context: {
+      cacheKey: 'channels-list'
+    }
+  });
+  const messagesQuery = useMessagesQuery({
+    variables: messagesQueryVariables,
+    skip: !pathChannelId,
+    fetchPolicy: 'cache-and-network',
+    // Better for real-time messaging
+    errorPolicy: 'all',
+    notifyOnNetworkStatusChange: true,
+    returnPartialData: true,
+    // Disable polling to allow subscriptions to work properly
+    pollInterval: 0,
+    // Add context for better cache management
+    context: {
+      cacheKey: 'messages-list'
+    }
+  });
+  const channelDetailQuery = useViewChannelDetailQuery({
+    variables: channelDetailQueryVariables,
+    skip: !pathChannelId,
+    fetchPolicy: 'cache-first',
+    // Channel details don't change often
+    errorPolicy: 'all',
+    notifyOnNetworkStatusChange: false,
+    // No need for real-time updates
+    returnPartialData: true,
+    // Add context for better cache management
+    context: {
+      cacheKey: 'channel-detail'
+    }
+  });
+  // Enhanced error handling with retry logic
+  const handleRetry = useCallback(() => {
+    if (channelsQuery.error) {
+      channelsQuery.refetch();
+    }
+    if (messagesQuery.error) {
+      messagesQuery.refetch();
+    }
+    if (channelDetailQuery.error) {
+      channelDetailQuery.refetch();
+    }
+  }, [channelsQuery, messagesQuery, channelDetailQuery]);
+  // Create loader data array for Inbox component with better error handling
+  const loaderData = useMemo(() => [channelsQuery, messagesQuery, channelDetailQuery], [channelsQuery, messagesQuery, channelDetailQuery]);
+  // Enhanced loading states with better UX
+  if (channelsQuery.loading && !pathChannelId && !channelsQuery.data) {
+    return React__default.createElement(InboxSkeleton, {
+      showRightSidebar: false
+    });
+  }
+  // Show skeleton during initial channel loading
+  if (pathChannelId && (messagesQuery.loading || channelDetailQuery.loading) && !messagesQuery.data && !channelDetailQuery.data) {
+    return React__default.createElement(InboxSkeleton, {
+      showRightSidebar: true
+    });
+  }
+  // Enhanced error handling with retry option
+  if (channelsQuery.error && !channelsQuery.data) {
+    return React__default.createElement("div", {
+      className: "flex flex-col items-center justify-center min-h-screen space-y-4"
+    }, React__default.createElement(TailwindAlert, null, "Error loading channels: ", channelsQuery.error.message), React__default.createElement("button", {
+      onClick: handleRetry,
+      className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+    }, "Retry"));
+  }
+  // Handle individual query errors gracefully
+  if (messagesQuery.error && !messagesQuery.data && pathChannelId) {
+    console.warn('Messages query error:', messagesQuery.error);
+  }
+  if (channelDetailQuery.error && !channelDetailQuery.data && pathChannelId) {
+    console.warn('Channel detail query error:', channelDetailQuery.error);
+  }
+  return React__default.createElement(Inbox, {
+    data: loaderData,
+    ...inboxProps
+  });
+};
+// Display name for debugging
+InboxWithLoader.displayName = 'InboxWithLoader';
+var InboxWithLoader_default = React__default.memo(InboxWithLoader);export{InboxWithLoader_default as default,queryParamsGenerator};//# sourceMappingURL=InboxWithLoader.js.map

package/lib/container/InboxWithLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InboxWithLoader.js","sources":["../../src/container/InboxWithLoader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/container/ServiceInbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type ServiceInboxProps = {
+    role?: any;
+    pathPrefix?: string;
+};
+export declare const ServiceInboxComponent: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ServiceInboxProps) => React.JSX.Element>;
+export default _default;
+//# sourceMappingURL=ServiceInbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceInbox.d.ts","sourceRoot":"","sources":["../../src/container/ServiceInbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAW1F,KAAK,iBAAiB,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAO7D,eAAO,MAAM,qBAAqB,oCAAsB,GAAG,uBAqDzD,CAAC;0DAE0B,iBAAiB;AAkH9C,wBAAwC"}

package/lib/container/ServiceInbox.js

@@ -0,0 +1,141 @@
+import React__default,{useMemo,useCallback,useState,useEffect}from'react';import {useSupportServiceChannelsQuery}from'common/graphql';import {useParams,useLocation}from'@remix-run/react';import {useSelector,useDispatch}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {push}from'@common-stack/remix-router-redux';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import'react-i18next';import {config}from'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'common';import'@common-stack/components-pro';import'../components/InboxMessage/message-widgets/ModernMessageGroup.js';import'../enums/messenger-slot-fill-name-enum.js';import {ServiceInboxItem}from'../components/InboxMessage/ServiceInboxItem.js';import'../components/ModelConfigPanel.js';import'@messenger-box/core';import'@xstate/react';import'../machines/aiAgentMachine.simple.js';import'@admin-layout/tailwind-ui';import'@messenger-box/platform-client';import'@apollo/client/index.js';import'lodash-es';import'clsx';const {
+  MESSAGES_PER_PAGE,
+  WEB_INBOX_MESSEGE_PATH
+} = config;
+// Custom Skeleton component using Tailwind
+const SkeletonLoader = ({
+  height = 'h-10'
+}) => React__default.createElement("div", {
+  className: `${height} bg-gray-200 rounded animate-pulse`
+});
+const ServiceInboxComponent = React__default.memo(props => {
+  const auth = useSelector(userSelector);
+  useDispatch();
+  const path = useParams();
+  useLocation();
+  const {
+    id: channelId
+  } = path || {};
+  // const channels = React.useMemo(() => {
+  //     // if (!props?.serviceChannels?.length) return null;
+  //     let uChannels: any =
+  //         props?.serviceChannels?.filter((c: any) =>
+  //             c.members.some((u: any) => u.user.__typename == 'UserAccount'),
+  //         ) ?? [];
+  //     return uChannels || [];
+  // }, [props?.serviceChannels]);
+  const users = useMemo(() => {
+    return props?.serviceChannels?.reduce((acc, curr) => {
+      const newMembers = curr.members.filter(({
+        user
+      }) => acc.findIndex(({
+        id
+      }) => id === user.id));
+      return [...acc, ...newMembers?.map(({
+        user
+      }) => user)];
+    }, []) || [];
+  }, [props?.serviceChannels]);
+  const handleSelectChannel = useCallback((channelId, postId) => {
+    if (props?.handleSelectChannel) {
+      props?.handleSelectChannel(channelId, postId);
+    }
+    props?.setChannelId(channelId);
+    props?.setPostId(postId);
+    props?.setSkip(0);
+    props?.clearMessages();
+  }, []);
+  return React__default.createElement("div", {
+    className: "w-full"
+  }, props?.serviceChannels?.map((channel, index) => React__default.createElement(ServiceInboxItem, {
+    key: `service_channel_${channel.id}`,
+    filter: props?.keyword,
+    channel: channel,
+    currentUser: auth,
+    handleSelectChannel: handleSelectChannel,
+    users: users,
+    selectedChannelId: props?.channelId ?? channelId,
+    showBorder: props?.serviceChannels.length == 1 ? true : index != props?.serviceChannels.length - 1,
+    role: props?.role ?? null
+  })));
+});
+const ServiceInbox = props => {
+  const path = useParams();
+  const location = useLocation();
+  const {
+    id: channelId
+  } = path || {};
+  useSelector(userSelector);
+  const dispatch = useDispatch();
+  const [keyword, setKeyword] = useState('');
+  // const [channels, setChannels] = useState<any>([]);
+  const {
+    data: serviceChannels,
+    loading: serviceChannelsLoading,
+    refetch: getServiceChannelsRefetch
+  } = useSupportServiceChannelsQuery({
+    variables: {
+      criteria: {
+        type: 'SERVICE'
+      }
+    },
+    fetchPolicy: 'cache-and-network',
+    onCompleted: data => {
+      //setRefresh(false);
+    }
+  });
+  useEffect(() => {
+    getServiceChannelsRefetch({
+      criteria: {
+        type: 'SERVICE'
+      }
+    });
+  }, [location?.pathname]);
+  // useEffect(() => {
+  //     if (serviceChannels?.supportServiceChannels?.length > 0) {
+  //         let uChannels: any =
+  //             serviceChannels?.supportServiceChannels?.filter((c: any) =>
+  //                 c.members.some((u: any) => u.user.__typename == 'UserAccount'),
+  //             ) ?? [];
+  //         const sChannels: any = uChannels || [];
+  //         setChannels(sChannels);
+  //     }
+  // }, [serviceChannels]);
+  //..........................old code .....................................//
+  // const channels = React.useMemo(() => {
+  //     if (!serviceChannels?.supportServiceChannels?.length) return null;
+  //     let uChannels: any =
+  //         serviceChannels?.supportServiceChannels?.filter((c: any) =>
+  //             c.members.some((u: any) => u.user.__typename == 'UserAccount'),
+  //         ) ?? [];
+  //     return uChannels || [];
+  // }, [serviceChannels]);
+  // const users = useMemo(() => {
+  //     return (
+  //         channels?.reduce((acc, curr) => {
+  //             const newMembers = curr.members.filter(({ user }) => acc.findIndex(({ id }) => id === user.id));
+  //             return [...acc, ...newMembers?.map(({ user }) => user)];
+  //         }, []) || []
+  //     );
+  // }, [channels]);
+  // const currentUser = useMemo(() => users?.find(({ alias }) => alias.includes(auth?.authUserId)), [users, auth]);
+  const handleSelectChannel = useCallback((channelId, postId) => {
+    if (postId || postId == 0) dispatch(push(`${props?.pathPrefix ? props?.pathPrefix : ''}/${WEB_INBOX_MESSEGE_PATH}/${channelId}/${postId}`));else dispatch(push(`${props?.pathPrefix ? props?.pathPrefix : ''}/${WEB_INBOX_MESSEGE_PATH}/${channelId}`));
+  }, [location, path]);
+  //..........................old code .....................................//
+  if (serviceChannelsLoading) {
+    return React__default.createElement("div", {
+      className: "flex flex-col space-y-4"
+    }, Array(10).fill(1).map((x, y) => React__default.createElement(SkeletonLoader, {
+      key: y
+    })));
+  }
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(ServiceInboxComponent, {
+    serviceChannels: serviceChannels?.supportServiceChannels,
+    filter: keyword,
+    channelId: channelId,
+    handleSelectChannel: handleSelectChannel,
+    ...props
+  }));
+};
+var ServiceInbox_default = React__default.memo(ServiceInbox);export{ServiceInboxComponent,ServiceInbox_default as default};//# sourceMappingURL=ServiceInbox.js.map

package/lib/container/ServiceInbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceInbox.js","sources":["../../src/container/ServiceInbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"09CASA,MAAM;AAIN,EAAA,iBAAA;AACA,EAAA;AAIA,CAAA,GAAA,MAAO;AACH;AACA,MAAA,cAAc,GAAG,CAAA;AACjB,EAAA,MAAA,GAAM;AACN,CAAA,KAAAA,cAAM,CAAA,aAAW,CAAA,KAAA,EAAW;WACtB,GAAI,EAAE,MAAA,CAAA,kCAAyB;;AAGrC,MAAA,qBAAA,GAAAA,cAAA,CAAA,IAAA,CAAA,KAAA,IAAA;QACA,IAAA,GAAA,WAAA,CAAA,YAA2B,CAAA;EAC3B,WAAA;QACA,IAAA,GAAA,SAAA,EAAA;EACA,WAAmB;QACnB;IACA,EAAA,EAAA;AAEA,GAAA,GAAA,IAAM,IAAA,EAAK;AACP;AAEQ;AACA;AACJ;AAER;;AAGI;AACI;QACJ,KAAC,GAAA,OAAA,CAAA,MAAA;AAED,IAAA,OAAA,KAAO,EAAA,eAAa,EAAA,MAAW,CAAA,CAAA,GAAA,EAAA,IAAA,KAAA;AAC/B,MAAA,MAAA,UAAO,GAAU,IAAA,CAAA,OAAQ,CAAA,MAAA,CAAA,CAAA;AACzB,QAAA;YACA,GAAO,CAAA,SAAA,CAAA,CAAA;QACR;OAEH,KACI;AAgBR,MAAG,OAAA,CAAA,GAAA,GAAA,EAAA,GAAA,UAAA,EAAA,GAAA,CAAA,CAAA;AAEH,QAAM;AACF,OAAA,KAAM,IAAI,CAAQ,CAAA;AAClB,IAAA,CAAA,EAAA,EAAA,CAAM,IAAA,EAAA;KACN,CAAA,KAAM,iBAAiB,CAAA,CAAG;AAC1B,EAAA,MAAA,mBAAa,GAAY,WAAY,CAAC,CAAC,SAAA,EAAA,MAAA,KAAA;AACvC,IAAA,IAAA,KAAM,EAAA,mBAAwB,EAAC;MAC/B,KAAO,EAAA,6BAA+B,EAAC,MAAI,CAAA;IAC3C;AAEA,IAAA,KAAA,EAAM,YACI,CAAA,SAAe;AAIrB,IAAA,KAAA,EAAA,SAAW,CAAA,MAAA,CAAA;AACP,IAAA,KAAA,EAAA,OAAA,CAAA,CAAQ,CAAA;AACX,IAAA,KAAA,EAAA,aAAA,EAAA;AACD,EAAA,CAAA,EAAA,EAAA,CAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAyB,CAAA,KAAE,EAAA;aACvB,EAAA;UACH,EAAA,eAAA,EAAA,GAAA,CAAA,CAAA,OAAA,EAAA,KAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AACJ,IAAA,GAAE,EAAA,CAAA,gBAAA,EAAA,OAAA,CAAA,EAAA,CAAA,CAAA;IAEH,MAAA,EAAA,KAAa,EAAE,OAAA;WACX,EAAA,OAAA;AACJ,IAAA,WAAI,MAAU;IAEd,mBAAA,EAAoB,mBAAA;IACpB,KAAA,EAAA,KAAA;IACA,iBAAA,EAAA,KAAA,EAAA,SAA+B,IAAA,SAAA;IAC/B,UAAA,EAAA,KAAA,EAAA,eAAA,CAAA,MAAA,IAAA,CAAA,GAAA,IAAA,GAAA,KAAA,IAAA,KAAA,EAAA,eAA0E,CAAA,MAAA,GAAA,CAAA;IAC1E,IAAA,EAAA,KAAA,EAAA,IAAA,IAAA;IACA,CAAA,CAAA;;MAEA,YAAA,GAAA,KAAA,IAAA;QACA,IAAQ,GAAA,SAAA,EAAA;QACR,QAAA,GAAA,WAAyB,EAAA;QACzB;IACA,EAAA,EAAA;MACA,IAAA,IAAA,EAAA;EACA,WAAA,CAAA,YAA2B;QAC3B,QAAA,GAAA,WAAA,EAAA;QACA,CAAA,OAAA,EAAA,UAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;QAEA;IACA,IAAA,EAAA,eAAA;IAEA,OAAA,EAAA,sBAAA;IACA,OAAA,EAAA;MACA,8BAAA,CAAA;IACA,SAAA,EAAA;MACA,QAAA,EAAA;QACA,IAAA,EAAA;;KAEA;IAEA,WAAA,EAAA,mBAAA;IAEA,WAAM,EAAA,IAAA,IAAA;AAEE;;;YAQK,MAAA;AACT,IAAA,yBAEF,CAAA;MAEF,QAAA,EAAA;QAEI,IAAA,EAAA;;;cAKa,EAAG,QAAQ,CAAA,CAAE;;AAM9B;;AA0BJ;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/container/TestInboxWithAiLoader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (): React.JSX.Element;
+    displayName: string;
+}>;
+export default _default;
+//# sourceMappingURL=TestInboxWithAiLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestInboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;AAgJ/B,wBAAuD"}

package/lib/container/TestInboxWithAiLoader.js

@@ -0,0 +1,135 @@
+import*as React from'react';import InboxWithAiLoader from'./InboxWithAiLoader.js';import {useParams}from'@remix-run/react';import {useReCreateSandboxEnvironmentMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';import {useTemplates}from'../hooks/useTemplates.js';const TestInboxWithAiLoaderOutlet = () => {
+  const params = useParams();
+  const orgName = params.orgName;
+  const {
+    modelConfig
+  } = usePersistentModelConfig();
+  const {
+    marketplaceTemplates
+  } = useTemplates();
+  const templatesForSelector = React.useMemo(() => marketplaceTemplates ?? [], [marketplaceTemplates]);
+  const [selectedTemplate, setSelectedTemplate] = React.useState(null);
+  const [suggestedTemplate, setSuggestedTemplate] = React.useState(null);
+  const [showTemplateModal, setShowTemplateModal] = React.useState(false);
+  const templateModalItems = React.useMemo(() => templatesForSelector.map(t => ({
+    id: t.formExtensionId ?? t.formId,
+    label: t.displayName ?? t.templateName ?? '',
+    description: t.description,
+    category: t.category
+  })), [templatesForSelector]);
+  const displayTemplate = selectedTemplate ?? suggestedTemplate;
+  const templateSelectedLabel = displayTemplate?.displayName ?? displayTemplate?.templateName ?? null;
+  const handleSelectTemplateById = React.useCallback(id => {
+    const t = templatesForSelector.find(x => (x.formExtensionId ?? x.formId) === id);
+    if (t) setSelectedTemplate(t);
+  }, [templatesForSelector]);
+  const handleSelectTemplate = React.useCallback(template => {
+    setSelectedTemplate(template ?? null);
+  }, []);
+  const [reCreateSandboxEnvironment] = useReCreateSandboxEnvironmentMutation();
+  // Track active recreation calls to prevent duplicates
+  const activeRecreationsRef = React.useRef(new Map());
+  // Track last recreation time to add debounce
+  const lastRecreationTimeRef = React.useRef(new Map());
+  const handleRecreateSandbox = React.useCallback(async postId => {
+    console.log('🔄 handleRecreateSandbox called for postId:', postId);
+    // Check if we're already recreating this postId
+    const existingPromise = activeRecreationsRef.current.get(postId);
+    if (existingPromise) {
+      console.log('⏭️ Already recreating sandbox for postId:', postId, '- waiting for existing call');
+      try {
+        return await existingPromise;
+      } catch (error) {
+        console.log('⚠️ Existing recreation call failed, will retry:', error);
+        activeRecreationsRef.current.delete(postId);
+      }
+    }
+    // Debounce: If we just recreated this postId recently (within 2 seconds), skip
+    const lastRecreationTime = lastRecreationTimeRef.current.get(postId);
+    const now = Date.now();
+    if (lastRecreationTime && now - lastRecreationTime < 2000) {
+      console.log('⏭️ Skipping recreation - too soon after last recreation:', {
+        postId,
+        timeSinceLastRecreation: now - lastRecreationTime
+      });
+      return {
+        data: {
+          reCreateSandboxEnvironment: {
+            success: true,
+            message: 'Skipped - duplicate call'
+          }
+        }
+      };
+    }
+    // Update last recreation time
+    lastRecreationTimeRef.current.set(postId, now);
+    // Create the mutation promise
+    const mutationPromise = (async () => {
+      try {
+        console.log('📞 Calling reCreateSandboxEnvironment mutation for postId:', postId);
+        const response = await reCreateSandboxEnvironment({
+          variables: {
+            postId: postId,
+            metadata: modelConfig?.metadata
+          }
+        });
+        console.log('✅ reCreateSandboxEnvironment mutation completed:', response);
+        return response;
+      } finally {
+        // Clean up the promise reference when done
+        activeRecreationsRef.current.delete(postId);
+      }
+    })();
+    // Store the promise IMMEDIATELY (synchronously) before any async work
+    activeRecreationsRef.current.set(postId, mutationPromise);
+    return await mutationPromise;
+  }, [reCreateSandboxEnvironment, modelConfig?.metadata]);
+  return React.createElement(InboxWithAiLoader, {
+    orgName: orgName,
+    handleRecreateSandbox: handleRecreateSandbox,
+    isShowAiLanding: true,
+    isShowMeta: true,
+    showContextTab: false,
+    showModeSelector: true,
+    inboxTitle: "Chat",
+    showStopButton: true,
+    onStop: () => {
+      console.log('🛑 onStop called');
+    },
+    templates: templatesForSelector,
+    selectedTemplate: selectedTemplate,
+    suggestedTemplate: suggestedTemplate,
+    onSelectTemplate: handleSelectTemplate,
+    templateSelectedLabel: templateSelectedLabel,
+    templateModalItems: templateModalItems,
+    showTemplateModal: showTemplateModal,
+    onOpenTemplateModal: () => setShowTemplateModal(true),
+    onCloseTemplateModal: () => setShowTemplateModal(false),
+    onSelectTemplateById: handleSelectTemplateById,
+    onClearTemplate: () => setSelectedTemplate(null),
+    onAcceptSuggestedTemplate: () => setSelectedTemplate(suggestedTemplate),
+    isAnalyzingQuery: false,
+    onQueryChange: () => {},
+    leftItemsOverrides: {
+      template: {
+        enabled: true
+      },
+      search: {
+        enabled: false
+      }
+    },
+    rightItemsOverrides: {
+      projectSettings: {
+        enabled: true
+      }
+    },
+    inputToolBarProps: {
+      templateModalClassName: 'max-w-3xl',
+      classNames: {
+        container: 'rounded-[24px]'
+      }
+    }
+  });
+};
+var TestInboxWithAiLoader = React.memo(TestInboxWithAiLoaderOutlet);
+TestInboxWithAiLoaderOutlet.displayName = 'TestInboxWithAiLoaderOutlet';export{TestInboxWithAiLoader as default};//# sourceMappingURL=TestInboxWithAiLoader.js.map

package/lib/container/TestInboxWithAiLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestInboxWithAiLoader.js","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/container/ThreadMessages.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ThreadMessagesProps {
+    channelId: any;
+    postParentId: any;
+    isPostParentIdThread?: any;
+    role: string;
+    goBack?: boolean;
+    pathPrefix?: string;
+    setPostId?: (id: any) => void;
+}
+declare const _default: React.MemoExoticComponent<({ channelId, postParentId, role, isPostParentIdThread, goBack, pathPrefix, setPostId, }: ThreadMessagesProps) => React.JSX.Element>;
+export default _default;
+//# sourceMappingURL=ThreadMessages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadMessages.d.ts","sourceRoot":"","sources":["../../src/container/ThreadMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAqBtE,UAAU,mBAAmB;IACzB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;4IAeE,mBAAmB;AA6UtB,wBAA0C"}