@ludo.ninja/components 1.1.5 → 1.1.7

package/dist/api/server-search/queries/useFindUserCreations/index.js

@@ -1,332 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-
-import { getPageSize } from '@/utils/getPageSizeAssets';
-
-import CreationEntity from '@/dto/CreationEntity';
-
-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 __rest =
-  (this && this.__rest) ||
-  function (s, e) {
-    var t = {};
-    for (var p in s)
-      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === 'function')
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (
-          e.indexOf(p[i]) < 0 &&
-          Object.prototype.propertyIsEnumerable.call(s, p[i])
-        )
-          t[p[i]] = s[p[i]];
-      }
-    return t;
-  };
-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 = 20;
-var useFindUserCreations = function (_a) {
-  var ownerId = _a.ownerId,
-    input = _a.input,
-    scrollTab = _a.scrollTab;
-  var _b = useState([]),
-    creations = _b[0],
-    setCreations = _b[1];
-  var nextPageToken = useRef(null);
-  var _c = useState(0),
-    results = _c[0],
-    setResults = _c[1];
-  var _d = useState(true),
-    isLoading = _d[0],
-    setIsLoading = _d[1];
-  var _e = useState(false),
-    isNextLoading = _e[0],
-    setIsNextLoading = _e[1];
-  var isHaveNextPage = creations.length < results;
-  var _f = schema.useFindUserCreationsLazyQuery({
-      context: {
-        uri: hosts.searchHost,
-      },
-      fetchPolicy: 'no-cache',
-      onCompleted: function (_a) {
-        var _b, _c;
-        var _d = _a.findUserCreations,
-          creations = _d.creations,
-          nextPage = __rest(_d, ['creations']);
-        setCreations(
-          creations.map(function (creation) {
-            return new CreationEntity(creation);
-          })
-        );
-        setResults(
-          ((_b = nextPage.nextPage) === null || _b === void 0
-            ? void 0
-            : _b.elements) || 0
-        );
-        setIsLoading(false);
-        nextPageToken.current =
-          ((_c = nextPage.nextPage) === null || _c === void 0
-            ? void 0
-            : _c.token) || null;
-      },
-      onError: function () {
-        setCreations([]);
-        setIsLoading(false);
-        nextPageToken.current = null;
-      },
-    }),
-    fetchCreations = _f[0],
-    _g = _f[1],
-    error = _g.error,
-    refetch = _g.refetch,
-    fetchMore = _g.fetchMore;
-  useEffect(
-    function () {
-      setIsLoading(true);
-      fetchCreations({
-        variables: {
-          ownerId: ownerId,
-          input: input,
-          page: {
-            size: getPageSize({
-              scrollTab: scrollTab,
-              limit: limit,
-            }),
-            token: '',
-          },
-        },
-      });
-    },
-    [input, ownerId]
-  );
-  function refetchQuery() {
-    return __awaiter(this, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4 /*yield*/, refetch()];
-          case 1:
-            _a.sent();
-            return [2 /*return*/];
-        }
-      });
-    });
-  }
-  function loadMore() {
-    var _a, _b;
-    return __awaiter(this, void 0, void 0, function () {
-      var data, _c, nextCreations_1, nextPage, error_1;
-      return __generator(this, function (_d) {
-        switch (_d.label) {
-          case 0:
-            if (!nextPageToken.current || !isHaveNextPage)
-              return [2 /*return*/];
-            setIsNextLoading(true);
-            _d.label = 1;
-          case 1:
-            _d.trys.push([1, 3, 4, 5]);
-            return [
-              4 /*yield*/,
-              fetchMore({
-                variables: {
-                  ownerId: ownerId,
-                  input: input,
-                  page: {
-                    token: nextPageToken.current,
-                    size: limit,
-                  },
-                },
-              }),
-            ];
-          case 2:
-            data = _d.sent().data;
-            (_c = data.findUserCreations),
-              (nextCreations_1 = _c.creations),
-              (nextPage = __rest(_c, ['creations']));
-            setCreations(function (prevCreations) {
-              return __spreadArray(
-                __spreadArray([], prevCreations, true),
-                nextCreations_1.map(function (creation) {
-                  return new CreationEntity(creation);
-                }),
-                true
-              );
-            });
-            setResults(
-              ((_a = nextPage.nextPage) === null || _a === void 0
-                ? void 0
-                : _a.elements) || 0
-            );
-            nextPageToken.current =
-              ((_b = nextPage.nextPage) === null || _b === void 0
-                ? void 0
-                : _b.token) || null;
-            return [3 /*break*/, 5];
-          case 3:
-            error_1 = _d.sent();
-            return [3 /*break*/, 5];
-          case 4:
-            setIsNextLoading(false);
-            return [7 /*endfinally*/];
-          case 5:
-            return [2 /*return*/];
-        }
-      });
-    });
-  }
-  return {
-    isLoading: isLoading,
-    error: error,
-    totalResults: results,
-    creations: creations,
-    refetchQuery: refetchQuery,
-    loadMore: loadMore,
-    isNextLoading: isNextLoading,
-  };
-};
-export default useFindUserCreations;

package/dist/api/server-search/queries/useFindUserShowcaseItems/index.js

@@ -1,38 +0,0 @@
-// import { useState } from 'react';
-//
-// import { useLazyQuery } from '@apollo/client';
-//
-// import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-var useFindUserShowcaseItems = function () {
-  // const [showcaseItemPage, setShowcaseItemPage] =
-  //   useState<schema.IShowcaseItemPage | null>(null);
-  //
-  // const [findUserShowcaseItems, { data, error, loading }] = useLazyQuery(
-  //   schema.FindUserShowcaseItemsDocument,
-  //   {
-  //     context: {
-  //       uri: hosts.searchHost,
-  //     },
-  //     onCompleted: ({ findUserShowcaseItems }) => {
-  //       setShowcaseItemPage(findUserShowcaseItems);
-  //     },
-  //     onError: () => setShowcaseItemPage(null),
-  //     notifyOnNetworkStatusChange: true,
-  //     fetchPolicy: 'cache-and-network',
-  //   }
-  // );
-  //
-  // return { loading, error, data, load, showcaseItemPage };
-  //
-  // function load(
-  //   ownerId: string,
-  //   input: schema.IShowcaseItemFilterInput,
-  //   pageSize: string,
-  //   pageToken: string
-  // ) {
-  //   findUserShowcaseItems({
-  //     variables: { ownerId, input, pageSize, pageToken },
-  //   });
-  // }
-};
-export default useFindUserShowcaseItems;

package/dist/api/subscriptions/SubscriberInviteNotification.jsx

@@ -1,40 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import { useSubscription } from '@apollo/client';
-import { authCookies, experiencesSchema as schema } from '@ludo.ninja/api';
-import { createInviteNotification } from '@/modules/notifications';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-var Subscription = function () {
-    var authToken = authCookies.getCookies().authToken;
-    var router = useRouter();
-    var addNotification = useUiStore(function (state) { return state.addNotification; });
-    useSubscription(schema.OnInviteCodeUsedDocument, {
-        variables: { authToken: authToken },
-        // onComplete: () => {
-        //   console.log('complete');
-        // },
-        onData: function (options) {
-            var _a;
-            var inviteCode = (_a = options.data.data) === null || _a === void 0 ? void 0 : _a.onInviteCodeUsed.inviteCode;
-            // console.log('onData', inviteCode);
-            if (inviteCode) {
-                addNotification(createInviteNotification({
-                    inviteCode: inviteCode,
-                    onClick: function () {
-                        router.push("/invite-codes");
-                    },
-                }));
-            }
-        },
-    });
-    return null;
-};
-export var SubscriberInviteNotification = function () {
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var _a = useState(false), startSubscription = _a[0], setStartSubscription = _a[1];
-    useEffect(function () {
-        setStartSubscription(isSignedIn);
-    }, [isSignedIn]);
-    return startSubscription ? <Subscription /> : null;
-};

package/dist/components/CreationCard/CardHead.jsx

@@ -1,129 +0,0 @@
-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 };
-    }
-};
-import React from 'react';
-import { useRouter } from 'next/router';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import { ScreenWidth } from '@/styles/ScreenWidth';
-import AddCreationToFavoriteList from '@/components/favoriteList/add/addCreationToFavoriteList';
-import CardRank from '@/system/Cards/CardRank';
-import StyledHeadIcons from '@/system/Cards/Styles/Headicons';
-import { redirectToLoginWindow } from '@/utils/auth';
-import { isProd } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import { LabelKeys } from '@/dto/common/ItemType';
-import AddToFavListIcon from '@/public/cards/addToFavListIcon.svg';
-import AddToGalleryIcon from '@/public/cards/addToGalleryIcon.svg';
-import AddToLikesIcon from '@/public/cards/heart.svg';
-// Component
-export var CardHead = function (_a) {
-    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isShowCheckbox = _a.isShowCheckbox, currentMyGalleryId = _a.currentMyGalleryId;
-    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var isLicked = isIconLiked && isSignedIn;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var isMobile = !!((windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth) &&
-        windowDimensions.windowWidth <= ScreenWidth.DESKTOP);
-    var router = useRouter();
-    var isGallery = router.pathname.includes('gallery');
-    var handleClick = function (e, type) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (!!isSignedIn) return [3 /*break*/, 1];
-                    redirectToLoginWindow();
-                    return [3 /*break*/, 6];
-                case 1:
-                    if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(<AddCreationToFavoriteList ids={[
-                            creation instanceof CollectionCreationEntity
-                                ? "".concat(creation.getItemType() + '.' + creation.getCreationId())
-                                : creation.getCreationId(),
-                        ]} currentMyGalleryId={currentMyGalleryId}/>);
-                    return [3 /*break*/, 6];
-                case 2:
-                    if (!(type === 'likes')) return [3 /*break*/, 6];
-                    if (!!isLicked) return [3 /*break*/, 4];
-                    return [4 /*yield*/, addLikeToCard(creation instanceof CollectionCreationEntity &&
-                            creation.getItemType() !== LabelKeys.collection
-                            ? creation.getCollectionCreationId()
-                            : creation.getItemId())];
-                case 3:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 4: return [4 /*yield*/, deleteLikeFromCard(creation instanceof CollectionCreationEntity &&
-                        creation.getItemType() !== LabelKeys.collection
-                        ? creation.getCollectionCreationId()
-                        : creation.getItemId())];
-                case 5:
-                    _a.sent();
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderLikeButton = function () {
-        if ([LabelKeys.asset, LabelKeys.collection].includes(creation.getItemType())) {
-            return (<div className={"icon like ".concat(isLicked ? 'liked' : '')} onClick={function (e) { return handleClick(e, 'likes'); }}>
-          <AddToLikesIcon />
-        </div>);
-        }
-    };
-    return (<StyledHeadIcons isMobile={isMobile} style={isDisabled
-            ? {
-                pointerEvents: 'none',
-            }
-            : {}}>
-      <div className={'rank'}>
-        <CardRank rank={creation.getRank()}/>
-      </div>
-      {/* // Todo cardHeadIcons */}
-      {!isProd() && !isShowCheckbox && (<div className="icons">
-          <div className="icon" onClick={function (e) {
-                return handleClick(e, isRegularCard || !isUserProfile || isGallery
-                    ? 'fav-list'
-                    : 'gallery');
-            }}>
-            {isRegularCard || !isUserProfile || isGallery ? (<AddToFavListIcon />) : (<AddToGalleryIcon />)}
-          </div>
-          {renderLikeButton()}
-        </div>)}
-    </StyledHeadIcons>);
-};

package/dist/components/CreationCard/index.jsx

@@ -1,73 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Link from 'next/link';
-import Skeleton from 'react-loading-skeleton';
-import styled, { css } from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import useLikes from '@/hooks/likes';
-import { getIsActiveCreation, useToGalleryStore, } from '@/hooks/useToGalleryAsset';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { WhiteColor } from '@/styles/colors';
-import BoxShadow from '@/styles/mixins/boxShadow';
-import BoxTransform from '@/styles/mixins/boxTransform';
-import { CardHead } from '@/components/CreationCard/CardHead';
-import CardCheckBox from '@/system/Cards/CardCheckbox';
-import CardContent from '@/system/Cards/CardContent';
-import CardCategory from '@/system/Cards/CardContent/CardCategory';
-import CardLikes from '@/system/Cards/CardContent/CardLikes';
-import StyledCardHead from '@/system/Cards/Styles/Head';
-import StyledHeadIcons from '@/system/Cards/Styles/Headicons';
-import { Flex } from '@system';
-import { isProd } from '@/utils/env';
-// Styles
-var StyledRegularCard = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  // ", "\n\n  min-height: ", ";\n\n  ", "\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n\n  ", " {\n    border-radius: ", ";\n\n    min-height: ", ";\n  }\n"], ["\n  position: relative;\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  // ", "\n\n  min-height: ", ";\n\n  ", "\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n\n  ", " {\n    border-radius: ", ";\n\n    min-height: ", ";\n  }\n"])), WhiteColor, BoxShadow, BoxTransform, function (props) { return (props.isNeedTransform ? null : BoxTransform); }, function (props) { return (props.isNeedHeight ? '346px' : ''); }, function (props) {
-    return props.isShowCheckbox
-        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "], ["\n          ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "])), StyledHeadIcons) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          &:hover ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "], ["\n          &:hover ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "])), StyledHeadIcons);
-}, mediaQuery.maxWidthTablet, function (props) { return (props.isNeedHeight ? '258px' : ''); }, mediaQuery.mobile, function (props) { return (props.isNeedHeight ? '244px' : ''); }, mediaQuery.minWidthFourK, adaptiveValueCalc(6), function (props) {
-    return props.isNeedHeight ? adaptiveValueCalc(346) : '';
-});
-// Component
-export var CreationCardWithCheckboxState = function (props) {
-    var _a = useToGalleryStore(function (state) { return ({
-        toggleCreationToGallery: state.toggleCreationToGallery,
-        isActiveGalleryMode: state.isActiveGalleryMode,
-        creationsToGallery: state.creationsToGallery,
-    }); }), toggleCreationToGallery = _a.toggleCreationToGallery, isActiveGalleryMode = _a.isActiveGalleryMode, creationsToGallery = _a.creationsToGallery;
-    return (<CreationCard {...props} isShowCheckbox={isActiveGalleryMode} isActiveCheckbox={getIsActiveCreation(creationsToGallery, props.creation)} toggleCreationToGallery={toggleCreationToGallery}/>);
-};
-export var CreationCard = function (_a) {
-    var creationName = _a.creationName, creation = _a.creation, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove, isMobile = _a.isMobile, isLoadingLikes = _a.isLoadingLikes, isNeedShowMoreButton = _a.isNeedShowMoreButton, isUserProfile = _a.isUserProfile, _b = _a.isRegularCard, isRegularCard = _b === void 0 ? true : _b, isShowCheckbox = _a.isShowCheckbox, isActiveCheckbox = _a.isActiveCheckbox, toggleCreationToGallery = _a.toggleCreationToGallery, currentMyGalleryId = _a.currentMyGalleryId;
-    var _c = useLikes({
-        defaultLikesCount: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.likesNum) || creation.getLikes(),
-        defaultIsLiked: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.isLikedByUser) || creation.getIsLiked(),
-        itemType: creation.getItemType(),
-        removeOnDislike: toolsForRemove,
-        isLoadingLikes: isLoadingLikes,
-    }), likes = _c.likes, addLike = _c.addLike, deleteLike = _c.deleteLike;
-    // Todo cardLink
-    var isHide = isProd();
-    var HideLink = isHide ? React.Fragment : Link;
-    return (<StyledRegularCard isNeedHeight={isNeedHeight} isNeedTransform={isNeedShowMoreButton} isShowCheckbox={isShowCheckbox}>
-      {isShowCheckbox && (<CardCheckBox isActiveCheckbox={!!isActiveCheckbox} onChange={function () {
-                toggleCreationToGallery === null || toggleCreationToGallery === void 0 ? void 0 : toggleCreationToGallery(creation);
-            }}/>)}
-      <HideLink className="linkRegularCard" href={creation.getCreationLink()}>
-        <StyledCardHead>
-          {creation.detectMediaType().displaySingleMedia()}
-          <CardHead isRegularCard={!!isRegularCard} isIconLiked={likes.isLiked} creation={creation} addLikeToCard={addLike} deleteLikeFromCard={deleteLike} isUserProfile={isUserProfile || false} isDisabled={!!isLoadingLikes} isShowCheckbox={isShowCheckbox} currentMyGalleryId={currentMyGalleryId}/>
-        </StyledCardHead>
-        <CardContent creationName={creationName} firstName={creation.getCreatorAddress()} secondName={creation.getName()} cuttedSecondName={creation.getCuttedSecondName(!isMobile)} itemId={creation.getItemId()} isNeedShowMoreButton={isNeedShowMoreButton || false} href={creation.getCreationLink()}>
-          <Flex alignItems="end" justifyContent={'space-between'}>
-            <CardCategory label={creation.getLabel()}/>
-            {/* // Todo cardLikes */}
-            {!isProd() &&
-            (isLoadingLikes ? (<Skeleton style={{ borderRadius: '3px' }} height="100%" width="30px"/>) : (<CardLikes isLiked={likes.isLiked} likes={likes.likesCount}/>))}
-          </Flex>
-        </CardContent>
-      </HideLink>
-    </StyledRegularCard>);
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/addWalletsRedirectPage/index.jsx

@@ -1,40 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Image from 'next/image';
-import process from 'process';
-import styled from 'styled-components';
-import { getStaticDomain } from '@ludo.ninja/core';
-import { AccentColor, BlackColor, TextGray2Color, } from '@ludo.ninja/ui/build/styles/colors';
-import { rotate } from '@/styles/animations';
-import { Box, Flex, H1, H5 } from '@system';
-// Styles
-var StyledRedirectOpportunityIdPage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-top: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n\n  .loading {\n    display: inline-block;\n    width: 36px;\n    height: 36px;\n    border: 4px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n    margin-top: 16px;\n  }\n"], ["\n  padding-top: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n\n  .loading {\n    display: inline-block;\n    width: 36px;\n    height: 36px;\n    border: 4px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n    margin-top: 16px;\n  }\n"])), AccentColor, rotate);
-var StyledImage = styled(Image)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 16px;\n"], ["\n  margin-bottom: 16px;\n"])));
-// Component
-var AddWalletsRedirectPage = function (_a) {
-    var walletType = _a.walletType;
-    return (<StyledRedirectOpportunityIdPage>
-      <Box>
-        <Flex flexDirection="column" alignItems={'center'}>
-          <Box mt={16}>
-            <Flex flexDirection="column" alignItems={'center'}>
-              <StyledImage width={74} height={74} src={"".concat(getStaticDomain({
-            ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-        }), "/wallets/regular/").concat(walletType, ".svg")} alt={"".concat(walletType, " icon")}/>
-              <H1 color={BlackColor}>Redirecting...</H1>
-              <H5 mt={8} color={TextGray2Color} textAlign={'center'}>
-                {"Please wait while we add your new wallet"}
-              </H5>
-              <div className={'loading'}/>
-            </Flex>
-          </Box>
-        </Flex>
-      </Box>
-    </StyledRedirectOpportunityIdPage>);
-};
-// Export
-export default AddWalletsRedirectPage;
-var templateObject_1, templateObject_2;