@streamoid/settings 0.1.4 → 0.1.5

package/dist/index.d.mts

@@ -58,11 +58,13 @@ interface SettingsAuthUser {
     userSpecialization?: string;
 }
 /** Option shape returned by `auth.getSpecializations` — drives the
-    Specialization dropdown in Settings → Account. */
+    Specialization dropdown in Settings → Account. The host adapter is the
+    source of truth: name comes from the CMS, icon from `iconUrl`. */
 interface SettingsUserSpecialization {
     id: string;
     name: string;
     description?: string;
+    iconUrl?: string;
 }
 interface SettingsAuthAdapter {
     user: SettingsAuthUser | null;

package/dist/index.d.ts

@@ -58,11 +58,13 @@ interface SettingsAuthUser {
     userSpecialization?: string;
 }
 /** Option shape returned by `auth.getSpecializations` — drives the
-    Specialization dropdown in Settings → Account. */
+    Specialization dropdown in Settings → Account. The host adapter is the
+    source of truth: name comes from the CMS, icon from `iconUrl`. */
 interface SettingsUserSpecialization {
     id: string;
     name: string;
     description?: string;
+    iconUrl?: string;
 }
 interface SettingsAuthAdapter {
     user: SettingsAuthUser | null;

package/dist/index.js

@@ -6875,51 +6875,31 @@ function SettingsNav({
   );
 }
 var SPECIALIZATION_ICON_SIZE = 20;
-var SPECIALIZATION_ICON_PROPS = {
-  style: {
-    width: SPECIALIZATION_ICON_SIZE,
-    height: SPECIALIZATION_ICON_SIZE
-  }
-};
-function iconForSpecialization(id) {
-  switch (id) {
-    case "design":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconSwatch, { ...SPECIALIZATION_ICON_PROPS });
-    case "merchandising":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconBag, { ...SPECIALIZATION_ICON_PROPS });
-    case "planning":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconInsights, { ...SPECIALIZATION_ICON_PROPS });
-    case "marketing_brand":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconAdCreator, { ...SPECIALIZATION_ICON_PROPS });
-    case "founder_operator":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconCrown, { ...SPECIALIZATION_ICON_PROPS });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconBolt, { ...SPECIALIZATION_ICON_PROPS });
+function SpecializationIcon({ iconUrl }) {
+  if (iconUrl) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "img",
+      {
+        src: iconUrl,
+        alt: "",
+        style: {
+          width: SPECIALIZATION_ICON_SIZE,
+          height: SPECIALIZATION_ICON_SIZE,
+          objectFit: "contain"
+        }
+      }
+    );
   }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_icons7.SiconBolt,
+    {
+      style: {
+        width: SPECIALIZATION_ICON_SIZE,
+        height: SPECIALIZATION_ICON_SIZE
+      }
+    }
+  );
 }
-var FALLBACK_SPECIALIZATIONS = [
-  { id: "design", label: "Design", icon: iconForSpecialization("design") },
-  {
-    id: "merchandising",
-    label: "Merchandising",
-    icon: iconForSpecialization("merchandising")
-  },
-  {
-    id: "planning",
-    label: "Planning",
-    icon: iconForSpecialization("planning")
-  },
-  {
-    id: "marketing_brand",
-    label: "Marketing & brand",
-    icon: iconForSpecialization("marketing_brand")
-  },
-  {
-    id: "founder_operator",
-    label: "Founder & operator",
-    icon: iconForSpecialization("founder_operator")
-  }
-];
 function SpecializationDropdown({
   value,
   onChange,
@@ -6928,20 +6908,18 @@ function SpecializationDropdown({
   const { auth } = useSettingsAdapters();
   const [open, setOpen] = (0, import_react10.useState)(false);
   const containerRef = (0, import_react10.useRef)(null);
-  const [options, setOptions] = (0, import_react10.useState)(
-    FALLBACK_SPECIALIZATIONS
-  );
+  const [options, setOptions] = (0, import_react10.useState)([]);
   (0, import_react10.useEffect)(() => {
     if (!auth.getSpecializations) return;
     let cancelled = false;
     auth.getSpecializations().then((items) => {
       if (cancelled) return;
-      if (Array.isArray(items) && items.length > 0) {
+      if (Array.isArray(items)) {
         setOptions(
           items.map((item) => ({
             id: item.id,
             label: item.name,
-            icon: iconForSpecialization(item.id)
+            iconUrl: item.iconUrl
           }))
         );
       }
@@ -7027,7 +7005,7 @@ function SpecializationDropdown({
                     height: 24,
                     color: selected ? "var(--alias-text---icons-primary)" : "var(--alias-text---icons-muted)"
                   },
-                  children: selected ? selected.icon : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SiconBolt, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SpecializationIcon, { iconUrl: selected?.iconUrl })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -7122,7 +7100,7 @@ function SpecializationDropdown({
                           width: 24,
                           height: 24
                         },
-                        children: opt.icon
+                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SpecializationIcon, { iconUrl: opt.iconUrl })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { flex: 1 }, children: opt.label })

package/dist/index.mjs

@@ -27,12 +27,7 @@ import {
   SiconRight as SiconRight2,
   SiconUserAdd as SiconUserAdd2,
   SiconLock,
-  SiconDown,
-  SiconSwatch,
-  SiconBag,
-  SiconInsights,
-  SiconAdCreator,
-  SiconCrown
+  SiconDown
 } from "@streamoid/icons";
 
 // src/icons/SiconKey.tsx
@@ -6900,51 +6895,31 @@ function SettingsNav({
   );
 }
 var SPECIALIZATION_ICON_SIZE = 20;
-var SPECIALIZATION_ICON_PROPS = {
-  style: {
-    width: SPECIALIZATION_ICON_SIZE,
-    height: SPECIALIZATION_ICON_SIZE
-  }
-};
-function iconForSpecialization(id) {
-  switch (id) {
-    case "design":
-      return /* @__PURE__ */ jsx13(SiconSwatch, { ...SPECIALIZATION_ICON_PROPS });
-    case "merchandising":
-      return /* @__PURE__ */ jsx13(SiconBag, { ...SPECIALIZATION_ICON_PROPS });
-    case "planning":
-      return /* @__PURE__ */ jsx13(SiconInsights, { ...SPECIALIZATION_ICON_PROPS });
-    case "marketing_brand":
-      return /* @__PURE__ */ jsx13(SiconAdCreator, { ...SPECIALIZATION_ICON_PROPS });
-    case "founder_operator":
-      return /* @__PURE__ */ jsx13(SiconCrown, { ...SPECIALIZATION_ICON_PROPS });
-    default:
-      return /* @__PURE__ */ jsx13(SiconBolt, { ...SPECIALIZATION_ICON_PROPS });
+function SpecializationIcon({ iconUrl }) {
+  if (iconUrl) {
+    return /* @__PURE__ */ jsx13(
+      "img",
+      {
+        src: iconUrl,
+        alt: "",
+        style: {
+          width: SPECIALIZATION_ICON_SIZE,
+          height: SPECIALIZATION_ICON_SIZE,
+          objectFit: "contain"
+        }
+      }
+    );
   }
+  return /* @__PURE__ */ jsx13(
+    SiconBolt,
+    {
+      style: {
+        width: SPECIALIZATION_ICON_SIZE,
+        height: SPECIALIZATION_ICON_SIZE
+      }
+    }
+  );
 }
-var FALLBACK_SPECIALIZATIONS = [
-  { id: "design", label: "Design", icon: iconForSpecialization("design") },
-  {
-    id: "merchandising",
-    label: "Merchandising",
-    icon: iconForSpecialization("merchandising")
-  },
-  {
-    id: "planning",
-    label: "Planning",
-    icon: iconForSpecialization("planning")
-  },
-  {
-    id: "marketing_brand",
-    label: "Marketing & brand",
-    icon: iconForSpecialization("marketing_brand")
-  },
-  {
-    id: "founder_operator",
-    label: "Founder & operator",
-    icon: iconForSpecialization("founder_operator")
-  }
-];
 function SpecializationDropdown({
   value,
   onChange,
@@ -6953,20 +6928,18 @@ function SpecializationDropdown({
   const { auth } = useSettingsAdapters();
   const [open, setOpen] = useState9(false);
   const containerRef = useRef3(null);
-  const [options, setOptions] = useState9(
-    FALLBACK_SPECIALIZATIONS
-  );
+  const [options, setOptions] = useState9([]);
   useEffect6(() => {
     if (!auth.getSpecializations) return;
     let cancelled = false;
     auth.getSpecializations().then((items) => {
       if (cancelled) return;
-      if (Array.isArray(items) && items.length > 0) {
+      if (Array.isArray(items)) {
         setOptions(
           items.map((item) => ({
             id: item.id,
             label: item.name,
-            icon: iconForSpecialization(item.id)
+            iconUrl: item.iconUrl
           }))
         );
       }
@@ -7052,7 +7025,7 @@ function SpecializationDropdown({
                     height: 24,
                     color: selected ? "var(--alias-text---icons-primary)" : "var(--alias-text---icons-muted)"
                   },
-                  children: selected ? selected.icon : /* @__PURE__ */ jsx13(SiconBolt, {})
+                  children: /* @__PURE__ */ jsx13(SpecializationIcon, { iconUrl: selected?.iconUrl })
                 }
               ),
               /* @__PURE__ */ jsx13(
@@ -7147,7 +7120,7 @@ function SpecializationDropdown({
                           width: 24,
                           height: 24
                         },
-                        children: opt.icon
+                        children: /* @__PURE__ */ jsx13(SpecializationIcon, { iconUrl: opt.iconUrl })
                       }
                     ),
                     /* @__PURE__ */ jsx13("span", { style: { flex: 1 }, children: opt.label })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",