@tellescope/react-components 1.178.0 → 1.179.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.178.0",
+  "version": "1.179.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,13 +47,13 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@stripe/react-stripe-js": "^2.9.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.178.0",
-    "@tellescope/sdk": "^1.178.0",
-    "@tellescope/types-client": "^1.178.0",
-    "@tellescope/types-models": "^1.178.0",
-    "@tellescope/types-utilities": "^1.178.0",
-    "@tellescope/utilities": "^1.178.0",
-    "@tellescope/validation": "^1.178.0",
+    "@tellescope/constants": "^1.179.0",
+    "@tellescope/sdk": "^1.179.0",
+    "@tellescope/types-client": "^1.179.0",
+    "@tellescope/types-models": "^1.179.0",
+    "@tellescope/types-utilities": "^1.179.0",
+    "@tellescope/utilities": "^1.179.0",
+    "@tellescope/validation": "^1.179.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -84,7 +84,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "3a19783254252a6a5f81188049d32b519ad47648",
+  "gitHead": "cc716897524deede0b46f0c1d32cd29e844aa747",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/hooks.tsx

@@ -636,7 +636,9 @@ export const useTellescopeForm = ({ isPublicForm, form, urlLogicValue, customiza
                               ? parseInt(f.options.default)
                               : (f.options?.from || 1)
                           )
-                        : '' as any // null flag that the response was not filled out
+                        : f.type === 'Related Contacts'
+                          ? (f.isOptional ? [] : [{}])
+                          : '' as any // null flag that the response was not filled out
           )
         ),
       } as FormResponseValueAnswer,
@@ -924,6 +926,9 @@ export const useTellescopeForm = ({ isPublicForm, form, urlLogicValue, customiza
         if (errorMessage) {
           return `Contact ${i+1}: ${errorMessage}`
         }
+        if (Object.values(contact).every(v => !v)) {
+          return `Contact ${i+1}: At least one field is required`
+        }
       }
     }
 

package/src/Forms/inputs.tsx

@@ -2573,7 +2573,12 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
   // safeguard against any rogue values like empty string
   const value = Array.isArray(_value) ? _value : []
 
-  const [editing, setEditing] = useState(-1)
+  const [editing, setEditing] = useState(value.length === 1 ? 0 : -1)
+
+  const handleAddContact = useCallback(() => {
+    onChange([...value, {}], field.id, true)
+    setEditing(value.length)
+  }, [onChange, value, field?.id])
 
   if (value[editing]) {
     const { fname, lname, email, phone, fields={}, dateOfBirth='', relationships } = value[editing]
@@ -2644,8 +2649,8 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
         {(field.options?.tableChoices || []).length > 0 && 
           <Grid item>
           <Grid container spacing={1}>
-          {(field.options?.tableChoices || []).map(({ info, label, type}) => (
-            <Grid item xs={6}>
+          {(field.options?.tableChoices || []).map(({ info, label, type}, i) => (
+            <Grid item xs={6} key={i}>
             {type === 'Text'
                 ? (
                   <TextField label={label} size="small" fullWidth
@@ -2656,7 +2661,7 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
                 )
                 : type === 'Date' ? (
                   <DateStringInput label={label} size="small" fullWidth
-                    field={field}
+                    field={{ ...field, isOptional: true }}
                     value={fields[label] as string || ''} 
                     onChange={(e='') => onChange(value.map((v, i) => i === editing ? { ...v, fields: { ...fields, [label]: e } } : v), field.id)}
                   />
@@ -2729,10 +2734,7 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
       </Grid>
 
       <Grid item>
-        <Button variant="contained" onClick={() => {
-          onChange([...value, {}], field.id, true)
-          setEditing(value.length)
-        }}>
+        <Button variant="contained" onClick={handleAddContact}>
           Add Contact
         </Button>
       </Grid>