@tellescope/react-components 1.181.1 → 1.182.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.181.1",
+  "version": "1.182.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.181.1",
-    "@tellescope/sdk": "^1.181.1",
-    "@tellescope/types-client": "^1.181.1",
-    "@tellescope/types-models": "^1.181.1",
-    "@tellescope/types-utilities": "^1.181.1",
-    "@tellescope/utilities": "^1.181.1",
-    "@tellescope/validation": "^1.181.1",
+    "@tellescope/constants": "^1.182.0",
+    "@tellescope/sdk": "^1.182.0",
+    "@tellescope/types-client": "^1.182.0",
+    "@tellescope/types-models": "^1.182.0",
+    "@tellescope/types-utilities": "^1.182.0",
+    "@tellescope/utilities": "^1.182.0",
+    "@tellescope/validation": "^1.182.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": "b83a341ad50cf72e2a30de11d40de8a3fafdd118",
+  "gitHead": "76fbac14a3c471a878c803d7be06c3179e62b385",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/hooks.tsx

@@ -4,7 +4,7 @@ import { ChangeHandler, FormFieldNode } from "./types"
 import { DatabaseRecord, Enduser, Form, FormField, FormResponse } from "@tellescope/types-client"
 import { phoneValidator } from "@tellescope/validation"
 import { FileBlob, Indexable } from "@tellescope/types-utilities"
-import { CompoundFilter, FormCustomization, FormResponseAnswerAddress, FormResponseAnswerFileValue, FormResponseAnswerString, FormResponseValue, FormResponseValueAnswer, OrganizationTheme, PreviousFormCompoundLogic, PreviousFormFieldType } from "@tellescope/types-models"
+import { CompoundFilter, EnduserRelationship, FormCustomization, FormResponseAnswerAddress, FormResponseAnswerFileValue, FormResponseValue, FormResponseValueAnswer, OrganizationTheme, PreviousFormCompoundLogic, PreviousFormFieldType } from "@tellescope/types-models"
 import { WithTheme, contact_is_valid, useFileUpload, useFormFields, useFormResponses, useResolvedSession, value_is_loaded } from "../index"
 import ReactGA from "react-ga4";
 
@@ -637,7 +637,7 @@ export const useTellescopeForm = ({ isPublicForm, form, urlLogicValue, customiza
                               : (f.options?.from || 1)
                           )
                         : f.type === 'Related Contacts'
-                          ? (f.isOptional ? [] : [{}])
+                          ? (f.isOptional ? [] : [{ relationships: f?.options?.relatedContactTypes?.length === 1 ? [{ type: f.options.relatedContactTypes[0] as EnduserRelationship['type'], id: ''! } ] : [] }])
                           : '' as any // null flag that the response was not filled out
           )
         ),

package/src/Forms/inputs.tsx

@@ -873,6 +873,7 @@ const StringSelector = ({ options, value, onChange, required, getDisplayValue, .
   size?: "small",
   required?: boolean,
   getDisplayValue?: (v: string) => string,
+  disabled?: boolean,
 }) => (
   <FormControl fullWidth size={props.size} required={required}>
     <InputLabel>{props.label}</InputLabel>
@@ -2576,9 +2577,14 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
   const [editing, setEditing] = useState(value.length === 1 ? 0 : -1)
 
   const handleAddContact = useCallback(() => {
-    onChange([...value, {}], field.id, true)
+    onChange([
+      ...value, 
+      { relationships: field?.options?.relatedContactTypes?.length === 1 ? [{ type: field.options.relatedContactTypes[0] as EnduserRelationship['type'], id: ''! } ] : [] }], 
+      field.id, 
+      true
+    )
     setEditing(value.length)
-  }, [onChange, value, field?.id])
+  }, [onChange, value, field?.id, field?.options?.relatedContactTypes])
 
   if (value[editing]) {
     const { fname, lname, email, phone, fields={}, dateOfBirth='', relationships } = value[editing]
@@ -2607,7 +2613,8 @@ export const RelatedContactsInput = ({ field, value: _value, onChange, ...props
           }
 
           <Grid item xs={4}>
-            <StringSelector options={RELATIONSHIP_TYPES} label="Relationship" size="small"
+            <StringSelector options={field.options?.relatedContactTypes?.length ? field.options.relatedContactTypes : RELATIONSHIP_TYPES} label="Relationship" size="small"
+              disabled={field?.options?.relatedContactTypes?.length === 1}
               value={relationships?.[0]?.type ?? ''} 
               onChange={type => onChange(value.map((v, i) => i === editing ? { ...v, relationships: [{ type: type as EnduserRelationship['type'], id: '' /* to be filled on server-side */ }] } : v), field.id)}
             />