@lasterp/shared 1.0.0-alpha.9 → 1.0.0-beta.0

package/dist/node/index.d.ts

@@ -1,28 +1,101 @@
 interface Item {
-	itemCode: string;
+	item_code: string;
 	area: string;
 	model: string;
 	region: string;
 	grade: string;
-	gradeIssuer: string;
+	grade_issuer: string;
 	color: string;
 	storage: string;
 	memory: string;
 	connectivity: string;
-	carrierCompatibility: string;
+	carrier_compatibility: string;
 }
 interface ItemVariant extends Item {
-	itemVariant: string;
+	item_variant: string;
 }
 interface Model {
-	modelNumber: string;
-	simCardType: string;
+	model_number: string;
+	sim_card_type: string;
 	connectivity: string;
 }
 interface Colour {
 	color: string;
 	hex: string;
-	colorSystem: string;
+	color_system: string;
+}
+interface Globals {
+	header: Header;
+	footer: Footer;
+}
+interface Brand {
+	brandImage?: string;
+}
+interface NavbarItem {
+	label: string;
+	enableDropdown: boolean;
+	enableLink: boolean;
+	link?: string;
+	dropdownDescription?: string;
+	dropdownCTALabel?: string;
+	dropdownCTALink?: string;
+	groups?: NavbarSubItemGroup[];
+}
+interface NavbarSubItemGroup {
+	title: string;
+	items: NavbarSubItem[];
+}
+interface NavbarSubItem {
+	label: string;
+	description?: string;
+	image?: string;
+	link?: string;
+}
+interface Topbar {
+	enabled: boolean;
+	layout: string;
+	items: TopbarItem[];
+}
+interface TopbarItem {
+	icon?: string;
+	label: string;
+	link?: string;
+}
+interface Header {
+	headerType?: string;
+	brand: Brand;
+	tabs: NavbarItem[];
+	topbar: Topbar;
+}
+interface FooterItemGroup {
+	title: string;
+	items: FooterItem[];
+}
+interface FooterItem {
+	label: string;
+	link?: string;
+}
+interface Footer {
+	footerType?: string;
+	groups: FooterItemGroup[];
+	copyright?: string;
+	address?: string;
+	country?: string;
+	phone?: string;
+	email?: string;
+}
+interface Hero {
+	type: string;
+	data: Record<string, unknown>;
+}
+interface Block {
+	type: string;
+	data: Record<string, unknown>;
+}
+interface Page {
+	slug: string;
+	hero?: Hero;
+	blocks: Block[];
 }
 import { FrappeApp, FrappeAuth, FrappeCall } from "frappe-js-sdk";
 import { FrappeDB } from "frappe-js-sdk/lib/db";
@@ -513,79 +586,62 @@ declare const useFrappeUpdateDoc: <T = any>() => {
 	isCompleted: boolean;
 	reset: () => void;
 };
-interface Globals {
-	header: Header;
-	footer: Footer;
-}
-interface Brand {
-	brandImage?: string;
-}
-interface NavbarItem {
-	label: string;
-	enableDropdown: boolean;
-	enableLink: boolean;
-	link?: string;
-	dropdownDescription?: string;
-	dropdownCTALabel?: string;
-	dropdownCTALink?: string;
-	groups?: NavbarSubItemGroup[];
-}
-interface NavbarSubItemGroup {
-	title: string;
-	items: NavbarSubItem[];
-}
-interface NavbarSubItem {
-	label: string;
-	description?: string;
-	image?: string;
-	link?: string;
+interface VariantSelectorProps<T extends {
+	id: string;
+	specs: Record<string, string>;
+}> {
+	variants: T[];
+	attributes: {
+		key: string;
+		values: string[];
+	}[];
+	defaultId?: string;
 }
-interface Topbar {
-	enabled: boolean;
-	layout: string;
-	items: TopbarItem[];
-}
-interface TopbarItem {
-	icon?: string;
-	label: string;
-	link?: string;
-}
-interface Header {
-	headerType?: string;
-	brand: Brand;
-	tabs: NavbarItem[];
-	topbar: Topbar;
+interface VariantSelectorOption {
+	key: string;
+	value: string;
+	state: "selected" | "available" | "unavailable";
 }
-interface FooterItemGroup {
-	title: string;
-	items: FooterItem[];
+interface VariantSelectorResult {
+	variantId?: string;
+	onOptionSelect: (key: string, value: string) => void;
+	getOptions: (key: string) => VariantSelectorOption[];
 }
-interface FooterItem {
-	label: string;
-	link?: string;
+declare const useVariantSelector: <T extends {
+	id: string;
+	specs: Record<string, string>;
+}>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+interface Category {
+	name: string;
 }
-interface Footer {
-	footerType?: string;
-	groups: FooterItemGroup[];
-	copyright?: string;
-	address?: string;
-	country?: string;
-	phone?: string;
-	email?: string;
+interface Product {
+	name: string;
+	image: string;
+	item_code: string;
+	description: string;
 }
-interface Hero {
-	type: string;
-	data: Record<string, unknown>;
+interface ProductVariant extends ItemVariant {
+	name: string;
+	currency: string;
+	rate: number;
+	qty: number;
+	images: string[];
+	specs: Record<string, string>;
 }
-interface Block {
-	type: string;
-	data: Record<string, unknown>;
+interface ShopContext {
+	categories: Category[];
+	grades: string[];
+	selected_category?: Category;
+	selected_grade?: string;
+	products: Product[];
 }
-interface Page {
-	slug: string;
-	hero?: Hero;
-	blocks: Block[];
+interface ProductContext {
+	product: Product;
+	specs: Record<string, string[]>;
+	variants: ProductVariant[];
+	models: Record<string, Model>;
+	colors: Record<string, Colour>;
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, SearchResult, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Brand, Block };
+export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/node/index.js

@@ -46,7 +46,7 @@ class SocketIO {
 }
 
 // src/frappe/provider.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 
 var FrappeContext = createContext(null);
 var FrappeProvider = ({
@@ -71,10 +71,10 @@ var FrappeProvider = ({
       socket: enableSocket ? new SocketIO(url, siteName, socketPort, tokenParams).socket : undefined
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
-  return /* @__PURE__ */ jsxDEV(FrappeContext.Provider, {
+  return /* @__PURE__ */ jsx(FrappeContext.Provider, {
     value: frappeConfig,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 // src/frappe/hooks/auth.ts
 import { useCallback, useContext, useState, useEffect } from "react";
@@ -465,12 +465,118 @@ var useFrappeUpdateDoc = () => {
     reset
   };
 };
+// src/hooks/use-variant-selector/hook.ts
+import { useCallback as useCallback4, useMemo as useMemo2, useState as useState5 } from "react";
+
+// src/hooks/use-variant-selector/utils.ts
+function findVariant(variants, specs, caseInsensitive) {
+  return variants.find((variant) => {
+    return Object.entries(specs).every(([key, value]) => {
+      const vv = variant.specs[key];
+      if (!vv)
+        return false;
+      if (caseInsensitive) {
+        return vv.toLowerCase() === value.toLowerCase();
+      }
+      return vv === value;
+    });
+  });
+}
+function findVariants(variants, specs, caseInsensitive) {
+  return variants.filter((variant) => {
+    return Object.entries(specs).every(([key, value]) => {
+      const vv = variant.specs[key];
+      if (!vv)
+        return false;
+      if (caseInsensitive) {
+        return vv.toLowerCase() === value.toLowerCase();
+      }
+      return vv === value;
+    });
+  });
+}
+
+// src/hooks/use-variant-selector/hook.ts
+var useVariantSelector = (props) => {
+  const { variants, attributes, defaultId } = props;
+  const [selectedSpecs, setSelectedSpecs] = useState5(() => {
+    if (defaultId) {
+      const variant = variants.find((v) => v.id === defaultId);
+      return variant?.specs || {};
+    }
+    return {};
+  });
+  const variantId = useMemo2(() => {
+    const complete = attributes.every((attr) => selectedSpecs[attr.key]);
+    if (!complete)
+      return;
+    const variant = findVariant(variants, selectedSpecs);
+    return variant?.id;
+  }, [variants, selectedSpecs, attributes]);
+  const options = useMemo2(() => {
+    const result = {};
+    attributes.forEach((attr, attrIndex) => {
+      const constraints = {};
+      for (let i = 0;i < attrIndex; i++) {
+        const key = attributes[i]?.key;
+        if (key && selectedSpecs[key])
+          constraints[key] = selectedSpecs[key];
+      }
+      const matchingVariants = findVariants(variants, constraints);
+      const availableValues = new Set(matchingVariants.map((v) => v.specs[attr.key]));
+      result[attr.key] = attr.values.map((value) => {
+        const isSelected = selectedSpecs[attr.key] === value;
+        const isAvailable = availableValues.has(value);
+        return {
+          key: attr.key,
+          value,
+          state: isSelected ? "selected" : isAvailable ? "available" : "unavailable"
+        };
+      });
+    });
+    return result;
+  }, [variants, attributes, selectedSpecs]);
+  const onOptionSelect = useCallback4((key, value) => {
+    setSelectedSpecs((prev) => {
+      const newSpecs = { ...prev, [key]: value };
+      const attrIndex = attributes.findIndex((a) => a.key === key);
+      for (let i = attrIndex + 1;i < attributes.length; i++) {
+        const downstreamAttr = attributes[i];
+        if (!downstreamAttr)
+          continue;
+        const constraints = {};
+        for (let j = 0;j < i; j++) {
+          const k = attributes[j]?.key;
+          if (k && newSpecs[k])
+            constraints[k] = newSpecs[k];
+        }
+        const matching = findVariants(variants, constraints);
+        const availableValues = new Set(matching.map((v) => v.specs[downstreamAttr.key]));
+        if (!availableValues.has(newSpecs[downstreamAttr.key])) {
+          const firstAvailable = downstreamAttr.values.find((v) => availableValues.has(v));
+          if (firstAvailable) {
+            newSpecs[downstreamAttr.key] = firstAvailable;
+          } else {
+            delete newSpecs[downstreamAttr.key];
+          }
+        }
+      }
+      return newSpecs;
+    });
+  }, [attributes, variants]);
+  return {
+    variantId,
+    onOptionSelect,
+    getOptions: (key) => options[key] || []
+  };
+};
 // src/utils/char.ts
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 function equalsIgnoreCase(str1, str2) {
   return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
 }
 export {
+  useVariantSelector,
   useSearch,
   useFrappeUpdateDoc,
   useFrappePutCall,

package/dist/rn/index.d.ts

@@ -1,28 +1,101 @@
 interface Item {
-	itemCode: string;
+	item_code: string;
 	area: string;
 	model: string;
 	region: string;
 	grade: string;
-	gradeIssuer: string;
+	grade_issuer: string;
 	color: string;
 	storage: string;
 	memory: string;
 	connectivity: string;
-	carrierCompatibility: string;
+	carrier_compatibility: string;
 }
 interface ItemVariant extends Item {
-	itemVariant: string;
+	item_variant: string;
 }
 interface Model {
-	modelNumber: string;
-	simCardType: string;
+	model_number: string;
+	sim_card_type: string;
 	connectivity: string;
 }
 interface Colour {
 	color: string;
 	hex: string;
-	colorSystem: string;
+	color_system: string;
+}
+interface Globals {
+	header: Header;
+	footer: Footer;
+}
+interface Brand {
+	brandImage?: string;
+}
+interface NavbarItem {
+	label: string;
+	enableDropdown: boolean;
+	enableLink: boolean;
+	link?: string;
+	dropdownDescription?: string;
+	dropdownCTALabel?: string;
+	dropdownCTALink?: string;
+	groups?: NavbarSubItemGroup[];
+}
+interface NavbarSubItemGroup {
+	title: string;
+	items: NavbarSubItem[];
+}
+interface NavbarSubItem {
+	label: string;
+	description?: string;
+	image?: string;
+	link?: string;
+}
+interface Topbar {
+	enabled: boolean;
+	layout: string;
+	items: TopbarItem[];
+}
+interface TopbarItem {
+	icon?: string;
+	label: string;
+	link?: string;
+}
+interface Header {
+	headerType?: string;
+	brand: Brand;
+	tabs: NavbarItem[];
+	topbar: Topbar;
+}
+interface FooterItemGroup {
+	title: string;
+	items: FooterItem[];
+}
+interface FooterItem {
+	label: string;
+	link?: string;
+}
+interface Footer {
+	footerType?: string;
+	groups: FooterItemGroup[];
+	copyright?: string;
+	address?: string;
+	country?: string;
+	phone?: string;
+	email?: string;
+}
+interface Hero {
+	type: string;
+	data: Record<string, unknown>;
+}
+interface Block {
+	type: string;
+	data: Record<string, unknown>;
+}
+interface Page {
+	slug: string;
+	hero?: Hero;
+	blocks: Block[];
 }
 import { FrappeApp, FrappeAuth, FrappeCall } from "frappe-js-sdk";
 import { FrappeDB } from "frappe-js-sdk/lib/db";
@@ -513,79 +586,62 @@ declare const useFrappeUpdateDoc: <T = any>() => {
 	isCompleted: boolean;
 	reset: () => void;
 };
-interface Globals {
-	header: Header;
-	footer: Footer;
-}
-interface Brand {
-	brandImage?: string;
-}
-interface NavbarItem {
-	label: string;
-	enableDropdown: boolean;
-	enableLink: boolean;
-	link?: string;
-	dropdownDescription?: string;
-	dropdownCTALabel?: string;
-	dropdownCTALink?: string;
-	groups?: NavbarSubItemGroup[];
-}
-interface NavbarSubItemGroup {
-	title: string;
-	items: NavbarSubItem[];
-}
-interface NavbarSubItem {
-	label: string;
-	description?: string;
-	image?: string;
-	link?: string;
+interface VariantSelectorProps<T extends {
+	id: string;
+	specs: Record<string, string>;
+}> {
+	variants: T[];
+	attributes: {
+		key: string;
+		values: string[];
+	}[];
+	defaultId?: string;
 }
-interface Topbar {
-	enabled: boolean;
-	layout: string;
-	items: TopbarItem[];
-}
-interface TopbarItem {
-	icon?: string;
-	label: string;
-	link?: string;
-}
-interface Header {
-	headerType?: string;
-	brand: Brand;
-	tabs: NavbarItem[];
-	topbar: Topbar;
+interface VariantSelectorOption {
+	key: string;
+	value: string;
+	state: "selected" | "available" | "unavailable";
 }
-interface FooterItemGroup {
-	title: string;
-	items: FooterItem[];
+interface VariantSelectorResult {
+	variantId?: string;
+	onOptionSelect: (key: string, value: string) => void;
+	getOptions: (key: string) => VariantSelectorOption[];
 }
-interface FooterItem {
-	label: string;
-	link?: string;
+declare const useVariantSelector: <T extends {
+	id: string;
+	specs: Record<string, string>;
+}>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+interface Category {
+	name: string;
 }
-interface Footer {
-	footerType?: string;
-	groups: FooterItemGroup[];
-	copyright?: string;
-	address?: string;
-	country?: string;
-	phone?: string;
-	email?: string;
+interface Product {
+	name: string;
+	image: string;
+	item_code: string;
+	description: string;
 }
-interface Hero {
-	type: string;
-	data: Record<string, unknown>;
+interface ProductVariant extends ItemVariant {
+	name: string;
+	currency: string;
+	rate: number;
+	qty: number;
+	images: string[];
+	specs: Record<string, string>;
 }
-interface Block {
-	type: string;
-	data: Record<string, unknown>;
+interface ShopContext {
+	categories: Category[];
+	grades: string[];
+	selected_category?: Category;
+	selected_grade?: string;
+	products: Product[];
 }
-interface Page {
-	slug: string;
-	hero?: Hero;
-	blocks: Block[];
+interface ProductContext {
+	product: Product;
+	specs: Record<string, string[]>;
+	variants: ProductVariant[];
+	models: Record<string, Model>;
+	colors: Record<string, Colour>;
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, SearchResult, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Brand, Block };
+export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/rn/index.js

@@ -46,7 +46,7 @@ class SocketIO {
 }
 
 // src/frappe/provider.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 
 var FrappeContext = createContext(null);
 var FrappeProvider = ({
@@ -71,10 +71,10 @@ var FrappeProvider = ({
       socket: enableSocket ? new SocketIO(url, siteName, socketPort, tokenParams).socket : undefined
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
-  return /* @__PURE__ */ jsxDEV(FrappeContext.Provider, {
+  return /* @__PURE__ */ jsx(FrappeContext.Provider, {
     value: frappeConfig,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 // src/frappe/hooks/auth.ts
 import { useCallback, useContext, useState, useEffect } from "react";
@@ -465,12 +465,118 @@ var useFrappeUpdateDoc = () => {
     reset
   };
 };
+// src/hooks/use-variant-selector/hook.ts
+import { useCallback as useCallback4, useMemo as useMemo2, useState as useState5 } from "react";
+
+// src/hooks/use-variant-selector/utils.ts
+function findVariant(variants, specs, caseInsensitive) {
+  return variants.find((variant) => {
+    return Object.entries(specs).every(([key, value]) => {
+      const vv = variant.specs[key];
+      if (!vv)
+        return false;
+      if (caseInsensitive) {
+        return vv.toLowerCase() === value.toLowerCase();
+      }
+      return vv === value;
+    });
+  });
+}
+function findVariants(variants, specs, caseInsensitive) {
+  return variants.filter((variant) => {
+    return Object.entries(specs).every(([key, value]) => {
+      const vv = variant.specs[key];
+      if (!vv)
+        return false;
+      if (caseInsensitive) {
+        return vv.toLowerCase() === value.toLowerCase();
+      }
+      return vv === value;
+    });
+  });
+}
+
+// src/hooks/use-variant-selector/hook.ts
+var useVariantSelector = (props) => {
+  const { variants, attributes, defaultId } = props;
+  const [selectedSpecs, setSelectedSpecs] = useState5(() => {
+    if (defaultId) {
+      const variant = variants.find((v) => v.id === defaultId);
+      return variant?.specs || {};
+    }
+    return {};
+  });
+  const variantId = useMemo2(() => {
+    const complete = attributes.every((attr) => selectedSpecs[attr.key]);
+    if (!complete)
+      return;
+    const variant = findVariant(variants, selectedSpecs);
+    return variant?.id;
+  }, [variants, selectedSpecs, attributes]);
+  const options = useMemo2(() => {
+    const result = {};
+    attributes.forEach((attr, attrIndex) => {
+      const constraints = {};
+      for (let i = 0;i < attrIndex; i++) {
+        const key = attributes[i]?.key;
+        if (key && selectedSpecs[key])
+          constraints[key] = selectedSpecs[key];
+      }
+      const matchingVariants = findVariants(variants, constraints);
+      const availableValues = new Set(matchingVariants.map((v) => v.specs[attr.key]));
+      result[attr.key] = attr.values.map((value) => {
+        const isSelected = selectedSpecs[attr.key] === value;
+        const isAvailable = availableValues.has(value);
+        return {
+          key: attr.key,
+          value,
+          state: isSelected ? "selected" : isAvailable ? "available" : "unavailable"
+        };
+      });
+    });
+    return result;
+  }, [variants, attributes, selectedSpecs]);
+  const onOptionSelect = useCallback4((key, value) => {
+    setSelectedSpecs((prev) => {
+      const newSpecs = { ...prev, [key]: value };
+      const attrIndex = attributes.findIndex((a) => a.key === key);
+      for (let i = attrIndex + 1;i < attributes.length; i++) {
+        const downstreamAttr = attributes[i];
+        if (!downstreamAttr)
+          continue;
+        const constraints = {};
+        for (let j = 0;j < i; j++) {
+          const k = attributes[j]?.key;
+          if (k && newSpecs[k])
+            constraints[k] = newSpecs[k];
+        }
+        const matching = findVariants(variants, constraints);
+        const availableValues = new Set(matching.map((v) => v.specs[downstreamAttr.key]));
+        if (!availableValues.has(newSpecs[downstreamAttr.key])) {
+          const firstAvailable = downstreamAttr.values.find((v) => availableValues.has(v));
+          if (firstAvailable) {
+            newSpecs[downstreamAttr.key] = firstAvailable;
+          } else {
+            delete newSpecs[downstreamAttr.key];
+          }
+        }
+      }
+      return newSpecs;
+    });
+  }, [attributes, variants]);
+  return {
+    variantId,
+    onOptionSelect,
+    getOptions: (key) => options[key] || []
+  };
+};
 // src/utils/char.ts
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 function equalsIgnoreCase(str1, str2) {
   return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
 }
 export {
+  useVariantSelector,
   useSearch,
   useFrappeUpdateDoc,
   useFrappePutCall,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@lasterp/shared",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-beta.0",
   "description": "Shared repo for webapp and native app",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "bunup",
+    "build": "NODE_ENV=production bunup",
     "dev": "bunup --watch",
     "type-check": "tsc --noEmit"
   },

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-declare function greet(name: string): string;
-export { greet };

package/dist/index.js

@@ -1,7 +0,0 @@
-// src/index.ts
-function greet(name) {
-  return `Hello, ${name}!`;
-}
-export {
-  greet
-};