{"version":3,"file":"static/js/942.76cc620e.chunk.js","mappings":"wLACA,EAA6B,kCAA7B,EAA2E,iCAA3E,EAA4K,wCAA5K,EAAgO,iCAAhO,EAAoR,wCAApR,EAA0U,mC,qECiD1U,EAtC0B,WACxB,IAAMA,GAAWC,EAAAA,EAAAA,MACjBC,GAIIC,EAAAA,EAAAA,KAAY,SAACC,GAAK,OAAKA,EAAMC,aAAa,IAH5CC,EAAgBJ,EAAhBI,iBACAC,EAAmBL,EAAnBK,oBACkBC,EAAWN,EAA7BO,iBAGIC,EAAsBJ,IAAqBK,EAAAA,GAAAA,MAC3CC,EAAwBN,IAAqBK,EAAAA,GAAAA,QAEnD,OACEH,IACEK,EAAAA,EAAAA,KAAA,OAAKC,UAAWC,EAAmBC,UACjCC,EAAAA,EAAAA,MAAA,OAAKH,UAAWC,EAAkBC,SAAA,EAChCH,EAAAA,EAAAA,KAACK,EAAAA,IAAO,CACNJ,UAAWC,EACXI,QAAS,kBAAMnB,GAASoB,EAAAA,EAAAA,MAAoB,KAE9CH,EAAAA,EAAAA,MAAA,OAAKH,UAAWC,EAAyBC,SAAA,EACvCH,EAAAA,EAAAA,KAAA,MAAAG,SAAI,iDACJH,EAAAA,EAAAA,KAAA,OAAAG,SAAMT,IAELG,IACCG,EAAAA,EAAAA,KAACQ,EAAAA,IAAa,CAACP,UAAWC,IAE3BH,IACCC,EAAAA,EAAAA,KAACS,EAAAA,IAAoB,CACnBR,UAAS,GAAAS,OAAKR,EAAwB,KAAAQ,OAAIR,YAQ1D,C","sources":["webpack://flytie-online-store/./src/components/modals/CheckoutModal.module.css?53ed","components/modals/NotificationModal.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"background\":\"CheckoutModal_background__a6K0u\",\"container\":\"CheckoutModal_container__I1rCG\",\"crescendo\":\"CheckoutModal_crescendo__Ue-pa\",\"messageContainer\":\"CheckoutModal_messageContainer__JBtvi\",\"closeIcon\":\"CheckoutModal_closeIcon__EFKEj\",\"notificationIcon\":\"CheckoutModal_notificationIcon__kBJ2F\",\"successIcon\":\"CheckoutModal_successIcon__SBc-t\",\"transitionIn\":\"CheckoutModal_transitionIn__Kw4X3\"};","import React from \"react\";\nimport classes from \"./CheckoutModal.module.css\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { FaTimes } from \"react-icons/fa\";\nimport { TbFaceIdError } from \"react-icons/tb\";\nimport { AiOutlineCheckCircle } from \"react-icons/ai\";\nimport { closeNotification } from \"../../features/notifications/notificationSlice\";\nimport {\n  NOTIFICATIONTYPES,\n  NOTIFICATIONMESSAGES,\n} from \"../../constants/GeneralConstants\";\n\nconst NotificationModal = () => {\n  const dispatch = useDispatch();\n  const {\n    notificationType,\n    notificationMessage,\n    notificationOpen: isModalOpen,\n  } = useSelector((state) => state.notifications);\n\n  const isErrorNotification = notificationType === NOTIFICATIONTYPES.error;\n  const isSuccessNotification = notificationType === NOTIFICATIONTYPES.success;\n\n  return (\n    isModalOpen && (\n      <div className={classes.background}>\n        <div className={classes.container}>\n          <FaTimes\n            className={classes.closeIcon}\n            onClick={() => dispatch(closeNotification())}\n          />\n          <div className={classes.messageContainer}>\n            <h3>Paldies par jūsu pasūtījumu!</h3>\n            <div>{notificationMessage}</div>\n            {/* <div>Ir notikusi kļūda, atvainojamies par neērtībām!</div> */}\n            {isErrorNotification && (\n              <TbFaceIdError className={classes.notificationIcon} />\n            )}\n            {isSuccessNotification && (\n              <AiOutlineCheckCircle\n                className={`${classes.notificationIcon} ${classes.successIcon}`}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    )\n  );\n};\n\nexport default NotificationModal;"],"names":["dispatch","useDispatch","_useSelector","useSelector","state","notifications","notificationType","notificationMessage","isModalOpen","notificationOpen","isErrorNotification","NOTIFICATIONTYPES","isSuccessNotification","_jsx","className","classes","children","_jsxs","FaTimes","onClick","closeNotification","TbFaceIdError","AiOutlineCheckCircle","concat"],"sourceRoot":""}