@primestyleai/tryon 1.3.0 → 1.4.0

package/dist/{image-utils-DtJVYQIA.js → image-utils-BnXx8V47.js}

@@ -132,8 +132,8 @@ class SseClient {
     this.reconnectAttempts = 0;
   }
 }
-const MAX_DIMENSION = 1024;
-const JPEG_QUALITY = 0.85;
+const MAX_DIMENSION = 768;
+const JPEG_QUALITY = 0.7;
 function compressImage(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();

package/dist/primestyle-tryon.js

@@ -1,5 +1,5 @@
-import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage } from "./image-utils-DtJVYQIA.js";
-import { P } from "./image-utils-DtJVYQIA.js";
+import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage } from "./image-utils-BnXx8V47.js";
+import { P } from "./image-utils-BnXx8V47.js";
 function detectProductImage() {
   const ogImage = document.querySelector(
     'meta[property="og:image"]'

package/dist/react/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
-import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage, P as PrimeStyleError } from "../image-utils-DtJVYQIA.js";
+import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage, P as PrimeStyleError } from "../image-utils-BnXx8V47.js";
 function cx(base, override) {
   return override ? `${base} ${override}` : base;
 }
@@ -141,7 +141,7 @@ function PrimeStyleTryon({
   }, [apiUrl]);
   useEffect(() => {
     if (view === "processing") {
-      setCountdown(20);
+      setCountdown(25);
       const interval = setInterval(() => {
         setCountdown((prev) => {
           if (prev <= 1) {
@@ -486,7 +486,7 @@ function PrimeStyleTryon({
                       }
                     ) }),
                     view === "processing" && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-countdown-ring", children: [
+                      countdown > 0 ? /* @__PURE__ */ jsxs("div", { className: "ps-tryon-countdown-ring", children: [
                         /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 120 120", children: [
                           /* @__PURE__ */ jsx(
                             "circle",
@@ -505,13 +505,13 @@ function PrimeStyleTryon({
                               cy: "60",
                               r: "52",
                               style: {
-                                strokeDashoffset: `${countdown / 20 * 326.73}`
+                                strokeDashoffset: `${countdown / 25 * 326.73}`
                               }
                             }
                           )
                         ] }),
                         /* @__PURE__ */ jsx("span", { className: "ps-tryon-countdown-number", children: countdown })
-                      ] }),
+                      ] }) : /* @__PURE__ */ jsx("div", { className: "ps-tryon-done-pulse", children: /* @__PURE__ */ jsx("div", { className: cx("ps-tryon-spinner", cn.spinner) }) }),
                       /* @__PURE__ */ jsx(
                         "p",
                         {
@@ -519,7 +519,7 @@ function PrimeStyleTryon({
                             "ps-tryon-processing-text",
                             cn.processingText
                           ),
-                          children: "Generating your try-on..."
+                          children: countdown > 0 ? "Generating your try-on..." : "Almost there..."
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -529,7 +529,7 @@ function PrimeStyleTryon({
                             "ps-tryon-processing-sub",
                             cn.processingSubText
                           ),
-                          children: countdown > 0 ? "This usually takes 15-20 seconds" : "Almost there..."
+                          children: countdown > 0 ? "This usually takes 15-25 seconds" : "Finishing up your look"
                         }
                       )
                     ] }),
@@ -828,6 +828,15 @@ function PrimeStyleTryon({
           font-variant-numeric: tabular-nums;
         }
 
+        .ps-tryon-done-pulse {
+          animation: ps-fade-scale-in 0.4s ease both;
+          margin-bottom: 4px;
+        }
+        @keyframes ps-fade-scale-in {
+          from { opacity: 0; transform: scale(0.8); }
+          to { opacity: 1; transform: scale(1); }
+        }
+
         .ps-tryon-processing-text { font-size: 14px; color: #fff; margin: 0 0 4px; }
         .ps-tryon-processing-sub { font-size: 12px; color: #999; margin: 0; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",