@numueg/theme-sdk 0.10.0 → 0.12.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkTBSNHHFH_cjs = require('./chunk-TBSNHHFH.cjs');
-var chunkKWODVI7F_cjs = require('./chunk-KWODVI7F.cjs');
-var chunkIBNAZRUT_cjs = require('./chunk-IBNAZRUT.cjs');
+var chunk7RZISLP2_cjs = require('./chunk-7RZISLP2.cjs');
+var chunkV3JDQXD3_cjs = require('./chunk-V3JDQXD3.cjs');
 var react = require('react');
 var client = require('react-dom/client');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,28 +10,95 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/types/theme.ts
 var MAX_BLOCK_DEPTH = 5;
 function useProduct() {
-  const ctx = react.useContext(chunkIBNAZRUT_cjs.ProductContext);
+  const ctx = react.useContext(chunkV3JDQXD3_cjs.ProductContext);
   if (!ctx) throw new Error("useProduct must be used within ProductProvider");
   return ctx;
 }
 function useProductOptional() {
-  return react.useContext(chunkIBNAZRUT_cjs.ProductContext);
+  return react.useContext(chunkV3JDQXD3_cjs.ProductContext);
 }
 function useCollection() {
-  const ctx = react.useContext(chunkIBNAZRUT_cjs.CollectionContext);
+  const ctx = react.useContext(chunkV3JDQXD3_cjs.CollectionContext);
   if (!ctx) throw new Error("useCollection must be used within CollectionProvider");
   return ctx;
 }
 function useCollectionOptional() {
-  return react.useContext(chunkIBNAZRUT_cjs.CollectionContext);
+  return react.useContext(chunkV3JDQXD3_cjs.CollectionContext);
+}
+function useListingHeading(options = {}) {
+  const collection = react.useContext(chunkV3JDQXD3_cjs.CollectionContext);
+  const clean = (v) => typeof v === "string" && v.trim() !== "" ? v.trim() : "";
+  const collectionName = clean(collection?.name);
+  const collectionDescription = clean(
+    collection?.description
+  );
+  return {
+    collection: collection ?? null,
+    isCollection: collectionName !== "",
+    title: collectionName || clean(options.title) || clean(options.defaultTitle) || "",
+    description: collectionDescription || clean(options.description) || ""
+  };
 }
 function useCart() {
-  const ctx = react.useContext(chunkIBNAZRUT_cjs.CartContext);
+  const ctx = react.useContext(chunkV3JDQXD3_cjs.CartContext);
   if (!ctx) throw new Error("useCart must be used within NuMuProvider");
   return ctx;
 }
 function useCurrentTemplate() {
-  return react.useContext(chunkIBNAZRUT_cjs.CurrentTemplateContext);
+  return react.useContext(chunkV3JDQXD3_cjs.CurrentTemplateContext);
+}
+function isMetafield(value) {
+  return typeof value === "object" && value !== null && typeof value.namespace === "string" && typeof value.key === "string";
+}
+function pageMetafields(data) {
+  if (!data) return [];
+  const record = data.page;
+  for (const candidate of [record?.metafields, data.metafields]) {
+    if (Array.isArray(candidate)) return candidate.filter(isMetafield);
+  }
+  return [];
+}
+function useMetafields(owner) {
+  const product = react.useContext(chunkV3JDQXD3_cjs.ProductContext);
+  const collection = react.useContext(chunkV3JDQXD3_cjs.CollectionContext);
+  const page = react.useContext(chunkV3JDQXD3_cjs.PageContext);
+  switch (owner) {
+    case "product":
+      return product?.metafields ?? [];
+    case "collection":
+      return collection?.metafields ?? [];
+    case "page":
+      return pageMetafields(page?.data);
+    default:
+      return [];
+  }
+}
+function useMetafield(owner, namespace, key) {
+  const fields = useMetafields(owner);
+  return fields.find((m) => m.namespace === namespace && m.key === key) ?? null;
+}
+function pageData() {
+  return react.useContext(chunkV3JDQXD3_cjs.PageContext)?.data;
+}
+function useBlogs() {
+  const data = pageData();
+  const blogs = data?.blogs;
+  return Array.isArray(blogs) ? blogs : [];
+}
+function useBlog() {
+  const data = pageData();
+  const blog = data?.blog ?? data?.article?.blog;
+  return blog && typeof blog === "object" ? blog : null;
+}
+function useArticles() {
+  const data = pageData();
+  const articles = data?.articles;
+  return Array.isArray(articles) ? articles : [];
+}
+function useArticle() {
+  const data = pageData();
+  const article = data?.article;
+  return article && typeof article === "object" ? article : null;
 }
 var SectionContext = react.createContext(null);
 function useSection() {
@@ -44,7 +111,7 @@ function useSectionOptional() {
 }
 var EMPTY = Object.freeze([]);
 function useSectionGroup(group) {
-  const settings = react.useContext(chunkIBNAZRUT_cjs.ThemeSettingsContext);
+  const settings = react.useContext(chunkV3JDQXD3_cjs.ThemeSettingsContext);
   return react.useMemo(() => {
     const grp = settings?.section_groups?.[group];
     if (!grp || !Array.isArray(grp.order) || grp.order.length === 0) {
@@ -61,8 +128,8 @@ function useSectionGroup(group) {
   }, [settings, group]);
 }
 function useCurrency() {
-  const ctx = react.useContext(chunkIBNAZRUT_cjs.CurrencyContext);
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const ctx = react.useContext(chunkV3JDQXD3_cjs.CurrencyContext);
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const fallback = react.useMemo(() => {
     const ccy = shop?.currency || "EGP";
     return {
@@ -82,16 +149,16 @@ function useCurrency() {
 
 // src/hooks/useMoney.ts
 function useMoney(currencyOverride) {
-  const { formatMoney } = chunkIBNAZRUT_cjs.useLocalization();
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const { formatMoney: formatMoney2 } = chunkV3JDQXD3_cjs.useLocalization();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const { selected, base, autoConvert, convert } = useCurrency();
   return (amount) => {
     const shouldConvert = autoConvert && !currencyOverride && !!selected && selected !== base;
     if (shouldConvert) {
       const converted = convert(Math.round(amount * 100), selected) / 100;
-      return formatMoney(converted, selected);
+      return formatMoney2(converted, selected);
     }
-    return formatMoney(amount, currencyOverride || shop?.currency);
+    return formatMoney2(amount, currencyOverride || shop?.currency);
   };
 }
 var DEFAULT_WIDTHS = [320, 480, 640, 768, 1024, 1280, 1600, 1920];
@@ -131,7 +198,7 @@ function unwrap(json) {
   return json;
 }
 function useOrders() {
-  const customer = chunkIBNAZRUT_cjs.useCustomer();
+  const customer = chunkV3JDQXD3_cjs.useCustomer();
   const [orders, setOrders] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -178,7 +245,7 @@ function useOrders() {
   };
 }
 function useOrder(id) {
-  const customer = chunkIBNAZRUT_cjs.useCustomer();
+  const customer = chunkV3JDQXD3_cjs.useCustomer();
   const [order, setOrder] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -241,7 +308,7 @@ async function readBody(res) {
   }
 }
 function useCustomerAddresses() {
-  const customer = chunkIBNAZRUT_cjs.useCustomer();
+  const customer = chunkV3JDQXD3_cjs.useCustomer();
   const [addresses, setAddresses] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -404,8 +471,8 @@ function toNavigationItem(raw, locale) {
   };
 }
 function useNavigation(handle, options) {
-  const navMap = react.useContext(chunkIBNAZRUT_cjs.NavigationContext);
-  const localization = react.useContext(chunkIBNAZRUT_cjs.LocalizationContext);
+  const navMap = react.useContext(chunkV3JDQXD3_cjs.NavigationContext);
+  const localization = react.useContext(chunkV3JDQXD3_cjs.LocalizationContext);
   const locale = localization?.locale ?? "en";
   const hostProvidedAny = !!navMap && Object.keys(navMap).length > 0;
   const rawItems = handle ? navMap?.[handle] : void 0;
@@ -589,10 +656,11 @@ function getFingerprint() {
 }
 function dispatchAnalyticsEvent(eventName, payload = {}) {
   if (typeof window === "undefined") return;
+  const eventId = crypto.randomUUID();
   try {
     window.dispatchEvent(
       new CustomEvent("numu:analytics:event", {
-        detail: { event: eventName, payload, ts: Date.now() }
+        detail: { event: eventName, payload, event_id: eventId, ts: Date.now() }
       })
     );
   } catch {
@@ -600,7 +668,7 @@ function dispatchAnalyticsEvent(eventName, payload = {}) {
   const step = EVENT_TO_FUNNEL_STEP[eventName] ?? null;
   const customerId = readCustomerId();
   const body = step ? {
-    event_id: crypto.randomUUID(),
+    event_id: eventId,
     path: window.location.pathname,
     fingerprint: getFingerprint(),
     step,
@@ -611,6 +679,7 @@ function dispatchAnalyticsEvent(eventName, payload = {}) {
   } : {
     event: eventName,
     payload,
+    event_id: eventId,
     ts: Date.now(),
     attribution: readAttribution() ?? void 0,
     customer_id: customerId ?? void 0
@@ -809,7 +878,7 @@ function useCachedResource(key, fetcher, options) {
 
 // src/hooks/useApp.ts
 function useApp(slug) {
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const key = slug ? `numu:app:${shop.id}:${slug}` : "";
   const fetcher = react.useCallback(
     async (signal) => {
@@ -957,7 +1026,7 @@ function useRelatedProducts(productId, options = {}) {
 function useProductSizeChart(productOverride) {
   const ctxProduct = useProductOptional();
   const product = productOverride ?? ctxProduct;
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const storeSettings = shop?.settings;
   return react.useMemo(
     () => resolveSizeChart(product?.attributes, storeSettings),
@@ -1493,8 +1562,9 @@ async function postCartMutation(endpoint, body, applyCart, reserveToken) {
     return { ok: false, status: res.status, message };
   }
   const json = await res.json();
-  applyCart(unwrapCart(json));
-  return { ok: true, status: res.status };
+  const applied = unwrapCart(json);
+  applyCart(applied);
+  return { ok: true, status: res.status, cart: normalizeCartFromServer(applied) };
 }
 function NuMuProvider({
   store,
@@ -1742,6 +1812,10 @@ function NuMuProvider({
       if (!result.ok) return result;
       try {
         if (typeof window !== "undefined") {
+          const line = result.cart?.items.find(
+            (it) => variantId ? it.variant_id === variantId : it.product_id === productId
+          );
+          const value = line && typeof line.price === "number" && line.price > 0 ? Math.round(line.price * qty * 100) / 100 : void 0;
           window.dispatchEvent(
             new CustomEvent("numu:analytics:event", {
               detail: {
@@ -1749,7 +1823,8 @@ function NuMuProvider({
                 payload: {
                   content_ids: [productId],
                   content_type: "product",
-                  num_items: qty
+                  num_items: qty,
+                  ...value !== void 0 ? { value, currency: result.cart?.currency } : {}
                 },
                 event_id: eventId
               }
@@ -1996,13 +2071,13 @@ function NuMuProvider({
       convertCurrency
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.ShopContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.ThemeSettingsContext.Provider, { value: themeSettings, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.CurrentTemplateContext.Provider, { value: currentTemplate, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.PageContext.Provider, { value: pageValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.LocalizationContext.Provider, { value: localization, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.CurrencyContext.Provider, { value: currencyValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.CartContext.Provider, { value: cartValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.CustomerContext.Provider, { value: customerState, children: /* @__PURE__ */ jsxRuntime.jsx(CustomerActionsContext.Provider, { value: customerActions, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.NavigationContext.Provider, { value: navigation ?? {}, children }) }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.ShopContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.ThemeSettingsContext.Provider, { value: themeSettings, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.CurrentTemplateContext.Provider, { value: currentTemplate, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.PageContext.Provider, { value: pageValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.LocalizationContext.Provider, { value: localization, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.CurrencyContext.Provider, { value: currencyValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.CartContext.Provider, { value: cartValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.CustomerContext.Provider, { value: customerState, children: /* @__PURE__ */ jsxRuntime.jsx(CustomerActionsContext.Provider, { value: customerActions, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.NavigationContext.Provider, { value: navigation ?? {}, children }) }) }) }) }) }) }) }) }) });
 }
 function ProductProvider({ product, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.ProductContext.Provider, { value: product, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.ProductContext.Provider, { value: product, children });
 }
 function CollectionProvider({ collection, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkIBNAZRUT_cjs.CollectionContext.Provider, { value: collection, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkV3JDQXD3_cjs.CollectionContext.Provider, { value: collection, children });
 }
 
 // src/utils/logoStyle.ts
@@ -2247,13 +2322,13 @@ function pickDemo(ctx, themeSettings) {
   const t = themeSettings.templates;
   return !t || Object.keys(t).length === 0;
 }
-function wrapEntityProviders(app, pageData) {
+function wrapEntityProviders(app, pageData2) {
   let inner = app;
-  if (pageData.collection) {
-    inner = /* @__PURE__ */ jsxRuntime.jsx(CollectionProvider, { collection: pageData.collection, children: inner });
+  if (pageData2.collection) {
+    inner = /* @__PURE__ */ jsxRuntime.jsx(CollectionProvider, { collection: pageData2.collection, children: inner });
   }
-  if (pageData.product) {
-    inner = /* @__PURE__ */ jsxRuntime.jsx(ProductProvider, { product: pageData.product, children: inner });
+  if (pageData2.product) {
+    inner = /* @__PURE__ */ jsxRuntime.jsx(ProductProvider, { product: pageData2.product, children: inner });
   }
   return inner;
 }
@@ -2276,7 +2351,7 @@ var ThemeMountBridge = react.forwardRef(function ThemeMountBridge2({ ctx, mountE
   const store = pickStore(ctx);
   const template = pickTemplate(ctx);
   const demo = pickDemo(ctx, themeSettings);
-  const pageData = ctx.page?.data ?? {};
+  const pageData2 = ctx.page?.data ?? {};
   const app = renderApp({
     currentTemplate: template,
     demo,
@@ -2294,11 +2369,11 @@ var ThemeMountBridge = react.forwardRef(function ThemeMountBridge2({ ctx, mountE
       locale: ctx.locale,
       translations: ctx.translations,
       navigation: ctx.navigation,
-      initialProducts: pageData.products,
-      initialCollections: pageData.collections,
+      initialProducts: pageData2.products,
+      initialCollections: pageData2.collections,
       currentTemplate: template,
       pageTemplate: ctx.page?.template,
-      children: wrapEntityProviders(app, pageData)
+      children: wrapEntityProviders(app, pageData2)
     }
   );
 });
@@ -2341,20 +2416,20 @@ function Money({
   className,
   as = "span"
 }) {
-  const { formatMoney } = chunkIBNAZRUT_cjs.useLocalization();
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const { formatMoney: formatMoney2 } = chunkV3JDQXD3_cjs.useLocalization();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const { selected, base, autoConvert, convert } = useCurrency();
   const shouldConvert = autoConvert && !currency && !!selected && selected !== base;
   const ccy = shouldConvert ? selected : currency || shop?.currency;
   const toDisplay = (major) => shouldConvert ? convert(Math.round(major * 100), selected) / 100 : major;
   const showCompare = compareAt != null && compareAt > amount;
   const children = [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMoney(toDisplay(amount), ccy) }, "amt")
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMoney2(toDisplay(amount), ccy) }, "amt")
   ];
   if (showCompare) {
     children.push(" ");
     children.push(
-      /* @__PURE__ */ jsxRuntime.jsx("s", { style: { opacity: 0.6 }, children: formatMoney(toDisplay(compareAt), ccy) }, "cmp")
+      /* @__PURE__ */ jsxRuntime.jsx("s", { style: { opacity: 0.6 }, children: formatMoney2(toDisplay(compareAt), ccy) }, "cmp")
     );
   }
   return react.createElement(
@@ -2374,7 +2449,7 @@ function asImageTransform(v) {
   return void 0;
 }
 function applyImageTransform(t, fit = "cover") {
-  if (!t) return { objectFit: fit };
+  if (!t) return {};
   const fx = Math.round(_clampT(t.focal?.x ?? 0.5, 0, 1) * 1e4) / 100;
   const fy = Math.round(_clampT(t.focal?.y ?? 0.5, 0, 1) * 1e4) / 100;
   const zoom = _clampT(t.zoom ?? 1, 1, 4);
@@ -2577,7 +2652,10 @@ function HeroMedia({
   const activeBase = useMobile ? MOBILE_BASE_WIDTH : DESKTOP_BASE_WIDTH;
   const activeSrc = rawFallback ? activeUrl : focalSrc(activeUrl, { width: activeBase, ...activeCrop });
   const activeSrcSet = rawFallback ? void 0 : heroSrcSet(activeUrl, activeCrop);
-  const fitStyle = applyImageTransform(useMobile ? mobileTransform ?? transform : transform, fit);
+  const fitStyle = {
+    objectFit: fit,
+    ...applyImageTransform(useMobile ? mobileTransform ?? transform : transform, fit)
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
@@ -2606,8 +2684,8 @@ function Logo({
   style,
   fallback
 }) {
-  const settings = chunkIBNAZRUT_cjs.useThemeSettings();
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const settings = chunkV3JDQXD3_cjs.useThemeSettings();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const g = settings?.global_settings ?? {};
   const url = str(src) || str(g.logo_url) || shop?.logo_url || "";
   const resolvedShape = shape || str(g.logo_shape) || "none";
@@ -2643,7 +2721,7 @@ function requestNavigate(href) {
   return !window.dispatchEvent(event);
 }
 function Link({ to, children, onClick, ...rest }) {
-  const shop = chunkIBNAZRUT_cjs.useShop();
+  const shop = chunkV3JDQXD3_cjs.useShop();
   const isAbsolute = ABSOLUTE_URL.test(to);
   let href = to;
   if (!isAbsolute && shop && !to.startsWith("/")) {
@@ -2918,6 +2996,20 @@ function Form({
     }
   );
 }
+
+// src/utils/routes.ts
+function productHref(slugOrId) {
+  if (!slugOrId) return "/products";
+  return `/products/${slugOrId}`;
+}
+function collectionHref(category) {
+  if (!category) return "/collections";
+  if (typeof category === "string") {
+    return category ? `/collections/${category}` : "/collections";
+  }
+  const key = category.slug || category.id;
+  return key ? `/collections/${key}` : "/collections";
+}
 function joinClass(...names) {
   return names.filter(Boolean).join(" ");
 }
@@ -2928,7 +3020,7 @@ function ProductCard({
   slots,
   imageSizes
 }) {
-  const target = href ?? `/products/${product.slug}`;
+  const target = href ?? productHref(product.slug);
   const firstImage = product.images?.[0];
   const inStock = product.in_stock;
   const badge = slots?.badge !== void 0 ? slots.badge : inStock ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "numu-product-card__badge", children: "Sold out" });
@@ -3208,8 +3300,8 @@ function LocaleSwitcher({
   onSelect,
   render
 }) {
-  const shop = chunkIBNAZRUT_cjs.useShop();
-  const { locale } = chunkIBNAZRUT_cjs.useLocalization();
+  const shop = chunkV3JDQXD3_cjs.useShop();
+  const { locale } = chunkV3JDQXD3_cjs.useLocalization();
   const available = shop.available_locales || [];
   const list = available.length > 0 ? available : shop.default_language === "en" ? ["en"] : Array.from(/* @__PURE__ */ new Set([shop.default_language, "en"]));
   const labelFor = react.useCallback((code) => {
@@ -3541,7 +3633,19 @@ function resolveSourcePath(path, ctx) {
       return null;
   }
 }
+function resolveMetafield(metafields, field) {
+  const address = field.slice("metafield:".length);
+  const dot = address.indexOf(".");
+  if (dot === -1) return null;
+  const namespace = address.slice(0, dot);
+  const key = address.slice(dot + 1);
+  const hit = (metafields ?? []).find(
+    (m) => m.namespace === namespace && m.key === key
+  );
+  return hit ? hit.value ?? null : null;
+}
 function resolveProductField(p, field) {
+  if (field.startsWith("metafield:")) return resolveMetafield(p.metafields, field);
   switch (field) {
     case "title":
     case "name":
@@ -3564,6 +3668,7 @@ function resolveProductField(p, field) {
   }
 }
 function resolveCollectionField(c, field) {
+  if (field.startsWith("metafield:")) return resolveMetafield(c.metafields, field);
   switch (field) {
     case "title":
     case "name":
@@ -3614,9 +3719,9 @@ function resolveSettingsMap(settings, ctx) {
   return out;
 }
 function useResolvedSettings(instance) {
-  const product = react.useContext(chunkIBNAZRUT_cjs.ProductContext);
-  const collection = react.useContext(chunkIBNAZRUT_cjs.CollectionContext);
-  const store = react.useContext(chunkIBNAZRUT_cjs.ShopContext);
+  const product = react.useContext(chunkV3JDQXD3_cjs.ProductContext);
+  const collection = react.useContext(chunkV3JDQXD3_cjs.CollectionContext);
+  const store = react.useContext(chunkV3JDQXD3_cjs.ShopContext);
   const ctx = react.useMemo(
     () => ({ product, collection, store }),
     [product, collection, store]
@@ -3746,6 +3851,76 @@ function assetUrl(name) {
   return `${cleanBase}${filename}`;
 }
 
+// src/utils/money.ts
+function resolveLocale(locale) {
+  return locale === "ar" ? "ar-EG" : "en-EG";
+}
+function formatMoney(cents, options = {}) {
+  const { currency, locale, fractionDigits = 0 } = options;
+  const safe = Number.isFinite(cents) ? cents : 0;
+  return new Intl.NumberFormat(resolveLocale(locale), {
+    style: "currency",
+    currency: currency || "EGP",
+    maximumFractionDigits: fractionDigits
+  }).format(safe / 100);
+}
+function formatMoneyMajor(amount, options = {}) {
+  return formatMoney(
+    (Number.isFinite(amount) ? amount : 0) * 100,
+    options
+  );
+}
+function centsToMajor(cents) {
+  return (Number.isFinite(cents) ? cents : 0) / 100;
+}
+function majorToCents(amount) {
+  return Math.round((Number.isFinite(amount) ? amount : 0) * 100);
+}
+
+// src/utils/templates.ts
+function resolveSections(group) {
+  if (!group) return [];
+  if (Array.isArray(group.sections)) {
+    return group.sections.map((instance, idx) => ({
+      id: `${instance.type}-${idx}`,
+      instance
+    }));
+  }
+  const map = group.sections ?? {};
+  const order = group.order ?? Object.keys(map);
+  const out = [];
+  for (const id of order) {
+    const instance = map[id];
+    if (instance) out.push({ id, instance });
+  }
+  return out;
+}
+function selectTemplateSections(hostTemplate, builtinTemplate, isKnown) {
+  const hostSections = resolveSections(hostTemplate);
+  if (hostSections.length === 0) {
+    return resolveSections(builtinTemplate);
+  }
+  const anyKnown = hostSections.some(({ instance }) => isKnown(instance.type));
+  if (!anyKnown) return resolveSections(builtinTemplate);
+  return hostSections.filter(({ instance }) => isKnown(instance.type));
+}
+function selectChromeSections(options) {
+  const { hostGroup, presetGroup, inline, templates, isChrome, isKnown } = options;
+  const known = (list) => list.filter(({ instance }) => isKnown(instance.type));
+  const fromHost = known(resolveSections(hostGroup));
+  if (fromHost.length > 0) return fromHost;
+  if (inline && inline.length > 0) return known(inline);
+  const fromPreset = known(resolveSections(presetGroup));
+  if (fromPreset.length > 0) return fromPreset;
+  for (const template of templates ?? []) {
+    const borrowed = known(resolveSections(template)).filter(
+      ({ instance }) => isChrome(instance.type)
+    );
+    if (borrowed.length > 0) return borrowed;
+  }
+  return [];
+}
+
 // src/utils/locales.ts
 function flattenMessages(source, prefix = "") {
   const out = {};
@@ -3796,131 +3971,131 @@ Object.defineProperty(exports, "resolveThemeSettings", {
 });
 Object.defineProperty(exports, "KNOWN_SETTING_TYPES", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.KNOWN_SETTING_TYPES; }
+  get: function () { return chunk7RZISLP2_cjs.KNOWN_SETTING_TYPES; }
 });
 Object.defineProperty(exports, "KNOWN_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.KNOWN_TEMPLATES; }
+  get: function () { return chunk7RZISLP2_cjs.KNOWN_TEMPLATES; }
 });
 Object.defineProperty(exports, "REQUIRED_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.REQUIRED_TEMPLATES; }
+  get: function () { return chunk7RZISLP2_cjs.REQUIRED_TEMPLATES; }
 });
 Object.defineProperty(exports, "SDK_VERSION", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.SDK_VERSION; }
+  get: function () { return chunk7RZISLP2_cjs.SDK_VERSION; }
 });
 Object.defineProperty(exports, "THEME_CONTRACT_VERSION", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.THEME_CONTRACT_VERSION; }
+  get: function () { return chunk7RZISLP2_cjs.THEME_CONTRACT_VERSION; }
 });
 Object.defineProperty(exports, "mergeResults", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.mergeResults; }
+  get: function () { return chunk7RZISLP2_cjs.mergeResults; }
 });
 Object.defineProperty(exports, "validateBuiltManifest", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.validateBuiltManifest; }
+  get: function () { return chunk7RZISLP2_cjs.validateBuiltManifest; }
 });
 Object.defineProperty(exports, "validateManifest", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.validateManifest; }
+  get: function () { return chunk7RZISLP2_cjs.validateManifest; }
 });
 Object.defineProperty(exports, "validateSectionSchema", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.validateSectionSchema; }
+  get: function () { return chunk7RZISLP2_cjs.validateSectionSchema; }
 });
 Object.defineProperty(exports, "validateSettingsAgainstSchema", {
   enumerable: true,
-  get: function () { return chunkKWODVI7F_cjs.validateSettingsAgainstSchema; }
+  get: function () { return chunk7RZISLP2_cjs.validateSettingsAgainstSchema; }
 });
 Object.defineProperty(exports, "CartContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.CartContext; }
+  get: function () { return chunkV3JDQXD3_cjs.CartContext; }
 });
 Object.defineProperty(exports, "CollectionContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.CollectionContext; }
+  get: function () { return chunkV3JDQXD3_cjs.CollectionContext; }
 });
 Object.defineProperty(exports, "CurrencyContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.CurrencyContext; }
+  get: function () { return chunkV3JDQXD3_cjs.CurrencyContext; }
 });
 Object.defineProperty(exports, "CustomerContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.CustomerContext; }
+  get: function () { return chunkV3JDQXD3_cjs.CustomerContext; }
 });
 Object.defineProperty(exports, "LocalizationContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.LocalizationContext; }
+  get: function () { return chunkV3JDQXD3_cjs.LocalizationContext; }
 });
 Object.defineProperty(exports, "NavigationContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.NavigationContext; }
+  get: function () { return chunkV3JDQXD3_cjs.NavigationContext; }
 });
 Object.defineProperty(exports, "PageContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.PageContext; }
+  get: function () { return chunkV3JDQXD3_cjs.PageContext; }
 });
 Object.defineProperty(exports, "ProductContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.ProductContext; }
+  get: function () { return chunkV3JDQXD3_cjs.ProductContext; }
 });
 Object.defineProperty(exports, "ShopContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.ShopContext; }
+  get: function () { return chunkV3JDQXD3_cjs.ShopContext; }
 });
 Object.defineProperty(exports, "ThemeSettingsContext", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.ThemeSettingsContext; }
+  get: function () { return chunkV3JDQXD3_cjs.ThemeSettingsContext; }
 });
 Object.defineProperty(exports, "useCollections", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useCollections; }
+  get: function () { return chunkV3JDQXD3_cjs.useCollections; }
 });
 Object.defineProperty(exports, "useCustomer", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useCustomer; }
+  get: function () { return chunkV3JDQXD3_cjs.useCustomer; }
 });
 Object.defineProperty(exports, "useDirection", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useDirection; }
+  get: function () { return chunkV3JDQXD3_cjs.useDirection; }
 });
 Object.defineProperty(exports, "useFieldTranslation", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useFieldTranslation; }
+  get: function () { return chunkV3JDQXD3_cjs.useFieldTranslation; }
 });
 Object.defineProperty(exports, "useLocale", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useLocale; }
+  get: function () { return chunkV3JDQXD3_cjs.useLocale; }
 });
 Object.defineProperty(exports, "useLocalization", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useLocalization; }
+  get: function () { return chunkV3JDQXD3_cjs.useLocalization; }
 });
 Object.defineProperty(exports, "useNumberFormat", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useNumberFormat; }
+  get: function () { return chunkV3JDQXD3_cjs.useNumberFormat; }
 });
 Object.defineProperty(exports, "usePage", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.usePage; }
+  get: function () { return chunkV3JDQXD3_cjs.usePage; }
 });
 Object.defineProperty(exports, "useProducts", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useProducts; }
+  get: function () { return chunkV3JDQXD3_cjs.useProducts; }
 });
 Object.defineProperty(exports, "useShop", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useShop; }
+  get: function () { return chunkV3JDQXD3_cjs.useShop; }
 });
 Object.defineProperty(exports, "useThemeSettings", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useThemeSettings; }
+  get: function () { return chunkV3JDQXD3_cjs.useThemeSettings; }
 });
 Object.defineProperty(exports, "useTranslation", {
   enumerable: true,
-  get: function () { return chunkIBNAZRUT_cjs.useTranslation; }
+  get: function () { return chunkV3JDQXD3_cjs.useTranslation; }
 });
 exports.AddToCartButton = AddToCartButton;
 exports.Block = Block;
@@ -3956,9 +4131,11 @@ exports.assetUrl = assetUrl;
 exports.availableValues = availableValues;
 exports.buildLocaleBundle = buildLocaleBundle;
 exports.buildThemeElement = buildThemeElement;
+exports.centsToMajor = centsToMajor;
 exports.clearSdkSingleton = clearSdkSingleton;
 exports.collectBlocks = collectBlocks;
 exports.collectSections = collectSections;
+exports.collectionHref = collectionHref;
 exports.computeGlobalStyleTokens = computeGlobalStyleTokens;
 exports.defaultVariant = defaultVariant;
 exports.defineBlock = defineBlock;
@@ -3968,6 +4145,8 @@ exports.dynamicSource = dynamicSource;
 exports.findVariantByOptions = findVariantByOptions;
 exports.flattenMessages = flattenMessages;
 exports.focalSrc = focalSrc;
+exports.formatMoney = formatMoney;
+exports.formatMoneyMajor = formatMoneyMajor;
 exports.getReactSingleton = getReactSingleton;
 exports.getSdkSingleton = getSdkSingleton;
 exports.isDefinedBlock = isDefinedBlock;
@@ -3976,8 +4155,10 @@ exports.isDynamicSource = isDynamicSource;
 exports.isSdkAvailable = isSdkAvailable;
 exports.logoImgStyle = logoImgStyle;
 exports.logoStyleTokens = logoStyleTokens;
+exports.majorToCents = majorToCents;
 exports.mountTheme = mountTheme;
 exports.pickTranslations = pickTranslations;
+exports.productHref = productHref;
 exports.publishVariantSelection = publishVariantSelection;
 exports.readVariantSelection = readVariantSelection;
 exports.registerReactSingleton = registerReactSingleton;
@@ -3985,12 +4166,19 @@ exports.registerSdkSingleton = registerSdkSingleton;
 exports.requestNavigate = requestNavigate;
 exports.resolveDynamicValue = resolveDynamicValue;
 exports.resolveFontStack = resolveFontStack;
+exports.resolveSections = resolveSections;
 exports.resolveSettingsMap = resolveSettingsMap;
 exports.resolveSizeChart = resolveSizeChart;
 exports.resolveSourcePath = resolveSourcePath;
 exports.sanitizeHtml = sanitizeHtml;
+exports.selectChromeSections = selectChromeSections;
+exports.selectTemplateSections = selectTemplateSections;
 exports.useAnalytics = useAnalytics;
 exports.useApp = useApp;
+exports.useArticle = useArticle;
+exports.useArticles = useArticles;
+exports.useBlog = useBlog;
+exports.useBlogs = useBlogs;
 exports.useCachedResource = useCachedResource;
 exports.useCart = useCart;
 exports.useCheckout = useCheckout;
@@ -4002,6 +4190,9 @@ exports.useCustomerActions = useCustomerActions;
 exports.useCustomerAddresses = useCustomerAddresses;
 exports.useGiftCardBalance = useGiftCardBalance;
 exports.useImage = useImage;
+exports.useListingHeading = useListingHeading;
+exports.useMetafield = useMetafield;
+exports.useMetafields = useMetafields;
 exports.useMoney = useMoney;
 exports.useNavigation = useNavigation;
 exports.useOrder = useOrder;