component---src-pages-templates-workflow-tsx-4789835f77b8545f59fd.js.map

{"version":3,"file":"component---src-pages-templates-workflow-tsx-4789835f77b8545f59fd.js","mappings":"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","sources":["webpack://code-cave/./src/components/common/templateSection.tsx","webpack://code-cave/./src/components/workflow/workflowStep.tsx","webpack://code-cave/./src/components/whyUs/whyUsReason.tsx","webpack://code-cave/./src/components/whyUs/whyUsSection.tsx","webpack://code-cave/./src/pagesTemplates/workflow.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { Link } from \"gatsby\";\n\nimport { Theme } from \"../../types/common.type\";\n\nimport Border from \"../../assets/common/border.svg\";\n\nimport ContentContainer from \"./contentContainer\";\n\ninterface ITemplateSectionProps extends React.HTMLAttributes<HTMLElement> {\n  title: string;\n  theme: Theme;\n  isArrowLink?: boolean;\n  linkTitle?: string;\n  subTitle?: string;\n  section?: string;\n  className?: string;\n  borderT?: boolean;\n  borderB?: boolean;\n}\n\nconst TemplateSection = ({\n  section,\n  theme,\n  title,\n  linkTitle,\n  subTitle,\n  className,\n  children,\n  borderT,\n  borderB,\n  isArrowLink = true,\n  //style,\n  ...attr\n}: PropsWithChildren<ITemplateSectionProps>) => {\n  const mainColorClass =\n    theme === Theme.dark ? \"text-secondary-100\" : \"text-main-100\";\n  const linkColorClass =\n    theme === Theme.dark\n      ? \"text-secondary-100 hover:text-secondary-70\"\n      : \"text-main-100 hover:text-main-10\";\n\n  return (\n    <>\n      {borderT ? <Border className=\"w-full\" /> : null}\n      <section\n        className={`w-full py-16 bg-transparent ${className}`}\n        //style={styles}\n        {...attr}\n      >\n        <ContentContainer\n          maxWidthClass=\"max-w-[1280px]\"\n          className={`flex-col items-center ${mainColorClass}`}\n        >\n          <div className=\"flex justify-between w-full sm:items-center pb-8 sm:pb-14 flex-col sm:flex-row gap-5\">\n            <h2 className={`text-4xl font-bold flex-1 ${mainColorClass}`}>\n              {title.toUpperCase()}\n            </h2>\n            {section ? (\n              <Link\n                to={`/${section}`}\n                className={`w-full sm:w-auto text-start sm:text-end text-xl font-normal cursor-pointer whitespace-nowrap ${linkColorClass}`}\n              >\n                {linkTitle ? linkTitle.toUpperCase() : \"DISCOVER MORE\"}{\" \"}\n                {isArrowLink ? <>&#8594;</> : null}\n              </Link>\n            ) : null}\n            {subTitle ? (\n              <p\n                className={`w-full sm:w-auto flex-1 text-start sm:text-end text-xl font-normal ${mainColorClass}`}\n              >\n                {subTitle.toUpperCase()}\n              </p>\n            ) : null}\n          </div>\n          {children}\n        </ContentContainer>\n      </section>\n      {borderB ? <Border className=\"w-full\" /> : null}\n    </>\n  );\n};\n\nexport default TemplateSection;\n","import React, { useEffect, useState, useRef } from \"react\";\n\nimport { IWorkflowStep } from \"../../types/workflow.type\";\n\nconst WorkflowStep = ({\n  step,\n  scroll,\n  stepNumber,\n  className,\n}: {\n  step: IWorkflowStep;\n  scroll: boolean;\n  stepNumber: number;\n  className?: string;\n}) => {\n  const div = useRef<HTMLDivElement>(null);\n  const [shownClass, setShownClass] = useState<\"workflow-step-shown\" | \"opacity-0\">(\"opacity-0\");\n\n  useEffect(() => {\n    if (!div.current || !window) return;\n    const divBottom = div.current.getBoundingClientRect().bottom;\n\n    if (window.innerHeight > divBottom) setShownClass(\"workflow-step-shown\");\n  }, [scroll]);\n\n  const {\n    html,\n    frontmatter: { title },\n  } = step;\n\n  return (\n    <div\n      ref={div}\n      className={`workflow-step relative flex w-full items-center justify-between text-secondary-100 gap-5 md:gap-28 max-w-4.5xl ${className} ${shownClass}`}\n    >\n      <p className=\"text-center px-5 md:px-20 text-[88px] sm:text-[148px] font-bold shrink-0 py-4 text-primary-70\">\n        {stepNumber}\n      </p>\n      <div className=\"flex flex-col flex-1 gap-2.5\">\n        <h2 className=\"font-bold text-2xl sm:text-3xl\">{title}</h2>\n        <div\n          className=\"w-full font-normal text-lg\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default WorkflowStep;\n","import React from \"react\";\n\nimport { IWhyUsReason } from \"../../types/whyUs.type\";\n\nconst WhyUsReason = ({\n  reason: {\n    frontmatter: { title },\n    html,\n  },\n  className,\n}: {\n  reason: IWhyUsReason;\n  className?: string;\n}) => {\n  return (\n    <div\n      className={`group why-us-card relative flex flex-col text-secondary-100 gap-2.5 cursor-pointer break-inside-avoid h-max ${className}`}\n    >\n      <h3 className=\"text-3xl\">{title}</h3>\n      <div\n        className={`text-lg text-secondary-70`}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n      <div\n        className={`line w-1 h-0 bg-secondary-100 absolute top-1/2 -left-5 -translate-y-1/2 transition-all duration-500 break-inside-avoid group-hover:h-full`}\n      />\n    </div>\n  );\n};\n\nexport default WhyUsReason;\n","import React from \"react\";\nimport { graphql, useStaticQuery } from \"gatsby\";\n\nimport { IWhyUsQueryResult, IWhyUsReason } from \"../../types/whyUs.type\";\nimport { ILang, Theme } from \"../../types/common.type\";\n\nimport TemplateSection from \"../common/templateSection\";\nimport WhyUsReason from \"./whyUsReason\";\n\nconst WhyUsSection = ({ lang }: ILang) => {\n  const whyUsQueryData = useStaticQuery(query) as IWhyUsQueryResult;\n\n  let whyUsReasons: IWhyUsReason[] | null | undefined;\n  if (lang in whyUsQueryData)\n    whyUsReasons = whyUsQueryData?.[lang]?.nodes as\n      | IWhyUsReason[]\n      | null\n      | undefined;\n  else whyUsQueryData?.en?.nodes;\n\n  const sectionTitle =\n    whyUsQueryData?.markupData?.nodes?.find(\n      (node) => node.fields.language === lang\n    )?.frontmatter?.whyUs?.title ?? \"why us\";\n\n  return (\n    <>\n      {whyUsReasons?.length ? (\n        <TemplateSection theme={Theme.dark} title={sectionTitle} borderB>\n          <div className=\"flex flex-col md:flex-row gap-y-5 w-full gap-x-28 max-w-4.5xl\">\n            <div className=\"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start\">\n              {whyUsReasons.map(\n                (reason, i) =>\n                  i % 2 === 0 && <WhyUsReason key={reason.id} reason={reason} />\n              )}\n            </div>\n            <div className=\"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start\">\n              {whyUsReasons.map(\n                (reason, i) =>\n                  i % 2 != 0 && <WhyUsReason key={reason.id} reason={reason} />\n              )}\n            </div>\n          </div>\n        </TemplateSection>\n      ) : null}\n    </>\n  );\n};\n\nexport default WhyUsSection;\n\nconst query = graphql`\n  {\n    en: allMarkdownRemark(\n      filter: {\n        fields: { sourceName: { eq: \"whyUs\" }, language: { eq: \"en\" } }\n      }\n      sort: { frontmatter: { order: ASC } }\n    ) {\n      nodes {\n        id\n        html\n        frontmatter {\n          title\n        }\n        fields {\n          language\n        }\n      }\n    }\n    ru: allMarkdownRemark(\n      filter: {\n        fields: { sourceName: { eq: \"whyUs\" }, language: { eq: \"ru\" } }\n      }\n      sort: { frontmatter: { order: ASC } }\n    ) {\n      nodes {\n        id\n        html\n        frontmatter {\n          title\n        }\n        fields {\n          language\n        }\n      }\n    }\n    markupData: allMarkdownRemark(\n      filter: { fields: { sourceName: { eq: \"common\" } } }\n      sort: { frontmatter: { order: ASC } }\n    ) {\n      nodes {\n        fields {\n          language\n        }\n        frontmatter {\n          whyUs {\n            title\n          }\n        }\n      }\n    }\n  }\n`;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { HeadFC, HeadProps, PageProps } from \"gatsby\";\nimport { graphql } from \"gatsby\";\nimport { getImage } from \"gatsby-plugin-image\";\n\nimport {\n  IWorkflowPageContext,\n  IWorkflowStepsQueryResult,\n} from \"../types/workflow.type\";\n\nimport Banner from \"../components/common/banner\";\nimport ContentContainer from \"../components/common/contentContainer\";\nimport WorkflowStep from \"../components/workflow/workflowStep\";\nimport WhyUsSection from \"../components/whyUs/whyUsSection\";\nimport { HeadSeo } from \"../components/common/metadata\";\nimport Border from \"../assets/common/border.svg\";\nimport ContactFormSection from \"../components/forms/contactFormSection\";\n\nconst Workflow = ({\n  data,\n  pageContext: { markupData, lang },\n}: PageProps<IWorkflowStepsQueryResult, IWorkflowPageContext>) => {\n  const workflowSteps = data.allMarkdownRemark.nodes;\n\n  const isInitial = useRef<boolean>(true);\n  const [scroll, setScroll] = useState<boolean>(false);\n\n  const scrollHandler = () => {\n    setScroll((scroll) => !scroll);\n  };\n\n  useEffect(() => {\n    if (!isInitial.current || !window) return;\n    isInitial.current = false;\n\n    window.addEventListener(\"scroll\", scrollHandler);\n\n    return () => window.removeEventListener(\"scroll\", scrollHandler);\n  }, []);\n\n  return (\n    <>\n      <Banner\n        heightClass=\"lg:h-32\"\n        titleBlockClassName=\"w-full\"\n        title={markupData.bannerTitle}\n      />\n      <div>\n        <ContentContainer className=\"flex-col items-center relative py-16 gap-5 sm:gap-0\">\n          {workflowSteps\n            ? workflowSteps.map((step, i) => (\n                <WorkflowStep\n                  key={step.id}\n                  step={step}\n                  className=\"even:flex-row-reverse\"\n                  scroll={scroll}\n                  stepNumber={i + 1}\n                />\n              ))\n            : null}\n        </ContentContainer>\n      </div>\n      <WhyUsSection lang={lang} />\n      <ContactFormSection lang={lang} />\n    </>\n  );\n};\n\nexport default Workflow;\n\nexport const Head: HeadFC<IWorkflowStepsQueryResult, IWorkflowPageContext> = ({\n  pageContext: { markupData, site, lang },\n  location,\n}: HeadProps<IWorkflowStepsQueryResult, IWorkflowPageContext>) => (\n  <HeadSeo\n    title={`${markupData.head} | ${markupData.bannerTitle.toUpperCase()}`}\n    description={site.description}\n    siteUrl={site.siteUrl}\n    path={location.pathname}\n    lang={lang}\n  />\n);\n\nexport const query = graphql`\n  query ($lang: String) {\n    allMarkdownRemark(\n      filter: {\n        fields: { sourceName: { eq: \"workflow\" }, language: { eq: $lang } }\n      }\n      sort: { frontmatter: { step: ASC } }\n    ) {\n      nodes {\n        id\n        html\n        frontmatter {\n          title\n          image {\n            publicURL\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["_ref","section","theme","title","linkTitle","subTitle","className","children","borderT","borderB","isArrowLink","attr","mainColorClass","Theme","dark","linkColorClass","___EmotionJSX","React","Border","_extends","ContentContainer","maxWidthClass","toUpperCase","Link","to","step","scroll","stepNumber","div","useRef","shownClass","setShownClass","useState","useEffect","current","window","divBottom","getBoundingClientRect","bottom","innerHeight","html","frontmatter","ref","dangerouslySetInnerHTML","__html","reason","_whyUsQueryData$lang","_whyUsQueryData$en","_whyUsQueryData$marku","_whyUsQueryData$marku2","_whyUsQueryData$marku3","_whyUsQueryData$marku4","_whyUsQueryData$marku5","_whyUsQueryData$marku6","_whyUsReasons","lang","whyUsQueryData","useStaticQuery","query","whyUsReasons","nodes","en","sectionTitle","markupData","find","node","fields","language","whyUs","length","TemplateSection","map","i","WhyUsReason","key","id","data","pageContext","workflowSteps","allMarkdownRemark","isInitial","setScroll","scrollHandler","addEventListener","removeEventListener","Banner","heightClass","titleBlockClassName","bannerTitle","WorkflowStep","WhyUsSection","ContactFormSection","Head","_ref2","site","location","HeadSeo","head","description","siteUrl","path","pathname"],"sourceRoot":""}