(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45364],{41508:function(e,n,t){"use strict";t.d(n,{P:function(){return o},d:function(){return i}});var r=t(55319);var o=(0,r.Z)("div",{target:"e1lzjv741"})({name:"1xclg2i",styles:"margin:0;padding:0"}),i=(0,r.Z)("figure",{target:"e1lzjv740"})({name:"ti75j2",styles:"margin:0"})},61447:function(e,n,t){"use strict";t.d(n,{WW:function(){return o},YJ:function(){return O}});var r,o,i=t(17674),c=t(59499),a=t(25826),u=t(36274),l=t(67294),s=t(41508),f=t(71461),v=t(35944);function d(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function p(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?d(Object(t),!0).forEach((function(n){(0,c.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}!function(e){e.ON_PAGE_LOAD="On Page Load",e.ON_CLICK="On Click",e.ON_HOVER="On Hover",e.ON_ENTER_VIEWPORT="On Enter Viewport"}(r||(r={})),function(e){e.CONTENTFUL="Contentful",e.CODEBASE="Codebase"}(o||(o={}));var O=function(e){var n,t,o,d=e.children,O=e.experimentName,m=void 0===O?"":O,E=e.className,N=void 0===E?"":E,_=e.enrollmentEvent,g=void 0===_?r.ON_PAGE_LOAD:_,b=(0,a.Z)(),h=(0,i.Z)(b,2),y=h[0],P=h[1],C=function(){(0,u.j)(m);var e=function(e,n){var t,o=(t={},(0,c.Z)(t,r.ON_CLICK,"onClick"),(0,c.Z)(t,r.ON_HOVER,"onHover"),(0,c.Z)(t,r.ON_ENTER_VIEWPORT,"onEnterViewport"),(0,c.Z)(t,r.ON_PAGE_LOAD,"onPageLoad"),t)[n];return["".concat(e,"EnrollmentEvent"),{eventCategory:"Enrollment",eventAction:o,eventLabel:"".concat(o,"@").concat(e)}]}(m,g),n=(0,i.Z)(e,2),t=n[0],o=n[1];(0,f.ZP)(t,o)};(0,l.useEffect)((function(){P&&g===r.ON_ENTER_VIEWPORT&&C()}),[P]);var w="image"===(null===(n=l.Children.toArray(d))||void 0===n||null===(t=n[0])||void 0===t||null===(o=t.props)||void 0===o?void 0:o.entryType)?s.d:s.P;return(0,v.tZ)(w,p(p(p({className:N,ref:y},g===r.ON_CLICK&&{onClick:C}),g===r.ON_HOVER&&{onMouseEnter:C}),{},{children:d}))}},45364:function(e,n,t){"use strict";t.d(n,{$e:function(){return _},oT:function(){return g}});var r=t(4730),o=t(59499),i=t(67294),c=t(78097),a=t(15010),u=t.n(a),l=t(61447),s=t(33297),f=t(41508),v=t(35944),d=["children","experimentSource","variant"],p=["children","experimentSource","variant"];function O(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=Object.freeze({ON_PAGE_LOAD:"On Page Load",ON_CLICK:"On Click",ON_HOVER:"On Hover",ON_ENTER_VIEWPORT:"On Enter Viewport"}),N=Object.freeze({CONTENTFUL:"Contentful",CODEBASE:"Codebase"});n.ZP=function(e){var n=e.children,t=e.experimentName,r=e.enrollmentEvent,o=void 0===r?E.ON_PAGE_LOAD:r,a=e.experimentSource,u=void 0===a?N.CODEBASE:a,l=(0,i.useMemo)((function(){return{variants:b(n),control:h(n)}}),[n]),f=l.variants,v=l.control,d=(0,s.ts)(t),p={enrollmentEvent:o,experimentName:t,experimentSource:u},O=N.CONTENTFUL?f[1]:f[d];return d>0&&!O?(c.default.error("Experiment `".concat(t,"` variant `").concat(d,"` is active but no corresponding `Variant` component exists.")),i.cloneElement(v,m(m(m({},v.props||{}),p),{},{variant:0}))):[i.cloneElement(v,m(m(m({},v.props||{}),p),{},{variant:d})),i.cloneElement(O,m(m(m({},O.props||{}),p),{},{variant:d}))]};var _=function(e){var n=e.children,t=e.experimentSource,o=e.variant,i=(0,r.Z)(e,d),c=t===N.CONTENTFUL&&o>0?l.YJ:f.P;return(0,v.tZ)(c,m(m({className:"".concat(i.experimentName,"_v")},c!==f.P&&i),{},{children:n}))};_.displayName="Variant";var g=function(e){var n=e.children,t=e.experimentSource,o=e.variant,i=(0,r.Z)(e,p),c=t===N.CONTENTFUL&&0===o?l.YJ:f.P;return(0,v.tZ)(c,m(m({className:"".concat(i.experimentName,"_c")},c!==f.P&&i),{},{children:n}))};function b(e){var n={};return i.Children.forEach(e,(function(e){"Variant"===u()(e)&&(n[e.props.name||1]=e)})),n}function h(e){var n=null;return i.Children.forEach(e,(function(e){"Control"===u()(e)&&(n=e)})),n}g.displayName="Control"},25826:function(e,n,t){"use strict";var r=t(17674),o=t(67294),i=t(38907);n.Z=function(){var e=(0,o.useState)(!1),n=e[0],t=e[1];(0,o.useDebugValue)(n);var c=(0,i.Z)(),a=(0,r.Z)(c,3),u=a[0],l=a[1],s=a[2];return(0,o.useEffect)((function(){l&&(t(!0),s())}),[l]),[u,n,s]}},38907:function(e,n,t){"use strict";var r=t(17674),o=t(67294),i=t(36413);n.Z=function(){var e=(0,i.Z)("0% 0px"),n=(0,r.Z)(e,3),t=n[0],c=n[1],a=n[2];return(0,o.useDebugValue)(c),[t,c,a]}},12757:function(e,n,t){"use strict";t.d(n,{Z:function(){return i}});var r=t(17674),o=t(67294);function i(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"0px",i=arguments.length>3?arguments[3]:void 0,c=(0,o.useState)(!1),a=c[0],u=c[1];return(0,o.useEffect)((function(){var o=new IntersectionObserver((function(e){var n=(0,r.Z)(e,1)[0];u(n.isIntersecting)}),{root:n,rootMargin:t,threshold:i});return e.current&&o.observe(e.current),function(){e.current&&o.unobserve(e.current)}}),[e]),a}},36413:function(e,n,t){"use strict";var r=t(67294),o=t(12757);n.Z=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"60% 0px",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[0,1],t=(0,r.useState)(!0),i=t[0],c=t[1],a=(0,r.useState)({current:null}),u=a[0],l=a[1],s=(0,o.Z)(u,null,e,n);(0,r.useDebugValue)(s);var f=(0,r.useCallback)((function(e){i&&l({current:e})}),[]),v=function(){c(!1),l({current:null})};return(0,r.useEffect)((function(){return function(){v()}}),[]),[f,s,v]}},36274:function(e,n,t){"use strict";t.d(n,{j:function(){return i}});var r=t(25428),o=t(3775);function i(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=r.u8.getExperiments();[e,"".concat(e,"-dev")].forEach((function(r){window.deferredEnrollmentEvents&&r in window.deferredEnrollmentEvents&&(window.deferredEnrollmentEvents[r].forEach((function(r){var i,c;r.event===o.QC&&fetch("/api/update-metrics",{method:"POST",body:JSON.stringify({metrics:[{type:"increment",metricName:"experimentation.enrollment_funnel.datalayer_push_starting",value:1,tags:"experiment_name:".concat(r.experiment_id,",experiment_variant:").concat(r.variant_id,",event_type:deferred")}]})});var a=window.AsanaStorage.logEnrollmentEvent(r,n,null===(i=t[e])||void 0===i?void 0:i.minWidth,null===(c=t[e])||void 0===c?void 0:c.maxWidth);r.event===o.QC&&fetch("/api/update-metrics",{method:"POST",body:JSON.stringify({metrics:[{type:"increment",metricName:"experimentation.enrollment_funnel.datalayer_push_finished",value:1,tags:"experiment_name:".concat(r.experiment_id,",experiment_variant:").concat(r.variant_id,",event_type:deferred,pushed:").concat(a)}]})})})),delete window.deferredEnrollmentEvents[r])}))}window.logDeferredEnrollmentEvents=i},15010:function(e){e.exports=function(e){return e.type.displayName||e.type.name}}}]);