@tellescope/react-components 1.126.0 → 1.127.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.126.0",
+  "version": "1.127.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,12 +47,12 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@stripe/react-stripe-js": "^2.1.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.126.0",
-    "@tellescope/sdk": "^1.126.0",
-    "@tellescope/types-client": "^1.126.0",
-    "@tellescope/types-models": "^1.126.0",
+    "@tellescope/constants": "^1.127.0",
+    "@tellescope/sdk": "^1.127.0",
+    "@tellescope/types-client": "^1.127.0",
+    "@tellescope/types-models": "^1.127.0",
     "@tellescope/types-utilities": "^1.69.3",
-    "@tellescope/utilities": "^1.126.0",
+    "@tellescope/utilities": "^1.127.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -79,7 +79,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": "67edd6e59ea9f9f3cbb6fced05965a0ccea5f59f",
+  "gitHead": "1393e45b767e134b53ec044a6206254094e1b76d",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/form_responses.tsx

@@ -23,13 +23,15 @@ export const AddressDisplay = ({ value } : { value: Required<FormResponseAnswerA
   </Grid>
 ) 
 
-export const ResponseAnswer = ({ isHTML, answer: a, printing, onImageClick } : { 
+export const ResponseAnswer = ({ formResponse, fieldId, isHTML, answer: a, printing, onImageClick } : { 
   answer: FormResponseValueAnswer, 
+  formResponse: FormResponse,
+  fieldId: string,
   printing?: boolean,
   onImageClick?: (args: { src: string }) => void,
   isHTML?: boolean,
 }) => (
-(isHTML  && typeof a.value === 'string') 
+(isHTML && typeof a.value === 'string') 
   ? <div dangerouslySetInnerHTML={{ __html: remove_script_tags(a.value) }} />
   : a.value 
     ? (
@@ -139,8 +141,21 @@ export const ResponseAnswer = ({ isHTML, answer: a, printing, onImageClick } : {
               </Grid>
             ))}
           </Grid>
-
         )
+        : (a.type === 'Emotii') ? (() => {
+            if (!a.value) return null
+            const scoring = formResponse?.emotii?.find(s => s.id === fieldId)
+            if (!scoring) return null
+        
+            return (
+              <>
+              {[{ label: 'Average', ...scoring.scores.total }, ...scoring.scores.byAnswer].map((s, i) => (
+                <Typography>{s.label}: {s.score}</Typography>
+              ))}
+              </>
+            )
+
+          })()
         : (
           <Typography style={answerStyles}>
             {form_response_value_to_string(a.value)}
@@ -297,7 +312,7 @@ export const FormResponseView = ({ enduser, onClose, hideHeader, response, id, p
                 && (
                   (r.answerIsHTML && typeof r.answer.value === 'string') 
                     ? <div dangerouslySetInnerHTML={{ __html: remove_script_tags(r.answer.value) }} />
-                    : <ResponseAnswer answer={r.answer} printing={printing} />
+                    : <ResponseAnswer fieldId={r.fieldId} formResponse={response} answer={r.answer} printing={printing} />
                 )
                 }
               </div>
@@ -318,7 +333,7 @@ export const FormResponseView = ({ enduser, onClose, hideHeader, response, id, p
             } 
 
             {!showAnswerInline &&
-              <ResponseAnswer answer={r.answer} />
+              <ResponseAnswer answer={r.answer} formResponse={response} fieldId={r.fieldId} />
             }
           </div>
         )

package/src/Forms/forms.tsx

@@ -240,7 +240,7 @@ export const QuestionForField = ({
           <Address field={field} disabled={value.disabled} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
         )
         : field.type === 'Emotii' ? (
-          <Emotii field={field} disabled={value.disabled} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
+          <Emotii enduser={enduser} enduserId={enduserId} field={field} disabled={value.disabled} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />
         )
         : field.type === 'Height' ? (
           <Height field={field} disabled={value.disabled} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form} />

package/src/Forms/inputs.tsx

@@ -2744,17 +2744,23 @@ export const EmotiiInput = ({ goToNextField, goToPreviousField, field, value, on
   const [data, setData] = useState<{ surveyRequestId: string, surveyUrl: string }>()
   const [loadCount, setLoadCount] = useState(0)
 
+  console.log(props.enduserId, props.enduser)
+
+  const fetchRef = useRef(false)
   useEffect(() => {
     if (value) return
+    if (fetchRef.current) return
+    fetchRef.current = true
 
     session.api.integrations
     .proxy_read({ 
       integration: EMOTII_TITLE, 
       type: 'get_survey', 
+      id: props?.enduserId, // defaults to session id when not defined
       query: requestIdRef.current,
     })
     .then(r => setData(r.data))
-  }, [session, value])
+  }, [session, value, props?.enduserId])
 
   const loadAnswerRef = useRef(false)
   useEffect(() => {