{"version":3,"sources":["webpack:///./Scripts/Components/ProductPackagingInfo.js"],"names":["ProductPackagingInfo","props","_this","_classCallCheck","this","_possibleConstructorReturn","_getPrototypeOf","call","state","isHovering","Component","setState","unitCodes","JSON","parse","react__WEBPACK_IMPORTED_MODULE_0___default","a","createElement","className","translate","id","width","length","map","code","index","key","UnitName","parseInt","UnitQuantity","onMouseOver","handleMouseOver","bind","onMouseOut","handleMouseOut","onTouchStart","handleTouch","href"],"mappings":"w6BAGMA,cACJ,SAAAA,EAAYC,GAAO,IAAAC,EAAA,mGAAAC,CAAAC,KAAAJ,IACjBE,EAAAG,EAAAD,KAAAE,EAAAN,GAAAO,KAAAH,KAAMH,KACDO,OACHC,YAAY,GAHGP,8OADcQ,0GAS/BN,KAAKO,UACHF,YAAY,0CAKdL,KAAKO,UACHF,YAAaL,KAAKI,MAAMC,sDAK1BL,KAAKO,UACHF,YAAY,qCAIP,IACCA,EAAeL,KAAKI,MAApBC,WACFG,EAAYC,KAAKC,MAAMV,KAAKH,MAAMW,WACxC,OACEG,EAAAC,EAAAC,cAAA,OAAKC,UAAU,6BACZT,GACCM,EAAAC,EAAAC,cAAA,OAAKC,UAAU,oEACbH,EAAAC,EAAAC,cAAA,UAAKE,YAAU,sBACfJ,EAAAC,EAAAC,cAAA,SAAOG,GAAG,oBAAoBC,MAAM,SAEhCN,EAAAC,EAAAC,cAAA,aACAF,EAAAC,EAAAC,cAAA,UACEF,EAAAC,EAAAC,cAAA,UACEF,EAAAC,EAAAC,cAAA,QAAMC,UAAU,iBACbC,YAAU,4BAGfJ,EAAAC,EAAAC,cAAA,UACEF,EAAAC,EAAAC,cAAA,QAAMC,UAAU,iBACbC,YAAU,kCAKjBJ,EAAAC,EAAAC,cAAA,aAECL,GACCA,EAAUU,OAAS,GACnBV,EAAUW,IAAI,SAACC,EAAMC,GAAP,OACZV,EAAAC,EAAAC,cAAA,MAAIS,IAAK,WAAaD,GACpBV,EAAAC,EAAAC,cAAA,UAAKO,EAAKG,UACVZ,EAAAC,EAAAC,cAAA,UACGW,SAASJ,EAAKK,eAAiB,EADlC,KAEGjB,EAAU,GAAGe,gBAQ9BZ,EAAAC,EAAAC,cAAA,OACEa,YAAa1B,KAAK2B,gBAAgBC,KAAK5B,MACvC6B,WAAY7B,KAAK8B,eAAeF,KAAK5B,MACrC+B,aAAc/B,KAAKgC,YAAYJ,KAAK5B,OAEpCW,EAAAC,EAAAC,cAAA,QAAMC,UAAU,aACZH,EAAAC,EAAAC,cAAA,WACMF,EAAAC,EAAAC,cAAA,OAAKoB,KAAK,gDASfrC","file":"16.035c9a169b76ee605208.js","sourcesContent":["import React, { Component } from \"react\";\r\nimport { translate } from \"../Services/translation\";\r\n\r\nclass ProductPackagingInfo extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      isHovering: false,\r\n    };\r\n  }\r\n\r\n  handleMouseOver() {\r\n    this.setState({\r\n      isHovering: true,\r\n    });\r\n  }\r\n\r\n  handleTouch() {\r\n    this.setState({\r\n      isHovering: !this.state.isHovering,\r\n    });\r\n  }\r\n\r\n  handleMouseOut() {\r\n    this.setState({\r\n      isHovering: false,\r\n    });\r\n  }\r\n\r\n  render() {\r\n    const { isHovering } = this.state;\r\n    const unitCodes = JSON.parse(this.props.unitCodes);\r\n    return (\r\n      <div className=\"product-detail__unit-code\">\r\n        {isHovering && (\r\n          <div className=\"product-detail__unit-code--tooltip product-detail__specification\">\r\n            <h4>{translate(\"product.salesUnit\")}</h4>\r\n            <table id=\"unitQuantityTable\" width=\"120px\">\r\n              \r\n                <thead>\r\n                <tr>\r\n                  <th>\r\n                    <span className=\"propertylabel\">\r\n                      {translate(\"product.salesUnit.unit\")}\r\n                    </span>\r\n                  </th>\r\n                  <th>\r\n                    <span className=\"propertylabel\">\r\n                      {translate(\"product.salesUnit.quantity\")}\r\n                    </span>\r\n                  </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                \r\n                {unitCodes &&\r\n                  unitCodes.length > 0 &&\r\n                  unitCodes.map((code, index) => (\r\n                    <tr key={\"unitCode\" + index}>\r\n                      <td>{code.UnitName}</td>\r\n                      <td>\r\n                        {parseInt(code.UnitQuantity) || 0} &nbsp;\r\n                        {unitCodes[0].UnitName}\r\n                      </td>\r\n                    </tr>\r\n                  ))}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        )}\r\n        <div\r\n          onMouseOver={this.handleMouseOver.bind(this)}\r\n          onMouseOut={this.handleMouseOut.bind(this)}\r\n          onTouchStart={this.handleTouch.bind(this)}\r\n        >\r\n          <span className=\"info-icon\">\r\n              <svg>\r\n                    <use href=\"/ui/images/icons/info.svg#info\" />\r\n                </svg>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ProductPackagingInfo;\r\n"],"sourceRoot":""}