@ludo.ninja/components 1.0.7 → 1.0.8

package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.js

@@ -1,276 +1,466 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { useEffect, useMemo, useRef, useState } from 'react';
+
 import { useLazyQuery } from '@apollo/client';
+
 import { hosts, opportunitiesSchema } from '@ludo.ninja/api';
 import { searchSchema } from '@ludo.ninja/api';
 import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
 import { useGalleryStore } from '@/modules/gallery/store';
+
 import { useUiStore } from '@/store/ui';
+
 import { extractItemIds } from '@/utils/extractItemIds';
 import { getPageSize } from '@/utils/getPageSizeAssets';
+
 import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 import CreationEntity from '@/dto/CreationEntity';
+
+var __assign =
+  (this && this.__assign) ||
+  function () {
+    __assign =
+      Object.assign ||
+      function (t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+    return __assign.apply(this, arguments);
+  };
+var __awaiter =
+  (this && this.__awaiter) ||
+  function (thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P
+        ? value
+        : new P(function (resolve) {
+            resolve(value);
+          });
+    }
+    return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function rejected(value) {
+        try {
+          step(generator['throw'](value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function step(result) {
+        result.done
+          ? resolve(result.value)
+          : adopt(result.value).then(fulfilled, rejected);
+      }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+  };
+var __generator =
+  (this && this.__generator) ||
+  function (thisArg, body) {
+    var _ = {
+        label: 0,
+        sent: function () {
+          if (t[0] & 1) throw t[1];
+          return t[1];
+        },
+        trys: [],
+        ops: [],
+      },
+      f,
+      y,
+      t,
+      g;
+    return (
+      (g = { next: verb(0), throw: verb(1), return: verb(2) }),
+      typeof Symbol === 'function' &&
+        (g[Symbol.iterator] = function () {
+          return this;
+        }),
+      g
+    );
+    function verb(n) {
+      return function (v) {
+        return step([n, v]);
+      };
+    }
+    function step(op) {
+      if (f) throw new TypeError('Generator is already executing.');
+      while ((g && ((g = 0), op[0] && (_ = 0)), _))
+        try {
+          if (
+            ((f = 1),
+            y &&
+              (t =
+                op[0] & 2
+                  ? y['return']
+                  : op[0]
+                  ? y['throw'] || ((t = y['return']) && t.call(y), 0)
+                  : y.next) &&
+              !(t = t.call(y, op[1])).done)
+          )
+            return t;
+          if (((y = 0), t)) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+            case 0:
+            case 1:
+              t = op;
+              break;
+            case 4:
+              _.label++;
+              return { value: op[1], done: false };
+            case 5:
+              _.label++;
+              y = op[1];
+              op = [0];
+              continue;
+            case 7:
+              op = _.ops.pop();
+              _.trys.pop();
+              continue;
+            default:
+              if (
+                !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&
+                (op[0] === 6 || op[0] === 2)
+              ) {
+                _ = 0;
+                continue;
+              }
+              if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                _.label = op[1];
+                break;
+              }
+              if (op[0] === 6 && _.label < t[1]) {
+                _.label = t[1];
+                t = op;
+                break;
+              }
+              if (t && _.label < t[2]) {
+                _.label = t[2];
+                _.ops.push(op);
+                break;
+              }
+              if (t[2]) _.ops.pop();
+              _.trys.pop();
+              continue;
+          }
+          op = body.call(thisArg, _);
+        } catch (e) {
+          op = [6, e];
+          y = 0;
+        } finally {
+          f = t = 0;
+        }
+      if (op[0] & 5) throw op[1];
+      return { value: op[0] ? op[1] : void 0, done: true };
+    }
+  };
+var __spreadArray =
+  (this && this.__spreadArray) ||
+  function (to, from, pack) {
+    if (pack || arguments.length === 2)
+      for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+        }
+      }
+    return to.concat(ar || Array.prototype.slice.call(from));
+  };
+
 var limit = 40;
 export var useGetAssetsAndCollectionForFavorite = function (_a) {
-    var gallery = _a.gallery, activeTab = _a.activeTab, fetchLikes = _a.fetchLikes;
-    var _b = useState([]), assets = _b[0], setAssets = _b[1];
-    var _c = useState([]), collections = _c[0], setCollections = _c[1];
-    var _d = useState([]), opportunities = _d[0], setOpportunities = _d[1];
-    var openAlert = useUiStore(function (state) { return state.openAlert; });
-    var currentPageRef = useRef(1);
-    var _e = useState(true), isLoading = _e[0], setIsLoading = _e[1];
-    var _f = useState(false), isNextLoading = _f[0], setIsNextLoading = _f[1];
-    var isHaveNextPage = useGalleryStore(function (state) { return state.allResults > currentPageRef.current * limit; });
-    var getAssetsAndCollectionsInGallery = function (isFirstLoading) {
-        if (isFirstLoading === void 0) { isFirstLoading = false; }
-        return new Promise(function (resolve) {
-            var assetArray = [];
-            var collectionsArray = [];
-            var opportunitiesArray = [];
-            var size = isFirstLoading && activeTab
-                ? getPageSize({
-                    scrollTab: activeTab.value,
-                    limit: limit,
-                })
-                : limit;
-            var totalLength = size !== limit ? size : false;
-            var creationIds = gallery.getGalleryCreationIds();
-            var startIndex = (currentPageRef.current - 1) * limit;
-            var endIndex = totalLength ? totalLength : startIndex + limit;
-            for (var i = startIndex; i < endIndex && i < creationIds.length; i++) {
-                var elements = creationIds[i].split('.');
-                var id = elements.splice(1, creationIds[i].length).join('.');
-                if (elements[0] === 'asset') {
-                    assetArray.push(id);
-                }
-                else if (elements[0] === 'collection') {
-                    collectionsArray.push(id);
-                }
-                else if (elements[0] === 'opportunity') {
-                    opportunitiesArray.push(id);
-                }
-            }
-            var assetPromise = assetArray.length > 0
-                ? fetchAssets({ variables: { assetIds: assetArray } })
-                : Promise.resolve();
-            var collectionsPromise = collectionsArray.length > 0
-                ? fetchCollections({ variables: { collectionIds: collectionsArray } })
-                : Promise.resolve();
-            var opportunitiesPromise = opportunitiesArray.length > 0
-                ? fetchOpportunities({
-                    variables: { opportunityIds: opportunitiesArray },
-                })
-                : Promise.resolve();
-            Promise.all([assetPromise, collectionsPromise, opportunitiesPromise])
-                .then(function () {
-                resolve();
+  var gallery = _a.gallery,
+    activeTab = _a.activeTab,
+    fetchLikes = _a.fetchLikes;
+  var _b = useState([]),
+    assets = _b[0],
+    setAssets = _b[1];
+  var _c = useState([]),
+    collections = _c[0],
+    setCollections = _c[1];
+  var _d = useState([]),
+    opportunities = _d[0],
+    setOpportunities = _d[1];
+  var openAlert = useUiStore(function (state) {
+    return state.openAlert;
+  });
+  var currentPageRef = useRef(1);
+  var _e = useState(true),
+    isLoading = _e[0],
+    setIsLoading = _e[1];
+  var _f = useState(false),
+    isNextLoading = _f[0],
+    setIsNextLoading = _f[1];
+  var isHaveNextPage = useGalleryStore(function (state) {
+    return state.allResults > currentPageRef.current * limit;
+  });
+  var getAssetsAndCollectionsInGallery = function (isFirstLoading) {
+    if (isFirstLoading === void 0) {
+      isFirstLoading = false;
+    }
+    return new Promise(function (resolve) {
+      var assetArray = [];
+      var collectionsArray = [];
+      var opportunitiesArray = [];
+      var size =
+        isFirstLoading && activeTab
+          ? getPageSize({
+              scrollTab: activeTab.value,
+              limit: limit,
             })
-                .catch(function () {
-                resolve();
-            });
-        });
-    };
-    var getLikesForAllCreations = function (creations, currentItemType) {
-        if (creations.length > 0 && fetchLikes) {
-            var itemsIdsArray = extractItemIds(creations);
-            if (itemsIdsArray.length > 0) {
-                fetchLikes(itemsIdsArray, currentItemType);
-            }
+          : limit;
+      var totalLength = size !== limit ? size : false;
+      var creationIds = gallery.getGalleryCreationIds();
+      var startIndex = (currentPageRef.current - 1) * limit;
+      var endIndex = totalLength ? totalLength : startIndex + limit;
+      for (var i = startIndex; i < endIndex && i < creationIds.length; i++) {
+        var elements = creationIds[i].split('.');
+        var id = elements.splice(1, creationIds[i].length).join('.');
+        if (elements[0] === 'asset') {
+          assetArray.push(id);
+        } else if (elements[0] === 'collection') {
+          collectionsArray.push(id);
+        } else if (elements[0] === 'opportunity') {
+          opportunitiesArray.push(id);
         }
-    };
-    var _g = useLazyQuery(searchSchema.FetchAssetsDocument, {
-        context: { uri: hosts.searchHost },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var data = _a.fetchAssets;
-            setAssets(function (prevAssets) {
-                var results = __spreadArray(__spreadArray([], (prevAssets || []), true), data.map(function (asset) { return [
-                    asset.assetId,
-                    new CreationEntity(__assign(__assign({}, asset), { itemType: 'asset', itemId: asset.assetId })),
-                ]; }), true);
-                getLikesForAllCreations(results.map(function (el) { return el[1]; }), 'asset');
-                return results;
-            });
-        },
-        onError: function () {
-            openAlert({
-                type: alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setAssets([]);
-        },
-    }), fetchAssets = _g[0], _h = _g[1], assetsError = _h.error, refetchAssets = _h.refetch;
-    var _j = useLazyQuery(searchSchema.FetchCollectionsByIdsDocument, {
-        context: { uri: hosts.searchHost },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var data = _a.fetchCollectionsByIds;
-            setCollections(function (prevCollections) {
-                var results = __spreadArray(__spreadArray([], (prevCollections || []), true), data.map(function (collection) { return [
-                    collection.collectionId,
-                    new CollectionCreationEntity(collection, 'collection'),
-                ]; }), true);
-                getLikesForAllCreations(results.map(function (el) { return el[1]; }), 'collection');
-                return results;
-            });
-        },
-        onError: function () {
-            openAlert({
-                type: alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setCollections([]);
-        },
-    }), fetchCollections = _j[0], _k = _j[1], collectionsError = _k.error, refetchCollections = _k.refetch;
-    var _l = opportunitiesSchema.useFetchOpportunitiesByIdsLazyQuery({
-        context: { uri: hosts.opportunitiesHost },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var data = _a.fetchOpportunitiesByIds;
-            setOpportunities(function (prev) { return __spreadArray(__spreadArray([], (prev || []), true), data.map(function (opportunity) { return [
-                opportunity.opportunityId,
-                opportunity,
-            ]; }), true); });
-        },
-        onError: function () {
-            openAlert({
-                type: alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setOpportunities([]);
-        },
-    }), fetchOpportunities = _l[0], _m = _l[1], opportunitiesError = _m.error, refetchOpportunities = _m.refetch;
-    useEffect(function () {
-        getAssetsAndCollectionsInGallery(true).then(function () {
-            setIsLoading(false);
+      }
+      var assetPromise =
+        assetArray.length > 0
+          ? fetchAssets({ variables: { assetIds: assetArray } })
+          : Promise.resolve();
+      var collectionsPromise =
+        collectionsArray.length > 0
+          ? fetchCollections({ variables: { collectionIds: collectionsArray } })
+          : Promise.resolve();
+      var opportunitiesPromise =
+        opportunitiesArray.length > 0
+          ? fetchOpportunities({
+              variables: { opportunityIds: opportunitiesArray },
+            })
+          : Promise.resolve();
+      Promise.all([assetPromise, collectionsPromise, opportunitiesPromise])
+        .then(function () {
+          resolve();
+        })
+        .catch(function () {
+          resolve();
         });
-    }, []);
-    var loadMore = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (!isHaveNextPage || isLoading)
-                return [2 /*return*/];
-            currentPageRef.current++;
-            setIsNextLoading(true);
-            getAssetsAndCollectionsInGallery().then(function () {
-                setIsNextLoading(false);
-            });
-            return [2 /*return*/];
+    });
+  };
+  var getLikesForAllCreations = function (creations, currentItemType) {
+    if (creations.length > 0 && fetchLikes) {
+      var itemsIdsArray = extractItemIds(creations);
+      if (itemsIdsArray.length > 0) {
+        fetchLikes(itemsIdsArray, currentItemType);
+      }
+    }
+  };
+  var _g = useLazyQuery(searchSchema.FetchAssetsDocument, {
+      context: { uri: hosts.searchHost },
+      fetchPolicy: 'no-cache',
+      onCompleted: function (_a) {
+        var data = _a.fetchAssets;
+        setAssets(function (prevAssets) {
+          var results = __spreadArray(
+            __spreadArray([], prevAssets || [], true),
+            data.map(function (asset) {
+              return [
+                asset.assetId,
+                new CreationEntity(
+                  __assign(__assign({}, asset), {
+                    itemType: 'asset',
+                    itemId: asset.assetId,
+                  })
+                ),
+              ];
+            }),
+            true
+          );
+          getLikesForAllCreations(
+            results.map(function (el) {
+              return el[1];
+            }),
+            'asset'
+          );
+          return results;
         });
-    }); };
-    var creations = useMemo(function () {
-        var creationIds = gallery.getGalleryCreationIds();
-        var mapAssets = new Map(assets);
-        var collectionAssets = new Map(collections);
-        var opportunityAssets = new Map(opportunities);
-        return creationIds
-            .map(function (id) {
-            var idSplit = id.split('.');
-            var idType = idSplit[0];
-            var idElement = idSplit.slice(1).join('.');
-            if (idType === 'asset') {
-                return mapAssets.get(idElement);
-            }
-            if (idType === 'collection') {
-                return collectionAssets.get(idElement);
-            }
-            if (idType === 'opportunity') {
-                return opportunityAssets.get(idElement);
-            }
+      },
+      onError: function () {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setAssets([]);
+      },
+    }),
+    fetchAssets = _g[0],
+    _h = _g[1],
+    assetsError = _h.error,
+    refetchAssets = _h.refetch;
+  var _j = useLazyQuery(searchSchema.FetchCollectionsByIdsDocument, {
+      context: { uri: hosts.searchHost },
+      fetchPolicy: 'no-cache',
+      onCompleted: function (_a) {
+        var data = _a.fetchCollectionsByIds;
+        setCollections(function (prevCollections) {
+          var results = __spreadArray(
+            __spreadArray([], prevCollections || [], true),
+            data.map(function (collection) {
+              return [
+                collection.collectionId,
+                new CollectionCreationEntity(collection, 'collection'),
+              ];
+            }),
+            true
+          );
+          getLikesForAllCreations(
+            results.map(function (el) {
+              return el[1];
+            }),
+            'collection'
+          );
+          return results;
+        });
+      },
+      onError: function () {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setCollections([]);
+      },
+    }),
+    fetchCollections = _j[0],
+    _k = _j[1],
+    collectionsError = _k.error,
+    refetchCollections = _k.refetch;
+  var _l = opportunitiesSchema.useFetchOpportunitiesByIdsLazyQuery({
+      context: { uri: hosts.opportunitiesHost },
+      fetchPolicy: 'no-cache',
+      onCompleted: function (_a) {
+        var data = _a.fetchOpportunitiesByIds;
+        setOpportunities(function (prev) {
+          return __spreadArray(
+            __spreadArray([], prev || [], true),
+            data.map(function (opportunity) {
+              return [opportunity.opportunityId, opportunity];
+            }),
+            true
+          );
+        });
+      },
+      onError: function () {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setOpportunities([]);
+      },
+    }),
+    fetchOpportunities = _l[0],
+    _m = _l[1],
+    opportunitiesError = _m.error,
+    refetchOpportunities = _m.refetch;
+  useEffect(function () {
+    getAssetsAndCollectionsInGallery(true).then(function () {
+      setIsLoading(false);
+    });
+  }, []);
+  var loadMore = function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        if (!isHaveNextPage || isLoading) return [2 /*return*/];
+        currentPageRef.current++;
+        setIsNextLoading(true);
+        getAssetsAndCollectionsInGallery().then(function () {
+          setIsNextLoading(false);
+        });
+        return [2 /*return*/];
+      });
+    });
+  };
+  var creations = useMemo(
+    function () {
+      var creationIds = gallery.getGalleryCreationIds();
+      var mapAssets = new Map(assets);
+      var collectionAssets = new Map(collections);
+      var opportunityAssets = new Map(opportunities);
+      return creationIds
+        .map(function (id) {
+          var idSplit = id.split('.');
+          var idType = idSplit[0];
+          var idElement = idSplit.slice(1).join('.');
+          if (idType === 'asset') {
+            return mapAssets.get(idElement);
+          }
+          if (idType === 'collection') {
+            return collectionAssets.get(idElement);
+          }
+          if (idType === 'opportunity') {
+            return opportunityAssets.get(idElement);
+          }
         })
-            .filter(function (el) { return !!el; })
-            .slice(0, assets.length + collections.length + opportunities.length);
-    }, [assets, collections, opportunities]);
-    return {
-        creations: creations,
-        isLoading: isLoading,
-        isNextLoading: isNextLoading,
-        loadMore: loadMore,
-        error: assetsError || collectionsError || opportunitiesError,
-        refetchQuery: function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                if (assetsError) {
-                    refetchAssets();
-                }
-                if (collectionsError) {
-                    refetchCollections();
-                }
-                if (opportunitiesError) {
-                    refetchOpportunities();
-                }
-                return [2 /*return*/];
-            });
-        }); },
-        removeCreation: function (creationIdToRemove, itemType) {
-            if (itemType === 'asset') {
-                setAssets(function (items) {
-                    return items.filter(function (item) { return item[0] !== creationIdToRemove; });
-                });
-            }
-            if (itemType === 'collection') {
-                setCollections(function (items) {
-                    return items.filter(function (item) { return item[0] !== creationIdToRemove; });
-                });
-            }
-            if (itemType === 'opportunity') {
-                setOpportunities(function (items) {
-                    return items.filter(function (item) { return item[0] !== creationIdToRemove; });
-                });
-            }
-        },
-    };
+        .filter(function (el) {
+          return !!el;
+        })
+        .slice(0, assets.length + collections.length + opportunities.length);
+    },
+    [assets, collections, opportunities]
+  );
+  return {
+    creations: creations,
+    isLoading: isLoading,
+    isNextLoading: isNextLoading,
+    loadMore: loadMore,
+    error: assetsError || collectionsError || opportunitiesError,
+    refetchQuery: function () {
+      return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+          if (assetsError) {
+            refetchAssets();
+          }
+          if (collectionsError) {
+            refetchCollections();
+          }
+          if (opportunitiesError) {
+            refetchOpportunities();
+          }
+          return [2 /*return*/];
+        });
+      });
+    },
+    removeCreation: function (creationIdToRemove, itemType) {
+      if (itemType === 'asset') {
+        setAssets(function (items) {
+          return items.filter(function (item) {
+            return item[0] !== creationIdToRemove;
+          });
+        });
+      }
+      if (itemType === 'collection') {
+        setCollections(function (items) {
+          return items.filter(function (item) {
+            return item[0] !== creationIdToRemove;
+          });
+        });
+      }
+      if (itemType === 'opportunity') {
+        setOpportunities(function (items) {
+          return items.filter(function (item) {
+            return item[0] !== creationIdToRemove;
+          });
+        });
+      }
+    },
+  };
 };