@primestyleai/tryon 5.5.26 → 5.6.0

package/dist/react/types.d.ts

@@ -7,14 +7,51 @@ export type HipProfile = "narrow" | "average" | "full";
 export type MatchDetail = MatchDetailType;
 export type SizingResult = SizingResultType;
 export type SizeGuideField = SizeGuideFieldType;
+/** Full body measurements computed by the LLM (cm or in based on measurementsUnit) */
+export interface ProfileMeasurements {
+    chest?: number;
+    bust?: number;
+    waist?: number;
+    hips?: number;
+    shoulderWidth?: number;
+    sleeveLength?: number;
+    inseam?: number;
+    neckCircumference?: number;
+    thighCircumference?: number;
+    footLengthCm?: number;
+    height?: number;
+    /** Allow other fields the backend may return */
+    [key: string]: number | undefined;
+}
+/** A cached size recommendation for a specific product */
+export interface SizeHistoryEntry {
+    productId: string;
+    productTitle: string;
+    productImage?: string;
+    recommendedSize: string;
+    confidence?: string;
+    /** For multi-section products: { "Jacket Size": "50", "Pants": "34", ... } */
+    sections?: Record<string, string>;
+    savedAt: number;
+}
 export interface Profile {
     id: string;
     name: string;
     gender: "male" | "female";
     height?: number;
     weight?: number;
+    age?: number;
     /** @deprecated Use `height` */ heightCm?: number;
     /** @deprecated Use `weight` */ weightKg?: number;
+    chestProfile?: ChestProfile;
+    midsectionProfile?: MidsectionProfile;
+    hipProfile?: HipProfile;
+    bandSize?: string;
+    cupSize?: string;
+    photoBase64?: string;
+    measurements?: ProfileMeasurements;
+    measurementsUnit?: "cm" | "in";
+    sizeHistory?: SizeHistoryEntry[];
     chest?: number;
     bust?: number;
     waist?: number;
@@ -35,6 +72,8 @@ export interface Profile {
     customMeasurements?: Record<string, number>;
     createdAt?: number;
     lastUsedAt?: number;
+    /** Bumped any time measurements/answers change — used to invalidate sizeHistory cache */
+    lastEditedAt?: number;
 }
 export interface HistoryEntry {
     id: string;
@@ -70,11 +109,13 @@ export interface SizeGuide {
     /** Mapping of section name → product image URL (classified by AI) */
     sectionImages?: Record<string, string>;
 }
-export type ViewState = "idle" | "welcome" | "body-profile" | "estimation-review" | "size-result" | "upload" | "processing" | "result" | "error";
+export type ViewState = "idle" | "welcome" | "body-profile" | "estimation-review" | "size-result" | "upload" | "processing" | "result" | "error" | "profiles";
 export type DrawerType = "profiles" | "history" | null;
 export interface PrimeStyleTryonProps {
     productImage: string;
     productTitle?: string;
+    /** Stable product identifier — used to cache size recommendations per (profile, product) */
+    productId?: string;
     buttonText?: string;
     apiUrl?: string;
     showPoweredBy?: boolean;

package/dist/react/usePrimeStyleSize.d.ts

@@ -0,0 +1,21 @@
+import { type RecommendForProductInput, type RecommendForProductResult } from "./recommendForProduct";
+export interface UsePrimeStyleSizeState {
+    /** The recommended size (e.g. "M", "42") — null while loading or if no profile */
+    recommendedSize: string | null;
+    /** Per-section sizes for multi-section products */
+    sections: Record<string, string> | null;
+    /** True while the recommendation is being fetched */
+    loading: boolean;
+    /** True if the user has no profile yet — host should show its existing "Find Your Size" CTA */
+    noProfile: boolean;
+    /** The full result if you need confidence/sections/etc. */
+    result: RecommendForProductResult | null;
+    /** Manually re-run the recommendation (e.g. after the user edits their profile) */
+    refetch: () => void;
+}
+/**
+ * React hook wrapper around recommendForProduct(). Calls the headless API
+ * on mount, returns the recommended size + loading state. Re-runs whenever
+ * productId changes.
+ */
+export declare function usePrimeStyleSize(input: RecommendForProductInput): UsePrimeStyleSizeState;

package/dist/react/utils/storage.d.ts

@@ -1,3 +1,18 @@
+import type { Profile, ProfileMeasurements, SizeHistoryEntry } from "../types";
 export declare const LS_PREFIX = "primestyle_";
 export declare function lsGet<T>(key: string, fallback: T): T;
 export declare function lsSet(key: string, value: unknown): void;
+export declare function getProfiles(): Profile[];
+export declare function saveProfiles(profiles: Profile[]): void;
+export declare function getActiveProfileId(): string | null;
+export declare function setActiveProfileId(id: string | null): void;
+/** Returns the active profile, or the most recently used one, or null. */
+export declare function getActiveProfile(): Profile | null;
+/** Mutate a single profile in storage by id. */
+export declare function updateProfile(id: string, patch: Partial<Profile>): Profile | null;
+/** Save the LLM-computed body measurements onto a profile. */
+export declare function updateProfileMeasurements(id: string, measurements: ProfileMeasurements, unit?: "cm" | "in"): Profile | null;
+/** Append (or replace) a per-product size recommendation in the profile's history. */
+export declare function addSizeToHistory(profileId: string, entry: SizeHistoryEntry): Profile | null;
+/** Look up a cached size recommendation for a specific product on a profile. */
+export declare function getCachedSize(profile: Profile, productId: string): SizeHistoryEntry | null;

package/dist/react/views/MySizingProfilesView.d.ts

@@ -0,0 +1,23 @@
+import type { TranslateFn } from "../../i18n";
+import type { Profile } from "../types";
+/**
+ * Replaces the old DrawerPanel "My Profiles" view. Shows a grid of profile
+ * cards with avatar/name/height/weight/select+edit, a "Create New Profile"
+ * empty card, and a list of recently calculated sizes (the sizeHistory[]
+ * entries from across all profiles).
+ *
+ * Layout matches the reference: ATELIER-style minimal cards with status
+ * pills, big black call-to-action buttons.
+ */
+interface MySizingProfilesViewProps {
+    profiles: Profile[];
+    activeProfileId: string | null;
+    onSelectProfile: (id: string) => void;
+    onEditProfile: (p: Profile) => void;
+    onCreateProfile: () => void;
+    onDeleteProfile: (id: string) => void;
+    onClose: () => void;
+    t: TranslateFn;
+}
+export declare function MySizingProfilesView({ profiles, activeProfileId, onSelectProfile, onEditProfile, onCreateProfile, onDeleteProfile, onClose, t, }: MySizingProfilesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/views/SizeResultView.d.ts

@@ -2,7 +2,8 @@ import type { TranslateFn } from "../../i18n";
 import type { FitAreaInfo } from "../../types";
 import type { ViewState, SizeGuide, SizingResult } from "../types";
 import type { BodyLandmarks } from "../../pose-detect";
-export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productTitle, sizingUnit, setView, handleDownload, onRetryWithFit, retryLoading, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, bodyLandmarks, activeSection, setActiveSection, t, }: {
+export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productTitle, sizingUnit, setView, handleDownload, onRetryWithFit, retryLoading, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, bodyLandmarks, estimationDone, activeSection, setActiveSection, t, }: {
+    estimationDone?: boolean;
     sizingLoading: boolean;
     sizingResult: SizingResult | null;
     sizeGuide: SizeGuide | null;

package/package.json

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