@cuemath/leap 2.8.34-beta.0 → 2.8.35-beta.0

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js

@@ -1,16 +1,17 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { memo as I, useCallback as a } from "react";
-import _ from "../../../../../../assets/line-icons/icons/cross.js";
-import b from "../../../../../../assets/line-icons/icons/plus.js";
-import y from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { memo as R, useCallback as a } from "react";
+import $ from "../../../../../../assets/line-icons/icons/cross.js";
+import g from "../../../../../../assets/line-icons/icons/plus.js";
+import h from "../../../../../ui/buttons/icon-button/icon-button.js";
 import s from "../../../../../ui/layout/flex-view.js";
-import C from "../../../../../ui/separator/separator.js";
-import { ResourceItemTitle as T, ResourceItemTags as w } from "./resource-item-styled.js";
-import { getGradeTags as R, getBoardTags as k } from "./utils.js";
-const P = I((l) => {
-  const { resource: r, selected: e, onResourceAdditionOrDeletion: c, onViewResource: i } = l, { name: d, stream: m, grades: p, boards: u, node_type: f, node_id: t } = r, $ = R(p), g = k(u), h = a(() => {
+import x from "../../../../../ui/separator/separator.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as l } from "../../resource-assign-analytics-events.js";
+import { ResourceItemTitle as S, ResourceItemTags as A } from "./resource-item-styled.js";
+import { getGradeTags as b, getBoardTags as y } from "./utils.js";
+const U = R((d) => {
+  const { resource: r, selected: e, onResourceAdditionOrDeletion: c, onViewResource: i } = d, { name: m, stream: p, grades: E, boards: f, node_type: u, node_id: t } = r, I = b(E), C = y(f), T = a(() => {
     c(e ? "deselect" : "select", t);
-  }, [c, t, e]), x = a(() => {
+  }, [c, t, e]), _ = a(() => {
     i(r);
   }, [i, r]);
   return /* @__PURE__ */ o(s, { $flexGapX: 1.5, children: [
@@ -23,37 +24,37 @@ const P = I((l) => {
         $flexGapX: 2,
         children: [
           /* @__PURE__ */ o(s, { $flexWrap: !0, $flexGap: 4, $widthX: 25.5, children: [
-            /* @__PURE__ */ n(T, { $renderAs: "ab2", onClick: x, children: d }),
-            /* @__PURE__ */ o(w, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-              m,
+            /* @__PURE__ */ n(S, { $renderAs: "ab2", onClick: _, children: m }),
+            /* @__PURE__ */ o(A, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+              p,
               " ",
-              $,
+              I,
               " ",
-              g,
+              C,
               " • ",
-              f
+              u
             ] })
           ] }),
           /* @__PURE__ */ n(
-            y,
+            h,
             {
-              Icon: e ? _ : b,
+              Icon: e ? $ : g,
               renderAs: e ? "tertiary" : "secondary",
-              analyticsLabel: `resource_item_${e ? "deselection" : "selection"}`,
+              analyticsLabel: e ? l.RESOURCE_ITEM_DESELECTED : l.RESOURCE_ITEM_SELECTED,
               analyticsProps: {
                 node_id: t
               },
               size: "xsmall",
-              onClick: h
+              onClick: T
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(C, { height: 1, background: "WHITE_5" })
+    /* @__PURE__ */ n(x, { height: 1, background: "WHITE_5" })
   ] });
 });
 export {
-  P as default
+  U as default
 };
 //# sourceMappingURL=resource-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import type { IResourceItem } from './resource-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport * as Styled from './resource-item-styled';\nimport { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(props => {\n  const { resource, selected, onResourceAdditionOrDeletion, onViewResource } = props;\n  const { name, stream, grades, boards, node_type: nodeType, node_id: nodeId } = resource;\n  const grade = getGradeTags(grades);\n  const test = getBoardTags(boards);\n\n  const handleOnClick = useCallback(() => {\n    onResourceAdditionOrDeletion(selected ? 'deselect' : 'select', nodeId);\n  }, [onResourceAdditionOrDeletion, nodeId, selected]);\n\n  const handleOnResourceView = useCallback(() => {\n    onViewResource(resource);\n  }, [onViewResource, resource]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGapX={2}\n      >\n        <FlexView $flexWrap $flexGap={4} $widthX={25.5}>\n          <Styled.ResourceItemTitle $renderAs=\"ab2\" onClick={handleOnResourceView}>\n            {name}\n          </Styled.ResourceItemTitle>\n\n          <Styled.ResourceItemTags $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {stream} {grade} {test} • {nodeType}\n          </Styled.ResourceItemTags>\n        </FlexView>\n\n        <IconButton\n          Icon={selected ? CrossIcon : PlusIcon}\n          renderAs={selected ? 'tertiary' : 'secondary'}\n          analyticsLabel={`resource_item_${selected ? 'deselection' : 'selection'}`}\n          analyticsProps={{\n            node_id: nodeId,\n          }}\n          size=\"xsmall\"\n          onClick={handleOnClick}\n        />\n      </FlexView>\n\n      <Separator height={1} background=\"WHITE_5\" />\n    </FlexView>\n  );\n});\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","props","resource","selected","onResourceAdditionOrDeletion","onViewResource","name","stream","grades","boards","nodeType","nodeId","grade","getGradeTags","test","getBoardTags","handleOnClick","useCallback","handleOnResourceView","jsxs","FlexView","jsx","Styled.ResourceItemTitle","Styled.ResourceItemTags","IconButton","CrossIcon","PlusIcon","Separator"],"mappings":";;;;;;;;;AAaM,MAAAA,IAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,8BAAAC,GAA8B,gBAAAC,MAAmBJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAW,IAAAT,GACzEU,IAAQC,EAAaL,CAAM,GAC3BM,IAAOC,EAAaN,CAAM,GAE1BO,IAAgBC,EAAY,MAAM;AACT,IAAAb,EAAAD,IAAW,aAAa,UAAUQ,CAAM;AAAA,EACpE,GAAA,CAACP,GAA8BO,GAAQR,CAAQ,CAAC,GAE7Ce,IAAuBD,EAAY,MAAM;AAC7C,IAAAZ,EAAeH,CAAQ;AAAA,EAAA,GACtB,CAACG,GAAgBH,CAAQ,CAAC;AAG3B,SAAA,gBAAAiB,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAS,WAAS,IAAC,UAAU,GAAG,SAAS,MACxC,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAyB,WAAU,OAAM,SAASJ,GAChD,UACHZ,GAAA;AAAA,8BAECiB,GAAA,EAAwB,WAAU,OAAM,QAAO,cAC7C,UAAA;AAAA,cAAAhB;AAAA,cAAO;AAAA,cAAEK;AAAA,cAAM;AAAA,cAAEE;AAAA,cAAK;AAAA,cAAIJ;AAAA,YAAA,GAC7B;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAW;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAMrB,IAAWsB,IAAYC;AAAA,cAC7B,UAAUvB,IAAW,aAAa;AAAA,cAClC,gBAAgB,iBAAiBA,IAAW,gBAAgB,WAAW;AAAA,cACvE,gBAAgB;AAAA,gBACd,SAASQ;AAAA,cACX;AAAA,cACA,MAAK;AAAA,cACL,SAASK;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAM,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import type { IResourceItem } from './resource-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../../resource-assign-analytics-events';\nimport * as Styled from './resource-item-styled';\nimport { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(props => {\n  const { resource, selected, onResourceAdditionOrDeletion, onViewResource } = props;\n  const { name, stream, grades, boards, node_type: nodeType, node_id: nodeId } = resource;\n  const grade = getGradeTags(grades);\n  const test = getBoardTags(boards);\n\n  const handleOnClick = useCallback(() => {\n    onResourceAdditionOrDeletion(selected ? 'deselect' : 'select', nodeId);\n  }, [onResourceAdditionOrDeletion, nodeId, selected]);\n\n  const handleOnResourceView = useCallback(() => {\n    onViewResource(resource);\n  }, [onViewResource, resource]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGapX={2}\n      >\n        <FlexView $flexWrap $flexGap={4} $widthX={25.5}>\n          <Styled.ResourceItemTitle $renderAs=\"ab2\" onClick={handleOnResourceView}>\n            {name}\n          </Styled.ResourceItemTitle>\n\n          <Styled.ResourceItemTags $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {stream} {grade} {test} • {nodeType}\n          </Styled.ResourceItemTags>\n        </FlexView>\n\n        <IconButton\n          Icon={selected ? CrossIcon : PlusIcon}\n          renderAs={selected ? 'tertiary' : 'secondary'}\n          analyticsLabel={\n            selected\n              ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED\n              : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED\n          }\n          analyticsProps={{\n            node_id: nodeId,\n          }}\n          size=\"xsmall\"\n          onClick={handleOnClick}\n        />\n      </FlexView>\n\n      <Separator height={1} background=\"WHITE_5\" />\n    </FlexView>\n  );\n});\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","props","resource","selected","onResourceAdditionOrDeletion","onViewResource","name","stream","grades","boards","nodeType","nodeId","grade","getGradeTags","test","getBoardTags","handleOnClick","useCallback","handleOnResourceView","jsxs","FlexView","jsx","Styled.ResourceItemTitle","Styled.ResourceItemTags","IconButton","CrossIcon","PlusIcon","RESOURCE_ASSIGN_ANALYTICS_EVENTS","Separator"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,8BAAAC,GAA8B,gBAAAC,MAAmBJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAW,IAAAT,GACzEU,IAAQC,EAAaL,CAAM,GAC3BM,IAAOC,EAAaN,CAAM,GAE1BO,IAAgBC,EAAY,MAAM;AACT,IAAAb,EAAAD,IAAW,aAAa,UAAUQ,CAAM;AAAA,EACpE,GAAA,CAACP,GAA8BO,GAAQR,CAAQ,CAAC,GAE7Ce,IAAuBD,EAAY,MAAM;AAC7C,IAAAZ,EAAeH,CAAQ;AAAA,EAAA,GACtB,CAACG,GAAgBH,CAAQ,CAAC;AAG3B,SAAA,gBAAAiB,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAS,WAAS,IAAC,UAAU,GAAG,SAAS,MACxC,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAyB,WAAU,OAAM,SAASJ,GAChD,UACHZ,GAAA;AAAA,8BAECiB,GAAA,EAAwB,WAAU,OAAM,QAAO,cAC7C,UAAA;AAAA,cAAAhB;AAAA,cAAO;AAAA,cAAEK;AAAA,cAAM;AAAA,cAAEE;AAAA,cAAK;AAAA,cAAIJ;AAAA,YAAA,GAC7B;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAW;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAMrB,IAAWsB,IAAYC;AAAA,cAC7B,UAAUvB,IAAW,aAAa;AAAA,cAClC,gBACEA,IACIwB,EAAiC,2BACjCA,EAAiC;AAAA,cAEvC,gBAAgB;AAAA,gBACd,SAAShB;AAAA,cACX;AAAA,cACA,MAAK;AAAA,cACL,SAASK;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js

@@ -0,0 +1,19 @@
+import { PLUGINS as r } from "../../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var s = /* @__PURE__ */ ((e) => (e.RESOURCE_ASSIGNED = "resource_assigned", e.RESOURCE_BOARD_SELECTED = "resource_board_selected", e.RESOURCE_BOARD_DESELECTED = "resource_board_deselected", e.RESOURCE_GRADE_SELECTED = "resource_grade_selected", e.RESOURCE_GRADE_DESELECTED = "resource_grade_deselected", e.RESOURCE_NODE_TYPE_SELECTED = "resource_node_type_selected", e.RESOURCE_NODE_TYPE_DESELECTED = "resource_node_type_deselected", e.RESOURCE_SEARCH_INPUT_VALUE = "resource_search_input_value", e.RESOURCE_ITEM_SELECTED = "resource_item_selected", e.RESOURCE_ITEM_DESELECTED = "resource_item_deselected", e))(s || {});
+const c = {
+  resource_assigned: [r.MIXPANEL],
+  resource_board_selected: [r.MIXPANEL],
+  resource_board_deselected: [r.MIXPANEL],
+  resource_grade_selected: [r.MIXPANEL],
+  resource_grade_deselected: [r.MIXPANEL],
+  resource_node_type_selected: [r.MIXPANEL],
+  resource_node_type_deselected: [r.MIXPANEL],
+  resource_search_input_value: [r.MIXPANEL],
+  resource_item_selected: [r.MIXPANEL],
+  resource_item_deselected: [r.MIXPANEL]
+};
+export {
+  s as RESOURCE_ASSIGN_ANALYTICS_EVENTS,
+  c as RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS
+};
+//# sourceMappingURL=resource-assign-analytics-events.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resource-assign-analytics-events.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum RESOURCE_ASSIGN_ANALYTICS_EVENTS {\n  RESOURCE_ASSIGNED = 'resource_assigned',\n  RESOURCE_BOARD_SELECTED = 'resource_board_selected',\n  RESOURCE_BOARD_DESELECTED = 'resource_board_deselected',\n  RESOURCE_GRADE_SELECTED = 'resource_grade_selected',\n  RESOURCE_GRADE_DESELECTED = 'resource_grade_deselected',\n  RESOURCE_NODE_TYPE_SELECTED = 'resource_node_type_selected',\n  RESOURCE_NODE_TYPE_DESELECTED = 'resource_node_type_deselected',\n  RESOURCE_SEARCH_INPUT_VALUE = 'resource_search_input_value',\n  RESOURCE_ITEM_SELECTED = 'resource_item_selected',\n  RESOURCE_ITEM_DESELECTED = 'resource_item_deselected',\n}\n\nexport const RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS = {\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["RESOURCE_ASSIGN_ANALYTICS_EVENTS","RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,oBAAoB,qBACpBA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,iCAChCA,EAAA,8BAA8B,+BAC9BA,EAAA,yBAAyB,0BACzBA,EAAA,2BAA2B,4BAVjBA,IAAAA,KAAA,CAAA,CAAA;AAaL,MAAMC,IAA6C;AAAA,EACvD,mBAAqD,CAACC,EAAQ,QAAQ;AAAA,EACtE,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,+BAAiE,CAACA,EAAQ,QAAQ;AAAA,EAClF,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,wBAA0D,CAACA,EAAQ,QAAQ;AAAA,EAC3E,0BAA4D,CAACA,EAAQ,QAAQ;AAChF;"}

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

@@ -1,14 +1,14 @@
-import { jsxs as d, jsx as r, Fragment as x } from "react/jsx-runtime";
-import A from "../../../../../node_modules/lodash.debounce/index.js";
-import { memo as _, useRef as I, useMemo as b, useEffect as y } from "react";
-import S from "../../../../../assets/line-icons/icons/sheet.js";
-import { PLATFORM_EVENTS_TEACHER as C } from "../../../../analytics-events/platform-events-teacher.js";
+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 P from "../../../../ui/text/text.js";
-import T from "../comps/resource-item/resource-item.js";
-import X from "./no-resource-screen.js";
-import { ResourceItemWrapper as L, ButtonWrapper as j, StyledButton as v } from "./resource-items-styled.js";
-const W = _((a) => {
+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,
@@ -20,16 +20,16 @@ const W = _((a) => {
     onResourceAssign: g,
     onViewResource: h,
     onPageNumberUpdate: m
-  } = a, c = I(null), $ = b(
+  } = a, c = _(null), $ = x(
     () => ({
       node_ids: o.map(({ node_id: e }) => e)
     }),
     [o]
   );
-  return y(() => {
+  return b(() => {
     const e = c.current;
     if (e) {
-      const n = A(() => {
+      const n = E(() => {
         const s = e ? e.scrollTop / (e.scrollHeight - e.clientHeight) : 0;
         t && i && s > 0.85 && t < i && m(t + 1);
       }, 300);
@@ -38,11 +38,11 @@ const W = _((a) => {
       };
     }
   }, [c, t, i, m]), l.length === 0 ? p ? /* @__PURE__ */ d(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ r(S, { opacity: 0.38 }),
-    /* @__PURE__ */ r(P, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
-  ] }) : /* @__PURE__ */ r(X, {}) : /* @__PURE__ */ d(x, { 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(
-      L,
+      T,
       {
         $gapX: 1.5,
         $gutterX: 1.5,
@@ -50,9 +50,9 @@ const W = _((a) => {
         $height: "calc(100vh - 64px - 72px)",
         ref: c,
         children: l.map((e) => {
-          const { id: n, node_id: s } = e, R = o.some((E) => E.node_id === s);
+          const { id: n, node_id: s } = e, R = o.some((S) => S.node_id === s);
           return /* @__PURE__ */ r(
-            T,
+            X,
             {
               resource: e,
               onResourceAdditionOrDeletion: f,
@@ -79,7 +79,7 @@ const W = _((a) => {
             shape: "square",
             size: "small",
             widthX: 8.5,
-            analyticsLabel: C.RESOURCE_ASSIGNED,
+            analyticsLabel: L.RESOURCE_ASSIGNED,
             analyticsProps: $,
             onClick: g,
             busy: u
@@ -90,6 +90,6 @@ const W = _((a) => {
   ] });
 });
 export {
-  W as default
+  k 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 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 { PLATFORM_EVENTS_TEACHER } from '../../../../analytics-events/platform-events-teacher';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\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={PLATFORM_EVENTS_TEACHER.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","PLATFORM_EVENTS_TEACHER"],"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,EAAwB;AAAA,YACxC,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 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.js

@@ -1,113 +1,117 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
-import { memo as Z, useState as l, useCallback as d, useEffect as L } from "react";
+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/loader/app-loader/app-loader.js";
-import ie from "../../../ui/text/text.js";
-import ce from "./added-resource-and-filters.js";
-import { useGetSearchResource as ae } from "./api/get-resource.js";
-import { usePostMilestoneResource as le } from "./api/goal-resource-assign.js";
-import { usePostLPARResource as de } from "./api/lpar-resource-assign.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 k } from "./utils.js";
-const he = Z((v) => {
+import { checkIfFiltersAreAdded as w } from "./utils.js";
+const he = Z((L) => {
   const {
-    studentId: A,
-    stream: D,
-    onResourceAssign: _,
+    studentId: h,
+    stream: U,
+    onResourceAssign: S,
     onError: I,
-    onExitResourceAssign: F,
-    onViewResource: P,
-    userMilestoneId: m,
-    programId: u
-  } = v, { onEvent: S } = oe(), [y, j] = l(1), [n, U] = l(""), [o, $] = l({
-    stream: D,
-    page: y,
+    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_milestone_id: m,
-    program_id: u
-  }), [p, C] = l([]), [i, x] = l([]), E = d(
+    user_id: h,
+    user_milestone_id: d,
+    program_id: m
+  }), [f, F] = a([]), [n, y] = a([]), $ = l(
     (e) => {
-      e ? I(e) : _();
+      e ? I(e) : S();
     },
-    [I, _]
+    [I, S]
   ), {
-    get: h,
-    data: c,
-    isProcessing: b,
-    isProcessingFailed: V
-  } = ae(), { post: w, isProcessing: G } = le({
-    onComplete: E
-  }), { post: O, isProcessing: N } = de({
-    onComplete: E
-  }), Q = (e) => {
-    $((t) => ({ ...t, ...e }));
-  }, T = d(
-    (e, t) => {
+    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 s = p.find((a) => a.node_id === t);
-        s && x((a) => [...a, s]);
+        const o = f.find((c) => c.node_id === s);
+        o && y((c) => [...c, o]);
       } else
-        x(
-          (s) => s.filter((a) => a.node_id !== t)
+        y(
+          (o) => o.filter((c) => c.node_id !== s)
         );
     },
-    [p]
-  ), W = (e) => {
-    h("ep-dummy-id", {
-      ...o,
+    [f]
+  ), Q = (e) => {
+    R("ep-dummy-id", {
+      ...t,
       page: e
-    }), j(e);
-  }, X = (e) => {
-    U(e);
-  }, z = d(() => {
-    n && S("resource_search_input_value", {
-      search_term: n
-    }), $((e) => ({
-      ...e,
-      search_term: n || ""
-    }));
-  }, [n, S]), f = d(() => {
-    (k(o) || o.stream) && (h("ep-dummy-id", o), C([]));
-  }, [o, h]), B = d(() => {
-    m ? w(
+    }), 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: i.map((e) => e.node_id)
+        node_ids: n.map((e) => e.node_id)
       },
-      { userMilestoneId: m }
-    ) : u && O(
+      { userMilestoneId: d }
+    ) : m && O(
       {
-        nodes: i.map(({ node_id: e }) => ({
+        nodes: n.map(({ node_id: e }) => ({
           id: e,
           attempt_location: "ANY"
         })),
-        program_id: u
+        program_id: m
       },
-      { studentId: A }
+      { studentId: h }
     );
   }, [
-    w,
-    m,
-    i,
+    x,
+    d,
+    n,
     O,
-    u,
-    A
+    m,
+    h
   ]);
-  if (L(() => {
-    f();
-  }, [f]), L(() => {
-    c && C((e) => {
-      const t = [...e, ...c.results];
-      return Array.from(new Map(t.map((s) => [s.id, s])).values());
+  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());
     });
-  }, [c]), V)
-    return /* @__PURE__ */ r(g, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ R(g, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ r(ie, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+  }, [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,
         {
@@ -117,16 +121,14 @@ const he = Z((v) => {
           renderAs: "primary",
           label: "Try again",
           analyticsLabel: "resource_get_api_failed",
-          onClick: f
+          onClick: A
         }
       )
     ] }) });
-  if (b && !c && p.length === 0)
-    return /* @__PURE__ */ r(ne, { height: "100vh" });
-  const { filters: H, total_pages: M = 0 } = c || {}, { boards: q = [], grades: Y = [], node_types: J = [] } = H || {}, K = k(o);
-  return /* @__PURE__ */ R(g, { $flexDirection: "row", $height: "100vh", children: [
-    b && /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
-    /* @__PURE__ */ R(pe, { $width: "60%", children: [
+  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,
         {
@@ -137,14 +139,15 @@ const he = Z((v) => {
           children: /* @__PURE__ */ r(
             te,
             {
-              value: n,
-              onSearchTextChange: X,
+              value: p,
+              onSearchTextChange: W,
               renderAs: "primary",
               width: "99%",
               size: "regular",
               label: "Type topic name...",
-              onEnter: z,
-              onPrefixElementClick: F,
+              onEnter: X,
+              searchOnClear: !0,
+              onPrefixElementClick: k,
               prefixElement: /* @__PURE__ */ r(re, {})
             }
           )
@@ -153,34 +156,34 @@ const he = Z((v) => {
       /* @__PURE__ */ r(
         me,
         {
-          resourceItems: p,
-          selectedResource: i,
-          pageNumber: y,
+          resourceItems: f,
+          selectedResource: n,
+          pageNumber: u,
           totalPages: M,
-          assigningInProgress: G || N,
+          assigningInProgress: v || G,
           isFilterAdded: K,
           onResourceAdditionOrDeletion: T,
-          onResourceAssign: B,
-          onViewResource: P,
-          onPageNumberUpdate: W
+          onResourceAssign: z,
+          onViewResource: E,
+          onPageNumberUpdate: Q
         }
       )
     ] }),
     /* @__PURE__ */ r(g, { $width: "40%", children: /* @__PURE__ */ r(
-      ce,
+      ie,
       {
-        boards: q,
-        grades: Y,
+        boards: Y,
+        grades: q,
         nodeTypes: J,
-        selectedResources: i,
+        selectedResources: n,
         onResourceDeSelection: T,
-        onFilterUpdate: Q,
-        onViewResource: P
+        onFilterUpdate: H,
+        onViewResource: E
       }
     ) })
   ] });
-}), ke = he;
+}), Ue = he;
 export {
-  ke as default
+  Ue as default
 };
 //# sourceMappingURL=resources-assign.js.map

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

@@ -1 +1 @@
-{"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 AppLoader from '../../../ui/loader/app-loader/app-loader';\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 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_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    if (searchValue) {\n      trackEvent('resource_search_input_value', {\n        search_term: searchValue,\n      });\n    }\n\n    setSearchQuery(prev => ({\n      ...prev,\n      search_term: searchValue || '',\n    }));\n  }, [searchValue, trackEvent]);\n\n  const fetchResource = useCallback(() => {\n    if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n      getSearchResource('ep-dummy-id', searchQuery);\n      setResourceItems([]);\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 = [...prev, ...resourceSearchData.results];\n\n        return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n      });\n    }\n  }, [resourceSearchData]);\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  if (isProcessing && !resourceSearchData && resourceItems.length === 0) {\n    return <AppLoader height=\"100vh\" />;\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            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","fetchResource","checkIfFiltersAreAdded","handleOnResourceAssign","nodeId","useEffect","updatedData","item","jsx","FlexView","jsxs","Text","Button","AppLoader","filters","totalPages","boards","grades","nodeTypes","isFilterAdded","Styled.LoaderWrapper","ILLUSTRATIONS","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}
+{"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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"}