@wewear/virtual-try-on 1.4.4 → 1.4.6

package/dist/index.esm.js

@@ -444,6 +444,7 @@ class VirtualTryOnWidget {
     constructor(config) {
         this.virtualTryOnImageUrl = null;
         this.originalProductImageUrl = null;
+        this.originalProductImages = []; // Store all original product images
         this.isShowingVirtualTryOn = false;
         this.lastModelImage = null;
         this.cameraButton = null;
@@ -501,31 +502,54 @@ class VirtualTryOnWidget {
     async handleTryOnClick() {
         console.log("[WeWear VTO] Button clicked, starting try-on process...");
         try {
-            // Get required data
-            if (!this.originalProductImageUrl) {
-                const productImageElement = document.querySelector(this.config.productImageSelector);
-                this.originalProductImageUrl =
-                    (productImageElement === null || productImageElement === void 0 ? void 0 : productImageElement.src) ||
-                        (productImageElement === null || productImageElement === void 0 ? void 0 : productImageElement.getAttribute("data-src")) ||
-                        "";
+            // Store original images on first click if not already stored
+            if (this.originalProductImages.length === 0) {
+                this.originalProductImages = this.getAllProductImages();
+                console.log("[WeWear VTO] Stored original product images:", this.originalProductImages);
             }
-            const ww_product_image = this.originalProductImageUrl;
             console.log("[WeWear VTO] Retrieved data:", {
-                ww_product_image,
+                productImages: this.originalProductImages,
             });
-            if (!ww_product_image) {
-                console.warn("[WeWear VTO] Product image not found:", this.config.productImageSelector);
+            if (this.originalProductImages.length === 0) {
+                console.warn("[WeWear VTO] Product images not found:", this.config.productImageSelector);
                 return;
             }
+            // Store the first image as the original
+            if (!this.originalProductImageUrl) {
+                this.originalProductImageUrl = this.originalProductImages[0];
+            }
             // Open the photo upload page in a modal
             const photoUploadUrl = new URL(`${this.config.baseUrl}`);
-            photoUploadUrl.searchParams.append("ww_product_image", ww_product_image);
+            // Pass all product images as a comma-separated string
+            photoUploadUrl.searchParams.append("ww_product_images", this.originalProductImages.join(","));
             this.showPhotoUploadModal(photoUploadUrl.toString());
         }
         catch (error) {
             console.error("[WeWear VTO] Try-on request failed:", error);
         }
     }
+    /**
+     * Gets all product images from the gallery
+     * @private
+     * @returns Array of product image URLs
+     */
+    getAllProductImages() {
+        const productImageElements = document.querySelectorAll(this.config.productImageSelector);
+        const images = [];
+        productImageElements.forEach((img) => {
+            const imageUrl = img.src ||
+                img.getAttribute("data-src") ||
+                img.getAttribute("data-large_image") ||
+                "";
+            // Only include http/https URLs, exclude blob URLs and data URLs
+            if (imageUrl &&
+                (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) &&
+                !images.includes(imageUrl)) {
+                images.push(imageUrl);
+            }
+        });
+        return images;
+    }
     /**
      * Shows a modal with an iframe for the photo upload page
      * @private
@@ -539,15 +563,15 @@ class VirtualTryOnWidget {
             position: fixed;
             top: 0;
             left: 0;
+            right: 0;
+            bottom: 0;
             width: 100%;
             height: 100%;
-            background: rgba(0, 0, 0, 0.8);
-            backdrop-filter: blur(8px);
-            -webkit-backdrop-filter: blur(8px);
+            background-color: rgba(0, 0, 0, 0.8);
             display: flex;
             justify-content: center;
             align-items: center;
-            z-index: ${Z_INDEX.MODAL};
+            z-index: 999999999;
             animation: ww-modal-fade-in 0.3s ease;
         `;
         // Add fade-in animation
@@ -671,10 +695,18 @@ class VirtualTryOnWidget {
         if (isRefresh) {
             console.log("[WeWear VTO] Refreshing virtual try-on with previous parameters...");
         }
-        if (!this.lastModelImage || !this.originalProductImageUrl) {
+        if (!this.lastModelImage) {
             console.warn("[WeWear VTO] Missing required data to start virtual try-on.");
             return;
         }
+        // Use stored original images, or get them if not stored yet
+        if (this.originalProductImages.length === 0) {
+            this.originalProductImages = this.getAllProductImages();
+        }
+        if (this.originalProductImages.length === 0) {
+            console.warn("[WeWear VTO] No product images found.");
+            return;
+        }
         // Hide the modal and show loading indicator
         const modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);
         if (modal && modal instanceof HTMLElement) {
@@ -685,7 +717,7 @@ class VirtualTryOnWidget {
             showProductLoading(container, "Generating your virtual try-on...");
         }
         try {
-            const submitResponse = await this.callVtoApi(this.lastModelImage, this.originalProductImageUrl);
+            const submitResponse = await this.callVtoApi(this.lastModelImage, this.originalProductImages);
             let status = await this.fetchJobStatus(submitResponse.job_id);
             const previews = [];
             while (status.status !== "COMPLETED" && status.status !== "FAILED") {
@@ -737,10 +769,11 @@ class VirtualTryOnWidget {
             removeElements(`.${CSS_CLASSES.MODAL}`);
         }
     }
-    async callVtoApi(modelImage, productImage) {
+    async callVtoApi(modelImage, productImages) {
         const formData = new FormData();
         formData.append("model_image", modelImage, "model_image.png");
-        formData.append("ww_product_image", productImage);
+        // Send all product images as a JSON array
+        formData.append("product_image_urls", JSON.stringify(productImages));
         const res = await fetch(`${this.config.baseUrl}/api/vto`, {
             method: "POST",
             body: formData,
@@ -944,6 +977,7 @@ class VirtualTryOnWidget {
             this.isShowingVirtualTryOn = false;
             this.lastModelImage = null;
             this.originalProductImageUrl = null;
+            this.originalProductImages = [];
             if (this.previewBadge) {
                 this.previewBadge.remove();
                 this.previewBadge = null;

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/constants.ts","../src/components/badge.ts","../src/utils.ts","../src/components/button.ts","../src/components/loading-overlay.ts","../src/components/alert-overlay.ts","../src/widget.ts","../src/installer.ts"],"sourcesContent":["/** CSS class names for consistent styling */\nexport const CSS_CLASSES = {\n\tBUTTON_CONTAINER: \"wewear-vto-button-container\",\n\tBUTTON: \"wewear-vto-button\",\n\tMODAL: \"wewear-vto-modal\",\n\tPREVIEW_BADGE: \"ww-vto-preview-badge\",\n} as const;\n\n/** Z-index values for proper layering */\nexport const Z_INDEX = {\n\tBUTTON: 10,\n\tMODAL: 99999,\n} as const;\n","import { CSS_CLASSES } from \"../constants.js\";\r\n\r\nexport function createPreviewBadge(): HTMLElement {\r\n\tconst badge = document.createElement(\"div\");\r\n\tbadge.className = CSS_CLASSES.PREVIEW_BADGE;\r\n\tbadge.innerText = \"PREVIEW\";\r\n\r\n\tconst styleId = \"ww-vto-badge-styles\";\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styles = document.createElement(\"style\");\r\n\t\tstyles.id = styleId;\r\n\t\tstyles.innerHTML = `\r\n            .${CSS_CLASSES.PREVIEW_BADGE} {\r\n                position: absolute;\r\n                top: 20px;\r\n                right: 20px;\r\n                background: rgba(31, 41, 55, 0.9);\r\n                backdrop-filter: blur(4px);\r\n                -webkit-backdrop-filter: blur(4px);\r\n                color: white;\r\n                padding: 6px 14px;\r\n                border-radius: 6px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                letter-spacing: 0.5px;\r\n                z-index: 10;\r\n                pointer-events: none;\r\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n                animation: ww-vto-pulse 2s ease-in-out infinite;\r\n            }\r\n\r\n            @keyframes ww-vto-pulse {\r\n                0%, 100% {\r\n                    opacity: 0.9;\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styles);\r\n\t}\r\n\r\n\treturn badge;\r\n}\r\n","export function getPositionStyles(position: string): string {\n\tswitch (position) {\n\t\tcase \"bottom-left\":\n\t\t\treturn \"left: 20px; bottom: 20px;\";\n\t\tcase \"top-right\":\n\t\t\treturn \"right: 20px; top: 20px;\";\n\t\tcase \"top-left\":\n\t\t\treturn \"left: 20px; top: 20px;\";\n\t\tdefault:\n\t\t\treturn \"right: 20px; bottom: 20px;\";\n\t}\n}\n\nexport function removeElements(selector: string): void {\n\tconst elements = document.querySelectorAll(selector);\n\telements.forEach((element) => {\n\t\telement.remove();\n\t});\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\r\nimport { getPositionStyles } from \"../utils.js\";\r\n\r\nexport function createButtonContainer(\r\n\tbuttonPosition: string,\r\n\thasVirtualTryOn: boolean = false,\r\n\tonCameraClick: () => void,\r\n\tonRefreshClick?: () => void,\r\n\tonToggleClick?: () => void,\r\n\tisShowingVirtualTryOn: boolean = false,\r\n): HTMLElement {\r\n\tconst container = document.createElement(\"div\");\r\n\tcontainer.className = `${CSS_CLASSES.BUTTON_CONTAINER} ww-button-group`;\r\n\r\n\tconst positionStyles = getPositionStyles(buttonPosition);\r\n\tcontainer.style.cssText = `\r\n    position: absolute;\r\n    ${positionStyles}\r\n    display: flex;\r\n    gap: 4px;\r\n    border-radius: 100px;\r\n    background: white;\r\n    padding: 4px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    z-index: ${Z_INDEX.BUTTON};\r\n    transition: all 0.2s ease;\r\n  `;\r\n\r\n\t// Camera button\r\n\tconst cameraButton = document.createElement(\"button\");\r\n\tcameraButton.type = \"button\";\r\n\tcameraButton.className = `${CSS_CLASSES.BUTTON} ww-camera-btn`;\r\n\tcameraButton.setAttribute(\"aria-label\", \"Virtual Try-On\");\r\n\tcameraButton.style.cssText = `\r\n    display: flex;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100px;\r\n    padding: 0;\r\n    border: none;\r\n    background: white;\r\n    color: #000000;\r\n    transition: all 0.2s ease;\r\n    flex-shrink: 0;\r\n  `;\r\n\r\n\tcameraButton.innerHTML = `\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n      <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path>\r\n      <circle cx=\"12\" cy=\"13\" r=\"3\"></circle>\r\n    </svg>\r\n  `;\r\n\r\n\tcameraButton.onclick = onCameraClick;\r\n\tcontainer.appendChild(cameraButton);\r\n\r\n\t// Add refresh and toggle buttons if we have a virtual try-on\r\n\tif (hasVirtualTryOn) {\r\n\t\t// Refresh button - calls API again\r\n\t\tif (onRefreshClick) {\r\n\t\t\tconst refreshButton = document.createElement(\"button\");\r\n\t\t\trefreshButton.type = \"button\";\r\n\t\t\trefreshButton.className = \"ww-refresh-btn\";\r\n\t\t\trefreshButton.setAttribute(\"aria-label\", \"Refresh virtual try-on\");\r\n\t\t\trefreshButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: white;\r\n        color: #333333;\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\trefreshButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n          <path d=\"M3 3v5h5\"></path>\r\n          <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"></path>\r\n          <path d=\"M16 16h5v5\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\t\t\tcontainer.appendChild(refreshButton);\r\n\t\t}\r\n\r\n\t\t// Toggle button (scan-face) - switches between original and virtual try-on\r\n\t\tif (onToggleClick) {\r\n\t\t\tconst toggleButton = document.createElement(\"button\");\r\n\t\t\ttoggleButton.type = \"button\";\r\n\t\t\ttoggleButton.className = \"ww-toggle-btn\";\r\n\t\t\ttoggleButton.setAttribute(\r\n\t\t\t\t\"aria-label\",\r\n\t\t\t\tisShowingVirtualTryOn ? \"Show Original Image\" : \"Show Virtual Try-On\",\r\n\t\t\t);\r\n\t\t\ttoggleButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: ${isShowingVirtualTryOn ? \"#333333\" : \"#e5e7eb\"};\r\n        color: ${isShowingVirtualTryOn ? \"white\" : \"#333333\"};\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\ttoggleButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"></path>\r\n          <path d=\"M17 3h2a2 2 0 0 1 2 2v2\"></path>\r\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"></path>\r\n          <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"></path>\r\n          <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path>\r\n          <path d=\"M9 9h.01\"></path>\r\n          <path d=\"M15 9h.01\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\ttoggleButton.onmouseover = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#4a4a4a\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#d1d5db\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\ttoggleButton.onmouseout = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#333333\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#e5e7eb\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\ttoggleButton.onclick = onToggleClick;\r\n\t\t\tcontainer.appendChild(toggleButton);\r\n\t\t}\r\n\t}\r\n\r\n\treturn container;\r\n}\r\n\r\nexport function createButton(\r\n\tbuttonPosition: string,\r\n\tonClick: () => void,\r\n\tdisabled: boolean = false,\r\n): HTMLElement {\r\n\tconst container = createButtonContainer(buttonPosition, false, onClick);\r\n\tconst cameraButton = container.querySelector(\r\n\t\t\".ww-camera-btn\",\r\n\t) as HTMLButtonElement;\r\n\tif (cameraButton) {\r\n\t\tcameraButton.disabled = disabled;\r\n\t\tif (disabled) {\r\n\t\t\tcameraButton.style.opacity = \"0.5\";\r\n\t\t\tcameraButton.style.cursor = \"not-allowed\";\r\n\t\t\tcameraButton.title = \"Find your ideal size first\";\r\n\t\t}\r\n\t}\r\n\treturn container;\r\n}\r\n","import { Z_INDEX } from \"../constants.js\";\r\n\r\n/**\r\n * Creates a loading overlay that can be shown in different containers\r\n */\r\nexport function createLoadingOverlay(\r\n\ttext: string = \"Processing...\",\r\n): HTMLElement {\r\n\tconst overlay = document.createElement(\"div\");\r\n\toverlay.className = \"ww-loading-overlay\";\r\n\toverlay.style.cssText = `\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.88) 100%);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: ${Z_INDEX.MODAL + 1};\r\n    border-radius: inherit;\r\n    animation: ww-fade-in 0.3s ease;\r\n  `;\r\n\r\n\t// Add CSS animation to the document if not already added\r\n\tif (!document.getElementById(\"ww-loading-animation\")) {\r\n\t\tconst style = document.createElement(\"style\");\r\n\t\tstyle.id = \"ww-loading-animation\";\r\n\t\tstyle.textContent = `\r\n        @keyframes ww-fade-in {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n        \r\n        @keyframes ww-pulse-logo {\r\n          0%, 100% { \r\n            opacity: 0.8; \r\n            transform: scale(1);\r\n          }\r\n          50% { \r\n            opacity: 1; \r\n            transform: scale(1.05);\r\n          }\r\n        }\r\n        \r\n        @keyframes ww-spinner-rotate {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        @keyframes ww-dot-bounce {\r\n          0%, 80%, 100% { \r\n            transform: scale(0);\r\n            opacity: 0.5;\r\n          }\r\n          40% { \r\n            transform: scale(1);\r\n            opacity: 1;\r\n          }\r\n        }\r\n        \r\n        .ww-loading-logo {\r\n          animation: ww-pulse-logo 2s ease-in-out infinite;\r\n        }\r\n        \r\n        .ww-loading-spinner {\r\n          animation: ww-spinner-rotate 1s linear infinite;\r\n        }\r\n      `;\r\n\t\tdocument.head.appendChild(style);\r\n\t}\r\n\r\n\toverlay.innerHTML = `\r\n    <div style=\"display: flex; flex-direction: column; align-items: center; gap: 32px;\">\r\n      <div style=\"position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;\">\r\n        <!-- Outer spinning circle -->\r\n        <div class=\"ww-loading-spinner\" style=\"\r\n          position: absolute;\r\n          width: 120px;\r\n          height: 120px;\r\n          border: 3px solid transparent;\r\n          border-top: 3px solid #333333;\r\n          border-right: 3px solid #333333;\r\n          border-radius: 50%;\r\n        \"></div>\r\n        \r\n        <!-- Logo -->\r\n        <svg class=\"ww-loading-logo\" width=\"80\" height=\"50\" viewBox=\"0 0 214 135\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M102.906 74.8679C102.906 77.9717 101.574 80.7453 98.9104 83.1887C96.6871 85.1918 93.9025 86.6997 90.5566 87.7123C87.695 88.5708 84.6462 89 81.4104 89C73.8821 89 68.0047 87.0189 63.7783 83.0566C59.5519 87.0189 53.6855 89 46.1792 89C42.9434 89 39.9057 88.5708 37.066 87.7123C33.7201 86.6997 30.9245 85.1918 28.6792 83.1887C26.0157 80.7453 24.684 77.9717 24.684 74.8679V41.6509H32.3774V74.8679C32.3774 76.2547 33.489 77.5645 35.7123 78.7972C37.3632 79.7217 39.0692 80.3711 40.8302 80.7453C42.5252 81.1195 44.3082 81.3066 46.1792 81.3066C48.0063 81.3066 49.7673 81.1195 51.4623 80.7453C53.2453 80.3711 54.9623 79.7217 56.6132 78.7972C58.8585 77.5645 59.9811 76.2547 59.9811 74.8679V41.6509H67.6085V74.8679C67.6085 76.2547 68.7311 77.5645 70.9764 78.7972C72.6274 79.7217 74.3443 80.3711 76.1274 80.7453C77.8223 81.1195 79.5833 81.3066 81.4104 81.3066C83.2814 81.3066 85.0755 81.1195 86.7925 80.7453C88.5314 80.3711 90.2264 79.7217 91.8774 78.7972C94.1006 77.5645 95.2123 76.2547 95.2123 74.8679V41.6509H102.906V74.8679ZM189.283 74.8679C189.283 77.9717 187.951 80.7453 185.288 83.1887C183.064 85.1918 180.28 86.6997 176.934 87.7123C174.072 88.5708 171.024 89 167.788 89C160.259 89 154.382 87.0189 150.156 83.0566C145.929 87.0189 140.063 89 132.557 89C129.321 89 126.283 88.5708 123.443 87.7123C120.097 86.6997 117.302 85.1918 115.057 83.1887C112.393 80.7453 111.061 77.9717 111.061 74.8679V41.6509H118.755V74.8679C118.755 76.2547 119.866 77.5645 122.09 78.7972C123.741 79.7217 125.447 80.3711 127.208 80.7453C128.903 81.1195 130.686 81.3066 132.557 81.3066C134.384 81.3066 136.145 81.1195 137.84 80.7453C139.623 80.3711 141.34 79.7217 142.991 78.7972C145.236 77.5645 146.358 76.2547 146.358 74.8679V41.6509H153.986V74.8679C153.986 76.2547 155.108 77.5645 157.354 78.7972C159.005 79.7217 160.722 80.3711 162.505 80.7453C164.2 81.1195 165.961 81.3066 167.788 81.3066C169.659 81.3066 171.453 81.1195 173.17 80.7453C174.909 80.3711 176.604 79.7217 178.255 78.7972C180.478 77.5645 181.59 76.2547 181.59 74.8679V41.6509H189.283V74.8679Z\" fill=\"white\"/>\r\n        </svg>\r\n      </div>\r\n      \r\n      <div style=\"font-size: 17px; font-weight: 500; text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: white; letter-spacing: 0.5px; max-width: 280px;\">${text}</div>\r\n      \r\n      <div style=\"display: flex; gap: 10px; margin-top: 4px;\">\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.2s infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.4s infinite;\"></div>\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n\treturn overlay;\r\n}\r\n\r\n/**\r\n * Shows a loading overlay in the product gallery container\r\n */\r\nexport function showProductLoading(\r\n\tcontainer: HTMLElement,\r\n\ttext: string = \"Generating virtual try-on...\",\r\n): void {\r\n\t// Remove any existing loading overlays\r\n\tremoveProductLoading(container);\r\n\r\n\t// Make container relative if it's not already positioned\r\n\tconst computedStyle = window.getComputedStyle(container);\r\n\tif (computedStyle.position === \"static\") {\r\n\t\tcontainer.style.position = \"relative\";\r\n\t}\r\n\r\n\tconst loadingOverlay = createLoadingOverlay(text);\r\n\tcontainer.appendChild(loadingOverlay);\r\n}\r\n\r\n/**\r\n * Removes loading overlay from product container\r\n */\r\nexport function removeProductLoading(container: HTMLElement): void {\r\n\tconst existingOverlay = container.querySelector(\".ww-loading-overlay\");\r\n\tif (existingOverlay) {\r\n\t\texistingOverlay.remove();\r\n\t}\r\n}\r\n","export function showAlert(\r\n\tcontainer: HTMLElement,\r\n\tmessage: string,\r\n\ttype: \"error\" | \"warning\",\r\n) {\r\n\tremoveAlert(container); // Remove any existing alert\r\n\r\n\tconst alertDiv = document.createElement(\"div\");\r\n\talertDiv.className = `ww-alert ww-alert-${type}`;\r\n\talertDiv.setAttribute(\"role\", type === \"error\" ? \"alert\" : \"status\");\r\n\talertDiv.setAttribute(\"aria-live\", \"assertive\");\r\n\r\n\tconst bgColor =\r\n\t\ttype === \"error\"\r\n\t\t\t? \"linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)\"\r\n\t\t\t: \"linear-gradient(135deg, #fef9c3 0%, #fde68a 100%)\";\r\n\tconst textColor = type === \"error\" ? \"#991b1b\" : \"#78350f\";\r\n\tconst borderColor = type === \"error\" ? \"#f87171\" : \"#fbbf24\";\r\n\tconst iconColor = type === \"error\" ? \"#dc2626\" : \"#d97706\";\r\n\r\n\talertDiv.style.cssText = `\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(-20px);\r\n        background: ${bgColor};\r\n        color: ${textColor};\r\n        border: 1px solid ${borderColor};\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        z-index: 9999;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-width: 280px;\r\n        max-width: 90%;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    `;\r\n\r\n\tconst icon =\r\n\t\ttype === \"error\"\r\n\t\t\t? `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\r\n\t\t</svg>`\r\n\t\t\t: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/>\r\n\t\t</svg>`;\r\n\r\n\talertDiv.innerHTML = `\r\n        ${icon}\r\n        <span style=\"flex: 1; line-height: 1.5;\">${message}</span>\r\n        <button type=\"button\" aria-label=\"Close alert\"\r\n            style=\"\r\n                background: none;\r\n                border: none;\r\n                font-size: 22px;\r\n                color: ${textColor};\r\n                cursor: pointer;\r\n                padding: 0;\r\n                line-height: 1;\r\n                opacity: 0.7;\r\n                transition: opacity 0.2s ease;\r\n                width: 24px;\r\n                height: 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            \"\r\n            onmouseover=\"this.style.opacity='1'\"\r\n            onmouseout=\"this.style.opacity='0.7'\">\r\n            &times;\r\n        </button>\r\n    `;\r\n\r\n\t// Close on button click\r\n\talertDiv.querySelector(\"button\")?.addEventListener(\"click\", () => {\r\n\t\tfadeOutAndRemove(alertDiv);\r\n\t});\r\n\r\n\tcontainer.appendChild(alertDiv);\r\n\r\n\t// Animate in\r\n\trequestAnimationFrame(() => {\r\n\t\talertDiv.style.opacity = \"1\";\r\n\t\talertDiv.style.transform = \"translateX(-50%) translateY(0)\";\r\n\t});\r\n\r\n\t// Auto-dismiss after 8 seconds\r\n\tsetTimeout(() => {\r\n\t\tif (alertDiv.parentElement) {\r\n\t\t\tfadeOutAndRemove(alertDiv);\r\n\t\t}\r\n\t}, 8000);\r\n}\r\n\r\nfunction fadeOutAndRemove(element: HTMLElement) {\r\n\telement.style.opacity = \"0\";\r\n\telement.style.transform = \"translateX(-50%) translateY(-20px)\";\r\n\tsetTimeout(() => {\r\n\t\telement.remove();\r\n\t}, 300);\r\n}\r\n\r\nexport function removeAlert(container: HTMLElement) {\r\n\tconst alert = container.querySelector(\".ww-alert\") as HTMLElement;\r\n\tif (alert) fadeOutAndRemove(alert);\r\n}\r\n","import { CSS_CLASSES, Z_INDEX } from \"./constants.js\";\r\nimport {\r\n\tcreateButton,\r\n\tcreateButtonContainer,\r\n\tremoveProductLoading,\r\n\tshowProductLoading,\r\n\tcreatePreviewBadge,\r\n} from \"./components/index.js\";\r\nimport type { VirtualTryOnConfig } from \"./index.js\";\r\nimport { removeElements } from \"./utils.js\";\r\nimport { showAlert } from \"./components/alert-overlay.js\";\r\n\r\n/**\r\n * Job status type\r\n */\r\ntype JobStatus = \"PENDING\" | \"PREVIEW_AVAILABLE\" | \"COMPLETED\" | \"FAILED\";\r\n\r\n/**\r\n * Response from the job status endpoint\r\n */\r\ninterface JobStatusResponse {\r\n\tstatus: JobStatus;\r\n\tpreviews_available: number;\r\n\tmessage: string;\r\n}\r\n\r\nexport class VirtualTryOnWidget {\r\n\tprivate readonly config: Required<VirtualTryOnConfig>;\r\n\tprivate virtualTryOnImageUrl: string | null = null;\r\n\tprivate originalProductImageUrl: string | null = null;\r\n\tprivate isShowingVirtualTryOn: boolean = false;\r\n\tprivate lastModelImage: Blob | null = null;\r\n\tprivate cameraButton: HTMLButtonElement | null = null;\r\n\tprivate iframeMessageListener: ((event: MessageEvent) => void) | null = null;\r\n\tprivate previewBadge: HTMLElement | null = null;\r\n\r\n\tconstructor(config: VirtualTryOnConfig) {\r\n\t\tthis.config = {\r\n\t\t\tbaseUrl: config.baseUrl,\r\n\t\t\tproductPageSelector: config.productPageSelector,\r\n\t\t\tgallerySelector: config.gallerySelector,\r\n\t\t\tproductImageSelector: config.productImageSelector,\r\n\t\t\tbuttonPosition: config.buttonPosition,\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Initializes the virtual try-on widget on the current page\r\n\t * @returns Promise that resolves when initialization is complete\r\n\t */\r\n\tpublic async init(): Promise<void> {\r\n\t\ttry {\r\n\t\t\t// Check if we're on a product page\r\n\t\t\tif (!window.location.pathname.includes(this.config.productPageSelector)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Ensure container has relative positioning for button placement\r\n\t\t\tif (getComputedStyle(container).position === \"static\") {\r\n\t\t\t\tcontainer.style.position = \"relative\";\r\n\t\t\t}\r\n\r\n\t\t\t// Create and add the virtual try-on button\r\n\t\t\tconst button = createButton(this.config.buttonPosition, async () => {\r\n\t\t\t\tif (this.cameraButton && !this.cameraButton.disabled) {\r\n\t\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Store reference to camera button for dynamic enable/disable\r\n\t\t\tthis.cameraButton = button.querySelector(\".ww-camera-btn\");\r\n\t\t\tcontainer.appendChild(button);\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget initialized successfully\");\r\n\r\n\t\t\t// Listen for messages from the photo upload page\r\n\t\t\tthis.setupIframeListener();\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Initialization failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handles virtual try-on button click\r\n\t * @private\r\n\t */\r\n\tprivate async handleTryOnClick(): Promise<void> {\r\n\t\tconsole.log(\"[WeWear VTO] Button clicked, starting try-on process...\");\r\n\r\n\t\ttry {\r\n\t\t\t// Get required data\r\n\t\t\tif (!this.originalProductImageUrl) {\r\n\t\t\t\tconst productImageElement = document.querySelector(\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t) as HTMLImageElement;\r\n\t\t\t\tthis.originalProductImageUrl =\r\n\t\t\t\t\tproductImageElement?.src ||\r\n\t\t\t\t\tproductImageElement?.getAttribute(\"data-src\") ||\r\n\t\t\t\t\t\"\";\r\n\t\t\t}\r\n\r\n\t\t\tconst ww_product_image = this.originalProductImageUrl;\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Retrieved data:\", {\r\n\t\t\t\tww_product_image,\r\n\t\t\t});\r\n\r\n\t\t\tif (!ww_product_image) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Product image not found:\",\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Open the photo upload page in a modal\r\n\t\t\tconst photoUploadUrl = new URL(`${this.config.baseUrl}`);\r\n\t\t\tphotoUploadUrl.searchParams.append(\"ww_product_image\", ww_product_image);\r\n\r\n\t\t\tthis.showPhotoUploadModal(photoUploadUrl.toString());\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Try-on request failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Shows a modal with an iframe for the photo upload page\r\n\t * @private\r\n\t */\r\n\tprivate showPhotoUploadModal(url: string): void {\r\n\t\t// Remove existing modals\r\n\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\tconst modal = document.createElement(\"div\");\r\n\t\tmodal.className = CSS_CLASSES.MODAL;\r\n\t\tmodal.style.cssText = `\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.8);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: ${Z_INDEX.MODAL};\r\n            animation: ww-modal-fade-in 0.3s ease;\r\n        `;\r\n\r\n\t\t// Add fade-in animation\r\n\t\tif (!document.getElementById(\"ww-modal-animation\")) {\r\n\t\t\tconst style = document.createElement(\"style\");\r\n\t\t\tstyle.id = \"ww-modal-animation\";\r\n\t\t\tstyle.textContent = `\r\n\t\t\t\t@keyframes ww-modal-fade-in {\r\n\t\t\t\t\tfrom { opacity: 0; }\r\n\t\t\t\t\tto { opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t\t@keyframes ww-modal-scale-in {\r\n\t\t\t\t\tfrom { transform: scale(0.95); opacity: 0; }\r\n\t\t\t\t\tto { transform: scale(1); opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t}\r\n\r\n\t\tconst iframeContainer = document.createElement(\"div\");\r\n\t\tiframeContainer.style.cssText = `\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 90%;\r\n\t\t\theight: 90%;\r\n\t\t\tmax-width: 480px;\r\n\t\t\tmax-height: 720px;\r\n\t\t\tborder-radius: 20px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tbox-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.2);\r\n\t\t\tanimation: ww-modal-scale-in 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\t\tbackground: white;\r\n\t\t`;\r\n\r\n\t\tconst iframe = document.createElement(\"iframe\");\r\n\t\tiframe.src = url;\r\n\t\tiframe.style.cssText = `\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        `;\r\n\r\n\t\tconst closeButton = document.createElement(\"button\");\r\n\t\tcloseButton.innerHTML = `\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n\t\t\t</svg>\r\n\t\t`;\r\n\t\tcloseButton.setAttribute(\"aria-label\", \"Close modal\");\r\n\t\tcloseButton.style.cssText = `\r\n            position: absolute;\r\n            top: -48px;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1f2937;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n        `;\r\n\t\tcloseButton.onmouseover = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1.1) rotate(90deg)\";\r\n\t\t\tcloseButton.style.background = \"#ef4444\";\r\n\t\t\tcloseButton.style.color = \"white\";\r\n\t\t};\r\n\t\tcloseButton.onmouseout = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1) rotate(0deg)\";\r\n\t\t\tcloseButton.style.background = \"rgba(255, 255, 255, 0.95)\";\r\n\t\t\tcloseButton.style.color = \"#1f2937\";\r\n\t\t};\r\n\t\tcloseButton.onclick = () => {\r\n\t\t\tmodal.style.opacity = \"0\";\r\n\t\t\tiframeContainer.style.transform = \"scale(0.95)\";\r\n\t\t\tiframeContainer.style.opacity = \"0\";\r\n\t\t\tsetTimeout(() => modal.remove(), 300);\r\n\t\t};\r\n\r\n\t\tiframeContainer.appendChild(iframe);\r\n\t\tiframeContainer.appendChild(closeButton);\r\n\t\tmodal.appendChild(iframeContainer);\r\n\t\tdocument.body.appendChild(modal);\r\n\r\n\t\t// Close on backdrop click\r\n\t\tmodal.onclick = (e) => {\r\n\t\t\tif (e.target === modal) {\r\n\t\t\t\tcloseButton.click();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Sets up listener for messages from the iframe\r\n\t * @private\r\n\t */\r\n\tprivate setupIframeListener(): void {\r\n\t\t// Remove existing listener if any\r\n\t\tif (this.iframeMessageListener) {\r\n\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t}\r\n\r\n\t\tthis.iframeMessageListener = (event: MessageEvent) => {\r\n\t\t\tif (event.origin !== new URL(this.config.baseUrl).origin) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tswitch (event.data.type) {\r\n\t\t\t\tcase \"VTO_IMAGE_SELECTED\":\r\n\t\t\t\t\tif (event.data.image) {\r\n\t\t\t\t\t\tthis.lastModelImage = event.data.image;\r\n\t\t\t\t\t\tthis.startVirtualTryOn();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"CLOSE_MODAL\":\r\n\t\t\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"message\", this.iframeMessageListener);\r\n\t}\r\n\r\n\tprivate async startVirtualTryOn(isRefresh = false): Promise<void> {\r\n\t\tif (isRefresh) {\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Refreshing virtual try-on with previous parameters...\",\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (!this.lastModelImage || !this.originalProductImageUrl) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"[WeWear VTO] Missing required data to start virtual try-on.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Hide the modal and show loading indicator\r\n\t\tconst modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);\r\n\t\tif (modal && modal instanceof HTMLElement) {\r\n\t\t\tmodal.style.display = \"none\";\r\n\t\t}\r\n\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\tif (container instanceof HTMLElement) {\r\n\t\t\tshowProductLoading(container, \"Generating your virtual try-on...\");\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tconst submitResponse = await this.callVtoApi(\r\n\t\t\t\tthis.lastModelImage,\r\n\t\t\t\tthis.originalProductImageUrl,\r\n\t\t\t);\r\n\r\n\t\t\tlet status = await this.fetchJobStatus(submitResponse.job_id);\r\n\t\t\tconst previews: string[] = [];\r\n\r\n\t\t\twhile (status.status !== \"COMPLETED\" && status.status !== \"FAILED\") {\r\n\t\t\t\tawait new Promise((r) => setTimeout(r, 3000));\r\n\t\t\t\tstatus = await this.fetchJobStatus(submitResponse.job_id);\r\n\r\n\t\t\t\tfor (let i = previews.length; i < status.previews_available; i++) {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tconst previewUrl = await this.fetchJobImage(\r\n\t\t\t\t\t\t\tsubmitResponse.job_id,\r\n\t\t\t\t\t\t\ti,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tpreviews.push(previewUrl);\r\n\t\t\t\t\t\tthis.replaceProductImage(previewUrl);\r\n\r\n\t\t\t\t\t\tif (!this.previewBadge && container instanceof HTMLElement) {\r\n\t\t\t\t\t\t\tthis.previewBadge = createPreviewBadge();\r\n\t\t\t\t\t\t\tcontainer.appendChild(this.previewBadge);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tif (!(e instanceof Error && e.message === \"202_PROCESSING\"))\r\n\t\t\t\t\t\t\tthrow e;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"COMPLETED\") {\r\n\t\t\t\tconst finalImage = await this.fetchJobImage(submitResponse.job_id);\r\n\t\t\t\tif (finalImage) {\r\n\t\t\t\t\tthis.replaceProductImage(finalImage);\r\n\t\t\t\t}\r\n\t\t\t\tif (this.previewBadge) {\r\n\t\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\t\tthis.previewBadge = null;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"FAILED\") {\r\n\t\t\t\tconsole.error(\"[WeWear VTO] VTO process failed:\", status.message);\r\n\t\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\t\tshowAlert(container, status.message, \"error\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during virtual try-on process:\", error);\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tshowAlert(container, \"An unexpected error occurred.\", \"error\");\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t}\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async callVtoApi(\r\n\t\tmodelImage: Blob,\r\n\t\tproductImage: string,\r\n\t): Promise<{ job_id: string }> {\r\n\t\tconst formData = new FormData();\r\n\t\tformData.append(\"model_image\", modelImage, \"model_image.png\");\r\n\t\tformData.append(\"ww_product_image\", productImage);\r\n\r\n\t\tconst res = await fetch(`${this.config.baseUrl}/api/vto`, {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tbody: formData,\r\n\t\t});\r\n\t\tif (!res.ok) {\r\n\t\t\tconst errorText = await res.text();\r\n\t\t\tconsole.error(\r\n\t\t\t\t\"[WeWear VTO] API submission failed:\",\r\n\t\t\t\tres.status,\r\n\t\t\t\terrorText,\r\n\t\t\t);\r\n\t\t\tthrow new Error(`API submission failed: ${res.status}`);\r\n\t\t}\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobStatus(jobId: string): Promise<JobStatusResponse> {\r\n\t\tconst res = await fetch(\r\n\t\t\t`${this.config.baseUrl}/api/vto/status?job_id=${jobId}`,\r\n\t\t);\r\n\t\tif (!res.ok) throw new Error(`Status check failed: ${res.status}`);\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobImage(\r\n\t\tjobId: string,\r\n\t\tpreviewIndex?: number,\r\n\t): Promise<string> {\r\n\t\tlet url = `${this.config.baseUrl}/api/vto/image?job_id=${jobId}`;\r\n\t\tif (previewIndex !== undefined) url += `&preview_index=${previewIndex}`;\r\n\r\n\t\tconst res = await fetch(url);\r\n\t\tif (res.status === 202) throw new Error(\"202_PROCESSING\");\r\n\t\tif (!res.ok) throw new Error(`Image fetch failed: ${res.status}`);\r\n\r\n\t\tconst blob = await res.blob();\r\n\t\treturn URL.createObjectURL(blob);\r\n\t}\r\n\r\n\tprivate async refreshVirtualTryOn(): Promise<void> {\r\n\t\tawait this.startVirtualTryOn(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Replaces the product image in the gallery with the virtual try-on result\r\n\t * @private\r\n\t */\r\n\tprivate replaceProductImage(imageUrl: string): void {\r\n\t\ttry {\r\n\t\t\t// Store the virtual try-on image URL\r\n\t\t\tthis.virtualTryOnImageUrl = imageUrl;\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found for image replacement:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the original content if not already stored\r\n\t\t\tif (!container.hasAttribute(\"data-ww-original-content\")) {\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-content\", container.innerHTML);\r\n\t\t\t}\r\n\r\n\t\t\t// Capture and lock container dimensions before replacement to prevent layout shift\r\n\t\t\tif (!container.hasAttribute(\"data-ww-container-locked\")) {\r\n\t\t\t\tconst containerRect = container.getBoundingClientRect();\r\n\r\n\t\t\t\t// Store original dimensions\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-width\",\r\n\t\t\t\t\tcontainerRect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-height\",\r\n\t\t\t\t\tcontainerRect.height.toString(),\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// Lock the container dimensions\r\n\t\t\t\tcontainer.style.width = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.height = `${containerRect.height}px`;\r\n\t\t\t\tcontainer.style.minWidth = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.minHeight = `${containerRect.height}px`;\r\n\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-container-locked\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Capture original image dimensions before replacement to prevent layout shift\r\n\t\t\tconst originalImg = container.querySelector(\"img\");\r\n\t\t\tif (\r\n\t\t\t\toriginalImg &&\r\n\t\t\t\t!container.hasAttribute(\"data-ww-original-dimensions\")\r\n\t\t\t) {\r\n\t\t\t\tconst computedStyle = window.getComputedStyle(originalImg);\r\n\t\t\t\tconst rect = originalImg.getBoundingClientRect();\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-width\", computedStyle.width);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-height\", computedStyle.height);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-width\",\r\n\t\t\t\t\trect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-height\",\r\n\t\t\t\t\trect.height.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-dimensions\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Show the virtual try-on image initially\r\n\t\t\tthis.showVirtualTryOnImage(container);\r\n\r\n\t\t\t// Replace the button container with the new multi-button version\r\n\t\t\tthis.updateButtonContainer(container);\r\n\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Product image replaced with virtual try-on result\",\r\n\t\t\t);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error replacing product image:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Updates the button container to show all available buttons\r\n\t * @private\r\n\t */\r\n\tprivate updateButtonContainer(container: HTMLElement): void {\r\n\t\t// Remove existing button containers\r\n\t\tconst existingButtons = container.querySelectorAll(\r\n\t\t\t`.${CSS_CLASSES.BUTTON_CONTAINER}`,\r\n\t\t);\r\n\t\texistingButtons.forEach((btn) => {\r\n\t\t\tbtn.remove();\r\n\t\t});\r\n\r\n\t\t// Create new button container with all buttons\r\n\t\tconst buttonContainer = createButtonContainer(\r\n\t\t\tthis.config.buttonPosition,\r\n\t\t\tthis.virtualTryOnImageUrl !== null,\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t},\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.refreshVirtualTryOn();\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (this.isShowingVirtualTryOn) {\r\n\t\t\t\t\tthis.showOriginalImage(container);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.showVirtualTryOnImage(container);\r\n\t\t\t\t}\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t\tthis.updateButtonContainer(container);\r\n\t\t\t},\r\n\t\t\tthis.isShowingVirtualTryOn,\r\n\t\t);\r\n\r\n\t\tcontainer.appendChild(buttonContainer);\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the virtual try-on image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showVirtualTryOnImage(container: HTMLElement): void {\r\n\t\tif (!this.virtualTryOnImageUrl) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No virtual try-on image URL available\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Remove all direct children except for the button container\r\n\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\tchild.remove();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Get stored original dimensions to prevent layout shift\r\n\t\tconst originalWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-width\") || \"\";\r\n\t\tconst originalHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-height\") || \"\";\r\n\t\tconst originalRectWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-width\") || \"\";\r\n\t\tconst originalRectHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-height\") || \"\";\r\n\r\n\t\tconst image = document.createElement(\"img\");\r\n\t\timage.src = this.virtualTryOnImageUrl;\r\n\t\timage.alt = \"Virtual Try-On Result\";\r\n\r\n\t\t// Use original dimensions to prevent layout shift\r\n\t\tlet widthStyle = \"100%\";\r\n\t\tlet heightStyle = \"100%\";\r\n\r\n\t\t// Prefer computed style dimensions, fallback to bounding rect, then container fill\r\n\t\tif (originalWidth && originalWidth !== \"auto\" && originalWidth !== \"0px\") {\r\n\t\t\twidthStyle = originalWidth;\r\n\t\t} else if (originalRectWidth && originalRectWidth !== \"0\") {\r\n\t\t\twidthStyle = `${originalRectWidth}px`;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\toriginalHeight &&\r\n\t\t\toriginalHeight !== \"auto\" &&\r\n\t\t\toriginalHeight !== \"0px\"\r\n\t\t) {\r\n\t\t\theightStyle = originalHeight;\r\n\t\t} else if (originalRectHeight && originalRectHeight !== \"0\") {\r\n\t\t\theightStyle = `${originalRectHeight}px`;\r\n\t\t}\r\n\r\n\t\timage.style.cssText = `\r\n            width: ${widthStyle};\r\n            height: ${heightStyle};\r\n            object-fit: contain;\r\n        `;\r\n\r\n\t\t// Prepend the image to ensure buttons are rendered on top\r\n\t\tcontainer.prepend(image);\r\n\r\n\t\tthis.isShowingVirtualTryOn = true;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the original product image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showOriginalImage(container: HTMLElement): void {\r\n\t\tconst originalContentHTML = container.getAttribute(\r\n\t\t\t\"data-ww-original-content\",\r\n\t\t);\r\n\t\tif (originalContentHTML) {\r\n\t\t\t// Remove all direct children except for the button container\r\n\t\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\t\tchild.remove();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Parse the original content and prepend it\r\n\t\t\tconst tempDiv = document.createElement(\"div\");\r\n\t\t\ttempDiv.innerHTML = originalContentHTML;\r\n\t\t\tcontainer.prepend(...Array.from(tempDiv.children));\r\n\t\t}\r\n\r\n\t\tthis.isShowingVirtualTryOn = false;\r\n\t}\r\n\r\n\t/**\r\n\t * Destroys the widget and cleans up resources\r\n\t */\r\n\tpublic destroy(): void {\r\n\t\ttry {\r\n\t\t\t// Remove all buttons\r\n\t\t\tremoveElements(`.${CSS_CLASSES.BUTTON_CONTAINER}`);\r\n\r\n\t\t\t// Remove all modals\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\t\t// Clear references\r\n\t\t\tthis.cameraButton = null;\r\n\r\n\t\t\t// Remove message listener\r\n\t\t\tif (this.iframeMessageListener) {\r\n\t\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t\t\tthis.iframeMessageListener = null;\r\n\t\t\t}\r\n\r\n\t\t\t// Reset state\r\n\t\t\tthis.virtualTryOnImageUrl = null;\r\n\t\t\tthis.isShowingVirtualTryOn = false;\r\n\t\t\tthis.lastModelImage = null;\r\n\t\t\tthis.originalProductImageUrl = null;\r\n\t\t\tif (this.previewBadge) {\r\n\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\tthis.previewBadge = null;\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget destroyed successfully\");\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during widget destruction:\", error);\r\n\t\t}\r\n\t}\r\n}\r\n","import type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n\ttry {\n\t\t// Clean up any existing instance\n\t\tif (widgetInstance) {\n\t\t\twidgetInstance.destroy();\n\t\t\twidgetInstance = null;\n\t\t}\n\n\t\t// Early return if config is missing\n\t\tif (!config) {\n\t\t\tconsole.log(\n\t\t\t\t\"[WeWear VTO] Missing configuration. Widget not initialized.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Create and initialize new instance\n\t\twidgetInstance = new VirtualTryOnWidget(config);\n\n\t\t// Initialize immediately if DOM is ready, otherwise wait for it\n\t\tif (document.readyState === \"loading\") {\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", () => {\n\t\t\t\twidgetInstance?.init().catch((error) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"[WeWear VTO] Failed to initialize after DOM ready:\",\n\t\t\t\t\t\terror,\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\twidgetInstance.init().catch((error) => {\n\t\t\t\tconsole.error(\"[WeWear VTO] Failed to initialize:\", error);\n\t\t\t});\n\t\t}\n\t} catch (error) {\n\t\tconsole.error(\"[WeWear VTO] Initialization error:\", error);\n\t}\n}\n\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n\treturn widgetInstance;\n}\n\nif (typeof window !== \"undefined\") {\n\tinitVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/constants.ts","../src/components/badge.ts","../src/utils.ts","../src/components/button.ts","../src/components/loading-overlay.ts","../src/components/alert-overlay.ts","../src/widget.ts","../src/installer.ts"],"sourcesContent":["/** CSS class names for consistent styling */\nexport const CSS_CLASSES = {\n\tBUTTON_CONTAINER: \"wewear-vto-button-container\",\n\tBUTTON: \"wewear-vto-button\",\n\tMODAL: \"wewear-vto-modal\",\n\tPREVIEW_BADGE: \"ww-vto-preview-badge\",\n} as const;\n\n/** Z-index values for proper layering */\nexport const Z_INDEX = {\n\tBUTTON: 10,\n\tMODAL: 99999,\n} as const;\n","import { CSS_CLASSES } from \"../constants.js\";\r\n\r\nexport function createPreviewBadge(): HTMLElement {\r\n\tconst badge = document.createElement(\"div\");\r\n\tbadge.className = CSS_CLASSES.PREVIEW_BADGE;\r\n\tbadge.innerText = \"PREVIEW\";\r\n\r\n\tconst styleId = \"ww-vto-badge-styles\";\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styles = document.createElement(\"style\");\r\n\t\tstyles.id = styleId;\r\n\t\tstyles.innerHTML = `\r\n            .${CSS_CLASSES.PREVIEW_BADGE} {\r\n                position: absolute;\r\n                top: 20px;\r\n                right: 20px;\r\n                background: rgba(31, 41, 55, 0.9);\r\n                backdrop-filter: blur(4px);\r\n                -webkit-backdrop-filter: blur(4px);\r\n                color: white;\r\n                padding: 6px 14px;\r\n                border-radius: 6px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                letter-spacing: 0.5px;\r\n                z-index: 10;\r\n                pointer-events: none;\r\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n                animation: ww-vto-pulse 2s ease-in-out infinite;\r\n            }\r\n\r\n            @keyframes ww-vto-pulse {\r\n                0%, 100% {\r\n                    opacity: 0.9;\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styles);\r\n\t}\r\n\r\n\treturn badge;\r\n}\r\n","export function getPositionStyles(position: string): string {\n\tswitch (position) {\n\t\tcase \"bottom-left\":\n\t\t\treturn \"left: 20px; bottom: 20px;\";\n\t\tcase \"top-right\":\n\t\t\treturn \"right: 20px; top: 20px;\";\n\t\tcase \"top-left\":\n\t\t\treturn \"left: 20px; top: 20px;\";\n\t\tdefault:\n\t\t\treturn \"right: 20px; bottom: 20px;\";\n\t}\n}\n\nexport function removeElements(selector: string): void {\n\tconst elements = document.querySelectorAll(selector);\n\telements.forEach((element) => {\n\t\telement.remove();\n\t});\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\r\nimport { getPositionStyles } from \"../utils.js\";\r\n\r\nexport function createButtonContainer(\r\n\tbuttonPosition: string,\r\n\thasVirtualTryOn: boolean = false,\r\n\tonCameraClick: () => void,\r\n\tonRefreshClick?: () => void,\r\n\tonToggleClick?: () => void,\r\n\tisShowingVirtualTryOn: boolean = false,\r\n): HTMLElement {\r\n\tconst container = document.createElement(\"div\");\r\n\tcontainer.className = `${CSS_CLASSES.BUTTON_CONTAINER} ww-button-group`;\r\n\r\n\tconst positionStyles = getPositionStyles(buttonPosition);\r\n\tcontainer.style.cssText = `\r\n    position: absolute;\r\n    ${positionStyles}\r\n    display: flex;\r\n    gap: 4px;\r\n    border-radius: 100px;\r\n    background: white;\r\n    padding: 4px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    z-index: ${Z_INDEX.BUTTON};\r\n    transition: all 0.2s ease;\r\n  `;\r\n\r\n\t// Camera button\r\n\tconst cameraButton = document.createElement(\"button\");\r\n\tcameraButton.type = \"button\";\r\n\tcameraButton.className = `${CSS_CLASSES.BUTTON} ww-camera-btn`;\r\n\tcameraButton.setAttribute(\"aria-label\", \"Virtual Try-On\");\r\n\tcameraButton.style.cssText = `\r\n    display: flex;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100px;\r\n    padding: 0;\r\n    border: none;\r\n    background: white;\r\n    color: #000000;\r\n    transition: all 0.2s ease;\r\n    flex-shrink: 0;\r\n  `;\r\n\r\n\tcameraButton.innerHTML = `\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n      <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path>\r\n      <circle cx=\"12\" cy=\"13\" r=\"3\"></circle>\r\n    </svg>\r\n  `;\r\n\r\n\tcameraButton.onclick = onCameraClick;\r\n\tcontainer.appendChild(cameraButton);\r\n\r\n\t// Add refresh and toggle buttons if we have a virtual try-on\r\n\tif (hasVirtualTryOn) {\r\n\t\t// Refresh button - calls API again\r\n\t\tif (onRefreshClick) {\r\n\t\t\tconst refreshButton = document.createElement(\"button\");\r\n\t\t\trefreshButton.type = \"button\";\r\n\t\t\trefreshButton.className = \"ww-refresh-btn\";\r\n\t\t\trefreshButton.setAttribute(\"aria-label\", \"Refresh virtual try-on\");\r\n\t\t\trefreshButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: white;\r\n        color: #333333;\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\trefreshButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n          <path d=\"M3 3v5h5\"></path>\r\n          <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"></path>\r\n          <path d=\"M16 16h5v5\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\t\t\tcontainer.appendChild(refreshButton);\r\n\t\t}\r\n\r\n\t\t// Toggle button (scan-face) - switches between original and virtual try-on\r\n\t\tif (onToggleClick) {\r\n\t\t\tconst toggleButton = document.createElement(\"button\");\r\n\t\t\ttoggleButton.type = \"button\";\r\n\t\t\ttoggleButton.className = \"ww-toggle-btn\";\r\n\t\t\ttoggleButton.setAttribute(\r\n\t\t\t\t\"aria-label\",\r\n\t\t\t\tisShowingVirtualTryOn ? \"Show Original Image\" : \"Show Virtual Try-On\",\r\n\t\t\t);\r\n\t\t\ttoggleButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: ${isShowingVirtualTryOn ? \"#333333\" : \"#e5e7eb\"};\r\n        color: ${isShowingVirtualTryOn ? \"white\" : \"#333333\"};\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\ttoggleButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"></path>\r\n          <path d=\"M17 3h2a2 2 0 0 1 2 2v2\"></path>\r\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"></path>\r\n          <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"></path>\r\n          <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path>\r\n          <path d=\"M9 9h.01\"></path>\r\n          <path d=\"M15 9h.01\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\ttoggleButton.onmouseover = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#4a4a4a\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#d1d5db\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\ttoggleButton.onmouseout = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#333333\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#e5e7eb\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\ttoggleButton.onclick = onToggleClick;\r\n\t\t\tcontainer.appendChild(toggleButton);\r\n\t\t}\r\n\t}\r\n\r\n\treturn container;\r\n}\r\n\r\nexport function createButton(\r\n\tbuttonPosition: string,\r\n\tonClick: () => void,\r\n\tdisabled: boolean = false,\r\n): HTMLElement {\r\n\tconst container = createButtonContainer(buttonPosition, false, onClick);\r\n\tconst cameraButton = container.querySelector(\r\n\t\t\".ww-camera-btn\",\r\n\t) as HTMLButtonElement;\r\n\tif (cameraButton) {\r\n\t\tcameraButton.disabled = disabled;\r\n\t\tif (disabled) {\r\n\t\t\tcameraButton.style.opacity = \"0.5\";\r\n\t\t\tcameraButton.style.cursor = \"not-allowed\";\r\n\t\t\tcameraButton.title = \"Find your ideal size first\";\r\n\t\t}\r\n\t}\r\n\treturn container;\r\n}\r\n","import { Z_INDEX } from \"../constants.js\";\r\n\r\n/**\r\n * Creates a loading overlay that can be shown in different containers\r\n */\r\nexport function createLoadingOverlay(\r\n\ttext: string = \"Processing...\",\r\n): HTMLElement {\r\n\tconst overlay = document.createElement(\"div\");\r\n\toverlay.className = \"ww-loading-overlay\";\r\n\toverlay.style.cssText = `\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.88) 100%);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: ${Z_INDEX.MODAL + 1};\r\n    border-radius: inherit;\r\n    animation: ww-fade-in 0.3s ease;\r\n  `;\r\n\r\n\t// Add CSS animation to the document if not already added\r\n\tif (!document.getElementById(\"ww-loading-animation\")) {\r\n\t\tconst style = document.createElement(\"style\");\r\n\t\tstyle.id = \"ww-loading-animation\";\r\n\t\tstyle.textContent = `\r\n        @keyframes ww-fade-in {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n        \r\n        @keyframes ww-pulse-logo {\r\n          0%, 100% { \r\n            opacity: 0.8; \r\n            transform: scale(1);\r\n          }\r\n          50% { \r\n            opacity: 1; \r\n            transform: scale(1.05);\r\n          }\r\n        }\r\n        \r\n        @keyframes ww-spinner-rotate {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        @keyframes ww-dot-bounce {\r\n          0%, 80%, 100% { \r\n            transform: scale(0);\r\n            opacity: 0.5;\r\n          }\r\n          40% { \r\n            transform: scale(1);\r\n            opacity: 1;\r\n          }\r\n        }\r\n        \r\n        .ww-loading-logo {\r\n          animation: ww-pulse-logo 2s ease-in-out infinite;\r\n        }\r\n        \r\n        .ww-loading-spinner {\r\n          animation: ww-spinner-rotate 1s linear infinite;\r\n        }\r\n      `;\r\n\t\tdocument.head.appendChild(style);\r\n\t}\r\n\r\n\toverlay.innerHTML = `\r\n    <div style=\"display: flex; flex-direction: column; align-items: center; gap: 32px;\">\r\n      <div style=\"position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;\">\r\n        <!-- Outer spinning circle -->\r\n        <div class=\"ww-loading-spinner\" style=\"\r\n          position: absolute;\r\n          width: 120px;\r\n          height: 120px;\r\n          border: 3px solid transparent;\r\n          border-top: 3px solid #333333;\r\n          border-right: 3px solid #333333;\r\n          border-radius: 50%;\r\n        \"></div>\r\n        \r\n        <!-- Logo -->\r\n        <svg class=\"ww-loading-logo\" width=\"80\" height=\"50\" viewBox=\"0 0 214 135\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M102.906 74.8679C102.906 77.9717 101.574 80.7453 98.9104 83.1887C96.6871 85.1918 93.9025 86.6997 90.5566 87.7123C87.695 88.5708 84.6462 89 81.4104 89C73.8821 89 68.0047 87.0189 63.7783 83.0566C59.5519 87.0189 53.6855 89 46.1792 89C42.9434 89 39.9057 88.5708 37.066 87.7123C33.7201 86.6997 30.9245 85.1918 28.6792 83.1887C26.0157 80.7453 24.684 77.9717 24.684 74.8679V41.6509H32.3774V74.8679C32.3774 76.2547 33.489 77.5645 35.7123 78.7972C37.3632 79.7217 39.0692 80.3711 40.8302 80.7453C42.5252 81.1195 44.3082 81.3066 46.1792 81.3066C48.0063 81.3066 49.7673 81.1195 51.4623 80.7453C53.2453 80.3711 54.9623 79.7217 56.6132 78.7972C58.8585 77.5645 59.9811 76.2547 59.9811 74.8679V41.6509H67.6085V74.8679C67.6085 76.2547 68.7311 77.5645 70.9764 78.7972C72.6274 79.7217 74.3443 80.3711 76.1274 80.7453C77.8223 81.1195 79.5833 81.3066 81.4104 81.3066C83.2814 81.3066 85.0755 81.1195 86.7925 80.7453C88.5314 80.3711 90.2264 79.7217 91.8774 78.7972C94.1006 77.5645 95.2123 76.2547 95.2123 74.8679V41.6509H102.906V74.8679ZM189.283 74.8679C189.283 77.9717 187.951 80.7453 185.288 83.1887C183.064 85.1918 180.28 86.6997 176.934 87.7123C174.072 88.5708 171.024 89 167.788 89C160.259 89 154.382 87.0189 150.156 83.0566C145.929 87.0189 140.063 89 132.557 89C129.321 89 126.283 88.5708 123.443 87.7123C120.097 86.6997 117.302 85.1918 115.057 83.1887C112.393 80.7453 111.061 77.9717 111.061 74.8679V41.6509H118.755V74.8679C118.755 76.2547 119.866 77.5645 122.09 78.7972C123.741 79.7217 125.447 80.3711 127.208 80.7453C128.903 81.1195 130.686 81.3066 132.557 81.3066C134.384 81.3066 136.145 81.1195 137.84 80.7453C139.623 80.3711 141.34 79.7217 142.991 78.7972C145.236 77.5645 146.358 76.2547 146.358 74.8679V41.6509H153.986V74.8679C153.986 76.2547 155.108 77.5645 157.354 78.7972C159.005 79.7217 160.722 80.3711 162.505 80.7453C164.2 81.1195 165.961 81.3066 167.788 81.3066C169.659 81.3066 171.453 81.1195 173.17 80.7453C174.909 80.3711 176.604 79.7217 178.255 78.7972C180.478 77.5645 181.59 76.2547 181.59 74.8679V41.6509H189.283V74.8679Z\" fill=\"white\"/>\r\n        </svg>\r\n      </div>\r\n      \r\n      <div style=\"font-size: 17px; font-weight: 500; text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: white; letter-spacing: 0.5px; max-width: 280px;\">${text}</div>\r\n      \r\n      <div style=\"display: flex; gap: 10px; margin-top: 4px;\">\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.2s infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.4s infinite;\"></div>\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n\treturn overlay;\r\n}\r\n\r\n/**\r\n * Shows a loading overlay in the product gallery container\r\n */\r\nexport function showProductLoading(\r\n\tcontainer: HTMLElement,\r\n\ttext: string = \"Generating virtual try-on...\",\r\n): void {\r\n\t// Remove any existing loading overlays\r\n\tremoveProductLoading(container);\r\n\r\n\t// Make container relative if it's not already positioned\r\n\tconst computedStyle = window.getComputedStyle(container);\r\n\tif (computedStyle.position === \"static\") {\r\n\t\tcontainer.style.position = \"relative\";\r\n\t}\r\n\r\n\tconst loadingOverlay = createLoadingOverlay(text);\r\n\tcontainer.appendChild(loadingOverlay);\r\n}\r\n\r\n/**\r\n * Removes loading overlay from product container\r\n */\r\nexport function removeProductLoading(container: HTMLElement): void {\r\n\tconst existingOverlay = container.querySelector(\".ww-loading-overlay\");\r\n\tif (existingOverlay) {\r\n\t\texistingOverlay.remove();\r\n\t}\r\n}\r\n","export function showAlert(\r\n\tcontainer: HTMLElement,\r\n\tmessage: string,\r\n\ttype: \"error\" | \"warning\",\r\n) {\r\n\tremoveAlert(container); // Remove any existing alert\r\n\r\n\tconst alertDiv = document.createElement(\"div\");\r\n\talertDiv.className = `ww-alert ww-alert-${type}`;\r\n\talertDiv.setAttribute(\"role\", type === \"error\" ? \"alert\" : \"status\");\r\n\talertDiv.setAttribute(\"aria-live\", \"assertive\");\r\n\r\n\tconst bgColor =\r\n\t\ttype === \"error\"\r\n\t\t\t? \"linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)\"\r\n\t\t\t: \"linear-gradient(135deg, #fef9c3 0%, #fde68a 100%)\";\r\n\tconst textColor = type === \"error\" ? \"#991b1b\" : \"#78350f\";\r\n\tconst borderColor = type === \"error\" ? \"#f87171\" : \"#fbbf24\";\r\n\tconst iconColor = type === \"error\" ? \"#dc2626\" : \"#d97706\";\r\n\r\n\talertDiv.style.cssText = `\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(-20px);\r\n        background: ${bgColor};\r\n        color: ${textColor};\r\n        border: 1px solid ${borderColor};\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        z-index: 9999;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-width: 280px;\r\n        max-width: 90%;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    `;\r\n\r\n\tconst icon =\r\n\t\ttype === \"error\"\r\n\t\t\t? `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\r\n\t\t</svg>`\r\n\t\t\t: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/>\r\n\t\t</svg>`;\r\n\r\n\talertDiv.innerHTML = `\r\n        ${icon}\r\n        <span style=\"flex: 1; line-height: 1.5;\">${message}</span>\r\n        <button type=\"button\" aria-label=\"Close alert\"\r\n            style=\"\r\n                background: none;\r\n                border: none;\r\n                font-size: 22px;\r\n                color: ${textColor};\r\n                cursor: pointer;\r\n                padding: 0;\r\n                line-height: 1;\r\n                opacity: 0.7;\r\n                transition: opacity 0.2s ease;\r\n                width: 24px;\r\n                height: 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            \"\r\n            onmouseover=\"this.style.opacity='1'\"\r\n            onmouseout=\"this.style.opacity='0.7'\">\r\n            &times;\r\n        </button>\r\n    `;\r\n\r\n\t// Close on button click\r\n\talertDiv.querySelector(\"button\")?.addEventListener(\"click\", () => {\r\n\t\tfadeOutAndRemove(alertDiv);\r\n\t});\r\n\r\n\tcontainer.appendChild(alertDiv);\r\n\r\n\t// Animate in\r\n\trequestAnimationFrame(() => {\r\n\t\talertDiv.style.opacity = \"1\";\r\n\t\talertDiv.style.transform = \"translateX(-50%) translateY(0)\";\r\n\t});\r\n\r\n\t// Auto-dismiss after 8 seconds\r\n\tsetTimeout(() => {\r\n\t\tif (alertDiv.parentElement) {\r\n\t\t\tfadeOutAndRemove(alertDiv);\r\n\t\t}\r\n\t}, 8000);\r\n}\r\n\r\nfunction fadeOutAndRemove(element: HTMLElement) {\r\n\telement.style.opacity = \"0\";\r\n\telement.style.transform = \"translateX(-50%) translateY(-20px)\";\r\n\tsetTimeout(() => {\r\n\t\telement.remove();\r\n\t}, 300);\r\n}\r\n\r\nexport function removeAlert(container: HTMLElement) {\r\n\tconst alert = container.querySelector(\".ww-alert\") as HTMLElement;\r\n\tif (alert) fadeOutAndRemove(alert);\r\n}\r\n","import { CSS_CLASSES } from \"./constants.js\";\r\nimport {\r\n\tcreateButton,\r\n\tcreateButtonContainer,\r\n\tremoveProductLoading,\r\n\tshowProductLoading,\r\n\tcreatePreviewBadge,\r\n} from \"./components/index.js\";\r\nimport type { VirtualTryOnConfig } from \"./index.js\";\r\nimport { removeElements } from \"./utils.js\";\r\nimport { showAlert } from \"./components/alert-overlay.js\";\r\n\r\n/**\r\n * Job status type\r\n */\r\ntype JobStatus = \"PENDING\" | \"PREVIEW_AVAILABLE\" | \"COMPLETED\" | \"FAILED\";\r\n\r\n/**\r\n * Response from the job status endpoint\r\n */\r\ninterface JobStatusResponse {\r\n\tstatus: JobStatus;\r\n\tpreviews_available: number;\r\n\tmessage: string;\r\n}\r\n\r\nexport class VirtualTryOnWidget {\r\n\tprivate readonly config: Required<VirtualTryOnConfig>;\r\n\tprivate virtualTryOnImageUrl: string | null = null;\r\n\tprivate originalProductImageUrl: string | null = null;\r\n\tprivate originalProductImages: string[] = []; // Store all original product images\r\n\tprivate isShowingVirtualTryOn: boolean = false;\r\n\tprivate lastModelImage: Blob | null = null;\r\n\tprivate cameraButton: HTMLButtonElement | null = null;\r\n\tprivate iframeMessageListener: ((event: MessageEvent) => void) | null = null;\r\n\tprivate previewBadge: HTMLElement | null = null;\r\n\r\n\tconstructor(config: VirtualTryOnConfig) {\r\n\t\tthis.config = {\r\n\t\t\tbaseUrl: config.baseUrl,\r\n\t\t\tproductPageSelector: config.productPageSelector,\r\n\t\t\tgallerySelector: config.gallerySelector,\r\n\t\t\tproductImageSelector: config.productImageSelector,\r\n\t\t\tbuttonPosition: config.buttonPosition,\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Initializes the virtual try-on widget on the current page\r\n\t * @returns Promise that resolves when initialization is complete\r\n\t */\r\n\tpublic async init(): Promise<void> {\r\n\t\ttry {\r\n\t\t\t// Check if we're on a product page\r\n\t\t\tif (!window.location.pathname.includes(this.config.productPageSelector)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Ensure container has relative positioning for button placement\r\n\t\t\tif (getComputedStyle(container).position === \"static\") {\r\n\t\t\t\tcontainer.style.position = \"relative\";\r\n\t\t\t}\r\n\r\n\t\t\t// Create and add the virtual try-on button\r\n\t\t\tconst button = createButton(this.config.buttonPosition, async () => {\r\n\t\t\t\tif (this.cameraButton && !this.cameraButton.disabled) {\r\n\t\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Store reference to camera button for dynamic enable/disable\r\n\t\t\tthis.cameraButton = button.querySelector(\".ww-camera-btn\");\r\n\t\t\tcontainer.appendChild(button);\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget initialized successfully\");\r\n\r\n\t\t\t// Listen for messages from the photo upload page\r\n\t\t\tthis.setupIframeListener();\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Initialization failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handles virtual try-on button click\r\n\t * @private\r\n\t */\r\n\tprivate async handleTryOnClick(): Promise<void> {\r\n\t\tconsole.log(\"[WeWear VTO] Button clicked, starting try-on process...\");\r\n\r\n\t\ttry {\r\n\t\t\t// Store original images on first click if not already stored\r\n\t\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\t\tthis.originalProductImages = this.getAllProductImages();\r\n\t\t\t\tconsole.log(\r\n\t\t\t\t\t\"[WeWear VTO] Stored original product images:\",\r\n\t\t\t\t\tthis.originalProductImages,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Retrieved data:\", {\r\n\t\t\t\tproductImages: this.originalProductImages,\r\n\t\t\t});\r\n\r\n\t\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Product images not found:\",\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the first image as the original\r\n\t\t\tif (!this.originalProductImageUrl) {\r\n\t\t\t\tthis.originalProductImageUrl = this.originalProductImages[0];\r\n\t\t\t}\r\n\r\n\t\t\t// Open the photo upload page in a modal\r\n\t\t\tconst photoUploadUrl = new URL(`${this.config.baseUrl}`);\r\n\t\t\t// Pass all product images as a comma-separated string\r\n\t\t\tphotoUploadUrl.searchParams.append(\r\n\t\t\t\t\"ww_product_images\",\r\n\t\t\t\tthis.originalProductImages.join(\",\"),\r\n\t\t\t);\r\n\r\n\t\t\tthis.showPhotoUploadModal(photoUploadUrl.toString());\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Try-on request failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Gets all product images from the gallery\r\n\t * @private\r\n\t * @returns Array of product image URLs\r\n\t */\r\n\tprivate getAllProductImages(): string[] {\r\n\t\tconst productImageElements = document.querySelectorAll(\r\n\t\t\tthis.config.productImageSelector,\r\n\t\t) as NodeListOf<HTMLImageElement>;\r\n\r\n\t\tconst images: string[] = [];\r\n\r\n\t\tproductImageElements.forEach((img) => {\r\n\t\t\tconst imageUrl =\r\n\t\t\t\timg.src ||\r\n\t\t\t\timg.getAttribute(\"data-src\") ||\r\n\t\t\t\timg.getAttribute(\"data-large_image\") ||\r\n\t\t\t\t\"\";\r\n\r\n\t\t\t// Only include http/https URLs, exclude blob URLs and data URLs\r\n\t\t\tif (\r\n\t\t\t\timageUrl &&\r\n\t\t\t\t(imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) &&\r\n\t\t\t\t!images.includes(imageUrl)\r\n\t\t\t) {\r\n\t\t\t\timages.push(imageUrl);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn images;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows a modal with an iframe for the photo upload page\r\n\t * @private\r\n\t */\r\n\tprivate showPhotoUploadModal(url: string): void {\r\n\t\t// Remove existing modals\r\n\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\tconst modal = document.createElement(\"div\");\r\n\t\tmodal.className = CSS_CLASSES.MODAL;\r\n\t\tmodal.style.cssText = `\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 999999999;\r\n            animation: ww-modal-fade-in 0.3s ease;\r\n        `;\r\n\r\n\t\t// Add fade-in animation\r\n\t\tif (!document.getElementById(\"ww-modal-animation\")) {\r\n\t\t\tconst style = document.createElement(\"style\");\r\n\t\t\tstyle.id = \"ww-modal-animation\";\r\n\t\t\tstyle.textContent = `\r\n\t\t\t\t@keyframes ww-modal-fade-in {\r\n\t\t\t\t\tfrom { opacity: 0; }\r\n\t\t\t\t\tto { opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t\t@keyframes ww-modal-scale-in {\r\n\t\t\t\t\tfrom { transform: scale(0.95); opacity: 0; }\r\n\t\t\t\t\tto { transform: scale(1); opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t}\r\n\r\n\t\tconst iframeContainer = document.createElement(\"div\");\r\n\t\tiframeContainer.style.cssText = `\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 90%;\r\n\t\t\theight: 90%;\r\n\t\t\tmax-width: 480px;\r\n\t\t\tmax-height: 720px;\r\n\t\t\tborder-radius: 20px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tbox-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.2);\r\n\t\t\tanimation: ww-modal-scale-in 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\t\tbackground: white;\r\n\t\t`;\r\n\r\n\t\tconst iframe = document.createElement(\"iframe\");\r\n\t\tiframe.src = url;\r\n\t\tiframe.style.cssText = `\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        `;\r\n\r\n\t\tconst closeButton = document.createElement(\"button\");\r\n\t\tcloseButton.innerHTML = `\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n\t\t\t</svg>\r\n\t\t`;\r\n\t\tcloseButton.setAttribute(\"aria-label\", \"Close modal\");\r\n\t\tcloseButton.style.cssText = `\r\n            position: absolute;\r\n            top: -48px;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1f2937;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n        `;\r\n\t\tcloseButton.onmouseover = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1.1) rotate(90deg)\";\r\n\t\t\tcloseButton.style.background = \"#ef4444\";\r\n\t\t\tcloseButton.style.color = \"white\";\r\n\t\t};\r\n\t\tcloseButton.onmouseout = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1) rotate(0deg)\";\r\n\t\t\tcloseButton.style.background = \"rgba(255, 255, 255, 0.95)\";\r\n\t\t\tcloseButton.style.color = \"#1f2937\";\r\n\t\t};\r\n\t\tcloseButton.onclick = () => {\r\n\t\t\tmodal.style.opacity = \"0\";\r\n\t\t\tiframeContainer.style.transform = \"scale(0.95)\";\r\n\t\t\tiframeContainer.style.opacity = \"0\";\r\n\t\t\tsetTimeout(() => modal.remove(), 300);\r\n\t\t};\r\n\r\n\t\tiframeContainer.appendChild(iframe);\r\n\t\tiframeContainer.appendChild(closeButton);\r\n\t\tmodal.appendChild(iframeContainer);\r\n\t\tdocument.body.appendChild(modal);\r\n\r\n\t\t// Close on backdrop click\r\n\t\tmodal.onclick = (e) => {\r\n\t\t\tif (e.target === modal) {\r\n\t\t\t\tcloseButton.click();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Sets up listener for messages from the iframe\r\n\t * @private\r\n\t */\r\n\tprivate setupIframeListener(): void {\r\n\t\t// Remove existing listener if any\r\n\t\tif (this.iframeMessageListener) {\r\n\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t}\r\n\r\n\t\tthis.iframeMessageListener = (event: MessageEvent) => {\r\n\t\t\tif (event.origin !== new URL(this.config.baseUrl).origin) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tswitch (event.data.type) {\r\n\t\t\t\tcase \"VTO_IMAGE_SELECTED\":\r\n\t\t\t\t\tif (event.data.image) {\r\n\t\t\t\t\t\tthis.lastModelImage = event.data.image;\r\n\t\t\t\t\t\tthis.startVirtualTryOn();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"CLOSE_MODAL\":\r\n\t\t\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"message\", this.iframeMessageListener);\r\n\t}\r\n\r\n\tprivate async startVirtualTryOn(isRefresh = false): Promise<void> {\r\n\t\tif (isRefresh) {\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Refreshing virtual try-on with previous parameters...\",\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (!this.lastModelImage) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"[WeWear VTO] Missing required data to start virtual try-on.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Use stored original images, or get them if not stored yet\r\n\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\tthis.originalProductImages = this.getAllProductImages();\r\n\t\t}\r\n\r\n\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No product images found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Hide the modal and show loading indicator\r\n\t\tconst modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);\r\n\t\tif (modal && modal instanceof HTMLElement) {\r\n\t\t\tmodal.style.display = \"none\";\r\n\t\t}\r\n\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\tif (container instanceof HTMLElement) {\r\n\t\t\tshowProductLoading(container, \"Generating your virtual try-on...\");\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tconst submitResponse = await this.callVtoApi(\r\n\t\t\t\tthis.lastModelImage,\r\n\t\t\t\tthis.originalProductImages,\r\n\t\t\t);\r\n\r\n\t\t\tlet status = await this.fetchJobStatus(submitResponse.job_id);\r\n\t\t\tconst previews: string[] = [];\r\n\r\n\t\t\twhile (status.status !== \"COMPLETED\" && status.status !== \"FAILED\") {\r\n\t\t\t\tawait new Promise((r) => setTimeout(r, 3000));\r\n\t\t\t\tstatus = await this.fetchJobStatus(submitResponse.job_id);\r\n\r\n\t\t\t\tfor (let i = previews.length; i < status.previews_available; i++) {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tconst previewUrl = await this.fetchJobImage(\r\n\t\t\t\t\t\t\tsubmitResponse.job_id,\r\n\t\t\t\t\t\t\ti,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tpreviews.push(previewUrl);\r\n\t\t\t\t\t\tthis.replaceProductImage(previewUrl);\r\n\r\n\t\t\t\t\t\tif (!this.previewBadge && container instanceof HTMLElement) {\r\n\t\t\t\t\t\t\tthis.previewBadge = createPreviewBadge();\r\n\t\t\t\t\t\t\tcontainer.appendChild(this.previewBadge);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tif (!(e instanceof Error && e.message === \"202_PROCESSING\"))\r\n\t\t\t\t\t\t\tthrow e;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"COMPLETED\") {\r\n\t\t\t\tconst finalImage = await this.fetchJobImage(submitResponse.job_id);\r\n\t\t\t\tif (finalImage) {\r\n\t\t\t\t\tthis.replaceProductImage(finalImage);\r\n\t\t\t\t}\r\n\t\t\t\tif (this.previewBadge) {\r\n\t\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\t\tthis.previewBadge = null;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"FAILED\") {\r\n\t\t\t\tconsole.error(\"[WeWear VTO] VTO process failed:\", status.message);\r\n\t\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\t\tshowAlert(container, status.message, \"error\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during virtual try-on process:\", error);\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tshowAlert(container, \"An unexpected error occurred.\", \"error\");\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t}\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async callVtoApi(\r\n\t\tmodelImage: Blob,\r\n\t\tproductImages: string[],\r\n\t): Promise<{ job_id: string }> {\r\n\t\tconst formData = new FormData();\r\n\t\tformData.append(\"model_image\", modelImage, \"model_image.png\");\r\n\r\n\t\t// Send all product images as a JSON array\r\n\t\tformData.append(\"product_image_urls\", JSON.stringify(productImages));\r\n\r\n\t\tconst res = await fetch(`${this.config.baseUrl}/api/vto`, {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tbody: formData,\r\n\t\t});\r\n\t\tif (!res.ok) {\r\n\t\t\tconst errorText = await res.text();\r\n\t\t\tconsole.error(\r\n\t\t\t\t\"[WeWear VTO] API submission failed:\",\r\n\t\t\t\tres.status,\r\n\t\t\t\terrorText,\r\n\t\t\t);\r\n\t\t\tthrow new Error(`API submission failed: ${res.status}`);\r\n\t\t}\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobStatus(jobId: string): Promise<JobStatusResponse> {\r\n\t\tconst res = await fetch(\r\n\t\t\t`${this.config.baseUrl}/api/vto/status?job_id=${jobId}`,\r\n\t\t);\r\n\t\tif (!res.ok) throw new Error(`Status check failed: ${res.status}`);\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobImage(\r\n\t\tjobId: string,\r\n\t\tpreviewIndex?: number,\r\n\t): Promise<string> {\r\n\t\tlet url = `${this.config.baseUrl}/api/vto/image?job_id=${jobId}`;\r\n\t\tif (previewIndex !== undefined) url += `&preview_index=${previewIndex}`;\r\n\r\n\t\tconst res = await fetch(url);\r\n\t\tif (res.status === 202) throw new Error(\"202_PROCESSING\");\r\n\t\tif (!res.ok) throw new Error(`Image fetch failed: ${res.status}`);\r\n\r\n\t\tconst blob = await res.blob();\r\n\t\treturn URL.createObjectURL(blob);\r\n\t}\r\n\r\n\tprivate async refreshVirtualTryOn(): Promise<void> {\r\n\t\tawait this.startVirtualTryOn(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Replaces the product image in the gallery with the virtual try-on result\r\n\t * @private\r\n\t */\r\n\tprivate replaceProductImage(imageUrl: string): void {\r\n\t\ttry {\r\n\t\t\t// Store the virtual try-on image URL\r\n\t\t\tthis.virtualTryOnImageUrl = imageUrl;\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found for image replacement:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the original content if not already stored\r\n\t\t\tif (!container.hasAttribute(\"data-ww-original-content\")) {\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-content\", container.innerHTML);\r\n\t\t\t}\r\n\r\n\t\t\t// Capture and lock container dimensions before replacement to prevent layout shift\r\n\t\t\tif (!container.hasAttribute(\"data-ww-container-locked\")) {\r\n\t\t\t\tconst containerRect = container.getBoundingClientRect();\r\n\r\n\t\t\t\t// Store original dimensions\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-width\",\r\n\t\t\t\t\tcontainerRect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-height\",\r\n\t\t\t\t\tcontainerRect.height.toString(),\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// Lock the container dimensions\r\n\t\t\t\tcontainer.style.width = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.height = `${containerRect.height}px`;\r\n\t\t\t\tcontainer.style.minWidth = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.minHeight = `${containerRect.height}px`;\r\n\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-container-locked\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Capture original image dimensions before replacement to prevent layout shift\r\n\t\t\tconst originalImg = container.querySelector(\"img\");\r\n\t\t\tif (\r\n\t\t\t\toriginalImg &&\r\n\t\t\t\t!container.hasAttribute(\"data-ww-original-dimensions\")\r\n\t\t\t) {\r\n\t\t\t\tconst computedStyle = window.getComputedStyle(originalImg);\r\n\t\t\t\tconst rect = originalImg.getBoundingClientRect();\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-width\", computedStyle.width);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-height\", computedStyle.height);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-width\",\r\n\t\t\t\t\trect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-height\",\r\n\t\t\t\t\trect.height.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-dimensions\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Show the virtual try-on image initially\r\n\t\t\tthis.showVirtualTryOnImage(container);\r\n\r\n\t\t\t// Replace the button container with the new multi-button version\r\n\t\t\tthis.updateButtonContainer(container);\r\n\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Product image replaced with virtual try-on result\",\r\n\t\t\t);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error replacing product image:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Updates the button container to show all available buttons\r\n\t * @private\r\n\t */\r\n\tprivate updateButtonContainer(container: HTMLElement): void {\r\n\t\t// Remove existing button containers\r\n\t\tconst existingButtons = container.querySelectorAll(\r\n\t\t\t`.${CSS_CLASSES.BUTTON_CONTAINER}`,\r\n\t\t);\r\n\t\texistingButtons.forEach((btn) => {\r\n\t\t\tbtn.remove();\r\n\t\t});\r\n\r\n\t\t// Create new button container with all buttons\r\n\t\tconst buttonContainer = createButtonContainer(\r\n\t\t\tthis.config.buttonPosition,\r\n\t\t\tthis.virtualTryOnImageUrl !== null,\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t},\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.refreshVirtualTryOn();\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (this.isShowingVirtualTryOn) {\r\n\t\t\t\t\tthis.showOriginalImage(container);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.showVirtualTryOnImage(container);\r\n\t\t\t\t}\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t\tthis.updateButtonContainer(container);\r\n\t\t\t},\r\n\t\t\tthis.isShowingVirtualTryOn,\r\n\t\t);\r\n\r\n\t\tcontainer.appendChild(buttonContainer);\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the virtual try-on image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showVirtualTryOnImage(container: HTMLElement): void {\r\n\t\tif (!this.virtualTryOnImageUrl) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No virtual try-on image URL available\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Remove all direct children except for the button container\r\n\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\tchild.remove();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Get stored original dimensions to prevent layout shift\r\n\t\tconst originalWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-width\") || \"\";\r\n\t\tconst originalHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-height\") || \"\";\r\n\t\tconst originalRectWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-width\") || \"\";\r\n\t\tconst originalRectHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-height\") || \"\";\r\n\r\n\t\tconst image = document.createElement(\"img\");\r\n\t\timage.src = this.virtualTryOnImageUrl;\r\n\t\timage.alt = \"Virtual Try-On Result\";\r\n\r\n\t\t// Use original dimensions to prevent layout shift\r\n\t\tlet widthStyle = \"100%\";\r\n\t\tlet heightStyle = \"100%\";\r\n\r\n\t\t// Prefer computed style dimensions, fallback to bounding rect, then container fill\r\n\t\tif (originalWidth && originalWidth !== \"auto\" && originalWidth !== \"0px\") {\r\n\t\t\twidthStyle = originalWidth;\r\n\t\t} else if (originalRectWidth && originalRectWidth !== \"0\") {\r\n\t\t\twidthStyle = `${originalRectWidth}px`;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\toriginalHeight &&\r\n\t\t\toriginalHeight !== \"auto\" &&\r\n\t\t\toriginalHeight !== \"0px\"\r\n\t\t) {\r\n\t\t\theightStyle = originalHeight;\r\n\t\t} else if (originalRectHeight && originalRectHeight !== \"0\") {\r\n\t\t\theightStyle = `${originalRectHeight}px`;\r\n\t\t}\r\n\r\n\t\timage.style.cssText = `\r\n            width: ${widthStyle};\r\n            height: ${heightStyle};\r\n            object-fit: contain;\r\n        `;\r\n\r\n\t\t// Prepend the image to ensure buttons are rendered on top\r\n\t\tcontainer.prepend(image);\r\n\r\n\t\tthis.isShowingVirtualTryOn = true;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the original product image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showOriginalImage(container: HTMLElement): void {\r\n\t\tconst originalContentHTML = container.getAttribute(\r\n\t\t\t\"data-ww-original-content\",\r\n\t\t);\r\n\t\tif (originalContentHTML) {\r\n\t\t\t// Remove all direct children except for the button container\r\n\t\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\t\tchild.remove();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Parse the original content and prepend it\r\n\t\t\tconst tempDiv = document.createElement(\"div\");\r\n\t\t\ttempDiv.innerHTML = originalContentHTML;\r\n\t\t\tcontainer.prepend(...Array.from(tempDiv.children));\r\n\t\t}\r\n\r\n\t\tthis.isShowingVirtualTryOn = false;\r\n\t}\r\n\r\n\t/**\r\n\t * Destroys the widget and cleans up resources\r\n\t */\r\n\tpublic destroy(): void {\r\n\t\ttry {\r\n\t\t\t// Remove all buttons\r\n\t\t\tremoveElements(`.${CSS_CLASSES.BUTTON_CONTAINER}`);\r\n\r\n\t\t\t// Remove all modals\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\t\t// Clear references\r\n\t\t\tthis.cameraButton = null;\r\n\r\n\t\t\t// Remove message listener\r\n\t\t\tif (this.iframeMessageListener) {\r\n\t\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t\t\tthis.iframeMessageListener = null;\r\n\t\t\t}\r\n\r\n\t\t\t// Reset state\r\n\t\t\tthis.virtualTryOnImageUrl = null;\r\n\t\t\tthis.isShowingVirtualTryOn = false;\r\n\t\t\tthis.lastModelImage = null;\r\n\t\t\tthis.originalProductImageUrl = null;\r\n\t\t\tthis.originalProductImages = [];\r\n\t\t\tif (this.previewBadge) {\r\n\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\tthis.previewBadge = null;\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget destroyed successfully\");\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during widget destruction:\", error);\r\n\t\t}\r\n\t}\r\n}\r\n","import type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n\ttry {\n\t\t// Clean up any existing instance\n\t\tif (widgetInstance) {\n\t\t\twidgetInstance.destroy();\n\t\t\twidgetInstance = null;\n\t\t}\n\n\t\t// Early return if config is missing\n\t\tif (!config) {\n\t\t\tconsole.log(\n\t\t\t\t\"[WeWear VTO] Missing configuration. Widget not initialized.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Create and initialize new instance\n\t\twidgetInstance = new VirtualTryOnWidget(config);\n\n\t\t// Initialize immediately if DOM is ready, otherwise wait for it\n\t\tif (document.readyState === \"loading\") {\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", () => {\n\t\t\t\twidgetInstance?.init().catch((error) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"[WeWear VTO] Failed to initialize after DOM ready:\",\n\t\t\t\t\t\terror,\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\twidgetInstance.init().catch((error) => {\n\t\t\t\tconsole.error(\"[WeWear VTO] Failed to initialize:\", error);\n\t\t\t});\n\t\t}\n\t} catch (error) {\n\t\tconsole.error(\"[WeWear VTO] Initialization error:\", error);\n\t}\n}\n\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n\treturn widgetInstance;\n}\n\nif (typeof window !== \"undefined\") {\n\tinitVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -450,6 +450,7 @@
         constructor(config) {
             this.virtualTryOnImageUrl = null;
             this.originalProductImageUrl = null;
+            this.originalProductImages = []; // Store all original product images
             this.isShowingVirtualTryOn = false;
             this.lastModelImage = null;
             this.cameraButton = null;
@@ -507,31 +508,54 @@
         async handleTryOnClick() {
             console.log("[WeWear VTO] Button clicked, starting try-on process...");
             try {
-                // Get required data
-                if (!this.originalProductImageUrl) {
-                    const productImageElement = document.querySelector(this.config.productImageSelector);
-                    this.originalProductImageUrl =
-                        (productImageElement === null || productImageElement === void 0 ? void 0 : productImageElement.src) ||
-                            (productImageElement === null || productImageElement === void 0 ? void 0 : productImageElement.getAttribute("data-src")) ||
-                            "";
+                // Store original images on first click if not already stored
+                if (this.originalProductImages.length === 0) {
+                    this.originalProductImages = this.getAllProductImages();
+                    console.log("[WeWear VTO] Stored original product images:", this.originalProductImages);
                 }
-                const ww_product_image = this.originalProductImageUrl;
                 console.log("[WeWear VTO] Retrieved data:", {
-                    ww_product_image,
+                    productImages: this.originalProductImages,
                 });
-                if (!ww_product_image) {
-                    console.warn("[WeWear VTO] Product image not found:", this.config.productImageSelector);
+                if (this.originalProductImages.length === 0) {
+                    console.warn("[WeWear VTO] Product images not found:", this.config.productImageSelector);
                     return;
                 }
+                // Store the first image as the original
+                if (!this.originalProductImageUrl) {
+                    this.originalProductImageUrl = this.originalProductImages[0];
+                }
                 // Open the photo upload page in a modal
                 const photoUploadUrl = new URL(`${this.config.baseUrl}`);
-                photoUploadUrl.searchParams.append("ww_product_image", ww_product_image);
+                // Pass all product images as a comma-separated string
+                photoUploadUrl.searchParams.append("ww_product_images", this.originalProductImages.join(","));
                 this.showPhotoUploadModal(photoUploadUrl.toString());
             }
             catch (error) {
                 console.error("[WeWear VTO] Try-on request failed:", error);
             }
         }
+        /**
+         * Gets all product images from the gallery
+         * @private
+         * @returns Array of product image URLs
+         */
+        getAllProductImages() {
+            const productImageElements = document.querySelectorAll(this.config.productImageSelector);
+            const images = [];
+            productImageElements.forEach((img) => {
+                const imageUrl = img.src ||
+                    img.getAttribute("data-src") ||
+                    img.getAttribute("data-large_image") ||
+                    "";
+                // Only include http/https URLs, exclude blob URLs and data URLs
+                if (imageUrl &&
+                    (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) &&
+                    !images.includes(imageUrl)) {
+                    images.push(imageUrl);
+                }
+            });
+            return images;
+        }
         /**
          * Shows a modal with an iframe for the photo upload page
          * @private
@@ -545,15 +569,15 @@
             position: fixed;
             top: 0;
             left: 0;
+            right: 0;
+            bottom: 0;
             width: 100%;
             height: 100%;
-            background: rgba(0, 0, 0, 0.8);
-            backdrop-filter: blur(8px);
-            -webkit-backdrop-filter: blur(8px);
+            background-color: rgba(0, 0, 0, 0.8);
             display: flex;
             justify-content: center;
             align-items: center;
-            z-index: ${Z_INDEX.MODAL};
+            z-index: 999999999;
             animation: ww-modal-fade-in 0.3s ease;
         `;
             // Add fade-in animation
@@ -677,10 +701,18 @@
             if (isRefresh) {
                 console.log("[WeWear VTO] Refreshing virtual try-on with previous parameters...");
             }
-            if (!this.lastModelImage || !this.originalProductImageUrl) {
+            if (!this.lastModelImage) {
                 console.warn("[WeWear VTO] Missing required data to start virtual try-on.");
                 return;
             }
+            // Use stored original images, or get them if not stored yet
+            if (this.originalProductImages.length === 0) {
+                this.originalProductImages = this.getAllProductImages();
+            }
+            if (this.originalProductImages.length === 0) {
+                console.warn("[WeWear VTO] No product images found.");
+                return;
+            }
             // Hide the modal and show loading indicator
             const modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);
             if (modal && modal instanceof HTMLElement) {
@@ -691,7 +723,7 @@
                 showProductLoading(container, "Generating your virtual try-on...");
             }
             try {
-                const submitResponse = await this.callVtoApi(this.lastModelImage, this.originalProductImageUrl);
+                const submitResponse = await this.callVtoApi(this.lastModelImage, this.originalProductImages);
                 let status = await this.fetchJobStatus(submitResponse.job_id);
                 const previews = [];
                 while (status.status !== "COMPLETED" && status.status !== "FAILED") {
@@ -743,10 +775,11 @@
                 removeElements(`.${CSS_CLASSES.MODAL}`);
             }
         }
-        async callVtoApi(modelImage, productImage) {
+        async callVtoApi(modelImage, productImages) {
             const formData = new FormData();
             formData.append("model_image", modelImage, "model_image.png");
-            formData.append("ww_product_image", productImage);
+            // Send all product images as a JSON array
+            formData.append("product_image_urls", JSON.stringify(productImages));
             const res = await fetch(`${this.config.baseUrl}/api/vto`, {
                 method: "POST",
                 body: formData,
@@ -950,6 +983,7 @@
                 this.isShowingVirtualTryOn = false;
                 this.lastModelImage = null;
                 this.originalProductImageUrl = null;
+                this.originalProductImages = [];
                 if (this.previewBadge) {
                     this.previewBadge.remove();
                     this.previewBadge = null;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/components/badge.ts","../src/utils.ts","../src/components/button.ts","../src/components/loading-overlay.ts","../src/components/alert-overlay.ts","../src/widget.ts","../src/installer.ts"],"sourcesContent":["/** CSS class names for consistent styling */\nexport const CSS_CLASSES = {\n\tBUTTON_CONTAINER: \"wewear-vto-button-container\",\n\tBUTTON: \"wewear-vto-button\",\n\tMODAL: \"wewear-vto-modal\",\n\tPREVIEW_BADGE: \"ww-vto-preview-badge\",\n} as const;\n\n/** Z-index values for proper layering */\nexport const Z_INDEX = {\n\tBUTTON: 10,\n\tMODAL: 99999,\n} as const;\n","import { CSS_CLASSES } from \"../constants.js\";\r\n\r\nexport function createPreviewBadge(): HTMLElement {\r\n\tconst badge = document.createElement(\"div\");\r\n\tbadge.className = CSS_CLASSES.PREVIEW_BADGE;\r\n\tbadge.innerText = \"PREVIEW\";\r\n\r\n\tconst styleId = \"ww-vto-badge-styles\";\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styles = document.createElement(\"style\");\r\n\t\tstyles.id = styleId;\r\n\t\tstyles.innerHTML = `\r\n            .${CSS_CLASSES.PREVIEW_BADGE} {\r\n                position: absolute;\r\n                top: 20px;\r\n                right: 20px;\r\n                background: rgba(31, 41, 55, 0.9);\r\n                backdrop-filter: blur(4px);\r\n                -webkit-backdrop-filter: blur(4px);\r\n                color: white;\r\n                padding: 6px 14px;\r\n                border-radius: 6px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                letter-spacing: 0.5px;\r\n                z-index: 10;\r\n                pointer-events: none;\r\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n                animation: ww-vto-pulse 2s ease-in-out infinite;\r\n            }\r\n\r\n            @keyframes ww-vto-pulse {\r\n                0%, 100% {\r\n                    opacity: 0.9;\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styles);\r\n\t}\r\n\r\n\treturn badge;\r\n}\r\n","export function getPositionStyles(position: string): string {\n\tswitch (position) {\n\t\tcase \"bottom-left\":\n\t\t\treturn \"left: 20px; bottom: 20px;\";\n\t\tcase \"top-right\":\n\t\t\treturn \"right: 20px; top: 20px;\";\n\t\tcase \"top-left\":\n\t\t\treturn \"left: 20px; top: 20px;\";\n\t\tdefault:\n\t\t\treturn \"right: 20px; bottom: 20px;\";\n\t}\n}\n\nexport function removeElements(selector: string): void {\n\tconst elements = document.querySelectorAll(selector);\n\telements.forEach((element) => {\n\t\telement.remove();\n\t});\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\r\nimport { getPositionStyles } from \"../utils.js\";\r\n\r\nexport function createButtonContainer(\r\n\tbuttonPosition: string,\r\n\thasVirtualTryOn: boolean = false,\r\n\tonCameraClick: () => void,\r\n\tonRefreshClick?: () => void,\r\n\tonToggleClick?: () => void,\r\n\tisShowingVirtualTryOn: boolean = false,\r\n): HTMLElement {\r\n\tconst container = document.createElement(\"div\");\r\n\tcontainer.className = `${CSS_CLASSES.BUTTON_CONTAINER} ww-button-group`;\r\n\r\n\tconst positionStyles = getPositionStyles(buttonPosition);\r\n\tcontainer.style.cssText = `\r\n    position: absolute;\r\n    ${positionStyles}\r\n    display: flex;\r\n    gap: 4px;\r\n    border-radius: 100px;\r\n    background: white;\r\n    padding: 4px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    z-index: ${Z_INDEX.BUTTON};\r\n    transition: all 0.2s ease;\r\n  `;\r\n\r\n\t// Camera button\r\n\tconst cameraButton = document.createElement(\"button\");\r\n\tcameraButton.type = \"button\";\r\n\tcameraButton.className = `${CSS_CLASSES.BUTTON} ww-camera-btn`;\r\n\tcameraButton.setAttribute(\"aria-label\", \"Virtual Try-On\");\r\n\tcameraButton.style.cssText = `\r\n    display: flex;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100px;\r\n    padding: 0;\r\n    border: none;\r\n    background: white;\r\n    color: #000000;\r\n    transition: all 0.2s ease;\r\n    flex-shrink: 0;\r\n  `;\r\n\r\n\tcameraButton.innerHTML = `\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n      <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path>\r\n      <circle cx=\"12\" cy=\"13\" r=\"3\"></circle>\r\n    </svg>\r\n  `;\r\n\r\n\tcameraButton.onclick = onCameraClick;\r\n\tcontainer.appendChild(cameraButton);\r\n\r\n\t// Add refresh and toggle buttons if we have a virtual try-on\r\n\tif (hasVirtualTryOn) {\r\n\t\t// Refresh button - calls API again\r\n\t\tif (onRefreshClick) {\r\n\t\t\tconst refreshButton = document.createElement(\"button\");\r\n\t\t\trefreshButton.type = \"button\";\r\n\t\t\trefreshButton.className = \"ww-refresh-btn\";\r\n\t\t\trefreshButton.setAttribute(\"aria-label\", \"Refresh virtual try-on\");\r\n\t\t\trefreshButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: white;\r\n        color: #333333;\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\trefreshButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n          <path d=\"M3 3v5h5\"></path>\r\n          <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"></path>\r\n          <path d=\"M16 16h5v5\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\t\t\tcontainer.appendChild(refreshButton);\r\n\t\t}\r\n\r\n\t\t// Toggle button (scan-face) - switches between original and virtual try-on\r\n\t\tif (onToggleClick) {\r\n\t\t\tconst toggleButton = document.createElement(\"button\");\r\n\t\t\ttoggleButton.type = \"button\";\r\n\t\t\ttoggleButton.className = \"ww-toggle-btn\";\r\n\t\t\ttoggleButton.setAttribute(\r\n\t\t\t\t\"aria-label\",\r\n\t\t\t\tisShowingVirtualTryOn ? \"Show Original Image\" : \"Show Virtual Try-On\",\r\n\t\t\t);\r\n\t\t\ttoggleButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: ${isShowingVirtualTryOn ? \"#333333\" : \"#e5e7eb\"};\r\n        color: ${isShowingVirtualTryOn ? \"white\" : \"#333333\"};\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\ttoggleButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"></path>\r\n          <path d=\"M17 3h2a2 2 0 0 1 2 2v2\"></path>\r\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"></path>\r\n          <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"></path>\r\n          <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path>\r\n          <path d=\"M9 9h.01\"></path>\r\n          <path d=\"M15 9h.01\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\ttoggleButton.onmouseover = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#4a4a4a\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#d1d5db\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\ttoggleButton.onmouseout = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#333333\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#e5e7eb\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\ttoggleButton.onclick = onToggleClick;\r\n\t\t\tcontainer.appendChild(toggleButton);\r\n\t\t}\r\n\t}\r\n\r\n\treturn container;\r\n}\r\n\r\nexport function createButton(\r\n\tbuttonPosition: string,\r\n\tonClick: () => void,\r\n\tdisabled: boolean = false,\r\n): HTMLElement {\r\n\tconst container = createButtonContainer(buttonPosition, false, onClick);\r\n\tconst cameraButton = container.querySelector(\r\n\t\t\".ww-camera-btn\",\r\n\t) as HTMLButtonElement;\r\n\tif (cameraButton) {\r\n\t\tcameraButton.disabled = disabled;\r\n\t\tif (disabled) {\r\n\t\t\tcameraButton.style.opacity = \"0.5\";\r\n\t\t\tcameraButton.style.cursor = \"not-allowed\";\r\n\t\t\tcameraButton.title = \"Find your ideal size first\";\r\n\t\t}\r\n\t}\r\n\treturn container;\r\n}\r\n","import { Z_INDEX } from \"../constants.js\";\r\n\r\n/**\r\n * Creates a loading overlay that can be shown in different containers\r\n */\r\nexport function createLoadingOverlay(\r\n\ttext: string = \"Processing...\",\r\n): HTMLElement {\r\n\tconst overlay = document.createElement(\"div\");\r\n\toverlay.className = \"ww-loading-overlay\";\r\n\toverlay.style.cssText = `\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.88) 100%);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: ${Z_INDEX.MODAL + 1};\r\n    border-radius: inherit;\r\n    animation: ww-fade-in 0.3s ease;\r\n  `;\r\n\r\n\t// Add CSS animation to the document if not already added\r\n\tif (!document.getElementById(\"ww-loading-animation\")) {\r\n\t\tconst style = document.createElement(\"style\");\r\n\t\tstyle.id = \"ww-loading-animation\";\r\n\t\tstyle.textContent = `\r\n        @keyframes ww-fade-in {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n        \r\n        @keyframes ww-pulse-logo {\r\n          0%, 100% { \r\n            opacity: 0.8; \r\n            transform: scale(1);\r\n          }\r\n          50% { \r\n            opacity: 1; \r\n            transform: scale(1.05);\r\n          }\r\n        }\r\n        \r\n        @keyframes ww-spinner-rotate {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        @keyframes ww-dot-bounce {\r\n          0%, 80%, 100% { \r\n            transform: scale(0);\r\n            opacity: 0.5;\r\n          }\r\n          40% { \r\n            transform: scale(1);\r\n            opacity: 1;\r\n          }\r\n        }\r\n        \r\n        .ww-loading-logo {\r\n          animation: ww-pulse-logo 2s ease-in-out infinite;\r\n        }\r\n        \r\n        .ww-loading-spinner {\r\n          animation: ww-spinner-rotate 1s linear infinite;\r\n        }\r\n      `;\r\n\t\tdocument.head.appendChild(style);\r\n\t}\r\n\r\n\toverlay.innerHTML = `\r\n    <div style=\"display: flex; flex-direction: column; align-items: center; gap: 32px;\">\r\n      <div style=\"position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;\">\r\n        <!-- Outer spinning circle -->\r\n        <div class=\"ww-loading-spinner\" style=\"\r\n          position: absolute;\r\n          width: 120px;\r\n          height: 120px;\r\n          border: 3px solid transparent;\r\n          border-top: 3px solid #333333;\r\n          border-right: 3px solid #333333;\r\n          border-radius: 50%;\r\n        \"></div>\r\n        \r\n        <!-- Logo -->\r\n        <svg class=\"ww-loading-logo\" width=\"80\" height=\"50\" viewBox=\"0 0 214 135\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M102.906 74.8679C102.906 77.9717 101.574 80.7453 98.9104 83.1887C96.6871 85.1918 93.9025 86.6997 90.5566 87.7123C87.695 88.5708 84.6462 89 81.4104 89C73.8821 89 68.0047 87.0189 63.7783 83.0566C59.5519 87.0189 53.6855 89 46.1792 89C42.9434 89 39.9057 88.5708 37.066 87.7123C33.7201 86.6997 30.9245 85.1918 28.6792 83.1887C26.0157 80.7453 24.684 77.9717 24.684 74.8679V41.6509H32.3774V74.8679C32.3774 76.2547 33.489 77.5645 35.7123 78.7972C37.3632 79.7217 39.0692 80.3711 40.8302 80.7453C42.5252 81.1195 44.3082 81.3066 46.1792 81.3066C48.0063 81.3066 49.7673 81.1195 51.4623 80.7453C53.2453 80.3711 54.9623 79.7217 56.6132 78.7972C58.8585 77.5645 59.9811 76.2547 59.9811 74.8679V41.6509H67.6085V74.8679C67.6085 76.2547 68.7311 77.5645 70.9764 78.7972C72.6274 79.7217 74.3443 80.3711 76.1274 80.7453C77.8223 81.1195 79.5833 81.3066 81.4104 81.3066C83.2814 81.3066 85.0755 81.1195 86.7925 80.7453C88.5314 80.3711 90.2264 79.7217 91.8774 78.7972C94.1006 77.5645 95.2123 76.2547 95.2123 74.8679V41.6509H102.906V74.8679ZM189.283 74.8679C189.283 77.9717 187.951 80.7453 185.288 83.1887C183.064 85.1918 180.28 86.6997 176.934 87.7123C174.072 88.5708 171.024 89 167.788 89C160.259 89 154.382 87.0189 150.156 83.0566C145.929 87.0189 140.063 89 132.557 89C129.321 89 126.283 88.5708 123.443 87.7123C120.097 86.6997 117.302 85.1918 115.057 83.1887C112.393 80.7453 111.061 77.9717 111.061 74.8679V41.6509H118.755V74.8679C118.755 76.2547 119.866 77.5645 122.09 78.7972C123.741 79.7217 125.447 80.3711 127.208 80.7453C128.903 81.1195 130.686 81.3066 132.557 81.3066C134.384 81.3066 136.145 81.1195 137.84 80.7453C139.623 80.3711 141.34 79.7217 142.991 78.7972C145.236 77.5645 146.358 76.2547 146.358 74.8679V41.6509H153.986V74.8679C153.986 76.2547 155.108 77.5645 157.354 78.7972C159.005 79.7217 160.722 80.3711 162.505 80.7453C164.2 81.1195 165.961 81.3066 167.788 81.3066C169.659 81.3066 171.453 81.1195 173.17 80.7453C174.909 80.3711 176.604 79.7217 178.255 78.7972C180.478 77.5645 181.59 76.2547 181.59 74.8679V41.6509H189.283V74.8679Z\" fill=\"white\"/>\r\n        </svg>\r\n      </div>\r\n      \r\n      <div style=\"font-size: 17px; font-weight: 500; text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: white; letter-spacing: 0.5px; max-width: 280px;\">${text}</div>\r\n      \r\n      <div style=\"display: flex; gap: 10px; margin-top: 4px;\">\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.2s infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.4s infinite;\"></div>\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n\treturn overlay;\r\n}\r\n\r\n/**\r\n * Shows a loading overlay in the product gallery container\r\n */\r\nexport function showProductLoading(\r\n\tcontainer: HTMLElement,\r\n\ttext: string = \"Generating virtual try-on...\",\r\n): void {\r\n\t// Remove any existing loading overlays\r\n\tremoveProductLoading(container);\r\n\r\n\t// Make container relative if it's not already positioned\r\n\tconst computedStyle = window.getComputedStyle(container);\r\n\tif (computedStyle.position === \"static\") {\r\n\t\tcontainer.style.position = \"relative\";\r\n\t}\r\n\r\n\tconst loadingOverlay = createLoadingOverlay(text);\r\n\tcontainer.appendChild(loadingOverlay);\r\n}\r\n\r\n/**\r\n * Removes loading overlay from product container\r\n */\r\nexport function removeProductLoading(container: HTMLElement): void {\r\n\tconst existingOverlay = container.querySelector(\".ww-loading-overlay\");\r\n\tif (existingOverlay) {\r\n\t\texistingOverlay.remove();\r\n\t}\r\n}\r\n","export function showAlert(\r\n\tcontainer: HTMLElement,\r\n\tmessage: string,\r\n\ttype: \"error\" | \"warning\",\r\n) {\r\n\tremoveAlert(container); // Remove any existing alert\r\n\r\n\tconst alertDiv = document.createElement(\"div\");\r\n\talertDiv.className = `ww-alert ww-alert-${type}`;\r\n\talertDiv.setAttribute(\"role\", type === \"error\" ? \"alert\" : \"status\");\r\n\talertDiv.setAttribute(\"aria-live\", \"assertive\");\r\n\r\n\tconst bgColor =\r\n\t\ttype === \"error\"\r\n\t\t\t? \"linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)\"\r\n\t\t\t: \"linear-gradient(135deg, #fef9c3 0%, #fde68a 100%)\";\r\n\tconst textColor = type === \"error\" ? \"#991b1b\" : \"#78350f\";\r\n\tconst borderColor = type === \"error\" ? \"#f87171\" : \"#fbbf24\";\r\n\tconst iconColor = type === \"error\" ? \"#dc2626\" : \"#d97706\";\r\n\r\n\talertDiv.style.cssText = `\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(-20px);\r\n        background: ${bgColor};\r\n        color: ${textColor};\r\n        border: 1px solid ${borderColor};\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        z-index: 9999;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-width: 280px;\r\n        max-width: 90%;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    `;\r\n\r\n\tconst icon =\r\n\t\ttype === \"error\"\r\n\t\t\t? `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\r\n\t\t</svg>`\r\n\t\t\t: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/>\r\n\t\t</svg>`;\r\n\r\n\talertDiv.innerHTML = `\r\n        ${icon}\r\n        <span style=\"flex: 1; line-height: 1.5;\">${message}</span>\r\n        <button type=\"button\" aria-label=\"Close alert\"\r\n            style=\"\r\n                background: none;\r\n                border: none;\r\n                font-size: 22px;\r\n                color: ${textColor};\r\n                cursor: pointer;\r\n                padding: 0;\r\n                line-height: 1;\r\n                opacity: 0.7;\r\n                transition: opacity 0.2s ease;\r\n                width: 24px;\r\n                height: 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            \"\r\n            onmouseover=\"this.style.opacity='1'\"\r\n            onmouseout=\"this.style.opacity='0.7'\">\r\n            &times;\r\n        </button>\r\n    `;\r\n\r\n\t// Close on button click\r\n\talertDiv.querySelector(\"button\")?.addEventListener(\"click\", () => {\r\n\t\tfadeOutAndRemove(alertDiv);\r\n\t});\r\n\r\n\tcontainer.appendChild(alertDiv);\r\n\r\n\t// Animate in\r\n\trequestAnimationFrame(() => {\r\n\t\talertDiv.style.opacity = \"1\";\r\n\t\talertDiv.style.transform = \"translateX(-50%) translateY(0)\";\r\n\t});\r\n\r\n\t// Auto-dismiss after 8 seconds\r\n\tsetTimeout(() => {\r\n\t\tif (alertDiv.parentElement) {\r\n\t\t\tfadeOutAndRemove(alertDiv);\r\n\t\t}\r\n\t}, 8000);\r\n}\r\n\r\nfunction fadeOutAndRemove(element: HTMLElement) {\r\n\telement.style.opacity = \"0\";\r\n\telement.style.transform = \"translateX(-50%) translateY(-20px)\";\r\n\tsetTimeout(() => {\r\n\t\telement.remove();\r\n\t}, 300);\r\n}\r\n\r\nexport function removeAlert(container: HTMLElement) {\r\n\tconst alert = container.querySelector(\".ww-alert\") as HTMLElement;\r\n\tif (alert) fadeOutAndRemove(alert);\r\n}\r\n","import { CSS_CLASSES, Z_INDEX } from \"./constants.js\";\r\nimport {\r\n\tcreateButton,\r\n\tcreateButtonContainer,\r\n\tremoveProductLoading,\r\n\tshowProductLoading,\r\n\tcreatePreviewBadge,\r\n} from \"./components/index.js\";\r\nimport type { VirtualTryOnConfig } from \"./index.js\";\r\nimport { removeElements } from \"./utils.js\";\r\nimport { showAlert } from \"./components/alert-overlay.js\";\r\n\r\n/**\r\n * Job status type\r\n */\r\ntype JobStatus = \"PENDING\" | \"PREVIEW_AVAILABLE\" | \"COMPLETED\" | \"FAILED\";\r\n\r\n/**\r\n * Response from the job status endpoint\r\n */\r\ninterface JobStatusResponse {\r\n\tstatus: JobStatus;\r\n\tpreviews_available: number;\r\n\tmessage: string;\r\n}\r\n\r\nexport class VirtualTryOnWidget {\r\n\tprivate readonly config: Required<VirtualTryOnConfig>;\r\n\tprivate virtualTryOnImageUrl: string | null = null;\r\n\tprivate originalProductImageUrl: string | null = null;\r\n\tprivate isShowingVirtualTryOn: boolean = false;\r\n\tprivate lastModelImage: Blob | null = null;\r\n\tprivate cameraButton: HTMLButtonElement | null = null;\r\n\tprivate iframeMessageListener: ((event: MessageEvent) => void) | null = null;\r\n\tprivate previewBadge: HTMLElement | null = null;\r\n\r\n\tconstructor(config: VirtualTryOnConfig) {\r\n\t\tthis.config = {\r\n\t\t\tbaseUrl: config.baseUrl,\r\n\t\t\tproductPageSelector: config.productPageSelector,\r\n\t\t\tgallerySelector: config.gallerySelector,\r\n\t\t\tproductImageSelector: config.productImageSelector,\r\n\t\t\tbuttonPosition: config.buttonPosition,\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Initializes the virtual try-on widget on the current page\r\n\t * @returns Promise that resolves when initialization is complete\r\n\t */\r\n\tpublic async init(): Promise<void> {\r\n\t\ttry {\r\n\t\t\t// Check if we're on a product page\r\n\t\t\tif (!window.location.pathname.includes(this.config.productPageSelector)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Ensure container has relative positioning for button placement\r\n\t\t\tif (getComputedStyle(container).position === \"static\") {\r\n\t\t\t\tcontainer.style.position = \"relative\";\r\n\t\t\t}\r\n\r\n\t\t\t// Create and add the virtual try-on button\r\n\t\t\tconst button = createButton(this.config.buttonPosition, async () => {\r\n\t\t\t\tif (this.cameraButton && !this.cameraButton.disabled) {\r\n\t\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Store reference to camera button for dynamic enable/disable\r\n\t\t\tthis.cameraButton = button.querySelector(\".ww-camera-btn\");\r\n\t\t\tcontainer.appendChild(button);\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget initialized successfully\");\r\n\r\n\t\t\t// Listen for messages from the photo upload page\r\n\t\t\tthis.setupIframeListener();\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Initialization failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handles virtual try-on button click\r\n\t * @private\r\n\t */\r\n\tprivate async handleTryOnClick(): Promise<void> {\r\n\t\tconsole.log(\"[WeWear VTO] Button clicked, starting try-on process...\");\r\n\r\n\t\ttry {\r\n\t\t\t// Get required data\r\n\t\t\tif (!this.originalProductImageUrl) {\r\n\t\t\t\tconst productImageElement = document.querySelector(\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t) as HTMLImageElement;\r\n\t\t\t\tthis.originalProductImageUrl =\r\n\t\t\t\t\tproductImageElement?.src ||\r\n\t\t\t\t\tproductImageElement?.getAttribute(\"data-src\") ||\r\n\t\t\t\t\t\"\";\r\n\t\t\t}\r\n\r\n\t\t\tconst ww_product_image = this.originalProductImageUrl;\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Retrieved data:\", {\r\n\t\t\t\tww_product_image,\r\n\t\t\t});\r\n\r\n\t\t\tif (!ww_product_image) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Product image not found:\",\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Open the photo upload page in a modal\r\n\t\t\tconst photoUploadUrl = new URL(`${this.config.baseUrl}`);\r\n\t\t\tphotoUploadUrl.searchParams.append(\"ww_product_image\", ww_product_image);\r\n\r\n\t\t\tthis.showPhotoUploadModal(photoUploadUrl.toString());\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Try-on request failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Shows a modal with an iframe for the photo upload page\r\n\t * @private\r\n\t */\r\n\tprivate showPhotoUploadModal(url: string): void {\r\n\t\t// Remove existing modals\r\n\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\tconst modal = document.createElement(\"div\");\r\n\t\tmodal.className = CSS_CLASSES.MODAL;\r\n\t\tmodal.style.cssText = `\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.8);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: ${Z_INDEX.MODAL};\r\n            animation: ww-modal-fade-in 0.3s ease;\r\n        `;\r\n\r\n\t\t// Add fade-in animation\r\n\t\tif (!document.getElementById(\"ww-modal-animation\")) {\r\n\t\t\tconst style = document.createElement(\"style\");\r\n\t\t\tstyle.id = \"ww-modal-animation\";\r\n\t\t\tstyle.textContent = `\r\n\t\t\t\t@keyframes ww-modal-fade-in {\r\n\t\t\t\t\tfrom { opacity: 0; }\r\n\t\t\t\t\tto { opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t\t@keyframes ww-modal-scale-in {\r\n\t\t\t\t\tfrom { transform: scale(0.95); opacity: 0; }\r\n\t\t\t\t\tto { transform: scale(1); opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t}\r\n\r\n\t\tconst iframeContainer = document.createElement(\"div\");\r\n\t\tiframeContainer.style.cssText = `\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 90%;\r\n\t\t\theight: 90%;\r\n\t\t\tmax-width: 480px;\r\n\t\t\tmax-height: 720px;\r\n\t\t\tborder-radius: 20px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tbox-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.2);\r\n\t\t\tanimation: ww-modal-scale-in 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\t\tbackground: white;\r\n\t\t`;\r\n\r\n\t\tconst iframe = document.createElement(\"iframe\");\r\n\t\tiframe.src = url;\r\n\t\tiframe.style.cssText = `\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        `;\r\n\r\n\t\tconst closeButton = document.createElement(\"button\");\r\n\t\tcloseButton.innerHTML = `\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n\t\t\t</svg>\r\n\t\t`;\r\n\t\tcloseButton.setAttribute(\"aria-label\", \"Close modal\");\r\n\t\tcloseButton.style.cssText = `\r\n            position: absolute;\r\n            top: -48px;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1f2937;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n        `;\r\n\t\tcloseButton.onmouseover = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1.1) rotate(90deg)\";\r\n\t\t\tcloseButton.style.background = \"#ef4444\";\r\n\t\t\tcloseButton.style.color = \"white\";\r\n\t\t};\r\n\t\tcloseButton.onmouseout = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1) rotate(0deg)\";\r\n\t\t\tcloseButton.style.background = \"rgba(255, 255, 255, 0.95)\";\r\n\t\t\tcloseButton.style.color = \"#1f2937\";\r\n\t\t};\r\n\t\tcloseButton.onclick = () => {\r\n\t\t\tmodal.style.opacity = \"0\";\r\n\t\t\tiframeContainer.style.transform = \"scale(0.95)\";\r\n\t\t\tiframeContainer.style.opacity = \"0\";\r\n\t\t\tsetTimeout(() => modal.remove(), 300);\r\n\t\t};\r\n\r\n\t\tiframeContainer.appendChild(iframe);\r\n\t\tiframeContainer.appendChild(closeButton);\r\n\t\tmodal.appendChild(iframeContainer);\r\n\t\tdocument.body.appendChild(modal);\r\n\r\n\t\t// Close on backdrop click\r\n\t\tmodal.onclick = (e) => {\r\n\t\t\tif (e.target === modal) {\r\n\t\t\t\tcloseButton.click();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Sets up listener for messages from the iframe\r\n\t * @private\r\n\t */\r\n\tprivate setupIframeListener(): void {\r\n\t\t// Remove existing listener if any\r\n\t\tif (this.iframeMessageListener) {\r\n\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t}\r\n\r\n\t\tthis.iframeMessageListener = (event: MessageEvent) => {\r\n\t\t\tif (event.origin !== new URL(this.config.baseUrl).origin) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tswitch (event.data.type) {\r\n\t\t\t\tcase \"VTO_IMAGE_SELECTED\":\r\n\t\t\t\t\tif (event.data.image) {\r\n\t\t\t\t\t\tthis.lastModelImage = event.data.image;\r\n\t\t\t\t\t\tthis.startVirtualTryOn();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"CLOSE_MODAL\":\r\n\t\t\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"message\", this.iframeMessageListener);\r\n\t}\r\n\r\n\tprivate async startVirtualTryOn(isRefresh = false): Promise<void> {\r\n\t\tif (isRefresh) {\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Refreshing virtual try-on with previous parameters...\",\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (!this.lastModelImage || !this.originalProductImageUrl) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"[WeWear VTO] Missing required data to start virtual try-on.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Hide the modal and show loading indicator\r\n\t\tconst modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);\r\n\t\tif (modal && modal instanceof HTMLElement) {\r\n\t\t\tmodal.style.display = \"none\";\r\n\t\t}\r\n\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\tif (container instanceof HTMLElement) {\r\n\t\t\tshowProductLoading(container, \"Generating your virtual try-on...\");\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tconst submitResponse = await this.callVtoApi(\r\n\t\t\t\tthis.lastModelImage,\r\n\t\t\t\tthis.originalProductImageUrl,\r\n\t\t\t);\r\n\r\n\t\t\tlet status = await this.fetchJobStatus(submitResponse.job_id);\r\n\t\t\tconst previews: string[] = [];\r\n\r\n\t\t\twhile (status.status !== \"COMPLETED\" && status.status !== \"FAILED\") {\r\n\t\t\t\tawait new Promise((r) => setTimeout(r, 3000));\r\n\t\t\t\tstatus = await this.fetchJobStatus(submitResponse.job_id);\r\n\r\n\t\t\t\tfor (let i = previews.length; i < status.previews_available; i++) {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tconst previewUrl = await this.fetchJobImage(\r\n\t\t\t\t\t\t\tsubmitResponse.job_id,\r\n\t\t\t\t\t\t\ti,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tpreviews.push(previewUrl);\r\n\t\t\t\t\t\tthis.replaceProductImage(previewUrl);\r\n\r\n\t\t\t\t\t\tif (!this.previewBadge && container instanceof HTMLElement) {\r\n\t\t\t\t\t\t\tthis.previewBadge = createPreviewBadge();\r\n\t\t\t\t\t\t\tcontainer.appendChild(this.previewBadge);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tif (!(e instanceof Error && e.message === \"202_PROCESSING\"))\r\n\t\t\t\t\t\t\tthrow e;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"COMPLETED\") {\r\n\t\t\t\tconst finalImage = await this.fetchJobImage(submitResponse.job_id);\r\n\t\t\t\tif (finalImage) {\r\n\t\t\t\t\tthis.replaceProductImage(finalImage);\r\n\t\t\t\t}\r\n\t\t\t\tif (this.previewBadge) {\r\n\t\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\t\tthis.previewBadge = null;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"FAILED\") {\r\n\t\t\t\tconsole.error(\"[WeWear VTO] VTO process failed:\", status.message);\r\n\t\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\t\tshowAlert(container, status.message, \"error\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during virtual try-on process:\", error);\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tshowAlert(container, \"An unexpected error occurred.\", \"error\");\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t}\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async callVtoApi(\r\n\t\tmodelImage: Blob,\r\n\t\tproductImage: string,\r\n\t): Promise<{ job_id: string }> {\r\n\t\tconst formData = new FormData();\r\n\t\tformData.append(\"model_image\", modelImage, \"model_image.png\");\r\n\t\tformData.append(\"ww_product_image\", productImage);\r\n\r\n\t\tconst res = await fetch(`${this.config.baseUrl}/api/vto`, {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tbody: formData,\r\n\t\t});\r\n\t\tif (!res.ok) {\r\n\t\t\tconst errorText = await res.text();\r\n\t\t\tconsole.error(\r\n\t\t\t\t\"[WeWear VTO] API submission failed:\",\r\n\t\t\t\tres.status,\r\n\t\t\t\terrorText,\r\n\t\t\t);\r\n\t\t\tthrow new Error(`API submission failed: ${res.status}`);\r\n\t\t}\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobStatus(jobId: string): Promise<JobStatusResponse> {\r\n\t\tconst res = await fetch(\r\n\t\t\t`${this.config.baseUrl}/api/vto/status?job_id=${jobId}`,\r\n\t\t);\r\n\t\tif (!res.ok) throw new Error(`Status check failed: ${res.status}`);\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobImage(\r\n\t\tjobId: string,\r\n\t\tpreviewIndex?: number,\r\n\t): Promise<string> {\r\n\t\tlet url = `${this.config.baseUrl}/api/vto/image?job_id=${jobId}`;\r\n\t\tif (previewIndex !== undefined) url += `&preview_index=${previewIndex}`;\r\n\r\n\t\tconst res = await fetch(url);\r\n\t\tif (res.status === 202) throw new Error(\"202_PROCESSING\");\r\n\t\tif (!res.ok) throw new Error(`Image fetch failed: ${res.status}`);\r\n\r\n\t\tconst blob = await res.blob();\r\n\t\treturn URL.createObjectURL(blob);\r\n\t}\r\n\r\n\tprivate async refreshVirtualTryOn(): Promise<void> {\r\n\t\tawait this.startVirtualTryOn(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Replaces the product image in the gallery with the virtual try-on result\r\n\t * @private\r\n\t */\r\n\tprivate replaceProductImage(imageUrl: string): void {\r\n\t\ttry {\r\n\t\t\t// Store the virtual try-on image URL\r\n\t\t\tthis.virtualTryOnImageUrl = imageUrl;\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found for image replacement:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the original content if not already stored\r\n\t\t\tif (!container.hasAttribute(\"data-ww-original-content\")) {\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-content\", container.innerHTML);\r\n\t\t\t}\r\n\r\n\t\t\t// Capture and lock container dimensions before replacement to prevent layout shift\r\n\t\t\tif (!container.hasAttribute(\"data-ww-container-locked\")) {\r\n\t\t\t\tconst containerRect = container.getBoundingClientRect();\r\n\r\n\t\t\t\t// Store original dimensions\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-width\",\r\n\t\t\t\t\tcontainerRect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-height\",\r\n\t\t\t\t\tcontainerRect.height.toString(),\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// Lock the container dimensions\r\n\t\t\t\tcontainer.style.width = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.height = `${containerRect.height}px`;\r\n\t\t\t\tcontainer.style.minWidth = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.minHeight = `${containerRect.height}px`;\r\n\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-container-locked\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Capture original image dimensions before replacement to prevent layout shift\r\n\t\t\tconst originalImg = container.querySelector(\"img\");\r\n\t\t\tif (\r\n\t\t\t\toriginalImg &&\r\n\t\t\t\t!container.hasAttribute(\"data-ww-original-dimensions\")\r\n\t\t\t) {\r\n\t\t\t\tconst computedStyle = window.getComputedStyle(originalImg);\r\n\t\t\t\tconst rect = originalImg.getBoundingClientRect();\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-width\", computedStyle.width);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-height\", computedStyle.height);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-width\",\r\n\t\t\t\t\trect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-height\",\r\n\t\t\t\t\trect.height.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-dimensions\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Show the virtual try-on image initially\r\n\t\t\tthis.showVirtualTryOnImage(container);\r\n\r\n\t\t\t// Replace the button container with the new multi-button version\r\n\t\t\tthis.updateButtonContainer(container);\r\n\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Product image replaced with virtual try-on result\",\r\n\t\t\t);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error replacing product image:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Updates the button container to show all available buttons\r\n\t * @private\r\n\t */\r\n\tprivate updateButtonContainer(container: HTMLElement): void {\r\n\t\t// Remove existing button containers\r\n\t\tconst existingButtons = container.querySelectorAll(\r\n\t\t\t`.${CSS_CLASSES.BUTTON_CONTAINER}`,\r\n\t\t);\r\n\t\texistingButtons.forEach((btn) => {\r\n\t\t\tbtn.remove();\r\n\t\t});\r\n\r\n\t\t// Create new button container with all buttons\r\n\t\tconst buttonContainer = createButtonContainer(\r\n\t\t\tthis.config.buttonPosition,\r\n\t\t\tthis.virtualTryOnImageUrl !== null,\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t},\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.refreshVirtualTryOn();\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (this.isShowingVirtualTryOn) {\r\n\t\t\t\t\tthis.showOriginalImage(container);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.showVirtualTryOnImage(container);\r\n\t\t\t\t}\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t\tthis.updateButtonContainer(container);\r\n\t\t\t},\r\n\t\t\tthis.isShowingVirtualTryOn,\r\n\t\t);\r\n\r\n\t\tcontainer.appendChild(buttonContainer);\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the virtual try-on image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showVirtualTryOnImage(container: HTMLElement): void {\r\n\t\tif (!this.virtualTryOnImageUrl) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No virtual try-on image URL available\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Remove all direct children except for the button container\r\n\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\tchild.remove();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Get stored original dimensions to prevent layout shift\r\n\t\tconst originalWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-width\") || \"\";\r\n\t\tconst originalHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-height\") || \"\";\r\n\t\tconst originalRectWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-width\") || \"\";\r\n\t\tconst originalRectHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-height\") || \"\";\r\n\r\n\t\tconst image = document.createElement(\"img\");\r\n\t\timage.src = this.virtualTryOnImageUrl;\r\n\t\timage.alt = \"Virtual Try-On Result\";\r\n\r\n\t\t// Use original dimensions to prevent layout shift\r\n\t\tlet widthStyle = \"100%\";\r\n\t\tlet heightStyle = \"100%\";\r\n\r\n\t\t// Prefer computed style dimensions, fallback to bounding rect, then container fill\r\n\t\tif (originalWidth && originalWidth !== \"auto\" && originalWidth !== \"0px\") {\r\n\t\t\twidthStyle = originalWidth;\r\n\t\t} else if (originalRectWidth && originalRectWidth !== \"0\") {\r\n\t\t\twidthStyle = `${originalRectWidth}px`;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\toriginalHeight &&\r\n\t\t\toriginalHeight !== \"auto\" &&\r\n\t\t\toriginalHeight !== \"0px\"\r\n\t\t) {\r\n\t\t\theightStyle = originalHeight;\r\n\t\t} else if (originalRectHeight && originalRectHeight !== \"0\") {\r\n\t\t\theightStyle = `${originalRectHeight}px`;\r\n\t\t}\r\n\r\n\t\timage.style.cssText = `\r\n            width: ${widthStyle};\r\n            height: ${heightStyle};\r\n            object-fit: contain;\r\n        `;\r\n\r\n\t\t// Prepend the image to ensure buttons are rendered on top\r\n\t\tcontainer.prepend(image);\r\n\r\n\t\tthis.isShowingVirtualTryOn = true;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the original product image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showOriginalImage(container: HTMLElement): void {\r\n\t\tconst originalContentHTML = container.getAttribute(\r\n\t\t\t\"data-ww-original-content\",\r\n\t\t);\r\n\t\tif (originalContentHTML) {\r\n\t\t\t// Remove all direct children except for the button container\r\n\t\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\t\tchild.remove();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Parse the original content and prepend it\r\n\t\t\tconst tempDiv = document.createElement(\"div\");\r\n\t\t\ttempDiv.innerHTML = originalContentHTML;\r\n\t\t\tcontainer.prepend(...Array.from(tempDiv.children));\r\n\t\t}\r\n\r\n\t\tthis.isShowingVirtualTryOn = false;\r\n\t}\r\n\r\n\t/**\r\n\t * Destroys the widget and cleans up resources\r\n\t */\r\n\tpublic destroy(): void {\r\n\t\ttry {\r\n\t\t\t// Remove all buttons\r\n\t\t\tremoveElements(`.${CSS_CLASSES.BUTTON_CONTAINER}`);\r\n\r\n\t\t\t// Remove all modals\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\t\t// Clear references\r\n\t\t\tthis.cameraButton = null;\r\n\r\n\t\t\t// Remove message listener\r\n\t\t\tif (this.iframeMessageListener) {\r\n\t\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t\t\tthis.iframeMessageListener = null;\r\n\t\t\t}\r\n\r\n\t\t\t// Reset state\r\n\t\t\tthis.virtualTryOnImageUrl = null;\r\n\t\t\tthis.isShowingVirtualTryOn = false;\r\n\t\t\tthis.lastModelImage = null;\r\n\t\t\tthis.originalProductImageUrl = null;\r\n\t\t\tif (this.previewBadge) {\r\n\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\tthis.previewBadge = null;\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget destroyed successfully\");\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during widget destruction:\", error);\r\n\t\t}\r\n\t}\r\n}\r\n","import type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n\ttry {\n\t\t// Clean up any existing instance\n\t\tif (widgetInstance) {\n\t\t\twidgetInstance.destroy();\n\t\t\twidgetInstance = null;\n\t\t}\n\n\t\t// Early return if config is missing\n\t\tif (!config) {\n\t\t\tconsole.log(\n\t\t\t\t\"[WeWear VTO] Missing configuration. Widget not initialized.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Create and initialize new instance\n\t\twidgetInstance = new VirtualTryOnWidget(config);\n\n\t\t// Initialize immediately if DOM is ready, otherwise wait for it\n\t\tif (document.readyState === \"loading\") {\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", () => {\n\t\t\t\twidgetInstance?.init().catch((error) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"[WeWear VTO] Failed to initialize after DOM ready:\",\n\t\t\t\t\t\terror,\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\twidgetInstance.init().catch((error) => {\n\t\t\t\tconsole.error(\"[WeWear VTO] Failed to initialize:\", error);\n\t\t\t});\n\t\t}\n\t} catch (error) {\n\t\tconsole.error(\"[WeWear VTO] Initialization error:\", error);\n\t}\n}\n\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n\treturn widgetInstance;\n}\n\nif (typeof window !== \"undefined\") {\n\tinitVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/components/badge.ts","../src/utils.ts","../src/components/button.ts","../src/components/loading-overlay.ts","../src/components/alert-overlay.ts","../src/widget.ts","../src/installer.ts"],"sourcesContent":["/** CSS class names for consistent styling */\nexport const CSS_CLASSES = {\n\tBUTTON_CONTAINER: \"wewear-vto-button-container\",\n\tBUTTON: \"wewear-vto-button\",\n\tMODAL: \"wewear-vto-modal\",\n\tPREVIEW_BADGE: \"ww-vto-preview-badge\",\n} as const;\n\n/** Z-index values for proper layering */\nexport const Z_INDEX = {\n\tBUTTON: 10,\n\tMODAL: 99999,\n} as const;\n","import { CSS_CLASSES } from \"../constants.js\";\r\n\r\nexport function createPreviewBadge(): HTMLElement {\r\n\tconst badge = document.createElement(\"div\");\r\n\tbadge.className = CSS_CLASSES.PREVIEW_BADGE;\r\n\tbadge.innerText = \"PREVIEW\";\r\n\r\n\tconst styleId = \"ww-vto-badge-styles\";\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styles = document.createElement(\"style\");\r\n\t\tstyles.id = styleId;\r\n\t\tstyles.innerHTML = `\r\n            .${CSS_CLASSES.PREVIEW_BADGE} {\r\n                position: absolute;\r\n                top: 20px;\r\n                right: 20px;\r\n                background: rgba(31, 41, 55, 0.9);\r\n                backdrop-filter: blur(4px);\r\n                -webkit-backdrop-filter: blur(4px);\r\n                color: white;\r\n                padding: 6px 14px;\r\n                border-radius: 6px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                letter-spacing: 0.5px;\r\n                z-index: 10;\r\n                pointer-events: none;\r\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n                animation: ww-vto-pulse 2s ease-in-out infinite;\r\n            }\r\n\r\n            @keyframes ww-vto-pulse {\r\n                0%, 100% {\r\n                    opacity: 0.9;\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styles);\r\n\t}\r\n\r\n\treturn badge;\r\n}\r\n","export function getPositionStyles(position: string): string {\n\tswitch (position) {\n\t\tcase \"bottom-left\":\n\t\t\treturn \"left: 20px; bottom: 20px;\";\n\t\tcase \"top-right\":\n\t\t\treturn \"right: 20px; top: 20px;\";\n\t\tcase \"top-left\":\n\t\t\treturn \"left: 20px; top: 20px;\";\n\t\tdefault:\n\t\t\treturn \"right: 20px; bottom: 20px;\";\n\t}\n}\n\nexport function removeElements(selector: string): void {\n\tconst elements = document.querySelectorAll(selector);\n\telements.forEach((element) => {\n\t\telement.remove();\n\t});\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\r\nimport { getPositionStyles } from \"../utils.js\";\r\n\r\nexport function createButtonContainer(\r\n\tbuttonPosition: string,\r\n\thasVirtualTryOn: boolean = false,\r\n\tonCameraClick: () => void,\r\n\tonRefreshClick?: () => void,\r\n\tonToggleClick?: () => void,\r\n\tisShowingVirtualTryOn: boolean = false,\r\n): HTMLElement {\r\n\tconst container = document.createElement(\"div\");\r\n\tcontainer.className = `${CSS_CLASSES.BUTTON_CONTAINER} ww-button-group`;\r\n\r\n\tconst positionStyles = getPositionStyles(buttonPosition);\r\n\tcontainer.style.cssText = `\r\n    position: absolute;\r\n    ${positionStyles}\r\n    display: flex;\r\n    gap: 4px;\r\n    border-radius: 100px;\r\n    background: white;\r\n    padding: 4px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    z-index: ${Z_INDEX.BUTTON};\r\n    transition: all 0.2s ease;\r\n  `;\r\n\r\n\t// Camera button\r\n\tconst cameraButton = document.createElement(\"button\");\r\n\tcameraButton.type = \"button\";\r\n\tcameraButton.className = `${CSS_CLASSES.BUTTON} ww-camera-btn`;\r\n\tcameraButton.setAttribute(\"aria-label\", \"Virtual Try-On\");\r\n\tcameraButton.style.cssText = `\r\n    display: flex;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100px;\r\n    padding: 0;\r\n    border: none;\r\n    background: white;\r\n    color: #000000;\r\n    transition: all 0.2s ease;\r\n    flex-shrink: 0;\r\n  `;\r\n\r\n\tcameraButton.innerHTML = `\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n      <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path>\r\n      <circle cx=\"12\" cy=\"13\" r=\"3\"></circle>\r\n    </svg>\r\n  `;\r\n\r\n\tcameraButton.onclick = onCameraClick;\r\n\tcontainer.appendChild(cameraButton);\r\n\r\n\t// Add refresh and toggle buttons if we have a virtual try-on\r\n\tif (hasVirtualTryOn) {\r\n\t\t// Refresh button - calls API again\r\n\t\tif (onRefreshClick) {\r\n\t\t\tconst refreshButton = document.createElement(\"button\");\r\n\t\t\trefreshButton.type = \"button\";\r\n\t\t\trefreshButton.className = \"ww-refresh-btn\";\r\n\t\t\trefreshButton.setAttribute(\"aria-label\", \"Refresh virtual try-on\");\r\n\t\t\trefreshButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: white;\r\n        color: #333333;\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\trefreshButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n          <path d=\"M3 3v5h5\"></path>\r\n          <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"></path>\r\n          <path d=\"M16 16h5v5\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\r\n\t\t\trefreshButton.onclick = onRefreshClick;\r\n\t\t\tcontainer.appendChild(refreshButton);\r\n\t\t}\r\n\r\n\t\t// Toggle button (scan-face) - switches between original and virtual try-on\r\n\t\tif (onToggleClick) {\r\n\t\t\tconst toggleButton = document.createElement(\"button\");\r\n\t\t\ttoggleButton.type = \"button\";\r\n\t\t\ttoggleButton.className = \"ww-toggle-btn\";\r\n\t\t\ttoggleButton.setAttribute(\r\n\t\t\t\t\"aria-label\",\r\n\t\t\t\tisShowingVirtualTryOn ? \"Show Original Image\" : \"Show Virtual Try-On\",\r\n\t\t\t);\r\n\t\t\ttoggleButton.style.cssText = `\r\n        display: flex;\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 100px;\r\n        padding: 0;\r\n        border: none;\r\n        background: ${isShowingVirtualTryOn ? \"#333333\" : \"#e5e7eb\"};\r\n        color: ${isShowingVirtualTryOn ? \"white\" : \"#333333\"};\r\n        transition: all 0.2s ease;\r\n        flex-shrink: 0;\r\n      `;\r\n\r\n\t\t\ttoggleButton.innerHTML = `\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display: block;\">\r\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"></path>\r\n          <path d=\"M17 3h2a2 2 0 0 1 2 2v2\"></path>\r\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"></path>\r\n          <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"></path>\r\n          <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path>\r\n          <path d=\"M9 9h.01\"></path>\r\n          <path d=\"M15 9h.01\"></path>\r\n        </svg>\r\n      `;\r\n\r\n\t\t\ttoggleButton.onmouseover = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#4a4a4a\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#d1d5db\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\ttoggleButton.onmouseout = () => {\r\n\t\t\t\tif (isShowingVirtualTryOn) {\r\n\t\t\t\t\ttoggleButton.style.background = \"#333333\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoggleButton.style.background = \"#e5e7eb\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\ttoggleButton.onclick = onToggleClick;\r\n\t\t\tcontainer.appendChild(toggleButton);\r\n\t\t}\r\n\t}\r\n\r\n\treturn container;\r\n}\r\n\r\nexport function createButton(\r\n\tbuttonPosition: string,\r\n\tonClick: () => void,\r\n\tdisabled: boolean = false,\r\n): HTMLElement {\r\n\tconst container = createButtonContainer(buttonPosition, false, onClick);\r\n\tconst cameraButton = container.querySelector(\r\n\t\t\".ww-camera-btn\",\r\n\t) as HTMLButtonElement;\r\n\tif (cameraButton) {\r\n\t\tcameraButton.disabled = disabled;\r\n\t\tif (disabled) {\r\n\t\t\tcameraButton.style.opacity = \"0.5\";\r\n\t\t\tcameraButton.style.cursor = \"not-allowed\";\r\n\t\t\tcameraButton.title = \"Find your ideal size first\";\r\n\t\t}\r\n\t}\r\n\treturn container;\r\n}\r\n","import { Z_INDEX } from \"../constants.js\";\r\n\r\n/**\r\n * Creates a loading overlay that can be shown in different containers\r\n */\r\nexport function createLoadingOverlay(\r\n\ttext: string = \"Processing...\",\r\n): HTMLElement {\r\n\tconst overlay = document.createElement(\"div\");\r\n\toverlay.className = \"ww-loading-overlay\";\r\n\toverlay.style.cssText = `\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.88) 100%);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: ${Z_INDEX.MODAL + 1};\r\n    border-radius: inherit;\r\n    animation: ww-fade-in 0.3s ease;\r\n  `;\r\n\r\n\t// Add CSS animation to the document if not already added\r\n\tif (!document.getElementById(\"ww-loading-animation\")) {\r\n\t\tconst style = document.createElement(\"style\");\r\n\t\tstyle.id = \"ww-loading-animation\";\r\n\t\tstyle.textContent = `\r\n        @keyframes ww-fade-in {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n        \r\n        @keyframes ww-pulse-logo {\r\n          0%, 100% { \r\n            opacity: 0.8; \r\n            transform: scale(1);\r\n          }\r\n          50% { \r\n            opacity: 1; \r\n            transform: scale(1.05);\r\n          }\r\n        }\r\n        \r\n        @keyframes ww-spinner-rotate {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        @keyframes ww-dot-bounce {\r\n          0%, 80%, 100% { \r\n            transform: scale(0);\r\n            opacity: 0.5;\r\n          }\r\n          40% { \r\n            transform: scale(1);\r\n            opacity: 1;\r\n          }\r\n        }\r\n        \r\n        .ww-loading-logo {\r\n          animation: ww-pulse-logo 2s ease-in-out infinite;\r\n        }\r\n        \r\n        .ww-loading-spinner {\r\n          animation: ww-spinner-rotate 1s linear infinite;\r\n        }\r\n      `;\r\n\t\tdocument.head.appendChild(style);\r\n\t}\r\n\r\n\toverlay.innerHTML = `\r\n    <div style=\"display: flex; flex-direction: column; align-items: center; gap: 32px;\">\r\n      <div style=\"position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;\">\r\n        <!-- Outer spinning circle -->\r\n        <div class=\"ww-loading-spinner\" style=\"\r\n          position: absolute;\r\n          width: 120px;\r\n          height: 120px;\r\n          border: 3px solid transparent;\r\n          border-top: 3px solid #333333;\r\n          border-right: 3px solid #333333;\r\n          border-radius: 50%;\r\n        \"></div>\r\n        \r\n        <!-- Logo -->\r\n        <svg class=\"ww-loading-logo\" width=\"80\" height=\"50\" viewBox=\"0 0 214 135\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M102.906 74.8679C102.906 77.9717 101.574 80.7453 98.9104 83.1887C96.6871 85.1918 93.9025 86.6997 90.5566 87.7123C87.695 88.5708 84.6462 89 81.4104 89C73.8821 89 68.0047 87.0189 63.7783 83.0566C59.5519 87.0189 53.6855 89 46.1792 89C42.9434 89 39.9057 88.5708 37.066 87.7123C33.7201 86.6997 30.9245 85.1918 28.6792 83.1887C26.0157 80.7453 24.684 77.9717 24.684 74.8679V41.6509H32.3774V74.8679C32.3774 76.2547 33.489 77.5645 35.7123 78.7972C37.3632 79.7217 39.0692 80.3711 40.8302 80.7453C42.5252 81.1195 44.3082 81.3066 46.1792 81.3066C48.0063 81.3066 49.7673 81.1195 51.4623 80.7453C53.2453 80.3711 54.9623 79.7217 56.6132 78.7972C58.8585 77.5645 59.9811 76.2547 59.9811 74.8679V41.6509H67.6085V74.8679C67.6085 76.2547 68.7311 77.5645 70.9764 78.7972C72.6274 79.7217 74.3443 80.3711 76.1274 80.7453C77.8223 81.1195 79.5833 81.3066 81.4104 81.3066C83.2814 81.3066 85.0755 81.1195 86.7925 80.7453C88.5314 80.3711 90.2264 79.7217 91.8774 78.7972C94.1006 77.5645 95.2123 76.2547 95.2123 74.8679V41.6509H102.906V74.8679ZM189.283 74.8679C189.283 77.9717 187.951 80.7453 185.288 83.1887C183.064 85.1918 180.28 86.6997 176.934 87.7123C174.072 88.5708 171.024 89 167.788 89C160.259 89 154.382 87.0189 150.156 83.0566C145.929 87.0189 140.063 89 132.557 89C129.321 89 126.283 88.5708 123.443 87.7123C120.097 86.6997 117.302 85.1918 115.057 83.1887C112.393 80.7453 111.061 77.9717 111.061 74.8679V41.6509H118.755V74.8679C118.755 76.2547 119.866 77.5645 122.09 78.7972C123.741 79.7217 125.447 80.3711 127.208 80.7453C128.903 81.1195 130.686 81.3066 132.557 81.3066C134.384 81.3066 136.145 81.1195 137.84 80.7453C139.623 80.3711 141.34 79.7217 142.991 78.7972C145.236 77.5645 146.358 76.2547 146.358 74.8679V41.6509H153.986V74.8679C153.986 76.2547 155.108 77.5645 157.354 78.7972C159.005 79.7217 160.722 80.3711 162.505 80.7453C164.2 81.1195 165.961 81.3066 167.788 81.3066C169.659 81.3066 171.453 81.1195 173.17 80.7453C174.909 80.3711 176.604 79.7217 178.255 78.7972C180.478 77.5645 181.59 76.2547 181.59 74.8679V41.6509H189.283V74.8679Z\" fill=\"white\"/>\r\n        </svg>\r\n      </div>\r\n      \r\n      <div style=\"font-size: 17px; font-weight: 500; text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: white; letter-spacing: 0.5px; max-width: 280px;\">${text}</div>\r\n      \r\n      <div style=\"display: flex; gap: 10px; margin-top: 4px;\">\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.2s infinite;\"></div>\r\n        <div style=\"width: 10px; height: 10px; border-radius: 50%; background: #333333; animation: ww-dot-bounce 1.4s ease-in-out 0.4s infinite;\"></div>\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n\treturn overlay;\r\n}\r\n\r\n/**\r\n * Shows a loading overlay in the product gallery container\r\n */\r\nexport function showProductLoading(\r\n\tcontainer: HTMLElement,\r\n\ttext: string = \"Generating virtual try-on...\",\r\n): void {\r\n\t// Remove any existing loading overlays\r\n\tremoveProductLoading(container);\r\n\r\n\t// Make container relative if it's not already positioned\r\n\tconst computedStyle = window.getComputedStyle(container);\r\n\tif (computedStyle.position === \"static\") {\r\n\t\tcontainer.style.position = \"relative\";\r\n\t}\r\n\r\n\tconst loadingOverlay = createLoadingOverlay(text);\r\n\tcontainer.appendChild(loadingOverlay);\r\n}\r\n\r\n/**\r\n * Removes loading overlay from product container\r\n */\r\nexport function removeProductLoading(container: HTMLElement): void {\r\n\tconst existingOverlay = container.querySelector(\".ww-loading-overlay\");\r\n\tif (existingOverlay) {\r\n\t\texistingOverlay.remove();\r\n\t}\r\n}\r\n","export function showAlert(\r\n\tcontainer: HTMLElement,\r\n\tmessage: string,\r\n\ttype: \"error\" | \"warning\",\r\n) {\r\n\tremoveAlert(container); // Remove any existing alert\r\n\r\n\tconst alertDiv = document.createElement(\"div\");\r\n\talertDiv.className = `ww-alert ww-alert-${type}`;\r\n\talertDiv.setAttribute(\"role\", type === \"error\" ? \"alert\" : \"status\");\r\n\talertDiv.setAttribute(\"aria-live\", \"assertive\");\r\n\r\n\tconst bgColor =\r\n\t\ttype === \"error\"\r\n\t\t\t? \"linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)\"\r\n\t\t\t: \"linear-gradient(135deg, #fef9c3 0%, #fde68a 100%)\";\r\n\tconst textColor = type === \"error\" ? \"#991b1b\" : \"#78350f\";\r\n\tconst borderColor = type === \"error\" ? \"#f87171\" : \"#fbbf24\";\r\n\tconst iconColor = type === \"error\" ? \"#dc2626\" : \"#d97706\";\r\n\r\n\talertDiv.style.cssText = `\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(-20px);\r\n        background: ${bgColor};\r\n        color: ${textColor};\r\n        border: 1px solid ${borderColor};\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        z-index: 9999;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-width: 280px;\r\n        max-width: 90%;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    `;\r\n\r\n\tconst icon =\r\n\t\ttype === \"error\"\r\n\t\t\t? `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\r\n\t\t</svg>`\r\n\t\t\t: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${iconColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/>\r\n\t\t</svg>`;\r\n\r\n\talertDiv.innerHTML = `\r\n        ${icon}\r\n        <span style=\"flex: 1; line-height: 1.5;\">${message}</span>\r\n        <button type=\"button\" aria-label=\"Close alert\"\r\n            style=\"\r\n                background: none;\r\n                border: none;\r\n                font-size: 22px;\r\n                color: ${textColor};\r\n                cursor: pointer;\r\n                padding: 0;\r\n                line-height: 1;\r\n                opacity: 0.7;\r\n                transition: opacity 0.2s ease;\r\n                width: 24px;\r\n                height: 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            \"\r\n            onmouseover=\"this.style.opacity='1'\"\r\n            onmouseout=\"this.style.opacity='0.7'\">\r\n            &times;\r\n        </button>\r\n    `;\r\n\r\n\t// Close on button click\r\n\talertDiv.querySelector(\"button\")?.addEventListener(\"click\", () => {\r\n\t\tfadeOutAndRemove(alertDiv);\r\n\t});\r\n\r\n\tcontainer.appendChild(alertDiv);\r\n\r\n\t// Animate in\r\n\trequestAnimationFrame(() => {\r\n\t\talertDiv.style.opacity = \"1\";\r\n\t\talertDiv.style.transform = \"translateX(-50%) translateY(0)\";\r\n\t});\r\n\r\n\t// Auto-dismiss after 8 seconds\r\n\tsetTimeout(() => {\r\n\t\tif (alertDiv.parentElement) {\r\n\t\t\tfadeOutAndRemove(alertDiv);\r\n\t\t}\r\n\t}, 8000);\r\n}\r\n\r\nfunction fadeOutAndRemove(element: HTMLElement) {\r\n\telement.style.opacity = \"0\";\r\n\telement.style.transform = \"translateX(-50%) translateY(-20px)\";\r\n\tsetTimeout(() => {\r\n\t\telement.remove();\r\n\t}, 300);\r\n}\r\n\r\nexport function removeAlert(container: HTMLElement) {\r\n\tconst alert = container.querySelector(\".ww-alert\") as HTMLElement;\r\n\tif (alert) fadeOutAndRemove(alert);\r\n}\r\n","import { CSS_CLASSES } from \"./constants.js\";\r\nimport {\r\n\tcreateButton,\r\n\tcreateButtonContainer,\r\n\tremoveProductLoading,\r\n\tshowProductLoading,\r\n\tcreatePreviewBadge,\r\n} from \"./components/index.js\";\r\nimport type { VirtualTryOnConfig } from \"./index.js\";\r\nimport { removeElements } from \"./utils.js\";\r\nimport { showAlert } from \"./components/alert-overlay.js\";\r\n\r\n/**\r\n * Job status type\r\n */\r\ntype JobStatus = \"PENDING\" | \"PREVIEW_AVAILABLE\" | \"COMPLETED\" | \"FAILED\";\r\n\r\n/**\r\n * Response from the job status endpoint\r\n */\r\ninterface JobStatusResponse {\r\n\tstatus: JobStatus;\r\n\tpreviews_available: number;\r\n\tmessage: string;\r\n}\r\n\r\nexport class VirtualTryOnWidget {\r\n\tprivate readonly config: Required<VirtualTryOnConfig>;\r\n\tprivate virtualTryOnImageUrl: string | null = null;\r\n\tprivate originalProductImageUrl: string | null = null;\r\n\tprivate originalProductImages: string[] = []; // Store all original product images\r\n\tprivate isShowingVirtualTryOn: boolean = false;\r\n\tprivate lastModelImage: Blob | null = null;\r\n\tprivate cameraButton: HTMLButtonElement | null = null;\r\n\tprivate iframeMessageListener: ((event: MessageEvent) => void) | null = null;\r\n\tprivate previewBadge: HTMLElement | null = null;\r\n\r\n\tconstructor(config: VirtualTryOnConfig) {\r\n\t\tthis.config = {\r\n\t\t\tbaseUrl: config.baseUrl,\r\n\t\t\tproductPageSelector: config.productPageSelector,\r\n\t\t\tgallerySelector: config.gallerySelector,\r\n\t\t\tproductImageSelector: config.productImageSelector,\r\n\t\t\tbuttonPosition: config.buttonPosition,\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Initializes the virtual try-on widget on the current page\r\n\t * @returns Promise that resolves when initialization is complete\r\n\t */\r\n\tpublic async init(): Promise<void> {\r\n\t\ttry {\r\n\t\t\t// Check if we're on a product page\r\n\t\t\tif (!window.location.pathname.includes(this.config.productPageSelector)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Ensure container has relative positioning for button placement\r\n\t\t\tif (getComputedStyle(container).position === \"static\") {\r\n\t\t\t\tcontainer.style.position = \"relative\";\r\n\t\t\t}\r\n\r\n\t\t\t// Create and add the virtual try-on button\r\n\t\t\tconst button = createButton(this.config.buttonPosition, async () => {\r\n\t\t\t\tif (this.cameraButton && !this.cameraButton.disabled) {\r\n\t\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Store reference to camera button for dynamic enable/disable\r\n\t\t\tthis.cameraButton = button.querySelector(\".ww-camera-btn\");\r\n\t\t\tcontainer.appendChild(button);\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget initialized successfully\");\r\n\r\n\t\t\t// Listen for messages from the photo upload page\r\n\t\t\tthis.setupIframeListener();\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Initialization failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handles virtual try-on button click\r\n\t * @private\r\n\t */\r\n\tprivate async handleTryOnClick(): Promise<void> {\r\n\t\tconsole.log(\"[WeWear VTO] Button clicked, starting try-on process...\");\r\n\r\n\t\ttry {\r\n\t\t\t// Store original images on first click if not already stored\r\n\t\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\t\tthis.originalProductImages = this.getAllProductImages();\r\n\t\t\t\tconsole.log(\r\n\t\t\t\t\t\"[WeWear VTO] Stored original product images:\",\r\n\t\t\t\t\tthis.originalProductImages,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Retrieved data:\", {\r\n\t\t\t\tproductImages: this.originalProductImages,\r\n\t\t\t});\r\n\r\n\t\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Product images not found:\",\r\n\t\t\t\t\tthis.config.productImageSelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the first image as the original\r\n\t\t\tif (!this.originalProductImageUrl) {\r\n\t\t\t\tthis.originalProductImageUrl = this.originalProductImages[0];\r\n\t\t\t}\r\n\r\n\t\t\t// Open the photo upload page in a modal\r\n\t\t\tconst photoUploadUrl = new URL(`${this.config.baseUrl}`);\r\n\t\t\t// Pass all product images as a comma-separated string\r\n\t\t\tphotoUploadUrl.searchParams.append(\r\n\t\t\t\t\"ww_product_images\",\r\n\t\t\t\tthis.originalProductImages.join(\",\"),\r\n\t\t\t);\r\n\r\n\t\t\tthis.showPhotoUploadModal(photoUploadUrl.toString());\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Try-on request failed:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Gets all product images from the gallery\r\n\t * @private\r\n\t * @returns Array of product image URLs\r\n\t */\r\n\tprivate getAllProductImages(): string[] {\r\n\t\tconst productImageElements = document.querySelectorAll(\r\n\t\t\tthis.config.productImageSelector,\r\n\t\t) as NodeListOf<HTMLImageElement>;\r\n\r\n\t\tconst images: string[] = [];\r\n\r\n\t\tproductImageElements.forEach((img) => {\r\n\t\t\tconst imageUrl =\r\n\t\t\t\timg.src ||\r\n\t\t\t\timg.getAttribute(\"data-src\") ||\r\n\t\t\t\timg.getAttribute(\"data-large_image\") ||\r\n\t\t\t\t\"\";\r\n\r\n\t\t\t// Only include http/https URLs, exclude blob URLs and data URLs\r\n\t\t\tif (\r\n\t\t\t\timageUrl &&\r\n\t\t\t\t(imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) &&\r\n\t\t\t\t!images.includes(imageUrl)\r\n\t\t\t) {\r\n\t\t\t\timages.push(imageUrl);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn images;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows a modal with an iframe for the photo upload page\r\n\t * @private\r\n\t */\r\n\tprivate showPhotoUploadModal(url: string): void {\r\n\t\t// Remove existing modals\r\n\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\tconst modal = document.createElement(\"div\");\r\n\t\tmodal.className = CSS_CLASSES.MODAL;\r\n\t\tmodal.style.cssText = `\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 999999999;\r\n            animation: ww-modal-fade-in 0.3s ease;\r\n        `;\r\n\r\n\t\t// Add fade-in animation\r\n\t\tif (!document.getElementById(\"ww-modal-animation\")) {\r\n\t\t\tconst style = document.createElement(\"style\");\r\n\t\t\tstyle.id = \"ww-modal-animation\";\r\n\t\t\tstyle.textContent = `\r\n\t\t\t\t@keyframes ww-modal-fade-in {\r\n\t\t\t\t\tfrom { opacity: 0; }\r\n\t\t\t\t\tto { opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t\t@keyframes ww-modal-scale-in {\r\n\t\t\t\t\tfrom { transform: scale(0.95); opacity: 0; }\r\n\t\t\t\t\tto { transform: scale(1); opacity: 1; }\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t}\r\n\r\n\t\tconst iframeContainer = document.createElement(\"div\");\r\n\t\tiframeContainer.style.cssText = `\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 90%;\r\n\t\t\theight: 90%;\r\n\t\t\tmax-width: 480px;\r\n\t\t\tmax-height: 720px;\r\n\t\t\tborder-radius: 20px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tbox-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.2);\r\n\t\t\tanimation: ww-modal-scale-in 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\t\tbackground: white;\r\n\t\t`;\r\n\r\n\t\tconst iframe = document.createElement(\"iframe\");\r\n\t\tiframe.src = url;\r\n\t\tiframe.style.cssText = `\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        `;\r\n\r\n\t\tconst closeButton = document.createElement(\"button\");\r\n\t\tcloseButton.innerHTML = `\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n\t\t\t</svg>\r\n\t\t`;\r\n\t\tcloseButton.setAttribute(\"aria-label\", \"Close modal\");\r\n\t\tcloseButton.style.cssText = `\r\n            position: absolute;\r\n            top: -48px;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1f2937;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n        `;\r\n\t\tcloseButton.onmouseover = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1.1) rotate(90deg)\";\r\n\t\t\tcloseButton.style.background = \"#ef4444\";\r\n\t\t\tcloseButton.style.color = \"white\";\r\n\t\t};\r\n\t\tcloseButton.onmouseout = () => {\r\n\t\t\tcloseButton.style.transform = \"scale(1) rotate(0deg)\";\r\n\t\t\tcloseButton.style.background = \"rgba(255, 255, 255, 0.95)\";\r\n\t\t\tcloseButton.style.color = \"#1f2937\";\r\n\t\t};\r\n\t\tcloseButton.onclick = () => {\r\n\t\t\tmodal.style.opacity = \"0\";\r\n\t\t\tiframeContainer.style.transform = \"scale(0.95)\";\r\n\t\t\tiframeContainer.style.opacity = \"0\";\r\n\t\t\tsetTimeout(() => modal.remove(), 300);\r\n\t\t};\r\n\r\n\t\tiframeContainer.appendChild(iframe);\r\n\t\tiframeContainer.appendChild(closeButton);\r\n\t\tmodal.appendChild(iframeContainer);\r\n\t\tdocument.body.appendChild(modal);\r\n\r\n\t\t// Close on backdrop click\r\n\t\tmodal.onclick = (e) => {\r\n\t\t\tif (e.target === modal) {\r\n\t\t\t\tcloseButton.click();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Sets up listener for messages from the iframe\r\n\t * @private\r\n\t */\r\n\tprivate setupIframeListener(): void {\r\n\t\t// Remove existing listener if any\r\n\t\tif (this.iframeMessageListener) {\r\n\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t}\r\n\r\n\t\tthis.iframeMessageListener = (event: MessageEvent) => {\r\n\t\t\tif (event.origin !== new URL(this.config.baseUrl).origin) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tswitch (event.data.type) {\r\n\t\t\t\tcase \"VTO_IMAGE_SELECTED\":\r\n\t\t\t\t\tif (event.data.image) {\r\n\t\t\t\t\t\tthis.lastModelImage = event.data.image;\r\n\t\t\t\t\t\tthis.startVirtualTryOn();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"CLOSE_MODAL\":\r\n\t\t\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"message\", this.iframeMessageListener);\r\n\t}\r\n\r\n\tprivate async startVirtualTryOn(isRefresh = false): Promise<void> {\r\n\t\tif (isRefresh) {\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Refreshing virtual try-on with previous parameters...\",\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (!this.lastModelImage) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"[WeWear VTO] Missing required data to start virtual try-on.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Use stored original images, or get them if not stored yet\r\n\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\tthis.originalProductImages = this.getAllProductImages();\r\n\t\t}\r\n\r\n\t\tif (this.originalProductImages.length === 0) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No product images found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Hide the modal and show loading indicator\r\n\t\tconst modal = document.querySelector(`.${CSS_CLASSES.MODAL}`);\r\n\t\tif (modal && modal instanceof HTMLElement) {\r\n\t\t\tmodal.style.display = \"none\";\r\n\t\t}\r\n\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\tif (container instanceof HTMLElement) {\r\n\t\t\tshowProductLoading(container, \"Generating your virtual try-on...\");\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tconst submitResponse = await this.callVtoApi(\r\n\t\t\t\tthis.lastModelImage,\r\n\t\t\t\tthis.originalProductImages,\r\n\t\t\t);\r\n\r\n\t\t\tlet status = await this.fetchJobStatus(submitResponse.job_id);\r\n\t\t\tconst previews: string[] = [];\r\n\r\n\t\t\twhile (status.status !== \"COMPLETED\" && status.status !== \"FAILED\") {\r\n\t\t\t\tawait new Promise((r) => setTimeout(r, 3000));\r\n\t\t\t\tstatus = await this.fetchJobStatus(submitResponse.job_id);\r\n\r\n\t\t\t\tfor (let i = previews.length; i < status.previews_available; i++) {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tconst previewUrl = await this.fetchJobImage(\r\n\t\t\t\t\t\t\tsubmitResponse.job_id,\r\n\t\t\t\t\t\t\ti,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tpreviews.push(previewUrl);\r\n\t\t\t\t\t\tthis.replaceProductImage(previewUrl);\r\n\r\n\t\t\t\t\t\tif (!this.previewBadge && container instanceof HTMLElement) {\r\n\t\t\t\t\t\t\tthis.previewBadge = createPreviewBadge();\r\n\t\t\t\t\t\t\tcontainer.appendChild(this.previewBadge);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tif (!(e instanceof Error && e.message === \"202_PROCESSING\"))\r\n\t\t\t\t\t\t\tthrow e;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"COMPLETED\") {\r\n\t\t\t\tconst finalImage = await this.fetchJobImage(submitResponse.job_id);\r\n\t\t\t\tif (finalImage) {\r\n\t\t\t\t\tthis.replaceProductImage(finalImage);\r\n\t\t\t\t}\r\n\t\t\t\tif (this.previewBadge) {\r\n\t\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\t\tthis.previewBadge = null;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (status.status === \"FAILED\") {\r\n\t\t\t\tconsole.error(\"[WeWear VTO] VTO process failed:\", status.message);\r\n\t\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\t\tshowAlert(container, status.message, \"error\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during virtual try-on process:\", error);\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tshowAlert(container, \"An unexpected error occurred.\", \"error\");\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tif (container instanceof HTMLElement) {\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t}\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async callVtoApi(\r\n\t\tmodelImage: Blob,\r\n\t\tproductImages: string[],\r\n\t): Promise<{ job_id: string }> {\r\n\t\tconst formData = new FormData();\r\n\t\tformData.append(\"model_image\", modelImage, \"model_image.png\");\r\n\r\n\t\t// Send all product images as a JSON array\r\n\t\tformData.append(\"product_image_urls\", JSON.stringify(productImages));\r\n\r\n\t\tconst res = await fetch(`${this.config.baseUrl}/api/vto`, {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tbody: formData,\r\n\t\t});\r\n\t\tif (!res.ok) {\r\n\t\t\tconst errorText = await res.text();\r\n\t\t\tconsole.error(\r\n\t\t\t\t\"[WeWear VTO] API submission failed:\",\r\n\t\t\t\tres.status,\r\n\t\t\t\terrorText,\r\n\t\t\t);\r\n\t\t\tthrow new Error(`API submission failed: ${res.status}`);\r\n\t\t}\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobStatus(jobId: string): Promise<JobStatusResponse> {\r\n\t\tconst res = await fetch(\r\n\t\t\t`${this.config.baseUrl}/api/vto/status?job_id=${jobId}`,\r\n\t\t);\r\n\t\tif (!res.ok) throw new Error(`Status check failed: ${res.status}`);\r\n\t\treturn res.json();\r\n\t}\r\n\r\n\tprivate async fetchJobImage(\r\n\t\tjobId: string,\r\n\t\tpreviewIndex?: number,\r\n\t): Promise<string> {\r\n\t\tlet url = `${this.config.baseUrl}/api/vto/image?job_id=${jobId}`;\r\n\t\tif (previewIndex !== undefined) url += `&preview_index=${previewIndex}`;\r\n\r\n\t\tconst res = await fetch(url);\r\n\t\tif (res.status === 202) throw new Error(\"202_PROCESSING\");\r\n\t\tif (!res.ok) throw new Error(`Image fetch failed: ${res.status}`);\r\n\r\n\t\tconst blob = await res.blob();\r\n\t\treturn URL.createObjectURL(blob);\r\n\t}\r\n\r\n\tprivate async refreshVirtualTryOn(): Promise<void> {\r\n\t\tawait this.startVirtualTryOn(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Replaces the product image in the gallery with the virtual try-on result\r\n\t * @private\r\n\t */\r\n\tprivate replaceProductImage(imageUrl: string): void {\r\n\t\ttry {\r\n\t\t\t// Store the virtual try-on image URL\r\n\t\t\tthis.virtualTryOnImageUrl = imageUrl;\r\n\r\n\t\t\t// Find the gallery container\r\n\t\t\tconst container = document.querySelector(this.config.gallerySelector);\r\n\t\t\tif (!container || !(container instanceof HTMLElement)) {\r\n\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\"[WeWear VTO] Gallery container not found for image replacement:\",\r\n\t\t\t\t\tthis.config.gallerySelector,\r\n\t\t\t\t);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Store the original content if not already stored\r\n\t\t\tif (!container.hasAttribute(\"data-ww-original-content\")) {\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-content\", container.innerHTML);\r\n\t\t\t}\r\n\r\n\t\t\t// Capture and lock container dimensions before replacement to prevent layout shift\r\n\t\t\tif (!container.hasAttribute(\"data-ww-container-locked\")) {\r\n\t\t\t\tconst containerRect = container.getBoundingClientRect();\r\n\r\n\t\t\t\t// Store original dimensions\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-width\",\r\n\t\t\t\t\tcontainerRect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-container-height\",\r\n\t\t\t\t\tcontainerRect.height.toString(),\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// Lock the container dimensions\r\n\t\t\t\tcontainer.style.width = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.height = `${containerRect.height}px`;\r\n\t\t\t\tcontainer.style.minWidth = `${containerRect.width}px`;\r\n\t\t\t\tcontainer.style.minHeight = `${containerRect.height}px`;\r\n\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-container-locked\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Capture original image dimensions before replacement to prevent layout shift\r\n\t\t\tconst originalImg = container.querySelector(\"img\");\r\n\t\t\tif (\r\n\t\t\t\toriginalImg &&\r\n\t\t\t\t!container.hasAttribute(\"data-ww-original-dimensions\")\r\n\t\t\t) {\r\n\t\t\t\tconst computedStyle = window.getComputedStyle(originalImg);\r\n\t\t\t\tconst rect = originalImg.getBoundingClientRect();\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-width\", computedStyle.width);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-height\", computedStyle.height);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-width\",\r\n\t\t\t\t\trect.width.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\r\n\t\t\t\t\t\"data-ww-original-rect-height\",\r\n\t\t\t\t\trect.height.toString(),\r\n\t\t\t\t);\r\n\t\t\t\tcontainer.setAttribute(\"data-ww-original-dimensions\", \"true\");\r\n\t\t\t}\r\n\r\n\t\t\t// Show the virtual try-on image initially\r\n\t\t\tthis.showVirtualTryOnImage(container);\r\n\r\n\t\t\t// Replace the button container with the new multi-button version\r\n\t\t\tthis.updateButtonContainer(container);\r\n\r\n\t\t\tconsole.log(\r\n\t\t\t\t\"[WeWear VTO] Product image replaced with virtual try-on result\",\r\n\t\t\t);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error replacing product image:\", error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Updates the button container to show all available buttons\r\n\t * @private\r\n\t */\r\n\tprivate updateButtonContainer(container: HTMLElement): void {\r\n\t\t// Remove existing button containers\r\n\t\tconst existingButtons = container.querySelectorAll(\r\n\t\t\t`.${CSS_CLASSES.BUTTON_CONTAINER}`,\r\n\t\t);\r\n\t\texistingButtons.forEach((btn) => {\r\n\t\t\tbtn.remove();\r\n\t\t});\r\n\r\n\t\t// Create new button container with all buttons\r\n\t\tconst buttonContainer = createButtonContainer(\r\n\t\t\tthis.config.buttonPosition,\r\n\t\t\tthis.virtualTryOnImageUrl !== null,\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.handleTryOnClick();\r\n\t\t\t},\r\n\t\t\tasync () => {\r\n\t\t\t\tawait this.refreshVirtualTryOn();\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (this.isShowingVirtualTryOn) {\r\n\t\t\t\t\tthis.showOriginalImage(container);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.showVirtualTryOnImage(container);\r\n\t\t\t\t}\r\n\t\t\t\tremoveProductLoading(container);\r\n\t\t\t\tthis.updateButtonContainer(container);\r\n\t\t\t},\r\n\t\t\tthis.isShowingVirtualTryOn,\r\n\t\t);\r\n\r\n\t\tcontainer.appendChild(buttonContainer);\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the virtual try-on image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showVirtualTryOnImage(container: HTMLElement): void {\r\n\t\tif (!this.virtualTryOnImageUrl) {\r\n\t\t\tconsole.warn(\"[WeWear VTO] No virtual try-on image URL available\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Remove all direct children except for the button container\r\n\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\tchild.remove();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Get stored original dimensions to prevent layout shift\r\n\t\tconst originalWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-width\") || \"\";\r\n\t\tconst originalHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-height\") || \"\";\r\n\t\tconst originalRectWidth =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-width\") || \"\";\r\n\t\tconst originalRectHeight =\r\n\t\t\tcontainer.getAttribute(\"data-ww-original-rect-height\") || \"\";\r\n\r\n\t\tconst image = document.createElement(\"img\");\r\n\t\timage.src = this.virtualTryOnImageUrl;\r\n\t\timage.alt = \"Virtual Try-On Result\";\r\n\r\n\t\t// Use original dimensions to prevent layout shift\r\n\t\tlet widthStyle = \"100%\";\r\n\t\tlet heightStyle = \"100%\";\r\n\r\n\t\t// Prefer computed style dimensions, fallback to bounding rect, then container fill\r\n\t\tif (originalWidth && originalWidth !== \"auto\" && originalWidth !== \"0px\") {\r\n\t\t\twidthStyle = originalWidth;\r\n\t\t} else if (originalRectWidth && originalRectWidth !== \"0\") {\r\n\t\t\twidthStyle = `${originalRectWidth}px`;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\toriginalHeight &&\r\n\t\t\toriginalHeight !== \"auto\" &&\r\n\t\t\toriginalHeight !== \"0px\"\r\n\t\t) {\r\n\t\t\theightStyle = originalHeight;\r\n\t\t} else if (originalRectHeight && originalRectHeight !== \"0\") {\r\n\t\t\theightStyle = `${originalRectHeight}px`;\r\n\t\t}\r\n\r\n\t\timage.style.cssText = `\r\n            width: ${widthStyle};\r\n            height: ${heightStyle};\r\n            object-fit: contain;\r\n        `;\r\n\r\n\t\t// Prepend the image to ensure buttons are rendered on top\r\n\t\tcontainer.prepend(image);\r\n\r\n\t\tthis.isShowingVirtualTryOn = true;\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the original product image in the container\r\n\t * @private\r\n\t */\r\n\tprivate showOriginalImage(container: HTMLElement): void {\r\n\t\tconst originalContentHTML = container.getAttribute(\r\n\t\t\t\"data-ww-original-content\",\r\n\t\t);\r\n\t\tif (originalContentHTML) {\r\n\t\t\t// Remove all direct children except for the button container\r\n\t\t\tArray.from(container.children).forEach((child) => {\r\n\t\t\t\tif (!child.classList.contains(CSS_CLASSES.BUTTON_CONTAINER)) {\r\n\t\t\t\t\tchild.remove();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Parse the original content and prepend it\r\n\t\t\tconst tempDiv = document.createElement(\"div\");\r\n\t\t\ttempDiv.innerHTML = originalContentHTML;\r\n\t\t\tcontainer.prepend(...Array.from(tempDiv.children));\r\n\t\t}\r\n\r\n\t\tthis.isShowingVirtualTryOn = false;\r\n\t}\r\n\r\n\t/**\r\n\t * Destroys the widget and cleans up resources\r\n\t */\r\n\tpublic destroy(): void {\r\n\t\ttry {\r\n\t\t\t// Remove all buttons\r\n\t\t\tremoveElements(`.${CSS_CLASSES.BUTTON_CONTAINER}`);\r\n\r\n\t\t\t// Remove all modals\r\n\t\t\tremoveElements(`.${CSS_CLASSES.MODAL}`);\r\n\r\n\t\t\t// Clear references\r\n\t\t\tthis.cameraButton = null;\r\n\r\n\t\t\t// Remove message listener\r\n\t\t\tif (this.iframeMessageListener) {\r\n\t\t\t\twindow.removeEventListener(\"message\", this.iframeMessageListener);\r\n\t\t\t\tthis.iframeMessageListener = null;\r\n\t\t\t}\r\n\r\n\t\t\t// Reset state\r\n\t\t\tthis.virtualTryOnImageUrl = null;\r\n\t\t\tthis.isShowingVirtualTryOn = false;\r\n\t\t\tthis.lastModelImage = null;\r\n\t\t\tthis.originalProductImageUrl = null;\r\n\t\t\tthis.originalProductImages = [];\r\n\t\t\tif (this.previewBadge) {\r\n\t\t\t\tthis.previewBadge.remove();\r\n\t\t\t\tthis.previewBadge = null;\r\n\t\t\t}\r\n\r\n\t\t\tconsole.log(\"[WeWear VTO] Widget destroyed successfully\");\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[WeWear VTO] Error during widget destruction:\", error);\r\n\t\t}\r\n\t}\r\n}\r\n","import type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n\ttry {\n\t\t// Clean up any existing instance\n\t\tif (widgetInstance) {\n\t\t\twidgetInstance.destroy();\n\t\t\twidgetInstance = null;\n\t\t}\n\n\t\t// Early return if config is missing\n\t\tif (!config) {\n\t\t\tconsole.log(\n\t\t\t\t\"[WeWear VTO] Missing configuration. Widget not initialized.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Create and initialize new instance\n\t\twidgetInstance = new VirtualTryOnWidget(config);\n\n\t\t// Initialize immediately if DOM is ready, otherwise wait for it\n\t\tif (document.readyState === \"loading\") {\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", () => {\n\t\t\t\twidgetInstance?.init().catch((error) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"[WeWear VTO] Failed to initialize after DOM ready:\",\n\t\t\t\t\t\terror,\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\twidgetInstance.init().catch((error) => {\n\t\t\t\tconsole.error(\"[WeWear VTO] Failed to initialize:\", error);\n\t\t\t});\n\t\t}\n\t} catch (error) {\n\t\tconsole.error(\"[WeWear VTO] Initialization error:\", error);\n\t}\n}\n\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n\treturn widgetInstance;\n}\n\nif (typeof window !== \"undefined\") {\n\tinitVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}

package/dist/widget.d.ts

@@ -3,6 +3,7 @@ export declare class VirtualTryOnWidget {
     private readonly config;
     private virtualTryOnImageUrl;
     private originalProductImageUrl;
+    private originalProductImages;
     private isShowingVirtualTryOn;
     private lastModelImage;
     private cameraButton;
@@ -19,6 +20,12 @@ export declare class VirtualTryOnWidget {
      * @private
      */
     private handleTryOnClick;
+    /**
+     * Gets all product images from the gallery
+     * @private
+     * @returns Array of product image URLs
+     */
+    private getAllProductImages;
     /**
      * Shows a modal with an iframe for the photo upload page
      * @private

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wewear/virtual-try-on",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "Virtual Try-On widget for e-commerce integration",
   "type": "module",
   "main": "dist/index.js",