@tellescope/react-components 1.160.0 → 1.160.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.160.0",
+  "version": "1.160.1",
   "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.160.0",
-    "@tellescope/sdk": "^1.160.0",
-    "@tellescope/types-client": "^1.160.0",
-    "@tellescope/types-models": "^1.160.0",
-    "@tellescope/types-utilities": "^1.160.0",
-    "@tellescope/utilities": "^1.160.0",
-    "@tellescope/validation": "^1.160.0",
+    "@tellescope/constants": "^1.160.1",
+    "@tellescope/sdk": "^1.160.1",
+    "@tellescope/types-client": "^1.160.1",
+    "@tellescope/types-models": "^1.160.1",
+    "@tellescope/types-utilities": "^1.160.1",
+    "@tellescope/utilities": "^1.160.1",
+    "@tellescope/validation": "^1.160.1",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -80,7 +80,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": "ae5e552573b74bf4a478e9054348e43fb5fd3eaa",
+  "gitHead": "28dfaf3ce3542b7e879639ddc9264611fece8c62",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/forms.tsx

@@ -132,6 +132,7 @@ export const QuestionForField = ({
   goToNextField,
   spacing,
   isSinglePage,
+  rootResponseId,
 } : {
   spacing?: number,
   form?: Form,
@@ -142,7 +143,7 @@ export const QuestionForField = ({
   field: FormField,
   setCustomerId: React.Dispatch<React.SetStateAction<string | undefined>>,
   isSinglePage?: boolean,
-} & Pick<TellescopeFormProps, "goToNextField" | "groupId" | "groupInstance" | "submit" | "formResponseId" | 'enduserId' | 'isPreviousDisabled' | 'goToPreviousField' | 'enduser' | 'handleDatabaseSelect' | 'onAddFile' | 'onFieldChange' | 'fields' | 'customInputs' | 'responses' | 'selectedFiles' | 'validateField'>) => {
+} & Pick<TellescopeFormProps, "rootResponseId" | "goToNextField" | "groupId" | "groupInstance" | "submit" | "formResponseId" | 'enduserId' | 'isPreviousDisabled' | 'goToPreviousField' | 'enduser' | 'handleDatabaseSelect' | 'onAddFile' | 'onFieldChange' | 'fields' | 'customInputs' | 'responses' | 'selectedFiles' | 'validateField'>) => {
   const String = customInputs?.['string'] ?? StringInput
   const StringLong = customInputs?.['stringLong'] ?? StringLongInput
   const Email = customInputs?.['email'] ?? EmailInput
@@ -254,7 +255,7 @@ export const QuestionForField = ({
           <Height field={field} disabled={value.disabled} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
         )
         : field.type === 'Redirect' ? (
-          <Redirect responses={responses} enduser={enduser} groupId={groupId} groupInsance={groupInstance} submit={submit} field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
+          <Redirect rootResponseId={rootResponseId} formResponseId={formResponseId} responses={responses} enduser={enduser} groupId={groupId} groupInsance={groupInstance} submit={submit} field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
         )
         : field.type === 'Related Contacts' ? (
           <RelatedContacts field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
@@ -337,7 +338,7 @@ export const QuestionForField = ({
               <Flex key={id} flex={1}>
                 <QuestionForField groupId={groupId} groupInstance={groupInstance} customInputs={customInputs} field={match} fields={fields} handleDatabaseSelect={handleDatabaseSelect}
                   enduser={enduser} goToPreviousField={goToPreviousField} isPreviousDisabled={isPreviousDisabled} goToNextField={goToNextField}
-                  form={form} formResponseId={formResponseId} submit={submit}
+                  form={form} formResponseId={formResponseId} rootResponseId={rootResponseId} submit={submit}
                   repeats={repeats} onRepeatsChange={onRepeatsChange} setCustomerId={setCustomerId}
                   value={value} file={file} 
                   onAddFile={onAddFile} onFieldChange={onFieldChange}
@@ -987,7 +988,7 @@ export const TellescopeSinglePageForm: React.JSXElementConstructor<TellescopeFor
             <Flex key={activeField.id} style={{ marginBottom: 5 }}>
               <Flex column flex={1}>
                 <QuestionForField isSinglePage fields={fields} field={activeField} handleDatabaseSelect={handleDatabaseSelect}
-                  enduserId={props.enduserId} formResponseId={props.formResponseId} submit={submit}
+                  enduserId={props.enduserId} formResponseId={props.formResponseId} rootResponseId={rootResponseId} submit={submit}
                   enduser={enduser} goToPreviousField={goToPreviousField} isPreviousDisabled={isPreviousDisabled} goToNextField={goToNextField}
                   repeats={repeats} onRepeatsChange={setRepeats} setCustomerId={setCustomerId}
                   value={value} file={file} 

package/src/Forms/inputs.tsx

@@ -2944,7 +2944,8 @@ export const HeightInput = ({ field, value={} as any, onChange, ...props }: Form
   </Grid>
 )
 
-export const RedirectInput = ({ groupId, groupInsance, formResponseId, field, submit, value={} as any, onChange, responses, enduser, ...props }: FormInputProps<'Redirect'>) => {
+export const RedirectInput = ({ groupId, groupInsance, rootResponseId, formResponseId, field, submit, value={} as any, onChange, responses, enduser, ...props }: FormInputProps<'Redirect'>) => {
+  console.log('formResponseId', formResponseId, 'rootResponseId', rootResponseId)
   const session = useResolvedSession()
 
   let eId = ''
@@ -3007,7 +3008,7 @@ export const RedirectInput = ({ groupId, groupInsance, formResponseId, field, su
     session.api.form_responses.prepare_form_response({
       enduserId: session.userInfo.id || eId,
       formId: field.options.redirectFormId,
-      rootResponseId: formResponseId,
+      rootResponseId: rootResponseId || formResponseId,
       parentResponseId: formResponseId,
     })
     .then(({ fullURL }) => (

package/src/Forms/types.ts

@@ -26,6 +26,7 @@ export interface FormInputProps<K extends keyof AnswerForType> {
   goToNextField?: () => void, 
   isPreviousDisabled?: () => boolean,
   formResponseId?: string,
+  rootResponseId?: string,
   submit?: () => Promise<void>,
   groupId?: string,
   groupInsance?: string,