{"version":3,"file":"static/chunks/pages/blog-c54f19c112e1a68f.js","mappings":"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","sources":["webpack://_N_E/./components/Skeleton/index.jsx","webpack://_N_E/./components/Skeleton/BlogSkeleton.jsx","webpack://_N_E/./components/v3/components/Blogs/NoBlogs.jsx","webpack://_N_E/./components/v3/components/Blogs/YourAllCaughtUp.jsx","webpack://_N_E/./components/v3/components/Blogs/BlogListing.jsx","webpack://_N_E/./pages/blog/index.jsx","webpack://_N_E/./utils/route.utils.js","webpack://_N_E/?dd2d"],"sourcesContent":["import React from \"react\";\n\nconst Skeleton = ({ className, children }) => {\n  return (\n    <div role=\"status\" className={(\"animate-pulse\", className ?? \"\")}>\n      {children}\n    </div>\n  );\n};\n\nexport default Skeleton;\n","import React from \"react\";\nimport Skeleton from \".\";\n\nconst BlogSkeleton = () => {\n  return (\n    <Skeleton>\n      <div className=\"border-b flex justify-between items-center py-3 gap-x-3 mt-2 animate-pulse lg:gap-x-5\">\n        <div className=\"w-full\">\n          {/* Title Skeleton */}\n          <div className=\"h-[24px] bg-gray-200 rounded-md mb-2\"></div>\n\n          {/* Description Skeleton */}\n          <div className=\"h-[16px] bg-gray-200 rounded-md mb-2\"></div>\n\n          <div className=\"flex justify-between items-center mt-3\">\n            <div className=\"flex items-center gap-x-2\">\n              {/* Author Avatar Skeleton */}\n              <div className=\"flex w-fit gap-x-2 items-center\">\n                <div className=\"w-[22px] h-[22px] bg-gray-200 rounded-full\"></div>\n                <div className=\"h-[12px] bg-gray-200 rounded-md w-[50px]\"></div>\n              </div>\n\n              {/* Date Skeleton */}\n              <div className=\"h-[12px] bg-gray-200 rounded-md w-[80px]\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Image Skeleton */}\n        <div className=\"h-[100px] w-[180px] bg-gray-200 rounded-md lg:w-[200px] lg:h-[100px] mx-auto\"></div>\n      </div>\n    </Skeleton>\n  );\n};\n\nexport default BlogSkeleton;\n","import React from \"react\";\n\nconst NoBlogs = ({ className, displayText }) => {\n  return (\n    <div>\n      <img\n        src=\"/assets/blogs/no-blogs.svg\"\n        alt=\"no-blog\"\n        className={className}\n      />\n      <div className=\"text-center mt-4\">{displayText}</div>\n    </div>\n  );\n};\n\nexport default NoBlogs;\n","import React from \"react\";\nimport { faArrowRight } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst YourAllCaughtUp = () => {\n  return (\n    <div>\n      <svg\n        width=\"132\"\n        height=\"131\"\n        viewBox=\"0 0 132 131\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className=\"w-[45px] h-[45px] mx-auto mt-4 lg:mt-5 lg:w-[60px] lg:h-[60px]\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M124.5 65.5C124.5 97.8087 98.3087 124 66 124C33.6913 124 7.5 97.8087 7.5 65.5C7.5 33.1913 33.6913 7 66 7C98.3087 7 124.5 33.1913 124.5 65.5ZM131.5 65.5C131.5 101.675 102.175 131 66 131C29.8253 131 0.5 101.675 0.5 65.5C0.5 29.3253 29.8253 0 66 0C102.175 0 131.5 29.3253 131.5 65.5ZM99.6554 55.5112C101.025 54.0274 100.932 51.7143 99.4487 50.3446C97.9649 48.975 95.6518 49.0675 94.2821 50.5513L74.6728 71.7947C70.8204 75.9681 64.2698 76.0991 60.2537 72.083L58.1166 69.9459C56.6888 68.518 54.3737 68.518 52.9459 69.9459C51.518 71.3737 51.518 73.6888 52.9459 75.1166L65.1334 87.3041C65.837 88.0077 66.797 88.3942 67.7918 88.3743C68.7867 88.3544 69.7305 87.9299 70.4054 87.1987L99.6554 55.5112ZM80.0541 55.6166C81.482 54.1888 81.482 51.8737 80.0541 50.4459C78.6263 49.018 76.3112 49.018 74.8834 50.4459L62.6959 62.6334C61.268 64.0612 61.268 66.3763 62.6959 67.8041C64.1237 69.232 66.4388 69.232 67.8666 67.8041L80.0541 55.6166ZM38.6166 69.9459C37.1888 68.518 34.8737 68.518 33.4459 69.9459C32.018 71.3737 32.018 73.6888 33.4459 75.1166L45.6334 87.3041C47.0612 88.732 49.3763 88.732 50.8041 87.3041C52.232 85.8763 52.232 83.5612 50.8041 82.1334L38.6166 69.9459Z\"\n          fill=\"url(#paint0_linear_25276_3769)\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint0_linear_25276_3769\"\n            x1=\"131.5\"\n            y1=\"131\"\n            x2=\"0.591129\"\n            y2=\"127.305\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stop-color=\"#DF3EF3\" />\n            <stop offset=\"0.0001\" stop-color=\"#DF3EF3\" />\n            <stop offset=\"0.919792\" stop-color=\"#7C47ED\" />\n          </linearGradient>\n        </defs>\n      </svg>\n      <h6 className=\"font-bold mt-3 lg:mt-4 lg:text-[18px]\">\n        That's it for now\n      </h6>\n      <h6 className=\"text-[14px] text-gray-600 font-normal !mt-3 lg:text-[16px]\">\n        You’ve read all new blogs\n      </h6>\n      <a href=\"/app\" className=\"no-underline\">\n        <button className=\"text-white text-[14px] !normal-case mt-3 flex gap-x-2 items-center justify-center px-[11px] py-2 w-[200px] rounded-xl bg-gradient-to-r from-indigo-500 via-purple-500 to-[#cf40f2] ... lg:w-[200px]\">\n          Watch videos <FontAwesomeIcon icon={faArrowRight} />\n        </button>\n      </a>\n    </div>\n  );\n};\n\nexport default YourAllCaughtUp;\n","import React, { useEffect, useState, useRef, useCallback } from \"react\";\nimport { apiGateway } from \"../../../../utils/config\";\nimport { axiosPublic } from \"../../../../api/axiosCustom\";\nimport ListingUI from \"./ListingUI\";\nimport BlogSkeleton from \"../../../Skeleton/BlogSkeleton\";\nimport NoBlogs from \"./NoBlogs\";\nimport YourAllCaughtUp from \"./YourAllCaughtUp\";\n\nconst BlogListing = () => {\n  const [pageNumber, setPageNumber] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isLoading, setIsLoading] = useState(false);\n  const [initialLoadDone, setInitialLoadDone] = useState(false); // Flag to track the initial load\n  const [isApiError, setIsApiError] = useState({ error: false, message: \"\" });\n  const [allBlogs, setAllBlogs] = useState({ blogs: [], nPages: 0 });\n  const observerRef = useRef(); // Ref for the observer\n\n  // Function to fetch blogs\n  const handleGetAllBlogs = async (page) => {\n    setIsLoading(true);\n    try {\n      const url = `${apiGateway}/api/v1/blog/all/?page=${page}`;\n      const response = await axiosPublic.get(url);\n      const data = response?.data;\n      if (data) {\n        setAllBlogs((prevState) => ({\n          blogs: [...prevState.blogs, ...data.blogs],\n          nPages: data.n_pages,\n        }));\n        setHasMore(data.has_more);\n        // setIsApiError({\n        //   error: data?.blogs?.length === 0,\n        //   message: \"No blogs to display\",\n        // });\n      }\n    } catch (error) {\n      setIsApiError({\n        error: true,\n        message:\n          error?.response?.data?.error_message || \"Something Went Wrong!!!\",\n      });\n    }\n    setIsLoading(false);\n  };\n\n  // Fetch the initial page (page 1) only once\n  useEffect(() => {\n    if (!initialLoadDone) {\n      handleGetAllBlogs(1);\n      setInitialLoadDone(true); // Set the flag after the first load\n    }\n  }, [initialLoadDone]);\n\n  // Callback for the IntersectionObserver to load more blogs\n  const loadMoreBlogs = useCallback(\n    (entries) => {\n      const target = entries[0];\n      if (!isApiError?.error)\n        if (target.isIntersecting && !isLoading && hasMore) {\n          setPageNumber((prevPage) => prevPage + 1); // Increment page number\n        }\n    },\n    [isLoading, hasMore]\n  );\n\n  // Fetch more blogs when page number changes (except for the initial page)\n  useEffect(() => {\n    if (pageNumber > 1) {\n      handleGetAllBlogs(pageNumber);\n    }\n  }, [pageNumber]);\n\n  // Set up the IntersectionObserver\n  useEffect(() => {\n    const observer = new IntersectionObserver(loadMoreBlogs, {\n      root: null,\n      rootMargin: \"20px\",\n      threshold: 0,\n    });\n\n    if (observerRef.current) observer.observe(observerRef.current);\n\n    return () => {\n      if (observerRef.current) observer.unobserve(observerRef.current);\n    };\n  }, [loadMoreBlogs]);\n\n  return (\n    <div>\n      <div>\n        {isApiError?.error && (\n          <div className=\"h-screen flex justify-center items-center\">\n            <NoBlogs className=\"w-[400px]\" displayText={isApiError?.message} />\n          </div>\n        )}\n        <ListingUI allBlogs={allBlogs.blogs} />\n      </div>\n\n      <div ref={observerRef}>\n        {isLoading &&\n          [...Array(6)]?.map((item) => {\n            return <BlogSkeleton key={item} />;\n          })}\n\n        {!hasMore && !isApiError?.error && (\n          <div className=\"w-fit mx-auto text-center pb-10 lg:!pb-14\">\n            <YourAllCaughtUp />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default BlogListing;\n","import React from \"react\";\nimport { RouteName } from \"../../utils/route.utils\";\nimport BlogListing from \"../../components/v3/components/Blogs/BlogListing\";\nimport WebContainer from \"../../components/v3/components/Common/Container\";\nimport Header from \"../../components/v3/components/Header\";\nimport withUserInformation from \"../../HOC's/withUserInformation\";\nimport Head from \"next/head\";\nimport TAGS from \"../../public/headJson.json\";\n\nconst BlogsPage = () => {\n  return (\n    <>\n      <Head>\n        <title>{TAGS.blogs.title}</title>\n        <meta name=\"title\" content={TAGS.blogs.title} />\n        <meta name=\"description\" content={TAGS.blogs.description} />\n        <link rel=\"canonical\" href={RouteName.blogs} />\n\n        {/* Facebook / OpenGraph */}\n        <meta property=\"og:url\" content={RouteName.blogs} />\n        <meta property=\"og:title\" content={TAGS.blogs.title} />\n        <meta property=\"og:description\" content={TAGS.blogs.description} />\n        <meta property=\"og:image\" content={TAGS.landingPage.imageUrl} />\n        <meta property=\"og:image:alt\" content=\"Seekho\" />\n\n        {/* Twitter */}\n        <meta property=\"twitter:url\" content={RouteName.blogs} />\n        <meta property=\"twitter:title\" content={TAGS.blogs.title} />\n        <meta property=\"twitter:description\" content={TAGS.blogs.description} />\n        <meta property=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:site\" content=\"@seekhoapp\" />\n        <meta property=\"twitter:image\" content={TAGS.landingPage.imageUrl} />\n      </Head>\n\n      <div className=\"bg-white min-h-screen\">\n        <Header />\n        <WebContainer className=\"pt-14 lg:pt-24\">\n          <BlogListing />\n        </WebContainer>\n      </div>\n    </>\n  );\n};\n\nexport default withUserInformation(BlogsPage);\n","const DOMAIN = \"https://seekho.in\";\n\nexport const RouteName = {\n  index: DOMAIN,\n  app: `${DOMAIN}/app`,\n  premium: `${DOMAIN}/premium`,\n  series: `${DOMAIN}/series`,\n  video: `${DOMAIN}/video`,\n  category: `${DOMAIN}/category`,\n  privacyPolicy: `${DOMAIN}/privacy-policy`,\n  cancellationPolicy: `${DOMAIN}/cancellation-policy`,\n  termsAndCondition: `${DOMAIN}/terms-and-conditions`,\n  team: `${DOMAIN}/team`,\n  faq: `${DOMAIN}/faqs`,\n  blogs: `${DOMAIN}/blog`,\n};\n\nexport const routeToDomain =\n  process.env.NEXT_PUBLIC_ENVIRONMENT === \"staging\"\n    ? \"https://staging.seekho.in\"\n    : \"https://seekho.in\";\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog\",\n      function () {\n        return require(\"private-next-pages/blog/index.jsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog\"])\n      });\n    }\n  "],"names":["className","children","role","Skeleton","displayText","src","alt","width","height","viewBox","fill","xmlns","d","id","x1","y1","x2","y2","gradientUnits","offset","href","icon","faArrowRight","useState","pageNumber","setPageNumber","hasMore","setHasMore","isLoading","setIsLoading","initialLoadDone","setInitialLoadDone","error","message","isApiError","setIsApiError","blogs","nPages","allBlogs","setAllBlogs","observerRef","useRef","handleGetAllBlogs","page","url","apiGateway","axiosPublic","response","data","prevState","n_pages","has_more","error_message","useEffect","loadMoreBlogs","useCallback","entries","target","isIntersecting","prevPage","observer","IntersectionObserver","root","rootMargin","threshold","current","observe","unobserve","ListingUI","ref","Array","map","item","withUserInformation","TAGS","name","content","rel","RouteName","property","Header","DOMAIN","index","app","premium","series","video","category","privacyPolicy","cancellationPolicy","termsAndCondition","team","faq","routeToDomain","window","__NEXT_P","push"],"sourceRoot":""}