@resira/ui 0.4.10 → 0.4.12

package/README.md

@@ -1,11 +1,11 @@
-# @resira/ui v0.3.2
+# @resira/ui v0.4.x
 
 React booking UI for Resira. It includes a ready-to-embed widget, modal flow, provider, hooks, and lower-level components for custom booking experiences.
 
 ## Installation
 
 ```bash
-npm install @resira/ui@0.3.2 @resira/sdk@0.3.1
+npm install @resira/ui@latest @resira/sdk@latest
 ```
 
 Peer dependencies:
@@ -139,6 +139,40 @@ The provider loads public configuration such as:
 
 You can override those values locally through `config` when needed.
 
+## Promoter mode (fast / low-bandwidth)
+
+Use promoter mode when staff are creating bookings on-the-spot in unstable mobile networks.
+
+```tsx
+<ResiraProvider
+  apiKey="resira_live_..."
+  domain="watersport"
+  config={{
+    promoterMode: {
+      enabled: true,
+      contactMode: "phone-required",
+      disableImages: true,
+      disablePromoValidation: true,
+      cacheTtlMs: 300000,
+      useStaleDataOnError: true,
+      autoAdvanceAvailability: true,
+      hidePromoInput: false,
+    },
+  }}
+>
+  <ResiraBookingWidget />
+</ResiraProvider>
+```
+
+Promoter mode defaults are optimized for speed:
+
+- Hides step indicator for a cleaner, faster flow
+- Hides heavy service/resource images
+- Caches resources/products/availability responses
+- Falls back to stale cached data if network fails
+- Uses phone-first guest validation by default
+- Skips promo live-validation API call until payment/booking submit
+
 ## Hooks and components
 
 Main exports:

package/dist/index.cjs

@@ -168,6 +168,17 @@ var DOMAIN_DEFAULTS = {
     availableDurations: [30, 45, 60, 90]
   }
 };
+var DEFAULT_PROMOTER_MODE = {
+  enabled: false,
+  contactMode: "phone-required",
+  disableImages: true,
+  disablePromoValidation: true,
+  hidePromoInput: false,
+  cacheTtlMs: 5 * 60 * 1e3,
+  useStaleDataOnError: true,
+  autoAdvanceAvailability: true,
+  showStepIndicator: false
+};
 function ResiraProvider({
   apiKey,
   resourceId,
@@ -225,7 +236,11 @@ function ResiraProvider({
   const visibleServiceCount = config?.visibleServiceCount ?? 4;
   const groupServicesByCategory = config?.groupServicesByCategory ?? true;
   const renderServiceCard = config?.renderServiceCard;
-  const showStepIndicator = config?.showStepIndicator ?? true;
+  const promoterMode = react.useMemo(
+    () => ({ ...DEFAULT_PROMOTER_MODE, ...config?.promoterMode }),
+    [config?.promoterMode]
+  );
+  const showStepIndicator = config?.showStepIndicator ?? (promoterMode.enabled ? promoterMode.showStepIndicator : true);
   const deeplink = config?.deeplink;
   const deeplinkGuest = config?.deeplinkGuest;
   const onStepChange = config?.onStepChange;
@@ -264,12 +279,31 @@ function ResiraProvider({
       onStepChange,
       onBookingComplete,
       onError,
-      checkoutSessionToken
+      checkoutSessionToken,
+      promoterMode
     }),
-    [client, resourceId, activeResourceId, setActiveResourceId, catalogMode, allowMultiSelect, domain, theme, locale, domainConfig, stripePublishableKey, termsText, waiverText, showWaiver, showTerms, showRemainingSpots, depositPercent, refundPolicy, onClose, classNames, serviceLayout, visibleServiceCount, groupServicesByCategory, renderServiceCard, showStepIndicator, deeplink, deeplinkGuest, onStepChange, onBookingComplete, onError, checkoutSessionToken]
+    [client, resourceId, activeResourceId, setActiveResourceId, catalogMode, allowMultiSelect, domain, theme, locale, domainConfig, stripePublishableKey, termsText, waiverText, showWaiver, showTerms, showRemainingSpots, depositPercent, refundPolicy, onClose, classNames, serviceLayout, visibleServiceCount, groupServicesByCategory, renderServiceCard, showStepIndicator, deeplink, deeplinkGuest, onStepChange, onBookingComplete, onError, checkoutSessionToken, promoterMode]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ResiraContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "resira-root", style: cssVars, children }) });
 }
+var availabilityCache = /* @__PURE__ */ new Map();
+var resourcesCache = /* @__PURE__ */ new Map();
+var productsCache = /* @__PURE__ */ new Map();
+function readCache(cache, key, now = Date.now()) {
+  const entry = cache.get(key);
+  if (!entry) return null;
+  if (entry.expiresAt <= now) return null;
+  return entry;
+}
+function readStaleCache(cache, key) {
+  return cache.get(key) ?? null;
+}
+function writeCache(cache, key, value, ttlMs) {
+  cache.set(key, {
+    value,
+    expiresAt: Date.now() + Math.max(1e3, ttlMs)
+  });
+}
 async function getDishCompat(client, dishId) {
   const maybeClient = client;
   if (typeof maybeClient.getDish === "function") {
@@ -291,7 +325,7 @@ async function listDishesCompat(client) {
   throw new Error("Installed @resira/sdk does not support dish endpoints. Upgrade to @resira/sdk >= 0.3.0.");
 }
 function useAvailability(params, productId) {
-  const { client, activeResourceId } = useResira();
+  const { client, activeResourceId, promoterMode } = useResira();
   const resourceId = activeResourceId ?? "";
   const [data, setData] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
@@ -300,10 +334,23 @@ function useAvailability(params, productId) {
   const useProduct = !!productId;
   const enabled = useProduct ? productId.length > 0 : resourceId.length > 0;
   const paramsKey = JSON.stringify(params ?? null);
+  const cachePrefix = client.getBaseUrl();
+  const targetKey = useProduct ? `product:${productId}` : `resource:${resourceId}`;
+  const availabilityCacheKey = `${cachePrefix}:${targetKey}:${paramsKey}`;
   const completedKeyRef = react.useRef(null);
   const refetch = react.useCallback(
     async (overrideParams) => {
       if (!enabled) return;
+      if (promoterMode.enabled && overrideParams === void 0) {
+        const cached = readCache(availabilityCache, availabilityCacheKey);
+        if (cached) {
+          setData(cached.value);
+          setLoading(false);
+          setError(null);
+          completedKeyRef.current = paramsKey;
+          return;
+        }
+      }
       const fetchId = ++abortRef.current;
       completedKeyRef.current = null;
       setLoading(true);
@@ -314,9 +361,21 @@ function useAvailability(params, productId) {
         if (fetchId === abortRef.current) {
           setData(result);
           completedKeyRef.current = paramsKey;
+          if (promoterMode.enabled) {
+            writeCache(availabilityCache, availabilityCacheKey, result, promoterMode.cacheTtlMs);
+          }
         }
       } catch (err) {
         if (fetchId === abortRef.current) {
+          if (promoterMode.enabled && promoterMode.useStaleDataOnError) {
+            const stale = readStaleCache(availabilityCache, availabilityCacheKey);
+            if (stale) {
+              setData(stale.value);
+              setError(null);
+              completedKeyRef.current = paramsKey;
+              return;
+            }
+          }
           setError(
             err instanceof Error ? err.message : "Failed to load availability"
           );
@@ -329,7 +388,7 @@ function useAvailability(params, productId) {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [client, resourceId, productId, useProduct, paramsKey, enabled]
+    [client, resourceId, productId, useProduct, paramsKey, enabled, promoterMode, availabilityCacheKey]
   );
   react.useEffect(() => {
     if (!enabled) {
@@ -339,6 +398,16 @@ function useAvailability(params, productId) {
       completedKeyRef.current = null;
       return;
     }
+    if (promoterMode.enabled) {
+      const cached = readCache(availabilityCache, availabilityCacheKey);
+      if (cached) {
+        setData(cached.value);
+        setLoading(false);
+        setError(null);
+        completedKeyRef.current = paramsKey;
+        return;
+      }
+    }
     if (completedKeyRef.current === paramsKey) {
       return;
     }
@@ -353,9 +422,21 @@ function useAvailability(params, productId) {
         if (!cancelled && fetchId === abortRef.current) {
           setData(result);
           completedKeyRef.current = paramsKey;
+          if (promoterMode.enabled) {
+            writeCache(availabilityCache, availabilityCacheKey, result, promoterMode.cacheTtlMs);
+          }
         }
       } catch (err) {
         if (!cancelled && fetchId === abortRef.current) {
+          if (promoterMode.enabled && promoterMode.useStaleDataOnError) {
+            const stale = readStaleCache(availabilityCache, availabilityCacheKey);
+            if (stale) {
+              setData(stale.value);
+              setError(null);
+              completedKeyRef.current = paramsKey;
+              return;
+            }
+          }
           setError(
             err instanceof Error ? err.message : "Failed to load availability"
           );
@@ -371,7 +452,7 @@ function useAvailability(params, productId) {
     return () => {
       cancelled = true;
     };
-  }, [client, resourceId, productId, useProduct, paramsKey, enabled]);
+  }, [client, resourceId, productId, useProduct, paramsKey, enabled, promoterMode, availabilityCacheKey]);
   return { data, loading, error, refetch };
 }
 function useReservation() {
@@ -409,22 +490,47 @@ function useReservation() {
   return { reservation, submitting, error, submit, reset };
 }
 function useResources() {
-  const { client } = useResira();
+  const { client, promoterMode } = useResira();
   const [resources, setResources] = react.useState([]);
   const [loading, setLoading] = react.useState(true);
   const [error, setError] = react.useState(null);
   react.useEffect(() => {
     let cancelled = false;
+    const cacheKey = `${client.getBaseUrl()}:resources`;
+    if (promoterMode.enabled) {
+      const cached = readCache(resourcesCache, cacheKey);
+      if (cached) {
+        setResources(cached.value);
+        setLoading(false);
+        setError(null);
+        return () => {
+          cancelled = true;
+        };
+      }
+    }
     async function fetchResources() {
       try {
         setLoading(true);
         setError(null);
         const data = await client.listResources();
         if (!cancelled) {
-          setResources(data.resources ?? []);
+          const nextResources = data.resources ?? [];
+          setResources(nextResources);
+          if (promoterMode.enabled) {
+            writeCache(resourcesCache, cacheKey, nextResources, promoterMode.cacheTtlMs);
+          }
         }
       } catch (err) {
         if (!cancelled) {
+          if (promoterMode.enabled && promoterMode.useStaleDataOnError) {
+            const stale = readStaleCache(resourcesCache, cacheKey);
+            if (stale) {
+              setResources(stale.value);
+              setError(null);
+              setLoading(false);
+              return;
+            }
+          }
           const message = err instanceof Error ? err.message : "Failed to load resources";
           setError(message);
         }
@@ -438,26 +544,51 @@ function useResources() {
     return () => {
       cancelled = true;
     };
-  }, [client]);
+  }, [client, promoterMode]);
   return { resources, loading, error };
 }
 function useProducts() {
-  const { client } = useResira();
+  const { client, promoterMode } = useResira();
   const [products, setProducts] = react.useState([]);
   const [loading, setLoading] = react.useState(true);
   const [error, setError] = react.useState(null);
   react.useEffect(() => {
     let cancelled = false;
+    const cacheKey = `${client.getBaseUrl()}:products`;
+    if (promoterMode.enabled) {
+      const cached = readCache(productsCache, cacheKey);
+      if (cached) {
+        setProducts(cached.value);
+        setLoading(false);
+        setError(null);
+        return () => {
+          cancelled = true;
+        };
+      }
+    }
     async function fetchProducts() {
       try {
         setLoading(true);
         setError(null);
         const data = await client.listProducts();
         if (!cancelled) {
-          setProducts(data.products ?? []);
+          const nextProducts = data.products ?? [];
+          setProducts(nextProducts);
+          if (promoterMode.enabled) {
+            writeCache(productsCache, cacheKey, nextProducts, promoterMode.cacheTtlMs);
+          }
         }
       } catch (err) {
         if (!cancelled) {
+          if (promoterMode.enabled && promoterMode.useStaleDataOnError) {
+            const stale = readStaleCache(productsCache, cacheKey);
+            if (stale) {
+              setProducts(stale.value);
+              setError(null);
+              setLoading(false);
+              return;
+            }
+          }
           const message = err instanceof Error ? err.message : "Failed to load services";
           setError(message);
         }
@@ -471,7 +602,7 @@ function useProducts() {
     return () => {
       cancelled = true;
     };
-  }, [client]);
+  }, [client, promoterMode]);
   return { products, loading, error };
 }
 function usePaymentIntent() {
@@ -2183,7 +2314,14 @@ var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function validateGuestForm(values, labels, contactMode = "email-required") {
   const errors = {};
   if (!values.guestName.trim()) errors.guestName = labels.required;
-  if (contactMode === "either") {
+  if (contactMode === "phone-required") {
+    if (!values.guestPhone.trim()) {
+      errors.guestPhone = labels.required;
+    }
+    if (values.guestEmail.trim() && !EMAIL_RE.test(values.guestEmail.trim())) {
+      errors.guestEmail = labels.invalidEmail;
+    }
+  } else if (contactMode === "either") {
     const hasPhone = values.guestPhone.trim().length > 0;
     const hasEmail = values.guestEmail.trim().length > 0;
     if (!hasPhone && !hasEmail) {
@@ -2203,8 +2341,9 @@ function validateGuestForm(values, labels, contactMode = "email-required") {
   return errors;
 }
 function GuestForm({ values, onChange, errors = {} }) {
-  const { locale, domain } = useResira();
+  const { locale, domain, promoterMode } = useResira();
   const isRestaurant = domain === "restaurant";
+  const isPromoterPhoneMode = promoterMode.enabled && promoterMode.contactMode === "phone-required";
   const update = react.useCallback(
     (field, value) => {
       onChange({ ...values, [field]: value });
@@ -2320,7 +2459,7 @@ function GuestForm({ values, onChange, errors = {} }) {
         ] }),
         errors.guestName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resira-field-error", children: errors.guestName })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field resira-field--half", children: [
+      !isPromoterPhoneMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field resira-field--half", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "resira-field-label", children: [
           locale.email,
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
@@ -2343,21 +2482,43 @@ function GuestForm({ values, onChange, errors = {} }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "resira-field-label", children: locale.phone }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "resira-field-label", children: [
+        locale.phone,
+        isPromoterPhoneMode && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field-input-wrap", children: [
         /* @__PURE__ */ jsxRuntime.jsx(PhoneIcon, { size: 15, className: "resira-field-input-icon" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
             type: "tel",
-            className: "resira-field-input resira-field-input--sm",
+            className: `resira-field-input resira-field-input--sm${errors.guestPhone ? " resira-field-input--error" : ""}`,
             value: values.guestPhone,
             onChange: (e) => update("guestPhone", e.target.value),
             placeholder: locale.phone,
             autoComplete: "tel"
           }
         )
-      ] })
+      ] }),
+      errors.guestPhone && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resira-field-error", children: errors.guestPhone })
+    ] }),
+    isPromoterPhoneMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "resira-field-label", children: locale.email }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field-input-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MailIcon, { size: 15, className: "resira-field-input-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "email",
+            className: `resira-field-input resira-field-input--sm${errors.guestEmail ? " resira-field-input--error" : ""}`,
+            value: values.guestEmail,
+            onChange: (e) => update("guestEmail", e.target.value),
+            placeholder: locale.email,
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      errors.guestEmail && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resira-field-error", children: errors.guestEmail })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-field", children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "resira-field-label", children: locale.notes }),
@@ -2385,7 +2546,9 @@ function WaiverConsent({
   discountCode,
   onDiscountCodeChange,
   onPromoValidated,
-  error
+  error,
+  disablePromoValidation = false,
+  hidePromoInput = false
 }) {
   const { client, locale, showTerms, showWaiver, termsText, waiverText, refundPolicy } = useResira();
   const [promoValidating, setPromoValidating] = react.useState(false);
@@ -2393,6 +2556,12 @@ function WaiverConsent({
   const handleApplyPromo = react.useCallback(async () => {
     const code = discountCode.trim();
     if (!code) return;
+    if (disablePromoValidation) {
+      const deferredResult = { valid: true };
+      setPromoResult(deferredResult);
+      onPromoValidated?.(deferredResult);
+      return;
+    }
     setPromoValidating(true);
     setPromoResult(null);
     try {
@@ -2406,7 +2575,7 @@ function WaiverConsent({
     } finally {
       setPromoValidating(false);
     }
-  }, [client, discountCode, locale.discountInvalid, onPromoValidated]);
+  }, [client, discountCode, locale.discountInvalid, onPromoValidated, disablePromoValidation]);
   const handleCodeChange = react.useCallback(
     (code) => {
       onDiscountCodeChange(code);
@@ -2450,7 +2619,7 @@ function WaiverConsent({
       ] }, i)) })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "resira-waiver-error", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-waiver-promo", children: [
+    !hidePromoInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-waiver-promo", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-waiver-promo-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx(TagIcon, { size: 14 }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2481,11 +2650,7 @@ function WaiverConsent({
           className: `resira-waiver-discount-result ${promoResult.valid ? "resira-waiver-discount-result--valid" : "resira-waiver-discount-result--invalid"}`,
           children: promoResult.valid ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(CheckCircleIcon, { size: 13 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              locale.discountApplied,
-              " ",
-              promoResult.discountType === "percent" ? `(${promoResult.discountValue}% off)` : promoResult.discountType === "fixed" && promoResult.discountValue ? `(${(promoResult.discountValue / 100).toFixed(2)} ${promoResult.currency ?? ""} off)` : ""
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: disablePromoValidation ? "Code saved. Final validation happens at payment." : `${locale.discountApplied} ${promoResult.discountType === "percent" ? `(${promoResult.discountValue}% off)` : promoResult.discountType === "fixed" && promoResult.discountValue ? `(${(promoResult.discountValue / 100).toFixed(2)} ${promoResult.currency ?? ""} off)` : ""}` })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(AlertCircleIcon, { size: 13 }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: promoResult.error ?? locale.discountInvalid })
@@ -2976,12 +3141,14 @@ function ResiraBookingWidget() {
     onStepChange,
     onBookingComplete,
     onError,
-    checkoutSessionToken
+    checkoutSessionToken,
+    promoterMode
   } = useResira();
   const isDateBased = domain === "rental";
   const isTimeBased = domain === "restaurant" || domain === "watersport" || domain === "service";
   const isServiceBased = domain === "watersport" || domain === "service";
   const hasPayment = !!stripePublishableKey;
+  const promoterEnabled = promoterMode.enabled;
   const isCheckoutMode = !!checkoutSessionToken;
   const {
     session: checkoutSession,
@@ -3014,6 +3181,14 @@ function ResiraBookingWidget() {
     error: productsError
   } = useProducts();
   const [selectedProduct, setSelectedProduct] = react.useState(null);
+  const displayResources = react.useMemo(
+    () => promoterEnabled && promoterMode.disableImages ? resources.map((resource) => ({ ...resource, imageUrl: void 0, images: void 0 })) : resources,
+    [resources, promoterEnabled, promoterMode.disableImages]
+  );
+  const displayProducts = react.useMemo(
+    () => promoterEnabled && promoterMode.disableImages ? products.map((product) => ({ ...product, imageUrl: void 0, images: void 0 })) : products,
+    [products, promoterEnabled, promoterMode.disableImages]
+  );
   const [selection, setSelection] = react.useState({
     partySize: domainConfig.defaultPartySize ?? 2,
     duration: domainConfig.defaultDuration
@@ -3203,8 +3378,14 @@ function ResiraBookingWidget() {
   const handleDateSelect = react.useCallback(
     (start, end) => {
       setSelection((prev) => ({ ...prev, startDate: start, endDate: end }));
+      if (promoterEnabled && promoterMode.autoAdvanceAvailability && step === "availability" && end) {
+        const nextIdx = stepIndex(step, STEPS) + 1;
+        if (nextIdx < STEPS.length) {
+          setStep(STEPS[nextIdx]);
+        }
+      }
     },
-    []
+    [promoterEnabled, promoterMode.autoAdvanceAvailability, step, STEPS]
   );
   const handleSlotSelect = react.useCallback(
     (start, end) => {
@@ -3215,8 +3396,14 @@ function ResiraBookingWidget() {
         startTime: start,
         endTime: end
       }));
+      if (promoterEnabled && promoterMode.autoAdvanceAvailability && step === "availability") {
+        const nextIdx = stepIndex(step, STEPS) + 1;
+        if (nextIdx < STEPS.length) {
+          setStep(STEPS[nextIdx]);
+        }
+      }
     },
-    [slotDate]
+    [slotDate, promoterEnabled, promoterMode.autoAdvanceAvailability, step, STEPS]
   );
   const handlePartySizeChange = react.useCallback((size) => {
     setSelection((prev) => ({ ...prev, partySize: size }));
@@ -3310,7 +3497,7 @@ function ResiraBookingWidget() {
     }
   }, [STEPS, currentIndex, step, resetPaymentIntent]);
   const handleDetailsSubmit = react.useCallback(async () => {
-    const contactMode = domain === "restaurant" ? "either" : "email-required";
+    const contactMode = promoterEnabled ? promoterMode.contactMode : domain === "restaurant" ? "either" : "email-required";
     const errors = validateGuestForm(guest, {
       required: locale.required,
       invalidEmail: locale.invalidEmail,
@@ -3344,7 +3531,7 @@ function ResiraBookingWidget() {
       return;
     }
     setStep(STEPS[currentIndex + 1]);
-  }, [guest, locale, STEPS, currentIndex, domain, hasPayment, activeResourceId, selection, submit]);
+  }, [guest, locale, STEPS, currentIndex, domain, hasPayment, activeResourceId, selection, submit, termsAccepted, waiverAccepted, promoterEnabled, promoterMode.contactMode]);
   const handlePaymentSuccess = react.useCallback(
     async (paymentIntentId) => {
       if (paymentIntent?.reservationId) {
@@ -3359,18 +3546,14 @@ function ResiraBookingWidget() {
     const result = await createPayment(paymentPayload);
     if (!result) return;
     if (result.amountNow === 0) {
-      if (result.reservationId) {
-        const confirmed = await confirmPayment(result.paymentIntentId, result.reservationId);
-        if (!confirmed) return;
-      }
       setStep("confirmation");
     }
-  }, [createPayment, paymentPayload, confirmPayment]);
+  }, [createPayment, paymentPayload]);
   const handlePaymentError = react.useCallback((msg) => {
     onError?.("payment_error", msg);
   }, [onError]);
   const handleCheckoutSubmit = react.useCallback(async () => {
-    const contactMode = "email-required";
+    const contactMode = promoterEnabled ? promoterMode.contactMode : "email-required";
     const errors = validateGuestForm(guest, {
       required: locale.required,
       invalidEmail: locale.invalidEmail,
@@ -3393,15 +3576,11 @@ function ResiraBookingWidget() {
     const result = await createPayment(paymentPayload);
     if (!result) return;
     if (result.amountNow === 0) {
-      if (result.reservationId) {
-        const confirmed = await confirmPayment(result.paymentIntentId, result.reservationId);
-        if (!confirmed) return;
-      }
       setStep("confirmation");
     } else {
       setStep("payment");
     }
-  }, [guest, locale, checkoutSession, termsAccepted, createPayment, paymentPayload, confirmPayment]);
+  }, [guest, locale, checkoutSession, termsAccepted, createPayment, paymentPayload, confirmPayment, promoterEnabled, promoterMode.contactMode]);
   const handleSubmitNoPayment = react.useCallback(async () => {
     if (showTerms && !termsAccepted) {
       setTermsError(locale.termsRequired);
@@ -3527,8 +3706,8 @@ function ResiraBookingWidget() {
       step === "resource" && isServiceBased && /* @__PURE__ */ jsxRuntime.jsx(
         ProductSelector,
         {
-          products: products.filter((p) => p.active),
-          resources,
+          products: displayProducts.filter((p) => p.active),
+          resources: displayResources,
           selectedId: selectedProduct?.id,
           onSelect: handleProductSelect,
           loading: productsLoading,
@@ -3538,7 +3717,7 @@ function ResiraBookingWidget() {
       step === "resource" && !isServiceBased && /* @__PURE__ */ jsxRuntime.jsx(
         ResourcePicker,
         {
-          resources,
+          resources: displayResources,
           selectedIds: selectedResourceIds,
           onSelect: handleResourceSelect,
           allowMultiSelect,
@@ -3673,7 +3852,9 @@ function ResiraBookingWidget() {
             discountCode,
             onDiscountCodeChange: setDiscountCode,
             onPromoValidated: handlePromoValidated,
-            error: termsError ?? void 0
+            error: termsError ?? void 0,
+            disablePromoValidation: promoterEnabled && promoterMode.disablePromoValidation,
+            hidePromoInput: promoterEnabled && promoterMode.hidePromoInput
           }
         ) }),
         paymentError && hasPayment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-error", style: { padding: "12px 0" }, children: [
@@ -3759,7 +3940,9 @@ function ResiraBookingWidget() {
               },
               onPromoValidated: () => {
               },
-              error: termsError ?? void 0
+              error: termsError ?? void 0,
+              disablePromoValidation: promoterEnabled && promoterMode.disablePromoValidation,
+              hidePromoInput: promoterEnabled && promoterMode.hidePromoInput
             }
           ) }),
           paymentError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-error", style: { padding: "12px 0" }, children: [