@cuemath/leap 3.1.15-hg1 → 3.1.16

package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n  {\n    id: 'resource-filters',\n    label: 'Filters',\n  },\n  {\n    id: 'resource-added',\n    label: 'Added',\n  },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n  LEARNING: 'Learning',\n  PRACTICE: 'Practice',\n  ASSESSMENT: 'Assessment',\n  LEVEL2: 'Advanced',\n  LEVEL3: 'Advanced',\n  SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n  const {\n    resourceFilters,\n    selectedResources,\n    onResourceDeSelection,\n    onFilterUpdate,\n    onViewResource,\n  } = props;\n\n  const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n  const addedResourceCount = selectedResources.length;\n  const appliedBoard = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n  const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n  const appliedNodeType = useMemo(() => nodeTypes.find(grade => grade.applied)?.name, [nodeTypes]);\n\n  const handleOnBoardChange = useCallback(\n    (updatedBoard: string) => {\n      const boardSelection = appliedBoard === updatedBoard;\n\n      trackEvent(\n        boardSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n        {\n          board: updatedBoard,\n        },\n      );\n      onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n    },\n    [trackEvent, onFilterUpdate, appliedBoard],\n  );\n\n  const handleOnGradeChange = useCallback(\n    (updatedGrade: string) => {\n      const gradeSelection = appliedGrade === updatedGrade;\n\n      trackEvent(\n        gradeSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n        {\n          grade: updatedGrade,\n        },\n      );\n      onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n    },\n    [trackEvent, onFilterUpdate, appliedGrade],\n  );\n\n  const handleOnNodeTypeChange = useCallback(\n    (updatedNodeType: string) => {\n      const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n      trackEvent(\n        nodeTypeSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n        {\n          node_type: updatedNodeType,\n        },\n      );\n      onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n    },\n    [trackEvent, onFilterUpdate, appliedNodeType],\n  );\n\n  const filterItemList = [\n    {\n      title: 'Curriculum',\n      options: boards.map(({ code, name }) => ({\n        id: code,\n        label: name,\n        value: name,\n      })),\n      value: appliedBoard,\n      onClick: handleOnBoardChange,\n    },\n    {\n      title: 'Grade',\n      options: grades.map(({ code, name }) => ({\n        id: code,\n        label: code,\n        value: name,\n      })),\n      value: appliedGrade,\n      onClick: handleOnGradeChange,\n    },\n    {\n      title: 'Type',\n      options: nodeTypes.map(({ code, name }) => ({\n        id: code,\n        label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n        value: name || '',\n      })),\n      value: appliedNodeType,\n      onClick: handleOnNodeTypeChange,\n    },\n  ];\n\n  return (\n    <>\n      <Styled.HeaderWrapper\n        $heightX={4}\n        $background=\"WHITE_3\"\n        $flexDirection=\"row\"\n        $alignItems=\"end\"\n        $noBorder\n      >\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = id === selectedTab;\n\n          return (\n            <Styled.FilterTabWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $width=\"100%\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $gapX={0.5}\n              $selected={selected}\n              onClick={() => setSelectedTab(id)}\n              $flexGap={4}\n              $heightX={2.5}\n            >\n              <Text\n                $renderAs={selected ? 'ub3-bold' : 'ub3'}\n                $align=\"center\"\n                $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n              >\n                {label}\n              </Text>\n              {addedResourceCount > 0 && id === 'resource-added' && (\n                <Styled.ResourceCountWrapper\n                  $borderRadius={50}\n                  $background=\"YELLOW_4\"\n                  $gutter={4}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $heightX={1.25}\n                >\n                  <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n                </Styled.ResourceCountWrapper>\n              )}\n            </Styled.FilterTabWrapper>\n          );\n        })}\n      </Styled.HeaderWrapper>\n\n      <Styled.FilterListWrapper>\n        {selectedTab === 'resource-filters' ? (\n          <>\n            {filterItemList.map(item => {\n              const { title, value, options, onClick } = item;\n\n              return (\n                <Fragment key={title}>\n                  <FilterItem\n                    title={title}\n                    value={value ?? ''}\n                    options={options}\n                    onClick={onClick}\n                  />\n\n                  <Separator height={1} background=\"WHITE_5\" />\n                </Fragment>\n              );\n            })}\n          </>\n        ) : (\n          <>\n            {selectedResources.map(item => (\n              <FlexView $gapX={1} $gutterX={1} key={item.id}>\n                <ResourceItem\n                  resource={item}\n                  onViewResource={onViewResource}\n                  onResourceAdditionOrDeletion={onResourceDeSelection}\n                  selected={true}\n                />\n              </FlexView>\n            ))}\n\n            {addedResourceCount === 0 && (\n              <FlexView\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={2}\n                $height=\"100%\"\n                $flexGap={8}\n              >\n                <SheetIcon opacity={0.38} />\n                <FlexView $widthX={15}>\n                  <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n                    No sheets added\n                  </Text>\n                </FlexView>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.FilterListWrapper>\n    </>\n  );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","resourceFilters","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boards","grades","nodeTypes","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","useMemo","_a","board","appliedGrade","grade","appliedNodeType","handleOnBoardChange","useCallback","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}
+{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n  {\n    id: 'resource-filters',\n    label: 'Filters',\n  },\n  {\n    id: 'resource-added',\n    label: 'Added',\n  },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n  LEARNING: 'Learning',\n  PRACTICE: 'Practice',\n  ASSESSMENT: 'Assessment',\n  LEVEL2: 'Advanced',\n  LEVEL3: 'Advanced',\n  SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n  const {\n    resourceFilters,\n    selectedResources,\n    onResourceDeSelection,\n    onFilterUpdate,\n    onViewResource,\n  } = props;\n\n  const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n  const addedResourceCount = selectedResources.length;\n  const appliedBoard = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n  const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n  const appliedNodeType = useMemo(() => nodeTypes.find(grade => grade.applied)?.name, [nodeTypes]);\n\n  const handleOnBoardChange = useCallback(\n    (updatedBoard: string) => {\n      const boardSelection = appliedBoard === updatedBoard;\n\n      trackEvent(\n        boardSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n        {\n          board: updatedBoard,\n        },\n      );\n      onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n    },\n    [trackEvent, onFilterUpdate, appliedBoard],\n  );\n\n  const handleOnGradeChange = useCallback(\n    (updatedGrade: string) => {\n      const gradeSelection = appliedGrade === updatedGrade;\n\n      trackEvent(\n        gradeSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n        {\n          grade: updatedGrade,\n        },\n      );\n      onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n    },\n    [trackEvent, onFilterUpdate, appliedGrade],\n  );\n\n  const handleOnNodeTypeChange = useCallback(\n    (updatedNodeType: string) => {\n      const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n      trackEvent(\n        nodeTypeSelection\n          ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n          : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n        {\n          node_type: updatedNodeType,\n        },\n      );\n      onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n    },\n    [trackEvent, onFilterUpdate, appliedNodeType],\n  );\n\n  const filterItemList = [\n    {\n      title: 'Curriculum',\n      options: boards.map(({ code, name }) => ({\n        id: code,\n        label: name,\n        value: name,\n      })),\n      value: appliedBoard,\n      onClick: handleOnBoardChange,\n    },\n    {\n      title: 'Grade',\n      options: grades.map(({ code, name }) => ({\n        id: code,\n        label: code,\n        value: name,\n      })),\n      value: appliedGrade,\n      onClick: handleOnGradeChange,\n    },\n    {\n      title: 'Type',\n      options: nodeTypes.map(({ code, name }) => ({\n        id: code,\n        label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n        value: name || '',\n      })),\n      value: appliedNodeType,\n      onClick: handleOnNodeTypeChange,\n    },\n  ];\n\n  return (\n    <>\n      <Styled.HeaderWrapper\n        $heightX={4}\n        $background=\"WHITE_3\"\n        $flexDirection=\"row\"\n        $alignItems=\"end\"\n        $noBorder\n      >\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = id === selectedTab;\n\n          return (\n            <Styled.FilterTabWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $width=\"100%\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $gapX={0.5}\n              $selected={selected}\n              onClick={() => setSelectedTab(id)}\n              $flexGap={4}\n              $heightX={2.5}\n            >\n              <Text\n                $renderAs={selected ? 'ub3-bold' : 'ub3'}\n                $align=\"center\"\n                $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n              >\n                {label}\n              </Text>\n              {addedResourceCount > 0 && id === 'resource-added' && (\n                <Styled.ResourceCountWrapper\n                  $borderRadius={50}\n                  $background=\"YELLOW_4\"\n                  $gutter={4}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $heightX={1.25}\n                >\n                  <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n                </Styled.ResourceCountWrapper>\n              )}\n            </Styled.FilterTabWrapper>\n          );\n        })}\n      </Styled.HeaderWrapper>\n\n      <Styled.FilterListWrapper>\n        {selectedTab === 'resource-filters' ? (\n          <>\n            {filterItemList.map(item => {\n              const { title, value, options, onClick } = item;\n\n              return (\n                <Fragment key={title}>\n                  <FilterItem\n                    title={title}\n                    value={value ?? ''}\n                    options={options}\n                    onClick={onClick}\n                  />\n\n                  <Separator height={1} background=\"WHITE_5\" />\n                </Fragment>\n              );\n            })}\n          </>\n        ) : (\n          <>\n            {selectedResources.map(item => (\n              <FlexView $gapX={1} $gutterX={1} key={item.id}>\n                <ResourceItem\n                  resource={item}\n                  onViewResource={onViewResource}\n                  onResourceAdditionOrDeletion={onResourceDeSelection}\n                  selected={true}\n                />\n              </FlexView>\n            ))}\n\n            {addedResourceCount === 0 && (\n              <FlexView\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={2}\n                $height=\"100%\"\n                $flexGap={8}\n              >\n                <SheetIcon opacity={0.38} />\n                <FlexView $widthX={15}>\n                  <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n                    No sheets added\n                  </Text>\n                </FlexView>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.FilterListWrapper>\n    </>\n  );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","resourceFilters","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boards","grades","nodeTypes","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","useMemo","_a","board","appliedGrade","grade","appliedNodeType","handleOnBoardChange","useCallback","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"goal-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../../constants/api';\n\nconst { usePost: usePostMilestoneResource } = createPostAPI<\n  void,\n  {\n    node_ids: string[];\n  },\n  { userMilestoneId: string }\n>({\n  getURL: (_, { userMilestoneId }) =>\n    `${BASE_URL_V3_1}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { usePostMilestoneResource };\n"],"names":["usePostMilestoneResource","createPostAPI","_","userMilestoneId","BASE_URL_V3_1"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAM5C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,QACZ,GAAGC,CAAa,mBAAmBD,CAAe;AACtD,CAAC;"}
+{"version":3,"file":"goal-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../../constants/api';\n\nconst { usePost: usePostMilestoneResource } = createPostAPI<\n  void,\n  {\n    node_ids: string[];\n  },\n  { userMilestoneId: string }\n>({\n  getURL: (_, { userMilestoneId }) =>\n    `${BASE_URL_V3_1}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { usePostMilestoneResource };\n"],"names":["usePostMilestoneResource","createPostAPI","_","userMilestoneId","BASE_URL_V3_1"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAM5C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,EACZ,MAAA,GAAGC,CAAa,mBAAmBD,CAAe;AACtD,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n  void,\n  {\n    program_id: string;\n    nodes: { id: string; attempt_location: string }[];\n  },\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,QAAgB,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}
+{"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n  void,\n  {\n    program_id: string;\n    nodes: { id: string; attempt_location: string }[];\n  },\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n  cursor: pointer;\n`;\n\ninterface IChevronIcon {\n  $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter}px;\n    height: ${gutter}px;\n    transform: rotate(${$active ? 180 : 0}deg);\n    transition: transform 0.3s ease-out;\n  `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}
+{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n  cursor: pointer;\n`;\n\ninterface IChevronIcon {\n  $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter}px;\n    height: ${gutter}px;\n    transform: rotate(${$active ? 180 : 0}deg);\n    transition: transform 0.3s ease-out;\n  `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n  const { options, title, value, onClick } = props;\n  const [expandItem, setExpandedItem] = useState(true);\n\n  const handleOnExpand = () => {\n    setExpandedItem(prev => !prev);\n  };\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\">{title}</Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAY,IAAAJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAC/B;AAAA,QAWM,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMX,GAAA;AAAA,UAElC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,EAAgB,IAAAH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAQP;AAAA,IAAA,CAEH,EACH,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n  const { options, title, value, onClick } = props;\n  const [expandItem, setExpandedItem] = useState(true);\n\n  const handleOnExpand = () => {\n    setExpandedItem(prev => !prev);\n  };\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\">{title}</Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,MAAYJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAAA;AAAA,QAYzB,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMX,GAAA;AAAA,UAElC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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 { 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,EAAmB,IAAAJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAA,IAAWT,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,EAC7B,CAAA;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,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,UAAU,CAAA;AAAA,EAAA,GAC7C;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-items/no-resource-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n  return (\n    <FlexView\n      $width={620}\n      $height={620}\n      $position=\"relative\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      <Image\n        withLoader={false}\n        src={IMAGES.BG_EMPTY_RESOURCES}\n        alt=\"Empty resources\"\n        width={520}\n        height={520}\n      />\n\n      <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n    </FlexView>\n  );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,6BAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACxE;"}
+{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n  return (\n    <FlexView\n      $width={620}\n      $height={620}\n      $position=\"relative\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      <Image\n        withLoader={false}\n        src={IMAGES.BG_EMPTY_RESOURCES}\n        alt=\"Empty resources\"\n        width={520}\n        height={520}\n      />\n\n      <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n    </FlexView>\n  );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,8BAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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 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      <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":";;;;;;;;;;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,EAAA,IACEV,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,EAAA,MAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,EACnB;AAyBI,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,MAC1D;AAAA,IAAA;AAAA,KAED,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,uCAAA,CAAA;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,IAAiB,CAAA,GACpB,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,EAAW,IAAAc,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,MAKtB;AAAA,IAEH,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,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EACF,GAEJ;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      <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":";;;;;;;;;;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,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;"}

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

@@ -1 +1 @@
-{"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';\nimport { HEADER_HEIGHT } from './constant';\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.WHITE_T_15};\n      backdrop-filter: blur(8px);\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  return `\n    overflow-y: auto;\n    height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n  `;\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","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,MAAYF,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;AAAA,iBAa1BA,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,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}
+{"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';\nimport { HEADER_HEIGHT } from './constant';\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.WHITE_T_15};\n      backdrop-filter: blur(8px);\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  return `\n    overflow-y: auto;\n    height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n  `;\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","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,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;AAAA,iBAa1BA,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,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}

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

@@ -1,23 +1,23 @@
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import { h as ie } from "../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as ce, useState as o, useRef as le, useCallback as f, useEffect as j, useMemo as z } from "react";
-import de from "../../../../assets/line-icons/icons/back2.js";
-import ue from "../../../ui/buttons/button/button.js";
+import { memo as ce, useState as o, useRef as le, useCallback as g, useEffect as j, useMemo as z } from "react";
+import ue from "../../../../assets/line-icons/icons/back2.js";
+import de from "../../../ui/buttons/button/button.js";
 import { useUIContext as he } from "../../../ui/context/context.js";
 import me from "../../../ui/inputs/searchable-input/searchable-input.js";
-import g from "../../../ui/layout/flex-view.js";
+import f from "../../../ui/layout/flex-view.js";
 import pe from "../../../ui/loader/app-loader/app-loader.js";
-import fe from "../../../ui/text/text.js";
-import ge from "./added-resource-and-filters.js";
+import ge from "../../../ui/text/text.js";
+import fe from "./added-resource-and-filters.js";
 import { getResourceSearchAPI as Re } from "./api/get-resource.js";
-import { usePostMilestoneResource as _e } from "./api/goal-resource-assign.js";
-import { usePostLPARResource as Ae } from "./api/lpar-resource-assign.js";
+import { usePostMilestoneResource as Ae } from "./api/goal-resource-assign.js";
+import { usePostLPARResource as _e } from "./api/lpar-resource-assign.js";
 import { HEADER_HEIGHT as Se } from "./constant.js";
 import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as Ie } from "./resource-assign-analytics-events.js";
 import Ee from "./resource-items/resource-items.js";
-import { SearchContainer as Ce, HeaderWrapper as $e, LoaderWrapper as ye } from "./resources-assign-styled.js";
-import { checkIfFiltersAreAdded as G, getCanShowDefaultLoadingScreen as Pe } from "./utils.js";
-const Xe = ce((M) => {
+import { SearchContainer as Ce, HeaderWrapper as $e, LoaderWrapper as Pe } from "./resources-assign-styled.js";
+import { checkIfFiltersAreAdded as G, getCanShowDefaultLoadingScreen as ye } from "./utils.js";
+const we = ce((M) => {
   const {
     studentId: l,
     stream: b,
@@ -25,20 +25,20 @@ const Xe = ce((M) => {
     onError: R,
     onExitResourceAssign: N,
     onViewResource: D,
-    userMilestoneId: d,
-    programId: u
-  } = M, { onEvent: v } = he(), [h, F] = o(1), [_, L] = o(""), [Q, O] = o(""), [i, S] = o({
+    userMilestoneId: u,
+    programId: d
+  } = M, { onEvent: v } = he(), [h, F] = o(1), [A, L] = o(""), [Q, O] = o(""), [i, S] = o({
     stream: b,
     page: h,
     per_page: 50,
     user_id: l,
-    user_milestone_id: d,
-    program_id: u
-  }), [I, W] = o([]), [a, T] = o([]), [m, X] = o(), [E, C] = o(!1), [q, $] = o(!1), [y, B] = o({
+    user_milestone_id: u,
+    program_id: d
+  }), [I, W] = o([]), [a, T] = o([]), [m, X] = o(), [E, C] = o(!1), [q, $] = o(!1), [P, B] = o({
     boards: [],
     grades: [],
     node_types: []
-  }), c = le(null), k = f(
+  }), c = le(null), k = g(
     (e) => {
       if (e)
         R(e);
@@ -48,13 +48,13 @@ const Xe = ce((M) => {
       }
     },
     [R, x, a]
-  ), { post: U, isProcessing: Y } = _e({
+  ), { post: U, isProcessing: Y } = Ae({
     onComplete: k
-  }), { post: H, isProcessing: J } = Ae({
+  }), { post: H, isProcessing: J } = _e({
     onComplete: k
   }), K = (e) => {
     S((r) => ({ ...r, ...e }));
-  }, V = f(
+  }, V = g(
     (e, r) => {
       if (e === "select") {
         const s = I.find((n) => n.node_id === r);
@@ -67,17 +67,17 @@ const Xe = ce((M) => {
     [I]
   ), Z = (e) => {
     L(e);
-  }, ee = f(
+  }, ee = g(
     (e) => {
       v(Ie.RESOURCE_SEARCH_INPUT_VALUE, {
-        search_term: _
+        search_term: A
       }), S((r) => ({
         ...r,
-        search_term: e ? "" : _
+        search_term: e ? "" : A
       }));
     },
-    [_, v]
-  ), P = f(
+    [A, v]
+  ), y = g(
     async (e) => {
       if (e || F(1), C(!0), G(i) || i.stream) {
         c.current && c.current.abort();
@@ -110,43 +110,43 @@ const Xe = ce((M) => {
     },
     [l, i, c, R]
   ), re = (e) => {
-    P(e), F(e);
+    y(e), F(e);
   }, se = () => {
     $(!1), O(""), L(""), S({
       stream: b,
       page: h,
       per_page: 50,
       user_id: l,
-      user_milestone_id: d,
-      program_id: u
+      user_milestone_id: u,
+      program_id: d
     });
-  }, te = f(() => {
-    d ? U(
+  }, te = g(() => {
+    u ? U(
       {
         node_ids: a.map((e) => e.node_id)
       },
-      { userMilestoneId: d }
-    ) : u && H(
+      { userMilestoneId: u }
+    ) : d && H(
       {
         nodes: a.map(({ node_id: e }) => ({
           id: e,
           attempt_location: "ANY"
         })),
-        program_id: u
+        program_id: d
       },
       { studentId: l }
     );
   }, [
     U,
-    d,
+    u,
     a,
     H,
-    u,
+    d,
     l
   ]);
-  j(() => (P(), () => {
+  j(() => (y(), () => {
     c.current && c.current.abort();
-  }), [P]), j(() => {
+  }), [y]), j(() => {
     m && W((e) => {
       const r = h !== 1 ? [...e, ...m.results] : m.results;
       return Array.from(new Map(r.map((s) => [s.id, s])).values());
@@ -154,12 +154,12 @@ const Xe = ce((M) => {
   }, [m, h]);
   const { total_pages: oe = 0 } = m || {}, ne = z(() => G(i), [i]);
   return z(
-    () => Pe(E, y),
-    [E, y]
-  ) ? /* @__PURE__ */ t(pe, { height: "100vh" }) : q ? /* @__PURE__ */ t(g, { $height: "100vh", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ A(g, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ t(fe, { $renderAs: "h6", children: Q || "Oops! Something went wrong. Please try again later." }),
+    () => ye(E, P),
+    [E, P]
+  ) ? /* @__PURE__ */ t(pe, { height: "100vh" }) : q ? /* @__PURE__ */ t(f, { $height: "100vh", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(f, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ t(ge, { $renderAs: "h6", children: Q || "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ t(
-      ue,
+      de,
       {
         widthX: 14,
         size: "small",
@@ -170,8 +170,8 @@ const Xe = ce((M) => {
         onClick: se
       }
     )
-  ] }) }) : /* @__PURE__ */ A(g, { $flexDirection: "row", $height: "100vh", children: [
-    /* @__PURE__ */ A(Ce, { $width: "60%", children: [
+  ] }) }) : /* @__PURE__ */ _(f, { $flexDirection: "row", $height: "100vh", children: [
+    /* @__PURE__ */ _(Ce, { $width: "60%", children: [
       /* @__PURE__ */ t(
         $e,
         {
@@ -182,7 +182,7 @@ const Xe = ce((M) => {
           children: /* @__PURE__ */ t(
             me,
             {
-              value: _,
+              value: A,
               onSearchTextChange: Z,
               renderAs: "primary",
               width: "99%",
@@ -191,13 +191,13 @@ const Xe = ce((M) => {
               onEnter: ee,
               searchOnClear: !0,
               onPrefixElementClick: N,
-              prefixElement: /* @__PURE__ */ t(de, {})
+              prefixElement: /* @__PURE__ */ t(ue, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ A(g, { $height: `calc(100vh - ${Se}px)`, $position: "relative", children: [
-        E && /* @__PURE__ */ t(ye, {}),
+      /* @__PURE__ */ _(f, { $height: `calc(100vh - ${Se}px)`, $position: "relative", children: [
+        E && /* @__PURE__ */ t(Pe, {}),
         /* @__PURE__ */ t(
           Ee,
           {
@@ -215,10 +215,10 @@ const Xe = ce((M) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(g, { $width: "40%", children: /* @__PURE__ */ t(
-      ge,
+    /* @__PURE__ */ t(f, { $width: "40%", children: /* @__PURE__ */ t(
+      fe,
       {
-        resourceFilters: y,
+        resourceFilters: P,
         selectedResources: a,
         onResourceDeSelection: V,
         onFilterUpdate: K,
@@ -226,8 +226,8 @@ const Xe = ce((M) => {
       }
     ) })
   ] });
-});
+}), qe = we;
 export {
-  Xe as default
+  qe 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 { IExtendedResourceModel, IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { getResourceSearchAPI } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { HEADER_HEIGHT } from './constant';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded, getCanShowDefaultLoadingScreen } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n  const {\n    studentId,\n    stream,\n    onResourceAssign,\n    onError,\n    onExitResourceAssign,\n    onViewResource,\n    userMilestoneId,\n    programId,\n  } = props;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [pageNumber, setPageNumber] = useState(1);\n  const [searchValue, setSearchValue] = useState('');\n  const [error, setError] = useState('');\n  const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n    stream: stream,\n    page: pageNumber,\n    per_page: 50,\n    user_id: studentId,\n    user_milestone_id: userMilestoneId,\n    program_id: programId,\n  });\n  const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n  const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n  const [resourceSearchData, setResourceSearchData] = useState<IResourceData | undefined>();\n  const [isResourceSearchProcessing, setIsResourceSearchProcessing] = useState(false);\n  const [isResourceSearchFailed, setIsResourceSearchFailed] = useState(false);\n  const [resourceFilters, setResourceFilters] = useState<IResourceData['filters']>({\n    boards: [],\n    grades: [],\n    node_types: [],\n  });\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const handleOnResourceAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        const toastMessage = `${pluralize(selectedResourceItems.length, 'Resource')} ${\n          selectedResourceItems.length > 1 ? 'have' : 'has'\n        } been assigned and added as homework.`;\n\n        onResourceAssign(toastMessage);\n      }\n    },\n    [onError, onResourceAssign, selectedResourceItems],\n  );\n\n  const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n    usePostMilestoneResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n  const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n    usePostLPARResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n\n  const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n    setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n  };\n\n  const handleOnResourceAdditionOrDeletion = useCallback(\n    (step: IResourceItemStep, resourceNodeId: string) => {\n      if (step === 'select') {\n        const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n        if (resourceItem) {\n          setSelectedResource(prev => {\n            return [...prev, resourceItem];\n          });\n        }\n      } else {\n        setSelectedResource(prev =>\n          prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n        );\n      }\n    },\n    [resourceItems],\n  );\n\n  const handleSearchTextChange = (value: string) => {\n    setSearchValue(value);\n  };\n\n  const handleSearch = useCallback(\n    (searchOnClear?: boolean) => {\n      trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n        search_term: searchValue,\n      });\n\n      setSearchQuery(prev => ({\n        ...prev,\n        search_term: searchOnClear ? '' : searchValue,\n      }));\n    },\n    [searchValue, trackEvent],\n  );\n\n  const fetchResource = useCallback(\n    async (updatedPageNumber?: number) => {\n      //* Reset page number only when filter is updated not on scroll\n      if (!updatedPageNumber) {\n        setPageNumber(1);\n      }\n      setIsResourceSearchProcessing(true);\n\n      if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n        if (abortControllerRef.current) {\n          abortControllerRef.current.abort();\n        }\n\n        const controller = new AbortController();\n\n        abortControllerRef.current = controller;\n\n        await getResourceSearchAPI({\n          id: studentId,\n          query: updatedPageNumber ? { ...searchQuery, page: updatedPageNumber } : searchQuery,\n          meta: null,\n          abortSignal: abortControllerRef.current.signal,\n        })\n          .then(res => {\n            if (res) {\n              const { __CODE__, __ERROR__, isProcessingFailed } = res as IExtendedResourceModel;\n\n              if (__CODE__ >= 400 && __CODE__ < 500) {\n                onError(__ERROR__?.message ?? 'Error while fetching the resource');\n              } else if (__CODE__ === 500) {\n                setIsResourceSearchFailed(isProcessingFailed);\n                setError('Internal server error, Please try again');\n              } else {\n                const { data } = res || {};\n\n                if (data) {\n                  setResourceFilters({\n                    boards: data.filters.boards,\n                    grades: data.filters.grades,\n                    node_types: data.filters.node_types,\n                  });\n                  setResourceSearchData(data);\n                  setIsResourceSearchProcessing(false);\n                }\n              }\n            }\n          })\n          .catch(() => {\n            setIsResourceSearchProcessing(false);\n            setIsResourceSearchFailed(true);\n          });\n      }\n    },\n    [studentId, searchQuery, abortControllerRef, onError],\n  );\n\n  const handleScrollPagination = (newPageNumber: number) => {\n    fetchResource(newPageNumber);\n    setPageNumber(newPageNumber);\n  };\n\n  const handleFailureReset = () => {\n    setIsResourceSearchFailed(false);\n    setError('');\n    setSearchValue('');\n    setSearchQuery({\n      stream: stream,\n      page: pageNumber,\n      per_page: 50,\n      user_id: studentId,\n      user_milestone_id: userMilestoneId,\n      program_id: programId,\n    });\n  };\n\n  const handleOnResourceAssign = useCallback(() => {\n    if (userMilestoneId) {\n      postAssignGoalResource(\n        {\n          node_ids: selectedResourceItems.map(resource => resource.node_id),\n        },\n        { userMilestoneId },\n      );\n    } else if (programId) {\n      postAssignLPARResource(\n        {\n          nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n            id: nodeId,\n            attempt_location: 'ANY',\n          })),\n          program_id: programId,\n        },\n        { studentId },\n      );\n    }\n  }, [\n    postAssignGoalResource,\n    userMilestoneId,\n    selectedResourceItems,\n    postAssignLPARResource,\n    programId,\n    studentId,\n  ]);\n\n  useEffect(() => {\n    fetchResource();\n\n    return () => {\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort();\n      }\n    };\n  }, [fetchResource]);\n\n  useEffect(() => {\n    if (resourceSearchData) {\n      setResourceItems(prev => {\n        const updatedData =\n          pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n        return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n      });\n    }\n  }, [resourceSearchData, pageNumber]);\n\n  const { total_pages: totalPages = 0 } = resourceSearchData || {};\n  const isFilterAdded = useMemo(() => checkIfFiltersAreAdded(searchQuery), [searchQuery]);\n  const canShowDefaultLoader = useMemo(\n    () => getCanShowDefaultLoadingScreen(isResourceSearchProcessing, resourceFilters),\n    [isResourceSearchProcessing, resourceFilters],\n  );\n\n  if (canShowDefaultLoader) return <AppLoader height=\"100vh\" />;\n\n  if (isResourceSearchFailed) {\n    return (\n      <FlexView $height=\"100vh\" $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">\n            {error || 'Oops! Something went wrong. Please try again later.'}\n          </Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            analyticsLabel=\"resource_get_api_failed\"\n            onClick={handleFailureReset}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100vh\">\n      <Styled.SearchContainer $width=\"60%\">\n        <Styled.HeaderWrapper\n          $heightX={4}\n          $background=\"WHITE_3\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <SearchableInput\n            value={searchValue}\n            onSearchTextChange={handleSearchTextChange}\n            renderAs=\"primary\"\n            width=\"99%\"\n            size=\"regular\"\n            label=\"Type topic name...\"\n            onEnter={handleSearch}\n            searchOnClear\n            onPrefixElementClick={onExitResourceAssign}\n            prefixElement={<Back2Icon />}\n          />\n        </Styled.HeaderWrapper>\n\n        <FlexView $height={`calc(100vh - ${HEADER_HEIGHT}px)`} $position=\"relative\">\n          {isResourceSearchProcessing && <Styled.LoaderWrapper />}\n\n          <ResourceItems\n            resourceItems={resourceItems}\n            selectedResource={selectedResourceItems}\n            pageNumber={pageNumber}\n            totalPages={totalPages}\n            assigningInProgress={goalResourceAssignInProgress || lparResourceAssignInProgress}\n            isFilterAdded={isFilterAdded}\n            onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n            onResourceAssign={handleOnResourceAssign}\n            onViewResource={onViewResource}\n            onPageNumberUpdate={handleScrollPagination}\n          />\n        </FlexView>\n      </Styled.SearchContainer>\n\n      <FlexView $width=\"40%\">\n        <AddedResourceAndFilters\n          resourceFilters={resourceFilters}\n          selectedResources={selectedResourceItems}\n          onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n          onFilterUpdate={handleOnSearchQueryChange}\n          onViewResource={onViewResource}\n        />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","error","setError","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","resourceSearchData","setResourceSearchData","isResourceSearchProcessing","setIsResourceSearchProcessing","isResourceSearchFailed","setIsResourceSearchFailed","resourceFilters","setResourceFilters","abortControllerRef","useRef","handleOnResourceAssignComplete","useCallback","errorMessage","toastMessage","pluralize","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","updatedPageNumber","checkIfFiltersAreAdded","controller","getResourceSearchAPI","res","__CODE__","__ERROR__","isProcessingFailed","data","handleScrollPagination","newPageNumber","handleFailureReset","handleOnResourceAssign","nodeId","useEffect","updatedData","item","totalPages","isFilterAdded","useMemo","getCanShowDefaultLoadingScreen","jsx","AppLoader","FlexView","jsxs","Text","Button","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","HEADER_HEIGHT","Styled.LoaderWrapper","ResourceItems","AddedResourceAndFilters"],"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 { IExtendedResourceModel, IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { getResourceSearchAPI } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { HEADER_HEIGHT } from './constant';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded, getCanShowDefaultLoadingScreen } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n  const {\n    studentId,\n    stream,\n    onResourceAssign,\n    onError,\n    onExitResourceAssign,\n    onViewResource,\n    userMilestoneId,\n    programId,\n  } = props;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [pageNumber, setPageNumber] = useState(1);\n  const [searchValue, setSearchValue] = useState('');\n  const [error, setError] = useState('');\n  const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n    stream: stream,\n    page: pageNumber,\n    per_page: 50,\n    user_id: studentId,\n    user_milestone_id: userMilestoneId,\n    program_id: programId,\n  });\n  const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n  const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n  const [resourceSearchData, setResourceSearchData] = useState<IResourceData | undefined>();\n  const [isResourceSearchProcessing, setIsResourceSearchProcessing] = useState(false);\n  const [isResourceSearchFailed, setIsResourceSearchFailed] = useState(false);\n  const [resourceFilters, setResourceFilters] = useState<IResourceData['filters']>({\n    boards: [],\n    grades: [],\n    node_types: [],\n  });\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const handleOnResourceAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        const toastMessage = `${pluralize(selectedResourceItems.length, 'Resource')} ${\n          selectedResourceItems.length > 1 ? 'have' : 'has'\n        } been assigned and added as homework.`;\n\n        onResourceAssign(toastMessage);\n      }\n    },\n    [onError, onResourceAssign, selectedResourceItems],\n  );\n\n  const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n    usePostMilestoneResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n  const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n    usePostLPARResource({\n      onComplete: handleOnResourceAssignComplete,\n    });\n\n  const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n    setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n  };\n\n  const handleOnResourceAdditionOrDeletion = useCallback(\n    (step: IResourceItemStep, resourceNodeId: string) => {\n      if (step === 'select') {\n        const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n        if (resourceItem) {\n          setSelectedResource(prev => {\n            return [...prev, resourceItem];\n          });\n        }\n      } else {\n        setSelectedResource(prev =>\n          prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n        );\n      }\n    },\n    [resourceItems],\n  );\n\n  const handleSearchTextChange = (value: string) => {\n    setSearchValue(value);\n  };\n\n  const handleSearch = useCallback(\n    (searchOnClear?: boolean) => {\n      trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n        search_term: searchValue,\n      });\n\n      setSearchQuery(prev => ({\n        ...prev,\n        search_term: searchOnClear ? '' : searchValue,\n      }));\n    },\n    [searchValue, trackEvent],\n  );\n\n  const fetchResource = useCallback(\n    async (updatedPageNumber?: number) => {\n      //* Reset page number only when filter is updated not on scroll\n      if (!updatedPageNumber) {\n        setPageNumber(1);\n      }\n      setIsResourceSearchProcessing(true);\n\n      if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n        if (abortControllerRef.current) {\n          abortControllerRef.current.abort();\n        }\n\n        const controller = new AbortController();\n\n        abortControllerRef.current = controller;\n\n        await getResourceSearchAPI({\n          id: studentId,\n          query: updatedPageNumber ? { ...searchQuery, page: updatedPageNumber } : searchQuery,\n          meta: null,\n          abortSignal: abortControllerRef.current.signal,\n        })\n          .then(res => {\n            if (res) {\n              const { __CODE__, __ERROR__, isProcessingFailed } = res as IExtendedResourceModel;\n\n              if (__CODE__ >= 400 && __CODE__ < 500) {\n                onError(__ERROR__?.message ?? 'Error while fetching the resource');\n              } else if (__CODE__ === 500) {\n                setIsResourceSearchFailed(isProcessingFailed);\n                setError('Internal server error, Please try again');\n              } else {\n                const { data } = res || {};\n\n                if (data) {\n                  setResourceFilters({\n                    boards: data.filters.boards,\n                    grades: data.filters.grades,\n                    node_types: data.filters.node_types,\n                  });\n                  setResourceSearchData(data);\n                  setIsResourceSearchProcessing(false);\n                }\n              }\n            }\n          })\n          .catch(() => {\n            setIsResourceSearchProcessing(false);\n            setIsResourceSearchFailed(true);\n          });\n      }\n    },\n    [studentId, searchQuery, abortControllerRef, onError],\n  );\n\n  const handleScrollPagination = (newPageNumber: number) => {\n    fetchResource(newPageNumber);\n    setPageNumber(newPageNumber);\n  };\n\n  const handleFailureReset = () => {\n    setIsResourceSearchFailed(false);\n    setError('');\n    setSearchValue('');\n    setSearchQuery({\n      stream: stream,\n      page: pageNumber,\n      per_page: 50,\n      user_id: studentId,\n      user_milestone_id: userMilestoneId,\n      program_id: programId,\n    });\n  };\n\n  const handleOnResourceAssign = useCallback(() => {\n    if (userMilestoneId) {\n      postAssignGoalResource(\n        {\n          node_ids: selectedResourceItems.map(resource => resource.node_id),\n        },\n        { userMilestoneId },\n      );\n    } else if (programId) {\n      postAssignLPARResource(\n        {\n          nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n            id: nodeId,\n            attempt_location: 'ANY',\n          })),\n          program_id: programId,\n        },\n        { studentId },\n      );\n    }\n  }, [\n    postAssignGoalResource,\n    userMilestoneId,\n    selectedResourceItems,\n    postAssignLPARResource,\n    programId,\n    studentId,\n  ]);\n\n  useEffect(() => {\n    fetchResource();\n\n    return () => {\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort();\n      }\n    };\n  }, [fetchResource]);\n\n  useEffect(() => {\n    if (resourceSearchData) {\n      setResourceItems(prev => {\n        const updatedData =\n          pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n        return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n      });\n    }\n  }, [resourceSearchData, pageNumber]);\n\n  const { total_pages: totalPages = 0 } = resourceSearchData || {};\n  const isFilterAdded = useMemo(() => checkIfFiltersAreAdded(searchQuery), [searchQuery]);\n  const canShowDefaultLoader = useMemo(\n    () => getCanShowDefaultLoadingScreen(isResourceSearchProcessing, resourceFilters),\n    [isResourceSearchProcessing, resourceFilters],\n  );\n\n  if (canShowDefaultLoader) return <AppLoader height=\"100vh\" />;\n\n  if (isResourceSearchFailed) {\n    return (\n      <FlexView $height=\"100vh\" $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">\n            {error || 'Oops! Something went wrong. Please try again later.'}\n          </Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            analyticsLabel=\"resource_get_api_failed\"\n            onClick={handleFailureReset}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100vh\">\n      <Styled.SearchContainer $width=\"60%\">\n        <Styled.HeaderWrapper\n          $heightX={4}\n          $background=\"WHITE_3\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <SearchableInput\n            value={searchValue}\n            onSearchTextChange={handleSearchTextChange}\n            renderAs=\"primary\"\n            width=\"99%\"\n            size=\"regular\"\n            label=\"Type topic name...\"\n            onEnter={handleSearch}\n            searchOnClear\n            onPrefixElementClick={onExitResourceAssign}\n            prefixElement={<Back2Icon />}\n          />\n        </Styled.HeaderWrapper>\n\n        <FlexView $height={`calc(100vh - ${HEADER_HEIGHT}px)`} $position=\"relative\">\n          {isResourceSearchProcessing && <Styled.LoaderWrapper />}\n\n          <ResourceItems\n            resourceItems={resourceItems}\n            selectedResource={selectedResourceItems}\n            pageNumber={pageNumber}\n            totalPages={totalPages}\n            assigningInProgress={goalResourceAssignInProgress || lparResourceAssignInProgress}\n            isFilterAdded={isFilterAdded}\n            onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n            onResourceAssign={handleOnResourceAssign}\n            onViewResource={onViewResource}\n            onPageNumberUpdate={handleScrollPagination}\n          />\n        </FlexView>\n      </Styled.SearchContainer>\n\n      <FlexView $width=\"40%\">\n        <AddedResourceAndFilters\n          resourceFilters={resourceFilters}\n          selectedResources={selectedResourceItems}\n          onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n          onFilterUpdate={handleOnSearchQueryChange}\n          onViewResource={onViewResource}\n        />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","error","setError","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","resourceSearchData","setResourceSearchData","isResourceSearchProcessing","setIsResourceSearchProcessing","isResourceSearchFailed","setIsResourceSearchFailed","resourceFilters","setResourceFilters","abortControllerRef","useRef","handleOnResourceAssignComplete","useCallback","errorMessage","toastMessage","pluralize","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","updatedPageNumber","checkIfFiltersAreAdded","controller","getResourceSearchAPI","res","__CODE__","__ERROR__","isProcessingFailed","data","handleScrollPagination","newPageNumber","handleFailureReset","handleOnResourceAssign","nodeId","useEffect","updatedData","item","totalPages","isFilterAdded","useMemo","getCanShowDefaultLoadingScreen","jsx","AppLoader","FlexView","jsxs","Text","Button","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","HEADER_HEIGHT","Styled.LoaderWrapper","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,KAA0CC,GAAK,CAASC,MAAA;AACtD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,EACE,IAAAR,GAEE,EAAE,SAASS,EAAW,IAAIC,GAAa,GAEvC,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3C,CAACG,GAAOC,CAAQ,IAAIJ,EAAS,EAAE,GAC/B,CAACK,GAAaC,CAAc,IAAIN,EAA8B;AAAA,IAClE,QAAAX;AAAA,IACA,MAAMS;AAAA,IACN,UAAU;AAAA,IACV,SAASV;AAAA,IACT,mBAAmBM;AAAA,IACnB,YAAYC;AAAA,EAAA,CACb,GACK,CAACY,GAAeC,CAAgB,IAAIR,EAAmC,CAAE,CAAA,GACzE,CAACS,GAAuBC,CAAmB,IAAIV,EAAmC,CAAE,CAAA,GAEpF,CAACW,GAAoBC,CAAqB,IAAIZ,EAAoC,GAClF,CAACa,GAA4BC,CAA6B,IAAId,EAAS,EAAK,GAC5E,CAACe,GAAwBC,CAAyB,IAAIhB,EAAS,EAAK,GACpE,CAACiB,GAAiBC,CAAkB,IAAIlB,EAAmC;AAAA,IAC/E,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,EAAA,CACd,GAEKmB,IAAqBC,GAA+B,IAAI,GAExDC,IAAiCC;AAAA,IACrC,CAACC,MAAgC;AAC/B,UAAIA;AACF,QAAAhC,EAAQgC,CAAY;AAAA,WACf;AACL,cAAMC,IAAe,GAAGC,GAAAA,UAAUhB,EAAsB,QAAQ,UAAU,CAAC,IACzEA,EAAsB,SAAS,IAAI,SAAS,KAC9C;AAEA,QAAAnB,EAAiBkC,CAAY;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAACjC,GAASD,GAAkBmB,CAAqB;AAAA,EAAA,GAG7C,EAAE,MAAMiB,GAAwB,cAAcC,EAAA,IAClDC,GAAyB;AAAA,IACvB,YAAYP;AAAA,EAAA,CACb,GACG,EAAE,MAAMQ,GAAwB,cAAcC,EAAA,IAClDC,GAAoB;AAAA,IAClB,YAAYV;AAAA,EAAA,CACb,GAEGW,IAA4B,CAACC,MAAsD;AACvF,IAAA3B,EAAe,QAAS,EAAE,GAAG4B,GAAM,GAAGD,EAAe,EAAA;AAAA,EAAA,GAGjDE,IAAqCb;AAAA,IACzC,CAACc,GAAyBC,MAA2B;AACnD,UAAID,MAAS,UAAU;AACrB,cAAME,IAAe/B,EAAc,KAAK,CAAYgC,MAAAA,EAAS,YAAYF,CAAc;AAEvF,QAAIC,KACF5B,EAAoB,CAAQwB,MACnB,CAAC,GAAGA,GAAMI,CAAY,CAC9B;AAAA,MACH;AAEA,QAAA5B;AAAA,UAAoB,OAClBwB,EAAK,OAAO,CAAgBM,MAAAA,EAAa,YAAYH,CAAc;AAAA,QAAA;AAAA,IAGzE;AAAA,IACA,CAAC9B,CAAa;AAAA,EAAA,GAGVkC,IAAyB,CAACC,MAAkB;AAChD,IAAAxC,EAAewC,CAAK;AAAA,EAAA,GAGhBC,KAAerB;AAAA,IACnB,CAACsB,MAA4B;AAC3B,MAAAhD,EAAWiD,GAAiC,6BAA6B;AAAA,QACvE,aAAa5C;AAAA,MAAA,CACd,GAEDK,EAAe,CAAS4B,OAAA;AAAA,QACtB,GAAGA;AAAA,QACH,aAAaU,IAAgB,KAAK3C;AAAA,MAClC,EAAA;AAAA,IACJ;AAAA,IACA,CAACA,GAAaL,CAAU;AAAA,EAAA,GAGpBkD,IAAgBxB;AAAA,IACpB,OAAOyB,MAA+B;AAOpC,UALKA,KACHhD,EAAc,CAAC,GAEjBe,EAA8B,EAAI,GAE9BkC,EAAuB3C,CAAW,KAAKA,EAAY,QAAQ;AAC7D,QAAIc,EAAmB,WACrBA,EAAmB,QAAQ;AAGvB,cAAA8B,IAAa,IAAI;AAEvB,QAAA9B,EAAmB,UAAU8B,GAE7B,MAAMC,GAAqB;AAAA,UACzB,IAAI9D;AAAA,UACJ,OAAO2D,IAAoB,EAAE,GAAG1C,GAAa,MAAM0C,MAAsB1C;AAAA,UACzE,MAAM;AAAA,UACN,aAAac,EAAmB,QAAQ;AAAA,QAAA,CACzC,EACE,KAAK,CAAOgC,MAAA;AACX,cAAIA,GAAK;AACP,kBAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,oBAAAC,GAAA,IAAuBH;AAEhD,gBAAAC,KAAY,OAAOA,IAAW;AACxB,cAAA7D,GAAA8D,KAAA,gBAAAA,EAAW,YAAW,mCAAmC;AAAA,qBACxDD,MAAa;AACtB,cAAApC,EAA0BsC,EAAkB,GAC5ClD,EAAS,yCAAyC;AAAA,iBAC7C;AACL,oBAAM,EAAE,MAAAmD,EAAA,IAASJ,KAAO;AAExB,cAAII,MACiBrC,EAAA;AAAA,gBACjB,QAAQqC,EAAK,QAAQ;AAAA,gBACrB,QAAQA,EAAK,QAAQ;AAAA,gBACrB,YAAYA,EAAK,QAAQ;AAAA,cAAA,CAC1B,GACD3C,EAAsB2C,CAAI,GAC1BzC,EAA8B,EAAK;AAAA,YAEvC;AAAA,UACF;AAAA,QAAA,CACD,EACA,MAAM,MAAM;AACX,UAAAA,EAA8B,EAAK,GACnCE,EAA0B,EAAI;AAAA,QAAA,CAC/B;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC5B,GAAWiB,GAAac,GAAoB5B,CAAO;AAAA,EAAA,GAGhDiE,KAAyB,CAACC,MAA0B;AACxD,IAAAX,EAAcW,CAAa,GAC3B1D,EAAc0D,CAAa;AAAA,EAAA,GAGvBC,KAAqB,MAAM;AAC/B,IAAA1C,EAA0B,EAAK,GAC/BZ,EAAS,EAAE,GACXF,EAAe,EAAE,GACFI,EAAA;AAAA,MACb,QAAAjB;AAAA,MACA,MAAMS;AAAA,MACN,UAAU;AAAA,MACV,SAASV;AAAA,MACT,mBAAmBM;AAAA,MACnB,YAAYC;AAAA,IAAA,CACb;AAAA,EAAA,GAGGgE,KAAyBrC,EAAY,MAAM;AAC/C,IAAI5B,IACFgC;AAAA,MACE;AAAA,QACE,UAAUjB,EAAsB,IAAI,CAAA8B,MAAYA,EAAS,OAAO;AAAA,MAClE;AAAA,MACA,EAAE,iBAAA7C,EAAgB;AAAA,IAAA,IAEXC,KACTkC;AAAA,MACE;AAAA,QACE,OAAOpB,EAAsB,IAAI,CAAC,EAAE,SAASmD,SAAc;AAAA,UACzD,IAAIA;AAAA,UACJ,kBAAkB;AAAA,QAAA,EAClB;AAAA,QACF,YAAYjE;AAAA,MACd;AAAA,MACA,EAAE,WAAAP,EAAU;AAAA,IAAA;AAAA,EAEhB,GACC;AAAA,IACDsC;AAAA,IACAhC;AAAA,IACAe;AAAA,IACAoB;AAAA,IACAlC;AAAA,IACAP;AAAA,EAAA,CACD;AAED,EAAAyE,EAAU,OACMf,KAEP,MAAM;AACX,IAAI3B,EAAmB,WACrBA,EAAmB,QAAQ;EAC7B,IAED,CAAC2B,CAAa,CAAC,GAElBe,EAAU,MAAM;AACd,IAAIlD,KACFH,EAAiB,CAAQ0B,MAAA;AACjB,YAAA4B,IACJhE,MAAe,IAAI,CAAC,GAAGoC,GAAM,GAAGvB,EAAmB,OAAO,IAAIA,EAAmB;AAEnF,aAAO,MAAM,KAAK,IAAI,IAAImD,EAAY,IAAI,CAAAC,MAAQ,CAACA,EAAK,IAAIA,CAAI,CAAC,CAAC,EAAE,OAAQ,CAAA;AAAA,IAAA,CAC7E;AAAA,EACH,GACC,CAACpD,GAAoBb,CAAU,CAAC;AAEnC,QAAM,EAAE,aAAakE,KAAa,EAAE,IAAIrD,KAAsB,CAAA,GACxDsD,KAAgBC,EAAQ,MAAMlB,EAAuB3C,CAAW,GAAG,CAACA,CAAW,CAAC;AAMtF,SAL6B6D;AAAA,IAC3B,MAAMC,GAA+BtD,GAA4BI,CAAe;AAAA,IAChF,CAACJ,GAA4BI,CAAe;AAAA,EAAA,IAGZ,gBAAAmD,EAAAC,IAAA,EAAU,QAAO,QAAQ,CAAA,IAEvDtD,IAEC,gBAAAqD,EAAAE,GAAA,EAAS,SAAQ,SAAQ,aAAY,UAAS,iBAAgB,UAC7D,UAAA,gBAAAC,EAACD,KAAS,WAAW,KAAK,aAAY,UAAS,iBAAgB,UAC7D,UAAA;AAAA,IAAA,gBAAAF,EAACI,IAAK,EAAA,WAAU,MACb,UAAArE,KAAS,uDACZ;AAAA,IACA,gBAAAiE;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAASf;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,EACF,CAAA,EACF,CAAA,IAKD,gBAAAa,EAAAD,GAAA,EAAS,gBAAe,OAAM,SAAQ,SACrC,UAAA;AAAA,IAAA,gBAAAC,EAACG,IAAA,EAAuB,QAAO,OAC7B,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,OAAO3E;AAAA,cACP,oBAAoBwC;AAAA,cACpB,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASE;AAAA,cACT,eAAa;AAAA,cACb,sBAAsBnD;AAAA,cACtB,iCAAgBqF,IAAU,EAAA;AAAA,YAAA;AAAA,UAC5B;AAAA,QAAA;AAAA,MACF;AAAA,wBAECP,GAAS,EAAA,SAAS,gBAAgBQ,EAAa,OAAO,WAAU,YAC9D,UAAA;AAAA,QAA8BjE,KAAA,gBAAAuD,EAACW,IAAA,EAAqB;AAAA,QAErD,gBAAAX;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,eAAAzE;AAAA,YACA,kBAAkBE;AAAA,YAClB,YAAAX;AAAA,YACA,YAAAkE;AAAA,YACA,qBAAqBrC,KAAgCG;AAAA,YACrD,eAAAmC;AAAA,YACA,8BAA8B9B;AAAA,YAC9B,kBAAkBwB;AAAA,YAClB,gBAAAlE;AAAA,YACA,oBAAoB+D;AAAA,UAAA;AAAA,QACtB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAY,EAACE,GAAS,EAAA,QAAO,OACf,UAAA,gBAAAF;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,iBAAAhE;AAAA,QACA,mBAAmBR;AAAA,QACnB,uBAAuB0B;AAAA,QACvB,gBAAgBH;AAAA,QAChB,gBAAAvC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDyF,KAAejG;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"resources-list-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\n\nconst MilestoneResourcesWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst SearchButtonWrapper = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst SearchButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\ninterface IDefaultWrapper {\n  $isImageWrapper?: boolean;\n}\n\nconst DefaultWrapper = styled(FlexView)<IDefaultWrapper>(({ $isImageWrapper }) => {\n  return `\n    position: relative;\n    top: -92px;\n    z-index: ${$isImageWrapper ? '0' : 'unset'};\n  `;\n});\n\nexport { MilestoneResourcesWrapper, SearchButtonWrapper, SearchButtonCover, DefaultWrapper };\n"],"names":["MilestoneResourcesWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","SearchButtonWrapper","SearchButtonCover","theme","colors","DefaultWrapper","$isImageWrapper"],"mappings":";;;AAKM,MAAAA,IAA4BC,EAAOC,CAAQ;AAAA;AAAA,gBAEjCC,CAA2B;AAAA,GAGrCC,IAAsBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMrCG,IAAoBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AAClD,QAAA,EAAE,QAAAC,MAAWD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAMKC,IAAiBP,EAAOC,CAAQ,EAAmB,CAAC,EAAE,iBAAAO,QACnD;AAAA;AAAA;AAAA,eAGMA,IAAkB,MAAM,OAAO;AAAA,GAE7C;"}
+{"version":3,"file":"resources-list-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\n\nconst MilestoneResourcesWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst SearchButtonWrapper = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst SearchButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\ninterface IDefaultWrapper {\n  $isImageWrapper?: boolean;\n}\n\nconst DefaultWrapper = styled(FlexView)<IDefaultWrapper>(({ $isImageWrapper }) => {\n  return `\n    position: relative;\n    top: -92px;\n    z-index: ${$isImageWrapper ? '0' : 'unset'};\n  `;\n});\n\nexport { MilestoneResourcesWrapper, SearchButtonWrapper, SearchButtonCover, DefaultWrapper };\n"],"names":["MilestoneResourcesWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","SearchButtonWrapper","SearchButtonCover","theme","colors","DefaultWrapper","$isImageWrapper"],"mappings":";;;AAKM,MAAAA,IAA4BC,EAAOC,CAAQ;AAAA;AAAA,gBAEjCC,CAA2B;AAAA,GAGrCC,IAAsBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMrCG,IAAoBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AAClD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAMKC,IAAiBP,EAAOC,CAAQ,EAAmB,CAAC,EAAE,iBAAAO,QACnD;AAAA;AAAA;AAAA,eAGMA,IAAkB,MAAM,OAAO;AAAA,GAE7C;"}