@primestyleai/tryon 5.10.191 → 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;
@@ -22844,6 +22864,240 @@ const STYLES = `
       padding: 6px !important;
     }
   }
+
+  /* Final mobile ergonomics patch: keep body-detail inputs readable, keep
+     commerce CTAs from crowding, and give feedback a real mobile sheet. */
+  @media (max-width: 768px) {
+    .ps-bp-scan-details-title {
+      margin: 4px 0 0 !important;
+    }
+    .ps-bp-scan-details-sub {
+      margin: 4px 0 0 !important;
+    }
+    .ps-bp-scan-details-center:not(.ps-shoe-scan-details) .ps-bp-system-toggle,
+    .ps-bp-photo-details-head .ps-bp-system-toggle,
+    .ps-bp-system-toggle.ps-bp-system-toggle-compact {
+      margin: 6px auto 8px !important;
+      gap: 14px !important;
+    }
+    .ps-bp-photo-details-head {
+      align-items: flex-start !important;
+      gap: 8px !important;
+      padding-bottom: 8px !important;
+    }
+    .ps-bp-photo-details-head h3 {
+      font-size: 16px !important;
+      line-height: 1.2 !important;
+      padding-top: 3px !important;
+    }
+    .ps-bp-inline-fields {
+      padding-top: 4px !important;
+      padding-bottom: 14px !important;
+    }
+    .ps-bp-inline-row {
+      display: grid !important;
+      grid-template-columns: minmax(72px, 0.34fr) minmax(0, 1fr) !important;
+      align-items: center !important;
+      gap: 14px !important;
+      padding: 16px 0 !important;
+      min-height: 66px !important;
+    }
+    .ps-bp-inline-label {
+      flex-basis: auto !important;
+      min-width: 0 !important;
+      font-size: 11px !important;
+      letter-spacing: 0.13em !important;
+    }
+    .ps-bp-inline-input-group {
+      display: grid !important;
+      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important;
+      align-items: end !important;
+      gap: 8px !important;
+      min-width: 0 !important;
+      width: 100% !important;
+    }
+    .ps-bp-inline-row:not(:first-child) .ps-bp-inline-input-group,
+    .ps-bp-inline-row .ps-bp-inline-input-group:has(input:only-child) {
+      grid-template-columns: minmax(0, 1fr) auto !important;
+    }
+    .ps-bp-inline-input {
+      min-height: 34px !important;
+      font-size: 20px !important;
+      line-height: 1.2 !important;
+      padding-bottom: 7px !important;
+      text-align: left !important;
+    }
+    .ps-bp-inline-unit {
+      align-self: center !important;
+      font-size: 12px !important;
+      line-height: 1 !important;
+      padding-bottom: 8px !important;
+    }
+
+    .ps-msr-bottom,
+    .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) !important;
+      gap: 9px !important;
+      align-items: stretch !important;
+      width: 100% !important;
+    }
+    .ps-tryon-v2-action-group-history {
+      display: flex !important;
+      justify-content: flex-end !important;
+    }
+    .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: 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: 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,
+      .ps-tryon-v2-action-group,
+      .ps-msd-result-action-group {
+        grid-template-columns: 1fr !important;
+      }
+      .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: 46px !important;
+        font-size: 12px !important;
+      }
+    }
+
+    .ps-tryon-feedback-toggle.ps-mobile {
+      min-height: 36px !important;
+      padding: 0 13px !important;
+      border-radius: 10px !important;
+      font-size: 12px !important;
+      gap: 7px !important;
+    }
+    .ps-tryon-feedback-toggle.ps-mobile svg {
+      width: 16px !important;
+      height: 16px !important;
+    }
+    .ps-tryon-feedback-backdrop.ps-mobile {
+      position: fixed !important;
+      inset: 0 !important;
+      z-index: 2147483000 !important;
+      border: 0 !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      background: rgba(15, 23, 42, 0.24) !important;
+      backdrop-filter: blur(3px) !important;
+      -webkit-backdrop-filter: blur(3px) !important;
+      cursor: pointer !important;
+    }
+    .ps-tryon-feedback.ps-mobile {
+      position: fixed !important;
+      left: 12px !important;
+      right: 12px !important;
+      bottom: calc(12px + env(safe-area-inset-bottom)) !important;
+      width: auto !important;
+      max-width: 520px !important;
+      margin: 0 auto !important;
+      z-index: 2147483001 !important;
+      padding: 16px !important;
+      border-radius: 18px !important;
+      gap: 13px !important;
+      background: #FFFFFF !important;
+      box-shadow: 0 22px 60px rgba(15, 23, 42, 0.28) !important;
+      backdrop-filter: none !important;
+      -webkit-backdrop-filter: none !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-top {
+      gap: 10px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-title {
+      font-size: 16px !important;
+      line-height: 1.2 !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-close {
+      width: 34px !important;
+      height: 34px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-stars {
+      gap: 7px !important;
+      padding-top: 2px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-star {
+      width: 32px !important;
+      height: 32px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-form {
+      grid-template-columns: 1fr auto !important;
+      gap: 9px !important;
+      align-items: end !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-note {
+      min-height: 48px !important;
+      max-height: 120px !important;
+      border-radius: 12px !important;
+      font-size: 14px !important;
+      padding: 12px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-submit {
+      min-height: 48px !important;
+      padding: 0 16px !important;
+      border-radius: 12px !important;
+      font-size: 13px !important;
+    }
+  }
 `;
 function CameraIcon$1({ size = 18 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -24205,7 +24459,7 @@ function TryOnExperienceFeedback({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-feedback${isMobile ? " ps-mobile" : ""}`, "aria-label": t2("Rate your try-on"), children: [
+  const feedbackPanel = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-feedback${isMobile ? " ps-mobile" : ""}`, "aria-label": t2("Rate your try-on"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-feedback-top", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-title", children: t2("Rate your try-on") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -24270,6 +24524,21 @@ function TryOnExperienceFeedback({
     ] }),
     status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-status", children: t2("Couldn't send. Try again.") })
   ] });
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ps-tryon-feedback-backdrop ps-mobile",
+          onClick: () => setExpanded(false),
+          "aria-label": t2("Close")
+        }
+      ),
+      feedbackPanel
+    ] });
+  }
+  return feedbackPanel;
 }
 function ResultImageActionBar({
   showLines,
@@ -26317,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.191",
+  "version": "5.10.193",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",