@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/AIChat/components/Input.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const InputContext = /*#__PURE__*/ React.createContext({});
+const Root = ({ children, isLoading = false, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(InputContext.Provider, {
+        value: {
+            isLoading
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: 'flex-start',
+            width: "100%",
+            position: "relative",
+            ...props,
+            children: children
+        })
+    });
+};
+const Header = ({ children, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        position: "absolute",
+        bottom: '102%',
+        left: 0,
+        right: 0,
+        background: "neutral0",
+        width: "100%",
+        ...props,
+        children: children
+    });
+};
+const HeaderItem = styledComponents.styled(designSystem.Box)`
+  padding: ${({ theme })=>theme.spaces[3]} 0};
+`;
+const Attachments = ({ children, gap = 2, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        gap: gap,
+        wrap: "wrap",
+        paddingBottom: 2,
+        maxHeight: "150px",
+        overflow: "auto",
+        ...props,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Content
+ * -----------------------------------------------------------------------------------------------*/ const InputContainer = styledComponents.styled(designSystem.Box)`
+  outline: none;
+  box-shadow: none;
+  transition-property: border-color, box-shadow, fill;
+  transition-duration: 0.2s;
+
+  &:focus-within {
+    border: 1px solid
+      ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.primary600};
+    box-shadow: ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.primary600}
+      0px 0px 0px 2px;
+  }
+`;
+const Content = ({ children, disclaimer, error = false, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(InputContainer, {
+        background: "neutral0",
+        hasRadius: true,
+        borderColor: error ? 'danger600' : 'neutral200',
+        borderWidth: "1px",
+        borderStyle: "solid",
+        width: "100%",
+        $hasError: error,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                padding: 3,
+                children: children
+            }),
+            disclaimer && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                background: "neutral100",
+                padding: [
+                    2,
+                    3
+                ],
+                borderColor: "neutral200",
+                borderWidth: "1px 0 0 0",
+                borderStyle: "solid",
+                borderRadius: '0 0 4px 4px',
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: disclaimer
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Actions
+ * -----------------------------------------------------------------------------------------------*/ const Actions = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        justifyContent: "flex-end",
+        alignItems: "center",
+        gap: 2,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Compound
+ * -----------------------------------------------------------------------------------------------*/ const Input = {
+    Root,
+    Header,
+    HeaderItem,
+    Attachments,
+    Content,
+    Actions};
+
+exports.Input = Input;
+exports.InputContext = InputContext;
+exports.Root = Root;
+//# sourceMappingURL=Input.js.map

package/dist/admin/components/AIChat/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../admin/src/components/AIChat/components/Input.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface InputContextValue {\r\n  isLoading?: boolean;\r\n}\r\n\r\nexport const InputContext = createContext<InputContextValue>({});\r\n\r\nexport const useInput = () => useContext(InputContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface InputRootProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  children: React.ReactNode;\r\n  isLoading?: boolean;\r\n}\r\n\r\nexport const Root = ({ children, isLoading = false, ...props }: InputRootProps) => {\r\n  return (\r\n    <InputContext.Provider\r\n      value={{\r\n        isLoading,\r\n      }}\r\n    >\r\n      <Flex\r\n        direction=\"column\"\r\n        alignItems={'flex-start'}\r\n        width=\"100%\"\r\n        position=\"relative\"\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Flex>\r\n    </InputContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Header\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface HeaderProps extends React.ComponentPropsWithoutRef<typeof Box> {\r\n  children: React.ReactNode;\r\n  isThinking?: boolean;\r\n  thinkingMessage?: string;\r\n}\r\n\r\nconst Header = ({ children, ...props }: HeaderProps) => {\r\n  return (\r\n    <Box\r\n      position=\"absolute\"\r\n      bottom={'102%'}\r\n      left={0}\r\n      right={0}\r\n      background=\"neutral0\"\r\n      width=\"100%\"\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst HeaderItem = styled(Box)`\r\n  padding: ${({ theme }) => theme.spaces[3]} 0};\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Attachments\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface InputAttachmentsProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Attachments = ({ children, gap = 2, ...props }: InputAttachmentsProps) => {\r\n  return (\r\n    <Flex gap={gap} wrap=\"wrap\" paddingBottom={2} maxHeight=\"150px\" overflow=\"auto\" {...props}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Content\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst InputContainer = styled(Box)`\r\n  outline: none;\r\n  box-shadow: none;\r\n  transition-property: border-color, box-shadow, fill;\r\n  transition-duration: 0.2s;\r\n\r\n  &:focus-within {\r\n    border: 1px solid\r\n      ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.primary600)};\r\n    box-shadow: ${({ theme, $hasError }) =>\r\n        $hasError ? theme.colors.danger600 : theme.colors.primary600}\r\n      0px 0px 0px 2px;\r\n  }\r\n`;\r\n\r\ninterface ContentProps extends React.ComponentPropsWithoutRef<typeof Box> {\r\n  children: React.ReactNode;\r\n  disclaimer?: string;\r\n  error?: boolean;\r\n}\r\n\r\nconst Content = ({ children, disclaimer, error = false, ...props }: ContentProps) => {\r\n  return (\r\n    <InputContainer\r\n      background=\"neutral0\"\r\n      hasRadius\r\n      borderColor={error ? 'danger600' : 'neutral200'}\r\n      borderWidth=\"1px\"\r\n      borderStyle=\"solid\"\r\n      width=\"100%\"\r\n      $hasError={error}\r\n      {...props}\r\n    >\r\n      <Box padding={3}>{children}</Box>\r\n      {disclaimer && (\r\n        <Box\r\n          background=\"neutral100\"\r\n          padding={[2, 3]}\r\n          borderColor=\"neutral200\"\r\n          borderWidth=\"1px 0 0 0\"\r\n          borderStyle=\"solid\"\r\n          borderRadius={'0 0 4px 4px'}\r\n        >\r\n          <Typography variant=\"pi\" textColor=\"neutral600\">\r\n            {disclaimer}\r\n          </Typography>\r\n        </Box>\r\n      )}\r\n    </InputContainer>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Actions\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst Actions = ({ children }: { children: React.ReactNode }) => {\r\n  return (\r\n    <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap={2}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Compound\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const Input = {\r\n  Root,\r\n  Header,\r\n  HeaderItem,\r\n  Attachments,\r\n  Content,\r\n  Actions,\r\n  useInput,\r\n};\r\n"],"names":["InputContext","createContext","Root","children","isLoading","props","_jsx","Provider","value","Flex","direction","alignItems","width","position","Header","Box","bottom","left","right","background","HeaderItem","styled","theme","spaces","Attachments","gap","wrap","paddingBottom","maxHeight","overflow","InputContainer","$hasError","colors","danger600","primary600","Content","disclaimer","error","_jsxs","hasRadius","borderColor","borderWidth","borderStyle","padding","borderRadius","Typography","variant","textColor","Actions","justifyContent","Input"],"mappings":"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"}

package/dist/admin/components/AIChat/components/Input.mjs

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext } from 'react';
+import { Flex, Box, Typography } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const InputContext = /*#__PURE__*/ createContext({});
+const Root = ({ children, isLoading = false, ...props })=>{
+    return /*#__PURE__*/ jsx(InputContext.Provider, {
+        value: {
+            isLoading
+        },
+        children: /*#__PURE__*/ jsx(Flex, {
+            direction: "column",
+            alignItems: 'flex-start',
+            width: "100%",
+            position: "relative",
+            ...props,
+            children: children
+        })
+    });
+};
+const Header = ({ children, ...props })=>{
+    return /*#__PURE__*/ jsx(Box, {
+        position: "absolute",
+        bottom: '102%',
+        left: 0,
+        right: 0,
+        background: "neutral0",
+        width: "100%",
+        ...props,
+        children: children
+    });
+};
+const HeaderItem = styled(Box)`
+  padding: ${({ theme })=>theme.spaces[3]} 0};
+`;
+const Attachments = ({ children, gap = 2, ...props })=>{
+    return /*#__PURE__*/ jsx(Flex, {
+        gap: gap,
+        wrap: "wrap",
+        paddingBottom: 2,
+        maxHeight: "150px",
+        overflow: "auto",
+        ...props,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Content
+ * -----------------------------------------------------------------------------------------------*/ const InputContainer = styled(Box)`
+  outline: none;
+  box-shadow: none;
+  transition-property: border-color, box-shadow, fill;
+  transition-duration: 0.2s;
+
+  &:focus-within {
+    border: 1px solid
+      ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.primary600};
+    box-shadow: ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.primary600}
+      0px 0px 0px 2px;
+  }
+`;
+const Content = ({ children, disclaimer, error = false, ...props })=>{
+    return /*#__PURE__*/ jsxs(InputContainer, {
+        background: "neutral0",
+        hasRadius: true,
+        borderColor: error ? 'danger600' : 'neutral200',
+        borderWidth: "1px",
+        borderStyle: "solid",
+        width: "100%",
+        $hasError: error,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Box, {
+                padding: 3,
+                children: children
+            }),
+            disclaimer && /*#__PURE__*/ jsx(Box, {
+                background: "neutral100",
+                padding: [
+                    2,
+                    3
+                ],
+                borderColor: "neutral200",
+                borderWidth: "1px 0 0 0",
+                borderStyle: "solid",
+                borderRadius: '0 0 4px 4px',
+                children: /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: disclaimer
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Actions
+ * -----------------------------------------------------------------------------------------------*/ const Actions = ({ children })=>{
+    return /*#__PURE__*/ jsx(Flex, {
+        justifyContent: "flex-end",
+        alignItems: "center",
+        gap: 2,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Input Compound
+ * -----------------------------------------------------------------------------------------------*/ const Input = {
+    Root,
+    Header,
+    HeaderItem,
+    Attachments,
+    Content,
+    Actions};
+
+export { Input, InputContext, Root };
+//# sourceMappingURL=Input.mjs.map

package/dist/admin/components/AIChat/components/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sources":["../../../../../admin/src/components/AIChat/components/Input.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface InputContextValue {\r\n  isLoading?: boolean;\r\n}\r\n\r\nexport const InputContext = createContext<InputContextValue>({});\r\n\r\nexport const useInput = () => useContext(InputContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface InputRootProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  children: React.ReactNode;\r\n  isLoading?: boolean;\r\n}\r\n\r\nexport const Root = ({ children, isLoading = false, ...props }: InputRootProps) => {\r\n  return (\r\n    <InputContext.Provider\r\n      value={{\r\n        isLoading,\r\n      }}\r\n    >\r\n      <Flex\r\n        direction=\"column\"\r\n        alignItems={'flex-start'}\r\n        width=\"100%\"\r\n        position=\"relative\"\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Flex>\r\n    </InputContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Header\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface HeaderProps extends React.ComponentPropsWithoutRef<typeof Box> {\r\n  children: React.ReactNode;\r\n  isThinking?: boolean;\r\n  thinkingMessage?: string;\r\n}\r\n\r\nconst Header = ({ children, ...props }: HeaderProps) => {\r\n  return (\r\n    <Box\r\n      position=\"absolute\"\r\n      bottom={'102%'}\r\n      left={0}\r\n      right={0}\r\n      background=\"neutral0\"\r\n      width=\"100%\"\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst HeaderItem = styled(Box)`\r\n  padding: ${({ theme }) => theme.spaces[3]} 0};\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Attachments\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface InputAttachmentsProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Attachments = ({ children, gap = 2, ...props }: InputAttachmentsProps) => {\r\n  return (\r\n    <Flex gap={gap} wrap=\"wrap\" paddingBottom={2} maxHeight=\"150px\" overflow=\"auto\" {...props}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Content\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst InputContainer = styled(Box)`\r\n  outline: none;\r\n  box-shadow: none;\r\n  transition-property: border-color, box-shadow, fill;\r\n  transition-duration: 0.2s;\r\n\r\n  &:focus-within {\r\n    border: 1px solid\r\n      ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.primary600)};\r\n    box-shadow: ${({ theme, $hasError }) =>\r\n        $hasError ? theme.colors.danger600 : theme.colors.primary600}\r\n      0px 0px 0px 2px;\r\n  }\r\n`;\r\n\r\ninterface ContentProps extends React.ComponentPropsWithoutRef<typeof Box> {\r\n  children: React.ReactNode;\r\n  disclaimer?: string;\r\n  error?: boolean;\r\n}\r\n\r\nconst Content = ({ children, disclaimer, error = false, ...props }: ContentProps) => {\r\n  return (\r\n    <InputContainer\r\n      background=\"neutral0\"\r\n      hasRadius\r\n      borderColor={error ? 'danger600' : 'neutral200'}\r\n      borderWidth=\"1px\"\r\n      borderStyle=\"solid\"\r\n      width=\"100%\"\r\n      $hasError={error}\r\n      {...props}\r\n    >\r\n      <Box padding={3}>{children}</Box>\r\n      {disclaimer && (\r\n        <Box\r\n          background=\"neutral100\"\r\n          padding={[2, 3]}\r\n          borderColor=\"neutral200\"\r\n          borderWidth=\"1px 0 0 0\"\r\n          borderStyle=\"solid\"\r\n          borderRadius={'0 0 4px 4px'}\r\n        >\r\n          <Typography variant=\"pi\" textColor=\"neutral600\">\r\n            {disclaimer}\r\n          </Typography>\r\n        </Box>\r\n      )}\r\n    </InputContainer>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Actions\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst Actions = ({ children }: { children: React.ReactNode }) => {\r\n  return (\r\n    <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap={2}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Input Compound\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const Input = {\r\n  Root,\r\n  Header,\r\n  HeaderItem,\r\n  Attachments,\r\n  Content,\r\n  Actions,\r\n  useInput,\r\n};\r\n"],"names":["InputContext","createContext","Root","children","isLoading","props","_jsx","Provider","value","Flex","direction","alignItems","width","position","Header","Box","bottom","left","right","background","HeaderItem","styled","theme","spaces","Attachments","gap","wrap","paddingBottom","maxHeight","overflow","InputContainer","$hasError","colors","danger600","primary600","Content","disclaimer","error","_jsxs","hasRadius","borderColor","borderWidth","borderStyle","padding","borderRadius","Typography","variant","textColor","Actions","justifyContent","Input"],"mappings":"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"}

package/dist/admin/components/AIChat/components/Messages/Marker.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var Collapsible = require('../Collapsible.js');
+
+const rotate = styledComponents.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const SpinningLoader = styledComponents.styled(Icons.Loader)`
+  animation: ${rotate} 1s linear infinite;
+`;
+const RotatingIcon = styledComponents.styled(designSystem.Box)`
+  transform: rotate(${({ $open })=>$open ? '180deg' : '0deg'});
+  transition: transform ${({ theme })=>theme.motion.timings['200']}
+    ${({ theme })=>theme.motion.easings.easeOutQuad};
+`;
+const Status = ({ status })=>{
+    switch(status){
+        case 'update':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "warning500",
+                children: "M"
+            });
+        case 'remove':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "danger500",
+                children: "D"
+            });
+        case 'create':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "success500",
+                children: "N"
+            });
+        default:
+            return null;
+    }
+};
+const Marker = ({ title, steps, state })=>{
+    const getStateIcon = ()=>{
+        switch(state){
+            case 'success':
+                return /*#__PURE__*/ jsxRuntime.jsx(Icons.Check, {
+                    fill: "success500"
+                });
+            case 'loading':
+                return /*#__PURE__*/ jsxRuntime.jsx(SpinningLoader, {});
+            case 'error':
+                return /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {
+                    fill: "danger500"
+                });
+            default:
+                return null;
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        borderWidth: "1px",
+        borderColor: "neutral200",
+        borderStyle: "solid",
+        hasRadius: true,
+        marginBottom: 3,
+        width: '336px',
+        children: /*#__PURE__*/ jsxRuntime.jsxs(Collapsible.Collapsible, {
+            defaultOpen: false,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(Collapsible.CollapsibleTrigger, {
+                    children: ({ open })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            padding: 3,
+                            borderColor: "neutral200",
+                            borderWidth: open ? '0 0 1px 0' : '0',
+                            borderStyle: "solid",
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                alignItems: "center",
+                                children: [
+                                    getStateIcon(),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        children: title
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                        marginLeft: "auto",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(RotatingIcon, {
+                                            as: Icons.ChevronDown,
+                                            $open: open
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(Collapsible.CollapsibleContent, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        gap: 3,
+                        padding: 3,
+                        direction: "column",
+                        children: steps.map((step)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                justifyContent: "space-between",
+                                width: "100%",
+                                padding: [
+                                    0,
+                                    1
+                                ],
+                                children: [
+                                    step.link ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                                        tag: reactRouterDom.Link,
+                                        to: step.link,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            children: step.description
+                                        })
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        children: step.description
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(Status, {
+                                        status: step.status
+                                    })
+                                ]
+                            }, step.id))
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.Marker = Marker;
+//# sourceMappingURL=Marker.js.map

package/dist/admin/components/AIChat/components/Messages/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Marker.tsx"],"sourcesContent":["import { Typography, Flex, Box, Link } from '@strapi/design-system';\r\nimport { Check, Loader, Cross, ChevronDown } from '@strapi/icons';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { styled, keyframes } from 'styled-components';\r\n\r\nimport { MarkerContent } from '../../lib/types/messages';\r\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../Collapsible';\r\n\r\nconst rotate = keyframes`\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n`;\r\n\r\nconst SpinningLoader = styled(Loader)`\r\n  animation: ${rotate} 1s linear infinite;\r\n`;\r\n\r\nconst RotatingIcon = styled(Box)<{ $open: boolean }>`\r\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\r\n  transition: transform ${({ theme }) => theme.motion.timings['200']}\r\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\r\n`;\r\n\r\nconst Status = ({ status }: { status: string }) => {\r\n  switch (status) {\r\n    case 'update':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"warning500\">\r\n          M\r\n        </Typography>\r\n      );\r\n    case 'remove':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\r\n          D\r\n        </Typography>\r\n      );\r\n    case 'create':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\r\n          N\r\n        </Typography>\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n};\r\n\r\nexport const Marker = ({ title, steps, state }: MarkerContent) => {\r\n  const getStateIcon = () => {\r\n    switch (state) {\r\n      case 'success':\r\n        return <Check fill=\"success500\" />;\r\n      case 'loading':\r\n        return <SpinningLoader />;\r\n      case 'error':\r\n        return <Cross fill=\"danger500\" />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      borderWidth=\"1px\"\r\n      borderColor=\"neutral200\"\r\n      borderStyle=\"solid\"\r\n      hasRadius\r\n      marginBottom={3}\r\n      width={'336px'}\r\n    >\r\n      <Collapsible defaultOpen={false}>\r\n        <CollapsibleTrigger>\r\n          {({ open }) => (\r\n            <Box\r\n              padding={3}\r\n              borderColor=\"neutral200\"\r\n              borderWidth={open ? '0 0 1px 0' : '0'}\r\n              borderStyle=\"solid\"\r\n            >\r\n              <Flex gap={2} alignItems=\"center\">\r\n                {getStateIcon()}\r\n                <Typography>{title}</Typography>\r\n                <Flex marginLeft=\"auto\">\r\n                  <RotatingIcon as={ChevronDown} $open={open} />\r\n                </Flex>\r\n              </Flex>\r\n            </Box>\r\n          )}\r\n        </CollapsibleTrigger>\r\n        <CollapsibleContent>\r\n          <Flex gap={3} padding={3} direction=\"column\">\r\n            {steps.map((step) => (\r\n              <Flex\r\n                key={step.id}\r\n                gap={2}\r\n                justifyContent=\"space-between\"\r\n                width=\"100%\"\r\n                padding={[0, 1]}\r\n              >\r\n                {/* <Typography>{step.description}</Typography> */}\r\n                {step.link ? (\r\n                  <Link tag={RouterLink} to={step.link}>\r\n                    <Typography>{step.description}</Typography>\r\n                  </Link>\r\n                ) : (\r\n                  <Typography>{step.description}</Typography>\r\n                )}\r\n                <Status status={step.status} />\r\n              </Flex>\r\n            ))}\r\n          </Flex>\r\n        </CollapsibleContent>\r\n      </Collapsible>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["rotate","keyframes","SpinningLoader","styled","Loader","RotatingIcon","Box","$open","theme","motion","timings","easings","easeOutQuad","Status","status","_jsx","Typography","fontWeight","textColor","Marker","title","steps","state","getStateIcon","Check","fill","Cross","borderWidth","borderColor","borderStyle","hasRadius","marginBottom","width","_jsxs","Collapsible","defaultOpen","CollapsibleTrigger","open","padding","Flex","gap","alignItems","marginLeft","as","ChevronDown","CollapsibleContent","direction","map","step","justifyContent","link","Link","tag","RouterLink","to","description","id"],"mappings":"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"}

package/dist/admin/components/AIChat/components/Messages/Marker.mjs

@@ -0,0 +1,136 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Flex, Typography, Link } from '@strapi/design-system';
+import { ChevronDown, Cross, Check, Loader } from '@strapi/icons';
+import { Link as Link$1 } from 'react-router-dom';
+import { styled, keyframes } from 'styled-components';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../Collapsible.mjs';
+
+const rotate = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const SpinningLoader = styled(Loader)`
+  animation: ${rotate} 1s linear infinite;
+`;
+const RotatingIcon = styled(Box)`
+  transform: rotate(${({ $open })=>$open ? '180deg' : '0deg'});
+  transition: transform ${({ theme })=>theme.motion.timings['200']}
+    ${({ theme })=>theme.motion.easings.easeOutQuad};
+`;
+const Status = ({ status })=>{
+    switch(status){
+        case 'update':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "warning500",
+                children: "M"
+            });
+        case 'remove':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "danger500",
+                children: "D"
+            });
+        case 'create':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "success500",
+                children: "N"
+            });
+        default:
+            return null;
+    }
+};
+const Marker = ({ title, steps, state })=>{
+    const getStateIcon = ()=>{
+        switch(state){
+            case 'success':
+                return /*#__PURE__*/ jsx(Check, {
+                    fill: "success500"
+                });
+            case 'loading':
+                return /*#__PURE__*/ jsx(SpinningLoader, {});
+            case 'error':
+                return /*#__PURE__*/ jsx(Cross, {
+                    fill: "danger500"
+                });
+            default:
+                return null;
+        }
+    };
+    return /*#__PURE__*/ jsx(Box, {
+        borderWidth: "1px",
+        borderColor: "neutral200",
+        borderStyle: "solid",
+        hasRadius: true,
+        marginBottom: 3,
+        width: '336px',
+        children: /*#__PURE__*/ jsxs(Collapsible, {
+            defaultOpen: false,
+            children: [
+                /*#__PURE__*/ jsx(CollapsibleTrigger, {
+                    children: ({ open })=>/*#__PURE__*/ jsx(Box, {
+                            padding: 3,
+                            borderColor: "neutral200",
+                            borderWidth: open ? '0 0 1px 0' : '0',
+                            borderStyle: "solid",
+                            children: /*#__PURE__*/ jsxs(Flex, {
+                                gap: 2,
+                                alignItems: "center",
+                                children: [
+                                    getStateIcon(),
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        children: title
+                                    }),
+                                    /*#__PURE__*/ jsx(Flex, {
+                                        marginLeft: "auto",
+                                        children: /*#__PURE__*/ jsx(RotatingIcon, {
+                                            as: ChevronDown,
+                                            $open: open
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                }),
+                /*#__PURE__*/ jsx(CollapsibleContent, {
+                    children: /*#__PURE__*/ jsx(Flex, {
+                        gap: 3,
+                        padding: 3,
+                        direction: "column",
+                        children: steps.map((step)=>/*#__PURE__*/ jsxs(Flex, {
+                                gap: 2,
+                                justifyContent: "space-between",
+                                width: "100%",
+                                padding: [
+                                    0,
+                                    1
+                                ],
+                                children: [
+                                    step.link ? /*#__PURE__*/ jsx(Link, {
+                                        tag: Link$1,
+                                        to: step.link,
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            children: step.description
+                                        })
+                                    }) : /*#__PURE__*/ jsx(Typography, {
+                                        children: step.description
+                                    }),
+                                    /*#__PURE__*/ jsx(Status, {
+                                        status: step.status
+                                    })
+                                ]
+                            }, step.id))
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { Marker };
+//# sourceMappingURL=Marker.mjs.map

package/dist/admin/components/AIChat/components/Messages/Marker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.mjs","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Marker.tsx"],"sourcesContent":["import { Typography, Flex, Box, Link } from '@strapi/design-system';\r\nimport { Check, Loader, Cross, ChevronDown } from '@strapi/icons';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { styled, keyframes } from 'styled-components';\r\n\r\nimport { MarkerContent } from '../../lib/types/messages';\r\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../Collapsible';\r\n\r\nconst rotate = keyframes`\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n`;\r\n\r\nconst SpinningLoader = styled(Loader)`\r\n  animation: ${rotate} 1s linear infinite;\r\n`;\r\n\r\nconst RotatingIcon = styled(Box)<{ $open: boolean }>`\r\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\r\n  transition: transform ${({ theme }) => theme.motion.timings['200']}\r\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\r\n`;\r\n\r\nconst Status = ({ status }: { status: string }) => {\r\n  switch (status) {\r\n    case 'update':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"warning500\">\r\n          M\r\n        </Typography>\r\n      );\r\n    case 'remove':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\r\n          D\r\n        </Typography>\r\n      );\r\n    case 'create':\r\n      return (\r\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\r\n          N\r\n        </Typography>\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n};\r\n\r\nexport const Marker = ({ title, steps, state }: MarkerContent) => {\r\n  const getStateIcon = () => {\r\n    switch (state) {\r\n      case 'success':\r\n        return <Check fill=\"success500\" />;\r\n      case 'loading':\r\n        return <SpinningLoader />;\r\n      case 'error':\r\n        return <Cross fill=\"danger500\" />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      borderWidth=\"1px\"\r\n      borderColor=\"neutral200\"\r\n      borderStyle=\"solid\"\r\n      hasRadius\r\n      marginBottom={3}\r\n      width={'336px'}\r\n    >\r\n      <Collapsible defaultOpen={false}>\r\n        <CollapsibleTrigger>\r\n          {({ open }) => (\r\n            <Box\r\n              padding={3}\r\n              borderColor=\"neutral200\"\r\n              borderWidth={open ? '0 0 1px 0' : '0'}\r\n              borderStyle=\"solid\"\r\n            >\r\n              <Flex gap={2} alignItems=\"center\">\r\n                {getStateIcon()}\r\n                <Typography>{title}</Typography>\r\n                <Flex marginLeft=\"auto\">\r\n                  <RotatingIcon as={ChevronDown} $open={open} />\r\n                </Flex>\r\n              </Flex>\r\n            </Box>\r\n          )}\r\n        </CollapsibleTrigger>\r\n        <CollapsibleContent>\r\n          <Flex gap={3} padding={3} direction=\"column\">\r\n            {steps.map((step) => (\r\n              <Flex\r\n                key={step.id}\r\n                gap={2}\r\n                justifyContent=\"space-between\"\r\n                width=\"100%\"\r\n                padding={[0, 1]}\r\n              >\r\n                {/* <Typography>{step.description}</Typography> */}\r\n                {step.link ? (\r\n                  <Link tag={RouterLink} to={step.link}>\r\n                    <Typography>{step.description}</Typography>\r\n                  </Link>\r\n                ) : (\r\n                  <Typography>{step.description}</Typography>\r\n                )}\r\n                <Status status={step.status} />\r\n              </Flex>\r\n            ))}\r\n          </Flex>\r\n        </CollapsibleContent>\r\n      </Collapsible>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["rotate","keyframes","SpinningLoader","styled","Loader","RotatingIcon","Box","$open","theme","motion","timings","easings","easeOutQuad","Status","status","_jsx","Typography","fontWeight","textColor","Marker","title","steps","state","getStateIcon","Check","fill","Cross","borderWidth","borderColor","borderStyle","hasRadius","marginBottom","width","_jsxs","Collapsible","defaultOpen","CollapsibleTrigger","open","padding","Flex","gap","alignItems","marginLeft","as","ChevronDown","CollapsibleContent","direction","map","step","justifyContent","link","Link","tag","RouterLink","to","description","id"],"mappings":"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"}