@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.
Files changed (62) hide show
  1. package/dist/components/favoriteList/add/addAssetToFavoriteList/index.js +1 -1
  2. package/dist/components/favoriteList/add/addCollectionToFavoriteList/index.js +1 -1
  3. package/dist/components/favoriteList/add/addCreationToFavoriteList/index.js +1 -1
  4. package/dist/components/gallery/add/addAssetToGallery/index.js +1 -1
  5. package/dist/components/gallery/add/addCreationToGallery/index.js +1 -1
  6. package/dist/components/headers/header/index.js +1 -1
  7. package/dist/components/headers/headerSearch/index.js +1 -1
  8. package/dist/components/myWallets/myWalletItem/index.js +1 -1
  9. package/dist/components/profile/wallets/index.js +1 -1
  10. package/dist/components/search/SearchInputContainer.js +1 -1
  11. package/dist/components/search/searchSelectsGalleries/index.js +1 -1
  12. package/dist/components/search/searchSelectsSets/index.js +1 -1
  13. package/dist/components/shareDialog/index.d.ts +2 -2
  14. package/dist/components/shareDialog/index.js +31 -30
  15. package/dist/hooks/likes/dynamic/useFindCollectionsAndLikes.js +1 -1
  16. package/dist/modules/notifications/CreatorNotifications.js +1 -1
  17. package/dist/modules/user/profileData/profileDataInitialization.js +4 -4
  18. package/dist/store/ui/utils.d.ts +1 -1
  19. package/dist/system/Alert/index.js +1 -1
  20. package/dist/system/Cards/CardContent/CardShowMore/index.js +3 -3
  21. package/dist/system/Cards/CardHeadIcons/index.js +3 -3
  22. package/dist/system/Modals/Modal/Modal.test.js +4 -4
  23. package/dist/system/Modals/ModalSidebar/CreatorModalSidebarPortal.js +1 -1
  24. package/dist/system/Modals/ModalSidebar/ModalSidebar.test.js +2 -2
  25. package/dist/system/Overlay/Overlay.test.js +2 -2
  26. package/dist/system/Overlay/index.js +1 -1
  27. package/dist/tsconfig.tsbuildinfo +1 -1
  28. package/package.json +1 -1
  29. package/dist/components/assetJSONLD.d.ts +0 -1
  30. package/dist/components/assetJSONLD.js +0 -31
  31. package/dist/components/editProfile/Cropper/index.d.ts +0 -21
  32. package/dist/components/editProfile/Cropper/index.js +0 -113
  33. package/dist/components/editProfile/UserPicProfile/index.d.ts +0 -5
  34. package/dist/components/editProfile/UserPicProfile/index.js +0 -282
  35. package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.d.ts +0 -22
  36. package/dist/modules/gallery/api/useGetAssetsAndCollectionForFavorite.js +0 -283
  37. package/dist/modules/gallery/api/useGetFavoriteGallery.d.ts +0 -6
  38. package/dist/modules/gallery/api/useGetFavoriteGallery.js +0 -43
  39. package/dist/modules/gallery/store.d.ts +0 -26
  40. package/dist/modules/gallery/store.js +0 -147
  41. package/dist/modules/gallery/ui/AllResults.d.ts +0 -4
  42. package/dist/modules/gallery/ui/AllResults.js +0 -19
  43. package/dist/modules/gallery/ui/Description.d.ts +0 -5
  44. package/dist/modules/gallery/ui/Description.js +0 -70
  45. package/dist/modules/gallery/ui/EditGallery.d.ts +0 -10
  46. package/dist/modules/gallery/ui/EditGallery.js +0 -99
  47. package/dist/modules/gallery/ui/GalleryDeleteIcon.d.ts +0 -5
  48. package/dist/modules/gallery/ui/GalleryDeleteIcon.js +0 -51
  49. package/dist/modules/gallery/ui/PlaceholderItemsGallery.d.ts +0 -2
  50. package/dist/modules/gallery/ui/PlaceholderItemsGallery.js +0 -24
  51. package/dist/modules/gallery/ui/STopSections.d.ts +0 -2
  52. package/dist/modules/gallery/ui/STopSections.js +0 -15
  53. package/dist/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.d.ts +0 -8
  54. package/dist/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.js +0 -37
  55. package/dist/modules/gallery/ui/chooseGalleryItems/index.d.ts +0 -16
  56. package/dist/modules/gallery/ui/chooseGalleryItems/index.js +0 -146
  57. package/dist/modules/gallery/ui/createGalleryForm/index.d.ts +0 -14
  58. package/dist/modules/gallery/ui/createGalleryForm/index.js +0 -146
  59. package/dist/modules/gallery/ui/editGalleryForm/index.d.ts +0 -9
  60. package/dist/modules/gallery/ui/editGalleryForm/index.js +0 -187
  61. package/dist/modules/gallery/ui/itemsPreview/index.d.ts +0 -20
  62. 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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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("@/store/ui");
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
- /// <reference types="react" />
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) => import("react").JSX.Element;
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)(_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"])), colors_1.BlackColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));
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 (React.createElement(StyledShare, null,
38
- React.createElement(_system_1.Flex, { alignItems: 'center', justifyContent: 'center' },
39
- React.createElement(STitle, null, 'Share to...')),
40
- React.createElement("div", { className: "shareButtons" },
41
- React.createElement("button", { onClick: function () {
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
- React.createElement("img", { src: "/share/copy-link-btn.svg", alt: "share", height: 40, width: 40 }),
50
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Copy Link")),
51
- React.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 },
52
- React.createElement("img", { src: "/share/email-btn.svg", alt: "email", height: 40, width: 40 }),
53
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Email")),
54
- React.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 },
55
- React.createElement("img", { src: "/share/telegram-btn.svg", alt: "telegram", height: 40, width: 40 }),
56
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Telegram")),
57
- React.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 },
58
- React.createElement("img", { src: "/share/whatsapp-btn.svg", alt: "whatsapp", height: 40, width: 40 }),
59
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "WhatsApp")),
60
- React.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 },
61
- React.createElement("img", { src: "/share/twitter-btn.svg", alt: "twitter", width: 40, height: 40 }),
62
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Twitter")),
63
- React.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 },
64
- React.createElement("img", { src: "/share/reddit-btn.svg", alt: "reddit", width: 40, height: 40 }),
65
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Reddit")),
66
- React.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 },
67
- React.createElement("img", { src: "/share/facebook-btn.svg", alt: "facebook", width: 40, height: 40 }),
68
- React.createElement(_system_1.H5, { color: colors_1.TextGrayColor }, "Facebook")))));
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("@/store/ui");
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("@/store/ui");
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 store_1 = require("@/modules/user/store");
8
- var ui_1 = require("@/store/ui");
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, store_1.useUserStore)(function (state) { return ({
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, store_1.useUserStore)(function (state) { var _a; return (_a = state.user) === null || _a === void 0 ? void 0 : _a.userId; });
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);
@@ -1,5 +1,5 @@
1
1
  import { StoreApi } from 'zustand/esm/vanilla';
2
- import { IUiStore } from '@/store/ui/types';
2
+ import { IUiStore } from '@ludo.ninja/components/dist/store/ui/types';
3
3
  export declare const builderModal: <T, O, C>(fields: {
4
4
  trigger: keyof T;
5
5
  opener: keyof O;
@@ -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("@/store/ui");
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("@/store/ui");
15
+ var ui_1 = require("@ludo.ninja/components/dist/store/ui");
16
16
  var styles_1 = require("@ludo.ninja/components/dist/styles");
17
- var vars_1 = require("@/fonts/vars");
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"])), vars_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));
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 store_1 = require("@/modules/user/store");
45
- var ui_1 = require("@/store/ui");
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, store_1.useUserStore)(function (state) { return state.isSignedIn; });
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("@/store/ui");
10
- var index_1 = __importDefault(require("@/system/Modals/Modal/index"));
11
- jest.mock('@/store/ui');
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(index_1.default, null));
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("@/store/ui");
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("@/store/ui");
9
+ var ui_1 = require("@ludo.ninja/components/dist/store/ui");
10
10
  var index_1 = __importDefault(require("./index"));
11
- jest.mock('@/store/ui');
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("@/store/ui");
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('@/store/ui');
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("@/store/ui");
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