{"version":3,"file":"static/chunks/3315-62764e7ef51feaba.js","mappings":"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","sources":["webpack://_N_E/./HOC's/withUserInformation.jsx","webpack://_N_E/./components/v3/components/Blogs/ListingUI.jsx","webpack://_N_E/./components/v3/components/Common/Container/index.jsx","webpack://_N_E/./components/v3/components/Header/IPhoneTopBanner.jsx","webpack://_N_E/./components/v3/components/Header/index.jsx","webpack://_N_E/./hooks/useUserInformation.js","webpack://_N_E/./components/v3/components/Header/styles.module.scss"],"sourcesContent":["import useUserInformation from \"../hooks/useUserInformation\";\n\n// Simple HOC to make sure userInformation doesn't get null, to Wrap with pages\n// only where most of userInformation is required\nconst withUserInformation = (WrappedComponent) => {\n  const WithUserInformation = (props) => {\n    useUserInformation({ setUser: props?.setUser });\n    return <WrappedComponent {...props} />;\n  };\n\n  return WithUserInformation;\n};\n\nexport default withUserInformation;\n","import React from \"react\";\nimport { handleFormatDate } from \"../../../../utils/utils\";\nimport { useRouter } from \"next/router\";\n\nconst ListingUI = ({ allBlogs }) => {\n  const router = useRouter();\n\n  const handleRouteToBlog = ({ slug }) => {\n    router.push(`/blog/${slug}`);\n  };\n\n  return (\n    <div>\n      {allBlogs?.map((item) => {\n        return (\n          <div\n            key={item?.slug}\n            className=\"border-b flex justify-between py-4 mt-2 gap-x-3 lg:gap-x-5\"\n          >\n            <div className=\"w-full\">\n              <h1\n                className=\"font-bold capitalize cursor-pointer w-fit text-[20px] leading-[27px] lg:text-[24px] lg:leading-[30px]\"\n                onClick={() => handleRouteToBlog({ slug: item?.slug })}\n              >\n                {item?.title}\n              </h1>\n              <div\n                className=\"text-[14px] line-clamp-2 mt-2 cursor-pointer lg:text-[16px]\"\n                onClick={() => handleRouteToBlog({ slug: item?.slug })}\n              >\n                {item?.description}\n              </div>\n\n              <div className=\"flex justify-between items-center mt-3\">\n                <div className=\"flex items-center gap-x-2\">\n                  {item?.author && (\n                    <div className=\"flex w-fit gap-x-2 items-center\">\n                      <img\n                        src=\"/assets/blogs/seekho.webp\"\n                        alt={item?.author}\n                        className=\"w-[15px] h-[18px] rounded-full\"\n                      />\n                      <div className=\"text-[12px]\">Seekho Official</div>\n                    </div>\n                  )}\n\n                  <p className=\"m-0 text-[12px] text-gray-600\">\n                    {handleFormatDate({\n                      dateInString: item?.created_on,\n                      showTime: false,\n                    })}\n                  </p>\n                </div>\n              </div>\n            </div>\n\n            {item?.image && (\n              <div\n                className=\"block lg:h-[100px]\"\n                onClick={() => handleRouteToBlog({ slug: item?.slug })}\n              >\n                <img\n                  src={item?.image}\n                  alt={item?.title}\n                  className=\"w-[180px] h-[80px] object-contain cursor-pointer mx-auto lg:h-[100px] lg:w-[200px]\"\n                />\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ListingUI;\n","import React from \"react\";\n\nconst WebContainer = ({ className, children }) => {\n  return (\n    <div className={` !px-4 !md:px-6 !max-w-[1248px] xl:!mx-auto ${className}`}>\n      {children}\n    </div>\n  );\n};\n\nexport default WebContainer;\n","import React, { useEffect } from \"react\";\nimport { faClose } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { handleAppStoreDownloadClicked } from \"../../../../utils/helperEventFunctions\";\nimport useStore from \"../../../../store/UseStore\";\n\nconst IPhoneTopBanner = ({ firebase_uid }) => {\n  const { setShowIphoneBanner } = useStore();\n\n  useEffect(() => {\n    handleAppStoreDownloadClicked({\n      firebase_uid,\n      status: \"app store top bar viewed\",\n    });\n  }, []);\n\n  return (\n    <div className=\"px-3 py-[10px] border-b !border-gray-700 flex items-center justify-between\">\n      <div className=\"flex gap-x-3 items-center\">\n        <div>\n          <FontAwesomeIcon\n            icon={faClose}\n            onClick={() => {\n              handleAppStoreDownloadClicked({\n                firebase_uid,\n                status: \"clicked close\",\n              });\n              setShowIphoneBanner(false);\n            }}\n          />\n        </div>\n        <img\n          src=\"/assets/appIcon.webp\"\n          alt=\"Seekho-IOS\"\n          className=\"w-[45px] h-[45px] rounded-lg\"\n        />\n        <div className=\"\">\n          <h6 className=\"text-[14px] m-0 p-0 font-medium\">Seekho</h6>\n          <h6 className=\"text-[12px] m-0 p-0 font-normal mt-1\">\n            Free App for iPhone\n          </h6>\n        </div>\n      </div>\n\n      <a\n        href=\"https://apps.apple.com/in/app/seekho-short-learning-videos/id6670752585\"\n        target=\"_blank\"\n      >\n        <button\n          className=\"!border !border-[#905ae9] px-2 py-2 rounded-md text-[12px] text-white\"\n          onClick={() => {\n            handleAppStoreDownloadClicked({\n              firebase_uid,\n              status: \"clicked on get app\",\n            });\n          }}\n        >\n          GET APP\n        </button>\n      </a>\n    </div>\n  );\n};\n\nexport default IPhoneTopBanner;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport styles from \"./styles.module.scss\";\nimport { useRouter } from \"next/router\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faBars } from \"@fortawesome/free-solid-svg-icons\";\nimport { handleLogout, isIPhone } from \"../../../../utils/utils\";\nimport { Context } from \"../../../../store\";\nimport { handleHamburgerClicked } from \"../../../../utils/helperEventFunctions\";\nimport SideNavigation from \"../../../side-navigation/Side-Navigation\";\nimport useStore from \"../../../../store/UseStore\";\nimport IPhoneTopBanner from \"./IPhoneTopBanner\";\n\nexport default function Header({ type }) {\n  const router = useRouter();\n  const [showSideMenu, setShowSideMenu] = useState(false);\n  const [isIPhoneState, setIPhone] = useState(null);\n  const { userData, webViewEventState, showIphoneBanner, setShowIphoneBanner } =\n    useStore();\n  const isCurrentUserPremium = userData?.is_premium;\n  const globalState = useContext(Context);\n  const firebase_uid = globalState?.user?.uid;\n\n  const toggleSideMenu = () => {\n    setShowSideMenu((prev) => !prev);\n    setShowIphoneBanner(!showIphoneBanner);\n    handleHamburgerClicked({\n      firebase_uid,\n      screen: window.location.href,\n      webviewEvent: webViewEventState,\n    });\n  };\n\n  useEffect(() => {\n    setIPhone(isIPhone());\n  }, []);\n\n  return (\n    <header className=\"bg-black z-[200] fixed w-full\">\n      {showIphoneBanner && isIPhoneState ? (\n        <div>\n          <IPhoneTopBanner firebase_uid={firebase_uid} />\n        </div>\n      ) : null}\n      <div className={styles.header}>\n        <div className={styles.logo}>\n          <img\n            onClick={() => router.push(\"/\")}\n            alt=\"logo-image\"\n            src={\"/assets/headerlogo.png\"}\n            className=\"w-[40%]\"\n          />\n        </div>\n\n        {/* // Desktop Nav */}\n        <div className=\"hidden lg:block\">\n          <div className={styles.navigation}>\n            <div className={styles.wtach_series}>\n              <a href=\"/app\">Watch Videos</a>\n            </div>\n            {!isCurrentUserPremium && (\n              <div className={styles.suscribe}>\n                <a href=\"/premium\">Subscribe to Plus</a>\n              </div>\n            )}\n            <div className={styles.team_culture}>\n              <a href=\"/team\">Team and Culture</a>\n            </div>\n            <div className={styles.team_culture}>\n              <a href=\"/blog\">Blogs</a>\n            </div>\n            {userData || globalState?.userFullInformation?.user ? (\n              <a className={styles.joinUs} onClick={handleLogout}>\n                Logout\n              </a>\n            ) : (\n              <a className={styles.joinUs} href=\"/login\">\n                Login\n              </a>\n            )}\n          </div>\n        </div>\n\n        {/* // Mobile Nav */}\n        <div className=\"lg:hidden\">\n          <div className={styles.menuIcon}>\n            {!showSideMenu ? (\n              <FontAwesomeIcon\n                icon={faBars}\n                style={{ width: 26, height: 26 }}\n                onClick={toggleSideMenu}\n                className=\"text-white\"\n              ></FontAwesomeIcon>\n            ) : (\n              <div onClick={toggleSideMenu}>\n                <svg\n                  width=\"30px\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <title>cross-white</title>\n                  <g fill=\"none\" fillRule=\"evenodd\">\n                    <path d=\"M0 0h24v24H0z\"></path>\n                    <path\n                      d=\"M6 6l12.73 12.73m0-12.73L6 18.73\"\n                      stroke=\"#fff\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    ></path>\n                  </g>\n                </svg>\n\n                <SideNavigation\n                  showSideMenu={showSideMenu}\n                  toggleSideMenu={toggleSideMenu}\n                  openLogin={() => {}}\n                  type=\"landing\"\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n","import { useContext, useEffect, useState } from \"react\";\nimport { apiGateway } from \"../utils/config\";\nimport useStore from \"../store/UseStore\";\nimport useAxiosPrivate from \"./useAxiosPrivate\";\nimport { Context } from \"../store\";\n\n// Alternate Hook which will fetch the user details and store it in zustand store globally,\n// when in use, just call the hook and access the data from the useStore\nconst useUserInformation = ({ setUser }) => {\n  const { userData, setUserData } = useStore();\n  const [isLoggedIn, setIsLoggedIn] = useState(null);\n  const axiosPrivate = useAxiosPrivate();\n  const globalState = useContext(Context);\n\n  const handleGetUserDetails = async () => {\n    try {\n      const url = `${apiGateway}/api/v1/users/me/`;\n      const response = await axiosPrivate.get(url);\n      if (response?.data) {\n        if (setUser) setUser(response?.data);\n        setUserData(response?.data?.user);\n        globalState?.addUserInformation(response?.data);\n      }\n    } catch (error) {\n      console.log(\"ERROR\", error.message);\n    }\n  };\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      try {\n        const storedIsLoggedIn = localStorage.getItem(\"isLoggedIn\");\n        setIsLoggedIn(storedIsLoggedIn);\n      } catch (error) {\n        console.log(\"Failed to access localStorage:\", error);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    if (isLoggedIn === \"true\" && userData === null) {\n      handleGetUserDetails(); // calling the API only when userData is null from zustand store\n    }\n  }, [isLoggedIn, userData]);\n};\n\nexport default useUserInformation;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"styles_header__iVtI5\",\"logo\":\"styles_logo__DG9Ru\",\"navigation\":\"styles_navigation__VWAtR\",\"joinUs\":\"styles_joinUs__lQ5i9\",\"menuIcon\":\"styles_menuIcon___Q9Q0\"};"],"names":["WrappedComponent","props","useUserInformation","setUser","allBlogs","router","useRouter","handleRouteToBlog","slug","push","map","item","className","onClick","title","description","author","src","alt","handleFormatDate","dateInString","created_on","showTime","image","children","firebase_uid","setShowIphoneBanner","useStore","useEffect","handleAppStoreDownloadClicked","status","icon","faClose","href","target","Header","type","useState","showSideMenu","setShowSideMenu","isIPhoneState","setIPhone","userData","webViewEventState","showIphoneBanner","isCurrentUserPremium","is_premium","globalState","useContext","Context","user","uid","toggleSideMenu","prev","handleHamburgerClicked","screen","window","location","webviewEvent","isIPhone","styles","userFullInformation","handleLogout","width","viewBox","xmlns","fill","fillRule","d","stroke","strokeLinecap","strokeLinejoin","openLogin","faBars","style","height","setUserData","isLoggedIn","setIsLoggedIn","axiosPrivate","useAxiosPrivate","handleGetUserDetails","url","apiGateway","get","response","data","addUserInformation","console","log","message","storedIsLoggedIn","localStorage","getItem","error","module","exports"],"sourceRoot":""}