@cuemath/leap 2.8.35-beta.0 → 2.8.35

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

@@ -1,95 +0,0 @@
-import { jsxs as d, jsx as r, Fragment as A } from "react/jsx-runtime";
-import E from "../../../../../node_modules/lodash.debounce/index.js";
-import { memo as I, useRef as _, useMemo as x, useEffect as b } from "react";
-import y from "../../../../../assets/line-icons/icons/sheet.js";
-import N from "../../../../ui/layout/flex-view.js";
-import C from "../../../../ui/text/text.js";
-import X from "../comps/resource-item/resource-item.js";
-import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as L } from "../resource-assign-analytics-events.js";
-import P from "./no-resource-screen.js";
-import { ResourceItemWrapper as T, ButtonWrapper as j, StyledButton as v } from "./resource-items-styled.js";
-const k = I((a) => {
-  const {
-    pageNumber: t,
-    totalPages: i,
-    resourceItems: l,
-    selectedResource: o,
-    assigningInProgress: u,
-    isFilterAdded: p,
-    onResourceAdditionOrDeletion: f,
-    onResourceAssign: g,
-    onViewResource: h,
-    onPageNumberUpdate: m
-  } = a, c = _(null), $ = x(
-    () => ({
-      node_ids: o.map(({ node_id: e }) => e)
-    }),
-    [o]
-  );
-  return b(() => {
-    const e = c.current;
-    if (e) {
-      const n = E(() => {
-        const s = e ? e.scrollTop / (e.scrollHeight - e.clientHeight) : 0;
-        t && i && s > 0.85 && t < i && m(t + 1);
-      }, 300);
-      return e.addEventListener("scroll", n), () => {
-        e.removeEventListener("scroll", n);
-      };
-    }
-  }, [c, t, i, m]), l.length === 0 ? p ? /* @__PURE__ */ d(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ r(y, { opacity: 0.38 }),
-    /* @__PURE__ */ r(C, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
-  ] }) : /* @__PURE__ */ r(P, {}) : /* @__PURE__ */ d(A, { children: [
-    /* @__PURE__ */ r(
-      T,
-      {
-        $gapX: 1.5,
-        $gutterX: 1.5,
-        $flexGapX: 1.125,
-        $height: "calc(100vh - 64px - 72px)",
-        ref: c,
-        children: l.map((e) => {
-          const { id: n, node_id: s } = e, R = o.some((S) => S.node_id === s);
-          return /* @__PURE__ */ r(
-            X,
-            {
-              resource: e,
-              onResourceAdditionOrDeletion: f,
-              onViewResource: h,
-              selected: R
-            },
-            `${n}_${s}`
-          );
-        })
-      }
-    ),
-    o.length > 0 && /* @__PURE__ */ r(
-      j,
-      {
-        $flexDirection: "row",
-        $justifyContent: "flex-end",
-        $gapX: 1,
-        $gutterX: 1,
-        children: /* @__PURE__ */ r(
-          v,
-          {
-            renderAs: "primary",
-            label: "Assign",
-            shape: "square",
-            size: "small",
-            widthX: 8.5,
-            analyticsLabel: L.RESOURCE_ASSIGNED,
-            analyticsProps: $,
-            onClick: g,
-            busy: u
-          }
-        )
-      }
-    )
-  ] });
-});
-export {
-  k as default
-};
-//# sourceMappingURL=resource-items.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import type { IResourceItems } from './resource-items-types';\nimport type { FC } from 'react';\n\nimport debounce from 'lodash.debounce';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport SheetIcon from '../../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../resource-assign-analytics-events';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\n\nconst ResourceItems: FC<IResourceItems> = memo(props => {\n  const {\n    pageNumber,\n    totalPages,\n    resourceItems,\n    selectedResource,\n    assigningInProgress,\n    isFilterAdded,\n    onResourceAdditionOrDeletion,\n    onResourceAssign,\n    onViewResource,\n    onPageNumberUpdate,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const analyticsProps = useMemo(\n    () => ({\n      node_ids: selectedResource.map(({ node_id: nodeId }) => nodeId),\n    }),\n    [selectedResource],\n  );\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (scrollElement) {\n      const handleScroll = debounce(() => {\n        const scrollPercentage = scrollElement\n          ? scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)\n          : 0;\n\n        if (pageNumber && totalPages)\n          if (scrollPercentage > 0.85 && pageNumber < totalPages) {\n            onPageNumberUpdate(pageNumber + 1);\n          }\n      }, 300);\n\n      scrollElement.addEventListener('scroll', handleScroll);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', handleScroll);\n      };\n    }\n  }, [containerRef, pageNumber, totalPages, onPageNumberUpdate]);\n\n  if (resourceItems.length === 0) {\n    return isFilterAdded ? (\n      <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n        <SheetIcon opacity={0.38} />\n        <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\">\n          No sheets match the selected filters\n        </Text>\n      </FlexView>\n    ) : (\n      <NoResourceScreen />\n    );\n  }\n\n  return (\n    <>\n      <Styled.ResourceItemWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.125}\n        $height=\"calc(100vh - 64px - 72px)\"\n        ref={containerRef}\n      >\n        {resourceItems.map(item => {\n          const { id, node_id: nodeId } = item;\n          const selected = selectedResource.some(resource => resource.node_id === nodeId);\n\n          return (\n            <ResourceItem\n              key={`${id}_${nodeId}`}\n              resource={item}\n              onResourceAdditionOrDeletion={onResourceAdditionOrDeletion}\n              onViewResource={onViewResource}\n              selected={selected}\n            />\n          );\n        })}\n      </Styled.ResourceItemWrapper>\n\n      {selectedResource.length > 0 && (\n        <Styled.ButtonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"flex-end\"\n          $gapX={1}\n          $gutterX={1}\n        >\n          <Styled.StyledButton\n            renderAs=\"primary\"\n            label=\"Assign\"\n            shape=\"square\"\n            size=\"small\"\n            widthX={8.5}\n            analyticsLabel={RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onResourceAssign}\n            busy={assigningInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default ResourceItems;\n"],"names":["ResourceItems","memo","props","pageNumber","totalPages","resourceItems","selectedResource","assigningInProgress","isFilterAdded","onResourceAdditionOrDeletion","onResourceAssign","onViewResource","onPageNumberUpdate","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","NoResourceScreen","jsxs","Fragment","Styled.ResourceItemWrapper","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAV,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,QAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,EAAA;AA0Bf,SAvBJY,EAAU,MAAM;AACd,UAAMC,IAAgBN,EAAa;AAEnC,QAAIM,GAAe;AACX,YAAAC,IAAeC,EAAS,MAAM;AAClC,cAAMC,IAAmBH,IACrBA,EAAc,aAAaA,EAAc,eAAeA,EAAc,gBACtE;AAEJ,QAAIhB,KAAcC,KACZkB,IAAmB,QAAQnB,IAAaC,KAC1CQ,EAAmBT,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAgB,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,MAAA;AAAA,IAE5D;AAAA,KACC,CAACP,GAAcV,GAAYC,GAAYQ,CAAkB,CAAC,GAEzDP,EAAc,WAAW,IACpBG,sBACJe,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,sBACzBC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,wCAAA;AAAA,EACF,EAAA,CAAA,sBAECC,GAAiB,CAAA,CAAA,IAMlB,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAQ;AAAA,QACR,KAAKjB;AAAA,QAEJ,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,gBAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,iBAAA,gBAAAO;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,UAAUJ;AAAA,cACV,8BAAAtB;AAAA,cACA,gBAAAE;AAAA,cACA,UAAAsB;AAAA,YAAA;AAAA,YAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,UAAA;AAAA,QAKtB,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,IAECX,EAAiB,SAAS,KACzB,gBAAAkB;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAZ;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,gBAAgBC,EAAiC;AAAA,YACjD,gBAAAvB;AAAA,YACA,SAASL;AAAA,YACT,MAAMH;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,62 +0,0 @@
-import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
-import i from "../../../ui/text/text.js";
-const a = t(r)(({ theme: o, $noBorder: e }) => {
-  const { WHITE_5: s } = o.colors;
-  return `
-    ${!e && `border-bottom: 1px solid ${s}`};
-
-    & > div {
-      width: calc(100% - 48px);
-    }
-  `;
-}), c = t.div(({ theme: o }) => `
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      background: ${o.colors.BLACK_T_15};
-      z-index: 2;
-
-      & * {
-        pointer-events: none;
-      }
-
-      & img {
-        top: 50%;
-        position: absolute;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: ${o.layout.gutter * 5}px;
-        height: ${o.layout.gutter * 5}px;
-        filter: brightness(0);
-      }
-    `), d = t(i)`
-  position: absolute;
-  top: 72%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-`, u = t(r)(({ theme: o }) => `
-    overflow-y: auto;
-    border-right: 1px solid ${o.colors.WHITE_5};
-  `), b = t(r)`
-  overflow-y: auto;
-`, m = t(r)(({ theme: o, $selected: e }) => `
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-bottom-color: ${e ? o.colors.BLACK : o.colors.WHITE_5};
-    cursor: pointer;
-  `), x = t(r)(() => `
-    min-width: 20px;
-  `);
-export {
-  b as FilterListWrapper,
-  m as FilterTabWrapper,
-  a as HeaderWrapper,
-  c as LoaderWrapper,
-  d as NoResourceText,
-  x as ResourceCountWrapper,
-  u as SearchContainer
-};
-//# sourceMappingURL=resources-assign-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resources-assign-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IHeaderWrapper {\n  $noBorder?: boolean;\n}\n\nconst HeaderWrapper = styled(FlexView)<IHeaderWrapper>(({ theme, $noBorder }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n    ${!$noBorder && `border-bottom: 1px solid ${WHITE_5}`};\n\n    & > div {\n      width: calc(100% - 48px);\n    }\n  `;\n});\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n  return `\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background: ${theme.colors.BLACK_T_15};\n      z-index: 2;\n\n      & * {\n        pointer-events: none;\n      }\n\n      & img {\n        top: 50%;\n        position: absolute;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: ${theme.layout.gutter * 5}px;\n        height: ${theme.layout.gutter * 5}px;\n        filter: brightness(0);\n      }\n    `;\n});\n\nconst NoResourceText = styled(Text)`\n  position: absolute;\n  top: 72%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nconst SearchContainer = styled(FlexView)(({ theme }) => {\n  return `\n    overflow-y: auto;\n    border-right: 1px solid ${theme.colors.WHITE_5};\n  `;\n});\n\nconst FilterListWrapper = styled(FlexView)`\n  overflow-y: auto;\n`;\n\ninterface IFilterTabWrapper {\n  $selected: boolean;\n}\n\nconst FilterTabWrapper = styled(FlexView)<IFilterTabWrapper>(({ theme, $selected }) => {\n  return `\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: ${$selected ? theme.colors.BLACK : theme.colors.WHITE_5};\n    cursor: pointer;\n  `;\n});\n\nconst ResourceCountWrapper = styled(FlexView)(() => {\n  return `\n    min-width: 20px;\n  `;\n});\n\nexport {\n  FilterListWrapper,\n  FilterTabWrapper,\n  HeaderWrapper,\n  LoaderWrapper,\n  NoResourceText,\n  ResourceCountWrapper,\n  SearchContainer,\n};\n"],"names":["HeaderWrapper","styled","FlexView","theme","$noBorder","WHITE_5","LoaderWrapper","NoResourceText","Text","SearchContainer","FilterListWrapper","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;AASM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,MACH,CAACC,KAAa,4BAA4BC,CAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAMzD,CAAC,GAEKC,IAAgBL,EAAO,IAAI,CAAC,EAAE,OAAAE,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAY1BA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKI,IAAiBN,EAAOO,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAkBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACnC;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKO,IAAoBT,EAAOC,CAAQ;AAAA;AAAA,GAQnCS,IAAmBV,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAS,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYT,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKU,IAAuBZ,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}

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

@@ -1,189 +0,0 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { memo as Z, useState as a, useCallback as l, useEffect as b } from "react";
-import { ILLUSTRATIONS as ee } from "../../../../assets/illustrations/illustrations.js";
-import re from "../../../../assets/line-icons/icons/back2.js";
-import se from "../../../ui/buttons/button/button.js";
-import { useUIContext as oe } from "../../../ui/context/context.js";
-import te from "../../../ui/inputs/searchable-input/searchable-input.js";
-import g from "../../../ui/layout/flex-view.js";
-import ne from "../../../ui/text/text.js";
-import ie from "./added-resource-and-filters.js";
-import { useGetSearchResource as ce } from "./api/get-resource.js";
-import { usePostMilestoneResource as ae } from "./api/goal-resource-assign.js";
-import { usePostLPARResource as le } from "./api/lpar-resource-assign.js";
-import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as de } from "./resource-assign-analytics-events.js";
-import me from "./resource-items/resource-items.js";
-import { LoaderWrapper as ue, SearchContainer as pe, HeaderWrapper as ge } from "./resources-assign-styled.js";
-import { checkIfFiltersAreAdded as w } from "./utils.js";
-const he = Z((L) => {
-  const {
-    studentId: h,
-    stream: U,
-    onResourceAssign: S,
-    onError: I,
-    onExitResourceAssign: k,
-    onViewResource: E,
-    userMilestoneId: d,
-    programId: m
-  } = L, { onEvent: C } = oe(), [u, D] = a(1), [p, N] = a(""), [t, P] = a({
-    stream: U,
-    page: u,
-    per_page: 50,
-    user_id: h,
-    user_milestone_id: d,
-    program_id: m
-  }), [f, F] = a([]), [n, y] = a([]), $ = l(
-    (e) => {
-      e ? I(e) : S();
-    },
-    [I, S]
-  ), {
-    get: R,
-    data: i,
-    isProcessing: V,
-    isProcessingFailed: j
-  } = ce(), { post: x, isProcessing: v } = ae({
-    onComplete: $
-  }), { post: O, isProcessing: G } = le({
-    onComplete: $
-  }), H = (e) => {
-    P((s) => ({ ...s, ...e }));
-  }, T = l(
-    (e, s) => {
-      if (e === "select") {
-        const o = f.find((c) => c.node_id === s);
-        o && y((c) => [...c, o]);
-      } else
-        y(
-          (o) => o.filter((c) => c.node_id !== s)
-        );
-    },
-    [f]
-  ), Q = (e) => {
-    R("ep-dummy-id", {
-      ...t,
-      page: e
-    }), D(e);
-  }, W = (e) => {
-    N(e);
-  }, X = l(
-    (e) => {
-      C(de.RESOURCE_SEARCH_INPUT_VALUE, {
-        search_term: p
-      }), P((s) => ({
-        ...s,
-        search_term: e ? "" : p
-      }));
-    },
-    [p, C]
-  ), A = l(() => {
-    (w(t) || t.stream) && R("ep-dummy-id", t);
-  }, [t, R]), z = l(() => {
-    d ? x(
-      {
-        node_ids: n.map((e) => e.node_id)
-      },
-      { userMilestoneId: d }
-    ) : m && O(
-      {
-        nodes: n.map(({ node_id: e }) => ({
-          id: e,
-          attempt_location: "ANY"
-        })),
-        program_id: m
-      },
-      { studentId: h }
-    );
-  }, [
-    x,
-    d,
-    n,
-    O,
-    m,
-    h
-  ]);
-  if (b(() => {
-    A();
-  }, [A]), b(() => {
-    i && F((e) => {
-      const s = u !== 1 ? [...e, ...i.results] : i.results;
-      return Array.from(new Map(s.map((o) => [o.id, o])).values());
-    });
-  }, [i, u]), j)
-    return /* @__PURE__ */ r(g, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(g, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ r(ne, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-      /* @__PURE__ */ r(
-        se,
-        {
-          widthX: 14,
-          size: "small",
-          shape: "square",
-          renderAs: "primary",
-          label: "Try again",
-          analyticsLabel: "resource_get_api_failed",
-          onClick: A
-        }
-      )
-    ] }) });
-  const { filters: B, total_pages: M = 0 } = i || {}, { boards: Y = [], grades: q = [], node_types: J = [] } = B || {}, K = w(t);
-  return /* @__PURE__ */ _(g, { $flexDirection: "row", $height: "100vh", children: [
-    V && /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
-    /* @__PURE__ */ _(pe, { $width: "60%", children: [
-      /* @__PURE__ */ r(
-        ge,
-        {
-          $heightX: 4,
-          $background: "WHITE_3",
-          $alignItems: "center",
-          $justifyContent: "center",
-          children: /* @__PURE__ */ r(
-            te,
-            {
-              value: p,
-              onSearchTextChange: W,
-              renderAs: "primary",
-              width: "99%",
-              size: "regular",
-              label: "Type topic name...",
-              onEnter: X,
-              searchOnClear: !0,
-              onPrefixElementClick: k,
-              prefixElement: /* @__PURE__ */ r(re, {})
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ r(
-        me,
-        {
-          resourceItems: f,
-          selectedResource: n,
-          pageNumber: u,
-          totalPages: M,
-          assigningInProgress: v || G,
-          isFilterAdded: K,
-          onResourceAdditionOrDeletion: T,
-          onResourceAssign: z,
-          onViewResource: E,
-          onPageNumberUpdate: Q
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r(g, { $width: "40%", children: /* @__PURE__ */ r(
-      ie,
-      {
-        boards: Y,
-        grades: q,
-        nodeTypes: J,
-        selectedResources: n,
-        onResourceDeSelection: T,
-        onFilterUpdate: H,
-        onViewResource: E
-      }
-    ) })
-  ] });
-}), Ue = he;
-export {
-  Ue as default
-};
-//# sourceMappingURL=resources-assign.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resources-assign.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign.tsx"],"sourcesContent":["import type { 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 { memo, useCallback, useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\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 Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { useGetSearchResource } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\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 } 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 [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 handleOnResourceAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onResourceAssign();\n      }\n    },\n    [onError, onResourceAssign],\n  );\n\n  const {\n    get: getSearchResource,\n    data: resourceSearchData,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSearchResource();\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 handleScrollPagination = (newPageNumber: number) => {\n    getSearchResource('ep-dummy-id', {\n      ...searchQuery,\n      page: newPageNumber,\n    });\n    setPageNumber(newPageNumber);\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    if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n      getSearchResource('ep-dummy-id', searchQuery);\n    }\n  }, [searchQuery, getSearchResource]);\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  }, [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  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</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={fetchResource}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  const { filters, total_pages: totalPages = 0 } = resourceSearchData || {};\n  const { boards = [], grades = [], node_types: nodeTypes = [] } = filters || {};\n  const isFilterAdded = checkIfFiltersAreAdded(searchQuery);\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100vh\">\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"resource_loading\" />\n        </Styled.LoaderWrapper>\n      )}\n\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        <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      </Styled.SearchContainer>\n\n      <FlexView $width=\"40%\">\n        <AddedResourceAndFilters\n          boards={boards}\n          grades={grades}\n          nodeTypes={nodeTypes}\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","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","handleOnResourceAssignComplete","useCallback","errorMessage","getSearchResource","resourceSearchData","isProcessing","isProcessingFailed","useGetSearchResource","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleScrollPagination","newPageNumber","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","checkIfFiltersAreAdded","handleOnResourceAssign","nodeId","useEffect","updatedData","item","jsx","FlexView","jsxs","Text","Button","filters","totalPages","boards","grades","nodeTypes","isFilterAdded","Styled.LoaderWrapper","ILLUSTRATIONS","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}

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

@@ -1,8 +0,0 @@
-const c = (e) => {
-  const { node_type: r, grade: o, board: d, search_term: t } = e;
-  return !!(t || r || o || d);
-};
-export {
-  c as checkIfFiltersAreAdded
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/utils.ts"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\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\nexport { checkIfFiltersAreAdded };\n"],"names":["checkIfFiltersAreAdded","searchQuery","nodeType","grade","board","searchTerm"],"mappings":"AAEM,MAAAA,IAAyB,CAACC,MAAqC;AACnE,QAAM,EAAE,WAAWC,GAAU,OAAAC,GAAO,OAAAC,GAAO,aAAaC,EAAe,IAAAJ;AAEvE,SAAO,GAAQI,KAAcH,KAAYC,KAASC;AACpD;"}

package/dist/features/ui/inputs/searchable-input/searchable-input-styled.js

@@ -1,28 +0,0 @@
-import r from "styled-components";
-import p from "../../../../assets/line-icons/icons/cross.js";
-const h = r.div(
-  ({ theme: n, $size: s, $disabled: o, $inputRenderAs: i }) => {
-    const { colors: c, input: t } = n, { iconsize: e } = t.sizes[s], { labelColorName: l } = t.variants[i];
-    return `
-        cursor: pointer;
-        width: ${e}px;
-        height: ${e}px;
-
-        align-self: center;
-        color: ${c[l[o ? "disabled" : "inactive"]]};
-        pointer-events: ${o ? "none" : "auto"};
-
-        & svg {
-          width: 100%;
-          height: 100%;
-        }
-    `;
-  }
-), m = r(p)`
-  cursor: pointer;
-`;
-export {
-  m as StyledCrossIcon,
-  h as StyledPrefixElementWrapper
-};
-//# sourceMappingURL=searchable-input-styled.js.map

package/dist/features/ui/inputs/searchable-input/searchable-input-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n  ({ theme, $size, $disabled, $inputRenderAs }) => {\n    const { colors, input } = theme;\n    const { iconsize } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n        cursor: pointer;\n        width: ${iconsize}px;\n        height: ${iconsize}px;\n\n        align-self: center;\n        color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n        pointer-events: ${$disabled ? 'none' : 'auto'};\n\n        & svg {\n          width: 100%;\n          height: 100%;\n        }\n    `;\n  },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAU,IAAAL,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnD;AACF,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}

package/dist/features/ui/inputs/searchable-input/searchable-input.js

@@ -1,101 +0,0 @@
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import { useRef as O, useCallback as i } from "react";
-import v from "../../buttons/clickable/clickable.js";
-import S from "../../layout/flex-view.js";
-import z from "../base-input/base-input.js";
-import { Input as A } from "../text-input/text-input-styled.js";
-import { StyledPrefixElementWrapper as D, StyledCrossIcon as R } from "./searchable-input-styled.js";
-const G = (u) => {
-  const {
-    renderAs: s,
-    value: h,
-    disabled: t,
-    label: o,
-    width: f,
-    widthX: $,
-    shape: b = "curved",
-    size: c = "regular",
-    onSearchTextChange: a,
-    onPrefixElementClick: l,
-    onEnter: e,
-    searchOnClear: d,
-    analyticsLabel: C,
-    analyticsProps: x,
-    prefixElement: p
-  } = u, m = O(null), g = i(
-    (n) => {
-      a(n.target.value);
-    },
-    [a]
-  ), w = i(
-    (n) => {
-      n.key === "Enter" && (e == null || e());
-    },
-    [e]
-  ), y = i(() => {
-    l == null || l();
-  }, [l]), k = i(() => {
-    var n;
-    a(""), d && (e == null || e(d)), (n = m.current) == null || n.focus();
-  }, [a, d, e]);
-  return /* @__PURE__ */ r(
-    v,
-    {
-      label: o ?? "searchable_input",
-      analyticsLabel: C,
-      analyticsProps: x,
-      disabled: t,
-      children: /* @__PURE__ */ r(
-        z,
-        {
-          renderAs: s,
-          size: c,
-          shape: b,
-          disabled: t,
-          label: o,
-          inputElement: /* @__PURE__ */ I(
-            S,
-            {
-              $flexDirection: "row",
-              $alignItems: "center",
-              $height: "100%",
-              $flexGap: 12,
-              $width: f,
-              $widthX: $,
-              children: [
-                l && p && /* @__PURE__ */ r(
-                  D,
-                  {
-                    $inputRenderAs: s,
-                    $disabled: t,
-                    $size: c,
-                    onClick: y,
-                    children: p
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  A,
-                  {
-                    $renderAs: s,
-                    placeholder: o,
-                    ref: m,
-                    $size: c,
-                    value: h ?? "",
-                    disabled: t,
-                    onChange: g,
-                    onKeyDown: w
-                  }
-                )
-              ]
-            }
-          ),
-          siblingElement: h && /* @__PURE__ */ r(R, { onClick: k })
-        }
-      )
-    }
-  );
-};
-export {
-  G as default
-};
-//# sourceMappingURL=searchable-input.js.map

package/dist/features/ui/inputs/searchable-input/searchable-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n  const {\n    renderAs,\n    value,\n    disabled,\n    label,\n    width,\n    widthX,\n    shape = 'curved',\n    size = 'regular',\n    onSearchTextChange,\n    onPrefixElementClick,\n    onEnter,\n    searchOnClear,\n    analyticsLabel,\n    analyticsProps,\n    prefixElement,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onSearchTextChange(e.target.value);\n    },\n    [onSearchTextChange],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const handleOnPrefixElementClick = useCallback(() => {\n    onPrefixElementClick?.();\n  }, [onPrefixElementClick]);\n\n  const handleOnClear = useCallback(() => {\n    onSearchTextChange('');\n\n    if (searchOnClear) {\n      onEnter?.(searchOnClear);\n    }\n\n    inputRef.current?.focus();\n  }, [onSearchTextChange, searchOnClear, onEnter]);\n\n  return (\n    <Clickable\n      label={label ?? 'searchable_input'}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n      disabled={disabled}\n    >\n      <BaseInput\n        renderAs={renderAs}\n        size={size}\n        shape={shape}\n        disabled={disabled}\n        label={label}\n        inputElement={\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $height=\"100%\"\n            $flexGap={12}\n            $width={width}\n            $widthX={widthX}\n          >\n            {onPrefixElementClick && prefixElement && (\n              <Styled.StyledPrefixElementWrapper\n                $inputRenderAs={renderAs}\n                $disabled={disabled}\n                $size={size}\n                onClick={handleOnPrefixElementClick}\n              >\n                {prefixElement}\n              </Styled.StyledPrefixElementWrapper>\n            )}\n            <Input\n              $renderAs={renderAs}\n              placeholder={label}\n              ref={inputRef}\n              $size={size}\n              value={value ?? ''}\n              disabled={disabled}\n              onChange={handleOnChange}\n              onKeyDown={handleOnKeyDown}\n            />\n          </FlexView>\n        }\n        siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n      />\n    </Clickable>\n  );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAf,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,EAAA,GAGfY,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJW,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACFD,KAAA,QAAAA,EAAUC,MAGZY,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EACjB,GAAA,CAACf,GAAoBG,GAAeD,CAAO,CAAC;AAG7C,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,GAAe;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA;AAAA,EAAA;AAGN;"}