@tellescope/react-components 1.218.0 → 1.220.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.218.0",
+  "version": "1.220.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.218.0",
-    "@tellescope/sdk": "^1.218.0",
-    "@tellescope/types-client": "^1.218.0",
-    "@tellescope/types-models": "^1.218.0",
-    "@tellescope/types-utilities": "^1.218.0",
-    "@tellescope/utilities": "^1.218.0",
-    "@tellescope/validation": "^1.218.0",
+    "@tellescope/constants": "^1.220.0",
+    "@tellescope/sdk": "^1.220.0",
+    "@tellescope/types-client": "^1.220.0",
+    "@tellescope/types-models": "^1.220.0",
+    "@tellescope/types-utilities": "^1.220.0",
+    "@tellescope/utilities": "^1.220.0",
+    "@tellescope/validation": "^1.220.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -83,7 +83,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "74eae7c7a83047d1d337e8f9ab3e935ccd852271",
+  "gitHead": "53762e2ba183af157f6a5edd1a5f37999a93569e",
   "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, EnduserRelationship, FormCustomization, FormResponseAnswerAddress, FormResponseAnswerFileValue, FormResponseValue, FormResponseValueAnswer, OrganizationTheme, PreviousFormCompoundLogic, PreviousFormFieldType } from "@tellescope/types-models"
+import { CompoundFilter, EnduserRelationship, FormCustomization, FormResponseAnswerAddress, FormResponseAnswerFileValue, FormResponseValue, FormResponseValueAnswer, OrganizationTheme, PreviousFormCompoundLogic, PreviousFormFieldType, Timezone, TIMEZONES } from "@tellescope/types-models"
 import { WithTheme, contact_is_valid, useAddGTMTag, useFileUpload, useFormFields, useFormResponses, useResolvedSession, value_is_loaded } from "../index"
 import ReactGA from "react-ga4";
 
@@ -751,6 +751,12 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
 
         const stringValues: string[] = []
         for (const databaseValue of databaseValues) {
+          if (r.answer.type === 'Timezone') {
+            if (typeof databaseValue.value !== 'string') { continue }
+            if (!TIMEZONES.includes(databaseValue.value as Timezone)) { continue }
+            
+            return { ...r, answer: { ...r.answer, value: databaseValue.value } }
+          }
           if (databaseValue.type === 'Address') {
             if (r.answer.type !== 'Address') return r
   
@@ -1334,6 +1340,7 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
     if (!currentValue) return
     if (isNextDisabled() && currentValue?.answer.type !== 'Hidden Value') return
 
+    console.log('going to next field')
     if (currentValue.answer.type === 'Question Group') {
       const responsesToSave = (
         (currentValue.field.options?.subFields || [])
@@ -1373,7 +1380,7 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
       
       return newField || activeField
     })
-  }, [prevFieldStackRef, currentValue, isNextDisabled, updateFormResponse, session, responses, logicOptions])
+  }, [prevFieldStackRef, currentValue, isNextDisabled, updateFormResponse, session, responses, logicOptions, accessCode, formResponseId, setActiveField, setCurrentPageIndex])
 
   useEffect(() => {
     if (dontAutoadvance) return
@@ -1383,7 +1390,10 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
     // add slight delay so it's obvious which answer was selected before proceeding
     const t = setTimeout(goToNextField, 250)
 
-    return () => { clearTimeout(t) }
+    return () => { 
+      console.log('clearing autoadvance timeout'); 
+      clearTimeout(t) 
+    }
   }, [responses, goToNextField, dontAutoadvance])
 
   const isPreviousDisabled = useCallback(() => (

package/src/Forms/inputs.tsx

@@ -969,7 +969,7 @@ export const AddressInput = ({ field, form, value, onChange, ...props }: FormInp
   // state only
   field.options?.addressFields?.includes('state')
     ? (
-      <Autocomplete value={value?.state} 
+      <Autocomplete value={value?.state || ''} 
         options={field.options?.validStates?.length ? field.options.validStates : VALID_STATES}
         disablePortal
         onChange={(e, v) => v && 
@@ -1043,7 +1043,7 @@ export const AddressInput = ({ field, form, value, onChange, ...props }: FormInp
         </Grid>
 
         <Grid item xs={field.fullZIP ? 4 : 6} sm={field.fullZIP ? 2 : 3}>
-          <Autocomplete value={value?.state} fullWidth
+          <Autocomplete value={value?.state || ''} fullWidth
             options={field.options?.validStates?.length ? field.options.validStates : VALID_STATES}
             disablePortal
             onChange={(e, v) => v &&