@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/modules/modals/PublishModal/hooks/usePublishModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePublishModal.js","sources":["../../../../../src/modules/modals/PublishModal/hooks/usePublishModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  IResource,\n  odeServices,\n  type PublishParameters,\n} from '@edifice.io/ts-client';\nimport { useForm, type SubmitHandler } from 'react-hook-form';\n\nimport { useOdeClient } from '../../../../core';\nimport { useToast } from '../../../../hooks';\nimport { libraryMaps } from '../../../../utils/libraryMaps';\nimport { ToastError } from '../components/ToastError';\nimport { ToastSuccess } from '../components/ToastSuccess';\n\ninterface ModalProps {\n  resource: IResource;\n  onSuccess?: () => void;\n}\n\nexport interface FormDataProps {\n  title: string;\n  description: string;\n  activityType: string;\n  subjectArea: string;\n  language: string;\n  ageMin: string;\n  ageMax: string;\n  keyWords: string;\n}\n\nexport default function usePublishModal({ onSuccess, resource }: ModalProps) {\n  const { user, appCode } = useOdeClient();\n  const toast = useToast();\n\n  const [cover, setCover] = useState<string | Blob | File>(\n    resource?.thumbnail || '',\n  );\n\n  useEffect(() => {\n    setCover(resource?.thumbnail);\n  }, [resource]);\n\n  const {\n    control,\n    register,\n    watch,\n    setValue,\n    handleSubmit,\n    formState: { errors, isSubmitting, isDirty, isValid },\n  } = useForm<FormDataProps>({ mode: 'onChange' });\n\n  // models for Dropdown select lists\n  const [selectedActivities, setSelectedActivities] = useState<\n    Array<string | number>\n  >([]);\n\n  const [selectedSubjectAreas, setSelectedSubjectAreas] = useState<\n    Array<string | number>\n  >([]);\n\n  const selectOption = (\n    value: string | number,\n    selectedOptions: Array<string | number>,\n    setSelectedOptions: React.Dispatch<\n      React.SetStateAction<Array<string | number>>\n    >,\n  ) => {\n    let checked = [...selectedOptions];\n    const findIndex = checked.findIndex(\n      (item: string | number): boolean => item === value,\n    );\n\n    if (!selectedOptions.includes(value)) {\n      checked = [...selectedOptions, value];\n    } else {\n      checked = selectedOptions.filter(\n        (_, index: number) => index !== findIndex,\n      );\n    }\n\n    setSelectedOptions(checked);\n  };\n\n  const selectActivities = (value: string | number) => {\n    selectOption(value, selectedActivities, setSelectedActivities);\n  };\n\n  const selectSubjects = (value: string | number) => {\n    selectOption(value, selectedSubjectAreas, setSelectedSubjectAreas);\n  };\n\n  const handleUploadImage = (file: File | string) => setCover(file);\n\n  const handleDeleteImage = () => setCover('');\n\n  const handlePublish: SubmitHandler<FormDataProps> = async (\n    formData: FormDataProps,\n  ) => {\n    const userId = user ? user?.userId : '';\n\n    try {\n      let coverBlob = new Blob();\n\n      if (typeof cover === 'string') {\n        coverBlob = await odeServices.http().get(cover, {\n          responseType: 'blob',\n        });\n      } else if (cover) {\n        coverBlob = await odeServices\n          .http()\n          .get(URL.createObjectURL(cover as Blob), {\n            responseType: 'blob',\n          });\n      } else if (resource?.thumbnail) {\n        coverBlob = await odeServices.http().get(resource?.thumbnail, {\n          responseType: 'blob',\n        });\n      }\n\n      const teacherAvatar: Blob = await odeServices\n        .http()\n        .get(`/userbook/avatar/${userId}?thumbnail=48x48`, {\n          responseType: 'blob',\n        } as any);\n\n      const resAttachmentSchool = await odeServices\n        .http()\n        .get(`/directory/user/${userId}/attachment-school`, {\n          responseType: 'json',\n        } as any);\n\n      const application = libraryMaps[appCode as string];\n\n      const parameters: PublishParameters = {\n        activityType: selectedActivities as string[],\n        age: [formData.ageMin, formData.ageMax],\n        application,\n        cover: coverBlob,\n        description: formData.description,\n        keyWords: formData.keyWords,\n        language: formData.language,\n        licence: 'CC-BY',\n        resourceId: resource?.assetId,\n        resourceEntId: resource?.assetId,\n        subjectArea: selectedSubjectAreas as string[],\n        teacherAvatar,\n        title: formData.title,\n        userId,\n        userStructureName: resAttachmentSchool.name || user?.structureNames[0],\n      };\n\n      const result = await odeServices.resource(appCode).publish(parameters);\n\n      if (result.success) {\n        toast.success(<ToastSuccess result={result} />, {\n          duration: 10000,\n        });\n      } else if (result.message === 'CONTENT_TOO_LARGE') {\n        toast.error(<ToastError errorMessage={result.message} />);\n      } else {\n        toast.error(<ToastError formData={formData} />);\n      }\n      onSuccess?.();\n    } catch (error) {\n      console.error(error);\n      toast.error(<ToastError formData={formData} />);\n    }\n  };\n\n  return {\n    control,\n    cover,\n    formState: { errors, isSubmitting, isDirty, isValid },\n    handleDeleteImage,\n    handlePublish,\n    handleSubmit,\n    handleUploadImage,\n    register,\n    selectActivities,\n    selectedActivities,\n    selectedSubjectAreas,\n    selectSubjects,\n    setValue,\n    watch,\n  };\n}\n"],"names":["usePublishModal","onSuccess","resource","user","appCode","useOdeClient","toast","useToast","cover","setCover","useState","thumbnail","useEffect","control","register","watch","setValue","handleSubmit","formState","errors","isSubmitting","isDirty","isValid","useForm","mode","selectedActivities","setSelectedActivities","selectedSubjectAreas","setSelectedSubjectAreas","selectOption","value","selectedOptions","setSelectedOptions","checked","findIndex","item","includes","filter","_","index","handleDeleteImage","handlePublish","formData","userId","coverBlob","Blob","odeServices","http","get","responseType","URL","createObjectURL","teacherAvatar","resAttachmentSchool","application","libraryMaps","parameters","activityType","age","ageMin","ageMax","description","keyWords","language","licence","resourceId","assetId","resourceEntId","subjectArea","title","userStructureName","name","structureNames","result","publish","success","jsx","ToastSuccess","duration","message","error","ToastError","console","handleUploadImage","file","selectActivities","selectSubjects"],"mappings":"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"}

package/dist/modules/modals/PublishModal/hooks/useSubjectsOptions.js

@@ -1,118 +1,119 @@
-import { useTranslation } from "react-i18next";
-const useSubjectsOptions = () => {
+import { useTranslation as a } from "react-i18next";
+const b = () => {
   const {
-    t
-  } = useTranslation();
+    t: e
+  } = a();
   return [{
     value: "bpr.subjectArea.artActivity",
-    label: t("bpr.subjectArea.artActivity")
+    label: e("bpr.subjectArea.artActivity")
   }, {
     value: "bpr.subjectArea.readLearning",
-    label: t("bpr.subjectArea.readLearning")
+    label: e("bpr.subjectArea.readLearning")
   }, {
     value: "bpr.subjectArea.chemistry",
-    label: t("bpr.subjectArea.chemistry")
+    label: e("bpr.subjectArea.chemistry")
   }, {
     value: "bpr.subjectArea.law",
-    label: t("bpr.subjectArea.law")
+    label: e("bpr.subjectArea.law")
   }, {
     value: "bpr.subjectArea.worldDiscovery",
-    label: t("bpr.subjectArea.worldDiscovery")
+    label: e("bpr.subjectArea.worldDiscovery")
   }, {
     value: "bpr.subjectArea.economy",
-    label: t("bpr.subjectArea.economy")
+    label: e("bpr.subjectArea.economy")
   }, {
     value: "bpr.subjectArea.mediaEducation",
-    label: t("bpr.subjectArea.mediaEducation")
+    label: e("bpr.subjectArea.mediaEducation")
   }, {
     value: "bpr.subjectArea.musicEducation",
-    label: t("bpr.subjectArea.musicEducation")
+    label: e("bpr.subjectArea.musicEducation")
   }, {
     value: "bpr.subjectArea.sportEducation",
-    label: t("bpr.subjectArea.sportEducation")
+    label: e("bpr.subjectArea.sportEducation")
   }, {
     value: "bpr.subjectArea.citizenshipEducation",
-    label: t("bpr.subjectArea.citizenshipEducation")
+    label: e("bpr.subjectArea.citizenshipEducation")
   }, {
     value: "bpr.subjectArea.geography",
-    label: t("bpr.subjectArea.geography")
+    label: e("bpr.subjectArea.geography")
   }, {
     value: "bpr.subjectArea.history",
-    label: t("bpr.subjectArea.history")
+    label: e("bpr.subjectArea.history")
   }, {
     value: "bpr.subjectArea.artHistory",
-    label: t("bpr.subjectArea.artHistory")
+    label: e("bpr.subjectArea.artHistory")
   }, {
     value: "bpr.subjectArea.ComputerScience",
-    label: t("bpr.subjectArea.ComputerScience")
+    label: e("bpr.subjectArea.ComputerScience")
   }, {
     value: "bpr.subjectArea.languages",
-    label: t("bpr.subjectArea.languages")
+    label: e("bpr.subjectArea.languages")
   }, {
     value: "bpr.subjectArea.italian",
-    label: t("bpr.subjectArea.italian")
+    label: e("bpr.subjectArea.italian")
   }, {
     value: "bpr.subjectArea.spanish",
-    label: t("bpr.subjectArea.spanish")
+    label: e("bpr.subjectArea.spanish")
   }, {
     value: "bpr.subjectArea.french",
-    label: t("bpr.subjectArea.french")
+    label: e("bpr.subjectArea.french")
   }, {
     value: "bpr.subjectArea.german",
-    label: t("bpr.subjectArea.german")
+    label: e("bpr.subjectArea.german")
   }, {
     value: "bpr.subjectArea.english",
-    label: t("bpr.subjectArea.english")
+    label: e("bpr.subjectArea.english")
   }, {
     value: "bpr.subjectArea.ancientLanguages",
-    label: t("bpr.subjectArea.ancientLanguages")
+    label: e("bpr.subjectArea.ancientLanguages")
   }, {
     value: "bpr.subjectArea.literature",
-    label: t("bpr.subjectArea.literature")
+    label: e("bpr.subjectArea.literature")
   }, {
     value: "bpr.subjectArea.mathematics",
-    label: t("bpr.subjectArea.mathematics")
+    label: e("bpr.subjectArea.mathematics")
   }, {
     value: "bpr.subjectArea.vocationalGuidance",
-    label: t("bpr.subjectArea.vocationalGuidance")
+    label: e("bpr.subjectArea.vocationalGuidance")
   }, {
     value: "bpr.subjectArea.philosohppy",
-    label: t("bpr.subjectArea.philosohppy")
+    label: e("bpr.subjectArea.philosohppy")
   }, {
     value: "bpr.subjectArea.physics",
-    label: t("bpr.subjectArea.physics")
+    label: e("bpr.subjectArea.physics")
   }, {
     value: "bpr.subjectArea.politicalSscience",
-    label: t("bpr.subjectArea.politicalSscience")
+    label: e("bpr.subjectArea.politicalSscience")
   }, {
     value: "bpr.subjectArea.sociology",
-    label: t("bpr.subjectArea.sociology")
+    label: e("bpr.subjectArea.sociology")
   }, {
     value: "bpr.subjectArea.biology",
-    label: t("bpr.subjectArea.biology")
+    label: e("bpr.subjectArea.biology")
   }, {
     value: "bpr.subjectArea.geology",
-    label: t("bpr.subjectArea.geology")
+    label: e("bpr.subjectArea.geology")
   }, {
     value: "bpr.subjectArea.technology",
-    label: t("bpr.subjectArea.technology")
+    label: e("bpr.subjectArea.technology")
   }, {
     value: "bpr.subjectArea.Arabic",
-    label: t("bpr.subjectArea.Arabic")
+    label: e("bpr.subjectArea.Arabic")
   }, {
     value: "bpr.subjectArea.Chinese",
-    label: t("bpr.subjectArea.Chinese")
+    label: e("bpr.subjectArea.Chinese")
   }, {
     value: "bpr.subjectArea.NaturalSciences",
-    label: t("bpr.subjectArea.NaturalSciences")
+    label: e("bpr.subjectArea.NaturalSciences")
   }, {
     value: "bpr.subjectArea.SocioEmotionalEducation",
-    label: t("bpr.subjectArea.SocioEmotionalEducation")
+    label: e("bpr.subjectArea.SocioEmotionalEducation")
   }, {
     value: "bpr.other",
-    label: t("bpr.other")
+    label: e("bpr.other")
   }];
 };
 export {
-  useSubjectsOptions
+  b as useSubjectsOptions
 };
+//# sourceMappingURL=useSubjectsOptions.js.map

package/dist/modules/modals/PublishModal/hooks/useSubjectsOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubjectsOptions.js","sources":["../../../../../src/modules/modals/PublishModal/hooks/useSubjectsOptions.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nexport const useSubjectsOptions = () => {\n  const { t } = useTranslation();\n\n  return [\n    {\n      value: 'bpr.subjectArea.artActivity',\n      label: t('bpr.subjectArea.artActivity'),\n    },\n    {\n      value: 'bpr.subjectArea.readLearning',\n      label: t('bpr.subjectArea.readLearning'),\n    },\n    {\n      value: 'bpr.subjectArea.chemistry',\n      label: t('bpr.subjectArea.chemistry'),\n    },\n    {\n      value: 'bpr.subjectArea.law',\n      label: t('bpr.subjectArea.law'),\n    },\n    {\n      value: 'bpr.subjectArea.worldDiscovery',\n      label: t('bpr.subjectArea.worldDiscovery'),\n    },\n    {\n      value: 'bpr.subjectArea.economy',\n      label: t('bpr.subjectArea.economy'),\n    },\n    {\n      value: 'bpr.subjectArea.mediaEducation',\n      label: t('bpr.subjectArea.mediaEducation'),\n    },\n    {\n      value: 'bpr.subjectArea.musicEducation',\n      label: t('bpr.subjectArea.musicEducation'),\n    },\n    {\n      value: 'bpr.subjectArea.sportEducation',\n      label: t('bpr.subjectArea.sportEducation'),\n    },\n    {\n      value: 'bpr.subjectArea.citizenshipEducation',\n      label: t('bpr.subjectArea.citizenshipEducation'),\n    },\n    {\n      value: 'bpr.subjectArea.geography',\n      label: t('bpr.subjectArea.geography'),\n    },\n    {\n      value: 'bpr.subjectArea.history',\n      label: t('bpr.subjectArea.history'),\n    },\n    {\n      value: 'bpr.subjectArea.artHistory',\n      label: t('bpr.subjectArea.artHistory'),\n    },\n    {\n      value: 'bpr.subjectArea.ComputerScience',\n      label: t('bpr.subjectArea.ComputerScience'),\n    },\n    {\n      value: 'bpr.subjectArea.languages',\n      label: t('bpr.subjectArea.languages'),\n    },\n    {\n      value: 'bpr.subjectArea.italian',\n      label: t('bpr.subjectArea.italian'),\n    },\n    {\n      value: 'bpr.subjectArea.spanish',\n      label: t('bpr.subjectArea.spanish'),\n    },\n    {\n      value: 'bpr.subjectArea.french',\n      label: t('bpr.subjectArea.french'),\n    },\n    {\n      value: 'bpr.subjectArea.german',\n      label: t('bpr.subjectArea.german'),\n    },\n    {\n      value: 'bpr.subjectArea.english',\n      label: t('bpr.subjectArea.english'),\n    },\n    {\n      value: 'bpr.subjectArea.ancientLanguages',\n      label: t('bpr.subjectArea.ancientLanguages'),\n    },\n    {\n      value: 'bpr.subjectArea.literature',\n      label: t('bpr.subjectArea.literature'),\n    },\n    {\n      value: 'bpr.subjectArea.mathematics',\n      label: t('bpr.subjectArea.mathematics'),\n    },\n    {\n      value: 'bpr.subjectArea.vocationalGuidance',\n      label: t('bpr.subjectArea.vocationalGuidance'),\n    },\n    {\n      value: 'bpr.subjectArea.philosohppy',\n      label: t('bpr.subjectArea.philosohppy'),\n    },\n    {\n      value: 'bpr.subjectArea.physics',\n      label: t('bpr.subjectArea.physics'),\n    },\n    {\n      value: 'bpr.subjectArea.politicalSscience',\n      label: t('bpr.subjectArea.politicalSscience'),\n    },\n    {\n      value: 'bpr.subjectArea.sociology',\n      label: t('bpr.subjectArea.sociology'),\n    },\n    {\n      value: 'bpr.subjectArea.biology',\n      label: t('bpr.subjectArea.biology'),\n    },\n    {\n      value: 'bpr.subjectArea.geology',\n      label: t('bpr.subjectArea.geology'),\n    },\n    {\n      value: 'bpr.subjectArea.technology',\n      label: t('bpr.subjectArea.technology'),\n    },\n    {\n      value: 'bpr.subjectArea.Arabic',\n      label: t('bpr.subjectArea.Arabic'),\n    },\n    {\n      value: 'bpr.subjectArea.Chinese',\n      label: t('bpr.subjectArea.Chinese'),\n    },\n    {\n      value: 'bpr.subjectArea.NaturalSciences',\n      label: t('bpr.subjectArea.NaturalSciences'),\n    },\n    {\n      value: 'bpr.subjectArea.SocioEmotionalEducation',\n      label: t('bpr.subjectArea.SocioEmotionalEducation'),\n    },\n    {\n      value: 'bpr.other',\n      label: t('bpr.other'),\n    },\n  ];\n};\n"],"names":["useSubjectsOptions","t","useTranslation","value","label"],"mappings":"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"}

package/dist/modules/modals/ResourceModal/ResourceModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import { CreateParameters, CreateResult, ID, IFolder, UpdateParameters, UpdateResult } from '@edifice.io/ts-client';
 import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
-import { CreateParameters, CreateResult, ID, IFolder, UpdateParameters, UpdateResult } from 'edifice-ts-client';
 export interface FormInputs {
     title: string;
     description: string;

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -1,157 +1,158 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useId } from "react";
-import { odeServices } from "edifice-ts-client";
-import { createPortal } from "react-dom";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { TextareaCounter } from "../../../components/TextArea/TextareaCounter.js";
-import ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
-import { useThumb } from "./hooks/useThumb.js";
-import useToast from "../../../hooks/useToast/useToast.js";
-import useResource from "../../../core/useResource/useResource.js";
-import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-import useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
-import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
-import { Modal } from "../../../components/Modal/Modal.js";
-import { Heading } from "../../../components/Heading/Heading.js";
-import { FormControl } from "../../../components/Form/FormControl.js";
-import { Label } from "../../../components/Label/Label.js";
-import { Input } from "../../../components/Input/Input.js";
-import { TextArea } from "../../../components/TextArea/TextArea.js";
-import { Button } from "../../../components/Button/Button.js";
-const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, ResourceModal = ({
-  isOpen,
-  onCancel,
-  onSuccess,
-  children,
-  inputMaxLength = DEFAULT_INPUT_MAX_LENGTH,
-  textareaMaxLength = DEFAULT_TEXTAREA_MAX_LENGTH,
-  ...props
+import { jsx as r, jsxs as i, Fragment as G } from "react/jsx-runtime";
+import { useId as O } from "react";
+import { odeServices as M } from "@edifice.io/ts-client";
+import { createPortal as $ } from "react-dom";
+import { useForm as W } from "react-hook-form";
+import { useTranslation as J } from "react-i18next";
+import { TextareaCounter as K } from "../../../components/TextArea/TextareaCounter.js";
+import Q from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import { useThumb as Y } from "./hooks/useThumb.js";
+import Z from "../../../hooks/useToast/useToast.js";
+import D from "../../../core/useResource/useResource.js";
+import ee from "../../../core/useMediaLibrary/useMediaLibrary.js";
+import te from "../../multimedia/MediaLibrary/MediaLibrary.js";
+import { useOdeClient as P } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+import { LoadingScreen as re } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { Modal as m } from "../../../components/Modal/Modal.js";
+import { Heading as ie } from "../../../components/Heading/Heading.js";
+import { FormControl as R } from "../../../components/Form/FormControl.js";
+import { Label as S } from "../../../components/Label/Label.js";
+import { Input as oe } from "../../../components/Input/Input.js";
+import { TextArea as le } from "../../../components/TextArea/TextArea.js";
+import { Button as C } from "../../../components/Button/Button.js";
+const ae = 60, de = 400, Fe = ({
+  isOpen: F,
+  onCancel: p,
+  onSuccess: N,
+  children: u,
+  inputMaxLength: g = ae,
+  textareaMaxLength: f = de,
+  ...l
 }) => {
   const {
-    appCode: application,
-    currentApp
-  } = useOdeClient(), {
+    appCode: d,
+    currentApp: E
+  } = P(), {
     t
-  } = useTranslation(), {
-    mode
-  } = props, toast = useToast(), formId = useId(), isCreating = mode === "create", isUpdating = mode === "update", resource = useResource(application, isUpdating ? props.resourceId : ""), {
-    watch,
-    register,
-    handleSubmit,
-    setValue,
+  } = J(), {
+    mode: h
+  } = l, k = Z(), y = O(), c = h === "create", o = h === "update", e = D(d, o ? l.resourceId : ""), {
+    watch: x,
+    register: b,
+    handleSubmit: w,
+    setValue: U,
     formState: {
-      isSubmitting,
-      isValid
+      isSubmitting: L,
+      isValid: _
     }
-  } = useForm({
+  } = W({
     mode: "onChange",
     defaultValues: {
-      description: isUpdating ? resource == null ? void 0 : resource.description : "",
-      enablePublic: isUpdating ? resource == null ? void 0 : resource.public : !1,
-      title: isUpdating ? resource == null ? void 0 : resource.name : "",
-      formSlug: isUpdating ? resource == null ? void 0 : resource.slug : ""
+      description: o ? e == null ? void 0 : e.description : "",
+      enablePublic: o ? e == null ? void 0 : e.public : !1,
+      title: o ? e == null ? void 0 : e.name : "",
+      formSlug: o ? e == null ? void 0 : e.slug : ""
     }
   }), {
-    ref: mediaLibraryRef,
-    libraryMedia,
-    ...mediaLibraryHandlers
-  } = useMediaLibrary(), {
-    appCode
-  } = useOdeClient(), {
-    thumbnail,
-    handleDeleteImage,
-    handleUploadImage
-  } = useThumb({
-    isUpdating,
-    selectedResource: isUpdating ? resource : void 0
-  }), watchedDescription = watch("description"), onSubmit = async function(formData) {
-    var _a, _b;
+    ref: I,
+    libraryMedia: B,
+    ...H
+  } = ee(), {
+    appCode: V
+  } = P(), {
+    thumbnail: q,
+    handleDeleteImage: z,
+    handleUploadImage: X
+  } = Y({
+    isUpdating: o,
+    selectedResource: o ? e : void 0
+  }), v = x("description"), j = async function(a) {
+    var T, A;
     try {
-      const data = {
-        description: formData.description || "",
-        name: formData.title,
-        public: formData.enablePublic,
-        slug: formData.enablePublic && formData.formSlug || "",
-        thumbnail
+      const s = {
+        description: a.description || "",
+        name: a.title,
+        public: a.enablePublic,
+        slug: a.enablePublic && a.formSlug || "",
+        thumbnail: q
       };
-      if (isCreating) {
-        const createParams = {
-          ...data,
-          folder: ((_a = props.currentFolder) == null ? void 0 : _a.id) === "default" ? void 0 : parseInt(((_b = props.currentFolder) == null ? void 0 : _b.id) || ""),
-          application
+      if (c) {
+        const n = {
+          ...s,
+          folder: ((T = l.currentFolder) == null ? void 0 : T.id) === "default" ? void 0 : parseInt(((A = l.currentFolder) == null ? void 0 : A.id) || ""),
+          application: d
         };
-        props.createResource ? await props.createResource.mutateAsync(createParams) : await odeServices.resource(application).create(createParams);
+        l.createResource ? await l.createResource.mutateAsync(n) : await M.resource(d).create(n);
       } else {
-        const updateParams = {
-          ...data,
-          entId: resource.assetId,
-          trashed: resource.trashed
+        const n = {
+          ...s,
+          entId: e.assetId,
+          trashed: e.trashed
         };
-        props.updateResource ? await props.updateResource.mutateAsync(updateParams) : await odeServices.resource(application).update(updateParams);
+        l.updateResource ? await l.updateResource.mutateAsync(n) : await M.resource(d).update(n);
       }
-      toast.success(/* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("strong", { children: t(isCreating ? "explorer.resource.created" : "explorer.resource.updated") }),
-        /* @__PURE__ */ jsxs("p", { children: [
+      k.success(/* @__PURE__ */ i(G, { children: [
+        /* @__PURE__ */ r("strong", { children: t(c ? "explorer.resource.created" : "explorer.resource.updated") }),
+        /* @__PURE__ */ i("p", { children: [
           t("title"),
           " : ",
-          formData.title
+          a.title
         ] }),
-        /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ i("p", { children: [
           t("description"),
           " : ",
-          formData.description
+          a.description
         ] }),
-        application === "blog" && /* @__PURE__ */ jsxs("p", { children: [
+        d === "blog" && /* @__PURE__ */ i("p", { children: [
           "Public:",
-          formData.enablePublic ? t("explorer.enable.public.yes") : t("explorer.enable.public.no")
+          a.enablePublic ? t("explorer.enable.public.yes") : t("explorer.enable.public.no")
         ] })
-      ] })), onSuccess();
-    } catch (e) {
-      console.error(e);
+      ] })), N();
+    } catch (s) {
+      console.error(s);
     }
   };
-  return isUpdating && !resource ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: `${mode}-resource`, size: "lg", isOpen, onModalClose: onCancel, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(`explorer.resource.editModal.header.${isCreating ? "create" : "edit"}`) }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.resource.editModal.heading.general") }),
-      /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(onSubmit), children: [
-        /* @__PURE__ */ jsxs("div", { className: "d-block d-md-flex gap-16 mb-24", children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ImagePickerWorkspace, { app: currentApp, src: isUpdating && (resource == null ? void 0 : resource.thumbnail) || "", addButtonLabel: t("explorer.imagepicker.button.add"), deleteButtonLabel: t("explorer.imagepicker.button.delete"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center mt-8", libraryMedia, mediaLibraryRef }) }),
-          /* @__PURE__ */ jsxs("div", { className: "col", children: [
-            /* @__PURE__ */ jsxs(FormControl, { id: "title", className: "mb-16", isRequired: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("title") }),
-              /* @__PURE__ */ jsx(Input, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
+  return o && !e ? /* @__PURE__ */ r(re, {}) : /* @__PURE__ */ $(/* @__PURE__ */ i(m, { id: `${h}-resource`, size: "lg", isOpen: F, onModalClose: p, children: [
+    /* @__PURE__ */ r(m.Header, { onModalClose: p, children: t(`explorer.resource.editModal.header.${c ? "create" : "edit"}`) }),
+    /* @__PURE__ */ i(m.Body, { children: [
+      /* @__PURE__ */ r(ie, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.resource.editModal.heading.general") }),
+      /* @__PURE__ */ i("form", { id: y, onSubmit: w(j), children: [
+        /* @__PURE__ */ i("div", { className: "d-block d-md-flex gap-16 mb-24", children: [
+          /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Q, { app: E, src: o && (e == null ? void 0 : e.thumbnail) || "", addButtonLabel: t("explorer.imagepicker.button.add"), deleteButtonLabel: t("explorer.imagepicker.button.delete"), onUploadImage: X, onDeleteImage: z, className: "align-self-center mt-8", libraryMedia: B, mediaLibraryRef: I }) }),
+          /* @__PURE__ */ i("div", { className: "col", children: [
+            /* @__PURE__ */ i(R, { id: "title", className: "mb-16", isRequired: !0, children: [
+              /* @__PURE__ */ r(S, { children: t("title") }),
+              /* @__PURE__ */ r(oe, { type: "text", defaultValue: o ? e == null ? void 0 : e.name : "", ...b("title", {
                 required: !0,
-                maxLength: inputMaxLength,
+                maxLength: g,
                 pattern: {
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength })
+              }), placeholder: t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: g })
             ] }),
-            /* @__PURE__ */ jsxs(FormControl, { id: "description", isOptional: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("description") }),
-              /* @__PURE__ */ jsx(TextArea, { defaultValue: (resource == null ? void 0 : resource.description) || "", ...register("description", {
+            /* @__PURE__ */ i(R, { id: "description", isOptional: !0, children: [
+              /* @__PURE__ */ r(S, { children: t("description") }),
+              /* @__PURE__ */ r(le, { defaultValue: (e == null ? void 0 : e.description) || "", ...b("description", {
                 required: !1,
-                maxLength: textareaMaxLength
-              }), placeholder: t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength }),
-              watchedDescription && /* @__PURE__ */ jsx(TextareaCounter, { content: watchedDescription, maxLength: textareaMaxLength })
+                maxLength: f
+              }), placeholder: t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: f }),
+              v && /* @__PURE__ */ r(K, { content: v, maxLength: f })
             ] })
           ] })
         ] }),
-        typeof children == "function" ? children(resource, isUpdating, watch, setValue, register) : children
+        typeof u == "function" ? u(e, o, x, U, b) : u
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", isLoading: isSubmitting, variant: "filled", disabled: !isValid || isSubmitting, children: t(isCreating ? "explorer.create" : "save") })
+    /* @__PURE__ */ i(m.Footer, { children: [
+      /* @__PURE__ */ r(C, { color: "tertiary", onClick: p, type: "button", variant: "ghost", children: t("explorer.cancel") }),
+      /* @__PURE__ */ r(C, { form: y, type: "submit", color: "primary", isLoading: L, variant: "filled", disabled: !_ || L, children: t(c ? "explorer.create" : "save") })
     ] }),
-    /* @__PURE__ */ jsx(MediaLibrary, { appCode, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
+    /* @__PURE__ */ r(te, { appCode: V, ref: I, multiple: !1, visibility: "protected", ...H })
   ] }), document.getElementById("portal"));
 };
 export {
-  ResourceModal,
-  ResourceModal as default
+  Fe as ResourceModal,
+  Fe as default
 };
+//# sourceMappingURL=ResourceModal.js.map

package/dist/modules/modals/ResourceModal/ResourceModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceModal.js","sources":["../../../../src/modules/modals/ResourceModal/ResourceModal.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport {\n  CreateParameters,\n  CreateResult,\n  ID,\n  IFolder,\n  UpdateParameters,\n  UpdateResult,\n  odeServices,\n} from '@edifice.io/ts-client';\nimport { UseMutationResult } from '@tanstack/react-query';\nimport { createPortal } from 'react-dom';\nimport { SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  FormControl,\n  Heading,\n  Input,\n  Label,\n  LoadingScreen,\n  Modal,\n  TextArea,\n} from '../../../components';\nimport { TextareaCounter } from '../../../components/TextArea/TextareaCounter';\nimport { useMediaLibrary, useOdeClient } from '../../../core';\nimport { useResource } from '../../../core/useResource';\nimport { useToast } from '../../../hooks';\nimport { MediaLibrary } from '../../multimedia';\nimport ImagePickerWorkspace from '../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace';\nimport { useThumb } from './hooks/useThumb';\n\nexport interface FormInputs {\n  title: string;\n  description: string;\n  enablePublic: boolean;\n  formSlug: string;\n}\n\ninterface BaseProps {\n  isOpen: boolean;\n  children?: ReactNode | ((...props: any) => ReactNode);\n  inputMaxLength?: number;\n  textareaMaxLength?: number;\n  onSuccess: () => void;\n  onCancel: () => void;\n}\n\ninterface CreateProps extends BaseProps {\n  mode: 'create';\n  createResource?: UseMutationResult<\n    CreateResult,\n    Error,\n    CreateParameters,\n    unknown\n  >;\n  currentFolder: Partial<IFolder>;\n}\n\ninterface UpdateProps extends BaseProps {\n  mode: 'update';\n  updateResource?: UseMutationResult<\n    UpdateResult,\n    unknown,\n    UpdateParameters,\n    unknown\n  >;\n  resourceId: ID;\n}\n\ntype Props = CreateProps | UpdateProps;\n\nconst DEFAULT_INPUT_MAX_LENGTH = 60;\nconst DEFAULT_TEXTAREA_MAX_LENGTH = 400;\n\nexport const ResourceModal = ({\n  isOpen,\n  onCancel,\n  onSuccess,\n  children,\n  inputMaxLength = DEFAULT_INPUT_MAX_LENGTH,\n  textareaMaxLength = DEFAULT_TEXTAREA_MAX_LENGTH,\n  ...props\n}: Props) => {\n  const { appCode: application, currentApp } = useOdeClient();\n  const { t } = useTranslation();\n  const { mode } = props;\n\n  const toast = useToast();\n  const formId = useId();\n\n  const isCreating = mode === 'create';\n  const isUpdating = mode === 'update';\n\n  const resource = useResource(application, isUpdating ? props.resourceId : '');\n\n  const {\n    watch,\n    register,\n    handleSubmit,\n    setValue,\n    formState: { isSubmitting, isValid },\n  } = useForm<FormInputs>({\n    mode: 'onChange',\n    defaultValues: {\n      description: isUpdating ? resource?.description : '',\n      enablePublic: isUpdating ? resource?.public : false,\n      title: isUpdating ? resource?.name : '',\n      formSlug: isUpdating ? resource?.slug : '',\n    },\n  });\n\n  const {\n    ref: mediaLibraryRef,\n    libraryMedia,\n    ...mediaLibraryHandlers\n  } = useMediaLibrary();\n\n  const { appCode } = useOdeClient();\n\n  const { thumbnail, handleDeleteImage, handleUploadImage } = useThumb({\n    isUpdating,\n    selectedResource: isUpdating ? resource : undefined,\n  });\n\n  const watchedDescription = watch('description');\n\n  const onSubmit: SubmitHandler<FormInputs> = async function (\n    formData: FormInputs,\n  ) {\n    try {\n      const data = {\n        description: formData.description || '',\n        name: formData.title,\n        public: formData.enablePublic,\n        slug: formData.enablePublic ? formData.formSlug || '' : '',\n        thumbnail,\n      };\n\n      if (isCreating) {\n        const createParams = {\n          ...data,\n          folder:\n            props.currentFolder?.id === 'default'\n              ? undefined\n              : parseInt(props.currentFolder?.id || ''),\n          application,\n        };\n\n        if (props.createResource) {\n          await props.createResource.mutateAsync(createParams);\n        } else {\n          await odeServices.resource(application).create(createParams);\n        }\n      } else {\n        const updateParams = {\n          ...data,\n          entId: resource.assetId,\n          trashed: resource.trashed,\n        };\n\n        if (props.updateResource) {\n          await props.updateResource.mutateAsync(updateParams);\n        } else {\n          await odeServices.resource(application).update(updateParams);\n        }\n      }\n\n      toast.success(\n        <>\n          <strong>\n            {t(\n              isCreating\n                ? 'explorer.resource.created'\n                : 'explorer.resource.updated',\n            )}\n          </strong>\n          <p>\n            {t('title')} : {formData.title}\n          </p>\n          <p>\n            {t('description')} : {formData.description}\n          </p>\n          {application === 'blog' && (\n            <p>\n              Public:\n              {formData.enablePublic\n                ? t('explorer.enable.public.yes')\n                : t('explorer.enable.public.no')}\n            </p>\n          )}\n        </>,\n      );\n      onSuccess();\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  if (isUpdating && !resource) return <LoadingScreen />;\n\n  return createPortal(\n    <Modal\n      id={`${mode}-resource`}\n      size=\"lg\"\n      isOpen={isOpen}\n      onModalClose={onCancel}\n    >\n      <Modal.Header onModalClose={onCancel}>\n        {t(\n          `explorer.resource.editModal.header.${\n            isCreating ? 'create' : 'edit'\n          }`,\n        )}\n      </Modal.Header>\n\n      <Modal.Body>\n        <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n          {t('explorer.resource.editModal.heading.general')}\n        </Heading>\n\n        <form id={formId} onSubmit={handleSubmit(onSubmit)}>\n          <div className=\"d-block d-md-flex gap-16 mb-24\">\n            <div>\n              <ImagePickerWorkspace\n                app={currentApp}\n                src={isUpdating ? resource?.thumbnail || '' : ''}\n                addButtonLabel={t('explorer.imagepicker.button.add')}\n                deleteButtonLabel={t('explorer.imagepicker.button.delete')}\n                onUploadImage={handleUploadImage}\n                onDeleteImage={handleDeleteImage}\n                className=\"align-self-center mt-8\"\n                libraryMedia={libraryMedia}\n                mediaLibraryRef={mediaLibraryRef}\n              />\n            </div>\n            <div className=\"col\">\n              <FormControl id=\"title\" className=\"mb-16\" isRequired>\n                <Label>{t('title')}</Label>\n                <Input\n                  type=\"text\"\n                  defaultValue={isUpdating ? resource?.name : ''}\n                  {...register('title', {\n                    required: true,\n                    maxLength: inputMaxLength,\n                    pattern: {\n                      value: /[^ ]/,\n                      message: 'invalid title',\n                    },\n                  })}\n                  placeholder={t(\n                    'explorer.resource.editModal.title.placeholder',\n                  )}\n                  size=\"md\"\n                  aria-required={true}\n                  maxLength={inputMaxLength}\n                />\n              </FormControl>\n              <FormControl id=\"description\" isOptional>\n                <Label>{t('description')}</Label>\n                <TextArea\n                  defaultValue={resource?.description || ''}\n                  {...register('description', {\n                    required: false,\n                    maxLength: textareaMaxLength,\n                  })}\n                  placeholder={t(\n                    'explorer.resource.editModal.description.placeholder',\n                  )}\n                  size=\"md\"\n                  maxLength={textareaMaxLength}\n                />\n                {watchedDescription && (\n                  <TextareaCounter\n                    content={watchedDescription}\n                    maxLength={textareaMaxLength}\n                  />\n                )}\n              </FormControl>\n            </div>\n          </div>\n\n          {typeof children === 'function'\n            ? children(resource, isUpdating, watch, setValue, register)\n            : children}\n        </form>\n      </Modal.Body>\n\n      <Modal.Footer>\n        <Button\n          color=\"tertiary\"\n          onClick={onCancel}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          {t('explorer.cancel')}\n        </Button>\n        <Button\n          form={formId}\n          type=\"submit\"\n          color=\"primary\"\n          isLoading={isSubmitting}\n          variant=\"filled\"\n          disabled={!isValid || isSubmitting}\n        >\n          {t(isCreating ? 'explorer.create' : 'save')}\n        </Button>\n      </Modal.Footer>\n      <MediaLibrary\n        appCode={appCode}\n        ref={mediaLibraryRef}\n        multiple={false}\n        visibility=\"protected\"\n        {...mediaLibraryHandlers}\n      />\n    </Modal>,\n    document.getElementById('portal') as HTMLElement,\n  );\n};\n\nexport default ResourceModal;\n"],"names":["DEFAULT_INPUT_MAX_LENGTH","DEFAULT_TEXTAREA_MAX_LENGTH","ResourceModal","isOpen","onCancel","onSuccess","children","inputMaxLength","textareaMaxLength","props","appCode","application","currentApp","useOdeClient","t","useTranslation","mode","toast","useToast","formId","useId","isCreating","isUpdating","resource","useResource","resourceId","watch","register","handleSubmit","setValue","formState","isSubmitting","isValid","useForm","defaultValues","description","enablePublic","public","title","name","formSlug","slug","ref","mediaLibraryRef","libraryMedia","mediaLibraryHandlers","useMediaLibrary","thumbnail","handleDeleteImage","handleUploadImage","useThumb","selectedResource","undefined","watchedDescription","onSubmit","formData","data","createParams","folder","currentFolder","id","parseInt","createResource","mutateAsync","odeServices","create","updateParams","entId","assetId","trashed","updateResource","update","success","jsxs","Fragment","jsx","e","console","error","LoadingScreen","createPortal","Modal","Heading","ImagePickerWorkspace","FormControl","Label","Input","required","maxLength","pattern","value","message","TextArea","TextareaCounter","Button","MediaLibrary","document","getElementById"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0EA,MAAMA,KAA2B,IAC3BC,KAA8B,KAEvBC,KAAgBA,CAAC;AAAA,EAC5BC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA,IAAiBP;AAAAA,EACjBQ,mBAAAA,IAAoBP;AAAAA,EACpB,GAAGQ;AACE,MAAM;AACL,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC,YAAAA;AAAAA,MAAeC,EAAa,GACpD;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,MAAAA;AAAAA,EAASP,IAAAA,GAEXQ,IAAQC,KACRC,IAASC,KAETC,IAAaL,MAAS,UACtBM,IAAaN,MAAS,UAEtBO,IAAWC,EAAYb,GAAaW,IAAab,EAAMgB,aAAa,EAAE,GAEtE;AAAA,IACJC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAW;AAAA,MAAEC,cAAAA;AAAAA,MAAcC,SAAAA;AAAAA,IAAQ;AAAA,MACjCC,EAAoB;AAAA,IACtBjB,MAAM;AAAA,IACNkB,eAAe;AAAA,MACbC,aAAab,IAAaC,KAAAA,gBAAAA,EAAUY,cAAc;AAAA,MAClDC,cAAcd,IAAaC,KAAAA,gBAAAA,EAAUc,SAAS;AAAA,MAC9CC,OAAOhB,IAAaC,KAAAA,gBAAAA,EAAUgB,OAAO;AAAA,MACrCC,UAAUlB,IAAaC,KAAAA,gBAAAA,EAAUkB,OAAO;AAAA,IAC1C;AAAA,EAAA,CACD,GAEK;AAAA,IACJC,KAAKC;AAAAA,IACLC,cAAAA;AAAAA,IACA,GAAGC;AAAAA,MACDC,GAAgB,GAEd;AAAA,IAAEpC,SAAAA;AAAAA,MAAYG,EAAa,GAE3B;AAAA,IAAEkC,WAAAA;AAAAA,IAAWC,mBAAAA;AAAAA,IAAmBC,mBAAAA;AAAAA,MAAsBC,EAAS;AAAA,IACnE5B,YAAAA;AAAAA,IACA6B,kBAAkB7B,IAAaC,IAAW6B;AAAAA,EAAAA,CAC3C,GAEKC,IAAqB3B,EAAM,aAAa,GAExC4B,IAAsC,eAC1CC,GACA;;AACI,QAAA;AACF,YAAMC,IAAO;AAAA,QACXrB,aAAaoB,EAASpB,eAAe;AAAA,QACrCI,MAAMgB,EAASjB;AAAAA,QACfD,QAAQkB,EAASnB;AAAAA,QACjBK,MAAMc,EAASnB,gBAAemB,EAASf,YAAY;AAAA,QACnDO,WAAAA;AAAAA,MAAAA;AAGF,UAAI1B,GAAY;AACd,cAAMoC,IAAe;AAAA,UACnB,GAAGD;AAAAA,UACHE,UACEjD,IAAAA,EAAMkD,kBAANlD,gBAAAA,EAAqBmD,QAAO,YACxBR,SACAS,WAASpD,IAAAA,EAAMkD,kBAANlD,gBAAAA,EAAqBmD,OAAM,EAAE;AAAA,UAC5CjD,aAAAA;AAAAA,QAAAA;AAGF,QAAIF,EAAMqD,iBACFrD,MAAAA,EAAMqD,eAAeC,YAAYN,CAAY,IAEnD,MAAMO,EAAYzC,SAASZ,CAAW,EAAEsD,OAAOR,CAAY;AAAA,MAC7D,OACK;AACL,cAAMS,IAAe;AAAA,UACnB,GAAGV;AAAAA,UACHW,OAAO5C,EAAS6C;AAAAA,UAChBC,SAAS9C,EAAS8C;AAAAA,QAAAA;AAGpB,QAAI5D,EAAM6D,iBACF7D,MAAAA,EAAM6D,eAAeP,YAAYG,CAAY,IAEnD,MAAMF,EAAYzC,SAASZ,CAAW,EAAE4D,OAAOL,CAAY;AAAA,MAE/D;AAEAjD,MAAAA,EAAMuD,QAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAAC,UACE7D,EAAAA,UAAAA,EACCO,IACI,8BACA,2BACN,GACF;AAAA,0BACC,KACEP,EAAAA,UAAAA;AAAAA,UAAAA,EAAE,OAAO;AAAA,UAAE;AAAA,UAAIyC,EAASjB;AAAAA,QAAAA,GAC3B;AAAA,0BACC,KACExB,EAAAA,UAAAA;AAAAA,UAAAA,EAAE,aAAa;AAAA,UAAE;AAAA,UAAIyC,EAASpB;AAAAA,QAAAA,GACjC;AAAA,QACCxB,MAAgB,UACf,gBAAA8D,EAAC,KAAC,EAAA,UAAA;AAAA,UAAA;AAAA,UAEClB,EAASnB,eACNtB,EAAE,4BAA4B,IAC9BA,EAAE,2BAA2B;AAAA,QAAA,GACnC;AAAA,MAAA,EAAA,CAEJ,CACF,GACUT;aACHuE,GAAG;AACVC,cAAQC,MAAMF,CAAC;AAAA,IACjB;AAAA,EAAA;AAGF,SAAItD,KAAc,CAACC,sBAAkBwD,IAAgB,CAAA,CAAA,IAE9CC,gBAAAA,EACJ,gBAAAP,EAAAQ,GAAA,EACC,IAAI,GAAGjE,CAAI,aACX,MAAK,MACL,QAAAb,GACA,cAAcC,GAEd,UAAA;AAAA,IAAC,gBAAAuE,EAAAM,EAAM,QAAN,EAAa,cAAc7E,GACzBU,UACC,EAAA,sCACEO,IAAa,WAAW,MAAM,EAElC,EACF,CAAA;AAAA,IAEA,gBAAAoD,EAACQ,EAAM,MAAN,EACC,UAAA;AAAA,MAAC,gBAAAN,EAAAO,IAAA,EAAQ,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7CpE,UAAE,EAAA,6CAA6C,EAClD,CAAA;AAAA,wBAEC,QAAK,EAAA,IAAIK,GAAQ,UAAUS,EAAa0B,CAAQ,GAC/C,UAAA;AAAA,QAAC,gBAAAmB,EAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAC,gBAAAE,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAQ,GAAA,EACC,KAAKvE,GACL,KAAKU,MAAaC,KAAAA,gBAAAA,EAAUwB,cAAa,IACzC,gBAAgBjC,EAAE,iCAAiC,GACnD,mBAAmBA,EAAE,oCAAoC,GACzD,eAAemC,GACf,eAAeD,GACf,WAAU,0BACV,cAAAJ,GACA,iBAAAD,EAAA,CAAiC,EAErC,CAAA;AAAA,UACA,gBAAA8B,EAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,YAAA,gBAAAA,EAACW,KAAY,IAAG,SAAQ,WAAU,SAAQ,YAAU,IAClD,UAAA;AAAA,cAAC,gBAAAT,EAAAU,GAAA,EAAOvE,UAAE,EAAA,OAAO,EAAE,CAAA;AAAA,cACnB,gBAAA6D,EAACW,IACC,EAAA,MAAK,QACL,cAAchE,IAAaC,KAAAA,gBAAAA,EAAUgB,OAAO,IACxCZ,GAAAA,EAAS,SAAS;AAAA,gBACpB4D,UAAU;AAAA,gBACVC,WAAWjF;AAAAA,gBACXkF,SAAS;AAAA,kBACPC,OAAO;AAAA,kBACPC,SAAS;AAAA,gBACX;AAAA,cACD,CAAA,GACD,aAAa7E,EACX,+CACF,GACA,MAAK,MACL,iBAAe,IACf,WAAWP,EAAe,CAAA;AAAA,YAAA,GAE9B;AAAA,YACC,gBAAAkE,EAAAW,GAAA,EAAY,IAAG,eAAc,YAAU,IACtC,UAAA;AAAA,cAAC,gBAAAT,EAAAU,GAAA,EAAOvE,UAAE,EAAA,aAAa,EAAE,CAAA;AAAA,cACzB,gBAAA6D,EAACiB,MACC,eAAcrE,KAAAA,gBAAAA,EAAUY,gBAAe,OACnCR,EAAS,eAAe;AAAA,gBAC1B4D,UAAU;AAAA,gBACVC,WAAWhF;AAAAA,cAAAA,CACZ,GACD,aAAaM,EACX,qDACF,GACA,MAAK,MACL,WAAWN,GAAkB;AAAA,cAE9B6C,KACE,gBAAAsB,EAAAkB,GAAA,EACC,SAASxC,GACT,WAAW7C,GAEd;AAAA,YAAA,GACH;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,QAEC,OAAOF,KAAa,aACjBA,EAASiB,GAAUD,GAAYI,GAAOG,GAAUF,CAAQ,IACxDrB;AAAAA,MAAAA,GACN;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAmE,EAACQ,EAAM,QAAN,EACC,UAAA;AAAA,MAAC,gBAAAN,EAAAmB,GAAA,EACC,OAAM,YACN,SAAS1F,GACT,MAAK,UACL,SAAQ,SAEPU,UAAE,EAAA,iBAAiB,EACtB,CAAA;AAAA,MACA,gBAAA6D,EAACmB,KACC,MAAM3E,GACN,MAAK,UACL,OAAM,WACN,WAAWY,GACX,SAAQ,UACR,UAAU,CAACC,KAAWD,GAErBjB,YAAEO,IAAa,oBAAoB,MAAM,GAC5C;AAAA,IAAA,GACF;AAAA,IACA,gBAAAsD,EAACoB,IACC,EAAA,SAAArF,GACA,KAAKiC,GACL,UAAU,IACV,YAAW,aACPE,GAAAA,EAAqB,CAAA;AAAA,EAAA,EAAA,CAE7B,GACAmD,SAASC,eAAe,QAAQ,CAClC;AACF;"}

package/dist/modules/modals/ResourceModal/apps/BlogPublic.d.ts

@@ -1,4 +1,4 @@
-import { IResource } from 'edifice-ts-client';
+import { IResource } from '@edifice.io/ts-client';
 import { UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 import { FormInputs } from '../ResourceModal';
 interface BlogPublicProps {