@argusoft/medplat-core 1.0.31 → 1.0.33

package/dist/FaqList-CeDEuhU_.js

@@ -0,0 +1,237 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useState as o, useCallback as P, useEffect as F } from "react";
+import { execute as S } from "@/common/services/GlobalApis";
+import { getAssignedFeatures as Y } from "@/utils/feature";
+import m from "@/common/services/util/GeneralUtil";
+import { Box as l, Card as I, Typography as K, Tabs as X, Tab as _, TextField as Z, Button as R } from "@mui/material";
+import { useTranslateProvider as ee } from "@/common/languageTranslator/TranslationContext";
+import te from "@/views/custom-components/CustomCheckBox";
+import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
+import { faPen as ae, faBars as se, faUserDoctor as ne, faHeartPulse as ie } from "@fortawesome/free-solid-svg-icons";
+import { useNavigate as oe } from "react-router";
+import { useForm as ce, Controller as le } from "react-hook-form";
+import re from "@/views/custom-components/CustomConfirmationModal";
+import { showToast as f } from "@/common/toaster/toaster";
+import me from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import de from "@/hooks/usePatientPortalAvailable";
+import { F as ue } from "./FaqSkeletons-hLCEcRr-.js";
+function Fe() {
+  const h = oe(), { translate: c } = ee(), Q = de(), [r, B] = o("HCW"), [s, M] = o(null), [v, U] = o([]), [y, j] = o([]), [k, E] = o([]), [p, q] = o(!1), [H, g] = o(0), [n, W] = o({}), { control: A, watch: $, reset: z } = ce({
+    defaultValues: {
+      searchTerm: "",
+      statuscheckbox: !1
+    },
+    mode: "onChange"
+  }), [b, N] = $(["searchTerm", "statuscheckbox"]), T = (e, a) => e ? String(e).toLowerCase().includes(a.toLowerCase()) : !1, w = P(() => {
+    const e = [...v].filter((i) => T(i.title, b)).map((i, d) => ({ ...i, index: d + 1 })), a = N ? y.filter((i) => T(i.title, b)).map((i) => ({ ...i, index: "" })) : [];
+    E([...e, ...a]);
+  }, [v, y, b, N]);
+  F(() => {
+    w();
+  }, [w]);
+  const L = async (e) => {
+    try {
+      const {
+        data: { result: a }
+      } = await S({ code: "get_faq_question_list", parameters: { audience: e } }), i = [], d = [];
+      a.forEach((x) => {
+        x.is_active ? i.push(x) : d.push(x);
+      }), U(i), j(d);
+    } catch (a) {
+      f({
+        type: "error",
+        message: (a == null ? void 0 : a.message) || "Unable to fetch questions"
+      });
+    }
+  }, D = async () => {
+    try {
+      const { data: e } = await Y("techo.manage.faqs"), a = JSON.parse(e);
+      a && M(a);
+    } catch (e) {
+      f({
+        type: "error",
+        message: (e == null ? void 0 : e.message) || "Unable to fetch permissions"
+      });
+    }
+  }, J = async () => {
+    try {
+      const e = {
+        code: "mytecho_update_faq_status",
+        parameters: {
+          status: !(n != null && n.is_active),
+          id: n == null ? void 0 : n.id
+        }
+      };
+      await S(e), f({
+        type: "success",
+        message: `${n == null ? void 0 : n.title} status changed successfully.`
+      }), g(0), L(r);
+    } catch (e) {
+      f({
+        type: "error",
+        message: (e == null ? void 0 : e.message) || "Unable to change status"
+      });
+    }
+  }, O = P(
+    (e) => [
+      m.hasCheckRights(s == null ? void 0 : s["update.manage.managefaqUpdateQuestion"]) && {
+        icon: /* @__PURE__ */ t(u, { icon: ae }),
+        onClick: () => h(`/ui/medplat/manage/faq/${e == null ? void 0 : e.id}`)
+      },
+      m.hasCheckRights(s == null ? void 0 : s["update.manage.managefaqUpdateQuestion"]) && {
+        icon: /* @__PURE__ */ t(u, { icon: se }),
+        menuItems: [
+          {
+            label: c(`Mark as ${e != null && e.is_active ? "Inactive" : "Active"}`),
+            onClick: () => {
+              g(1), W(e);
+            }
+          }
+        ]
+      }
+    ].filter(Boolean),
+    [h, c, s]
+  );
+  F(() => {
+    (async () => {
+      try {
+        q(!0), await L(r), await D();
+      } catch (a) {
+        console.error(a);
+      } finally {
+        q(!1);
+      }
+    })();
+  }, [r]);
+  const V = (e, a) => {
+    z(), B(a);
+  }, G = [
+    { field: "Sr. No.", label: "S.N.", align: "left" },
+    { field: "title", label: "Question", align: "left" },
+    { field: "Actions", label: "Actions", align: "left" }
+  ];
+  return !p && s !== null && !m.hasCheckRights(s == null ? void 0 : s["view.manage.manageFaqExecuteQueryCode"]) ? /* @__PURE__ */ t(l, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ t(I, { className: "h-80 w-150 flex justify-center items-center", children: /* @__PURE__ */ t(K, { variant: "h5", className: "text-customBlue", children: "You dont have permission to view Manage FAQ" }) }) }) : /* @__PURE__ */ C(I, { className: "mt-2 p-4", "data-testid": "faq-card", children: [
+    /* @__PURE__ */ t(
+      re,
+      {
+        open: H === 1,
+        handleClose: () => g(0),
+        handleClick: J,
+        title: c("Confirmation"),
+        description: `Are you sure you want to change the status of ${n == null ? void 0 : n.title}?`,
+        dataTestId: "confirmation-modal"
+      }
+    ),
+    Q && /* @__PURE__ */ t(l, { sx: { borderBottom: 1, borderColor: "divider", mb: 2 }, children: /* @__PURE__ */ C(X, { value: r, onChange: V, "data-testid": "faq-audience-tabs", children: [
+      /* @__PURE__ */ t(
+        _,
+        {
+          value: "HCW",
+          icon: /* @__PURE__ */ t(u, { icon: ne }),
+          iconPosition: "start",
+          label: c("Health Worker Portal"),
+          className: "font-semibold normal-case min-h-0",
+          "data-testid": "faq-audience-tab-hcw"
+        }
+      ),
+      /* @__PURE__ */ t(
+        _,
+        {
+          value: "PATIENT",
+          icon: /* @__PURE__ */ t(u, { icon: ie }),
+          iconPosition: "start",
+          label: c("Patient Portal"),
+          className: "font-semibold normal-case min-h-0",
+          "data-testid": "faq-audience-tab-patient"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(ue, { loading: p, children: /* @__PURE__ */ t(
+      l,
+      {
+        className: "flex flex-col md:flex-row justify-end items-center w-full mb-4",
+        "data-testid": "faq-header",
+        children: /* @__PURE__ */ C(
+          l,
+          {
+            className: "flex flex-col sm:flex-row items-center gap-4 w-full md:w-auto",
+            "data-testid": "faq-controls",
+            children: [
+              /* @__PURE__ */ t(
+                le,
+                {
+                  name: "searchTerm",
+                  control: A,
+                  render: ({ field: e }) => /* @__PURE__ */ t(
+                    Z,
+                    {
+                      ...e,
+                      fullWidth: !0,
+                      placeholder: "Search...",
+                      size: "small",
+                      slotProps: {
+                        input: { className: "custom-input-root" }
+                      },
+                      "data-testid": "faq-search",
+                      sx: {
+                        minWidth: { sm: "240px", md: "280px" },
+                        "& .MuiInputBase-root": {
+                          backgroundColor: (a) => a.palette.background.paper
+                        }
+                      }
+                    }
+                  )
+                }
+              ),
+              m.hasCheckRights(s == null ? void 0 : s["create.manage.managefaqAddQuestion"]) && /* @__PURE__ */ t(
+                l,
+                {
+                  "data-testid": "faq-show-inactive-checkbox",
+                  className: "flex items-center justify-center whitespace-nowrap px-1",
+                  children: /* @__PURE__ */ t(
+                    te,
+                    {
+                      name: "statuscheckbox",
+                      control: A,
+                      label: "Show Inactive"
+                    }
+                  )
+                }
+              ),
+              m.hasCheckRights(s == null ? void 0 : s["create.manage.managefaqAddQuestion"]) && /* @__PURE__ */ t(l, { className: "w-full sm:w-auto", "data-testid": "add-button-wrapper", children: /* @__PURE__ */ t(
+                R,
+                {
+                  variant: "contained",
+                  size: "small",
+                  className: "w-full sm:w-auto px-4",
+                  onClick: () => h(`/ui/medplat/manage/faq?audience=${r}`),
+                  "data-testid": "faq-add-button",
+                  sx: { height: "36px", textTransform: "none" },
+                  children: c("Add")
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      me,
+      {
+        columns: G,
+        isLoading: k ? p : !0,
+        tableData: k,
+        actions: O,
+        paginationConfig: { pagination: !1 },
+        styleConfig: {
+          tableStyle: { maxHeight: 50 }
+        },
+        dataTestId: "faq-table"
+      }
+    )
+  ] });
+}
+export {
+  Fe as default
+};
+//# sourceMappingURL=FaqList-CeDEuhU_.js.map

package/dist/FaqList-CeDEuhU_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaqList-CeDEuhU_.js","sources":["../src/views/Faq/FaqList.jsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { execute } from \"@/common/services/GlobalApis\";\nimport { getAssignedFeatures } from \"@/utils/feature\";\nimport GeneralUtil from \"@/common/services/util/GeneralUtil\";\nimport { Button, Card, Box, Tab, Tabs, TextField, Typography } from \"@mui/material\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport CustomCheckBox from \"@/views/custom-components/CustomCheckBox\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faBars, faHeartPulse, faPen, faUserDoctor } from \"@fortawesome/free-solid-svg-icons\";\nimport { useNavigate } from \"react-router\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport CustomConfirmationModal from \"@/views/custom-components/CustomConfirmationModal\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport CustomizedTable from \"@/views/custom-components/CustomizedTable/CustomizedTableV2\";\nimport usePatientPortalAvailable from \"@/hooks/usePatientPortalAvailable\";\nimport { FaqListSkeleton } from \"./Skeletons/FaqSkeletons\";\n\nfunction FaqList() {\n  const navigate = useNavigate();\n  const { translate } = useTranslateProvider();\n  const isPatientPortalAvailable = usePatientPortalAvailable();\n\n  const [audience, setAudience] = useState(\"HCW\");\n\n  const [rights, setRights] = useState(null);\n  const [faqQuestionList, setFaqQuestionList] = useState([]);\n  const [faqLanguageAsInactive, setFaqLanguageAsInactive] = useState([]);\n  const [filteredElements, setFilteredElements] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  const [openModal, setOpenModal] = useState(0);\n  const [row, setRow] = useState({});\n\n  const { control, watch, reset } = useForm({\n    defaultValues: {\n      searchTerm: \"\",\n      statuscheckbox: false,\n    },\n    mode: \"onChange\",\n  });\n\n  const [searchTerm, statusCheckbox] = watch([\"searchTerm\", \"statuscheckbox\"]);\n\n  const safeSearch = (value, term) => {\n    if (!value) return false;\n    return String(value).toLowerCase().includes(term.toLowerCase());\n  };\n\n  const applyFilters = useCallback(() => {\n    const activeList = [...faqQuestionList]\n      .filter((item) => safeSearch(item.title, searchTerm))\n      .map((item, index) => ({ ...item, index: index + 1 }));\n\n    const inactiveList = statusCheckbox\n      ? faqLanguageAsInactive\n        .filter((item) => safeSearch(item.title, searchTerm))\n        .map((item) => ({ ...item, index: \"\" }))\n      : [];\n\n    setFilteredElements([...activeList, ...inactiveList]);\n  }, [faqQuestionList, faqLanguageAsInactive, searchTerm, statusCheckbox]);\n\n  useEffect(() => {\n    applyFilters();\n  }, [applyFilters]);\n\n  const initList = async (forAudience) => {\n    try {\n      const {\n        data: { result: questionList },\n      } = await execute({ code: \"get_faq_question_list\", parameters: { audience: forAudience } });\n\n      const active = [],\n        inactive = [];\n\n      questionList.forEach((q) => {\n        if (q.is_active) active.push(q);\n        else inactive.push(q);\n      });\n\n      setFaqQuestionList(active);\n      setFaqLanguageAsInactive(inactive);\n    } catch (error) {\n      showToast({\n        type: \"error\",\n        message: error?.message || \"Unable to fetch questions\",\n      });\n    }\n  };\n\n  const getRights = async () => {\n    try {\n      const { data: featureJson } = await getAssignedFeatures(\"techo.manage.faqs\");\n      const faqView = JSON.parse(featureJson);\n      if (faqView) {\n        setRights(faqView);\n      }\n    } catch (error) {\n      showToast({\n        type: \"error\",\n        message: error?.message || \"Unable to fetch permissions\",\n      });\n    }\n  };\n\n  const handleClickStatusModal = async () => {\n    try {\n      const dto = {\n        code: \"mytecho_update_faq_status\",\n        parameters: {\n          status: !row?.is_active,\n          id: row?.id,\n        },\n      };\n      await execute(dto);\n      showToast({\n        type: \"success\",\n        message: `${row?.title} status changed successfully.`,\n      });\n      setOpenModal(0);\n      initList(audience);\n    } catch (error) {\n      showToast({\n        type: \"error\",\n        message: error?.message || \"Unable to change status\",\n      });\n    }\n  };\n\n  const actions = useCallback(\n    (faqRow) => [\n      GeneralUtil.hasCheckRights(rights?.['update.manage.managefaqUpdateQuestion']) && {\n        icon: <FontAwesomeIcon icon={faPen} />,\n        onClick: () => navigate(`/ui/medplat/manage/faq/${faqRow?.id}`),\n      },\n      GeneralUtil.hasCheckRights(rights?.['update.manage.managefaqUpdateQuestion']) && {\n        icon: <FontAwesomeIcon icon={faBars} />,\n        menuItems: [\n          {\n            label: translate(`Mark as ${faqRow?.is_active ? \"Inactive\" : \"Active\"}`),\n            onClick: () => {\n              setOpenModal(1);\n              setRow(faqRow);\n            },\n          },\n        ],\n      },\n    ].filter(Boolean),\n    [navigate, translate, rights]\n  );\n\n  useEffect(() => {\n    const init = async () => {\n      try {\n        setLoading(true);\n        await initList(audience);\n        await getRights();\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n    init();\n  }, [audience]);\n\n  const handleAudienceChange = (_event, next) => {\n    reset();\n    setAudience(next);\n  };\n\n  const columns = [\n    { field: \"Sr. No.\", label: \"S.N.\", align: \"left\" },\n    { field: \"title\", label: \"Question\", align: \"left\" },\n    { field: \"Actions\", label: \"Actions\", align: \"left\" },\n  ];\n\n  return !loading && rights !== null && !GeneralUtil.hasCheckRights(rights?.[\"view.manage.manageFaqExecuteQueryCode\"]) ? (\n    <Box className=\"flex justify-center items-center w-full h-[80vh]\">\n      <Card className=\"h-80 w-150 flex justify-center items-center\">\n        <Typography variant=\"h5\" className=\"text-customBlue\">\n          You dont have permission to view Manage FAQ\n        </Typography>\n      </Card>\n    </Box>\n  ) : (\n    <Card className=\"mt-2 p-4\" data-testid=\"faq-card\">\n      <CustomConfirmationModal\n        open={openModal === 1}\n        handleClose={() => setOpenModal(0)}\n        handleClick={handleClickStatusModal}\n        title={translate(\"Confirmation\")}\n        description={`Are you sure you want to change the status of ${row?.title}?`}\n        dataTestId=\"confirmation-modal\"\n      />\n\n      {isPatientPortalAvailable && (\n        <Box sx={{ borderBottom: 1, borderColor: \"divider\", mb: 2 }}>\n          <Tabs value={audience} onChange={handleAudienceChange} data-testid=\"faq-audience-tabs\">\n            <Tab\n              value=\"HCW\"\n              icon={<FontAwesomeIcon icon={faUserDoctor} />}\n              iconPosition=\"start\"\n              label={translate(\"Health Worker Portal\")}\n              className=\"font-semibold normal-case min-h-0\"\n              data-testid=\"faq-audience-tab-hcw\"\n            />\n            <Tab\n              value=\"PATIENT\"\n              icon={<FontAwesomeIcon icon={faHeartPulse} />}\n              iconPosition=\"start\"\n              label={translate(\"Patient Portal\")}\n              className=\"font-semibold normal-case min-h-0\"\n              data-testid=\"faq-audience-tab-patient\"\n            />\n          </Tabs>\n        </Box>\n      )}\n\n      <FaqListSkeleton loading={loading}>\n        <Box\n          className=\"flex flex-col md:flex-row justify-end items-center w-full mb-4\"\n          data-testid=\"faq-header\"\n        >\n          <Box\n            className=\"flex flex-col sm:flex-row items-center gap-4 w-full md:w-auto\"\n            data-testid=\"faq-controls\"\n          >\n            <Controller\n              name=\"searchTerm\"\n              control={control}\n              render={({ field }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  placeholder=\"Search...\"\n                  size=\"small\"\n                  slotProps={{\n                    input: { className: \"custom-input-root\" },\n                  }}\n                  data-testid=\"faq-search\"\n                  sx={{\n                    minWidth: { sm: \"240px\", md: \"280px\" },\n                    \"& .MuiInputBase-root\": {\n                      backgroundColor: (theme) => theme.palette.background.paper,\n                    },\n                  }}\n                />\n              )}\n            />\n\n            {GeneralUtil.hasCheckRights(rights?.['create.manage.managefaqAddQuestion']) && (\n              <Box\n                data-testid=\"faq-show-inactive-checkbox\"\n                className=\"flex items-center justify-center whitespace-nowrap px-1\"\n              >\n                <CustomCheckBox\n                  name=\"statuscheckbox\"\n                  control={control}\n                  label=\"Show Inactive\"\n                />\n              </Box>\n            )}\n\n            {GeneralUtil.hasCheckRights(rights?.['create.manage.managefaqAddQuestion']) && (\n              <Box className=\"w-full sm:w-auto\" data-testid=\"add-button-wrapper\">\n                <Button\n                  variant=\"contained\"\n                  size=\"small\"\n                  className=\"w-full sm:w-auto px-4\"\n                  onClick={() => navigate(`/ui/medplat/manage/faq?audience=${audience}`)}\n                  data-testid=\"faq-add-button\"\n                  sx={{ height: \"36px\", textTransform: \"none\" }}\n                >\n                  {translate(\"Add\")}\n                </Button>\n              </Box>\n            )}\n          </Box>\n        </Box>\n      </FaqListSkeleton>\n\n      <CustomizedTable\n        columns={columns}\n        isLoading={filteredElements ? loading : true}\n        tableData={filteredElements}\n        actions={actions}\n        paginationConfig={{ pagination: false }}\n        styleConfig={{\n          tableStyle: { maxHeight: 50 },\n        }}\n        dataTestId=\"faq-table\"\n      />\n    </Card>\n  );\n}\n\nexport default FaqList;\n"],"names":["FaqList","navigate","useNavigate","translate","useTranslateProvider","isPatientPortalAvailable","usePatientPortalAvailable","audience","setAudience","useState","rights","setRights","faqQuestionList","setFaqQuestionList","faqLanguageAsInactive","setFaqLanguageAsInactive","filteredElements","setFilteredElements","loading","setLoading","openModal","setOpenModal","row","setRow","control","watch","reset","useForm","searchTerm","statusCheckbox","safeSearch","value","term","applyFilters","useCallback","activeList","item","index","inactiveList","useEffect","initList","forAudience","questionList","execute","active","inactive","q","error","showToast","getRights","featureJson","getAssignedFeatures","faqView","handleClickStatusModal","dto","actions","faqRow","GeneralUtil","jsx","FontAwesomeIcon","faPen","faBars","handleAudienceChange","_event","next","columns","Box","Card","Typography","jsxs","CustomConfirmationModal","Tabs","Tab","faUserDoctor","faHeartPulse","FaqListSkeleton","Controller","field","TextField","theme","CustomCheckBox","Button","CustomizedTable"],"mappings":"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"}

package/dist/FaqSkeletons-hLCEcRr-.js

@@ -0,0 +1,19 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import r from "prop-types";
+import { useSelector as o } from "react-redux";
+import { getUseSkeleton as t } from "@/store/reducers/SkeletonReducer";
+const m = ({ loading: a, children: l }) => o(t) && a ? /* @__PURE__ */ s("div", { className: "mt-2 p-2 flex space-x-2", children: [
+  /* @__PURE__ */ e("div", { className: "animate-pulse bg-gray-300 w-250 h-10 rounded-lg mb-4" }),
+  /* @__PURE__ */ s("div", { className: "flex flex-row w-full space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "animate-pulse bg-gray-200 w-full h-10 rounded-lg mb-4" }),
+    /* @__PURE__ */ e("div", { className: "animate-pulse bg-gray-200 w-full h-10 rounded-lg mb-4" })
+  ] })
+] }) : l;
+m.propTypes = {
+  loading: r.any,
+  children: r.any
+};
+export {
+  m as F
+};
+//# sourceMappingURL=FaqSkeletons-hLCEcRr-.js.map

package/dist/FaqSkeletons-hLCEcRr-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaqSkeletons-hLCEcRr-.js","sources":["../src/views/Faq/Skeletons/FaqSkeletons.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { useSelector } from \"react-redux\";\nimport { getUseSkeleton } from \"@/store/reducers/SkeletonReducer\";\n\nexport const FaqListSkeleton = ({ loading, children }) => {\n  const useSkeleton = useSelector(getUseSkeleton);\n  if (!useSkeleton) {\n    return children;\n  }\n  if (loading) {\n    return (\n      <div className=\"mt-2 p-2 flex space-x-2\">\n        <div className=\"animate-pulse bg-gray-300 w-250 h-10 rounded-lg mb-4\" />\n        <div className=\"flex flex-row w-full space-x-2\">\n          <div className=\"animate-pulse bg-gray-200 w-full h-10 rounded-lg mb-4\" />\n          <div className=\"animate-pulse bg-gray-200 w-full h-10 rounded-lg mb-4\" />\n        </div>\n      </div>\n    );\n  }\n\n  return children;\n};\n\nFaqListSkeleton.propTypes = {\n  loading: PropTypes.any,\n  children: PropTypes.any,\n};\n"],"names":["FaqListSkeleton","loading","children","useSelector","getUseSkeleton","jsxs","jsx","PropTypes"],"mappings":";;;;AAIO,MAAMA,IAAkB,CAAC,EAAE,SAAAC,GAAS,UAAAC,QACrBC,EAAYC,CAAc,KAI1CH,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uDAAA,CAAuD;AAAA,EACtE,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,IACvE,gBAAAA,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAAA,EAAA,CACzE;AAAA,GACF,IAVKJ;AAiBXF,EAAgB,YAAY;AAAA,EAC1B,SAASO,EAAU;AAAA,EACnB,UAAUA,EAAU;AACtB;"}