Merged in feature/IO-2916-Remove-Beta-Switch-Legacy (pull request #1692)

feature/IO-2916-Remove-Beta-Switch-Legacy - Remove Beta Switch

client/src/App/App.jsx

@@ -16,42 +16,28 @@ import TechPageContainer from "../pages/tech/tech.page.container";
 import { setOnline } from "../redux/application/application.actions";
 import { selectOnline } from "../redux/application/application.selectors";
 import { checkUserSession } from "../redux/user/user.actions";
-import {
+import { selectBodyshop, selectCurrentUser } from "../redux/user/user.selectors";
-  selectBodyshop,
-  selectCurrentUser,
-} from "../redux/user/user.selectors";
 import PrivateRoute from "../utils/private-route";
 import "./App.styles.scss";
-import handleBeta from "../utils/handleBeta";
 
-const ResetPassword = lazy(() =>
+const ResetPassword = lazy(() => import("../pages/reset-password/reset-password.component"));
-  import("../pages/reset-password/reset-password.component")
-);
 const ManagePage = lazy(() => import("../pages/manage/manage.page.container"));
 const SignInPage = lazy(() => import("../pages/sign-in/sign-in.page"));
 
 const CsiPage = lazy(() => import("../pages/csi/csi.container.page"));
-const MobilePaymentContainer = lazy(() =>
+const MobilePaymentContainer = lazy(() => import("../pages/mobile-payment/mobile-payment.container"));
-  import("../pages/mobile-payment/mobile-payment.container")
-);
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
   online: selectOnline,
-  bodyshop: selectBodyshop,
+  bodyshop: selectBodyshop
 });
 const mapDispatchToProps = (dispatch) => ({
   checkUserSession: () => dispatch(checkUserSession()),
-  setOnline: (isOnline) => dispatch(setOnline(isOnline)),
+  setOnline: (isOnline) => dispatch(setOnline(isOnline))
 });
 
-export function App({
+export function App({ bodyshop, checkUserSession, currentUser, online, setOnline }) {
-  bodyshop,
-  checkUserSession,
-  currentUser,
-  online,
-  setOnline,
-}) {
   const client = useClient();
 
   useEffect(() => {
@@ -108,8 +94,6 @@ export function App({
       />
     );
 
-  handleBeta();
-
   return (
     <Switch>
       <Suspense fallback={<LoadingSpinner message="ImEX Online" />}>
@@ -129,32 +113,16 @@ export function App({
           <Route exact path="/disclaimer" component={DisclaimerPage} />
         </ErrorBoundary>
         <ErrorBoundary>
-          <Route
+          <Route exact path="/mp/:paymentIs" component={MobilePaymentContainer} />
-            exact
-            path="/mp/:paymentIs"
-            component={MobilePaymentContainer}
-          />
         </ErrorBoundary>
         <ErrorBoundary>
-          <PrivateRoute
+          <PrivateRoute isAuthorized={currentUser.authorized} path="/manage" component={ManagePage} />
-            isAuthorized={currentUser.authorized}
-            path="/manage"
-            component={ManagePage}
-          />
         </ErrorBoundary>
         <ErrorBoundary>
-          <PrivateRoute
+          <PrivateRoute isAuthorized={currentUser.authorized} path="/tech" component={TechPageContainer} />
-            isAuthorized={currentUser.authorized}
-            path="/tech"
-            component={TechPageContainer}
-          />
         </ErrorBoundary>
         <ErrorBoundary>
-          <PrivateRoute
+          <PrivateRoute isAuthorized={currentUser.authorized} path="/edit" component={DocumentEditorContainer} />
-            isAuthorized={currentUser.authorized}
-            path="/edit"
-            component={DocumentEditorContainer}
-          />
         </ErrorBoundary>
       </Suspense>
     </Switch>

client/src/components/header/header.component.jsx

@@ -11,9 +11,8 @@ import Icon, {
   FileAddFilled,
   FileAddOutlined,
   FileFilled,
-  //GlobalOutlined,
   HomeFilled,
-  ImportOutlined, InfoCircleOutlined,
+  ImportOutlined,
   LineChartOutlined,
   PaperClipOutlined,
   PhoneOutlined,
@@ -23,56 +22,39 @@ import Icon, {
   TeamOutlined,
   ToolFilled,
   UnorderedListOutlined,
-  UserOutlined,
+  UserOutlined
 } from "@ant-design/icons";
 import { useTreatments } from "@splitsoftware/splitio-react";
-import {Layout, Menu, Switch, Tooltip} from "antd";
+import { Layout, Menu } from "antd";
-import React, {useEffect, useState} from "react";
+import React from "react";
 import { useTranslation } from "react-i18next";
 import { BsKanban } from "react-icons/bs";
-import {
+import { FaCalendarAlt, FaCarCrash, FaCreditCard, FaFileInvoiceDollar } from "react-icons/fa";
-  FaCalendarAlt,
-  FaCarCrash,
-  FaCreditCard,
-  FaFileInvoiceDollar,
-} from "react-icons/fa";
 import { GiPayMoney, GiPlayerTime, GiSettingsKnobs } from "react-icons/gi";
 import { IoBusinessOutline } from "react-icons/io5";
 import { RiSurveyLine } from "react-icons/ri";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import {
+import { selectRecentItems, selectSelectedHeader } from "../../redux/application/application.selectors";
-  selectRecentItems,
-  selectSelectedHeader,
-} from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { signOutStart } from "../../redux/user/user.actions";
-import {
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
-  selectBodyshop,
-  selectCurrentUser,
-} from "../../redux/user/user.selectors";
-import {handleBeta, setBeta, checkBeta} from "../../utils/handleBeta";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
   recentItems: selectRecentItems,
   selectedHeader: selectSelectedHeader,
-  bodyshop: selectBodyshop,
+  bodyshop: selectBodyshop
 });
 
 const mapDispatchToProps = (dispatch) => ({
-  setBillEnterContext: (context) =>
+  setBillEnterContext: (context) => dispatch(setModalContext({ context: context, modal: "billEnter" })),
-    dispatch(setModalContext({ context: context, modal: "billEnter" })),
+  setTimeTicketContext: (context) => dispatch(setModalContext({ context: context, modal: "timeTicket" })),
-  setTimeTicketContext: (context) =>
+  setPaymentContext: (context) => dispatch(setModalContext({ context: context, modal: "payment" })),
-    dispatch(setModalContext({ context: context, modal: "timeTicket" })),
+  setReportCenterContext: (context) => dispatch(setModalContext({ context: context, modal: "reportCenter" })),
-  setPaymentContext: (context) =>
-    dispatch(setModalContext({ context: context, modal: "payment" })),
-  setReportCenterContext: (context) =>
-    dispatch(setModalContext({ context: context, modal: "reportCenter" })),
   signOutStart: () => dispatch(signOutStart()),
-  setCardPaymentContext: (context) =>
+  setCardPaymentContext: (context) => dispatch(setModalContext({ context: context, modal: "cardPayment" }))
-    dispatch(setModalContext({ context: context, modal: "cardPayment" })),
 });
 
 function Header({
@@ -86,37 +68,26 @@ function Header({
   setPaymentContext,
   setReportCenterContext,
   recentItems,
-  setCardPaymentContext,
+  setCardPaymentContext
 }) {
-  const { Simple_Inventory } = useTreatments(
+  const { Simple_Inventory } = useTreatments(["Simple_Inventory"], {}, bodyshop && bodyshop.imexshopid);
-    ["Simple_Inventory"],
+  const { DmsAp } = useTreatments(["DmsAp"], {}, bodyshop && bodyshop.imexshopid);
-    {},
+  const { ImEXPay } = useTreatments(["ImEXPay"], {}, bodyshop && bodyshop.imexshopid);
-    bodyshop && bodyshop.imexshopid
-  );
-  const { DmsAp } = useTreatments(
-    ["DmsAp"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
-  const { ImEXPay } = useTreatments(
-    ["ImEXPay"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
-  const [betaSwitch, setBetaSwitch] = useState(false);
 
   const { t } = useTranslation();
 
-  useEffect(() => {
+  const deleteBetaCookie = () => {
-    const isBeta = checkBeta();
+    const cookieExists = document.cookie.split("; ").some((row) => row.startsWith(`betaSwitchImex=`));
-    setBetaSwitch(isBeta);
+    if (cookieExists) {
-  }, []);
+      const domain = window.location.hostname.split(".").slice(-2).join(".");
+      document.cookie = `betaSwitchImex=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${domain}`;
+      console.log(`betaSwitchImex cookie deleted`);
+    } else {
+      console.log(`betaSwitchImex cookie does not exist`);
+    }
+  };
 
-  const betaSwitchChange = (checked) => {
+  deleteBetaCookie();
-    setBeta(checked);
-    setBetaSwitch(checked);
-    handleBeta();
-  }
 
   return (
     <Layout.Header>
@@ -134,11 +105,7 @@ function Header({
         <Menu.Item key="schedule" icon={<Icon component={FaCalendarAlt} />}>
           <Link to="/manage/schedule">{t("menus.header.schedule")}</Link>
         </Menu.Item>
-        <Menu.SubMenu
+        <Menu.SubMenu key="jobssubmenu" icon={<Icon component={FaCarCrash} />} title={t("menus.header.jobs")}>
-          key="jobssubmenu"
-          icon={<Icon component={FaCarCrash} />}
-          title={t("menus.header.jobs")}
-        >
           <Menu.Item key="activejobs" icon={<FileFilled />}>
             <Link to="/manage/jobs">{t("menus.header.activejobs")}</Link>
           </Menu.Item>
@@ -149,9 +116,7 @@ function Header({
             <Link to="/manage/partsqueue">{t("menus.header.parts-queue")}</Link>
           </Menu.Item>
           <Menu.Item key="availablejobs" icon={<ImportOutlined />}>
-            <Link to="/manage/available">
+            <Link to="/manage/available">{t("menus.header.availablejobs")}</Link>
-              {t("menus.header.availablejobs")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="newjob" icon={<FileAddOutlined />}>
             <Link to="/manage/jobs/new">{t("menus.header.newjob")}</Link>
@@ -162,25 +127,17 @@ function Header({
           </Menu.Item>
           <Menu.Divider key="div2" />
           <Menu.Item key="productionlist" icon={<ScheduleOutlined />}>
-            <Link to="/manage/production/list">
+            <Link to="/manage/production/list">{t("menus.header.productionlist")}</Link>
-              {t("menus.header.productionlist")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="productionboard" icon={<Icon component={BsKanban} />}>
-            <Link to="/manage/production/board">
+            <Link to="/manage/production/board">{t("menus.header.productionboard")}</Link>
-              {t("menus.header.productionboard")}
-            </Link>
           </Menu.Item>
           <Menu.Divider key="div3" />
           <Menu.Item key="scoreboard" icon={<LineChartOutlined />}>
             <Link to="/manage/scoreboard">{t("menus.header.scoreboard")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
-        <Menu.SubMenu
+        <Menu.SubMenu key="customers" icon={<UserOutlined />} title={t("menus.header.customers")}>
-          key="customers"
-          icon={<UserOutlined />}
-          title={t("menus.header.customers")}
-        >
           <Menu.Item key="owners" icon={<TeamOutlined />}>
             <Link to="/manage/owners">{t("menus.header.owners")}</Link>
           </Menu.Item>
@@ -188,36 +145,19 @@ function Header({
             <Link to="/manage/vehicles">{t("menus.header.vehicles")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
-        <Menu.SubMenu
+        <Menu.SubMenu key="ccs" icon={<CarFilled />} title={t("menus.header.courtesycars")}>
-          key="ccs"
-          icon={<CarFilled />}
-          title={t("menus.header.courtesycars")}
-        >
           <Menu.Item key="courtesycarsall" icon={<CarFilled />}>
-            <Link to="/manage/courtesycars">
+            <Link to="/manage/courtesycars">{t("menus.header.courtesycars-all")}</Link>
-              {t("menus.header.courtesycars-all")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="contracts" icon={<FileFilled />}>
-            <Link to="/manage/courtesycars/contracts">
+            <Link to="/manage/courtesycars/contracts">{t("menus.header.courtesycars-contracts")}</Link>
-              {t("menus.header.courtesycars-contracts")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="newcontract" icon={<FileAddFilled />}>
-            <Link to="/manage/courtesycars/contracts/new">
+            <Link to="/manage/courtesycars/contracts/new">{t("menus.header.courtesycars-newcontract")}</Link>
-              {t("menus.header.courtesycars-newcontract")}
-            </Link>
           </Menu.Item>
         </Menu.SubMenu>
-        <Menu.SubMenu
+        <Menu.SubMenu key="accounting" icon={<DollarCircleFilled />} title={t("menus.header.accounting")}>
-          key="accounting"
+          <Menu.Item key="bills" icon={<Icon component={FaFileInvoiceDollar} />}>
-          icon={<DollarCircleFilled />}
-          title={t("menus.header.accounting")}
-        >
-          <Menu.Item
-            key="bills"
-            icon={<Icon component={FaFileInvoiceDollar} />}
-          >
             <Link to="/manage/bills">{t("menus.header.bills")}</Link>
           </Menu.Item>
           <Menu.Item
@@ -226,7 +166,7 @@ function Header({
             onClick={() => {
               setBillEnterContext({
                 actions: {},
-                context: {},
+                context: {}
               });
             }}
           >
@@ -235,13 +175,8 @@ function Header({
           {Simple_Inventory.treatment === "on" && (
             <>
               <Menu.Divider key="div4" />
-              <Menu.Item
+              <Menu.Item key="inventory" icon={<Icon component={FaFileInvoiceDollar} />}>
-                key="inventory"
+                <Link to="/manage/inventory">{t("menus.header.inventory")}</Link>
-                icon={<Icon component={FaFileInvoiceDollar} />}
-              >
-                <Link to="/manage/inventory">
-                  {t("menus.header.inventory")}
-                </Link>
               </Menu.Item>
             </>
           )}
@@ -254,7 +189,7 @@ function Header({
             onClick={() => {
               setPaymentContext({
                 actions: {},
-                context: null,
+                context: null
               });
             }}
             icon={<Icon component={FaCreditCard} />}
@@ -267,7 +202,7 @@ function Header({
               onClick={() => {
                 setCardPaymentContext({
                   actions: {},
-                  context: {},
+                  context: {}
                 });
               }}
               icon={<Icon component={FaCreditCard} />}
@@ -277,9 +212,7 @@ function Header({
           )}
           <Menu.Divider key="div5" />
           <Menu.Item key="timetickets" icon={<FieldTimeOutlined />}>
-            <Link to="/manage/timetickets">
+            <Link to="/manage/timetickets">{t("menus.header.timetickets")}</Link>
-              {t("menus.header.timetickets")}
-            </Link>
           </Menu.Item>
           <Menu.Item
             key="entertimetickets"
@@ -290,49 +223,31 @@ function Header({
                 context: {
                   created_by: currentUser.displayName
                     ? currentUser.email.concat(" | ", currentUser.displayName)
-                    : currentUser.email,
+                    : currentUser.email
-                },
+                }
               });
             }}
           >
             {t("menus.header.entertimeticket")}
           </Menu.Item>
           <Menu.Divider key="div6" />
-          <Menu.SubMenu
+          <Menu.SubMenu key="accountingexport" title={t("menus.header.export")} icon={<ExportOutlined />}>
-            key="accountingexport"
-            title={t("menus.header.export")}
-            icon={<ExportOutlined />}
-          >
             <Menu.Item key="receivables">
-              <Link to="/manage/accounting/receivables">
+              <Link to="/manage/accounting/receivables">{t("menus.header.accounting-receivables")}</Link>
-                {t("menus.header.accounting-receivables")}
-              </Link>
             </Menu.Item>
-            {(!(
+            {(!((bodyshop && bodyshop.cdk_dealerid) || (bodyshop && bodyshop.pbs_serialnumber)) ||
-              (bodyshop && bodyshop.cdk_dealerid) ||
-              (bodyshop && bodyshop.pbs_serialnumber)
-            ) ||
               DmsAp.treatment === "on") && (
               <Menu.Item key="payables">
-                <Link to="/manage/accounting/payables">
+                <Link to="/manage/accounting/payables">{t("menus.header.accounting-payables")}</Link>
-                  {t("menus.header.accounting-payables")}
-                </Link>
               </Menu.Item>
             )}
-            {!(
+            {!((bodyshop && bodyshop.cdk_dealerid) || (bodyshop && bodyshop.pbs_serialnumber)) && (
-              (bodyshop && bodyshop.cdk_dealerid) ||
-              (bodyshop && bodyshop.pbs_serialnumber)
-            ) && (
               <Menu.Item key="payments">
-                <Link to="/manage/accounting/payments">
+                <Link to="/manage/accounting/payments">{t("menus.header.accounting-payments")}</Link>
-                  {t("menus.header.accounting-payments")}
-                </Link>
               </Menu.Item>
             )}
             <Menu.Item key="export-logs">
-              <Link to="/manage/accounting/exportlogs">
+              <Link to="/manage/accounting/exportlogs">{t("menus.header.export-logs")}</Link>
-                {t("menus.header.export-logs")}
-              </Link>
             </Menu.Item>
           </Menu.SubMenu>
         </Menu.SubMenu>
@@ -340,19 +255,11 @@ function Header({
           <Link to="/manage/phonebook">{t("menus.header.phonebook")}</Link>
         </Menu.Item>
         <Menu.Item key="temporarydocs" icon={<PaperClipOutlined />}>
-          <Link to="/manage/temporarydocs">
+          <Link to="/manage/temporarydocs">{t("menus.header.temporarydocs")}</Link>
-            {t("menus.header.temporarydocs")}
-          </Link>
         </Menu.Item>
-        <Menu.SubMenu
+        <Menu.SubMenu key="shopsubmenu" title={t("menus.header.shop")} icon={<SettingOutlined />}>
-          key="shopsubmenu"
-          title={t("menus.header.shop")}
-          icon={<SettingOutlined />}
-        >
           <Menu.Item key="shop" icon={<Icon component={GiSettingsKnobs} />}>
-            <Link to="/manage/shop?tab=info">
+            <Link to="/manage/shop?tab=info">{t("menus.header.shop_config")}</Link>
-              {t("menus.header.shop_config")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="dashboard" icon={<DashboardFilled />}>
             <Link to="/manage/dashboard">{t("menus.header.dashboard")}</Link>
@@ -363,32 +270,20 @@ function Header({
             onClick={() => {
               setReportCenterContext({
                 actions: {},
-                context: {},
+                context: {}
               });
             }}
           >
             {t("menus.header.reportcenter")}
           </Menu.Item>
-          <Menu.Item
+          <Menu.Item key="shop-vendors" icon={<Icon component={IoBusinessOutline} />}>
-            key="shop-vendors"
+            <Link to="/manage/shop/vendors">{t("menus.header.shop_vendors")}</Link>
-            icon={<Icon component={IoBusinessOutline} />}
-          >
-            <Link to="/manage/shop/vendors">
-              {t("menus.header.shop_vendors")}
-            </Link>
           </Menu.Item>
           <Menu.Item key="shop-csi" icon={<Icon component={RiSurveyLine} />}>
             <Link to="/manage/shop/csi">{t("menus.header.shop_csi")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
-        <Menu.SubMenu
+        <Menu.SubMenu key="user" title={currentUser.displayName || currentUser.email || t("general.labels.unknown")}>
-          key="user"
-          title={
-            currentUser.displayName ||
-            currentUser.email ||
-            t("general.labels.unknown")
-          }
-        >
           <Menu.Item key="signout" danger onClick={() => signOutStart()}>
             {t("user.actions.signout")}
           </Menu.Item>
@@ -444,17 +339,6 @@ function Header({
             </Menu.Item>
           ))}
         </Menu.SubMenu>
-        <Menu.Item style={{marginLeft: 'auto'}} key="profile">
-          <Tooltip title="A more modern ImEX Online is ready for you to try! You can switch back at any time.">
-            <InfoCircleOutlined/>
-            <span style={{marginRight: 8}}>Try the new ImEX Online</span>
-            <Switch
-                checked={betaSwitch}
-                onChange={betaSwitchChange}
-            />
-          </Tooltip>
-        </Menu.Item>
-
       </Menu>
     </Layout.Header>
   );

client/src/firebase/firebase.utils.js

@@ -5,7 +5,6 @@ import { getFirestore } from "firebase/firestore";
 import { getMessaging, getToken, onMessage } from "firebase/messaging";
 import { store } from "../redux/store";
 import axios from "axios";
-import { checkBeta } from "../utils/handleBeta";
 
 const config = JSON.parse(process.env.REACT_APP_FIREBASE_CONFIG);
 initializeApp(config);
@@ -51,7 +50,7 @@ export { messaging };
 
 export const requestForToken = () => {
   return getToken(messaging, {
-    vapidKey: process.env.REACT_APP_FIREBASE_PUBLIC_VAPID_KEY,
+    vapidKey: process.env.REACT_APP_FIREBASE_PUBLIC_VAPID_KEY
   })
     .then((currentToken) => {
       if (currentToken) {
@@ -59,9 +58,7 @@ export const requestForToken = () => {
         // Perform any other necessary action with the token
       } else {
         // Show permission request UI
-        console.log(
+        console.log("No registration token available. Request permission to generate one.");
-          "No registration token available. Request permission to generate one."
-        );
       }
     })
     .catch((err) => {
@@ -80,24 +77,17 @@ export const onMessageListener = () =>
 export const logImEXEvent = (eventName, additionalParams, stateProp = null) => {
   const state = stateProp || store.getState();
   const eventParams = {
-    shop:
+    shop: (state.user && state.user.bodyshop && state.user.bodyshop.shopname) || null,
-      (state.user && state.user.bodyshop && state.user.bodyshop.shopname) ||
+    user: (state.user && state.user.currentUser && state.user.currentUser.email) || null,
-      null,
+    ...additionalParams
-    user:
-      (state.user && state.user.currentUser && state.user.currentUser.email) ||
-      null,
-    ...additionalParams,
   };
   axios.post("/ioevent", {
-    useremail:
+    useremail: (state.user && state.user.currentUser && state.user.currentUser.email) || null,
-      (state.user && state.user.currentUser && state.user.currentUser.email) ||
+    bodyshopid: (state.user && state.user.bodyshop && state.user.bodyshop.id) || null,
-      null,
-    bodyshopid:
-      (state.user && state.user.bodyshop && state.user.bodyshop.id) || null,
     operationName: eventName,
     variables: additionalParams,
     dbevent: false,
-    env: checkBeta() ? "beta" : "master",
+    env: "master"
   });
 
   // console.log(

client/src/utils/handleBeta.js

@@ -1,47 +0,0 @@
-export const BETA_KEY = "betaSwitchImex";
-
-export const checkBeta = () => {
-  const cookie = document.cookie.split("; ").find((row) => row.startsWith(BETA_KEY));
-  return cookie ? cookie.split("=")[1] === "true" : false;
-};
-
-export const setBeta = (value) => {
-  const domain = window.location.hostname.split(".").slice(-2).join(".");
-  document.cookie = `${BETA_KEY}=${value}; path=/; domain=.${domain}`;
-};
-
-export const handleBeta = () => {
-  if (window.location.hostname.startsWith("localhost")) {
-    console.log("Not on beta or test, so no need to handle beta.");
-    return;
-  }
-
-  const isBeta = checkBeta();
-  const currentHostName = window.location.hostname;
-
-  // Determine if the host name starts with "beta" or "www.beta"
-  const isBetaHost = currentHostName.startsWith("beta.");
-  const isBetaHostWithWWW = currentHostName.startsWith("www.beta.");
-
-  if (isBeta) {
-    // If beta is on and we are not on a beta domain, redirect to the beta version
-    if (!isBetaHost && !isBetaHostWithWWW) {
-      const newHostName = currentHostName.startsWith("www.")
-        ? `www.beta.${currentHostName.replace(/^www\./, "")}`
-        : `beta.${currentHostName}`;
-      const href = `${window.location.protocol}//${newHostName}${window.location.pathname}${window.location.search}${window.location.hash}`;
-      window.location.replace(href);
-    }
-    // Otherwise, if beta is on and we're already on a beta domain, stay there
-  } else {
-    // If beta is off and we are on a beta domain, redirect to the non-beta version
-    if (isBetaHost || isBetaHostWithWWW) {
-      const newHostName = currentHostName.replace(/^www\.beta\./, "www.").replace(/^beta\./, "");
-      const href = `${window.location.protocol}//${newHostName}${window.location.pathname}${window.location.search}${window.location.hash}`;
-      window.location.replace(href);
-    }
-    // Otherwise, if beta is off and we're not on a beta domain, stay there
-  }
-};
-
-export default handleBeta;