@cuemath/web-utils 1.2.37 → 2.1.10-beta.20

package/src/constants/date-time/index.ts

@@ -0,0 +1,43 @@
+export const DAY = {
+  Sun: 'Sunday',
+  Mon: 'Monday',
+  Tue: 'Tuesday',
+  Wed: 'Wednesday',
+  Thu: 'Thursday',
+  Fri: 'Friday',
+  Sat: 'Saturday',
+};
+
+export const shorthandWeekDayArray = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+
+export const monthArray = [
+  'Jan',
+  'Feb',
+  'Mar',
+  'Apr',
+  'May',
+  'Jun',
+  'Jul',
+  'Aug',
+  'Sept',
+  'Oct',
+  'Nov',
+  'Dec',
+];
+
+export const weekDayArray: string[] = [
+  'Sunday',
+  'Monday',
+  'Tuesday',
+  'Wednesday',
+  'Thursday',
+  'Friday',
+  'Saturday',
+];
+
+export const TWENTY_FOUR_HOURS_IN_SECONDS: number = 24 * 60 * 60; // 86400
+
+export const HOUR_FORMAT = {
+  TWELVE_HOUR_FORMAT: 12,
+  TWENTY_FOUR_HOUR_FORMAT: 24,
+};

package/src/constants/date-time/international-timezones.ts

@@ -0,0 +1,157 @@
+interface Timezone {
+  id: string;
+  value: string;
+  meta: string;
+}
+
+export const timezones: Timezone[] = [
+  {
+    id: 'Pacific/Honolulu',
+    value: 'HST(GMT-10)',
+    meta: 'HST(GMT-10)',
+  },
+  {
+    id: 'America/Anchorage',
+    value: 'AST(GMT-9)',
+    meta: 'AST(GMT-9)',
+  },
+  {
+    id: 'America/Los_Angeles',
+    value: 'PST(GMT-8)',
+    meta: 'PST(GMT-8)',
+  },
+  {
+    id: 'America/Denver',
+    value: 'MST(GMT-7)',
+    meta: 'MST(GMT-7)',
+  },
+  {
+    id: 'America/Phoenix',
+    value: 'MST(GMT-7)',
+    meta: 'MST(GMT-7)',
+  },
+  {
+    id: 'America/Matamoros',
+    value: 'CST(GMT-6)',
+    meta: 'CST(GMT-6)',
+  },
+  {
+    id: 'America/New_York',
+    value: 'EST(GMT-5)',
+    meta: 'EST(GMT-5)',
+  },
+  {
+    id: 'America/Glace_Bay',
+    value: 'AST(GMT-4)',
+    meta: 'AST(GMT-4)',
+  },
+  {
+    id: 'America/St_Johns',
+    value: 'NST(GMT-3:30)',
+    meta: 'NST(GMT-3:30)',
+  },
+  {
+    id: 'America/Noronha',
+    value: 'FNT(GMT-2)',
+    meta: 'FNT(GMT-2)',
+  },
+  {
+    id: 'Asia/Calcutta',
+    value: 'IST(GMT+5:30)',
+    meta: 'IST(GMT+5:30)',
+  },
+  {
+    id: 'Asia/Kolkata',
+    value: 'IST(GMT+5:30)',
+    meta: 'IST(GMT+5:30)',
+  },
+  {
+    id: 'Asia/Dubai',
+    value: 'GST(GMT+4)',
+    meta: 'GST(GMT+4)',
+  },
+  {
+    id: 'Asia/Singapore',
+    value: 'SGT(GMT+8)',
+    meta: 'SGT(GMT+8)',
+  },
+  {
+    id: 'Pacific/Auckland',
+    value: 'NZDT(GMT+13)',
+    meta: 'NZDT(GMT+13)',
+  },
+  {
+    id: 'Australia/Adelaide',
+    value: 'ACDT(GMT+10:30)',
+    meta: 'ACDT(GMT+10:30)',
+  },
+  {
+    id: 'Australia/Perth',
+    value: 'AWST(GMT+8)',
+    meta: 'AWST(GMT+8)',
+  },
+  {
+    id: 'Australia/Sydney',
+    value: 'AEDT(GMT+11)',
+    meta: 'AEDT(GMT+11)',
+  },
+  {
+    id: 'Australia/Darwin',
+    value: 'ACST(GMT+9:30)',
+    meta: 'ACST(GMT+9:30)',
+  },
+  {
+    id: 'Australia/Broken_Hill',
+    value: 'ACDT(GMT+10:30)',
+    meta: 'ACDT(GMT+10:30)',
+  },
+  {
+    id: 'Australia/Melbourne',
+    value: 'AEDT(GMT+11)',
+    meta: 'AEDT(GMT+11)',
+  },
+  {
+    id: 'Australia/Brisbane',
+    value: 'AEST(GMT+10)',
+    meta: 'AEST(GMT+10)',
+  },
+  {
+    id: 'Australia/Hobart',
+    value: 'AEDT(GMT+11)',
+    meta: 'AEDT(GMT+11)',
+  },
+  {
+    id: 'Europe/London',
+    value: 'GMT(GMT+0)',
+    meta: 'GMT(GMT+0)',
+  },
+  {
+    id: 'Asia/Muscat',
+    value: 'GST(GMT+4)',
+    meta: 'GST(GMT+4)',
+  },
+  {
+    id: 'Asia/Kuwait',
+    value: 'AST(GMT+3)',
+    meta: 'AST(GMT+3)',
+  },
+  {
+    id: 'Asia/Bahrain',
+    value: 'AST(GMT+3)',
+    meta: 'AST(GMT+3)',
+  },
+  {
+    id: 'Asia/Qatar',
+    value: 'AST(GMT+3)',
+    meta: 'AST(GMT+3)',
+  },
+  {
+    id: 'Asia/Riyadh',
+    value: 'AST(GMT+3)',
+    meta: 'AST(GMT+3)',
+  },
+].map(timezone => ({
+  ...timezone,
+  key: timezone.id,
+  label: timezone.meta,
+}));

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

@@ -0,0 +1,55 @@
+import { CUE_COUNTRY_CODE_KEY } from '../../constants/country';
+import { getCookie } from '../../cookie';
+import { getCountryCode } from '../../country';
+import { COUNTRY_NAME_COUNTRY_CODE_MAP as ISO_COUNTRY_CODE } from '../country/iso-country-code';
+
+interface FormLabel {
+  label: string;
+  value: string;
+}
+
+export const ECNA_HASH = {
+  PARENT_STUDENT_DETAILS: '#/e-cna/parent_student_details',
+  FIRST_QUESTION: '#/e-cna/question/1',
+  CHILD_INFO: '#/e-cna/child_info',
+  TRIAL_SESSION: '#/e-cna/trial_session',
+  HYBRID_CLASSES: '#/e-cna/hybrid_classes',
+  INTRO: '#/e-cna/intro',
+  SLOT_PICK: '#/e-cna/slot-pick',
+  START: '#/e-cna/start',
+  EXIT_PARENT: '#/e-cna/exit-parent',
+  EXIT_SLOTS: '#/e-cna/exit-slots',
+  CLASS_NOT_CONFIRMED: '#/e-cna/class-not-confirmed',
+  CLASS_THANK_YOU: '#/e-cna/class-thankyou',
+  COURSE_NOT_AVAILABE: '#/e-cna/course-not-available',
+  TEACHER_INTRO: '#/intent=T-LED',
+  TEACHER_DETAIL: '#/e-cna/teacher-detail',
+};
+
+export const ASSESSMENT_ID = 'assessmentId';
+
+export const SLIDE_TYPES = {
+  INTRO: 'intro',
+  SLOT_PICK: 'slot-pick',
+  PARENT_STUDENT_DETAILS: 'parent_student_details',
+  CLASS_CONFIRMED: 'class_confirmed',
+  CLASS_THANK_YOU: 'class_thankyou',
+  QUESTION: 'question',
+  EXIT_PARENT: 'exit-parent',
+  EXIT_SLOTS: 'exit-slots',
+  EXIT_THANK_YOU: 'exit-thankyou',
+  CLASS_NOT_CONFIRMED: 'class-not-confirmed',
+  COURSE_NOT_AVAILABLE: 'course-not-available',
+  SCHOOL_PERFORMANCE_KG_4: 'school_performance_kg_4',
+  SCHOOL_PERFORMANCE_5_12: 'school_performance_5_12',
+  STUDENT_GRADE: 'student_grade',
+};
+
+export const QUESTION_ID = {
+  SCHOOL_CURRICULUM: 'school_curriculum',
+  OTHER_CURRICULUM: 'other_curriculum',
+};
+
+export const LOCAL_STORAGE_KEYS = {
+  STUDENT_GRADE: 'student_grade',
+};

package/src/constants/index.ts

@@ -0,0 +1,2 @@
+export * from './e-cna';
+export * from './country';

package/src/cookie/index.ts

@@ -0,0 +1,51 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export const getCookie = (name: string, cookie: string = document.cookie): string => {
+  if (!cookie) {
+    return '';
+  }
+
+  const cookies = cookie.split('; ');
+
+  for (let i = 0; i < cookies.length; i += 1) {
+    if (cookies[i]) {
+      const [key, value] = cookies[i].split('=');
+
+      if (key === name) {
+        return value;
+      }
+    }
+  }
+
+  return '';
+};
+
+export function removeCookie(name: string): void {
+  const date = new Date();
+
+  // Set it expire in -1 days
+  date.setTime(date.getTime() + -1 * 24 * 60 * 60 * 1000);
+
+  // Set it
+  document.cookie = `${name}=; expires=${date.toUTCString()}; path=/`;
+}
+
+export function createCookie(name: string, value: string, days: number): void {
+  let expires = '';
+
+  if (days) {
+    const date = new Date();
+
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    expires = `; expires=${date.toUTCString()}`;
+  }
+  document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
+}
+
+export function createCookieWithMidnightExp(name: string, value: string): void {
+  const date = new Date();
+
+  date.setHours(24, 0, 0, 0);
+  const expires = `; expires=${date}`;
+
+  document.cookie = `${name}=${value}${expires}; path=/`;
+}

package/src/country/index.ts

@@ -0,0 +1,9 @@
+import { CUE_COUNTRY_CODE_KEY } from "../constants";
+import { getCookie } from "../cookie";
+import { ISO_COUNTRY_CODE } from "../constants";
+
+export const getCountryCode = () : string => {
+    return getCookie(CUE_COUNTRY_CODE_KEY)
+  ? getCookie(CUE_COUNTRY_CODE_KEY).toUpperCase()
+  : ISO_COUNTRY_CODE.INDIA;
+  }

package/src/date-time-helper/e-cna.ts

@@ -0,0 +1,205 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import { formatTimestamp, dateByTimezone, getCurrentDatebyTimezone, dateByTimestamp } from '.';
+
+import {
+  shorthandWeekDayArray,
+  monthArray,
+  TWENTY_FOUR_HOURS_IN_SECONDS,
+  HOUR_FORMAT,
+} from '../constants/date-time';
+import { timezones } from '../constants/date-time/international-timezones';
+
+export interface DateSlots {
+  key: number;
+  label: string;
+  subLabel: string;
+  disabled: boolean;
+}
+
+export const convertedTimezone = (selectedTimezone: string) => {
+  const formattedTimezone = timezones?.filter(
+    currentTimezone => currentTimezone?.id === selectedTimezone,
+  );
+
+  if (formattedTimezone?.length) {
+    return formattedTimezone[0]?.value;
+  }
+
+  return selectedTimezone?.replaceAll('_', ' ');
+};
+
+export const getHourInTwelveHourFormat = (hour: number) => {
+  return hour % 12 === 0 ? 12 : hour % 12;
+};
+
+export const getMeridiemAccordingToHourAndHourFormat = (
+  hour: number,
+  hourFormat: number,
+  meridiem = '',
+) => {
+  if (hourFormat === HOUR_FORMAT.TWENTY_FOUR_HOUR_FORMAT) {
+    return hour / 12 >= 1 ? 'PM' : 'AM';
+  }
+
+  return hour === 12 ? 'PM' : meridiem;
+};
+
+export const getTimeSlotDuration = (selectedTime: number, selectedTimezone: any) => {
+  const firstHour = getHourInTwelveHourFormat(selectedTime);
+  const firstMeridiem = getMeridiemAccordingToHourAndHourFormat(
+    selectedTime,
+    HOUR_FORMAT.TWENTY_FOUR_HOUR_FORMAT,
+  );
+
+  const secondHour = getHourInTwelveHourFormat(selectedTime + 1);
+  const secondMeridiem = getMeridiemAccordingToHourAndHourFormat(
+    selectedTime + 1,
+    HOUR_FORMAT.TWENTY_FOUR_HOUR_FORMAT,
+  );
+  const currentTimeZone =
+    convertedTimezone(selectedTimezone)?.split('(') || selectedTimezone;
+
+  return `${firstHour} ${firstMeridiem.toLowerCase()} - ${secondHour} ${secondMeridiem.toLowerCase()} (${currentTimeZone})`;
+};
+
+export const convertSecondsToMiliseconds = (seconds: number) => {
+  return seconds * 1000;
+};
+
+// convert date into Sept 01, Thursday format
+export const convertDate = (selectedDate: number, selectedTimezone: string) => {
+  const slotDate = formatTimestamp(selectedDate, 'DD-MM-YYYY');
+  const dayOfWeek = dateByTimezone(selectedDate * 1000, selectedTimezone, 'dddd');
+  const dateArr = slotDate?.split('-');
+  const month = dateArr?.[1];
+  const day = dateArr?.[0];
+
+  return `${monthArray[parseInt(month, 10) - 1]} ${day}, ${dayOfWeek}`;
+};
+
+export const getModifiedDateSlots = (dateSlotsData: { label: string }[]) => {
+  const startWeekIndex = shorthandWeekDayArray?.indexOf(dateSlotsData?.[0]?.label);
+
+  // get all days
+  let weekDays: { label: string; removeBorder?: boolean }[] = [];
+
+  // while loop to check start date's day
+  // for eg: if first date is wednesday, it will add blank days on monday, tuesday
+  while (weekDays.length !== startWeekIndex) {
+    weekDays.push({
+      label: '',
+      removeBorder: false,
+    });
+  }
+  weekDays = [...weekDays, ...dateSlotsData];
+
+  // while loop to add check end date
+  // for eg: if last date end's on friday, it will add blank days on saturday and sunday
+  while (weekDays.length % 7 !== 0) {
+    weekDays.push({
+      label: '',
+      removeBorder: false,
+    });
+  }
+  const weekRows = [];
+
+  // divide weekDays in weeks group
+  while (weekDays.length !== 0) {
+    const row =
+      weekDays?.length >= 7
+        ? weekDays?.splice(0, 7)
+        : weekDays?.splice(0, weekDays?.length);
+
+    weekRows.push(row);
+  }
+
+  return weekRows;
+};
+
+// Array of 7 days
+export const getDates = (timezone: string) => {
+  const currentDate = Date.parse(getCurrentDatebyTimezone(timezone)) / 1000;
+  const dates = [];
+
+  // getting dates by adding 86400 seconds(24 hours)
+  for (let i = 0; i < 7; i++) {
+    dates.push({
+      futureDate: currentDate + TWENTY_FOUR_HOURS_IN_SECONDS * i,
+      disabled: !(i > 1),
+    });
+  }
+
+  return dates;
+};
+
+export function formatDateFromTimestamp(
+  timestamp: string | number | Date,
+  format: string,
+) {
+  const datetime = new Date(timestamp).toLocaleString('en-US');
+
+  return dayjs(datetime).format(format || 'mm/dd/yyyy');
+}
+
+export function getAvailableDateSlots(currentTimezone: any) {
+  const availableDateSlots: DateSlots[] = [];
+
+  getDates(currentTimezone).map(item => {
+    const { futureDate, disabled } = item;
+
+    availableDateSlots.push({
+      key: futureDate,
+      label: formatDateFromTimestamp(futureDate * 1000, 'dd'),
+      subLabel: formatDateFromTimestamp(futureDate * 1000, 'DD'),
+      disabled,
+    });
+
+    return null;
+  });
+
+  return availableDateSlots;
+}
+
+export const toTimestamp = (strDate: string) => {
+  return Date.parse(strDate) / 1000;
+};
+
+export const getDateSlots = (timezone: any) => {
+  return getDates(timezone).map(item => {
+    const { futureDate, disabled } = item;
+
+    return {
+      key: futureDate,
+      label: dateByTimestamp(futureDate * 1000, 'dd'),
+      subLabel: dateByTimestamp(futureDate * 1000, 'DD'),
+      disabled,
+    };
+  });
+};
+
+// export const getUtcUnixTimestamp = (date: number, time: any, timezone: any) => {
+//   const formatDate = formatTimestamp(date, 'MM/DD/YYYY');
+//   const convertedDatTime = dateTimeByTimezone(
+//     toTimestamp(`${formatDate} ${time}`) * 1000
+//   );
+
+//   return getUtcTimestamp(timezone, convertedDatTime);
+// };
+
+export const getTimeSlotDurationForSlotPage = (selectedTime: string) => {
+  const timeArr = selectedTime.split(':');
+  const firstHour = timeArr?.[0];
+  const meridiem = timeArr?.[1]?.split(' ')?.[1];
+
+  const secondHourInTwelveHourFormat = parseInt(firstHour, 10) + 1;
+  const secondHour = getHourInTwelveHourFormat(secondHourInTwelveHourFormat);
+  const secondMeridiem = getMeridiemAccordingToHourAndHourFormat(
+    secondHourInTwelveHourFormat,
+    HOUR_FORMAT.TWELVE_HOUR_FORMAT,
+    meridiem,
+  );
+
+  return `${firstHour} ${meridiem.toLowerCase()} - ${secondHour} ${secondMeridiem.toLowerCase()}`;
+};