@ludo.ninja/components 1.8.5 → 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
|
@@ -1,283 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
-
function step(op) {
|
|
27
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
-
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;
|
|
30
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
-
switch (op[0]) {
|
|
32
|
-
case 0: case 1: t = op; break;
|
|
33
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
-
default:
|
|
37
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
-
if (t[2]) _.ops.pop();
|
|
42
|
-
_.trys.pop(); continue;
|
|
43
|
-
}
|
|
44
|
-
op = body.call(thisArg, _);
|
|
45
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
50
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
51
|
-
if (ar || !(i in from)) {
|
|
52
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
53
|
-
ar[i] = from[i];
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
57
|
-
};
|
|
58
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
-
};
|
|
61
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
-
exports.useGetAssetsAndCollectionForFavorite = void 0;
|
|
63
|
-
var react_1 = require("react");
|
|
64
|
-
var client_1 = require("@apollo/client");
|
|
65
|
-
var api_1 = require("@ludo.ninja/api");
|
|
66
|
-
var api_2 = require("@ludo.ninja/api");
|
|
67
|
-
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
68
|
-
var store_1 = require("@/modules/gallery/store");
|
|
69
|
-
var ui_1 = require("@/store/ui");
|
|
70
|
-
var extractItemIds_1 = require("@/utils/extractItemIds");
|
|
71
|
-
var getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
|
|
72
|
-
var CollectionCreationEntity_1 = __importDefault(require("@/dto/Collection/CollectionCreationEntity"));
|
|
73
|
-
var CreationEntity_1 = __importDefault(require("@/dto/CreationEntity"));
|
|
74
|
-
var limit = 40;
|
|
75
|
-
var useGetAssetsAndCollectionForFavorite = function (_a) {
|
|
76
|
-
var gallery = _a.gallery, activeTab = _a.activeTab, fetchLikes = _a.fetchLikes;
|
|
77
|
-
var _b = (0, react_1.useState)([]), assets = _b[0], setAssets = _b[1];
|
|
78
|
-
var _c = (0, react_1.useState)([]), collections = _c[0], setCollections = _c[1];
|
|
79
|
-
var _d = (0, react_1.useState)([]), opportunities = _d[0], setOpportunities = _d[1];
|
|
80
|
-
var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
|
|
81
|
-
var currentPageRef = (0, react_1.useRef)(1);
|
|
82
|
-
var _e = (0, react_1.useState)(true), isLoading = _e[0], setIsLoading = _e[1];
|
|
83
|
-
var _f = (0, react_1.useState)(false), isNextLoading = _f[0], setIsNextLoading = _f[1];
|
|
84
|
-
var isHaveNextPage = (0, store_1.useGalleryStore)(function (state) { return state.allResults > currentPageRef.current * limit; });
|
|
85
|
-
var getAssetsAndCollectionsInGallery = function (isFirstLoading) {
|
|
86
|
-
if (isFirstLoading === void 0) { isFirstLoading = false; }
|
|
87
|
-
return new Promise(function (resolve) {
|
|
88
|
-
var assetArray = [];
|
|
89
|
-
var collectionsArray = [];
|
|
90
|
-
var opportunitiesArray = [];
|
|
91
|
-
var size = isFirstLoading && activeTab
|
|
92
|
-
? (0, getPageSizeAssets_1.getPageSize)({
|
|
93
|
-
scrollTab: activeTab.value,
|
|
94
|
-
limit: limit,
|
|
95
|
-
})
|
|
96
|
-
: limit;
|
|
97
|
-
var totalLength = size !== limit ? size : false;
|
|
98
|
-
var creationIds = gallery.getGalleryCreationIds();
|
|
99
|
-
var startIndex = (currentPageRef.current - 1) * limit;
|
|
100
|
-
var endIndex = totalLength ? totalLength : startIndex + limit;
|
|
101
|
-
for (var i = startIndex; i < endIndex && i < creationIds.length; i++) {
|
|
102
|
-
var elements = creationIds[i].split('.');
|
|
103
|
-
var id = elements.splice(1, creationIds[i].length).join('.');
|
|
104
|
-
if (elements[0] === 'asset') {
|
|
105
|
-
assetArray.push(id);
|
|
106
|
-
}
|
|
107
|
-
else if (elements[0] === 'collection') {
|
|
108
|
-
collectionsArray.push(id);
|
|
109
|
-
}
|
|
110
|
-
else if (elements[0] === 'opportunity') {
|
|
111
|
-
opportunitiesArray.push(id);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
var assetPromise = assetArray.length > 0
|
|
115
|
-
? fetchAssets({ variables: { assetIds: assetArray } })
|
|
116
|
-
: Promise.resolve();
|
|
117
|
-
var collectionsPromise = collectionsArray.length > 0
|
|
118
|
-
? fetchCollections({ variables: { collectionIds: collectionsArray } })
|
|
119
|
-
: Promise.resolve();
|
|
120
|
-
var opportunitiesPromise = opportunitiesArray.length > 0
|
|
121
|
-
? fetchOpportunities({
|
|
122
|
-
variables: { opportunityIds: opportunitiesArray },
|
|
123
|
-
})
|
|
124
|
-
: Promise.resolve();
|
|
125
|
-
Promise.all([assetPromise, collectionsPromise, opportunitiesPromise])
|
|
126
|
-
.then(function () {
|
|
127
|
-
resolve();
|
|
128
|
-
})
|
|
129
|
-
.catch(function () {
|
|
130
|
-
resolve();
|
|
131
|
-
});
|
|
132
|
-
});
|
|
133
|
-
};
|
|
134
|
-
var getLikesForAllCreations = function (creations, currentItemType) {
|
|
135
|
-
if (creations.length > 0 && fetchLikes) {
|
|
136
|
-
var itemsIdsArray = (0, extractItemIds_1.extractItemIds)(creations);
|
|
137
|
-
if (itemsIdsArray.length > 0) {
|
|
138
|
-
fetchLikes(itemsIdsArray, currentItemType);
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
};
|
|
142
|
-
var _g = (0, client_1.useLazyQuery)(api_2.searchSchema.FetchAssetsDocument, {
|
|
143
|
-
context: { uri: api_1.hosts.searchHost },
|
|
144
|
-
fetchPolicy: 'no-cache',
|
|
145
|
-
onCompleted: function (_a) {
|
|
146
|
-
var data = _a.fetchAssets;
|
|
147
|
-
setAssets(function (prevAssets) {
|
|
148
|
-
var results = __spreadArray(__spreadArray([], (prevAssets || []), true), data.map(function (asset) { return [
|
|
149
|
-
asset.assetId,
|
|
150
|
-
new CreationEntity_1.default(__assign(__assign({}, asset), { itemType: 'asset', itemId: asset.assetId })),
|
|
151
|
-
]; }), true);
|
|
152
|
-
getLikesForAllCreations(results.map(function (el) { return el[1]; }), 'asset');
|
|
153
|
-
return results;
|
|
154
|
-
});
|
|
155
|
-
},
|
|
156
|
-
onError: function () {
|
|
157
|
-
openAlert({
|
|
158
|
-
type: type_1.alertVariants.error,
|
|
159
|
-
caption: 'Oops, something went wrong.',
|
|
160
|
-
});
|
|
161
|
-
setAssets([]);
|
|
162
|
-
},
|
|
163
|
-
}), fetchAssets = _g[0], _h = _g[1], assetsError = _h.error, refetchAssets = _h.refetch;
|
|
164
|
-
var _j = (0, client_1.useLazyQuery)(api_2.searchSchema.FetchCollectionsByIdsDocument, {
|
|
165
|
-
context: { uri: api_1.hosts.searchHost },
|
|
166
|
-
fetchPolicy: 'no-cache',
|
|
167
|
-
onCompleted: function (_a) {
|
|
168
|
-
var data = _a.fetchCollectionsByIds;
|
|
169
|
-
setCollections(function (prevCollections) {
|
|
170
|
-
var results = __spreadArray(__spreadArray([], (prevCollections || []), true), data.map(function (collection) { return [
|
|
171
|
-
collection.collectionId,
|
|
172
|
-
new CollectionCreationEntity_1.default(collection, 'collection'),
|
|
173
|
-
]; }), true);
|
|
174
|
-
getLikesForAllCreations(results.map(function (el) { return el[1]; }), 'collection');
|
|
175
|
-
return results;
|
|
176
|
-
});
|
|
177
|
-
},
|
|
178
|
-
onError: function () {
|
|
179
|
-
openAlert({
|
|
180
|
-
type: type_1.alertVariants.error,
|
|
181
|
-
caption: 'Oops, something went wrong.',
|
|
182
|
-
});
|
|
183
|
-
setCollections([]);
|
|
184
|
-
},
|
|
185
|
-
}), fetchCollections = _j[0], _k = _j[1], collectionsError = _k.error, refetchCollections = _k.refetch;
|
|
186
|
-
var _l = api_1.opportunitiesSchema.useFetchOpportunitiesByIdsLazyQuery({
|
|
187
|
-
context: { uri: api_1.hosts.opportunitiesHost },
|
|
188
|
-
fetchPolicy: 'no-cache',
|
|
189
|
-
onCompleted: function (_a) {
|
|
190
|
-
var data = _a.fetchOpportunitiesByIds;
|
|
191
|
-
setOpportunities(function (prev) { return __spreadArray(__spreadArray([], (prev || []), true), data.map(function (opportunity) { return [
|
|
192
|
-
opportunity.opportunityId,
|
|
193
|
-
opportunity,
|
|
194
|
-
]; }), true); });
|
|
195
|
-
},
|
|
196
|
-
onError: function () {
|
|
197
|
-
openAlert({
|
|
198
|
-
type: type_1.alertVariants.error,
|
|
199
|
-
caption: 'Oops, something went wrong.',
|
|
200
|
-
});
|
|
201
|
-
setOpportunities([]);
|
|
202
|
-
},
|
|
203
|
-
}), fetchOpportunities = _l[0], _m = _l[1], opportunitiesError = _m.error, refetchOpportunities = _m.refetch;
|
|
204
|
-
(0, react_1.useEffect)(function () {
|
|
205
|
-
getAssetsAndCollectionsInGallery(true).then(function () {
|
|
206
|
-
setIsLoading(false);
|
|
207
|
-
});
|
|
208
|
-
}, []);
|
|
209
|
-
var loadMore = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
210
|
-
return __generator(this, function (_a) {
|
|
211
|
-
if (!isHaveNextPage || isLoading)
|
|
212
|
-
return [2 /*return*/];
|
|
213
|
-
currentPageRef.current++;
|
|
214
|
-
setIsNextLoading(true);
|
|
215
|
-
getAssetsAndCollectionsInGallery().then(function () {
|
|
216
|
-
setIsNextLoading(false);
|
|
217
|
-
});
|
|
218
|
-
return [2 /*return*/];
|
|
219
|
-
});
|
|
220
|
-
}); };
|
|
221
|
-
var creations = (0, react_1.useMemo)(function () {
|
|
222
|
-
var creationIds = gallery.getGalleryCreationIds();
|
|
223
|
-
var mapAssets = new Map(assets);
|
|
224
|
-
var collectionAssets = new Map(collections);
|
|
225
|
-
var opportunityAssets = new Map(opportunities);
|
|
226
|
-
return creationIds
|
|
227
|
-
.map(function (id) {
|
|
228
|
-
var idSplit = id.split('.');
|
|
229
|
-
var idType = idSplit[0];
|
|
230
|
-
var idElement = idSplit.slice(1).join('.');
|
|
231
|
-
if (idType === 'asset') {
|
|
232
|
-
return mapAssets.get(idElement);
|
|
233
|
-
}
|
|
234
|
-
if (idType === 'collection') {
|
|
235
|
-
return collectionAssets.get(idElement);
|
|
236
|
-
}
|
|
237
|
-
if (idType === 'opportunity') {
|
|
238
|
-
return opportunityAssets.get(idElement);
|
|
239
|
-
}
|
|
240
|
-
})
|
|
241
|
-
.filter(function (el) { return !!el; })
|
|
242
|
-
.slice(0, assets.length + collections.length + opportunities.length);
|
|
243
|
-
}, [assets, collections, opportunities]);
|
|
244
|
-
return {
|
|
245
|
-
creations: creations,
|
|
246
|
-
isLoading: isLoading,
|
|
247
|
-
isNextLoading: isNextLoading,
|
|
248
|
-
loadMore: loadMore,
|
|
249
|
-
error: assetsError || collectionsError || opportunitiesError,
|
|
250
|
-
refetchQuery: function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
251
|
-
return __generator(this, function (_a) {
|
|
252
|
-
if (assetsError) {
|
|
253
|
-
refetchAssets();
|
|
254
|
-
}
|
|
255
|
-
if (collectionsError) {
|
|
256
|
-
refetchCollections();
|
|
257
|
-
}
|
|
258
|
-
if (opportunitiesError) {
|
|
259
|
-
refetchOpportunities();
|
|
260
|
-
}
|
|
261
|
-
return [2 /*return*/];
|
|
262
|
-
});
|
|
263
|
-
}); },
|
|
264
|
-
removeCreation: function (creationIdToRemove, itemType) {
|
|
265
|
-
if (itemType === 'asset') {
|
|
266
|
-
setAssets(function (items) {
|
|
267
|
-
return items.filter(function (item) { return item[0] !== creationIdToRemove; });
|
|
268
|
-
});
|
|
269
|
-
}
|
|
270
|
-
if (itemType === 'collection') {
|
|
271
|
-
setCollections(function (items) {
|
|
272
|
-
return items.filter(function (item) { return item[0] !== creationIdToRemove; });
|
|
273
|
-
});
|
|
274
|
-
}
|
|
275
|
-
if (itemType === 'opportunity') {
|
|
276
|
-
setOpportunities(function (items) {
|
|
277
|
-
return items.filter(function (item) { return item[0] !== creationIdToRemove; });
|
|
278
|
-
});
|
|
279
|
-
}
|
|
280
|
-
},
|
|
281
|
-
};
|
|
282
|
-
};
|
|
283
|
-
exports.useGetAssetsAndCollectionForFavorite = useGetAssetsAndCollectionForFavorite;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useGetFavoriteGallery = void 0;
|
|
4
|
-
var client_1 = require("@apollo/client");
|
|
5
|
-
var api_1 = require("@ludo.ninja/api");
|
|
6
|
-
var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
|
|
7
|
-
var store_1 = require("@/modules/gallery/store");
|
|
8
|
-
var ui_1 = require("@/store/ui");
|
|
9
|
-
var useGetFavoriteGallery = function (_a) {
|
|
10
|
-
var galleryId = _a.galleryId;
|
|
11
|
-
var _b = (0, store_1.useGalleryStore)(function (state) { return ({
|
|
12
|
-
setGallery: state.setGallery,
|
|
13
|
-
setAllResults: state.setAllResults,
|
|
14
|
-
}); }), setGallery = _b.setGallery, setAllResults = _b.setAllResults;
|
|
15
|
-
var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
|
|
16
|
-
var _c = (0, client_1.useQuery)(api_1.galleriesSchema.FetchGalleryV2Document, {
|
|
17
|
-
variables: { galleryId: galleryId },
|
|
18
|
-
context: {
|
|
19
|
-
uri: api_1.hosts.galleriesHost,
|
|
20
|
-
},
|
|
21
|
-
notifyOnNetworkStatusChange: true,
|
|
22
|
-
fetchPolicy: 'no-cache',
|
|
23
|
-
onCompleted: function (_a) {
|
|
24
|
-
var _b;
|
|
25
|
-
var fetchGalleryV2 = _a.fetchGalleryV2;
|
|
26
|
-
setGallery(fetchGalleryV2);
|
|
27
|
-
setAllResults(((_b = fetchGalleryV2 === null || fetchGalleryV2 === void 0 ? void 0 : fetchGalleryV2.creationIds) === null || _b === void 0 ? void 0 : _b.length) || 0);
|
|
28
|
-
},
|
|
29
|
-
onError: function () {
|
|
30
|
-
openAlert({
|
|
31
|
-
type: type_1.alertVariants.error,
|
|
32
|
-
caption: 'Oops, something went wrong.',
|
|
33
|
-
});
|
|
34
|
-
setGallery(null);
|
|
35
|
-
setAllResults(0);
|
|
36
|
-
},
|
|
37
|
-
}), galleryError = _c.error, isLoadingGallery = _c.loading;
|
|
38
|
-
return {
|
|
39
|
-
isLoadingGallery: isLoadingGallery,
|
|
40
|
-
galleryError: galleryError,
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
exports.useGetFavoriteGallery = useGetFavoriteGallery;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { galleriesSchema as schema } from '@ludo.ninja/api';
|
|
2
|
-
import GalleryEntityV2 from '@/dto/GalleryEntityV2';
|
|
3
|
-
type UserFields = {
|
|
4
|
-
galleryName: string;
|
|
5
|
-
galleryDescription: string;
|
|
6
|
-
};
|
|
7
|
-
export interface HTMLInputEvent extends Event {
|
|
8
|
-
target: HTMLInputElement & EventTarget;
|
|
9
|
-
}
|
|
10
|
-
interface IFavoriteStore {
|
|
11
|
-
fetchGalleryV2: schema.IGalleryV2 | null;
|
|
12
|
-
gallery: GalleryEntityV2 | null;
|
|
13
|
-
setGallery: (gallery: schema.IGalleryV2 | null) => void;
|
|
14
|
-
updateGalleryInfo: (data: UserFields) => void;
|
|
15
|
-
updateGalleryBanner: (banner: string | null) => void;
|
|
16
|
-
fileGallery: string;
|
|
17
|
-
isErrorFileGallery: boolean;
|
|
18
|
-
addFileGalleryWithValidation: (e: HTMLInputEvent) => Promise<void>;
|
|
19
|
-
removeFileGallery: () => void;
|
|
20
|
-
allResults: number;
|
|
21
|
-
setAllResults: (allResults: number) => void;
|
|
22
|
-
decrementAllResults: () => void;
|
|
23
|
-
reinitStore: () => void;
|
|
24
|
-
}
|
|
25
|
-
export declare const useGalleryStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IFavoriteStore>>;
|
|
26
|
-
export {};
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
-
function step(op) {
|
|
27
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
-
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;
|
|
30
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
-
switch (op[0]) {
|
|
32
|
-
case 0: case 1: t = op; break;
|
|
33
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
-
default:
|
|
37
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
-
if (t[2]) _.ops.pop();
|
|
42
|
-
_.trys.pop(); continue;
|
|
43
|
-
}
|
|
44
|
-
op = body.call(thisArg, _);
|
|
45
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
50
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
|
-
};
|
|
52
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
exports.useGalleryStore = void 0;
|
|
54
|
-
var shallow_1 = require("zustand/shallow");
|
|
55
|
-
var traditional_1 = require("zustand/traditional");
|
|
56
|
-
var getDimensionsImage_1 = require("@/utils/getDimensionsImage");
|
|
57
|
-
var GalleryEntityV2_1 = __importDefault(require("@/dto/GalleryEntityV2"));
|
|
58
|
-
var initialState = {
|
|
59
|
-
gallery: null,
|
|
60
|
-
fetchGalleryV2: null,
|
|
61
|
-
allResults: 0,
|
|
62
|
-
isErrorFileGallery: false,
|
|
63
|
-
};
|
|
64
|
-
exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()(function (setState, getState) { return ({
|
|
65
|
-
fetchGalleryV2: initialState.fetchGalleryV2,
|
|
66
|
-
gallery: initialState.gallery,
|
|
67
|
-
setGallery: function (gallery) {
|
|
68
|
-
if (gallery) {
|
|
69
|
-
setState({
|
|
70
|
-
gallery: new GalleryEntityV2_1.default(gallery),
|
|
71
|
-
fetchGalleryV2: gallery,
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
setState({ gallery: null, fetchGalleryV2: null });
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
updateGalleryInfo: function (_a) {
|
|
79
|
-
var galleryName = _a.galleryName, galleryDescription = _a.galleryDescription;
|
|
80
|
-
setState(function (prev) {
|
|
81
|
-
var newGallery = __assign(__assign({}, prev.fetchGalleryV2), { name: galleryName, description: galleryDescription });
|
|
82
|
-
return {
|
|
83
|
-
fetchGalleryV2: newGallery,
|
|
84
|
-
gallery: new GalleryEntityV2_1.default(newGallery),
|
|
85
|
-
};
|
|
86
|
-
});
|
|
87
|
-
},
|
|
88
|
-
updateGalleryBanner: function (banner) {
|
|
89
|
-
setState(function (prev) {
|
|
90
|
-
var newGallery = __assign(__assign({}, prev.fetchGalleryV2), { banner: banner });
|
|
91
|
-
return {
|
|
92
|
-
fetchGalleryV2: newGallery,
|
|
93
|
-
gallery: new GalleryEntityV2_1.default(newGallery),
|
|
94
|
-
};
|
|
95
|
-
});
|
|
96
|
-
},
|
|
97
|
-
fileGallery: '',
|
|
98
|
-
isErrorFileGallery: initialState.isErrorFileGallery,
|
|
99
|
-
addFileGalleryWithValidation: function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
100
|
-
var fileTarget, dimensions, isErrorNew, url;
|
|
101
|
-
var _a;
|
|
102
|
-
return __generator(this, function (_b) {
|
|
103
|
-
switch (_b.label) {
|
|
104
|
-
case 0:
|
|
105
|
-
fileTarget = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
106
|
-
if (!fileTarget)
|
|
107
|
-
return [2 /*return*/];
|
|
108
|
-
if (!(fileTarget.size > 1048576)) return [3 /*break*/, 1];
|
|
109
|
-
setState({ isErrorFileGallery: true });
|
|
110
|
-
return [2 /*return*/];
|
|
111
|
-
case 1: return [4 /*yield*/, (0, getDimensionsImage_1.getDimensionsImage)(fileTarget)];
|
|
112
|
-
case 2:
|
|
113
|
-
dimensions = _b.sent();
|
|
114
|
-
isErrorNew = !!(dimensions &&
|
|
115
|
-
(dimensions.width > 1200 || dimensions.height > 1200));
|
|
116
|
-
setState({ isErrorFileGallery: isErrorNew });
|
|
117
|
-
if (isErrorNew) {
|
|
118
|
-
return [2 /*return*/];
|
|
119
|
-
}
|
|
120
|
-
_b.label = 3;
|
|
121
|
-
case 3:
|
|
122
|
-
url = URL.createObjectURL(fileTarget);
|
|
123
|
-
// console.log('url', url);
|
|
124
|
-
setState({ fileGallery: url });
|
|
125
|
-
return [2 /*return*/];
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
}); },
|
|
129
|
-
removeFileGallery: function () {
|
|
130
|
-
var fileGallery = getState().fileGallery;
|
|
131
|
-
if (fileGallery) {
|
|
132
|
-
URL.revokeObjectURL(fileGallery);
|
|
133
|
-
setState({ fileGallery: '' });
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
allResults: initialState.allResults,
|
|
137
|
-
setAllResults: function (allResults) {
|
|
138
|
-
setState({ allResults: allResults });
|
|
139
|
-
},
|
|
140
|
-
decrementAllResults: function () {
|
|
141
|
-
setState(function (prev) { return ({ allResults: prev.allResults - 1 }); });
|
|
142
|
-
},
|
|
143
|
-
reinitStore: function () {
|
|
144
|
-
setState(initialState);
|
|
145
|
-
getState().removeFileGallery();
|
|
146
|
-
},
|
|
147
|
-
}); }, shallow_1.shallow);
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.AllResultsGallery = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var store_1 = require("@/modules/gallery/store");
|
|
9
|
-
var colors_1 = require("@/styles/colors");
|
|
10
|
-
var _system_1 = require("@system");
|
|
11
|
-
var AllResultsGallery = function (_a) {
|
|
12
|
-
var isShowCounts = _a.isShowCounts;
|
|
13
|
-
var allResults = (0, store_1.useGalleryStore)(function (state) { return state.allResults; });
|
|
14
|
-
return isShowCounts ? (react_1.default.createElement(_system_1.H5, { mt: 10, fontSize: 13, color: colors_1.TextDarkGrayColor },
|
|
15
|
-
allResults,
|
|
16
|
-
" ",
|
|
17
|
-
allResults !== 1 ? 'items' : 'item')) : null;
|
|
18
|
-
};
|
|
19
|
-
exports.AllResultsGallery = AllResultsGallery;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.Description = void 0;
|
|
34
|
-
var react_1 = __importStar(require("react"));
|
|
35
|
-
var react_hyphen_1 = __importDefault(require("react-hyphen"));
|
|
36
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
37
|
-
var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
|
|
38
|
-
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
39
|
-
var typography_1 = require("@/styles/typography");
|
|
40
|
-
var vars_1 = require("@/fonts/vars");
|
|
41
|
-
var SDescription = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-top: 16px;\n position: relative;\n overflow: hidden;\n\n .content {\n display: -webkit-box;\n word-break: break-word;\n -webkit-box-orient: vertical;\n white-space: normal;\n overflow: hidden;\n }\n\n .calculate {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n\n //=======================\n .descr {\n font-family: ", ";\n word-wrap: break-word;\n ", ";\n color: ", ";\n white-space: normal;\n overflow: visible;\n text-overflow: unset;\n\n ", " {\n .descr {\n font-size: 1.4em;\n }\n }\n }\n\n .readMoreContainer {\n padding-top: 0;\n display: grid;\n grid-template-rows: 0fr;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n\n &.show {\n transition: grid-template-rows 300ms ease-in-out,\n padding-top 300ms ease-in-out, opacity 300ms ease-in-out;\n padding-top: 4px;\n grid-template-rows: 1fr;\n opacity: 1;\n pointer-events: unset;\n }\n }\n\n .readMore {\n ", ";\n color: ", ";\n\n user-select: none;\n cursor: pointer;\n min-height: 0;\n }\n"], ["\n margin-top: 16px;\n position: relative;\n overflow: hidden;\n\n .content {\n display: -webkit-box;\n word-break: break-word;\n -webkit-box-orient: vertical;\n white-space: normal;\n overflow: hidden;\n }\n\n .calculate {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n\n //=======================\n .descr {\n font-family: ", ";\n word-wrap: break-word;\n ", ";\n color: ", ";\n white-space: normal;\n overflow: visible;\n text-overflow: unset;\n\n ", " {\n .descr {\n font-size: 1.4em;\n }\n }\n }\n\n .readMoreContainer {\n padding-top: 0;\n display: grid;\n grid-template-rows: 0fr;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n\n &.show {\n transition: grid-template-rows 300ms ease-in-out,\n padding-top 300ms ease-in-out, opacity 300ms ease-in-out;\n padding-top: 4px;\n grid-template-rows: 1fr;\n opacity: 1;\n pointer-events: unset;\n }\n }\n\n .readMore {\n ", ";\n color: ", ";\n\n user-select: none;\n cursor: pointer;\n min-height: 0;\n }\n"])), vars_1.dmsansFontVarCss.css, typography_1.MainText, colors_1.TextGrayColor, styles_1.mediaQuery.mobile, typography_1.FH6, colors_1.AccentColor);
|
|
42
|
-
var Description = function (_a) {
|
|
43
|
-
var description = _a.description, _b = _a.lineClamp, lineClamp = _b === void 0 ? 2 : _b;
|
|
44
|
-
var container = (0, react_1.useRef)(null);
|
|
45
|
-
var position = (0, react_1.useRef)(null);
|
|
46
|
-
var _c = (0, react_1.useState)(false), isShowFullDescription = _c[0], setIsShowFullDescription = _c[1];
|
|
47
|
-
var _d = (0, react_1.useState)(false), isNeedReadMore = _d[0], setIsNeedReadMore = _d[1];
|
|
48
|
-
var handleReadMore = function () {
|
|
49
|
-
setIsNeedReadMore(false);
|
|
50
|
-
setIsShowFullDescription(true);
|
|
51
|
-
};
|
|
52
|
-
(0, react_1.useEffect)(function () {
|
|
53
|
-
var _a, _b;
|
|
54
|
-
setIsNeedReadMore(((_a = container.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > ((_b = position.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
|
|
55
|
-
}, [description]);
|
|
56
|
-
if (description) {
|
|
57
|
-
var content = (react_1.default.createElement(react_hyphen_1.default, null,
|
|
58
|
-
react_1.default.createElement("p", { className: "descr" }, description)));
|
|
59
|
-
return (react_1.default.createElement(SDescription, null,
|
|
60
|
-
react_1.default.createElement("div", { className: "content", style: {
|
|
61
|
-
WebkitLineClamp: isShowFullDescription ? 'unset' : lineClamp,
|
|
62
|
-
}, ref: position }, content),
|
|
63
|
-
react_1.default.createElement("div", { className: "readMoreContainer ".concat(isNeedReadMore ? 'show' : '') },
|
|
64
|
-
react_1.default.createElement("span", { className: "readMore ", onClick: handleReadMore }, "Read more")),
|
|
65
|
-
react_1.default.createElement("div", { className: "calculate", ref: container }, content)));
|
|
66
|
-
}
|
|
67
|
-
return null;
|
|
68
|
-
};
|
|
69
|
-
exports.Description = Description;
|
|
70
|
-
var templateObject_1;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import GalleryEntityV2 from '@/dto/GalleryEntityV2';
|
|
3
|
-
export declare const EditGallery: ({ galleryId, handleRemoveAsset, gallery, titleAssets, titleForm, inputPlaceHolderText, }: {
|
|
4
|
-
gallery: GalleryEntityV2;
|
|
5
|
-
galleryId: string;
|
|
6
|
-
handleRemoveAsset: (creationIdToRemove: string) => (itemType: 'asset' | 'collection') => void;
|
|
7
|
-
titleAssets: string;
|
|
8
|
-
titleForm: string;
|
|
9
|
-
inputPlaceHolderText: string;
|
|
10
|
-
}) => React.JSX.Element;
|