react-native-my-survey-sdk 2.2.14 → 2.2.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-my-survey-sdk",
-  "version": "2.2.14",
+  "version": "2.2.16",
   "description": "Xebo survey collection SDK for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/XeboSurveyModal.tsx

@@ -63,10 +63,12 @@ function computeSheetHeight(question: XeboQuestion | null, screen: ModalScreen):
       const fieldCount = question.options?.length ?? 1;
       return Math.min(SCREEN_HEIGHT * 0.72, SCREEN_HEIGHT * (0.30 + fieldCount * 0.12));
     }
+    case XeboQuestionType.dropdown:
+      // Must always fit: title + trigger + 200px open list + button + padding + header overhead
+      // Minimum ~0.62 regardless of whether options are parsed yet
+      return SCREEN_HEIGHT * 0.62;
     case XeboQuestionType.singleChoice:
-    case XeboQuestionType.multipleChoice:
-    case XeboQuestionType.dropdown: {
-      // each option row ≈ 58dp; base includes title + button; 0.085 per option is accurate
+    case XeboQuestionType.multipleChoice: {
       const optCount = question.options?.length ?? 0;
       return Math.min(SCREEN_HEIGHT * 0.80, SCREEN_HEIGHT * (0.28 + optCount * 0.085));
     }
@@ -289,33 +291,8 @@ export const XeboSurveyModal: React.FC = () => {
               <View style={styles.handle} />
             </View>
 
-            {/* Header row: progress bar + Skip / X close */}
+            {/* Header row: Skip / X close */}
             <View style={styles.headerRow}>
-              <View style={styles.progressArea}>
-                {screen === 'question' && survey && (() => {
-                  const realQs = survey.questions.filter((q: XeboQuestion) => q.id !== 'thank_you_auto');
-                  const total = realQs.length;
-                  if (total === 0) return null;
-                  return (
-                    <View style={styles.progressContainer}>
-                      <View style={[styles.progressTrack, { backgroundColor: '#E5E7EB' }]}>
-                        <View
-                          style={[
-                            styles.progressFill,
-                            {
-                              backgroundColor: theme.primaryColor,
-                              width: `${((questionIndex + 1) / total) * 100}%` as any,
-                            },
-                          ]}
-                        />
-                      </View>
-                      <Text style={[styles.progressText, { color: theme.textColor }]}>
-                        {questionIndex + 1} / {total}
-                      </Text>
-                    </View>
-                  );
-                })()}
-              </View>
               {screen === 'thankYou' ? (
                 <TouchableOpacity onPress={handleSkip} style={styles.closeButton} activeOpacity={0.7}>
                   <Text style={[styles.closeText, { color: theme.textColor }]}>✕</Text>
@@ -367,34 +344,9 @@ const styles = StyleSheet.create({
   },
   headerRow: {
     flexDirection: 'row',
-    alignItems: 'center',
+    justifyContent: 'flex-end',
     paddingHorizontal: 16,
     paddingBottom: 4,
-    minHeight: 36,
-  },
-  progressArea: {
-    flex: 1,
-  },
-  progressContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8,
-  },
-  progressTrack: {
-    flex: 1,
-    height: 4,
-    borderRadius: 2,
-    overflow: 'hidden',
-  },
-  progressFill: {
-    height: 4,
-    borderRadius: 2,
-  },
-  progressText: {
-    fontSize: 12,
-    opacity: 0.6,
-    minWidth: 36,
-    textAlign: 'right',
   },
   skipButton: {
     paddingHorizontal: 12,

package/src/core/XeboNetworkService.ts

@@ -118,15 +118,19 @@ export function parseSurvey(data: APISurveyResponse['data']): XeboSurvey {
         console.log('[Xebo] Dropdown options.row:', JSON.stringify(q.options?.row));
         console.log('[Xebo] Full dropdown q.options:', JSON.stringify(q.options));
       }
-      const rows: XeboChoice[] = (q.options?.row ?? []).map(r => ({
-        id: r.uuid,
-        text: stripHTML(r.text),
-        value: r.uuid,
+      const rawOptions = q.options as any;
+      const rowSource: any[] = Array.isArray(rawOptions)
+        ? rawOptions
+        : (rawOptions?.row ?? rawOptions?.items ?? rawOptions?.choices ?? []);
+      const rows: XeboChoice[] = rowSource.map((r: any) => ({
+        id: r.uuid ?? r.id,
+        text: stripHTML(r.text ?? r.label ?? r.value ?? ''),
+        value: r.uuid ?? r.id,
       }));
-      const cols: XeboChoice[] = (q.options?.col ?? []).map(c => ({
-        id: c.uuid,
-        text: stripHTML(c.text),
-        value: c.uuid,
+      const cols: XeboChoice[] = (rawOptions?.col ?? rawOptions?.columns ?? []).map((c: any) => ({
+        id: c.uuid ?? c.id,
+        text: stripHTML(c.text ?? c.label ?? ''),
+        value: c.uuid ?? c.id,
       }));
 
       // Build conditional follow-ups for NPS Pro