@lasterp/shared 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist/node/index.d.ts

@@ -24,6 +24,79 @@ interface Colour {
 	hex: 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";
 import { FrappeFileUpload } from "frappe-js-sdk/lib/file";
@@ -513,91 +586,45 @@ 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 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 VariantSelectorProps<T extends {
+	id: string;
+	specs: Record<string, string>;
+}> {
+	variants: T[];
+	attributes: {
+		key: string;
+		values: string[];
+	}[];
+	defaultId?: string;
+}
+interface VariantSelectorOption {
+	key: string;
+	value: string;
+	state: "selected" | "available" | "unavailable";
 }
-interface Page {
-	slug: string;
-	hero?: Hero;
-	blocks: Block[];
+interface VariantSelectorResult {
+	variantId?: string;
+	onOptionSelect: (option: VariantSelectorOption) => void;
+	getOptions: (key: string) => VariantSelectorOption[];
 }
+declare const useVariantSelector: <T extends {
+	id: string;
+	specs: Record<string, string>;
+}>(props: VariantSelectorProps<T>) => VariantSelectorResult;
 interface Category {
 	name: string;
 }
 interface Product {
+	name: string;
+	image: string;
 	item_code: string;
 	description: string;
 }
 interface ProductVariant extends ItemVariant {
-	product: string;
 	currency: string;
 	rate: number;
 	qty: number;
+	images: string[];
 }
 interface ShopContext {
 	categories: Category[];
@@ -606,6 +633,15 @@ interface ShopContext {
 	selected_grade?: string;
 	products: Product[];
 }
+interface ProductContext {
+	product: Product;
+	specs: Record<string, string[]>;
+	variants: ProductVariant & {
+		specs: Record<string, string>;
+	}[];
+	models: Model[];
+	colors: 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, ShopContext, SearchResult, ProductVariant, 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 };
+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

@@ -465,12 +465,93 @@ 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) => {
+      result[attr.key] = attr.values.map((value) => {
+        const isSelected = selectedSpecs[attr.key] === value;
+        const specs = { ...selectedSpecs };
+        delete specs[attr.key];
+        const matchingVariants = findVariants(variants, specs);
+        const availableValuesForAttr = new Set(matchingVariants.map((v) => v.specs[attr.key]));
+        const isAvailable = availableValuesForAttr.has(value);
+        return {
+          key: attr.key,
+          value,
+          state: isSelected ? "selected" : isAvailable ? "available" : "unavailable"
+        };
+      });
+    });
+    return result;
+  }, [variants, attributes, selectedSpecs]);
+  const onOptionSelect = useCallback4((option) => {
+    setSelectedSpecs((prev) => {
+      const specs = { ...prev };
+      specs[option.key] = option.value;
+      return specs;
+    });
+  }, []);
+  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

@@ -24,6 +24,79 @@ interface Colour {
 	hex: 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";
 import { FrappeFileUpload } from "frappe-js-sdk/lib/file";
@@ -513,91 +586,45 @@ 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 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 VariantSelectorProps<T extends {
+	id: string;
+	specs: Record<string, string>;
+}> {
+	variants: T[];
+	attributes: {
+		key: string;
+		values: string[];
+	}[];
+	defaultId?: string;
+}
+interface VariantSelectorOption {
+	key: string;
+	value: string;
+	state: "selected" | "available" | "unavailable";
 }
-interface Page {
-	slug: string;
-	hero?: Hero;
-	blocks: Block[];
+interface VariantSelectorResult {
+	variantId?: string;
+	onOptionSelect: (option: VariantSelectorOption) => void;
+	getOptions: (key: string) => VariantSelectorOption[];
 }
+declare const useVariantSelector: <T extends {
+	id: string;
+	specs: Record<string, string>;
+}>(props: VariantSelectorProps<T>) => VariantSelectorResult;
 interface Category {
 	name: string;
 }
 interface Product {
+	name: string;
+	image: string;
 	item_code: string;
 	description: string;
 }
 interface ProductVariant extends ItemVariant {
-	product: string;
 	currency: string;
 	rate: number;
 	qty: number;
+	images: string[];
 }
 interface ShopContext {
 	categories: Category[];
@@ -606,6 +633,15 @@ interface ShopContext {
 	selected_grade?: string;
 	products: Product[];
 }
+interface ProductContext {
+	product: Product;
+	specs: Record<string, string[]>;
+	variants: ProductVariant & {
+		specs: Record<string, string>;
+	}[];
+	models: Model[];
+	colors: 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, ShopContext, SearchResult, ProductVariant, 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 };
+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

@@ -465,12 +465,93 @@ 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) => {
+      result[attr.key] = attr.values.map((value) => {
+        const isSelected = selectedSpecs[attr.key] === value;
+        const specs = { ...selectedSpecs };
+        delete specs[attr.key];
+        const matchingVariants = findVariants(variants, specs);
+        const availableValuesForAttr = new Set(matchingVariants.map((v) => v.specs[attr.key]));
+        const isAvailable = availableValuesForAttr.has(value);
+        return {
+          key: attr.key,
+          value,
+          state: isSelected ? "selected" : isAvailable ? "available" : "unavailable"
+        };
+      });
+    });
+    return result;
+  }, [variants, attributes, selectedSpecs]);
+  const onOptionSelect = useCallback4((option) => {
+    setSelectedSpecs((prev) => {
+      const specs = { ...prev };
+      specs[option.key] = option.value;
+      return specs;
+    });
+  }, []);
+  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,6 +1,6 @@
 {
   "name": "@lasterp/shared",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.14",
   "description": "Shared repo for webapp and native app",
   "license": "MIT",
   "files": [