@primestyleai/tryon 5.10.91 → 5.10.97

package/dist/react/views/EngagingTryOnView.d.ts

@@ -0,0 +1,28 @@
+import type { TranslateFn } from "../../i18n";
+/**
+ * Engaging try-on processing UI — replaces the cycling REFINING DETAILS /
+ * Fine-tuning fit stages with a richer panel: title, big progress ring,
+ * separator, and three rotating "WHILE YOU WAIT" cards (Style Tip /
+ * Garment Spotlight / AI Fact).
+ *
+ * Distracts the user from the ~22s Gemini render with branded micro-content
+ * tied to their actual purchase context. Reuses the .ps-tryon-processing-v2-*
+ * classes already defined in styles.ts (responsive — desktop side-by-side,
+ * mobile stacked).
+ *
+ * Self-contained progress driver — does NOT use the parent's external
+ * progressRef ticker. Counts up from mount, plateaus at 95% so the bar
+ * doesn't lie about completion.
+ */
+export declare function EngagingTryOnView({ previewUrl, productMaterial, productDescription, onCancel, variant, t, }: {
+    previewUrl?: string | null;
+    productMaterial?: string;
+    productDescription?: string;
+    onCancel?: () => void;
+    /** "split" (default) renders the 65/35 layout — desktop shows photo +
+     *  panel side-by-side, mobile stacks them via the responsive override.
+     *  "panel-only" omits the photo column for callers that already render
+     *  their own image (e.g. desktop single-section flow). */
+    variant?: "split" | "panel-only";
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/views/MobileScanningView.d.ts

@@ -9,11 +9,18 @@ interface MobileScanningViewProps {
     productImage?: string;
     bodyLandmarks: BodyLandmarks | null | undefined;
     sizingDone: boolean;
-    /** True while VTO is running — swaps to try-on stage copy and shows the
-     *  wall-clock progress ring. */
+    /** True while VTO is running — swaps to the engaging try-on UI
+     *  (progress ring + WHILE YOU WAIT cards) instead of the cycling
+     *  sizing stages. */
     tryOnProcessing?: boolean;
+    /** Garment material — drives the "Garment Spotlight" card during try-on. */
+    productMaterial?: string;
+    /** Garment description — fallback for "Garment Spotlight" when material is empty. */
+    productDescription?: string;
+    /** Optional cancel handler shown as a text link under the cards. */
+    onCancelTryOn?: () => void;
     onSwitchToManual: () => void;
     t: TranslateFn;
 }
-export declare function MobileScanningView({ previewUrl, productImage, bodyLandmarks, sizingDone, tryOnProcessing, onSwitchToManual, t, }: MobileScanningViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileScanningView({ previewUrl, productImage, bodyLandmarks, sizingDone, tryOnProcessing, productMaterial, productDescription, onCancelTryOn, onSwitchToManual, t, }: MobileScanningViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/react/views/NoChartView.d.ts

@@ -5,8 +5,10 @@ import type { TranslateFn } from "../../i18n";
  * still gets a polite path forward — skip sizing entirely and try the
  * product on visually.
  *
- * Desktop layout: split — product image left, message + CTAs right.
- * Mobile layout: stacked — image on top, text + CTAs below.
+ * Reuses the same .ps-tryon-sr-split / .ps-tryon-sr-img-col /
+ * .ps-tryon-sr-right-col structure as SizeResultView, so the modal stays
+ * at its normal width/height — only the right-column content swaps to
+ * the no-chart message + CTAs.
  */
 export declare function NoChartView({ productImage, productTitle, onTryOn, onClose, t, }: {
     productImage?: string;

package/dist/react/views/SizeResultView.d.ts

@@ -2,7 +2,7 @@ import type { TranslateFn } from "../../i18n";
 import type { FitAreaInfo } from "../../types";
 import type { ViewState, SizeGuide, SizingResult } from "../types";
 import type { BodyLandmarks } from "../../pose-detect";
-export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productTitle, sizingUnit, setView, handleDownload, onRetryWithFit, retryLoading, retryStartedAt, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, tryOnStartedAt, bodyLandmarks, faceLandmarks, measurementType, estimationDone, activeSection, setActiveSection, onResetTryOn, onClose, userHeightCm, pendingCustomSizes: pendingCustomSizesProp, onPendingCustomSizeChange, onRegenerateTryOn, t, }: {
+export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productTitle, productMaterial, productDescription, sizingUnit, setView, handleDownload, onRetryWithFit, retryLoading, retryStartedAt, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, tryOnStartedAt, bodyLandmarks, faceLandmarks, measurementType, estimationDone, activeSection, setActiveSection, onResetTryOn, onClose, userHeightCm, pendingCustomSizes: pendingCustomSizesProp, onPendingCustomSizeChange, onRegenerateTryOn, t, }: {
     estimationDone?: boolean;
     sizingLoading: boolean;
     sizingResult: SizingResult | null;
@@ -10,6 +10,12 @@ export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide,
     resultImageUrl: string | null;
     productImage: string;
     productTitle: string;
+    /** Garment material/fabric — feeds the "Garment Spotlight" card on
+     *  the engaging try-on processing UI. */
+    productMaterial?: string;
+    /** Garment description — fallback for "Garment Spotlight" when material
+     *  is empty. */
+    productDescription?: string;
     sizingUnit: string;
     setView: (v: ViewState) => void;
     handleDownload: () => void;