{"version":3,"file":"static/chunks/3128-43ecc69b1aa21de8.js","mappings":"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","sources":["webpack://_N_E/./src/common/components/Box/index.js","webpack://_N_E/./src/common/components/customVariant.js","webpack://_N_E/./src/common/components/Button/button.style.js","webpack://_N_E/./src/common/components/Animation/index.js","webpack://_N_E/./src/common/components/Loader/loader.style.js","webpack://_N_E/./src/common/components/Loader/index.js","webpack://_N_E/./src/common/components/Button/index.js","webpack://_N_E/./src/common/components/Text/index.js","webpack://_N_E/./src/containers/SaasModern/Blog/LatestBlog/LatestBlog.style.js","webpack://_N_E/./src/containers/SaasModern/Blog/blog.style.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled, { css } from 'styled-components'\nimport {\n  flexWrap,\n  flexDirection,\n  alignItems,\n  justifyContent,\n} from 'styled-system'\nimport { base, themed } from '../base'\n\nconst BoxWrapper = styled('div')(\n  base,\n  themed('Box'),\n  (props) =>\n    props.flexBox &&\n    css(\n      { display: 'flex' },\n      flexWrap,\n      flexDirection,\n      alignItems,\n      justifyContent,\n      themed('FlexBox')\n    )\n)\n\nconst Box = ({ children, ...props }) => (\n  <BoxWrapper {...props}>{children}</BoxWrapper>\n)\n\nexport default Box\n\nBox.propTypes = {\n  children: PropTypes.any.isRequired,\n  /** Using this props we can convert our Box Component to a Flex Container or Component */\n  flexBox: PropTypes.bool,\n  as: PropTypes.oneOf([\n    'div',\n    'article',\n    'section',\n    'address',\n    'header',\n    'footer',\n    'nav',\n    'main',\n  ]),\n  width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  fontSize: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  color: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  flex: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  order: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  alignSelf: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  display: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  border: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  borderTop: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  borderRight: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  borderBottom: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  borderLeft: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  borderColor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n}\n\nBox.defaultProps = {\n  as: 'div',\n}\n","import { variant } from 'styled-system';\n\nconst buttonStyle = variant({\n  key: 'buttonStyles',\n});\n\nconst colorStyle = variant({\n  key: 'colorStyles',\n  prop: 'colors',\n});\n\nconst sizeStyle = variant({\n  key: 'sizeStyles',\n  prop: 'size',\n});\n\nexport const cards = variant({ key: 'cards' });\n\nexport { buttonStyle, colorStyle, sizeStyle };\n","import styled from 'styled-components';\nimport { variant, alignItems, boxShadow } from 'styled-system';\nimport { themeGet } from '@styled-system/theme-get';\nimport { buttonStyle, colorStyle, sizeStyle } from '../customVariant';\nimport { base } from '../base';\n\nconst ButtonStyle = styled.button`\n  /* button default style */\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${themeGet('colors.white', '#ffffff')};\n  background-color: ${themeGet('colors.primary', '#028489')};\n  min-height: ${themeGet('heights.3', '48')}px;\n  min-width: ${themeGet('widths.3', '48')}px;\n  border-radius: ${themeGet('radius.0', '3')}px;\n  font-family: inherit;\n  font-size: ${themeGet('fontSizes.4', '16')}px;\n  font-weight: ${themeGet('fontWeights.4', '500')};\n  text-decoration: none;\n  text-transform: capitalize;\n  padding-top: ${themeGet('space.2', '8')}px;\n  padding-bottom: ${themeGet('space.2', '8')}px;\n  padding-left: ${themeGet('space.4', '15')}px;\n  padding-right: ${themeGet('space.4', '15')}px;\n  border: 0;\n  transition: all 0.3s ease;\n  span.btn-text {\n    padding-left: ${themeGet('space.1', '4')}px;\n    padding-right: ${themeGet('space.1', '4')}px;\n  }\n  span.btn-icon {\n    display: flex;\n    > div {\n      display: flex !important;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  /* Material style goes here */\n  &.is-material {\n    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n      0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  }\n\n  /* When button on loading stage */\n  &.is-loading {\n    .btn-text {\n      padding-left: ${themeGet('space.2', '8')}px;\n      padding-right: ${themeGet('space.2', '8')}px;\n    }\n  }\n\n  /* Style system support */\n  ${alignItems}\n  ${boxShadow}\n  ${buttonStyle}\n  ${colorStyle}\n  ${sizeStyle}\n  ${base}\n`;\n\n// prop types can also be added from the style functions\nButtonStyle.propTypes = {\n  ...alignItems.propTypes,\n  ...boxShadow.propTypes,\n  ...variant.propTypes,\n};\n\nButtonStyle.displayName = 'ButtonStyle';\n\nexport default ButtonStyle;\n","import { css, keyframes } from 'styled-components';\n\nconst spinner = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n    opacity: 0.5;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst AnimSpinner = css`\n  animation: ${spinner} 1s linear infinite;\n`;\n\nexport { AnimSpinner };\n","import styled from 'styled-components';\nimport { variant } from 'styled-system';\nimport { colorStyle } from '../customVariant';\nimport { AnimSpinner } from '../Animation';\nimport { base } from '../base';\n\nconst LoaderStyle = styled.span`\n  /* loader default style */\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  overflow: hidden;\n  border-width: 2px;\n  border-style: solid;\n  border-color: ${(props) =>\n    props.loaderColor ? props.loaderColor : '#000000'};\n  border-top-color: transparent !important;\n\n  /* animation goes here */\n  ${AnimSpinner}\n  /* Style system custome color variant */\n  ${colorStyle}\n  ${base}\n`;\n\n// prop types can also be added from the style functions\nLoaderStyle.propTypes = {\n  ...variant.propTypes,\n};\n\nLoaderStyle.displayName = 'LoaderStyle';\n\nexport default LoaderStyle;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport LoaderStyle from './loader.style';\n\nconst Loader = ({ loaderColor, className, ...props }) => {\n  // Add all classs to an array\n  const addAllClasses = ['reusecore__loader'];\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n  return (\n    <LoaderStyle\n      className={addAllClasses.join(' ')}\n      loaderColor={loaderColor}\n      {...props}\n    />\n  );\n};\n\nLoader.propTypes = {\n  /** ClassName of the Loader */\n  className: PropTypes.string,\n\n  /** Set loader width in number || string */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Set loader height in number || string */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Set color for loader */\n  loaderColor: PropTypes.string,\n};\n\nLoader.defaultProps = {};\n\nexport default Loader;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonStyle from './button.style';\nimport Loader from '../Loader';\n\nconst Button = ({\n  type,\n  title,\n  icon,\n  disabled,\n  iconPosition,\n  onClick,\n  loader,\n  loaderColor,\n  isMaterial,\n  isLoading,\n  className,\n  ...props\n}) => {\n  // Add all classs to an array\n  const addAllClasses = ['reusecore__button'];\n\n  // isLoading prop checking\n  if (isLoading) {\n    addAllClasses.push('is-loading');\n  }\n\n  // isMaterial prop checking\n  if (isMaterial) {\n    addAllClasses.push('is-material');\n  }\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  // Checking button loading state\n  const buttonIcon =\n    isLoading !== false ? (\n      <Fragment>\n        {loader ? loader : <Loader loaderColor={loaderColor || '#30C56D'} />}\n      </Fragment>\n    ) : (\n      icon && <span className=\"btn-icon\">{icon}</span>\n    );\n\n  // set icon position\n  const position = iconPosition || 'right';\n\n  return (\n    <ButtonStyle\n      type={type}\n      className={addAllClasses.join(' ')}\n      icon={icon}\n      disabled={disabled}\n      icon-position={position}\n      onClick={onClick}\n      {...props}\n    >\n      {position === 'left' && buttonIcon}\n      {title && <span className=\"btn-text\">{title}</span>}\n      {position === 'right' && buttonIcon}\n    </ButtonStyle>\n  );\n};\n\nButton.propTypes = {\n  /** ClassName of the button */\n  className: PropTypes.string,\n\n  /** Add icon */\n  type: PropTypes.oneOf(['button', 'submit', 'reset']),\n\n  /** Add icon */\n  icon: PropTypes.object,\n\n  /** Add loader */\n  loader: PropTypes.object,\n\n  /** Add Material effect */\n  isMaterial: PropTypes.bool,\n\n  /** Button Loading state */\n  isLoading: PropTypes.bool,\n\n  /** Button Loading state */\n  loaderColor: PropTypes.string,\n\n  /** If true button will be disabled */\n  disabled: PropTypes.bool,\n\n  /** Adjust your icon and loader position [if you use loader] */\n  iconPosition: PropTypes.oneOf(['left', 'right']),\n\n  /** Variant change button shape */\n  variant: PropTypes.oneOf(['textButton', 'outlined', 'fab', 'extendedFab']),\n\n  /** primary || secondary || warning || error  change text and border color.\n   *  And primaryWithBg || secondaryWithBg || warningWithBg || errorWithBg change text, border and background color */\n  colors: PropTypes.oneOf([\n    'primary',\n    'secondary',\n    'warning',\n    'error',\n    'primaryWithBg',\n    'secondaryWithBg',\n    'warningWithBg',\n    'errorWithBg',\n  ]),\n\n  /**\n   * Gets called when the user clicks on the button\n   */\n  onClick: PropTypes.func,\n};\n\nButton.defaultProps = {\n  disabled: false,\n  isMaterial: false,\n  isLoading: false,\n  type: 'button',\n};\n\nexport default Button;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\nimport {\n  fontFamily,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n} from \"styled-system\";\nimport { base, themed } from \"../base\";\n\nconst TextWrapper = styled(\"p\")(\n  base,\n  fontFamily,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  themed(\"Text\")\n);\n\nconst Text = ({ content, ...props }) => (\n  <TextWrapper {...props}>{content}</TextWrapper>\n);\n\nconst PrismicRichTextWrapper = styled(\"div\")(\n  base,\n  fontFamily,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  themed(\"Text\")\n);\n\nexport const RichText = ({ children, ...props }) => (\n  <PrismicRichTextWrapper {...props}>{children}</PrismicRichTextWrapper>\n);\n\nexport default Text;\n\nText.propTypes = {\n  content: PropTypes.string,\n  as: PropTypes.string,\n  mt: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  mb: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  fontFamily: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  fontWeight: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  textAlign: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  lineHeight: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  letterSpacing: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  ...base.propTypes,\n};\n\nText.defaultProps = {\n  as: \"p\",\n  mt: 0,\n  mb: \"1rem\",\n};\n","import { themeGet } from '@styled-system/theme-get';\nimport styled from 'styled-components';\n\nexport const Section = styled.section`\n  margin-bottom: 48px;\n`;\n\nexport const SectionHeading = styled.div`\n  text-align: center;\n  margin-bottom: 70px;\n  @media screen and (max-width: 768px) {\n    margin-bottom: 40px;\n  }\n  h2 {\n    font-weight: 700;\n    font-size: 26px;\n    line-height: 1.5;\n    letter-spacing: -0.2px;\n    @media screen and (max-width: 768px) {\n      font-size: 26px;\n    }\n    @media screen and (max-width: 480px) {\n      font-size: 24px;\n    }\n  }\n`;\n\nexport const Grid = styled.div`\n  gap: 18px;\n  display: grid;\n  justify-content: center;\n  grid-template-columns: repeat(3, 1fr);\n  @media screen and (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  @media screen and (max-width: 991px) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  @media screen and (max-width: 480px) {\n    grid-template-columns: 1fr;\n    grid-gap: 18px 0;\n  }\n`;\n\nexport const Article = styled.article`\n  transition: all 0.2s ease 0s;\n  margin-left: 30px;\n  @media screen and (max-width: 991px) {\n    margin-left: 60px;\n  }\n  @media screen and (max-width: 480px) {\n    margin-left: 20px;\n  }\n  :hover {\n    transform: translateY(-7px);\n  }\n  img {\n    border-radius: 12px;\n  }\n  p {\n    font-family: Inter, sans-serif;\n    font-weight: 500;\n    font-size: 15px;\n    line-height: 18px;\n    margin: 20px 0 0;\n  }\n  h4 {\n    font-weight: 700;\n    font-size: 18px;\n    line-height: 1.68;\n    overflow: hidden;\n    width: 300px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: 8px 0 0;\n    @media screen and (max-width: 1024px) {\n      font-size: 17px;\n    }\n    @media screen and (max-width: 768px) {\n      font-size: 16px;\n    }\n  }\n  a {\n    color: ${themeGet('colors.linkColor')};\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: -0.1px;\n    margin-top: 10px;\n    @media screen and (max-width: 480px) {\n      font-size: 14px;\n    }\n    i {\n      line-height: 1;\n      margin-left: 5px;\n      transform: translateX(0px);\n      transition: 0.3s ease 0s;\n    }\n    &:hover i {\n      transform: translateX(3px);\n    }\n  }\n`;\n","import styled from 'styled-components';\n\nexport const BlogContent = styled.section`\n  display: flex;\n  margin-top: 15px;\n  flex-direction: row;\n  @media (max-width: 986px) {\n    flex-direction: column;\n    flex-flow: column-reverse nowrap;\n  }\n`;\n\nexport const LeftBox = styled.section`\n  width: 68%;\n  margin-left: auto;\n  @media (max-width: 986px) {\n    width: 100%;\n  }\n`;\n\nexport const RightBox = styled.section`\n  width: 100%;\n  @media (max-width: 986px) {\n    width: 100%;\n    position: relative;\n    padding: 0px;\n    margin: 0;\n  }\n`;\n\nexport const PostCard = styled.div`\n  background-color: #fbefcc;\n  border-top: 10px solid #c94c4c;\n  padding: 20px;\n  border-radius: 10px;\n  height: 150px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 14vw;\n  margin-right: 1vh;\n  transition: 600ms;\n  @media (max-width: 1200px) {\n    position: relative;\n  }\n  @media (max-width: 986px) {\n    width: 100%;\n    height: auto;\n    margin-top: 5vh;\n    position: relative;\n  }\n`;\n\nexport const ContainerBlog = styled.div`\n  display: flex;\n  flex-direction: row; /* Stack vertically on mobile */\n  width: 100%;\n  @media (max-width: 1200px) {\n    flex-direction: column; /* Stack vertically on mobile */\n  }\n`;\n\nexport const FilterBlogContainer = styled.section`\n  width: 20%;\n  @media (max-width: 1200px) {\n    width: 100%;\n  }\n`;\n\nexport const ListBlogContainer = styled.section`\n  width: 80%;\n  @media (max-width: 1200px) {\n    width: 100%;\n    height: auto;\n    margin-top: 5vh;\n  }\n`;\n\nexport const BlogContainer = styled.div`\n  margin: 160px 0 48px;\n`;\n"],"names":["BoxWrapper","styled","base","themed","props","flexBox","css","display","flexWrap","flexDirection","alignItems","justifyContent","Box","children","propTypes","PropTypes","isRequired","as","width","height","fontSize","color","flex","order","alignSelf","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","defaultProps","buttonStyle","variant","key","colorStyle","prop","sizeStyle","ButtonStyle","button","themeGet","boxShadow","displayName","spinner","keyframes","AnimSpinner","LoaderStyle","span","loaderColor","Loader","className","addAllClasses","push","join","Button","type","title","icon","disabled","iconPosition","onClick","loader","isMaterial","isLoading","buttonIcon","Fragment","position","icon-position","colors","TextWrapper","fontFamily","fontWeight","textAlign","lineHeight","letterSpacing","Text","content","mt","mb","Section","section","SectionHeading","div","Grid","Article","article","LeftBox","PostCard","ContainerBlog","FilterBlogContainer","ListBlogContainer","BlogContainer"],"sourceRoot":""}