@cuemath/leap 2.8.38 → 2.8.40-hg1

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js

@@ -0,0 +1,233 @@
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { h as ie } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as ce, useState as o, useRef as le, useCallback as g, useEffect as j, useMemo as z } from "react";
+import ue from "../../../../assets/line-icons/icons/back2.js";
+import de from "../../../ui/buttons/button/button.js";
+import { useUIContext as he } from "../../../ui/context/context.js";
+import me from "../../../ui/inputs/searchable-input/searchable-input.js";
+import f from "../../../ui/layout/flex-view.js";
+import pe from "../../../ui/loader/app-loader/app-loader.js";
+import ge from "../../../ui/text/text.js";
+import fe from "./added-resource-and-filters.js";
+import { getResourceSearchAPI as Re } from "./api/get-resource.js";
+import { usePostMilestoneResource as Ae } from "./api/goal-resource-assign.js";
+import { usePostLPARResource as _e } from "./api/lpar-resource-assign.js";
+import { HEADER_HEIGHT as Se } from "./constant.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as Ie } from "./resource-assign-analytics-events.js";
+import Ee from "./resource-items/resource-items.js";
+import { SearchContainer as Ce, HeaderWrapper as $e, LoaderWrapper as Pe } from "./resources-assign-styled.js";
+import { checkIfFiltersAreAdded as G, getCanShowDefaultLoadingScreen as ye } from "./utils.js";
+const be = ce((M) => {
+  const {
+    studentId: l,
+    stream: w,
+    onResourceAssign: x,
+    onError: R,
+    onExitResourceAssign: N,
+    onViewResource: D,
+    userMilestoneId: u,
+    programId: d
+  } = M, { onEvent: v } = he(), [h, F] = o(1), [A, L] = o(""), [Q, O] = o(""), [i, S] = o({
+    stream: w,
+    page: h,
+    per_page: 50,
+    user_id: l,
+    user_milestone_id: u,
+    program_id: d
+  }), [I, W] = o([]), [a, T] = o([]), [m, X] = o(), [E, C] = o(!1), [q, $] = o(!1), [P, B] = o({
+    boards: [],
+    grades: [],
+    node_types: []
+  }), c = le(null), k = g(
+    (e) => {
+      if (e)
+        R(e);
+      else {
+        const r = `${ie.pluralize(a.length, "Resource")} ${a.length > 1 ? "have" : "has"} been assigned`;
+        x(r);
+      }
+    },
+    [R, x, a]
+  ), { post: U, isProcessing: Y } = Ae({
+    onComplete: k
+  }), { post: H, isProcessing: J } = _e({
+    onComplete: k
+  }), K = (e) => {
+    S((r) => ({ ...r, ...e }));
+  }, V = g(
+    (e, r) => {
+      if (e === "select") {
+        const s = I.find((n) => n.node_id === r);
+        s && T((n) => [...n, s]);
+      } else
+        T(
+          (s) => s.filter((n) => n.node_id !== r)
+        );
+    },
+    [I]
+  ), Z = (e) => {
+    L(e);
+  }, ee = g(
+    (e) => {
+      v(Ie.RESOURCE_SEARCH_INPUT_VALUE, {
+        search_term: A
+      }), S((r) => ({
+        ...r,
+        search_term: e ? "" : A
+      }));
+    },
+    [A, v]
+  ), y = g(
+    async (e) => {
+      if (e || F(1), C(!0), G(i) || i.stream) {
+        c.current && c.current.abort();
+        const r = new AbortController();
+        c.current = r, await Re({
+          id: l,
+          query: e ? { ...i, page: e } : i,
+          meta: null,
+          abortSignal: c.current.signal
+        }).then((s) => {
+          if (s) {
+            const { __CODE__: n, __ERROR__: b, isProcessingFailed: ae } = s;
+            if (n >= 400 && n < 500)
+              R((b == null ? void 0 : b.message) ?? "Error while fetching the resource");
+            else if (n === 500)
+              $(ae), O("Internal server error, Please try again");
+            else {
+              const { data: p } = s || {};
+              p && (B({
+                boards: p.filters.boards,
+                grades: p.filters.grades,
+                node_types: p.filters.node_types
+              }), X(p), C(!1));
+            }
+          }
+        }).catch(() => {
+          C(!1), $(!0);
+        });
+      }
+    },
+    [l, i, c, R]
+  ), re = (e) => {
+    y(e), F(e);
+  }, se = () => {
+    $(!1), O(""), L(""), S({
+      stream: w,
+      page: h,
+      per_page: 50,
+      user_id: l,
+      user_milestone_id: u,
+      program_id: d
+    });
+  }, te = g(() => {
+    u ? U(
+      {
+        node_ids: a.map((e) => e.node_id)
+      },
+      { userMilestoneId: u }
+    ) : d && H(
+      {
+        nodes: a.map(({ node_id: e }) => ({
+          id: e,
+          attempt_location: "ANY"
+        })),
+        program_id: d
+      },
+      { studentId: l }
+    );
+  }, [
+    U,
+    u,
+    a,
+    H,
+    d,
+    l
+  ]);
+  j(() => (y(), () => {
+    c.current && c.current.abort();
+  }), [y]), j(() => {
+    m && W((e) => {
+      const r = h !== 1 ? [...e, ...m.results] : m.results;
+      return Array.from(new Map(r.map((s) => [s.id, s])).values());
+    });
+  }, [m, h]);
+  const { total_pages: oe = 0 } = m || {}, ne = z(() => G(i), [i]);
+  return z(
+    () => ye(E, P),
+    [E, P]
+  ) ? /* @__PURE__ */ t(pe, { height: "100vh" }) : q ? /* @__PURE__ */ t(f, { $height: "100vh", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(f, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ t(ge, { $renderAs: "h6", children: Q || "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ t(
+      de,
+      {
+        widthX: 14,
+        size: "small",
+        shape: "square",
+        renderAs: "primary",
+        label: "Try again",
+        analyticsLabel: "resource_get_api_failed",
+        onClick: se
+      }
+    )
+  ] }) }) : /* @__PURE__ */ _(f, { $flexDirection: "row", $height: "100vh", children: [
+    /* @__PURE__ */ _(Ce, { $width: "60%", children: [
+      /* @__PURE__ */ t(
+        $e,
+        {
+          $heightX: 4,
+          $background: "WHITE_3",
+          $alignItems: "center",
+          $justifyContent: "center",
+          children: /* @__PURE__ */ t(
+            me,
+            {
+              value: A,
+              onSearchTextChange: Z,
+              renderAs: "primary",
+              width: "99%",
+              size: "regular",
+              label: "Type topic name...",
+              onEnter: ee,
+              searchOnClear: !0,
+              onPrefixElementClick: N,
+              prefixElement: /* @__PURE__ */ t(ue, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ _(f, { $height: `calc(100vh - ${Se}px)`, $position: "relative", children: [
+        E && /* @__PURE__ */ t(Pe, {}),
+        /* @__PURE__ */ t(
+          Ee,
+          {
+            resourceItems: I,
+            selectedResource: a,
+            pageNumber: h,
+            totalPages: oe,
+            assigningInProgress: Y || J,
+            isFilterAdded: ne,
+            onResourceAdditionOrDeletion: V,
+            onResourceAssign: te,
+            onViewResource: D,
+            onPageNumberUpdate: re
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t(f, { $width: "40%", children: /* @__PURE__ */ t(
+      fe,
+      {
+        resourceFilters: P,
+        selectedResources: a,
+        onResourceDeSelection: V,
+        onFilterUpdate: K,
+        onViewResource: D
+      }
+    ) })
+  ] });
+}), qe = be;
+export {
+  qe as default
+};
+//# sourceMappingURL=resources-assign.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-assign.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign.tsx"],"sourcesContent":["import type { IExtendedResourceModel, IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { getResourceSearchAPI } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { HEADER_HEIGHT } from './constant';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded, getCanShowDefaultLoadingScreen } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n  const {\n    studentId,\n    stream,\n    onResourceAssign,\n    onError,\n    onExitResourceAssign,\n    onViewResource,\n    userMilestoneId,\n    programId,\n  } = props;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [pageNumber, setPageNumber] = useState(1);\n  const [searchValue, setSearchValue] = useState('');\n  const [error, setError] = useState('');\n  const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n    stream: stream,\n    page: pageNumber,\n    per_page: 50,\n    user_id: studentId,\n    user_milestone_id: userMilestoneId,\n    program_id: programId,\n  });\n  const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n  const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n  const [resourceSearchData, setResourceSearchData] = useState<IResourceData | undefined>();\n  const [isResourceSearchProcessing, setIsResourceSearchProcessing] = useState(false);\n  const [isResourceSearchFailed, setIsResourceSearchFailed] = useState(false);\n  const [resourceFilters, setResourceFilters] = useState<IResourceData['filters']>({\n    boards: [],\n    grades: [],\n    node_types: [],\n  });\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const handleOnResourceAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        const toastMessage = `${pluralize(selectedResourceItems.length, 'Resource')} ${\n          selectedResourceItems.length > 1 ? 'have' : 'has'\n        } been assigned`;\n\n        onResourceAssign(toastMessage);\n      }\n    },\n    [onError, onResourceAssign, selectedResourceItems],\n  );\n\n  const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n    usePostMilestoneResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n  const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n    usePostLPARResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n\n  const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n    setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n  };\n\n  const handleOnResourceAdditionOrDeletion = useCallback(\n    (step: IResourceItemStep, resourceNodeId: string) => {\n      if (step === 'select') {\n        const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n        if (resourceItem) {\n          setSelectedResource(prev => {\n            return [...prev, resourceItem];\n          });\n        }\n      } else {\n        setSelectedResource(prev =>\n          prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n        );\n      }\n    },\n    [resourceItems],\n  );\n\n  const handleSearchTextChange = (value: string) => {\n    setSearchValue(value);\n  };\n\n  const handleSearch = useCallback(\n    (searchOnClear?: boolean) => {\n      trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n        search_term: searchValue,\n      });\n\n      setSearchQuery(prev => ({\n        ...prev,\n        search_term: searchOnClear ? '' : searchValue,\n      }));\n    },\n    [searchValue, trackEvent],\n  );\n\n  const fetchResource = useCallback(\n    async (updatedPageNumber?: number) => {\n      //* Reset page number only when filter is updated not on scroll\n      if (!updatedPageNumber) {\n        setPageNumber(1);\n      }\n      setIsResourceSearchProcessing(true);\n\n      if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n        if (abortControllerRef.current) {\n          abortControllerRef.current.abort();\n        }\n\n        const controller = new AbortController();\n\n        abortControllerRef.current = controller;\n\n        await getResourceSearchAPI({\n          id: studentId,\n          query: updatedPageNumber ? { ...searchQuery, page: updatedPageNumber } : searchQuery,\n          meta: null,\n          abortSignal: abortControllerRef.current.signal,\n        })\n          .then(res => {\n            if (res) {\n              const { __CODE__, __ERROR__, isProcessingFailed } = res as IExtendedResourceModel;\n\n              if (__CODE__ >= 400 && __CODE__ < 500) {\n                onError(__ERROR__?.message ?? 'Error while fetching the resource');\n              } else if (__CODE__ === 500) {\n                setIsResourceSearchFailed(isProcessingFailed);\n                setError('Internal server error, Please try again');\n              } else {\n                const { data } = res || {};\n\n                if (data) {\n                  setResourceFilters({\n                    boards: data.filters.boards,\n                    grades: data.filters.grades,\n                    node_types: data.filters.node_types,\n                  });\n                  setResourceSearchData(data);\n                  setIsResourceSearchProcessing(false);\n                }\n              }\n            }\n          })\n          .catch(() => {\n            setIsResourceSearchProcessing(false);\n            setIsResourceSearchFailed(true);\n          });\n      }\n    },\n    [studentId, searchQuery, abortControllerRef, onError],\n  );\n\n  const handleScrollPagination = (newPageNumber: number) => {\n    fetchResource(newPageNumber);\n    setPageNumber(newPageNumber);\n  };\n\n  const handleFailureReset = () => {\n    setIsResourceSearchFailed(false);\n    setError('');\n    setSearchValue('');\n    setSearchQuery({\n      stream: stream,\n      page: pageNumber,\n      per_page: 50,\n      user_id: studentId,\n      user_milestone_id: userMilestoneId,\n      program_id: programId,\n    });\n  };\n\n  const handleOnResourceAssign = useCallback(() => {\n    if (userMilestoneId) {\n      postAssignGoalResource(\n        {\n          node_ids: selectedResourceItems.map(resource => resource.node_id),\n        },\n        { userMilestoneId },\n      );\n    } else if (programId) {\n      postAssignLPARResource(\n        {\n          nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n            id: nodeId,\n            attempt_location: 'ANY',\n          })),\n          program_id: programId,\n        },\n        { studentId },\n      );\n    }\n  }, [\n    postAssignGoalResource,\n    userMilestoneId,\n    selectedResourceItems,\n    postAssignLPARResource,\n    programId,\n    studentId,\n  ]);\n\n  useEffect(() => {\n    fetchResource();\n\n    return () => {\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort();\n      }\n    };\n  }, [fetchResource]);\n\n  useEffect(() => {\n    if (resourceSearchData) {\n      setResourceItems(prev => {\n        const updatedData =\n          pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n        return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n      });\n    }\n  }, [resourceSearchData, pageNumber]);\n\n  const { total_pages: totalPages = 0 } = resourceSearchData || {};\n  const isFilterAdded = useMemo(() => checkIfFiltersAreAdded(searchQuery), [searchQuery]);\n  const canShowDefaultLoader = useMemo(\n    () => getCanShowDefaultLoadingScreen(isResourceSearchProcessing, resourceFilters),\n    [isResourceSearchProcessing, resourceFilters],\n  );\n\n  if (canShowDefaultLoader) return <AppLoader height=\"100vh\" />;\n\n  if (isResourceSearchFailed) {\n    return (\n      <FlexView $height=\"100vh\" $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">\n            {error || 'Oops! Something went wrong. Please try again later.'}\n          </Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            analyticsLabel=\"resource_get_api_failed\"\n            onClick={handleFailureReset}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100vh\">\n      <Styled.SearchContainer $width=\"60%\">\n        <Styled.HeaderWrapper\n          $heightX={4}\n          $background=\"WHITE_3\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <SearchableInput\n            value={searchValue}\n            onSearchTextChange={handleSearchTextChange}\n            renderAs=\"primary\"\n            width=\"99%\"\n            size=\"regular\"\n            label=\"Type topic name...\"\n            onEnter={handleSearch}\n            searchOnClear\n            onPrefixElementClick={onExitResourceAssign}\n            prefixElement={<Back2Icon />}\n          />\n        </Styled.HeaderWrapper>\n\n        <FlexView $height={`calc(100vh - ${HEADER_HEIGHT}px)`} $position=\"relative\">\n          {isResourceSearchProcessing && <Styled.LoaderWrapper />}\n\n          <ResourceItems\n            resourceItems={resourceItems}\n            selectedResource={selectedResourceItems}\n            pageNumber={pageNumber}\n            totalPages={totalPages}\n            assigningInProgress={goalResourceAssignInProgress || lparResourceAssignInProgress}\n            isFilterAdded={isFilterAdded}\n            onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n            onResourceAssign={handleOnResourceAssign}\n            onViewResource={onViewResource}\n            onPageNumberUpdate={handleScrollPagination}\n          />\n        </FlexView>\n      </Styled.SearchContainer>\n\n      <FlexView $width=\"40%\">\n        <AddedResourceAndFilters\n          resourceFilters={resourceFilters}\n          selectedResources={selectedResourceItems}\n          onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n          onFilterUpdate={handleOnSearchQueryChange}\n          onViewResource={onViewResource}\n        />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","error","setError","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","resourceSearchData","setResourceSearchData","isResourceSearchProcessing","setIsResourceSearchProcessing","isResourceSearchFailed","setIsResourceSearchFailed","resourceFilters","setResourceFilters","abortControllerRef","useRef","handleOnResourceAssignComplete","useCallback","errorMessage","toastMessage","pluralize","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","updatedPageNumber","checkIfFiltersAreAdded","controller","getResourceSearchAPI","res","__CODE__","__ERROR__","isProcessingFailed","data","handleScrollPagination","newPageNumber","handleFailureReset","handleOnResourceAssign","nodeId","useEffect","updatedData","item","totalPages","isFilterAdded","useMemo","getCanShowDefaultLoadingScreen","jsx","AppLoader","FlexView","jsxs","Text","Button","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","HEADER_HEIGHT","Styled.LoaderWrapper","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}

package/dist/features/milestone/milestone-resources/resources-assign/utils.js

@@ -0,0 +1,12 @@
+const d = (e) => {
+  const { node_type: n, grade: r, board: t, search_term: o } = e;
+  return !!(o || n || r || t);
+}, s = (e, n) => {
+  const { boards: r, grades: t, node_types: o } = n;
+  return e && r.length === 0 && t.length === 0 && o.length === 0;
+};
+export {
+  d as checkIfFiltersAreAdded,
+  s as getCanShowDefaultLoadingScreen
+};
+//# sourceMappingURL=utils.js.map

package/dist/features/milestone/milestone-resources/resources-assign/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/utils.ts"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceData } from './resources-assign-type';\n\nconst checkIfFiltersAreAdded = (searchQuery: IExtraPracticeQuery) => {\n  const { node_type: nodeType, grade, board, search_term: searchTerm } = searchQuery;\n\n  return Boolean(searchTerm || nodeType || grade || board);\n};\n\nconst getCanShowDefaultLoadingScreen = (\n  isProcessing: boolean,\n  filters: IResourceData['filters'],\n) => {\n  const { boards, grades, node_types: nodeTypes } = filters;\n\n  return isProcessing && boards.length === 0 && grades.length === 0 && nodeTypes.length === 0;\n};\n\nexport { checkIfFiltersAreAdded, getCanShowDefaultLoadingScreen };\n"],"names":["checkIfFiltersAreAdded","searchQuery","nodeType","grade","board","searchTerm","getCanShowDefaultLoadingScreen","isProcessing","filters","boards","grades","nodeTypes"],"mappings":"AAGM,MAAAA,IAAyB,CAACC,MAAqC;AACnE,QAAM,EAAE,WAAWC,GAAU,OAAAC,GAAO,OAAAC,GAAO,aAAaC,EAAe,IAAAJ;AAEvE,SAAO,GAAQI,KAAcH,KAAYC,KAASC;AACpD,GAEME,IAAiC,CACrCC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,YAAYC,MAAcH;AAE3C,SAAAD,KAAgBE,EAAO,WAAW,KAAKC,EAAO,WAAW,KAAKC,EAAU,WAAW;AAC5F;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js

@@ -0,0 +1,17 @@
+import i from "styled-components";
+import { RAINBOW_COLOR_ANIMATION_DURATION as r } from "../../constants.js";
+import { rainbowColorAnimation as n } from "../../helper.js";
+import { ARC_Z_INDEX as s } from "./constants.js";
+const p = i.svg`
+  position: absolute;
+  z-index: ${s};
+`, A = i.path`
+  stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
+  animation: ${({ $playRainbowColors: o }) => o ? n : "undefined"}
+    ${r}s ease infinite forwards;
+`;
+export {
+  A as Path,
+  p as Svg
+};
+//# sourceMappingURL=animated-arc-styled.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc-styled.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { RAINBOW_COLOR_ANIMATION_DURATION } from '../../constants';\nimport { rainbowColorAnimation } from '../../helper';\nimport { ARC_Z_INDEX } from './constants';\n\nexport const Svg = styled.svg`\n  position: absolute;\n  z-index: ${ARC_Z_INDEX};\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $playRainbowColors: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $playRainbowColors }) =>\n      $playRainbowColors ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["Svg","styled","ARC_Z_INDEX","Path","theme","stroke","$playRainbowColors","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;AAQO,MAAMA,IAAMC,EAAO;AAAA;AAAA,aAEbC,CAAW;AAAA,GAGXC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,oBAAAC,EAAA,MACZA,IAAqBC,IAAwB,WAAW;AAAA,MACxDC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js

@@ -0,0 +1,47 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as A, useLayoutEffect as $ } from "react";
+import { describeArc as R } from "../../helper.js";
+import { Svg as k, Path as w } from "./animated-arc-styled.js";
+import { ADJUSTED_START_ANGLE as D } from "./constants.js";
+const x = ({
+  radius: e,
+  strokeWidth: n,
+  color: h,
+  targetAngle: m,
+  startAngle: p = 0,
+  duration: r = 2,
+  mode: o = "draw",
+  delay: s = 0,
+  playRainbowColors: y = !1
+}) => {
+  const a = A(null), g = -D + p, i = e, u = e - n / 2, c = R(i, i, u, g, m);
+  return $(() => {
+    const t = a.current;
+    if (t) {
+      if (o === "draw") {
+        const f = t.getTotalLength();
+        t.style.strokeDasharray = `${f}`, t.style.strokeDashoffset = `${f}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
+          t.style.transition = `stroke-dashoffset ${r}s linear ${s}s`, t.style.strokeDashoffset = "0";
+        });
+      }
+      o === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
+        t.style.transition = `opacity 0s ease-in-out ${s}s`, t.style.opacity = "1";
+      }));
+    }
+  }, [c, o, r, s]), /* @__PURE__ */ l(k, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ l(
+    w,
+    {
+      ref: a,
+      d: c,
+      fill: "none",
+      stroke: h,
+      strokeWidth: n,
+      strokeLinecap: "butt",
+      $playRainbowColors: y
+    }
+  ) });
+};
+export {
+  x as AnimatedArc
+};
+//# sourceMappingURL=animated-arc.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect } from 'react';\n\nimport { describeArc } from '../../helper';\nimport * as Styled from './animated-arc-styled';\nimport { ADJUSTED_START_ANGLE } from './constants';\n\nexport const AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  playRainbowColors = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const adjustedStartAngle = -ADJUSTED_START_ANGLE + startAngle;\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = describeArc(center, center, arcRadius, adjustedStartAngle, targetAngle);\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity 0s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $playRainbowColors={playRainbowColors}\n      />\n    </Styled.Svg>\n  );\n};\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","playRainbowColors","pathRef","useRef","adjustedStartAngle","ADJUSTED_START_ANGLE","center","arcRadius","arcPath","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path"],"mappings":";;;;;AAQO,MAAMA,IAA2C,CAAC;AAAA,EACvD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AACtB,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAAqB,CAACC,IAAuBR,GAC7CS,IAASb,GACTc,IAAYd,IAASC,IAAc,GACnCc,IAAUC,EAAYH,GAAQA,GAAQC,GAAWH,GAAoBR,CAAW;AAEtF,SAAAc,EAAgB,MAAM;AACpB,UAAMC,IAAOT,EAAQ;AAErB,QAAKS,GAEL;AAAA,UAAIZ,MAAS,QAAQ;AACb,cAAAa,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBb,CAAQ,YAAYE,CAAK,KACtEW,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIZ,MAAS,WACXY,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AACrB,QAAAA,EAAA,MAAM,aAAa,0BAA0BX,CAAK,KACvDW,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACH,GAAST,GAAMD,GAAUE,CAAK,CAAC,qBAGhCa,GAAA,EAAW,OAAO,IAAIpB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAqB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,GAAGM;AAAA,MACH,MAAK;AAAA,MACL,QAAQb;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,oBAAoBO;AAAA,IAAA;AAAA,EAExB,EAAA,CAAA;AAEJ;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js

@@ -0,0 +1,6 @@
+const A = 1, _ = 150;
+export {
+  _ as ADJUSTED_START_ANGLE,
+  A as ARC_Z_INDEX
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/constants.ts"],"sourcesContent":["export const ARC_Z_INDEX = 1;\n\nexport const ADJUSTED_START_ANGLE = 150;\n"],"names":["ARC_Z_INDEX","ADJUSTED_START_ANGLE"],"mappings":"AAAO,MAAMA,IAAc,GAEdC,IAAuB;"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -0,0 +1,16 @@
+import { ARC_Z_INDEX as _ } from "./comp/animated-arc/constants.js";
+const I = 300, N = 2, A = _ + 1, E = A + 1, T = E + 1, O = 3.8, o = 2 / 30, L = 2.37, t = 12 / 30, D = 20 / 30, c = 43 / 30;
+export {
+  N as BORDER_OFFSET,
+  E as CONTENT_CONTAINER_Z_INDEX,
+  A as LINE_MARKING_Z_INDEX,
+  T as NUMBER_MARKING_Z_INDEX,
+  t as PROGRESS_FILL_DELAY,
+  D as PROGRESS_FILL_DURATION,
+  c as RAINBOW_COLOR_ANIMATION_DURATION,
+  L as TARGET_ACHIEVED_DELAY,
+  o as TARGET_HELPER_TEXT_APPEAR_DELAY,
+  O as TOTAL_ANIMATION_DURATION,
+  I as TOTAL_ARC_AVAILABLE
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import { ARC_Z_INDEX } from './comp/animated-arc/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nexport const BORDER_OFFSET = 2;\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","LINE_MARKING_Z_INDEX","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAEO,MAAMA,IAAsB,KAEtBC,IAAgB,GAChBC,IAAuBC,IAAc,GACrCC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GAGrDE,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -0,0 +1,87 @@
+import o, { keyframes as e } from "styled-components";
+import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import i from "../../ui/text/text.js";
+import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
+import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
+import { rainbowColorAnimation as f } from "./helper.js";
+const g = o.div`
+  height: ${r}px;
+  width: ${r}px;
+  background-color: ${({ theme: t }) => t.colors.BLACK_2};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  border-radius: 100%;
+  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
+  animation: ${({ $isTargetAchieved: t }) => t ? e`100%{transform: scale(1.02)}` : "unset"}
+    0.133s ease alternate;
+`, N = o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  z-index: ${l};
+  height: 92%;
+  width: 92%;
+  border-radius: 100%;
+  background-color: ${({ theme: t }) => t.colors.BLACK_2};
+`, b = o.div`
+  position: relative;
+  flex-grow: 1;
+  bottom: ${r === s ? -8 : -6}px;
+`;
+o.div`
+  position: absolute;
+`;
+const u = o.div`
+  width: ${r / 2}px;
+  height: 2px;
+  position: absolute;
+  background-color: ${({ theme: t }) => t.colors.BLACK_2};
+  transform-style: preserve-3d;
+  backface-visibility: hidden;
+  transform-origin: left;
+  transform: rotate(${({ $angle: t }) => -240 + t}deg);
+  left: ${r / 2}px;
+  top: ${r / 2}px;
+  z-index: ${d};
+`, T = o.div`
+  position: absolute;
+  height: ${r - r * 0.0625 - 10}px;
+  transform: rotate(${({ $angle: t }) => -n + t}deg);
+  z-index: ${m};
+`, h = o.div`
+  transform: rotate(${({ $angle: t }) => n - t}deg);
+`, C = o.div`
+  position: absolute;
+  top: 0;
+  transform: ${({ top: t }) => `translateY(${t}px)`};
+`, R = o(i)`
+  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
+    ease-in-out ${a}s forwards;
+`, I = o(i)`
+  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
+    ease ${a}s forwards;
+`;
+o.div`
+  height: 100%;
+  width: 100%;
+`;
+const v = o(i)`
+  animation: ${({ $isTargetAchieved: t }) => t ? f : "unset"}
+    ${p}s ease infinite forwards;
+`;
+export {
+  C as BottomAbsoluteView,
+  N as ContentContainer,
+  g as DigitalMeter,
+  R as HelperTextPrimary,
+  I as HelperTextSecondary,
+  u as LineMarking,
+  T as MarkingContainer,
+  h as MarkingText,
+  b as NumberCountContainer,
+  v as RainboxColorText
+};
+//# sourceMappingURL=digital-meter-styled.js.map

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport { ADJUSTED_START_ANGLE } from './comp/animated-arc/constants';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}