@happychef/reservation-sidebar 2.1.3 → 2.1.4

package/dist/index.js

@@ -5508,8 +5508,8 @@ var FormField = ({
   halfWidth,
   options = [],
   selectPlaceholder,
-  rightIcon: rightIcon2,
-  onRightIconClick: onRightIconClick2,
+  rightIcon,
+  onRightIconClick,
   tooltipContent
 }) => {
   const t = getSection(translations_default2, "formField");
@@ -5517,7 +5517,7 @@ var FormField = ({
   const [showTooltip, setShowTooltip] = React9.useState(false);
   const tooltipRef = React9.useRef(null);
   const timerRef = React9.useRef(null);
-  const RightIconComponent = rightIcon2;
+  const RightIconComponent = rightIcon;
   const Icon = icon;
   React9.useEffect(() => {
     const handleClickOutside = (e) => {
@@ -5555,7 +5555,7 @@ var FormField = ({
       "div",
       {
         className: "magic-wand-container",
-        onClick: onRightIconClick2,
+        onClick: onRightIconClick,
         onMouseEnter: () => {
           if (timerRef.current) clearTimeout(timerRef.current);
           setShowTooltip(true);
@@ -5806,6 +5806,12 @@ var ReservationStepTwo = ({
   const [hasAutofilled, setHasAutofilled] = React9.useState(false);
   const [pendingAutofill, setPendingAutofill] = React9.useState(null);
   const api = useApi_default();
+  const rightIcon = fa.FaMagic;
+  const onRightIconClick = () => {
+    if (pendingAutofill) {
+      applyAutofill();
+    }
+  };
   React9.useEffect(() => {
     moment2__default.default.locale(lang);
     if (!formData.date || !formData.time || !menuData.length) return setAvailableMenus([]);
@@ -5855,15 +5861,23 @@ var ReservationStepTwo = ({
   React9.useEffect(() => {
     tryAutofill();
   }, [formData.email, formData.phone]);
+  const applyAutofill = () => {
+    if (!pendingAutofill) return;
+    setFormData((prev) => ({
+      ...prev,
+      firstName: pendingAutofill.firstName,
+      lastName: pendingAutofill.lastName,
+      email: pendingAutofill.email,
+      phone: pendingAutofill.phone
+    }));
+    setHasAutofilled(true);
+    setPendingAutofill(null);
+  };
   const magicProps = React9.useMemo(() => {
-    if (!pendingAutofill)
-      return { email: {}, phone: {} };
+    if (!pendingAutofill) return { email: {}, phone: {} };
     const emailActive = pendingAutofill.sources.includes("email") && (formData.email || "").trim().toLowerCase() === pendingAutofill.email.trim().toLowerCase();
     const phoneActive = pendingAutofill.sources.includes("phone") && (formData.phone || "").trim() === pendingAutofill.phone.trim();
-    const common = {
-      rightIcon,
-      onRightIconClick
-    };
+    const common = { rightIcon, onRightIconClick };
     return {
       email: emailActive ? {
         ...common,

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { getAvailableTablesForTime, getAvailableTimeblocks, getAvailableTimebloc
 import { DateTime } from 'luxon';
 import axios from 'axios';
 import Lottie from 'lottie-react';
-import { FaUser, FaEnvelope, FaPhone, FaInfoCircle, FaTimes } from 'react-icons/fa';
+import { FaMagic, FaUser, FaEnvelope, FaPhone, FaInfoCircle, FaTimes } from 'react-icons/fa';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -5499,8 +5499,8 @@ var FormField = ({
   halfWidth,
   options = [],
   selectPlaceholder,
-  rightIcon: rightIcon2,
-  onRightIconClick: onRightIconClick2,
+  rightIcon,
+  onRightIconClick,
   tooltipContent
 }) => {
   const t = getSection(translations_default2, "formField");
@@ -5508,7 +5508,7 @@ var FormField = ({
   const [showTooltip, setShowTooltip] = useState(false);
   const tooltipRef = useRef(null);
   const timerRef = useRef(null);
-  const RightIconComponent = rightIcon2;
+  const RightIconComponent = rightIcon;
   const Icon = icon;
   useEffect(() => {
     const handleClickOutside = (e) => {
@@ -5546,7 +5546,7 @@ var FormField = ({
       "div",
       {
         className: "magic-wand-container",
-        onClick: onRightIconClick2,
+        onClick: onRightIconClick,
         onMouseEnter: () => {
           if (timerRef.current) clearTimeout(timerRef.current);
           setShowTooltip(true);
@@ -5797,6 +5797,12 @@ var ReservationStepTwo = ({
   const [hasAutofilled, setHasAutofilled] = useState(false);
   const [pendingAutofill, setPendingAutofill] = useState(null);
   const api = useApi_default();
+  const rightIcon = FaMagic;
+  const onRightIconClick = () => {
+    if (pendingAutofill) {
+      applyAutofill();
+    }
+  };
   useEffect(() => {
     moment2.locale(lang);
     if (!formData.date || !formData.time || !menuData.length) return setAvailableMenus([]);
@@ -5846,15 +5852,23 @@ var ReservationStepTwo = ({
   useEffect(() => {
     tryAutofill();
   }, [formData.email, formData.phone]);
+  const applyAutofill = () => {
+    if (!pendingAutofill) return;
+    setFormData((prev) => ({
+      ...prev,
+      firstName: pendingAutofill.firstName,
+      lastName: pendingAutofill.lastName,
+      email: pendingAutofill.email,
+      phone: pendingAutofill.phone
+    }));
+    setHasAutofilled(true);
+    setPendingAutofill(null);
+  };
   const magicProps = useMemo(() => {
-    if (!pendingAutofill)
-      return { email: {}, phone: {} };
+    if (!pendingAutofill) return { email: {}, phone: {} };
     const emailActive = pendingAutofill.sources.includes("email") && (formData.email || "").trim().toLowerCase() === pendingAutofill.email.trim().toLowerCase();
     const phoneActive = pendingAutofill.sources.includes("phone") && (formData.phone || "").trim() === pendingAutofill.phone.trim();
-    const common = {
-      rightIcon,
-      onRightIconClick
-    };
+    const common = { rightIcon, onRightIconClick };
     return {
       email: emailActive ? {
         ...common,

package/package.json

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