{"version":3,"file":"static/chunks/pages/guides-571c9c43f77c9724.js","mappings":"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","sources":["webpack://_N_E/?c0b5","webpack://_N_E/./api/newsletterSubscriptionMutation.ts","webpack://_N_E/./utils/getUserName.js","webpack://_N_E/./layouts/Newsletter/Newsletter.tsx","webpack://_N_E/./layouts/PageHero.tsx","webpack://_N_E/./pages/guides.tsx","webpack://_N_E/./utils/trip-sheppered-text.js","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/guides\",\n      function () {\n        return require(\"private-next-pages/guides.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/guides\"])\n      });\n    }\n  ","import { gql } from '@apollo/client';\n\nconst SUBSCRIBE_TO_NEWSLETTER = gql`\n  mutation SubscribeToNewsletter($status: String, $email: String) {\n    insert_boatnew_news_letter_subscribers(\n      objects: { status: $status, email: $email }\n    ) {\n      affected_rows\n    }\n  }\n`;\nexport default SUBSCRIBE_TO_NEWSLETTER;\n","export function extractUserName(email) {\n  const parts = email.split('@');\n  const username = parts[0];\n  const cleanUsername = username.replace(/[^a-zA-Z]/g, '');\n  return cleanUsername;\n}\n","import React, { useEffect, useState } from 'react';\nimport { toast } from 'react-toastify';\nimport styled from 'styled-components';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { useMutation } from '@apollo/client';\nimport SUBSCRIBE_TO_NEWSLETTER from '../../api/newsletterSubscriptionMutation';\nimport { extractUserName } from '../../utils/getUserName';\nimport { useAuthContext } from '../../utils/context/authContext';\nimport { useRouter } from 'next/router';\nimport Image from 'next/image';\nimport { SocialMediaIcons } from '../../shared-components/SocialMediaIcons';\n\nconst Newsletter = ({}) => {\n  const { user }: any = useAuthContext();\n  const [email, setEmail] = useState('');\n  const [subscribeToNewsletter] = useMutation(SUBSCRIBE_TO_NEWSLETTER);\n  useEffect(() => {\n    setEmail(user !== null && user.emailVerified ? user.email : '');\n  }, [user]);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    const username = extractUserName(email);\n\n    event.preventDefault();\n    event.stopPropagation();\n    try {\n      const { data } = await subscribeToNewsletter({\n        variables: {\n          email: email,\n          status: 'Subscribed'\n        }\n      });\n      if (data.insert_boatnew_news_letter_subscribers.affected_rows > 0) {\n        const emailData = {\n          userName: username,\n          email: email\n        };\n        await fetch('/api/subscription_mail', {\n          method: 'POST',\n          body: JSON.stringify(emailData)\n        });\n        toast.success('Successfully subscribed to our Newsletters!');\n        setEmail('');\n      } else {\n        toast.error('Subscription failed. Please try again later.');\n        setEmail('');\n      }\n    } catch (error) {\n      if (\n        error instanceof Error &&\n        error.toString().includes('Uniqueness violation')\n      ) {\n        toast.error(\n          'This email is already subscribed. Please use a different email.'\n        );\n      } else {\n        toast.error('An error occurred. Please try again later.');\n      }\n    }\n  };\n\n  const NewsletterHeading = styled.h2`\n    font-weight: 600;\n    text-align: center;\n    color: #333333;\n  `;\n  const SeparatorLine = styled.div`\n    height: 1px;\n    background: rgba(5, 7, 60, 0.6);\n    border: 1px rgba(19, 19, 19, 0.6);\n  `;\n  const Newsletter = styled.p`\n    font-weight: 400;\n    text-align: center;\n  `;\n  const router = useRouter();\n  return (\n    <>\n      <section\n        id=\"newsletter\"\n        className={`sm:pt-16 sm:pb-32 pb-5 pt-14 flex justify-center items-center relative z-10`}\n      >\n        <div className=\"flex flex-col gap-3 sm:gap-4 w-[80%] md:w-[80%] lg:w-[80%] xl:w-[55%] 3xl:w-[45%]\">\n          {/* <div\n            className={`${\n              router.route === '/things-to-do' ? 'block' : 'hidden'\n            }`}\n          >\n            <div className=\"flex justify-center\">\n              <Image\n                src=\"/logo.svg\"\n                width={110}\n                height={110}\n                alt=\"calendar\"\n                className=\"xl:h-[110px] xl:w-[110px] md:h-[110px] md:w-[90px] h-[110px] w-[90px] \"\n              />\n            </div>\n            <div className=\"text-[20px] xsm:text-[22px] sm:text-[32px] md:text-[50px] xl:text-[70px] flex justify-center text-[#222] tracking-[10px] \">\n              COMING SOON\n            </div>\n          </div> */}\n          <div className={`flex flex-col gap-3`}>\n            <p className=\"text-center text-black13 text-opacity-60 text-base sm:text-lg font-normal leading-snug\">\n              Newsletter\n            </p>\n            <NewsletterHeading className=\"text-center text-black13 text-base sm:text-2xl font-semibold sm:leading-[40px]\">\n              Subscribe to our newsletter!\n            </NewsletterHeading>\n            <SeparatorLine className=\"mx-[1rem] sm:mx-[5rem] lg:mx-[10rem]\" />\n          </div>\n          <div className=\"flex justify-center\">\n            <Newsletter className=\"text-sm  sm:text-base md:text-lg text-black13 text-opacity-60 w-[528px]\">\n              Signup to our newsletter and we will make sure to let you know\n              whenever we have news!\n            </Newsletter>\n          </div>\n\n          <form onSubmit={handleSubmit}>\n            <div className=\"flex justify-center relative sm:mx-20 lg:mx-28 2xl:mx-[6rem] 4xl:mx-[14rem]\">\n              <input\n                className=\"rounded-full text-start pl-[5%] md:pl-[3%] text-black13 xxsm:text-[10px] mmsm:text-base msm:text-sm md:text-lg font-medium leading-[18px] p-2 w-[100%] border   border-gray-400 focus:outline-none h-[50px] sm:h-[55px] lg:h-[65px]\"\n                placeholder=\"Enter your email\"\n                name=\"email\"\n                required\n                type=\"email\"\n                onChange={e => setEmail(e.target.value)}\n                maxLength={50}\n                minLength={2}\n                value={email}\n              />\n              <button\n                className={`xxsm:text-xs mmsm:text-sm lg:text-base w-fit leading-[0.5rem] cursor-pointer absolute xxsm:top-[0.2rem] mmsm:top-[0.1rem] sm:top-[0.45rem] xxsm:right-[0.25rem] mmsm:right-0 sm:right-2   bg-primary border-[#1F2C5B] rounded-full font-medium border-2  sm:leading-none text-white  hover:bg-[#2E3D7A] active:bg-[#2E3D7A] hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0  active:shadow-lg transition duration-150 ease-in-out p-3`}\n                data-mdb-ripple=\"true\"\n                data-mdb-ripple-color=\"light\"\n              >\n                Subscribe\n              </button>\n            </div>\n          </form>\n        </div>\n      </section>\n    </>\n  );\n};\n\nexport default Newsletter;\n","import styled from 'styled-components';\nimport Image from 'next/image';\nimport { RefObject } from 'react';\n\ninterface IProps {\n  title: string;\n  snippet: string;\n  media: string;\n  altImage?: string;\n  video: boolean;\n  landing?: boolean;\n  totalReviews?: Record<string, any>;\n  rating?: number;\n  trustworthy?: boolean;\n  partner?: boolean;\n  partnerApplyRef?: RefObject<HTMLButtonElement>;\n}\ninterface StyleProps {\n  isVideo: boolean;\n}\nconst PageHeroStyle = styled.div`\n  height: 55vh;\n  position: relative;\n  overflow: hidden !important;\n\n  display: flex;\n  @media (max-width: 540px) {\n    height: 50vh;\n  }\n  .PageHero_container {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    gap: 1.5rem;\n    width: 100%;\n    z-index: 30;\n    @media (max-width: 540px) {\n      gap: 1rem;\n    }\n  }\n`;\nconst StyledImage = styled(Image)`\n  z-index: 0;\n  object-fit: cover;\n`;\nconst StyledVideo = styled.video`\n  height: 60vh;\n  max-height: 69vh;\n  object-fit: cover;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  @media (max-width: 2200px) {\n    height: 69vh;\n    max-height: 69vh;\n  }\n  @media (max-width: 540px) {\n    height: 50vh;\n  }\n  width: 100vw !important;\n  z-index: 1;\n`;\nconst PageHero = ({\n  title,\n  snippet,\n  media,\n  altImage,\n  video,\n  landing,\n  partner,\n  partnerApplyRef,\n  trustworthy\n}: IProps): JSX.Element => {\n  return (\n    <section className=\"Hero_Section  overflow-hidden\">\n      <PageHeroStyle\n        id=\"PageHero\"\n        className=\"relative bg-no-repeat bg-cover bg-center flex justify-start items-center \"\n      >\n        <div className=\"absolute w-full h-full z-30 bg-opacity-40 bg-black \" />\n\n        <div\n          className={`${\n            !video && 'absolute top-0 left-0 w-[100%] h-[inherit]  z-20'\n          }`}\n        ></div>\n        {!video && (\n          <StyledImage\n            alt={altImage ? altImage : title}\n            src={media}\n            layout=\"fill\"\n            quality={100}\n            // sizes=\"(max-width: 768px) 50vw\"\n          />\n        )}\n        {video && (\n          <>\n            <div className=\"hidden xl:flex \">\n              <StyledVideo src={media} muted loop autoPlay playsInline />\n            </div>\n\n            <StyledImage\n              alt=\"guidesImage\"\n              src=\"https://res.cloudinary.com/see-sight-tours/image/upload/w_350,q_300/v1682684366/strapi/image1_f0cf2fc9c5.webp\"\n              layout=\"fill\"\n              className=\"flex xl:hidden\"\n              priority={true}\n              quality={60}\n            />\n          </>\n        )}\n        <div className=\"PageHero_container flex flex-col \">\n          <div className=\"flex-col  text-white text-center w-full \">\n            <h1 className=\"text-3xl lg:text-4xl xl:text-5xl 2xl:text-6xl font-bold text-white  \">\n              {' '}\n              {landing && (\n                <span className=\"text-[#F15C5A] opacity-80 \">ULTRA</span>\n              )}{' '}\n              {title.indexOf('ULTRA') !== -1 ? title.split('ULTRA')[1] : title}\n            </h1>\n\n            {trustworthy && (\n              <div className=\"text-white text-center mt-6\">\n                <h3 className=\"text-sm sm:text-[22px] lg:text-[28px] font-[600]\">\n                  Personal | Authentic | Local\n                </h3>\n              </div>\n            )}\n            {snippet !== 'Size Matters' && (\n              <p className=\"w-full text-xl lg:text-2xl xl:text-3xl 2xl:text-4xl font-normal text-center text-white mt-2 md:mt-6 \">\n                {snippet}\n              </p>\n            )}\n            {partner && (\n              <div className=\"flex justify-center mt-5\">\n                <button\n                  onClick={() => {\n                    partnerApplyRef?.current?.scrollIntoView({\n                      behavior: 'smooth',\n                      block: 'center'\n                    });\n                  }}\n                  className=\"p-3 bg-[#F15C5A] text-white rounded-xl\"\n                >\n                  Let&apos;s Partner Up\n                </button>\n              </div>\n            )}\n          </div>\n        </div>\n      </PageHeroStyle>\n    </section>\n  );\n};\nexport default PageHero;\n","import React, { useState } from 'react';\nimport Head from 'next/head';\nimport PageHero from '../layouts/PageHero';\nimport client from '../apollo-client';\nimport { GUIDES_PAGE, GUIDES_PAGE_INTERFACE } from '../api/guidesPage';\nimport Image from 'next/image';\nimport styled from 'styled-components';\nimport Adventure from '../components/Reviews/Adventure';\nimport Newsletter from '../layouts/Newsletter/Newsletter';\nimport { replaceTripshepherdWithSeeSight } from '../utils/trip-sheppered-text';\ninterface GuideProps {\n  background: boolean;\n  reverse: boolean;\n}\ninterface ImageShadow {\n  position: string;\n}\nexport async function getStaticProps() {\n  const { data } = await client.query<GUIDES_PAGE_INTERFACE>(GUIDES_PAGE);\n\n  return {\n    props: {\n      guidesPage:\n        data?.guidesPage &&\n        JSON.parse(\n          replaceTripshepherdWithSeeSight(JSON.stringify(data.guidesPage))\n        ),\n      headData: {\n        metaDescription: data.guidesPage.metaDescription,\n        title: data.guidesPage.pageTitle\n      }\n    }\n  };\n}\n\nconst StyledImage = styled(Image)<ImageShadow>`\n  box-shadow: ${props =>\n    props.position === 'right'\n      ? '8px -8px 0px -1px #1F2C5B '\n      : ' -8px -8px 0px -1px #1F2C5B '};\n  border-radius: 0.5rem;\n  max-height: 400px;\n  min-width: 300px;\n  align-self: center;\n\n  @media (max-width: 1000px) {\n    min-width: 320px;\n    max-height: 350px;\n  }\n  @media (max-width: 550px) {\n    min-width: 380px;\n    max-height: 380px;\n  }\n  @media (max-width: 380px) {\n    min-width: 300px;\n  }\n`;\nconst GuideCard = styled.div<GuideProps>`\n  display: flex;\n  gap: 1rem;\n  background-color: ${props => (props.background ? '#FAFAFA' : 'inherit')};\n  flex-direction: ${props => (props.reverse ? 'row' : 'row-reverse')};\n  margin-bottom: 2rem;\n  @media (max-width: 1000px) {\n    flex-direction: column-reverse;\n    align-items: center;\n    .text-body {\n      width: 380px;\n    }\n  }\n  @media (max-width: 550px) {\n    .text-body {\n      width: 380px;\n    }\n  }\n  @media (max-width: 380px) {\n    .text-body {\n      width: 300px;\n    }\n  }\n`;\nconst SeeMoreButton = styled.button`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 20px;\n  line-height: 24px;\n`;\n\nconst Guides = ({ guidesPage, headData }: GUIDES_PAGE_INTERFACE) => {\n  const [guidesCount, setGuidesCount] = useState(4);\n  return (\n    <>\n      <Head>\n        <meta\n          name=\"og:title\"\n          content={replaceTripshepherdWithSeeSight(headData.title)}\n        />\n        <meta\n          name=\"og:description\"\n          content={replaceTripshepherdWithSeeSight(headData.metaDescription)}\n        />\n        <title>{replaceTripshepherdWithSeeSight(headData?.title)}</title>\n        <meta\n          name=\"og:description\"\n          content={replaceTripshepherdWithSeeSight(headData?.metaDescription)}\n        />\n        {/* <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /> */}\n        <meta\n          name=\"og:image\"\n          content=\"https://res.cloudinary.com/see-sight-tours/image/upload/w_500/v1582036248/fun-guide-group-photo-2019.jpg\"\n        />\n        <link\n          rel=\"canonical\"\n          href={replaceTripshepherdWithSeeSight(guidesPage?.canonical)}\n        />\n      </Head>\n      <PageHero\n        title={'OUR GUIDES'}\n        snippet={'Meet Our Energetic Team'}\n        media={\n          'https://res.cloudinary.com/see-sight-tours/image/upload/w_1920,h_500/t_header/f_auto,q_auto,/fl_progressive:steep/v1581435096/american-falls-luna-island-rainbow-bridge.webP'\n        }\n        video={false}\n      />\n      <div className=\"pb-16\">\n        <h2 className=\"px-[2%]  lg:px-[8%] xl:px-[10%] 2xl:px-[15%] 3xl:px-[20%]  text-lg lg:text-4xl text-center text-[#333333] font-semibold my-8       \">\n          Meet Our Guides\n        </h2>\n        {guidesPage.guides.slice(0, guidesCount).map((guide, i) => (\n          <GuideCard\n            key={guide.guide.firstName}\n            background={i % 2 === 0 ? false : true}\n            reverse={i % 2 === 0 ? true : false}\n            className=\"px-[2%]  lg:px-[8%] xl:px-[10%] 2xl:px-[15%] 3xl:px-[20%] py-8 \"\n          >\n            <div className=\" text-[#333333]  flex flex-col gap-4  overflow-x-hidden flex-1     \">\n              <h2 className=\"text-base md:text-2xl lg:text-[28px]  font-semibold  \">\n                {guide.guide.firstName}\n              </h2>\n              <p className=\" text-base xl:text-lg \">\n                {replaceTripshepherdWithSeeSight(guide.guide.biography)}\n              </p>\n            </div>\n            <StyledImage\n              src={guide.guide.professional[0]?.url}\n              width={300}\n              height={350}\n              quality={100}\n              position={i % 2 === 0 ? 'right' : 'left'}\n              alt={guide.guide.firstName}\n            />\n          </GuideCard>\n        ))}\n        <div className=\"flex px-[2%]  lg:px-[8%] xl:px-[10%] 2xl:px-[15%] 3xl:px-[20%] justify-end\">\n          <SeeMoreButton\n            className=\" px-10 text-center  text-[#6D6D6D] cursor-pointer  h-14 \"\n            onClick={() => {\n              guidesCount === 4\n                ? setGuidesCount(guidesPage.guides.length)\n                : setGuidesCount(4);\n            }}\n          >\n            {guidesCount === 4 ? `See More ` : 'See Less'}\n          </SeeMoreButton>\n        </div>\n        <Adventure />\n        <Newsletter />\n      </div>\n    </>\n  );\n};\n\nexport default Guides;\n","function replaceText(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"https://www.tripshepherd.com\"\n  const replacedString1 = inputString?.replace(\n    /https:\\/\\/www\\.seesight-tours\\.com/g,\n    'https://www.tripshepherd.com'\n  );\n\n  // Replace \"See Sight Tours\", \"seesight\", and \"see sight\" with  \"Trip Shepperd\"\n  const replacedString2 = replacedString1?.replace(\n    /See Sight Tours|See Sight Tour|Seesight Tours|Trip Shepperd/gi,\n    'Tripshepherd'\n  );\n\n  return replacedString2;\n}\nexport function replaceTripShepherd(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"http://trip-shepperd.com\"\n  // const replacedString1 = inputString.replace(\n  //   /https:\\/\\/www\\.seesight-tours\\.com/g,\n  //   'http://trip-shepperd.com'\n  // );\n\n  // Replace \"See Sight Tours\", \"seesight\", and \"see sight\" with  \"Trip Shepperd\"\n  const replacedString2 = inputString?.replace(\n    /Tripshepherd/gi,\n    'See Sight Tours'\n  );\n\n  return replacedString2;\n}\n\nexport function replaceCanonical(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"http://trip-shepperd.com\"\n  if (!inputString) {\n    return;\n  }\n  const replacedString1 = inputString?.replace(\n    /https:\\/\\/www\\.seesight-tours\\.com/g,\n    'https://www.trip-shepperd.com'\n  );\n\n  return replacedString1;\n}\nexport function replaceTripshepherdWithSeeSight(input) {\n  // Check if the input is null or undefined\n  if (input == null) return input;\n\n  // Regex to detect any Firebase storage URL referencing tripshepherd-prod\n  // (e.g. https://firebasestorage.googleapis.com/v0/b/tripshepherd-prod.firebasestorage.app/o/... )\n  // We want to skip these entirely, leaving them untouched.\n  const firebaseTripshepherdProdRegex = new RegExp(\n    'https?:\\\\/\\\\/firebasestorage\\\\.googleapis\\\\.com\\\\/v0\\\\/b\\\\/tripshepherd-prod\\\\.firebasestorage\\\\.app\\\\/o\\\\/[^\\\\s]*',\n    'gi'\n  );\n\n  // Regex to detect general URLs anywhere else\n  const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n\n  if (typeof input === 'string') {\n    // Step 1: Protect any link containing \"tripshepherd-prod\" by replacing it with a placeholder\n    const placeholders = [];\n    let protectedString = input.replace(\n      firebaseTripshepherdProdRegex,\n      match => {\n        placeholders.push(match);\n        return '__FIREBASE_TS_PROD__'; // unique placeholder\n      }\n    );\n\n    // Step 2: Perform normal replacements on everything else\n    protectedString = protectedString\n      .replace(urlRegex, url => {\n        // For any URL that wasn't matched above, replace \"tripshepherd\" with \"seesight-tours\"\n        return url.replace(/tripshepherd/gi, 'seesight-tours');\n      })\n      .replace(/Trip Shepperd/g, 'See Sight Tours') // Replace text\n      .replace(/Tripshepherd/g, 'See Sight Tours') // Replace text\n      .replace(/TripShepherd/g, 'seesight-tours') // Replace text\n      .replace(/tripshepherd/g, 'seesight-tours') // Replace text\n      .replace(/Formerly See Sight Tours/g, 'Powered By Tripshepherd'); // Replace text\n\n    // Step 3: Restore the untouched \"tripshepherd-prod\" Firebase links\n    let placeholderIndex = 0;\n    protectedString = protectedString.replace(/__FIREBASE_TS_PROD__/g, () => {\n      return placeholders[placeholderIndex++];\n    });\n\n    return protectedString;\n  }\n\n  // If it's an array, apply the function recursively\n  if (Array.isArray(input)) {\n    return input.map(item => replaceTripshepherdWithSeeSight(item));\n  }\n\n  // If it's an object, apply the function recursively to each field\n  if (typeof input === 'object') {\n    const newObj = {};\n    for (const key in input) {\n      if (Object.prototype.hasOwnProperty.call(input, key)) {\n        newObj[key] = replaceTripshepherdWithSeeSight(input[key]);\n      }\n    }\n    return newObj;\n  }\n\n  // Return the input if it's neither a string, object, nor array\n  return input;\n}\n\nexport default replaceText;\n"],"names":["window","__NEXT_P","push","__webpack_require__","SUBSCRIBE_TO_NEWSLETTER","gql","Newsletter_Newsletter","param","user","useAuthContext","email","setEmail","useState","subscribeToNewsletter","useMutation","useEffect","emailVerified","handleSubmit","event","username","extractUserName","parts","split","cleanUsername","replace","preventDefault","stopPropagation","data","variables","status","insert_boatnew_news_letter_subscribers","affected_rows","fetch","method","body","JSON","stringify","userName","toast","success","error","Error","toString","includes","NewsletterHeading","styled","h2","withConfig","SeparatorLine","div","Newsletter","p","useRouter","jsx_runtime","jsx","Fragment","section","id","className","jsxs","form","onSubmit","input","placeholder","name","required","type","onChange","e","target","value","maxLength","minLength","button","data-mdb-ripple","data-mdb-ripple-color","PageHeroStyle","StyledImage","Image","StyledVideo","video","__webpack_exports__","Z","title","snippet","media","altImage","landing","partner","partnerApplyRef","trustworthy","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","concat","alt","src","layout","quality","muted","loop","autoPlay","playsInline","priority","h1","span","indexOf","h3","onClick","current","scrollIntoView","behavior","block","props","position","GuideCard","background","reverse","SeeMoreButton","guidesPage","headData","guidesCount","setGuidesCount","Head","meta","content","replaceTripshepherdWithSeeSight","metaDescription","link","rel","href","canonical","PageHero","guides","slice","map","guide","i","firstName","biography","professional","url","width","height","length","Adventure","firebaseTripshepherdProdRegex","placeholders","protectedString","match","placeholderIndex","Array","isArray","item","newObj","key","Object","prototype","hasOwnProperty","call"],"sourceRoot":""}