@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

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 useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
-import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.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":"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"}

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 {

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

@@ -1,63 +1,64 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useSlug } from "../hooks/useSlug.js";
-import { Alert } from "../../../../components/Alert/Alert.js";
-import { Heading } from "../../../../components/Heading/Heading.js";
-import { FormControl } from "../../../../components/Form/FormControl.js";
-import { Input } from "../../../../components/Input/Input.js";
-import { Button } from "../../../../components/Button/Button.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-const BlogPublic = ({
-  appCode,
-  isUpdating,
-  resource,
-  watch,
-  register,
-  setValue
+import { jsxs as l, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { useSlug as k } from "../hooks/useSlug.js";
+import { Alert as C } from "../../../../components/Alert/Alert.js";
+import { Heading as w } from "../../../../components/Heading/Heading.js";
+import { FormControl as r } from "../../../../components/Form/FormControl.js";
+import { Input as y } from "../../../../components/Input/Input.js";
+import { Button as N } from "../../../../components/Button/Button.js";
+import { Icon as S } from "../../../../components/Icon/Icon.js";
+const T = ({
+  appCode: m,
+  isUpdating: c,
+  resource: a,
+  watch: d,
+  register: i,
+  setValue: u
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    slug,
-    isPublic,
-    resourceName,
-    onPublicChange,
-    onCopyToClipBoard
-  } = useSlug({
-    watch,
-    setValue,
-    selectedResource: isUpdating ? resource : void 0
+    t: o
+  } = x(), {
+    slug: t,
+    isPublic: s,
+    resourceName: h,
+    onPublicChange: p,
+    onCopyToClipBoard: f
+  } = k({
+    watch: d,
+    setValue: u,
+    selectedResource: c ? a : void 0
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: [
-      t("explorer.resource.editModal.heading.access"),
-      appCode
+  return /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ l(w, { headingStyle: "h4", level: "h3", className: "mb-16", children: [
+      o("explorer.resource.editModal.heading.access"),
+      m
     ] }),
-    /* @__PURE__ */ jsx(Alert, { type: "info", children: t("explorer.resource.editModal.access.alert") }),
-    /* @__PURE__ */ jsxs(FormControl, { id: "flexSwitchCheckDefault", className: "form-switch d-flex gap-8 mt-16 mb-8", children: [
-      /* @__PURE__ */ jsx(FormControl.Input, { type: "checkbox", role: "switch", defaultChecked: isUpdating ? resource.public : !1, ...register("enablePublic", {
-        disabled: !resourceName,
-        onChange: (event) => {
-          const checked = event.target.checked;
-          onPublicChange(checked);
+    /* @__PURE__ */ e(C, { type: "info", children: o("explorer.resource.editModal.access.alert") }),
+    /* @__PURE__ */ l(r, { id: "flexSwitchCheckDefault", className: "form-switch d-flex gap-8 mt-16 mb-8", children: [
+      /* @__PURE__ */ e(r.Input, { type: "checkbox", role: "switch", defaultChecked: c ? a.public : !1, ...i("enablePublic", {
+        disabled: !h,
+        onChange: (b) => {
+          const g = b.target.checked;
+          p(g);
         }
       }), className: "form-check-input mt-0", size: "md" }),
-      /* @__PURE__ */ jsx(FormControl.Label, { className: "form-check-label mb-0", children: t("explorer.resource.editModal.access.flexSwitchCheckDefault.label") })
+      /* @__PURE__ */ e(r.Label, { className: "form-check-label mb-0", children: o("explorer.resource.editModal.access.flexSwitchCheckDefault.label") })
     ] }),
-    isPublic && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(FormControl, { id: "formSlug", children: /* @__PURE__ */ jsx(Input, { type: "text", hidden: !0, defaultValue: isUpdating ? slug : "", ...register("formSlug"), size: "sm" }) }, slug),
-      /* @__PURE__ */ jsxs("div", { className: "d-flex flex-wrap align-items-center gap-4", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-break", children: [
+    s && /* @__PURE__ */ l(n, { children: [
+      /* @__PURE__ */ e(r, { id: "formSlug", children: /* @__PURE__ */ e(y, { type: "text", hidden: !0, defaultValue: c ? t : "", ...i("formSlug"), size: "sm" }) }, t),
+      /* @__PURE__ */ l("div", { className: "d-flex flex-wrap align-items-center gap-4", children: [
+        /* @__PURE__ */ l("p", { className: "text-break", children: [
           window.location.origin,
           "/blog/pub/",
-          slug
+          t
         ] }),
-        /* @__PURE__ */ jsx(Button, { color: "primary", disabled: !isPublic, onClick: () => onCopyToClipBoard("/blog"), type: "button", leftIcon: /* @__PURE__ */ jsx(Icon, { name: "copy" }), variant: "ghost", className: "text-nowrap", children: t("explorer.resource.editModal.access.url.button") })
+        /* @__PURE__ */ e(N, { color: "primary", disabled: !s, onClick: () => f("/blog"), type: "button", leftIcon: /* @__PURE__ */ e(S, { name: "copy" }), variant: "ghost", className: "text-nowrap", children: o("explorer.resource.editModal.access.url.button") })
       ] })
     ] })
   ] });
 };
 export {
-  BlogPublic,
-  BlogPublic as default
+  T as BlogPublic,
+  T as default
 };
+//# sourceMappingURL=BlogPublic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPublic.js","sources":["../../../../../src/modules/modals/ResourceModal/apps/BlogPublic.tsx"],"sourcesContent":["import { IResource } from '@edifice.io/ts-client';\nimport {\n  UseFormRegister,\n  UseFormSetValue,\n  UseFormWatch,\n} from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Alert,\n  Button,\n  FormControl,\n  Heading,\n  Icon,\n  Input,\n} from '../../../../components';\nimport { useSlug } from '../hooks/useSlug';\nimport { FormInputs } from '../ResourceModal';\n\ninterface BlogPublicProps {\n  appCode: string;\n  isUpdating: boolean;\n  resource: IResource;\n  watch: UseFormWatch<FormInputs>;\n  register: UseFormRegister<FormInputs>;\n  setValue: UseFormSetValue<FormInputs>;\n}\n\nexport const BlogPublic = ({\n  appCode,\n  isUpdating,\n  resource,\n  watch,\n  register,\n  setValue,\n}: BlogPublicProps) => {\n  const { t } = useTranslation();\n\n  const { slug, isPublic, resourceName, onPublicChange, onCopyToClipBoard } =\n    useSlug({\n      watch,\n      setValue,\n      selectedResource: isUpdating ? resource : undefined,\n    });\n\n  return (\n    <>\n      <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n        {t('explorer.resource.editModal.heading.access')}\n        {appCode}\n      </Heading>\n\n      <Alert type=\"info\">{t('explorer.resource.editModal.access.alert')}</Alert>\n\n      <FormControl\n        id=\"flexSwitchCheckDefault\"\n        className=\"form-switch d-flex gap-8 mt-16 mb-8\"\n      >\n        <FormControl.Input\n          type=\"checkbox\"\n          role=\"switch\"\n          defaultChecked={isUpdating ? resource.public : false}\n          {...register('enablePublic', {\n            disabled: !resourceName,\n            onChange: (event) => {\n              const checked = event.target.checked;\n              onPublicChange(checked);\n            },\n          })}\n          className=\"form-check-input mt-0\"\n          size=\"md\"\n        />\n        <FormControl.Label className=\"form-check-label mb-0\">\n          {t('explorer.resource.editModal.access.flexSwitchCheckDefault.label')}\n        </FormControl.Label>\n      </FormControl>\n\n      {isPublic && (\n        <>\n          <FormControl id=\"formSlug\" key={slug}>\n            <Input\n              type=\"text\"\n              hidden\n              defaultValue={isUpdating ? slug : ''}\n              {...register('formSlug')}\n              size=\"sm\"\n            />\n          </FormControl>\n          <div className=\"d-flex flex-wrap align-items-center gap-4\">\n            <p className=\"text-break\">\n              {window.location.origin}/blog/pub/{slug}\n            </p>\n            <Button\n              color=\"primary\"\n              disabled={!isPublic}\n              onClick={() => onCopyToClipBoard('/blog')}\n              type=\"button\"\n              leftIcon={<Icon name=\"copy\" />}\n              variant=\"ghost\"\n              className=\"text-nowrap\"\n            >\n              {t('explorer.resource.editModal.access.url.button')}\n            </Button>\n          </div>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default BlogPublic;\n"],"names":["BlogPublic","appCode","isUpdating","resource","watch","register","setValue","t","useTranslation","slug","isPublic","resourceName","onPublicChange","onCopyToClipBoard","useSlug","selectedResource","undefined","jsxs","Fragment","Heading","Alert","FormControl","jsx","public","disabled","onChange","event","checked","target","Input","window","location","origin","Button","Icon"],"mappings":";;;;;;;;;AA4BO,MAAMA,IAAaA,CAAC;AAAA,EACzBC,SAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AACe,MAAM;AACf,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,UAAAA;AAAAA,IAAUC,cAAAA;AAAAA,IAAcC,gBAAAA;AAAAA,IAAgBC,mBAAAA;AAAAA,MACpDC,EAAQ;AAAA,IACNV,OAAAA;AAAAA,IACAE,UAAAA;AAAAA,IACAS,kBAAkBb,IAAaC,IAAWa;AAAAA,EAAAA,CAC3C;AAEH,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAQ,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7CZ,UAAAA;AAAAA,MAAAA,EAAE,4CAA4C;AAAA,MAC9CN;AAAAA,IAAAA,GACH;AAAA,sBAECmB,GAAM,EAAA,MAAK,QAAQb,UAAAA,EAAE,0CAA0C,GAAE;AAAA,IAEjE,gBAAAU,EAAAI,GAAA,EACC,IAAG,0BACH,WAAU,uCAEV,UAAA;AAAA,MAAA,gBAAAC,EAACD,EAAY,OAAZ,EACC,MAAK,YACL,MAAK,UACL,gBAAgBnB,IAAaC,EAASoB,SAAS,IAC/C,GAAIlB,EAAS,gBAAgB;AAAA,QAC3BmB,UAAU,CAACb;AAAAA,QACXc,UAAWC,CAAUA,MAAA;AACbC,gBAAAA,IAAUD,EAAME,OAAOD;AAC7Bf,UAAAA,EAAee,CAAO;AAAA,QACxB;AAAA,MACD,CAAA,GACD,WAAU,yBACV,MAAK,KAAI,CAAA;AAAA,MAEX,gBAAAL,EAACD,EAAY,OAAZ,EAAkB,WAAU,yBAC1Bd,UAAAA,EAAE,iEAAiE,GACtE;AAAA,IAAA,GACF;AAAA,IAECG,KAEG,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAI,EAAAD,GAAA,EAAY,IAAG,YACd,UAAA,gBAAAC,EAACO,KACC,MAAK,QACL,QAAM,IACN,cAAc3B,IAAaO,IAAO,IAClC,GAAIJ,EAAS,UAAU,GACvB,MAAK,MAAI,KANmBI,CAQhC;AAAA,MACA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,6CACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,KAAA,EAAE,WAAU,cACVa,UAAAA;AAAAA,UAAAA,OAAOC,SAASC;AAAAA,UAAO;AAAA,UAAWvB;AAAAA,QAAAA,GACrC;AAAA,QACA,gBAAAa,EAACW,GACC,EAAA,OAAM,WACN,UAAU,CAACvB,GACX,SAAS,MAAMG,EAAkB,OAAO,GACxC,MAAK,UACL,UAAU,gBAAAS,EAACY,GAAK,EAAA,MAAK,OAAM,CAAA,GAC3B,SAAQ,SACR,WAAU,eAET3B,UAAEA,EAAA,+CAA+C,EACpD,CAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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

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

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

@@ -1,41 +1,42 @@
-import { useState, useId, useEffect } from "react";
-import { hash } from "ohash";
-import { useTranslation } from "react-i18next";
-import slugify from "react-slugify";
-import useToast from "../../../../hooks/useToast/useToast.js";
-const useSlug = ({
-  watch,
-  setValue,
-  selectedResource
+import { useState as s, useId as S, useEffect as T } from "react";
+import { hash as a } from "ohash";
+import { useTranslation as h } from "react-i18next";
+import f from "react-slugify";
+import x from "../../../../hooks/useToast/useToast.js";
+const v = ({
+  watch: l,
+  setValue: p,
+  selectedResource: i
 }) => {
-  const [slug, setSlug] = useState(""), [isPublic, setIsPublic] = useState((selectedResource == null ? void 0 : selectedResource.public) || !1), uniqueId = useId(), resourceName = watch("title"), {
-    t
-  } = useTranslation(), toast = useToast();
-  useEffect(() => {
-    if (isPublic) {
-      let slug2 = "";
-      selectedResource ? slug2 = selectedResource.slug ? selectedResource.slug : `${hash({
-        foo: `${resourceName}${uniqueId}`
-      })}-${slugify(resourceName)}` : slug2 = `${hash({
-        foo: `${resourceName}${uniqueId}`
-      })}-${slugify(resourceName)}`, setValue("formSlug", slug2), setSlug(slug2);
+  const [r, m] = s(""), [n, g] = s((i == null ? void 0 : i.public) || !1), u = S(), t = l("title"), {
+    t: $
+  } = h(), c = x();
+  T(() => {
+    if (n) {
+      let o = "";
+      i ? o = i.slug ? i.slug : `${a({
+        foo: `${t}${u}`
+      })}-${f(t)}` : o = `${a({
+        foo: `${t}${u}`
+      })}-${f(t)}`, p("formSlug", o), m(o);
     }
-  }, [isPublic, resourceName]);
-  function onPublicChange(value) {
-    setIsPublic(value);
+  }, [n, t]);
+  function b(o) {
+    g(o);
   }
-  function onCopyToClipBoard(pathname) {
-    navigator.clipboard.writeText(`${window.location.origin}${pathname || window.location.pathname}/pub/${slug}`), toast.success(t("explorer.copy.clipboard"));
+  function w(o) {
+    navigator.clipboard.writeText(`${window.location.origin}${o || window.location.pathname}/pub/${r}`), c.success($("explorer.copy.clipboard"));
   }
   return {
-    slug,
-    uniqueId,
-    isPublic,
-    resourceName,
-    onPublicChange,
-    onCopyToClipBoard
+    slug: r,
+    uniqueId: u,
+    isPublic: n,
+    resourceName: t,
+    onPublicChange: b,
+    onCopyToClipBoard: w
   };
 };
 export {
-  useSlug
+  v as useSlug
 };
+//# sourceMappingURL=useSlug.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlug.js","sources":["../../../../../src/modules/modals/ResourceModal/hooks/useSlug.ts"],"sourcesContent":["import { useEffect, useId, useState } from 'react';\n\nimport { IResource } from '@edifice.io/ts-client';\nimport { hash } from 'ohash';\nimport { UseFormSetValue, UseFormWatch } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport slugify from 'react-slugify';\n\nimport useToast from '../../../../hooks/useToast/useToast';\nimport { FormInputs } from '../ResourceModal';\n\ninterface UseSlugProps {\n  watch: UseFormWatch<FormInputs>;\n  setValue: UseFormSetValue<FormInputs>;\n  selectedResource?: IResource;\n}\n\nexport const useSlug = ({\n  watch,\n  setValue,\n  selectedResource,\n}: UseSlugProps) => {\n  const [slug, setSlug] = useState<string>('');\n  const [isPublic, setIsPublic] = useState<boolean>(\n    selectedResource?.public || false,\n  );\n\n  const uniqueId = useId();\n  const resourceName = watch('title');\n\n  const { t } = useTranslation();\n  const toast = useToast();\n\n  useEffect(() => {\n    if (isPublic) {\n      let slug = '';\n\n      if (selectedResource) {\n        slug = selectedResource.slug\n          ? selectedResource.slug\n          : `${hash({\n              foo: `${resourceName}${uniqueId}`,\n            })}-${slugify(resourceName)}`;\n      } else {\n        slug = `${hash({\n          foo: `${resourceName}${uniqueId}`,\n        })}-${slugify(resourceName)}`;\n      }\n\n      setValue('formSlug', slug);\n      setSlug(slug);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isPublic, resourceName]);\n\n  function onPublicChange(value: boolean) {\n    setIsPublic(value);\n  }\n\n  function onCopyToClipBoard(pathname: string) {\n    navigator.clipboard.writeText(\n      `${window.location.origin}${\n        pathname ? pathname : window.location.pathname\n      }/pub/${slug}`,\n    );\n    toast.success(t('explorer.copy.clipboard'));\n  }\n\n  return {\n    slug,\n    uniqueId,\n    isPublic,\n    resourceName,\n    onPublicChange,\n    onCopyToClipBoard,\n  };\n};\n"],"names":["useSlug","watch","setValue","selectedResource","slug","setSlug","useState","isPublic","setIsPublic","public","uniqueId","useId","resourceName","t","useTranslation","toast","useToast","useEffect","hash","foo","slugify","onPublicChange","value","onCopyToClipBoard","pathname","navigator","clipboard","writeText","window","location","origin","success"],"mappings":";;;;;AAiBO,MAAMA,IAAUA,CAAC;AAAA,EACtBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,kBAAAA;AACY,MAAM;AAClB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiB,EAAE,GACrC,CAACC,GAAUC,CAAW,IAAIF,GAC9BH,KAAAA,gBAAAA,EAAkBM,WAAU,EAC9B,GAEMC,IAAWC,KACXC,IAAeX,EAAM,OAAO,GAE5B;AAAA,IAAEY,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAQC;AAEdC,EAAAA,EAAU,MAAM;AACd,QAAIV,GAAU;AACZ,UAAIH,IAAO;AAEX,MAAID,IACFC,IAAOD,EAAiBC,OACpBD,EAAiBC,OACjB,GAAGc,EAAK;AAAA,QACNC,KAAK,GAAGP,CAAY,GAAGF,CAAQ;AAAA,MAChC,CAAA,CAAC,IAAIU,EAAQR,CAAY,CAAC,KAE/BR,IAAO,GAAGc,EAAK;AAAA,QACbC,KAAK,GAAGP,CAAY,GAAGF,CAAQ;AAAA,MAChC,CAAA,CAAC,IAAIU,EAAQR,CAAY,CAAC,IAG7BV,EAAS,YAAYE,CAAI,GACzBC,EAAQD,CAAI;AAAA,IACd;AAAA,EAAA,GAEC,CAACG,GAAUK,CAAY,CAAC;AAE3B,WAASS,EAAeC,GAAgB;AACtCd,IAAAA,EAAYc,CAAK;AAAA,EACnB;AAEA,WAASC,EAAkBC,GAAkB;AAC3CC,cAAUC,UAAUC,UAClB,GAAGC,OAAOC,SAASC,MAAM,GACvBN,KAAsBI,OAAOC,SAASL,QAAQ,QACxCpB,CAAI,EACd,GACM2B,EAAAA,QAAQlB,EAAE,yBAAyB,CAAC;AAAA,EAC5C;AAEO,SAAA;AAAA,IACLT,MAAAA;AAAAA,IACAM,UAAAA;AAAAA,IACAH,UAAAA;AAAAA,IACAK,cAAAA;AAAAA,IACAS,gBAAAA;AAAAA,IACAE,mBAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { IResource } from 'edifice-ts-client';
+import { IResource } from '@edifice.io/ts-client';
 interface UseThumbProps {
     isUpdating: boolean;
     selectedResource?: IResource;

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

@@ -1,17 +1,18 @@
-import { useState, useEffect } from "react";
-const useThumb = ({
-  isUpdating,
-  selectedResource
+import { useState as b, useEffect as i } from "react";
+const f = ({
+  isUpdating: m,
+  selectedResource: a
 }) => {
-  const [thumbnail, setThumbnail] = useState(isUpdating && (selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
-  return useEffect(() => {
-    setThumbnail((selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
-  }, [selectedResource]), {
-    thumbnail,
-    handleDeleteImage: () => setThumbnail(""),
-    handleUploadImage: (file) => setThumbnail(file)
+  const [h, n] = b(m && (a == null ? void 0 : a.thumbnail) || "");
+  return i(() => {
+    n((a == null ? void 0 : a.thumbnail) || "");
+  }, [a]), {
+    thumbnail: h,
+    handleDeleteImage: () => n(""),
+    handleUploadImage: (t) => n(t)
   };
 };
 export {
-  useThumb
+  f as useThumb
 };
+//# sourceMappingURL=useThumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThumb.js","sources":["../../../../../src/modules/modals/ResourceModal/hooks/useThumb.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { IResource } from '@edifice.io/ts-client';\n\ninterface UseThumbProps {\n  isUpdating: boolean;\n  selectedResource?: IResource;\n}\n\nexport const useThumb = ({ isUpdating, selectedResource }: UseThumbProps) => {\n  const [thumbnail, setThumbnail] = useState<string | Blob | File>(\n    isUpdating ? selectedResource?.thumbnail || '' : '',\n  );\n\n  useEffect(() => {\n    setThumbnail(selectedResource?.thumbnail || '');\n  }, [selectedResource]);\n\n  const handleUploadImage = (file: File | string) => setThumbnail(file);\n  const handleDeleteImage = () => setThumbnail('');\n\n  return {\n    thumbnail,\n    handleDeleteImage,\n    handleUploadImage,\n  };\n};\n"],"names":["useThumb","isUpdating","selectedResource","thumbnail","setThumbnail","useState","useEffect","handleDeleteImage","handleUploadImage","file"],"mappings":";AASO,MAAMA,IAAWA,CAAC;AAAA,EAAEC,YAAAA;AAAAA,EAAYC,kBAAAA;AAAgC,MAAM;AACrE,QAAA,CAACC,GAAWC,CAAY,IAAIC,EAChCJ,MAAaC,KAAAA,gBAAAA,EAAkBC,cAAa,EAC9C;AAEAG,SAAAA,EAAU,MAAM;AACDJ,IAAAA,GAAAA,KAAAA,gBAAAA,EAAkBC,cAAa,EAAE;AAAA,EAAA,GAC7C,CAACD,CAAgB,CAAC,GAKd;AAAA,IACLC,WAAAA;AAAAA,IACAI,mBAJwBA,MAAMH,EAAa,EAAE;AAAA,IAK7CI,mBANwBA,CAACC,MAAwBL,EAAaK,CAAI;AAAA,EAMlED;AAEJ;"}

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

@@ -1,5 +1,5 @@
+import { UpdateParameters, UpdateResult } from '@edifice.io/ts-client';
 import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
-import { UpdateParameters, UpdateResult } from 'edifice-ts-client';
 export declare const useUpdateMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<UpdateResult, Error, UpdateParameters, unknown> | undefined;