Add results to email callback (#182)

* added results

* updated result data set exposed in email callback

* updated result data set exposed in email callback

Author: v-i-s-h-n-u-ps

spec/components/ShareResultsModal/ShareResultsModal.test.tsx

@@ -1,15 +1,18 @@
 import React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 
+import * as factories from '../../__tests__/factories';
+
 import ShareResultsModal from '../../../src/components/ShareResultsModal/ShareResultsModal';
 import { QuizReturnState } from '../../../src/types';
 import * as useShareResultsLink from '../../../src/hooks/useShareResultsLink';
 
 describe(`${ShareResultsModal.name} client`, () => {
+  const results = factories.quizResults.build();
   const props: React.ComponentProps<typeof ShareResultsModal> = {
     onClose: jest.fn(),
     onEmailResults: jest.fn(),
-    quizState: {} as QuizReturnState['quiz'],
+    quizState: { results } as QuizReturnState['quiz'],
   };
 
   beforeEach(() => {
@@ -25,6 +28,7 @@ describe(`${ShareResultsModal.name} client`, () => {
       expect(props.onEmailResults).toHaveBeenCalledWith({
         email: '[email protected]',
         url: 'http://example.com',
+        results: results!.response!.results,
       })
     );
   });

src/components/ShareResultsModal/ShareResultsModal.tsx

@@ -19,6 +19,7 @@ export default function ShareResultsModal({
   onEmailResults,
 }: ShareResultsModalProps) {
   const url = useShareResultsLink(quizState);
+  const results = quizState?.results?.response?.results;
 
   return (
     <div className='cio-share-results-modal' role='presentation' onClick={onClose}>
@@ -42,7 +43,9 @@ export default function ShareResultsModal({
               ? 'Share or save your quiz results through email or using the link below.'
               : 'Share or save your quiz results with this link.'}
           </div>
-          {onEmailResults && <EmailField onSubmit={(email) => onEmailResults({ email, url })} />}
+          {onEmailResults && (
+            <EmailField onSubmit={(email) => onEmailResults({ email, url, results })} />
+          )}
           <LinkField url={url} />
         </div>
       </div>

src/types.ts

@@ -31,7 +31,11 @@ export type {
 } from '@constructor-io/constructorio-client-javascript/lib/types';
 
 export type QuizResultDataPartial = Partial<QuizResultData>;
-export type QuizEmailResults = { email: string; url: string };
+export type QuizEmailResults = {
+  email: string;
+  url: string;
+  results?: Partial<QuizResultData>[];
+};
 
 // QUIZ PROPS
 export interface ResultCardOptions {