{"version":3,"file":"static/chunks/1625.e4f073a56a711439.js","mappings":"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","sources":["webpack://_N_E/./node_modules/@mui/material/Typography/Typography.js","webpack://_N_E/./node_modules/@mui/material/Typography/typographyClasses.js","webpack://_N_E/./src/common/components/Container/container.style.js","webpack://_N_E/./src/common/components/Container/index.js","webpack://_N_E/./src/containers/SaasModern/whySwiftask/whySwiftask.style.js","webpack://_N_E/./src/common/assets/image/logo/icon/CaretDoubleRight.js","webpack://_N_E/./src/containers/SaasModern/whySwiftask/index.js","webpack://_N_E/./node_modules/@swc/helpers/esm/_tagged_template_literal.js"],"sourcesContent":["'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"align\", \"className\", \"component\", \"gutterBottom\", \"noWrap\", \"paragraph\", \"variant\", \"variantMapping\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { extendSxProp } from '@mui/system/styleFunctionSx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport { getTypographyUtilityClass } from './typographyClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    align,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']\n  };\n  return composeClasses(slots, getTypographyUtilityClass, classes);\n};\nexport const TypographyRoot = styled('span', {\n  name: 'MuiTypography',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  margin: 0\n}, ownerState.variant === 'inherit' && {\n  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.\n  font: 'inherit'\n}, ownerState.variant !== 'inherit' && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {\n  textAlign: ownerState.align\n}, ownerState.noWrap && {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}, ownerState.gutterBottom && {\n  marginBottom: '0.35em'\n}, ownerState.paragraph && {\n  marginBottom: 16\n}));\nconst defaultVariantMapping = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  inherit: 'p'\n};\n\n// TODO v6: deprecate these color values in v5.x and remove the transformation in v6\nconst colorTransformations = {\n  primary: 'primary.main',\n  textPrimary: 'text.primary',\n  secondary: 'secondary.main',\n  textSecondary: 'text.secondary',\n  error: 'error.main'\n};\nconst transformDeprecatedColors = color => {\n  return colorTransformations[color] || color;\n};\nconst Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {\n  const themeProps = useDefaultProps({\n    props: inProps,\n    name: 'MuiTypography'\n  });\n  const color = transformDeprecatedColors(themeProps.color);\n  const props = extendSxProp(_extends({}, themeProps, {\n    color\n  }));\n  const {\n      align = 'inherit',\n      className,\n      component,\n      gutterBottom = false,\n      noWrap = false,\n      paragraph = false,\n      variant = 'body1',\n      variantMapping = defaultVariantMapping\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    align,\n    color,\n    className,\n    component,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    variantMapping\n  });\n  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TypographyRoot, _extends({\n    as: Component,\n    ref: ref,\n    ownerState: ownerState,\n    className: clsx(classes.root, className)\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Typography.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Set the text-align on the component.\n   * @default 'inherit'\n   */\n  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the text will have a bottom margin.\n   * @default false\n   */\n  gutterBottom: PropTypes.bool,\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   * @default false\n   */\n  noWrap: PropTypes.bool,\n  /**\n   * If `true`, the element will be a paragraph element.\n   * @default false\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Applies the theme typography styles.\n   * @default 'body1'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),\n  /**\n   * The component maps the variant prop to a range of different HTML element types.\n   * For instance, subtitle1 to `<h6>`.\n   * If you wish to change that mapping, you can provide your own.\n   * Alternatively, you can use the `component` prop.\n   * @default {\n   *   h1: 'h1',\n   *   h2: 'h2',\n   *   h3: 'h3',\n   *   h4: 'h4',\n   *   h5: 'h5',\n   *   h6: 'h6',\n   *   subtitle1: 'h6',\n   *   subtitle2: 'h6',\n   *   body1: 'p',\n   *   body2: 'p',\n   *   inherit: 'p',\n   * }\n   */\n  variantMapping: PropTypes /* @typescript-to-proptypes-ignore */.object\n} : void 0;\nexport default Typography;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTypographyUtilityClass(slot) {\n  return generateUtilityClass('MuiTypography', slot);\n}\nconst typographyClasses = generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);\nexport default typographyClasses;","import styled from 'styled-components';\n\nconst StyledContainer = styled.div`\n  width: 75%;\n  margin: 16px auto;\n  margin-top: 64px;\n  margin-bottom: 64px;\n  position: relative;\n  @media (max-width: 1024px) {\n    width: 95%;\n  }\n  @media (max-width: 450px) {\n    margin-top: 24px;\n    margin-bottom: 24px;\n  }\n`;\n\nexport default StyledContainer;\n","import React from 'react';\nimport StyledContainer from './container.style';\n\nconst Container = ({ children }) => {\n  return <StyledContainer>{children}</StyledContainer>;\n};\n\nexport default Container;\n","import styled from 'styled-components';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport colors from 'common/theme/saasModern/colors';\n\nexport const HeaderWhySwiftask = styled.div`\n  text-align: center;\n  margin-bottom: 40px;\n`;\n\nexport const ContentHeader = styled.div`\n  max-width: 700px;\n  margin: 0 auto;\n`;\n\nexport const FeatureCard = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: white;\n  border-radius: 20px;\n  padding: 40px;\n  margin: 0 auto 115px;\n  width: 80%;\n  gap: 50px;\n\n  &:hover {\n    box-shadow: ${saasModernTheme.gradiantShadow};\n  }\n\n  @media (max-width: 768px) {\n    flex-direction: column-reverse;\n    margin: 0 auto 65px;\n    padding: 30px 20px;\n    gap: 20px;\n  }\n`;\n\nexport const CardTextContent = styled.div`\n  flex: 1;\n  max-width: 600px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  padding-left: 40px;\n\n  @media (max-width: 768px) {\n    padding-right: 0;\n    max-width: 100%;\n  }\n`;\n\nexport const TitleCard = styled.h3`\n  font-size: 28px;\n  font-family: ${saasModernTheme.fontFamily};\n  font-weight: bold;\n  color: #333;\n  margin: 0;\n\n  strong {\n    background: ${saasModernTheme.customColor.gradiantColor};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`;\n\nexport const DescriptionCard = styled.div`\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 16px;\n  color: var(--Text-Secondary, #636f81);\n  strong {\n    background: linear-gradient(\n      88.69deg,\n      #1098f7 0%,\n      #5874ff 55.44%,\n      #8b93d8 100.39%\n    );\n    -webkit-background-clip: text;\n    font-size: 18px;\n    -webkit-text-fill-color: transparent;\n  }\n`;\n\nexport const DescriptionCardTwo = styled.div`\n  font-size: 16px;\n  color: var(--Text-Secondary, #636f81);\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n`;\n\nexport const BtnMore = styled.button`\n  background: var(--Background-Default, #111927);\n  align-self: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: 50px;\n  color: ${colors.white};\n  width: auto !important;\n  cursor: pointer;\n  height: 30px;\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n\n  &:hover {\n    background-color: ${saasModernTheme.defaultBackgroundColor};\n  }\n`;\n\nexport const CardVisualContent = styled.div`\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 300px;\n  background-color: ${colors.white};\n  border-radius: 8px;\n  max-width: 350px;\n\n  @media (max-width: 768px) {\n    width: 100%;\n    margin-top: 20px;\n  }\n`;\n","const CaretDoubleRight = (props) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 256 256\"\n      fill=\"white\"\n      {...props}\n    >\n      <path d=\"M117.66,122.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32-11.32L100.69,128,58.34,85.66a8,8,0,0,1,11.32-11.32Z\" />\n      <path d=\"M197.66,122.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32-11.32L180.69,128,138.34,85.66a8,8,0,0,1,11.32-11.32Z\" />\n    </svg>\n  );\n};\n\nexport default CaretDoubleRight;\n","import { Typography } from '@mui/material';\nimport { PrismicRichText } from '@prismicio/react';\nimport Container from 'common/components/Container';\nimport {\n  HeaderWhySwiftask,\n  ContentHeader,\n  FeatureCard,\n  CardTextContent,\n  TitleCard,\n  DescriptionCard,\n  DescriptionCardTwo,\n  CardVisualContent,\n  BtnMore,\n} from './whySwiftask.style';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport CaretDoubleRight from 'common/assets/image/logo/icon/CaretDoubleRight';\nimport Image from 'next/image';\nimport Link from 'next/link';\n\nconst WhySwiftask = ({ slice }) => {\n  if (!slice) return null;\n\n  const { items } = slice;\n\n  const safeRichText = (field) => {\n    if (\n      Array.isArray(field) &&\n      field.every((item) => item.type && item.text !== undefined)\n    ) {\n      return field;\n    }\n\n    if (typeof field === 'string') {\n      return [\n        {\n          type: 'paragraph',\n          text: field,\n          spans: [],\n        },\n      ];\n    }\n    return [];\n  };\n\n  return (\n    <Container>\n      <section>\n        <HeaderWhySwiftask>\n          <ContentHeader>\n            <PrismicRichText\n              field={slice.primary.whyswiftask}\n              components={{\n                paragraph: ({ children }) => (\n                  <Typography\n                    variant=\"h2\"\n                    sx={{\n                      background:\n                        saasModernTheme.customColor.backgroundTextGradient,\n                      fontFamily: saasModernTheme.fontFamily,\n                      WebkitBackgroundClip: 'text',\n                      WebkitTextFillColor: 'transparent',\n                      fontSize: { xs: '30px', sm: '38px', md: '48px' },\n                    }}\n                  >\n                    {children}\n                  </Typography>\n                ),\n              }}\n            />\n          </ContentHeader>\n        </HeaderWhySwiftask>\n        {items?.map((item, index) => (\n          <FeatureCard key={index}>\n            <CardTextContent>\n              <PrismicRichText\n                field={safeRichText(item.title)}\n                components={{\n                  paragraph: ({ children }) => (\n                    <TitleCard>{children}</TitleCard>\n                  ),\n                }}\n              />\n              <PrismicRichText\n                field={safeRichText(item.subtitle)}\n                components={{\n                  paragraph: ({ children }) => (\n                    <DescriptionCard>{children}</DescriptionCard>\n                  ),\n                }}\n              />\n              <PrismicRichText\n                field={safeRichText(item.subtitletwo)}\n                components={{\n                  paragraph: ({ children }) => (\n                    <DescriptionCardTwo>{children}</DescriptionCardTwo>\n                  ),\n                }}\n              />\n              {item.ctatext && item.linkcta && (\n                <Link href={`${item.linkcta}`} passHref legacyBehavior>\n                  <BtnMore target=\"_blank\" rel=\"noopener noreferrer\">\n                    {item.ctatext}\n                    <CaretDoubleRight\n                      style={{\n                        width: '18px',\n                        height: '18px',\n                        marginLeft: '5px',\n                      }}\n                    />\n                  </BtnMore>\n                </Link>\n              )}\n            </CardTextContent>\n            <CardVisualContent>\n              <Image\n                src={item.image.url}\n                alt=\"Feature illustration\"\n                width={600}\n                height={400}\n                style={{ objectFit: 'contain' }}\n                layout=\"responsive\"\n              />\n            </CardVisualContent>\n          </FeatureCard>\n        ))}\n      </section>\n    </Container>\n  );\n};\n\nexport default WhySwiftask;\n","export function _tagged_template_literal(strings, raw) {\n    if (!raw) raw = strings.slice(0);\n\n    return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));\n}\nexport { _tagged_template_literal as _ };\n"],"names":["_excluded","TypographyRoot","name","slot","overridesResolver","props","styles","ownerState","root","variant","align","noWrap","gutterBottom","paragraph","theme","margin","font","typography","textAlign","overflow","textOverflow","whiteSpace","marginBottom","defaultVariantMapping","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","colorTransformations","primary","textPrimary","secondary","textSecondary","error","Typography","inProps","ref","themeProps","color","transformDeprecatedColors","className","component","variantMapping","other","Component","classes","slots","useUtilityClasses","as","getTypographyUtilityClass","typographyClasses","styled","div","children","StyledContainer","HeaderWhySwiftask","ContentHeader","FeatureCard","saasModernTheme","gradiantShadow","CardTextContent","TitleCard","fontFamily","customColor","gradiantColor","DescriptionCard","DescriptionCardTwo","BtnMore","button","colors","white","defaultBackgroundColor","CardVisualContent","svg","xmlns","viewBox","fill","path","d","slice","items","safeRichText","field","Array","isArray","every","item","type","undefined","text","spans","Container","section","PrismicRichText","whyswiftask","components","sx","background","backgroundTextGradient","WebkitBackgroundClip","WebkitTextFillColor","fontSize","xs","sm","md","map","index","title","subtitle","subtitletwo","ctatext","linkcta","Link","href","passHref","legacyBehavior","target","rel","CaretDoubleRight","style","width","height","marginLeft","Image","src","image","url","alt","objectFit","layout","_tagged_template_literal","strings","raw","Object","freeze","defineProperties","value"],"sourceRoot":""}