(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50531],{72361:function(e,n,t){"use strict";t.d(n,{P:function(){return o},d:function(){return i}});var r=t(55319),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"})},11426:function(e,n,t){"use strict";t.d(n,{WW:function(){return m},YJ:function(){return N}});var r,o,i=t(17674),c=t(59499),a=t(95456),u=t(18786),l=t(67294),s=t(72361),f=t(67080),v=t(35944);function p(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 d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?p(Object(t),!0).forEach(function(n){(0,c.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var O=((r={}).ON_PAGE_LOAD="On Page Load",r.ON_CLICK="On Click",r.ON_HOVER="On Hover",r.ON_ENTER_VIEWPORT="On Enter Viewport",r),m=((o={}).CONTENTFUL="Contentful",o.CODEBASE="Codebase",o),E=function(e,n){var t,r=(t={},(0,c.Z)(t,O.ON_CLICK,"onClick"),(0,c.Z)(t,O.ON_HOVER,"onHover"),(0,c.Z)(t,O.ON_ENTER_VIEWPORT,"onEnterViewport"),(0,c.Z)(t,O.ON_PAGE_LOAD,"onPageLoad"),t)[n];return["".concat(e,"EnrollmentEvent"),{eventCategory:"Enrollment",eventAction:r,eventLabel:"".concat(r,"@").concat(e)}]},N=function(e){var n,t=e.children,r=e.experimentName,o=void 0===r?"":r,c=e.className,p=e.enrollmentEvent,m=void 0===p?O.ON_PAGE_LOAD:p,N=(0,a.Z)(),g=(0,i.Z)(N,2),y=g[0],_=g[1],h=function(){(0,u.j)(o);var e=E(o,m),n=(0,i.Z)(e,2),t=n[0],r=n[1];(0,f.ZP)(t,r)};(0,l.useEffect)(function(){_&&m===O.ON_ENTER_VIEWPORT&&h()},[_]);var b=(null===(n=l.Children.toArray(t))||void 0===n||null===(n=n[0])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.entryType)==="image"?s.d:s.P;return(0,v.tZ)(b,d(d(d({className:void 0===c?"":c,ref:y},m===O.ON_CLICK&&{onClick:h}),m===O.ON_HOVER&&{onMouseEnter:h}),{},{children:t}))}},50531:function(e,n,t){"use strict";t.d(n,{$e:function(){return g},oT:function(){return y}});var r=t(4730),o=t(59499),i=t(67294),c=t(62927),a=t(21484),u=t.n(a),l=t(11426),s=t(89437),f=t(72361),v=t(35944),p=["children","experimentSource","variant"],d=["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,l=void 0===a?N.CODEBASE:a,f=(0,i.useMemo)(function(){var e,t;return{variants:(e={},i.Children.forEach(n,function(n){"Variant"===u()(n)&&(e[n.props.name||1]=n)}),e),control:(t=null,i.Children.forEach(n,function(e){"Control"===u()(e)&&(t=e)}),t)}},[n]),v=f.variants,p=f.control,d=(0,s.ts)(t),O={enrollmentEvent:o,experimentName:t,experimentSource:l},g=N.CONTENTFUL?v[1]:v[d];return d>0&&!g?(c.Z.error("Experiment `".concat(t,"` variant `").concat(d,"` is active but no corresponding `Variant` component exists.")),i.cloneElement(p,m(m(m({},p.props||{}),O),{},{variant:0}))):[i.cloneElement(p,m(m(m({},p.props||{}),O),{},{variant:d})),i.cloneElement(g,m(m(m({},g.props||{}),O),{},{variant:d}))]};var g=function(e){var n=e.children,t=e.experimentSource,o=e.variant,i=(0,r.Z)(e,p),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}))};g.displayName="Variant";var y=function(e){var n=e.children,t=e.experimentSource,o=e.variant,i=(0,r.Z)(e,d),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}))};y.displayName="Control"},95456:function(e,n,t){"use strict";var r=t(17674),o=t(67294),i=t(26233);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]}},26233:function(e,n,t){"use strict";var r=t(17674),o=t(67294),i=t(13296);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]}},94992: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=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},a=c.onChange,u=c.mapEntryToState,l=(0,o.useState)(!1),s=l[0],f=l[1];return(0,o.useEffect)(function(){var o=new IntersectionObserver(function(e){var n=(0,r.Z)(e,1)[0];"function"==typeof a&&a(n),f("function"==typeof u?!!u(n):n.isIntersecting)},{root:n,rootMargin:t,threshold:i}),c=e&&e.current;return c&&o.observe(c),function(){var n=e&&e.current;n&&o.unobserve(n),o.disconnect()}},[e,n,t,Array.isArray(i)?i.join(","):i,a,u]),s}},13296:function(e,n,t){"use strict";var r=t(67294),o=t(94992);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]}},18786:function(e,n,t){"use strict";t.d(n,{j:function(){return i}});var r=t(7106),o=t(27549);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){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 i,c,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},21484:function(e){e.exports=function(e){return e.type.displayName||e.type.name}}}]);