@primestyleai/tryon 5.6.1 → 5.6.2

package/dist/react/index.js

@@ -7169,11 +7169,12 @@ function MySizingProfilesView({
   activeProfileId,
   onSelectProfile,
   onEditProfile,
-  onCreateProfile,
+  onSaveNewProfile,
   onDeleteProfile,
   onClose,
   t
 }) {
+  const [creating, setCreating] = useState(false);
   const allHistory = useMemo(() => {
     const items = [];
     for (const p of profiles) {
@@ -7183,19 +7184,48 @@ function MySizingProfilesView({
     }
     return items.sort((a, b) => b.entry.savedAt - a.entry.savedAt).slice(0, 12);
   }, [profiles]);
+  const handleSaveNewProfile = (data) => {
+    onSaveNewProfile(data);
+    setCreating(false);
+  };
   return /* @__PURE__ */ jsxs("div", { className: "ps-msp-root", children: [
     /* @__PURE__ */ jsxs("div", { className: "ps-msp-topbar", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "ps-msp-back", onClick: onClose, "aria-label": t("Back"), children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsx("span", { className: "ps-msp-topbar-title", children: t("MY SIZING PROFILES") }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ps-msp-back",
+          onClick: () => creating ? setCreating(false) : onClose(),
+          "aria-label": t("Back"),
+          children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "ps-msp-topbar-title", children: creating ? t("CREATE PROFILE") : t("MY SIZING PROFILES") }),
       /* @__PURE__ */ jsx("span", { className: "ps-msp-topbar-spacer" })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ps-msp-scroll", children: [
+    /* @__PURE__ */ jsx("div", { className: "ps-msp-scroll", children: creating ? (
+      /* ── Inline create form (ProfileEditView) ── */
+      /* @__PURE__ */ jsxs("div", { className: "ps-msp-create-form-wrap", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ps-msp-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "ps-msp-title", children: t("Create New Profile") }),
+          /* @__PURE__ */ jsx("p", { className: "ps-msp-subtitle", children: t("Add a name, your basics, and we'll compute your full body measurements automatically.") })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ProfileEditView,
+          {
+            onSave: handleSaveNewProfile,
+            onCancel: () => setCreating(false),
+            t
+          }
+        )
+      ] })
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "ps-msp-header", children: [
         /* @__PURE__ */ jsx("h2", { className: "ps-msp-title", children: t("My Sizing Profiles") }),
         /* @__PURE__ */ jsx("p", { className: "ps-msp-subtitle", children: t("Manage your bespoke silhouettes. Switch between profiles for different fits or create a new one for specific garment types.") })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-msp-grid", children: [
-        /* @__PURE__ */ jsx(CreateProfileCard, { onClick: onCreateProfile, t }),
+        /* @__PURE__ */ jsx(CreateProfileCard, { onClick: () => setCreating(true), t }),
         profiles.map((p) => /* @__PURE__ */ jsx(
           ProfileCard,
           {
@@ -7212,7 +7242,7 @@ function MySizingProfilesView({
         /* @__PURE__ */ jsx("h3", { className: "ps-msp-history-title", children: t("Recent Size Calculations") }),
         /* @__PURE__ */ jsx("div", { className: "ps-msp-history-list", children: allHistory.map(({ entry, profileName }) => /* @__PURE__ */ jsx(SizeHistoryCard, { entry, profileName, t }, `${entry.productId}-${entry.savedAt}`)) })
       ] })
-    ] })
+    ] }) })
   ] });
 }
 function ResultView({ setView }) {
@@ -9541,12 +9571,36 @@ function PrimeStyleTryonInner({
             onEditProfile: (p) => {
               setProfileDetail(p);
             },
-            onCreateProfile: () => {
-              setActiveProfileId$1(null);
-              formRef.current = {};
-              setFormGender("male");
-              setFormKey((k) => k + 1);
-              setView("body-profile");
+            onSaveNewProfile: (data) => {
+              const newProfile = {
+                ...data,
+                id: Date.now().toString(36) + Math.random().toString(36).slice(2, 6),
+                createdAt: Date.now(),
+                lastUsedAt: Date.now()
+              };
+              setProfiles((prev) => [newProfile, ...prev]);
+              setActiveProfileId$1(newProfile.id);
+              const heightVal = newProfile.heightCm || newProfile.height || 0;
+              const weightVal = newProfile.weightKg || newProfile.weight || 0;
+              const heightUnitVal = newProfile.sizingUnit === "in" ? "in" : "cm";
+              const weightUnitVal = newProfile.sizingUnit === "in" ? "lbs" : "kg";
+              if (heightVal > 0 && weightVal > 0) {
+                estimateFullMeasurements({
+                  apiUrl,
+                  height: heightVal,
+                  weight: weightVal,
+                  heightUnit: heightUnitVal,
+                  weightUnit: weightUnitVal,
+                  gender: newProfile.gender,
+                  age: newProfile.age
+                }).then((est) => {
+                  if (est) {
+                    updateProfileMeasurements(newProfile.id, est.estimates, est.unit);
+                    setProfiles(lsGet("profiles", []));
+                  }
+                }).catch(() => {
+                });
+              }
             },
             onDeleteProfile: (id) => setProfiles((prev) => prev.filter((p) => p.id !== id)),
             onClose: () => setView("body-profile"),

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

@@ -14,10 +14,13 @@ interface MySizingProfilesViewProps {
     activeProfileId: string | null;
     onSelectProfile: (id: string) => void;
     onEditProfile: (p: Profile) => void;
-    onCreateProfile: () => 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;
     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 declare function MySizingProfilesView({ profiles, activeProfileId, onSelectProfile, onEditProfile, onSaveNewProfile, onDeleteProfile, onClose, t, }: MySizingProfilesViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

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