@sonordev/site-kit 1.4.0 → 1.4.2

package/dist/{chunk-ULAQCW4X.mjs → chunk-KGNO6DZH.mjs}

@@ -3122,6 +3122,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 = useMemo(() => {
+    const steps = ["customer-info"];
+    if (needsShipping) steps.push("shipping", "rates");
+    if (!isFree) steps.push("payment");
+    return steps;
+  }, [needsShipping, isFree]);
+  const ctaLabel = 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__ */ jsxs("div", { className: `skc-detail ${className}`, style: customStyle, children: [
@@ -3149,30 +3177,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 = 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) {
@@ -3317,14 +3321,6 @@ function ProductDetail({
       setCheckoutResult(null);
     }
   };
-  const ctaLabel = 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__ */ jsxs("div", { className: `skc-detail ${className}`, style: customStyle, children: [
     /* @__PURE__ */ jsx("style", { children: STYLE_BLOCK }),
     /* @__PURE__ */ jsxs("div", { className: `skc-detail-layout${layout === "stacked" ? " skc-stacked" : ""}`, children: [
@@ -6555,5 +6551,5 @@ function getApiKey2() {
 }
 
 export { CalendarView, CheckoutForm, EventCalendar, EventEmbed, EventModal, EventTile, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, SizeChart, UpcomingEvents, createCheckoutSession, createPaymentIntent, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchShippingRates, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, isEventSoldOut, registerForEvent, useEventModal, validateAddress };
-//# sourceMappingURL=chunk-ULAQCW4X.mjs.map
-//# sourceMappingURL=chunk-ULAQCW4X.mjs.map
+//# sourceMappingURL=chunk-KGNO6DZH.mjs.map
+//# sourceMappingURL=chunk-KGNO6DZH.mjs.map