@strapi/content-type-builder 5.25.0 → 5.27.0

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

@@ -0,0 +1,373 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState, createContext } from 'react';
+import { Flex, Typography, Link, Box, TextInput, Button, Grid } from '@strapi/design-system';
+import { ImagePreview } from './components/ImagePreview.mjs';
+import { StepModal, useStepModal } from './components/StepModal.mjs';
+import { useAttachments } from './hooks/useAttachments.mjs';
+import { useFigmaUpload, hasFigmaToken, getFigmaToken, saveFigmaToken } from './hooks/useFigmaUpload.mjs';
+import { useTranslations } from './hooks/useTranslations.mjs';
+import { useStrapiChat } from './providers/ChatProvider.mjs';
+
+const UploadFigmaContext = /*#__PURE__*/ createContext({
+    isFigmaUploadOpen: false,
+    submitOnFinish: false,
+    openFigmaUpload: ()=>{},
+    closeFigmaUpload: ()=>{}
+});
+const useUploadFigmaToChat = ()=>{
+    const context = useContext(UploadFigmaContext);
+    if (!context) {
+        throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');
+    }
+    return context;
+};
+const UploadFigmaToChatProvider = ({ children })=>{
+    const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false
+    const [submitOnFinish, setSubmitOnFinish] = useState(false);
+    const openFigmaUpload = (submitOnFinishParam)=>{
+        setIsFigmaUploadOpen(true);
+        setSubmitOnFinish(submitOnFinishParam ?? false);
+    };
+    const closeFigmaUpload = ()=>setIsFigmaUploadOpen(false);
+    return /*#__PURE__*/ jsxs(UploadFigmaContext.Provider, {
+        value: {
+            isFigmaUploadOpen,
+            submitOnFinish,
+            openFigmaUpload,
+            closeFigmaUpload
+        },
+        children: [
+            isFigmaUploadOpen && /*#__PURE__*/ jsx(UploadFigmaModal, {}),
+            children
+        ]
+    });
+};
+const FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl })=>{
+    const { t } = useTranslations();
+    const { isLoading } = useStepModal();
+    const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());
+    const [figmaToken, setFigmaToken] = useState(getFigmaToken);
+    // Handle saving token and returning to URL input
+    const handleSaveToken = ()=>{
+        if (figmaToken.trim()) {
+            saveFigmaToken(figmaToken);
+            setShowingTokenInput(false);
+        }
+    };
+    // If we need to show token step, render the token input
+    if (showingTokenInput) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            gap: 6,
+            alignItems: "start",
+            children: [
+                /*#__PURE__*/ jsxs(Flex, {
+                    direction: "column",
+                    gap: 2,
+                    alignItems: "start",
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: "beta",
+                            children: t('chat.figma-upload.token-title', 'Enter Figma API Token')
+                        }),
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: "omega",
+                            textColor: "neutral600",
+                            children: t('chat.figma-upload.token-description', 'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.')
+                        }),
+                        /*#__PURE__*/ jsx(Link, {
+                            href: "https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens",
+                            isExternal: true,
+                            children: t('chat.figma-upload.token-help', 'How to get a Figma API token')
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Box, {
+                    width: "100%",
+                    children: /*#__PURE__*/ jsx(TextInput, {
+                        name: "figma-token",
+                        placeholder: t('chat.figma-upload.token-placeholder', 'Enter Figma API token'),
+                        "aria-label": t('chat.figma-upload.token-placeholder', 'Enter Figma API token'),
+                        value: figmaToken,
+                        onChange: (e)=>setFigmaToken(e.target.value),
+                        width: "100%",
+                        disabled: isLoading,
+                        type: "password"
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Flex, {
+                    gap: 2,
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            onClick: handleSaveToken,
+                            disabled: !figmaToken.trim(),
+                            variant: "secondary",
+                            children: t('chat.figma-upload.save-token', 'Save token')
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            onClick: ()=>setShowingTokenInput(false),
+                            variant: "tertiary",
+                            disabled: !hasFigmaToken(),
+                            children: t('chat.figma-upload.cancel', 'Cancel')
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    // Otherwise render the URL input
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        gap: 6,
+        alignItems: "start",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                gap: 2,
+                alignItems: "start",
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsxs(Flex, {
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "beta",
+                                children: t('chat.figma-upload.title', 'Import Figma Design')
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                onClick: ()=>setShowingTokenInput(true),
+                                variant: "tertiary",
+                                size: "S",
+                                children: t('chat.figma-upload.edit-token', 'Edit API token')
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "omega",
+                        textColor: "neutral600",
+                        children: t('chat.figma-upload.description', 'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                width: "100%",
+                children: /*#__PURE__*/ jsx(TextInput, {
+                    name: "figma-url",
+                    placeholder: t('chat.figma-upload.url-placeholder', 'Enter Figma URL'),
+                    "aria-label": t('chat.figma-upload.url-placeholder', 'Enter Figma URL'),
+                    value: figmaUrl,
+                    onChange: (e)=>setFigmaUrl(e.target.value),
+                    width: "100%",
+                    disabled: isLoading
+                })
+            })
+        ]
+    });
+};
+const FigmaImageDisplayStep = ({ images, selectedImages, setSelectedImages })=>{
+    const { t } = useTranslations();
+    // Handle select/deselect all
+    const toggleSelectAll = ()=>{
+        if (selectedImages.length === images.length) {
+            // Deselect all if all or max allowed are selected
+            setSelectedImages([]);
+        } else {
+            // Select all images up to the max limit
+            const allImageIds = images.map((img)=>img.id);
+            setSelectedImages(allImageIds);
+        }
+    };
+    if (images.length === 0) {
+        return /*#__PURE__*/ jsx(Flex, {
+            direction: "column",
+            gap: 4,
+            alignItems: "center",
+            padding: 4,
+            children: /*#__PURE__*/ jsx(Typography, {
+                variant: "omega",
+                children: t('chat.figma-upload.no-images', 'No frames found in the Figma file.')
+            })
+        });
+    }
+    // Handle individual frame selection
+    const handleFrameSelection = (frameId)=>{
+        const newSelection = selectedImages.includes(frameId) ? selectedImages.filter((id)=>id !== frameId) : [
+            ...selectedImages,
+            frameId
+        ];
+        setSelectedImages(newSelection);
+    };
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        gap: 4,
+        alignItems: "start",
+        width: "100%",
+        height: "min(45vh, 400px)",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                width: "100%",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "beta",
+                        children: t('chat.figma-upload.select-images', 'Select Frames to Import')
+                    }),
+                    /*#__PURE__*/ jsxs(Flex, {
+                        gap: 3,
+                        alignItems: "center",
+                        children: [
+                            /*#__PURE__*/ jsxs(Typography, {
+                                children: [
+                                    selectedImages.length,
+                                    " of ",
+                                    images.length,
+                                    " selected"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                onClick: toggleSelectAll,
+                                type: "button",
+                                variant: "secondary",
+                                children: selectedImages.length === images.length ? t('chat.figma-upload.deselect-all', 'Deselect All') : t('chat.figma-upload.select-all', 'Select All')
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                paddingRight: 4,
+                width: "100%",
+                style: {
+                    overflowY: 'auto'
+                },
+                children: /*#__PURE__*/ jsx(Grid.Root, {
+                    gap: 4,
+                    children: images.map((frame, index)=>{
+                        const isSelected = selectedImages.includes(frame.id);
+                        return /*#__PURE__*/ jsx(Grid.Item, {
+                            col: 6,
+                            padding: '1px',
+                            children: /*#__PURE__*/ jsx(ImagePreview, {
+                                imageUrl: frame.url,
+                                imageName: frame.filename || `Frame ${index + 1}`,
+                                selected: isSelected,
+                                onSelect: ()=>handleFrameSelection(frame.id)
+                            })
+                        }, frame.id);
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ const UploadFigmaModal = ()=>{
+    const [figmaUrl, setFigmaUrl] = useState('');
+    const [figmaImages, setFigmaImages] = useState([]);
+    const [selectedImages, setSelectedImages] = useState([]);
+    const { t } = useTranslations();
+    const { addAttachments } = useAttachments();
+    const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();
+    const { input, setInput, setMessages, sendMessage, openChat } = useStrapiChat();
+    const { processFigmaUrl, isLoading, error } = useFigmaUpload({
+        onSuccess: (images)=>{
+            setFigmaImages(images);
+            // Initialize with first 15 images selected
+            const initialSelection = images.slice(0, 15).map((img)=>img.id);
+            setSelectedImages(initialSelection);
+        }
+    });
+    const handleImportStep = async ()=>{
+        await processFigmaUrl(figmaUrl);
+        return true;
+    };
+    // Validate if the URL is a valid Figma URL
+    const isValidFigmaUrl = (url)=>{
+        if (!url) return false;
+        try {
+            const urlObj = new URL(url);
+            return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';
+        } catch (e) {
+            return false;
+        }
+    };
+    const handleCancel = ()=>{
+        // Reset all state on cancel
+        setFigmaUrl('');
+        setFigmaImages([]);
+        setSelectedImages([]);
+        closeFigmaUpload();
+    };
+    const handleComplete = ()=>{
+        // Only attach the selected images
+        const selectedFigmaImages = figmaImages.filter((img)=>selectedImages.includes(img.id));
+        if (selectedFigmaImages.length === 0) {
+            closeFigmaUpload();
+            return;
+        }
+        // Ensure chat is opened
+        openChat();
+        if (submitOnFinish) {
+            // Auto-submit a message to chat with attachments
+            sendMessage({
+                role: 'user',
+                parts: [
+                    {
+                        type: 'text',
+                        text: 'Create schemas from the attached images'
+                    },
+                    ...selectedFigmaImages
+                ]
+            });
+            closeFigmaUpload();
+        } else {
+            // If input is empty, set a predefined message
+            if (!input) {
+                setInput('Create schemas from the attached images');
+            }
+            addAttachments(selectedFigmaImages);
+            closeFigmaUpload();
+        }
+    };
+    return /*#__PURE__*/ jsxs(StepModal, {
+        open: isFigmaUploadOpen,
+        onOpenChange: (isOpen)=>{
+            if (!isOpen) handleCancel();
+        },
+        title: t('chat.figma-upload.header', 'Import from Figma'),
+        onCancel: handleCancel,
+        onComplete: handleComplete,
+        children: [
+            /*#__PURE__*/ jsx(StepModal.Step, {
+                title: t('chat.figma-upload.step1-title', 'Enter Figma URL'),
+                nextLabel: t('chat.figma-upload.import-button', 'Import'),
+                cancelLabel: t('form.button.cancel', 'Cancel'),
+                disableNext: !figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl),
+                onNext: handleImportStep,
+                children: /*#__PURE__*/ jsx(FigmaUrlInputStep, {
+                    figmaUrl: figmaUrl,
+                    setFigmaUrl: setFigmaUrl,
+                    error: error
+                })
+            }),
+            /*#__PURE__*/ jsx(StepModal.Step, {
+                title: t('chat.figma-upload.step2-title', 'Preview Images'),
+                nextLabel: t('form.button.finish', 'Finish'),
+                backLabel: t('form.button.back', 'Back'),
+                disableNext: selectedImages.length === 0,
+                children: /*#__PURE__*/ jsx(FigmaImageDisplayStep, {
+                    images: figmaImages,
+                    selectedImages: selectedImages,
+                    setSelectedImages: setSelectedImages
+                })
+            })
+        ]
+    });
+};
+
+export { UploadFigmaModal, UploadFigmaToChatProvider, useUploadFigmaToChat };
+//# sourceMappingURL=UploadFigmaModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFigmaModal.mjs","sources":["../../../../admin/src/components/AIChat/UploadFigmaModal.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport { Flex, Typography, Box, TextInput, Grid, Button, Link } from '@strapi/design-system'; // Added Link\n\nimport { ImagePreview } from './components/ImagePreview';\nimport { StepModal, useStepModal } from './components/StepModal';\nimport { useAttachments } from './hooks/useAttachments';\nimport {\n  FigmaImage,\n  useFigmaUpload,\n  getFigmaToken,\n  saveFigmaToken,\n  hasFigmaToken,\n} from './hooks/useFigmaUpload';\nimport { useTranslations } from './hooks/useTranslations';\nimport { useStrapiChat } from './providers/ChatProvider';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface UploadFigmaContextType {\n  isFigmaUploadOpen: boolean;\n  submitOnFinish: boolean;\n  openFigmaUpload: (submitOnFinish?: boolean) => void;\n  closeFigmaUpload: () => void;\n}\n\nconst UploadFigmaContext = createContext<UploadFigmaContextType>({\n  isFigmaUploadOpen: false,\n  submitOnFinish: false,\n  openFigmaUpload: () => {},\n  closeFigmaUpload: () => {},\n});\n\nexport const useUploadFigmaToChat = () => {\n  const context = useContext(UploadFigmaContext);\n  if (!context) {\n    throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');\n  }\n  return context;\n};\n\nexport const UploadFigmaToChatProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false\n  const [submitOnFinish, setSubmitOnFinish] = useState(false);\n\n  const openFigmaUpload = (submitOnFinishParam?: boolean) => {\n    setIsFigmaUploadOpen(true);\n    setSubmitOnFinish(submitOnFinishParam ?? false);\n  };\n\n  const closeFigmaUpload = () => setIsFigmaUploadOpen(false);\n\n  return (\n    <UploadFigmaContext.Provider\n      value={{ isFigmaUploadOpen, submitOnFinish, openFigmaUpload, closeFigmaUpload }}\n    >\n      {isFigmaUploadOpen && <UploadFigmaModal />}\n      {children}\n    </UploadFigmaContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 1 - Input Figma URL\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaUrlInputStepProps {\n  figmaUrl: string;\n  setFigmaUrl: (url: string) => void;\n  error: string | null; // Error state from useFigmaUpload\n}\n\nconst FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl }: FigmaUrlInputStepProps) => {\n  const { t } = useTranslations();\n  const { isLoading } = useStepModal();\n  const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());\n  const [figmaToken, setFigmaToken] = useState<string>(getFigmaToken);\n\n  // Handle saving token and returning to URL input\n  const handleSaveToken = () => {\n    if (figmaToken.trim()) {\n      saveFigmaToken(figmaToken);\n      setShowingTokenInput(false);\n    }\n  };\n\n  // If we need to show token step, render the token input\n  if (showingTokenInput) {\n    return (\n      <Flex direction=\"column\" gap={6} alignItems=\"start\">\n        <Flex direction=\"column\" gap={2} alignItems=\"start\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.token-title', 'Enter Figma API Token')}\n          </Typography>\n          <Typography variant=\"omega\" textColor=\"neutral600\">\n            {t(\n              'chat.figma-upload.token-description',\n              'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.'\n            )}\n          </Typography>\n          <Link\n            href=\"https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens\"\n            isExternal\n          >\n            {t('chat.figma-upload.token-help', 'How to get a Figma API token')}\n          </Link>\n        </Flex>\n\n        <Box width=\"100%\">\n          <TextInput\n            name=\"figma-token\"\n            placeholder={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            aria-label={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            value={figmaToken}\n            onChange={(e) => setFigmaToken(e.target.value)}\n            width=\"100%\"\n            disabled={isLoading}\n            type=\"password\"\n          />\n        </Box>\n\n        <Flex gap={2}>\n          <Button onClick={handleSaveToken} disabled={!figmaToken.trim()} variant=\"secondary\">\n            {t('chat.figma-upload.save-token', 'Save token')}\n          </Button>\n          <Button\n            onClick={() => setShowingTokenInput(false)}\n            variant=\"tertiary\"\n            disabled={!hasFigmaToken()}\n          >\n            {t('chat.figma-upload.cancel', 'Cancel')}\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // Otherwise render the URL input\n  return (\n    <Flex direction=\"column\" gap={6} alignItems=\"start\">\n      <Flex direction=\"column\" gap={2} alignItems=\"start\" width=\"100%\">\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.title', 'Import Figma Design')}\n          </Typography>\n          <Button onClick={() => setShowingTokenInput(true)} variant=\"tertiary\" size=\"S\">\n            {t('chat.figma-upload.edit-token', 'Edit API token')}\n          </Button>\n        </Flex>\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {t(\n            'chat.figma-upload.description',\n            'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)'\n          )}\n        </Typography>\n      </Flex>\n\n      <Box width=\"100%\">\n        <TextInput\n          name=\"figma-url\"\n          placeholder={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          aria-label={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          value={figmaUrl}\n          onChange={(e) => setFigmaUrl(e.target.value)}\n          width=\"100%\"\n          disabled={isLoading}\n        />\n      </Box>\n\n      {/* {error && (\n        <Box padding={3} background=\"danger100\" color=\"danger600\" borderRadius=\"4px\" width=\"100%\">\n          <Typography variant=\"pi\">{error}</Typography>\n        </Box>\n      )} */}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 2 - Display Figma Images\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaImageDisplayStepProps {\n  images: FigmaImage[];\n  selectedImages: string[];\n  setSelectedImages: (images: string[]) => void;\n}\n\nconst FigmaImageDisplayStep = ({\n  images,\n  selectedImages,\n  setSelectedImages,\n}: FigmaImageDisplayStepProps) => {\n  const { t } = useTranslations();\n\n  // Handle select/deselect all\n  const toggleSelectAll = () => {\n    if (selectedImages.length === images.length) {\n      // Deselect all if all or max allowed are selected\n      setSelectedImages([]);\n    } else {\n      // Select all images up to the max limit\n      const allImageIds = images.map((img) => img.id);\n      setSelectedImages(allImageIds);\n    }\n  };\n\n  if (images.length === 0) {\n    return (\n      <Flex direction=\"column\" gap={4} alignItems=\"center\" padding={4}>\n        <Typography variant=\"omega\">\n          {t('chat.figma-upload.no-images', 'No frames found in the Figma file.')}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // Handle individual frame selection\n  const handleFrameSelection = (frameId: string) => {\n    const newSelection = selectedImages.includes(frameId)\n      ? selectedImages.filter((id) => id !== frameId)\n      : [...selectedImages, frameId];\n\n    setSelectedImages(newSelection);\n  };\n\n  return (\n    <Flex direction=\"column\" gap={4} alignItems=\"start\" width=\"100%\" height=\"min(45vh, 400px)\">\n      <Flex justifyContent=\"space-between\" width=\"100%\" alignItems=\"center\">\n        <Typography variant=\"beta\">\n          {t('chat.figma-upload.select-images', 'Select Frames to Import')}\n        </Typography>\n        <Flex gap={3} alignItems=\"center\">\n          <Typography>\n            {selectedImages.length} of {images.length} selected\n          </Typography>\n          <Button onClick={toggleSelectAll} type=\"button\" variant=\"secondary\">\n            {/* Determine if select all button should show \"Select All\" or \"Deselect All\" */}\n            {selectedImages.length === images.length\n              ? t('chat.figma-upload.deselect-all', 'Deselect All')\n              : t('chat.figma-upload.select-all', 'Select All')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Box paddingRight={4} width=\"100%\" style={{ overflowY: 'auto' }}>\n        <Grid.Root gap={4}>\n          {images.map((frame, index) => {\n            const isSelected = selectedImages.includes(frame.id);\n            return (\n              <Grid.Item key={frame.id} col={6} padding={'1px'}>\n                <ImagePreview\n                  imageUrl={frame.url}\n                  imageName={frame.filename || `Frame ${index + 1}`}\n                  selected={isSelected}\n                  onSelect={() => handleFrameSelection(frame.id)}\n                />\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\nexport const UploadFigmaModal = () => {\n  const [figmaUrl, setFigmaUrl] = useState<string>('');\n  const [figmaImages, setFigmaImages] = useState<FigmaImage[]>([]);\n  const [selectedImages, setSelectedImages] = useState<string[]>([]);\n  const { t } = useTranslations();\n\n  const { addAttachments } = useAttachments();\n  const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();\n  const { input, setInput, setMessages, sendMessage, openChat } = useStrapiChat();\n  const { processFigmaUrl, isLoading, error } = useFigmaUpload({\n    onSuccess: (images) => {\n      setFigmaImages(images);\n      // Initialize with first 15 images selected\n      const initialSelection = images.slice(0, 15).map((img) => img.id);\n      setSelectedImages(initialSelection);\n    },\n  });\n\n  const handleImportStep = async () => {\n    await processFigmaUrl(figmaUrl);\n    return true;\n  };\n\n  // Validate if the URL is a valid Figma URL\n  const isValidFigmaUrl = (url: string) => {\n    if (!url) return false;\n    try {\n      const urlObj = new URL(url);\n      return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';\n    } catch (e) {\n      return false;\n    }\n  };\n\n  const handleCancel = () => {\n    // Reset all state on cancel\n    setFigmaUrl('');\n    setFigmaImages([]);\n    setSelectedImages([]);\n    closeFigmaUpload();\n  };\n\n  const handleComplete = () => {\n    // Only attach the selected images\n    const selectedFigmaImages = figmaImages.filter((img) => selectedImages.includes(img.id));\n    if (selectedFigmaImages.length === 0) {\n      closeFigmaUpload();\n      return;\n    }\n\n    // Ensure chat is opened\n    openChat();\n\n    if (submitOnFinish) {\n      // Auto-submit a message to chat with attachments\n      sendMessage({\n        role: 'user',\n        parts: [\n          { type: 'text', text: 'Create schemas from the attached images' },\n          ...selectedFigmaImages,\n        ],\n      });\n\n      closeFigmaUpload();\n    } else {\n      // If input is empty, set a predefined message\n      if (!input) {\n        setInput('Create schemas from the attached images');\n      }\n      addAttachments(selectedFigmaImages);\n      closeFigmaUpload();\n    }\n  };\n\n  return (\n    <StepModal\n      open={isFigmaUploadOpen}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) handleCancel();\n      }}\n      title={t('chat.figma-upload.header', 'Import from Figma')}\n      onCancel={handleCancel}\n      onComplete={handleComplete}\n    >\n      <StepModal.Step\n        title={t('chat.figma-upload.step1-title', 'Enter Figma URL')}\n        nextLabel={t('chat.figma-upload.import-button', 'Import')}\n        cancelLabel={t('form.button.cancel', 'Cancel')}\n        disableNext={!figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl)}\n        onNext={handleImportStep}\n      >\n        <FigmaUrlInputStep figmaUrl={figmaUrl} setFigmaUrl={setFigmaUrl} error={error} />\n      </StepModal.Step>\n\n      <StepModal.Step\n        title={t('chat.figma-upload.step2-title', 'Preview Images')}\n        nextLabel={t('form.button.finish', 'Finish')}\n        backLabel={t('form.button.back', 'Back')}\n        disableNext={selectedImages.length === 0}\n      >\n        <FigmaImageDisplayStep\n          images={figmaImages}\n          selectedImages={selectedImages}\n          setSelectedImages={setSelectedImages}\n        />\n      </StepModal.Step>\n    </StepModal>\n  );\n};\n"],"names":["UploadFigmaContext","createContext","isFigmaUploadOpen","submitOnFinish","openFigmaUpload","closeFigmaUpload","useUploadFigmaToChat","context","useContext","Error","UploadFigmaToChatProvider","children","setIsFigmaUploadOpen","useState","setSubmitOnFinish","submitOnFinishParam","_jsxs","Provider","value","_jsx","UploadFigmaModal","FigmaUrlInputStep","figmaUrl","setFigmaUrl","t","useTranslations","isLoading","useStepModal","showingTokenInput","setShowingTokenInput","hasFigmaToken","figmaToken","setFigmaToken","getFigmaToken","handleSaveToken","trim","saveFigmaToken","Flex","direction","gap","alignItems","Typography","variant","textColor","Link","href","isExternal","Box","width","TextInput","name","placeholder","aria-label","onChange","e","target","disabled","type","Button","onClick","justifyContent","size","FigmaImageDisplayStep","images","selectedImages","setSelectedImages","toggleSelectAll","length","allImageIds","map","img","id","padding","handleFrameSelection","frameId","newSelection","includes","filter","height","paddingRight","style","overflowY","Grid","Root","frame","index","isSelected","Item","col","ImagePreview","imageUrl","url","imageName","filename","selected","onSelect","figmaImages","setFigmaImages","addAttachments","useAttachments","input","setInput","setMessages","sendMessage","openChat","useStrapiChat","processFigmaUrl","error","useFigmaUpload","onSuccess","initialSelection","slice","handleImportStep","isValidFigmaUrl","urlObj","URL","hostname","handleCancel","handleComplete","selectedFigmaImages","role","parts","text","StepModal","open","onOpenChange","isOpen","title","onCancel","onComplete","Step","nextLabel","cancelLabel","disableNext","onNext","backLabel"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+
+const COLORS = {
+    danger: {
+        background: 'danger100',
+        borderColor: 'danger200',
+        textColor: 'danger700'
+    },
+    warning: {
+        background: 'warning100',
+        borderColor: 'warning200',
+        textColor: 'warning600'
+    }
+};
+const Alert = ({ title, variant = 'danger' })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        padding: 3,
+        background: COLORS[variant].background,
+        borderColor: COLORS[variant].borderColor,
+        hasRadius: true,
+        width: "100%",
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(Icons.WarningCircle, {
+                    style: {
+                        minWidth: '16px'
+                    },
+                    fill: COLORS[variant].textColor
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "omega",
+                    textColor: COLORS[variant].textColor,
+                    children: title
+                })
+            ]
+        })
+    });
+};
+
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../../admin/src/components/AIChat/components/Alert.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\n\ninterface AlertProps {\n  title: string;\n  variant?: 'danger' | 'warning';\n}\n\nconst COLORS = {\n  danger: {\n    background: 'danger100',\n    borderColor: 'danger200',\n    textColor: 'danger700',\n  },\n  warning: {\n    background: 'warning100',\n    borderColor: 'warning200',\n    textColor: 'warning600',\n  },\n};\n\nexport const Alert = ({ title, variant = 'danger' }: AlertProps) => {\n  return (\n    <Box\n      padding={3}\n      background={COLORS[variant].background}\n      borderColor={COLORS[variant].borderColor}\n      hasRadius\n      width=\"100%\"\n    >\n      <Flex gap={2}>\n        <WarningCircle style={{ minWidth: '16px' }} fill={COLORS[variant].textColor} />\n        <Typography variant=\"omega\" textColor={COLORS[variant].textColor}>\n          {title}\n        </Typography>\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["COLORS","danger","background","borderColor","textColor","warning","Alert","title","variant","_jsx","Box","padding","hasRadius","width","_jsxs","Flex","gap","WarningCircle","style","minWidth","fill","Typography"],"mappings":";;;;;;AAQA,MAAMA,MAAS,GAAA;IACbC,MAAQ,EAAA;QACNC,UAAY,EAAA,WAAA;QACZC,WAAa,EAAA,WAAA;QACbC,SAAW,EAAA;AACb,KAAA;IACAC,OAAS,EAAA;QACPH,UAAY,EAAA,YAAA;QACZC,WAAa,EAAA,YAAA;QACbC,SAAW,EAAA;AACb;AACF,CAAA;AAEO,MAAME,QAAQ,CAAC,EAAEC,KAAK,EAAEC,OAAAA,GAAU,QAAQ,EAAc,GAAA;AAC7D,IAAA,qBACEC,cAACC,CAAAA,gBAAAA,EAAAA;QACCC,OAAS,EAAA,CAAA;AACTT,QAAAA,UAAAA,EAAYF,MAAM,CAACQ,OAAQ,CAAA,CAACN,UAAU;AACtCC,QAAAA,WAAAA,EAAaH,MAAM,CAACQ,OAAQ,CAAA,CAACL,WAAW;QACxCS,SAAS,EAAA,IAAA;QACTC,KAAM,EAAA,MAAA;AAEN,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;YAAKC,GAAK,EAAA,CAAA;;8BACTP,cAACQ,CAAAA,mBAAAA,EAAAA;oBAAcC,KAAO,EAAA;wBAAEC,QAAU,EAAA;AAAO,qBAAA;AAAGC,oBAAAA,IAAAA,EAAMpB,MAAM,CAACQ,OAAQ,CAAA,CAACJ;;8BAClEK,cAACY,CAAAA,uBAAAA,EAAAA;oBAAWb,OAAQ,EAAA,OAAA;AAAQJ,oBAAAA,SAAAA,EAAWJ,MAAM,CAACQ,OAAQ,CAAA,CAACJ,SAAS;AAC7DG,oBAAAA,QAAAA,EAAAA;;;;;AAKX;;;;"}

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

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { WarningCircle } from '@strapi/icons';
+
+const COLORS = {
+    danger: {
+        background: 'danger100',
+        borderColor: 'danger200',
+        textColor: 'danger700'
+    },
+    warning: {
+        background: 'warning100',
+        borderColor: 'warning200',
+        textColor: 'warning600'
+    }
+};
+const Alert = ({ title, variant = 'danger' })=>{
+    return /*#__PURE__*/ jsx(Box, {
+        padding: 3,
+        background: COLORS[variant].background,
+        borderColor: COLORS[variant].borderColor,
+        hasRadius: true,
+        width: "100%",
+        children: /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(WarningCircle, {
+                    style: {
+                        minWidth: '16px'
+                    },
+                    fill: COLORS[variant].textColor
+                }),
+                /*#__PURE__*/ jsx(Typography, {
+                    variant: "omega",
+                    textColor: COLORS[variant].textColor,
+                    children: title
+                })
+            ]
+        })
+    });
+};
+
+export { Alert };
+//# sourceMappingURL=Alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","sources":["../../../../../admin/src/components/AIChat/components/Alert.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\n\ninterface AlertProps {\n  title: string;\n  variant?: 'danger' | 'warning';\n}\n\nconst COLORS = {\n  danger: {\n    background: 'danger100',\n    borderColor: 'danger200',\n    textColor: 'danger700',\n  },\n  warning: {\n    background: 'warning100',\n    borderColor: 'warning200',\n    textColor: 'warning600',\n  },\n};\n\nexport const Alert = ({ title, variant = 'danger' }: AlertProps) => {\n  return (\n    <Box\n      padding={3}\n      background={COLORS[variant].background}\n      borderColor={COLORS[variant].borderColor}\n      hasRadius\n      width=\"100%\"\n    >\n      <Flex gap={2}>\n        <WarningCircle style={{ minWidth: '16px' }} fill={COLORS[variant].textColor} />\n        <Typography variant=\"omega\" textColor={COLORS[variant].textColor}>\n          {title}\n        </Typography>\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["COLORS","danger","background","borderColor","textColor","warning","Alert","title","variant","_jsx","Box","padding","hasRadius","width","_jsxs","Flex","gap","WarningCircle","style","minWidth","fill","Typography"],"mappings":";;;;AAQA,MAAMA,MAAS,GAAA;IACbC,MAAQ,EAAA;QACNC,UAAY,EAAA,WAAA;QACZC,WAAa,EAAA,WAAA;QACbC,SAAW,EAAA;AACb,KAAA;IACAC,OAAS,EAAA;QACPH,UAAY,EAAA,YAAA;QACZC,WAAa,EAAA,YAAA;QACbC,SAAW,EAAA;AACb;AACF,CAAA;AAEO,MAAME,QAAQ,CAAC,EAAEC,KAAK,EAAEC,OAAAA,GAAU,QAAQ,EAAc,GAAA;AAC7D,IAAA,qBACEC,GAACC,CAAAA,GAAAA,EAAAA;QACCC,OAAS,EAAA,CAAA;AACTT,QAAAA,UAAAA,EAAYF,MAAM,CAACQ,OAAQ,CAAA,CAACN,UAAU;AACtCC,QAAAA,WAAAA,EAAaH,MAAM,CAACQ,OAAQ,CAAA,CAACL,WAAW;QACxCS,SAAS,EAAA,IAAA;QACTC,KAAM,EAAA,MAAA;AAEN,QAAA,QAAA,gBAAAC,IAACC,CAAAA,IAAAA,EAAAA;YAAKC,GAAK,EAAA,CAAA;;8BACTP,GAACQ,CAAAA,aAAAA,EAAAA;oBAAcC,KAAO,EAAA;wBAAEC,QAAU,EAAA;AAAO,qBAAA;AAAGC,oBAAAA,IAAAA,EAAMpB,MAAM,CAACQ,OAAQ,CAAA,CAACJ;;8BAClEK,GAACY,CAAAA,UAAAA,EAAAA;oBAAWb,OAAQ,EAAA,OAAA;AAAQJ,oBAAAA,SAAAA,EAAWJ,MAAM,CAACQ,OAAQ,CAAA,CAACJ,SAAS;AAC7DG,oBAAAA,QAAAA,EAAAA;;;;;AAKX;;;;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+/**
+ * Translates and fades in from a specified direction.
+ */ const AnimatedBox = styledComponents.styled(designSystem.Box)`
+  opacity: 0;
+  transform: ${({ $direction = 'up' })=>$direction === 'up' ? 'translateY(10px)' : 'translateX(-10px)'};
+
+  @media (prefers-reduced-motion: no-preference) {
+    animation: ${({ $direction = 'up' })=>$direction === 'up' ? 'appearUp' : 'appearLeft'}
+      ${({ theme })=>theme.motion.timings['200']}
+      ${({ theme })=>theme.motion.easings.easeOutQuad} forwards;
+  }
+
+  @keyframes appearUp {
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes appearLeft {
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+`;
+
+exports.AnimatedBox = AnimatedBox;
+//# sourceMappingURL=AnimatedBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBox.js","sources":["../../../../../admin/src/components/AIChat/components/AnimatedBox.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/**\n * Translates and fades in from a specified direction.\n */\nexport const AnimatedBox = styled(Box)<{ $direction?: 'up' | 'left' }>`\n  opacity: 0;\n  transform: ${({ $direction = 'up' }) =>\n    $direction === 'up' ? 'translateY(10px)' : 'translateX(-10px)'};\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${({ $direction = 'up' }) => ($direction === 'up' ? 'appearUp' : 'appearLeft')}\n      ${({ theme }) => theme.motion.timings['200']}\n      ${({ theme }) => theme.motion.easings.easeOutQuad} forwards;\n  }\n\n  @keyframes appearUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes appearLeft {\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n`;\n"],"names":["AnimatedBox","styled","Box","$direction","theme","motion","timings","easings","easeOutQuad"],"mappings":";;;;;AAGA;;AAEC,IACM,MAAMA,WAAcC,GAAAA,uBAAAA,CAAOC,iBAAoC;;aAEzD,EAAE,CAAC,EAAEC,UAAa,GAAA,IAAI,EAAE,GACjCA,UAAAA,KAAe,IAAO,GAAA,kBAAA,GAAqB,mBAAoB,CAAA;;;eAGpD,EAAE,CAAC,EAAEA,UAAa,GAAA,IAAI,EAAE,GAAMA,UAAAA,KAAe,IAAO,GAAA,UAAA,GAAa,YAAc;MACxF,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,OAAO,CAAC,KAAA,CAAM;MAC5C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACE,OAAO,CAACC,WAAW,CAAC;;;;;;;;;;;;;;;;AAgBxD;;;;"}

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

@@ -0,0 +1,32 @@
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+/**
+ * Translates and fades in from a specified direction.
+ */ const AnimatedBox = styled(Box)`
+  opacity: 0;
+  transform: ${({ $direction = 'up' })=>$direction === 'up' ? 'translateY(10px)' : 'translateX(-10px)'};
+
+  @media (prefers-reduced-motion: no-preference) {
+    animation: ${({ $direction = 'up' })=>$direction === 'up' ? 'appearUp' : 'appearLeft'}
+      ${({ theme })=>theme.motion.timings['200']}
+      ${({ theme })=>theme.motion.easings.easeOutQuad} forwards;
+  }
+
+  @keyframes appearUp {
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes appearLeft {
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+`;
+
+export { AnimatedBox };
+//# sourceMappingURL=AnimatedBox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBox.mjs","sources":["../../../../../admin/src/components/AIChat/components/AnimatedBox.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/**\n * Translates and fades in from a specified direction.\n */\nexport const AnimatedBox = styled(Box)<{ $direction?: 'up' | 'left' }>`\n  opacity: 0;\n  transform: ${({ $direction = 'up' }) =>\n    $direction === 'up' ? 'translateY(10px)' : 'translateX(-10px)'};\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${({ $direction = 'up' }) => ($direction === 'up' ? 'appearUp' : 'appearLeft')}\n      ${({ theme }) => theme.motion.timings['200']}\n      ${({ theme }) => theme.motion.easings.easeOutQuad} forwards;\n  }\n\n  @keyframes appearUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes appearLeft {\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n`;\n"],"names":["AnimatedBox","styled","Box","$direction","theme","motion","timings","easings","easeOutQuad"],"mappings":";;;AAGA;;AAEC,IACM,MAAMA,WAAcC,GAAAA,MAAAA,CAAOC,IAAoC;;aAEzD,EAAE,CAAC,EAAEC,UAAa,GAAA,IAAI,EAAE,GACjCA,UAAAA,KAAe,IAAO,GAAA,kBAAA,GAAqB,mBAAoB,CAAA;;;eAGpD,EAAE,CAAC,EAAEA,UAAa,GAAA,IAAI,EAAE,GAAMA,UAAAA,KAAe,IAAO,GAAA,UAAA,GAAa,YAAc;MACxF,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,OAAO,CAAC,KAAA,CAAM;MAC5C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACE,OAAO,CAACC,WAAW,CAAC;;;;;;;;;;;;;;;;AAgBxD;;;;"}