@strapi/content-type-builder 5.24.2 → 5.26.0

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

@@ -0,0 +1,126 @@
+'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 useInput = ()=>React.useContext(InputContext);
+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,
+    useInput
+};
+
+exports.Input = Input;
+exports.InputContext = InputContext;
+exports.Root = Root;
+exports.useInput = useInput;
+//# 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';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/* -------------------------------------------------------------------------------------------------\n * Input Context\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface InputContextValue {\n  isLoading?: boolean;\n}\n\nexport const InputContext = createContext<InputContextValue>({});\n\nexport const useInput = () => useContext(InputContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Input Root\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface InputRootProps extends React.ComponentPropsWithoutRef<typeof Flex> {\n  children: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport const Root = ({ children, isLoading = false, ...props }: InputRootProps) => {\n  return (\n    <InputContext.Provider\n      value={{\n        isLoading,\n      }}\n    >\n      <Flex\n        direction=\"column\"\n        alignItems={'flex-start'}\n        width=\"100%\"\n        position=\"relative\"\n        {...props}\n      >\n        {children}\n      </Flex>\n    </InputContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps extends React.ComponentPropsWithoutRef<typeof Box> {\n  children: React.ReactNode;\n  isThinking?: boolean;\n  thinkingMessage?: string;\n}\n\nconst Header = ({ children, ...props }: HeaderProps) => {\n  return (\n    <Box\n      position=\"absolute\"\n      bottom={'102%'}\n      left={0}\n      right={0}\n      background=\"neutral0\"\n      width=\"100%\"\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst HeaderItem = styled(Box)`\n  padding: ${({ theme }) => theme.spaces[3]} 0};\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Input Attachments\n * -----------------------------------------------------------------------------------------------*/\ninterface InputAttachmentsProps extends React.ComponentPropsWithoutRef<typeof Flex> {\n  children: React.ReactNode;\n}\n\nconst Attachments = ({ children, gap = 2, ...props }: InputAttachmentsProps) => {\n  return (\n    <Flex gap={gap} wrap=\"wrap\" paddingBottom={2} maxHeight=\"150px\" overflow=\"auto\" {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Content\n * -----------------------------------------------------------------------------------------------*/\n\nconst InputContainer = styled(Box)`\n  outline: none;\n  box-shadow: none;\n  transition-property: border-color, box-shadow, fill;\n  transition-duration: 0.2s;\n\n  &:focus-within {\n    border: 1px solid\n      ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.primary600)};\n    box-shadow: ${({ theme, $hasError }) =>\n        $hasError ? theme.colors.danger600 : theme.colors.primary600}\n      0px 0px 0px 2px;\n  }\n`;\n\ninterface ContentProps extends React.ComponentPropsWithoutRef<typeof Box> {\n  children: React.ReactNode;\n  disclaimer?: string;\n  error?: boolean;\n}\n\nconst Content = ({ children, disclaimer, error = false, ...props }: ContentProps) => {\n  return (\n    <InputContainer\n      background=\"neutral0\"\n      hasRadius\n      borderColor={error ? 'danger600' : 'neutral200'}\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      width=\"100%\"\n      $hasError={error}\n      {...props}\n    >\n      <Box padding={3}>{children}</Box>\n      {disclaimer && (\n        <Box\n          background=\"neutral100\"\n          padding={[2, 3]}\n          borderColor=\"neutral200\"\n          borderWidth=\"1px 0 0 0\"\n          borderStyle=\"solid\"\n          borderRadius={'0 0 4px 4px'}\n        >\n          <Typography variant=\"pi\" textColor=\"neutral600\">\n            {disclaimer}\n          </Typography>\n        </Box>\n      )}\n    </InputContainer>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Actions\n * -----------------------------------------------------------------------------------------------*/\n\nconst Actions = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap={2}>\n      {children}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Compound\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Input = {\n  Root,\n  Header,\n  HeaderItem,\n  Attachments,\n  Content,\n  Actions,\n  useInput,\n};\n"],"names":["InputContext","createContext","useInput","useContext","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,121 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const InputContext = /*#__PURE__*/ createContext({});
+const useInput = ()=>useContext(InputContext);
+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,
+    useInput
+};
+
+export { Input, InputContext, Root, useInput };
+//# 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';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/* -------------------------------------------------------------------------------------------------\n * Input Context\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface InputContextValue {\n  isLoading?: boolean;\n}\n\nexport const InputContext = createContext<InputContextValue>({});\n\nexport const useInput = () => useContext(InputContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Input Root\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface InputRootProps extends React.ComponentPropsWithoutRef<typeof Flex> {\n  children: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport const Root = ({ children, isLoading = false, ...props }: InputRootProps) => {\n  return (\n    <InputContext.Provider\n      value={{\n        isLoading,\n      }}\n    >\n      <Flex\n        direction=\"column\"\n        alignItems={'flex-start'}\n        width=\"100%\"\n        position=\"relative\"\n        {...props}\n      >\n        {children}\n      </Flex>\n    </InputContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps extends React.ComponentPropsWithoutRef<typeof Box> {\n  children: React.ReactNode;\n  isThinking?: boolean;\n  thinkingMessage?: string;\n}\n\nconst Header = ({ children, ...props }: HeaderProps) => {\n  return (\n    <Box\n      position=\"absolute\"\n      bottom={'102%'}\n      left={0}\n      right={0}\n      background=\"neutral0\"\n      width=\"100%\"\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst HeaderItem = styled(Box)`\n  padding: ${({ theme }) => theme.spaces[3]} 0};\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Input Attachments\n * -----------------------------------------------------------------------------------------------*/\ninterface InputAttachmentsProps extends React.ComponentPropsWithoutRef<typeof Flex> {\n  children: React.ReactNode;\n}\n\nconst Attachments = ({ children, gap = 2, ...props }: InputAttachmentsProps) => {\n  return (\n    <Flex gap={gap} wrap=\"wrap\" paddingBottom={2} maxHeight=\"150px\" overflow=\"auto\" {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Content\n * -----------------------------------------------------------------------------------------------*/\n\nconst InputContainer = styled(Box)`\n  outline: none;\n  box-shadow: none;\n  transition-property: border-color, box-shadow, fill;\n  transition-duration: 0.2s;\n\n  &:focus-within {\n    border: 1px solid\n      ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.primary600)};\n    box-shadow: ${({ theme, $hasError }) =>\n        $hasError ? theme.colors.danger600 : theme.colors.primary600}\n      0px 0px 0px 2px;\n  }\n`;\n\ninterface ContentProps extends React.ComponentPropsWithoutRef<typeof Box> {\n  children: React.ReactNode;\n  disclaimer?: string;\n  error?: boolean;\n}\n\nconst Content = ({ children, disclaimer, error = false, ...props }: ContentProps) => {\n  return (\n    <InputContainer\n      background=\"neutral0\"\n      hasRadius\n      borderColor={error ? 'danger600' : 'neutral200'}\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      width=\"100%\"\n      $hasError={error}\n      {...props}\n    >\n      <Box padding={3}>{children}</Box>\n      {disclaimer && (\n        <Box\n          background=\"neutral100\"\n          padding={[2, 3]}\n          borderColor=\"neutral200\"\n          borderWidth=\"1px 0 0 0\"\n          borderStyle=\"solid\"\n          borderRadius={'0 0 4px 4px'}\n        >\n          <Typography variant=\"pi\" textColor=\"neutral600\">\n            {disclaimer}\n          </Typography>\n        </Box>\n      )}\n    </InputContainer>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Actions\n * -----------------------------------------------------------------------------------------------*/\n\nconst Actions = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap={2}>\n      {children}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input Compound\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Input = {\n  Root,\n  Header,\n  HeaderItem,\n  Attachments,\n  Content,\n  Actions,\n  useInput,\n};\n"],"names":["InputContext","createContext","useInput","useContext","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';\nimport { Check, Loader, Cross, ChevronDown } from '@strapi/icons';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { styled, keyframes } from 'styled-components';\n\nimport { MarkerContent } from '../../lib/types/messages';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../Collapsible';\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nconst SpinningLoader = styled(Loader)`\n  animation: ${rotate} 1s linear infinite;\n`;\n\nconst RotatingIcon = styled(Box)<{ $open: boolean }>`\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\n  transition: transform ${({ theme }) => theme.motion.timings['200']}\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\n`;\n\nconst Status = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'update':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"warning500\">\n          M\n        </Typography>\n      );\n    case 'remove':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\n          D\n        </Typography>\n      );\n    case 'create':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\n          N\n        </Typography>\n      );\n    default:\n      return null;\n  }\n};\n\nexport const Marker = ({ title, steps, state }: MarkerContent) => {\n  const getStateIcon = () => {\n    switch (state) {\n      case 'success':\n        return <Check fill=\"success500\" />;\n      case 'loading':\n        return <SpinningLoader />;\n      case 'error':\n        return <Cross fill=\"danger500\" />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <Box\n      borderWidth=\"1px\"\n      borderColor=\"neutral200\"\n      borderStyle=\"solid\"\n      hasRadius\n      marginBottom={3}\n      width={'336px'}\n    >\n      <Collapsible defaultOpen={false}>\n        <CollapsibleTrigger>\n          {({ open }) => (\n            <Box\n              padding={3}\n              borderColor=\"neutral200\"\n              borderWidth={open ? '0 0 1px 0' : '0'}\n              borderStyle=\"solid\"\n            >\n              <Flex gap={2} alignItems=\"center\">\n                {getStateIcon()}\n                <Typography>{title}</Typography>\n                <Flex marginLeft=\"auto\">\n                  <RotatingIcon as={ChevronDown} $open={open} />\n                </Flex>\n              </Flex>\n            </Box>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <Flex gap={3} padding={3} direction=\"column\">\n            {steps.map((step) => (\n              <Flex\n                key={step.id}\n                gap={2}\n                justifyContent=\"space-between\"\n                width=\"100%\"\n                padding={[0, 1]}\n              >\n                {/* <Typography>{step.description}</Typography> */}\n                {step.link ? (\n                  <Link tag={RouterLink} to={step.link}>\n                    <Typography>{step.description}</Typography>\n                  </Link>\n                ) : (\n                  <Typography>{step.description}</Typography>\n                )}\n                <Status status={step.status} />\n              </Flex>\n            ))}\n          </Flex>\n        </CollapsibleContent>\n      </Collapsible>\n    </Box>\n  );\n};\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 { Loader, ChevronDown, Cross, Check } from '@strapi/icons';
+import { Link as Link$1 } from 'react-router-dom';
+import { keyframes, styled } 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';\nimport { Check, Loader, Cross, ChevronDown } from '@strapi/icons';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { styled, keyframes } from 'styled-components';\n\nimport { MarkerContent } from '../../lib/types/messages';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../Collapsible';\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nconst SpinningLoader = styled(Loader)`\n  animation: ${rotate} 1s linear infinite;\n`;\n\nconst RotatingIcon = styled(Box)<{ $open: boolean }>`\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\n  transition: transform ${({ theme }) => theme.motion.timings['200']}\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\n`;\n\nconst Status = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'update':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"warning500\">\n          M\n        </Typography>\n      );\n    case 'remove':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\n          D\n        </Typography>\n      );\n    case 'create':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\n          N\n        </Typography>\n      );\n    default:\n      return null;\n  }\n};\n\nexport const Marker = ({ title, steps, state }: MarkerContent) => {\n  const getStateIcon = () => {\n    switch (state) {\n      case 'success':\n        return <Check fill=\"success500\" />;\n      case 'loading':\n        return <SpinningLoader />;\n      case 'error':\n        return <Cross fill=\"danger500\" />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <Box\n      borderWidth=\"1px\"\n      borderColor=\"neutral200\"\n      borderStyle=\"solid\"\n      hasRadius\n      marginBottom={3}\n      width={'336px'}\n    >\n      <Collapsible defaultOpen={false}>\n        <CollapsibleTrigger>\n          {({ open }) => (\n            <Box\n              padding={3}\n              borderColor=\"neutral200\"\n              borderWidth={open ? '0 0 1px 0' : '0'}\n              borderStyle=\"solid\"\n            >\n              <Flex gap={2} alignItems=\"center\">\n                {getStateIcon()}\n                <Typography>{title}</Typography>\n                <Flex marginLeft=\"auto\">\n                  <RotatingIcon as={ChevronDown} $open={open} />\n                </Flex>\n              </Flex>\n            </Box>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <Flex gap={3} padding={3} direction=\"column\">\n            {steps.map((step) => (\n              <Flex\n                key={step.id}\n                gap={2}\n                justifyContent=\"space-between\"\n                width=\"100%\"\n                padding={[0, 1]}\n              >\n                {/* <Typography>{step.description}</Typography> */}\n                {step.link ? (\n                  <Link tag={RouterLink} to={step.link}>\n                    <Typography>{step.description}</Typography>\n                  </Link>\n                ) : (\n                  <Typography>{step.description}</Typography>\n                )}\n                <Status status={step.status} />\n              </Flex>\n            ))}\n          </Flex>\n        </CollapsibleContent>\n      </Collapsible>\n    </Box>\n  );\n};\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":";;;;;;;AAQA,MAAMA,MAAAA,GAASC,SAAS;;;;;;;AAOxB,CAAC;AAED,MAAMC,cAAAA,GAAiBC,MAAOC,CAAAA,MAAAA,CAAO;AACxB,aAAA,EAAEJ,MAAO,CAAA;AACtB,CAAC;AAED,MAAMK,YAAAA,GAAeF,MAAOG,CAAAA,GAAAA,CAAwB;AAChC,oBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAMA,KAAAA,GAAQ,WAAW,MAAQ,CAAA;wBACzC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,OAAO,CAAC,KAAA,CAAM;IAChE,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACE,OAAO,CAACC,WAAW,CAAC;AACtD,CAAC;AAED,MAAMC,MAAS,GAAA,CAAC,EAAEC,MAAM,EAAsB,GAAA;IAC5C,OAAQA,MAAAA;QACN,KAAK,QAAA;AACH,YAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,YAAA;AAAa,gBAAA,QAAA,EAAA;;QAI7D,KAAK,QAAA;AACH,YAAA,qBACEH,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,WAAA;AAAY,gBAAA,QAAA,EAAA;;QAI5D,KAAK,QAAA;AACH,YAAA,qBACEH,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,YAAA;AAAa,gBAAA,QAAA,EAAA;;AAI7D,QAAA;YACE,OAAO,IAAA;AACX;AACF,CAAA;AAEO,MAAMC,SAAS,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAiB,GAAA;AAC3D,IAAA,MAAMC,YAAe,GAAA,IAAA;QACnB,OAAQD,KAAAA;YACN,KAAK,SAAA;AACH,gBAAA,qBAAOP,GAACS,CAAAA,KAAAA,EAAAA;oBAAMC,IAAK,EAAA;;YACrB,KAAK,SAAA;AACH,gBAAA,qBAAOV,GAACb,CAAAA,cAAAA,EAAAA,EAAAA,CAAAA;YACV,KAAK,OAAA;AACH,gBAAA,qBAAOa,GAACW,CAAAA,KAAAA,EAAAA;oBAAMD,IAAK,EAAA;;AACrB,YAAA;gBACE,OAAO,IAAA;AACX;AACF,KAAA;AAEA,IAAA,qBACEV,GAACT,CAAAA,GAAAA,EAAAA;QACCqB,WAAY,EAAA,KAAA;QACZC,WAAY,EAAA,YAAA;QACZC,WAAY,EAAA,OAAA;QACZC,SAAS,EAAA,IAAA;QACTC,YAAc,EAAA,CAAA;QACdC,KAAO,EAAA,OAAA;AAEP,QAAA,QAAA,gBAAAC,IAACC,CAAAA,WAAAA,EAAAA;YAAYC,WAAa,EAAA,KAAA;;8BACxBpB,GAACqB,CAAAA,kBAAAA,EAAAA;AACE,oBAAA,QAAA,EAAA,CAAC,EAAEC,IAAI,EAAE,iBACRtB,GAACT,CAAAA,GAAAA,EAAAA;4BACCgC,OAAS,EAAA,CAAA;4BACTV,WAAY,EAAA,YAAA;AACZD,4BAAAA,WAAAA,EAAaU,OAAO,WAAc,GAAA,GAAA;4BAClCR,WAAY,EAAA,OAAA;AAEZ,4BAAA,QAAA,gBAAAI,IAACM,CAAAA,IAAAA,EAAAA;gCAAKC,GAAK,EAAA,CAAA;gCAAGC,UAAW,EAAA,QAAA;;AACtBlB,oCAAAA,YAAAA,EAAAA;kDACDR,GAACC,CAAAA,UAAAA,EAAAA;AAAYI,wCAAAA,QAAAA,EAAAA;;kDACbL,GAACwB,CAAAA,IAAAA,EAAAA;wCAAKG,UAAW,EAAA,MAAA;AACf,wCAAA,QAAA,gBAAA3B,GAACV,CAAAA,YAAAA,EAAAA;4CAAasC,EAAIC,EAAAA,WAAAA;4CAAarC,KAAO8B,EAAAA;;;;;;;8BAMhDtB,GAAC8B,CAAAA,kBAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAA9B,GAACwB,CAAAA,IAAAA,EAAAA;wBAAKC,GAAK,EAAA,CAAA;wBAAGF,OAAS,EAAA,CAAA;wBAAGQ,SAAU,EAAA,QAAA;AACjCzB,wBAAAA,QAAAA,EAAAA,KAAAA,CAAM0B,GAAG,CAAC,CAACC,IAAAA,iBACVf,IAACM,CAAAA,IAAAA,EAAAA;gCAECC,GAAK,EAAA,CAAA;gCACLS,cAAe,EAAA,eAAA;gCACfjB,KAAM,EAAA,MAAA;gCACNM,OAAS,EAAA;AAAC,oCAAA,CAAA;AAAG,oCAAA;AAAE,iCAAA;;oCAGdU,IAAKE,CAAAA,IAAI,iBACRnC,GAACoC,CAAAA,IAAAA,EAAAA;wCAAKC,GAAKC,EAAAA,MAAAA;AAAYC,wCAAAA,EAAAA,EAAIN,KAAKE,IAAI;AAClC,wCAAA,QAAA,gBAAAnC,GAACC,CAAAA,UAAAA,EAAAA;AAAYgC,4CAAAA,QAAAA,EAAAA,IAAAA,CAAKO;;uDAGpBxC,GAACC,CAAAA,UAAAA,EAAAA;AAAYgC,wCAAAA,QAAAA,EAAAA,IAAAA,CAAKO;;kDAEpBxC,GAACF,CAAAA,MAAAA,EAAAA;AAAOC,wCAAAA,MAAAA,EAAQkC,KAAKlC;;;AAdhBkC,6BAAAA,EAAAA,IAAAA,CAAKQ,EAAE,CAAA;;;;;;AAsB5B;;;;"}