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

package/src/components/ui/button.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { cn } from '../../utils/utils';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'outline' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg';
+    children: React.ReactNode;
+}
+
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+    ({ className, variant = 'default', size = 'default', ...props }, ref) => {
+        const baseClasses =
+            'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background';
+
+        const variants = {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            outline: 'border border-input hover:bg-accent hover:text-accent-foreground',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'underline-offset-4 hover:underline text-primary',
+        };
+
+        const sizes = {
+            default: 'h-10 py-2 px-4',
+            sm: 'h-9 px-3 rounded-md',
+            lg: 'h-11 px-8 rounded-md',
+        };
+
+        return <button className={cn(baseClasses, variants[variant], sizes[size], className)} ref={ref} {...props} />;
+    },
+);
+
+Button.displayName = 'Button';

package/src/compute.ts

@@ -0,0 +1,271 @@
+import 'reflect-metadata';
+import * as React from 'react';
+import { PreDefineAccountPermissions } from '@adminide-stack/core';
+import { ConfigCollectionName, ConfigFragmentName, ConfigurationTarget, ContributionSchemaId } from 'common';
+import { IMenuPosition } from '@common-stack/client-react';
+import type { IRouteModule } from '@common-stack/core';
+import { getFilteredRoutes, IPageStore } from '@adminide-stack/core';
+
+export const messengerPageStore: IRouteModule[] | { [key: string]: any } = [
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'inbox',
+        component: () => import('./container/InboxWithLoader'),
+        tab: 'Chat App',
+        position: IMenuPosition.Middle,
+        // authority: [PreDefineAccountPermissions.secureUser],
+        name: 'Inbox',
+        path: '//inbox/:id?/:postId?',
+        // path: '/o/:orgName/inbox',
+    },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'inbox',
+        component: () => import('./container/InboxWithLoader'),
+        tab: 'Chat App',
+        position: IMenuPosition.Middle,
+        //authority: [PreDefineAccountPermissions.secureUser],
+        name: 'Inbox',
+        path: '/o/:orgName/inbox',
+    },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'direct-message',
+        component: () => import('./container/InboxWithLoader'),
+        tab: 'DM',
+        position: IMenuPosition.Middle,
+        // authority: [PreDefineAccountPermissions.secureUser],
+        name: 'DirectMessage',
+        path: '//o/:orgName/direct-message/:id?/:postId?',
+        // path: '/o/:orgName/inbox',
+    },
+    // {
+    //     exact: false,
+    //     icon: 'AiOutlineInbox',
+    //     key: 'ai-messenger',
+    //     component: () => import('./container/AiInboxWithLoader'),
+    //     tab: 'DM',
+    //     position: IMenuPosition.Middle,
+    //     // authority: [PreDefineAccountPermissions.secureUser],
+    //     name: 'AiMessenger',
+    //     path: '//o/:orgName/ai-messenger/:id?/:postId?',
+    //     // path: '/o/:orgName/inbox',
+    // },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'ai-messenger',
+        ///component: () => import('./container/InboxWithAiLoader'),
+        component: () => import('./container/TestInboxWithAiLoader'),
+        tab: 'Ai Messenger',
+        position: IMenuPosition.Middle,
+        name: 'AiMessenger',
+        path: '/ai-messenger',
+        extraPermissions: ['*'],
+        configurations: ['*'],
+        extraParams: {
+            resourceParams: [
+                {
+                    fragment: ConfigFragmentName.Settings,
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    options: {
+                        schemaId: ContributionSchemaId.Configuration,
+                        includeMarketplace: true,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+                {
+                    fragment: ConfigFragmentName.UiSettings,
+                    path: ConfigCollectionName.Applications,
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    options: {
+                        includeMarketplace: true,
+                        schemaId: ContributionSchemaId.UiLayout,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+            ],
+        },
+    },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'ai-messenger-with-org-name',
+        component: () => import('./container/TestInboxWithAiLoader'),
+        // component: () => import('./container/InboxWithAiLoader'),
+        tab: 'Ai Messenger',
+        position: IMenuPosition.Middle,
+        name: 'AiMessengerWithOrgName',
+        path: '//o/:orgName/ai-messenger',
+        extraPermissions: ['*'],
+        configurations: ['*'],
+        extraParams: {
+            resourceParams: [
+                {
+                    fragment: ConfigFragmentName.Settings,
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    options: {
+                        schemaId: ContributionSchemaId.Configuration,
+                        includeMarketplace: true,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+                {
+                    fragment: ConfigFragmentName.UiSettings,
+                    path: ConfigCollectionName.Applications,
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    options: {
+                        includeMarketplace: true,
+                        schemaId: ContributionSchemaId.UiLayout,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+            ],
+        },
+    },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'ai-messenger-app-with-channel-id',
+        component: () => import('./container/InboxAiMessagesLoader'),
+        tab: 'Ai Messenger',
+        position: IMenuPosition.Middle,
+        name: 'AiMessengerAppWithChannelId',
+        path: '/ai-messenger/app/:id',
+        extraPermissions: ['*'],
+        configurations: ['*'],
+        extraParams: {
+            resourceParams: [
+                {
+                    fragment: ConfigFragmentName.Settings,
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    options: {
+                        schemaId: ContributionSchemaId.Configuration,
+                        includeMarketplace: true,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+                {
+                    fragment: ConfigFragmentName.UiSettings,
+                    path: ConfigCollectionName.Applications,
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    options: {
+                        includeMarketplace: true,
+                        schemaId: ContributionSchemaId.UiLayout,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+            ],
+        },
+    },
+    {
+        exact: false,
+        icon: 'AiOutlineInbox',
+        key: 'ai-messenger-app-with-org-and-channel-id',
+        component: () => import('./container/InboxAiMessagesLoader'),
+        tab: 'Ai Messenger',
+        position: IMenuPosition.Middle,
+        name: 'AiMessengerAppWithOrgAndChannelId',
+        path: '//o/:orgName/ai-messenger/app/:id',
+        extraPermissions: ['*'],
+        configurations: ['*'],
+        extraParams: {
+            resourceParams: [
+                {
+                    fragment: ConfigFragmentName.Settings,
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    options: {
+                        schemaId: ContributionSchemaId.Configuration,
+                        includeMarketplace: true,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+                {
+                    fragment: ConfigFragmentName.UiSettings,
+                    path: ConfigCollectionName.Applications,
+                    resourceType: ConfigCollectionName.Applications,
+                    resourceId: 'appId:660e8400-e29b-41d4-a716-446655440001',
+                    organization: '$context?.configurationBySchemaId?.configuration?.account?.default?.organization',
+                    options: {
+                        includeMarketplace: true,
+                        schemaId: ContributionSchemaId.UiLayout,
+                        configKey: '',
+                        target: ConfigurationTarget.ORGANIZATION,
+                    },
+                },
+            ],
+        },
+    },
+
+    // {
+    //     exact: false,
+    //     icon: 'AiOutlineInbox',
+    //     key: 'ai-messenger-with-channel-id',
+    //     component: () => import('./templates/InboxWithAi'),
+    //     tab: 'Ai Messenger',
+    //     position: IMenuPosition.Middle,
+    //     name: 'AiMessengerWithChannelId',
+    //     path: '//o?/:orgName?/ai-messenger/:id',
+    // },
+
+    //  {
+    //     exact: false,
+    //     icon: 'AiOutlineInbox',
+    //     key: 'messenger-ai',
+    //     component: () => import('./container/InboxAiLoader'),
+    //     tab: 'Ai Messenger',
+    //     position: IMenuPosition.Middle,
+    //     name: 'MessengerAi',
+    //     path: '/messenger-ai',
+    // },
+
+    // {
+    //     exact: false,
+    //     icon: 'AiOutlineInbox',
+    //     key: 'ai-messenger-with-preview',
+    //     component: () => import('./container/InboxWithAiLoader'),
+    //     tab: 'Ai Messenger',
+    //     position: IMenuPosition.Middle,
+    //     name: 'AiMessengerWithPreview',
+    //     path: '//o?/:orgName?/ai-messenger/app/:id/preview',
+    // },
+];
+
+// get only selected Routes to work
+const selectedRoutes = [
+    'inbox',
+    'direct-message',
+    'ai-messenger',
+    'ai-messenger-with-org-name',
+    'ai-messenger-app-with-channel-id',
+    'ai-messenger-app-with-org-and-channel-id',
+    'ai-messenger-with-preview',
+];
+
+const filteredRoutes = getFilteredRoutes(messengerPageStore, selectedRoutes);
+
+export { filteredRoutes };

package/src/config/env-config.ts

@@ -0,0 +1,24 @@
+import { cleanEnv, json, num, str } from 'envalid';
+import { getEnvironment } from '@common-stack/core';
+
+const env = getEnvironment();
+
+export const config = cleanEnv(env, {
+    CLIENT_URL: str({ default: 'http://localhost:3011' }),
+    WEB_INBOX_MESSEGE_PATH: str({ default: 'inbox' }),
+    WEB_THREAD_MESSEGE_PATH: str({ default: 'thread' }),
+    MESSAGES_PER_PAGE: num({ devDefault: 10, default: 10 }),
+    MESSENGER_BOX_FORM_EXTENSION_ID: str({ default: '' }),
+    MESSENGER_BOX_FORM_EXTENSION_FORM_ID: str({ default: '' }),
+    MESSENGER_BOX_FORM_EXTENSION_FUNCTION_ID: str({ default: '' }),
+    MESSENGER_BOX_FORM_EXTENSION_STEP_NAME: str({ default: '' }),
+    FILES_PER_MESSAGE: num({ default: 10 }),
+    VITE_OPENAI_API_KEY: str({ default: '' }),
+    VITE_ANTHROPIC_API_KEY: str({ default: '' }),
+    ANTHROPIC_API_KEY: str({ default: '' }),
+    NEWS_API_KEY: str({ default: '' }),
+    OPENAI_API_KEY: str({ default: '' }),
+    AI_MESSENGER_PATH: str({ default: '/ai-messenger/app' }),
+    LAYOUT_SETTINGS: json({ default: {} }),
+    APP_NAME: str({ default: 'Messenger Box' }),
+});

package/src/config/index.ts

@@ -0,0 +1 @@
+export { config } from './env-config';

package/src/constants/breakpoints.ts

@@ -0,0 +1,7 @@
+export const breakpoints = {
+    sm: '30em', // 480px
+    md: '48em', // 768px
+    lg: '62em', // 992px
+    xl: '80em', // 1280px
+    '2xl': '96em', // 1536px
+};

package/src/constants/index.ts

@@ -0,0 +1,5 @@
+export const logoURL = 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg';
+// export default {
+//     logoURL: 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg',
+// };
+export * from './breakpoints';