@ringg/react-native 0.0.1-alpha.10

package/lib/module/components/steps/FormStep.js

@@ -0,0 +1,346 @@
+"use strict";
+
+/**
+ * FormStep — dynamic form renderer supporting 9 field types with validation.
+ *
+ * Field types: text, email, tel, number, select, multiselect, textarea, date, boolean.
+ * Matches CDN form-step.tsx behavior.
+ */
+
+import React, { useState, useCallback } from "react";
+import { View, Text, TextInput, TouchableOpacity, ActivityIndicator, Switch, ScrollView, StyleSheet } from "react-native";
+import { colorToSolid, getButtonRadius } from "@ringg/core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FormStep({
+  payload,
+  theme,
+  isProcessing,
+  onComplete
+}) {
+  const {
+    data
+  } = payload;
+  const buttonRadius = parseInt(getButtonRadius(theme.buttonStyle), 10) || 8;
+  const primarySolid = colorToSolid(theme.primaryColor);
+  const [formData, setFormData] = useState({});
+  const [fieldErrors, setFieldErrors] = useState({});
+  const getOptionLabel = option => typeof option === "string" ? option : option.label;
+  const getOptionValue = option => typeof option === "string" ? option : option.value;
+  const validateField = useCallback((field, value) => {
+    if (field.required) {
+      if (value === undefined || value === null || value === "" || Array.isArray(value) && value.length === 0 || typeof value === "string" && !value.trim()) {
+        return `${field.label} is required`;
+      }
+    }
+    if (typeof value === "string" && value) {
+      if (field.validation) {
+        if (field.validation.minLength && value.length < field.validation.minLength) {
+          return field.validation.message || `${field.label} must be at least ${field.validation.minLength} characters`;
+        }
+        if (field.validation.maxLength && value.length > field.validation.maxLength) {
+          return field.validation.message || `${field.label} must be at most ${field.validation.maxLength} characters`;
+        }
+        if (field.validation.pattern) {
+          const regex = new RegExp(field.validation.pattern);
+          if (!regex.test(value)) {
+            return field.validation.message || `${field.label} is invalid`;
+          }
+        }
+      }
+      if (field.type === "email") {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(value)) {
+          return "Please enter a valid email address";
+        }
+      }
+      if (field.type === "tel") {
+        const phoneRegex = /^[\d\s\-+()]{7,}$/;
+        if (!phoneRegex.test(value)) {
+          return "Please enter a valid phone number";
+        }
+      }
+    }
+    return null;
+  }, []);
+  const handleFieldChange = useCallback((fieldName, value) => {
+    setFormData(prev => ({
+      ...prev,
+      [fieldName]: value
+    }));
+    setFieldErrors(prev => {
+      if (prev[fieldName]) {
+        const next = {
+          ...prev
+        };
+        delete next[fieldName];
+        return next;
+      }
+      return prev;
+    });
+  }, []);
+  const handleMultiselectToggle = useCallback((fieldName, optionValue, checked) => {
+    setFormData(prev => {
+      const current = prev[fieldName] || [];
+      const next = checked ? [...current, optionValue] : current.filter(v => v !== optionValue);
+      return {
+        ...prev,
+        [fieldName]: next
+      };
+    });
+    setFieldErrors(prev => {
+      if (prev[fieldName]) {
+        const next = {
+          ...prev
+        };
+        delete next[fieldName];
+        return next;
+      }
+      return prev;
+    });
+  }, []);
+  const handleSubmit = useCallback(() => {
+    const errors = {};
+    let valid = true;
+    data.fields.forEach(field => {
+      const error = validateField(field, formData[field.name]);
+      if (error) {
+        errors[field.name] = error;
+        valid = false;
+      }
+    });
+    setFieldErrors(errors);
+    if (valid) {
+      onComplete(formData);
+    }
+  }, [data.fields, formData, validateField, onComplete]);
+  const inputStyle = hasError => ({
+    backgroundColor: "#ffffff",
+    color: theme.textColor,
+    borderColor: hasError ? theme.errorColor : theme.borderColor,
+    borderWidth: 1,
+    borderRadius: buttonRadius
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.title, {
+        color: theme.textColor
+      }],
+      children: data.title
+    }), data.description ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.description, {
+        color: theme.mutedTextColor
+      }],
+      children: data.description
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.fieldsContainer,
+      children: data.fields.map(field => {
+        const hasError = !!fieldErrors[field.name];
+        return /*#__PURE__*/_jsxs(View, {
+          style: styles.fieldWrapper,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: [styles.fieldLabel, {
+              color: theme.mutedTextColor
+            }],
+            children: [field.label, field.required ? /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: theme.errorColor
+              },
+              children: " *"
+            }) : null]
+          }), field.type === "select" && field.options ? /*#__PURE__*/_jsx(ScrollView, {
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            children: field.options.map((option, idx) => {
+              const val = getOptionValue(option);
+              const isSelected = formData[field.name] === val;
+              return /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => handleFieldChange(field.name, val),
+                style: [styles.selectPill, {
+                  borderRadius: buttonRadius,
+                  backgroundColor: isSelected ? primarySolid : "#ffffff",
+                  borderColor: isSelected ? primarySolid : theme.borderColor,
+                  borderWidth: 1
+                }],
+                activeOpacity: 0.8,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: [styles.selectPillText, {
+                    color: isSelected ? theme.primaryTextColor : theme.textColor
+                  }],
+                  children: getOptionLabel(option)
+                })
+              }, idx);
+            })
+          }) : null, field.type === "multiselect" && field.options ? /*#__PURE__*/_jsx(View, {
+            style: styles.multiselectContainer,
+            children: field.options.map((option, idx) => {
+              const val = getOptionValue(option);
+              const isChecked = (formData[field.name] || []).includes(val);
+              return /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => handleMultiselectToggle(field.name, val, !isChecked),
+                style: [styles.selectPill, {
+                  borderRadius: buttonRadius,
+                  backgroundColor: isChecked ? primarySolid : "#ffffff",
+                  borderColor: isChecked ? primarySolid : theme.borderColor,
+                  borderWidth: 1
+                }],
+                activeOpacity: 0.8,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: [styles.selectPillText, {
+                    color: isChecked ? theme.primaryTextColor : theme.textColor
+                  }],
+                  children: getOptionLabel(option)
+                })
+              }, idx);
+            })
+          }) : null, field.type === "boolean" ? /*#__PURE__*/_jsxs(View, {
+            style: styles.booleanRow,
+            children: [/*#__PURE__*/_jsx(Switch, {
+              value: formData[field.name] || false,
+              onValueChange: v => handleFieldChange(field.name, v),
+              trackColor: {
+                false: theme.borderColor,
+                true: primarySolid
+              },
+              thumbColor: "#ffffff"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.booleanLabel, {
+                color: theme.mutedTextColor
+              }],
+              children: field.placeholder || "Yes"
+            })]
+          }) : null, field.type === "textarea" ? /*#__PURE__*/_jsx(TextInput, {
+            placeholder: field.placeholder || `Enter ${field.label.toLowerCase()}`,
+            placeholderTextColor: theme.mutedTextColor,
+            value: formData[field.name] || "",
+            onChangeText: v => handleFieldChange(field.name, v),
+            multiline: true,
+            numberOfLines: 3,
+            textAlignVertical: "top",
+            style: [styles.textArea, inputStyle(hasError)]
+          }) : null, field.type === "number" ? /*#__PURE__*/_jsx(TextInput, {
+            placeholder: field.placeholder || `Enter ${field.label.toLowerCase()}`,
+            placeholderTextColor: theme.mutedTextColor,
+            value: formData[field.name] !== undefined ? String(formData[field.name]) : "",
+            onChangeText: v => handleFieldChange(field.name, v ? Number(v) : ""),
+            keyboardType: "numeric",
+            style: [styles.textInput, inputStyle(hasError)]
+          }) : null, field.type !== "select" && field.type !== "multiselect" && field.type !== "boolean" && field.type !== "textarea" && field.type !== "number" ? /*#__PURE__*/_jsx(TextInput, {
+            placeholder: field.placeholder || `Enter ${field.label.toLowerCase()}`,
+            placeholderTextColor: theme.mutedTextColor,
+            value: formData[field.name] || "",
+            onChangeText: v => handleFieldChange(field.name, v),
+            keyboardType: field.type === "email" ? "email-address" : field.type === "tel" ? "phone-pad" : "default",
+            autoCapitalize: field.type === "email" ? "none" : "sentences",
+            style: [styles.textInput, inputStyle(hasError)]
+          }) : null, hasError ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.errorText, {
+              color: theme.errorColor
+            }],
+            children: fieldErrors[field.name]
+          }) : null]
+        }, field.name);
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: handleSubmit,
+      disabled: isProcessing,
+      style: [styles.submitButton, {
+        borderRadius: buttonRadius,
+        backgroundColor: isProcessing ? theme.borderColor : primarySolid,
+        opacity: isProcessing ? 0.5 : 1
+      }],
+      activeOpacity: 0.9,
+      children: isProcessing ? /*#__PURE__*/_jsxs(View, {
+        style: styles.loadingRow,
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          color: theme.primaryTextColor,
+          size: "small"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.submitText, {
+            color: theme.primaryTextColor
+          }],
+          children: "Submitting..."
+        })]
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: [styles.submitText, {
+          color: theme.primaryTextColor
+        }],
+        children: data.submit_label || "Next"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  title: {
+    fontSize: 14,
+    fontWeight: "500",
+    marginBottom: 4
+  },
+  description: {
+    fontSize: 12,
+    marginBottom: 10
+  },
+  fieldsContainer: {
+    gap: 10,
+    marginBottom: 12
+  },
+  fieldWrapper: {
+    gap: 4
+  },
+  fieldLabel: {
+    fontSize: 11,
+    fontWeight: "500"
+  },
+  textInput: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    fontSize: 13
+  },
+  textArea: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    fontSize: 13,
+    minHeight: 64
+  },
+  selectPill: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    marginRight: 6,
+    marginBottom: 4
+  },
+  selectPillText: {
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  multiselectContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  booleanRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 2
+  },
+  booleanLabel: {
+    fontSize: 12
+  },
+  errorText: {
+    fontSize: 11,
+    marginTop: 2
+  },
+  submitButton: {
+    height: 36,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  loadingRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  submitText: {
+    fontSize: 13,
+    fontWeight: "600"
+  }
+});
+//# sourceMappingURL=FormStep.js.map

package/lib/module/components/steps/FormStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","View","Text","TextInput","TouchableOpacity","ActivityIndicator","Switch","ScrollView","StyleSheet","colorToSolid","getButtonRadius","jsx","_jsx","jsxs","_jsxs","FormStep","payload","theme","isProcessing","onComplete","data","buttonRadius","parseInt","buttonStyle","primarySolid","primaryColor","formData","setFormData","fieldErrors","setFieldErrors","getOptionLabel","option","label","getOptionValue","value","validateField","field","required","undefined","Array","isArray","length","trim","validation","minLength","message","maxLength","pattern","regex","RegExp","test","type","emailRegex","phoneRegex","handleFieldChange","fieldName","prev","next","handleMultiselectToggle","optionValue","checked","current","filter","v","handleSubmit","errors","valid","fields","forEach","error","name","inputStyle","hasError","backgroundColor","color","textColor","borderColor","errorColor","borderWidth","borderRadius","children","style","styles","title","description","mutedTextColor","fieldsContainer","map","fieldWrapper","fieldLabel","options","horizontal","showsHorizontalScrollIndicator","idx","val","isSelected","onPress","selectPill","activeOpacity","selectPillText","primaryTextColor","multiselectContainer","isChecked","includes","booleanRow","onValueChange","trackColor","false","true","thumbColor","booleanLabel","placeholder","toLowerCase","placeholderTextColor","onChangeText","multiline","numberOfLines","textAlignVertical","textArea","String","Number","keyboardType","textInput","autoCapitalize","errorText","disabled","submitButton","opacity","loadingRow","size","submitText","submit_label","create","fontSize","fontWeight","marginBottom","gap","paddingHorizontal","paddingVertical","minHeight","marginRight","flexDirection","flexWrap","alignItems","marginTop","height","justifyContent"],"sourceRoot":"../../../../src","sources":["components/steps/FormStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/steps/InteractiveFlow.js

@@ -0,0 +1,249 @@
+"use strict";
+
+/**
+ * InteractiveFlow — orchestrator for interactive components.
+ *
+ * Handles:
+ * - Single components (calendar, form, buttons, confirmation)
+ * - Multi-step interactive flows with back/forward navigation
+ * - Step progress indicator
+ * - Post-completion confirmation screen
+ * - RPC response sending via onSendResponse callback
+ *
+ * Matches CDN interactive-flow.tsx behavior.
+ */
+
+import React, { useState, useCallback, useMemo } from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import { isCalendarBooking, isForm, isButtons, isConfirmation, formatSlotTime, formatSlotDate, colorToSolid } from "@ringg/core";
+import { CalendarStep } from "./CalendarStep.js";
+import { FormStep } from "./FormStep.js";
+import { ButtonsStep } from "./ButtonsStep.js";
+import { ConfirmationStep } from "./ConfirmationStep.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function isInteractiveFlow(payload) {
+  return payload.component_type === "interactive_flow";
+}
+export function InteractiveFlow({
+  initialComponent,
+  theme,
+  onSendResponse,
+  onComplete
+}) {
+  const isMultiStepFlow = isInteractiveFlow(initialComponent);
+  const primarySolid = colorToSolid(theme.primaryColor);
+  const flowSteps = useMemo(() => isMultiStepFlow ? initialComponent.data.steps : [{
+    id: "single",
+    title: "",
+    component: initialComponent
+  }], [isMultiStepFlow, initialComponent]);
+  const totalSteps = flowSteps.length;
+  const [currentStepIndex, setCurrentStepIndex] = useState(0);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [allCollectedData, setAllCollectedData] = useState({});
+  const [confirmation, setConfirmation] = useState(null);
+  const [stepCompleted, setStepCompleted] = useState(new Array(totalSteps).fill(false));
+  const currentStep = flowSteps[currentStepIndex];
+  const showStepper = totalSteps > 1;
+  const handleBack = useCallback(() => {
+    if (currentStepIndex > 0) {
+      setCurrentStepIndex(prev => prev - 1);
+    }
+  }, [currentStepIndex]);
+  const handleStepComplete = useCallback(async stepData => {
+    setIsProcessing(true);
+    const newAllData = {
+      ...allCollectedData,
+      ...stepData
+    };
+    setAllCollectedData(newAllData);
+    setStepCompleted(prev => {
+      const updated = [...prev];
+      updated[currentStepIndex] = true;
+      return updated;
+    });
+    try {
+      const isLastStep = currentStepIndex === totalSteps - 1;
+      if (onSendResponse) {
+        await onSendResponse(initialComponent.component_id, {
+          step_index: currentStepIndex,
+          step_data: stepData,
+          all_data: newAllData,
+          is_final_step: isLastStep
+        });
+        if (isLastStep) {
+          setConfirmation({
+            title: "Success!",
+            message: "Your selection has been submitted.",
+            icon: "success"
+          });
+          onComplete?.(newAllData);
+        } else {
+          setCurrentStepIndex(prev => prev + 1);
+        }
+      } else {
+        // No RPC handler — just advance steps
+        if (isLastStep) {
+          setConfirmation({
+            title: "Success!",
+            message: "Completed.",
+            icon: "success"
+          });
+          onComplete?.(newAllData);
+        } else {
+          setCurrentStepIndex(prev => prev + 1);
+        }
+      }
+    } catch (error) {
+      setConfirmation({
+        title: "Something went wrong",
+        message: error.message || "Please try again.",
+        icon: "error"
+      });
+    } finally {
+      setIsProcessing(false);
+    }
+  }, [allCollectedData, currentStepIndex, totalSteps, initialComponent, onSendResponse, onComplete]);
+  const handleButtonClick = useCallback((buttonId, action) => {
+    // Navigate is handled inside ButtonsStep (Linking.openURL)
+    // For all other actions, just send the selection
+    handleStepComplete({
+      selected_button: buttonId
+    });
+  }, [handleStepComplete]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.surfaceColor
+    }],
+    children: [showStepper && !confirmation ? /*#__PURE__*/_jsxs(View, {
+      style: styles.stepperContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.stepperRow,
+        children: flowSteps.map((step, index) => /*#__PURE__*/_jsxs(View, {
+          style: styles.stepIndicatorGroup,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.stepCircle, {
+              backgroundColor: stepCompleted[index] ? theme.successColor : index === currentStepIndex ? primarySolid : theme.borderColor
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.stepCircleText, {
+                color: stepCompleted[index] || index === currentStepIndex ? theme.primaryTextColor : theme.mutedTextColor
+              }],
+              children: stepCompleted[index] ? "✓" : index + 1
+            })
+          }), index < flowSteps.length - 1 ? /*#__PURE__*/_jsx(View, {
+            style: [styles.stepConnector, {
+              backgroundColor: stepCompleted[index] ? theme.successColor : theme.borderColor
+            }]
+          }) : null]
+        }, step.id))
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.stepTitle, {
+          color: theme.textColor
+        }],
+        numberOfLines: 1,
+        children: currentStep.title || `Step ${currentStepIndex + 1} of ${totalSteps}`
+      })]
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [currentStepIndex > 0 && !confirmation ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handleBack,
+        style: styles.backButton,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.backText, {
+            color: theme.mutedTextColor
+          }],
+          children: "\u2190 Back"
+        })
+      }) : null, confirmation ? /*#__PURE__*/_jsx(ConfirmationStep, {
+        data: confirmation,
+        theme: theme,
+        collectedData: allCollectedData
+      }) : /*#__PURE__*/_jsxs(View, {
+        children: [isCalendarBooking(currentStep.component) ? /*#__PURE__*/_jsx(CalendarStep, {
+          payload: currentStep.component,
+          theme: theme,
+          isProcessing: isProcessing,
+          onComplete: (slotId, slotDatetime) => {
+            const tz = currentStep.component.data.timezone;
+            handleStepComplete({
+              slot_id: slotId,
+              slot_datetime: slotDatetime,
+              slot_time: formatSlotTime(slotDatetime, tz),
+              slot_date: formatSlotDate(slotDatetime, tz)
+            });
+          }
+        }) : null, isForm(currentStep.component) ? /*#__PURE__*/_jsx(FormStep, {
+          payload: currentStep.component,
+          theme: theme,
+          isProcessing: isProcessing,
+          onComplete: formData => handleStepComplete(formData)
+        }) : null, isButtons(currentStep.component) ? /*#__PURE__*/_jsx(ButtonsStep, {
+          payload: currentStep.component,
+          theme: theme,
+          isProcessing: isProcessing,
+          onButtonClick: handleButtonClick
+        }) : null, isConfirmation(currentStep.component) ? /*#__PURE__*/_jsx(ConfirmationStep, {
+          data: currentStep.component.data,
+          theme: theme
+        }) : null]
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 12,
+    overflow: "hidden"
+  },
+  stepperContainer: {
+    paddingHorizontal: 14,
+    paddingTop: 14,
+    paddingBottom: 10
+  },
+  stepperRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  stepIndicatorGroup: {
+    flexDirection: "row",
+    alignItems: "center",
+    flex: 1,
+    minWidth: 0
+  },
+  stepCircle: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepCircleText: {
+    fontSize: 11,
+    fontWeight: "600"
+  },
+  stepConnector: {
+    flex: 1,
+    height: 2,
+    borderRadius: 1,
+    marginLeft: 4
+  },
+  stepTitle: {
+    fontSize: 11,
+    fontWeight: "500",
+    marginTop: 8
+  },
+  content: {
+    paddingHorizontal: 14,
+    paddingBottom: 14
+  },
+  backButton: {
+    marginBottom: 8
+  },
+  backText: {
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=InteractiveFlow.js.map

package/lib/module/components/steps/InteractiveFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useMemo","View","Text","TouchableOpacity","StyleSheet","isCalendarBooking","isForm","isButtons","isConfirmation","formatSlotTime","formatSlotDate","colorToSolid","CalendarStep","FormStep","ButtonsStep","ConfirmationStep","jsx","_jsx","jsxs","_jsxs","isInteractiveFlow","payload","component_type","InteractiveFlow","initialComponent","theme","onSendResponse","onComplete","isMultiStepFlow","primarySolid","primaryColor","flowSteps","data","steps","id","title","component","totalSteps","length","currentStepIndex","setCurrentStepIndex","isProcessing","setIsProcessing","allCollectedData","setAllCollectedData","confirmation","setConfirmation","stepCompleted","setStepCompleted","Array","fill","currentStep","showStepper","handleBack","prev","handleStepComplete","stepData","newAllData","updated","isLastStep","component_id","step_index","step_data","all_data","is_final_step","message","icon","error","handleButtonClick","buttonId","action","selected_button","style","styles","container","backgroundColor","surfaceColor","children","stepperContainer","stepperRow","map","step","index","stepIndicatorGroup","stepCircle","successColor","borderColor","stepCircleText","color","primaryTextColor","mutedTextColor","stepConnector","stepTitle","textColor","numberOfLines","content","onPress","backButton","activeOpacity","backText","collectedData","slotId","slotDatetime","tz","timezone","slot_id","slot_datetime","slot_time","slot_date","formData","onButtonClick","create","borderRadius","overflow","paddingHorizontal","paddingTop","paddingBottom","flexDirection","alignItems","gap","flex","minWidth","width","height","justifyContent","fontSize","fontWeight","marginLeft","marginTop","marginBottom"],"sourceRoot":"../../../../src","sources":["components/steps/InteractiveFlow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC7D,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAGvE,SAASC,iBAAiB,EAAEC,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,YAAY,QAAQ,aAAa;AAEhI,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWtD,SAASC,iBAAiBA,CAACC,OAAwD,EAAqC;EACtH,OAAOA,OAAO,CAACC,cAAc,KAAK,kBAAkB;AACtD;AAEA,OAAO,SAASC,eAAeA,CAAC;EAAEC,gBAAgB;EAAEC,KAAK;EAAEC,cAAc;EAAEC;AAAiC,CAAC,EAAE;EAC7G,MAAMC,eAAe,GAAGR,iBAAiB,CAACI,gBAAgB,CAAC;EAC3D,MAAMK,YAAY,GAAGlB,YAAY,CAACc,KAAK,CAACK,YAAY,CAAC;EAErD,MAAMC,SAAS,GAAG/B,OAAO,CACvB,MACE4B,eAAe,GACXJ,gBAAgB,CAACQ,IAAI,CAACC,KAAK,GAC3B,CACE;IACEC,EAAE,EAAE,QAAQ;IACZC,KAAK,EAAE,EAAE;IACTC,SAAS,EAAEZ;EACb,CAAC,CACF,EACP,CAACI,eAAe,EAAEJ,gBAAgB,CACpC,CAAC;EAED,MAAMa,UAAU,GAAGN,SAAS,CAACO,MAAM;EAEnC,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG1C,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAM,CAAC2C,YAAY,EAAEC,eAAe,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAAC6C,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG9C,QAAQ,CAA4B,CAAC,CAAC,CAAC;EACvF,MAAM,CAAC+C,YAAY,EAAEC,eAAe,CAAC,GAAGhD,QAAQ,CAA0B,IAAI,CAAC;EAC/E,MAAM,CAACiD,aAAa,EAAEC,gBAAgB,CAAC,GAAGlD,QAAQ,CAAY,IAAImD,KAAK,CAACZ,UAAU,CAAC,CAACa,IAAI,CAAC,KAAK,CAAC,CAAC;EAEhG,MAAMC,WAAW,GAAGpB,SAAS,CAACQ,gBAAgB,CAAC;EAC/C,MAAMa,WAAW,GAAGf,UAAU,GAAG,CAAC;EAElC,MAAMgB,UAAU,GAAGtD,WAAW,CAAC,MAAM;IACnC,IAAIwC,gBAAgB,GAAG,CAAC,EAAE;MACxBC,mBAAmB,CAAEc,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;IACzC;EACF,CAAC,EAAE,CAACf,gBAAgB,CAAC,CAAC;EAEtB,MAAMgB,kBAAkB,GAAGxD,WAAW,CACpC,MAAOyD,QAAmC,IAAK;IAC7Cd,eAAe,CAAC,IAAI,CAAC;IAErB,MAAMe,UAAU,GAAG;MAAE,GAAGd,gBAAgB;MAAE,GAAGa;IAAS,CAAC;IACvDZ,mBAAmB,CAACa,UAAU,CAAC;IAE/BT,gBAAgB,CAAEM,IAAI,IAAK;MACzB,MAAMI,OAAO,GAAG,CAAC,GAAGJ,IAAI,CAAC;MACzBI,OAAO,CAACnB,gBAAgB,CAAC,GAAG,IAAI;MAChC,OAAOmB,OAAO;IAChB,CAAC,CAAC;IAEF,IAAI;MACF,MAAMC,UAAU,GAAGpB,gBAAgB,KAAKF,UAAU,GAAG,CAAC;MAEtD,IAAIX,cAAc,EAAE;QAClB,MAAMA,cAAc,CAACF,gBAAgB,CAACoC,YAAY,EAAE;UAClDC,UAAU,EAAEtB,gBAAgB;UAC5BuB,SAAS,EAAEN,QAAQ;UACnBO,QAAQ,EAAEN,UAAU;UACpBO,aAAa,EAAEL;QACjB,CAAC,CAAC;QAEF,IAAIA,UAAU,EAAE;UACdb,eAAe,CAAC;YACdX,KAAK,EAAE,UAAU;YACjB8B,OAAO,EAAE,oCAAoC;YAC7CC,IAAI,EAAE;UACR,CAAC,CAAC;UACFvC,UAAU,GAAG8B,UAAU,CAAC;QAC1B,CAAC,MAAM;UACLjB,mBAAmB,CAAEc,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;QACzC;MACF,CAAC,MAAM;QACL;QACA,IAAIK,UAAU,EAAE;UACdb,eAAe,CAAC;YACdX,KAAK,EAAE,UAAU;YACjB8B,OAAO,EAAE,YAAY;YACrBC,IAAI,EAAE;UACR,CAAC,CAAC;UACFvC,UAAU,GAAG8B,UAAU,CAAC;QAC1B,CAAC,MAAM;UACLjB,mBAAmB,CAAEc,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;QACzC;MACF;IACF,CAAC,CAAC,OAAOa,KAAK,EAAE;MACdrB,eAAe,CAAC;QACdX,KAAK,EAAE,sBAAsB;QAC7B8B,OAAO,EAAGE,KAAK,CAAWF,OAAO,IAAI,mBAAmB;QACxDC,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,SAAS;MACRxB,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC,EACD,CAACC,gBAAgB,EAAEJ,gBAAgB,EAAEF,UAAU,EAAEb,gBAAgB,EAAEE,cAAc,EAAEC,UAAU,CAC/F,CAAC;EAED,MAAMyC,iBAAiB,GAAGrE,WAAW,CACnC,CAACsE,QAAgB,EAAEC,MAA4B,KAAK;IAClD;IACA;IACAf,kBAAkB,CAAC;MAAEgB,eAAe,EAAEF;IAAS,CAAC,CAAC;EACnD,CAAC,EACD,CAACd,kBAAkB,CACrB,CAAC;EAED,oBACEpC,KAAA,CAAClB,IAAI;IAACuE,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAElD,KAAK,CAACmD;IAAa,CAAC,CAAE;IAAAC,QAAA,GAEtEzB,WAAW,IAAI,CAACP,YAAY,gBAC3B1B,KAAA,CAAClB,IAAI;MAACuE,KAAK,EAAEC,MAAM,CAACK,gBAAiB;MAAAD,QAAA,gBACnC5D,IAAA,CAAChB,IAAI;QAACuE,KAAK,EAAEC,MAAM,CAACM,UAAW;QAAAF,QAAA,EAC5B9C,SAAS,CAACiD,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzB/D,KAAA,CAAClB,IAAI;UAAeuE,KAAK,EAAEC,MAAM,CAACU,kBAAmB;UAAAN,QAAA,gBAEnD5D,IAAA,CAAChB,IAAI;YACHuE,KAAK,EAAE,CACLC,MAAM,CAACW,UAAU,EACjB;cACET,eAAe,EAAE5B,aAAa,CAACmC,KAAK,CAAC,GAAGzD,KAAK,CAAC4D,YAAY,GAAGH,KAAK,KAAK3C,gBAAgB,GAAGV,YAAY,GAAGJ,KAAK,CAAC6D;YACjH,CAAC,CACD;YAAAT,QAAA,eAEF5D,IAAA,CAACf,IAAI;cACHsE,KAAK,EAAE,CACLC,MAAM,CAACc,cAAc,EACrB;gBACEC,KAAK,EAAEzC,aAAa,CAACmC,KAAK,CAAC,IAAIA,KAAK,KAAK3C,gBAAgB,GAAGd,KAAK,CAACgE,gBAAgB,GAAGhE,KAAK,CAACiE;cAC7F,CAAC,CACD;cAAAb,QAAA,EAED9B,aAAa,CAACmC,KAAK,CAAC,GAAG,GAAG,GAAGA,KAAK,GAAG;YAAC,CACnC;UAAC,CACH,CAAC,EAENA,KAAK,GAAGnD,SAAS,CAACO,MAAM,GAAG,CAAC,gBAC3BrB,IAAA,CAAChB,IAAI;YACHuE,KAAK,EAAE,CACLC,MAAM,CAACkB,aAAa,EACpB;cACEhB,eAAe,EAAE5B,aAAa,CAACmC,KAAK,CAAC,GAAGzD,KAAK,CAAC4D,YAAY,GAAG5D,KAAK,CAAC6D;YACrE,CAAC;UACD,CACH,CAAC,GACA,IAAI;QAAA,GA/BCL,IAAI,CAAC/C,EAgCV,CACP;MAAC,CACE,CAAC,eACPjB,IAAA,CAACf,IAAI;QAACsE,KAAK,EAAE,CAACC,MAAM,CAACmB,SAAS,EAAE;UAAEJ,KAAK,EAAE/D,KAAK,CAACoE;QAAU,CAAC,CAAE;QAACC,aAAa,EAAE,CAAE;QAAAjB,QAAA,EAC3E1B,WAAW,CAAChB,KAAK,IAAI,QAAQI,gBAAgB,GAAG,CAAC,OAAOF,UAAU;MAAE,CACjE,CAAC;IAAA,CACH,CAAC,GACL,IAAI,eAGRlB,KAAA,CAAClB,IAAI;MAACuE,KAAK,EAAEC,MAAM,CAACsB,OAAQ;MAAAlB,QAAA,GAEzBtC,gBAAgB,GAAG,CAAC,IAAI,CAACM,YAAY,gBACpC5B,IAAA,CAACd,gBAAgB;QAAC6F,OAAO,EAAE3C,UAAW;QAACmB,KAAK,EAAEC,MAAM,CAACwB,UAAW;QAACC,aAAa,EAAE,GAAI;QAAArB,QAAA,eAClF5D,IAAA,CAACf,IAAI;UAACsE,KAAK,EAAE,CAACC,MAAM,CAAC0B,QAAQ,EAAE;YAAEX,KAAK,EAAE/D,KAAK,CAACiE;UAAe,CAAC,CAAE;UAAAb,QAAA,EAAC;QAAM,CAAM;MAAC,CAC9D,CAAC,GACjB,IAAI,EAGPhC,YAAY,gBACX5B,IAAA,CAACF,gBAAgB;QAACiB,IAAI,EAAEa,YAAa;QAACpB,KAAK,EAAEA,KAAM;QAAC2E,aAAa,EAAEzD;MAAiB,CAAE,CAAC,gBAEvFxB,KAAA,CAAClB,IAAI;QAAA4E,QAAA,GACFxE,iBAAiB,CAAC8C,WAAW,CAACf,SAAS,CAAC,gBACvCnB,IAAA,CAACL,YAAY;UACXS,OAAO,EAAE8B,WAAW,CAACf,SAAU;UAC/BX,KAAK,EAAEA,KAAM;UACbgB,YAAY,EAAEA,YAAa;UAC3Bd,UAAU,EAAEA,CAAC0E,MAAM,EAAEC,YAAY,KAAK;YACpC,MAAMC,EAAE,GACNpD,WAAW,CAACf,SAAS,CAACJ,IAAI,CAG1BwE,QAAQ;YACVjD,kBAAkB,CAAC;cACjBkD,OAAO,EAAEJ,MAAM;cACfK,aAAa,EAAEJ,YAAY;cAC3BK,SAAS,EAAElG,cAAc,CAAC6F,YAAY,EAAEC,EAAE,CAAC;cAC3CK,SAAS,EAAElG,cAAc,CAAC4F,YAAY,EAAEC,EAAE;YAC5C,CAAC,CAAC;UACJ;QAAE,CACH,CAAC,GACA,IAAI,EAEPjG,MAAM,CAAC6C,WAAW,CAACf,SAAS,CAAC,gBAAGnB,IAAA,CAACJ,QAAQ;UAACQ,OAAO,EAAE8B,WAAW,CAACf,SAAU;UAACX,KAAK,EAAEA,KAAM;UAACgB,YAAY,EAAEA,YAAa;UAACd,UAAU,EAAGkF,QAAQ,IAAKtD,kBAAkB,CAACsD,QAAQ;QAAE,CAAE,CAAC,GAAG,IAAI,EAErLtG,SAAS,CAAC4C,WAAW,CAACf,SAAS,CAAC,gBAAGnB,IAAA,CAACH,WAAW;UAACO,OAAO,EAAE8B,WAAW,CAACf,SAAU;UAACX,KAAK,EAAEA,KAAM;UAACgB,YAAY,EAAEA,YAAa;UAACqE,aAAa,EAAE1C;QAAkB,CAAE,CAAC,GAAG,IAAI,EAErK5D,cAAc,CAAC2C,WAAW,CAACf,SAAS,CAAC,gBAAGnB,IAAA,CAACF,gBAAgB;UAACiB,IAAI,EAAEmB,WAAW,CAACf,SAAS,CAACJ,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAAC,GAAG,IAAI;MAAA,CAChH,CACP;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMgD,MAAM,GAAGrE,UAAU,CAAC2G,MAAM,CAAC;EAC/BrC,SAAS,EAAE;IACTsC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDnC,gBAAgB,EAAE;IAChBoC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDrC,UAAU,EAAE;IACVsC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDpC,kBAAkB,EAAE;IAClBkC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBE,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDrC,UAAU,EAAE;IACVsC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVX,YAAY,EAAE,EAAE;IAChBM,UAAU,EAAE,QAAQ;IACpBM,cAAc,EAAE;EAClB,CAAC;EACDrC,cAAc,EAAE;IACdsC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDnC,aAAa,EAAE;IACb6B,IAAI,EAAE,CAAC;IACPG,MAAM,EAAE,CAAC;IACTX,YAAY,EAAE,CAAC;IACfe,UAAU,EAAE;EACd,CAAC;EACDnC,SAAS,EAAE;IACTiC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBE,SAAS,EAAE;EACb,CAAC;EACDjC,OAAO,EAAE;IACPmB,iBAAiB,EAAE,EAAE;IACrBE,aAAa,EAAE;EACjB,CAAC;EACDnB,UAAU,EAAE;IACVgC,YAAY,EAAE;EAChB,CAAC;EACD9B,QAAQ,EAAE;IACR0B,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}