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

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

@@ -0,0 +1,76 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const TextAreaElement = styled(Box).attrs({
+    as: 'textarea'
+})`
+  border: none;
+  resize: none;
+  background: transparent;
+  outline: none !important;
+  width: 100%;
+  min-height: 44px;
+  max-height: 160px;
+  line-height: ${({ theme })=>theme.lineHeights[4]};
+  font-size: ${({ theme })=>theme.fontSizes[2]};
+  color: ${({ theme })=>theme.colors.neutral800};
+  padding-bottom: ${({ theme })=>theme.spaces[1]};
+  overflow-y: auto;
+
+  /* Show partial lines when content exceeds visible area */
+  height: ${({ rows, theme })=>rows === 5 ? `calc(${rows} * ${theme.lineHeights[4]} * 1em + 0.7em)` : `calc(${rows} * ${theme.lineHeights[4]} * 1em)`};
+
+  &:disabled,
+  &::placeholder {
+    color: ${({ theme })=>theme.colors.neutral600};
+  }
+`;
+const ResizableTextArea = ({ value, onChange, onSubmit, placeholder })=>{
+    const textareaRef = useRef(null);
+    const [rows, setRows] = useState(1);
+    const calculateRows = (text)=>{
+        if (!text) return 1;
+        // Count newlines in the text
+        const lineCount = (text.match(/\n/g) || []).length + 1;
+        // Limit to a maximum of 5 rows
+        return Math.min(lineCount, 5);
+    };
+    // Update rows when value changes
+    useEffect(()=>{
+        setRows(calculateRows(value));
+    }, [
+        value
+    ]);
+    const handleKeyDown = (e)=>{
+        if (!textareaRef.current?.value.trim()) {
+            return;
+        }
+        if (e.key === 'Enter' && !e.shiftKey && onSubmit) {
+            e.preventDefault();
+            onSubmit(e);
+            // Ensure focus is maintained after submission using a small delay
+            // This helps ensure the focus happens after any other effects from submission
+            setTimeout(()=>{
+                textareaRef.current?.focus();
+            }, 10);
+        }
+    };
+    useEffect(()=>{
+        textareaRef.current?.focus();
+    }, [
+        textareaRef
+    ]);
+    return /*#__PURE__*/ jsx(TextAreaElement, {
+        ref: textareaRef,
+        value: value,
+        onChange: onChange,
+        onKeyDown: handleKeyDown,
+        placeholder: placeholder,
+        rows: rows
+    });
+};
+
+export { ResizableTextArea };
+//# sourceMappingURL=ResizableTextArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTextArea.mjs","sources":["../../../../../admin/src/components/AIChat/components/ResizableTextArea.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Box } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface TextAreaProps {\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\r\n  placeholder?: string;\r\n}\r\n\r\nconst TextAreaElement = styled(Box).attrs({ as: 'textarea' })`\r\n  border: none;\r\n  resize: none;\r\n  background: transparent;\r\n  outline: none !important;\r\n  width: 100%;\r\n  min-height: 44px;\r\n  max-height: 160px;\r\n  line-height: ${({ theme }) => theme.lineHeights[4]};\r\n  font-size: ${({ theme }) => theme.fontSizes[2]};\r\n  color: ${({ theme }) => theme.colors.neutral800};\r\n  padding-bottom: ${({ theme }) => theme.spaces[1]};\r\n  overflow-y: auto;\r\n\r\n  /* Show partial lines when content exceeds visible area */\r\n  height: ${({ rows, theme }) =>\r\n    rows === 5\r\n      ? `calc(${rows} * ${theme.lineHeights[4]} * 1em + 0.7em)`\r\n      : `calc(${rows} * ${theme.lineHeights[4]} * 1em)`};\r\n\r\n  &:disabled,\r\n  &::placeholder {\r\n    color: ${({ theme }) => theme.colors.neutral600};\r\n  }\r\n`;\r\n\r\nexport const ResizableTextArea = ({ value, onChange, onSubmit, placeholder }: TextAreaProps) => {\r\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\r\n  const [rows, setRows] = useState(1);\r\n\r\n  const calculateRows = (text: string) => {\r\n    if (!text) return 1;\r\n    // Count newlines in the text\r\n    const lineCount = (text.match(/\\n/g) || []).length + 1;\r\n    // Limit to a maximum of 5 rows\r\n    return Math.min(lineCount, 5);\r\n  };\r\n\r\n  // Update rows when value changes\r\n  useEffect(() => {\r\n    setRows(calculateRows(value));\r\n  }, [value]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n    if (!textareaRef.current?.value.trim()) {\r\n      return;\r\n    }\r\n\r\n    if (e.key === 'Enter' && !e.shiftKey && onSubmit) {\r\n      e.preventDefault();\r\n      onSubmit(e as unknown as React.FormEvent<HTMLFormElement>);\r\n      // Ensure focus is maintained after submission using a small delay\r\n      // This helps ensure the focus happens after any other effects from submission\r\n      setTimeout(() => {\r\n        textareaRef.current?.focus();\r\n      }, 10);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    textareaRef.current?.focus();\r\n  }, [textareaRef]);\r\n\r\n  return (\r\n    <TextAreaElement\r\n      ref={textareaRef}\r\n      value={value}\r\n      onChange={onChange}\r\n      onKeyDown={handleKeyDown}\r\n      placeholder={placeholder}\r\n      rows={rows}\r\n    />\r\n  );\r\n};\r\n"],"names":["TextAreaElement","styled","Box","attrs","as","theme","lineHeights","fontSizes","colors","neutral800","spaces","rows","neutral600","ResizableTextArea","value","onChange","onSubmit","placeholder","textareaRef","useRef","setRows","useState","calculateRows","text","lineCount","match","length","Math","min","useEffect","handleKeyDown","e","current","trim","key","shiftKey","preventDefault","setTimeout","focus","_jsx","ref","onKeyDown"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const SimpleMenu = /*#__PURE__*/ React__namespace.forwardRef(({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef)=>{
+    const triggerRef = React__namespace.useRef(null);
+    const composedRef = designSystem.useComposedRefs(forwardedRef, triggerRef);
+    const handleOpenChange = (isOpen)=>{
+        if (isOpen && typeof onOpen === 'function') {
+            onOpen();
+        } else if (!isOpen && typeof onClose === 'function') {
+            onClose();
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+        onOpenChange: handleOpenChange,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
+                ref: composedRef,
+                ...props,
+                children: props.label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Content, {
+                zIndex: 10000,
+                popoverPlacement: popoverPlacement,
+                children: children
+            })
+        ]
+    });
+});
+const MenuItem = designSystem.Menu.Item;
+
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return designSystem.Menu; }
+});
+exports.MenuItem = MenuItem;
+exports.SimpleMenu = SimpleMenu;
+//# sourceMappingURL=SimpleMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMenu.js","sources":["../../../../../admin/src/components/AIChat/components/SimpleMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Menu, useComposedRefs } from '@strapi/design-system';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * SimpleMenu\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ntype SimpleMenuProps = Menu.TriggerProps &\r\n  Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> & {\r\n    children?: React.ReactNode;\r\n    onOpen?: () => void;\r\n    onClose?: () => void;\r\n  };\r\n\r\nconst SimpleMenu = React.forwardRef<HTMLButtonElement, SimpleMenuProps>(\r\n  ({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef) => {\r\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\r\n    const composedRef = useComposedRefs(forwardedRef, triggerRef);\r\n\r\n    const handleOpenChange = (isOpen: boolean) => {\r\n      if (isOpen && typeof onOpen === 'function') {\r\n        onOpen();\r\n      } else if (!isOpen && typeof onClose === 'function') {\r\n        onClose();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Menu.Root onOpenChange={handleOpenChange}>\r\n        <Menu.Trigger ref={composedRef} {...props}>\r\n          {props.label}\r\n        </Menu.Trigger>\r\n        <Menu.Content zIndex={10000} popoverPlacement={popoverPlacement}>\r\n          {children}\r\n        </Menu.Content>\r\n      </Menu.Root>\r\n    );\r\n  }\r\n);\r\n\r\nconst MenuItem = Menu.Item;\r\ntype MenuItemProps = Menu.ItemProps;\r\n\r\nexport { SimpleMenu, MenuItem, Menu };\r\nexport type { SimpleMenuProps, MenuItemProps };\r\n"],"names":["SimpleMenu","React","forwardRef","children","onOpen","onClose","popoverPlacement","props","forwardedRef","triggerRef","useRef","composedRef","useComposedRefs","handleOpenChange","isOpen","_jsxs","Menu","Root","onOpenChange","_jsx","Trigger","ref","label","Content","zIndex","MenuItem","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,2BAAaC,gBAAAA,CAAMC,UAAU,CACjC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC,OAAO,EAAEC,YAAAA,GAAAA;IAC1D,MAAMC,UAAAA,GAAaR,gBAAAA,CAAMS,MAAM,CAAoB,IAAA,CAAA;IACnD,MAAMC,WAAAA,GAAcC,6BAAgBJ,YAAAA,EAAcC,UAAAA,CAAAA;AAElD,IAAA,MAAMI,mBAAmB,CAACC,MAAAA,GAAAA;QACxB,IAAIA,MAAAA,IAAU,OAAOV,MAAAA,KAAW,UAAA,EAAY;AAC1CA,YAAAA,MAAAA,EAAAA;AACF,QAAA,CAAA,MAAO,IAAI,CAACU,MAAAA,IAAU,OAAOT,YAAY,UAAA,EAAY;AACnDA,YAAAA,OAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;IAEA,qBACEU,eAAA,CAACC,kBAAKC,IAAI,EAAA;QAACC,YAAAA,EAAcL,gBAAAA;;AACvB,0BAAAM,cAAA,CAACH,kBAAKI,OAAO,EAAA;gBAACC,GAAAA,EAAKV,WAAAA;AAAc,gBAAA,GAAGJ,KAAK;AACtCA,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMe;;AAET,0BAAAH,cAAA,CAACH,kBAAKO,OAAO,EAAA;gBAACC,MAAAA,EAAQ,KAAA;gBAAOlB,gBAAAA,EAAkBA,gBAAAA;AAC5CH,gBAAAA,QAAAA,EAAAA;;;;AAIT,CAAA;AAGF,MAAMsB,QAAAA,GAAWT,kBAAKU;;;;;;;;;"}

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

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Menu, useComposedRefs } from '@strapi/design-system';
+export { Menu } from '@strapi/design-system';
+
+const SimpleMenu = /*#__PURE__*/ React.forwardRef(({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef)=>{
+    const triggerRef = React.useRef(null);
+    const composedRef = useComposedRefs(forwardedRef, triggerRef);
+    const handleOpenChange = (isOpen)=>{
+        if (isOpen && typeof onOpen === 'function') {
+            onOpen();
+        } else if (!isOpen && typeof onClose === 'function') {
+            onClose();
+        }
+    };
+    return /*#__PURE__*/ jsxs(Menu.Root, {
+        onOpenChange: handleOpenChange,
+        children: [
+            /*#__PURE__*/ jsx(Menu.Trigger, {
+                ref: composedRef,
+                ...props,
+                children: props.label
+            }),
+            /*#__PURE__*/ jsx(Menu.Content, {
+                zIndex: 10000,
+                popoverPlacement: popoverPlacement,
+                children: children
+            })
+        ]
+    });
+});
+const MenuItem = Menu.Item;
+
+export { MenuItem, SimpleMenu };
+//# sourceMappingURL=SimpleMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMenu.mjs","sources":["../../../../../admin/src/components/AIChat/components/SimpleMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Menu, useComposedRefs } from '@strapi/design-system';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * SimpleMenu\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ntype SimpleMenuProps = Menu.TriggerProps &\r\n  Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> & {\r\n    children?: React.ReactNode;\r\n    onOpen?: () => void;\r\n    onClose?: () => void;\r\n  };\r\n\r\nconst SimpleMenu = React.forwardRef<HTMLButtonElement, SimpleMenuProps>(\r\n  ({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef) => {\r\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\r\n    const composedRef = useComposedRefs(forwardedRef, triggerRef);\r\n\r\n    const handleOpenChange = (isOpen: boolean) => {\r\n      if (isOpen && typeof onOpen === 'function') {\r\n        onOpen();\r\n      } else if (!isOpen && typeof onClose === 'function') {\r\n        onClose();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Menu.Root onOpenChange={handleOpenChange}>\r\n        <Menu.Trigger ref={composedRef} {...props}>\r\n          {props.label}\r\n        </Menu.Trigger>\r\n        <Menu.Content zIndex={10000} popoverPlacement={popoverPlacement}>\r\n          {children}\r\n        </Menu.Content>\r\n      </Menu.Root>\r\n    );\r\n  }\r\n);\r\n\r\nconst MenuItem = Menu.Item;\r\ntype MenuItemProps = Menu.ItemProps;\r\n\r\nexport { SimpleMenu, MenuItem, Menu };\r\nexport type { SimpleMenuProps, MenuItemProps };\r\n"],"names":["SimpleMenu","React","forwardRef","children","onOpen","onClose","popoverPlacement","props","forwardedRef","triggerRef","useRef","composedRef","useComposedRefs","handleOpenChange","isOpen","_jsxs","Menu","Root","onOpenChange","_jsx","Trigger","ref","label","Content","zIndex","MenuItem","Item"],"mappings":";;;;;AAeA,MAAMA,2BAAaC,KAAAA,CAAMC,UAAU,CACjC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC,OAAO,EAAEC,YAAAA,GAAAA;IAC1D,MAAMC,UAAAA,GAAaR,KAAAA,CAAMS,MAAM,CAAoB,IAAA,CAAA;IACnD,MAAMC,WAAAA,GAAcC,gBAAgBJ,YAAAA,EAAcC,UAAAA,CAAAA;AAElD,IAAA,MAAMI,mBAAmB,CAACC,MAAAA,GAAAA;QACxB,IAAIA,MAAAA,IAAU,OAAOV,MAAAA,KAAW,UAAA,EAAY;AAC1CA,YAAAA,MAAAA,EAAAA;AACF,QAAA,CAAA,MAAO,IAAI,CAACU,MAAAA,IAAU,OAAOT,YAAY,UAAA,EAAY;AACnDA,YAAAA,OAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;IAEA,qBACEU,IAAA,CAACC,KAAKC,IAAI,EAAA;QAACC,YAAAA,EAAcL,gBAAAA;;AACvB,0BAAAM,GAAA,CAACH,KAAKI,OAAO,EAAA;gBAACC,GAAAA,EAAKV,WAAAA;AAAc,gBAAA,GAAGJ,KAAK;AACtCA,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMe;;AAET,0BAAAH,GAAA,CAACH,KAAKO,OAAO,EAAA;gBAACC,MAAAA,EAAQ,KAAA;gBAAOlB,gBAAAA,EAAkBA,gBAAAA;AAC5CH,gBAAAA,QAAAA,EAAAA;;;;AAIT,CAAA;AAGF,MAAMsB,QAAAA,GAAWT,KAAKU;;;;"}

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

@@ -0,0 +1,175 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+const StepModalContext = /*#__PURE__*/ React.createContext(null);
+const useStepModal = ()=>{
+    const context = React.useContext(StepModalContext);
+    if (!context) {
+        throw new Error('useStepModal must be used within a StepModal');
+    }
+    return context;
+};
+const StepModal = ({ open, onOpenChange, title, children, onComplete, onCancel })=>{
+    const [currentStep, setCurrentStep] = React.useState(0);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const childrenArray = React.Children.toArray(children).filter((child)=>/*#__PURE__*/ React.isValidElement(child)).map((child)=>child.props);
+    const totalSteps = childrenArray.length;
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    // Reset states when modal opens/closes
+    React.useEffect(()=>{
+        if (!open) {
+            // Reset states when modal is closed
+            setCurrentStep(0);
+            setIsLoading(false);
+            setError(null);
+        }
+    }, [
+        open
+    ]);
+    const resetStates = ()=>{
+        setCurrentStep(0);
+        setIsLoading(false);
+        setError(null);
+    };
+    const handleCancel = ()=>{
+        onCancel?.();
+        resetStates();
+        onOpenChange(false);
+    };
+    const handleBack = ()=>{
+        setCurrentStep((prev)=>Math.max(0, prev - 1));
+        setError(null);
+    };
+    const nextStep = async ()=>{
+        const currentStepProps = childrenArray[currentStep];
+        if (currentStepProps.onNext) {
+            setIsLoading(true);
+            setError(null);
+            try {
+                if (isLastStep) {
+                    onComplete?.();
+                    resetStates();
+                    onOpenChange(false);
+                } else {
+                    await currentStepProps.onNext();
+                    setCurrentStep((prev)=>prev + 1);
+                }
+                return true;
+            } catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                return false;
+            } finally{
+                setIsLoading(false);
+            }
+        } else {
+            // Default behavior: just move to next step
+            if (isLastStep) {
+                onComplete?.();
+                resetStates();
+                onOpenChange(false);
+            } else {
+                setCurrentStep((prev)=>prev + 1);
+            }
+            return true;
+        }
+    };
+    // Handle form submission (triggered by Enter key)
+    const handleFormSubmit = (e)=>{
+        e.preventDefault();
+        if (!isLoading && !childrenArray[currentStep]?.disableNext) {
+            nextStep();
+        }
+    };
+    const contextValue = {
+        currentStep,
+        goToStep: setCurrentStep,
+        nextStep,
+        prevStep: handleBack,
+        isFirstStep,
+        isLastStep,
+        totalSteps,
+        isLoading,
+        error,
+        setError
+    };
+    const currentChild = childrenArray[currentStep];
+    return /*#__PURE__*/ jsxRuntime.jsx(StepModalContext.Provider, {
+        value: contextValue,
+        children: open && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+            open: true,
+            onOpenChange: handleCancel,
+            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: currentChild?.title || title
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("form", {
+                        onSubmit: handleFormSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Body, {
+                                children: [
+                                    React.Children.toArray(children)[currentStep],
+                                    error && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        marginTop: 4,
+                                        padding: 3,
+                                        background: "danger100",
+                                        color: "danger600",
+                                        borderRadius: "4px",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "pi",
+                                            children: error.message
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                                children: [
+                                    isFirstStep ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        onClick: handleCancel,
+                                        type: "button",
+                                        children: currentChild?.cancelLabel || 'Cancel'
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        onClick: handleBack,
+                                        type: "button",
+                                        children: currentChild?.backLabel || 'Back'
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "default",
+                                        type: "submit",
+                                        disabled: isLoading || currentChild?.disableNext,
+                                        loading: isLoading,
+                                        children: currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Step
+ * -----------------------------------------------------------------------------------------------*/ const Step = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: children
+    });
+};
+StepModal.Step = Step;
+
+exports.Step = Step;
+exports.StepModal = StepModal;
+exports.useStepModal = useStepModal;
+//# sourceMappingURL=StepModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepModal.js","sources":["../../../../../admin/src/components/AIChat/components/StepModal.tsx"],"sourcesContent":["import {\r\n  createContext,\r\n  useContext,\r\n  useState,\r\n  ReactNode,\r\n  Children,\r\n  isValidElement,\r\n  FormEvent,\r\n  useEffect,\r\n} from 'react';\r\n\r\nimport { Modal, Box, Button, Typography } from '@strapi/design-system';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface StepModalContextType {\r\n  currentStep: number;\r\n  goToStep: (step: number) => void;\r\n  nextStep: () => Promise<boolean>;\r\n  prevStep: () => void;\r\n  isFirstStep: boolean;\r\n  isLastStep: boolean;\r\n  totalSteps: number;\r\n  isLoading: boolean;\r\n  error: Error | null;\r\n  setError: (error: Error | null) => void;\r\n}\r\n\r\nconst StepModalContext = createContext<StepModalContextType | null>(null);\r\n\r\nexport const useStepModal = () => {\r\n  const context = useContext(StepModalContext);\r\n  if (!context) {\r\n    throw new Error('useStepModal must be used within a StepModal');\r\n  }\r\n  return context;\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * StepModal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface StepModalProps {\r\n  open: boolean;\r\n  onOpenChange: (open: boolean) => void;\r\n  title?: string;\r\n  children: ReactNode;\r\n  onComplete?: () => void;\r\n  onCancel?: () => void;\r\n}\r\n\r\ninterface StepProps {\r\n  title?: string;\r\n  children: ReactNode;\r\n  nextLabel?: string;\r\n  cancelLabel?: string;\r\n  backLabel?: string;\r\n  disableNext?: boolean;\r\n  onNext?: () => Promise<boolean> | boolean;\r\n}\r\n\r\nconst StepModal = ({\r\n  open,\r\n  onOpenChange,\r\n  title,\r\n  children,\r\n  onComplete,\r\n  onCancel,\r\n}: StepModalProps) => {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  const childrenArray = Children.toArray(children)\r\n    .filter((child): child is React.ReactElement => isValidElement(child))\r\n    .map((child) => child.props);\r\n\r\n  const totalSteps = childrenArray.length;\r\n  const isFirstStep = currentStep === 0;\r\n  const isLastStep = currentStep === totalSteps - 1;\r\n\r\n  // Reset states when modal opens/closes\r\n  useEffect(() => {\r\n    if (!open) {\r\n      // Reset states when modal is closed\r\n      setCurrentStep(0);\r\n      setIsLoading(false);\r\n      setError(null);\r\n    }\r\n  }, [open]);\r\n\r\n  const resetStates = () => {\r\n    setCurrentStep(0);\r\n    setIsLoading(false);\r\n    setError(null);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    onCancel?.();\r\n    resetStates();\r\n    onOpenChange(false);\r\n  };\r\n\r\n  const handleBack = () => {\r\n    setCurrentStep((prev) => Math.max(0, prev - 1));\r\n    setError(null);\r\n  };\r\n\r\n  const nextStep = async () => {\r\n    const currentStepProps = childrenArray[currentStep];\r\n\r\n    if (currentStepProps.onNext) {\r\n      setIsLoading(true);\r\n      setError(null);\r\n\r\n      try {\r\n        if (isLastStep) {\r\n          onComplete?.();\r\n          resetStates();\r\n          onOpenChange(false);\r\n        } else {\r\n          await currentStepProps.onNext();\r\n          setCurrentStep((prev) => prev + 1);\r\n        }\r\n        return true;\r\n      } catch (err) {\r\n        setError(err instanceof Error ? err : new Error(String(err)));\r\n        return false;\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    } else {\r\n      // Default behavior: just move to next step\r\n      if (isLastStep) {\r\n        onComplete?.();\r\n        resetStates();\r\n        onOpenChange(false);\r\n      } else {\r\n        setCurrentStep((prev) => prev + 1);\r\n      }\r\n      return true;\r\n    }\r\n  };\r\n\r\n  // Handle form submission (triggered by Enter key)\r\n  const handleFormSubmit = (e: FormEvent) => {\r\n    e.preventDefault();\r\n    if (!isLoading && !childrenArray[currentStep]?.disableNext) {\r\n      nextStep();\r\n    }\r\n  };\r\n\r\n  const contextValue = {\r\n    currentStep,\r\n    goToStep: setCurrentStep,\r\n    nextStep,\r\n    prevStep: handleBack,\r\n    isFirstStep,\r\n    isLastStep,\r\n    totalSteps,\r\n    isLoading,\r\n    error,\r\n    setError,\r\n  };\r\n\r\n  const currentChild = childrenArray[currentStep];\r\n\r\n  return (\r\n    <StepModalContext.Provider value={contextValue}>\r\n      {open && (\r\n        <Modal.Root open onOpenChange={handleCancel}>\r\n          <Modal.Content>\r\n            <Modal.Header>\r\n              <Typography variant=\"omega\" fontWeight=\"bold\">\r\n                {currentChild?.title || title}\r\n              </Typography>\r\n            </Modal.Header>\r\n\r\n            <form onSubmit={handleFormSubmit}>\r\n              <Modal.Body>\r\n                {Children.toArray(children)[currentStep]}\r\n\r\n                {error && (\r\n                  <Box\r\n                    marginTop={4}\r\n                    padding={3}\r\n                    background=\"danger100\"\r\n                    color=\"danger600\"\r\n                    borderRadius=\"4px\"\r\n                  >\r\n                    <Typography variant=\"pi\">{error.message}</Typography>\r\n                  </Box>\r\n                )}\r\n              </Modal.Body>\r\n\r\n              <Modal.Footer>\r\n                {isFirstStep ? (\r\n                  <Button variant=\"tertiary\" onClick={handleCancel} type=\"button\">\r\n                    {currentChild?.cancelLabel || 'Cancel'}\r\n                  </Button>\r\n                ) : (\r\n                  <Button variant=\"tertiary\" onClick={handleBack} type=\"button\">\r\n                    {currentChild?.backLabel || 'Back'}\r\n                  </Button>\r\n                )}\r\n\r\n                <Button\r\n                  variant=\"default\"\r\n                  type=\"submit\"\r\n                  disabled={isLoading || currentChild?.disableNext}\r\n                  loading={isLoading}\r\n                >\r\n                  {currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')}\r\n                </Button>\r\n              </Modal.Footer>\r\n            </form>\r\n          </Modal.Content>\r\n        </Modal.Root>\r\n      )}\r\n    </StepModalContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Step\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst Step = ({ children }: StepProps) => {\r\n  return <>{children}</>;\r\n};\r\n\r\nStepModal.Step = Step;\r\n\r\nexport { StepModal, Step };\r\n"],"names":["StepModalContext","createContext","useStepModal","context","useContext","Error","StepModal","open","onOpenChange","title","children","onComplete","onCancel","currentStep","setCurrentStep","useState","isLoading","setIsLoading","error","setError","childrenArray","Children","toArray","filter","child","isValidElement","map","props","totalSteps","length","isFirstStep","isLastStep","useEffect","resetStates","handleCancel","handleBack","prev","Math","max","nextStep","currentStepProps","onNext","err","String","handleFormSubmit","e","preventDefault","disableNext","contextValue","goToStep","prevStep","currentChild","_jsx","Provider","value","Modal","Root","_jsxs","Content","Header","Typography","variant","fontWeight","form","onSubmit","Body","Box","marginTop","padding","background","color","borderRadius","message","Footer","Button","onClick","type","cancelLabel","backLabel","disabled","loading","nextLabel","Step","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,171 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, Children, isValidElement, useEffect, createContext, useContext } from 'react';
+import { Modal, Typography, Box, Button } from '@strapi/design-system';
+
+const StepModalContext = /*#__PURE__*/ createContext(null);
+const useStepModal = ()=>{
+    const context = useContext(StepModalContext);
+    if (!context) {
+        throw new Error('useStepModal must be used within a StepModal');
+    }
+    return context;
+};
+const StepModal = ({ open, onOpenChange, title, children, onComplete, onCancel })=>{
+    const [currentStep, setCurrentStep] = useState(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const childrenArray = Children.toArray(children).filter((child)=>/*#__PURE__*/ isValidElement(child)).map((child)=>child.props);
+    const totalSteps = childrenArray.length;
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    // Reset states when modal opens/closes
+    useEffect(()=>{
+        if (!open) {
+            // Reset states when modal is closed
+            setCurrentStep(0);
+            setIsLoading(false);
+            setError(null);
+        }
+    }, [
+        open
+    ]);
+    const resetStates = ()=>{
+        setCurrentStep(0);
+        setIsLoading(false);
+        setError(null);
+    };
+    const handleCancel = ()=>{
+        onCancel?.();
+        resetStates();
+        onOpenChange(false);
+    };
+    const handleBack = ()=>{
+        setCurrentStep((prev)=>Math.max(0, prev - 1));
+        setError(null);
+    };
+    const nextStep = async ()=>{
+        const currentStepProps = childrenArray[currentStep];
+        if (currentStepProps.onNext) {
+            setIsLoading(true);
+            setError(null);
+            try {
+                if (isLastStep) {
+                    onComplete?.();
+                    resetStates();
+                    onOpenChange(false);
+                } else {
+                    await currentStepProps.onNext();
+                    setCurrentStep((prev)=>prev + 1);
+                }
+                return true;
+            } catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                return false;
+            } finally{
+                setIsLoading(false);
+            }
+        } else {
+            // Default behavior: just move to next step
+            if (isLastStep) {
+                onComplete?.();
+                resetStates();
+                onOpenChange(false);
+            } else {
+                setCurrentStep((prev)=>prev + 1);
+            }
+            return true;
+        }
+    };
+    // Handle form submission (triggered by Enter key)
+    const handleFormSubmit = (e)=>{
+        e.preventDefault();
+        if (!isLoading && !childrenArray[currentStep]?.disableNext) {
+            nextStep();
+        }
+    };
+    const contextValue = {
+        currentStep,
+        goToStep: setCurrentStep,
+        nextStep,
+        prevStep: handleBack,
+        isFirstStep,
+        isLastStep,
+        totalSteps,
+        isLoading,
+        error,
+        setError
+    };
+    const currentChild = childrenArray[currentStep];
+    return /*#__PURE__*/ jsx(StepModalContext.Provider, {
+        value: contextValue,
+        children: open && /*#__PURE__*/ jsx(Modal.Root, {
+            open: true,
+            onOpenChange: handleCancel,
+            children: /*#__PURE__*/ jsxs(Modal.Content, {
+                children: [
+                    /*#__PURE__*/ jsx(Modal.Header, {
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "omega",
+                            fontWeight: "bold",
+                            children: currentChild?.title || title
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("form", {
+                        onSubmit: handleFormSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxs(Modal.Body, {
+                                children: [
+                                    Children.toArray(children)[currentStep],
+                                    error && /*#__PURE__*/ jsx(Box, {
+                                        marginTop: 4,
+                                        padding: 3,
+                                        background: "danger100",
+                                        color: "danger600",
+                                        borderRadius: "4px",
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            variant: "pi",
+                                            children: error.message
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Modal.Footer, {
+                                children: [
+                                    isFirstStep ? /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        onClick: handleCancel,
+                                        type: "button",
+                                        children: currentChild?.cancelLabel || 'Cancel'
+                                    }) : /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        onClick: handleBack,
+                                        type: "button",
+                                        children: currentChild?.backLabel || 'Back'
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        variant: "default",
+                                        type: "submit",
+                                        disabled: isLoading || currentChild?.disableNext,
+                                        loading: isLoading,
+                                        children: currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Step
+ * -----------------------------------------------------------------------------------------------*/ const Step = ({ children })=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+};
+StepModal.Step = Step;
+
+export { Step, StepModal, useStepModal };
+//# sourceMappingURL=StepModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepModal.mjs","sources":["../../../../../admin/src/components/AIChat/components/StepModal.tsx"],"sourcesContent":["import {\r\n  createContext,\r\n  useContext,\r\n  useState,\r\n  ReactNode,\r\n  Children,\r\n  isValidElement,\r\n  FormEvent,\r\n  useEffect,\r\n} from 'react';\r\n\r\nimport { Modal, Box, Button, Typography } from '@strapi/design-system';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface StepModalContextType {\r\n  currentStep: number;\r\n  goToStep: (step: number) => void;\r\n  nextStep: () => Promise<boolean>;\r\n  prevStep: () => void;\r\n  isFirstStep: boolean;\r\n  isLastStep: boolean;\r\n  totalSteps: number;\r\n  isLoading: boolean;\r\n  error: Error | null;\r\n  setError: (error: Error | null) => void;\r\n}\r\n\r\nconst StepModalContext = createContext<StepModalContextType | null>(null);\r\n\r\nexport const useStepModal = () => {\r\n  const context = useContext(StepModalContext);\r\n  if (!context) {\r\n    throw new Error('useStepModal must be used within a StepModal');\r\n  }\r\n  return context;\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * StepModal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface StepModalProps {\r\n  open: boolean;\r\n  onOpenChange: (open: boolean) => void;\r\n  title?: string;\r\n  children: ReactNode;\r\n  onComplete?: () => void;\r\n  onCancel?: () => void;\r\n}\r\n\r\ninterface StepProps {\r\n  title?: string;\r\n  children: ReactNode;\r\n  nextLabel?: string;\r\n  cancelLabel?: string;\r\n  backLabel?: string;\r\n  disableNext?: boolean;\r\n  onNext?: () => Promise<boolean> | boolean;\r\n}\r\n\r\nconst StepModal = ({\r\n  open,\r\n  onOpenChange,\r\n  title,\r\n  children,\r\n  onComplete,\r\n  onCancel,\r\n}: StepModalProps) => {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  const childrenArray = Children.toArray(children)\r\n    .filter((child): child is React.ReactElement => isValidElement(child))\r\n    .map((child) => child.props);\r\n\r\n  const totalSteps = childrenArray.length;\r\n  const isFirstStep = currentStep === 0;\r\n  const isLastStep = currentStep === totalSteps - 1;\r\n\r\n  // Reset states when modal opens/closes\r\n  useEffect(() => {\r\n    if (!open) {\r\n      // Reset states when modal is closed\r\n      setCurrentStep(0);\r\n      setIsLoading(false);\r\n      setError(null);\r\n    }\r\n  }, [open]);\r\n\r\n  const resetStates = () => {\r\n    setCurrentStep(0);\r\n    setIsLoading(false);\r\n    setError(null);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    onCancel?.();\r\n    resetStates();\r\n    onOpenChange(false);\r\n  };\r\n\r\n  const handleBack = () => {\r\n    setCurrentStep((prev) => Math.max(0, prev - 1));\r\n    setError(null);\r\n  };\r\n\r\n  const nextStep = async () => {\r\n    const currentStepProps = childrenArray[currentStep];\r\n\r\n    if (currentStepProps.onNext) {\r\n      setIsLoading(true);\r\n      setError(null);\r\n\r\n      try {\r\n        if (isLastStep) {\r\n          onComplete?.();\r\n          resetStates();\r\n          onOpenChange(false);\r\n        } else {\r\n          await currentStepProps.onNext();\r\n          setCurrentStep((prev) => prev + 1);\r\n        }\r\n        return true;\r\n      } catch (err) {\r\n        setError(err instanceof Error ? err : new Error(String(err)));\r\n        return false;\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    } else {\r\n      // Default behavior: just move to next step\r\n      if (isLastStep) {\r\n        onComplete?.();\r\n        resetStates();\r\n        onOpenChange(false);\r\n      } else {\r\n        setCurrentStep((prev) => prev + 1);\r\n      }\r\n      return true;\r\n    }\r\n  };\r\n\r\n  // Handle form submission (triggered by Enter key)\r\n  const handleFormSubmit = (e: FormEvent) => {\r\n    e.preventDefault();\r\n    if (!isLoading && !childrenArray[currentStep]?.disableNext) {\r\n      nextStep();\r\n    }\r\n  };\r\n\r\n  const contextValue = {\r\n    currentStep,\r\n    goToStep: setCurrentStep,\r\n    nextStep,\r\n    prevStep: handleBack,\r\n    isFirstStep,\r\n    isLastStep,\r\n    totalSteps,\r\n    isLoading,\r\n    error,\r\n    setError,\r\n  };\r\n\r\n  const currentChild = childrenArray[currentStep];\r\n\r\n  return (\r\n    <StepModalContext.Provider value={contextValue}>\r\n      {open && (\r\n        <Modal.Root open onOpenChange={handleCancel}>\r\n          <Modal.Content>\r\n            <Modal.Header>\r\n              <Typography variant=\"omega\" fontWeight=\"bold\">\r\n                {currentChild?.title || title}\r\n              </Typography>\r\n            </Modal.Header>\r\n\r\n            <form onSubmit={handleFormSubmit}>\r\n              <Modal.Body>\r\n                {Children.toArray(children)[currentStep]}\r\n\r\n                {error && (\r\n                  <Box\r\n                    marginTop={4}\r\n                    padding={3}\r\n                    background=\"danger100\"\r\n                    color=\"danger600\"\r\n                    borderRadius=\"4px\"\r\n                  >\r\n                    <Typography variant=\"pi\">{error.message}</Typography>\r\n                  </Box>\r\n                )}\r\n              </Modal.Body>\r\n\r\n              <Modal.Footer>\r\n                {isFirstStep ? (\r\n                  <Button variant=\"tertiary\" onClick={handleCancel} type=\"button\">\r\n                    {currentChild?.cancelLabel || 'Cancel'}\r\n                  </Button>\r\n                ) : (\r\n                  <Button variant=\"tertiary\" onClick={handleBack} type=\"button\">\r\n                    {currentChild?.backLabel || 'Back'}\r\n                  </Button>\r\n                )}\r\n\r\n                <Button\r\n                  variant=\"default\"\r\n                  type=\"submit\"\r\n                  disabled={isLoading || currentChild?.disableNext}\r\n                  loading={isLoading}\r\n                >\r\n                  {currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')}\r\n                </Button>\r\n              </Modal.Footer>\r\n            </form>\r\n          </Modal.Content>\r\n        </Modal.Root>\r\n      )}\r\n    </StepModalContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Step\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst Step = ({ children }: StepProps) => {\r\n  return <>{children}</>;\r\n};\r\n\r\nStepModal.Step = Step;\r\n\r\nexport { StepModal, Step };\r\n"],"names":["StepModalContext","createContext","useStepModal","context","useContext","Error","StepModal","open","onOpenChange","title","children","onComplete","onCancel","currentStep","setCurrentStep","useState","isLoading","setIsLoading","error","setError","childrenArray","Children","toArray","filter","child","isValidElement","map","props","totalSteps","length","isFirstStep","isLastStep","useEffect","resetStates","handleCancel","handleBack","prev","Math","max","nextStep","currentStepProps","onNext","err","String","handleFormSubmit","e","preventDefault","disableNext","contextValue","goToStep","prevStep","currentChild","_jsx","Provider","value","Modal","Root","_jsxs","Content","Header","Typography","variant","fontWeight","form","onSubmit","Body","Box","marginTop","padding","background","color","borderRadius","message","Footer","Button","onClick","type","cancelLabel","backLabel","disabled","loading","nextLabel","Step","_Fragment"],"mappings":"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"}