@neowhale/storefront 0.2.9 → 0.2.10

package/dist/react/index.js

@@ -1297,18 +1297,18 @@ function ProductLanding({
   const ctaUrl = lp.cta_url || qr.destination_url;
   const categoryName = product?.category_name ?? null;
   const cf = product?.custom_fields;
-  const thca = cf?.thca_percentage ?? null;
-  const thc = cf?.d9_percentage ?? null;
-  const cbd = cf?.cbd_total ?? null;
-  const strainType = cf?.strain_type ?? null;
-  const batchNumber = cf?.batch_number ?? null;
-  const dateTested = cf?.date_tested ?? null;
-  const terpenes = cf?.terpenes ?? null;
-  const effects = cf?.effects ?? null;
-  const genetics = cf?.genetics ?? null;
-  const tagline = cf?.tagline ?? null;
-  const pricingData = product?.pricing_data;
-  const tiers = pricingData?.tiers?.sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0)) ?? [];
+  const thca = toNum(cf?.thca_percentage);
+  const thc = toNum(cf?.d9_percentage);
+  const cbd = toNum(cf?.cbd_total);
+  const strainType = toStr(cf?.strain_type);
+  const batchNumber = toStr(cf?.batch_number);
+  const dateTested = toStr(cf?.date_tested);
+  const terpenes = toStr(cf?.terpenes);
+  const effects = toStr(cf?.effects);
+  const genetics = toStr(cf?.genetics);
+  const tagline = toStr(cf?.tagline);
+  const rawPricing = product?.pricing_data;
+  const tiers = (Array.isArray(rawPricing) ? rawPricing : rawPricing?.tiers ?? []).sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0));
   const lowestPrice = tiers.length > 0 ? Math.min(...tiers.map((t) => t.default_price)) : null;
   const handleCOAClick = useCallback(() => {
     if (coa) setShowCOA(true);
@@ -1672,6 +1672,15 @@ function COAModal({ coa, theme, onClose }) {
     /* @__PURE__ */ jsx("iframe", { src: coa.url, style: { flex: 1, border: "none", background: "#fff" }, title: "Lab Results" })
   ] });
 }
+function toNum(v) {
+  if (v === "" || v == null) return null;
+  const n = Number(v);
+  return Number.isFinite(n) ? n : null;
+}
+function toStr(v) {
+  if (v == null || v === "") return null;
+  return String(v);
+}
 function strainBadgeColor(strain) {
   const s = strain.toLowerCase();
   if (s === "sativa") return "#22c55e";