{"version":3,"sources":["webpack:///./images/stock-package.svg","webpack:///./images/stock-stop.svg","webpack:///./images/stock-store.svg","webpack:///./images/stock-truck.svg","webpack:///./images/stock-web.svg","webpack:///./Scripts/Components/ProductStockStatus.js"],"names":["module","exports","getStockBackground","status","StockStatus","Green","RedLow","RedMedium","Yellow","RedHigh","RedHighest","RedMax","getStockIcon","stockTruckIcon","stockPackageIcon","stockStopIcon","ProductStockStatus","statusText","storeStatus","formattedStatus","useMemo","regex","match","replace","removeColonAndNumber","className","src","stockWebIcon","stockStoreIcon","translate","style","background","toLowerCase"],"mappings":"6EAAAA,EAAOC,QAAU,uiB,mBCAjBD,EAAOC,QAAU,2iB,mBCAjBD,EAAOC,QAAU,8nB,mBCAjBD,EAAOC,QAAU,omB,mBCAjBD,EAAOC,QAAU,64B,kCCAjB,yIASMC,EAAqB,SAACC,GAC1B,OAAQA,GACN,KAAKC,IAAYC,MACf,MAAO,UACT,KAAKD,IAAYE,OACjB,KAAKF,IAAYG,UACf,MAAO,UACT,KAAKH,IAAYI,OACjB,KAAKJ,IAAYK,QACjB,KAAKL,IAAYM,WACjB,KAAKN,IAAYO,OACf,MAAO,YAMPC,EAAe,SAACT,GACpB,OAAQA,GACN,KAAKC,IAAYC,MACjB,KAAKD,IAAYI,OACjB,KAAKJ,IAAYK,QACf,OAAOI,IACT,KAAKT,IAAYE,OACjB,KAAKF,IAAYG,UACf,OAAOO,IACT,KAAKV,IAAYM,WACjB,KAAKN,IAAYO,OACf,OAAOI,MAgEEC,UA3CY,SAAC,GAAwC,IAAtCb,EAAsC,EAAtCA,OAAQc,EAA8B,EAA9BA,WAAYC,EAAkB,EAAlBA,YAE1CC,EAAkBC,mBAAQ,kBAjBL,SAACjB,GAC5B,IAAMkB,EAAQ,aAWd,OATclB,EAAOmB,MAAMD,GAIVlB,EAAOoB,QAAQF,EAAO,IAEtBlB,EAQqBqB,CAAqBrB,KAAS,CAACA,IAErE,OACE,oCACE,yBACEsB,UAAS,uCACS,UAAhBP,EACI,yCACA,KAGN,yBACEQ,IAAqB,UAAhBR,EAA0BS,IAAeC,IAC9CH,UAAU,+BAEZ,0BAAMA,UAAU,8BACbI,YACiB,UAAhBX,EACI,2BACA,0BAIV,yBACEO,UAAU,+BACVK,MAAO,CAAEC,WAAY,GAAF,OAAK7B,EAAmBiB,MAE3C,yBAAKO,IAAKd,EAAaO,GAAkBM,UAAU,+BACnD,yBAAKA,UAAU,wCACb,gCACGI,YAAU,2BAA6BV,EAAgBa,gBAEzDf,GAAcd,GAAUC,IAAYI,QAAU,2BAC5CS","file":"10.a15513d44e44ad3cc460.js","sourcesContent":["module.exports = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232b302c' viewBox='0 0 256 256'%3E%3Cpath d='M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z'%3E%3C/path%3E%3C/svg%3E\"","module.exports = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232b302c' viewBox='0 0 256 256'%3E%3Cpath d='M188,88a27.75,27.75,0,0,0-12,2.71V60a28,28,0,0,0-41.36-24.6A28,28,0,0,0,80,44v6.71A27.75,27.75,0,0,0,68,48,28,28,0,0,0,40,76v76a88,88,0,0,0,176,0V116A28,28,0,0,0,188,88Zm12,64a72,72,0,0,1-144,0V76a12,12,0,0,1,24,0v44a8,8,0,0,0,16,0V44a12,12,0,0,1,24,0v68a8,8,0,0,0,16,0V60a12,12,0,0,1,24,0v68.67A48.08,48.08,0,0,0,120,176a8,8,0,0,0,16,0,32,32,0,0,1,32-32,8,8,0,0,0,8-8V116a12,12,0,0,1,24,0Z'%3E%3C/path%3E%3C/svg%3E\"","module.exports = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232b302c' viewBox='0 0 256 256'%3E%3Cpath d='M232,96a7.89,7.89,0,0,0-.3-2.2L217.35,43.6A16.07,16.07,0,0,0,202,32H54A16.07,16.07,0,0,0,38.65,43.6L24.31,93.8A7.89,7.89,0,0,0,24,96v16a40,40,0,0,0,16,32v64a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V144a40,40,0,0,0,16-32ZM54,48H202l11.42,40H42.61Zm50,56h48v8a24,24,0,0,1-48,0Zm-16,0v8a24,24,0,0,1-48,0v-8ZM200,208H56V151.2a40.57,40.57,0,0,0,8,.8,40,40,0,0,0,32-16,40,40,0,0,0,64,0,40,40,0,0,0,32,16,40.57,40.57,0,0,0,8-.8Zm-8-72a24,24,0,0,1-24-24v-8h48v8A24,24,0,0,1,192,136Z'%3E%3C/path%3E%3C/svg%3E\"","module.exports = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232b302c' viewBox='0 0 256 256'%3E%3Cpath d='M247.42,117l-14-35A15.93,15.93,0,0,0,218.58,72H184V64a8,8,0,0,0-8-8H24A16,16,0,0,0,8,72V184a16,16,0,0,0,16,16H41a32,32,0,0,0,62,0h50a32,32,0,0,0,62,0h17a16,16,0,0,0,16-16V120A7.94,7.94,0,0,0,247.42,117ZM184,88h34.58l9.6,24H184ZM24,72H168v64H24ZM72,208a16,16,0,1,1,16-16A16,16,0,0,1,72,208Zm81-24H103a32,32,0,0,0-62,0H24V152H168v12.31A32.11,32.11,0,0,0,153,184Zm31,24a16,16,0,1,1,16-16A16,16,0,0,1,184,208Zm48-24H215a32.06,32.06,0,0,0-31-24V128h48Z'%3E%3C/path%3E%3C/svg%3E\"","module.exports = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232b302c' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM101.63,168h52.74C149,186.34,140,202.87,128,215.89,116,202.87,107,186.34,101.63,168ZM98,152a145.72,145.72,0,0,1,0-48h60a145.72,145.72,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.79a161.79,161.79,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154.37,88H101.63C107,69.66,116,53.13,128,40.11,140,53.13,149,69.66,154.37,88Zm19.84,16h38.46a88.15,88.15,0,0,1,0,48H174.21a161.79,161.79,0,0,0,0-48Zm32.16-16H170.94a142.39,142.39,0,0,0-20.26-45A88.37,88.37,0,0,1,206.37,88ZM105.32,43A142.39,142.39,0,0,0,85.06,88H49.63A88.37,88.37,0,0,1,105.32,43ZM49.63,168H85.06a142.39,142.39,0,0,0,20.26,45A88.37,88.37,0,0,1,49.63,168Zm101.05,45a142.39,142.39,0,0,0,20.26-45h35.43A88.37,88.37,0,0,1,150.68,213Z'%3E%3C/path%3E%3C/svg%3E\"","import React, { useMemo } from \"react\";\r\nimport { translate } from \"../Services/translation\";\r\nimport { StockStatus } from \"../constants\";\r\nimport stockPackageIcon from \"../../images/stock-package.svg\";\r\nimport stockStopIcon from \"../../images/stock-stop.svg\";\r\nimport stockStoreIcon from \"../../images/stock-store.svg\";\r\nimport stockTruckIcon from \"../../images/stock-truck.svg\";\r\nimport stockWebIcon from \"../../images/stock-web.svg\";\r\n\r\nconst getStockBackground = (status) => {\r\n  switch (status) {\r\n    case StockStatus.Green:\r\n      return \"#C4D9BF\";\r\n    case StockStatus.RedLow: \r\n    case StockStatus.RedMedium: \r\n      return \"#EEEACB\";\r\n    case StockStatus.Yellow: \r\n    case StockStatus.RedHigh:\r\n    case StockStatus.RedHighest:\r\n    case StockStatus.RedMax:\r\n      return \"#DED698\";\r\n    default:\r\n      break;\r\n  }\r\n};\r\n\r\nconst getStockIcon = (status) => {\r\n  switch (status) {\r\n    case StockStatus.Green: \r\n    case StockStatus.Yellow:\r\n    case StockStatus.RedHigh:\r\n      return stockTruckIcon;\r\n    case StockStatus.RedLow: \r\n    case StockStatus.RedMedium:\r\n      return stockPackageIcon;\r\n    case StockStatus.RedHighest:\r\n    case StockStatus.RedMax:\r\n      return stockStopIcon;\r\n    default:\r\n      break;\r\n  }\r\n};\r\n\r\nconst removeColonAndNumber = (status) => {\r\n  const regex = /:([0-9]+)$/;\r\n\r\n  const match = status.match(regex);\r\n\r\n  let resultString;\r\n  if (match) {\r\n    resultString = status.replace(regex, '');\r\n  } else {\r\n    resultString = status;\r\n  }\r\n\r\n  return resultString;\r\n}\r\n\r\nconst ProductStockStatus = ({ status, statusText, storeStatus }) => {\r\n\r\n  const formattedStatus = useMemo(() => removeColonAndNumber(status), [status]);\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={`product-stock-status__banner ${\r\n          storeStatus === \"False\"\r\n            ? \"product-stock-status__banner--disabled\"\r\n            : \"\"\r\n        }`}\r\n      >\r\n        <img\r\n          src={storeStatus === \"False\" ? stockWebIcon : stockStoreIcon}\r\n          className=\"product-stock-status__icon\"\r\n        />\r\n        <span className=\"product-stock-status__text\">\r\n          {translate(\r\n            storeStatus === \"False\"\r\n              ? \"stockstatus.not-in-store\"\r\n              : \"stockstatus.in-store\"\r\n          )}\r\n        </span>\r\n      </div>\r\n      <div\r\n        className=\"product-stock-status__banner\"\r\n        style={{ background: `${getStockBackground(formattedStatus)}` }}\r\n      >\r\n        <img src={getStockIcon(formattedStatus)} className=\"product-stock-status__icon\"/>\r\n        <div className=\"product-stock-status__banner-content\">\r\n          <strong>\r\n            {translate(\"stockstatus.stock-title-\" + formattedStatus.toLowerCase())}\r\n          </strong>\r\n          {statusText && status != StockStatus.Yellow && <i>\r\n            {statusText}\r\n          </i>}\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProductStockStatus;\r\n"],"sourceRoot":""}