{"version":3,"file":"942.7172359a4305422c.js","mappings":"yIAGA,MAiEA,EAjEsB,EAAGA,iBAAgBC,YACvC,MAAMC,GAAwBC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,gBAE3D,IAAIC,EAKFA,EAHAJ,GAAuBF,gBACvBE,EAAsBF,eAAeO,OAAS,EAEpCC,KAAKC,MAAMP,EAAsBF,gBAEjCQ,KAAKC,MAAMT,GAElBM,IAASA,GAAU,GAKxB,OACEA,GACAA,EAAQC,OAAS,GACf,uBAAKG,UAAU,2CACb,sBAAIA,UAAU,8BAA8BT,GAC5C,uBAAKS,UAAU,4BACZJ,EAAQK,KAAI,CAACC,EAAMC,IAClB,uBACEH,UAAU,mCACVI,IAAKD,EACLE,QAAUC,IAAkBA,EAZhCC,cAAcC,UAAUC,OAAO,WAS7B,GAKE,uBAAKT,UAAU,0BACb,sBAAIA,UAAU,wBAAwBE,EAAKQ,SAC3C,uBAAKV,UAAU,yBAEjB,uBAAKA,UAAU,0BACb,uBAAKA,UAAU,6BACb,uBAAKA,UAAU,OACZE,EAAKS,aACJT,EAAKS,YAAYd,OAAS,GAC1BK,EAAKS,YAAYV,KAAI,CAACW,EAAQC,IAC5B,uBACET,IAAKS,EACLb,UAAU,0DAEV,uBAAKA,UAAU,sCACZY,EAAOE,aAEV,uBAAKd,UAAU,UACb,6BAEF,uBAAKA,UAAU,sCACZY,EAAOG,iBAjClC,C","sources":["webpack:///./Scripts/Components/ByRydens/Specification.js"],"sourcesContent":["import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst Specification = ({ specifications, title }) => {\r\n  const selectedSpecification = useSelector((state) => state.specification);\r\n\r\n  let specArr;\r\n  if (\r\n    selectedSpecification?.specifications &&\r\n    selectedSpecification.specifications.length > 0\r\n  ) {\r\n    specArr = JSON.parse(selectedSpecification.specifications);\r\n  } else {\r\n    specArr = JSON.parse(specifications);\r\n  }\r\n  if (!specArr) specArr = false;\r\n\r\n  const setSelected = (event) => {\r\n    event.currentTarget.classList.toggle('expanded');\r\n  };\r\n  return (\r\n    specArr &&\r\n    specArr.length > 0 && (\r\n      <div className=\"small-12 large-12 columns product-about\">\r\n        <h4 className=\"product-about__block-title\">{title}</h4>\r\n        <div className=\"product-about__accordion\">\r\n          {specArr.map((spec, index) => (\r\n            <div\r\n              className=\"product-about__heading-container\"\r\n              key={index}\r\n              onClick={(e) => setSelected(e)}\r\n            >\r\n              <div className=\"product-about__heading\">\r\n                <h6 className=\"product-about__title\">{spec.heading}</h6>\r\n                <div className=\"product-about__icon\"></div>\r\n              </div>\r\n              <div className=\"product-about__content\">\r\n                <div className=\" product-about__documents\">\r\n                  <div className=\"row\">\r\n                    {spec.fieldValues &&\r\n                      spec.fieldValues.length > 0 &&\r\n                      spec.fieldValues.map((speces, indexInner) => (\r\n                        <div\r\n                          key={indexInner}\r\n                          className=\"small-12 large-6 columns product-about__specifications\"\r\n                        >\r\n                          <div className=\"product-about__specifications-item\">\r\n                            {speces.translation}\r\n                          </div>\r\n                          <div className=\"spacer\">\r\n                            <div></div>\r\n                          </div>\r\n                          <div className=\"product-about__specifications-item\">\r\n                            {speces.value}\r\n                          </div>\r\n                        </div>\r\n                      ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    )\r\n  );\r\n};\r\n\r\nexport default Specification;\r\n"],"names":["specifications","title","selectedSpecification","useSelector","state","specification","specArr","length","JSON","parse","className","map","spec","index","key","onClick","e","currentTarget","classList","toggle","heading","fieldValues","speces","indexInner","translation","value"],"sourceRoot":""}