@ludo.ninja/components 1.8.6 → 1.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/favoriteList/add/addAssetToFavoriteList/index.js +1 -1
- package/dist/components/favoriteList/add/addCollectionToFavoriteList/index.js +1 -1
- package/dist/components/favoriteList/add/addCreationToFavoriteList/index.js +1 -1
- package/dist/components/gallery/add/addAssetToGallery/index.js +1 -1
- package/dist/components/gallery/add/addCreationToGallery/index.js +1 -1
- package/dist/components/headers/header/index.js +1 -1
- package/dist/components/headers/headerSearch/index.js +1 -1
- package/dist/components/myWallets/myWalletItem/index.js +1 -1
- package/dist/components/profile/wallets/index.js +1 -1
- package/dist/components/search/SearchInputContainer.js +1 -1
- package/dist/components/search/searchSelectsGalleries/index.js +1 -1
- package/dist/components/search/searchSelectsSets/index.js +1 -1
- package/dist/components/shareDialog/index.d.ts +2 -2
- package/dist/components/shareDialog/index.js +31 -30
- package/dist/hooks/likes/dynamic/useFindCollectionsAndLikes.js +1 -1
- package/dist/modules/notifications/CreatorNotifications.js +1 -1
- package/dist/modules/user/profileData/profileDataInitialization.js +4 -4
- package/dist/store/ui/utils.d.ts +1 -1
- package/dist/system/Alert/index.js +1 -1
- package/dist/system/Cards/CardContent/CardShowMore/index.js +3 -3
- package/dist/system/Cards/CardHeadIcons/index.js +3 -3
- package/dist/system/Modals/Modal/Modal.test.js +4 -4
- package/dist/system/Modals/ModalSidebar/CreatorModalSidebarPortal.js +1 -1
- package/dist/system/Modals/ModalSidebar/ModalSidebar.test.js +2 -2
- package/dist/system/Overlay/Overlay.test.js +2 -2
- package/dist/system/Overlay/index.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/components/assetJSONLD.d.ts +0 -1
- package/dist/components/assetJSONLD.js +0 -31
- package/dist/components/editProfile/Cropper/index.d.ts +0 -21
- package/dist/components/editProfile/Cropper/index.js +0 -113
- package/dist/components/editProfile/UserPicProfile/index.d.ts +0 -5
- package/dist/components/editProfile/UserPicProfile/index.js +0 -282
- package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.d.ts +0 -22
- package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.js +0 -283
- package/dist/modules/gallery/api/useGetFavoriteGallery.d.ts +0 -6
- package/dist/modules/gallery/api/useGetFavoriteGallery.js +0 -43
- package/dist/modules/gallery/store.d.ts +0 -26
- package/dist/modules/gallery/store.js +0 -147
- package/dist/modules/gallery/ui/AllResults.d.ts +0 -4
- package/dist/modules/gallery/ui/AllResults.js +0 -19
- package/dist/modules/gallery/ui/Description.d.ts +0 -5
- package/dist/modules/gallery/ui/Description.js +0 -70
- package/dist/modules/gallery/ui/EditGallery.d.ts +0 -10
- package/dist/modules/gallery/ui/EditGallery.js +0 -99
- package/dist/modules/gallery/ui/GalleryDeleteIcon.d.ts +0 -5
- package/dist/modules/gallery/ui/GalleryDeleteIcon.js +0 -51
- package/dist/modules/gallery/ui/PlaceholderItemsGallery.d.ts +0 -2
- package/dist/modules/gallery/ui/PlaceholderItemsGallery.js +0 -24
- package/dist/modules/gallery/ui/STopSections.d.ts +0 -2
- package/dist/modules/gallery/ui/STopSections.js +0 -15
- package/dist/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.d.ts +0 -8
- package/dist/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.js +0 -37
- package/dist/modules/gallery/ui/chooseGalleryItems/index.d.ts +0 -16
- package/dist/modules/gallery/ui/chooseGalleryItems/index.js +0 -146
- package/dist/modules/gallery/ui/createGalleryForm/index.d.ts +0 -14
- package/dist/modules/gallery/ui/createGalleryForm/index.js +0 -146
- package/dist/modules/gallery/ui/editGalleryForm/index.d.ts +0 -9
- package/dist/modules/gallery/ui/editGalleryForm/index.js +0 -187
- package/dist/modules/gallery/ui/itemsPreview/index.d.ts +0 -20
- package/dist/modules/gallery/ui/itemsPreview/index.js +0 -203
|
@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
65
65
|
var react_1 = __importStar(require("react"));
|
|
66
66
|
var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
|
|
67
67
|
var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
|
|
68
|
-
var ui_1 = require("
|
|
68
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
69
69
|
var useAddAssetsToGallery_1 = require("@/api/server-galleries/mutations/useAddAssetsToGallery");
|
|
70
70
|
var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
|
|
71
71
|
// Component
|
|
@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
65
65
|
var react_1 = __importStar(require("react"));
|
|
66
66
|
var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
|
|
67
67
|
var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
|
|
68
|
-
var ui_1 = require("
|
|
68
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
69
69
|
var useAddCollectionsToGallery_1 = require("@/api/server-galleries/mutations/useAddCollectionsToGallery");
|
|
70
70
|
var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
|
|
71
71
|
// Component
|
|
@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
65
65
|
var react_1 = __importStar(require("react"));
|
|
66
66
|
var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
|
|
67
67
|
var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
|
|
68
|
-
var ui_1 = require("
|
|
68
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
69
69
|
var useAddCreationsToGallery_1 = require("@/api/server-galleries/mutations/useAddCreationsToGallery");
|
|
70
70
|
var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
|
|
71
71
|
// Component
|
|
@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
65
65
|
var react_1 = __importStar(require("react"));
|
|
66
66
|
var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
|
|
67
67
|
var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
|
|
68
|
-
var ui_1 = require("
|
|
68
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
69
69
|
var useAddAssetsToGallery_1 = require("@/api/server-galleries/mutations/useAddAssetsToGallery");
|
|
70
70
|
var useCreateGallery_1 = require("@/api/server-galleries/mutations/useCreateGallery");
|
|
71
71
|
// Component
|
|
@@ -72,7 +72,7 @@ var useToGalleryAsset_1 = require("@/hooks/useToGalleryAsset");
|
|
|
72
72
|
var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
|
|
73
73
|
var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
|
|
74
74
|
var itemsPreview_1 = __importDefault(require("@/modules/gallery/ui/itemsPreview"));
|
|
75
|
-
var ui_1 = require("
|
|
75
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
76
76
|
var useAddCreationsToGallery_1 = require("@/api/server-galleries/mutations/useAddCreationsToGallery");
|
|
77
77
|
var useCreateGallery_1 = require("@/api/server-galleries/mutations/useCreateGallery");
|
|
78
78
|
// Styles
|
|
@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
7
7
|
var link_1 = __importDefault(require("next/link"));
|
|
8
8
|
var header_1 = require("@ludo.ninja/ui/build/components/header");
|
|
9
9
|
var store_1 = require("@/modules/user/store");
|
|
10
|
-
var ui_1 = require("
|
|
10
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
11
11
|
var headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
|
|
12
12
|
var headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
|
|
13
13
|
var auth_1 = require("@/utils/auth");
|
|
@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
7
7
|
var link_1 = __importDefault(require("next/link"));
|
|
8
8
|
var header_1 = require("@ludo.ninja/ui/build/components/header");
|
|
9
9
|
var store_1 = require("@/modules/user/store");
|
|
10
|
-
var ui_1 = require("
|
|
10
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
11
11
|
var headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
|
|
12
12
|
var headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
|
|
13
13
|
var searchSimpleInput_1 = __importDefault(require("@/components/search/searchSimpleInput"));
|
|
@@ -72,7 +72,7 @@ var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
|
|
|
72
72
|
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
73
73
|
var utils_1 = require("@ludo.ninja/utils");
|
|
74
74
|
var utils_2 = require("@ludo.ninja/utils");
|
|
75
|
-
var ui_1 = require("
|
|
75
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
76
76
|
var useRemoveWallet_1 = __importDefault(require("@/api/server-identities/mutations/useRemoveWallet"));
|
|
77
77
|
var env_1 = require("@/utils/env");
|
|
78
78
|
var arrow_down_svg_1 = __importDefault(require("@/public/selects/arrow_down.svg"));
|
|
@@ -17,7 +17,7 @@ var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
|
|
|
17
17
|
var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
|
|
18
18
|
var utils_1 = require("@ludo.ninja/utils");
|
|
19
19
|
var store_1 = require("@/modules/user/store");
|
|
20
|
-
var ui_1 = require("
|
|
20
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
21
21
|
var useFetchUserWallets_1 = __importDefault(require("@/api/server-identities/queries/useFetchUserWallets"));
|
|
22
22
|
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
23
23
|
var myWallets_1 = __importDefault(require("@/components/myWallets"));
|
|
@@ -85,7 +85,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
85
85
|
var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
|
|
86
86
|
var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
|
|
87
87
|
var utils_1 = require("@ludo.ninja/utils");
|
|
88
|
-
var ui_1 = require("
|
|
88
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
89
89
|
var useFetchFindAllTopEntitiesByName_1 = require("@/api/server-search/queries/useFetchFindAllTopEntitiesByName");
|
|
90
90
|
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
91
91
|
var searchCloseMoreButtons_1 = __importDefault(require("@/components/search/searchCloseMoreButtons"));
|
|
@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
33
|
var react_1 = __importStar(require("react"));
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var ui_1 = require("
|
|
35
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
36
36
|
var colors_1 = require("@/styles/colors");
|
|
37
37
|
var applyResetBtns_1 = __importDefault(require("@/components/filters/applyResetBtns"));
|
|
38
38
|
var galleriesFiltersForm_1 = __importDefault(require("@/components/filters/galleriesFiltersForm"));
|
|
@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
33
|
var react_1 = __importStar(require("react"));
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var ui_1 = require("
|
|
35
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
36
36
|
var colors_1 = require("@/styles/colors");
|
|
37
37
|
var applyResetBtns_1 = __importDefault(require("@/components/filters/applyResetBtns"));
|
|
38
38
|
var setsFiltersForm_1 = __importDefault(require("@/components/filters/setsFiltersForm"));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
interface IShareDialog {
|
|
3
3
|
link: string | null;
|
|
4
4
|
onHide: () => void;
|
|
@@ -30,5 +30,5 @@ interface IShareDialog {
|
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
|
-
declare const ShareDialog: ({ link, onHide, params }: IShareDialog) =>
|
|
33
|
+
declare const ShareDialog: ({ link, onHide, params }: IShareDialog) => React.JSX.Element;
|
|
34
34
|
export default ShareDialog;
|
|
@@ -7,15 +7,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
var react_1 = __importDefault(require("react"));
|
|
10
11
|
var react_share_1 = require("react-share");
|
|
11
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
14
|
+
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
15
|
+
var styles_2 = require("@ludo.ninja/components/dist/styles");
|
|
16
|
+
var system_1 = require("@ludo.ninja/components/dist/system");
|
|
12
17
|
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
13
18
|
var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
|
|
14
19
|
var utils_1 = require("@ludo.ninja/utils");
|
|
15
|
-
var ui_1 = require("@/store/ui");
|
|
16
|
-
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
17
|
-
var colors_1 = require("@/styles/colors");
|
|
18
|
-
var _system_1 = require("@system");
|
|
19
20
|
// import CopyIcon from '@/public/share/copy-link-btn.svg';
|
|
20
21
|
// import EmailIcon from '@/public/share/email-btn.svg';
|
|
21
22
|
// import FacebookIcon from '@/public/share/facebook-btn.svg';
|
|
@@ -25,7 +26,7 @@ var _system_1 = require("@system");
|
|
|
25
26
|
// import TwitterIcon from '@/public/share/twitter-btn.svg';
|
|
26
27
|
// import WatsUpIcon from '@/public/share/whatsapp-btn.svg';
|
|
27
28
|
// Styles
|
|
28
|
-
var STitle = (0, styled_components_1.default)(
|
|
29
|
+
var STitle = (0, styled_components_1.default)(system_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n color: ", ";\n ", " {\n margin-bottom: ", ";\n }\n"], ["\n margin-bottom: 24px;\n color: ", ";\n ", " {\n margin-bottom: ", ";\n }\n"])), styles_2.BlackColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));
|
|
29
30
|
var StyledShare = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .shareButtons {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n row-gap: 24px;\n column-gap: 16px;\n margin: 0 43px 33px 43px;\n justify-content: center;\n\n ", " {\n grid-template-columns: 1fr 1fr;\n justify-items: center;\n align-items: center;\n }\n }\n\n .shareBtn {\n width: 108px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n cursor: pointer;\n border: none;\n background-color: transparent;\n\n img {\n width: 40px;\n height: 40px;\n }\n }\n\n ", " {\n .shareButtons {\n row-gap: ", ";\n column-gap: ", ";\n margin: 0 ", " ", "\n ", ";\n }\n\n .shareBtn {\n width: ", ";\n height: ", ";\n\n img {\n width: ", ";\n height: ", ";\n }\n }\n }\n"], ["\n .shareButtons {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n row-gap: 24px;\n column-gap: 16px;\n margin: 0 43px 33px 43px;\n justify-content: center;\n\n ", " {\n grid-template-columns: 1fr 1fr;\n justify-items: center;\n align-items: center;\n }\n }\n\n .shareBtn {\n width: 108px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n cursor: pointer;\n border: none;\n background-color: transparent;\n\n img {\n width: 40px;\n height: 40px;\n }\n }\n\n ", " {\n .shareButtons {\n row-gap: ", ";\n column-gap: ", ";\n margin: 0 ", " ", "\n ", ";\n }\n\n .shareBtn {\n width: ", ";\n height: ", ";\n\n img {\n width: ", ";\n height: ", ";\n }\n }\n }\n"])), styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(43), (0, _4k_1.adaptiveValueCalc)(33), (0, _4k_1.adaptiveValueCalc)(43), (0, _4k_1.adaptiveValueCalc)(108), (0, _4k_1.adaptiveValueCalc)(64), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(40));
|
|
30
31
|
var ShareDialog = function (_a) {
|
|
31
32
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
@@ -34,11 +35,11 @@ var ShareDialog = function (_a) {
|
|
|
34
35
|
url.search = '';
|
|
35
36
|
var urlWithoutGetParameters = url.toString();
|
|
36
37
|
var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
|
|
37
|
-
return (
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
return (react_1.default.createElement(StyledShare, null,
|
|
39
|
+
react_1.default.createElement(system_1.Flex, { alignItems: 'center', justifyContent: 'center' },
|
|
40
|
+
react_1.default.createElement(STitle, null, 'Share to...')),
|
|
41
|
+
react_1.default.createElement("div", { className: "shareButtons" },
|
|
42
|
+
react_1.default.createElement("button", { onClick: function () {
|
|
42
43
|
onHide();
|
|
43
44
|
(0, utils_1.copyToClipboard)(urlWithoutGetParameters).then(function () {
|
|
44
45
|
openAlert({
|
|
@@ -46,26 +47,26 @@ var ShareDialog = function (_a) {
|
|
|
46
47
|
});
|
|
47
48
|
});
|
|
48
49
|
}, className: 'shareBtn' },
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
50
|
+
react_1.default.createElement("img", { src: "/share/copy-link-btn.svg", alt: "share", height: 40, width: 40 }),
|
|
51
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Copy Link")),
|
|
52
|
+
react_1.default.createElement(react_share_1.EmailShareButton, { url: urlWithoutGetParameters, body: (_b = params === null || params === void 0 ? void 0 : params.email) === null || _b === void 0 ? void 0 : _b.body, separator: (_c = params === null || params === void 0 ? void 0 : params.email) === null || _c === void 0 ? void 0 : _c.separator, subject: (_d = params === null || params === void 0 ? void 0 : params.email) === null || _d === void 0 ? void 0 : _d.subject, className: "shareBtn", onClick: onHide },
|
|
53
|
+
react_1.default.createElement("img", { src: "/share/email-btn.svg", alt: "email", height: 40, width: 40 }),
|
|
54
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Email")),
|
|
55
|
+
react_1.default.createElement(react_share_1.TelegramShareButton, { url: urlWithoutGetParameters, title: (_e = params === null || params === void 0 ? void 0 : params.telegram) === null || _e === void 0 ? void 0 : _e.title, className: "shareBtn", onClick: onHide },
|
|
56
|
+
react_1.default.createElement("img", { src: "/share/telegram-btn.svg", alt: "telegram", height: 40, width: 40 }),
|
|
57
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Telegram")),
|
|
58
|
+
react_1.default.createElement(react_share_1.WhatsappShareButton, { url: urlWithoutGetParameters, title: (_f = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _f === void 0 ? void 0 : _f.title, separator: (_g = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _g === void 0 ? void 0 : _g.separator, className: "shareBtn", onClick: onHide },
|
|
59
|
+
react_1.default.createElement("img", { src: "/share/whatsapp-btn.svg", alt: "whatsapp", height: 40, width: 40 }),
|
|
60
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "WhatsApp")),
|
|
61
|
+
react_1.default.createElement(react_share_1.TwitterShareButton, { url: urlWithoutGetParameters, title: (_h = params === null || params === void 0 ? void 0 : params.twitter) === null || _h === void 0 ? void 0 : _h.title, via: (_j = params === null || params === void 0 ? void 0 : params.twitter) === null || _j === void 0 ? void 0 : _j.via, related: (_k = params === null || params === void 0 ? void 0 : params.twitter) === null || _k === void 0 ? void 0 : _k.related, hashtags: (_l = params === null || params === void 0 ? void 0 : params.twitter) === null || _l === void 0 ? void 0 : _l.hashtags, className: "shareBtn", onClick: onHide },
|
|
62
|
+
react_1.default.createElement("img", { src: "/share/twitter-btn.svg", alt: "twitter", width: 40, height: 40 }),
|
|
63
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Twitter")),
|
|
64
|
+
react_1.default.createElement(react_share_1.RedditShareButton, { url: urlWithoutGetParameters, title: (_m = params === null || params === void 0 ? void 0 : params.reddit) === null || _m === void 0 ? void 0 : _m.title, className: "shareBtn", onClick: onHide },
|
|
65
|
+
react_1.default.createElement("img", { src: "/share/reddit-btn.svg", alt: "reddit", width: 40, height: 40 }),
|
|
66
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Reddit")),
|
|
67
|
+
react_1.default.createElement(react_share_1.FacebookShareButton, { url: urlWithoutGetParameters, quote: ((_o = params === null || params === void 0 ? void 0 : params.facebook) === null || _o === void 0 ? void 0 : _o.quote) || 'My cool NFT', hashtag: ((_p = params === null || params === void 0 ? void 0 : params.facebook) === null || _p === void 0 ? void 0 : _p.hashtag) || '#ludo', className: "shareBtn", onClick: onHide },
|
|
68
|
+
react_1.default.createElement("img", { src: "/share/facebook-btn.svg", alt: "facebook", width: 40, height: 40 }),
|
|
69
|
+
react_1.default.createElement(system_1.H5, { color: styles_2.TextGrayColor }, "Facebook")))));
|
|
69
70
|
};
|
|
70
71
|
// Export
|
|
71
72
|
exports.default = ShareDialog;
|
|
@@ -76,7 +76,7 @@ var client_1 = require("@apollo/client");
|
|
|
76
76
|
var api_1 = require("@ludo.ninja/api");
|
|
77
77
|
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
78
78
|
var useGetCreationsAndLikes_1 = require("@/hooks/likes/dynamic/useGetCreationsAndLikes");
|
|
79
|
-
var ui_1 = require("
|
|
79
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
80
80
|
var CollectionCreationEntity_1 = __importDefault(require("@/dto/Collection/CollectionCreationEntity"));
|
|
81
81
|
// export const prefetchFindCollections = (
|
|
82
82
|
// { term, input, pageSize, pageToken }: schema.IQueryFindCollectionsArgs,
|
|
@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.CreatorNotifications = void 0;
|
|
30
30
|
var dynamic_1 = __importDefault(require("next/dynamic"));
|
|
31
31
|
var useIsOpenNotifications_1 = require("@ludo.ninja/ui/build/modules/notifications/useIsOpenNotifications");
|
|
32
|
-
var ui_1 = require("
|
|
32
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
33
33
|
var Notifications = (0, dynamic_1.default)(function () {
|
|
34
34
|
return Promise.resolve().then(function () { return __importStar(require('@ludo.ninja/ui/build/modules/notifications')); }).then(function (_) { return _.Notifications; });
|
|
35
35
|
});
|
|
@@ -4,11 +4,11 @@ exports.ProfileDataInitialization = void 0;
|
|
|
4
4
|
var api_1 = require("@ludo.ninja/api");
|
|
5
5
|
var api_2 = require("@ludo.ninja/api");
|
|
6
6
|
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
7
|
-
var
|
|
8
|
-
var ui_1 = require("
|
|
7
|
+
var user_1 = require("@ludo.ninja/components/dist/modules/user");
|
|
8
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
9
9
|
var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
|
|
10
10
|
var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
|
|
11
|
-
var _a = (0,
|
|
11
|
+
var _a = (0, user_1.useUserStore)(function (state) { return ({
|
|
12
12
|
setIsLoadingProfileData: state.setIsLoadingProfileData,
|
|
13
13
|
setProfileData: state.setProfileData,
|
|
14
14
|
profileData: state.profileData,
|
|
@@ -51,7 +51,7 @@ var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
|
|
|
51
51
|
return null;
|
|
52
52
|
};
|
|
53
53
|
var ProfileDataInitialization = function () {
|
|
54
|
-
var userId = (0,
|
|
54
|
+
var userId = (0, user_1.useUserStore)(function (state) { var _a; return (_a = state.user) === null || _a === void 0 ? void 0 : _a.userId; });
|
|
55
55
|
if (!userId)
|
|
56
56
|
return null;
|
|
57
57
|
return React.createElement(FetcherMyProfile, null);
|
package/dist/store/ui/utils.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var Alert_1 = __importDefault(require("@ludo.ninja/ui/build/system/Alert"));
|
|
7
|
-
var ui_1 = require("
|
|
7
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
8
8
|
// Component
|
|
9
9
|
var Alert = function () {
|
|
10
10
|
var _a = (0, ui_1.useUiStore)(function (state) { return ({
|
|
@@ -12,12 +12,12 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
13
13
|
var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
|
|
14
14
|
var utils_1 = require("@ludo.ninja/utils");
|
|
15
|
-
var ui_1 = require("
|
|
15
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
16
16
|
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
17
|
-
var
|
|
17
|
+
var fonts_1 = require("@ludo.ninja/components/dist/fonts");
|
|
18
18
|
var moreBtnVertical_svg_1 = __importDefault(require("@/public/creation/card/moreBtnVertical.svg"));
|
|
19
19
|
// Styles
|
|
20
|
-
exports.StyledCardShowMore = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .cardShowMore {\n position: relative;\n cursor: pointer;\n z-index: 100;\n\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n height: 40px;\n z-index: -1;\n }\n\n @media (max-width: 1200px) {\n display: none;\n }\n\n &DropDown {\n font-family: ", ";\n display: none;\n position: absolute;\n background-color: white;\n top: 20px;\n left: -170px;\n width: 184px;\n box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n border-radius: 6px;\n padding: 8px;;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: -15px;\n height: 15px;\n width: 100%;\n }\n\n &Item {\n ", ";\n display: block;\n padding: 6px 0 6px 8px;\n color: #696f91;\n\n &:hover {\n border-radius: 4px;\n color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &:hover > div {\n display: block;\n z-index: 100000;\n }\n ", " {\n &:before {\n width: ", ";\n height: ", ";\n }\n &DropDown {\n top: ", ";\n left:", ";\n width: ", ";\n box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n border-radius: ", ";\n padding: ", ";\n\n &:before {\n top: ", ";\n height: ", ";\n }\n\n &Item {\n padding: ", " 0 ", " ", ";\n &:hover {\n border-radius: ", ";\n }\n }\n }\n }\n }\n}\n"], ["\n .cardShowMore {\n position: relative;\n cursor: pointer;\n z-index: 100;\n\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n height: 40px;\n z-index: -1;\n }\n\n @media (max-width: 1200px) {\n display: none;\n }\n\n &DropDown {\n font-family: ", ";\n display: none;\n position: absolute;\n background-color: white;\n top: 20px;\n left: -170px;\n width: 184px;\n box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n border-radius: 6px;\n padding: 8px;;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: -15px;\n height: 15px;\n width: 100%;\n }\n\n &Item {\n ", ";\n display: block;\n padding: 6px 0 6px 8px;\n color: #696f91;\n\n &:hover {\n border-radius: 4px;\n color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &:hover > div {\n display: block;\n z-index: 100000;\n }\n ", " {\n &:before {\n width: ", ";\n height: ", ";\n }\n &DropDown {\n top: ", ";\n left:", ";\n width: ", ";\n box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n border-radius: ", ";\n padding: ", ";\n\n &:before {\n top: ", ";\n height: ", ";\n }\n\n &Item {\n padding: ", " 0 ", " ", ";\n &:hover {\n border-radius: ", ";\n }\n }\n }\n }\n }\n}\n"])),
|
|
20
|
+
exports.StyledCardShowMore = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .cardShowMore {\n position: relative;\n cursor: pointer;\n z-index: 100;\n\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n height: 40px;\n z-index: -1;\n }\n\n @media (max-width: 1200px) {\n display: none;\n }\n\n &DropDown {\n font-family: ", ";\n display: none;\n position: absolute;\n background-color: white;\n top: 20px;\n left: -170px;\n width: 184px;\n box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n border-radius: 6px;\n padding: 8px;;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: -15px;\n height: 15px;\n width: 100%;\n }\n\n &Item {\n ", ";\n display: block;\n padding: 6px 0 6px 8px;\n color: #696f91;\n\n &:hover {\n border-radius: 4px;\n color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &:hover > div {\n display: block;\n z-index: 100000;\n }\n ", " {\n &:before {\n width: ", ";\n height: ", ";\n }\n &DropDown {\n top: ", ";\n left:", ";\n width: ", ";\n box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n border-radius: ", ";\n padding: ", ";\n\n &:before {\n top: ", ";\n height: ", ";\n }\n\n &Item {\n padding: ", " 0 ", " ", ";\n &:hover {\n border-radius: ", ";\n }\n }\n }\n }\n }\n}\n"], ["\n .cardShowMore {\n position: relative;\n cursor: pointer;\n z-index: 100;\n\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n height: 40px;\n z-index: -1;\n }\n\n @media (max-width: 1200px) {\n display: none;\n }\n\n &DropDown {\n font-family: ", ";\n display: none;\n position: absolute;\n background-color: white;\n top: 20px;\n left: -170px;\n width: 184px;\n box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n border-radius: 6px;\n padding: 8px;;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: -15px;\n height: 15px;\n width: 100%;\n }\n\n &Item {\n ", ";\n display: block;\n padding: 6px 0 6px 8px;\n color: #696f91;\n\n &:hover {\n border-radius: 4px;\n color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &:hover > div {\n display: block;\n z-index: 100000;\n }\n ", " {\n &:before {\n width: ", ";\n height: ", ";\n }\n &DropDown {\n top: ", ";\n left:", ";\n width: ", ";\n box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n border-radius: ", ";\n padding: ", ";\n\n &:before {\n top: ", ";\n height: ", ";\n }\n\n &Item {\n padding: ", " 0 ", " ", ";\n &:hover {\n border-radius: ", ";\n }\n }\n }\n }\n }\n}\n"])), fonts_1.dmsansFontVarCss.css, styles_1.TextSmall, styles_1.BlackColor, styles_1.BackgroundColorLight, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(-170), (0, _4k_1.adaptiveValueCalc)(184), (0, _4k_1.adaptiveValueCalc)(10), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(-15), (0, _4k_1.adaptiveValueCalc)(15), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(4));
|
|
21
21
|
// Component
|
|
22
22
|
var CardShowMore = function (_a) {
|
|
23
23
|
var itemId = _a.itemId, href = _a.href;
|
|
@@ -41,8 +41,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
41
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
42
|
var react_1 = __importDefault(require("react"));
|
|
43
43
|
var router_1 = require("next/router");
|
|
44
|
-
var
|
|
45
|
-
var ui_1 = require("
|
|
44
|
+
var user_1 = require("@ludo.ninja/components/dist/modules/user");
|
|
45
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
46
46
|
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
47
47
|
var addCreationToFavoriteList_1 = __importDefault(require("@/components/favoriteList/add/addCreationToFavoriteList"));
|
|
48
48
|
var CardRank_1 = __importDefault(require("@/system/Cards/CardRank"));
|
|
@@ -59,7 +59,7 @@ var heart_svg_1 = __importDefault(require("@/public/cards/heart.svg"));
|
|
|
59
59
|
var CardHeadIcons = function (_a) {
|
|
60
60
|
var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, actionIsNeedRenderCheckbox = _a.actionIsNeedRenderCheckbox, itemId = _a.itemId, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled;
|
|
61
61
|
var openModalSidebarPortal = (0, ui_1.useUiStore)(function (state) { return state.openModalSidebarPortal; });
|
|
62
|
-
var isSignedIn = (0,
|
|
62
|
+
var isSignedIn = (0, user_1.useUserStore)(function (state) { return state.isSignedIn; });
|
|
63
63
|
var isLicked = isIconLiked && isSignedIn;
|
|
64
64
|
var windowWidth = (0, screen_1.getWindowDimensions)().windowWidth;
|
|
65
65
|
var isMobile = windowWidth <= styles_1.ScreenWidth.TABLET || windowWidth <= styles_1.ScreenWidth.DESKTOP;
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
require("@testing-library/jest-dom");
|
|
8
8
|
var react_2 = require("@testing-library/react");
|
|
9
|
-
var ui_1 = require("
|
|
10
|
-
var
|
|
11
|
-
jest.mock('
|
|
9
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
10
|
+
var Modals_1 = __importDefault(require("@ludo.ninja/components/dist/system/Modals"));
|
|
11
|
+
jest.mock('@ludo.ninja/components/dist/store/ui');
|
|
12
12
|
describe('Modal Component', function () {
|
|
13
13
|
afterEach(react_2.cleanup);
|
|
14
14
|
test('open modal', function () {
|
|
@@ -21,7 +21,7 @@ describe('Modal Component', function () {
|
|
|
21
21
|
closeModal: closeModalMock,
|
|
22
22
|
});
|
|
23
23
|
// Render the Modal component
|
|
24
|
-
(0, react_2.render)(react_1.default.createElement(
|
|
24
|
+
(0, react_2.render)(react_1.default.createElement(Modals_1.default, null));
|
|
25
25
|
// Check if the modal content is in the document
|
|
26
26
|
var labelElement = react_2.screen.getByText('test open');
|
|
27
27
|
expect(labelElement).toBeInTheDocument();
|
|
@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.CreatorModalSidebarPortal = void 0;
|
|
30
30
|
var dynamic_1 = __importDefault(require("next/dynamic"));
|
|
31
|
-
var ui_1 = require("
|
|
31
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
32
32
|
// add first load chunk when component needed
|
|
33
33
|
var ModalSidebarPortal = (0, dynamic_1.default)(function () {
|
|
34
34
|
return Promise.resolve().then(function () { return __importStar(require('./ModalSidebarPortal')); }).then(function (_) { return _.ModalSidebarPortal; });
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
require("@testing-library/jest-dom");
|
|
8
8
|
var react_2 = require("@testing-library/react");
|
|
9
|
-
var ui_1 = require("
|
|
9
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
10
10
|
var index_1 = __importDefault(require("./index"));
|
|
11
|
-
jest.mock('
|
|
11
|
+
jest.mock('@ludo.ninja/components/dist/store/ui');
|
|
12
12
|
describe('Modal Component', function () {
|
|
13
13
|
afterEach(react_2.cleanup);
|
|
14
14
|
test('open modal', function () {
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
require("@testing-library/jest-dom/extend-expect");
|
|
8
8
|
var react_2 = require("@testing-library/react");
|
|
9
|
-
var ui_1 = require("
|
|
9
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
10
10
|
var Overlay_1 = __importDefault(require("../Overlay"));
|
|
11
11
|
// Mocking dependencies
|
|
12
|
-
jest.mock('
|
|
12
|
+
jest.mock('@ludo.ninja/components/dist/store/ui');
|
|
13
13
|
describe('Overlay Component', function () {
|
|
14
14
|
var mockCloseOverlay = jest.fn();
|
|
15
15
|
var mockUseUiStore = {
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
var react_1 = __importDefault(require("react"));
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
var ui_1 = require("
|
|
12
|
+
var ui_1 = require("@ludo.ninja/components/dist/store/ui");
|
|
13
13
|
var colors_1 = require("@/styles/colors");
|
|
14
14
|
var z_indexes_1 = require("@/styles/mixins/z-indexes");
|
|
15
15
|
// Styles
|