{"version":3,"file":"static/chunks/1625.616bff7760cf0351.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: ${(props) => (props.isNotCard ? 'transparent' : 'white')};\n  border-radius: ${(props) => (props.isNotCard ? '0' : '20px')};\n  padding: 40px;\n  margin: 0 auto 115px;\n  width: ${(props) => (props.isNotCard ? '90%' : '80%')};\n  gap: ${(props) => (props.isNotCard ? '60px' : '50px')};\n\n  &:hover {\n    box-shadow: ${(props) =>\n      props.isNotCard ? 'none' : 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  \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  ul {\n    list-style-type: disc;\n    padding-left: 20px;\n    margin: 10px 0;\n  }\n\n  li {\n    margin-bottom: 5px;\n  }\n`;\n\nexport const StyledList = styled.ul`\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 16px;\n  color: var(--Text-Secondary, #636f81);\n  list-style-type: disc;\n  padding-left: 20px;\n  margin: 10px 0;\n`;\n\nexport const StyledListItem = styled.li`\n  margin-bottom: 5px;\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: ${(props) => (props.isNotCard ? '300px' : '350px')};\n  background-color: ${(props) =>\n    props.isNotCard ? 'transparent' : colors.white};\n  border-radius: ${(props) => (props.isNotCard ? '0' : '8px')};\n  max-width: ${(props) => (props.isNotCard ? '450px' : '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  StyledList,\n  StyledListItem,\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  const { items, primary } = 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\n            key={index}\n            isNotCard={primary.type === 'NotCard'}\n            isReverse={item.isreverse}\n          >\n            {item.isreverse ? (\n              <>\n                <CardVisualContent isNotCard={primary.type === 'NotCard'}>\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                <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                      list: ({ children }) => (\n                        <StyledList>{children}</StyledList>\n                      ),\n                      listItem: ({ children }) => (\n                        <StyledListItem>{children}</StyledListItem>\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              </>\n            ) : (\n              <>\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 isNotCard={primary.type === 'NotCard'}>\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              </>\n            )}\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","isNotCard","saasModernTheme","gradiantShadow","CardTextContent","TitleCard","fontFamily","customColor","gradiantColor","DescriptionCard","StyledList","ul","StyledListItem","li","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","isReverse","isreverse","Image","src","image","url","alt","width","height","style","objectFit","layout","title","subtitle","list","listItem","subtitletwo","ctatext","linkcta","Link","href","passHref","legacyBehavior","target","rel","CaretDoubleRight","marginLeft","_tagged_template_literal","strings","raw","Object","freeze","defineProperties","value"],"sourceRoot":""}