l-min-components 1.0.1066 → 1.0.1072

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.1066",
+  "version": "1.0.1072",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/TextEditor2/index.jsx

@@ -1,20 +1,26 @@
 import React, { useEffect, useState } from "react";
 import { Editor } from "react-draft-wysiwyg";
-import { EditorState, convertToRaw, ContentState } from "draft-js";
+import {
+  EditorState,
+  convertToRaw,
+  ContentState,
+  convertFromHTML,
+} from "draft-js";
 import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
 import toalbarOptions from "./toalbarOptions";
 import { Container } from "./styled";
 import draftToHtml from "draftjs-to-html";
-import htmlToDraft from "html-to-draftjs";
+// import htmlToDraft from "html-to-draftjs";
 
 function TextEditor({ onChange, defaultValue }) {
   let defaultState;
 
   if (defaultValue) {
-    const contentBlock = htmlToDraft(defaultValue);
+    const contentBlock = convertFromHTML(defaultValue);
     if (contentBlock) {
-      const contentState = ContentState.createFromBlockArray(
-        contentBlock.contentBlocks
+      const contentState = ContentState?.createFromBlockArray(
+        contentBlock?.contentBlocks,
+        contentBlock?.entityMap
       );
       defaultState = EditorState?.createWithContent(contentState);
     }

package/src/components/deactivated/index.jsx

@@ -33,27 +33,26 @@ const GracePeriod = ({
   return (
     <GracePeriodWrapper>
       <h1>{pageTitle}</h1>
-      {!gracePeriod &&
-      <Expire>
-        <h4>Hey Enterprise, You do not have any active plan</h4>
+      {!gracePeriod && (
+        <Expire>
+          <h4>Hey Enterprise, You do not have any active plan</h4>
 
-        <div
-          onClick={() => {
-            window.location.href =
-              "https://559staging.learngual.com/settings/payment";
-          }}
-        >
-          <Button
-            text="Choose a Plan"
-            styles={{
-              height: "35px",
-              padding: "4px 20px",
-              fontSize: "14px",
+          <div
+            onClick={() => {
+              window.location.href = "/settings/payment";
             }}
-          />
-        </div>
-      </Expire>
-      }
+          >
+            <Button
+              text="Choose a Plan"
+              styles={{
+                height: "35px",
+                padding: "4px 20px",
+                fontSize: "14px",
+              }}
+            />
+          </div>
+        </Expire>
+      )}
       <div className="gracePeriod_account">
         <div className="content">
           <p>Sorry, you can’t access your account</p>
@@ -118,7 +117,7 @@ const Expire = styled.div`
   border-radius: 25px;
   background: rgba(48, 212, 104, 0.15);
   display: flex;
-  padding: 15px 26px; 
+  padding: 15px 26px;
   flex-direction: column;
   align-items: flex-start;
   gap: 10px;

package/src/components/deactivated/modal/subscription-expired-modal.jsx

@@ -119,7 +119,8 @@ const SubscriptionExpiredModal = ({
       closeTimeoutMS={1000}
       ariaHideApp={false}
       contentLabel="Selected Option"
-      shouldCloseOnOverlayClick={false}>
+      shouldCloseOnOverlayClick={false}
+    >
       <ModalCardContainer>
         {/* <CloseModalButton
           onClick={() => {
@@ -166,10 +167,7 @@ const SubscriptionExpiredModal = ({
                       margin: 0,
                       backgroundColor: "transparent",
                     }}
-                    onClick={() =>
-                      (window.location.href =
-                        "https://559staging.learngual.com/settings/payment")
-                    }
+                    onClick={() => (window.location.href = "/settings/payment")}
                   />
                   <ButtonComponent
                     text={"Renew subscription"}

package/src/components/header/account-dropdown.jsx

@@ -112,7 +112,9 @@ const AccountDropdown = (props) => {
           <>
             {props?.developerAccountData.length > 0 && (
               <div>
-                <h3 style={{ marginBottom: 10 }}>{props.findText("Developer accounts")}</h3>
+                <h3 style={{ marginBottom: 10 }}>
+                  {props.findText("Developer accounts")}
+                </h3>
                 {props?.developerAccountData
                   ?.filter((developerItem) => !developerItem?.pending_delete) // filter out pending delete items
                   .map((developerItem, idx) => {
@@ -130,7 +132,8 @@ const AccountDropdown = (props) => {
                             handleRedirectFunc(developerItem);
                           }, 1000);
                         }}
-                        key={idx}>
+                        key={idx}
+                      >
                         <div className="avatar-container">
                           <img
                             src={
@@ -176,7 +179,8 @@ const AccountDropdown = (props) => {
                             handleRedirectFunc(instructorItem);
                           }, 1000);
                         }}
-                        key={idx}>
+                        key={idx}
+                      >
                         <div className="avatar-container">
                           <img
                             src={
@@ -218,7 +222,8 @@ const AccountDropdown = (props) => {
                                 handleRedirectFunc(enterpriseItem);
                               }, 1000);
                             }}
-                            key={idx}>
+                            key={idx}
+                          >
                             <div className="avatar-container">
                               <img
                                 src={
@@ -265,7 +270,8 @@ const AccountDropdown = (props) => {
                               handleRedirectFunc(personalItem);
                             }, 1000);
                           }}
-                          key={idx}>
+                          key={idx}
+                        >
                           <div className="avatar-container">
                             <img
                               src={
@@ -297,15 +303,10 @@ const AccountDropdown = (props) => {
         <AccountDropdownFooter>
           <button
             onClick={() => {
-              if (window.location.hostname.includes("staging")) {
-                window.location.href =
-                  "https://559staging.learngual.com/auth/account-type";
-              } else if (!window.location.hostname.includes("localhost")) {
-                window.location.href =
-                  "https://learngual.com/auth/account-type";
-              }
+              window.location.href = "/auth/account-type";
             }}
-            style={{ cursor: "pointer" }}>
+            style={{ cursor: "pointer" }}
+          >
             <AddIcon /> {props.findText("Add account")}
           </button>
         </AccountDropdownFooter>

package/src/components/header/index.jsx

@@ -63,7 +63,7 @@ const HeaderComponent = (props) => {
     handleRetrieveUserDetails,
     updateUserAccountData,
     handleUpdateUserAccount,
-    handleGetUnreadNotificationPersonal
+    handleGetUnreadNotificationPersonal,
   } = useHeader();
   const { pathname } = useLocation();
   const { setGeneralData, generalData, notificationMarkReadData } =
@@ -76,10 +76,10 @@ const HeaderComponent = (props) => {
     : userAccountsDetail?.data?.[0]?.type?.toLowerCase();
 
   useEffect(() => {
-    if(currentAccountType) {
-      setAccountType(currentAccountType)
+    if (currentAccountType) {
+      setAccountType(currentAccountType);
     }
-  }, [currentAccountType])
+  }, [currentAccountType]);
 
   useEffect(() => {
     setIsOpen(false);
@@ -94,7 +94,7 @@ const HeaderComponent = (props) => {
     }
 
     if (accountType && accountType === "personal") {
-      handleGetUnreadNotificationPersonal()
+      handleGetUnreadNotificationPersonal();
     }
   }, [accountType]);
 
@@ -445,8 +445,7 @@ const HeaderComponent = (props) => {
         <li>
           <a
             onClick={() => {
-              window.location.href =
-                "https://559staging.learngual.com/settings/account";
+              window.location.href = "/settings/account";
             }}
             className={
               window.location.pathname.includes("settings") ? "active" : ""
@@ -469,7 +468,7 @@ const HeaderComponent = (props) => {
                 e.preventDefault();
                 e.stopPropagation();
               } else {
-                window.location.href = `https://559staging.learngual.com/${
+                window.location.href = `/${
                   selectedAccount?.type
                     ? selectedAccount?.type?.toLowerCase()
                     : userAccountsDetail?.data?.[0]?.type?.toLowerCase()
@@ -496,8 +495,7 @@ const HeaderComponent = (props) => {
         <li style={{ marginLeft: "20%", cursor: "pointer" }}>
           <a
             onClick={() => {
-              window.location.href =
-                "https://559staging.learngual.com/help-center";
+              window.location.href = "/help-center";
             }}
             className={
               window.location.pathname.includes("help-center") ? "active" : ""

package/src/components/sideBar/sideMenu/index.jsx

@@ -26,7 +26,7 @@ const SideMenu = ({
   affiliatesActive,
   setRightComponent,
   planState,
-  findText
+  findText,
 }) => {
   //console.log("user type", userType);
   // const [isOpen, setIsOpen] = useState(false);
@@ -276,7 +276,7 @@ const SideMenu = ({
           ) {
             newTab
               ? window.open(path, "_blank")
-              : (window.location.href = `https://559staging.learngual.com${path}`);
+              : (window.location.href = `${path}`);
           } else if (window.location.hostname.includes("localhost")) {
             newTab
               ? window.open(path, "_blank")
@@ -287,31 +287,21 @@ const SideMenu = ({
           ) {
             newTab
               ? window.open(path, "_blank")
-              : (window.location.href = `https://developer.learngual.com${path}`);
+              : (window.location.href = `${path}`);
           }
 
           if (!newTab) {
             if (window.location.hostname.includes("559staging")) {
-              window.location.href = `https://559staging.learngual.com${path}`;
+              window.location.href = `${path}`;
             } else if (window.location.hostname.includes("localhost")) {
               window.location.href = `http://localhost:${window.location.port}${path}`;
+            } else {
+              window.location.href = `${path}`;
             }
           }
         }}
-        // to={route.path}
         key={index}
-        className={cx(
-          `${route.text} ${
-            active && "active"
-            // active && planState !== "GRACE PERIOD"
-            //   ? "active"
-            //   : active && planState === "GRACE PERIOD"
-            //   ? "grace_period_active"
-            //   : !active && planState === "GRACE PERIOD"
-            //   ? "grace_period"
-            //   : ""
-          }`
-        )}
+        className={cx(`${route.text} ${active && "active"}`)}
         minimal={isOpen}
       >
         <IconContainer active={active}>

package/src/components/sideNav/index.jsx

@@ -13,7 +13,6 @@ import Cookies from "js-cookie";
 import { OutletContext } from "../AppMainLayout";
 
 const SideBar = ({ routes, findText }) => {
-  
   const deleteCookies = (name) => {
     const date = new Date();
     date.setHours(date.getHours() - 1);
@@ -83,11 +82,9 @@ const SideBar = ({ routes, findText }) => {
               window.location.hostname.includes("localhost") ||
               window.location.hostname.includes("staging")
             ) {
-              window.location.href =
-                "https://559staging.learngual.com/auth/sign-in/";
+              window.location.href = "/auth/sign-in/";
             } else {
-              window.location.href =
-                "https://demo.learngual.com/login/developer";
+              window.location.href = "/login/developer";
             }
           }, 500);
         }}

package/src/hooks/leftNavMenu.jsx

@@ -52,32 +52,32 @@ export const user = {
 
 export const leftNavMenu = [
   {
-    path: "https://559staging.learngual.com/developer",
+    path: "/developer",
     label: "Learning",
     icon: <Learning />,
   },
   {
-    path: "https://comingsoon.learngual.com/community",
+    path: "/community",
     label: "Community",
     icon: <CommunityIcon />,
   },
   {
-    path: "https://comingsoon.learngual.com/fun",
+    path: "/fun",
     label: "Fun",
     icon: <FunIcon />,
   },
   {
-    path: "https://comingsoon.learngual.com/duet",
+    path: "/duet",
     label: "Duet",
     icon: <DuetIcon />,
   },
   {
-    path: "https://comingsoon.learngual.com/speech",
+    path: "/speech",
     label: "Speech",
     icon: <SpeechIcon />,
   },
   {
-    path: "https://comingsoon.learngual.com/dictionary",
+    path: "/dictionary",
     label: "Dictionary",
     icon: <DictionaryIcon />,
   },