mario-core 2.0.107-release → 2.0.108-release

package/dist/GalleryList-Bi89gGR2.mjs

@@ -0,0 +1,329 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Row as k, Col as u, Input as R, Button as y, Label as g, Card as E, CardImg as S, CardBody as w, CardTitle as M, CardHeader as B, CardText as j } from "reactstrap";
+import { useSelector as q } from "react-redux";
+import { forwardRef as H, memo as v, useRef as U, useState as K } from "react";
+import { a0 as W, E as L, ar as z, as as P, at as T, au as Q, av as J, aw as X, ax as C, h as Y, a2 as Z, $ as ee, ay as le, m as ae } from "./index-DaEyv-Te.mjs";
+import { Formik as ne } from "formik";
+import * as b from "yup";
+import { useTranslation as A } from "react-i18next";
+const re = b.object({
+  name: b.string().required("Name is required")
+}), se = (l, n) => {
+  const { targetMedia: r, onConfirm: i } = l, a = r?.key ? "Update" : "Create", d = r?.key ? "Rename" : "Folder";
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      initialValues: { name: r?.name },
+      enableReinitialize: !0,
+      validationSchema: re,
+      onSubmit: (o, m) => {
+        i && i(o), m.resetForm();
+      },
+      children: (o) => {
+        const {
+          values: m,
+          touched: I,
+          errors: p,
+          handleChange: D,
+          handleBlur: O,
+          handleSubmit: f
+        } = o;
+        return /* @__PURE__ */ e(
+          W,
+          {
+            header: d,
+            confirmText: a,
+            onConfirm: f,
+            ref: n,
+            children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ s(u, { md: 12, children: [
+              /* @__PURE__ */ e(
+                R,
+                {
+                  name: "name",
+                  placeholder: `Enter your ${r?.key ? "file" : "folder"} name`,
+                  value: m.name,
+                  onChange: D,
+                  onBlur: O("question")
+                }
+              ),
+              I.name && p.name && /* @__PURE__ */ e(
+                L,
+                {
+                  text: p.name
+                }
+              )
+            ] }) })
+          }
+        );
+      }
+    }
+  );
+}, te = H(se), ie = ({
+  isLibrary: l,
+  step: n,
+  breadcumb: r,
+  currentPrefix: i,
+  targetMedia: a,
+  handleSelectFile: d,
+  handleCreateFolder: o,
+  handleRenameFile: m,
+  handleGoBack: I,
+  handleDownloadMedia: p,
+  handleDeleteMediaOrFolder: D,
+  showErrorAlert: O
+}) => {
+  const f = U(null), x = U(null), { t: F } = A(), N = () => f?.current?.toggle();
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s(k, { className: "p-2 pl-3", style: { gap: "8px" }, children: [
+      !!n && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "secondary",
+          onClick: I,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(z, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Go up" })
+          ]
+        }
+      ),
+      a && !a.isFolder && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "success",
+          onClick: p,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(P, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Download" })
+          ]
+        }
+      ),
+      a && !l && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "danger",
+          onClick: D,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Delete" })
+          ]
+        }
+      ),
+      a && !l && !a.isFolder && /* @__PURE__ */ s(y, { className: "mr-2", color: "primary", onClick: N, style: { width: "auto", display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e(Q, {}),
+        /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Rename" })
+      ] }),
+      !a && !l && /* @__PURE__ */ s(y, { className: "mr-2", color: "success", onClick: N, style: { width: "auto", display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e(J, {}),
+        /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: F("new_folder") })
+      ] }),
+      !a && !l && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "info",
+          onClick: () => x?.current?.click(),
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(X, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: F("upload") })
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ e(u, { className: "h-100 d-flex align-items-center", children: r })
+    ] }),
+    /* @__PURE__ */ e(
+      te,
+      {
+        ref: f,
+        targetMedia: a,
+        onConfirm: async (h) => {
+          h.name != "" ? a && !a.isFolder ? (N(), await m(h.name)) : (N(), await o(i, h.name)) : O("Name can't be empty");
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "file",
+        id: "customMediaUpload",
+        ref: x,
+        style: { display: "none" },
+        onChange: async (h) => {
+          const c = h?.target?.files[0];
+          c && await d({ key: i, file: c });
+        }
+      }
+    )
+  ] });
+}, oe = v(ie), _ = {
+  "media-wrapper": "_media-wrapper_1nc2k_6",
+  "media-image": "_media-image_1nc2k_11",
+  "media-image-selected": "_media-image-selected_1nc2k_17",
+  "media-title": "_media-title_1nc2k_21",
+  "filter-media-file": "_filter-media-file_1nc2k_30"
+};
+var t = /* @__PURE__ */ ((l) => (l[l.IMAGE = 0] = "IMAGE", l[l.VIDEO = 1] = "VIDEO", l[l.AUDIO = 2] = "AUDIO", l[l.DOC = 3] = "DOC", l[l.UNKNOW = 4] = "UNKNOW", l))(t || {});
+const ce = ["png", "jpg", "jpeg", "gif"], de = ["mp4", "mp4v"], me = ["txt", "pdf", "doc", "docx", "xls", "csv"], he = ["wav", "mp3"], V = (l) => {
+  if (l) {
+    if (ce.includes(l)) return t.IMAGE;
+    if (de.includes(l)) return t.VIDEO;
+    if (me.includes(l)) return t.DOC;
+    if (he.includes(l)) return t.AUDIO;
+  }
+  return t.UNKNOW;
+}, ue = (l) => {
+  if (l.isFolder) return C.FOLDER_IMAGE;
+  const n = V(l.extension);
+  return n === t.IMAGE ? C.PHOTO_IMAGE : n === t.VIDEO ? C.VIDEO_IMAGE : n === t.AUDIO ? C.AUDIO_IMAGE : n === t.DOC ? C.DOCS_IMAGE : C.UNKNOW_IMAGE;
+}, pe = ({ media: l, isTarget: n }) => {
+  const r = ue(l);
+  return /* @__PURE__ */ s(E, { className: `${n ? _["media-image-selected"] : ""} border-0 `, children: [
+    /* @__PURE__ */ e(
+      S,
+      {
+        className: `${_["media-image"]} p-1`,
+        top: !0,
+        width: "90%",
+        src: Y(r),
+        alt: l.name
+      }
+    ),
+    /* @__PURE__ */ e(w, { className: "p-1", style: { height: 45 }, children: /* @__PURE__ */ e(M, { tag: "h6", className: _["media-title"], children: l.name }) })
+  ] });
+}, fe = v(pe), Ne = [
+  { value: t.IMAGE, label: "images" },
+  { value: t.AUDIO, label: "audios" },
+  { value: t.DOC, label: "docs" },
+  { value: t.VIDEO, label: "videos" }
+], ye = ({
+  changeFilters: l
+  // filters
+}) => {
+  const [n, r] = K(), { t: i } = A();
+  return /* @__PURE__ */ s(k, { className: `${_["filter-media-file"]}`, children: [
+    /* @__PURE__ */ e(u, { sm: 8, children: /* @__PURE__ */ e(
+      Z,
+      {
+        initValue: "",
+        onSearch: (a) => l({
+          searchString: a
+        }),
+        placeholder: i("type_something_to_search_by_file_name")
+      }
+    ) }),
+    /* @__PURE__ */ e(u, { sm: 4, children: /* @__PURE__ */ e(
+      ee,
+      {
+        value: n,
+        isMulti: !0,
+        options: Ne.map((a) => ({ ...a, label: i(a.label) })),
+        onChange: (a) => {
+          r(a);
+          const d = a.map((o) => o.value);
+          l({ types: d });
+        }
+      }
+    ) })
+  ] });
+}, ge = ({ height: l, isLibrary: n }) => {
+  const {
+    filters: r,
+    mediaList: i,
+    targetMedia: a,
+    router: d,
+    breadcrumb: o,
+    changeFilters: m,
+    handleOpenFolder: I,
+    handleSelectMedia: p,
+    handleSelectFile: D,
+    handleCreateFolder: O,
+    handleRenameFile: f,
+    handleDownloadMedia: x,
+    handleDeleteMediaOrFolder: F,
+    handleGoBack: N,
+    showErrorAlert: G
+  } = le(n), h = () => i.map((c) => {
+    const $ = a?.key === c.key;
+    return /* @__PURE__ */ e(u, { className: "p-2", xs: "auto", children: /* @__PURE__ */ e(
+      "div",
+      {
+        onDoubleClick: () => I(c),
+        onClick: () => p(c),
+        className: _["media-wrapper"],
+        children: /* @__PURE__ */ e(fe, { media: c, isTarget: $ })
+      }
+    ) }, c.key);
+  });
+  return /* @__PURE__ */ s(E, { children: [
+    /* @__PURE__ */ s(B, { children: [
+      /* @__PURE__ */ e(ye, { changeFilters: m, filters: r }),
+      /* @__PURE__ */ e(
+        oe,
+        {
+          isLibrary: n,
+          step: d.step,
+          breadcumb: o,
+          currentPrefix: r.prefix || "",
+          targetMedia: a,
+          handleSelectFile: D,
+          handleCreateFolder: O,
+          handleRenameFile: f,
+          handleDownloadMedia: x,
+          handleDeleteMediaOrFolder: F,
+          handleGoBack: N,
+          showErrorAlert: G
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(w, { style: { minHeight: l }, children: /* @__PURE__ */ e(k, { className: "p-1", children: h() }) })
+  ] });
+}, Ce = ({ targetMedia: l }) => {
+  if (!l || l?.isFolder) return /* @__PURE__ */ e("div", {});
+  const n = V(l.extension), r = ae(l.key || "");
+  return /* @__PURE__ */ s(E, { className: "position-sticky", children: [
+    /* @__PURE__ */ e(B, { children: l?.name || "Media name" }),
+    n === t.IMAGE && /* @__PURE__ */ e(S, { className: "p-2", src: r, loading: "lazy" }),
+    n === t.VIDEO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+      "video",
+      {
+        id: l.key,
+        width: "100%",
+        height: "100%",
+        controls: !0,
+        children: /* @__PURE__ */ e("source", { src: r })
+      }
+    ) }),
+    n === t.AUDIO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("audio", { controls: !0, className: "w-100", children: /* @__PURE__ */ e("source", { src: r }) }) }),
+    /* @__PURE__ */ s(w, { children: [
+      /* @__PURE__ */ e(M, { tag: "h6", children: "General Info" }),
+      /* @__PURE__ */ s(j, { children: [
+        "File extension: ",
+        l.extension?.toUpperCase()
+      ] })
+    ] })
+  ] });
+}, Ie = v(Ce), De = "media_gallery", ve = ({ isLibrary: l }) => {
+  const n = q((i) => i.gallery.targetMedia), { t: r } = A();
+  return /* @__PURE__ */ s("div", { className: "fadeIn animated", children: [
+    !l && /* @__PURE__ */ e("h5", { className: "mb-2", children: r(De) }),
+    /* @__PURE__ */ s(k, { className: "mb-2", children: [
+      /* @__PURE__ */ e(u, { md: 8, children: /* @__PURE__ */ e(ge, { height: "100vh", isLibrary: l }) }),
+      /* @__PURE__ */ e(u, { md: 4, children: /* @__PURE__ */ e(
+        Ie,
+        {
+          targetMedia: n
+        },
+        n?.key
+      ) })
+    ] })
+  ] });
+};
+export {
+  ve as default
+};

package/dist/GalleryList-Dlc2e9PL.mjs

@@ -0,0 +1,329 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Row as k, Col as u, Input as R, Button as y, Label as g, Card as E, CardImg as S, CardBody as w, CardTitle as M, CardHeader as B, CardText as j } from "reactstrap";
+import { useSelector as q } from "react-redux";
+import { forwardRef as H, memo as v, useRef as U, useState as K } from "react";
+import { a0 as W, E as L, ar as z, as as P, at as T, au as Q, av as J, aw as X, ax as C, h as Y, a2 as Z, $ as ee, ay as le, m as ae } from "./index-CVKal53K.mjs";
+import { Formik as ne } from "formik";
+import * as b from "yup";
+import { useTranslation as A } from "react-i18next";
+const re = b.object({
+  name: b.string().required("Name is required")
+}), se = (l, n) => {
+  const { targetMedia: r, onConfirm: i } = l, a = r?.key ? "Update" : "Create", d = r?.key ? "Rename" : "Folder";
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      initialValues: { name: r?.name },
+      enableReinitialize: !0,
+      validationSchema: re,
+      onSubmit: (o, m) => {
+        i && i(o), m.resetForm();
+      },
+      children: (o) => {
+        const {
+          values: m,
+          touched: I,
+          errors: p,
+          handleChange: D,
+          handleBlur: O,
+          handleSubmit: f
+        } = o;
+        return /* @__PURE__ */ e(
+          W,
+          {
+            header: d,
+            confirmText: a,
+            onConfirm: f,
+            ref: n,
+            children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ s(u, { md: 12, children: [
+              /* @__PURE__ */ e(
+                R,
+                {
+                  name: "name",
+                  placeholder: `Enter your ${r?.key ? "file" : "folder"} name`,
+                  value: m.name,
+                  onChange: D,
+                  onBlur: O("question")
+                }
+              ),
+              I.name && p.name && /* @__PURE__ */ e(
+                L,
+                {
+                  text: p.name
+                }
+              )
+            ] }) })
+          }
+        );
+      }
+    }
+  );
+}, te = H(se), ie = ({
+  isLibrary: l,
+  step: n,
+  breadcumb: r,
+  currentPrefix: i,
+  targetMedia: a,
+  handleSelectFile: d,
+  handleCreateFolder: o,
+  handleRenameFile: m,
+  handleGoBack: I,
+  handleDownloadMedia: p,
+  handleDeleteMediaOrFolder: D,
+  showErrorAlert: O
+}) => {
+  const f = U(null), x = U(null), { t: F } = A(), N = () => f?.current?.toggle();
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s(k, { className: "p-2 pl-3", style: { gap: "8px" }, children: [
+      !!n && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "secondary",
+          onClick: I,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(z, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Go up" })
+          ]
+        }
+      ),
+      a && !a.isFolder && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "success",
+          onClick: p,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(P, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Download" })
+          ]
+        }
+      ),
+      a && !l && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "danger",
+          onClick: D,
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Delete" })
+          ]
+        }
+      ),
+      a && !l && !a.isFolder && /* @__PURE__ */ s(y, { className: "mr-2", color: "primary", onClick: N, style: { width: "auto", display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e(Q, {}),
+        /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: "Rename" })
+      ] }),
+      !a && !l && /* @__PURE__ */ s(y, { className: "mr-2", color: "success", onClick: N, style: { width: "auto", display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e(J, {}),
+        /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: F("new_folder") })
+      ] }),
+      !a && !l && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "info",
+          onClick: () => x?.current?.click(),
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(X, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: F("upload") })
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ e(u, { className: "h-100 d-flex align-items-center", children: r })
+    ] }),
+    /* @__PURE__ */ e(
+      te,
+      {
+        ref: f,
+        targetMedia: a,
+        onConfirm: async (h) => {
+          h.name != "" ? a && !a.isFolder ? (N(), await m(h.name)) : (N(), await o(i, h.name)) : O("Name can't be empty");
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "file",
+        id: "customMediaUpload",
+        ref: x,
+        style: { display: "none" },
+        onChange: async (h) => {
+          const c = h?.target?.files[0];
+          c && await d({ key: i, file: c });
+        }
+      }
+    )
+  ] });
+}, oe = v(ie), _ = {
+  "media-wrapper": "_media-wrapper_1nc2k_6",
+  "media-image": "_media-image_1nc2k_11",
+  "media-image-selected": "_media-image-selected_1nc2k_17",
+  "media-title": "_media-title_1nc2k_21",
+  "filter-media-file": "_filter-media-file_1nc2k_30"
+};
+var t = /* @__PURE__ */ ((l) => (l[l.IMAGE = 0] = "IMAGE", l[l.VIDEO = 1] = "VIDEO", l[l.AUDIO = 2] = "AUDIO", l[l.DOC = 3] = "DOC", l[l.UNKNOW = 4] = "UNKNOW", l))(t || {});
+const ce = ["png", "jpg", "jpeg", "gif"], de = ["mp4", "mp4v"], me = ["txt", "pdf", "doc", "docx", "xls", "csv"], he = ["wav", "mp3"], V = (l) => {
+  if (l) {
+    if (ce.includes(l)) return t.IMAGE;
+    if (de.includes(l)) return t.VIDEO;
+    if (me.includes(l)) return t.DOC;
+    if (he.includes(l)) return t.AUDIO;
+  }
+  return t.UNKNOW;
+}, ue = (l) => {
+  if (l.isFolder) return C.FOLDER_IMAGE;
+  const n = V(l.extension);
+  return n === t.IMAGE ? C.PHOTO_IMAGE : n === t.VIDEO ? C.VIDEO_IMAGE : n === t.AUDIO ? C.AUDIO_IMAGE : n === t.DOC ? C.DOCS_IMAGE : C.UNKNOW_IMAGE;
+}, pe = ({ media: l, isTarget: n }) => {
+  const r = ue(l);
+  return /* @__PURE__ */ s(E, { className: `${n ? _["media-image-selected"] : ""} border-0 `, children: [
+    /* @__PURE__ */ e(
+      S,
+      {
+        className: `${_["media-image"]} p-1`,
+        top: !0,
+        width: "90%",
+        src: Y(r),
+        alt: l.name
+      }
+    ),
+    /* @__PURE__ */ e(w, { className: "p-1", style: { height: 45 }, children: /* @__PURE__ */ e(M, { tag: "h6", className: _["media-title"], children: l.name }) })
+  ] });
+}, fe = v(pe), Ne = [
+  { value: t.IMAGE, label: "images" },
+  { value: t.AUDIO, label: "audios" },
+  { value: t.DOC, label: "docs" },
+  { value: t.VIDEO, label: "videos" }
+], ye = ({
+  changeFilters: l
+  // filters
+}) => {
+  const [n, r] = K(), { t: i } = A();
+  return /* @__PURE__ */ s(k, { className: `${_["filter-media-file"]}`, children: [
+    /* @__PURE__ */ e(u, { sm: 8, children: /* @__PURE__ */ e(
+      Z,
+      {
+        initValue: "",
+        onSearch: (a) => l({
+          searchString: a
+        }),
+        placeholder: i("type_something_to_search_by_file_name")
+      }
+    ) }),
+    /* @__PURE__ */ e(u, { sm: 4, children: /* @__PURE__ */ e(
+      ee,
+      {
+        value: n,
+        isMulti: !0,
+        options: Ne.map((a) => ({ ...a, label: i(a.label) })),
+        onChange: (a) => {
+          r(a);
+          const d = a.map((o) => o.value);
+          l({ types: d });
+        }
+      }
+    ) })
+  ] });
+}, ge = ({ height: l, isLibrary: n }) => {
+  const {
+    filters: r,
+    mediaList: i,
+    targetMedia: a,
+    router: d,
+    breadcrumb: o,
+    changeFilters: m,
+    handleOpenFolder: I,
+    handleSelectMedia: p,
+    handleSelectFile: D,
+    handleCreateFolder: O,
+    handleRenameFile: f,
+    handleDownloadMedia: x,
+    handleDeleteMediaOrFolder: F,
+    handleGoBack: N,
+    showErrorAlert: G
+  } = le(n), h = () => i.map((c) => {
+    const $ = a?.key === c.key;
+    return /* @__PURE__ */ e(u, { className: "p-2", xs: "auto", children: /* @__PURE__ */ e(
+      "div",
+      {
+        onDoubleClick: () => I(c),
+        onClick: () => p(c),
+        className: _["media-wrapper"],
+        children: /* @__PURE__ */ e(fe, { media: c, isTarget: $ })
+      }
+    ) }, c.key);
+  });
+  return /* @__PURE__ */ s(E, { children: [
+    /* @__PURE__ */ s(B, { children: [
+      /* @__PURE__ */ e(ye, { changeFilters: m, filters: r }),
+      /* @__PURE__ */ e(
+        oe,
+        {
+          isLibrary: n,
+          step: d.step,
+          breadcumb: o,
+          currentPrefix: r.prefix || "",
+          targetMedia: a,
+          handleSelectFile: D,
+          handleCreateFolder: O,
+          handleRenameFile: f,
+          handleDownloadMedia: x,
+          handleDeleteMediaOrFolder: F,
+          handleGoBack: N,
+          showErrorAlert: G
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(w, { style: { minHeight: l }, children: /* @__PURE__ */ e(k, { className: "p-1", children: h() }) })
+  ] });
+}, Ce = ({ targetMedia: l }) => {
+  if (!l || l?.isFolder) return /* @__PURE__ */ e("div", {});
+  const n = V(l.extension), r = ae(l.key || "");
+  return /* @__PURE__ */ s(E, { className: "position-sticky", children: [
+    /* @__PURE__ */ e(B, { children: l?.name || "Media name" }),
+    n === t.IMAGE && /* @__PURE__ */ e(S, { className: "p-2", src: r, loading: "lazy" }),
+    n === t.VIDEO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+      "video",
+      {
+        id: l.key,
+        width: "100%",
+        height: "100%",
+        controls: !0,
+        children: /* @__PURE__ */ e("source", { src: r })
+      }
+    ) }),
+    n === t.AUDIO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("audio", { controls: !0, className: "w-100", children: /* @__PURE__ */ e("source", { src: r }) }) }),
+    /* @__PURE__ */ s(w, { children: [
+      /* @__PURE__ */ e(M, { tag: "h6", children: "General Info" }),
+      /* @__PURE__ */ s(j, { children: [
+        "File extension: ",
+        l.extension?.toUpperCase()
+      ] })
+    ] })
+  ] });
+}, Ie = v(Ce), De = "media_gallery", ve = ({ isLibrary: l }) => {
+  const n = q((i) => i.gallery.targetMedia), { t: r } = A();
+  return /* @__PURE__ */ s("div", { className: "fadeIn animated", children: [
+    !l && /* @__PURE__ */ e("h5", { className: "mb-2", children: r(De) }),
+    /* @__PURE__ */ s(k, { className: "mb-2", children: [
+      /* @__PURE__ */ e(u, { md: 8, children: /* @__PURE__ */ e(ge, { height: "100vh", isLibrary: l }) }),
+      /* @__PURE__ */ e(u, { md: 4, children: /* @__PURE__ */ e(
+        Ie,
+        {
+          targetMedia: n
+        },
+        n?.key
+      ) })
+    ] })
+  ] });
+};
+export {
+  ve as default
+};

package/dist/GalleryList-DnhQAwOw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("reactstrap"),F=require("react-redux"),x=require("react"),t=require("./index-D0HO9-Jy.js"),v=require("formik"),E=require("yup"),D=require("react-i18next");function A(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(n,a,i.get?i:{enumerable:!0,get:()=>s[a]})}}return n.default=s,Object.freeze(n)}const b=A(E),G=b.object({name:b.string().required("Name is required")}),U=(s,n)=>{const{targetMedia:a,onConfirm:i}=s,r=a?.key?"Update":"Create",m=a?.key?"Rename":"Folder";return e.jsx(v.Formik,{initialValues:{name:a?.name},enableReinitialize:!0,validationSchema:G,onSubmit:(c,u)=>{i&&i(c),u.resetForm()},children:c=>{const{values:u,touched:g,errors:p,handleChange:y,handleBlur:C,handleSubmit:j}=c;return e.jsx(t.CommonModal,{header:m,confirmText:r,onConfirm:j,ref:n,children:e.jsx(l.Row,{children:e.jsxs(l.Col,{md:12,children:[e.jsx(l.Input,{name:"name",placeholder:`Enter your ${a?.key?"file":"folder"} name`,value:u.name,onChange:y,onBlur:C("question")}),g.name&&p.name&&e.jsx(t.ErrorHandler,{text:p.name})]})})})}})},R=x.forwardRef(U),S=({isLibrary:s,step:n,breadcumb:a,currentPrefix:i,targetMedia:r,handleSelectFile:m,handleCreateFolder:c,handleRenameFile:u,handleGoBack:g,handleDownloadMedia:p,handleDeleteMediaOrFolder:y,showErrorAlert:C})=>{const j=x.useRef(null),I=x.useRef(null),{t:O}=D.useTranslation(),f=()=>j?.current?.toggle(),_=()=>e.jsxs(l.Row,{className:"p-2 pl-3",style:{gap:"8px"},children:[!!n&&e.jsxs(l.Button,{className:"mr-2",color:"secondary",onClick:g,style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaArrowLeft,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:"Go up"})]}),r&&!r.isFolder&&e.jsxs(l.Button,{className:"mr-2",color:"success",onClick:p,style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaDownload,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:"Download"})]}),r&&!s&&e.jsxs(l.Button,{className:"mr-2",color:"danger",onClick:y,style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaTrash,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:"Delete"})]}),r&&!s&&!r.isFolder&&e.jsxs(l.Button,{className:"mr-2",color:"primary",onClick:f,style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaEdit,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:"Rename"})]}),!r&&!s&&e.jsxs(l.Button,{className:"mr-2",color:"success",onClick:f,style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaFolderPlus,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:O("new_folder")})]}),!r&&!s&&e.jsxs(l.Button,{className:"mr-2",color:"info",onClick:()=>I?.current?.click(),style:{width:"auto",display:"flex",gap:"4px"},children:[e.jsx(t.FaFileUpload,{}),e.jsx(l.Label,{className:"ml-1 h6 m-0",children:O("upload")})]}),a&&e.jsx(l.Col,{className:"h-100 d-flex align-items-center",children:a})]});return e.jsxs("div",{children:[_(),e.jsx(R,{ref:j,targetMedia:r,onConfirm:async h=>{h.name!=""?r&&!r.isFolder?(f(),await u(h.name)):(f(),await c(i,h.name)):C("Name can't be empty")}}),e.jsx("input",{type:"file",id:"customMediaUpload",ref:I,style:{display:"none"},onChange:async h=>{const d=h?.target?.files[0];d&&await m({key:i,file:d})}})]})},B=x.memo(S),N={"media-wrapper":"_media-wrapper_1nc2k_6","media-image":"_media-image_1nc2k_11","media-image-selected":"_media-image-selected_1nc2k_17","media-title":"_media-title_1nc2k_21","filter-media-file":"_filter-media-file_1nc2k_30"};var o=(s=>(s[s.IMAGE=0]="IMAGE",s[s.VIDEO=1]="VIDEO",s[s.AUDIO=2]="AUDIO",s[s.DOC=3]="DOC",s[s.UNKNOW=4]="UNKNOW",s))(o||{});const q=["png","jpg","jpeg","gif"],M=["mp4","mp4v"],V=["txt","pdf","doc","docx","xls","csv"],L=["wav","mp3"],k=s=>{if(s){if(q.includes(s))return o.IMAGE;if(M.includes(s))return o.VIDEO;if(V.includes(s))return o.DOC;if(L.includes(s))return o.AUDIO}return o.UNKNOW},$=s=>{if(s.isFolder)return t.Images.FOLDER_IMAGE;const n=k(s.extension);return n===o.IMAGE?t.Images.PHOTO_IMAGE:n===o.VIDEO?t.Images.VIDEO_IMAGE:n===o.AUDIO?t.Images.AUDIO_IMAGE:n===o.DOC?t.Images.DOCS_IMAGE:t.Images.UNKNOW_IMAGE},T=({media:s,isTarget:n})=>{const a=$(s);return e.jsxs(l.Card,{className:`${n?N["media-image-selected"]:""} border-0 `,children:[e.jsx(l.CardImg,{className:`${N["media-image"]} p-1`,top:!0,width:"90%",src:t.getStaticFileUrl(a),alt:s.name}),e.jsx(l.CardBody,{className:"p-1",style:{height:45},children:e.jsx(l.CardTitle,{tag:"h6",className:N["media-title"],children:s.name})})]})},H=x.memo(T),P=[{value:o.IMAGE,label:"images"},{value:o.AUDIO,label:"audios"},{value:o.DOC,label:"docs"},{value:o.VIDEO,label:"videos"}],K=({changeFilters:s})=>{const[n,a]=x.useState(),{t:i}=D.useTranslation();return e.jsxs(l.Row,{className:`${N["filter-media-file"]}`,children:[e.jsx(l.Col,{sm:8,children:e.jsx(t.SearchBox,{initValue:"",onSearch:r=>s({searchString:r}),placeholder:i("type_something_to_search_by_file_name")})}),e.jsx(l.Col,{sm:4,children:e.jsx(t.CustomSelector,{value:n,isMulti:!0,options:P.map(r=>({...r,label:i(r.label)})),onChange:r=>{a(r);const m=r.map(c=>c.value);s({types:m})}})})]})},W=({height:s,isLibrary:n})=>{const{filters:a,mediaList:i,targetMedia:r,router:m,breadcrumb:c,changeFilters:u,handleOpenFolder:g,handleSelectMedia:p,handleSelectFile:y,handleCreateFolder:C,handleRenameFile:j,handleDownloadMedia:I,handleDeleteMediaOrFolder:O,handleGoBack:f,showErrorAlert:_}=t.useGalleryList(n),h=()=>i.map(d=>{const w=r?.key===d.key;return e.jsx(l.Col,{className:"p-2",xs:"auto",children:e.jsx("div",{onDoubleClick:()=>g(d),onClick:()=>p(d),className:N["media-wrapper"],children:e.jsx(H,{media:d,isTarget:w})})},d.key)});return e.jsxs(l.Card,{children:[e.jsxs(l.CardHeader,{children:[e.jsx(K,{changeFilters:u,filters:a}),e.jsx(B,{isLibrary:n,step:m.step,breadcumb:c,currentPrefix:a.prefix||"",targetMedia:r,handleSelectFile:y,handleCreateFolder:C,handleRenameFile:j,handleDownloadMedia:I,handleDeleteMediaOrFolder:O,handleGoBack:f,showErrorAlert:_})]}),e.jsx(l.CardBody,{style:{minHeight:s},children:e.jsx(l.Row,{className:"p-1",children:h()})})]})},z=({targetMedia:s})=>{if(!s||s?.isFolder)return e.jsx("div",{});const n=k(s.extension),a=t.getFileUrl(s.key||"");return e.jsxs(l.Card,{className:"position-sticky",children:[e.jsx(l.CardHeader,{children:s?.name||"Media name"}),n===o.IMAGE&&e.jsx(l.CardImg,{className:"p-2",src:a,loading:"lazy"}),n===o.VIDEO&&e.jsx("div",{className:"p-2",children:e.jsx("video",{id:s.key,width:"100%",height:"100%",controls:!0,children:e.jsx("source",{src:a})})}),n===o.AUDIO&&e.jsx("div",{className:"p-2",children:e.jsx("audio",{controls:!0,className:"w-100",children:e.jsx("source",{src:a})})}),e.jsxs(l.CardBody,{children:[e.jsx(l.CardTitle,{tag:"h6",children:"General Info"}),e.jsxs(l.CardText,{children:["File extension: ",s.extension?.toUpperCase()]})]})]})},Q=x.memo(z),J="media_gallery",X=({isLibrary:s})=>{const n=F.useSelector(i=>i.gallery.targetMedia),{t:a}=D.useTranslation();return e.jsxs("div",{className:"fadeIn animated",children:[!s&&e.jsx("h5",{className:"mb-2",children:a(J)}),e.jsxs(l.Row,{className:"mb-2",children:[e.jsx(l.Col,{md:8,children:e.jsx(W,{height:"100vh",isLibrary:s})}),e.jsx(l.Col,{md:4,children:e.jsx(Q,{targetMedia:n},n?.key)})]})]})};exports.default=X;