@ludo.ninja/components 1.8.5 → 1.8.7

package/package.json

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

package/dist/components/assetJSONLD.d.ts

@@ -1 +0,0 @@
-export declare const assetJSONLD: () => void;

package/dist/components/assetJSONLD.js

@@ -1,31 +0,0 @@
-"use strict";
-// import { schema } from '@ludo.ninja/api';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assetJSONLD = void 0;
-var assetJSONLD = function () {
-    // const imageUrl = asset.medias?.[0]?.url;
-    // const user = asset.creatorsProfiles?.[0]?.username;
-    //
-    // return {
-    //   __html: `{
-    //     "@context": "http://schema.org",
-    //     "@type": "Article",
-    //     "mainEntityOfPage": {
-    //       "@type": "WebPage",
-    //       "@id": "${url}"
-    //     },
-    //     "headline": "${asset.name}",
-    //     "image": [
-    //       "${imageUrl}"
-    //     ],
-    //     "datePublished": "${Date.now().toString()}",
-    //     "dateModified": "${Date.now().toString()}",
-    //     "author": {
-    //       "@type": "Person",
-    //       "name": "${user}"
-    //     },
-    //     "description": "${asset.description}"
-    //   }`,
-    // };
-};
-exports.assetJSONLD = assetJSONLD;

package/dist/components/editProfile/Cropper/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-interface Props {
-    defaultSrc: string;
-    cropperStyles: object;
-    setFile: (file: File) => void;
-    hideWithReset: () => void;
-    hide: () => void;
-    setUserPic: (base64: string) => void;
-    errorTypes: {
-        imageIsUpOfSize: {
-            size: number;
-            currentMessage: string;
-        };
-    };
-    setIsError: (error: {
-        size: number;
-        currentMessage: string;
-    }) => void;
-}
-declare const BasicCropper: React.FC<Props>;
-export default BasicCropper;

package/dist/components/editProfile/Cropper/index.js

@@ -1,113 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_cropper_1 = __importDefault(require("react-cropper"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  .cropper-view-box {\n    border-radius: 50%;\n    outline: none;\n  }\n\n  .cropper-face {\n    background-color: transparent;\n  }\n"], ["\n  width: 100%;\n\n  .cropper-view-box {\n    border-radius: 50%;\n    outline: none;\n  }\n\n  .cropper-face {\n    background-color: transparent;\n  }\n"])));
-var StyledButtons = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 30px 40px 30px;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 30px 40px 30px;\n"])));
-var BasicCropper = function (_a) {
-    var defaultSrc = _a.defaultSrc, cropperStyles = _a.cropperStyles, setFile = _a.setFile, 
-    // hideWithReset,
-    hide = _a.hide, setUserPic = _a.setUserPic, errorTypes = _a.errorTypes, setIsError = _a.setIsError;
-    var _b = (0, react_1.useState)(), cropper = _b[0], setCropper = _b[1];
-    var cropperRef = (0, react_1.useRef)(null);
-    var maxSizeInMb = 1024 * 10;
-    var getCropData = function () {
-        if (typeof cropper !== 'undefined') {
-            cropper.getCroppedCanvas({
-                imageSmoothingQuality: 'medium',
-            });
-            cropper.getCroppedCanvas().toBlob(function (blob) { return __awaiter(void 0, void 0, void 0, function () {
-                var filesizeInMb;
-                return __generator(this, function (_a) {
-                    filesizeInMb = Math.floor((blob === null || blob === void 0 ? void 0 : blob.size) / errorTypes.imageIsUpOfSize.size);
-                    if (filesizeInMb > maxSizeInMb) {
-                        hide();
-                        errorTypes.imageIsUpOfSize.currentMessage = "Current size ".concat(filesizeInMb, " KB");
-                        setIsError(errorTypes.imageIsUpOfSize);
-                    }
-                    setFile(new File([blob], 'userpic', { type: blob === null || blob === void 0 ? void 0 : blob.type }));
-                    setUserPic(cropper.getCroppedCanvas().toDataURL());
-                    hide();
-                    return [2 /*return*/];
-                });
-            }); });
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Wrapper, null,
-            react_1.default.createElement(react_cropper_1.default, { style: cropperStyles, zoomTo: 0.5, zoomOnWheel: true, zoomable: true, src: defaultSrc, aspectRatio: 1, viewMode: 2, background: false, autoCropArea: 1, responsive: true, dragMode: "move", checkOrientation: false, onInitialized: function (instance) {
-                    setCropper(instance);
-                }, ref: cropperRef, guides: false })),
-        react_1.default.createElement(StyledButtons, null,
-            react_1.default.createElement(MainButton_1.default, { onClick: getCropData, variant: "primaryM", text: 'Save' }))));
-};
-exports.default = BasicCropper;
-var templateObject_1, templateObject_2;

package/dist/components/editProfile/UserPicProfile/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const UserPicProfile: ({ defaultImage }: {
-    defaultImage: string | null;
-}) => React.JSX.Element;
-export default UserPicProfile;

package/dist/components/editProfile/UserPicProfile/index.js

@@ -1,282 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_dropzone_1 = __importDefault(require("react-dropzone"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var store_1 = require("@/modules/user/store");
-var ui_1 = require("@/store/ui");
-var useDeleteUserpic_1 = __importDefault(require("@/api/server-medias/mutations/useDeleteUserpic"));
-var useUploadUserpic_1 = __importDefault(require("@/api/server-medias/mutations/useUploadUserpic"));
-var animations_1 = require("@/styles/animations");
-var colors_1 = require("@/styles/colors");
-var NoSSR_1 = __importDefault(require("@/components/base/NoSSR"));
-var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
-var _system_1 = require("@system");
-var Cropper_1 = __importDefault(require("../Cropper"));
-var StyledUserpic = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-bottom: 1rem;\n\n  .userpic {\n    width: 100%;\n    cursor: pointer;\n    height: 100%;\n    filter: ", ";\n    text-indent: -20000px;\n    border-radius: 50%;\n\n    &_text {\n      color: #c1c8de;\n      font-size: 1.4em;\n      text-align: center;\n    }\n  }\n\n  .noImage {\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    width: 150px;\n    height: 150px;\n    background: #ffffff;\n    border: 1px solid ", ";\n    border-radius: 50%;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  .loading {\n    position: absolute;\n    left: 35%;\n    top: 33%;\n    display: ", ";\n    width: 50px;\n    height: 50px;\n    border: 6px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  .acceptDecline_buttons {\n    display: flex;\n    gap: 40px;\n    max-width: 250px;\n    margin: 0 auto;\n    justify-content: space-around;\n\n    button {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      outline: none;\n      border: none;\n      cursor: pointer;\n\n      :active {\n        outline: 1px blue solid;\n      }\n    }\n\n    .accept_btn {\n      background-image: url('/button_skin/accept.svg');\n      background-size: cover;\n    }\n\n    .decline_btn {\n      background-image: url('/button_skin/decline.svg');\n      background-size: cover;\n    }\n  }\n\n  .delete_button {\n    display: flex;\n    justify-content: center;\n  }\n\n  .flex {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .content-wrapper {\n    position: relative;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n  }\n"], ["\n  padding-bottom: 1rem;\n\n  .userpic {\n    width: 100%;\n    cursor: pointer;\n    height: 100%;\n    filter: ", ";\n    text-indent: -20000px;\n    border-radius: 50%;\n\n    &_text {\n      color: #c1c8de;\n      font-size: 1.4em;\n      text-align: center;\n    }\n  }\n\n  .noImage {\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    width: 150px;\n    height: 150px;\n    background: #ffffff;\n    border: 1px solid ", ";\n    border-radius: 50%;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  .loading {\n    position: absolute;\n    left: 35%;\n    top: 33%;\n    display: ", ";\n    width: 50px;\n    height: 50px;\n    border: 6px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  .acceptDecline_buttons {\n    display: flex;\n    gap: 40px;\n    max-width: 250px;\n    margin: 0 auto;\n    justify-content: space-around;\n\n    button {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      outline: none;\n      border: none;\n      cursor: pointer;\n\n      :active {\n        outline: 1px blue solid;\n      }\n    }\n\n    .accept_btn {\n      background-image: url('/button_skin/accept.svg');\n      background-size: cover;\n    }\n\n    .decline_btn {\n      background-image: url('/button_skin/decline.svg');\n      background-size: cover;\n    }\n  }\n\n  .delete_button {\n    display: flex;\n    justify-content: center;\n  }\n\n  .flex {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .content-wrapper {\n    position: relative;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n  }\n"])), function (props) { return (props.isLoading ? 'blur(4px)' : 'none'); }, colors_1.BorderColorLight, function (props) { return (props.isLoading ? 'inline-block' : 'none'); }, colors_1.AccentColor, animations_1.rotate);
-var SWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n"])));
-var cropperStyles = {
-    height: 430,
-    width: '100%',
-    maxWidth: 721,
-    margin: '40px 0 20px 0',
-};
-var errorTypes = {
-    imageIsUpOfSize: {
-        isError: true,
-        size: 1024 * 10,
-        currentMessage: '',
-        message: 'Image size size over 10 MB',
-    },
-    imageIsUpOfDimensions: {
-        isError: true,
-        size: 20,
-        currentMessage: '',
-        message: '(Max 1200 px x 1200 px)',
-    },
-};
-var UserPicProfile = function (_a) {
-    var defaultImage = _a.defaultImage;
-    var _b = (0, react_1.useState)(null), imgFile = _b[0], setImgFile = _b[1];
-    var _c = (0, react_1.useState)(null), userpic = _c[0], setUserPic = _c[1];
-    var _d = (0, react_1.useState)(false), isDefaultImage = _d[0], setDefaultImage = _d[1];
-    var _e = (0, react_1.useState)(false), isImageLoading = _e[0], setImageLoading = _e[1];
-    var _f = (0, react_1.useState)(null), error = _f[0], setIsError = _f[1];
-    var _g = (0, ui_1.useUiStore)(function (state) { return ({
-        openModal: state.openModal,
-        closeModal: state.closeModal,
-    }); }), openModal = _g.openModal, closeModal = _g.closeModal;
-    var uploadUserpic = (0, useUploadUserpic_1.default)().uploadUserpic;
-    var updateProfileData = (0, store_1.useUserStore)(function (state) { return ({
-        updateProfileData: state.updateProfileData,
-    }); }).updateProfileData;
-    (0, react_1.useEffect)(function () {
-        if (defaultImage && !defaultImage.includes('default_')) {
-            setUserPic(defaultImage);
-            setDefaultImage(true);
-        }
-    }, [defaultImage]);
-    var deleteUserpic = (0, useDeleteUserpic_1.default)().deleteUserpic;
-    var renderAcceptDeclineButtons = function () {
-        if (imgFile) {
-            return (react_1.default.createElement("div", { className: 'acceptDecline_buttons' },
-                renderAcceptButton(),
-                react_1.default.createElement("button", { className: 'decline_btn', onClick: clearFiles })));
-        }
-    };
-    var renderDeleteBtn = function () {
-        if (isDefaultImage && userpic) {
-            return (react_1.default.createElement("div", { className: 'delete_button' },
-                react_1.default.createElement(MainButton_1.default, { onClick: deleteRequest, variant: "secondary", text: 'Delete' })));
-        }
-    };
-    var renderAcceptButton = function () {
-        if (!error) {
-            return react_1.default.createElement("button", { className: 'accept_btn', onClick: uploadRequest });
-        }
-    };
-    var hideWithReset = function () {
-        clearFiles();
-        closeModal();
-    };
-    var clearFiles = function () {
-        setImgFile(null);
-        setUserPic(null);
-        setIsError(null);
-        setDefaultImage(false);
-    };
-    var deleteRequest = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setImageLoading(true);
-                    return [4 /*yield*/, deleteUserpic().then(function (res) {
-                            var data = res.data;
-                            if (data === null || data === void 0 ? void 0 : data.deleteUserpic) {
-                                setImageLoading(false);
-                                setDefaultImage(false);
-                                clearFiles();
-                            }
-                            else {
-                                setImageLoading(true);
-                            }
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var uploadRequest = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var result;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setImageLoading(true);
-                    return [4 /*yield*/, uploadUserpic(imgFile)
-                            .catch(function (reason) {
-                            // console.log('reason', reason);
-                            setIsError({
-                                size: 20,
-                                currentMessage: reason.message,
-                            });
-                        })
-                            .finally(function () {
-                            setImgFile(null);
-                            setImageLoading(false);
-                            setDefaultImage(true);
-                        })];
-                case 1:
-                    result = _a.sent();
-                    if (result === null || result === void 0 ? void 0 : result.data.uploadUserpic) {
-                        updateProfileData({
-                            userpic: result.data.uploadUserpic,
-                        });
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var reader = new FileReader();
-    var onDropHandler = function (files) {
-        files.map(function (file) {
-            reader.readAsDataURL(file);
-        });
-    };
-    var imageContent = function () {
-        if (userpic) {
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("img", { src: userpic, className: "userpic", alt: 'userpic', onError: function () { return setUserPic(null); } }),
-                react_1.default.createElement("div", { className: 'loading' })));
-        }
-        return (react_1.default.createElement("div", { className: "noImage" },
-            react_1.default.createElement("img", { style: { width: '25px', height: '25px', marginBottom: '15px' }, src: '/settings_page/upload.svg' }),
-            react_1.default.createElement("span", { style: { color: colors_1.TextGrayColor, fontSize: '13px', fontWeight: 400 } },
-                "Upload profile ",
-                react_1.default.createElement("br", null),
-                " picture")));
-    };
-    var renderUserPicText = function () {
-        if (!error) {
-            // if (imgFile || userpic) return;
-            return (react_1.default.createElement(_system_1.H5, { color: colors_1.TextGrayColor, style: { maxWidth: '275px', margin: '0 auto', textAlign: 'center' } },
-                "File types supported:",
-                react_1.default.createElement("br", null),
-                "SVG, JPG, PNG, GIF. ",
-                react_1.default.createElement("br", null),
-                "Up to 1 MB",
-                react_1.default.createElement("br", null),
-                "(Max 1200 px x 1200 px)"));
-        }
-        else {
-            return (react_1.default.createElement("p", { style: { color: colors_1.ErrorColor } },
-                error.currentMessage,
-                react_1.default.createElement("br", null)));
-        }
-    };
-    return (react_1.default.createElement(StyledUserpic, { isLoading: isImageLoading },
-        react_1.default.createElement("div", { style: {
-                paddingBottom: '2rem',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 12,
-            } },
-            react_1.default.createElement(react_dropzone_1.default, { accept: { 'image/*': [] }, multiple: false, onDrop: function (files) { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        onDropHandler(files);
-                        reader.onload = function (event) {
-                            var _a;
-                            openModal(react_1.default.createElement(Cropper_1.default, { defaultSrc: (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.result, cropperStyles: cropperStyles, setFile: setImgFile, hide: closeModal, hideWithReset: hideWithReset, setUserPic: setUserPic, errorTypes: errorTypes, setIsError: setIsError }));
-                        };
-                        return [2 /*return*/];
-                    });
-                }); } }, function (_a) {
-                var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
-                return (react_1.default.createElement(SWrapper, __assign({ style: { pointerEvents: userpic ? 'none' : 'auto' } }, getRootProps()),
-                    react_1.default.createElement("input", __assign({}, getInputProps())),
-                    react_1.default.createElement(NoSSR_1.default, null,
-                        react_1.default.createElement("div", { className: "content-wrapper" }, imageContent()))));
-            }),
-            renderAcceptDeclineButtons(),
-            renderDeleteBtn(),
-            react_1.default.createElement("div", { className: "userpic_text" }, renderUserPicText()))));
-};
-exports.default = UserPicProfile;
-var templateObject_1, templateObject_2;

package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.d.ts

@@ -1,22 +0,0 @@
-import { TOpportunity } from '@ludo.ninja/core';
-import { TCurrentItemType } from '@/hooks/likes/useGetLikesAsset';
-import { TCreationAndCollection } from '@/modules/virtuoso/types';
-import { TActiveTab } from '@/system/Tabs/TabsNav/type';
-import GalleryEntityV2 from '@/dto/GalleryEntityV2';
-export type TCreationWithOpportunity = TCreationAndCollection | TOpportunity;
-interface UseGetAssetsAndCollectionForFavoriteProps {
-    gallery: GalleryEntityV2;
-    activeTab: TActiveTab;
-    fetchLikes?: (itemsIdsArray: string[], currentItemType: TCurrentItemType) => Promise<void>;
-}
-interface UseGetAssetsAndCollectionForFavoriteReturn<TCreations> {
-    creations: TCreations[];
-    isLoading: boolean;
-    isNextLoading: boolean;
-    loadMore: () => Promise<void>;
-    error: Error | undefined;
-    refetchQuery: () => Promise<void>;
-    removeCreation: (creationIdToRemove: string, itemType: 'asset' | 'collection' | 'opportunity') => void;
-}
-export declare const useGetAssetsAndCollectionForFavorite: <TCreations>({ gallery, activeTab, fetchLikes, }: UseGetAssetsAndCollectionForFavoriteProps) => UseGetAssetsAndCollectionForFavoriteReturn<TCreations>;
-export {};