@blaze-cms/react-page-builder 0.124.0-alpha.32 → 0.124.0-alpha.33

package/tests/unit/src/components/ItemList/ItemListNew.test.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { render, waitFor, fireEvent } from '@testing-library/react';
+import { MockedProvider } from '@apollo/client/testing';
+
+import ItemListNew from '../../../../../src/components/ItemList/ItemListNew';
+import { getItemList } from '../../../../../src/application/query';
+import userItemListId from '../../../../../src/components/ItemList/hooks/use-item-list-id';
+import getItemListData from '../../../../../src/components/ItemList/helpers/get-item-list-data';
+import setItemListId from '../../../../../src/components/ItemList/helpers/set-item-list-id';
+import setParamAndRedirect from '../../../../../src/components/ItemList/helpers/set-param-and-redirect';
+
+jest.mock('../../../../../src/components/ItemList/hooks/use-item-list-id', () =>
+  jest.fn(() => ({ listId: 'LIST ID' }))
+);
+
+jest.mock('../../../../../src/components/ItemList/helpers/set-item-list-id', () => {
+  const originalModule = jest.requireActual(
+    '../../../../../src/components/ItemList/helpers/set-item-list-id'
+  );
+  return jest.fn((...args) => originalModule.default(...args));
+});
+
+jest.mock('../../../../../src/components/ItemList/helpers/set-param-and-redirect', () => jest.fn());
+
+jest.mock('../../../../../src/components/ItemList/helpers/get-item-list-data', () => {
+  const originalModule = jest.requireActual(
+    '../../../../../src/components/ItemList/helpers/get-item-list-data'
+  );
+  return jest.fn((...args) => originalModule.default(...args));
+});
+
+const listId = 'LIST ID';
+const missingListId = 'MISSING';
+const emptyListId = 'EMPTY';
+const mocks = [
+  {
+    request: {
+      query: getItemList,
+      variables: { id: listId }
+    },
+    result: {
+      data: {
+        getItemList: { id: listId, listItems: [{ itemId: 'ID', itemEntity: 'ENTITY' }] }
+      }
+    }
+  },
+  {
+    request: {
+      query: getItemList,
+      variables: { id: missingListId }
+    },
+    result: {
+      data: {
+        getItemList: null
+      }
+    }
+  },
+  {
+    request: {
+      query: getItemList,
+      variables: { id: emptyListId }
+    },
+    result: {
+      data: {
+        getItemList: { id: emptyListId, listItems: [] }
+      }
+    }
+  }
+];
+
+describe('ItemListNew component', () => {
+  const props = {
+    listName: 'list_name',
+    modifier: 'button',
+    text: 'Clear list'
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should match snapshot and render without throwing an error', async () => {
+    const { asFragment, getByText } = render(
+      <MockedProvider mocks={mocks}>
+        <ItemListNew {...props} />
+      </MockedProvider>
+    );
+    await waitFor(() => expect(getByText(props.text)).toBeInTheDocument());
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should not render if list not found', async () => {
+    userItemListId.mockReturnValue({ listId: missingListId });
+    const { asFragment } = render(
+      <MockedProvider mocks={mocks}>
+        <ItemListNew {...props} listName={missingListId} />
+      </MockedProvider>
+    );
+
+    await waitFor(() => expect(getItemListData).toHaveBeenCalled());
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should not render if list has not items', async () => {
+    userItemListId.mockReturnValue({ listId: emptyListId });
+    const { asFragment } = render(
+      <MockedProvider mocks={mocks}>
+        <ItemListNew {...props} listName={emptyListId} />
+      </MockedProvider>
+    );
+    await waitFor(() => expect(getItemListData).toHaveBeenCalled());
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should clear id and redirect onclick', async () => {
+    userItemListId.mockReturnValue({ listId });
+    const { getByText } = render(
+      <MockedProvider mocks={mocks}>
+        <ItemListNew {...props} />
+      </MockedProvider>
+    );
+    await waitFor(() => expect(getByText(props.text)).toBeInTheDocument());
+    fireEvent.click(getByText(props.text));
+    expect(setItemListId).toHaveBeenCalledWith(props.listName, '');
+    expect(setParamAndRedirect).toHaveBeenCalled();
+  });
+});

package/tests/unit/src/components/ItemList/__snapshots__/ItemListButton.test.js.snap

@@ -0,0 +1,107 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ItemListButton component should add and remove item to the list on click 1`] = `
+<DocumentFragment>
+  <div
+    class="item-list-button item-list-button--selected modifier"
+    role="button"
+  >
+    <i>
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </i>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ItemListButton component should add and remove item to the list on click 2`] = `
+<DocumentFragment>
+  <div
+    class="item-list-button item-list-button--selected modifier"
+    role="button"
+  >
+    <i>
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </i>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ItemListButton component should render button marked selected when current parent is in the list 1`] = `
+<DocumentFragment>
+  <div
+    class="item-list-button item-list-button--selected modifier"
+    role="button"
+  >
+    <i>
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </i>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ItemListButton component should render button not marked selected when current parent is not in the list 1`] = `
+<DocumentFragment>
+  <div
+    class="item-list-button modifier"
+    role="button"
+  >
+    <i>
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"
+        />
+        <path
+          d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"
+        />
+      </svg>
+    </i>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/ItemList/__snapshots__/ItemListCounter.test.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ItemListCounter component should display listItem count and route to url 1`] = `
+<DocumentFragment>
+  <div
+    class="item-list-counter modifier"
+    role="button"
+    type="button"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 16 16"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM8.16 4.1a.178.178 0 0 0-.32 0l-.634 1.285a.178.178 0 0 1-.134.098l-1.42.206a.178.178 0 0 0-.098.303L6.58 6.993c.042.041.061.1.051.158L6.39 8.565a.178.178 0 0 0 .258.187l1.27-.668a.178.178 0 0 1 .165 0l1.27.668a.178.178 0 0 0 .257-.187L9.368 7.15a.178.178 0 0 1 .05-.158l1.028-1.001a.178.178 0 0 0-.098-.303l-1.42-.206a.178.178 0 0 1-.134-.098L8.16 4.1z"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="item-list-counter__badge"
+    >
+      1
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/ItemList/__snapshots__/ItemListNew.test.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ItemListNew component should match snapshot and render without throwing an error 1`] = `
+<DocumentFragment>
+  <button
+    class="item-list-new button"
+    type="button"
+  >
+    Clear list
+  </button>
+</DocumentFragment>
+`;
+
+exports[`ItemListNew component should not render if list has not items 1`] = `<DocumentFragment />`;
+
+exports[`ItemListNew component should not render if list not found 1`] = `<DocumentFragment />`;

package/tests/unit/src/{helpers → components/ItemList/helpers}/get-item-list-data.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getItemListData from '../../../../src/helpers/get-item-list-data';
+import getItemListData from '../../../../../../src/components/ItemList/helpers/get-item-list-data';
 
 describe('getItemListData helper', () => {
   const noData = getItemListData();

package/tests/unit/src/{helpers → components/ItemList/helpers}/get-item-list-id.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getitemListId from '../../../../src/helpers/get-item-list-id';
+import getitemListId from '../../../../../../src/components/ItemList/helpers/get-item-list-id';
 
 describe('getitemListId helper', () => {
   const noValues = getitemListId();

package/tests/unit/src/{helpers → components/ItemList/helpers}/get-item-list-ids.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getitemListIds from '../../../../src/helpers/get-item-list-ids';
+import getitemListIds from '../../../../../../src/components/ItemList/helpers/get-item-list-ids';
 
 describe('getitemListIds helper', () => {
   const noData = getitemListIds();

package/tests/unit/src/components/ItemList/helpers/set-item-list-id.test.js

@@ -0,0 +1,13 @@
+import '@testing-library/jest-dom/extend-expect';
+import setItemListId from '../../../../../../src/components/ItemList/helpers/set-item-list-id';
+import { LIST_ITEM_LOCAL_KEY } from '../../../../../../src/components/ItemList/constants';
+
+describe('setItemListId helper', () => {
+  const listId = 'LIST ID';
+  const listName = 'LIST';
+
+  it('should set list id in localstorage', () => {
+    setItemListId(listName, listId);
+    expect(localStorage.setItem).toHaveBeenCalledWith(`${LIST_ITEM_LOCAL_KEY}${listName}`, listId);
+  });
+});

package/tests/unit/src/components/ItemList/helpers/set-param-and-redirect.test.js

@@ -0,0 +1,30 @@
+import '@testing-library/jest-dom/extend-expect';
+import setParamAndRedirect from '../../../../../../src/components/ItemList/helpers/set-param-and-redirect';
+import { LIST_ITEM_QUERY_PARAM } from '../../../../../../src/components/ItemList/constants';
+
+describe('setParamAndRedirect helper', () => {
+  const url = '/test?otherParam=abc';
+  const urlWithQueryString = `${url}&${LIST_ITEM_QUERY_PARAM}=123`;
+
+  it('should return if no value and queryParam not present', () => {
+    const router = { asPath: url, push: jest.fn() };
+    expect(setParamAndRedirect(router)).toBeUndefined();
+    expect(router.push).not.toHaveBeenCalled();
+  });
+
+  it('should remove queryString if no value passed', () => {
+    const router = { asPath: urlWithQueryString, push: jest.fn() };
+    expect(setParamAndRedirect(router)).toBeUndefined();
+    expect(router.push).toHaveBeenCalledWith('/Resolver', url, {
+      shallow: true
+    });
+  });
+
+  it('should add queryString if value passed', () => {
+    const router = { asPath: url, push: jest.fn() };
+    expect(setParamAndRedirect(router, '123')).toBeUndefined();
+    expect(router.push).toHaveBeenCalledWith('/Resolver', urlWithQueryString, {
+      shallow: true
+    });
+  });
+});

package/tests/unit/src/components/ItemList/hooks/use-item-list-id.test.js

@@ -0,0 +1,32 @@
+import { renderHook, act } from '@testing-library/react-hooks';
+import useItemListId from '../../../../../../src/components/ItemList/hooks/use-item-list-id';
+import getItemListId from '../../../../../../src/components/ItemList/helpers/get-item-list-id';
+
+jest.mock('../../../../../../src/components/ItemList/helpers/get-item-list-id', () =>
+  jest.fn(() => 'LIST ID')
+);
+
+describe('useItemListId hook', () => {
+  const listId = 'LIST ID';
+  const listName = 'LIST';
+
+  it('should return listId ', () => {
+    const { result } = renderHook(() => useItemListId({ listName }));
+    expect(result.current).toEqual({ listId });
+    expect(getItemListId).toHaveBeenCalledWith(listName);
+  });
+
+  it('should return listId after storage event', () => {
+    const noListValue = 'empty';
+    getItemListId.mockReturnValueOnce(noListValue);
+    const { result } = renderHook(() => useItemListId({ listName }));
+    expect(result.current).toEqual({ listId: noListValue });
+
+    act(() => {
+      window.dispatchEvent(new Event('storage'));
+    });
+
+    expect(result.current).toEqual({ listId });
+    expect(getItemListId).toHaveBeenNthCalledWith(2, listName);
+  });
+});

package/tests/unit/src/components/__snapshots__/index.test.js.snap

@@ -54,6 +54,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "itemlistnew": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "list": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],

package/lib/components/ItemListButton/ItemListButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","idFromStorage","getItemListId","useState","listId","setListId","isHover","setIsHover","useEffect","storageEventHandler","newId","window","addEventListener","removeEventListener","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","useQuery","getItemList","variables","id","skip","data","error","loading","useMutation","addItemsToList","onCompleted","listAddResult","result","localListName","LIST_ITEM_LOCAL_KEY","localStorage","setItem","dispatchEvent","Event","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","getItemListData","find","idToCheck","Icon","propTypes","PropTypes","object","string","defaultProps"],"sources":["../../../src/components/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\nimport { LIST_ITEM_LOCAL_KEY } from '../../constants';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n  const [isHover, setIsHover] = useState(false);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n        localStorage.setItem(localListName, id);\n        window.dispatchEvent(new Event('storage'));\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(({ itemId: idToCheck }) => idToCheck === itemId);\n  const Icon = getIcon();\n\n  return (\n    <div\n      className={`item-list-button ${modifier}`}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib/components/ItemListButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../src/components/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,0B"}

package/lib/components/ItemListCounter/ItemListCounter.js

@@ -1,114 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _router = require("next/router");
-
-var _client = require("@apollo/client");
-
-var _bs = require("react-icons/bs");
-
-var _query = require("../../application/query");
-
-var _helpers = require("../../helpers");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var ItemListCounter = function ItemListCounter(_ref) {
-  var listName = _ref.listName,
-      modifier = _ref.modifier,
-      url = _ref.url;
-  var router = (0, _router.useRouter)();
-  var idFromStorage = (0, _helpers.getItemListId)(listName);
-
-  var _useState = (0, _react.useState)(idFromStorage),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      listId = _useState2[0],
-      setListId = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var storageEventHandler = function storageEventHandler() {
-      var newId = (0, _helpers.getItemListId)(listName);
-      setListId(newId);
-    };
-
-    window.addEventListener('storage', storageEventHandler);
-    return function () {
-      window.removeEventListener('storage', storageEventHandler);
-    };
-  }, [listName]);
-
-  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
-    variables: {
-      id: listId
-    },
-    skip: !listId
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
-  if (loading) return '';
-  if (error) return error.message;
-  var listItems = (0, _helpers.getItemListData)(data);
-  var listLength = listItems.length;
-  var CounterIcon = listLength ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
-
-  var handleClick = function handleClick() {
-    return router.push('/Resolver', "".concat(url, "?itemListId=").concat(listId));
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    role: "button",
-    type: "button",
-    className: "item-list-counter ".concat(modifier),
-    onClick: handleClick
-  }, /*#__PURE__*/_react["default"].createElement(CounterIcon, null), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "item-list-counter__badge"
-  }, listLength));
-};
-
-ItemListCounter.propTypes = {
-  url: _propTypes["default"].string,
-  listName: _propTypes["default"].string,
-  modifier: _propTypes["default"].string
-};
-ItemListCounter.defaultProps = {
-  url: '',
-  listName: '',
-  modifier: ''
-};
-var _default = ItemListCounter;
-exports["default"] = _default;
-//# sourceMappingURL=ItemListCounter.js.map

package/lib/components/ItemListCounter/ItemListCounter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","useRouter","idFromStorage","getItemListId","useState","listId","setListId","useEffect","storageEventHandler","newId","window","addEventListener","removeEventListener","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","PropTypes","string","defaultProps"],"sources":["../../../src/components/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiC;EAAA,IAA9BC,QAA8B,QAA9BA,QAA8B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACvD,IAAMC,MAAM,GAAG,IAAAC,iBAAA,GAAf;EACA,IAAMC,aAAa,GAAG,IAAAC,sBAAA,EAAcN,QAAd,CAAtB;;EACA,gBAA4B,IAAAO,eAAA,EAASF,aAAT,CAA5B;EAAA;EAAA,IAAOG,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;MAChC,IAAMC,KAAK,GAAG,IAAAN,sBAAA,EAAcN,QAAd,CAAd;MACAS,SAAS,CAACG,KAAD,CAAT;IACD,CAHD;;IAKAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,mBAAnC;IAEA,OAAO,YAAM;MACXE,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,mBAAtC;IACD,CAFD;EAGD,CAZH,EAaE,CAACX,QAAD,CAbF;;EAgBA,gBAAiC,IAAAgB,gBAAA,EAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEX;IAAN,CAD0C;IAErDY,IAAI,EAAE,CAACZ;EAF8C,CAAtB,CAAjC;EAAA,IAAQa,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,IAAAC,wBAAA,EAAgBL,IAAhB,CAAlB;EACA,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAM7B,MAAM,CAAC8B,IAAP,CAAY,WAAZ,YAA4B/B,GAA5B,yBAA8CM,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBP,QAAvB,CAHX;IAIE,OAAO,EAAE+B;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA7CD;;AA+CA5B,eAAe,CAACmC,SAAhB,GAA4B;EAC1BhC,GAAG,EAAEiC,qBAAA,CAAUC,MADW;EAE1BpC,QAAQ,EAAEmC,qBAAA,CAAUC,MAFM;EAG1BnC,QAAQ,EAAEkC,qBAAA,CAAUC;AAHM,CAA5B;AAMArC,eAAe,CAACsC,YAAhB,GAA+B;EAC7BnC,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}

package/lib/components/ItemListCounter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../src/components/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,2B"}

package/lib/helpers/get-item-list-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-data.js","names":["getItemListData","data","getItemList","listItems"],"sources":["../../src/helpers/get-item-list-data.js"],"sourcesContent":["const getItemListData = data => {\n  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;\n  return [];\n};\n\nexport default getItemListData;\n"],"mappings":";;;;;;;;;AAAA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,IAAI,EAAI;EAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,WAAb,IAA4BD,IAAI,CAACC,WAAL,CAAiBC,SAAjD,EAA4D,OAAOF,IAAI,CAACC,WAAL,CAAiBC,SAAxB;EAC5D,OAAO,EAAP;AACD,CAHD;;eAKeH,e"}

package/lib/helpers/get-item-list-id.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-id.js","names":["getItemListId","listName","queryId","localStorage","localListName","LIST_ITEM_LOCAL_KEY","getItem"],"sources":["../../src/helpers/get-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst getItemListId = (listName, queryId) => {\n  if (queryId) return queryId;\n  if (!listName || typeof localStorage === 'undefined') return '';\n\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  return localStorage.getItem(localListName) || '';\n};\n\nexport default getItemListId;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAWC,OAAX,EAAuB;EAC3C,IAAIA,OAAJ,EAAa,OAAOA,OAAP;EACb,IAAI,CAACD,QAAD,IAAa,OAAOE,YAAP,KAAwB,WAAzC,EAAsD,OAAO,EAAP;EAEtD,IAAMC,aAAa,aAAMC,8BAAN,SAA4BJ,QAA5B,CAAnB;EACA,OAAOE,YAAY,CAACG,OAAb,CAAqBF,aAArB,KAAuC,EAA9C;AACD,CAND;;eAQeJ,a"}

package/lib/helpers/get-item-list-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-ids.js","names":["getItemListIds","data","itemListElements","getItemListData","length","map","itemId","displayItems"],"sources":["../../src/helpers/get-item-list-ids.js"],"sourcesContent":["import getItemListData from './get-item-list-data';\n\nconst getItemListIds = data => {\n  const itemListElements = getItemListData(data);\n  return itemListElements.length\n    ? itemListElements.map(({ itemId }) => ({ displayItems: [itemId] }))\n    : null;\n};\n\nexport default getItemListIds;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,IAAI,EAAI;EAC7B,IAAMC,gBAAgB,GAAG,IAAAC,2BAAA,EAAgBF,IAAhB,CAAzB;EACA,OAAOC,gBAAgB,CAACE,MAAjB,GACHF,gBAAgB,CAACG,GAAjB,CAAqB;IAAA,IAAGC,MAAH,QAAGA,MAAH;IAAA,OAAiB;MAAEC,YAAY,EAAE,CAACD,MAAD;IAAhB,CAAjB;EAAA,CAArB,CADG,GAEH,IAFJ;AAGD,CALD;;eAOeN,c"}

package/lib-es/components/ItemListButton/ItemListButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemListButton.js","names":["React","useState","useEffect","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","getItemListId","LIST_ITEM_LOCAL_KEY","ItemListButton","listName","parent","modifier","itemId","itemEntity","idFromStorage","listId","setListId","isHover","setIsHover","storageEventHandler","newId","window","addEventListener","removeEventListener","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","localListName","localStorage","setItem","dispatchEvent","Event","removeListItem","clickHandler","listItems","name","message","find","idToCheck","Icon","propTypes","object","string","defaultProps"],"sources":["../../../src/components/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\nimport { LIST_ITEM_LOCAL_KEY } from '../../constants';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n  const [isHover, setIsHover] = useState(false);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n        localStorage.setItem(localListName, id);\n        window.dispatchEvent(new Event('storage'));\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(({ itemId: idToCheck }) => idToCheck === itemId);\n  const Icon = getIcon();\n\n  return (\n    <div\n      className={`item-list-button ${modifier}`}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib-es/components/ItemListButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../src/components/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf"}

package/lib-es/components/ItemListCounter/ItemListCounter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemListCounter.js","names":["React","useState","useEffect","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","getItemListData","getItemListId","ItemListCounter","listName","modifier","url","router","idFromStorage","listId","setListId","storageEventHandler","newId","window","addEventListener","removeEventListener","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","propTypes","string","defaultProps"],"sources":["../../../src/components/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,kBAAT,EAA6BC,cAA7B,QAAmD,gBAAnD;AACA,SAASC,WAAT,QAA4B,yBAA5B;AACA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,eAA/C;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAiC;EACvD,MAAMC,MAAM,GAAGX,SAAS,EAAxB;EACA,MAAMY,aAAa,GAAGN,aAAa,CAACE,QAAD,CAAnC;EACA,MAAM,CAACK,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAACe,aAAD,CAApC;EAEAd,SAAS,CACP,MAAM;IACJ,MAAMiB,mBAAmB,GAAG,MAAM;MAChC,MAAMC,KAAK,GAAGV,aAAa,CAACE,QAAD,CAA3B;MACAM,SAAS,CAACE,KAAD,CAAT;IACD,CAHD;;IAKAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,mBAAnC;IAEA,OAAO,MAAM;MACXE,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,mBAAtC;IACD,CAFD;EAGD,CAZM,EAaP,CAACP,QAAD,CAbO,CAAT;EAgBA,MAAM;IAAEY,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2BrB,QAAQ,CAACG,WAAD,EAAc;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEX;IAAN,CAD0C;IAErDY,IAAI,EAAE,CAACZ;EAF8C,CAAd,CAAzC;EAKA,IAAIS,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGtB,eAAe,CAACe,IAAD,CAAjC;EACA,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,MAAMC,WAAW,GAAGF,UAAU,GAAG1B,kBAAH,GAAwBC,cAAtD;;EAEA,MAAM4B,WAAW,GAAG,MAAMpB,MAAM,CAACqB,IAAP,CAAY,WAAZ,EAA0B,GAAEtB,GAAI,eAAcG,MAAO,EAArD,CAA1B;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAG,qBAAoBJ,QAAS,EAH3C;IAIE,OAAO,EAAEsB;EAJX,gBAKE,oBAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CH,UAA5C,CANF,CADF;AAUD,CA7CD;;AA+CArB,eAAe,CAAC0B,SAAhB,GAA4B;EAC1BvB,GAAG,EAAEX,SAAS,CAACmC,MADW;EAE1B1B,QAAQ,EAAET,SAAS,CAACmC,MAFM;EAG1BzB,QAAQ,EAAEV,SAAS,CAACmC;AAHM,CAA5B;AAMA3B,eAAe,CAAC4B,YAAhB,GAA+B;EAC7BzB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;AAMA,eAAeF,eAAf"}

package/lib-es/components/ItemListCounter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../src/components/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,mBAA5B;AAEA,eAAeA,eAAf"}

package/lib-es/helpers/get-item-list-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-data.js","names":["getItemListData","data","getItemList","listItems"],"sources":["../../src/helpers/get-item-list-data.js"],"sourcesContent":["const getItemListData = data => {\n  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;\n  return [];\n};\n\nexport default getItemListData;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGC,IAAI,IAAI;EAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,WAAb,IAA4BD,IAAI,CAACC,WAAL,CAAiBC,SAAjD,EAA4D,OAAOF,IAAI,CAACC,WAAL,CAAiBC,SAAxB;EAC5D,OAAO,EAAP;AACD,CAHD;;AAKA,eAAeH,eAAf"}

package/lib-es/helpers/get-item-list-id.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-id.js","names":["LIST_ITEM_LOCAL_KEY","getItemListId","listName","queryId","localStorage","localListName","getItem"],"sources":["../../src/helpers/get-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst getItemListId = (listName, queryId) => {\n  if (queryId) return queryId;\n  if (!listName || typeof localStorage === 'undefined') return '';\n\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  return localStorage.getItem(localListName) || '';\n};\n\nexport default getItemListId;\n"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,cAApC;;AAEA,MAAMC,aAAa,GAAG,CAACC,QAAD,EAAWC,OAAX,KAAuB;EAC3C,IAAIA,OAAJ,EAAa,OAAOA,OAAP;EACb,IAAI,CAACD,QAAD,IAAa,OAAOE,YAAP,KAAwB,WAAzC,EAAsD,OAAO,EAAP;EAEtD,MAAMC,aAAa,GAAI,GAAEL,mBAAoB,GAAEE,QAAS,EAAxD;EACA,OAAOE,YAAY,CAACE,OAAb,CAAqBD,aAArB,KAAuC,EAA9C;AACD,CAND;;AAQA,eAAeJ,aAAf"}

package/lib-es/helpers/get-item-list-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-item-list-ids.js","names":["getItemListData","getItemListIds","data","itemListElements","length","map","itemId","displayItems"],"sources":["../../src/helpers/get-item-list-ids.js"],"sourcesContent":["import getItemListData from './get-item-list-data';\n\nconst getItemListIds = data => {\n  const itemListElements = getItemListData(data);\n  return itemListElements.length\n    ? itemListElements.map(({ itemId }) => ({ displayItems: [itemId] }))\n    : null;\n};\n\nexport default getItemListIds;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,sBAA5B;;AAEA,MAAMC,cAAc,GAAGC,IAAI,IAAI;EAC7B,MAAMC,gBAAgB,GAAGH,eAAe,CAACE,IAAD,CAAxC;EACA,OAAOC,gBAAgB,CAACC,MAAjB,GACHD,gBAAgB,CAACE,GAAjB,CAAqB,CAAC;IAAEC;EAAF,CAAD,MAAiB;IAAEC,YAAY,EAAE,CAACD,MAAD;EAAhB,CAAjB,CAArB,CADG,GAEH,IAFJ;AAGD,CALD;;AAOA,eAAeL,cAAf"}