@primestyleai/tryon 2.0.4 → 2.0.6

package/dist/react/index.d.ts

@@ -24,4 +24,4 @@ export interface PrimeStyleTryonProps {
         code?: string;
     }) => void;
 }
-export declare function PrimeStyleTryon({ productImage, productTitle, buttonText, apiUrl, showPoweredBy, buttonStyles: btnS, modalStyles: mdlS, classNames: cn, className, style, onOpen, onClose, onUpload, onProcessing, onComplete, onError, }: PrimeStyleTryonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PrimeStyleTryon(props: PrimeStyleTryonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/index.js

@@ -1,12 +1,13 @@
 "use client";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useMemo, useCallback } from "react";
 import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage, P as PrimeStyleError } from "../image-utils-C9bJ1zKO.js";
 function cx(base, override) {
   return override ? `${base} ${override}` : base;
 }
 const LS_PREFIX = "primestyle_";
 function lsGet(key, fallback) {
+  if (typeof window === "undefined") return fallback;
   try {
     const raw = localStorage.getItem(LS_PREFIX + key);
     return raw ? JSON.parse(raw) : fallback;
@@ -37,6 +38,7 @@ const SIZING_COUNTRIES = [
 const STEP_LABELS = ["", "Welcome", "Photo", "Size", "Generate", "Results"];
 const TOTAL_STEPS = 5;
 function detectLocale() {
+  if (typeof window === "undefined") return "US";
   const l = (navigator.language || "en-US").toLowerCase();
   if (l.includes("en-gb") || l.includes("en-au")) return "UK";
   if (l.includes("en")) return "US";
@@ -152,7 +154,15 @@ function getApiKey() {
 function getApiUrl(override) {
   return override || process.env.NEXT_PUBLIC_PRIMESTYLE_API_URL || "https://myaifitting.com";
 }
-function PrimeStyleTryon({
+function PrimeStyleTryon(props) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsx(PrimeStyleTryonInner, { ...props });
+}
+function PrimeStyleTryonInner({
   productImage,
   productTitle = "Product",
   buttonText = "Virtual Try-On",
@@ -204,6 +214,17 @@ function PrimeStyleTryon({
   const pollingRef = useRef(null);
   const completedRef = useRef(false);
   const bodyRef = useRef(null);
+  useEffect(() => {
+    const id = "ps-tryon-styles";
+    if (document.getElementById(id)) return;
+    const el = document.createElement("style");
+    el.id = id;
+    el.textContent = STYLES;
+    document.head.appendChild(el);
+    return () => {
+      el.remove();
+    };
+  }, []);
   useEffect(() => {
     try {
       const key = getApiKey();
@@ -1075,8 +1096,7 @@ function PrimeStyleTryon({
         /* @__PURE__ */ jsx("a", { href: "https://myaifitting.com", target: "_blank", rel: "noopener noreferrer", children: "PrimeStyle AI" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(ProfileDetailModal, {}),
-    /* @__PURE__ */ jsx("style", { children: STYLES })
+    /* @__PURE__ */ jsx(ProfileDetailModal, {})
   ] });
 }
 const STYLES = `

package/package.json

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