@cuemath/leap 3.5.52-as1 → 3.5.53-j1

package/dist/features/milestone/milestone-resources/resources-assign/hooks/use-resource-assign-sync.js

@@ -0,0 +1,50 @@
+import { useRef as g, useMemo as i, useCallback as l, useEffect as h } from "react";
+import { useMessageBrokerChannel as b } from "@cuemath/cue-message-broker";
+const R = ({
+  channelId: r,
+  isTeacher: n
+}) => {
+  const o = g(void 0), f = i(
+    () => ({
+      channelId: r,
+      ttl: 1
+    }),
+    [r]
+  ), { channelStatus: u, setChannelMetadata: s, channelMetadata: a, channel: e } = b({
+    channelOptions: f,
+    metadataRequired: !0,
+    enabled: r !== void 0
+  }), d = i(() => {
+    if (!(n || !a))
+      return a;
+  }, [n, a]), S = l(
+    (t) => {
+      if (!n || !s) return;
+      const c = {
+        pageNumber: t.pageNumber,
+        searchValue: t.searchValue,
+        searchQuery: t.searchQuery,
+        selectedResourceItems: t.selectedResourceItems || [],
+        selectedTab: t.selectedTab,
+        filterExpansion: t.filterExpansion
+      }, p = JSON.stringify(c), y = JSON.stringify(o.current);
+      p !== y && (o.current = c, s(c));
+    },
+    [n, s]
+  ), m = l(() => {
+    e && (e.removeChannelMetadata(), setTimeout(() => {
+      e.destroyChannel();
+    }, 500));
+  }, [e]);
+  return h(() => {
+    !u && e && e.init();
+  }, [e, u]), {
+    syncedState: d,
+    setSyncState: S,
+    closeChannel: m
+  };
+};
+export {
+  R as useResourceAssignSync
+};
+//# sourceMappingURL=use-resource-assign-sync.js.map

package/dist/features/milestone/milestone-resources/resources-assign/hooks/use-resource-assign-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource-assign-sync.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/hooks/use-resource-assign-sync.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\n\nimport type { IEPResourceState } from '../resources-assign-type';\n\ninterface IUseResourceAssignSyncParams {\n  channelId: string;\n  isTeacher: boolean;\n  initialState?: Partial<IEPResourceState>;\n}\n\ninterface IUseResourceAssignSync {\n  syncedState: Partial<IEPResourceState> | undefined;\n  setSyncState: (state: Partial<IEPResourceState>) => void;\n  closeChannel: () => void;\n}\n\nexport const useResourceAssignSync = ({\n  channelId,\n  isTeacher,\n}: IUseResourceAssignSyncParams): IUseResourceAssignSync => {\n  const prevStateRef = useRef<Partial<IEPResourceState> | undefined>(undefined);\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const { channelStatus, setChannelMetadata, channelMetadata, channel } = useMessageBrokerChannel<\n    never,\n    Partial<IEPResourceState>\n  >({\n    channelOptions,\n    metadataRequired: true,\n    enabled: channelId !== undefined,\n  });\n\n  const syncedState = useMemo(() => {\n    if (isTeacher || !channelMetadata) return undefined;\n\n    return channelMetadata;\n  }, [isTeacher, channelMetadata]);\n\n  const setSyncState = useCallback(\n    (state: Partial<IEPResourceState>) => {\n      if (!isTeacher || !setChannelMetadata) return;\n\n      const syncState = {\n        pageNumber: state.pageNumber,\n        searchValue: state.searchValue,\n        searchQuery: state.searchQuery,\n        selectedResourceItems: state.selectedResourceItems || [],\n        selectedTab: state.selectedTab,\n        filterExpansion: state.filterExpansion,\n      };\n\n      const currentStateString = JSON.stringify(syncState);\n      const prevStateString = JSON.stringify(prevStateRef.current);\n\n      if (currentStateString === prevStateString) return;\n\n      prevStateRef.current = syncState;\n\n      setChannelMetadata(syncState);\n    },\n    [isTeacher, setChannelMetadata],\n  );\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.removeChannelMetadata();\n      setTimeout(() => {\n        channel.destroyChannel();\n      }, 500);\n    }\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    syncedState,\n    setSyncState,\n    closeChannel,\n  };\n};\n"],"names":["useResourceAssignSync","channelId","isTeacher","prevStateRef","useRef","channelOptions","useMemo","channelStatus","setChannelMetadata","channelMetadata","channel","useMessageBrokerChannel","syncedState","setSyncState","useCallback","state","syncState","currentStateString","prevStateString","closeChannel","useEffect"],"mappings":";;AAkBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,WAAAC;AAAA,EACA,WAAAC;AACF,MAA4D;AACpD,QAAAC,IAAeC,EAA8C,MAAS,GAEtEC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAL;AAAA,MACA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGN,EAAE,eAAAM,GAAe,oBAAAC,GAAoB,iBAAAC,GAAiB,SAAAC,EAAA,IAAYC,EAGtE;AAAA,IACA,gBAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,SAASJ,MAAc;AAAA,EAAA,CACxB,GAEKW,IAAcN,EAAQ,MAAM;AAC5B,QAAA,EAAAJ,KAAa,CAACO;AAEX,aAAAA;AAAA,EAAA,GACN,CAACP,GAAWO,CAAe,CAAC,GAEzBI,IAAeC;AAAA,IACnB,CAACC,MAAqC;AAChC,UAAA,CAACb,KAAa,CAACM,EAAoB;AAEvC,YAAMQ,IAAY;AAAA,QAChB,YAAYD,EAAM;AAAA,QAClB,aAAaA,EAAM;AAAA,QACnB,aAAaA,EAAM;AAAA,QACnB,uBAAuBA,EAAM,yBAAyB,CAAC;AAAA,QACvD,aAAaA,EAAM;AAAA,QACnB,iBAAiBA,EAAM;AAAA,MAAA,GAGnBE,IAAqB,KAAK,UAAUD,CAAS,GAC7CE,IAAkB,KAAK,UAAUf,EAAa,OAAO;AAE3D,MAAIc,MAAuBC,MAE3Bf,EAAa,UAAUa,GAEvBR,EAAmBQ,CAAS;AAAA,IAC9B;AAAA,IACA,CAACd,GAAWM,CAAkB;AAAA,EAAA,GAG1BW,IAAeL,EAAY,MAAM;AACrC,IAAIJ,MACFA,EAAQ,sBAAsB,GAC9B,WAAW,MAAM;AACf,MAAAA,EAAQ,eAAe;AAAA,OACtB,GAAG;AAAA,EACR,GACC,CAACA,CAAO,CAAC;AAEZ,SAAAU,EAAU,MAAM;AACV,IAAA,CAACb,KAAiBG,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASH,CAAa,CAAC,GAEpB;AAAA,IACL,aAAAK;AAAA,IACA,cAAAC;AAAA,IACA,cAAAM;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,25 @@
+import { jsx as u } from "react/jsx-runtime";
+import { memo as a, useEffect as m } from "react";
+import { useResourceAssignSync as f } from "./hooks/use-resource-assign-sync.js";
+import p from "./resources-assign.js";
+const d = a(function(n) {
+  const { channelId: t, userType: s, ...r } = n, e = s === "TEACHER", { syncedState: c, setSyncState: i, closeChannel: o } = f({
+    channelId: t,
+    isTeacher: e
+  });
+  return m(() => () => {
+    o();
+  }, [o]), /* @__PURE__ */ u(
+    p,
+    {
+      ...r,
+      userType: s,
+      state: e ? void 0 : c,
+      onStateChange: e ? i : void 0
+    }
+  );
+});
+export {
+  d as default
+};
+//# sourceMappingURL=resource-assign-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resource-assign-sync.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resource-assign-sync.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport type { TUserTypes } from '../../../ui/types';\nimport { useResourceAssignSync } from './hooks/use-resource-assign-sync';\nimport EPResourceAssign from './resources-assign';\nimport type { IEPResourceAssign } from './resources-assign-type';\n\ninterface IEPResourceAssignSync extends Omit<IEPResourceAssign, 'state' | 'onStateChange'> {\n  channelId: string;\n  userType: TUserTypes;\n  isTrialSession?: boolean;\n}\n\nconst EPResourceAssignSync: FC<IEPResourceAssignSync> = memo(function EPResourceAssignSync(props) {\n  const { channelId, userType, ...resourceAssignProps } = props;\n\n  const isTeacher = userType === 'TEACHER';\n\n  const { syncedState, setSyncState, closeChannel } = useResourceAssignSync({\n    channelId,\n    isTeacher,\n  });\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <EPResourceAssign\n      {...resourceAssignProps}\n      userType={userType}\n      state={isTeacher ? undefined : syncedState}\n      onStateChange={isTeacher ? setSyncState : undefined}\n    />\n  );\n});\n\nexport default EPResourceAssignSync;\n"],"names":["EPResourceAssignSync","memo","props","channelId","userType","resourceAssignProps","isTeacher","syncedState","setSyncState","closeChannel","useResourceAssignSync","useEffect","jsx","EPResourceAssign"],"mappings":";;;;AAaA,MAAMA,IAAkDC,EAAK,SAA8BC,GAAO;AAChG,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAwBH,GAElDI,IAAYF,MAAa,WAEzB,EAAE,aAAAG,GAAa,cAAAC,GAAc,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IACxE,WAAAP;AAAA,IACA,WAAAG;AAAA,EAAA,CACD;AAED,SAAAK,EAAU,MACD,MAAM;AACE,IAAAF;EAAA,GAEd,CAACA,CAAY,CAAC,GAGf,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,UAAAD;AAAA,MACA,OAAOE,IAAY,SAAYC;AAAA,MAC/B,eAAeD,IAAYE,IAAe;AAAA,IAAA;AAAA,EAAA;AAGhD,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport { type FC, 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';\nimport type { IResourceItems } from './resource-items-types';\n\nconst ResourceItems: FC<IResourceItems> = memo(function ResourceItems(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      <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n        <NoResourceScreen />\n      </Styled.ResourceItemWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\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","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAoCC,EAAK,SAAuBC,GAAO;AACrE,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,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,KAAiB,EACpB,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,8BAAAtB;AAAA,UACA,gBAAAE;AAAA,UACA,UAAAsB;AAAA,QAAA;AAAA,QAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,MAAA;AAAA,IAOzB,CAAA,GACH;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;"}
+{"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport { type FC, 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 {\n  useResourceItems,\n  useSelectedResources,\n  useSearchState,\n  usePagination,\n  useApiState,\n} from '../store/resource-assign-store';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\nimport type { IResourceItems } from './resource-items-types';\n\nconst ResourceItems: FC<IResourceItems> = memo(function ResourceItems(props) {\n  const { assigningInProgress, userType, onResourceAssign, onViewResource, onPageNumberUpdate } =\n    props;\n\n  const resourceItems = useResourceItems();\n  const selectedResource = useSelectedResources();\n  const { isFilterAdded } = useSearchState();\n  const pageNumber = usePagination();\n  const { totalPages } = useApiState();\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      <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n        <NoResourceScreen />\n      </Styled.ResourceItemWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\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              onViewResource={onViewResource}\n              selected={selected}\n              userType={userType}\n            />\n          );\n        })}\n      </Styled.ResourceItemWrapper>\n\n      {selectedResource.length > 0 && userType !== 'STUDENT' && (\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","assigningInProgress","userType","onResourceAssign","onViewResource","onPageNumberUpdate","resourceItems","useResourceItems","selectedResource","useSelectedResources","isFilterAdded","useSearchState","pageNumber","usePagination","totalPages","useApiState","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,IAAoCC,EAAK,SAAuBC,GAAO;AAC3E,QAAM,EAAE,qBAAAC,GAAqB,UAAAC,GAAU,kBAAAC,GAAkB,gBAAAC,GAAgB,oBAAAC,EACvE,IAAAL,GAEIM,IAAgBC,KAChBC,IAAmBC,KACnB,EAAE,eAAAC,MAAkBC,KACpBC,IAAaC,KACb,EAAE,YAAAC,MAAeC,KAEjBC,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUX,EAAiB,IAAI,CAAC,EAAE,SAASY,QAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACZ,CAAgB;AAAA,EAAA;AA0Bf,SAvBJa,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,QAAIV,KAAcE,KACZW,IAAmB,QAAQb,IAAaE,KAC1CT,EAAmBO,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAU,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,MAAA;AAAA,IAE5D;AAAA,KACC,CAACP,GAAcJ,GAAYE,GAAYT,CAAkB,CAAC,GAEzDC,EAAc,WAAW,IACpBI,sBACJgB,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,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,KAAiB,EACpB,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAV,EAAc,IAAI,CAAQ4B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW5B,EAAiB,KAAK,CAAY6B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,gBAAA9B;AAAA,UACA,UAAAgC;AAAA,UACA,UAAAlC;AAAA,QAAA;AAAA,QAJK,GAAGiC,CAAE,IAAIf,CAAM;AAAA,MAAA;AAAA,IAOzB,CAAA,GACH;AAAA,IAECZ,EAAiB,SAAS,KAAKN,MAAa,aAC3C,gBAAAyB;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,SAASf;AAAA,YACT,MAAMF;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}