@resira/ui 0.4.3 → 0.4.5

package/dist/index.cjs

@@ -652,6 +652,101 @@ function useCheckoutSession(token) {
   }, [client, token]);
   return { session, loading, error, errorCode };
 }
+function formatPriceCentsUtil(cents, currency) {
+  return new Intl.NumberFormat("default", { style: "currency", currency }).format(cents / 100);
+}
+function formatDurationUtil(minutes) {
+  if (minutes < 60) return `${minutes} min`;
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  return m > 0 ? `${h}h ${m}m` : `${h}h`;
+}
+function enrichProduct(product) {
+  const currency = product.currency ?? "EUR";
+  const options = [];
+  if (product.durationPricing?.length) {
+    for (const dp of product.durationPricing) {
+      options.push({
+        durationMinutes: dp.durationMinutes,
+        durationLabel: formatDurationUtil(dp.durationMinutes),
+        priceCents: dp.priceCents,
+        priceFormatted: formatPriceCentsUtil(dp.priceCents, currency)
+      });
+    }
+  } else {
+    options.push({
+      durationMinutes: product.durationMinutes,
+      durationLabel: formatDurationUtil(product.durationMinutes),
+      priceCents: product.priceCents,
+      priceFormatted: formatPriceCentsUtil(product.priceCents, currency)
+    });
+  }
+  const lowestPriceCents = Math.min(...options.map((o) => o.priceCents));
+  return {
+    id: product.id,
+    name: product.name,
+    description: product.description,
+    imageUrl: product.imageUrl,
+    currency,
+    active: product.active,
+    pricingModel: product.pricingModel,
+    priceCents: product.priceCents,
+    priceFormatted: formatPriceCentsUtil(product.priceCents, currency),
+    lowestPriceCents,
+    lowestPriceFormatted: formatPriceCentsUtil(lowestPriceCents, currency),
+    hasMultipleOptions: options.length > 1,
+    durationMinutes: product.durationMinutes,
+    durationLabel: formatDurationUtil(product.durationMinutes),
+    options,
+    maxPartySize: product.maxPartySize,
+    equipmentIds: product.equipmentIds,
+    equipmentNames: product.equipmentNames,
+    serviceColor: product.serviceColor,
+    sortOrder: product.sortOrder,
+    raw: product
+  };
+}
+function useServices() {
+  const { client } = useResira();
+  const [services, setServices] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [fetchCount, setFetchCount] = react.useState(0);
+  react.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    async function load() {
+      try {
+        const data = await client.listProducts();
+        if (!cancelled) {
+          setServices((data.products ?? []).map(enrichProduct));
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Failed to load services");
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, fetchCount]);
+  const refetch = react.useCallback(() => setFetchCount((c) => c + 1), []);
+  return { services, loading, error, refetch };
+}
+async function fetchServices(apiKey, opts) {
+  const { Resira: Resira2 } = await import('@resira/sdk');
+  const client = new Resira2({
+    apiKey,
+    ...opts?.baseUrl ? { baseUrl: opts.baseUrl } : {}
+  });
+  const data = await client.listProducts();
+  return (data.products ?? []).map(enrichProduct);
+}
 var defaultSize = 20;
 function CalendarIcon({ size = defaultSize, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4260,6 +4355,7 @@ exports.UsersIcon = UsersIcon;
 exports.ViewfinderIcon = ViewfinderIcon;
 exports.WaiverConsent = WaiverConsent;
 exports.XIcon = XIcon;
+exports.fetchServices = fetchServices;
 exports.resolveTheme = resolveTheme;
 exports.themeToCSS = themeToCSS;
 exports.useAvailability = useAvailability;
@@ -4271,6 +4367,7 @@ exports.useProducts = useProducts;
 exports.useReservation = useReservation;
 exports.useResira = useResira;
 exports.useResources = useResources;
+exports.useServices = useServices;
 exports.validateGuestForm = validateGuestForm;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map