{"version":3,"file":"static/chunks/pages/blog-e181967ff4c369a9.js","mappings":"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","sources":["webpack://_N_E/?eec3","webpack://_N_E/./src/common/components/Accordion/accordion.style.js","webpack://_N_E/./src/common/components/Accordion/index.js","webpack://_N_E/./src/containers/SaasModern/Blog/AllBlogs/style.js","webpack://_N_E/./src/containers/SaasModern/Blog/FilterBlogs/style.js","webpack://_N_E/./src/common/components/Input/input.style.js","webpack://_N_E/./src/common/components/Input/index.js","webpack://_N_E/./node_modules/@mui/system/esm/useMediaQuery/useMediaQuery.js","webpack://_N_E/./src/containers/SaasModern/Blog/FilterBlogs/index.js","webpack://_N_E/./src/containers/SaasModern/Blog/AllBlogs/index.js","webpack://_N_E/./src/pages/blog/index.js","webpack://_N_E/./node_modules/react-icons-kit/entypo/minus.js","webpack://_N_E/./node_modules/react-icons-kit/entypo/plus.js","webpack://_N_E/./node_modules/react-icons-kit/ikons/magnifying_glass.js"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog\",\n      function () {\n        return require(\"private-next-pages/blog/index.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog\"])\n      });\n    }\n  ","import styled, { keyframes } from 'styled-components';\nimport {\n  AccordionItemHeading,\n  AccordionItemButton,\n  Accordion,\n  AccordionItem,\n  AccordionItemPanel,\n} from 'react-accessible-accordion';\nimport 'react-accessible-accordion/dist/fancy-example.css';\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const AccordionWrapper = styled(Accordion)``;\n\nexport const AccordionItemWrapper = styled(AccordionItem)``;\n\nexport const OpenIcon = styled.div``;\n\nexport const CloseIcon = styled.div`\n  opacity: 0;\n`;\n\nexport const AccordionTitleWrapper = styled(AccordionItemHeading)`\n  > div {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    position: relative;\n    &[aria-expanded='false'] {\n      ${OpenIcon} {\n        opacity: 0;\n      }\n      ${CloseIcon} {\n        opacity: 1;\n      }\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  * {\n    flex-grow: 1;\n  }\n`;\nexport const AccordionItemButtonWrapper = styled(AccordionItemButton)``;\nexport const AccordionBodyWrapper = styled(AccordionItemPanel)`\n  animation: 0.35s ${fadeIn} ease-in;\n  &.accordion__body--hidden {\n    animation: 0.35s ${fadeIn} ease-in;\n  }\n`;\n\nexport const IconWrapper = styled.div`\n  margin-left: 30px;\n  width: 40px;\n  position: relative;\n\n  ${OpenIcon},\n  ${CloseIcon} {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n    transition: 0.25s ease-in-out;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  AccordionWrapper,\n  AccordionItemWrapper,\n  AccordionTitleWrapper,\n  AccordionItemButtonWrapper,\n  AccordionBodyWrapper,\n  IconWrapper,\n  OpenIcon,\n  CloseIcon,\n} from './accordion.style';\n\nconst Accordion = ({\n  className,\n  children,\n  allowZeroExpanded = true,\n  preExpanded = [],\n}) => {\n  // Add all classs to an array\n  const addAllClasses = ['reusecore__accordion'];\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  return (\n    <AccordionWrapper\n      allowZeroExpanded={allowZeroExpanded}\n      className={addAllClasses.join(' ')}\n      preExpanded={preExpanded}\n    >\n      {children}\n    </AccordionWrapper>\n  );\n};\n\nconst AccordionItem = ({ className, children, uuid, onClick }) => {\n  // Add all classs to an array\n  const addAllClasses = ['accordion__item'];\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  return (\n    <AccordionItemWrapper\n      className={addAllClasses.join(' ')}\n      uuid={uuid}\n      onClick={onClick}\n    >\n      {children}\n    </AccordionItemWrapper>\n  );\n};\n\nconst AccordionTitle = ({ className, children }) => {\n  // Add all classs to an array\n  const addAllClasses = ['accordion__header'];\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  return (\n    <AccordionTitleWrapper className={addAllClasses.join(' ')}>\n      <AccordionItemButtonWrapper>{children}</AccordionItemButtonWrapper>\n    </AccordionTitleWrapper>\n  );\n};\n\nconst AccordionBody = ({ className, children }) => {\n  // Add all classs to an array\n  const addAllClasses = ['accordion__body'];\n\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  return (\n    <AccordionBodyWrapper className={addAllClasses.join(' ')}>\n      {children}\n    </AccordionBodyWrapper>\n  );\n};\n\nAccordion.propTypes = {\n  /** ClassName of the Accordion. Default class is reusecore__accordion*/\n  className: PropTypes.string,\n\n  /** Used to render any component */\n  children: PropTypes.element,\n};\n\nAccordionItem.propTypes = {\n  /** ClassName of the AccordionItem. Default class is accordion__item */\n  className: PropTypes.string,\n\n  /** Used to render any component */\n  children: PropTypes.element,\n};\n\nAccordionTitle.propTypes = {\n  /** ClassName of the AccordionTitle. Default class is accordion__header */\n  className: PropTypes.string,\n\n  /** Used to render any component */\n  children: PropTypes.element,\n};\n\nAccordionBody.propTypes = {\n  /** ClassName of the AccordionBody. Default class is accordion__body */\n  className: PropTypes.string,\n\n  /** Used to render any component */\n  children: PropTypes.element,\n};\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTitle,\n  AccordionBody,\n  IconWrapper,\n  OpenIcon,\n  CloseIcon,\n};\n","import styled from 'styled-components';\n\nexport const Title = styled.h1`\n  z-index: 5;\n  max-width: 18ch;\n  color: #160647;\n  font-family:\n    Gilroy,\n    Helvetica Neue,\n    Helvetica,\n    Arial,\n    sans-serif;\n  font-size: 64px;\n  text-align: center;\n  font-weight: 700;\n  line-height: 100%;\n  letter-spacing: -2px;\n  position: relative;\n  @media (max-width: 767px) {\n    font-size: 34px;\n  }\n`;\n\nexport const BoxStyled = styled.div`\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 100px 0;\n  @media (max-width: 950px) {\n    margin: 100px auto 16px auto;\n    width: 80%;\n  }\n`;\n\nexport const BoxDescription = styled.div`\n  color: rgb(85 94 103);\n  font-size: 20px;\n  text-align: center;\n  margin-top: 5px;\n  font-weight: 500;\n  font-family:\n    Inter,\n    Helvetica Neue,\n    Helvetica,\n    Arial,\n    sans-serif;\n  letter-spacing: -0.2px;\n  line-height: 140%;\n  max-width: 950px;\n  @media (max-width: 767px) {\n    font-size: 14px;\n  }\n`;\n","import colors from 'common/theme/saasModern/colors';\nimport styled from 'styled-components';\nimport { saasModernTheme } from 'common/theme/saasModern/index';\n\nexport const Container = styled.div`\n  padding: 16px;\n  width: 100%;\n`;\n\nexport const ButtonLink = styled.button`\n  border: none;\n  background: transparent;\n  text-align: start;\n  cursor: pointer;\n  color: ${({ active }) => (active ? colors.yellow : colors.primary)};\n  text-decoration: ${({ active }) => (active ? 'underline' : 'none')};\n  margin-top: 8px;\n  @media (max-width: 767px) {\n    font-size: 16px;\n    width: 100%;\n    margin-top: 6.4px;\n  }\n`;\n\nexport const Ul = styled.ul`\n  padding: 8px 1.6px;\n`;\n\nexport const Title = styled.h1`\n  z-index: 5;\n  max-width: 13ch;\n  color: ${colors.primary};\n  font-family:\n    Gilroy,\n    Helvetica Neue,\n    Helvetica,\n    Arial,\n    sans-serif;\n  font-size: ${saasModernTheme.space[2]};\n  font-weight: 700;\n  position: relative;\n  @media (max-width: 767px) {\n    font-size: 24px;\n  }\n`;\n","import styled from 'styled-components';\nimport { themeGet } from '@styled-system/theme-get';\n\nconst InputField = styled.div`\n  position: relative;\n\n  /* Input field wrapper */\n  .field-wrapper {\n    position: relative;\n  }\n\n  /* If input has icon then these styel */\n  &.icon-left,\n  &.icon-right {\n    .field-wrapper {\n      display: flex;\n      align-items: center;\n      > .input-icon {\n        position: absolute;\n        top: 0;\n        bottom: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 34px;\n        height: 40px;\n      }\n    }\n  }\n\n  /* When icon position in left */\n  &.icon-left {\n    .field-wrapper {\n      > .input-icon {\n        left: 0;\n        right: auto;\n      }\n      > input {\n        padding-left: 34px;\n      }\n    }\n  }\n\n  /* When icon position in right */\n  &.icon-right {\n    .field-wrapper {\n      > .input-icon {\n        left: auto;\n        right: 0;\n      }\n      > input {\n        padding-right: 34px;\n      }\n    }\n  }\n\n  /* Label default style */\n  label {\n    display: block;\n    color: ${themeGet('colors.labelColor', '#767676')};\n    font-size: ${themeGet('fontSizes.4', '16')}px;\n    font-weight: ${themeGet('fontWeights.4', '500')};\n    margin-bottom: ${themeGet('space.3', '10')}px;\n    transition: 0.2s ease all;\n  }\n\n  /* Input and textarea default style */\n  textarea,\n  input {\n    font-size: 16px;\n    padding: 11px;\n    display: block;\n    width: 100%;\n    color: ${themeGet('colors.textColor', '#484848')};\n    box-shadow: none;\n    border-radius: 4px;\n    box-sizing: border-box;\n    border: 1px solid ${themeGet('colors.inactiveIcon', '#ebebeb')};\n    transition: border-color 0.2s ease;\n    &:focus {\n      outline: none;\n      border-color: ${themeGet('colors.primary', '#028489')};\n    }\n  }\n\n  textarea {\n    min-height: 150px;\n  }\n\n  /* Input material style */\n  &.is-material {\n    label {\n      position: absolute;\n      left: 0;\n      top: 10px;\n    }\n\n    input,\n    textarea {\n      border-radius: 0;\n      border-top: 0;\n      border-left: 0;\n      border-right: 0;\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    textarea {\n      min-height: 40px;\n      padding-bottom: 0;\n    }\n\n    .highlight {\n      position: absolute;\n      height: 1px;\n      top: auto;\n      left: 50%;\n      bottom: 0;\n      width: 0;\n      pointer-events: none;\n      transition: all 0.2s ease;\n    }\n\n    /* If input has icon then these styel */\n    &.icon-left,\n    &.icon-right {\n      .field-wrapper {\n        flex-direction: row-reverse;\n        > .input-icon {\n          width: auto;\n        }\n        > input {\n          flex: 1;\n        }\n      }\n    }\n\n    /* When icon position in left */\n    &.icon-left {\n      .field-wrapper {\n        > input {\n          padding-left: 20px;\n        }\n      }\n      label {\n        top: -15px;\n        font-size: 12px;\n      }\n    }\n\n    /* When icon position in right */\n    &.icon-right {\n      .field-wrapper {\n        > input {\n          padding-right: 20px;\n        }\n      }\n    }\n\n    /* Material input focus style */\n    &.is-focus {\n      input {\n        border-color: ${themeGet('colors.inactiveIcon', '#ebebeb')};\n      }\n\n      label {\n        top: -16px;\n        font-size: 12px;\n        color: ${themeGet('colors.textColor', '#484848')};\n      }\n\n      .highlight {\n        width: 100%;\n        height: 2px;\n        background-color: ${themeGet('colors.primary', '#028489')};\n        left: 0;\n      }\n    }\n  }\n`;\n\nconst EyeButton = styled.button`\n  width: 43px;\n  height: 40px;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  top: 0;\n  right: 0;\n  position: absolute;\n  outline: none;\n  cursor: pointer;\n  box-shadow: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n\n  > span {\n    width: 12px;\n    height: 12px;\n    display: block;\n    border: solid 1px ${themeGet('colors.textColor', '#484848')};\n    border-radius: 75% 15%;\n    transform: rotate(45deg);\n    position: relative;\n\n    &:before {\n      content: '';\n      display: block;\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      left: 3px;\n      top: 3px;\n      position: absolute;\n      border: solid 1px ${themeGet('colors.textColor', '#484848')};\n    }\n  }\n\n  &.eye-closed {\n    > span {\n      &:after {\n        content: '';\n        display: block;\n        width: 1px;\n        height: 20px;\n        left: calc(50% - 1px / 2);\n        top: -4px;\n        position: absolute;\n        background-color: ${themeGet('colors.textColor', '#484848')};\n        transform: rotate(-12deg);\n      }\n    }\n  }\n`;\n\nexport { EyeButton };\n\nexport default InputField;\n","'use client';\n/* eslint-disable */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport InputField, { EyeButton } from './input.style';\nconst Input = ({\n  label,\n  value,\n  onBlur,\n  onFocus,\n  onChange,\n  inputType,\n  isMaterial,\n  icon,\n  iconPosition,\n  passwordShowHide,\n  className,\n  ...props\n}) => {\n  // use toggle hooks\n  const [state, setState] = useState({\n    toggle: false,\n    focus: false,\n    value: '',\n  });\n\n  useEffect(() => {\n    if (value === '') {\n      setState({\n        ...state,\n        value: '',\n      });\n    }\n  }, [value]);\n\n  // toggle function\n  const handleToggle = () => {\n    setState({\n      ...state,\n      toggle: !state.toggle,\n    });\n  };\n\n  // add focus class\n  const handleOnFocus = (event) => {\n    setState({\n      ...state,\n      focus: true,\n    });\n    onFocus(event);\n  };\n\n  // remove focus class\n  const handleOnBlur = (event) => {\n    setState({\n      ...state,\n      focus: false,\n    });\n    onBlur(event);\n  };\n\n  // handle input value\n  const handleOnChange = (event) => {\n    setState({\n      ...state,\n      value: event.target.value,\n    });\n    onChange(event.target.value);\n  };\n\n  // get input focus class\n  const getInputFocusClass = () => {\n    if (state.focus === true || state.value !== '') {\n      return 'is-focus';\n    } else {\n      return '';\n    }\n  };\n\n  // init variable\n  let inputElement, htmlFor;\n\n  // Add all classs to an array\n  const addAllClasses = ['reusecore__input'];\n\n  // Add is-material class\n  if (isMaterial) {\n    addAllClasses.push('is-material');\n  }\n\n  // Add icon position class if input element has icon\n  if (icon && iconPosition) {\n    addAllClasses.push(`icon-${iconPosition}`);\n  }\n\n  // Add new class\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  // if lable is not empty\n  if (label) {\n    htmlFor = label.replace(/\\s+/g, '_').toLowerCase();\n  }\n\n  // Label position\n  const LabelPosition = isMaterial === true ? 'bottom' : 'top';\n\n  // Label field\n  const LabelField = label && <label htmlFor={htmlFor}>{label}</label>;\n\n  // Input type check\n  switch (inputType) {\n    case 'textarea':\n      inputElement = (\n        <textarea\n          {...props}\n          id={htmlFor}\n          name={htmlFor}\n          value={`${state.value}`}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          onFocus={handleOnFocus}\n        />\n      );\n      break;\n\n    case 'password':\n      inputElement = (\n        <div className='field-wrapper'>\n          <input\n            {...props}\n            id={htmlFor}\n            name={htmlFor}\n            type={state.toggle ? 'password' : 'text'}\n            value={`${state.value}`}\n            onChange={handleOnChange}\n            onBlur={handleOnBlur}\n            onFocus={handleOnFocus}\n          />\n          {passwordShowHide && (\n            <EyeButton\n              onClick={handleToggle}\n              className={state.toggle ? 'eye' : 'eye-closed'}\n            >\n              <span />\n            </EyeButton>\n          )}\n        </div>\n      );\n      break;\n\n    default:\n      inputElement = (\n        <div className='field-wrapper'>\n          <input\n            {...props}\n            id={htmlFor}\n            name={htmlFor}\n            type={inputType}\n            value={`${state.value}`}\n            onChange={handleOnChange}\n            onBlur={handleOnBlur}\n            onFocus={handleOnFocus}\n          />\n          {icon && <span className='input-icon'>{icon}</span>}\n        </div>\n      );\n  }\n\n  return (\n    <InputField\n      className={`${addAllClasses.join(' ')} ${getInputFocusClass()}`}\n    >\n      {LabelPosition === 'top' && LabelField}\n      {inputElement}\n      {isMaterial && <span className='highlight' />}\n      {LabelPosition === 'bottom' && LabelField}\n    </InputField>\n  );\n};\n\n/** Inout prop type checking. */\nInput.propTypes = {\n  /** className of the Input component. */\n  className: PropTypes.string,\n\n  /** Set input label value. */\n  label: PropTypes.string,\n\n  /** The input value, required for a controlled component. */\n  value: PropTypes.oneOf(['string', 'number']),\n\n  /** Make default input into material style input. */\n  isMaterial: PropTypes.bool,\n\n  /** Password show hide icon button prop [*only for password field]. */\n  passwordShowHide: PropTypes.bool,\n\n  /** Set input type of the input element. Default type is text. */\n  inputType: PropTypes.oneOf([\n    'text',\n    'email',\n    'password',\n    'number',\n    'textarea',\n  ]),\n\n  /** Add icon in input field. This prop will not work with password\n   * and textarea field.\n   */\n  icon: PropTypes.object,\n\n  /** Set input field icon position. Default position is 'left'. */\n  iconPosition: PropTypes.oneOf(['left', 'right']),\n\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value`.\n   */\n  onChange: PropTypes.func,\n};\n\n/** Inout default type. */\nInput.defaultProps = {\n  inputType: 'text',\n  isMaterial: false,\n  iconPosition: 'left',\n  onBlur: () => {},\n  onFocus: () => {},\n  onChange: () => {},\n};\n\nexport default Input;\n","'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport { getThemeProps } from '../useThemeProps';\nimport useTheme from '../useThemeWithoutDefault';\n\n/**\n * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.\n */\n\n/**\n * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.\n */\n\n/**\n * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.\n */\n\nfunction useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const [match, setMatch] = React.useState(() => {\n    if (noSsr && matchMedia) {\n      return matchMedia(query).matches;\n    }\n    if (ssrMatchMedia) {\n      return ssrMatchMedia(query).matches;\n    }\n\n    // Once the component is mounted, we rely on the\n    // event listeners to return the correct matches value.\n    return defaultMatches;\n  });\n  useEnhancedEffect(() => {\n    let active = true;\n    if (!matchMedia) {\n      return undefined;\n    }\n    const queryList = matchMedia(query);\n    const updateMatch = () => {\n      // Workaround Safari wrong implementation of matchMedia\n      // TODO can we remove it?\n      // https://github.com/mui/material-ui/pull/17315#issuecomment-528286677\n      if (active) {\n        setMatch(queryList.matches);\n      }\n    };\n    updateMatch();\n    // TODO: Use `addEventListener` once support for Safari < 14 is dropped\n    queryList.addListener(updateMatch);\n    return () => {\n      active = false;\n      queryList.removeListener(updateMatch);\n    };\n  }, [query, matchMedia]);\n  return match;\n}\n\n// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeReactUseSyncExternalStore = React['useSyncExternalStore' + ''];\nfunction useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const getDefaultSnapshot = React.useCallback(() => defaultMatches, [defaultMatches]);\n  const getServerSnapshot = React.useMemo(() => {\n    if (noSsr && matchMedia) {\n      return () => matchMedia(query).matches;\n    }\n    if (ssrMatchMedia !== null) {\n      const {\n        matches\n      } = ssrMatchMedia(query);\n      return () => matches;\n    }\n    return getDefaultSnapshot;\n  }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]);\n  const [getSnapshot, subscribe] = React.useMemo(() => {\n    if (matchMedia === null) {\n      return [getDefaultSnapshot, () => () => {}];\n    }\n    const mediaQueryList = matchMedia(query);\n    return [() => mediaQueryList.matches, notify => {\n      // TODO: Use `addEventListener` once support for Safari < 14 is dropped\n      mediaQueryList.addListener(notify);\n      return () => {\n        mediaQueryList.removeListener(notify);\n      };\n    }];\n  }, [getDefaultSnapshot, matchMedia, query]);\n  const match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  return match;\n}\nexport default function useMediaQuery(queryInput, options = {}) {\n  const theme = useTheme();\n  // Wait for jsdom to support the match media feature.\n  // All the browsers MUI support have this built-in.\n  // This defensive check is here for simplicity.\n  // Most of the time, the match media logic isn't central to people tests.\n  const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';\n  const {\n    defaultMatches = false,\n    matchMedia = supportMatchMedia ? window.matchMedia : null,\n    ssrMatchMedia = null,\n    noSsr = false\n  } = getThemeProps({\n    name: 'MuiUseMediaQuery',\n    props: options,\n    theme\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof queryInput === 'function' && theme === null) {\n      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n    }\n  }\n  let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;\n  query = query.replace(/^@media( ?)/m, '');\n\n  // TODO: Drop `useMediaQueryOld` and use  `use-sync-external-store` shim in `useMediaQueryNew` once the package is stable\n  const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;\n  const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue({\n      query,\n      match\n    });\n  }\n  return match;\n}","'use client';\nimport React from 'react';\nimport { ButtonLink, Ul, Container, Title } from './style';\nimport { useRouter } from 'next/router';\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionTitle,\n  AccordionBody,\n  IconWrapper,\n  OpenIcon,\n  CloseIcon,\n} from 'common/components/Accordion';\nimport PropTypes from 'prop-types';\nimport { Icon } from 'react-icons-kit';\nimport { plus } from 'react-icons-kit/entypo/plus';\nimport { magnifying_glass } from 'react-icons-kit/ikons/magnifying_glass';\nimport { minus } from 'react-icons-kit/entypo/minus';\nimport Input from 'common/components/Input';\nimport Button from 'common/components/Button';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nconst FilterBlogs = ({\n  listTags,\n  filter = '',\n  button,\n  labelCategory,\n  labelResetFilter,\n  placeholderInput,\n}) => {\n  const theme = useTheme();\n  const isSm = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const router = useRouter();\n  const { articleTag, title } = router.query;\n\n  const changeArticle = (newArticle) => (e) => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    const query = { articleTag: newArticle };\n\n    if (title) {\n      query.title = title;\n    }\n\n    router.push(\n      {\n        pathname: '/blog',\n        query: query,\n      },\n      undefined,\n      { shallow: true },\n    );\n  };\n\n  const resetFilter = () => {\n    router.push(\n      {\n        pathname: '/blog',\n      },\n      undefined,\n      { shallow: true },\n    );\n  };\n\n  const handleChange = (value) => {\n    const query = { title: value };\n\n    if (articleTag) {\n      query.articleTag = articleTag;\n    }\n\n    router.push(\n      {\n        pathname: '/blog',\n        query: query,\n      },\n      undefined,\n      { shallow: true },\n    );\n  };\n\n  return (\n    <>\n      <Input\n        value={filter}\n        type='text'\n        onChange={handleChange}\n        icon={<Icon icon={magnifying_glass} size={18} />}\n        placeholder={placeholderInput}\n      />\n      <Container>\n        <Accordion preExpanded={isSm ? [] : [0]}>\n          <AccordionItem uuid={0}>\n            <AccordionTitle>\n              <Title>{labelCategory}</Title>\n              <IconWrapper>\n                <OpenIcon>\n                  <Icon icon={minus} size={18} />\n                </OpenIcon>\n                <CloseIcon>\n                  <Icon icon={plus} size={18} />\n                </CloseIcon>\n              </IconWrapper>\n            </AccordionTitle>\n            <AccordionBody>\n              <Ul>\n                {listTags.map((tags) => {\n                  return (\n                    <li>\n                      <ButtonLink\n                        active={articleTag === tags.data.title}\n                        onClick={changeArticle(tags.data.title)}\n                      >\n                        {tags.data.title}\n                      </ButtonLink>\n                    </li>\n                  );\n                })}\n              </Ul>\n            </AccordionBody>\n          </AccordionItem>\n          <Button onClick={resetFilter} {...button} title={labelResetFilter} />\n        </Accordion>\n      </Container>\n    </>\n  );\n};\n\nFilterBlogs.propTypes = {\n  button: PropTypes.object,\n};\n\nFilterBlogs.defaultProps = {\n  button: {\n    type: 'button',\n    fontSize: '13px',\n    fontWeight: '700',\n    borderRadius: '4px',\n    colors: 'secondaryWithBg',\n    minHeight: 'auto',\n    height: '40px',\n    display: 'block',\n    marginTop: '20px',\n  },\n};\n\nexport default FilterBlogs;\n","import React, { useState } from 'react';\nimport { Icon } from 'react-icons-kit';\nimport Fade from 'react-reveal/Fade';\nimport { arrowRight } from 'react-icons-kit/feather/arrowRight';\nimport Heading from 'common/components/Heading';\nimport NextImage from 'common/components/NextImage';\nimport Text from 'common/components/Text';\nimport PropTypes from 'prop-types';\nimport Link from 'next/link';\nimport {\n  ContainerBlog,\n  FilterBlogContainer,\n  ListBlogContainer,\n} from 'containers/SaasModern/Blog/blog.style';\nimport { Title, BoxStyled, BoxDescription } from './style';\nimport { format } from 'date-fns';\nimport { Section, Grid, Article } from '../LatestBlog/LatestBlog.style';\nimport { BannerWrapperNav } from 'containers/SaasModern/Banner/banner.style';\nimport { PrismicRichText } from 'common/components/PrismicRichText/PrismicRichText';\nimport Container from 'common/components/UI/Container';\nimport FilterBlogs from '../FilterBlogs';\nimport { useRouter } from 'next/router';\nimport Box from 'common/components/Box';\n\nconst AllBlogs = ({ imageStyle, data, data_main, articleTags }) => {\n  const router = useRouter();\n  const { articleTag, title } = router.query;\n  return (\n    <>\n      <BannerWrapperNav />\n      <BoxStyled>\n        <Title>{data_main.data.title}</Title>\n        <BoxDescription>\n          <PrismicRichText field={data_main.data.description} />\n        </BoxDescription>\n      </BoxStyled>\n      <Section id=\"newsfeed\">\n        <Container width=\"1400px\">\n          <ContainerBlog>\n            <FilterBlogContainer>\n              <FilterBlogs\n                labelCategory={data_main.data.category}\n                labelResetFilter={data_main.data.reset_filter}\n                placeholderInput={data_main.data.placeholder_input}\n                listTags={articleTags}\n                filter={title}\n              />\n            </FilterBlogContainer>\n            <ListBlogContainer>\n              <Grid>\n                {data\n                  .filter((article) => {\n                    const findByText = title\n                      ? article.data.title\n                          .toLowerCase()\n                          .includes(title.toLowerCase())\n                      : true;\n\n                    const filterByTags = articleTag\n                      ? article.data.article_tags.find((tag) => {\n                          return tag.article_tag.slug\n                            ? tag.article_tag.slug\n                                .replace(/-/g, ' ')\n                                .toLowerCase() ===\n                                articleTag.replace(/-/g, ' ').toLowerCase()\n                            : false;\n                        })\n                      : true;\n\n                    return filterByTags && findByText;\n                  })\n                  .map((article) => {\n                    const published_date = new Date(\n                      article.data.published_date,\n                    );\n                    const formatedDate = format(published_date, 'MMM dd, yyyy');\n                    return (\n                      <Link\n                        href={`/blog/${article.uid}`}\n                        style={{ textDecoration: 'none' }}\n                        locale={router.locale}\n                      >\n                        <Fade key={article.id} up delay={article.id * 100}>\n                          <Article>\n                            <NextImage\n                              style={imageStyle}\n                              field={article.data.hero_image}\n                            />\n                            <Text\n                              style={{ color: '#000' }}\n                              content={formatedDate}\n                            />\n                            <Heading\n                              as=\"h4\"\n                              style={{ color: '#000' }}\n                              content={article.data.title}\n                            />\n                            <Box>\n                              {'Learn more'} <Icon icon={arrowRight} />\n                            </Box>\n                          </Article>\n                        </Fade>\n                      </Link>\n                    );\n                  })}\n              </Grid>\n            </ListBlogContainer>\n          </ContainerBlog>\n        </Container>\n      </Section>\n    </>\n  );\n};\nAllBlogs.propTypes = {\n  imageStyle: PropTypes.object,\n};\nAllBlogs.defaultProps = {\n  imageStyle: {\n    width: 300,\n    height: 200,\n    borderRadius: '10px',\n  },\n};\n\nexport default AllBlogs;\n","// Nextsj blog\nimport React, { Fragment, useEffect } from 'react';\nimport { createClient } from '../../prismicio';\nimport { ThemeProvider } from 'styled-components';\nimport Head from 'next/head';\nimport Sticky from 'react-stickynode';\nimport { DrawerProvider } from 'common/contexts/DrawerContext';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport ResetCSS from 'common/assets/css/style';\nimport {\n  GlobalStyle,\n  ContentWrapper,\n} from 'containers/SaasModern/sassModern.style';\nimport Navbar from 'containers/SaasModern/Navbar';\nimport Footer from 'containers/SaasModern/Footer';\nimport { Mixpanel } from 'utils/mixpanel';\nimport AllBlogs from 'containers/SaasModern/Blog/AllBlogs';\nimport { getPrismicLanguage } from 'utils/getPrismicLanguage';\n\nexport default function Blogs({ data, data_main, articleTags,promotion, locale }) {\n  useEffect(() => {\n    Mixpanel.track('Blog view', {\n      'Blog title': 'Blog',\n    });\n  }, []);\n  return (\n    <ThemeProvider theme={saasModernTheme}>\n      <Fragment>\n        <Head>\n          <title>Swiftask - Blog</title>\n          <meta name=\"theme-color\" content=\"#ec5555\" />\n          <link\n            href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,900|Open+Sans:400,400i,600,700\"\n            rel=\"stylesheet\"\n          />\n        </Head>\n\n        <ResetCSS />\n        <GlobalStyle />\n\n        <ContentWrapper>\n          <Sticky top={0} innerZ={9999} activeClass=\"sticky-nav-active\">\n            <DrawerProvider>\n              <Navbar locale={locale} promotion={promotion}/>\n            </DrawerProvider>\n          </Sticky>\n\n          <AllBlogs\n            data={data}\n            data_main={data_main}\n            articleTags={articleTags}\n          />\n\n          <Footer locale={locale} />\n        </ContentWrapper>\n      </Fragment>\n    </ThemeProvider>\n  );\n}\nexport const getStaticProps = async ({ locale }) => {\n  const client = createClient();\n  const prismicLanguage = getPrismicLanguage(locale);\n\n  const data = await client.getAllByType('article', {\n    lang: prismicLanguage,\n    orderings: [{ field: 'my.article.published_date', direction: 'desc' }],\n    lang: prismicLanguage,\n  });\n\n  const article_tags = await client.getAllByType('article_tags', {\n    lang: prismicLanguage,\n    orderings: [{ field: 'my.article_tags.title', direction: 'desc' }],\n    lang: prismicLanguage,\n  });\n\n  const data_main = await client.getSingle('blog_list_main_page', {\n    lang: prismicLanguage,\n  });\n\n  const sold = await client.getSingle('sold', {\n    lang: prismicLanguage,\n  });\n\n\n  return {\n    props: {\n      promotion: sold.data,\n      data,\n      locale,\n      data_main,\n      articleTags: article_tags,\n    },\n  };\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.minus = void 0;\nvar minus = {\n  \"viewBox\": \"0 0 20 20\",\n  \"children\": [{\n    \"name\": \"path\",\n    \"attribs\": {\n      \"d\": \"M16,10c0,0.553-0.048,1-0.601,1H4.601C4.049,11,4,10.553,4,10c0-0.553,0.049-1,0.601-1h10.799C15.952,9,16,9.447,16,10z\"\n    }\n  }]\n};\nexports.minus = minus;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.plus = void 0;\nvar plus = {\n  \"viewBox\": \"0 0 20 20\",\n  \"children\": [{\n    \"name\": \"path\",\n    \"attribs\": {\n      \"d\": \"M16,10c0,0.553-0.048,1-0.601,1H11v4.399C11,15.951,10.553,16,10,16c-0.553,0-1-0.049-1-0.601V11H4.601\\r\\n\\tC4.049,11,4,10.553,4,10c0-0.553,0.049-1,0.601-1H9V4.601C9,4.048,9.447,4,10,4c0.553,0,1,0.048,1,0.601V9h4.399\\r\\n\\tC15.952,9,16,9.447,16,10z\"\n    }\n  }]\n};\nexports.plus = plus;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.magnifying_glass = void 0;\nvar magnifying_glass = {\n  \"viewBox\": \"0 0 64 64\",\n  \"children\": [{\n    \"name\": \"g\",\n    \"attribs\": {\n      \"id\": \"MAGNIFYING_GLASS_1_\",\n      \"enable-background\": \"new    \"\n    },\n    \"children\": [{\n      \"name\": \"g\",\n      \"attribs\": {\n        \"id\": \"MAGNIFYING_GLASS\"\n      },\n      \"children\": [{\n        \"name\": \"g\",\n        \"attribs\": {\n          \"id\": \"MAGNIFYING_GLASS\"\n        },\n        \"children\": [{\n          \"name\": \"g\",\n          \"attribs\": {},\n          \"children\": [{\n            \"name\": \"g\",\n            \"attribs\": {},\n            \"children\": [{\n              \"name\": \"path\",\n              \"attribs\": {\n                \"d\": \"M62.243,53.758L44.658,36.173C46.768,32.602,48,28.449,48,24C48,10.745,37.255,0,24,0S0,10.745,0,24s10.745,24,24,24\\r\\n\\t\\t\\t\\tc4.449,0,8.602-1.232,12.173-3.342l17.584,17.584C54.843,63.329,56.343,64,58,64c3.314,0,6-2.686,6-6\\r\\n\\t\\t\\t\\tC64,56.343,63.328,54.843,62.243,53.758z M24,42c-9.941,0-18-8.059-18-18c0-9.941,8.059-18,18-18c9.941,0,18,8.059,18,18\\r\\n\\t\\t\\t\\tC42,33.941,33.941,42,24,42z\"\n              },\n              \"children\": [{\n                \"name\": \"path\",\n                \"attribs\": {\n                  \"d\": \"M62.243,53.758L44.658,36.173C46.768,32.602,48,28.449,48,24C48,10.745,37.255,0,24,0S0,10.745,0,24s10.745,24,24,24\\r\\n\\t\\t\\t\\tc4.449,0,8.602-1.232,12.173-3.342l17.584,17.584C54.843,63.329,56.343,64,58,64c3.314,0,6-2.686,6-6\\r\\n\\t\\t\\t\\tC64,56.343,63.328,54.843,62.243,53.758z M24,42c-9.941,0-18-8.059-18-18c0-9.941,8.059-18,18-18c9.941,0,18,8.059,18,18\\r\\n\\t\\t\\t\\tC42,33.941,33.941,42,24,42z\"\n                },\n                \"children\": []\n              }]\n            }]\n          }]\n        }]\n      }]\n    }]\n  }]\n};\nexports.magnifying_glass = magnifying_glass;"],"names":["window","__NEXT_P","push","fadeIn","keyframes","AccordionWrapper","styled","Accordion","AccordionItemWrapper","AccordionItem","OpenIcon","div","CloseIcon","AccordionTitleWrapper","AccordionItemHeading","AccordionItemButtonWrapper","AccordionItemButton","AccordionBodyWrapper","AccordionItemPanel","IconWrapper","className","children","allowZeroExpanded","preExpanded","addAllClasses","join","uuid","onClick","AccordionTitle","AccordionBody","propTypes","PropTypes","Title","h1","BoxStyled","BoxDescription","Container","ButtonLink","button","active","colors","yellow","primary","Ul","ul","saasModernTheme","space","InputField","themeGet","EyeButton","Input","label","value","onBlur","onFocus","onChange","inputType","isMaterial","icon","iconPosition","passwordShowHide","props","state","setState","useState","toggle","focus","useEffect","handleToggle","handleOnFocus","event","handleOnBlur","handleOnChange","target","inputElement","htmlFor","replace","toLowerCase","LabelPosition","LabelField","textarea","id","name","input","type","span","getInputFocusClass","defaultProps","useMediaQueryOld","query","defaultMatches","matchMedia","ssrMatchMedia","noSsr","match","setMatch","matches","useEnhancedEffect","queryList","updateMatch","addListener","removeListener","maybeReactUseSyncExternalStore","useMediaQueryNew","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","FilterBlogs","listTags","filter","labelCategory","labelResetFilter","placeholderInput","isSm","queryInput","options","theme","supportMatchMedia","getThemeProps","undefined","useMediaQuery","useTheme","breakpoints","down","router","useRouter","articleTag","title","pathname","shallow","Icon","magnifying_glass","size","placeholder","minus","plus","map","tags","li","data","newArticle","e","stopPropagation","preventDefault","Button","fontSize","fontWeight","borderRadius","minHeight","height","display","marginTop","AllBlogs","imageStyle","data_main","articleTags","BannerWrapperNav","PrismicRichText","field","description","Section","width","ContainerBlog","FilterBlogContainer","category","reset_filter","placeholder_input","ListBlogContainer","Grid","article","findByText","includes","article_tags","find","tag","article_tag","slug","published_date","Date","formatedDate","format","Link","href","uid","style","textDecoration","locale","Fade","up","delay","Article","NextImage","hero_image","Text","color","content","Heading","as","Box","arrowRight","Blogs","promotion","Mixpanel","track","ThemeProvider","Fragment","Head","meta","link","rel","ResetCSS","GlobalStyle","ContentWrapper","Sticky","top","innerZ","activeClass","DrawerProvider","Navbar","Footer","exports"],"sourceRoot":""}