@cuemath/web-utils 0.0.2-beta.0 → 0.0.2-beta.10

package/src/e-cna/slides/school_performance_5_12/variants.ts

@@ -0,0 +1,23 @@
+export const school_performance_5_12 = {
+  DEFAULT: {
+    id: 3,
+    questionID: 'school_performance_5_12',
+    type: 'options',
+    question: 'How did they perform at school on their last assessment?',
+    description:
+      "Don't worry, we're just trying to understand what would work best for your child, so we can recommend the right program!",
+    options: [
+      { value: 'BELOW 70%', logo: '/static/e-cna-form/one-star.svg' },
+      {
+        value: '70% TO 90%',
+        logo: '/static/e-cna-form/two-stars.svg',
+      },
+      {
+        value: 'ABOVE 90%',
+        logo: '/static/e-cna-form/three-stars.svg',
+      },
+    ],
+    defaultNextquestionID: 'key_need_l1',
+    questionUUID: 'eea3d36a-405d-47f3-ba23-ef748bc24298',
+  },
+};

package/src/e-cna/slides/school_performance_kg_4/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/school_performance_kg_4/variants.ts

@@ -0,0 +1,25 @@
+export const school_performance_kg_4 = {
+  DEFAULT: {
+    id: 4,
+    questionID: 'school_performance_kg_4',
+    type: 'options_thin',
+    question: "What does your child's teacher say about math performance at school?",
+    options: [
+      {
+        value: "Can improve. You've got potential.",
+        logo: '/static/e-cna-form/one-star.svg',
+      },
+      {
+        value: 'Pretty good but you can do even better',
+        logo: '/static/e-cna-form/two-stars.svg',
+      },
+      {
+        value: "Awesome job! You're on track!",
+        logo: '/static/e-cna-form/three-stars.svg',
+      },
+    ],
+
+    defaultNextquestionID: 'key_need_l1',
+    questionUUID: 'a3fdfdf8-6d34-42b9-8bbe-d9568b797881',
+  },
+};

package/src/e-cna/slides/secondary_needs/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/secondary_needs/variants.ts

@@ -0,0 +1,26 @@
+const getSecondaryKeyNeeds = () => [
+  {
+    value:
+      "I'd like them to build strong math foundation and get support for schoolwork.",
+  },
+  { value: "I'd like them to be faster at calculations / Mental math." },
+  { value: "I'd like them to bridge learning gaps from previous and current grades." },
+  { value: 'I want my child to practice math regulalry.' },
+  { value: "I'd like them to develop interest and start enjoying math without fear." },
+  { value: 'I want my child to practice advanced and competitive math.' },
+];
+
+export const secondary_needs = {
+  DEFAULT: {
+    id: 13,
+    questionID: 'secondary_needs',
+    type: 'options_multiselect',
+    question: 'Is there anything else we should focus on?',
+    description: 'You can select more than 1.',
+    get options() {
+      return getSecondaryKeyNeeds();
+    },
+    defaultNextquestionID: 'child_personality',
+    questionUUID: '4e1830f2-d37d-4c6f-9e56-1bd1e6660984',
+  },
+};

package/src/e-cna/slides/signup/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/signup/variants.ts

@@ -0,0 +1,7 @@
+export const signup = {
+  DEFAULT: {
+    id: 'parent_student_details',
+    questionID: 'demo',
+    nextSlide: 'parent_student_details',
+  },
+};

package/src/e-cna/slides/signup_refer/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/signup_refer/variants.ts

@@ -0,0 +1,16 @@
+export const signup_refer = {
+  DEFAULT: {
+    id: 16,
+    questionID: 'signup_refer',
+    type: 'options',
+    question: 'How did you learn about Cuemath?',
+    options: [
+      { value: 'Friends/Family' },
+      { value: 'Online Search' },
+      { value: 'Social Media' },
+      { value: 'App Store/Play Store' },
+      { value: 'Others' },
+    ],
+    questionUUID: 'ea8f4ed7-4214-4dcd-a818-701bf1843626',
+  },
+};

package/src/e-cna/slides/slot_pick/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/slot_pick/variants.ts

@@ -0,0 +1,12 @@
+export const slot_pick = {
+  DEFAULT: {
+    id: 'slot_pick',
+    questionID: 'demo',
+    nextSlide: 'parent_student_details',
+  },
+  NON_ECNA: {
+    id: 'slot_pick',
+    questionID: 'demo',
+    nextSlide: 'parent_details',
+  },
+};

package/src/e-cna/slides/teacher_intro/index.ts

@@ -0,0 +1 @@
+export * from './variants';

package/src/e-cna/slides/teacher_intro/variants.ts

@@ -0,0 +1,114 @@
+export const t_led_flow = {
+    DEFAULT: {
+      id: 'teacher_intro',
+      questionID: 'teacherId',
+      nextSlide: 'question',
+    },
+    GRADE: {
+        id: 1,
+        questionID: 'student_grade',
+        type: 'options_grid',
+        question: 'What grade is your child in?',
+        description:
+          "We'll use this information to surface the right recommendations in the next few questions.",
+        options: [
+          { value: '10' },
+          { value: '11' },
+          { value: '12' },
+          { value: '7' },
+          { value: '8' },
+          { value: '9' },
+          { value: '4' },
+          { value: '5' },
+          { value: '6' },
+          { value: '1' },
+          { value: '2' },
+          { value: '3' },
+          { value: 'KG' },
+        ], // Options
+        defaultNextquestionID: 'child_info', // submit issue
+        // defaultNextquestionID: 'hybrid_teacher',
+        // questionUUID: '3d8688bf-ad00-4cbf-a5f9-ba9cac27af46',    
+    },
+    // CHILD_INFO: {  // for other flow
+    //   id: 'child_info',
+    //   questionID: 'child_info',
+    //   nextSlide: 'teacher_not_available',
+    // },
+    // TEACHER_NOT_AVAILABLE:{
+      // id: 'teacher_not_available',
+      //   questionID: 'teacher_not_available',
+      //   nextSlide: 'slot_pick',
+    // }
+    // HYBRID_TEACHER:{
+    //   id: 'hybrid_teacher',
+    //   questionID: 'hybrid_teacher',
+    //   nextSlide: 'trial_session_parent',
+    // },
+    CHILD_INFO: {
+      id: 'child_info',
+      questionID: 'child_info',
+      nextSlide: 'loader',// if ecna
+      // nextSlide:'teacher-unavailability' // if non-ecna + cred match
+    },
+    LOADER:{
+      id: 'loader',
+      questionID: 'loader',
+      nextSlide: 'hybrid_teacher',// if ecna
+    },
+    HYBRID_TEACHER:{
+      id: 'hybrid_teacher',
+      questionID: 'hybrid_teacher',
+      nextSlide:'date_time_slot_pick'
+      // nextSlide: 'trial_session_parent', // issue in ready to enroll
+      // nextSlide:'otp'
+      // nextSlide: 'class-confirmed',
+    },
+    TRIAL_SESSION_PARENT:{
+      id: 'trial_session_parent',
+      questionID: 'trial_session',
+      nextSlide: 'otp', // issue
+      // nextSlide: 'class-confirmed', // next slide
+    },
+    OTP:{
+      id: 'otp',
+      questionID: 'otp',
+      nextSlide: 'class-confirmed',
+    },
+    GET_IN_TOUCH:{
+      id: 'class-confirmed',
+      questionID: 'class-confirmed',
+      nextSlide: 'class-confirmed',
+    },
+    TRIAL_CONFIRMED:{
+      id: 'class-confirmed',
+      questionID: 'class-confirmed',
+      nextSlide: 'spreading_the_word',
+    },
+    TRIAL_SESSION:{
+      id: 'trial_session_slot',
+      questionID: 'trial_session_slot',
+      nextSlide: 'pick_slot',
+    },
+    PARENT_DETAILS:{
+      id: 'parent_details',
+      questionID: 'parent_details',
+      nextSlide: 'trial_session_parent',
+    },
+    PICK_SLOT:{
+      id: 'pick_slot',
+      questionID: 'pick_slot',
+      nextSlide: 'trial_session_parent',
+    },
+    DATE_TIME_SLOT_PICK:{
+      id: 'date_time_slot_pick',
+      questionID: 'date_time_slot_pick',
+      nextSlide: 'parent_details',
+    },
+    TEACHER_UNAVAILABILITY:{
+      id: 'teacher_unavailability',
+      questionID: 'teacher_unavailability',
+      nextSlide: 'date_time_slot_pick',
+    },
+  };
+  

package/src/e-cna/utils/index.ts

@@ -0,0 +1,32 @@
+import { getCookie } from '../../cookie';
+import { localStorageGet } from '../../local-storage';
+import { SLIDE_TYPES, CUE_COUNTRY_CODE_KEY, LOCAL_STORAGE_KEYS } from '../../constants';
+
+const K6Countries = ['AU', 'NZ']
+
+export function checkGradeCountry(
+  country: string[],
+  currentGrade: string,
+  lessThanGrade: number,
+): boolean {
+  if (
+    country.includes(getCookie(CUE_COUNTRY_CODE_KEY)) &&
+    (parseInt(currentGrade, 10) <= lessThanGrade || currentGrade === 'KG')
+  ) {
+    return true;
+  }
+
+  return false;
+}
+
+export function isK4Student() {
+  return checkGradeCountry(K6Countries, localStorageGet(LOCAL_STORAGE_KEYS.STUDENT_GRADE), 4);
+}
+
+export function isK6Student() {
+  return checkGradeCountry(K6Countries, localStorageGet(LOCAL_STORAGE_KEYS.STUDENT_GRADE), 6);
+}
+
+export function getPerformanceQuestionAccordingToGrade() {
+  return isK4Student() ? SLIDE_TYPES.SCHOOL_PERFORMANCE_KG_4 : SLIDE_TYPES.SCHOOL_PERFORMANCE_5_12;
+}

package/src/index.ts

@@ -1,2 +1,7 @@
 export * from './cookie';
-export * from './growth-source';
+export * from './constants';
+export * from './local-storage';
+export * from './e-cna';
+export * from './date-time-helper';
+export * from './country';
+export * from  './object';

package/src/local-storage/index.ts

@@ -0,0 +1,186 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export const LOCAL_STORAGE_PRIMARY_KEY = 'CUEMATH_WEB';
+
+export const checkLocalStorageSupport = () : boolean => {
+  try {
+    return 'localStorage' in window && window.localStorage !== null;
+  } catch (e) {
+    return false;
+  }
+};
+
+export const removeKeyFromObject = (obj: { [x: string]: any }, keyToRemove: string) => {
+  if (obj) {
+    delete obj[keyToRemove];
+    return obj
+  }
+
+  return null;
+};
+
+// Default expiry set to 24 hours
+export const localStorageSet = (key: string | number, value: any, ttl = 86400000) => {
+  if (checkLocalStorageSupport()) {
+    try {
+      let dbData: any = window.localStorage.getItem(LOCAL_STORAGE_PRIMARY_KEY);
+      const now = new Date();
+
+      const item = {
+        value,
+        expiry: now.getTime() + ttl,
+      };
+
+      if (dbData) {
+        dbData = JSON.parse(dbData);
+        dbData[key] = item;
+      } else {
+        dbData = { [key]: item };
+      }
+
+      window.localStorage.setItem(LOCAL_STORAGE_PRIMARY_KEY, JSON.stringify(dbData));
+
+      return true;
+    } catch (e) {
+      return false;
+    } // case when localStorage space quota is exceeded
+  } else {
+    return false;
+  }
+};
+
+export const localStorageGet = (key: string) => {
+  if (checkLocalStorageSupport()) {
+    try {
+      const primaryLocalStorageValue = window.localStorage.getItem(
+        LOCAL_STORAGE_PRIMARY_KEY,
+      );
+      let dbData =
+        primaryLocalStorageValue != null
+          ? JSON.parse(primaryLocalStorageValue)
+          : primaryLocalStorageValue;
+      const requestedData = dbData[key];
+      const now = new Date();
+
+      if (now.getTime() > requestedData.expiry) {
+        dbData = removeKeyFromObject(dbData, key);
+        window.localStorage.setItem(LOCAL_STORAGE_PRIMARY_KEY, JSON.stringify(dbData));
+
+        return null;
+      }
+
+      return requestedData.value;
+    } catch (e) {
+      return null;
+    }
+  } else {
+    return null;
+  }
+};
+
+export const localStorageGetAll = () => {
+  if (checkLocalStorageSupport()) {
+    try {
+      const primaryLocalStorageValue = window.localStorage.getItem(
+        LOCAL_STORAGE_PRIMARY_KEY,
+      );
+
+      return primaryLocalStorageValue != null
+        ? JSON.parse(primaryLocalStorageValue)
+        : primaryLocalStorageValue;
+    } catch (e) {
+      return null;
+    }
+  } else {
+    return null;
+  }
+};
+
+export const localStorageRemove = (key: string) => {
+  if (checkLocalStorageSupport()) {
+    try {
+      const primaryLocalStorageValue = window.localStorage.getItem(
+        LOCAL_STORAGE_PRIMARY_KEY,
+      );
+      let dbData =
+        primaryLocalStorageValue != null
+          ? JSON.parse(primaryLocalStorageValue)
+          : primaryLocalStorageValue;
+
+      if (dbData[key]) {
+        dbData = removeKeyFromObject(dbData, key);
+        window.localStorage.setItem(LOCAL_STORAGE_PRIMARY_KEY, JSON.stringify(dbData));
+
+        return true;
+      }
+
+      return false;
+    } catch (e) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+};
+
+export const localStorageRemoveAll = () => {
+  if (checkLocalStorageSupport()) {
+    try {
+      const primaryLocalStorageValue = window.localStorage.getItem(
+        LOCAL_STORAGE_PRIMARY_KEY,
+      );
+      const dbData =
+        primaryLocalStorageValue != null
+          ? JSON.parse(primaryLocalStorageValue)
+          : primaryLocalStorageValue;
+
+      if (dbData) {
+        window.localStorage.removeItem(LOCAL_STORAGE_PRIMARY_KEY);
+
+        return true;
+      }
+
+      return false;
+    } catch (e) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+};
+
+export const removeExpiredKeysOnMount = () => {
+  if (checkLocalStorageSupport()) {
+    try {
+      const primaryLocalStorageValue = window.localStorage.getItem(
+        LOCAL_STORAGE_PRIMARY_KEY,
+      );
+      let dbData =
+        primaryLocalStorageValue != null
+          ? JSON.parse(primaryLocalStorageValue)
+          : primaryLocalStorageValue;
+      const now = new Date();
+
+      if (dbData) {
+        dbData = Object.keys(dbData).reduce((accumulator: any, key) => {
+          if (now.getTime() < dbData[key].expiry) {
+            accumulator[key] = dbData[key];
+          }
+
+          return accumulator;
+        }, {});
+      }
+
+      if (Object.keys(dbData).length) {
+        window.localStorage.setItem(LOCAL_STORAGE_PRIMARY_KEY, JSON.stringify(dbData));
+      } else {
+        localStorageRemoveAll();
+      }
+
+      return true;
+    } catch (e) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+};

package/src/object/index.ts

@@ -0,0 +1,26 @@
+export function isEmpty(obj: object): boolean {
+    return Object.keys(obj).length === 0;
+  }
+  
+  // In this case both object have same key names Don't use to compare objects
+  export function isMapEqual(
+    map1: { [x: string]: any },
+    map2: { [x: string]: any },
+  ): boolean {
+    const map1Keys = Object.keys(map1);
+    const map2Keys = Object.keys(map2);
+  
+    if (map1Keys.length !== map2Keys.length) {
+      return false;
+    }
+    for (let i = 0; i < map1Keys.length; i += 1) {
+      const key = map1Keys[i];
+  
+      if (map1[key] !== map2[key]) {
+        return false;
+      }
+    }
+  
+    return true;
+  }
+  

package/.vscode/settings.json

@@ -1 +0,0 @@
-{}

package/src/growth-source/index.ts

@@ -1,172 +0,0 @@
-import type {
-  SourceDetails,
-  Platform,
-  SignupFlow,
-  UTMParams,
-  Experiments,
-  RevenueChannel,
-  UTMParamsKeys,
-} from './types';
-
-import { createCookie, getCookie } from '../cookie';
-
-const SOURCE_DETAILS_COOKIE = 'source_details_v1';
-const UTM_PARAMS: UTMParamsKeys[] = [
-  'utm_source',
-  'utm_medium',
-  'utm_campaign',
-  'utm_term',
-];
-
-const readSourceCookie = () => {
-  const sourceDetails = getCookie(SOURCE_DETAILS_COOKIE);
-
-  return sourceDetails && JSON.parse(sourceDetails);
-};
-
-const writeSourceCookie = (sourceDetails: SourceDetails) => {
-  createCookie(SOURCE_DETAILS_COOKIE, JSON.stringify(sourceDetails), 365, true);
-};
-
-const updateSourceCookie = (sourceDetail: Partial<SourceDetails>) => {
-  const sourceDetails: SourceDetails = readSourceCookie();
-  const updatedDetails: SourceDetails = {
-    ...sourceDetails,
-    ...sourceDetail,
-  };
-
-  writeSourceCookie(updatedDetails);
-};
-
-const getRevenueChannel = (platform: Platform, utmParams?: UTMParams) => {
-  let revenueChannel: RevenueChannel = 'UNKNOWN';
-
-  if (platform === 'ASTRO' && utmParams) {
-    const { utm_source: utmSource = '' } = utmParams;
-
-    switch (true) {
-      case /^affiliate-/.test(utmSource):
-        revenueChannel = 'AFFILIATE';
-        break;
-      case /^offline-/.test(utmSource):
-        revenueChannel = 'OFFLINE';
-        break;
-      case /^referral-/.test(utmSource):
-        revenueChannel = 'REFERRAL';
-        break;
-      case /^performance-/.test(utmSource):
-      default:
-        revenueChannel = 'PERFORMANCE';
-    }
-  }
-
-  if (platform === 'WEBSITE') {
-    revenueChannel = 'ORGANIC';
-  }
-
-  return revenueChannel;
-};
-
-/*
-  if Platform = website, then decide based on experiment key
-  if Platform = Astro, decide logic once BAU is started
-  if Platform = APP, decide logic
-  if Platform = chatbot, decide based on chatbot experiment key
-*/
-const getFlow = (platform: Platform, experiments?: Experiments) => {
-  let flow: SignupFlow = 'REGULAR';
-
-  if (platform === 'WEBSITE') {
-    if (experiments) {
-      const ecnaExp = Object.keys(experiments).find(
-        experiment => experiment.indexOf('ecna') !== -1,
-      );
-
-      flow = ecnaExp && experiments[ecnaExp] === 'b' ? 'ECNA' : 'REGULAR';
-    }
-  }
-
-  return flow;
-};
-
-const getUTMParams = () => {
-  if (typeof window === undefined) return;
-
-  const search = new URLSearchParams(window.location.search);
-  const utmParams = UTM_PARAMS.reduce((acc: UTMParams, param) => {
-    const utmParam = search.get(param) as string;
-
-    if (utmParam) {
-      acc[param] = utmParam;
-    }
-
-    return acc;
-  }, {});
-
-  return utmParams;
-};
-
-const getFirstPage = () => {
-  if (typeof window === undefined) return '';
-
-  return window.location.pathname;
-};
-
-/* TODO: Align Marketing Team on UTM source convention
-  affiliate-<channel>
-  performance-<channel>
-  organic-<channel>
-  offline-<channel>
-*/
-const getChannel = (utmParams: UTMParams | undefined) => {
-  // TODO: UTM source patter for FB, GOOGLE...
-  if (!utmParams) return '';
-
-  const { utm_source: utmSource = '' } = utmParams;
-
-  return utmSource.split('-')[1];
-};
-
-/* 
-  Set Static Source Details of user on Visit of Platform
-*/
-export const initSourceDetails = async ({
-  platform,
-  experiments,
-  utmParams,
-  flow,
-  affiliateChannel,
-  offlineChannel,
-  organicChannel,
-  performanceChannel,
-  revenueChannel,
-}: SourceDetails) => {
-  if (!readSourceCookie()) {
-    const leadChannel = getChannel(utmParams);
-
-    const sourceDetails: SourceDetails = {
-      platform,
-      experiments,
-      utmParams: getUTMParams(),
-      flow: flow || getFlow(platform, experiments),
-      affiliateChannel: affiliateChannel || leadChannel,
-      offlineChannel: offlineChannel || leadChannel,
-      organicChannel: organicChannel || leadChannel,
-      performanceChannel: performanceChannel || leadChannel,
-      revenueChannel: revenueChannel || getRevenueChannel(platform, utmParams),
-      firstPage: getFirstPage(),
-    };
-
-    writeSourceCookie(sourceDetails);
-  }
-};
-
-// Last Page which user visited signup before
-export const setLastPage = async (pagePath: string) => {
-  updateSourceCookie({ lastPage: pagePath });
-};
-
-// set Entry point where user clicked to Signup
-export const setFlowEntryPoint = async (flowEntry: string) => {
-  updateSourceCookie({ flowEntry });
-};