@argusoft/medplat-core 1.0.32 → 1.0.33

package/dist/FaqView-sDzBVyXV.js

@@ -0,0 +1,617 @@
+import { jsxs as l, jsx as e, Fragment as te } from "react/jsx-runtime";
+import { useState as f, useEffect as re, useMemo as w } from "react";
+import r from "prop-types";
+import { useTheme as P, Container as oe, Box as m, Typography as p, Paper as ne, Tabs as se, Tab as $, Accordion as le, AccordionSummary as de, AccordionDetails as ce, alpha as b, Stack as C, Chip as he, Dialog as me, DialogTitle as pe, DialogContent as ue, CircularProgress as Q, DialogActions as ge, Button as fe } from "@mui/material";
+import { useSelector as ye } from "react-redux";
+import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
+import { faMagnifyingGlass as Ce, faCircleQuestion as be, faFolderOpen as xe, faImage as J, faVideo as I } from "@fortawesome/free-solid-svg-icons";
+import { execute as K } from "@/common/services/GlobalApis";
+import { useTranslateProvider as Te } from "@/common/languageTranslator/TranslationContext";
+import He from "@/views/custom-components/CustomAccordion";
+import ve from "@/views/custom-components/DebouncedSearchInput";
+import Oe from "@/common/services/util/GeneralUtil";
+import { p as W, C as U, d as we, b as X } from "./faqMedia-FDpje7v0.js";
+import { F as Se } from "./FaqSkeletons-hLCEcRr-.js";
+import { ExpandMore as qe } from "@mui/icons-material";
+import { m as V, A as ke } from "./proxy-C4gcRXzG.js";
+const Me = {
+  gu: [
+    {
+      q: "TeCHO+ શું છે?",
+      a: "TeCHO+ એટલે ટેકનોલોજી સક્ષમ કોમ્યુનિટી હેલ્થ ઓપરેશન્સ. તે ટકાઉ વિકાસ લક્ષ્યાંક (SDGs) પ્રાપ્ત કરવા માટે અત્યાધુનિક મોબાઇલ માહિતી ટેકનોલોજીનો ઉપયોગ કરીને આરોગ્ય સેવાઓના કવરેજ અને ગુણવત્તામાં વધુ સુધારો કરવા માટે GOG ની એક પહેલ છે અને તે એક મોબાઇલ અને વેબ-આધારિત એપ્લિકેશન છે જે પ્રજનન અને બાળ આરોગ્ય, બિન-ચેપી રોગો, ચેપી રોગો, માનસિક સ્વાસ્થ્ય સંબંધિત આરોગ્ય સેવાઓના કવરેજ અને ગુણવત્તામાં સુધારો કરવા માટે આરોગ્ય કાર્યકરો અને વહીવટકર્તાઓ માટે સહાયક તરીકે કાર્ય કરે છે."
+    },
+    {
+      q: "TeCHO+ નો ઉદ્દેશ્ય શું છે?",
+      a: "TeCHO+ ગુજરાતના નીચે મુજબના સૂચકાકોની પ્રગતિમાં વધુ સુધારો લાવી રહ્યું છે: (1) MMR, (2) IMR, (3) ઓછા જન્મ વજનવાળા બાળકો, (4) સંપૂર્ણ રસીકરણ, (5) કુપોષણ, (6) માતાઓમાં એનિમિયા, (7) રોગચાળો, (8) જન્મ સમયે લિંગ ગુણોત્તર, (9) માનસિક સ્વાસ્થ્ય, (10) TFR/અંતરની પદ્ધતિઓ, અને (11) બિનચેપી રોગો."
+    },
+    {
+      q: "TeCHO+ દ્વારા કયા કાર્યક્રમોનું મોનીટરીંગ કરવામાં આવે છે?",
+      a: "પ્રજનન અને બાળ આરોગ્ય, રસીકરણ, પોષણ, રાષ્ટ્રીય બાળ સ્વાસ્થ્ય કાર્યક્રમ, રાષ્ટ્રીય કિશોર સ્વાસ્થ્ય કાર્યક્રમ, ઘરે નવજાત શિશુ સંભાળ, ઘરે યુવાન બાળ સંભાળ, અંધત્વ નિયંત્રણ માટે રાષ્ટ્રીય કાર્યક્રમ, રાષ્ટ્રીય કૃમિનાશક દિવસ અભિયાન, ફાઇલેરિયાસિસ, મેલેરિયા નિયંત્રણ કાર્યક્રમનું TeCHO+ દ્વારા મોનીટરીંગ કરવામાં આવે છે."
+    },
+    {
+      q: "TeCHO+ ક્યારે લોન્ચ થયું?",
+      a: "TeCHO+ 8 ઓક્ટોબર, 2017 ના રોજ ભારતના માનનીય પ્રધાનમંત્રી દ્વારા શરૂ કરવામાં આવ્યું હતું. પ્રજનન અને બાળ સ્વાસ્થ્ય અને અન્ય કાર્યક્રમોની એપ્રિલ, 2019 થી કામગીરી કરવામાં આવે છે."
+    },
+    {
+      q: "TeCHO+ કયા પ્લેટફોર્મ પર ઉપલબ્ધ છે?",
+      a: "ફિલ્ડ વર્કર માટે TeCHO+ મોબાઇલ એપ્લિકેશન એન્ડ્રોઇડ પર ઉપલબ્ધ છે."
+    },
+    {
+      q: "TeCHO+ માંથી ડેટા કયા અન્ય પોર્ટલ સાથે શેર કરવામાં આવ્યો?",
+      a: "TeCHO+ માંથી નેશનલ RCH પોર્ટલ, નેશનલ RBSK પોર્ટલ, CM ડેશબોર્ડ, શિક્ષણ વિભાગની ચાઇલ્ડ ટ્રેકિંગ સિસ્ટમ, POSHAN ટ્રેકર, PFMS પોર્ટલ, મહિલા અને બાળ વિકાસ વિભાગ સાથે ડેટા શેર કરવામાં આવે છે."
+    },
+    {
+      q: "TeCHO+ માં કેટલા વપરાશકર્તાઓ નોંધાયેલા છે?",
+      a: "આશા-૪૪,૧૨૭, આશા ફેસિલિટેટર- ૨૨૦, સીએચઓ- ૭,૦૫૦, એએનએમ- ૧૧,૬૨૫, આરબીએસકે એમઓ સ્ત્રી- ૧,૦૩૫, આરબીએસકે એમઓ પુરુષ- ૧,૦૪૮, વેબ વપરાશકર્તાઓ -૨૮,૮૪૫."
+    },
+    {
+      q: "TeCHO+ દ્વારા કઈ યોજનાઓનું મોનીટરીંગ કરવામાં આવે છે?",
+      a: "નમોશ્રી યોજના, અત્યંત જોખમી સગર્ભા સ્ત્રીઓ માટેની યોજના, મુખ્ય મંત્રી માતૃશક્તિ યોજના (WCD, GoG), પ્રધાન મંત્રી સુરક્ષા માતૃત્વ અભિયાન, જનની શિશુ સુરક્ષા કાર્યક્રમ, જનની સુરક્ષા યોજના, એશપીરેશનલ બ્લોક માટે સ્વ-સહાય જૂથ યોજના વગેરેનું TeCHO+ દ્વારા મોનીટરીંગ કરવામાં આવે છે."
+    },
+    {
+      q: "નીતિ નિર્માણમાં TeCHO+ ની ભૂમિકા શું છે?",
+      a: "TeCHO+ મોનીટરીંગ તેમજ મૂલ્યાંકન હેતુ માટે રીઅલ ટાઈમ ડેટા પૂરો પાડે છે, TeCHO+ આરોગ્યના વસ્તી વિષયક, આર્થિક અને અન્ય પાસાઓના આધારે નીતિ નિર્માણ માટે મૂલ્યાંકીત ડેટા પણ પૂરો પાડે છે."
+    },
+    {
+      q: "TeCHO+ ના ફાયદા શું છે?",
+      a: `• સેવા પ્રદાતા દ્વારા સેવા વિતરણના સ્થળે રીઅલ ટાઇમ ડેટા એન્ટ્રી.
+• માતા મૃત્યુ દર અને શિશુ મૃત્યુ દર ઘટાડવા માટે ટ્રેકિંગ.
+• રસીકરણ અને એનિમિયા નિયંત્રણમાં મદદ.
+• રજિસ્ટર અને રિપોર્ટ્સનું ડિજિટલાઇઝેશન.`
+    },
+    {
+      q: "શું TeCHO+ લાભાર્થીઓને રીમાઇન્ડરની સુવિધા પૂરી પાડે છે?",
+      a: "હા, TeCHO+ ઇકોસિસ્ટમ લાભાર્થીઓને તેમની બાકી સેવાઓ અંગે ટેક્સ્ટ સંદેશાઓના રૂપમાં રીમાઇન્ડર મોકલે છે."
+    },
+    {
+      q: "TeCHO+ પર અલગ અલગ કયા પ્લેટફોર્મ છે?",
+      a: "મોબાઇલ એપ્લિકેશન, વેબ પોર્ટલ, આરોગ્યની સ્થિતિ-ગુજરાત એપ્લિકેશન, અને નાગરિક મોડ્યુલ."
+    },
+    {
+      q: "શું TeCHO+ ABDM સુસંગત છે?",
+      a: "હા, TeCHO+ ત્રણેય માઇલસ્ટોન માટે ABDM સુસંગત છે."
+    },
+    {
+      q: "TeCHO+ પર નોંધાયેલા લાભાર્થીઓને કેવી રીતે ટ્રેક કરી શકાય?",
+      a: "કુટુંબ ઓળખપત્ર અને આરોગ્ય ઓળખપત્ર દ્વારા."
+    },
+    {
+      q: "TeCHO+ દ્વારા સ્થળાંતરિત લોકોનું મોનીટરીંગ કેવી રીતે કરવામાં આવે છે?",
+      a: "આંતર-જિલ્લા અને આંતર-રાજ્ય ટ્રેકિંગ માટે સ્થળાંતર મોડ્યુલ દ્વારા."
+    }
+  ],
+  en: [
+    {
+      q: "What is TeCHO+?",
+      a: "TeCHO+ stands for Technology enabled Community Health Operations. It is an initiative of the GOG to further improve coverage and quality of health services using state of art mobile information technology to achieve Sustainable Developmental Goals (SDGs) and is a mobile & web-based application which works as a job-aid for health workers and administrators for improving coverage and quality of health services related to reproductive and child health, non-communicable diseases, communicable diseases, mental health."
+    },
+    {
+      q: "What is the objective of TeCHO+?",
+      a: "TeCHO+ is leading further improvement of Gujarat’s performance for: (1) MMR, (2) IMR, (3) Low birth weight babies, (4) Complete immunization, (5) Under nutrition, (6) Anaemia among mothers, (7) Epidemics, (8) Sex ratio at birth, (9) Mental health, (10) TFR/spacing methods, and (11) Non communicable diseases."
+    },
+    {
+      q: "Which Programmes are monitored through TeCHO+?",
+      a: "Reproductive and child health, Immunization, Nutrition, Rashtriya Bal Swasthya Karyakram, Rashtriya Kishor Swasthya Karyakram, Home Based Newborn Care, Home Based Young Child Care, National Program for Control of Blindness, National Deworming Day Campaign, Filariasis, Malaria Control Program are monitored through TeCHO+."
+    },
+    {
+      q: "When was TeCHO+ launched?",
+      a: "TeCHO+ was launched on 8th October, 2017 by Hon. Prime Minister of India. Reproductive and Child health and other programs are monitored from April, 2019."
+    },
+    {
+      q: "On Which Platforms is TeCHO+ available?",
+      a: "TeCHO+ mobile application for field workers is available on Android."
+    },
+    {
+      q: "Data from TeCHO+ shared with which other portals?",
+      a: "TeCHO+ shared data with National RCH Portal, National RBSK Portal, CM Dashboard, Child Tracking System of Education department, POSHAN Tracker, PFMS portal, Women & Child Development dept."
+    },
+    {
+      q: "How many users are enrolled in TeCHO+?",
+      a: "ASHA - 44,127, ASHA Facilitator - 220, CHO - 7,050, ANM - 11,625, RBSK MO Lady - 1,035, RBSK MO Male - 1,048, Web Users - 28,845."
+    },
+    {
+      q: "Which schemes are monitored through TeCHO+?",
+      a: "Namoshree scheme, Scheme for Very High-Risk Pregnant Women, Mukhyamantri Matrushakti Yojna (WCD, GoG), Pradhan Mantri Surakshit Matrutva Abhiyan, Janani Shishu Suraksha Karyakram, Janani Suraksha Yojna, Self Help Group Scheme for aspirational block are monitored through TeCHO+."
+    },
+    {
+      q: "What is the role of TeCHO+ in policy making?",
+      a: "TeCHO+ provides real time data for monitoring as well as analysis purpose, TeCHO+ also provides analytical data for policy making on the basis of demographic, economic and other aspects of the health."
+    },
+    {
+      q: "What are the benefits of TeCHO+?",
+      a: `• Real time data entry by service provider.
+• Tracking to reduce maternal and infant mortality.
+• Helps in complete immunization and anemia control.
+• Digitalization of registers and reports.`
+    },
+    {
+      q: "Does TeCHO+ provide facility of reminder to beneficiaries?",
+      a: "Yes, TeCHO+ ecosystem sends reminders in form of text messages to beneficiaries regarding their due services."
+    },
+    {
+      q: "Which are the different platforms on TeCHO+?",
+      a: "TeCHO+ Mobile app, TeCHO+ Web, State of Health- Gujarat app, and Citizen Module."
+    },
+    {
+      q: "Is TeCHO+ ABDM Compliant?",
+      a: "Yes, TeCHO+ is ABDM compliant for all three milestones."
+    },
+    {
+      q: "How registered beneficiaries can be tracked on TeCHO+?",
+      a: "Through unique family and health IDs, mobile numbers, and demographic details."
+    },
+    {
+      q: "How are the Migrated peoples monitored through TeCHO+?",
+      a: "Through a comprehensive migration module for inter-district tracking and integration with national portals for inter-state migration."
+    }
+  ]
+}, Ae = () => {
+  const [t, n] = f("gu"), s = P(), d = s.palette.mode === "dark", h = (u, c) => {
+    n(c);
+  };
+  return /* @__PURE__ */ l(oe, { maxWidth: "lg", sx: { py: 6 }, children: [
+    /* @__PURE__ */ e(
+      V.div,
+      {
+        initial: { opacity: 0, y: -20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.5 },
+        children: /* @__PURE__ */ l(m, { textAlign: "center", mb: 6, children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              variant: "h3",
+              fontWeight: "800",
+              gutterBottom: !0,
+              sx: {
+                background: "linear-gradient(45deg, #1c6fb7 30%, #4da8da 90%)",
+                WebkitBackgroundClip: "text",
+                WebkitTextFillColor: "transparent"
+              },
+              children: t === "gu" ? "વારંવાર પૂછાતા પ્રશ્નો" : "Frequently Asked Questions"
+            }
+          ),
+          /* @__PURE__ */ e(p, { variant: "h6", color: "text.secondary", children: t === "gu" ? "TeCHO+ વિશે વધુ જાણવા માટે અહીં શોધો" : "Find answers to your questions about TeCHO+" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ l(
+      ne,
+      {
+        elevation: 0,
+        sx: {
+          borderRadius: "16px",
+          overflow: "hidden",
+          border: `1px solid ${s.palette.divider}`,
+          background: d ? b("#fff", 0.05) : "#fff",
+          mb: 4
+        },
+        children: [
+          /* @__PURE__ */ l(
+            se,
+            {
+              value: t,
+              onChange: h,
+              centered: !0,
+              sx: {
+                borderBottom: 1,
+                borderColor: "divider",
+                "& .MuiTab-root": {
+                  fontWeight: "600",
+                  fontSize: "1rem",
+                  py: 2
+                }
+              },
+              children: [
+                /* @__PURE__ */ e($, { label: "ગુજરાતી", value: "gu" }),
+                /* @__PURE__ */ e($, { label: "English", value: "en" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(m, { p: 4, children: /* @__PURE__ */ e(ke, { mode: "wait", children: /* @__PURE__ */ e(
+            V.div,
+            {
+              initial: { opacity: 0, x: 20 },
+              animate: { opacity: 1, x: 0 },
+              exit: { opacity: 0, x: -20 },
+              transition: { duration: 0.3 },
+              children: Me[t].map((u, c) => /* @__PURE__ */ l(
+                le,
+                {
+                  elevation: 0,
+                  sx: {
+                    mb: 2,
+                    border: `1px solid ${s.palette.divider}`,
+                    borderRadius: "12px !important",
+                    "&:before": { display: "none" },
+                    "&:hover": {
+                      borderColor: s.palette.primary.main,
+                      background: d ? b("#fff", 0.02) : b(s.palette.primary.main, 0.02)
+                    },
+                    transition: "all 0.2s"
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      de,
+                      {
+                        expandIcon: /* @__PURE__ */ e(qe, { color: "primary" }),
+                        sx: {
+                          px: 3,
+                          "& .MuiAccordionSummary-content": { my: 2 }
+                        },
+                        children: /* @__PURE__ */ e(p, { fontWeight: "600", fontSize: "1.1rem", children: u.q })
+                      }
+                    ),
+                    /* @__PURE__ */ e(ce, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ e(
+                      p,
+                      {
+                        color: "text.secondary",
+                        sx: { whiteSpace: "pre-line", lineHeight: 1.7 },
+                        children: u.a
+                      }
+                    ) })
+                  ]
+                },
+                c
+              ))
+            },
+            t
+          ) }) })
+        ]
+      }
+    )
+  ] });
+}, Y = "HCW", O = "__uncategorized__", Ve = () => Oe.isTecho ? /* @__PURE__ */ e(Ae, {}) : /* @__PURE__ */ e(Re, {}), Re = () => {
+  const t = P(), { translate: n } = Te(), d = (ye((i) => i.Translation.translationLanguage) || "en").toLowerCase().split("-")[0], [h, u] = f(!0), [c, _] = f([]), [S, N] = f([]), [B, ie] = f(""), [H, G] = f("all"), [L, k] = f(null), [z, M] = f(null);
+  re(() => {
+    let i = !1;
+    return u(!0), k(null), (async () => {
+      var a, o;
+      try {
+        const [y, g] = await Promise.all([
+          K({ code: "faq_public_list", parameters: { audience: Y, languageCode: d } }),
+          K({ code: "mytecho_faq_get_category_type" })
+        ]);
+        if (i) return;
+        _(((a = y == null ? void 0 : y.data) == null ? void 0 : a.result) || []), N(
+          (((o = g == null ? void 0 : g.data) == null ? void 0 : o.result) || []).filter(
+            (T) => {
+              var E;
+              return (((E = W(T == null ? void 0 : T.additional_detail)) == null ? void 0 : E.audience) || "HCW") === Y;
+            }
+          )
+        );
+      } catch {
+        i || (_([]), N([]));
+      } finally {
+        i || u(!1);
+      }
+    })(), () => {
+      i = !0;
+    };
+  }, [d]);
+  const A = w(() => {
+    const i = /* @__PURE__ */ new Map();
+    return S.forEach((a) => i.set(String(a.id), a)), i;
+  }, [S]), j = w(() => {
+    const i = {};
+    return c.forEach((a) => {
+      const o = a.category_id != null ? String(a.category_id) : O;
+      i[o] = (i[o] || 0) + 1;
+    }), i;
+  }, [c]), q = B.trim().toLowerCase(), R = q.length > 0, v = w(
+    () => c.filter((i) => {
+      const a = i.category_id != null ? String(i.category_id) : O;
+      return H === "all" || H === a ? q ? `${i.question} ${i.tags || ""}`.toLowerCase().includes(q) : !0 : !1;
+    }),
+    [c, q, H]
+  ), ae = w(() => {
+    if (R) return null;
+    const i = /* @__PURE__ */ new Map();
+    return v.forEach((a) => {
+      const o = a.category_id != null ? String(a.category_id) : O;
+      i.has(o) || i.set(o, []), i.get(o).push(a);
+    }), Array.from(i.entries()).map(([a, o]) => {
+      var y, g, T;
+      return {
+        key: a,
+        label: a === O ? n("Other") : ((y = A.get(a)) == null ? void 0 : y.value) || ((g = o[0]) == null ? void 0 : g.category),
+        icon: a === O ? null : W((T = A.get(a)) == null ? void 0 : T.additional_detail),
+        items: o
+      };
+    });
+  }, [R, v, A, n]);
+  return /* @__PURE__ */ l(m, { sx: { maxWidth: 1280, mx: "auto", p: { xs: 2, md: 3 } }, children: [
+    /* @__PURE__ */ l(
+      m,
+      {
+        sx: {
+          textAlign: "center",
+          borderRadius: 3,
+          p: { xs: 2, md: 2.5 },
+          mb: 2.5,
+          background: `linear-gradient(180deg, ${b(t.palette.primary.main, 0.08)}, ${b(
+            t.palette.primary.main,
+            0.02
+          )})`
+        },
+        children: [
+          /* @__PURE__ */ e(p, { variant: "h5", sx: { fontWeight: 800, mb: 0.5 }, children: n("Frequently Asked Questions") }),
+          /* @__PURE__ */ e(p, { variant: "body2", color: "text.secondary", children: n(
+            "Find answers to common questions. To read these in a different language, change your language from the profile menu."
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      C,
+      {
+        direction: { xs: "column", sm: "row" },
+        spacing: 1.5,
+        alignItems: { xs: "stretch", sm: "center" },
+        sx: { mb: 3 },
+        children: [
+          /* @__PURE__ */ e(
+            ve,
+            {
+              value: B,
+              onChange: ie,
+              placeholder: n("Search questions..."),
+              sx: { width: { xs: "100%", sm: 260 }, flexShrink: 0 },
+              InputProps: {
+                startAdornment: /* @__PURE__ */ e(
+                  x,
+                  {
+                    icon: Ce,
+                    style: { marginRight: 10, opacity: 0.5 }
+                  }
+                )
+              }
+            }
+          ),
+          S.length > 0 && /* @__PURE__ */ l(C, { direction: "row", spacing: 1, sx: { overflowX: "auto", pb: 0.5, flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                label: `${n("All")} (${c.length})`,
+                active: H === "all",
+                onClick: () => G("all")
+              }
+            ),
+            S.filter((i) => j[String(i.id)]).map((i) => {
+              const a = W(i.additional_detail), o = String(i.id);
+              return /* @__PURE__ */ e(
+                F,
+                {
+                  label: `${i.value} (${j[o] || 0})`,
+                  icon: a != null && a.icon ? /* @__PURE__ */ e(U, { value: a }) : null,
+                  active: H === o,
+                  onClick: () => G(o)
+                },
+                i.id
+              );
+            })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(Se, { loading: h, children: v.length === 0 ? /* @__PURE__ */ l(m, { sx: { py: 8, textAlign: "center" }, children: [
+      /* @__PURE__ */ e(
+        x,
+        {
+          icon: be,
+          size: "2x",
+          style: { opacity: 0.25, marginBottom: 12 }
+        }
+      ),
+      /* @__PURE__ */ e(p, { variant: "body1", color: "text.secondary", children: c.length === 0 ? n("No FAQs are available in this language yet.") : n("No questions match your search.") })
+    ] }) : R ? /* @__PURE__ */ l(m, { children: [
+      /* @__PURE__ */ l(p, { variant: "body2", color: "text.secondary", sx: { mb: 1.5, px: 0.5 }, children: [
+        v.length,
+        " ",
+        n("results")
+      ] }),
+      /* @__PURE__ */ e(C, { sx: { gap: 1.5 }, children: v.map((i) => /* @__PURE__ */ e(
+        D,
+        {
+          faq: i,
+          expanded: L === i.id,
+          onChange: (a, o) => k(o ? i.id : null),
+          onOpenMedia: M
+        },
+        i.id
+      )) })
+    ] }) : /* @__PURE__ */ e(C, { spacing: 4, children: ae.map((i) => {
+      var a;
+      return /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, sx: { mb: 1.5, px: 0.5 }, children: [
+          /* @__PURE__ */ e(m, { sx: { color: "primary.main", display: "flex" }, children: (a = i.icon) != null && a.icon ? /* @__PURE__ */ e(U, { value: i.icon }) : /* @__PURE__ */ e(x, { icon: xe, size: "sm" }) }),
+          /* @__PURE__ */ e(p, { variant: "subtitle1", sx: { fontWeight: 700 }, children: i.label })
+        ] }),
+        /* @__PURE__ */ e(C, { sx: { gap: 1.5 }, children: i.items.map((o) => /* @__PURE__ */ e(
+          D,
+          {
+            faq: o,
+            expanded: L === o.id,
+            onChange: (y, g) => k(g ? o.id : null),
+            onOpenMedia: M
+          },
+          o.id
+        )) })
+      ] }, i.key);
+    }) }) }),
+    z && /* @__PURE__ */ e(ee, { item: z, onClose: () => M(null) })
+  ] });
+};
+function F({ label: t, icon: n, active: s, onClick: d }) {
+  return /* @__PURE__ */ e(
+    he,
+    {
+      icon: n || void 0,
+      label: t,
+      onClick: d,
+      color: s ? "primary" : "default",
+      variant: s ? "filled" : "outlined",
+      sx: {
+        flexShrink: 0,
+        height: 36,
+        px: 0.5,
+        fontWeight: 600,
+        borderRadius: 999
+      }
+    }
+  );
+}
+F.propTypes = {
+  label: r.string.isRequired,
+  icon: r.node,
+  active: r.bool.isRequired,
+  onClick: r.func.isRequired
+};
+function D({ faq: t, expanded: n, onChange: s, onOpenMedia: d }) {
+  const h = P(), u = w(() => we(t.media), [t.media]);
+  return /* @__PURE__ */ e(
+    He,
+    {
+      expanded: n,
+      onChange: s,
+      dataTestId: `faq-item-${t.id}`,
+      title: /* @__PURE__ */ e(p, { sx: { fontWeight: 600, fontSize: "1.02rem" }, children: t.question }),
+      summaryProps: { sx: { px: 2.5, py: 0.5 } },
+      detailsProps: { sx: { px: 2.5, pb: 2.5, pt: 0 } },
+      sx: {
+        borderRadius: "14px !important",
+        border: "1px solid",
+        borderColor: "divider",
+        boxShadow: "none",
+        transition: "border-color 0.15s ease, box-shadow 0.15s ease",
+        "&:before": { display: "none" },
+        "&:hover": {
+          borderColor: b(h.palette.primary.main, 0.4),
+          boxShadow: `0 2px 10px ${b(h.palette.primary.main, 0.08)}`
+        }
+      },
+      children: /* @__PURE__ */ l(m, { sx: { borderTop: "1px solid", borderColor: "divider", pt: 2 }, children: [
+        /* @__PURE__ */ e(
+          p,
+          {
+            component: "div",
+            color: "text.secondary",
+            sx: { lineHeight: 1.7, "& p": { mt: 0, mb: 1.5 }, "& p:last-child": { mb: 0 } },
+            dangerouslySetInnerHTML: { __html: t.content }
+          }
+        ),
+        n && u.length > 0 && /* @__PURE__ */ e(C, { direction: "row", spacing: 1.25, sx: { mt: 2, flexWrap: "wrap" }, children: u.map((c) => /* @__PURE__ */ e(Z, { item: c, onOpen: () => d(c) }, c.uuid)) })
+      ] })
+    }
+  );
+}
+D.propTypes = {
+  faq: r.shape({
+    id: r.oneOfType([r.number, r.string]),
+    question: r.string,
+    content: r.string,
+    media: r.oneOfType([r.string, r.array])
+  }).isRequired,
+  expanded: r.bool.isRequired,
+  onChange: r.func.isRequired,
+  onOpenMedia: r.func.isRequired
+};
+function Z({ item: t, onOpen: n }) {
+  const s = t.type === "image", { dataUrl: d, isLoading: h } = X(s ? t.uuid : null);
+  return /* @__PURE__ */ l(
+    m,
+    {
+      onClick: n,
+      title: t.fileName,
+      sx: {
+        width: 64,
+        height: 64,
+        flexShrink: 0,
+        borderRadius: 2,
+        border: "1px solid",
+        borderColor: "divider",
+        overflow: "hidden",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative",
+        "&:hover": { borderColor: "primary.main" }
+      },
+      children: [
+        s && h && /* @__PURE__ */ e(Q, { size: 16 }),
+        s && !h && d && /* @__PURE__ */ e(
+          m,
+          {
+            component: "img",
+            src: d,
+            alt: t.fileName,
+            sx: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        ),
+        s && !h && !d && /* @__PURE__ */ e(x, { icon: J, size: "lg", style: { opacity: 0.35 } }),
+        !s && /* @__PURE__ */ l(te, { children: [
+          /* @__PURE__ */ e(x, { icon: I, size: "lg", style: { opacity: 0.35 } }),
+          /* @__PURE__ */ e(
+            m,
+            {
+              sx: {
+                position: "absolute",
+                inset: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: "rgba(0,0,0,0.25)",
+                color: "common.white",
+                opacity: 0,
+                transition: "opacity 0.15s ease",
+                "&:hover": { opacity: 1 }
+              },
+              children: /* @__PURE__ */ e(x, { icon: I })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+Z.propTypes = {
+  item: r.shape({
+    uuid: r.string,
+    fileName: r.string,
+    type: r.oneOf(["image", "video"])
+  }).isRequired,
+  onOpen: r.func.isRequired
+};
+function ee({ item: t, onClose: n }) {
+  const { dataUrl: s, isLoading: d } = X(t.uuid), h = t.type === "image";
+  return /* @__PURE__ */ l(me, { open: !0, onClose: n, maxWidth: "md", fullWidth: !0, children: [
+    /* @__PURE__ */ l(pe, { sx: { pr: 6, wordBreak: "break-all", display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ e(x, { icon: h ? J : I }),
+      t.fileName
+    ] }),
+    /* @__PURE__ */ e(ue, { dividers: !0, sx: { display: "flex", justifyContent: "center", minHeight: 160 }, children: d ? /* @__PURE__ */ e(Q, { size: 26, sx: { alignSelf: "center" } }) : s ? h ? /* @__PURE__ */ e(
+      m,
+      {
+        component: "img",
+        src: s,
+        alt: t.fileName,
+        sx: { maxWidth: "100%", maxHeight: "70vh", objectFit: "contain" }
+      }
+    ) : /* @__PURE__ */ e("video", { src: s, controls: !0, autoPlay: !0, style: { width: "100%", maxHeight: "70vh" } }) : /* @__PURE__ */ e(p, { variant: "body2", sx: { color: "error.main", alignSelf: "center" }, children: "Couldn't load this file." }) }),
+    /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(fe, { onClick: n, sx: { textTransform: "none" }, children: "Close" }) })
+  ] });
+}
+ee.propTypes = {
+  item: r.shape({
+    uuid: r.string,
+    fileName: r.string,
+    type: r.oneOf(["image", "video"])
+  }).isRequired,
+  onClose: r.func.isRequired
+};
+export {
+  Ve as default
+};
+//# sourceMappingURL=FaqView-sDzBVyXV.js.map