{"version":3,"file":"scripts/chunks/_app_app_components_molecules_VideoButton_index_ts.3ed5db25351d9ed6a030.mjs","mappings":"sLAqBA,IAjB8BA,GAC5BC,EAAAA,cAAA,OAAAC,EAAAA,EAAAA,GAAA,CACEC,MAAM,8BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACR,kBAAgB,kBACZN,GAEJC,EAAAA,cAAA,QAAMM,EAAE,+PACRN,EAAAA,cAAA,QACEM,EAAE,iGACFC,UAAU,U,kFCKhB,MAAMC,GAAqGC,EAAAA,EAAAA,aAGzG,CAACV,EAAOW,KACR,MAAM,SACJC,EAAQ,WACRC,EAAU,iBACVC,EAAgB,WAChBC,EAAU,gBACVC,EAAe,kBACfC,EAAiB,mBACjBC,EAAkB,WAClBC,EAAU,gBACVC,EAAe,0BACfC,EAAyB,WACzBC,EAAU,GACVC,EAAE,gBACFC,EAAe,kBACfC,GAAoB,GAClBzB,EAeJ,OACEC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,UACEsB,GAAIA,EACJG,KAAK,SACL,aAAYd,EACZ,mBAAkBC,EAClB,2BAA0BI,EAC1B,4BAA2BC,EAC3B,yBAAwBC,EACxB,sBAAoB,OACpB,kBAAgB,QAChB,kBAAgB,OAChB,mBAAiB,OACjBX,UAAWgB,GAAmB,eAC9B,cAAY,eACZb,IAAKA,GAEJc,EACCxB,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,QAAMO,UAAU,uBAAuBc,GACvCrB,EAAAA,cAAA,QAAMO,UAAU,6BACdP,EAAAA,cAAC0B,EAAAA,EAAS,QAIdL,GAGHF,EACCnB,EAAAA,cAAA,OACEO,UAAU,SACVoB,0BAAwB,EACxBC,wBAAyB,CAAEC,OAAQT,KAGrCT,GAAUmB,OAAS,GACjB9B,EAAAA,cAAA,UACE,cAAY,SACZ2B,0BAAwB,EACxBF,KAAK,sBACLG,wBAAyB,CAAEC,OAtDrBE,MACd,MAAMC,EAAO,CACX,YAAa,qBACb,SAAU,cACVC,KAAMrB,EACNsB,YAAarB,EACbsB,WAAYxB,EACZyB,aAAc,CAACtB,GACfuB,WAAYtB,GAEd,OAAOuB,KAAKC,UAAUP,EAAK,EA4CgBD,MAIxC,IAIPvB,EAAYgC,YAAc,a","sources":["webpack://rockworld/./app/components/atoms/icons/VideoIcon.tsx","webpack://rockworld/./app/components/molecules/VideoButton/VideoButton.tsx"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\r\n\r\ntype Props = SVGProps<SVGSVGElement>;\r\n\r\nconst VideoIcon: FC<Props> = (props) => (\r\n  <svg\r\n    xmlns=\"https://www.w3.org/2000/svg\"\r\n    width=\"15\"\r\n    height=\"13\"\r\n    viewBox=\"0 0 15 13\"\r\n    aria-labelledby=\"video-outlined\"\r\n    {...props}\r\n  >\r\n    <path d=\"M12.25,13H2.75A2.75,2.75,0,0,1,0,10.25V2.75A2.75,2.75,0,0,1,2.75,0h9.5A2.75,2.75,0,0,1,15,2.75v7.5A2.75,2.75,0,0,1,12.25,13ZM2.75,1.5A1.25,1.25,0,0,0,1.5,2.75v7.5A1.25,1.25,0,0,0,2.75,11.5h9.5a1.25,1.25,0,0,0,1.25-1.25V2.75A1.25,1.25,0,0,0,12.25,1.5Z\" />\r\n    <path\r\n      d=\"M10,6.58,6.27,9h0a.1.1,0,0,1-.15-.08V4.08h0a.1.1,0,0,1,.1-.1l.05,0L10,6.41h0a.1.1,0,0,1,0,.14Z\"\r\n      className=\"arrow\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport default VideoIcon;\r\n","import React, { forwardRef } from 'react';\r\nimport './VideoButton.scss';\r\nimport VideoIcon from '@atoms/icons/VideoIcon';\r\n\r\ninterface VideoButton {\r\n  id?: string;\r\n  videoUrl: string;\r\n  videoTitle?: string;\r\n  videoDescription?: string;\r\n  videoImage?: string;\r\n  videoUploadDate?: string;\r\n  videoTitleYouTube?: string;\r\n  videoTitleLinkedIn?: string;\r\n  youTubeUrl?: string;\r\n  embeddedCodeWithoutIframe?: string;\r\n  hasEmbeddedMeta?: boolean;\r\n  buttonText?: string;\r\n  customClassName?: string;\r\n  useButtonWithIcon?: boolean;\r\n}\r\n\r\nconst VideoButton: React.ForwardRefExoticComponent<VideoButton & React.RefAttributes<HTMLButtonElement>> = forwardRef<\r\n  HTMLButtonElement,\r\n  VideoButton\r\n>((props, ref) => {\r\n  const {\r\n    videoUrl,\r\n    videoTitle,\r\n    videoDescription,\r\n    videoImage,\r\n    videoUploadDate,\r\n    videoTitleYouTube,\r\n    videoTitleLinkedIn,\r\n    youTubeUrl,\r\n    hasEmbeddedMeta,\r\n    embeddedCodeWithoutIframe,\r\n    buttonText,\r\n    id,\r\n    customClassName,\r\n    useButtonWithIcon = false,\r\n  } = props;\r\n\r\n  const seoData = () => {\r\n    const data = {\r\n      '@@context': 'https://schema.org',\r\n      '@@type': 'VideoObject',\r\n      name: videoTitle,\r\n      description: videoDescription,\r\n      contentUrl: videoUrl,\r\n      thumbnailUrl: [videoImage],\r\n      uploadDate: videoUploadDate,\r\n    };\r\n    return JSON.stringify(data);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <button\r\n        id={id}\r\n        type=\"button\"\r\n        data-video={videoUrl}\r\n        data-video-title={videoTitle}\r\n        data-video-title-youtube={videoTitleYouTube}\r\n        data-video-title-linkedin={videoTitleLinkedIn}\r\n        data-video-youtube-url={youTubeUrl}\r\n        data-is-react-modal=\"true\"\r\n        data-modal-type=\"video\"\r\n        data-has-loader=\"true\"\r\n        data-has-overlay=\"true\"\r\n        className={customClassName || 'btn is-video'}\r\n        data-testid=\"video-button\"\r\n        ref={ref}\r\n      >\r\n        {useButtonWithIcon ? (\r\n          <>\r\n            <span className=\"download-link__text\">{buttonText}</span>\r\n            <span className=\"icon icon--video-outlined\">\r\n              <VideoIcon />\r\n            </span>\r\n          </>\r\n        ) : (\r\n          buttonText\r\n        )}\r\n      </button>\r\n      {hasEmbeddedMeta ? (\r\n        <div\r\n          className=\"hidden\"\r\n          suppressHydrationWarning\r\n          dangerouslySetInnerHTML={{ __html: embeddedCodeWithoutIframe }}\r\n        />\r\n      ) : (\r\n        videoUrl?.length > 0 && (\r\n          <script\r\n            data-testid=\"script\"\r\n            suppressHydrationWarning\r\n            type=\"application/ld+json\"\r\n            dangerouslySetInnerHTML={{ __html: seoData() }}\r\n          />\r\n        )\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nVideoButton.displayName = 'VideoButton';\r\n\r\nexport { VideoButton };\r\n"],"names":["props","React","_extends","xmlns","width","height","viewBox","d","className","VideoButton","forwardRef","ref","videoUrl","videoTitle","videoDescription","videoImage","videoUploadDate","videoTitleYouTube","videoTitleLinkedIn","youTubeUrl","hasEmbeddedMeta","embeddedCodeWithoutIframe","buttonText","id","customClassName","useButtonWithIcon","type","VideoIcon","suppressHydrationWarning","dangerouslySetInnerHTML","__html","length","seoData","data","name","description","contentUrl","thumbnailUrl","uploadDate","JSON","stringify","displayName"],"sourceRoot":""}