@ludo.ninja/components 1.1.2 → 1.1.4

package/dist/api/subscriptions/SubscriberInviteNotification.jsx

@@ -1,60 +1,40 @@
 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;
+    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;
+    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,303 +1,129 @@
+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';
-
-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 };
-    }
-  };
-
 // 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');
-          }}
-        >
+    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>);
+        }
+    };
+    return (<StyledHeadIcons isMobile={isMobile} style={isDisabled
+            ? {
+                pointerEvents: 'none',
             }
-          : {}
-      }
-    >
+            : {}}>
       <div className={'rank'}>
-        <CardRank rank={creation.getRank()} />
+        <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 />
-            )}
+      {!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>
-  );
+        </div>)}
+    </StyledHeadIcons>);
 };