webs-sdk 0.18.61 → 0.18.63
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/README.md +451 -451
- package/dist/components/ARFilters/ARFilters.js +54 -54
- package/dist/components/AvatarAI.d.ts.map +1 -1
- package/dist/components/AvatarAI.js +39 -5
- package/dist/components/AvatarAI.js.map +1 -1
- package/dist/components/CookieConsent/constants.js +31 -31
- package/dist/components/CreativeFaceSwap.js +12 -12
- package/dist/components/MemeGenerator.js +12 -12
- package/dist/components/PasswordReset/constants.js +33 -33
- package/dist/components/SpinningWheel/SpinningWheel.js +7 -7
- package/dist/components/for-you/ForYouPage.d.ts +135 -0
- package/dist/components/for-you/ForYouPage.d.ts.map +1 -0
- package/dist/components/for-you/ForYouPage.js +106 -0
- package/dist/components/for-you/ForYouPage.js.map +1 -0
- package/dist/components/for-you/cards/ARFiltersCard.d.ts +5 -0
- package/dist/components/for-you/cards/ARFiltersCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/ARFiltersCard.js +22 -0
- package/dist/components/for-you/cards/ARFiltersCard.js.map +1 -0
- package/dist/components/for-you/cards/AvatarAICard.d.ts +5 -0
- package/dist/components/for-you/cards/AvatarAICard.d.ts.map +1 -0
- package/dist/components/for-you/cards/AvatarAICard.js +22 -0
- package/dist/components/for-you/cards/AvatarAICard.js.map +1 -0
- package/dist/components/for-you/cards/CreativeFaceSwapCard.d.ts +5 -0
- package/dist/components/for-you/cards/CreativeFaceSwapCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/CreativeFaceSwapCard.js +22 -0
- package/dist/components/for-you/cards/CreativeFaceSwapCard.js.map +1 -0
- package/dist/components/for-you/cards/ForYouCard.d.ts +20 -0
- package/dist/components/for-you/cards/ForYouCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/ForYouCard.js +52 -0
- package/dist/components/for-you/cards/ForYouCard.js.map +1 -0
- package/dist/components/for-you/cards/MemeGeneratorCard.d.ts +5 -0
- package/dist/components/for-you/cards/MemeGeneratorCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/MemeGeneratorCard.js +22 -0
- package/dist/components/for-you/cards/MemeGeneratorCard.js.map +1 -0
- package/dist/components/for-you/cards/QuizCard.d.ts +5 -0
- package/dist/components/for-you/cards/QuizCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/QuizCard.js +22 -0
- package/dist/components/for-you/cards/QuizCard.js.map +1 -0
- package/dist/components/for-you/cards/RingtoneCard.d.ts +5 -0
- package/dist/components/for-you/cards/RingtoneCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/RingtoneCard.js +22 -0
- package/dist/components/for-you/cards/RingtoneCard.js.map +1 -0
- package/dist/components/for-you/cards/StickersCard.d.ts +5 -0
- package/dist/components/for-you/cards/StickersCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/StickersCard.js +22 -0
- package/dist/components/for-you/cards/StickersCard.js.map +1 -0
- package/dist/components/for-you/cards/WallpapersCard.d.ts +5 -0
- package/dist/components/for-you/cards/WallpapersCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/WallpapersCard.js +22 -0
- package/dist/components/for-you/cards/WallpapersCard.js.map +1 -0
- package/dist/components/for-you/cards/WallpapersNameCard.d.ts +5 -0
- package/dist/components/for-you/cards/WallpapersNameCard.d.ts.map +1 -0
- package/dist/components/for-you/cards/WallpapersNameCard.js +22 -0
- package/dist/components/for-you/cards/WallpapersNameCard.js.map +1 -0
- package/dist/components/for-you/cards/index.d.ts +21 -0
- package/dist/components/for-you/cards/index.d.ts.map +1 -0
- package/dist/components/for-you/cards/index.js +24 -0
- package/dist/components/for-you/cards/index.js.map +1 -0
- package/dist/components/for-you/hooks/index.d.ts +19 -0
- package/dist/components/for-you/hooks/index.d.ts.map +1 -0
- package/dist/components/for-you/hooks/index.js +22 -0
- package/dist/components/for-you/hooks/index.js.map +1 -0
- package/dist/components/for-you/hooks/useARFilters.d.ts +31 -0
- package/dist/components/for-you/hooks/useARFilters.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useARFilters.js +103 -0
- package/dist/components/for-you/hooks/useARFilters.js.map +1 -0
- package/dist/components/for-you/hooks/useAvatarAI.d.ts +72 -0
- package/dist/components/for-you/hooks/useAvatarAI.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useAvatarAI.js +297 -0
- package/dist/components/for-you/hooks/useAvatarAI.js.map +1 -0
- package/dist/components/for-you/hooks/useCreativeFaceSwap.d.ts +51 -0
- package/dist/components/for-you/hooks/useCreativeFaceSwap.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useCreativeFaceSwap.js +222 -0
- package/dist/components/for-you/hooks/useCreativeFaceSwap.js.map +1 -0
- package/dist/components/for-you/hooks/useMemeGenerator.d.ts +44 -0
- package/dist/components/for-you/hooks/useMemeGenerator.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useMemeGenerator.js +151 -0
- package/dist/components/for-you/hooks/useMemeGenerator.js.map +1 -0
- package/dist/components/for-you/hooks/useQuiz.d.ts +62 -0
- package/dist/components/for-you/hooks/useQuiz.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useQuiz.js +282 -0
- package/dist/components/for-you/hooks/useQuiz.js.map +1 -0
- package/dist/components/for-you/hooks/useRingtone.d.ts +28 -0
- package/dist/components/for-you/hooks/useRingtone.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useRingtone.js +107 -0
- package/dist/components/for-you/hooks/useRingtone.js.map +1 -0
- package/dist/components/for-you/hooks/useStickers.d.ts +31 -0
- package/dist/components/for-you/hooks/useStickers.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useStickers.js +113 -0
- package/dist/components/for-you/hooks/useStickers.js.map +1 -0
- package/dist/components/for-you/hooks/useWallpapers.d.ts +34 -0
- package/dist/components/for-you/hooks/useWallpapers.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useWallpapers.js +109 -0
- package/dist/components/for-you/hooks/useWallpapers.js.map +1 -0
- package/dist/components/for-you/hooks/useWallpapersName.d.ts +38 -0
- package/dist/components/for-you/hooks/useWallpapersName.d.ts.map +1 -0
- package/dist/components/for-you/hooks/useWallpapersName.js +94 -0
- package/dist/components/for-you/hooks/useWallpapersName.js.map +1 -0
- package/dist/components/for-you/index.d.ts +41 -0
- package/dist/components/for-you/index.d.ts.map +1 -0
- package/dist/components/for-you/index.js +44 -0
- package/dist/components/for-you/index.js.map +1 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +41 -1
- package/dist/index.js.map +1 -1
- package/package.json +79 -79
- package/public/spin2win/assets/border-afristream.svg +26 -26
- package/public/spin2win/assets/border-efc.svg +23 -23
- package/public/spin2win/assets/border-totalgym.svg +27 -27
- package/public/spin2win/assets/border-womantoday.svg +26 -26
- package/public/spin2win/assets/indicator-afristream.svg +28 -28
- package/public/spin2win/assets/indicator-efc.svg +29 -29
- package/public/spin2win/assets/indicator-totalgym.svg +29 -29
- package/public/spin2win/fonts/switzer/README.md +22 -22
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_RINGTONE_CONFIG = void 0;
|
|
4
|
+
exports.useRingtone = useRingtone;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
exports.DEFAULT_RINGTONE_CONFIG = {
|
|
7
|
+
apiUrl: '/api/get_contents_by_tags',
|
|
8
|
+
ringtoneTag: 'ringtone',
|
|
9
|
+
locale: 'en',
|
|
10
|
+
};
|
|
11
|
+
function useRingtone({ ringtones: ringtonesProp, config, onListen, } = {}) {
|
|
12
|
+
const mergedConfig = Object.assign(Object.assign({}, exports.DEFAULT_RINGTONE_CONFIG), config);
|
|
13
|
+
const [ringtones, setRingtones] = (0, react_1.useState)(ringtonesProp || []);
|
|
14
|
+
const [isLoading, setIsLoading] = (0, react_1.useState)(!ringtonesProp);
|
|
15
|
+
const [playingId, setPlayingId] = (0, react_1.useState)(null);
|
|
16
|
+
const audioRef = (0, react_1.useRef)(null);
|
|
17
|
+
(0, react_1.useEffect)(() => {
|
|
18
|
+
if (ringtonesProp) {
|
|
19
|
+
setRingtones(ringtonesProp);
|
|
20
|
+
setIsLoading(false);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const fetchRingtones = async () => {
|
|
24
|
+
var _a;
|
|
25
|
+
try {
|
|
26
|
+
setIsLoading(true);
|
|
27
|
+
const response = await fetch(mergedConfig.apiUrl, {
|
|
28
|
+
method: 'POST',
|
|
29
|
+
headers: { 'Content-Type': 'application/json' },
|
|
30
|
+
body: JSON.stringify(Object.assign({ language: mergedConfig.locale || 'en', tags: [mergedConfig.ringtoneTag || 'ringtone'] }, (mergedConfig.website_id && { website_id: mergedConfig.website_id }))),
|
|
31
|
+
});
|
|
32
|
+
if (!response.ok)
|
|
33
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
34
|
+
const data = await response.json();
|
|
35
|
+
const items = (Array.isArray((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) && data.data.data) ||
|
|
36
|
+
(Array.isArray(data === null || data === void 0 ? void 0 : data.data) && data.data) ||
|
|
37
|
+
(Array.isArray(data === null || data === void 0 ? void 0 : data.items) && data.items) ||
|
|
38
|
+
[];
|
|
39
|
+
if (items.length === 0) {
|
|
40
|
+
setRingtones([]);
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const mapped = items.map((item, index) => {
|
|
44
|
+
var _a, _b;
|
|
45
|
+
return ({
|
|
46
|
+
id: item.id || `ringtone-${index}`,
|
|
47
|
+
name: item.title || `Ringtone ${index + 1}`,
|
|
48
|
+
image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || '',
|
|
49
|
+
audioUrl: item.contents || item.audioUrl || ((_b = item.metadata) === null || _b === void 0 ? void 0 : _b.audio) || '',
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
setRingtones(mapped);
|
|
53
|
+
}
|
|
54
|
+
catch (err) {
|
|
55
|
+
console.error('useRingtone: Error fetching ringtones:', err);
|
|
56
|
+
setRingtones([]);
|
|
57
|
+
}
|
|
58
|
+
finally {
|
|
59
|
+
setIsLoading(false);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
fetchRingtones();
|
|
63
|
+
}, [mergedConfig.apiUrl, mergedConfig.ringtoneTag, mergedConfig.locale]);
|
|
64
|
+
(0, react_1.useEffect)(() => {
|
|
65
|
+
return () => {
|
|
66
|
+
var _a;
|
|
67
|
+
(_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
68
|
+
};
|
|
69
|
+
}, []);
|
|
70
|
+
const handleListenClick = (ringtone) => {
|
|
71
|
+
var _a;
|
|
72
|
+
if (playingId === ringtone.id) {
|
|
73
|
+
(_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
74
|
+
if (audioRef.current)
|
|
75
|
+
audioRef.current.currentTime = 0;
|
|
76
|
+
setPlayingId(null);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
if (audioRef.current) {
|
|
80
|
+
audioRef.current.pause();
|
|
81
|
+
audioRef.current.currentTime = 0;
|
|
82
|
+
}
|
|
83
|
+
if (ringtone.audioUrl) {
|
|
84
|
+
const audio = new Audio(ringtone.audioUrl);
|
|
85
|
+
audioRef.current = audio;
|
|
86
|
+
audio.play().catch(console.error);
|
|
87
|
+
setPlayingId(ringtone.id);
|
|
88
|
+
audio.onended = () => setPlayingId(null);
|
|
89
|
+
}
|
|
90
|
+
onListen === null || onListen === void 0 ? void 0 : onListen(ringtone);
|
|
91
|
+
};
|
|
92
|
+
const stopAll = () => {
|
|
93
|
+
var _a;
|
|
94
|
+
(_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
95
|
+
if (audioRef.current)
|
|
96
|
+
audioRef.current.currentTime = 0;
|
|
97
|
+
setPlayingId(null);
|
|
98
|
+
};
|
|
99
|
+
return {
|
|
100
|
+
ringtones,
|
|
101
|
+
isLoading,
|
|
102
|
+
playingId,
|
|
103
|
+
handleListenClick,
|
|
104
|
+
stopAll,
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
//# sourceMappingURL=useRingtone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRingtone.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useRingtone.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface StickerHookItem {
|
|
2
|
+
id: string | number;
|
|
3
|
+
title: string;
|
|
4
|
+
thumbnail: string;
|
|
5
|
+
downloadUrl: string;
|
|
6
|
+
}
|
|
7
|
+
export interface StickersHookConfig {
|
|
8
|
+
apiUrl: string;
|
|
9
|
+
tags?: string[];
|
|
10
|
+
preset?: string;
|
|
11
|
+
locale?: string;
|
|
12
|
+
website_id?: string;
|
|
13
|
+
initialCount?: number;
|
|
14
|
+
loadMoreCount?: number;
|
|
15
|
+
}
|
|
16
|
+
export interface UseStickersOptions {
|
|
17
|
+
config?: Partial<StickersHookConfig>;
|
|
18
|
+
downloadProxyUrl?: string;
|
|
19
|
+
onDownload?: (sticker: StickerHookItem) => void;
|
|
20
|
+
}
|
|
21
|
+
export declare const DEFAULT_STICKERS_CONFIG: StickersHookConfig;
|
|
22
|
+
export declare function useStickers({ config, downloadProxyUrl, onDownload }?: UseStickersOptions): {
|
|
23
|
+
allItems: StickerHookItem[];
|
|
24
|
+
visibleItems: StickerHookItem[];
|
|
25
|
+
isLoading: boolean;
|
|
26
|
+
hasMore: boolean;
|
|
27
|
+
downloadingId: string | number | null;
|
|
28
|
+
loadMore: () => void;
|
|
29
|
+
handleDownload: (sticker: StickerHookItem) => Promise<void>;
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=useStickers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStickers.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useStickers.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;CAChD;AAGD,eAAO,MAAM,uBAAuB,EAAE,kBAMrC,CAAA;AAmDD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAE,kBAAuB;;;;;;;8BAmDxC,eAAe;EAsBnE"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_STICKERS_CONFIG = void 0;
|
|
4
|
+
exports.useStickers = useStickers;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
exports.DEFAULT_STICKERS_CONFIG = {
|
|
7
|
+
apiUrl: '/api/get_contents_by_tags',
|
|
8
|
+
tags: ['stickers'],
|
|
9
|
+
locale: 'en',
|
|
10
|
+
initialCount: 8,
|
|
11
|
+
loadMoreCount: 8,
|
|
12
|
+
};
|
|
13
|
+
function toStickerItem(item) {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
const thumbnail = item.thumbnail || item.image || '';
|
|
16
|
+
if (!thumbnail)
|
|
17
|
+
return null;
|
|
18
|
+
const downloadUrl = ((_b = (_a = item.files) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) || item.url || item.thumbnail || item.image || '';
|
|
19
|
+
return {
|
|
20
|
+
id: item.id,
|
|
21
|
+
title: item.title || item.name || '',
|
|
22
|
+
thumbnail,
|
|
23
|
+
downloadUrl,
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
async function downloadFile(url, filename, proxyUrl) {
|
|
27
|
+
try {
|
|
28
|
+
const fetchUrl = proxyUrl ? `${proxyUrl}${encodeURIComponent(url)}` : url;
|
|
29
|
+
const res = await fetch(fetchUrl, { mode: 'cors' });
|
|
30
|
+
if (!res.ok)
|
|
31
|
+
throw new Error('fetch failed');
|
|
32
|
+
const blob = await res.blob();
|
|
33
|
+
const objectUrl = URL.createObjectURL(blob);
|
|
34
|
+
const a = document.createElement('a');
|
|
35
|
+
a.href = objectUrl;
|
|
36
|
+
a.download = filename;
|
|
37
|
+
document.body.appendChild(a);
|
|
38
|
+
a.click();
|
|
39
|
+
document.body.removeChild(a);
|
|
40
|
+
URL.revokeObjectURL(objectUrl);
|
|
41
|
+
}
|
|
42
|
+
catch (_a) {
|
|
43
|
+
window.open(url, '_blank');
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
function useStickers({ config, downloadProxyUrl, onDownload } = {}) {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
const mergedConfig = Object.assign(Object.assign({}, exports.DEFAULT_STICKERS_CONFIG), config);
|
|
49
|
+
const initialCount = (_a = mergedConfig.initialCount) !== null && _a !== void 0 ? _a : 8;
|
|
50
|
+
const loadMoreCount = (_b = mergedConfig.loadMoreCount) !== null && _b !== void 0 ? _b : 8;
|
|
51
|
+
const [allItems, setAllItems] = (0, react_1.useState)([]);
|
|
52
|
+
const [isLoading, setIsLoading] = (0, react_1.useState)(true);
|
|
53
|
+
const [visibleCount, setVisibleCount] = (0, react_1.useState)(initialCount);
|
|
54
|
+
const [downloadingId, setDownloadingId] = (0, react_1.useState)(null);
|
|
55
|
+
(0, react_1.useEffect)(() => {
|
|
56
|
+
const fetchStickers = async () => {
|
|
57
|
+
var _a;
|
|
58
|
+
try {
|
|
59
|
+
setIsLoading(true);
|
|
60
|
+
const body = Object.assign(Object.assign(Object.assign({ language: mergedConfig.locale || 'en' }, (mergedConfig.website_id && { website_id: mergedConfig.website_id })), (mergedConfig.tags && mergedConfig.tags.length > 0 && { tags: mergedConfig.tags })), (mergedConfig.preset && { preset: mergedConfig.preset }));
|
|
61
|
+
const response = await fetch(mergedConfig.apiUrl, {
|
|
62
|
+
method: 'POST',
|
|
63
|
+
headers: { 'Content-Type': 'application/json' },
|
|
64
|
+
body: JSON.stringify(body),
|
|
65
|
+
});
|
|
66
|
+
if (!response.ok)
|
|
67
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
68
|
+
const data = await response.json();
|
|
69
|
+
const items = (Array.isArray((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) && data.data.data) ||
|
|
70
|
+
(Array.isArray(data === null || data === void 0 ? void 0 : data.data) && data.data) ||
|
|
71
|
+
[];
|
|
72
|
+
const mapped = items.map(toStickerItem).filter(Boolean);
|
|
73
|
+
setAllItems(mapped);
|
|
74
|
+
}
|
|
75
|
+
catch (err) {
|
|
76
|
+
console.error('useStickers: Error fetching stickers:', err);
|
|
77
|
+
setAllItems([]);
|
|
78
|
+
}
|
|
79
|
+
finally {
|
|
80
|
+
setIsLoading(false);
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
fetchStickers();
|
|
84
|
+
}, [mergedConfig.apiUrl, mergedConfig.locale]);
|
|
85
|
+
const visibleItems = allItems.slice(0, visibleCount);
|
|
86
|
+
const hasMore = visibleCount < allItems.length;
|
|
87
|
+
const loadMore = () => setVisibleCount(prev => prev + loadMoreCount);
|
|
88
|
+
const handleDownload = (0, react_1.useCallback)(async (sticker) => {
|
|
89
|
+
var _a;
|
|
90
|
+
if (downloadingId)
|
|
91
|
+
return;
|
|
92
|
+
setDownloadingId(sticker.id);
|
|
93
|
+
try {
|
|
94
|
+
const ext = ((_a = sticker.downloadUrl.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || 'png';
|
|
95
|
+
const filename = `${sticker.title || 'sticker'}.${ext}`;
|
|
96
|
+
await downloadFile(sticker.downloadUrl, filename, downloadProxyUrl);
|
|
97
|
+
onDownload === null || onDownload === void 0 ? void 0 : onDownload(sticker);
|
|
98
|
+
}
|
|
99
|
+
finally {
|
|
100
|
+
setDownloadingId(null);
|
|
101
|
+
}
|
|
102
|
+
}, [downloadingId, downloadProxyUrl, onDownload]);
|
|
103
|
+
return {
|
|
104
|
+
allItems,
|
|
105
|
+
visibleItems,
|
|
106
|
+
isLoading,
|
|
107
|
+
hasMore,
|
|
108
|
+
downloadingId,
|
|
109
|
+
loadMore,
|
|
110
|
+
handleDownload,
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
//# sourceMappingURL=useStickers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStickers.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useStickers.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export interface WallpaperHookItem {
|
|
2
|
+
id: string;
|
|
3
|
+
title: string;
|
|
4
|
+
thumbnail: string;
|
|
5
|
+
imageUrl?: string;
|
|
6
|
+
videoUrl?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface WallpapersHookConfig {
|
|
9
|
+
apiUrl: string;
|
|
10
|
+
wallpaperTag?: string;
|
|
11
|
+
locale?: string;
|
|
12
|
+
initialCount?: number;
|
|
13
|
+
loadMoreCount?: number;
|
|
14
|
+
fallbackImage?: string;
|
|
15
|
+
website_id?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface UseWallpapersOptions {
|
|
18
|
+
config?: Partial<WallpapersHookConfig>;
|
|
19
|
+
wallpapers?: WallpaperHookItem[];
|
|
20
|
+
onDownloadSuccess?: (wallpaper: WallpaperHookItem) => void;
|
|
21
|
+
onDownloadError?: (wallpaper: WallpaperHookItem, error: unknown) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const DEFAULT_WALLPAPERS_CONFIG: WallpapersHookConfig;
|
|
24
|
+
export declare function useWallpapers({ config, wallpapers: wallpapersProp, onDownloadSuccess, onDownloadError, }?: UseWallpapersOptions): {
|
|
25
|
+
allWallpapers: WallpaperHookItem[];
|
|
26
|
+
visibleWallpapers: WallpaperHookItem[];
|
|
27
|
+
isLoading: boolean;
|
|
28
|
+
error: string | null;
|
|
29
|
+
hasMore: boolean;
|
|
30
|
+
downloadingId: string | null;
|
|
31
|
+
loadMore: () => void;
|
|
32
|
+
handleDownload: (wallpaper: WallpaperHookItem, type?: "image" | "video") => Promise<void>;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=useWallpapers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallpapers.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useWallpapers.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAA;IACtC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1D,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACzE;AAGD,eAAO,MAAM,yBAAyB,EAAE,oBAMvC,CAAA;AASD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EAAE,cAAc,EAC1B,iBAAiB,EACjB,eAAe,GAChB,GAAE,oBAAyB;;;;;;;;gCAmEe,iBAAiB,SAAQ,OAAO,GAAG,OAAO;EAoCpF"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_WALLPAPERS_CONFIG = void 0;
|
|
4
|
+
exports.useWallpapers = useWallpapers;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
exports.DEFAULT_WALLPAPERS_CONFIG = {
|
|
7
|
+
apiUrl: '/api/get_contents_by_tags',
|
|
8
|
+
wallpaperTag: 'wallpaper',
|
|
9
|
+
locale: 'en',
|
|
10
|
+
initialCount: 8,
|
|
11
|
+
loadMoreCount: 8,
|
|
12
|
+
};
|
|
13
|
+
function useWallpapers({ config, wallpapers: wallpapersProp, onDownloadSuccess, onDownloadError, } = {}) {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
const mergedConfig = Object.assign(Object.assign({}, exports.DEFAULT_WALLPAPERS_CONFIG), config);
|
|
16
|
+
const initialCount = (_a = mergedConfig.initialCount) !== null && _a !== void 0 ? _a : 8;
|
|
17
|
+
const loadMoreCount = (_b = mergedConfig.loadMoreCount) !== null && _b !== void 0 ? _b : 8;
|
|
18
|
+
const [allWallpapers, setAllWallpapers] = (0, react_1.useState)(wallpapersProp || []);
|
|
19
|
+
const [visibleCount, setVisibleCount] = (0, react_1.useState)(initialCount);
|
|
20
|
+
const [isLoading, setIsLoading] = (0, react_1.useState)(!wallpapersProp);
|
|
21
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
22
|
+
const [downloadingId, setDownloadingId] = (0, react_1.useState)(null);
|
|
23
|
+
(0, react_1.useEffect)(() => {
|
|
24
|
+
if (wallpapersProp) {
|
|
25
|
+
setAllWallpapers(wallpapersProp);
|
|
26
|
+
setIsLoading(false);
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const fetchWallpapers = async () => {
|
|
30
|
+
var _a;
|
|
31
|
+
try {
|
|
32
|
+
setIsLoading(true);
|
|
33
|
+
setError(null);
|
|
34
|
+
const response = await fetch(mergedConfig.apiUrl, {
|
|
35
|
+
method: 'POST',
|
|
36
|
+
headers: { 'Content-Type': 'application/json' },
|
|
37
|
+
body: JSON.stringify(Object.assign({ language: mergedConfig.locale || 'en', tags: [mergedConfig.wallpaperTag || 'wallpaper'], limit: 100 }, (mergedConfig.website_id && { website_id: mergedConfig.website_id }))),
|
|
38
|
+
});
|
|
39
|
+
if (!response.ok)
|
|
40
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
41
|
+
const data = await response.json();
|
|
42
|
+
const items = (Array.isArray((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) && data.data.data) ||
|
|
43
|
+
(Array.isArray(data === null || data === void 0 ? void 0 : data.data) && data.data) ||
|
|
44
|
+
[];
|
|
45
|
+
const mapped = items.map((item) => {
|
|
46
|
+
var _a, _b;
|
|
47
|
+
return ({
|
|
48
|
+
id: String(item.id),
|
|
49
|
+
title: item.title || item.name || '',
|
|
50
|
+
thumbnail: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || mergedConfig.fallbackImage || '',
|
|
51
|
+
imageUrl: ((_b = item.images) === null || _b === void 0 ? void 0 : _b.img1) || item.imageUrl || item.thumbnail || '',
|
|
52
|
+
videoUrl: item.videoUrl || item.contents || '',
|
|
53
|
+
});
|
|
54
|
+
}).filter((w) => w.thumbnail);
|
|
55
|
+
setAllWallpapers(mapped);
|
|
56
|
+
}
|
|
57
|
+
catch (err) {
|
|
58
|
+
console.error('useWallpapers: Error fetching wallpapers:', err);
|
|
59
|
+
setError(err instanceof Error ? err.message : 'Error loading wallpapers');
|
|
60
|
+
}
|
|
61
|
+
finally {
|
|
62
|
+
setIsLoading(false);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
fetchWallpapers();
|
|
66
|
+
}, [mergedConfig.apiUrl, mergedConfig.wallpaperTag, mergedConfig.locale]);
|
|
67
|
+
const visibleWallpapers = allWallpapers.slice(0, visibleCount);
|
|
68
|
+
const hasMore = visibleCount < allWallpapers.length;
|
|
69
|
+
const loadMore = () => setVisibleCount(prev => prev + loadMoreCount);
|
|
70
|
+
const handleDownload = async (wallpaper, type = 'image') => {
|
|
71
|
+
const url = type === 'video' ? wallpaper.videoUrl : wallpaper.imageUrl || wallpaper.thumbnail;
|
|
72
|
+
if (!url)
|
|
73
|
+
return;
|
|
74
|
+
setDownloadingId(wallpaper.id);
|
|
75
|
+
try {
|
|
76
|
+
const response = await fetch(url, { mode: 'cors' });
|
|
77
|
+
if (!response.ok)
|
|
78
|
+
throw new Error('Download failed');
|
|
79
|
+
const blob = await response.blob();
|
|
80
|
+
const objectUrl = URL.createObjectURL(blob);
|
|
81
|
+
const link = document.createElement('a');
|
|
82
|
+
link.href = objectUrl;
|
|
83
|
+
link.download = `wallpaper-${wallpaper.id}.${type === 'video' ? 'mp4' : 'jpg'}`;
|
|
84
|
+
document.body.appendChild(link);
|
|
85
|
+
link.click();
|
|
86
|
+
document.body.removeChild(link);
|
|
87
|
+
URL.revokeObjectURL(objectUrl);
|
|
88
|
+
onDownloadSuccess === null || onDownloadSuccess === void 0 ? void 0 : onDownloadSuccess(wallpaper);
|
|
89
|
+
}
|
|
90
|
+
catch (err) {
|
|
91
|
+
console.error('useWallpapers: Download error:', err);
|
|
92
|
+
onDownloadError === null || onDownloadError === void 0 ? void 0 : onDownloadError(wallpaper, err);
|
|
93
|
+
}
|
|
94
|
+
finally {
|
|
95
|
+
setDownloadingId(null);
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
return {
|
|
99
|
+
allWallpapers,
|
|
100
|
+
visibleWallpapers,
|
|
101
|
+
isLoading,
|
|
102
|
+
error,
|
|
103
|
+
hasMore,
|
|
104
|
+
downloadingId,
|
|
105
|
+
loadMore,
|
|
106
|
+
handleDownload,
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=useWallpapers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallpapers.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useWallpapers.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export interface WallpapersNameHookItem {
|
|
2
|
+
id: number | string;
|
|
3
|
+
title: string;
|
|
4
|
+
image: string;
|
|
5
|
+
category?: string;
|
|
6
|
+
customiseUrl?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface WallpapersNameHookCategory {
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
}
|
|
12
|
+
export interface WallpapersNameHookConfig {
|
|
13
|
+
apiUrl: string;
|
|
14
|
+
wallpaperTag?: string;
|
|
15
|
+
locale?: string;
|
|
16
|
+
initialCount?: number;
|
|
17
|
+
loadMoreCount?: number;
|
|
18
|
+
wid?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface UseWallpapersNameOptions {
|
|
21
|
+
items?: WallpapersNameHookItem[];
|
|
22
|
+
config?: Partial<WallpapersNameHookConfig>;
|
|
23
|
+
categories?: WallpapersNameHookCategory[];
|
|
24
|
+
onCustomise?: (item: WallpapersNameHookItem) => void;
|
|
25
|
+
}
|
|
26
|
+
export declare const DEFAULT_WALLPAPERS_NAME_CONFIG: WallpapersNameHookConfig;
|
|
27
|
+
export declare function useWallpapersName({ items: itemsProp, config, categories: categoriesProp, }?: UseWallpapersNameOptions): {
|
|
28
|
+
allItems: WallpapersNameHookItem[];
|
|
29
|
+
filteredItems: WallpapersNameHookItem[];
|
|
30
|
+
visibleItems: WallpapersNameHookItem[];
|
|
31
|
+
categories: WallpapersNameHookCategory[];
|
|
32
|
+
activeCategory: string;
|
|
33
|
+
isLoading: boolean;
|
|
34
|
+
hasMore: boolean;
|
|
35
|
+
loadMore: () => void;
|
|
36
|
+
handleCategoryChange: (categoryId: string) => void;
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=useWallpapersName.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallpapersName.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useWallpapersName.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACrD;AAGD,eAAO,MAAM,8BAA8B,EAAE,wBAM5C,CAAA;AASD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,SAAS,EAChB,MAAM,EACN,UAAU,EAAE,cAAc,GAC3B,GAAE,wBAA6B;;;;;;;;;uCA6EY,MAAM;EAgBjD"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_WALLPAPERS_NAME_CONFIG = void 0;
|
|
4
|
+
exports.useWallpapersName = useWallpapersName;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
exports.DEFAULT_WALLPAPERS_NAME_CONFIG = {
|
|
7
|
+
apiUrl: '/api/get_contents_by_tags',
|
|
8
|
+
wallpaperTag: 'wallpaper_name',
|
|
9
|
+
locale: 'en',
|
|
10
|
+
initialCount: 8,
|
|
11
|
+
loadMoreCount: 8,
|
|
12
|
+
};
|
|
13
|
+
function useWallpapersName({ items: itemsProp, config, categories: categoriesProp, } = {}) {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
const mergedConfig = Object.assign(Object.assign({}, exports.DEFAULT_WALLPAPERS_NAME_CONFIG), config);
|
|
16
|
+
const initialCount = (_a = mergedConfig.initialCount) !== null && _a !== void 0 ? _a : 8;
|
|
17
|
+
const loadMoreCount = (_b = mergedConfig.loadMoreCount) !== null && _b !== void 0 ? _b : 8;
|
|
18
|
+
const [allItems, setAllItems] = (0, react_1.useState)(itemsProp || []);
|
|
19
|
+
const [isLoading, setIsLoading] = (0, react_1.useState)(!itemsProp);
|
|
20
|
+
const [activeCategory, setActiveCategory] = (0, react_1.useState)('all');
|
|
21
|
+
const [visibleCount, setVisibleCount] = (0, react_1.useState)(initialCount);
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
23
|
+
if (itemsProp) {
|
|
24
|
+
setAllItems(itemsProp);
|
|
25
|
+
setIsLoading(false);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
const fetchItems = async () => {
|
|
29
|
+
var _a;
|
|
30
|
+
try {
|
|
31
|
+
setIsLoading(true);
|
|
32
|
+
const response = await fetch(mergedConfig.apiUrl, {
|
|
33
|
+
method: 'POST',
|
|
34
|
+
headers: { 'Content-Type': 'application/json' },
|
|
35
|
+
body: JSON.stringify(Object.assign({ language: mergedConfig.locale || 'en', tags: [mergedConfig.wallpaperTag || 'wallpaper_name'], limit: 200 }, (mergedConfig.wid && { website_id: mergedConfig.wid }))),
|
|
36
|
+
});
|
|
37
|
+
if (!response.ok)
|
|
38
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
39
|
+
const data = await response.json();
|
|
40
|
+
const items = (Array.isArray((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) && data.data.data) ||
|
|
41
|
+
(Array.isArray(data === null || data === void 0 ? void 0 : data.data) && data.data) ||
|
|
42
|
+
[];
|
|
43
|
+
const mapped = items.map((item) => {
|
|
44
|
+
var _a, _b;
|
|
45
|
+
return ({
|
|
46
|
+
id: item.id,
|
|
47
|
+
title: item.title || item.name || '',
|
|
48
|
+
image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || '',
|
|
49
|
+
category: item.category || ((_b = item.tags) === null || _b === void 0 ? void 0 : _b[0]) || 'general',
|
|
50
|
+
customiseUrl: item.customiseUrl || item.url || '',
|
|
51
|
+
});
|
|
52
|
+
}).filter((i) => i.image);
|
|
53
|
+
setAllItems(mapped);
|
|
54
|
+
}
|
|
55
|
+
catch (err) {
|
|
56
|
+
console.error('useWallpapersName: Error fetching items:', err);
|
|
57
|
+
setAllItems([]);
|
|
58
|
+
}
|
|
59
|
+
finally {
|
|
60
|
+
setIsLoading(false);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
fetchItems();
|
|
64
|
+
}, [mergedConfig.apiUrl, mergedConfig.wallpaperTag, mergedConfig.locale]);
|
|
65
|
+
const categories = categoriesProp || (() => {
|
|
66
|
+
const catSet = new Set(allItems.map(i => i.category).filter(Boolean));
|
|
67
|
+
return [
|
|
68
|
+
{ id: 'all', label: 'All' },
|
|
69
|
+
...Array.from(catSet).map(cat => ({ id: cat, label: cat })),
|
|
70
|
+
];
|
|
71
|
+
})();
|
|
72
|
+
const filteredItems = activeCategory === 'all'
|
|
73
|
+
? allItems
|
|
74
|
+
: allItems.filter(i => i.category === activeCategory);
|
|
75
|
+
const visibleItems = filteredItems.slice(0, visibleCount);
|
|
76
|
+
const hasMore = visibleCount < filteredItems.length;
|
|
77
|
+
const loadMore = () => setVisibleCount(prev => prev + loadMoreCount);
|
|
78
|
+
const handleCategoryChange = (categoryId) => {
|
|
79
|
+
setActiveCategory(categoryId);
|
|
80
|
+
setVisibleCount(initialCount);
|
|
81
|
+
};
|
|
82
|
+
return {
|
|
83
|
+
allItems,
|
|
84
|
+
filteredItems,
|
|
85
|
+
visibleItems,
|
|
86
|
+
categories,
|
|
87
|
+
activeCategory,
|
|
88
|
+
isLoading,
|
|
89
|
+
hasMore,
|
|
90
|
+
loadMore,
|
|
91
|
+
handleCategoryChange,
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=useWallpapersName.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallpapersName.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useWallpapersName.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export { ForYouPage } from './ForYouPage';
|
|
2
|
+
export type { ForYouPageProps, ForYouPageTheme, ForYouFeatures, ForYouFeatureConfig, RingtoneFeatureOverride, WallpapersFeatureOverride, WallpapersNameFeatureOverride, MemeGeneratorFeatureOverride, QuizFeatureOverride, StickersFeatureOverride, AvatarAIFeatureOverride, CreativeFaceSwapFeatureOverride, ARFiltersFeatureOverride, } from './ForYouPage';
|
|
3
|
+
export { ForYouCard } from './cards/ForYouCard';
|
|
4
|
+
export type { ForYouCardProps } from './cards/ForYouCard';
|
|
5
|
+
export { AvatarAICard } from './cards/AvatarAICard';
|
|
6
|
+
export type { AvatarAICardProps } from './cards/AvatarAICard';
|
|
7
|
+
export { CreativeFaceSwapCard } from './cards/CreativeFaceSwapCard';
|
|
8
|
+
export type { CreativeFaceSwapCardProps } from './cards/CreativeFaceSwapCard';
|
|
9
|
+
export { WallpapersCard } from './cards/WallpapersCard';
|
|
10
|
+
export type { WallpapersCardProps } from './cards/WallpapersCard';
|
|
11
|
+
export { WallpapersNameCard } from './cards/WallpapersNameCard';
|
|
12
|
+
export type { WallpapersNameCardProps } from './cards/WallpapersNameCard';
|
|
13
|
+
export { MemeGeneratorCard } from './cards/MemeGeneratorCard';
|
|
14
|
+
export type { MemeGeneratorCardProps } from './cards/MemeGeneratorCard';
|
|
15
|
+
export { RingtoneCard } from './cards/RingtoneCard';
|
|
16
|
+
export type { RingtoneCardProps } from './cards/RingtoneCard';
|
|
17
|
+
export { ARFiltersCard } from './cards/ARFiltersCard';
|
|
18
|
+
export type { ARFiltersCardProps } from './cards/ARFiltersCard';
|
|
19
|
+
export { QuizCard } from './cards/QuizCard';
|
|
20
|
+
export type { QuizCardProps } from './cards/QuizCard';
|
|
21
|
+
export { StickersCard } from './cards/StickersCard';
|
|
22
|
+
export type { StickersCardProps } from './cards/StickersCard';
|
|
23
|
+
export { useAvatarAI } from './hooks/useAvatarAI';
|
|
24
|
+
export type { UseAvatarAIOptions, AvatarAIHookStyle, AvatarAIHookMood, AvatarAIHookConfig } from './hooks/useAvatarAI';
|
|
25
|
+
export { useCreativeFaceSwap } from './hooks/useCreativeFaceSwap';
|
|
26
|
+
export type { UseCreativeFaceSwapOptions, FaceSwapHookExample, FaceSwapHookConfig } from './hooks/useCreativeFaceSwap';
|
|
27
|
+
export { useWallpapers } from './hooks/useWallpapers';
|
|
28
|
+
export type { UseWallpapersOptions, WallpaperHookItem, WallpapersHookConfig } from './hooks/useWallpapers';
|
|
29
|
+
export { useWallpapersName } from './hooks/useWallpapersName';
|
|
30
|
+
export type { UseWallpapersNameOptions, WallpapersNameHookItem, WallpapersNameHookCategory, WallpapersNameHookConfig } from './hooks/useWallpapersName';
|
|
31
|
+
export { useMemeGenerator } from './hooks/useMemeGenerator';
|
|
32
|
+
export type { UseMemeGeneratorOptions, MemeHookItem, MemeHookFont, MemeGeneratorHookConfig } from './hooks/useMemeGenerator';
|
|
33
|
+
export { useRingtone } from './hooks/useRingtone';
|
|
34
|
+
export type { UseRingtoneOptions, RingtoneHookItem, RingtoneHookConfig } from './hooks/useRingtone';
|
|
35
|
+
export { useARFilters } from './hooks/useARFilters';
|
|
36
|
+
export type { UseARFiltersOptions, ARFilterHookItem } from './hooks/useARFilters';
|
|
37
|
+
export { useQuiz } from './hooks/useQuiz';
|
|
38
|
+
export type { UseQuizOptions, QuizHookItem, QuizHookQuestion, QuizHookResult, QuizHookConfig } from './hooks/useQuiz';
|
|
39
|
+
export { useStickers } from './hooks/useStickers';
|
|
40
|
+
export type { UseStickersOptions, StickerHookItem, StickersHookConfig } from './hooks/useStickers';
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/for-you/index.ts"],"names":[],"mappings":"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"}
|