{"version":3,"file":"js/cc4728cb1eef98bc121e.chunk.js","mappings":"+OA4EA,SAASA,EAAYC,EAAOC,EAASC,GACnC,OAAKF,EAAMC,GAcJD,EAAMC,GAAS,GAAKD,EAAMC,GAAS,GAAGC,GAG7CF,EAAMC,GAASC,GAhBG,mBAAZD,EAMKD,EAAMG,YAAyB,eAAbD,EAA4B,QAAU,eAGjE,CAQJ,C,0BCjFO,SAASE,IACf,MAAMC,EAAmBC,IAAWC,EAAAA,EAAQC,YACtC,IAAEC,EAAG,OAAEC,EAAS,GDiFvB,SAA2BC,QACZ,IAATA,IACFA,EAAO,CAAC,GAMV,IAAIC,EAAWD,EAAKC,SAChBC,GAAc,IAAAC,aAAOC,GACzBF,EAAYG,QAAUJ,EACtB,IAAIK,EAAQN,EAAKM,OAASC,KAAKD,MAE3BE,GAAoB,IAAAL,UAEpBM,GAAY,IAAAC,UAAS,CACvBC,WAAOP,EACPL,YAAQK,IAENQ,EAAOH,EAAU,GACjBI,EAAUJ,EAAU,GAIpBK,GAAa,IAAAX,SAAO,IACxB,IAAAY,YAAU,WAER,OADAD,EAAWT,SAAU,EACd,WACLS,EAAWT,SAAU,CACvB,CACF,GAAG,IAEH,IAAIW,GAAW,IAAAb,QAAO,CACpBQ,WAAOP,EACPL,YAAQK,IAKNa,EApIN,SAA4BC,EAAYC,GACtC,IAAIC,GAAgB,IAAAjB,QAAO,MACvBkB,GAAkB,IAAAlB,QAAO,MAC7BkB,EAAgBhB,QAAUc,EAC1B,IAAIG,GAAe,IAAAnB,QAAO,OAG1B,IAAAY,YAAU,WACRQ,GACF,IACA,IAAIA,GAAuB,IAAAC,cAAY,WACrC,IAAIC,EAAYH,EAAajB,QACzBc,EAAeE,EAAgBhB,QAE/BqB,EAAUD,IAAwBN,EAAeA,aAAwBQ,QAAUR,EAAeA,EAAad,QAAU,MAEzHe,EAAcf,SAAWe,EAAcf,QAAQqB,UAAYA,GAAWN,EAAcf,QAAQa,aAAeA,IAI3GE,EAAcf,SAAWe,EAAcf,QAAQuB,SACjDR,EAAcf,QAAQuB,UAGxBR,EAAcf,QAAU,CACtBqB,QAASA,EACTR,WAAYA,EAGZU,QAASF,EAAUR,EAAWQ,QAAWtB,GAE7C,GAAG,CAACc,IAUJ,OARA,IAAAH,YAAU,WACR,OAAO,WACDK,EAAcf,SAAWe,EAAcf,QAAQuB,UACjDR,EAAcf,QAAQuB,UACtBR,EAAcf,QAAU,KAE5B,CACF,GAAG,KACI,IAAAmB,cAAY,SAAUE,GAC3BJ,EAAajB,QAAUqB,EACvBH,GACF,GAAG,CAACA,GACN,CAuFoBM,EAAmB,IAAAL,cAAY,SAAUE,GAsCzD,OAnCKlB,EAAkBH,SAAWG,EAAkBH,QAAQyB,MAAQ9B,EAAK8B,KAAOtB,EAAkBH,QAAQC,QAAUA,IAClHE,EAAkBH,QAAU,CAC1ByB,IAAK9B,EAAK8B,IACVxB,MAAOA,EACPyB,SAAU,IAAIC,gBAAe,SAAUC,GACrC,IAAI5C,EAAQ4C,EAAQ,GAChB3C,EAAuB,eAAbU,EAAK8B,IAAuB,gBAA+B,6BAAb9B,EAAK8B,IAAqC,4BAA8B,iBAChII,EAAgB9C,EAAYC,EAAOC,EAAS,cAC5C6C,EAAiB/C,EAAYC,EAAOC,EAAS,aAC7C8C,EAAWF,EAAgB5B,EAAM4B,QAAiB9B,EAClDiC,EAAYF,EAAiB7B,EAAM6B,QAAkB/B,EAEzD,GAAIY,EAASX,QAAQM,QAAUyB,GAAYpB,EAASX,QAAQN,SAAWsC,EAAW,CAChF,IAAIC,EAAU,CACZ3B,MAAOyB,EACPrC,OAAQsC,GAEVrB,EAASX,QAAQM,MAAQyB,EACzBpB,EAASX,QAAQN,OAASsC,EAEtBnC,EAAYG,QACdH,EAAYG,QAAQiC,GAEfxB,EAAWT,SACdQ,EAAQyB,EAGd,CACF,MAIJ9B,EAAkBH,QAAQ0B,SAASQ,QAAQb,EAAS,CAClDI,IAAK9B,EAAK8B,MAEL,WACDtB,EAAkBH,SACpBG,EAAkBH,QAAQ0B,SAASS,UAAUd,EAEjD,CACF,GAAG,CAAC1B,EAAK8B,IAAKxB,IAASN,EAAKF,KAC5B,OAAO,IAAA2C,UAAQ,WACb,MAAO,CACL3C,IAAKmB,EACLN,MAAOC,EAAKD,MACZZ,OAAQa,EAAKb,OAEjB,GAAG,CAACkB,EAAaL,EAAKD,MAAOC,EAAKb,QACpC,CC3K6B2C,IACtB,aAAEC,IAAiBC,EAAAA,EAAAA,OACnB,UAAEC,IAAcC,EAAAA,EAAAA,KAkBtB,OAbA/B,EAAAA,EAAAA,YAAU,MACTgC,EAAAA,EAAAA,IAAqB,GAAGhD,MAAW,GACjC,CAACA,KAEJgB,EAAAA,EAAAA,YAAU,MACTiC,EAAAA,EAAAA,KAAgB,GAET,MACNA,EAAAA,EAAAA,KAAgB,IAChBD,EAAAA,EAAAA,KAAsB,IAErB,KAGFE,EAAAA,EAAAA,KAAA,OACCC,UAAWxD,EACXI,IAAKA,EAAIqD,UAETC,EAAAA,EAAAA,MAAA,OAAKF,UAAWtD,EAAAA,EAAQyD,QAAQF,SAAA,EAC/BF,EAAAA,EAAAA,KAAA,OAAKC,UAAW,GAAGtD,EAAAA,EAAQ0D,wBAAwBH,SAAC,OACpDF,EAAAA,EAAAA,KAAA,OACCC,UAAWtD,EAAAA,EAAQ2D,QAEnBC,wBAAyB,CAAEC,OAAQZ,EAAUa,EAAAA,EAAMC,yBAEpDV,EAAAA,EAAAA,KAAA,UACCW,KAAK,SACLV,UAAWtD,EAAAA,EAAQiE,OACnBC,QAhCgBC,KACnBpB,GAAc,EA+BUQ,UAErBF,EAAAA,EAAAA,KAACe,EAAAA,EAAK,CAACC,KAAK,kBAKjB,MAhD8B7D,IAA1B8D,OAAOlC,iBACVkC,OAAOlC,eAAiBA,e","sources":["webpack://helloFlexReact/./node_modules/use-resize-observer/dist/bundle.esm.js","webpack://helloFlexReact/./Themes/Glued/Content/ReactSharedScripts/modules/app/components/CookieAccept/CookieAccept.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, useState, useMemo } from 'react';\n\n// This could've been more streamlined with internal state instead of abusing\n// refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.\nfunction useResolvedElement(subscriber, refOrElement) {\n  var lastReportRef = useRef(null);\n  var refOrElementRef = useRef(null);\n  refOrElementRef.current = refOrElement;\n  var cbElementRef = useRef(null); // Calling re-evaluation after each render without using a dep array,\n  // as the ref object's current value could've changed since the last render.\n\n  useEffect(function () {\n    evaluateSubscription();\n  });\n  var evaluateSubscription = useCallback(function () {\n    var cbElement = cbElementRef.current;\n    var refOrElement = refOrElementRef.current; // Ugly ternary. But smaller than an if-else block.\n\n    var element = cbElement ? cbElement : refOrElement ? refOrElement instanceof Element ? refOrElement : refOrElement.current : null;\n\n    if (lastReportRef.current && lastReportRef.current.element === element && lastReportRef.current.subscriber === subscriber) {\n      return;\n    }\n\n    if (lastReportRef.current && lastReportRef.current.cleanup) {\n      lastReportRef.current.cleanup();\n    }\n\n    lastReportRef.current = {\n      element: element,\n      subscriber: subscriber,\n      // Only calling the subscriber, if there's an actual element to report.\n      // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.\n      cleanup: element ? subscriber(element) : undefined\n    };\n  }, [subscriber]); // making sure we call the cleanup function on unmount\n\n  useEffect(function () {\n    return function () {\n      if (lastReportRef.current && lastReportRef.current.cleanup) {\n        lastReportRef.current.cleanup();\n        lastReportRef.current = null;\n      }\n    };\n  }, []);\n  return useCallback(function (element) {\n    cbElementRef.current = element;\n    evaluateSubscription();\n  }, [evaluateSubscription]);\n}\n\n// We're only using the first element of the size sequences, until future versions of the spec solidify on how\n// exactly it'll be used for fragments in multi-column scenarios:\n// From the spec:\n// > The box size properties are exposed as FrozenArray in order to support elements that have multiple fragments,\n// > which occur in multi-column scenarios. However the current definitions of content rect and border box do not\n// > mention how those boxes are affected by multi-column layout. In this spec, there will only be a single\n// > ResizeObserverSize returned in the FrozenArray, which will correspond to the dimensions of the first column.\n// > A future version of this spec will extend the returned FrozenArray to contain the per-fragment size information.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-entry-interface)\n//\n// Also, testing these new box options revealed that in both Chrome and FF everything is returned in the callback,\n// regardless of the \"box\" option.\n// The spec states the following on this:\n// > This does not have any impact on which box dimensions are returned to the defined callback when the event\n// > is fired, it solely defines which box the author wishes to observe layout changes on.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-interface)\n// I'm not exactly clear on what this means, especially when you consider a later section stating the following:\n// > This section is non-normative. An author may desire to observe more than one CSS box.\n// > In this case, author will need to use multiple ResizeObservers.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-interface)\n// Which is clearly not how current browser implementations behave, and seems to contradict the previous quote.\n// For this reason I decided to only return the requested size,\n// even though it seems we have access to results for all box types.\n// This also means that we get to keep the current api, being able to return a simple { width, height } pair,\n// regardless of box option.\nfunction extractSize(entry, boxProp, sizeType) {\n  if (!entry[boxProp]) {\n    if (boxProp === \"contentBoxSize\") {\n      // The dimensions in `contentBoxSize` and `contentRect` are equivalent according to the spec.\n      // See the 6th step in the description for the RO algorithm:\n      // https://drafts.csswg.org/resize-observer/#create-and-populate-resizeobserverentry-h\n      // > Set this.contentRect to logical this.contentBoxSize given target and observedBox of \"content-box\".\n      // In real browser implementations of course these objects differ, but the width/height values should be equivalent.\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n\n    return undefined;\n  } // A couple bytes smaller than calling Array.isArray() and just as effective here.\n\n\n  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current\n  // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.\n  // @ts-ignore\n  entry[boxProp][sizeType];\n}\n\nfunction useResizeObserver(opts) {\n  if (opts === void 0) {\n    opts = {};\n  }\n\n  // Saving the callback as a ref. With this, I don't need to put onResize in the\n  // effect dep array, and just passing in an anonymous function without memoising\n  // will not reinstantiate the hook's ResizeObserver.\n  var onResize = opts.onResize;\n  var onResizeRef = useRef(undefined);\n  onResizeRef.current = onResize;\n  var round = opts.round || Math.round; // Using a single instance throughout the hook's lifetime\n\n  var resizeObserverRef = useRef();\n\n  var _useState = useState({\n    width: undefined,\n    height: undefined\n  }),\n      size = _useState[0],\n      setSize = _useState[1]; // In certain edge cases the RO might want to report a size change just after\n  // the component unmounted.\n\n\n  var didUnmount = useRef(false);\n  useEffect(function () {\n    didUnmount.current = false;\n    return function () {\n      didUnmount.current = true;\n    };\n  }, []); // Using a ref to track the previous width / height to avoid unnecessary renders.\n\n  var previous = useRef({\n    width: undefined,\n    height: undefined\n  }); // This block is kinda like a useEffect, only it's called whenever a new\n  // element could be resolved based on the ref option. It also has a cleanup\n  // function.\n\n  var refCallback = useResolvedElement(useCallback(function (element) {\n    // We only use a single Resize Observer instance, and we're instantiating it on demand, only once there's something to observe.\n    // This instance is also recreated when the `box` option changes, so that a new observation is fired if there was a previously observed element with a different box option.\n    if (!resizeObserverRef.current || resizeObserverRef.current.box !== opts.box || resizeObserverRef.current.round !== round) {\n      resizeObserverRef.current = {\n        box: opts.box,\n        round: round,\n        instance: new ResizeObserver(function (entries) {\n          var entry = entries[0];\n          var boxProp = opts.box === \"border-box\" ? \"borderBoxSize\" : opts.box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n          var reportedWidth = extractSize(entry, boxProp, \"inlineSize\");\n          var reportedHeight = extractSize(entry, boxProp, \"blockSize\");\n          var newWidth = reportedWidth ? round(reportedWidth) : undefined;\n          var newHeight = reportedHeight ? round(reportedHeight) : undefined;\n\n          if (previous.current.width !== newWidth || previous.current.height !== newHeight) {\n            var newSize = {\n              width: newWidth,\n              height: newHeight\n            };\n            previous.current.width = newWidth;\n            previous.current.height = newHeight;\n\n            if (onResizeRef.current) {\n              onResizeRef.current(newSize);\n            } else {\n              if (!didUnmount.current) {\n                setSize(newSize);\n              }\n            }\n          }\n        })\n      };\n    }\n\n    resizeObserverRef.current.instance.observe(element, {\n      box: opts.box\n    });\n    return function () {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.instance.unobserve(element);\n      }\n    };\n  }, [opts.box, round]), opts.ref);\n  return useMemo(function () {\n    return {\n      ref: refCallback,\n      width: size.width,\n      height: size.height\n    };\n  }, [refCallback, size.width, size.height]);\n}\n\nexport { useResizeObserver as default };\n","import React, { useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport { useTranslationAPI } from '../../../translations';\r\nimport classes from './styles/cookieAccept.module.scss';\r\nimport { codes } from '../../../../data/translations';\r\nimport { setBodyPaddingStyles, toggleBodyClass } from './utils';\r\nimport { useUserPageContextAPI } from '../../../user';\r\nimport useResizeObserver from 'use-resize-observer';\r\nimport { Close } from '../../../../components/Icons/Close';\r\n\r\nif (window.ResizeObserver === undefined) {\r\n\twindow.ResizeObserver = ResizeObserver;\r\n}\r\n\r\nexport function CookieAccept() {\r\n\tconst componentClasses = classNames(classes.container);\r\n\tconst { ref, height = 0 } = useResizeObserver<HTMLDivElement>();\r\n\tconst { acceptCookie } = useUserPageContextAPI();\r\n\tconst { translate } = useTranslationAPI();\r\n\tconst handleClose = () => {\r\n\t\tacceptCookie();\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tsetBodyPaddingStyles(`${height}px`);\r\n\t}, [height]);\r\n\r\n\tuseEffect(() => {\r\n\t\ttoggleBodyClass(true);\r\n\r\n\t\treturn () => {\r\n\t\t\ttoggleBodyClass(false);\r\n\t\t\tsetBodyPaddingStyles();\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={componentClasses}\r\n\t\t\tref={ref}\r\n\t\t>\r\n\t\t\t<div className={classes.content}>\r\n\t\t\t\t<div className={`${classes.attention} metro-color`}>*</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={classes.message}\r\n\t\t\t\t\t// eslint-disable-next-line\r\n\t\t\t\t\tdangerouslySetInnerHTML={{ __html: translate(codes.cookieAcceptMessage) }}\r\n\t\t\t\t/>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype='button'\r\n\t\t\t\t\tclassName={classes.button}\r\n\t\t\t\t\tonClick={handleClose}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Close fill='#ffffff' />\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"names":["extractSize","entry","boxProp","sizeType","contentRect","CookieAccept","componentClasses","classNames","classes","container","ref","height","opts","onResize","onResizeRef","useRef","undefined","current","round","Math","resizeObserverRef","_useState","useState","width","size","setSize","didUnmount","useEffect","previous","refCallback","subscriber","refOrElement","lastReportRef","refOrElementRef","cbElementRef","evaluateSubscription","useCallback","cbElement","element","Element","cleanup","useResolvedElement","box","instance","ResizeObserver","entries","reportedWidth","reportedHeight","newWidth","newHeight","newSize","observe","unobserve","useMemo","useResizeObserver","acceptCookie","useUserPageContextAPI","translate","useTranslationAPI","setBodyPaddingStyles","toggleBodyClass","_jsx","className","children","_jsxs","content","attention","message","dangerouslySetInnerHTML","__html","codes","cookieAcceptMessage","type","button","onClick","handleClose","Close","fill","window"],"sourceRoot":""}