@primestyleai/tryon 5.10.192 → 5.10.193

package/dist/storefront/primestyle-tryon.js

@@ -9836,23 +9836,34 @@ async function loadMediaPipe() {
   if (poseLandmarker) return;
   if (loadingPromise$1) return loadingPromise$1;
   loadingPromise$1 = (async () => {
-    const vision = await import(
-      /* webpackIgnore: true */
-      // @ts-ignore dynamic CDN import
-      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/vision_bundle.mjs"
-    );
-    const { FilesetResolver, PoseLandmarker } = vision;
-    const filesetResolver = await FilesetResolver.forVisionTasks(
-      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
-    );
-    poseLandmarker = await PoseLandmarker.createFromOptions(filesetResolver, {
-      baseOptions: {
-        modelAssetPath: "https://storage.googleapis.com/mediapipe-models/pose_landmarker/pose_landmarker_lite/float16/1/pose_landmarker_lite.task",
-        delegate: "GPU"
-      },
-      runningMode: "IMAGE",
-      numPoses: 1
-    });
+    try {
+      const vision = await import(
+        /* webpackIgnore: true */
+        // @ts-ignore dynamic CDN import
+        "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/vision_bundle.mjs"
+      );
+      const { FilesetResolver, PoseLandmarker } = vision;
+      const filesetResolver = await FilesetResolver.forVisionTasks(
+        "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
+      );
+      const createPoseLandmarker = async (delegate) => PoseLandmarker.createFromOptions(filesetResolver, {
+        baseOptions: {
+          modelAssetPath: "https://storage.googleapis.com/mediapipe-models/pose_landmarker/pose_landmarker_lite/float16/1/pose_landmarker_lite.task",
+          delegate
+        },
+        runningMode: "IMAGE",
+        numPoses: 1
+      });
+      try {
+        poseLandmarker = await createPoseLandmarker("GPU");
+      } catch (gpuErr) {
+        console.warn("[PS-SDK:MediaPipe] GPU delegate failed, retrying with CPU delegate:", gpuErr);
+        poseLandmarker = await createPoseLandmarker("CPU");
+      }
+    } catch (err) {
+      loadingPromise$1 = null;
+      throw err;
+    }
   })();
   return loadingPromise$1;
 }
@@ -10047,19 +10058,28 @@ async function loadFaceLandmarker() {
         "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
       );
       console.log(`[PS-SDK:FaceDetect] WASM resolver ready in ${Math.round(performance.now() - t1)}ms`);
-      console.log("[PS-SDK:FaceDetect] creating FaceLandmarker (GPU delegate, model=latest)…");
-      const t2 = performance.now();
-      faceLandmarker = await FaceLandmarker.createFromOptions(filesetResolver, {
-        baseOptions: {
-          modelAssetPath: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/latest/face_landmarker.task",
-          delegate: "GPU"
-        },
-        runningMode: "IMAGE",
-        numFaces: 1,
-        outputFaceBlendshapes: false,
-        outputFacialTransformationMatrixes: false
-      });
-      console.log(`[PS-SDK:FaceDetect] FaceLandmarker ready in ${Math.round(performance.now() - t2)}ms`);
+      const createFaceLandmarker = async (delegate) => {
+        console.log(`[PS-SDK:FaceDetect] creating FaceLandmarker (${delegate} delegate, model=latest)…`);
+        const t2 = performance.now();
+        const instance = await FaceLandmarker.createFromOptions(filesetResolver, {
+          baseOptions: {
+            modelAssetPath: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/latest/face_landmarker.task",
+            delegate
+          },
+          runningMode: "IMAGE",
+          numFaces: 1,
+          outputFaceBlendshapes: false,
+          outputFacialTransformationMatrixes: false
+        });
+        console.log(`[PS-SDK:FaceDetect] FaceLandmarker ready with ${delegate} delegate in ${Math.round(performance.now() - t2)}ms`);
+        return instance;
+      };
+      try {
+        faceLandmarker = await createFaceLandmarker("GPU");
+      } catch (gpuErr) {
+        console.warn("[PS-SDK:FaceDetect] GPU delegate failed, retrying with CPU delegate:", gpuErr);
+        faceLandmarker = await createFaceLandmarker("CPU");
+      }
     } catch (err) {
       console.error("[PS-SDK:FaceDetect] loadFaceLandmarker FAILED:", err);
       loadingPromise = null;
@@ -22918,14 +22938,33 @@ const STYLES = `
     .ps-msd-actions {
       padding-top: 9px !important;
       padding-bottom: calc(9px + env(safe-area-inset-bottom)) !important;
+      height: auto !important;
+      min-height: 0 !important;
+    }
+    .ps-tryon-v2-result-actions {
+      display: grid !important;
+      grid-template-columns: auto minmax(0, 1fr) !important;
+      align-items: end !important;
+      gap: 10px !important;
+      min-height: 0 !important;
+      padding-top: 10px !important;
+      padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
+    }
+    .ps-tryon-v2-result-actions > .ps-tryon-v2-action-group,
+    .ps-tryon-v2-result-actions > .ps-tryon-v2-cta {
+      width: 100% !important;
+      max-width: none !important;
+      flex: 1 1 auto !important;
+      margin-left: 0 !important;
     }
     .ps-msr-bottom-row,
     .ps-tryon-v2-action-group,
     .ps-msd-result-action-group {
       display: grid !important;
-      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
+      grid-template-columns: minmax(0, 1fr) !important;
       gap: 9px !important;
       align-items: stretch !important;
+      width: 100% !important;
     }
     .ps-tryon-v2-action-group-history {
       display: flex !important;
@@ -22934,19 +22973,38 @@ const STYLES = `
     .ps-tryon-v2-action-group > .ps-tryon-v2-cta,
     .ps-msr-commerce-row .ps-tryon-v2-cta,
     .ps-msd-result-action-group .ps-tryon-v2-cta {
-      min-height: 40px !important;
-      padding: 0 10px !important;
-      border-radius: 9px !important;
-      font-size: 11px !important;
-      letter-spacing: 0.07em !important;
-      gap: 5px !important;
-      overflow: hidden !important;
-      text-overflow: ellipsis !important;
+      min-height: 48px !important;
+      padding: 0 14px !important;
+      border-radius: 11px !important;
+      font-size: 13px !important;
+      line-height: 1.15 !important;
+      letter-spacing: 0.045em !important;
+      gap: 8px !important;
+      overflow: visible !important;
+      text-overflow: clip !important;
+      white-space: normal !important;
+    }
+    .ps-tryon-v2-action-group > .ps-tryon-v2-cta span,
+    .ps-msr-commerce-row .ps-tryon-v2-cta span,
+    .ps-msd-result-action-group .ps-tryon-v2-cta span {
+      min-width: 0 !important;
+      overflow: visible !important;
+      text-overflow: clip !important;
+      white-space: normal !important;
+      overflow-wrap: normal !important;
     }
     .ps-tryon-v2-add-bag-cta svg,
     .ps-tryon-v2-history-product-cta svg {
-      width: 18px !important;
-      height: 18px !important;
+      width: 20px !important;
+      height: 20px !important;
+      flex: 0 0 auto !important;
+    }
+    .ps-tryon-v2-history-product-cta {
+      width: auto !important;
+      min-height: 42px !important;
+      padding: 0 13px !important;
+      font-size: 12px !important;
+      white-space: nowrap !important;
     }
     @media (max-width: 374px) {
       .ps-msr-bottom-row,
@@ -22957,7 +23015,8 @@ const STYLES = `
       .ps-tryon-v2-action-group > .ps-tryon-v2-cta,
       .ps-msr-commerce-row .ps-tryon-v2-cta,
       .ps-msd-result-action-group .ps-tryon-v2-cta {
-        min-height: 38px !important;
+        min-height: 46px !important;
+        font-size: 12px !important;
       }
     }
 
@@ -26527,7 +26586,7 @@ function SizeResultView({
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--ps-text-muted)", fontSize: "0.8vw" }, children: t2("Generating your size recommendation...") })
       ] })
     ] }),
-    isMobile && isSnapProcessing && !allDone && previewUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    isMobile && isSnapProcessing && previewUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
       MobileScanningView,
       {
         previewUrl,

package/package.json

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