\n \n \n
\n \n
\n \n 
\n
\n \n \n Log In\n \n \n \n \n \n
\n Please enter your email address and password.
\n \n Forgot password\n
\n {props?.appVersion !== \"null\"?props?.appVersion.replace(/\"/g, \"\"):\"\"}
\n \n Forgot Password\n \n \n \n \n \n
\n Please enter your user id/email. You will receive an email with further instructions to reset your password.
\n \n Back to Login\n
\n {props?.appVersion !== \"null\"?props?.appVersion.replace(/\"/g, \"\"):\"\"}
\n Edit Cart
:\n Create New Cart
\n }\n \n \n );\n};\n","export const Messages = {\n ADD_TO_CART: \"Adding to {0}.\",\n ITEM_ADDED: \"Added successfully.\",\n CART_CREATED: \"Cart created successfully.\",\n CART_DELETED: \"Cart deleted successfully.\",\n RULES_UPDATED: \"Rules saved successfully.\",\n AUTO_CART_MESSAGE: `Let us do the work for you! Configure Auto Carts to save time managing your collection. Carts are automatically updated once a day.`,\n SAVE_SEARCH: \"Saving your Search\",\n SAVE_SEARCH_SUCCESS: \"Search Saved Successfully\",\n REMOVING_ITEM: \"Removing selected items.\",\n ITEM_REMOVED: \"Removed successfully.\",\n ITEM_UPDATE: \"Items Updated successfully.\",\n MOVE_ITEM: \"Moving selected items.\",\n MOVE_SUCCESS: \"Moved successfully.\",\n QUANTITY_UPDATED: \"Updating Quantity of selected items.\",\n\n}; \n","import { Page } from \"./constants\"\n\nexport const searchString = {\n title: \"\",\n author: \"\",\n narrator: \"\",\n category: \"\",\n subCategory: \"\",\n audience: \"\",\n language: \"\",\n keyword: \"\",\n series: \"\",\n persaleTitle: \"\",\n HoldRatio: \"\",\n MaximumPriceAmount: \"\",\n MinimumPriceAmount: \"\",\n publisher: \"\",\n publisheWithin: \"\",\n provider: \"\",\n dateAdedToCl: \"\",\n formats: \"all\",\n filters: \"\",\n publishDays: \"\",\n}\n\nexport const searchBody = {\n SearchSaveId:\"\",\n SearchSaveName:\"\",\n AuthorSearch:[],\n Narrator:\"\",\n CategorySearch:[],\n FromPublisherDate:\"\",\n HoldRatio:\"\",\n ItemFormatId:0,\n Language:\"\",\n MaximumPriceAmount:\"\",\n MinimumPriceAmount:\"\",\n ExcludeSelfPublished:false,\n PublisherSearch:[],\n QuickSearch:[],\n series: null,\n SubCategorySearch:[],\n TitleDaysOld:0,\n PreSaleDays:0,\n TitleSearch:[],\n ToPublisherDate:\"\",\n TargetAudienceIds:[],\n ContentProviderSearch:[],\n AddedToCatalogDateFrom:\"\",\n AddedToCatalogDateTo:\"\",\n AddedToCatalogDaysOld:0,\n ItemFormatIdSet:[\"1\", \"2\", \"3\"],\n SearchSaveDescription:\"\",\n SharingStatusCode: \"P\",\n LibraryId: 0,\n NotInCollection: false,\n EISBN: \"\",\n ChangeDateTime:\"\",\n ChangeUserId: \"\",\n CreateDateTime: \"\",\n CreateUserId: \"\",\n AllowedSharingStatusCodes: [\"P\"],\n MediaTypeIdSet: [],\n CatalogId: 0,\n recordCount: Page.DEFAULT_COUNT,\n recordStart: Page.DEFAULT_START,\n sortField: \"\",\n sortDirection: \"\",\n}\n","import { searchBody, searchString } from \"../web/constants/searchConstant\";\n\nexport const searchPayloadForSeries = async (series: string, appUser: any) => {\n let searchParam = {\n ...searchBody,\n series: series,\n LibraryId:\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0,\n CatalogId:\n appUser && appUser.libraryData ? appUser.libraryData[0].NatureId : 0,\n };\n\n let strinParam = {\n ...searchString,\n series: series,\n };\n\n let state: any = {\n searchDetails: searchParam,\n };\n\n return { searchParam, strinParam, state };\n};\n\nexport const searchPayloadForAuthor = async (author: string, appUser: any) => {\n const regexForStringReplace = /,/gi;\n const temp: any = author?.replace(regexForStringReplace, \",\").split(\";\");\n let searchParam = {\n ...searchBody,\n AuthorSearch: temp,\n LibraryId:\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0,\n CatalogId:\n appUser && appUser.libraryData ? appUser.libraryData[0].NatureId : 0,\n };\n\n let strinParam = {\n ...searchString,\n author: author,\n };\n\n let state: any = {\n searchDetails: searchParam,\n };\n\n return { searchParam, strinParam, state };\n};\n\nexport const searchPayloadForNarrator = async (\n narrator: string,\n appUser: any\n) => {\n const temp: any = narrator;\n\n let searchParam = {\n ...searchBody,\n Narrator: temp,\n LibraryId:\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0,\n CatalogId:\n appUser && appUser.libraryData ? appUser.libraryData[0].NatureId : 0,\n };\n\n let strinParam = {\n ...searchString,\n narrator: narrator,\n };\n\n let state: any = {\n searchDetails: searchParam,\n };\n\n return { searchParam, strinParam, state };\n};\n\n\nconst getMediaType = (arr: any) => {\n var x = arr;\n if (x.includes(\"1\") && x.includes(\"2\") && x.includes(\"3\")) {\n return [1, 2];\n } else if (x.includes(\"1\") && x.includes(\"2\") && !x.includes(\"3\")) {\n return [1];\n } else if (x.includes(\"1\") && !x.includes(\"2\") && !x.includes(\"3\")) {\n return [];\n } else if (!x.includes(\"1\") && x.includes(\"2\") && !x.includes(\"3\")) {\n return [];\n } else if (!x.includes(\"1\") && !x.includes(\"2\") && x.includes(\"3\")) {\n return [2];\n } else if (!x.includes(\"1\") && x.includes(\"2\") && x.includes(\"3\")) {\n return [2];\n } else if (x.includes(\"1\") && !x.includes(\"2\") && x.includes(\"3\")) {\n return [2];\n } else if (!x.includes(\"1\") && !x.includes(\"2\") && !x.includes(\"3\")) {\n return [];\n } else {\n return [];\n }\n};\n\n//payload standards for advance search\nexport const checkPayloadAndReform = (item: any) => {\n let ItemFormatIdSets: any = [];\n const getFormat = (item: any) => {\n var itemFormatIdSet: any = item;\n const formatMap: any = {\n \"1\": \"EPUB\",\n \"2\": \"PDF\",\n \"3\": \"MP3\",\n };\n const itemFormatIds: any = {\n Ebooks: [],\n Audiobooks: [],\n };\n itemFormatIdSet?.forEach((id: any) => {\n if (formatMap[id]) {\n if (id === \"1\" || id === \"2\") {\n itemFormatIds?.Ebooks?.push(formatMap[id]);\n if (id === \"1\") {\n ItemFormatIdSets?.push(1);\n } else if (id === \"2\") {\n ItemFormatIdSets?.push(2);\n }\n } else if (id === \"3\") {\n itemFormatIds?.Audiobooks?.push(formatMap[id]);\n }\n }\n });\n if (itemFormatIds.Ebooks.length === 0) {\n delete itemFormatIds?.Ebooks;\n }\n if (itemFormatIds.Audiobooks.length === 0) {\n delete itemFormatIds?.Audiobooks;\n }\n return itemFormatIds;\n };\n const ItemFormatSet = getFormat(\n item?.ItemFormatIdSet ? item?.ItemFormatIdSet : []\n );\n\n return {\n AddedToCatalogDateFrom: item?.AddedToCatalogDateFrom\n ? item?.AddedToCatalogDateFrom\n : null,\n AddedToCatalogDateTo: item?.AddedToCatalogDateTo\n ? item?.AddedToCatalogDateTo\n : null,\n AddedToCatalogDaysOld: item?.AddedToCatalogDaysOld\n ? item?.AddedToCatalogDaysOld\n : \"\",\n AuthorSearch: item?.AuthorSearch ? item?.AuthorSearch : [\"\"],\n ContentProviderSearch: item?.ContentProviderSearch\n ? item?.ContentProviderSearch\n : [],\n CategorySearch: item?.CategorySearch ? item?.CategorySearch : [],\n EISBN: item?.EISBN ? item?.EISBN : \"\",\n SeriesSearch: item?.series ? item?.series : [],\n Narrator: item?.Narrator ? item?.Narrator : \"\",\n FromPublisherDate: item?.FromPublisherDate ? item?.FromPublisherDate : null,\n FromPurchaseDate: item?.FromPurchaseDate ? item?.FromPurchaseDate : null,\n HoldRatio: item?.HoldRatio ? item?.HoldRatio : \"\",\n InCollection: item?.InCollection,\n ItemFormatId: \"\",\n ItemFormatIds:\n Object?.keys(ItemFormatSet)?.length !== 0 ? ItemFormatSet : null,\n ItemFormatIdSet: ItemFormatIdSets\n ? ItemFormatIdSets.length !== 2\n ? ItemFormatIdSets\n : []\n : [],\n MediaTypeIdSet: getMediaType(item?.ItemFormatIdSet?item?.ItemFormatIdSet:[]),\n Language: item?.Language ? item?.Language : [],\n LibraryId: item?.LibraryId ? item?.LibraryId : \"\",\n MinimumPriceAmount: item?.MinimumPriceAmount\n ? item?.MinimumPriceAmount\n : \"\",\n MaximumPriceAmount: item?.MaximumPriceAmount\n ? item?.MaximumPriceAmount\n : \"\",\n NotInCollection: item?.NotInCollection ? item?.NotInCollection : true,\n ExcludeSelfPublished: item?.ExcludeSelfPublished\n ? item?.ExcludeSelfPublished\n : false,\n PublisherSearch: item?.PublisherSearch ? item?.PublisherSearch : [],\n QuickSearch: item?.QuickSearch ? item?.QuickSearch : [\"\"],\n SubCategorySearch: item?.SubCategorySearch ? item?.SubCategorySearch : [],\n TitleDaysOld: item?.TitleDaysOld ? item?.TitleDaysOld : \"\",\n PreSaleDays: item?.PreSaleDays ? item?.PreSaleDays : 0,\n PPUCriteria: item?.PPUCriteria ? item?.PPUCriteria : 1,\n TargetAudienceIds: item?.TargetAudienceIds ? item?.TargetAudienceIds : [],\n TitleSearch: item?.TitleSearch ? item?.TitleSearch : [],\n ToPublisherDate: item?.ToPublisherDate ? item?.ToPublisherDate : null,\n ToPurchaseDate: item?.ToPurchaseDate ? item?.ToPurchaseDate : null,\n POReference: item?.POReference ? item?.POReference : \"\",\n recordStart: item?.recordStart ? item?.recordStart : 1,\n recordCount: item?.recordCount ? item?.recordCount : 100,\n sortField: item?.sortField ? item?.sortField : \"\",\n sortDirection: item?.sortDirection ? item?.sortDirection : \"ASC\",\n CatalogId: item?.CatalogId ? item?.CatalogId : 2,\n };\n};\n\nexport const checkCollectPayloadNReForm = (item: any) => {\n let MediaTypeIdSet: any = [];\n let ItemFormatIdSets: any = [];\n const getFormat = (item: any) => {\n var itemFormatIdSet: any = item;\n const formatMap: any = {\n \"1\": \"EPUB\",\n \"2\": \"PDF\",\n \"3\": \"MP3\",\n };\n const itemFormatIds: any = {\n Ebooks: [],\n Audiobooks: [],\n };\n itemFormatIdSet?.forEach((id: any) => {\n if (formatMap[id]) {\n if (id === \"1\" || id === \"2\") {\n itemFormatIds?.Ebooks?.push(formatMap[id]);\n if (id === \"1\") {\n ItemFormatIdSets?.push(1);\n } else if (id === \"2\") {\n ItemFormatIdSets?.push(2);\n }\n } else if (id === \"3\") {\n itemFormatIds?.Audiobooks?.push(formatMap[id]);\n }\n }\n });\n if (itemFormatIds.Ebooks.length === 0) {\n delete itemFormatIds?.Ebooks;\n }\n if (itemFormatIds.Audiobooks.length === 0) {\n delete itemFormatIds?.Audiobooks;\n }\n return itemFormatIds;\n };\n const ItemFormatSet = getFormat(\n item?.ItemFormatIdSet ? item?.ItemFormatIdSet : []\n );\n return {\n AddedToCatalogDateFrom: item?.AddedToCatalogDateFrom\n ? item?.AddedToCatalogDateFrom\n : null,\n AddedToCatalogDateTo: item?.AddedToCatalogDateTo\n ? item?.AddedToCatalogDateTo\n : null,\n AddedToCatalogDaysOld: item?.AddedToCatalogDaysOld\n ? item?.AddedToCatalogDaysOld\n : \"\",\n AuthorSearch: item?.AuthorSearch ? item?.AuthorSearch : [\"\"],\n ContentProviderSearch: item?.ContentProviderSearch\n ? item?.ContentProviderSearch\n : [],\n CategorySearch: item?.CategorySearch ? item?.CategorySearch : [],\n EISBN: item?.EISBN ? item?.EISBN : \"\",\n SeriesSearch: item?.series ? item?.series : [],\n Narrator: item?.Narrator ? item?.Narrator : \"\",\n FromPublisherDate: item?.FromPublisherDate ? item?.FromPublisherDate : null,\n FromPurchaseDate: item?.FromPurchaseDate ? item?.FromPurchaseDate : null,\n HoldRatio: item?.HoldRatio ? item?.HoldRatio : \"\",\n InCollection: true,\n NotInCollection: false,\n ItemFormatId: \"\",\n ItemFormatIds:\n Object?.keys(ItemFormatSet)?.length !== 0 ? ItemFormatSet : null,\n ItemFormatIdSet: ItemFormatIdSets\n ? ItemFormatIdSets.length !== 2\n ? ItemFormatIdSets\n : []\n : [],\n MediaTypeIdSet: getMediaType(item?.ItemFormatIdSet),\n Language: item?.Language ? item?.Language : [],\n LibraryId: item?.LibraryId ? item?.LibraryId : \"\",\n MinimumPriceAmount: item?.MinimumPriceAmount\n ? item?.MinimumPriceAmount\n : \"\",\n MaximumPriceAmount: item?.MaximumPriceAmount\n ? item?.MaximumPriceAmount\n : \"\",\n ExcludeSelfPublished: item?.ExcludeSelfPublished\n ? item?.ExcludeSelfPublished\n : false,\n PublisherSearch: item?.PublisherSearch ? item?.PublisherSearch : [],\n QuickSearch: item?.QuickSearch ? item?.QuickSearch : [\"\"],\n SubCategorySearch: item?.SubCategorySearch ? item?.SubCategorySearch : [],\n TitleDaysOld: item?.TitleDaysOld ? item?.TitleDaysOld : \"\",\n PreSaleDays: item?.PreSaleDays ? item?.PreSaleDays : 0,\n PPUCriteria: item?.PPUCriteria ? item?.PPUCriteria : 1,\n TargetAudienceIds: item?.TargetAudienceIds ? item?.TargetAudienceIds : [],\n TitleSearch: item?.TitleSearch ? item?.TitleSearch : [],\n ToPublisherDate: item?.ToPublisherDate ? item?.ToPublisherDate : null,\n ToPurchaseDate: item?.ToPurchaseDate ? item?.ToPurchaseDate : null,\n POReference: item?.POReference ? item?.POReference : \"\",\n recordStart: item?.recordStart ? item?.recordStart : 1,\n recordCount: item?.recordCount ? item?.recordCount : 100,\n sortField: item?.sortField ? item?.sortField : \"\",\n sortDirection: item?.sortDirection ? item?.sortDirection : \"ASC\",\n CatalogId: item?.CatalogId ? item?.CatalogId : 2,\n };\n};\n\nexport function removeQuotes(str:any) {\n return str.replace(/\\\\?\"|\"/g, '');\n}","import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { showError } from \"../../../utility/appUtil\";\nimport { SearchService } from \"../../../web/services/search/searchService\";\n\nconst ROOT = 'api'\n\nexport const FETCH_API_REQUEST = `${ROOT}/FETCH_API_REQUEST`;\nexport const FETCH_API_SUCCESS = `${ROOT}/FETCH_API_SUCCESS`;\nexport const FETCH_API_FAILURE = `${ROOT}/FETCH_API_FAILURE`;\nexport const FETCH_API_CANCEL = `${ROOT}/FETCH_API_CANCEL`;\n\nexport const fetchApiRequest = () => ({\n type: FETCH_API_REQUEST\n});\n\nexport const fetchApiCancel = () => ({\n type: FETCH_API_CANCEL\n});\n\nexport const fetchApiSuccess = (data:any) => ({\n type: FETCH_API_SUCCESS,\n data\n});\n\nexport const fetchApiError = (message:any) => ({\n type: FETCH_API_FAILURE,\n message\n});\n\nconst searchSrv = new SearchService();\n\nexport const fetchAudienceData = createAsyncThunk(\n \"api/audienceData\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchAudienceData()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchContentProviders = createAsyncThunk(\n \"api/contentProviders\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchContentProviders()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchContentProvidersNew = createAsyncThunk(\n \"api/contentProvidersNew\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchContentProvidersNew()\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchPublisherWithRules = createAsyncThunk(\n \"api/fetchPublisherWithRules\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchPublisherWithRules()\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchPublishers = createAsyncThunk(\n \"api/publishers\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchPublishers()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchMediaTypes = createAsyncThunk(\n \"api/mediaTypes\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchMediaTypes()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchMediaTypesError = createAsyncThunk(\n \"api/mediaTypesError\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchMediaTypesError()\n if (data.error === undefined) {\n return data;\n } else if (data.error) {\n return data\n }\n else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchLanguages = createAsyncThunk(\n \"api/fetchLanguages\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchLanguages()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchCategoryOptions = createAsyncThunk(\n \"api/fetchCategoryOptions\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchCategories()\n if (data && data.length) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const saveSearch = createAsyncThunk(\n \"api/saveSearch\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.sendSearchData(_args)\n if (data) { \n setTimeout(()=>{\n thunkAPI.dispatch(fetchSearchList())\n },100)\n return data;\n } else {\n showError(data)\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchSearchResults = createAsyncThunk(\n \"api/fetchSearchResults\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchSearchResults(_args)\n if (data.success ) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const fetchSearchResultsExport = createAsyncThunk(\n \"api/fetchSearchResultsExport\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchSearchResultsExport(_args);\n if (data ) { \n return true;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n // Action for ISBN export -> works for both myCollection and Search\n export const fetchIsbnSearchExport = createAsyncThunk(\n \"api/fetchIsbnSearchExport\",\n async (_args:any, thunkAPI) => {\n var exportCsv = _args?.functionForExport;\n var payload = {\n CatalogId: _args?.payload.catalogID,\n BulkISBNSearchItems : _args?.payload.list,\n SearchType :_args?.payload?.SearchType\n }\n try {\n const data = await searchSrv.searchIsbnExport({payload:payload,token:_args?.signal?.token, functionForExport: _args.functionForExport})\n if (data && data?.ErrorMessage === undefined ) {\n const bookList = await searchSrv.fetchIsbnSearchExport({\n id: data,\n libId: _args?.payload.libId,\n sortField: _args?.payload.sortField,\n sortDirection: _args?.payload.sortDirection,\n recordCount:1000,\n recordStart: _args?.payload.recordStart,\n token:_args?.signal?.token,\n dateModify : _args?.dateModify,\n functionForExport : _args?.functionForExport,\n });\n if(bookList){\n return true;\n }\n else {\n return thunkAPI.rejectWithValue(data);\n }\n } else {\n thunkAPI.dispatch(fetchApiCancel());\n return exportCsv({error: \"Error Occured\"});\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const fetchSearchList = createAsyncThunk(\n \"api/savedsearchList\",\n async (_args, thunkAPI) => {\n try {\n const data = await searchSrv.fetchSearchList()\n if (data && data.length ) { \n return data;\n } else {\n showError(data)\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchIsbnSearch = createAsyncThunk(\n \"api/fetchIsbnSearch\",\n async (_args: any, thunkAPI) => {\n var payload = {\n CatalogId: _args.catalogID,\n BulkISBNSearchItems : _args.list\n }\n try {\n const data = await searchSrv.searchEisbn(payload)\n if (data) { \n const bookList = await searchSrv.fetchSearchbyEisbn({\n id: data,\n libId: _args.libId,\n sortField: _args.sortField,\n sortDirection: _args.sortDirection,\n recordCount: _args.recordCount,\n recordStart: _args.recordStart\n });\n return bookList\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n //cancel serach results\n export const fetchSearchResultsNew = createAsyncThunk(\n \"api/fetchSearchResultsNew\",\n async (_args : any, thunkAPI) => {\n thunkAPI.dispatch(fetchApiRequest());\n try {\n const data = await searchSrv.fetchSearchResultsNew({payload:_args?.payload,token:_args?.signal?.token})\n if (data.success ) { \n return data;\n } else {\n showError(data)\n thunkAPI.dispatch(fetchApiSuccess(data));\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n//fetch ibnsearch with cancel \n export const fetchIsbnSearcNew = createAsyncThunk(\n \"api/fetchIsbnSearcNew\",\n async (_args:any, thunkAPI) => {\n var payload = {\n CatalogId: _args?.payload.catalogID,\n BulkISBNSearchItems : _args?.payload.list,\n SearchType :_args?.payload?.SearchType\n }\n thunkAPI.dispatch(fetchApiRequest());\n try {\n const data = await searchSrv.searchEisbnNew({payload:payload,token:_args?.signal?.token})\n if (data && data?.ErrorMessage === undefined ) {\n const bookList = await searchSrv.fetchSearchbyEisbnNew({\n id: data,\n libId: _args?.payload.libId,\n sortField: _args?.payload.sortField,\n sortDirection: _args?.payload.sortDirection,\n recordCount: _args?.payload.recordCount,\n recordStart: _args?.payload.recordStart,\n token:_args?.signal?.token\n });\n thunkAPI.dispatch(fetchApiSuccess(bookList));\n if(bookList && bookList?.total) {\n if(bookList?.RecordsNotMatched && bookList?.RecordsNotMatched > 0){\n const bookListWithUnmatchData = await searchSrv.fetchSearchbyEisbnTotalUnmatch({\n id: data,\n libId: _args?.payload.libId,\n sortField: _args?.payload.sortField,\n sortDirection: _args?.payload.sortDirection,\n recordCount: bookList?.RecordsNotMatched,\n recordStart: _args?.payload.recordStart,\n token:_args?.signal?.token\n });\n return {...bookList,totalUnmatchData:bookListWithUnmatchData}\n }else{\n return {...bookList,totalUnmatchData:[]}\n }\n } else {\n showError(bookList)\n return bookList\n }\n } else {\n showError(data);\n thunkAPI.dispatch(fetchApiCancel());\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n //my collection serach results\n export const fetchColecSearchResults = createAsyncThunk(\n \"api/fetchColecSearchResults\",\n async (_args : any, thunkAPI) => {\n thunkAPI.dispatch(fetchApiRequest());\n try {\n const data = await searchSrv.fetchCollecSearchResults({payload:_args?.payload,token:_args?.signal?.token})\n if (data.success ) { \n return data;\n } else {\n showError(data)\n thunkAPI.dispatch(fetchApiSuccess(data));\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n\n export const fetchColecSearchResultsExports = createAsyncThunk(\n \"api/fetchColecSearchResultsExports\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchCollectionResultsExport(_args)\n if (data ) { \n return data;\n } else {\n showError(data)\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const deleteSearchById = createAsyncThunk(\n \"api/deleteSearchById\",\n async (_args: number, thunkAPI) => {\n try {\n const data = await searchSrv.deleteSearch(_args)\n if (data) { \n setTimeout(()=>{\n thunkAPI.dispatch(fetchSearchList())\n },100)\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchQuickSearch = createAsyncThunk(\n \"api/quickSearch\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchSearchResults(_args)\n if (data.success ) { \n return data.data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const fetchQuickSearchNew = createAsyncThunk(\n \"api/fetchQuickSearchNew\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchQuickSearchResultsNew({payload:_args?.payload,token:_args?.signal?.token})\n if (data.success ) { \n return data.data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const fetchQuickSearchIsbnNew = createAsyncThunk(\n \"api/fetchQuickSearchIsbnNew\",\n async (_args:any, thunkAPI) => {\n var payload = {\n CatalogId: _args?.payload.catalogID,\n BulkISBNSearchItems : _args?.payload.list,\n SearchType :_args?.payload?.SearchType\n }\n thunkAPI.dispatch(fetchApiRequest());\n try {\n const data = await searchSrv.searchEisbnNew({payload:payload,token:_args?.signal?.token})\n if (data && data?.ErrorMessage === undefined ) {\n const bookList = await searchSrv.fetchSearchbyEisbnNew({\n id: data,\n libId: _args?.payload.libId,\n sortField: _args?.payload.sortField,\n sortDirection: _args?.payload.sortDirection,\n recordCount: _args?.payload.recordCount,\n recordStart: _args?.payload.recordStart,\n token:_args?.signal?.token\n });\n thunkAPI.dispatch(fetchApiSuccess(bookList));\n if(bookList && bookList?.total) {\n return bookList\n } else {\n showError(bookList)\n return bookList\n }\n } else {\n showError(data);\n thunkAPI.dispatch(fetchApiCancel());\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const getSearchString = createAsyncThunk(\n \"api/getSearchString\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const getSaveSearchResult = createAsyncThunk(\n \"api/getSaveSearchResult\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const onBackFillForm = createAsyncThunk(\n \"api/onBackFillForm\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const onStringBackFillForm = createAsyncThunk(\n \"api/onStringBackFillForm\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const searchFilters = createAsyncThunk(\n \"api/searchFilters\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const savedSearchFilters = createAsyncThunk(\n \"api/savedSearchFilters\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const cleraFitureList = createAsyncThunk(\n \"api/cleraFitureList\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const retainDefailtValue = createAsyncThunk(\n \"api/retainDefailtValue\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n export const saveTargetAudience = createAsyncThunk(\n \"api/saveTargetAudience\",\n async (pData: any, thunkAPI) => {\n var fetchD = {\n payload: pData?.payload,\n signal: pData?.signal,\n }\n try {\n const data = await searchSrv.targetAudience(pData?.payloadTarget)\n if (data) {\n if(pData?.isbnSearch !== undefined){\n thunkAPI.dispatch(fetchIsbnSearcNew({payload:pData?.isbnSearch,signal:pData?.signal}));\n }else{\n thunkAPI.dispatch(fetchColecSearchResults(fetchD));\n }\n thunkAPI.dispatch(cleraFitureList([]));\n return data\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const deleteTargetAudience = createAsyncThunk(\n \"api/deleteTargetAudience\",\n async (pData: any, thunkAPI) => {\n var fetchD = {\n payload: pData?.payload,\n signal: pData?.signal,\n }\n try {\n const data = await searchSrv.targetDeleteAudience(pData?.payloadTarget)\n if (data) {\n if(pData?.isbnSearch !== undefined){\n thunkAPI.dispatch(fetchIsbnSearcNew({payload:pData?.isbnSearch,signal:pData?.signal}));\n }else{\n thunkAPI.dispatch(fetchColecSearchResults(fetchD));\n }\n thunkAPI.dispatch(cleraFitureList([]));\n return data\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const getUnmatchValues = createAsyncThunk(\n \"api/getUnmatchValues\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )\n\n export const fetchppuBooksStatus = createAsyncThunk(\n \"api/fetchppuBooksStatus\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await searchSrv.fetchppuBooksStatus()\n if (data) { \n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n )","import BaseService from \"../../../core/services/baseService\";\nimport { getAPIBaseUrl } from \"../../../environment/api\";\nimport { PortalModule } from \"../../../environment/apiEnvironment\";\nimport { showError } from \"../../../utility/appUtil\";\nimport { removeQuotes } from \"../../../utility/searchUtil\";\nimport { Page } from \"../../constants/constants\";\nimport { Book } from \"../../models/book/book\";\nimport AudienceData from \"../../models/search/audienceData\";\nimport Category from \"../../models/search/category\";\nimport ContentProvider from \"../../models/search/contentProvider\";\nimport MediaType from \"../../models/search/mediaType\";\nimport Publisher from \"../../models/search/publisher\";\nimport SavedSearch from \"../../models/search/savedSearch\";\nimport {AppStateService }from \"../storage/appStateService\"\n\nexport class SearchService extends BaseService {\n constructor() {\n super(getAPIBaseUrl(PortalModule.SEARCH));\n }\n \n async fetchAudienceData (): Promise\n {carts ? (\n carts[book.CatalogItemId] && carts[book.CatalogItemId].length ? (\n carts[book.CatalogItemId]?.map((bookCart: any, index: number) => {\n return (\n
\n );\n\n const getWindowSize = () => {\n setDimension({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n };\n\n useEffect(() => {\n setBookDetail(book)\n }, [])\n\n useEffect(() => {\n setCartVal(book?.Quantity)\n }, [book?.Quantity])\n\n useEffect(() => {\n window.addEventListener(\"resize\", getWindowSize);\n return () => {\n window.removeEventListener(\"resize\", getWindowSize);\n };\n }, [screenSize]);\n\n useEffect(() => {\n if (book.CatalogItemId === bookCart && carts[book.CatalogItemId]) {\n let bookInCart = 0;\n // eslint-disable-next-line array-callback-return\n carts[book.CatalogItemId]?.map((bookCart: any, index: number) => {\n bookInCart += bookCart.NumberOfCopies;\n });\n bookInCart && setInCart(bookInCart);\n setBookCart(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [carts]);\n\n const fetchInfo = () => {\n if (\n !carts[book.CatalogItemId] &&\n book?.NumberInCarts > 0 &&\n bookCart !== book.CatalogItemId\n ) {\n setBookCart(book.CatalogItemId);\n var lib_Id =\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0;\n dispatch(\n fetchCartsByBookId({\n libraryId: lib_Id,\n bookId: book.CatalogItemId,\n })\n );\n }\n };\n\n const onBookSelect = (book: any) => {\n var bookState: any = {\n book: book,\n searchParam: setCartDetailsFilter,\n };\n dispatch(setSearchTab(\"3\"));\n dispatch(setMainScrollHeight(scrollValue));\n dispatch(setSearchScroll(scrollValue));\n history.push(AppRoutes.ITEMDETAILS, bookState);\n \n };\n\n const handleKeyWord = (book: any) => {\n searchPayloadForAuthor(book?.Authors, appUser).then((data: any) => {\n dispatch(getSearchString(data.strinParam));\n dispatch(onBackFillForm(data.searchParam));\n dispatch(setSearchScroll(scrollValue));\n\n var advanceState: any = {\n searchDetails: data?.state?.searchDetails,\n gaString: {\n gaData: setCartDetailsFilter,\n currentPage: booklistCurrentPage,\n },\n };\n dispatch(clearBooklistCurrentPage());\n history.push(AppRoutes.SEARCHRESULTS, advanceState);\n });\n };\n\n const handleNarratorKeyWord = (book: any) => {\n searchPayloadForNarrator(book?.Narrator, appUser).then((data: any) => {\n dispatch(getSearchString(data.strinParam));\n dispatch(onBackFillForm(data.searchParam));\n dispatch(setSearchScroll(scrollValue));\n\n var advanceState: any = {\n searchDetails: data?.state?.searchDetails,\n gaString: {\n gaData: setCartDetailsFilter,\n currentPage: booklistCurrentPage,\n },\n };\n dispatch(clearBooklistCurrentPage());\n history.push(AppRoutes.SEARCHRESULTS, advanceState);\n });\n };\n\n const MyGroupTable = (\n CloudLinkGroupName: any,\n GroupSharableCopies: any,\n GroupHoldCount: any\n ) => {\n return (\n \n
\n );\n })\n ) : (\n {bookCart.CartName}
\n{bookCart.NumberOfCopies} Copies
\n {index < carts[book.CatalogItemId]?.length - 1 && (\nLoading...
\n )\n ) : null}\n \n \n \n
\n
\n );\n };\n\n const onAddtoCartDropdown = (book: Book, cart: Cart) => {\n var bookCopiesId = book?.CatalogItemId;\n var lib_Id =\n appUser && appUser?.libraryData ? appUser?.libraryData[0]?.LibraryId : 0;\n var payloadData = {\n IsCommunityCart: cart?.IsCommunityCart,\n LibraryId: lib_Id,\n SaveAction: \"S\",\n CartDescription: cart?.CartDescription,\n CartId: cart?.CartId,\n CartName: cart?.CartName,\n AssociateShelfId: cart?.AssociateShelfId,\n CartDetail: [\n {\n CatalogItemId: book?.CatalogItemId,\n BuyerId: \"\",\n BuyerCartDetailId: 0,\n Quantity: copies[bookCopiesId] ? copies[bookCopiesId] : 1,\n SaveAction: \"S\",\n },\n ],\n };\n setBookAdded(book.CatalogItemId);\n dispatch(addItemtoCart(payloadData));\n const msg = replaceAll(\n /\\{0\\}/gi,\n Messages.ADD_TO_CART,\n `${cart?.CartName}`\n );\n showNotification(msg, \"loading\");\n UseGAEventTracker(\n \"Cart category\",\n \"user selected individual copies\",\n `user add to cart individual item having total copies - ${copies[bookCopiesId] ? copies[bookCopiesId] : 1\n }`,\n NaN\n );\n };\n useEffect(() => {\n if (addedItem && bookAdded === book.CatalogItemId) {\n setBookCart(book.CatalogItemId);\n var lib_Id =\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0;\n dispatch(\n fetchCartsByBookId({\n libraryId: lib_Id,\n bookId: book.CatalogItemId,\n })\n );\n setBookAdded(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [addedItem]);\n const getBookLabel = (format: string) => {\n switch (format) {\n case \"EPUB\": {\n return ebookLabel;\n }\n case \"PDF\": {\n return ebookLabel;\n }\n case \"MP3\": {\n return audiobookLabel;\n }\n case \"VideoBook\": {\n return videobookLabel;\n }\n }\n };\n\n const calcByGlobal = (gVal: number, inpVal: number) => {\n if (gVal !== 0 && gVal !== undefined) {\n var finalCalc = inpVal + gVal;\n var finalVal = finalCalc > 0 ? finalCalc : 1;\n return finalVal;\n } else {\n return inpVal;\n }\n };\n\n const onClickCheckbox = (e: CheckboxChangeEvent) => {\n const isChecked = e.target.checked;\n onCheckboxChange(book.CatalogItemId, isChecked);\n setChecked(isChecked);\n e.stopPropagation();\n };\n\n useEffect(() => {\n if (\n selectedTitles?.amtChangCopie !== undefined &&\n selectedTitles?.amtChangCopie?.length > 0\n ) {\n setSavedArr(\n selectedTitles?.amtChangCopie?.find(\n (item: any) => item?.CatalogItemId === book.CatalogItemId\n )\n );\n } else {\n setSavedArr({ CatalogItemId: book?.CatalogItemId, Quantity: 1 });\n }\n }, [selectedTitles]);\n\n useEffect(() => {\n if (savedArr?.Quantity !== undefined) {\n const quant = savedArr?.Quantity > 0 ? savedArr?.Quantity : 1;\n setValue(quant);\n } else if(checkedValues?.includes(book.CatalogItemId)) {\n setValue(globalC);\n }\n }, [savedArr]);\n\n useEffect(() => {\n if (checkedValues?.includes(book?.CatalogItemId)) {\n const glovbalVal = globalCopie - globalPrevious;\n setValue(calcByGlobal(glovbalVal, value));\n }\n }, [val, globalCopie]);\n\n useEffect(() => {\n if (checkedValues?.includes(book?.CatalogItemId)) {\n setChecked(true);\n } else {\n setChecked(false);\n }\n }, [checkedValues]);\n\n const replaceFunction = (string: any) => {\n const final = string.replace(/[^\\d.-]/g, \"\");\n return final;\n };\n\n const lendingModelData = (\n id: number,\n checkoutLimit: any,\n timespanlimit: any,\n format: any\n ) => {\n if (format !== \"MP3\") {\n const dataLendingModel = expiration?.filter((data: any) => {\n return data.ContentProviderId === id;\n });\n\n let statement = validateLendingModelType(dataLendingModel);\n return statement;\n } else {\n if (checkoutLimit === null && timespanlimit === null) {\n return \"\";\n } else {\n let desc = checkoutLimit + \" checkouts\";\n let year =\n \" \" + replaceFunction(timespanlimit) + \" years after purchase\";\n if (checkoutLimit !== null && timespanlimit !== null) {\n return desc + \" or\" + year;\n } else if (checkoutLimit !== null) {\n return desc;\n } else {\n return year;\n }\n }\n }\n };\n\n const searchBySeries = () => {\n searchPayloadForSeries(book?.Series, appUser).then((data: any) => {\n dispatch(getSearchString(data.strinParam));\n dispatch(onBackFillForm(data.searchParam));\n dispatch(setSearchScroll(scrollValue));\n let advanceState: any = {\n searchDetails: { ...data?.state?.searchDetails, series: [data?.state?.searchDetails?.series] },\n gaString: {\n gaData: setCartDetailsFilter,\n currentPage: booklistCurrentPage,\n },\n };\n dispatch(clearBooklistCurrentPage());\n history.push(AppRoutes.SEARCHRESULTS, advanceState);\n });\n };\n\n const dateModify = (date: any) => {\n const currentDate = moment(date).tz(\"Etc/GMT\").format(dateFormat);\n return currentDate;\n };\n\n const dateModifyB = (date: any) => {\n const myStr = date.substr(0, 10);\n const currentDate = moment(myStr)\n .tz(\"Etc/GMT\")\n .format(dateFormat);\n return currentDate;\n };\n\n const onBookClick = () => {\n if (!isCart) {\n if (allSelected) {\n setCheck(!check);\n clickArea(book?.CatalogItemId);\n } else {\n onBookSelect(book);\n }\n } else {\n return undefined;\n }\n };\n\n useEffect(() => {\n allSelected ? setCheck(true) : setCheck(false);\n }, [allSelected]);\n\n useEffect(() => {\n const copyshelve = [...shelves];\n const filteredList = copyshelve?.filter((item: any) => item.IsManual);\n setShelvesData(filteredList);\n }, [shelves]);\n\n const shelveStatus = (status: any) => {\n if (status) {\n return LIVE;\n } else {\n return DRAFT;\n }\n };\n\n const addtoShelve = (book: Book, shelve: any) => {\n const payLoadData = {\n ShelfId: shelve?.ShelfId,\n LibraryId: shelve?.LibraryId,\n ShelfName: shelve?.ShelfName,\n Description: shelve?.Description,\n ReaktorShelfId: shelve?.ReaktorShelfId,\n SortOrder: shelve?.SortOrder,\n IsActive: shelve?.IsActive,\n IsManual: shelve?.IsManual,\n Items: [\n {\n CatalogItemId: book?.CatalogItemId,\n Title: book?.Title,\n SubTitle: book?.SubTitle,\n Authors: book?.Authors,\n EISBN: book?.Eisbn,\n Series: book?.Series,\n NumberInSeries: book?.NumberInSeries,\n Narrator: book?.Narrator,\n EditionType: book?.EditionType,\n Imprint: book?.Imprint,\n ContentProviderId: book?.ContentProviderId,\n ContentProviderName: book?.ContentProviderName,\n MediaTypeId: book?.MediaTypeId,\n FileFormatName: book?.FileFormatName,\n PublicationDate: book?.PublicationDate,\n Language: book?.Language,\n StreetDate: book?.StreetDate,\n ImageId: book?.ImageId,\n RetailPrice: book?.RetailPrice,\n AddedToCatalogDate: book?.AddedToCatalogDate,\n ItemState: book?.ItemState,\n NumberOfCopies: book?.NumberOfCopies,\n NumberOfHolds: book?.NumberOfHolds,\n NumberOfLoans: book?.NumberOfLoans,\n NumberOfCurrentLoans: book?.NumberOfCurrentLoans,\n NumberOfWish: book?.NumberOfWish,\n NumberInCarts: book?.NumberInCarts,\n NumberOnOrder: book?.NumberOnOrder,\n NumberOfShelves: book?.NumberOfShelves,\n LastPurchasedDate: book?.LastPurchasedDate,\n Categories: book?.Categories,\n CategoryList: book?.CategoryList,\n AudienceData: book?.AudienceData,\n IsPPU: book?.IsPPU,\n PPUPrice: book?.PPUPrice,\n CheckOutLimit: book?.CheckOutLimit,\n TimeSpanLimit: book?.TimeSpanLimit,\n HoldRatio: book?.HoldRatio,\n LastCheckoutDate: book?.LastCheckoutDate,\n Rank: 0,\n checked: true,\n Quantity: copies[book?.CatalogItemId]\n ? copies[book?.CatalogItemId]\n : 1,\n },\n ],\n SortStrategy: shelve?.SortStrategy,\n CatShelfAllItems: shelve?.CatShelfAllItems,\n IsQuickConnect: shelve?.IsQuickConnect,\n CatShelfCriteria: shelve?.CatShelfCriteria,\n CurrentStatus: shelve?.CurrentStatus,\n ItemsCount: shelve?.ItemsCount,\n CreateDateTime: shelve?.CreateDateTime,\n CreateUserId: shelve?.CreateUserId,\n ChangeDateTime: shelve?.ChangeDateTime,\n ChangeUserId: shelve?.ChangeUserId,\n };\n dispatch(addItemtoIndividualShelve(payLoadData));\n const msg = replaceAll(\n /\\{0\\}/gi,\n Messages.ADD_TO_CART,\n `${shelve?.ShelfName}`\n );\n showNotification(msg, \"loading\");\n };\n\n const shelvesList = React.useMemo(() => (\n \n ), [shelvesData, addtoShelve, book, shelveStatus]);\n\n const inputElement = document.querySelector(`.cartItemsInput_${bookDetail?.CatalogItemId} .ant-input-number-input`);\n if (inputElement) {\n inputElement.setAttribute(\"maxLength\", \"3\");\n }\n\n\n useEffect(() => {\n if (selectAllCancel) {\n setValue(1);\n setVal(1);\n }\n }, [selectAllCancel]);\n\n const onValueChange = (bookId: any, value: number) => { \n dispatch(setMainScrollHeight(scrollValue))\n if (isCart) {\n var newVal: number = value - globalQuantity + 1;\n // var newVal: number = value - globalQuantity + 1;\n setCartVal(newVal);\n updateAmount({\n ...bookId,\n Quantity: newVal + globalQuantity - 1 > 0 ? newVal + globalQuantity - 1 : 1,\n });\n setBookDetail({ ...bookDetail, Quantity: newVal + globalQuantity - 1 > 0 ? newVal + globalQuantity - 1 : 1 })\n setCopies({\n ...copies,\n [bookId?.CatalogItemId]:\n newVal + globalQuantity - 1 > 0 ? newVal + globalQuantity - 1 : 1,\n });\n } else {\n if (allSelected && selectAllChkBox ) {\n setVal(value - (globalCopie - 1));\n } else {\n setVal(value);\n }\n setCopies({ ...copies, [bookId?.CatalogItemId]: value });\n onCopie({ CatalogItemId: bookId?.CatalogItemId, Quantity: value });\n }\n };\n\n useEffect(() => {\n if (isCart && selectedItemsIds?.includes(book?.CatalogItemId)) {\n setPressdArrowBtn({ offset: 1, type: '' })\n setChecked(true);\n } else {\n setChecked(false);\n setPressdArrowBtn({ offset: 1, type: '' })\n }\n }, [isCart, selectedItemsIds]);\n\n useEffect(() => {\n if (pressdArrow?.type) {\n setPressdArrowBtn(pressdArrow)\n }\n }, [pressdArrow])\n\n useEffect(() => {\n if (checked && isCart) {\n var prevVal = globalQuantity\n var newVal = globalQty\n if (prevVal !== globalQty) {\n if (PressdArrowBtn?.type === 'up') {\n setGlobalQuantity(prevVal + 1)\n }\n if (PressdArrowBtn?.type === 'down') {\n setGlobalQuantity(prevVal - 1)\n }\n if (PressdArrowBtn?.type === '') {\n setGlobalQuantity(prevVal - 0)\n }\n } else {\n setGlobalQuantity(newVal)\n }\n }\n }, [isCart, checked, PressdArrowBtn])\n\n useEffect(() => {\n if (isCart) {\n var val = cartVal + globalQuantity - 1 > 0\n ? cartVal + globalQuantity - 1\n : 1\n if (val > 0 && val < 1000) {\n setItemVal(val)\n }\n }\n }, [isCart, cartVal, globalQuantity, checked])\n\n useEffect(() => {\n if (isCart && itemVal && val && itemVal !== val) {\n setIsValChanged(true)\n } else {\n setIsValChanged(false)\n }\n }, [itemVal, val, isCart])\n\n useEffect(() => {\n if (isCart && notSetMin && checked && PressdArrowBtn?.type && itemVal === 1) {\n setBookDetail({ ...bookDetail, Quantity: 1 })\n setGlobalQuantity(1)\n setCartVal(1)\n updateAmount({\n ...bookDetail,\n Quantity: 1,\n });\n }\n }, [notSetMin, checked, PressdArrowBtn, itemVal, isCart])\n\n useEffect(() => {\n if (isCart && notSetMax && checked && PressdArrowBtn?.type && itemVal === 999) {\n setBookDetail({ ...bookDetail, Quantity: 999 })\n setGlobalQuantity(1)\n setCartVal(999)\n updateAmount({\n ...bookDetail,\n Quantity: 999,\n });\n }\n }, [notSetMax, checked, PressdArrowBtn, itemVal, isCart])\n\n//to retain scroll position of cart book listing\n useEffect(() => {\n if ( location && formState.loading===false && fetchCartByIdFormState?.loading===false) {\n const element = document.getElementById(`scrollableDiv`);\n element?.scrollTo(0, scrollHeightMain);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location,formState,fetchCartByIdFormState]);\n\n\n\n\n return (\n | \n \n {CloudLinkGroupName} \n | \n |
| Shareable Copies | \nCurrent Holds | \n
| {GroupSharableCopies} | \n{GroupHoldCount} | \n
\n \n \n \n \n \n onBookSelect(book)}>\n {book.Title}\n \n {book.ItemState !== \"FOR_SALE\" ? (\n \n {book.ItemState === \"PRE_SALE\"\n ? \"PRE SALE\"\n : book.ItemState===\"NOT_FOR_SALE\"?\"NOT FOR SALE\":book.ItemState}\n \n ) : null}\n \n {book.SubTitle !== \"\" ? (\n onValueChange(bookDetail, value)}\n id={isCart ? `${book?.CatalogItemId + '_' + book?.CartDetailId}` : book?.CatalogItemId}\n className={`cartItemsInput_${book?.CatalogItemId} ${isValChanged ? \"updateChangeQunatity\" : \"price-input-notShow\"\n } ${checked\n ? \"purchaseSelected\"\n : \"\"\n }`}\n parser={(value: any) => {\n // Custom parser to allow only numeric values and limit to three digits\n const numericValue = value.replace(/[^0-9]/g, '');\n return parseInt(numericValue.slice(0, 3));\n }}\n />\n \n ) :\n <>\n {isCollection ? null : (\n onValueChange(book, value)}\n id={isCart ? `${book?.CatalogItemId + '_' + book?.CartDetailId}` : book?.CatalogItemId}\n className={`${checked ? \"price-input\" : \"price-input-notShow\"\n }`}\n />\n \n )}\n \n }\n
\n \n handleKeyWord(book)}\n >\n {book.Authors}\n \n \n {book?.Narrator?.length ? (\n \n Narrator:{\" \"}\n handleNarratorKeyWord(book)}\n >\n {book?.Narrator}\n \n \n ) : null}\n \n
\n \n {/* {\n shelfAdmin && addShelves ? */}\n \n {book?.Categories?.split(\";\")?.map(\n (genreType: any, index: number) => {\n return (\n \n {genreType}\n \n );\n }\n )}\n
\n \n {/* : null } */}\n\n {shelfAdmin && addShelves ? (\n \n \n {!isCollection && !allSelected && !isCart ? (\n
\n |
\n \n ) : (\n \n {!isCollection && !allSelected && !isCart ? (\n
\n \n )}\n
\n \n \n \n 1000 && screenSize?.width < 1100 ? 4 : 5\n }\n xl={6}\n >\n 1000 && screenSize?.width < 1199 ? 3 : 4\n }\n xl={3}\n >\n {/* {book?.NumberInSeries ? (\n Number in series:\n ) : null} */}\n 1000 && screenSize?.width < 1100 ? 1 : 2\n }\n xl={2}\n >\n 1000 && screenSize?.width < 1199 ? 4 : 4\n }\n xl={4}\n className=\"left-margin\"\n >\n 1000 && screenSize?.width < 1100 ? 2 : 3\n }\n xl={3}\n onMouseEnter={fetchInfo}\n >\n
\n \n
\n \n
\n );\n};\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport { resetState } from \"../../../utility/stateUtil\";\nimport {\n switchSearchSideBar,\n setSideBarItem,\n collapseSideBar\n} from \"../../actions/app/appActions\";\nimport { AppState } from \"../../states/app/appState\";\nimport { RootState } from \"../../store/rootReducer\";\n\nconst initialState: AppState = {\n selectedSideBarItem: [\"Spotlight\"],\n formState: resetState(),\n showSearchSideBar: false,\n collapseSideBar: false,\n retainedPageSize: 100,\n};\nexport const AppSlice = createSlice({\n name: \"App\",\n initialState: initialState,\n reducers: {\n clearState: (state) => {\n state.formState = resetState();\n state.selectedSideBarItem = [\"Spotlight\"];\n return state;\n },\n retainPageSize: (state, { payload }) => {\n state.retainedPageSize = payload;\n return state;\n },\n clearRetainedPageSize: (state) => {\n state.retainedPageSize = initialState?.retainedPageSize;\n return state;\n },\n },\n extraReducers: {\n [setSideBarItem.fulfilled.toString()]: (state, { payload }) => {\n state.selectedSideBarItem = payload;\n return state;\n },\n [switchSearchSideBar.fulfilled.toString()]: (state, { payload }) => {\n state.showSearchSideBar = payload;\n return state;\n },\n [collapseSideBar.fulfilled.toString()]: (state, { payload }) => {\n state.collapseSideBar = payload;\n return state;\n },\n },\n});\n\nexport const { clearState, retainPageSize, clearRetainedPageSize } =\n AppSlice.actions;\nexport const SideBarStateSelector = (state: RootState) => state.sideBar;\nexport default AppSlice.reducer;","import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { GroupService } from \"../../../web/services/groups/groupService\";\n\nconst groupService = new GroupService();\n\nexport const fetchGroupList = createAsyncThunk(\n \"api/fetchGroups\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.fetchGroups(_args)\n if (data && data.length) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const fetchUnshownGroups = createAsyncThunk(\n \"api/fetchUnshownGroups\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.fetchGroups(_args)\n if (data && data.length) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const fetchGroupByType = createAsyncThunk(\n \"api/fetchGroupByType\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.fetchGroupByType(_args)\n if (data && data.length) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const fetchCheckedGroupIds = createAsyncThunk(\n \"api/fetchCheckedGroupIds\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.fetchCheckedGroupIds(_args)\n if (data && data.length) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n\n export const selectGroups = createAsyncThunk(\n \"api/selectGroups\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.selectGroups(_args)\n if (data) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n\n export const unSelectGroups = createAsyncThunk(\n \"api/unSelectGroups\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.unSelectGroups(_args)\n if (data) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const fetchContentCorner = createAsyncThunk(\n \"api/fetchContentCorner\",\n async (_args : any, thunkAPI) => {\n try {\n const data = await groupService.fetchContentCorner(_args)\n if (data) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const retainSpotlightPosition = createAsyncThunk(\n \"api/retainSpotlightPosition\",\n async (_args : any, thunkAPI) => {\n try {\n const data = _args\n if (data) {\n return data;\n } else {\n return thunkAPI.rejectWithValue(data);\n }\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );\n\n export const retainSwtichValue = createAsyncThunk(\n \"api/retainSwtichValue\",\n async (_args : boolean, thunkAPI) => {\n try {\n const data = _args\n return data;\n } catch (e: any) {\n return thunkAPI.rejectWithValue(e.data);\n }\n }\n );","import { message } from \"antd\";\nimport BaseService from \"../../../core/services/baseService\";\nimport { getAPIBaseUrl } from \"../../../environment/api\";\nimport { PortalModule } from \"../../../environment/apiEnvironment\";\nimport { showError } from \"../../../utility/appUtil\";\nimport ContentCorner from \"../../models/contentCorner/contentCorner\";\nimport FeaturedList from \"../../models/featuredList/category\";\nimport NewsLetterDetail from \"../../models/featuredList/newsLetter\";\nimport Group from \"../../models/group/group\";\nimport { AppStateService } from \"../storage/appStateService\";\n\nexport class GroupService extends BaseService {\n constructor() {\n super(getAPIBaseUrl(PortalModule.GROUPS));\n }\n\n showErrorForApi = (data: any, ) =>{\n if(data?.Message !== \"\" && data?.Message !== undefined){\n var authText = \"Authorization has been denied for this request.\"\n message.error({\n content:(data?.Message?.includes(\"denied\") || (data?.Message.toUpperCase() === authText.toUpperCase())?\"Session Expired. Please log in again.\":data?.Message),\n duration: 4,\n })\n if(data?.Message?.includes(\"denied\") || (data?.Message.toUpperCase() === authText.toUpperCase())){\n return true\n }else{\n return false\n }\n }else if(data?.ErrorMessage !== \"\" && data?.ErrorMessage !== undefined){\n message.error({\n content:data?.ErrorMessage,\n duration: 4,\n })\n return false\n }else{\n return undefined\n }\n }\n\n async fetchGroups (params: any): Promise\n {isCart ? (\n <>\n {\n e.target.src = notFound;\n }}\n />\n
\n \n \n
\n \n ) : allSelected ? (\n <>\n \n
\n \n ) : null}\n\n {book.SubTitle}
\n ) : null}\n {book?.Series?.length ? (\n \n Series: \n \n {book?.Series}\n {book?.NumberInSeries ? (\n \n \n , #\n {removeExtraCharacter(\n typeof book?.NumberInSeries === \"string\"\n ? book?.NumberInSeries\n : JSON.stringify(book?.NumberInSeries)\n )}\n \n \n ) : null}\n \n
\n ) : null}\n \n \n PPU {currency + Number.parseFloat(book.PPUPrice).toFixed(2)}\n
\n ) : null}\n \n {isCart ? (\n \n \n onAddtoCartDropdown(book, activeCartArray)\n }\n type=\"add-main-cart-button\"\n >\n Add to Cart\n \n trigger.parentNode}\n placement=\"bottomRight\"\n >\n \n \n
\n ) : null}\n {!allSelected && !isCart ? (\n \n addtoShelve(book, selectedShelve)}\n type=\"add-main-cart-button\"\n >\n Add to Shelf\n \n trigger.parentNode}\n >\n \n \n
\n ) : null}\n \n \n onAddtoCartDropdown(book, activeCartArray)\n }\n type=\"add-main-cart-button\"\n >\n Add to Cart\n \n trigger.parentNode}\n >\n \n \n
\n ) : null}\n Language:
\nFormat:
\nProvider:
\nPublisher:
\n {book?.EditionType ? (\nEdition:
\n ) : null}\nPublished Date:
\nStreet Date:
\nAdded to CAT:
\nModel:
\nISBN:
\n \n\n {book?.Language?.toUpperCase()}\n
\n{book.FileFormatName}
\n\n
\n
\n {book?.EditionType ? book?.EditionType : null}\n
\n\n\n {book.PublicationDate\n ? dateModify(book.PublicationDate)\n : \"N/A\"}\n
\n\n {book.StreetDate ? dateModify(book.StreetDate) : \"N/A\"}\n
\n\n {book.AddedToCatalogDate\n ? dateModify(book.AddedToCatalogDate)\n : \"N/A\"}\n
\n\n {lendingModelData(\n book.ContentProviderId,\n book.CheckOutLimit,\n book.TimeSpanLimit,\n book.FileFormatName\n )\n ? lendingModelData(\n book.ContentProviderId,\n book.CheckOutLimit,\n book.TimeSpanLimit,\n book.FileFormatName\n )\n : \"Perpetual\"}\n
\n\n {isCart ? book?.EISBN : book?.Eisbn}\n
\n \nOwned:
\nHolds:
\nIn Circ.:
\nAll Loans:
\nSuggested:
\n {isCart ? (\n <>\n {book?.HoldRatio >= 1 ? (\nHolds Ratio:
\n ) : null}\n \n ) : (\nHolds Ratio:
\n )}\n {appUser?.libraryData?.length > 0\n ? appUser?.libraryData[0]?.ConsortiumId\n ? MyGroupTable(\n book?.CloudLinkGroupName\n ? book?.CloudLinkGroupName\n : \"\",\n !isNaN(book?.GroupSharableCopies)\n ? book?.GroupSharableCopies\n : \"\",\n !isNaN(book?.GroupHoldCount)\n ? book?.GroupHoldCount\n : \"\"\n )\n : null\n : null}\n \n{book.NumberOfCopies}
\n{book.NumberOfHolds}
\n\n {book.NumberOfCurrentLoans}\n
\n{book.NumberOfLoans}
\n{book.NumberOfWish}
\n {isCart ? (\n <>\n {book?.HoldRatio >= 1 ? (\n{book.HoldRatio}
\n ) : null}\n \n ) : (\n{book.HoldRatio}
\n )}\n \nOrdered:
\nShelved:
\nIn Cart:
\nLast Purchased:
\nLast Circulated:
\nAudience:
\n {book?.AutobuyReason?.length > 0 && (\nAuto Cart:
\n )}\n \n{book.NumberOnOrder}
\n{book.NumberOfShelves}
\n\n {inCart}\n {inCart > 0 ? (\n \n \n ) : null}\n
\n {book.LastPurchasedDate\n ? dateModifyB(book.LastPurchasedDate)\n : \"N/A\"}\n
\n\n {book.LastCheckoutDate\n ? dateModify(book.LastCheckoutDate)\n : \"N/A\"}\n
\n\n {book.AudienceData}\n
\n\n {book?.PublisherAudienceInfo\n ? \"Interest Age\" +\n \" \" +\n book?.PublisherAudienceInfo[0]?.MinValue +\n \" \" +\n \"-\" +\n \" \" +\n book?.PublisherAudienceInfo[0]?.MaxValue\n : null}\n
\n\n {book?.AutobuyReason?.length > 0\n ? book?.AutobuyReason\n : null}\n
\n \n\n {category?.FeatureListName} \n
\n {category?.FeatureListName}\n \n
\n {category?.FeatureListName}\n \n ![{dumyCovImg21}]({getImgUrl(`${category?.CoverArtDetails[2]?.ImageId}`,\"SMALL\")})
\n
\n \n \n ![{dumyCovImg21}]({getImgUrl(`${category?.CoverArtDetails[1]?.ImageId}`,\"SMALL\")})
\n
\n \n \n ![{dumyCovImg21}]({getImgUrl(`${category?.CoverArtDetails[0]?.ImageId}`,\"MEDIUM\")})
\n
\n \n \n \n \n {group.FeaturedListGroupName}\n {\n !group?.IsShown ?\n group?.IsNew ? (\n NEW\n ) : getDateDiff(dateModify(group?.ChangeDateTime)) <= 7 ? (\n NEW\n ) : null\n : null\n }\n \n {group.Items && group.ItemCount ? (\n
\n \n
\n
\n );\n};\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport {\n fulfilledState,\n rejectedState,\n pendingState,\n resetState,\n errorState,\n} from \"../../../utility/stateUtil\";\nimport {fetchCheckedGroupIds, fetchContentCorner, fetchGroupByType, fetchGroupList, fetchUnshownGroups, retainSpotlightPosition, retainSwtichValue, selectGroups, unSelectGroups } from \"../../actions/groups/groupActions\";\nimport { GroupListState } from \"../../states/groups/groupState\";\nimport { RootState } from \"../../store/rootReducer\";\n\nconst initialState: GroupListState = {\n groups: [],\n groupType: [],\n unShownroups: [],\n checkedGroups: [],\n prevCheckedGroups:[],\n formState: resetState(),\n chkGrpformState: resetState(),\n selectformState: resetState(),\n unSelectformState: resetState(),\n landingScroll:0,\n ContentformState:resetState(),\n ContentCorner:[],\n retainSpotlightPos:{\n featurlistId: 0,\n sliderStart: 0,\n featurlistIndex:0,\n FeaturedListName:0\n },\n isThereNewsLetter:false,\n hideOwnedSwtich:false\n};\n\nexport const GroupSlice = createSlice({\n name: \"groups\",\n initialState: initialState,\n reducers: {\n clearState: (state) => {\n state.formState = resetState();\n state.chkGrpformState = resetState();\n state.unSelectformState = resetState();\n state.selectformState = resetState();\n return state;\n },\n clearRetainSpotlightPos: (state) => {\n state.retainSpotlightPos = {\n featurlistId: 0,\n sliderStart: 0,\n featurlistIndex:0\n };\n return state;\n },\n clearContentCornerState: (state) => {\n state.ContentformState = resetState();\n return state;\n },\n clearHideOwnedSwtich: (state) => {\n state.hideOwnedSwtich = false\n return state;\n },\n clearNewsLetterState: (state) => {\n state.isThereNewsLetter =false;\n return state;\n },\n clearContentCorner: (state) => {\n state.ContentCorner = [];\n return state;\n },\n clearContentCornerAll: (state) => {\n state.ContentformState = resetState();\n state.ContentCorner = [];\n return state;\n },\n clearGroups: (state) => {\n state.groups = [];\n state.unShownroups = [];\n state.groupType = [];\n state.checkedGroups = [];\n state.prevCheckedGroups = [];\n return state;\n },\n setLandingPageScroll: (state,{ payload}) => {\n state.landingScroll = payload;\n return state;\n },\n },\n extraReducers: {\n [fetchGroupList.fulfilled.toString()]: (state, { payload }) => {\n if(payload && payload.length){\n state.groups = payload\n };\n if (payload.errorMsg) {\n state.formState = errorState(payload.errorMsg);\n } else {\n state.formState = fulfilledState();\n }\n return state;\n },\n [fetchGroupList.pending.toString()]: (state) => {\n state.formState = pendingState();\n return state;\n },\n [fetchGroupList.rejected.toString()]: (state, { payload }) => {\n state.formState = rejectedState(payload);\n return state;\n },\n\n [fetchUnshownGroups.fulfilled.toString()]: (state, { payload }) => {\n if(payload && payload.length){\n state.unShownroups = payload\n };\n if (payload.errorMsg) {\n state.formState = errorState(payload.errorMsg);\n } else {\n state.formState = fulfilledState();\n }\n return state;\n },\n [fetchUnshownGroups.pending.toString()]: (state) => {\n state.formState = pendingState();\n return state;\n },\n [fetchUnshownGroups.rejected.toString()]: (state, { payload }) => {\n state.formState = rejectedState(payload);\n return state;\n },\n\n [fetchGroupByType.fulfilled.toString()]: (state, { payload }) => {\n if(payload && payload.length){\n state.groupType = payload\n };\n if (payload.errorMsg) {\n state.chkGrpformState = errorState(payload.errorMsg);\n } else {\n state.chkGrpformState = fulfilledState();\n }\n return state;\n },\n [fetchGroupByType.pending.toString()]: (state) => {\n state.chkGrpformState = pendingState();\n return state;\n },\n [fetchGroupByType.rejected.toString()]: (state, { payload }) => {\n state.chkGrpformState = rejectedState(payload);\n return state;\n },\n\n [fetchCheckedGroupIds.fulfilled.toString()]: (state, { payload }) => {\n if (payload.errorMsg) {\n state.chkGrpformState = errorState(payload.errorMsg);\n } else {\n state.checkedGroups = payload\n state.prevCheckedGroups = payload\n state.chkGrpformState = fulfilledState();\n }\n return state;\n },\n [fetchCheckedGroupIds.pending.toString()]: (state) => {\n state.chkGrpformState = pendingState();\n return state;\n },\n [fetchCheckedGroupIds.rejected.toString()]: (state, { payload }) => {\n state.chkGrpformState = rejectedState(payload);\n return state;\n },\n\n [selectGroups.fulfilled.toString()]: (state, { payload }) => {\n if (payload.errorMsg) {\n state.selectformState = errorState(payload.errorMsg);\n } else {\n state.checkedGroups = payload\n state.selectformState = fulfilledState();\n }\n return state;\n },\n [selectGroups.pending.toString()]: (state) => {\n state.selectformState = pendingState();\n return state;\n },\n [selectGroups.rejected.toString()]: (state, { payload }) => {\n state.selectformState = rejectedState(payload);\n return state;\n },\n\n [unSelectGroups.fulfilled.toString()]: (state, { payload }) => {\n if (payload.errorMsg) {\n state.unSelectformState = errorState(payload.errorMsg);\n } else {\n state.checkedGroups = payload\n state.unSelectformState = fulfilledState();\n }\n return state;\n },\n [unSelectGroups.pending.toString()]: (state) => {\n state.unSelectformState = pendingState();\n return state;\n },\n [unSelectGroups.rejected.toString()]: (state, { payload }) => {\n state.unSelectformState = rejectedState(payload);\n return state;\n },\n\n [fetchContentCorner.fulfilled.toString()]: (state, { payload }) => {\n if (payload.errorMsg) {\n state.ContentformState = errorState(payload.errorMsg);\n } else {\n state.ContentCorner = payload\n state.isThereNewsLetter = payload?.NewsLetterDetail?.length > 0?true:false\n state.ContentformState = fulfilledState();\n }\n return state;\n },\n [fetchContentCorner.pending.toString()]: (state) => {\n state.ContentformState = pendingState();\n return state;\n },\n [fetchContentCorner.rejected.toString()]: (state, { payload }) => {\n state.ContentformState = rejectedState(payload);\n state.isThereNewsLetter = false\n return state;\n },\n \n [retainSpotlightPosition.fulfilled.toString()]: (state, { payload }) => {\n state.retainSpotlightPos = payload\n return state;\n },\n [retainSwtichValue.fulfilled.toString()]: (state, { payload }) => {\n state.hideOwnedSwtich = payload\n return state;\n },\n },\n});\n\nexport const { clearState, clearGroups,setLandingPageScroll,clearContentCornerState,clearContentCorner,clearContentCornerAll,clearRetainSpotlightPos,clearNewsLetterState,clearHideOwnedSwtich } = GroupSlice.actions;\nexport const groupstateSelector = (state: RootState) => state.groups;\nexport default GroupSlice.reducer;","/* eslint-disable react-hooks/exhaustive-deps */\nimport React from \"react\";\n\n\nexport const ParagraphBox = (props: any) => {\n const { data, className, boxType } = props;\n\n return (\n \n {boxType === 0 ? (\n
\n );\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from \"react\";\nimport { Row, Col, Divider } from \"antd\";\nimport { ArrowRightOutlined } from \"@ant-design/icons\";\nimport { useHistory } from \"react-router-dom\";\nimport { AppRoutes } from \"../../../../router/appRoutes\";\nimport { UseGAEventTracker } from \"../../../../../utility/useGAEventTracker\";\n\nexport const FeatureBox = (props: any) => {\n const {\n data,\n className,\n header,\n // dateFormat,\n // endDate,\n handelCallBackFetureList,\n activeListId,\n } = props;\n const [selectedFeatureList, setSelectedFeatureList] =\n useState\n \n \n {/* {data?.CreatedDateTime ? dateModify(data?.CreatedDateTime, 0) : \"\"} */}\n {data?.PublicationDateString}\n \n {data?.NewsLetterTitle}\n
\n ) : null}\n {boxType === 1 ? (\n {data?.NewsLetterDetails}
\n\n {data?.Author} \n {/* \n {`${\n data?.CreatedDateTime ? dateModify(data?.CreatedDateTime, 1) : \"\"\n } - ${data?.EndDateTime ? dateModify(data?.EndDateTime, 1) : \"\"}`}\n */}\n
\n ) : null}\n {data?.AuthorDetails}
\n\n \n
\n
\n );\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from \"react\";\nimport { Row, Col, Tooltip } from \"antd\";\nimport SpinnerLoader from \"../../../stateless/common/spinnerLoader\";\nimport { AppRoutes } from \"../../../../router/appRoutes\";\nimport { generatePath, useHistory } from \"react-router-dom\";\nimport { notFound } from \"../../../../images\";\nimport { useSelector } from \"react-redux\";\nimport { userStateSelector } from \"../../../../../redux/reducers/user/userReducer\";\nimport { ArrowRightOutlined, ArrowLeftOutlined } from \"@ant-design/icons\";\nimport { Empty } from 'antd';\nimport { groupstateSelector } from \"../../../../../redux/reducers/groups/groupListReducer\";\nimport { UseGAEventTracker } from \"../../../../../utility/useGAEventTracker\";\nexport const BookListSlider = (props: any) => {\n const {\n bookList,\n className,\n dynamiCount,\n handleNextItems,\n HandleResetStart,\n start,\n } = props;\n const { appUser } = useSelector(userStateSelector);\n const { hideOwnedSwtich } = useSelector(groupstateSelector);\n const history = useHistory();\n const [totalBooks, setTotalBooks] = useState{header}
\n- \n {data?.map((items: any, index: any) => {\n return (\n
\n {/* {items?.CreatedDateTime\n ? dateModify(items?.CreatedDateTime)\n : \"\"}\n -{endDate ? dateModify(endDate) : \"\"} */}\n \n
\n \n More Curated Lists{\" \"}\n \n
\n
\n \n More Curated Lists{\" \"}\n \n
\n \n
\n );\n};\n","export default __webpack_public_path__ + \"static/media/profileA.f68729b9.jpg\";","export default __webpack_public_path__ + \"static/media/australianUser.5ec13598.jpg\";","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Modal, Tooltip } from \"antd\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport \"./carts.less\";\nimport Cart from \"../../../models/cart/cart\";\nimport {\n deleteIcon,\n editIcon,\n userCart,\n nonUserCart,\n userPrivate,\n} from \"../../../images\";\nimport { userStateSelector } from \"../../../../redux/reducers/user/userReducer\";\nimport Button from \"../../stateless/common/button\";\nimport {\n deleteCartbyId,\n cartListFilter,\n} from \"../../../../redux/actions/carts/cartAction\";\nimport { useHistory } from \"react-router-dom\";\nimport { AppRoutes } from \"../../../router/appRoutes\";\nimport SpinnerLoader from \"../../stateless/common/spinnerLoader\";\nimport DropDown from \"../../stateless/common/dropDown\";\nimport { filterOptions } from \"../../../constants/constants\";\nimport { ascIcon, descIcon, dropdownIcon } from \"../../../images\";\nimport {\n CartStateSelector,\n setScroll,\n} from \"../../../../redux/reducers/carts/cartsReducer\";\nimport { NewCartModal } from \"./newCartModal\";\n\nexport const CartList = (props: any) => {\n const { cartlist, formState, tab } = props;\n const { appUser } = useSelector(userStateSelector);\n const dispatch = useDispatch();\n const history = useHistory();\n const [showModal, setShowModal] = useState(false);\n const [isEditClick, setIsEditClick] = useState\n \n
\n
\n \n {bookList?.books?.length > 0 ? (\n \n <>\n \n {bookList?.books\n ?.slice(0, dynamiCount)\n ?.map((item: any, index: any) => {\n return (\n \n \n \n \n selectGroup(bookList)}\n >\n View All\n \n \n
\n \n
\n \n \n
\n ) : (\n \n
\n )}\n
\n \n \n
\n ) : null}\n \n \n \n HandleResetStart(bookList?.FeatureListId)\n }\n />\n
\n \n onSelecttitle(item)}\n src={item?.ImageUrl}\n alt=\"img\"\n onError={(e: any) => {\n e.target.src = notFound;\n }}\n />\n
\n \n );\n })}\n \n
\n \n {item?.Title}\n
\n\n {currency}\n {item?.RetailPrice.toFixed(2)}\n
\n\n \n handleNextItems(bookList?.FeatureListId)\n }\n />\n
\n ) : null\n ) : null}\n \n \n \n {currency}\n {data.TotalCartAmount.toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n \n \n\n \n {data.NumberOfTitles} titles\n \n
\n \n \n\n
\n
\n \n Description: {data?.CartDescription}\n \n
\n\n Description: n/a\n
\n )}\n \n\n Delete {selectedCart?.CartName}?\n
\n \n {/* \n Are you sure you would like to deactivate\n
\n \n );\n};\n\nexport default DeactiveCartModel;\n","/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-redeclare */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { Row, Col, Radio, Input } from \"antd\";\nimport DropDown from \"../../../stateless/common/dropDown\";\nimport { dropdownIcon, searchIcon } from \"../../../../images\";\nimport \"./slider.less\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { AutoCartType } from \"../../../../constants/enums\";\nimport DeactiveCartModel from \"./deactiveCartModel/deactiveCartModel\";\nimport { CartStateSelector } from \"../../../../../redux/reducers/carts/cartsReducer\";\nimport FormItem from \"antd/lib/form/FormItem\";\n\nexport const PurchasingForm = (props: any) => {\n const {\n cart,\n rulesData,\n managerOptions,\n notifyOptions,\n getNewRuleData,\n setErrorChild\n } = props;\n const newData = useRef(JSON.parse(JSON.stringify(rulesData)));\n const oldData = useRef(JSON.parse(JSON.stringify(rulesData)));\n const [manager, setManager] = useState\n
\n \n \n Monthly Auto Cart Spending Limit is required, and must be at least 1\n
\n )}\n\n
\n \n Purchasing
\n\n \n\n \n
\n \n \n \n 0?getNotifyUsers:undefined}\n optionValue={notifyOptions}\n onChange={handleNotifySelect}\n icon={searchIcon}\n mode=\"multiple\"\n />\n
\n \n \n {errorHOld === false ? (\n <>\n ) : (\n
\n \n Hold Ratio Limit is required, and must be at least 1\n
\n )}\n\n {errorSuggestion === false ? (\n <>\n ) : (\n \n Number of suggestions is required, and must be at least 1\n \n )}\n
\n \n \n
\n \n \n {getPurchaseType()}\n \n
\n {autoCartStatus !== false ? (\n \n
\n \n onSave(newData.current)}\n >\n Save\n \n \n
\n
\n \n {title} Auto Cart
\n \nRules
\n\n {getPurchaseType()}\n \n
\n {autoCartStatus !== false ? (\n \n
\n \n onSave(newData.current)}\n >\n Save\n \n \n
\n
\n \n {title} Auto Cart
\n \nRules
\n\n {getPurchaseType()}\n \n
\n {autoCartStatus !== false ? (\n \n
\n \n onSave(newData.current)}\n >\n Save\n \n \n
\n
\n \n {title} Auto Cart
\n \nRules
\n\n {ProgressMesaage}\n
\n )\n}","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-redeclare */\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { Form, Row, Col, Switch, InputNumber, Radio, Input } from \"antd\";\nimport DropDown from \"../../../stateless/common/dropDown\";\nimport Button from \"../../../stateless/common/button\";\nimport { downIcon, dropdownIcon, searchIcon } from \"../../../../images\";\nimport \"./slider.less\";\nimport { useDispatch,useSelector } from \"react-redux\";\nimport { saveAutoCart } from \"../../../../../redux/actions/carts/cartAction\";\nimport { filterOptions } from \"../../../../constants/constants\";\nimport { AutoCartType } from \"../../../../constants/enums\";\nimport DeactiveCartModel from \"./deactiveCartModel/deactiveCartModel\";\nimport FormItem from \"antd/lib/form/FormItem\";\nimport { userStateSelector } from \"../../../../../redux/reducers/user/userReducer\";\n\nexport const AutoCartCommon = (props: any) => {\n const {\n title,\n cart,\n rulesData,\n managerOptions,\n notifyOptions,\n formState,\n getBookData,\n getSpendLimit,\n errorForm,\n formError\n } = props;\n const [form] = Form.useForm();\n const { appUser } = useSelector(userStateSelector);\n const [newData, setNewData] = useState\n \n
\n \n );\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from \"react\"\nimport { useSelector } from \"react-redux\";\nimport { CartStateSelector } from \"../../../../../redux/reducers/carts/cartsReducer\";\n\nexport const CompWrapper = (props: any) => {\n const [height, setHeight] = useState(500)\n const [scrollValue,setScrollValue] = useState(0);\n const {loading,getscrollHeight}=props;\n const{audioScrollHeight,ebookScrollHeight}=useSelector(CartStateSelector);\n\n /* props used : name , otherClass, observe.\n name : it contain class that used to calculate height.\n otherClass : it contain extra classes.\n observe : it contain class of that element which impact height\n */\n\n const calHeight = () => {\n let targetComp, targetElement: any, elementHeight: number;\n targetComp = document.querySelector\n {props.children}\n
\n \n )\n}\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useContext, useEffect, useRef, useState } from \"react\";\nimport {\n Table,\n Form,\n Input,\n InputNumber,\n Empty,\n} from \"antd\";\nimport \"antd/dist/antd.css\";\nimport { Resizable, } from \"react-resizable\";\nimport SpinnerLoader from \"../../stateless/common/spinnerLoader\";\nimport \"./purchase.less\";\n\nconst EditableContext = React.createContext({});\n\nconst EditableRow = ({ ...props }) => {\n const [form] = Form.useForm();\n return (\n \n );\n};\n\nconst EditableCell = (props: any) => {\n const {\n title,\n editable,\n children,\n dataIndex,\n inputType,\n record,\n handleSave,\n handleQanSave,\n ...restProps\n } = props;\n const [editing, setEditing] = useState\n
\n \n {\n !(props.date) ? \"N/A\" :\n props.date?.length < 10 ? \"N/A\" : dateModify(props.date)}\n
\n )\n}\n\nexport default PublicationDate","import { Popover, Divider } from \"antd\"\nimport { infoIcon } from \"../../../../images\";\nimport { BookStateSelector } from \"../../../../../redux/reducers/books/bookListReducer\";\nimport { useSelector } from \"react-redux\";\nimport React from \"react\";\n\n\n\n\nexport const CartPopup = (props: any) => {\n const { cartId, CatalogItemId } = props\n const { carts } = useSelector(BookStateSelector);\n\n const InfoCarts = (\n \n {carts ? (\n carts[CatalogItemId] && carts[CatalogItemId].length ? (\n carts[CatalogItemId]?.map((bookCart: any, index: number) => {\n return (\n
\n );\n return (\n <>\n {cartId}\n \n
\n );\n })\n ) : (\n \n {bookCart.CartName}\n
\n {bookCart.NumberOfCopies} Copies\n {index < carts[CatalogItemId]?.length - 1 && (\nLoading...
\n )\n ) : null}\n {ExternalRefId}
\n{BuyerId}
\n{NumberOfCopies}
\n\n {currency}\n {(Number.parseFloat(TotalPurchaseAmount).toFixed(2))?.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,',')}\n
\n{ExternalRefId}
\n{BuyerId}
\n{NumberOfCopies}
\n\n {currency}\n {(Number.parseFloat(TotalPurchaseAmount).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,',')}\n
\n{ExternalRefId}
\n{BuyerId}
\n{NumberOfCopies}
\n\n {currency}\n {(Number.parseFloat(TotalPurchaseAmount).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,',')}\n
\ngetAuthor(row)}>\n {Authors}\n
\n{EISBN}
\n\n {currency}\n {(Number.parseFloat(NetAmount).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,',')}\n
\n{Quantity}
\n{PurchaseOrderStatusCode}
\n{ResultMessage}
\n\n {JSON.stringify(ImageId) !== \"null\" ? (\n \n {\n e.target.src = notFound;\n }}\n />\n \n ) : null}\n
\n );\n },\n },\n {\n width: 50,\n title: \"Date\",\n dataIndex: \"Date\",\n ellipsis: true,\n className: \"historyBold\",\n check: true,\n sorter: (a: any, b: any) => a?.Date.localeCompare(b?.Date),\n render: (Date: string) => {\n return {Purchased ? \"Y\" : \"N\"}
\n\n {MediaTypeId !== 2 ? \"Ebook\" : \"Audiobook\"}\n
\n{EISBN13}
\n{Quantity}
\n\n {currency}\n {(Number.parseFloat(Cost).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,',')}\n
\n :\"\"}\n{Type}
\n{Note}
\n{auther}
\n{Position + 1}
\n //{ISBN}
\n\n history.push(AppRoutes.ITEMDETAILS, { book: row })}\n onError={(e: any) => {\n e.target.src = notFound;\n }}\n />\n
\n );\n },\n },\n {\n title: \"Title\",\n dataIndex: \"Title\",\n key: \"Title\",\n width: 200,\n ellipsis: true,\n check: true,\n render: (text: any, row: any) => {\n return (\n \n \n \n history.push(AppRoutes.ITEMDETAILS, { book: row })}\n >\n {row[\"Title\"]}\n \n \n \n
\n );\n },\n },\n {\n title: \"Author\",\n dataIndex: \"Authors\",\n key: \"Authors\",\n width: 100,\n ellipsis: true,\n check: true,\n render: (Authors: string, row: any) => {\n return (\n \n {row[\"ItemState\"] === \"PRE_SALE\" ? (\n PRE SALE\n ) : row[\"ItemState\"] === \"NOT_FOR_SALE\" ? (\n NOT FOR SALE\n ) : (\n \"\"\n )}\n
\ngetAuthor(row)}>\n {Authors}\n
\n{row[\"Series\"]}
\n {row[\"NumberInSeries\"] !== \"\"\n ?\n#{row[\"NumberInSeries\"]}
\n :\n null\n }\n \n )\n }\n },\n {\n title: \"Categories\",\n dataIndex: \"Categories\",\n key: \"Categories\",\n width: 50,\n ellipsis: true,\n check: true,\n },\n {\n title: \"Format\",\n dataIndex: \"FileFormatName\",\n key: \"FileFormatName\",\n width: 50,\n ellipsis: true,\n check: true,\n },\n {\n title: \"eISBN\",\n dataIndex: \"EISBN\",\n key: \"EISBN\",\n width: 50,\n ellipsis: true,\n check: true,\n },\n {\n width: 50,\n title: \"Publisher\",\n dataIndex: \"Imprint\",\n ellipsis: true,\n className: \"column\",\n check: true,\n },\n {\n title: \"Provider\",\n dataIndex: \"ContentProviderName\",\n key: \"ContentProviderName\",\n width: 50,\n ellipsis: true,\n check: true,\n },\n {\n title: \"Model\",\n dataIndex: \"Model\",\n key: \"Model\",\n width: 50,\n ellipsis: true,\n check: true,\n },\n {\n width: 50,\n title: \"Publication Date\",\n dataIndex: \"PublicationDate\",\n ellipsis: true,\n className: \"column\",\n check: true,\n render:(PDate:Text)=>{\n return fetchInfo(row[\"CatalogItemId\"])}>\n
\n \n \n {}\n\n trigger.parentNode}\n value={cloudHackValue || cloudValue}\n onChange={handleDateSelect}\n className=\"history-datepicker\"\n suffixIcon={
}\n separator={![\"\"](\"\")
}\n />\n
\n \n
\n
\n \n {disable ?\n \n :\n }\n
\n \n ) : null}\n \n \n Export List\n \n
*/}\n \n \n trigger.parentNode}\n >\n \n \n
\n \n \n
\n \n );\n};\n","/* eslint-disable @typescript-eslint/no-redeclare */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from \"react\";\nimport { Row, Col, Switch, Drawer, Tabs, message } from \"antd\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport \"../carts.less\";\nimport { active, inactive } from \"../../../../images\";\nimport { userStateSelector } from \"../../../../../redux/reducers/user/userReducer\";\nimport {\n CartStateSelector,\n clearSaved,\n setEbookScrollScroll,\n setAudioBookScroll,\n} from \"../../../../../redux/reducers/carts/cartsReducer\";\nimport { AutoCartSlider } from \"./sliderTabPane\";\nimport DataCart from \"./dummyCart\";\nimport Button from \"../../../stateless/common/button\";\nimport { Demo } from \"../../../stateless/common/demo\";\nimport { fetchUsers } from \"../../../../../redux/actions/user/userAction\";\nimport User from \"../../../../models/user/user\";\nimport SpinnerLoader from \"../../../stateless/common/spinnerLoader\";\nimport {\n fetchAutoCarts,\n saveAutoCart,\n resetAutoCarts,\n addNewRuleAutoCart,\n recentTab,\n} from \"../../../../../redux/actions/carts/cartAction\";\nimport { Messages } from \"../../../../constants/messages\";\nimport { AutoCartType } from \"../../../../constants/enums\";\nimport { AutoCartCommon } from \"./autoCartCommonSetting\";\nimport { CompWrapper } from \"../../../stateless/common/compWrapper\";\nimport moment from \"moment-timezone\";\nimport { AutoHistory } from \"./history/autoHistory\";\nimport { WarningOutlined } from \"@ant-design/icons\";\n\nexport const AutoCartList = (props: any) => {\n const { carts } = props\n const { TabPane } = Tabs;\n const { appUser } = useSelector(userStateSelector);\n const {\n autoCartsData,\n formState,\n ruleSaved,\n saveAutoCartFormState,\n resetformState,\n fetchAutoCartFormState,\n defaultTab,\n autoByRuleError\n } = useSelector(CartStateSelector);\n const { users } = useSelector(userStateSelector);\n const cartList = DataCart();\n var lib_Id =\n appUser && appUser.libraryData ? appUser.libraryData[0].LibraryId : 0;\n const dispatch = useDispatch();\n const [visible, setVisible] = useState(false);\n const [editByClick, setEditByClick] = useState\n {dataCount > lastCount - start + 1 && data && data?.length ? (\n <>\n {\n historyFormState.isSuccess ?\n
\n \n
\n : null\n )\n\n const alertForAbooks:any = (audioBookCartLimit && (purchaseCapReachDate !== null) ?\n \n
\n \n The Auto Cart process determined on {dateModify(purchaseCapReachDate)} that the Monthly Auto Cart Spending Limit had been reached. No additional books will be purchased by the Auto Cart process this month. Ebooks that would have been purchased have been placed into the Auto Cart.\n
\n \n Auto Cart purchasing will resume at the beginning of the next month. To resume purchasing this month, increase the Monthly Auto Cart Spending Limit which will take effect the following day.\n
\n \n {(purchaseCapPeriod !== null) ? \n
\n Current Purchase Limit: {currency}{Number.parseFloat(purchaseCapPeriod).toFixed(2)}
\n : null\n }\n {\n (periodRunningTotal !== null) ?\n Amount Spent: {currency}{Number.parseFloat(periodRunningTotal).toFixed(2)}
\n : null\n }\n Date Limit Reached: {dateModify(purchaseCapReachDate)}
\n \n
\n :\n null\n)\n\n return (\n \n
\n \n The Auto Cart process determined on {dateModify(purchaseCapReachDate)} that the Monthly Auto Cart Spending Limit had been reached. No additional books will be purchased by the Auto Cart process this month. AudioBooks that would have been purchased have been placed into the Auto Cart.\n
\n \n Auto Cart purchasing will resume at the beginning of the next month. To resume purchasing this month, increase the Monthly Auto Cart Spending Limit which will take effect the following day.\n
\n \n {\n (purchaseCapPeriod !== null) ?\n
\n Current Purchase Limit: {currency}{Number.parseFloat(purchaseCapPeriod).toFixed(2)}
\n : null\n }\n {\n (periodRunningTotal !== null) ?\n Amount Spent: {currency}{Number.parseFloat(periodRunningTotal).toFixed(2)}
\n : null\n }\n Date Limit Reached: {dateModify(purchaseCapReachDate)}
\n {Messages.AUTO_CART_MESSAGE}
\n \n\n {cartList?.map((data: any, index: number) => {\n return (\n
\n \n {/* {presentBook?.includes(data?.CartName) !== true ? <> : */}\n \n \n \n {/* Updated on {data.LastUpdate} */}\n \n
\n \n
\n \n {parseInt(bookCartNo) === 1 ?\n {\n if( autoByRuleError?.length === 0) {\n dispatch(setEbookScrollScroll(getscrollheight))\n setEditByClick(true);\n setEditByUpdated(true)\n setSelectedCart(data);\n handleAddNewRule(\n true,\n data?.CartName,\n false\n );\n } else {\n showNotification(\"error\");\n }\n }}\n >\n Edit Rules\n \n \n \n \n {\n dispatch(setEbookScrollScroll(getscrollheight))\n setEditByUpdated(false)\n handleAddNewRule(\n checked,\n data?.CartName,\n true\n )}\n }\n />\n \n :\n <>\n \n \n {\n if( autoByRuleError?.length === 0) {\n setEditByClick(true);\n setEditByUpdated(true)\n setSelectedCart(data);\n handleAddNewRule(\n true,\n data?.CartName,\n false\n );\n dispatch(setEbookScrollScroll(getscrollheight))\n } else {\n showNotification(\"error\");\n }\n }}\n >\n Edit Rules\n \n \n \n \n {\n setEditByUpdated(false)\n handleAddNewRule(\n checked,\n data?.CartName,\n true\n )\n dispatch(setEbookScrollScroll(getscrollheight))\n }\n }\n />\n \n ) : bookCartNoWithActive ? (\n <>\n {\n if( autoByRuleError?.length === 0) {\n setVisible(true);\n setSelectedCart(data);\n dispatch(setEbookScrollScroll(getscrollheight))\n } else {\n showNotification(\"error\");\n }\n }}\n >\n \n Edit Rules\n \n \n {\n handleActiveChange(checked, data)\n dispatch(setEbookScrollScroll(getscrollheight))}\n }\n />\n \n ) : (\n <>\n {\n if( autoByRuleError?.length === 0) {\n setVisible(true);\n setSelectedCart(data);\n dispatch(setEbookScrollScroll(getscrollheight))\n } else {\n showNotification(\"error\");\n }\n }}\n className=\"edit-rules normalRules activeTrue\">\n \n Edit Rules\n \n \n {\n handleCartStatusActiveChange(checked, data)\n dispatch(setEbookScrollScroll(getscrollheight))}\n }/>\n \n )}\n :\n
\n \n
\n {/* } */}\n\n
\n );\n })}\n Spending Limit
\n : null }\n {ruleAutoPurchase(data.CartName) ? \n \n { (data.CartName === AutoCartType.HOLDS) ?\n ebookHold ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.PurchaseCapForPeriod)[0]) === null ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP) ?\n ebookContent ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.PurchaseCapForPeriod)[0] === null) ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n ebookSuggest ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.PurchaseCapForPeriod)[0] === null) ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : null\n }\n
\n : null }\n \n\n :\n DataAudioBooks[0]?.AutocartProcessingStrategyId === \"LibraryLevel\" ?\n <>\n :\n <>\n Spending Limit
\n \n { (data.CartName === AutoCartType.HOLDS) ?\n audioHold ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.PurchaseCapForPeriod)[0]) === null ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP)?\n audioContent ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.PurchaseCapForPeriod)[0]) === null ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n audioSuggestion ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.PurchaseCapForPeriod)[0] === null ) ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.PurchaseCapForPeriod)[0]\n : ''\n : null\n }\n
\n \n }\n \n \n Amount spent this month \n
\n :null\n : (data.CartName === AutoCartType.CONTENT_EXP) ?\n contentExpSpent ?\n \n Amount spent this month\n
\n :null\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n suggestionSpent ?\n \n Amount spent this month\n
\n : null\n :null\n }\n {/* {\n (holdSpent || contentExpSpent || suggestionSpent) ?\n \n Amount spent this month\n
\n :\n null\n } */}\n { parseInt(bookCartNo) === 1 ?\n \n {\n (data.CartName === AutoCartType.HOLDS) ?\n ebookHold && holdSpent ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]) === null ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP) ?\n ebookContent && contentExpSpent ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.AutoBuyPeriodRunningTotal)[0] === null) ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n ebookSuggest && suggestionSpent ?\n (DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.AutoBuyPeriodRunningTotal)[0] === null) ?\n currency + 0\n : currency + DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : null\n }\n
\n :\n \n {\n (data.CartName === AutoCartType.HOLDS) ?\n audioHold ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]) === null ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP)?\n audioContent ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]) === null ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n audioSuggestion ?\n (DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.AutoBuyPeriodRunningTotal)[0] === null ) ?\n currency + 0\n : currency + DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.AutoBuyPeriodRunningTotal)[0]\n : ''\n : null\n }\n
\n }\n \n PO Reference#
\n : null }\n \n {(data.CartName === AutoCartType.HOLDS) ?\n ebookHold && holdSpent ?\n DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.ExternalRefId)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP) ?\n ebookContent && contentExpSpent ?\n DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.ExternalRefId)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n ebookSuggest && suggestionSpent ?\n DataEbooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.ExternalRefId)[0]\n : ''\n : null}\n
\n \n :\n DataAudioBooks[0]?.AutocartProcessingStrategyId === \"LibraryLevel\" ?\n <>\n :\n <>\n PO Reference#
\n \n {\n (data.CartName === AutoCartType.HOLDS) ?\n audioHold ?\n DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 2).map((data:any) => data.ExternalRefId)[0]\n : ''\n : (data.CartName === AutoCartType.CONTENT_EXP)?\n audioContent ?\n DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 1).map((data:any) => data.ExternalRefId)[0]\n : ''\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n audioSuggestion ?\n DataAudioBooks[0]?.Rules.filter((data: any) => data.AutoBuyRuleType === 3).map((data:any) => data.ExternalRefId)[0]\n : ''\n : null\n }\n
\n \n }\n \n {appUser?.isLibraryBuyer === true ?\n \n {cartList.map((data: any, index: number) => {\n return (\n
\n \n {/* {presentBook?.includes(data?.CartName) !== true ? <> : */}\n \n \n \n {/* Updated on {data.LastUpdate} */}\n \n
\n \n
\n \n {parseInt(bookCartNo) === 1 ? (\n {\n if( autoByRuleError?.length === 0) {\n setEditByClick(true);\n setEditByUpdated(true)\n setSelectedCart(data);\n handleAddNewRule(\n true,\n data?.CartName,\n false\n );\n dispatch(setAudioBookScroll(getscrollheight))\n } else {\n showNotification(\"error\")\n }\n }}\n >\n Edit Rules\n \n \n \n \n {\n dispatch(setAudioBookScroll(getscrollheight))\n setEditByUpdated(false)\n handleAddNewRule(\n checked,\n data?.CartName,\n true\n )}\n }\n />\n \n :\n <>\n \n \n {\n if( autoByRuleError?.length === 0) {\n dispatch(setAudioBookScroll(getscrollheight))\n setEditByClick(true);\n setEditByUpdated(true)\n setSelectedCart(data);\n handleAddNewRule(\n true,\n data?.CartName,\n false\n );\n } else {\n showNotification(\"error\");\n }\n }}\n >\n Edit Rules\n \n \n \n \n {\n dispatch(setAudioBookScroll(getscrollheight))\n setEditByUpdated(false)\n handleAddNewRule(\n checked,\n data?.CartName,\n true\n )}\n }\n />\n \n ) : bookCartNoWithActive ? (\n <>\n {\n if( autoByRuleError?.length === 0) {\n dispatch(setAudioBookScroll(getscrollheight))\n setVisible(true);\n setSelectedCart(data);\n } else {\n showNotification(\"error\");\n }\n }}\n >\n \n Edit Rules\n \n \n {\n dispatch(setAudioBookScroll(getscrollheight))\n handleActiveChange(checked, data)}\n }\n />\n \n ) : (\n <>\n {\n if( autoByRuleError?.length === 0) {\n dispatch(setAudioBookScroll(getscrollheight))\n setVisible(true);\n setSelectedCart(data);\n } else {\n showNotification(\"error\");\n }\n }}\n className=\"edit-rules normalRules activeTrue\">\n \n Edit Rules\n \n \n {\n dispatch(setAudioBookScroll(getscrollheight))\n handleCartStatusActiveChange(checked, data)\n } \n }/>\n \n )}\n \n ) : (\n
\n \n
\n {/* } */}\n
\n );\n })}\n \n Spending Limit\n
\n \n {data.CartName === AutoCartType.HOLDS\n ? ebookHold\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? ebookContent\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? ebookSuggest\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n \n )\n ) : DataAudioBooks[0]?.AutocartProcessingStrategyId ===\n \"LibraryLevel\" ? (\n <>\n ) : (\n <>\n {ruleAutoPurchase(data.CartName) ? \n \n Spending Limit\n
\n : null\n }\n {ruleAutoPurchase(data.CartName) ? \n \n {data.CartName === AutoCartType.HOLDS\n ? audioHold\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) => data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? audioContent\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) => data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? audioSuggestion\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) => data.PurchaseCapForPeriod\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.PurchaseCapForPeriod\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n : null }\n \n )}\n \n \n Amount spent this month\n
\n :null\n : (data.CartName === AutoCartType.CONTENT_EXP) ?\n contentExpSpent ?\n \n Amount spent this month\n
\n :null\n : (data.CartName === AutoCartType.SUGGESTIONS) ?\n suggestionSpent ?\n \n Amount spent this month\n
\n : null\n :null\n }\n {/* \n Amount spent this month\n
*/}\n {parseInt(bookCartNo) === 1 ? (\n \n {data.CartName === AutoCartType.HOLDS\n ? ebookHold\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? ebookContent\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? ebookSuggest\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n ) : (\n \n {data.CartName === AutoCartType.HOLDS\n ? audioHold\n ? audioActiveStatus && holdSpent\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 2\n ).map(\n (data: any) => \n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? audioContent\n ? audioActiveStatus && contentExpSpent\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? audioSuggestion\n ? audioActiveStatus && suggestionSpent\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) => data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0] === null\n ? currency + 0\n : currency +\n DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) =>\n data.AutoBuyPeriodRunningTotal\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n )}\n \n \n PO Reference#\n
\n \n {data.CartName === AutoCartType.HOLDS\n ? ebookHold\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? ebookActiveStatus\n ? ebookContent\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? ebookSuggest\n ? ebookActiveStatus\n ? DataEbooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n \n )\n ) : DataAudioBooks[0]?.AutocartProcessingStrategyId ===\n \"LibraryLevel\" ? (\n <>\n ) : (\n <>\n {ruleAutoPurchase(data.CartName) ? \n \n PO Reference#\n
\n : null }\n \n {data.CartName === AutoCartType.HOLDS\n ? audioHold && holdSpent\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 2\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.CONTENT_EXP\n ? audioContent && contentExpSpent\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 1\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : data.CartName === AutoCartType.SUGGESTIONS\n ? audioSuggestion && suggestionSpent\n ? audioActiveStatus\n ? DataAudioBooks[0]?.Rules.filter(\n (data: any) =>\n data.AutoBuyRuleType === 3\n ).map(\n (data: any) => data.ExternalRefId\n )[0]\n : \"\"\n : \"\"\n : null}\n
\n \n )}\n \n {appUser?.isLibraryBuyer === true ? (\n \n
\n \n
\n Purchase Confirmation
\n\n Due to the nature of digital materials, we cannot accept a return of a\n digital file. Please be sure you are satisfied with your selections\n before clicking Buy to complete your purchase.\n
\n\n Taxes are not included in the pricing shown. Any applicable taxes will be\n applied at the time of invoicing.\n
\n\n {selectedCart?.CartOwner === appUser?.email || selectedCart?.IsCommunityCart || buyAllCart?\n <>\n \n
\n \n
\n \n
\n \n :\n <>\n {/* if restricted */}\n \n
\n \n
\n \n
\n \n }\n \n
\n
\n Total Titles:
\n \n\n {selectedCartIds?.length !== 0 ? (\n <>\n {titlePurchaseSum + titlePreSaleSum} ({titlePurchaseSum}{\" \"}\n purchases / {titlePreSaleSum} presale)\n \n ) : (\n <>\n {selectedCart?.NumberOfTitles} ({numberOfTitles} purchases /{\" \"}\n {selectedCart?.NumberOfPrepubTitles} presale)\n \n )}\n
\n \nTotal Copies:
\n \n\n {selectedCartIds?.length !== 0 ? (\n <>\n {copiesPurchaseSum + copiesPreSaleSum} ({copiesPurchaseSum}{\" \"}\n purchases/ {copiesPreSaleSum} presale)\n \n ) : (\n <>\n {selectedCart?.NumberofCopies} ({numberofCopies} purchases /{\" \"}\n {selectedCart?.NumberOfPrepubCopies} presale)\n \n )}\n
\n \n\n Total Amount:\n
\n \n\n {selectedCartIds?.length !== 0 ? (\n <>\n \n {currency}\n {roundofNumber(totalAmountSum)}\n \n \n ({roundofNumber(totalAmountSum - totalPreSaleAmountSum)}{\" \"}\n purchases / {roundofNumber(totalPreSaleAmountSum)}{\" \"}\n presale)\n \n \n ) : (\n <>\n \n {currency}\n {selectedCart?.TotalCartAmount}{\" \"}\n \n \n ({totalAmount} purchases /{\" \"}\n {selectedCart?.TotalCartPrepubAmount} presale)\n \n \n )}\n
\n \nTotal Titles:
\n \n\n {viewerData?.NumberOfTitles !== undefined ? (\n <>\n {viewerData?.NumberOfTitles} ({viewerData?.NumberOfTitles - viewerData?.NumberOfPrepubTitles}{\" \"}\n purchases / {viewerData?.NumberOfPrepubTitles} presale)\n \n ) : (\n <>\n {selectedCart?.NumberOfTitles} ({numberOfTitles} purchases /{\" \"}\n {selectedCart?.NumberOfPrepubTitles} presale)\n \n )}\n
\n \nTotal Copies:
\n \n\n {viewerData?.NumberofCopies !== undefined ? (\n <>\n {viewerData?.NumberofCopies} ({viewerData?.NumberofCopies - viewerData?.NumberOfPrepubCopies}{\" \"}\n purchases/ {viewerData?.NumberOfPrepubCopies} presale)\n \n ) : (\n <>\n {selectedCart?.NumberofCopies} ({numberofCopies} purchases /{\" \"}\n {selectedCart?.NumberOfPrepubCopies} presale)\n \n )}\n
\n \n\n Total Amount:\n
\n \n\n {viewerData?.TotalCartAmount !== undefined ? (\n <>\n \n {currency}\n {(viewerData?.TotalCartAmount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g,','))}\n \n \n ({viewerData?.TotalCartAmount - viewerData?.TotalCartPrepubAmount}{\" \"}\n purchases / {viewerData?.TotalCartPrepubAmount}{\" \"}\n presale)\n \n \n ) : (\n <>\n \n {currency}\n {selectedCart?.TotalCartAmount}{\" \"}\n \n \n ({totalAmount} purchases /{\" \"}\n {selectedCart?.TotalCartPrepubAmount} presale)\n \n \n )}\n
\n \n\n NOTE: Presale pricing is subject to change up until the street\n date.\n
\n\n PO Reference Number :\n
\n \nPurchase Submitted
\n{props.heading}
\n\n
\n \n {message}
{message2}\n
Move Title Between Carts Confirmation
\n \n \n Please select titles before selecting the destination cart\n
\n