{"version":3,"file":"static/chunks/9946.728d05fb8ecce6f2.js","mappings":"8NAQe,SAASA,IACtB,IAAM,GAAeC,EAAAA,EAAAA,KAAbC,SACsBC,GAAAA,EAAAA,EAAAA,UAAyB,aAVzD,EAUgCA,EAAqC,GAVrE,EAUgCA,EAAqC,GAC7DC,GACJ,UAACC,MAAG,CAACC,UAAWC,IAAAA,U,WACd,SAACC,EAAAA,GAAM,CAACC,KAAK,a,SAAa,iKACD,SAAxBC,EAAAA,GAAQ,CACPJ,UAAWC,IAAAA,aACXI,GAAG,IACHC,QAAQ,UACRH,KAAK,QACLI,KAAK,4BACLC,OAAO,SACPC,QAAS,W,OAAMC,EAAAA,GAAAA,QAAcC,I,SAC9B,2EAsCL,OAhCAC,EAAAA,EAAAA,YAAU,WACJD,IACFE,EAAAA,EAAAA,IAAOf,EAAW,CAChBgB,KAAM,OACNC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdN,QAAAA,EACAO,MAAO,CACLC,QAAS,sBACTC,MAAO,IACPC,WAAY,OACZC,YAAa1B,EAAW,GAAK,EAC7B2B,IAAK,MACLC,UAAW,aACXC,WAAY,qBAEdC,MAAO,IACPC,QAAS,W,OAAMC,OAAWC,IAC1BC,YAAa,Y,IAAGC,EAAU,EAAVA,W,OACd,SAACC,EAAAA,GAAM,CACLC,KAAK,QACLb,MAAO,GACPc,OAAQ,GACRlC,UAAWC,IAAAA,kBACXQ,QAASsB,SAKhB,CAACpB,IAEG,O,gFCjDF,SAAShB,IAOd,MAA0B,CACxBC,UAPeuC,EAAAA,EAAAA,eAAc,CAAEC,SAAU,MAQzCC,kBAPuBF,EAAAA,EAAAA,eAAc,CAAEC,SAAU,MAQjDE,UAPeH,EAAAA,EAAAA,eAAc,CAAEI,SAAU,IAAKH,SAAU,MAQxDI,mBAPwBL,EAAAA,EAAAA,eAAc,CAAEI,SAAU,MAQlDE,WAPgBN,EAAAA,EAAAA,eAAc,CAAEI,SAAU,S,kBCf9CG,EAAOC,QAAU,CAAC,aAAe","sources":["webpack://_N_E/./src/components/widget/Interview/index.tsx","webpack://_N_E/./src/hooks/utils/useMediaQueries.ts","webpack://_N_E/./src/components/widget/Interview/Interview.module.scss"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Id, toast } from 'react-toastify';\nimport { notify, UiButton, UiIcon, UiText } from 'znanie-uikit';\n\nimport { useMediaQueries } from 'hooks/utils/useMediaQueries';\n\nimport css from './Interview.module.scss';\n\nexport default function InterviewWidget() {\n  const { isMobile } = useMediaQueries();\n  const [toastId, setToastId] = useState<Id | undefined>('interview');\n  const component = (\n    <div className={css.interview}>\n      <UiText size=\"small_plus\">Помогите нам стать к Вам ближе</UiText>\n      <UiButton\n        className={css.interviewBtn}\n        as=\"a\"\n        variant=\"primary\"\n        size=\"small\"\n        href=\"https://sst.gl/znanie_web\"\n        target=\"_blank\"\n        onClick={() => toast.dismiss(toastId)}\n      >\n        Пройти опрос\n      </UiButton>\n    </div>\n  );\n\n  useEffect(() => {\n    if (toastId) {\n      notify(component, {\n        type: 'info',\n        icon: false,\n        autoClose: false,\n        closeOnClick: false,\n        toastId,\n        style: {\n          padding: '18px 12px 22px 20px',\n          width: 320,\n          marginLeft: 'auto',\n          marginRight: isMobile ? 15 : 0,\n          top: '1em',\n          boxSizing: 'border-box',\n          borderLeft: '7px solid #426fff',\n        },\n        delay: 5000,\n        onClose: () => setToastId(undefined),\n        closeButton: ({ closeToast }) => (\n          <UiIcon\n            name=\"close\"\n            width={13}\n            height={13}\n            className={css.interviewCloseBtn}\n            onClick={closeToast}\n          />\n        ),\n      });\n    }\n  }, [toastId]);\n\n  return null;\n}\n","import { useMediaQuery } from 'react-responsive';\n\nexport interface IMediaBreakpoints {\n  [key: string]: boolean;\n  isMobile: boolean;\n  isMobileOrTablet: boolean;\n  isTablet: boolean;\n  isTabletOrDesktop: boolean;\n  isDesktop: boolean;\n}\n\nexport function useMediaQueries(): IMediaBreakpoints {\n  const isMobile = useMediaQuery({ maxWidth: 480 });\n  const isMobileOrTablet = useMediaQuery({ maxWidth: 989 });\n  const isTablet = useMediaQuery({ minWidth: 481, maxWidth: 989 });\n  const isTabletOrDesktop = useMediaQuery({ minWidth: 769 });\n  const isDesktop = useMediaQuery({ minWidth: 990 });\n\n  return <IMediaBreakpoints>{\n    isMobile,\n    isMobileOrTablet,\n    isTablet,\n    isTabletOrDesktop,\n    isDesktop,\n  };\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"interviewBtn\":\"Interview_interviewBtn__ql61v\"};"],"names":["InterviewWidget","useMediaQueries","isMobile","useState","component","div","className","css","UiText","size","UiButton","as","variant","href","target","onClick","toast","toastId","useEffect","notify","type","icon","autoClose","closeOnClick","style","padding","width","marginLeft","marginRight","top","boxSizing","borderLeft","delay","onClose","setToastId","undefined","closeButton","closeToast","UiIcon","name","height","useMediaQuery","maxWidth","isMobileOrTablet","isTablet","minWidth","isTabletOrDesktop","isDesktop","module","exports"],"sourceRoot":""}