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

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

@@ -0,0 +1,379 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var ImagePreview = require('./components/ImagePreview.js');
+var StepModal = require('./components/StepModal.js');
+var useAttachments = require('./hooks/useAttachments.js');
+var useFigmaUpload = require('./hooks/useFigmaUpload.js');
+var useTranslations = require('./hooks/useTranslations.js');
+var ChatProvider = require('./providers/ChatProvider.js');
+
+const UploadFigmaContext = /*#__PURE__*/ React.createContext({
+    isFigmaUploadOpen: false,
+    submitOnFinish: false,
+    openFigmaUpload: ()=>{},
+    closeFigmaUpload: ()=>{}
+});
+const useUploadFigmaToChat = ()=>{
+    const context = React.useContext(UploadFigmaContext);
+    if (!context) {
+        throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');
+    }
+    return context;
+};
+const UploadFigmaToChatProvider = ({ children })=>{
+    const [isFigmaUploadOpen, setIsFigmaUploadOpen] = React.useState(false); // Default to false
+    const [submitOnFinish, setSubmitOnFinish] = React.useState(false);
+    const openFigmaUpload = (submitOnFinishParam)=>{
+        setIsFigmaUploadOpen(true);
+        setSubmitOnFinish(submitOnFinishParam ?? false);
+    };
+    const closeFigmaUpload = ()=>setIsFigmaUploadOpen(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(UploadFigmaContext.Provider, {
+        value: {
+            isFigmaUploadOpen,
+            submitOnFinish,
+            openFigmaUpload,
+            closeFigmaUpload
+        },
+        children: [
+            isFigmaUploadOpen && /*#__PURE__*/ jsxRuntime.jsx(UploadFigmaModal, {}),
+            children
+        ]
+    });
+};
+const FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl })=>{
+    const { t } = useTranslations.useTranslations();
+    const { isLoading } = StepModal.useStepModal();
+    const [showingTokenInput, setShowingTokenInput] = React.useState(!useFigmaUpload.hasFigmaToken());
+    const [figmaToken, setFigmaToken] = React.useState(useFigmaUpload.getFigmaToken);
+    // Handle saving token and returning to URL input
+    const handleSaveToken = ()=>{
+        if (figmaToken.trim()) {
+            useFigmaUpload.saveFigmaToken(figmaToken);
+            setShowingTokenInput(false);
+        }
+    };
+    // If we need to show token step, render the token input
+    if (showingTokenInput) {
+        return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            gap: 6,
+            alignItems: "start",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    direction: "column",
+                    gap: 2,
+                    alignItems: "start",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "beta",
+                            children: t('chat.figma-upload.token-title', 'Enter Figma API Token')
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.Box, {
+                    width: "100%",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 2,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            onClick: handleSaveToken,
+                            disabled: !figmaToken.trim(),
+                            variant: "secondary",
+                            children: t('chat.figma-upload.save-token', 'Save token')
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            onClick: ()=>setShowingTokenInput(false),
+                            variant: "tertiary",
+                            disabled: !useFigmaUpload.hasFigmaToken(),
+                            children: t('chat.figma-upload.cancel', 'Cancel')
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    // Otherwise render the URL input
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        gap: 6,
+        alignItems: "start",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                gap: 2,
+                alignItems: "start",
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "beta",
+                                children: t('chat.figma-upload.title', 'Import Figma Design')
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                onClick: ()=>setShowingTokenInput(true),
+                                variant: "tertiary",
+                                size: "S",
+                                children: t('chat.figma-upload.edit-token', 'Edit API token')
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.Box, {
+                width: "100%",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.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,
+                    type: "url"
+                })
+            })
+        ]
+    });
+};
+const FigmaImageDisplayStep = ({ images, selectedImages, setSelectedImages })=>{
+    const { t } = useTranslations.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__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            gap: 4,
+            alignItems: "center",
+            padding: 4,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        gap: 4,
+        alignItems: "start",
+        width: "100%",
+        height: "min(45vh, 400px)",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                width: "100%",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "beta",
+                        children: t('chat.figma-upload.select-images', 'Select Frames to Import')
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 3,
+                        alignItems: "center",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
+                                children: [
+                                    selectedImages.length,
+                                    " of ",
+                                    images.length,
+                                    " selected"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingRight: 4,
+                width: "100%",
+                style: {
+                    overflowY: 'auto'
+                },
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                    gap: 4,
+                    children: images.map((frame, index)=>{
+                        const isSelected = selectedImages.includes(frame.id);
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            col: 6,
+                            xs: 12,
+                            padding: '1px',
+                            children: /*#__PURE__*/ jsxRuntime.jsx(ImagePreview.ImagePreview, {
+                                imageUrl: frame.url,
+                                imageName: frame.filename || `Frame ${index + 1}`,
+                                selected: isSelected,
+                                onSelect: ()=>handleFrameSelection(frame.id)
+                            })
+                        }, frame.id);
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ const UploadFigmaModal = ()=>{
+    const [figmaUrl, setFigmaUrl] = React.useState('');
+    const [figmaImages, setFigmaImages] = React.useState([]);
+    const [selectedImages, setSelectedImages] = React.useState([]);
+    const { t } = useTranslations.useTranslations();
+    const { addAttachments } = useAttachments.useAttachments();
+    const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();
+    const { input, setInput, sendMessage, openChat } = ChatProvider.useStrapiChat();
+    const { processFigmaUrl, isLoading, error } = useFigmaUpload.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  {
+            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__*/ jsxRuntime.jsxs(StepModal.StepModal, {
+        open: isFigmaUploadOpen,
+        onOpenChange: (isOpen)=>{
+            if (!isOpen) handleCancel();
+        },
+        title: t('chat.figma-upload.header', 'Import from Figma'),
+        onCancel: handleCancel,
+        onComplete: handleComplete,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(StepModal.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__*/ jsxRuntime.jsx(FigmaUrlInputStep, {
+                    figmaUrl: figmaUrl,
+                    setFigmaUrl: setFigmaUrl,
+                    error: error
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(StepModal.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__*/ jsxRuntime.jsx(FigmaImageDisplayStep, {
+                    images: figmaImages,
+                    selectedImages: selectedImages,
+                    setSelectedImages: setSelectedImages
+                })
+            })
+        ]
+    });
+};
+
+exports.UploadFigmaModal = UploadFigmaModal;
+exports.UploadFigmaToChatProvider = UploadFigmaToChatProvider;
+exports.useUploadFigmaToChat = useUploadFigmaToChat;
+//# sourceMappingURL=UploadFigmaModal.js.map

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

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