mario-core 2.0.107-release → 2.0.108-release

package/dist/EmailTemplateList-DBKq5mG7.mjs

@@ -0,0 +1,170 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Row as f, Col as c, Table as _ } from "reactstrap";
+import { J as D, b as g, K as I, L as A, c as y, O as R, P as w, Q as x, R as P, S as k, T as M, U as j } from "./index-CO_pMkbk.mjs";
+import { format as S } from "date-fns";
+import { useCallback as T, useEffect as N } from "react";
+import { useSelector as L, useDispatch as U } from "react-redux";
+import { useNavigate as z } from "react-router-dom";
+import { g as B, a as F, r as $ } from "./mailCategoryService-BFfwPcnM.mjs";
+import { useTranslation as E } from "react-i18next";
+const O = "/admin/email-template", J = "/admin/create-email-template", K = "Email template list", Q = () => {
+  const n = z(), { t: o } = E(), u = L(
+    (s) => s.emailTemplate.emailTemplateList
+  ), d = L(
+    (s) => s.emailTemplate.totalItems
+  ), r = L(
+    (s) => s.mailCategory.mailCategoryList
+  ), { filters: i, changeFilters: h } = D(), t = U(), p = T(async () => {
+    t(g(!0));
+    try {
+      const s = await B(i), { items: m, totalItems: C } = s.data;
+      if (t(
+        I({ emailTemplateList: m, totalItems: C })
+      ), r && r.length == 0) {
+        const v = await F();
+        t(A(v.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: o("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]
+  ), b = T((s) => {
+    const m = s ? `${O}/${s}` : J;
+    n(m);
+  }, []);
+  return N(() => {
+    document.title = K;
+  }, []), N(() => {
+    p();
+  }, [i]), {
+    emailTemplateList: u,
+    totalItems: d,
+    filters: i,
+    changeFilters: h,
+    getData: p,
+    removeData: a,
+    goToDetail: b,
+    mailCategoryList: r
+  };
+}, q = "email_template", ae = () => {
+  const {
+    emailTemplateList: n,
+    totalItems: o,
+    filters: u,
+    changeFilters: d,
+    removeData: r,
+    goToDetail: i,
+    mailCategoryList: h
+  } = Q(), { t } = E(), 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(c, { md: 4, children: /* @__PURE__ */ e(
+        w,
+        {
+          text: t("create_template"),
+          onClick: () => i()
+        }
+      ) }),
+      /* @__PURE__ */ l(
+        c,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            t("total_of_templates"),
+            ": ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(f, { className: "mb-2", children: [
+      /* @__PURE__ */ l(c, { 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: "align-top", children: t("status") }),
+            /* @__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: S(
+              new Date(a.createdAt),
+              P
+            ) }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: a.isDisabled ? t("disabled") : t("enabled") }),
+            /* @__PURE__ */ e("td", { className: "text-center align-middle", children: /* @__PURE__ */ e(
+              k,
+              {
+                onClick: () => p(a.id)
+              }
+            ) })
+          ] }, a.id)) })
+        ] }) : /* @__PURE__ */ e(M, { label: t("template") }),
+        /* @__PURE__ */ e(f, { className: "mt-2", children: /* @__PURE__ */ e(c, { md: 12, children: /* @__PURE__ */ e(
+          j,
+          {
+            filters: u,
+            totalRecordCount: o,
+            changePageSize: (a) => d({ pageSize: a }),
+            changePage: (a) => d({ currentPage: a })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ e(c, { 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-DEmHB3bi.mjs

@@ -0,0 +1,170 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Row as f, Col as c, Table as _ } from "reactstrap";
+import { J as D, b as g, K as I, L as A, c as y, O as R, P as w, Q as x, R as P, S as k, T as M, U as j } from "./index-DaEyv-Te.mjs";
+import { format as S } from "date-fns";
+import { useCallback as T, useEffect as N } from "react";
+import { useSelector as L, useDispatch as U } from "react-redux";
+import { useNavigate as z } from "react-router-dom";
+import { g as B, a as F, r as $ } from "./mailCategoryService-RFcp_8SH.mjs";
+import { useTranslation as E } from "react-i18next";
+const O = "/admin/email-template", J = "/admin/create-email-template", K = "Email template list", Q = () => {
+  const n = z(), { t: o } = E(), u = L(
+    (s) => s.emailTemplate.emailTemplateList
+  ), d = L(
+    (s) => s.emailTemplate.totalItems
+  ), r = L(
+    (s) => s.mailCategory.mailCategoryList
+  ), { filters: i, changeFilters: h } = D(), t = U(), p = T(async () => {
+    t(g(!0));
+    try {
+      const s = await B(i), { items: m, totalItems: C } = s.data;
+      if (t(
+        I({ emailTemplateList: m, totalItems: C })
+      ), r && r.length == 0) {
+        const v = await F();
+        t(A(v.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: o("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]
+  ), b = T((s) => {
+    const m = s ? `${O}/${s}` : J;
+    n(m);
+  }, []);
+  return N(() => {
+    document.title = K;
+  }, []), N(() => {
+    p();
+  }, [i]), {
+    emailTemplateList: u,
+    totalItems: d,
+    filters: i,
+    changeFilters: h,
+    getData: p,
+    removeData: a,
+    goToDetail: b,
+    mailCategoryList: r
+  };
+}, q = "email_template", ae = () => {
+  const {
+    emailTemplateList: n,
+    totalItems: o,
+    filters: u,
+    changeFilters: d,
+    removeData: r,
+    goToDetail: i,
+    mailCategoryList: h
+  } = Q(), { t } = E(), 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(c, { md: 4, children: /* @__PURE__ */ e(
+        w,
+        {
+          text: t("create_template"),
+          onClick: () => i()
+        }
+      ) }),
+      /* @__PURE__ */ l(
+        c,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            t("total_of_templates"),
+            ": ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(f, { className: "mb-2", children: [
+      /* @__PURE__ */ l(c, { 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: "align-top", children: t("status") }),
+            /* @__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: S(
+              new Date(a.createdAt),
+              P
+            ) }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: a.isDisabled ? t("disabled") : t("enabled") }),
+            /* @__PURE__ */ e("td", { className: "text-center align-middle", children: /* @__PURE__ */ e(
+              k,
+              {
+                onClick: () => p(a.id)
+              }
+            ) })
+          ] }, a.id)) })
+        ] }) : /* @__PURE__ */ e(M, { label: t("template") }),
+        /* @__PURE__ */ e(f, { className: "mt-2", children: /* @__PURE__ */ e(c, { md: 12, children: /* @__PURE__ */ e(
+          j,
+          {
+            filters: u,
+            totalRecordCount: o,
+            changePageSize: (a) => d({ pageSize: a }),
+            changePage: (a) => d({ currentPage: a })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ e(c, { 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-uuxfqcEO.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-D0HO9-Jy.js"),_=require("date-fns"),m=require("react"),x=require("react-redux"),b=require("react-router-dom"),j=require("./mailCategoryService-D00fI25v.js"),y=require("react-i18next"),N="/admin/email-template",f="/admin/create-email-template",E="Email template list",v=()=>{const c=b.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?`${N}/${l}`:f;c(r)},[]);return m.useEffect(()=>{document.title=E},[]),m.useEffect(()=>{g()},[n]),{emailTemplateList:p,totalItems:u,filters:n,changeFilters:h,getData:g,removeData:s,goToDetail:T,mailCategoryList:o}},R="email_template",D=()=>{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:"align-top",children:t("status")}),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:"align-middle",children:s.isDisabled?t("disabled"):t("enabled")}),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=D;

package/dist/GalleryList-Bgwjxzce.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-txMWO23Z.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;