import React from "react"
import { oneLine, stripIndent } from "common-tags"

exports.onRenderBody = (
  { setHeadComponents, setPreBodyComponents },
  pluginOptions
) => {
  if (
    process.env.NODE_ENV === `production` ||
    pluginOptions.includeInDevelopment
  ) {
    const environmentParamStr =
      pluginOptions.gtmAuth && pluginOptions.gtmPreview
        ? oneLine`
      &gtm_auth=${pluginOptions.gtmAuth}&gtm_preview=${
            pluginOptions.gtmPreview
          }&gtm_cookies_win=x
    `
        : ``

    setHeadComponents([
      <script
        key="plugin-google-tagmanager"
        dangerouslySetInnerHTML={{
          __html: stripIndent`
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl+'${environmentParamStr}';f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer', '${pluginOptions.id}');`,
        }}
      />,
    ])

    setPreBodyComponents([
      <noscript
        key="plugin-google-tagmanager"
        dangerouslySetInnerHTML={{
          __html: stripIndent`
            <iframe
              src="https://www.googletagmanager.com/ns.html?id=${
                pluginOptions.id
              }${environmentParamStr}"
              height="0"
              width="0"
              style="display: none; visibility: hidden"
            ></iframe>`,
        }}
      />,
    ])
  }
}

@@ -1123,16 +1123,135 @@
     %5D)%0A%0A
+    // TODO: add a test to verify iframe contains no line breaks. Ref: https://github.com/gatsbyjs/gatsby/issues/11014%0A
     setP
@@ -1409,30 +1409,16 @@
  %3Ciframe
-%0A             
  src=%22ht
@@ -1468,34 +1468,32 @@
 %7B%0A              
-  
 pluginOptions.id
@@ -1493,18 +1493,16 @@
 ions.id%0A
-  
         
@@ -1533,71 +1533,29 @@
 tr%7D%22
-%0A              height=%220%22%0A              width=%220%22%0A             
+ height=%220%22 width=%220%22
  sty
@@ -1592,29 +1592,16 @@
  hidden%22
-%0A            
 %3E%3C/ifram

handle line breaks (#11169)