@happychef/reservation-sidebar 2.2.7 → 2.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -620,11 +620,11 @@ var require_moment = __commonJS({
620
620
  }
621
621
  }
622
622
  function toInt(argumentForCoercion) {
623
- var coercedNumber = +argumentForCoercion, value2 = 0;
623
+ var coercedNumber = +argumentForCoercion, value = 0;
624
624
  if (coercedNumber !== 0 && isFinite(coercedNumber)) {
625
- value2 = absFloor(coercedNumber);
625
+ value = absFloor(coercedNumber);
626
626
  }
627
- return value2;
627
+ return value;
628
628
  }
629
629
  var tokens = {};
630
630
  function addParseToken(token2, callback) {
@@ -693,9 +693,9 @@ var require_moment = __commonJS({
693
693
  return isLeapYear(this.year());
694
694
  }
695
695
  function makeGetSet(unit, keepTime) {
696
- return function(value2) {
697
- if (value2 != null) {
698
- set$1(this, unit, value2);
696
+ return function(value) {
697
+ if (value != null) {
698
+ set$1(this, unit, value);
699
699
  hooks.updateOffset(this, keepTime);
700
700
  return this;
701
701
  } else {
@@ -729,24 +729,24 @@ var require_moment = __commonJS({
729
729
  return NaN;
730
730
  }
731
731
  }
732
- function set$1(mom, unit, value2) {
732
+ function set$1(mom, unit, value) {
733
733
  var d, isUTC, year, month, date;
734
- if (!mom.isValid() || isNaN(value2)) {
734
+ if (!mom.isValid() || isNaN(value)) {
735
735
  return;
736
736
  }
737
737
  d = mom._d;
738
738
  isUTC = mom._isUTC;
739
739
  switch (unit) {
740
740
  case "Milliseconds":
741
- return void (isUTC ? d.setUTCMilliseconds(value2) : d.setMilliseconds(value2));
741
+ return void (isUTC ? d.setUTCMilliseconds(value) : d.setMilliseconds(value));
742
742
  case "Seconds":
743
- return void (isUTC ? d.setUTCSeconds(value2) : d.setSeconds(value2));
743
+ return void (isUTC ? d.setUTCSeconds(value) : d.setSeconds(value));
744
744
  case "Minutes":
745
- return void (isUTC ? d.setUTCMinutes(value2) : d.setMinutes(value2));
745
+ return void (isUTC ? d.setUTCMinutes(value) : d.setMinutes(value));
746
746
  case "Hours":
747
- return void (isUTC ? d.setUTCHours(value2) : d.setHours(value2));
747
+ return void (isUTC ? d.setUTCHours(value) : d.setHours(value));
748
748
  case "Date":
749
- return void (isUTC ? d.setUTCDate(value2) : d.setDate(value2));
749
+ return void (isUTC ? d.setUTCDate(value) : d.setDate(value));
750
750
  // case 'Day': // Not real
751
751
  // return void (isUTC ? d.setUTCDay(value) : d.setDay(value));
752
752
  // case 'Month': // Not used because we need to pass two variables
@@ -757,7 +757,7 @@ var require_moment = __commonJS({
757
757
  default:
758
758
  return;
759
759
  }
760
- year = value2;
760
+ year = value;
761
761
  month = mom.month();
762
762
  date = mom.date();
763
763
  date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;
@@ -770,7 +770,7 @@ var require_moment = __commonJS({
770
770
  }
771
771
  return this;
772
772
  }
773
- function stringSet(units, value2) {
773
+ function stringSet(units, value) {
774
774
  if (typeof units === "object") {
775
775
  units = normalizeObjectUnits(units);
776
776
  var prioritized = getPrioritizedUnits(units), i, prioritizedLen = prioritized.length;
@@ -780,7 +780,7 @@ var require_moment = __commonJS({
780
780
  } else {
781
781
  units = normalizeUnits(units);
782
782
  if (isFunction(this[units])) {
783
- return this[units](value2);
783
+ return this[units](value);
784
784
  }
785
785
  }
786
786
  return this;
@@ -929,28 +929,28 @@ var require_moment = __commonJS({
929
929
  }
930
930
  }
931
931
  }
932
- function setMonth(mom, value2) {
932
+ function setMonth(mom, value) {
933
933
  if (!mom.isValid()) {
934
934
  return mom;
935
935
  }
936
- if (typeof value2 === "string") {
937
- if (/^\d+$/.test(value2)) {
938
- value2 = toInt(value2);
936
+ if (typeof value === "string") {
937
+ if (/^\d+$/.test(value)) {
938
+ value = toInt(value);
939
939
  } else {
940
- value2 = mom.localeData().monthsParse(value2);
941
- if (!isNumber(value2)) {
940
+ value = mom.localeData().monthsParse(value);
941
+ if (!isNumber(value)) {
942
942
  return mom;
943
943
  }
944
944
  }
945
945
  }
946
- var month = value2, date = mom.date();
946
+ var month = value, date = mom.date();
947
947
  date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));
948
948
  void (mom._isUTC ? mom._d.setUTCMonth(month, date) : mom._d.setMonth(month, date));
949
949
  return mom;
950
950
  }
951
- function getSetMonth(value2) {
952
- if (value2 != null) {
953
- setMonth(this, value2);
951
+ function getSetMonth(value) {
952
+ if (value != null) {
953
+ setMonth(this, value);
954
954
  hooks.updateOffset(this, true);
955
955
  return this;
956
956
  } else {
@@ -3727,18 +3727,18 @@ var require_moment = __commonJS({
3727
3727
  data.years = mathAbs(data.years);
3728
3728
  return this;
3729
3729
  }
3730
- function addSubtract$1(duration, input, value2, direction) {
3731
- var other = createDuration(input, value2);
3730
+ function addSubtract$1(duration, input, value, direction) {
3731
+ var other = createDuration(input, value);
3732
3732
  duration._milliseconds += direction * other._milliseconds;
3733
3733
  duration._days += direction * other._days;
3734
3734
  duration._months += direction * other._months;
3735
3735
  return duration._bubble();
3736
3736
  }
3737
- function add$1(input, value2) {
3738
- return addSubtract$1(this, input, value2, 1);
3737
+ function add$1(input, value) {
3738
+ return addSubtract$1(this, input, value, 1);
3739
3739
  }
3740
- function subtract$1(input, value2) {
3741
- return addSubtract$1(this, input, value2, -1);
3740
+ function subtract$1(input, value) {
3741
+ return addSubtract$1(this, input, value, -1);
3742
3742
  }
3743
3743
  function absCeil(number) {
3744
3744
  if (number < 0) {
@@ -6341,7 +6341,7 @@ var require_getAvailableTimeblocks = __commonJS({
6341
6341
  if (isToday && uurOpVoorhand >= 0) {
6342
6342
  const cutoffTime = new Date(currentTimeInTimeZone.getTime());
6343
6343
  cutoffTime.setHours(cutoffTime.getHours() + uurOpVoorhand);
6344
- for (const [key, value2] of Object.entries(availableTimeblocks)) {
6344
+ for (const [key, value] of Object.entries(availableTimeblocks)) {
6345
6345
  let timeStr = key;
6346
6346
  const timeBlockDateTime = parseDateTimeInTimeZone(dateStr, timeStr, timeZone);
6347
6347
  if (timeBlockDateTime < cutoffTime) {
@@ -8854,16 +8854,16 @@ var require_maxArrivalsFilter = __commonJS({
8854
8854
  if (hour >= 16 && hour < 23) return "dinner";
8855
8855
  return null;
8856
8856
  }
8857
- function extractNumber(value2) {
8858
- if (!value2) return null;
8859
- if (value2.$numberInt) {
8860
- return parseInt(value2.$numberInt, 10);
8857
+ function extractNumber(value) {
8858
+ if (!value) return null;
8859
+ if (value.$numberInt) {
8860
+ return parseInt(value.$numberInt, 10);
8861
8861
  }
8862
- if (typeof value2 === "number") {
8863
- return value2;
8862
+ if (typeof value === "number") {
8863
+ return value;
8864
8864
  }
8865
- if (typeof value2 === "string") {
8866
- const parsed = parseInt(value2, 10);
8865
+ if (typeof value === "string") {
8866
+ const parsed = parseInt(value, 10);
8867
8867
  return isNaN(parsed) ? null : parsed;
8868
8868
  }
8869
8869
  return null;
@@ -8917,19 +8917,19 @@ var require_maxGroupsFilter = __commonJS({
8917
8917
  console.log(`[MaxGroupsFilter] ${message}`, ...args);
8918
8918
  }
8919
8919
  }
8920
- function extractNumber(value2) {
8921
- if (value2 === null || value2 === void 0) {
8920
+ function extractNumber(value) {
8921
+ if (value === null || value === void 0) {
8922
8922
  return null;
8923
8923
  }
8924
- if (typeof value2 === "object" && value2 !== null && "$numberInt" in value2) {
8925
- const parsed = parseInt(value2.$numberInt, 10);
8924
+ if (typeof value === "object" && value !== null && "$numberInt" in value) {
8925
+ const parsed = parseInt(value.$numberInt, 10);
8926
8926
  return isNaN(parsed) ? null : parsed;
8927
8927
  }
8928
- if (typeof value2 === "number") {
8929
- return Number.isInteger(value2) ? value2 : null;
8928
+ if (typeof value === "number") {
8929
+ return Number.isInteger(value) ? value : null;
8930
8930
  }
8931
- if (typeof value2 === "string") {
8932
- const parsed = parseInt(value2, 10);
8931
+ if (typeof value === "string") {
8932
+ const parsed = parseInt(value, 10);
8933
8933
  return isNaN(parsed) ? null : parsed;
8934
8934
  }
8935
8935
  return null;
@@ -9725,9 +9725,9 @@ function styleInject(css, { insertAt } = {}) {
9725
9725
  styleInject(".new-reservation-page .value-selector {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-bottom: 20px;\n}\n.new-reservation-page .non-absolute {\n position: relative !important;\n}\n.new-reservation-page .non-absolute::before {\n background: none;\n}\n.new-reservation-page .predefined-values {\n display: flex;\n gap: 10px;\n}\n.new-reservation-page .predefined-value-button {\n flex: 1;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n background-color: var(--color-white);\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n.new-reservation-page .predefined-value-button.active,\n.new-reservation-page .predefined-value-button:hover {\n background-color: var(--color-blue);\n color: var(--color-white);\n}\n.new-reservation-page .slider-container {\n display: flex;\n align-items: center;\n gap: 15px;\n}\n.new-reservation-page .slider {\n flex: 1;\n appearance: none;\n -webkit-appearance: none;\n height: 5px;\n background: #ddd;\n border-radius: 5px;\n outline: none;\n}\n.new-reservation-page .slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n background: var(--color-blue);\n cursor: pointer;\n border-radius: 50%;\n}\n.new-reservation-page .value-input {\n width: 80px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n font-size: 1rem;\n}\n");
9726
9726
 
9727
9727
  // src/components/ReservationStepOne/ValueSelector.js
9728
- var ValueSelectorGuests = ({ setGuests, value: value2, onChange }) => {
9728
+ var ValueSelectorGuests = ({ setGuests, value, onChange }) => {
9729
9729
  const predefinedValues = [1, 2, 3, "4+"];
9730
- const [selectedValue, setSelectedValue] = React9.useState(value2 || "");
9730
+ const [selectedValue, setSelectedValue] = React9.useState(value || "");
9731
9731
  const [showSlider, setShowSlider] = React9.useState(false);
9732
9732
  const handlePredefinedValueClick = (val) => {
9733
9733
  if (val === "4+") {
@@ -10212,9 +10212,9 @@ var Calendar = ({
10212
10212
  const days = startDate ? generateCalendarDays(startDate) : [];
10213
10213
  const weeks = startDate ? renderCalendarGrid(days) : [];
10214
10214
  const dayHeaders = t.dayHeaders;
10215
- const renderAvailabilityNumber = (value2) => {
10216
- if (value2 >= 21) return "20+";
10217
- return String(value2);
10215
+ const renderAvailabilityNumber = (value) => {
10216
+ if (value >= 21) return "20+";
10217
+ return String(value);
10218
10218
  };
10219
10219
  return /* @__PURE__ */ React9__default.default.createElement("div", { className: "calendar-container", ref: calendarRef }, /* @__PURE__ */ React9__default.default.createElement(
10220
10220
  "div",
@@ -11072,7 +11072,7 @@ var FormField = ({
11072
11072
  name,
11073
11073
  type = "text",
11074
11074
  icon,
11075
- value: value2,
11075
+ value,
11076
11076
  onChange,
11077
11077
  onBlur,
11078
11078
  error,
@@ -11103,7 +11103,7 @@ var FormField = ({
11103
11103
  }, [showTooltip]);
11104
11104
  const baseControlProps = {
11105
11105
  name,
11106
- value: value2,
11106
+ value,
11107
11107
  onChange,
11108
11108
  onBlur,
11109
11109
  "aria-label": label,
@@ -11737,7 +11737,7 @@ var GiftcardSelection = ({
11737
11737
  setAvailableGiftcards([...cards]);
11738
11738
  }, [restaurantData]);
11739
11739
  if (!availableGiftcards.length) return null;
11740
- const options = availableGiftcards.map((card) => ({ value, label: card }));
11740
+ const options = availableGiftcards.map((card) => ({ value: card, label: card }));
11741
11741
  const onChange = (e) => {
11742
11742
  handleChange({ target: { name: "giftcard", value: e.target.value } });
11743
11743
  resetFormDataFields(["date", "time"]);
@@ -11812,8 +11812,8 @@ var ZitplaatsSelection = ({
11812
11812
  setAvailableZitplaatsen([...set].sort());
11813
11813
  }, [restaurantData]);
11814
11814
  const handleZitplaatsChange = (e) => {
11815
- const { value: value2 } = e.target;
11816
- handleChange({ target: { name: "zitplaats", value: value2 } });
11815
+ const { value } = e.target;
11816
+ handleChange({ target: { name: "zitplaats", value } });
11817
11817
  resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
11818
11818
  };
11819
11819
  const tableSettings = restaurantData?.["table-settings"] || {};
package/dist/index.mjs CHANGED
@@ -612,11 +612,11 @@ var require_moment = __commonJS({
612
612
  }
613
613
  }
614
614
  function toInt(argumentForCoercion) {
615
- var coercedNumber = +argumentForCoercion, value2 = 0;
615
+ var coercedNumber = +argumentForCoercion, value = 0;
616
616
  if (coercedNumber !== 0 && isFinite(coercedNumber)) {
617
- value2 = absFloor(coercedNumber);
617
+ value = absFloor(coercedNumber);
618
618
  }
619
- return value2;
619
+ return value;
620
620
  }
621
621
  var tokens = {};
622
622
  function addParseToken(token2, callback) {
@@ -685,9 +685,9 @@ var require_moment = __commonJS({
685
685
  return isLeapYear(this.year());
686
686
  }
687
687
  function makeGetSet(unit, keepTime) {
688
- return function(value2) {
689
- if (value2 != null) {
690
- set$1(this, unit, value2);
688
+ return function(value) {
689
+ if (value != null) {
690
+ set$1(this, unit, value);
691
691
  hooks.updateOffset(this, keepTime);
692
692
  return this;
693
693
  } else {
@@ -721,24 +721,24 @@ var require_moment = __commonJS({
721
721
  return NaN;
722
722
  }
723
723
  }
724
- function set$1(mom, unit, value2) {
724
+ function set$1(mom, unit, value) {
725
725
  var d, isUTC, year, month, date;
726
- if (!mom.isValid() || isNaN(value2)) {
726
+ if (!mom.isValid() || isNaN(value)) {
727
727
  return;
728
728
  }
729
729
  d = mom._d;
730
730
  isUTC = mom._isUTC;
731
731
  switch (unit) {
732
732
  case "Milliseconds":
733
- return void (isUTC ? d.setUTCMilliseconds(value2) : d.setMilliseconds(value2));
733
+ return void (isUTC ? d.setUTCMilliseconds(value) : d.setMilliseconds(value));
734
734
  case "Seconds":
735
- return void (isUTC ? d.setUTCSeconds(value2) : d.setSeconds(value2));
735
+ return void (isUTC ? d.setUTCSeconds(value) : d.setSeconds(value));
736
736
  case "Minutes":
737
- return void (isUTC ? d.setUTCMinutes(value2) : d.setMinutes(value2));
737
+ return void (isUTC ? d.setUTCMinutes(value) : d.setMinutes(value));
738
738
  case "Hours":
739
- return void (isUTC ? d.setUTCHours(value2) : d.setHours(value2));
739
+ return void (isUTC ? d.setUTCHours(value) : d.setHours(value));
740
740
  case "Date":
741
- return void (isUTC ? d.setUTCDate(value2) : d.setDate(value2));
741
+ return void (isUTC ? d.setUTCDate(value) : d.setDate(value));
742
742
  // case 'Day': // Not real
743
743
  // return void (isUTC ? d.setUTCDay(value) : d.setDay(value));
744
744
  // case 'Month': // Not used because we need to pass two variables
@@ -749,7 +749,7 @@ var require_moment = __commonJS({
749
749
  default:
750
750
  return;
751
751
  }
752
- year = value2;
752
+ year = value;
753
753
  month = mom.month();
754
754
  date = mom.date();
755
755
  date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;
@@ -762,7 +762,7 @@ var require_moment = __commonJS({
762
762
  }
763
763
  return this;
764
764
  }
765
- function stringSet(units, value2) {
765
+ function stringSet(units, value) {
766
766
  if (typeof units === "object") {
767
767
  units = normalizeObjectUnits(units);
768
768
  var prioritized = getPrioritizedUnits(units), i, prioritizedLen = prioritized.length;
@@ -772,7 +772,7 @@ var require_moment = __commonJS({
772
772
  } else {
773
773
  units = normalizeUnits(units);
774
774
  if (isFunction(this[units])) {
775
- return this[units](value2);
775
+ return this[units](value);
776
776
  }
777
777
  }
778
778
  return this;
@@ -921,28 +921,28 @@ var require_moment = __commonJS({
921
921
  }
922
922
  }
923
923
  }
924
- function setMonth(mom, value2) {
924
+ function setMonth(mom, value) {
925
925
  if (!mom.isValid()) {
926
926
  return mom;
927
927
  }
928
- if (typeof value2 === "string") {
929
- if (/^\d+$/.test(value2)) {
930
- value2 = toInt(value2);
928
+ if (typeof value === "string") {
929
+ if (/^\d+$/.test(value)) {
930
+ value = toInt(value);
931
931
  } else {
932
- value2 = mom.localeData().monthsParse(value2);
933
- if (!isNumber(value2)) {
932
+ value = mom.localeData().monthsParse(value);
933
+ if (!isNumber(value)) {
934
934
  return mom;
935
935
  }
936
936
  }
937
937
  }
938
- var month = value2, date = mom.date();
938
+ var month = value, date = mom.date();
939
939
  date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));
940
940
  void (mom._isUTC ? mom._d.setUTCMonth(month, date) : mom._d.setMonth(month, date));
941
941
  return mom;
942
942
  }
943
- function getSetMonth(value2) {
944
- if (value2 != null) {
945
- setMonth(this, value2);
943
+ function getSetMonth(value) {
944
+ if (value != null) {
945
+ setMonth(this, value);
946
946
  hooks.updateOffset(this, true);
947
947
  return this;
948
948
  } else {
@@ -3719,18 +3719,18 @@ var require_moment = __commonJS({
3719
3719
  data.years = mathAbs(data.years);
3720
3720
  return this;
3721
3721
  }
3722
- function addSubtract$1(duration, input, value2, direction) {
3723
- var other = createDuration(input, value2);
3722
+ function addSubtract$1(duration, input, value, direction) {
3723
+ var other = createDuration(input, value);
3724
3724
  duration._milliseconds += direction * other._milliseconds;
3725
3725
  duration._days += direction * other._days;
3726
3726
  duration._months += direction * other._months;
3727
3727
  return duration._bubble();
3728
3728
  }
3729
- function add$1(input, value2) {
3730
- return addSubtract$1(this, input, value2, 1);
3729
+ function add$1(input, value) {
3730
+ return addSubtract$1(this, input, value, 1);
3731
3731
  }
3732
- function subtract$1(input, value2) {
3733
- return addSubtract$1(this, input, value2, -1);
3732
+ function subtract$1(input, value) {
3733
+ return addSubtract$1(this, input, value, -1);
3734
3734
  }
3735
3735
  function absCeil(number) {
3736
3736
  if (number < 0) {
@@ -6333,7 +6333,7 @@ var require_getAvailableTimeblocks = __commonJS({
6333
6333
  if (isToday && uurOpVoorhand >= 0) {
6334
6334
  const cutoffTime = new Date(currentTimeInTimeZone.getTime());
6335
6335
  cutoffTime.setHours(cutoffTime.getHours() + uurOpVoorhand);
6336
- for (const [key, value2] of Object.entries(availableTimeblocks)) {
6336
+ for (const [key, value] of Object.entries(availableTimeblocks)) {
6337
6337
  let timeStr = key;
6338
6338
  const timeBlockDateTime = parseDateTimeInTimeZone(dateStr, timeStr, timeZone);
6339
6339
  if (timeBlockDateTime < cutoffTime) {
@@ -8846,16 +8846,16 @@ var require_maxArrivalsFilter = __commonJS({
8846
8846
  if (hour >= 16 && hour < 23) return "dinner";
8847
8847
  return null;
8848
8848
  }
8849
- function extractNumber(value2) {
8850
- if (!value2) return null;
8851
- if (value2.$numberInt) {
8852
- return parseInt(value2.$numberInt, 10);
8849
+ function extractNumber(value) {
8850
+ if (!value) return null;
8851
+ if (value.$numberInt) {
8852
+ return parseInt(value.$numberInt, 10);
8853
8853
  }
8854
- if (typeof value2 === "number") {
8855
- return value2;
8854
+ if (typeof value === "number") {
8855
+ return value;
8856
8856
  }
8857
- if (typeof value2 === "string") {
8858
- const parsed = parseInt(value2, 10);
8857
+ if (typeof value === "string") {
8858
+ const parsed = parseInt(value, 10);
8859
8859
  return isNaN(parsed) ? null : parsed;
8860
8860
  }
8861
8861
  return null;
@@ -8909,19 +8909,19 @@ var require_maxGroupsFilter = __commonJS({
8909
8909
  console.log(`[MaxGroupsFilter] ${message}`, ...args);
8910
8910
  }
8911
8911
  }
8912
- function extractNumber(value2) {
8913
- if (value2 === null || value2 === void 0) {
8912
+ function extractNumber(value) {
8913
+ if (value === null || value === void 0) {
8914
8914
  return null;
8915
8915
  }
8916
- if (typeof value2 === "object" && value2 !== null && "$numberInt" in value2) {
8917
- const parsed = parseInt(value2.$numberInt, 10);
8916
+ if (typeof value === "object" && value !== null && "$numberInt" in value) {
8917
+ const parsed = parseInt(value.$numberInt, 10);
8918
8918
  return isNaN(parsed) ? null : parsed;
8919
8919
  }
8920
- if (typeof value2 === "number") {
8921
- return Number.isInteger(value2) ? value2 : null;
8920
+ if (typeof value === "number") {
8921
+ return Number.isInteger(value) ? value : null;
8922
8922
  }
8923
- if (typeof value2 === "string") {
8924
- const parsed = parseInt(value2, 10);
8923
+ if (typeof value === "string") {
8924
+ const parsed = parseInt(value, 10);
8925
8925
  return isNaN(parsed) ? null : parsed;
8926
8926
  }
8927
8927
  return null;
@@ -9717,9 +9717,9 @@ function styleInject(css, { insertAt } = {}) {
9717
9717
  styleInject(".new-reservation-page .value-selector {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-bottom: 20px;\n}\n.new-reservation-page .non-absolute {\n position: relative !important;\n}\n.new-reservation-page .non-absolute::before {\n background: none;\n}\n.new-reservation-page .predefined-values {\n display: flex;\n gap: 10px;\n}\n.new-reservation-page .predefined-value-button {\n flex: 1;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n background-color: var(--color-white);\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n.new-reservation-page .predefined-value-button.active,\n.new-reservation-page .predefined-value-button:hover {\n background-color: var(--color-blue);\n color: var(--color-white);\n}\n.new-reservation-page .slider-container {\n display: flex;\n align-items: center;\n gap: 15px;\n}\n.new-reservation-page .slider {\n flex: 1;\n appearance: none;\n -webkit-appearance: none;\n height: 5px;\n background: #ddd;\n border-radius: 5px;\n outline: none;\n}\n.new-reservation-page .slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n background: var(--color-blue);\n cursor: pointer;\n border-radius: 50%;\n}\n.new-reservation-page .value-input {\n width: 80px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n font-size: 1rem;\n}\n");
9718
9718
 
9719
9719
  // src/components/ReservationStepOne/ValueSelector.js
9720
- var ValueSelectorGuests = ({ setGuests, value: value2, onChange }) => {
9720
+ var ValueSelectorGuests = ({ setGuests, value, onChange }) => {
9721
9721
  const predefinedValues = [1, 2, 3, "4+"];
9722
- const [selectedValue, setSelectedValue] = useState(value2 || "");
9722
+ const [selectedValue, setSelectedValue] = useState(value || "");
9723
9723
  const [showSlider, setShowSlider] = useState(false);
9724
9724
  const handlePredefinedValueClick = (val) => {
9725
9725
  if (val === "4+") {
@@ -10204,9 +10204,9 @@ var Calendar = ({
10204
10204
  const days = startDate ? generateCalendarDays(startDate) : [];
10205
10205
  const weeks = startDate ? renderCalendarGrid(days) : [];
10206
10206
  const dayHeaders = t.dayHeaders;
10207
- const renderAvailabilityNumber = (value2) => {
10208
- if (value2 >= 21) return "20+";
10209
- return String(value2);
10207
+ const renderAvailabilityNumber = (value) => {
10208
+ if (value >= 21) return "20+";
10209
+ return String(value);
10210
10210
  };
10211
10211
  return /* @__PURE__ */ React9.createElement("div", { className: "calendar-container", ref: calendarRef }, /* @__PURE__ */ React9.createElement(
10212
10212
  "div",
@@ -11064,7 +11064,7 @@ var FormField = ({
11064
11064
  name,
11065
11065
  type = "text",
11066
11066
  icon,
11067
- value: value2,
11067
+ value,
11068
11068
  onChange,
11069
11069
  onBlur,
11070
11070
  error,
@@ -11095,7 +11095,7 @@ var FormField = ({
11095
11095
  }, [showTooltip]);
11096
11096
  const baseControlProps = {
11097
11097
  name,
11098
- value: value2,
11098
+ value,
11099
11099
  onChange,
11100
11100
  onBlur,
11101
11101
  "aria-label": label,
@@ -11729,7 +11729,7 @@ var GiftcardSelection = ({
11729
11729
  setAvailableGiftcards([...cards]);
11730
11730
  }, [restaurantData]);
11731
11731
  if (!availableGiftcards.length) return null;
11732
- const options = availableGiftcards.map((card) => ({ value, label: card }));
11732
+ const options = availableGiftcards.map((card) => ({ value: card, label: card }));
11733
11733
  const onChange = (e) => {
11734
11734
  handleChange({ target: { name: "giftcard", value: e.target.value } });
11735
11735
  resetFormDataFields(["date", "time"]);
@@ -11804,8 +11804,8 @@ var ZitplaatsSelection = ({
11804
11804
  setAvailableZitplaatsen([...set].sort());
11805
11805
  }, [restaurantData]);
11806
11806
  const handleZitplaatsChange = (e) => {
11807
- const { value: value2 } = e.target;
11808
- handleChange({ target: { name: "zitplaats", value: value2 } });
11807
+ const { value } = e.target;
11808
+ handleChange({ target: { name: "zitplaats", value } });
11809
11809
  resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
11810
11810
  };
11811
11811
  const tableSettings = restaurantData?.["table-settings"] || {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@happychef/reservation-sidebar",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "description": "A compound component for managing restaurant reservations - JavaScript version with independent styles",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",