@happychef/reservation-sidebar 2.0.3 → 2.0.5

package/dist/index.js

@@ -4349,9 +4349,10 @@ var FormField = ({
   const t = getSection(translations_default, "formField");
   const selectPlaceholderText = selectPlaceholder || t.selectPlaceholder;
   const [showTooltip, setShowTooltip] = React.useState(false);
-  const tooltipRef = React.useRef < HTMLDivElement > null;
-  const timerRef = React.useRef < NodeJS.Timeout | null > null;
+  const tooltipRef = React.useRef(null);
+  const timerRef = React.useRef(null);
   const RightIconComponent = rightIcon2;
+  const Icon = icon;
   React.useEffect(() => {
     const handleClickOutside = (e) => {
       if (tooltipRef.current && !tooltipRef.current.contains(e.target)) {
@@ -4419,13 +4420,13 @@ var FormField = ({
           style: {
             position: "absolute",
             bottom: "100%",
-            right,
+            right: 0,
             backgroundColor: "#fff",
             color: "#333",
             borderRadius: "8px",
             fontSize: "0.9rem",
             boxShadow: "0px 4px 10px rgba(0,0,0,0.15)",
-            zIndex,
+            zIndex: 1e3,
             marginBottom: "8px",
             minWidth: "220px",
             overflow: "hidden"
@@ -4437,13 +4438,13 @@ var FormField = ({
             className: "lottie-container",
             style: {
               position: "absolute",
-              top,
+              top: 0,
               right: "1px",
               width: "calc(100% + 30px)",
               height: "100%",
               marginRight: "-100px",
               pointerEvents: "none",
-              zIndex
+              zIndex: 1
             }
           },
           /* @__PURE__ */ React__default.default.createElement(
@@ -4455,7 +4456,7 @@ var FormField = ({
             }
           )
         ),
-        /* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative", zIndex, padding: "12px 20px" } }, /* @__PURE__ */ React__default.default.createElement(
+        /* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative", zIndex: 2, padding: "12px 20px" } }, /* @__PURE__ */ React__default.default.createElement(
           "div",
           {
             style: {
@@ -4525,7 +4526,7 @@ var useApi = () => {
       const token = getJwtToken();
       return axios__default.default({
         method,
-        url,
+        url: endpoint,
         data,
         ...config,
         headers: {

package/dist/index.mjs

@@ -4340,9 +4340,10 @@ var FormField = ({
   const t = getSection(translations_default, "formField");
   const selectPlaceholderText = selectPlaceholder || t.selectPlaceholder;
   const [showTooltip, setShowTooltip] = useState(false);
-  const tooltipRef = useRef < HTMLDivElement > null;
-  const timerRef = useRef < NodeJS.Timeout | null > null;
+  const tooltipRef = useRef(null);
+  const timerRef = useRef(null);
   const RightIconComponent = rightIcon2;
+  const Icon = icon;
   useEffect(() => {
     const handleClickOutside = (e) => {
       if (tooltipRef.current && !tooltipRef.current.contains(e.target)) {
@@ -4410,13 +4411,13 @@ var FormField = ({
           style: {
             position: "absolute",
             bottom: "100%",
-            right,
+            right: 0,
             backgroundColor: "#fff",
             color: "#333",
             borderRadius: "8px",
             fontSize: "0.9rem",
             boxShadow: "0px 4px 10px rgba(0,0,0,0.15)",
-            zIndex,
+            zIndex: 1e3,
             marginBottom: "8px",
             minWidth: "220px",
             overflow: "hidden"
@@ -4428,13 +4429,13 @@ var FormField = ({
             className: "lottie-container",
             style: {
               position: "absolute",
-              top,
+              top: 0,
               right: "1px",
               width: "calc(100% + 30px)",
               height: "100%",
               marginRight: "-100px",
               pointerEvents: "none",
-              zIndex
+              zIndex: 1
             }
           },
           /* @__PURE__ */ React.createElement(
@@ -4446,7 +4447,7 @@ var FormField = ({
             }
           )
         ),
-        /* @__PURE__ */ React.createElement("div", { style: { position: "relative", zIndex, padding: "12px 20px" } }, /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement("div", { style: { position: "relative", zIndex: 2, padding: "12px 20px" } }, /* @__PURE__ */ React.createElement(
           "div",
           {
             style: {
@@ -4516,7 +4517,7 @@ var useApi = () => {
       const token = getJwtToken();
       return axios({
         method,
-        url,
+        url: endpoint,
         data,
         ...config,
         headers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happychef/reservation-sidebar",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "A compound component for managing restaurant reservations - JavaScript version with independent styles",
   "main": "dist/index.js",
   "module": "dist/index.mjs",