@primestyleai/tryon 2.3.0 → 3.0.0

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties } from "react";
-import type { ButtonStyles, ModalStyles, PrimeStyleClassNames, SizeGuideData } from "../types";
+import type { ButtonStyles, ModalStyles, PrimeStyleClassNames } from "../types";
 export interface PrimeStyleTryonProps {
     productImage: string;
     productTitle?: string;
@@ -23,27 +23,7 @@ export interface PrimeStyleTryonProps {
         message: string;
         code?: string;
     }) => void;
-    /** Pre-computed size guide — skips AI extraction if provided */
-    sizeGuide?: SizeGuideData;
-    /** Product description HTML for AI size guide extraction */
-    productDescription?: string;
-    /** Product vendor/brand for AI extraction */
-    productVendor?: string;
-    /** Product type (e.g. "T-Shirt", "Jacket") */
-    productType?: string;
-    /** Product tags for AI extraction */
-    productTags?: string[];
-    /** Product variants with size options */
-    productVariants?: Array<{
-        title: string;
-        option1?: string | null;
-        option2?: string | null;
-        option3?: string | null;
-    }>;
-    /** Product options (e.g. [{name: "Size", values: ["S","M","L"]}]) */
-    productOptions?: Array<{
-        name: string;
-        values?: string[];
-    }>;
+    /** Size guide data from your backend — pass as-is, any format (HTML, JSON, object, string). Our AI will parse it. */
+    sizeGuideData?: unknown;
 }
 export declare function PrimeStyleTryon(props: PrimeStyleTryonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/index.js

@@ -179,13 +179,7 @@ function PrimeStyleTryonInner({
   onProcessing,
   onComplete,
   onError,
-  sizeGuide: sizeGuideProp,
-  productDescription,
-  productVendor,
-  productType,
-  productTags,
-  productVariants,
-  productOptions
+  sizeGuideData
 }) {
   const [view, setView] = useState("idle");
   const [selectedFile, setSelectedFile] = useState(null);
@@ -290,31 +284,22 @@ function PrimeStyleTryonInner({
   useEffect(() => {
     if (view !== "sizing-choice" || sizeGuideFetchedRef.current || !apiRef.current) return;
     sizeGuideFetchedRef.current = true;
-    if (sizeGuideProp) {
-      setSizeGuide(sizeGuideProp);
+    if (!sizeGuideData) {
+      setSizeGuide({ found: false });
       return;
     }
     setSizeGuideFetching(true);
     const baseUrl = getApiUrl(apiUrl);
     const key = getApiKey();
-    const productPayload = {
-      title: productTitle,
-      variants: productVariants || []
-    };
-    if (productDescription) productPayload.description = productDescription;
-    if (productVendor) productPayload.vendor = productVendor;
-    if (productType) productPayload.productType = productType;
-    if (productTags?.length) productPayload.tags = productTags;
-    if (productOptions?.length) productPayload.options = productOptions;
     fetch(`${baseUrl}/api/v1/sizing/sizeguide`, {
       method: "POST",
       headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
-      body: JSON.stringify({ product: productPayload })
+      body: JSON.stringify({ product: { title: productTitle }, sizeGuideRaw: sizeGuideData })
     }).then((r) => r.ok ? r.json() : null).then((data) => {
       if (data) setSizeGuide(data);
       else setSizeGuide({ found: false });
     }).catch(() => setSizeGuide({ found: false })).finally(() => setSizeGuideFetching(false));
-  }, [view, apiUrl, productTitle, sizeGuideProp]);
+  }, [view, apiUrl, productTitle, sizeGuideData]);
   const stepIndex = useMemo(() => {
     switch (view) {
       case "welcome":
@@ -422,14 +407,7 @@ function PrimeStyleTryonInner({
     const payload = {
       method: sizingMethod,
       locale: sizingCountry,
-      product: {
-        title: productTitle,
-        description: productDescription || "",
-        variants: productVariants || [],
-        ...productVendor && { vendor: productVendor },
-        ...productType && { productType },
-        ...productTags?.length && { tags: productTags }
-      }
+      product: { title: productTitle, description: "", variants: [] }
     };
     if (sizeGuide?.found) payload.sizeGuide = sizeGuide;
     if (sizingMethod === "exact") {

package/package.json

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