@primestyleai/tryon 5.8.35 → 5.8.37

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

@@ -0,0 +1,55 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState } from "../types";
+export interface AccessoryField {
+    key: string;
+    label: string;
+    placeholder: {
+        cm: string;
+        in: string;
+    };
+    hint?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** If provided, this image replaces the product image when the field is focused */
+    guideImage?: string;
+}
+interface Props {
+    title: string;
+    fields: AccessoryField[];
+    /** Unit options: first = metric-ish (cm/mm), second = imperial (in) */
+    unitOptions?: [{
+        label: string;
+        value: string;
+    }, {
+        label: string;
+        value: string;
+    }];
+    /** "close-up" swaps the photo step copy to face/head photo guidance */
+    photoVariant?: "full-body" | "close-up";
+    /** When true, hides the photo upload CTA entirely — manual entry only */
+    disablePhotoUpload?: boolean;
+    productImage: string;
+    productTitle: string;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    sizingUnit: string;
+    setSizingUnit: (u: string) => void;
+    setSizingMethod: (m: "exact" | "quick" | null) => void;
+    setSizingLoading: (v: boolean) => void;
+    setView: (v: ViewState) => void;
+    submitSizing: (mode: "exact" | "quick") => void;
+    onSnapSubmit: (data: {
+        photoFile: File;
+        photoBase64: string;
+        height: number;
+        weight: number;
+        heightUnit: string;
+        weightUnit: string;
+        gender: string;
+        age?: number;
+    }) => void;
+    onBack: () => void;
+    t: TranslateFn;
+}
+export declare function AccessorySizeView({ title, fields, unitOptions, photoVariant, disablePhotoUpload, productImage, productTitle, formRef, sizingUnit, setSizingUnit, setSizingMethod, setSizingLoading, setView, submitSizing, onSnapSubmit, onBack, t, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -36,7 +36,10 @@ import type { Profile } from "../types";
 interface CreateProfileWizardProps {
     onSave: (data: Omit<Profile, "id" | "createdAt">) => void;
     onCancel: () => void;
+    /** Called when a photo is selected (passes base64) or removed (passes null).
+     *  Host can use this to mirror the photo in the product-image left panel. */
+    onPhotoPreview?: (base64: string | null) => void;
     t: TranslateFn;
 }
-export declare function CreateProfileWizard({ onSave, onCancel, t }: CreateProfileWizardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CreateProfileWizard({ onSave, onCancel, onPhotoPreview, t }: CreateProfileWizardProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,25 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState } from "../types";
+export declare function FaceSizeView(props: {
+    productImage: string;
+    productTitle: string;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    sizingUnit: string;
+    setSizingUnit: (u: string) => void;
+    setSizingMethod: (m: "exact" | "quick" | null) => void;
+    setSizingLoading: (v: boolean) => void;
+    setView: (v: ViewState) => void;
+    submitSizing: (mode: "exact" | "quick") => void;
+    onSnapSubmit: (data: {
+        photoFile: File;
+        photoBase64: string;
+        height: number;
+        weight: number;
+        heightUnit: string;
+        weightUnit: string;
+        gender: string;
+        age?: number;
+    }) => void;
+    onBack: () => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState } from "../types";
+export declare function FootSizeView(props: {
+    productImage: string;
+    productTitle: string;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    sizingUnit: string;
+    setSizingUnit: (u: string) => void;
+    setSizingMethod: (m: "exact" | "quick" | null) => void;
+    setSizingLoading: (v: boolean) => void;
+    setView: (v: ViewState) => void;
+    submitSizing: (mode: "exact" | "quick") => void;
+    onSnapSubmit: (data: {
+        photoFile: File;
+        photoBase64: string;
+        height: number;
+        weight: number;
+        heightUnit: string;
+        weightUnit: string;
+        gender: string;
+        age?: number;
+    }) => void;
+    onBack: () => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState } from "../types";
+export declare function HeadSizeView(props: {
+    productImage: string;
+    productTitle: string;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    sizingUnit: string;
+    setSizingUnit: (u: string) => void;
+    setSizingMethod: (m: "exact" | "quick" | null) => void;
+    setSizingLoading: (v: boolean) => void;
+    setView: (v: ViewState) => void;
+    submitSizing: (mode: "exact" | "quick") => void;
+    onSnapSubmit: (data: {
+        photoFile: File;
+        photoBase64: string;
+        height: number;
+        weight: number;
+        heightUnit: string;
+        weightUnit: string;
+        gender: string;
+        age?: number;
+    }) => void;
+    onBack: () => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +1,29 @@
 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.
- */
+import type { Profile, ProfileMeasurements } from "../types";
 interface MySizingProfilesViewProps {
     profiles: Profile[];
     activeProfileId: string | null;
     onSelectProfile: (id: string) => void;
     onEditProfile: (p: Profile) => void;
-    /** Save a new profile (called from the inline ProfileEditView form). Parent
-        should add it to the profiles list and run estimateFullMeasurements in
-        the background to populate measurements. */
     onSaveNewProfile: (data: Omit<Profile, "id" | "createdAt">) => void;
-    /** Persist a partial measurement update onto an existing profile */
-    onSaveProfileMeasurements: (id: string, measurements: import("../types").ProfileMeasurements) => void;
-    onDeleteProfile: (id: string) => void;
+    onSaveProfileMeasurements: (id: string, measurements: ProfileMeasurements, unit?: "cm" | "in") => void;
+    onSaveBraSize?: (id: string, bandSize: string, cupSize: string) => void;
+    onDeleteProfile?: (id: string) => void;
+    /** Called when user clicks delete — parent owns the confirmation modal */
+    onRequestDelete: (id: string) => void;
     onClose: () => void;
+    /** Forwarded to CreateProfileWizard — called when a photo is selected or removed */
+    onPhotoPreview?: (base64: string | null) => void;
     t: TranslateFn;
+    /** Called by PrimeStyleTryonInner's back button handler to check if there's
+        an internal sub-step to go back to before closing the profiles view. */
+    onRegisterBackInterceptor?: (canGoBack: () => boolean, goBack: () => void) => void;
 }
-export declare function MySizingProfilesView({ profiles, activeProfileId, onSelectProfile, onEditProfile, onSaveNewProfile, onSaveProfileMeasurements, onDeleteProfile, onClose, t, }: MySizingProfilesViewProps): import("react/jsx-runtime").JSX.Element;
+/** Custom delete confirmation modal — replaces browser window.confirm() */
+export declare function DeleteConfirmModal({ onConfirm, onCancel, t, }: {
+    onConfirm: () => void;
+    onCancel: () => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MySizingProfilesView({ profiles, activeProfileId, onSelectProfile, onEditProfile, onSaveNewProfile, onSaveProfileMeasurements, onSaveBraSize, onRequestDelete, onClose, onPhotoPreview, t, onRegisterBackInterceptor, }: MySizingProfilesViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,7 +6,10 @@ interface PhotoStepMobileProps {
     onAnalyze: () => void;
     onSwitchToManual: () => void;
     error: string;
+    photoVariant?: "full-body" | "close-up";
+    photoStepHeight?: string;
+    onPhotoStepHeightChange?: (v: string) => void;
     t: TranslateFn;
 }
-export declare function PhotoStepMobile({ photoPreview, handlePhotoSelect, handleRemovePhoto, onAnalyze, onSwitchToManual, error, t, }: PhotoStepMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhotoStepMobile({ photoPreview, handlePhotoSelect, handleRemovePhoto, onAnalyze, onSwitchToManual, error, photoVariant, photoStepHeight, onPhotoStepHeightChange, t, }: PhotoStepMobileProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,24 +1,15 @@
 import type { TranslateFn } from "../../i18n";
 import type { Profile, ProfileMeasurements } from "../types";
-/**
- * Profile detail view — minimal Gemini-icon redesign.
- *
- * Layout: a left column with the profile name eyebrow + a Gemini
- * monoline body silhouette diagram (acts as the visual reference for
- * what each measurement maps to on the body), and a right column with
- * the basics (height/weight/age) + the body measurement list. Every
- * label is paired with a small Gemini-generated line-art icon — same
- * monoline aesthetic as the rest of the SDK assets.
- */
 interface ProfileMeasurementsViewProps {
     profile: Profile;
     isActive: boolean;
     onSelect: () => void;
-    onSaveMeasurements: (measurements: ProfileMeasurements) => void;
+    onSaveMeasurements: (measurements: ProfileMeasurements, unit?: "cm" | "in") => void;
     onDelete: () => void;
     onBack: () => void;
     onSave: () => void;
+    onSaveBraSize?: (bandSize: string, cupSize: string) => void;
     t: TranslateFn;
 }
-export declare function ProfileMeasurementsView({ profile, isActive, onSelect, onSaveMeasurements, onDelete, onBack, onSave, t, }: ProfileMeasurementsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileMeasurementsView({ profile, isActive, onSelect, onSaveMeasurements, onDelete, onBack, onSave, onSaveBraSize, t, }: ProfileMeasurementsViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ 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, estimationDone, activeSection, setActiveSection, onResetTryOn, onClose, 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, onResetTryOn, onClose, userHeightCm, t, }: {
     estimationDone?: boolean;
     sizingLoading: boolean;
     sizingResult: SizingResult | null;
@@ -28,5 +28,7 @@ export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide,
     onResetTryOn?: () => void;
     /** Close the SDK modal entirely (Continue Shopping action). */
     onClose?: () => void;
+    /** Active profile's height in cm — used to populate the height row in the fit table. */
+    userHeightCm?: number;
     t: TranslateFn;
 }): import("react/jsx-runtime").JSX.Element;