mario-core 3.0.8-admin → 3.0.8-es

package/dist/EmailTemplateList-B3YqSFaY.js

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

package/dist/EmailTemplateList-BAejgUUG.cjs

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

package/dist/FaqList-D5XugT5h.js

@@ -0,0 +1,320 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as P, useCallback as I, useEffect as v, useState as b, useRef as M } from "react";
+import { Row as R, Col as C, Input as S, Table as j } from "reactstrap";
+import { O as z, R as B, E as T, a as x, B as U, u as O, s as F, P as V, c as A, w as _, Q as H, y as G, L as J, z as K, C as W, F as X } from "./index-C95SWLrn.js";
+import { Formik as Y } from "formik";
+import * as N from "yup";
+import { useSelector as $, useDispatch as k } from "react-redux";
+const Z = N.object({
+  question: N.string().required("Question is required"),
+  answer: N.string().required("Answer is required")
+}), ee = (e, a) => {
+  const {
+    header: o,
+    confirmText: g,
+    onConfirm: s,
+    faqDetail: w,
+    onCancel: f,
+    edited: r,
+    setEdited: c,
+    setEditedTrue: i,
+    setEditedFalse: m
+  } = e;
+  return /* @__PURE__ */ t(
+    Y,
+    {
+      initialValues: w,
+      enableReinitialize: !0,
+      validationSchema: Z,
+      onSubmit: (p, d) => {
+        s(p), d.resetForm();
+      },
+      children: (p) => {
+        const {
+          values: d,
+          touched: u,
+          errors: l,
+          handleChange: y,
+          handleBlur: q,
+          handleSubmit: L
+        } = p;
+        return /* @__PURE__ */ t(
+          z,
+          {
+            header: o,
+            confirmText: g,
+            onConfirm: L,
+            onCancel: f,
+            ref: a,
+            edited: r,
+            setEdited: c,
+            setEditedFalse: m,
+            children: /* @__PURE__ */ h(R, { children: [
+              /* @__PURE__ */ h(C, { md: 12, children: [
+                /* @__PURE__ */ t(B, { text: "Question" }),
+                /* @__PURE__ */ t(
+                  S,
+                  {
+                    type: "textarea",
+                    name: "question",
+                    placeholder: "Question",
+                    value: d.question,
+                    onChange: (D) => {
+                      y(D), i();
+                    },
+                    onBlur: q("question")
+                  }
+                ),
+                u.question && l.question && /* @__PURE__ */ t(
+                  T,
+                  {
+                    text: l.question
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(C, { md: 12, className: "pt-2", children: [
+                /* @__PURE__ */ t(B, { text: "Answer" }),
+                /* @__PURE__ */ t(
+                  S,
+                  {
+                    type: "textarea",
+                    rows: 5,
+                    name: "answer",
+                    placeholder: "Answer",
+                    value: d.answer,
+                    onChange: (D) => {
+                      y(D), i();
+                    },
+                    onBlur: q("answer")
+                  }
+                ),
+                u.answer && l.answer && /* @__PURE__ */ t(
+                  T,
+                  {
+                    text: l.answer
+                  }
+                )
+              ] })
+            ] })
+          }
+        );
+      }
+    }
+  );
+}, te = P(ee), E = `${U}/api/SystemFaq`, se = (e) => x.get(E, { params: e }), ae = (e) => x.get(`${E}/${e}`), ne = (e) => x.post(E, e), re = (e) => x.put(`${E}/${e.id}`, e), oe = (e) => x.delete(`${E}/${e}`), ie = "FAQ list", le = () => {
+  const e = $((r) => r.faqs.faqList), a = $((r) => r.faqs.totalItems), { filters: o, changeFilters: g } = O(), s = k(), w = I(async () => {
+    var r, c;
+    s(F(!0));
+    try {
+      const i = await se(o), { items: m, totalItems: p } = i.data;
+      s(V({ faqList: m, totalItems: p }));
+    } catch (i) {
+      s(
+        A({
+          type: "danger",
+          message: ((c = (r = i.response) == null ? void 0 : r.data) == null ? void 0 : c.title) || i.message
+        })
+      );
+    }
+    s(F(!1));
+  }, [s, o]), f = I(
+    (r) => {
+      var c, i;
+      s(F(!0));
+      try {
+        s(
+          _({
+            isOpen: !0,
+            type: "warning",
+            message: "Do you want to remove this FAQ?",
+            onConfirm: async () => {
+              await oe(r), s(
+                A({
+                  type: "success",
+                  message: "Remove question successfully"
+                })
+              ), g({ currentPage: 1 });
+            }
+          })
+        );
+      } catch (m) {
+        s(
+          A({
+            type: "danger",
+            message: ((i = (c = m.response) == null ? void 0 : c.data) == null ? void 0 : i.title) || m.message
+          })
+        );
+      }
+      s(F(!1));
+    },
+    [o]
+  );
+  return v(() => {
+    document.title = ie;
+  }, []), v(() => {
+    w();
+  }, [o]), { faqList: e, totalItems: a, filters: o, changeFilters: g, getData: w, removeData: f };
+}, Q = {
+  question: "",
+  answer: ""
+}, ce = () => {
+  const e = k(), [a, o] = b(0), [g, s] = b(Q), [w, f] = b(!1), r = async () => {
+    localStorage.setItem(window.location.href, "true"), f(!0);
+  }, c = async () => {
+    localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href), f(!1);
+  };
+  v(() => {
+    a ? m() : s(Q);
+  }, [a]), v(() => {
+    c();
+  }, []);
+  const i = () => {
+    s(Q), o(0);
+  }, m = I(async () => {
+    var d, u;
+    e(F(!0));
+    try {
+      const l = await ae(a);
+      s(l.data);
+    } catch (l) {
+      e(
+        A({
+          type: "danger",
+          message: ((u = (d = l.response) == null ? void 0 : d.data) == null ? void 0 : u.title) || l.message
+        })
+      );
+    }
+    e(F(!1));
+  }, [a]), p = I(
+    async (d, u) => {
+      var l, y;
+      e(F(!0));
+      try {
+        await (a ? re : ne)(d), e(
+          A({
+            type: "success",
+            message: `${a ? "Update" : "Create"} FAQ successfully`
+          })
+        ), u && u(), a && o(0);
+      } catch (q) {
+        e(
+          A({
+            type: "danger",
+            message: ((y = (l = q.response) == null ? void 0 : l.data) == null ? void 0 : y.title) || q.message
+          })
+        );
+      }
+      e(F(!1));
+    },
+    [a, g]
+  );
+  return {
+    id: a,
+    setId: o,
+    faqDetail: g,
+    confirmData: p,
+    initValue: Q,
+    reset: i,
+    edited: w,
+    setEdited: f,
+    setEditedTrue: r,
+    setEditedFalse: c
+  };
+}, de = "FAQ", we = () => {
+  const e = M(null), {
+    faqList: a,
+    totalItems: o,
+    filters: g,
+    changeFilters: s,
+    getData: w,
+    removeData: f
+  } = le(), {
+    id: r,
+    setId: c,
+    faqDetail: i,
+    confirmData: m,
+    reset: p,
+    edited: d,
+    setEdited: u,
+    setEditedTrue: l,
+    setEditedFalse: y
+  } = ce(), q = (n) => {
+    c(n || 0), e && e.current && e.current.toggle();
+  }, L = (n) => {
+    m(n, () => {
+      e && e.current && e.current.toggle(), w();
+    }), y();
+  }, D = (n) => {
+    f(n);
+  };
+  return /* @__PURE__ */ h("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ t(
+      te,
+      {
+        ref: e,
+        header: r ? "Edit FAQ" : "Create FAQ",
+        confirmText: r ? "Update" : "Create",
+        onConfirm: L,
+        onCancel: () => p(),
+        faqDetail: i,
+        edited: d,
+        setEdited: u,
+        setEditedTrue: l,
+        setEditedFalse: y
+      }
+    ),
+    /* @__PURE__ */ t(H, { when: d }),
+    /* @__PURE__ */ t("h5", { className: "mb-2", children: de }),
+    /* @__PURE__ */ h(R, { className: "my-2", children: [
+      /* @__PURE__ */ t(C, { md: 4, children: /* @__PURE__ */ t(G, { text: "Create FAQ", onClick: () => q() }) }),
+      /* @__PURE__ */ h(
+        C,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            "Total of FAQs: ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(R, { className: "mb-2", children: [
+      /* @__PURE__ */ t(C, { md: 8, children: a && a.length > 0 ? /* @__PURE__ */ h(j, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ t("th", { className: "align-top", children: "Question" }),
+          /* @__PURE__ */ t("th", { className: "align-top", children: "Answer" }),
+          /* @__PURE__ */ t("th", { className: "text-center", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: a.map((n) => /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+            J,
+            {
+              label: n.question,
+              onClick: () => q(n.id)
+            }
+          ) }),
+          /* @__PURE__ */ t("td", { className: "align-middle", children: n.answer }),
+          /* @__PURE__ */ t("td", { className: "text-center align-middle", children: /* @__PURE__ */ t(
+            K,
+            {
+              onClick: () => D(n.id)
+            }
+          ) })
+        ] }, n.id)) })
+      ] }) : /* @__PURE__ */ t(W, { label: "FAQ" }) }),
+      /* @__PURE__ */ t(C, { md: 8, children: /* @__PURE__ */ t(
+        X,
+        {
+          filters: g,
+          totalRecordCount: o,
+          changePageSize: (n) => s({ pageSize: n }),
+          changePage: (n) => s({ currentPage: n })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  we as default
+};

package/dist/FaqList-DpUzQ2vq.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),h=require("reactstrap"),s=require("./index-DixwqZ17.cjs"),S=require("formik"),v=require("yup"),A=require("react-redux");function I(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,m.get?m:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const L=I(v),R=L.object({question:L.string().required("Question is required"),answer:L.string().required("Answer is required")}),Q=(t,a)=>{const{header:n,confirmText:m,onConfirm:r,faqDetail:y,onCancel:p,edited:i,setEdited:d,setEditedTrue:l,setEditedFalse:f}=t;return e.jsx(S.Formik,{initialValues:y,enableReinitialize:!0,validationSchema:R,onSubmit:(j,g)=>{r(j),g.resetForm()},children:j=>{const{values:g,touched:x,errors:c,handleChange:w,handleBlur:q,handleSubmit:D}=j;return e.jsx(s.CommonModal,{header:n,confirmText:m,onConfirm:D,onCancel:p,ref:a,edited:i,setEdited:d,setEditedFalse:f,children:e.jsxs(h.Row,{children:[e.jsxs(h.Col,{md:12,children:[e.jsx(s.RequiredLabel,{text:"Question"}),e.jsx(h.Input,{type:"textarea",name:"question",placeholder:"Question",value:g.question,onChange:C=>{w(C),l()},onBlur:q("question")}),x.question&&c.question&&e.jsx(s.ErrorHandler,{text:c.question})]}),e.jsxs(h.Col,{md:12,className:"pt-2",children:[e.jsx(s.RequiredLabel,{text:"Answer"}),e.jsx(h.Input,{type:"textarea",rows:5,name:"answer",placeholder:"Answer",value:g.answer,onChange:C=>{w(C),l()},onBlur:q("answer")}),x.answer&&c.answer&&e.jsx(s.ErrorHandler,{text:c.answer})]})]})})}})},N=u.forwardRef(Q),F=`${s.BASE_URL}/api/SystemFaq`,k=t=>s.api.get(F,{params:t}),T=t=>s.api.get(`${F}/${t}`),$=t=>s.api.post(F,t),B=t=>s.api.put(`${F}/${t.id}`,t),P=t=>s.api.delete(`${F}/${t}`),M="FAQ list",O=()=>{const t=A.useSelector(i=>i.faqs.faqList),a=A.useSelector(i=>i.faqs.totalItems),{filters:n,changeFilters:m}=s.useFilters(),r=A.useDispatch(),y=u.useCallback(async()=>{var i,d;r(s.setLoading(!0));try{const l=await k(n),{items:f,totalItems:j}=l.data;r(s.setFaqList({faqList:f,totalItems:j}))}catch(l){r(s.setAlert({type:"danger",message:((d=(i=l.response)==null?void 0:i.data)==null?void 0:d.title)||l.message}))}r(s.setLoading(!1))},[r,n]),p=u.useCallback(i=>{var d,l;r(s.setLoading(!0));try{r(s.setModal({isOpen:!0,type:"warning",message:"Do you want to remove this FAQ?",onConfirm:async()=>{await P(i),r(s.setAlert({type:"success",message:"Remove question successfully"})),m({currentPage:1})}}))}catch(f){r(s.setAlert({type:"danger",message:((l=(d=f.response)==null?void 0:d.data)==null?void 0:l.title)||f.message}))}r(s.setLoading(!1))},[n]);return u.useEffect(()=>{document.title=M},[]),u.useEffect(()=>{y()},[n]),{faqList:t,totalItems:a,filters:n,changeFilters:m,getData:y,removeData:p}},b={question:"",answer:""},_=()=>{const t=A.useDispatch(),[a,n]=u.useState(0),[m,r]=u.useState(b),[y,p]=u.useState(!1),i=async()=>{localStorage.setItem(window.location.href,"true"),p(!0)},d=async()=>{localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href),p(!1)};u.useEffect(()=>{a?f():r(b)},[a]),u.useEffect(()=>{d()},[]);const l=()=>{r(b),n(0)},f=u.useCallback(async()=>{var g,x;t(s.setLoading(!0));try{const c=await T(a);r(c.data)}catch(c){t(s.setAlert({type:"danger",message:((x=(g=c.response)==null?void 0:g.data)==null?void 0:x.title)||c.message}))}t(s.setLoading(!1))},[a]),j=u.useCallback(async(g,x)=>{var c,w;t(s.setLoading(!0));try{await(a?B:$)(g),t(s.setAlert({type:"success",message:`${a?"Update":"Create"} FAQ successfully`})),x&&x(),a&&n(0)}catch(q){t(s.setAlert({type:"danger",message:((w=(c=q.response)==null?void 0:c.data)==null?void 0:w.title)||q.message}))}t(s.setLoading(!1))},[a,m]);return{id:a,setId:n,faqDetail:m,confirmData:j,initValue:b,reset:l,edited:y,setEdited:p,setEditedTrue:i,setEditedFalse:d}},z="FAQ",U=()=>{const t=u.useRef(null),{faqList:a,totalItems:n,filters:m,changeFilters:r,getData:y,removeData:p}=O(),{id:i,setId:d,faqDetail:l,confirmData:f,reset:j,edited:g,setEdited:x,setEditedTrue:c,setEditedFalse:w}=_(),q=o=>{d(o||0),t&&t.current&&t.current.toggle()},D=o=>{f(o,()=>{t&&t.current&&t.current.toggle(),y()}),w()},C=o=>{p(o)},E=()=>j();return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx(N,{ref:t,header:i?"Edit FAQ":"Create FAQ",confirmText:i?"Update":"Create",onConfirm:D,onCancel:E,faqDetail:l,edited:g,setEdited:x,setEditedTrue:c,setEditedFalse:w}),e.jsx(s.QuitPrompt,{when:g}),e.jsx("h5",{className:"mb-2",children:z}),e.jsxs(h.Row,{className:"my-2",children:[e.jsx(h.Col,{md:4,children:e.jsx(s.AddButton,{text:"Create FAQ",onClick:()=>q()})}),e.jsxs(h.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:["Total of FAQs: ",n]})]}),e.jsxs(h.Row,{className:"mb-2",children:[e.jsx(h.Col,{md:8,children:a&&a.length>0?e.jsxs(h.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:"Question"}),e.jsx("th",{className:"align-top",children:"Answer"}),e.jsx("th",{className:"text-center",children:"Action"})]})}),e.jsx("tbody",{children:a.map(o=>e.jsxs("tr",{children:[e.jsx("td",{className:"align-middle",children:e.jsx(s.LinkEditButton,{label:o.question,onClick:()=>q(o.id)})}),e.jsx("td",{className:"align-middle",children:o.answer}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(s.DeleteButtonIcon,{onClick:()=>C(o.id)})})]},o.id))})]}):e.jsx(s.EmptyDataAlert,{label:"FAQ"})}),e.jsx(h.Col,{md:8,children:e.jsx(s.CustomPagination,{filters:m,totalRecordCount:n,changePageSize:o=>r({pageSize:o}),changePage:o=>r({currentPage:o})})})]})]})};exports.default=U;

package/dist/GalleryList-B5QA3Rol.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("reactstrap"),t=require("react-redux"),r=require("./index-DixwqZ17.cjs"),a=require("react"),d=require("react-i18next"),x=({targetMedia:s})=>{var o;const{t:i}=d.useTranslation();if(!s||s!=null&&s.isFolder)return e.jsx("div",{});const c=r.getTypeByExtension(s.extension),l=r.getFileUrl(s.key||"");return e.jsxs(n.Card,{className:"position-sticky",children:[e.jsx(n.CardHeader,{children:(s==null?void 0:s.name)||"Media name"}),c===r.MediaType.IMAGE&&e.jsx(n.CardImg,{className:"p-2",src:l,loading:"lazy"}),c===r.MediaType.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:l})})}),c===r.MediaType.AUDIO&&e.jsx("div",{className:"p-2",children:e.jsx("audio",{controls:!0,className:"w-100",children:e.jsx("source",{src:l})})}),e.jsxs(n.CardBody,{children:[e.jsx(n.CardTitle,{tag:"h6",children:i("general_info")}),e.jsxs(n.CardText,{children:[i("file_extension"),": ",(o=s.extension)==null?void 0:o.toUpperCase()]})]})]})},u=a.memo(x),h="media_gallery",j=({isLibrary:s})=>{const{t:i}=d.useTranslation(),c=t.useSelector(l=>l.gallery.targetMedia);return e.jsxs("div",{className:"fadeIn animated",children:[!s&&e.jsx("h5",{className:"mb-2",children:i(h)}),e.jsxs(n.Row,{className:"mb-2",children:[e.jsx(n.Col,{md:8,children:e.jsx(r.MediaList,{height:"100vh",isLibrary:s})}),e.jsx(n.Col,{md:4,children:e.jsx(u,{targetMedia:c},c==null?void 0:c.key)})]})]})};exports.default=j;

package/dist/GalleryList-CTo33BcT.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Card as a, CardHeader as h, CardImg as t, CardBody as p, CardTitle as u, CardText as f, Row as y, Col as d } from "reactstrap";
+import { useSelector as x } from "react-redux";
+import { a7 as C, k as N, a8 as c, a9 as v } from "./index-C95SWLrn.js";
+import k from "react";
+import { useTranslation as m } from "react-i18next";
+const I = ({ targetMedia: s }) => {
+  var i;
+  const { t: r } = m();
+  if (!s || s != null && s.isFolder) return /* @__PURE__ */ e("div", {});
+  const l = C(s.extension), n = N(s.key || "");
+  return /* @__PURE__ */ o(a, { className: "position-sticky", children: [
+    /* @__PURE__ */ e(h, { children: (s == null ? void 0 : s.name) || "Media name" }),
+    l === c.IMAGE && /* @__PURE__ */ e(t, { className: "p-2", src: n, loading: "lazy" }),
+    l === c.VIDEO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+      "video",
+      {
+        id: s.key,
+        width: "100%",
+        height: "100%",
+        controls: !0,
+        children: /* @__PURE__ */ e("source", { src: n })
+      }
+    ) }),
+    l === c.AUDIO && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("audio", { controls: !0, className: "w-100", children: /* @__PURE__ */ e("source", { src: n }) }) }),
+    /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ e(u, { tag: "h6", children: r("general_info") }),
+      /* @__PURE__ */ o(f, { children: [
+        r("file_extension"),
+        ": ",
+        (i = s.extension) == null ? void 0 : i.toUpperCase()
+      ] })
+    ] })
+  ] });
+}, T = k.memo(I), _ = "media_gallery", B = ({ isLibrary: s }) => {
+  const { t: r } = m(), l = x((n) => n.gallery.targetMedia);
+  return /* @__PURE__ */ o("div", { className: "fadeIn animated", children: [
+    !s && /* @__PURE__ */ e("h5", { className: "mb-2", children: r(_) }),
+    /* @__PURE__ */ o(y, { className: "mb-2", children: [
+      /* @__PURE__ */ e(d, { md: 8, children: /* @__PURE__ */ e(v, { height: "100vh", isLibrary: s }) }),
+      /* @__PURE__ */ e(d, { md: 4, children: /* @__PURE__ */ e(
+        T,
+        {
+          targetMedia: l
+        },
+        l == null ? void 0 : l.key
+      ) })
+    ] })
+  ] });
+};
+export {
+  B as default
+};