@numueg/theme-sdk 0.10.1 → 0.12.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkTBSNHHFH_cjs = require('./chunk-TBSNHHFH.cjs');
-var chunkO4GLTNLE_cjs = require('./chunk-O4GLTNLE.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');
@@ -25,6 +25,20 @@ function useCollection() {
 function useCollectionOptional() {
   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(chunkV3JDQXD3_cjs.CartContext);
   if (!ctx) throw new Error("useCart must be used within NuMuProvider");
@@ -33,6 +47,59 @@ function useCart() {
 function useCurrentTemplate() {
   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() {
   const ctx = react.useContext(SectionContext);
@@ -82,16 +149,16 @@ function useCurrency() {
 
 // src/hooks/useMoney.ts
 function useMoney(currencyOverride) {
-  const { formatMoney } = chunkV3JDQXD3_cjs.useLocalization();
+  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];
@@ -2255,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;
 }
@@ -2284,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,
@@ -2302,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)
     }
   );
 });
@@ -2349,7 +2416,7 @@ function Money({
   className,
   as = "span"
 }) {
-  const { formatMoney } = chunkV3JDQXD3_cjs.useLocalization();
+  const { formatMoney: formatMoney2 } = chunkV3JDQXD3_cjs.useLocalization();
   const shop = chunkV3JDQXD3_cjs.useShop();
   const { selected, base, autoConvert, convert } = useCurrency();
   const shouldConvert = autoConvert && !currency && !!selected && selected !== base;
@@ -2357,12 +2424,12 @@ function Money({
   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(
@@ -2382,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);
@@ -2585,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",
     {
@@ -2926,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(" ");
 }
@@ -2936,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" });
@@ -3549,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":
@@ -3572,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":
@@ -3754,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 = {};
@@ -3804,43 +3971,43 @@ Object.defineProperty(exports, "resolveThemeSettings", {
 });
 Object.defineProperty(exports, "KNOWN_SETTING_TYPES", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.KNOWN_SETTING_TYPES; }
+  get: function () { return chunk7RZISLP2_cjs.KNOWN_SETTING_TYPES; }
 });
 Object.defineProperty(exports, "KNOWN_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.KNOWN_TEMPLATES; }
+  get: function () { return chunk7RZISLP2_cjs.KNOWN_TEMPLATES; }
 });
 Object.defineProperty(exports, "REQUIRED_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.REQUIRED_TEMPLATES; }
+  get: function () { return chunk7RZISLP2_cjs.REQUIRED_TEMPLATES; }
 });
 Object.defineProperty(exports, "SDK_VERSION", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.SDK_VERSION; }
+  get: function () { return chunk7RZISLP2_cjs.SDK_VERSION; }
 });
 Object.defineProperty(exports, "THEME_CONTRACT_VERSION", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.THEME_CONTRACT_VERSION; }
+  get: function () { return chunk7RZISLP2_cjs.THEME_CONTRACT_VERSION; }
 });
 Object.defineProperty(exports, "mergeResults", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.mergeResults; }
+  get: function () { return chunk7RZISLP2_cjs.mergeResults; }
 });
 Object.defineProperty(exports, "validateBuiltManifest", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.validateBuiltManifest; }
+  get: function () { return chunk7RZISLP2_cjs.validateBuiltManifest; }
 });
 Object.defineProperty(exports, "validateManifest", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.validateManifest; }
+  get: function () { return chunk7RZISLP2_cjs.validateManifest; }
 });
 Object.defineProperty(exports, "validateSectionSchema", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.validateSectionSchema; }
+  get: function () { return chunk7RZISLP2_cjs.validateSectionSchema; }
 });
 Object.defineProperty(exports, "validateSettingsAgainstSchema", {
   enumerable: true,
-  get: function () { return chunkO4GLTNLE_cjs.validateSettingsAgainstSchema; }
+  get: function () { return chunk7RZISLP2_cjs.validateSettingsAgainstSchema; }
 });
 Object.defineProperty(exports, "CartContext", {
   enumerable: true,
@@ -3964,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;
@@ -3976,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;
@@ -3984,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;
@@ -3993,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;
@@ -4010,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;