mario-core 2.0.2 → 2.0.3-release

package/dist/EmailTemplateList-BV-QOv5K.mjs

@@ -0,0 +1,168 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Row as f, Col as o, Table as _ } from "reactstrap";
+import { D, b as g, F as I, H as A, c as y, J as R, K as w, L as x, M as P, O as M, P as k, Q as j } from "./index-CFvswiRi.mjs";
+import { format as F } from "date-fns";
+import { useCallback as T, useEffect as E } from "react";
+import { useSelector as L, useDispatch as z } from "react-redux";
+import { useNavigate as B } from "react-router-dom";
+import { g as S, a as U, r as $ } from "./mailCategoryService-Dis1n9kR.mjs";
+import { useTranslation as N } from "react-i18next";
+const O = "/admin/email-template", H = "/admin/create-email-template", J = "Email template list", K = () => {
+  const n = B(), { t: c } = N(), u = L(
+    (s) => s.emailTemplate.emailTemplateList
+  ), d = L(
+    (s) => s.emailTemplate.totalItems
+  ), r = L(
+    (s) => s.mailCategory.mailCategoryList
+  ), { filters: i, changeFilters: h } = D(), t = z(), p = T(async () => {
+    t(g(!0));
+    try {
+      const s = await S(i), { items: m, totalItems: v } = s.data;
+      if (t(
+        I({ emailTemplateList: m, totalItems: v })
+      ), r && r.length == 0) {
+        const b = await U();
+        t(A(b.data.items));
+      }
+    } catch (s) {
+      t(
+        y({
+          type: "danger",
+          message: s.response?.data?.title || s.message
+        })
+      );
+    }
+    t(g(!1));
+  }, [t, i]), a = T(
+    (s) => {
+      t(g(!0));
+      try {
+        t(
+          R({
+            isOpen: !0,
+            type: "warning",
+            message: c("do_you_want_to_remove_this_email_template"),
+            onConfirm: async () => {
+              await $(s), t(
+                y({
+                  type: "success",
+                  message: "Remove template successfully"
+                })
+              ), h({ currentPage: 1 });
+            }
+          })
+        );
+      } catch (m) {
+        t(
+          y({
+            type: "danger",
+            message: m.response?.data?.title || m.message
+          })
+        );
+      }
+      t(g(!1));
+    },
+    [i]
+  ), C = T((s) => {
+    const m = s ? `${O}/${s}` : H;
+    n(m);
+  }, []);
+  return E(() => {
+    document.title = J;
+  }, []), E(() => {
+    p();
+  }, [i]), {
+    emailTemplateList: u,
+    totalItems: d,
+    filters: i,
+    changeFilters: h,
+    getData: p,
+    removeData: a,
+    goToDetail: C,
+    mailCategoryList: r
+  };
+}, Q = "email_template", ae = () => {
+  const {
+    emailTemplateList: n,
+    totalItems: c,
+    filters: u,
+    changeFilters: d,
+    removeData: r,
+    goToDetail: i,
+    mailCategoryList: h
+  } = K(), { t } = N(), p = (a) => {
+    r(a);
+  };
+  return /* @__PURE__ */ l("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ e("h5", { className: "mb-2", children: t(Q) }),
+    /* @__PURE__ */ l(f, { className: "my-2", children: [
+      /* @__PURE__ */ e(o, { md: 4, children: /* @__PURE__ */ e(
+        w,
+        {
+          text: t("create_template"),
+          onClick: () => i()
+        }
+      ) }),
+      /* @__PURE__ */ l(
+        o,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            t("total_of_templates"),
+            ": ",
+            c
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(f, { className: "mb-2", children: [
+      /* @__PURE__ */ l(o, { md: 8, children: [
+        n && n.length > 0 ? /* @__PURE__ */ l(_, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("template_name") }),
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("category_name") }),
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("created_date") }),
+            /* @__PURE__ */ e("th", { className: "text-center", children: t("action") })
+          ] }) }),
+          /* @__PURE__ */ e("tbody", { children: n.map((a) => /* @__PURE__ */ l("tr", { children: [
+            /* @__PURE__ */ e("td", { className: "align-middle", children: /* @__PURE__ */ e(
+              x,
+              {
+                label: a.subject,
+                onClick: () => i(a.id)
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: a.category.name }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: F(
+              new Date(a.createdAt),
+              P
+            ) }),
+            /* @__PURE__ */ e("td", { className: "text-center align-middle", children: /* @__PURE__ */ e(
+              M,
+              {
+                onClick: () => p(a.id)
+              }
+            ) })
+          ] }, a.id)) })
+        ] }) : /* @__PURE__ */ e(k, { label: t("template") }),
+        /* @__PURE__ */ e(f, { className: "mt-2", children: /* @__PURE__ */ e(o, { md: 12, children: /* @__PURE__ */ e(
+          j,
+          {
+            filters: u,
+            totalRecordCount: c,
+            changePageSize: (a) => d({ pageSize: a }),
+            changePage: (a) => d({ currentPage: a })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ e(o, { md: 4, children: /* @__PURE__ */ l(_, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("th", { className: "align-top", children: t("category_name") }) }) }),
+        /* @__PURE__ */ e("tbody", { children: h.map((a) => /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "align-middle", children: a.name }) }, a.id)) })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  ae as default
+};

package/dist/EmailTemplateList-Dgf0hucr.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("reactstrap"),a=require("./index-B4U_4-fu.js"),_=require("date-fns"),m=require("react"),x=require("react-redux"),f=require("react-router-dom"),j=require("./mailCategoryService-CEgGm2FV.js"),y=require("react-i18next"),E="/admin/email-template",N="/admin/create-email-template",b="Email template list",v=()=>{const c=f.useNavigate(),{t:d}=y.useTranslation(),p=x.useSelector(l=>l.emailTemplate.emailTemplateList),u=x.useSelector(l=>l.emailTemplate.totalItems),o=x.useSelector(l=>l.mailCategory.mailCategoryList),{filters:n,changeFilters:h}=a.useFilters(),t=x.useDispatch(),g=m.useCallback(async()=>{t(a.setLoading(!0));try{const l=await j.get(n),{items:r,totalItems:L}=l.data;if(t(a.setEmailTemplateList({emailTemplateList:r,totalItems:L})),o&&o.length==0){const C=await j.get$1();t(a.setMailCategory(C.data.items))}}catch(l){t(a.setAlert({type:"danger",message:l.response?.data?.title||l.message}))}t(a.setLoading(!1))},[t,n]),s=m.useCallback(l=>{t(a.setLoading(!0));try{t(a.setModal({isOpen:!0,type:"warning",message:d("do_you_want_to_remove_this_email_template"),onConfirm:async()=>{await j.remove(l),t(a.setAlert({type:"success",message:"Remove template successfully"})),h({currentPage:1})}}))}catch(r){t(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}t(a.setLoading(!1))},[n]),T=m.useCallback(l=>{const r=l?`${E}/${l}`:N;c(r)},[]);return m.useEffect(()=>{document.title=b},[]),m.useEffect(()=>{g()},[n]),{emailTemplateList:p,totalItems:u,filters:n,changeFilters:h,getData:g,removeData:s,goToDetail:T,mailCategoryList:o}},R="email_template",A=()=>{const{emailTemplateList:c,totalItems:d,filters:p,changeFilters:u,removeData:o,goToDetail:n,mailCategoryList:h}=v(),{t}=y.useTranslation(),g=s=>{o(s)};return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx("h5",{className:"mb-2",children:t(R)}),e.jsxs(i.Row,{className:"my-2",children:[e.jsx(i.Col,{md:4,children:e.jsx(a.AddButton,{text:t("create_template"),onClick:()=>n()})}),e.jsxs(i.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:[t("total_of_templates"),": ",d]})]}),e.jsxs(i.Row,{className:"mb-2",children:[e.jsxs(i.Col,{md:8,children:[c&&c.length>0?e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:t("template_name")}),e.jsx("th",{className:"align-top",children:t("category_name")}),e.jsx("th",{className:"align-top",children:t("created_date")}),e.jsx("th",{className:"text-center",children:t("action")})]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{children:[e.jsx("td",{className:"align-middle",children:e.jsx(a.LinkEditButton,{label:s.subject,onClick:()=>n(s.id)})}),e.jsx("td",{className:"align-middle",children:s.category.name}),e.jsx("td",{className:"align-middle",children:_.format(new Date(s.createdAt),a.DATE_RESULT)}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(a.DeleteButtonIcon,{onClick:()=>g(s.id)})})]},s.id))})]}):e.jsx(a.EmptyDataAlert,{label:t("template")}),e.jsx(i.Row,{className:"mt-2",children:e.jsx(i.Col,{md:12,children:e.jsx(a.CustomPagination,{filters:p,totalRecordCount:d,changePageSize:s=>u({pageSize:s}),changePage:s=>u({currentPage:s})})})})]}),e.jsx(i.Col,{md:4,children:e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsx("tr",{children:e.jsx("th",{className:"align-top",children:t("category_name")})})}),e.jsx("tbody",{children:h.map(s=>e.jsx("tr",{children:e.jsx("td",{className:"align-middle",children:s.name})},s.id))})]})})]})]})};exports.default=A;

package/dist/GalleryList-BYwvWx1S.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-B4U_4-fu.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;

package/dist/GalleryList-JJbcEbTi.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 $, 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 { Y as W, E as L, am as z, an as P, ao as T, ap as Q, aq as X, ar as Y, as as C, h as J, _ as Z, X as ee, at as le, m as ae } from "./index-CFvswiRi.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: _,
+          handleBlur: D,
+          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(
+                $,
+                {
+                  name: "name",
+                  placeholder: `Enter your ${r?.key ? "file" : "folder"} name`,
+                  value: m.name,
+                  onChange: _,
+                  onBlur: D("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: _,
+  showErrorAlert: D
+}) => {
+  const f = U(null), F = U(null), { t: x } = 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: _,
+          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(X, {}),
+        /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: x("new_folder") })
+      ] }),
+      !a && !l && /* @__PURE__ */ s(
+        y,
+        {
+          className: "mr-2",
+          color: "info",
+          onClick: () => F?.current?.click(),
+          style: { width: "auto", display: "flex", gap: "4px" },
+          children: [
+            /* @__PURE__ */ e(Y, {}),
+            /* @__PURE__ */ e(g, { className: "ml-1 h6 m-0", children: x("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)) : D("Name can't be empty");
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "file",
+        id: "customMediaUpload",
+        ref: F,
+        style: { display: "none" },
+        onChange: async (h) => {
+          const c = h?.target?.files[0];
+          c && await d({ key: i, file: c });
+        }
+      }
+    )
+  ] });
+}, oe = v(ie), O = {
+  "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 ? O["media-image-selected"] : ""} border-0 `, children: [
+    /* @__PURE__ */ e(
+      S,
+      {
+        className: `${O["media-image"]} p-1`,
+        top: !0,
+        width: "90%",
+        src: J(r),
+        alt: l.name
+      }
+    ),
+    /* @__PURE__ */ e(w, { className: "p-1", style: { height: 45 }, children: /* @__PURE__ */ e(M, { tag: "h6", className: O["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: `${O["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: _,
+    handleCreateFolder: D,
+    handleRenameFile: f,
+    handleDownloadMedia: F,
+    handleDeleteMediaOrFolder: x,
+    handleGoBack: N,
+    showErrorAlert: G
+  } = le(n), h = () => i.map((c) => {
+    const R = a?.key === c.key;
+    return /* @__PURE__ */ e(u, { className: "p-2", xs: "auto", children: /* @__PURE__ */ e(
+      "div",
+      {
+        onDoubleClick: () => I(c),
+        onClick: () => p(c),
+        className: O["media-wrapper"],
+        children: /* @__PURE__ */ e(fe, { media: c, isTarget: R })
+      }
+    ) }, 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: _,
+          handleCreateFolder: D,
+          handleRenameFile: f,
+          handleDownloadMedia: F,
+          handleDeleteMediaOrFolder: x,
+          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), _e = "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(_e) }),
+    /* @__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
+};