mozrest-sdk-react-dev 0.1.42 → 0.1.43

package/mozrest-sdk.es.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import React__default, { createContext, useContext, useRef, useCallback, useDebugValue, useEffect, useLayoutEffect as useLayoutEffect$1, useState, useMemo as useMemo$1, createElement as createElement$1, Children, isValidElement as isValidElement$1, Fragment, Component, forwardRef, useImperativeHandle, useReducer, PureComponent, cloneElement as cloneElement$1 } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
-var index$3 = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";.moz *,.moz :before,.moz :after{box-sizing:border-box}.moz html{-moz-tab-size:4;tab-size:4}.moz html{line-height:1.15;-webkit-text-size-adjust:100%}.moz body{margin:0}.moz body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.moz hr{height:0;color:inherit}.moz abbr[title]{text-decoration:underline dotted}.moz b,.moz strong{font-weight:bolder}.moz code,.moz kbd,.moz samp,.moz pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.moz small{font-size:80%}.moz sub,.moz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.moz sub{bottom:-.25em}.moz sup{top:-.5em}.moz table{text-indent:0;border-color:inherit}.moz button,.moz input,.moz optgroup,.moz select,.moz textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.moz button,.moz select{text-transform:none}.moz button,.moz [type=button],.moz [type=reset],.moz [type=submit]{-webkit-appearance:button}.moz ::-moz-focus-inner{border-style:none;padding:0}.moz :-moz-focusring{outline:1px dotted ButtonText}.moz :-moz-ui-invalid{box-shadow:none}.moz legend{padding:0}.moz progress{vertical-align:baseline}.moz ::-webkit-inner-spin-button,.moz ::-webkit-outer-spin-button{height:auto}.moz [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.moz ::-webkit-search-decoration{-webkit-appearance:none}.moz ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.moz summary{display:list-item}.moz p,.moz h1,.moz h2,.moz h3,.moz h4,.moz h5,.moz h6{overflow-wrap:break-word;margin:0}:root{--moz-container-width: 100%;--moz-container-padding: 1.25rem;--moz-scrollbar-color: colors.$bg-gray-light;--moz-scrollbar-bg: transparent;--moz-scrollbar-border: colors.$white;--moz-font-family: "Lato", sans-serif;--moz-font-family-title: "Noto Sans", sans-serif;--moz-font-size-label: .857rem;--moz-font-weight-label: 300;--moz-line-height-label: 1.5715;--moz-font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-font-size-input: .9rem;--moz-font-weight-input: 400;--moz-line-height-input: 1.45;--moz-font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-cta-primary: #ff9b00;--moz-cta-primary-text: white;--moz-cta-primary-hover: rgb(255 155 0/ 70%);--moz-cta-primary-text-hover: #1e155a;--moz-cta-secondary: #1e155a;--moz-cta-secondary-hover: rgb(30 21 90 / 75%);--moz-cta-secondary-text: #fff;--moz-cta-secondary-text-hover: #fff;--moz-bg-gray: #787676;--moz-bg-gray-light: #e5e7eb;--moz-bg-gray-lighter: #f9f9f9;--moz-bg-primary: #017f74;--moz-bg-active: rgb(1 126 116 / 15%);--moz-text-input: #333;--moz-text-label: #5e5873;--moz-text-title: #1e2048;--moz-text-primary: #545454;--moz-text-secondary: #787676;--moz-text-success: #84cc16;--moz-input-active: #ff9b00;--moz-input-default: #787676;--moz-input-border: #cccccc;--moz-state-active: #1e155a;--moz-state-error: #f83d32;--moz-state-disabled: gray;--moz-state-disabled-bg: #f9f9f9;--moz-checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--moz-border: #e5e7eb;--moz-border-hover: #b1b1b1}@media (min-width: 768px){:root{--moz-container-width: 100%;--moz-container-padding: 1.5rem}}@media (min-width: 1024px){:root{--moz-container-width: 100%;--moz-container-padding: 2rem}}@media (min-width: 1600px){:root{--moz-container-width: 1600px;--moz-container-padding: 4rem}}.moz{@import "../settings/tailwind-all.css";}.moz html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}.moz body{color:var(--moz-text-primary);font:1rem/1.5 var(--moz-font-family);font-family:var(--moz-font-family)}.moz a{color:var(--moz-text-primary)}.moz :focus-visible{outline:1px solid var(--moz-cta-primary);border-color:transparent}\n')();
+var index$3 = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";.moz *,.moz :before,.moz :after{box-sizing:border-box}.moz html{-moz-tab-size:4;tab-size:4}.moz html{line-height:1.15;-webkit-text-size-adjust:100%}.moz body{margin:0}.moz body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.moz hr{height:0;color:inherit}.moz abbr[title]{text-decoration:underline dotted}.moz b,.moz strong{font-weight:bolder}.moz code,.moz kbd,.moz samp,.moz pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.moz small{font-size:80%}.moz sub,.moz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.moz sub{bottom:-.25em}.moz sup{top:-.5em}.moz table{text-indent:0;border-color:inherit}.moz button,.moz input,.moz optgroup,.moz select,.moz textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.moz button,.moz select{text-transform:none}.moz button,.moz [type=button],.moz [type=reset],.moz [type=submit]{-webkit-appearance:button}.moz ::-moz-focus-inner{border-style:none;padding:0}.moz :-moz-focusring{outline:1px dotted ButtonText}.moz :-moz-ui-invalid{box-shadow:none}.moz legend{padding:0}.moz progress{vertical-align:baseline}.moz ::-webkit-inner-spin-button,.moz ::-webkit-outer-spin-button{height:auto}.moz [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.moz ::-webkit-search-decoration{-webkit-appearance:none}.moz ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.moz summary{display:list-item}.moz p,.moz h1,.moz h2,.moz h3,.moz h4,.moz h5,.moz h6{overflow-wrap:break-word;margin:0}:root{--moz-container-width: 100%;--moz-container-padding: 1.25rem;--moz-scrollbar-color: colors.$bg-gray-light;--moz-scrollbar-bg: transparent;--moz-scrollbar-border: colors.$white;--moz-font-family: "Lato", sans-serif;--moz-font-family-title: "Noto Sans", sans-serif;--moz-font-size-label: .857rem;--moz-font-weight-label: 300;--moz-line-height-label: 1.5715;--moz-font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-font-size-input: .9rem;--moz-font-weight-input: 400;--moz-line-height-input: 1.45;--moz-font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-cta-primary: #ff9b00;--moz-cta-primary-text: white;--moz-cta-primary-hover: rgb(255 155 0/ 70%);--moz-cta-primary-text-hover: #1e155a;--moz-cta-secondary: #1e155a;--moz-cta-secondary-hover: rgb(30 21 90 / 75%);--moz-cta-secondary-text: #fff;--moz-cta-secondary-text-hover: #fff;--moz-bg-gray: #787676;--moz-bg-gray-light: #e5e7eb;--moz-bg-gray-lighter: #f9f9f9;--moz-bg-primary: #017f74;--moz-bg-active: rgb(1 126 116 / 15%);--moz-text-input: #333;--moz-text-label: #5e5873;--moz-text-title: #1e2048;--moz-text-primary: #545454;--moz-text-secondary: #787676;--moz-text-success: #84cc16;--moz-input-active: #ff9b00;--moz-input-default: #787676;--moz-input-border: #cccccc;--moz-state-active: #1e155a;--moz-state-error: #f83d32;--moz-state-disabled: gray;--moz-state-disabled-bg: #f9f9f9;--moz-checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--moz-border: #e5e7eb;--moz-border-hover: #b1b1b1}@media (min-width: 768px){:root{--moz-container-width: 100%;--moz-container-padding: 1.5rem}}@media (min-width: 1024px){:root{--moz-container-width: 100%;--moz-container-padding: 2rem}}@media (min-width: 1600px){:root{--moz-container-width: 1600px;--moz-container-padding: 4rem}}.moz html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}.moz body{color:var(--moz-text-primary);font:1rem/1.5 var(--moz-font-family);font-family:var(--moz-font-family)}.moz a{color:var(--moz-text-primary)}.moz :focus-visible{outline:1px solid var(--moz-cta-primary);border-color:transparent}\n')();
 const pulse$2 = "_pulse_1xz3t_1";
 const container$I = "_container_1xz3t_13";
 const item$8 = "_item_1xz3t_20";
@@ -40402,13 +40402,11 @@ const TextAreaFieldWithRule = ({ disabled: disabled2, ...props }) => {
     disabledTooltip: getTooltipSourceName(rule)
   });
 };
-const input$1 = "_input_dd220_1";
+const input$1 = "_input_1xto5_1";
 var styles$1z = {
   input: input$1,
-  "input--r-md": "_input--r-md_dd220_23",
-  "input--r-sm": "_input--r-sm_dd220_26",
-  "input--h-md": "_input--h-md_dd220_29",
-  "input--h-sm": "_input--h-sm_dd220_32"
+  "input--r-md": "_input--r-md_1xto5_23",
+  "input--r-sm": "_input--r-sm_1xto5_26"
 };
 const Input$1 = ({
   id: id2,
@@ -96979,7 +96977,6 @@ const FormFields = ({ onFilter: onFilter2, partyOptions, hoursOptions, currentDa
     value: values.criteria,
     radius: "md",
     label: t2("TYPETOSEARCH"),
-    heigth: "sm",
     placeholder: t2("TYPETOSEARCH"),
     onChange: handleChange("criteria")
   })), /* @__PURE__ */ React__default.createElement("div", {
@@ -97172,20 +97169,20 @@ const ReservationComp = ({
     style: { display: "flex", textAlign: "left", alignItems: "center", whiteSpace: "nowrap", paddingTop: 12, paddingBottom: 12 }
   }, /* @__PURE__ */ React__default.createElement("img", {
     src: logo2,
-    className: "w-6 h-6 inline-block mr-2 ml-4"
+    style: { width: 25, height: 25, display: "inline-block", marginRight: 8, marginLeft: 16 }
   }), /* @__PURE__ */ React__default.createElement("p", null, name)), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, partySize), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, /* @__PURE__ */ React__default.createElement(TimeFormat, {
     currentTimeZone,
     dateTime: date4
   })), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, tableName), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, status), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, status === "arrived" ? /* @__PURE__ */ React__default.createElement(Button, {
     size: "mini",
     className: styles$7.btnWarning
@@ -97196,21 +97193,21 @@ const ReservationComp = ({
 };
 const Table$1 = ({ data: data2, setSelectedRow, currentTimeZone }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: "w-full mx-auto"
+    style: { width: "100%" }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "overflow-x-auto"
+    style: { overflowX: "auto" }
   }, /* @__PURE__ */ React__default.createElement("table", {
-    className: "w-full bg-white shadow-md rounded"
+    style: { width: "100%", backgroundColor: "white", borderRadius: 4 }
   }, /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-left"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "left" }
   }, "Customer"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Party Size"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Time"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Allocated Table"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Status"))), /* @__PURE__ */ React__default.createElement("tbody", {
     className: styles$7.skeleton,
     style: { backgroundColor: "white" }
@@ -97269,12 +97266,10 @@ const FilterForm = ({ partyOptions, areasOptions, hoursOptions, setBookingValues
     label: t2("PARTYSIZE"),
     options: partyOptions
   })), /* @__PURE__ */ React__default.createElement("div", {
-    style: { minWidth: 100 }
+    style: { minWidth: 100, marginRight: 30 }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    size: 40,
     id: "date",
     radius: "md",
-    heigth: "sm",
     type: "date",
     label: t2("DATE"),
     value: values.date,
@@ -97366,11 +97361,11 @@ const TableRow = ({ row: row2, setSelectedTable }) => {
     className: styles$6.item,
     onClick: () => setSelectedTable(row2)
   }, /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-left"
+    style: { textAlign: "left" }
   }, /* @__PURE__ */ React__default.createElement("p", null, `${row2.name} (${(_a2 = row2.area) != null ? _a2 : "No area"})`)), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, `${(_b = row2.minCapacity) != null ? _b : "?"} - ${(_c = row2.maxCapacity) != null ? _c : "?"}`), /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center"
+    style: { textAlign: "center" }
   }, " ", row2.nextBookingIn ? /* @__PURE__ */ React__default.createElement(TimeFormatter, {
     seconds: row2.nextBookingIn,
     type: "minutes"
@@ -97379,17 +97374,17 @@ const TableRow = ({ row: row2, setSelectedTable }) => {
 const Table = ({ data: data2, setSelectedTable }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: "w-full mx-auto"
+    style: { width: "100%", margin: "auto" }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "overflow-x-auto"
+    style: { overflowX: "auto" }
   }, /* @__PURE__ */ React__default.createElement("table", {
     className: styles$6.tableName
   }, /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-left"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "left" }
   }, "Table"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Capacity"), /* @__PURE__ */ React__default.createElement("th", {
-    className: "px-6 text-center"
+    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
   }, "Next booking"))), /* @__PURE__ */ React__default.createElement("tbody", {
     className: styles$6.skeleton,
     style: { backgroundColor: "white" }
@@ -97398,7 +97393,7 @@ const Table = ({ data: data2, setSelectedTable }) => {
     key: index2,
     setSelectedTable
   })) : /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", {
-    className: "text-center",
+    style: { textAlign: "center" },
     colSpan: 10
   }, /* @__PURE__ */ React__default.createElement("p", null, t2("NOTABLESAVAILABLE"))))))));
 };
@@ -98843,41 +98838,48 @@ const ContactDetailsFormFields = (props) => {
     isSubmitting,
     isValid: isValid2
   } = useFormikContext();
-  return /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Row$1, {
+  return /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", flexDirection: "row", flexWrap: "wrap" }
+  }, /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [16, 16]
   }, /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
-    lg: 12
+    lg: 10
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    style: { width: "90%" },
     id: "firstname",
     label: t2("FIRSTNAME")
   })), /* @__PURE__ */ React__default.createElement(Col$1, {
-    xs: 24,
-    lg: 12
+    xs: 20,
+    lg: 10
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    style: { width: "90%" },
     id: "lastname",
     label: t2("LASTNAME")
   })), /* @__PURE__ */ React__default.createElement(Col$1, {
-    xs: 24,
-    lg: 12
+    xs: 20,
+    lg: 10
   }, /* @__PURE__ */ React__default.createElement(PhoneInputField, {
     id: "telephone",
     label: t2("PHONENUMBER")
   })), /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
-    lg: 12
+    lg: 10
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    style: { width: "90%" },
     id: "email",
     label: t2("EMAIL")
   })), /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
-    lg: 30
+    lg: 28
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { width: "80%" }
   }, /* @__PURE__ */ React__default.createElement(TextAreaField, {
     id: "notes",
     label: t2("SPECIALREQUESTS"),
     maxLength: 100
-  })))), /* @__PURE__ */ React__default.createElement("div", {
-    className: "mt-3 flex w-full"
+  }))))), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", marginTop: 12, width: "100%" }
   }, /* @__PURE__ */ React__default.createElement(Button, {
     size: "small",
     mode: "primary",
@@ -98930,9 +98932,7 @@ const ContactDetailsForm = ({ venueId, selectedTable, setSelectedTable, setCreat
     setCreated({ ...toSend, time: bookingValues.time.id, area: (_a2 = bookingValues.area.id) != null ? _a2 : null, dateString: (_b = new Date(`${bookingValues.date} ${bookingValues.time.id}`).toDateString()) != null ? _b : "?" });
     reloadMainTable();
   };
-  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h4", {
-    className: "text-lg"
-  }, t2("CONTACTDETAILS")), /* @__PURE__ */ React__default.createElement(Formik, {
+  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h4", null, t2("CONTACTDETAILS")), /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleOnSubmit,
     validationSchema: bookingSchema
@@ -98949,22 +98949,22 @@ const ContactDetails = ({ setSelectedTable, selectedTable, venueId, setCreated,
     onClick: () => setSelectedTable(null),
     className: "cursor-pointer"
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "calendar",
     className: "mr-2"
   }), (bookingValues == null ? void 0 : bookingValues.date) ? new Date(bookingValues.date).toDateString() : "---"), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "clock",
     className: "mr-2"
   }), (_a2 = bookingValues == null ? void 0 : bookingValues.time.id) != null ? _a2 : "---"), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "people",
     className: "mr-2"
   }), (bookingValues == null ? void 0 : bookingValues.partySize.id) ? bookingValues.partySize.id : `${(_b = selectedTable.minCapacity) != null ? _b : "?"}-${(_c = selectedTable.maxCapacity) != null ? _c : "?"}`), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "business",
     className: "mr-2"
@@ -98980,44 +98980,38 @@ const ContactDetails = ({ setSelectedTable, selectedTable, venueId, setCreated,
 const BookingConfirmation = ({ bookingDetails }) => {
   var _a2, _b, _c, _d, _e2, _f, _g;
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement("div", {
-    className: ""
-  }, /* @__PURE__ */ React__default.createElement("h1", {
-    className: "text-center"
+  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h1", {
+    style: { textAlign: "center" }
   }, t2("BOOKINGCONFIRMED")), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", justifyContent: "start", gap: 20 }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "calendar",
     className: "mr-2"
   }), (_a2 = bookingDetails == null ? void 0 : bookingDetails.dateString) != null ? _a2 : "?"), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "clock",
     className: "mr-2"
   }), (_b = bookingDetails == null ? void 0 : bookingDetails.time) != null ? _b : "?"), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "people",
     className: "mr-2"
   }), (_c = bookingDetails == null ? void 0 : bookingDetails.partySize) != null ? _c : "?"), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row"
+    style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "business",
     className: "mr-2"
-  }), (_d = bookingDetails == null ? void 0 : bookingDetails.area) != null ? _d : "?")), /* @__PURE__ */ React__default.createElement("h4", {
-    className: "text-lg"
-  }, t2("CONTACTDETAILS"), ":"), /* @__PURE__ */ React__default.createElement("p", {
-    className: "text-lg mb-0"
+  }), (_d = bookingDetails == null ? void 0 : bookingDetails.area) != null ? _d : "?")), /* @__PURE__ */ React__default.createElement("h4", null, t2("CONTACTDETAILS"), ":"), /* @__PURE__ */ React__default.createElement("p", {
+    style: { marginBottom: 0 }
   }, (_e2 = bookingDetails == null ? void 0 : bookingDetails.contact.firstname) != null ? _e2 : "?"), /* @__PURE__ */ React__default.createElement("p", {
-    className: "text-lg mt-0",
-    style: { color: "GrayText" }
+    style: { color: "GrayText", marginTop: 0 }
   }, `${(_f = bookingDetails == null ? void 0 : bookingDetails.contact.telephone) != null ? _f : "?"} - ${(_g = bookingDetails == null ? void 0 : bookingDetails.contact.email) != null ? _g : "?"}`), /* @__PURE__ */ React__default.createElement("p", {
-    className: "text-lg mb-0"
+    style: { marginBottom: 0 }
   }, t2("SPECIALREQUESTS"), ":"), /* @__PURE__ */ React__default.createElement("p", {
-    className: "text-lg mt-0",
-    style: { color: "GrayText" }
+    style: { color: "GrayText", marginTop: 0 }
   }, bookingDetails.notes && bookingDetails.notes.length > 0 ? bookingDetails.notes : "---"));
 };
 const CreateReservation = ({ open, onClose: onClose2, venueId, reloadMainTable }) => {
@@ -99279,18 +99273,18 @@ const ReservationDashboard = ({
   return /* @__PURE__ */ React__default.createElement(LayoutPage$1, {
     containerClassName: styles$7.mainConatiner
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row justify-between pt-5"
+    style: { display: "flex", justifyContent: "space-between", paddingTop: 20 }
   }, /* @__PURE__ */ React__default.createElement("h1", {
-    className: "font-bold"
+    style: { fontWeight: "bold" }
   }, "RESERVATION DASHBOARD"), /* @__PURE__ */ React__default.createElement("h1", {
-    className: "font-extrabold"
+    style: { fontWeight: 800 }
   }, /* @__PURE__ */ React__default.createElement(CurrentTime, null))), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex justify-between mt-5"
+    style: { display: "flex", justifyContent: "space-between", marginTop: 20 }
   }, /* @__PURE__ */ React__default.createElement(CustomDatePicker, {
     onSelectDate: (d2) => handleOnSelectDate(d2),
     venueId
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-col justify-center gap-4"
+    style: { display: "flex", flexDirection: "column", justifyContent: "center", gap: 16 }
   }, /* @__PURE__ */ React__default.createElement(Button, {
     size: "small",
     className: styles$7.btnDanger,
@@ -99302,7 +99296,7 @@ const ReservationDashboard = ({
     className: classNameConatiner,
     header: Header2
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "flex flex-row justify-between items-center mb-10"
+    style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 40 }
   }, /* @__PURE__ */ React__default.createElement(TableFilters$1, {
     handleSearch: onFilter2,
     venueId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {