{"version":3,"sources":["webpack:///./Scripts/Containers/SizeGuide.container.js"],"names":["connect","state","sizeGuide","dispatch","close","closeSizeGuide","visible","children","customContent","reactChildRef","createRef","useEffect","current","innerHTML","content","document","querySelector","appendChild","cloneNode","child","id","className","header","translate","open","onClosed","ref"],"mappings":"myCAwCeA,uBAVS,SAAAC,GACpB,cACOA,EAAMC,cAIU,SAAAC,GAAQ,MAAK,CACpCC,MAAO,kBAAMD,EAASE,mBAGXL,EAlCY,SAAC,GAAgD,IAA9CM,EAA8C,EAA9CA,QAASF,EAAqC,EAArCA,MAAOG,EAA8B,EAA9BA,SAAUC,EAAoB,EAApBA,cAC9CC,EAAgBC,sBAiBtB,OAfAC,qBAAU,WACN,GAAIF,GAAiBA,EAAcG,QAG/B,GAFAH,EAAcG,QAAQC,UAAY,GAE9BL,EAAe,CACf,IAAIM,EAAUC,SAASC,cAAc,2CAA6CR,EAAgB,MAClGC,EAAcG,QAAQK,YAAYH,EAAQI,WAAU,QACjD,WACeX,GADf,IACH,2BAA4B,KAAnBY,EAAmB,QACxBV,EAAcG,QAAQK,YAAYE,IAFnC,kCAMZ,CAACV,EAAeD,IAEZ,kBAAC,IAAD,CAAUY,GAAG,YAAYC,UAAU,aAAaC,OAAQC,YAAU,qBAAsBC,KAAMlB,EAASmB,SAAUrB,GACpH,yBAAKsB,IAAKjB","file":"57.e040c0e242e2eb2e1037.js","sourcesContent":["import React, { createRef, useEffect } from \"react\"\r\nimport { connect } from \"react-redux\"\r\nimport { closeSizeGuide } from \"../Actions/SizeGuide.action\"\r\nimport SideMenu from \"../Components/SideMenu\"\r\nimport { translate } from \"../Services/translation\"\r\n\r\nconst SizeGuideContainer = ({ visible, close, children, customContent }) => {\r\n    const reactChildRef = createRef()\r\n\r\n    useEffect(() => {\r\n        if (reactChildRef && reactChildRef.current) {\r\n            reactChildRef.current.innerHTML = \"\";\r\n\r\n            if (customContent) {\r\n                var content = document.querySelector('#all-size-guides [data-size-guide-name=\"' + customContent + '\"]');\r\n                reactChildRef.current.appendChild(content.cloneNode(true));\r\n            } else {\r\n                for (var child of children) {\r\n                    reactChildRef.current.appendChild(child);\r\n                }\r\n            }\r\n        }\r\n    }, [reactChildRef, customContent])\r\n\r\n    return <SideMenu id=\"SizeGuide\" className=\"size-guide\" header={translate(\"size-guide.header\")} open={visible} onClosed={close}>\r\n        <div ref={reactChildRef}>\r\n        </div>\r\n    </SideMenu>\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        ...state.sizeGuide\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n    close: () => dispatch(closeSizeGuide())\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SizeGuideContainer)"],"sourceRoot":""}