Merge pull request #921 from topcoder-platform/PROD-4398_integrate-userflow-remove-sprig

PROD-4398 integrate userflow remove sprig -> dev

Author: vas3a

.circleci/config.yml

@@ -261,6 +261,7 @@ workflows:
                               - dev
                               - justin_fixes
                               - talent_search_fixes
+                              - PROD-4398_integrate-userflow-remove-sprig
 
             - deployQa:
                   context: org-global

package.json

@@ -119,7 +119,7 @@
     "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.26",
     "turndown": "^4.0.2",
     "typescript": "^4.8.4",
-    "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9e62ddc61d",
+    "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9fc50d938be7182",
     "uuid": "^9.0.0"
   },
   "devDependencies": {

src/apps/accounts/src/config/constants.ts

@@ -1 +1,3 @@
-export const SPRIG_CES_SURVEY_ID = 'onAccountSettingsUpdate'
+import { EnvironmentConfig } from '~/config'
+
+export const CES_SURVEY_ID = EnvironmentConfig.USERFLOW_SURVEYS.ACCOUNT_SETTINGS

src/apps/accounts/src/lib/index.ts

@@ -1,4 +1,4 @@
 export * from './accounts-swr'
 export * from './components'
 export * from './assets'
-export * from './sprig-survey'
+export * from './userflow-survey'

src/apps/accounts/src/lib/sprig-survey.ts

@@ -0,0 +1,9 @@
+import { TcUniNavFn } from 'universal-navigation'
+
+import { CES_SURVEY_ID } from '../config'
+
+declare let tcUniNav: TcUniNavFn
+
+export function triggerSurvey(): void {
+    tcUniNav('triggerFlow', CES_SURVEY_ID, {})
+}

src/apps/accounts/src/lib/userflow-survey.ts

@@ -2,7 +2,7 @@ import { Dispatch, FC, SetStateAction, useState } from 'react'
 
 import { BaseModal, Button, Collapsible } from '~/libs/ui'
 import { authUrlLogout, updatePrimaryMemberRoleAsync, UserProfile } from '~/libs/core'
-import { triggerSprigSurvey } from '~/apps/accounts/src/lib'
+import { triggerSurvey } from '~/apps/accounts/src/lib'
 
 import styles from './AccountRole.module.scss'
 
@@ -36,7 +36,7 @@ const AccountRole: FC<AccountRoleProps> = (props: AccountRoleProps) => {
                 .then(() => {
                     setMemberRole(newRole)
                     setIsRoleChangeConfirmed(true)
-                    triggerSprigSurvey(props.profile)
+                    triggerSurvey()
                 })
                 .finally(() => {
                     setIsUpdating(false)

src/apps/accounts/src/settings/tabs/account/account-role/AccountRole.tsx

@@ -13,7 +13,7 @@ import {
     useCountryLookup,
     UserProfile,
 } from '~/libs/core'
-import { triggerSprigSurvey } from '~/apps/accounts/src/lib'
+import { triggerSurvey } from '~/apps/accounts/src/lib'
 
 import styles from './MemberAddress.module.scss'
 
@@ -88,7 +88,7 @@ const MemberAddress: FC<MemberAddressProps> = (props: MemberAddressProps) => {
             .then(() => {
                 toast.success('Your account has been updated.', { position: toast.POSITION.BOTTOM_RIGHT })
                 setFormErrors({})
-                triggerSprigSurvey(props.profile)
+                triggerSurvey()
             })
             .catch(() => {
                 toast.error('Something went wrong. Please try again.', { position: toast.POSITION.BOTTOM_RIGHT })

src/apps/accounts/src/settings/tabs/account/address/MemberAddress.tsx

@@ -4,7 +4,7 @@ import { KeyedMutator } from 'swr'
 import { noop } from 'lodash'
 
 import { Button, Collapsible, FormToggleSwitch, IconSolid, Tooltip } from '~/libs/ui'
-import { diceIdLogo, MFAImage, SettingSection, triggerSprigSurvey } from '~/apps/accounts/src/lib'
+import { diceIdLogo, MFAImage, SettingSection, triggerSurvey } from '~/apps/accounts/src/lib'
 import { MemberMFAStatus, updateMemberMFAStatusAsync, useMemberMFAStatus, UserProfile } from '~/libs/core'
 
 import { DiceSetupModal } from './dice-setup-modal'
@@ -39,7 +39,7 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
             .then(() => {
                 setMFAEnabled(!mfaEnabled)
                 toast.success('Your Multi Factor Authentication (MFA) status was updated.')
-                triggerSprigSurvey(props.profile)
+                triggerSurvey()
             })
             .catch(() => {
                 toast.error('Something went wrong. Please try again later.')

src/apps/accounts/src/settings/tabs/account/security/Security.tsx

@@ -17,7 +17,7 @@ import {
     UserTrait,
     UserTraits,
 } from '~/libs/core'
-import { SettingSection, triggerSprigSurvey } from '~/apps/accounts/src/lib'
+import { SettingSection, triggerSurvey } from '~/apps/accounts/src/lib'
 
 import { UserAndPassFromConfig } from './user-and-pass.form.config'
 import styles from './UserAndPassword.module.scss'
@@ -82,7 +82,7 @@ const UserAndPassword: FC<UserAndPasswordProps> = (props: UserAndPasswordProps)
                 setUserConsent(!userConsent)
                 mutateTraits()
                 toast.success('User consent updated successfully.')
-                triggerSprigSurvey(props.profile)
+                triggerSurvey()
             })
             .catch(() => {
                 toast.error('Failed to update user consent.')