From 2e97bc847f451be1ecc6a29b983e6577675b4d16 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Thu, 18 Sep 2025 16:49:51 +0300
Subject: [PATCH] Remove userflow

---
 README.md                                     |   8 -
 src/lib/components/LinksMenu.svelte           |   2 +-
 src/lib/components/SubMenu.svelte             |   2 +-
 src/lib/config/index.ts                       |   5 -
 .../functions/integrations/userflow-loader.js |   9 --
 src/lib/functions/integrations/userflow.ts    | 137 ------------------
 .../components/NavigationBar.svelte           |   3 +-
 src/main.ts                                   |   8 +-
 types/src/lib/config/index.d.ts               |   4 -
 .../integrations/userflow-loader.d.ts         |   1 -
 .../lib/functions/integrations/userflow.d.ts  |  25 ----
 types/src/main.d.ts                           |   2 +-
 uni-nav.env.dev                               |   2 -
 uni-nav.env.prod                              |   2 -
 uni-nav.env.qa                                |   2 -
 15 files changed, 5 insertions(+), 207 deletions(-)
 delete mode 100644 src/lib/functions/integrations/userflow-loader.js
 delete mode 100644 src/lib/functions/integrations/userflow.ts
 delete mode 100644 types/src/lib/functions/integrations/userflow-loader.d.ts
 delete mode 100644 types/src/lib/functions/integrations/userflow.d.ts

diff --git a/README.md b/README.md
index 12e3dc05..8f858c0b 100644
--- a/README.md
+++ b/README.md
@@ -296,7 +296,6 @@ Information regarding the changes will be disseminated to the owners of all prop
 | config.user             | 'auto'                                       | no                      | Instruct the uni-nav to auto-fetch user profile info based on the `tcjwt` cookie value   | {}            |
 | config.user             | {photoURL, userId, initials, handle}         | no                      | The logged in user                                                                       | {}            |
 | config.supportMeta      | {challengeId, isSelfService}                 | no                      | Additional meta data to be sent along with any support ticket created by the user        |               |
-| config.integrations     | {userflow?: 'disable'}                       | no                      | Disable userflow integration                                                             |               |
 
 ### User Model
 You can either pass user's details as described by the `AuthUser` interface, or pass a value of `auto` and uni-nav will automatically fetch user's details from the api based on the tcjwt auth cookie.
@@ -326,13 +325,6 @@ After `init` is called, you should call only `update` for further updates.
 
 >**NOTE** Both methods accept the same config object as mentioned in the previous section [API for tcUniNav](#api-for-tcuninav).
 
-### Custom Integrations
-
-#### Userflow
-Userflow is used to display surveys and tips for the user.
-You can manually trigger a predefined userflow content item by calling the method `triggerFlow` via uninav. Eg. `tcUniNav('triggerFlow', 'userflow-content-id', ...userflowArgs)`.
-
-
 ### Typescript Support
 
 Typescript type declarations (i.e. `*.d.ts`) can be sourced from the Github repo in the devDependencies of your package.json:
diff --git a/src/lib/components/LinksMenu.svelte b/src/lib/components/LinksMenu.svelte
index 280b34bb..ee13040f 100644
--- a/src/lib/components/LinksMenu.svelte
+++ b/src/lib/components/LinksMenu.svelte
@@ -4,7 +4,7 @@
   import { classnames } from "lib/utils/classnames";
   import { getPublicPath } from 'lib/utils/paths';
   import SubMenu from "./SubMenu.svelte";
-  import { NavigationHandler } from "../app-context/navigation-handler.model";
+  import type { NavigationHandler } from "../app-context/navigation-handler.model";
   const chevronDownIconUrl = getPublicPath(`/assets/ic-chevron-down.svg`);
 
   export let ref: Element | undefined = undefined;
diff --git a/src/lib/components/SubMenu.svelte b/src/lib/components/SubMenu.svelte
index ee896811..61b3b8fd 100644
--- a/src/lib/components/SubMenu.svelte
+++ b/src/lib/components/SubMenu.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { NavMenuItem } from 'lib/functions/nav-menu-item.model';
-  import { NavigationHandler } from "../app-context/navigation-handler.model";
+  import type { NavigationHandler } from "../app-context/navigation-handler.model";
   import { onMount } from 'svelte';
   import styles from './SubMenu.module.scss';
 
diff --git a/src/lib/config/index.ts b/src/lib/config/index.ts
index 9f9127f3..041354b8 100644
--- a/src/lib/config/index.ts
+++ b/src/lib/config/index.ts
@@ -24,9 +24,4 @@ export const AUTH0_AUTHENTICATOR_URL: string = getEnvValue(
   "https://accounts-auth0.topcoder.com"
 );
 
-export const DISABLE_USERFLOW: string = getEnvValue('VITE_DISABLE_USERFLOW', '')
-export const USERFLOW_ENVIRONMENT_TOKEN: string = getEnvValue('VITE_USERFLOW_ENVIRONMENT_TOKEN')
-export const USERFLOW_TC_SIGNATURE: string = getEnvValue('VITE_USERFLOW_TC_SIGNATURE')
-export const USERFLOW_DEFAULT_SURVEY_DELAY: string = getEnvValue('VITE_USERFLOW_DEFAULT_SURVEY_DELAY', '3000')
-
 export * from './hosts'
diff --git a/src/lib/functions/integrations/userflow-loader.js b/src/lib/functions/integrations/userflow-loader.js
deleted file mode 100644
index 352e5571..00000000
--- a/src/lib/functions/integrations/userflow-loader.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @ts-nocheck
-export function loadUserflowScripts() {
-  if (window['userflow']) {
-    return window['userflow'];
-  }
-
-  !function(){var e="undefined"==typeof window?{}:window,r=e.userflow;if(!r){var t="https://js.userflow.com/",n=null;r=e.userflow={_stubbed:!0,load:function(){return n||(n=new Promise((function(r,o){var s=document.createElement("script");s.async=!0;var a=e.USERFLOWJS_ENV_VARS||{};"es2020"===(a.USERFLOWJS_BROWSER_TARGET||function(e){for(var r=[[/Edg\//,/Edg\/(\d+)/,80],[/OPR\//,/OPR\/(\d+)/,67],[/Chrome\//,/Chrome\/(\d+)/,80],[/CriOS\//,/CriOS\/(\d+)/,100],[/Safari\//,/Version\/(\d+)/,14],[/Firefox\//,/Firefox\/(\d+)/,74]],t=0;t<r.length;t++){var n=r[t],o=n[0],s=n[1],a=n[2];if(e.match(o)){var u=e.match(new RegExp(s));if(u&&parseInt(u[1],10)>=a)return"es2020";break}}return"legacy"}(navigator.userAgent))?(s.type="module",s.src=a.USERFLOWJS_ES2020_URL||t+"es2020/userflow.js"):s.src=a.USERFLOWJS_LEGACY_URL||t+"legacy/userflow.js",s.onload=function(){r()},s.onerror=function(){document.head.removeChild(s),n=null;var e=new Error("Could not load Userflow.js");console.error(e.message),o(e)},document.head.appendChild(s)}))),n}};var o=e.USERFLOWJS_QUEUE=e.USERFLOWJS_QUEUE||[],s=function(e){r[e]=function(){var t=Array.prototype.slice.call(arguments);r.load(),o.push([e,null,t])}},a=function(e){r[e]=function(){var t,n=Array.prototype.slice.call(arguments);r.load();var s=new Promise((function(e,r){t={resolve:e,reject:r}}));return o.push([e,t,n]),s}},u=function(e,t){r[e]=function(){return t}};s("_setTargetEnv"),s("closeResourceCenter"),s("init"),s("off"),s("on"),s("prepareAudio"),s("registerCustomInput"),s("remount"),s("reset"),s("setBaseZIndex"),s("setCustomInputSelector"),s("setCustomNavigate"),s("setCustomScrollIntoView"),s("setInferenceAttributeFilter"),s("setInferenceAttributeNames"),s("setInferenceClassNameFilter"),s("setResourceCenterLauncherHidden"),s("setScrollPadding"),s("setServerEndpoint"),s("setShadowDomEnabled"),s("setPageTrackingDisabled"),s("setUrlFilter"),s("openResourceCenter"),s("toggleResourceCenter"),a("endAll"),a("endAllFlows"),a("endChecklist"),a("group"),a("identify"),a("identifyAnonymous"),a("start"),a("startFlow"),a("startWalk"),a("track"),a("updateGroup"),a("updateUser"),u("getResourceCenterState",null),u("isIdentified",!1)}}();
-  return window['userflow'];
-}
diff --git a/src/lib/functions/integrations/userflow.ts b/src/lib/functions/integrations/userflow.ts
deleted file mode 100644
index 29259373..00000000
--- a/src/lib/functions/integrations/userflow.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import {
-  DISABLE_USERFLOW,
-  TC_API_V5_HOST,
-  USERFLOW_DEFAULT_SURVEY_DELAY,
-  USERFLOW_ENVIRONMENT_TOKEN,
-  USERFLOW_TC_SIGNATURE,
-} from "../../config";
-import { getRequestAuthHeaders } from "../auth-jwt";
-import { getJwtUserRoles } from "../user-profile.provider";
-import { loadUserflowScripts } from "./userflow-loader";
-import { integrationIsDisabled } from "./utils";
-
-// Userflow expects dates in the format returned in this function
-const toIsoString = (createdAt: Date | number | string) => {
-  const date = new Date(createdAt);
-  return date.toISOString();
-}
-
-/**
- * Calls api to get the current user's hashed userId
- * @returns string
- */
-const getUserIdHash = (() => {
-  const fetchFn = async () => {
-    const requestUrl: string = `${TC_API_V5_HOST}/members/uid-signature?type=userflow`;
-    const request = fetch(requestUrl, {headers: {...getRequestAuthHeaders()}});
-    const response = await (await request).json();
-
-    return response?.uid_signature;
-  };
-
-  let currentRequest;
-  return async () => {
-    if (currentRequest) {
-      return currentRequest;
-    }
-
-    return currentRequest = await fetchFn();
-  }
-})()
-
-
-/**
- * Calls userflow's identify method and automatically hashes userId and passes it as `uid_hash`
- * @param user
- */
-const initAndIdentifyUser = async (user) => {
-  if (!USERFLOW_ENVIRONMENT_TOKEN || DISABLE_USERFLOW) {
-    return
-  }
-
-  const userflow = loadUserflowScripts();
-
-  userflow.init(USERFLOW_ENVIRONMENT_TOKEN);
-
-  const uid_hash = await getUserIdHash();
-
-  userflow.identify(
-    user.userId, JSON.parse(JSON.stringify({
-      email: user.email,
-      roles: getJwtUserRoles(),
-      userId: user.userId,
-      handle: user.handle,
-      first_name: user.firstName,
-      last_name: user.lastName,
-      name: `${user.firstName} ${user.lastName}`,
-      signed_up_at: user.createdAt ? toIsoString(user.createdAt) : undefined,
-    })), {
-      signature: uid_hash,
-    },
-  );
-
-  userflow.group(
-    'Topcoder',
-    {
-      name: 'Topcoder',
-    },
-    {
-      signature: USERFLOW_TC_SIGNATURE,
-    },
-  );
-
-}
-
-/**
- * Subscribes to a writable auth context,
- * and watches for when the user data is ready.
- * Once user data is ready, calls userflow's identify() method
- * @param appContext Svelte writable/readable context
- */
-const subscribeToAuthContext = (appContext) => {
-  if (!USERFLOW_ENVIRONMENT_TOKEN || DISABLE_USERFLOW) {
-    return
-  }
-
-  appContext.subscribe(({auth: { user }, integrations}) => {
-    if (integrationIsDisabled(integrations, 'userflow')) {
-      return;
-    }
-
-    if (!user) {
-      return;
-    }
-
-    initAndIdentifyUser(user);
-  });
-}
-
-let debounce = {};
-/**
- * Triggers a Userflow content item
- * @param flowId Userflow content ID
- * @param options.once Boolean, optional - If set to true,
- *      the content will only start if the user has not seen it before.
- *      If the user has already seen it before, nothing happens.
- *      Defaults to true.
- */
-const triggerFlow = (flowId: string, options: {once?: boolean, delay?: number} = {}) => {
-  if (!USERFLOW_ENVIRONMENT_TOKEN || DISABLE_USERFLOW) {
-    return
-  }
-
-  const userflow = loadUserflowScripts();
-
-  const { delay = USERFLOW_DEFAULT_SURVEY_DELAY } = options
-
-  if (debounce[flowId]) {
-    clearTimeout(debounce[flowId])
-  }
-  debounce[flowId] = setTimeout(userflow.start, Number(delay), flowId, { once: options?.once ?? true });
-}
-
-export {
-  subscribeToAuthContext as initUserflow,
-  initAndIdentifyUser as identify,
-  triggerFlow,
-}
diff --git a/src/lib/marketing-navigation/components/NavigationBar.svelte b/src/lib/marketing-navigation/components/NavigationBar.svelte
index e09dec98..ac0e9b7d 100644
--- a/src/lib/marketing-navigation/components/NavigationBar.svelte
+++ b/src/lib/marketing-navigation/components/NavigationBar.svelte
@@ -3,8 +3,7 @@
   import LinksMenu from '../../components/LinksMenu.svelte';
   import TopNavbar from 'lib/components/TopNavbar.svelte';
   import MobileNavigation from 'lib/mobile-navigation/MobileNavigation.svelte';
-  import { marketingRightItems } from 'lib/functions/marketing-navigation.provider'
-  import { NavigationHandler } from "../../app-context/navigation-handler.model";
+  import type { NavigationHandler } from "../../app-context/navigation-handler.model";
 
   export let style: 'primary'|'secondary'|'tertiary';
   export let menuItems: NavMenuItem[] = [];
diff --git a/src/main.ts b/src/main.ts
index 332f4964..56c6b5ca 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,6 @@ import { writable } from 'svelte/store'
 import type { Writable } from 'svelte/store'
 
 import { buildContext, type AuthUser, type NavigationHandler, type SupportMeta } from './lib/app-context'
-import { initUserflow, triggerFlow } from 'lib/functions/integrations/userflow';
 import { loadNudgeApp } from './lib/functions/load-nudge-app'
 import { PubSub } from './lib/utils/pubsub';
 
@@ -38,7 +37,7 @@ export type NavigationAppProps = {
   integrations?: {[key: string]: 'disable'}
 }
 
-export type TcUniNavMethods = 'init' | 'update' | 'destroy' | 'triggerFlow'
+export type TcUniNavMethods = 'init' | 'update' | 'destroy'
 
 export type TcUniNavFn = (
   method: TcUniNavMethods,
@@ -138,7 +137,6 @@ async function init(
   }
 
   if (navType === 'tool' || navType === 'marketing') {
-    initUserflow(ctx.get('appContext'));
     loadNudgeApp(ctx, targetEl.querySelector('.tc-universal-nav-wrap'));
   }
 }
@@ -177,10 +175,6 @@ function execQueueCall(method: TcUniNavMethods, ...args: any[]) {
     update.call(null, ...args)
   }
 
-  else if (method === 'triggerFlow') {
-    triggerFlow.call(null, ...args)
-  }
-
   else if (method === 'destroy') {
     destroy.call(null, ...args);
   }
diff --git a/types/src/lib/config/index.d.ts b/types/src/lib/config/index.d.ts
index 07f82536..9ae05b88 100644
--- a/types/src/lib/config/index.d.ts
+++ b/types/src/lib/config/index.d.ts
@@ -2,8 +2,4 @@ export declare const PLATFORM_APP_HOST: string;
 export declare const CUSTOMER_LOGIN: string;
 export declare const CUSTOMER_SIGNUP: string;
 export declare const AUTH0_AUTHENTICATOR_URL: string;
-export declare const DISABLE_USERFLOW: string;
-export declare const USERFLOW_ENVIRONMENT_TOKEN: string;
-export declare const USERFLOW_TC_SIGNATURE: string;
-export declare const USERFLOW_DEFAULT_SURVEY_DELAY: string;
 export * from './hosts';
diff --git a/types/src/lib/functions/integrations/userflow-loader.d.ts b/types/src/lib/functions/integrations/userflow-loader.d.ts
deleted file mode 100644
index 6a665944..00000000
--- a/types/src/lib/functions/integrations/userflow-loader.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export function loadUserflowScripts(): any;
diff --git a/types/src/lib/functions/integrations/userflow.d.ts b/types/src/lib/functions/integrations/userflow.d.ts
deleted file mode 100644
index f0603ed4..00000000
--- a/types/src/lib/functions/integrations/userflow.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Calls userflow's identify method and automatically hashes userId and passes it as `uid_hash`
- * @param user
- */
-declare const initAndIdentifyUser: (user: any) => Promise<void>;
-/**
- * Subscribes to a writable auth context,
- * and watches for when the user data is ready.
- * Once user data is ready, calls userflow's identify() method
- * @param appContext Svelte writable/readable context
- */
-declare const subscribeToAuthContext: (appContext: any) => void;
-/**
- * Triggers a Userflow content item
- * @param flowId Userflow content ID
- * @param options.once Boolean, optional - If set to true,
- *      the content will only start if the user has not seen it before.
- *      If the user has already seen it before, nothing happens.
- *      Defaults to true.
- */
-declare const triggerFlow: (flowId: string, options?: {
-    once?: boolean;
-    delay?: number;
-}) => void;
-export { subscribeToAuthContext as initUserflow, initAndIdentifyUser as identify, triggerFlow, };
diff --git a/types/src/main.d.ts b/types/src/main.d.ts
index cf0a307f..fd6842b4 100644
--- a/types/src/main.d.ts
+++ b/types/src/main.d.ts
@@ -21,5 +21,5 @@ export declare type NavigationAppProps = {
         [key: string]: 'disable';
     };
 };
-export declare type TcUniNavMethods = 'init' | 'update' | 'destroy' | 'triggerFlow';
+export declare type TcUniNavMethods = 'init' | 'update' | 'destroy';
 export declare type TcUniNavFn = (method: TcUniNavMethods, targetId: string, config: NavigationAppProps) => void;
diff --git a/uni-nav.env.dev b/uni-nav.env.dev
index a9c9bc45..f3fbe09f 100644
--- a/uni-nav.env.dev
+++ b/uni-nav.env.dev
@@ -1,7 +1,5 @@
 # environment variables for the dev env
 VITE_APP_HOST_ENV=dev
-VITE_USERFLOW_ENVIRONMENT_TOKEN=ct_6cskavahlnco7fqjpphvbjqlla
-VITE_USERFLOW_TC_SIGNATURE=50cb1d775f80715513743264ef975d2fdc2eb69170d639e22f295914d47f02e2
 VITE_PLATFORM_APP_HOST='https://develop.app-dev.topcoder.com'
 VITE_CUSTOMER_SIGNUP='https://develop.app-dev.topcoder.com/signup'
 VITE_AUTH0_AUTHENTICATOR_URL='https://accounts-auth0.topcoder-dev.com'
diff --git a/uni-nav.env.prod b/uni-nav.env.prod
index ea0540bb..3821edbe 100644
--- a/uni-nav.env.prod
+++ b/uni-nav.env.prod
@@ -1,7 +1,5 @@
 # environment variables for the prod env
 VITE_APP_HOST_ENV=prod
-VITE_USERFLOW_ENVIRONMENT_TOKEN=ct_4no3lqex75fr3dhojxzu47vpf4
-VITE_USERFLOW_TC_SIGNATURE=a36a72415c488dc781d32277756cd50313c25e8ac0f929f76172601cfc08139e
 VITE_PLATFORM_APP_HOST='https://app.topcoder.com'
 VITE_CUSTOMER_SIGNUP='https://app.topcoder.com/signup'
 VITE_AUTH0_AUTHENTICATOR_URL='https://accounts-auth0.topcoder.com'
diff --git a/uni-nav.env.qa b/uni-nav.env.qa
index d2947bd0..c6550068 100644
--- a/uni-nav.env.qa
+++ b/uni-nav.env.qa
@@ -1,7 +1,5 @@
 # environment variables for the qa env
 VITE_APP_HOST_ENV=qa
-VITE_USERFLOW_ENVIRONMENT_TOKEN=ct_44zs4tkk2fcfhk4knitv3sujge
-VITE_USERFLOW_TC_SIGNATURE=bce044d6dea2f4c1e2bea5df0b5e4dd8e1f4f7518c2b33219ba04317b9251782
 VITE_PLATFORM_APP_HOST='https://qa.app-dev.topcoder.com'
 VITE_CUSTOMER_SIGNUP='https://qa.app-dev.topcoder.com/signup'
 VITE_AUTH0_AUTHENTICATOR_URL='https://accounts-auth0.topcoder-dev.com'