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

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

@@ -0,0 +1,238 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+var useFeedback = require('./hooks/useFeedback.js');
+var useTranslations = require('./hooks/useTranslations.js');
+
+const FeedbackModalContext = /*#__PURE__*/ React.createContext({
+    isFeedbackModalOpen: false,
+    currentMessageId: null,
+    openFeedbackModal: ()=>{},
+    closeFeedbackModal: ()=>{}
+});
+const useFeedbackModal = ()=>React.useContext(FeedbackModalContext);
+const FeedbackProvider = ({ children })=>{
+    const [isFeedbackModalOpen, setIsFeedbackModalOpen] = React.useState(false);
+    const [currentMessageId, setCurrentMessageId] = React.useState(null);
+    const openFeedbackModal = (messageId)=>{
+        setCurrentMessageId(messageId);
+        setIsFeedbackModalOpen(true);
+    };
+    const closeFeedbackModal = ()=>{
+        setIsFeedbackModalOpen(false);
+        setCurrentMessageId(null);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(FeedbackModalContext.Provider, {
+        value: {
+            isFeedbackModalOpen,
+            currentMessageId,
+            openFeedbackModal,
+            closeFeedbackModal
+        },
+        children: [
+            isFeedbackModalOpen && currentMessageId && /*#__PURE__*/ jsxRuntime.jsx(FeedbackModal, {}),
+            children
+        ]
+    });
+};
+const FeedbackOptionWrapper = styledComponents.styled(designSystem.Flex)`
+  &:hover {
+    background-color: ${({ theme })=>theme.colors.neutral100};
+  }
+
+  &.selected {
+    background-color: ${({ theme })=>theme.colors.primary100};
+    border-color: ${({ theme })=>theme.colors.primary200};
+  }
+`;
+const FeedbackOption = ({ id, label, selected, onClick })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(FeedbackOptionWrapper, {
+        className: selected ? 'selected' : '',
+        justifyContent: "space-between",
+        hasRadius: true,
+        width: "100%",
+        cursor: "pointer",
+        borderColor: "neutral200",
+        padding: 3,
+        gap: 3,
+        onClick: ()=>onClick(id),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "omega",
+                fontWeight: "bold",
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                name: `feedback-${id}`,
+                value: id,
+                checked: selected,
+                onChange: ()=>onClick(id)
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ const FeedbackModal = ()=>{
+    const [feedbackText, setFeedbackText] = React.useState('');
+    const [selectedReasons, setSelectedReasons] = React.useState([]);
+    const { t } = useTranslations.useTranslations();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { closeFeedbackModal, currentMessageId } = useFeedbackModal();
+    const { downvoteMessage, isPending } = useFeedback.useFeedback();
+    const feedbackReasons = [
+        {
+            id: 'invalid_schema',
+            label: t('chat.feedback.reason.invalid_schema', 'Invalid schema')
+        },
+        {
+            id: 'bad_recommendation',
+            label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation')
+        },
+        {
+            id: 'slow',
+            label: t('chat.feedback.reason.slow', 'Slow')
+        },
+        {
+            id: 'instructions_ignored',
+            label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored')
+        },
+        {
+            id: 'being_lazy',
+            label: t('chat.feedback.reason.being_lazy', 'Being lazy')
+        },
+        {
+            id: 'other',
+            label: t('chat.feedback.reason.other', 'Other')
+        }
+    ];
+    const handleReasonSelect = (id)=>{
+        setSelectedReasons((prevSelected)=>{
+            // If already selected, remove it
+            if (prevSelected.includes(id)) {
+                return prevSelected.filter((reasonId)=>reasonId !== id);
+            }
+            // Otherwise add it
+            return [
+                ...prevSelected,
+                id
+            ];
+        });
+    };
+    const handleSubmitFeedback = async ()=>{
+        if (selectedReasons.length === 0) return;
+        try {
+            await downvoteMessage(currentMessageId, feedbackText, selectedReasons);
+            setFeedbackText('');
+            setSelectedReasons([]);
+            closeFeedbackModal();
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: t('chat.feedback.error', 'An error occurred while submitting your feedback')
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: true,
+        onOpenChange: closeFeedbackModal,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "omega",
+                        fontWeight: "bold",
+                        children: t('chat.feedback.title', 'Give feedback')
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "start",
+                        gap: 6,
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                direction: "column",
+                                alignItems: "start",
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        variant: "beta",
+                                        fontWeight: "bold",
+                                        children: t('chat.feedback.title', 'Give feedback')
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        variant: "omega",
+                                        children: t('chat.feedback.subtitle', 'Provide additional feedback on this message. Select all that apply.')
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                                width: "100%",
+                                gap: 2,
+                                children: feedbackReasons.map((reason)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                        col: 6,
+                                        xs: 12,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(FeedbackOption, {
+                                            id: reason.id,
+                                            label: reason.label,
+                                            selected: selectedReasons.includes(reason.id),
+                                            onClick: handleReasonSelect
+                                        }, reason.id)
+                                    }, reason.id))
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                direction: "column",
+                                gap: 2,
+                                width: "100%",
+                                alignItems: "start",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        variant: "omega",
+                                        children: t('chat.feedback.comment.label', 'How can we improve? (optional)')
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        width: "100%",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Textarea, {
+                                            name: "feedback",
+                                            placeholder: t('chat.feedback.placeholder', 'Your feedback...'),
+                                            onChange: (e)=>setFeedbackText(e.target.value),
+                                            value: feedbackText
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                onClick: closeFeedbackModal,
+                                children: t('form.button.cancel', 'Cancel')
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            onClick: handleSubmitFeedback,
+                            loading: isPending,
+                            disabled: selectedReasons.length === 0,
+                            children: t('form.button.submit', 'Submit')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+exports.FeedbackModal = FeedbackModal;
+exports.FeedbackProvider = FeedbackProvider;
+exports.useFeedbackModal = useFeedbackModal;
+//# sourceMappingURL=FeedbackModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackModal.js","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { createContext, useContext, useState } from 'react';\r\n\r\nimport { useNotification } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  Typography,\r\n  Textarea,\r\n  Button,\r\n  Grid,\r\n  Checkbox,\r\n  Modal,\r\n} from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useFeedback } from './hooks/useFeedback';\r\nimport { useTranslations } from './hooks/useTranslations';\r\n\r\nimport type { FeedbackReasonIds } from './lib/types/feedback';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Provider\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface FeedbackModalContextType {\r\n  isFeedbackModalOpen: boolean;\r\n  currentMessageId: string | null;\r\n  openFeedbackModal: (messageId: string) => void;\r\n  closeFeedbackModal: () => void;\r\n}\r\n\r\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\r\n  isFeedbackModalOpen: false,\r\n  currentMessageId: null,\r\n  openFeedbackModal: () => {},\r\n  closeFeedbackModal: () => {},\r\n});\r\n\r\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\r\n\r\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\r\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\r\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\r\n\r\n  const openFeedbackModal = (messageId: string) => {\r\n    setCurrentMessageId(messageId);\r\n    setIsFeedbackModalOpen(true);\r\n  };\r\n\r\n  const closeFeedbackModal = () => {\r\n    setIsFeedbackModalOpen(false);\r\n    setCurrentMessageId(null);\r\n  };\r\n\r\n  return (\r\n    <FeedbackModalContext.Provider\r\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\r\n    >\r\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\r\n      {children}\r\n    </FeedbackModalContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Feedback Option\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FeedbackOptionProps {\r\n  id: FeedbackReasonIds;\r\n  label: string;\r\n  selected: boolean;\r\n  onClick: (id: FeedbackReasonIds) => void;\r\n}\r\n\r\nconst FeedbackOptionWrapper = styled(Flex)`\r\n  &:hover {\r\n    background-color: ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n\r\n  &.selected {\r\n    background-color: ${({ theme }) => theme.colors.primary100};\r\n    border-color: ${({ theme }) => theme.colors.primary200};\r\n  }\r\n`;\r\n\r\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\r\n  return (\r\n    <FeedbackOptionWrapper\r\n      className={selected ? 'selected' : ''}\r\n      justifyContent=\"space-between\"\r\n      hasRadius\r\n      width=\"100%\"\r\n      cursor=\"pointer\"\r\n      borderColor=\"neutral200\"\r\n      padding={3}\r\n      gap={3}\r\n      onClick={() => onClick(id)}\r\n    >\r\n      <Typography variant=\"omega\" fontWeight=\"bold\">\r\n        {label}\r\n      </Typography>\r\n      <Checkbox\r\n        name={`feedback-${id}`}\r\n        value={id}\r\n        checked={selected}\r\n        onChange={() => onClick(id)}\r\n      />\r\n    </FeedbackOptionWrapper>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Modal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const FeedbackModal: React.FC = () => {\r\n  const [feedbackText, setFeedbackText] = useState('');\r\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\r\n\r\n  const { t } = useTranslations();\r\n  const { toggleNotification } = useNotification();\r\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\r\n  const { downvoteMessage, isPending } = useFeedback();\r\n\r\n  const feedbackReasons = [\r\n    {\r\n      id: 'invalid_schema',\r\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\r\n    },\r\n    {\r\n      id: 'bad_recommendation',\r\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\r\n    },\r\n    {\r\n      id: 'slow',\r\n      label: t('chat.feedback.reason.slow', 'Slow'),\r\n    },\r\n    {\r\n      id: 'instructions_ignored',\r\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\r\n    },\r\n    {\r\n      id: 'being_lazy',\r\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\r\n    },\r\n    {\r\n      id: 'other',\r\n      label: t('chat.feedback.reason.other', 'Other'),\r\n    },\r\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\r\n\r\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\r\n    setSelectedReasons((prevSelected) => {\r\n      // If already selected, remove it\r\n      if (prevSelected.includes(id)) {\r\n        return prevSelected.filter((reasonId) => reasonId !== id);\r\n      }\r\n      // Otherwise add it\r\n      return [...prevSelected, id];\r\n    });\r\n  };\r\n\r\n  const handleSubmitFeedback = async () => {\r\n    if (selectedReasons.length === 0) return;\r\n\r\n    try {\r\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\r\n\r\n      setFeedbackText('');\r\n      setSelectedReasons([]);\r\n      closeFeedbackModal();\r\n    } catch {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\r\n      <Modal.Content>\r\n        <Modal.Header>\r\n          <Typography variant=\"omega\" fontWeight=\"bold\">\r\n            {t('chat.feedback.title', 'Give feedback')}\r\n          </Typography>\r\n        </Modal.Header>\r\n        <Modal.Body>\r\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\r\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\r\n              <Typography variant=\"beta\" fontWeight=\"bold\">\r\n                {t('chat.feedback.title', 'Give feedback')}\r\n              </Typography>\r\n              <Typography variant=\"omega\">\r\n                {t(\r\n                  'chat.feedback.subtitle',\r\n                  'Provide additional feedback on this message. Select all that apply.'\r\n                )}\r\n              </Typography>\r\n            </Flex>\r\n            <Grid.Root width=\"100%\" gap={2}>\r\n              {feedbackReasons.map((reason) => (\r\n                <Grid.Item key={reason.id} col={6} xs={12}>\r\n                  <FeedbackOption\r\n                    key={reason.id}\r\n                    id={reason.id}\r\n                    label={reason.label}\r\n                    selected={selectedReasons.includes(reason.id)}\r\n                    onClick={handleReasonSelect}\r\n                  />\r\n                </Grid.Item>\r\n              ))}\r\n            </Grid.Root>\r\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\r\n              <Typography variant=\"omega\">\r\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\r\n              </Typography>\r\n              <Box width=\"100%\">\r\n                <Textarea\r\n                  name=\"feedback\"\r\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\r\n                  onChange={(e) => setFeedbackText(e.target.value)}\r\n                  value={feedbackText}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n          </Flex>\r\n        </Modal.Body>\r\n        <Modal.Footer>\r\n          <Modal.Close>\r\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\r\n              {t('form.button.cancel', 'Cancel')}\r\n            </Button>\r\n          </Modal.Close>\r\n          <Button\r\n            onClick={handleSubmitFeedback}\r\n            loading={isPending}\r\n            disabled={selectedReasons.length === 0}\r\n          >\r\n            {t('form.button.submit', 'Submit')}\r\n          </Button>\r\n        </Modal.Footer>\r\n      </Modal.Content>\r\n    </Modal.Root>\r\n  );\r\n};\r\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","xs","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}

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

@@ -0,0 +1,234 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, createContext, useContext } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Modal, Typography, Flex, Grid, Box, Textarea, Button, Checkbox } from '@strapi/design-system';
+import { styled } from 'styled-components';
+import { useFeedback } from './hooks/useFeedback.mjs';
+import { useTranslations } from './hooks/useTranslations.mjs';
+
+const FeedbackModalContext = /*#__PURE__*/ createContext({
+    isFeedbackModalOpen: false,
+    currentMessageId: null,
+    openFeedbackModal: ()=>{},
+    closeFeedbackModal: ()=>{}
+});
+const useFeedbackModal = ()=>useContext(FeedbackModalContext);
+const FeedbackProvider = ({ children })=>{
+    const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);
+    const [currentMessageId, setCurrentMessageId] = useState(null);
+    const openFeedbackModal = (messageId)=>{
+        setCurrentMessageId(messageId);
+        setIsFeedbackModalOpen(true);
+    };
+    const closeFeedbackModal = ()=>{
+        setIsFeedbackModalOpen(false);
+        setCurrentMessageId(null);
+    };
+    return /*#__PURE__*/ jsxs(FeedbackModalContext.Provider, {
+        value: {
+            isFeedbackModalOpen,
+            currentMessageId,
+            openFeedbackModal,
+            closeFeedbackModal
+        },
+        children: [
+            isFeedbackModalOpen && currentMessageId && /*#__PURE__*/ jsx(FeedbackModal, {}),
+            children
+        ]
+    });
+};
+const FeedbackOptionWrapper = styled(Flex)`
+  &:hover {
+    background-color: ${({ theme })=>theme.colors.neutral100};
+  }
+
+  &.selected {
+    background-color: ${({ theme })=>theme.colors.primary100};
+    border-color: ${({ theme })=>theme.colors.primary200};
+  }
+`;
+const FeedbackOption = ({ id, label, selected, onClick })=>{
+    return /*#__PURE__*/ jsxs(FeedbackOptionWrapper, {
+        className: selected ? 'selected' : '',
+        justifyContent: "space-between",
+        hasRadius: true,
+        width: "100%",
+        cursor: "pointer",
+        borderColor: "neutral200",
+        padding: 3,
+        gap: 3,
+        onClick: ()=>onClick(id),
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                variant: "omega",
+                fontWeight: "bold",
+                children: label
+            }),
+            /*#__PURE__*/ jsx(Checkbox, {
+                name: `feedback-${id}`,
+                value: id,
+                checked: selected,
+                onChange: ()=>onClick(id)
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ const FeedbackModal = ()=>{
+    const [feedbackText, setFeedbackText] = useState('');
+    const [selectedReasons, setSelectedReasons] = useState([]);
+    const { t } = useTranslations();
+    const { toggleNotification } = useNotification();
+    const { closeFeedbackModal, currentMessageId } = useFeedbackModal();
+    const { downvoteMessage, isPending } = useFeedback();
+    const feedbackReasons = [
+        {
+            id: 'invalid_schema',
+            label: t('chat.feedback.reason.invalid_schema', 'Invalid schema')
+        },
+        {
+            id: 'bad_recommendation',
+            label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation')
+        },
+        {
+            id: 'slow',
+            label: t('chat.feedback.reason.slow', 'Slow')
+        },
+        {
+            id: 'instructions_ignored',
+            label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored')
+        },
+        {
+            id: 'being_lazy',
+            label: t('chat.feedback.reason.being_lazy', 'Being lazy')
+        },
+        {
+            id: 'other',
+            label: t('chat.feedback.reason.other', 'Other')
+        }
+    ];
+    const handleReasonSelect = (id)=>{
+        setSelectedReasons((prevSelected)=>{
+            // If already selected, remove it
+            if (prevSelected.includes(id)) {
+                return prevSelected.filter((reasonId)=>reasonId !== id);
+            }
+            // Otherwise add it
+            return [
+                ...prevSelected,
+                id
+            ];
+        });
+    };
+    const handleSubmitFeedback = async ()=>{
+        if (selectedReasons.length === 0) return;
+        try {
+            await downvoteMessage(currentMessageId, feedbackText, selectedReasons);
+            setFeedbackText('');
+            setSelectedReasons([]);
+            closeFeedbackModal();
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: t('chat.feedback.error', 'An error occurred while submitting your feedback')
+            });
+        }
+    };
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: true,
+        onOpenChange: closeFeedbackModal,
+        children: /*#__PURE__*/ jsxs(Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "omega",
+                        fontWeight: "bold",
+                        children: t('chat.feedback.title', 'Give feedback')
+                    })
+                }),
+                /*#__PURE__*/ jsx(Modal.Body, {
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        alignItems: "start",
+                        gap: 6,
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsxs(Flex, {
+                                direction: "column",
+                                alignItems: "start",
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "beta",
+                                        fontWeight: "bold",
+                                        children: t('chat.feedback.title', 'Give feedback')
+                                    }),
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "omega",
+                                        children: t('chat.feedback.subtitle', 'Provide additional feedback on this message. Select all that apply.')
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Grid.Root, {
+                                width: "100%",
+                                gap: 2,
+                                children: feedbackReasons.map((reason)=>/*#__PURE__*/ jsx(Grid.Item, {
+                                        col: 6,
+                                        xs: 12,
+                                        children: /*#__PURE__*/ jsx(FeedbackOption, {
+                                            id: reason.id,
+                                            label: reason.label,
+                                            selected: selectedReasons.includes(reason.id),
+                                            onClick: handleReasonSelect
+                                        }, reason.id)
+                                    }, reason.id))
+                            }),
+                            /*#__PURE__*/ jsxs(Flex, {
+                                direction: "column",
+                                gap: 2,
+                                width: "100%",
+                                alignItems: "start",
+                                children: [
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "omega",
+                                        children: t('chat.feedback.comment.label', 'How can we improve? (optional)')
+                                    }),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        width: "100%",
+                                        children: /*#__PURE__*/ jsx(Textarea, {
+                                            name: "feedback",
+                                            placeholder: t('chat.feedback.placeholder', 'Your feedback...'),
+                                            onChange: (e)=>setFeedbackText(e.target.value),
+                                            value: feedbackText
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(Modal.Close, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                onClick: closeFeedbackModal,
+                                children: t('form.button.cancel', 'Cancel')
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            onClick: handleSubmitFeedback,
+                            loading: isPending,
+                            disabled: selectedReasons.length === 0,
+                            children: t('form.button.submit', 'Submit')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { FeedbackModal, FeedbackProvider, useFeedbackModal };
+//# sourceMappingURL=FeedbackModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackModal.mjs","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { createContext, useContext, useState } from 'react';\r\n\r\nimport { useNotification } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  Typography,\r\n  Textarea,\r\n  Button,\r\n  Grid,\r\n  Checkbox,\r\n  Modal,\r\n} from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useFeedback } from './hooks/useFeedback';\r\nimport { useTranslations } from './hooks/useTranslations';\r\n\r\nimport type { FeedbackReasonIds } from './lib/types/feedback';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Provider\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface FeedbackModalContextType {\r\n  isFeedbackModalOpen: boolean;\r\n  currentMessageId: string | null;\r\n  openFeedbackModal: (messageId: string) => void;\r\n  closeFeedbackModal: () => void;\r\n}\r\n\r\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\r\n  isFeedbackModalOpen: false,\r\n  currentMessageId: null,\r\n  openFeedbackModal: () => {},\r\n  closeFeedbackModal: () => {},\r\n});\r\n\r\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\r\n\r\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\r\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\r\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\r\n\r\n  const openFeedbackModal = (messageId: string) => {\r\n    setCurrentMessageId(messageId);\r\n    setIsFeedbackModalOpen(true);\r\n  };\r\n\r\n  const closeFeedbackModal = () => {\r\n    setIsFeedbackModalOpen(false);\r\n    setCurrentMessageId(null);\r\n  };\r\n\r\n  return (\r\n    <FeedbackModalContext.Provider\r\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\r\n    >\r\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\r\n      {children}\r\n    </FeedbackModalContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Feedback Option\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FeedbackOptionProps {\r\n  id: FeedbackReasonIds;\r\n  label: string;\r\n  selected: boolean;\r\n  onClick: (id: FeedbackReasonIds) => void;\r\n}\r\n\r\nconst FeedbackOptionWrapper = styled(Flex)`\r\n  &:hover {\r\n    background-color: ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n\r\n  &.selected {\r\n    background-color: ${({ theme }) => theme.colors.primary100};\r\n    border-color: ${({ theme }) => theme.colors.primary200};\r\n  }\r\n`;\r\n\r\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\r\n  return (\r\n    <FeedbackOptionWrapper\r\n      className={selected ? 'selected' : ''}\r\n      justifyContent=\"space-between\"\r\n      hasRadius\r\n      width=\"100%\"\r\n      cursor=\"pointer\"\r\n      borderColor=\"neutral200\"\r\n      padding={3}\r\n      gap={3}\r\n      onClick={() => onClick(id)}\r\n    >\r\n      <Typography variant=\"omega\" fontWeight=\"bold\">\r\n        {label}\r\n      </Typography>\r\n      <Checkbox\r\n        name={`feedback-${id}`}\r\n        value={id}\r\n        checked={selected}\r\n        onChange={() => onClick(id)}\r\n      />\r\n    </FeedbackOptionWrapper>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Modal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const FeedbackModal: React.FC = () => {\r\n  const [feedbackText, setFeedbackText] = useState('');\r\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\r\n\r\n  const { t } = useTranslations();\r\n  const { toggleNotification } = useNotification();\r\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\r\n  const { downvoteMessage, isPending } = useFeedback();\r\n\r\n  const feedbackReasons = [\r\n    {\r\n      id: 'invalid_schema',\r\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\r\n    },\r\n    {\r\n      id: 'bad_recommendation',\r\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\r\n    },\r\n    {\r\n      id: 'slow',\r\n      label: t('chat.feedback.reason.slow', 'Slow'),\r\n    },\r\n    {\r\n      id: 'instructions_ignored',\r\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\r\n    },\r\n    {\r\n      id: 'being_lazy',\r\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\r\n    },\r\n    {\r\n      id: 'other',\r\n      label: t('chat.feedback.reason.other', 'Other'),\r\n    },\r\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\r\n\r\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\r\n    setSelectedReasons((prevSelected) => {\r\n      // If already selected, remove it\r\n      if (prevSelected.includes(id)) {\r\n        return prevSelected.filter((reasonId) => reasonId !== id);\r\n      }\r\n      // Otherwise add it\r\n      return [...prevSelected, id];\r\n    });\r\n  };\r\n\r\n  const handleSubmitFeedback = async () => {\r\n    if (selectedReasons.length === 0) return;\r\n\r\n    try {\r\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\r\n\r\n      setFeedbackText('');\r\n      setSelectedReasons([]);\r\n      closeFeedbackModal();\r\n    } catch {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\r\n      <Modal.Content>\r\n        <Modal.Header>\r\n          <Typography variant=\"omega\" fontWeight=\"bold\">\r\n            {t('chat.feedback.title', 'Give feedback')}\r\n          </Typography>\r\n        </Modal.Header>\r\n        <Modal.Body>\r\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\r\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\r\n              <Typography variant=\"beta\" fontWeight=\"bold\">\r\n                {t('chat.feedback.title', 'Give feedback')}\r\n              </Typography>\r\n              <Typography variant=\"omega\">\r\n                {t(\r\n                  'chat.feedback.subtitle',\r\n                  'Provide additional feedback on this message. Select all that apply.'\r\n                )}\r\n              </Typography>\r\n            </Flex>\r\n            <Grid.Root width=\"100%\" gap={2}>\r\n              {feedbackReasons.map((reason) => (\r\n                <Grid.Item key={reason.id} col={6} xs={12}>\r\n                  <FeedbackOption\r\n                    key={reason.id}\r\n                    id={reason.id}\r\n                    label={reason.label}\r\n                    selected={selectedReasons.includes(reason.id)}\r\n                    onClick={handleReasonSelect}\r\n                  />\r\n                </Grid.Item>\r\n              ))}\r\n            </Grid.Root>\r\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\r\n              <Typography variant=\"omega\">\r\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\r\n              </Typography>\r\n              <Box width=\"100%\">\r\n                <Textarea\r\n                  name=\"feedback\"\r\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\r\n                  onChange={(e) => setFeedbackText(e.target.value)}\r\n                  value={feedbackText}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n          </Flex>\r\n        </Modal.Body>\r\n        <Modal.Footer>\r\n          <Modal.Close>\r\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\r\n              {t('form.button.cancel', 'Cancel')}\r\n            </Button>\r\n          </Modal.Close>\r\n          <Button\r\n            onClick={handleSubmitFeedback}\r\n            loading={isPending}\r\n            disabled={selectedReasons.length === 0}\r\n          >\r\n            {t('form.button.submit', 'Submit')}\r\n          </Button>\r\n        </Modal.Footer>\r\n      </Modal.Content>\r\n    </Modal.Root>\r\n  );\r\n};\r\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","xs","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}