@anker-in/ui 0.1.19 → 0.2.1

package/dist/index.mjs

@@ -1670,6 +1670,61 @@ var QuestionnaireForm = ({
   const [agreementError, setAgreementError] = useState("");
   const [phoneCountryCodes, setPhoneCountryCodes] = useState({});
   const [otherInputs, setOtherInputs] = useState({});
+  const prevHasBookedBeforeRef = useRef(false);
+  const hasBookedBeforeInitialized = useRef(false);
+  const hasBookedBeforeQuestion = questions.find(
+    (q) => (q.key || q.id) === "has_booked_before"
+  );
+  const hasBookedBeforeQuestionId = hasBookedBeforeQuestion ? hasBookedBeforeQuestion.key || hasBookedBeforeQuestion.id || "" : "has_booked_before";
+  const hasBookedBefore = responses[hasBookedBeforeQuestionId] === "option2";
+  const hiddenQuestionIds = useMemo(() => {
+    if (!hasBookedBefore) return [];
+    return questions.filter((q) => q.is_default === false).map((q) => q.key || q.id || "");
+  }, [hasBookedBefore, questions]);
+  const visibleQuestions = useMemo(() => {
+    return questions.filter((question) => {
+      if (hasBookedBefore && question.is_default === false) {
+        return false;
+      }
+      return true;
+    });
+  }, [questions, hasBookedBefore]);
+  useEffect(() => {
+    if (hasBookedBeforeInitialized.current) return;
+    if (hasBookedBeforeQuestion && hasBookedBeforeQuestionId) {
+      setResponses((prev) => {
+        if (!prev[hasBookedBeforeQuestionId]) {
+          return {
+            ...prev,
+            [hasBookedBeforeQuestionId]: "option1"
+          };
+        }
+        return prev;
+      });
+      hasBookedBeforeInitialized.current = true;
+    }
+  }, [hasBookedBeforeQuestion, hasBookedBeforeQuestionId]);
+  useEffect(() => {
+    if (hasBookedBefore && !prevHasBookedBeforeRef.current) {
+      if (hiddenQuestionIds.length > 0) {
+        setResponses((prev) => {
+          const newResponses = { ...prev };
+          hiddenQuestionIds.forEach((questionId) => {
+            delete newResponses[questionId];
+          });
+          return newResponses;
+        });
+        setErrors((prev) => {
+          const newErrors = { ...prev };
+          hiddenQuestionIds.forEach((questionId) => {
+            delete newErrors[questionId];
+          });
+          return newErrors;
+        });
+      }
+    }
+    prevHasBookedBeforeRef.current = hasBookedBefore;
+  }, [hasBookedBefore, hiddenQuestionIds]);
   const defaultCountryCodes = [
     { code: "+1", country: "US/CA" },
     { code: "+86", country: "CN" },
@@ -1685,7 +1740,7 @@ var QuestionnaireForm = ({
   ];
   const countryCodes = pageData?.countryCodes || defaultCountryCodes;
   const getQuestionId = (question) => {
-    return question.id || question.key || "";
+    return question.key || question.id || "";
   };
   const handleChange = (questionId, value) => {
     setResponses((prev) => ({
@@ -1739,7 +1794,7 @@ var QuestionnaireForm = ({
   };
   const validateForm = () => {
     const newErrors = {};
-    questions.forEach((question) => {
+    visibleQuestions.forEach((question) => {
       if (question.required) {
         const questionId = getQuestionId(question);
         const value = responses[questionId];
@@ -2052,7 +2107,7 @@ var QuestionnaireForm = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "pb-[80px] light", children: [
-    questions && questions.length > 0 && /* @__PURE__ */ jsx("div", { className: "bg-white rounded-[12px] border border-[#E4E5E6] p-8 dark:bg-white dark:border-[#E4E5E6] l:p-4", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: cn("space-y-6", className), children: questions.map((question) => {
+    visibleQuestions && visibleQuestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "bg-white rounded-[12px] border border-[#E4E5E6] p-8 dark:bg-white dark:border-[#E4E5E6] l:p-4", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: cn("space-y-6", className), children: visibleQuestions.map((question) => {
       const questionId = getQuestionId(question);
       const hasError = !!errors[questionId];
       return /* @__PURE__ */ jsxs(
@@ -2732,6 +2787,7 @@ var DateTimePicker = ({
               const customerEmail = responses.email || responses.customer_email || "";
               const customerPhone = responses.phone || responses.customer_phone_number || "";
               const customerPhoneCode = responses.phone_code || responses.customer_phone_code || "+1";
+              const hasBookedBefore = responses.has_booked_before === "option2" ? 1 : 0;
               if (selectedTimeslotId) {
                 const result = await createBooking({
                   demoroom_code: demoRoomCode,
@@ -2741,7 +2797,8 @@ var DateTimePicker = ({
                   customer_name: customerName,
                   customer_email: customerEmail,
                   customer_phone_code: customerPhoneCode,
-                  customer_phone_number: customerPhone
+                  customer_phone_number: customerPhone,
+                  has_booked_before: hasBookedBefore
                 });
                 if (result && onBookingSuccess) {
                   onBookingSuccess(result?.cancel_token);