@wix/form-public 0.158.0 → 0.159.0

package/dist/index.cjs

@@ -25673,6 +25673,96 @@ var useExperiments = () => {
     isExperimentEnabled: (spec) => experiments[spec] === true || experiments[spec] === "true" || false
   };
 };
+
+// ../form-fields/dist/esm/date-localization/local-date.js
+function startOfDay(date) {
+  const result2 = new Date(date);
+  result2.setHours(0, 0, 0, 0);
+  return result2;
+}
+
+// ../form-fields/dist/esm/field-settings/settings-shared/availability/availability.js
+var DEFAULT_AVAILABILITY = {
+  daysOfWeek: [0, 1, 2, 3, 4, 5, 6]
+};
+function isDateAvailable(date, availability) {
+  const d = date instanceof Date ? date : new Date(date);
+  if (availability.daysOfWeek) {
+    const dayOfWeek = d.getDay();
+    if (!availability.daysOfWeek.includes(dayOfWeek)) {
+      return false;
+    }
+  }
+  if (availability.availableDateRanges && availability.availableDateRanges.length > 0) {
+    const isInAvailableRange = availability.availableDateRanges.some((range) => isDateInRange(d, range));
+    if (!isInAvailableRange) {
+      return false;
+    }
+  }
+  if (availability.unavailableDateRanges && availability.unavailableDateRanges.length > 0) {
+    const isInUnavailableRange = availability.unavailableDateRanges.some((range) => isDateInRange(d, range));
+    if (isInUnavailableRange) {
+      return false;
+    }
+  }
+  return true;
+}
+function isDateInRange(date, range) {
+  const checkDate = startOfDay(date);
+  const startDate = startOfDay(new Date(range.start));
+  const endDate = startOfDay(new Date(range.end));
+  return checkDate >= startDate && checkDate <= endDate;
+}
+
+// ../form-fields/dist/esm/date-localization/get-first-day-of-the-week.js
+var DEFAULT_FIRST_DAY = 1;
+function getFirstDayOfTheWeek(locale) {
+  try {
+    const intlLocale = new Intl.Locale(locale);
+    if (intlLocale.getWeekInfo) {
+      const weekInfo = intlLocale.getWeekInfo();
+      const firstDay = weekInfo.firstDay;
+      if (firstDay !== void 0) {
+        return firstDay === 7 ? 0 : firstDay;
+      }
+    }
+    return getFirstDayManual(locale);
+  } catch {
+    return getFirstDayManual(locale);
+  }
+}
+var REGIONS_STARTING_SATURDAY = ["AF", "BH", "DJ", "DZ", "EG", "IQ", "IR", "JO", "KW", "LY", "OM", "QA", "SD", "SY"];
+var REGIONS_STARTING_SUNDAY = ["AG", "AS", "BD", "BR", "BS", "BT", "BW", "BZ", "CA", "CO", "DM", "DO", "ET", "GT", "GU", "HK", "HN", "ID", "IL", "IN", "IS", "JM", "JP", "KE", "KH", "KR", "LA", "MH", "MM", "MO", "MT", "MX", "MZ", "NI", "NP", "PA", "PE", "PH", "PK", "PR", "PT", "PY", "SA", "SG", "SV", "TH", "TT", "TW", "UM", "US", "VE", "VI", "WS", "YE", "ZA", "ZW"];
+var LANGUAGES_STARTING_SATURDAY = ["ar"];
+var LANGUAGES_STARTING_SUNDAY = ["en", "he", "hi", "id", "ja", "ko", "pt", "tl", "th"];
+function getFirstDayManual(locale) {
+  try {
+    var _intlLocale$language, _intlLocale$region;
+    const intlLocale = new Intl.Locale(locale);
+    const language = (_intlLocale$language = intlLocale.language) == null ? void 0 : _intlLocale$language.toLowerCase();
+    const region = (_intlLocale$region = intlLocale.region) == null ? void 0 : _intlLocale$region.toUpperCase();
+    if (region) {
+      if (REGIONS_STARTING_SUNDAY.includes(region)) {
+        return 0;
+      }
+      if (REGIONS_STARTING_SATURDAY.includes(region)) {
+        return 6;
+      }
+      return DEFAULT_FIRST_DAY;
+    }
+    if (language) {
+      if (LANGUAGES_STARTING_SUNDAY.includes(language)) {
+        return 0;
+      }
+      if (LANGUAGES_STARTING_SATURDAY.includes(language)) {
+        return 6;
+      }
+    }
+    return DEFAULT_FIRST_DAY;
+  } catch {
+    return DEFAULT_FIRST_DAY;
+  }
+}
 var HttpClientContext = /* @__PURE__ */ React42.createContext(void 0);
 var FormContext = /* @__PURE__ */ React42.createContext(void 0);
 function useForm() {
@@ -34449,56 +34539,6 @@ var $35ea8db9cb2ccb90$export$ca871e8dbb80966f = class _$35ea8db9cb2ccb90$export$
   }
 };
 
-// ../form-fields/dist/esm/date-localization/get-first-day-of-the-week.js
-var DEFAULT_FIRST_DAY = 1;
-function getFirstDayOfTheWeek(locale) {
-  try {
-    const intlLocale = new Intl.Locale(locale);
-    if (intlLocale.getWeekInfo) {
-      const weekInfo = intlLocale.getWeekInfo();
-      const firstDay = weekInfo.firstDay;
-      if (firstDay !== void 0) {
-        return firstDay === 7 ? 0 : firstDay;
-      }
-    }
-    return getFirstDayManual(locale);
-  } catch {
-    return getFirstDayManual(locale);
-  }
-}
-var REGIONS_STARTING_SATURDAY = ["AF", "BH", "DJ", "DZ", "EG", "IQ", "IR", "JO", "KW", "LY", "OM", "QA", "SD", "SY"];
-var REGIONS_STARTING_SUNDAY = ["AG", "AS", "BD", "BR", "BS", "BT", "BW", "BZ", "CA", "CO", "DM", "DO", "ET", "GT", "GU", "HK", "HN", "ID", "IL", "IN", "IS", "JM", "JP", "KE", "KH", "KR", "LA", "MH", "MM", "MO", "MT", "MX", "MZ", "NI", "NP", "PA", "PE", "PH", "PK", "PR", "PT", "PY", "SA", "SG", "SV", "TH", "TT", "TW", "UM", "US", "VE", "VI", "WS", "YE", "ZA", "ZW"];
-var LANGUAGES_STARTING_SATURDAY = ["ar"];
-var LANGUAGES_STARTING_SUNDAY = ["en", "he", "hi", "id", "ja", "ko", "pt", "tl", "th"];
-function getFirstDayManual(locale) {
-  try {
-    var _intlLocale$language, _intlLocale$region;
-    const intlLocale = new Intl.Locale(locale);
-    const language = (_intlLocale$language = intlLocale.language) == null ? void 0 : _intlLocale$language.toLowerCase();
-    const region = (_intlLocale$region = intlLocale.region) == null ? void 0 : _intlLocale$region.toUpperCase();
-    if (region) {
-      if (REGIONS_STARTING_SUNDAY.includes(region)) {
-        return 0;
-      }
-      if (REGIONS_STARTING_SATURDAY.includes(region)) {
-        return 6;
-      }
-      return DEFAULT_FIRST_DAY;
-    }
-    if (language) {
-      if (LANGUAGES_STARTING_SUNDAY.includes(language)) {
-        return 0;
-      }
-      if (LANGUAGES_STARTING_SATURDAY.includes(language)) {
-        return 6;
-      }
-    }
-    return DEFAULT_FIRST_DAY;
-  } catch {
-    return DEFAULT_FIRST_DAY;
-  }
-}
-
 // ../form-fields/dist/esm/ui/date-picker-field/date-picker-field-headless.js
 var DatePicker = (_ref) => {
   let {
@@ -34608,12 +34648,22 @@ var Calendar = (_ref5) => {
   const {
     regionalFormat
   } = useConfig();
+  const {
+    availability
+  } = useFieldPropsV2();
   const firstDayOfWeek = React42.useMemo(() => getFirstDayOfTheWeek(regionalFormat), [regionalFormat]);
+  const isDateUnavailable = React42.useMemo(() => {
+    return (date) => {
+      const jsDate = date.toDate("UTC");
+      return !isDateAvailable(jsDate, availability || DEFAULT_AVAILABILITY);
+    };
+  }, [availability]);
   const dayElement = findChildOfType(children, Calendar.Day) ?? /* @__PURE__ */ React42__namespace.default.createElement(Calendar.Day, null);
   return /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Popover, {
     className
   }, /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Dialog, null, /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Calendar, {
-    firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek)
+    firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek),
+    isDateUnavailable
   }, /* @__PURE__ */ React42__namespace.default.createElement("header", null, /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Button, {
     slot: "previous"
   }, "\u2039"), /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Heading, null), /* @__PURE__ */ React42__namespace.default.createElement(reactAriaComponents.Button, {