@wewear/virtual-try-on 1.1.0 → 1.3.0

package/dist/api.d.ts

@@ -0,0 +1,2 @@
+import type { VirtualTryOnResult } from "./index.js";
+export declare function callVirtualTryOnApi(baseUrl: string, ww_access_token: string, ww_user_id: string, ww_product_id: string, ww_image: Blob): Promise<VirtualTryOnResult | null>;

package/dist/camera.d.ts

@@ -0,0 +1,3 @@
+export declare function startCamera(video: HTMLVideoElement, loadingIndicator: HTMLElement, captureButton: HTMLButtonElement): Promise<void>;
+export declare function stopCamera(video: HTMLVideoElement): void;
+export declare function captureImageFromVideo(video: HTMLVideoElement, canvas: HTMLCanvasElement): Promise<Blob>;

package/dist/components/button.d.ts

@@ -0,0 +1,2 @@
+export declare function createButtonContainer(buttonPosition: string, hasVirtualTryOn: boolean | undefined, onCameraClick: () => void, onRefreshClick?: () => void, onToggleClick?: () => void, isShowingVirtualTryOn?: boolean): HTMLElement;
+export declare function createButton(buttonPosition: string, onClick: () => void): HTMLElement;

package/dist/components/camera-modal.d.ts

@@ -0,0 +1,4 @@
+export interface CameraModalCallbacks {
+    onCapture: (video: HTMLVideoElement, canvas: HTMLCanvasElement) => Promise<void>;
+}
+export declare function showCameraModal(callbacks: CameraModalCallbacks): void;

package/dist/components/image-modal.d.ts

@@ -0,0 +1 @@
+export declare function showImageModal(imageUrl: string): void;

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { createButton, createButtonContainer } from "./button.js";
+export { type CameraModalCallbacks, showCameraModal } from "./camera-modal.js";
+export { createLoadingOverlay, removeModalLoading, removeProductLoading, showModalLoading, showProductLoading, } from "./loading-overlay.js";
+export { type ReviewModalCallbacks, showReviewModal } from "./review-modal.js";

package/dist/components/loading-overlay.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Creates a loading overlay that can be shown in different containers
+ */
+export declare function createLoadingOverlay(text?: string): HTMLElement;
+/**
+ * Shows a loading overlay in a modal container
+ */
+export declare function showModalLoading(text?: string): void;
+/**
+ * Removes loading overlay from modal
+ */
+export declare function removeModalLoading(): void;
+/**
+ * Shows a loading overlay in the product gallery container
+ */
+export declare function showProductLoading(container: HTMLElement, text?: string): void;
+/**
+ * Removes loading overlay from product container
+ */
+export declare function removeProductLoading(container: HTMLElement): void;

package/dist/components/review-modal.d.ts

@@ -0,0 +1,5 @@
+export interface ReviewModalCallbacks {
+    onRetake: () => void;
+    onAccept: (imageBlob: Blob) => Promise<void>;
+}
+export declare function showReviewModal(imageBlob: Blob, callbacks: ReviewModalCallbacks): void;

package/dist/constants.d.ts

@@ -0,0 +1,37 @@
+/** Default configuration constants */
+export declare const DEFAULT_CONFIG: {
+    readonly BASE_URL: "https://virtual-try-on-widget.vercel.app";
+    readonly PRODUCT_PAGE_SELECTOR: "/product/";
+    readonly GALLERY_SELECTOR: ".woocommerce-product-gallery__image";
+    readonly SKU_SELECTOR: ".sku";
+    readonly BUTTON_POSITION: "bottom-right";
+};
+/** CSS class names for consistent styling */
+export declare const CSS_CLASSES: {
+    readonly BUTTON_CONTAINER: "wewear-vto-button-container";
+    readonly BUTTON: "wewear-vto-button";
+    readonly MODAL: "wewear-vto-modal";
+};
+/** Z-index values for proper layering */
+export declare const Z_INDEX: {
+    readonly BUTTON: 10;
+    readonly MODAL: 99999;
+};
+/** Camera constraints for optimal capture */
+export declare const CAMERA_CONSTRAINTS: {
+    readonly video: {
+        readonly width: {
+            readonly ideal: 1280;
+        };
+        readonly height: {
+            readonly ideal: 720;
+        };
+        readonly facingMode: "user";
+    };
+    readonly audio: false;
+};
+/** Image capture settings */
+export declare const IMAGE_SETTINGS: {
+    readonly FORMAT: "image/jpeg";
+    readonly QUALITY: 0.8;
+};

package/dist/index.d.ts

@@ -1,37 +1,18 @@
-/**
- * WeWear Virtual Try-On Widget
- *
- * A professional virtual try-on widget for e-commerce integration.
- * Provides seamless virtual try-on experiences for product pages.
- *
- * @version 1.0.0
- * @author WeWear
- */
 export interface VirtualTryOnConfig {
-    /** Base URL for the virtual try-on API service */
     baseUrl?: string;
-    /** URL pattern to identify product pages (default: '/product/') */
     productPageSelector?: string;
-    /** CSS selector for the product gallery container */
     gallerySelector?: string;
-    /** CSS selector for the product SKU element */
     skuSelector?: string;
-    /** Position of the virtual try-on button */
     buttonPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
 }
 export interface VirtualTryOnResult {
-    /** URL of the generated virtual try-on image */
-    imageUrl?: string;
-    /** Error message if the operation failed */
-    error?: string;
+    imageUrl: string;
 }
 export interface VirtualTryOnAPIRequest {
-    /** Authentication token (optional) */
-    ww_access_token?: string;
-    /** User identifier (required) */
+    ww_access_token: string;
     ww_user_id: string;
-    /** Product identifier (required) */
     ww_product_id: string;
+    ww_image: Blob;
 }
-export { destroyVirtualTryOn, initVirtualTryOn } from "./installer.js";
+export { destroyVirtualTryOn, getWidgetInstance, initVirtualTryOn, } from "./installer.js";
 export { VirtualTryOnWidget } from "./widget.js";