mozrest-sdk-react-dev 0.3.74 → 0.3.75

package/mozrest-sdk.es.js

@@ -8,7 +8,7 @@ import ReactDOM__default, { createPortal } from "react-dom";
 const container$C = "_container_1xz3t_13";
 const item$8 = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-const styles$2q = {
+const styles$2r = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$C,
   item: item$8,
@@ -960,15 +960,15 @@ const jsxs = jsxRuntimeExports.jsxs;
 const Fragment = jsxRuntimeExports.Fragment;
 const SkeletonPage$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$2q["animate-pulse"],
+    className: styles$2r["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$2q.container,
+      className: styles$2r.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$2q.item
+        className: styles$2r.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2q.item
+        className: styles$2r.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2q.itemfull
+        className: styles$2r.itemfull
       })]
     })
   });
@@ -3445,7 +3445,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$B = "_container_1ar7o_1";
-const styles$2p = {
+const styles$2q = {
   container: container$B
 };
 const Container = ({
@@ -3459,12 +3459,12 @@ const Container = ({
   return /* @__PURE__ */ jsx$1(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$2p["container"], className),
+    className: classNames$2(styles$2q["container"], className),
     children
   });
 };
 const container$A = "_container_11xrj_1";
-const styles$2o = {
+const styles$2p = {
   container: container$A
 };
 const LayoutPage$2 = ({
@@ -3474,12 +3474,12 @@ const LayoutPage$2 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$2o.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$2p.container, containerClassName, "mz-sdk-cst-pf"),
     children: [header2 && /* @__PURE__ */ jsx$1("div", {
       className: "mz-header",
       children: header2
     }), /* @__PURE__ */ jsx$1(Container, {
-      className: classNames$2(styles$2o.content, contentClassName),
+      className: classNames$2(styles$2p.content, contentClassName),
       children
     })]
   });
@@ -40815,25 +40815,25 @@ const ContextUserRole = React__default.createContext([
 const label$8 = "_label_7mgn7_1";
 const comment$4 = "_comment_7mgn7_5";
 const translate = "_translate_7mgn7_9";
-const styles$2n = {
+const styles$2o = {
   label: label$8,
   comment: comment$4,
   translate
 };
 const sronly$1 = "_sronly_1n9bw_1";
-const styles$2m = {
+const styles$2n = {
   sronly: sronly$1
 };
 const SrOnly$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$2m.sronly,
+    className: styles$2n.sronly,
     children
   });
 };
 const label$7 = "_label_1vki7_1";
-const styles$2l = {
+const styles$2m = {
   label: label$7
 };
 var propTypes$3 = { exports: {} };
@@ -45739,7 +45739,7 @@ const icons$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   yes: yes$1
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$a = "_icon_69yub_1";
-const styles$2k = {
+const styles$2l = {
   icon: icon$a,
   "icon--small": "_icon--small_69yub_12",
   "icon--medium": "_icon--medium_69yub_15",
@@ -45754,14 +45754,14 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$2k["icon"], styles$2k[`icon--${size}`], className),
+    className: classNames$2(styles$2l["icon"], styles$2l[`icon--${size}`], className),
     ...props,
     children: icons$1[icon2]()
   });
 };
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-const styles$2j = {
+const styles$2k = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
@@ -45769,9 +45769,9 @@ const Tooltip$2 = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$2j.tooltip,
+    className: styles$2k.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$2j.tooltip__icon,
+      className: styles$2k.tooltip__icon,
       icon: "question",
       size: "small",
       "data-tip": true
@@ -45792,7 +45792,7 @@ const Label$2 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$2l.label,
+    className: styles$2m.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$2, {
       children: tooltip2
@@ -45804,7 +45804,7 @@ const Label$2 = ({
 };
 const label$6 = "_label_15hk9_1";
 const translation$1 = "_translation_15hk9_6";
-const styles$2i = {
+const styles$2j = {
   label: label$6,
   translation: translation$1
 };
@@ -45844,13 +45844,13 @@ const ReplyTranslation = ({
     children: [isExecuting && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isExecuting && /* @__PURE__ */ jsxs("div", {
-      className: styles$2i.translation,
+      className: styles$2j.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$2i.label,
+        className: styles$2j.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$2i.translation,
+        className: styles$2j.translation,
         children: data2 && data2.translatedText ? decodeHtmlEntities$1(data2.translatedText) : "---"
       })]
     })]
@@ -45870,6 +45870,24 @@ const Pointer = () => /* @__PURE__ */ jsx$1("svg", {
     d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
   })
 });
+const Copy = () => /* @__PURE__ */ jsx$1("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  children: /* @__PURE__ */ jsxs("g", {
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    children: [/* @__PURE__ */ jsx$1("path", {
+      d: "M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z"
+    }), /* @__PURE__ */ jsx$1("path", {
+      d: "M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1"
+    })]
+  })
+});
 const Users$2 = () => /* @__PURE__ */ jsx$1("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -47398,6 +47416,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Bing,
   CalendarTime,
   CheckBox,
+  Copy,
   EyeOff,
   FidgetSpinner,
   LetterX,
@@ -47484,7 +47503,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   yes
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$9 = "_icon_lm3br_1";
-const styles$2h = {
+const styles$2i = {
   icon: icon$9,
   "icon--xs": "_icon--xs_lm3br_12",
   "icon--small": "_icon--small_lm3br_15",
@@ -47499,13 +47518,13 @@ const Icon = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$2h["icon"], styles$2h[`icon--${size}`], className),
+    className: classNames$2(styles$2i["icon"], styles$2i[`icon--${size}`], className),
     ...props,
     children: React__default.createElement(icons[icon2])
   });
 };
 const btn$2 = "_btn_g6dop_1";
-const styles$2g = {
+const styles$2h = {
   btn: btn$2,
   "btn--large": "_btn--large_g6dop_16",
   "btn--default": "_btn--default_g6dop_20",
@@ -47533,7 +47552,7 @@ const Button$1 = ({
   ...props
 }) => {
   const componentProps = {
-    className: classNames$2(styles$2g["btn"], styles$2g[`btn--${mode}`], styles$2g[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$2h["btn"], styles$2h[`btn--${mode}`], styles$2h[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon, {
@@ -47558,25 +47577,25 @@ const Button$1 = ({
   });
 };
 const sronly = "_sronly_1n9bw_1";
-const styles$2f = {
+const styles$2g = {
   sronly
 };
 const SrOnly = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$2f.sronly,
+    className: styles$2g.sronly,
     children
   });
 };
 const label$5 = "_label_wrsfp_1";
-const styles$2e = {
+const styles$2f = {
   label: label$5
 };
 const tooltipContainer = "_tooltipContainer_13ux5_1";
 const tooltipBox = "_tooltipBox_13ux5_5";
 const isVisible = "_isVisible_13ux5_26";
-const styles$2d = {
+const styles$2e = {
   tooltipContainer,
   tooltipBox,
   isVisible,
@@ -47596,14 +47615,14 @@ const Tooltip$1 = ({
   const showTooltip = () => setIsVisible(true);
   const hideTooltip = () => setIsVisible(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$2d.tooltipContainer,
+    className: styles$2e.tooltipContainer,
     onMouseEnter: showTooltip,
     onMouseLeave: hideTooltip,
     onFocus: showTooltip,
     onBlur: hideTooltip,
     tabIndex: 0,
     children: [children, /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$2d.tooltipBox, styles$2d[`tooltip--${position2}`], isVisible2 ? styles$2d.isVisible : "", className),
+      className: classNames$2(styles$2e.tooltipBox, styles$2e[`tooltip--${position2}`], isVisible2 ? styles$2e.isVisible : "", className),
       ...props,
       children: message2 ?? ""
     })]
@@ -47617,7 +47636,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$2e.label,
+    className: styles$2f.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
@@ -49548,23 +49567,23 @@ function o(o2, n, a2) {
     }
   };
 }
-const text$2 = "_text_1f1l5_1";
-const styles$2c = {
-  text: text$2
+const text$3 = "_text_1f1l5_1";
+const styles$2d = {
+  text: text$3
 };
 const FieldError$1 = ({
   error: error3
 }) => {
   if (error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$2c.text,
+      className: styles$2d.text,
       children: error3.message
     });
   }
   return null;
 };
 const input$5 = "_input_1ayrx_1";
-const styles$2b = {
+const styles$2c = {
   input: input$5
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -49596,7 +49615,7 @@ const TextArea$1 = React__default.forwardRef(({
       tooltip: tooltip2,
       children: label2
     }), /* @__PURE__ */ jsx$1("textarea", {
-      className: styles$2b.input,
+      className: styles$2c.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -49738,11 +49757,11 @@ const ReplyForm = ({
             marginTop: 10
           },
           children: [!showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$2n.translate,
+            className: styles$2o.translate,
             onClick: () => setShowTranslation(true),
             children: t2("SHOWTRANSLATION")
           }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$2n.translate,
+            className: styles$2o.translate,
             onClick: () => setShowTranslation(false),
             children: t2("HIDETRANSLATION")
           })]
@@ -49791,7 +49810,7 @@ const ReplyForm = ({
 const label$4 = "_label_x1r40_1";
 const comment$1 = "_comment_x1r40_7";
 const date$3 = "_date_x1r40_12";
-const styles$2a = {
+const styles$2b = {
   label: label$4,
   comment: comment$1,
   date: date$3
@@ -49805,13 +49824,13 @@ const Reply = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$2a.label,
+      className: styles$2b.label,
       children: t2("REPLY")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$2a.comment,
+      className: styles$2b.comment,
       children: reply2.comment
     }), /* @__PURE__ */ jsx$1("span", {
-      className: styles$2a.date,
+      className: styles$2b.date,
       children: reply2.createdAt
     }), /* @__PURE__ */ jsx$1("br", {})]
   });
@@ -49898,7 +49917,7 @@ const back = "_back_ypeoh_30";
 const statusbar = "_statusbar_ypeoh_38";
 const statusbar__icons = "_statusbar__icons_ypeoh_44";
 const platform$1 = "_platform_ypeoh_48";
-const styles$29 = {
+const styles$2a = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -49929,38 +49948,38 @@ const Comment = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$2n.label,
+      className: styles$2o.label,
       children: t2("REVIEW")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$2n.comment,
+      className: styles$2o.comment,
       dangerouslySetInnerHTML: {
         __html: parsedComment
       }
     }), !showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$2n.translate,
+      className: styles$2o.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
     }), showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$2n.translate,
+      className: styles$2o.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
     })]
   });
 };
 const flag = "_flag_wd4ay_1";
-const styles$28 = {
+const styles$29 = {
   flag
 };
 const CountryFlag = ({
   locale: locale2
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$28.flag}`
+    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$29.flag}`
   });
 };
 const label$3 = "_label_15hk9_1";
 const translation = "_translation_15hk9_6";
-const styles$27 = {
+const styles$28 = {
   label: label$3,
   translation
 };
@@ -50003,13 +50022,13 @@ const CommentTranslation = ({
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$27.translation,
+      className: styles$28.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$27.label,
+        className: styles$28.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$27.translation,
+        className: styles$28.translation,
         children: decodeHtmlEntities(data2 || "")
       })]
     })]
@@ -50017,7 +50036,7 @@ const CommentTranslation = ({
 };
 const label$2 = "_label_13kaz_1";
 const title$3 = "_title_13kaz_5";
-const styles$26 = {
+const styles$27 = {
   label: label$2,
   title: title$3
 };
@@ -50030,10 +50049,10 @@ const Title = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$26.label,
+      className: styles$27.label,
       children: t2("TITLE")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$26.title,
+      className: styles$27.title,
       children
     })]
   });
@@ -50210,9 +50229,9 @@ const formatData$k = (data2) => {
     return 0;
   });
 };
-const text$1 = "_text_12cto_1";
-const styles$25 = {
-  text: text$1
+const text$2 = "_text_12cto_1";
+const styles$26 = {
+  text: text$2
 };
 const tagsMap$2 = {
   business_name: "@Business name",
@@ -50224,7 +50243,7 @@ const TemplateText = ({
   text: text2
 }) => {
   return /* @__PURE__ */ jsx$1("p", {
-    className: styles$25.text,
+    className: styles$26.text,
     children: text2.split("@@").map((item2, index2) => {
       if (tagsMap$2[item2]) {
         return /* @__PURE__ */ jsx$1("span", {
@@ -50236,7 +50255,7 @@ const TemplateText = ({
   });
 };
 const button$7 = "_button_1hbqp_1";
-const styles$24 = {
+const styles$25 = {
   button: button$7
 };
 const Template$1 = ({
@@ -50251,7 +50270,7 @@ const Template$1 = ({
     children: [/* @__PURE__ */ jsx$1(TemplateText, {
       text: text2
     }), /* @__PURE__ */ jsx$1("button", {
-      className: styles$24.button,
+      className: styles$25.button,
       onClick: handleClickUse,
       children: "Use"
     })]
@@ -50260,7 +50279,7 @@ const Template$1 = ({
 const container$z = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-const styles$23 = {
+const styles$24 = {
   container: container$z,
   hide: hide$1,
   toolbar: toolbar$3
@@ -56340,7 +56359,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-const styles$22 = {
+const styles$23 = {
   tooltip: tooltip$1,
   tooltip__icon
 };
@@ -56348,9 +56367,9 @@ const LockTooltip = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$22.tooltip,
+    className: styles$23.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$22.tooltip__icon,
+      className: styles$23.tooltip__icon,
       icon: "lock",
       size: "small",
       "data-tip": children
@@ -56364,7 +56383,7 @@ const LockTooltip = ({
 };
 const container$y = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-const styles$21 = {
+const styles$22 = {
   container: container$y,
   tooltip
 };
@@ -56393,7 +56412,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$21.container,
+    className: styles$22.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -56407,7 +56426,7 @@ const NewSelect = ({
         id: id2,
         isDisabled
       }), isDisabled && /* @__PURE__ */ jsx$1("div", {
-        className: styles$21.tooltip,
+        className: styles$22.tooltip,
         children: /* @__PURE__ */ jsx$1(LockTooltip, {
           children: disabledTooltip
         })
@@ -56483,12 +56502,12 @@ const filterTemplatesByLanguage = (templates, language) => {
 };
 const header$9 = "_header_1jmjy_1";
 const icon$8 = "_icon_1jmjy_11";
-const styles$20 = {
+const styles$21 = {
   header: header$9,
   icon: icon$8
 };
 const heading = "_heading_1fifa_1";
-const styles$1$ = {
+const styles$20 = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -56504,7 +56523,7 @@ const Heading = ({
   const Tag2 = level;
   return /* @__PURE__ */ jsx$1(Tag2, {
     id: id2,
-    className: classNames$2(styles$1$["heading"], styles$1$[`heading--${size}`]),
+    className: classNames$2(styles$20["heading"], styles$20[`heading--${size}`]),
     ...props,
     children
   });
@@ -56519,18 +56538,18 @@ const Header$6 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$20.header,
+    className: styles$21.header,
     children: [/* @__PURE__ */ jsx$1(Heading, {
       children: header2.title
     }), typeof header2.icon === "string" && /* @__PURE__ */ jsx$1(Icon, {
       icon: header2.icon,
       onClick: header2.onClickIcon,
-      className: styles$20.icon
+      className: styles$21.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$x = "_container_pc1hp_1";
-const styles$1_ = {
+const styles$1$ = {
   container: container$x
 };
 const Card$1 = ({
@@ -56542,12 +56561,12 @@ const Card$1 = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1_.container, className, "mz-card"),
+      className: classNames$2(styles$1$.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$6, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1_.content, classNameContent),
+        className: classNames$2(styles$1$.content, classNameContent),
         children
       })]
     })
@@ -56619,11 +56638,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$23.container, {
-      [styles$23.hide]: !open
+    className: classNames$2(styles$24.container, {
+      [styles$24.hide]: !open
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$23.toolbar,
+      className: styles$24.toolbar,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -56650,6 +56669,123 @@ const TemplatesModal = ({
     })]
   });
 };
+const Modal$1 = ({
+  open,
+  children,
+  onClose: onClose2,
+  title: title2,
+  width
+}) => {
+  return /* @__PURE__ */ jsx$1(Modal$2, {
+    className: "resbook-modal",
+    title: /* @__PURE__ */ jsxs(Fragment, {
+      children: [typeof title2 === "string" && /* @__PURE__ */ jsx$1(Heading, {
+        children: title2
+      }), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ jsx$1("div", {})]
+    }),
+    open,
+    onCancel: onClose2,
+    width: width || 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ jsx$1(Icon, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true,
+    zIndex: 1032,
+    children
+  });
+};
+const content$b = "_content_1dgv9_1";
+const text$1 = "_text_1dgv9_5";
+const replyBox = "_replyBox_1dgv9_9";
+const loading$3 = "_loading_1dgv9_18";
+const actions = "_actions_1dgv9_33";
+const styles$1_ = {
+  content: content$b,
+  text: text$1,
+  replyBox,
+  loading: loading$3,
+  actions
+};
+const AiReplyModal = ({
+  open,
+  replyText,
+  isLoading,
+  onClose: onClose2,
+  onGoToExternal,
+  externalButtonLabel,
+  onSuggestAnother
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => {
+    if (!replyText) return;
+    if (navigator && navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(replyText);
+    } else {
+      const textarea2 = document.createElement("textarea");
+      textarea2.value = replyText;
+      textarea2.style.position = "fixed";
+      textarea2.style.left = "-9999px";
+      document.body.appendChild(textarea2);
+      textarea2.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea2);
+    }
+    setCopied(true);
+  };
+  useEffect(() => {
+    if (!copied) return;
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 2e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsx$1(Modal$1, {
+    open,
+    onClose: onClose2,
+    title: t2("SUGGESTREPLY"),
+    width: 600,
+    children: /* @__PURE__ */ jsx$1("div", {
+      className: styles$1_.content,
+      children: isLoading ? /* @__PURE__ */ jsx$1("div", {
+        className: styles$1_.loading,
+        children: /* @__PURE__ */ jsx$1(Spinner$1, {})
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx$1("div", {
+          className: styles$1_.replyBox,
+          children: /* @__PURE__ */ jsx$1("p", {
+            className: styles$1_.text,
+            children: replyText
+          })
+        }), /* @__PURE__ */ jsxs("div", {
+          className: styles$1_.actions,
+          children: [/* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: "secondary",
+            icon: "robot",
+            onClick: onSuggestAnother,
+            children: t2("SUGGESTREPLY")
+          }), /* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: copied ? "success" : "secondary",
+            icon: copied ? "check" : "Copy",
+            onClick: handleCopy,
+            children: copied ? t2("Copied") : t2("Copy")
+          }), /* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: "primary",
+            onClick: onGoToExternal,
+            children: externalButtonLabel
+          })]
+        })]
+      })
+    })
+  });
+};
 const DetailMobile = ({
   id: id2,
   reply: reply2,
@@ -56680,28 +56816,38 @@ const DetailMobile = ({
   const showReplyTemplates = ((_a2 = user == null ? void 0 : user.company) == null ? void 0 : _a2.replyTemplates) !== false;
   const [showTemplates, setShowTemplates] = useState(false);
   const [showTranslation, setShowTranslation] = useState(false);
+  const [template] = useContext(ContextTemplate);
+  const [showAiReplyModal, setShowAiReplyModal] = useState(false);
+  const personalisedReply = useMemo$1(() => {
+    if (!template) return "";
+    return template.replaceAll("@@business_name@@", locationName).replaceAll("@@client_fullt_name@@", reviewer2.name).replaceAll("@@client_full_name@@", reviewer2.name);
+  }, [template, locationName, reviewer2.name]);
+  const handleOpenAiReplyModal = () => {
+    setShowAiReplyModal(true);
+    onSuggestTemplate();
+  };
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$29.detail, {
-      [styles$29.hidden]: !openForm
+    className: classNames$2(styles$2a.detail, {
+      [styles$2a.hidden]: !openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
       onClick,
-      className: styles$29.back,
+      className: styles$2a.back,
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "close"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$29.statusbar,
+      className: styles$2a.statusbar,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$29.statusbar__icons,
+        className: styles$2a.statusbar__icons,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: reply2 ? "mailReplied" : "mailNotReplied"
         }), /* @__PURE__ */ jsx$1("img", {
           alt: platform2,
           src: module2.logo || reviewer2.profilePhoto || platformImages[platform2] || "",
-          className: styles$29.platform,
+          className: styles$2a.platform,
           onError: (e) => {
             const target = e.target;
             const fallback = reviewer2.profilePhoto || platformImages[platform2] || "";
@@ -56714,7 +56860,7 @@ const DetailMobile = ({
         children: createdAt
       })]
     }), /* @__PURE__ */ jsxs("strong", {
-      className: styles$29.reviewer,
+      className: styles$2a.reviewer,
       children: [reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ jsx$1(CountryFlag, {
         locale: locale2
       })]
@@ -56759,7 +56905,7 @@ const DetailMobile = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" && platform2 !== "zomato" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$29["container--reply"],
+      className: styles$2a["container--reply"],
       children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -56775,7 +56921,7 @@ const DetailMobile = ({
         reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$29["container--reply"],
+      className: styles$2a["container--reply"],
       children: reply2 && /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       })
@@ -56796,12 +56942,30 @@ const DetailMobile = ({
         onClick: openModal,
         children: t2("SHOWTEMPLATES")
       })]
-    }) : /* @__PURE__ */ jsx$1(Button$1, {
-      type: "submit",
-      size: "small",
-      mode: "primary",
-      children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
-      onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
+    }) : /* @__PURE__ */ jsxs(Fragment, {
+      children: [!reply2 && /* @__PURE__ */ jsx$1(Button$1, {
+        isLoading: isSuggesting,
+        onClick: handleOpenAiReplyModal,
+        style: {
+          marginBottom: 10
+        },
+        icon: "robot",
+        children: t2("SUGGESTREPLY")
+      }), /* @__PURE__ */ jsx$1(Button$1, {
+        type: "submit",
+        size: "small",
+        mode: "primary",
+        children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+        onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
+      }), /* @__PURE__ */ jsx$1(AiReplyModal, {
+        open: showAiReplyModal,
+        onClose: () => setShowAiReplyModal(false),
+        replyText: personalisedReply,
+        isLoading: isSuggesting,
+        onGoToExternal: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com")),
+        externalButtonLabel: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+        onSuggestAnother: onSuggestTemplate
+      })]
     })]
   });
 };
@@ -56890,6 +57054,16 @@ const DetailDesktop = ({
     t: t2
   } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
+  const [template] = useContext(ContextTemplate);
+  const [showAiReplyModal, setShowAiReplyModal] = useState(false);
+  const personalisedReply = useMemo$1(() => {
+    if (!template) return "";
+    return template.replaceAll("@@business_name@@", locationName).replaceAll("@@client_fullt_name@@", reviewer2.name).replaceAll("@@client_full_name@@", reviewer2.name);
+  }, [template, locationName, reviewer2.name]);
+  const handleOpenAiReplyModal = () => {
+    setShowAiReplyModal(true);
+    onSuggestTemplate();
+  };
   const shouldShowReply = reply2 && (platform2 !== "facebook" && platform2 !== "google" || platform2 === "facebook" && (!reply2.replyExternalId || reply2.replyExternalId === ""));
   return /* @__PURE__ */ jsxs("div", {
     className: classNames$2(styles$1Z.detail, {
@@ -56953,18 +57127,35 @@ const DetailDesktop = ({
       className: styles$1Z.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
-      }) : /* @__PURE__ */ jsx$1("div", {
-        style: {
-          display: "flex",
-          justifyContent: "flex-end"
-        },
-        children: /* @__PURE__ */ jsx$1(Button, {
-          type: "submit",
-          size: "small",
-          mode: "primary",
-          children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
-          onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
-        })
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "flex",
+            justifyContent: "flex-end",
+            gap: 8
+          },
+          children: [/* @__PURE__ */ jsx$1(Button, {
+            isLoading: isSuggesting,
+            size: "small",
+            icon: "robot",
+            children: t2("SUGGESTREPLY"),
+            onClick: handleOpenAiReplyModal
+          }), /* @__PURE__ */ jsx$1(Button, {
+            type: "submit",
+            size: "small",
+            mode: "primary",
+            children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+            onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
+          })]
+        }), /* @__PURE__ */ jsx$1(AiReplyModal, {
+          open: showAiReplyModal,
+          onClose: () => setShowAiReplyModal(false),
+          replyText: personalisedReply,
+          isLoading: isSuggesting,
+          onGoToExternal: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com")),
+          externalButtonLabel: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+          onSuggestAnother: onSuggestTemplate
+        })]
       })
     })]
   });
@@ -59415,12 +59606,12 @@ function requireLodash() {
           }
           return isDrop ? baseSlice(array4, fromRight ? 0 : index2, fromRight ? index2 + 1 : length2) : baseSlice(array4, fromRight ? index2 + 1 : 0, fromRight ? length2 : index2);
         }
-        function baseWrapperValue(value2, actions) {
+        function baseWrapperValue(value2, actions2) {
           var result2 = value2;
           if (result2 instanceof LazyWrapper) {
             result2 = result2.value();
           }
-          return arrayReduce(actions, function(result3, action) {
+          return arrayReduce(actions2, function(result3, action) {
             return action.func.apply(action.thisArg, arrayPush2([result3], action.args));
           }, result2);
         }
@@ -62343,8 +62534,8 @@ function requireLodash() {
               object4.prototype[methodName] = function() {
                 var chainAll = this.__chain__;
                 if (chain2 || chainAll) {
-                  var result2 = object4(this.__wrapped__), actions = result2.__actions__ = copyArray2(this.__actions__);
-                  actions.push({ "func": func, "args": arguments, "thisArg": object4 });
+                  var result2 = object4(this.__wrapped__), actions2 = result2.__actions__ = copyArray2(this.__actions__);
+                  actions2.push({ "func": func, "args": arguments, "thisArg": object4 });
                   result2.__chain__ = chainAll;
                   return result2;
                 }
@@ -62969,33 +63160,6 @@ const getReplyTemplateLanguage = () => _23.find(replyLanguages, { "id": getLocal
 const isLocaleSupported = (locale2) => {
   return ["ar", "cs", "da", "de", "el", "en", "es", "et", "fi", "fr", "hi", "hr", "hu", "it", "ja", "ko", "nl", "pl", "pt", "ro", "ru", "sl", "sk", "th", "tr", "uk", "vi", "lt", "zh-CN", "zh-TW"].includes(locale2);
 };
-const Modal$1 = ({
-  open,
-  children,
-  onClose: onClose2,
-  title: title2,
-  width
-}) => {
-  return /* @__PURE__ */ jsx$1(Modal$2, {
-    className: "resbook-modal",
-    title: /* @__PURE__ */ jsxs(Fragment, {
-      children: [typeof title2 === "string" && /* @__PURE__ */ jsx$1(Heading, {
-        children: title2
-      }), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ jsx$1("div", {})]
-    }),
-    open,
-    onCancel: onClose2,
-    width: width || 1e3,
-    footer: null,
-    closeIcon: /* @__PURE__ */ jsx$1(Icon, {
-      icon: "close",
-      size: "small"
-    }),
-    centered: true,
-    zIndex: 1032,
-    children
-  });
-};
 const container$s = "_container_vuyk0_1";
 const fullWidth = "_fullWidth_vuyk0_6";
 const styles$1P = {
@@ -152033,55 +152197,55 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainWrapper = "_mainWrapper_fujtq_2";
-const mainConatiner$1 = "_mainConatiner_fujtq_9";
-const mainTableContainer = "_mainTableContainer_fujtq_20";
-const mainSidebarContainer = "_mainSidebarContainer_fujtq_28";
-const sidebarContent = "_sidebarContent_fujtq_36";
-const sidebarHeader = "_sidebarHeader_fujtq_41";
-const sidebarMainContent = "_sidebarMainContent_fujtq_46";
-const sidebarFooter = "_sidebarFooter_fujtq_54";
-const headerReferece = "_headerReferece_fujtq_59";
-const sidebarCloseIcon = "_sidebarCloseIcon_fujtq_62";
-const headerContainer = "_headerContainer_fujtq_125";
-const searchContainer = "_searchContainer_fujtq_131";
-const buttonList = "_buttonList_fujtq_142";
-const buttonItem = "_buttonItem_fujtq_147";
-const addReservationButton = "_addReservationButton_fujtq_156";
-const hideCancellationsContainer = "_hideCancellationsContainer_fujtq_165";
-const customerVisitContainer = "_customerVisitContainer_fujtq_173";
-const multipleVisits = "_multipleVisits_fujtq_184";
-const singleVisit = "_singleVisit_fujtq_187";
-const loading$2 = "_loading_fujtq_190";
-const tableTopHeader = "_tableTopHeader_fujtq_201";
-const tableTopHeaderContent = "_tableTopHeaderContent_fujtq_215";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_fujtq_222";
-const tableRowContainer = "_tableRowContainer_fujtq_231";
-const tableRowCard = "_tableRowCard_fujtq_237";
-const fadeInX = "_fadeInX_fujtq_1";
-const canceled = "_canceled_fujtq_245";
-const noData = "_noData_fujtq_248";
-const tableRowHour = "_tableRowHour_fujtq_255";
-const tableRowHourText = "_tableRowHourText_fujtq_271";
-const hours = "_hours_fujtq_279";
-const tableRowContent = "_tableRowContent_fujtq_285";
-const rowImage = "_rowImage_fujtq_300";
-const rowContactContainer = "_rowContactContainer_fujtq_314";
-const rowContactText = "_rowContactText_fujtq_326";
-const rowContactPhone = "_rowContactPhone_fujtq_332";
-const rowSectionContainer = "_rowSectionContainer_fujtq_339";
-const rowSection = "_rowSection_fujtq_339";
-const rowSectionText = "_rowSectionText_fujtq_352";
-const rowSectionSecText = "_rowSectionSecText_fujtq_358";
-const rowActionButton = "_rowActionButton_fujtq_365";
-const bookingInfoContainer = "_bookingInfoContainer_fujtq_378";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_fujtq_383";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_fujtq_391";
-const bookingInfoCard = "_bookingInfoCard_fujtq_383";
-const bookingInfoCardContent = "_bookingInfoCardContent_fujtq_403";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_fujtq_409";
-const bookingInfoCardText = "_bookingInfoCardText_fujtq_412";
-const enableOnboardingContainer = "_enableOnboardingContainer_fujtq_416";
+const mainWrapper = "_mainWrapper_qcpcl_2";
+const mainConatiner$1 = "_mainConatiner_qcpcl_9";
+const mainTableContainer = "_mainTableContainer_qcpcl_20";
+const mainSidebarContainer = "_mainSidebarContainer_qcpcl_28";
+const sidebarContent = "_sidebarContent_qcpcl_37";
+const sidebarHeader = "_sidebarHeader_qcpcl_42";
+const sidebarMainContent = "_sidebarMainContent_qcpcl_47";
+const sidebarFooter = "_sidebarFooter_qcpcl_55";
+const headerReferece = "_headerReferece_qcpcl_60";
+const sidebarCloseIcon = "_sidebarCloseIcon_qcpcl_63";
+const headerContainer = "_headerContainer_qcpcl_126";
+const searchContainer = "_searchContainer_qcpcl_132";
+const buttonList = "_buttonList_qcpcl_143";
+const buttonItem = "_buttonItem_qcpcl_148";
+const addReservationButton = "_addReservationButton_qcpcl_157";
+const hideCancellationsContainer = "_hideCancellationsContainer_qcpcl_166";
+const customerVisitContainer = "_customerVisitContainer_qcpcl_174";
+const multipleVisits = "_multipleVisits_qcpcl_185";
+const singleVisit = "_singleVisit_qcpcl_188";
+const loading$2 = "_loading_qcpcl_191";
+const tableTopHeader = "_tableTopHeader_qcpcl_202";
+const tableTopHeaderContent = "_tableTopHeaderContent_qcpcl_216";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_qcpcl_223";
+const tableRowContainer = "_tableRowContainer_qcpcl_232";
+const tableRowCard = "_tableRowCard_qcpcl_238";
+const fadeInX = "_fadeInX_qcpcl_1";
+const canceled = "_canceled_qcpcl_246";
+const noData = "_noData_qcpcl_249";
+const tableRowHour = "_tableRowHour_qcpcl_256";
+const tableRowHourText = "_tableRowHourText_qcpcl_272";
+const hours = "_hours_qcpcl_280";
+const tableRowContent = "_tableRowContent_qcpcl_286";
+const rowImage = "_rowImage_qcpcl_301";
+const rowContactContainer = "_rowContactContainer_qcpcl_315";
+const rowContactText = "_rowContactText_qcpcl_327";
+const rowContactPhone = "_rowContactPhone_qcpcl_333";
+const rowSectionContainer = "_rowSectionContainer_qcpcl_340";
+const rowSection = "_rowSection_qcpcl_340";
+const rowSectionText = "_rowSectionText_qcpcl_353";
+const rowSectionSecText = "_rowSectionSecText_qcpcl_359";
+const rowActionButton = "_rowActionButton_qcpcl_366";
+const bookingInfoContainer = "_bookingInfoContainer_qcpcl_379";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_qcpcl_384";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_qcpcl_392";
+const bookingInfoCard = "_bookingInfoCard_qcpcl_384";
+const bookingInfoCardContent = "_bookingInfoCardContent_qcpcl_404";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_qcpcl_410";
+const bookingInfoCardText = "_bookingInfoCardText_qcpcl_413";
+const enableOnboardingContainer = "_enableOnboardingContainer_qcpcl_417";
 const styles$u = {
   mainWrapper,
   mainConatiner: mainConatiner$1,
@@ -152093,9 +152257,9 @@ const styles$u = {
   sidebarFooter,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_fujtq_73",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_fujtq_79",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_fujtq_87",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_qcpcl_74",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_qcpcl_80",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_qcpcl_88",
   headerContainer,
   searchContainer,
   buttonList,
@@ -153103,6 +153267,22 @@ const GetTableAvailability = async ({
   }
   return [];
 };
+const GetTableWalkInAvailability = async ({
+  venue_id,
+  params
+}) => {
+  if (params && params.startSec) {
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/table-availablity/walk-in`, {
+      params: {
+        ...params,
+        limit: 100
+      }
+    });
+    const data2 = responseData ?? [];
+    return data2;
+  }
+  return [];
+};
 var momentTimezone$2 = { exports: {} };
 var momentTimezone$1 = { exports: {} };
 const require$$0 = /* @__PURE__ */ getAugmentedNamespace(moment$1);
@@ -154072,18 +154252,30 @@ const index$7 = ({
     phone: "",
     notes: ""
   };
-  const bookingSchema = () => create$2().shape({
-    source: create$6().test("is-valid-partySize", "Source is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    date: create$4().required(),
-    time: create$6().test("is-valid-time", "Time is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    partySize: create$6().test("is-valid-partySize", "Party Size is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    table: create$6().test("is-valid-table", "Table is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    firstName: create$4(),
-    lastName: create$4(),
-    email: create$4().email(t2("errors.email")),
-    phone: create$4().nullable().notRequired().test("is-valid-phone", t2("errors.phone"), (value2) => !value2 || new RegExp(/^\+?[1-9]\d{1,14}$/).test(value2)),
-    notes: create$4()
-  });
+  const isWalkInRef = useRef(false);
+  const [, setSchemaTick] = useState(0);
+  const bookingSchema = () => {
+    const base = {
+      source: create$6().test("is-valid-source", "Source is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      partySize: create$6().test("is-valid-partySize", "Party Size is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      table: create$6().test("is-valid-table", "Table is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required()
+    };
+    if (isWalkInRef.current) {
+      return create$2().shape({
+        ...base
+      });
+    }
+    return create$2().shape({
+      ...base,
+      date: create$4().required(),
+      time: create$6().test("is-valid-time", "Time is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      firstName: create$4(),
+      lastName: create$4(),
+      email: create$4().email(t2("errors.email")),
+      phone: create$4().nullable().notRequired().test("is-valid-phone", t2("errors.phone"), (value2) => !value2 || new RegExp(/^\+?[1-9]\d{1,14}$/).test(value2)),
+      notes: create$4()
+    });
+  };
   const {
     control,
     reset,
@@ -154100,6 +154292,13 @@ const index$7 = ({
     control,
     name: "source"
   });
+  useEffect(() => {
+    const newIsWalkIn = (source2 == null ? void 0 : source2.code) === "WALK-IN";
+    if (isWalkInRef.current !== newIsWalkIn) {
+      isWalkInRef.current = newIsWalkIn;
+      setSchemaTick((t22) => t22 + 1);
+    }
+  }, [source2 == null ? void 0 : source2.code]);
   const date4 = useWatch({
     control,
     name: "date"
@@ -154112,9 +154311,10 @@ const index$7 = ({
     control,
     name: "partySize"
   });
+  const isWalkIn = (source2 == null ? void 0 : source2.code) === "WALK-IN";
   const {
     data: data2
-  } = useFetch(date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize2 && (partySize2 == null ? void 0 : partySize2.value) ? GetTableAvailability : () => Promise.resolve([]), {
+  } = useFetch(date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize2 && (partySize2 == null ? void 0 : partySize2.value) ? isWalkIn ? GetTableWalkInAvailability : GetTableAvailability : () => Promise.resolve([]), {
     cacheId: "reservation0dashboard0table0availability",
     venue_id: venueId,
     params: source2 && (source2 == null ? void 0 : source2.value) ? {
@@ -154134,7 +154334,7 @@ const index$7 = ({
     }
   });
   const onSubmit = async () => {
-    var _a2, _b, _c, _d, _e2, _f, _g;
+    var _a2, _b, _c, _d, _e2, _f, _g, _h, _i;
     const data22 = await getValues();
     const result = await trigger();
     if (!result) {
@@ -154142,17 +154342,19 @@ const index$7 = ({
       return;
     }
     if (!selectedBooking) {
+      const isWalkInCreate = ((_a2 = data22 == null ? void 0 : data22.source) == null ? void 0 : _a2.code) === "WALK-IN";
+      const startSec = isWalkInCreate ? moment.tz(moment(), currentTimeZone || void 0).valueOf() / 1e3 : data22.date && ((_b = data22.time) == null ? void 0 : _b.value) ? moment.tz(`${data22.date} ${(_c = data22.time) == null ? void 0 : _c.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
       const toSend = {
-        bookingChannel: (_a2 = data22 == null ? void 0 : data22.source) == null ? void 0 : _a2.value,
-        partySize: (_b = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _b.value,
-        table: (_c = data22 == null ? void 0 : data22.table) == null ? void 0 : _c.value,
-        date: data22.date ? moment.tz(`${data22.date} ${(_d = data22.time) == null ? void 0 : _d.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        bookingChannel: (_d = data22 == null ? void 0 : data22.source) == null ? void 0 : _d.value,
+        partySize: (_e2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _e2.value,
+        table: (_f = data22 == null ? void 0 : data22.table) == null ? void 0 : _f.value,
+        date: Math.floor(startSec),
         notes: data22 == null ? void 0 : data22.notes,
         contact: {
-          firstname: data22 == null ? void 0 : data22.firstName,
-          lastname: data22 == null ? void 0 : data22.lastName,
-          email: data22 == null ? void 0 : data22.email,
-          telephone: data22 == null ? void 0 : data22.phone,
+          firstname: isWalkInCreate ? "" : data22 == null ? void 0 : data22.firstName,
+          lastname: isWalkInCreate ? "" : data22 == null ? void 0 : data22.lastName,
+          email: isWalkInCreate ? "" : data22 == null ? void 0 : data22.email,
+          telephone: isWalkInCreate ? "" : data22 == null ? void 0 : data22.phone,
           locale: "en"
         }
       };
@@ -154162,10 +154364,11 @@ const index$7 = ({
       });
       reloadMainTable();
     } else {
+      const dateSec = data22.date ? moment.tz(`${data22.date} ${(_g = data22.time) == null ? void 0 : _g.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
       const toSend = {
-        partySize: (_e2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _e2.value,
-        table: (_f = data22 == null ? void 0 : data22.table) == null ? void 0 : _f.value,
-        date: data22.date ? moment.tz(`${data22.date} ${(_g = data22.time) == null ? void 0 : _g.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        partySize: (_h = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _h.value,
+        table: (_i = data22 == null ? void 0 : data22.table) == null ? void 0 : _i.value,
+        date: Math.floor(dateSec),
         notes: data22 == null ? void 0 : data22.notes,
         contact: {
           firstname: data22 == null ? void 0 : data22.firstName,
@@ -154184,7 +154387,8 @@ const index$7 = ({
   };
   useEffect(() => {
     if (data2) {
-      const tableOptions2 = data2.map((item2) => {
+      const list = Array.isArray(data2) ? data2 : (data2 == null ? void 0 : data2.id) ? [data2] : [];
+      const tableOptions2 = list.map((item2) => {
         var _a2, _b;
         return {
           value: item2.id,
@@ -154214,7 +154418,7 @@ const index$7 = ({
     if (filtersData == null ? void 0 : filtersData.hours) {
       setTimeByDayOptions(filtersData == null ? void 0 : filtersData.hours);
     }
-    if ((filtersData == null ? void 0 : filtersData.tables) && !selectedBooking) {
+    if ((filtersData == null ? void 0 : filtersData.tables) && !selectedBooking && (source2 == null ? void 0 : source2.code) !== "WALK-IN") {
       setTableOptions(filtersData.tables.map((item2) => ({
         value: item2.id,
         label: item2.label
@@ -154223,7 +154427,7 @@ const index$7 = ({
     if (filtersData == null ? void 0 : filtersData.timeZone) {
       setCurrentTimeZone(filtersData.timeZone);
     }
-  }, [filtersData]);
+  }, [filtersData, source2 == null ? void 0 : source2.code]);
   useEffect(() => {
     var _a2, _b;
     if (selectedBooking) {
@@ -154275,7 +154479,7 @@ const index$7 = ({
   useEffect(() => {
     if (source2 && source2.code === "WALK-IN") {
       const currentTime = moment();
-      setValue("date", currentTime.format("YYYY-MM-DD"));
+      setValue("date", currentTime.format("DD/MM/YYYY"));
       if (timeOptions.length > 0) {
         const validFutureTimes = timeOptions.filter((option) => option.value).map((option) => ({
           ...option,
@@ -154309,10 +154513,11 @@ const index$7 = ({
           name: "source",
           options: sourceOptions.map((item2) => ({
             value: item2.value,
-            label: t2(item2.label)
+            label: t2(item2.label),
+            code: item2.code
           }))
         })
-      }), /* @__PURE__ */ jsxs("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
           gap: 10
@@ -154374,66 +154579,68 @@ const index$7 = ({
             options: tableOptions
           })
         })]
-      }), /* @__PURE__ */ jsxs("div", {
-        style: {
-          display: "flex",
-          gap: 10
-        },
-        children: [/* @__PURE__ */ jsx$1("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsxs("div", {
           style: {
-            width: "50%"
+            display: "flex",
+            gap: 10
+          },
+          children: [/* @__PURE__ */ jsx$1("div", {
+            style: {
+              width: "50%"
+            },
+            children: /* @__PURE__ */ jsx$1(TextInputField, {
+              disabled: !canEdit,
+              control,
+              id: "firstName",
+              name: "firstName",
+              placeholder: t2("firstname"),
+              radius: "md",
+              filled: true
+            })
+          }), /* @__PURE__ */ jsx$1("div", {
+            style: {
+              width: "50%"
+            },
+            children: /* @__PURE__ */ jsx$1(TextInputField, {
+              disabled: !canEdit,
+              control,
+              id: "lastName",
+              name: "lastName",
+              placeholder: t2("lastname"),
+              radius: "md",
+              filled: true
+            })
+          })]
+        }), /* @__PURE__ */ jsx$1(CustomerVisits, {
+          venueId
+        }), /* @__PURE__ */ jsx$1("div", {
+          style: {
+            width: "100%"
           },
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             disabled: !canEdit,
             control,
-            id: "firstName",
-            name: "firstName",
-            placeholder: t2("firstname"),
+            id: "phone",
+            name: "phone",
+            placeholder: t2("phone"),
             radius: "md",
             filled: true
           })
         }), /* @__PURE__ */ jsx$1("div", {
           style: {
-            width: "50%"
+            width: "100%"
           },
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             disabled: !canEdit,
             control,
-            id: "lastName",
-            name: "lastName",
-            placeholder: t2("lastname"),
+            id: "email",
+            name: "email",
+            placeholder: t2("email"),
             radius: "md",
             filled: true
           })
         })]
-      }), /* @__PURE__ */ jsx$1(CustomerVisits, {
-        venueId
-      }), /* @__PURE__ */ jsx$1("div", {
-        style: {
-          width: "100%"
-        },
-        children: /* @__PURE__ */ jsx$1(TextInputField, {
-          disabled: !canEdit,
-          control,
-          id: "phone",
-          name: "phone",
-          placeholder: t2("phone"),
-          radius: "md",
-          filled: true
-        })
-      }), /* @__PURE__ */ jsx$1("div", {
-        style: {
-          width: "100%"
-        },
-        children: /* @__PURE__ */ jsx$1(TextInputField, {
-          disabled: !canEdit,
-          control,
-          id: "email",
-          name: "email",
-          placeholder: t2("email"),
-          radius: "md",
-          filled: true
-        })
       }), /* @__PURE__ */ jsx$1("div", {
         style: {
           width: "100%"
@@ -154445,7 +154652,7 @@ const index$7 = ({
           name: "notes",
           placeholder: t2("notes")
         })
-      }), /* @__PURE__ */ jsx$1("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsx$1("div", {
         style: {
           width: "100%"
         },