@intlayer/design-system 7.6.0-canary.0 → 8.0.0-canary.0

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs

@@ -1,12 +1,13 @@
 'use client';
 
-import { Container } from "../../Container/index.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
+import { Checkbox } from "../../Input/Checkbox.mjs";
 import { useSession } from "../../../hooks/useAuth/useSession.mjs";
 import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
-import { useForm } from "../../Form/FormBase.mjs";
+import { Select } from "../../Select/Select.mjs";
+import { useForm as useForm$1 } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";
 import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
 import { WandSparkles } from "lucide-react";
@@ -14,24 +15,37 @@ import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 import { useEditedContent } from "@intlayer/editor-react";
+import { AnimatePresence, motion } from "framer-motion";
+import { useWatch } from "react-hook-form";
 
 //#region src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx
-const DictionaryDetailsForm = ({ dictionary }) => {
+const DictionaryDetailsForm = ({ dictionary, mode }) => {
 	const { session } = useSession();
 	const { project } = session ?? {};
-	const { data: projects, isLoading: isLoadingProjects } = useGetProjects();
-	const { data: tags } = useGetTags();
+	const { data: projectsData, isLoading: isLoadingProjects } = useGetProjects();
+	const { data: tagsData } = useGetTags();
+	const projects = projectsData?.data ?? [];
+	const allTags = tagsData?.data ?? [];
 	const DictionaryDetailsSchema = useDictionaryDetailsSchema(String(project?.id));
-	const { form, isSubmitting } = useForm(DictionaryDetailsSchema, { defaultValues: dictionary });
+	const { form, isSubmitting } = useForm$1(DictionaryDetailsSchema, { defaultValues: {
+		...dictionary,
+		location: dictionary.location ?? "remote"
+	} });
 	const { editedContent, setEditedDictionary } = useEditedContent();
-	const { titleInput, keyInput, descriptionInput, projectInput, tagsSelect, auditButton } = useIntlayer("dictionary-details");
+	const { titleInput, keyInput, descriptionInput, projectInput, tagsSelect, locationSelect, importModeSelect, filePathInput, auditButton } = useIntlayer("dictionary-details");
 	const { mutate: auditContentDeclaration, isPending: isAuditing } = useAuditContentDeclarationMetadata();
 	const updatedDictionary = editedContent?.[dictionary.localId];
 	useEffect(() => {
-		form.reset(dictionary);
+		form.reset({
+			...dictionary,
+			location: dictionary.location ?? "remote"
+		});
 	}, [dictionary, form?.reset]);
 	useEffect(() => {
-		if (typeof updatedDictionary === "undefined") form.reset(dictionary);
+		if (typeof updatedDictionary === "undefined") form.reset({
+			...dictionary,
+			location: dictionary.location ?? "remote"
+		});
 	}, [updatedDictionary]);
 	const handleOnAuditFile = () => {
 		const dictionaryToAudit = {
@@ -56,136 +70,257 @@ const DictionaryDetailsForm = ({ dictionary }) => {
 			}
 		} });
 	};
-	return /* @__PURE__ */ jsx(Container, {
-		background: "none",
-		border: true,
-		roundedSize: "2xl",
-		className: "w-full px-5 pt-5 pb-3",
-		children: /* @__PURE__ */ jsxs(Form, {
-			className: "flex w-full flex-col gap-8",
-			...form,
-			schema: DictionaryDetailsSchema,
-			onChange: (data) => {
-				setEditedDictionary((prev) => ({
-					...prev,
-					...data
-				}));
-			},
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex w-full flex-1 gap-8 max-md:flex-col",
-					children: [/* @__PURE__ */ jsx(Form.EditableFieldInput, {
-						name: "key",
-						label: keyInput.label,
-						placeholder: keyInput.label.value,
-						description: keyInput.description,
-						disabled: isSubmitting,
-						isRequired: true,
-						onSave: (value) => {
-							form.setValue("key", value);
-							setEditedDictionary((prev) => ({
-								...dictionary,
-								...prev ?? {},
-								key: value
-							}));
-						}
-					}), /* @__PURE__ */ jsx(Form.EditableFieldInput, {
-						name: "title",
-						label: titleInput.label,
-						placeholder: titleInput.placeholder.value,
-						description: titleInput.description,
-						disabled: isSubmitting,
-						onSave: (value) => {
-							form.setValue("title", value);
-							setEditedDictionary((prev) => ({
-								...dictionary,
-								...prev ?? {},
-								title: value
-							}));
-						}
-					})]
-				}),
-				/* @__PURE__ */ jsx(Form.EditableFieldTextArea, {
-					name: "description",
-					label: descriptionInput.label,
-					placeholder: descriptionInput.placeholder.value,
-					description: descriptionInput.description,
+	const watchedLocation = useWatch({
+		control: form.control,
+		name: "location"
+	});
+	const isLocalChecked = watchedLocation === "local" || watchedLocation === "local&remote";
+	return /* @__PURE__ */ jsxs(Form, {
+		className: "flex w-full flex-col gap-8",
+		...form,
+		schema: DictionaryDetailsSchema,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsx(Form.EditableFieldInput, {
+					name: "key",
+					label: keyInput.label,
+					placeholder: keyInput.label.value,
+					description: keyInput.description,
+					disabled: isSubmitting,
+					isRequired: true,
+					onSave: (value) => {
+						form.setValue("key", value, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							key: value
+						}));
+					}
+				}), /* @__PURE__ */ jsx(Form.EditableFieldInput, {
+					name: "title",
+					label: titleInput.label,
+					placeholder: titleInput.placeholder.value,
+					description: titleInput.description,
 					disabled: isSubmitting,
 					onSave: (value) => {
-						form.setValue("description", value);
+						form.setValue("title", value, { shouldDirty: true });
 						setEditedDictionary((prev) => ({
 							...dictionary,
 							...prev ?? {},
-							description: value
+							title: value
 						}));
 					}
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex size-full flex-1 gap-8 max-md:flex-col",
-					children: [/* @__PURE__ */ jsxs(Form.MultiSelect, {
-						name: "projectIds",
-						label: projectInput.label.value,
-						description: projectInput.description.value,
-						onValueChange: (value) => {
-							const valueArray = [value].flat();
-							form.setValue("projectIds", valueArray);
+				})]
+			}),
+			/* @__PURE__ */ jsx(Form.EditableFieldTextArea, {
+				name: "description",
+				label: descriptionInput.label,
+				placeholder: descriptionInput.placeholder.value,
+				description: descriptionInput.description,
+				disabled: isSubmitting,
+				onSave: (value) => {
+					form.setValue("description", value, { shouldDirty: true });
+					setEditedDictionary((prev) => ({
+						...dictionary,
+						...prev ?? {},
+						description: value
+					}));
+				}
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 px-1 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsx(Form.Field, {
+					control: form.control,
+					name: "location",
+					render: ({ field }) => {
+						const value = field.value;
+						const isLocal = value === "local" || value === "local&remote";
+						const isRemote = value === "remote" || value === "local&remote";
+						const handleLocalToggle = (isChecked) => {
+							if (!isChecked && !isRemote) return;
+							const newValue = isChecked ? isRemote ? "local&remote" : "local" : "remote";
+							field.onChange(newValue);
+							const newFilePath = isChecked ? form.getValues("filePath") ?? dictionary.filePath : void 0;
+							if (!isChecked) form.setValue("filePath", void 0);
 							setEditedDictionary((prev) => ({
 								...dictionary,
 								...prev ?? {},
-								projectIds: valueArray
+								location: newValue,
+								filePath: newFilePath
 							}));
-						},
-						children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
-							getBadgeValue: (value) => projects?.data?.find((project$1) => String(project$1.id) === value)?.name ?? value,
-							children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
-						}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
-							isLoading: isLoadingProjects,
-							children: /* @__PURE__ */ jsx(MultiSelect.List, { children: projects?.data?.map((project$1) => /* @__PURE__ */ jsx(MultiSelect.Item, {
-								value: String(project$1.id),
-								children: project$1.name
-							}, String(project$1.id))) })
-						}) })]
-					}), /* @__PURE__ */ jsxs(Form.MultiSelect, {
-						name: "tags",
-						label: tagsSelect.label.value,
-						description: tagsSelect.description.value,
-						onValueChange: (value) => {
-							form.setValue("tags", [value].flat());
+						};
+						const handleRemoteToggle = (isChecked) => {
+							if (!isChecked && !isLocal) return;
+							const newValue = isChecked ? isLocal ? "local&remote" : "remote" : "local";
+							field.onChange(newValue);
 							setEditedDictionary((prev) => ({
 								...dictionary,
 								...prev ?? {},
-								tags: [value].flat()
+								location: newValue
 							}));
+						};
+						return /* @__PURE__ */ jsxs(Form.Item, {
+							className: "flex flex-col gap-2 px-1",
+							children: [
+								/* @__PURE__ */ jsx(Form.Label, {
+									className: "ml-1",
+									children: locationSelect.label
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "ml-2 flex items-center gap-4 py-2",
+									children: [/* @__PURE__ */ jsx(Checkbox, {
+										id: "location-local",
+										name: "location-local",
+										label: locationSelect.local.value,
+										checked: isLocal,
+										disabled: !mode.includes("local") && !mode.includes("remote"),
+										onChange: (e) => handleLocalToggle(e.target.checked)
+									}), /* @__PURE__ */ jsx(Checkbox, {
+										id: "location-remote",
+										name: "location-remote",
+										label: locationSelect.remote.value,
+										checked: isRemote,
+										disabled: !mode.includes("remote") && dictionary.location !== "remote" && dictionary.location !== "local&remote",
+										onChange: (e) => handleRemoteToggle(e.target.checked)
+									})]
+								}),
+								/* @__PURE__ */ jsx(Form.Description, { children: locationSelect.testDescription }),
+								/* @__PURE__ */ jsx(Form.Message, {})
+							]
+						});
+					}
+				}), /* @__PURE__ */ jsx(AnimatePresence, {
+					mode: "wait",
+					children: isLocalChecked && /* @__PURE__ */ jsx(motion.div, {
+						initial: {
+							opacity: 0,
+							height: 0
+						},
+						animate: {
+							opacity: 1,
+							height: "auto"
 						},
-						children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
-							getBadgeValue: (value) => projects?.data?.find((project$1) => String(project$1.id) === value)?.name ?? value,
-							children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
-						}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
-							isLoading: isLoadingProjects,
-							children: /* @__PURE__ */ jsx(MultiSelect.List, { children: tags?.data?.map((tag) => /* @__PURE__ */ jsx(MultiSelect.Item, {
-								value: String(tag.key),
-								children: tag.name ?? tag.key
-							}, String(tag.key))) })
-						}) })]
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col",
-					children: /* @__PURE__ */ jsx(Form.Button, {
-						type: "button",
-						size: ButtonSize.ICON_MD,
-						label: auditButton.label.value,
-						Icon: WandSparkles,
-						variant: ButtonVariant.OUTLINE,
-						color: ButtonColor.TEXT,
-						className: "max-md:w-full",
-						onClick: handleOnAuditFile,
-						disabled: isSubmitting || isAuditing,
-						isLoading: isAuditing
-					})
+						exit: {
+							opacity: 0,
+							height: 0
+						},
+						transition: { duration: .3 },
+						className: "overflow-hidden",
+						children: /* @__PURE__ */ jsx(Form.Input, {
+							name: "filePath",
+							label: filePathInput.label.value,
+							placeholder: filePathInput.placeholder.value,
+							description: filePathInput.description.value,
+							disabled: isSubmitting || !isLocalChecked,
+							onChange: (e) => {
+								const value = e.target.value;
+								setEditedDictionary((prev) => ({
+									...dictionary,
+									...prev ?? {},
+									filePath: value
+								}));
+							}
+						})
+					}, "filePath-input")
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-2 gap-8 max-md:grid-cols-1",
+				children: /* @__PURE__ */ jsxs(Form.Select, {
+					name: "importMode",
+					label: importModeSelect.label.value,
+					description: importModeSelect.description.value,
+					onValueChange: (value) => {
+						form.setValue("importMode", value, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							importMode: value
+						}));
+					},
+					children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: importModeSelect.label.value }) }), /* @__PURE__ */ jsxs(Select.Content, { children: [
+						/* @__PURE__ */ jsx(Select.Item, {
+							value: "static",
+							children: importModeSelect.static.value
+						}),
+						/* @__PURE__ */ jsx(Select.Item, {
+							value: "dynamic",
+							children: importModeSelect.dynamic.value
+						}),
+						/* @__PURE__ */ jsx(Select.Item, {
+							value: "live",
+							children: importModeSelect.live.value
+						})
+					] })]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsxs(Form.MultiSelect, {
+					name: "projectIds",
+					label: projectInput.label.value,
+					description: projectInput.description,
+					onValueChange: (value) => {
+						const valueArray = [value].flat();
+						form.setValue("projectIds", valueArray, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							projectIds: valueArray
+						}));
+					},
+					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
+						getBadgeValue: (value) => projects?.find((project$1) => String(project$1.id) === value)?.name ?? value,
+						children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
+					}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
+						isLoading: isLoadingProjects,
+						children: /* @__PURE__ */ jsx(MultiSelect.List, { children: projects?.map((project$1) => /* @__PURE__ */ jsx(MultiSelect.Item, {
+							value: String(project$1.id),
+							children: project$1.name
+						}, String(project$1.id))) })
+					}) })]
+				}), /* @__PURE__ */ jsxs(Form.MultiSelect, {
+					name: "tags",
+					label: tagsSelect.label.value,
+					description: tagsSelect.description,
+					onValueChange: (value) => {
+						const valueArray = [value].flat();
+						form.setValue("tags", valueArray, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							tags: valueArray
+						}));
+					},
+					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
+						getBadgeValue: (value) => allTags?.find((tag) => String(tag.key) === value)?.name ?? value,
+						children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
+					}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
+						isLoading: isLoadingProjects,
+						children: /* @__PURE__ */ jsx(MultiSelect.List, { children: allTags?.map((tag) => /* @__PURE__ */ jsx(MultiSelect.Item, {
+							value: String(tag.key),
+							children: tag.name ?? tag.key
+						}, String(tag.key))) })
+					}) })]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col",
+				children: /* @__PURE__ */ jsx(Form.Button, {
+					type: "button",
+					size: ButtonSize.ICON_MD,
+					label: auditButton.label.value,
+					Icon: WandSparkles,
+					variant: ButtonVariant.OUTLINE,
+					color: ButtonColor.TEXT,
+					className: "max-md:w-full",
+					onClick: handleOnAuditFile,
+					disabled: isSubmitting || isAuditing,
+					isLoading: isAuditing
 				})
-			]
-		})
+			})
+		]
 	});
 };
 

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.mjs","names":["project"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonSize, ButtonVariant } from '@components/Button';\nimport { Container } from '@components/Container';\nimport { Form, useForm } from '@components/Form';\nimport { Loader } from '@components/Loader';\nimport { MultiSelect } from '@components/Select';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n} from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { WandSparkles } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { useDictionaryDetailsSchema } from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags } = useGetTags();\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?.id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionary,\n  });\n  const { editedContent, setEditedDictionary } = useEditedContent();\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    projectInput,\n    tagsSelect,\n    auditButton,\n  } = useIntlayer('dictionary-details');\n  const { mutate: auditContentDeclaration, isPending: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const updatedDictionary =\n    editedContent?.[dictionary.localId as LocalDictionaryId];\n\n  useEffect(() => {\n    form.reset(dictionary);\n  }, [dictionary, form?.reset]);\n\n  useEffect(() => {\n    if (typeof updatedDictionary === 'undefined') {\n      form.reset(dictionary);\n    }\n  }, [updatedDictionary]);\n\n  const handleOnAuditFile = () => {\n    const dictionaryToAudit = {\n      ...dictionary,\n      ...updatedDictionary,\n    };\n\n    auditContentDeclaration(\n      {\n        fileContent: JSON.stringify(dictionaryToAudit),\n      },\n      {\n        onSuccess: (response) => {\n          if (!response?.data) return;\n\n          try {\n            const auditedDictionary = response.data.fileContent;\n\n            setEditedDictionary((prev) => ({\n              ...prev,\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            }));\n            form.reset({\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            });\n          } catch (error) {\n            console.error(error);\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"2xl\"\n      className=\"w-full px-5 pt-5 pb-3\"\n    >\n      <Form\n        className=\"flex w-full flex-col gap-8\"\n        {...form}\n        schema={DictionaryDetailsSchema}\n        onChange={(data) => {\n          setEditedDictionary((prev) => ({\n            ...prev,\n            ...data,\n          }));\n        }}\n      >\n        <div className=\"flex w-full flex-1 gap-8 max-md:flex-col\">\n          <Form.EditableFieldInput\n            name=\"key\"\n            label={keyInput.label}\n            placeholder={keyInput.label.value}\n            description={keyInput.description}\n            disabled={isSubmitting}\n            isRequired\n            onSave={(value) => {\n              form.setValue('key', value);\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                key: value,\n              }));\n            }}\n          />\n          <Form.EditableFieldInput\n            name=\"title\"\n            label={titleInput.label}\n            placeholder={titleInput.placeholder.value}\n            description={titleInput.description}\n            disabled={isSubmitting}\n            onSave={(value) => {\n              form.setValue('title', value);\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                title: value,\n              }));\n            }}\n          />\n        </div>\n        <Form.EditableFieldTextArea\n          name=\"description\"\n          label={descriptionInput.label}\n          placeholder={descriptionInput.placeholder.value}\n          description={descriptionInput.description}\n          disabled={isSubmitting}\n          onSave={(value) => {\n            form.setValue('description', value);\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              description: value,\n            }));\n          }}\n        />\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.MultiSelect\n            name=\"projectIds\"\n            label={projectInput.label.value}\n            description={projectInput.description.value}\n            onValueChange={(value) => {\n              const valueArray = [value].flat();\n              form.setValue('projectIds', valueArray);\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                projectIds: valueArray,\n              }));\n            }}\n          >\n            <MultiSelect.Trigger\n              getBadgeValue={(value) =>\n                projects?.data?.find((project) => String(project.id) === value)\n                  ?.name ?? value\n              }\n            >\n              <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n            </MultiSelect.Trigger>\n            <MultiSelect.Content>\n              <Loader isLoading={isLoadingProjects}>\n                <MultiSelect.List>\n                  {projects?.data?.map((project) => (\n                    <MultiSelect.Item\n                      key={String(project.id)}\n                      value={String(project.id)}\n                    >\n                      {project.name}\n                    </MultiSelect.Item>\n                  ))}\n                </MultiSelect.List>\n              </Loader>\n            </MultiSelect.Content>\n          </Form.MultiSelect>\n\n          <Form.MultiSelect\n            name=\"tags\"\n            label={tagsSelect.label.value}\n            description={tagsSelect.description.value}\n            onValueChange={(value) => {\n              form.setValue('tags', [value].flat());\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                tags: [value].flat(),\n              }));\n            }}\n          >\n            <MultiSelect.Trigger\n              getBadgeValue={(value) =>\n                projects?.data?.find((project) => String(project.id) === value)\n                  ?.name ?? value\n              }\n            >\n              <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n            </MultiSelect.Trigger>\n            <MultiSelect.Content>\n              <Loader isLoading={isLoadingProjects}>\n                <MultiSelect.List>\n                  {tags?.data?.map((tag) => (\n                    <MultiSelect.Item\n                      key={String(tag.key)}\n                      value={String(tag.key)}\n                    >\n                      {tag.name ?? tag.key}\n                    </MultiSelect.Item>\n                  ))}\n                </MultiSelect.List>\n              </Loader>\n            </MultiSelect.Content>\n          </Form.MultiSelect>\n        </div>\n\n        <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n          <Form.Button\n            type=\"button\"\n            size={ButtonSize.ICON_MD}\n            label={auditButton.label.value}\n            Icon={WandSparkles}\n            variant={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={handleOnAuditFile}\n            disabled={isSubmitting || isAuditing}\n            isLoading={isAuditing}\n          />\n        </div>\n      </Form>\n    </Container>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DictionaryDetailsForm.mjs","names":["useForm","project"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonSize, ButtonVariant } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { Checkbox } from '@components/Input';\nimport { Loader } from '@components/Loader';\nimport { MultiSelect, Select } from '@components/Select';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n} from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { WandSparkles } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useIntlayer } from 'react-intlayer';\nimport { useDictionaryDetailsSchema } from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { data: projectsData, isLoading: isLoadingProjects } =\n    useGetProjects() as any;\n  const { data: tagsData } = useGetTags() as any;\n\n  const projects = (projectsData?.data ?? []) as any[];\n  const allTags = (tagsData?.data ?? []) as any[];\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?.id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: {\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    },\n  });\n  const { editedContent, setEditedDictionary } = useEditedContent();\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    projectInput,\n    tagsSelect,\n    locationSelect,\n    importModeSelect,\n    filePathInput,\n    auditButton,\n  } = useIntlayer('dictionary-details');\n  const { mutate: auditContentDeclaration, isPending: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const updatedDictionary =\n    editedContent?.[dictionary.localId as LocalDictionaryId];\n\n  useEffect(() => {\n    form.reset({\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    });\n  }, [dictionary, form?.reset]);\n\n  useEffect(() => {\n    if (typeof updatedDictionary === 'undefined') {\n      form.reset({\n        ...dictionary,\n        location: dictionary.location ?? 'remote',\n      });\n    }\n  }, [updatedDictionary]);\n\n  const handleOnAuditFile = () => {\n    const dictionaryToAudit = {\n      ...dictionary,\n      ...updatedDictionary,\n    };\n\n    auditContentDeclaration(\n      {\n        fileContent: JSON.stringify(dictionaryToAudit),\n      },\n      {\n        onSuccess: (response) => {\n          if (!response?.data) return;\n\n          try {\n            const auditedDictionary = response.data.fileContent;\n\n            setEditedDictionary((prev) => ({\n              ...prev,\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            }));\n            form.reset({\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            });\n          } catch (error) {\n            console.error(error);\n          }\n        },\n      }\n    );\n  };\n\n  const watchedLocation = useWatch({\n    control: form.control,\n    name: 'location',\n  });\n  const isLocalChecked =\n    watchedLocation === 'local' || watchedLocation === 'local&remote';\n\n  return (\n    <Form\n      className=\"flex w-full flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n    >\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label.value}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n          onSave={(value) => {\n            form.setValue('key', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              key: value,\n            }));\n          }}\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder.value}\n          description={titleInput.description}\n          disabled={isSubmitting}\n          onSave={(value) => {\n            form.setValue('title', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              title: value,\n            }));\n          }}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder.value}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n        onSave={(value) => {\n          form.setValue('description', value, { shouldDirty: true });\n          setEditedDictionary((prev) => ({\n            ...dictionary,\n            ...(prev ?? {}),\n            description: value,\n          }));\n        }}\n      />\n      <div className=\"grid grid-cols-2 gap-8 px-1 max-md:grid-cols-1\">\n        <Form.Field\n          control={form.control}\n          name=\"location\"\n          render={({ field }) => {\n            const value = field.value;\n            const isLocal = value === 'local' || value === 'local&remote';\n            const isRemote = value === 'remote' || value === 'local&remote';\n\n            const handleLocalToggle = (isChecked: boolean) => {\n              if (!isChecked && !isRemote) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isRemote\n                  ? 'local&remote'\n                  : 'local'\n                : 'remote';\n\n              field.onChange(newValue);\n\n              const newFilePath = isChecked\n                ? (form.getValues('filePath') ?? dictionary.filePath)\n                : undefined;\n\n              if (!isChecked) {\n                form.setValue('filePath', undefined);\n              }\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n                filePath: newFilePath,\n              }));\n            };\n\n            const handleRemoteToggle = (isChecked: boolean) => {\n              if (!isChecked && !isLocal) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isLocal\n                  ? 'local&remote'\n                  : 'remote'\n                : 'local';\n\n              field.onChange(newValue);\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n              }));\n            };\n\n            return (\n              <Form.Item className=\"flex flex-col gap-2 px-1\">\n                <Form.Label className=\"ml-1\">{locationSelect.label}</Form.Label>\n                <div className=\"ml-2 flex items-center gap-4 py-2\">\n                  <Checkbox\n                    id=\"location-local\"\n                    name=\"location-local\"\n                    label={locationSelect.local.value}\n                    checked={isLocal}\n                    disabled={\n                      !mode.includes('local') && !mode.includes('remote')\n                    }\n                    onChange={(e) => handleLocalToggle(e.target.checked)}\n                  />\n                  <Checkbox\n                    id=\"location-remote\"\n                    name=\"location-remote\"\n                    label={locationSelect.remote.value}\n                    checked={isRemote}\n                    disabled={\n                      !mode.includes('remote') &&\n                      dictionary.location !== 'remote' &&\n                      dictionary.location !== 'local&remote'\n                    }\n                    onChange={(e) => handleRemoteToggle(e.target.checked)}\n                  />\n                </div>\n                <Form.Description>\n                  {locationSelect.testDescription}\n                </Form.Description>\n                <Form.Message />\n              </Form.Item>\n            );\n          }}\n        />\n\n        <AnimatePresence mode=\"wait\">\n          {isLocalChecked && (\n            <motion.div\n              key=\"filePath-input\"\n              initial={{ opacity: 0, height: 0 }}\n              animate={{ opacity: 1, height: 'auto' }}\n              exit={{ opacity: 0, height: 0 }}\n              transition={{ duration: 0.3 }}\n              className=\"overflow-hidden\"\n            >\n              <Form.Input\n                name=\"filePath\"\n                label={filePathInput.label.value}\n                placeholder={filePathInput.placeholder.value}\n                description={filePathInput.description.value}\n                disabled={isSubmitting || !isLocalChecked}\n                onChange={(e) => {\n                  const value = e.target.value;\n                  setEditedDictionary((prev) => ({\n                    ...dictionary,\n                    ...(prev ?? {}),\n                    filePath: value,\n                  }));\n                }}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.Select\n          name=\"importMode\"\n          label={importModeSelect.label.value}\n          description={importModeSelect.description.value}\n          onValueChange={(value) => {\n            form.setValue('importMode', value as any, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              importMode: value as any,\n            }));\n          }}\n        >\n          <Select.Trigger>\n            <Select.Value placeholder={importModeSelect.label.value} />\n          </Select.Trigger>\n          <Select.Content>\n            <Select.Item value=\"static\">\n              {importModeSelect.static.value}\n            </Select.Item>\n            <Select.Item value=\"dynamic\">\n              {importModeSelect.dynamic.value}\n            </Select.Item>\n            <Select.Item value=\"live\">\n              {importModeSelect.live.value}\n            </Select.Item>\n          </Select.Content>\n        </Form.Select>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label.value}\n          description={projectInput.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('projectIds', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              projectIds: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.find((project: any) => String(project.id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.map((project: any) => (\n                  <MultiSelect.Item\n                    key={String(project.id)}\n                    value={String(project.id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label.value}\n          description={tagsSelect.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('tags', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              tags: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              allTags?.find((tag: any) => String(tag.key) === value)?.name ??\n              value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {allTags?.map((tag: any) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          size={ButtonSize.ICON_MD}\n          label={auditButton.label.value}\n          Icon={WandSparkles}\n          variant={ButtonVariant.OUTLINE}\n          color={ButtonColor.TEXT}\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        />\n      </div>\n    </Form>\n  );\n};\n"],"mappings":"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"}