{"version":3,"file":"437.94b8e8a9bd944202.js","mappings":"mJAIA,MA8BA,EA9BgCA,KAC5B,MAAM,OAAEC,IAAWC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,4BAC1CC,GAAWC,EAAAA,EAAAA,QAAO,CAAC,GAKzB,OACIC,EAAAA,cAACC,EAAAA,SAAQ,KACJP,GAAUA,EAAOQ,KAAKC,GAEfH,EAAAA,cAACC,EAAAA,SAAQ,CAACG,IAAKD,EAAME,aACjBL,EAAAA,cAAA,UAAQM,UAAU,iDAAiDC,QAASA,KAAMC,OATxEC,EAS6FN,EAAME,iBAR7HP,EAASY,QAAQD,GAASE,cADAF,KASgH,GACtHT,EAAAA,cAAA,YAAOG,EAAMS,MAAQT,EAAMM,SAC3BT,EAAAA,cAAA,OAAKa,IAAI,0BAEbb,EAAAA,cAACc,EAAAA,EAAY,CAACC,SAAS,4BAA4BC,IAAMA,GAASlB,EAASY,QAAQP,EAAME,aAAeW,EAAMC,MAAOd,EAAMS,MACtHT,EAAMe,eAAiBf,EAAMe,cAAchB,KAAKiB,GAC7CnB,EAAAA,cAAA,OAAKI,IAAKe,EAAKC,IACXpB,EAAAA,cAAA,WAAKA,EAAAA,cAAA,cAASmB,EAAKP,MAAQO,EAAKC,IAAa,MAAWpB,EAAAA,cAAA,QAAMqB,wBAAyB,CAAEC,OAAQH,EAAKI,gBAOvH,C","sources":["webpack:///./Scripts/Components/VariantInformationAside.js"],"sourcesContent":["import React, { useRef, Fragment } from 'react';\nimport { useSelector } from 'react-redux';\nimport AsideContent from './AsideContent';\n\nconst VariantInformationAside = () => {\n    const { groups } = useSelector((state) => state.variantInformationContent);\n    const asideRef = useRef({});\n    const showInformationAside = (groupId) => {\n        asideRef.current[groupId].toggleAside();\n    };\n\n    return (\n        <Fragment>\n            {groups && groups.map((group) => {\n                return (\n                    <Fragment key={group.htmlGroupId}>\n                        <button className=\"product-detail__show-aside variant-information\" onClick={() => showInformationAside(group.htmlGroupId)}>\n                            <span>{group.name ?? group.groupId}</span>\n                            <img src=\"/ui/images/arrow.svg\" />\n                        </button>\n                        <AsideContent cssClass=\"variant-information-aside\" ref={(ref) => (asideRef.current[group.htmlGroupId] = ref)} title={group.name}>\n                            {group.productFields && group.productFields.map((item) => (\n                                <div key={item.id}>\n                                    <div><strong>{item.name ?? item.id}</strong>{': '}</div><span dangerouslySetInnerHTML={{ __html: item.value }}></span>\n                                </div>\n                            ))}\n                        </AsideContent>\n                    </Fragment>\n                )\n            })}\n        </Fragment>\n    );\n};\n\nexport default VariantInformationAside;"],"names":["VariantInformationAside","groups","useSelector","state","variantInformationContent","asideRef","useRef","React","Fragment","map","group","key","htmlGroupId","className","onClick","showInformationAside","groupId","current","toggleAside","name","src","AsideContent","cssClass","ref","title","productFields","item","id","dangerouslySetInnerHTML","__html","value"],"sourceRoot":""}