{"version":3,"sources":["webpack:///./app/components/component-copy-to-clipboard/component-copy-to-clipboard.js","webpack:///./app/components/component-copy-to-clipboard/mount-component.js"],"names":["ComponentCopyToClipboard","props","setState","copied","setTimeout","e","value","state","key","result","copy","preventDefault","document","execCommand","onCopyLink","valueToSet","location","search","includes","origin","pathname","data","Id","linkText","T","translate","copiedText","this","classes","classNames","text","onCopy","tabIndex","className","onKeyDown","aria-label","springConfig","presets","gentle","noOverflow","React","Component","MountComponent","append","root","id","dataset","render","init","$","each","i","elm"],"mappings":"qkCAqEeA,E,YA5Db,WAAYC,GAAO,M,iGAAA,S,EACjB,K,EAAA,eAAMA,GAAN,G,gDADiB,qBAgBN,WACX,EAAKC,SAAS,CAAEC,QAAQ,IAExBC,YAAW,WACP,EAAKF,SAAS,CAAEC,QAAQ,MACvB,SArBY,oBAwBP,SAACE,GAAM,IACTC,EAAU,EAAKC,MAAfD,MACR,GAAc,UAAVD,EAAEG,IAAiB,CACrB,IAAIC,EAASC,IAAKJ,GAClBD,EAAEM,iBACFC,SAASC,YAAY,QACrB,EAAKC,WAAWR,EAAOG,OA5BzB,IAAIM,EAAa,GAFA,OAIfA,EADEC,SAASC,OAAOC,SAAS,KACdF,SAASG,OAASH,SAASI,SAAWJ,SAASC,OAAS,SAAW,EAAKhB,MAAMoB,KAAKC,GAEnFN,SAASG,OAASH,SAASI,SAAWJ,SAASC,OAAS,SAAW,EAAKhB,MAAMoB,KAAKC,GAElG,EAAKf,MAAQ,CACXD,MAAOS,EACPZ,QAAQ,EACRoB,SAAUC,IAAEC,UAAU,kBACtBC,WAAYF,IAAEC,UAAU,qBAZT,E,gSAmCV,aACyCE,KAAKpB,MAA7CgB,EADD,EACCA,SAAUjB,EADX,EACWA,MAAOH,EADlB,EACkBA,OAAQuB,EAD1B,EAC0BA,WAE3BE,EAAUC,IAAW,CACzB,mCAAmC,IAGrC,OACE,oCACE,kBAAC,IAAD,CAAiBC,KAAMxB,EACvByB,OAAQ,kBAAM,EAAKjB,cAAckB,SAAS,KACxC,uBAAGC,UAAWL,EAASM,UAAW,SAAC7B,GAAD,OAAO,EAAK6B,UAAU7B,IAAI8B,aAAYhC,EAASuB,EAAaH,GAC1F,kBAAC,IAAD,CACIO,KAAM3B,EAASuB,EAAaH,EAC5Ba,aAAeC,UAAQC,OACvBC,YAAY,Y,8BAnDSC,IAAMC,WCHzCC,EAAiB,CACnBC,OADmB,SACZC,GACL,GAAKA,EAAL,CACA,IAAMC,EAAKD,EAAKE,QAAQD,GASxB,OAFkBE,iBAChB,kBAAC,EAPW,CACZ1B,KAAM,CACJC,GAAIuB,KAKoCD,KAI9CI,KAfmB,WAeZ,WACLC,IAAE,kCAAkCC,MAAK,SAACC,EAAGC,GAC3C,EAAKT,OAAOS,QAKHV","file":"js/mountCopyToClipboard.8b307171aec6455a854e.js","sourcesContent":["import React from 'react';\r\nimport $ from 'jquery';\r\nimport classNames from 'classnames';\r\nimport T from 'i18n-react';\r\nimport CopyToClipboard, {onCopy} from 'react-copy-to-clipboard';\r\nimport TextTransition, { presets } from \"react-text-transition\";\r\nimport copy from 'copy-to-clipboard';\r\n\r\nclass ComponentCopyToClipboard extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    let valueToSet = \"\";\r\n    if (location.search.includes(\"?\")) {\r\n      valueToSet = location.origin + location.pathname + location.search + '&step=' + this.props.data.Id\r\n    } else {\r\n      valueToSet = location.origin + location.pathname + location.search + '?step=' + this.props.data.Id\r\n    }\r\n    this.state = {\r\n      value: valueToSet,\r\n      copied: false,\r\n      linkText: T.translate(\"steps.copyLink\"),\r\n      copiedText: T.translate(\"steps.copiedText\")\r\n    }\r\n  }\r\n\r\n  onCopyLink = () => {\r\n    this.setState({ copied: true });\r\n\r\n    setTimeout(() => {\r\n        this.setState({ copied: false });\r\n      }, 2500);\r\n  }\r\n\r\n  onKeyDown = (e) => {\r\n    const { value } = this.state;\r\n    if (e.key === 'Enter') {\r\n      let result = copy(value);\r\n      e.preventDefault();\r\n      document.execCommand('copy');\r\n      this.onCopyLink(value, result);\r\n      \r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { linkText, value, copied, copiedText } = this.state;\r\n\r\n    const classes = classNames({\r\n      'element-link element-link--copy': true\r\n    });\r\n\r\n    return (\r\n      <>\r\n        <CopyToClipboard text={value}\r\n        onCopy={() => this.onCopyLink()} tabIndex=\"0\">\r\n          <a className={classes} onKeyDown={(e) => this.onKeyDown(e)} aria-label={copied ? copiedText : linkText}>\r\n              <TextTransition\r\n                  text={copied ? copiedText : linkText}\r\n                  springConfig={ presets.gentle }\r\n                  noOverflow={true}\r\n              />\r\n          </a>\r\n        </CopyToClipboard>\r\n      </>\r\n\r\n    );\r\n  }\r\n};\r\n\r\nexport default ComponentCopyToClipboard;\r\n","import React from 'react';\r\nimport { render } from 'react-dom';\r\nimport $ from 'jquery';\r\nimport ComponentCopyToClipboard from './component-copy-to-clipboard';\r\n\r\nlet MountComponent = {\r\n  append(root){\r\n    if (!root) return;\r\n    const id = root.dataset.id;\r\n    const props = {\r\n      data: {\r\n        Id: id\r\n      },\r\n    };\r\n\r\n    const component = render(\r\n      <ComponentCopyToClipboard {...props}  />, root);\r\n    return component;\r\n  },\r\n\r\n  init() {\r\n    $('[data-mount-copy-to-clipboard]').each((i, elm) => {\r\n      this.append(elm);\r\n    });\r\n  },\r\n};\r\n\r\nexport default MountComponent;\r\n"],"sourceRoot":""}