@anker-in/ui 0.1.19 → 0.2.0

package/dist/index.d.mts

@@ -189,6 +189,8 @@ interface Question {
     hint?: string;
     options?: QuestionOption[];
     required: boolean;
+    is_default?: boolean;
+    order?: number;
 }
 interface Questionnaire {
     id: number;
@@ -212,6 +214,7 @@ interface CreateBookingRequest {
     customer_email: string;
     customer_phone_code: string;
     customer_phone_number: string;
+    has_booked_before?: number;
 }
 interface Booking {
     booking_id: number;

package/dist/index.d.ts

@@ -189,6 +189,8 @@ interface Question {
     hint?: string;
     options?: QuestionOption[];
     required: boolean;
+    is_default?: boolean;
+    order?: number;
 }
 interface Questionnaire {
     id: number;
@@ -212,6 +214,7 @@ interface CreateBookingRequest {
     customer_email: string;
     customer_phone_code: string;
     customer_phone_number: string;
+    has_booked_before?: number;
 }
 interface Booking {
     booking_id: number;

package/dist/index.js

@@ -1684,6 +1684,41 @@ var QuestionnaireForm = ({
   const [agreementError, setAgreementError] = React9.useState("");
   const [phoneCountryCodes, setPhoneCountryCodes] = React9.useState({});
   const [otherInputs, setOtherInputs] = React9.useState({});
+  const prevHasBookedBeforeRef = React9.useRef(false);
+  const hasBookedBefore = responses["has_booked_before"] === "option2";
+  const hiddenQuestionIds = React9.useMemo(() => {
+    if (!hasBookedBefore) return [];
+    return questions.filter((q) => q.is_default === false).map((q) => q.key || q.id || "");
+  }, [hasBookedBefore, questions]);
+  const visibleQuestions = React9.useMemo(() => {
+    return questions.filter((question) => {
+      if (hasBookedBefore && question.is_default === false) {
+        return false;
+      }
+      return true;
+    });
+  }, [questions, hasBookedBefore]);
+  React9.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" },
@@ -1699,7 +1734,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) => ({
@@ -1753,7 +1788,7 @@ var QuestionnaireForm = ({
   };
   const validateForm = () => {
     const newErrors = {};
-    questions.forEach((question) => {
+    visibleQuestions.forEach((question) => {
       if (question.required) {
         const questionId = getQuestionId(question);
         const value = responses[questionId];
@@ -2066,7 +2101,7 @@ var QuestionnaireForm = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pb-[80px] light", children: [
-    questions && questions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-[12px] border border-[#E4E5E6] p-8 dark:bg-white dark:border-[#E4E5E6] l:p-4", children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, className: cn("space-y-6", className), children: questions.map((question) => {
+    visibleQuestions && visibleQuestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-[12px] border border-[#E4E5E6] p-8 dark:bg-white dark:border-[#E4E5E6] l:p-4", children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, className: cn("space-y-6", className), children: visibleQuestions.map((question) => {
       const questionId = getQuestionId(question);
       const hasError = !!errors[questionId];
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2746,6 +2781,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,
@@ -2755,7 +2791,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);