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

package/lib/templates/InboxWithAi.js

@@ -0,0 +1,440 @@
+import React__default,{createContext,useContext,useState,useCallback,useMemo,useEffect}from'react';import {useParams,useLocation,Outlet}from'@remix-run/react';import {RightSidebarAi}from'../components/InboxMessage/RightSidebarAi.js';import {useRecreateSandboxMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';// Context for sharing tab state between header and sidebar
+const TabContext = createContext({
+  activeTab: 'preview',
+  setActiveTab: () => {}
+});
+// Static utility hooks and components
+const useMediaQuery = query => {
+  const [matches, setMatches] = React__default.useState(false);
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mediaQuery = window.matchMedia(query);
+    const updateMatches = () => setMatches(mediaQuery.matches);
+    updateMatches();
+    mediaQuery.addEventListener('change', updateMatches);
+    return () => mediaQuery.removeEventListener('change', updateMatches);
+  }, [query]);
+  return matches;
+};
+// Hook to get window dimensions
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = React__default.useState({
+    width: typeof window !== 'undefined' ? window.innerWidth : 1024,
+    height: typeof window !== 'undefined' ? window.innerHeight : 768
+  });
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const handleResize = () => {
+      setWindowDimensions({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize(); // Set initial dimensions
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return windowDimensions;
+};
+const EmptyState = React__default.memo(() => React__default.createElement("div", {
+  className: "h-full flex items-center justify-center bg-gray-100 p-4 sm:p-6 overflow-hidden"
+}, React__default.createElement("div", {
+  className: "text-center max-w-sm mx-auto"
+}, React__default.createElement("div", {
+  className: "text-3xl sm:text-4xl text-gray-400 mb-4"
+}, "\uD83D\uDCAC"), React__default.createElement("h3", {
+  className: "text-lg sm:text-xl font-semibold text-gray-600 mb-2"
+}, "Welcome to Messenger"), React__default.createElement("p", {
+  className: "text-sm sm:text-base text-gray-500 leading-relaxed"
+}, "Select a conversation from the sidebar to start messaging"))));
+const InboxWithAi = props => {
+  const [activeTab, setActiveTab] = React__default.useState('preview');
+  return React__default.createElement(TabContext.Provider, {
+    value: {
+      activeTab,
+      setActiveTab
+    }
+  }, React__default.createElement(InboxWithAiInternal, {
+    ...props
+  }));
+};
+const InboxWithAiInternal = props => {
+  // const { channelFilters: channelFilterProp, channelRole, supportServices, data, orgName, pathPrefix = null } = props;
+  const {
+    id: pathChannelId,
+    postId: pathPostId
+  } = useParams();
+  const location = useLocation();
+  const urlParams = location?.search ? new URLSearchParams(location.search) : null;
+  const {
+    activeTab,
+    setActiveTab
+  } = useContext(TabContext);
+  const [messages, setMessages] = useState([]);
+  const [selectedPost, setSelectedPost] = useState(null);
+  const [recreateSandbox] = useRecreateSandboxMutation();
+  const {
+    modelConfig,
+    getValidatedConfig,
+    hasApiKey
+  } = usePersistentModelConfig();
+  const [isLoading, setIsLoading] = useState(true);
+  const [errorData, setError] = useState(null);
+  // Extract channelId from query parameters (priority) or path parameters (fallback)
+  const channelId = urlParams?.get('id') || pathChannelId;
+  const recreateSandboxForFragment = useCallback(async messageId => {
+    if (!channelId) {
+      console.error('No project ID available for sandbox recreation');
+      return;
+    }
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await recreateSandbox({
+        variables: {
+          projectId: channelId,
+          messageId
+        }
+      });
+      if (response.data?.recreateSandbox?.success) {
+        console.log('Sandbox recreation initiated successfully');
+        // The subscription will handle updating the UI with the new sandbox URL
+      } else {
+        const errorMsg = response.data?.recreateSandbox?.message || 'Failed to recreate sandbox';
+        throw new Error(errorMsg);
+      }
+    } catch (err) {
+      console.error('Error recreating sandbox:', err);
+      setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
+      setIsLoading(false);
+    }
+  }, [recreateSandbox, channelId]);
+  // Handle refresh sandbox
+  const handleRefreshSandbox = useCallback(() => {
+    if (selectedPost) {
+      recreateSandboxForFragment(selectedPost.id);
+    }
+  }, [activeTab, selectedPost, recreateSandboxForFragment]);
+  // Hooks - improved responsive breakpoints with better granularity
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = useWindowDimensions();
+  const isMobileView = useMediaQuery('(max-width: 640px)');
+  const isSmallTabletView = useMediaQuery('(min-width: 641px) and (max-width: 900px)');
+  const isTabletView = useMediaQuery('(min-width: 901px) and (max-width: 1024px)');
+  const isDesktopView = useMediaQuery('(min-width: 1025px)');
+  const isLargeDesktopView = useMediaQuery('(min-width: 1440px)');
+  const isSmallScreen = useMediaQuery('(max-width: 900px)');
+  // const auth = useSelector(userSelector);
+  const detailSidebarOptions = useMemo(() => ({
+    isMobileView,
+    isSmallTabletView,
+    isTabletView,
+    isDesktopView,
+    isLargeDesktopView,
+    isSmallScreen
+  }), [isMobileView, isSmallTabletView, isTabletView, isDesktopView, isLargeDesktopView, isSmallScreen]);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "flex flex-col h-screen overflow-hidden"
+  }, channelId && React__default.createElement("div", {
+    className: "flex-shrink-0 bg-white "
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-between px-4 py-3"
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, !isSmallScreen && React__default.createElement("div", {
+    className: "flex bg-gray-100 p-2",
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("button", {
+    onClick: () => setActiveTab('preview'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'preview' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+  })), React__default.createElement("span", null, "Preview")), React__default.createElement("button", {
+    onClick: () => setActiveTab('code'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'code' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+  })), React__default.createElement("span", null, "Code")))), isDesktopView && React__default.createElement("button", {
+    onClick: () => handleRefreshSandbox(),
+    className: "p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-lg transition-colors",
+    title: "Refresh Sandbox"
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+  }))))), React__default.createElement("div", {
+    className: "flex-1 grid overflow-hidden",
+    style: {
+      gridTemplateColumns: isDesktopView ? '35% 65%' : '1fr',
+      height: 'calc(100vh - 80px)' // Subtract header height
+    }
+  }, React__default.createElement("div", {
+    className: `
+                        ${isMobileView && !channelId ? 'hidden' : 'flex'}
+                        flex flex-col overflow-hidden transition-all duration-300 ease-in-out
+                    `,
+    style: {
+      paddingTop: '15px'
+    }
+  }, channelId ? React__default.createElement(ContentComponent, {
+    channelId: channelId,
+    ...props,
+    messages: messages,
+    setMessages: setMessages,
+    selectedPost: selectedPost,
+    setSelectedPost: setSelectedPost,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading
+  }) : React__default.createElement(EmptyState, null)), channelId && isDesktopView && React__default.createElement("div", {
+    className: "overflow-hidden border",
+    style: {
+      marginBottom: 10,
+      marginRight: 10,
+      borderRadius: 10
+    }
+  }, React__default.createElement(RightSidebarContent, {
+    detailSidebarOptions: detailSidebarOptions,
+    windowWidth: windowWidth,
+    windowHeight: windowHeight,
+    activeTab: activeTab,
+    channelId: channelId,
+    messages: messages,
+    selectedPost: selectedPost,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading,
+    ...props
+  })))));
+};
+const ContentComponent = React__default.memo(props => {
+  const {
+    channelId,
+    messages,
+    setMessages,
+    selectedPost,
+    setSelectedPost,
+    setIsLoading,
+    isLoading
+  } = props;
+  return React__default.createElement("div", {
+    className: "flex overflow-hidden h-full"
+  }, React__default.createElement("div", {
+    className: "flex-1 flex flex-col min-w-0 overflow-hidden border-t border-gray-300"
+  }, React__default.createElement("div", {
+    className: "flex-1 flex flex-col min-h-0 overflow-hidden"
+  }, channelId && React__default.createElement(React__default.Fragment, null, React__default.createElement(MessagesComponent, {
+    ...props,
+    channelId: channelId,
+    messages: messages,
+    setMessages: setMessages,
+    selectedPost: selectedPost,
+    setSelectedPost: setSelectedPost,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading
+  })))));
+});
+const RightSidebarWrapper = React__default.memo(({
+  detailSidebarOptions
+}) => {
+  const {
+    activeTab
+  } = useContext(TabContext);
+  return React__default.createElement("div", {
+    className: "h-full flex flex-col overflow-hidden bg-white"
+  }, React__default.createElement("div", {
+    className: "flex-1 overflow-hidden"
+  }, activeTab === 'preview' ? React__default.createElement("div", {
+    className: "h-full flex items-center justify-center bg-gray-50"
+  }, React__default.createElement("div", {
+    className: "text-center"
+  }, React__default.createElement("div", {
+    className: "mb-8"
+  }, React__default.createElement("svg", {
+    className: "w-32 h-32 mx-auto text-blue-500",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1,
+    d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+  }))), React__default.createElement("div", {
+    className: "space-y-4 text-gray-600"
+  }, React__default.createElement("h3", {
+    className: "text-lg font-semibold text-gray-900"
+  }, "Preview Mode"), React__default.createElement("p", {
+    className: "font-mono text-sm bg-blue-100 px-3 py-1 rounded"
+  }, "Live preview and testing"), React__default.createElement("p", null, "Preview and test your components in real-time.")), React__default.createElement("div", {
+    className: "mt-8 space-y-4"
+  }, React__default.createElement("button", {
+    className: "bg-blue-500 text-white px-6 py-3 rounded-full hover:bg-blue-600 transition-colors flex items-center space-x-2 mx-auto"
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    d: "M8 5v14l11-7z"
+  })), React__default.createElement("span", null, "Start Preview")), React__default.createElement("p", {
+    className: "text-sm text-gray-500 underline cursor-pointer hover:text-gray-700"
+  }, "Learn about preview mode")))) : React__default.createElement("div", {
+    className: "h-full bg-gray-900 text-gray-300 p-4 overflow-auto"
+  }, React__default.createElement("div", {
+    className: "font-mono text-sm"
+  }, React__default.createElement("div", {
+    className: "mb-4"
+  }, React__default.createElement("div", {
+    className: "text-green-400"
+  }, "// app/page.tsx")), React__default.createElement("div", {
+    className: "space-y-2"
+  }, React__default.createElement("div", null, React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "export"), ' ', React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "default"), ' ', React__default.createElement("span", {
+    className: "text-blue-400"
+  }, "function"), ' ', React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "Home"), "() ", '{'), React__default.createElement("div", {
+    className: "ml-4"
+  }, React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "return"), " ("), React__default.createElement("div", {
+    className: "ml-8"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "main"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"flex min-h-screen flex-col items-center justify-between p-24\""), '>'), React__default.createElement("div", {
+    className: "ml-12"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "div"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex\""), '>'), React__default.createElement("div", {
+    className: "ml-16"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "p"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30\""), '>'), React__default.createElement("div", {
+    className: "ml-20 text-gray-400"
+  }, "Get started by editing\u00A0"), React__default.createElement("div", {
+    className: "ml-20"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "code"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"font-mono font-bold\""), '>', "app/page.tsx", '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "code"), '>'), React__default.createElement("div", {
+    className: "ml-16"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "p"), '>'), React__default.createElement("div", {
+    className: "ml-12"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "div"), '>'), React__default.createElement("div", {
+    className: "ml-8"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "main"), '>'), React__default.createElement("div", {
+    className: "ml-4"
+  }, ");"), React__default.createElement("div", null, '}'))))));
+});
+const RightSidebarContent = React__default.memo(({
+  detailSidebarOptions,
+  windowWidth,
+  windowHeight,
+  channelId,
+  setIsLoading,
+  isLoading,
+  ...props
+}) => {
+  const {
+    activeTab
+  } = useContext(TabContext);
+  return React__default.createElement("div", {
+    className: "border-l border-gray-200 bg-white flex-shrink-0 overflow-hidden",
+    style: {
+      // width: `${windowWidth * 0.35}px`, // 35% of window width
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
+    }
+  }, React__default.createElement(RightSidebarAi, {
+    detailSidebarOptions: detailSidebarOptions,
+    windowWidth: windowWidth,
+    windowHeight: windowHeight,
+    activeTab: activeTab,
+    channelId: channelId,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading,
+    ...props
+  }));
+});
+const MessagesComponent = React__default.memo(props => {
+  return React__default.createElement(Outlet, {
+    context: {
+      ...props,
+      app: 'app'
+    }
+  });
+});
+// Display names for debugging
+InboxWithAi.displayName = 'Inbox';
+InboxWithAiInternal.displayName = 'InboxWithAiInternal';
+ContentComponent.displayName = 'ContentComponent';
+MessagesComponent.displayName = 'MessagesComponent';
+RightSidebarWrapper.displayName = 'RightSidebarWrapper';
+RightSidebarContent.displayName = 'RightSidebarContent';
+var Inbox = React__default.memo(InboxWithAi);export{Inbox as default};//# sourceMappingURL=InboxWithAi.js.map

package/lib/templates/InboxWithAi.js.map

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