@primestyleai/tryon 3.2.1 → 3.3.0

package/dist/react/index.js

@@ -467,7 +467,13 @@ function PrimeStyleTryonInner({
         const data = await res.json();
         setSizingResult(data);
       } else {
-        console.warn("[PrimeStyle] Sizing API error:", res.status, await res.text().catch(() => ""));
+        const errBody = await res.text().catch(() => "");
+        console.error("[PrimeStyle] Sizing API error:", res.status, errBody);
+        try {
+          const parsed = JSON.parse(errBody);
+          if (parsed.issues) console.error("[PrimeStyle] Validation issues:", JSON.stringify(parsed.issues, null, 2));
+        } catch {
+        }
       }
     } catch (err) {
       console.warn("[PrimeStyle] Sizing request failed:", err);
@@ -800,7 +806,8 @@ function PrimeStyleTryonInner({
     const sgChecked = !sizeGuideFetching && sizeGuide !== null;
     if (sizeGuideFetching) {
       return /* @__PURE__ */ jsx("div", { className: "ps-tryon-sizing-choice", children: /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sg-checking", children: [
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-spinner" }),
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-icon", children: /* @__PURE__ */ jsx(RulerIcon, { size: 32 }) }),
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar-wrap", children: /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar" }) }),
         /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: "Checking size guide..." }),
         /* @__PURE__ */ jsx("p", { className: "ps-tryon-sg-checking-sub", children: "Looking for size chart data for this product" })
       ] }) });
@@ -851,7 +858,11 @@ function PrimeStyleTryonInner({
     const isFemale = formGender === "female";
     const isCm = sizingUnit === "cm";
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sizing-form", children: [
-      profiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-bar", children: /* @__PURE__ */ jsxs("select", { className: "ps-tryon-profile-select", value: activeProfileId || "", onChange: (e) => {
+      /* @__PURE__ */ jsxs("button", { className: "ps-tryon-back", onClick: () => setView("sizing-choice"), children: [
+        /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
+        " Back"
+      ] }),
+      sizingMethod === "exact" && profiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-bar", children: /* @__PURE__ */ jsxs("select", { className: "ps-tryon-profile-select", value: activeProfileId || "", onChange: (e) => {
         if (e.target.value) applyProfile(e.target.value);
       }, children: [
         /* @__PURE__ */ jsx("option", { value: "", children: "Auto-fill from saved profile..." }),
@@ -1351,17 +1362,21 @@ const STYLES = `
     display: flex; align-items: center; justify-content: center; gap: 6px;
   }
   .ps-tryon-sg-found svg { stroke: #4ade80; }
-  .ps-tryon-sg-checking {
-    display: flex; flex-direction: column; align-items: center; padding: 40px 20px; text-align: center;
-  }
-  .ps-tryon-sg-checking-spinner {
-    width: 40px; height: 40px; border: 3px solid #333;
-    border-top-color: #bb945c; border-radius: 50%;
-    animation: ps-spin 0.8s linear infinite; margin-bottom: 20px;
-  }
+  .ps-tryon-sg-checking { display: flex; flex-direction: column; align-items: center; padding: 40px 20px; text-align: center; }
+  .ps-tryon-sg-checking-icon { color: #bb945c; margin-bottom: 16px; animation: ps-pulse-ruler 1.5s ease-in-out infinite; }
+  .ps-tryon-sg-checking-icon svg { stroke: currentColor; fill: none; }
+  @keyframes ps-pulse-ruler { 0%, 100% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.15); opacity: 1; } }
+  .ps-tryon-sg-checking-bar-wrap { width: 180px; height: 4px; background: #333; border-radius: 2px; overflow: hidden; margin-bottom: 20px; }
+  .ps-tryon-sg-checking-bar { height: 100%; width: 40%; background: linear-gradient(90deg, #bb945c, #d6ba7d); border-radius: 2px; animation: ps-sg-bar 1.5s ease-in-out infinite; }
+  @keyframes ps-sg-bar { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
   .ps-tryon-sg-checking .ps-tryon-section-title { margin-bottom: 6px; }
   .ps-tryon-sg-checking-sub { font-size: 13px; color: #999; margin: 0; }
 
+  /* Back button */
+  .ps-tryon-back { display: flex; align-items: center; gap: 6px; background: none; border: none; color: #999; font-size: 13px; cursor: pointer; padding: 0; margin-bottom: 12px; font-family: inherit; transition: color 0.2s; }
+  .ps-tryon-back:hover { color: #fff; }
+  .ps-tryon-back svg { stroke: currentColor; fill: none; }
+
   /* Sizing form */
   .ps-tryon-sizing-form { display: flex; flex-direction: column; gap: 12px; }
   .ps-tryon-input-row { display: flex; align-items: center; gap: 10px; }

package/package.json

@@ -1,57 +1,57 @@
-{
-  "name": "@primestyleai/tryon",
-  "version": "3.2.1",
-  "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
-  "type": "module",
-  "main": "dist/primestyle-tryon.js",
-  "module": "dist/primestyle-tryon.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/primestyle-tryon.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./react": {
-      "import": "./dist/react/index.js",
-      "types": "./dist/react/index.d.ts"
-    }
-  },
-  "files": [
-    "dist",
-    "logo.svg",
-    "README.md"
-  ],
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build && tsc --emitDeclarationOnly",
-    "prepublishOnly": "npm run build"
-  },
-  "keywords": [
-    "virtual-try-on",
-    "react",
-    "web-component",
-    "fashion",
-    "ai",
-    "primestyle"
-  ],
-  "author": "PrimeStyle AI",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.28",
-    "terser": "^5.31.0",
-    "typescript": "^5.5.0",
-    "vite": "^5.4.0"
-  }
-}
+{
+  "name": "@primestyleai/tryon",
+  "version": "3.3.0",
+  "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
+  "type": "module",
+  "main": "dist/primestyle-tryon.js",
+  "module": "dist/primestyle-tryon.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/primestyle-tryon.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.js",
+      "types": "./dist/react/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "logo.svg",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "virtual-try-on",
+    "react",
+    "web-component",
+    "fashion",
+    "ai",
+    "primestyle"
+  ],
+  "author": "PrimeStyle AI",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.28",
+    "terser": "^5.31.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0"
+  }
+}