{"version":3,"sources":["webpack:///../node_modules/clsx/dist/clsx.mjs","webpack:///./Scripts/Components/Icon.js","webpack:///./Scripts/Actions/PriceHistory.action.js","webpack:///./Scripts/Components/PriceHistory/PriceHistoryModalTrigger.js","webpack:///./Scripts/Components/PriceHistory/PriceHistoryModal.js","webpack:///./Scripts/Containers/PriceHistoryContainer.js"],"names":["r","e","t","f","n","Array","isArray","o","length","arguments","props","name","className","color","size","clsx","style","fill","href","setPriceHistoryModalOpen","id","previouslyLowestPrice","numberOfDays","description","title","type","PRICE_HISTORY_SET_MODAL_OPEN","payload","iconStyle","fontSize","cursor","height","width","fontWeight","verticalAlign","productPriceHistory","dispatch","useDispatch","onClick","modalStyles","content","background","padding","border","overlay","zIndex","modalContentStyles","backgroundColor","margin","borderRadius","maxWidth","transform","top","position","display","flexDirection","gap","closeButtonStyle","right","modalId","useSelector","state","priceHistory","close","useCallback","ariaHideApp","preventScroll","isOpen","onRequestClose","shouldCloseOnOverlayClick"],"mappings":"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","file":"559.82f09b8e.js","sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import clsx from 'clsx';\nimport React from 'react';\n\nvar Icon = function (props) {\n  var name = props.name;\n  var className = props.className;\n  var color = props.color;\n  var size = props.size;\n\n  return (\n    <svg\n      {...props}\n      className={clsx(className, 'icon', size && 'icon--' + size)}\n      style={{ color: color, fill: color, ...props.style }}\n    >\n      <use href={'/ui/images/' + name + '.svg#' + name}></use>\n    </svg>\n  );\n};\n\nexport default Icon;\n","import { PRICE_HISTORY_SET_MODAL_OPEN } from '../constants';\n\nexport const setPriceHistoryModalOpen = (\n  id,\n  previouslyLowestPrice,\n  numberOfDays,\n  description,\n  title\n) => {\n  const action = {\n    type: PRICE_HISTORY_SET_MODAL_OPEN,\n    payload: {\n      id,\n      previouslyLowestPrice,\n      numberOfDays,\n      description,\n      title,\n    },\n  };\n  return action;\n};\n","import Icon from '../Icon';\nimport React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setPriceHistoryModalOpen } from '../../Actions/PriceHistory.action';\n\nconst iconStyle = {\n  fontSize: '2rem',\n  cursor: 'pointer',\n  height: '20px',\n  width: '20px',\n  fontWeight: 'normal',\n  verticalAlign: 'top',\n};\n\nconst PriceHistoryModalTrigger = ({ productPriceHistory }) => {\n  const {\n    title,\n    previouslyLowestPrice,\n    numberOfDays,\n    description,\n    id,\n  } = productPriceHistory;\n\n  const dispatch = useDispatch();\n\n  return (\n    <button\n      onClick={() =>\n        dispatch(\n          setPriceHistoryModalOpen(\n            id,\n            previouslyLowestPrice,\n            numberOfDays,\n            description,\n            title\n          )\n        )\n      }\n    >\n      <Icon name=\"info\" style={iconStyle} />\n    </button>\n  );\n};\n\nexport default PriceHistoryModalTrigger;\n","import React, { useCallback } from 'react';\nimport Modal from 'react-modal';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { setPriceHistoryModalOpen } from '../../Actions/PriceHistory.action';\nimport Icon from '../Icon';\n\nconst modalStyles = {\n  content: {\n    background: 'none',\n    padding: 0,\n    border: 'none',\n  },\n  overlay: {\n    background: 'rgba(0, 0, 0, 0.8)',\n    zIndex: 2003,\n  },\n};\n\nconst modalContentStyles = {\n  backgroundColor: '#fff',\n  margin: 'auto',\n  border: '1px solid grey',\n  borderRadius: '4px',\n  maxWidth: '640px',\n  transform: 'translateY(-50%)',\n  top: '40%',\n  position: 'relative',\n  padding: '24px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '0.5rem',\n};\n\nconst iconStyle = {\n  fontSize: '2rem',\n  cursor: 'pointer',\n  height: '20px',\n  width: '20px',\n  fontWeight: 'normal',\n};\n\nconst closeButtonStyle = {\n  position: 'absolute',\n  top: '24px',\n  right: '24px',\n};\n\nconst PriceHistoryModal = ({ modalId }) => {\n  const {\n    id,\n    previouslyLowestPrice,\n    numberOfDays,\n    description,\n    title,\n  } = useSelector((state) => state.priceHistory);\n\n  const dispatch = useDispatch();\n\n  const close = useCallback(() => {\n    dispatch(\n      setPriceHistoryModalOpen(\n        '',\n        previouslyLowestPrice,\n        numberOfDays,\n        description,\n        title\n      )\n    );\n  }, [dispatch, previouslyLowestPrice, numberOfDays, description, title]);\n\n  return (\n    <div id=\"price-history\">\n      <Modal\n        ariaHideApp={false}\n        preventScroll={true}\n        isOpen={modalId == id}\n        onRequestClose={close}\n        style={modalStyles}\n        shouldCloseOnOverlayClick={true}\n      >\n        <div style={modalContentStyles} className=\"modalBox\">\n          <button style={closeButtonStyle} onClick={close}>\n            <Icon name=\"cross\" cursor=\"pointer\" style={iconStyle} />\n          </button>\n          <h5 className=\"modal-title\">{title}</h5>\n          <h4 className=\"lowest-price\">{previouslyLowestPrice}</h4>\n          <p>{description}</p>\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nexport default PriceHistoryModal;\n","import React from 'react';\nimport PriceHistoryModalTrigger from '../Components/PriceHistory/PriceHistoryModalTrigger';\nimport PriceHistoryModal from '../Components/PriceHistory/PriceHistoryModal';\n\nconst PriceHistoryContainer = ({ priceHistory }) => {\n  return (\n    <>\n      <PriceHistoryModalTrigger productPriceHistory={priceHistory} />\n      <PriceHistoryModal modalId={priceHistory.id} />\n    </>\n  );\n};\n\nexport default PriceHistoryContainer;\n"],"sourceRoot":""}