webs-sdk 0.18.62 → 0.18.64
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.js +6 -6
- package/dist/components/CookieConsent/constants.js +31 -31
- package/dist/components/CreativeFaceSwap.d.ts.map +1 -1
- package/dist/components/CreativeFaceSwap.js +15 -15
- package/dist/components/CreativeFaceSwap.js.map +1 -1
- 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,297 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useAvatarAI = useAvatarAI;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const MOOD_PROMPTS = {
|
|
6
|
+
smile: {
|
|
7
|
+
prompt: '(((joy face, showcasing a bright smile))) ',
|
|
8
|
+
negative_prompt: '(((sad face, with tears forming in the eyes, ugly))) ',
|
|
9
|
+
},
|
|
10
|
+
surprised: {
|
|
11
|
+
prompt: '(((Face with wide open eyes and open mouth, and raised eyebrows, showing surprise, open mouth))) ',
|
|
12
|
+
negative_prompt: '(((face with unimpressed expression, closed mouth, showing lack of surprise, smile, ugly))) ',
|
|
13
|
+
},
|
|
14
|
+
angry: {
|
|
15
|
+
prompt: '(((angry face, closed mouth, furrowed brow, narrowed eyes, tight lips, expression of displeasure))) ',
|
|
16
|
+
negative_prompt: '(((calm face, open mouth, peaceful face, teeth, joy face, smile face, ugly))) ',
|
|
17
|
+
},
|
|
18
|
+
normal: {
|
|
19
|
+
prompt: ' ',
|
|
20
|
+
negative_prompt: ' ',
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
const defaultMoods = [
|
|
24
|
+
{ id: 1, value: 'normal', name: 'Normal', icon: 'https://b2c-portales.s3.amazonaws.com/Collections/default/icons/icon_normal.svg' },
|
|
25
|
+
{ id: 2, value: 'smile', name: 'Smile', icon: 'https://b2c-portales.s3.amazonaws.com/Collections/default/icons/Icono_Feliz.svg' },
|
|
26
|
+
{ id: 3, value: 'surprised', name: 'Surprised', icon: 'https://b2c-portales.s3.amazonaws.com/Collections/default/icons/Icono_Sorprendido.svg' },
|
|
27
|
+
{ id: 4, value: 'angry', name: 'Angry', icon: 'https://b2c-portales.s3.amazonaws.com/Collections/default/icons/icono_Enojado.svg' },
|
|
28
|
+
];
|
|
29
|
+
const defaultStyles = [
|
|
30
|
+
{ id: 1, name: 'Pirate', image: 'https://cdn.smarthubtech.net/upload/20240426_135427_99796_1_cuadrada.png' },
|
|
31
|
+
{ id: 2, name: 'Superhero', image: 'https://cdn.smarthubtech.net/upload/20240426_135813_99797_1_cuadrada.png' },
|
|
32
|
+
{ id: 3, name: 'Old', image: 'https://cdn.smarthubtech.net/upload/20240426_135253_99795_1_cuadrada.png' },
|
|
33
|
+
{ id: 4, name: 'AI Robot', image: 'https://cdn.smarthubtech.net/upload/20240426_135125_99794_1_cuadrada.png' },
|
|
34
|
+
{ id: 5, name: 'Viking', image: 'https://cdn.smarthubtech.net/upload/20230831_104318_96479_1_cuadrada.png' },
|
|
35
|
+
];
|
|
36
|
+
function useAvatarAI({ styles: stylesProp = [], stylesTag, apiBaseUrl, locale, moods = defaultMoods, config, onGenerationComplete, onError, } = {}) {
|
|
37
|
+
var _a, _b;
|
|
38
|
+
const [dynamicStyles, setDynamicStyles] = (0, react_1.useState)([]);
|
|
39
|
+
(0, react_1.useEffect)(() => {
|
|
40
|
+
if (!stylesTag)
|
|
41
|
+
return;
|
|
42
|
+
const fetchStyles = async () => {
|
|
43
|
+
var _a;
|
|
44
|
+
try {
|
|
45
|
+
const base = apiBaseUrl || '/api';
|
|
46
|
+
const response = await fetch(`${base}/get_contents_by_tags`, {
|
|
47
|
+
method: 'POST',
|
|
48
|
+
headers: { 'Content-Type': 'application/json' },
|
|
49
|
+
body: JSON.stringify(Object.assign({ language: locale || 'en', tags: [stylesTag], limit: 50 }, ((config === null || config === void 0 ? void 0 : config.wid) && { website_id: config.wid }))),
|
|
50
|
+
});
|
|
51
|
+
if (!response.ok)
|
|
52
|
+
return;
|
|
53
|
+
const data = await response.json();
|
|
54
|
+
const items = ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) || [];
|
|
55
|
+
const mapped = items.map((item, idx) => {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
return ({
|
|
58
|
+
id: item.id || idx,
|
|
59
|
+
name: item.title || `Style ${idx + 1}`,
|
|
60
|
+
image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || item.imageUrl || '',
|
|
61
|
+
prompt: ((_b = item.metadata) === null || _b === void 0 ? void 0 : _b.prompt) || '',
|
|
62
|
+
});
|
|
63
|
+
}).filter((s) => s.image);
|
|
64
|
+
if (mapped.length > 0)
|
|
65
|
+
setDynamicStyles(mapped);
|
|
66
|
+
}
|
|
67
|
+
catch (err) {
|
|
68
|
+
console.error('useAvatarAI: Error fetching styles:', err);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
fetchStyles();
|
|
72
|
+
}, [stylesTag, apiBaseUrl, locale, config === null || config === void 0 ? void 0 : config.wid]);
|
|
73
|
+
const styles = stylesProp.length > 0 ? stylesProp :
|
|
74
|
+
dynamicStyles.length > 0 ? dynamicStyles :
|
|
75
|
+
defaultStyles;
|
|
76
|
+
const [uploadedImage, setUploadedImage] = (0, react_1.useState)(null);
|
|
77
|
+
const [imageDimensions, setImageDimensions] = (0, react_1.useState)(null);
|
|
78
|
+
const [selectedStyle, setSelectedStyle] = (0, react_1.useState)(null);
|
|
79
|
+
const [selectedMood, setSelectedMood] = (0, react_1.useState)((_b = (_a = defaultMoods[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
|
|
80
|
+
const [selectedBgColor, setSelectedBgColor] = (0, react_1.useState)(null);
|
|
81
|
+
const [recentColors, setRecentColors] = (0, react_1.useState)([]);
|
|
82
|
+
const [isGenerating, setIsGenerating] = (0, react_1.useState)(false);
|
|
83
|
+
const [generatedResult, setGeneratedResult] = (0, react_1.useState)(null);
|
|
84
|
+
const [progressPercent, setProgressPercent] = (0, react_1.useState)(null);
|
|
85
|
+
const [generatedImageUrl, setGeneratedImageUrl] = (0, react_1.useState)(null);
|
|
86
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
87
|
+
const [isComparing, setIsComparing] = (0, react_1.useState)(false);
|
|
88
|
+
const fileInputRef = (0, react_1.useRef)(null);
|
|
89
|
+
const colorPickerRef = (0, react_1.useRef)(null);
|
|
90
|
+
(0, react_1.useEffect)(() => {
|
|
91
|
+
if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent === 100 || !config)
|
|
92
|
+
return;
|
|
93
|
+
const checkProgress = async () => {
|
|
94
|
+
try {
|
|
95
|
+
const response = await fetch(config.apiEndpoints.progress, {
|
|
96
|
+
method: 'POST',
|
|
97
|
+
headers: { 'Content-Type': 'application/json' },
|
|
98
|
+
body: JSON.stringify({
|
|
99
|
+
us_id: config.userId,
|
|
100
|
+
us_login: config.userLogin,
|
|
101
|
+
md5: generatedResult.md5,
|
|
102
|
+
}),
|
|
103
|
+
});
|
|
104
|
+
const data = await response.json();
|
|
105
|
+
if (response.ok && data.success) {
|
|
106
|
+
setProgressPercent(data.data.pct);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
catch (err) {
|
|
110
|
+
console.error('useAvatarAI: Error checking progress:', err);
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
checkProgress();
|
|
114
|
+
const interval = setInterval(checkProgress, 3000);
|
|
115
|
+
return () => clearInterval(interval);
|
|
116
|
+
}, [generatedResult, progressPercent, config]);
|
|
117
|
+
(0, react_1.useEffect)(() => {
|
|
118
|
+
if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent !== 100 || generatedImageUrl || !config)
|
|
119
|
+
return;
|
|
120
|
+
const fetchFinalImage = async () => {
|
|
121
|
+
try {
|
|
122
|
+
const response = await fetch(config.apiEndpoints.getImage, {
|
|
123
|
+
method: 'POST',
|
|
124
|
+
headers: { 'Content-Type': 'application/json' },
|
|
125
|
+
body: JSON.stringify({
|
|
126
|
+
us_id: config.userId,
|
|
127
|
+
us_login: config.userLogin,
|
|
128
|
+
md5: generatedResult.md5,
|
|
129
|
+
}),
|
|
130
|
+
});
|
|
131
|
+
const data = await response.json();
|
|
132
|
+
if (response.ok && data.success && data.data) {
|
|
133
|
+
const imageUrl = decodeURIComponent(data.data.s3_image);
|
|
134
|
+
setGeneratedImageUrl(imageUrl);
|
|
135
|
+
onGenerationComplete === null || onGenerationComplete === void 0 ? void 0 : onGenerationComplete(imageUrl);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
catch (err) {
|
|
139
|
+
console.error('useAvatarAI: Error fetching final image:', err);
|
|
140
|
+
const errorMsg = 'Error fetching generated avatar';
|
|
141
|
+
setError(errorMsg);
|
|
142
|
+
onError === null || onError === void 0 ? void 0 : onError(errorMsg);
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
fetchFinalImage();
|
|
146
|
+
}, [generatedResult, progressPercent, generatedImageUrl, config, onGenerationComplete, onError]);
|
|
147
|
+
const handleUploadClick = () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
148
|
+
const handleFileChange = (event) => {
|
|
149
|
+
var _a;
|
|
150
|
+
const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
151
|
+
if (!file)
|
|
152
|
+
return;
|
|
153
|
+
if (!file.type.startsWith('image/')) {
|
|
154
|
+
alert('Please select a valid image file');
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
if (file.size > 5 * 1024 * 1024) {
|
|
158
|
+
alert('Image size should be less than 5MB');
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
const reader = new FileReader();
|
|
162
|
+
reader.onloadend = () => {
|
|
163
|
+
const base64 = reader.result;
|
|
164
|
+
setUploadedImage(base64);
|
|
165
|
+
const img = new Image();
|
|
166
|
+
img.onload = () => setImageDimensions({ width: img.width, height: img.height });
|
|
167
|
+
img.src = base64;
|
|
168
|
+
};
|
|
169
|
+
reader.readAsDataURL(file);
|
|
170
|
+
};
|
|
171
|
+
const handleRemoveImage = () => {
|
|
172
|
+
setUploadedImage(null);
|
|
173
|
+
setImageDimensions(null);
|
|
174
|
+
if (fileInputRef.current)
|
|
175
|
+
fileInputRef.current.value = '';
|
|
176
|
+
};
|
|
177
|
+
const handleColorPickerClick = () => { var _a; return (_a = colorPickerRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
178
|
+
const handleColorChange = (event) => {
|
|
179
|
+
const newColor = event.target.value;
|
|
180
|
+
setSelectedBgColor(newColor);
|
|
181
|
+
if (!recentColors.includes(newColor)) {
|
|
182
|
+
setRecentColors(prev => [newColor, ...prev].slice(0, 3));
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
const handleTransparentClick = () => setSelectedBgColor('transparent');
|
|
186
|
+
const handleRecentColorClick = (color) => setSelectedBgColor(color);
|
|
187
|
+
const handleGenerate = async () => {
|
|
188
|
+
if (!uploadedImage || !selectedStyle || !config)
|
|
189
|
+
return;
|
|
190
|
+
const selectedMoodItem = moods.find(m => m.id === selectedMood);
|
|
191
|
+
setIsGenerating(true);
|
|
192
|
+
setError(null);
|
|
193
|
+
setGeneratedResult(null);
|
|
194
|
+
setProgressPercent(null);
|
|
195
|
+
setGeneratedImageUrl(null);
|
|
196
|
+
const selectedStyleItem = styles.find(s => s.id === selectedStyle);
|
|
197
|
+
const stylePrompt = (selectedStyleItem === null || selectedStyleItem === void 0 ? void 0 : selectedStyleItem.prompt) || '';
|
|
198
|
+
const moodValue = (selectedMoodItem === null || selectedMoodItem === void 0 ? void 0 : selectedMoodItem.value) || 'normal';
|
|
199
|
+
const moodData = MOOD_PROMPTS[moodValue] || MOOD_PROMPTS.normal;
|
|
200
|
+
const prompt = moodData.prompt + stylePrompt;
|
|
201
|
+
const negative_prompt = moodData.negative_prompt;
|
|
202
|
+
try {
|
|
203
|
+
const response = await fetch(config.apiEndpoints.generate, {
|
|
204
|
+
method: 'POST',
|
|
205
|
+
headers: { 'Content-Type': 'application/json' },
|
|
206
|
+
body: JSON.stringify({
|
|
207
|
+
us_id: config.userId,
|
|
208
|
+
us_login: config.userLogin,
|
|
209
|
+
wid: config.wid,
|
|
210
|
+
workflow: 'txt2img_faceswap_avatar_api',
|
|
211
|
+
prompt,
|
|
212
|
+
negative_prompt,
|
|
213
|
+
width: (imageDimensions === null || imageDimensions === void 0 ? void 0 : imageDimensions.width) || 512,
|
|
214
|
+
height: (imageDimensions === null || imageDimensions === void 0 ? void 0 : imageDimensions.height) || 512,
|
|
215
|
+
bg_color: selectedBgColor || 'noremove',
|
|
216
|
+
control_net: 0,
|
|
217
|
+
style: '',
|
|
218
|
+
img_data: uploadedImage,
|
|
219
|
+
}),
|
|
220
|
+
});
|
|
221
|
+
const data = await response.json();
|
|
222
|
+
if (!response.ok || !data.success) {
|
|
223
|
+
throw new Error(data.error || 'Error generating avatar');
|
|
224
|
+
}
|
|
225
|
+
setGeneratedResult(data.data);
|
|
226
|
+
}
|
|
227
|
+
catch (err) {
|
|
228
|
+
const errorMsg = err instanceof Error ? err.message : 'An error occurred';
|
|
229
|
+
setError(errorMsg);
|
|
230
|
+
onError === null || onError === void 0 ? void 0 : onError(errorMsg);
|
|
231
|
+
}
|
|
232
|
+
finally {
|
|
233
|
+
setIsGenerating(false);
|
|
234
|
+
}
|
|
235
|
+
};
|
|
236
|
+
const handleStartAgain = () => {
|
|
237
|
+
setGeneratedResult(null);
|
|
238
|
+
setProgressPercent(null);
|
|
239
|
+
setGeneratedImageUrl(null);
|
|
240
|
+
setError(null);
|
|
241
|
+
};
|
|
242
|
+
const handleDownload = async () => {
|
|
243
|
+
if (!generatedImageUrl)
|
|
244
|
+
return;
|
|
245
|
+
try {
|
|
246
|
+
const response = await fetch(generatedImageUrl);
|
|
247
|
+
const blob = await response.blob();
|
|
248
|
+
const objectUrl = URL.createObjectURL(blob);
|
|
249
|
+
const link = document.createElement('a');
|
|
250
|
+
link.href = objectUrl;
|
|
251
|
+
link.download = `avatar-${Date.now()}.png`;
|
|
252
|
+
document.body.appendChild(link);
|
|
253
|
+
link.click();
|
|
254
|
+
document.body.removeChild(link);
|
|
255
|
+
URL.revokeObjectURL(objectUrl);
|
|
256
|
+
}
|
|
257
|
+
catch (_a) {
|
|
258
|
+
window.open(generatedImageUrl, '_blank');
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
const isProcessing = isGenerating || (!!generatedResult && !generatedImageUrl);
|
|
262
|
+
const canGenerate = !!uploadedImage && !!selectedStyle && !isProcessing && !!config;
|
|
263
|
+
return {
|
|
264
|
+
styles,
|
|
265
|
+
moods,
|
|
266
|
+
uploadedImage,
|
|
267
|
+
imageDimensions,
|
|
268
|
+
selectedStyle,
|
|
269
|
+
selectedMood,
|
|
270
|
+
selectedBgColor,
|
|
271
|
+
recentColors,
|
|
272
|
+
isGenerating,
|
|
273
|
+
generatedResult,
|
|
274
|
+
progressPercent,
|
|
275
|
+
generatedImageUrl,
|
|
276
|
+
error,
|
|
277
|
+
isComparing,
|
|
278
|
+
isProcessing,
|
|
279
|
+
canGenerate,
|
|
280
|
+
fileInputRef,
|
|
281
|
+
colorPickerRef,
|
|
282
|
+
setSelectedStyle,
|
|
283
|
+
setSelectedMood,
|
|
284
|
+
setIsComparing,
|
|
285
|
+
handleUploadClick,
|
|
286
|
+
handleFileChange,
|
|
287
|
+
handleRemoveImage,
|
|
288
|
+
handleColorPickerClick,
|
|
289
|
+
handleColorChange,
|
|
290
|
+
handleTransparentClick,
|
|
291
|
+
handleRecentColorClick,
|
|
292
|
+
handleGenerate,
|
|
293
|
+
handleStartAgain,
|
|
294
|
+
handleDownload,
|
|
295
|
+
};
|
|
296
|
+
}
|
|
297
|
+
//# sourceMappingURL=useAvatarAI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAvatarAI.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useAvatarAI.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export interface FaceSwapHookExample {
|
|
2
|
+
id: number | string;
|
|
3
|
+
image: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface FaceSwapHookConfig {
|
|
7
|
+
userId: number;
|
|
8
|
+
userLogin: number;
|
|
9
|
+
wid?: string;
|
|
10
|
+
apiEndpoints: {
|
|
11
|
+
generate: string;
|
|
12
|
+
progress: string;
|
|
13
|
+
getImage: string;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export interface UseCreativeFaceSwapOptions {
|
|
17
|
+
config: FaceSwapHookConfig;
|
|
18
|
+
examples?: FaceSwapHookExample[];
|
|
19
|
+
examplesTag?: string;
|
|
20
|
+
apiBaseUrl?: string;
|
|
21
|
+
locale?: string;
|
|
22
|
+
onGenerationComplete?: (imageUrl: string) => void;
|
|
23
|
+
onError?: (error: string) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare function useCreativeFaceSwap({ config, examples: examplesProp, examplesTag, apiBaseUrl, locale, onGenerationComplete, onError, }: UseCreativeFaceSwapOptions): {
|
|
26
|
+
examples: FaceSwapHookExample[];
|
|
27
|
+
uploadedImage: string | null;
|
|
28
|
+
selectedExample: FaceSwapHookExample | null;
|
|
29
|
+
description: string;
|
|
30
|
+
isGenerating: boolean;
|
|
31
|
+
generatedResult: {
|
|
32
|
+
md5: string;
|
|
33
|
+
i_jobs: number;
|
|
34
|
+
} | null;
|
|
35
|
+
progressPercent: number | null;
|
|
36
|
+
generatedImageUrl: string | null;
|
|
37
|
+
error: string | null;
|
|
38
|
+
isProcessing: boolean;
|
|
39
|
+
canGenerate: boolean;
|
|
40
|
+
fileInputRef: import("react").RefObject<HTMLInputElement | null>;
|
|
41
|
+
setSelectedExample: import("react").Dispatch<import("react").SetStateAction<FaceSwapHookExample | null>>;
|
|
42
|
+
setDescription: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
43
|
+
handleUploadClick: () => void | undefined;
|
|
44
|
+
handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
45
|
+
handleRemoveImage: () => void;
|
|
46
|
+
handleSelectExample: (example: FaceSwapHookExample) => void;
|
|
47
|
+
handleGenerate: () => Promise<void>;
|
|
48
|
+
handleStartAgain: () => void;
|
|
49
|
+
handleDownload: () => Promise<void>;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=useCreativeFaceSwap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCreativeFaceSwap.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useCreativeFaceSwap.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EAAE,YAAiB,EAC3B,WAAW,EACX,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,OAAO,GACR,EAAE,0BAA0B;;;;;;;aAwCmC,MAAM;gBAAU,MAAM;;;;;;;;;;;8BAgEnD,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;mCAe9B,mBAAmB;;;;EA2F1D"}
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useCreativeFaceSwap = useCreativeFaceSwap;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
function useCreativeFaceSwap({ config, examples: examplesProp = [], examplesTag, apiBaseUrl, locale, onGenerationComplete, onError, }) {
|
|
6
|
+
const [dynamicExamples, setDynamicExamples] = (0, react_1.useState)([]);
|
|
7
|
+
(0, react_1.useEffect)(() => {
|
|
8
|
+
if (!examplesTag)
|
|
9
|
+
return;
|
|
10
|
+
const fetchExamples = async () => {
|
|
11
|
+
var _a;
|
|
12
|
+
try {
|
|
13
|
+
const base = apiBaseUrl || '/api';
|
|
14
|
+
const response = await fetch(`${base}/get_contents_by_tags`, {
|
|
15
|
+
method: 'POST',
|
|
16
|
+
headers: { 'Content-Type': 'application/json' },
|
|
17
|
+
body: JSON.stringify({ language: locale || 'en', tags: [examplesTag], limit: 20 }),
|
|
18
|
+
});
|
|
19
|
+
if (!response.ok)
|
|
20
|
+
return;
|
|
21
|
+
const data = await response.json();
|
|
22
|
+
const items = ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) || [];
|
|
23
|
+
const mapped = items.map((item, idx) => {
|
|
24
|
+
var _a;
|
|
25
|
+
return ({
|
|
26
|
+
id: item.id || idx,
|
|
27
|
+
image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || '',
|
|
28
|
+
description: item.title || item.description || `Example ${idx + 1}`,
|
|
29
|
+
});
|
|
30
|
+
}).filter((e) => e.image);
|
|
31
|
+
if (mapped.length > 0)
|
|
32
|
+
setDynamicExamples(mapped);
|
|
33
|
+
}
|
|
34
|
+
catch (err) {
|
|
35
|
+
console.error('useCreativeFaceSwap: Error fetching examples:', err);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
fetchExamples();
|
|
39
|
+
}, [examplesTag, apiBaseUrl, locale]);
|
|
40
|
+
const examples = examplesProp.length > 0 ? examplesProp : dynamicExamples;
|
|
41
|
+
const [uploadedImage, setUploadedImage] = (0, react_1.useState)(null);
|
|
42
|
+
const [selectedExample, setSelectedExample] = (0, react_1.useState)(null);
|
|
43
|
+
const [description, setDescription] = (0, react_1.useState)('');
|
|
44
|
+
const [isGenerating, setIsGenerating] = (0, react_1.useState)(false);
|
|
45
|
+
const [generatedResult, setGeneratedResult] = (0, react_1.useState)(null);
|
|
46
|
+
const [progressPercent, setProgressPercent] = (0, react_1.useState)(null);
|
|
47
|
+
const [generatedImageUrl, setGeneratedImageUrl] = (0, react_1.useState)(null);
|
|
48
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
49
|
+
const fileInputRef = (0, react_1.useRef)(null);
|
|
50
|
+
(0, react_1.useEffect)(() => {
|
|
51
|
+
if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent === 100)
|
|
52
|
+
return;
|
|
53
|
+
const checkProgress = async () => {
|
|
54
|
+
try {
|
|
55
|
+
const response = await fetch(config.apiEndpoints.progress, {
|
|
56
|
+
method: 'POST',
|
|
57
|
+
headers: { 'Content-Type': 'application/json' },
|
|
58
|
+
body: JSON.stringify({
|
|
59
|
+
us_id: config.userId,
|
|
60
|
+
us_login: config.userLogin,
|
|
61
|
+
md5: generatedResult.md5,
|
|
62
|
+
}),
|
|
63
|
+
});
|
|
64
|
+
const data = await response.json();
|
|
65
|
+
if (response.ok && data.success)
|
|
66
|
+
setProgressPercent(data.data.pct);
|
|
67
|
+
}
|
|
68
|
+
catch (err) {
|
|
69
|
+
console.error('useCreativeFaceSwap: Error checking progress:', err);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
checkProgress();
|
|
73
|
+
const interval = setInterval(checkProgress, 3000);
|
|
74
|
+
return () => clearInterval(interval);
|
|
75
|
+
}, [generatedResult, progressPercent, config]);
|
|
76
|
+
(0, react_1.useEffect)(() => {
|
|
77
|
+
if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent !== 100 || generatedImageUrl)
|
|
78
|
+
return;
|
|
79
|
+
const fetchFinalImage = async () => {
|
|
80
|
+
try {
|
|
81
|
+
const response = await fetch(config.apiEndpoints.getImage, {
|
|
82
|
+
method: 'POST',
|
|
83
|
+
headers: { 'Content-Type': 'application/json' },
|
|
84
|
+
body: JSON.stringify({
|
|
85
|
+
us_id: config.userId,
|
|
86
|
+
us_login: config.userLogin,
|
|
87
|
+
md5: generatedResult.md5,
|
|
88
|
+
}),
|
|
89
|
+
});
|
|
90
|
+
const data = await response.json();
|
|
91
|
+
if (response.ok && data.success && data.data) {
|
|
92
|
+
const imageUrl = decodeURIComponent(data.data.s3_image);
|
|
93
|
+
setGeneratedImageUrl(imageUrl);
|
|
94
|
+
onGenerationComplete === null || onGenerationComplete === void 0 ? void 0 : onGenerationComplete(imageUrl);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
catch (err) {
|
|
98
|
+
console.error('useCreativeFaceSwap: Error fetching image:', err);
|
|
99
|
+
const errorMsg = 'Error fetching generated image';
|
|
100
|
+
setError(errorMsg);
|
|
101
|
+
onError === null || onError === void 0 ? void 0 : onError(errorMsg);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
fetchFinalImage();
|
|
105
|
+
}, [generatedResult, progressPercent, generatedImageUrl, config, onGenerationComplete, onError]);
|
|
106
|
+
const handleUploadClick = () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
107
|
+
const handleFileChange = (event) => {
|
|
108
|
+
var _a;
|
|
109
|
+
const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
110
|
+
if (!file)
|
|
111
|
+
return;
|
|
112
|
+
if (!file.type.startsWith('image/')) {
|
|
113
|
+
alert('Please select a valid image file');
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
if (file.size > 5 * 1024 * 1024) {
|
|
117
|
+
alert('Image size should be less than 5MB');
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
const reader = new FileReader();
|
|
121
|
+
reader.onloadend = () => setUploadedImage(reader.result);
|
|
122
|
+
reader.readAsDataURL(file);
|
|
123
|
+
};
|
|
124
|
+
const handleRemoveImage = () => {
|
|
125
|
+
setUploadedImage(null);
|
|
126
|
+
if (fileInputRef.current)
|
|
127
|
+
fileInputRef.current.value = '';
|
|
128
|
+
};
|
|
129
|
+
const handleSelectExample = (example) => {
|
|
130
|
+
setSelectedExample(example);
|
|
131
|
+
setUploadedImage(null);
|
|
132
|
+
};
|
|
133
|
+
const handleGenerate = async () => {
|
|
134
|
+
if ((!uploadedImage && !selectedExample) || !description.trim())
|
|
135
|
+
return;
|
|
136
|
+
setIsGenerating(true);
|
|
137
|
+
setError(null);
|
|
138
|
+
setGeneratedResult(null);
|
|
139
|
+
setProgressPercent(null);
|
|
140
|
+
setGeneratedImageUrl(null);
|
|
141
|
+
try {
|
|
142
|
+
const response = await fetch(config.apiEndpoints.generate, {
|
|
143
|
+
method: 'POST',
|
|
144
|
+
headers: { 'Content-Type': 'application/json' },
|
|
145
|
+
body: JSON.stringify({
|
|
146
|
+
us_id: config.userId,
|
|
147
|
+
us_login: config.userLogin,
|
|
148
|
+
wid: config.wid,
|
|
149
|
+
workflow: 'txt2img_faceswap_api',
|
|
150
|
+
prompt: description,
|
|
151
|
+
img_data: uploadedImage || (selectedExample === null || selectedExample === void 0 ? void 0 : selectedExample.image) || '',
|
|
152
|
+
}),
|
|
153
|
+
});
|
|
154
|
+
const data = await response.json();
|
|
155
|
+
if (!response.ok || !data.success)
|
|
156
|
+
throw new Error(data.error || 'Error generating image');
|
|
157
|
+
setGeneratedResult(data.data);
|
|
158
|
+
}
|
|
159
|
+
catch (err) {
|
|
160
|
+
const errorMsg = err instanceof Error ? err.message : 'An error occurred';
|
|
161
|
+
setError(errorMsg);
|
|
162
|
+
onError === null || onError === void 0 ? void 0 : onError(errorMsg);
|
|
163
|
+
}
|
|
164
|
+
finally {
|
|
165
|
+
setIsGenerating(false);
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
const handleStartAgain = () => {
|
|
169
|
+
setGeneratedResult(null);
|
|
170
|
+
setProgressPercent(null);
|
|
171
|
+
setGeneratedImageUrl(null);
|
|
172
|
+
setError(null);
|
|
173
|
+
setUploadedImage(null);
|
|
174
|
+
setSelectedExample(null);
|
|
175
|
+
setDescription('');
|
|
176
|
+
};
|
|
177
|
+
const handleDownload = async () => {
|
|
178
|
+
if (!generatedImageUrl)
|
|
179
|
+
return;
|
|
180
|
+
try {
|
|
181
|
+
const response = await fetch(generatedImageUrl);
|
|
182
|
+
const blob = await response.blob();
|
|
183
|
+
const objectUrl = URL.createObjectURL(blob);
|
|
184
|
+
const link = document.createElement('a');
|
|
185
|
+
link.href = objectUrl;
|
|
186
|
+
link.download = `faceswap-${Date.now()}.png`;
|
|
187
|
+
document.body.appendChild(link);
|
|
188
|
+
link.click();
|
|
189
|
+
document.body.removeChild(link);
|
|
190
|
+
URL.revokeObjectURL(objectUrl);
|
|
191
|
+
}
|
|
192
|
+
catch (_a) {
|
|
193
|
+
window.open(generatedImageUrl, '_blank');
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
const isProcessing = isGenerating || (!!generatedResult && !generatedImageUrl);
|
|
197
|
+
const canGenerate = !!(uploadedImage || selectedExample) && !!description.trim() && !isProcessing;
|
|
198
|
+
return {
|
|
199
|
+
examples,
|
|
200
|
+
uploadedImage,
|
|
201
|
+
selectedExample,
|
|
202
|
+
description,
|
|
203
|
+
isGenerating,
|
|
204
|
+
generatedResult,
|
|
205
|
+
progressPercent,
|
|
206
|
+
generatedImageUrl,
|
|
207
|
+
error,
|
|
208
|
+
isProcessing,
|
|
209
|
+
canGenerate,
|
|
210
|
+
fileInputRef,
|
|
211
|
+
setSelectedExample,
|
|
212
|
+
setDescription,
|
|
213
|
+
handleUploadClick,
|
|
214
|
+
handleFileChange,
|
|
215
|
+
handleRemoveImage,
|
|
216
|
+
handleSelectExample,
|
|
217
|
+
handleGenerate,
|
|
218
|
+
handleStartAgain,
|
|
219
|
+
handleDownload,
|
|
220
|
+
};
|
|
221
|
+
}
|
|
222
|
+
//# sourceMappingURL=useCreativeFaceSwap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCreativeFaceSwap.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useCreativeFaceSwap.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export interface MemeHookItem {
|
|
2
|
+
id: number | string;
|
|
3
|
+
name: string;
|
|
4
|
+
image: string;
|
|
5
|
+
fullSizeImage?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface MemeHookFont {
|
|
8
|
+
id: string;
|
|
9
|
+
label: string;
|
|
10
|
+
family: string;
|
|
11
|
+
}
|
|
12
|
+
export interface MemeGeneratorHookConfig {
|
|
13
|
+
apiUrl: string;
|
|
14
|
+
memeTag?: string;
|
|
15
|
+
locale?: string;
|
|
16
|
+
website_id?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface UseMemeGeneratorOptions {
|
|
19
|
+
memes?: MemeHookItem[];
|
|
20
|
+
config?: Partial<MemeGeneratorHookConfig>;
|
|
21
|
+
fonts?: MemeHookFont[];
|
|
22
|
+
defaultMemeIndex?: number;
|
|
23
|
+
imageProxyUrl?: string;
|
|
24
|
+
onDownload?: (meme: MemeHookItem, topText: string, bottomText: string) => void;
|
|
25
|
+
}
|
|
26
|
+
export declare const DEFAULT_MEME_CONFIG: MemeGeneratorHookConfig;
|
|
27
|
+
export declare function useMemeGenerator({ memes: memesProp, config, fonts: fontsProp, defaultMemeIndex, imageProxyUrl, onDownload, }?: UseMemeGeneratorOptions): {
|
|
28
|
+
memes: MemeHookItem[];
|
|
29
|
+
fonts: MemeHookFont[];
|
|
30
|
+
isLoading: boolean;
|
|
31
|
+
selectedMeme: MemeHookItem | null;
|
|
32
|
+
topText: string;
|
|
33
|
+
bottomText: string;
|
|
34
|
+
selectedFont: string;
|
|
35
|
+
isDownloading: boolean;
|
|
36
|
+
canvasRef: import("react").RefObject<HTMLCanvasElement | null>;
|
|
37
|
+
handleSelectMeme: (meme: MemeHookItem) => void;
|
|
38
|
+
setTopText: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
39
|
+
setBottomText: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
40
|
+
setSelectedFont: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
41
|
+
handleDownload: () => Promise<void>;
|
|
42
|
+
renderCanvas: () => void;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=useMemeGenerator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMemeGenerator.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useMemeGenerator.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/E;AAGD,eAAO,MAAM,mBAAmB,EAAE,uBAIjC,CAAA;AAeD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,SAAS,EAChB,MAAM,EACN,KAAK,EAAE,SAAS,EAChB,gBAAoB,EACpB,aAAa,EACb,UAAU,GACX,GAAE,uBAA4B;;;;;;;;;;6BA0GG,YAAY;;;;;;EAwC7C"}
|