{"version":3,"file":"static/js/Embed.f42afa6e.js","mappings":"0OAIO,MAAMA,GAAcC,EAAAA,EAAAA,QAAOC,EAAAA,IAAUC,WAAA,CAAAC,YAAA,gBAAjBH,CAAiB,0E,eCQ5C,MAAMI,EAAQA,EACVC,YACAC,aACAC,UACAC,YACAC,iBAEA,MAAMC,EAAWC,EAAAA,YAEXC,EAAcL,GAAUM,EAAAA,EAAAA,OAAMN,QAAWO,EACzCC,EAAUH,EAAcA,EAAYI,iBAAiB,UAAY,GAEjEC,EACDV,GACGA,EAAQW,QACJ,6EACA,KAER,GA+BJ,OA7BAC,EAAAA,EAAAA,YAAU,KACN,GAAIT,EAASU,QAAS,CAClB,MAAMC,EAAYX,EAASU,QAErBE,EAAkBP,EAAQQ,KAAKC,IACjC,MAAMC,EAASC,SAASC,cAAc,UAEhCC,GACW,OAAbJ,QAAa,IAAbA,OAAa,EAAbA,EAAeK,aAAa,cAAUf,EACpCgB,GAA+B,OAAbN,QAAa,IAAbA,OAAa,EAAbA,EAAeO,iBAAajB,EAKpD,OAHIc,IAAWH,EAAOO,IAAMJ,GACxBE,IAAiBL,EAAOM,UAAYD,GACxCL,EAAOQ,OAAQ,EACRR,CAAM,IAOjB,OAJAH,EAAgBY,SACXT,GAAWJ,GAAaA,EAAUc,YAAYV,KAG5C,KACHH,EAAgBY,SACXT,GAAWJ,GAAaA,EAAUe,YAAYX,IAClD,CAET,MAIAY,EAAAA,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,UACIF,EAAAA,EAAAA,KAACG,EAAAA,EAAO,KACAC,EAAAA,EAAAA,GAA4BpC,GAChCqC,GAAIjC,EAAW8B,UAEfF,EAAAA,EAAAA,KAACtC,EAAW,CACRS,UAAWA,EACXkC,GAAIpC,EACJqC,IAAKjC,EACLkC,wBAAyB,CACrBC,OAAQ5B,GAAgB,QAExB6B,EAAAA,EAAAA,IAAkB,gBAG/B,EAIX,MAAenC,EAAAA,KAAWP,E","sources":["components/Embed/Embed.styled.ts","components/Embed/Embed.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nimport { Container } from \"style/components/Page\";\n\nexport const StyledEmbed = styled(Container)`\n    place-self: center center;\n    width: 100%;\n\n    &.embedded {\n        padding: 1.3125rem 0;\n    }\n`;\n","import { parse } from \"node-html-parser\";\nimport React, { ReactElement, useEffect } from \"react\";\n\nimport Section from \"components/Section\";\nimport {\n    addEditAttributes,\n    addEditAttributesBlockLevel,\n} from \"utils/episerver\";\n\nimport { StyledEmbed } from \"./Embed.styled\";\nimport EmbedProps from \"./EmbedProps\";\n\nconst Embed = ({\n    contentId,\n    identifier,\n    content,\n    className,\n    anchorName,\n}: EmbedProps): ReactElement => {\n    const embedRef = React.createRef<HTMLDivElement>();\n\n    const contentRoot = content ? parse(content) : undefined;\n    const scripts = contentRoot ? contentRoot.querySelectorAll(\"script\") : [];\n\n    const innerContent =\n        (content &&\n            content.replace(\n                /(<|%3C)script[\\s\\S]*?(>|%3E)[\\s\\S]*?(<|%3C)(\\/|%2F)script[\\s\\S]*?(>|%3E)/gi,\n                \"\",\n            )) ||\n        \"\";\n\n    useEffect(() => {\n        if (embedRef.current) {\n            const reference = embedRef.current;\n\n            const documentScripts = scripts.map((scriptContent) => {\n                const script = document.createElement(\"script\");\n\n                const scriptSrc =\n                    scriptContent?.getAttribute(\"src\") || undefined;\n                const scriptInnerHTML = scriptContent?.innerHTML || undefined;\n\n                if (scriptSrc) script.src = scriptSrc;\n                if (scriptInnerHTML) script.innerHTML = scriptInnerHTML;\n                script.async = true;\n                return script;\n            });\n\n            documentScripts.forEach(\n                (script) => reference && reference.appendChild(script),\n            );\n\n            return () => {\n                documentScripts.forEach(\n                    (script) => reference && reference.removeChild(script),\n                );\n            };\n        }\n    });\n\n    return (\n        <>\n            <Section\n                {...addEditAttributesBlockLevel(contentId)}\n                id={anchorName}\n            >\n                <StyledEmbed\n                    className={className}\n                    id={identifier}\n                    ref={embedRef}\n                    dangerouslySetInnerHTML={{\n                        __html: innerContent || \"\",\n                    }}\n                    {...addEditAttributes(\"Content\")}\n                />\n            </Section>\n        </>\n    );\n};\n\nexport default React.memo(Embed);\n"],"names":["StyledEmbed","styled","Container","withConfig","componentId","Embed","contentId","identifier","content","className","anchorName","embedRef","React","contentRoot","parse","undefined","scripts","querySelectorAll","innerContent","replace","useEffect","current","reference","documentScripts","map","scriptContent","script","document","createElement","scriptSrc","getAttribute","scriptInnerHTML","innerHTML","src","async","forEach","appendChild","removeChild","_jsx","_Fragment","children","Section","addEditAttributesBlockLevel","id","ref","dangerouslySetInnerHTML","__html","addEditAttributes"],"sourceRoot":""}