{"version":3,"sources":["data/index.tsx","utils/pSBC.js","components/cookies-dialog/cookie-details/CookieDetails.tsx","components/cookies-dialog/vendors-list/cookie-detail/CookieDetail.tsx","components/cookies-dialog/vendors-list/VendorsList.tsx","components/cookies-dialog/CookiesDialog.tsx","components/consent-box/ConsentBox.tsx","lib/cookie-service.ts","App.tsx","GlobalStyle.ts","index.tsx"],"names":["AppContext","createContext","useAppState","context","useContext","undefined","Error","GlobalState","children","useState","localStorage","getItem","showApp","setShowApp","isFetching","setIsFetching","openDialog","setOpenDialog","showBottomPanel","setShowBottomPanel","showVendors","setShowVendors","appConfig","setAppConfig","configs","JSON","parse","_","getCookiesConfig","cookiesConfig","setCookiesConfig","translationBundle","setTranslationBundle","getTranslation","useCallback","key","args","unit","length","forEach","param","index","replace","useEffect","xhr","XMLHttpRequest","addEventListener","this","readyState","status","config","responseText","e","open","window","SYDLE_LGPD_ENV","REACT_APP_BASE_URL","REACT_APP_APPLICATION","REACT_APP_ID","REACT_APP_ORGANIZATION","setRequestHeader","REACT_APP_LANGUAGE","navigator","language","send","Provider","value","pSBC","p","c0","c1","l","r","g","b","P","f","t","h","i","parseInt","m","Math","round","a","pSBCr","d","n","x","split","slice","parseFloat","toString","Column","styled","div","Handler","props","active","color","Title","h3","DescriptionContainer","GroupToggle","Header","ToogleGroup","Toogle","Checkbox","Input","input","Label","label","Description","Link","CookieDetails","title","description","required","onClick","hideCookies","identifier","as","UIConfig","buttonBackgroundColor","style","display","type","name","id","defaultChecked","fontSize","lineHeight","role","htmlFor","float","marginBottom","Key","Value","CookieDetail","cookie","host","duration","category","VendorsContainer","section","VendorsContent","VendorsListHeader","NavigationContainer","BackBtnHandler","BackArrow","BackButtonText","VendorListContent","Row","HostListContainer","ul","HostItem","li","AccordionHeader","HostInfo","HostTitle","HostNotice","CookiesContainer","HostViewCookies","ArrowContainer","AccordionText","HostOptionGroup","VendorHost","VendorsList","selectedIndex","setSelectedIndex","hosts","cookiesConfigs","cookies","reduce","acc","find","push","map","sort","localeCompare","handleClick","prev","y","width","height","viewBox","fill","top","position","marginLeft","transform","FadeIn","keyframes","Dialog","DialogHeader","DialogContent","DialogFooter","LogoContainer","Logo","TitleContainer","PoweredContainer","PoweredLink","dataURI","ButtonGroup","Button","button","backgroundColor","textColor","h2","ListRow","CookieList","CookieListItem","SYDLELogo","xmlns","CookiesDialog","activeIndex","setActiveIndex","cookiesCategories","conf","optional","handleAccept","setItem","Date","toISOString","handleSave","document","querySelectorAll","idx","checked","stringify","svgString","ReactDOMServer","renderToStaticMarkup","dataUri","btoa","headerImage","backgroundImage","_id","dialogTitle","privacySectionTitle","privacySectionText","cc","href","target","buttonFontColor","saveSettingsButtonText","acceptButtonText","GrowIn","RootContainer","Text","AceptButton","ConfigButton","ButtonContainer","ConsentBox","className","textFontColor","overlayTitle","dangerouslySetInnerHTML","__html","overlayText","settingsButtonText","CookieService","documentIsAccessible","encodeURIComponent","getCookieRegExp","test","check","result","exec","safeDecodeURIComponent","currentCookie","cookieName","cookieValue","expiresOrOptions","path","domain","secure","sameSite","optionsBody","expires","set","cookieString","options","getTime","toUTCString","console","warn","expiresDate","getAll","hasOwnProperty","delete","escapedName","RegExp","encodedURIComponent","decodeURIComponent","Overlay","cookieService","App","intervalId","setInterval","Object","keys","storageCallback","event","newValue","removeEventListener","clearInterval","LGPD_API","showOverlay","openConfigDialog","SIZES","BREAKPOINTS","sm","md","lg","xl","createGlobalStyle","ReactDOM","render","StrictMode","GlobalStyle","getElementById"],"mappings":"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","file":"static/js/main.49f31566.chunk.js","sourcesContent":["import React, { createContext, PropsWithChildren, useState, useContext, useEffect, useCallback } from 'react';\n\nexport interface TranslationBundle {\n  [key: string]: string;\n}\n\nexport interface IAppConfig {\n  _id: string;\n  UIConfig: {\n    overlayTitle: string;\n    overlayText: string;\n    headerImage: any;\n    dialogTitle: string;\n    privacySectionTitle: string;\n    privacySectionText: string;\n    acceptButtonText: string;\n    settingsButtonText: string;\n    saveSettingsButtonText: string;\n    backgroundColor: string;\n    textFontColor: string;\n    buttonFontColor: string;\n    buttonBackgroundColor: string;\n  };\n  cookiesConfigs: {\n    type: string;\n    description: string;\n    optional: boolean;\n    cookies: {\n      name: string;\n      host: string;\n      duration: string;\n    }[];\n  }[];\n  translationBundle: TranslationBundle\n}\n\nexport interface ICookiesConfig {\n  [key: string]: boolean;\n}\n\nexport interface AppContextType {\n  showApp: boolean;\n  setShowApp(state: any): void;\n  isFetching: boolean;\n  setIsFetching(state: any): boolean;\n  appConfig: IAppConfig;\n  setAppConfig(state: any): void;\n  openDialog: boolean;\n  setOpenDialog(state: any): void;\n  showBottomPanel: boolean;\n  setShowBottomPanel(state: any): void;\n  showVendors: number;\n  setShowVendors(state: any): void;\n  cookiesConfig: ICookiesConfig;\n  setCookiesConfig(state: any): void;\n  getTranslation(key: string, args?: any[]): string;\n}\n\nfunction getCookiesConfig(): ICookiesConfig {\n  let configs = {};\n\n  try {\n    configs = JSON.parse(localStorage.getItem('sydle_one_lgpd_config')!);\n  } catch(_) {}\n\n  return configs;\n}\n\nconst AppContext = createContext<AppContextType>(null!);\n\nfunction GlobalState({ children }: PropsWithChildren<{}>) {\n  const [showApp, setShowApp] = useState<boolean>(!localStorage.getItem('sydle_one_lgpd_closed'));\n  const [isFetching, setIsFetching] = useState<boolean>(true);\n  const [openDialog, setOpenDialog] = useState<boolean>(false);\n  const [showBottomPanel, setShowBottomPanel] = useState<boolean>(true);\n  const [showVendors, setShowVendors] = useState<number>(-1);\n  const [appConfig, setAppConfig] = useState<IAppConfig>(null!);\n  const [cookiesConfig, setCookiesConfig] = useState<ICookiesConfig>(getCookiesConfig());\n  const [translationBundle, setTranslationBundle] = useState<TranslationBundle>({});\n\n  const getTranslation = useCallback((key: string, args?: any[]) => {\n    let unit = translationBundle[key];\n    if (unit && args && args.length) {\n      args.forEach((param, index) => {\n        unit = unit.replace(`{${index}}`, param.replace(/\\$/gi, '$$$$'));\n      });\n    }\n    return unit || key;\n  }, [translationBundle]);\n\n  useEffect(() => {\n    const xhr = new XMLHttpRequest();\n\n    xhr.addEventListener('readystatechange', function() {\n      if (this.readyState === 4) {\n        if (this.status === 200) {\n          try {\n            const config: IAppConfig = JSON.parse(this.responseText);\n            setAppConfig(config);\n            setTranslationBundle(config.translationBundle);\n          } catch(e) {}\n          setIsFetching(false);\n        } else {\n          setIsFetching(false);\n        }\n      }\n    });\n\n    xhr.open('GET', `${window.SYDLE_LGPD_ENV?.REACT_APP_BASE_URL}/api/1/${window.SYDLE_LGPD_ENV?.REACT_APP_APPLICATION}/_classId/5f63788bbce7a3412b7cf363/getInstance/${window.SYDLE_LGPD_ENV?.REACT_APP_ID}`);\n\n    if (window.SYDLE_LGPD_ENV?.REACT_APP_ORGANIZATION) {\n      xhr.setRequestHeader('X-Explorer-Account-Token', window.SYDLE_LGPD_ENV?.REACT_APP_ORGANIZATION);\n      xhr.setRequestHeader('Accept-Language', window.SYDLE_LGPD_ENV?.REACT_APP_LANGUAGE || navigator.language)\n    }\n\n    xhr.send();\n  }, []);\n\n  const context = {\n    showApp,\n    setShowApp,\n    isFetching,\n    setIsFetching,\n    appConfig,\n    setAppConfig,\n    openDialog,\n    setOpenDialog,\n    showBottomPanel,\n    setShowBottomPanel,\n    showVendors,\n    setShowVendors,\n    cookiesConfig,\n    setCookiesConfig,\n    getTranslation\n  } as AppContextType;\n\n  return (\n    <AppContext.Provider value={context}>\n      {children}\n    </AppContext.Provider>\n  );\n}\n\nexport function useAppState() {\n  const context = useContext<AppContextType>(AppContext);\n  if (context === undefined) {\n    throw new Error('useAppState must be used within a AppContext');\n  }\n  return context;\n}\n\nexport default GlobalState;","/* eslint-disable no-mixed-operators */\n/* eslint-disable no-sequences */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-unused-expressions */\nconst pSBC=(p,c0,c1,l)=>{\n\tlet r,g,b,P,f,t,h,i=parseInt,m=Math.round,a=typeof(c1)==\"string\";\n\tif(typeof(p)!=\"number\"||p<-1||p>1||typeof(c0)!=\"string\"||(c0[0]!='r'&&c0[0]!='#')||(c1&&!a))return null;\n\tif(!window.pSBCr)window.pSBCr=(d)=>{\n\t\tlet n=d.length,x={};\n\t\tif(n>9){\n\t\t\t[r,g,b,a]=d=d.split(\",\"),n=d.length;\n\t\t\tif(n<3||n>4)return null;\n\t\t\tx.r=i(r[3]==\"a\"?r.slice(5):r.slice(4)),x.g=i(g),x.b=i(b),x.a=a?parseFloat(a):-1\n\t\t}else{\n\t\t\tif(n==8||n==6||n<4)return null;\n\t\t\tif(n<6)d=\"#\"+d[1]+d[1]+d[2]+d[2]+d[3]+d[3]+(n>4?d[4]+d[4]:\"\");\n\t\t\td=i(d.slice(1),16);\n\t\t\tif(n==9||n==5)x.r=d>>24&255,x.g=d>>16&255,x.b=d>>8&255,x.a=m((d&255)/0.255)/1000;\n\t\t\telse x.r=d>>16,x.g=d>>8&255,x.b=d&255,x.a=-1\n\t\t}return x};\n\th=c0.length>9,h=a?c1.length>9?true:c1==\"c\"?!h:false:h,f=window.pSBCr(c0),P=p<0,t=c1&&c1!=\"c\"?window.pSBCr(c1):P?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},p=P?p*-1:p,P=1-p;\n\tif(!f||!t)return null;\n\tif(l)r=m(P*f.r+p*t.r),g=m(P*f.g+p*t.g),b=m(P*f.b+p*t.b);\n\telse r=m((P*f.r**2+p*t.r**2)**0.5),g=m((P*f.g**2+p*t.g**2)**0.5),b=m((P*f.b**2+p*t.b**2)**0.5);\n\ta=f.a,t=t.a,f=a>=0||t>=0,a=f?a<0?t:t<0?a:a*P+t*p:0;\n\tif(h)return\"rgb\"+(f?\"a(\":\"(\")+r+\",\"+g+\",\"+b+(f?\",\"+m(a*1000)/1000:\"\")+\")\";\n\telse return\"#\"+(4294967296+r*16777216+g*65536+b*256+(f?m(a*255):0)).toString(16).slice(1,f?undefined:-2)\n};\n\nexport default pSBC;","import React from 'react';\nimport styled from 'styled-components';\nimport { useAppState } from '../../../data';\nimport pSBC from '../../../utils/pSBC';\n\nconst Column = styled.div`\n  width: 100%;\n  float: left;\n  box-sizing: border-box;\n  padding: 0;\n  display: initial;\n\n  @media (min-width: 550px) {\n    margin-left: 4%;\n\n    :first-child {\n      margin-left: 0;\n    }\n  }\n`;\n\nconst Handler = styled.div<{active: boolean}>`\n  cursor: pointer;\n  border-left: 10px solid transparent;\n  border-bottom: 1px solid #d7d7d7;\n  padding-top: 16px;\n  padding-right: 5px;\n  padding-bottom: 16px;\n  padding-left: 12px;\n  float: left;\n\n  @media (min-width: 550px) {\n    width: 30.6666666667%;\n    margin-left: 0;\n  }\n\n  @media (max-width: 640px) {\n    width: 100%;\n  }\n\n  ${props => props.active ? `\n    border-left: 10px solid ${props.color};\n    background-color: #fff;\n    border-bottom: none;\n    position: relative;\n  `\n  :\n  ``}\n`;\n\nconst Title = styled.h3`\n  color: #1C1C1C;\n  float: left;\n  text-align: left;\n  margin: 0;\n  line-height: 1.4;\n  font-size: 1em;\n  word-break: break-word;\n  word-wrap: break-word;\n  font-weight: 600;\n`;\n\nconst DescriptionContainer = styled.div`\n  word-break: break-word;\n  word-wrap: break-word;\n  padding-top: 20px;\n  padding-right: 16px;\n  padding-bottom: 15px;\n  position: absolute;\n  left: 30%;\n  float: left;\n\n  @media (min-width: 550px) {\n    width: 65.3333333333%;\n    margin-left: 4%;\n  }\n\n  @media (max-width: 640px) {\n    margin: 0;\n    padding-top: 0;\n    padding-right: 20px;\n    padding-bottom: 15px;\n    padding-left: 20px;\n    position: relative;\n    left: auto;\n  }\n\n  @media (max-width: 640px) {\n    width: 100%;\n    margin: 0;\n  }\n`;\n\nconst GroupToggle = styled.div`\n  display: inline-block;\n  width: 100%;\n  margin-bottom: 10px;\n\n  @media (max-width: 640px), (max-height: 640px) and (max-width: 896px) and (orientation: landscape) {\n    margin-left: 10px;\n    position: absolute;\n    right: 10px;\n    top: -37px;\n  }\n`;\n\nconst Header = styled.h3`\n  color: #1C1C1C;\n  float: left;\n  margin: 0;\n  font-weight: bold;\n  font-size: 1em;\n  line-height: 1.3;\n  max-width: 85%;\n  top: 3px;\n\n  @media (max-width: 640px), (max-height: 640px) and (max-width: 896px) and (orientation: landscape) {\n    display: none;\n  }\n`;\n\nconst ToogleGroup = styled.div`\n  float: right;\n  display: inline-block;\n  vertical-align: middle;\n`;\n\nconst Toogle = styled.div`\n  float: right;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n`;\n\nconst Checkbox = styled.div`\n  background-color: #fff;\n  position: relative;\n  display: inline-block;\n`;\n\nconst Input = styled.input<{color: string}>`\n  display: inline;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 1;\n  pointer-events: initial;\n\n  :checked + label {\n    background: ${props => pSBC(0.6, props.color)};\n  }\n\n  :checked + label:after {\n    background: ${props => props.color};\n    left: 16px;\n  }\n`;\n\nconst Label = styled.label`\n  font-weight: 600;\n  margin-bottom: 0;\n  background: #d6d6d6;\n  border: none;\n  height: 10px;\n  width: 35px;\n  position: relative;\n  display: inline-block;\n  border-radius: 46px;\n  transition: .4s;\n\n  ::after {\n    content: \"\";\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    border-radius: 100%;\n    left: 0;\n    top: -5px;\n    z-index: 2;\n    background: #7b7b7b;\n    transition: .4s;\n    cursor: pointer;\n  }\n`;\n\nconst Description = styled.p`\n  word-break: break-word;\n  word-wrap: break-word;\n  text-align: left;\n  font-size: .82em;\n  line-height: 1.3;\n  margin: 0;\n  color: #1C1C1C;\n`;\n\nconst Link = styled.a`\n  font-size: .8em;\n  font-weight: bold;\n  line-height: 1.1;\n  cursor: pointer;\n  margin: 1em 0;\n  color: ${props => props.color};\n`;\n\nexport interface CookieDetailsProps {\n  active: boolean;\n  title: string;\n  description: string;\n  index?: number;\n  required?: boolean;\n  hideCookies?: boolean;\n  onClick?(index?: number): void;\n}\n\nexport default function CookieDetails({ index, active, title, description, required, onClick, hideCookies = false }: CookieDetailsProps) {\n  const identifier = `sb-lgpd-cd-${index}`;\n  const { setShowVendors, appConfig, getTranslation } = useAppState();\n  \n  return (\n    <>\n      <Column as=\"ldiv\">\n        <Handler color={appConfig.UIConfig.buttonBackgroundColor} as=\"ldiv\" active={active} onClick={() => onClick && onClick(index)}>\n          <Title as=\"ldiv\">{title}</Title>\n        </Handler>\n      </Column>\n      <DescriptionContainer as=\"ldiv\" style={{display: active ? 'initial' : 'none'}}>\n        {index !== undefined ?\n          <GroupToggle as=\"ldiv\">\n            <Header as=\"ldiv\">{title}</Header>\n            <ToogleGroup as=\"ldiv\">\n              {required ?\n                <>\n                  <input type=\"checkbox\" style={{display: 'none'}} name={identifier} id={identifier} defaultChecked={true} />\n                  <div style={{fontSize: '1em', lineHeight: '1.3', color: appConfig.UIConfig.buttonBackgroundColor}}>{getTranslation('COOKIE_DETAILS_ALWAYS_ACTIVE')}</div>\n                </>\n              :\n                <Toogle as=\"ldiv\">\n                  <Checkbox as=\"ldiv\">\n                    <Input color={appConfig.UIConfig.buttonBackgroundColor} type=\"checkbox\" role=\"switch\" id={identifier} name={identifier} defaultChecked={required}/>\n                    <Label htmlFor={identifier}></Label>\n                  </Checkbox>\n                </Toogle>\n              }\n            </ToogleGroup>\n          </GroupToggle>\n        :\n          <Header as=\"ldiv\" style={{float: 'initial', marginBottom: '14px'}}>{title}</Header>\n        }\n        <Description as=\"ldiv\">{description}</Description>\n        {!hideCookies && <Link as=\"ldiv\" color={appConfig.UIConfig.buttonBackgroundColor} onClick={() => setShowVendors(index)}>{getTranslation('COOKIE_DETAILS_COOKIES')}</Link>}\n      </DescriptionContainer>\n    </>\n  );\n}","import React from 'react';\nimport styled from 'styled-components';\nimport { useAppState } from '../../../../data';\n\n\nconst Key = styled.div`\n  width: 30%;\n  float: left;\n  font-size: 1em;\n  padding: 5px 0;\n`;\n\nconst Value = styled.div`\n  width: 70%;\n  float: left;\n  word-break: break-word;\n  font-size: 1em;\n  padding: 5px 0;\n`;\n\nexport default function CookieDetail({ cookie }: { cookie: any }) {\n  const { getTranslation } = useAppState();\n  return (\n    <>\n      <ldiv>\n        <Key>{getTranslation('COOKIE_DETAIL_NAME')}</Key>\n        <Value>{cookie.name}</Value>\n      </ldiv>\n      <ldiv>\n        <Key>{getTranslation('COOKIE_DETAIL_HOST')}</Key>\n        <Value>{cookie.host}</Value>\n      </ldiv>\n      <ldiv>\n        <Key>{getTranslation('COOKIE_DETAIL_DURATION')}</Key>\n        <Value>{cookie.duration}</Value>\n      </ldiv>\n      <ldiv>\n        <Key>{getTranslation('COOKIE_DETAIL_CATEGORY')}</Key>\n        <Value>{cookie.category}</Value>\n      </ldiv>\n    </>\n  )\n}","import React, { useCallback, useState } from 'react';\nimport styled from 'styled-components';\nimport { useAppState } from '../../../data';\nimport CookieDetail from './cookie-detail/CookieDetail';\n\nconst VendorsContainer = styled.section`\n  height: 100%;\n  width: 100%;\n`;\n\nconst VendorsContent = styled.div`\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n`;\n\nconst VendorsListHeader = styled.div`\n  height: 50px;\n  padding-top: 15px;\n  padding-right: 30px;\n  padding-bottom: 15px;\n  padding-left: 20px;\n  display: inline-block;\n  width: 100%;\n  border-bottom: 1px solid #d8d8d8;\n\n  @media (max-width: 600px) {\n    padding: 15px 0;\n  }\n`;\n\nconst NavigationContainer = styled.div`\n  float: left;\n\n  @media (max-width: 600px) {\n    display: block;\n    text-align: left;\n    float: none;\n    padding-left: 15px;\n  }\n`;\n\nconst BackBtnHandler = styled.a`\n  display: inline-block;\n  text-decoration: none;\n  color: #565656;\n  cursor: pointer;\n`;\n\nconst BackArrow = styled.div`\n  height: 17px;\n  width: 20px;\n  vertical-align: middle;\n  display: inline-block;\n  color: dimgray;\n  font-size: 1em;\n  line-height: 1;\n  text-align: center;\n`;\n\nconst BackButtonText = styled.h3`\n  color: #1C1C1C;\n  font-size: .9em;\n  font-weight: bold;\n  line-height: 1;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: 5px;\n`;\n\nconst VendorListContent = styled.section`\n  flex: 1;\n  width: 100%;\n  padding-left: 80px;\n  padding-right: 100px;\n  padding-top: 20px;\n  margin-right: 3px;\n  margin-left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  @media (max-width: 640px){\n    padding-top: 13px;\n    padding-right: 5px;\n    padding-left: 10px;\n  }\n`;\n\nconst Row = styled.div`\n  max-width: none;\n  display: block;\n  margin: 0;\n  flex-direction: initial;\n  width: 100%;\n`;\n\nconst Column = styled.div`\n  width: 100%;\n  float: left;\n`;\n\nconst HostListContainer = styled.ul`\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding-left: 0;\n  margin-top: 0;\n  list-style: circle inside;\n`;\n\nconst HostItem = styled.li`\n  border: 1px solid #d7d7d7;\n  border-radius: 2px;\n  position: relative;\n  margin: 0;\n  margin-top: 10px;\n  list-style: none;\n`;\n\nconst AccordionHeader = styled.section`\n  cursor: pointer;\n  padding-top: 17px;\n  padding-right: 15px;\n  padding-bottom: 17px;\n  padding-left: 20px;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n`;\n\nconst ToogleGroup = styled.div`\n  width: 65%;\n  display: inline-block;\n  vertical-align: middle;\n`;\n\nconst HostInfo = styled.div`\n  float: left;\n  width: 100%;\n`;\n\nconst HostTitle = styled.h3`\n  color: #1C1C1C;\n  position: relative;\n  vertical-align: middle;\n  font-weight: bold;\n  font-size: .8em;\n  line-height: 1.2;\n  margin: 0;\n  height: auto;\n  text-align: left;\n  word-break: break-word;\n  word-wrap: break-word;\n`;\n\nconst HostNotice = styled.div`\n  float: right;\n`;\n\nconst CookiesContainer = styled.div`\n  float: left;\n`;\n\nconst HostViewCookies = styled.a`\n  color: ${props => props.color};\n  font-size: .7em;\n  line-height: .9;\n  display: inline-block;\n  text-decoration: none;\n`;\n\nconst ArrowContainer = styled.div`\n  float: right;\n`;\n\nconst AccordionText = styled.div`\n  transition: .1s ease-in;\n  display: block;\n  padding-top: 6px;\n  padding-right: 50px;\n  padding-bottom: 10px;\n  padding-left: 50px;\n  z-index: 2;\n  position: relative;\n\n  @media (max-width: 425px) {\n    padding-right: 25px;\n    padding-left: 25px;\n  }\n`;\n\nconst HostOptionGroup = styled.ul`\n  display: inline-block;\n  width: 100%;\n  margin: 0;\n  font-size: inherit;\n  padding-left: 0;\n  list-style: circle inside;\n`;\n\nconst VendorHost = styled.li`\n  color: #1C1C1C;\n  border: none;\n  font-size: .8em;\n  float: left;\n  text-align: left;\n  padding: 10px;\n  margin-bottom: 10px;\n  width: 100%;\n  background-color: #f8f8f8;\n  border-radius: 2px;\n  position: relative;\n  margin: 0;\n  margin-top: 10px;\n  list-style: none;\n`;\n\ninterface ICookies {\n  name: string;\n  host: string;\n  duration: string;\n  category: string;\n}\n\ninterface IHost {\n  name: string;\n  cookies: ICookies[];\n}\n\nexport default function VendorsList() {\n  const [selectedIndex, setSelectedIndex] = useState<number>(-1);\n  const { showVendors, setShowVendors, appConfig, getTranslation } = useAppState();\n  const hosts = appConfig.cookiesConfigs[showVendors].cookies\n    .reduce<IHost[]>((acc, cookie) => {\n      const host = acc.find(h => h.name === cookie.host);\n      if (host) {\n        host.cookies.push({\n          category: appConfig.cookiesConfigs[showVendors].type,\n          ...cookie\n        });\n      } else {\n        acc.push({\n          name: cookie.host,\n          cookies: [{\n            category: appConfig.cookiesConfigs[showVendors].type,\n            ...cookie\n          }]\n        });\n      }\n      return acc;\n    }, [])\n    .map(host => {\n      host.cookies.sort((a, b) => a.name.localeCompare(b.name));\n      return host;\n    })\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n  const handleClick = useCallback((index) => {\n    setSelectedIndex((prev) => prev === index ? -1 : index);\n  }, []);\n\n  return (\n    <VendorsContainer as=\"ldiv\">\n      <VendorsContent as=\"ldiv\">\n        <VendorsListHeader as=\"ldiv\">\n          <NavigationContainer as=\"ldiv\">\n            <BackBtnHandler as=\"ldiv\" onClick={() => setShowVendors(-1)}>\n              <BackArrow as=\"ldiv\">\n                <svg x=\"0px\" y=\"0px\" width=\"15px\" height=\"15px\" viewBox=\"0 0 444.531 444.531\">\n                  <title>{getTranslation('VENDORS_LIST_BACK_BUTTON_TITLE')}</title>\n                  <g>\n                    <path fill=\"#2c3643\" d=\"M213.13,222.409L351.88,83.653c7.05-7.043,10.567-15.657,10.567-25.841c0-10.183-3.518-18.793-10.567-25.835 l-21.409-21.416C323.432,3.521,314.817,0,304.637,0s-18.791,3.521-25.841,10.561L92.649,196.425 c-7.044,7.043-10.566,15.656-10.566,25.841s3.521,18.791,10.566,25.837l186.146,185.864c7.05,7.043,15.66,10.564,25.841,10.564 s18.795-3.521,25.834-10.564l21.409-21.412c7.05-7.039,10.567-15.604,10.567-25.697c0-10.085-3.518-18.746-10.567-25.978 L213.13,222.409z\"></path>\n                  </g>\n                </svg>\n              </BackArrow>\n              <BackButtonText as=\"ldiv\">{getTranslation('VENDORS_LIST_BACK_BUTTON_LABEL')}</BackButtonText>\n            </BackBtnHandler>\n          </NavigationContainer>\n        </VendorsListHeader>\n        <VendorListContent as=\"ldiv\">\n          <Row as=\"ldiv\">\n            <Column as=\"ldiv\">\n              <HostListContainer as=\"ldiv\">\n                {hosts.map((host, index) => (\n                  <HostItem as=\"ldiv\" key={index}>\n                    <AccordionHeader as=\"ldiv\" onClick={() => handleClick(index)}>\n                      <ToogleGroup as=\"ldiv\">\n                        <HostInfo as=\"ldiv\">\n                          <HostTitle as=\"ldiv\">{host.name}</HostTitle>\n                        </HostInfo>\n                      </ToogleGroup>\n                      <HostNotice as=\"ldiv\">\n                        <CookiesContainer as=\"ldiv\">\n                          <HostViewCookies color={appConfig.UIConfig.buttonBackgroundColor} as=\"ldiv\">{getTranslation('VENDORS_LIST_BACK_SHOW_COOKIES')}</HostViewCookies>\n                        </CookiesContainer>\n                        <ArrowContainer as=\"ldiv\">\n                          <svg style={{top: '2px', position: 'relative', marginLeft: '5px', transform: `rotate(${index === selectedIndex ? 90 : 0}deg)`}} x=\"0px\" y=\"0px\" width=\"10px\" height=\"10px\" viewBox=\"0 0 451.846 451.847\">\n                            <g>\n                              <path fill=\"#7b7b7b\" d=\"M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744 L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284 c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z\"></path>\n                            </g>\n                          </svg>\n                        </ArrowContainer>\n                      </HostNotice>\n                    </AccordionHeader>\n                    {index === selectedIndex &&\n                      <AccordionText as=\"ldiv\">\n                        <ldiv>\n                          <HostOptionGroup as=\"ldiv\">\n                            {host.cookies.map((cookie, index) => (\n                              <VendorHost key={index} as=\"ldiv\">\n                                <CookieDetail cookie={cookie}/>\n                              </VendorHost>\n                            ))}\n                          </HostOptionGroup>\n                        </ldiv>\n                      </AccordionText>\n                    }\n                  </HostItem>\n                ))}\n              </HostListContainer>\n            </Column>\n          </Row>\n        </VendorListContent>\n      </VendorsContent>\n    </VendorsContainer>\n  );\n}","import React, { useCallback, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nimport { useAppState } from '../../data';\nimport CookieDetails from './cookie-details/CookieDetails';\nimport VendorsList from './vendors-list/VendorsList';\nimport ReactDOMServer from 'react-dom/server';\n\nexport interface CookiesDialogProps {\n  handleClose?(): void;\n  open: boolean;\n}\n\nconst FadeIn = keyframes`\n  0% {\n    opacity: 0\n  }\n\n  100% {\n    opacity: 1\n  }\n`;\n\nconst Dialog = styled.div<{ open: boolean }>`\n  display: ${props => props.open ? 'block' : 'none'};\n  position: fixed;\n  width: 730px;\n  max-width: 730px;\n  min-width: 350px;\n  height: 580px;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  font-size: 16px;\n  z-index: 2147483645;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 2px 4px 0 rgba(0,0,0,0), 0 7px 14px 0 rgba(50,50,93,.1);\n\n  animation-name: ${FadeIn};\n  animation-duration: 400ms;\n  animation-timing-function: ease-in-out;\n\n  @media only screen and (max-width: 896px) and (min-width: 320px) and (orientation: landscape) {\n    height: 100%;\n  }\n\n  @media (max-width: 767px) {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n`;\n\nconst DialogHeader = styled.div`\n  height: auto;\n  padding: 20px;\n  display: flex;\n  vertical-align: middle;\n  width: 100%;\n  border-bottom: 1px solid #d8d8d8;\n`;\n\nconst DialogContent = styled.div`\n  height: calc(100% - 194px);\n  overflow-y: auto;\n\n  @media (max-width: 640px) {\n    height: calc(100% - 305px);\n  }\n\n  ::after {\n    content: \" \";\n    display: table;\n    clear: both;\n  }\n`;\n\nconst DialogFooter = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 20px 30px;\n  bottom: 0;\n  border-top: 1px solid #d8d8d8;\n\n  @media only screen and (max-width: 896px) and (min-width: 320px) and (orientation: landscape) {\n    padding: 20px;\n    width: 100%;\n  }\n\n  @media (max-width: 640px) {\n    padding: 15px;\n    margin: 0;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding-right: 20px;\n`;\n\nconst Logo = styled.div`\n  height: 60px;\n  width: 180px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n\n  @media (max-width: 400px) {\n    width: 120px;\n  }\n`;\n\nconst TitleContainer = styled.div`\n  width: calc(100% - 190px);\n  margin-left: 10px;\n\n  @media (max-width: 400px) {\n    width: calc(100% - 130px);\n  }\n`;\n\nconst PoweredContainer = styled.div`\n  text-align: center;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  width: 180px;\n  height: 25px;\n  position: relative;\n  top: 10px;\n  font-size: .9em;\n  display: flex;\n  align-items: center;\n  flex-basis: 35%;\n\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n\n  @media only screen and (max-width: 896px) and (min-width: 320px) and (orientation: landscape) {\n    width: auto;\n  }\n  \n  @media (max-width: 640px) {\n    order: 2;\n    justify-content: center;\n    margin: 20px auto;\n  }\n`;\n\nconst PoweredLink = styled.a<{dataURI: string}>`\n  background-image: url('${props => props.dataURI}');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  height: 25px;\n  width: 100px;\n  display: inline-block;\n`;\n\nconst ButtonGroup = styled.div`\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex: 1;\n  \n  @media (max-width: 640px) {\n    order: 1;\n    flex-direction: column;\n  }\n`;\n\nconst Button = styled.button<{ textColor: string, backgroundColor: string }>`\n  background-color: ${props => props.backgroundColor};\n  color: ${props => props.textColor};\n  min-width: 125px;\n  height: auto;\n  white-space: normal;\n  word-break: break-word;\n  word-wrap: break-word;\n  padding: 12px 10px;\n  line-height: 1.2;display: inline-block;\n  text-align: center;\n  font-size: 0.9em;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n  text-decoration: none;\n  border-radius: 2px;\n  border: 1px solid ${props => props.backgroundColor};\n  cursor: pointer;\n  box-sizing: border-box;\n  margin: auto 15px;\n  \n  @media (max-width: 640px) {\n    :not(:last-child) {\n      margin-bottom: 15px;\n    }\n  }\n`;\n\nconst Title = styled.h2`\n  display: block;\n  font-size: 1.5em;\n  margin: .83em 0;\n  font-weight: 600;\n`;\n\nconst ListRow = styled.div`\n  max-width: none;\n  display: block;\n  margin: 0;\n  flex-direction: initial;\n  width: 100%;\n`;\n\nconst CookieList = styled.ul`\n  margin: 0;\n  padding-left: 0;\n  list-style: circle inside;\n\n  ::after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n`;\n\nconst CookieListItem = styled.li`\n  margin: 0;\n  list-style: none;\n`;\n\nfunction SYDLELogo() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"12904 -333.677 140 11.051\">\n      <path style={{fill: '#000'}} d=\"M12920.553-332.043h-13.772a1.6 1.6 0 0 0-1.273 1.609 1.527 1.527 0 0 0 1.24 1.541h11.661a3.159 3.159 0 0 1 2.714 3.183 3.04 3.04 0 0 1-.67 1.944 3.124 3.124 0 0 1-2.044 1.139h-13.873a.823.823 0 0 1-.536-.8.81.81 0 0 1 .536-.771h13.806a1.469 1.469 0 0 0 1.24-1.508 1.572 1.572 0 0 0-1.24-1.608h-11.594a3.251 3.251 0 0 1-2.078-1.11 3.2 3.2 0 0 1-.67-1.977 3.247 3.247 0 0 1 .7-2.077 3.05 3.05 0 0 1 2.115-1.106h13.6a.736.736 0 0 1 .67.771.767.767 0 0 1-.532.77zm30.929-1.541a.759.759 0 0 1 .369.637.93.93 0 0 1-.57.838c-.6.335-3.049 1.809-7.271 4.356v4.354a.716.716 0 0 1-.771.67.784.784 0 0 1-.771-.57v-4.455c-.034 0-.5-.3-1.374-.838-.268-.134-.6-.335-1.039-.6-.168-.1-.469-.3-.9-.57 0 0-.268-.168-.771-.469l-2.35-1.41c-.268-.134-.57-.3-.838-.469-.369-.268-.57-.5-.57-.7a.69.69 0 0 1 .3-.536.779.779 0 0 1 .9-.2c.536.369 3.016 1.876 7.472 4.524.235-.134.737-.4 1.441-.838a436.532 436.532 0 0 1 6.065-3.652.512.512 0 0 1 .678-.072zm31.164 5.462a6.281 6.281 0 0 1-.838 2.915 4.612 4.612 0 0 1-1.575 1.675 4.932 4.932 0 0 1-1.977.8q-.452.1-.3.1h-11.83c-.134 0-.268-.1-.469-.268-.2-.2-.3-.335-.3-.469v-9.478a.686.686 0 0 1 .3-.5.9.9 0 0 1 .536-.237h11.628a4.343 4.343 0 0 1 2.245.871 4.568 4.568 0 0 1 1.709 1.709c.034.067.134.2.235.369a4.518 4.518 0 0 1 .636 2.513zm-1.575 0a3.987 3.987 0 0 0-.6-2.145 3.438 3.438 0 0 0-2.044-1.575 6.856 6.856 0 0 0-.737-.2h-10.76v7.84h10.756a3.876 3.876 0 0 0 2.748-1.709 4.248 4.248 0 0 0 .637-2.211zm31.632 5.495h-15.883c-.134 0-.268-.1-.469-.268-.2-.2-.3-.335-.3-.469v-9.617a.784.784 0 0 1 .771-.57.758.758 0 0 1 .771.67v8.712h15.076a.845.845 0 0 1 .57.771c.034.302-.134.57-.536.771zm30.727 0h-15.883c-.134 0-.268-.1-.469-.268-.2-.2-.3-.335-.3-.469v-9.483a.686.686 0 0 1 .3-.5.905.905 0 0 1 .57-.235h15.682a.736.736 0 0 1 .67.771.784.784 0 0 1-.57.771h-15.079v3.15h15.079a.845.845 0 0 1 .57.771.922.922 0 0 1-.57.8h-15.079v3.15h15.079a.845.845 0 0 1 .57.771.918.918 0 0 1-.57.771z\"/>\n    </svg>\n  );\n}\n\nexport default function CookiesDialog({ open }: CookiesDialogProps) {\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\n  const { showVendors, appConfig, setShowApp, getTranslation } = useAppState();\n  const cookiesCategories = appConfig.cookiesConfigs.map(conf => ({\n    title: conf.type,\n    description: conf.description,\n    required: !conf.optional\n  }));\n\n  const handleAccept = useCallback(() => {\n    setShowApp(false);\n    localStorage.setItem('sydle_one_lgpd_closed', new Date().toISOString());\n  }, [setShowApp]);\n  \n  const handleSave = useCallback(() => {\n    const configs: any = {};\n    document.querySelectorAll<HTMLInputElement>('input[id^=sb-lgpd-cd-]').forEach(input => {\n      const idx = input.id.replace('sb-lgpd-cd-', '');\n      configs[idx] = input.checked;\n    });\n    setShowApp(false);\n    localStorage.setItem('sydle_one_lgpd_closed', new Date().toISOString());\n    localStorage.setItem('sydle_one_lgpd_config', JSON.stringify(configs));\n  }, [setShowApp]);\n\n  const svgString = ReactDOMServer.renderToStaticMarkup(<SYDLELogo />);\n  const dataUri = `data:image/svg+xml;base64,${btoa(svgString)}`;\n  \n  return (\n    <Dialog as=\"ldiv\" open={open}>\n      <DialogHeader as=\"ldiv\">\n        {appConfig.UIConfig.headerImage && \n        <LogoContainer as=\"ldiv\">\n          <Logo as=\"ldiv\" style={{ backgroundImage: `url(${window.SYDLE_LGPD_ENV?.REACT_APP_BASE_URL}/api/1/${window.SYDLE_LGPD_ENV?.REACT_APP_APPLICATION}/_classId/5f63788bbce7a3412b7cf363/getHeader/${appConfig._id})` }} />\n        </LogoContainer>\n        }\n        <TitleContainer as=\"ldiv\">\n          <Title as=\"ldiv\">{appConfig.UIConfig.dialogTitle}</Title>\n        </TitleContainer>\n      </DialogHeader>\n        <DialogContent as=\"ldiv\">\n          {showVendors < 0 ?\n            <ListRow as=\"ldiv\">\n              <ldiv onClick={() => setActiveIndex(-1)}>\n                <CookieDetails active={activeIndex === -1} title={appConfig.UIConfig.privacySectionTitle} description={appConfig.UIConfig.privacySectionText} hideCookies={true}/>\n              </ldiv>\n              <CookieList as=\"ldiv\">\n                {cookiesCategories.map((cc, index) => (\n                  <CookieListItem as=\"ldiv\" key={index}>\n                    <CookieDetails onClick={() => setActiveIndex(index)} active={index === activeIndex} title={cc.title} description={cc.description} index={index} required={cc.required}/>\n                  </CookieListItem>\n                ))}\n              </CookieList>\n            </ListRow>\n          :\n            <VendorsList />\n          }\n        </DialogContent>\n      <DialogFooter as=\"ldiv\">\n        <PoweredContainer as=\"ldiv\">\n          {getTranslation('COOKIES_DIALOG_POWERED_BY')} &nbsp;<PoweredLink dataURI={dataUri} href=\"https://www.sydle.com/\" target=\"_blank\"/>\n        </PoweredContainer>\n        <ButtonGroup as=\"ldiv\">\n          <Button as=\"ldiv\" textColor={appConfig.UIConfig.buttonFontColor} backgroundColor={appConfig.UIConfig.buttonBackgroundColor} onClick={handleSave}>{appConfig.UIConfig.saveSettingsButtonText}</Button>\n          <Button as=\"ldiv\" textColor={appConfig.UIConfig.buttonFontColor} backgroundColor={appConfig.UIConfig.buttonBackgroundColor} onClick={handleAccept}>{appConfig.UIConfig.acceptButtonText}</Button>\n        </ButtonGroup>\n      </DialogFooter>\n    </Dialog>\n  );\n}","import React, { useCallback } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { useAppState } from '../../data';\nimport CookiesDialog from '../cookies-dialog/CookiesDialog';\n\nconst GrowIn = keyframes`\n  0% {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  100% {\n    transform: translate3d(0, 0%, 0);\n  }\n`;\n\nconst RootContainer = styled.div<{backgroundColor: string}>`\n  background-color: ${props => props.backgroundColor};\n  position: fixed;\n  z-index: 2147483641;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  max-height: 90%;\n  overflow: hidden auto;\n\n  animation-name: ${GrowIn};\n  animation-duration: 800ms;\n  animation-timing-function: ease-in-out;\n`;\n\nconst Title = styled.h3<{textColor: string}>`\n  color: ${props => props.textColor};\n  font-size: 1.2em;\n  line-height: 1.3;\n  font-weight: 600;\n  margin-top: .8em;\n  margin-bottom: .5rem;\n`;\n\nconst Text = styled.p<{textColor: string}>`\n  color: ${props => props.textColor};\n  font-size: .88em;\n  line-height: 1.4;\n  text-align: justify;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-weight: 300;\n`;\n\nconst AceptButton = styled.button<{textColor: string, backgroundColor: string}>`\n  background-color: ${props => props.backgroundColor};\n  color: ${props => props.textColor};\n  min-width: 125px;\n  height: auto;\n  white-space: normal;\n  word-break: break-word;\n  word-wrap: break-word;\n  padding: 12px 10px;\n  line-height: 1.2;\n  display: inline-block;\n  text-align: center;\n  font-size: 0.9em;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n  text-decoration: none;\n  border-radius: 2px;\n  border: 1px solid ${props => props.backgroundColor};\n  cursor: pointer;\n  box-sizing: border-box;\n  margin-bottom: 1em;\n  width: 100%;\n  outline: none;\n\n  @media (min-width: 440px) {\n    width: auto;\n  }\n`;\n\nconst ConfigButton = styled.button<{textColor: string, backgroundColor: string}>`\n  background-color: ${props => props.textColor};\n  color: ${props => props.backgroundColor};\n  min-width: 125px;\n  height: auto;\n  white-space: normal;\n  word-break: break-word;\n  word-wrap: break-word;\n  padding: 12px 10px;\n  line-height: 1.2;\n  display: inline-block;\n  text-align: center;\n  font-size: 0.9em;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n  text-decoration: none;\n  border-radius: 2px;\n  border: 1px solid ${props => props.backgroundColor};\n  cursor: pointer;\n  box-sizing: border-box;\n  margin-bottom: 1em;\n  width: 100%;\n  margin-right: 0;\n  outline: none;\n\n  @media (min-width: 440px) {\n    width: auto;\n    margin-right: 1em;\n  }\n`;\n\n\nconst ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  @media (min-width: 440px) {\n    flex-direction: row;\n  }\n`;\n\nfunction ConsentBox() {\n  const { setShowApp, appConfig, openDialog, setOpenDialog, showBottomPanel } = useAppState();\n\n  const handleAccept = useCallback(() => {\n    setShowApp(false);\n    localStorage.setItem('sydle_one_lgpd_closed', new Date().toISOString());\n  }, [setShowApp]);\n\n  return (\n    <>\n      {showBottomPanel && (\n        <RootContainer backgroundColor={appConfig.UIConfig?.backgroundColor} as=\"ldiv\">\n          <ldiv className=\"container\">\n            <ldiv className=\"row\">\n              <ldiv className=\"col-12 col-lg-7\">\n                <ldiv className=\"row\">\n                  <ldiv className=\"col\">\n                    <Title textColor={appConfig.UIConfig?.textFontColor} as=\"ldiv\">{appConfig.UIConfig?.overlayTitle}</Title>\n                  </ldiv>\n                </ldiv>\n                <ldiv className=\"row\">\n                  <ldiv className=\"col\">\n                    <Text textColor={appConfig.UIConfig?.textFontColor} as=\"ldiv\" className=\"text-justify\" dangerouslySetInnerHTML={{__html: appConfig.UIConfig?.overlayText}}/>\n                  </ldiv>\n                </ldiv>\n              </ldiv>\n              <ButtonContainer as=\"ldiv\" className=\"col-12 col-lg-5 mb-lg-0\">\n                <ConfigButton\n                  onClick={() => setOpenDialog(true)}\n                  backgroundColor={appConfig.UIConfig?.buttonBackgroundColor}\n                  textColor={appConfig.UIConfig?.buttonFontColor}\n                  className=\"mb-lg-0\"\n                >{appConfig.UIConfig?.settingsButtonText}</ConfigButton>\n                <AceptButton\n                  onClick={handleAccept}\n                  backgroundColor={appConfig.UIConfig?.buttonBackgroundColor}\n                  textColor={appConfig.UIConfig?.buttonFontColor}\n                  className=\"mb-lg-0\"\n                >{appConfig.UIConfig?.acceptButtonText}</AceptButton>\n              </ButtonContainer>\n            </ldiv>\n          </ldiv>\n        </RootContainer>\n      )}\n      <CookiesDialog open={openDialog} />\n    </>\n  );\n}\n\nexport default ConsentBox;","export class CookieService {\n  private readonly document: Document;\n  private readonly documentIsAccessible: boolean;\n\n  constructor() {\n    this.document = document;\n    this.documentIsAccessible = true;\n  }\n\n  /**\n   * @param name Cookie name\n   * @returns boolean - whether cookie with specified name exists\n   */\n  check(name: string): boolean {\n    if (!this.documentIsAccessible) {\n      return false;\n    }\n\n    name = encodeURIComponent(name);\n\n    const regExp: RegExp = this.getCookieRegExp(name);\n    const exists: boolean = regExp.test(this.document.cookie);\n\n    return exists;\n  }\n\n  /**\n   * @param name Cookie name\n   * @returns property value\n   */\n  get(name: string): string {\n    if (this.documentIsAccessible && this.check(name)) {\n      name = encodeURIComponent(name);\n\n      const regExp: RegExp = this.getCookieRegExp(name);\n      const result: RegExpExecArray = regExp.exec(this.document.cookie)!;\n\n      return this.safeDecodeURIComponent(result[1]);\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * @returns all the cookies in json\n   */\n  getAll(): { [key: string]: string } {\n    if (!this.documentIsAccessible) {\n      return {};\n    }\n\n    const cookies: { [key: string]: string } = {};\n    const document: Document = this.document;\n\n    if (document.cookie && document.cookie !== '') {\n      document.cookie.split(';').forEach((currentCookie) => {\n        const [cookieName, cookieValue] = currentCookie.split('=');\n        cookies[this.safeDecodeURIComponent(cookieName.replace(/^ /, ''))] = this.safeDecodeURIComponent(cookieValue);\n      });\n    }\n\n    return cookies;\n  }\n\n  /**\n   * @param name     Cookie name\n   * @param value    Cookie value\n   * @param expires  Number of days until the cookies expires or an actual `Date`\n   * @param path     Cookie path\n   * @param domain   Cookie domain\n   * @param secure   Secure flag\n   * @param sameSite OWASP samesite token `Lax`, `None`, or `Strict`. Defaults to `Lax`\n   */\n  set(name: string, value: string, expires?: number | Date, path?: string, domain?: string, secure?: boolean, sameSite?: 'Lax' | 'None' | 'Strict'): void;\n\n  /**\n   * Cookie's parameters:\n   * <pre>\n   * expires  Number of days until the cookies expires or an actual `Date`\n   * path     Cookie path\n   * domain   Cookie domain\n   * secure   Secure flag\n   * sameSite OWASP samesite token `Lax`, `None`, or `Strict`. Defaults to `Lax`\n   * </pre>\n   * @param name     Cookie name\n   * @param value    Cookie value\n   * @param options  Body with cookie's params\n   */\n  set(\n    name: string,\n    value: string,\n    options?: {\n      expires?: number | Date;\n      path?: string;\n      domain?: string;\n      secure?: boolean;\n      sameSite?: 'Lax' | 'None' | 'Strict';\n    }\n  ): void;\n\n  set(\n    name: string,\n    value: string,\n    expiresOrOptions?: number | Date | any,\n    path?: string,\n    domain?: string,\n    secure?: boolean,\n    sameSite?: 'Lax' | 'None' | 'Strict'\n  ): void {\n    if (!this.documentIsAccessible) {\n      return;\n    }\n\n    if (typeof expiresOrOptions === 'number' || expiresOrOptions instanceof Date || path || domain || secure || sameSite) {\n      const optionsBody = {\n        expires: expiresOrOptions,\n        path,\n        domain,\n        secure,\n        sameSite: sameSite ? sameSite : 'Lax',\n      };\n\n      this.set(name, value, optionsBody);\n      return;\n    }\n\n    let cookieString: string = encodeURIComponent(name) + '=' + encodeURIComponent(value) + ';';\n\n    const options = expiresOrOptions ? expiresOrOptions : {};\n\n    if (options.expires) {\n      if (typeof options.expires === 'number') {\n        const dateExpires: Date = new Date(new Date().getTime() + options.expires * 1000 * 60 * 60 * 24);\n\n        cookieString += 'expires=' + dateExpires.toUTCString() + ';';\n      } else {\n        cookieString += 'expires=' + options.expires.toUTCString() + ';';\n      }\n    }\n\n    if (options.path) {\n      cookieString += 'path=' + options.path + ';';\n    }\n\n    if (options.domain) {\n      cookieString += 'domain=' + options.domain + ';';\n    }\n\n    if (options.secure === false && options.sameSite === 'None') {\n      options.secure = true;\n      console.warn(\n        `[ngx-cookie-service] Cookie ${name} was forced with secure flag because sameSite=None.` +\n          `More details : https://github.com/stevermeister/ngx-cookie-service/issues/86#issuecomment-597720130`\n      );\n    }\n    if (options.secure) {\n      cookieString += 'secure;';\n    }\n\n    if (!options.sameSite) {\n      options.sameSite = 'Lax';\n    }\n\n    cookieString += 'sameSite=' + options.sameSite + ';';\n\n    this.document.cookie = cookieString;\n  }\n\n  /**\n   * @param name   Cookie name\n   * @param path   Cookie path\n   * @param domain Cookie domain\n   */\n  delete(name: string, path?: string, domain?: string, secure?: boolean, sameSite: 'Lax' | 'None' | 'Strict' = 'Lax'): void {\n    if (!this.documentIsAccessible) {\n      return;\n    }\n    const expiresDate = new Date('Thu, 01 Jan 1970 00:00:01 GMT');\n    this.set(name, '', { expires: expiresDate, path, domain, secure, sameSite });\n  }\n\n  /**\n   * @param path   Cookie path\n   * @param domain Cookie domain\n   */\n  deleteAll(path?: string, domain?: string, secure?: boolean, sameSite: 'Lax' | 'None' | 'Strict' = 'Lax'): void {\n    if (!this.documentIsAccessible) {\n      return;\n    }\n\n    const cookies: any = this.getAll();\n\n    for (const cookieName in cookies) {\n      if (cookies.hasOwnProperty(cookieName)) {\n        this.delete(cookieName, path, domain, secure, sameSite);\n      }\n    }\n  }\n\n  /**\n   * @param name Cookie name\n   * @returns property RegExp\n   */\n  private getCookieRegExp(name: string): RegExp {\n    // eslint-disable-next-line no-useless-escape\n    const escapedName: string = name.replace(/([\\[\\]\\{\\}\\(\\)\\|\\=\\;\\+\\?\\,\\.\\*\\^\\$])/gi, '\\\\$1');\n\n    return new RegExp('(?:^' + escapedName + '|;\\\\s*' + escapedName + ')=(.*?)(?:;|$)', 'g');\n  }\n\n  private safeDecodeURIComponent(encodedURIComponent: string): string {\n    try {\n      return decodeURIComponent(encodedURIComponent);\n    } catch {\n      // probably it is not uri encoded. return as is\n      return encodedURIComponent;\n    }\n  }\n}","import React, { useEffect } from 'react';\nimport styled, { keyframes} from 'styled-components';\nimport ConsentBox from './components/consent-box/ConsentBox';\nimport { useAppState } from './data';\nimport { CookieService } from './lib/cookie-service';\n\nconst FadeIn = keyframes`\n  0% {\n    opacity: 0\n  }\n\n  100% {\n    opacity: 1\n  }\n`;\n\nconst Overlay = styled.div<{open: boolean}>`\n  background: rgba(0, 0, 0, .5);\n  z-index: ${props => props.open ? '2147483643' : '2147483640'};\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n\n  animation-name: ${FadeIn};\n  animation-duration: 400ms;\n  animation-timing-function: ease-in-out;\n`;\n\nconst cookieService = new CookieService();\n\nfunction App() {\n  const {\n    showApp,\n    setShowApp,\n    isFetching,\n    openDialog,\n    setOpenDialog,\n    setCookiesConfig,\n    cookiesConfig,\n    appConfig,\n    setShowBottomPanel,\n  } = useAppState();\n\n  useEffect(() => {\n    const intervalId = window.setInterval(() => {\n      if (appConfig && cookiesConfig) {\n        Object.keys(cookiesConfig).forEach((index: any) => {\n          if (!cookiesConfig[index] && appConfig.cookiesConfigs && appConfig.cookiesConfigs[index]) {\n            appConfig.cookiesConfigs[index].cookies.forEach(cookie => {\n              cookieService.delete(cookie.name);\n            });\n          }\n        })\n      }\n    }, 100);\n\n    const storageCallback = (event: StorageEvent) => {\n      if (event.key === 'sydle_one_lgpd_config') {\n        try {\n          setCookiesConfig(JSON.parse(event.newValue!));\n        } catch(_) {\n          setCookiesConfig({});\n        }\n      }\n    };\n\n    window.addEventListener('storage', storageCallback);\n    return () => {\n      window.removeEventListener('storage', storageCallback);\n      window.clearInterval(intervalId);\n    }\n  }, [appConfig, cookiesConfig, setCookiesConfig]);\n\n  useEffect(() => {\n    window.LGPD_API = {\n      ...window.LGPD_API,\n      showOverlay: () => {\n        setShowApp(true);\n        setShowBottomPanel(true);\n        setOpenDialog(false);\n      },\n      openConfigDialog: () => {\n        setShowApp(true);\n        setShowBottomPanel(false);\n        setOpenDialog(true);\n      }\n    };\n  }, [setShowApp, setOpenDialog, setShowBottomPanel]);\n  \n  return (showApp && !isFetching)? (\n    <>\n      <Overlay as=\"ldiv\" open={openDialog}/>\n      <ConsentBox />\n    </>\n  ) : null;\n}\n\nexport default App;\n","import { createGlobalStyle } from 'styled-components';\n\nconst SIZES = {\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200\n};\n\nexport const BREAKPOINTS = {\n  sm: `@media (min-width: ${SIZES.sm}px)`,\n  md: `@media (min-width: ${SIZES.md}px)`,\n  lg: `@media (min-width: ${SIZES.lg}px)`,\n  xl: `@media (min-width: ${SIZES.xl}px)`\n}\n\nexport default createGlobalStyle`\n  /* BLOCO BÁSICO PARA CONSTRUÇÃO DA APP */\n  ldiv {\n    animation: 0s none;\n    backface-visibility: visible;\n    background: none;\n    border: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n    bottom: auto;\n    caption-side: top;\n    clear: none;\n    clip: auto;\n    cursor: inherit;\n    display: block;\n    direction: ltr;\n    flex: none;\n    height: auto;\n    hyphens: manual;\n    image-rendering: auto;\n    justify-content: flex-start;\n    left: auto;\n    letter-spacing: normal;\n    line-height: normal;\n    margin: 0;\n    max-height: none;\n    max-width: none;\n    min-height: 0;\n    min-width: 0;\n    object-fit: fill;\n    opacity: 1;\n    order: 1;\n    orphans: 2;\n    outline: 0 none;\n    overflow: visible;\n    padding: 0;\n    perspective: none;\n    position: static;\n    resize: none;\n    right: auto;\n    text-align: left;\n    text-decoration: none;\n    text-indent: 0;\n    text-overflow: clip;\n    text-shadow: none;\n    text-transform: none;\n    top: auto;\n    transform: none;\n    transition: all 0s ease 0s;\n    unicode-bidi: normal;\n    user-select: none;\n    vertical-align: baseline;\n    white-space: normal;\n    width: auto;\n    word-break: normal;\n    word-spacing: normal;\n    word-wrap: normal;\n    z-index: auto;\n    zoom: normal;\n    filter: none !important;\n    font-weight: 400;\n    font-family: 'Roboto', sans-serif;\n  }\n\n  #✡︎ {\n    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n    font-size: 16px;\n    line-height: 1.4;\n    text-align: left;\n  }\n\n  #✡︎, #✡︎ * {\n    box-sizing: border-box;\n  }\n  \n  #✡︎ {\n    .container {\n      width: 100%;\n      padding-right: 15px;\n      padding-left: 15px;\n      margin-right: auto;\n      margin-left: auto;\n    \n      ${BREAKPOINTS.sm} {\n        max-width: 540px;\n      }\n    \n      ${BREAKPOINTS.md} {\n        max-width: 720px;\n      }\n    \n      ${BREAKPOINTS.lg} {\n        max-width: 960px;\n      }\n    \n      ${BREAKPOINTS.xl} {\n        max-width: 1140px;\n      }\n    }\n\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -15px;\n      margin-left: -15px;\n    }\n\n    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {\n      position: relative;\n      width: 100%;\n      padding-right: 15px;\n      padding-left: 15px;\n    }\n\n    .col {\n      flex-basis: 0;\n      flex-grow: 1;\n      max-width: 100%;\n    }\n    \n    .col-12 {\n      flex: 0 0 100%;\n      max-width: 100%;\n    }\n\n    ${BREAKPOINTS.lg} {\n      .col-lg-8 {\n        flex: 0 0 66.666667%;\n        max-width: 66.666667%;\n      }\n\n      .col-lg-7 {\n        flex: 0 0 58.333333%;\n        max-width: 58.333333%;\n      }\n\n      .col-lg-5 {\n        flex: 0 0 41.666667%;\n        max-width: 41.666667%;\n      }\n\n      .col-lg-4 {\n        flex: 0 0 33.333333%;\n        max-width: 33.333333%;\n      }\n\n      .mb-lg-0, .my-lg-0 {\n        margin-bottom: 0!important;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport GlobalState from './data';\nimport App from './App';\nimport GlobalStyle from './GlobalStyle';\n\nReactDOM.render(\n  <React.StrictMode>\n    <GlobalState>\n      <GlobalStyle />\n      <App />\n    </GlobalState>\n  </React.StrictMode>,\n  document.getElementById('✡︎')\n);\n"],"sourceRoot":""}