@sonordev/site-kit 1.4.0 → 1.4.2

package/dist/{chunk-JDC3UINW.js → chunk-B46F5RXP.js}

@@ -3128,6 +3128,34 @@ function ProductDetail({
       ...product.variants?.map((v) => v.image_url).filter(Boolean) || []
     ].filter(Boolean);
   }, [product]);
+  const currentPrice = product ? selectedVariant?.price ?? product.price ?? 0 : 0;
+  const compareAtPrice = product?.compare_at_price;
+  const hasDiscount = compareAtPrice != null && compareAtPrice > currentPrice;
+  const discountPercent = hasDiscount ? Math.round((compareAtPrice - currentPrice) / compareAtPrice * 100) : 0;
+  const inventoryCount = selectedVariant?.inventory_count ?? product?.inventory_count;
+  const isOutOfStock = !!product?.track_inventory && inventoryCount != null && inventoryCount <= 0;
+  const isLowStock = !!product?.track_inventory && inventoryCount != null && inventoryCount > 0 && inventoryCount <= 5;
+  const needsVariantSelection = product ? (product.is_clothing || (product.variants?.length ?? 0) > 1) && !selectedVariant : false;
+  const hasExternalUrl = !!product?.external_url;
+  const isEvent = product?.type === "event" || product?.type === "class";
+  const isService = product?.type === "service";
+  const isFree = !currentPrice || currentPrice === 0;
+  const needsShipping = !!processorConfig?.shipping_enabled && product?.type === "product";
+  const schedule = product?.schedules?.[0] || product?.next_schedule;
+  const checkoutSteps = React5.useMemo(() => {
+    const steps = ["customer-info"];
+    if (needsShipping) steps.push("shipping", "rates");
+    if (!isFree) steps.push("payment");
+    return steps;
+  }, [needsShipping, isFree]);
+  const ctaLabel = React5.useMemo(() => {
+    if (isOutOfStock) return "Out of Stock";
+    if (needsVariantSelection) return product?.is_clothing ? "Select Size" : "Select Option";
+    if (hasExternalUrl) return product?.type === "event" ? "Get Tickets" : "Learn More";
+    if (isEvent) return isFree ? "Register Free" : "Get Tickets";
+    if (isService) return "Book Now";
+    return isFree ? "Get It Free" : "Buy Now";
+  }, [isOutOfStock, needsVariantSelection, hasExternalUrl, isEvent, isService, isFree, product?.is_clothing, product?.type]);
   if (!product) {
     if (loading) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `skc-detail ${className}`, style: customStyle, children: [
@@ -3155,30 +3183,6 @@ function ProductDetail({
       ] })
     ] });
   }
-  const currentPrice = selectedVariant?.price ?? product.price ?? 0;
-  const compareAtPrice = product.compare_at_price;
-  const hasDiscount = compareAtPrice != null && compareAtPrice > currentPrice;
-  const discountPercent = hasDiscount ? Math.round((compareAtPrice - currentPrice) / compareAtPrice * 100) : 0;
-  const inventoryCount = selectedVariant?.inventory_count ?? product.inventory_count;
-  const isOutOfStock = product.track_inventory && inventoryCount != null && inventoryCount <= 0;
-  const isLowStock = product.track_inventory && inventoryCount != null && inventoryCount > 0 && inventoryCount <= 5;
-  const needsVariantSelection = (product.is_clothing || (product.variants?.length ?? 0) > 1) && !selectedVariant;
-  const isEvent = product.type === "event";
-  const isService = product.type === "service";
-  const hasExternalUrl = !!product.external_url;
-  const isFree = !product.price || product.price === 0;
-  const needsShipping = !!processorConfig?.shipping_enabled && product.type === "product";
-  const schedule = product.schedules?.[0] || product.next_schedule;
-  const checkoutSteps = React5.useMemo(() => {
-    const steps = ["customer-info"];
-    if (needsShipping) {
-      steps.push("shipping", "rates");
-    }
-    if (!isFree) {
-      steps.push("payment");
-    }
-    return steps;
-  }, [needsShipping, isFree]);
   const handleVariantChange = (variant) => {
     setSelectedVariant(variant);
     if (variant.image_url) {
@@ -3323,14 +3327,6 @@ function ProductDetail({
       setCheckoutResult(null);
     }
   };
-  const ctaLabel = React5.useMemo(() => {
-    if (isOutOfStock) return "Out of Stock";
-    if (needsVariantSelection) return product.is_clothing ? "Select Size" : "Select Option";
-    if (hasExternalUrl) return product.type === "event" ? "Get Tickets" : "Learn More";
-    if (isEvent) return isFree ? "Register Free" : "Get Tickets";
-    if (isService) return "Book Now";
-    return isFree ? "Get It Free" : "Buy Now";
-  }, [isOutOfStock, needsVariantSelection, hasExternalUrl, isEvent, isService, isFree, product.is_clothing]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `skc-detail ${className}`, style: customStyle, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: STYLE_BLOCK }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `skc-detail-layout${layout === "stacked" ? " skc-stacked" : ""}`, children: [
@@ -6603,5 +6599,5 @@ exports.isEventSoldOut = isEventSoldOut;
 exports.registerForEvent = registerForEvent;
 exports.useEventModal = useEventModal;
 exports.validateAddress = validateAddress;
-//# sourceMappingURL=chunk-JDC3UINW.js.map
-//# sourceMappingURL=chunk-JDC3UINW.js.map
+//# sourceMappingURL=chunk-B46F5RXP.js.map
+//# sourceMappingURL=chunk-B46F5RXP.js.map