webs-sdk 0.18.62 → 0.18.63

package/dist/components/for-you/hooks/useCreativeFaceSwap.js

@@ -0,0 +1,222 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreativeFaceSwap = useCreativeFaceSwap;
+const react_1 = require("react");
+function useCreativeFaceSwap({ config, examples: examplesProp = [], examplesTag, apiBaseUrl, locale, onGenerationComplete, onError, }) {
+    const [dynamicExamples, setDynamicExamples] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        if (!examplesTag)
+            return;
+        const fetchExamples = async () => {
+            var _a;
+            try {
+                const base = apiBaseUrl || '/api';
+                const response = await fetch(`${base}/get_contents_by_tags`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ language: locale || 'en', tags: [examplesTag], limit: 20 }),
+                });
+                if (!response.ok)
+                    return;
+                const data = await response.json();
+                const items = ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data) || [];
+                const mapped = items.map((item, idx) => {
+                    var _a;
+                    return ({
+                        id: item.id || idx,
+                        image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || '',
+                        description: item.title || item.description || `Example ${idx + 1}`,
+                    });
+                }).filter((e) => e.image);
+                if (mapped.length > 0)
+                    setDynamicExamples(mapped);
+            }
+            catch (err) {
+                console.error('useCreativeFaceSwap: Error fetching examples:', err);
+            }
+        };
+        fetchExamples();
+    }, [examplesTag, apiBaseUrl, locale]);
+    const examples = examplesProp.length > 0 ? examplesProp : dynamicExamples;
+    const [uploadedImage, setUploadedImage] = (0, react_1.useState)(null);
+    const [selectedExample, setSelectedExample] = (0, react_1.useState)(null);
+    const [description, setDescription] = (0, react_1.useState)('');
+    const [isGenerating, setIsGenerating] = (0, react_1.useState)(false);
+    const [generatedResult, setGeneratedResult] = (0, react_1.useState)(null);
+    const [progressPercent, setProgressPercent] = (0, react_1.useState)(null);
+    const [generatedImageUrl, setGeneratedImageUrl] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const fileInputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent === 100)
+            return;
+        const checkProgress = async () => {
+            try {
+                const response = await fetch(config.apiEndpoints.progress, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        us_id: config.userId,
+                        us_login: config.userLogin,
+                        md5: generatedResult.md5,
+                    }),
+                });
+                const data = await response.json();
+                if (response.ok && data.success)
+                    setProgressPercent(data.data.pct);
+            }
+            catch (err) {
+                console.error('useCreativeFaceSwap: Error checking progress:', err);
+            }
+        };
+        checkProgress();
+        const interval = setInterval(checkProgress, 3000);
+        return () => clearInterval(interval);
+    }, [generatedResult, progressPercent, config]);
+    (0, react_1.useEffect)(() => {
+        if (!(generatedResult === null || generatedResult === void 0 ? void 0 : generatedResult.md5) || progressPercent !== 100 || generatedImageUrl)
+            return;
+        const fetchFinalImage = async () => {
+            try {
+                const response = await fetch(config.apiEndpoints.getImage, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        us_id: config.userId,
+                        us_login: config.userLogin,
+                        md5: generatedResult.md5,
+                    }),
+                });
+                const data = await response.json();
+                if (response.ok && data.success && data.data) {
+                    const imageUrl = decodeURIComponent(data.data.s3_image);
+                    setGeneratedImageUrl(imageUrl);
+                    onGenerationComplete === null || onGenerationComplete === void 0 ? void 0 : onGenerationComplete(imageUrl);
+                }
+            }
+            catch (err) {
+                console.error('useCreativeFaceSwap: Error fetching image:', err);
+                const errorMsg = 'Error fetching generated image';
+                setError(errorMsg);
+                onError === null || onError === void 0 ? void 0 : onError(errorMsg);
+            }
+        };
+        fetchFinalImage();
+    }, [generatedResult, progressPercent, generatedImageUrl, config, onGenerationComplete, onError]);
+    const handleUploadClick = () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    const handleFileChange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (!file)
+            return;
+        if (!file.type.startsWith('image/')) {
+            alert('Please select a valid image file');
+            return;
+        }
+        if (file.size > 5 * 1024 * 1024) {
+            alert('Image size should be less than 5MB');
+            return;
+        }
+        const reader = new FileReader();
+        reader.onloadend = () => setUploadedImage(reader.result);
+        reader.readAsDataURL(file);
+    };
+    const handleRemoveImage = () => {
+        setUploadedImage(null);
+        if (fileInputRef.current)
+            fileInputRef.current.value = '';
+    };
+    const handleSelectExample = (example) => {
+        setSelectedExample(example);
+        setUploadedImage(null);
+    };
+    const handleGenerate = async () => {
+        if ((!uploadedImage && !selectedExample) || !description.trim())
+            return;
+        setIsGenerating(true);
+        setError(null);
+        setGeneratedResult(null);
+        setProgressPercent(null);
+        setGeneratedImageUrl(null);
+        try {
+            const response = await fetch(config.apiEndpoints.generate, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    us_id: config.userId,
+                    us_login: config.userLogin,
+                    wid: config.wid,
+                    workflow: 'txt2img_faceswap_api',
+                    prompt: description,
+                    img_data: uploadedImage || (selectedExample === null || selectedExample === void 0 ? void 0 : selectedExample.image) || '',
+                }),
+            });
+            const data = await response.json();
+            if (!response.ok || !data.success)
+                throw new Error(data.error || 'Error generating image');
+            setGeneratedResult(data.data);
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : 'An error occurred';
+            setError(errorMsg);
+            onError === null || onError === void 0 ? void 0 : onError(errorMsg);
+        }
+        finally {
+            setIsGenerating(false);
+        }
+    };
+    const handleStartAgain = () => {
+        setGeneratedResult(null);
+        setProgressPercent(null);
+        setGeneratedImageUrl(null);
+        setError(null);
+        setUploadedImage(null);
+        setSelectedExample(null);
+        setDescription('');
+    };
+    const handleDownload = async () => {
+        if (!generatedImageUrl)
+            return;
+        try {
+            const response = await fetch(generatedImageUrl);
+            const blob = await response.blob();
+            const objectUrl = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = objectUrl;
+            link.download = `faceswap-${Date.now()}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(objectUrl);
+        }
+        catch (_a) {
+            window.open(generatedImageUrl, '_blank');
+        }
+    };
+    const isProcessing = isGenerating || (!!generatedResult && !generatedImageUrl);
+    const canGenerate = !!(uploadedImage || selectedExample) && !!description.trim() && !isProcessing;
+    return {
+        examples,
+        uploadedImage,
+        selectedExample,
+        description,
+        isGenerating,
+        generatedResult,
+        progressPercent,
+        generatedImageUrl,
+        error,
+        isProcessing,
+        canGenerate,
+        fileInputRef,
+        setSelectedExample,
+        setDescription,
+        handleUploadClick,
+        handleFileChange,
+        handleRemoveImage,
+        handleSelectExample,
+        handleGenerate,
+        handleStartAgain,
+        handleDownload,
+    };
+}
+//# sourceMappingURL=useCreativeFaceSwap.js.map

package/dist/components/for-you/hooks/useCreativeFaceSwap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreativeFaceSwap.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useCreativeFaceSwap.ts"],"names":[],"mappings":";;AAqCA,kDA0NC;AA/PD,iCAAmD;AAqCnD,SAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EAAE,YAAY,GAAG,EAAE,EAC3B,WAAW,EACX,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,OAAO,GACoB;IAE3B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAwB,EAAE,CAAC,CAAA;IAEjF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAM;QACxB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;;YAC/B,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,UAAU,IAAI,MAAM,CAAA;gBACjC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,uBAAuB,EAAE;oBAC3D,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;oBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;iBACnF,CAAC,CAAA;gBACF,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,OAAM;gBACxB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;gBAClC,MAAM,KAAK,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,IAAI,KAAI,EAAE,CAAA;gBAEpC,MAAM,MAAM,GAA0B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,GAAW,EAAE,EAAE;;oBAAC,OAAA,CAAC;wBAC3E,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG;wBAClB,KAAK,EAAE,IAAI,CAAC,SAAS,KAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAA,IAAI,EAAE;wBAChD,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,IAAI,WAAW,GAAG,GAAG,CAAC,EAAE;qBACpE,CAAC,CAAA;iBAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAsB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC/C,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;oBAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;YACnD,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,+CAA+C,EAAE,GAAG,CAAC,CAAA;YACrE,CAAC;QACH,CAAC,CAAA;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAErC,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAA;IAGzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IACvE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAA6B,IAAI,CAAC,CAAA;IACxF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAGlD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAyC,IAAI,CAAC,CAAA;IACpG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAC3E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAC/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAGnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,CAAA,IAAI,eAAe,KAAK,GAAG;YAAE,OAAM;QAC5D,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE;oBACzD,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;oBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,KAAK,EAAE,MAAM,CAAC,MAAM;wBACpB,QAAQ,EAAE,MAAM,CAAC,SAAS;wBAC1B,GAAG,EAAE,eAAe,CAAC,GAAG;qBACzB,CAAC;iBACH,CAAC,CAAA;gBACF,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;gBAClC,IAAI,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO;oBAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACpE,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,+CAA+C,EAAE,GAAG,CAAC,CAAA;YACrE,CAAC;QACH,CAAC,CAAA;QACD,aAAa,EAAE,CAAA;QACf,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;IAG9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,CAAA,IAAI,eAAe,KAAK,GAAG,IAAI,iBAAiB;YAAE,OAAM;QACjF,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE;oBACzD,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;oBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,KAAK,EAAE,MAAM,CAAC,MAAM;wBACpB,QAAQ,EAAE,MAAM,CAAC,SAAS;wBAC1B,GAAG,EAAE,eAAe,CAAC,GAAG;qBACzB,CAAC;iBACH,CAAC,CAAA;gBACF,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;gBAClC,IAAI,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;oBAC7C,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;oBACvD,oBAAoB,CAAC,QAAQ,CAAC,CAAA;oBAC9B,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,QAAQ,CAAC,CAAA;gBAClC,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,4CAA4C,EAAE,GAAG,CAAC,CAAA;gBAChE,MAAM,QAAQ,GAAG,gCAAgC,CAAA;gBACjD,QAAQ,CAAC,QAAQ,CAAC,CAAA;gBAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,QAAQ,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QACD,eAAe,EAAE,CAAA;IACnB,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhG,MAAM,iBAAiB,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAA;IAE7D,MAAM,gBAAgB,GAAG,CAAC,KAA0C,EAAE,EAAE;;QACtE,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAA;QACpC,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC;YAAC,OAAM;QAAC,CAAC;QAC1F,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;YAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;YAAC,OAAM;QAAC,CAAC;QACxF,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;QAC/B,MAAM,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAA;QAClE,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACtB,IAAI,YAAY,CAAC,OAAO;YAAE,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;IAC3D,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,OAA4B,EAAE,EAAE;QAC3D,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YAAE,OAAM;QACvE,eAAe,CAAC,IAAI,CAAC,CAAA;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,oBAAoB,CAAC,IAAI,CAAC,CAAA;QAC1B,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE;gBACzD,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,KAAK,EAAE,MAAM,CAAC,MAAM;oBACpB,QAAQ,EAAE,MAAM,CAAC,SAAS;oBAC1B,GAAG,EAAE,MAAM,CAAC,GAAG;oBACf,QAAQ,EAAE,sBAAsB;oBAChC,MAAM,EAAE,WAAW;oBACnB,QAAQ,EAAE,aAAa,KAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,CAAA,IAAI,EAAE;iBACxD,CAAC;aACH,CAAC,CAAA;YACF,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;YAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO;gBAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,wBAAwB,CAAC,CAAA;YAC1F,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC/B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAA;YACzE,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,QAAQ,CAAC,CAAA;QACrB,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,oBAAoB,CAAC,IAAI,CAAC,CAAA;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACtB,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,cAAc,CAAC,EAAE,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC,iBAAiB;YAAE,OAAM;QAC9B,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAA;YAC/C,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;YAClC,MAAM,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;YAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;YACxC,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;YACrB,IAAI,CAAC,QAAQ,GAAG,YAAY,IAAI,CAAC,GAAG,EAAE,MAAM,CAAA;YAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAC/B,IAAI,CAAC,KAAK,EAAE,CAAA;YACZ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAC/B,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;QAChC,CAAC;QAAC,WAAM,CAAC;YACP,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;QAC1C,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,CAAC,CAAC,CAAC,aAAa,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAA;IAEjG,OAAO;QACL,QAAQ;QACR,aAAa;QACb,eAAe;QACf,WAAW;QACX,YAAY;QACZ,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,KAAK;QACL,YAAY;QACZ,WAAW;QACX,YAAY;QACZ,kBAAkB;QAClB,cAAc;QACd,iBAAiB;QACjB,gBAAgB;QAChB,iBAAiB;QACjB,mBAAmB;QACnB,cAAc;QACd,gBAAgB;QAChB,cAAc;KACf,CAAA;AACH,CAAC"}

package/dist/components/for-you/hooks/useMemeGenerator.d.ts

@@ -0,0 +1,44 @@
+export interface MemeHookItem {
+    id: number | string;
+    name: string;
+    image: string;
+    fullSizeImage?: string;
+}
+export interface MemeHookFont {
+    id: string;
+    label: string;
+    family: string;
+}
+export interface MemeGeneratorHookConfig {
+    apiUrl: string;
+    memeTag?: string;
+    locale?: string;
+    website_id?: string;
+}
+export interface UseMemeGeneratorOptions {
+    memes?: MemeHookItem[];
+    config?: Partial<MemeGeneratorHookConfig>;
+    fonts?: MemeHookFont[];
+    defaultMemeIndex?: number;
+    imageProxyUrl?: string;
+    onDownload?: (meme: MemeHookItem, topText: string, bottomText: string) => void;
+}
+export declare const DEFAULT_MEME_CONFIG: MemeGeneratorHookConfig;
+export declare function useMemeGenerator({ memes: memesProp, config, fonts: fontsProp, defaultMemeIndex, imageProxyUrl, onDownload, }?: UseMemeGeneratorOptions): {
+    memes: MemeHookItem[];
+    fonts: MemeHookFont[];
+    isLoading: boolean;
+    selectedMeme: MemeHookItem | null;
+    topText: string;
+    bottomText: string;
+    selectedFont: string;
+    isDownloading: boolean;
+    canvasRef: import("react").RefObject<HTMLCanvasElement | null>;
+    handleSelectMeme: (meme: MemeHookItem) => void;
+    setTopText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setBottomText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setSelectedFont: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handleDownload: () => Promise<void>;
+    renderCanvas: () => void;
+};
+//# sourceMappingURL=useMemeGenerator.d.ts.map

package/dist/components/for-you/hooks/useMemeGenerator.d.ts.map

@@ -0,0 +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"}

package/dist/components/for-you/hooks/useMemeGenerator.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_MEME_CONFIG = void 0;
+exports.useMemeGenerator = useMemeGenerator;
+const react_1 = require("react");
+exports.DEFAULT_MEME_CONFIG = {
+    apiUrl: '/api/get_contents_by_tags',
+    memeTag: 'meme',
+    locale: 'en',
+};
+const defaultFonts = [
+    { id: 'IMPACT', label: 'IMPACT', family: 'Impact, Arial Black, sans-serif' },
+    { id: 'BANGERS', label: 'BANGERS', family: '"Bangers", Impact, sans-serif' },
+    { id: 'CREEPSTER', label: 'CREEPSTER', family: '"Creepster", Impact, sans-serif' },
+    { id: 'LUCKIEST', label: 'LUCKIEST', family: '"Luckiest Guy", Impact, sans-serif' },
+];
+function useMemeGenerator({ memes: memesProp, config, fonts: fontsProp, defaultMemeIndex = 0, imageProxyUrl, onDownload, } = {}) {
+    var _a;
+    const mergedConfig = Object.assign(Object.assign({}, exports.DEFAULT_MEME_CONFIG), config);
+    const fonts = fontsProp && fontsProp.length > 0 ? fontsProp : defaultFonts;
+    const [memes, setMemes] = (0, react_1.useState)(memesProp || []);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(!memesProp);
+    const [selectedMeme, setSelectedMeme] = (0, react_1.useState)(null);
+    const [topText, setTopText] = (0, react_1.useState)('');
+    const [bottomText, setBottomText] = (0, react_1.useState)('');
+    const [selectedFont, setSelectedFont] = (0, react_1.useState)(((_a = fonts[0]) === null || _a === void 0 ? void 0 : _a.id) || 'IMPACT');
+    const [isDownloading, setIsDownloading] = (0, react_1.useState)(false);
+    const canvasRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (memesProp && memesProp.length > 0) {
+            setMemes(memesProp);
+            setSelectedMeme(memesProp[defaultMemeIndex] || memesProp[0]);
+            setIsLoading(false);
+            return;
+        }
+        const fetchMemes = async () => {
+            var _a;
+            try {
+                setIsLoading(true);
+                const response = await fetch(mergedConfig.apiUrl, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(Object.assign({ language: mergedConfig.locale || 'en', tags: [mergedConfig.memeTag || 'meme'] }, (mergedConfig.website_id && { website_id: mergedConfig.website_id }))),
+                });
+                if (!response.ok)
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                const data = await response.json();
+                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) ||
+                    (Array.isArray(data === null || data === void 0 ? void 0 : data.data) && data.data) ||
+                    [];
+                const mapped = items.map((item, idx) => {
+                    var _a, _b;
+                    return ({
+                        id: item.id || `meme-${idx}`,
+                        name: item.title || item.name || `Meme ${idx + 1}`,
+                        image: item.thumbnail || ((_a = item.images) === null || _a === void 0 ? void 0 : _a.img1) || '',
+                        fullSizeImage: ((_b = item.images) === null || _b === void 0 ? void 0 : _b.img1) || item.imageUrl || item.thumbnail || '',
+                    });
+                }).filter((m) => m.image);
+                setMemes(mapped);
+                setSelectedMeme(mapped[defaultMemeIndex] || mapped[0] || null);
+            }
+            catch (err) {
+                console.error('useMemeGenerator: Error fetching memes:', err);
+                setMemes([]);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        fetchMemes();
+    }, [mergedConfig.apiUrl, mergedConfig.memeTag, mergedConfig.locale]);
+    const renderCanvas = (0, react_1.useCallback)(() => {
+        const canvas = canvasRef.current;
+        if (!canvas || !selectedMeme)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const img = new Image();
+        img.crossOrigin = 'anonymous';
+        const src = imageProxyUrl
+            ? `${imageProxyUrl}${encodeURIComponent(selectedMeme.fullSizeImage || selectedMeme.image)}`
+            : selectedMeme.fullSizeImage || selectedMeme.image;
+        img.onload = () => {
+            canvas.width = img.naturalWidth;
+            canvas.height = img.naturalHeight;
+            ctx.drawImage(img, 0, 0);
+            const font = fonts.find(f => f.id === selectedFont) || fonts[0];
+            const fontSize = Math.max(canvas.width * 0.07, 28);
+            ctx.font = `900 ${fontSize}px ${font.family}`;
+            ctx.textAlign = 'center';
+            ctx.lineWidth = fontSize * 0.12;
+            ctx.strokeStyle = '#000';
+            ctx.fillStyle = '#fff';
+            if (topText) {
+                ctx.strokeText(topText.toUpperCase(), canvas.width / 2, fontSize * 1.1);
+                ctx.fillText(topText.toUpperCase(), canvas.width / 2, fontSize * 1.1);
+            }
+            if (bottomText) {
+                ctx.strokeText(bottomText.toUpperCase(), canvas.width / 2, canvas.height - fontSize * 0.3);
+                ctx.fillText(bottomText.toUpperCase(), canvas.width / 2, canvas.height - fontSize * 0.3);
+            }
+        };
+        img.src = src;
+    }, [selectedMeme, topText, bottomText, selectedFont, fonts, imageProxyUrl]);
+    (0, react_1.useEffect)(() => {
+        renderCanvas();
+    }, [renderCanvas]);
+    const handleSelectMeme = (meme) => {
+        setSelectedMeme(meme);
+        setTopText('');
+        setBottomText('');
+    };
+    const handleDownload = async () => {
+        if (!selectedMeme || !canvasRef.current)
+            return;
+        setIsDownloading(true);
+        try {
+            const dataUrl = canvasRef.current.toDataURL('image/png');
+            const link = document.createElement('a');
+            link.href = dataUrl;
+            link.download = `meme-${Date.now()}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            onDownload === null || onDownload === void 0 ? void 0 : onDownload(selectedMeme, topText, bottomText);
+        }
+        finally {
+            setIsDownloading(false);
+        }
+    };
+    return {
+        memes,
+        fonts,
+        isLoading,
+        selectedMeme,
+        topText,
+        bottomText,
+        selectedFont,
+        isDownloading,
+        canvasRef,
+        handleSelectMeme,
+        setTopText,
+        setBottomText,
+        setSelectedFont,
+        handleDownload,
+        renderCanvas,
+    };
+}
+//# sourceMappingURL=useMemeGenerator.js.map

package/dist/components/for-you/hooks/useMemeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemeGenerator.js","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useMemeGenerator.ts"],"names":[],"mappings":"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"}

package/dist/components/for-you/hooks/useQuiz.d.ts

@@ -0,0 +1,62 @@
+export interface QuizHookQuestion {
+    id: string | number;
+    question: string;
+    thumbnail?: string;
+    options: Array<{
+        text: string;
+        points: number;
+    }>;
+    correctIndex?: number;
+    explanation?: string;
+}
+export interface QuizHookResult {
+    title: string;
+    description: string;
+    minPoints: number;
+    maxPoints: number;
+}
+export interface QuizHookItem {
+    id: string | number;
+    title: string;
+    description?: string;
+    thumbnail?: string;
+    contentsId: string;
+}
+export interface QuizHookConfig {
+    apiUrl: string;
+    questionsApiUrl?: string;
+    tags?: string[];
+    includeIds?: number[];
+    locale?: string;
+    initialCount?: number;
+    loadMoreCount?: number;
+    website_id?: string;
+}
+export interface UseQuizOptions {
+    config?: Partial<QuizHookConfig>;
+    onQuizStart?: (quiz: QuizHookItem) => void;
+    onQuizComplete?: (score: number, totalQuestions: number) => void;
+}
+export declare const DEFAULT_QUIZ_CONFIG: QuizHookConfig;
+export declare function useQuiz({ config, onQuizStart, onQuizComplete }?: UseQuizOptions): {
+    quizItems: QuizHookItem[];
+    visibleItems: QuizHookItem[];
+    isLoading: boolean;
+    hasMore: boolean;
+    activeQuiz: QuizHookItem | null;
+    activeQuestions: QuizHookQuestion[];
+    activeResults: QuizHookResult[];
+    loadingQuestions: boolean;
+    currentQuestionIndex: number;
+    answers: number[];
+    score: number | null;
+    isFinished: boolean;
+    currentResult: QuizHookResult | null;
+    loadMore: () => void;
+    handleOpenQuiz: (quiz: QuizHookItem) => Promise<void>;
+    handleCloseQuiz: () => void;
+    handleAnswer: (optionIndex: number) => void;
+    handlePrevious: () => void;
+    handleRetry: () => void;
+};
+//# sourceMappingURL=useQuiz.d.ts.map

package/dist/components/for-you/hooks/useQuiz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuiz.d.ts","sourceRoot":"","sources":["../../../../src/components/for-you/hooks/useQuiz.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;CACjE;AAGD,eAAO,MAAM,mBAAmB,EAAE,cAMjC,CAAA;AAqHD,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAE,cAAmB;;;;;;;;;;;;;;;2BAwDlC,YAAY;;gCA6CzB,MAAM;;;EAyD1C"}