@tellescope/react-components 1.181.1 → 1.183.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.181.1",
+  "version": "1.183.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.183.0",
+    "@tellescope/sdk": "^1.183.0",
+    "@tellescope/types-client": "^1.183.0",
+    "@tellescope/types-models": "^1.183.0",
+    "@tellescope/types-utilities": "^1.183.0",
+    "@tellescope/utilities": "^1.183.0",
+    "@tellescope/validation": "^1.183.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": "1b65f936169b011cfd20179c25625af7a6f34cba",
   "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)}
             />

package/src/forms.tsx

@@ -226,14 +226,15 @@ interface LoadingButtonProps extends SubmitButtonOptions {
   uniquenessError?: string,
   onError?: OnApiError,
   onClick?: ((...args: any[]) => void) | (() => Promise<any>),
+  muiColor?: string,
 }
-export const LoadingButton = ({ disabled, uniquenessError, throwOnError, variant="contained", onError, submitting, onClick, submitText="Submit", submittingText="Submitting", type, style={ marginTop: 5, width: '100%' } }: LoadingButtonProps & Styled & { type?: 'submit'}) => {
+export const LoadingButton = ({ muiColor, disabled, uniquenessError, throwOnError, variant="contained", onError, submitting, onClick, submitText="Submit", submittingText="Submitting", type, style={ marginTop: 5, width: '100%' } }: LoadingButtonProps & Styled & { type?: 'submit'}) => {
   const { errorDisplay, handleAPIError, loading } = useHandleError({ onError, uniquenessError })
   const formLoading = React.useContext(WithHTMLFormContext)?.loading
 
   return (
     <>
-    <Button color="primary" variant={variant} type={type} onClick={() => handleAPIError(async () => {
+    <Button color={muiColor as any || "primary"} variant={variant} type={type} onClick={() => handleAPIError(async () => {
       if (!onClick) return
       await onClick()
     })}

package/src/inputs_shared.tsx

@@ -394,8 +394,14 @@ export const ModelSearchInput = <T,>({
 
   ...props 
 } : ModelSearchProps<T>) => {
+  let dontPersist = false
+  try { // may fail to load if enduser session
+    const [organizationLoading] = useOrganization()
+    dontPersist = !!(value_is_loaded(organizationLoading) ? organizationLoading.value?.settings?.interface?.dontPersistSearches : undefined  )
+  } catch(err) {}
+
   const cacheKey = `search-cache-${filterKey}`
-  const [_query, _setQuery] = useState(read_local_storage(cacheKey) || '')
+  const [_query, _setQuery] = useState(dontPersist ? '' : (read_local_storage(cacheKey) || ''))
 
   const query = value ?? _query
   const setQuery = onChange ?? _setQuery