{"version":3,"file":"VideoModalContainer.af044cac61b5f711c6ce.js","mappings":"qxBAUAA,E,IAV0C,O,IACf,O,MACK,Q,qDACzB,O,EACA,M,EACA,O,EACA,O,EACA,KAGG,QAAVA,EAAAA,EAAOC,WAAPD,IAAAA,GAAAA,EAAYE,UACZC,EAAAA,EAAAA,YAAW,wBACXC,EAAAA,EAAAA,2BAA0BC,EAAAA,QAAqB,sB,0ICkB/C,C,wBA7BkB,O,EACI,Q,MAEK,Q,mDAO3B,IAmBA,EAnB4B,Y,IAC1BC,EAAAA,EAAAA,eACAC,EAAAA,EAAAA,WACAC,EAAAA,EAAAA,MAAAA,EAAAA,EACAC,iBAAAA,OAAAA,IAAmB,mBAMnB,OAAO,UAACC,MAAAA,CAAIC,cAAY,0BAA0BC,UAAWH,EAAkBI,cAAY,wBAAwBC,wBAAsB,sBAAsBC,0BAAwB,Y,WACnL,SAACC,IAAAA,CAAEC,KAAK,IAAIC,QALS,SAACC,GACxBA,EAAMC,iBACNC,EAAAA,MAAMC,OAAO,iBACf,E,UAGM,SAACZ,MAAAA,CAAIE,UAAU,qBAAqBC,cAAY,oB,UAC9C,SAACU,MAAAA,CAAIC,IAAKlB,EAAgBmB,IAAKlB,EAAYmB,MAAOnB,SAGtD,SAACoB,EAAAA,QAAc,CAACnB,MAAOA,EAAOoB,sBAAoB,iBAAiBb,0BAAwB,gBAEjG,C,qJC2BEc,aAAY,W,OAAZA,C,EACAC,gBAAe,W,OAAfA,C,EACAC,oBAAmB,W,OAAnBA,C,EACAC,oBAAmB,W,OAAnBA,C,EACAC,4BAA2B,W,OAA3BA,C,EACAC,oBAAmB,W,OAAnBA,C,EACAC,0BAAyB,W,OAAzBA,C,EACAC,yBAAwB,W,OAAxBA,C,IArCF,IAAMP,EAAe,SAACQ,GACpBC,OAAOC,UAAUC,KAAKH,EACxB,EAEMF,EAA4B,WAChCN,EAAa,CAAEY,UAAW,MAC5B,EAEML,EAA2B,WAC/BP,EAAa,CACXV,MAAO,KACPuB,YAAa,KACbC,UAAW,KACXC,cAAe,KACfC,WAAY,MAEhB,EAEMf,EAAkB,cAElBC,EAAsB,cAEtBC,EAAsB,cAEtBC,EAA8B,cAE9BC,EAAsB,e","sources":["webpack://webstaurantstore/./common/VideoModalContainer/index.client.tsx","webpack://webstaurantstore/./common/VideoModalContainer/index.tsx","webpack://webstaurantstore/./analytics/definitions.ts"],"sourcesContent":["import { hydrateHypernovaComponent } from \"@wss/hypernova\";\nimport { initSentry } from \"@wss/error-tracking/sentry\";\nimport VideoModalContainer from \".\";\nimport \"~/css/tailwind.css\";\nimport \"~/less/styles-bottom.less\";\nimport \"~/less/_critical/include.less\";\nimport \"~/fonts/fontello/css/fontello-top.less\";\nimport \"@clarkinc/zest-design-system/style.css\";\n\n/** Enable hot reloading */\nmodule.hot?.accept();\ninitSentry(\"VideoModalContainer\");\nhydrateHypernovaComponent(VideoModalContainer, \"VideoModalContainer\");","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport { Modal } from \"@clarkinc/zest-design-system\";\nimport { Video } from \"../Store/models/Video\";\nimport ZestVideoModal from \"../VideoModal/ZestVideoModal\";\ninterface Props {\n  videoThumbnail: string;\n  videoTitle: string;\n  video?: Video;\n  containerClasses?: string;\n}\nconst VideoModalContainer = ({\n  videoThumbnail,\n  videoTitle,\n  video,\n  containerClasses = \"video w-full\"\n}: Props) => {\n  const handleVideoClick = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    Modal.toggle(\"zestVideoModal\");\n  };\n  return <div data-module=\"initVideoModalContainer\" className={containerClasses} data-testid=\"video-modal-container\" data-sentry-component=\"VideoModalContainer\" data-sentry-source-file=\"index.tsx\">\n      <a href=\"#\" onClick={handleVideoClick}>\n        <div className=\"video-ui icon-play\" data-testid=\"play-video-button\">\n          <img src={videoThumbnail} alt={videoTitle} title={videoTitle} />\n        </div>\n      </a>\n      <ZestVideoModal video={video} data-sentry-element=\"ZestVideoModal\" data-sentry-source-file=\"index.tsx\" />\n    </div>;\n};\nexport default VideoModalContainer;","import { EcommerceData } from \"./AddToCart/addToCartHelpers\";\n\ntype TriggerEvent = {\n  event: string;\n};\n\ntype CustomEvent = {\n  event: string;\n  eventLabel?: string;\n  eventAction?: string;\n  eventCategory?: string;\n  eventName?: string;\n};\n\ntype EcommerceEvent = {\n  event: string;\n  ecommerce: EcommerceData | Record<string, unknown>;\n  firstTimePurchaser?: string;\n};\n\ntype DataLayerVariable = {\n  [key: string]: string | number | null;\n};\n\ntype GtmEvent = TriggerEvent | CustomEvent | EcommerceEvent | DataLayerVariable;\n\nconst sendGtmEvent = (gtmEvent: GtmEvent) => {\n  window.dataLayer.push(gtmEvent);\n};\n\nconst clearEcommerceInDataLayer = () => {\n  sendGtmEvent({ ecommerce: null });\n};\n\nconst clearGa4EventInDataLayer = () => {\n  sendGtmEvent({\n    event: null,\n    eventAction: null,\n    eventName: null,\n    eventCategory: null,\n    eventLabel: null,\n  });\n};\n\nconst vendorDimension = \"dimension39\";\n\nconst itemNumberDimension = \"dimension40\";\n\nconst carouselIdDimension = \"dimension52\";\n\nconst productReviewCountDimension = \"dimension64\";\n\nconst analyticsStorageKey = \"analyticsData\";\n\nexport {\n  GtmEvent,\n  sendGtmEvent,\n  vendorDimension,\n  itemNumberDimension,\n  carouselIdDimension,\n  productReviewCountDimension,\n  analyticsStorageKey,\n  clearEcommerceInDataLayer,\n  clearGa4EventInDataLayer,\n};\n"],"names":["module","hot","accept","initSentry","hydrateHypernovaComponent","VideoModalContainer","videoThumbnail","videoTitle","video","containerClasses","div","data-module","className","data-testid","data-sentry-component","data-sentry-source-file","a","href","onClick","event","preventDefault","Modal","toggle","img","src","alt","title","ZestVideoModal","data-sentry-element","sendGtmEvent","vendorDimension","itemNumberDimension","carouselIdDimension","productReviewCountDimension","analyticsStorageKey","clearEcommerceInDataLayer","clearGa4EventInDataLayer","gtmEvent","window","dataLayer","push","ecommerce","eventAction","eventName","eventCategory","eventLabel"],"sourceRoot":""}