{"version":3,"sources":["webpack:///./Scripts/Components/MiniCart.js"],"names":["dispatch","useDispatch","quantity","orderTotal","checkoutUrl","showInfo","orderRows","useSelector","state","cart","onToggle","toggle","className","href","translate","length","getOrderCount","rel","onClick","e","preventDefault","map","product","index","key","src","image","name"],"mappings":"iKAKA,MAoGA,EApGiB,KACf,MAAMA,GAAWC,WACX,SACJC,EADI,WAEJC,EAFI,YAGJC,EAHI,SAIJC,EAJI,UAKJC,IACEC,SAAaC,GAAUA,EAAMC,OAE3BC,EAAW,KACfV,GAASW,YAMX,OACE,uBAAKC,UAAU,mBACb,qBACEA,UAAU,oBAAoBC,KAAMT,GAEpC,6BAAOU,OAAU,sBACjB,2BACE,uBAAKD,KAAK,0CAEZ,wBAAMD,UAAU,kBAAkBV,IAEpC,uBAAKU,UAAY,eAAcP,EAAkC,GAAvB,uBAfvBC,IACdA,EAAUS,OAeZC,CAAcV,IAAc,EAC3B,2BACE,wBACEM,UAAU,qBACRK,IAAI,WACJJ,KAAK,IACPK,QAAUC,IACRA,EAAEC,iBACFV,MAGF,2BACE,uBAAKG,KAAK,4CAGd,qBAAGD,UAAU,kBACVV,EADH,KACcY,OAAU,6BAExB,qBAAGF,UAAU,kBACX,0BAAIE,OAAU,mBADhB,IACwCX,GAExC,qBAAGU,KAAMT,EAAaQ,UAAU,sBAC7BE,OAAU,uBAIf,2BACE,sBAAIF,UAAU,mBACXE,OAAU,qCAEb,wBACEF,UAAU,qBACVM,QAAUC,IACRA,EAAEC,iBACFV,MAGF,2BACE,uBAAKG,KAAK,4CAGd,sBAAID,UAAU,eACXN,EAAUe,KAAI,CAACC,EAASC,IAErB,sBACEC,IAAK,eAAiBD,EACtBX,UAAU,4BAEV,uBAAKA,UAAU,sBACb,uBAAKa,IAAKH,EAAQI,SAGpB,uBAAKd,UAAU,wBACb,yBAAIU,EAAQK,MACZ,wBAAMf,UAAU,yBAAwB,0BAAIE,OAAU,4BAAd,KAAxC,IAAyFQ,EAAQpB,eAO3G,qBAAGU,UAAU,oBAAoBC,KAAMT,IACpCU,OAAU","file":"426.f083f409170f1dbdcf60.js","sourcesContent":["import React from 'react';\r\nimport { translate } from '../Services/translation';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { toggle } from '../Actions/Cart.action';\r\n\r\nconst MiniCart = () => {\r\n  const dispatch = useDispatch();\r\n  const {\r\n    quantity,\r\n    orderTotal,\r\n    checkoutUrl,\r\n    showInfo,\r\n    orderRows,\r\n  } = useSelector((state) => state.cart);\r\n\r\n  const onToggle = () => {\r\n    dispatch(toggle());\r\n  };\r\n  const getOrderCount = (orderRows) => {\r\n    return orderRows.length;\r\n  };\r\n\r\n  return (\r\n    <div className=\"cart cart--mini\">\r\n      <a\r\n        className=\"cart__link--block\" href={checkoutUrl}\r\n      >\r\n        <span>{translate('minicart.checkout')}</span>\r\n        <svg>\r\n          <use href=\"/ui/images/sprites/a-mobler.svg#cart\"></use>\r\n        </svg>\r\n        <span className=\"cart__quantity\">{quantity}</span>\r\n      </a>\r\n      <div className={`cart__info ${!showInfo ? 'cart__info--hidden' : ''}`}>\r\n        {getOrderCount(orderRows) <= 0 ? (\r\n          <div>\r\n            <span\r\n              className=\"cart__close-button\"\r\n                rel=\"nofollow\"\r\n                href=\"#\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                onToggle();\r\n              }}\r\n            >\r\n              <svg>\r\n                <use href=\"/ui/images/sprites/a-mobler.svg#close\"></use>\r\n              </svg>\r\n            </span>\r\n            <p className=\"cart__info-row\">\r\n              {quantity} {translate('minicart.numberofproduct')}\r\n            </p>\r\n            <p className=\"cart__info-row\">\r\n              <b>{translate('minicart.total')}</b> {orderTotal}\r\n            </p>\r\n            <a href={checkoutUrl} className=\"button__secondary\">\r\n              {translate('minicart.checkout')}\r\n            </a>\r\n          </div>\r\n        ) : (\r\n          <div>\r\n            <h5 className=\"cart__info-row\">\r\n              {translate('minicart.product.message.success')}\r\n            </h5>\r\n            <span\r\n              className=\"cart__close-button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                onToggle();\r\n              }}\r\n            >\r\n              <svg>\r\n                <use href=\"/ui/images/sprites/a-mobler.svg#close\"></use>\r\n              </svg>\r\n            </span>\r\n            <ul className='cart__lists'>\r\n              {orderRows.map((product, index) => {\r\n                return (\r\n                  <li\r\n                    key={'li-mini-cart' + index}\r\n                    className=\"cart__added-product-name\"\r\n                  >\r\n                    <div className='cart__added--image'>\r\n                      <img src={product.image}></img>\r\n                    </div>\r\n                    \r\n                    <div className='cart__added--details'>\r\n                      <p>{product.name}</p>\r\n                      <span className='cart__added--quantity'><b>{translate('minicart.numberofproduct')}:</b> {product.quantity}</span>\r\n                    </div>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n\r\n            <a className=\"button__secondary\" href={checkoutUrl}>\r\n              {translate('minicart.checkout')}\r\n            </a>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MiniCart;\r\n"],"sourceRoot":""}