@ludo.ninja/components 2.1.66 → 2.1.71

package/build/components/assetPage/index.d.ts

@@ -6,6 +6,5 @@ export { Properties } from './properties';
 export { Information } from './information';
 export { Description } from './description';
 export { MarketPlaces } from './marketPlaces';
-export { CollectionSlider } from './slider';
 export { AudioVideoPlayer } from './audioVideoPlayer';
 export { Viewer3D } from './viewer3D';

package/build/components/assetPage/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewer3D = exports.AudioVideoPlayer = exports.CollectionSlider = exports.MarketPlaces = exports.Description = exports.Information = exports.Properties = exports.PriceRank = exports.AssetMedia = exports.Title = exports.Participants = void 0;
+exports.Viewer3D = exports.AudioVideoPlayer = exports.MarketPlaces = exports.Description = exports.Information = exports.Properties = exports.PriceRank = exports.AssetMedia = exports.Title = exports.Participants = void 0;
 var participants_1 = require("./participants");
 Object.defineProperty(exports, "Participants", { enumerable: true, get: function () { return participants_1.Participants; } });
 var tittle_1 = require("./tittle");
@@ -17,8 +17,6 @@ var description_1 = require("./description");
 Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return description_1.Description; } });
 var marketPlaces_1 = require("./marketPlaces");
 Object.defineProperty(exports, "MarketPlaces", { enumerable: true, get: function () { return marketPlaces_1.MarketPlaces; } });
-var slider_1 = require("./slider");
-Object.defineProperty(exports, "CollectionSlider", { enumerable: true, get: function () { return slider_1.CollectionSlider; } });
 var audioVideoPlayer_1 = require("./audioVideoPlayer");
 Object.defineProperty(exports, "AudioVideoPlayer", { enumerable: true, get: function () { return audioVideoPlayer_1.AudioVideoPlayer; } });
 var viewer3D_1 = require("./viewer3D");

package/build/modules/user/auth/useVerification.js

@@ -38,7 +38,8 @@ const useVerification = () => {
                 authCookiesParsed.refreshToken &&
                 authCookiesParsed.newUser &&
                 authCookiesParsed.userId &&
-                // authCookiesParsed.inviteCode &&
+                //todo: remove required invite code
+                authCookiesParsed.inviteCode &&
                 authCookiesParsed.role) {
                 signIn({
                     userId: authCookiesParsed.userId,
@@ -50,6 +51,12 @@ const useVerification = () => {
                     role: authCookiesParsed.role,
                 });
             }
+            else {
+                //todo: remove required invite code
+                if (currentLocation !== "/forms/[formId]" && currentLocation !== "/minting") {
+                    await signOut();
+                }
+            }
         }
         catch (e) {
             // console.error('verification', e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.66",
+  "version": "2.1.71",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/build/components/assetPage/slider/index.d.ts

@@ -1,4 +0,0 @@
-import Media from '../../../dto/common/Media';
-export declare const CollectionSlider: ({ medias }: {
-    medias: Media[] | null;
-}) => import("react/jsx-runtime").JSX.Element | null;

package/build/components/assetPage/slider/index.js

@@ -1,177 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollectionSlider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// link to carousel source https://dev.to/holdmypotion/react-3d-image-slider-5g6
-const react_1 = require("react");
-const react_slick_1 = __importDefault(require("react-slick"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("./store");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const slideItem_1 = require("./slideItem");
-const Wrapper = styled_components_1.default.div `
-  margin: 0 0 60px -160px;
-  width: 1400px;
-
-  ${ScreenWidth_1.mediaQuery.desktop} {
-    margin: 0 auto;
-    width: 100%;
-  }
-
-  ${ScreenWidth_1.mediaQuery.mobile} {
-    width: 95vw;
-    position: relative;
-    left: calc(((100vw - 320px) / -2) - -2.5vw);
-  }
-
-  .prevArrow {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-    background: ${colors_1.WhiteColor};
-    position: absolute;
-    top: calc(50% - 25px);
-    left: 165px;
-    z-index: 100;
-    cursor: pointer;
-    font-size: 2rem;
-
-    ${ScreenWidth_1.mediaQuery.desktop} {
-      left: 10px;
-    }
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      left: 0;
-    }
-  }
-
-  .nextArrow {
-    left: calc(100% - 195px);
-    transform: rotate(180deg);
-
-    ${ScreenWidth_1.mediaQuery.desktop} {
-      left: calc(100% - 65px);
-    }
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      left: calc(100% - 48px);
-    }
-  }
-
-  .disable {
-    display: none;
-  }
-
-  .slick-track {
-    display: flex;
-    align-items: center;
-  }
-
-  .slick-slide {
-    padding: 0 10px;
-    transform: scale(0.63);
-    transition: all 400ms;
-    opacity: 0.2;
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      transform: scale(0.5);
-    }
-
-    &:not(.slick-active) {
-      pointer-events: none;
-    }
-  }
-
-  .slick-slide.slick-active.slick-center.slick-current {
-    transform: scale(1);
-    transition: all 400ms;
-    opacity: 1;
-  }
-
-  .medias-count {
-    margin-top: 15px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin: 0 0 ${(0, _4k_1.adaptiveValueCalc)(60)} ${(0, _4k_1.adaptiveValueCalc)(-160)};
-    width: ${(0, _4k_1.adaptiveValueCalc)(1400)};
-
-    .medias-count {
-      margin-top: ${(0, _4k_1.adaptiveValueCalc)(15)};
-    }
-
-    .prevArrow {
-      width: ${(0, _4k_1.adaptiveValueCalc)(50)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(50)};
-      top: calc(50% - ${(0, _4k_1.adaptiveValueCalc)(25)});
-      left: ${(0, _4k_1.adaptiveValueCalc)(165)};
-      font-size: ${(0, _4k_1.adaptiveValueCalc)(20)};
-
-      img {
-        width: ${(0, _4k_1.adaptiveValueCalc)(12)};
-        height: ${(0, _4k_1.adaptiveValueCalc)(15)};
-      }
-    }
-
-    .nextArrow {
-      left: calc(100% - ${(0, _4k_1.adaptiveValueCalc)(195)});
-    }
-
-    .slick-slide {
-      padding: 0 ${(0, _4k_1.adaptiveValueCalc)(10)};
-    }
-  }
-`;
-const PrevArrow = ({ disable, onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${disable ? 'disable prevArrow' : 'prevArrow'}`, onClick: onClick, children: (0, jsx_runtime_1.jsx)("img", { src: '/assetPage/arrow.svg', width: 12, height: 15, alt: "arrow" }) }));
-};
-const NextArrow = ({ disable, onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${disable ? 'disable prevArrow nextArrow' : 'prevArrow nextArrow'}`, onClick: onClick, children: (0, jsx_runtime_1.jsx)("img", { src: '/assetPage/arrow.svg', width: 12, height: 15, alt: "arrow" }) }));
-};
-const CollectionSlider = ({ medias }) => {
-    if (!medias)
-        return null;
-    return (0, jsx_runtime_1.jsx)(SliderMedias, { medias: medias });
-};
-exports.CollectionSlider = CollectionSlider;
-const SliderMedias = ({ medias }) => {
-    const setIsActiveSlider = (0, store_1.useSliderStore)((state) => state.setIsActiveSlider);
-    const isDisabled = (0, store_1.useSliderStore)((state) => state.isDisabled);
-    (0, react_1.useEffect)(() => {
-        setIsActiveSlider(true);
-        return () => {
-            setIsActiveSlider(false);
-        };
-    }, []);
-    const [imageIndex, setImageIndex] = (0, react_1.useState)(0);
-    const settings = {
-        draggable: !isDisabled,
-        swipe: !isDisabled,
-        arrows: !isDisabled,
-        centerMode: true,
-        infinite: false,
-        dots: false,
-        speed: 400,
-        swipeToSlide: true,
-        focusOnSelect: true,
-        variableWidth: true,
-        nextArrow: ((0, jsx_runtime_1.jsx)(NextArrow, { disable: imageIndex === medias.length - 1, onClick: () => setImageIndex((val) => val + 1) })),
-        prevArrow: ((0, jsx_runtime_1.jsx)(PrevArrow, { disable: imageIndex === 0, onClick: () => setImageIndex((val) => val - 1) })),
-        beforeChange: (current, next) => setImageIndex(next),
-    };
-    const collectionTemplate = medias.map((image, idx) => {
-        if (!image)
-            return null;
-        return (0, jsx_runtime_1.jsx)(slideItem_1.SlideItem, { item: image }, idx);
-    });
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: collectionTemplate }), (0, jsx_runtime_1.jsx)(index_1.H6, { style: { textAlign: 'center' }, color: colors_1.TextGrayColor, className: 'medias-count', children: imageIndex + 1 + '/' + medias.length + ' medias' })] }));
-};

package/build/components/assetPage/slider/slideItem.d.ts

@@ -1,5 +0,0 @@
-import Media from '../../../dto/common/Media';
-export declare const SlideItem: ({ item, key }: {
-    item: Media;
-    key: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/build/components/assetPage/slider/slideItem.js

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const audioVideoPlayer_1 = require("../audioVideoPlayer");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const SlideWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  //width: 450px;
-  //height: 450px;
-  position: relative;
-  border-radius: 16px;
-  background-size: contain;
-  background-repeat: no-repeat;
-  margin: 0 auto;
-
-  ${audioVideoPlayer_1.ReactPlayerWrapper} {
-    margin-right: 0;
-  }
-
-  ${ScreenWidth_1.mediaQuery.desktop} {
-    width: 280px;
-    height: 280px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.tablet} {
-    width: 240px;
-    height: 240px;
-  }
-
-  & > div {
-    width: 100%;
-
-    /* ${ScreenWidth_1.mediaQuery.desktop} {
-    width:100%;
-    } */
-  }
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const SlideItem = ({ item, key }) => {
-    return (0, jsx_runtime_1.jsx)(SlideWrapper, { children: item.displayLinkedMedia() }, key);
-};
-exports.SlideItem = SlideItem;