!function(e){function t(t){for(var n,a,s=t[0],l=t[1],c=t[2],u=0,p=[];u0&&void 0!==arguments[0]?arguments[0]:p.default.verboseAnalytics;S(),e&&console.debug("deidentify user")};async function A(e){await m.default.waitUntilLoaded();const t=await async function(e){const{currentUserRootStore:t,currentUserStore:r}=u.default.state,o=X(e);if(r&&t&&o){await Promise.all([t.load(),r.load()]);const e=t.getSpaceViewStores();await Promise.all(e.map(e=>e.load()));const i=n.compact(e.map(e=>e.getSpaceStore()));return await Promise.all(i.map(e=>e.load())),n.compact(i.map(e=>{const t=e.getValue();if(t){const n=Object(M.d)(t.id);if(n===o.space_id){const n=m.default.state.data,i={id:o.space_id,name:K(r,t.plan_type),size:Object(j.getSpacePermissionItems)(e).length,is_subscribed:o.space_is_subscribed,is_beta:Boolean(t.beta_enabled)};return n&&"subscribed_admin"===n.type&&(i.plan=n.plan),o.space_created_time&&(i.company_created_at=o.space_created_time),i}return{id:n,name:K(r,t.plan_type),size:Object(j.getSpacePermissionItems)(e).length}}}))}return[]}(e);k.b({companiesData:t});const r=X(e),o=I({},r,{},V(e),{},W());if(r){p.default.state.isSegmentEnabled&&function(e){if(w()){const t=window.analytics,{spaceId:r,spaceData:n}=e;t.group(r,y({},n,{group_type:"workspace",group_value:r}))}}({spaceId:r.space_id,spaceData:o})}}async function L(e,t,r){const o=p.default.verboseAnalytics,i=V(e),a=e.currentUser.id;p.default.shouldRefresh(a)&&await H(e),e.currentUser.isLoggedIn()&&u.default.state.currentBlockStore&&(await u.default.waitUntil(()=>Boolean(u.default.state.currentBlockStore&&u.default.state.currentBlockStore.isReady)),u.default.state.currentSpaceStore&&await m.default.waitUntilLoaded());const s=X(e),c=W(),{currentUserRootStore:d}=u.default.state,h=d&&d.state.ready?n.uniq(d.getSpaceViewStores().map(e=>e.getSpaceId())).length:null;let g=void 0;T.default.state.isLoaded&&(g=T.default.getExperimentsMap());const f=Object(l.a)(I({},r,{},U(),{},i,{},s,{},z(),{},Y(),{},c,{experiments:g,experimentStoreLoaded:T.default.state.isLoaded,current_space_view_count:h})),b=s&&s.space_id?s.space_id:void 0,v=p.default.state;v.isIntercomEnabled&&k.e({eventName:t,eventData:f}),v.isSegmentEnabled&&function(e){if(w()){const t=window.analytics,{eventName:r,eventProperties:n,spaceId:o}=e;if(o){const e=y({},n,{group:o});t.track(r,e)}else t.track(r,n)}}({eventName:t,eventProperties:f,spaceId:b}),o&&console.debug("track:%c ".concat(t),"font-weight: bold;",JSON.stringify(f))}const F={};function R(e,t,r,n,o){const i=F[r],a=Date.now();(!i||a-i>1e3*n)&&(F[r]=a,L(e,t,o))}const N=async function(){var e={};i.l()||setTimeout(()=>{s.get(e,(function(e){var t=e.map((function(e){return e.value})),r=s.x64hash128(t.join(""),31);i.H(r)}))},500)};function V(e){const{device:t,currentUser:r}=e,o=i.w(r.id),a={app_version:t.version,desktop_app_version:t.desktopAppVersion,mobile_app_version:t.mobileAppVersion,is_desktop:t.isElectron,is_mobile:t.isMobile,is_tablet:t.isTablet,is_react_native:t.isReactNative,is_ios:t.isIOS,is_logged_in:e.currentUser.isLoggedIn(),deviceType:t.os,platform:t.platform,browser:t.browserName,browser_version:t.browserVersion,dnt:t.doNotTrackEnabled,unique_id:i.l(),device_id:Object(M.d)(i.k()),tags:i.x(),referral_user_id:o?Object(M.d)(o):void 0,pathname:document.location?document.location.pathname:"",referer:document.referrer||"none",accept_language_raw:t.acceptLanguageRaw,accept_language_preference:t.acceptLanguagePreference};return n.omitBy(a,n.isUndefined)}const U=function(){const{currentSpaceViewStore:e}=u.default.state;if(e){const t=e.getValue();if(t)return{notify_desktop:t.notify_desktop,notify_email:t.notify_email,notify_mobile:t.notify_mobile}}return{}},Y=function(){const{currentUserSettingsStore:e}=u.default.state;if(e){const t=e.getValue();if(t){let e={};if(t.settings){const{settings:r}=t;e={user_persona:r.persona,user_source:r.source,user_type:r.type,user_use_case:r.use_case,time_zone:r.time_zone,locale:r.locale,signup_time:r.signup_time,used_desktop_web_app:r.used_desktop_web_app,used_mobile_web_app:r.used_mobile_web_app,used_mac_app:r.used_mac_app,used_windows_app:r.used_windows_app,used_ios_app:r.used_ios_app,used_android_app:r.used_android_app}}return n.omitBy(e,n.isUndefined)}}},W=function(){const{currentUserStore:e}=u.default.state;let t={};if(e){const r=e.getValue();r&&(t=n.omitBy({user_email:r.email,user_id:Object(M.d)(r.id),email:r.email},n.isUndefined))}return t};function X(e){const{data:t,spaceId:r}=m.default.state,{currentUserStore:o,currentSpaceStore:i}=u.default.state;if(r&&o&&i&&t){const a=O.a.getPublicSpaceData(e,r),s=d.w(t),l=d.s(t).length||0,c=d.r(t),u=d.p(t),p=t.hasPaidNonzero,h=i.getValue(),m=h?h.domain:a?a.domain:void 0,g=h&&h.email_domains?h.email_domains:void 0,f=Object(E.c)(),b=d.n(e,t),y=h&&h.plan_type,v=n.isNumber(b)&&NaN!==b&&b!==1/0?b:0;return{space_name:K(o,y),subscription_tier:d.f(e),page_id:f?Object(M.d)(f):void 0,space_id:Object(M.d)(r),space_is_subscribed:s,space_visible_total:l,space_visible_members:c,space_visible_guests:u,space_block_usage:d.e(e,t),space_block_usage_over_limit:d.v(e,t),space_role:i.getRole(),space_block_usage_percent:v,space_created_time:a?a.createdTime:void 0,available_credit:t.availableCredit,space_domain:m,space_email_domains:g,space_has_paid_nonzero:p,space_plan_type:y}}}const z=function(){const e=g.a.state,t=e.open?e.target:u.default.state.currentBlockStore;if(t){const e=a.b(t).map(e=>{let{permissionItem:t}=e;return t}),r=e.find(e=>"public_permission"===e.type),o=e.find(e=>"space_permission"===e.type),i=e.filter(e=>"user_permission"===e.type&&"reader"===e.role),s=e.filter(e=>"user_permission"===e.type&&("editor"===e.role||"read_and_write"===e.role)),l=t.getValue(),c=function(e){const t=C.c(e),r=[];return n.flatten(t.map(e=>{const t=e.getValue();if(t){const e=t.copied_from;e&&P.j(e)&&r.push(e)}return r}))}(t),d=Boolean(c)&&c.length>0;return{page_id:t.id,page_public_role:r?r.role:"not_defined",page_space_role:o?o.role:"not_defined",page_all_collaborator_count:s.length+i.length,page_editor_collaborator_count:s.length,page_read_only_collaborator_count:i.length,page_current_user_role:t.getRole(),page_is_peek:g.a.state.open,page_copied_from:l&&l.copied_from?Object(M.d)(l.copied_from):void 0,page_is_template:t.isTemplate(),page_is_prepopulated:d,page_prepopulated_template_ids:c}}};const q=new Map;async function H(e){const t=e.currentUser.id;if(t){if(!q.has(t)){const r=G(e);q.set(t,r),r.then(()=>{q.delete(t)}).catch(e=>{throw q.delete(t),e})}return q.get(t)}return G(e)}async function G(e){const t=e.currentUser.id;let r=h.a.get({userId:t,key:"analyticsSettings"});r&&t&&r.user_id!==t&&(r=void 0);const{device:n}=e,i=o.getUserAnalyticsSettings(e,{platform:n.isElectron?"desktop":n.isReactNative?"mobile":"web"});if(!r){const e=await i;"success"===e.type&&(r=e.data)}if(!r)throw new Error("No analytics settings found.");p.default.setState(r);const a=p.default.state;return a.isIntercomEnabled&&k.c(a),a.isSegmentEnabled&&function(){const e=window.analytics=window.analytics||[];if(e.initialize)return;if(e.invoked)return;e.invoked=!0,e.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"],e.factory=function(t){return function(){const r=Array.prototype.slice.call(arguments);return r.unshift(t),e.push(r),e}};for(let r=0;r{"success"===e.type&&(h.a.set({userId:t,key:"analyticsSettings",value:e.data}),p.default.setState(e.data))}),r}const K=function(e,t){const r=e.getValue();return r&&"team"===t?Object(c.a)(r.email):r?r.email:void 0}},"+MqT":function(e,t,r){"use strict";r.d(t,"f",(function(){return s})),r.d(t,"d",(function(){return l})),r.d(t,"a",(function(){return c})),r.d(t,"b",(function(){return d})),r.d(t,"c",(function(){return u})),r.d(t,"e",(function(){return p})),r.d(t,"g",(function(){return h}));r("Oyvg"),r("pIFo");var n=r("A9TN"),o=r("T8dS"),i=r("LvDl"),a=r.n(i);function s(e,t){const r=t||0;document.documentElement.scrollTop=window.scrollY+e.getBoundingClientRect().top-r-54+1}function l(e){return!n.default.isLocalhost&&n.default.staticS3?"".concat(n.default.staticS3.url).concat(e):e}function c(e){return Math.floor(e/200)}const d=Boolean("en-US"===o.a);function u(e){return a.a.isString(e)?e:e[o.a]}function p(e){return"https://img.youtube.com/vi/".concat(e,"/maxresdefault.jpg")}function h(e){e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="àáäâèéëêìíïîòóöôùúüûñç·/_,:;",r=0,n=t.length;r{this.lastVisibilityChange=Date.now()})}get initialRenderCompleted(){return this._initialRenderCompleted}setInitialRenderCompleted(){this._initialRenderCompleted=!0}get lastNavigationRenderCompleted(){return this._lastNavigationRenderCompleted}setLastNavigationRenderCompleted(){this._lastNavigationRenderCompleted=!0}get lastNavigationTime(){return this._lastNavigationTime}get appStartTime(){return window.__webStartTime}start(e){return{type:e,start:Date.now()}}end(e,t){t.starte.value===o);if(i>=0)return i}function S(e){return s.t(e.textValue)}function w(e){const{actors:t,getRecordValue:r}=e;return n.compact(t.map(e=>{if(e.table===l.a){const t=r(e.table,e.id);return Object(l.d)(t)}{const t=r(e.table,e.id);return Object(h.b)(t)}})).join(" ")}const k={title:y,text:y,select:v,multi_select:v,url:S,email:S,phone_number:S,checkbox:function(e){return s.l(e.textValue)},number:function(e){return s.p(e.textValue)},person:function(e){const{textValue:t,getRecordValue:r}=e;return w({actors:s.q(t),getRecordValue:r})},date:function(e){const{textValue:t,userTimeZone:r}=e,n=s.m(t);if(n)return c.gb(n,r)},relation:function(e){const{textValue:t,getRecordValue:r,propertySchema:i}=e;if("relation"!==i.type)return;const a=s.j({relationValue:s.r(t),getRecordValue:r,propertySchema:i});return n.compact(a.map(e=>{const t=r("block",e);return t&&t.properties&&t.properties.title?o.Z(t.properties.title).replace(/,/g,""):""})).join(" ")},created_time:e=>{let{block:t}=e;return t.created_time},last_edited_time:e=>{let{block:t}=e;return t.last_edited_time},file:e=>{let{textValue:t}=e;return o.Z(t)},created_by:e=>{let{block:t,getRecordValue:r}=e;if(t.created_by_table&&t.created_by_id)return w({actors:[{table:t.created_by_table,id:t.created_by_id}],getRecordValue:r})},last_edited_by:e=>{let{block:t,getRecordValue:r}=e;if(t.last_edited_by_table&&t.last_edited_by_id)return w({actors:[{table:t.last_edited_by_table,id:t.last_edited_by_id}],getRecordValue:r})}};function M(e,t,r){const n=[...e];return n.sort((e,n)=>{for(let o=t.length-1;o>=0;o--){const i=t[o],a=O(r[e][o],r[n][o],i.descending);if(0!==a)return a}return 0}),n}function O(e,t,r){const n=E(e),o=E(t);return n&&!o?1:o&&!n?-1:void 0!==e&&void 0!==t&&e>t?r?-1:1:void 0!==e&&void 0!==t&&efunction e(t){const{schema:r,property:n,block:o,getRecordValue:i,userTimeZone:s,depth:l,intl:p}=t,h=r[n],m=(o.properties||{})[n]||[];if(h){if("formula"===h.type){const e=Object(d.a)(g({},t,{resultCache:{}}));return c.U(e)?c.gb(e,s):e}if("rollup"===h.type){const o=Object(u.c)({property:n,schema:r,getRecordValue:i});if(!o)return;if(h.aggregation){const e=Object(u.a)(t);if(void 0===e)return;if("number"===e.type)return e.value;if("date"===e.type){if(!e.value)return;return c.gb(e.value,s)}throw Object(a.e)(e)}const d=Object(u.d)(t);if(0===d.length)return;const m=d[0];return e({property:o.targetProperty,schema:o.targetCollectionSchema,block:m,getRecordValue:i,userTimeZone:s,depth:l+1,intl:p})}return(0,k[h.type])(g({textValue:m,propertySchema:h},t))}}({intl:s,property:r,schema:t,block:e,getRecordValue:o,userTimeZone:i,depth:0}),descending:"descending"===n}}function P(){return{getValue:e=>e.created_time,descending:!0}}function T(e){return{getValue:t=>{const r=e.findIndex(e=>t.id===e);if(r>=0)return r},descending:!1}}},"+fkW":function(e,t,r){"use strict";r("rGqo");var n=r("LEzx"),o=r("WW+n"),i=r("bkwR");class a extends n.a{constructor(){super(...arguments),this.fetchSpaceIds=new Set,this.fetchedSpaceIds=new Set,this.fetch=async e=>{const t=e.currentUser.id,r=Array.from(this.fetchSpaceIds.values());if(this.fetchSpaceIds.clear(),r.length>0){for(const e of r){this.fetchedSpaceIds.add(e);const r=o.a.get({userId:t,key:this.getLocalKey(e)});r&&this.setPublicSpaceData(e,r)}const n=await i.getPublicSpaceData(e,{type:"space-ids",spaceIds:r});"success"===n.type&&n.data.results.forEach((e,n)=>{if(e){const i=r[n];this.setPublicSpaceData(i,e),o.a.set({userId:t,key:this.getLocalKey(i),value:e})}})}}}getInitialState(){return{publicSpaceDataMap:{}}}getPublicSpaceData(e,t){return arguments.length>2&&void 0!==arguments[2]&&arguments[2]&&(this.fetchSpaceIds.delete(t),this.fetchedSpaceIds.delete(t)),this.fetchSpaceIds.has(t)||this.fetchedSpaceIds.has(t)||(this.fetchSpaceIds.add(t),setImmediate(()=>this.fetch(e))),this.state.publicSpaceDataMap[t]}async awaitPublicSpaceData(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.getPublicSpaceData(e,t,r),await this.waitUntil(()=>Boolean(this.state.publicSpaceDataMap[t])),this.state.publicSpaceDataMap[t]}setPublicSpaceData(e,t){this.state.publicSpaceDataMap[e]=t,this.emit()}getLocalKey(e){return"".concat(a.localKeyPrefix,":").concat(e)}}a.localKeyPrefix="PublicSpaceData",t.a=new a},"+jaY":function(e,t,r){"use strict";r.d(t,"a",(function(){return y}));r("ioFf"),r("rGqo"),r("a1Th"),r("Vd3H");var n=r("LvDl"),o=r("5/h/"),i=r("GJWe"),a=r("njgS"),s=r("g90h"),l=r("O+wX"),c=r("622O"),d=r("k1PL"),u=r("vshI"),p=r("CARr"),h=r("D2XV"),m=r("3JF5"),g=r("nFzZ");function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){const{schema:t,property:r,block:n}=e,o=t[r],i=(n.properties||{})[r]||[];if(o)return(0,S[o.type])(function(e){for(var t=1;t{const{textValue:t,propertySchema:r}=e,n=r.options||[];return p.s(t,n)},multi_select:e=>{const{textValue:t,propertySchema:r}=e,n=r.options||[],o=p.o(t,n);return o.sort(),o.join(",")},relation:e=>{let{textValue:t,getRecordValue:r,propertySchema:n}=e;if("relation"!==n.type)return"";const o=p.j({relationValue:p.r(t),getRecordValue:r,propertySchema:n}).map(e=>"https://www.notion.so/".concat(Object(s.j)(e)));return o.sort(),o.join(", ")},rollup:e=>d.b(e),url:e=>{let{textValue:t}=e;return p.t(t)},email:e=>{let{textValue:t}=e;return p.t(t)},phone_number:e=>{let{textValue:t}=e;return p.t(t)},checkbox:e=>{let{textValue:t}=e;return p.l(t)?a.d:a.b},person:e=>{const{textValue:t,getRecordValue:r}=e,i=p.q(t),a=n.compact(i.map(e=>{if(e.table===o.a){const t=r(e.table,e.id);if(t)return Object(o.d)(t)}else{const t=r(e.table,e.id);if(t)return Object(m.b)(t)}}));return a.sort(),a.join(",")},number:e=>{let{textValue:t}=e;const r=p.p(t);if(void 0!==r)return r.toString()},date:e=>{let{textValue:t,userTimeZone:r,propertySchema:n,intl:o}=e;const i=p.m(t),{date_format:a,time_format:s}=n;if(i)return Object(l.a)({allowRelativeDates:!1,value:i,date_format:a,time_format:s,userTimeZone:r,intl:o})},file:e=>{const t=p.n(e.textValue).map(t=>{if(e.exportedFilePaths&&e.secureFileS3Url&&c.j(t.url,e.secureFileS3Url)){const e=c.h(t.url);if(e)return e}return t.url});return t.sort(),t.join(",")},formula:e=>{const{property:t,schema:r,block:n,getRecordValue:o,userTimeZone:i,depth:s,intl:c}=e,d=Object(u.a)({schema:r,property:t,block:n,getRecordValue:o,userTimeZone:i,depth:s,intl:c,resultCache:{}});return"boolean"==typeof d?d?a.d:a.b:Object(g.j)(d)?d.toString():h.U(d)?Object(l.a)({allowRelativeDates:!1,value:d,userTimeZone:i,intl:c}):d},created_time:e=>{const{block:t,userTimeZone:r,intl:n}=e;if(t.created_time)return Object(l.a)({allowRelativeDates:!1,value:h.r(t.created_time,r),userTimeZone:r,intl:n})},last_edited_time:e=>{const{block:t,userTimeZone:r,intl:n}=e;if(t.last_edited_time)return Object(l.a)({allowRelativeDates:!1,value:h.r(t.last_edited_time,r),userTimeZone:r,intl:n})},created_by:e=>{const{block:t,getRecordValue:r}=e;if(t.created_by_table&&t.created_by_id)if(t.created_by_table===o.a){const e=r(t.created_by_table,t.created_by_id);if(e)return Object(o.d)(e)}else{const e=r(t.created_by_table,t.created_by_id);if(e)return Object(m.b)(e)}},last_edited_by:e=>{const{block:t,getRecordValue:r}=e;if(t.last_edited_by_table&&t.last_edited_by_id)if(t.last_edited_by_table===o.a){const e=r(t.last_edited_by_table,t.last_edited_by_id);if(e)return Object(o.d)(e)}else{const e=r(t.last_edited_by_table,t.last_edited_by_id);if(e)return Object(m.b)(e)}}}},"+jeX":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("mF3+"),a=r("Fo9m"),s=r("KcXv"),l=r("bFnu"),c=r("n8tN"),d=r("SGmk"),u=r("OWVv"),p=r("6fCZ"),h=r("cBa6"),m=r("MBf9"),g=r("vX3W"),f=r("dsG5"),b=r("6rsX"),y=r("unoy"),v=r("i8i4"),S=r("BRCg"),w=r("MeYt"),k=r("622O"),M=r("aEEb"),O=r("Sb6f"),E=r("J9+s"),C=r("vl8/");function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t{this.handleEditCaption()},this.storeTypes={mouseStore:l.a},this.handleEditCaption=async()=>{const e=this.props.store.getPropertyStore("caption");b.f({environment:this.environment,store:this.props.store}),y.n({store:e})},this.handleOpenMenu=()=>{const{device:e}=this.environment;if(this.canEdit()){const t=v.findDOMNode(this);if(t&&t instanceof Element){const r=t.getBoundingClientRect();g.b(this.environment,{originRect:r,originGap:0,isSmallWidth:!0,showArrow:!0,title:C.default.formatMessage(x.fileTitle),currentTab:"file",tabs:[{type:"file",fileUpload:!0,imageUpload:e.isAndroid,videoUpload:e.isAndroid,onUpload:this.handleUpload},{type:"embed",buttonText:C.default.formatMessage(x.embedButtonText),inputPlaceholder:C.default.formatMessage(x.embedFilePrompt),caption:C.default.formatMessage(x.embedCaption),onChange:e=>{g.a(),m.createAndCommit(this.environment,t=>{a.a({store:this.props.store,source:e,name:void 0,size:void 0,transaction:t})})}}]})}}},this.handleMouseEnter=e=>{this.stores.mouseStore.setState(T({},this.stores.mouseStore.state,{mouseEntered:!0}))},this.handleMouseLeave=e=>{this.stores.mouseStore.setState(T({},this.stores.mouseStore.state,{mouseEntered:!1}))},this.handleClick=()=>{f.d(this.environment,{store:this.props.store})},this.handleUpload=e=>{const{store:t}=this.props;m.createAndCommit(this.environment,e=>{a.a({store:this.props.store,source:void 0,name:void 0,size:void 0,transaction:e})}),a.b({environment:this.environment,store:t,file:e})},this.fileUploadStore=this.createComputedStore(()=>S.default.getKeyState(S.default.getBlockKey(this.props.store.id)))}handleCreated(){this.edit()}edit(){this.handleOpenMenu()}activate(){this.handleOpenMenu()}replace(){this.handleOpenMenu()}renderPersisted(){const e=this.getSource();return e?this.renderFile(e):this.renderUploader()}renderFile(e){const{device:t}=this.environment,r=this.props.store.getProperties(),o=h.Z(r&&r.title),a=h.Z(r&&r.size),s=(this.stores.mouseStore.state.mouseEntered||t.isMobile)&&this.canEdit()&&n.createElement(p.a,{style:{marginRight:4},store:this.props.store,fadeIn:!0});return n.createElement("div",null,n.createElement("div",{onMouseMove:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,style:{display:"flex"}},n.createElement(w.a,{style:this.getStyle(),onClick:this.handleClick},n.createElement(u.b,{style:I.innerStyle,left:i.a.file(),leftStyle:I.fileIconStyle,alignment:u.a.Center,right:s},n.createElement("div",{style:{display:"flex",alignItems:"baseline"}},n.createElement("div",{style:T({},O.a.textOverflowStyle)},k.d({title:o,source:e})),a&&n.createElement(M.a,{isSmall:!0,style:{marginLeft:6,whiteSpace:"nowrap"}},a)))),this.renderDiscussion()),this.renderCaption())}renderUploader(){const{device:e}=this.environment,{disabled:t}=this.props,r=this.fileUploadStore.state;return n.createElement("div",{onMouseMove:()=>this.stores.mouseStore.setState(T({},this.stores.mouseStore.state,{mouseEntered:!0})),onMouseLeave:()=>this.stores.mouseStore.setState(T({},this.stores.mouseStore.state,{mouseEntered:!1})),style:{display:"flex"}},n.createElement(d.a,{disabled:t,iconSvg:i.a.file,right:(this.stores.mouseStore.state.mouseEntered||e.isMobile)&&this.canEdit()&&n.createElement(p.a,{store:this.props.store,fadeIn:!0}),isLoading:Boolean(r),progressPercent:r?r.progressPercent:0,file:r?r.file:void 0,name:r?r.name:void 0,size:r?r.size:void 0,onClick:this.handleOpenMenu},n.createElement(E.FormattedMessage,{defaultMessage:"Upload or embed a file",id:"fileBlock.uploadOrEmbed.placeholder"})),this.renderDiscussion())}getSource(){const e=this.props.store.getProperties(),t=e&&e.source,r=h.V(t),{display_source:n}=this.props.store.getFormat();return n||r}getStyle(){return T({flexGrow:1,minWidth:0,borderRadius:3},o.omit(this.getBlockColorStyle(),["fontSize","lineHeight"]))}}I.innerStyle={paddingTop:s.b.paddingTop,paddingBottom:s.b.paddingBottom,paddingLeft:s.b.paddingLeft},I.fileIconStyle={width:"1.35em",height:"1.35em"},t.a=I},"+zu0":function(e,t,r){"use strict";var n=r("lTt/"),o=(r("rGqo"),r("LvDl"));r("a1Th");var i=class{constructor(e){let{maxSize:t,prefix:r,store:n,version:o}=e;this.createInternalKey=e=>"".concat(this.namespace).concat(e),this.maxSize=t,this.prefix=r,this.store=n,this.version=o.toString(),this.namespace="".concat(r,":").concat(o,"::"),this.serializedKeys="".concat(r,":").concat(o,":keys"),this.lastVersion="".concat(r,":version")}set(e,t){try{this.setInternal(e,t),this.promote(e)}catch(r){return{error:r}}return{value:void 0}}get(e){try{const t=this.getInternal(e);if(null!==t)return{value:t}}catch(t){return{error:t}}return{value:void 0}}remove(e){try{this.getKeys().indexOf(e)>-1&&(this.removeInternal(e),this.evict(e))}catch(t){return{error:t}}return{value:void 0}}clear(){try{const e=this.getKeys();for(const t of e)this.removeInternal(t);this.setKeys([])}catch(e){return{error:e}}return{value:void 0}}scan(e){try{const t=this.getKeys();for(const r of t){const t=this.getInternal(r);if(null===t)throw new Error("Item not found: ".concat(r));e(r,t)}}catch(t){return{error:t}}return{value:void 0}}entries(){const e=[],t=this.scan((t,r)=>{e.push([t,r])});return t.error?{error:t.error}:{value:e}}keys(){try{return{value:this.getKeys()}}catch(e){return{error:e}}}slowGC(){const e=[],t=e=>e!==this.serializedKeys&&(!!e.endsWith("keys")&&this.isOldKey(e));for(let r=0;r-1)t.splice(r,1),t.unshift(e);else if(t.unshift(e),t.length>this.maxSize){const e=t.splice(this.maxSize);for(const t of e)this.removeInternal(t)}this.setKeys(t)}evict(e){const t=this.getKeys(),r=t.indexOf(e);r>-1&&t.splice(r,1),this.setKeys(t)}setInternal(e,t){this.store.setItem(this.createInternalKey(e),JSON.stringify(t))}getInternal(e){const t=this.store.getItem(this.createInternalKey(e));return null===t?null:JSON.parse(t)}removeInternal(e){this.store.removeItem(this.createInternalKey(e))}},a=r("hfHo"),s=r("VhAz");const l={BONUS:{DEFAULT:100,LINK:120,SEARCH:200,FAVORITE:140,UNKNOWN_VISIT_TYPE:0},BONUS_NORMALIZER:100,TIME_BUCKETS:[{days:4,weight:100},{days:14,weight:70},{days:31,weight:50},{days:90,weight:30}],DEFAULT_BUCKET_WEIGHT:10};function c(e){const{BONUS:t}=l;switch(e){case"Default":return t.DEFAULT;case"Link":return t.LINK;case"Favorite":return t.FAVORITE;case"Search":return t.SEARCH;default:return Object(s.e)(e),t.UNKNOWN_VISIT_TYPE}}function d(e,t){const{TIME_BUCKETS:r,DEFAULT_BUCKET_WEIGHT:n}=l,o=Object(a.a)(e).diff(t,"days");return o<=r[0].days?r[0].weight:o<=r[1].days?r[1].weight:o<=r[2].days?r[2].weight:o<=r[3].days?r[3].weight:n}class u{constructor(e){var t=this;this.recordVisit=e=>{const{id:t,type:r,timestampForTestingOnly:n}=e,i=this.createVisit(r,n),a=this.visits.get(t);if(a.error)return;const s=a.value||this.createVisitCacheEntry();var l,c,d;s.totalVisits+=1,s.recentVisits=(l=s.recentVisits,c=i,d=this.maxStoredVisits,[...Object(o.takeRight)(l,d-1),c]),this.visits.set(t,s)},this.getVisits=e=>{const t=this.visits.get(e);if(!t.error)return t.value},this.getVisitedIds=()=>{const e=this.visits.keys();return e.error?[]:e.value},this.getFrecencyScore=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Date.now();const n=t.getVisits(e);if(!n)return u.UNVISITED_FRECENCY_SCORE;const{totalVisits:i,recentVisits:a}=n;if(0===i||0===a.length)return u.UNVISITED_FRECENCY_SCORE;const s=a.map(e=>{const{type:t,timestamp:n}=e,o=c(t);return d(r,n)*(o/l.BONUS_NORMALIZER)}),p=Object(o.sum)(s)/s.length,h=Math.ceil(i*p);return h};const{maxBlocks:r,maxStoredVisits:n,store:a,version:s}=e;this.maxStoredVisits=n,this.visits=new i({prefix:e.prefix||"FrecencyStore",maxSize:r,store:a,version:s})}initialize(){this.visits.updateVersionAndGC()}sortFrecencyHighToLow(e,t){return Object(o.sortBy)(e,e=>-1*("number"==typeof e.score?e.score:1)*this.getFrecencyScore(e.id,t))}createVisitCacheEntry(){return{totalVisits:0,recentVisits:[]}}createVisit(e,t){return{type:e,timestamp:"number"==typeof t?t:Date.now()}}clear(){const e=[];this.visits.scan(t=>e.push(t));for(const t of e)this.visits.remove(t)}}u.UNVISITED_FRECENCY_SCORE=1;var p=r("QcDD");const h=new class{get(e){const{currentSpaceStore:t}=p.default.state,r=t&&t.id;return void 0===r||void 0===e?(this.userId=void 0,this.spaceId=void 0,void(this.frecencyStore=void 0)):this.spaceId===r&&this.userId===e?this.frecencyStore:(this.spaceId=r,this.userId=e,this.frecencyStore=new u({store:localStorage,prefix:"BlockFrecency:".concat(e,":").concat(r),maxBlocks:100,maxStoredVisits:10,version:3}),this.frecencyStore.initialize(),this.frecencyStore)}};const m={lazyFrecencyStore:h,recordVisit:e=>{const{id:t,type:r,timestampForTestingOnly:n,currentUserId:o}=e,i=h.get(o);if(i)return i.recordVisit({id:t,type:r,timestampForTestingOnly:n})},sortFrecencyHighToLow:function(e){const{currentUserId:t,items:r,now:n}=e,o=h.get(t);return o?o.sortFrecencyHighToLow(r,n):r},getVisitedIds:e=>{const t=h.get(e);return t?t.getVisitedIds():[]},clearForUser:function(e){for(let t=0;t!Object(S.g)(e));if(l.length!==r.length&&w.c({store:i.getPermissionsStore(),value:l,transaction:o}),i.getParentTable()===h.a)s.a({parent:e,append:i,transaction:o});else if(i.getParentTable()===c.a){const r=i.getParentCollectionStore();if(r){const l=d.f(r);if(!d.k(l)){const r=l.find(e=>e instanceof n.a&&e.isCollectionView());r&&(s.a({parent:e,append:r,transaction:o}),a.r({environment:t,blocks:[r],transaction:o}))}p.b({childStore:i,parentStore:r,alive:!0,transaction:o}),i.isTemplate()&&s.a({parent:r.getTemplatePagesStore(),append:i,transaction:o})}}else{const r=i.getParentBlockStore();if(r){const l=d.f(r);if(d.k(l)){const e=r.getContentStore(),t=n.a.createChildStore(e,i.id);s.a({parent:e,append:t,transaction:o})}else s.a({parent:e,append:i,transaction:o}),a.r({environment:t,blocks:[i],transaction:o})}}}r[0]&&(u.navigateToBlock({environment:t,store:r[0]}),t.device.isMobile&&f.close())}g.Od(t)}async function C(e){const{environment:t,blocks:r,transaction:i}=e;for(const o of r){const e=o.getParentStore();e&&(e instanceof n.a?s.e({parent:e.getContentStore(),remove:o,transaction:i}):e instanceof b.a&&s.e({parent:e.getPagesStore(),remove:o,transaction:i}),p.b({parentStore:e,childStore:o,alive:!1,transaction:i}))}await o.deleteBlocks(t,{blockIds:r.map(e=>e.id),permanentlyDelete:!1})}function P(e){i.showDialog({message:M.default.formatMessage(O.deletePageConfirmationMessage),showCancel:!0,keepFocus:!1,items:[{label:M.default.formatMessage(O.deletePageConfirmationButton),color:"red",onAccept:async()=>{const{blocks:t,environment:r}=e,n=l.create(r);for(const e of t)m.a.state.excludePages.add(e.id),m.a.emit();await o.deleteBlocks(e.environment,{blockIds:t.map(e=>e.id),permanentlyDelete:!0}),await Object(v.b)(r),u.navigateAwayIfCurrentPage({environment:e.environment,blocks:t}),l.commit({environment:r,transaction:n}),g.pb(r)}}]})}},"/6eU":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LEzx");class i extends o.a{getInitialState(){return{open:!1,openAnimationCompleted:!0,closeAnimationCompleted:!0}}}var a=i,s=r("NOLh"),l=r("wldR"),c=r("VyA+"),d=r("F9et"),u=r("fHgN");function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t{const{open:e,disableAnimation:t}=this.props,r=t?this.renderKeepFocusArea():n.createElement(s.a,{isVisible:e,animationStyle:{opacity:1},enterAnimationStyle:{opacity:0},exitAnimationStyle:{opacity:0},useCompositeLayer:!0,onAnimationEnd:this.handleAnimationEnd,springConfig:{opacity:{stiffness:50,damping:5,precision:.005}},render:this.renderKeepFocusArea});return n.createElement(c.a,{capture:e,onEsc:this.props.onDismiss},r)},this.renderKeepFocusArea=()=>{const{open:e,keepFocus:t,disableAnimation:r}=this.props,o=r?this.renderBody():n.createElement(s.a,{isVisible:e,animationStyle:{scale:1},enterAnimationStyle:{scale:.97},exitAnimationStyle:{scale:.97},useCompositeLayer:!0,springConfig:{scale:{stiffness:50,damping:3.8,precision:.001}},render:this.renderBody});return n.createElement(d.a,{capture:Boolean(t),render:e=>n.createElement("div",Object.assign({style:this.getStyle()},e,{className:this.props.className}),n.createElement("div",{style:this.getBackgroundStyle(),onClick:this.props.onDismiss}),o)})},this.renderBody=()=>n.createElement("div",{style:h({position:"relative",zIndex:1,boxShadow:this.theme.largeBoxShadow,borderRadius:3,background:this.theme.contentBackground},this.props.innerStyle)},this.renderChildren()),this.handleAnimationEnd=()=>{this.props.open?this.stores.store.setState({open:!0,openAnimationCompleted:!0,closeAnimationCompleted:!0}):this.stores.store.setState({open:!1,openAnimationCompleted:!0,closeAnimationCompleted:!0})}}willMountOrUpdate(e){super.willMountOrUpdate(e);const{open:t}=e;!this.lastOpenState&&t?(this.stores.store.setState({open:!0,openAnimationCompleted:!1,closeAnimationCompleted:!0}),e.onOpen&&e.onOpen()):this.lastOpenState&&!t&&this.stores.store.setState({open:!0,openAnimationCompleted:!0,closeAnimationCompleted:!1}),this.lastOpenState=t}renderComponent(){const e=this.props.disableAnimation?this.props.open:this.stores.store.state.open;return n.createElement(u.a,{open:e,render:this.renderOverlay,zIndex:this.props.overlayZIndex,origin:this.props.origin})}renderChildren(){const{store:e}=this.stores,{render:t}=this.props;return this.props.disableAnimation?t():e.state.openAnimationCompleted||this.props.preventHideChildrenWhileOpening?t():void 0}getStyle(){return h({width:"100vw",height:"100vh",position:"fixed",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:this.props.open?"auto":"none"},this.props.style)}getBackgroundStyle(){return h({position:"absolute",top:0,left:0,bottom:0,right:0,background:this.theme.modalBackground},this.props.backgroundStyle)}}t.a=g},"/RgW":function(e,t,r){},"/YYm":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("Wvka"),o=r("A9TN"),i=r("vTDQ"),a=r("QcDD"),s=r("WW+n");function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}t.a=e=>{e=function(e){for(var t=1;th.G(this.environment,{from:this.props.analyticsName,name:"notion_logo",href:m.V}),style:{cursor:"pointer"}},n.createElement("div",{style:{display:"flex",alignItems:"center"}},w.a.notionLogo({width:e?28:30,height:e?28:30,marginRight:10,flexShrink:0}),n.createElement("div",{style:{fontWeight:f.a.fontWeight.medium,fontSize:16}},"Notion"))))}}var O=M,E=r("ykms"),C=r("v+/5"),P=r("uRvc"),T=r("Nt9w"),j=r("CI7d"),x=r("0CAA"),I=r("BXHm"),D=r("NCLm"),B=r("2ZkR"),_=r("T8dS"),A=r("Agvv"),L=r("+MqT");class F extends a.a{constructor(){super(...arguments),this.renderFooterItem=(e,t)=>e.onClick?n.createElement(p.a,{style:{display:"block"},key:t,onClick:e.onClick||(()=>e.href&&Object(h.G)(this.environment,{from:"front_footer",name:"footer_nav_item",href:e.href}))},n.createElement("div",{style:{display:"flex",height:"100%",lineHeight:"28px"}},e.title,e.isNew&&n.createElement(v,null))):n.createElement(d.a,{key:t,href:e.href,external:e.external,style:{display:"block",width:"100%"},onClick:()=>e.href&&Object(h.G)(this.environment,{from:"front_footer",name:"footer_nav_item",href:e.href})},n.createElement(p.a,{style:{width:"100%"}},e.title,e.isNew&&n.createElement(v,null)))}renderComponent(){const e=this.isMobileLayout();return n.createElement(n.Fragment,null,!e&&this.renderDesktopBorder(),n.createElement("footer",{style:this.getFooterOuterStyle()},n.createElement("div",{style:this.getFooterInnerStyle()},n.createElement(P.a,{size:"l"},n.createElement(E.a,{paddingSize:"m"},n.createElement("div",{style:this.getFooterContentStyle()},!e&&this.renderCopyrightAndLocalePicker(),this.renderFooterColumns(),e&&this.renderCopyrightAndLocalePicker()))))),e&&n.createElement("div",{style:{height:60,width:"100%"}}))}renderDesktopBorder(){return n.createElement("div",{style:{marginTop:Object(C.a)(this.environment,"l")}},n.createElement(P.a,{size:"l"},n.createElement(T.a,null)))}renderCopyrightAndLocalePicker(){const e="on"===B.default.getGroup(this.environment,"tiger-tamer");return n.createElement("div",{style:this.getCopyrightWrapStyle()},n.createElement("div",{style:{marginTop:5}},n.createElement(O,{analyticsName:"front_footer"})),n.createElement("div",{style:{marginTop:16,fontSize:j.a.fontSize.ui.s,paddingRight:20,maxWidth:260,color:i.f.frontMediumTextColor}},n.createElement(l.FormattedMessage,{id:"frontFooter.copyright.notionDescription",defaultMessage:"The all-in-one workspace for your notes, tasks, wikis, and databases."}),n.createElement("div",{style:{marginTop:8,marginBottom:8}},"© ",Object(b.a)().year()," ","Notion Labs, Inc."),n.createElement(u.a,{href:m.mb,external:!0,onClick:()=>Object(h.G)(this.environment,{from:"front_footer",name:"footer_nav_item",href:m.mb})},n.createElement(l.FormattedMessage,{id:"frontFooter.copyright.termsAndConditionsLink",defaultMessage:"Terms & Privacy"}))),e&&this.renderLanguagePicker(),!L.b&&this.renderTranslationDisclaimer())}renderLanguagePicker(){return n.createElement("div",{style:{marginTop:15}},n.createElement(I.a,{confirm:!1,onChange:async e=>{await c.setLocale(this.environment,{locale:e}),window.location.reload(!0)},currentLocale:Object(D.e)(_.a)?_.a:A.a}))}renderTranslationDisclaimer(){return n.createElement("p",{style:F.translationDisclaimerStyle},n.createElement(l.FormattedMessage,{id:"frontFooter.translationDisclaimer",defaultMessage:"Pardon a few pages that are still in English! We’re working on translating everything, but it might take a bit more time."}))}renderFooterColumns(){return n.createElement("div",{style:this.footerColumnWrapStyle()},this.renderFooterColumn({header:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.header",defaultMessage:"Links"}),links:this.getMainLinks()}),this.renderFooterColumn({header:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.header",defaultMessage:"Product"}),links:this.getProductLinks()}),this.renderFooterColumn({header:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.header",defaultMessage:"Company"}),links:this.getCompanyLinks()}),this.renderFooterColumn({header:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.header",defaultMessage:"Help & Contact"}),links:this.getContactLinks(this.props.analyticsName)}))}renderFooterColumn(e){return n.createElement("div",{style:this.getFooterColumnStyle()},n.createElement("div",{style:this.getColumnLabelStyle()},e.header),n.createElement("div",{style:this.getFooterListStyle()},e.links.map(this.renderFooterItem)))}isMobileLayout(){return Object(k.a)(this.environment,"maxWidth","large")}getMainLinks(){return[{title:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.desktopApp",defaultMessage:"Desktop apps"}),href:m.m},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.mobileApps",defaultMessage:"Mobile apps"}),href:m.J},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.webClipper",defaultMessage:"Web Clipper"}),href:m.rb},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.customers",defaultMessage:"Customers"}),href:m.l},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.newToNotion",defaultMessage:"What’s new"}),href:m.sb,external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.login",defaultMessage:"Log in"}),href:m.D},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.notionLinks.signup",defaultMessage:"Sign up"}),href:m.ab}]}getProductLinks(){return s.compact([{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.overview",defaultMessage:"Overview"}),href:m.V},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.pricing",defaultMessage:"Pricing"}),href:m.R},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.templates",defaultMessage:"Templates"}),href:m.kb,external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.personal",defaultMessage:"Personal use"}),href:m.P,isNew:!0,external:!1},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.teams",defaultMessage:"Notion for teams"}),href:m.ib},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.enterprise",defaultMessage:"Enterprise"}),href:m.q},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.remote",defaultMessage:"Remote work"}),href:m.X,isNew:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.startups",defaultMessage:"Startups"}),href:m.eb},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.students",defaultMessage:"Students"}),href:m.hb},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.educators",defaultMessage:"Educators"}),href:m.p},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.productLinks.evernoteSwitch",defaultMessage:"Switch from Evernote"}),href:m.r}])}getCompanyLinks(){return s.compact([{title:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.about",defaultMessage:"About"}),href:m.a},L.b?{title:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.careers",defaultMessage:"Careers"}),href:m.j}:void 0,L.b?{title:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.mediaKit",defaultMessage:"Media kit"}),href:m.I,external:!0}:void 0,L.b?{title:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.toolsAndCraft",defaultMessage:"Tools & Craft"}),href:m.nb}:void 0,{title:n.createElement(l.FormattedMessage,{id:"frontFooter.companyLinks.community",defaultMessage:"Community"}),href:m.k,external:!0}])}getContactLinks(e){return[{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.support",defaultMessage:"Help & support"}),href:m.y,external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.teamsFAQ",defaultMessage:"Notion for teams"}),href:Object(x.a)("guides.notionForTeams"),external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.twitter",defaultMessage:"Twitter @NotionHQ"}),href:m.L,external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.statusPage",defaultMessage:"Status"}),href:m.fb,external:!0},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.contactSales",defaultMessage:"Contact sales"}),onClick:()=>{Object(S.a)({environment:this.environment,typeform:"enterpriseContact",frontContext:"front_footer",params:{source:"front_footer_"+e}})}},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.contactIntercomSupport",defaultMessage:"Send us a message"}),onClick:()=>{g.a({environment:this.environment,from:"front_footer"})}},{title:n.createElement(l.FormattedMessage,{id:"frontFooter.helpLinks.emailUsForSupport",defaultMessage:"Email us"}),href:"mailto:team@makenotion.com",external:!0}]}getFooterOuterStyle(){const e=Object(C.f)(this.environment);return{fontSize:j.a.fontSize.body.s,paddingLeft:e,paddingRight:e}}getFooterInnerStyle(){return{width:"100%",maxWidth:P.b.l,margin:"0 auto"}}getFooterContentStyle(){return this.isMobileLayout()?{width:"100%"}:{width:"100%",display:"flex",justifyContent:"space-between",flexDirection:"row"}}getCopyrightWrapStyle(){return Object(k.a)(this.environment,"maxWidth","medium")?{width:"100%",marginTop:35}:Object(k.a)(this.environment,"maxWidth","large")?{width:300}:{width:380}}getFooterColumnStyle(){const e=this.isMobileLayout();return{marginBottom:e?24:0,padding:e?0:"0 10px",width:e?"100%":"25%"}}footerColumnWrapStyle(){return this.isMobileLayout()?{}:{display:"flex",flexGrow:1}}getFooterListStyle(){return{margin:"0 -8px"}}getColumnLabelStyle(){const e=this.isMobileLayout();return{display:e?"block":"inline-flex",whiteSpace:"nowrap",borderRadius:3,marginBottom:e?10:4,paddingTop:e?10:1,paddingBottom:e?10:1,borderBottom:e?"1px solid ".concat(i.f.frontBorderColor):"none",fontWeight:f.a.fontWeight.bold}}}F.translationDisclaimerStyle={fontSize:j.a.fontSize.ui.s,color:i.f.frontMediumTextColor,maxWidth:300,marginTop:10};var R=F,N=r("ikHm"),V=r("xVnP"),U=r("1Imc"),Y=r("LEzx");class W extends Y.a{getInitialState(){return{mobileMenuOpen:!1}}}var X=W;const z={fontSize:15,whiteSpace:"nowrap",top:0,width:"100%",background:i.f.frontBackground,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},q="0 1px 0 ".concat(i.f.frontBorderColor);var H=r("MeYt"),G=r("H4VD"),K=r("WgIs"),Z=r("gbGO"),J=r("wXH4"),Q=r("2Y+N"),$=r("SR/M");function ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function te(e){for(var t=1;t{this.stores.frontTopbarStore.setState(te({},this.stores.frontTopbarStore.state,{openDesktopMenu:e}))},this.clearMenuState=()=>{this.setMenuState()},this.downloadMenu={storeKey:"download",sections:[{borderTop:!1,key:"download",items:[{title:this.props.intl.formatMessage({id:"frontTopbar.downloadMenu.iOSAndAndroidItem",defaultMessage:"iOS & Android"}),key:"mobile",route:m.J},{title:this.props.intl.formatMessage({id:"frontTopbar.downloadMenu.macAndWindowsItem",defaultMessage:"Mac & Windows"}),key:"desktop",route:m.m},{title:this.props.intl.formatMessage({id:"frontTopbar.downloadMenu.webClipper",defaultMessage:"Web Clipper"}),key:"web-clipper",route:m.rb}]}]}}renderComponent(){const e=Object(k.a)(this.environment,"maxWidth","large");return n.createElement("div",{style:this.getOuterStyle()},n.createElement("nav",{style:this.getInnerStyle()},!this.props.hideLogo&&n.createElement(O,{analyticsName:"front_header"}),n.createElement("div",{style:{flex:"1",display:"flex",justifyContent:e?"flex-end":"center"}}),!this.props.hideNavItems&&this.renderNavItems()))}renderNavItems(){const e=Object(k.a)(this.environment,"minWidth","giant");return n.createElement(n.Fragment,null,n.createElement("div",{style:ne.linkWrapStyle},this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.title",defaultMessage:"Product",description:"Title for Product menu at top of page"}),menu:this.getProductMenu(this.environment)}),this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.downloadMenu.title",defaultMessage:"Download",description:"Title for Download menu at top of page"}),menu:this.downloadMenu}),e&&this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.enterpriseLink",defaultMessage:"Enterprise",description:"Link to enterprise page at top of Notion site"}),route:m.q}),this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.customerLinks",defaultMessage:"Customers",description:"Link to customers page at top of Notion site"}),route:m.l}),this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.pricingLink",defaultMessage:"Pricing",description:"Link to pricing page at top of Notion site"}),route:m.R}),L.b&&this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.jobsLink",defaultMessage:"Careers",description:"Link to jobs page at top of Notion site"}),route:m.j})),n.createElement("div",{style:ne.dividerStyle}),n.createElement("div",{style:ne.linkWrapStyle},this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.logInLink",defaultMessage:"Log in",description:"Link to log in at top of Notion site"}),route:m.D,analyticsName:"desktop_topbar_login_button"}),!this.props.pageHasScrolled&&this.renderNavItem({title:this.props.intl.formatMessage({id:"frontTopbar.signUpLink",defaultMessage:"Sign up",description:"Link to sign up at top of Notion site"}),route:m.ab,analyticsName:"desktop_topbar_signup_button"})),n.createElement("div",{style:this.getCtaVisibilityStyle()},this.renderSignupLink()))}renderChildMenu(e){const t=(e,t)=>()=>{h.G(this.environment,{from:"front_header",name:"desktop_topbar_nav_item",href:e,label:t}),G.navigate({environment:this.environment,url:e})},r={menuType:Z.b.MenuType.Popup,width:240,maxWidth:"90vw"},o=e.sections.map(e=>({key:e.key,items:e.items.map(e=>{const r=e.emoji?"".concat(e.emoji," ").concat(e.title):e.title;return{key:e.key,render:e=>n.createElement($.a,Object.assign({},e,{title:r})),action:t(e.route,e.key)}}),render:t=>n.createElement(Q.a,Object.assign({},t,{title:e.label,isTitleUppercase:!0,topBorder:e.borderTop}))}));return n.createElement("div",{onMouseEnter:()=>this.setMenuState(e.storeKey),onMouseLeave:()=>this.clearMenuState()},n.createElement(Z.b,Object.assign({},r),n.createElement(K.a,{type:K.a.Type.Vertical,initialFocus:0,sections:o})))}renderNavItemButtonInner(e){return e.isNew?n.createElement("div",{style:{display:"flex"}},n.createElement("span",null,e.title),n.createElement(v,null)):e.menu?n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"default"}},e.title,w.a.chevronDown(ne.headerChevronStyle)):e.title}renderNavItemButton(e){return n.createElement(H.a,{style:te({},ne.headerButtonStyle,{cursor:e.menu?"default":"pointer"})},this.renderNavItemButtonInner(e))}renderNavItem(e){const t=this.renderNavItemButton(e);if(e.menu){const r=n.createElement("div",{style:{paddingTop:10,paddingBottom:10}},t);return n.createElement("div",{onMouseEnter:()=>e.menu&&this.setMenuState(e.menu.storeKey),onMouseLeave:()=>this.clearMenuState()},n.createElement(J.c,{open:this.stores.frontTopbarStore.state.openDesktopMenu===e.menu.storeKey,popupType:J.c.PopupType.Popup,origin:r,disableMouseCapture:!0,render:()=>e.menu&&this.renderChildMenu(e.menu)},r))}return e.route?n.createElement(d.a,{href:e.route,onClick:()=>h.G(this.environment,{from:"front_header",name:e.analyticsName?e.analyticsName:"desktop_topbar_nav_item",href:e.route})},t):t}renderSignupLink(){return n.createElement("div",{style:{width:280}},n.createElement(V.a,{analyticsName:this.props.analyticsName,loginStore:this.stores.loginStore,persona:"personal",buttonWidth:80}))}getProductMenu(e){return{storeKey:"product",sections:[{borderTop:!1,key:"product-top",items:[{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.homeItem",defaultMessage:"Home"}),key:"home",emoji:"🏠",route:m.V}]},{borderTop:!0,key:"product-middle-1",items:[{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.wikisItem",defaultMessage:"Team wiki"}),key:"wikis",emoji:"📘",route:m.vb},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.projectsAndTasksItem",defaultMessage:"Projects & tasks"}),key:"tasks",emoji:"🎒",route:m.W},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notesAndDocsItem",defaultMessage:"Notes & docs"}),key:"notes",emoji:"✍️",route:m.K}]},{borderTop:!0,key:"product-middle-2",label:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.title",defaultMessage:"Notion for",description:"Title of the section of the product menu where we introduce the different use cases of Notion, e.g. 'Notion for students'"}),items:this.getProductMenuMiddleItems()},{borderTop:!0,key:"product-bottom",items:[{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.switchFromEvernoteItem",defaultMessage:"Switch from Evernote"}),key:"evernote",route:m.r}]}]}}getProductMenuMiddleItems(){return s.compact([{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.teamsItem",defaultMessage:"Teams"}),key:"teams",route:m.ib},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.enterpriseItem",defaultMessage:"Enterprise"}),key:"enterprise",route:m.q},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.remoteItem",defaultMessage:"Remote work"}),key:"remote",route:m.X},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.personalItem",defaultMessage:"Personal use"}),key:"personal",route:m.P},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.startupsItem",defaultMessage:"Startups"}),key:"startups",route:m.eb},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.studentsItem",defaultMessage:"Students"}),key:"students",route:m.hb},{title:this.props.intl.formatMessage({id:"frontTopbar.productMenu.notionUseCases.educatorsItem",defaultMessage:"Educators"}),key:"educators",route:m.p}])}getOuterStyle(){return te({},z)}getInnerStyle(){return{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",maxWidth:P.b.l+40,paddingLeft:20,paddingRight:20,transition:"height 250ms",height:this.props.pageHasScrolled?Ae.desktopHeaderScrolledHeight:Ae.desktopHeaderHeight,position:"relative",overflow:"hidden",boxShadow:this.props.pageHasScrolled?q:"none"}}getCtaVisibilityStyle(){const e={transition:"opacity 250ms"};return this.props.pageHasScrolled?te({},e,{width:280,opacity:1,marginLeft:8}):te({},e,{width:0,opacity:0,overflow:"hidden"})}}ne.linkWrapStyle={display:"flex",alignItems:"center",justifyContent:"center",height:"100%",transition:"transform 200ms"},ne.headerButtonStyle={padding:"4px 10px",borderRadius:3,flexShrink:0,fontSize:15,marginLeft:2,marginRight:2,fontWeight:j.a.fontWeight.medium,width:"auto"},ne.headerChevronStyle={width:10,marginLeft:4,marginTop:1,fill:i.f.defaultText},ne.dividerStyle={borderRight:"1px solid #DDD",height:14,marginLeft:10,marginRight:10};var oe=Object(l.injectIntl)(ne),ie=r("IdSf"),ae=r("GRWW"),se=r("4VgC");function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ce(e){for(var t=1;t{this.stores.frontTopbarStore.setState(ce({},this.stores.frontTopbarStore.state,{mobileMenuOpen:!this.stores.frontTopbarStore.state.mobileMenuOpen}))},this.innerStyle={display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:Ae.mobileHeaderHeight},this.mobileMenuStyle={position:"absolute",top:"100%",height:"calc(100vh - ".concat(Ae.mobileHeaderHeight,"px)"),width:"100%",zIndex:N.g,background:i.f.frontBackground,overflowX:"scroll",paddingBottom:60}}renderComponent(){return n.createElement(n.Fragment,null,n.createElement("div",{style:this.getOuterStyle()},n.createElement("nav",{style:this.innerStyle},!this.props.hideLogo&&n.createElement(O,{analyticsName:"front_header"}),!this.props.hideNavItems&&this.renderMobileMenuTrigger())),this.stores.frontTopbarStore.state.mobileMenuOpen&&this.renderMobileMenu())}renderMobileMenuTrigger(){return this.stores.frontTopbarStore.state.mobileMenuOpen?n.createElement("div",{onClick:this.toggleMenu},w.a.close({width:22})):n.createElement("div",{onClick:this.toggleMenu},w.a.menu({width:22}))}renderMobileMenuTitle(e){return n.createElement("div",{style:ue.mobileMenuTitleStyle},e)}renderMobileMenuItem(e,t){return n.createElement(ie.a,{href:t,innerStyle:ue.mobileMenuItemStyle,onClick:()=>h.G(this.environment,{from:"front_header",name:"mobile_topbar_nav_item",href:t})},e)}renderMobileMenu(){return n.createElement("div",{style:this.mobileMenuStyle},n.createElement("div",{style:ue.mobileMenuSectionStyle},n.createElement("div",{style:ue.mobileMenuSectionColumnsStyle},n.createElement("div",null,this.renderMobileMenuTitle(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.title",defaultMessage:"Notion for"})),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.teamsItem",defaultMessage:"Teams"}),m.ib),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.enterpriseItem",defaultMessage:"Enterprise"}),m.q),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.startupsItem",defaultMessage:"Startups"}),m.eb),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.studentsItem",defaultMessage:"Students"}),m.hb),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.educatorsItem",defaultMessage:"Educators"}),m.p)),n.createElement("div",null,n.createElement("div",{style:{height:32}}),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.productSection.personalItem",defaultMessage:"Personal use"}),m.P),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.useCasesSection.remoteWorkItem",defaultMessage:"Remote work"}),m.X),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.productSection.wikisItem",defaultMessage:"Team wiki"}),m.vb),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.productSection.projectsTasksItem",defaultMessage:"Projects & tasks"}),m.W),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.productSection.notesDocsItem",defaultMessage:"Notes & docs"}),m.K)))),n.createElement("div",{style:ue.mobileMenuSectionStyle},n.createElement("div",{style:ue.mobileMenuSectionColumnsStyle},n.createElement("div",null,this.renderMobileMenuTitle(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.downloadSection.title",defaultMessage:"Download"})),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.downloadSection.iOsAndroidItem",defaultMessage:"iOS & Android"}),m.J),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.downloadSection.macWindowsItem",defaultMessage:"Mac & Windows"}),m.m),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.downloadSection.webClipperItem",defaultMessage:"Web Clipper"}),m.rb)),n.createElement("div",null,this.renderMobileMenuTitle(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.moreSection.title",defaultMessage:"More"})),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.moreSection.customersItem",defaultMessage:"Customers"}),m.l),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.moreSection.pricingItem",defaultMessage:"Pricing"}),m.R),L.b&&this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.moreSection.jobsItem",defaultMessage:"Careers"}),m.j),this.renderMobileMenuItem(n.createElement(l.FormattedMessage,{id:"frontTopbarMobile.moreSection.switchFromEvernoteItem",defaultMessage:"Switch from Evernote"}),m.r)))),n.createElement("div",{style:ce({},ue.mobileMenuSectionStyle,{paddingTop:10})},n.createElement(d.a,{href:m.D},n.createElement(se.a,{variant:"primary",isFullWidth:!0,onClick:()=>{h.G(this.environment,{from:"front_header",name:"mobile_topbar_login_button",href:m.D}),this.toggleMenu()},style:ue.mobileFrontButtonStyle},n.createElement(l.FormattedMessage,{id:"frontPage.mobile.loginButton",defaultMessage:"Log in",description:"Log in button on all front pages, for mobile users"}))),n.createElement(d.a,{href:m.ab},n.createElement(se.a,{variant:"secondary",isFullWidth:!0,onClick:()=>{h.G(this.environment,{from:"front_header",name:"mobile_topbar_signup_button",href:m.ab}),this.toggleMenu()},style:ue.mobileFrontButtonStyle},n.createElement(l.FormattedMessage,{id:"frontPage.mobile.signupButton",defaultMessage:"Sign up",description:"Sign up button on all front pages, for mobile users"})))))}getOuterStyle(){return ce({},z,{boxShadow:this.props.pageHasScrolled?q:"none",paddingLeft:20,paddingRight:20})}}ue.mobileMenuItemStyle={padding:"4px 8px",margin:"0 -8px",borderRadius:3,flexShrink:0,width:"auto"},ue.mobileMenuTitleStyle={textTransform:"uppercase",letterSpacing:1,fontSize:11,fontWeight:f.a.fontWeight.medium,color:i.f.mediumTextColor,marginTop:6,marginBottom:10},ue.mobileMenuSectionColumnsStyle={display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:20},ue.mobileMenuSectionStyle={borderTop:"1px solid ".concat(i.f.frontBorderColor),padding:"12px 20px"},ue.mobileFrontButtonStyle={margin:"5px 0"};var pe=ue,he=r("tvfY"),me=r("5/h/");function ge(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fe(e){for(var t=1;t!this.state.closedNotificationIds.includes(e.id)).length)}}var Me=new ke,Oe=r("TDPg"),Ee=r("S26v"),Ce=r("HSWF");function Pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Te(e){for(var t=1;t{this.handleUrlNotificationClose(e),h.Nb(this.environment,{contentful_id:e,message:t})},this.handleUrlNotificationClose=e=>{const t=Ee.g(window.location.href,xe.offerQueryParam),r=Me.state.notifications.slice(1);Me.setState(Te({},Me.state,{notifications:r})),G.navigate({environment:this.environment,url:t})},this.handleAutoNotificationClick=(e,t)=>{this.handleAutoNotificationClose(e),h.Nb(this.environment,{contentful_id:e,message:t})},this.handleAutoNotificationClose=e=>{this.addClosedNotificationId(e)},this.handleReferralNotificationClose=()=>{Ce.F(this.environment.currentUser.id);const e=Me.state.notifications.filter(e=>e.id!==xe.referralNotificationID);Me.setState(Te({},Me.state,{notifications:e}))},this.handlePromoNotificationClose=()=>{Ce.E(this.environment.currentUser.id);const e=Me.state.notifications.filter(e=>e.id!==xe.promoNotificationID);Me.setState(Te({},Me.state,{notifications:e}))},this.handlePromoClick=()=>{h.Ob(this.environment)},this.handleReferralClick=()=>{h.Pb(this.environment)},this.getUrlNotification=async()=>{const e=Ee.e(window.location.href);if("offer"in e.query){const r=e.query.offer;try{const e=await Oe.b(r,{locale:_.a});if(e){return{message:e.fields.message,emoji:e.fields.emoji,buttonText:e.fields.buttonText,buttonUrl:e.fields.buttonUrl,id:e.sys.id,type:"url",onClick:()=>this.handleUrlNotificationClick(e.sys.id,e.fields.message),onClose:this.handleUrlNotificationClose}}}catch(t){console.info({level:"debug",from:"frontNotificationBanner",type:"frontNotificationError",error:t,data:{contentful_id:r}})}}},this.getPromoCodeNotification=async()=>{const e=Ce.q(this.environment.currentUser.id);if(e){const t=await c.getPromoCode(this.environment,{code:e});if("success"===t.type&&t.data.promo){const{promo:e}=t.data;return{message:e.description||"",buttonText:this.props.intl.formatMessage({defaultMessage:"Sign up",id:"frontNotificationBanner.notification.promoCodeApplied.signupButton.label"}),buttonUrl:m.ab,id:xe.promoNotificationID,type:"promo",onClick:this.handlePromoClick,onClose:()=>this.handlePromoNotificationClose()}}}},this.getReferralNotification=async()=>{const e=Ce.w(this.environment.currentUser.id);if(e){const t=new he.a(this.environment,e);await t.load();const r=t.getValue();if(r){const e=Object(me.d)(r),t=Object(Se.b)({amount:we.a.invited_by_user,currency:"dollar",intl:this.props.intl});return{message:this.props.intl.formatMessage({defaultMessage:"{fullName} has invited you to Notion!",id:"frontNotificationBanner.notification.referralSent.message"},{fullName:e}),emoji:"💸",buttonText:this.props.intl.formatMessage({defaultMessage:"Sign up and get {creditAmount} credit",id:"frontNotificationBanner.notification.referralSent.signupButton.label"},{creditAmount:t}),buttonUrl:m.ab,id:xe.referralNotificationID,type:"referral",onClick:this.handleReferralClick,onClose:()=>this.handleReferralNotificationClose()}}}},this.getAutoNotification=async()=>{try{const e=await Oe.a({content_type:"notification","fields.delivery":"Auto",order:"-sys.createdAt",limit:1,locale:_.a});if(e){const t=e.items[0];if(t){return{message:t.fields.message,emoji:t.fields.emoji,buttonText:t.fields.buttonText,buttonUrl:t.fields.buttonUrl,id:t.sys.id,type:"auto",onClick:()=>this.handleAutoNotificationClick(t.sys.id,t.fields.message),onClose:()=>this.handleAutoNotificationClose(t.sys.id)}}}}catch(e){console.info({level:"debug",from:"frontNotificationBanner",type:"frontNotificationError",error:e})}},this.getClosedNotificationIds=()=>{const e=localStorage.getItem(xe.closedNotificationKey);return e?JSON.parse(e):[]},this.addClosedNotificationId=e=>{const t=this.getClosedNotificationIds();let r;r=t?t.includes(e)?t:[...t,e]:[e],localStorage.setItem(xe.closedNotificationKey,JSON.stringify(r)),Me.setState(Te({},Me.state,{closedNotificationIds:r}))}}didMount(){this.setInitialClosedNotifcationIds(),this.fetchNotifications()}renderComponent(){const e=Object(k.a)(this.environment,"maxWidth",$e.mobileBreakpoint),t=Me.state.notifications,r=Me.state.closedNotificationIds,n=t.filter(e=>!r.includes(e.id));if(n.length)return this.renderNotification(n[0],e)}renderDesktopContent(e){const t=e.emoji?"".concat(e.emoji," ").concat(e.message):e.message;return n.createElement("div",{style:this.getContentStyle(!1)},n.createElement("span",null,t),e.buttonUrl&&e.buttonText&&n.createElement(d.a,{style:xe.buttonStyle,href:e.buttonUrl,onClick:e.onClick},n.createElement(ve,null,n.createElement("span",null,e.buttonText))))}renderMobileContent(e){return n.createElement("div",{style:this.getContentStyle(!0)},n.createElement("span",null,e.message),e.buttonUrl&&e.buttonText&&n.createElement("div",{style:xe.textCtaStyle},n.createElement(u.a,{href:e.buttonUrl,onClick:e.onClick},e.buttonText)))}renderNotification(e,t){return n.createElement("div",{style:this.getBannerStyle()},t?this.renderMobileContent(e):this.renderDesktopContent(e),e.onClose&&n.createElement("div",{style:xe.closeStyle},n.createElement(H.a,{onClick:()=>e.onClose(e.id)},w.a.close({height:22,width:22,fill:i.f.frontMediumTextColor}))))}setInitialClosedNotifcationIds(){const e=Me.state;Me.setState(Te({},e,{closedNotificationIds:this.getClosedNotificationIds()}))}async fetchNotifications(){const e=await Promise.all([this.getPromoCodeNotification(),this.getReferralNotification(),this.getUrlNotification(),this.getAutoNotification()]);Me.setState(Te({},Me.state,{notifications:s.compact(e)}))}getBannerStyle(){return{position:"relative"}}getContentStyle(e){const t={width:"100%",fontSize:14,lineHeight:1.4,color:i.f.frontBackgroundDarkText,background:i.f.frontBackgroundDark,borderBottom:"1px solid ".concat(i.f.frontBorderColor),minHeight:50};return Te({},t,e?{borderTop:"1px solid ".concat(i.f.frontBorderColor),textAlign:"left",padding:"10px 60px 10px 20px"}:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,whiteSpace:"nowrap",textAlign:"center",padding:"10px 50px"})}}xe.offerQueryParam="offer",xe.promoNotificationID="promo",xe.referralNotificationID="referral",xe.closedNotificationKey="front_closed_notifications",xe.buttonStyle={marginLeft:12},xe.textCtaStyle={color:i.f.frontRed,marginTop:6},xe.closeStyle={position:"absolute",top:"50%",right:20,marginTop:-11};var Ie=Object(l.injectIntl)(xe);function De(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Be(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class _e extends a.a{constructor(){super(...arguments),this.storeTypes={scrollerStore:ae.a},this.headerRef=n.createRef(),this.handleScrolled=e=>{this.stores.scrollerStore.setState(function(e){for(var t=1;tt}getSpacerHeight(e,t){const r=e?_e.mobileHeaderHeight:_e.desktopHeaderHeight,n=e?0:_e.desktopNotificationBannerHeight;return t?r+n:r}getSpacerStyle(e,t){return{width:"100%",height:this.getSpacerHeight(e,t)}}}_e.desktopNotificationBannerHeight=45,_e.mobileHeaderHeight=54,_e.mobilePageHasScrolledDistance=0,_e.desktopHeaderHeight=80,_e.desktopHeaderScrolledHeight=60,_e.desktopPageHasScrolledDistance=60,_e.headerStyle={position:"fixed",zIndex:N.g,fontFamily:j.a.fontFamily.sans,width:"100%"};var Ae=_e,Le=r("7M94"),Fe=r("X6Ne"),Re=r("i8i4"),Ne=r("v/t1");class Ve extends a.a{constructor(){super(...arguments),this.sessionNamesMap={},this.handleScroll=()=>{if(this.node){const e=Array.from(this.node.querySelectorAll(".".concat(Le.e))),t=e.map(e=>e.getBoundingClientRect()).findIndex(e=>e.top>window.innerHeight);let r;if(r=t>=0?t-1:e.length-1,void 0!==r){const t=e[r];if(t&&t.id){const e=t.id;this.sessionNamesMap[e]||(this.sessionNamesMap[e]=!0,h.Qd(this.environment,{from:this.props.analyticsName,name:e,index:r}))}}}},this.handleScrollThrottled=s.throttle(this.handleScroll,500)}didMount(){super.didMount(),this.node=Re.findDOMNode(this),Ne.a(window,"scroll",this.handleScrollThrottled),this.handleScroll()}willUnmount(){super.willUnmount(),Ne.b(window,"scroll",this.handleScrollThrottled)}renderComponent(){return this.props.render()}}var Ue=Ve,Ye=r("z7fZ"),We=r("VyA+"),Xe=r("Uzgj"),ze=r("OmGN"),qe=r("NO6v"),He=r("YEQ1");class Ge extends a.a{constructor(){super(...arguments),this.handleClose=()=>{Object(Xe.a)()}}renderComponent(){const{src:e}=Ye.a.state;if(e)return n.createElement(We.a,{capture:!0,onEsc:this.handleClose},n.createElement("div",{key:e,className:"front-fadein-fast",style:this.getOuterStyle(),onClick:this.handleClose},n.createElement("div",{style:Ge.closeStyle},n.createElement(H.a,{style:{padding:4}},w.a.close({width:22,fill:i.f.white}))),n.createElement("div",{onClick:e=>e.stopPropagation(),style:this.getInnerStyle()},this.renderMedia())))}renderMedia(){const{src:e,caption:t,format:r,isVideo:o,host:i}=Ye.a.state;if(e)return"unstyled"===r?o?n.createElement(ze.a,{host:i,src:e,width:960,height:600}):n.createElement(qe.a,{host:"Contentful",src:e,alt:t,style:{maxWidth:"100%",maxHeight:"100%"}}):n.createElement(He.a,{host:i,isVideo:o,alt:t,width:960,height:600,src:e,style:{width:960}})}getOuterStyle(){const e=Object(C.f)(this.environment);return{position:"fixed",top:0,left:0,height:"100%",width:"100%",background:"rgba(0,0,0,0.75)",zIndex:200,textAlign:"center",padding:Object(k.a)(this.environment,"maxWidth","medium")?"60px ".concat(e,"px"):e}}getInnerStyle(){return{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}}}Ge.closeStyle={position:"absolute",top:12,right:16};var Ke=Ge;function Ze(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Je(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Qe extends a.a{didMount(){const e=document.documentElement;e&&e.classList.add(Le.x)}willMountOrUpdate(){Fe.e(this.environment)?document.body.classList.contains("disable-scroll")||document.body.classList.add("disable-scroll"):document.body.classList.contains("disable-scroll")&&document.body.classList.remove("disable-scroll")}willUnmount(){document.body.classList.contains("disable-scroll")&&document.body.classList.remove("disable-scroll");const e=document.documentElement;e&&e.classList.contains(Le.x)&&e.classList.remove(Le.x)}renderComponent(){const e=Object(k.a)(this.environment,"maxWidth",Qe.mobileBreakpoint);return n.createElement(n.Fragment,null,n.createElement(Ue,{analyticsName:this.props.analyticsName,render:()=>n.createElement("div",null,n.createElement(Ae,{analyticsName:this.props.analyticsName,hideNavItems:this.props.hideNavItems,hideNotificationBanner:this.props.hideNotificationBanner,hideLogo:this.props.hideLogo,signupInputAndButtonWidth:this.props.signupInputAndButtonWidth}),n.createElement("main",{style:this.mainStyle()},!this.props.hideNotificationBanner&&e&&n.createElement(Ie,null),this.props.children),!this.props.hideFooter&&n.createElement(R,{flushFooter:this.props.flushFooter||!1,analyticsName:this.props.analyticsName}))}),n.createElement(Ke,null))}mainStyle(){return function(e){for(var t=1;t{this.stores.store.setState(c({},this.stores.store.state,{index:e})),this.useCaseRotationTimeout&&clearTimeout(this.useCaseRotationTimeout),s.B(this.environment,{from:this.props.frontContext,index:e})},this.goToNextUseCase=()=>{let e=this.stores.store.state.index+1;e===this.props.itemsCount&&(e=0),this.stores.store.setState(c({},this.stores.store.state,{index:e})),this.continueRotateUseCases()},this.continueRotateUseCases=()=>{this.useCaseRotationTimeout&&clearTimeout(this.useCaseRotationTimeout),this.useCaseRotationTimeout=setTimeout(this.goToNextUseCase,this.useCaseRotationTimeInterval)}}willMount(){this.continueRotateUseCases()}willUnmount(){clearTimeout(this.useCaseRotationTimeout)}renderComponent(){const{index:e}=this.stores.store.state;return this.props.render({currentIndex:e,setIndex:this.handleIndexClick})}}t.a=u},"/mqF":function(e,t,r){"use strict";r.d(t,"a",(function(){return f})),r.d(t,"b",(function(){return b})),r.d(t,"c",(function(){return y})),r.d(t,"d",(function(){return v})),r.d(t,"f",(function(){return S})),r.d(t,"e",(function(){return w}));r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("sjR4"),i=r("y6Dp"),a=r("6rsX"),s=r("unoy"),l=r("qpkC"),c=r("VBxf"),d=r("q2qQ"),u=r("qHvo"),p=r("AmMh"),h=r("fbat");function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){u.b.state.isDragging&&(u.b.reset(),a.o({environment:e,phase:o.SelectionPhase.Selected}))}function b(e){if(u.b.state.isDragging){const t=u.b.state.currentDropZone,{draggedStores:r}=u.b.state,o=e.optionKey;if(t){const e=p.a.findSelectablesFromStore(t.store).find(e=>Boolean(e.props.onSelectableDrop));e&&e.props.onSelectableDrop&&e.props.onSelectableDrop({droppedDirection:t.direction,droppedStores:r,duplicate:o})}i.Cb(e.environment,{draggedTypes:n.compact(r.map(e=>e.getType())),from:e.analyticsFrom,asCopy:o}),f(e.environment)}}function y(e){const{environment:t,files:r,analyticsFrom:n}=e;if(u.b.state.isDragging){const e=u.b.state.currentDropZone;if(e){const t=p.a.findSelectableFromStore(e.store);t&&t.props.onNativeDrop&&t.props.onNativeDrop({files:r,droppedDirection:e.direction})}i.Cb(t,{draggedTypes:[],from:n,asCopy:!1}),f(t)}}function v(e,t){u.b.state.isDragging&&(s.e(e),u.b.setState(function(e){for(var t=1;t{if(p.a.findSelectableFromStore(e)){if(r){const[t,r]=l.a({environment:i,store:e,addCopyName:!0,transaction:o});return r.then(e=>{e&&c.showErrorMessage(e)}),t}return d.n({store:e,transaction:o}),e}return e}))}},"/ssM":function(e,t,r){"use strict";r.d(t,"c",(function(){return c})),r.d(t,"e",(function(){return d})),r.d(t,"f",(function(){return u})),r.d(t,"d",(function(){return p})),r.d(t,"b",(function(){return h})),r.d(t,"a",(function(){return m}));r("ioFf"),r("rGqo");var n=r("mINO");function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t"),m="".concat("gzkNfoUU",">")},"/tA8":function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR"),i=r("pAJP"),a=r("ykms"),s=r("uRvc"),l=r("YEQ1"),c=r("2PJ7"),d=r("zmp8"),u=r("CI7d"),p=r("x5bJ"),h=r("6/a3"),m=r("J9+s"),g=r("v+/5");class f extends o.a{constructor(){super(...arguments),this.renderUseCasesItem=(e,t)=>Object(p.a)(this.environment,"maxWidth","large")?this.renderMobile(e,t):this.renderDesktop(e,t),this.renderDesktop=(e,t)=>n.createElement(a.a,{marginSize:"l",key:t},n.createElement(i.a,{name:e.analyticsScrollPointName}),n.createElement(s.a,{size:"m"},n.createElement("div",{style:f.desktopHeaderWrapStyle},n.createElement("div",{style:f.desktopHeaderStyle},n.createElement("div",{style:f.desktopNumberStyle},t+1),n.createElement("div",{style:f.desktopHeaderTextStyle},n.createElement(c.a,{style:{marginBottom:5},level:"h2",size:"m"},e.title),n.createElement("div",{style:f.bodyCopyStyle},e.caption))),n.createElement("div",{style:f.desktopImageWrapStyle},n.createElement("img",{style:f.desktopIllustrationStyle,src:e.illustrationURL})),n.createElement("div",{style:f.desktopReplacesWrapStyle},n.createElement("div",null,n.createElement("div",{style:f.desktopReplacesTextStyle},n.createElement(m.FormattedMessage,{defaultMessage:"Replaces",id:"frontUseCases.replacesTools.message",description:"This message is followed by an image of the logos of software Notion is able to replace."})),n.createElement("div",null,n.createElement("img",{style:{display:"block",height:24},src:e.logosURL,alt:this.props.intl.formatMessage({defaultMessage:"Logos of replaced software",id:"fronUseCases.altImage.logosOfReplacedSoftware"})}))))),n.createElement(l.a,{src:e.image,host:"AWS",width:960,height:600,isVideo:!0}))),this.renderMobile=(e,t)=>n.createElement(a.a,{marginSize:"l",key:t},n.createElement(i.a,{name:e.analyticsScrollPointName}),n.createElement("img",{style:f.mobileIllustrationStyle,src:e.illustrationURL}),n.createElement("div",{style:f.mobileHeaderStyle},n.createElement("div",{style:f.desktopHeaderTextStyle},n.createElement(c.a,{style:{marginBottom:5},level:"h2",size:"m"},t+1,". ",e.title),n.createElement("div",{style:f.bodyCopyStyle},e.caption))),n.createElement("div",{style:f.mobileReplacesWrapStyle},n.createElement("div",{style:f.mobileReplacesTextStyle},n.createElement(m.FormattedMessage,{defaultMessage:"Replaces",id:"frontUseCases.mobileReplacesTools.message",description:"This message is followed by an image of the logos of software Notion is able to replace."})),n.createElement("div",null,n.createElement("img",{style:{display:"block",height:22},src:e.logosURL,alt:this.props.intl.formatMessage({defaultMessage:"Logos of replaced software",id:"fronUseCases.mobileAltImage.logosOfReplacedSoftware"})}))),this.renderMediaOverflow(e.image))}renderComponent(){return n.createElement("div",{style:{maxWidth:"100%"}},this.props.items.map(this.renderUseCasesItem))}renderMediaOverflow(e){const t=Object(g.f)(this.environment);return Object(p.a)(this.environment,"maxWidth","small")?n.createElement("div",{style:{margin:"0 -".concat(t,"px")}},n.createElement(h.a,{width:960,height:600},n.createElement(l.a,{src:e,host:"Contentful",isVideo:!0,width:960,height:600}))):n.createElement(l.a,{src:e,host:"Contentful",isVideo:!0,width:960,height:600})}}f.desktopNumberStyle={fontSize:110,fontWeight:700,lineHeight:1,marginRight:20},f.desktopHeaderWrapStyle={display:"flex"},f.desktopHeaderStyle={display:"flex",alignItems:"flex-end",paddingBottom:20,width:420},f.desktopImageWrapStyle={width:260},f.desktopReplacesWrapStyle={display:"flex",alignItems:"flex-end",paddingBottom:30,width:280},f.desktopReplacesTextStyle={fontSize:u.a.fontSize.body.s,color:d.f.frontLightTextColor,marginBottom:7},f.desktopIllustrationStyle={width:180,display:"block",margin:"0 auto"},f.desktopHeaderTextStyle={marginBottom:10},f.mobileReplacesTextStyle={fontSize:u.a.fontSize.body.s,color:d.f.frontLightTextColor,marginRight:15},f.mobileIllustrationStyle={width:160,display:"block",margin:"0 auto"},f.mobileHeaderStyle={marginTop:30},f.mobileReplacesWrapStyle={display:"flex",alignItems:"middle",marginBottom:30,width:260},f.bodyCopyStyle={color:d.f.frontMediumTextColor,margin:0,lineHeight:"150%",maxWidth:550},t.a=Object(m.injectIntl)(f)},"/uT/":function(e,t,r){"use strict";r.r(t);r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("J9+s"),i=r("T8dS"),a=r("6Ydq"),s=r("Fv2F"),l=r("T5vk"),c=r("H4VD"),d=r("bK/N"),u=r("qqdV"),p=r("KcXv"),h=r("tP7q"),m=r("zmp8"),g=r("A9TN"),f=r("ikHm"),b=r("wldR"),y=r("qHvo"),v=r("nZ1u");function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class k extends b.a{constructor(){super(...arguments),this.getCurrentCursor=this.createComputedStore(()=>v.a.state.isActive&&v.a.state.moved?"default":y.b.state.isDragging?"-webkit-grabbing":"text")}renderComponent(){let e="notion-cursor-listener";return"-webkit-grabbing"===this.getCurrentCursor.state&&(e+=" notion-disable-local-cursor notion-disable-webkit-user-select"),n.createElement("div",{style:this.getStyle(),className:e},this.props.children)}getStyle(){return function(e){for(var t=1;t{const{onNavigate:e,store:t}=this.props;e&&e(t)}}renderComponent(){const{store:e,collectionViewStore:t}=this.props,r=Object(U.a)({store:e,fullyQualified:!1,collectionViewId:t.id}),o=t.getValue();if(o)return n.createElement(H.a,{href:r,style:{width:"100%"},onClick:this.handleClick},n.createElement(Z.a,{icon:this.renderIcon(),style:this.getSidebarItemStyle(),isMobile:this.props.isMobile},n.createElement(te.a,{collectionViewName:o.name,collectionViewType:o.type})))}renderIcon(){return n.createElement("div",{style:ne({},this.getInitialIconStyle())},"•")}getInitialIconStyle(){return{fontSize:12,fontWeight:500,color:this.theme.mediumTextColor}}getSidebarItemStyle(){const{device:e}=this.environment;return ne({},this.isCurrentPage()&&ne({background:this.theme.buttonHoveredBackground,color:this.theme.regularTextColor,fontWeight:ee.a.fontWeight.semibold},e.isMobile&&{boxShadow:"\n\t\t\t\t\t\t0 1px 0 ".concat(this.theme.buttonHoveredBackground,"\n\t\t\t\t\t")}),{},this.props.style)}isCurrentPage(){const{store:e,collectionViewStore:t}=this.props,{currentBlockStore:r,currentCollectionViewStore:n}=$.default.state;return r&&e.id===r.id&&n&&n.id===t.id}}var ae=Object(o.injectIntl)(ie);class se extends b.a{constructor(){super(...arguments),this.renderCollectionView=e=>{const{store:t}=this.props;return n.createElement(ae,{key:e.id,store:t,collectionViewStore:e,style:this.props.itemStyle,isMobile:this.props.isMobile,onNavigate:this.props.onNavigate})},this.handleContextMenu=e=>{e.preventDefault(),Object(T.d)({event:e,context:T.a.EditorContextMenu,callback:()=>{}})}}renderComponent(){const{store:e}=this.props,t=e.getCollectionViewStores();return n.createElement("div",{onContextMenu:this.handleContextMenu},t.map(this.renderCollectionView))}}var le=se,ce=r("N34Z"),de=r("MBf9"),ue=r("y6Dp"),pe=r("wlCD"),he=r("6rsX"),me=r("nM47"),ge=r("BJyN"),fe=r("i05A"),be=r("MeYt"),ye=r("57cz"),ve=r("0zNc"),Se=r("WW+n"),we=r("dlZW"),ke=r("ov3o"),Me=r("jZoB");function Oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ee(e){for(var t=1;t{this.stores.outlinerItemStore.setState(Ee({},this.stores.outlinerItemStore.state,{open:e})),this.shouldPersistToggleState()&&Se.a.set({userId:this.environment.currentUser.id,key:this.getLocalStoreKey(),value:e})},this.isCurrentPage=this.createComputedStore(()=>{const{store:e}=this.props,{currentBlockStore:t}=$.default.state;return t&&e.id===t.id}),this.handleLinkClick=()=>{const{store:e}=this.props;ue.I(this.environment,{type:this.props.isTopLevelItem?"top_level":"nested"}),this.props.onNavigate&&this.props.onNavigate(e)},this.handleMouseMove=e=>{ve.a.state.isDragging||this.stores.outlinerItemStore.setState(Ee({},this.stores.outlinerItemStore.state,{focused:!0}))},this.handleMouseLeave=e=>{this.stores.outlinerItemStore.setState(Ee({},this.stores.outlinerItemStore.state,{focused:!1}))},this.handleDrop=async e=>{const{droppedDirection:t,droppedStores:r,duplicate:n}=e,{store:o,type:i,isTopLevelItem:a}=this.props;await V.b({type:i,droppedStores:r,droppedDirection:t})&&de.createAndCommit(this.environment,e=>{V.e({environment:this.environment,type:i,targetParentStore:this.props.parentStore,targetStore:o,isTopLevelItem:a,droppedDirection:t,droppedStores:r,duplicate:n,transaction:e})})},this.handleShowMenuButtonClick=e=>{const{store:t}=this.props;he.k({environment:this.environment,store:t}),N.c({environment:this.environment,stores:[this.props.store],left:e.clientX,top:e.clientY,showInput:!1,actions:ge.l,analyticsFrom:"sidebar_more_menu"})},this.handleToggleClick=()=>{const{outlinerItemStore:e}=this.stores,t=!e.state.open;ue.kd(this.environment,{type:this.props.isTopLevelItem?"top_level":"nested",is_toggled:t}),this.toggleOpen(t)},this.handleInsertBefore=e=>{const{store:t,type:r}=this.props;return V.f({environment:this.environment,store:t,insertStores:e.insertStores,parentStore:this.props.parentStore,before:!0,transaction:e.transaction,type:r})},this.handleInsertAfter=e=>{const{store:t,type:r}=this.props;return V.f({environment:this.environment,store:t,insertStores:e.insertStores,parentStore:this.props.parentStore,before:!1,transaction:e.transaction,type:r})},this.handleRemove=e=>{const{store:t}=this.props,r=t.recordStoreParent();r&&Me.e({remove:t,parent:r,transaction:e.transaction})},this.handleRecordIconChange=e=>{const{store:t}=this.props,r=t.getIconStore();r&&de.createAndCommit(this.environment,t=>{ce.c({store:r,value:e,transaction:t})})},this.handleAddPageButtonClick=e=>{const{device:t}=this.environment;if(Object(me.j)(this.environment)){this.props.onCreatePage&&this.props.onCreatePage();const e=de.createAndCommit(this.environment,e=>V.a({environment:this.environment,store:this.props.store,transaction:e}));ke.a.setState(Ee({},ke.a.state,{lastPageId:$.default.state.currentBlockStore?$.default.state.currentBlockStore.id:void 0})),t.isMobile?c.navigateToBlock({environment:this.environment,store:e,showMoveTo:!1,saveParent:!1,visitType:"Link"}):c.peekBlock({environment:this.environment,store:e,showMoveTo:!0,saveParent:!1}),this.props.store.isCollectionView()||this.toggleOpen(!0)}}}toggleStore(){return this.stores.outlinerItemStore}async didMount(){if(super.didMount(),this.shouldPersistToggleState()){const e=Se.a.get({userId:this.environment.currentUser.id,key:this.getLocalStoreKey()});this.stores.outlinerItemStore.setState(Ee({},this.stores.outlinerItemStore.state,{open:e}))}const{store:e}=this.props;this.showAsLoadingSpinner="copy_indicator"===e.getType()&&we.transactionQueue.isPendingTransactionForRecord("block",e.id)}renderPersisted(){const{device:e}=this.environment,{store:t,isFirstItem:r}=this.props,o=t.canRead()&&"copy_indicator"!==t.getType(),i=this.canEdit();return n.createElement(K.a,{store:t,canDropAbove:r,canDrag:o,canSelect:o,canDropBelow:o,canDropOnto:i,canTriggerContextMenu:!0,onSelectableDrop:this.handleDrop,onInsertAfter:this.handleInsertAfter,onInsertBefore:this.handleInsertBefore,onRemove:this.handleRemove,canInsertBefore:o,canInsertAfter:o,showBlockMenuInput:!1,blockMenuActions:ge.l,analyticsName:"outliner_item",shouldShowDropZone:!0,disableForceTouch:!e.isMobileBrowser},this.renderItem(),this.shouldShowChildren()&&this.renderOutliner())}renderOutliner(){const{store:e,disabled:t}=this.props;return e.isCollectionView()?n.createElement(le,{store:e,itemStyle:this.getSubOutlinerStyle(),isMobile:this.props.isMobile,onNavigate:this.props.onNavigate}):n.createElement(_e,{isMobile:this.props.isMobile,type:this.props.type,isTopLevel:!1,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,parentStore:e.getContentStore(),itemStyle:this.getSubOutlinerStyle(),itemToggleStyle:this.props.toggleStyle,onCreatePage:this.props.onCreatePage,onNavigate:this.props.onNavigate,disabled:t})}renderItem(){let e;(this.props.isMobile||this.stores.outlinerItemStore.state.focused)&&(e=this.renderRightButton());const{store:t}=this.props;if("copy_indicator"===t.getType())return this.showAsLoadingSpinner?n.createElement(Z.a,{style:this.getSidebarItemStyle(),childrenStyle:Pe.sidebarChildrenStyle,onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,isMobile:this.props.isMobile},n.createElement(pe.a,null)):void 0;{let t=n.createElement(Z.a,{style:this.getSidebarItemStyle(),childrenStyle:Pe.sidebarChildrenStyle,left:this.renderLeftToggleButton(),icon:this.renderIcon(),right:e,onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,isMobile:this.props.isMobile},this.isAlias()&&this.renderAliasIcon(),this.renderTitle());const r=this.getURL();return r&&(t=n.createElement(H.a,{style:{width:"100%"},href:r,onClick:this.handleLinkClick},t)),t}}renderAliasIcon(){const{store:e}=this.props;return n.createElement(J.a,{renderTooltip:()=>e.isCollectionView()?"This is a linked database":"This is a link to the original page",render:e=>n.createElement("div",Object.assign({style:{marginRight:"0.125em"}},e),Pe.aliasIcon)})}renderLeftToggleButton(){return n.createElement(fe.a,{isSidebar:!0,fill:!0,open:Boolean(this.stores.outlinerItemStore.state.open),color:this.theme.mediumIconColor,onClick:this.handleToggleClick})}renderRightButton(){const e=this.props.store.getType()&&this.canEdit();return n.createElement("div",{style:{display:"flex",paddingLeft:3}},this.renderMenuButton(),e&&this.renderAddPageButton())}renderAddPageButton(){const{isMobile:e}=this.props;return n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Quickly add a page inside",id:"sidebarItem.addAPageInside.tooltip"}),placement:J.a.Placement.Bottom,render:t=>n.createElement(be.a,Object.assign({mobileFeedback:e,style:Ee({},this.getButtonStyle(),{marginLeft:e?0:4},!e&&{border:"1px solid ".concat(this.theme.outlineButtonBorder)}),onClick:this.handleAddPageButtonClick},t),A.a.plus(this.getButtonIconStyle()))})}renderMenuButton(){const{isMobile:e}=this.props;return n.createElement(J.a,{renderTooltip:()=>"bookmarks"===this.props.type?n.createElement(o.FormattedMessage,{defaultMessage:"Remove, rename, and more…",id:"sidebarItem.favoritedPageMenuButton.tooltip"}):n.createElement(o.FormattedMessage,{defaultMessage:"Delete, duplicate, and more…",id:"sidebarItem.pageMenuButton.tooltip"}),placement:J.a.Placement.Bottom,render:t=>n.createElement(be.a,Object.assign({mobileFeedback:e,style:this.getButtonStyle(),onClick:this.handleShowMenuButtonClick},t),A.a.dots(Ee({},this.getButtonIconStyle(),{width:e?18:14})))})}renderIcon(){const{store:e}=this.props,t=e.getIcon(),r=!this.props.isMobile&&this.canEdit()&&!e.isLocked();return n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Change icon",id:"sidebarItem.changeIconButton.tooltip"}),placement:J.a.Placement.Bottom,render:o=>r?n.createElement(G.a,Object.assign({bucket:"secure",disabled:!1,icon:t,title:void 0,isEmptyPage:e.isEmptyPage(),size:this.props.isMobile?24:20,onChange:this.handleRecordIconChange,pageIconStyle:{fill:this.theme.mediumIconColor}},o)):n.createElement(G.a,{disabled:!0,icon:t,title:void 0,isEmptyPage:e.isEmptyPage(),size:this.props.isMobile?24:20,pageIconStyle:{fill:this.theme.mediumIconColor}})})}renderTitle(){const{store:e}=this.props;return n.createElement(Q.a,{store:e})}shouldPersistToggleState(){return this.props.isTopLevelItem}shouldShowChildren(){return this.stores.outlinerItemStore.state.open}getURL(){const{store:e}=this.props;if(e.isNavigableBlock())return Object(U.a)({store:e,fullyQualified:!1});{const t=Y.b(e);if(t)return Object(U.a)({store:t,scrollToBlockId:e.id,fullyQualified:!1})}}getLocalStoreKey(){const{store:e}=this.props;return"Outliner-".concat(e.id)}isAlias(){const{store:e,parentStore:t,isTopLevelItem:r}=this.props;if(e.isCollectionView()){const t=e.getCollectionViewCollectionStore();if(t){const r=t.getValue();if(r&&r.parent_id!==e.id)return!0}}if(r)return!1;const n=e.getValue();return!!n&&n.parent_id!==t.id}getPaddingLeftUnit(){return this.props.isMobile?22:14}getSidebarItemStyle(){const{device:e}=this.environment;return Ee({},this.isCurrentPage.state&&Ee({background:this.theme.buttonHoveredBackground,color:this.theme.regularTextColor,fontWeight:ee.a.fontWeight.semibold},e.isMobile&&{boxShadow:"\n\t\t\t\t\t\t0 1px 0 ".concat(this.theme.buttonHoveredBackground,"\n\t\t\t\t\t")}),{},this.props.style)}getSubOutlinerStyle(){const e=Ee({},this.props.style),t=this.getSidebarItemStyle(),r="number"==typeof t.paddingLeft?t.paddingLeft:this.getInitialPaddingLeft();return e.paddingLeft=r+this.getPaddingLeftUnit(),e}getInitialPaddingLeft(){return this.props.isMobile?6:14}getButtonStyle(){const{isMobile:e}=this.props;return{display:"flex",alignItems:"center",justifyContent:"center",width:e?32:20,height:e?32:20,borderRadius:3}}getButtonIconStyle(){const{isMobile:e}=this.props;return{fill:e?this.theme.lightIconColor:this.theme.sidebarTextColor,width:e?18:12}}}Pe.aliasIcon=A.a.alias({width:"1em",height:"1em",marginRight:2}),Pe.sidebarChildrenStyle={display:"flex",alignItems:"center"};var Te=Pe,je=r("cBa6");function xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ie(e){for(var t=1;t{const{parentStore:e}=this.props,t=[];if(e){const r=F.a.createChildStore(e,e.id);this.getOutlinerItemsInSubtree(r,r,t,new Set)}return t}),this.handleCreatePageClick=async()=>{const{spaceStore:e,spaceViewStore:t,type:r,onCreatePage:n}=this.props;await V.c({environment:this.environment,spaceStore:e,spaceViewStore:t,type:r,prepend:!1})&&n&&n()},this.handleEmptyDrop=async e=>{const{droppedDirection:t,droppedStores:r,duplicate:n}=e,{type:o,isTopLevel:i,parentStore:a}=this.props;if(a){await V.b({type:o,droppedStores:r,droppedDirection:t})&&de.createAndCommit(this.environment,e=>{V.e({environment:this.environment,type:o,targetParentStore:a,isTopLevelItem:i,droppedDirection:t,droppedStores:r,duplicate:n,transaction:e})})}}}renderComponent(){const{device:e}=this.environment,{parentStore:t,isTopLevel:r,childStores:o,disabled:i}=this.props;let a=[],s=!1;if(o)a=o.map((e,r)=>this.renderPageItem(e,t,!0,r)),s=!0;else if(t){const e=F.a.createChildStore(t,t.id);a=this.outlinerItemTree.state,s=L.b(e)}const l=0===a.length,c=(l||this.props.isHeaderless||e.isMobile)&&this.props.showAddPageButton&&!i,d=l&&!c&&!r,u={bookmarks:P.V,workspace:P.bb,shared:P.Z,private:P.X}[this.props.type];return n.createElement(R.a,{style:this.props.style,className:u,loaded:s,showSpinnerTimeout:3e3,spinnerSize:"1em"},a,l&&r&&this.renderEmptyDroppable(),c&&this.renderAddPageButton(),d&&this.renderEmptyChildrenPlaceholder())}renderEmptyChildrenPlaceholder(){const{device:e}=this.environment;return n.createElement(Z.a,{style:this.props.itemStyle,isMobile:this.props.isMobile},n.createElement("div",{style:Ie({color:this.theme.lightTextColor,paddingLeft:12},e.isMobile&&{display:"flex",alignItems:"center",height:32})},n.createElement(o.FormattedMessage,{defaultMessage:"No pages inside",id:"outliner.NoPagesInside.placeholder"})))}renderAddPageButton(){return n.createElement(be.a,{onClick:this.handleCreatePageClick},n.createElement(Z.a,{style:{color:this.theme.mediumTextColor},left:this.getPlusIcon(),isMobile:this.props.isMobile,disableMobileBorder:!0},this.props.addPageTitle))}renderPageItem(e,t,r,o){return n.createElement(Te,{isMobile:this.props.isMobile,type:this.props.type,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,key:e.id,store:e,style:this.props.itemStyle,toggleStyle:this.props.itemToggleStyle,isFirstItem:0===o,isTopLevelItem:r,parentStore:t,onNavigate:this.props.onNavigate,onCreatePage:this.props.onCreatePage,disabled:this.props.disabled})}renderEmptyDroppable(){const{currentBlockStore:e}=$.default.state;if(e){const t=F.a.createChildStore(this.props.spaceStore,e.id);return n.createElement(K.a,{store:t,canDropBelow:!0,onSelectableDrop:this.handleEmptyDrop,analyticsName:"outliner_item",shouldShowDropZone:!0})}}getPlusIcon(){return n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"}},A.a.plus({fill:this.theme.mediumIconColor,width:16,height:16}))}getOutlinerItemsInSubtree(e,t,r,n){let o=!0;const i=e.getType();if(!n.has(e.id)&&(n.add(e.id),i&&Be.shouldSkipItemTypes[i]?o=!1:i&&e!==t&&Be.shouldShowItemTypes[i]&&(o=!1,r.push(this.renderPageItem(e,e.recordStoreParent(),!1,r.length))),o)){const o=e.getContentStores();for(const e of o){const o=e.getValue();if(o&&o.properties){const t=o.properties.title,n=je.T(t);if(n)for(const i of n){const t=F.a.createChildStore(e,i);t.getParentId()===o.id&&r.push(this.renderPageItem(t,t.recordStoreParent(),!1,r.length))}}this.getOutlinerItemsInSubtree(e,t,r,n)}}}}Be.shouldShowItemTypes={[_.a.page]:!0,[_.a.collectionView]:!0,[_.a.collectionViewPage]:!0},Be.shouldSkipItemTypes={[_.a.factory]:!0};var _e=Be,Ae=r("8fuX"),Le=r("zK7c"),Fe=r("LvDl"),Re=r("bkwR"),Ne=r("hvW1"),Ve=r("VBxf"),Ue=r("frzs"),Ye=r("vl8/");const We=Object(o.defineMessages)({deletingAccount:{id:"accountActions.deletingAccount.loadingMessage",defaultMessage:"Deleting your account…"},noUserError:{id:"accountActions.deletingAccount.noUserToDeleteMessage",defaultMessage:"No account to delete."}}),Xe=function(e){const{userStore:t,data:r,transaction:n}=e,o={};r.givenName&&(o.given_name=r.givenName),r.familyName&&(o.family_name=r.familyName),o.profile_photo=r.profilePhoto,ce.d({store:t,data:o,transaction:n})};var ze=r("sdlW"),qe=r("D2XV");class He extends W.a{getInitialState(){return{uploadingProfilePhoto:!1,givenName:"",familyName:"",startDayOfWeek:Object(qe.C)()}}getValueForUser(e,t){const r=e.getValue();if(r){const{given_name:e,family_name:n,profile_photo:o}=r,i=t.getSettings();return{uploadingProfilePhoto:!1,givenName:e||"",familyName:n||"",profilePhoto:o,startDayOfWeek:void 0===i.start_day_of_week?Object(qe.C)():i.start_day_of_week}}}}var Ge=He;class Ke extends W.a{getInitialState(){return{emailDomains:[],name:"",domain:""}}getValueForSpace(e){const t=e.getValue();if(t){const{name:e,domain:r,email_domains:n}=t;return{name:e||"",domain:r||"",emailDomains:n||[]}}}}var Ze=Ke;class Je extends W.a{getInitialState(){return{disablePublicAccess:!1,disableGuests:!1,disableMoveToSpace:!1,disableExport:!1,disableSpacePageEdits:!1}}getValueForSpace(e){const t=e.getValue();if(t){const{disable_public_access:e,disable_guests:r,disable_move_to_space:n,disable_export:o,disable_space_page_edits:i}=t;return{disablePublicAccess:Boolean(e),disableGuests:Boolean(r),disableMoveToSpace:Boolean(n),disableExport:Boolean(o),disableSpacePageEdits:Boolean(i)}}}}var Qe=Je;function $e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function et(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}async function tt(e){const{environment:t,spaceId:r,store:n}=e,o=await Re.getSamlConfigForSpace(t,{spaceId:r});if("failed"===o.type)Ve.showError(o);else if(o.data&&o.data.samlConfig){const e=function(e){for(var t=1;te.isMobile?18:60,i=()=>e.isMobile?18:36;return n.createElement("div",{style:{display:"flex",flexDirection:"column",width:"100%",height:"100%",backgroundColor:this.theme.contentBackground}},n.createElement(Ae.b,{type:Ae.a.All,style:{flexGrow:1,WebkitOverflowScrolling:"touch",transform:"translateZ(0)",paddingLeft:o(),paddingRight:o(),paddingTop:i(),paddingBottom:i()}},t),r&&n.createElement("div",{style:{flexGrow:0,flexShrink:0,paddingLeft:o(),paddingRight:o(),paddingTop:16,paddingBottom:16,boxShadow:"0 -1px 0 ".concat(this.theme.regularDividerColor)}},r))}}var pt=ut,ht=r("rQb/"),mt=r("MYfK"),gt=r("hU3F"),ft=r("p+Y9"),bt=r("1y3T"),yt=r("vJXr"),vt=r("Ng05"),St=r("IULH");r("KKXr");function wt(){return(navigator.languages?navigator.languages.map(e=>e.toLowerCase()):navigator.language?[navigator.language.toLowerCase()]:navigator.userLanguage?[navigator.userLanguage.toLowerCase()]:[]).map(e=>e.split("-")[0])}const kt=["ar","az","he","fa","ur"];function Mt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ot(e){for(var t=1;t=15?{success:!0}:e.length<8?{success:!1,reason:{type:"password_too_short"}}:function(e){return e.match(/[a-z]/i)}(e)?Ft(e)?{success:!0}:{success:!1,reason:{type:"password_missing_number"}}:Ft(e)?{success:!1,reason:{type:"password_missing_letter"}}:{success:!1,reason:{type:"password_missing_letter_and_number"}}}function Ft(e){return e.match(/\d/)}var Rt=r("zzAG");function Nt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Vt(e){for(var t=1;t{Bt.a.setState({open:!0,setNewPassword:!0,password:"",repeatPassword:""})},this.handleOldPasswordChange=e=>{(Bt.a.isSetNewPasswordModal()||Bt.a.isRemovePasswordModal())&&Bt.a.setState(Vt({},Bt.a.state,{oldPassword:e.target.value,alert:void 0}))},this.handleClearOldPassword=()=>{(Bt.a.isSetNewPasswordModal()||Bt.a.isRemovePasswordModal())&&Bt.a.setState(Vt({},Bt.a.state,{oldPassword:"",alert:void 0}))},this.handlePasswordChange=e=>{Bt.a.isSetNewPasswordModal()&&Bt.a.setState(Vt({},Bt.a.state,{password:e.target.value,alert:void 0}))},this.handleCancelChangePassword=async()=>{const{onCancel:e}=Bt.a.state;Bt.a.reset(),e&&e()},this.handleClearPassword=()=>{Bt.a.isSetNewPasswordModal()&&Bt.a.setState(Vt({},Bt.a.state,{password:"",repeatPassword:"",alert:void 0}))},this.handleRepeatPasswordChange=e=>{Bt.a.isSetNewPasswordModal()&&Bt.a.setState(Vt({},Bt.a.state,{repeatPassword:e.target.value,alert:void 0}))},this.handleClearRepeatPassword=()=>{Bt.a.isSetNewPasswordModal()&&Bt.a.setState(Vt({},Bt.a.state,{repeatPassword:"",alert:void 0}))},this.handlePasswordBlur=()=>{if(Bt.a.isSetNewPasswordModal()){const{password:e,repeatPassword:t}=Bt.a.state;e&&t&&e!==t&&Bt.a.setState(Vt({},Bt.a.state,{alert:this.props.intl.formatMessage({id:"passwordSettings.changePasswordModal.newPasswordMismatchError",defaultMessage:"Your new password does not match."})}))}},this.handleSubmit=async()=>{if(!Bt.a.isSetNewPasswordModal())return;const{oldPassword:e,password:t,repeatPassword:r}=Bt.a.state,n=this.stores.hasPasswordStore.get(),{intl:o}=this.props;let i;if(n&&!e)i=o.formatMessage({id:"passwordSettings.changePasswordModal.oldPasswordMissingError",defaultMessage:"Please enter your old password."});else if(t){const e=Lt(t);e.success?r?t!==r&&(i=o.formatMessage({id:"passwordSettings.changePasswordModal.newPasswordsMismatchError",defaultMessage:"Your passwords do not match."})):i=o.formatMessage({id:"passwordSettings.changePasswordModal.newPasswordNotRepeatedError",defaultMessage:"Please repeat your new password."}):i=this.getPasswordErrorMessage(e.reason)}else i=o.formatMessage({id:"passwordSettings.changePasswordModal.passwordNotEnteredError",defaultMessage:"Please enter a password."});if(i)return void Bt.a.setState(Vt({},Bt.a.state,{alert:i}));const a=await Re.setPassword(this.environment,{oldPassword:e,newPassword:t});if("success"===a.type)this.props.requestStore.refresh(),void 0===e?this.saveNewPasswordSuccess():this.changePasswordSuccess();else{const e=Object(Rt.a)(this.props.intl,a);Bt.a.setState(Vt({},Bt.a.state,{alert:e}))}},this.handleShowRemovePasswordModalClick=async()=>{Bt.a.setState({open:!0,removePassword:!0,oldPassword:""})},this.handleRemovePasswordClick=async()=>{if(!Bt.a.isRemovePasswordModal())return;const{oldPassword:e}=Bt.a.state;if(!e)return void Bt.a.setState(Vt({},Bt.a.state,{alert:this.props.intl.formatMessage({id:"passwordSettings.removePasswordModal.oldPasswordNotEnteredError",defaultMessage:"Please enter your current password.",description:"We require users to enter their password in a text box before they can delete it. This error message appears if the user attempts to delete their password but hasn't entered it into the text box."})}));const t=await Re.setPassword(this.environment,{oldPassword:e,clearPassword:!0});if("success"===t.type)this.props.requestStore.refresh(),this.removePasswordSuccess();else{const e=Object(Rt.a)(this.props.intl,t);Bt.a.setState(Vt({},Bt.a.state,{alert:e||this.props.intl.formatMessage({id:"passwordSettings.removePasswordModal.message",defaultMessage:"Error removing password. Please try again later."})}))}},this.defaultErrorMessage=this.props.intl.formatMessage({id:"passwordSettings.genericPasswordSaveError",defaultMessage:"Error saving password. Please try again later."})}willMount(e){super.willMount(e);const{currentUserStore:t}=$.default.state;if(t){const e=t.getValue();e&&this.stores.emailStore.set(e.email)}}renderComponent(){const e=this.stores.emailStore.get();if(!e)return;const{requestStore:t}=this.props;return n.createElement("div",{style:this.getSettingsOptionStyle()},n.createElement(ht.a,{smallMarginBottom:!0},n.createElement(o.FormattedMessage,{id:"passwordSettings.title",defaultMessage:"Password"})),n.createElement(Dt.a,{request:{},requestStore:t,performRequest:async()=>{const t=await Re.checkEmailType(this.environment,{email:e,allowAdminBypass:!0});if("success"===t.type){const{samlRedirect:e,hasPassword:r}=t.data;return{samlEnforced:e&&e.enforced,hasPassword:r}}throw t.error},render:(e,t)=>{if(e)return Yt.renderLabel(n.createElement(o.FormattedMessage,{id:"passwordSettings.passwordSetError.message",defaultMessage:"Your password cannot be set at this time. Please try again later."}));if(t){const{samlEnforced:e,hasPassword:r}=t;return e?Yt.renderLabel(n.createElement(o.FormattedMessage,{id:"passwordSettings.passwordManagedThroughSAMLProvider.message",defaultMessage:"Your password is managed through your SAML Single Sign-on Provider.",description:"Message letting users know that their password is managed through a 3rd-party provider, which is why they can't set their password on Notion's password settings page."})):(this.stores.hasPasswordStore.set(Boolean(r)),this.renderPasswordActions())}}}))}renderPasswordActions(){const{isEducationPlan:e}=this.props,t=this.stores.hasPasswordStore.get();return n.createElement(n.Fragment,null,Yt.renderLabel(n.createElement(o.FormattedMessage,{id:"passwordSettings.passwordSetInstructions",defaultMessage:"You can set a permanent password if you don't want to use temporary login codes."})),e&&Yt.renderLabel(this.renderEducationPlanInfo()),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(St.a,{isLarge:!0,onClick:this.handleChangePasswordClick,style:{marginTop:12,marginBottom:4}},t?n.createElement(o.FormattedMessage,{id:"passwordSettings.changePasswordButton.label",defaultMessage:"Change password"}):n.createElement(o.FormattedMessage,{id:"passwordSettings.setPasswordButton.label",defaultMessage:"Set a password"})),this.canRemovePassword()&&n.createElement(_t.a,{onClick:this.handleShowRemovePasswordModalClick,style:{marginLeft:5,marginTop:12,marginBottom:4}},n.createElement(o.FormattedMessage,{id:"passwordSettings.removePasswordButton.label",defaultMessage:"Remove password"}))),this.renderPasswordModal())}static renderLabel(e){return n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},e)}renderPasswordModal(){const{device:e}=this.environment,{open:t}=Bt.a.state;return n.createElement(at.a,{open:t,onDismiss:this.handleCancelChangePassword,innerStyle:{width:e.isPhone?"90%":460,minHeight:270,padding:24},className:P.hb,preventHideChildrenWhileOpening:!0,render:()=>n.createElement(At.a,{capture:!0,allowEsc:!0,render:()=>n.createElement(n.Fragment,null,this.renderSaveNewPassword(),this.renderRemovePassword())})})}renderSaveNewPassword(){const{isEducationPlan:e}=this.props;if(!Bt.a.isSetNewPasswordModal())return;const{password:t,repeatPassword:r,oldPassword:i,alert:a}=Bt.a.state,s=this.stores.hasPasswordStore.get(),l=this.stores.emailStore.get();return n.createElement(n.Fragment,null,n.createElement(dt.b,{style:{display:"none"},type:"text",value:l,autoComplete:"username",disabled:!0}),s&&n.createElement(n.Fragment,null,n.createElement(mt.a,null,n.createElement(o.FormattedMessage,{id:"passwordSettings.changePasswordModal.oldPasswordInput.label",defaultMessage:"Old Password"})),n.createElement(dt.b,{type:"password",value:i,onChange:this.handleOldPasswordChange,showClearButton:!0,onClearButtonClick:this.handleClearOldPassword,placeholder:this.props.intl.formatMessage({id:"passwordSettings.oldPasswordInput.placeholder",defaultMessage:"Enter old password..."}),style:{padding:"4px 8px"},focusInitial:!0,autoComplete:"current-password"})),s?n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"passwordSettings.newPasswordInput.label",defaultMessage:"New password"})):n.createElement(mt.a,null,n.createElement(o.FormattedMessage,{id:"passwordSettings.passwordInput.label",defaultMessage:"Password"})),n.createElement(dt.b,{type:"password",value:t,onChange:this.handlePasswordChange,onSubmit:this.handleSubmit,showClearButton:!0,onClearButtonClick:this.handleClearPassword,placeholder:this.props.intl.formatMessage({id:"passwordSettings.newPasswordInput.placeholder",defaultMessage:"Enter new password..."}),style:{padding:"4px 8px"},focusInitial:!s,onBlur:this.handlePasswordBlur,autoComplete:"new-password"}),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"passwordSettings.repeatPasswordInput.label",defaultMessage:"Repeat password"})),n.createElement(dt.b,{type:"password",value:r,onChange:this.handleRepeatPasswordChange,onSubmit:this.handleSubmit,showClearButton:!0,onClearButtonClick:this.handleClearRepeatPassword,placeholder:this.props.intl.formatMessage({id:"passwordSettings.repeatPasswordInput.placeholder",defaultMessage:"Repeat new password..."}),style:{padding:"4px 8px"},onBlur:this.handlePasswordBlur,autoComplete:"new-password"}),n.createElement(xt.a,{isMultiline:!0,isSecondaryColor:!0,style:{marginTop:14}},n.createElement(o.FormattedMessage,{id:"passwordSettings.passwordGuidelines",defaultMessage:"Use a password at least 15 letters long, or at least 8 characters long with mixed letters and numbers."})),e&&n.createElement(xt.a,{isMultiline:!0,isSecondaryColor:!0,style:{marginTop:14}},this.renderEducationPlanInfo()),this.renderAlert(a),n.createElement(vt.a,{isLarge:!0,style:{marginTop:14},onClick:this.handleSubmit},s?n.createElement(o.FormattedMessage,{id:"passwordSettings.changePasswordButton.label",defaultMessage:"Change password"}):n.createElement(o.FormattedMessage,{id:"passwordSettings.setPasswordButton.label",defaultMessage:"Set a password"})))}renderRemovePassword(){const{isEducationPlan:e}=this.props;if(!Bt.a.isRemovePasswordModal())return;const{oldPassword:t,alert:r}=Bt.a.state;return n.createElement(n.Fragment,null,n.createElement("div",{style:{fontSize:14,width:"100%"}},n.createElement(o.FormattedMessage,{id:"passwordSettings.removePasswordModal.text",defaultMessage:"You're about to remove your password. We'll email you temporary login codes to access Notion going forward.",description:"Message warning the user that they're about to delete their password, and telling them how to log in after their password has been deleted."}),e&&n.createElement(o.FormattedMessage,{id:"passwordSettings.removePasswordModal.educationPlanWarning",defaultMessage:"If you lose access to your school email, you'll be unable to log back into Notion.",description:"Warning for users on the Education Plan that if they lose access to their school email, they won't be able to log into Notion without a password."})),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"passwordSettings.deletePasswordModal.passwordInput.label",defaultMessage:"Password"})),n.createElement(dt.b,{type:"password",value:t,onChange:this.handleOldPasswordChange,onSubmit:this.handleRemovePasswordClick,showClearButton:!0,onClearButtonClick:this.handleClearOldPassword,placeholder:this.props.intl.formatMessage({id:"passwordSettings.removePasswordModal.passwordInput.placeholder",defaultMessage:"Enter your password..."}),style:{padding:"4px 8px"},focusInitial:!0,autoComplete:"current-password"}),this.renderAlert(r),n.createElement(vt.a,{isLarge:!0,style:{marginTop:14},onClick:this.handleRemovePasswordClick},n.createElement(o.FormattedMessage,{id:"passwordSettings.removePasswordModal.removePasswordButton.label",defaultMessage:"Remove password"})))}renderAlert(e){if(e)return n.createElement(xt.a,{isMultiline:!0,style:{marginTop:8,color:m.f.red}},e)}renderEducationPlanInfo(){return n.createElement(o.FormattedMessage,{id:"passwordSettings.educationPlanGuidelines",defaultMessage:"If you lose access to your school email address, you'll be able to log in using your password."})}getSettingsOptionStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",height:"auto",paddingLeft:e.isMobile?t.state.paddingLeftCSS:0,paddingRight:e.isMobile?t.state.paddingRightCSS:0}}saveNewPasswordSuccess(){const{intl:e,isEducationPlan:t}=this.props,{onSubmit:r}=Bt.a.state;Bt.a.reset();const n=t?e.formatMessage({id:"passwordSettings.setPasswordSuccess.educationMessage",defaultMessage:"Your password is all set! You'll be able to log in, even if you lose access to your school email address."}):e.formatMessage({id:"passwordSettings.setPasswordSuccess.message",defaultMessage:"Your password is all set!"});Ve.showMessage({message:n,onAccept:r})}changePasswordSuccess(){const{onSubmit:e}=Bt.a.state;Bt.a.reset(),Ve.showMessage({message:this.props.intl.formatMessage({id:"passwordSettings.changePasswordSuccess.message",defaultMessage:"Your new password has been saved."}),onAccept:e})}removePasswordSuccess(){Bt.a.reset(),Ve.showMessage({message:this.props.intl.formatMessage({id:"passwordSettings.removePasswordSuccess.message",defaultMessage:"Your password has been removed."})})}getPasswordErrorMessage(e){const t=Rt.c[e.type];return t?this.props.intl.formatMessage(t):this.defaultErrorMessage}canRemovePassword(){const{isEducationPlan:e}=this.props,t=this.stores.hasPasswordStore.get();return!e&&t}}var Wt=Object(o.injectIntl)(Yt),Xt=r("CSYU"),zt=r("lEhh");class qt extends b.a{renderComponent(){const{device:e}=this.environment;return n.createElement("div",{style:this.getSettingsOptionStyle()},n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"calendarSettings.title",defaultMessage:"Calendar"})),n.createElement("div",{onClick:this.props.onClick,style:{display:"flex",alignItems:"flex-start",marginBottom:12,cursor:"pointer",width:"100%"}},n.createElement("div",{style:{flex:1}},n.createElement(xt.a,null,n.createElement(o.FormattedMessage,{id:"calendarSettings.startWeekOnMonday.label",defaultMessage:"Start week on Monday"})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:4,width:"80%"}},n.createElement(o.FormattedMessage,{id:"calendarSettings.startWeekOnMonday.message",defaultMessage:"This will change how all calendars in your app look."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:1===this.props.startDayOfWeek,isAndroid:e.isAndroid}))))}getSettingsOptionStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",height:"auto",paddingLeft:e.isMobile?t.state.paddingLeftCSS:0,paddingRight:e.isMobile?t.state.paddingRightCSS:0}}}var Ht=qt,Gt=r("Cycz"),Kt=r("kFin"),Zt=r("CNGQ"),Jt=r("sZEU");class Qt extends W.a{getInitialState(){return{open:!1,authorized:!1,authorizationType:void 0}}}var $t=Qt,er=r("IYZQ");function tr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function rr(e){for(var t=1;t{const{store:e}=this.stores,{state:t}=e;return n.createElement("div",{style:rr({},this.styles.modal,{},this.getColors().modal)},n.createElement(Kt.a,{fetch:this.getAuthorizationType,loading:e=>e&&n.createElement("div",{style:this.styles.loadingSpinner},n.createElement(pe.a,null)),render:()=>n.createElement(n.Fragment,null,"Password"===t.authorizationType?this.renderVerifyPassword(t):"TemporaryPasscode"===t.authorizationType?this.renderVerifyCurrentEmail(t):void 0,t.authorized&&this.renderSetNewEmail(t))}))},this.renderSetNewEmail=e=>{const{store:t}=this.stores;if(t.state.authorized)return n.createElement(n.Fragment,null,n.createElement("p",{style:this.styles.paragraph},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.newEmailInstructions",defaultMessage:"Please enter a new email and we will send you a verification code."})),n.createElement("div",null,this.renderNewEmailInput()),t.state.newEmailPasscodeSent?this.renderNewEmailPasscodeInput(e):this.renderSendNewEmailPasscodeButton(e),this.renderEducationPlanDowngradeWarning())},this.handleSendCurrentEmailVerification=async()=>{const{userValue:e}=this.props,{store:t}=this.stores;if(!e)return;const r=await Re.sendTemporaryPassword(this.environment,{email:e.email,disableLoginLink:!0,isSignup:!1});"success"===r.type?t.setState(rr({},t.state,{currentEmailPasscodeSent:!0,currentEmailPasscode:"",error:void 0})):t.setState(rr({},t.state,{currentEmailPasscodeSent:!0,error:Object(Rt.a)(this.props.intl,r)}))},this.handleChangeCurrentEmailPasscode=e=>{const{store:t}=this.stores;t.setState(rr({},t.state,{currentEmailPasscode:e.currentTarget.value,error:void 0}))},this.handleChangePassword=e=>{const{store:t}=this.stores;t.setState({open:!0,authorized:!1,authorizationType:"Password",password:e.currentTarget.value,error:void 0})},this.handleClearPassword=()=>{const{store:e}=this.stores;e.setState({open:!0,authorized:!1,authorizationType:"Password",password:""})},this.handleSubmitAuthorization=async()=>{const{store:e}=this.stores;if(!e.state.authorized)if("Password"===e.state.authorizationType){const t=this.getUserCurrentEmail();if(!t)return;const r=await Re.loginWithEmail(this.environment,{email:t,password:e.state.password});if("failed"===r.type)return void e.setState(rr({},e.state,{error:Object(Rt.a)(this.props.intl,r)}));e.setState(rr({},e.state,{authorized:!0,newEmail:"",newEmailPasscode:"",newEmailPasscodeSent:!1}))}else"TemporaryPasscode"===e.state.authorizationType&&e.setState(rr({},e.state,{authorized:!0,newEmail:"",newEmailPasscode:"",newEmailPasscodeSent:!1}))},this.handleChangeNewEmail=e=>{const{store:t}=this.stores;t.setState(rr({},t.state,{newEmail:e.currentTarget.value,error:void 0}))},this.handleClearNewEmail=()=>{const{store:e}=this.stores;e.setState(rr({},e.state,{newEmail:"",newEmailPasscodeSent:!1,error:void 0}))},this.handleSendNewEmailVerification=async()=>{const{store:e}=this.stores;if(!e.state.authorized)return;const t=await Re.sendEmailVerification(this.environment,{email:e.state.newEmail});"success"===t.type?e.setState(rr({},e.state,{newEmailPasscodeSent:!0,newEmailPasscode:"",error:void 0})):e.setState(rr({},e.state,{error:Object(Rt.a)(this.props.intl,t)}))},this.handleChangeNewEmailPasscode=e=>{const{store:t}=this.stores;t.setState(rr({},t.state,{newEmailPasscode:e.currentTarget.value,error:void 0}))},this.handleSubmit=async()=>{const{store:e}=this.stores;if(!e.state.authorized)return;const t="Password"===e.state.authorizationType?{type:"Password",password:e.state.password,newEmail:e.state.newEmail,newEmailPasscode:e.state.newEmailPasscode}:{type:"CurrentEmail",currentEmailPasscode:e.state.currentEmailPasscode,newEmail:e.state.newEmail,newEmailPasscode:e.state.newEmailPasscode},r=await Re.changeEmail(this.environment,t);"success"===r.type?await this.closeModal():e.setState(rr({},e.state,{error:Object(Rt.a)(this.props.intl,r)}))},this.handleSendUsMessageClick=()=>{Jt.a({environment:this.environment,from:"change_email_student"})},this.openModal=()=>{const{store:e}=this.stores;e.setState({open:!0,authorized:!1,authorizationType:void 0})},this.closeModal=async()=>{const{store:e}=this.stores,{hasEducationPlan:t}=this.props;e.reset(),t&&await me.e(this.environment)},this.getAuthorizationType=async()=>{const{store:e}=this.stores,{intl:t}=this.props,r=this.getUserCurrentEmail();if(!r)return;const n=await Zt.b({environment:this.environment,userEmail:r});n.error?e.setState({open:e.state.open,authorized:!1,authorizationType:void 0,error:t.formatMessage({id:"profileSettings.changeEmailModal.errorFetchingAccountData",defaultMessage:"Could not fetch account information for {currentEmail}."},{currentEmail:r})}):n.value.hasPassword?e.setState({open:!0,authorized:!1,authorizationType:"Password",password:""}):e.setState({open:!0,authorized:!1,authorizationType:"TemporaryPasscode",currentEmailPasscodeSent:!1,currentEmailPasscode:""})},this.styles={modal:{width:460,padding:32,borderRadius:3,fontSize:14},loadingSpinner:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center"},paragraph:{marginTop:12,marginBottom:14},error:{color:m.f.red,fontSize:12,marginTop:4,marginLeft:8},bold:{fontWeight:ee.a.fontWeight.bold},input:{padding:"4px 8px"},button:{marginTop:14},educationPlanWarning:{display:"flex",marginTop:14,paddingTop:14}}}renderComponent(){const{userValue:e}=this.props,{store:t}=this.stores;return n.createElement(n.Fragment,null,n.createElement(mt.a,null,n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.emailSetting.label",defaultMessage:"Email"})),n.createElement("div",null,n.createElement("span",{style:{marginRight:12}},e&&e.email),n.createElement(_t.a,{onClick:this.openModal},n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.emailSetting.changeEmailButton.label",defaultMessage:"Change email"}))),n.createElement(at.a,{open:t.state.open,onDismiss:this.closeModal,render:this.renderModalContent}))}renderVerifyPassword(e){const{userValue:t}=this.props;if(t)return n.createElement(n.Fragment,null,n.createElement("p",{style:{margin:0}},this.renderCurrentEmail()),n.createElement("p",{style:this.styles.paragraph},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.enterPasswordInstructions",defaultMessage:"Please enter your password."})),n.createElement(dt.b,{style:{display:"none"},type:"text",value:t.email,autoComplete:"username",disabled:!0}),n.createElement(dt.b,{type:"password",disabled:e.authorized,value:e.password,onChange:this.handleChangePassword,showClearButton:!0,onClearButtonClick:this.handleClearPassword,onSubmit:this.handleSubmitAuthorization,placeholder:this.props.intl.formatMessage({id:"profileSettings.changeEmailModal.passwordInput.label",defaultMessage:"Password"}),style:this.styles.input,focusInitial:!0,autoComplete:"current-password"}),!e.authorized&&e.error&&n.createElement("div",{style:this.styles.error},e.error),!e.authorized&&n.createElement(vt.a,{isLarge:!0,style:this.styles.button,onClick:this.handleSubmitAuthorization},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.continueButton.label",defaultMessage:"Continue",description:"After the user verifies their current password or email, they click this button to continue changing their email."})))}renderVerifyCurrentEmail(e){return n.createElement(n.Fragment,null,n.createElement("p",{style:rr({},this.styles.paragraph,{marginTop:0})},this.renderCurrentEmail()," ",e.currentEmailPasscodeSent?n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.sentVerificationCodeToCurrentEmail",defaultMessage:"We've sent a temporary verification code to this email."}):n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.sendVerificationCodeToCurrentEmail",defaultMessage:"We'll send a temporary verification code to this email."})),e.currentEmailPasscodeSent?this.renderCurrentEmailPasscodeInput(e):this.renderSendCurrentEmailPasscodeButton())}renderSendCurrentEmailPasscodeButton(){return n.createElement(vt.a,{isLarge:!0,onClick:this.handleSendCurrentEmailVerification},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.sendCurrentEmailVerificationCode.label",defaultMessage:"Send verification code",description:"Sends a temporary verification passcode to the user's current email."}))}renderCurrentEmailPasscodeInput(e){return n.createElement(n.Fragment,null,n.createElement(dt.b,{value:e.currentEmailPasscode,onChange:this.handleChangeCurrentEmailPasscode,onSubmit:this.handleSubmitAuthorization,placeholder:this.props.intl.formatMessage({id:"profileSettings.changeEmailModal.enterCurrentEmailVerificationCodeInput.placeholder",defaultMessage:"Enter verification code"}),focusInitial:!0,style:this.styles.input}),!e.authorized&&n.createElement(vt.a,{isLarge:!0,style:this.styles.button,onClick:this.handleSubmitAuthorization},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.continueButton.label",defaultMessage:"Continue",description:"After the user verifies their current password or email, they click this button to continue changing their email."})))}renderNewEmailInput(){const{store:e}=this.stores;if(e.state.authorized)return n.createElement(dt.b,{value:e.state.newEmail,onChange:this.handleChangeNewEmail,onSubmit:this.handleSendNewEmailVerification,showClearButton:!0,onClearButtonClick:this.handleClearNewEmail,placeholder:this.props.intl.formatMessage({id:"profileSettings.changeEmailModal.newEmailInput.placeholder",defaultMessage:"Enter new email"}),style:this.styles.input,focusInitial:!0})}renderSendNewEmailPasscodeButton(e){return n.createElement(n.Fragment,null,e.error&&n.createElement("div",{style:this.styles.error},e.error),n.createElement(vt.a,{isLarge:!0,style:this.styles.button,onClick:this.handleSendNewEmailVerification},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.sendVerificationCodeButton.label",defaultMessage:"Send verification code"})))}renderNewEmailPasscodeInput(e){return n.createElement(n.Fragment,null,n.createElement("p",{style:this.styles.paragraph},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.verificationCodeSentMessage",defaultMessage:"We just sent you a temporary verification code to {newEmail}.",values:{newEmail:n.createElement("span",{style:this.styles.bold},e.newEmail)}})),n.createElement(dt.b,{value:e.newEmailPasscode,onChange:this.handleChangeNewEmailPasscode,onSubmit:this.handleSubmit,placeholder:this.props.intl.formatMessage({id:"profileSettings.changeEmailModal.enterVerificationCodeInput.placeholder",defaultMessage:"Enter verification code"}),focusInitial:!0,style:this.styles.input}),e.error&&n.createElement("div",{style:this.styles.error},e.error),n.createElement(vt.a,{isLarge:!0,style:this.styles.button,onClick:this.handleSubmit},n.createElement(o.FormattedMessage,{id:"profileSettings.changeEmailModal.changeEmailButton.label",defaultMessage:"Change email"})))}renderEducationPlanDowngradeWarning(){var e=this;const{hasEducationPlan:t}=this.props;if(t)return n.createElement("div",{style:rr({},this.styles.educationPlanWarning,{},this.getColors().educationPlanWarning)},A.a.help({width:14,marginTop:4,marginRight:6,fill:this.theme.lightIconColor})," ",n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Changing your email may downgrade your workspace on a Free Education Plan to the basic Free Plan. You won't lose any data, but you'll need to upgrade to re-access paid features. Have questions about this? Send us a message.",id:"emailChangeSettings.downgradeEducationPlan.warning.message",values:{sendmessagelink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{await Re.logoutActiveSessions(this.environment,{}),this.openConfirmationModal()}}renderComponent(){return n.createElement(n.Fragment,null,n.createElement("div",{style:this.getSettingsOptionStyle()},n.createElement(ht.a,{smallMarginBottom:!0},n.createElement(o.FormattedMessage,{id:"manageActiveSessions.title",defaultMessage:"Log out of all devices"})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},n.createElement(o.FormattedMessage,{id:"manageActiveSessions.logOutActiveSessions.label",defaultMessage:"You will be logged out of all other active sessions besides this one and will have to log back in."})),n.createElement(St.a,{isLarge:!0,isRed:!0,onClick:this.handleLogOutFromActiveSessions,style:{marginTop:12}},n.createElement(o.FormattedMessage,{id:"manageActiveSessions.logOutActiveSessions.button",defaultMessage:"Log out"}))),this.renderManageActiveSessionsModal())}renderManageActiveSessionsModal(){const{device:e}=this.environment,{open:t}=dr.state,r=this.getUserEmailAddress();return n.createElement(at.a,{open:t,onDismiss:this.closeConfirmationModal,innerStyle:{width:e.isPhone?"90%":350,padding:24,display:"flex",flexDirection:"column"},render:()=>n.createElement(n.Fragment,null,n.createElement("div",{style:{marginBottom:24}},r?n.createElement(o.FormattedMessage,{id:"manageActiveSessions.confirmationModal.withEmail",defaultMessage:"You have been logged out from other active sessions for {email}.",values:{email:r}}):n.createElement(o.FormattedMessage,{id:"manageActiveSessions.confirmationModal.withoutEmail",defaultMessage:"You have been logged out from other active sessions for your account."})),n.createElement(vt.a,{onClick:this.closeConfirmationModal},n.createElement(o.FormattedMessage,{id:"manageActiveSessions.confirmationModal.close",defaultMessage:"Close"})))})}openConfirmationModal(){dr.setState(pr({},dr.state,{open:!0}))}closeConfirmationModal(){dr.setState(pr({},dr.state,{open:!1}))}getUserEmailAddress(){let e=void 0;const{currentUserStore:t}=$.default.state;if(t){const r=t.getValue();e=r&&r.email}return e}getSettingsOptionStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",height:"auto",paddingLeft:e.isMobile?t.state.paddingLeftCSS:0,paddingRight:e.isMobile?t.state.paddingRightCSS:0}}}var gr=mr;function fr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function br(e){for(var t=1;t{ft.c({environment:this.environment,onStart:this.handleUploadStart,bucket:"public",onError:this.handleUploadError,onComplete:this.handleUploadComplete,accept:"image/*"})},this.handleDeleteProfilePhoto=()=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{profilePhoto:void 0}))},this.handleUpdateClick=()=>{const{givenName:e,familyName:t,profilePhoto:r,startDayOfWeek:i}=this.stores.spaceProfileSettingsStore.state;e&&t?(de.createAndCommit(this.environment,n=>{const{currentUserStore:o,currentUserSettingsStore:a}=$.default.state;if(o&&Xe({userStore:o,data:{givenName:e,familyName:t,profilePhoto:r},transaction:n}),a){a.getSettings().start_day_of_week!==i&<.c({userSettingsStore:a,data:{start_day_of_week:i},transaction:n})}}),ot.a.setState(br({},ot.a.state,{open:!1}))):Ve.showErrorMessage(n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.firstOrLastNameMissing.message",defaultMessage:"Please fill in both first name and last name."}))},this.handleStartOfWeekToggle=()=>{const{state:e}=this.stores.spaceProfileSettingsStore,{startDayOfWeek:t}=e;this.stores.spaceProfileSettingsStore.setState(br({},e,{startDayOfWeek:t?0:1}))},this.handleCancelClick=()=>{ot.a.setState(br({},ot.a.state,{open:!1}))},this.handleGivenNameChange=e=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{givenName:e.target.value}))},this.handleFamilyNameChange=e=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{familyName:e.target.value}))},this.handleUploadStart=()=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{uploadingProfilePhoto:!0}))},this.handleUploadError=()=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{uploadingProfilePhoto:!1})),Ve.showErrorMessage(n.createElement(o.FormattedMessage,{id:"profileSettings.profilePhotoSection.uploadProfilePhotoError.message",defaultMessage:"Upload failed."}))},this.handleUploadComplete=e=>{this.stores.spaceProfileSettingsStore.setState(br({},this.stores.spaceProfileSettingsStore.state,{profilePhoto:e[0],uploadingProfilePhoto:!1}))},this.handleDeleteAccountClick=async()=>{const{currentUserStore:e,currentUserRootStore:t}=$.default.state;if(!e||!t)return;const r=e.getValue();if(!r)return;const i=Fe.compact(t.getSpaceViewStores().map(e=>e.getSpaceStore())).filter(e=>!Object(jt.d)(e.getValue(),e.getRole())),a=Fe.compact(i.map(e=>Object(lr.getSpaceName)(this.environment,e)));await st.b({width:420,message:n.createElement("div",null,n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"profileSettings.deleteAccountConfirmationDialog.warning",defaultMessage:"This action cannot be undone. This will permanently delete your entire account. All private workspaces will be deleted, and you will be removed from all shared workspaces."}),a.length>0&&n.createElement("ul",{style:{padding:0}},a.map(e=>n.createElement("li",{style:{marginTop:6,color:m.f.red,fontWeight:ee.a.fontWeight.medium,listStyle:"none"}},e)))," ",n.createElement(o.FormattedMessage,{id:"profileSettings.deleteAccountConfirmationDialog.prompt",defaultMessage:"Please type in your email to confirm."})),n.createElement(Pt,{style:{marginTop:16},translations:{es:"Esta acción no se puede deshacer. Esto eliminará permanentemente su cuenta completa. Se eliminarán todas las áreas de trabajo privadas y se eliminará de todas las áreas de trabajo compartidas. Por favor, escriba su correo electrónico para confirmar.",ru:"Это действие не может быть отменено. Это навсегда удалит всю вашу учетную запись. Все частные рабочие области будут удалены, и вы будете удалены из всех общих рабочих областей. Пожалуйста, введите ваш адрес электронной почты для подтверждения.",zh:"此操作无法撤消。 这将永久删除您的整个帐户。 将删除所有私有工作空间,您将从所有共享工作空间中删除。 请输入您的电子邮箱进行确认。",de:"Diese Aktion kann nicht rückgängig gemacht werden. Dadurch wird Ihr gesamtes Konto dauerhaft gelöscht. Alle privaten Arbeitsbereiche werden gelöscht und Sie werden aus allen freigegebenen Arbeitsbereichen entfernt. Bitte geben Sie Ihre E-Mail-Adresse zur Bestätigung ein.",fr:"Cette action ne peut pas être annulée. Cela supprimera définitivement votre compte en entier. Tous les espaces de travail privés seront supprimés et vous serez supprimé de tous les espaces de travail partagés. Veuillez taper votre email pour confirmer.",ja:"この操作を元に戻すことはできません。 これによりアカウント全体が完全に削除されます。 すべてのプライベートワークスペースが削除され、あなたはすべての共有ワークスペースから削除されます。 確認のためにメールアドレスを入力してください。",it:"Questa azione non può essere annullata. Questo eliminerà definitivamente l'intero account. Tutti gli spazi di lavoro privati verranno eliminati e verranno rimossi da tutti gli spazi di lavoro condivisi. Inserisci la tua email per confermare.",pt:"Essa ação não pode ser desfeita. Isso excluirá permanentemente sua conta inteira. Todos os espaços de trabalho privados serão excluídos e você será removido de todos os espaços de trabalho compartilhados. Por favor, digite o seu email para confirmar.",nl:"Deze actie kan niet ongedaan gemaakt worden. Hiermee wordt uw gehele account permanent verwijderd. Alle privéwerkruimten worden verwijderd en u wordt verwijderd uit alle gedeelde werkruimten. Voer je e-mailadres in om te bevestigen.",pl:"Tego działania nie można cofnąć. Spowoduje to trwałe usunięcie całego konta. Wszystkie prywatne obszary robocze zostaną usunięte, a użytkownik zostanie usunięty ze wszystkich współużytkowanych obszarów roboczych. Wpisz swój e-mail, aby potwierdzić.",sv:"Den här åtgärden kan inte ångras. Detta tar bort hela ditt konto permanent. Alla privata arbetsytor kommer att raderas, och du kommer att tas bort från alla delade arbetsytor. Vänligen skriv in din email för att bekräfta.",uk:"Цю дію не можна скасувати. Таким чином буде видалено весь обліковий запис назавжди. Всі приватні робочі області будуть видалені, і ви будете видалені з усіх спільних робочих областей. Будь ласка, введіть електронний лист для підтвердження.",no:"Denne handlingen kan ikke fortrykkes. Dette vil permanent slette hele kontoen din. Alle private arbeidsområder blir slettet, og du vil bli fjernet fra alle delte arbeidsområder. Vennligst skriv inn din epost for å bekrefte.",tr:"Bu işlem geri alınamaz. Bu işlem hesabınızın tamamını kalıcı olarak siler. Tüm özel çalışma alanları silinecek ve paylaşılan tüm çalışma alanlarından kaldırılacaksınız. Lütfen onaylamak için e-postanızı yazın.",cs:"Tuto akci nelze vrátit zpět. Tím bude trvale smazán celý váš účet. Všechny soukromé pracovní prostory budou smazány a budete ze všech sdílených pracovních prostor odstraněni. Pro potvrzení zadejte svůj e-mail.",vi:"Hành động này không thể được hoàn tác. Điều này sẽ xóa vĩnh viễn toàn bộ tài khoản của bạn. Tất cả các không gian làm việc riêng tư sẽ bị xóa và bạn sẽ bị xóa khỏi tất cả các không gian làm việc chung. Vui lòng nhập email của bạn để xác nhận.",da:"Denne handling kan ikke fortrydes. Dette vil permanent slette hele din konto. Alle private arbejdsområder slettes, og du vil blive fjernet fra alle delte arbejdsområder. Indtast venligst din email for at bekræfte.",hu:"Ez a művelet nem visszavonható. Ez véglegesen törli a teljes fiókot. Minden privát munkaterület törlődik, és eltávolításra kerül minden megosztott munkaterületről. Kérjük, írja be e-mail címét, hogy megerősítse.",ar:"لا يمكن التراجع عن هذا الإجراء. سيؤدي الإجراء إلى حذف حسابك بالكامل. سيتم أيضا حذف جميع مساحات العمل الخاصة ، وستتم إزالتك من جميع مساحات العمل المشتركة. يرجى كتابة البريد الإلكتروني الخاص بك للتأكيد.",th:"การกระทำนี้ไม่สามารถยกเลิกได้ นี่จะเป็นการลบบัญชีทั้งหมดของคุณอย่างถาวร พื้นที่ทำงานส่วนตัวทั้งหมดจะถูกลบและคุณจะถูกลบออกจากพื้นที่ทำงานที่ใช้ร่วมกันทั้งหมด กรุณาพิมพ์อีเมลของคุณเพื่อยืนยัน",he:"לא ניתן לבטל פעולה זו. פעולה זו תמחק לצמיתות את כל החשבון שלך. כל סביבות העבודה הפרטיות יימחקו, ותוסר מכל סביבות העבודה המשותפות. הקלד את האימייל שלך כדי לאשר.",fi:"Tätä toimintoa ei voi peruuttaa. Tämä poistaa koko tilin pysyvästi. Kaikki yksityiset työtilat poistetaan ja poistetaan kaikista jaetuista työtiloista. Vahvistaaksesi kirjoita sähköpostiosoitteesi.",id:"Tindakan ini tidak bisa dibatalkan. Ini akan secara permanen menghapus seluruh akun Anda. Semua ruang kerja pribadi akan dihapus, dan Anda akan dihapus dari semua ruang kerja bersama. Ketikkan email Anda untuk mengonfirmasi."}})),acceptLabel:0===a.length?n.createElement(o.FormattedMessage,{id:"profileSettings.deleteAccountConfirmationDialog.deleteAccountButton.label",defaultMessage:"Permanently delete account"}):n.createElement(o.FormattedMessage,{id:"profileSettings.deleteAccountConfirmationDialog.deleteAccountAndWorkspacesButton.label",defaultMessage:"{numberOfWorkspaces, plural, one {Permanently delete account and 1 workspace} other {Permanently delete account and {numberOfWorkspaces} workspaces}}",values:{numberOfWorkspaces:a.length}}),requiredInputValue:r.email})&&(ot.a.reset(),async function(e){Ne.b({message:We.deletingAccount});const t=e.currentUser.id,{currentUserRootStore:r,currentUserStore:n}=$.default.state;if(!r||!n||!t)return Ne.a(),void Ve.showErrorMessage(Ye.default.formatMessage(We.noUserError));ue.qb(e),await Re.deleteUser(e,{}),await we.transactionQueue.clearForUser(t),Ue.logoutSingleAccount({environment:e,userId:t}),Ne.a()}(this.environment))}}willMount(e){super.willMount(e);const{spaceProfileSettingsStore:t,isEducationStore:r}=this.stores,{currentUserStore:n,currentUserSettingsStore:o,currentUserRootStore:i}=$.default.state;if(n&&o){const e=t.getValueForUser(n,o);e&&t.setState(e)}if(i){const e=(Object(Gt.c)({environment:this.environment,userRootStore:i})||[]).some(e=>e===g.default.pricing.student.productId);r.set(e)}}renderComponent(){return yt.a.state.online?this.renderSettings():this.renderOfflineMessage()}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to manage your profile.",id:"profileSettings.offline.message"})))}renderSettings(){const{currentUserStore:e}=$.default.state;if(!e)return;e.getValue();const{profilePhoto:t,uploadingProfilePhoto:r,givenName:i,familyName:a,startDayOfWeek:s}=this.stores.spaceProfileSettingsStore.state,{passwordRequestStore:l}=this.stores,c="on"===ar.default.getGroup(this.environment,"lion-tamer");return l.state.loading?n.createElement(pe.a,{style:{margin:"50% auto"}}):n.createElement(pt,{controlRow:this.renderControlRow()},this.renderSpaceProfileHeader(),n.createElement("div",{style:{marginBottom:24}},n.createElement(Tt.a,{title:n.createElement(n.Fragment,null,n.createElement(o.FormattedMessage,{id:"profileSettings.helpButton.caption",defaultMessage:"Changes to account settings will apply to all of your workspaces."})," ",n.createElement(o.FormattedMessage,{id:"profileSettings.helpButton.learnMoreLink",defaultMessage:"Learn more.",values:{s:function(){for(var e=arguments.length,t=new Array(e),r=0;rn.createElement("div",{style:{width:90,height:90}},n.createElement(ct.a,{src:t,style:{width:90,height:90,objectFit:"cover",borderRadius:"100%"}}))}),n.createElement(St.a,{isLarge:!0,onClick:this.handleUploadProfilePhoto,style:{marginTop:8,marginBottom:4}},n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(o.FormattedMessage,{id:"profileSettings.profilePhotoSection.uploadPhotoButton.label",defaultMessage:"Upload photo"}),r&&n.createElement(pe.a,{style:{marginLeft:4}}))),t&&"on"===ar.default.getGroup(this.environment,"remove-profile-photo-string")&&n.createElement(St.a,{onClick:this.handleDeleteProfilePhoto,style:{marginTop:4,marginLeft:12,marginBottom:2}},n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(o.FormattedMessage,{id:"profileSettings.profilePhotoSection.removePhotoButton.label",defaultMessage:"Remove"}))),pt.renderDivider(),n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.title",defaultMessage:"Personal info"})),n.createElement(ir,{userValue:Object(It.h)(this.environment),hasEducationPlan:this.stores.isEducationStore.get()}),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.firstNameInput.label",defaultMessage:"First name",description:"User's first name, also known as forename or given name."})),n.createElement(dt.b,{value:i,onChange:this.handleGivenNameChange}),n.createElement(mt.a,{hasMarginTop:!0}," ",n.createElement(o.FormattedMessage,{id:"profileSettings.personalInfoSection.lastNameInput.label",defaultMessage:"Last name",description:"User's last name, also known as family name or surname"})),n.createElement(dt.b,{value:a,onChange:this.handleFamilyNameChange}),pt.renderDivider(),n.createElement(Wt,{isEducationPlan:this.props.isEducationPlan,requestStore:l}),pt.renderDivider(),n.createElement(gr,null),!c&&pt.renderDivider(),!c&&n.createElement(Ht,{onClick:this.handleStartOfWeekToggle,startDayOfWeek:s}),pt.renderDivider(),n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"profileSettings.dangerousSettings.title",defaultMessage:"Danger zone",description:"Title for the user settings that we consider 'dangerous', like deleting an account."})),n.createElement(St.a,{isLarge:!0,isRed:!0,onClick:this.handleDeleteAccountClick},n.createElement(o.FormattedMessage,{id:"profileSettings.dangerousSettings.deleteAccountButton.label",defaultMessage:"Delete my account"})))}renderControlRow(){return n.createElement("div",{style:{display:"flex"}},n.createElement(vt.a,{isLarge:!0,onClick:this.handleUpdateClick},n.createElement(o.FormattedMessage,{id:"profileSettings.updateButton.label",defaultMessage:"Update"})),n.createElement(St.a,{isLarge:!0,style:{marginLeft:12},onClick:this.handleCancelClick},n.createElement(o.FormattedMessage,{id:"profileSettings.cancelButton.label",defaultMessage:"Cancel"})))}renderSpaceProfileHeader(){return n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"profileSettings.title",defaultMessage:"Account"}))}}var Sr=Object(o.injectIntl)(vr);function wr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function kr(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Mr extends b.a{renderComponent(){return n.createElement("div",{style:this.getStyle(),onMouseDown:this.props.onMouseDown,onClick:this.props.onClick,onDoubleClick:this.props.onDoubleClick,onContextMenu:this.props.onContextMenu},n.createElement("div",{style:this.getSidebarStyle()},this.props.sidebar),n.createElement("div",{style:this.getChildrenStyle()},this.props.children))}getStyle(){return{display:"flex",height:"100%",flexDirection:this.props.isReversed?"row-reverse":"row"}}getSidebarStyle(){return function(e){for(var t=1;t{"Backspace"===e.key&&0===this.props.value.length&&this.props.onRemoveLastToken()}}renderComponent(){const{device:e}=this.environment;return n.createElement("div",{onClick:this.props.onClick,style:e.isMobile?this.getMobileWrapStyle():this.getDesktopWrapStyle()},this.props.tokens,this.renderInput())}renderInput(){const{device:e}=this.environment,t=0===this.props.tokens.length;return n.createElement(dt.b,Object.assign({format:dt.b.Format.Transparent},Object(Er.a)({onKeyDown:this.handleKeyDown},{onChange:this.props.onChange}),{value:this.props.value,onSubmit:this.props.onSubmit,onBlur:this.props.onBlur,focus:this.props.focus,style:Pr({},jr.inputStyle,{margin:e.isMobile?"0 8px 8px 0":"0 6px 6px 0"}),readOnly:this.props.readOnly,inputStyle:{height:18},size:1,type:this.props.type,placeholder:t?this.props.placeholder:"",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1}))}getDesktopWrapStyle(){return Pr({display:"flex",flexWrap:"wrap",alignItems:"flex-start",minHeight:32,boxShadow:this.theme.inputBoxShadow,background:this.theme.inputBackground,borderRadius:3,fontSize:14,cursor:"text",overflow:"hidden",padding:"7px 9px 0px"},this.props.style)}getMobileWrapStyle(){return Pr({},this.getDesktopWrapStyle(),{fontSize:14,padding:"7px 10px 0"})}}jr.inputStyle={flexGrow:1,flexShrink:1,flexBasis:60,minWidth:60,width:"auto",lineHeight:"20px"};var xr=jr,Ir=r("7Q97"),Dr=r("aZ00"),Br=r("wXH4"),_r=r("gbGO"),Ar=r("WgIs"),Lr=r("SR/M"),Fr=r("2Y+N"),Rr=r("r8MX"),Nr=r("WLsh"),Vr=r("lODM"),Ur=r("FIf6"),Yr=r("tvfY"),Wr=r("mjq6");function Xr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function zr(e){for(var t=1;t{this.stores.spaceBasicSettingsStore.setState(zr({},this.stores.spaceBasicSettingsStore.state,{name:e.target.value}))},this.handleSpaceUrlChange=e=>{this.stores.spaceBasicSettingsStore.setState(zr({},this.stores.spaceBasicSettingsStore.state,{domain:ze.z(e.target.value)})),this.forceUpdate()},this.handleConfirm=async()=>{const{spaceStore:e}=this.props,{spaceBasicSettingsStore:t}=this.stores,{name:r,domain:n,emailDomains:o}=t.state;await ze.y({environment:this.environment,spaceStore:e,name:r,domain:n||void 0,emailDomains:o}),ot.a.setState(zr({},ot.a.state,{open:!1}))},this.handleCancelClick=()=>{ot.a.setState(zr({},ot.a.state,{open:!1}))},this.handleExportClick=()=>{const{currentSpaceStore:e}=$.default.state;e&&Vr.h({environment:this.environment,root:{table:"space",id:e.id}})},this.handleExportMembersClick=()=>{const{currentSpaceStore:e}=$.default.state,{data:t}=Rr.default.state;e&&t&&"subscribed_admin"===t.type&&Vr.e({spaceStore:e,subscriptionData:t,intl:this.props.intl})},this.handleLeaveClick=()=>{const{spaceStore:e}=this.props,{currentUserSettingsStore:t}=$.default.state;t&&Ve.showDialog({message:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.leaveWorkspaceConfirmationDialog.prompt",defaultMessage:"Are you sure you want to leave this workspace?"}),showCancel:!0,keepFocus:!0,items:[{label:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.leaveWorkspaceConfirmationDialog.leaveButton.label",defaultMessage:"Leave"}),color:"red",onAccept:async()=>{await ze.l({environment:this.environment,spaceId:e.id,userSettingsStore:t})&&(ue.ec(this.environment),ot.a.setState(zr({},ot.a.state,{open:!1})))}}]})},this.handleDeleteClick=async()=>{const{currentUserSettingsStore:e}=$.default.state;if(!e)return;const{spaceStore:t,intl:r}=this.props,i=Object(lr.getSpaceName)(this.environment,t)||r.formatMessage({defaultMessage:"Untitled workspace",id:"spaceBasicSettings.deleteWorkspace.untitledWorkspace.placeholder"});await st.b({message:n.createElement("div",null,n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.deleteWorkspaceConfirmationDialog.prompt",defaultMessage:"This action cannot be undone. This will permanently delete the workspace, including all pages and files. Please type the name of the workspace to confirm."})),n.createElement(Pt,{style:{marginTop:16},translations:{es:"Esta acción no se puede deshacer. Esto eliminará permanentemente el espacio de trabajo, incluidas todas las páginas y archivos. Por favor escriba el nombre del espacio de trabajo para confirmar.",ru:"Это действие не может быть отменено. Это навсегда удалит рабочее пространство, включая все страницы и файлы. Пожалуйста, введите название рабочей области для подтверждения.",zh:"此操作无法撤消。 这将永久删除工作区,包括所有页面和文件。 请输入要确认的工作空间的名称。",ko:"이 작업은 실행 취소 할 수 없습니다. 이렇게하면 모든 페이지와 파일을 포함하여 작업 영역이 영구적으로 삭제됩니다. 확인을 위해 작업 공간의 이름을 입력하십시오.",de:"Diese Aktion kann nicht rückgängig gemacht werden. Dadurch wird der Arbeitsbereich einschließlich aller Seiten und Dateien dauerhaft gelöscht. Bitte geben Sie den Namen des Arbeitsbereichs zur Bestätigung ein.",fr:"Cette action ne peut pas être annulée. Cela supprimera définitivement l'espace de travail, y compris toutes les pages et tous les fichiers. Veuillez saisir le nom de l'espace de travail pour confirmer.",ja:"この操作を元に戻すことはできません。 これにより、すべてのページとファイルを含むワークスペースが完全に削除されます。 確認するワークスペースの名前を入力してください。",it:"Questa azione non può essere annullata. Questo eliminerà definitivamente l'area di lavoro, incluse tutte le pagine e i file. Digita il nome dell'area di lavoro per confermare.",pt:"Essa ação não pode ser desfeita. Isso excluirá permanentemente o espaço de trabalho, incluindo todas as páginas e arquivos. Por favor, digite o nome do espaço de trabalho para confirmar.",nl:"Deze actie kan niet ongedaan gemaakt worden. Hiermee wordt de werkruimte permanent verwijderd, inclusief alle pagina's en bestanden. Typ de naam van de werkruimte om te bevestigen.",pl:"Tego działania nie można cofnąć. Spowoduje to trwałe usunięcie obszaru roboczego, w tym wszystkich stron i plików. Wpisz nazwę obszaru roboczego, aby potwierdzić.",sv:"Den här åtgärden kan inte ångras. Detta tar bort arbetsytan permanent, inklusive alla sidor och filer. Vänligen skriv in arbetsplatsens namn för att bekräfta.",uk:"Цю дію не можна скасувати. Це дозволить остаточно видалити робочу область, включаючи всі сторінки та файли. Введіть назву робочої області для підтвердження.",no:"Denne handlingen kan ikke fortrykkes. Dette vil permanent slette arbeidsområdet, inkludert alle sider og filer. Vennligst skriv navnet på arbeidsområdet for å bekrefte.",tr:"Bu işlem geri alınamaz. Bu, tüm sayfaları ve dosyaları içeren çalışma alanını kalıcı olarak siler. Lütfen onaylamak için çalışma alanının adını yazın.",cs:"Tuto akci nelze vrátit zpět. Tím se trvale odstraní pracovní prostor včetně všech stránek a souborů. Zadejte prosím název pracovního prostoru, který chcete potvrdit.",vi:"Hành động này không thể được hoàn tác. Điều này sẽ xóa vĩnh viễn không gian làm việc, bao gồm tất cả các trang và tệp. Vui lòng nhập tên của không gian làm việc để xác nhận.",da:"Denne handling kan ikke fortrydes. Dette vil permanent slette arbejdsområdet, inklusive alle sider og filer. Indtast navnet på arbejdsområdet for at bekræfte.",hu:"Ez a művelet nem visszavonható. Ez véglegesen törli a munkaterületet, beleértve az összes oldalt és fájlt. Kérjük, írja be a munkaterület nevét a megerősítéshez.",ar:"لا يمكن التراجع عن هذا الإجراء. سيؤدي ذلك إلى حذف مساحة العمل كليا ، بما يشمل جميع الصفحات والملفات. يرجى كتابة اسم مساحة العمل للتأكيد.",th:"การกระทำนี้ไม่สามารถยกเลิกได้ นี่จะเป็นการลบพื้นที่ทำงานอย่างถาวรรวมถึงหน้าและไฟล์ทั้งหมด โปรดพิมพ์ชื่อของพื้นที่ทำงานเพื่อยืนยัน",he:"לא ניתן לבטל פעולה זו. פעולה זו תמחק לצמיתות את סביבת העבודה, כולל כל הדפים והקבצים. הקלד את שם מרחב העבודה כדי לאשר.",fi:"Tätä toimintoa ei voi peruuttaa. Tämä poistaa työtilan pysyvästi, mukaan lukien kaikki sivut ja tiedostot. Vahvista kirjoittamalla työtilan nimi.",id:"Tindakan ini tidak bisa dibatalkan. Ini akan secara permanen menghapus ruang kerja, termasuk semua halaman dan file. Silakan ketik nama ruang kerja untuk mengonfirmasi."}})),acceptLabel:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.deleteWorkspaceConfirmationDialog.deleteWorkspaceButton.label",defaultMessage:"Permanently delete workspace"}),requiredInputValue:i})&&(ze.h({environment:this.environment,spaceId:t.id,userSettingsStore:e}),ue.ob(this.environment),ot.a.setState(zr({},ot.a.state,{open:!1})))},this.handleRecordIconChange=e=>{const{spaceStore:t}=this.props;de.createAndCommit(this.environment,r=>{ce.c({store:t.getIconStore(),value:e,transaction:r})})}}willMount(e){super.willMount(e);const{spaceStore:t}=this.props,{spaceBasicSettingsStore:r}=this.stores,n=r.getValueForSpace(t);n&&r.setState(n)}renderComponent(){return yt.a.state.online?this.renderSettings():this.renderOfflineMessage()}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.offlineMessage",defaultMessage:"Please go online to manage settings."})))}renderSettings(){const{spaceStore:e}=this.props,{spaceBasicSettingsStore:t}=this.stores,{name:r,domain:i}=t.state,{data:a}=Rr.default.state;if(!a)return;const s=e.canAdmin(),l=!e.canRead(),c=Object(lr.getSpacePermissionItems)(e),d=Gt.F(this.environment),u=e.getValue(),p=s&&u&&!u.disable_export,h=s,m="subscribed_admin"===a.type&&a.productId===g.default.pricing.enterprise.productId;return n.createElement(pt,{controlRow:s&&this.renderControlRow()},this.renderSpaceBasicHeader(),l&&n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.guestLimitedAccessMessage",defaultMessage:"You are currently a guest in this workspace. Ask an admin to add you as a member in order to see other pages and workspace settings."})),l&&pt.renderDivider(),s&&n.createElement(n.Fragment,null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.workspaceNameSection.title",defaultMessage:"Name"})),n.createElement(dt.b,{value:r,placeholder:Ye.default.formatMessage(Gr.nameInputPlaceholder),readOnly:!s,onChange:this.handleSpaceNameChange}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:4}},n.createElement(Hr,null)),pt.renderDivider()),s&&n.createElement(n.Fragment,null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.workspaceIconSection.title",defaultMessage:"Icon"})),n.createElement("div",{style:{width:72,height:72,border:"1px solid ".concat(this.theme.regularDividerColor),borderRadius:6,display:"flex",justifyContent:"center",alignItems:"center"}},s?n.createElement(G.a,{bucket:"public",disabled:!1,icon:Object(lr.getSpaceIcon)(this.environment,e),isEmptyPage:!1,title:r,size:64,onChange:this.handleRecordIconChange}):n.createElement(G.a,{disabled:!0,icon:Object(lr.getSpaceIcon)(this.environment,e),isEmptyPage:!1,title:r,size:64})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:8}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.workspaceIconSection.caption",defaultMessage:"Upload an image or pick an emoji. It will show up in your sidebar and notifications."})),pt.renderDivider()),s&&n.createElement("div",null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.domainSection.title",defaultMessage:"Domain"})),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("div",null,window.location.host,"/"),n.createElement("div",{style:{marginLeft:6,width:"100%"}},n.createElement(dt.b,{value:i,placeholder:Ye.default.formatMessage(Gr.workspaceDomainInputPlaceholder),readOnly:!s,onChange:this.handleSpaceUrlChange}))),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:4}},Kr.renderDomainCaption(this.environment,i,!0,this.theme)),pt.renderDivider()),s&&d&&n.createElement(n.Fragment,null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.allowedEmailDomainsSection.title",defaultMessage:"Allowed email domains"})),this.renderAllowedEmailDomains(),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:4}},Kr.renderAllowEmailDomainsCaption()),pt.renderDivider()),p&&n.createElement(n.Fragment,null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportContentSection.title",defaultMessage:"Export content"})),n.createElement("div",{style:{display:"flex"}},n.createElement(St.a,{isLarge:!0,onClick:this.handleExportClick},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportContentSection.exportButton.label",defaultMessage:"Export all workspace content"}))),n.createElement("div",{style:{height:12}}),n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportContentSection.helpButton.caption",defaultMessage:"Learn about exporting workspaces."}),href:Object(sr.a)("guides.exportWorkspace"),analyticsFrom:"space_settings"}),pt.renderDivider()),h&&n.createElement(n.Fragment,null,n.createElement(ht.a,{style:{display:"flex",alignItems:"center"}},n.createElement("span",{style:{marginRight:8}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportMembersSection.title",defaultMessage:"Export members"})),!m&&n.createElement(Ur.a,{enterprise:!0,subscriptionTier:"enterprise",analyticsName:"space_export_members",desktopStyle:{marginTop:-1}})),n.createElement("div",{style:{display:"flex"}},n.createElement(St.a,{isLarge:!0,disabled:!m,onClick:this.handleExportMembersClick,disabledFeedback:!0},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportMembersSection.exportAsCSVButton.label",defaultMessage:"Export members as CSV"}))),n.createElement("div",{style:{height:12}}),n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.exportMembersSection.helpButton.caption",defaultMessage:"Learn about exporting members."}),href:Object(sr.a)("guides.exportMembers"),analyticsFrom:"space_settings"}),pt.renderDivider()),n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.dangerousSettingsSection.title",defaultMessage:"Danger zone"})),n.createElement("div",{style:{display:"flex"}},(c.length>1||l)&&n.createElement(St.a,{isLarge:!0,onClick:this.handleLeaveClick,style:{marginRight:s?12:void 0}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.dangerousSettingsSection.leaveWorkspaceButton.label",defaultMessage:"Leave workspace"})),s&&n.createElement(St.a,{isLarge:!0,isRed:!0,onClick:this.handleDeleteClick},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.dangerousSettingsSection.deleteWorkspaceButton.label",defaultMessage:"Delete entire workspace"}))),s&&n.createElement(n.Fragment,null,n.createElement("div",{style:{height:12}}),n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.dangerousSettingsSection.deleteWorkspaceHelpButton.caption",defaultMessage:"Learn about deleting workspaces."}),href:Object(sr.a)("guides.deleteWorkspace"),analyticsFrom:"space_settings"})))}renderSpaceBasicHeader(){return n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.title",defaultMessage:"Workspace settings"}))}renderControlRow(){return n.createElement("div",{style:{display:"flex"}},n.createElement(vt.a,{isLarge:!0,onClick:this.handleConfirm},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.updateButton.label",defaultMessage:"Update"})),n.createElement(St.a,{isLarge:!0,style:{marginLeft:12},onClick:this.handleCancelClick},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.cancelButton.label",defaultMessage:"Cancel"})))}renderAllowedEmailDomains(){const{device:e}=this.environment,{spaceStore:t}=this.props,{spaceBasicSettingsStore:r}=this.stores,{emailDomains:i}=r.state,a=t.canAdmin();return n.createElement(Br.c,{popupType:e.isMobile?Br.c.PopupType.SlideUp:Br.c.PopupType.Popup,sameWidthAsOrigin:!0,open:this.stores.tokenQuery.get().length>0,origin:n.createElement(xr,{placeholder:Ye.default.formatMessage(Gr.allowedEmailDomainsInputPlaceholder),value:this.stores.tokenQuery.get(),onChange:e=>this.stores.tokenQuery.set(e.target.value),readOnly:!a,onRemoveLastToken:()=>{const e=i.slice(0,i.length-1);r.setState(zr({},r.state,{emailDomains:e}))},tokens:i.map(e=>n.createElement(Ir.b,{showRemoveButton:!0,isSingle:!1,format:Ir.b.Format.Medium,key:e,onClickRemove:()=>{const t=i.filter(t=>t!==e);r.setState(zr({},r.state,{emailDomains:t}))},value:e}))}),render:()=>{const t=this.stores.tokenQuery.get().trim(),{data:a}=Rr.default.state,{spaceStore:s}=this.props,l=n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.allowedEmailDomainsSection.emailDomainsDropdown.placeholder",defaultMessage:"Type an email domain…"}),c=n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.allowedEmailDomainsSection.emailDomainsDropdown.placeholderNoResults",defaultMessage:"Type an email domain of a member of this workspace…"}),d=a?Gt.q(a).map(e=>{if(("unsubscribed_admin"===a.type||"unsubscribed_member"===a.type||"subscribed_admin"===a.type)&&a.joinedMemberIds.includes(e.userId)){const t=Yr.a.createChildStore(s,e.userId).getEmail();return t&&t.split("@")[1]}}).filter((e,t,r)=>Boolean(e&&t===r.indexOf(e)&&!i.includes(e))):[],u=Object(Wr.b)(t,d,e=>e).map((e,t)=>({key:t,render:t=>n.createElement(Lr.a,Object.assign({},t,{title:e})),action:()=>{const t=[...i,e];r.setState(zr({},r.state,{emailDomains:t})),this.stores.tokenQuery.set("")}}));let p;return p=e.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup,width:"100%"},n.createElement(_r.b,Object.assign({},p),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:u.length>0?0:void 0,sections:[{key:0,render:e=>n.createElement(Fr.a,Object.assign({},e,{disableDesktopPadding:!0,title:u.length>0?l:c})),items:u}]}))},onDismiss:()=>{this.stores.tokenQuery.set("")}})}}Kr.renderDomainCaption=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3?arguments[3]:void 0;const a="".concat(window.location.host,"/").concat(t);let s;if(t&&(s=r?n.createElement(J.a,{delayThreshold:0,renderTooltip:()=>Ye.default.formatMessage(Gr.copyDomainTooltip),render:t=>n.createElement(er.a,Object.assign({onClick:()=>{Dr.c({environment:e,stringValue:a})}},t),a)}):n.createElement("span",{style:{color:i.regularTextColor}},a)),!Gt.L(e,"personal")&&!Gt.L(e,"student"))return n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.domainSection.workspaceDomainInput.caption",defaultMessage:"Share the link {linkText} to add anyone with an allowed email domain to your workspace.",values:{linkText:s}}))},Kr.renderAllowEmailDomainsCaption=()=>n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.allowedEmailDomainsSection.emailDomainInput.caption",defaultMessage:"Anyone with email addresses at these domains can automatically join your workspace."});var Zr,Jr=Object(o.injectIntl)(Kr),Qr=r("5/h/"),$r=r("Mr7a");function en(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function tn(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}!function(e){e[e.Members=0]="Members",e[e.Groups=1]="Groups",e[e.Guests=2]="Guests"}(Zr||(Zr={}));class rn extends W.a{getInitialState(){return{currentTab:Zr.Members,limitMembers:!0,limitGuests:!0,membersFilter:"",guestsFilter:"",groupsFilter:"",groupNameInputValue:""}}async getValueForSpace(e,t){const r=t.getValue();let n=!1;return r&&(n=Boolean(r.invite_link_enabled)),function(e){for(var t=1;t{const{device:e}=this.environment,{store:t,member:r}=this.props,i=t.canAdmin(),a=r.guestPageIds.map(e=>{const r=F.a.createChildStore(t,e);return{key:e,render:e=>n.createElement(sn.a,Object.assign({},e,{store:r,placeholder:n.createElement(o.FormattedMessage,{id:"guestPagesPopup.privatePagePlaceholder",defaultMessage:"Private page"})})),action:()=>{const r=F.a.createChildStore(t,e),n=Object(U.a)({store:r,fullyQualified:!1});c.navigate({environment:this.environment,url:n,metaClick:!0})}}});let s,l;return s=e.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup,width:300},Object(Gt.F)(this.environment)&&(l=n.createElement(J.a,{renderTooltip:()=>this.isSubscribed()?n.createElement(o.FormattedMessage,{id:"guestPagesPopup.addMemberPermissionButton.tooltip",defaultMessage:"This guest will become a member of this workspace."}):n.createElement(o.FormattedMessage,{id:"guestPagesPopup.addAdminPermissionButton.tooltip",defaultMessage:"This guest will become an admin of this workspace."}),render:e=>n.createElement(St.a,Object.assign({isLarge:!0,onClick:this.handleConvertToMemberClick},e),this.isSubscribed()?n.createElement(o.FormattedMessage,{id:"guestPagesPopup.addMemberPermissionButton.label",defaultMessage:"Convert to member"}):n.createElement(o.FormattedMessage,{id:"guestPagesPopup.addAdminPermissionButton.label",defaultMessage:"Convert to admin"}))})),n.createElement(_r.b,Object.assign({},s),i&&n.createElement(cn.a,{title:n.createElement("div",{style:{paddingTop:12,paddingBottom:8,display:"flex",alignItems:"flex-start"}},l,n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{id:"guestPagesPopup.removeGuestButton.tooltip",defaultMessage:"This guest will be removed from all pages in this Workspace."}),render:e=>n.createElement(St.a,Object.assign({isLarge:!0,isRed:!0,style:{marginLeft:l?8:0},onClick:this.handleRemoveClick},e),n.createElement(o.FormattedMessage,{id:"guestPagesPopup.removeGuestButton.label",defaultMessage:"Remove"}))}))}),i&&n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{id:"guestPagesPopup.guestAccessiblePagesCaption",defaultMessage:"This guest can access these pages"})}),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,sections:[{key:"pages",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:a}]}))},this.handleRemoveClick=()=>{Ve.showDialog({showCancel:!0,keepFocus:!1,message:n.createElement(o.FormattedMessage,{id:"guestPagesPopup.removeGuestModal.confirmationMessage",defaultMessage:"Are you sure you want to remove this person? They will lose access to all shared pages."}),items:[{label:n.createElement(o.FormattedMessage,{id:"guestPagesPopup.removeGuestModal.removeButton.label",defaultMessage:"Remove"}),color:"red",onAccept:async()=>{const{member:e,store:t}=this.props;this.stores.buttonPopupStore.setState(pn({},this.stores.buttonPopupStore.state,{open:!1})),Ne.b({message:mn.removingGuest}),"success"===(await Re.removeUsersFromSpace(this.environment,{userIds:[e.userId],spaceId:t.id,removePagePermissions:!0,revokeUserTokens:!1})).type&&(await me.e(this.environment),ue.Gd(this.environment)),Ne.a()}}]})},this.handleConvertToMemberClick=async()=>{const e=de.create(this.environment),{store:t,member:r,isSubscribed:n}=this.props,o=$r.c({environment:this.environment,store:t,permissionItems:[{type:"user_permission",role:n?"read_and_write":"editor",user_id:r.userId}],transaction:e});de.commit({environment:this.environment,transaction:e}),this.stores.buttonPopupStore.setState(pn({},this.stores.buttonPopupStore.state,{open:!1})),Ne.b({message:mn.addingMember});try{await o,await me.e(this.environment),ue.Z(this.environment)}finally{Ne.a()}}}renderComponent(){const{device:e}=this.environment,{buttonPopupStore:t}=this.stores,{store:r,member:i}=this.props;return i.guestPageIds.map(e=>{F.a.createChildStore(r,e).getValue()}),n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,renderOrigin:e=>n.createElement(dn.a,Object.assign({},e),n.createElement(o.FormattedMessage,{id:"guestPagesButton.label",defaultMessage:"{numberOfAccessiblePages, plural, one {{numberOfAccessiblePages} page} other {{numberOfAccessiblePages} pages}}",values:{numberOfAccessiblePages:i.guestPageIds.length}}),A.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor})),buttonPopupStore:t,render:this.renderPopup})}isSubscribed(){const{data:e}=Rr.default.state;return Boolean(e&&Object(Gt.w)(e))}}var fn=Object(o.injectIntl)(gn),bn=r("yisX"),yn=r("DQmc");function vn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Sn(e){for(var t=1;tn.createElement("th",{key:e.key,style:Sn({},kn.tableHeaderStyle,{},e.style)},n.createElement(xt.a,{isSmall:!0},e.header))))),n.createElement("tbody",null,t.map(t=>n.createElement("tr",{key:t.key,style:this.getRowStyle()},t.columns.map((t,r)=>{const o=e[r];return n.createElement("td",{key:o.key,style:kn.cellStyle},t)})))))}getStyle(){return{width:"100%",fontSize:13,borderTop:"1px solid ".concat(this.theme.regularDividerColor),borderBottom:"1px solid ".concat(this.theme.regularDividerColor)}}getRowStyle(){return{width:"100%",borderTop:"1px solid ".concat(this.theme.regularDividerColor)}}}kn.cellPaddingTopBottom=8,kn.headerRowStyle={height:32,width:"100%"},kn.tableHeaderStyle={fontWeight:ee.a.fontWeight.regular,textAlign:"left",paddingTop:kn.cellPaddingTopBottom,paddingBottom:kn.cellPaddingTopBottom},kn.cellStyle={paddingTop:kn.cellPaddingTopBottom,paddingBottom:kn.cellPaddingTopBottom};var Mn=kn,On=r("z22Z"),En=r("R+Q+"),Cn=r("GojS");class Pn extends W.a{getInitialState(){return{userInputValue:"",temporaryUserIds:[],limitUsers:!0}}}var Tn=Pn,jn=r("ox2z"),xn=r("bTAb"),In=r("4HCU"),Dn=r("f0kS"),Bn=r("W3at"),_n=r("x4bP"),An=r("V9q8"),Ln=r("VyA+"),Fn=r("meF8"),Rn=r("CTEM"),Nn=r("iICV"),Vn=r("lCCU"),Un=r("JMnu");function Yn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Wn(e){for(var t=1;t{const{store:t,group:r,disabled:i}=this.props;return n.createElement("div",{key:e.id,style:{display:"flex",alignItems:"center"}},n.createElement(Cn.a,{userValue:e,style:{paddingRight:6,minHeight:34,lineHeight:1.2,width:"100%"},avatarSize:24}),!i&&n.createElement(dn.a,{onClick:async()=>{if(await Ve.confirmUserAction({message:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.removeMemberFromGroupDialog.confirmationMessage",defaultMessage:"Are you sure you want to remove this member?"}),acceptLabel:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.removeMemberFromGroupDialog.confirmationButton.label",defaultMessage:"Yes"})})){const n=(r.user_ids||[]).filter(t=>t!==e.id),o=Wn({},r,{user_ids:n});de.createAndCommit(this.environment,e=>{ze.v({spaceStore:t,group:o,transaction:e})}),ue.rd(this.environment)}}},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.removeMemberFromGroupButton.label",defaultMessage:"Remove"})))},this.renderActionMenu=()=>{const e={key:"action_menu",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:[{key:"rename",render:e=>n.createElement(jn.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.groupList.actionMenu.renameItem",defaultMessage:"Rename"})})),action:this.handleRename},{key:"delete",render:e=>n.createElement(jn.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.groupList.actionMenu.deleteItem",defaultMessage:"Delete"})})),action:this.handleDelete}]};return n.createElement(_r.b,{menuType:_r.b.MenuType.Popup},n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,sections:[e],onAccept:()=>{this.stores.actionMenuButtonPopupStore.reset()}}))},this.renderAddMemberMenu=()=>{const{store:e}=this.props,{userInputValue:t,temporaryUserIds:r}=this.stores.spacePermissionGroupStore.state,i={request:t,performRequest:async e=>{const{group:t}=this.props,{temporaryUserIds:r}=this.stores.spacePermissionGroupStore.state,n=t.user_ids||[];return(await In.k({environment:this.environment,query:e,membersOnly:!0})).filter(e=>n.indexOf(e.id)<0&&r.indexOf(e.id)<0).slice(0,20)},render:this.renderAddMemberResults},a=r.map(t=>{const o=e.getRecordValue(Qr.a,t);return n.createElement(Un.b,{key:t,userValue:o,format:Un.b.Format.Medium,showRemoveButton:!0,onClickRemove:()=>{const e=r.filter(e=>e!==t);this.stores.spacePermissionGroupStore.setState(Wn({},this.stores.spacePermissionGroupStore.state,{temporaryUserIds:e}))},shouldShrink:!0,isSingle:!1})});return n.createElement(_r.b,{menuType:_r.b.MenuType.Popup,tokenInputHeader:!0,header:n.createElement(Bn.a,{focus:!0,disabled:!1,focusAfterAnimation:!0,format:Bn.a.Format.Group,tokens:a,placeholder:this.props.intl.formatMessage({id:"spacePermissionsSettings.groupsTab.userGroup.userSearchInput.placeholder",defaultMessage:"Search for a person…"}),onRemoveLastToken:this.handleTokenInputMenuItemRemoveLastToken,value:t,onChange:this.handleTokenInputMenuItemChange,right:n.createElement(vt.a,{isLarge:!0,onClick:this.handleAddDoneClick},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.userGroup.addUserButton.label",defaultMessage:"Add"}))})},n.createElement(Dt.a,Object.assign({},i)))},this.renderAddMemberResults=(e,t)=>{const{store:r}=this.props,i=t||[],{temporaryUserIds:a}=this.stores.spacePermissionGroupStore.state,s=i.map(e=>{let{id:t}=e;return t});if(0===s.length)return n.createElement(Fr.a,null,n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.userGroup.searchUserDropdown.noResultsMessage",defaultMessage:"No results"})}));{const e={key:"user_menu",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:s.map(e=>{const t=Yr.a.createChildStore(r,e).getValue();return{key:e,render:e=>n.createElement(Dn.a,Object.assign({},e,{user:t})),action:()=>{const t=[...a,e];this.stores.spacePermissionGroupStore.setState(Wn({},this.stores.spacePermissionGroupStore.state,{temporaryUserIds:t,userInputValue:""}))}}})};return n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,sections:[e]})}},this.handleMouseEnter=e=>{this.stores.mouseStore.setState(Wn({},this.stores.mouseStore.state,{mouseEntered:!0}))},this.handleMouseLeave=e=>{this.stores.mouseStore.setState(Wn({},this.stores.mouseStore.state,{mouseEntered:!1}))},this.handleMouseDown=e=>{Object(An.a)(e.target,e=>e&&e.classList&&e.classList.contains(zn.dragHandleClass))||Object(T.c)(e)},this.handleIconChange=e=>{const{store:t,group:r}=this.props,n=Wn({},r,{icon:e});de.createAndCommit(this.environment,e=>{ze.v({spaceStore:t,group:n,transaction:e})}),ue.ud(this.environment,{is_emoji:Object(Rn.a)(e)})},this.handleRename=()=>{const{group:e,spacePermissionsSettingsStore:t}=this.props;t.setState(Wn({},t.state,{editingNameGroupId:e.id,groupNameInputValue:e.name||""})),this.stores.actionMenuButtonPopupStore.setState(Wn({},this.stores.actionMenuButtonPopupStore.state,{open:!1})),ue.sd(this.environment)},this.handleDelete=async()=>{const{store:e,group:t}=this.props;if(this.stores.actionMenuButtonPopupStore.setState(Wn({},this.stores.actionMenuButtonPopupStore.state,{open:!1})),await Ve.confirmUserAction({message:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.deleteGroupModal.confirmationMessage",defaultMessage:"Are you sure you want to delete this group? Any pages that are private to this group will be transferred to you."}),acceptLabel:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.deleteGroupModal.confirmationButton.label",defaultMessage:"Yes"})})){const r=de.create(this.environment);await ze.g({environment:this.environment,spaceStore:e,group:t,transaction:r}),de.commit({environment:this.environment,transaction:r}),ue.qd(this.environment)}},this.handleNameChange=e=>{this.props.spacePermissionsSettingsStore.setState(Wn({},this.props.spacePermissionsSettingsStore.state,{groupNameInputValue:e}))},this.handleNameCancel=()=>{const{spacePermissionsSettingsStore:e}=this.props;e.setState(Wn({},e.state,{editingNameGroupId:void 0,groupNameInputValue:""}))},this.handleNameAccept=()=>{const{store:e,group:t,spacePermissionsSettingsStore:r}=this.props,{editingNameGroupId:n,groupNameInputValue:o}=r.state;if(n===t.id){if(o!==t.name){const r=Wn({},t,{name:o});de.createAndCommit(this.environment,t=>{ze.v({spaceStore:e,group:r,transaction:t})})}r.setState(Wn({},r.state,{editingNameGroupId:void 0,groupNameInputValue:""}))}},this.handleTokenInputMenuItemRemoveLastToken=()=>{const{temporaryUserIds:e}=this.stores.spacePermissionGroupStore.state,t=e.slice(0,e.length-1);this.stores.spacePermissionGroupStore.setState(Wn({},this.stores.spacePermissionGroupStore.state,{temporaryUserIds:t}))},this.handleTokenInputMenuItemChange=e=>{const t=e.target.value,{spacePermissionGroupStore:r}=this.stores,{extractedEmails:n,newInputValue:o}=Object(Nr.a)(t),{currentSpaceStore:i}=$.default.state,{data:a}=Rr.default.state;if(!a||!i)return;const s=Object(Gt.s)(a).map(e=>e.userId),l=Fe.compact(s.map(e=>Yr.a.createChildStore(i,e).getValue())).filter(e=>n.includes(e.email)&&!r.state.temporaryUserIds.includes(e.id));r.setState(Wn({},r.state,{temporaryUserIds:[...r.state.temporaryUserIds,...l.map(e=>e.id)],userInputValue:o}))},this.handleAddDoneClick=()=>{const{store:e,group:t}=this.props,{temporaryUserIds:r}=this.stores.spacePermissionGroupStore.state,n=t.user_ids||[],o=Wn({},t,{user_ids:Fe.union(n,r)});de.createAndCommit(this.environment,t=>{ze.v({spaceStore:e,group:o,transaction:t})}),this.stores.spacePermissionGroupStore.reset(),this.stores.addMemberButtonPopupStore.setState(Wn({},this.stores.addMemberButtonPopupStore.state,{open:!1})),ue.od(this.environment,{add_member_count:r.length})},this.handleAddMemberButtonPopupClose=()=>{this.stores.spacePermissionGroupStore.reset()},this.handleShowMoreClick=()=>{this.stores.spacePermissionGroupStore.setState(Wn({},this.stores.spacePermissionGroupStore.state,{limitUsers:!1}))}}renderComponent(){const{store:e,group:t,spacePermissionsSettingsStore:r,disabled:i}=this.props,{groupsFilter:a}=r.state,{limitUsers:s}=this.stores.spacePermissionGroupStore.state,l=t.name||this.props.intl.formatMessage({id:"spaceBasicSettings.spacePermissionsSettings.groupsTab.defaultNewGroupName",defaultMessage:"Untitled"}),c=t.user_ids||[],d=e.getValue(),u=d&&d.permissions?d.permissions:[],p=c.filter(e=>Boolean(u.find(t=>"user_permission"===t.type&&t.user_id===e))),h=s&&!a?p.slice(0,zn.defaultLimit):p,m=Fe.compact(h.map(t=>Yr.a.createChildStore(e,t).getValue())),g=Fe.sortBy(m,e=>Object(Qr.e)(e)),f=a?Object(Wr.b)(a,g,e=>Object(Qr.e)(e)):g,{mouseEntered:b}=this.stores.mouseStore.state,y=b&&!Nn.a.state.isKeyboardMode&&!i,{editingNameGroupId:v,groupNameInputValue:S}=r.state;return n.createElement("div",{style:{marginBottom:36,fontSize:14,width:"100%"},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:this.handleMouseDown},n.createElement("div",{style:{display:"flex"}},!i&&n.createElement(D.a,{isVisible:!0,animationStyle:{opacity:y?1:0},enterAnimationStyle:{opacity:0},exitAnimationStyle:{opacity:0},render:()=>n.createElement("div",{style:{marginLeft:-24,marginRight:4},className:zn.dragHandleClass},n.createElement(_n.a,{hideClickMessage:!0}))}),i?n.createElement(G.a,{disabled:!0,icon:t.icon?{table:e.table,id:e.id,icon:t.icon}:void 0,size:22,isEmptyPage:!1,title:l,style:{marginLeft:3,marginRight:3}}):n.createElement(G.a,{disabled:!1,bucket:"public",icon:t.icon?{table:e.table,id:e.id,icon:t.icon}:void 0,size:22,isEmptyPage:!1,title:l,onChange:this.handleIconChange,style:{marginLeft:3,marginRight:3}}),v===t.id?n.createElement(Ln.a,{capture:!0,onEsc:this.handleNameCancel},n.createElement(Fn.a,{disabled:i,textarea:!1,style:{marginLeft:4,cursor:"text",fontWeight:ee.a.fontWeight.semibold},placeholderStyle:{marginLeft:4,cursor:"text",color:this.theme.lightTextColor,fontWeight:ee.a.fontWeight.semibold},placeholder:this.props.intl.formatMessage({id:"spacePermissionsSettings.groupsTab.userGroup.groupNameInput.placeholder",defaultMessage:"Untitled"}),focus:!0,value:S,onChange:this.handleNameChange,onBlur:this.handleNameAccept,onSubmit:this.handleNameAccept})):n.createElement(dn.a,{isSmall:!0,style:{fontWeight:ee.a.fontWeight.semibold,marginLeft:-2,marginTop:-1},onClick:this.handleRename,disabled:i,className:"notranslate"},l),c.length>0&&n.createElement("div",{style:{alignItems:"center",marginLeft:8,color:this.theme.mediumTextColor},className:"notranslate"},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.userGroup.memberCount",defaultMessage:"{numberOfGroupMembers, plural, one {{numberOfGroupMembers} member} other {{numberOfGroupMembers} members}}",values:{numberOfGroupMembers:c.length}})),n.createElement("div",{style:{flexGrow:1}}),!i&&n.createElement(an.a,{popupType:Br.b.Popup,render:this.renderActionMenu,buttonPopupStore:this.stores.actionMenuButtonPopupStore,renderOrigin:e=>n.createElement(Vn.a,Object.assign({icon:A.a.dots},e))})),n.createElement(it.a,{size:12}),f.map(this.renderUser),p.length>zn.defaultLimit&&s&&!a&&n.createElement("div",null,n.createElement(dn.a,{isGray:!0,style:{marginTop:4},onClick:this.handleShowMoreClick},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.showMoreUsersButton.label",defaultMessage:"{numberOfHiddenUsers, plural, one {Show {numberOfHiddenUsers} more} other {Show {numberOfHiddenUsers} more}}",values:{numberOfHiddenUsers:p.length-zn.defaultLimit}}))),!i&&n.createElement(an.a,{popupType:Br.b.Popup,render:this.renderAddMemberMenu,buttonPopupStore:this.stores.addMemberButtonPopupStore,onClose:this.handleAddMemberButtonPopupClose,style:{width:400},renderOrigin:e=>n.createElement("div",null,n.createElement(dn.a,Object.assign({isGray:!0,icon:A.a.plus,style:{marginTop:4}},e),n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.groupList.addMemberButton.label",defaultMessage:"Add members"})))}))}}zn.dragHandleClass="drag_handle",zn.defaultLimit=10;var qn=Object(o.injectIntl)(zn),Hn=r("g8hj"),Gn=r("hmwC"),Kn=r("58VE");function Zn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Jn(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Qn extends b.a{constructor(){super(...arguments),this.handleUpgradeClick=e=>{const{from:t,for:r,onUpgradeClick:n}=this.props;Gn.a(this.environment,{from:t,for:r}),n&&n(e)},this.handleLearnMoreClick=()=>{const{from:e,learnMoreRoute:t}=this.props;Object(c.navigateToExternalURL)({environment:this.environment,url:Object(sr.a)(t)}),ue.D(this.environment,{from:e})}}renderComponent(){return n.createElement("section",{style:this.getWrapStyle()},this.renderIcon(),this.renderTitle(),this.renderCaption(),this.renderActions())}renderIcon(){const{icon:e}=this.props;return e(this.getIconStyle())}renderTitle(){const{title:e}=this.props;return n.createElement("header",{style:this.getTitleStyle()},e)}renderCaption(){const{caption:e}=this.props;return n.createElement("p",{style:this.getCaptionStyle()},e)}renderActions(){return n.createElement("footer",null,this.renderUpgradeButton(),this.renderLearnMoreButton())}renderUpgradeButton(){return n.createElement(vt.a,{onClick:this.handleUpgradeClick,isLarge:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Upgrade",id:"upsellCallout.upgradeButton.text"}))}renderLearnMoreButton(){return n.createElement(St.a,{onClick:this.handleLearnMoreClick,style:this.getLearnMoreButtonStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Learn more",id:"upsellCallout.learnMoreButton.text"}))}getWrapStyle(){const{device:e}=this.environment;return function(e){for(var t=1;t{const{store:t}=this.props,{spacePermissionsSettingsStore:r}=this.stores;return n.createElement(qn,{key:e.id,store:t,group:e,spacePermissionsSettingsStore:r,disabled:!this.canEditGroups()})},this.handleUpdateClick=()=>{const e=Object(o.defineMessages)({updatingPermissions:{id:"spacePermissionsSettings.updatePermissionsMessage",defaultMessage:"Updating…"}});Ne.b({message:e.updatingPermissions})},this.handleUpdateComplete=async()=>{Ne.a()},this.handleTabClick=e=>{this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{currentTab:e}))},this.handleCreateGroupClick=()=>{de.createAndCommit(this.environment,e=>{const t=ze.d({spaceStore:this.props.store,transaction:e});t&&this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{editingNameGroupId:t.id,groupNameInputValue:""}))}),ue.pd(this.environment)},this.handleGroupReorder=e=>{const t=this.props.store.getValue();if(t){const r=t.permission_groups||[],n=Fe.compact(e.map(e=>r.find(t=>t.id===e)));de.createAndCommit(this.environment,e=>{ze.w({spaceStore:this.props.store,groups:n,transaction:e})})}ue.td(this.environment)},this.handleUpgradeClick=()=>{Gn.a(this.environment,{from:"permission_groups",for:"team"})},this.handleFilterChange=e=>{this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{groupsFilter:e.target.value}))},this.handleMembersShowMoreClick=()=>{this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{limitMembers:!1}))},this.handleGuestsShowMoreClick=()=>{this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{limitGuests:!1}))},this.handleInviteLinkClick=async()=>{const{spacePermissionsSettingsStore:e}=this.stores,t=!e.state.inviteLinkEnabled;de.createAndCommit(this.environment,r=>{ze.t({transaction:r,spaceStore:this.props.store,inviteLinkEnabled:Boolean(t)}),e.setState(to({},e.state,{inviteLinkEnabled:t}))})}}async willMount(){this.updateStore()}async didUpdate(){this.updateStore()}renderComponent(){const{store:e,isMobile:t}=this.props;if(!yt.a.state.online)return this.renderOfflineMessage();const{data:r}=Rr.default.state;if(!r)return this.renderLoadingSpinner();const i=Gt.s(r);if(!Fe.every(i.map(t=>Yr.a.createChildStore(e,t.userId).isReady())))return this.renderLoadingSpinner();const a=i.filter(e=>Object(On.d)(e.role)),s=i.filter(e=>!Object(On.d)(e.role)),{currentTab:l}=this.stores.spacePermissionsSettingsStore.state;if(t)return n.createElement(n.Fragment,null,this.canAdmin()&&n.createElement(Fr.a,{shouldShowBottomDivider:!0},this.renderMobileInviteButton(),n.createElement("div",{style:this.mobileMenuItemStyle()},this.renderInviteLink())),n.createElement(Fr.a,null,this.renderSpaceMembers(a)));const c=[n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.membersTab.title",defaultMessage:"Members ({numberOfMembers})",values:{numberOfMembers:a.length}}),n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.groupsTab.title",defaultMessage:"Groups"})];return s.length>0&&c.push(n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.guestsTab.title",defaultMessage:"Guests ({numberOfGuests})",values:{numberOfGuests:s.length}})),n.createElement(pt,null,n.createElement(En.a,{tabs:c,selectedIndex:l,onChange:this.handleTabClick,style:{paddingLeft:0,paddingRight:0,marginTop:-6,marginBottom:14},tabStyle:{fontSize:16}}),this.renderTab(l,a,s))}renderLoadingSpinner(){return n.createElement(pe.a,{style:{margin:"calc(50% - 1em) auto"}})}renderOfflineMessage(){return n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.offlineMessage",defaultMessage:"Please go online to manage members."}))}renderHelp(){return n.createElement("div",{style:{marginTop:24,marginBottom:24}},n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.helpButton.caption",defaultMessage:"Learn about adding members to your workspace"}),href:Object(sr.a)("guides.members"),analyticsFrom:"members_settings"}))}renderTab(e,t,r){return e===Zr.Members?n.createElement(n.Fragment,null,this.renderSpaceMembers(t)):e===Zr.Guests?n.createElement(n.Fragment,null,this.renderSpaceGuests(r)):this.renderGroupsTab()}renderGroupsTab(){var e=this;const{store:t}=this.props,{groupsFilter:r}=this.stores.spacePermissionsSettingsStore.state,i=t.getValue(),a=this.canUseGroups(),s=this.canEditGroups();if(i){const t=i.permission_groups||[];return n.createElement("div",null,a||"on"!==ar.default.getGroup(this.environment,"better-upsells")?n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%"}},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.caption",defaultMessage:"Set up groups to conveniently control page permissions from the share menu."}),!a&&n.createElement(n.Fragment,null," ",n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.upgradeMessageWithLink",defaultMessage:"Upgrade to Team or Enterprise to use permission groups.",values:{upgradelink:function(){for(var t=arguments.length,r=new Array(t),o=0;othis.canAdmin()?n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.upgradeMessage",defaultMessage:"Upgrade to Team or Enterprise to use permission groups."}):n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.adminsOnly",defaultMessage:"Only admins can add a permission group."}),render:e=>n.createElement(vt.a,Object.assign({isLarge:!0,onClick:this.handleCreateGroupClick,disabled:!s},s?void 0:e),n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.groupsTab.createGroupButton.label",defaultMessage:"Create a group"}))}),t.length>0&&n.createElement(dt.b,{placeholder:this.props.intl.formatMessage({id:"spacePermissionsSettings.groupsTab.filterGroupsInput.placeholder",defaultMessage:"Filter by email or name…"}),left:A.a.searchThick(this.getSearchIconStyle()),showClearButton:!0,format:dt.b.Format.Small,value:r,style:to({},no.filterStyle,{marginRight:0}),onChange:this.handleFilterChange})),t.length>0&&n.createElement(it.a,{size:24,style:{marginBottom:24}}),s?n.createElement(Hn.b,{direction:Hn.a.Vertical,keys:t.map(e=>e.id),renderKey:(e,r)=>this.renderSpaceGroup(t[r]),isFullWidth:!0,onDrop:this.handleGroupReorder}):n.createElement("div",null,t.map(this.renderSpaceGroup)))}}renderSpaceMembers(e){return this.props.isMobile?this.renderMobileMemberList(e):n.createElement("div",null,this.renderHelp(),this.renderInviteLink(),this.renderDesktopMemberList(e))}renderInviteLink(){if(!this.canUseInviteLink())return;if(!this.stores.spacePermissionsSettingsStore.state.inviteCodeUrl)return;const{spacePermissionsSettingsStore:e}=this.stores,{inviteCodeUrl:t}=e.state;return n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"flex-start",cursor:"pointer"}},n.createElement("div",{style:{marginRight:8,flexGrow:1}},n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.spaceMembers.inviteLink.title",defaultMessage:"Invite link"})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"85%"}},n.createElement(o.FormattedMessage,{id:"spacePermissionSettings.spaceMembers.inviteLink.caption",defaultMessage:"Share this secret link to invite people to this workspace. Only admins can see this."})," ",!this.props.isMobile&&this.renderInviteLinkReset())),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:Boolean(this.stores.spacePermissionsSettingsStore.state.inviteLinkEnabled),onClick:this.handleInviteLinkClick}))),e&&e.state.inviteLinkEnabled&&t&&this.renderInviteCodeUrl(t),n.createElement(it.a,{size:40}))}renderInviteLinkReset(){var e=this;return n.createElement(o.FormattedMessage,{id:"spacePermissionSettings.spaceMembers.inviteLink.resetLink",defaultMessage:"You can reset the link to generate a new invite link.",values:{resetlink:function(){const{store:t}=e.props,r=t.getValue();if(r){for(var i=arguments.length,a=new Array(i),s=0;s{Ve.showDialog({message:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.inviteLinkRefreshModal.description",defaultMessage:"Are you sure you want to reset your invite link? Your old one will no longer be able to be used."}),showCancel:!0,keepFocus:!1,handleCancel:Ve.dismissDialog,items:[{label:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.inviteLinkRefreshModal.accept",defaultMessage:"Reset"}),color:"red",onAccept:async()=>{await Re.refreshInviteLink(e.environment,{spaceId:r.id})}}]})}},a)}}}})}renderInviteCodeUrl(e){const{reactNative:t}=this.environment,r=n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.spaceMembers.inviteLink.copyButton",defaultMessage:"Copy link"}),i=()=>{Dr.c({environment:this.environment,stringValue:e})},a=()=>{t&&t.share(e)};return this.props.isMobile?n.createElement("div",null,n.createElement(dt.b,{type:"text",format:dt.a.Default,value:e,disabled:!0}),t?n.createElement(St.a,{onClick:a,style:{marginTop:10,width:"100%"}},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.spaceMembers.inviteLink.shareButton",defaultMessage:"Share link"})):n.createElement(St.a,{onClick:i,style:{marginTop:10,width:"100%"}},r)):n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"flex-start",marginTop:12}},n.createElement(dt.b,{type:"text",format:dt.a.Default,value:e,disabled:!0,style:{borderTopRightRadius:0,borderBottomRightRadius:0,width:"calc(100% - 90px)",height:32}}),n.createElement(vt.a,{onClick:i,style:{borderTopLeftRadius:0,borderBottomLeftRadius:0,width:90},isLarge:!0},r)))}renderMobileMemberList(e){const{store:t}=this.props;return n.createElement(n.Fragment,null,e.map(e=>{const r=Yr.a.createChildStore(t,e.userId).getValue();return n.createElement("div",{style:{display:"flex",alignItems:"center",padding:10,borderBottom:"1px solid ".concat(this.theme.lightDividerColor),background:this.theme.contentBackground}},this.renderMember(r),n.createElement("div",{style:{textAlign:"center",marginLeft:"auto"}},this.renderMemberPermission(e)))}))}renderDesktopMemberList(e){const{spacePermissionsSettingsStore:t}=this.stores,{membersFilter:r,limitMembers:i}=t.state,a=this.getFilteredMembers(e,r),s=i?a.slice(0,no.defaultLimit):a;return n.createElement(n.Fragment,null,n.createElement("div",{style:{marginRight:8,flexGrow:1}},n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.spaceMembers.members.title",defaultMessage:"Members"}))),this.renderInviteViaDomainCaption(),n.createElement(it.a,{size:16,isHidden:!0}),n.createElement("div",null,n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:16}},this.renderInviteButton(),n.createElement(dt.b,{placeholder:this.props.intl.formatMessage({id:"spacePermissionsSettings.membersTab.filterMembersInput.placeholder",defaultMessage:"Filter by email or name…"}),left:A.a.searchThick(this.getSearchIconStyle()),showClearButton:!0,format:dt.b.Format.Small,value:r,style:no.filterStyle,onChange:e=>{t.setState(to({},t.state,{membersFilter:e.target.value,limitMembers:!0}))}})),this.renderUserTable(s),a.length>no.defaultLimit&&i&&n.createElement(_t.a,{style:no.showMoreButtonStyle,onClick:this.handleMembersShowMoreClick},n.createElement(o.FormattedMessage,{defaultMessage:"Show {moreMembersCount} more",id:"spacePermissionsSettings.membersTab.showMore.message",values:{moreMembersCount:a.length-no.defaultLimit}}))))}renderSpaceGuests(e){const{spacePermissionsSettingsStore:t}=this.stores,{guestsFilter:r,limitGuests:i}=t.state,a=this.getFilteredMembers(e,r),s=i?a.slice(0,no.defaultLimit):a;return n.createElement("div",null,n.createElement("div",null,n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:16}},n.createElement(dt.b,{placeholder:this.props.intl.formatMessage({id:"spacePermissionsSettings.membersTab.filterGuestsInput.placeholder",defaultMessage:"Filter by email or name…"}),left:A.a.searchThick(this.getSearchIconStyle()),showClearButton:!0,format:dt.b.Format.Small,value:r,style:no.filterStyle,onChange:e=>{t.setState(to({},t.state,{guestsFilter:e.target.value,limitGuests:!0}))}})),this.renderUserTable(s),a.length>no.defaultLimit&&i&&n.createElement(_t.a,{style:no.showMoreButtonStyle,onClick:this.handleGuestsShowMoreClick},n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.membersTab.showMoreGuestsButton.label",defaultMessage:"{numberOfHiddenGuests, plural, one {Show {numberOfHiddenGuests} more} other {Show {numberOfHiddenGuests} more}}",values:{numberOfHiddenGuests:a.length-no.defaultLimit}}))))}renderMobileInviteButton(){return n.createElement(n.Fragment,null,n.createElement("div",{style:this.mobileMenuItemStyle()},this.renderInviteButton({flex:1})),n.createElement("div",{style:{borderBottom:"1px solid ".concat(this.theme.regularDividerColor)}}))}renderInviteButton(e){const{store:t}=this.props;return n.createElement(yn.a,{disabled:!this.canAdmin(),store:t,onInviteClick:this.handleUpdateClick,onInviteComplete:this.handleUpdateComplete,isSpace:!0,isSubscribed:this.isSubscribed(),membersOnly:!1,upgradeButtonName:"space_permission_settings",shouldGrow:!1,buttonStyle:e})}renderInviteViaDomainCaption(){const{store:e}=this.props;return ze.j(e)?n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%"}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.membersTab.manageMembersWithLinkCaption",defaultMessage:"Manage members here."})):n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%"}},n.createElement(o.FormattedMessage,{id:"spaceBasicSettings.membersTab.manageMembersWithoutLinkCaption",defaultMessage:"Manage members here, or set up a domain, so everyone with allowed email domains can join the workspace automatically.",values:{setupdomainlink:function(){for(var e=arguments.length,t=new Array(e),r=0;r{ot.a.setState(to({},ot.a.state,{currentTab:"settings"}))}},t)}}}))}getFilteredMembers(e,t){const{store:r}=this.props;return t&&t.length>0?Object(Wr.b)(t,e,e=>{const t=Yr.a.createChildStore(r,e.userId).getValue();return t?Object(Qr.e)(t):""}):e}renderUserTable(e){const{store:t}=this.props;return n.createElement(Mn,{columns:[{key:"user",header:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.userTable.userColumn.header",defaultMessage:"User"}),style:{width:"75%"}},{key:"access_level",header:n.createElement(o.FormattedMessage,{id:"spacePermissionsSettings.userTable.accessLevelColumn.header",defaultMessage:"Access level"}),style:{width:"25%",textAlign:"center"}}],rows:e.map(e=>{const r=Yr.a.createChildStore(t,e.userId).getValue();return{key:e.userId,columns:[this.renderMember(r),n.createElement("div",{style:{textAlign:"center"}},this.renderMemberPermission(e))]}})})}renderMember(e){if(e)return n.createElement("div",{style:{display:"flex",alignItems:"center",maxWidth:300}},n.createElement(Kn.a,{userValue:e,size:28}),n.createElement("div",{style:{minWidth:0,marginLeft:6,marginRight:6}},n.createElement(xt.a,{className:"notranslate"},Object(Qr.d)(e)),n.createElement(xt.a,{isSmall:!0},e.email)))}renderMemberPermission(e){return"none"===e.role?n.createElement(fn,{store:this.props.store,member:e,isSubscribed:this.isSubscribed()}):this.renderMemberRoleSelect(e)}renderMemberRoleSelect(e){const{store:t}=this.props,r=this.environment.currentUser.id,{currentUserSettingsStore:o}=$.default.state;if(o)return n.createElement(bn.a,{role:e.role,disabled:!this.canAdmin(),isSpace:!0,isUserPermission:e.userId===r,isSubscribed:this.isSubscribed(),isUser:!0,upgradeButtonName:"space_permission_item",onChange:async r=>{const n=this.environment.currentUser.id;if(e.userId===n&&"none"===r){await ze.l({environment:this.environment,spaceId:t.id,userSettingsStore:o})&&ot.a.setState(to({},ot.a.state,{open:!1}))}else this.handleUpdateClick(),de.createAndCommit(this.environment,n=>{$r.c({environment:this.environment,store:t,permissionItems:[{type:"user_permission",role:r,user_id:e.userId}],transaction:n}).then(this.handleUpdateComplete)})}})}isSubscribed(){const{data:e}=Rr.default.state;return Boolean(e&&Gt.w(e))}canAdmin(){return this.props.store.canAdmin()}canUseGroups(){return Gt.F(this.environment)&&this.isSubscribed()}canEditGroups(){return this.canUseGroups()&&this.canAdmin()}canUseInviteLink(){return this.canAdmin()&&Gt.F(this.environment)}async updateStore(){const e=await this.stores.spacePermissionsSettingsStore.getValueForSpace(this.environment,this.props.store);this.stores.spacePermissionsSettingsStore.setState(to({},this.stores.spacePermissionsSettingsStore.state,{},e))}getSearchIconStyle(){return{width:14,height:14,marginRight:6,flexGrow:0,flexShrink:0,fill:this.theme.mediumIconColor}}mobileMenuItemStyle(){const{WindowSizeStore:e}=this.environment;return{display:"flex",paddingTop:14,paddingBottom:14,paddingLeft:14,paddingRight:e.getSafePaddingRightCSS(14),background:this.theme.contentBackground}}}no.defaultLimit=50,no.filterStyle={width:180,borderRadius:30},no.showMoreButtonStyle={marginTop:8};var oo=Object(o.injectIntl)(no);class io extends b.a{renderComponent(){const{device:e}=this.environment,{intl:t}=this.props;return n.createElement("div",null,this.renderNotificationHeader(),n.createElement("div",{style:this.getSettingsOptionStyle(),className:"notifications-settings"},this.renderSettingsOption(t.formatMessage({id:"notificationSettings.mobilePushNotificationSettings.title",defaultMessage:"Mobile push notifications"}),t.formatMessage({id:"notificationSettings.mobilePushNotificationSettings.description",defaultMessage:"Receive push notifications on mentions and comments via your mobile app."}),"notify_mobile"),e.isElectron&&n.createElement(n.Fragment,null,n.createElement(it.a,{size:24}),this.renderSettingsOption(t.formatMessage({id:"notificationSettings.desktopNotificationSettings.title",defaultMessage:"Desktop push notifications"}),t.formatMessage({id:"notificationSettings.desktopNotificationSettings.description",defaultMessage:"Receive push notifications on mentions and comments immediately via your desktop app."}),"notify_desktop")),n.createElement(it.a,{size:24}),this.renderSettingsOption(t.formatMessage({id:"notificationSettings.emailNotificationSettings.title",defaultMessage:"Email notifications"}),t.formatMessage({id:"notificationSettings.emailNotificationSettings.description",defaultMessage:"Receive email updates on mentions, comments, and edit digests for all the pages you have followed."}),"notify_email"),this.getSwitchValue("notify_email")&&n.createElement(n.Fragment,null,n.createElement(it.a,{size:24}),this.renderSettingsOption(t.formatMessage({id:"notificationSettings.emailAlwaysNotificationSettings.title",defaultMessage:"Always send email notifications"}),t.formatMessage({id:"notificationSettings.emailAlwaysNotificationSettings.description",defaultMessage:"Receive updates by email, even when you’re active on the app."}),"notify_email_always")),n.createElement(it.a,{size:24}),n.createElement("div",{style:{marginTop:4}},n.createElement(Tt.a,{title:t.formatMessage({id:"notificationSettings.helpButton.caption",defaultMessage:"Learn about mobile and desktop notifications"}),href:Object(sr.a)("guides.notificationSettings"),analyticsFrom:"notifications_settings"}))))}renderNotificationHeader(){const{device:e}=this.environment;return n.createElement(ht.a,{large:!e.isMobile||void 0,divider:"full"},n.createElement(o.FormattedMessage,{id:"notificationSettings.notificationSection.title",defaultMessage:"Notifications"}))}renderSettingsOption(e,t,r){const{device:o}=this.environment,i=this.getSwitchValue(r);return n.createElement("div",{onClick:()=>{this.handleToggle(r),"notify_mobile"===r?ue.Wd(this.environment,{is_on:!i}):"notify_desktop"===r?ue.Ud(this.environment,{is_on:!i}):"notify_email"===r?ue.Vd(this.environment,{is_on:!i}):"notify_email_always"===r&&ue.Vd(this.environment,{is_on:!i})},style:{display:"flex",width:"100%",alignItems:"center",cursor:"pointer"}},n.createElement("div",{style:{flex:1}},n.createElement("div",{style:{fontSize:14}},e),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%",marginTop:4}},t)),n.createElement(zt.a,{on:Boolean(i),disabled:void 0===i,isAndroid:o.isAndroid}))}getSwitchValue(e){const{currentSpaceViewStore:t}=$.default.state;if(t){const r=t.getValue();if(r)return r[e]}}handleToggle(e){const{currentSpaceViewStore:t}=$.default.state;if(t){const r=t.getValue();if(r){const n=r[e];de.createAndCommit(this.environment,r=>{ce.d({store:t,data:{[e]:!n},transaction:r})})}}}getSettingsOptionStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",height:"auto",paddingLeft:e.isMobile?t.state.paddingLeftCSS:0,paddingRight:e.isMobile?t.state.paddingRightCSS:0}}}var ao=Object(o.injectIntl)(io),so=r("2HDO"),lo=r("nWgh");class co extends W.a{getInitialState(){return{churnSurveyModalOpen:!1}}}var uo=co,po=r("mKX5"),ho=r("7eQs"),mo=r("6BTz"),go=r("6mBF"),fo=r("VhAz");const bo=["not_using_enough","too_difficult","trial_over","too_expensive","security_compliance_requirements","company_shutting_down","upgraded_by_mistake","using_alternative","missing_features","other"],yo=["google_drive_docs","asana","trello","microsoft_office","atlassian_confluence","atlassian_jira","airtable","coda","dropbox_paper","quip","evernote","other"];class vo extends W.a{getInitialState(){return{reasons:[],reasonMissingFeatures:"",reasonOther:"",alternatives:[],alternativeOther:"",otherFeedback:""}}}var So=vo,wo=r("3DNc"),ko=r("5Nka");function Mo(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Oo(e){for(var t=1;t{Object(ue.w)(this.environment,this.stores.store.state),this.props.onAccept()}}renderComponent(){var e=this;const{churnType:t,onClose:r,periodEnd:i}=this.props,{store:a}=this.stores,{reasons:s,reasonMissingFeatures:l,reasonOther:c,alternatives:d,alternativeOther:u,otherFeedback:p}=a.state,h=Object(po.a)(i).format("LL");return n.createElement("div",{style:{fontSize:14}},n.createElement("div",{style:{display:"flex",fontSize:14,padding:24,paddingBottom:20,borderBottom:"1px solid ".concat(this.theme.lightDividerColor)}},n.createElement("div",null,n.createElement("h3",{style:Po.headerStyle},"personal"===t?n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.header.personal.title",defaultMessage:"Downgrade to Personal"}):n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.header.team.title",defaultMessage:"Downgrade to Team Trial"})),n.createElement("p",{style:{lineHeight:1.4,margin:"8px 0 12px"}},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.header.description",defaultMessage:"Notion is constantly improving. Before you downgrade, we’d love your input to help us make Notion better for everyone. Thank you for your feedback."})),n.createElement(St.a,{onClick:r},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.goBackButton.title",defaultMessage:"Back to Plans"}))),n.createElement("div",{style:{alignSelf:"center",padding:"0px 8px"}},n.createElement("img",{src:ko.a.images.downgradeFeedbackPng,style:{filter:this.theme.illustrationFilter},width:160}))),n.createElement("div",{style:{padding:"8px 12px",margin:"20px 24px 12px 24px",background:this.theme.sidebarBackground,borderRadius:3}},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.header.covidMessage",defaultMessage:"💛 If you are impacted by COVID-19, contact us for assistance.",values:{contactuslink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{Object(Jt.a)({environment:e.environment,from:"churn_survey"})}},r)}}})),n.createElement("div",{style:Po.surveySectionStyle},n.createElement("h4",{style:Po.subheaderStyle},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.reasons.title",defaultMessage:"1. What are your reasons for downgrading?"})),n.createElement("div",{style:this.getDescriptionStyle()},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.reasons.description",defaultMessage:"Please select one or more"})),this.shuffledReasons.map(e=>{const t=s.includes(e);return n.createElement(n.Fragment,null,n.createElement("div",{key:e,style:Po.optionRowStyle,onClick:()=>{a.setState(Oo({},a.state,{reasons:t?Fe.without(s,e):[...s,e]}))}},n.createElement(wo.a,{checked:t,size:14}),n.createElement("span",{style:{marginLeft:4}},this.renderMessageForReason(e))),"missing_features"===e&&t&&n.createElement(dt.b,{style:Po.inlineInputStyle,autoFocus:!0,value:l,placeholder:Ye.default.formatMessage(Co.missingFeaturesPlaceholder),onChange:e=>{a.setState(Oo({},a.state,{reasonMissingFeatures:e.target.value}))}}),"other"===e&&t&&n.createElement(dt.b,{style:Po.inlineInputStyle,autoFocus:!0,value:c,placeholder:Ye.default.formatMessage(Co.reasonOtherPlaceholder),onChange:e=>{a.setState(Oo({},a.state,{reasonOther:e.target.value}))}}))})),n.createElement("div",{style:Po.surveySectionStyle},n.createElement("h4",{style:Po.subheaderStyle},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.alternatives.title",defaultMessage:"2. What tools are you using instead?"})),n.createElement("div",{style:this.getDescriptionStyle()},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.alternatives.description",defaultMessage:"Please select one or more"})),this.shuffledAlternatives.map(e=>{const t=d.includes(e);return n.createElement(n.Fragment,null,n.createElement("div",{key:e,style:Po.optionRowStyle,onClick:()=>{a.setState(Oo({},a.state,{alternatives:t?Fe.without(d,e):[...d,e]}))}},n.createElement(wo.a,{checked:t,size:14}),n.createElement("span",{style:{marginLeft:4}},this.renderMessageForAlternative(e))),"other"===e&&t&&n.createElement(dt.b,{style:Po.inlineInputStyle,autoFocus:!0,value:u,placeholder:Ye.default.formatMessage(Co.alternativeOtherPlaceholder),onChange:e=>{a.setState(Oo({},a.state,{alternativeOther:e.target.value}))}}))})),n.createElement("div",{style:Po.surveySectionStyle},n.createElement("h4",{style:Po.subheaderStyle},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.otherFeedback.title",defaultMessage:"3. Any other feedback for us?"})),n.createElement(dt.b,{textarea:!0,style:{marginTop:4},value:p,placeholder:Ye.default.formatMessage(Co.otherFeedbackPlaceholder),onChange:e=>{a.setState(Oo({},a.state,{otherFeedback:e.target.value}))}})),n.createElement("div",{style:{padding:"20px 24px",marginTop:20,borderTop:"1px solid ".concat(this.theme.lightDividerColor)}},n.createElement("h4",{style:Po.subheaderStyle},n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.continueDowngrade.title",defaultMessage:"Continue downgrade?"})),n.createElement("p",{style:{margin:"4px 0 20px",lineHeight:1.4}},"personal"===t?n.createElement(o.FormattedMessage,{id:"churnSurveyMenu.continueDowngrade.downgradeMessage.personal",defaultMessage:"Your current plan will expire on {periodEnd}. All features of your paid plan will be available until then. You can resubscribe or switch to another paid plan anytime.{br}After that, this workspace will be downgraded to the free Personal plan, with these restrictions: Single-person useGuest limit of 5 per workspaceUpload files up to 5 MBNo version historyNo member shared workspace",values:{periodEnd:n.createElement("span",{style:{fontWeight:600}},h),br:n.createElement("div",{style:{height:8}}),li:function(){for(var e=arguments.length,t=new Array(e),r=0;r1,000 block limitUpload files up to 5 MBNo version historyNo bulk exportsNo advanced permissionsNo permission groups",values:{periodEnd:n.createElement("span",{style:{fontWeight:600}},h),br:n.createElement("div",{style:{height:8}}),li:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const e=this.stores.store.state,{data:t}=this.props,r=Gt.f(this.environment);if(e.churnSurveyModalOpen&&r&&"subscribed_admin"===t.type)return n.createElement(To,{churnType:e.churnType,periodEnd:t.periodEnd,onAccept:this.handleChurnSurveyModalAccept,onClose:this.handleChurnSurveyModalClose})},this.handleFreeClick=async()=>{const{data:e}=this.props;if(e&&"subscribed_admin"===e.type){const t=Gt.l(e);let r="";if("prorate"===t)r=n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freePersonalCancellation.prorateRefundMessage",defaultMessage:"Your workspace will be immediately downgraded to the free Personal Plan. You will receive a prorated refund of your subscription in 10 business days. You can resubscribe or switch to another plan anytime."});else if("full"===t)r=n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freePersonalCancellation.fullRefundMessage",defaultMessage:"Your workspace will be immediately downgraded to the free Personal Plan. You will receive a full refund of your subscription in 10 business days. You can resubscribe or switch to another plan anytime."});else{const t=Object(po.a)(e.periodEnd).format("LL");r=n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freePersonal.cancelMessage",defaultMessage:"Your current plan will expire on {periodEnd}. After that, your workspace will be downgraded to the free Personal Plan. You can resubscribe or switch to another plan anytime.",values:{periodEnd:t}})}const i=await new Promise(e=>{const{store:t}=this.stores;t.setState({churnType:"personal",churnSurveyModalOpen:!0,onAccept:()=>e(!0),onClose:()=>e(!1)})});if(!i)return;i&&await me.a({environment:this.environment,spaceStore:this.props.spaceStore,planType:"personal",refundType:t})}else if(e&&("unsubscribed_admin"===e.type||"unsubscribed_member"===e.type)){await new Promise((e,t)=>{Ve.showDialog({showCancel:!0,keepFocus:!1,message:n.createElement("div",null,n.createElement("h4",{style:{margin:"8px 0 0"}},n.createElement(o.FormattedMessage,{id:"subscriptSettings.freePersonal.downgradeTitle",defaultMessage:"Downgrade to the Personal Plan?"})),n.createElement("p",{style:{margin:"8px 0"}},n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freePersonal.downgradeMessage",defaultMessage:"The Personal Plan is free for 1-person use. You'll lose the ability to add members, and guests will be limited to 5 per workspace."}))),items:[{label:n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freePersonal.downgradeConfirmationButton",defaultMessage:"Downgrade to Personal Plan"}),color:"red",onAccept:()=>{e(!0)}}],handleCancel:()=>{e(!1)}})})&&await me.a({environment:this.environment,spaceStore:this.props.spaceStore,planType:"personal"})}},this.handlePersonalClick=async()=>{const{spaceStore:e,data:t}=this.props;if("subscribed_admin"===t.type&&Gt.D(t)){const r=lo.d.personal[t.interval];await me.h({environment:this.environment,spaceStore:e,plan:r,billing:t.billing})}else me.d(this.environment,{subscriptionTier:"personal"})},this.handleEducationPlanClick=async()=>{const{spaceStore:e}=this.props;me.i({environment:this.environment,spaceStore:e})},this.handleTeamClick=async()=>{const{spaceStore:e,data:t}=this.props;let r;if("subscribed_admin"===t.type&&void 0===t.canceledAt&&Gt.i(t)!==g.default.pricing.enterprise.productId&&(r=this.props.intl.formatMessage({id:"spaceSubscriptionPlans.teamPlan.confirmMessage",defaultMessage:"You will be charged a prorated amount based on your current billing interval and account balance."})),r){const e="unsubscribed_admin"===t.type||"unsubscribed_member"===t.type||"subscribed_admin"===t.type&&t.canceledAt||Gt.i(t)!==g.default.pricing.enterprise.productId;if(!(await Ve.confirmUserAction({message:r,acceptLabel:this.props.intl.formatMessage({id:"spaceSubscriptionPlans.teamPlan.confirmButtonLabel",defaultMessage:"{upgrading, select, true {Upgrade to Team Plan} other {Downgrade to Team Plan}}"},{upgrading:e})})))return}if("subscribed_admin"===t.type&&Gt.D(t)){const r=lo.d.team[t.interval];await me.h({environment:this.environment,spaceStore:e,plan:r,billing:t.billing})}else me.d(this.environment,{subscriptionTier:"team"})},this.handleTeamFreeClick=async()=>{const{data:e}=this.props;if(e&&"subscribed_admin"===e.type){const e=await new Promise(e=>{const{store:t}=this.stores;t.setState({churnType:"team",churnSurveyModalOpen:!0,onAccept:()=>e(!0),onClose:()=>e(!1)})});if(!e)return;e&&await me.a({environment:this.environment,spaceStore:this.props.spaceStore,planType:"team"})}else if(e&&("unsubscribed_admin"===e.type||"unsubscribed_member"===e.type)){const e=await new Promise((e,t)=>{Ve.showDialog({showCancel:!0,keepFocus:!1,message:n.createElement("div",null,n.createElement("h4",{style:{margin:"8px 0 0"}},n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freeTeam.upgradeTitle",defaultMessage:"Try the Team Plan for free"})),n.createElement("p",{style:{margin:"8px 0"}},n.createElement(o.FormattedMessage,{id:"subscriptionSettings.freeTeam.upgradeMessage",defaultMessage:"You'll get access to most features of a paid Team Plan, with a 1,000 block storage limit. Upgrade to go unlimited anytime."}))),items:[{label:n.createElement(o.FormattedMessage,{id:"subscriptionSettings.startTeamTrialDialog.confirmationbutton",defaultMessage:"Start Team trial"}),color:"blue",onAccept:()=>{e(!0)}}],handleCancel:()=>{e(!1)}})});if(!e)return;e&&await me.a({environment:this.environment,spaceStore:this.props.spaceStore,planType:"team"})}},this.handleEnterpriseClick=async()=>{const{spaceStore:e,data:t}=this.props;if("subscribed_admin"===t.type&&void 0===t.canceledAt){let e=n.createElement(o.FormattedMessage,{id:"subscriptionSettings.upgradeToEnterpriseDialog.message",defaultMessage:"You will be charged a prorated amount based on your current billing interval and account balance."});if("treatment"===ar.default.getGroup(this.environment,"disable-enterprise-monthly-billing")){const r="year"!==t.interval;e=n.createElement(o.FormattedMessage,{id:"subscriptionSettings.upgradeToEnterpriseDialog.withPossibleIntervalChange.message",defaultMessage:"You will be charged a prorated amount based on your current billing interval and account balance.{notYearly, select, true { Going forward, you will be billed annually.} false {}}",values:{notYearly:r}})}if(!(await Ve.confirmUserAction({message:e,acceptLabel:n.createElement(o.FormattedMessage,{id:"subscriptionSettings.upgradeToEnterpriseDialog.confirmationbutton",defaultMessage:"Upgrade to Enterprise Plan"})})))return}if("subscribed_admin"===t.type&&Gt.D(t)){const r="treatment"===ar.default.getGroup(this.environment,"disable-enterprise-monthly-billing")?"year":t.interval,n=lo.d.enterprise[r];await me.h({environment:this.environment,spaceStore:e,plan:n,billing:t.billing})}else me.d(this.environment,{subscriptionTier:"enterprise"})},this.handleChurnSurveyModalAccept=()=>{const{store:e}=this.stores;e.state.churnSurveyModalOpen&&e.state.onAccept(),e.reset()},this.handleChurnSurveyModalClose=()=>{const{store:e}=this.stores;e.state.churnSurveyModalOpen&&e.state.onClose(),e.reset()}}willMount(){me.e(this.environment)}renderComponent(){return yt.a.state.online?this.renderPlans():n.createElement(xo,null)}renderPlans(){const{churnSurveyModalOpen:e}=this.stores.store.state;return n.createElement("div",{style:_o.wrapStyle},n.createElement(Ae.b,{style:_o.scrollerStyle,type:Ae.a.Y},this.renderSubscriptionInfo(),this.renderPricingGrid(),this.renderPriceDisclaimer(),this.allowEducationUpgrade()&&this.renderStudentUpgrade(),this.renderFAQ(),n.createElement(at.a,{innerStyle:{width:600,height:"80vh",overflow:"scroll"},open:e,render:this.renderChurnSurveyModal,onDismiss:this.handleChurnSurveyModalClose})))}renderPriceDisclaimer(){const{intl:e}=this.props;return n.createElement("div",{style:_o.priceDisclaimerStyle},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionPlans.priceDisclaimer",defaultMessage:"Prices shown are for annual billing. When billed month-to-month, the Personal Pro Plan is {personalMonthlyPrice} per month, the Team Plan is {teamMonthlyPrice} per member per month, and the Enterprise Plan is {enterpriseMonthlyPrice} per member per month.",values:{b:function(){for(var e=arguments.length,t=new Array(e),r=0;rPersonal Pro Plans are free for students and educators! Simply sign up with your school email address and you'll immediately gain access to those features.
If you're already on a Personal Pro Plan, change the email associated with your account to your school email address to get it for free.
",values:{p:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const{store:t}=this.stores,r=e.target.value,n=this.inputValueToCents(r);let o;o=r?void 0!==n?r:this.getCurrentInputValue():"",t.setState({inputValue:o}),this.forceUpdate(),this.props.onChange(this.inputValueToCents(o)||0)}}renderComponent(){const{focus:e,selectAll:t,availableCredit:r}=this.props,o=this.getCurrentInputValue();return n.createElement(dt.b,{value:o,onChange:this.handleInputChange,focus:e,selectAll:t,disabled:r<=0,style:{maxWidth:120},inputStyle:{textAlign:"right"}})}getCurrentInputValue(){const{availableCredit:e}=this.props,{inputValue:t}=this.stores.store.state;return void 0===t?"".concat(Math.floor(e/100)):t}inputValueToCents(e){const{availableCredit:t}=this.props,r=Math.floor(100*parseFloat(e));if(!isNaN(r)&&r<=t&&r>=0)return r}}var Yo=Uo;const Wo={workspaceBalance:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.workspaceSubscriptionBalance.title",defaultMessage:"Workspace balance"})};function Xo(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function zo(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class qo extends b.a{constructor(){super(...arguments),this.storeTypes={store:Ro,billingHistoryRequestStore:Xt.a},this.performGetBillingHistoryRequest=async e=>{const{spaceStore:t}=this.props,r=await Re.getBillingHistory(this.environment,{spaceId:t.id,limit:e});if("failed"===r.type)throw r.error;return r.data},this.renderBillingHistoryResults=(e,t)=>{this.props.mockBillingHistoryResult&&(t=this.props.mockBillingHistoryResult);const{billingHistoryRequestStore:r}=this.stores;return n.createElement("div",null,t&&0===t.events.length&&n.createElement("div",{style:{color:this.theme.mediumTextColor,fontSize:14}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.noInvoicesMessage",defaultMessage:"This workspace has no payments yet."})),t&&t.events.length>0&&n.createElement("table",null,n.createElement("tbody",null,t.events.map(this.renderBillingHistoryEvent))),t&&!t.reachedEndOfResults&&n.createElement(dn.a,{onClick:this.handleLoadMoreBillingEventsClick,style:{marginLeft:-4,width:"100%"}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.loadMoreInvoicesButton.label",defaultMessage:"Load more"})),r.state.loading&&n.createElement(pe.a,null))},this.renderBillingHistoryEvent=(e,t)=>{let r;const{intl:i}=this.props;return r="paid"===e.status?e.total<0?n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.invoiceStatus.credited",defaultMessage:"Credited"}):n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.invoiceStatus.paid",defaultMessage:"Paid"}):e.attempted?n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.invoiceStatus.failed",defaultMessage:"Failed"}):n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.invoiceStatus.due",defaultMessage:"Due",description:"Label for the amount that the user owes on a given invoice"}),n.createElement("tr",{style:{height:28,fontSize:14,whiteSpace:"nowrap"},key:t},n.createElement("td",{style:{width:"100%",paddingRight:18,color:this.theme.mediumTextColor}},Object(po.a)(e.timestamp).format("LL")),n.createElement("td",{style:{paddingRight:18}},r),n.createElement("td",{style:{paddingRight:18,textAlign:"right"}},Object(mo.b)({amount:e.total,currency:"dollar",intl:i})),n.createElement("td",null,n.createElement(H.a,{inline:!0,href:"/invoice/".concat(e.id),external:!0,innerStyle:this.getViewInvoiceButtonStyle()},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.invoicesSection.viewInvoiceButton",defaultMessage:"View invoice"}))))},this.handleLoadMoreBillingEventsClick=()=>{this.stores.store.setState(function(e){for(var t=1;t{const{temporaryBillingType:e}=this.stores.store.state,{data:t}=this.props,r=e||t.billing,i=Boolean(t.brand&&t.last4);return n.createElement(ri,{theme:this.theme,title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changePaymentMethod.title",defaultMessage:"Change payment method"}),acceptAction:"update",onAccept:this.handlePaymentMethodAccept,onClose:this.handleModalClose},n.createElement("div",{style:{marginTop:12,marginBottom:16}},i?Gt.B({currentBillingType:r,hasExistingCreditCard:i,handleUseCardClick:this.handleUseCardClick,handleCardUpdateClick:this.handleCardUpdateClick,handleSendInvoiceClick:this.handleSendInvoiceClick}):Gt.B({currentBillingType:r,hasExistingCreditCard:i,handleUseCardClick:this.handleUseCardClick,handleSendInvoiceClick:this.handleSendInvoiceClick})))},this.renderBillingIntervalModal=()=>{const{temporaryBillingInterval:e}=this.stores.store.state,{data:t}=this.props,r=e||t.interval,{monthlyPlanAmount:i,yearlyPlanAmount:a}=t,s=1-a/(12*i);return n.createElement(ri,{theme:this.theme,title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingInterval.title",defaultMessage:"Change billing interval"}),helpButton:n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingInterval.helpButton.label",defaultMessage:"Learn about how this change will impact what you pay."}),href:Object(sr.a)("guides.changeBillingInterval"),analyticsFrom:"billing_interval_settings"}),acceptAction:"update",onAccept:this.handleBillingIntervalAccept,onClose:this.handleModalClose},n.createElement("div",{style:{marginTop:12,marginBottom:16}},Gt.A({environment:this.environment,productId:t.productId,yearlyPlanAmount:a,monthlyPlanAmount:i,yearlySavingsPercent:s,currentBillingInterval:r,handleMonthlyBillingClick:this.handleMonthlyBillingClick,handleYearlyBillingClick:this.handleYearlyBillingClick})))},this.renderApplyCreditModal=()=>{const{data:e,intl:t}=this.props,{availableCredit:r}=e,i=this.getCurrentFormCreditAmount(),a=Math.max(0,(e.nextInvoiceAmount||0)-i);return n.createElement("div",{style:ti.getModalStyle(this.theme)},n.createElement("div",{style:ti.modalTitleStyle},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.useCreditModal.title",defaultMessage:"Use Notion credit - {creditInDollars} available",values:{creditInDollars:Object(mo.b)({amount:r,currency:"dollar",intl:t})}})),n.createElement("div",{style:{fontSize:14,display:"flex",alignItems:"center",marginBottom:16}},n.createElement("div",{style:{width:"100%",marginRight:20,color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.useCreditModal.amountOfCreditQuestion",defaultMessage:"How much credit would you like to apply to your next invoice?"})),n.createElement(Yo,{availableCredit:r,focus:!0,selectAll:!0,onChange:this.handleApplyCreditAmountInputChange}),n.createElement("div",{style:{whiteSpace:"nowrap",marginLeft:8}},"/"," ",Object(mo.b)({amount:r,currency:"dollar",intl:t}))),n.createElement("div",{style:{borderTop:"1px solid ".concat(this.theme.regularDividerColor),paddingTop:16}},n.createElement("div",{style:{paddingBottom:18,fontSize:12,color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.useCreditModal.warning",defaultMessage:"Applying credit to your account cannot be undone.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),r=0;rn.createElement(ri,{theme:this.theme,title:t,acceptAction:i,onAccept:o,onClose:this.handleModalClose},n.createElement(dt.b,{focus:!0,selectAll:!0,value:e,onChange:r,onSubmit:o,style:ti.modalInputStyle})),this.renderBillingEmailModal=()=>{const{data:e}=this.props,{temporaryBillingEmail:t}=this.stores.store.state,r=void 0!==t?t:e.billingEmail||"",i=e.billingEmail?"update":"add";return this.renderSingleTextFieldModal(r,n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingEmailModal.title",defaultMessage:"Change billing email"}),this.handleBillingEmailChange,this.handleBillingEmailAccept,i)},this.renderVatIdModal=()=>{const{data:e}=this.props,{temporaryVatId:t}=this.stores.store.state,r=void 0!==t?t:e.vatId||"",i=e.vatId?"update":"add";return this.renderSingleTextFieldModal(r,n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeVATIDModal.title",defaultMessage:"Change VAT ID"}),this.handleVatIdChange,this.handleVatIdAccept,i)},this.updateTemporaryAddress=e=>{const{temporaryAddress:t}=this.stores.store.state;this.stores.store.setState(Qo({},this.stores.store.state,{temporaryAddress:Qo({},this.props.data.address,{},t,{},e)}))},this.renderAddressModal=()=>{const{data:e}=this.props,{temporaryAddress:t}=this.stores.store.state,r=[{key:"name",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.nameInput.label",defaultMessage:"Name"})},{key:"businessName",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.businessNameInput.label",defaultMessage:"Business name"})},{key:"addressLine1",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.addressLine1Input.label",defaultMessage:"Address line 1"})},{key:"addressLine2",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.addressLine2Input.label",defaultMessage:"Address line 2"})},{key:"city",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.cityInput.label",defaultMessage:"City"})},{key:"state",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.stateInput.label",defaultMessage:"State / Province"})},{key:"country",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.countryInput.label",defaultMessage:"Country"})},{key:"zipCode",label:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.ZIPInput.label",defaultMessage:"ZIP / Postal code"})}].map(r=>n.createElement(n.Fragment,{key:r.key},n.createElement("div",{style:ti.addressModalTitleStyle},r.label),n.createElement(dt.b,{style:ti.modalInputStyle,value:t?t[r.key]:e.address[r.key]||"",onChange:e=>this.updateTemporaryAddress({[r.key]:e.target.value})})));return n.createElement("div",{style:{display:"flex",flexDirection:"column",maxHeight:"75vh"}},n.createElement(Ae.b,{style:ti.getModalStyle(this.theme),type:Ae.b.OverflowType.Y},n.createElement("div",{style:ti.modalTitleStyle},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.title",defaultMessage:"Change billing address"})),r),n.createElement("div",{style:{display:"flex",justifyContent:"flex-end",padding:"16px 24px",background:this.theme.contentBackground}},n.createElement(St.a,{isLarge:!0,onClick:this.handleModalClose},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.cancelButton.label",defaultMessage:"Cancel"})),n.createElement(vt.a,{style:{marginLeft:12},isLarge:!0,disabled:void 0===this.getUpdatedAddress(),onClick:this.handleAddressAccept},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.changeBillingAddressModal.updateButton.label",defaultMessage:"Update"}))))},this.handleChangePlanClick=()=>{ot.a.setState({open:!0,currentTab:"plans"})},this.handlePaymentMethodChangeClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{paymentMethodModalOpen:!0}))},this.handleBillingIntervalChangeClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{billingIntervalModalOpen:!0}))},this.handleBillingEmailChangeClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{billingEmailModalOpen:!0}))},this.handleAddressChangeClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{addressModalOpen:!0}))},this.handleVatIdChangeClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{vatIdModalOpen:!0}))},this.handleModalClose=()=>{this.stores.store.reset()},this.handleBillingEmailChange=e=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryBillingEmail:e.target.value}))},this.handleBillingEmailAccept=async()=>{const{spaceStore:e,data:t}=this.props,{temporaryBillingEmail:r}=this.stores.store.state;r!==t.billingEmail&&await me.h({environment:this.environment,spaceStore:e,billingEmail:r}),this.handleModalClose()},this.handleVatIdChange=e=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryVatId:e.target.value}))},this.handleVatIdAccept=async()=>{const{spaceStore:e,data:t}=this.props,{temporaryVatId:r}=this.stores.store.state;r!==t.vatId&&await me.h({environment:this.environment,spaceStore:e,vatId:r}),this.handleModalClose()},this.handleAddressAccept=async()=>{const{spaceStore:e}=this.props,t=this.getUpdatedAddress();if(t)try{await me.f({environment:this.environment,spaceStore:e,address:t}),this.handleModalClose()}catch(r){}},this.getUpdatedAddress=()=>{const{data:e}=this.props,{temporaryAddress:t}=this.stores.store.state;if(t&&t!==e.address)return t},this.handleMonthlyBillingClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryBillingInterval:"month"}))},this.handleYearlyBillingClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryBillingInterval:"year"}))},this.handleBillingIntervalAccept=async()=>{const{spaceStore:e,data:t}=this.props,{temporaryBillingInterval:r}=this.stores.store.state;if(r&&r!==t.interval){const t=this.getPlanForOppositeBillingInterval();t&&await me.h({environment:this.environment,spaceStore:e,plan:t})}this.handleModalClose()},this.handleUseCardClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryBillingType:"charge_automatically"}))},this.handleSendInvoiceClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryBillingType:"send_invoice"}))},this.handleCardUpdateClick=async()=>{const{spaceStore:e}=this.props,{data:t}=this.props;if(t.billingEmail){const r=await me.c({name:"Update your Card",panelLabel:"Update",email:t.billingEmail});await me.h({environment:this.environment,spaceStore:e,billing:"charge_automatically",stripeToken:r})}this.handleModalClose()},this.handlePaymentMethodAccept=async()=>{const{spaceStore:e}=this.props,{data:t}=this.props,{temporaryBillingType:r}=this.stores.store.state,n=r||t.billing;if("charge_automatically"!==n||t.brand)n!==t.billing&&await me.h({environment:this.environment,spaceStore:e,billing:r});else{const{currentUserStore:r}=$.default.state,n=r?r.getValue():void 0,o=t.billingEmail||(n?n.email:void 0);if(!o)throw new Error("No billing email found.");const i=await me.c({name:"Update your Card",panelLabel:"Update",email:o});await me.h({environment:this.environment,spaceStore:e,billing:"charge_automatically",stripeToken:i,billingEmail:o})}this.handleModalClose()},this.handleApplyCreditClick=()=>{this.stores.store.setState(Qo({},this.stores.store.state,{applyCreditModalOpen:!0}))},this.handleApplyCreditAccept=async()=>{const e=this.getCurrentFormCreditAmount(),{spaceStore:t}=this.props;e>0&&await me.h({environment:this.environment,spaceStore:t,creditAmount:e}),this.handleModalClose(),ue.ge(this.environment,{amount:e})},this.handleApplyCreditAmountInputChange=e=>{this.stores.store.setState(Qo({},this.stores.store.state,{temporaryApplyCreditCents:e}))},this.handleRestartSubscriptionClick=async()=>{const{spaceStore:e}=this.props,{data:t}=this.props;await me.h({environment:this.environment,spaceStore:e,plan:t.plan}),this.handleModalClose()}}willMount(){me.e(this.environment)}renderComponent(){return yt.a.state.online?this.renderBilling():ti.renderOfflineMessage()}static renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},ei.offline))}renderBilling(){const{data:e}=this.props,{paymentMethodModalOpen:t,billingIntervalModalOpen:r,billingEmailModalOpen:o,addressModalOpen:i,applyCreditModalOpen:a,vatIdModalOpen:s}=this.stores.store.state;return n.createElement("div",{style:ti.wrapStyle},n.createElement(Ae.b,{style:ti.scrollerStyle,type:Ae.a.Y},this.renderHeader(e),this.renderSummary(e),this.renderPaymentMethod(e),this.renderSeparator(),this.renderBillingInterval(e),this.renderSeparator(),this.renderBillingEmail(e),this.renderSeparator(),this.renderAddress(e),this.renderSeparator(),this.renderVatId(e),this.renderSeparator(),this.renderCredit(e),n.createElement(Ho,Object.assign({},this.props)),n.createElement(at.a,{open:t,render:this.renderPaymentMethodModal,onDismiss:this.handleModalClose}),n.createElement(at.a,{open:r,render:this.renderBillingIntervalModal,onDismiss:this.handleModalClose}),n.createElement(at.a,{open:a,render:this.renderApplyCreditModal,onDismiss:this.handleModalClose}),n.createElement(at.a,{open:o,render:this.renderBillingEmailModal,onDismiss:this.handleModalClose}),n.createElement(at.a,{open:i,render:this.renderAddressModal,onDismiss:this.handleModalClose}),n.createElement(at.a,{open:s,render:this.renderVatIdModal,onDismiss:this.handleModalClose})))}renderHeader(e){let t=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.legacyPlanTitle",defaultMessage:"Legacy Plan"});switch(e.productId){case g.default.pricing.personal.productId:t=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.personalPlanTitle",defaultMessage:"Personal Pro Plan"});break;case g.default.pricing.student.productId:t=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.personalEducationPlanTitle",defaultMessage:"Personal Pro (Education) Plan"});break;case g.default.pricing.team.productId:t=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.teamPlanTitle",defaultMessage:"Team Plan"});break;case g.default.pricing.enterprise.productId:t=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.enterprisePlanTitle",defaultMessage:"Enterprise Plan"})}return n.createElement(ht.a,{large:!0,divider:"full"},t)}renderSummary(e){const{spaceStore:t}=this.props,r=Gt.C(this.environment,t,e),i=Gt.t(e),a="subscribed_admin"===e.type;return n.createElement("div",{style:ti.summaryStyle},n.createElement("div",{style:ti.summaryMessageStyle},r),i&&n.createElement(vt.a,{isLarge:!0,onClick:this.handleRestartSubscriptionClick,style:{marginRight:8}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.restartSubscriptionButton.label",defaultMessage:"Restart subscription"})),a&&n.createElement(St.a,{isLarge:!0,onClick:this.handleChangePlanClick},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.changePlanButton.label",defaultMessage:"Change plan"})))}renderSeparator(){return n.createElement("div",{style:{flex:"none",height:1,marginTop:10,marginBottom:10,background:this.theme.regularDividerColor}})}renderPaymentMethod(e){return n.createElement(Zo,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.paymentMethod.title",defaultMessage:"Payment method"}),caption:n.createElement(n.Fragment,null,"send_invoice"===e.billing&&n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.paymentMethod.value.achOrWireTransfer",defaultMessage:"ACH or Wire Transfer"})),"charge_automatically"===e.billing&&(e.last4&&e.brand?n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.paymentMethod.value.creditCard",defaultMessage:"{creditCardBrand} ending in {lastFourDigits}",values:{creditCardBrand:Object(Lo.a)(e.brand),lastFourDigits:e.last4}})):n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.paymentMethod.value.none",defaultMessage:"None",description:"The payment method setting we display for users who haven't set up a payment method yet"})))),buttonArgs:{showButton:!0,buttonPurpose:"update",onClick:this.handlePaymentMethodChangeClick}})}renderBillingInterval(e){return n.createElement(Zo,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.billingInterval.title",defaultMessage:"Billing interval"}),caption:n.createElement("div",null,"month"===e.interval?n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.billingInterval.value.monthly",defaultMessage:"Monthly"}):n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.billingInterval.value.yearly",defaultMessage:"Yearly"})),buttonArgs:{showButton:Boolean(this.getPlanForOppositeBillingInterval()),buttonPurpose:"update",onClick:this.handleBillingIntervalChangeClick}})}renderBillingEmail(e){return n.createElement(Zo,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.billingEmail.title",defaultMessage:"Billing email"}),caption:n.createElement("div",null,e.billingEmail||""),buttonArgs:{showButton:!0,buttonPurpose:Boolean(e.billingEmail)?"update":"add",onClick:this.handleBillingEmailChangeClick}})}renderVatId(e){return n.createElement(Zo,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.VATID.title",defaultMessage:"VAT ID",description:"Title for the section where users can update their VAT (value added tax) identification number"}),caption:n.createElement("div",null,e.vatId||""),buttonArgs:{showButton:!0,buttonPurpose:Boolean(e.vatId)?"update":"add",onClick:this.handleVatIdChangeClick}})}renderAddress(e){return n.createElement(Zo,{title:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.subscriptionSettingsSection.billingAddress.title",defaultMessage:"Billing address"}),caption:n.createElement("div",{style:{textAlign:"right",width:"80%",float:"right"}},this.renderAddressString(e.address)||""),buttonArgs:{showButton:!0,buttonPurpose:e.address&&!Fe.isEmpty(e.address)?"update":"add",onClick:this.handleAddressChangeClick}})}renderCredit(e){const t=-Math.min(0,e.accountBalance),{intl:r}=this.props;return n.createElement(Zo,{title:Wo.workspaceBalance,caption:n.createElement("div",null,Object(mo.b)({amount:t,currency:"dollar",intl:r})),buttonArgs:{showButton:!0,buttonPurpose:"apply_credit",onClick:this.handleApplyCreditClick}})}renderAddressString(e){return e?this.props.intl.formatList([e.name,e.businessName,e.addressLine1,e.addressLine2].filter(Boolean),{type:"conjunction",style:"narrow"}):""}getCurrentFormCreditAmount(){const{data:e}=this.props,{store:t}=this.stores,{temporaryApplyCreditCents:r}=t.state;return void 0!==r?r:e.availableCredit}getPlanForOppositeBillingInterval(){const{data:e}=this.props,t=lo.c.find(t=>t.indexOf(e.plan)>=0);if(t){const r=t.indexOf(e.plan);return t[0===r?1:0]}}static getModalStyle(e){return{width:480,background:e.popoverBackground,padding:24,borderRadius:3}}}function ri(e){const t=n.createElement(o.FormattedMessage,Object.assign({},Go[e.acceptAction]));return n.createElement("div",{style:ti.getModalStyle(e.theme)},n.createElement("div",{style:ti.modalTitleStyle},e.title),e.children,n.createElement("div",{style:{marginBottom:20}},e.helpButton),n.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},n.createElement(St.a,{isLarge:!0,onClick:e.onClose,style:{marginRight:12}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.cancelButton.label",defaultMessage:"Cancel"})),n.createElement(vt.a,{isLarge:!0,onClick:e.onAccept},t)))}ti.modalTitleStyle={fontSize:18,marginBottom:16,fontWeight:ee.a.fontWeight.medium},ti.wrapStyle={display:"flex",flexDirection:"column",height:"100%"},ti.scrollerStyle={height:"100%",padding:"36px 60px"},ti.summaryStyle={display:"flex",alignItems:"flex-start",fontSize:14,marginBottom:36},ti.summaryMessageStyle={marginRight:"auto",paddingRight:32},ti.addressModalTitleStyle={marginTop:12},ti.modalInputStyle={marginTop:12,marginBottom:20};var ni=Object(o.injectIntl)(ti);class oi extends b.a{constructor(){super(...arguments),this.storeTypes={store:Ro,billingHistoryRequestStore:Xt.a}}willMount(){me.e(this.environment)}renderComponent(){const{data:e}=this.props;return yt.a.state.online?n.createElement("div",{style:oi.wrapStyle},n.createElement(Ae.b,{style:oi.scrollerStyle,type:Ae.a.Y},n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,Object.assign({},ot.d.billingTab))),this.renderCredit(e),this.renderSeparator(),n.createElement(Ho,Object.assign({},this.props)))):oi.renderOfflineMessage()}static renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},ei.offline))}renderCredit(e){const t=-Math.min(0,e.accountBalance),{intl:r}=this.props;return n.createElement(Zo,{title:Wo.workspaceBalance,caption:n.createElement("div",null,Object(mo.b)({amount:t,currency:"dollar",intl:r})),buttonArgs:{showButton:!1,buttonPurpose:"apply_credit",onClick:Fe.noop}})}renderSeparator(){return n.createElement("div",{style:{flex:"none",marginTop:30}})}}oi.wrapStyle={display:"flex",flexDirection:"column",height:"100%"},oi.scrollerStyle={height:"100%",padding:"36px 60px"};var ii=Object(o.injectIntl)(oi),ai=r("LB1/");class si extends W.a{getInitialState(){return{emailInputValue:"",showAllInviteCredits:!1}}}var li=si,ci=r("RqMp");function di(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ui(e){for(var t=1;t{ci.a.setState({open:!0}),ue.kb(this.environment,{type:"import_evernote"})},this.handleWebActionClick=()=>{c.navigateToExternalURL({environment:this.environment,url:"/product"}),ue.kb(this.environment,{type:"web_login"})},this.handleDesktopActionClick=()=>{c.navigateToExternalURL({environment:this.environment,url:"/desktop"}),ue.kb(this.environment,{type:"desktop_login"})},this.handleMobileActionClick=()=>{c.navigateToExternalURL({environment:this.environment,url:"/mobile"}),ue.kb(this.environment,{type:"mobile_login"})},this.handleBrowserExtensionActionClick=()=>{c.navigateToExternalURL({environment:this.environment,url:"/web-clipper"}),ue.kb(this.environment,{type:"browser_extension"})},this.handleMobileShareSheetActionClick=()=>{c.navigateToExternalURL({environment:this.environment,url:"/mobile"}),ue.kb(this.environment,{type:"mobile_share_sheet"})}}renderComponent(){return n.createElement("div",{style:this.getWrapperStyle()},n.createElement("div",{style:{flex:0}},this.renderLeft()),n.createElement("div",{style:this.getCenterStyle()},n.createElement("div",null,this.renderTitle()),n.createElement(xt.a,{isSmall:!0,style:{marginBottom:2}},this.renderCaption())),n.createElement("div",{style:{flex:0}},this.renderRight()))}renderTitle(){const{credit:e,intl:t}=this.props;if("invited_user"===e.type){const t=this.getUserStore(e.to_user_id).getValue();return n.createElement(n.Fragment,null,Object(Qr.d)(t)," ",!e.activated&&t&&!t.onboarding_completed&&n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.userHasNotSignedUpNote",defaultMessage:"(has not signed up)",description:"Annotation that appears next to a referred user's name if the user hasn't signed up for Notion yet"})),!e.activated&&t&&t.onboarding_completed&&n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.userHasAlreadySignedUpNote",defaultMessage:"(has already signed up)",description:"Annotation that appears next to a referred user's name if the user has signed up for Notion already"})))}if("invited_by_user"===e.type){const t=this.getUserStore(e.from_user_id).getValue();return n.createElement(n.Fragment,null,Object(Qr.d)(t),n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.sourceOfReferralNote",defaultMessage:"(invited you)",description:"Annotation that appears next to the name of the user who invited this user to Notion"})))}return"import_evernote"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.evernoteImport.title",defaultMessage:"Import from Evernote"}):"web_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webApp.title",defaultMessage:"Log in on the web"}):"desktop_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.desktopApp.title",defaultMessage:"Log in on the desktop app"}):"mobile_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileApp.title",defaultMessage:"Log in on the mobile app"}):"browser_extension"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webClipper.title",defaultMessage:"Use the Web Clipper"}):"mobile_share_sheet"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileShare.title",defaultMessage:"Use the iOS or Android system share menu"}):void 0}renderCaption(){const{credit:e,intl:t}=this.props;if("invited_user"===e.type){const t=this.getUserStore(e.to_user_id).getValue();return t&&t.email}if("invited_by_user"===e.type){const t=this.getUserStore(e.from_user_id).getValue();return t&&t.email}return"import_evernote"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.evernoteImport.description",defaultMessage:"Import your notes and notebooks"}):"web_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webApp.description",defaultMessage:"Sign in to Notion from any web browser"}):"desktop_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.desktopApp.description",defaultMessage:"Download the desktop app and sign in"}):"mobile_login"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileApp.description",defaultMessage:"Download the mobile app and sign in"}):"browser_extension"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webClipper.description",defaultMessage:"Download the Chrome extension and save a link"}):"mobile_share_sheet"===e.type?t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileShare.description",defaultMessage:"Use the share menu to save a link into Notion"}):void 0}renderLeft(){const{credit:e}=this.props;if("invited_user"===e.type){const t=this.getUserStore(e.to_user_id);return n.createElement(Kn.a,{userValue:t.getValue(),style:{marginRight:8},size:24,hasTooltip:!0})}if("invited_by_user"===e.type){const t=this.getUserStore(e.from_user_id);return n.createElement(Kn.a,{userValue:t.getValue(),style:{marginRight:8},size:24,hasTooltip:!0})}return"import_evernote"===e.type?A.a.evernoteLogo(this.getIconStyle()):"web_login"===e.type?A.a.logInWeb(this.getIconStyle()):"desktop_login"===e.type?A.a.deviceDesktop(this.getIconStyle()):"mobile_login"===e.type?A.a.deviceMobile(this.getIconStyle()):"browser_extension"===e.type?A.a.googleChrome(this.getIconStyle()):"mobile_share_sheet"===e.type?A.a.deviceMobileShareSheet(this.getIconStyle()):void 0}renderRight(){const{credit:e,intl:t}=this.props;let r;return"import_evernote"===e.type?r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.evernoteImport.actionLink",defaultMessage:"Connect"}),onClick:this.handleImportActionClick}:"web_login"===e.type?r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webApp.actionLink",defaultMessage:"Visit"}),onClick:this.handleWebActionClick}:"desktop_login"===e.type?r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.desktopApp.actionLink",defaultMessage:"Download"}),onClick:this.handleDesktopActionClick}:"mobile_login"===e.type?r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileApp.actionLink",defaultMessage:"Download"}),onClick:this.handleMobileActionClick}:"browser_extension"===e.type?r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.webClipper.actionLink",defaultMessage:"Install"}),onClick:this.handleBrowserExtensionActionClick}:"mobile_share_sheet"===e.type&&(r={text:t.formatMessage({id:"userCreditSettings.otherWaysToEarnCreditSection.mobileShare.actionLink",defaultMessage:"Download"}),onClick:this.handleMobileShareSheetActionClick}),n.createElement("div",{style:{display:"flex",alignItems:"center"}},r&&!e.activated&&n.createElement(dn.a,{isBlue:!0,isSmall:!0,onClick:r.onClick},r.text),n.createElement("div",{style:ui({minWidth:32,marginLeft:8,marginRight:8,textAlign:"right",fontWeight:ee.a.fontWeight.semibold},!e.activated&&{color:this.theme.lightTextColor})},Object(mo.b)({amount:e.amount,currency:"dollar",intl:this.props.intl})),n.createElement("div",{style:this.getTickStyles(e.activated)},A.a.check({fill:m.f.white,width:12,height:12,opacity:e.activated?1:0})))}getUserStore(e){const{currentSpaceStore:t}=$.default.state;if(!t)throw new Error("No current space.");return Yr.a.createChildStore(t,e)}getWrapperStyle(){const e="1px solid ".concat(this.theme.regularDividerColor);return{display:"flex",alignItems:"center",borderTop:this.props.isFirst?e:void 0,borderBottom:e,paddingTop:8,paddingBottom:8}}getCenterStyle(){return{flex:1,fontSize:14,marginLeft:4}}getIconStyle(){return{width:24,height:24,fill:this.theme.mediumIconColor,marginRight:8}}getTickStyles(e){const t=e?void 0:"inset 0 0 0 2px ".concat(this.theme.regularDividerColor);return{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,borderRadius:20,background:e?m.f.blue:void 0,boxShadow:t}}}var mi=Object(o.injectIntl)(hi);function gi(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fi(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class bi extends b.a{constructor(){super(...arguments),this.storeTypes={store:li},this.renderCredit=(e,t)=>n.createElement(mi,{key:e.id,credit:e,isFirst:0===t}),this.handleInviteCreditsToggleShowMoreClick=()=>{const{store:e}=this.stores;e.setState(function(e){for(var t=1;t{const{data:e}=this.props;ot.a.setState({open:!0,currentTab:"subscribed_admin"===e.type?"billing":"plans"}),ue.m(this.environment)}}willMount(){me.e(this.environment)}renderComponent(){if(yt.a.state.online){const{credits:e}=this.props.data;return this.renderSettings(e)}return this.renderOfflineMessage()}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"userCreditSettings.offline.message",defaultMessage:"Please go online to manage your account credit."})))}renderOtherCreditWays(e){const t=this.getActionCredits(e);return t.length>0&&n.createElement(n.Fragment,null,n.createElement(ht.a,{large:!0},n.createElement(o.FormattedMessage,{id:"userCreditSettings.otherWaysToEarnCreditSectionAlt.title",defaultMessage:"Ways to earn credit"})),n.createElement("div",null,t.map(this.renderCredit)))}renderReferralSection(e){const{store:t}=this.stores,{showAllInviteCredits:r}=t.state,i=this.getInviteCredits(e),a=r?i:i.slice(0,bi.showInviteCreditCount);return i.length>0&&n.createElement(n.Fragment,null,n.createElement("div",{style:this.getHeaderContainerStyles()},n.createElement("div",{style:this.getHeaderStyles()},n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.title",defaultMessage:"Invite friends and earn credit"}))),n.createElement("div",{style:this.getInviteCreditStyles()},a.map(e=>this.renderCredit(e,1)),i.length>bi.showInviteCreditCount&&n.createElement(_t.a,{style:{marginTop:8},onClick:this.handleInviteCreditsToggleShowMoreClick},r?n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.showLessReferredUsers.link",defaultMessage:"Show {numberOfReferredUsers} less",values:{numberOfReferredUsers:i.length-bi.showInviteCreditCount}}):n.createElement(o.FormattedMessage,{id:"userCreditSettings.inviteFriendsSection.showMoreReferredUsers.link",defaultMessage:"Show {numberOfReferredUsers} more",values:{numberOfReferredUsers:i.length-bi.showInviteCreditCount}}))))}renderTotalCreditEarned(e){const{intl:t}=this.props,r=e.reduce((e,t)=>e+(t.activated?t.amount:0),0);return r>0&&n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"}},n.createElement(Tt.a,{title:t.formatMessage({id:"userCreditSettings.helpButton.caption",defaultMessage:"Learn how to earn and apply credits"}),href:Object(sr.a)("guides.referralsAndCredit"),analyticsFrom:"credit_settings"}),n.createElement("div",{style:{display:"flex",alignItems:"center",paddingRight:28,marginTop:16}},n.createElement("div",{style:{marginLeft:"auto",fontSize:14,color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"userCreditSettings.otherWaysToEarnCreditSection.totalCreditSummaryText",defaultMessage:"Total credit earned"})),n.createElement("div",{style:{minWidth:44,fontWeight:ee.a.fontWeight.semibold,textAlign:"right"}},Object(mo.b)({amount:r,currency:"dollar",intl:t}))))}renderSettings(e){return n.createElement(pt,null,this.renderCreditBalance(),this.renderReferralSection(e),this.renderOtherCreditWays(e),this.renderTotalCreditEarned(e))}renderCreditBalance(){var e=this;const{data:t,intl:r}=this.props,{availableCredit:i,totalCredit:a}=t,s=Rr.default.state.data;if(!s)return;const l=Gt.w(s),c=Math.floor(i/g.default.pricing.personal.monthlyPrice),d=a>=ai.f;return n.createElement(n.Fragment,null,n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"userCreditSettings.creditBalanceSection.title",defaultMessage:"Credit balance"})),n.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:40,fontSize:14}},n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"userCreditSettings.creditBalanceSection.creditBalanceMessage",defaultMessage:"Your current credit balance is {creditBalance}.",values:{creditBalance:n.createElement("b",{style:{color:this.theme.regularTextColor}},Object(mo.b)({amount:i,currency:"dollar",intl:r}))}})," ",i>0&&!d&&n.createElement(o.FormattedMessage,{id:"userCreditSettings.creditBalanceSection.freeMonthMessage",description:"Message in sidebar letting user know how many months of free Notion they can get with their credits",defaultMessage:"{numberOfMonths, plural, one {That's equivalent to {numberOfMonths} month of the Personal Pro Plan.} other {That's equivalent to {numberOfMonths} months of the Personal Pro Plan.}}",values:{numberOfMonths:c,b:function(){for(var t=arguments.length,r=new Array(t),o=0;o0&&n.createElement(St.a,{isLarge:!0,onClick:this.handleApplyCreditClick},l?A.a.settingsBilling(bi.applyCreditButtonIconStyle):A.a.settingsUpgrade(bi.applyCreditButtonIconStyle),l?r.formatMessage({id:"userCreditSettings.creditBalanceSection.applyCreditButton.label",defaultMessage:"Apply your credit"}):r.formatMessage({id:"userCreditSettings.creditBalanceSection.upgradeForFreeButton.label",defaultMessage:"Upgrade for free"}))))}getActionCredits(e){const{id:t}=this.environment.currentUser,{currentUserSettingsStore:r}=$.default.state;if(!t||!r)return[];const n=[],o=r.getValue();if(o&&ai.e(o)){const r={id:"web_login_default",version:0,amount:ai.a.web_login,activated:!1,created_timestamp:Date.now(),type:"web_login",user_id:t};n.push(e.find(e=>"web_login"===e.type)||r);const o={id:"desktop_login_default",version:0,amount:ai.a.desktop_login,activated:!1,created_timestamp:Date.now(),type:"desktop_login",user_id:t};n.push(e.find(e=>"desktop_login"===e.type)||o);const i={id:"mobile_login_default",version:0,amount:ai.a.mobile_login,activated:!1,created_timestamp:Date.now(),type:"mobile_login",user_id:t};n.push(e.find(e=>"mobile_login"===e.type)||i)}const i={id:"import_evernote_default",version:0,amount:ai.a.import_evernote,activated:!1,created_timestamp:Date.now(),type:"import_evernote",user_id:t};n.push(e.find(e=>"import_evernote"===e.type)||i);const a={id:"browser_extension_default",version:0,amount:ai.a.browser_extension,activated:!1,created_timestamp:Date.now(),type:"browser_extension",user_id:t};n.push(e.find(e=>"browser_extension"===e.type)||a);const s={id:"mobile_share_sheet_default",version:0,amount:ai.a.mobile_share_sheet,activated:!1,created_timestamp:Date.now(),type:"mobile_share_sheet",user_id:t};return n.push(e.find(e=>"mobile_share_sheet"===e.type)||s),n}getInviteCredits(e){const t=e.find(e=>"invited_by_user"===e.type),r=e.filter(e=>"invited_user"===e.type&&!e.activated),n=e.filter(e=>"invited_user"===e.type&&e.activated);return Fe.compact([t,...Fe.sortBy(r,e=>-e.created_timestamp),...Fe.sortBy(n,e=>-e.created_timestamp)])}getHeaderContainerStyles(){return{borderBottom:"1px solid ".concat(this.theme.regularDividerColor),paddingBottom:4,marginBottom:12}}getHeaderStyles(){return{fontWeight:ee.a.fontWeight.medium,fontSize:18}}getInviteCreditStyles(){return{marginBottom:44}}}bi.showInviteCreditCount=3,bi.applyCreditButtonIconStyle={width:20,height:20,marginRight:6};var yi=Object(o.injectIntl)(bi);class vi extends b.a{isMultipleAccounts(e){return Array.isArray(e)}isSingleAccount(e){return"string"==typeof e}isConnected(e){return this.isSingleAccount(e)||this.isMultipleAccounts(e)&&e.length>0}renderComponent(){const{account:e,intl:t}=this.props;return n.createElement(n.Fragment,null,n.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:14,paddingTop:2,paddingBottom:2}},this.renderIcon(),n.createElement("div",{style:{marginRight:"auto"}},n.createElement("div",null,this.props.appName),n.createElement("div",{style:{fontSize:12,color:this.theme.mediumTextColor}},this.props.caption)),n.createElement("div",{style:vi.buttonWrapStyle},this.renderConnectButton(this.isConnected(e)?t.formatMessage({id:"connectedAppsSettingsItem.connectAnotherAccountLink",defaultMessage:"Connect another account",description:"Link that enables user to connect another account from a 3rd-party app (like Google Drive) to Notion, assuming they've already connected an account previously"}):t.formatMessage({id:"connectedAppsSettingsItem.connectAccountLink",defaultMessage:"Connect",description:"Link that enables user to connect an account from a 3rd-party app (like Google Drive) to Notion"})))),this.isSingleAccount(e)?this.renderAccount({accountName:e,onDisconnect:this.props.onDisconnect}):this.renderMultipleAccounts(),n.createElement(it.a,{size:12}))}renderIcon(){const{logo:e}=this.props;return n.createElement("img",{style:vi.imageIconStyle,src:e})}renderConnectButton(e){return n.createElement(dn.a,{isBlue:!0,onClick:this.props.onConnect,style:vi.buttonStyle},e)}renderAccount(e){const{accountName:t,onDisconnect:r,key:i}=e;return n.createElement("div",{key:i,style:{marginLeft:44}},n.createElement(it.a,{size:12}),n.createElement("div",{style:{display:"flex",alignItems:"center",height:32,marginBottom:2,fontSize:14}},n.createElement("div",{style:{marginRight:"auto"}},n.createElement("div",{style:{color:this.theme.mediumTextColor}},t)),n.createElement("div",{style:vi.buttonWrapStyle},n.createElement(dn.a,{isRed:!0,onClick:()=>r(),style:vi.buttonStyle},n.createElement(o.FormattedMessage,{id:"connectedAppsSettingsItem.disconnectLink",defaultMessage:"Disconnect",description:"If a user has connected an account from a 3rd-party app (like Google Drive) to Notion, they can click this link to disconnect the account."})))))}renderMultipleAccounts(){const e=this.props.account;if(this.isMultipleAccounts(e))return e.map(e=>this.renderAccount({accountName:e.accountName,onDisconnect:()=>{this.props.onDisconnect(e)},key:e.accountId}))}}vi.iconSize=32,vi.buttonStyle={marginLeft:14,marginRight:-4},vi.buttonWrapStyle={minWidth:80,display:"flex",justifyContent:"flex-end"},vi.imageIconStyle={flexShrink:0,width:vi.iconSize,height:vi.iconSize,borderRadius:3,marginRight:12,background:m.f.white};var Si=Object(o.injectIntl)(vi);async function wi(e){const t=await Re.getConnectedAppsStatus(e,{});if("failed"===t.type){const e=t.error;return console.error(e),{drive:[],evernote:void 0,trello:void 0,asana:void 0}}return t.data}var ki=r("cgvQ"),Mi=r("VkkH"),Oi=r("S26v"),Ei=r("Wnyi"),Ci=new on.a;const Pi=Object(o.defineMessages)({authenticatingWithEvernote:{id:"evernoteActions.authenticatingWithEvernote.loadingMessage",defaultMessage:"Authenticating with Evernote…"},titleMessage:{defaultMessage:"Evernote login",id:"evernoteActions.loginPopupModal.title"}});async function Ti(e){const{environment:t,requestStore:r}=e,n=Object(Ei.b)(t);let o=Object(h.d)(g.default.baseURL,{authType:n,userId:t.currentUser.id});o=n.redirectToAuth?o:await Object(Ei.c)(t,o);const i=await Mi.a(t,{width:580,height:700,url:o,titleMessage:Pi.titleMessage});if(!i)return;const a=Oi.e(i),s=a.query.oauth_token,l=a.query.oauth_verifier;if(!s||!l)return;Ne.b({message:Pi.authenticatingWithEvernote});const c=await Re.authWithEvernote(t,{requestToken:s,verifier:l});if("failed"===c.type)return console.error(c.error),Ve.showError(c),void Ne.a();ue.o(t,{name:"evernote"}),await r.refresh(),Ci.setState({open:!0}),ci.a.setState({open:!0}),Ne.a()}var ji=new on.a;const xi=Object(o.defineMessages)({authenticatingWithAsana:{id:"asanaActions.authenticatingWithAsana.loadingMessage",defaultMessage:"Authenticating with Asana…"},titleMessage:{defaultMessage:"Asana login",id:"asanaActions.loginWithAsanaPopupModal.title"}});async function Ii(e){const{environment:t,requestStore:r}=e,n=Object(Ei.b)(t);let o=Object(h.c)(g.default.baseURL,{authType:n,userId:t.currentUser.id});o=n.redirectToAuth?o:await Object(Ei.c)(t,o);const i=await Mi.a(t,{width:580,height:800,url:o,titleMessage:xi.titleMessage});if(!i)return;const a=Oi.e(i);if(!a.query.code||!a.query.state)return;Ne.b({message:xi.authenticatingWithAsana});const s=await Re.authWithAsana(t,{code:a.query.code,encryptedState:a.query.state});"failed"===s.type?(console.error(s.error),Ve.showError(s),Ne.a()):(ue.o(t,{name:"asana"}),await r.refresh(),ji.setState({open:!0}),ci.a.setState({open:!0}),Ne.a())}var Di=new on.a;const Bi=Object(o.defineMessages)({authenticatingWithTrello:{id:"trelloActions.authenticatingWithTrello.loadingMessage",defaultMessage:"Authenticating with Trello…"},titleMessage:{defaultMessage:"Trello login",id:"trelloActions.loginPopupModal.title"}});async function _i(e){const{environment:t,requestStore:r}=e,n=Object(Ei.b)(t);let o=Object(h.i)(g.default.baseURL,{authType:n,userId:t.currentUser.id});o=n.redirectToAuth?o:await Object(Ei.c)(t,o);const i=await Mi.a(t,{width:580,height:700,url:o,titleMessage:Bi.titleMessage});if(!i)return;const a=Oi.e(i),s=a.query.oauth_token,l=a.query.oauth_verifier;if(!s||!l)return;Ne.b({message:Bi.authenticatingWithTrello});const c=await Re.authWithTrello(t,{requestToken:s,verifier:l});"failed"===c.type?(console.error(c.error),Ve.showError(c),Ne.a()):(ue.o(t,{name:"trello"}),await r.refresh(),Di.setState({open:!0}),ci.a.setState({open:!0}),Ne.a())}class Ai extends b.a{constructor(){super(...arguments),this.storeTypes={connectedAppsStatus:Xt.a}}renderComponent(){return yt.a.state.online?n.createElement(Dt.a,{request:this.environment,performRequest:wi,requestStore:this.stores.connectedAppsStatus,render:(e,t)=>t?this.renderConnectedAppsSettings(t):n.createElement("div",{style:Ai.loadingWrapStyle},n.createElement(pe.a,null))}):this.renderOfflineMessage()}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"connectedAppsSettings.offline.message",defaultMessage:"Please go online to manage connecting to apps."})))}renderSectionTitle(){return n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"connectedAppsSettings.connectedAppsSection.title",defaultMessage:"Connected apps"}))}renderConnectedAppsSettings(e){const{intl:t}=this.props,r=this.stores.connectedAppsStatus;return n.createElement("div",{style:Ai.wrapStyle},n.createElement(Ae.b,{style:Ai.scrollerStyle,type:Ae.a.Y},this.renderSectionTitle(),n.createElement(Si,{appName:"Google Drive",caption:t.formatMessage({id:"connectedAppsSettings.googleDrive.caption",defaultMessage:"Find and embed your files"}),logo:ko.a.images.import.googleDrivePng,account:r.state.result.drive,onConnect:()=>this.handleDriveAuth(),onDisconnect:e=>{this.handleDisconnectDrive(e)}}),n.createElement(Si,{appName:"Evernote",caption:t.formatMessage({id:"connectedAppsSettings.evernote.caption",defaultMessage:"Import notebooks"}),logo:ko.a.images.import.evernotePng,account:r.state.result.evernote,onConnect:()=>Ti({environment:this.environment,requestStore:r}),onDisconnect:()=>async function(e,t){await Re.disconnectEvernote(e,{}),await t.refresh(),ue.Hd(e,{name:"evernote"})}(this.environment,r)}),n.createElement(Si,{appName:"Trello",caption:t.formatMessage({id:"connectedAppsSettings.trello.caption",defaultMessage:"Import your boards"}),logo:ko.a.images.import.trelloPng,account:r.state.result.trello,onConnect:()=>_i({environment:this.environment,requestStore:r}),onDisconnect:()=>async function(e,t){await Re.disconnectTrello(e,{}),await t.refresh(),ue.Hd(e,{name:"trello"})}(this.environment,r)}),n.createElement(Si,{appName:"Asana",caption:t.formatMessage({id:"connectedAppsSettings.asana.caption",defaultMessage:"Import tasks from boards and lists"}),logo:ko.a.images.import.asanaPng,account:r.state.result.asana,onConnect:()=>Ii({environment:this.environment,requestStore:r}),onDisconnect:()=>async function(e,t){await Re.disconnectAsana(e,{}),await t.refresh(),ue.Hd(e,{name:"asana"})}(this.environment,r)}),n.createElement("div",{style:{marginTop:8}},n.createElement(Tt.a,{title:t.formatMessage({id:"connectedAppsSettings.helpButton.caption",defaultMessage:"Learn more about embedding content in Notion"}),href:Object(sr.a)("guides.import"),analyticsFrom:"connected_apps_settings"}))))}async handleDriveAuth(){ue.yd(this.environment,{name:"google",from:"connected_apps"}),await ki.f(this.environment),this.stores.connectedAppsStatus.refresh()}async handleDisconnectDrive(e){const{intl:t}=this.props;Ve.showDialog({message:t.formatMessage({id:"connectedAppsSettings.disconnectGoogleDriveModal.message",defaultMessage:"Disconnecting disables file preview on Google Drive files embedded in all of your workspaces. It would not delete your embeds from Notion, so you can re-connect at anytime."}),showCancel:!0,keepFocus:!0,items:[{label:t.formatMessage({id:"connectedAppsSettings.disconnectGoogleDriveModal.disconnectButton.label",defaultMessage:"Disconnect"}),color:"red",onAccept:async()=>{await Re.disconnectDrive(this.environment,{googleUserId:e.accountId}),this.stores.connectedAppsStatus.refresh()}}]})}}Ai.loadingWrapStyle={alignItems:"center",display:"flex",flexDirection:"column",flex:1,height:"100%",justifyContent:"center"},Ai.wrapStyle={display:"flex",flexDirection:"column",height:"100%"},Ai.scrollerStyle={height:"100%",padding:"36px 60px"};var Li=Object(o.injectIntl)(Ai),Fi=r("wvIE"),Ri=r("bPtJ"),Ni=r("G+Ai"),Vi=r("FUUC"),Ui=r("I8ZR");class Yi extends b.a{constructor(){super(...arguments),this.storeTypes={},this.handleChangeRole=e=>{const{botStore:t}=this.props,r=this.getSpaceStore();if(!r)return;const n=de.create(this.environment);Object($r.c)({environment:this.environment,store:r,permissionItems:[{type:"bot_permission",role:e,bot_id:t.id}],transaction:n}),de.commit({environment:this.environment,transaction:n})}}renderComponent(){const{botStore:e}=this.props,t=this.getSpaceStore();if(!t)return;const r=Object(lr.getSpacePermissionItems)(t).filter(On.f).find(t=>t.bot_id===e.id),o=r&&r.role||"none";return n.createElement(bn.a,{role:o,isSpace:!0,disabled:!t.canAdmin(),onChange:this.handleChangeRole,upgradeButtonName:"bot_permission_item",onUpgradeButtonClick:()=>{},buttonStyle:{marginRight:0}})}getSpaceStore(){const{botStore:e}=this.props,t=e.getValue();if(t&&t.parent_table===Vi.a)return Object(Ri.c)(e,t.parent_table,t.parent_id)}}var Wi=Yi;class Xi extends b.a{constructor(){super(...arguments),this.renderPopup=()=>{const{device:e}=this.environment,{botStore:t}=this.props,r=this.getBotMember();if(!r)return;const o=r.pageIds.map(e=>{const r=F.a.createChildStore(t,e);return{key:e,render:e=>n.createElement(sn.a,Object.assign({},e,{store:r,placeholder:"Private Page"})),action:()=>{const r=F.a.createChildStore(t,e),n=Object(U.a)({store:r,fullyQualified:!1});c.navigate({environment:this.environment,url:n,metaClick:!0})}}});let i;return i=e.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup,width:300},n.createElement(_r.b,Object.assign({},i),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,sections:[{key:"pages",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:o}]}))}}renderComponent(){const{device:e}=this.environment,{botStore:t}=this.props,r=this.getBotMember();if(r)return r.pageIds.map(e=>{F.a.createChildStore(t,e).getValue()}),0===r.pageIds.length?n.createElement(dn.a,{disabled:!0,disabledFeedback:!0},"No pages"):n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,renderOrigin:e=>n.createElement(dn.a,Object.assign({},e),r.pageIds.length," Page",r.pageIds.length>1?"s":"",A.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor})),render:this.renderPopup})}getBotMember(){const{botStore:e}=this.props,t=e.getValue();if(!t)return;if(t.parent_table!==Vi.a)return;const{data:r}=Rr.default.state;return r?Gt.k(r).find(e=>e.botId===t.id):void 0}}var zi=Xi,qi=r("+DAh");class Hi extends b.a{constructor(){super(...arguments),this.storeTypes={},this.renderOrigin=e=>n.createElement(Vn.a,Object.assign({},e,{icon:A.a.dots,style:{marginLeft:4}})),this.renderPopup=e=>n.createElement(_r.b,{menuType:_r.b.MenuType.Popup},n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:[{key:0,render:e=>n.createElement(Fr.a,Object.assign({},e,{topBorder:!1})),items:[{key:"delete",action:()=>{this.handleDeleteBot(),e.close()},render:e=>n.createElement(Lr.a,Object.assign({},e,{title:"Delete"}))}]}]})),this.handleDeleteBot=async()=>{await async function(e){const t=e.getValue();return Object(Ve.confirmUserAction)({message:n.createElement("span",null,n.createElement(o.FormattedMessage,{id:"botActions.deleteBotConfirmationDialog.confirmationMessage",defaultMessage:"Are you sure you want to delete {bot}?",values:{bot:n.createElement(Ui.a,{botValue:t,inline:!0})}})),acceptLabel:n.createElement(o.FormattedMessage,{id:"botActions.deleteBotConfirmationDialog.confirmDeleteBotButton.label",defaultMessage:"Yes"})})}(this.props.botStore)&&(await function(e,t){const r=de.create(e);return de.addOperation({transaction:r,store:t,operation:{table:t.table,id:t.id,path:["alive"],command:"set",args:!1}}),de.commit({environment:e,transaction:r}),t}(this.environment,this.props.botStore),this.props.onDelete(this.props.botStore))}}renderComponent(){return n.createElement(an.a,{popupType:an.a.PopupType.Popup,renderOrigin:this.renderOrigin,render:this.renderPopup})}}var Gi=Hi;class Ki extends W.a{getInitialState(){return{botName:"",botType:"notion_user",spaceRole:"none"}}}var Zi=Ki;function Ji(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Qi(e){for(var t=1;tn.createElement("div",null,this.renderBotNameSection(),this.renderBotTypeSection(),this.renderAccessLevel(),n.createElement(vt.a,{isLarge:!0,style:{marginTop:24},onClick:this.handleCreateBot},"Create Bot")),this.handleChangeBotName=e=>{const t=this.stores.botCreateStore.state;this.stores.botCreateStore.setState(oa({},t,{botName:e.target.value}))},this.handleClickUserBot=()=>{const e=this.stores.botCreateStore.state;this.stores.botCreateStore.setState(oa({},e,{botType:"notion_user"}))},this.handleClickSpaceBot=()=>{const e=this.stores.botCreateStore.state;this.stores.botCreateStore.setState(oa({},e,{botType:"space"}))},this.handleChangeSpaceRole=e=>{const t=this.stores.botCreateStore.state;this.stores.botCreateStore.setState(oa({},t,{spaceRole:e}))},this.handleCreateBot=()=>{const{botName:e,botType:t,spaceRole:r}=this.stores.botCreateStore.state,{userStore:n,spaceStore:o}=this.props,i="notion_user"===t?function(e){const{environment:t,name:r,userId:n}=e,o=de.create(t),i=Object(ce.b)({environment:t,table:Ni.a,value:{name:r,parent_table:Qr.a,parent_id:n,created_at:Date.now(),created_by_table:Qr.a,created_by_id:n,alive:!0},recordCacheStore:qi.default,transaction:o});return de.commit({environment:t,transaction:o}),i}({environment:this.environment,name:e,userId:n.id}):function(e){const{environment:t,name:r,spaceStore:n,spaceRole:o,userId:i}=e,a=de.create(t),s=Object(ce.b)({environment:t,table:Ni.a,value:{name:r,parent_table:Vi.a,parent_id:n.id,created_at:Date.now(),created_by_table:Qr.a,created_by_id:i,alive:!0},recordCacheStore:qi.default,transaction:a});return $r.c({environment:t,store:n,permissionItems:[{type:"bot_permission",role:o,bot_id:s.id}],transaction:a}),de.commit({environment:t,transaction:a}),s}({environment:this.environment,name:e,userId:n.id,spaceStore:o,spaceRole:r});this.props.onCreateBot(i)}}renderComponent(){return n.createElement(at.a,{open:!0,render:this.renderModal,onDismiss:this.props.onDismiss,innerStyle:{width:400,padding:24},preventHideChildrenWhileOpening:!0})}renderBotNameSection(){const{botName:e}=this.stores.botCreateStore.state;return n.createElement(n.Fragment,null,n.createElement(mt.a,{style:{marginBottom:8}},"Bot Name"),n.createElement(dt.b,{placeholder:"Hello World",value:e,onChange:this.handleChangeBotName}))}renderBotTypeSection(){const{botType:e}=this.stores.botCreateStore.state,{spaceStore:t,userStore:r,intl:o}=this.props,i=r.getValue();return n.createElement(n.Fragment,null,n.createElement(mt.a,{style:{marginTop:16,marginBottom:8}},"Bot Type"),n.createElement(ta,{onClick:this.handleClickUserBot,style:{marginBottom:12},isActive:"notion_user"===e},n.createElement(Kn.a,{userValue:i,size:24,style:{marginRight:8}}),n.createElement("div",null,n.createElement(xt.a,{style:{marginBottom:2}},Object(Qr.d)(i)," Personal Bot"),n.createElement(xt.a,{isSmall:!0,isMultiline:!0},Object(ra.a)(this.props.intl,"personal")))),n.createElement(ta,{onClick:this.handleClickSpaceBot,isActive:"space"===e},n.createElement(G.a,{icon:Object(lr.getSpaceIcon)(this.environment,t),title:Object(lr.getSpaceName)(this.environment,t),size:24,isLarge:!0,disabled:!0,isEmptyPage:!1,style:{marginRight:8}}),n.createElement("div",null,n.createElement(xt.a,{style:{marginBottom:2}},Object(lr.getSpaceName)(this.environment,t)," Workspace Bot"),n.createElement(xt.a,{isSmall:!0,isMultiline:!0},Object(ra.a)(o,"workspace")))))}renderAccessLevel(){const{botType:e,spaceRole:t}=this.stores.botCreateStore.state;if("notion_user"!==e)return n.createElement(n.Fragment,null,n.createElement(mt.a,{style:{marginTop:24,marginBottom:8}},"Access Level"),n.createElement("div",null,n.createElement(bn.a,{role:t,isSpace:!0,onChange:this.handleChangeSpaceRole,upgradeButtonName:"bot_permission_item"})))}}var sa=Object(o.injectIntl)(aa);function la(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ca(e){for(var t=1;tn.createElement(R.a,{loaded:r,spinnerSize:16,showSpinnerTimeout:600},e&&n.createElement("div",null,"Something went wrong..."),t&&this.renderBots(t)),this.renderBots=e=>{let{userBotIds:t,spaceBotIds:r}=e;return n.createElement(ua,null,n.createElement(vt.a,{isLarge:!0,onClick:this.handleOpenCreateBotModal},"Create a Bot"),this.renderSpaceBotTable(r),this.renderUserBotTable(t))},this.renderSpaceBotColumns=e=>({key:e.id,columns:[n.createElement(Ui.a,{botValue:e.getValue(),avatarSize:24,style:{fontSize:14}}),n.createElement("div",{style:{textAlign:"center"}},n.createElement(Wi,{botStore:e})),n.createElement("div",{style:{textAlign:"center"}},n.createElement(zi,{botStore:e})),n.createElement(Gi,{botStore:e,onDelete:this.handleDeleteBot})]}),this.renderUserBotColumns=e=>({key:e.id,columns:[n.createElement(Ui.a,{botValue:e.getValue(),avatarSize:24,style:{fontSize:14}}),n.createElement(Gi,{botStore:e,onDelete:this.handleDeleteBot})]}),this.renderBotCreateModal=()=>{const{spaceStore:e,userStore:t}=this.props;return n.createElement(sa,{spaceStore:e,userStore:t,onCreateBot:this.handleCreateBot,onDismiss:this.handleCloseCreateBotModal})},this.handleDeleteBot=async e=>{const t=this.stores.requestStore.state;t.result&&this.stores.requestStore.setState(ca({},t,{result:{spaceBotIds:t.result.spaceBotIds.filter(t=>t!==e.id),userBotIds:t.result.userBotIds.filter(t=>t!==e.id)}}))},this.handleCreateBot=async e=>{const t=e.getValue();if(t){const e=this.stores.requestStore.state;e.result&&this.stores.requestStore.setState(ca({},e,{result:{spaceBotIds:t.parent_table===Vi.a?[...e.result.spaceBotIds,t.id]:e.result.spaceBotIds,userBotIds:t.parent_table===Qr.a?[...e.result.userBotIds,t.id]:e.result.userBotIds}}))}this.handleCloseCreateBotModal()},this.handleOpenCreateBotModal=()=>{this.stores.popupStore.setState({open:!0})},this.handleCloseCreateBotModal=()=>{this.stores.popupStore.setState({open:!1})},this.fetchBots=async e=>{let{userId:t,spaceId:r}=e;const[n,o]=await Promise.all([Re.getBots(this.environment,{table:Qr.a,id:t}),Re.getBots(this.environment,{table:Vi.a,id:r})]);if("failed"===n.type)throw n.error;if("failed"===o.type)throw o.error;return{userBotIds:n.data.botIds,spaceBotIds:o.data.botIds}}}renderComponent(){return n.createElement("div",{style:pa.wrapStyle},n.createElement(Ae.b,{style:pa.scrollerStyle,type:Ae.a.Y},n.createElement(Tt.a,{title:"Notion API Documentation.",href:"#",analyticsFrom:"api"}),n.createElement(it.a,{size:32,style:{marginBottom:16}}),this.renderRequest(),this.stores.popupStore.state.open&&this.renderBotCreateModal()))}renderRequest(){const{spaceStore:e,userStore:t}=this.props;return n.createElement(Dt.a,{requestStore:this.stores.requestStore,request:{spaceId:e.id,userId:t.id},performRequest:this.fetchBots,render:this.renderResult})}renderSpaceBotTable(e){const{spaceStore:t,intl:r}=this.props,o=e.map(e=>Object(Ri.c)(t,Ni.a,e));if(o.length>0)return n.createElement(ua,null,n.createElement(ht.a,{style:{marginTop:"2em"}},"Workspace bots"),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%",marginBottom:14}},Object(ra.a)(r,"workspace")),n.createElement(Mn,{columns:[{key:"bot",header:"Bot",style:{width:"65%"}},{key:"access_level",header:"Access Level",style:{width:"15%",textAlign:"center"}},{key:"pages",header:"Pages",style:{width:"15%",textAlign:"center"}},{key:"",header:"",style:{width:"5%"}}],rows:o.map(this.renderSpaceBotColumns)}))}renderUserBotTable(e){const{userStore:t,intl:r}=this.props,o=e.map(e=>Object(Ri.c)(t,Ni.a,e));if(o.length>0)return n.createElement(ua,null,n.createElement(ht.a,{style:{marginTop:"2em"}},"Personal bots"),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%",marginBottom:14}},Object(ra.a)(r,"personal")),n.createElement(Mn,{columns:[{key:"bot",header:"Bot",style:{width:"95%"}},{key:"",header:"",style:{width:"5%"}}],rows:o.map(this.renderUserBotColumns)}))}}pa.wrapStyle={display:"flex",flexDirection:"column",height:"100%"},pa.scrollerStyle={height:"100%",padding:"36px 60px"};var ha=Object(o.injectIntl)(pa),ma=r("OWVv");function ga(e,t){return"".concat(function(e){return"".concat(e||"https://www.notion.so").concat(u.Y)}(t),"/").concat(e)}var fa=r("6q9u");function ba(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ya(e){for(var t=1;t{const{securitySettingsStore:e}=this.props,t=e.state.disablePublicAccess;if(!t){if(!(await Ve.confirmUserAction({message:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.preventPublicSharing.confirmationModal.message",defaultMessage:"Are you sure? This will remove access for anyone who is not a member or guest of the workspace from all pages in this workspace."}),acceptLabel:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.preventPublicSharing.confirmationModal.confirmButton.label",defaultMessage:"Yes"})})))return}e.setState(ya({},e.state,{disablePublicAccess:!t}))},this.handleAllowDisableGuestsSwitcherClick=async()=>{const{securitySettingsStore:e}=this.props,t=e.state.disableGuests;if(!t){if(!(await Ve.confirmUserAction({message:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.disableGuests.confirmationModal.message",defaultMessage:"Are you sure? All guests in this workspace will be removed."}),acceptLabel:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.disableGuests.confirmationModal.confirmButton.label",defaultMessage:"Yes"})})))return}e.setState(ya({},e.state,{disableGuests:!t}))},this.handleDisableMoveToSwitcherClick=()=>{const{securitySettingsStore:e}=this.props;e.setState(ya({},e.state,{disableMoveToSpace:!e.state.disableMoveToSpace}))},this.handleAllowDisableWorkspaceTopLevelSwitcherClick=()=>{const{securitySettingsStore:e}=this.props;e.setState(ya({},e.state,{disableSpacePageEdits:!e.state.disableSpacePageEdits}))},this.handleDisableExportClick=()=>{const{securitySettingsStore:e}=this.props;e.setState(ya({},e.state,{disableExport:!e.state.disableExport}))},this.handleUpdateClick=async()=>{await Promise.all([this.saveSecuritySettings(),this.saveSamlConfig()]),this.props.securitySettingsStore.state.error?Ve.showError(this.props.securitySettingsStore.state.error):this.closeSettings()},this.handleCancelClick=()=>{this.closeSettings()},this.handleEnableSamlToggle=()=>{const{state:e}=this.props.samlConfigStore,t=!this.isInvalidSamlConfig(e);"unconfigured"===e.status||"disabled"===e.status?t&&this.props.samlConfigStore.setState(ya({},e,{status:"configured"})):this.props.samlConfigStore.setState(ya({},e,{status:t?"disabled":"unconfigured"}))},this.handleIdpMetadataUrlChange=e=>{this.props.samlConfigStore.setState(ya({},this.props.samlConfigStore.state,{idpMetadataUrl:e.target.value}))},this.handleIdpMetadataUrlBlur=e=>{Boolean(e.target.value)&&this.setUseMetadataUrl(!0)},this.handleIdpMetadataChange=e=>{this.props.samlConfigStore.setState(ya({},this.props.samlConfigStore.state,{idpMetadata:e.target.value}))},this.handleIdpMetadataBlur=e=>{Boolean(e.target.value)&&this.setUseMetadataUrl(!1)},this.handleEnforceSamlToggle=()=>{const{state:e}=this.props.samlConfigStore;if(!this.isInvalidSamlConfig(e)){const t="enforced"===e.status?"configured":"enforced";this.props.samlConfigStore.setState(ya({},e,{status:t}))}},this.handleCreateAccountToggle=()=>{const{state:e}=this.props.samlConfigStore;this.props.samlConfigStore.setState(ya({},e,{createAccount:!e.createAccount}))},this.handleContactUsClick=()=>{Jt.a({environment:this.environment,from:"saml_settings",prepopulatedContent:"Request to add or change an email domain for SAML Single Sign-on on workspace ".concat(this.props.spaceStore.id,".")})},this.handleUpgradeClick=()=>{Gn.a(this.environment,{from:"space_saml",for:"enterprise"})},this.setUseMetadataUrl=e=>{this.props.samlConfigStore.setState(ya({},this.props.samlConfigStore.state,{useMetadataUrl:e}))}}renderComponent(){return yt.a.state.online?n.createElement(pt,{controlRow:this.isSecuritySubscribed()&&this.renderControlRow()},this.renderSecuritySettings(),this.renderSamlSettings()):this.renderOfflineMessage()}renderUpsell(){if(!this.isSecuritySubscribed()&&"on"===ar.default.getGroup(this.environment,"better-upsells"))return n.createElement(n.Fragment,null,n.createElement($n,{for:"enterprise",from:"space_saml",icon:A.a.key,title:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.upsell.title",defaultMessage:"Upgrade for advanced security and SAML SSO"}),caption:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.upsell.caption",defaultMessage:"Upgrade to the Enterprise Plan for advanced security settings and SAML single sign-on."}),learnMoreRoute:"guides.securitySettings"}),n.createElement(it.a,{size:64}))}renderSecuritySettings(){const{securitySettingsStore:e}=this.props,t=t=>n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:t?void 0:.5},onClick:t?this.handleDisablePublicAccessSwitcherClick:this.handleUpgradeClick},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.preventPublicSharing.label",defaultMessage:"Prevent members from sharing pages publicly"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.preventPublicSharing.caption",defaultMessage:"This will disable the Share to the web option in the Share menu on every page in this workspace."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:e.state.disablePublicAccess}))),n.createElement(it.a,{size:24,style:{opacity:0}})),r=t=>n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:t?void 0:.5},onClick:t?this.handleAllowDisableWorkspaceTopLevelSwitcherClick:this.handleUpgradeClick},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableSpacePageEdits.label",defaultMessage:"Prevent members from changing the Workspace section"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"85%"}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableSpacePageEdits.caption",defaultMessage:"This disables the ability for members to create, move, reorder, and delete top-level Workspace pages."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:e.state.disableSpacePageEdits}))),n.createElement(it.a,{size:24,style:{opacity:0}})),i=t=>n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:t?void 0:.5},onClick:t?this.handleAllowDisableGuestsSwitcherClick:this.handleUpgradeClick},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableGuests.label",defaultMessage:"Disable guests"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableGuests.caption",defaultMessage:"This prevents anyone from inviting people outside the workspace to any page."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:e.state.disableGuests}))),n.createElement(it.a,{size:24,style:{opacity:0}})),a=t=>n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:t?void 0:.5},onClick:t?this.handleDisableMoveToSwitcherClick:this.handleUpgradeClick},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableMovingPages.label",defaultMessage:"Disable moving or duplicating pages to other workspaces"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableMovingPages.caption",defaultMessage:"This prevents anyone from moving or duplicating pages to other workspaces via the Move To or Duplicate To action."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:e.state.disableMoveToSpace}))),n.createElement(it.a,{size:24,style:{opacity:0}})),{state:s}=e,l=t=>n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:t?void 0:.5},onClick:t?this.handleDisableExportClick:this.handleUpgradeClick},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableExport.label",defaultMessage:"Disable export"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:2,width:"80%"}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.disableExport.caption",defaultMessage:"This prevents anyone from exporting as Markdown, CSV, or PDF."}))),n.createElement("div",{style:{marginTop:5}},n.createElement(zt.a,{on:e.state.disableExport}))),n.createElement(it.a,{size:24,style:{opacity:0}}));return this.isSecuritySubscribed()?n.createElement(n.Fragment,null,n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.title",defaultMessage:"Security"})),t(!0),r(!0),i(!0),a(!0),l(!0),n.createElement("div",{style:{height:36}})):n.createElement(n.Fragment,null,n.createElement("div",{style:this.getHeaderStyle()},n.createElement("span",{style:{marginRight:8}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.securitySection.title",defaultMessage:"Security"})),n.createElement(Ur.a,{enterprise:!0,subscriptionTier:"enterprise",analyticsName:"space_saml",onClick:this.handleUpgradeClick,desktopStyle:{marginTop:-1}})),this.renderUpsell(),t(s.disablePublicAccess),r(s.disableSpacePageEdits),i(s.disableGuests),a(s.disableMoveToSpace),l(s.disableExport),n.createElement("div",{style:{height:32}}))}renderSamlSettings(){return n.createElement(Dt.a,{request:{environment:this.environment,spaceId:this.props.spaceStore.id,store:this.props.samlConfigStore},performRequest:tt,render:(e,t,r)=>r?t&&!e?this.isSamlEnabled()?this.renderSamlConfig():this.renderUpgradeSamlPrompt():void 0:n.createElement(pe.a,null)})}renderSamlHelp(){return n.createElement("div",{style:{marginTop:18,marginBottom:24}},n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSection.helpButton.label",defaultMessage:"Learn about SAML and single sign-on"}),href:Object(sr.a)("guides.samlSettings"),analyticsFrom:"saml_settings"}))}renderUpgradeSamlPrompt(){return n.createElement("div",null,n.createElement(n.Fragment,null,n.createElement("div",{style:this.getHeaderStyle()},n.createElement("span",{style:{marginRight:8}},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.title",defaultMessage:"SAML single sign-on"})),n.createElement(Ur.a,{enterprise:!0,subscriptionTier:"enterprise",analyticsName:"space_saml",onClick:this.handleUpgradeClick,desktopStyle:{marginTop:-1}})),this.renderSamlHelp()))}renderEmailDomains(e){var t=this;return n.createElement(n.Fragment,null,n.createElement(ht.a,{smallMarginBottom:!0},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.emailDomainsSection.title",defaultMessage:"Email domains"})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:ya({},Sa.captionStyle,{marginBottom:12,marginTop:2})},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.emailDomainsSection.emailInput.caption",defaultMessage:"Once you enable SAML, anyone using an email address with the domains below will be able to log in using SAML SSO. Contact support to add or remove a domain.",values:{contactlink:function(){for(var e=arguments.length,r=new Array(e),o=0;o{},onRemoveLastToken:()=>{},readOnly:!0,tokens:e.map(e=>n.createElement(Ir.b,{showRemoveButton:!1,isSingle:!1,format:Ir.b.Format.Medium,key:e,value:e}))})),n.createElement(it.a,{size:40}))}renderSingleSignOnUrl(){const e=ga(this.props.spaceStore.id),t=n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.url.tooltip",defaultMessage:"Copy link"});return n.createElement(n.Fragment,null,n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.title",defaultMessage:"Single sign-on URL"})),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:ya({},Sa.captionStyle,{marginTop:2})},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.url.caption",defaultMessage:"Enter this in your Identity Provider's SAML configuration."})),n.createElement("div",null,n.createElement("div",{style:{display:"flex",alignItems:"flex-start",marginTop:12,marginBottom:6}},n.createElement(dt.b,{type:"text",format:dt.a.Default,value:e,disabled:!0,style:{borderTopRightRadius:0,borderBottomRightRadius:0,width:"calc(100% - 90px)",height:32}}),n.createElement(vt.a,{onClick:()=>{Dr.c({environment:this.environment,stringValue:e})},style:{borderTopLeftRadius:0,borderBottomLeftRadius:0,width:90},isLarge:!0},t))))}renderIdpSettings(e){return n.createElement(n.Fragment,null,n.createElement(dn.a,{style:this.getRadioTitleStyle(),onClick:e=>{this.setUseMetadataUrl(!0)}},n.createElement(fa.a,{isSelected:Boolean(e.useMetadataUrl)})," ",n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.IdentityProviderMetadataURLOption.label",defaultMessage:"IDP metadata URL"})),n.createElement("div",{style:{maxWidth:"100%",marginLeft:32}},n.createElement(dt.b,{value:e.idpMetadataUrl,onChange:this.handleIdpMetadataUrlChange,onBlur:this.handleIdpMetadataUrlBlur,placeholder:"https://...",style:{height:32}})),n.createElement(dn.a,{style:this.getRadioTitleStyle(),onClick:e=>{this.setUseMetadataUrl(!1)}},n.createElement(fa.a,{isSelected:!e.useMetadataUrl})," ",n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.IdentityProviderMetadataXMLOption.label",defaultMessage:"IDP metadata XML"})),n.createElement("div",{style:{maxWidth:"100%",marginLeft:32}},n.createElement(dt.b,{textarea:!0,value:e.idpMetadata,onChange:this.handleIdpMetadataChange,onBlur:this.handleIdpMetadataBlur,placeholder:this.props.intl.formatMessage({id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.IdentityProviderMetadataXMLOption.input.placeholder",defaultMessage:"IDP metadata XML"})}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:Sa.captionStyle},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.singleSignOnURLSettings.IdentityProviderMetadataXMLOption.caption",defaultMessage:"Enter the value provided by your Identity Provider (IDP)."}))))}renderCreateAccountToggle(e){return n.createElement("div",null,n.createElement(it.a,{size:24,style:{marginTop:12}}),n.createElement("div",{style:Sa.settingOptionStyle(),onClick:this.handleCreateAccountToggle},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.automaticallyCreateAccounts.label",defaultMessage:"Automatically create accounts on sign-in"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:Sa.captionStyle},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.automaticallyCreateAccounts.caption",defaultMessage:"Allow users to create Notion accounts without provisioning from the IDP."}))),n.createElement(zt.a,{on:e})),n.createElement(it.a,{size:24}))}renderEnableSamlToggle(e,t){return n.createElement("div",null,n.createElement("div",{style:Sa.settingOptionStyle(t),onClick:this.handleEnableSamlToggle},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.enableSAML.label",defaultMessage:"Enable SAML"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:Sa.captionStyle},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.enableSAML.caption",defaultMessage:"This allows users with emails on the configured domains to log in with SAML. SAML authentication can be enforced below."}))),n.createElement("div",null,t?n.createElement(J.a,{delayThreshold:0,renderTooltip:()=>"SAML can be enabled once it is fully configured",alignment:ma.a.End,render:e=>n.createElement("div",Object.assign({},e),n.createElement(zt.a,{on:!1,disabled:!0}))}):n.createElement(zt.a,{on:"disabled"!==e&&"unconfigured"!==e}))),n.createElement(it.a,{size:24}))}renderEnforceSamlToggle(e,t){return n.createElement("div",{style:Sa.settingOptionStyle(t),onClick:this.handleEnforceSamlToggle},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.enforceSAML.label",defaultMessage:"Enforce SAML"}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:Sa.captionStyle},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.enforceSAML.caption",defaultMessage:"Once enforced, anyone with an email on the domains configured above can only use SAML SSO to log in. Administrator accounts can still log in using email."}))),n.createElement("div",null,t?n.createElement(J.a,{delayThreshold:0,renderTooltip:()=>"Enable SAML to access this option.",alignment:ma.a.End,render:e=>n.createElement("div",Object.assign({},e),n.createElement(zt.a,{on:!1,disabled:!0}))}):n.createElement(zt.a,{on:"enforced"===e})))}renderSamlConfig(){const e=this.props.samlConfigStore.state,t=this.isInvalidSamlConfig(e);return n.createElement(n.Fragment,null,n.createElement("div",{style:this.getHeaderStyle()},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.SAMLSingleSignOnSection.title",defaultMessage:"SAML single sign-on"})),this.renderSamlHelp(),this.renderEmailDomains(e.emailDomains||[]),this.renderSingleSignOnUrl(),this.renderIdpSettings(e),this.renderCreateAccountToggle(e.createAccount),this.renderEnableSamlToggle(e.status,t),this.renderEnforceSamlToggle(e.status,t))}renderControlRow(){return n.createElement("div",{style:{display:"flex"}},n.createElement(vt.a,{isLarge:!0,onClick:this.handleUpdateClick},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.updateButton.label",defaultMessage:"Update"})),n.createElement(St.a,{isLarge:!0,style:{marginLeft:12},onClick:this.handleCancelClick},n.createElement(o.FormattedMessage,{id:"securitySAMLSettings.cancelButton.label",defaultMessage:"Cancel"})))}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to manage security settings.",id:"securitySAMLSettings.offline.message"})))}closeSettings(){ot.a.setState(ya({},ot.a.state,{open:!1}))}isSamlEnabled(){return this.props.samlConfigStore.state.emailDomains.length>0||"enterprise"===Gt.f(this.environment)}isSecuritySubscribed(){const e=Gt.f(this.environment);if("enterprise"===e)return!0;if("team"===e||"team_free"===e){const{data:e}=Rr.default.state;return e&&"subscribed_admin"===e.type&&e.created{ze.x({transaction:e,spaceStore:t,disablePublicAccess:r,disableGuests:n,disableMoveToSpace:o,disableExport:i,disableSpacePageEdits:a})})}async saveSamlConfig(){if(this.isSamlEnabled()){const e=this.props.samlConfigStore.state,t=await Re.addSamlConfigToSpace(this.environment,{spaceId:this.props.spaceStore.id,status:e.status,useMetadataUrl:e.useMetadataUrl,idpMetadataUrl:e.idpMetadataUrl,idpMetadata:e.idpMetadata,createAccount:e.createAccount});"failed"===t.type&&this.props.securitySettingsStore.setState(ya({},this.props.securitySettingsStore.state,{error:t}))}}static settingOptionStyle(){return{display:"flex",alignItems:"center",width:"100%",cursor:arguments.length>0&&void 0!==arguments[0]&&arguments[0]?"default":"pointer"}}getHeaderStyle(){return{fontWeight:ee.a.fontWeight.medium,fontSize:18,borderBottom:"1px solid ".concat(this.theme.regularDividerColor),paddingBottom:6,marginBottom:12,display:"flex",alignItems:"center"}}getTitleStyle(){return{fontSize:14,marginRight:8,flexGrow:1}}getRadioTitleStyle(){return{marginTop:8,marginBottom:4}}}Sa.captionStyle={marginTop:4,width:"85%"};var wa=Object(o.injectIntl)(Sa);var ka=function(e){return e=Fe.assign({percent:.1},e),n.createElement("div",{style:Fe.assign({position:"relative",minWidth:30,height:5,borderRadius:1,overflow:"hidden"},e.style)},n.createElement("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:"100%",background:"currentColor",opacity:.1}}),n.createElement("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:100*e.percent+"%",minWidth:2,background:"currentColor",opacity:.6}}))};class Ma extends b.a{constructor(){super(...arguments),this.handleClick=()=>{Gn.a(this.environment,{from:"sidebar"===this.props.source?"block_limit_sidebar":"block_limit_settings",for:"team"})}}renderComponent(){const{data:e}=Rr.default.state;if(!e||!Gt.H(this.environment))return;const t=Gt.n(this.environment,e);if("sidebar"===this.props.source&&tjt.b?this.theme.calloutBlockColors.red:{}}}Ma.buttonStyle={padding:14,fontSize:12,lineHeight:1.4},Ma.headerStyle={fontWeight:500,lineHeight:2},Ma.labelStyle={fontWeight:400},Ma.ctaStyle={textDecoration:"underline"};var Oa=Ma,Ea=r("BXHm");class Ca extends b.a{renderComponent(){return n.createElement("div",{style:this.getSettingsOptionStyle()},n.createElement("div",{style:{display:"flex",alignItems:"flex-start",width:"100%"}},n.createElement("div",{style:{flex:1}},n.createElement(Ea.a,{confirm:!0,onChange:async e=>{await Re.setLocale(this.environment,{locale:e}),await we.transactionQueue.drain(),window.location.reload(!0)},currentLocale:this.props.locale}),n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{width:"80%"}},n.createElement(o.FormattedMessage,{id:"languageSettings.languageSwitcher.subtitle",defaultMessage:"Choose a language you'd like to use with Notion."})))))}getSettingsOptionStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",height:"auto",paddingLeft:e.isMobile?t.state.paddingLeftCSS:0,paddingRight:e.isMobile?t.state.paddingRightCSS:0}}}var Pa=Ca,Ta=r("Agvv");class ja extends b.a{constructor(){super(...arguments),this.handleStartOfWeekToggle=()=>{const e=this.getLanguageRegionSettingsState();if(!e)return;const{startDayOfWeek:t}=e;(1===t?lt.b:lt.a)(this.environment)}}renderComponent(){return yt.a.state.online?this.renderSettings():this.renderOfflineMessage()}renderOfflineMessage(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to manage your language and region.",id:"languageSettings.offline.message"})))}renderSettings(){const{currentUserSettingsStore:e}=$.default.state;if(!e)return;const t=this.getLanguageRegionSettingsState();if(!t)return;const{locale:r,startDayOfWeek:i}=t;return n.createElement(pt,null,n.createElement(ht.a,{large:!0,divider:"full"},n.createElement(o.FormattedMessage,{id:"languageSettings.languageSection.title",defaultMessage:"Language & region"})),n.createElement(Pa,{locale:r,userSettingsStore:e}),n.createElement(it.a,{size:24}),n.createElement(Ht,{onClick:this.handleStartOfWeekToggle,startDayOfWeek:i}))}getLanguageRegionSettingsState(){const{currentUserSettingsStore:e}=$.default.state;if(!e)return;const t=e.getValue();if(!t||!t.settings)return;const{settings:r}=t;return{locale:r.preferred_locale||Ta.a,startDayOfWeek:void 0===r.start_day_of_week?Object(qe.C)():r.start_day_of_week}}}var xa=Object(o.injectIntl)(ja);function Ia(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Da(e){for(var t=1;t{const e={profile:this.renderProfile,notifications:this.renderNotifications,settings:this.renderSettings,members:this.renderMembers,plans:this.renderPlans,billing:this.renderBilling,credit:this.renderCredit,connected_apps:this.renderConnectedApps,bots:this.renderBotSettings,security_saml:this.renderSecuritySaml,language_and_region:this.renderLanguageAndRegion};return n.createElement(At.a,{capture:!0,allowEsc:!0,render:t=>n.createElement(so.a,{capture:!0,ignoreBlockSelection:!0,restoreSelection:!0,focusOffscreenInput:!1,render:()=>n.createElement(Or,Object.assign({sidebar:this.renderSidebar(),sidebarStyle:{width:200}},t),e[ot.a.state.currentTab]())})})},this.renderProfile=()=>n.createElement(Sr,{isEducationPlan:Gt.u(Rr.default.state.data),spaceProfileSettingsStore:this.stores.spaceProfileSettingsStore}),this.renderLanguageAndRegion=()=>n.createElement(xa,null),this.renderNotifications=()=>n.createElement(pt,null,n.createElement(ao,null)),this.renderSettings=()=>n.createElement(Jr,{spaceStore:this.props.spaceStore,spaceBasicSettingsStore:this.stores.spaceBasicSettingsStore}),this.renderMembers=()=>n.createElement(oo,{store:this.props.spaceStore}),this.renderPlans=()=>{const{data:e}=Rr.default.state;if(e)return n.createElement(Ao,{spaceStore:this.props.spaceStore,data:e})},this.renderBilling=()=>{const{data:e}=Rr.default.state;if(e&&("subscribed_admin"===e.type||"unsubscribed_admin"===e.type))switch(e.type){case"subscribed_admin":return n.createElement(ni,{spaceStore:this.props.spaceStore,data:e});case"unsubscribed_admin":return n.createElement(ii,{spaceStore:this.props.spaceStore,data:e})}},this.renderCredit=()=>{const{data:e}=Rr.default.state;if(e)return n.createElement(yi,{data:e})},this.renderConnectedApps=()=>n.createElement(Li,null),this.renderBotSettings=()=>{const{spaceStore:e,userStore:t}=this.props;return n.createElement(ha,{spaceStore:e,userStore:t})},this.renderSecuritySaml=()=>n.createElement(wa,{spaceStore:this.props.spaceStore,securitySettingsStore:this.stores.securitySettingsStore,samlConfigStore:this.stores.spaceSecuritySamlSettingsStore}),this.handleModalOpen=()=>{me.e(this.environment)},this.handleModalDismiss=()=>this.attemptCloseCurrentTab(()=>{ot.a.setState(Da({},ot.a.state,{open:!1}))})}willMount(e){super.willMount(e);const{spaceStore:t}=this.props,{securitySettingsStore:r}=this.stores,n=r.getValueForSpace(t);n&&r.setState(n)}willMountOrUpdate(e){super.willMountOrUpdate(e);const{open:t}=ot.a.state,r=ot.a.state;this.lastSpaceSettingsModalStoreOpen===t&&Fe.isEqual(this.lastSpaceSettingsStoreState,r)||t&&ue.cd(this.environment),this.lastSpaceSettingsModalStoreOpen=t,this.lastSpaceSettingsStoreState=Fe.clone(r)}renderComponent(){const{open:e}=ot.a.state;return n.createElement(at.a,{open:e,innerStyle:{width:960,maxWidth:"calc(100vw - 100px)",height:"calc(100vh - 100px)",overflow:"hidden",borderRadius:3,maxHeight:695},onOpen:this.handleModalOpen,onDismiss:this.handleModalDismiss,render:this.renderContent,className:P.tb})}renderSidebar(){const{spaceStore:e}=this.props,{data:t}=Rr.default.state,r=Object(It.h)(this.environment),i="has-alpha-api"===ar.default.getGroup(this.environment,"alpha-api"),a="on"===ar.default.getGroup(this.environment,"lion-tamer");return n.createElement("div",{style:_a.sidebarStyle},n.createElement("div",null,n.createElement("div",{style:this.getSidebarHeader()},r&&r.email||n.createElement(o.FormattedMessage,{id:"spaceSettings.sidebar.personalSettingsSection.title",defaultMessage:"Me"})),this.renderTabButton("profile"),this.renderTabButton("notifications"),this.renderTabButton("connected_apps"),a&&this.renderTabButton("language_and_region"),t&&t.creditEnabled&&this.renderTabButton("credit"),n.createElement(it.a,{size:18,isHidden:!0}),n.createElement("div",{style:this.getSidebarHeader()},n.createElement(o.FormattedMessage,{id:"spaceSettings.sidebar.workspaceSettingsSection.title",defaultMessage:"Workspace"})),this.renderTabButton("settings"),e.canRead()&&this.renderTabButton("members"),e.canRead()&&this.renderTabButton("plans"),e.canAdmin()&&t&&("subscribed_admin"===t.type||"unsubscribed_admin"===t.type)&&this.renderTabButton("billing"),e.canAdmin()&&this.renderTabButton("security_saml"),i&&this.renderTabButton("bots"),n.createElement(it.a,{size:21,style:_a.dividerStyle}),this.renderDarkModeButton(),e.canRead()&&n.createElement(Oa,{source:"settings"})))}renderTabButton(e){const t=ot.a.state.currentTab===e,r=ot.b[e](this.environment),o=ot.c[e]();return n.createElement(be.a,{hovered:t,style:Da({display:"flex",alignItems:"center",padding:"5px 15px"},t&&{fontWeight:ee.a.fontWeight.semibold}),onClick:t=>{this.attemptCloseCurrentTab(()=>{ot.a.setState(Da({},ot.a.state,{currentTab:e})),ue.ve(this.environment,{tab:e})})}},n.createElement("div",{style:this.getIconWrapStyle()},r),n.createElement(xt.a,null,o))}renderDarkModeButton(){const{ThemeStore:e}=this.environment,t="light"===e.state.mode?"dark":"light";return n.createElement(J.a,{renderTooltip:()=>n.createElement(B.a,{name:"toggleDarkMode"}),originGap:10,placement:I.b.Right,render:e=>n.createElement(Lr.a,Object.assign({focused:!1,title:n.createElement(o.FormattedMessage,{id:"spaceSettings.darkModeToggle.label",defaultMessage:"Dark mode"}),right:n.createElement(zt.a,{on:"light"===t,onClick:this.toggleThemeMode(t)})},Object(Er.a)(e,{onClick:this.toggleThemeMode(t)})))})}toggleThemeMode(e){return()=>{Fi.a(this.environment,{mode:e}),ue.we(this.environment,{mode:e})}}async attemptCloseCurrentTab(e){const{spaceStore:t}=this.props,{spaceProfileSettingsStore:r}=this.stores,{currentUserStore:i,currentUserSettingsStore:a}=$.default.state;if(!i||!a)throw new Error("No user or settings store.");const s=n.createElement(o.FormattedMessage,{id:"spaceSettings.closeSettingsDialog.confirmationMessage",defaultMessage:"Do you want to update your changes?"}),l=n.createElement(o.FormattedMessage,{id:"spaceSettings.closeSettingsDialog.confirmationButton.label",defaultMessage:"Yes",description:"Label for button that appears below the question, 'Do you want to update your changes?' to confirm that the user would like to apply updates."}),{currentTab:c}=ot.a.state;if("profile"===c){if(!Fe.isEqual(r.state,r.getValueForUser(i,a))){const{givenName:t,familyName:i,profilePhoto:l,startDayOfWeek:c}=r.state;return Ve.showDialog({message:s,showCancel:!0,keepFocus:!0,items:[{label:n.createElement(o.FormattedMessage,{id:"spaceSettings.closeSettingsDialog.updateSettingsButton.label",defaultMessage:"Update"}),color:"blue",onAccept:()=>{de.createAndCommit(this.environment,e=>{const{currentUserStore:r}=$.default.state;if(r&&Xe({userStore:r,data:{givenName:t,familyName:i,profilePhoto:l},transaction:e}),a){a.getSettings().start_day_of_week!==c&&Object(lt.c)({userSettingsStore:a,data:{start_day_of_week:c},transaction:e})}}),e()}}],handleCancel:()=>{e()}}),!0}e()}else if("settings"===c&&t.canEdit()){const{spaceBasicSettingsStore:r}=this.stores;if(!Fe.isEqual(r.state,r.getValueForSpace(t))){const{name:t,domain:n,emailDomains:o}=r.state;return await Ve.confirmUserAction({message:s,acceptLabel:l})?(ze.y({environment:this.environment,name:t,domain:n||void 0,emailDomains:o,spaceStore:this.props.spaceStore}),e()):e(),!0}e()}else if("security_saml"===c&&t.canAdmin()){const{securitySettingsStore:r,spaceSecuritySamlSettingsStore:n}=this.stores,o=!Fe.isEqual(r.state,r.getValueForSpace(t)),i=await n.getValueForSpace(this.environment,t),a=(n.state.emailDomains.length>0||"enterprise"===Gt.f(this.environment))&&!Fe.isEqual(n.state,i);if(o||a){if(await Ve.confirmUserAction({message:s,acceptLabel:l})){const{disablePublicAccess:t,disableGuests:i,disableMoveToSpace:s,disableExport:l,disableSpacePageEdits:c}=r.state;if(o&&de.createAndCommit(this.environment,e=>{ze.x({disablePublicAccess:t,disableGuests:i,disableMoveToSpace:s,disableExport:l,disableSpacePageEdits:c,transaction:e,spaceStore:this.props.spaceStore})}),a){const{state:e}=n,t=await Re.addSamlConfigToSpace(this.environment,{spaceId:this.props.spaceStore.id,status:e.status,useMetadataUrl:e.useMetadataUrl,idpMetadataUrl:e.idpMetadataUrl,idpMetadata:e.idpMetadata,createAccount:e.createAccount});"failed"===t.type&&Ve.showError(t)}e()}else e();return!0}e()}else e();return!1}getSidebarHeader(){return{letterSpacing:"0.03em",textTransform:"uppercase",fontSize:11,lineHeight:1,marginBottom:1,color:this.theme.mediumTextColor,fontWeight:ee.a.fontWeight.medium,padding:"5px 15px",textOverflow:"ellipsis",overflow:"hidden"}}getIconWrapStyle(){return{width:20,height:20,marginRight:8,color:this.theme.regularIconColor,fill:this.theme.regularIconColor}}}_a.dividerStyle={paddingLeft:14,paddingRight:14},_a.sidebarStyle={display:"flex",flexDirection:"column",height:"100%",paddingTop:10,paddingBottom:12,justifyContent:"space-between"};var Aa=_a,La=r("iqZH");class Fa extends b.a{constructor(){super(...arguments),this.handleClick=e=>{this.props.onClick&&this.props.onClick(e),La.a()}}renderComponent(){const{currentSpaceStore:e,currentUserStore:t}=$.default.state;let r;return r=e&&e.canRead()?n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Settings & Members",id:"sidebarSettingsButton.settingsAndMembers"})):n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Settings",id:"sidebarSettingsButton.mobile.settingsAndMembers"})),n.createElement(be.a,{onClick:this.handleClick,onMouseLeave:this.props.onMouseLeave,onMouseMove:this.props.onMouseMove,onMouseDown:this.props.onMouseDown},n.createElement(Z.a,{left:A.a.sidebarSettings({fill:this.theme.mediumIconColor,width:14}),isMobile:this.props.isMobile},r),e&&t&&n.createElement(Aa,{spaceStore:e,userStore:t}))}}var Ra=Fa,Na=r("C7oc"),Va=r("YIRN");function Ua(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ya(e){for(var t=1;tn.createElement("div",null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Close sidebar",id:"sidebarUnexpandButton.closeSidebar.tooltip"})),n.createElement(B.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleSidebar"})),originGap:6,render:r=>n.createElement(D.a,{isVisible:!0,animationStyle:{opacity:t?0:1},render:()=>n.createElement(Vn.a,Object.assign({icon:A.a.doubleChevronLeft,style:Ha({position:"relative"},e.isMobile&&{height:"100%"}),mobileFeedback:e.isMobile,onClick:()=>C.setExpand({environment:this.environment,isExpanded:!1}),className:P.o},r))})})}}var Za=Ka,Ja=r("hODJ"),Qa=r("AjLL");class $a extends b.a{renderComponent(){return n.createElement("div",{style:this.getStyle()},"·")}getStyle(){return{display:"inline-block",textAlign:"center",color:this.props.disabled?this.theme.lightTextColor:this.theme.mediumTextColor,userSelect:"none",WebkitUserSelect:"none",width:8}}}var es=$a,ts=r("3O7B"),rs=r("Wae9"),ns=r("prF1"),os=r("+fkW"),is=r("0Xty");class as extends b.a{renderComponent(){return n.createElement("div",{style:this.getPlaceholderPageStyle()},this.props.showIcon&&A.a.templates({width:16,height:16,fill:this.theme.buttonHoveredBackground}),n.createElement("div",{style:this.getPlaceholderTextWrapStyle()},n.createElement("div",{style:as.getPlaceholderTextStyle(this.theme)})))}getPlaceholderPageStyle(){return{height:28,display:"flex",alignItems:"center",width:"100%",padding:this.props.showIcon?"0 15px":"0 0px"}}getPlaceholderTextWrapStyle(){return{flexGrow:1,marginLeft:this.props.showIcon?10:0,height:28,display:"flex",alignItems:"center"}}static getPlaceholderTextStyle(e){const t=Math.ceil(60),r=Math.floor(85),n=Math.floor(Math.random()*(r-t+1))+t+"%";return{height:4,background:e.buttonHoveredBackground,width:n}}}var ss=as;function ls(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function cs(e){for(var t=1;t{ts.a.setState(bs({},ts.a.state,{open:!0})),ue.fd(this.environment)},this.logout=()=>{const{online:e}=yt.a.state;e&&(ts.a.setState(bs({},ts.a.state,{open:!1})),ue.ce(this.environment),Ue.logout(this.environment))},this.handleDraggableListDrop=e=>{const{currentUserRootStore:t}=$.default.state;t&&de.createAndCommit(this.environment,r=>{ze.u({userRootStore:t,spaceViewIds:e,transaction:r})}),ue.Kd(this.environment,{workspace_count:e.length})},this.handleDesktopAppClick=()=>{const{device:e}=this.environment;this.close(),e.isWindows?ue.tb(this.environment,{from:"sidebar",platform:"windows"}):ue.tb(this.environment,{from:"sidebar",platform:"mac"})},this.handleMobileAppClick=()=>{this.close(),ue.ub(this.environment,{from:"sidebar"})},this.handleWebClipperClick=()=>{this.close(),ue.vb(this.environment,{from:"sidebar"})}}renderComponent(){const{shouldShowUnexpandButton:e}=this.props,{currentSpaceStore:t}=$.default.state;if(!t)return;const r=rs.a.getUnreadMentionsCountForOtherSpaces();return n.createElement(an.a,{popupType:this.isMobile()?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:ts.a,renderOrigin:()=>n.createElement(be.a,{style:bs({},vs.buttonStyle,{height:this.height[this.props.format]}),mobileFeedback:this.isMobile(),onClick:this.handleClick,className:P.rb},n.createElement(hs,{isMobile:this.isMobile(),spaceStore:t,showExpand:!0,type:"store"}),e&&n.createElement("div",{className:this.isMobile()?void 0:P.v,style:{display:"flex",alignItems:"center",height:"100%",marginLeft:"auto",marginRight:r?0:12}},n.createElement(Za,null)),n.createElement(Na.a,{color:Na.a.Color.Red,count:r,style:{marginRight:14}})),originGap:0,disableMutationObserver:!0,enableRounding:!0,render:e=>{let t;return t=this.isMobile()?{menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Workspaces",id:"sidebarSwitcher.mobileWorkspacesMenuTitle.text"}),right:n.createElement(ms.c,null),onClickRight:e.close}:{menuType:_r.b.MenuType.Popup,minWidth:270,maxWidth:400,footer:this.renderFooter()},n.createElement(_r.b,Object.assign({},t),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,sections:this.getMenuListSections(),initialFocus:void 0}),this.isMobile()&&this.renderFooter())}})}renderFooter(){return n.createElement(Fr.a,{topBorder:!0},!this.isMobile()&&this.renderDownloadApps(),this.renderLogout())}renderLogout(){const{online:e}=yt.a.state,t=Object(It.h)(this.environment);return n.createElement(Lr.a,{onClick:this.logout,focused:!1,disabled:!e,title:n.createElement("div",{style:this.getLogoutStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Log out ({formattedCurrentUser})",id:"sidebarSwitcher.logoutButton.prompt",values:{formattedCurrentUser:t&&t.email}}))})}getMenuListSections(){const{online:e}=yt.a.state,t=this.getSpaceViewStores().map(e=>e.id);return[{key:"spaces",render:e=>n.createElement(Fr.a,Object.assign({},e,{desktopStyle:{paddingBottom:0},children:this.isMobile()?e.children:n.createElement(n.Fragment,null,n.createElement(Hn.b,{direction:Hn.a.Vertical,keys:t,renderKey:r=>e.children[t.indexOf(r)],onDrop:this.handleDraggableListDrop,isSidebarSwitcher:!0}),e.children[e.children.length-1])})),items:[...this.getSpaceMenuListItems(),{key:"create_or_join",render:t=>this.renderCreateOrJoinMenuItem(t,e),action:async()=>{e&&(this.close(),this.isMobile()&&C.close(),await Ja.a(this.environment))}}]}]}renderSpaceMenuItem(e){const{device:t}=this.environment;return n.createElement(za,Object.assign({},e.props,{id:e.id,icon:e.icon,title:e.title,caption:e.subtitle,isCheck:e.isCurrentSpace,unreadMentions:e.unreadMentions,isOnlySpace:this.isOnlySpace(),shortcut:void 0!==e.shortcutIndex&&e.shortcutIndex<=9?t.isElectronMac?"⌘".concat(e.shortcutIndex):"ctrl+".concat(e.shortcutIndex):void 0}))}renderCreateOrJoinMenuItem(e,t){return n.createElement(za,Object.assign({},e,{isAddButton:!0,title:Ye.default.formatMessage(gs.h.createOrJoinWorkspace),caption:t?void 0:n.createElement(o.FormattedMessage,{defaultMessage:"Please go online",id:"sidebarSwitcher.createOrJoinMenu.goOnlinePrompt"}),isOnlySpace:this.isOnlySpace()}))}getSpaceMenuListItems(){const{device:e}=this.environment,t=[],{currentUserRootStore:r,currentSpaceStore:n}=$.default.state,o=this.getSpaceViewStores();if(!r||!n)return[];for(const i of o){const r=i.getSpaceStore();if(r){const a=r.id===n.id,{results:s}=rs.a.state,l=s.find(e=>e.spaceId===r.id),c=Object(lr.getSpaceName)(this.environment,r);let d;const u=os.a.getPublicSpaceData(this.environment,r.id);if(u){const e=u.productId?Ye.default.formatMessage(Object(gs.d)(u.productId)):Ye.default.formatMessage("team"===r.getPlanType()?gs.h.teamTrialPlan:gs.h.personalPlan);d=Ye.default.formatMessage("personal"===r.getPlanType()?gs.h.workspaceSubtitleWithoutMembers:gs.h.workspaceSubtitleWithMembers,{numberOfWorkspaceMembers:Ye.default.formatNumber(u.memberCount),planType:e})}const p=Fe.findIndex(o,e=>e.id===i.id)+1;t.push({key:i.id,render:t=>this.renderSpaceMenuItem({id:r.id,props:t,title:c,subtitle:d,shortcutIndex:e.isElectron?p:void 0,icon:Object(lr.getSpaceIcon)(this.environment,r),isCurrentSpace:a,unreadMentions:l&&l.spaceId!==n.id&&l.unread.mentions>0?l.unread.mentions:void 0}),action:async e=>{let{event:t}=e;this.close(),a||await ze.o({environment:this.environment,spaceViewStore:i,userSettingsStore:$.default.state.currentUserSettingsStore,userRootStore:$.default.state.currentUserRootStore,metaClick:t.ctrlKey||t.metaKey}),ue.de(this.environment)}})}}return t}renderDownloadApps(){const{device:e}=this.environment;return e.isElectron?n.createElement(ns.a,{external:!0,href:u.J,onClick:this.handleMobileAppClick},n.createElement(Lr.a,{focused:!1,title:n.createElement("div",{style:{color:this.theme.mediumTextColor,fontSize:12,paddingLeft:this.isMobile()||this.isOnlySpace()?0:za.dragHandleEffectiveWidth}},n.createElement(o.FormattedMessage,{defaultMessage:"Get mobile app",id:"sidebarSwitcher.desktopAppGetMobileApp.prompt"}))})):n.createElement(cn.a,{isTokenTitle:!0,title:n.createElement("div",{style:{display:"flex",color:this.theme.mediumTextColor,fontSize:12,alignItems:"center",marginLeft:-5,paddingLeft:this.isOnlySpace()?0:za.dragHandleEffectiveWidth}},n.createElement(ns.a,{external:!0,href:u.m},n.createElement(_t.a,{onClick:this.handleDesktopAppClick},e.isWindows?n.createElement(o.FormattedMessage,{defaultMessage:"Windows app",id:"sidebarSwitcher.windowsAppButton.text"}):n.createElement(o.FormattedMessage,{defaultMessage:"Mac app",id:"sidebarSwitcher.macAppButton.text"}))),n.createElement(es,null),n.createElement(ns.a,{external:!0,href:u.J},n.createElement(_t.a,{onClick:this.handleMobileAppClick},n.createElement(o.FormattedMessage,{defaultMessage:"Mobile app",id:"sidebarSwitcher.mobileAppButton.text"}))),n.createElement(es,null),n.createElement(ns.a,{external:!0,href:u.rb},n.createElement(_t.a,{onClick:this.handleWebClipperClick},n.createElement(o.FormattedMessage,{defaultMessage:"Web Clipper",id:"sidebarSwitcher.webClipperButton.text"}))))})}close(){ts.a.setState(bs({},ts.a.state,{open:!1}))}getSpaceViewStores(){const{currentUserRootStore:e,currentSpaceStore:t}=$.default.state;if(!e||!t)return[];const r=e.getSpaceViewStores();return Fe.uniqBy(r,e=>{const t=e.getValue();return t&&t.space_id}).filter(e=>Boolean(e.getValue()))}isMobile(){return this.props.format===ps.Mobile}isOnlySpace(){return 1===this.getSpaceViewStores().length}getLogoutStyle(){return{display:"flex",color:this.theme.mediumTextColor,whiteSpace:"nowrap",fontSize:this.isMobile()?16:12,paddingLeft:this.isMobile()||this.isOnlySpace()?0:za.dragHandleEffectiveWidth}}}vs.Format=ps,vs.buttonStyle={display:"flex",alignItems:"center",minWidth:0,height:"100%",width:"100%"};var Ss=vs,ws=r("BLi8"),ks=r("cYwG"),Ms=r("ttM1"),Os=r("dXb3"),Es=r("fCO4"),Cs=r("/0g+"),Ps=r("Wvka"),Ts=r("9vSW"),js=r("KTXS"),xs=r("7KuZ");function Is(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ds(e){for(var t=1;t{const{device:r}=this.environment,i=t?t.results:[],{currentBlockStore:a}=$.default.state;if(!a)return;const s=i.map(e=>F.a.createChildStore(a,e)).filter(e=>e.getValue()&&!ws.a.state.excludePages.has(e.id)).map(e=>({key:e.id,action:t=>{let{event:n}=t;if(n.metaKey){const t=Object(Ps.a)({baseUrl:g.default.baseURL,pageId:e.id});c.navigateToExternalURL({environment:this.environment,url:t})}else c.navigateToBlock({environment:this.environment,store:e}),Ts.a.setState(Ds({},Ts.a.state,{open:!1}));r.isMobile&&C.close()},render:t=>n.createElement(sn.a,Object.assign({},t,{dontShrinkRight:!0,store:e,right:n.createElement("div",{style:{display:"flex"}},n.createElement(J.a,{placement:J.a.Placement.Bottom,renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Restore",id:"sidebarTrash.restorePageButton.tooltip"}),render:t=>n.createElement(dn.a,Object.assign({isGray:!0,onClick:()=>this.handleRestoreClick(e)},t),A.a.undo({width:18,height:18}))}),n.createElement(J.a,{placement:J.a.Placement.Bottom,renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Delete permanently",id:"sidebarTrash.deletePagePermanentlyButton.tooltip"}),render:t=>n.createElement(dn.a,Object.assign({isGray:!0,onClick:()=>this.handleDeleteClick(e)},t),A.a.trash({width:18,height:18}))}))}))}));return 0===s.length?n.createElement(Fr.a,null,r.isMobile?n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"No matches found.",id:"sidebarTrash.mobileFilterBy.noMatchesPrompt"})}):n.createElement("div",{style:{fontSize:14,color:this.theme.mediumTextColor,textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"No matches found.",id:"sidebarTrash.filterBy.noMatchesPrompt"}))):n.createElement(n.Fragment,null,n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:[{key:0,items:s,render:e=>n.createElement(Fr.a,Object.assign({},e))}]}),n.createElement(Ms.a,{show:this.stores.requestStore.state.loading,showDelay:500,showHold:200,render:e=>{if(e)return n.createElement("div",{style:{height:44,display:"flex",flex:1,alignItems:"center",justifyContent:"center"}},n.createElement(pe.a,null))}}),n.createElement(ks.a,{onChange:this.handleScrollOffsetChange}))},this.handleSwipeLeft=()=>{const e=As.tabs.indexOf(ws.a.state.currentTab)+1,t=As.tabs[e];void 0!==t&&this.changeTab(t)},this.handleSwipeRight=()=>{const e=As.tabs.indexOf(ws.a.state.currentTab)-1,t=As.tabs[e];void 0!==t&&this.changeTab(t)},this.handleTabChange=e=>{const t=As.tabs[e];this.changeTab(t)},this.handleRestoreClick=e=>{de.createAndCommit(this.environment,t=>{Cs.c({environment:this.environment,blocks:[e],transaction:t})})},this.handleDeleteClick=e=>{Cs.b({environment:this.environment,blocks:[e]})},this.handleSearchInputChange=e=>{ws.a.setState(Ds({},ws.a.state,{filter:e.target.value,limit:ws.a.startLimit}))},this.handleClose=()=>{Ts.a.setState(Ds({},Ts.a.state,{open:!1}))},this.handleScrollOffsetChange=e=>{const{requestStore:t}=this.stores,{ready:r,loading:n,result:o}=t.state,i=o;e<=ws.a.loadMoreOffset&&i&&r&&!n&&!i.endOfResultsReached&&ws.a.setState(Ds({},ws.a.state,{limit:ws.a.state.limit+ws.a.limitIncrement}))},this.performSearchRequest=async e=>{const{currentSpaceStore:t,currentBlockStore:r}=$.default.state;if(!t||!r)return;const{limit:n,filter:o,currentTab:i}=ws.a.state;let a;if("in_current_page"===i)if(r.isCollectionView()){const e=r.getValue();if(!e||!e.collection_id)return;a=e.collection_id}else a=r.id;return await In.l({environment:this.environment,query:o,limit:n,ancestorId:a,spaceId:t.id})}}willMount(e){super.willMount(e),ws.a.setState(Ds({},ws.a.state,{filter:"",limit:ws.a.startLimit,excludePages:new Set}))}renderComponent(){const{device:e}=this.environment;let t;return t=e.isMobile?{menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Trash",id:"sidebarTrash.menu.header"}),left:this.renderMobileHelpButton(),right:n.createElement(ms.c,null),onClickRight:this.handleClose,header:this.renderHeader()}:{menuType:_r.b.MenuType.Popup,height:"50vh",width:414,header:this.renderHeader(),footer:this.renderFooter()},n.createElement(Es.a,{onSwipeLeft:this.handleSwipeLeft,onSwipeRight:this.handleSwipeRight,render:e=>n.createElement(_r.b,Object.assign({},t,e,{className:P.sb}),this.renderPages())})}renderHeader(){const{device:e}=this.environment,t=ws.a.state.currentTab,r=As.tabs.indexOf(t);return n.createElement(n.Fragment,null,n.createElement(En.a,{tabs:[n.createElement(o.FormattedMessage,{defaultMessage:"All pages",id:"sidebarTrash.allPages.tabHeader"}),n.createElement(o.FormattedMessage,{defaultMessage:"In current page",id:"sidebarTrash.inCurrentPage.tabHeader"})],selectedIndex:r,onChange:this.handleTabChange}),n.createElement("div",{style:{margin:e.isMobile?0:"10px 0"}},n.createElement(Os.a,{left:n.createElement(Ms.a,{show:this.stores.requestStore.state.loading,showDelay:500,showHold:200,render:e=>e?n.createElement(pe.a,{style:this.getSearchIconStyle()}):A.a.searchThick(this.getSearchIconStyle())}),style:Ds({},e.isAndroid&&{borderBottom:"none"}),showClearButton:!0,placeholder:Ye.default.formatMessage(_s.filterByPlaceholder),focus:!e.isMobile||void 0,value:ws.a.state.filter,onChange:this.handleSearchInputChange})))}renderFooter(){return n.createElement(Fr.a,{topBorder:!0,disableDesktopPadding:!0},n.createElement(js.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Learn about deleting and restoring pages",id:"sidebarTrash.learnMore.prompt"}),href:Object(sr.a)("guides.trash"),analyticsFrom:"trash"}))}renderMobileHelpButton(){return n.createElement(xs.a,{href:Object(sr.a)("guides.trash"),analyticsFrom:"trash"})}renderPages(){if(!yt.a.state.online)return n.createElement(Fr.a,null,n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to view the Trash.",id:"sidebarTrash.goOnline.prompt"})}));{const{filter:e,limit:t,currentTab:r}=ws.a.state,o="".concat(e,":").concat(t).concat(r);return n.createElement(Dt.a,{requestStore:this.stores.requestStore,request:o,performRequest:this.performSearchRequest,render:this.renderTrashPages,debounce:In.b})}}changeTab(e){ws.a.setState(Ds({},ws.a.state,{currentTab:e,limit:ws.a.startLimit})),this.stores.requestStore.setState(Ds({},this.stores.requestStore.state,{result:null})),ue.xe(this.environment,{tab:e})}getSearchIconStyle(){return{width:14,height:14,marginRight:6,flexGrow:0,flexShrink:0,color:this.theme.regularIconColor}}}As.tabs=["all_pages","in_current_page"];var Ls=As,Fs=r("q2qQ");function Rs(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ns(e){for(var t=1;t{const{isMobile:t,onClick:r}=this.props;return n.createElement(K.a,{store:this.clonedStore,canDropOnto:!0,onSelectableDrop:this.handleDrop,analyticsName:"sibebar_trash",shouldShowDropZone:!0},n.createElement(be.a,Object.assign({onClick:this.handleClick},Object(Er.a)(e,{onClick:r})),n.createElement(Z.a,{left:this.renderIcon(),style:Ns({},Ts.a.state.open&&{background:this.theme.buttonHoveredBackground}),isMobile:t,disableMobileBorder:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Trash",id:"sidebarTrashButton.text"}))))},this.renderSidebarTrash=()=>{const{currentSpaceStore:e}=$.default.state;if(e)return n.createElement(Ls,{spaceStore:e})},this.handleClick=e=>{ws.a.setState(Ns({},ws.a.state,{currentTab:"all_pages"})),ue.hd(this.environment)},this.handleDrop=e=>{const{droppedStores:t,duplicate:r}=e;r||de.createAndCommit(this.environment,e=>{Fs.o({environment:this.environment,blocks:t,transaction:e})})}}willMount(e){super.willMount(e),this.clonedStore=e.store.clone()}renderComponent(){const{device:e}=this.environment;return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:Ts.a,alignmentToOrigin:an.a.Alignment.Start,placementToOrigin:an.a.Placement.Right,originGap:0,onClick:this.handleClick,isFullWidthOnMobile:!0,render:this.renderSidebarTrash,preventScaleTransition:!0,renderOrigin:this.renderOrigin})}renderIcon(){const{device:e}=this.environment,t=this.theme.mediumIconColor;return e.isMobile?A.a.sidebarTrash({fill:t,height:16}):A.a.sidebarTrash({fill:t,width:14})}}var Ys=Us,Ws=r("ClNu");function Xs(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function zs(e){for(var t=1;t{const{isHidden:e}=this.stores.outlinerToggleButtonStore.state,t=!e;V.g({spaceViewStore:this.props.spaceViewStore,type:this.props.type,outlinerToggleButtonStore:this.stores.outlinerToggleButtonStore,newValue:t})},this.handleCreatePageClick=()=>{const{type:e,spaceStore:t,spaceViewStore:r}=this.props,{outlinerToggleButtonStore:n}=this.stores;V.c({environment:this.environment,spaceStore:t,spaceViewStore:r,type:e,outlinerToggleButtonStore:n,prepend:!0})}}willMount(e){super.willMount(e);const t=Se.a.get({userId:this.environment.currentUser.id,key:V.d(e.spaceViewStore,e.type)});t&&this.stores.outlinerToggleButtonStore.setState(zs({},this.stores.outlinerToggleButtonStore.state,{isHidden:t}))}renderComponent(){const{renderSidebar:e}=this.props,{isHidden:t}=this.stores.outlinerToggleButtonStore.state;return n.createElement("div",{onMouseMove:()=>this.stores.mouseStore.setState(zs({},this.stores.mouseStore.state,{mouseEntered:!0})),onMouseLeave:()=>this.stores.mouseStore.setState(zs({},this.stores.mouseStore.state,{mouseEntered:!1})),style:{marginBottom:t?0:Hs.marginBottom}},this.renderLabel(),!t&&e())}renderLabel(){const{showAddPageButton:e}=this.props,{isHidden:t}=this.stores.outlinerToggleButtonStore.state,{labelMouseStore:r}=this.stores,{mouseEntered:i}=r.state,a={bookmarks:P.W,workspace:P.cb,shared:P.ab,private:P.Y}[this.props.type],s=t?n.createElement(o.FormattedMessage,{defaultMessage:"Click to show section",id:"sidebar.sectionHeaderShow.tooltip"}):n.createElement(o.FormattedMessage,{defaultMessage:"Click to hide section",id:"sidebar.sectionHeaderHide.tooltip"});return n.createElement(Z.a,{className:a,isMobile:this.props.isMobile,disableMobileBorder:t,shouldShowMobileMarginBotton:t,style:this.getSectionSidebarItemStyle(),childrenStyle:{overflow:"visible"},right:e&&this.renderAddPageButton()},n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(J.a,{style:Hs.tooltipStyle,textWrap:!0,renderTooltip:()=>n.createElement("div",null,n.createElement("div",null,s),n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor,whiteSpace:"nowrap"}},this.props.labelTooltip)),placement:J.a.Placement.Top,render:e=>n.createElement(be.a,Object.assign({style:this.getLabelButtonStyle(),onClick:this.handleHideClick},Object(Er.a)(e,{onMouseMove:()=>r.setState(zs({},r.state,{mouseEntered:!0})),onMouseLeave:()=>r.setState(zs({},r.state,{mouseEntered:!1}))})),n.createElement("span",{style:zs({},this.props.isMobile?this.getMobileSectionLabelStyle():this.getSectionLabelStyle(),{color:i?this.theme.mediumTextColor:this.theme.lightTextColor,transition:"color 100ms ease-out"})},this.renderLabelContent()))})))}renderAddPageButton(){return n.createElement(J.a,{style:Hs.tooltipStyle,textWrap:!0,renderTooltip:()=>n.createElement(n.Fragment,null,n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebar.addAPageButton.tooltip"}),n.createElement("br",null),n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor}},this.props.labelTooltip)),placement:J.a.Placement.Right,render:e=>n.createElement(be.a,Object.assign({style:this.getPlusButtonStyle(),onClick:this.handleCreatePageClick,className:P.v},e),A.a.plus({fill:this.theme.mediumIconColor,width:12,height:12}))})}renderLabelContent(){const{type:e}=this.props;return"bookmarks"===e?n.createElement(o.FormattedMessage,{defaultMessage:"Favorites",id:"sidebar.favoritesSection.header"}):"workspace"===e?n.createElement(o.FormattedMessage,{defaultMessage:"Workspace",id:"sidebar.workspaceSection.header"}):"private"===e?n.createElement(o.FormattedMessage,{defaultMessage:"Private",id:"sidebar.privateSection.header"}):"shared"===e?n.createElement(o.FormattedMessage,{defaultMessage:"Shared",id:"sidebar.sharedSection.header"}):void 0}getSectionSidebarItemStyle(){return{paddingTop:0,paddingBottom:0,paddingRight:14,paddingLeft:15,minHeight:24}}getSectionLabelStyle(){return{letterSpacing:"0.03em",textTransform:"uppercase",fontSize:11.5,lineHeight:1,marginBottom:1,color:this.theme.lightTextColor,fontWeight:ee.a.fontWeight.semibold}}getMobileSectionLabelStyle(){return{textTransform:"uppercase",fontSize:13,lineHeight:1,color:this.theme.lightTextColor,fontWeight:ee.a.fontWeight.semibold}}getLabelButtonStyle(){return zs({display:"flex",alignItems:"center",borderRadius:3,padding:"2px 4px",marginLeft:-4},this.props.isMobile&&{marginBottom:8})}getPlusButtonStyle(){return{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:3,height:20,width:20,border:"1px solid ".concat(this.theme.outlineButtonBorder)}}}Hs.tooltipStyle={minWidth:200},Hs.marginBottom=20;var Gs=Hs,Ks=r("id5p"),Zs=r("iVjn"),Js=r("RI9y"),Qs=r("UcZb"),$s=r("DaKt");function el(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function tl(e){for(var t=1;t{const t=Object(gs.f)(this.environment);return n.createElement("div",{style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Drag to resize",id:"sidebarResizer.tooltip.dragMessage",values:{invertedcolor:function(){for(var t=arguments.length,r=new Array(t),o=0;o{expanded, select, true {close} other {lock open}}",id:"sidebarResizer.clickToToggleSidebar.message",values:{expanded:t,invertedcolor:function(){for(var t=arguments.length,r=new Array(t),o=0;o{Qs.b.set(e.clientY)},this.handleMouseMove=()=>{Qs.d.setState(tl({},Qs.d.state,{isResizerHovered:!0}))},this.handleMouseLeave=()=>{Qs.d.setState(tl({},Qs.d.state,{isResizerHovered:!1}))},this.handleDragStart=()=>{he.e(this.environment),this.stores.mouseStore.setState(tl({},this.stores.mouseStore.state,{mousePressed:!0})),this.didDragMove=!1,Qs.d.setState(tl({},Qs.d.state,{isResizing:!1}))},this.handleDragMove=e=>{Js.clear(this.environment),this.didDragMove=!0,C.setWidth({width:this.calculateWidth(e.currentX)})},this.handleDragEnd=()=>{this.didDragMove||(C.setExpand({environment:this.environment,isExpanded:!Qs.a.state}),Qs.c.set(!1),this.stores.mouseStore.setState(tl({},this.stores.mouseStore.state,{mouseEntered:!1}))),this.stores.mouseStore.setState(tl({},this.stores.mouseStore.state,{mousePressed:!1})),Qs.d.setState(tl({},Qs.d.state,{isResizing:!1}))},this.handleDragCancel=()=>{this.stores.mouseStore.setState(tl({},this.stores.mouseStore.state,{mousePressed:!1})),Qs.d.setState(tl({},Qs.d.state,{isResizing:!1}))}}renderComponent(){const{device:e}=this.environment,t=Qs.e.state,r=Qs.b.state;if(!$s.a.state&&!e.isChromebook)return n.createElement(J.a,{renderTooltip:this.renderTooltip,originRect:{top:r,left:t,width:0,height:0,bottom:r,right:t},delayThreshold:500,placement:J.a.Placement.Right,originGap:10,render:e=>n.createElement("div",Object.assign({style:this.getWrapStyle()},Object(Er.a)(e,{onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onMouseEnter:this.handleMouseEnter})),n.createElement(Zs.a,{onDraggableDragStart:this.handleDragStart,onDraggableDragMove:this.handleDragMove,onDraggableDragEnd:this.handleDragEnd,onDraggableDragCancel:this.handleDragCancel,disableVerticalEdgeScroll:!0,disableHorizontalEdgeScroll:!0,render:e=>n.createElement("div",Object.assign({style:this.getStyle()},e))}))})}getWrapStyle(){const e=Object(gs.f)(this.environment);return{position:"absolute",right:0,width:0,flexGrow:0,zIndex:1,top:e?0:-1,bottom:e?0:-1}}getStyle(){return{cursor:"col-resize",height:"100%",width:16,marginLeft:-8}}calculateWidth(e){return e>nl.maxWidth?nl.maxWidth:e{ot.a.setState({open:!0,currentTab:"credit"}),ue.Zb(this.environment)},this.handleCloseClick=()=>{const{currentUserSettingsStore:e}=$.default.state;e&&de.createAndCommit(this.environment,t=>{ce.d({store:e.getSettingsStore(),data:{hide_referral_notification:!0},transaction:t}),ue.ac(this.environment)})}}renderComponent(){var e=this;const{data:t}=Rr.default.state;if(!t)return;const{intl:r}=this.props,{availableCredit:i}=t,a=Math.floor(i/g.default.pricing.personal.monthlyPrice);return n.createElement(be.a,{style:this.getStyle(),onClick:this.handleClick},n.createElement("div",{style:{display:"flex"}},A.a.gift({width:14,marginRight:6,fill:this.theme.mediumIconColor}),n.createElement("div",{style:{marginRight:12}},n.createElement(o.FormattedMessage,{defaultMessage:"You earned {creditAmountInDollars} in credit.",id:"sidebarCredits.earnedCredit.message",values:{creditAmountInDollars:n.createElement("b",{style:{color:this.theme.regularTextColor}},Object(mo.b)({amount:i,currency:"dollar",intl:r}))}}),a>0&&n.createElement(n.Fragment,null," ",n.createElement(o.FormattedMessage,{id:"sidebarCredits.freeMonthMessage",description:"Message in sidebar letting user know they have credits",defaultMessage:"{numberOfMonths, plural, one {That's {numberOfMonths} month free.} other {That's {numberOfMonths} months free.}}",values:{numberOfMonths:a,b:function(){for(var t=arguments.length,r=new Array(t),o=0;o{ot.a.setState({open:!0,currentTab:"plans"}),ue.ee(this.environment);const e=$.default.state.currentSpaceStore;e&&me.i({environment:this.environment,spaceStore:e})},this.handleCloseClick=()=>{const{currentUserSettingsStore:e}=$.default.state;e&&de.createAndCommit(this.environment,t=>{ce.d({store:e.getSettingsStore(),data:{hide_student:!0},transaction:t}),ue.fe(this.environment)})}}renderComponent(){return Object(Gt.K)(this.environment)&&n.createElement(Dt.a,{request:{},performRequest:e=>Re.isEmailEducation(this.environment,e),render:(e,t,r)=>{if(r&&t&&"failed"!==t.type&&t.data.isEligible)return n.createElement(be.a,{style:this.getStyle(),onClick:this.handleClick},n.createElement("div",{style:{marginRight:12,marginBottom:6}},n.createElement(o.FormattedMessage,{defaultMessage:"You're eligible for free Personal Pro (Education) plan.",id:"sidebarStudentPlanPrompt.eligible.message"})),n.createElement("div",{style:{display:"flex"}},n.createElement("div",{style:{textDecoration:"underline"}},n.createElement(o.FormattedMessage,{defaultMessage:"Get free Personal Pro Plan",id:"sidebarStudentPlanPrompt.eligible.getFreePrompt"}))),n.createElement(_t.a,{style:sl.closeButtonStyle,onClick:this.handleCloseClick},A.a.closeThick({width:10})))}})}getStyle(){return{position:"relative",padding:"10px 16px",margin:12,fontSize:12,borderRadius:6,background:this.theme.sidebarItemSelectedBackground}}}sl.closeButtonStyle={position:"absolute",top:6,right:6};var ll=sl,cl=r("p0Uu"),dl=r("raUL"),ul=r("/wWF"),pl=r("szb2"),hl=r("cy36"),ml=r("30UQ"),gl=r("2bwL"),fl=r("+zu0"),bl=r("VOS9");class yl extends b.a{constructor(){super(...arguments),this.storeTypes={buttonPopupStore:on.a}}renderComponent(){const{device:e}=this.environment;let t;return t=e.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup},n.createElement("div",{style:this.getContainerStyle()},n.createElement("div",{style:this.getTextStyle()},this.props.emailAddress),n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:this.stores.buttonPopupStore,renderOrigin:e=>{if(!this.props.disabled)return n.createElement(be.a,Object.assign({},e,{style:this.getButtonStyle()}),A.a.dots(this.getButtonIconStyle()))},render:()=>n.createElement(_r.b,Object.assign({},t),n.createElement(bl.a,{sections:Object(ge.f)(this.props.userId),context:{environment:this.environment,blocks:[]}}))}))}getButtonStyle(){const{device:e}=this.environment;return{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:e.isMobile?24:20,height:e.isMobile?24:20,borderRadius:3}}getButtonIconStyle(){const{device:e}=this.environment;return{width:e.isMobile?18:12,height:e.isMobile?18:12}}getContainerStyle(){return{marginTop:this.environment.device.isMobile?20:8,marginLeft:12,marginRight:12,display:"flex",alignItems:"center",justifyContent:"space-between",color:this.theme.mediumTextColor}}getTextStyle(){return{fontSize:this.environment.device.isMobile?14:11,lineHeight:ee.a.lineHeight.UISmall.desktop,fontWeight:ee.a.fontWeight.medium}}}var vl=yl,Sl=r("62KP"),wl=r("1Imc"),kl=r("SiBm");const Ml=new on.a,Ol=new on.a;var El=r("4VgC");function Cl(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Pl(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Tl extends b.a{renderComponent(){return n.createElement(be.a,{onClick:this.props.onClick,style:this.getStyle(),hoveredStyle:this.getHoveredStyle()},A.a.appleLogo({width:16,height:16,marginRight:6,marginBottom:2}),n.createElement(o.FormattedMessage,{id:"loginForm.loginWithAppleButton.label",defaultMessage:"Continue with Apple"}))}getStyle(){return function(e){for(var t=1;t{const{loginStore:t}=this.stores,r=Dl({},t.state,{email:e.target.value,alert:void 0});t.isPassword()||t.isTemporaryPasscode()||t.isReverifying()?t.setState(Dl({},r,{loginType:"email"})):t.setState(r)},this.handleEmailLoginClick=async()=>{const{loginStore:e}=this.stores;if(e.isEmail()){const{email:t}=e.state,r=await Re.checkEmailType(this.environment,{email:t,allowAdminBypass:!0});if("failed"===r.type)return;const n=r.data.samlRedirect;if(n&&n.enforced)return e.setState(Dl({},e.state,{loginType:"saml",alert:"Redirecting you to use SAML SSO"})),void this.handleSamlLoginClick();r.data.hasPassword?r.data.mustReverify?await Ue.sendTemporaryPassword({environment:this.environment,store:e,reverify:!0}):e.setState(Dl({},e.state,{loginType:"password",alert:void 0})):(e.setState(Dl({},e.state,{hasAccount:Boolean(r.data.hasAccount)})),Ue.sendTemporaryPassword({environment:this.environment,store:e}))}},this.handleTemporaryPasscodeLoginClick=async()=>{const{loginStore:e}=this.stores;if(e.isReverifying()){const{password:t,sentEmailPasscodeState:r}=e.state,n=await Ue.verifyEmail({environment:this.environment,state:r,password:t});n?e.setState(Dl({},e.state,{alert:n})):e.setState(Dl({},e.state,{loginType:"password",password:"",reverified:!0,alert:void 0}))}if(e.isTemporaryPasscode()){const{password:t,sentEmailPasscodeState:r}=e.state,n=await Ue.loginWithTemporaryPasscode({environment:this.environment,state:r,password:t});n&&e.setState(Dl({},e.state,{alert:n}))}},this.handlePasswordLoginClick=async()=>{const{loginStore:e}=this.stores,{email:t,password:r}=e.state,n=await Ue.loginWithPassword({environment:this.environment,email:t,password:r});e.setState(Dl({},e.state,{alert:n}))},this.handleResetPasswordClick=async()=>{Ue.sendPasswordResetLink({environment:this.environment,store:this.stores.loginStore})},this.handleSamlLoginClick=async()=>{const{device:e}=this.environment,{loginStore:t}=this.stores;if(t.isSaml()){const{email:r}=t.state;if(r){const n=e.isElectron?"nativeredirect":e.isNative?"native":void 0,o=await Re.getSamlRedirect(this.environment,{email:r,callbackType:n});if("failed"===o.type)return void t.setState(Dl({},t.state,{alert:Object(Rt.a)(this.props.intl,o)}));t.setState(Dl({},t.state,{alert:void 0}));const i=o.data.redirectUrl;i&&Ue.redirectToSaml(this.environment,i)}}},this.handleLoginWithAppleClick=async()=>{Ue.requestLoginWithApple({environment:this.environment,store:this.stores.loginStore})}}renderComponent(){const{loginStore:e}=this.stores,{isSignup:t}=this.props;return n.createElement("div",{className:P.D,style:Dl({},_l.wrapStyle,{},this.props.style)},this.renderLoginWithGoogleButton(),this.renderLoginWithAppleButton(),n.createElement("div",{style:{width:"100%"}},this.renderLoginForm(),this.renderAlert(),!t&&this.renderForgotPassword(),!g.default.isAdminMode&&this.renderLoginOptions({email:!(e.isEmail()||e.isTemporaryPasscode()||e.isPassword()||e.isReverifying()),saml:!e.isSaml()})),this.renderDisclaimer())}renderLoginForm(){var e=this;const{loginStore:t}=this.stores,{email:r,password:i}=t.state;return t.isEmail()?n.createElement(n.Fragment,null,this.renderEmailInput({email:r,onSubmit:this.handleEmailLoginClick}),n.createElement(El.a,{variant:"secondary",style:{marginTop:6,marginBottom:12},isFullWidth:!0,onClick:this.handleEmailLoginClick},n.createElement(o.FormattedMessage,{id:"loginForm.continueWithEmailButton.label",defaultMessage:"Continue with email"}))):t.isPassword()?n.createElement(n.Fragment,null,this.renderEmailInput({email:r,onSubmit:this.handlePasswordLoginClick}),t.state.reverified&&n.createElement("div",{style:this.getEmailSentCaptionStyle()},n.createElement("span",{style:{paddingRight:4}},this.renderCheck()),n.createElement(o.FormattedMessage,{id:"loginForm.reverifyPasswordLabel",defaultMessage:"Email verified. You can continue logging in with your password.",values:{emailverifiedtext:function(){for(var t=arguments.length,r=new Array(t),o=0;o{Ue.requestLoginWithGoogle({environment:this.environment,store:this.stores.loginStore,permissionsStore:this.stores.loginPermissionsStore})}},A.a.googleLogo({fill:"currentColor",width:14,height:14,marginRight:6}),n.createElement(o.FormattedMessage,{id:"loginForm.loginWithGoogleButton.label",defaultMessage:"Continue with Google"}))}renderLoginWithAppleButton(){if(!g.default.isAdminMode)return n.createElement(jl,{style:{marginTop:10},onClick:this.handleLoginWithAppleClick})}renderCheck(){return A.a.thinCheck({display:"inline",height:12,width:12,color:this.theme.regularTextColor})}renderLoginOptions(e){const{email:t,saml:r}=e;if(t||r)return n.createElement("div",{style:this.getCaptionStyle()},t&&r?this.renderContinueWithEmailOrSaml():t?this.renderContinueWithEmail():this.renderContinueWithSaml())}renderContinueWithEmailOrSaml(){var e=this;return n.createElement(o.FormattedMessage,{id:"loginForm.otherLoginOptions.continueWithEmailOrSAML",defaultMessage:"You can also continue with email or continue with SAML SSO",values:{emailloginlink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{e.stores.loginStore.setState(Dl({},e.stores.loginStore.state,{loginType:"email",alert:void 0}))}},r)},samlloginlink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{e.stores.loginStore.setState(Dl({},e.stores.loginStore.state,{loginType:"saml",alert:void 0}))}},r)}}})}renderContinueWithEmail(){var e=this;return n.createElement(o.FormattedMessage,{id:"loginForm.otherLoginOptions.continueWithEmail",defaultMessage:"You can also continue with email",values:{emailloginlink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{e.stores.loginStore.setState(Dl({},e.stores.loginStore.state,{loginType:"email",alert:void 0}))}},r)}}})}renderContinueWithSaml(){var e=this;return n.createElement(o.FormattedMessage,{id:"loginForm.otherLoginOptions.continueWithSAML",defaultMessage:"You can also continue with SAML SSO",values:{samlloginlink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{e.stores.loginStore.setState(Dl({},e.stores.loginStore.state,{loginType:"saml",alert:void 0}))}},r)}}})}renderEmailInput(e){const{email:t,onSubmit:r}=e,i="email"===this.props.emailLabelType?n.createElement(o.FormattedMessage,{id:"loginForm.emailInput.label",defaultMessage:"Email",description:"Label for email input field if user is logging in with a normal email address"}):n.createElement(o.FormattedMessage,{id:"loginForm.workEmailInput.label",defaultMessage:"Work email",description:"Label for email input field if user is logging in with a company email address"});return n.createElement(n.Fragment,null,n.createElement(it.a,{size:42}),n.createElement(mt.a,null,i),n.createElement(dt.b,{value:t,type:"email",format:dt.b.Format.Large,style:this.getInputStyle(),placeholder:this.props.intl.formatMessage({id:"loginForm.emailInput.placeholder",defaultMessage:"Enter your email address..."}),onSubmit:r,autoComplete:"username",showClearButton:!0,autoFocus:this.props.emailInputAutoFocus,onChange:this.handleEmailChange}))}renderPasswordInput(e){const{password:t,inputType:r,placeholderType:o,intl:i,onSubmit:a}=e;let s="";const l=this.stores.loginStore.state.hasAccount,c=!xl.a(this.environment);switch(o){case"enter_password":s=i.formatMessage({id:"loginForm.passcodeInput.enterPasswordPlaceholder",defaultMessage:"Enter your password..."});break;case"enter_code":s=l||!c?i.formatMessage({id:"loginForm.passcodeInput.enterCodePlaceholder",defaultMessage:"Enter login code"}):i.formatMessage({id:"loginForm.passcodeInput.enterSignupCodePlaceholder",defaultMessage:"Enter sign up code"});break;case"paste_code":s=l||!c?i.formatMessage({id:"loginForm.passcodeInput.pasteCodePlaceholder",defaultMessage:"Paste login code"}):i.formatMessage({id:"loginForm.passcodeInput.pasteSignupCodePlaceholder",defaultMessage:"Paste sign up code"});break;case"reverify":s=i.formatMessage({id:"loginForm.passcodeInput.reverifyPlaceholder",defaultMessage:"Paste verification code"})}return n.createElement(dt.b,{type:r,value:t,style:this.getInputStyle(),format:dt.b.Format.Large,placeholder:s,onSubmit:a,autoFocus:!0,autoComplete:"text"===r?"one-time-code":"current-password",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,onChange:e=>{this.stores.loginStore.setState(Dl({},this.stores.loginStore.state,{password:"text"===r?e.target.value.trim():e.target.value,alert:void 0}))}})}renderForgotPassword(){const{loginStore:e}=this.stores;if(e.isPassword()||e.isEmail())return n.createElement("div",{style:this.getCaptionStyle()},n.createElement(er.a,{onClick:()=>{e.setState(Dl({},e.state,{loginType:"forgot",password:"",alert:void 0}))}},n.createElement(o.FormattedMessage,{id:"loginForm.forgotPasswordLink",defaultMessage:"Forgot password?"})))}renderAlert(){const{alert:e}=this.stores.loginStore.state,t=e&&e.split("User:")[1]||e;return n.createElement("div",{style:{fontSize:14,color:m.f.redWithAlpha(1),textAlign:"center",display:t?"block":"none",width:"100%"}},t)}renderDisclaimer(){const{device:e}=this.environment;return this.props.disableDisclaimer?null:n.createElement("div",{style:{width:e.isMobile?"100%":500,marginTop:64,fontSize:12,color:this.theme.lightTextColor,textAlign:e.isMobile?"left":"center"}},n.createElement("p",{style:{marginBottom:0}},n.createElement(o.FormattedMessage,{id:"loginForm.disclaimer",description:"Terms and conditions for using the app",defaultMessage:"By clicking “Continue with Google/Email/SAML” above, you acknowledge that you have read and understood, and agree to Notion's Terms & Conditions and Privacy Policy.",values:{termsandconditionslink:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const{device:t}=this.environment;return n.createElement(Ae.b,{type:Ae.b.OverflowType.Y,style:{height:"100%"}},!t.isMobile&&n.createElement("div",{style:this.getCancelStyle(),onClick:()=>kl.a.setState(Fl({},kl.a.getState(),{open:!1}))},n.createElement(o.FormattedMessage,{defaultMessage:"Cancel",id:"sidebarSwitcherMultiAccount.addAccountModal.cancelButton.label"})),n.createElement("div",{style:this.getLoginActionWrapperStyle()},n.createElement("div",{style:this.getTitleStyle()},n.createElement(o.FormattedMessage,Object.assign({},Object(gs.e)(this.props.intl,e)))),n.createElement("div",{style:this.getDescriptionStyle()},this.renderDescription(e)),n.createElement(Ln.a,{capture:!0,onBackspace:Fe.identity,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onTab:Fe.identity},n.createElement(Al,Object.assign({style:this.getLoginActionStyle(),emailPasscodePlaceholderType:"enter_code",emailLabelType:"email",emailInputAutoFocus:!0,disableDisclaimer:!0},this.stores)))))},this.renderAccountActionModal=()=>{const{open:e,createType:t}=kl.a.state;return n.createElement(at.a,{open:e,innerStyle:this.getModalStyle(),onDismiss:()=>kl.a.setState(Fl({},kl.a.getState(),{open:!1})),render:()=>{if(t)return this.renderLoginAction(t)},className:P.tb})},this.getAccountActionStyle=()=>{const{device:e}=this.environment;return{display:"flex",color:this.theme.mediumTextColor,whiteSpace:"nowrap",fontSize:e.isMobile?16:12}}}willMount(e){super.willMount(e);const{loginStore:t}=this.stores;"email"===t.state.loginType&&this.environment.device.isMobile&&t.setState(Fl({},t.state,{loginType:"google"}))}renderComponent(){const{online:e}=yt.a.state,{device:t}=this.environment,{createType:r}=this.props;return t.isMobile?n.createElement(an.a,{popupType:an.a.PopupType.SlideUp,buttonPopupStore:"add-account"===r?Ol:Ml,alignmentToOrigin:an.a.Alignment.Start,placementToOrigin:an.a.Placement.Top,originGap:0,isFullWidthOnMobile:!0,render:e=>this.renderAccountActionMenu(r,e),preventScaleTransition:!0,renderOrigin:t=>n.createElement(Lr.a,Object.assign({focused:!1,disabled:!e,title:this.renderMenuButtonLoginTitle(r)},t))}):n.createElement("div",{onClick:()=>{e&&kl.a.setState(Fl({},kl.a.getState(),{open:!0,createType:r}))}},n.createElement(Lr.a,{focused:!1,disabled:!e,title:this.renderMenuButtonLoginTitle(r)}),this.renderAccountActionModal())}renderMenuButtonLoginTitle(e){switch(e){case"create-work":return n.createElement("div",{style:this.getAccountActionStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Create work account",id:"sidebarSwitcherMultiAccount.menuItem.createWorkAccountButton.label"}));case"add-account":return n.createElement("div",{style:this.getAccountActionStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Add another account from email",id:"sidebarSwitcherMultiAccount.addAccountButton.label"}))}}renderAccountActionMenu(e,t){const r={menuType:_r.b.MenuType.Modal,left:n.createElement(ms.b,null),onClickLeft:t.close,whiteBackground:!0,title:n.createElement(o.FormattedMessage,Object.assign({},Object(gs.e)(this.props.intl,e)))};return n.createElement(_r.b,Object.assign({},r),this.renderLoginAction(e))}renderDescription(e){switch(e){case"add-account":return n.createElement(o.FormattedMessage,{id:"sidebarSwitcherMultiAccount.addAccount.description",defaultMessage:"Use an existing account, or sign up with a new email. Your current account will remain logged in.",description:"Description when adding an account"});case"create-work":return n.createElement(o.FormattedMessage,{id:"sidebarSwitcherMultiAccount.createWork.description",defaultMessage:"We’ll check if your teammates are already on Notion. If not, we’ll create a new home for you and your team.",description:"Description when creating a work account"})}}getBaseMobileStyle(){return this.environment.device.isMobile?{maxWidth:343}:{}}getModalStyle(){return{width:480,maxWidth:"calc(100vw - 100px)",borderRadius:3}}getTitleStyle(){return Fl({fontSize:28,fontWeight:ee.a.fontWeight.semibold,marginTop:90,textAlign:"center",lineHeight:1.1},this.getBaseMobileStyle())}getDescriptionStyle(){return Fl({fontSize:14,color:this.theme.mediumTextColor,width:350,marginTop:12,marginBottom:20,textAlign:"center",lineHeight:1.3},this.getBaseMobileStyle())}getCancelStyle(){return{fontSize:14,color:this.theme.mediumTextColor,position:"absolute",right:0,marginTop:16,marginRight:16,cursor:"pointer"}}getLoginActionWrapperStyle(){return{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",userSelect:"none",WebkitUserSelect:"none"}}getLoginActionStyle(){return Fl({width:320,marginTop:24,marginBottom:64},this.getBaseMobileStyle())}}var Vl,Ul=Object(o.injectIntl)(Nl),Yl=r("klxS");function Wl(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Xl(e){for(var t=1;t{ts.a.setState(Xl({},ts.a.state,{open:!0})),ue.fd(this.environment)},this.logout=()=>{const{online:e}=yt.a.state;e&&(ts.a.setState(Xl({},ts.a.state,{open:!1})),ue.ce(this.environment),Ue.logout(this.environment))},this.handleDraggableListDrop=e=>t=>{const r=new Yl.a(this.environment,e,{userId:e});de.createAndCommit(this.environment,e=>{ze.u({userRootStore:r,transaction:e,spaceViewIds:t})},e),ue.Kd(this.environment,{workspace_count:t.length})},this.getAccountActionStyle=()=>({display:"flex",color:this.theme.mediumTextColor,whiteSpace:"nowrap",fontSize:this.isMobile()?16:12,paddingLeft:this.isMobile()||this.isOnlySpace()?0:za.dragHandleEffectiveWidth}),this.getFooterStyle=()=>this.environment.device.isMobile?{}:{backgroundColor:this.theme.sidebarSwitcherFooterBackground}}renderComponent(){const{device:e}=this.environment,{shouldShowUnexpandButton:t}=this.props,{currentSpaceStore:r,currentUserStore:i}=$.default.state,a=kl.a.getUserIds(this.environment);if(!r||!i)return;const s=rs.a.getUnreadMentionsCountForOtherSpaces(),l=a.length>1?i.getEmail():void 0;return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:ts.a,renderOrigin:()=>n.createElement(be.a,{style:Xl({},ql.buttonStyle,{height:this.height[this.props.format],marginBottom:l?e.isMobile?0:8:0}),mobileFeedback:e.isMobile,onClick:this.handleClick,className:P.rb},n.createElement(hs,{isMobile:this.isMobile(),spaceStore:r,activeUserEmailAddress:l,showExpand:!0,type:"store"}),t&&n.createElement("div",{className:P.v,style:{marginRight:s?0:12}},n.createElement(Za,null)),n.createElement(Na.a,{color:Na.a.Color.Red,count:s,style:{marginLeft:6,marginRight:14}})),originGap:0,disableMutationObserver:!0,render:t=>{let r;return r=e.isMobile?{menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Accounts & Workspaces",id:"sidebarSwitcherMultiAccount.mobileMenu.title"}),right:n.createElement(ms.c,null),onClickRight:t.close}:{menuType:_r.b.MenuType.Popup,minWidth:270,maxWidth:360,footer:this.renderFooter()},n.createElement(_r.b,Object.assign({},r),a.map(t=>n.createElement(n.Fragment,{key:t},this.renderAccountHeader(t),n.createElement("div",{style:e.isMobile?{paddingTop:10}:{}},n.createElement(Ar.a,{type:Ar.a.Type.Vertical,sections:this.getMenuListSections(t),initialFocus:void 0})))),e.isMobile&&this.renderFooter())}})}renderAccountHeader(e){const{online:t}=yt.a.state,r=kl.a.getUserEmailAddress(this.environment,e);return r&&n.createElement(vl,{emailAddress:r,userId:e,disabled:!t})}renderFooter(){return n.createElement("div",{style:this.getFooterStyle()},n.createElement(Fr.a,null,!this.hasAtLeastOneTeamPlan()&&n.createElement(Ul,Object.assign({createType:"create-work"},this.stores)),n.createElement(Ul,Object.assign({createType:"add-account"},this.stores)),this.renderLogoutAll()))}renderLogoutAll(){const{online:e}=yt.a.state;return n.createElement(Lr.a,{onClick:this.logout,focused:!1,disabled:!e,title:n.createElement("div",{style:Xl({},this.getAccountActionStyle(),{paddingLeft:0})},n.createElement(o.FormattedMessage,{defaultMessage:"Log out all",id:"sidebarSwitcherMultiAccount.menuItem.logoutAllButton.label"}))})}getMenuListSections(e){const{device:t}=this.environment,r=kl.a.getSpaceViewStores(this.environment,e).map(e=>e.id);return[{key:"spaces",render:o=>n.createElement(Fr.a,Object.assign({},o,{disableMobilePadding:!0,topBorder:t.isMobile,style:{borderBottom:"1px solid ".concat(this.theme.regularDividerColor)},children:t.isMobile?o.children:n.createElement(n.Fragment,null,n.createElement(Hn.b,{direction:Hn.a.Vertical,keys:r,renderKey:e=>o.children[r.indexOf(e)],onDrop:this.handleDraggableListDrop(e),isSidebarSwitcher:!0}))})),items:this.getSpaceMenuListItems(e)}]}renderSpaceMenuItem(e){const{device:t}=this.environment,{online:r}=yt.a.state;return n.createElement(za,Object.assign({},e.props,{id:e.id,icon:e.icon,title:e.title,caption:e.subtitle,isCheck:e.isCurrentSpace,unreadMentions:e.unreadMentions,isOnlySpace:this.isOnlySpace(e.userId),shortcut:void 0!==e.shortcutIndex&&e.shortcutIndex<=9?t.isElectronMac?"⌘".concat(e.shortcutIndex):"ctrl+".concat(e.shortcutIndex):void 0,disabled:!r&&this.environment.currentUser.id!==e.userId}))}getSpaceMenuListItems(e){const{device:t}=this.environment,r=[],{currentUserRootStore:n,currentSpaceStore:o}=$.default.state,i=kl.a.getSpaceViewStores(this.environment,e),a=kl.a.getAllSpaceViewStores(this.environment);if(!n||!o)return[];for(const[s,l]of i.entries()){const i=l.getSpaceStore();if(i){const s=e===n.id&&i.id===o.id,{results:c}=rs.a.state,d=c.find(e=>e.spaceId===i.id),u=Object(lr.getSpaceName)(this.environment,i);let p;const h=os.a.getPublicSpaceData(this.environment,i.id);if(h){const e=h.productId?this.props.intl.formatMessage(Object(gs.d)(h.productId)):this.props.intl.formatMessage("team"===i.getPlanType()?gs.h.teamTrialPlan:gs.h.personalPlan);p=this.props.intl.formatMessage("personal"===i.getPlanType()?gs.h.workspaceSubtitleWithoutMembers:gs.h.workspaceSubtitleWithMembers,{numberOfWorkspaceMembers:this.props.intl.formatNumber(h.memberCount),planType:e})}const m=Fe.findIndex(a,e=>e.id===l.id)+1;r.push({key:l.id,render:r=>this.renderSpaceMenuItem({id:i.id,props:r,title:u,subtitle:p,shortcutIndex:t.isElectron?m:void 0,icon:Object(lr.getSpaceIcon)(this.environment,i),isCurrentSpace:s,userId:e,unreadMentions:d&&d.spaceId!==o.id&&d.unread.mentions>0?d.unread.mentions:void 0}),action:async e=>{let{event:t}=e;this.close(),s||await ze.o({environment:this.environment,spaceViewStore:l,userSettingsStore:$.default.state.currentUserSettingsStore,userRootStore:$.default.state.currentUserRootStore,metaClick:t.ctrlKey||t.metaKey}),ue.de(this.environment)}})}}return r}close(){ts.a.setState(Xl({},ts.a.state,{open:!1}))}isMobile(){return this.props.format===Vl.Mobile}isOnlySpace(e){return 1===(e?kl.a.getSpaceViewStores(this.environment,e):kl.a.getAllSpaceViewStores(this.environment)).length}hasAtLeastOneTeamPlan(){return kl.a.hasAtLeastOneTeamPlan(this.environment)}}ql.Format=Vl,ql.buttonStyle={display:"flex",alignItems:"center",minWidth:0,height:"100%"};var Hl=Object(o.injectIntl)(ql),Gl=r("HSWF");class Kl extends b.a{constructor(){super(...arguments),this.handleClick=()=>{ot.a.setState({open:!0,currentTab:"plans"}),ue.Zd(this.environment)},this.handleCloseClick=()=>{Gl.E(this.environment.currentUser.id),this.enqueueForceUpdate()}}renderComponent(){const e=Gl.q(this.environment.currentUser.id);if(e)return n.createElement(Dt.a,{request:e,performRequest:async e=>{const t=await Re.getPromoCode(this.environment,{code:e});if("success"===t.type&&t.data.promo)return t.data.promo},render:(e,t,r)=>{if(t)return n.createElement(be.a,{style:this.getStyle(),onClick:this.handleClick},n.createElement("div",{style:{display:"flex"}},n.createElement("div",{style:{marginRight:16}},t.description)),n.createElement(_t.a,{style:Kl.closeButtonStyle,onClick:this.handleCloseClick},A.a.closeThick({width:10})))}})}getStyle(){return{position:"relative",padding:"8px 10px",margin:12,fontSize:12,borderRadius:6,border:"1px solid ".concat(this.theme.outlineButtonBorder)}}}Kl.closeButtonStyle={position:"absolute",top:6,right:6};var Zl=Kl;class Jl extends W.a{getInitialState(){return{isLoaded:!1,left:0,top:0,width:0,height:0}}}var Ql=Jl,$l=r("uN94"),ec=r("6dM0"),tc=r("LoBg");function rc(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function nc(e){for(var t=1;tn.createElement("div",{style:this.getContentStyles(),className:P.N},this.props.children,this.renderNextButton())}renderComponent(){const{device:e}=this.environment,{state:t}=$l.default;if(!t.isOnboarding)return;const{parentStore:r,verticalOffset:o}=this.props,{top:i,left:a,height:s,width:l}=r.state,c={originRect:{top:i+o,bottom:i+s,left:a+l,right:a+l},placementToOrigin:Br.c.Placement.Right,alignmentToOrigin:Br.c.Alignment.Start},d=!ec.m(t);return n.createElement(tc.a,{capture:d},n.createElement(Br.c,Object.assign({popupType:e.isMobile?Br.c.PopupType.SlideUp:Br.c.PopupType.Popup,render:this.renderContents,open:!0,originGap:0,preventBlockingAnimation:!0,preventScaleTransition:!0,disableMouseCapture:!0,useLightBoxShadow:this.props.useFlatStyles},c)))}renderNextButton(){return n.createElement("div",{style:nc({},ec.x,{display:"flex",alignItems:"center"})},n.createElement(vt.a,{isLarge:!0,onClick:this.props.handleNext,style:ec.p},this.props.buttonText?this.props.buttonText:n.createElement(o.FormattedMessage,{defaultMessage:"Next",id:"onboardingPopup.next"})),this.renderSkip())}renderSkip(){return n.createElement(xt.a,{style:{marginLeft:16}},n.createElement(er.a,{onClick:this.props.handleSkip,disableUnderline:!0},this.props.skipText?this.props.skipText:n.createElement(o.FormattedMessage,{defaultMessage:"Skip the Rest",id:"onboardingPopup.skip"})))}getContentStyles(){return nc({padding:"20px 24px 10px",borderRadius:3,fontSize:14,lineHeight:1.3,color:this.theme.regularTextColor,backgroundColor:this.theme.popoverBackground,width:360,minHeight:1},this.props.useFlatStyles&&{boxShadow:void 0,backgroundColor:this.theme.onboardingFlatBackground})}}var ac=ic;var sc=n.forwardRef((e,t)=>n.createElement("div",{ref:t,className:"OnboardingHighlight"},e.children));function lc(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function cc(e){for(var t=1;t{const{top:e,left:t,width:r,height:o}=this.stores.store.state,i=[cc({},this.getStyle({top:0,left:0,width:t,height:"100vh"}),{backgroundColor:this.theme.onboardingContentOverlay}),cc({},this.getStyle({top:0,left:t+r,width:"100vw",height:"100vh"}),{backgroundColor:this.theme.onboardingContentOverlay}),cc({},this.getStyle({top:0,left:t,width:r,height:e}),{backgroundColor:this.theme.onboardingSidebarOverlay}),cc({},this.getStyle({top:e+o,left:t,width:r,height:"100vh"}),{backgroundColor:this.theme.onboardingSidebarOverlay}),cc({},this.getStyle({top:e,left:t,width:r,height:o}))];return n.createElement("div",null,i.map((e,t)=>n.createElement("div",{key:"onboardingOverlay".concat(t),style:e})))},this.handleResize=()=>{this.measureBounds()},this.handleResizeDebounced=Fe.debounce(this.handleResize,10),this.measureBounds=()=>{if(this.props.show&&this.boundingBoxRef&&this.boundingBoxRef.current){const e=this.boundingBoxRef.current.getBoundingClientRect();this.stores.store.setState(cc({},this.stores.store.state,{isLoaded:!0,top:e.top,left:e.left,width:e.width,height:e.height}))}},this.boundingBoxRef=n.createRef()}didMount(){const{device:e}=this.environment;e.isMobile||window.addEventListener("resize",this.handleResizeDebounced)}didMountOrUpdate(){const{device:e}=this.environment;!e.isMobile&&this.props.show&&this.measureBounds()}willUnmount(){const{device:e}=this.environment;e.isMobile||window.removeEventListener("resize",this.handleResizeDebounced)}renderComponent(){const{device:e}=this.environment;return e.isMobile||!this.props.show?this.props.highlight():n.createElement(n.Fragment,null,n.createElement(sc,{ref:this.boundingBoxRef},this.props.highlight()),!this.props.hideOverlays&&this.renderOverlays(),n.createElement(ac,{buttonText:this.props.buttonText,skipText:this.props.skipText,parentStore:this.stores.store,useFlatStyles:this.props.useFlatStyles,verticalOffset:this.props.verticalOffset||0,handleSkip:this.props.handleSkip,handleNext:this.props.handleNext},this.props.renderContents))}getStyle(e){const{top:t,left:r,height:n,width:o}=e;return{position:"absolute",top:t,left:r,height:n,width:o,zIndex:f.n}}}var pc=uc,hc=r("Rd/G");function mc(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function gc(e){for(var t=1;tObject(It.j)(this.environment)),this.currentSpaceViewSharedPagesState=this.createComputedStore(()=>Object(It.g)(this.environment)),this.storeTypes={scrollerStore:x.a,mouseStore:j.a},this.renderSidebarContainer=()=>n.createElement("div",{style:this.containerStyle(),className:"notion-sidebar-container"},n.createElement("div",{style:this.getWrapStyle()},n.createElement("div",{style:bc.contentStyle,onMouseMove:this.handleMouseMove},n.createElement(D.a,{isVisible:!0,animationStyle:this.getPaneAnimationStyle(),useCompositeLayer:!0,render:this.renderSidebar})))),this.renderSidebar=()=>{const{currentSpaceStore:e}=$.default.state;if(e)return n.createElement("div",{style:this.getPaneStyle(),className:P.pb,onMouseMove:this.handlePaneMouseMove,onMouseLeave:this.handlePaneMouseLeave},n.createElement("div",{style:this.getPaneBackgroundStyle()}),n.createElement("div",{style:this.getResizerStyle()}),this.renderHeader(),this.renderActions(),this.renderOutliner(),this.renderFooter(),n.createElement(ol,null))},this.handleMouseMove=e=>{Object(T.d)({event:e,context:T.a.SidebarMouseMove,callback:()=>{C.open()}})},this.handlePaneMouseMove=e=>{this.stores.mouseStore.setState(gc({},this.stores.mouseStore.state,{mouseEntered:!0}))},this.handlePaneMouseLeave=e=>{this.stores.mouseStore.setState(gc({},this.stores.mouseStore.state,{mouseEntered:!1}))},this.handleCreatePageClick=()=>{C.quickAddPage({environment:this.environment,from:"sidebar_new_page_button"})},this.handleCreateSpaceClick=()=>{Ja.a(this.environment)},this.handleImportClick=()=>{ci.a.setState({open:!0}),ue.Oc(this.environment)},this.handleTemplatePickerClick=()=>{ml.g({environment:this.environment,createNewPage:!0,isPrivate:!0})},this.handleScrollerMount=e=>{cl.a.SidebarScroller=e},this.isScrolledToTop=this.createComputedStore(()=>0===this.stores.scrollerStore.state.scrollTop),this.shouldShowResizerBar=this.createComputedStore(()=>{const e=Qs.d.state;return!$s.a.state&&(e.isResizerHovered||e.isResizing)}),this.recordLinkVisit=e=>{fl.a.recordVisit({id:e.id,type:"Link",currentUserId:this.environment.currentUser.id})},this.recordBookmarkVisit=e=>{fl.a.recordVisit({id:e.id,type:"Favorite",currentUserId:this.environment.currentUser.id})}}willMount(e){super.willMount(e);const{currentUserSettingsStore:t}=$.default.state;t&&ml.f(t)}renderComponent(){return n.createElement(D.a,{isVisible:!0,animationStyle:{width:this.props.isExpanded?Qs.e.state:0},render:this.renderSidebarContainer})}renderHeader(){const{isExpanded:e,isElectronMac:t}=this.props,r=ul.a.state.isFullScreen,o=this.stores.mouseStore.state.mouseEntered,i=t&&e&&!r,a=e&&o&&(!t||r),s=xl.b(this.environment);return n.createElement("div",{style:bc.headerStyle},i&&n.createElement("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",height:t&&e?Qa.a.desktopMacHeight:Qa.a.defaultHeight,paddingRight:11}},this.stores.mouseStore.state.mouseEntered&&n.createElement("div",{className:P.v},n.createElement(Za,null))),s?n.createElement(Hl,{shouldShowUnexpandButton:a,format:t&&e?Ss.Format.DesktopMac:Ss.Format.Regular}):n.createElement(Ss,{shouldShowUnexpandButton:a,format:t&&e?Ss.Format.DesktopMac:Ss.Format.Regular}))}renderActions(){return n.createElement("div",{style:gc({},bc.actionsStyle,{paddingBottom:8,boxShadow:this.isScrolledToTop.state?"0 0 0 transparent":"0 1px 0 ".concat(this.theme.regularDividerColor),transition:"box-shadow 300ms"})},n.createElement(J.a,{renderTooltip:()=>n.createElement("div",null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Search and quickly jump to a page",id:"sidebar.quickFindSearch.tooltip"})),n.createElement(B.a,{style:{color:this.theme.mediumInvertedTextColor},name:"quickFind"})),originGap:6,placement:I.b.Right,render:e=>n.createElement(be.a,Object.assign({},e,{onClick:()=>E.c({environment:this.environment,analyticsFrom:"sidebar"})}),n.createElement(Z.a,{left:A.a.sidebarSearch({fill:this.theme.mediumIconColor,width:14}),isMobile:!1},n.createElement(o.FormattedMessage,{defaultMessage:"Quick Find",id:"sidebar.quickFindSearch.label"})))}),n.createElement(Ks.a,{format:Ks.a.Format.Sidebar}),n.createElement(J.a,{renderTooltip:()=>n.createElement("div",{style:{width:200}},n.createElement(o.FormattedMessage,{defaultMessage:"Update your profile, upgrade to Pro, or invite new members",id:"sidebar.upgradeButton.prompt"})),originGap:6,textWrap:!0,placement:I.b.Right,render:e=>n.createElement(Ra,Object.assign({isMobile:!1},e))}))}renderBottomActions(){const{currentBlockStore:e}=$.default.state;return n.createElement("div",{style:bc.actionsStyle},n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"View and clone templates into your workspace.",id:"sidebar.openTemplatePickerButton.tooltip"}),originGap:6,placement:I.b.Right,render:e=>n.createElement(be.a,Object.assign({onClick:this.handleTemplatePickerClick},e),n.createElement(Z.a,{left:A.a.sidebarTemplates({fill:this.theme.mediumIconColor,height:15}),isMobile:!1},n.createElement(o.FormattedMessage,{defaultMessage:"Templates",id:"sidebar.openTemplatePickerButton"})))}),n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Import from Word, Markdown, HTML, and more.",id:"sidebar.openImportModalButton.tooltip"}),originGap:6,placement:I.b.Right,render:e=>n.createElement(be.a,Object.assign({onClick:this.handleImportClick},e),n.createElement(Z.a,{left:A.a.sidebarImport({fill:this.theme.mediumIconColor,height:15}),isMobile:!1},n.createElement(o.FormattedMessage,{defaultMessage:"Import",id:"sidebar.openImportModalButton"})))}),e&&n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{defaultMessage:"Restore deleted pages.",id:"sidebar.openTrashModalButton.tooltip"}),originGap:6,placement:I.b.Right,render:t=>n.createElement(Ys,Object.assign({store:e,isMobile:!1},t))}))}renderOutliner(){const{currentSpaceStore:e,currentSpaceViewStore:t,currentUserRootStore:r,currentUserStore:i,currentBlockStore:a}=$.default.state,s=this.sidebarState.state;if(!(s&&a&&t&&r&&e&&i))return;const l=this.stores.mouseStore.state.mouseEntered&&!gl.b.state,c=t.getVisitedTemplateIds(),d=e.canEdit()&&!gl.b.state;return n.createElement(n.Fragment,null,n.createElement(Le.a,{store:e,disableEditNearestBlock:!0,disable:Boolean(pl.a.state.open||hl.a.state.open),render:r=>n.createElement(Ae.b,Object.assign({key:t.id,type:Ae.b.OverflowType.Y,store:this.stores.scrollerStore,style:bc.scrollerStyle,ref:this.handleScrollerMount},r),s.showBookmarksSection&&n.createElement(Gs,{isMobile:!1,type:"bookmarks",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,labelTooltip:n.createElement(o.FormattedMessage,{defaultMessage:"Pages you have favorited.",id:"sidebar.bookmarkedPagesSection.tooltip"}),renderSidebar:()=>n.createElement(_e,{isMobile:!1,type:"bookmarks",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:t.getBookmarkedPagesStore(),childStores:t.getBookmarkedPages(),onNavigate:this.recordBookmarkVisit,showAddPageButton:!1,style:bc.outlinerStyle,disabled:!d})}),s.showWorkspaceSection&&this.renderOutlinerSection(n.createElement(Gs,{isMobile:!1,type:"workspace",spaceStore:e,spaceViewStore:t,showAddPageButton:l,labelTooltip:n.createElement(o.FormattedMessage,{defaultMessage:"All workspace members can access these pages.",id:"sidebar.workspacePagesSection.tooltip"}),renderSidebar:()=>n.createElement(n.Fragment,null,n.createElement(_e,{isMobile:!1,type:"workspace",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:e.getPagesStore(),childStores:t.getWorkspacePages(),onNavigate:this.recordLinkVisit,addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebar.addAWorkspacePage.tooltip"}),showAddPageButton:!0,style:bc.outlinerStyle,disabled:!d}))}),t.getWorkspacePages().concat(t.getPrivatePages()),"workspace"),s.showSharedSection&&n.createElement(Gs,{isMobile:!1,type:"shared",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,labelTooltip:n.createElement(o.FormattedMessage,{defaultMessage:"Only people you shared with can access these pages.",id:"sidebar.sharedPagesSection.tooltip"}),renderSidebar:()=>n.createElement(_e,{isMobile:!1,type:"shared",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:t.getSharedPagesStore(),childStores:this.currentSpaceViewSharedPagesState.state,onNavigate:this.recordLinkVisit,showAddPageButton:!1,style:bc.outlinerStyle,disabled:!d})}),s.showPrivateSection&&!s.showOnlyPrivateSection&&this.renderPrivateItems({currentSpaceViewStore:t,currentSpaceStore:e,shouldShowSectionAddPageButton:l,visitedTemplateIds:c,canEditSpace:d}),s.showOnlyPrivateSection&&this.renderOutlinerSection(n.createElement(n.Fragment,null,n.createElement(_e,{isMobile:!1,type:"private",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:e.getPagesStore(),childStores:t.getPrivatePages(),addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebar.addAPrivatePage.tooltip"}),showAddPageButton:!0,isHeaderless:!0,style:bc.outlinerStyle,disabled:!d})),t.getPrivatePages(),"private"),n.createElement("div",{style:{marginTop:Gs.marginBottom}}),d&&this.renderBottomActions())}))}renderOutlinerSection(e,t,r){const{currentSpaceStore:i}=$.default.state;if(!i)return;const a=i.getValue();if(!a)return;const s=$l.default.state,l=ec.w(s)&&s,c="team"===a.plan_type?"workspace"===r:"private"===r;return n.createElement(pc,{buttonText:n.createElement(o.FormattedMessage,{defaultMessage:"OK",id:"outlinerToggleButton.popup.buttonText"}),skipText:n.createElement(o.FormattedMessage,{defaultMessage:"Clear templates",id:"outlinerToggleButton.popup.skipText"}),highlight:()=>e,show:l&&c,renderContents:n.createElement("div",null,n.createElement("span",{style:ec.q},n.createElement(o.FormattedMessage,{defaultMessage:"Here are some templates to help you get started",id:"sidebar.templateIntro.title"})),n.createElement("br",null),n.createElement("div",{style:gc({},ec.a,{},ec.i(this.theme))},n.createElement(o.FormattedMessage,{defaultMessage:"Use them out of the box, or customize them to your own workflows.",id:"sidebar.templateIntro.content"}))),handleNext:()=>{l&&Ja.e(this.environment,l)},handleSkip:()=>this.handleSkipPopup(t)})}renderPrivateItems(e){const{currentSpaceStore:t,currentSpaceViewStore:r,shouldShowSectionAddPageButton:i,visitedTemplateIds:a,canEditSpace:s}=e;if(this.sidebarState.state)return n.createElement(Gs,{isMobile:!1,type:"private",spaceStore:t,spaceViewStore:r,showAddPageButton:i,outlinerToggleButtonStore:dl.a,labelTooltip:n.createElement(o.FormattedMessage,{defaultMessage:"Only you can access these pages.",id:"sidebar.privatePagesSection.tooltip"}),renderSidebar:()=>n.createElement(n.Fragment,null,n.createElement(_e,{isMobile:!1,type:"private",isTopLevel:!0,spaceStore:t,spaceViewStore:r,parentStore:t.getPagesStore(),childStores:r.getPrivatePages(),addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebar.addAPrivatePageToWorkspace.tooltip"}),showAddPageButton:!0,style:bc.outlinerStyle,disabled:!s}))})}renderFooter(){const{currentSpaceStore:e,currentUserRootStore:t,currentUserSettingsStore:r}=$.default.state,{data:i}=Rr.default.state,a=(i?i.credits:[]).find(e=>"invited_by_user"===e.type);if(e&&t&&r){const t=r.getSettings();if(e.canEdit()){if(gl.b.state)return;return n.createElement("div",{style:bc.footerStyle},!t.hide_student&&i&&("unsubscribed_admin"===i.type||"unsubscribed_member"===i.type)&&n.createElement(ll,null),a&&!t.hide_referral_notification&&n.createElement(al,null),i&&("unsubscribed_admin"===i.type||"unsubscribed_member"===i.type)&&n.createElement(n.Fragment,null,n.createElement(Zl,null),n.createElement(Oa,{source:"sidebar"})),n.createElement(be.a,{onClick:this.handleCreatePageClick,style:{boxShadow:"0 -1px 0 ".concat(this.theme.regularDividerColor)}},n.createElement(Z.a,{style:{color:this.theme.mediumTextColor,height:45},left:this.getPlusIcon(),isMobile:!1},n.createElement(o.FormattedMessage,{defaultMessage:"New page",id:"sidebar.newPage.button"}))))}return n.createElement("div",{style:gc({},bc.footerStyle,{padding:14,boxShadow:"0 -1px 0 ".concat(this.theme.regularDividerColor)})},n.createElement(xt.a,{isSmall:!0,isMultiline:!0},n.createElement(o.FormattedMessage,{defaultMessage:"You are currently a guest. To see all the workspace pages, ask an admin to upgrade you to a member.",id:"sidebar.guestMember.message"})),n.createElement(dn.a,{icon:A.a.team,onClick:this.handleCreateSpaceClick,style:{marginTop:8,marginLeft:-8}},n.createElement(o.FormattedMessage,{defaultMessage:"Create a workspace",id:"sidebar.guestMember.createWorkspacePrompt"})))}}async handleSkipPopup(e){Ja.i(this.environment);const t=this.findTemplates(e);await Re.deleteBlocks(this.environment,{blockIds:t.map(e=>e.id),permanentlyDelete:!1});const r=this.findGettingStartedTemplateId(e);r&&c.navigateToBlock({environment:this.environment,store:r})}findTemplates(e){return e.filter(e=>{const t=e.getValue();return Boolean(t&&t.copied_from&&Object(hc.j)(t.copied_from)&&!Object(hc.i)(t.copied_from))})}findGettingStartedTemplateId(e){const t=e.filter(e=>{const t=e.getValue();return Boolean(t&&t.copied_from&&Object(hc.i)(t.copied_from))});if(t.length>0)return t[0]}isVisible(){const e=Qs.c.state,{isExpanded:t}=this.props;return e||t}containerStyle(){return gc({flexGrow:0,flexShrink:0,pointerEvents:"none",position:"relative",zIndex:f.q,background:this.theme.sidebarBackground},this.getResizerHoverStyle())}getResizerHoverStyle(){return gc({transition:"box-shadow 300ms ease-in"},this.shouldShowResizerBar.state&&{boxShadow:this.theme.sidebarResizerBoxShadow})}getTopbarHeight(){const{device:e}=this.environment;return e.isElectronMac?Qa.a.desktopMacHeight:Qa.a.defaultHeight}getTop(){return this.getTopbarHeight()+15}getWrapStyle(){return{color:this.theme.sidebarTextColor,fontWeight:ee.a.fontWeight.medium,height:"100%"}}getPaneStyle(){const{isExpanded:e}=this.props;return{display:"flex",flexDirection:"column",height:e?"100%":"auto",position:"relative",pointerEvents:this.isVisible()?"auto":"none",maxHeight:e?"100%":"calc(100vh - ".concat(2*this.getTop(),"px)")}}getPaneAnimationStyle(){const e=Qs.c.state,{isExpanded:t}=this.props,r=Qs.e.state;return t?{width:r,translateX:0,translateY:bc.expandedTop,opacity:1}:e?{width:r,translateX:0,translateY:this.getTop(),opacity:1}:{width:r,translateX:20-r,translateY:this.getTop(),opacity:0}}getPaneBackgroundStyle(){return{display:this.props.isExpanded?"none":"block",position:"absolute",top:0,left:0,bottom:0,right:0,borderTopRightRadius:3,borderBottomRightRadius:3,zIndex:-1,background:this.theme.floatingSidebarBackground,boxShadow:this.theme.mediumBoxShadow}}getResizerStyle(){const{isExpanded:e}=this.props;return gc({position:"absolute",top:0,left:0,bottom:0,right:0,borderTopRightRadius:3,borderBottomRightRadius:3,zIndex:-1,display:e?"none":"block"},this.getResizerHoverStyle())}getPlusIcon(){return n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"}},A.a.plus({fill:this.theme.mediumIconColor,width:16,height:16}))}}bc.expandedTop=0,bc.scrollerStyle={paddingTop:14,paddingBottom:20},bc.headerStyle={display:"block",flexShrink:0,flexGrow:0},bc.actionsStyle={flexGrow:0,flexShrink:0},bc.footerStyle={display:"block",flexGrow:0,flexShrink:0,flexBasis:"auto",marginTop:"auto"},bc.contentStyle={position:"absolute",top:0,left:0,bottom:0,display:"flex",flexDirection:"column",width:0,overflow:"visible",zIndex:f.r,pointerEvents:"none"},bc.outlinerStyle={display:"block"};var yc=bc,vc=r("cbKx"),Sc=r("qDOf");class wc extends W.a{getInitialState(){return{showUpdateInfo:!1}}}var kc=wc,Mc=r("0eZC"),Oc=r("VMJe");class Ec extends b.a{constructor(){super(...arguments),this.storeTypes={store:kc},this.renderUpdateInfo=()=>{const{AppUpdateStore:e}=this.environment,t=e.state.appUpdate?this.renderUpdateState("App.js - ",e.state.appUpdate):n.createElement(o.FormattedMessage,{defaultMessage:"App.js - Waiting…",id:"appVersionMenuItem.waitingForAppJsUpdate.message"}),r=e.state.electronUpdate&&this.renderUpdateState("Electron - ",e.state.electronUpdate);return n.createElement("div",null,t,r)},this.handleResetCache=()=>{const{AppUpdateStore:e,reactNative:t}=this.environment;e.setState({appUpdate:void 0,electronUpdate:e.state.electronUpdate}),t&&t.resetAssetCache()},this.handleShowUpdateInfo=()=>{this.stores.store.setState({showUpdateInfo:!0})}}renderComponent(){const{device:e}=this.environment,t="Notion 2.8.".concat(g.default.version),r=n.createElement(o.FormattedMessage,{id:"appVersionMenuItem.lastUpdatedTime.menuItem",defaultMessage:"Updated {lastUpdatedTime}",description:"Message to tell the user when their current version of the Notion app was last updated.",values:{lastUpdatedTime:Object(po.a)(g.default.lastUpdatedTime).fromNow()}});let i=n.createElement(n.Fragment,null,t,n.createElement("br",null),r);if(e.isReactNative){const e=Mc.getMobileVersion(),a=n.createElement(o.FormattedMessage,{defaultMessage:"Mobile {reactNativeVersionFormatted}",values:{reactNativeVersionFormatted:Object(Oc.formatVersion)(e)},id:"appVersionMenuItem.lastUpdatedReactNativeVersion.menuItem"});i=n.createElement(n.Fragment,null,t,n.createElement("br",null),a,n.createElement("br",null),r)}if(e.isElectron){const e=d.getDesktopVersion(),a=n.createElement(o.FormattedMessage,{defaultMessage:"Desktop {desktopVersionFormatted}",values:{desktopVersionFormatted:Object(Oc.formatVersion)(e)},id:"appVersionMenuItem.desktopVersion.menuItem"});i=n.createElement(n.Fragment,null,t,n.createElement("br",null),a,n.createElement("br",null),r)}const a=g.default.isLocalhost||"local"===g.default.env||"development"===g.default.env;if(e.isMobile){const e=a&&this.stores.store.state.showUpdateInfo&&n.createElement("div",null,this.renderUpdateInfo(),n.createElement(be.a,{style:{paddingTop:4},onClick:this.handleResetCache},n.createElement(o.FormattedMessage,{defaultMessage:"Clear cache",id:"appVersionMenuItem.mobile.clearCache.message"})));return n.createElement(cn.a,{caption:n.createElement("div",{style:{color:this.theme.lightTextColor}},n.createElement("div",{style:{userSelect:"none",WebkitUserSelect:"none"}},i),e),onClick:a?this.handleShowUpdateInfo:void 0})}return a?n.createElement(J.a,{renderTooltip:this.renderUpdateInfo,placement:J.a.Placement.Left,render:e=>n.createElement(cn.a,Object.assign({caption:n.createElement("div",{style:{color:this.theme.lightTextColor}},i)},e))}):n.createElement(cn.a,{caption:n.createElement("div",{style:{color:this.theme.lightTextColor}},i)})}renderUpdateState(e,t){return"checking"===t.state?n.createElement("div",null,e," ",n.createElement(o.FormattedMessage,{defaultMessage:"Checking for updates…",id:"appVersionMenuItem.updateStateForApp.checking.message"})):"no-update"===t.state?n.createElement("div",null,e," ",n.createElement(o.FormattedMessage,{defaultMessage:"No update {timeFromNow}",id:"appVersionMenuItem.noUpdatesForApp.message",description:"timeFromNow is a translated message like '2 hours ago' that refers to the time of the last update.",values:{timeFromNow:Object(po.a)(t.timestamp).fromNow()}})):"downloading"===t.state?n.createElement("div",null,e," ",n.createElement(o.FormattedMessage,{defaultMessage:"Downloading {version} {percentComplete}",id:"appVersionMenuItem.downloadingUpdate.message",values:{percentComplete:this.props.intl.formatNumber(t.progress,{style:"percent",maximumFractionDigits:0}),version:Object(Oc.formatVersion)(t.version)}})):"ready"===t.state?n.createElement("div",null,e," ",n.createElement(o.FormattedMessage,{defaultMessage:"Update ready {version}",id:"appVersionMenuItem.updateReady.message",values:{version:Object(Oc.formatVersion)(t.version)}})):"error"===t.state?n.createElement("div",null,e," ",n.createElement(o.FormattedMessage,{defaultMessage:"Update error {errorMessage}",id:"appVersionMenuitem.updateError.message",values:{errorMessage:t.error&&t.error.message}})):void 0}}var Cc=Object(o.injectIntl)(Ec),Pc=r("8sNI");function Tc(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function jc(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class xc extends b.a{constructor(){super(...arguments),this.renderOrigin=e=>this.props.isMobile?n.createElement(be.a,Object.assign({hovered:vc.a.state.open},e),n.createElement(Z.a,{isMobile:this.props.isMobile,left:A.a.help({fill:this.theme.mediumIconColor,width:16,height:16}),disableMobileBorder:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Help & feedback",id:"helpButton.mobileHelpFeedbackButton.label"}))):n.createElement(J.a,{renderTooltip:()=>n.createElement("span",null,n.createElement(o.FormattedMessage,{defaultMessage:"Help, feedback, and {br}keyboard shortcuts",id:"helpButton.desktopHelpButton.tooltip",values:{br:n.createElement("br",null)}})),render:t=>n.createElement(be.a,Object.assign({className:"notion-help-button",style:this.getRoundButtonStyle(),hoveredStyle:{background:this.theme.whiteButtonHoveredBackground},pressedStyle:{background:this.theme.whiteButtonPressedBackground}},Object(Er.a)(e,t)),"?")}),this.renderMessageItem=e=>{const{device:t}=this.environment;return t.isElectron?this.renderMessageButton(e):n.createElement(J.a,{key:e.key,renderTooltip:()=>this.renderIntercomTooltip(),delayThreshold:0,placement:J.a.Placement.Right,render:t=>this.renderMessageButton(Object(Er.a)(e,t))})},this.renderSalesItem=e=>{const{device:t}=this.environment;return t.isElectron?this.renderSalesButton(e):n.createElement(J.a,{key:e.key,renderTooltip:()=>this.renderIntercomTooltip(),delayThreshold:0,placement:J.a.Placement.Right,render:t=>this.renderSalesButton(Object(Er.a)(e,t))})},this.renderGuideItem=e=>n.createElement(Lr.a,Object.assign({},e,{isTokenTitle:!0,icon:A.a.helpButtonGuide(this.getIconStyle()),title:n.createElement(o.FormattedMessage,{defaultMessage:"Help & support guide",id:"helpButton.helpSupportGuide.menuItem"})})),this.renderMessageButton=e=>n.createElement(Lr.a,Object.assign({},e,{isTokenTitle:!0,icon:A.a.helpButtonMessage(this.getIconStyle()),title:n.createElement(o.FormattedMessage,{defaultMessage:"Send us a message",id:"helpButton.sendMessage.menuItem"})})),this.renderSalesButton=e=>n.createElement(Lr.a,Object.assign({},e,{isTokenTitle:!0,icon:A.a.helpButtonSales(this.getIconStyle()),title:n.createElement(o.FormattedMessage,{defaultMessage:"Chat with sales",id:"helpButton.salesChat.menuItem"})})),this.renderJoinUsItem=e=>n.createElement(Pc.a,{locale:"en-US"},n.createElement(Lr.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Join us",id:"helpButton.joinUs.menuItem"})}))),this.renderKeyboardShortcutsItem=e=>n.createElement(Lr.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Keyboard shortcuts",id:"helpButton.keyboardShortcuts.menuItem"})})),this.renderNewsItem=e=>n.createElement(Lr.a,Object.assign({},e,{title:"What's new?"})),this.renderTermsItem=e=>{const{device:t}=this.environment;return t.isMobile?n.createElement(Lr.a,Object.assign({},e,{title:"Terms & privacy"})):n.createElement(Lr.a,Object.assign({},e,{caption:"Terms & privacy"}))},this.renderTwitterItem=e=>{const{device:t}=this.environment;return t.isMobile?n.createElement(Lr.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Twitter – @{notionHandle}",id:"helpButton.mobileTwitter.menuItem",values:{notionHandle:"NotionHQ"}})})):n.createElement(Lr.a,Object.assign({},e,{caption:n.createElement(o.FormattedMessage,{defaultMessage:"Twitter – @{notionHandle}",id:"helpButton.twitter.menuItem",values:{notionHandle:"NotionHQ"}})}))},this.renderStatusItem=e=>{const{device:t}=this.environment;return t.isMobile?n.createElement(Lr.a,Object.assign({},e,{title:"Status"})):n.createElement(Lr.a,Object.assign({},e,{caption:"Status"}))},this.acceptMessageItem=()=>{this.analyticsTrackClickItem("help_feedback"),Jt.a({environment:this.environment,from:"help_button"}),this.closePopup()},this.acceptSalesItem=()=>{this.analyticsTrackClickItem("sales_chat"),Jt.a({environment:this.environment,from:"help_button",prepopulatedContent:this.props.intl.formatMessage({id:"helpButton.salesChatMessage",defaultMessage:"Hi! I'd like to learn more about Notion for Enterprise."})}),this.closePopup()},this.acceptGuideItem=()=>{this.analyticsTrackClickItem("guides"),c.navigateToExternalURL({environment:this.environment,url:Object(sr.a)("guides.guides")}),this.closePopup()},this.acceptKeyboardShortcutsItem=()=>{this.analyticsTrackClickItem("keyboard_shortcuts"),c.navigateToExternalURL({environment:this.environment,url:Object(sr.a)("guides.keyboardShortcuts")}),this.closePopup()},this.acceptTwitterItem=()=>{this.analyticsTrackClickItem("twitter"),c.navigateToExternalURL({environment:this.environment,url:u.L}),this.closePopup()},this.acceptStatusItem=()=>{this.analyticsTrackClickItem("status"),c.navigateToExternalURL({environment:this.environment,url:u.fb}),this.closePopup()},this.acceptJoinUsItem=()=>{this.analyticsTrackClickItem("join_us"),c.navigateToExternalURL({environment:this.environment,url:u.j}),this.closePopup()},this.acceptNewsItem=()=>{c.navigateToExternalURL({environment:this.environment,url:u.sb}),this.analyticsTrackClickItem("whats_new"),this.closePopup()},this.acceptTermsItem=()=>{c.navigateToExternalURL({environment:this.environment,url:u.mb}),this.analyticsTrackClickItem("terms"),this.closePopup()},this.trackClickHelp=()=>{ue.C(this.environment)}}renderComponent(){const{device:e}=this.environment,t=this.props.isMobile;return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,renderOrigin:this.renderOrigin,originGap:t?0:12,placementToOrigin:t?an.a.Placement.Right:an.a.Placement.Top,alignmentToOrigin:t?an.a.Alignment.Center:an.a.Alignment.End,buttonPopupStore:vc.a,onClick:this.trackClickHelp,render:()=>{const t=this.getSections();let r;return r=e.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup,minWidth:208},n.createElement(_r.b,Object.assign({},r),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:t}))}})}getSections(){const{device:e}=this.environment,t=Gt.f(this.environment),r="team"===t||"enterprise"===t,o=!Sc.default.state.isIntercomEnabled||Object(Gt.I)(this.environment)&&"on"===ar.default.getGroup(this.environment,"hazelnut");return Fe.compact([{key:"guide",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:Fe.compact([{key:"guide",action:this.acceptGuideItem,render:this.renderGuideItem},o?void 0:{key:"message",action:this.acceptMessageItem,render:this.renderMessageItem},r?{key:"sales",action:this.acceptSalesItem,render:this.renderSalesItem}:void 0])},{key:"middle section",render:e=>n.createElement(Fr.a,Object.assign({},e,{topBorder:!0})),items:Fe.compact([{key:"keyboardshortcut",action:this.acceptKeyboardShortcutsItem,render:this.renderKeyboardShortcutsItem},{key:"news",action:this.acceptNewsItem,render:this.renderNewsItem},{key:"join-us",action:this.acceptJoinUsItem,render:this.renderJoinUsItem}])},{key:"botttom section",render:e=>n.createElement(Fr.a,Object.assign({},e,{topBorder:!0})),items:Fe.compact([{key:"twitter",action:this.acceptTwitterItem,render:this.renderTwitterItem},{key:"terms",action:this.acceptTermsItem,render:this.renderTermsItem},{key:"status",action:this.acceptStatusItem,render:this.renderStatusItem},e.isElectron&&"production"!==g.default.env?{key:"devtools",action:d.openDevTools,render:e=>n.createElement(Lr.a,Object.assign({},e,{caption:"Open Dev Tools"}))}:void 0])},{key:"version",render:e=>n.createElement(Fr.a,Object.assign({},e,{topBorder:!0})),items:Fe.compact([{key:"version",action:()=>{},render:e=>n.createElement(Cc,Object.assign({},e))}])}])}renderIntercomTooltip(){return n.createElement("span",null,n.createElement(o.FormattedMessage,{defaultMessage:"We use Intercom for messaging.{br}Make sure it's not blocked by your browser.",values:{br:n.createElement("br",null)},id:"helpButton.sendUsAMessage.tooltip"}))}analyticsTrackClickItem(e){ue.E(this.environment,{item:e})}closePopup(){vc.a.setState(function(e){for(var t=1;t{Bc.a.setState({open:!1})},this.handleStartOfWeekToggle=()=>{1===this.getStartDayOfWeek()?Object(lt.b)(this.environment):Object(lt.a)(this.environment)}}renderComponent(){const{device:e}=this.environment,t=Bc.a.state.open;return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:Bc.a,renderOrigin:e=>n.createElement(be.a,Object.assign({},e),n.createElement(Z.a,{left:this.renderIcon(),style:{background:t?this.theme.buttonHoveredBackground:"none"},isMobile:this.props.isMobile,disableMobileBorder:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Notifications & settings",id:"notificationSettingsButton.mobileSidebar.label"}))),render:()=>{let t;if(t=e.isMobile?{menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Notifications & settings",id:"notificationSettingsButton.mobileSidebar.title"}),right:n.createElement(o.FormattedMessage,{defaultMessage:"Done",id:"notificationSettingsButton.rightActionButton.done"}),onClickRight:this.handleClose,whiteBackground:!0}:{menuType:_r.b.MenuType.Popup},yt.a.state.online){const{passwordRequestStore:e}=this.stores,{data:r}=Rr.default.state;return n.createElement(_r.b,Object.assign({},t),e.state.loading?n.createElement(pe.a,{style:{margin:"50% auto"}}):n.createElement(pt,null,n.createElement(ao,null),n.createElement(it.a,{size:48,isHidden:!0}),n.createElement(Wt,{requestStore:e,isEducationPlan:Gt.u(r)}),n.createElement(it.a,{size:32}),n.createElement(Ht,{onClick:this.handleStartOfWeekToggle,startDayOfWeek:this.getStartDayOfWeek()||0})))}return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to manage settings.",id:"notificationSettingsButton.goOnline.prompt"})))}})}renderIcon(){return A.a.sidebarSettings({fill:this.theme.mediumIconColor,width:16})}getStartDayOfWeek(){const{currentUserSettingsStore:e}=$.default.state;if(e){const t=e.getSettings();if(t)return t.start_day_of_week}}}var Ac=_c;class Lc extends b.a{constructor(){super(...arguments),this.storeTypes={buttonPopupStore:on.a},this.handleClose=()=>{this.stores.buttonPopupStore.setState({open:!1})}}renderComponent(){if(!Gt.J(this.environment))return;const{store:e}=this.props,{buttonPopupStore:t}=this.stores;return n.createElement(an.a,{buttonPopupStore:t,popupType:an.a.PopupType.SlideUp,renderOrigin:e=>n.createElement(be.a,Object.assign({},e),n.createElement(Z.a,{left:this.renderIcon(),isMobile:!0,disableMobileBorder:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Members",id:"memberSettingsButton.mobileSidebar.label"}))),render:()=>{if(yt.a.state.online){const t={menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Members",id:"memberSettingsButton.mobileMemberSettings.title"}),right:n.createElement(o.FormattedMessage,{defaultMessage:"Done",id:"memberSettingsButton.rightActionButton.done"}),onClickRight:this.handleClose};return n.createElement(_r.b,Object.assign({},t),n.createElement(oo,{store:e,isMobile:!0}))}this.renderOffline()}})}renderIcon(){return A.a.teamSize({fill:this.theme.mediumIconColor,width:16})}renderOffline(){return n.createElement(pt,null,n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to manage members.",id:"memberSettingsButton.goOnline.prompt"})))}}var Fc=Lc,Rc=(r("a1Th"),r("yjqD")),Nc=r("84+D");class Vc extends b.a{constructor(){super(...arguments),this.handleTouchStart=e=>{const t={x:e.touches[0].clientX,y:e.touches[0].clientY};Qs.c.state?t.x>Object(gs.c)(this.environment)?Nc.a.setState({touching:!0,swiping:!1,start:t}):this.handleReset():Object(gs.g)(this.environment)&&t.x<100?Nc.a.setState({touching:!0,swiping:!1,start:t}):this.handleReset()},this.handleTouchMove=e=>{if(ve.a.state.isDragging)return void this.handleReset();const t=Nc.a.state;if(!t.touching)return;const r={x:e.touches[0].clientX,y:e.touches[0].clientY};if(t.swiping)Nc.a.setState({touching:!0,swiping:!0,start:t.start,speed:Qs.c.state?t.end.x-r.x:r.x-t.end.x,end:r});else{if(Math.abs(r.y-t.start.y)>=25)return void this.handleReset();(!Qs.c.state&&r.x-t.start.x>25||Qs.c.state&&t.start.x-r.x>25)&&Nc.a.setState({touching:!0,swiping:!0,start:t.start,speed:0,end:r})}this.updateTransform()},this.handleTouchEnd=async()=>{const{ThemeStore:e}=this.environment,t=Nc.a.state;if(!t.swiping)return;const r=Object(gs.c)(this.environment),n=document.querySelector(Object(gs.g)(this.environment)?".".concat(P.qb):".".concat(P.w)),o=document.querySelector(".".concat(P.w)),i=Math.abs(t.speed)>=8,a=i?"ease-out":"ease-in-out",s="dark"===e.state.mode?", 1px 0 0 ".concat(this.theme.shadowColor.alpha(2*this.theme.shadowOpacity).css()):"",l="\n\t\t\t".concat(this.theme.mediumBoxShadow,"\n\t\t\t").concat(s,"\n\t\t");if(Qs.c.state){const e=t.start.x-t.end.x;if(e+25*t.speed>r/2){let t=i?(r-e)/r*200:200;t=Math.max(t,1),n.style.transition="transform ".concat(t,"ms ").concat(a),n.style.transform="translateZ(0)translateX(0px)",Object(gs.g)(this.environment)&&(n.style.boxShadow=l,o.style.transition="filter ".concat(t,"ms ").concat(a),o.style.filter="brightness(1)"),await Yc(n),C.close(),this.handleReset()}else n.style.transition="transform ".concat(200,"ms ").concat(a),n.style.transform="translateZ(0)translateX(".concat(r,"px)"),Object(gs.g)(this.environment)&&(n.style.boxShadow=l,o.style.transition="filter ".concat(200,"ms ").concat(a),o.style.filter="brightness(0.7)"),await Yc(n),this.handleReset()}else{const e=t.end.x-t.start.x;if(e+25*t.speed>r/2){let t=i?(r-e)/r*200:200;t=Math.max(t,1),n.style.transition="transform ".concat(t,"ms ").concat(a),n.style.transform="translateZ(0)translateX(".concat(r,"px)"),Object(gs.g)(this.environment)&&(n.style.boxShadow=l,o.style.transition="filter ".concat(t,"ms ").concat(a),o.style.filter="brightness(0.7)"),await Yc(n),C.open(),this.handleReset()}else n.style.transition="transform ".concat(200,"ms ").concat(a),n.style.transform="translateZ(0)translateX(0px)",Object(gs.g)(this.environment)&&(n.style.boxShadow=l,o.style.transition="filter ".concat(200,"ms ").concat(a),o.style.filter="brightness(1)"),await Yc(n),this.handleReset()}},this.handleSidebarToggle=()=>{this.updateTransform()},this.updateTransform=async()=>{const e=document.querySelector(Object(gs.g)(this.environment)?".".concat(P.qb):".".concat(P.w)),t=document.querySelector(".".concat(P.w)),r=Object(gs.c)(this.environment),n=Nc.a.state;if(n.swiping)if(Qs.c.state){const o=r-(n.start.x-n.end.x)+25,i=Math.min(Math.max(0,o),r);if(e.style.transition="none",e.style.transform="translateZ(0)translateX(".concat(i,"px)"),Object(gs.g)(this.environment)){e.style.boxShadow=this.theme.mediumBoxShadow,t.style.transition="none";const n=(1-.3*i/r).toString();t.style.filter="brightness(".concat(n,")")}}else{const o=n.end.x-n.start.x-25,i=Math.min(Math.max(0,o),r);if(e.style.transition="none",e.style.transform="translateZ(0)translateX(".concat(i,"px)"),Object(gs.g)(this.environment)){e.style.boxShadow=this.theme.mediumBoxShadow,t.style.transition="none";const n=(1-.3*i/r).toString();t.style.filter="brightness(".concat(n,")")}}else Qs.c.state?(e.style.transition="transform 200ms",e.style.transform="translateZ(0)translateX(".concat(r,"px)"),Object(gs.g)(this.environment)&&(e.style.transform="translateZ(0)translateX(calc(".concat(r,"px - 1px))"),e.style.boxShadow=this.theme.mediumBoxShadow,t.style.transition="filter 200ms",t.style.filter="brightness(0.7)"),he.e(this.environment)):(e.style.transition="transform 200ms",e.style.transform="translateZ(0)translateX(0)",Object(gs.g)(this.environment)&&(e.style.boxShadow="none",t.style.transition="filter 200ms",t.style.filter="brightness(1)"))}}didMount(){const{device:e}=this.environment;e.isMobile&&(window.addEventListener("touchstart",this.handleTouchStart),window.addEventListener("touchmove",this.handleTouchMove),window.addEventListener("touchend",this.handleTouchEnd),Qs.c.addListener(this.handleSidebarToggle))}willUnmount(){const{device:e}=this.environment;e.isMobile&&(window.removeEventListener("touchstart",this.handleTouchStart),window.removeEventListener("touchmove",this.handleTouchMove),window.removeEventListener("touchend",this.handleTouchEnd),Qs.c.removeListener(this.handleSidebarToggle))}handleReset(){Nc.a.reset(),this.updateTransform()}}var Uc=Vc;async function Yc(e){const t=Rc.c();e.addEventListener("transitionend",t.resolve),e.addEventListener("webkitTransitionEnd",t.resolve),await t.promise,e.removeEventListener("transitionend",t.resolve),e.removeEventListener("webkitTransitionEnd",t.resolve)}class Wc extends b.a{renderComponent(){if(Object(Mc.supportsDarkMode)(this.environment))return;const{ThemeStore:e}=this.environment,t=e.state.mode,r="light"===t?"dark":"light",i="light"===t?n.createElement(o.FormattedMessage,{defaultMessage:"Dark mode",id:"darkModeMobileButton.darkMode.label"}):n.createElement(o.FormattedMessage,{defaultMessage:"Light mode",id:"darkModeMobileButton.lightMode.label"});return n.createElement(be.a,{onClick:this.toggleMode(r)},n.createElement(Z.a,{left:this.renderIcon(),isMobile:this.props.isMobile,disableMobileBorder:!0},i))}renderIcon(){return A.a.darkMode({fill:this.theme.mediumIconColor,width:16})}toggleMode(e){return()=>{Fi.a(this.environment,{mode:e}),ue.we(this.environment,{mode:e})}}}var Xc=Wc,zc=r("wS9/");function qc(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Hc(e){for(var t=1;tObject(It.j)(this.environment)),this.currentSpaceViewSharedPagesState=this.createComputedStore(()=>Object(It.g)(this.environment)),this.storeTypes={scrollerStore:x.a},this.handleScrollerMount=e=>{cl.a.SidebarMobileScroller=e},this.handleCloseSidebar=()=>{C.close()},this.handleClickFind=()=>E.c({environment:this.environment,analyticsFrom:"sidebar-mobile"}),this.handleOrientationChange=()=>{C.close()},this.isScrolledToTop=this.createComputedStore(()=>0===this.stores.scrollerStore.state.scrollTop)}willMount(){window.addEventListener("resize",this.handleOrientationChange)}willUnmount(){window.removeEventListener("resize",this.handleOrientationChange)}renderComponent(){const e=gs.a(this.environment);return e?n.createElement(D.a,{render:()=>n.createElement("div",{className:P.qb,style:this.getWrapStyle()},!e&&n.createElement(Uc,null),this.renderSidebar()),isVisible:!0,animationStyle:{width:e?gs.b(this.environment):"100vw"}}):n.createElement("div",{className:P.qb,style:Hc({},this.getWrapStyle(),{width:"100vw"})},!e&&n.createElement(Uc,null),this.renderSidebar())}renderSidebar(){return n.createElement(Ln.a,{capture:!gs.a(this.environment)&&Qs.c.get(),onBackButton:this.handleCloseSidebar},n.createElement("div",{style:this.getStyle()},this.renderTopbar(),this.renderOutliner()))}renderTopbar(){const{device:e}=this.environment,t=xl.b(this.environment),r=e.isReactNative&&e.isTablet&&gs.a(this.environment);return n.createElement("div",{style:this.getTopbarStyle()},t?n.createElement(Hl,{shouldShowUnexpandButton:r,format:Ss.Format.Mobile}):n.createElement(Ss,{shouldShowUnexpandButton:r,format:Ss.Format.Mobile}),!e.isReactNative&&n.createElement(be.a,{onClick:this.handleClickFind,mobileFeedback:!0,style:Kc.actionButtonStyle},A.a.mobileBottomBarSearch({width:26})))}renderOutliner(){const{currentSpaceStore:e,currentSpaceViewStore:t,currentUserRootStore:r,currentUserStore:i,currentBlockStore:a}=$.default.state,s=this.sidebarState.state;if(s&&a&&t&&r&&e&&i)return n.createElement(Le.a,{store:e,disableEditNearestBlock:!0,render:r=>n.createElement(Ae.b,{store:this.stores.scrollerStore,ref:this.handleScrollerMount,style:Kc.outlinerStyle,disableScroll:Dc.e(this.environment),type:Ae.b.OverflowType.Y},s.showBookmarksSection&&n.createElement(Gs,{isMobile:!0,type:"bookmarks",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,renderSidebar:()=>n.createElement(_e,{isMobile:!0,type:"bookmarks",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:t.getBookmarkedPagesStore(),childStores:t.getBookmarkedPages(),showAddPageButton:!1,onNavigate:this.handleCloseSidebar,onCreatePage:this.handleCloseSidebar,disabled:!e.canEdit()})}),s.showWorkspaceSection&&n.createElement(Gs,{isMobile:!0,type:"workspace",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,renderSidebar:()=>n.createElement(_e,{isMobile:!0,type:"workspace",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:e.getPagesStore(),childStores:t.getWorkspacePages(),addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebarMobile.addPageToWorkspace.title"}),onNavigate:this.handleCloseSidebar,onCreatePage:this.handleCloseSidebar,disabled:!e.canEdit(),showAddPageButton:!0})}),s.showSharedSection&&n.createElement(Gs,{isMobile:!0,type:"shared",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,renderSidebar:()=>n.createElement(_e,{isMobile:!0,type:"shared",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:t.getSharedPagesStore(),childStores:this.currentSpaceViewSharedPagesState.state,showAddPageButton:!1,onNavigate:this.handleCloseSidebar,onCreatePage:this.handleCloseSidebar,disabled:!e.canEdit()})}),s.showPrivateSection&&!s.showOnlyPrivateSection&&n.createElement(Gs,{isMobile:!0,type:"private",spaceStore:e,spaceViewStore:t,showAddPageButton:!1,renderSidebar:()=>n.createElement(_e,{isMobile:!0,type:"private",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:e.getPagesStore(),childStores:t.getPrivatePages(),addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebarMobile.addAPrivatePage.title"}),showAddPageButton:!0,onNavigate:this.handleCloseSidebar,onCreatePage:this.handleCloseSidebar,disabled:!e.canEdit()})}),s.showOnlyPrivateSection&&n.createElement(_e,{isMobile:!0,type:"private",isTopLevel:!0,spaceStore:e,spaceViewStore:t,parentStore:e.getPagesStore(),childStores:t.getPrivatePages(),addPageTitle:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"sidebarMobile.addAPageToOnlyPrivateSection.title"}),showAddPageButton:!0,onNavigate:this.handleCloseSidebar,onCreatePage:this.handleCloseSidebar,disabled:!e.canEdit()}),s.showOnlyPrivateSection&&n.createElement("div",{style:{height:20}}),n.createElement(Fc,{store:e}),n.createElement(Xc,{isMobile:!0}),n.createElement(Ac,{isMobile:!0}),e.canEdit()&&n.createElement(Ys,{store:a,isMobile:!0}),n.createElement(Ic,{isMobile:!0}),n.createElement("div",{style:{height:128}}))})}getWrapStyle(){return gs.a(this.environment)?{display:"block",height:"100vh",position:"relative",zIndex:3}:gs.g(this.environment)?{display:"block",height:"100vh",position:"fixed",top:0,right:"100%",zIndex:3}:{display:"block",height:"100vh",position:"fixed",top:0,left:0}}getStyle(){return Hc({display:"flex",flexDirection:"column",width:gs.c(this.environment),height:"100%",background:gs.g(this.environment)?this.theme.mobileSidebarAndroidBackground:this.theme.mobileSidebarIOSBackground,willChange:"transform",color:this.theme.mediumTextColor},gs.g(this.environment)&&{marginLeft:"auto"},{},gs.a(this.environment)&&{position:"absolute",right:0})}getTopbarStyle(){const{WindowSizeStore:e}=this.environment;return{display:"flex",alignItems:"center",justifyContent:"space-between",flex:"none",height:zc.b,marginTop:e.state.paddingTopCSS,paddingLeft:12,boxShadow:gs.g(this.environment)&&!gs.a(this.environment)&&Qs.c.state?this.isScrolledToTop.state?this.theme.topbarAndroidShadowCollapsed:this.theme.topbarAndroidShadow:"0 1px 0 ".concat(this.theme.darkDividerColor),background:gs.g(this.environment)?this.theme.androidSidebarBackground:m.f.transparent,transition:"box-shadow 300ms",width:"100%",zIndex:1}}}Kc.outlinerStyle={flexGrow:1,paddingTop:24},Kc.actionButtonStyle={display:"flex",alignItems:"center",justifyContent:"center",flex:"none",height:"100%",width:44,paddingRight:6};var Zc=Kc,Jc=r("Cihu"),Qc=r("WM0W"),$c=r("G414"),ed=r("wFTq");function td(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function rd(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class nd extends b.a{constructor(){super(...arguments),this.renderModal=()=>{const e=ke.a.state;if(e.isOpen)return n.createElement(ed.a,{captureSelection:!0,restoreSelection:!this.environment.device.isMobile,autocompleteQuery:e.autocompleteQuery,targets:e.targets,onAutocompleteQueryChange:this.handleAutocompleteQueryChange,onAccept:this.handleAccept,onCancel:this.handleCancel,desktopWidth:220,isAddTo:e.isAddTo,isCreateIn:!1})},this.handleAccept=async e=>{const t=de.create(this.environment);await $c.a({environment:this.environment,value:e,transaction:t}),de.commit({environment:this.environment,transaction:t})},this.handleCancel=()=>{$c.c(this.environment)},this.handleAutocompleteQueryChange=e=>{ke.a.state.isOpen&&ke.a.setState(function(e){for(var t=1;t$c.c(this.environment)})}}var od=Object(o.injectIntl)(nd);class id extends W.a{getInitialState(){return{isCreatingSpace:!1}}}var ad,sd=id,ld=r("E4rx"),cd=r("+NSf"),dd=r("/Zir"),ud=r("BNhs"),pd=r("xcfP"),hd=r("Ma8p"),md=r("xPNA"),gd=r("nYHe"),fd=r("17x9");function bd(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function yd(e){for(var t=1;t{Jt.a({environment:this.environment,from:"page_error"})},this.handleSwitchAccountClick=async()=>{const{loggedInUserIds:e,id:t}=this.environment.currentUser;if(2===e.length){const r=e.filter(e=>e!==t)[0],{currentBlockStore:n}=$.default.state;n&&Object(Md.b)({environment:this.environment,newCurrentUserId:r,store:n})}},this.handleGoBackClick=()=>{const{currentUserRootStore:e,currentUserSettingsStore:t}=$.default.state;e&&t&&ze.n({environment:this.environment,userRootStore:e,userSettingsStore:t})},this.handleCreateAccountClick=async()=>{const{currentUserRootStore:e,currentUserStore:t}=$.default.state;e&&t&&(this.stores.store.setState(Cd({},this.stores.store.state,{isCreatingSpace:!0})),await Ja.a(this.environment),this.stores.store.setState(Cd({},this.stores.store.state,{isCreatingSpace:!1})))},this.handleReturnToOnboarding=async()=>{const e=$l.default.state;e.isOnboarding?ec.n(e)?Ja.j(this.environment,{type:"new-user",disableRedirectUrl:!0}):ec.k(e)?Ja.j(this.environment,{type:"create-or-join",disableRedirectUrl:!0}):($l.default.reset(),c.navigate({environment:this.environment,url:"/"})):($l.default.reset(),c.navigate({environment:this.environment,url:"/"}))},this.handleContentClassificationProceed=()=>{const{currentBlockStore:e}=$.default.state;e&&(ud.a.bypassPage(e.id),ue.Y(this.environment))}}willMount(){pl.a.state.open&&ld.a({environment:this.environment,presenceStore:pl.a.state.presenceStore}),ld.a({environment:this.environment,presenceStore:$.default.state.presenceStore})}didMount(){super.didMount(),cd.default.setInitialRenderCompleted()}renderComponent(){const{publicPageData:e}=this.props;if(!this.didPerformAction&&e){if(yt.a.state.online){if("onboarding"===this.props.route.name)return this.renderOnboardingSpaceInvalid(e);if(e.spaceName){const{currentUserRootStore:t,currentBlockStore:r}=$.default.state,n=r?r.getValue():void 0;if(n&&Object(Od.B)(n))return this.renderContentClassificationBlock();if(this.isLoggedIn()){if(!t||!t.isReady())return;const r=t.getSpaceViewStores();if(!r.every(e=>e.isReady()))return;return r.find(t=>t.getSpaceId()===e.spaceId)&&"page"===this.props.route.name?this.renderWorkspacePrivatePageNoAccess(e):e.canJoinSpace?(this.performJoinWorkspaceRedirect(e),null):this.renderWorkspaceNoAccess(e)}return this.renderLoggedOutWorkspace(e)}return this.render404()}return this.renderOffline()}}renderOffline(){return ue.ld(this.environment,{type:"offline"}),n.createElement("div",{style:this.getStyle()},n.createElement("div",{style:this.getGreetingStyle()},n.createElement(o.FormattedMessage,{id:"fullPageError.offlineError.message",defaultMessage:"Oops, you seem to be offline. Please go online to view this page."}),this.renderLoggedInFooter()))}renderContentClassificationBlock(){var e=this;const t=this.isLoggedIn();return ue.ld(this.environment,{type:"content_classification_block"}),n.createElement("div",{style:this.getStyle()},n.createElement(kd,{type:kd.Type.Unsafe}),n.createElement("div",{style:this.getGreetingStyle()},n.createElement(o.FormattedMessage,{id:"fullPageError.unsafePageError.title",defaultMessage:"This page has been flagged as unsafe"})),n.createElement(xt.a,{isSmall:!1,isSecondaryColor:!0,isMultiline:!0,style:{textAlign:"center",marginBottom:18,maxWidth:440}},n.createElement(o.FormattedMessage,{id:"fullPageError.unsafePageError.message",defaultMessage:"This page may contain spam, phishing, illegal, or inappropriate content. If you received this link from an unknown source, we suggest you to close this tab. Proceed anyway",values:{proceedanywaylink:function(){for(var t=arguments.length,r=new Array(t),o=0;on.createElement(dd.a,{analyticsName:"team_login",hideNavItems:!0,hideNotificationBanner:!0,hideFooter:!0},n.createElement("div",Object.assign({style:this.getFrontBaseStyle()},r),n.createElement(kd,{type:kd.Type.NoAccess,publicPageData:e}),n.createElement("div",{style:this.getGreetingStyle()},n.createElement(o.FormattedMessage,{id:"fullPageError.loggedOut.message",defaultMessage:"Welcome to {workspaceName} on Notion.",values:{workspaceName:n.createElement("span",{style:Td.headerBoldStyle},e.spaceName)}})),n.createElement(Al,{emailLabelType:"email",style:Td.loginStyle,emailPasscodePlaceholderType:"enter_code",emailInputAutoFocus:!0}),t.isMobile&&!t.isReactNative&&n.createElement(n.Fragment,null,n.createElement("div",{style:{height:1,width:"100vw",background:this.theme.regularDividerColor,marginTop:36,marginBottom:36}}),n.createElement(vt.a,{style:{width:280},isLarge:!0,onClick:()=>{c.openInNativeApp({url:window.location.href,environment:this.environment})}},t.isIOS?A.a.appleLogo(Td.storeIconStyle):A.a.googlePlay(Td.storeIconStyle)," ",n.createElement(o.FormattedMessage,{id:"fullPageError.openInMobileAppButton.label",defaultMessage:"Open in mobile app"})),n.createElement(H.a,{href:t.isIOS?u.e:u.Q,external:!0,innerStyle:{marginTop:16}},n.createElement(xt.a,{isSmall:!0,style:{textDecoration:"underline",fontSize:14}},n.createElement(o.FormattedMessage,{id:"fullPageError.downloadMobileAppButton.label",defaultMessage:"Get mobile app"})))),this.renderLoggedOutFooter()))})}render404(){var e=this;const{device:t}=this.environment,r=this.isLoggedIn();return ue.ld(this.environment,{type:"404"}),n.createElement("div",null,this.renderTopbar(),n.createElement("div",{style:Cd({},this.getFrontBaseStyle(),{marginTop:t.isMobile?0:"12vh",justifyContent:"start"})},n.createElement(kd,{type:kd.Type.NotFound}),n.createElement("div",{style:this.getGreetingStyle()},n.createElement(o.FormattedMessage,{id:"fullPageError.contentDoesNotExist.title",defaultMessage:"This content does not exist"})),!r&&this.renderLoggedOutFooter(),r&&this.renderNavigateButton(),this.renderDidivider(),n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center"}},n.createElement(o.FormattedMessage,{id:"fullPageError.contentDoesNotExist.message",defaultMessage:"Having trouble? Send us a message",values:{helplink:function(){for(var t=arguments.length,r=new Array(t),o=0;olog in with a different email, or contact the page's owner to request access to this page.",values:{loginlink:function(){for(var t=arguments.length,r=new Array(t),o=0;oUe.logout(e.environment)},r)}}})),a=n.createElement(xt.a,{isSmall:!0,isMultiline:!0,style:{marginTop:4}},n.createElement(o.FormattedMessage,{id:"fullPageError.sendMessageForHelp.message",defaultMessage:"Send us a message for help.",values:{sendmessagelink:function(){for(var t=arguments.length,r=new Array(t),o=0;oe.stack))).sort().reverse(),s={};let l=e=>!0;o.length>1&&a.length>0&&(a.forEach(e=>{const a=ze.b({environment:t,spaceStore:r,spaceViewStore:n,isPrivate:!0,prepend:!0,loading:!1,title:e,transaction:i}),l=a.getContentStore();o.filter(t=>t.stack===e).forEach(e=>{const r=ce.a({environment:t,type:_.a.copyIndicator,recordCacheStore:a.recordCacheStore,transaction:i});Me.a({parent:l,append:r,transaction:i}),s[e.guid]=r})}),l=e=>!Boolean(e.stack));return o.filter(l).reverse().forEach(e=>{const o=ze.b({environment:t,spaceStore:r,spaceViewStore:n,isPrivate:!0,prepend:!0,loading:!0,title:e.title,transaction:i});s[e.guid]=o}),await de.commit({environment:t,transaction:i}),s}({environment:t,spaceStore:r,spaceViewStore:n,notebooks:o}),s=a[o[0].guid];try{return await async function(e){const{environment:t,spaceStore:r,spaceViewStore:n,notebooks:o,waitForNotebook:i,notebookMapping:a,userSettingsStore:s}=e;let l;if(Rc.b(o,2,async e=>{await Promise.all(e.map(async e=>{const r=a[e.guid];if(!r)throw new Error("Missing notebook page ".concat(e.guid));const n=Rc.c();r===i&&(l=n),await async function(e){const{environment:t,notebookStore:r,notebook:n,firstCompleted:o}=e,i=Re.importEvernote(t,{notebookId:n.guid,blockId:r.id,timestamp:Date.now(),parentTable:Ad.a}),{value:a}=await i.next();if(a.error)throw console.error(a.error),de.createAndCommit(t,e=>{const t=r.getParentBlockStore();if(t){const n=t.getContentStore();Me.e({parent:n,remove:r,transaction:e})}}),a.error;o.resolve(void 0)}({environment:t,notebookStore:r,notebook:e,firstCompleted:n})}))}),!l)throw new Error("waitForNotebookFirstCompleted not defined.");s.getSettings().created_evernote_getting_started||await ze.c({environment:t,type:"evernote",spaceStore:r,spaceViewStore:n,userSettingsStore:s});await l.promise}({environment:t,waitForNotebook:s,notebookMapping:a,notebooks:o,spaceStore:r,spaceViewStore:n,userSettingsStore:i}),Ne.a(),s}catch(l){throw Ve.showErrorMessage(Ye.default.formatMessage(Ld.evernoteImportFailed)),Ne.a(),l}}class Rd extends W.a{getInitialState(){return{searchQuery:"",selection:new Set}}}var Nd=Rd;function Vd(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ud(e){for(var t=1;t{const{sections:e,analyticsName:t}=this.props,{store:r}=this.stores,{selection:n}=r.state;for(const o of e)for(const e of o.items)n.add(e.key);r.emit(),ue.Xb(this.environment,{name:t})},this.handleDeselectAllClick=()=>{const{analyticsName:e}=this.props,{store:t}=this.stores,{selection:r}=t.state;r.clear(),t.emit(),ue.Vb(this.environment,{name:e})},this.handleToggleItem=e=>{const{analyticsName:t}=this.props,{store:r}=this.stores,{selection:n}=r.state;n.has(e.key)?(n.delete(e.key),ue.Yb(this.environment,{name:t})):(n.add(e.key),ue.Wb(this.environment,{name:t})),r.emit()},this.handleImport=()=>{const{sections:e}=this.props,{selection:t}=this.stores.store.state,r=Fe.flatten(e.map(e=>e.items)),n=[];t.forEach(e=>{const t=r.find(t=>t.key===e);t&&n.push(t)}),this.props.onComplete(n)}}willMount(e){const t=this.stores.store.state.selection,[r]=e.sections;if(r){const[e]=r.items;e&&t.add(e.key)}this.stores.store.emit()}renderComponent(){return n.createElement(_r.b,{menuType:_r.b.MenuType.Popup,header:this.renderMenuHeader(),footer:this.renderMenuFooter(),width:280,maxHeight:350},this.renderMenuList())}renderMenuHeader(){const{searchInputPlaceholder:e}=this.props,{searchQuery:t}=this.stores.store.state,r=Boolean(t);return n.createElement(Fr.a,{isInput:!0,desktopStyle:{paddingBottom:2}},n.createElement(Os.a,{focus:!0,focusAfterAnimation:!0,value:t,onChange:e=>{const{store:t}=this.stores;t.setState(Ud({},t.state,{searchQuery:e.target.value}))},placeholder:e}),n.createElement(cn.a,{isTokenTitle:!0,style:{marginTop:2},title:n.createElement("div",{style:{marginLeft:-3}},n.createElement(_t.a,{onClick:this.handleSelectAllClick,disabled:r,disabledFeedback:!0},n.createElement(o.FormattedMessage,{id:"importPopup.selectAll",defaultMessage:"Select all"})),n.createElement(es,{disabled:r}),n.createElement(_t.a,{onClick:this.handleDeselectAllClick,disabled:r,disabledFeedback:!0},n.createElement(o.FormattedMessage,{id:"importPopup.deselectAll",defaultMessage:"Deselect all"})))}))}renderMenuFooter(){const e=0===this.stores.store.state.selection.size;return n.createElement(Fr.a,{topBorder:!0,desktopStyle:{paddingTop:8,paddingBottom:8}},n.createElement(cn.a,{title:n.createElement(vt.a,{disabled:e,onClick:this.handleImport},n.createElement(o.FormattedMessage,{id:"integrationImportPopup.importButton.label",defaultMessage:"Import"}))}))}renderMenuList(){const{sections:e,noSearchResultsPlaceholder:t}=this.props,{store:r}=this.stores,{searchQuery:o,selection:i}=r.state,a=e.map(e=>{const t=Object(Wr.b)(o,e.items,t=>"".concat(t.name," ").concat(e.name));return Ud({},e,{items:t})}).filter(e=>e.items.length>0);if(0===a.length)return n.createElement(Fr.a,null,n.createElement(ln.a,{title:t}));const s=a.map(t=>({key:t.name,render:r=>n.createElement(Fr.a,Object.assign({},r,{title:e.length>1?t.name:void 0})),items:t.items.map(e=>{const t=()=>this.handleToggleItem(e);return{key:e.key,render:r=>n.createElement(Lr.a,Object.assign({},r,{title:e.name,icon:n.createElement(wo.a,{checked:i.has(e.key),size:16,onClick:t}),right:void 0!==e.count&&n.createElement(xt.a,{isSmall:!0},e.count)})),action:t}})}));return n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:s})}}var Xd=Wd;class zd extends b.a{constructor(){super(...arguments),this.handleClickImportTrello=()=>{ue.F(this.environment,{name:"trello",from:this.props.analyticsFrom})},this.handleTrelloAuth=async()=>{await _i({environment:this.environment,requestStore:this.props.requestStore})},this.handleRemoveTrello=async()=>{await Re.disconnectTrello(this.environment,{}),await this.props.requestStore.refresh(),ue.Hd(this.environment,{name:"trello"})},this.handleImportTrelloComplete=async(e,t)=>{const{boards:r}=e,n=r.filter(e=>Boolean(t.find(t=>t.key===e.id)));ue.Sb(this.environment,{name:"trello",count:t.length});const o=await async function(e){const{environment:t,boards:r,spaceStore:n,spaceViewStore:o}=e;Ne.b({message:Ld.importingFromTrelloMessage,interpolatedValues:{importingCount:r.length}}),Di.setState({open:!1});const i=de.create(t),a=r.map(e=>ze.b({environment:t,spaceStore:n,spaceViewStore:o,isPrivate:!0,prepend:!0,loading:!0,title:e.name,transaction:i}));await new Promise(e=>{i.postSubmitCallbacks.push(e),de.commit({environment:t,transaction:i})});try{return await Promise.all(a.map(async(e,n)=>{const o=r[n],{value:i}=await Re.importTrello(t,{boardId:o.id,blockId:e.id}).next();if(i.error)throw i.error})),Ne.a(),a[0]}catch(s){throw de.createAndCommit(t,e=>{for(const t of a)Me.e({parent:n.getPagesStore(),remove:t,transaction:e})}),Ve.showErrorMessage(Ye.default.formatMessage(Ld.trelloImportFailed)),Ne.a(),new Error(s)}}({environment:this.environment,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,boards:n});this.props.onComplete(o)}}renderComponent(){const{device:e}=this.environment,{trelloResult:t,intl:r}=this.props,{account:o,boards:i}=t,a={key:"default",name:r.formatMessage({id:"trelloImportOption.boardProperty.defaultName",defaultMessage:"Boards"}),items:i.map(e=>({key:e.id,name:e.name}))},s={title:"Trello",logo:ko.a.images.import.trelloPng,actionButton:o&&this.props.renderItemActionsButton([{name:r.formatMessage({id:"trelloImportOption.actionsMenu.import",defaultMessage:"Import"}),action:()=>Di.setState({open:!0})},{name:r.formatMessage({id:"trelloImportOption.actionsMenu.connectAnotherAccount",defaultMessage:"Connect another account"}),action:this.handleTrelloAuth},{name:r.formatMessage({id:"trelloImportOption.actionsMenu.removeIntegration",defaultMessage:"Remove"}),action:this.handleRemoveTrello}]),onClick:()=>{}};return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:Di,onClick:this.handleClickImportTrello,render:()=>n.createElement(Xd,{searchInputPlaceholder:r.formatMessage({id:"trelloImportOption.search.placeholder",defaultMessage:"Search for a board…",description:"'Board' is a Trello term."}),noSearchResultsPlaceholder:r.formatMessage({id:"trelloImportOption.search.noResultsPlaceholder",defaultMessage:"No boards",description:"'Board' is a Trello term."}),analyticsName:"trello",sections:[a],onComplete:e=>this.handleImportTrelloComplete(t,e)}),renderOrigin:e=>{let{onClick:t}=e;return n.createElement(_d,Object.assign({},s,{onClick:o?t:this.handleTrelloAuth}))}})}}var qd=Object(o.injectIntl)(zd);class Hd extends b.a{constructor(){super(...arguments),this.handleClickImportEvernote=()=>{ue.F(this.environment,{name:"evernote",from:this.props.analyticsFrom})},this.handleRemoveEvernote=async()=>{await Re.disconnectEvernote(this.environment,{}),await this.props.requestStore.refresh(),ue.Hd(this.environment,{name:"evernote"})},this.handleEvernoteAuth=async()=>{await Ti({environment:this.environment,requestStore:this.props.requestStore})},this.handleImportEvernoteComplete=async(e,t)=>{const{notebooks:r}=e,n=r.filter(e=>Boolean(t.find(t=>t.key===e.guid)));ue.Sb(this.environment,{name:"evernote",count:t.length});const o=await Fd({environment:this.environment,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,userSettingsStore:this.props.userSettingsStore,notebooks:n});this.props.onComplete(o)},this.handleEvernoteHelpClick=()=>{c.navigateToExternalURL({environment:this.environment,url:Object(sr.a)("guides.importEvernote")})}}renderComponent(){const{device:e}=this.environment,{evernoteResult:t,intl:r}=this.props,{userInfo:o,notebooks:i}=t,a=Fe.groupBy(i,e=>e.stack||""),s=Object.keys(a).map(e=>{const t=e||"Top-Level";return{key:t,name:t,items:(a[e]||[]).map(e=>({key:e.guid,name:e.title,count:e.noteCount}))}}),{data:l}=Rr.default.state,c=Boolean(l&&l.credits.find(e=>"import_evernote"===e.type&&e.activated)),d={title:"Evernote",logo:ko.a.images.import.evernotePng,shouldWrapCaption:!o&&!c,caption:o?o.name||o.username||o.email:c?void 0:r.formatMessage({id:"evernoteImportOption.caption.getCredit",defaultMessage:"Get $5 in credit on import"}),actionButton:o?this.props.renderItemActionsButton([{name:r.formatMessage({id:"evernoteImportOption.actionsMenu.learnMore",defaultMessage:"Learn more"}),action:this.handleEvernoteHelpClick},{name:r.formatMessage({id:"evernoteImportOption.actionsMenu.import",defaultMessage:"Import"}),action:()=>Ci.setState({open:!0})},{name:r.formatMessage({id:"evernoteImportOption.actionsMenu.connectAnotherAccount",defaultMessage:"Connect another account"}),action:this.handleEvernoteAuth},{name:r.formatMessage({id:"evernoteImportOption.actionsMenu.removeIntegration",defaultMessage:"Remove"}),action:this.handleRemoveEvernote}]):this.props.defaultActionButton,onClick:()=>{}};return n.createElement(an.a,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:Ci,onClick:this.handleClickImportEvernote,render:()=>n.createElement(Xd,{searchInputPlaceholder:r.formatMessage({id:"evernoteImportOption.search.placeholder",defaultMessage:"Search for a notebook…",description:"'Notebook' is an Evernote term."}),noSearchResultsPlaceholder:r.formatMessage({id:"evernoteImportOption.search.noResultsPlaceholder",defaultMessage:"No notebooks",description:"'Notebook' is an Evernote term."}),analyticsName:"evernote",sections:s,onComplete:e=>this.handleImportEvernoteComplete(t,e)}),renderOrigin:e=>{let{onClick:t}=e;return n.createElement(_d,Object.assign({},d,{onClick:o?t:this.handleEvernoteAuth}))}})}}var Gd=Object(o.injectIntl)(Hd);class Kd extends b.a{constructor(){super(...arguments),this.handleClickImportAsana=()=>{ue.F(this.environment,{name:"asana",from:this.props.analyticsFrom})},this.handleAsanaAuth=async()=>{await Ii({environment:this.environment,requestStore:this.props.requestStore})},this.handleRemoveAsana=async()=>{await Re.disconnectAsana(this.environment,{}),await this.props.requestStore.refresh(),ue.Hd(this.environment,{name:"asana"})},this.handleImportAsanaComplete=async(e,t)=>{const r=Fe.flatten(Fe.values(e.projects)).filter(e=>Boolean(t.find(t=>t.key===e.gid.toString())));ue.Sb(this.environment,{name:"asana",count:t.length});const n=await async function(e){const{environment:t,projects:r,spaceStore:n,spaceViewStore:o}=e;Ne.b({message:Ld.importingFromAsanaMessage,interpolatedValues:{importingCount:r.length}}),ji.setState({open:!1});const i=de.create(t),a=r.map(e=>ze.b({environment:t,spaceStore:n,spaceViewStore:o,isPrivate:!0,prepend:!0,loading:!0,title:e.name,transaction:i}));await de.commit({environment:t,transaction:i});try{return await Promise.all(a.map(async(e,n)=>{const o=r[n],{value:i}=await Re.importAsana(t,{blockId:e.id,projectId:o.gid}).next();if(i.error)throw i.error})),Ne.a(),a[0]}catch(s){throw de.createAndCommit(t,e=>{for(const t of a)Me.e({parent:n.getPagesStore(),remove:t,transaction:e})}),Ve.showErrorMessage(Ye.default.formatMessage(Ld.asanaImportFailed)),Ne.a(),new Error(s)}}({environment:this.environment,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,projects:r});this.props.onComplete(n)}}renderComponent(){const{asanaResult:e,intl:t}=this.props,{account:r,workspaces:o,projects:i}=e,a=o.map(e=>{const t=i[e.gid]||[];return{key:e.gid.toString(),name:e.name,items:t.map(e=>({key:e.gid.toString(),name:e.name}))}}),s={title:"Asana",logo:ko.a.images.import.asanaPng,caption:r&&r,actionButton:r&&this.props.renderItemActionsButton([{name:t.formatMessage({id:"asanaImportOption.actionsMenu.import",defaultMessage:"Import"}),action:()=>ji.setState({open:!0})},{name:t.formatMessage({id:"asanaImportOption.actionsMenu.connectAnotherAccount",defaultMessage:"Connect another account"}),action:this.handleAsanaAuth},{name:t.formatMessage({id:"asanaImportOption.actionsMenu.removeIntegration",defaultMessage:"Remove"}),action:this.handleRemoveAsana}]),onClick:()=>{}},{device:l}=this.environment;return n.createElement(an.a,{popupType:l.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:ji,onClick:this.handleClickImportAsana,render:()=>n.createElement(Xd,{searchInputPlaceholder:t.formatMessage({id:"asanaImportOption.search.placeholder",defaultMessage:"Search for a project…",description:"'Project' is an Asana term."}),noSearchResultsPlaceholder:t.formatMessage({id:"asanaImportOption.search.noResultsPlaceholder",defaultMessage:"No projects",description:"'Project' is an Asana term."}),analyticsName:"asana",sections:a,onComplete:t=>this.handleImportAsanaComplete(e,t)}),renderOrigin:e=>{let{onClick:t}=e;return n.createElement(_d,Object.assign({},s,{onClick:r?t:this.handleAsanaAuth}))}})}}var Zd=Object(o.injectIntl)(Kd);async function Jd(e){const t=await Re.getTrelloBoards(e,{});return"success"===t.type?t.data:(console.error(t.error),{boards:[]})}async function Qd(e){const t=await Re.getAsanaWorkspaces(e,{});if("success"===t.type){const{account:e}=t.data;return e?t.data:{workspaces:[],projects:{}}}return console.error(t.error),{workspaces:[],projects:{}}}async function $d(e){try{const t=await Re.getEvernoteNotebooks(e,{});if("success"===t.type){const{notebooks:e,userInfo:r}=t.data;return{notebooks:e,userInfo:r}}return console.error(t.error),{notebooks:[],userInfo:void 0}}catch(t){return console.error(t),{notebooks:[],userInfo:void 0}}}function eu(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function tu(e){for(var t=1;t{ue.F(this.environment,{name:e,from:this.props.analyticsFrom});const t=await async function(e){const{environment:t,pageStore:r,spaceStore:n,isTeamPage:o,spaceViewStore:i}=e;let a;try{const e=await ft.b({multiple:!0});if(0===e.length)return;const s=1===e.length,l=await new Promise((r,n)=>{ft.f({environment:t,files:e,bucket:"temporary",preventLimitFreeFileSize:!0,onStart:()=>{Ne.b({message:s?Ld.uploadingOneFile:Ld.uploadingMultipleFilesNotStarted,interpolatedValues:{totalNumberOfFiles:e.length}})},onProgress:t=>{let{uploadedFiles:r}=t;Ne.b({message:s?Ld.uploadingOneFile:Ld.uploadingMultipleFilesInProgress,interpolatedValues:{numberOfUploadedFiles:r,totalNumberOfFiles:e.length}})},onComplete:t=>{Ne.b({message:s?Ld.uploadingOneFile:Ld.uploadingMultipleFilesComplete,interpolatedValues:{totalNumberOfFiles:e.length}}),r(t)},onError:n})});let c,d;if(r&&r.isEmptyPage())e.length>1||r.isInsideCollection()?(c=r.id,d="AppendToBlock"):(c=r.id,d="ReplaceBlock");else{const r=de.create(t),s=Ye.default.formatMessage(Ld.importTitle,{date:Object(po.a)().format("ll")}),l=ze.b({environment:t,spaceStore:n,spaceViewStore:i,isPrivate:!o,prepend:!o,title:s,transaction:r});a=l,c=l.id,d=e.length>1?"AppendToBlock":"ReplaceBlock";const u=Rc.c();r.postSubmitCallbacks.push(u.resolve),de.commit({environment:t,transaction:r}),await u.promise}const u=l.map((t,r)=>({fileURL:t,fileName:e[r].name}));let p=0;Ne.b({message:s?Ld.importingOneFile:Ld.importingMultipleFilesInProgress,interpolatedValues:{numberOfImportedFiles:p,totalNumberOfFiles:e.length}});for(const{fileURL:r,fileName:n}of u){if("AppendToBlock"===d){const{value:e}=await Re.importFile(t,{fileURL:r,fileName:n,importType:d,pageId:c}).next();if(e.error)throw e.error}else if("ReplaceBlock"===d){const{value:e}=await Re.importFile(t,{fileURL:r,fileName:n,importType:d,pageId:c}).next();if(e.error)throw e.error}p++,Ne.b({message:s?Ld.importingOneFile:Ld.importingMultipleFilesInProgress,interpolatedValues:{numberOfImportedFiles:p,totalNumberOfFiles:e.length}})}return Ne.a(),F.a.createChildStore(n,c)}catch(s){throw Ne.a(),de.createAndCommit(t,e=>{a&&Me.e({parent:n.getPagesStore(),remove:a,transaction:e})}),Ve.showErrorMessage(Ye.default.formatMessage(Ld.importFailed)),s}}({environment:this.environment,pageStore:this.props.pageStore,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore});t&&this.props.onComplete(t)}}renderComponent(){if(!yt.a.state.online)return n.createElement("div",{style:tu({},nu.wrapStyle,{fontSize:14,color:this.theme.mediumTextColor})},n.createElement(o.FormattedMessage,{id:"importOptions.offlineErrorMessage",defaultMessage:"Please go online to import."}));const{analyticsFrom:e}=this.props;return this.renderRequests(t=>t?n.createElement("div",{style:nu.wrapStyle},this.renderOptions(t)):n.createElement("div",{style:"onboarding"===e?{}:nu.wrapStyle},n.createElement(pe.a,null)))}renderOptions(e){return n.createElement("div",{style:{display:"flex"}},n.createElement("div",{style:tu({},nu.optionsColumnStyle,{marginRight:16})},this.renderEvernoteImportOption(e.evernoteResult),this.renderTrelloImportOption(e.trelloResult),this.renderAsanaImportOption(e.asanaResult),this.renderConfluenceImportOption()),n.createElement("div",{style:tu({},nu.optionsColumnStyle,{marginRight:16})},n.createElement(_d,{title:n.createElement(o.FormattedMessage,{id:"importOptions.textMarkdown.title",defaultMessage:"Text & Markdown",description:"Button title for importing plain text and/or Markdown content into Notion"}),icon:A.a.importText,onClick:()=>this.handleFileUploadClick("markdown")}),n.createElement(_d,{title:"CSV",icon:A.a.importCSV,onClick:()=>this.handleFileUploadClick("csv")}),n.createElement(_d,{title:"HTML",icon:A.a.importHTML,onClick:()=>this.handleFileUploadClick("html")}),n.createElement(_d,{title:"Word",logo:ko.a.images.import.wordPng,onClick:()=>this.handleFileUploadClick("docx")})),n.createElement("div",{style:nu.optionsColumnStyle},n.createElement(_d,{title:"Google Docs",logo:ko.a.images.import.googleDocsPng,actionButton:this.renderHelpButtonToURL(Object(sr.a)("guides.importGoogleDocs")),onClick:()=>this.handleFileUploadClick("gdocs")}),n.createElement(_d,{title:"Dropbox Paper",logo:ko.a.images.import.dropboxPaperPng,actionButton:this.renderHelpButtonToURL(Object(sr.a)("guides.importDropboxPaper")),onClick:()=>this.handleFileUploadClick("dropbox")}),n.createElement(_d,{title:"Quip",logo:ko.a.images.import.quipPng,actionButton:this.renderHelpButtonToURL(Object(sr.a)("guides.importQuip")),onClick:()=>this.handleFileUploadClick("quip")}),n.createElement(_d,{title:"Workflowy",logo:ko.a.images.import.workflowyPng,actionButton:this.renderHelpButtonToURL(Object(sr.a)("guides.importWorkflowy")),onClick:()=>this.handleFileUploadClick("workflowy")})))}renderRequests(e){return n.createElement(Dt.a,{request:this.environment,performRequest:Jd,requestStore:this.stores.trelloRequestStore,render:(t,r)=>n.createElement(Dt.a,{request:this.environment,performRequest:Qd,requestStore:this.stores.asanaRequestStore,render:(t,o)=>n.createElement(Dt.a,{request:this.environment,performRequest:$d,requestStore:this.stores.evernoteRequestStore,render:(t,n)=>e(r&&o&&n?{trelloResult:r,asanaResult:o,evernoteResult:n}:void 0)})})})}renderTrelloImportOption(e){return n.createElement(qd,{trelloResult:e,analyticsFrom:this.props.analyticsFrom,renderItemActionsButton:this.renderItemActionsButton,onComplete:this.props.onComplete,requestStore:this.stores.trelloRequestStore,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,userSettingsStore:this.props.userSettingsStore})}renderAsanaImportOption(e){return n.createElement(Zd,{asanaResult:e,analyticsFrom:"onboarding",renderItemActionsButton:this.renderItemActionsButton,onComplete:this.props.onComplete,requestStore:this.stores.asanaRequestStore,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,userSettingsStore:this.props.userSettingsStore})}renderConfluenceImportOption(){var e;if(e=this.environment,"production"!==g.default.env&&"on"===ar.default.getGroup(e,"confluence-import"))return n.createElement(_d,{title:"Confluence",logo:ko.a.images.import.confluencePng,onClick:()=>this.handleFileUploadClick("confluence-space")})}renderEvernoteImportOption(e){return n.createElement(Gd,{evernoteResult:e,analyticsFrom:"onboarding",renderItemActionsButton:this.renderItemActionsButton,defaultActionButton:this.renderHelpButtonToURL(Object(sr.a)("guides.importEvernote")),onComplete:this.props.onComplete,requestStore:this.stores.evernoteRequestStore,spaceStore:this.props.spaceStore,spaceViewStore:this.props.spaceViewStore,userSettingsStore:this.props.userSettingsStore})}renderHelpButtonToURL(e){return n.createElement(J.a,{renderTooltip:()=>n.createElement(o.FormattedMessage,{id:"importOptions.helpButton.tooltip",defaultMessage:"Learn about how to import"}),render:t=>n.createElement(ns.a,Object.assign({external:!0,href:e,style:{marginLeft:"auto"}},t),n.createElement(Vn.a,{icon:A.a.help}))})}renderItemActionsButton(e){return n.createElement(an.a,{popupType:Br.b.Popup,renderOrigin:e=>n.createElement(Vn.a,Object.assign({icon:A.a.dots},e)),render:t=>{const r={key:"section",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:e.map(e=>{let{name:r,action:o}=e;return{key:r,render:e=>n.createElement(Lr.a,Object.assign({},e,{title:r})),action:()=>{o(),t.close()}}})};return n.createElement(_r.b,{menuType:_r.b.MenuType.Popup,width:200},n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:[r]}))}})}}nu.wrapStyle={display:"flex",alignItems:"center",justifyContent:"center",width:752,minHeight:240},nu.optionsColumnStyle={width:240};var ou=nu;class iu extends b.a{constructor(){super(...arguments),this.handleModalDismiss=()=>{ci.a.setState({open:!1})},this.handleImportComplete=e=>{ci.a.setState({open:!1}),c.navigateToBlock({environment:this.environment,store:e})}}renderComponent(){const e=ci.a.state;return n.createElement(at.a,{open:e.open,innerStyle:iu.wrapStyle,preventHideChildrenWhileOpening:!0,render:()=>n.createElement(n.Fragment,null,n.createElement("div",{style:iu.modalTopbarWrapStyle},n.createElement("div",{style:iu.modalTopbarHeaderStyle},n.createElement(o.FormattedMessage,{id:"importModal.importButton.label",defaultMessage:"Import"})),this.renderHelpButton()),n.createElement("div",null,this.renderImportOptions(e))),onDismiss:this.handleModalDismiss})}renderHelpButton(){return n.createElement(ns.a,{href:Object(sr.a)("guides.import"),onClick:()=>ue.D(this.environment,{from:"import"}),external:!0},n.createElement(dn.a,{isSmall:!0,icon:A.a.help,isGray:!0},n.createElement(o.FormattedMessage,{id:"importModal.helpButton.label",defaultMessage:"Learn about importing"})))}renderImportOptions(e){const{currentBlockStore:t,currentSpaceStore:r,currentSpaceViewStore:o,currentUserSettingsStore:i}=$.default.state;if(t&&r&&o&&i)return n.createElement(ou,{pageStore:e.open&&e.pageStore?e.pageStore:t,spaceStore:r,spaceViewStore:o,userSettingsStore:i,analyticsFrom:"modal",onComplete:this.handleImportComplete,readOnlyCreditButton:!1})}}iu.wrapStyle={padding:"24px 36px 24px",minWidth:300},iu.modalTopbarWrapStyle={display:"flex",alignItems:"center",marginTop:8,marginBottom:18},iu.modalTopbarHeaderStyle={fontSize:24,lineHeight:1.2,marginBottom:6,fontWeight:ee.a.fontWeight.bold,marginRight:"auto"};var au=iu,su=r("0/0S"),lu=r("T4gQ");class cu extends W.a{getInitialState(){return{}}}var du=cu,uu=r("MHAS");function pu(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function hu(e){for(var t=1;t{const{style:t}=this.props;if(this.props.isMenuItem){const r=this.props.label?{title:this.props.label,right:this.props.selectedTitle}:{title:this.props.selectedTitle};return n.createElement(uu.a,Object.assign({},e,{focused:!!this.props.focused,disabled:this.props.disabled,style:t},r))}},this.renderButtonOrigin=e=>{const{innerButtonStyle:t}=this.props;return n.createElement(dn.a,Object.assign({disabled:this.props.disabled,disabledFeedback:!0,style:hu({marginRight:-6},t)},e),this.props.selectedTitle,this.chevronDownIcon())},this.handleSelection=e=>{this.stores.SelectButtonStore.setState({selectedKey:e})},this.closeMenu=()=>{const{buttonPopupStore:e}=this.stores;e.setState(hu({},e.state,{open:!1}))},this.chevronDownIcon=()=>{const{device:e}=this.environment;return A.a.chevronDown({width:e.isMobile?14:10,marginLeft:4,fill:this.theme.lightIconColor})}}renderComponent(){const{isMenuItem:e,style:t,labelStyle:r}=this.props;return e?this.renderButtonPopup(this.renderMenuItemOrigin):n.createElement("div",{style:hu({display:"flex",alignItems:"center",height:32},t)},this.props.label&&n.createElement("div",{style:hu({marginRight:"auto",color:this.theme.lightTextColor,fontSize:14},r)},this.props.label),this.renderButtonPopup(this.renderButtonOrigin))}renderButtonPopup(e){const{device:t}=this.environment,{alignmentToOrigin:r}=this.props;return n.createElement(an.a,{popupType:t.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,buttonPopupStore:this.stores.buttonPopupStore,alignmentToOrigin:void 0!==r?r:an.a.Alignment.End,renderOrigin:e,placementToOrigin:this.props.isMenuItem?an.a.Placement.Right:an.a.Placement.Bottom,render:e=>{let r;r=t.isMobile?{menuType:_r.b.MenuType.ActionSheet}:{menuType:_r.b.MenuType.Popup};const{focusedIndex:o,menuSections:i}=this.getMenuSections(e);return n.createElement(_r.b,Object.assign({},r),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:o,sections:i}))}})}getMenuSections(e){let t=void 0,r=0;return{menuSections:this.props.renderMenuSections(e).map(e=>hu({},e,{items:e.items.map(e=>(e.key===this.stores.SelectButtonStore.state.selectedKey&&(t=r),r++,hu({},e,{action:t=>{e.action(t),this.handleSelection(e.key)}})))})),focusedIndex:t}}}var fu=gu,bu=r("622O"),yu=r("PEWV"),vu=r("Pqcg");function Su(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function wu(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const Ou=["pdf","html","markdown"];class Eu extends b.a{constructor(){super(...arguments),this.storeTypes={exportTypePopupStore:on.a,pdfFormatPopupStore:on.a},this.renderMenu=()=>{const{device:e}=this.environment;if(!yt.a.state.online)return this.renderOffline();const t=su.a.state;let r;return r=e.isMobile?{menuType:_r.a.Modal,title:n.createElement(o.FormattedMessage,{id:"exportModal.title",defaultMessage:"Export"}),right:n.createElement(o.FormattedMessage,{id:"exportModal.closeButton.label",defaultMessage:"Close"}),onClickRight:this.handleCancel}:{menuType:_r.a.Popup},t.open&&e.isMobile?n.createElement(_r.b,Object.assign({},r),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:void 0,sections:[{key:"exportOptions",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:this.getExportOptionsMenuItems(t)},{key:"actions",render:e=>{let{children:t}=e,r=Mu(e,["children"]);return n.createElement(Fr.a,Object.assign({isSubmitButton:!0},r),t)},items:[{key:"submit",render:e=>n.createElement(lu.a,Object.assign({title:n.createElement(o.FormattedMessage,{id:"exportModal.exportButton.label",defaultMessage:"Export"}),onClick:this.handleSubmit},e)),action:this.handleSubmit}]}]})):t.open?this.renderDesktopModal(t):void 0},this.handleSelectExportType=(e,t)=>{const r=su.a.state;if(!r.open)return;const{exportOptions:n}=r;if(e===n.exportType)return;let o;o=wu({},n,"pdf"===e?{exportType:"pdf",pdfFormat:Vr.g(t)}:{exportType:e}),Vr.b(this.environment,wu({},r,{exportOptions:o}))},this.handleSelectPaperFormat=e=>{const t=su.a.state;t.open&&su.c(t)&&Vr.b(this.environment,wu({},t,{exportOptions:wu({},t.exportOptions,{pdfFormat:e})}))},this.handleToggleRecursive=()=>{const e=su.a.state;if(e.open){if(su.c(e)&&!Vr.a(this.environment))return Gn.a(this.environment,{from:"export_modal",for:"enterprise"}),void this.handleUpgrade();Vr.b(this.environment,wu({},e,{recursive:!e.recursive}))}},this.handleCancel=()=>{Vr.c()},this.handleSubmit=()=>{const e=su.a.state;e.open&&(Vr.c(),e.root.table===Vi.a?Vr.f(this.environment,{spaceId:e.root.id,exportOptions:e.exportOptions}):Vr.d(this.environment,{blockId:e.root.id,recursive:e.recursive,exportOptions:e.exportOptions}))},this.handleUpgrade=()=>{Vr.c()}}renderComponent(){const{device:e}=this.environment,t=su.a.state;return e.isMobile?n.createElement(Br.c,{open:t.open,popupType:Br.c.PopupType.SlideUp,origin:n.createElement("div",null),onDismiss:this.handleCancel,render:this.renderMenu}):n.createElement(at.a,{open:t.open,preventHideChildrenWhileOpening:!0,render:this.renderMenu,onDismiss:this.handleCancel})}renderOffline(){return n.createElement("div",{style:this.getOfflineStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Please go online to export.",id:"exportModal.offlineMessage.description"}))}renderDesktopModal(e){const{device:t,currentUser:r}=this.environment,i=su.c(e)&&!Vr.a(this.environment);return n.createElement("div",{style:this.getModalWrapStyle()},n.createElement(fu,{isMenuItem:t.isMobile,buttonPopupStore:this.stores.exportTypePopupStore,label:n.createElement(o.FormattedMessage,{id:"exportModal.exportFormat.description",defaultMessage:"Export format"}),selectedTitle:this.getBlockExportTypeTitle(e.exportOptions.exportType),renderMenuSections:e=>[{key:"exportType",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:Ou.map(t=>this.getBlockExportTypeMenuListItem(t,e,r.id))}]}),su.c(e)&&n.createElement(fu,{isMenuItem:t.isMobile,buttonPopupStore:this.stores.pdfFormatPopupStore,label:n.createElement(o.FormattedMessage,{id:"exportModal.pageFormat.description",defaultMessage:"Page format"}),selectedTitle:this.getPDFFormatTitle(e.exportOptions.pdfFormat),renderMenuSections:e=>[{key:"isoPaperFormats",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:bu.a.map(t=>this.getPaperFormatMenuListItem(t,e))},{key:"otherPaperFormats",render:e=>n.createElement(Fr.a,Object.assign({topBorder:!0},e)),items:bu.b.map(t=>this.getPaperFormatMenuListItem(t,e))}]}),"space"!==e.root.table&&n.createElement(yu.a,{enterprise:!0,requireUpgradeToTier:i&&"enterprise",analyticsName:"export_modal",onClick:this.handleToggleRecursive,render:(r,a)=>n.createElement("div",Object.assign({},r,{style:{display:"flex",alignItems:"center",height:32}}),n.createElement("div",{style:{display:"flex",alignItems:"center",marginRight:"auto",color:this.theme.lightTextColor,fontSize:14}},n.createElement(o.FormattedMessage,{defaultMessage:"Include subpages",id:"exportModal.includeSubpages.label"})," ",a&&n.createElement("div",{style:{marginLeft:8}},a)),n.createElement(zt.a,{on:e.recursive,isAndroid:t.isAndroid,disabled:i})),renderUpgradeTooltip:()=>n.createElement(vu.a,{imageURL:ko.a.images.tooltips.upsells.exportPdfSubpagesPng,imageWidth:240,imageHeight:100,title:n.createElement(o.FormattedMessage,{defaultMessage:"Upgrade to include subpages in PDF exports",id:"exportModal.pdfSubpageUpgradeTooltip.title"}),caption:n.createElement(o.FormattedMessage,{defaultMessage:"Creates a zip file containing all the pages nested inside the current page as PDF files.",id:"exportModal.pdfSubpageUpgradeTooltip.caption"})}),tooltipPlacement:J.a.Placement.Left,upgradeButtonDesktopStyle:{marginTop:2},onUpgradeClick:this.handleUpgrade,hideUpgradeTooltipIfControl:!0}),n.createElement("div",{style:{display:"flex",alignItems:"center",marginTop:16}},n.createElement(dn.a,{isGray:!0,style:{marginLeft:"auto",marginRight:8},onClick:this.handleCancel},n.createElement(o.FormattedMessage,{defaultMessage:"Cancel",id:"exportModal.cancelButton.label"})),n.createElement(vt.a,{onClick:this.handleSubmit},n.createElement(o.FormattedMessage,{defaultMessage:"Export",id:"exportModal.exportButton.label"}))))}getExportOptionsMenuItems(e){const{currentUser:t,device:r}=this.environment;return Fe.compact([{key:"export type",render:i=>n.createElement(fu,Object.assign({},i,{isMenuItem:r.isMobile,buttonPopupStore:this.stores.exportTypePopupStore,label:n.createElement(o.FormattedMessage,{defaultMessage:"Export format",id:"exportModal.exportFormat.description"}),selectedTitle:this.getBlockExportTypeTitle(e.exportOptions.exportType),renderMenuSections:e=>[{key:"exportType",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:Ou.map(r=>this.getBlockExportTypeMenuListItem(r,e,t.id))}]})),action:()=>{this.stores.exportTypePopupStore.setState({open:!0})}},su.c(e)&&{key:"pdf format",render:t=>n.createElement(fu,Object.assign({},t,{isMenuItem:r.isMobile,buttonPopupStore:this.stores.pdfFormatPopupStore,label:n.createElement(o.FormattedMessage,{defaultMessage:"Page format",id:"exportModal.pageFormat.description"}),selectedTitle:this.getPDFFormatTitle(e.exportOptions.pdfFormat),renderMenuSections:e=>[{key:"isoPaperFormats",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:bu.a.map(t=>this.getPaperFormatMenuListItem(t,e))},{key:"otherPaperFormats",render:e=>n.createElement(Fr.a,Object.assign({topBorder:!0},e)),items:bu.b.map(t=>this.getPaperFormatMenuListItem(t,e))}]})),action:()=>{this.stores.pdfFormatPopupStore.setState({open:!0})}},"space"!==e.root.table&&{key:"recursive",render:t=>{let{onClick:i}=t,a=Mu(t,["onClick"]);const s=su.c(e)&&!Vr.a(this.environment);return n.createElement(yu.a,{enterprise:!0,requireUpgradeToTier:s&&"enterprise",analyticsName:"export_modal",onClick:i,render:(t,i)=>n.createElement(Lr.a,Object.assign({},Object(Er.a)(a,t),{title:n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"Include subpages",id:"exportModal.includeSubpages.label"})," ",i&&n.createElement("div",{style:{marginLeft:8}},i)),right:n.createElement(zt.a,Object.assign({},r.isMobile?{}:Object(Er.a)(a,t),{on:e.recursive,isAndroid:r.isAndroid,disabled:s}))})),renderUpgradeTooltip:()=>n.createElement(vu.a,{imageURL:ko.a.images.tooltips.upsells.exportPdfSubpagesPng,imageWidth:240,imageHeight:100,title:n.createElement(o.FormattedMessage,{defaultMessage:"Upgrade to include subpages in PDF exports",id:"exportModal.pdfSubpageUpgradeTooltip.title"}),caption:n.createElement(o.FormattedMessage,{defaultMessage:"Creates a zip file containing all the pages nested inside the current page as PDF files.",id:"exportModal.pdfSubpageUpgradeTooltip.caption"})}),tooltipPlacement:J.a.Placement.Left,upgradeButtonDesktopStyle:{marginTop:2},onUpgradeClick:this.handleUpgrade,hideUpgradeTooltipIfControl:!0})},action:this.handleToggleRecursive}])}getBlockExportTypeTitle(e){switch(e){case"pdf":return n.createElement(o.FormattedMessage,{id:"exportModal.exportFormatButton.pdf.label",defaultMessage:"PDF"});case"markdown":return n.createElement(o.FormattedMessage,{id:"exportModal.exportFormatButton.markdownAndCSV.label",defaultMessage:"Markdown & CSV"});case"html":return n.createElement(o.FormattedMessage,{id:"exportModal.exportFormatButton.html.label",defaultMessage:"HTML"})}}getPDFFormatTitle(e){switch(e){case"Letter":return n.createElement(o.FormattedMessage,{id:"exportModal.pageFormatButton.letter.label",defaultMessage:"Letter"});case"A3":return n.createElement(o.FormattedMessage,{id:"exportModal.pageFormatButton.a3.label",defaultMessage:"A3"});case"A4":return n.createElement(o.FormattedMessage,{id:"exportModal.pageFormatButton.a4.label",defaultMessage:"A4"});case"Legal":return n.createElement(o.FormattedMessage,{id:"exportModal.pageFormatButton.legal.label",defaultMessage:"Legal"});case"Tabloid":return n.createElement(o.FormattedMessage,{id:"exportModal.pageFormatButton.tabloid.label",defaultMessage:"Tabloid"})}}getBlockExportTypeMenuListItem(e,t,r){const i=su.a.state,a=i.open&&"pdf"===e&&"space"===i.root.table&&!Vr.a(this.environment);return{key:e,action:()=>{if(t.close(),a)return Gn.a(this.environment,{from:"export_modal",for:"enterprise"}),void this.handleUpgrade();this.handleSelectExportType(e,r)},render:r=>{let{onClick:i}=r,s=Mu(r,["onClick"]);return n.createElement(yu.a,{enterprise:!0,requireUpgradeToTier:a&&"enterprise",analyticsName:"export_modal",onClick:i,onUpgradeClick:()=>{t.close(),this.handleUpgrade()},render:(t,r)=>n.createElement(Lr.a,Object.assign({},Object(Er.a)(s,t),{title:this.getBlockExportTypeTitle(e),right:r})),renderUpgradeTooltip:()=>n.createElement(vu.a,{imageURL:ko.a.images.tooltips.upsells.exportPdfSubpagesPng,imageWidth:240,imageHeight:100,title:n.createElement(o.FormattedMessage,{defaultMessage:"Upgrade to export the workspace as PDFs",id:"exportModal.workspacePdfUpgradeTooltip.title"}),caption:n.createElement(o.FormattedMessage,{defaultMessage:"Creates a zip file containing all pages in the workspace as PDF files.",id:"exportModal.workspacePdfUpgradeTooltip.caption"})}),tooltipPlacement:J.a.Placement.Left,upgradeButtonDesktopStyle:{marginTop:2},hideUpgradeTooltipIfControl:!0})}}}getPaperFormatMenuListItem(e,t){return{key:e,action:()=>{t.close(),this.handleSelectPaperFormat(e)},render:t=>n.createElement(Lr.a,Object.assign({},t,{title:this.getPDFFormatTitle(e)}))}}getModalWrapStyle(){return{width:320,padding:24,fontSize:14}}getOfflineStyle(){return wu({},this.getModalWrapStyle(),{color:this.theme.mediumTextColor})}}var Cu=Eu,Pu=r("naZa"),Tu=r("2Ig/"),ju=r("Cm2F");function xu(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Iu(e){for(var t=1;t{const{section:e}=this.props;this.isOpen()?ml.e(e.persona):ml.h(e.persona)},this.handleMouseMove=()=>this.stores.mouseStore.setState(Iu({},this.stores.mouseStore.state,{mouseEntered:!0})),this.handleMouseLeave=()=>this.stores.mouseStore.setState(Iu({},this.stores.mouseStore.state,{mouseEntered:!1})),this.handleLabelMouseMove=()=>{const{labelMouseStore:e}=this.stores;e.setState(Iu({},e.state,{mouseEntered:!0}))},this.handleLabelMouseLeave=()=>{const{labelMouseStore:e}=this.stores;e.setState(Iu({},e.state,{mouseEntered:!1}))}}renderComponent(){const{renderSection:e}=this.props,t=!this.isOpen();return n.createElement("div",{onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,style:this.getButtonContainerStyle()},this.renderLabel(),!t&&e())}renderLabel(){const e=!this.isOpen();return n.createElement(Z.a,{isMobile:this.props.isMobile,disableMobileBorder:e,shouldShowMobileMarginBotton:e,style:this.getSectionSidebarItemStyle(),childrenStyle:{overflow:"visible"}},n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(be.a,{onClick:this.handleToggleClick,onMouseMove:this.handleLabelMouseMove,onMouseLeave:this.handleLabelMouseLeave,style:this.getLabelButtonStyle()},A.a.triangle(this.getArrowStyle()),n.createElement("span",{style:this.getToggleButtonStyle()},this.props.section.name))))}isOpen(){const{section:e,expandedSections:t}=this.props;return!!t&&-1!==t.indexOf(e.persona)}getSectionSidebarItemStyle(){return{minHeight:24,padding:0}}getSectionLabelStyle(){return{lineHeight:1,marginBottom:1,color:this.theme.sidebarTextColor,fontWeight:ee.a.fontWeight.semibold,marginLeft:9}}getMobileSectionLabelStyle(){return{lineHeight:1,color:this.theme.sidebarTextColor,fontWeight:ee.a.fontWeight.semibold,marginLeft:9}}getLabelButtonStyle(){return Iu({display:"flex",alignItems:"center",paddingBottom:12,paddingTop:12,paddingLeft:25},this.props.isMobile&&{marginBottom:8},{width:"100%"})}getToggleButtonStyle(){const{labelMouseStore:e}=this.stores,{mouseEntered:t}=e.state;return Iu({},this.props.isMobile?this.getMobileSectionLabelStyle():this.getSectionLabelStyle(),{color:t?this.theme.regularTextColor:this.theme.mediumTextColor,transition:"color 100ms ease-out"})}getButtonContainerStyle(){const e=!this.isOpen(),{first:t}=this.props;return Iu({},t?{borderTop:"1px solid ".concat(this.theme.regularDividerColor)}:{},{borderBottom:"1px solid ".concat(this.theme.regularDividerColor),width:"100%",paddingBottom:e?0:20})}getArrowStyle(){return{width:"0.6875em",height:"0.6875em",transition:"transform 200ms ease-out",transform:"rotateZ(".concat(this.isOpen()?180:90,"deg)"),fill:this.theme.regularIconColor}}}var _u=Bu;class Au extends b.a{constructor(){super(...arguments),this.storeTypes={recordCacheStore:Tu.a},this.renderMobilePopup=()=>{const e=hl.a.state;if(e.open)return n.createElement(ms.d,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Try this template",id:"pageTemplateModal.mobileModal.title"}),left:n.createElement(ms.b,null),onClickLeft:this.handleDismiss,right:e.isLoading?n.createElement(pe.a,null):n.createElement(o.FormattedMessage,{defaultMessage:"Use",id:"pageTemplateModal.mobileModal.useButton.label",description:"'Use' is utilized as a verb for a button label on the top right of a mobile menu, indicating to the user to click on the button to use the template they are previewing."}),onClickRight:this.handleUseTemplateClick,forceFullScreenSlideUp:!0},this.renderPreview(e))},this.renderModal=()=>{const e=hl.a.state;if(e.open)return n.createElement("div",{style:Au.modalStyle,className:P.fb},this.renderPreview(e),this.renderSidebar(e))},this.handleDismiss=async()=>{const{recordCacheStore:e}=this.stores;if(e.state.appliedTransaction){await this.showEditConfirmDialog()?this.accept(!0):this.close()}else this.close()},this.handleUseTemplateClick=async()=>{const{recordCacheStore:e}=this.stores;if(e.state.appliedTransaction){await this.showEditConfirmDialog()?this.accept(!0):this.accept(!1)}else this.accept(!1)},this.handleItemClick=async e=>{const{recordCacheStore:t}=this.stores;if(t.state.appliedTransaction){await this.showEditConfirmDialog()?this.accept(!0):this.setCurrentItem(e)}else this.setCurrentItem(e);ue.pe(this.environment,{name:e.name})}}willMountOrUpdate(){const e=hl.a.state,{currentSpaceViewStore:t}=$.default.state;e.open&&t&&de.createAndCommit(this.environment,r=>{ml.k({item:e.item,spaceViewStore:t,transaction:r})})}renderComponent(){const{device:e}=this.environment,t=hl.a.state;return e.isMobile?n.createElement(Br.a,{open:t.open,render:this.renderMobilePopup,forceFullScreenSlideUp:!0,onDismiss:this.handleDismiss,popupType:e.isMobile?Br.a.PopupType.SlideUp:Br.a.PopupType.Popup}):n.createElement(at.a,{open:t.open,render:this.renderModal,onDismiss:this.handleDismiss})}renderSidebar(e){const{currentSpaceViewStore:t,currentSpaceStore:r}=$.default.state;if(!t||!r)return;const i=ml.d();return n.createElement("div",{style:this.getSidebarStyle()},n.createElement(vt.a,{isLarge:!0,onClick:this.handleUseTemplateClick,style:Au.useTemplateButtonStyle,disabled:e.isLoading||!yt.a.state.online},e.isLoading&&n.createElement(pe.a,{isWhite:!0,style:{marginRight:6}}),n.createElement(o.FormattedMessage,{defaultMessage:"Use this template",id:"pageTemplateModal.useTemplateButton.label"})),n.createElement(Ae.b,{style:Au.scrollerStyle,type:Ae.a.Y},e.sections.map((o,a)=>n.createElement(_u,{isMobile:!1,key:o.persona,section:o,expandedSections:i,spaceStore:r,spaceViewStore:t,showAddPageButton:!1,first:0===a,renderSection:()=>n.createElement(n.Fragment,null,o.items.map((t,r)=>{const o=e.item.rootId===t.rootId,i=o?this.hoveredButtonStyle():{};return n.createElement(be.a,Object.assign({hovered:o,style:i,key:r},this.props,{onClick:()=>this.handleItemClick(t)}),this.renderSidebarItem(t))}))})),n.createElement(be.a,{onClick:()=>Object(c.navigateToExternalURL)({environment:this.environment,url:u.kb}),style:this.fixedLinkStyle(),hoveredStyle:{background:this.theme.sidebarHideButtonHoveredBackground},pressedStyle:{background:this.theme.sidebarHideButtonPressedBackground}},A.a.typesRelation(this.fixedLinkIconStyle()),n.createElement(o.FormattedMessage,{defaultMessage:"Full template gallery",id:"pageTemplateModal.goToFullTemplateGalleryButton.label"}))))}renderSidebarItem(e){return n.createElement(Z.a,{style:{paddingLeft:30,fontWeight:ee.a.fontWeight.semibold},isMobile:!1,icon:n.createElement("div",{style:this.getIconWrapStyle()},n.createElement(hd.a,{size:20,emoji:e.emoji}))},e.name)}renderPreview(e){const{device:t}=this.environment;return n.createElement(Pu.a,{key:e.item.previewRootId,previewRootId:e.item.previewRootId,isFrontPage:!1,style:t.isMobile?Au.previewMobileStyle:Au.previewStyle,recordCacheStore:this.stores.recordCacheStore,disabled:!1})}accept(e){const{recordCacheStore:t}=this.stores,r=hl.a.state,{currentSpaceViewStore:n,currentSpaceStore:o,currentBlockStore:i}=$.default.state;r.open&&n&&o&&ml.a({environment:this.environment,item:r.item,spaceStore:o,spaceViewStore:n,useRecordCacheStore:e?t:void 0,initializeStore:!r.createNewPage&&i&&i.isEmptyPage()?i:void 0,isPrivate:r.isPrivate})}close(){ml.b(this.environment),ju.a()}setCurrentItem(e){hl.a.state.open&&ml.j({templateItem:e,currentUserId:this.environment.currentUser.id})}showEditConfirmDialog(){return new Promise((e,t)=>{Ve.showDialog({message:n.createElement(o.FormattedMessage,{id:"pageTemplateModal.modifiedTemplateDialog.prompt",defaultMessage:"It looks like you've modified the template. Would you like to save your edits?"}),showCancel:!1,keepFocus:!0,items:[{label:n.createElement(o.FormattedMessage,{id:"pageTemplateModal.modifiedTemplateDialog.saveButton.label",defaultMessage:"Save edits"}),onAccept:()=>{e(!0)}},{label:n.createElement(o.FormattedMessage,{id:"pageTemplateModal.modifiedTemplateDialog.discardEditsButton.label",defaultMessage:"Discard"}),color:"red",onAccept:()=>{e(!1)}}]})})}getSidebarStyle(){return{width:Au.sidebarWidth,color:this.theme.mediumTextColor,background:this.theme.sidebarBackground,display:"flex",flexDirection:"column",borderTopRightRadius:Au.borderRadius,borderBottomRightRadius:Au.borderRadius}}getIconWrapStyle(){return{color:this.theme.regularTextColor,position:"relative"}}hoveredButtonStyle(){return{color:this.theme.regularTextColor,fontWeight:ee.a.fontWeight.medium}}fixedLinkStyle(){return{padding:12,color:this.theme.lightTextColor,background:this.theme.sidebarBackground,fontSize:13,fontWeight:ee.a.fontWeight.medium,display:"flex",alignItems:"center",position:"absolute",bottom:0,right:0,height:45,width:Au.sidebarWidth,borderTop:"1px solid ".concat(this.theme.regularDividerColor)}}fixedLinkIconStyle(){return{width:12,height:12,marginLeft:8,marginRight:10,marginBottom:0,fill:this.theme.regularIconColor,fontWeight:ee.a.fontWeight.medium}}}Au.sidebarWidth=240,Au.borderRadius=3,Au.modalStyle={display:"flex",width:"85vw",height:"85vh",borderRadius:Au.borderRadius},Au.useTemplateButtonStyle={position:"relative",marginTop:16,marginLeft:20,marginRight:20,marginBottom:16,whiteSpace:"nowrap"},Au.previewStyle={width:"calc(100% - ".concat(Au.sidebarWidth,"px)"),flexGrow:1,flexShrink:1,display:"flex",flexDirection:"column",overflow:"hidden"},Au.previewMobileStyle={width:"100%",flexGrow:1,flexShrink:1,display:"flex",flexDirection:"column",overflow:"hidden"},Au.scrollerStyle={flexGrow:1,flexShrink:1,paddingBottom:44};var Lu=Au,Fu=r("Vq6f"),Ru=r("WPWl");class Nu extends b.a{constructor(){super(...arguments),this.handleModalDismiss=()=>{Fu.a.state.open&&Fu.a.state.onDecline&&Fu.a.state.onDecline(),Fu.a.setState({open:!1})},this.handleConnectClick=()=>{Fu.a.state.open&&Fu.a.state.onConfirm(),Fu.a.setState({open:!1})},this.handleConnectedAppsClick=()=>{this.handleModalDismiss(),La.a({currentTab:"connected_apps"})}}renderComponent(){const{device:e}=this.environment,t=Fu.a.state;return n.createElement(at.a,{open:t.open,innerStyle:Nu.wrapStyle,preventHideChildrenWhileOpening:!0,render:()=>n.createElement(n.Fragment,null,n.createElement("div",{style:Nu.modalHeaderWrapStyle},n.createElement("img",{src:ko.a.images.googleDriveLogoPng,style:{width:50,display:"inline-block"}}),n.createElement("div",{style:this.getModalMessageStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Notion cannot access the Google Drive file you are trying to embed.",id:"googleAuthPromptModal.noAccessFile.errorMessage"})),e.isReactNative?n.createElement("div",{style:this.getModalMessageStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Please use Notion on desktop to connect a new account.",id:"googleAuthPromptModal.mobileUseDesktopPrompt.errorMessage"})):n.createElement(vt.a,{isLarge:!0,onClick:this.handleConnectClick},n.createElement(o.FormattedMessage,{defaultMessage:"Connect to Google",id:"googleAuthPromptModal.connectToGoogleButton.label"})),!e.isMobile&&this.renderConnectedAccountsLink())),onDismiss:this.handleModalDismiss})}renderConnectedAccountsLink(){return n.createElement("div",{style:{display:"block",marginTop:Ru.a.vertical.tiny}},n.createElement(_t.a,{underlined:!0,onClick:this.handleConnectedAppsClick},n.createElement(o.FormattedMessage,{defaultMessage:"See my connected accounts",id:"googleAuthPromptModal.seeConnectedAccountsButton.label"})))}getModalMessageStyle(){return{fontSize:16,lineHeight:1.5,fontWeight:ee.a.fontWeight.medium,marginTop:15,marginBottom:20,color:this.theme.mediumTextColor}}}Nu.wrapStyle={padding:"24px 36px 24px",minWidth:300,maxWidth:400},Nu.modalHeaderWrapStyle={textAlign:"center",marginTop:8,marginBottom:18,justifyContent:"space-between"};var Vu=Nu,Uu=r("re9x"),Yu=r("G4GV");function Wu(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Xu(e){for(var t=1;t{Uu.a.setState({open:!1})},this.handleChangeEmail=()=>{this.handleModalDismiss(),ot.a.setState(Xu({},ot.a.state,{open:!0,currentTab:"profile"}))},this.handleInputChange=e=>{this.stores.promoCodeStore.setState(Xu({},this.stores.promoCodeStore.state,{inputValue:e.target.value.toUpperCase()})),this.stores.promoError.set(void 0)},this.handleSubmitPromoCode=async()=>{const e=this.stores.promoCodeStore.state.inputValue;if(e){const t=await Re.getPromoCode(this.environment,{code:e});"failed"!==t.type&&t.data.promo?Uu.a.state.open&&(await Uu.a.state.handlePromoCode(this.stores.promoCodeStore.state.inputValue),this.handleModalDismiss()):this.stores.promoError.set(this.props.intl.formatMessage({defaultMessage:"Promo code {code} does not exist",id:"studentNotEligibleModal.numberedList.item2.promocode.errorMessage"},{code:e}))}}}renderComponent(){const{open:e}=Uu.a.state;return n.createElement(at.a,{open:e,innerStyle:qu.wrapStyle,preventHideChildrenWhileOpening:!0,render:()=>this.renderModalContents(),onDismiss:this.handleModalDismiss})}renderModalContents(){return n.createElement("div",{style:{fontSize:14}},n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Unfortunately you are not eligible for a free Personal Pro plan if you use this email address.
K-12 students, K-12 educators, and personal email addresses such as Gmail and Outlook are not eligible to receive the Personal Pro Plan for free, but anyone is welcome to use the Personal Plan for free with unlimited storage.
",id:"studentNotEligibleModal.header",values:{br:n.createElement("br",null),p:function(){for(var e=arguments.length,t=new Array(e),r=0;rMore info & FAQs.",id:"studentNotEligibleModal.contactUsSection.message",values:{inlinelink:function(){for(var e=arguments.length,t=new Array(e),r=0;r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class ep extends b.a{constructor(){super(...arguments),this.updateBrowserState=()=>{const{device:e}=this.environment,t=this.computedStore.state;if(!t)return;const{url:r,title:n,iconEmoji:o,iconImage:i}=t,{intl:a}=this.props;n&&document.title!==n&&(document.title=n),r&&Oi.f(r)!==Oi.f(window.location.href)&&window.history.replaceState(window.history.state,void 0,r);const s=document.querySelector("link[rel='shortcut icon']");if(!e.isElectron&&s){const e="local"===g.default.env?ko.a.images.faviconLocalIco:"development"===g.default.env?ko.a.images.faviconDevIco:ko.a.images.faviconIco;if(o)o!==this.lastSetIconString&&(this.lastSetIconString=o,async function(e,t){const r=document.createElement("canvas");r.width=32,r.height=32;const n=r.getContext("2d");if(n.font="normal normal normal 32px/32px sans",n.textAlign="center",n.textBaseline="middle","raw"===t)return n.fillText(e,r.width/2,r.height/2+4),r.toDataURL("image/png");const o=document.createElement("img");o.src=Object(Gu.c)(t);const i=Object(Gu.b)(e);if(!i)return;const a=Object(Gu.d)(i);return new Promise(e=>{o.onload=()=>{n.drawImage(o,a.x,a.y,a.size,a.size,0,0,32,32),e(r.toDataURL("image/png"))},o.onerror=()=>{e("")}})}(o,Object(Qu.a)(this.environment)).then(e=>{s.href=e}));else if(i){const{icon:e}=i,t=$u(i,["icon"]),r=Ku.a({url:e,width:100,permissionRecord:t,baseUrl:g.default.baseURL,fullyQualified:!1,userId:this.environment.currentUser.id});r!==this.lastSetIconString&&(this.lastSetIconString=r,we.transactionQueue.awaitRecordTransaction(t.table,t.id).then(()=>{s.href=r}))}else e!==this.lastSetIconString&&(s.href=e,this.lastSetIconString=e)}d.electronApi&&d.electronApi.setWindowTitle&&d.electronApi.setWindowTitle(n||a.formatMessage({defaultMessage:"Untitled",id:"pageTitle.desktopAppTitle.untitledPage"}))},this.updateBrowserStateDebounced=Fe.debounce(this.updateBrowserState,500),this.computedStore=this.createComputedStore(()=>{const e=$.default.state.currentBlockStore;if(!e||!e.state.ready)return;const{RouterStore:t}=this.environment,r=t.state.route;if("page"!==r.name||r.blockId!==e.id)return;const n=rs.a.state.results.map(e=>e.unread.mentions).reduce((e,t)=>e+t,0),o=e.getTitleStore();let i;if(o){if(i=Ju.k({intl:Ye.default.getIntl(),textValue:o.getValue(),userTimeZone:qe.m,getRecordValue:e.getRecordValue})||this.props.intl.formatMessage({id:"pageTitle.untitledPlaceholder",defaultMessage:"Untitled"}),"collection"===o.table){const t=e.getValue();if(t&&Object(Od.q)(t)&&t.view_ids.length>1){const e=$.default.state.currentCollectionViewStore;if(e){const t=e.getValue();t&&t.name&&(i=i+" | "+t.name)}}}i=Object(Gu.g)(i.slice(0,100)),Zu.f(this.environment,e)||(n>9?i="(9+) ".concat(i):n>0&&(i="(".concat(n,") ").concat(i)))}const a=Object(U.a)({store:e,fullyQualified:!1,scrollToBlockId:r.scrollToBlockId,peekViewBlockId:r.peekViewBlockId,collectionViewId:r.collectionViewId,discussionId:r.discussionId,showMoveTo:r.showMoveTo,saveParent:r.saveParent});let s,l;const c=e.getIcon();return c&&Object(Rn.a)(c.icon)?s=c.icon:c&&bu.l(c.icon)&&(l=c),{title:i,url:a,iconEmoji:s,iconImage:l}})}willMount(){this.savedTitle=document.title,this.computedStore.addListener(this.updateBrowserStateDebounced)}willUnmount(){this.computedStore.removeListener(this.updateBrowserStateDebounced),document.title=this.savedTitle}}var tp=Object(o.injectIntl)(ep),rp=r("tCjx"),np=r("O5tY"),op=r("RuPz"),ip=r("Ripq");class ap extends b.a{constructor(){super(...arguments),this.renderPopup=()=>{const{device:e}=this.environment,t=op.a.state;if(!t.open)return;const{currentUserRootStore:r}=$.default.state;if(!r)return;const i=It.k(r),a=[];for(const o of i){const r=o.getSpaceStore();if(r){const i=Object(lr.getSpaceName)(this.environment,r),s=Object(lr.getSpaceIcon)(this.environment,r);a.push({key:o.id,action:async()=>{await ip.c({environment:this.environment,store:t.store,spaceStore:r,spaceViewStore:o,isPrivate:!0})},render:t=>n.createElement(Lr.a,Object.assign({title:i,icon:n.createElement(G.a,{icon:s,isEmptyPage:!1,title:i,size:e.isMobile?24:20,disabled:!0})},t))})}}const s=[{key:"spaces",render:t=>n.createElement(Fr.a,Object.assign({title:e.isMobile?void 0:n.createElement(o.FormattedMessage,{defaultMessage:"Choose a workspace",id:"duplicatePagePopup.chooseWorkspace.menuItem.title"}),isTitleUppercase:!0},t)),items:a},{key:"logout",render:e=>n.createElement(Fr.a,Object.assign({},e,{topBorder:!0})),items:[{key:"logout",action:()=>Ue.logout(this.environment),render:e=>{const{currentUserStore:t}=$.default.state;let r="";if(t){const e=t.getValue();e&&(r=e.email)}return n.createElement(Lr.a,Object.assign({caption:n.createElement(o.FormattedMessage,{defaultMessage:"Log out ({email})",id:"duplicatePagePopup.buttonMenuItem.logoutButton.label",values:{email:r}})},e))}}]}];let l;return l=e.isMobile?{menuType:_r.b.MenuType.Modal,title:n.createElement(o.FormattedMessage,{defaultMessage:"Choose a workspace",id:"duplicatePagePopup.choooseWorkspaceMobileMenu.title"}),right:n.createElement(ms.b,null),onClickRight:ip.a}:{menuType:_r.b.MenuType.Popup},n.createElement(_r.b,Object.assign({},l),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,sections:s,initialFocus:1}))}}renderComponent(){const{device:e}=this.environment;return n.createElement(Br.c,{popupType:e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup,open:op.a.state.open,render:this.renderPopup,originGap:8,onDismiss:ip.a,originRect:op.a.state.originRect,enableRounding:!0})}}var sp=ap,lp=r("RQ1t"),cp=r("xRf7"),dp=r("RgmA"),up=r("24Pt");function pp(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function hp(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class fp extends b.a{constructor(){super(...arguments),this.createBlockStore=e=>{const{parentStore:t}=this.props;return F.a.createChildStore(t,e)},this.createUserStore=e=>{const{parentStore:t}=this.props;return Yr.a.createChildStore(t,e)},this.getUserValue=e=>this.createUserStore(e).getValue(),this.getCreatedTimeDetail=e=>{const{intl:t}=this.props,{starting:r,ending:i}=e;return r&&i?n.createElement(o.FormattedMessage,{defaultMessage:"Created {startDate} to {endDate}",id:"search.recentMenuItem.createdDateWithRange.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content created in a specific date range. {startDate} and {endDate} are dates including the month, day, and year.",values:{startDate:up.c(r,t),endDate:up.c(i,t)}}):r?n.createElement(o.FormattedMessage,{defaultMessage:"Created after {startDate}",id:"search.recentMenuItem.createdDateAfter.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content created after a specific date. {startDate} is a date including the month, day, and year.",values:{startDate:up.c(r,t)}}):i?n.createElement(o.FormattedMessage,{defaultMessage:"Created before {endDate}",description:"Shown as part of the subtitle if the recent search involved searching for content created before a specific date. {endDate} is a date including the month, day, and year.",id:"search.recentMenuItem.createdDateBefore.subtitle",values:{endDate:up.c(i,t)}}):void 0},this.getLastEditedTimeDetail=e=>{const{intl:t}=this.props,{starting:r,ending:i}=e;return r&&i?n.createElement(o.FormattedMessage,{defaultMessage:"Last edited {startDate} to {endDate}",id:"search.recentMenuItem.lastEditedDateWithRange.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content last edited in a specific date range. {startDate} and {endDate} are dates including the month, day, and year.",values:{startDate:up.c(r,t),endDate:up.c(i,t)}}):r?n.createElement(o.FormattedMessage,{defaultMessage:"Last edited after {startDate}",id:"search.recentMenuItem.lastEditedDateAfter.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content last edited after a specific date. {startDate} is a date including the month, day, and year.",values:{startDate:up.c(r,t)}}):i?n.createElement(o.FormattedMessage,{defaultMessage:"Last edited before {endDate}",description:"Shown as part of the subtitle if the recent search involved searching for content last edited before a specific date. {endDate} is a date including the month, day, and year.",id:"search.recentMenuItem.lastEditedDateBefore.subtitle",values:{endDate:up.c(i,t)}}):void 0},this.styles={recentSearchItem:()=>{const{device:e}=this.environment;return{minHeight:void 0,paddingTop:e.isMobile?12:8,paddingBottom:e.isMobile?12:8}},inlineCaption:{display:"block",marginTop:1},queryText:{flexShrink:0},detailEmphasis:{fontWeight:ee.a.fontWeight.medium},enterIcon:{height:14,width:14},textWrapper:{marginLeft:8},iconWrapper:{height:19,width:19,display:"flex",alignItems:"center"}}}renderComponent(){const{device:e}=this.environment,t=this.props,{query:r}=t,o=gp(t,["query"]),i=this.styles,a=this.getThemeColors(),s=n.createElement("div",{style:i.queryText},r.text.trim()),l=hp({},i.recentSearchItem(),{},this.environment.device.isMobile&&a.menuItemMobile),c=!e.isMobile;return n.createElement(Lr.a,Object.assign({},o,{style:l,inline:c,icon:this.renderIcon(),title:s,caption:this.renderRecentSearchCaption(),captionStyle:c?i.inlineCaption:void 0,right:this.renderEnterIcon(),disableTransition:!0,dontShrinkRight:!0,textWrapperStyle:i.textWrapper,className:"notranslate"}))}renderRecentSearchCaption(){const{query:e}=this.props,{isNavigableOnly:t,ancestors:r,createdBy:i,editedBy:a,lastEditedTime:s,createdTime:l}=e.filters,c=[];if(t&&c.push(n.createElement(o.FormattedMessage,{defaultMessage:"Only match titles",id:"search.recentMenuItem.onlyMatchTitles.subtitle"})),r.length>0){const e=this.renderRecentSearchAncestors(r);c.push(n.createElement(o.FormattedMessage,{defaultMessage:"In {pages}",id:"search.recentMenuItemDetail.inPage.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content in specific pages. {pages} is the title of the first page that the search was conducted in, with something like '+ 1' or '+ 2' following it, depending on the number of additional pages that were searched.",values:{pages:this.renderListItems(e)}}))}if(i.length>0){const e=this.renderRecentSearchUsers(i);c.push(n.createElement(o.FormattedMessage,{defaultMessage:"Created by {people}",id:"search.recentMenuItemDetail.createdBy.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content created by specific people. {people} is the name of the first person, with something like '+ 1' or '+ 2' following it, depending on the number of additional people in the search.",values:{people:this.renderListItems(e)}}))}if(a.length>0){const e=this.renderRecentSearchUsers(a);c.push(n.createElement(o.FormattedMessage,{defaultMessage:"Edited by {people}",id:"search.recentMenuItemDetail.editedBy.subtitle",description:"Shown as part of the subtitle if the recent search involved searching for content edited by specific people. {people} is the name of the first person, with something like '+ 1' or '+ 2' following it, depending on the number of additional people in the search.",values:{people:this.renderListItems(e)}}))}if(l.starting||l.ending){const e=this.getCreatedTimeDetail(l);c.push(e)}if(s.starting||s.ending){const e=this.getLastEditedTimeDetail(s);c.push(e)}if(c.length>0)return Object(dp.a)(c,()=>" · ")}renderListItems(e){if(0===e.length)return;if(1===e.length)return e;const[t,...r]=e,i=r.length;return n.createElement(o.FormattedMessage,{defaultMessage:"{firstPageOrPerson} + {numberRemaining}",id:"search.recentMenuItem.listOfPeopleOrPages.label",values:{firstPageOrPerson:t,numberRemaining:i},description:"This shows the people or pages the recent search item was conducted against. The '+' symbol means 'and'."})}renderRecentSearchAncestors(e){const t=this.styles;return e.map(e=>n.createElement(n.Fragment,{key:e}," ",n.createElement(Q.a,{key:e,store:this.createBlockStore(e),style:t.detailEmphasis,shouldWrap:!0})))}renderRecentSearchUsers(e){const t=this.styles;return e.map(e=>{const r=this.getUserValue(e);return n.createElement(n.Fragment,{key:e}," ",n.createElement("span",{style:t.detailEmphasis},Object(Qr.d)(r)))})}renderEnterIcon(){const{device:e}=this.environment,{focused:t}=this.props,r=this.styles,n=this.getThemeColors();if(e.isMobile)return;const o=hp({},r.enterIcon,{},n.enterIcon);return t?A.a.enter(o):void 0}renderIcon(){const{icon:e}=this.props;return n.createElement("div",{style:this.styles.iconWrapper},e)}getThemeColors(){return{menuItemMobile:{boxShadow:"0 1px 0 ".concat(this.theme.lightDividerColor)},enterIcon:{fill:this.theme.mediumIconColor}}}}fp.contextTypes=_r.c;var bp=Object(o.injectIntl)(fp);const yp={listStyleType:"none",padding:0,margin:0};ee.a.fontWeight.regular;function vp(e,t){const r="UIRegular"===t?ee.a.fontSize.UIRegular:"UISmall"===t?ee.a.fontSize.UISmall:Object(fo.e)(t);return e.device.isMobile?r.mobile:r.desktop}function Sp(e,t){const r="UIRegular"===t?ee.a.lineHeight.UIRegular:"UISmall"===t?ee.a.lineHeight.UISmall:Object(fo.e)(t);return e.device.isMobile?r.mobile:r.desktop}function wp(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function kp(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Mp(e){for(var t=1;t{Jt.a({environment:this.environment,from:"quick_find"})},this.styles={menuItem:{marginTop:"auto",marginBottom:"auto"},reportProblemButton:{display:"inline"}}}renderComponent(){return n.createElement(Cp,Object.assign({},this.getErrorMessage(),{style:this.styles.menuItem}))}renderNoResults(){const{searchStore:e}=this.props,t=up.l(e.state.query.filters);return{title:Ip.noResultsTitle,caption:t?n.createElement(o.FormattedMessage,{defaultMessage:"Try different search terms or filters",id:"searchErrorMenuItem.errorPrompt.searchTermsAndFilters"}):n.createElement(o.FormattedMessage,{defaultMessage:"Try different search terms",id:"searchErrorMenuItem.errorPrompt.searchTerms"})}}renderOffline(){return{title:Ip.noResultsTitle,caption:n.createElement(o.FormattedMessage,{defaultMessage:"Go online for more results.",id:"searchErrorMenuItem.errorPrompt.goOnline"})}}renderRequestFailed(){var e=this;const t=this.styles,r=this.getThemeColors(),i=jp({},t.reportProblemButton,{},r.reportProblemButton);return{title:n.createElement(o.FormattedMessage,{id:"searchErrorMenuItem.error.genericErrorMessage",defaultMessage:"Something went wrong"}),caption:n.createElement(o.FormattedMessage,{id:"searchErrorMenuItem.errorPrompt.refreshOrReport",defaultMessage:"Try refreshing or report a problem.",values:{reportlink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{const r=this.styles,o=this.getThemeColors(),i=Lp({},r.keyboardShortcut,{},o.keyboardShortcut,{},t);return n.createElement("span",{style:i},e)},this.styles={footer:()=>{const{device:e}=this.environment;return{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",fontSize:e.isMobile?ee.a.fontSize.UIRegular.mobile:ee.a.fontSize.UIRegular.desktop}},footerText:Lp({fontSize:vp(this.environment,"UISmall")},ee.a.textOverflowStyle),inlineHint:{display:"inline",marginRight:16},resultCountWrapper:Lp({display:"flex",alignItems:"center"},ee.a.textOverflowStyle),resultCount:{fontWeight:ee.a.fontWeight.medium},resultText:{verticalAlign:"middle",marginRight:6},spinner:{display:"inline",width:12,height:12,verticalAlign:"middle"},keyboardShortcut:{marginRight:4,marginBottom:1,fontVariant:"all-small-caps",fontSize:1.1*vp(this.environment,"UISmall")},commandGlyph:{fontSize:.75*vp(this.environment,"UIRegular")}}}renderComponent(){return this.props.mode===_p.c.Mode.Results?this.renderResultState(this.props.results):this.renderSection(this.renderHelpText())}renderResultState(e){const t=this.styles,r=this.getThemeColors(),o=Lp({},t.resultCount,{},r.resultCount),{count:i,isLowerBound:a}=this.getResultCount(e),s=n.createElement("span",{style:t.resultText},a?this.props.intl.formatMessage({id:"searchFooter.helpText.resultCountApproximate",description:"Approximate number of results displayed in footer of search modal.",defaultMessage:"{resultCount, plural, other {{resultCount}+ results}}"},{resultCount:i,resultwrapper:function(){for(var e=arguments.length,t=new Array(e),r=0;r{resultCount} result} other {{resultCount} results}}"},{resultCount:i,resultwrapper:function(){for(var e=arguments.length,t=new Array(e),r=0;re&&n.createElement(pe.a,{style:t.spinner})})}renderSection(e){const t=this.styles,r=this.getThemeColors(),o=Lp({},t.footerText,{},r.footerText);return n.createElement(Fr.a,{topBorder:!0,style:t.footer(),disableDesktopPadding:!0},n.createElement(cn.a,{title:e,style:o}))}renderHelpText(){const e=this.styles,t=this.getThemeColors(),r=Lp({},yp,{},e.footerText,{},t.footerText),o=Lp({},e.commandGlyph,{},t.keyboardShortcut),{command:i}=Bp.a(this.environment),{device:a}=this.environment;return n.createElement("ul",{style:r},n.createElement("li",{style:e.inlineHint},this.renderKeyboardShortcut("↑↓"),this.props.intl.formatMessage({id:"searchFooter.helpText.selectHint",defaultMessage:"Select"})),n.createElement("li",{style:e.inlineHint},this.renderKeyboardShortcut("Enter"),this.props.intl.formatMessage({id:"searchFooter.helpText.openHint",defaultMessage:"Open"})),n.createElement("li",{style:e.inlineHint},n.createElement("span",{style:o},i),this.renderKeyboardShortcut("+Enter"),a.isElectron?this.props.intl.formatMessage({id:"searchFooter.helpText.openNewWindow",defaultMessage:"Open in a new window"}):this.props.intl.formatMessage({id:"searchFooter.helpText.openNewTab",defaultMessage:"Open in a new tab"})))}getResultCount(e){const t=e.server?e.server.total:e.local.total;return{count:t,isLowerBound:Boolean(e.server&&e.local&&t<_p.b)}}getThemeColors(){return{footerText:{color:this.theme.lightTextColor},resultCount:{color:this.theme.mediumTextColor},keyboardShortcut:{color:this.theme.mediumTextColor}}}}var Np=Object(o.injectIntl)(Rp);const Vp="Invalid date",Up="Invalid range";class Yp extends W.a{getInitialState(){return{edited:!1,temporary:"",error:void 0}}}var Wp=Yp,Xp=r("awNq");function zp(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function qp(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class Kp extends b.a{constructor(){super(...arguments),this.storeTypes={store:Wp},this.renderInput=()=>{const{device:e}=this.environment,t=this.props,{store:r,hideClearButton:o,focused:i}=t,a=Gp(t,["store","hideClearButton","focused"]),s=e.isMobile?"date":"text",l="date"===s?dt.b.Format.Transparent:dt.b.Format.Large,c=e.isMobile?void 0:i;return n.createElement(Os.a,Object.assign({},a,{type:s,format:l,left:this.renderMobilePlaceholder(s),showClearButton:this.showClearButton(),focus:c,onFocus:this.handleFocus,onClearButtonClick:this.handleClear,onChange:this.handleChange,onSubmit:this.handleSubmit,onBlur:this.handleBlur,value:this.getInputValue()},this.getInputStyles()))},this.handleFocus=e=>{const{onFocus:t}=this.props,{store:r}=this.stores;r.setState(qp({},r.state,{edited:!1})),t&&t(e)},this.handleClear=()=>{const{onClear:e,onUpdate:t}=this.props,{store:r}=this.stores;r.setState(qp({},r.state,{edited:!0,temporary:"",error:void 0}));const n=this.validateCurrent();n&&t(n),r.setState(qp({},r.state,{edited:!1})),e&&e()},this.handleChange=e=>{const{device:t}=this.environment,{store:r}=this.stores;r.setState(qp({},r.state,{edited:!0,temporary:e.target.value||""})),t.isAndroid&&this.handleBlur()},this.handleSubmit=e=>{const{onUpdate:t,onSubmit:r}=this.props,{store:n}=this.stores,o=this.validateCurrent();o&&(t(o),o.error?n.setState(qp({},n.state,{edited:!1,error:o.error})):n.reset()),r&&r(e,o)},this.handleBlur=e=>{const{onUpdate:t,onBlur:r}=this.props,{store:n}=this.stores,o=this.validateCurrent();o?(t(o),o.error?n.setState(qp({},n.state,{edited:!1,error:o.error})):n.reset()):n.setState(qp({},n.state,{edited:!1})),e&&r&&r(e)},this.styles={menuItem:{marginBottom:this.environment.device.isMobile?1:12},inputWrapper:{borderRadius:3,height:28,paddingRight:this.showClearButton()?6:0,position:"relative"},inputEditRegion:{width:this.showClearButton()?"calc(100% - 14px)":"100%"},inputEditRegionMobile:{padding:"2px 6px",position:"relative"},placeholder:{position:"absolute",left:6,top:"50%",transform:"translateY(-50%)"},tooltipOriginGap:-8}}didUpdate(e){const{store:t}=this.stores;Fe.isEqual(e.value,this.props.value)||t.reset()}renderComponent(){const e=this.styles,t=this.getError();return t?n.createElement(J.a,{renderTooltip:()=>t,forceVisibleState:!0,placement:J.a.Placement.Left,render:this.renderInput,originGap:e.tooltipOriginGap}):this.renderInput()}renderMobilePlaceholder(e){const{placeholder:t,value:r}=this.props,o=this.styles,i=this.getThemeColors();if("date"===e&&!r)return n.createElement("div",{style:qp({},o.placeholder,{},i.placeholder)},t)}getInputValue(){const{device:e}=this.environment,{value:t,dateFormat:r,intl:n}=this.props,{store:o}=this.stores;return e.isMobile?t?up.c(t,n,"YYYY-MM-DD"):"":o.state.temporary?o.state.temporary:o.state.edited?o.state.temporary:t?up.c(t,n,r):""}getError(){const{store:e}=this.stores,{intl:t}=this.props;if(e.state.error)switch(e.state.error){case Vp:return t.formatMessage({id:"dateInputError.invalidDateError.tooltip",defaultMessage:"Invalid date"});case Up:return t.formatMessage({id:"dateInputError.invalidDateRangeError.tooltip",defaultMessage:"Invalid range"});default:return Object(fo.e)(e.state.error)}}validateCurrent(){const{validate:e}=this.props,t=this.parseCurrentValue();if(t)return e?e(t):t}parseCurrentValue(){const{store:e}=this.stores;if(!e.state.edited)return;if(!e.state.temporary)return{value:void 0};const t=Object(Xp.a)(e.state.temporary,this.props.intl);return t?{value:{type:"date",start_date:t}}:{error:Vp}}showClearButton(){const{device:e}=this.environment,{hideClearButton:t}=this.props;return!!e.isMobile||!t}getInputStyles(){const{device:e}=this.environment,{inputStyle:t,inputOuterStyle:r,style:n}=this.props,o=this.styles;return{style:qp({},o.menuItem,{},n),inputOuterStyle:qp({},this.getInputBorders(),{},o.inputWrapper,{},r),inputStyle:qp({},o.inputEditRegion,{},e.isMobile&&o.inputEditRegionMobile,{},t)}}getInputBorders(){const{disabled:e,focused:t}=this.props,r=this.getThemeColors(),n=this.getError();if(!e)return n?r.inputError:t?r.inputFocused:r.inputDefault}getThemeColors(){return{inputDefault:{background:this.theme.inputBackground,boxShadow:this.theme.inputBoxShadow},inputFocused:{background:m.f.blueWithAlpha(.15),boxShadow:"inset 0 0 0 2px ".concat(m.f.blue)},inputError:{background:m.f.redWithAlpha(.15),boxShadow:"inset 0 0 0 2px ".concat(m.f.red)},placeholder:{color:this.theme.lightTextColor}}}}var Zp=Object(o.injectIntl)(Kp),Jp=r("BFWj"),Qp=r.n(Jp),$p=r("P9PB");function eh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function th(e){for(var t=1;t{const{device:t}=this.environment,r=this.styles;return n.createElement("div",{style:r.monthControl},n.createElement(Vn.a,{mobileFeedback:t.isMobile,icon:A.a.chevronLeft,onClick:()=>e.onPreviousClick()}),n.createElement(Vn.a,{mobileFeedback:t.isMobile,icon:A.a.chevronRight,onClick:()=>e.onNextClick()}))},this.handleDayClick=e=>{const{disabled:t,store:r,value:n,validate:o,onUpdate:i}=this.props,a=r.getFocus(),s=qe.i.toPersisted(e);if(t)return;const l="starting"===a?"ending":"starting",c=n[l];if(c&&s.start_date===c.start_date)r.setState(th({},r.state,{focus:l}));else{const e=o(a,{value:s});if(i(e.error?e:{value:{[a]:e.value[a]}}),r.setState(th({},r.state,{hovered:void 0})),e.error)return;"starting"!==a||n.ending||r.setState(th({},r.state,{focus:"ending"}))}},this.handleDayMouseEnter=e=>{const{disabled:t,store:r,value:n}=this.props,o=r.getFocus(),i=qe.i.toMoment(e);if(!t)if("starting"===o&&n.ending&&!n.starting){qe.i.toMoment(n.ending).isSameOrAfter(i)&&r.setState(th({},r.state,{hovered:e}))}else if("ending"===o&&n.starting&&!n.ending){qe.i.toMoment(n.starting).isSameOrBefore(i)&&r.setState(th({},r.state,{hovered:e}))}},this.handleMonthChange=e=>{const{store:t}=this.props;t.setState(th({},t.state,{displayMonth:Object(po.a)(e)}))},this.styles={dayPickerWrapper:{display:"block"},monthControl:{position:"absolute",top:0,right:0,display:"flex"},selectedRange:{backgroundColor:m.f.blueWithAlpha(.15)},active:{backgroundColor:m.f.blue,color:m.f.white},inactive:{backgroundColor:m.f.blueWithAlpha(.5)},disabled:{pointerEvents:"none"},today:{fontWeight:ee.a.fontWeight.regular}}}renderComponent(){const e=this.styles,t=this.getDisplayMonth();return n.createElement(Qp.a,{className:"notion-calendar-picker",containerProps:{style:e.dayPickerWrapper},initialMonth:t,month:t,numberOfMonths:1,firstDayOfWeek:this.getFirstDayOfWeek(),locale:i.a,localeUtils:$p.b,showOutsideDays:!0,fixedWeeks:!0,navbarElement:this.renderMonthControl,onDayClick:this.handleDayClick,onDayMouseEnter:this.handleDayMouseEnter,onMonthChange:this.handleMonthChange,modifiers:this.getModifiers(),modifiersStyles:this.getModifiersStyles()})}getCurrentDate(){if(!this.currentDate){const e=qe.hb(qe.m);this.currentDate=qe.i.toNative(e)}return this.currentDate}getDisplayMonth(){const{value:e,store:t}=this.props;if(t.state.displayMonth)return t.state.displayMonth.toDate();if("starting"===t.getFocus()){if(e.starting)return qe.i.toNative(e.starting);if(e.ending)return qe.i.toNative(e.ending)}if("ending"===t.getFocus()){if(e.ending)return qe.i.toNative(e.ending);if(e.starting)return qe.i.toNative(e.starting)}return this.getCurrentDate()}getFirstDayOfWeek(){return It.r.state}getModifiers(){const{store:e,disabled:t,value:r}=this.props,n=this.getDisabledModifier(),{hovered:o}=e.state;if(t)return{disabled:n};if(r.starting&&r.ending){const e=qe.i.toNative(r.starting),t=qe.i.toNative(r.ending);return{range:{from:e,to:t},start:e,end:t,disabled:n}}if(r.starting){const e=qe.i.toNative(r.starting);return{range:o&&{from:e,to:o},start:e,end:o,disabled:n,selected:[e,o]}}if(r.ending){const e=qe.i.toNative(r.ending);return{range:o&&{from:o,to:e},start:o,end:e,disabled:n,selected:[e,o]}}}getDisabledModifier(){const{value:e,disabled:t,store:r}=this.props;if(t)return e=>!0;const n=e=>"ending"===r.getFocus()?{before:e}:void 0,o=e=>"starting"===r.getFocus()?{after:e}:void 0;if(e.starting&&e.ending){const t=qe.i.toNative(e.starting),r=qe.i.toNative(e.ending);return n(t)||o(r)}if(e.starting){return n(qe.i.toNative(e.starting))}if(e.ending){return o(qe.i.toNative(e.ending))}}getModifiersStyles(){const{store:e}=this.props,t=this.styles,r=this.getThemeColors(),n=e.getFocus(),o=t.selectedRange,i=th({},t.disabled,{},r.disabled),a=th({},t.today,{},r.today);return{range:o,start:"starting"===n?t.active:t.inactive,end:"ending"===n?t.active:t.inactive,disabled:i,today:a}}getThemeColors(){return{disabled:{color:this.theme.lightTextColor},today:{color:m.f.white}}}}var oh=nh;function ih(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ah(e){for(var t=1;t{const{value:e,store:t,disabled:r}=this.props,o=t.getFocus(),i=this.getRangeBounds();return n.createElement(n.Fragment,null,n.createElement(Zp,{disabled:r,placeholder:Ye.default.formatMessage(lh.startingMessage),focused:"starting"===o,value:e.starting,validate:this.validateStart,onUpdate:this.handleUpdateStart,onFocus:()=>this.handleFocus("starting"),onSubmit:this.handleStartSubmit,inputElementAttributes:{max:i.latestValidStarting}}),n.createElement(Zp,{disabled:r,placeholder:Ye.default.formatMessage(lh.endingMessage),focused:"ending"===o,value:e.ending,validate:this.validateEnd,onUpdate:this.handleUpdateEnd,onFocus:()=>this.handleFocus("ending"),onSubmit:this.handleEndSubmit,inputElementAttributes:{min:i.earliestValidEnding}}))},this.renderCalendar=()=>{const{device:e}=this.environment,{value:t,store:r,onUpdate:o}=this.props,i=this.styles,a=this.getThemeColors(),s=ah({},i.pickerSection,{},e.isMobile&&i.pickerSectionMobile,{},e.isMobile&&a.pickerSectionMobile);return n.createElement(Fr.a,null,n.createElement("div",{style:s},n.createElement(oh,{value:t,store:r,onUpdate:o,validate:this.validateField})))},this.handleFocus=e=>{const{store:t}=this.props;t.setState(ah({},t.state,{focus:e}))},this.handleUpdateStart=e=>{const{onUpdate:t}=this.props;e.error||t({value:{starting:e.value}})},this.handleUpdateEnd=e=>{const{onUpdate:t}=this.props;e.error||t({value:{ending:e.value}})},this.handleStartSubmit=(e,t)=>{const{store:r}=this.props;t&&t.error||r.setState(ah({},r.state,{focus:"ending"}))},this.handleEndSubmit=(e,t)=>{const{onDismiss:r}=this.props;t&&t.error||r&&r(e)},this.validateStart=e=>{const t=this.validateField("starting",e);return t.error?t:{value:t.value.starting}},this.validateEnd=e=>{const t=this.validateField("ending",e);return t.error?t:{value:t.value.ending}},this.validateField=(e,t)=>{const{value:r}=this.props;return t.error?t:this.validateRange(ah({},r,{[e]:t.value}))},this.validateRange=e=>{if(e.starting&&e.ending){const t=qe.i.toMoment(e.starting);return qe.i.toMoment(e.ending).isSameOrAfter(t)?{value:e}:{error:Up}}return{value:e}},this.getMenuProps=()=>{const{device:e}=this.environment,{onDismiss:t,title:r}=this.props;if(e.isMobile){return{menuType:_r.b.MenuType.Modal,title:r,right:n.createElement(ms.c,null),onClickRight:t,header:this.renderInputs()}}return{menuType:_r.b.MenuType.Popup,onClickOutside:t}},this.styles={pickerSection:{paddingLeft:16,paddingRight:16},pickerSectionMobile:{paddingTop:16,paddingBottom:8}}}renderComponent(){const{device:e}=this.environment;return n.createElement(_r.b,Object.assign({},this.getMenuProps()),!e.isMobile&&this.renderInputs(),this.renderCalendar())}getRangeBounds(){const{value:e,intl:t}=this.props;return{earliestValidEnding:e.starting&&up.c(e.starting,t,qe.cb),latestValidStarting:e.ending&&up.c(e.ending,t,qe.cb)}}getThemeColors(){return{pickerSectionMobile:{background:this.theme.popoverBackground,boxShadow:"0 1px 0 ".concat(this.theme.regularDividerColor),marginBottom:1}}}}var dh=Object(o.injectIntl)(ch);function uh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ph(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class hh extends b.a{constructor(){super(...arguments),this.styles={removeFilterButton:{height:void 0,width:void 0},removeFilterButtonMobile:{marginRight:-12,marginTop:-12,marginBottom:-12,paddingRight:12,paddingTop:12,paddingBottom:12}}}renderComponent(){const{onClick:e,disabled:t}=this.props,r=this.styles,{device:o}=this.environment,i=o.isMobile?function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class yh extends b.a{constructor(){super(...arguments),this.styles={menuItem:{background:void 0,minHeight:void 0,fontSize:this.environment.device.isMobile?ee.a.fontSize.UISmall.mobile:ee.a.fontSize.UIRegular.desktop,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},labeledMenuItemTitle:{display:"inline-flex",alignItems:"center"},menuItemLabel:{marginTop:0},rightWrapper:{display:"flex",alignItems:"center",marginTop:"-50%",marginBottom:"-50%",height:44}}}renderComponent(){const e=this.props,{disabled:t,label:r,title:o,onClick:i,isToggle:a}=e,s=bh(e,["disabled","label","title","onClick","isToggle"]),l=this.getThemeColors(),c=this.styles,d=n.createElement("span",{style:l.menuItemLabel},r);return n.createElement(Lr.a,Object.assign({focused:!1},s,{inline:a,disabled:t,icon:d,title:o,right:this.renderRight(),onClick:i,dontShrinkIcon:!0,dontShrinkRight:!0,shouldWrapTitle:!0,style:c.menuItem,desktopIconStyle:c.menuItemLabel}))}renderRight(){const{disabled:e}=this.props,t=this.styles.rightWrapper;return this.props.isToggle?n.createElement("div",{style:t},n.createElement(zt.a,{on:this.props.isToggleActive,onClick:this.props.onClick})):n.createElement(mh,{disabled:e,onClick:this.props.onClickClear})}getThemeColors(){return{menuItemLabel:{color:this.theme.lightTextColor}}}}var vh=yh;function Sh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function wh(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class Oh extends b.a{constructor(){super(...arguments),this.styles={desktopTitleStyle:{marginBottom:4},marginAfter:{marginBottom:16}}}renderComponent(){const e=this.props,{title:t,marginAfter:r,desktopStyle:o,desktopTitleStyle:i}=e,a=Mh(e,["title","marginAfter","desktopStyle","desktopTitleStyle"]),s=this.styles,l=(r||o)&&wh({},r&&s.marginAfter,{},o),c=i?wh({},s.desktopTitleStyle,{},i):s.desktopTitleStyle;return n.createElement(Fr.a,Object.assign({isTitleUppercase:!0,disableDesktopPadding:!0,enableActionSheetTitle:!0,desktopStyle:l,desktopTitleStyle:c,shouldShowBottomDivider:!1,title:t},a))}}var Eh,Ch=Oh;function Ph(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Th(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}!function(e){e.Token="token",e.Text="text"}(Eh||(Eh={}));class jh extends b.a{constructor(){super(...arguments),this.storeTypes={requestStore:Xt.a,menuListStore:lp.a},this.renderRequest=(e,t,r)=>{const{labelText:i,value:s}=this.props,{menuListStore:l}=this.stores,c=e=>n.createElement(Fr.a,Object.assign({},e,{title:i.resultSectionTitle,loading:!r}));if(e)return a.log({level:"error",from:i.componentDebugName,type:"requestFailed",data:{error:e,query:s}}),n.createElement(c,null,n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Something went wrong.",id:"search.inputMenu.errorMessage"})}));if(!t)return n.createElement(c,null,n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Loading…",id:"search.inputMenu.loading.message"})}));if(t&&0===t.length)return n.createElement(c,null,n.createElement(ln.a,{title:n.createElement(o.FormattedMessage,{defaultMessage:"No results found.",id:"search.inputMenu.noResults.message"})}));const d={key:"results",items:t.map(this.getResultMenuItem),render:c};return n.createElement(Ar.a,{type:Ar.a.Type.Vertical,store:l,initialFocus:0,sections:[d]})},this.handleMenuInputRemoveLast=()=>{if(this.props.inputType!==Eh.Token)return;const{items:e,onRemove:t}=this.props,r=Fe.last(e);r&&t(r)},this.getResultMenuItem=e=>{const{renderResultMenuItem:t,onConfirm:r}=this.props;return{key:e,action:()=>r(e),render:r=>t(e,r)}},this.styles={input:{borderBottomLeftRadius:0,borderBottomRightRadius:0,boxShadow:this.theme.borderBoxShadow},menu:{width:250,maxHeight:"40vh"}}}renderComponent(){const{value:e,items:t,performRequest:r}=this.props,{requestStore:o}=this.stores,i={query:e,current:t};return n.createElement(_r.b,Object.assign({},this.getMenuProps()),n.createElement(Dt.a,{debounce:100,requestStore:o,request:i,performRequest:r,render:this.renderRequest}))}renderSearchInput(){return this.props.inputType===Eh.Token?this.renderTokenInput(this.props):this.props.inputType===Eh.Text?this.renderTextInput(this.props):void Object(fo.e)(this.props)}renderTokenInput(e){const{labelText:t,value:r,items:o,disabled:i,onChange:a,renderToken:s,onRemove:l}=e,c=o.map(e=>s(e,{onRemove:()=>l(e)}));return n.createElement(Bn.a,{format:Bn.a.Format.Group,focus:!this.isMobile()||void 0,focusInitial:this.isMobile(),focusAfterAnimation:!0,placeholder:t.tokenInputPlaceholder,value:r,tokens:c,disabled:Boolean(i),onChange:a,onRemoveLastToken:this.handleMenuInputRemoveLast})}renderTextInput(e){const{labelText:t,value:r,items:o,disabled:i,onChange:a,onClear:s}=e,l=this.styles,c=this.isMobile()?Os.a:dt.b;return n.createElement(c,{format:dt.b.Format.Large,disabled:i,showClearButton:!0,placeholder:t.tokenInputPlaceholder,value:r,onChange:a,onClearButtonClick:s,focus:!this.isMobile()||void 0,focusInitial:this.isMobile(),focusAfterAnimation:!0,style:this.isMobile()?void 0:l.input})}getMenuProps(){const{onDismiss:e,labelText:t}=this.props,r=this.styles;if(this.isMobile()){return{menuType:_r.b.MenuType.Modal,title:t.title,right:n.createElement(ms.c,null),onClickRight:e,header:this.renderSearchInput()}}return function(e){for(var t=1;t{const{title:t,items:r,renderItemForSummary:o}=this.props,{disableFilters:i}=e,a=this.styles,s=Ah({},yp,{},a.summary),l=r.length-1,c=n.createElement("ul",{style:s},r.map((e,t)=>n.createElement("li",{key:e,style:a.summaryItem},n.createElement(n.Fragment,null,o(e),t!==l&&","," "))));return n.createElement(vh,{disabled:i,onClick:this.handleMenuOpenMobile,onClickClear:this.clearItems,label:t,title:c})},this.renderMenu=()=>{const{renderToken:e}=this.props,{componentStore:{state:t}}=this.stores,r={inputType:xh.InputType.Token,onRemove:this.handleFilterRemove,renderToken:e},o={inputType:xh.InputType.Text},i=this.getMenuType()===xh.InputType.Token?r:o;return n.createElement(xh,Object.assign({},this.props,{value:t.inputTemporaryValue,onChange:this.handleMenuInputChange,onDismiss:this.handleMenuClose,onConfirm:this.handleItemConfirm,onClear:this.handleClearTemporary},i))},this.handleMenuOpen=e=>{this.scheduleMeasurement(void 0,t=>Ah({},t,{isMenuOpen:!0,indexToReplace:e}))},this.handleMenuOpenMobile=()=>{const{componentStore:e}=this.stores;e.setState(Ah({},e.state,{isMenuOpen:!0}))},this.handleMenuClose=()=>{const{onMenuDismiss:e}=this.props,{componentStore:t}=this.stores;t.setState(Ah({},t.state,{isMenuOpen:!1,indexToReplace:void 0})),e&&e()},this.handleClearTemporary=()=>{const{componentStore:e}=this.stores;e.setState(Ah({},e.state,{inputTemporaryValue:""}))},this.handleItemConfirm=e=>{const{items:t}=this.props,{componentStore:r}=this.stores,{indexToReplace:n}=r.state;"number"==typeof n&&n{this.removeItem(e)},this.handleMenuInputChange=e=>{const{componentStore:t}=this.stores,{target:r}=e;t.setState(Ah({},t.state,{inputTemporaryValue:String(r.value)}))},this.scheduleMeasurement=(e,t)=>{this.animationFrame=requestAnimationFrame(this.measureOriginRect(t))},this.measureOriginRect=e=>t=>{const{componentStore:r}=this.stores;if(!this.origin)return;if(!this.origin.current)return;const n=e?e(r.state):r.state;r.setState(Ah({},n,{popupOriginRect:this.origin.current.getBoundingClientRect()}))},this.isMenuOpen=()=>{const{componentStore:{state:e}}=this.stores;return e.isMenuOpen},this.removeItem=e=>{const{items:t,onChange:r}=this.props;r(t.filter(t=>t!==e))},this.clearItems=()=>{const{onChange:e}=this.props;e([])},this.replaceItem=(e,t)=>{const{items:r,onChange:n}=this.props;n(r.slice(0,e).concat(t,r.slice(e+1)))},this.clearInput=()=>{const{componentStore:e}=this.stores;e.setState(Ah({},e.state,{inputTemporaryValue:"",indexToReplace:void 0}))},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},appendListItemButton:{minHeight:void 0,paddingTop:4,paddingBottom:4,fontSize:vp(this.environment,"UIRegular")},icon:{height:14,width:14,fill:"currentColor"},iconSmall:{height:12,width:12},summary:{display:"inline"},summaryItem:{display:"inline"}}}didMount(){window.addEventListener("resize",this.scheduleMeasurement)}willUnmount(){window.removeEventListener("resize",this.scheduleMeasurement),this.animationFrame&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=void 0)}didUpdate(e){(e.items.length!==this.props.items.length||e.mode!==this.props.mode)&&this.scheduleMeasurement()}renderComponent(){const{device:e}=this.environment,{mode:t}=this.props;return e.isMobile?this.renderMobile(t):this.renderDesktop(t)}renderDesktop(e){const{title:t,disabled:r}=this.props,{componentStore:{state:o}}=this.stores,i=r||o.isMenuOpen,a=e===Fh.Mode.Section,s=a?t:void 0,l=a?this.renderSectionOrigin():this.renderButtonOrigin();return n.createElement(Ch,{title:s,marginAfter:a},this.renderFilters({disableFilters:i,showLabel:!1}),l,n.createElement(Br.c,{popupType:Br.c.PopupType.Popup,placementToOrigin:Br.c.Placement.Bottom,alignmentToOrigin:Br.c.Alignment.Start,open:this.isMenuOpen(),originRect:o.popupOriginRect,render:this.renderMenu,onDismiss:this.handleMenuClose,keepFocus:!0,preventScaleTransition:!0}))}renderButtonOrigin(){const{icon:e,title:t,disabled:r,focused:o}=this.props,i=this.styles,a=this.getThemeColors(),s=Ah({},i.menuItem,{},a.buttonMenuItem);return n.createElement("div",{ref:this.origin},n.createElement(Lr.a,{disabled:r||this.isMenuOpen(),icon:e(i.icon),title:t,focused:o,onClick:e=>this.handleMenuOpen(),style:s}))}renderSectionOrigin(){const{addItemLabel:e,disabled:t}=this.props,r=this.styles,o=this.getThemeColors();return n.createElement(n.Fragment,null,n.createElement("div",{ref:this.origin}),n.createElement(Lr.a,{disabled:t||this.isMenuOpen(),icon:A.a.plus(r.iconSmall),title:e,focused:!1,onClick:e=>this.handleMenuOpen(),style:Ah({},r.appendListItemButton,{},o.appendListItemButton)}))}renderMobile(e){const{disabled:t}=this.props,r=t||this.isMenuOpen(),o=e===Fh.Mode.Section?this.renderMobileFilterSummary({disableFilters:r}):this.renderMobileButtonOrigin({disableFilters:r});return n.createElement(Br.c,{popupType:Br.c.PopupType.SlideUp,open:this.isMenuOpen(),origin:o,render:this.renderMenu,onDismiss:this.handleMenuClose,keepFocus:!0})}renderMobileButtonOrigin(e){const{icon:t,title:r}=this.props,o=this.styles;return n.createElement(Lr.a,{disabled:e.disableFilters,focused:!1,icon:t(o.icon),title:r,onClick:e=>this.handleMenuOpenMobile()})}renderFilters(e){const{items:t,renderFilter:r}=this.props,{device:o}=this.environment,i=t.map((t,i)=>n.createElement("li",{key:"".concat(t,"_").concat(i)},r(t,{disabled:e.disableFilters,onRemove:()=>this.handleFilterRemove(t),onClick:()=>o.isMobile?this.handleMenuOpenMobile():this.handleMenuOpen(i)})));return n.createElement("ul",{style:yp},i)}getMenuType(){const{device:e}=this.environment;return e.isMobile?xh.InputType.Token:xh.InputType.Text}addItem(e){const{items:t,onChange:r}=this.props,n=t.concat(e);r(Fe.uniq(n))}getThemeColors(){return{buttonMenuItem:{color:this.theme.mediumTextColor},appendListItemButton:{color:this.theme.lightTextColor}}}}Fh.Mode=Dh;var Rh=Fh;function Nh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Vh(e){for(var t=1;t{const{value:e,dateFormat:t,disabled:r,focused:o,intl:i}=this.props,a=this.styles,s=this.getThemeColors(),l=Vh({},a.menuItem,{},s.activeMenuItem),c=up.d(e,i,t),d=n.createElement(mh,{onClick:this.handleClear,disabled:r});return n.createElement(Lr.a,{focused:o,disabled:r,icon:A.a.calendar(a.iconActiveDesktop),title:c,right:d,isTokenTitle:!0,alignIconTop:!0,onClick:this.handleOriginActivate,desktopTitleStyle:a.menuItemTitleDesktop,desktopIconStyle:a.iconActiveDesktopWrapper,style:l})},this.renderInactiveButtonOrigin=()=>{const{title:e,icon:t,disabled:r,focused:o}=this.props,i=this.styles,a=this.getThemeColors(),s=Vh({},i.menuItem,{},a.buttonMenuItem);return n.createElement(Lr.a,{focused:o,disabled:r,icon:t(i.icon),title:e,onClick:this.handleOriginActivate,style:s})},this.renderPopupContents=()=>{const{title:e}=this.props,{store:t}=this.stores;return n.createElement(dh,{title:e,value:this.getCurrentValue(),onUpdate:this.updateTemporary,store:t,onDismiss:this.handleMenuClose})},this.handleOriginActivate=()=>{const{disabled:e}=this.props,{store:t}=this.stores;e||t.setState(Vh({},t.state,{isOpen:!0,focus:"starting"}))},this.handleMenuClose=e=>{const{onChange:t,onMenuDismiss:r}=this.props,{store:n}=this.stores,{temporary:o}=n.state;up.a(e)||(t(o),n.setState(Vh({},n.state,{isOpen:!1,temporary:{}})),r&&r())},this.handleClear=()=>{const{onChange:e}=this.props;e({starting:void 0,ending:void 0})},this.handleMenuListKey=e=>{e.preventDefault&&e.preventDefault()},this.updateTemporary=e=>{const{store:t}=this.stores;if(!e.error)return t.setState(Vh({},t.state,{temporary:Vh({},t.state.temporary,{},e.value)}))},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},icon:{height:14,width:14,fill:"currentColor"},iconActiveDesktop:{height:14,width:14,fill:"currentColor",alignSelf:"flex-start",marginTop:2,marginRight:2},iconActiveDesktopWrapper:{marginTop:0},iconActiveMobile:{height:14,width:14,fill:"currentColor",marginTop:1,marginRight:6},popup:{paddingTop:12,paddingBottom:8},menuItemTitleDesktop:{width:"100%"},summary:{display:"inline-flex"}}}renderComponent(){const{device:e}=this.environment,{mode:t}=this.props;return e.isMobile?this.renderMobile(t):this.renderDesktop(t)}renderDesktop(e){const{title:t}=this.props,{store:r}=this.stores,o=this.styles,i=e===Dh.Section,a=i?t:void 0,s=i?this.renderActiveButtonOrigin():this.renderInactiveButtonOrigin();return n.createElement(Ch,{title:a,marginAfter:i},n.createElement(Ln.a,{capture:r.state.isOpen,onUp:this.handleMenuListKey,onDown:this.handleMenuListKey,onEnter:this.handleMenuListKey},n.createElement(Br.c,{popupType:this.getPopupType(),open:r.state.isOpen,origin:s,render:this.renderPopupContents,onDismiss:this.handleMenuClose,placementToOrigin:Br.c.Placement.Bottom,alignmentToOrigin:Br.c.Alignment.Start,keepFocus:!0,style:o.popup})))}renderMobile(e){const{store:t}=this.stores,r=e===Dh.Section?this.renderMobileFilterSummary():this.renderMobileButtonOrigin();return n.createElement(Br.c,{popupType:Br.c.PopupType.SlideUp,open:t.state.isOpen,origin:r,render:this.renderPopupContents,onDismiss:this.handleMenuClose,preventScaleTransition:!0})}renderMobileButtonOrigin(){const{icon:e,title:t,disabled:r}=this.props,o=this.styles;return n.createElement(Lr.a,{disabled:r,focused:!1,icon:e(o.icon),title:t,onClick:this.handleOriginActivate})}renderMobileFilterSummary(){const{title:e,value:t,dateFormat:r,disabled:o,intl:i}=this.props,a=this.styles,s=n.createElement("div",{style:a.summary},A.a.calendar(a.iconActiveMobile),up.d(t,i,r));return n.createElement(vh,{disabled:o,onClick:this.handleOriginActivate,onClickClear:this.handleClear,label:e,title:s})}getCurrentValue(){const{value:e}=this.props,{store:t}=this.stores,{temporary:r}=t.state;return Vh({},e,{},r)}getPopupType(){const{device:e}=this.environment;return e.isMobile?an.a.PopupType.SlideUp:an.a.PopupType.Popup}getThemeColors(){return{buttonMenuItem:{color:this.theme.mediumTextColor},activeMenuItem:{color:this.theme.regularTextColor}}}}var Wh,Xh=Object(o.injectIntl)(Yh);function zh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function qh(e){for(var t=1;t{const{onMenuDismiss:t}=this.props;this.applyFilter(e),this.openSidebar(),t&&t()},this.applyFilter=e=>{const{searchStore:t}=this.props;t.updateFilters(e)},this.openSidebar=()=>{const{searchStore:e}=this.props;e.isSidebarOpen()||e.setState(qh({},e.state,{isSidebarOpen:!0}))},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},buttonFilter:{padding:"4px 8px",display:"flex",alignItems:"center",overflow:"hidden"},buttonText:qh({},ee.a.textOverflowStyle),icon:{display:"inline-block",height:14,width:14,fill:"currentColor"},buttonIcon:{marginRight:6}}}renderComponent(){const{mode:e}=this.props;return e===Wh.Button?this.renderAsButton():e===Wh.MenuItem?this.renderAsMenuItem():void Object(fo.e)(e)}renderAsButton(){const{icon:e,title:t,filter:r}=this.props,o=this.styles,i=this.getThemeColors();return n.createElement(be.a,{style:qh({},o.buttonFilter,{},i.buttonFilter),onClick:()=>this.handleFilterClick(r)},e&&e(qh({},o.icon,{},o.buttonIcon)),n.createElement("span",{style:o.buttonText},t))}renderAsMenuItem(){const{icon:e,title:t,filter:r,focused:o}=this.props,i=this.styles,a=this.getThemeColors(),s=qh({},i.menuItem,{},a.menuItem);return n.createElement(Lr.a,{icon:e&&e(i.icon),focused:o,title:t,onClick:()=>this.handleFilterClick(r),style:s})}getThemeColors(){const{device:e}=this.environment;return{menuItem:qh({color:e.isDesktop?this.theme.mediumTextColor:void 0},this.props.isLastInSection&&{boxShadow:void 0}),buttonFilter:{color:this.theme.mediumTextColor}}}}Gh.Mode=Wh;class Kh extends b.a{renderComponent(){const e=Kh.getCurrentPageFilter();if(e)return n.createElement(Gh,Object.assign({icon:A.a.searchInPage,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.quickFilters.inCurrentPage",defaultMessage:"In current page"}),filter:e},this.props))}static isActive(e){const t=Kh.getCurrentPageFilter();if(!t)return!1;if(!t.ancestors)return!1;const r=t.ancestors[0];return-1!==e.ancestors.indexOf(r)}}Kh.getCurrentPageFilter=()=>{const{currentBlockStore:e}=$.default.state;if(e&&e.id)return{ancestors:[e.id]}};class Zh extends b.a{renderComponent(){const e=Zh.getCurrentUserFilter(this.environment);if(e)return n.createElement(Gh,Object.assign({icon:A.a.person,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.quickFilters.createdByMe",defaultMessage:"Created by me"}),filter:e},this.props))}static isActive(e,t){const r=Zh.getCurrentUserFilter(e);if(!r)return!1;if(!r.createdBy)return!1;const n=r.createdBy[0];return-1!==t.createdBy.indexOf(n)}}Zh.getCurrentUserFilter=e=>{const{id:t}=e.currentUser;if(t)return{createdBy:[t]}};class Jh extends b.a{renderComponent(){const e=Jh.getPastWeekFilter();if(e)return n.createElement(Gh,Object.assign({icon:A.a.calendar,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.quickFilters.editedLastWeek",defaultMessage:"Edited last week"}),filter:e},this.props))}static isActive(e){const{lastEditedTime:t}=Jh.getPastWeekFilter();return Fe.isEqual(t,e.lastEditedTime)}}Jh.getPastWeekFilter=()=>({lastEditedTime:{starting:qe.W(qe.m),ending:qe.hb(qe.m)}});const Qh=Object(o.defineMessages)({searchPages:{defaultMessage:"Search pages",id:"searchPageFilter.searchTokenFilter.tokenInput.placeholder"},selectAPage:{defaultMessage:"Select a page",id:"searchPageFilter.searchTokenFilter.resultSection.title"}});class $h extends b.a{constructor(){super(...arguments),this.renderFilterListItem=(e,t)=>{let{disabled:r,onRemove:o,onClick:i}=t;const a=this.styles,s=this.createBlockStore(e),l=n.createElement(mh,{disabled:r,onClick:o});return n.createElement(sn.a,{disabled:r,focused:!1,store:s,right:l,style:a.menuItem,desktopTitleStyle:a.menuItemTitle,onClick:i})},this.renderItemForSummary=e=>n.createElement(Q.a,{store:this.createBlockStore(e),shouldWrap:!0,maxLength:50}),this.renderToken=(e,t)=>{const{blockIds:r}=this.props,o=this.tokenStyles,i=1===r.length,a=this.createBlockStore(e),s=n.createElement("div",{style:o.token},n.createElement(G.a,{disabled:!0,icon:a.getIcon(),isEmptyPage:!1,size:20,style:o.icon}),n.createElement(Q.a,{store:a}));return n.createElement(Ir.b,{key:e,format:Ir.b.Format.Large,value:s,showRemoveButton:!0,onClickRemove:t.onRemove,isSingle:i,shouldShrink:!0})},this.renderResultMenuItem=(e,t)=>{const r=this.createBlockStore(e);return n.createElement(sn.a,Object.assign({},t,{key:e,store:r}))},this.performRequest=async e=>{let{query:t,current:r}=e;const{currentSpaceStore:n}=$.default.state;if(!n)return[];const{results:o}=await In.f({environment:this.environment,query:t,limit:20,spaceId:n.id,requireEditPermissions:!1,excludeTemplates:!1,source:"quick_find_ancestor_filter"}),i=new Set(r);return o.filter(e=>!i.has(e))},this.createBlockStore=e=>{const{parentStore:t}=this.props;return F.a.createChildStore(t,e)},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},menuItemTitle:{width:"100%"},labeledMenuItemTitle:{display:"inline-flex",alignItems:"center"},menuItemLabel:{marginRight:12},recordIcon:{marginRight:4}},this.tokenStyles={token:{display:"flex",alignItems:"center"},icon:{marginRight:4}}}renderComponent(){const{mode:e,title:t,blockIds:r,onChange:i,disabled:a,focused:s,onMenuDismiss:l}=this.props;return n.createElement(Rh,{mode:e,title:t,icon:A.a.searchInPage,items:r,onChange:i,focused:s,renderFilter:this.renderFilterListItem,renderToken:this.renderToken,renderItemForSummary:this.renderItemForSummary,addItemLabel:n.createElement(o.FormattedMessage,{defaultMessage:"Add a page",id:"searchPageFilter.searchTokenFilter.addAPage.button"}),labelText:{title:t,tokenInputPlaceholder:Ye.default.formatMessage(Qh.searchPages),resultSectionTitle:Ye.default.formatMessage(Qh.selectAPage),componentDebugName:"SearchPageFilter"},performRequest:this.performRequest,renderResultMenuItem:this.renderResultMenuItem,disabled:a,onMenuDismiss:l})}}var em=$h,tm=r("V1wX");class rm extends b.a{constructor(){super(...arguments),this.renderFilterListItem=(e,t)=>{let{disabled:r,onRemove:o,onClick:i}=t;const a=this.styles,s=this.getUserValue(e),l=n.createElement(mh,{disabled:r,onClick:o});return n.createElement(Dn.a,{key:e,disabled:r,focused:!1,user:s,right:l,style:a.menuItem,desktopTitleStyle:a.menuItemTitle,onClick:i})},this.renderItemForSummary=e=>Object(Qr.d)(this.getUserValue(e)),this.renderToken=(e,t)=>{const{userIds:r}=this.props,o=1===r.length,i=this.getUserValue(e);if(i)return n.createElement(Un.c,{key:e,format:Un.c.Format.Large,showRemoveButton:!0,isSingle:o,onClickRemove:t.onRemove,actor:Object(tm.h)(i)})},this.renderResultMenuItem=(e,t)=>{const r=this.getUserValue(e);return n.createElement(Dn.a,Object.assign({},t,{key:e,user:r}))},this.performRequest=async e=>{let{query:t,current:r}=e;const n=new Set(r);return(await In.k({environment:this.environment,query:t,membersOnly:!1})).filter(e=>!n.has(e.id)).slice(0,20).map(e=>e.id)},this.getUserValue=e=>this.createUserStore(e).getValue(),this.createUserStore=e=>{const{parentStore:t}=this.props;return Yr.a.createChildStore(t,e)},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},menuItemTitle:{width:"100%"},labeledMenuItemTitle:{display:"inline-flex",alignItems:"center"},menuItemLabel:{marginRight:12},recordIcon:{marginRight:4}}}renderComponent(){const{mode:e,title:t,userIds:r,onChange:i,disabled:a,focused:s,onMenuDismiss:l,intl:c}=this.props;return n.createElement(Rh,{mode:e,title:t,icon:A.a.person,items:r,onChange:i,disabled:a,focused:s,renderFilter:this.renderFilterListItem,renderToken:this.renderToken,renderItemForSummary:this.renderItemForSummary,addItemLabel:n.createElement(o.FormattedMessage,{defaultMessage:"Add a person",id:"search.filterMenu.addAPersonButton.label"}),labelText:{title:t,tokenInputPlaceholder:c.formatMessage({defaultMessage:"Search people",id:"search.filterMenu.searchPeople.placeholder"}),resultSectionTitle:c.formatMessage({defaultMessage:"Select a person",id:"search.filterMenu.searchPeople.resultsTitle"}),componentDebugName:"SearchPersonFilter"},performRequest:this.performRequest,renderResultMenuItem:this.renderResultMenuItem,onMenuDismiss:l})}}var nm=Object(o.injectIntl)(rm);function om(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function im(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class am extends b.a{renderComponent(){return n.createElement(cn.a,Object.assign({},this.props,{right:n.createElement(zt.a,Object.assign({},this.props)),dontShrinkRight:!0}))}}am.contextTypes=function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class um extends b.a{constructor(){super(...arguments),this.handleToggle=()=>{const{value:e,onChange:t}=this.props;t(!e)},this.styles={menuItem:{minHeight:void 0,paddingTop:this.environment.device.isMobile?12:4,paddingBottom:this.environment.device.isMobile?12:4},icon:{height:14,width:14,fill:"currentColor"}}}renderComponent(){const{device:e}=this.environment,{mode:t}=this.props;return e.isMobile?this.renderMobile(t):this.renderDesktop(t)}renderDesktop(e){const t=e===Dh.Section;return n.createElement(Ch,{marginAfter:t},this.renderSwitcherMenuItem())}renderMobile(e){const{title:t,value:r,disabled:o}=this.props;return e===Dh.Button?this.renderSwitcherMenuItem():n.createElement(vh,{disabled:o,onClick:this.handleToggle,label:t,isToggle:!0,isToggleActive:r})}renderSwitcherMenuItem(){const e=this.props,{title:t,icon:r,value:o,style:i}=e,a=dm(e,["title","icon","value","style"]),s=this.styles,l=this.getThemeColors(),c=function(e){for(var t=1;t{const t=this.styles;return n.createElement(dn.a,Object.assign({},e,{style:t.addFilterButtonMobile,icon:A.a.filterCircled,isBlue:!0}),n.createElement(o.FormattedMessage,{defaultMessage:"Add filter",id:"search.addFilter.button.label"}))},this.renderAddFilterMenu=()=>n.createElement(_r.b,{menuType:_r.b.MenuType.ActionSheet},this.renderSuggestedFilters(),n.createElement(Ch,{title:this.renderMoreFiltersTitle()},this.renderCreatedByFilter(Rh.Mode.Button),this.renderCreatedTimeFilter(Rh.Mode.Button),this.renderLastEditedTimeFilter(Rh.Mode.Button),this.renderAncestorFilter(Rh.Mode.Button))),this.closeAddFilterMenu=()=>{const{buttonPopupStore:e}=this.stores;e.setState(gm({},e.state,{open:!1}))},this.styles={sidebar:{paddingTop:12,paddingBottom:24,overflowY:"auto",overflowX:"hidden",flex:"0 0 220px",minHeight:400},sidebarHidden:{display:"none"},addFilterButtonMobile:{fontSize:this.props.isMobile?ee.a.fontSize.UISmall.mobile:ee.a.fontSize.UISmall.desktop,fontWeight:ee.a.fontWeight.medium,marginRight:-8}}}renderComponent(){return this.props.isMobile?this.props.mode===pm.Button?this.renderAddButtonMobile():this.props.mode===pm.Section?this.renderActiveFiltersMobile():void Object(fo.e)(this.props.mode):this.renderSidebar()}renderActiveFiltersMobile(){const{searchStore:{state:e}}=this.props,t=up.e(e.query.filters);return n.createElement(Fr.a,{disableMobilePadding:!0,disableMobileBorders:!0},this.renderTitlesOnlyFilter(Dh.Section),this.renderActiveFilters(t,Rh.Mode.Section))}renderAddButtonMobile(){const{buttonPopupStore:e}=this.stores;return n.createElement(an.a,{popupType:an.a.PopupType.SlideUp,buttonPopupStore:e,renderOrigin:this.renderAddFilterOrigin,render:this.renderAddFilterMenu})}renderSidebar(){const{searchStore:e,searchStore:{state:t}}=this.props,r=this.styles,o=this.getThemeColors(),i=up.e(t.query.filters),a=gm({},r.sidebar,{},o.sidebar,{},!e.isSidebarOpen()&&r.sidebarHidden);return n.createElement("aside",{style:a},this.renderTitlesOnlyFilter(Dh.Section),this.renderActiveFilters(i,Rh.Mode.Section),this.renderSuggestedFilters(),this.renderInactiveFilters(i))}renderActiveFilters(e,t){return n.createElement(n.Fragment,null,e.createdBy&&this.renderCreatedByFilter(t),e.createdTime&&this.renderCreatedTimeFilter(t),e.lastEditedTime&&this.renderLastEditedTimeFilter(t),e.ancestors&&this.renderAncestorFilter(t))}renderInactiveFilters(e){if(!(e.ancestors&&e.createdBy&&e.createdTime&&e.lastEditedTime))return n.createElement(Ch,{title:this.renderMoreFiltersTitle(),marginAfter:!0},!e.ancestors&&this.renderAncestorFilter(Rh.Mode.Button),!e.createdBy&&this.renderCreatedByFilter(Rh.Mode.Button),!e.createdTime&&this.renderCreatedTimeFilter(Dh.Button),!e.lastEditedTime&&this.renderLastEditedTimeFilter(Dh.Button))}renderSuggestedFilters(){const{searchStore:e}=this.props,{filters:t}=e.state.query,r=Zh.isActive(this.environment,t),i=Jh.isActive(t),a=Kh.isActive(t);if(!(r&&i&&a))return n.createElement(Ch,{title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.quickFiltersSection.title",defaultMessage:"Quick filters"}),marginAfter:!0},!r&&n.createElement(Zh,{mode:Wh.MenuItem,searchStore:e,focused:!1,onMenuDismiss:this.closeAddFilterMenu}),!i&&n.createElement(Jh,{mode:Wh.MenuItem,searchStore:e,focused:!1,onMenuDismiss:this.closeAddFilterMenu}),!a&&n.createElement(Kh,{mode:Wh.MenuItem,searchStore:e,focused:!1,onMenuDismiss:this.closeAddFilterMenu,isLastInSection:!0}))}renderTitlesOnlyFilter(e){const{searchStore:t}=this.props,{filters:r}=t.state.query;return n.createElement(hm,{mode:e,focused:!1,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.onlyMatchTitlesToggle.label",defaultMessage:"Only match titles",description:"Label for only match titles toggle in search modal"}),icon:A.a.typesTitle,value:r.isNavigableOnly,onChange:this.createUpdateFunction("isNavigableOnly")})}renderMoreFiltersTitle(){return n.createElement(o.FormattedMessage,{id:"search.filterMenu.moreFiltersSection.title",defaultMessage:"More filters"})}renderAncestorFilter(e){const{searchStore:t,parentStore:r}=this.props,{filters:i}=t.state.query;return n.createElement(em,{mode:e,focused:!1,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.moreFilters.inPage",defaultMessage:"In page"}),parentStore:r,blockIds:i.ancestors,onMenuDismiss:this.closeAddFilterMenu,onChange:this.createUpdateFunction("ancestors")})}renderCreatedByFilter(e){const{searchStore:t,parentStore:r}=this.props,{filters:i}=t.state.query;return n.createElement(nm,{mode:e,focused:!1,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.moreFilters.createdBy",defaultMessage:"Created by"}),parentStore:r,userIds:i.createdBy,onMenuDismiss:this.closeAddFilterMenu,onChange:this.createUpdateFunction("createdBy")})}renderCreatedTimeFilter(e){const{searchStore:t}=this.props,{filters:r}=t.state.query;return n.createElement(Xh,{mode:e,focused:!1,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.moreFilters.created",defaultMessage:"Created"}),icon:A.a.calendar,value:r.createdTime,onMenuDismiss:this.closeAddFilterMenu,onChange:this.createUpdateFunction("createdTime")})}renderLastEditedTimeFilter(e){const{searchStore:t}=this.props,{filters:r}=t.state.query;return n.createElement(Xh,{mode:e,focused:!1,title:n.createElement(o.FormattedMessage,{id:"search.filterMenu.moreFilters.lastEdited",defaultMessage:"Last edited"}),icon:A.a.calendar,value:r.lastEditedTime,onMenuDismiss:this.closeAddFilterMenu,onChange:this.createUpdateFunction("lastEditedTime")})}createUpdateFunction(e){const{searchStore:t}=this.props;return r=>t.updateFilters({[e]:r})}getThemeColors(){return{sidebar:{backgroundColor:this.theme.searchSidebarBackground,borderLeft:"1px solid ".concat(this.theme.regularDividerColor)}}}}var ym=bm;function vm(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Sm(e){for(var t=1;t({key:e,action:t=>this.handleSelectSortOrder(e,t),render:r=>n.createElement(Lr.a,Object.assign({},r,{title:this.getReadableName(e),right:t&&km.checkIcon}))}),this.handleSelectSortOrder=(e,t)=>{const{searchStore:r}=this.props;r.state.mode===_p.c.Mode.Default?r.setState(Sm({},r.state,{query:Sm({},r.state.query,{sort:e})})):r.state.mode===_p.c.Mode.Results&&r.setState(Sm({},r.state,{query:Sm({},r.state.query,{sort:e})})),this.selectButton&&this.selectButton.current&&this.selectButton.current.closeMenu()},this.styles={label:()=>{const{device:e}=this.environment;return{marginRight:2,fontSize:e.isMobile?ee.a.fontSize.UISmall.mobile:ee.a.fontSize.UISmall.desktop,transform:"translateY(0.5px)"}},innerButton:()=>{const{device:e}=this.environment;return{fontWeight:ee.a.fontWeight.medium,fontSize:e.isMobile?ee.a.fontSize.UISmall.mobile:ee.a.fontSize.UISmall.desktop,height:20,padding:"2px 4px",marginRight:0,transform:"translateY(0.5px)"}},menu:{minWidth:200}}}renderComponent(){const{mode:e}=this.props;return e===km.Mode.Section?this.renderSection():this.renderSelectButton()}renderSection(){return n.createElement(Ch,{title:"Sort",disableDesktopPadding:!0,marginAfter:!0},this.renderSelectButton())}renderSelectButton(){const{device:e}=this.environment,t=this.styles,r=this.getThemeColors(),{selectedTitle:i,items:a}=this.getCurrentItems(),s=Sm({},r.innerButton,{},t.innerButton()),l=e.isMobile?n.createElement(o.FormattedMessage,{id:"search.sort.sortMenuTitle",defaultMessage:"Sort By"}):void 0;return n.createElement(fu,{ref:this.selectButton,alignmentToOrigin:I.a.Start,selectedTitle:i,label:n.createElement(o.FormattedMessage,{id:"search.sort.sortButtonPrefixLabel",defaultMessage:"Sort:",description:"Will be displayed next to a sortOrder"}),renderMenuSections:e=>[{key:"searchSortOrder",render:e=>n.createElement(Ch,Object.assign({},e,{title:l,desktopStyle:t.menu,disableDesktopPadding:!1})),items:a}],labelStyle:t.label(),innerButtonStyle:s})}getCurrentItems(){const e=this.getThemeColors(),t=this.getActiveSortOrder();return{selectedTitle:n.createElement("div",{style:e.selectedTitle},this.getReadableName(t)),items:km.options.map(e=>{const r=e===t;return this.renderMenuItem(e,r)})}}getActiveSortOrder(){const{searchStore:{state:e}}=this.props;return e.query.sort}getReadableName(e){switch(e){case"Relevance":return n.createElement(o.FormattedMessage,{id:"search.sort.sortOrder.bestMatches",defaultMessage:"Best matches"});case"CreatedOldest":return n.createElement(o.FormattedMessage,{id:"search.sort.sortOrder.created.oldestFirst",defaultMessage:"Created: Oldest first"});case"CreatedNewest":return n.createElement(o.FormattedMessage,{id:"search.sort.sortOrder.created.newestFirst",defaultMessage:"Created: Newest first"});case"LastEditedOldest":return n.createElement(o.FormattedMessage,{id:"search.sort.sortOrder.lastEdited.oldestFirst",defaultMessage:"Last edited: Oldest first"});case"LastEditedNewest":return n.createElement(o.FormattedMessage,{id:"search.sort.sortOrder.lastEdited.newestFirst",defaultMessage:"Last edited: Newest first"})}Object(fo.e)(e)}getThemeColors(){return{innerButton:{color:this.theme.mediumTextColor},selectedTitle:{color:this.theme.mediumTextColor}}}}km.Mode={Section:"Section",Button:"Button"},km.options=["Relevance","LastEditedNewest","LastEditedOldest","CreatedNewest","CreatedOldest"],km.checkIcon=A.a.check({fill:m.f.blue,width:12,height:12});var Mm=km;function Om(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Em(e){for(var t=1;t{const{searchStore:e}=this.props;e.setState(Em({},e.state,{isSidebarOpen:!0}))},this.styles={menuItem:{minHeight:0},menuItemMobile:{paddingBottom:8},titleWrapper:{flex:void 0},showSidebarButton:()=>{const{device:e}=this.environment;return{padding:"0 4px",fontSize:e.isMobile?ee.a.fontSize.UISmall.mobile:ee.a.fontSize.UISmall.desktop,fontWeight:ee.a.fontWeight.medium,borderRadius:3,height:20,lineHeight:"20px"}}}}renderComponent(){const{device:e}=this.environment,t=this.styles,r=Em({},t.menuItem,{},e.isMobile&&t.menuItemMobile),o=this.shouldAllowFilters()&&this.renderAddFilterButton();return n.createElement(cn.a,{title:this.renderSortMenu(),right:o,textWrapperStyle:t.titleWrapper,style:r})}renderSortMenu(){const{searchStore:e}=this.props;return n.createElement(Mm,{mode:Mm.Mode.Button,searchStore:e})}renderAddFilterButton(){const{device:e}=this.environment,{parentStore:t,searchStore:r}=this.props,i=this.styles;return e.isMobile?n.createElement(ym,{parentStore:t,searchStore:r,isMobile:!0,mode:pm.Button}):r.isSidebarOpen()?void 0:n.createElement(dn.a,{icon:A.a.filterCircled,onClick:this.openSidebar,style:i.showSidebarButton(),isBlue:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Add filter",id:"search.header.addFilter.button.label"}))}shouldAllowFilters(){const{isPublicPageSearch:e}=this.props;return!e}}var Tm=Pm,jm=r("X3py");function xm(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Im(e){for(var t=1;t{const{showSpinner:e}=this.props,t=this.styles,r=Im({},this.getThemeColors().searchIcon,{},t.searchIcon());return n.createElement(Ms.a,{show:e,showDelay:500,showHold:200,render:e=>e?n.createElement(pe.a,{style:r}):A.a.searchThick(r)})},this.handleQueryChange=e=>{const{searchStore:t,resultListStore:r}=this.props;this.handleTyping();const n=String(e.target.value);""===n?t.resetQuery({resetFilters:!1}):t.setState(Im({},t.state,{mode:_p.c.Mode.Results,query:Im({},t.state.query,{text:n}),limit:_p.b,allResultsLoaded:!1})),r.setState(Im({},r.state,{focus:{section:0,indexLocal:0,indexGlobal:0}}))},this.handleClearButtonClick=()=>{const{searchStore:e}=this.props;e.resetQuery({resetFilters:!0}),e.setState(Im({},e.state,{isSidebarOpen:!1}))},this.handleFocus=()=>{const{isFocusedStore:e}=this.props;e.get()||e.set(!0)},this.handleBlur=()=>{const{isFocusedStore:e}=this.props,{device:t}=this.environment;e.get()&&(e.set(!1),t.isReactNative&&jm.b.updateKeyboardPhase(jm.a.willHide))},this.setTypingStart=()=>{const{isTypingStore:e}=this.props;e.get()||e.set(!0)},this.setTypingEnd=()=>{const{isTypingStore:e}=this.props;e.set(!1)},this.styles={inputDesktop:{fontSize:18,height:Bm.DESKTOP_INPUT_HEIGHT,paddingLeft:16,paddingRight:16,flexGrow:0,flexShrink:0,zIndex:1},inputMobile:{fontSize:16,border:"none",boxShadow:"none",borderRadius:7,lineHeight:"1.2",padding:"6px 8px"},searchIcon:()=>{const{device:e}=this.environment;return{width:e.isMobile?16:18,height:e.isMobile?16:18,marginRight:e.isMobile?12:10,flexGrow:0,flexShrink:0}},input:Im({minWidth:0},ee.a.textOverflowStyle),clearButton:{marginLeft:8}}}willUnmount(){this.typingTimer&&(clearTimeout(this.typingTimer),this.typingTimer=void 0)}renderComponent(){const{device:e}=this.environment,{isOpen:t,searchStore:{state:r}}=this.props,o=this.styles,i=this.getThemeColors(),a=e.isMobile?dt.b.Format.ExtraLarge:dt.b.Format.Transparent,s=e.isMobile?Im({},o.inputMobile,{},i.inputMobile):Im({},o.inputDesktop,{},i.inputDesktop);return n.createElement(dt.b,{format:a,placeholder:this.getPlaceholderText(),left:this.renderSpinner(),value:r.query.text,focus:e.isMobile?void 0:t,focusInitial:e.isMobile,focusAfterAnimation:!0,showClearButton:!0,selectAll:!0,onChange:this.handleQueryChange,onClearButtonClick:this.handleClearButtonClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:s,inputStyle:o.input,clearButtonStyle:o.clearButton})}handleTyping(){this.typingTimer&&window.clearTimeout(this.typingTimer),this.setTypingStart(),this.typingTimer=window.setTimeout(this.setTypingEnd,Bm.TYPING_DEBOUNCE_MS)}getPlaceholderText(){const{currentSpaceStore:e,currentBlockStore:t}=$.default.state,r=e&&Object(lr.getSpaceName)(this.environment,e);if(r)return this.props.intl.formatMessage({id:"searchInputMenuItem.placeholder.namedSpace",defaultMessage:"Search {spaceName}…"},{spaceName:r});if(t){const e=je.Z(t.getTitleValue()).slice(0,Bm.MAX_PLACEHOLDER_TITLE_LENGTH);return this.props.intl.formatMessage({id:"searchInputMenuItem.placeholder.namedPage",defaultMessage:"Search in {pageTitle}…"},{pageTitle:e})}return this.props.intl.formatMessage({id:"searchInputMenuItem.placeholder.unnamedPage",defaultMessage:"Search in page…"})}getThemeColors(){return{inputDesktop:{boxShadow:"0 1px 0 ".concat(this.theme.regularDividerColor)},inputMobile:{background:this.theme.inputBackground},searchIcon:{fill:this.theme.mediumIconColor}}}}Bm.TYPING_DEBOUNCE_MS=300,Bm.DESKTOP_INPUT_HEIGHT=52,Bm.MAX_PLACEHOLDER_TITLE_LENGTH=100;var _m=Object(o.injectIntl)(Bm),Am=r("dNiu"),Lm=r("aw/t"),Fm=r("LFt7");function Rm(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Nm(e){for(var t=1;tObject(Am.a)(Object(Am.b)(e)),style:Nm({},t.highlight,{},r.highlight)}})}getHighlightedWordsFromText(e){if(!e)return[];let t=Object(Am.b)(e);return t.some(e=>Object(Am.e)(e)&&1===Object(Am.c)(e).length)&&(t=Object(Am.a)(t)),Fe(t).filter(Am.e).map(Am.c).uniq().value()}getWordHighlighter(e){if(0===e.length)return;const t=this.styles,r=this.getThemeColors();return{tokenize:t=>Object(Am.d)(t,e),style:Nm({},t.highlight,{},r.highlight)}}renderEnterIcon(){const{device:e}=this.environment,{focused:t}=this.props,r=this.styles,n=this.getThemeColors();if(e.isMobile)return;const o=Nm({},r.enterIcon,{},n.enterIcon,{opacity:t?1:0});return A.a.enter(o)}hasPath(){const{hidePath:e,store:t}=this.props;return!e&&Object(Lm.b)(t)}hasAnyHighlight(){const{result:e}=this.props;if(!e)return!1;const{highlight:t}=e;return!!t&&Boolean(t.text||t.pathText)}getThemeColors(){return{highlightedTitle:{color:this.theme.mediumTextColor},menuItemBorder:{boxShadow:"0 1px 0 ".concat(this.theme.lightDividerColor)},highlight:{color:this.theme.regularTextColor},enterIcon:{fill:this.theme.mediumIconColor},caption:{color:this.theme.mediumTextColor}}}}Um.contextTypes=_r.c;var Ym=Um,Wm=r("5qTp"),Xm=r("nFzZ");function zm(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function qm(e){for(var t=1;t{const{device:t}=this.environment,{searchStore:{state:r}}=this.stores,o=this.layoutStyles,{currentSpaceStore:i}=$.default.state;return n.createElement(_r.b,Object.assign({},this.getMenuProps(e),{className:P.jb}),n.createElement("div",{style:o.body},!t.isMobile&&this.renderInput(),n.createElement(Dt.a,{requestStore:this.stores.localCacheRequestStore,request:i&&i.id,performRequest:this.performLocalCacheRequest,render:r.mode===_p.c.Mode.Results?this.renderResults:this.renderDefaultBody})),this.shouldShowSidebar()&&this.renderFilterMenu())},this.renderDefaultBody=()=>{const{device:e}=this.environment,{searchStore:{state:t},resultListStore:r}=this.stores,o=this.defaultViewStyles;if(!this.recentPageStores.state)return;const i=t.query.text.trim()?void 0:0,a={mode:_p.c.Mode.Default,isMobile:e.isMobile,recentSearches:this.recentSearches.state,recentPages:this.recentPageStores.state};return n.createElement(n.Fragment,null,n.createElement("main",{style:o.wrapper},n.createElement(Ar.a,{type:Ar.a.Type.Vertical,store:r,initialFocus:i,disableKeyboardArrowWrap:!0,sections:Fe.compact([this.getRecentPagesSection(),this.getRecentSearchesSection()])})),this.shouldShowFooter(a)&&this.renderFooter())},this.renderResults=()=>{const{device:e}=this.environment,{searchStore:t,serverRequestStore:r,localRequestStore:o}=this.stores,i={query:t.state.query,limit:t.state.limit};return n.createElement(Dt.a,{debounce:In.b,requestStore:r,request:i,performRequest:this.performServerRequest,render:(t,r)=>n.createElement(Dt.a,{debounce:In.a,requestStore:o,request:i,performRequest:this.performLocalRequest,render:(t,o)=>n.createElement(n.Fragment,null,e.isMobile&&this.renderFilterMenu(),this.renderRequestResults({localResponse:o,serverResponse:r}))})})},this.renderRequestResults=e=>{const{device:t}=this.environment,{serverResponse:r,localResponse:o}=e,{serverRequestStore:i}=this.stores;if(!r&&!o)return;const a=up.f({localResponse:o,serverResponse:r,serverRequestStore:i}),s={mode:_p.c.Mode.Results,isMobile:t.isMobile,errorState:a};return n.createElement(n.Fragment,null,this.shouldShowHeaderDesktop(s)&&this.renderHeader(),this.renderResultsSection({errorState:a,localResponse:o,serverResponse:r}),this.shouldShowFooter(s)&&this.renderFooter({localResponse:o,serverResponse:r}))},this.renderSearchResult=(e,t)=>{const{store:r}=e,o=r.isNavigableBlock()?r:r.getNavigableBlockStore();if(o)return{key:"".concat(r.id,":").concat(t),action:e=>this.handleSelectResult(r,e,"query_results"),render:r=>n.createElement(Ym,Object.assign({},r,{isFirstInSection:0===t,store:o,hidePath:!1,result:e}))}},this.handleComponentOpenClose=()=>{this.isOpen!==Wm.default.state.open&&(this.isOpen=Wm.default.state.open,Wm.default.state.open?clearTimeout(this.inactiveTimer):this.addRecentSearch())},this.handleComponentClose=()=>{const{device:e}=this.environment,{searchStore:t}=this.stores,{query:r}=t.state;E.a(),""===r.text.trim()?t.reset():up.l(r.filters)||t.setState(qm({},t.state,{isSidebarOpen:!1})),this.inactiveTimer=window.setTimeout(this.resetState,2*Xm.d),e.isMobile&&C.close()},this.handleRecentSearch=(e,t)=>{const{searchStore:r}=this.stores;r.setState(qm({},r.state,{query:e,mode:_p.c.Mode.Results,isSidebarOpen:!0}))},this.handleSelectResult=(e,t,r)=>{const{searchStore:n}=this.stores,{event:o}=t,i=o.metaKey||o.ctrlKey;ue.Rd(this.environment,{context:r,queryStringLength:n.state.query.text.trim().length,selectedItemIndex:t.index,isNavigable:e.isNavigableBlock()}),c.navigateToPage(e,i,this.environment),i||this.handleComponentClose()},this.handleScrollOffsetChange=e=>{const{searchStore:t,searchStore:{state:r},serverRequestStore:{state:n}}=this.stores;!(e<=Gm.LOAD_MORE_RESULTS_SCROLL_OFFSET_PX)||n.loading||r.allResultsLoaded||t.setState(qm({},r,{limit:r.limit+_p.b}))},this.handleScrollResults=()=>{this.stores.isInputFocusedStore.get()&&this.blurInputDebounced()},this.handleSpaceChange=()=>{const e=$.default.state.currentSpaceStore&&$.default.state.currentSpaceStore.id;this.spaceId!==e&&(this.spaceId=e,this.resetState())},this.performLocalCacheRequest=async()=>{const{currentSpaceStore:e,currentSpaceViewStore:t}=$.default.state;if(!this.getPublicAccessPermissionForPage()&&e)return up.h({environment:this.environment,currentSpaceStore:e,currentSpaceViewStore:t})},this.performLocalRequest=async e=>{const{query:t}=e,{localCacheRequestStore:r}=this.stores,n=r.state.result;if(!n)return;if(!t.text.trim())return;if(this.getPublicAccessPermissionForPage())return;const o=await up.g({input:e,cache:n});if(!o)return;if(0===o.results.length)return{error:Pp.d.NoResults};const i=up.n({sort:t.sort,unsorted:o.results,batchSize:_p.b,currentUserId:this.environment.currentUser.id}).results.map(e=>qm({},e,{store:this.createBlockStore(e.id)})),a=this.isOnline()?up.m(this.environment,i):i,s=this.isOnline()?a.length:o.total;return 0===s?{error:Pp.d.NoResults}:{value:{total:s,results:a}}},this.performServerRequest=async e=>{const{searchStore:t}=this.stores,{currentSpaceStore:r}=$.default.state,{query:n,limit:o}=e;if(!n.text.trim()&&!up.l(n.filters))return;if(!this.isOnline())return{error:Pp.d.Offline};const i=await up.k({environment:this.environment,input:e,currentSpaceStore:r,publicAccessPermission:this.getPublicAccessPermissionForPage()});if(!i)return;if("failed"===i.type)return i.offline?{error:Pp.d.Offline}:{error:Pp.d.RequestFailed};if(0===i.data.results.length)return{error:Pp.d.NoResults};const{results:a,total:s}=up.n({sort:n.sort,unsorted:i.data.results,batchSize:_p.b,currentUserId:this.environment.currentUser.id});return t.setState(qm({},t.state,{allResultsLoaded:sqm({},e,{store:this.createBlockStore(e.id)})),total:i.data.total}}},this.recentPageStores=this.createComputedStore(()=>{const{currentSpaceStore:e}=$.default.state,t=(e?Gl.v({currentUserId:this.environment.currentUser.id,spaceId:e.id}).slice(0,this.getMaxRecentPages()):[]).map(this.createBlockStore),r=t.map(Y.l);return Fe.every(r)&&t.filter(e=>e.pathIsAlive())}),this.clearRecentlyVisitedPages=()=>{const{currentSpaceStore:e}=$.default.state;e&&(Gl.i({currentUserId:this.environment.currentUser.id,spaceId:e.id}),this.recentPageStores.recompute())},this.recentSearches=this.createComputedStore(()=>{const{currentSpaceStore:e}=$.default.state;return e?Gl.u({currentUserId:this.environment.currentUser.id,spaceId:e.id}).slice(0,Gm.MAX_RECENT_SEARCHES):[]}),this.clearRecentSearches=()=>{const{currentSpaceStore:e}=$.default.state;e&&(Gl.h({currentUserId:this.environment.currentUser.id,spaceId:e.id}),this.recentSearches.recompute())},this.addRecentSearch=()=>{const{searchStore:e,serverRequestStore:t,localRequestStore:r}=this.stores,{currentSpaceStore:n}=$.default.state;if(!n)return;const{query:o}=e.state;if(!o.text.trim())return;const i=this.getCurrentResults(),a=i.local&&!r.state.loading,s=i.server&&!t.state.loading;(a||s)&&Gl.c({currentUserId:this.environment.currentUser.id,spaceId:n.id,query:o})},this.createBlockStore=e=>{const{parentStore:t}=this.props;return F.a.createChildStore(t,e)},this.shouldDismissKeyboardOnScroll=()=>{const{device:e}=this.environment;return!!e.isMobile&&(!e.isIOS||e.isReactNative)},this.blurInput=()=>{const{activeElement:e}=document;e instanceof HTMLInputElement&&e.blur()},this.blurInputDebounced=Fe.debounce(this.blurInput,500,{leading:!0}),this.resetState=()=>{const{searchStore:e,resultListStore:t,serverRequestStore:r,localRequestStore:n,localCacheRequestStore:o}=this.stores;e.reset(),t.reset(),r.reset(),n.reset(),o.reset(),Wm.default.reset()},this.searchIcon=()=>A.a.searchThick({height:14,width:14,marginLeft:2,marginRight:6,flexGrow:0,flexShrink:0,fill:this.theme.mediumIconColor}),this.layoutStyles={modal:{width:"75%",maxWidth:600,minHeight:Gm.MIN_MENU_HEIGHT,maxHeight:Gm.MAX_MENU_HEIGHT},modalWithSidebar:{maxWidth:820},body:{flex:1,overflow:"hidden",display:"flex",flexDirection:"column"},scroller:{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",maxHeight:Gm.MAX_MENU_HEIGHT},footer:{flexShrink:0}},this.modalMenuStyles={topbar:{height:void 0},topbarLeftInput:{marginLeft:10,marginTop:10,marginBottom:10},topbarRightButtonWrapper:{flex:void 0},topbarButton:{fontWeight:void 0}},this.defaultViewStyles={wrapper:{width:"100%",height:"100%",overflowX:"hidden",overflowY:"auto"},recentSection:{paddingTop:0,paddingBottom:8},recentTitle:{margin:0,padding:"0 14px",height:32,alignItems:"center",paddingTop:2},clearButton:{fontWeight:ee.a.fontWeight.medium,padding:0,background:"none",fontSize:12,height:void 0},clearButtonDesktop:{textTransform:"none",letterSpacing:"normal",padding:"0 4px",fontSize:ee.a.fontSize.UISmall.desktop,height:20,lineHeight:"20px",borderRadius:3}},this.resultStyles={results:{flex:1,display:"flex",flexDirection:"column",overflow:"auto",height:"100%"},messageMenuItem:qm({},this.environment.device.isMobile&&{background:void 0,boxShadow:void 0})}}getMaxRecentPages(){const{device:e}=this.environment;return e.isMobile?5:7}didMount(){Wm.default.addListener(this.handleComponentOpenClose),$.default.addListener(this.handleSpaceChange),this.recentPageStores.addListener(Fe.noop)}willUnmount(){Wm.default.removeListener(this.handleComponentOpenClose),$.default.removeListener(this.handleSpaceChange),this.recentPageStores.removeListener(Fe.noop),this.inactiveTimer&&(clearTimeout(this.inactiveTimer),this.inactiveTimer=void 0)}renderComponent(){const{device:e}=this.environment,t=this.layoutStyles,r=Boolean(Wm.default.state.open),o=qm({},t.modal,{},this.shouldShowSidebar()&&t.modalWithSidebar);return n.createElement(cp.a,{open:r,onDismiss:this.handleComponentClose,modalStyle:o,disableAnimation:!e.isMobile,renderContent:()=>n.createElement(so.a,{capture:!0,ignoreBlockSelection:!0,focusOffscreenInput:!1,restoreSelection:!e.isMobile,render:()=>n.createElement(At.a,{capture:!0,allowMenuList:!0,render:this.renderBody})})})}getMenuProps(e){const{device:t}=this.environment,{searchStore:r}=this.stores,o=this.modalMenuStyles,i=this.getThemeColors();if(t.isMobile){const{mode:t}=r.state,a=qm({},o.topbarButton,{},i.topbarButton);return qm({menuType:_r.a.Modal,left:this.renderInput(),shouldRenderLeftDirectly:!0,leftOuterStyle:o.topbarLeftInput,right:n.createElement(ms.b,null),onClickRight:this.handleComponentClose,rightOuterStyle:o.topbarRightButtonWrapper,header:this.shouldShowHeaderMobile({mode:t})&&this.renderHeader(),disableHeaderShadow:!0,topbarStyle:o.topbar,leftRightButtonStyle:a,onScroll:this.shouldDismissKeyboardOnScroll()?this.handleScrollResults:void 0},e)}return qm({menuType:_r.a.Popup,maxHeight:Gm.MAX_MENU_HEIGHT,minHeight:Gm.MIN_MENU_HEIGHT,disableScroller:!0,scrollerStyle:this.layoutStyles.scroller},e)}renderHeader(){const{parentStore:e}=this.props,{searchStore:t}=this.stores,r=Boolean(this.getPublicAccessPermissionForPage());return n.createElement(Tm,{parentStore:e,searchStore:t,isPublicPageSearch:r})}renderInput(){const{searchStore:e,resultListStore:t,isTypingStore:r,isInputFocusedStore:o}=this.stores;return n.createElement(_m,{isOpen:Boolean(Wm.default.state.open),searchStore:e,resultListStore:t,isTypingStore:r,isFocusedStore:o,showSpinner:this.showSpinner()})}getRecentPagesSection(){const{device:e}=this.environment,t=this.defaultViewStyles,r=this.recentPageStores.state;if(r&&0!==r.length)return{key:"recentlyVisitedPages",items:r.map((t,r)=>({key:"".concat(t.id,":").concat(r),action:e=>this.handleSelectResult(t,e,"recent_pages"),render:o=>n.createElement(Ym,Object.assign({},o,{isFirstInSection:0===r,inline:!e.isMobile,store:t,hidePath:!1}))})),render:r=>n.createElement(Ch,{key:r.key,title:n.createElement(o.FormattedMessage,{id:"search.recentlyVisitedPages.title",defaultMessage:"Recent pages",description:"Title text for recently visited pages"}),desktopTitleStyle:t.recentTitle,desktopStyle:t.recentSection,right:(void 0!==r.focusedIndex||e.isMobile)&&this.renderClearRecentsButton(this.clearRecentlyVisitedPages)},n.createElement("ul",{style:yp},r.children))}}getRecentSearchesSection(){const{device:e}=this.environment,{parentStore:t}=this.props,r=this.defaultViewStyles,i=this.recentSearches.state;if(0!==i.length)return{key:"recentSearches",items:i.slice(0,Gm.MAX_RECENT_SEARCHES).map((e,r)=>({key:r,action:t=>this.handleRecentSearch(e,t),render:o=>n.createElement("li",{key:o.key},n.createElement(bp,Object.assign({},o,{isFirstInSection:0===r,parentStore:t,query:e,icon:this.searchIcon()})))})),render:t=>n.createElement(Ch,{key:t.key,title:n.createElement(o.FormattedMessage,{id:"search.recentSearches.title",defaultMessage:"Recent searches",description:"Title text for recent searches"}),desktopTitleStyle:r.recentTitle,desktopStyle:r.recentSection,right:(void 0!==t.focusedIndex||e.isMobile)&&this.renderClearRecentsButton(this.clearRecentSearches)},n.createElement("ul",{style:yp},t.children))}}renderFooter(e){const{searchStore:t}=this.stores,r=this.layoutStyles,{mode:o}=t.state;if(o===_p.c.Mode.Default)return n.createElement("footer",{style:r.footer},n.createElement(Np,{mode:o}));const i=this.getCurrentResultsWithCount(e);return i?n.createElement("footer",{style:r.footer},n.createElement(Np,{mode:o,results:i,showSpinner:this.showSpinner()})):void 0}renderClearRecentsButton(e){const{device:t}=this.environment,r=this.defaultViewStyles,i=this.getThemeColors(),a=qm({},r.clearButton,{},i.clearButton,{},!t.isMobile&&r.clearButtonDesktop);return n.createElement(dn.a,{onClick:e,style:a},n.createElement(o.FormattedMessage,{id:"search.clearRecentsButton.text",defaultMessage:"Clear",description:"Button text for clearing recent searches and pages"}))}renderResultsSection(e){const{localResponse:t,serverResponse:r,errorState:o}=e,{resultListStore:i}=this.stores,a=this.resultStyles,s=up.b({environment:this.environment,results:this.getCurrentResults({localResponse:t,serverResponse:r}),isOnline:this.isOnline()}),l=s&&{key:"results",render:e=>n.createElement(Fr.a,Object.assign({},e,{shouldShowBottomDivider:!1,disableDesktopPadding:!0,disableMobilePadding:!0,disableMobileBorders:!0})),items:Fe.compact(s.map(this.renderSearchResult))};return n.createElement("section",{style:a.results},l&&n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,store:i,disableKeyboardArrowWrap:!0,sections:[l]}),this.renderError(o)||n.createElement(ks.a,{onChange:this.handleScrollOffsetChange}))}renderError(e){const{searchStore:t}=this.stores;if(!e.isLoading)return e.showMajorError?n.createElement(Dp,{error:e.serverError,searchStore:t}):e.serverError&&e.serverError!==Pp.d.NoResults?this.renderMessage(e.serverError.message):void 0}renderFilterMenu(){const{device:e}=this.environment,{parentStore:t}=this.props,{searchStore:r}=this.stores,o=e.isMobile?{isMobile:!0,mode:pm.Section}:void 0;return n.createElement(ym,Object.assign({parentStore:t,searchStore:r},o))}renderMessage(e){const t=this.resultStyles;return n.createElement(Fr.a,{disableMobilePadding:!0,disableMobileBorders:!0},n.createElement(ln.a,{title:e,style:t.messageMenuItem}))}getCurrentResults(e){const{serverRequestStore:t,localRequestStore:r}=this.stores,n=e&&e.localResponse||r.state.result,o=e&&e.serverResponse||t.state.result;return{local:up.i(n),server:up.i(o)}}getCurrentResultsWithCount(e){const{serverRequestStore:t,localRequestStore:r}=this.stores,n=e&&e.localResponse||r.state.result,o=e&&e.serverResponse||t.state.result,i=up.j(n),a=up.j(o);return a&&i?{server:a,local:i}:a?{server:a,local:void 0}:i?{server:void 0,local:i}:void 0}getPublicAccessPermissionForPage(){const{currentBlockStore:e}=$.default.state;return e&&Zu.f(this.environment,e)}isOnline(){return Boolean(yt.a.state.online)}shouldShowSidebar(){const{device:e}=this.environment,{searchStore:t}=this.stores;if(!this.getPublicAccessPermissionForPage()&&!e.isMobile)return t.isSidebarOpen()}shouldShowHeaderDesktop(e){const{errorState:t,mode:r,isMobile:n}=e;if(n)return!1;if(r===_p.c.Mode.Default)return!1;if(t.isLoading){const e=this.getCurrentResults();return Boolean(e.local||e.server)}return!t.showMajorError}shouldShowHeaderMobile(e){const{mode:t}=e;return t===_p.c.Mode.Results}shouldShowFooter(e){const{isMobile:t}=e;if(t)return!1;if(e.mode===_p.c.Mode.Default){const t=e.recentSearches.length>0,r=e.recentPages.length>0;return Boolean(t||r)}if(e.errorState.isLoading){const e=this.getCurrentResults();return Boolean(e.local||e.server)}return!e.errorState.showMajorError}showSpinner(){const{searchStore:e,serverRequestStore:t,isTypingStore:r}=this.stores;return this.isOnline()&&e.state.mode===_p.c.Mode.Results&&!t.state.ready&&!r.get()}getThemeColors(){return{topbarButton:{color:this.theme.mediumTextColor},clearButton:{color:this.theme.lightTextColor}}}}Gm.MAX_RECENT_SEARCHES=5,Gm.LOAD_MORE_RESULTS_SCROLL_OFFSET_PX=200,Gm.MIN_MENU_HEIGHT=50,Gm.MAX_MENU_HEIGHT="80vh";var Km=Gm,Zm=r("Ggib"),Jm=r("PXix");class Qm extends b.a{renderComponent(){return n.createElement(n.Fragment,null,A.a.notionLogoStroked({width:30,height:30,marginBottom:18}),n.createElement("div",{style:{fontWeight:ee.a.fontWeight.semibold,fontSize:24}},this.getPlanTitle()),n.createElement("div",{style:this.getSecondaryTextStyle()},this.getOneLiner()),this.renderPriceAndTerms(),this.renderPlanFeatures(),this.renderLearnMore())}renderPriceAndTerms(){return n.createElement(n.Fragment,null,n.createElement("div",{style:{fontWeight:ee.a.fontWeight.semibold,fontSize:22}},n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.price",defaultMessage:"{price} USD",description:"Price is already formatted, e.g. $10",values:{price:Object(Gt.g)({subscriptionTier:this.props.subscriptionTier,billingInterval:this.props.billingInterval})}})),n.createElement("div",{style:this.getSecondaryTextStyle()},this.getFormattedTerm()))}getFormattedTerm(){const e={personal:Jm.e.terms.pro,team:Jm.e.terms.team,enterprise:Jm.e.terms.enterprise}[this.props.subscriptionTier];return{per_month:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.perMonthPricing.label",defaultMessage:"per month",description:"Appears after the price per month for a given plan, e.g. $10 per month"}),per_member_per_month:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.perUserPerMonthPricing.label",defaultMessage:"per user, per month",description:"Appears after the price per user, per month for a given plan, e.g. $10 per user, per month"})}[e]}renderPlanFeatures(){var e=this;return n.createElement(n.Fragment,null,n.createElement(J.a,{delayThreshold:0,placement:J.a.Placement.Left,renderTooltip:()=>this.renderPreviousPlanTierFeatures(),render:t=>n.createElement("span",Object.assign({},t,{style:{cursor:"help"}}),n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.features",defaultMessage:"Everything in {planName}, plus:",description:"Shown when comparing plan tier features in upgrade modal; 'planName' will be Personal, Team Trial, or Team",values:{span:function(){for(var t=arguments.length,r=new Array(t),o=0;on.createElement("div",{key:"".concat(this.props.subscriptionTier,"-feature-").concat(t),style:{display:"flex",alignItems:"center",padding:"5px 0px"}},A.a.thinCheck({width:14,height:14,marginRight:5,color:this.theme.lightTextColor}),e.label,e.isComingSoon&&n.createElement("div",{style:{background:this.theme.buttonHoveredBackground,fontSize:10,fontWeight:500,letterSpacing:"0.015em",color:this.theme.mediumTextColor,display:"inline",textTransform:"uppercase",padding:"2px 4px",marginLeft:6,borderRadius:3}},Jm.b))))}renderPreviousPlanTierFeatures(){const e=this.getTierBelowKey();return this.getFeaturesByPlanKey(e).map((t,r)=>n.createElement("div",{key:"".concat(e,"-feature-").concat(r),style:{display:"flex",alignItems:"center",padding:"5px 0px"}},A.a.thinCheck({width:14,height:14,marginRight:5,color:this.theme.regularInvertedTextColor}),t.label))}renderLearnMore(){return n.createElement("div",{style:{fontWeight:ee.a.fontWeight.regular,fontSize:14,marginBottom:16,color:this.theme.mediumTextColor,textDecoration:"underline",marginTop:8,cursor:"pointer"},onClick:()=>{Zm.a.reset(),ot.a.setState({open:!0,currentTab:"plans"})}},n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.learnMore",defaultMessage:"Learn more"}))}getPlanTitle(){return{personal:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.title.personal",defaultMessage:"Upgrade to Personal Pro"}),team:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.title.team",defaultMessage:"Upgrade to Team"}),enterprise:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.title.enterprise",defaultMessage:"Upgrade to Enterprise"})}[this.props.subscriptionTier]}getOneLiner(){return{personal:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.oneLiner.personal",defaultMessage:"For power users who want to do even more."}),team:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.oneLiner.team",defaultMessage:"For teams to write, plan, and work together in one spot."}),enterprise:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.oneLiner.enterprise",defaultMessage:"Controls and support to run your company."})}[this.props.subscriptionTier]}getPreviousPlanName(){return{personal_free:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.planName.free",defaultMessage:"Personal"}),team_free:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.planName.teamTrial",defaultMessage:"Team Trial"}),team:n.createElement(o.FormattedMessage,{id:"subscriptionUpgradeDetails.planName.team",defaultMessage:"Team"})}[this.getTierBelowKey()]}getTierBelowKey(){return{personal:"personal_free",team:"team_free",enterprise:"team"}[this.props.subscriptionTier]}getFeaturesByPlanKey(e){return{personal_free:[Jm.a.unlimitedBlocks,Jm.a.shareWithLimitedGuests,Jm.a.syncAcrossDevices],personal:[Jm.a.unlimitedFileUploads,Jm.a.unlimitedGuests,Jm.a.versionHistory,Jm.a.apiAccess],team_free:[Jm.a.unlimitedTeamMembers,Jm.a.collaborativeWorkspace,Jm.a.adminTools],team:[Jm.a.unlimitedBlocks,Jm.a.unlimitedFileUploads,Jm.a.versionHistory,Jm.a.advancedPermissions],enterprise:[Jm.a.samlSingleSignOn,Jm.a.advancedSecurity,Jm.a.dedicatedManager,Jm.a.customContract]}[e]}getSecondaryTextStyle(){return{fontWeight:ee.a.fontWeight.regular,fontSize:16,marginBottom:18,color:this.theme.mediumTextColor}}}var $m=Qm;function eg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function tg(e){for(var t=1;t{if(!Zm.a.state.open)return;if(!yt.a.state.online)return n.createElement(xo,null);const e=Zm.a.state,{spaceStore:t}=this.props,r=Object(lr.getSpaceName)(this.environment,t),o=Gl.q(this.environment.currentUser.id);return n.createElement(Dt.a,{request:o||null,performRequest:async e=>{if(e){const t=await Re.getPromoCode(this.environment,{code:e});if("success"===t.type&&t.data.promo)return t.data.promo}},render:(t,o,i)=>i&&n.createElement("div",{style:this.getModalStyle()},this.props.shouldUseNewUpsellModal?n.createElement(n.Fragment,null,n.createElement("div",{style:{padding:24,width:"55%"}},n.createElement($m,{subscriptionTier:e.subscriptionTier,billingInterval:this.getCurrentFormBillingInterval(e)})),n.createElement("div",{style:{flex:1,maxWidth:"45%",backgroundColor:this.theme.searchSidebarBackground,borderLeft:"1px solid ".concat(this.theme.lightDividerColor),padding:"20px 20px 0px",display:"flex",flexDirection:"column"}},this.renderBillingIntervalSection(e,o),this.renderPaymentMethodSection(e,o),this.renderCreditSection(e,o),this.renderControls(e,o))):this.renderBillingPanel({spaceName:r,openState:e,promo:o}))})},this.handleModalClose=()=>{Zm.a.reset()},this.handleUseCardClick=e=>{Zm.a.setState(tg({},e,{temporaryBillingType:"charge_automatically"}))},this.handleSendInvoiceClick=e=>{Zm.a.setState(tg({},e,{temporaryBillingType:"send_invoice"}))},this.handleMonthlyBillingClick=e=>{Zm.a.setState(tg({},e,{temporaryBillingInterval:"month"}))},this.handleYearlyBillingClick=e=>{Zm.a.setState(tg({},e,{temporaryBillingInterval:"year"}))},this.handleUpgradeAccept=async(e,t)=>{const{spaceStore:r}=this.props,n=this.getCurrentFormBillingType(e),o=this.getCurrentFormBillingEmail(e),i=this.getCurrentFormBillingInterval(e),a=this.getCurrentFormCreditAmount(e);if(!o)return;let s;"charge_automatically"===n&&(s=await me.c({name:this.renderStripePopupName(e),panelLabel:this.props.intl.formatMessage({id:"spaceSubscriptionUpgradeMenu.subscribeMessage",defaultMessage:"Subscribe"}),email:o}));const l=lo.d[e.subscriptionTier][i];await me.h({environment:this.environment,spaceStore:r,plan:l,stripeToken:s,billing:n,billingEmail:o,creditAmount:a,coupon:t?t.id:void 0})&&("send_invoice"===n&&Object(Ve.showErrorMessage)(this.props.intl.formatMessage({id:"spaceSubscriptionUpgradeMenu.checkEmailDialog.message",defaultMessage:"Please check your email for the invoice."})),t&&Gl.E(this.environment.currentUser.id),this.handleModalClose(),ot.a.setState(tg({},ot.a.state,{currentTab:"billing"})))},this.handleUseCreditAmountInputChange=(e,t)=>{Zm.a.setState(tg({},e,{temporaryUseCreditCents:t}))}}renderComponent(){return n.createElement(at.a,{open:Zm.a.state.open,render:this.renderModal,onDismiss:this.handleModalClose})}renderBillingPanel(e){const{spaceName:t,openState:r,promo:i}=e,a={personal:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionPlans.planName.personalPro",defaultMessage:"Personal Pro"}),team:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionPlans.planName.team",defaultMessage:"Team"}),enterprise:n.createElement(o.FormattedMessage,{id:"spaceSubscriptionPlans.planName.enterprise",defaultMessage:"Enterprise"})}[r.subscriptionTier];return n.createElement(n.Fragment,null,n.createElement("div",{style:{fontWeight:ee.a.fontWeight.semibold,fontSize:24,marginBottom:18}},t?n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.titleWithWorkspaceName",defaultMessage:"Subscribe {spaceName} to {planName}",values:{spaceName:t,planName:a}}):n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.titleWithoutWorkspaceName",defaultMessage:"Subscribe workspace to {planName}",values:{planName:a}})),this.renderBillingIntervalSection(r,i),this.renderCreditSection(r,i),this.renderPaymentMethodSection(r,i),this.renderControls(r,i))}renderBillingIntervalSection(e,t){const{productId:r}=g.default.pricing[e.subscriptionTier],{yearlyUnitPrice:i,monthlyUnitPrice:a}=this.getRenderData(e,t),s=this.getCurrentFormBillingInterval(e),l=1-i/(12*a),c=Gt.d(e.subscriptionTier,l),d=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.billingIntervalSection.title",defaultMessage:"Billing interval"});return this.props.shouldUseNewUpsellModal?n.createElement("div",{style:this.getSectionStyle()},n.createElement("div",{style:this.getSubheaderStyle()},n.createElement("div",null,d)),c.map(t=>{let{id:r,title:o,caption:i}=t;return n.createElement(n.Fragment,{key:r},this.renderRadioButton({title:o,caption:i,isSelected:s===r,onClick:()=>{Zm.a.setState(tg({},e,{temporaryBillingInterval:r}))}}))})):n.createElement(n.Fragment,null,n.createElement("div",{style:this.getSubheaderStyle()},n.createElement("div",{style:this.getNumberStyle()},"1"),n.createElement("div",null,d)),n.createElement("div",{style:{marginLeft:40}},Gt.A({environment:this.environment,productId:r,yearlyPlanAmount:i,monthlyPlanAmount:a,yearlySavingsPercent:l,currentBillingInterval:s,handleMonthlyBillingClick:()=>this.handleMonthlyBillingClick(e),handleYearlyBillingClick:()=>this.handleYearlyBillingClick(e)})))}renderCreditSection(e,t){const{data:r,intl:i}=this.props,{availableCredit:a}=r,{planAmount:s,creditAmount:l}=this.getRenderData(e,t),c=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.upgradeModal.creditSection.title",defaultMessage:"Apply credit"}),d=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.upgradeModal.creditSection.promotion.description",defaultMessage:"Promotion"}),u=n.createElement(o.FormattedMessage,{defaultMessage:"You're using more credit than needed right now, so we'll apply the difference ({creditAmountLeft}) as an account balance towards your future invoices.",id:"spaceSubscriptionUpgradeMenu.creditLeftover.message",values:{creditAmountLeft:n.createElement("b",null,Object(mo.b)({amount:l-s,currency:"dollar",intl:i}))}});return this.props.shouldUseNewUpsellModal?n.createElement(n.Fragment,null,n.createElement("div",{style:this.getSubheaderStyle()},n.createElement("div",null,c)),n.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:14}},n.createElement("div",{style:{width:80}},n.createElement(Yo,{availableCredit:a,onChange:t=>{Zm.a.setState(tg({},e,{temporaryUseCreditCents:t}))}})),n.createElement("div",{style:{whiteSpace:"nowrap",marginLeft:8,color:this.theme.mediumTextColor}},"/"," ",Object(mo.b)({amount:a,currency:"dollar",intl:i}))),t&&n.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:14,marginTop:12}},n.createElement("b",{style:{width:100}},d),n.createElement("div",{style:{color:this.theme.mediumTextColor}},this.renderPromoDescription(t))),l>s&&n.createElement("div",{style:{marginTop:12,fontSize:12,color:this.theme.mediumTextColor}},u)):n.createElement(n.Fragment,null,n.createElement("div",{style:tg({},this.getSubheaderStyle(),{marginTop:24})},n.createElement("div",{style:this.getNumberStyle()},"2"),n.createElement("div",null,c)),n.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:40,fontSize:14}},n.createElement("b",{style:{width:100}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.upgradeModal.creditSection.notionCredit.description",defaultMessage:"Notion credit"})),n.createElement(Yo,{availableCredit:a,onChange:t=>this.handleUseCreditAmountInputChange(e,t)}),n.createElement("div",{style:{whiteSpace:"nowrap",marginLeft:8,color:this.theme.mediumTextColor}},"/"," ",Object(mo.b)({amount:a,currency:"dollar",intl:i}))),t&&n.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:40,fontSize:14,marginTop:12}},n.createElement("b",{style:{width:100}},d),n.createElement("div",{style:{color:this.theme.mediumTextColor}},this.renderPromoDescription(t))),l>s&&n.createElement("div",{style:{marginLeft:40,marginTop:12,fontSize:12,color:this.theme.mediumTextColor}},u))}renderPaymentMethodSection(e,t){const r=this.getCurrentFormBillingType(e),{payAmount:i}=this.getRenderData(e,t),a=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionBilling.upgradeModal.paymentMethodSection.title",defaultMessage:"Payment method"}),s=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeMenu.paymentExplanation",defaultMessage:"Note: We still require your payment information in case you're out of credit during the next billing cycle. We will send you an email 7 days before charging you."});return this.props.shouldUseNewUpsellModal?n.createElement("div",{style:this.getSectionStyle()},n.createElement("div",{style:this.getSubheaderStyle()},n.createElement("div",null,a)),Gt.z.map(t=>{let{id:o,title:i,caption:a}=t;return n.createElement(n.Fragment,{key:o},this.renderRadioButton({title:i,caption:a,isSelected:r===o,onClick:()=>{Zm.a.setState(tg({},e,{temporaryBillingType:o}))}}))}),0===i&&n.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:12,color:this.theme.mediumTextColor}},s)):n.createElement(n.Fragment,null,n.createElement("div",{style:tg({},this.getSubheaderStyle(),{marginTop:24})},n.createElement("div",{style:this.getNumberStyle()},"3"),n.createElement("div",null,a)),n.createElement("div",{style:{marginLeft:40}},Gt.B({currentBillingType:r,hasExistingCreditCard:!1,handleUseCardClick:()=>this.handleUseCardClick(e),handleSendInvoiceClick:()=>this.handleSendInvoiceClick(e)})),0===i&&n.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:40,fontSize:12,fontWeight:ee.a.fontWeight.bold}},s))}renderRadioButton(e){const{title:t,caption:r,isSelected:o,onClick:i}=e;return n.createElement("div",{style:{cursor:"pointer"},onClick:i},n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(fa.a,{isSelected:o}),t),n.createElement("div",{style:{color:this.theme.mediumTextColor,fontSize:14,marginLeft:24,marginBottom:8}},r))}renderControls(e,t){const{intl:r}=this.props;return this.props.shouldUseNewUpsellModal?n.createElement(n.Fragment,null,n.createElement("div",{style:{flexGrow:1}}),n.createElement("div",{style:{borderTop:"1px solid ".concat(this.theme.regularDividerColor),marginTop:12}},n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:12}},n.createElement("div",{style:{fontSize:14,color:this.theme.mediumTextColor}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionUpgradeModal.dueToday.label",defaultMessage:"Due today",description:"Show after calculating what the user owes if they upgrade today, e.g. Due today | $5"})),n.createElement("div",{style:{fontSize:20,fontWeight:ee.a.fontWeight.semibold}},Object(mo.b)({amount:this.getRenderData(e,t).payAmount,currency:"dollar",intl:r}))),n.createElement("div",{style:{fontSize:12,paddingTop:18,paddingBottom:18,color:this.theme.mediumTextColor}},this.renderCalculationDescription(e,t)),t&&n.createElement("div",{style:{fontSize:14,paddingBottom:18,color:this.theme.mediumTextColor}},this.renderPromoCalculationDescription(t)),n.createElement("div",{style:{display:"flex"}},n.createElement(vt.a,{style:{flex:1,marginBottom:20},onClick:()=>this.handleUpgradeAccept(e,t),className:P.ub},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionUpgradeModal.continueButton.label",defaultMessage:"Continue"}))))):n.createElement("div",{style:{borderTop:"\n\t\t\t\t\t\t1px solid ".concat(this.theme.regularDividerColor,"\n\t\t\t\t\t"),marginTop:24}},n.createElement("div",{style:{fontSize:14,paddingTop:18,paddingBottom:18,color:this.theme.mediumTextColor}},this.renderCalculationDescription(e,t)),t&&n.createElement("div",{style:{fontSize:14,paddingBottom:18,color:this.theme.mediumTextColor}},this.renderPromoCalculationDescription(t)),n.createElement("div",{style:{display:"flex"}},n.createElement("div",{style:{fontSize:36,lineHeight:1}},Object(mo.b)({amount:this.getRenderData(e,t).payAmount,currency:"dollar",intl:r})),n.createElement("div",{style:{fontSize:12,color:this.theme.mediumTextColor,marginLeft:8,alignSelf:"flex-end"}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.totalCharge.Label",defaultMessage:"total",description:"The label for the total amount we'll charge a user to upgrade their workspace. It appears right after the amount, e.g. '$100 total'."})),n.createElement(St.a,{isLarge:!0,onClick:this.handleModalClose,style:{marginLeft:"auto",marginRight:12,minWidth:90}},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.cancelButton.label",defaultMessage:"Cancel"})),n.createElement(vt.a,{isLarge:!0,style:{minWidth:90},onClick:()=>this.handleUpgradeAccept(e,t),className:P.ub},n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.payButton.label",defaultMessage:"Pay"}))))}renderCalculationDescription(e,t){var r=this;const{intl:i}=this.props,{productId:a}=g.default.pricing[e.subscriptionTier],{yearlyUnitPrice:s,monthlyUnitPrice:l,creditAmount:c,accountBalance:d}=this.getRenderData(e,t),u=this.getCurrentFormBillingInterval(e),p=this.getMemberCount(),h=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.memberPluralForm",defaultMessage:"{memberCount, plural, one {{memberCount} member} other {{memberCount} members}}",values:{memberCount:p}});let m;return c>0&&d<0?m=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.chargeSummary.creditsAndBalanceAdjustment",defaultMessage:"We've also subtracted {creditAmountInDollars} credit and {accountBalanceInDollars} workspace balance from your bill.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),o=0;o0?m=n.createElement(o.FormattedMessage,{id:"spaceSubscriptionSettings.upgradeModal.chargeSummary.creditsAdjustment",defaultMessage:"We've also subtracted {creditAmountInDollars} credit from your bill.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),o=0;o{accountBalanceInDollars} workspace balance from your bill.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),o=0;o{chargeAmount} per month, times 12 months.} other {You will be charged {chargeAmount} per month.}}",values:{billedYearly:"year"===u,bold:function(){for(var e=arguments.length,t=new Array(e),o=0;o{chargeAmount} per member per month for {pluralizedMembers}, times 12 months.} other {You will be charged for {chargeAmount} per member per month for {pluralizedMembers}.}}",values:{billedYearly:"year"===u,bold:function(){for(var e=arguments.length,t=new Array(e),o=0;o{this.unlock=!0,this.forceUpdate()}}willMountOrUpdate(){"on"===ar.default.getGroup(this.environment,"hello-jane")?this.loadKonami():this.unloadKonami()}loadKonami(){var e,t;this.konami||(this.konami=(e=this.handleSuccess,(t={addEvent:function(e,t,r){e.addEventListener(t,r,!1)},removeEvent:function(e,t,r){e.removeEventListener(t,r)},input:"",pattern:"38384040373937396665",keydownHandler:function(r){if(t.input+=r.keyCode,t.input.length>t.pattern.length&&(t.input=t.input.substr(t.input.length-t.pattern.length)),t.input===t.pattern)return e(),t.input="",r.preventDefault(),!1},load:function(){this.addEvent(document,"keydown",this.keydownHandler)},unload:function(){this.removeEvent(document,"keydown",this.keydownHandler)}}).load(),t))}unloadKonami(){this.konami&&(this.konami.unload(),this.konami=void 0)}renderComponent(){if(this.unlock)return n.createElement("img",{className:"nyan",style:{position:"fixed",top:"calc(50vh - 100px)",zIndex:1e3,left:"50%",animationName:"leftoright",animationDuration:"9s",animationIterationCount:"infinite"},src:ko.a.images.nyancatGif})}}var ag=ig;class sg extends b.a{constructor(){super(...arguments),this.appRenderState=this.createComputedStore(()=>It.a(this.environment)),this.handleFrameBlockerClick=()=>{C.close()},this.showHelpButtonStore=this.createComputedStore(()=>{if(!this.environment.currentUser.isLoggedIn())return!1;if(this.environment.device.isMobile)return!1;const{currentBlockStore:e}=$.default.state;return!!e&&!Object(Zu.f)(this.environment,e)}),this.frameBlockerStyle={position:"absolute",top:0,left:Object(gs.c)(this.environment),right:0,bottom:0,zIndex:f.m}}renderComponent(){const{isElectronMac:e,isMobile:t}=this.environment.device,{currentBlockStore:r,currentSpaceStore:o,currentUserRootStore:i,currentCollectionViewStore:a}=$.default.state,{publicPageData:s}=np.a.state,l=this.environment.currentUser.isLoggedIn(),c=Qs.c.state,d=Object(gs.f)(this.environment),{state:{shouldShowSidebar:u,shouldShowFrame:p,shouldShowError:h}}=this.appRenderState;return n.createElement(M,{style:this.getStyle()},u&&!t&&n.createElement(yc,{isElectronMac:e,isExpanded:d}),u&&t&&n.createElement(Zc,null),r&&p&&n.createElement(O.a,{routerState:this.props.routerState,store:r,collectionViewStore:a}),h&&s&&n.createElement(jd,{route:this.props.routerState.route,publicPageData:s}),u&&!Object(gs.a)(this.environment)&&c&&this.renderMobileSidebarFrameBlocker(),this.showHelpButtonStore.state&&n.createElement(Ic,{isMobile:!1}),this.shouldShowMobileBottomBar()&&l&&r&&o&&n.createElement(rp.a,{store:r}),!t&&n.createElement(Qc.a,{route:this.props.routerState.route}),l&&n.createElement(od,null),l&&n.createElement(au,null),l&&n.createElement(Cu,null),l&&n.createElement(Lu,null),l&&n.createElement(Vu,null),l&&n.createElement(Hu,null),l&&o&&Rr.default.state.data&&n.createElement(og,{spaceStore:o,data:Rr.default.state.data,shouldUseNewUpsellModal:"on"===ar.default.getGroup(this.environment,"new-upsell-modal")}),r&&n.createElement(Km,{parentStore:i||r}),n.createElement(sp,null),n.createElement(tp,null),n.createElement(Jc.a,null),n.createElement(ag,null))}renderMobileSidebarFrameBlocker(){return n.createElement("div",{style:this.frameBlockerStyle,onClick:this.handleFrameBlockerClick})}shouldShowMobileBottomBar(){const{isTablet:e,isReactNative:t,isIOS:r}=this.environment.device;return t&&r&&!e}getStyle(){return{width:"100vw",height:"100%",position:"relative",display:"flex",flex:1,background:this.theme.contentBackground}}}var lg=sg;function cg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function dg(e){for(var t=1;t{this.stores.loginStore.setState({loginType:"google",email:"",password:""})},this.openIntercom=()=>{Jt.a({environment:this.environment,from:"mobile_login"})}}willMount(e){super.willMount(e),"email"===this.stores.loginStore.state.loginType&&this.stores.loginStore.setState(dg({},this.stores.loginStore.state,{loginType:"google"}))}didMount(){this.environment.currentUser.isLoggedIn()&&c.navigate({environment:this.environment,url:"/",redirect:!0})}renderComponent(){const{loginStore:e}=this.stores,t=e.isEmail()||e.isPassword();return n.createElement(Ae.b,{style:hg.scrollerStyle,type:Ae.b.OverflowType.Y},n.createElement("div",{style:this.getScrollContainerStyle()},n.createElement(dn.a,{isGray:!0,onClick:this.handleReset,icon:A.a.backward,style:{marginTop:36,marginBottom:12,display:t?"flex":" none"}},n.createElement(o.FormattedMessage,{defaultMessage:"Go back",id:"loginMobileNative.goBackButton.label"})),"light"===this.theme.mode?A.a.notionLogo(dg({},pg,{display:t?"none":"block"})):A.a.notionLogoStroked(dg({},pg,{display:t?"none":"block"})),n.createElement("div",{style:{lineHeight:1.4,fontSize:18,color:m.f.black,display:t?"none":" block"}},n.createElement("div",{style:{fontWeight:ee.a.fontWeight.bold,marginBottom:16,color:this.theme.regularTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"Welcome to Notion! 👋",id:"loginMobileNative.welcomeMessage"})),n.createElement("div",{style:{marginBottom:20,color:this.theme.regularTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"Notion is a collaborative tool for notes, tasks, and wikis",values:{mediumfont:function(){for(var e=arguments.length,t=new Array(e),r=0;r{Jt.a({environment:this.environment,from:"desktop_login"})}}didMount(){this.environment.currentUser.isLoggedIn()&&c.navigate({environment:this.environment,url:"/",redirect:!0})}renderComponent(){const{device:e}=this.environment,t=e.isMac?n.createElement(o.FormattedMessage,{id:"desktopLogin.welcomeMessage.mac",defaultMessage:"Welcome to Notion",values:{isMacApp:e.isMac}}):n.createElement(o.FormattedMessage,{id:"desktopLogin.welcomeMessage.windows",defaultMessage:"Welcome to Notion",values:{isMacApp:e.isMac}});return n.createElement("div",{style:gg.style},n.createElement("div",{style:{display:"flex",width:440}},A.a.notionLogoStroked({width:64,height:64,display:"block",flexGrow:0,flexShrink:0,marginTop:4}),n.createElement("div",{style:{flexGrow:1,marginLeft:24,lineHeight:1.4}},n.createElement("div",{style:{fontWeight:ee.a.fontWeight.semibold,fontSize:21}},t),n.createElement("div",{style:{fontSize:18}},n.createElement(o.FormattedMessage,{id:"desktopLogin.loginOrSignupToSyncMessage",defaultMessage:"Log in to sync your content."})))),this.shouldRenderUpgradeWarning()?this.renderUpgradeWarning():this.renderLoginAction(),this.renderFooter())}renderUpgradeWarning(){const{device:e}=this.environment,t=e.isMac?n.createElement(o.FormattedMessage,{id:"desktopLogin.upgradeWarning.appOutOfDateMessage.mac",defaultMessage:"Your Mac app is out of date.",values:{isMacApp:e.isMac}}):n.createElement(o.FormattedMessage,{id:"desktopLogin.upgradeWarning.appOutOfDateMessage.windows",defaultMessage:"Your Windows app is out of date.",values:{isMacApp:e.isMac}}),r=e.isMac?n.createElement(o.FormattedMessage,{id:"desktopLogin.upgradeWarning.upgradeInstructions.mac",defaultMessage:"Please download and reinstall your Mac app.",values:{isMacApp:e.isMac}}):n.createElement(o.FormattedMessage,{id:"desktopLogin.upgradeWarning.upgradeInstructions.windows",defaultMessage:"Please download and reinstall your Windows app.",values:{isMacApp:e.isMac}});return n.createElement("div",{style:{maxWidth:440,paddingTop:20,textAlign:"center"}},n.createElement("span",{style:{color:m.f.frontRed}},t),n.createElement("br",null),n.createElement(er.a,{href:e.isMac?Object(sr.a)("guides.reinstallMac"):Object(sr.a)("guides.reinstallWindows"),external:!0},r))}renderLoginAction(){return n.createElement(Al,Object.assign({style:{width:320,marginTop:24},emailPasscodePlaceholderType:"enter_code",emailLabelType:"email",emailInputAutoFocus:!0},this.stores))}renderFooter(){return n.createElement("div",{style:gg.footerStyle},n.createElement(ns.a,{onClick:this.openIntercom},n.createElement(_t.a,null,n.createElement(o.FormattedMessage,{id:"desktopLogin.footer.helpCenterLink",defaultMessage:"Need help?"}))),n.createElement(ns.a,{style:{marginLeft:4},href:u.mb,external:!0},n.createElement(_t.a,null,n.createElement(o.FormattedMessage,{id:"desktopLogin.footer.privacyAndTermsLink",defaultMessage:"Privacy & Terms"}))),n.createElement(_t.a,{style:{marginLeft:4},disabled:!0},"© ",Object(po.a)().year()," ","Notion Labs, Inc."))}shouldRenderUpgradeWarning(){const{device:e}=this.environment;if("production"===g.default.env){const t=d.getDesktopVersion();if(e.isElectron&&t&&(Object(Oc.isLessThanVersion)(t,[0,3,0])||Object(Oc.isEqualVersion)(t,[0,3,0])))return!0}return!1}}gg.style={width:"100vw",height:"100vh",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",userSelect:"none",WebkitUserSelect:"none"},gg.footerStyle={display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1.2,position:"fixed",bottom:16,left:0,right:0};var fg=gg,bg=r("uux+");class yg extends b.a{renderComponent(){const{device:e}=this.environment;return this.environment.currentUser.isLoggedIn()?n.createElement("div",{style:yg.style},n.createElement(R.a,{style:{width:"100%",height:"100%"},spinnerSize:O.a.spinnerSize,showSpinnerTimeout:500})):e.isElectron?n.createElement(fg,null):e.isReactNative?n.createElement(mg,null):n.createElement(bg.a,null)}}yg.style={position:"absolute",top:0,left:0,bottom:0,right:0};var vg=yg,Sg=r("G4cA");function wg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function kg(e){for(var t=1;t{if("invoiceById"===this.props.route.name){const e=await Re.getInvoiceData(this.environment,{type:"invoice",invoiceId:this.props.route.invoiceId});if("failed"===e.type)throw e.error;return e.data}{const e=await Re.getInvoiceData(this.environment,{type:"upcoming",spaceId:this.props.route.spaceId});if("failed"===e.type)throw e.error;return e.data}},this.renderResult=(e,t)=>{if(e)return n.createElement("div",{style:{padding:48,textAlign:"center"}},n.createElement("div",{style:{lineHeight:"32px"}},n.createElement(o.FormattedMessage,{id:"invoiceErrors.invoiceNotFound.title",defaultMessage:"Invoice not found"})),n.createElement(xt.a,{isSmall:!0},n.createElement(o.FormattedMessage,{id:"invoiceErrors.invoiceNotFound.message",defaultMessage:"You may need to log in to view it.",values:{loginlink:function(){for(var e=arguments.length,t=new Array(e),r=0;r{switch(e){case"paid":return n.createElement(o.FormattedMessage,{id:"invoice.status.paid",defaultMessage:"Paid"});case"not_paid":return n.createElement(o.FormattedMessage,{id:"invoice.status.not_paid",defaultMessage:"Not paid"});case"upcoming":return n.createElement(o.FormattedMessage,{id:"invoice.status.upcoming",defaultMessage:"Upcoming - not due yet"})}},this.renderCharge=(e,t)=>{const r=Object(m.j)(),{intl:i}=this.props;if("base"===e.type){const o=this.renderProductName(e.productId,"other");return n.createElement("tr",{key:t},n.createElement("td",{style:{paddingRight:18,color:r.mediumTextColor,paddingBottom:8}},Object(po.a)(e.start).format("LL")," ","–",n.createElement("br",null),Object(po.a)(e.end).format("LL")),n.createElement("td",{style:{paddingRight:18}},this.renderBasicCharge(o,e.planAmount,e.planInterval,e.quantity)),n.createElement("td",{style:{marginLeft:"auto",textAlign:"right"}},Object(mo.b)({amount:e.amount,currency:"dollar",alwaysShowCents:!0,intl:i})))}if("proration"===e.type){const a=this.renderProductName(e.previousProductId,e.previousPlanInterval),s=this.renderProductName(e.productId,e.planInterval);return n.createElement("tr",{key:t},n.createElement("td",{style:{paddingRight:18,color:r.mediumTextColor,paddingBottom:8}},Object(po.a)(e.start).format("LL")),n.createElement("td",{style:{paddingRight:18}},e.productId!==e.previousProductId&&n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.proratedCharge.switchedProducts",defaultMessage:"Switched to {newProductName} (from {oldProductName})",values:{newProductName:s,oldProductName:a}})),e.planInterval!==e.previousPlanInterval&&n.createElement("div",null,"year"===e.planInterval?n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.proratedCharge.switchedBillingInterval.fromMonthlyToYearly",defaultMessage:"Changed to yearly billing (from monthly billing)"}):n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.proratedCharge.switchedBillingInterval.fromYearlyToMonthly",defaultMessage:"Changed to monthly billing (from yearly billing)"})),e.quantity!==e.previousQuantity&&n.createElement("div",null,this.renderMemberAdditionOrRemoval(e.quantity,e.previousQuantity,s)," ",this.renderMemberChange(e.quantity,e.previousQuantity))),n.createElement("td",{style:{marginLeft:"auto",textAlign:"right"}},Object(mo.b)({amount:e.amount,currency:"dollar",alwaysShowCents:!0,intl:i})," "))}}}renderComponent(){const e="invoiceById"===this.props.route.name?this.props.route.invoiceId:"upcoming";return n.createElement(Dt.a,{key:e,request:e,performRequest:this.performRequest,render:this.renderResult})}renderInvoice(e,t){this.spaceStore=this.spaceStore||new Sg.a(this.environment,t.spaceId);const r=Object(lr.getSpaceName)(this.environment,this.spaceStore),i=Object(po.a)(t.date).format("LL"),{intl:a}=this.props;document.title=this.props.intl.formatMessage({id:"invoice.pdf.title",defaultMessage:"Notion Invoice {date}"},{date:i});const s=t.items.filter(e=>e.proration),l=t.items.filter(e=>!e.proration),c=[];for(const n of s){const e=c.find(e=>e[0].start===n.start);e?e.push(n):c.push([n])}const d=[];for(const n of c){const{start:e}=n[0],t=n.reduce((e,t)=>e+t.amount,0);let r=[];for(const a of n){const e=r.find(e=>e.amount===-a.amount);e?r=Fe.without(r,e):r.push(a)}let o=r.find(e=>Math.sign(e.amount)===Math.sign(t)),i=r.find(e=>Math.sign(e.amount)!==Math.sign(t));o&&(void 0===i&&(i=o,o=kg({},i,{planInterval:"month"===i.planInterval?"year":"month"})),d.push({type:"proration",start:e,productId:o.productId,quantity:o.quantity,planAmount:o.planAmount,planInterval:o.planInterval,amount:t,previousProductId:i.productId,previousQuantity:i.quantity,previousPlanInterval:i.planInterval}))}for(const n of l)d.push({type:"base",start:n.start,end:n.end,productId:n.productId,quantity:n.quantity,planAmount:n.planAmount,planInterval:n.planInterval,amount:n.amount});const u=Object(m.j)();return n.createElement("div",{className:"notion-invoice",style:{padding:48,fontSize:14,height:"100vh",overflow:"auto",WebkitOverflowScrolling:"touch",background:u.contentBackground,color:u.regularTextColor}},A.a.notionLogo({width:48,height:48,marginBottom:24,color:u.regularTextColor}),n.createElement(ht.a,null,n.createElement(o.FormattedMessage,{id:"invoice.title",defaultMessage:"Notion Invoice & Receipt"})),n.createElement(xt.a,{isSmall:!0},"Notion Labs, Inc.",n.createElement("br",null),"548 Market St #74567,",n.createElement("br",null),"San Francisco, CA 94104-5401",n.createElement("br",null),"United States"),n.createElement(St.a,{style:{marginTop:12},onClick:()=>window.print(),className:"notion-print-ignore"},n.createElement(o.FormattedMessage,{id:"invoice.printOrExportButton.label",defaultMessage:"Print/export as PDF"})),n.createElement(it.a,{size:51}),n.createElement(mt.a,{hasMarginTop:!1},n.createElement(o.FormattedMessage,{id:"invoice.date.label",defaultMessage:"Invoice date"})),i,n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.payment.label",defaultMessage:"Payment"})),this.renderInvoiceStatus(t.status),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.invoiceID.label",defaultMessage:"Invoice ID"})),e||n.createElement(o.FormattedMessage,{id:"invoice.invoiceID.upcomingInvoicePlaceholder",defaultMessage:"Upcoming",description:"The placeholder for an invoice ID if we haven't started billing for the invoice yet."}),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.workspaceName.label",defaultMessage:"Workspace name"})),r,n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.recipient.label",defaultMessage:"To",description:"Label for the part of the invoice where we list the invoice recipient"})),t.customer.name,t.customer.name&&n.createElement("br",null),t.customer.businessName,t.customer.businessName&&n.createElement("br",null),t.customer.email,t.customer.email&&n.createElement("br",null),t.customer.addressLine1,t.customer.addressLine1&&" ",t.customer.addressLine2,(t.customer.addressLine1||t.customer.addressLine2)&&n.createElement("br",null),t.customer.city," ",t.customer.state," ",t.customer.country," ",t.customer.zipCode,t.customer.vatId&&n.createElement(n.Fragment,null,n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.VATID.label",defaultMessage:"VAT ID",description:"Label for the part of the invoice where we list the user's VAT (value added tax) ID"})),t.customer.vatId),n.createElement(it.a,{size:51}),n.createElement("table",null,s.length>0&&n.createElement("tr",null,n.createElement("th",{colSpan:3,style:Og.tableHeaderResetStyle},n.createElement(mt.a,{hasMarginTop:!1},n.createElement(o.FormattedMessage,{defaultMessage:"Prorations",id:"invoice.chargeItems.proratedCharges.header"})),n.createElement("p",{style:this.getCalloutStyle()},n.createElement(o.FormattedMessage,{id:"invoice.chargeItems.proratedCharges.description",defaultMessage:"One-time adjustments, incurred due to subscription changes made during the billing cycle covered by the previous invoice."})))),d.filter(e=>"proration"===e.type).map(this.renderCharge),l.length>0&&n.createElement("tr",null,n.createElement("th",{colSpan:3,style:Og.tableHeaderResetStyle},n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.chargeItems.periodicCharges.title",defaultMessage:"Periodic charges",description:"Title for the section of the invoice where we list charges that are incurred every billing cycle."})),n.createElement("p",{style:this.getCalloutStyle()},n.createElement(o.FormattedMessage,{id:"invoice.chargeItems.periodicCharges.description",defaultMessage:"Will incur every billing cycle unless adjustments are made.",description:"Description of charges that are incurred every billing cycle (e.g. every month or every year)."})))),d.filter(e=>"base"===e.type).map(this.renderCharge),n.createElement("tr",null,n.createElement("th",{colSpan:3,style:Og.tableHeaderResetStyle},n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.chargeItems.summary.label",defaultMessage:"Summary",description:"Summary of charges incurred - contains the total amount charged for this billing cycle."})))),0!==t.startingBalance&&n.createElement("tr",null,n.createElement("td",{colSpan:2,style:{marginRight:18}},n.createElement(o.FormattedMessage,{id:"invoice.chargeItems.subtotal.label",defaultMessage:"Subtotal"})),n.createElement("td",{style:{marginLeft:"auto",textAlign:"right"}},Object(mo.b)({amount:t.total,currency:"dollar",alwaysShowCents:!0,intl:a})," ")),0!==t.startingBalance&&n.createElement("tr",null,n.createElement("td",{colSpan:2,style:{marginRight:18}},n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.creditApplied.label",defaultMessage:"Credit applied",description:"Label for the part of the invoice where we account for any Notion credits the user applied towards their bill in this billing cycle."})),n.createElement("td",{style:{marginLeft:"auto",textAlign:"right"}},Object(mo.b)({amount:t.startingBalance,currency:"dollar",alwaysShowCents:!0,intl:a})," ")),n.createElement("tr",null,n.createElement("td",{colSpan:2,style:{marginRight:18}},n.createElement(o.FormattedMessage,{id:"invoice.total.label",defaultMessage:"Total"})),n.createElement("td",{style:{marginLeft:"auto",textAlign:"right"}},Object(mo.b)({amount:t.total+t.startingBalance,currency:"dollar",alwaysShowCents:!0,intl:a})," "))),n.createElement(it.a,{size:51}),n.createElement(mt.a,{hasMarginTop:!1},n.createElement(o.FormattedMessage,{id:"invoice.amountPaid.label",defaultMessage:"Amount paid"})),Object(mo.b)({amount:Math.max(0,t.amountPaid),currency:"dollar",intl:a}),n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{id:"invoice.amountDue.label",defaultMessage:"Amount due"})),Object(mo.b)({amount:Math.max(0,t.amountRemaining),currency:"dollar",intl:a}),null!==t.endingBalance&&(0!==t.startingBalance||t.endingBalance<0)&&n.createElement(n.Fragment,null,n.createElement(mt.a,{hasMarginTop:!0},n.createElement(o.FormattedMessage,{defaultMessage:"Workspace credit balance",id:"invoice.creditBalance.header"})),Object(mo.b)({amount:-t.endingBalance,currency:"dollar",intl:a})),n.createElement(it.a,{size:51,className:"notion-print-ignore"}),n.createElement(Tt.a,{title:n.createElement(o.FormattedMessage,{id:"invoice.helpButton.label",defaultMessage:"Learn about billing cycle, pro-rated charges for added members, account credits and more."}),href:Object(sr.a)("guides.billingAndPayment"),analyticsFrom:"invoices"}))}renderBasicCharge(e,t,r,i){const{intl:a}=this.props;return t?"month"===r?n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.basicCharge.withMonthlyAmount",defaultMessage:"{numberOfMembers, plural, one {{productName} (at {planAmount} per month) × {numberOfMembers} member} other {{productName} (at {planAmount} per month) × {numberOfMembers} members}}",description:"Invoice line item for a basic charge incurred for a Notion plan. Example: 'Notion Enterprise (at $10 per month) × 1 member'",values:{productName:e,planAmount:Object(mo.b)({amount:t,currency:"dollar",intl:a}),numberOfMembers:i}}):n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.basicCharge.withYearlyAmount",defaultMessage:"{numberOfMembers, plural, one {{productName} (at {planAmount} per year) × {numberOfMembers} member} other {{productName} (at {planAmount} per year) × {numberOfMembers} members}}",description:"Invoice line item for a basic charge incurred for a Notion plan. Example: 'Notion Enterprise (at $100 per year) × 1 member'",values:{productName:e,planAmount:Object(mo.b)({amount:t,currency:"dollar",intl:a}),numberOfMembers:i}}):n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.basicCharge.withoutPlanAmount",defaultMessage:"{numberOfMembers, plural, one {{productName} × {numberOfMembers} member} other {{productName} × {numberOfMembers} members}}",description:"Invoice line item for a basic charge incurred for a Notion plan. Example: 'Notion Enterprise × 1 member'",values:{productName:e,planInterval:r,numberOfMembers:i}})}renderMemberAdditionOrRemoval(e,t,r){const i=e-t;return i<0?n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.changedNumberOfMembers.membersRemoved",defaultMessage:"{numberOfMembersRemoved, plural, one {Removed {numberOfMembersRemoved} member from {productName}} other {Removed {numberOfMembersRemoved} members from {productName}}}",description:"Part of invoice line item where we explain that members were removed from a workspace. Example: 'Removed 2 members from Notion Enterprise Yearly'",values:{numberOfMembersRemoved:i,productName:r}}):n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.changedNumberOfMembers.membersAdded",defaultMessage:"{numberOfMembersAdded, plural, one {Added {numberOfMembersAdded} member to {productName}} other {Added {numberOfMembersAdded} members to {productName}}}",description:"Part of invoice line item where we explain that members were added to a workspace. Example: 'Added 2 members to Notion Enterprise Yearly'",values:{numberOfMembersAdded:i,productName:r}})}renderMemberChange(e,t){return n.createElement(o.FormattedMessage,{id:"invoice.chargeItem.changedNumberOfMembers.memberChange",defaultMessage:"(from {oldTotalMembers} to {newTotalMembers})",description:"Part of an invoice line item describing a change in workspace members. {oldTotalMembers} and {newTotalMembers} have been formatted as plurals already. Example: '(from 1 member to 11 members)'",values:{oldTotalMembers:this.renderMemberPlural(t),newTotalMembers:this.renderMemberPlural(e)}})}renderMemberPlural(e){return n.createElement(o.FormattedMessage,{id:"invoice.memberCount",defaultMessage:"{numberOfMembers, plural, one {{numberOfMembers} member} other {{numberOfMembers} members}}",values:{numberOfMembers:e}})}renderProductName(e,t){const r=Gt.j(e);switch(r){case"personal":return n.createElement(o.FormattedMessage,{id:"invoice.productName.personal",defaultMessage:"{billingInterval, select, month {Notion Personal Monthly} year {Notion Personal Yearly} other {Notion Personal}}",description:"The name of the Personal product that we'll use on the invoice. Example usage in line item: 'Notion Personal (at $10 per month) × 10 members: $100'",values:{billingInterval:t}});case"personal_education":return n.createElement(o.FormattedMessage,{id:"invoice.productName.personalEducation",defaultMessage:"{billingInterval, select, month {Notion Personal Pro (Education) Monthly} year {Notion Personal Pro (Education) Yearly} other {Notion Personal Pro (Education)}}",description:"The name of the Personal Pro (Education) product that we'll use on the invoice. Example usage in line item: 'Notion Personal (at $10 per month) × 10 members: $100'",values:{billingInterval:t}});case"team":return n.createElement(o.FormattedMessage,{id:"invoice.productName.team",defaultMessage:"{billingInterval, select, month {Notion Team Monthly} year {Notion Team Yearly} other {Notion Team}}",description:"The name of the Team product that we'll use on the invoice. Example usage in line item: 'Notion Team (at $10 per month) × 10 members: $100'",values:{billingInterval:t}});case"enterprise":return n.createElement(o.FormattedMessage,{id:"invoice.productName.enterprise",defaultMessage:"{billingInterval, select, month {Notion Enterprise Monthly} year {Notion Enterprise Yearly} other {Notion Enterprise}}",description:"The name of the Enterprise product that we'll use on the invoice. Example usage in line item: 'Notion Enterprise (at $10 per month) × 10 members: $100'",values:{billingInterval:t}});case"legacy":return n.createElement(o.FormattedMessage,{id:"invoice.productName.legacy",defaultMessage:"{billingInterval, select, month {Notion Legacy Monthly} year {Notion Legacy Yearly} other {Notion Legacy}}",description:"The name of the Legacy product that we'll use on the invoice. Example usage in line item: 'Notion Legacy (at $10 per month) × 10 members: $100'",values:{billingInterval:t}});default:return fo.e(r),n.createElement(n.Fragment,null)}}getCalloutStyle(){const e=Object(m.j)();return{maxWidth:"40em",marginTop:12,fontSize:12,background:e.sidebarBackground,padding:"6px 8px",color:e.mediumTextColor,borderRadius:3,border:"1px solid ".concat(e.outlineButtonBorder)}}}Og.tableHeaderResetStyle={fontWeight:ee.a.fontWeight.regular,textAlign:"left"};var Eg=Object(o.injectIntl)(Og);class Cg extends b.a{renderComponent(){return n.createElement("div",{style:Cg.wrapStyle},n.createElement(H.a,{href:"/",innerStyle:Cg.logoWrapStyle},"light"===this.theme.mode?A.a.notionLogo(Cg.logoStyle):A.a.notionLogoStroked(Cg.logoStyle)),n.createElement("div",{style:Cg.messageStyle},this.props.children))}}Cg.wrapStyle={width:"100vw",height:"90vh",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"},Cg.messageStyle={maxWidth:320,paddingLeft:18,paddingRight:18},Cg.logoWrapStyle={padding:8,borderRadius:3,marginBottom:2},Cg.logoStyle={width:42,height:42,flexShrink:0,flexGrow:0};var Pg=Cg;class Tg extends b.a{constructor(){super(...arguments),this.handleOpenInNativeApp=()=>{c.openInNativeApp({url:this.props.redirect,environment:this.environment})}}didMount(){this.handleOpenInNativeApp()}renderComponent(){return n.createElement(Pg,null,n.createElement("div",{style:{color:this.theme.regularTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"Redirecting to your Notion app…",id:"webApp.redirectingToDesktop.message"})),n.createElement(H.a,{onClick:this.handleOpenInNativeApp,style:{maxWidth:300,textAlign:"center",textDecoration:"underline",color:this.theme.lightTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"If you weren't redirected, click here.",id:"webApp.redirectingToDesktop.directLink.message"})),n.createElement(H.a,{href:this.props.redirect,style:{maxWidth:300,textAlign:"center",textDecoration:"underline",color:m.f.uiGray}},n.createElement(o.FormattedMessage,{defaultMessage:"Or, continue in your browser",id:"webApp.redirectingToDesktop.continueInBrowser.message"})))}}var jg=Tg,xg=r("+LO1"),Ig=r("80on");function Dg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Bg(e){for(var t=1;t{const{message:e,items:t,showCancel:r}=Ig.a.state,i=t.map((e,t)=>({key:t,render:t=>n.createElement(St.a,Object.assign({isLarge:!0,hovered:t.focused,style:{width:"100%",marginTop:8},isRed:"red"===e.color,isBlue:"blue"===e.color},t),e.label||"Label"),action:()=>{e.onAccept&&(e.onAccept(),Ve.dismissDialog())}}));return r&&i.push({key:"cancel",render:e=>n.createElement(St.a,Object.assign({isLarge:!0,hovered:e.focused,style:{width:"100%",marginTop:8}},e),n.createElement(o.FormattedMessage,{id:"genericDialogModal.cancelButton.label",defaultMessage:"Cancel",description:"The Cancel button that appears on a modal that we show a user when they're about to do something that requires confirmation, like permanently deleting a page or disconnecting an account. Clicking this button lets them cancel their action and go back to where they were before, while clicking a different button lets them confirm and complete their action."})),action:()=>{this.handleCancel()}}),n.createElement(tc.a,{capture:!0},n.createElement("div",null,e&&n.createElement("div",{style:{minHeight:64,display:"flex",alignItems:"center",justifyContent:"center"}},e),n.createElement(Ar.a,{type:Ar.a.Type.Vertical,initialFocus:0,sections:[{key:"dialog",render:e=>n.createElement(Fr.a,Object.assign({},e)),items:i}]})))},this.handleDismiss=()=>{const{disableBackgroundDismiss:e}=Ig.a.state;e||this.handleCancel()},this.handleCancel=()=>{Ve.dismissDialog();const{handleCancel:e}=Ig.a.state;return e&&e(),!1}}renderComponent(){const{open:e,innerStyle:t,keepFocus:r}=Ig.a.state;return n.createElement(at.a,{open:e,keepFocus:r,overlayZIndex:f.a,onDismiss:this.handleDismiss,preventHideChildrenWhileOpening:!0,innerStyle:Bg({overflow:"hidden",borderRadius:3,padding:"24px 32px",width:336,fontSize:16,boxShadow:this.theme.largeBoxShadow,background:this.theme.contentBackground,marginLeft:24,marginRight:24},t),render:this.renderModal})}}var Lg=Ag;function Fg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Rg(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Ng extends b.a{constructor(){super(...arguments),this.handleContainerRef=e=>{this.props.store.setState(function(e){for(var t=1;t{Object(T.d)({event:e,context:T.a.SidebarMouseMove,callback:()=>{}})}}renderComponent(){return n.createElement("div",{ref:this.handleContainerRef,className:this.props.isDefault?"".concat(P.db," ").concat(P.t):P.db,style:this.getContainerStyle(),onMouseMove:this.handleMouseMove},n.createElement("div",{style:{position:"relative",zIndex:0}}))}getContainerStyle(){return{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:this.props.zIndex,pointerEvents:"none",overflow:"hidden"}}}var Vg=Ng,Ug=r("5qOl");class Yg extends b.a{constructor(){super(...arguments),this.renderModal=()=>{const e=Ug.a.state;if(e.open)return n.createElement("div",{style:this.getStyle()},n.createElement(pe.a,null),n.createElement("div",{style:this.getMessageStyle()},e.message))}}renderComponent(){const e=Ug.a.state;return n.createElement(at.a,{open:e.open,render:this.renderModal,overlayZIndex:f.j})}getStyle(){return{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minWidth:180,padding:"18px 24px 20px"}}getMessageStyle(){return{fontSize:14,marginTop:8,color:this.theme.mediumTextColor}}}var Wg=Yg,Xg=r("ju2U"),zg=r("UiOz"),qg=r("5JRq");class Hg extends b.a{constructor(){super(...arguments),this.renderComponent=()=>{const{isMobile:e}=this.environment.device;return n.createElement(be.a,{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:e?"flex-start":"center"},onClick:this.props.onClick,mobileFeedback:!0},A.a.mobileNewFeatures({width:e?26:22,marginRight:e?12:8}),n.createElement("div",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},n.createElement(o.FormattedMessage,{defaultMessage:"Update and see what's new",id:"updateBanner.updateAvailableBanner.message"})))}}}var Gg=Hg,Kg=r("oOAt"),Zg=r("h5Kq"),Jg=r("Uy0f");function Qg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function $g(e){for(var t=1;t{const{AppUpdateStore:e}=this.environment;e.setState({appUpdate:e.state.appUpdate,electronUpdate:{state:"checking"}})},this.handleElectronUpdateError=(e,t)=>{const{AppUpdateStore:r}=this.environment;r.setState({appUpdate:r.state.appUpdate,electronUpdate:{state:"error",error:t}})},this.handleElectronUpdateNotAvailable=()=>{const{AppUpdateStore:e}=this.environment;e.setState({appUpdate:e.state.appUpdate,electronUpdate:{state:"no-update",timestamp:Date.now()}})},this.handleElectronUpdateAvailable=(e,t)=>{const{AppUpdateStore:r}=this.environment,n=Object(Oc.parseVersion)(t.version),o=d.getDesktopVersion(),i=Object(Oc.getUpdateType)({currentVersion:o,nextVersion:n});r.setState({appUpdate:r.state.appUpdate,electronUpdate:{state:"downloading",type:i,version:n,timestamp:Date.now(),progress:0}})},this.handleElectronUpdateProgress=(e,t)=>{const{AppUpdateStore:r}=this.environment,n=r.state;n.electronUpdate&&"downloading"===n.electronUpdate.state&&r.setState({appUpdate:n.appUpdate,electronUpdate:$g({},n.electronUpdate,{progress:t.transferred/t.total})})},this.handleElectronUpdateReady=(e,t)=>{const{device:r}=this.environment,{AppUpdateStore:i}=this.environment,s=Kg.a.get("electronUpdateReady2"),l=t.version;if(s===l){if(r.isMac)return i.setState({appUpdate:i.state.appUpdate,electronUpdate:{state:"ready",type:Oc.UpdateType.Breaking,version:void 0}}),void Ve.showDialog({message:n.createElement(o.FormattedMessage,{id:"desktopAppUpdater.moveNotionToApplicationsFolderDialog.prompt",defaultMessage:"Please move the Notion app into the Applications folder for the auto-updater to work."}),showCancel:!1,keepFocus:!1,handleCancel:this.handleConfirmUpdate,items:[{label:n.createElement(o.FormattedMessage,{id:"desktopAppUpdater.moveNotionToApplicationsFolderDialog.dismissButton.label",defaultMessage:"Okay"}),onAccept:this.handleConfirmUpdate}]});a.log({level:"error",from:"AppUpdateListener",type:"electronUpdateFailed",data:{previousUpdateReady:s,nextUpdateReady:l}})}const c=d.getDesktopVersion(),u=Object(Oc.parseVersion)(t.version);if(Object(Oc.isEqualVersion)(c,[0,1,9])||Object(Oc.isEqualVersion)(c,[0,1,10]))i.setState({appUpdate:i.state.appUpdate,electronUpdate:{state:"ready",type:Oc.UpdateType.Breaking,version:void 0}}),this.displayBreakingUpdateDialog(),setTimeout(this.handleConfirmUpdate,3e4);else{const e=Object(Oc.getUpdateType)({currentVersion:c,nextVersion:u});i.setState({appUpdate:i.state.appUpdate,electronUpdate:{state:"ready",type:e,version:u}}),Xg.c({bannerStore:zg.a,id:"ElectronUpdateWarning"}),e===Oc.UpdateType.Breaking?this.displayBreakingUpdateDialog():e===Oc.UpdateType.Major&&this.displayMajorUpdateBanner()}},this.handleAppUpdateChecking=()=>{const{AppUpdateStore:e}=this.environment;e.state.appUpdate&&"ready"===e.state.appUpdate.state||e.setState({electronUpdate:e.state.electronUpdate,appUpdate:{state:"checking"}})},this.handleElectronAppUpdateError=(e,t)=>{this.handleAppUpdateError(t)},this.handleAppUpdateError=e=>{const{AppUpdateStore:t}=this.environment;t.state.appUpdate&&"ready"===t.state.appUpdate.state||t.setState({electronUpdate:t.state.electronUpdate,appUpdate:{state:"error",error:e}})},this.handleAppUpdateNotAvailable=()=>{const{AppUpdateStore:e}=this.environment;e.state.appUpdate&&"ready"===e.state.appUpdate.state||e.setState({electronUpdate:e.state.electronUpdate,appUpdate:{state:"no-update",timestamp:Date.now()}})},this.handleElectronAppUpdateAvailable=(e,t)=>{this.handleAppUpdateAvailable(t)},this.handleAppUpdateAvailable=e=>{const{AppUpdateStore:t}=this.environment;if(t.state.appUpdate&&"ready"===t.state.appUpdate.state)return;const r=Object(Oc.parseVersion)(e.version),n=qg.c(),o=Object(Oc.getUpdateType)({currentVersion:n,nextVersion:r});t.setState({electronUpdate:t.state.electronUpdate,appUpdate:{state:"downloading",type:o,version:r,timestamp:Date.now(),progress:0}})},this.handleElectronAppUpdateProgress=(e,t)=>{this.handleAppUpdateProgress(t)},this.handleAppUpdateProgress=e=>{const{AppUpdateStore:t}=this.environment,r=t.state;r.appUpdate&&"downloading"===r.appUpdate.state&&t.setState({electronUpdate:r.electronUpdate,appUpdate:$g({},r.appUpdate,{progress:e.downloaded/e.total})})},this.handleElectronAppUpdateReady=(e,t)=>{this.handleAppUpdateReady(t)},this.handleAppUpdateReady=e=>{const{AppUpdateStore:t}=this.environment,r=Object(Oc.parseVersion)(e.version),n=qg.c(),o=Object(Oc.getUpdateType)({currentVersion:n,nextVersion:r});if(!qg.a(r)){const e={state:"ready",type:o,version:r};t.setState({electronUpdate:t.state.electronUpdate,appUpdate:e})}this.displayUpdateBanner(o,r)},this.handleAppUpdateReload=e=>{Xg.a({bannerStore:zg.a}),qg.d({environment:this.environment,url:window.location.href,version:e,broadcast:!1})},this.handleConfirmUpdate=()=>{const{AppUpdateStore:e,device:t}=this.environment;if(ue.W(this.environment),c.navigateToExternalURL({environment:this.environment,url:u.sb}),t.isElectron&&e.state.electronUpdate&&"ready"===e.state.electronUpdate.state){const e=d.getDesktopVersion();t.isMac&&(Object(Oc.isEqualVersion)(e,[0,2,2])||Object(Oc.isEqualVersion)(e,[0,2,1])||Object(Oc.isEqualVersion)(e,[0,2,0]))?Ve.showDialog({showCancel:!1,keepFocus:!1,message:n.createElement(o.FormattedMessage,{id:"desktopAppUpdater.restartDialog.message",defaultMessage:"Please quit and restart the app to install the update."}),items:[{label:n.createElement(o.FormattedMessage,{id:"desktopAppUpdater.dialog.dismissButton.label",defaultMessage:"Okay"}),color:"blue",onAccept:()=>{}}]}):(Kg.a.set("electronUpdateReady2",Object(Oc.formatVersion)(e)),d.installElectronUpdate())}else e.state.appUpdate&&"ready"===e.state.appUpdate.state?(qg.d({environment:this.environment,url:window.location.href,version:e.state.appUpdate.version,broadcast:!0}),Ve.dismissDialog(),Xg.a({bannerStore:zg.a})):(qg.e(Object(Oc.parseVersion)(g.default.version)),Ve.dismissDialog(),Xg.a({bannerStore:zg.a}))},this.pollForAppJsUpdates=async()=>{const e="local"===g.default.env?1e4:6e4;let t="";for(await new Promise(e=>setTimeout(e,5e3));this.componentIsMounted;){if(void 0===Jg.a.state.isVisible||!0===Jg.a.state.isVisible)try{const e=qg.c(),r=await Re.getAssetsJsonV2(this.environment,{hash:t});if("success"===r.type){const n=r.data;if("version"in n){const t=Object(Oc.parseVersion)(n.version);t&&(Object(Oc.isEqualVersion)(t,e)||this.handleAppUpdateReady(n))}"hash"in n&&(t=n.hash||"")}}catch(r){}await new Promise(t=>setTimeout(t,e))}}}didMount(){const{device:e,reactNative:t}=this.environment;if(e.isElectron?(d.electronUpdateReady.addListener(this.handleElectronUpdateReady),d.electronUpdateError.addListener(this.handleElectronUpdateError),d.electronUpdateChecking.addListener(this.handleElectronUpdateChecking),d.electronUpdateAvailable.addListener(this.handleElectronUpdateAvailable),d.electronUpdateProgress.addListener(this.handleElectronUpdateProgress),d.electronUpdateNotAvailable.addListener(this.handleElectronUpdateNotAvailable),d.appUpdateReady.addListener(this.handleElectronAppUpdateReady),d.appUpdateError.addListener(this.handleElectronAppUpdateError),d.appUpdateChecking.addListener(this.handleAppUpdateChecking),d.appUpdateAvailable.addListener(this.handleElectronAppUpdateAvailable),d.appUpdateProgress.addListener(this.handleElectronAppUpdateProgress),d.appUpdateNotAvailable.addListener(this.handleAppUpdateNotAvailable),d.appUpdateReload.addListener(this.handleAppUpdateReload)):t?t.updateReceiveApiHandlers({appUpdateReady:this.handleAppUpdateReady,appUpdateError:this.handleAppUpdateError,appUpdateChecking:this.handleAppUpdateChecking,appUpdateAvailable:this.handleAppUpdateAvailable,appUpdateProgress:this.handleAppUpdateProgress,appUpdateNotAvailable:this.handleAppUpdateNotAvailable}):g.default.isAdminMode||g.default.isLocalhost&&!g.default.offline||this.pollForAppJsUpdates(),this.displayBannerIfSilentUpdate(),/Cordova/.test(navigator.userAgent)&&this.displayCordovaUpdateWarning(),"production"===g.default.env){const t=d.getDesktopVersion();e.isElectron&&t&&(Object(Oc.isLessThanVersion)(t,[0,3,0])?this.displayElectronUpdaterBrokenWarning():Object(Oc.isEqualVersion)(t,[0,3,0])&&this.displayElectronUpdateWarning())}}willUnmount(){const{device:e}=this.environment;e.isElectron&&(d.electronUpdateReady.removeListener(this.handleElectronUpdateReady),d.electronUpdateError.removeListener(this.handleElectronUpdateError),d.electronUpdateChecking.removeListener(this.handleElectronUpdateChecking),d.electronUpdateAvailable.removeListener(this.handleElectronUpdateAvailable),d.electronUpdateProgress.removeListener(this.handleElectronUpdateProgress),d.electronUpdateNotAvailable.removeListener(this.handleElectronUpdateNotAvailable),d.appUpdateReady.removeListener(this.handleElectronAppUpdateReady),d.appUpdateError.removeListener(this.handleElectronAppUpdateError),d.appUpdateChecking.removeListener(this.handleAppUpdateChecking),d.appUpdateAvailable.removeListener(this.handleElectronAppUpdateAvailable),d.appUpdateProgress.removeListener(this.handleElectronAppUpdateProgress),d.appUpdateNotAvailable.removeListener(this.handleAppUpdateNotAvailable),d.appUpdateReload.removeListener(this.handleAppUpdateReload))}displayBreakingUpdateDialog(){Ve.showDialog({message:n.createElement(o.FormattedMessage,{defaultMessage:"We just launched new features!",id:"breakingUpdateDialog.title"}),showCancel:!1,keepFocus:!1,handleCancel:this.handleConfirmUpdate,items:[{label:n.createElement(o.FormattedMessage,{defaultMessage:"Update and see what's new",id:"breakingUpdateDialog.updateButtonTitle"}),color:"blue",onAccept:this.handleConfirmUpdate}],innerStyle:{width:380}})}displayMajorUpdateBanner(){this.shouldShowMajorUpdateBanner()&&Xg.b({bannerStore:zg.a,id:"AppUpdate",render:()=>n.createElement(Gg,{onClick:this.handleConfirmUpdate}),type:Zg.a.Blue})}displayUpdateBanner(e,t){e===Oc.UpdateType.Breaking?t&&qg.a(t)?(qg.e(t),this.displayMajorUpdateBanner()):this.displayBreakingUpdateDialog():e===Oc.UpdateType.Major?(t&&qg.a(t)&&qg.e(t),this.displayMajorUpdateBanner()):t&&qg.a(t)&&qg.e(t)}displayBannerIfSilentUpdate(){const e=qg.c(),t=qg.b();if(!Object(Oc.isEqualVersion)(e,t)){const r=Object(Oc.getUpdateType)({currentVersion:e,nextVersion:t});this.displayUpdateBanner(r,t)}}renderDownloadAndReinstallElectron(){const{device:e}=this.environment;return n.createElement("span",null,n.createElement(o.FormattedMessage,{defaultMessage:"Download and reinstall your {isMacApp, select, true {Mac app} other {Windows app}} to work offline and get the latest features.",id:"appUpdateListener.downloadAndReinstallDesktopApp.message",values:{textlink:function(){for(var t=arguments.length,r=new Array(t),o=0;othis.renderDownloadAndReinstallElectron(),type:Zg.a.Red})}renderDownloadingElectron(e){const{device:t}=this.environment,{intl:r}=this.props;return n.createElement(o.FormattedMessage,{defaultMessage:"We're updating your {isMacApp, select, true {Mac app} other {Windows app}} so you can work offline ({processPercent})",id:"appUpdateListener.downloadingDesktopApp.message",values:{processPercent:r.formatNumber(e,{style:"percent",maximumFractionDigits:0}),isMacApp:t.isMac}})}async displayElectronUpdateWarning(){const{AppUpdateStore:e}=this.environment;d.checkForUpdates(),await Rc.h(500),Xg.b({bannerStore:zg.a,id:"ElectronUpdateWarning",render:()=>{if(e.state.electronUpdate&&"error"!==e.state.electronUpdate.state&&"no-update"!==e.state.electronUpdate.state){const t="downloading"===e.state.electronUpdate.state?e.state.electronUpdate.progress:0;return this.renderDownloadingElectron(t)}return this.renderDownloadAndReinstallElectron()},type:Zg.a.Blue})}displayCordovaUpdateWarning(){const{device:e}=this.environment,{intl:t}=this.props,r=e.isAndroid?t.formatMessage({defaultMessage:"Android",id:"appUpdateListener.mobileAppNotSupported.android"}):t.formatMessage({defaultMessage:"iOS",id:"appUpdateListener.mobileAppNotSupported.ios"});Xg.b({bannerStore:zg.a,id:"CordovaUpdateWarning",render:()=>n.createElement("span",{style:{whiteSpace:"normal",textAlign:"center"}},n.createElement(o.FormattedMessage,{defaultMessage:"This application version is no longer supported.{br}Please upgrade your {androidOrIOSApp} app.",id:"appUpdateListener.mobileAppNotSupported.message",values:{br:n.createElement("br",null),upgradelink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{const{currentUserStore:e,currentUserSettingsStore:t}=$.default.state,r=this.environment.currentUser.id;if(!r||!e||!t)return;const n=e.getValue(),o=t.getValue();if(!n||!o)return;const i=o.settings;if(!i)return;const{device:a}=this.environment,s={user_id:r,email:n.email,first_name:n.given_name,last_name:n.family_name,user_persona:i.persona,user_source:i.source,user_use_case:i.use_case,user_org:i.type,time_zone:i.time_zone,locale:i.locale,signup_time:i.signup_time,app_version:a.version};return i.signup_time&&(s.created_at=Math.floor(i.signup_time/1e3)),a.desktopAppVersion&&(s.desktop_app_version=a.desktopAppVersion),a.mobileAppVersion&&(s.mobile_app_version=a.mobileAppVersion),i.used_desktop_web_app&&(s.used_desktop_web_app=i.used_desktop_web_app),i.used_mobile_web_app&&(s.used_mobile_web_app=i.used_mobile_web_app),i.used_mac_app&&(s.used_mac_app=i.used_mac_app),i.used_windows_app&&(s.used_windows_app=i.used_windows_app),i.used_ios_app&&(s.used_ios_app=i.used_ios_app),i.used_android_app&&(s.used_android_app=i.used_android_app),s},!0),this.handleIdentifyCurrentUser=()=>{const e=this.args.state;e&&ue.b(this.environment,e)}}didMount(){this.args.addListener(this.handleIdentifyCurrentUser)}willUnount(){this.args.removeListener(this.handleIdentifyCurrentUser)}}var hf=pf;class mf extends b.a{constructor(){super(...arguments),this.updateConnectionStateWithEnvironment=()=>Object(de.updateConnectionState)(this.environment)}willMount(){yt.a.addListener(this.updateConnectionStateWithEnvironment),Object(de.updateConnectionState)(this.environment)}willUnmount(){yt.a.removeListener(this.updateConnectionStateWithEnvironment)}}var gf=mf,ff=r("w5u6"),bf=r("unoy");class yf extends b.a{constructor(){super(...arguments),this.handleFocusOut=()=>{setTimeout(()=>{Js.get()||Object(bf.e)(this.environment)},0)}}willMount(){window.addEventListener("mousedown",this.handleMouseDown),this.environment.device.isMobileBrowser&&document.addEventListener("focusout",this.handleFocusOut)}willUnmount(){window.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("focusout",this.handleFocusOut)}handleMouseDown(){ff.default.afterNextFlush(()=>{Object(bf.g)()})}}var vf=yf,Sf=r("rlmE");class wf extends b.a{constructor(){super(...arguments),this.handleEvent=e=>{Bp.c(this.environment,e)},this.handleKeyDown=e=>{const{shortcutMap:t}=this.environment.KeyboardShortcutStackStore,r=Fe.findKey(t,(t,r)=>Object(Sf.a)(this.environment,e,t));r&&!{cut:!0,copy:!0,paste:!0}[r]&&Bp.d(this.environment,e,r)}}willMount(){window.addEventListener("keydown",this.handleKeyDown),window.addEventListener("cut",this.handleEvent),window.addEventListener("copy",this.handleEvent),window.addEventListener("paste",this.handleEvent),window.addEventListener("keypress",this.handleEvent)}willUnmount(){window.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("cut",this.handleEvent),window.removeEventListener("copy",this.handleEvent),window.removeEventListener("paste",this.handleEvent),window.removeEventListener("keypress",this.handleEvent)}}var kf=wf,Mf=r("3uHk"),Of=r("oqYu"),Ef=r("CpD0"),Cf=r("7IvN");let Pf;class Tf extends b.a{constructor(){super(...arguments),this.handleStatusBarTap=()=>{Mf.a.canScroll()&&(Qs.c.state?cl.a.SidebarMobileScroller&&cl.a.SidebarMobileScroller.scrollToTop({animate:!0,animationCallback:Fe.identity}):cl.a.PageScroller&&cl.a.PageScroller.scrollToTop({animate:!0,animationCallback:Fe.identity}))},this.handleSwipeNavigation=()=>{const{reactNative:e,RouterStore:t}=this.environment;if(e&&e.setWebViewAllowsNavigationGestures){const{route:r}=t.state;"onboarding"===r.name||Qs.c.state||!Mf.a.canScroll()?!1!==Pf&&(Pf=!1,e.setWebViewAllowsNavigationGestures(!1)):!0!==Pf&&(Pf=!0,e.setWebViewAllowsNavigationGestures(!0))}},this.handleKeyboardAutoScroll=()=>{jm.b.state.phase===jm.a.willShow&&Dc.a(this.environment)},this.handleReactNativeKeyboardStore=()=>{if(jm.b.state.phase===jm.a.hidden){if(Cf.a.state.open)return;bf.e(this.environment)}}}willMount(){const{reactNative:e,RouterStore:t}=this.environment;this.environment.device.isReactNative&&e&&(Qs.c.addListener(this.handleSwipeNavigation),sf.a.addListener(this.handleSwipeNavigation),t.addListener(this.handleSwipeNavigation),jm.b.addListener(this.handleKeyboardAutoScroll),e.updateReceiveApiHandlers({statusBarTap:this.handleStatusBarTap,backButtonPress:()=>Bp.c(this.environment,{type:"backbutton"}),keyboardWillShow:()=>jm.b.updateKeyboardPhase(jm.a.willShow),keyboardDidShow:()=>jm.b.updateKeyboardPhase(jm.a.shown),keyboardWillHide:()=>jm.b.updateKeyboardPhase(jm.a.willHide),keyboardDidHide:()=>jm.b.updateKeyboardPhase(jm.a.hidden),keyboardShortcut:e=>Bp.c(this.environment,e),pushNotificationTokenRefresh:e=>Object(Of.handleTokenRefresh)(this.environment,e),resume:Ef.a.resume,pause:Ef.a.pause}),this.environment.device.isAndroid&&jm.b.addListener(this.handleReactNativeKeyboardStore))}willUnmount(){const{reactNative:e,RouterStore:t}=this.environment;this.environment.device.isReactNative&&e&&(Qs.c.removeListener(this.handleSwipeNavigation),sf.a.removeListener(this.handleSwipeNavigation),t.removeListener(this.handleSwipeNavigation),jm.b.removeListener(this.handleKeyboardAutoScroll),this.environment.device.isAndroid&&jm.b.removeListener(()=>{if(jm.b.state.phase===jm.a.hidden){if(Cf.a.state.open)return;bf.e(this.environment)}}))}}var jf=Tf,xf=r("DNgp");class If extends b.a{constructor(){super(...arguments),this.handleTextSelectionChange=()=>{ff.default.afterNextFlush(()=>Dc.a(this.environment))}}willMount(){this.environment.device.isMobile&&xf.default.addListener(this.handleTextSelectionChange)}willUnmount(){this.environment.device.isMobile&&xf.default.removeListener(this.handleTextSelectionChange)}}var Df=If,Bf=r("1UIA");class _f extends b.a{willMount(){const{reactNative:e}=this.environment;if(e&&Object(Mc.supportsDarkMode)(this.environment)){const t=Of.getInitialTheme();Object(Fi.a)(this.environment,{mode:t}),e.updateReceiveApiHandlers({themeChanged:e=>Object(Fi.a)(this.environment,{mode:e})})}else{const e=Gl.C()||{mode:"light"};Object(Fi.a)(this.environment,e)}}willUnmount(){}}var Af=_f,Lf=r("m0IC");class Ff extends b.a{willMount(){this.environment.device.isMobile&&document.addEventListener("scroll",this.handleScroll,!0)}willUnmount(){this.environment.device.isMobile&&document.removeEventListener("scroll",this.handleScroll,!0)}handleScroll(){for(const e of Array.from(Lf.k.values()))e.setState({hovered:!1,pressed:!1})}}var Rf=Ff,Nf=r("3KLF"),Vf=r("H1ac");const Uf=new(r("glAM").a);class Yf extends b.a{constructor(){super(...arguments),this.lastOnlineState=!1,this.handleConnectionStoreRefresh=()=>{const e=yt.a.state.online;e&&!this.lastOnlineState&&this.refreshUserTasks(this.environment),this.lastOnlineState=e},this.handleImportEvernote=e=>{"success"===e.state?Nf.a.setStatus(e.request.blockId,void 0):"in_progress"===e.state||"not_started"===e.state?Nf.a.setStatus(e.request.blockId,e.status):Nf.a.setStatus(e.request.blockId,void 0)},this.handleExtractWebClipperContent=e=>{"success"===e.state?Vf.a.setStatus(e.request.blockId,!1):"in_progress"===e.state||"not_started"===e.state?Vf.a.setStatus(e.request.blockId,!0):Vf.a.setStatus(e.request.blockId,!1)}}willMount(){this.lastOnlineState=yt.a.state.online,setInterval(()=>this.fetchPendingTasks(this.environment),1e3),this.refreshUserTasks(this.environment),yt.a.addListener(this.handleConnectionStoreRefresh),Uf.addListener("importEvernote",this.handleImportEvernote),Uf.addListener("extractWebClipperContent",this.handleExtractWebClipperContent)}willUnmount(){yt.a.removeListener(this.handleConnectionStoreRefresh),Uf.removeListener("importEvernote",this.handleImportEvernote),Uf.removeListener("extractWebClipperContent",this.handleExtractWebClipperContent)}async refreshUserTasks(e){if(e.currentUser.id){const t=await Object(Re.getUserTasks)(e,{});if("success"===t.type){for(const e of t.data.taskIds)Re.pendingTaskIds.add(e);t.data.taskIds.length>0&&this.fetchPendingTasks(e)}}}async fetchPendingTasks(e){if(e.currentUser.id&&Re.pendingTaskIds.size>0){const t=await Object(Re.getTasks)(e,{taskIds:Array.from(Re.pendingTaskIds.values())});if("success"===t.type){const{results:r}=t.data;for(const t of r)t.status&&Object(Re.setRecordMapForResponse)(e,t.status,e.currentUser.id),Re.pendingTaskEventsById.emit(t.id,t),Uf.emit(t.eventName,t),"failure"!==t.state&&"success"!==t.state||Re.pendingTaskIds.delete(t.id)}}}}var Wf=Yf;class Xf extends b.a{willMount(){Object(af.b)(this.environment),this.experimentIntervalRequest||(this.experimentIntervalRequest=window.setInterval(()=>Object(af.b)(this.environment),6e5))}willUnmount(){window.clearInterval(this.experimentIntervalRequest),this.experimentIntervalRequest=void 0}}var zf=Xf,qf=r("qRmb");function Hf(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Gf(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Kf(e){yt.a.setState(function(e){for(var t=1;tasync function(e){if((e.device.isBrowser||e.device.isElectron)&&document.hidden)return;if(qf.a)return void Kf(!0);if(!1===navigator.onLine&&!g.default.isLocalhost)return void Kf(!1);"success"===(await Re.ping(e,{})).type?Kf(!0):Kf(!1)}(this.environment),5e3))}willUnmount(){window.clearInterval(this.connectionIntervalUpdateRequest),this.connectionIntervalUpdateRequest=void 0}}var Jf=Zf;function Qf(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function $f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class eb extends b.a{willMount(){document.addEventListener("visibilitychange",this.updatePageVisibility)}willUnmount(){document.removeEventListener("visibilitychange",this.updatePageVisibility)}updatePageVisibility(){Jg.a.setState(function(e){for(var t=1;t{const e=Oi.j({relativeUrl:Oi.f(window.location.href),baseUrl:g.default.baseURL}),t=Oi.e(e);t.protocol=Oi.e(window.location.href).protocol,window.location.href=Oi.b(t)}}]})}renderComponent(){const e="light"===this.theme.mode?P.H:P.G;return n.createElement("div",{style:this.getStyle(),className:["notion-app-inner",e].join(" ")},n.createElement(rf,{key:"AppUpdateListener"}),n.createElement(of,{key:"ElectronLogglyDataListener"}),this.props.children,n.createElement(Vg,{store:sf.a,zIndex:f.n,isDefault:!0}),n.createElement(Vg,{store:lf.a,zIndex:f.c,isDefault:!1}),n.createElement(Lg,null),n.createElement(Wg,null),n.createElement(df,null),n.createElement(hf,null),n.createElement(gf,null),n.createElement(vf,null),n.createElement(kf,null),n.createElement(jf,null),n.createElement(Df,null),n.createElement(Bf.a,null),n.createElement(Af,null),n.createElement(Rf,null),n.createElement(Wf,null),n.createElement(zf,null),n.createElement(Jf,null),n.createElement(tb,null))}getStyle(){return function(e){for(var t=1;tn.createElement("div",{style:kb.containerStyle},e&&n.createElement(pe.a,null))})}}kb.containerStyle={display:"flex",alignItems:"center",justifyContent:"center",height:"100%"};var Mb=kb,Ob=new x.a;function Eb(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Cb(e){for(var t=1;t{Ja.b(this.environment)}}renderComponent(){const e=$l.default.state;if(!e.isOnboarding)return;const t=Tb[e.stage];return n.createElement(Ae.b,{className:t,style:this.getScrollerStyle(),type:Ae.b.OverflowType.Y,disableScroll:Dc.e(this.environment),store:Ob},this.renderDesktopIllustration(),n.createElement("div",{style:jb.getVerticalCenteringWrapStyle()},this.renderHeader(),n.createElement("div",{style:Cb({},this.props.useInlineStyle?{}:jb.wrapStyle,{},{})},this.props.children),n.createElement("footer",{style:{paddingBottom:42}},this.props.footer)),this.shouldRenderCloseButton(e)&&this.renderCloseButton(),this.props.useScrollMask&&this.renderScrollMask())}renderHeader(){const{title:e,subtitle:t}=this.props;return n.createElement("div",{style:this.getHeaderStyle()},n.createElement("div",null,n.createElement("div",{style:this.getTitleStyle()},e),t&&n.createElement("div",{style:this.getSubtitleStyle()},t)))}renderDesktopIllustration(){const{illustrationUrl:e}=this.props;if(e)return n.createElement("div",{style:jb.illustrationWrapStyle},n.createElement("img",{src:e,style:{height:190}}))}renderCloseButton(){return n.createElement(dn.a,{isLarge:!0,style:this.getCloseButtonStyle(),onClick:this.handleCloseClick},n.createElement(o.FormattedMessage,{defaultMessage:"Cancel",id:"useCaseOnboardingStep.cancelButton.label"}))}renderScrollMask(){return n.createElement("div",{style:this.getScrollMaskStyle()})}shouldRenderCloseButton(e){return ec.v(e)}getScrollerStyle(){return{height:"100vh",background:this.theme.onboardingBackground}}getScrollMaskStyle(){return{position:"absolute",background:"linear-gradient(180deg, ".concat(this.theme.onboardingBackgroundMask," 0%, ").concat(this.theme.onboardingBackground," 80%)"),bottom:0,left:0,right:0,height:"12vh",pointerEvents:"none",zIndex:9}}static getVerticalCenteringWrapStyle(){return{display:"flex",flexDirection:"column",justifyContent:"space-between",minHeight:"100vh"}}getHeaderStyle(){return Cb({position:"relative",textAlign:"center",paddingTop:42,paddingBottom:32,marginLeft:"auto",marginRight:"auto",maxWidth:520},this.props.headerStyles?this.props.headerStyles:{})}getTitleStyle(){return{fontWeight:ee.a.fontWeight.semibold,fontSize:28,color:this.theme.regularTextColor,fontFamily:ee.a.getHeaderFontFamily({isChrome:this.environment.device.isChrome,isMac:this.environment.device.isMac})}}getSubtitleStyle(){return{fontSize:18,lineHeight:1.3,paddingTop:2,color:this.theme.mediumTextColor,fontWeight:ee.a.fontWeight.regular}}getCloseButtonStyle(){return{position:"absolute",top:18,right:18,fontSize:14}}}jb.wrapStyle={display:"flex",flexDirection:"column",paddingBottom:32},jb.illustrationWrapStyle={position:"fixed",bottom:0,left:30};var xb=jb;function Ib(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Db(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Bb extends b.a{renderComponent(){return n.createElement(be.a,{className:P.I,style:this.getButtonStyle(),disabled:this.props.disabled,onClick:this.props.onClick,onMouseDown:this.props.onMouseDown,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},this.props.children)}getButtonStyle(){const{device:e}=this.environment;return function(e){for(var t=1;t{this.props.showNextButton&&this.props.handleNextClick()}}renderComponent(){const{device:e}=this.environment;if(e.isMobile){const{illustrationPath:e,title:t,subtitle:r,renderUnderNext:i}=this.props;return n.createElement(Ae.b,{type:Ae.b.OverflowType.Y,style:this.getMobileScrollerStyle()},this.props.showBackButton?n.createElement(dn.a,{isGray:!0,onClick:()=>Ja.b(this.environment),style:this.getBackButtonStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Cancel",id:"onboardingWorkspaceMobileScroller.mobileCancelButton.label"})):n.createElement("div",{style:{height:44}}),n.createElement("div",{style:this.getMobileWrapStyle()},t&&n.createElement("div",{style:{fontWeight:600,fontSize:22,textAlign:"center",fontFamily:ee.a.getHeaderFontFamily({isChrome:this.environment.device.isChrome,isMac:this.environment.device.isMac})}},t),r&&n.createElement("div",{style:{fontWeight:"normal",fontSize:16,textAlign:"center",color:this.theme.mediumTextColor,paddingLeft:16,paddingRight:16,wordBreak:"keep-all",paddingBottom:36}},r),this.props.children,this.renderNextButton(),Boolean(i)?i:void 0,e&&n.createElement("div",{style:this.getMobileIllustrationWrapStyle()},n.createElement("img",{src:this.getIllustrationPath(e),style:Rb.mobileIllustrationStyle}))))}return this.props.children}renderNextButton(){if(this.props.showNextButton)return n.createElement(vt.a,{style:{marginTop:8,width:"100%",height:this.environment.device.isMobile?44:36},isLarge:!0,onClick:this.handleNextClick,disabled:this.props.disableNextButton},n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"onboardingMobileScroller.continueButton.label"}))}getIllustrationPath(e){const{ThemeStore:t}=this.environment;return"/tutorial/".concat(e).concat("dark"===t.state.mode?"-dark":"",".png")}getMobileScrollerStyle(){const{WindowSizeStore:e}=this.environment,t={width:"100vw",height:"100vh",paddingTop:e.getSafePaddingTopCSS(24),paddingLeft:e.getSafePaddingLeftCSS(16),paddingRight:e.getSafePaddingRightCSS(16),paddingBottom:e.getSafePaddingBottomCSS(64),background:this.theme.sidebarBackground};return this.props.illustrationPath?Lb({},t,{paddingBottom:0}):t}getBackButtonStyle(){return{paddingBottom:20,height:44}}getMobileWrapStyle(){const e={maxWidth:360,fontSize:16,marginLeft:"auto",marginRight:"auto"};return this.props.illustrationPath?Lb({},e,{minHeight:"100%",position:"relative",paddingBottom:250}):e}getMobileIllustrationWrapStyle(){const{device:e,WindowSizeStore:t}=this.environment,{illustrationStyle:r}=this.props;return Lb({position:"absolute",overflow:"hidden",height:140,bottom:e.isIPhoneX?0:t.state.paddingBottomCSS,left:-50},r||{})}}Rb.mobileIllustrationStyle={height:240};var Nb=Rb;class Vb extends b.a{async didMount(){const e=$l.default.state;ue.tc(this.environment,ec.f(e))}renderComponent(){const{device:e,ThemeStore:t}=this.environment;return e.isMobile?n.createElement(Nb,{showNextButton:!1,key:"mobile-gdpr",illustrationPath:"ada-1",illustrationStyle:{left:-40},showBackButton:!0},this.renderGDPRConsentInfo(),n.createElement(_b,{style:{width:"100%",marginTop:20},onClick:()=>Ue.logout(this.environment)},n.createElement(o.FormattedMessage,{defaultMessage:"Disagree",id:"onboardingGDPR.mobileDisagreeButton.label"})),n.createElement(vt.a,{style:{width:"100%",marginTop:20,height:42},onClick:()=>{Ja.e(this.environment,this.props.onboardingState)}},n.createElement(o.FormattedMessage,{defaultMessage:"Agree",id:"onboardingGDPR.mobileAgreeButton.label"}))):n.createElement(xb,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Privacy & Data Collection",id:"onboardingGDPR.step.title"}),illustrationUrl:ec.d("ada-1",t),key:"desktop_gdpr"},n.createElement("div",{style:{width:560,position:"relative",alignSelf:"center",paddingTop:"48px"}},this.renderGDPRConsentInfo(),n.createElement(vt.a,{isLarge:!0,style:{marginTop:24,marginRight:16},onClick:()=>{Ja.e(this.environment,this.props.onboardingState)}},n.createElement(o.FormattedMessage,{defaultMessage:"Agree",id:"onboardingGDPR.agreeButton.label"})),n.createElement(_b,{style:{marginTop:24},onClick:()=>Ue.logout(this.environment)},n.createElement(o.FormattedMessage,{defaultMessage:"Disagree",id:"onboardingGDPR.disagreeButton.label"}))))}renderGDPRConsentInfo(){return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"We use cookies to securely identify your account, keep you signed in, and improve our service.",id:"onboardingGDPR.consentInfo.paragraph1.body"})),n.createElement("div",{style:{marginTop:8}},n.createElement(o.FormattedMessage,{defaultMessage:"We use analytics to improve the product and troubleshoot customer issues. These include {intercomLink}, {amplitudeLink}, {segmentLink}, {snowflakeLink}, {crashlyticsLink}, and {logglyLink}. Analytics are enabled by default because they are critical to our business.",id:"onboardingGDPR.consentInfo.paragraph2.body",values:{intercomLink:n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://www.intercom.com/"},"Intercom"),amplitudeLink:n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://amplitude.com/"},"Amplitude"),segmentLink:n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://segment.com/"},"Segment"),snowflakeLink:n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://www.snowflake.com/"},"Snowflake"),crashlyticsLink:n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://fabric.io/kits/ios/crashlytics"},"Crashlytics"),logglyLink:n.createElement(n.Fragment,null,n.createElement(H.a,{underline:!0,external:!0,inline:!0,href:"https://www.loggly.com/"},"Loggly"))}})),n.createElement("div",{style:{marginTop:8}},n.createElement(o.FormattedMessage,{defaultMessage:"You may withdraw your consent to analytics by emailing {emailLink}.",id:"onboardingGDPR.consentInfo.paragraph3.body",values:{emailLink:n.createElement(H.a,{underline:!0,inline:!0,href:"mailto:team@makenotion.com",external:!0},"team@makenotion.com")}})),n.createElement("div",{style:{marginTop:8}},n.createElement(o.FormattedMessage,{defaultMessage:"We send occasional product update and marketing emails. Every email contains a link to instantly unsubscribe.",id:"onboardingGDPR.consentInfo.paragraph4.body"})),n.createElement("div",{style:{marginTop:8}},n.createElement(o.FormattedMessage,{defaultMessage:"Please read our Terms of Service & Privacy Policy for more information.",id:"onboardingGDPR.consentInfo.paragraph5.body",values:{termslink:function(){for(var e=arguments.length,t=new Array(e),r=0;r{Ja.b(this.environment)}}renderComponent(){var e=this;const{onboardingData:t}=this.props.onboardingState,r=t.userStore.getValue();if(r)return n.createElement("div",{style:{textAlign:"center",paddingTop:32}},n.createElement(xt.a,{isSmall:!0,style:{textAlign:"center",lineHeight:1.5}},n.createElement(o.FormattedMessage,{defaultMessage:"You're currently logged in as {userEmail}.{br}If you don't intend to set up a new account, you can log in with another email.",id:"onboarding.desktopLogoutOption.text",values:{userEmail:n.createElement("span",{style:{fontWeight:500}},r.email),closelink:function(){for(var t=arguments.length,r=new Array(t),o=0;o{const{onboardingState:e,intl:t}=this.props,{firstName:r,lastName:n,password:o}=e;if(!r||!n||!o)return void Ja.d(this.environment,new TypeError(t.formatMessage({id:"onboardingProfile.fieldUndefinedError.message",defaultMessage:"Profile field is undefined."})));const i=Hb({},e,{firstName:r,lastName:n,password:o});await Ja.e(this.environment,i)},this.handleUploadProfilePhoto=()=>{ft.c({environment:this.environment,bucket:"public",onStart:this.handleProfileUploadStart,onError:this.handleProfileUploadError,onComplete:e=>this.handleProfileUploadComplete(e),accept:"image/*"})},this.handleProfileUploadComplete=e=>{ue.Dc(this.environment,ec.f($l.default.state)),$l.default.setState(Hb({},this.props.onboardingState,{profilePhoto:e[0],uploadingProfilePhoto:!1}))},this.handleProfileUploadStart=()=>{$l.default.setState(Hb({},this.props.onboardingState,{uploadingProfilePhoto:!0}))},this.handleProfileUploadError=()=>{$l.default.setState(Hb({},this.props.onboardingState,{uploadingProfilePhoto:!1}));const{intl:e}=this.props;Ve.showErrorMessage(e.formatMessage({defaultMessage:"Upload failed.",id:"onboardingProfile.dialogError.photoUploadFailure.message"}))},this.handlePasswordChange=e=>{$l.default.setState(Hb({},this.props.onboardingState,{password:e.target.value,passwordErrorData:null}))},this.handleClearPassword=()=>{$l.default.setState(Hb({},this.props.onboardingState,{password:void 0,passwordErrorData:null}))},this.handlePasswordBlur=()=>{const{password:e}=this.props.onboardingState;if(e){const t=Lt(e);t.success||$l.default.setState(Hb({},this.props.onboardingState,{passwordErrorData:t.reason}))}},this.handleSubmit=()=>{const e=this.getInvalidField();Boolean(e)?this.stores.store.setState(Hb({},this.stores.store.state,{invalidField:e})):this.handleNextClick()}}async didMount(){ue.tc(this.environment,ec.f(this.props.onboardingState)),this.props.onboardingState.uploadingProfilePhoto&&$l.default.setState(Hb({},this.props.onboardingState,{uploadingProfilePhoto:!1}))}renderComponent(){const{device:e}=this.environment,{firstName:t,lastName:r}=this.props.onboardingState;return e.isMobile?this.renderMobile(t,r):this.renderDesktop()}renderMobile(e,t){const{intl:r}=this.props;return n.createElement(Ln.a,{capture:!0,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onBackspace:Fe.identity,onTab:Fe.identity},n.createElement(Nb,{key:"mobile_profile",showNextButton:!0,title:n.createElement(o.FormattedMessage,{defaultMessage:"Welcome to Notion",id:"onboardingProfile.mobileStage.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"First, tell us a bit about yourself.",id:"onboardingProfile.mobileStage.subtitle"}),handleNextClick:this.handleNextClick,disableNextButton:this.shouldDisableNext(),showBackButton:!0},n.createElement("div",{style:this.getMobileFormLabelStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"First name",id:"onboardingProfile.mobileFirstNameInput.label"})),n.createElement(dt.b,{autoFocus:!0,placeholder:r.formatMessage({defaultMessage:"Ada",id:"onboardingProfile.mobileFirstNameInput.placeholder",description:"The first name of Ada Lovelace, a pioneer of computer science, used as a placeholder when a user inputs their name when signing up to Notion."}),value:e,onChange:e=>{$l.default.setState(Hb({},this.props.onboardingState,{firstName:e.target.value}))},style:Hb({marginRight:4},this.getInputStyle(),{},"first_name"===this.stores.store.state.invalidField?ec.j:{})}),n.createElement("div",{style:this.getMobileFormLabelStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Last name",id:"onboardingProfile.mobileLastNameInput.label"})),n.createElement(dt.b,{value:t,placeholder:r.formatMessage({defaultMessage:"Lovelace",id:"onboardingProfile.mobileLastNameInput.placeholder",description:"The second name of Ada Lovelace, a pioneer of computer science, used as a placeholder when a user inputs their name when signing up to Notion."}),onChange:e=>{$l.default.setState(Hb({},this.props.onboardingState,{lastName:e.target.value}))},style:Hb({},this.getInputStyle(),{},"last_name"===this.stores.store.state.invalidField?ec.j:{})}),this.renderSaveNewPassword(),n.createElement("div",{style:{marginBottom:12}})))}renderDesktop(){const{firstName:e,lastName:t,profilePhoto:r,uploadingProfilePhoto:i}=this.props.onboardingState,{intl:a}=this.props,{ThemeStore:s}=this.environment;return n.createElement(xb,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Welcome to Notion",id:"onboardingProfile.stage.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"First things first, tell us a bit about yourself.",id:"onboardingProfile.stage.subtitle"}),illustrationUrl:ec.d("ada-1",s),key:"profile",footer:n.createElement(Wb,{onboardingState:this.props.onboardingState})},n.createElement(Ln.a,{capture:!0,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onBackspace:Fe.identity,onTab:Fe.identity,onEnter:this.handleSubmit},n.createElement(n.Fragment,null,n.createElement("div",{style:{width:280,alignSelf:"center"}},n.createElement(be.a,{onClick:()=>this.handleUploadProfilePhoto(),style:{width:64,height:64,borderRadius:"100%",boxShadow:this.theme.avatarBoxShadow,overflow:"hidden",margin:"0 auto"}},n.createElement(bt.a,{url:r||"/tutorial/empty-avatar.png",isAuthenticated:!1,width:120,stripGoogleIconQuery:!0,render:(e,t)=>n.createElement(ct.a,{src:t,style:{width:"100%",height:"100%",objectFit:"cover"}})})),n.createElement("div",{style:{width:"100%",textAlign:"center",marginTop:8}},n.createElement("div",{style:{display:"inline-block"}},n.createElement(dn.a,{isSmall:!0,isGray:!0,onClick:()=>this.handleUploadProfilePhoto(),style:{fontSize:12,fontWeight:500,marginTop:4}},i?n.createElement(o.FormattedMessage,{defaultMessage:"Uploading…",id:"onboardingProfile.uploading.text"}):r?n.createElement(o.FormattedMessage,{defaultMessage:"Change",id:"onboardingProfile.changeProfilePhotoButton.label"}):n.createElement(o.FormattedMessage,{defaultMessage:"Add a photo",id:"onboardingProfile.addProfilePhotoButton.label"})))),n.createElement("div",{style:Hb({},ec.b,{marginTop:12})},n.createElement(o.FormattedMessage,{defaultMessage:"First name",id:"onboardingProfile.firstNameInput.label"})),n.createElement(dt.b,{focusInitial:!0,value:e,placeholder:a.formatMessage({defaultMessage:"Ada",id:"onboardingProfile.firstNameInput.placeholder",description:"The first name of Ada Lovelace, a pioneer of computer science, used as a placeholder when a user inputs their name when signing up to Notion."}),onChange:e=>{$l.default.setState(Hb({},this.props.onboardingState,{firstName:e.target.value}))},style:Hb({marginRight:4},this.getInputStyle(),{},"first_name"===this.stores.store.state.invalidField?ec.j:{})}),n.createElement("div",{style:{marginTop:12}},n.createElement("div",{style:Hb({},ec.b,{marginTop:0})},n.createElement(o.FormattedMessage,{defaultMessage:"Last name",id:"onboardingProfile.lastNameInput.label"})),n.createElement(dt.b,{value:t,placeholder:a.formatMessage({defaultMessage:"Lovelace",id:"onboardingProfile.lastNameInput.placeholder",description:"The second name of Ada Lovelace, a pioneer of computer science, used as a placeholder when a user inputs their name when signing up to Notion."}),onChange:e=>{$l.default.setState(Hb({},this.props.onboardingState,{lastName:e.target.value}))},style:Hb({},this.getInputStyle(),{},"last_name"===this.stores.store.state.invalidField?ec.j:{})})),this.renderSaveNewPassword(),n.createElement(vt.a,{style:{marginTop:28,width:"100%"},isLarge:!0,disabled:this.shouldDisableNext(),onClick:this.handleNextClick},n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"onboardingProfile.continueButton.label"}))))))}renderSaveNewPassword(){let e;const{currentUserStore:t}=$.default.state,{intl:r}=this.props;if(t){const r=t.getValue();r&&(e=r.email)}if(!e)return;const{password:i,passwordErrorData:a}=this.props.onboardingState,{isMobile:s}=this.environment.device;return n.createElement(n.Fragment,null,n.createElement(dt.b,{style:{display:"none"},type:"text",value:e,autoComplete:"username",disabled:!0}),n.createElement("div",{style:this.environment.device.isMobile?this.getMobileFormLabelStyle():Hb({},ec.b,{marginTop:12})},n.createElement(o.FormattedMessage,{defaultMessage:"Set a password",id:"onboardingProfile.passwordInput.label"})),n.createElement(dt.b,{type:this.stores.store.state.showPassword?"text":"password",value:i||void 0,onChange:this.handlePasswordChange,onIconClick:()=>this.stores.store.setState({showPassword:!this.stores.store.state.showPassword}),icon:A.a.eye({width:s?18:16,height:s?18:16,fill:this.theme.lightIconColor}),onClearButtonClick:this.handleClearPassword,placeholder:r.formatMessage({defaultMessage:"New password",id:"onboardingProfile.passwordInput.placeholder"}),style:Hb({},this.getInputStyle(),{},"password"===this.stores.store.state.invalidField?ec.j:{}),onBlur:this.handlePasswordBlur,autoComplete:"new-password"}),n.createElement("div",{style:{marginTop:4,position:"relative"}},a&&n.createElement(xt.a,{isMultiline:!0,isSecondaryColor:!0,style:{fontSize:12,lineHeight:"16px",visibility:i?void 0:"hidden",color:m.f.red}},n.createElement(o.FormattedMessage,{id:"onboardingProfile.passwordGuidelines",defaultMessage:"Use a password at least 15 letters long, or at least 8 characters long with mixed letters and numbers"}))))}getInvalidField(){const{firstName:e,lastName:t,password:r}=this.props.onboardingState;return e?t?!r||Boolean(r&&!Lt(r).success)?"password":void 0:"last_name":"first_name"}shouldDisableNext(){return Boolean(this.getInvalidField())}getInputStyle(){const{device:e}=this.environment;return Hb({backgroundColor:this.theme.whiteButtonBackground,height:31},e.isMobile&&{height:42})}getMobileFormLabelStyle(){return{fontSize:12,color:this.theme.mediumTextColor,fontWeight:500,marginTop:20,marginBottom:4}}}var Zb=Object(o.injectIntl)(Kb);function Jb(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Qb(e){for(var t=1;t{let t;if(!e.canJoinSpace&&e.guestPageIds.length>0){const r={type:"guest_redirect",pageId:e.guestPageIds[0],spaceId:e.id};t=Qb({},this.props.onboardingState,{spaceId:e.id,redirectData:r,spaceJoinOrCreate:"join"})}else t=Qb({},this.props.onboardingState,{spaceId:e.id,spaceJoinOrCreate:"join"});$l.default.setState(t),Ja.e(this.environment,t)},this.handleCreateSpaceClick=async()=>{const e=Qb({},this.props.onboardingState,{spaceJoinOrCreate:"create"});$l.default.setState(e),Ja.e(this.environment,e)}}async didMount(){ue.tc(this.environment,ec.f(this.props.onboardingState))}renderComponent(){const{device:e}=this.environment,{joinableSpaces:t}=this.props.onboardingState;return e.isMobile?this.renderMobile(t):this.renderDesktop(t)}renderDesktop(e){const t=e?e.length:0,r=t>0,{ThemeStore:i}=this.environment;return n.createElement(xb,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Join your teammates on Notion",id:"onboardingWorkspaceChoose.stage.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"{numberOfWorkspaces, plural, one {You've been invited to {numberOfWorkspaces} workspace. Join it, or create a new one.} other {You've been invited to {numberOfWorkspaces} workspaces. Pick one to join, or create a new one.}}",id:"onboardingWorkspaceChoose.stage.subtitle",values:{numberOfWorkspaces:t}}),illustrationUrl:ec.d("ada-2",i),key:"onboarding_workspace_choose"},n.createElement("div",{style:{width:300,alignSelf:"center"}},n.createElement("div",null,r&&this.renderWorkspaceJoinSpaces(e),this.renderCreateSpace(r))))}renderMobile(e){const t=e?e.length:0,r=t>0,i=n.createElement(o.FormattedMessage,{defaultMessage:"{numberOfWorkspaces, plural, one {Looks like you've been invited to{br}{numberOfWorkspaces} workspace, let's join it!} other {Looks like you've been invited to{br}{numberOfWorkspaces} workspaces, let's join one!}}",id:"onboardingWorkspaceChoose.mobileStage.subtitle",values:{br:n.createElement("br",null),numberOfWorkspaces:t,boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;rn.createElement(_b,{key:e.id,style:{width:"100%",marginBottom:10},onClick:()=>{this.handleJoinSpaceClick(e).catch(e=>Ja.d(this.environment,e))}},A.a.team({width:14,marginRight:6}),n.createElement("div",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis"}},n.createElement(o.FormattedMessage,{defaultMessage:"Join {workspaceName}",id:"onboardingWorkspaceChoose.joinWorkspaceButton.label",values:{workspaceName:e.name,boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;rcreate a new workspace",id:"onboardingWorkspaceChoose.createSpaceOption.message",values:{nextlink:function(){for(var e=arguments.length,r=new Array(e),o=0;o{t.handleCreateSpaceClick().catch(e=>Ja.c(t.environment,e))}},r)}}}))}}var ty=ey;function ry(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ny(e){for(var t=1;t{const{onboardingState:t}=this.props;let r,n;"personal"===e&&(n="personal",r=t.onboardingData.isEducationPlanEligible?"student":"personal"),$l.default.setState(ny({},t,{userPersona:r,userType:n}))},this.handleNextClick=async()=>{const{environment:e,props:{onboardingState:t}}=this;ue.yc(e,ny({},ec.f(t),{planType:"userType"in t&&"personal"===t.userType?"personal":"team"})),await Ja.e(e,t)}}async didMount(){ue.tc(this.environment,ec.f(this.props.onboardingState))}renderComponent(){const{onboardingState:e}=this.props,t=Boolean("userType"in e&&"personal"===e.userType),{device:r,ThemeStore:i}=this.environment;return r.isMobile?n.createElement(Nb,{key:"mobile_plan",title:n.createElement(o.FormattedMessage,{defaultMessage:"I’m using Notion…",id:"onboardingWorkspacePlanChoose.mobileStep.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"We’ll streamline your setup experience accordingly.",id:"onboardingWorkspacePlanChoose.mobileStep.subtitle"}),showNextButton:!0,disableNextButton:!1,handleNextClick:this.handleNextClick,showBackButton:ec.v(this.props.onboardingState)},this.renderChooser(t)):n.createElement(xb,{title:n.createElement(o.FormattedMessage,{defaultMessage:"How are you planning to use Notion?",id:"onboardingWorkspacePlanChoose.step.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"We’ll streamline your setup experience accordingly.",id:"onboardingWorkspacePlanChoose.step.subtitle"}),key:"onboarding_workspace_plan",illustrationUrl:ec.d("ada-1",i),footer:this.props.onboardingState.prefilled&&n.createElement(Wb,{onboardingState:this.props.onboardingState})},n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},this.renderChooser(t),n.createElement(vt.a,{style:{width:"280px",marginBottom:42},isLarge:!0,onClick:this.handleNextClick},t&&!this.environment.device.isMobile?n.createElement(o.FormattedMessage,{defaultMessage:"Take me to Notion",id:"onboardingWorkspacePlanChoose.goToNotionButton.label"}):n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"onboardingWorkspacePlanChoose.continueButton.label"}))))}renderChooser(e){return n.createElement(n.Fragment,null,n.createElement("div",{style:this.getToggleGroupWrap()},n.createElement(be.a,{style:this.getToggleButtonStyle(e),hoveredStyle:this.getToggleButtonHoveredStyle(),pressedStyle:this.getToggleButtonHoveredStyle(),onClick:()=>this.handlePlanTypeSelect("personal"),className:P.L},n.createElement("img",{src:e?ko.a.images.onboarding.checkedSvg:ko.a.images.onboarding.uncheckedSvg,style:this.getButtonCheckmarkStyle()}),n.createElement("div",{style:this.getButtonIllustrationWrapperStyle()},n.createElement("img",{src:ko.a.images.onboarding.useCaseNotePng,style:ny({},this.getButtonIllustrationStyle(),{},this.environment.device.isMobile?{height:54}:{})})),n.createElement("main",{style:this.getButtonTextStyle()},n.createElement("header",{style:this.getButtonHeadingStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"For myself",id:"onboardingWorkspacePlanChoose.personalUseCaseButton.label"})),n.createElement("p",{style:this.getButtonSubheadingStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Write better. Think more clearly. Stay organized.",id:"onboardingWorkspacePlanChoose.personalUseCaseButton.description"})),n.createElement("p",{style:this.getCalloutStyle(e)},n.createElement(o.FormattedMessage,{defaultMessage:"Free for 1 person",id:"onboardingWorkspacePlanChoose.personalUseCaseButton.callout"})))),n.createElement(be.a,{style:this.getToggleButtonStyle(!e),hoveredStyle:this.getToggleButtonHoveredStyle(),pressedStyle:this.getToggleButtonHoveredStyle(),onClick:()=>this.handlePlanTypeSelect("team"),className:P.M},n.createElement("img",{src:e?ko.a.images.onboarding.uncheckedSvg:ko.a.images.onboarding.checkedSvg,style:this.getButtonCheckmarkStyle()}),n.createElement("div",{style:this.getButtonIllustrationWrapperStyle()},n.createElement("img",{src:ko.a.images.onboarding.teamFeaturesIllustrationPng,style:ny({},this.getButtonIllustrationStyle(),{},this.environment.device.isMobile?{height:48}:{})})),n.createElement("main",{style:this.getButtonTextStyle()},n.createElement("header",{style:this.getButtonHeadingStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"With my team",id:"onboardingWorkspacePlanChoose.teamUseCaseButton.label"})),n.createElement("p",{style:this.getButtonSubheadingStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Wikis, docs, tasks & projects, all in one place.",id:"onboardingWorkspacePlanChoose.teamUseCaseButton.description"})),n.createElement("p",{style:this.getCalloutStyle(!e)},n.createElement(o.FormattedMessage,{defaultMessage:"Start for free",id:"onboardingWorkspacePlanChoose.teamUseCaseButton.callout"}))))))}getToggleGroupWrap(){return ny({},this.environment.device.isMobile?{marginTop:0,marginBottom:32}:{marginTop:"72px",marginBottom:"32px"},{display:this.environment.device.isMobile?void 0:"inline-flex",width:"100%",justifyContent:"center"})}getToggleButtonStyle(e){const{environment:t,theme:r}=this,n={margin:12,textAlign:"center",width:230,height:298,padding:"40px 0",boxShadow:"".concat(r.outlineButtonBorder," 0 0 0 1px, rgba(167, 167, 167, 0.25) 0px 1px 2px")},o={display:"flex",marginTop:20,padding:0,boxShadow:"".concat(r.outlineButtonBorder," 0 0 0 1px, rgba(167, 167, 167, 0.25) 0px 1px 2px")},i={boxShadow:"".concat(m.f.blue," 0 0 0 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px")};return ny({},{alignItems:"center",justifyContent:"center",whiteSpace:"normal",borderRadius:5,fontSize:14,lineHeight:1.2,background:"white",position:"relative",transition:"all 200ms ease"},{},t.device.isMobile?o:n,{},e&&i,{},!e&&{opacity:.7})}getToggleButtonHoveredStyle(){return{opacity:1,background:"white"}}getButtonTextStyle(){return{margin:this.environment.device.isMobile?10:20,flex:1}}getButtonHeadingStyle(){return{fontWeight:ee.a.fontWeight.semibold,fontSize:this.environment.device.isMobile?16:18,marginTop:this.environment.device.isMobile?10:30,color:m.f.regularTextColor}}getBaseSubheadingStyle(){return{color:m.f.mediumTextColor,fontSize:14,lineHeight:1.4,transition:"all 200ms ease"}}getCalloutStyle(e){return ny({},this.getBaseSubheadingStyle(),{opacity:e?1:.7,filter:e?void 0:"grayscale(100%)",color:m.f.blue,marginTop:this.environment.device.isMobile?0:12,fontWeight:500,lineHeight:1})}getButtonSubheadingStyle(){const e=this.environment.device.isMobile;return ny({},this.getBaseSubheadingStyle(),{marginTop:e?4:12,marginBottom:8})}getButtonCheckmarkStyle(){return this.environment.device.isMobile?{order:1,marginRight:20,height:24,width:24}:{position:"absolute",top:12,right:12,height:24,width:24}}getButtonIllustrationWrapperStyle(){return this.environment.device.isMobile?{marginLeft:10,height:57,width:85,textAlign:"center"}:{height:90}}getButtonIllustrationStyle(){return{height:"100%"}}}var ay=iy,sy=r("pQrc");class ly extends W.a{getInitialState(){return{emailValue:"",emails:[],validationError:void 0,isInviting:!1}}}var cy=ly;class dy extends b.a{constructor(){super(...arguments),this.inputStyle={borderTopRightRadius:0,borderBottomRightRadius:0,width:"calc(100% - 90px)",height:32,background:this.theme.whiteButtonBackground},this.buttonStyle={borderTopLeftRadius:0,borderBottomLeftRadius:0,width:90}}renderComponent(){const{value:e,onClick:t}=this.props;return n.createElement("div",{style:{display:"flex",alignItems:"flex-start"}},n.createElement(dt.b,{type:"text",format:dt.a.Default,value:e,disabled:!0,style:this.inputStyle}),n.createElement(vt.a,{onClick:()=>{t&&t(),Dr.c({environment:this.environment,stringValue:e})},style:this.buttonStyle,isLarge:!0},n.createElement(o.FormattedMessage,{id:"inlineCopyButton.copyButtonText",defaultMessage:"Copy link"})))}}var uy=Object(o.injectIntl)(dy),py=r("9wIn");function hy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function my(e){for(var t=1;t{const t=e.target.value,r=Object(Nr.b)(t);r&&this.stores.store.setState(my({},this.stores.store.state,{emails:[...this.stores.store.state.emails,r],emailValue:""}))},this.handleTokenInputChange=e=>{const t=e.target.value,{extractedEmails:r,newInputValue:n}=Object(Nr.a)(t);this.stores.store.setState(my({},this.stores.store.state,{emails:[...this.stores.store.state.emails,...r],emailValue:n}))},this.handleInviteClick=async()=>{const{state:e}=this.stores.store,{intl:t}=this.props;this.stores.store.setState(my({},e,{validationError:void 0,isInviting:!0}));const r=Fe.compact(e.emails);r.forEach(r=>{r&&!Object(Nr.c)(r)&&this.stores.store.setState(my({},e,{validationError:t.formatMessage({defaultMessage:"One or more invalid emails found.",id:"onboardingInvite.error.invalidEmailFound.message"})}))});const n=my({},this.props.onboardingState,{emails:r});$l.default.setState(n),Boolean(this.stores.store.state.validationError)||await Ja.e(this.environment,n),this.stores.store.setState(my({},this.stores.store.state,{isInviting:!1}))},this.handleClickRemoveToken=e=>{this.stores.store.setState(my({},this.stores.store.state,{emails:this.stores.store.state.emails.filter(t=>"new"===e.type&&t!==e.value.email)}))},this.handleMobileInviteLink=async()=>{const e=this.props.onboardingState.inviteCodeUrl;e&&Dr.c({environment:this.environment,stringValue:e}),ue.rc(this.environment,ec.f(this.props.onboardingState))}}async didMount(){ue.tc(this.environment,ec.f(this.props.onboardingState));const{currentUserStore:e}=$.default.state,t=this.getEmailDomainForUser(e);t&&$l.default.setState(my({},this.props.onboardingState,{emailDomain:t}));const r=new Sg.a(this.environment,this.props.onboardingState.spaceId);$l.default.setState(my({},this.props.onboardingState,{inviteCodeUrl:r.getInviteLinkUrl()}))}renderComponent(){const{device:e}=this.environment;return e.isMobile?this.renderMobile():this.renderDesktop()}renderDesktop(){return n.createElement(Ln.a,{capture:!0,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onBackspace:Fe.identity,onTab:Fe.identity},n.createElement(xb,{title:n.createElement(o.FormattedMessage,{defaultMessage:"Invite your teammates",id:"onboardingInvite.chrome.title"}),subtitle:n.createElement(o.FormattedMessage,{defaultMessage:"Notion works great for teams of any size.",id:"onboardingInvite.chrome.subtitle"}),illustrationUrl:ec.d("ada-1",this.environment.ThemeStore),key:"invite"},this.renderForm()))}renderMobileInviteLink(){return n.createElement(_b,{style:this.getMobileInviteLinkStyle(),onClick:this.handleMobileInviteLink},n.createElement(o.FormattedMessage,{defaultMessage:"Copy invite link",id:"onboardingInvite.mobile.copyButton.title"}))}renderDesktopInviteLink(){return n.createElement("div",null,n.createElement("div",{style:my({},ec.b,{color:this.theme.mediumTextColor,marginTop:16})},n.createElement(o.FormattedMessage,{defaultMessage:"Share a secret invite link",id:"onboardingInvite.shareInviteLink.message"})),n.createElement(uy,{value:this.props.onboardingState.inviteCodeUrl||"",onClick:()=>{ue.rc(this.environment,ec.f(this.props.onboardingState))}}))}renderForm(){const e=this.stores.store.state.emails.map(e=>({type:"new",value:{email:e||""}})).map(e=>n.createElement(py.a,{value:e,onClickRemove:this.handleClickRemoveToken}));return n.createElement("div",{style:{width:450,alignSelf:"center"}},this.renderDesktopInviteLink(),n.createElement("div",{style:my({},ec.b,{color:this.theme.mediumTextColor,marginTop:16})},n.createElement(o.FormattedMessage,{id:"onboardingInvite.addEmail.invitePrompt",defaultMessage:"Invite via email"})),this.stores.store&&n.createElement(Bn.a,{format:Bn.a.Format.Share,value:this.stores.store.state.emailValue,onChange:this.handleTokenInputChange,type:"email",tokens:e,disabled:!1,placeholder:this.props.intl.formatMessage({id:"onboardingInvite.addEmail.placeholder",defaultMessage:"Type or paste in one or multiple emails separated by commas"}),right:null,onEnter:this.handleTokenInputEnter,onEmptyEnter:()=>{},onRemoveLastToken:()=>{},dontShowBorderBottom:!1,style:{boxShadow:"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 1px inset",background:this.theme.whiteButtonBackground,borderRadius:3,height:100}}),this.renderAutoJoinOption(),n.createElement("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},n.createElement(vt.a,{style:{marginTop:20,width:"280px"},isLarge:!0,onClick:this.handleInviteClick,disabled:this.stores.store.state.isInviting},this.environment.device.isMobile?n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"onboardingInvite.mobileButton.label"}):n.createElement(o.FormattedMessage,{defaultMessage:"Take me to Notion",id:"onboardingInvite.desktopButton.label"}))))}renderMobile(){return n.createElement(Ln.a,{capture:!0,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onBackspace:Fe.identity,onTab:Fe.identity},n.createElement(Nb,{showBackButton:!1,showNextButton:!0,disableNextButton:this.shouldDisableNext(),key:"mobile-invites",title:n.createElement(o.FormattedMessage,{defaultMessage:"Invite teammates",id:"onboardingInvite.mobileStep.title"}),subtitle:n.createElement("span",{style:{wordBreak:"keep-all"}},n.createElement(o.FormattedMessage,{defaultMessage:"Notion works great for teams of any size.",id:"onboardingInvite.mobileStep.subtitle"})),handleNextClick:this.handleInviteClick},this.renderMobileSplash(),this.renderMobileInviteLink(),this.renderAutoJoinOption()))}renderMobileSplash(){const{ThemeStore:e}=this.environment,t="/tutorial/onboarding-wiki".concat("dark"===e.state.mode?"-dark":"",".png");return n.createElement("img",{alt:"Image of users with scroll",src:t,style:this.getMobileSplashStyle(),width:"85%"})}renderAutoJoinOption(){const{device:e}=this.environment;return Boolean(this.props.onboardingState.emailDomain)?n.createElement("div",{style:my({},ec.x,{display:"flex"},e.isMobile?{marginBottom:16}:{marginTop:16})},n.createElement("div",{style:my({marginRight:10,paddingTop:4},e.isMobile?{}:{paddingTop:3})},n.createElement(wo.a,{checked:this.props.onboardingState.isChecked,onClick:()=>{$l.default.setState(my({},this.props.onboardingState,{isChecked:!this.props.onboardingState.isChecked}))},size:e.isMobile?16:14})),n.createElement("div",{onClick:()=>{$l.default.setState(my({},this.props.onboardingState,{isChecked:!this.props.onboardingState.isChecked}))},style:my({},ec.i(this.theme),{fontSize:e.isMobile?15:14})},n.createElement(o.FormattedMessage,{defaultMessage:"Allow anyone with a @{emailDomain} email to join this workspace",id:"onboardingInvite.emailDomainAutoJoinCheckbox.label",values:{emailDomain:this.props.onboardingState.emailDomain}}))):void 0}getEmailDomainForUser(e){if(e){const t=e.getValue(),{onboardingData:r}=this.props.onboardingState;if(t&&r.isUserDomainJoinable){const e=Object(sy.a)(t.email);if(e)return e}}}shouldDisableNext(){return this.stores.store.state.isInviting}getMobileSplashStyle(){return{width:"100%",textAlign:"center"}}getMobileInviteLinkStyle(){return{marginTop:"5vh",width:"100%",background:this.theme.buttonBackground,marginBottom:10}}}var by=Object(o.injectIntl)(fy);function yy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function vy(e){for(var t=1;t{await Ja.e(this.environment,this.props.onboardingState)}}async didMount(){const e=$l.default.state;ue.tc(this.environment,ec.f(e))}renderButton(){return n.createElement(_b,{style:vy({},this.props.redirectToStart?{backgroundColor:m.f.blue,color:m.f.white}:{},{marginTop:16,width:"100%"}),onClick:this.handleClick},this.props.redirectToStart?n.createElement(o.FormattedMessage,{defaultMessage:"Get started",id:"onboardingMobileTutorial.getStartedButton.label"}):n.createElement(o.FormattedMessage,{defaultMessage:"Next",id:"onboardingMobileTutorial.nextButton.label"}))}renderComponent(){return n.createElement(Nb,{showNextButton:!1,key:"mobile-tutorial",showBackButton:!1},n.createElement("div",{style:wy.wrapStyle},this.renderMobileTutorialIllustration(),n.createElement("div",{style:wy.mobileTutorialStepStyle},this.props.tipNumber,n.createElement("span",{style:{color:this.theme.mediumTextColor}}," ","/ 4")),this.props.contents,this.renderButton()),this.props.visual)}renderMobileTutorialIllustration(){const{ThemeStore:e}=this.environment;return n.createElement("img",{src:ec.d("simon-half",e),style:{width:100,height:100,marginBottom:8}})}}wy.wrapStyle={position:"relative",paddingLeft:16,paddingRight:16},wy.mobileTutorialStepStyle={textAlign:"right",position:"absolute",top:-4,right:0};var ky=wy,My=r("qFEu"),Oy=r("5zFd"),Ey=r("NCLm");class Cy extends W.a{getInitialState(){return{}}}var Py=Cy;function Ty(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function jy(e){for(var t=1;t{const{initialUseCases:t}=this.props.onboardingState;return n.createElement("div",{style:{display:"flex",paddingTop:2}},n.createElement("div",{style:{marginRight:10,paddingTop:5}},n.createElement(wo.a,{checked:t.includes(e),onClick:()=>{$l.default.setState(jy({},this.props.onboardingState,{initialUseCases:Fe.uniq([...t,e])}))},checkSize:10,size:12,fill:this.theme.mediumTextColor})),n.createElement("div",{onClick:()=>{$l.default.setState(jy({},this.props.onboardingState,{initialUseCases:Fe.uniq([...t,e])}))},style:{color:this.theme.regularTextColor,fontSize:14}},(e=>{switch(e){case"doc_notes":return n.createElement(o.FormattedMessage,{defaultMessage:"Docs and notes",id:"onboardingWorkspaceCreate.initialUseCase.docNotesLabel"});case"project_management":return n.createElement(o.FormattedMessage,{defaultMessage:"Projects and tasks",id:"onboardingWorkspaceCreate.initialUseCase.projectManagementLabel"});case"wiki":return n.createElement(o.FormattedMessage,{defaultMessage:"Team wiki",id:"onboardingWorkspaceCreate.initialUseCase.wikiLabel"})}})(e)))},this.handleNextClick=async()=>{const{onboardingState:e,intl:t}=this.props,{spaceName:r,userType:n,userPersona:o,initialUseCases:i}=e,a=ec.u(this.environment);if(!r||!n||!o||!i&&a)return void Ja.d(this.environment,new TypeError(t.formatMessage({id:"onboardingWorkspaceCreate.fieldUndefinedError.message",defaultMessage:"Workspace create field is undefined."})));const s=jy({},e,{spaceName:r,userType:n,userPersona:o,initialUseCases:i});await Ja.e(this.environment,s)},this.handleIconUploadComplete=e=>{const{onboardingState:t}=this.props;ue.Ec(this.environment,jy({},ec.f(t),{spaceIcon:e})),$l.default.setState(jy({},t,{spaceIcon:e||null,uploadingSpaceIcon:!1}))},this.handleSubmit=()=>{const e=this.getInvalidField();Boolean(e)?this.stores.store.setState(jy({},this.stores.store.state,{invalidField:e})):this.handleNextClick()}}async didMount(){ue.tc(this.environment,ec.f(this.props.onboardingState))}renderComponent(){const e=n.createElement(o.FormattedMessage,{defaultMessage:"Create a team workspace",id:"onboardingWorkspaceCreate.stage.team.title"}),t=n.createElement(o.FormattedMessage,{defaultMessage:"Fill in some details for your teammates.",id:"onboardingWorkspaceCreate.stage.subtitle"}),{device:r,ThemeStore:i}=this.environment;return r.isMobile?n.createElement(Nb,{showNextButton:!0,disableNextButton:this.shouldDisableNext(),handleNextClick:this.handleNextClick,key:"mobile-workspace-create",title:e,subtitle:t,showBackButton:ec.v(this.props.onboardingState)},this.renderForm()):n.createElement(xb,{title:e,subtitle:t,illustrationUrl:ec.d("ada-1",i),key:"profile"},this.renderForm())}renderForm(){const{spaceIcon:e,spaceName:t}=this.props.onboardingState,{intl:r}=this.props,i=e?{table:"space",id:"undefined",icon:e}:void 0;return n.createElement(Ln.a,{capture:!0,onLeft:Fe.identity,onRight:Fe.identity,onSelectAll:Fe.identity,onRedo:Fe.identity,onUndo:Fe.identity,onCut:Fe.identity,onCopy:Fe.identity,onPaste:Fe.identity,onKeypress:Fe.identity,onDelete:Fe.identity,onBackspace:Fe.identity,onTab:Fe.identity,onEnter:this.handleSubmit},n.createElement("div",{style:jy({},this.environment.device.isMobile?{}:{width:280},{alignSelf:"center"})},!this.environment.device.isMobile&&n.createElement("div",{style:{width:180,overflow:"hidden",margin:"0 auto"}},n.createElement("div",{style:this.getRecordIconWrapperStyle()},n.createElement(G.a,{bucket:"public",disabled:!1,icon:i,isEmptyPage:!1,title:t||"Notion",size:70,onChange:this.handleIconUploadComplete}),this.renderButtonLabel())),n.createElement("div",{style:jy({},ec.b,{color:this.theme.mediumTextColor,marginTop:16})},n.createElement(o.FormattedMessage,{defaultMessage:"Workspace name",id:"onboardingWorkspaceCreate.workspaceNameInput.label"})),n.createElement(dt.b,{focusInitial:!0,value:t,placeholder:r.formatMessage({defaultMessage:"Acme Inc.",id:"onboardingWorkspaceCreate.workspaceNameInput.placeholder",description:"Placeholder for a generic company name, used when a user is creating a new company workspace. Please feel free to use some locale-specific equivalent placeholder, instead of the direct translation of 'Acme Inc.'"}),onChange:e=>{$l.default.setState(jy({},this.props.onboardingState,{spaceName:e.target.value}))},style:jy({marginRight:4},this.getInputStyle(),{},"space_name"===this.stores.store.state.invalidField?ec.j:{})}),n.createElement("div",{style:{marginTop:4}},n.createElement(xt.a,{isMultiline:!0,isSmall:!0},n.createElement(o.FormattedMessage,{defaultMessage:"The name of your company or organization.",id:"onboardingWorkspaceCreate.workspaceNameInput.hint"}))),n.createElement("div",{style:{marginTop:16}},n.createElement("div",{style:jy({},ec.b,{color:this.theme.mediumTextColor,marginTop:0})},n.createElement(o.FormattedMessage,{defaultMessage:"Company size",id:"onboardingWorkspaceCreate.companySizePicker.placeholder"})),this.renderTeamSizeSelect()),n.createElement("div",{style:jy({},ec.x,{marginTop:16})},n.createElement("div",{style:jy({},ec.b,{color:this.theme.mediumTextColor,marginTop:0})},n.createElement(o.FormattedMessage,{defaultMessage:"Your starting team",id:"onboardingWorkspaceCreate.teamTypePicker.label"})),this.renderUserPersonaSelect()),ec.u(this.environment)&&n.createElement("div",{style:jy({},ec.x,{marginTop:16})},n.createElement("div",{style:jy({},ec.b,{color:this.theme.mediumTextColor,marginTop:0})},n.createElement(o.FormattedMessage,{defaultMessage:"Use case",id:"onboardingWorkspaceCreate.useCase.label"})),this.renderInitialUseCaseCheckboxes()),!this.environment.device.isMobile&&n.createElement(vt.a,{style:{marginTop:20,width:"100%"},isLarge:!0,disabled:this.shouldDisableNext(),onClick:this.handleNextClick},n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"onboardingWorkspaceCreate.nextButton.labelInvite"}))))}renderButtonLabel(){return n.createElement("div",{style:this.getButtonLabelStyle()},n.createElement(o.FormattedMessage,{defaultMessage:"Add a logo",id:"onboarding.workspaceCreate.buttonLabel.title"}))}renderTeamSizeSelect(){const{userType:e}=this.props.onboardingState,{intl:t}=this.props,r=Ey.d(t),i=r.find(t=>t.type===e),a={menuTitle:t.formatMessage({defaultMessage:"Company size",id:"onboardingWorkspaceCreate.companySizePicker.title"}),items:r,width:280,getKey:e=>e.type,selectedItem:i,originGap:4,onSelect:e=>{const{onboardingState:t}=this.props,{type:r}=e;ue.Fc(this.environment,jy({},ec.f(t),{userType:r})),$l.default.setState(jy({},t,{userType:r}))},renderItem:e=>n.createElement(Lr.a,Object.assign({title:e.value.displayName},e)),renderOrigin:e=>n.createElement(St.a,{isLarge:!0,onClick:t=>e.onClick(t),style:jy({padding:"2px 10px 2px 10px",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:3,border:0,transition:"box-shadow 0.3s ease",boxShadow:"0 0 0 1px ".concat(this.theme.outlineButtonBorder),background:this.theme.buttonBackground},this.getInputStyle())},n.createElement("div",{style:{display:"flex",alignItems:"center",color:i?this.theme.regularTextColor:this.theme.lightTextColor},className:"notranslate"},i?i.displayName:n.createElement(o.FormattedMessage,{defaultMessage:"Select company size",id:"onboardingWorkspaceCreate.companySizePicker.label"})),A.a.expand({width:10,fill:this.theme.lightIconColor}))};return n.createElement(Oy.a,Object.assign({key:"onboarding"},a))}renderUserPersonaSelect(){const{userPersona:e}=this.props.onboardingState,{intl:t}=this.props,r=hc.g(t),i={menuTitle:t.formatMessage({defaultMessage:"Team type",id:"onboardingWorkspaceCreate.teamTypeMenu.title"}),items:r,width:280,getKey:e=>e.persona,selectedItem:e&&hc.e(e,t),originGap:4,onSelect:e=>{const{onboardingState:t}=this.props,{persona:r}=e;ue.Cc(this.environment,jy({},ec.f(t),{persona:r})),$l.default.setState(jy({},t,{userPersona:"none"!==r?r:void 0}))},renderItem:e=>n.createElement(Lr.a,Object.assign({icon:e.value.icon,title:e.value.name},e)),renderOrigin:r=>n.createElement(St.a,{isLarge:!0,onClick:e=>r.onClick(e),style:jy({padding:"2px 10px",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:3,border:0,transition:"box-shadow 0.3s ease",boxShadow:"0 0 0 1px ".concat(this.theme.outlineButtonBorder),background:this.theme.buttonBackground},this.getInputStyle())},n.createElement("div",{style:{display:"flex",alignItems:"center",color:e?this.theme.regularTextColor:this.theme.lightTextColor},className:"notranslate"},e&&this.renderIcon(hc.e(e,t)),e?hc.e(e,t).name:n.createElement(o.FormattedMessage,{defaultMessage:"Select team type",id:"onboardingWorkspaceCreate.teamTypePicker.placeholder"})),A.a.expand({width:10,fill:this.theme.lightIconColor}))};return n.createElement(Oy.a,Object.assign({key:"onboarding"},i))}renderInitialUseCaseCheckboxes(){return n.createElement(n.Fragment,null,["wiki","doc_notes","project_management"].map(e=>this.renderCheckboxForUseCase(e)))}renderIcon(e){return n.createElement("div",{style:Iy.dropdownIconStyle},e.icon)}getInvalidField(){const{spaceName:e,userType:t,userPersona:r,initialUseCases:n}=this.props.onboardingState;return e?t?r?!n&&ec.u(this.environment)?"initial_use_cases":void 0:"user_persona":"user_type":"space_name"}shouldDisableNext(){return Boolean(this.getInvalidField())}getInputStyle(){const{device:e}=this.environment;return jy({backgroundColor:this.theme.whiteButtonBackground,height:31},e.isMobile&&{height:42})}getRecordIconWrapperStyle(){return{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginRight:4}}getButtonLabelStyle(){return{fontSize:12,fontWeight:500,marginTop:4,color:this.theme.mediumTextColor}}}Iy.dropdownIconStyle={display:"flex",alignItems:"center",justifyContent:"center",marginRight:4};var Dy=Object(o.injectIntl)(Iy);class By extends b.a{constructor(){super(...arguments),this.renderMobileEditor=e=>{const{device:t}=this.environment;return n.createElement(ky,{onboardingState:e,redirectToStart:!1,contents:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Some essential tips:",id:"useCaseOnboarding.mobileEditorStep.title"})),n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Touch and hold to reorder any content.",id:"useCaseOnboarding.mobileEditorStep.description",values:{boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const{device:t}=this.environment;return n.createElement(ky,{onboardingState:e,redirectToStart:!1,contents:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"The sidebar menu keeps things organized.",id:"useCaseOnboarding.mobileEditorSidebarStep.title",values:{boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;rn.createElement(ky,{onboardingState:e,redirectToStart:!1,contents:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Notion also works on Mac, Windows, and in the browser! Everything will stay in sync across your devices.",id:"useCaseOnboarding.mobileDesktopStep.title",values:{boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const{device:t}=this.environment;return n.createElement(ky,{onboardingState:e,redirectToStart:!0,contents:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Save web pages or local files into Notion.",id:"useCaseOnboarding.mobileWebClipperStep.title",values:{boldtext:function(){for(var e=arguments.length,t=new Array(e),r=0;r{const{RouterStore:t}=this.environment,r=s.a({url:e,protocol:g.default.protocol,baseUrl:g.default.baseURL}),n=s.b({schemeUrl:r,baseUrl:g.default.baseURL}),o=h.l({url:n,baseUrl:g.default.baseURL,isMobile:this.environment.device.isMobile,protocol:g.default.protocol,currentUrl:window.location.href});this.environment.device.isAndroid&&c.clearHistoryState({RouterStore:t,currentUserId:this.environment.currentUser.id}),this.environment.reactNative&&this.environment.reactNative.closeInAppBrowser(),"googleAuthCallback"!==o.name&&o.name,c.navigate({environment:this.environment,url:n})}}async didMount(){await ar.default.waitUntil(()=>ar.default.state.isLoaded)}willMount(){const{RouterStore:e,currentUser:t}=this.environment,r=t.id;window.addEventListener("beforeunload",()=>{c.updateHistoryState({historyId:e.state.id,currentUserId:r})}),window.onpopstate=async t=>{const r=window.location.href,n=t.state?t.state.currentUserId:void 0;let o=this.environment;n&&n!==this.environment.currentUser.id&&(o=await Object(Md.a)({environment:o,newCurrentUserId:n}));const i=e.state.route,a=h.l({url:r,isMobile:o.device.isMobile,baseUrl:g.default.baseURL,protocol:g.default.protocol,currentUrl:window.location.href}),s="page"===i.name&&"page"===a.name&&i.blockId===a.blockId,l="onboarding"!==i.name&&"onboarding"===a.name;c.updateHistoryState({historyId:e.state.id,currentUserId:n}),await c.updateRouterState({environment:o,id:t.state&&t.state.id||Object(Ay.a)(),action:"pop",href:r}),l&&!this.environment.device.isReactNative&&c.navigate({environment:o,url:"/"}),s&&c.handleNavigateWithinSamePage(o)},this.environment.reactNative&&this.environment.reactNative.subscribeToOpenLink(this.handleOpenNativeLink);let n=!1;window.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&(n=!0)}),window.addEventListener("keyup",e=>{e.metaKey||e.ctrlKey||(n=!1)}),d.onNewWindow((e,t)=>{e.preventDefault(),c.navigate({environment:this.environment,url:t,metaClick:n})})}componentDidCatch(e,t){a.log({level:"error",from:"Router",type:"ClientCrash",error:e,data:t}),this.didCatchError=!0,this.forceUpdate()}renderComponent(){return n.createElement(o.IntlProvider,{defaultLocale:"en-US",locale:i.a,messages:i.c},this.renderRouteOrError())}renderRouteOrError(){var e=this;return this.didCatchError?n.createElement("div",{style:Ry.reactErrorStyle},A.a.pageErrorNotFound({width:42,height:42}),n.createElement("div",{style:Ry.reactErrorMessageStyle},n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Oops! Something went wrong.",id:"router.renderErrorPage.message.part1"})),n.createElement("div",null,n.createElement(o.FormattedMessage,{defaultMessage:"Please refresh and try again or send us a message.",id:"router.renderErrorPage.message.part2",values:{textlink:function(){for(var t=arguments.length,r=new Array(t),o=0;owindow.location.reload()},n.createElement(o.FormattedMessage,{defaultMessage:"Refresh",id:"router.renderErrorPage.reloadButton.label"}))):n.createElement(ab,null,this.renderRoute())}renderFrontPage(e){return n.createElement(Kt.a,{fetch:()=>Promise.all([r.e(11),r.e(4)]).then(r.bind(null,"7YLs")),render:e})}renderRoute(){const{RouterStore:e}=this.environment,t=e.state;"root"!==t.route.name&&"page"!==t.route.name&&"space"!==t.route.name&&cd.default.setInitialRenderCompleted(),this.environment.currentUser.isLoggedIn()||"page"===t.route.name||"space"===t.route.name||l.a(this.environment,{facebook:{eventName:"PageView",data:{content_name:window.location.href}},google:{eventName:"pageView",path:window.location.pathname}});const{device:o}=this.environment;if(o.isNative&&h.k[t.route.name])return n.createElement(lb,null);if("root"===t.route.name)return n.createElement(vg,{route:t.route});if("nativeRedirect"===t.route.name)return n.createElement(jg,{redirect:t.route.redirect});if("login"===t.route.name)return n.createElement(wb,{isSignup:!1});if("signup"===t.route.name)return n.createElement(wb,{isSignup:!0});if("product"===t.route.name)return this.renderFrontPage(e=>{let{FrontProductPage:t}=e;return n.createElement(t,null)});if("work"===t.route.name&&c.navigate({environment:this.environment,url:u.ib,redirect:!0}),"teams"===t.route.name)return this.renderFrontPage(e=>{let{FrontTeamsPage:t}=e;return n.createElement(t,null)});if("personal"===t.route.name)return this.renderFrontPage(e=>{let{FrontPersonalPage:t}=e;return n.createElement(t,null)});if("enterprise"===t.route.name)return this.renderFrontPage(e=>{let{FrontEnterprisePage:t}=e;return n.createElement(t,null)});if("startups"===t.route.name)return this.renderFrontPage(e=>{let{FrontStartupsPage:t}=e;return n.createElement(t,null)});if("notes"===t.route.name)return this.renderFrontPage(e=>{let{FrontLandingPage:t}=e;return n.createElement(t,{type:"notes"})});if("wikis"===t.route.name)return this.renderFrontPage(e=>{let{FrontLandingPage:t}=e;return n.createElement(t,{type:"wikis"})});if("remote"===t.route.name)return this.renderFrontPage(e=>{let{FrontRemotePage:t}=e;return n.createElement(t,null)});if("wiki"===t.route.name&&c.navigate({environment:this.environment,url:u.vb,redirect:!0}),"projects"===t.route.name)return this.renderFrontPage(e=>{let{FrontLandingPage:t}=e;return n.createElement(t,{type:"projects"})});if("pricing"===t.route.name)return this.renderFrontPage(e=>{let{FrontPricingPage:t}=e;return n.createElement(t,null)});if("caseStudyIndex"===t.route.name)return this.renderFrontPage(e=>{let{FrontCaseStudyIndex:t}=e;return n.createElement(t,null)});if("caseStudyPage"===t.route.name){const{contentfulId:e}=t.route;return this.renderFrontPage(t=>{let{FrontCaseStudyPage:r}=t;return n.createElement(r,{contentfulId:e})})}if("learn"===t.route.name){const{contentfulTag:e}=t.route;return this.renderFrontPage(t=>{let{FrontGuideIndex:r}=t;return n.createElement(r,{contentfulTag:e})})}if("learnPage"===t.route.name){const{contentfulId:e}=t.route;return this.renderFrontPage(t=>{let{FrontGuidePage:r}=t;return n.createElement(r,{contentfulId:e})})}return"about"===t.route.name?this.renderFrontPage(e=>{let{FrontAboutPage:t}=e;return n.createElement(t,null)}):"evernote"===t.route.name?this.renderFrontPage(e=>{let{FrontEvernotePage:t}=e;return n.createElement(t,null)}):"students"===t.route.name?this.renderFrontPage(e=>{let{FrontEducationPage:t}=e;return n.createElement(t,{type:"students"})}):"educators"===t.route.name?this.renderFrontPage(e=>{let{FrontEducationPage:t}=e;return n.createElement(t,{type:"educators"})}):"web-clipper"===t.route.name?this.renderFrontPage(e=>{let{FrontWebClipperPage:t}=e;return n.createElement(t,null)}):"toolsAndCraftEpisode1"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraft01AndyHertzfeld:t}=e;return n.createElement(t,null)}):"toolsAndCraftEpisode2"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraft02StuCard:t}=e;return n.createElement(t,null)}):"toolsAndCraftEpisode3"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraft03TedNelson:t}=e;return n.createElement(t,null)}):"toolsAndCraftEpisode4"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraft04LouisPouzin:t}=e;return n.createElement(t,null)}):"toolsAndCraftEpisode5"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraft05PamelaHardtEnglish:t}=e;return n.createElement(t,null)}):"toolsAndCraft"===t.route.name?this.renderFrontPage(e=>{let{FrontToolsAndCraftIndex:t}=e;return n.createElement(t,null)}):"desktop"===t.route.name?this.renderFrontPage(e=>{let{FrontDesktopPage:t}=e;return n.createElement(t,null)}):"mobile"===t.route.name?this.renderFrontPage(e=>{let{FrontMobilePage:t}=e;return n.createElement(t,null)}):"careers"===t.route.name?this.renderFrontPage(e=>{let{FrontCareersPage:t}=e;return n.createElement(t,null)}):("jobsRedirect"===t.route.name&&c.navigate({environment:this.environment,url:u.j,redirect:!0}),"joinUsRedirect"===t.route.name&&c.navigate({environment:this.environment,url:u.j,redirect:!0}),"unsubscribe"===t.route.name?n.createElement(db,{payload:t.route.payload}):"onboarding"===t.route.name?n.createElement(_y,null):"upcomingInvoice"===t.route.name?n.createElement(Eg,{route:t.route}):"invoiceById"===t.route.name?n.createElement(Eg,{route:t.route}):(t.route.name,t.route.name,"admin"===t.route.name&&g.default.isAdminMode?n.createElement(Kt.a,{fetch:()=>Promise.all([r.e(8),r.e(0)]).then(r.bind(null,"i8kP")),render:e=>{let{default:t}=e;return n.createElement(t,null)}}):"page"===t.route.name||"space"===t.route.name?n.createElement(lg,{routerState:t}):n.createElement(Mb,null)))}openIntercomMessages(){"undefined"!=typeof Intercom&&Intercom("showNewMessage")}}Ry.reactErrorStyle=function(e){for(var t=1;t{const e=o.fullscreen.get();void 0!==e&&this.setState({isFullScreen:e})},o.fullscreen.addListener(this.updateFromElectronState),this.updateFromElectronState()}getInitialState(){return{isFullScreen:!1}}}t.a=new i},"/xiq":function(e,t,r){"use strict";r.d(t,"a",(function(){return a})),r.d(t,"b",(function(){return s}));r("rGqo");var n=r("bkwR"),o=r("sotD"),i=r("j76I");async function a(e,t){const r=await n.getBacklinksForBlock(e,{blockId:t});"failed"!==r.type&&"LocalBacklinkStore"in e&&e.LocalBacklinkStore.setBacklinks({blockId:t,backlinks:r.data.backlinks,currentUserId:e.currentUser.id})}async function s(e,t){const{LocalBacklinkStore:r,currentUser:n}=e;if(0===t.stores.length)return;const a=t.stores[0].recordCacheStore,s=[],l={},c=new Set;for(const o of t.stores)c.has(o.id)||(c.add(o.id),s.push({table:o.table,id:o.id}),i.m(l,o.table,o.id,o.getRecordStoreAtRootPath().getValue()));const{createdBacklinks:d,deletedBacklinks:u}=await Object(o.b)({loadRecordValue:async(e,t)=>a.getRecordValue({table:e,id:t,userId:n.id}),operationRequests:s,initialRecordMap:i.j(t.initialRecordMap),finalRecordMap:l}),p=r.updateBacklinks({createdBacklinks:d,deletedBacklinks:u,currentUserId:n.id});t.postSubmitCallbacks.push(e=>{e&&r.resetBacklinks({blockIds:p,currentUserId:n.id})})}},"0/0S":function(e,t,r){"use strict";r.d(t,"c",(function(){return a})),r.d(t,"b",(function(){return s}));var n=r("LEzx"),o=r("T8dS");const i=["en","en-us","en-ca"];function a(e){return"pdf"===e.exportOptions.exportType}function s(){return i.includes(o.a.toLowerCase())?"Letter":"A4"}class l extends n.a{getInitialState(){return{open:!1}}}t.a=new l},"09Jm":function(e,t,r){"use strict";t.a=function(e,t){if(t(e))return e;let r,n=0;do{n++,r="".concat(e," ").concat(n)}while(!t(r));return r}},"0CAA":function(e,t,r){"use strict";r.d(t,"a",(function(){return i}));var n=r("T8dS"),o=r("M29X");function i(e){return n.d&&n.d[e]?n.d[e]:o[e]}},"0NVT":function(e,t,r){"use strict";r.r(t);r("ioFf"),r("rGqo");var n=r("LEzx"),o=r("2Ig/");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t0)return parseInt(e[0])>=13}else{const e=t.androidApiLevel;if(!i.isNaN(e))return e>=29}return!1}function c(){const e=window[n.b];if(e)return Object(o.parseVersion)(e.appVersion)}},"0hFN":function(e,t,r){"use strict";var n=r("q1tI"),o=r("J9+s"),i=r("wldR"),a=r("LeVO"),s=r("mKX5"),l=r("2Y+N"),c=r("ZQ9l"),d=r("DNfA"),u=r("bPtJ");function p(e){const{parentStore:t,pointer:r}=e,n=Object(u.c)(t,r.table,r.id).getValue();if(n)return{table:r.table,value:n}}var h=r("V1wX"),m=r("aEEb"),g=r("vl8/");class f extends i.a{renderComponent(){const e=this.getMetaData();if(e){const{createdBy:t,createdTime:r,lastEditedBy:o,lastEditedTime:i}=e;if(r&&o&&i)return n.createElement(l.a,{topBorder:!this.props.isPageMoreButton,disableDesktopPadding:this.props.isPageMoreButton},n.createElement(c.a,{style:this.getMenuItemStyle(),shouldWrapTitle:!0,title:this.renderAuthorInfo(t,r,o,i)}))}}renderAuthorInfo(e,t,r,i){const{device:s}=this.environment,l=g.default.getIntl();return n.createElement(a.a,{placement:d.b.Right,render:e=>n.createElement("div",Object.assign({},e),n.createElement(m.a,{isSmall:!0,isSecondaryColor:!0,isMobile:s.isMobile,isMultiline:!0,style:{marginBottom:4}},n.createElement(o.FormattedMessage,{id:"blockAuthorInfo.label",defaultMessage:"Last edited by {author}",values:{author:r.value?Object(h.b)(l,r):void 0}})),n.createElement(m.a,{isSmall:!0,isSecondaryColor:!0,isMobile:s.isMobile},i)),renderTooltip:()=>this.renderTooltip(e,t,r,i)})}renderTooltip(e,t,r,i){const a=g.default.getIntl();return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(o.FormattedMessage,{id:"blockAuthorInfo.tooltip.lastEdited",defaultMessage:"Last edited by {author}",values:{author:r.value?Object(h.b)(a,r):void 0,b:function(){for(var e=arguments.length,t=new Array(e),r=0;r{author}",values:{author:void 0!==e&&e.value?Object(h.b)(a,e):Object(h.c)(a,void 0),b:function(){for(var e=arguments.length,t=new Array(e),r=0;rn.createElement("span",{style:{marginRight:6,marginLeft:2}},","),this.renderSpaceSeparator=()=>n.createElement("span",{style:{marginRight:8}}),this.intersperseTokens=(e,t)=>{const r=e.length;return e.map((e,o)=>n.createElement("div",{style:{display:"flex",flexWrap:"nowrap"},key:"".concat(e,"-").concat(o)},e,r===o+1?void 0:t))},this.getRecordValue=(e,t)=>this.props.parentStore.getRecordValue(e,t),this.getTextValue=()=>i.flatten(this.getTextTokens())}willMountOrUpdate(){this.environment.KatexStore.loadIfNeeded(this.getTextValue)}renderComponent(){const e=this.getPropertySchema();if(e)return"title"===e.type?this.renderTitleTokens():"text"===e.type?this.renderTextTokens():"relation"===e.type?this.renderRelationTokens(e):"checkbox"===e.type?this.renderCheckboxTokens():"select"===e.type?this.renderSelectTokens(e):"multi_select"===e.type?this.renderMultiSelectTokens(e):"person"===e.type?this.renderPersonTokens():"number"===e.type?this.renderNumberTokens(e):"date"===e.type?this.renderDateTokens(e):"file"===e.type?this.renderFileTokens():"url"===e.type||"email"===e.type||"phone_number"===e.type?this.renderUrlTokens():"created_by"===e.type?this.renderCreatedByTokens():"created_time"===e.type?this.renderCreatedTimeTokens():"last_edited_by"===e.type?this.renderLastEditedByTokens():"last_edited_time"===e.type?this.renderLastEditedTimeTokens():"formula"===e.type?this.renderFormulaTokens(e):void 0}renderTitleTokens(){const{stores:e}=this.props,t=[];for(const r of e)r.getValue()&&t.push(n.createElement(g.a,{key:r.id,format:this.getTokenFormat(),blockId:r.id,isSingle:!1,parentStore:this.props.parentStore}));return n.createElement(n.Fragment,null,t)}renderTextTokens(){const{parentStore:e}=this.props,t=this.getTextTokens(),r=i.flatten(Object(C.a)(t,()=>Object(E.l)(", "))),o=Object(E.Fb)(r);return n.createElement("span",{style:_({},this.getBaseTextStyle(),{},this.props.wrap&&{whiteSpace:"normal"})},f.j({environment:this.environment,textValue:o,parentStore:e,disableHover:!1,disableStyleAnnotations:!1,disableDateStyleAnnotations:!1,disabled:!0,theme:this.theme,emojiType:Object(D.a)(this.environment),katex:this.environment.KatexStore.getKatex()}))}renderUrlTokens(){const{stores:e,property:t}=this.props,r=[];for(const o of e){const e=o.getPropertyValue(t),i=h.t(e);i&&r.push(n.createElement("span",{key:o.id,style:this.getLinkTextStyle()},i))}return n.createElement(n.Fragment,null,this.intersperseTokens(r,this.renderCommaSeparator()))}renderNumberTokens(e){const{stores:t,property:r}=this.props,o=e&&"number"===e.type&&e.number_format?e.number_format:S.a,a=[];for(const s of t){const e=s.getPropertyValue(r),t=h.p(e);i.isNaN(t)||w.i(t)||a.push(n.createElement("span",{key:s.id,style:this.getBaseTextStyle()},S.c(t,o,I.default.getIntl())))}return n.createElement(n.Fragment,null,this.intersperseTokens(a,this.renderCommaSeparator()))}renderCheckboxTokens(){const{stores:e,property:t}=this.props,r=[];for(const o of e){const e=o.getPropertyValue(t),i=h.l(e);r.push(n.createElement("div",{style:{marginTop:Ve.cellHeight/4,display:"flex",alignItems:"center"}},n.createElement(u.a,{key:o.id,checked:i,disabled:!0,size:this.isCalendar()?12:16,checkSize:this.isDesktopCalendar()?8:12})))}return n.createElement(n.Fragment,null,this.intersperseTokens(r,this.renderSpaceSeparator()))}renderSelectTokens(e){const{stores:t,property:r}=this.props,o=e.options||[],i=[];for(const a of t){const e=a.getPropertyValue(r),t=h.s(e,o);t&&i.push(n.createElement(m.a,{key:a.id,value:t,options:o,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1,shouldShrink:this.isPage()||this.isBoard()||this.isMobileCalendar()}))}return n.createElement(n.Fragment,null,i)}renderMultiSelectTokens(e){const{stores:t,property:r}=this.props,o=e.options||[],i=[];for(const a of t){const e=a.getPropertyValue(r),t=h.o(e,o);for(const r of t)i.push(n.createElement(m.a,{key:"".concat(a.id,"-").concat(r),value:r,options:o,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1,shouldShrink:this.isPage()||this.isBoard()||this.isMobileCalendar()}))}return n.createElement(n.Fragment,null,i)}renderPersonTokens(){const{stores:e,property:t}=this.props,r=[];for(const o of e){const e=o.getPropertyValue(t),i=h.q(e);for(const t of i){const e=Object(j.a)({pointer:t,getRecordValue:this.getRecordValue});e.value&&r.push(n.createElement(x.c,{key:"".concat(o.id,"-").concat(t.id),actor:e,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1}))}}return n.createElement(n.Fragment,null,r)}renderRelationTokens(e){const{stores:t,property:r}=this.props,o=[];for(const i of t){const t=i.getPropertyValue(r),a=h.j({relationValue:h.r(t),getRecordValue:this.getRecordValue,propertySchema:e});for(const r of a){const t=d.a.createChildStore(i,r).getValue();t&&t.parent_id===e.collection_id&&o.push(n.createElement(g.a,{key:"".concat(i.id,"-").concat(r),format:this.getTokenFormat(),blockId:r,isSingle:!1,parentStore:this.props.parentStore}))}}return n.createElement(n.Fragment,null,o)}renderDateTokens(e){const{stores:t,property:r}=this.props,o=e&&e.time_format?e.time_format:v.x,i=e&&e.date_format?e.date_format:v.v,a=[];for(const s of t){const e=s.getPropertyValue(r),t=h.m(e);e&&a.push(n.createElement(b.a,{key:s.id,value:t,dateFormat:i,timeFormat:o,style:this.getBaseTextStyle()}))}return n.createElement(n.Fragment,null,this.intersperseTokens(a,this.renderCommaSeparator()))}renderFileTokens(){const{stores:e,property:t}=this.props,r=[];for(const o of e){const e=o.getPropertyValue(t),i=h.n(e);for(const t of i){const e=t.name,i=t.url;y.h({url:i})?r.push(n.createElement(M.a,{key:"".concat(o.id,"-").concat(i),url:i,isAuthenticated:!0,permissionRecord:{table:o.table,id:o.id},width:20,render:(e,t)=>{if(t)return n.createElement("img",{key:i,src:t,style:this.getFileImageStyle()})}})):r.push(n.createElement("div",{key:"".concat(o.id,"-").concat(i),style:_({},this.getFileStyle(),{},this.isDesktopCalendar()&&{height:14,display:"inline-flex"})},n.createElement("span",{style:L.fileTitleStyle},e)))}}return n.createElement(n.Fragment,null,r)}renderFormulaTokens(e){const{stores:t,property:r,schema:o}=this.props,{formula:a,number_format:s}=e,l=a?a.result_type:null,c=s||S.a,d=[];for(const p of t){const e=p.getValue();if(e){const t=Object(P.a)({property:r,schema:o,block:e,userTimeZone:v.m,getRecordValue:this.getRecordValue,depth:0,intl:I.default.getIntl(),resultCache:{}});if("checkbox"===l&&"boolean"==typeof t)d.push(n.createElement(u.a,{key:p.id,checked:t,disabled:!0,size:this.isDesktopCalendar()?12:16,checkSize:this.isDesktopCalendar()?8:12}));else if("number"===l&&w.j(t))i.isNaN(t)||w.i(t)||d.push(n.createElement("span",{key:p.id,style:this.getBaseTextStyle()},S.c(t,c,I.default.getIntl())));else if("date"===l&&v.U(t)){let e;Object(O.a)(a).find(t=>{const r=o[t];return!(!r||"date"!==r.type)&&(e=r,!0)}),d.push(n.createElement(b.a,{key:p.id,value:t,dateFormat:e&&e.date_format?e.date_format:v.v,timeFormat:e&&e.time_format?e.time_format:v.x,style:this.getBaseTextStyle()}))}else"text"===l&&"string"==typeof t&&d.push(n.createElement("div",{key:p.id,style:this.getBaseTextStyle()},t?t.toString():null))}}return n.createElement(n.Fragment,null,this.intersperseTokens(d,"checkbox"===l?this.renderSpaceSeparator():this.renderCommaSeparator()))}renderCreatedTimeTokens(){const{stores:e}=this.props,t=[];for(const r of e){const e=r.getValue(),o=e&&e.created_time;if(o){const e=v.r(o,v.m);t.push(n.createElement(b.a,{key:r.id,value:e,dateFormat:v.v,timeFormat:"h:mm A",style:this.getBaseTextStyle()}))}}return n.createElement(n.Fragment,null,this.intersperseTokens(t,this.renderCommaSeparator()))}renderCreatedByTokens(){const{stores:e}=this.props,t=i.compact(e.map(e=>{const t=e.getValue();if(!t)return;if(!t.created_by_table)return;if(!t.created_by_id)return;const r=Object(j.a)({pointer:{table:t.created_by_table,id:t.created_by_id},getRecordValue:this.getRecordValue});return r.value?n.createElement(x.c,{key:"".concat(e.id,"-").concat(t.created_by_id),actor:r,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1}):void 0}));return n.createElement(n.Fragment,null,t)}renderLastEditedTimeTokens(){const{stores:e}=this.props,t=[];for(const r of e){const e=r.getValue(),o=e&&e.last_edited_time;if(o){const e=v.r(o,v.m);t.push(n.createElement(b.a,{key:r.id,value:e,dateFormat:v.v,timeFormat:"h:mm A",style:this.getBaseTextStyle()}))}}return n.createElement(n.Fragment,null,this.intersperseTokens(t,this.renderCommaSeparator()))}renderLastEditedByTokens(){const{stores:e}=this.props,t=i.compact(e.map(e=>{const t=e.getValue();if(!t)return;if(!t.last_edited_by_table)return;if(!t.last_edited_by_id)return;const r=Object(j.a)({pointer:{table:t.last_edited_by_table,id:t.last_edited_by_id},getRecordValue:this.getRecordValue});return r.value?n.createElement(x.c,{key:"".concat(e.id,"-").concat(t.last_edited_by_id),actor:r,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1}):void 0}));return n.createElement(n.Fragment,null,t)}getPropertySchema(){const{property:e,schema:t}=this.props;return t[e]}isTable(){const{format:e}=this.props;return e===Re.Table}isBoard(){const{format:e}=this.props;return e===Re.Board}isCalendar(){const{format:e}=this.props;return e===Re.Calendar}isDesktopCalendar(){const{device:e}=this.environment,{format:t}=this.props;return!e.isMobile&&t===Re.Calendar}isMobileCalendar(){const{device:e}=this.environment,{format:t}=this.props;return e.isMobile&&t===Re.Calendar}isPage(){const{format:e}=this.props;return e===Re.Page}isListView(){const{format:e}=this.props;return e===Re.ListView}isMobileGallery(){const{device:e}=this.environment,{format:t}=this.props;return e.isMobile&&t===Re.GalleryView}isDesktopGallery(){const{device:e}=this.environment,{format:t}=this.props;return!e.isMobile&&t===Re.GalleryView}getTokenFormat(){return this.isMobileCalendar()?k.a.Medium:this.isDesktopCalendar()||this.isDesktopGallery()?k.a.ExtraSmall:this.isBoard()?k.a.Small:this.isListView()||this.isMobileGallery()?k.a.Inline:k.a.Medium}getTextTokens(){const{stores:e,property:t}=this.props,r=[];for(const n of e){const e=n.getPropertyValue(t);e&&r.push(e)}return r}getBaseTextStyle(){return this.isTable()?{lineHeight:1.5,whiteSpace:"nowrap",wordBreak:"normal",pointerEvents:"none"}:this.isDesktopCalendar()?_({lineHeight:1.2},T.a.textOverflowStyle):{lineHeight:1.5,wordBreak:"break-word",whiteSpace:"pre-wrap",pointerEvents:"none"}}getLinkUnderlineStyle(){return{backgroundImage:"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat(this.theme.darkDividerColor," 0%,\n\t\t\t").concat(this.theme.darkDividerColor," 100%\n\t\t)"),backgroundRepeat:"repeat-x",backgroundPosition:"0 100%",backgroundSize:"100% 1px"}}getLinkTextStyle(){return _({},this.getBaseTextStyle(),{},this.getLinkUnderlineStyle())}getFileImageStyle(){return{maxHeight:this.isDesktopCalendar()?18:24,marginRight:6}}getFileStyle(){return{display:"flex",alignItems:"center",whiteSpace:"nowrap",maxWidth:120,height:18,borderRadius:3,background:this.theme.selectColors.default,paddingLeft:6,paddingRight:6,overflow:"hidden",marginRight:6,marginTop:3,marginBottom:3,paddingBottom:1}}}L.cellHeight=32,L.fileTitleStyle=_({},T.a.textOverflowStyle);var F=L,R=r("SR/M"),N=r("i3uR"),V=r("gbGO"),U=r("WgIs"),Y=r("Oy36"),W=r("J9+s");function X(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class q extends p.a{renderComponent(){return n.createElement("div",{style:this.getStyle()},n.createElement("span",null,n.createElement(W.FormattedMessage,{defaultMessage:"{relationMoreItemsCount} more…",id:"database.relationPropertyValue.moreItems.message",values:{relationMoreItemsCount:this.props.count}})))}getStyle(){const{format:e,isPage:t}=this.props,{margin:r}=q.styles[e],{height:n,fontSize:o}=q.styles[e];return function(e){for(var t=1;t{const{property:e,store:t,schema:r}=this.props,n=t.getValue();if(n)return Object(P.a)({property:e,schema:r,block:n,getRecordValue:this.props.store.getRecordValue,userTimeZone:v.m,depth:0,intl:this.props.intl,resultCache:{}})})}renderComponent(){const{property:e,schema:t,style:r,isDesktopCalendar:o,intl:a}=this.props,s=t[e];if(!s||"formula"!==s.type)return;const{formula:l,number_format:c}=s,d=l?l.result_type:null,p=this.formulaValueStore.state;if("checkbox"===d&&"boolean"==typeof p)return n.createElement(u.a,{checked:p,disabled:!0,size:o?12:16,checkSize:o?8:12});if("number"===d&&Object(w.j)(p)){const e=c||S.a;if(!i.isNaN(p)&&!Object(w.i)(p))return n.createElement("span",{style:r},S.c(p,e,a))}else{if("date"===d&&v.U(p)){let e;return Object(O.a)(l).find(r=>{const n=t[r];return!(!n||"date"!==n.type)&&(e=n,!0)}),n.createElement(b.a,{value:p,dateFormat:e&&e.date_format?e.date_format:v.v,timeFormat:e&&e.time_format?e.time_format:v.x,style:r})}if("text"===d&&"string"==typeof p)return n.createElement("div",{style:r},p?p.toString():null)}}}var xe=Object(W.injectIntl)(je),Ie=r("DkKf"),De=r("7bRZ"),Be=r("nYHe");function _e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ae(e){for(var t=1;t{const{device:e}=this.environment;let t;return t=e.isMobile?{menuType:V.b.MenuType.ActionSheet}:{menuType:V.b.MenuType.Popup},n.createElement(V.b,Object.assign({},t),n.createElement(U.a,{type:U.a.Type.Vertical,initialFocus:0,sections:[{key:0,render:e=>n.createElement(G.a,Object.assign({},e)),items:this.getNumberFormatMenuItems()}]}))},this.handleTableCellClick=e=>{e.shiftKey||Object(ne.d)({event:e,context:ne.a.EditorClick,callback:()=>{Object(Ie.c)()||this.handleEditButtonClick()}})},this.handleEditButtonClick=async()=>{const{device:e,WindowSizeStore:t}=this.environment,{onClick:r,property:n,format:o}=this.props,i=this.getType();if(i){if("checkbox"===i){const e=this.getPropertyValue(),t=h.l(e),r=this.getPropertyStore();r&&Me.createAndCommit(this.environment,e=>{ve.c({store:r,value:h.a(!t),transaction:e})}),ie.xb(this.environment,{block_id:r.id,property:n,property_type:i,from:o===Re.Table?"table":"page_properties"})}else{-1===fe.o.indexOf(i)&&(this.stores.mouseStore.setState(Ae({},this.stores.mouseStore.state,{mouseEntered:!1})),e.isReactNative&&Ee.b[i]===Ce.b.Popup&&(ke.b({component:this,vertical:{reveal:"bottom",paddingToTopEdge:4,paddingToBottomEdge:t.getSafePaddingBottomPx(320)},horizontal:{reveal:"closest"}}),await oe.default.afterNextFlush()),ae.h({environment:this.environment,blockPropertyValueOverlayStore:this.props.blockPropertyValueOverlayStore,store:this.props.store,property:this.props.property,format:this.props.format,disableHorizontalEdgeScroll:this.props.disableHorizontalEdgeScroll}))}r&&r()}},this.handleNumberFormatChange=e=>{const{store:t,property:r,schema:n}=this.props,o=n[r];if(!o)return;if("number"!==o.type&&"formula"!==o.type)return;const i=Ae({},o,{number_format:e}),a=Ae({},n,{[r]:i}),s=t.getParentCollectionStore();s&&Me.createAndCommit(this.environment,e=>{be.o({environment:this.environment,collectionStore:s,update:{schema:a},transaction:e})}),this.stores.numberFormatButtonPopupStore.setState(Ae({},this.stores.numberFormatButtonPopupStore.state,{open:!1}))},this.handleTitleLinkClick=()=>{ie.Jb(this.environment,{is_peek:!0,from:"table"})},this.handleContextMenu=e=>{const{onContextMenu:t}=this.props;t&&Object(ne.d)({event:e,context:ne.a.EditorContextMenu,callback:()=>{t(e)}})},this.handleMouseMove=()=>{this.stores.mouseStore.setState(Ae({},this.stores.mouseStore.state,{mouseEntered:!0}))},this.handleMouseLeave=()=>{this.stores.mouseStore.setState(Ae({},this.stores.mouseStore.state,{mouseEntered:!1}))},this.handleNativeDrop=e=>{ae.h({environment:this.environment,blockPropertyValueOverlayStore:this.props.blockPropertyValueOverlayStore,store:this.props.store,property:this.props.property,format:this.props.format,uploadFiles:e.files,disableHorizontalEdgeScroll:this.props.disableHorizontalEdgeScroll})},this.getPropertyValue=()=>this.getPropertyStore().getValue(),this.getRecordValue=(e,t)=>this.props.store.getRecordValue(e,t)}getContextVerticalScroller(){return this.context.verticalScroller}getContextHorizontalScroller(){return this.context.horizontalScroller}openNumberFormat(){this.stores.numberFormatButtonPopupStore.setState({open:!0})}willMountOrUpdate(){this.environment.KatexStore.loadIfNeeded(this.getPropertyValue)}renderComponent(){return this.isTable()?this.renderTableProperty():this.isPage()?this.renderPageProperty():this.isBoard()?this.renderBoardProperty():this.isMobileCalendar()?this.renderMobileBoardProperty():this.isDesktopCalendar()?this.renderCalendarProperty():this.isGallery()?this.renderGalleryProperty():this.isListView()?this.renderListViewProperty():void 0}renderTableProperty(){return this.isLinkType()?this.renderLinkType():this.isNumberType()?this.renderNumberType():this.isReadOnlyType()?this.renderReadOnlyType():this.isDroppableType()?this.renderDroppableType():this.isRollup()?this.renderRollupType():this.renderButtonType()}renderPageProperty(){return this.isDroppableType()?this.renderDroppableType():this.isEmpty()?this.renderEmptyPageProperty():this.renderTableProperty()}renderBoardProperty(){return n.createElement("div",{style:this.getCardPropertyStyle(),onContextMenu:this.handleContextMenu},this.renderValue())}renderMobileBoardProperty(){return n.createElement("div",{style:this.getMobileCardPropertyStyle()},this.renderValue())}renderCalendarProperty(){return n.createElement("div",{style:Ne.calendarPropertyStyle,onContextMenu:this.handleContextMenu},this.renderValue())}renderGalleryProperty(){return n.createElement("div",{style:this.getGalleryPropertyStyle(),onContextMenu:this.handleContextMenu},this.renderValue())}renderListViewProperty(){const{device:e}=this.environment,t=this.getType(),r="person"===t||"created_by"===t||"last_edited_by"===t,o="select"===t||"multi_select"===t,i=this.isLinkType();if(!this.isEmpty()){if(i){if("url"===t&&!this.getLinkHref())return;return n.createElement("div",{style:Ae({},this.getListPropertyStyle(),{marginLeft:e.isMobile?0:8,marginRight:e.isMobile?4:0})},this.renderListViewLinkValue())}return n.createElement("div",{style:Ae({},this.getListPropertyStyle(),{},r&&{minWidth:"none"},{},o&&{flexShrink:0})},this.renderValue())}}renderListViewLinkValue(){const e=this.getType(),t=this.getLinkHref(),r=this.getDomainName(),o=e&&Ne.navigateButton[e];if(!o)return;const{icon:i,tooltip:a}=o;return r&&t?n.createElement(Z.a,{renderTooltip:()=>a,render:e=>n.createElement(c.a,Object.assign({href:this.getLinkHref(),external:this.getLinkExternal(),style:{minWidth:0}},e),n.createElement(l.a,{style:{display:"flex"}},i({width:12,height:12,fill:this.theme.mediumIconColor,marginTop:2,marginRight:4}),n.createElement("span",{style:this.getLinkTextStyle()},r||"")))}):void 0}renderEmptyPageProperty(){const e=Ae({},this.getCellStyle(),{color:this.theme.lightTextColor}),t=n.createElement(W.FormattedMessage,{defaultMessage:"Empty",id:"database.pageProperty.emptyTitle"});return this.isTable()?n.createElement("div",{style:e,onClick:this.handleTableCellClick,onContextMenu:this.handleContextMenu},t):n.createElement(a.a,{style:e,onClick:this.handleEditButtonClick,onContextMenu:this.handleContextMenu},t)}renderLinkType(){const{device:e}=this.environment,{property:t}=this.props;if(e.isMobile&&"title"===t)return n.createElement("div",{style:this.getLinkCellWrapStyle()},n.createElement(c.a,{href:this.getLinkHref(),external:this.getLinkExternal(),style:Ae({},this.getCellStyle(),{borderRadius:0,margin:0,textDecoration:"none"})},this.renderValue()));{const t=this.getMouseEntered()||e.isMobile;return n.createElement("div",{style:Ae({},this.getLinkCellWrapStyle(),{position:t?"relative":void 0}),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu},this.isTable()?n.createElement("div",{style:this.getCellStyle(),onClick:this.handleTableCellClick},this.renderValue()):n.createElement(a.a,{style:this.getCellStyle(),onClick:this.handleEditButtonClick},this.renderValue()),t&&this.renderNavigateButton())}}renderNumberType(){const{device:e}=this.environment,{numberFormatButtonPopupStore:t}=this.stores,r=this.getMouseEntered(),o=this.isTable(),i=t.state.open||r||e.isMobile,s=Ae({},this.getCellStyle(),{},o?Ne.numberTableCellStyle:Ne.numberPagePropertyStyle);return n.createElement("div",{style:Ae({},o?Ne.numberCellWrapStyle:Ne.numberCellWrapPagePropertyStyle,{},i&&{position:"relative"}),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu},o&&i&&!this.props.locked&&!this.props.disabled&&this.renderNumberFormatEditButton(),o?n.createElement("div",{style:s,onClick:this.handleTableCellClick},this.renderValue()):n.createElement(a.a,{style:s,onClick:this.handleEditButtonClick},this.renderValue()),!o&&i&&this.renderNumberFormatEditButton())}renderButtonType(){return this.isTable()?n.createElement("div",{style:this.getCellStyle(),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu,onClick:this.props.disabled&&"checkbox"===this.getType()?void 0:this.handleTableCellClick},this.renderValue()):n.createElement(a.a,{style:this.getCellStyle(),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu,onClick:this.handleEditButtonClick,disabled:this.props.disabled&&"checkbox"===this.getType()},this.renderValue())}renderRollupType(){const e=this.isTable(),{schema:t,property:r}=this.props,o=t[r],i=o&&"rollup"===o.type&&o.aggregation,s=Ae({},this.getCellStyle(),{},i&&(e?Ae({},Ne.numberTableCellStyle,{paddingTop:5}):Ne.numberPagePropertyStyle));return n.createElement("div",{style:Ae({display:"flex"},this.isPage()&&{flex:1,minWidth:0}),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu},e?n.createElement("div",{style:s,onClick:this.handleTableCellClick},this.renderValue()):n.createElement(a.a,{style:s,onClick:this.handleEditButtonClick},this.renderValue()))}renderDroppableType(){const{disabled:e,store:t}=this.props;return this.clonedStore||(this.clonedStore=t.clone()),n.createElement(K.a,{store:this.clonedStore,canNativeDropOnto:!e,onNativeDrop:this.handleNativeDrop,style:{width:this.isPage()?"100%":"auto"},analyticsName:"file_property",shouldShowDropZone:!0},this.isPage()&&this.isEmpty()?this.renderEmptyPageProperty():this.renderButtonType())}renderReadOnlyType(){return n.createElement("div",{style:this.getCellStyle(),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onContextMenu:this.handleContextMenu,onClick:ne.b},this.renderValue())}renderValue(){const{schema:e,property:t}=this.props,r=e[t];if(r)return"title"===r.type?this.renderTitle():"text"===r.type?this.renderText():"relation"===r.type?this.renderRelation(r):"checkbox"===r.type?this.renderCheckbox():"select"===r.type?this.renderSelect(r):"multi_select"===r.type?this.renderMultiSelect(r):"person"===r.type?this.renderPerson():"number"===r.type?this.renderNumber(r):"date"===r.type?this.renderDate(r):"file"===r.type?this.renderFile():"url"===r.type||"email"===r.type||"phone_number"===r.type?this.renderLinkText():"created_by"===r.type?this.renderCreatedBy():"created_time"===r.type?this.renderCreatedTime():"last_edited_by"===r.type?this.renderLastEditedBy():"last_edited_time"===r.type?this.renderLastEditedTime():"formula"===r.type?this.renderFormula():"rollup"===r.type?this.renderRollup(r):void 0}renderTitle(){const{store:e}=this.props,t=this.getPropertyValue(),r=e.hasIcon()||!e.isEmptyPage(),o=Se.h(e);return[r&&n.createElement(Y.a,{key:"icon",disabled:!0,icon:e.getIcon(),isEmptyPage:!1,style:Ne.titleIconStyle,size:20}),n.createElement("span",{style:this.getTitleStyle(),key:"value"},f.j({environment:this.environment,textValue:t,parentStore:this.props.store,disableHover:!0,disableStyleAnnotations:!0,disableDateStyleAnnotations:!1,disabled:!0,theme:this.theme,emojiType:Object(D.a)(this.environment),katex:this.environment.KatexStore.getKatex()})),o>0&&n.createElement("span",{key:"discussion-indicator",style:this.getDiscussionIndicatorStyle()},Pe.a.speechBubble({width:14,height:14,marginRight:4,fill:this.theme.mediumIconColor}),o)]}renderText(){const e=this.getPropertyValue(),t=n.createElement("span",{style:this.getBaseTextStyle()},f.j({environment:this.environment,textValue:e,parentStore:this.props.store,disableHover:!1,disableStyleAnnotations:!1,disableDateStyleAnnotations:!1,disabled:!0,theme:this.theme,emojiType:Object(D.a)(this.environment),katex:this.environment.KatexStore.getKatex()}));return this.isListView()?n.createElement("div",{style:Ne.listViewTextWrapStyle},t):t}renderLinkText(){const e=this.getPropertyValue();if(this.isBoard()||this.isGallery()){const e=this.getDomainName();return n.createElement(Te.a,{href:this.getLinkHref(),style:{display:"inline-flex"},innerStyle:{flexShrink:1,width:"none",padding:"0 4px",marginLeft:-4,borderRadius:3}},n.createElement("span",{style:this.getLinkTextStyle()},e||""))}{const t=h.t(e);return n.createElement("span",{style:this.getLinkTextStyle()},t||"")}}renderNumber(e){const t=this.getPropertyValue(),r=h.p(t),o=e.number_format||S.a;if(!i.isNaN(r)&&!w.i(r))return n.createElement("span",{style:this.getBaseTextStyle()},S.c(r,o,I.default.getIntl()))}renderCheckbox(){const{disabled:e}=this.props,t=this.getPropertyValue(),r=h.l(t),o=this.isBoard()||this.isGallery()||this.isMobileCalendar(),i=this.isDesktopCalendar()||this.isDesktopGallery(),a=!e&&!this.isTable()&&!this.isPage();if(!o&&!i)return n.createElement(u.a,{checked:r,disabled:!a,onClick:this.handleEditButtonClick,size:16,checkSize:12});{const{property:e,schema:t}=this.props,o=t[e];if(o){const e=o.name;return n.createElement("div",{style:Ne.cardCheckboxWrapStyle},n.createElement(u.a,{checked:r,size:i?12:16,checkSize:i?8:12,disabled:!a,onClick:this.handleEditButtonClick}),n.createElement("div",{style:Ne.cardCheckboxNameStyle},e))}}}renderSelect(e){const t=this.getPropertyValue(),r=e.options||[],o=h.s(t,r);if(o)return n.createElement("div",{style:this.getTokenWrapStyle()},n.createElement(m.a,{key:o,value:o,options:r,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1,shouldShrink:this.isPage()||this.isBoard()||this.isMobileCalendar()||this.isListView()}))}renderMultiSelect(e){const t=this.getPropertyValue(),r=e.options||[],o=h.o(t,r);if(o.length>0)return n.createElement("div",{style:this.getTokenWrapStyle()},o.map(e=>n.createElement(m.a,{key:e,value:e,options:r,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1,shouldShrink:this.isPage()||this.isBoard()||this.isMobileCalendar()})))}renderPerson(){const e=this.getPropertyValue(),t=h.q(e);if(this.isListView()&&t.reverse(),t.length>0)return n.createElement("div",{style:this.getTokenWrapStyle()},t.map(e=>{const t=Object(j.a)({pointer:e,getRecordValue:this.getRecordValue});if(t.value)return n.createElement(x.c,{key:e.id,actor:t,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1})}))}renderRelation(e){const t=this.getPropertyValue(),r=h.j({relationValue:h.r(t),propertySchema:e,getRecordValue:this.getRecordValue}),o=r.slice(0,Ne.renderRelationTokenLimit),i=[];for(const a of o){const t=d.a.createChildStore(this.props.store,a).getValue();t&&t.parent_id===e.collection_id&&i.push(n.createElement(g.a,{key:a,format:this.getTokenFormat(),blockId:a,shouldWrap:this.isTable()&&this.shouldWrap(),isSingle:!1,shouldShrink:this.isBoard()||this.isListView(),parentStore:this.props.store}))}return n.createElement("div",{style:this.getTokenWrapStyle()},i,r.length>Ne.renderRelationTokenLimit&&n.createElement(H,{count:r.length-Ne.renderRelationTokenLimit,format:this.getTokenFormat(),isPage:this.isPage()}))}renderRollup(e){const{property:t,schema:r,store:o,format:i}=this.props,a=o.getValue();if(!e.relation_property||!a)return;const s=a.properties||{},l=r[e.relation_property];if(!l||"relation"!==l.type||!l.collection_id)return;const c=ee.a.createChildStore(o,l.collection_id).getValue();if(!c)return;const u=fe.e(c),p=e.target_property||"title",m=u[p];if(!m)return;if(e.aggregation){const o=we.a({block:a,property:t,schema:r,getRecordValue:this.getRecordValue,userTimeZone:v.m,depth:0,intl:I.default.getIntl()});if(void 0===o)return;let i;"formula"!==m.type&&"number"!==m.type||(i=m.number_format);const s=Object(De.e)({numberFormat:i,aggregationType:e.aggregation,value:o,userTimeZone:v.m,roundDecimal:3});return n.createElement("span",{style:this.getBaseTextStyle()},s)}const g={title:this.getTokenWrapStyle(),number:ue,file:this.getFileTokenWrapStyle(),text:ue,checkbox:{paddingBottom:this.isPage()?Ne.cellHeight/4:0},person:this.getTokenWrapStyle(),url:ue,email:ue,phone_number:ue,select:this.getTokenWrapStyle(),multi_select:this.getTokenWrapStyle(),date:ue,created_by:this.getTokenWrapStyle(),created_time:this.getBaseTextStyle(),last_edited_by:this.getTokenWrapStyle(),last_edited_time:this.getBaseTextStyle(),relation:this.getTokenWrapStyle(),rollup:void 0,formula:ue},f=h.j({relationValue:h.r(s[e.relation_property]),getRecordValue:this.getRecordValue,propertySchema:l}).map(e=>d.a.createChildStore(o,e)).filter(e=>{const t=e.getValue();return t&&t.parent_id===c.id});return n.createElement("div",{style:Ae({},g[m.type||"relation"],{display:"flex",flexWrap:this.shouldWrap()||this.isBoard()?"wrap":"nowrap"})},n.createElement(F,{stores:f,property:p,schema:u,format:i,parentStore:o,wrap:this.shouldWrap()}))}renderDate(e){const t=this.getPropertyValue(),r=h.m(t),o=e&&e.time_format?e.time_format:v.X,i=e&&e.date_format?e.date_format:v.v;if(r)return n.createElement(b.a,{value:r,dateFormat:i,timeFormat:o,style:Ae({},this.getBaseTextStyle(),{},this.isListView()&&{fontSize:12,color:this.theme.mediumTextColor})})}renderFile(){const e=this.getPropertyValue(),t=h.n(e);if(t.length>0)return n.createElement("div",{style:this.getFileTokenWrapStyle()},t.map(e=>{const t=e.url,r=e.name;return y.h({url:t})?n.createElement(M.a,{key:t,url:t,isAuthenticated:!0,permissionRecord:{table:this.props.store.table,id:this.props.store.id},width:20,render:(e,r)=>{if(r)return n.createElement("img",{key:t,src:r,style:this.getFileImageStyle()})}}):n.createElement("div",{style:Ae({},this.getFileStyle(),{},this.isDesktopCalendar()&&{height:14,display:"inline-flex"}),key:t},n.createElement("span",{style:Ne.fileTitleStyle},r))}))}renderFormula(){const{property:e,store:t,schema:r}=this.props;return n.createElement(xe,{property:e,store:t,schema:r,isDesktopCalendar:this.isDesktopCalendar(),style:this.getBaseTextStyle()})}renderCreatedTime(){const e=this.props.store.getValue(),t=e&&e.created_time,r=this.isListView();if(t){const e=v.r(t,v.m);return n.createElement(b.a,{value:e,dateFormat:r?"relative":v.v,timeFormat:r?void 0:v.x,style:Ae({},this.getBaseTextStyle(),{},r&&{fontSize:12,color:this.theme.mediumTextColor})})}}renderCreatedBy(){const e=this.props.store.getValue();if(!e)return;if(!e.created_by_table)return;if(!e.created_by_id)return;const t=Object(j.a)({pointer:{table:e.created_by_table,id:e.created_by_id},getRecordValue:this.getRecordValue});return n.createElement("div",{style:this.getTokenWrapStyle()},t.value&&n.createElement(x.c,{actor:t,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1}))}renderLastEditedTime(){const e=this.props.store.getValue(),t=e&&e.last_edited_time,r=this.isListView();if(t){const e=v.r(t,v.m);return n.createElement(b.a,{value:e,dateFormat:r?"relative":v.v,timeFormat:r?void 0:v.x,style:Ae({},this.getBaseTextStyle(),{},r&&{fontSize:12,color:this.theme.mediumTextColor})})}}renderLastEditedBy(){const e=this.props.store.getValue();if(!e)return;if(!e.last_edited_by_table)return;if(!e.last_edited_by_id)return;const t=Object(j.a)({pointer:{table:e.last_edited_by_table,id:e.last_edited_by_id},getRecordValue:this.getRecordValue});return n.createElement("div",{style:this.getTokenWrapStyle()},t.value&&n.createElement(x.c,{actor:t,showRemoveButton:!1,format:this.getTokenFormat(),isSingle:!1}))}renderNavigateButton(){const e=this.getType(),t=this.getLinkHref(),r=e&&Ne.navigateButton[e];if(!r)return;const{icon:o,tooltip:i}=r;return t?n.createElement(Z.a,{renderTooltip:()=>i,render:r=>n.createElement(c.a,Object.assign({href:t,metaHref:this.getLinkClickHref(),style:{position:"absolute",right:6,top:4},external:this.getLinkExternal(),onClick:"title"===e?this.handleTitleLinkClick:void 0},r),n.createElement(s.a,{icon:o,hasBackground:!0,showShadow:!0,caption:"title"===e&&I.default.formatMessage(Fe.openAsPageTitle)}))}):void 0}renderNumberFormatEditButton(){const{device:e}=this.environment,{numberFormatButtonPopupStore:t}=this.stores,r=this.isTable();return n.createElement(N.a,{popupType:e.isMobile?N.a.PopupType.SlideUp:N.a.PopupType.Popup,buttonPopupStore:t,style:{width:200},renderOrigin:e=>n.createElement(s.a,Object.assign({icon:Pe.a.collectionNumberType,hasBackground:!0,showShadow:!0,style:r?Ne.leftNumberTypeButtonStyle:Ne.rightNumberTypeButtonStyle},e)),render:this.renderNumberFormatMenu})}renderNumberFormatMenuTitle(e){switch(e){case"number":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.number",defaultMessage:"Number"});case"number_with_commas":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.numberWithCommas",defaultMessage:"Number with commas"});case"percent":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.percent",defaultMessage:"Percent"});case"dollar":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.dollar",defaultMessage:"Dollar"});case"euro":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.euro",defaultMessage:"Euro"});case"pound":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.pound",defaultMessage:"Pound"});case"yen":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.yen",defaultMessage:"Yen"});case"ruble":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.ruble",defaultMessage:"Ruble"});case"rupee":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.rupee",defaultMessage:"Rupee"});case"won":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.won",defaultMessage:"Won"});case"yuan":return n.createElement(W.FormattedMessage,{id:"collection.numberFormat.yuan",defaultMessage:"Yuan"})}}renderNumberFormatMenuItem(e,t){return n.createElement(R.a,Object.assign({},t,{title:this.renderNumberFormatMenuTitle(e)}))}getNumberFormatMenuItems(){return S.d.map(e=>({key:e,render:t=>this.renderNumberFormatMenuItem(e,t),action:()=>this.handleNumberFormatChange(e)}))}getPropertyStore(){const{store:e,property:t}=this.props;return e.getPropertyStore(t)}isLinkType(){const{schema:e,property:t}=this.props,r=e[t];if(r&&"formula"===r.type){const{formula:e}=r;return e&&e.result_type&&fe.i(e.result_type)}return r&&fe.i(r.type)}isNumberType(){const{schema:e,property:t}=this.props,r=e[t];if(r&&"formula"===r.type){const{formula:e}=r;return Boolean(e&&"number"===e.result_type)}return r&&"number"===r.type}isReadOnlyType(){const e=this.getType();return e&&fe.j(e)}isDroppableType(){return"file"===this.getType()}getLinkHref(){const{store:e}=this.props,t=this.getType();if("title"===t)return Object(re.a)({store:e,fullyQualified:!1});if("url"===t){const e=this.getPropertyValue(),t=h.t(e);if(t){const e=ye.find(t);if(e&&e[0]&&e[0].href)return e[0].href}}else if("phone_number"===t){const e=this.getPropertyValue(),t=h.t(e);if(t){const e=t.trim().replace(/\s/g,"").replace(/\(/g,"").replace(/\)/g,"").replace(/\-/g,"").replace(/\./g,"");return"tel:".concat(e)}}else if("email"===t){const e=this.getPropertyValue(),t=h.t(e);if(t)return"mailto:".concat(t)}}getLinkClickHref(){const{device:e}=this.environment,{store:t}=this.props;if("title"===this.getType()&&!e.isMobile){const{currentBlockStore:e}=J.default.state;if(e)return Object(re.a)({store:e,fullyQualified:!1,peekViewBlockId:t.id})}}getLinkExternal(){return"title"!==this.getType()}isEmpty(){const{store:e,schema:t,property:r}=this.props,n=e.getValue();return!this.isCheckBoxType()&&(!n||h.u({block:n,property:r,schema:t,getRecordValue:this.getRecordValue,userTimeZone:v.m,intl:I.default.getIntl()}))}isTable(){const{format:e}=this.props;return e===Re.Table}isBoard(){const{format:e}=this.props;return e===Re.Board}isDesktopCalendar(){const{device:e}=this.environment,{format:t}=this.props;return!e.isMobile&&t===Re.Calendar}isMobileCalendar(){const{device:e}=this.environment,{format:t}=this.props;return e.isMobile&&t===Re.Calendar}isPage(){const{format:e}=this.props;return e===Re.Page}isListView(){const{format:e}=this.props;return e===Re.ListView}isGallery(){const{format:e}=this.props;return e===Re.GalleryView}isDesktopGallery(){const{format:e}=this.props,{device:t}=this.environment;return!t.isMobile&&e===Re.GalleryView}isMobileGallery(){const{device:e}=this.environment,{format:t}=this.props;return e.isMobile&&t===Re.GalleryView}getType(){const{schema:e,property:t}=this.props,r=e[t];if(r)return r.type}getMouseEntered(){const{forceMouseEntered:e}=this.props;return Object(w.i)(e)?this.stores.mouseStore.state.mouseEntered:e}shouldWrap(){const{tableWrap:e}=this.props,t=this.isPage();return e||t}getTokenFormat(){return this.isMobileCalendar()?k.a.Medium:this.isDesktopCalendar()||this.isDesktopGallery()?k.a.ExtraSmall:this.isBoard()?k.a.Small:this.isListView()||this.isMobileGallery()?k.a.Inline:k.a.Medium}isCheckBoxType(){const{schema:e,property:t}=this.props,r=e[t];if(r&&"formula"===r.type){const{formula:e}=r;return e&&"checkbox"===e.result_type}return r&&"checkbox"===r.type}isRollup(){return"rollup"===this.getType()}getDomainName(){const e=this.getType(),t=this.getPropertyValue(),r=h.t(t);if("url"===e){const e=Oe.e(r).hostname;return e?e.replace(/^www./i,""):r}return r}getCellStyle(){const{width:e}=this.props,t=this.getType(),r=this.isTable(),n=this.shouldWrap(),o=this.isCheckBoxType(),i="select"===t||"multi_select"===t,a="file"===t,s="relation"===t,l="rollup"===t,c="person"===t||"created_by"===t||"last_edited_by"===t,d=this.isDroppableType(),u=Ae({fontSize:14,overflow:"hidden"},!(this.isPage()&&this.isEmpty())&&(i||c||a||s||l)&&{paddingTop:0,paddingBottom:0},{},o?this.getCheckboxCellStyle():Ne.cellLeftPaddingStyle);return r?Ae({display:"block",width:e,borderRight:this.props.disableTableBorderRight||this.props.isLast&&(this.props.disabled||this.props.locked)?"none":"1px solid ".concat(this.theme.regularDividerColor),whiteSpace:n?"normal":"nowrap",minHeight:Ne.cellHeight,cursor:"default"},!n&&{height:Ne.cellHeight},{},pe,{},d&&{height:"100%"},{},u):Ae({display:this.isLinkType()?"inline-block":"flex",alignItems:"center",borderRadius:3,width:"100%",minHeight:Ne.cellHeight+2},he,{},u)}getCardPropertyStyle(){const e=this.getType();return{paddingLeft:10,paddingRight:10,paddingBottom:e&&{title:0,text:4,number:4,date:4,created_time:4,last_edited_time:4,url:6,email:6,phone_number:6,select:0,multi_select:0,person:0,created_by:0,last_edited_by:0,relation:0,checkbox:4,file:4,formula:4}[e],fontSize:12}}getMobileCardPropertyStyle(){const e=this.getType();return{paddingBottom:e&&{title:0,text:4,number:4,date:4,created_time:4,last_edited_time:4,url:6,email:6,phone_number:6,select:0,multi_select:0,person:0,created_by:0,last_edited_by:0,relation:0,checkbox:4,file:4,formula:4}[e],fontSize:14}}getListPropertyStyle(){const{device:e}=this.environment,t=e.isMobile;return{display:"flex",alignItems:"center",fontSize:14,marginLeft:t?0:14,marginRight:t?8:0,minWidth:20,height:t?30:0}}getGalleryPropertyStyle(){const{device:e}=this.environment,t=this.getType(),r="text"===t||"url"===t;return Ae({display:"flex",alignItems:"center",fontSize:e.isMobile?14:12,height:24,whiteSpace:"nowrap"},r&&{paddingRight:8})}getLinkCellWrapStyle(){return this.isTable()?{display:"flex"}:{display:"flex",height:"100%",flex:"auto"}}getCheckboxCellStyle(){return this.isTable()?Ne.checkboxCellStyle:Ne.checkboxPagePropertyStyle}getTokenWrapStyle(){const e=this.getType();if(this.isBoard()||this.isMobileCalendar())return{display:"flex",flexWrap:"wrap"};if(this.isTable())return{display:"flex",flexWrap:this.shouldWrap()?"wrap":"nowrap",paddingTop:this.shouldWrap()&&"relation"===e?5:7};if(this.isPage())return{display:"flex",flexWrap:"wrap",paddingTop:8,paddingBottom:2};if(this.isDesktopCalendar()||this.isGallery())return{display:"flex",minWidth:0};if(this.isListView()){return Ae({display:"flex",minWidth:0},("person"===e||"created_by"===e||"last_edited_by"===e)&&{paddingRight:5,flexDirection:"row-reverse"},{},("select"===e||"multi_select"===e)&&{marginRight:-6},{},"relation"===e&&{marginRight:-12})}}getBaseTextStyle(){const e=this.shouldWrap();return this.isTable()?{lineHeight:1.5,whiteSpace:e?"pre-wrap":"nowrap",wordBreak:e?"break-word":"normal",pointerEvents:"none"}:this.isDesktopCalendar()||this.isListView()||this.isGallery()?Ae({lineHeight:1.2},T.a.textOverflowStyle):{lineHeight:1.5,wordBreak:"break-word",whiteSpace:"pre-wrap",pointerEvents:"none"}}getLinkUnderlineStyle(){return{backgroundImage:"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat(this.theme.darkDividerColor," 0%,\n\t\t\t").concat(this.theme.darkDividerColor," 100%\n\t\t)"),backgroundRepeat:"repeat-x",backgroundPosition:"0 100%",backgroundSize:"100% 1px"}}getLinkTextStyle(){return Ae({},this.getBaseTextStyle(),{},this.getLinkUnderlineStyle())}getTitleStyle(){return Ae({},this.getLinkTextStyle(),{fontWeight:T.a.fontWeight.medium,whiteSpace:this.shouldWrap()?"normal":"nowrap"})}getDiscussionIndicatorStyle(){return{display:"inline-flex",alignItems:"center",color:this.theme.lightTextColor,fontSize:12,fontWeight:T.a.fontWeight.semibold,marginLeft:8,verticalAlign:"text-top"}}getFileTokenWrapStyle(){return this.isDesktopCalendar()||this.isGallery()?{display:"flex",minWidth:0}:this.isListView()?{display:"flex",minWidth:0,overflow:"hidden"}:{display:"flex",alignContent:"flex-start",flexWrap:this.shouldWrap()?"wrap":"nowrap",paddingTop:4,paddingBottom:4}}getFileImageStyle(){return{maxHeight:this.isDesktopCalendar()||this.isGallery()?18:24,marginRight:6}}getFileStyle(){return{display:"flex",alignItems:"center",whiteSpace:"nowrap",maxWidth:120,height:18,borderRadius:3,background:this.theme.selectColors.default,paddingLeft:6,paddingRight:6,overflow:"hidden",marginRight:6,marginTop:3,marginBottom:3,paddingBottom:1}}}Ne.Format=Re,Ne.contextTypes=Ae({verticalScroller:o.any,horizontalScroller:o.any},Be.environmentContextTypes),Ne.renderRelationTokenLimit=10,Ne.navigateButton={title:{icon:Pe.a.openAsPageThick,tooltip:I.default.formatMessage(Fe.openAsPageTooltip)},email:{icon:Pe.a.typesEmail,tooltip:I.default.formatMessage(Fe.sendEmailTooltip)},phone_number:{icon:Pe.a.typesPhoneNumber,tooltip:I.default.formatMessage(Fe.callTooltip)},url:{icon:Pe.a.typesUrl,tooltip:I.default.formatMessage(Fe.openLinkTooltip)}},Ne.cellHeight=32,Ne.calendarPropertyStyle={display:"flex",alignItems:"center",fontSize:12,height:20,whiteSpace:"nowrap"},Ne.cellLeftPaddingStyle={paddingLeft:8},Ne.numberCellWrapStyle={display:"flex"},Ne.numberCellWrapPagePropertyStyle={display:"flex",height:"100%",flex:"auto"},Ne.numberTableCellStyle={textAlign:"right",paddingRight:Ne.cellLeftPaddingStyle.paddingLeft},Ne.numberPagePropertyStyle=Ae({},Ne.cellLeftPaddingStyle),Ne.checkboxCellStyle=Ae({justifyContent:"center",userSelect:"none"},me),Ne.checkboxPagePropertyStyle=Ae({},Ne.cellLeftPaddingStyle,{justifyContent:"flex-start"},ge),Ne.listViewTextWrapStyle=Ae({maxWidth:180},T.a.textOverflowStyle),Ne.titleIconStyle={display:"inline-block",verticalAlign:"text-top",marginBottom:-1,marginRight:4},Ne.fileTitleStyle=Ae({},T.a.textOverflowStyle),Ne.leftNumberTypeButtonStyle={position:"absolute",top:4,left:5},Ne.rightNumberTypeButtonStyle={position:"absolute",top:4,right:6},Ne.cardCheckboxWrapStyle={display:"flex",alignItems:"center"},Ne.cardCheckboxNameStyle={marginLeft:6};var Ve=t.b=Ne},"0zNc":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{isDragging:!1,disableVerticalEdgeScroll:!1,disableHorizontalEdgeScroll:!1}}}t.a=new o},"1FKp":function(e,t,r){"use strict";r.d(t,"a",(function(){return b}));r("rGqo");var n=r("LvDl"),o=r("6Ydq"),i=r("+DAh"),a=r("bkwR"),s=r("VBxf"),l=r("Fe7V"),c=r("lTt/"),d=r("g90h"),u=r("5xGH"),p=r("J9+s"),h=r("vl8/"),m=r("zzAG");const g=Object(p.defineMessages)({requestTooLarge:{id:"transactionHelpers.requestTooLargeError.message",defaultMessage:"Sorry, that request was too large. Try import instead?"}});let f=!1;async function b(e){if(f)return{value:[]};const{environment:t,tasks:r}=e,{submittedTasks:i,userId:l}=function(e){const t=[];let r=0,n=[];if(0===e.length)return{userId:void 0,submittedTasks:t,submitOperations:n};const o=e[0].userId;for(const i of e){if(o!==i.userId)return{userId:o,submittedTasks:t,submitOperations:n};const e=[...n,...i.operations];if(r=JSON.stringify(e).length,r>=k)return 0===t.length&&(t.push(i),n=e),{userId:o,submittedTasks:t,submitOperations:n};t.push(i),n=e}return{userId:o,submittedTasks:t,submitOperations:n}}(r),c=i.map(e=>({id:e.id,shardId:e.shardId,spaceId:e.spaceId,operations:e.operations})),p=Object(d.b)(),b=await a.saveTransactions(t,{requestId:p,transactions:c},l);if("success"===b.type)return{value:i};if(("Notion is unavailable, please try again later."!==b.error.message&&!b.error.data.offline||Math.random()<.01)&&o.log({level:"error",from:"transactionActions",type:"ClientTransactionError",error:b,data:{requestId:p,transactions:c,userId:t.currentUser.id}}),413===b.status){o.log({level:"error",from:"transactionActions",type:"ClientTransaction413Error",error:b,data:{userId:t.currentUser.id,requestId:p}});const e=JSON.stringify(c),r=Math.ceil(e.length/k);for(let n=0;ne.id===r.id);if(n<0)return v(t,p,r),{error:{message:r.name,retryDelay:0,savedTasks:[],failedTasks:[]}};const o=i.slice(0,n),a=[],s=[],l=[];let c=n;for(const d of e){const e=i[c];d.id===e.id?(d.retryable?s.push(d):(await y(t,p,e),a.push(e),l.push(d)),c++):v(t,p,d)}return{error:{savedTasks:o,failedTasks:a,message:[S(s),S(l)].join(" and "),retryDelay:s.length>0?2e3:0}}}if(n.includes(w,b.status))return await Promise.all(i.map(e=>y(t,p,e))),{error:{savedTasks:[],failedTasks:i,message:Object(m.a)(h.default.getIntl(),b),retryDelay:0}}}return{error:{savedTasks:[],failedTasks:[],message:Object(m.a)(h.default.getIntl(),b),retryDelay:5e3}}}async function y(e,t,r){try{const t=n.uniqBy(r.operations,"id");await Promise.all(n.map(t,t=>{let{id:n,table:o}=t;return l.d({environment:e,recordCacheStore:i.default,id:n,table:o,userId:r.userId,shardId:void 0})}))}catch(a){o.log({level:"error",from:"transactionActions",type:"ClientTransactionCleanupError",error:a,data:{userId:e.currentUser.id,requestId:t}})}}function v(e,t,r){o.log({level:"error",from:"transactionActions",type:"ClientTransactionNotFoundError",data:{userId:e.currentUser.id,requestId:t,error:r}})}function S(e){if(e.length>0)return"".concat(e.length," ").concat(e[0].retryable?"retryable":"failed"," errors: ").concat(e[0].name)}Object(c.exposeDebugValue)("toggleTransactionQueue",()=>{f=!f,console.info(f?"Transactions paused":"Transactions resumed")});const w=[400,413],k=1e5},"1Imc":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{loginType:"email",email:"",password:"",hasAccount:!1}}isGoogle(){return"google"===this.state.loginType}isEmail(){return"email"===this.state.loginType}isReverifying(){return"reverify"===this.state.loginType}isTemporaryPasscode(){return"temporary"===this.state.loginType}isPassword(){return"password"===this.state.loginType}isForgotPassword(){return"forgot"===this.state.loginType}isPasswordResetSent(){return"reset"===this.state.loginType}isSaml(){return"saml"===this.state.loginType}}t.a=o},"1P/O":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("LEzx");function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;to.b[Object(o.a)(n)]&&(c=s({},c,{moved:!0}))}handleMouseDown(e){c={moved:!1,x:e.clientX,y:e.clientY,device:"mouse"}}handleMouseMove(e){const{x:t,y:r}=c;Object(i.a)(t,r,e.clientX,e.clientY)>o.b.mouse&&(c=s({},c,{moved:!0}))}}t.a=d},"1y3T":function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR"),i=r("Pl3d"),a=r("bkwR"),s=r("622O"),l=r("A9TN"),c=r("di7S"),d=r("dlZW");class u extends o.a{constructor(){super(...arguments),this.peformRequest=async e=>{const{url:t,width:r,stripGoogleIconQuery:n}=e;e.isAuthenticated&&await d.transactionQueue.awaitRecordTransaction(e.permissionRecord.table,e.permissionRecord.id);let o=t;if(s.k(t)&&r)o=s.g(t,r);else if(s.l(t))o=e.isAuthenticated?c.a({url:t,width:r,permissionRecord:e.permissionRecord,stripGoogleIconQuery:n,baseUrl:l.default.baseURL,fullyQualified:!1,userId:this.environment.currentUser.id}):c.b({url:t,width:r,stripGoogleIconQuery:n,baseUrl:l.default.baseURL,fullyQualified:!1,userId:this.environment.currentUser.id});else if(s.j(t,l.default.secureFileS3.url)&&e.isAuthenticated){const r=await a.getSignedFileUrl(this.environment,{url:t,permissionRecord:e.permissionRecord});r&&(o=r)}return this.props.onFinishedLoadingProxyUrl&&this.props.onFinishedLoadingProxyUrl(o),o}}renderComponent(){const e={request:this.props.isAuthenticated?{isAuthenticated:!0,url:this.props.url,width:this.props.width,permissionRecord:this.props.permissionRecord,stripGoogleIconQuery:this.props.stripGoogleIconQuery}:{isAuthenticated:!1,url:this.props.url,width:this.props.width,stripGoogleIconQuery:this.props.stripGoogleIconQuery},performRequest:this.peformRequest,render:this.props.render};return n.createElement(i.a,Object.assign({},e))}}t.a=u},"24Pt":function(e,t,r){"use strict";r("ioFf"),r("Vd3H"),r("rGqo");var n=r("LvDl"),o=r("bkwR"),i=r("D2XV"),a=r("+zu0"),s=r("/ssM"),l=r("HRSx"),c=r("j76I"),d=r("yUnD"),u=r("ezkE"),p=r("cBa6"),h=r("6SEd"),m=r("udrG"),g=r("VpIZ");function f(e){const{getRecordValue:t,blockValue:r}=e;let n="";if(r.type===m.a.collectionView||r.type===m.a.collectionViewPage){const e=function(e){const{getRecordValue:t,blockValue:r}=e;if(!r.collection_id)return;const n=t(h.a,r.collection_id);if(n&&n.parent_id!==r.id)return;if(n&&n.name)return p.W(n.name)}({getRecordValue:t,blockValue:r});e&&(n=e)}else if("file"===r.type){const e=p.W(r.properties&&r.properties.title),t=p.W(r.properties&&r.properties.caption);n="".concat(e," ").concat(t)}else if("bookmark"===r.type){const e=p.W(r.properties&&r.properties.title),t=p.W(r.properties&&r.properties.description),o=p.W(r.properties&&r.properties.caption);n="".concat(e," ").concat(t," ").concat(o)}else if(g.y(r)){const e=r.properties&&r.properties.caption;n=p.W(e)}else{const e=r.properties&&r.properties.title;n=p.W(e)}return n.trim().substring(0,500).trim()||void 0}var b=r("mjq6"),y=r("VhAz"),v=r("+DAh");function S(e){if(e.table===l.a){const t=e.value;if(t&&t.collection_id)return{table:h.a,id:t.collection_id}}}function w(e){const t=e.value;if(t&&t.parent_id&&t.parent_table)return{table:t.parent_table,id:t.parent_id}}var k=r("qX+M"),M=r("J9+s");function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function C(e){return e.length>0}function P(e){return Boolean(e.starting||e.ending)}function T(e){return Boolean(e)}r.d(t,"e",(function(){return x})),r.d(t,"l",(function(){return I})),r.d(t,"c",(function(){return D})),r.d(t,"d",(function(){return _})),r.d(t,"a",(function(){return A})),r.d(t,"k",(function(){return L})),r.d(t,"h",(function(){return N})),r.d(t,"g",(function(){return V})),r.d(t,"i",(function(){return U})),r.d(t,"j",(function(){return Y})),r.d(t,"n",(function(){return W})),r.d(t,"b",(function(){return X})),r.d(t,"m",(function(){return z})),r.d(t,"f",(function(){return q}));const j={requireEditPermissions:T,isDeletedOnly:T,excludeTemplates:T,isNavigableOnly:T,ancestors:C,createdBy:C,editedBy:C,lastEditedTime:P,createdTime:P};function x(e){return e?{requireEditPermissions:j.requireEditPermissions(e.requireEditPermissions),isDeletedOnly:j.isDeletedOnly(e.isDeletedOnly),excludeTemplates:j.excludeTemplates(e.excludeTemplates),isNavigableOnly:j.isNavigableOnly(e.isNavigableOnly),ancestors:j.ancestors(e.ancestors),createdBy:j.createdBy(e.createdBy),editedBy:j.editedBy(e.editedBy),createdTime:j.createdTime(e.createdTime),lastEditedTime:j.lastEditedTime(e.lastEditedTime)}:{requireEditPermissions:!1,isDeletedOnly:!1,excludeTemplates:!1,isNavigableOnly:!1,ancestors:!1,createdBy:!1,editedBy:!1,createdTime:!1,lastEditedTime:!1}}function I(e){const t=x(e);return Object.values(t).some(e=>Boolean(e))}function D(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i.v;return i.i.toMomentRange(e).start.locale(t.locale).format(r)}const B=Object(M.defineMessages)({startAndEnd:{defaultMessage:"{startDate} - {endDate}",id:"searchHelpers.betweenStartAndEndDates",description:"startDate and endDate are already localized date messages."},afterStart:{defaultMessage:"After {startDate}",id:"searchHelpers.afterStartDate",description:"startDate is an already localized date message."},beforeEnd:{defaultMessage:"Before {endDate}",id:"searchHelpers.beforeEndDate",description:"endDate is an already localized date message."}});function _(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i.v;const n=e.starting?D(e.starting,t,r):"",o=e.ending?D(e.ending,t,r):"";return n&&o?t.formatMessage(B.startAndEnd,{startDate:n,endDate:o}):n?t.formatMessage(B.afterStart,{startDate:n}):t.formatMessage(B.beforeEnd,{endDate:o})}function A(e){return Boolean(e.target&&e.target instanceof HTMLElement&&e.target.classList.contains("DayPicker-Day"))}function L(e){const{environment:t,input:r,currentSpaceStore:n,publicAccessPermission:i}=e,{query:a,limit:l}=r;return n?o.search(t,{type:s.c.BlocksInSpace,query:a.text.trim(),spaceId:n.id,limit:l,filters:a.filters,sort:a.sort,source:"quick_find"}):i&&o.search(t,{type:s.c.BlocksInAncestor,query:a.text.trim(),ancestorId:i.blockId,filters:a.filters,sort:a.sort,limit:l,source:"quick_find_public"})}class F{constructor(e){this.startingTimestamp=e.starting&&i.gb(e.starting,i.m),this.endingTimestamp=e.ending&&i.gb(e.ending,i.m)}matches(e){return void 0!==e&&(!(void 0!==this.startingTimestamp&ðis.endingTimestamp))}}class R{constructor(e){this.filters=e,this.activeFilters=x(e),this.ancestorFilterIds=new Set(e.ancestors),this.createdTimeMatcher=new F(e.createdTime),this.lastEditedTimeMatcher=new F(e.lastEditedTime)}matches(e){let{blockValue:t,path:r}=e;if(this.activeFilters.editedBy){const e=t.last_edited_by_id||t.last_edited_by;if(!e||!this.filters.editedBy.includes(e))return!1}if(this.activeFilters.createdBy){const e=t.created_by_id||t.created_by;if(!e||!this.filters.createdBy.includes(e))return!1}return!(this.activeFilters.ancestors&&!r.some(e=>{let{value:t}=e;return this.ancestorFilterIds.has(t.id)}))&&(!(this.activeFilters.lastEditedTime&&!this.lastEditedTimeMatcher.matches(t.last_edited_time))&&!(this.activeFilters.createdTime&&!this.createdTimeMatcher.matches(t.created_time)))}}async function N(e){const{environment:t,currentSpaceStore:o,currentSpaceViewStore:i}=e,s=new Set(Object(k.getSpaceLoadPageIds)(t,o));if(i){i.getBookmarkedPageIds().forEach(e=>s.add(e));const{getSharedPages:e}=await Promise.resolve().then(r.bind(null,"qX+M"));e(t,i).forEach(e=>s.add(e.id))}const p=new Set(s);a.a.getVisitedIds(t.currentUser.id).forEach(e=>p.add(e));const h=Array.from(p).map(e=>({table:l.a,id:e})),m={};await Object(c.d)({requests:h,recordMap:m,recurFn(e){if(e.value.value){const t={table:e.table,value:e.value.value};return n.compact([w(t),S(t)])}},loadRecordValue:async(e,r)=>await Object(d.b)({environment:t,table:e,id:r,recordCacheStore:v.default})||await Object(d.b)({environment:t,table:e,id:r})});const g=n.compact(h.map(e=>{const t=(e,t)=>{const r=Object(c.g)(m,e,t);if(r)return r.value},r=t(e.table,e.id);if(!r)return!1;const n=Object(u.d)(e,m);if(0===n.length)return!1;if(!Object(u.j)(n))return!1;if(!s.has(r.id)){const e=Object(u.f)(n);if(!e||e.id!==o.id)return!1}const i=f({blockValue:r,getRecordValue:t});return!!i&&{blockValue:r,text:i,path:n}}));return{spaceId:o.id,blocks:g,recordMap:m}}async function V(e){const{input:t,cache:r}=e,o=r.blocks,{query:i,limit:a}=t,{filters:l,sort:c,text:d}=i,u=new R(l),p=o.filter(e=>u.matches(e)),h=n.compact(p.map(e=>{const t=Object(b.c)(d.trim(),e.text,{pre:s.b,post:s.a});if(t)return function(e){for(var t=1;t0;"Relevance"===c?m=e=>{let{fuzzyResult:t}=e;return-t.score}:"LastEditedNewest"===c?m=e=>{let{blockValue:t}=e;return-(t.last_edited_time||0)}:"LastEditedOldest"===c?m=e=>{let{blockValue:t}=e;return t.last_edited_time||0}:"CreatedNewest"===c?m=e=>{let{blockValue:t}=e;return-(t.created_time||0)}:"CreatedOldest"===c?m=e=>{let{blockValue:t}=e;return t.created_time||0}:Object(y.e)(c);const f=n.sortBy(h,m).slice(0,a).map(e=>({id:e.blockValue.id,score:e.fuzzyResult.score,isNavigable:Object(g.z)(e.blockValue),highlight:{text:e.fuzzyResult.rendered}}));return{total:h.length,results:f,recordMap:r.recordMap}}function U(e){const t=Y(e);return t&&t.results}function Y(e){if(e&&!e.error)return e.value}function W(e){let{sort:t,unsorted:r,batchSize:o,currentUserId:i}=e;const s=r.length,l=Date.now();if("Relevance"!==t)return{total:s,results:r};const c=n.chunk(r,o).map(e=>a.a.sortFrecencyHighToLow({items:e,now:l,currentUserId:i}));return{total:s,results:n.flatten(c)}}function X(e){const{environment:t,isOnline:r,results:n}=e;if(n.local||n.server){if(n.local&&n.server){const{local:e,localIds:o}=function(e){const{environment:t,results:r,isOnline:n}=e,o=n?z(t,r):r,i=new Set;for(const{id:a}of o)i.add(a);return{local:o,localIds:i}}({environment:t,results:n.local,isOnline:r});return e.concat(n.server.filter(e=>!o.has(e.id)))}return n.local?r?z(t,n.local):n.local:n.server}}function z(e,t){const r=b.a,n=e.device.isMobile?2:3;return t.filter(e=>e.score>=r).slice(0,n)}function q(e){const{localResponse:t,serverResponse:r,serverRequestStore:n}=e,o=!n.state.ready;if(o)return{isLoading:o};const i=Boolean(U(t)),a=o?void 0:r&&r.error;return i?{hasLocalResults:i,serverError:a,isLoading:o,showMajorError:!1}:a?{hasLocalResults:i,serverError:a,isLoading:o,showMajorError:!0}:{hasLocalResults:i,serverError:a,isLoading:o,showMajorError:!1}}},"2HDO":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("wldR"),o=r("6nbh"),i=r("6rsX"),a=r("unoy"),s=r("sjR4"),l=r("DNgp"),c=r("w5u6"),d=r("RI9y");function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t{const{savedHref:e,savedSelectionStoreState:t,savedTextSelectionStoreState:r}=this.stores.store.state;window.location.href===e&&(this.props.ignoreBlockSelection&&t&&s.default.setState(p({},s.default.state,{},t)),r&&"editing"===r.mode&&l.default.setState(p({},l.default.state,{},r))),this.clearSelection()}}willMount(){this.props.focusOffscreenInput&&(this.input=document.createElement("input"),this.input.style.position="fixed",this.input.style.top="-9999px",this.input.style.left="-9999px",document.body.appendChild(this.input)),this.props.capture&&(this.saveSelection(),this.props.focusOffscreenInput&&c.default.afterNextFlush(()=>{this.input.focus()}))}willUpdate(e){this.props.capture?e.capture||(e.restoreSelection?this.restoreSelection():this.clearSelection()):e.capture&&(this.saveSelection(),this.props.focusOffscreenInput&&c.default.afterNextFlush(()=>{this.input.focus()}))}willUnmount(){this.props.capture&&(this.props.restoreSelection?this.restoreSelection():this.clearSelection()),this.props.focusOffscreenInput&&document.body.removeChild(this.input)}renderComponent(){return this.props.render(this.restoreSelection)}saveSelection(){this.stores.store.setState(p({},this.stores.store.state,{savedHref:window.location.href,savedSelectionStoreState:s.default.cloneState(),savedTextSelectionStoreState:l.default.cloneState(),savedTextSelectionRect:d.getSelectionRect()})),this.props.ignoreBlockSelection?i.e(this.environment):a.e(this.environment)}clearSelection(){this.stores.store.setState(p({},this.stores.store.state,{savedHref:void 0,savedSelectionStoreState:void 0,savedTextSelectionStoreState:void 0,savedTextSelectionRect:void 0}));const e=this.input;c.default.afterNextFlush(()=>{e&&document.activeElement===e&&e.blur()})}}t.a=m},"2Ig/":function(e,t,r){"use strict";r.d(t,"b",(function(){return l}));r("ioFf"),r("rGqo");var n=r("glAM"),o=r("JU1L"),i=r("LEzx");function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){return"".concat(e.table).concat(e.id).concat(e.userId||"")}class c extends i.a{constructor(e){super(),this.shouldEmit=!1,this.recordEvents=new n.a,this.isTemplatePreview=!1,e&&(this.state.cache=e)}getInitialState(){return{cache:new Map,appliedTransaction:!1}}getRecord(e){const t=this.state.cache.get(l(e));if(t)return t.value}getRecordValue(e){const t=this.getRecord(e);if(t&&t.value)return t.value}getRole(e){const t=this.getRecord(e);if(t&&t.role)return t.role}getVersion(e){const t=this.getRecord(e);return t&&t.value&&t.value.version?t.value.version:0}setRecord(e,t){if(t){const r=l(e),n=this.state.cache.get(r),o=function(e){for(var t=1;t0}}t.a=c},"2PJ7":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("Sb6f"),a=r("zmp8"),s=r("x5bJ"),l=r("CI7d");function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class u extends o.a{renderComponent(){const{level:e,id:t,className:r}=this.props;return n.createElement(e,{style:this.getTitleStyle(),id:t,className:r},this.props.children)}getTitleStyle(){return function(e){for(var t=1;tn.createElement(l.a,{renderTooltip:()=>n.createElement(h.FormattedMessage,{defaultMessage:"Share or publish to the web",id:"topbar.shareButton.tooltip"}),placement:l.a.Placement.Bottom,delayThreshold:400,render:t=>n.createElement(u.a,Object.assign({className:m.Fb},Object(c.a)(e,t)),n.createElement(h.FormattedMessage,{defaultMessage:"Share",id:"topbar.shareButton.title"}))}),this.handleClick=()=>{p.e(this.environment),o.Vc(this.environment),d.e(this.environment)}}renderComponent(){const{device:e}=this.environment;return n.createElement(i.a,{popupType:e.isMobile?i.a.PopupType.SlideUp:i.a.PopupType.Popup,buttonPopupStore:this.props.buttonPopupStore,renderOrigin:this.renderOrigin,originGap:8,style:{width:400,overflow:"hidden"},onClick:this.handleClick,render:()=>n.createElement(s.a,{buttonPopupStore:this.props.buttonPopupStore,store:this.props.store,onUpgradeButtonClick:()=>{this.props.buttonPopupStore.reset()}})})}}t.a=g},"2Y+N":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("gbGO"),a=r("wlCD"),s=r("ttM1"),l=r("Sb6f"),c=r("CVgL"),d=r("7M94");function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;tn.createElement(a.a,{style:{visibility:e?void 0:"hidden"}})}renderComponent(){const{title:e,children:t,topBorder:r,isTitleUppercase:o,isInput:a,isSubmitButton:s,extraTopPadding:l,disableMobilePadding:u,enableActionSheetTitle:h}=this.props;if(this.environment.device.isMobile&&this.context.menuType!==i.a.Popup){const r=e&&(this.context.menuType!==i.a.ActionSheet||h);return n.createElement("div",Object.assign({},Object(c.a)(this.context.menuType===i.a.Modal&&!u&&m.mobileModalStyle)),r&&n.createElement("div",{style:this.getMobileTitleStyle()},n.createElement("div",{style:this.getTextOverflowStyle()},e),this.renderRight()),n.createElement("div",{className:d.P,style:{boxShadow:this.getMobileSectionBorders()}},t))}return n.createElement("div",Object.assign({},Object(c.a)(!this.props.disableDesktopPadding&&m.desktopPaddingStyle,a&&{marginTop:8},s&&{marginBottom:6},r&&{boxShadow:"0 -1px 0 ".concat(this.theme.regularDividerColor),marginTop:1},l&&{paddingTop:8},r&&e&&{marginTop:6,paddingTop:6},this.props.desktopStyle,this.props.style)),e&&n.createElement("div",Object.assign({},Object(c.a)(this.environment.device.isMobile?p({},this.getMobileTitleStyle(),{marginTop:8}):this.getDesktopTitleStyle(),o&&m.desktopTitleUppercaseStyle)),n.createElement("div",{style:this.getTextOverflowStyle()},e),this.renderRight()),t)}renderRight(){const{right:e,loading:t}=this.props,r=Boolean(t),o=e&&!r;return n.createElement("div",{style:m.titleRightStyle},o?e:n.createElement(s.a,{show:r,showDelay:500,showHold:300,render:this.renderLoadingSpinner}))}getMobileTitleStyle(){const{WindowSizeStore:e}=this.environment;return{display:"flex",textTransform:"uppercase",alignItems:"baseline",color:this.theme.mediumTextColor,lineHeight:1,fontSize:12,paddingLeft:this.context.menuType!==i.a.Popup?e.getSafePaddingLeftCSS(16):16,paddingRight:this.context.menuType!==i.a.Popup?e.getSafePaddingRightCSS(16):16,marginBottom:8,marginTop:this.context.menuType===i.a.ActionSheet?16:void 0,userSelect:"none",WebkitUserSelect:"none"}}getDesktopTitleStyle(){return p({display:"flex",paddingLeft:14,paddingRight:14,marginTop:6,marginBottom:8,color:this.theme.mediumTextColor,fontSize:12,lineHeight:"120%",userSelect:"none",WebkitUserSelect:"none"},this.props.desktopTitleStyle)}getTextOverflowStyle(){return this.props.noTextOverflow?{display:"flex"}:p({},l.a.textOverflowStyle)}getMobileSectionBorders(){return this.props.disableMobileBorders?"none":this.props.shouldShowBottomDivider?"\n\t\t\t\t\t0 1px 0 ".concat(this.theme.regularDividerColor,",\n\t\t\t\t\t0 -1px 0 ").concat(this.theme.regularDividerColor,"\n\t\t\t\t"):this.context.menuType!==i.a.ActionSheet?"0 -1px 0 ".concat(this.theme.regularDividerColor):"none"}}m.contextTypes=p({},i.c),m.mobileModalStyle={paddingTop:28},m.desktopPaddingStyle={paddingTop:6,paddingBottom:6},m.desktopTitleUppercaseStyle={textTransform:"uppercase",fontSize:11,fontWeight:l.a.fontWeight.medium},m.titleRightStyle={marginLeft:"auto"},t.a=m},"2Yor":function(e,t,r){"use strict";var n=r("LvDl");t.a=function(e,t,r){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return!n.isNumber(e)||n.isNaN(e)?o:e>r?r:ee.experimentId===t);a.Kb({environment:e,experiment_id:t,experiment_version:n?n.experimentVersion:void 0,experiment_group:r||"ineligible"})}}getGroup(e,t){if(s.has(t)&&"production"===d.default.env)return o.b;let r=void 0;if(this.state.isLoaded){const e=this.state.experiments.find(e=>e.experimentId===t);if(!e)return o.b;r=e.group}return this.trackExperimentExposure(e,t,r),r||o.b}getExperimentsMap(){const e={};return this.state.isLoaded&&this.state.experiments.forEach(t=>{e[t.experimentId]=t.group}),e}async whitelistUserToExperiment_FOR_TEST_ONLY(e,t,r){const n=e.currentUser.id;n&&await l.adminWhitelistUsersToExperiment(e,{userIds:n,experimentId:t,experimentGroup:r});const o=c.k(),i=await l.getClientExperiments(e,{deviceId:o});"success"===i.type&&this.setState(i.data)}timelineEnabled(){return"local"===d.default.env||"development"===d.default.env}inlinePageCreationEnabled(e){return"on"===this.getGroup(e,"inline-page-creation")}}t.default=new p},"2bwL":function(e,t,r){"use strict";r.d(t,"b",(function(){return d}));r("ioFf"),r("rGqo");var n=r("LEzx"),o=r("LqYT");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t{this.state.remiainingPending!==e&&(0===e?this.setState(a({},this.state,{totalPending:0,remiainingPending:0})):this.setState(a({},this.state,{remiainingPending:e})))}}getInitialState(){return{totalPending:0,remiainingPending:0,transactionQueueError:void 0,storageUsageEstimate:void 0}}percentComplete(e){if(this.state.totalPending>0){const t=1-this.state.remiainingPending/this.state.totalPending;return e.formatNumber(t,{style:"percent",maximumFractionDigits:0})}return e.formatNumber(1,{style:"percent"})}setOrIncTotal(e){this.state.totalPending>e?this.setState(a({},this.state,{totalPending:this.state.totalPending+1})):this.setState(a({},this.state,{totalPending:e}))}}const c=new l,d=new o.a(()=>Boolean(c.state.transactionQueueError));t.a=c},"2m/B":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("LEzx");class a extends i.a{getInitialState(){return{loaded:!1,error:!1}}}var s=a,l=r("wldR"),c=r("zmp8"),d=r("Sb6f");function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t{this.stores.imageStore.setState(p({},this.stores.imageStore.state,{error:!0})),this.props.onError&&this.props.onError(e,this.props.src)}}willUpdate(e){super.willUpdate(e),e.src!==this.props.src&&this.stores.imageStore.setState(p({},this.stores.imageStore.state,{error:!1,loaded:!1,src:e.src}))}willMount(e){const{src:t}=e;this.stores.imageStore.setState(p({},this.stores.imageStore.state,{src:t}))}renderComponent(){const{device:e}=this.environment,{placeholderStyle:t,onClick:r}=this.props,{error:o,src:i,loaded:a}=this.stores.imageStore.state,s=o?m.transparentGifDataURL:i,l={width:"100%",height:"100%"};return e.isMobile&&(l.WebkitUserSelect="none",l.WebkitTouchCallout="none"),n.createElement("div",{style:!a&&t?t:l},n.createElement("img",{className:this.props.className,onDoubleClick:this.props.onDoubleClick,onMouseDown:this.props.onMouseDown,onContextMenu:this.props.onContextMenu,onClick:r,src:s,style:this.getImageStyle(),onError:this.onError,onLoad:()=>this.stores.imageStore.setState(p({},this.stores.imageStore.state,{loaded:!0}))}))}getImageStyle(){const{error:e,loaded:t}=this.stores.imageStore.state,r={display:"block",objectFit:"cover",borderRadius:1};return this.props.height?r.height=this.props.height:this.props.capMaxHeight&&(r.maxHeight="60vh"),!e&&t||(r.background=this.theme.contentBackground),this.props.style&&o.assign(r,this.props.style),r}}m.transparentGifDataURL="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",m.loadingContainerStyle={position:"absolute",bottom:4,right:4,borderRadius:3,padding:4,color:c.f.whiteWithAlpha(.8),background:c.f.blackWithAlpha(.6),fontFamily:d.a.fontFamily.sans,fontSize:13,lineHeight:1,pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"};t.a=m},"30UQ":function(e,t,r){"use strict";r.d(t,"g",(function(){return M})),r.d(t,"i",(function(){return O})),r.d(t,"h",(function(){return E})),r.d(t,"e",(function(){return C})),r.d(t,"j",(function(){return P})),r.d(t,"b",(function(){return T})),r.d(t,"f",(function(){return j})),r.d(t,"a",(function(){return x})),r.d(t,"c",(function(){return I})),r.d(t,"k",(function(){return D})),r.d(t,"d",(function(){return B}));r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("Rd/G"),i=r("sdlW"),a=r("MBf9"),s=r("H4VD"),l=r("N34Z"),c=r("y6Dp"),d=r("FcJC"),u=r("6rsX"),p=r("cy36"),h=r("bkwR"),m=r("bB9B"),g=r("rro+"),f=r("WW+n"),b=r("j76I"),y=r("udrG"),v=r("vl8/");function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t0?t.slice(0):void 0;p.a.setState(w({},p.a.state,{openSections:e}))}}}}function P(e){let{templateItem:t,currentUserId:r}=e;const n=p.a.state.item;p.a.setState(w({},p.a.state,{item:t})),n!==t&&f.a.set({userId:r,key:"LastViewedTemplateId",value:t.rootId})}function T(e){p.a.setState({item:p.a.state.item,open:!1}),u.e(e)}function j(e){const t=e.environment.currentUser.id,r=f.a.get({userId:t,key:"LastViewedTemplateId"});let i=void 0;if(r&&(i=function(e){const t=Object(o.a)(v.default.getIntl());return Object.values(t).find(t=>t.previewRootId===e||t.rootId===e)}(r),i&&P({templateItem:i,currentUserId:t})),!i){const r=e.getValue();if(r&&r.settings&&r.settings.persona){const e=g.c(r.settings.persona);if(e.length>0){const r=n.shuffle(e)[0];r&&P({templateItem:r,currentUserId:t})}}}}async function x(e){const{item:t,environment:r}=e;p.a.state.open&&p.a.setState(w({},p.a.state,{isLoading:!0}));const n=await I(w({},e,{useMinimalTemplates:!1}));s.navigateToBlock({environment:r,store:n}),T(r),r.device.isMobile&&d.close(),c.oe(r,{name:t.name})}async function I(e){const{environment:t,initializeStore:r,item:n,useRecordCacheStore:o,isPrivate:s,useMinimalTemplates:c,spaceStore:d,spaceViewStore:u}=e,p=a.create(t);let m;r?(l.d({store:r,data:{type:y.a.copyIndicator},transaction:p}),m=r):m=i.b({environment:t,spaceStore:d,spaceViewStore:u,isPrivate:s,loading:!0,transaction:p});const g=o&&!c?n.previewRootId:n.rootId;D({item:n,spaceViewStore:u,transaction:p}),async function(e){const{item:t,transaction:r,spaceViewStore:n}=e;if(n){const e=n.getSidebarHiddenTemplateIds();if(e.indexOf(t.rootId)<0){const o=e.concat([t.rootId]);l.d({store:n,data:{sidebar_hidden_templates:o},transaction:r})}}}({item:n,spaceViewStore:u,transaction:p});const f=p.awaitDone();return a.commit({environment:t,transaction:p}),await f,await async function(e){const{environment:t,pageStore:r,copyBlockId:n,useRecordCacheStore:o}=e,i={};o&&o.forEachRecord(t.currentUser.id,(e,t,r)=>{b.m(i,e,t,r.value)});return await h.initializePageTemplate(t,{recordMap:i,sourceBlockId:n,targetBlockId:r.id}),r}({environment:t,pageStore:m,copyBlockId:g,useRecordCacheStore:o}),m}async function D(e){const{item:t,transaction:r,spaceViewStore:n}=e;if(n){const e=n.getVisitedTemplateIds();if(e.indexOf(t.rootId)<0){const o=e.concat([t.rootId]);l.d({store:n,data:{visited_templates:o},transaction:r})}}}function B(){if(p.a.state.open)return p.a.state.openSections}},"3DNc":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("mF3+"),i=r("zmp8"),a=r("MeYt");function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}t.a=function(e){const t=function(e){for(var t=1;tt.props.store===e)}findAllBlocksFromStore(e){return this.getComponents().filter(t=>t.props.store===e)}findBlockWithMethodFromStore(e,t){return this.findComponent(r=>r.props.store===e&&r[t])}findBlockFromStoreWithMethod(e,t){return this.findComponent(r=>r.props.store===e&&n.isFunction(r[t]))}findCollectionViewBlockFromStore(e){return this.findAllBlocksFromStore(e).find(e=>Boolean(e&&e.collectionViewLocalStore))}findBlockFromId(e){return this.findComponent(t=>t.props.store&&t.props.store.id===e)}findNodeFromStore(e){const t=this.findBlockFromStore(e);if(t)return t.getNode()}getRect(e){const t=this.findNodeFromStore(e);if(t&&t instanceof Element)return t.getBoundingClientRect()}}t.a=new i},"3mOY":function(e,t,r){"use strict";r("Vd3H"),r("rGqo");var n=r("q1tI"),o=r("i8i4"),i=r("VyA+"),a=r("x0lk"),s=r("LvDl");var l=r("wldR"),c=r("hU3F"),d=r("yjqD"),u=r("hl64");r.d(t,"a",(function(){return b})),r.d(t,"b",(function(){return v}));const p=n.createContext(void 0);p.displayName="DynamicMenuContext";const h={x:0,y:-1},m={x:0,y:1},g={x:-1,y:0},f={x:1,y:0};class b extends l.a{constructor(){super(...arguments),this.entries=new Set,this.focusedEntry=new c.a(void 0),this.handleArrowUp=e=>this.handleFocusVector(h,e),this.handleArrowRight=e=>this.handleFocusVector(f,e),this.handleArrowDown=e=>this.handleFocusVector(m,e),this.handleArrowLeft=e=>this.handleFocusVector(g,e),this.handleTab=e=>this.handleFocusIndexVector(1,e),this.handleUntab=e=>this.handleFocusIndexVector(-1,e),this.handleEnter=e=>{const t=this.focusedEntry.get();t&&t.onAction(e,this)},this.handleEscape=()=>{this.focusedEntry.state?this.focusEntry(void 0,void 0):this.close()},this.handleMouseLeave=()=>{this.focusEntry(void 0,void 0)}}willUnmount(){this.entries.clear(),this.focusedEntry.reset()}getEntries(){return Array.from(this.entries)}getMountedEntriesInDomOrder(){return this.getEntries().map(e=>({entry:e,element:e.getDomElement()})).filter(e=>{let{element:t}=e;return void 0!==t}).sort((e,t)=>Object(u.a)(e.element,t.element)).map(e=>{let{entry:t}=e;return t})}registerEntry(e){this.entries.add(e)}unregisterEntry(e){const t=this.focusedEntry.get();if(this.entries.delete(e),e===t){if(this.handleFocusVector({x:-1,y:-1},void 0))return;this.focusEntry(void 0,void 0)}}onFocusEvent(e,t){this.focusEntry(e,void 0)}close(){this.props.onClose&&this.props.onClose()}focusEntry(e,t){e&&!this.entries.has(e)||e!==this.focusedEntry.get()&&(e&&e.disabled||(this.focusedEntry.set(e),this.maxLeftRect=t))}renderComponent(){const{disableKeyboard:e,children:t}=this.props;return n.createElement(i.a,{capture:!e,onUp:this.handleArrowUp,onDown:this.handleArrowDown,onLeft:this.handleArrowLeft,onRight:this.handleArrowRight,onEnter:this.handleEnter,onCommandEnter:this.handleEnter,onEsc:this.handleEscape,onTab:this.handleTab,onUntab:this.handleUntab},n.createElement("div",{onMouseLeave:this.handleMouseLeave},n.createElement(p.Provider,{value:this},t)))}handleFocusVector(e,t){const r=this.focusedEntry.get(),n=this.getEntries().filter(e=>!e.disabled);if(0===n.length)return;t&&t.preventDefault&&t.preventDefault();const o=r&&r.getRect();if(!o){const t=e.x*e.y>0?1:-1;return this.handleFocusIndexVector(t,void 0)||this.handleFocusIndexVector(1,void 0)}const i=n.map(e=>({entry:e,rect:e.getRect()})).filter(e=>void 0!==e.rect&&e.entry!==r);let s=void 0;if(0===e.x&&void 0!==this.maxLeftRect&&this.maxLeftRect.left>o.left){const t=o.top-this.maxLeftRect.top,r=Object(a.e)(this.maxLeftRect,0,t);r.bottom=r.top+o.height,r.height=o.height,this.drawDebugRect("maxLeftRect",r,"orange"),s=S(r,e,i,this.props.debug),s&&this.drawDebugRect("found from maxLeft",s.rect,"yellow")}s||(s=S(o,e,i,this.props.debug),s&&this.drawDebugRect("found from originRect",s.rect,"yellow"));const l=0!==e.x||void 0===this.maxLeftRect;if(s){const e=s.rect;return this.focusEntry(s.entry,l?e:this.maxLeftRect),s.entry}l&&(this.maxLeftRect=o)}handleFocusIndexVector(e,t){const r=this.findNextFocusableEntry(e);if(r)return t&&t.preventDefault(),this.focusEntry(r,void 0),r}findNextFocusableEntry(e){const t=this.focusedEntry.get(),r=this.getMountedEntriesInDomOrder(),n=t?r.indexOf(t):-1,o=e>0?r.length:-1;for(let i=n+e;e>0?io;i+=e){const e=r[i];if(e&&!e.disabled)return e}}drawDebugRect(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"magenta";this.props.debug&&w(e,t,r)}}class y extends l.a{constructor(){super(...arguments),this.domElement=null,this.elementIsFocusedStore=this.createComputedStore(()=>{const e=this.dynamicMenuContext;return!!e&&e.focusedEntry.get()===this}),this.onAction=e=>{this.props.action(e,this.dynamicMenuContext)},this.handleMouseEnter=e=>{this.dynamicMenuContext&&this.dynamicMenuContext.onFocusEvent(this,e)},this.handleClick=e=>{this.props.action(e,this.dynamicMenuContext)},this.handleRef=e=>{if(!e)return void(this.domElement=null);if(e instanceof Element)return void(this.domElement=e);const t=o.findDOMNode(e);t instanceof Element?this.domElement=t:this.domElement=null}}renderComponent(){return this.props.render({onMouseEnter:this.handleMouseEnter,onClick:this.handleClick,ref:this.handleRef,focused:this.elementIsFocusedStore.state,disabled:this.disabled},this.dynamicMenuContext)}getDomElement(){return this.domElement||void 0}getRect(){if(this.domElement)return this.domElement.getBoundingClientRect()}get disabled(){return!!this.props.disabled}didMount(){const e=this.dynamicMenuContext;e&&e.registerEntry(this)}willUnmount(){const e=this.dynamicMenuContext;e&&e.unregisterEntry(this)}get dynamicMenuContext(){return this.props.dynamicMenuContext}}class v extends n.Component{render(){return n.createElement(y,Object.assign({},this.props,{dynamicMenuContext:this.context}))}}function S(e,t,r,n){const o=Object(a.f)(e),i=[o.top,o.left],l=Object(a.a)(e,-5);t.x>0&&(l.right=1/0,l.left=o.left),t.x<0&&(l.left=0,l.right=o.right),t.y>0&&(l.bottom=1/0,l.top=o.top),t.y<0&&(l.top=0,l.bottom=o.bottom),n&&w("search space",l,"magenta");const c=r.filter(e=>Object(a.b)(l,e.rect)),d=s.sortBy(c.map(e=>{const t=Object(a.f)(e.rect);var r,n;return{entry:e,distance:(r=i,n=[t.top,t.left],Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)))}}),e=>e.distance)[0];if(d)return d.entry}async function w(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"magenta";const n=e=>e===1/0?3e3:e===-1/0?-3e3:e,o=window.document.createElement("DIV");o.style.position="absolute",o.style.zIndex="20000",o.style.top="".concat(n(t.top),"px"),o.style.left="".concat(n(t.left),"px"),o.style.minWidth="".concat(n(t.right-t.left),"px"),o.style.minHeight="".concat(n(t.bottom-t.top),"px"),o.style.border="1px solid ".concat(r),o.style.background=r,o.style.font="10px monaco",o.style.opacity="0.3",o.textContent=e,document.body.appendChild(o),await Object(d.h)(1e3),o.remove()}v.contextType=p},"3uHk":function(e,t,r){"use strict";r("rGqo");var n=r("LEzx");class o extends n.a{getInitialState(){return{capturingAreas:new Set}}canScroll(){return 0===this.state.capturingAreas.size}}t.a=new o},"408K":function(e,t,r){"use strict";r.d(t,"a",(function(){return o}));var n=r("fIr1");const o="slack_integration",i={table:o,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,team_name:n.a.String,channel:n.a.String,channel_id:n.a.String,configuration_url:n.a.String,webhook_url:n.a.String,enabled:n.a.Boolean,parent_id:n.a.UUID,parent_table:n.a.String}};t.b=i},"43ch":function(e,t,r){"use strict";var n=r("Uv1v");class o extends n.a{findEditableWithinSelectable(e){return this.findComponent(t=>t.getContextClosestSelectable()===e)}findEditableWithStore(e){return this.findComponent(t=>t.props.store===e)}findNodeFromStore(e){const t=this.findEditableWithStore(e);if(t)return t.getNode()}}t.a=new o},"45vK":function(e,t,r){"use strict";var n=r("vBRW");var o=r("w5u6");function i(e){return Object(n.a)((async function(){await e(...arguments),await o.default.afterNextFlush()}))}function a(e){return function(e){let t;return async function(){if(t)return t;{t=e(...arguments);const r=await t;return t=void 0,r}}}(async(t,r,n)=>{await e(t,r,n),await o.default.afterNextFlush()})}r.d(t,"b",(function(){return i})),r.d(t,"a",(function(){return a}))},"47e+":function(e,t,r){"use strict";r.d(t,"a",(function(){return s}));var n=r("LvDl"),o=r("q1tI"),i=r("fgBX"),a=r("xe8Q");function s(e){const{children:t,type:r,size:s}=e,l=n.toArray(t),c=[];let d="";for(const n of l){a.c[n]?(d.length>0&&(c.push(d),d=""),c.push(o.createElement(i.a,{key:c.length,char:n,size:s,type:r,imgStyle:{verticalAlign:"-0.1em",margin:"0 0.1em"}}))):d+=n}return d.length>0&&c.push(d),o.createElement(o.Fragment,{},...c)}},"4Frv":function(e,t,r){"use strict";r.r(t),r.d(t,"AllMigrations",(function(){return n}));const n={endSchema:{pragmas:{user_version:5},tables:{notion:{info:{type:"table",sql:"CREATE TABLE notion (id integer primary key, key unique, value)",name:"notion",tbl_name:"notion"},columns:[{cid:0,name:"id",type:"integer",notnull:0,dflt_value:null,pk:1},{cid:1,name:"key",type:"",notnull:0,dflt_value:null,pk:0},{cid:2,name:"value",type:"",notnull:0,dflt_value:null,pk:0}]},key_value_store:{info:{type:"table",sql:"CREATE TABLE key_value_store (id INTEGER PRIMARY KEY, key TEXT UNIQUE, value TEXT)",name:"key_value_store",tbl_name:"key_value_store"},columns:[{cid:0,name:"id",type:"INTEGER",notnull:0,dflt_value:null,pk:1},{cid:1,name:"key",type:"TEXT",notnull:0,dflt_value:null,pk:0},{cid:2,name:"value",type:"TEXT",notnull:0,dflt_value:null,pk:0}]},transactions:{info:{type:"table",sql:"CREATE TABLE transactions (\nid TEXT PRIMARY KEY,\nvalue TEXT\n, user_id TEXT)",name:"transactions",tbl_name:"transactions"},columns:[{cid:0,name:"id",type:"TEXT",notnull:0,dflt_value:null,pk:1},{cid:1,name:"value",type:"TEXT",notnull:0,dflt_value:null,pk:0},{cid:2,name:"user_id",type:"TEXT",notnull:0,dflt_value:null,pk:0}]},records:{info:{type:"table",sql:"CREATE TABLE records (\nrecord_table TEXT,\nrecord_id TEXT,\nrecord_value TEXT,\ntimestamp NUMERIC,\nparent_table TEXT,\nparent_id TEXT,\nimportance NUMERIC,\nuser_id TEXT,\nCONSTRAINT primary_key PRIMARY KEY (record_table, record_id, user_id)\n)",name:"records",tbl_name:"records"},columns:[{cid:0,name:"record_table",type:"TEXT",notnull:0,dflt_value:null,pk:1},{cid:1,name:"record_id",type:"TEXT",notnull:0,dflt_value:null,pk:2},{cid:2,name:"record_value",type:"TEXT",notnull:0,dflt_value:null,pk:0},{cid:3,name:"timestamp",type:"NUMERIC",notnull:0,dflt_value:null,pk:0},{cid:4,name:"parent_table",type:"TEXT",notnull:0,dflt_value:null,pk:0},{cid:5,name:"parent_id",type:"TEXT",notnull:0,dflt_value:null,pk:0},{cid:6,name:"importance",type:"NUMERIC",notnull:0,dflt_value:null,pk:0},{cid:7,name:"user_id",type:"TEXT",notnull:0,dflt_value:null,pk:3}]}},indexes:{sqlite_autoindex_notion_1:{info:{type:"index",sql:null,name:"sqlite_autoindex_notion_1",tbl_name:"notion"},columns:[{name:"key",cid:1,seqno:0}]},sqlite_autoindex_key_value_store_1:{info:{type:"index",sql:null,name:"sqlite_autoindex_key_value_store_1",tbl_name:"key_value_store"},columns:[{name:"key",cid:1,seqno:0}]},sqlite_autoindex_transactions_1:{info:{type:"index",sql:null,name:"sqlite_autoindex_transactions_1",tbl_name:"transactions"},columns:[{name:"id",cid:0,seqno:0}]},sqlite_autoindex_records_1:{info:{type:"index",sql:null,name:"sqlite_autoindex_records_1",tbl_name:"records"},columns:[{name:"record_table",cid:0,seqno:0},{name:"record_id",cid:1,seqno:1},{name:"user_id",cid:7,seqno:2}]},record_parent:{info:{type:"index",sql:"CREATE INDEX record_parent ON records (record_table, parent_table, parent_id, user_id)",name:"record_parent",tbl_name:"records"},columns:[{name:"record_table",cid:0,seqno:0},{name:"parent_table",cid:4,seqno:1},{name:"parent_id",cid:5,seqno:2},{name:"user_id",cid:7,seqno:3}]},record_lru_important_timestamp:{info:{type:"index",sql:"CREATE INDEX record_lru_important_timestamp ON records (importance, timestamp)",name:"record_lru_important_timestamp",tbl_name:"records"},columns:[{name:"importance",cid:6,seqno:0},{name:"timestamp",cid:3,seqno:1}]},record_user_id:{info:{type:"index",sql:"CREATE INDEX record_user_id ON records (user_id)",name:"record_user_id",tbl_name:"records"},columns:[{name:"user_id",cid:7,seqno:0}]},transactions_user_id:{info:{type:"index",sql:"CREATE INDEX transactions_user_id ON transactions (user_id)",name:"transactions_user_id",tbl_name:"transactions"},columns:[{name:"user_id",cid:2,seqno:0}]}}},migrations:[{id:1,description:"ensure-existing-schema",statements:[{sql:"create table if not exists notion (id integer primary key, key unique, value)"},{sql:"CREATE TABLE IF NOT EXISTS key_value_store (id INTEGER PRIMARY KEY, key TEXT UNIQUE, value TEXT)"}]},{id:2,description:"indexed-record-cache-and-transactions",statements:[{sql:"CREATE TABLE IF NOT EXISTS transactions (\n\tid TEXT PRIMARY KEY,\n\tvalue TEXT\n)"},{sql:"CREATE TABLE IF NOT EXISTS records (\n\trecord_table TEXT,\n\trecord_id TEXT,\n\trecord_value TEXT,\n\ttimestamp NUMERIC,\n\tparent_table TEXT,\n\tparent_id TEXT,\n\tCONSTRAINT primary_key PRIMARY KEY (record_table, record_id)\n)"},{sql:"CREATE INDEX record_lru_timestamp ON records (timestamp)"},{sql:"CREATE INDEX record_parent ON records (record_table, parent_table, parent_id)"},{sql:"INSERT INTO transactions (id, value)\nSELECT substr(key, 24), json_extract(value, '$.value') FROM notion\nWHERE key LIKE 'LocalTransactionStore3:%'"}]},{id:3,description:"record-cache-importance",statements:[{sql:"ALTER TABLE records ADD COLUMN importance NUMERIC"},{sql:"DROP INDEX record_lru_timestamp"},{sql:"CREATE INDEX record_lru_important_timestamp ON records (importance, timestamp)"}]},{id:4,description:"add-user-id-column-to-records",statements:[{sql:"DROP INDEX record_parent"},{sql:"DROP INDEX record_lru_important_timestamp"},{sql:"ALTER TABLE records RENAME TO previous_records"},{sql:"CREATE TABLE IF NOT EXISTS records (\n\trecord_table TEXT,\n\trecord_id TEXT,\n\trecord_value TEXT,\n\ttimestamp NUMERIC,\n\tparent_table TEXT,\n\tparent_id TEXT,\n\timportance NUMERIC,\n\tuser_id TEXT,\n\tCONSTRAINT primary_key PRIMARY KEY (record_table, record_id, user_id)\n)"},{sql:"INSERT INTO records (record_table, record_id, record_value, timestamp, parent_table, parent_id, importance)\nSELECT record_table, record_id, record_value, timestamp, parent_table, parent_id, importance FROM previous_records"},{sql:"DROP TABLE previous_records"},{sql:"CREATE INDEX record_parent ON records (record_table, parent_table, parent_id, user_id)"},{sql:"CREATE INDEX record_lru_important_timestamp ON records (importance, timestamp)"},{sql:"CREATE INDEX record_user_id ON records (user_id)"}]},{id:5,description:"add-new-column-and-index-for-userid-to-transactions-table",statements:[{sql:"ALTER TABLE transactions ADD COLUMN user_id TEXT"},{sql:"CREATE INDEX transactions_user_id ON transactions (user_id)"}]}],fastForward:{id:5,description:"fast-forward-to-add-new-column-and-index-for-userid-to-transactions-table",statements:[{sql:"CREATE TABLE notion (id integer primary key, key unique, value)"},{sql:"CREATE TABLE key_value_store (id INTEGER PRIMARY KEY, key TEXT UNIQUE, value TEXT)"},{sql:"CREATE TABLE transactions (\nid TEXT PRIMARY KEY,\nvalue TEXT\n, user_id TEXT)"},{sql:"CREATE TABLE records (\nrecord_table TEXT,\nrecord_id TEXT,\nrecord_value TEXT,\ntimestamp NUMERIC,\nparent_table TEXT,\nparent_id TEXT,\nimportance NUMERIC,\nuser_id TEXT,\nCONSTRAINT primary_key PRIMARY KEY (record_table, record_id, user_id)\n)"},{sql:"CREATE INDEX record_parent ON records (record_table, parent_table, parent_id, user_id)"},{sql:"CREATE INDEX record_lru_important_timestamp ON records (importance, timestamp)"},{sql:"CREATE INDEX record_user_id ON records (user_id)"},{sql:"CREATE INDEX transactions_user_id ON transactions (user_id)"}]}}},"4HCU":function(e,t,r){"use strict";r.d(t,"b",(function(){return C})),r.d(t,"a",(function(){return P})),r.d(t,"f",(function(){return j})),r.d(t,"h",(function(){return x})),r.d(t,"g",(function(){return D})),r.d(t,"l",(function(){return B})),r.d(t,"c",(function(){return _})),r.d(t,"j",(function(){return A})),r.d(t,"k",(function(){return L})),r.d(t,"i",(function(){return F})),r.d(t,"d",(function(){return R})),r.d(t,"e",(function(){return N}));r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("bkwR"),i=r("P8+q"),a=r("mjq6"),s=r("tvfY"),l=r("5/h/"),c=r("nM47"),d=r("z22Z"),u=r("AXh+"),p=r("QcDD"),h=r("r8MX"),m=r("6SEd"),g=r("+DAh"),f=r("WLsh"),b=r("Cycz"),y=r("bPtJ"),v=r("G+Ai"),S=r("cBa6"),w=r("/ssM"),k=r("24Pt");function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;te.id),recordMap:t.recordMap}}async function x(e){const{environment:t,query:r,parentId:n,limit:i,spaceId:a,excludeTemplates:s,source:l}=e,c=await o.search(t,{type:w.c.BlocksInParent,query:r,spaceId:a,parentId:n,limit:i,filters:w.e({isDeletedOnly:!1,isNavigableOnly:!0,excludeTemplates:s}),sort:"Relevance",source:l});if("failed"===c.type)throw c.error;return{results:c.data.results.map(e=>e.id)}}async function I(e){const{environment:t,query:r,ancestorId:n,limit:i,excludeTemplates:a,source:s}=e,l=await o.search(t,{type:w.c.BlocksInAncestor,query:r,ancestorId:n,filters:w.e({isNavigableOnly:!0,excludeTemplates:a}),sort:"Relevance",limit:i,source:s});if("failed"===l.type)throw l.error;return l.data}async function D(e){return{results:(await I(e)).results.map(e=>e.id)}}async function B(e){const{environment:t,query:r,limit:n,ancestorId:i,spaceId:a}=e,s={query:r,filters:w.e({isDeletedOnly:!0,isNavigableOnly:!0,excludeTemplates:!1}),sort:"Relevance",limit:n,spaceId:a,source:"trash"},l=i?o.search(t,O({type:w.c.BlocksInAncestor},s,{ancestorId:i})):o.search(t,O({type:w.c.BlocksInSpace},s)),c=await l;if("failed"===c.type)throw c.error;{const{results:e,recordMap:t,total:r}=c.data;return{results:e.map(e=>e.id),recordMap:t,endOfResultsReached:r===e.length}}}async function _(e,t){const{query:r,limit:i,source:a}=t,{currentSpaceStore:s}=p.default.state;if(!s)return[];const[l,c]=await Promise.all([V(e,t),o.search(e,{type:w.c.CollectionsInSpace,query:r,spaceId:s.id,limit:i,filters:w.e({excludeTemplates:!0,requireEditPermissions:!0}),sort:"Relevance",source:a})]);return n.union("success"===c.type?c.data.results.map(e=>e.id):[],l).slice(0,i)}async function A(e){const{environment:t,query:r,membersOnly:o}=e,{currentSpaceStore:i}=p.default.state;if(!i)return[];const s=i.id;await c.g({environment:t,spaceId:s});const{data:u}=h.default.state;if(!u)return[];const m=Object(b.k)(u).filter(e=>!(o&&!Object(d.d)(e.role))),g=n.compact(await Promise.all(m.map(async e=>{let{botId:t}=e;const r=Object(y.c)(i,v.a,t);return await r.load(),r.getValue()})));return r?Object(a.b)(r,g,l.c):g}async function L(e){const{environment:t,query:r,membersOnly:o}=e,{currentSpaceStore:i}=p.default.state;if(!i)return[];await c.g({environment:t,spaceId:i.id});const{data:u}=h.default.state;if(!u)return[];const m=Object(b.s)(u).filter(e=>!(o&&!Object(d.d)(e.role))),g=n.compact(await Promise.all(m.map(async e=>{let{userId:t}=e;const r=s.a.createChildStore(i,t);return await r.load(),r.getValue()})));return r?Object(a.b)(r,g,l.e):g}async function F(e){const[t,r]=await Promise.all([L(e),A(e)]);return{users:t,bots:r}}async function R(e,t){const r=Object(f.b)(t);if(Object(f.c)(r)&&r){const t=await o.findUser(e,{email:r});if("failed"===t.type)throw t.error;const n=t.data;return n.value?{user:n.value.value}:{email:r}}return{}}async function N(e){const{nearBlock:t,environment:r,query:n,source:o}=e,{currentSpaceStore:i}=p.default.state,a=t&&Object(u.b)(t).find(e=>{let{permissionItem:t}=e;return Object(d.k)(t)});if(i){return(await T({environment:r,query:n,limit:20,spaceId:i.id,requireEditPermissions:!1,excludeTemplates:!0,source:o})).results}if(a){return(await I({environment:r,query:n,limit:20,ancestorId:a.blockId,excludeTemplates:!0,source:o})).results}return[]}async function V(e,t){const{query:r,limit:n}=t,o=[];return g.default.forEachRecord(e.currentUser.id,(e,t,a)=>{if(!(o.length>=n)&&e===m.a&&a.value){const e=a.value;if(e){const n=Object(S.V)(e.name);i.test(r,n)&&o.push(t)}}}),o}},"4NII":function(e,t,r){"use strict";t.a=function(e){return!!e.device.isMobile||e.WindowSizeStore.state.width<960}},"4VgC":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("MeYt"),a=r("zmp8"),s=r("Sb6f");function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t{i.default.state.open&&(i.default.setState(s({},i.default.state,{open:!1})),o.a.setKeyboardMode(!1))}},"4bJO":function(e,t,r){"use strict";r.d(t,"q",(function(){return p})),r.d(t,"n",(function(){return h})),r.d(t,"m",(function(){return m})),r.d(t,"d",(function(){return f})),r.d(t,"j",(function(){return b})),r.d(t,"p",(function(){return v})),r.d(t,"l",(function(){return S})),r.d(t,"c",(function(){return k})),r.d(t,"i",(function(){return M})),r.d(t,"a",(function(){return E})),r.d(t,"h",(function(){return C})),r.d(t,"k",(function(){return P})),r.d(t,"o",(function(){return j})),r.d(t,"e",(function(){return D})),r.d(t,"g",(function(){return B})),r.d(t,"f",(function(){return A})),r.d(t,"b",(function(){return W}));r("ioFf"),r("Vd3H"),r("a1Th"),r("rGqo");var n=r("FWat"),o=r("PXtY"),i=r("O+wX"),a=r("D2XV"),s=r("nFzZ");function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t({type:"count",count:0}),count_values:()=>({type:"count_values",count:0}),empty:()=>({type:"empty",empty:0}),not_empty:()=>({type:"not_empty",filled:0}),unique:()=>({type:"unique",values:new Set}),percent_empty:()=>({type:"percent_empty",count:0,empty:0}),percent_not_empty:()=>({type:"percent_not_empty",count:0,filled:0}),sum:()=>({type:"sum",sum:0}),average:()=>({type:"average",count:0,sum:0}),median:()=>({type:"median",values:[]}),min:()=>({type:"min",min:void 0}),max:()=>({type:"max",max:void 0}),range:()=>({type:"range",min:void 0,max:void 0}),earliest_date:()=>({type:"earliest_date",min:void 0}),latest_date:()=>({type:"latest_date",max:void 0}),date_range:()=>({type:"date_range",min:void 0,max:void 0}),checked:()=>({type:"checked",checked:0}),unchecked:()=>({type:"unchecked",unchecked:0}),percent_checked:()=>({type:"percent_checked",count:0,checked:0}),percent_unchecked:()=>({type:"percent_unchecked",count:0,unchecked:0})},I={count:"number",count_values:"number",empty:"number",not_empty:"number",unique:"number",percent_empty:"number",percent_not_empty:"number",sum:"number",average:"number",median:"number",min:"number",max:"number",range:"number",checked:"number",unchecked:"number",percent_checked:"number",percent_unchecked:"number",earliest_date:"date",latest_date:"date",date_range:"date"};function D(e){return I[e]}function B(e){return x[e]()}function _(e){const{state:t,filterValue:r}=e,n=U[t.type][r.type];n&&n(e)}function A(e){const{state:t,getRecordValue:r,aggregation:n,userTimeZone:i,intl:a}=e;if(m(n))_({filterValue:{type:"text",value:void 0},state:t,getRecordValue:r,userTimeZone:i,intl:a});else if(P(n)){const s=Object(o.a)(c({},e,{property:n.property,depth:e.depth+1}));for(const e of s)_({filterValue:e,state:t,getRecordValue:r,userTimeZone:i,intl:a})}}function L(e){e.state.count+=1}function F(e){Object(n.b)(c({filter:{operator:"is_empty"},userId:void 0},e))&&(e.state.empty+=1)}function R(e){Object(n.b)(c({filter:{operator:"is_not_empty"},userId:void 0},e))&&(e.state.filled+=1)}function N(e){const t=Object(n.b)(c({filter:{operator:"is_empty"},userId:void 0},e));e.state.count+=1,t&&(e.state.empty+=1)}function V(e){const t=Object(n.b)(c({filter:{operator:"is_not_empty"},userId:void 0},e));e.state.count+=1,t&&(e.state.filled+=1)}const U={count:{number:L,text:L,select:L,multi_select:L,relation:L,person:L,date:L,file:L},count_values:{number:e=>{void 0!==e.filterValue.value&&(e.state.count+=1)},text:e=>{const t=e.filterValue;void 0!==t.value&&t.value.length>0&&(e.state.count+=1)},select:e=>{void 0!==e.filterValue.value&&(e.state.count+=1)},multi_select:e=>{const t=e.filterValue;void 0!==t.value&&(e.state.count+=t.value.length)},relation:e=>{const t=e.filterValue;void 0!==t.value&&(e.state.count+=t.value.length)},person:e=>{const t=e.filterValue;void 0!==t.value&&(e.state.count+=t.value.length)},date:e=>{void 0!==e.filterValue.value&&(e.state.count+=1)},file:e=>{const t=e.filterValue;void 0!==t.value&&(e.state.count+=t.value.length)}},unique:{number:e=>{const t=e.filterValue;void 0!==t.value&&e.state.values.add(t.value.toString())},text:e=>{const t=e.filterValue;void 0!==t.value&&t.value.length>0&&e.state.values.add(t.value)},select:e=>{const t=e.filterValue;void 0!==t.value&&e.state.values.add(t.value)},multi_select:e=>{const t=e.filterValue;if(void 0!==t.value)for(const r of t.value)e.state.values.add(r)},relation:e=>{const t=e.filterValue;if(void 0!==t.value)for(const r of t.value)e.state.values.add(r)},person:e=>{const t=e.filterValue;if(void 0!==t.value)for(const r of t.value)e.state.values.add(r.id)},date:e=>{const t=e.filterValue;void 0!==t.value&&e.state.values.add(i.a({allowRelativeDates:!1,value:t.value,userTimeZone:e.userTimeZone,intl:e.intl}))},file:e=>{const t=e.filterValue;if(void 0!==t.value&&void 0!==t.value)for(const r of t.value)e.state.values.add(r)}},empty:{number:F,text:F,select:F,multi_select:F,relation:F,person:F,date:F,file:F},not_empty:{number:R,text:R,select:R,multi_select:R,relation:R,person:R,date:R,file:R},percent_empty:{number:N,text:N,select:N,multi_select:N,relation:N,person:N,date:N,file:N},percent_not_empty:{number:V,text:V,select:V,multi_select:V,relation:V,person:V,date:V,file:V},sum:{number:e=>{const t=e.filterValue.value;void 0!==t&&(e.state.sum+=t)}},average:{number:e=>{const t=e.filterValue.value;void 0!==t&&(e.state.count+=1,e.state.sum+=t)}},median:{number:e=>{const t=e.filterValue.value;void 0!==t&&e.state.values.push(t)}},min:{number:e=>{const t=e.filterValue.value;void 0!==t&&(!e.state.min||t{const t=e.filterValue.value;void 0!==t&&(!e.state.max||t>e.state.max)&&(e.state.max=t)}},range:{number:e=>{const t=e.filterValue.value;void 0!==t&&((!e.state.min||te.state.max)&&(e.state.max=t))}},checked:{checkbox:function(e){Object(n.b)(c({filter:{operator:"checkbox_is",value:{type:"exact",value:!0}},userId:void 0},e))&&(e.state.checked+=1)}},unchecked:{checkbox:function(e){Object(n.b)(c({filter:{operator:"checkbox_is",value:{type:"exact",value:!1}},userId:void 0},e))&&(e.state.unchecked+=1)}},percent_checked:{checkbox:function(e){const t=Object(n.b)(c({filter:{operator:"checkbox_is",value:{type:"exact",value:!0}},userId:void 0},e));e.state.count+=1,t&&(e.state.checked+=1)}},percent_unchecked:{checkbox:function(e){const t=Object(n.b)(c({filter:{operator:"checkbox_is",value:{type:"exact",value:!1}},userId:void 0},e));e.state.count+=1,t&&(e.state.unchecked+=1)}},date_range:{date:e=>{const t=e.filterValue.value,r=e.state;if(void 0!==t){if(void 0===r.min){const n=a.M(t);"date"===n.type?r.min=a.u(n,e.userTimeZone):r.min=n}else{const n=a.Z(r.min,a.M(t),e.userTimeZone);"date"===n.type?r.min=a.u(n,e.userTimeZone):r.min=n}if(void 0===r.max){const n=a.M(t);"date"===n.type?r.max=a.u(n,e.userTimeZone):r.max=n}else{const n=a.Y(r.max,a.M(t),e.userTimeZone);"date"===n.type?r.max=a.u(n,e.userTimeZone):r.max=n}}}},earliest_date:{date:e=>{const t=e.filterValue.value,r=e.state;void 0!==t&&(void 0===r.min?r.min=a.M(t):r.min=a.Z(r.min,a.M(t),e.userTimeZone))}},latest_date:{date:e=>{const t=e.filterValue.value,r=e.state;void 0!==t&&(void 0===r.max?r.max=a.M(t):r.max=a.Y(r.max,a.M(t),e.userTimeZone))}}},Y={count:e=>({type:"number",value:e.count}),count_values:e=>({type:"number",value:e.count}),empty:e=>({type:"number",value:e.empty}),not_empty:e=>({type:"number",value:e.filled}),unique:e=>({type:"number",value:e.values.size}),percent_empty:e=>({type:"number",value:e.empty/e.count}),percent_not_empty:e=>({type:"number",value:e.filled/e.count}),sum:e=>({type:"number",value:e.sum}),average:e=>({type:"number",value:e.sum/e.count}),median:e=>({type:"number",value:X(e.values)}),min:e=>({type:"number",value:e.min}),max:e=>({type:"number",value:e.max}),range:e=>({type:"number",value:void 0!==e.max&&void 0!==e.min?e.max-e.min:void 0}),checked:e=>({type:"number",value:e.checked}),unchecked:e=>({type:"number",value:e.unchecked}),percent_checked:e=>({type:"number",value:e.checked/e.count}),percent_unchecked:e=>({type:"number",value:e.unchecked/e.count}),earliest_date:e=>({type:"date",value:e.min}),latest_date:e=>({type:"date",value:e.max}),date_range:e=>{if(void 0===e.max||void 0===e.min)return{type:"date",value:void 0};const t=a.B(e.min),r=a.B(e.max);return{type:"date",value:a.s(t.valueOf(),r.valueOf(),e.min.time_zone)}}};function W(e){return(0,Y[e.type])(e)}function X(e){if(e.sort((function(e,t){return e-t})),0===e.length)return 0;var t=Math.floor(e.length/2);return e.length%2?e[t]:(e[t-1]+e[t])/2}},"4vay":function(e,t,r){},"5/h/":function(e,t,r){"use strict";r.d(t,"d",(function(){return a})),r.d(t,"e",(function(){return s})),r.d(t,"c",(function(){return l})),r.d(t,"a",(function(){return c}));var n=r("LvDl"),o=r("fIr1"),i=(r("V1wX"),r("g90h"));function a(e){return e&&e.given_name&&e.family_name?"".concat(e.given_name.trim()," ").concat(e.family_name.trim()):e&&e.email?e.email:"Anonymous"}function s(e){return n.compact([e.given_name,e.family_name,e.email]).join(" ")}function l(e){return n.compact([e.name,"bot"]).join(" ")}const c="notion_user",d={table:c,columnTypes:{id:o.a.UUID,version:o.a.Number,last_version:o.a.Number,email:o.a.String,given_name:o.a.String,family_name:o.a.String,profile_photo:o.a.String,onboarding_completed:o.a.Boolean,mobile_onboarding_completed:o.a.Boolean,clipper_onboarding_completed:o.a.Boolean,reverify:o.a.Boolean}};t.b=d;i.a},"57cz":function(e,t,r){"use strict";var n=r("Uv1v");class o extends n.a{findOutlinerItemFromStore(e){if(e)return this.findComponent(t=>t.props.store===e)}}t.a=new o},"58VE":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("wldR"),a=r("5/h/"),s=r("1y3T"),l=r("2m/B"),c=r("mF3+"),d=r("LeVO"),u=r("zmp8");function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t{const{userValue:e}=this.props;if(e){const t=e.profile_photo,r=e.given_name,i=e.family_name,a=e.email;if(t)return n.createElement("div",{style:h({},this.getAvatarWrapStyle())},n.createElement("div",{style:h({},this.getAvatarStyle())},n.createElement(s.a,{stripGoogleIconQuery:!0,url:t,isAuthenticated:!1,width:this.props.size||18,render:(e,t)=>n.createElement(l.a,{src:t,style:{width:"100%",height:"100%",borderRadius:"100%"}})})));if(r||i||a){let e;return r?e=o.toArray(r)[0]:i?e=o.toArray(i)[0]:a&&(e=o.toArray(a)[0]),e=e?e.toUpperCase():"",n.createElement("div",{style:h({},this.getAvatarWrapStyle())},n.createElement("div",{style:this.getInitialStyle()},n.createElement("div",null,e)))}return this.renderPersonIcon()}return this.renderPersonIcon()},this.renderTooltip=()=>n.createElement(n.Fragment,null,Object(a.d)(this.props.userValue),n.createElement("br",null),this.props.userValue&&n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor}},this.props.userValue.email))}renderComponent(){return this.props.hasTooltip?n.createElement(d.a,{renderTooltip:this.renderTooltip,placement:d.a.Placement.Bottom,alignment:d.a.Alignment.Start,render:e=>n.createElement("div",Object.assign({style:this.props.style},e),this.renderAvatar())}):n.createElement("div",{style:this.props.style},this.renderAvatar())}renderPersonIcon(){return n.createElement("div",{style:h({},this.getAvatarWrapStyle())},n.createElement("div",{style:h({},this.getAvatarStyle())},this.getPersonIcon()))}getPersonIcon(){return c.a.person({width:16,height:16,color:this.theme.regularIconColor})}getAvatarWrapStyle(){return{background:Object(u.m)("light").contentBackground,borderRadius:"100%",boxShadow:this.props.avatarShouldShowShadow?this.theme.avatarBoxShadow:"none"}}getAvatarStyle(){return{borderRadius:"100%",width:this.props.size||18,height:this.props.size||18,maxWidth:"100%",maxHeight:"100%",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",WebkitUserSelect:"none",opacity:this.props.isOffline?.3:1}}getInitialStyle(){return{boxSizing:"content-box",border:"1px solid currentColor",borderRadius:"100%",width:(this.props.size||18)-2,height:(this.props.size||18)-2,lineHeight:"".concat((this.props.size||18)-2,"px"),overflow:"hidden",textAlign:"center",fontSize:14,background:this.theme.popoverBackground,userSelect:"none",WebkitUserSelect:"none",color:this.theme.regularTextColor,opacity:this.props.isOffline?.3:1}}}t.a=g},"5FB0":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("S26v");var o=r("5xGH");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,"a",(function(){return s}));class s extends Error{constructor(e,t){super(e),this.name="HttpRequestError",this.data=t}}t.b=async function(e){void 0===e.json&&(e.json=!0);const t=function(e){for(var t=1;t{this.root=e},this.handleInput=()=>{const e=o.a(this.environment,this.root);this.props.onMutation&&this.props.onMutation(e),c.default.flush()},this.handleCompositionStart=()=>{const{device:e}=this.environment;e.isAndroid||(this.isComposing=!0,this.props.onCompositionStart&&this.props.onCompositionStart())},this.handleCompositionEnd=()=>{const{device:e}=this.environment;e.isAndroid||(this.isComposing=!1,this.handleInput(),this.props.onCompositionEnd&&this.props.onCompositionEnd())},this.handleBeforeInput=e=>{if(!s.e(e))throw new Error("Invalid event");"insertLineBreak"!==e.inputType&&"insertParagraph"!==e.inputType||e.preventDefault()},this.handleSelect=e=>{const{device:t}=this.environment;if(!this.isComposing)if(t.isMobile&&l.a.state.isDragging){e.preventDefault(),e.stopPropagation(),e.target.blur();const t=window.getSelection();if(t)return t.removeAllRanges(),!1}else this.props.onSelect&&this.props.onSelect(e)}}willMountOrUpdate(e){this.selection=e.getSelection(),this.disabled=e.getDisabled(),this.html=e.getHtml()}didMount(){this.updateContainer(!0),this.root&&s.h&&this.root.addEventListener("beforeinput",this.handleBeforeInput)}didUpdate(){this.updateContainer(!1)}willUnmount(){this.root&&s.h&&this.root.removeEventListener("beforeinput",this.handleBeforeInput)}updateContainer(e){const{device:t}=this.environment;if(this.root&&!this.isComposing){if(e?this.root.innerHTML=this.html:(this.testDiv.innerHTML=this.html,this.root.innerHTML!==this.testDiv.innerHTML&&(this.root.innerHTML=this.html)),this.disabled)return;if(this.selection){const e=o.h(this.environment,this.root,this.selection.startIndex,this.selection.endIndex),r=i.get();o.i(this.environment,r,e)||(t.isAndroid&&document.activeElement!==this.root&&this.root.focus(),i.set(e,t))}else if(!e){const e=i.get(),r=!t.isAndroid||"empty"===d.default.state.mode;e&&e.commonAncestorContainer&&s.f(e.commonAncestorContainer)&&this.root.contains(e.commonAncestorContainer)&&r&&i.clear(this.environment)}}}renderComponent(){const{onClick:e,onContextMenu:t,onKeyDown:r,onDoubleClick:o,onMouseDown:i,onTouchStart:a,placeholder:s,onBlur:l,onFocus:c}=this.props;return n.createElement("div",{ref:this.handleRootMount,style:!this.html&&this.props.placeholderStyle?this.props.placeholderStyle:this.props.style,contentEditable:!this.disabled,onCompositionStart:this.handleCompositionStart,onCompositionEnd:this.handleCompositionEnd,onInput:this.handleInput,spellCheck:this.props.spellCheck,autoCorrect:this.props.autoCorrect,autoCapitalize:this.props.autoCapitalize,onSelect:this.handleSelect,onClick:e,onBlur:l,onFocus:c,onContextMenu:t,onKeyDown:r,onDoubleClick:o,onMouseDown:i,onTouchStart:a,placeholder:s,"data-root":!0,className:this.disabled?"":"notranslate"})}}t.a=u},"5k6+":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{}}isActive(){return Boolean(this.state.blockStore)}}t.a=new o},"5ma9":function(e,t,r){"use strict";r("rGqo"),r("rE2o"),r("ioFf");var n=r("QcDD"),o=r("wpmu"),i=r("okm4"),a=r("klxS"),s=r("tvfY"),l=r("sdlW"),c=r("oqYu"),d=r("nM47"),u=r("E4rx"),p=r("y6Dp"),h=r("6Zdk"),m=r("H4VD"),g=r("hODJ"),f=r("qKs6"),b=r("+LO1"),y=r("zok3"),v=r("HSWF"),S=r("p9C0"),w=r("HHyf"),k=r("bkwR"),M=r("yUnD"),O=r("+DAh"),E=r("HRSx"),C=r("Fe7V"),P=r("WW+n");function T(e){return new I(e)}function j(e){return function(){return new x(e.apply(this,arguments))}}function x(e){var t,r;function n(t,r){try{var i=e[t](r),a=i.value,s=a instanceof I;Promise.resolve(s?a.wrapped:a).then((function(e){s?n("return"===t?"return":"next",e):o(i.done?"return":"normal",e)}),(function(e){n("throw",e)}))}catch(l){o("throw",l)}}function o(e,o){switch(e){case"return":t.resolve({value:o,done:!0});break;case"throw":t.reject(o);break;default:t.resolve({value:o,done:!1})}(t=t.next)?n(t.key,t.arg):r=null}this._invoke=function(e,o){return new Promise((function(i,a){var s={key:e,arg:o,resolve:i,reject:a,next:null};r?r=r.next=s:(t=r=s,n(e,o))}))},"function"!=typeof e.return&&(this.return=void 0)}function I(e){this.wrapped=e}function D(e){return B.apply(this,arguments)}function B(){return(B=j((function*(e){try{const t=yield T(M.d.measure("loadUserSharedPages","(current user)",()=>A(e,{})));C.e({environment:e,recordCacheStore:O.default,recordMap:t.recordMap}),yield t}catch(r){}const t=yield T(k.getUserSharedPages(e,{includeDeleted:!0}));if("success"!==t.type)throw t.error;e.LocalRecordStore&&P.a.set({userId:e.currentUser.id,key:_,value:t.data.pages}),yield t.data}))).apply(this,arguments)}"function"==typeof Symbol&&Symbol.asyncIterator&&(x.prototype[Symbol.asyncIterator]=function(){return this}),x.prototype.next=function(e){return this._invoke("next",e)},x.prototype.throw=function(e){return this._invoke("throw",e)},x.prototype.return=function(e){return this._invoke("return",e)};const _="UserSharedPages";async function A(e,t){const{id:r}=e.currentUser;if(!r)throw new Error("Must be logged in.");if(!e.LocalRecordStore)throw new Error("No local database found.");const n=P.a.get({userId:r,key:_})||void 0;if(!n)throw new Error("No local shared pages found.");const o=await M.a({environment:e,requests:n.map(e=>({table:E.a,id:e.id})),recurFn:()=>[],recordIsRequired:()=>!1});return{pages:n,recordMap:o}}var L=r("VTj5"),F=r("O5tY"),R=r("3U9E"),N=r("oOAt"),V=r("V6+p"),U=r("qX+M");function Y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e){for(var t=1;t{n.default.state.lastUpdater===p&&n.default.setState(W({},n.default.state,{},e))},f=e=>{n.default.state.lastUpdater===p&&F.a.setState({publicPageData:e})};if(n.default.setState(W({},n.default.state,{lastUpdater:p})),"page"===t.name||"space"===t.name){let e;if(v.K(t,c),"page"!==t.name||a&&a.id===t.blockId)"space"===t.name?(e=w.a({environment:r,request:W({type:"block-space"},t)}),p({currentBlockStore:void 0,currentLoadingContainerStore:void 0})):a&&a.id===t.blockId&&h.e(r,t.blockId);else{e=w.a({environment:r,request:W({type:"block-space"},t)}),m.resetPageState(r),m.resetSidebarState(r),d.b(),m.resetEditorState(r);const{blockId:a}=t,s=new o.a(r,a),g=new i.a;p({currentBlockStore:s,currentLoadingContainerStore:g});const[y]=await Promise.all([e.next(),n.default.waitUntil(()=>n.default.state.initialized)]),{currentUserSettingsStore:S}=n.default.state,k=y.value;f(k);const{presenceStore:M,currentUserRootStore:O}=n.default.state;if(u.b({environment:r,rootStore:s,presenceStore:M}),O)if(k.spaceId&&(k.canJoinSpace||k.userHasExplicitAccess)){const e=await l.k({environment:r,userRootStore:O,spaceId:k.spaceId,navigate:!1,analyticsFrom:"redirect",userSettingsStore:S});p({currentSpaceViewStore:e.spaceViewStore,currentSpaceStore:e.spaceViewStore.getSpaceStore()})}else if(!k.spaceId&&n.default.state.currentSpaceStore){const e=await l.k({environment:r,userRootStore:O,spaceId:n.default.state.currentSpaceStore.id,navigate:!1,analyticsFrom:"redirect",userSettingsStore:S});p({currentSpaceViewStore:e.spaceViewStore,currentSpaceStore:e.spaceViewStore.getSpaceStore()})}else n.default.state.currentSpaceViewStore&&p({currentSpaceViewStore:void 0,currentSpaceStore:void 0});const{currentSpaceStore:E}=n.default.state;E?(d.g({environment:r,spaceId:E.id}).then(async()=>{await s.load(),$(r,s)}),v.d({currentUserId:c,spaceId:E.id,pageId:a}),b.identifyWorkspace(r),h.e(r,a)):k&&k.spaceId&&(await s.load(),$(r,s))}if(e){var S,k=!0,M=!1;try{for(var O,E,C=z(e);k=(O=await C.next()).done,E=await O.value,!k;k=!0){f(E)}}catch(T){M=!0,S=T}finally{try{k||null==C.return||await C.return()}finally{if(M)throw S}}}await V.a(r),await g.f(r,n.default.state.currentSpaceViewStore)}const P=s?s.id:void 0;if("page"===t.name&&P!==t.collectionViewId){const e=t.collectionViewId;p({currentCollectionViewStore:e?new y.a(r,e):void 0})}}async function K(e){const t=D(e);var r,n=!0,o=!1;try{for(var i,a,s=z(t);n=(i=await s.next()).done,a=await i.value,!n;n=!0){const e=a;R.a.setState({sharedPages:e.pages})}}catch(l){o=!0,r=l}finally{try{n||null==s.return||await s.return()}finally{if(o)throw r}}}async function Z(e,t){const r=new s.a(e,t,{userId:t}),o=new S.a(e,t,{userId:t});o.addListener(J);const i=new a.a(e,t,{userId:t});c.registerPushNotifications(e),n.default.setState(W({},n.default.state,{currentUserStore:r,currentUserSettingsStore:o,currentUserRootStore:i,initialized:!1})),await Promise.all([L.a(),Q(e)]),n.default.setState(W({},n.default.state,{initialized:!0})),Object(f.d)(e)}function J(e){e&&e.state&&e.state.value&&e.state.value.settings&&e.state.value.settings.preferred_locale&&N.a.set("preferredLocale",e.state.value.settings.preferred_locale)}async function Q(e){const t=D(e),r=await t.next();R.a.setState({sharedPages:r.value.pages}),t.next().then(e=>{e.value&&R.a.setState({sharedPages:e.value.pages})})}function $(e,t){p.md(e,{page_id:t.id,is_peek:!1,type:"collection"===t.getParentTable()?"database_page":"page"})}r.d(t,"c",(function(){return q})),r.d(t,"a",(function(){return H})),r.d(t,"e",(function(){return G})),r.d(t,"b",(function(){return K})),r.d(t,"d",(function(){return Z}))},"5qOl":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{open:!1}}}t.a=new o},"5qTp":function(e,t,r){"use strict";r.r(t);var n=r("LEzx");class o extends n.a{getInitialState(){return{open:!1}}}t.default=new o},"5w/s":function(e,t,r){"use strict";r.d(t,"h",(function(){return p})),r.d(t,"e",(function(){return h})),r.d(t,"f",(function(){return m})),r.d(t,"c",(function(){return g})),r.d(t,"b",(function(){return f})),r.d(t,"a",(function(){return b})),r.d(t,"d",(function(){return y})),r.d(t,"g",(function(){return v})),r.d(t,"i",(function(){return S}));r("rGqo");var n=r("LvDl"),o=r("t3i2"),i=r("wpmu"),a=r("N34Z"),s=r("nFzZ"),l=r("udrG"),c=r("WW+n"),d=r("HSWF"),u=r("xe8Q");function p(e){const{stores:t,update:r,transaction:n}=e;for(const o of t)a.d({store:o.getFormatStore(),data:Object(s.m)(r),transaction:n}),o instanceof i.a&&o.getType()===l.a.callout&&r.block_color&&c.a.set({userId:o.environment.currentUser.id,key:d.e,value:r.block_color})}function h(e){const{environment:t,store:r,isLocked:n,transaction:o}=e,{id:i}=t.currentUser;if(!i)return;const s={block_locked:n,block_locked_by:i};a.d({store:r.getFormatStore(),data:s,transaction:o})}function m(e){const{store:t,url:r,position:n,transaction:o}=e;p({stores:[t],update:{page_cover_position:n},transaction:o});const i=t.getCoverStore();i&&a.c({store:i,value:r,transaction:o})}function g(){const e=n.sample(["Activities","Objects","Travel & Places"]),t=u.a[e];return n.sample(t)}function f(e){const{store:t,transaction:r}=e,n=t.getIconStore();if(n){if(!n.getValue()){const e=g();a.c({store:n,value:e,transaction:r})}}}function b(e){const{store:t,transaction:r}=e,i=t.getCoverStore();if(i){if(!i.getValue()){const e=Object.keys(o.a),s=e[n.random(0,e.length-1)],l=o.a[s],c=l.items[n.random(0,l.items.length-1)],d=c.coverUrl,u=c.position;a.c({store:i,value:d,transaction:r}),v({store:t,coverPosition:u,transaction:r})}}}function y(e){const{store:t,transaction:r}=e,n=t.getCoverStore();n&&a.c({store:n,value:null,transaction:r})}function v(e){const{store:t,coverPosition:r,transaction:n}=e;if(t.isCollectionView()){const e=t.getCollectionViewCollectionStore();e&&a.d({store:e.getFormatStore(),data:{collection_cover_position:r},transaction:n})}else p({stores:[t],update:{page_cover_position:r},transaction:n})}function S(e){const{store:t,coverPosition:r,transaction:n}=e;p({stores:[t],update:{card_cover_position:r},transaction:n})}},"5xGH":function(e,t,r){"use strict";r.d(t,"e",(function(){return s})),r.d(t,"b",(function(){return l})),r.d(t,"f",(function(){return c})),r.d(t,"c",(function(){return d})),r.d(t,"h",(function(){return u})),r.d(t,"a",(function(){return p})),r.d(t,"g",(function(){return h})),r.d(t,"d",(function(){return m}));r("ioFf"),r("rGqo");var n=r("g90h");const o=["JsonParseError","UnauthorizedError","ValidationError","UserValidationError","UserValidationResponse","ForbiddenError","LogicalError","ServiceUnavailableError","MessageStoreError","GetStatusError","ElasticsearchError","MessageStoreRedisError","RedisError","MemcachedError","DiffbotError","DiffbotExtractError","TwilioError","AsanaError","TrelloError","UnsplashError","PandocError","ConfluenceImportError","PostgresError","PostgresDeadlockError","PostgresCollisionError","PostgresNullConstraintError","PostgresInvalidUnicodeCharacter","PostgresTimeout","PostgresUniqueViolation","AppleError","GoogleError","MissingSecretError","MissingStaticFileError","DecryptionError","EvernoteError","ChromeError","NetworkError","IntercomError","CommandLineError","ConnectionError","PostgresConnectionError","UserRateLimitResponse","UnknownError","UnsavedTransactionError"],i=Error;class a extends i{constructor(e){super(e.message),this.errorId=Object(n.b)(),this.level=e.level,this.status=e.status,this.name=e.name,this.data=e.data,this.error=e.error,this.clientData=e.clientData}}function s(e){return Boolean(e&&function(e){return o.includes(e.name)}(e)&&void 0!==e.clientData)}class l extends Error{constructor(e,t,r){super(e),this.name="QueueApiError",this.data=t,this.clientData=r}}function c(e){return Boolean(e&&"QueueApiError"===e.name&&void 0!==e.clientData)}class d extends a{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super({level:"warning",status:400,name:"ValidationError",message:e,data:t.data,error:t.error,clientData:t.clientData})}}function u(e){return Boolean(e&&"UserValidationResponse"===e.name&&void 0!==e.clientData)}class p extends a{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super({level:"error",status:400,name:"LogicalError",message:e,data:t.data,error:t.error})}}function h(e){return Boolean(e&&"unsaved_transactions"===e.type&&e.errors.length>0)}function m(e){return Boolean(e&&e.errorId&&e.message&&e.name)}},"5zFd":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("q1tI"),i=r("wldR"),a=r("WgIs"),s=r("i3uR"),l=r("g4rC"),c=r("RBMm"),d=r("gbGO"),u=r("2Y+N"),p=r("nPEg");function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class g extends i.a{constructor(){super(...arguments),this.storeTypes={buttonPopupStore:l.a},this.renderPopup=e=>{const{device:t}=this.environment,{items:r}=this.props,i=[];if(this.itemsHasSections(r))r.forEach((t,r)=>{const n=this.sectionFromItems(t,r,e);i.push(n)});else{const t=this.sectionFromItems(r,0,e);i.push(t)}const s=o.createElement(a.a,{type:a.a.Type.Vertical,initialFocus:n.findIndex(n.flatten(r),e=>n.isEqual(e,this.props.selectedItem)),sections:i});let l;return l=t.isMobile?this.props.mobileActionSheet?{menuType:d.b.MenuType.ActionSheet}:{menuType:d.b.MenuType.Modal,title:this.props.menuTitle,right:o.createElement(p.c,null),onClickRight:e.close}:{menuType:d.b.MenuType.Popup,width:this.props.width||160},o.createElement(d.b,Object.assign({},l),s)}}willMount(){this.props.openInitially&&this.stores.buttonPopupStore.setState({open:!0})}renderComponent(){const{device:e}=this.environment;return o.createElement(s.a,{popupType:e.isMobile?s.a.PopupType.SlideUp:s.a.PopupType.Popup,renderOrigin:this.props.renderOrigin,buttonPopupStore:this.stores.buttonPopupStore,placementToOrigin:c.b.Bottom,render:this.renderPopup,disabled:this.props.disabled,originGap:this.props.originGap})}handleSelect(e){this.props.selectedItem!==e&&this.props.onSelect(e)}itemsHasSections(e){return e.length>0&&e[0]instanceof Array}sectionFromItems(e,t,r){return{key:0,render:e=>o.createElement(u.a,Object.assign({},e,{key:t,topBorder:t>0})),items:e.map(e=>({key:this.props.getKey(e),render:t=>this.props.renderItem(function(e){for(var t=1;t{this.handleSelect(e),r.close()}}))}}}t.a=g},"6/a3":function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR"),i=r("v+/5");class a extends o.a{renderComponent(){const e=this.props.width/this.props.height*100+"%",t=Object(i.f)(this.environment);return n.createElement("div",{style:this.getOuterStyle(t)},n.createElement("div",{style:{width:e,paddingRight:t}},this.props.children))}getOuterStyle(e){return{width:"100vw",overflowX:"scroll",paddingTop:40,paddingBottom:40,marginTop:-40,marginBottom:-40,paddingLeft:e,paddingRight:e,WebkitOverflowScrolling:"touch"}}}t.a=a},"622O":function(e,t,r){"use strict";r.d(t,"a",(function(){return c})),r.d(t,"b",(function(){return d})),r.d(t,"h",(function(){return u})),r.d(t,"j",(function(){return p})),r.d(t,"l",(function(){return g})),r.d(t,"k",(function(){return f})),r.d(t,"g",(function(){return b})),r.d(t,"i",(function(){return y})),r.d(t,"e",(function(){return v})),r.d(t,"c",(function(){return S})),r.d(t,"f",(function(){return w})),r.d(t,"d",(function(){return k}));r("ioFf"),r("rGqo"),r("a1Th"),r("KKXr"),r("pIFo");var n=r("LvDl"),o=r("g90h"),i=(r("cBa6"),r("S26v"));function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t=0)){return{id:r,url:e}}}};function v(e){const t=i.e(e);if(!t.href)return;if(!t.pathname)return;const r=n.last(t.pathname.split("/"));if(!r)return;const o=r.split(".");return 1===o.length?"":o[o.length-1]}const S=function(e){const t=e.lastIndexOf(".");return t>=0?e.substring(0,t):e},w=function(e){const t=i.e(e);if(t.pathname){const e=t.pathname.substring(t.pathname.lastIndexOf("/")+1);if(e)return e}return""},k=function(e){let t=e.title||w(e.source)||e.source;if(e.title){const r=v(e.source),n=v(t.replace("#",""));r&&r!==n&&(t+="."+r)}return t}},"62KP":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{contacts:!1}}}t.a=o},"6BTz":function(e,t,r){"use strict";r.d(t,"a",(function(){return c})),r.d(t,"d",(function(){return d})),r.d(t,"c",(function(){return b})),r.d(t,"e",(function(){return y})),r.d(t,"f",(function(){return v})),r.d(t,"b",(function(){return S}));r("ioFf"),r("rGqo"),r("pIFo"),r("KKXr"),r("SRfc"),r("a1Th");var n=r("qJBq"),o=r("LvDl"),i=r("72Qr"),a=r.n(i);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c="number",d=["number","number_with_commas","percent","dollar","euro","pound","yen","ruble","rupee","won","yuan"],u={dollar:"$",euro:"€",pound:"£",yen:"¥",ruble:"₽",rupee:"₹",won:"₩",yuan:"¥"},p={dollar:"USD",euro:"EUR",pound:"GBP",yen:"JPY",ruble:"RUB",rupee:"INR",won:"KRW",yuan:"CNY"},h=["yen","won"],m=/[^0-9\.\,\ \-eE]/g,g=/[^0-9\.\-eE]/g,f=/(e\-|E\-)/g;function b(e,t,r){if(!o.isNumber(e)||isNaN(e))return"";if("percent"===t)return"".concat(o.round(100*e,12),"%");if(t&&u.hasOwnProperty(t))return r.formatNumber(e,{style:"currency",currencyDisplay:"symbol",currency:p[t]});if("number_with_commas"===t)return a()({})(e);if("bytes"===t)return function(e,t){if(0===e)return"0 bytes";const r=t<0?0:t,n=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,n)).toFixed(r))+" "+["bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][n]}(e,2);{const t=e.toString();if(t.match(f)){const r=parseInt(t.split(f)[2],10);if(r<20){return e.toFixed(r)}return"".concat(e)}return"".concat(e)}}function y(e){if(!e)return;if(-1!==e.indexOf("-Infinity"))return Number.NEGATIVE_INFINITY;if(-1!==e.indexOf("Infinity"))return Number.POSITIVE_INFINITY;const t=e.replace(m,""),r=t.match(/\d(\.| )\d{3}\,\d+$/);if(r||t.match(/\,\d{2}$/)){const e=r&&r[1]?{thousands:r[1]}:{},o=n(t,function(e){for(var t=1;tt[0]===u[e]);if(r){const e=Number(t.slice(1));if(!o.isNaN(e))return{format:r,value:e}}else if(t.indexOf("0x")<0&&t.indexOf("/")<0&&t.indexOf(":")<0&&t.indexOf("-")<=0){const e=Number(t);if(!o.isNaN(e))return{format:"number",value:e}}}const S=function(e){const{amount:t,currency:r,alwaysShowCents:n,intl:o}=e,i=t/(h.includes(r)?1:100);let a=b(Math.abs(i),r,o);return!n&&a.endsWith(".00")&&(a=a.slice(0,-".00".length)),i<0&&(a="(".concat(a,")")),a}},"6BvA":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{}}isActive(){return Boolean(this.state.blockStore)}}t.a=new o},"6CqZ":function(e,t,r){"use strict";r.d(t,"b",(function(){return a})),r.d(t,"e",(function(){return l})),r.d(t,"d",(function(){return c})),r.d(t,"f",(function(){return d})),r.d(t,"a",(function(){return u}));r("Vd3H");var n=r("fIr1"),o=r("g90h"),i=r("nFzZ");const a=i.k({space_id:!0,navigable_block_id:!0,collection_id:!0,mentioned_user_id:!0,mentioned_block_id:!0,mentioned_property:!0,top_level_block_id:!0,collection_row_id:!0,discussion_id:!0,invited_user_id:!0,collection_property_id:!0,collection_view_id:!0,reminder_block_id:!0,reminder_property:!0,permission_group_id:!0}),s=["space_id","navigable_block_id","collection_id","mentioned_user_id","mentioned_block_id","mentioned_property","collection_row_id","top_level_block_id","invited_user_id"];function l(e){const t=i.o(e,a),r=s.map(e=>t[e]),n=i.n(t,s),l=i.k(n);l.sort();const c=l.map(e=>t[e]),{type:d,index:u}=e,p=[d,...r,u,...c].filter(Boolean).join("");return Object(o.c)(p)}const c={"block-created":"block-edited","block-deleted":"block-edited","block-changed":"block-edited","permission-created":"permissions-edited","permission-deleted":"permissions-edited","permission-changed":"permissions-edited","permission-group-created":"permission-group-edited","permission-group-deleted":"permission-group-edited","permission-group-changed":"permission-group-edited","top-level-block-created":"top-level-block-created","top-level-block-deleted":"top-level-block-deleted","collection-row-created":"collection-row-created","collection-row-deleted":"collection-row-deleted","mention-created":"user-mentioned","mention-deleted":"user-mentioned","comment-created":"commented","comment-changed":"commented","comment-deleted":"commented","user-invited":"user-invited","collection-created":"collection-edited","collection-changed":"collection-edited","collection-property-created":"collection-property-edited","collection-property-deleted":"collection-property-edited","collection-property-changed":"collection-property-edited","collection-view-created":"collection-view-edited","collection-view-deleted":"collection-view-edited","collection-view-changed":"collection-view-edited","reminder-created":"reminder","page-locked":"page-locked","page-unlocked":"page-unlocked","email-changed":"email-edited"},d={"user-mentioned":!0,commented:!0,"user-invited":!0,reminder:!0,"email-edited":!0},u="activity",p={table:u,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,index:n.a.Number,start_time:n.a.String,end_time:n.a.String,space_id:n.a.UUID,navigable_block_id:n.a.UUID,collection_id:n.a.UUID,mentioned_user_id:n.a.UUID,mentioned_block_id:n.a.UUID,mentioned_property:n.a.String,top_level_block_id:n.a.UUID,discussion_id:n.a.UUID,invited_user_id:n.a.UUID,collection_row_id:n.a.UUID,collection_view_id:n.a.UUID,collection_property_id:n.a.String,reminder_block_id:n.a.UUID,reminder_property:n.a.String,permission_group_id:n.a.UUID,type:n.a.String,edits:n.a.JSON,invalid:n.a.Boolean,parent_table:n.a.String,parent_id:n.a.UUID}};t.c=p},"6MWN":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{termType:"yearly"}}}t.a=new o},"6SEd":function(e,t,r){"use strict";r.d(t,"a",(function(){return o}));var n=r("fIr1");const o="collection",i={table:o,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,name:n.a.JSON,description:n.a.JSON,icon:n.a.String,cover:n.a.String,schema:n.a.JSON,format:n.a.JSON,parent_id:n.a.UUID,parent_table:n.a.String,alive:n.a.Boolean,file_ids:n.a.StringArray,template_pages:n.a.StringArray,copied_from:n.a.UUID},requiredColumns:{parent_id:!0,parent_table:!0,alive:!0},defaultColumnValues:{alive:!1}};t.b=i},"6WtK":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("i8i4"),i=r("y6Dp"),a=r("UWAZ"),s=r("X4ZB"),l=r("/YYm"),c=r("hbKx"),d=r("OxuQ"),u=r("i3uR"),p=r("wldR"),h=r("Oy36"),m=r("AOw3"),g=r("gbGO"),f=r("WgIs"),b=r("sbdd"),y=r("H4VD"),v=r("2Y+N"),S=r("d9nj"),w=r("prF1"),k=r("MBf9"),M=r("Sb6f"),O=r("MeYt"),E=r("J9+s"),C=r("nPEg");function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t{const{device:t}=this.environment,{store:r,showDivider:o}=e,i=Object(l.a)({store:r,fullyQualified:!1});return n.createElement(n.Fragment,{key:r.id},n.createElement(m.a,{store:r,canDropOnto:r.canEdit(),onSelectableDrop:e=>{const{droppedDirection:t,droppedStores:n,duplicate:o}=e;k.createAndCommit(this.environment,e=>a.a({environment:this.environment,targetParentStore:r.getContentStore(),targetStore:r,droppedDirection:t,droppedStores:n,duplicate:o,transaction:e}))},style:{display:"flex",alignItems:"center",minWidth:0},analyticsName:"breadcrumb",shouldShowDropZone:!0},n.createElement(w.a,{style:{display:"flex",minWidth:0},href:i,external:!1},n.createElement(S.a,{style:{fontSize:"inherit"},isSmall:!0,shouldShrink:!0,mobileFeedback:t.isMobile},this.renderPageIconAndTitle(r)))),o&&this.renderBreadcrumbDivider())},this.handleCurrentPageMount=e=>{this.comp=e},this.handleClickCurrentPage=()=>{const{store:e}=this.props;if(!this.comp)return;const t=o.findDOMNode(this.comp);if(!t)return;if(!(t instanceof Element))return;const r=t.getBoundingClientRect();s.b({blockStore:e,originRect:r}),i.Jc(this.environment)}}renderComponent(){const{store:e}=this.props,t=e.getTitleStore();if(t&&t.isReady())return n.createElement("div",{style:this.getStyle(),className:"notranslate"},this.renderAncestors(),this.renderCurrentPage())}renderCurrentPage(){if(this.props.showCurrentPageControls)return this.renderCurrentPageWithControls();{const{store:e,isMobile:t}=this.props;if(t){const t=c.c(e),r=0===(e.isNavigableBlock()?t.slice(1):[...t]).length;return this.renderReadOnlyPage({store:e,showDivider:!1,ignoreMaxLength:r})}return this.renderReadOnlyPage({store:e,showDivider:!1})}}renderAncestors(){const{store:e,maxAncestorCount:t}=this.props,r=c.c(e),n=e.isNavigableBlock()?r.slice(1):[...r];return n.reverse(),r.reverse(),n.length>t?[this.renderPageButton({store:n[0],showDivider:!this.props.isMobile}),this.renderBlocksAsPopup(this.props.isMobile?r:n.slice(1,n.length-t+1)),...n.slice(n.length-t+1).map(e=>this.renderPageButton({store:e,showDivider:!0}))]:n.map(e=>this.renderPageButton({store:e,showDivider:!0}))}renderReadOnlyPage(e){const{store:t,showDivider:r,ignoreMaxLength:o}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",flexShrink:1,marginLeft:6,minWidth:0}},this.renderPageIconAndTitle(t,o),r&&this.renderBreadcrumbDivider())}renderPageIconAndTitle(e,t){return n.createElement("div",{style:{display:"flex",alignItems:"center",minWidth:0}},e.hasIcon()&&n.createElement(h.a,{disabled:!0,icon:e.getIcon(),isEmptyPage:e.isEmptyPage(),size:this.getIconSize(),style:x.iconStyle}),n.createElement(d.a,{store:e,style:{maxWidth:t?"none":this.props.ancestorMaxWidth}}))}renderCurrentPageWithControls(){const{store:e}=this.props;if(!e.state.ready)return null;const t=e.canEdit(),r=e.isLocked();return n.createElement(S.a,{shouldShrink:!0,onClick:this.handleClickCurrentPage,disabled:!t||r,isSmall:!0},e.hasIcon()&&n.createElement(h.a,{disabled:!0,icon:e.getIcon(),isEmptyPage:e.isEmptyPage(),size:this.getIconSize(),style:{marginRight:6}}),n.createElement(d.a,{ref:this.handleCurrentPageMount,store:e,style:{maxWidth:this.props.currentPageMaxWidth}}))}getMenuListSections(e){return[{key:"results",render:e=>n.createElement(v.a,Object.assign({},e)),items:e.map((e,t)=>({key:e.id,render:r=>n.createElement(b.a,Object.assign({},r,{isSubpage:0!==t,store:e,hidePath:!0})),action:t=>{let{event:r}=t;y.navigateToBlock({environment:this.environment,store:e,metaClick:r.ctrlKey||r.metaKey,visitType:"Link"})}}))}]}renderBlocksAsPopup(e){return n.createElement(u.a,{popupType:this.props.isMobile?u.a.PopupType.SlideUp:u.a.PopupType.Popup,key:"pages-popup",renderOrigin:e=>this.props.isMobile?n.createElement(O.a,Object.assign({style:T({},x.dividerWrapStyle),mobileFeedback:!0},e),this.renderBreadcrumbDivider(),n.createElement("div",{style:{marginLeft:8,marginRight:8}},"..."),this.renderBreadcrumbDivider()):n.createElement("div",{style:x.dividerWrapStyle},n.createElement(S.a,Object.assign({isSmall:!0},e),"..."),this.renderBreadcrumbDivider()),render:t=>{let r;return r=this.props.isMobile?{menuType:g.b.MenuType.Modal,title:n.createElement(E.FormattedMessage,{defaultMessage:"Breadcrumb",id:"breadcrumb.mobileBreadcrumbMenu.title"}),right:n.createElement(C.c,null),onClickRight:t.close}:{menuType:g.b.MenuType.Popup,width:240},n.createElement(g.b,Object.assign({},r),n.createElement(f.a,{type:f.a.Type.Vertical,onAccept:t.close,initialFocus:void 0,sections:this.getMenuListSections(e)}))}})}renderBreadcrumbDivider(){return n.createElement("span",{style:{marginLeft:2,marginRight:2,color:this.theme.lightTextColor}},"/")}getIconSize(){return this.props.isMobile?24:20}getStyle(){return T({display:"flex",alignItems:"center",lineHeight:1.2,fontSize:this.props.isMobile?M.a.fontSize.UIRegular.mobile:M.a.fontSize.UIRegular.desktop},this.props.style)}}x.iconStyle={marginRight:6},x.dividerWrapStyle={display:"flex",alignItems:"center",flexShrink:0},t.a=x},"6Ydq":function(e,t,r){"use strict";r.r(t);r("ioFf"),r("rGqo");var n=r("A9TN"),o=(r("fuyW"),r("LvDl"));const i=["name","message","stack","reason","data","info"];function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new Set;if(!(t<=0)){if(o.isString(e)||o.isNumber(e)||o.isBoolean(e))return e;if(o.isArray(e)){if(r.has(e))return;return r.add(e),e.map(e=>a(e,t-1,r))}if(o.isError(e)||o.isObjectLike(e)){if(r.has(e))return;r.add(e);const n={};for(const o of Object.keys(e)){if(n[o])continue;if("string"==typeof o&&o.length>0&&"_"===o[0]){n[o]="[omitted]";continue}const i=e[o];n[o]=a(i,t-1,r)}for(const o of i){if(n[o])continue;const i=e[o];i&&(n[o]=a(i,t-1,r))}return n}}}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}r.d(t,"clientLogglyEnvironmentData",(function(){return g})),r.d(t,"log",(function(){return S})),r.d(t,"rateLimitedLog",(function(){return w})),r.d(t,"BatchedLogger",(function(){return k})),window._LTracker=window._LTracker||[],window._LTracker.push({logglyKey:n.default.loggly.token,sendConsoleErrors:!1,tag:"client-".concat(n.default.env)});const g={};let f=n.default.isLocalhost?"warning":"debug";Object(d.exposeDebugValue)("logglySetLogLevel",(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"debug";f=e}));const b=["error","warning","info","debug"];function y(e,t){return b.indexOf(e)<=b.indexOf(t)}function v(e){const{level:t,from:r,type:n}=e,o=m(e,["level","from","type"]),i=new Date,a="".concat(i.toISOString()," [").concat(t,"] ").concat(r," ").concat(n);e.data&&e.data.message?console.info(a+": ",e.data.message,o):console.info(a,o)}function S(e){y(e.level,f)&&v(e);const t=function(e){if(e.error&&e.error.error&&"VersionError"===e.error.error.name)return.01;return 1}(e);if(Object(u.shouldLogWithProbability)(t)){const t=a(e),r={href:window.location.href,clientTimestamp:Date.now()};Object.assign(t,g,r),"undefined"!=typeof _LTracker&&_LTracker.push(t)}}const w=o.throttle(S,2e3);class k{constructor(e){this.messages=[],this.flush=()=>{if(0===this.messages.length)return;S(function(e,t){let r,n;if("object"==typeof e.data){const{message:n}=e.data;r={message:"string"==typeof n?n:void 0,asJSON:t(a(e.data))}}else void 0!==e.data&&(r={asJSON:t(a(e.data))});if("object"==typeof e.error){const{name:r,message:o,stack:i}=e.error;n={name:"string"==typeof r?r:void 0,message:"string"==typeof o?o:void 0,stack:"string"==typeof i?i:void 0,asJSON:t(a(e.error))}}else void 0!==e.error&&(n={asJSON:t(a(e.error))});return l({},e,{error:n,data:r})}({level:this.level,from:this.from,type:this.type,data:this.messages},JSON.stringify)),this.messages=[]};const{from:t,type:r,level:n,maxLength:o}=e;this.maxLength=o,this.from=t,this.type=r,this.level=n}log(e){y(e.level,this.level)&&v(e),this.messages.push(function(e){for(var t=1;tthis.maxLength&&this.messages.splice(0,this.messages.length-this.maxLength)}}},"6Zdk":function(e,t,r){"use strict";r.d(t,"b",(function(){return v})),r.d(t,"d",(function(){return S})),r.d(t,"a",(function(){return w})),r.d(t,"c",(function(){return M})),r.d(t,"e",(function(){return O}));r("ioFf"),r("rGqo");var n=r("Wae9"),o=r("bkwR"),i=r("VBxf"),a=r("MBf9"),s=r("QcDD"),l=r("vJXr"),c=r("A9TN"),d=r("bPtJ"),u=r("mcFc"),p=r("JgyA"),h=r("J9+s"),m=r("vl8/");function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t0)):"mentions"===t&&(await o.setNotificationsAsRead(e,{spaceId:r.id,timestamp:Date.now(),mentions:!0}),S("mentions",r.id,()=>0)))}function S(e,t,r){const{results:o}=n.a.state,i=o.map(n=>n.spaceId===t?f({},n,{unread:f({},n.unread,{[e]:r(n.unread[e])})}):n);n.a.setState({results:i})}async function w(e){const{currentSpaceStore:t}=s.default.state;if(!t||c.default.isAdminMode)return;const r="mentions"===p.a.state.currentTab;for(;;){if(!(await k({environment:e,currentSpaceStore:t,mentions:r})).more)break}S(r?"mentions":"nonMentions",t.id,e=>0)}async function k(e){const{environment:t,currentSpaceStore:r,mentions:n}=e,s=await o.getUnvisitedNotificationIds(t,{spaceId:r.id,timestamp:Date.now(),mentions:n,size:500});if("failed"===s.type)return i.showErrorMessage(m.default.formatMessage(y.archiveError)),{more:!1};const{notificationIds:l}=s.data;return await async function(e){const{environment:t,notificationIds:r,rootStore:n}=e,o=a.create(t);for(const i of r)M({transaction:o,rootStore:n,visited:!0,notificationId:i});await a.commit({environment:t,transaction:o,canUndo:!0,undoCheckpoint:!0})}({environment:t,notificationIds:l,rootStore:r}),l.length>=500?{more:!0}:{more:!1}}function M(e){const{transaction:t,notificationId:r,rootStore:n,visited:o}=e,i=Object(d.c)(n,u.a,r);a.addOperation({transaction:t,store:i,operation:{command:"update",table:u.a,id:r,path:[],args:o?{visited:!0,read:!0}:{visited:!1}}})}async function O(e,t){const{currentSpaceStore:r}=s.default.state;r&&l.a.state.online&&!c.default.isAdminMode&&await o.setPageNotificationsAsRead(e,{timestamp:Date.now(),spaceId:r.id,navigableBlockId:t})}},"6dM0":function(e,t,r){"use strict";r.d(t,"d",(function(){return O})),r.d(t,"k",(function(){return E})),r.d(t,"n",(function(){return C})),r.d(t,"h",(function(){return T})),r.d(t,"m",(function(){return j})),r.d(t,"w",(function(){return x})),r.d(t,"c",(function(){return I})),r.d(t,"o",(function(){return D})),r.d(t,"v",(function(){return B})),r.d(t,"e",(function(){return _})),r.d(t,"f",(function(){return L})),r.d(t,"g",(function(){return F})),r.d(t,"s",(function(){return R})),r.d(t,"t",(function(){return N})),r.d(t,"r",(function(){return V})),r.d(t,"l",(function(){return U})),r.d(t,"u",(function(){return Y})),r.d(t,"y",(function(){return W})),r.d(t,"b",(function(){return X})),r.d(t,"x",(function(){return z})),r.d(t,"a",(function(){return q})),r.d(t,"i",(function(){return H})),r.d(t,"p",(function(){return G})),r.d(t,"q",(function(){return K})),r.d(t,"j",(function(){return Z}));r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("uN94"),i=r("y6Dp"),a=r("N34Z"),s=r("sdlW"),l=r("Mr7a"),c=r("zmp8"),d=r("Sb6f"),u=r("qX+M"),p=r("bkwR"),h=r("HSWF"),m=r("MBf9"),g=r("G4cA"),f=r("qKs6"),b=r("6Ydq"),y=r("pQrc"),v=r("J9+s"),S=r("2ZkR");function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;tt===e.stage))}function x(e){return e.isOnboarding&&"template_optout"===e.stage}function I(e){const t=e.userStore.getValue();if(t&&e.isUserDomainJoinable){const e=Object(y.a)(t.email);if(e)return e}}async function D(e){o.default.setState(k({},o.default.state,{isLoading:!0}));const{disableRedirects:t,environment:r}=e;b.log({level:"info",from:"onboardingHelpers",type:"loadOnboardingData",data:{status:"initializeOnboardingDataLoad"}});const[n,i,a,s]=await Promise.all([p.getJoinableSpaces(r,{}),Object(u.loadUserRedirectData)({environment:r,disableRedirectUrl:t}),p.isUserDomainJoinable(r,{}),p.isEmailEducation(r,{})]);if(b.log({level:"info",from:"onboardingHelpers",type:"loadOnboardingData",data:{status:"completedOnboardingDataLoad",joinableSpacesResponseType:n.type,joinableSpacesResponseStatus:n.status,userRedirectDataId:i.userRootStore.id,isUserDomainJoinableResponseType:a.type,sUserDomainJoinableResponseStatus:a.status}}),o.default.setState(k({},o.default.state,{isLoading:!1})),"success"===n.type)return k({joinableSpaceData:n.data,isUserDomainJoinable:"success"===a.type&&a.data.isJoinable,isEducationPlanEligible:"success"===s.type&&s.data.isEligible},i);throw n.error}function B(e){if(E(e)){const{userRootStore:t}=e.onboardingData,r=t.getValue();if(r&&r.space_views)return r.space_views.length>0}return!1}function _(e){const{onboardingData:t,isNewUserFlow:r}=e,{userRootStore:n}=t,{results:o}=t.joinableSpaceData,i=n.getSpaceViewStores().map(e=>e.getSpaceId());return r?o:o.filter(e=>i.indexOf(e.id)<0)}function A(e){return e.isOnboarding&&"gdpr"!==e.stage&&"profile"!==e.stage&&"error"!==e.stage}function L(e){return{flow_name:e.isOnboarding?e.flow:"not_defined",stage:e.isOnboarding?e.stage:"not_defined",initial_workspace_type:A(e)?e.spaceJoinOrCreate:void 0,is_new_onboarding:!0,is_create_or_join:E(e)}}function F(e){const{redirectSpaceId:t,redirectPageId:r,forkPageBlockId:n,hasExplicitAccessToRedirectPage:o,canJoinRedirectSpace:i,publicAccessPageId:a}=e;return n?{type:"fork_page",pageId:n}:!a||o||i?!t||o||i?t&&r&&o&&!i?{type:"guest_redirect",pageId:r,spaceId:t}:t&&r&&i?{type:"redirect_page",pageId:r,spaceId:t}:t&&i?{type:"redirect_space",spaceId:t}:{type:"getting_started_page"}:{type:"invalid"}:{type:"public_access_page_redirect",pageId:a}}async function R(e,t){const{onboardingData:r,firstName:n,lastName:o,profilePhoto:s,password:l}=e,c=r.userStore;m.createAndCommit(t,e=>{const t=k({given_name:n,family_name:o},s&&{profile_photo:s});a.d({store:c,data:t,transaction:e})}),l&&await p.setPassword(t,{newPassword:l,sendEmail:!1}),await async function(e,t){if(!e.onboardingCompleted){const e=h.w(t.currentUser.id),r=await p.activateReferral(t,{fromUserId:e});h.O({currentUserId:t.currentUser.id,referralUserId:void 0}),200===r.status&&i.g(t)}}(e.onboardingData,t)}async function N(e,t){const{userPersona:r,userType:n,onboardingData:o}=t;m.createAndCommit(e,e=>{const t={persona:r,type:n};Object(f.c)({userSettingsStore:o.userSettingsStore,data:t,transaction:e})})}async function V(e,t){const{spaceId:r,onboardingData:o}=e;if(!r)return;const a=g.a.createChildStore(o.userRootStore,r);await async function(e,t,r){t.isChecked&&t.emailDomain&&await s.y({environment:e,emailDomains:[t.emailDomain],spaceStore:r})}(t,e,a);const{emails:c}=e,d=n.uniq(c).map(e=>({type:"new",value:{email:e}}));c.length>0&&(await l.b({environment:t,store:a,inviteActors:d,inviteRole:"editor",isSpace:!0,isOnboarding:!0}),i.wc(t,{emails:e.emails,auto_join_space:e.isChecked}))}function U(e){return!!e&&Boolean(e.given_name||e.family_name)}function Y(e){return"on"===S.default.getGroup(e,"collect-use-case")}const W="inviteCode",X={fontSize:12,color:c.f.mediumTextColor,fontWeight:d.a.fontWeight.medium,lineHeight:"135%",marginTop:20,marginBottom:4},z=(d.a.fontWeight.semibold,d.a.fontWeight.medium,{marginTop:14,marginBottom:14}),q={marginTop:8,marginBottom:8};c.f.mediumTextColor;function H(e){return{color:e.mediumTextColor}}const G={width:60},K={marginTop:14,marginBottom:8,fontSize:16,fontWeight:600},Z={boxShadow:"0 0 0 1px ".concat(c.f.red)}},"6f7s":function(e,t,r){"use strict";var n=r("q1tI"),o=r("y6Dp"),i=r("wldR"),a=r("qxI2"),s=r("BJyN"),l=r("sjR4"),c=r("fwa5"),d=r("iICV"),u=r("AmMh"),p=r("fbat"),h=r("9j7d");class m extends i.a{constructor(){super(...arguments),this.handleShortcut=(e,t)=>{if(!this.shouldBeActive())return;const r=l.default.state.stores,n=l.default.state.pivot||r[0],i=n&&u.a.getRectFromStore(n),c=s.a.find(t=>!!(t.shortcuts||[]).some(t=>t===e)&&a.c(t,{environment:this.environment,blocks:r,originRect:i}));if(c){"keydown"===t.type&&t.preventDefault&&t.preventDefault(),c.action({environment:this.environment,blocks:r,originRect:i},t);const e=r[0];let n;e&&(n=e.getType()),o.p(this.environment,{name:c.name,from:"keyboard_shortcut",block_type:n}),this.enterKeyboardMode()}},this.handleWindowMouseMove=e=>{e.clientX===this.prevX&&e.clientY===this.prevY||(this.prevX=e.clientX,this.prevY=e.clientY,this.exitKeyboardMode())},this.shortcuts=this.getShortcutHandlers()}willMount(e){super.willMount(e),window.addEventListener("mousemove",this.handleWindowMouseMove)}willUnmount(){super.willUnmount(),window.removeEventListener("mousemove",this.handleWindowMouseMove)}renderComponent(){return n.createElement(h.a,{isRoot:this.props.isRoot,enable:this.props.capture,shortcuts:this.shortcuts})}getShortcutHandlers(){const e={};for(const t of s.a)for(const r of t.shortcuts||[])e[r]=e=>this.handleShortcut(r,e);return e}shouldBeActive(){return!this.intercomIsFocused()&&!c.a.state.isActive}intercomIsFocused(){const e=document.querySelector("#intercom-container");return!(!e||!e.contains(document.activeElement))}enterKeyboardMode(){d.a.setKeyboardMode(!0),p.a.reset()}exitKeyboardMode(){d.a.setKeyboardMode(!1)}}t.a=m},"6fCZ":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("mF3+"),i=r("hi+p"),a=r("7M94"),s=r("wldR"),l=r("LeVO"),c=r("6rsX"),d=r("BJyN"),u=r("sjR4"),p=r("MeYt");function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;tn.createElement(p.a,Object.assign({className:this.props.fadeIn?a.v:void 0,style:this.getButtonStyle(),onClick:this.handleActionButtonClick},e),o.a.dots(m({width:14,height:14},this.props.iconStyle))),this.handleActionButtonClick=e=>{c.k({environment:this.environment,store:this.props.store}),i.c({environment:this.environment,stores:u.default.state.stores,left:e.clientX,top:e.clientY,showInput:!0,actions:d.c,analyticsFrom:"block_more_menu"}),this.props.onClick&&this.props.onClick()}}renderComponent(){return this.props.tooltipContent?n.createElement(l.a,{renderTooltip:()=>this.props.tooltipContent,delayThreshold:300,render:this.renderButton}):this.renderButton({})}getButtonStyle(){const{device:e}=this.environment;return m({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:24,height:24,borderRadius:3,fill:e.isMobile?this.theme.lightIconColor:this.theme.mediumIconColor},this.props.style)}}t.a=f},"6fvo":function(e,t,r){"use strict";r.d(t,"f",(function(){return s})),r.d(t,"b",(function(){return l})),r.d(t,"d",(function(){return c})),r.d(t,"c",(function(){return d})),r.d(t,"e",(function(){return u})),r.d(t,"a",(function(){return p})),r.d(t,"g",(function(){return h}));r("pIFo"),r("KKXr");var n=r("xe8Q"),o=r("5Nka"),i=r("VhAz"),a=r("LvDl");const s=56;function l(e){const t=n.c[e];if(t)return t}function c(e){return{x:66*e.sheetX+1,y:66*e.sheetY+1,size:64}}function d(e){return"twitter"===e?o.a.images.twitterEmojiSpritesheet64Png:"google"===e?o.a.images.googleEmojiSpritesheet64Png:Object(i.e)(e)}function u(e){const t=n.c[e];return t&&t.variations||[]}function p(e){const t=e.toLowerCase().replace(/_/g," ").replace(/-([a-z])/g," $1").replace(/\s+/g," ").trim();if(t)return t}function h(e){return a.toArray(e).filter(e=>!n.c[e]).join("")}},"6mBF":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("4VgC"),i=r("xVnP"),a=r("5Nka"),s=r("PXix"),l=r("LeVO"),c=r("Ng05"),d=r("IULH"),u=r("wldR"),p=r("mF3+"),h=r("IYZQ"),m=r("FNcE"),g=r("6MWN"),f=r("2ZkR"),b=r("4NII"),y=r("zmp8"),v=r("y6Dp"),S=r("Cycz"),w=r("a2fa"),k=r("uRvc"),M=r("J9+s"),O=r("VhAz");function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;tthis.renderSection(e,t))),!this.props.isSettings&&this.renderFooter()))}renderCheck(){return p.a.thinCheck({display:"inline",height:this.props.isSettings?12:14,width:this.props.isSettings?12:14,color:this.theme.regularTextColor})}upgradeLink(e,t){const{planState:r}=this.props;if(r)return n.createElement(h.a,{onClick:r.plans[e].onClick,style:{fontSize:12,fontWeight:500,textDecoration:"none",color:this.theme.mediumTextColor,lineHeight:1.2}},t||n.createElement(M.FormattedMessage,{id:"pricingGrid.planAttribute.button.upgrade",defaultMessage:"Upgrade"}))}renderPlanContent(e){const{label:t,upgradeCta:r,upgradeCTALabel:o}=e;return t&&r?n.createElement(n.Fragment,null,t,n.createElement("br",null),this.upgradeLink(r,o)):t||(r?n.createElement(n.Fragment,null,n.createElement(M.FormattedMessage,{id:"pricingGrid.planAttribute.notInTrial",defaultMessage:"Not in trial"}),n.createElement("br",null),this.upgradeLink(r,o)):this.renderCheck())}renderPlan(e,t,r){return n.createElement("td",{style:C({},this.getRowStyle(this.theme),{},this.getValueStyle(),{},this.getActiveStyle(this.theme,this.isPlanActive(e)),{},this.getBorderStyle(e))},r.hasFeature&&n.createElement(l.a,{delayThreshold:0,placement:l.a.Placement.Right,renderTooltip:()=>Object(s.g)(t),textWrap:!0,render:e=>n.createElement("div",Object.assign({style:{cursor:"help",lineHeight:1.3,padding:"6px 0"}},e),this.renderPlanContent(r))}))}renderItem(e,t){const r=this.props.isSettings?"auto":300,o=this.props.planState&&this.props.planState.isTeamTrial;return n.createElement("tr",{key:"table-row-".concat(t)},n.createElement("td",{style:C({},this.getRowStyle(this.theme),{},this.getRowLabelStyle(this.theme),{width:r,maxWidth:r,minWidth:r})},n.createElement(l.a,{delayThreshold:0,placement:l.a.Placement.Right,renderTooltip:()=>Object(s.g)(e.tooltip),textWrap:!0,render:t=>n.createElement("span",Object.assign({},t,{style:this.getTooltipInnerStyle(this.theme)}),e.label,e.isComingSoon&&this.renderComingSoonBadge())})),T.map(t=>{const r="team"===t&&o?"teamTrial":t;return this.renderPlan(t,e.tooltip,e.plans[r])}))}renderEmptyTableCell(e,t){return n.createElement("td",{style:C({},this.getSectionStyle(this.theme,t),{},this.getValueStyle(),{},this.getActiveStyle(this.theme,this.isPlanActive(e)),{},this.getBorderStyle(e),{color:y.f.lightTextColor,fontWeight:400})},!this.props.isSettings&&this.getPlanName(e))}renderEmptyTableCells(e){return n.createElement(n.Fragment,null,T.map(t=>this.renderEmptyTableCell(t,e)))}renderSection(e,t){const r=this.props.isSettings?"auto":300;return n.createElement(n.Fragment,{key:"table-section-".concat(t)},n.createElement("tr",null,n.createElement("td",{style:C({},this.getSectionStyle(this.theme,t),{width:r,maxWidth:r,minWidth:r})},e.label),this.renderEmptyTableCells(t)),e.items.map((e,t)=>this.renderItem(e,t)))}renderButton(e,t){const r=t.plans[e],o="notion-pricing-grid-upgrade-".concat(e);let i;switch(r.buttonType){case"current":i=n.createElement(M.FormattedMessage,{id:"pricingGrid.currentPlanButton.label",defaultMessage:"Current"});break;case"upgrade":i=n.createElement(M.FormattedMessage,{id:"pricingGrid.upgradePlanButton.label",defaultMessage:"Upgrade"});break;case"downgrade":i=n.createElement(M.FormattedMessage,{id:"pricingGrid.downgradePlanButton.label",defaultMessage:"Downgrade"});break;case"will-downgrade":i=n.createElement(M.FormattedMessage,{id:"pricingGrid.willDowngradePlanButton.label",defaultMessage:"Future plan"});break;case"resubscribe":i=n.createElement(M.FormattedMessage,{id:"pricingGrid.resubscribePlanButton.label",defaultMessage:"Resubscribe"});break;default:O.e(r.buttonType)}if("current"===r.buttonType)return this.renderDisabledButtonWithTooltip({tooltip:n.createElement(M.FormattedMessage,{id:"pricingGrid.currentPlan.tooltip",defaultMessage:"This is your current active plan"}),label:n.createElement(M.FormattedMessage,{id:"pricingGrid.currentPlan.largeScreenLabel",defaultMessage:"Current plan"}),buttonClassName:o,wrapTooltip:!1});if("treatment"===f.default.getGroup(this.environment,"disable-enterprise-monthly-billing")&&"enterprise"===e&&"monthly"===g.a.state.termType){let e=n.createElement(M.FormattedMessage,{id:"pricingGrid.enterprise.monthlyBilling.disabled",defaultMessage:"Unavailable for Enterprise"});return this.renderDisabledButtonWithTooltip({tooltip:e,label:n.createElement(M.FormattedMessage,{id:"pricingGrid.enterprise.monthlyBilling.unavailable",defaultMessage:"Unavailable"}),buttonClassName:o,wrapTooltip:!1})}return t.canSwitchPlans?("personal"===e||"free"===e)&&t.memberCount>1?this.renderDisabledButtonWithTooltip({tooltip:n.createElement(M.FormattedMessage,{id:"pricingGrid.switchToPersonalPlanButton.tooltip",defaultMessage:"The Personal and Personal Pro Plans are only available for 1-person use. If you'd like to use these plans, please remove the other members in this workspace."}),label:i,buttonClassName:o,wrapTooltip:!0}):"will-downgrade"===r.buttonType?this.renderDisabledButtonWithTooltip({tooltip:n.createElement(M.FormattedMessage,{id:"pricingGrid.willDowngradePlan.tooltip",defaultMessage:"This is the plan after your current plan expires"}),label:n.createElement(M.FormattedMessage,{id:"pricingGrid.willDowngradePlan.largeScreenLabel",defaultMessage:"Future plan"}),buttonClassName:o,wrapTooltip:!1}):"downgrade"===r.buttonType?n.createElement(d.a,{isLarge:!0,style:{width:"100%"},onClick:()=>{v.xd(this.environment,{plan:e,from:"pricing_grid_top",button_text:r.buttonType}),r.onClick()},className:o},i):n.createElement(c.a,{isLarge:!0,style:{width:"100%"},onClick:()=>{v.xd(this.environment,{plan:e,from:"pricing_grid_top",button_text:r.buttonType}),r.onClick()},className:o},i):this.renderDisabledButtonWithTooltip({tooltip:n.createElement(M.FormattedMessage,{id:"pricingGrid.switchPlanAsMember.tooltip",defaultMessage:"You need to be an administrator of this workspace to switch plans."}),label:i,buttonClassName:o,wrapTooltip:!0})}renderDisabledButtonWithTooltip(e){const{tooltip:t,label:r,buttonClassName:o,wrapTooltip:i}=e;return n.createElement(l.a,{style:{width:i?320:"auto"},textWrap:i,renderTooltip:()=>t,render:e=>n.createElement(d.a,Object.assign({style:{width:"100%",opacity:.5},isLarge:!0,disabled:!0},e,{className:o}),r)})}renderSalesContactLink(){return n.createElement(h.a,{onClick:()=>{Object(w.a)({environment:this.environment,typeform:"enterpriseContact",frontContext:"pricing_grid_top",params:{source:"pricing_grid_top"}})}},n.createElement("div",{style:this.getUpgradeButtonBelowLinkStyle()},n.createElement(M.FormattedMessage,{id:"pricingGrid.contactSalesLink",defaultMessage:"Contact sales"})))}renderTeamTrialIndicator(){return n.createElement(l.a,{delayThreshold:0,placement:l.a.Placement.Bottom,renderTooltip:()=>n.createElement(M.FormattedMessage,{id:"pricingGrid.inTeamTrial.tooltip",defaultMessage:"Your current Team trial has a 1,000 block limit. Upgrade to go unlimited."}),textWrap:!0,style:{width:280},render:e=>n.createElement("div",Object.assign({style:C({},this.getUpgradeButtonBelowLinkStyle(),{fontWeight:500,display:"flex",flexDirection:"row",cursor:"help"})},e),n.createElement("div",{style:{paddingRight:4,paddingTop:2}},this.renderCheck()),n.createElement("div",null,n.createElement(M.FormattedMessage,{id:"pricingGrid.inTeamTrial",defaultMessage:"In free trial"})))})}renderTeamTrialButton(e){if(e.isActive&&"resubscribe"===e.buttonType)return;const t="current"===e.buttonType?n.createElement(M.FormattedMessage,{id:"pricingGrid.cancelPlanLink",defaultMessage:"Cancel plan"}):n.createElement(M.FormattedMessage,{id:"pricingGrid.teamTrialLink",defaultMessage:"Try for free"});return n.createElement(h.a,{onClick:e.onClickTeamFree},n.createElement("div",{style:this.getUpgradeButtonBelowLinkStyle()},t))}getPlanName(e){const{intl:t}=this.props;switch(e){case"free":return t.formatMessage({id:"pricingGrid.personalFreePlanColumn.header",defaultMessage:"Personal"});case"personal":return t.formatMessage({id:"pricingGrid.personalProPlanColumn.header",defaultMessage:"Personal Pro"});case"team":return t.formatMessage({id:"pricingGrid.teamPlanColumn.header",defaultMessage:"Team"});case"enterprise":return t.formatMessage({id:"pricingGrid.enterprisePlanColumn.header",defaultMessage:"Enterprise"});default:return O.e(e),""}}renderHeaderTitle(e){const t=this.getPlanName(e.plan);return n.createElement("td",{style:C({},this.getHeaderStyle(),{},this.getActiveStyle(this.theme,this.isPlanActive(e.plan)),{},this.getBorderStyle(e.plan))},!this.props.isSettings&&n.createElement("img",{style:{height:80,marginBottom:-5},src:e.image,alt:t}),n.createElement("div",{style:this.getHeaderTitleStyle()},t),void 0!==e.price&&n.createElement("div",{style:{display:Object(b.a)(this.environment)?"block":"flex"}},n.createElement("div",{style:this.getHeaderPriceStyle()},e.price),void 0!==e.terms&&n.createElement("div",{style:this.getHeaderTermsStyle(this.theme)},Object(s.c)(this.props.intl,e.terms))),!this.props.isSettings&&"enterprise"===e.plan&&n.createElement("div",{style:{height:30}},this.renderSalesContactLink()))}renderHeaderLabels(){const e=this.isPlanActive("team")||this.isPlanActive("enterprise");return n.createElement("tr",null,n.createElement("td",{style:{width:"28%"}}),n.createElement("td",{style:C({},this.getHeaderLabelStyle(!e),{},this.getBorderStyle("free"),{borderLeft:this.props.isSettings?"1px solid ".concat(this.theme.lightDividerColor):void 0}),colSpan:2},n.createElement(M.FormattedMessage,{id:"pricingGrid.personalPlans.label",defaultMessage:"For individuals"})),n.createElement("td",{style:C({},this.getHeaderLabelStyle(e),{},this.getBorderStyle("enterprise")),colSpan:2},n.createElement(M.FormattedMessage,{id:"pricingGrid.teamPlans.label",defaultMessage:"For teams & businesses"})))}renderHeaderTitles(){const e=g.a.state.termType;let t=s.e.price[e].enterprise;return"treatment"===f.default.getGroup(this.environment,"disable-enterprise-monthly-billing")&&(t=s.e.price.yearly.enterprise),n.createElement("tr",null,n.createElement("td",null),this.renderHeaderTitle({plan:"free",price:s.e.price[e].personal,image:a.a.front.pricing.pricingFreeV2Png}),this.renderHeaderTitle({plan:"personal",price:s.e.price[e].pro,image:a.a.front.pricing.pricingPersonalV2Png,terms:s.e.terms.personal}),this.renderHeaderTitle({plan:"team",price:s.e.price[e].team,image:a.a.front.pricing.pricingTeamV2Png,terms:s.e.terms.team}),this.props.isSettings?this.renderHeaderTitle({plan:"enterprise",price:t,image:a.a.front.pricing.pricingEnterpriseV2Png,terms:s.e.terms.enterprise}):this.renderHeaderTitle({plan:"enterprise",image:a.a.front.pricing.pricingEnterpriseV2Png}))}renderHeaderAction(e){const{planState:t}=this.props;if(t)return n.createElement("td",{style:C({},this.getHeaderStyle(),{},this.getActiveStyle(this.theme,this.isPlanActive(e)),{},this.getBorderStyle(e))},this.renderButton(e,t),this.renderHeaderSubAction(e))}renderHeaderSubAction(e){if("enterprise"===e)return n.createElement("div",{style:{marginTop:7}},this.renderSalesContactLink());if("team"===e){const{planState:t}=this.props;if(!t||!t.canSwitchPlans||t.plans.personal.isActive)return;return n.createElement("div",{style:{marginTop:7}},t.isTeamTrial?this.renderTeamTrialIndicator():this.renderTeamTrialButton(t.plans[e]))}}renderHeaderActions(){if(this.props.isSettings&&this.props.planState)return n.createElement("tr",null,n.createElement("td",{style:{width:"28%",verticalAlign:"top",paddingTop:16}},n.createElement(m.a,{isSettings:this.props.isSettings})),T.map(e=>this.renderHeaderAction(e)))}renderHeader(){return n.createElement("thead",null,this.renderHeaderLabels(),this.renderHeaderTitles(),this.renderHeaderActions())}renderStandardCTA(){return n.createElement(i.a,{buttonTitle:n.createElement(M.FormattedMessage,{id:"pricingGrid.signupComponent.submitButton.label",defaultMessage:"Try it free"}),analyticsName:"pricing_grid_bottom",buttonWidth:100,persona:"personal"})}renderEnterpriseCTA(){return n.createElement(o.a,{variant:"secondary",isFullWidth:!0,onClick:()=>{Object(w.a)({environment:this.environment,typeform:"enterpriseTrial",frontContext:"pricing_grid_bottom",params:{source:"pricing_grid_bottom"}})}},n.createElement(M.FormattedMessage,{defaultMessage:"Try Enterprise",id:"pricingGrid.enterpriseCallToAction.message"}))}renderCTAs(){return n.createElement(n.Fragment,null,n.createElement("td",{colSpan:3,style:C({},this.getCTACellStyle())},n.createElement("div",{style:{display:"flex",justifyContent:"flex-start",width:"100%"}},this.renderStandardCTA())),n.createElement("td",{style:C({},this.getCTACellStyle())},this.renderEnterpriseCTA()))}renderFooter(){return n.createElement("tfoot",null,n.createElement("tr",null,n.createElement("td",{style:{verticalAlign:"middle",fontWeight:500}},n.createElement(M.FormattedMessage,{defaultMessage:"Sign up for free.{br}Add your team later.",id:"pricingGrid.footerSignupCallToAction.message",values:{br:n.createElement("br",null)}})),this.renderCTAs()))}renderComingSoonBadge(){return n.createElement("div",{style:{background:this.theme.buttonHoveredBackground,fontSize:10,fontWeight:500,letterSpacing:"0.015em",color:this.theme.mediumTextColor,display:"inline",textTransform:"uppercase",padding:"2px 4px",marginLeft:6,borderRadius:3}},n.createElement(M.FormattedMessage,{id:"pricingGrid.comingSoonBadge",defaultMessage:"Coming soon"}))}isPlanActive(e){return!(!this.props.planState||!this.props.planState.plans[e].isActive)}getTableStyle(e){return{fontSize:e?14:16,width:e?"100%":k.b.m,tableLayout:"fixed",borderCollapse:"initial"}}getSectionStyle(e,t){const r={borderBottom:"1px solid ".concat(e.regularDividerColor),paddingBottom:7,paddingRight:15,fontWeight:500,verticalAlign:"bottom"};return C({},r,0===t?{paddingTop:this.props.isSettings?0:54}:{paddingTop:this.props.isSettings?20:42})}getUpgradeButtonBelowLinkStyle(){return{fontSize:this.props.isSettings?12:14}}getRowStyle(e){return{borderBottom:"1px solid ".concat(e.regularDividerColor)}}getRowLabelStyle(e){const t=(this.props.isSettings,5);return{color:e.mediumTextColor,paddingRight:10,paddingTop:t,paddingBottom:t+1,verticalAlign:"top"}}getCTACellStyle(){return{padding:"20px 15px"}}getValueStyle(){const e=this.props.isSettings?10:15;return{paddingLeft:e,paddingRight:e,textAlign:"left",overflow:"hidden",verticalAlign:"top"}}getActiveStyle(e,t){return{background:t?e.sidebarBackground:y.f.transparent}}getBorderStyle(e){return{borderLeft:this.props.isSettings?"1px solid ".concat(this.theme.lightDividerColor):void 0,borderRight:this.props.isSettings&&["enterprise"].includes(e)?"1px solid ".concat(this.theme.lightDividerColor):void 0}}getHeaderLabelStyle(e){const t=this.props.isSettings?10:15;return{paddingLeft:t,paddingRight:t,verticalAlign:"top",width:"36%",paddingTop:this.props.isSettings?10:0,fontWeight:700,fontSize:12,paddingBottom:10,borderBottom:e?"2px solid ".concat(this.theme.regularTextColor):"1px solid ".concat(this.theme.lightDividerColor),borderTop:"1px solid ".concat(this.theme.lightDividerColor)}}getHeaderStyle(){const e=this.props.isSettings?10:15;return{paddingLeft:e,paddingRight:e,verticalAlign:"top",width:"18%",paddingTop:this.props.isSettings?10:0}}getHeaderTitleStyle(){return{fontSize:this.props.isSettings?16:25,fontWeight:this.props.isSettings&&Object(b.a)(this.environment)?500:700,lineHeight:1.3,marginBottom:2}}getHeaderPriceStyle(){return{fontSize:this.props.isSettings?20:25,marginRight:7}}getTooltipInnerStyle(e){return{cursor:"help",width:"100%",display:"inline-block"}}getHeaderTermsStyle(e){return{fontSize:this.props.isSettings?10:12,lineHeight:1,color:e.mediumTextColor,width:70,paddingTop:this.props.isSettings?Object(b.a)(this.environment)?0:3:5}}}t.a=Object(M.injectIntl)(j)},"6nbh":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{}}}t.a=o},"6q9u":function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR");class i extends o.a{renderComponent(){return n.createElement("div",{style:this.getRadioButtonStyle()},n.createElement("div",{style:this.getRadioButtonDotStyle()}))}getRadioButtonStyle(){const{isSelected:e}=this.props;return{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,borderRadius:16,marginRight:8,background:e?this.theme.blueColor:this.theme.whiteButtonBackground,border:e?"none":"1px solid ".concat(this.theme.radioButtonBorder),transition:"background 100ms ease-out"}}getRadioButtonDotStyle(){const{isSelected:e}=this.props;return{width:6,height:6,borderRadius:6,background:this.theme.regularInvertedTextColor,transition:"opacity 100ms ease-out",opacity:e?1:0}}}t.a=i},"6rsX":function(e,t,r){"use strict";r("ioFf"),r("rGqo"),r("pIFo"),r("Vd3H");var n=r("i8i4"),o=r("LvDl"),i=r("hl64"),a=r("sjR4"),s=r("X6Ne"),l=r("unoy"),c=r("MBf9"),d=r("JZPr"),u=r("jWHj"),p=r("ALSZ"),h=r("sQnJ"),m=r("EarS"),g=r("Wfos"),f=r("AmMh"),b=r("fYc2"),y=r("w5u6"),v=r("Ucj+"),S=r("udrG"),w=r("1P/O");class k{constructor(e,t){this.root=e,this.children=t}contains(e){return this.root.value===e||this.children.some(t=>t.contains(e))}}class M{constructor(e){this.children=e,this.root=void 0}contains(e){return this.children.some(t=>t.contains(e))}}function O(e,t){for(const r of t){if(16==(16&r.root.node.compareDocumentPosition(e.node)))return void O(e,r.children)}t.push(new k(e,[]))}function E(e,t){for(const r of t){if(r.root.value===e)return[r];{const t=E(e,r.children);if(t)return[r,...t]}}}function C(e,t){if(t&&t.length>0){const r=t[t.length-1],n=t[t.length-2]||e,o=n.children.findIndex(e=>e===r);if(o>0)return{prev:n.children[o-1]};if(n.root)return{parent:n}}return{}}function P(e,t){if(t&&t.length>0){const r=t[t.length-1],n=t[t.length-2]||e,o=n.children.findIndex(e=>e===r);return o0){const r=t[t.length-1],n=t[t.length-2]||e,o=n.children.findIndex(e=>e===r);if(o>0){return{prev:function(e){for(;e.children.length>0;)e=e.children[e.children.length-1];return e}(n.children[o-1])}}if(n.root)return{parent:n}}return{}}function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;tt.getContextSelectableContainer()===e&&t.props.canSelect).map(e=>e.props.store)}return[]}function B(){const{defaultContainer:e}=a.default.state;if(e){return function(e){if(e.sort((e,t)=>Object(i.a)(e.node,t.node)),0===e.length)return;const t=[];for(const r of e)O(r,t);return new M(t)}(o.compact(f.a.getComponents().map(e=>{const t=n.findDOMNode(e);if(t instanceof Element)return{node:t,value:e}})).filter(t=>{let{value:r}=t;return r.getContextSelectableContainer()===e&&r.props.canSelect}).map(e=>{let{value:t,node:r}=e;return{value:t.props.store,node:r}}))||new M([])}return new M([])}function _(e){const t=a.default.state.stores,r=a.default.state.pivot,n=o.compact(o.without(t,r));let i;i=r===o.last(t)?t[t.length-2]:t[1],Y({environment:e,stores:n,pivot:i})}function A(e){const t=u.a();return e.device.isMac?t.shift&&t.command:t.shift&&t.option}function L(){return u.a().shift}function F(e){e.sort((e,t)=>Object(i.a)(f.a.findNodeFromStore(e),f.a.findNodeFromStore(t)))}function R(e){a.default.setState(x({},a.default.state,{phase:e.phase})),e.phase===a.SelectionPhase.Editing||e.preventClearEditingText||l.e(e.environment)}function N(e){const{stores:t}=e,r=a.default.state.stores,n=o.union(t,r);n.length===t.length&&n.length===r.length||a.default.setState(x({},a.default.state,{stores:e.stores})),t.length>0&&d.e()}function V(e){a.default.setState(x({},a.default.state,{pivot:e.pivot}))}function U(e){const{stores:t}=a.default.state;N({stores:t.map(t=>t===e.store?e.replace:t)})}function Y(e){const t=function(e){const t=new Array(e.length);return f.a.forEach(r=>{if(r.props.canSelect){const n=e.indexOf(r.props.store);if(n>=0){const e=r.getNode();e&&(t[n]=e)}}}),e.filter((r,n)=>{const o=t[n];return r&&!e.some((e,r)=>{const n=t[r];return Boolean(n&&n!==o&&o&&n.contains(o))})})}(e.stores);N({stores:t}),R({environment:e.environment,phase:a.SelectionPhase.Selected}),1===t.length&&function(e){a.default.setState(x({},a.default.state,{anchor:e.anchor}))}({anchor:t[0]}),e.pivot?V({pivot:e.pivot}):V({pivot:t[0]}),y.default.afterNextFlush(()=>{F(t)})}function W(e){void 0===e.toggle&&(e.toggle=!1),void 0===e.selectBetween&&(e.selectBetween=!1);const{stores:t}=a.default.state;if(e.toggle)o.includes(t,e.store)?Y({environment:e.environment,stores:o.without(t,e.store)}):Y({environment:e.environment,stores:o.union(t,[e.store])});else if(e.selectBetween){let r=o.clone(t);const n=D(),i=n.indexOf(e.store);o.includes(r,e.store)||r.push(e.store);const a=t[0];if(a){const e=n.indexOf(a);if(e>=0){const t=o.slice(n,i,e);r=o.union(r,t)}}const s=o.last(t);if(s){const e=n.indexOf(s);if(e>=0){const t=o.slice(n,e,i);r=o.union(r,t)}}Y({environment:e.environment,stores:r})}else o.includes(t,e.store)||Y({environment:e.environment,stores:[e.store]});R({environment:e.environment,phase:a.SelectionPhase.Selected})}function X(e){const{environment:t,store:r}=e;if(r)if(N({stores:[r]}),V({pivot:void 0}),R({environment:t,phase:a.SelectionPhase.Editing}),t.device.isMobile)s.a(t);else if(!t.device.isMobileBrowser){const e=f.a.findScrollToSelectableFromStore(r);e&&s.b({component:e,vertical:{reveal:"closest"},horizontal:e.props.disableScrollToRevealHorizontal?void 0:{reveal:"closest"}})}}function z(e){const{stores:t}=a.default.state,r=t[0];if(!r)return!1;const n=f.a.findSelectableFromStore(r);if(n&&n.props.onEditText){const t=n.props.onEditText;let r=!1;return c.createAndCommit(e,e=>{r=t({isAtStart:!1,transaction:e})}),r}return!1}function q(e){N({stores:[]}),R({environment:e,phase:a.SelectionPhase.Selected}),p.d(),h.d(),g.c()}function H(e){const{environment:t}=e,r=a.default.state.stores;F(r);const n=a.default.state.pivot,i=r[0];if(i)if(e.shiftKey)if(n===i){const n=B(),a=E(i,n.children),{prev:s,parent:l}=e.altKey?C(n,a):T(n,a);if(s){const e=s.root.value;Y({environment:t,stores:o.union(r,[e]),pivot:e})}else if(l){const e=l.root.value;Y({environment:t,stores:o.union(r.filter(e=>!l.contains(e)),[e]),pivot:e})}}else _(e.environment);else{const r=B(),n=E(i,r.children),{prev:o,parent:a}=e.altKey?C(r,n):T(r,n);if(o){const e=o.root.value;Y({environment:t,stores:[e],pivot:e})}else if(a){const e=a.root.value;Y({environment:t,stores:[e],pivot:e})}else Y({environment:t,stores:[i],pivot:i})}else if(n)Y({environment:t,stores:[n]});else{const e=D(),r=o.last(e);r&&Y({environment:t,stores:[r],pivot:r})}G()}function G(){const e=a.default.state.pivot||a.default.state.stores[0],t=f.a.findScrollToSelectableFromStore(e);t&&s.b({component:t,vertical:{reveal:"top"},horizontal:t.props.disableScrollToRevealHorizontal?void 0:{reveal:"closest"}})}function K(e){const t=a.default.state.stores;F(t);const r=a.default.state.pivot;if(0!==t.length&&r)if(r.getType()===S.a.toggle&&w.a.isOpen(r.id))Y({environment:e,stores:[r],pivot:r}),m.c({blockId:r.id,state:!1,currentUserId:e.currentUser.id});else{const t=function(e){if(e&&e.length>1)return e[e.length-2]}(E(r,B().children));if(t){const r=t.root.value;Y({environment:e,stores:[r],pivot:r})}else Y({environment:e,stores:[r],pivot:r})}else if(r)Y({environment:e,stores:[r]});else{const t=D(),r=o.last(t);r&&Y({environment:e,stores:[r],pivot:r})}G()}function Z(e){const{environment:t}=e,r=a.default.state.stores;F(r);const n=a.default.state.pivot,i=o.last(r);if(i)if(e.shiftKey)if(n===i){const e=B(),n=E(i,e.children),{next:a}=P(e,n);if(a){const e=a.root.value;Y({environment:t,stores:o.union(r,[e]),pivot:e})}}else _(t);else{const r=B(),n=E(i,r.children),{next:o}=e.altKey?P(r,n):function(e,t){if(t&&t.length>0){const r=t[t.length-1];if(r.children.length>0){return{next:r.children[0]}}const{next:n}=P(e,t);return{next:n}}return{}}(r,n);if(o){const e=o.root.value;Y({environment:t,stores:[e],pivot:e})}else Y({environment:t,stores:[i],pivot:i})}else if(n)Y({environment:t,stores:[n]});else{const e=D()[0];e&&Y({environment:t,stores:[e],pivot:e})}J()}function J(){const e=a.default.state.pivot||o.last(a.default.state.stores);if(e){const t=f.a.findScrollToSelectableFromStore(e);t&&s.b({component:t,vertical:{reveal:"bottom"},horizontal:t.props.disableScrollToRevealHorizontal?void 0:{reveal:"closest"}})}}function Q(e){const t=a.default.state.stores;F(t);const r=a.default.state.pivot;if(0!==t.length&&r)if(r.getType()!==S.a.toggle||w.a.isOpen(r.id)){const t=function(e){if(e&&e.length>0){const t=e[e.length-1];if(t.children.length>0)return t.children[0]}}(E(r,B().children));if(t){const r=t.root.value;Y({environment:e,stores:[r],pivot:r})}else Y({environment:e,stores:[r],pivot:r})}else Y({environment:e,stores:[r],pivot:r}),m.c({blockId:r.id,state:!0,currentUserId:e.currentUser.id});else if(r)Y({environment:e,stores:[r]});else{const t=D()[0];t&&Y({environment:e,stores:[t],pivot:t})}J()}function $(e){const t=D();Y({environment:e,stores:t,pivot:t[0]})}function ee(e){const t=D()[0];if(t){Y({environment:e,stores:[t],pivot:t});const r=f.a.findScrollToSelectableFromStore(t);r&&s.b({component:r,vertical:{reveal:"top"},horizontal:r.props.disableScrollToRevealHorizontal?void 0:{reveal:"closest"}})}}function te(e){const t=D(),r=t[t.length-1];if(r){Y({environment:e,stores:[r],pivot:r});const t=f.a.findScrollToSelectableFromStore(r);t&&s.b({component:t,vertical:{reveal:"bottom"},horizontal:t.props.disableScrollToRevealHorizontal?void 0:{reveal:"closest"}})}}function re(){const e=new Map;f.a.forEach(t=>{const r=t.getNode();r&&r instanceof Element&&e.set(t,r.getBoundingClientRect())});const t=new Map;b.a.forEach(e=>{const r=e.getNode();r&&r instanceof Element&&t.set(e,r.getBoundingClientRect())}),v.a.setState(x({},v.a.state,{selectableRectMap:e,selectableContainerRectMap:t}))}r.d(t,"t",(function(){return A})),r.d(t,"s",(function(){return L})),r.d(t,"o",(function(){return R})),r.d(t,"r",(function(){return N})),r.d(t,"p",(function(){return V})),r.d(t,"j",(function(){return U})),r.d(t,"q",(function(){return Y})),r.d(t,"k",(function(){return W})),r.d(t,"f",(function(){return X})),r.d(t,"g",(function(){return z})),r.d(t,"e",(function(){return q})),r.d(t,"d",(function(){return H})),r.d(t,"b",(function(){return K})),r.d(t,"a",(function(){return Z})),r.d(t,"c",(function(){return Q})),r.d(t,"l",(function(){return $})),r.d(t,"m",(function(){return ee})),r.d(t,"n",(function(){return te})),r.d(t,"h",(function(){return re})),r.d(t,"i",(function(){return ne}));const ne=o.throttle(re,200)},"6sah":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("MeYt"),a=r("mF3+");function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class c extends o.a{renderComponent(){return n.createElement(i.a,{onClick:this.props.onClick,style:this.getButtonStyle(),className:this.props.className,mobileFeedback:this.props.isMobile,onMouseDown:this.props.onMouseDown,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},a.a.dots(this.getIconStyle()))}getButtonStyle(){const{isMobile:e}=this.props;return function(e){for(var t=1;t{if(this.rootNode){const e=this.rootNode.getBoundingClientRect();this.stores.store.setState({rect:e})}}}didMount(){this.props.capture&&this.startListeners()}willUpdate(e){e.capture&&!this.props.capture?this.startListeners():!e.capture&&this.props.capture&&this.stopListeners()}willUnmount(){this.stopListeners()}startListeners(){const e=o.findDOMNode(this);e&&(this.rootNode=e,this.observer=new MutationObserver(this.handleMutation),this.observer.observe(this.rootNode,{attributes:!0,subtree:!0}))}stopListeners(){this.observer&&(this.observer.disconnect(),this.rootNode=void 0,this.observer=void 0)}renderComponent(){return n.Children.only(this.props.children)}}t.a=d},"78yG":function(e,t,r){"use strict";r.d(t,"b",(function(){return o})),r.d(t,"a",(function(){return i}));var n=r("zmp8");const o="theme";function i(e){const t=Object(n.m)(e);return{mode:e,colors:{white:n.f.white,blue:n.f.blue},borderRadius:3,textColor:t.regularTextColor,popoverBackgroundColor:t.popoverBackground,popoverBoxShadow:t.mediumBoxShadow,inputBoxShadow:t.inputBoxShadow,inputBackgroundColor:t.inputBackground,dividerColor:t.darkDividerColor,shadowOpacity:t.shadowOpacity}}},"79T+":function(e,t,r){"use strict";r.d(t,"a",(function(){return a})),r.d(t,"b",(function(){return l}));r("SRfc");var n=r("5FB0"),o=r("yjqD"),i=r("A9TN");async function a(e,t){const r=encodeURIComponent(t.trim()),a={environment:e,method:"GET",url:"https://api.embed.ly/1/extract?key=".concat(i.default.embedly.key,"&url=").concat(r),json:!0},{result:s}=await o.g(3,1e4,()=>Object(n.b)(a));if(s&&"success"===s.type)return s.data}const s=/(\/d\/|id=)([-\w]{25,})/;function l(e){const t=e.match(s);if(t&&!(t.length<3))return t[2]}},"7Gak":function(e,t,r){"use strict";var n=r("LEzx"),o=r("yjqD");class i extends n.a{getInitialState(){return{readyPromise:Object(o.c)(),localSpaceInaccessiblePages:void 0,remoteSpaceInaccessiblePages:void 0}}getSpaceInaccessiblePages(e,t){const r=this.state;return r.remoteSpaceInaccessiblePages&&r.remoteSpaceInaccessiblePages[t]?r.remoteSpaceInaccessiblePages[t][e]:r.localSpaceInaccessiblePages&&r.localSpaceInaccessiblePages[t]?r.localSpaceInaccessiblePages[t][e]:void 0}}t.a=new i},"7IvN":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{open:!1}}}t.a=new o},"7KuZ":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("prF1"),a=r("mF3+"),s=r("y6Dp"),l=r("MeYt");function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;ts.D(this.environment,{from:this.props.analyticsFrom})},n.createElement(l.a,{mobileFeedback:!0,style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%"}},a.a.help({width:18,marginTop:1,fill:this.theme.lightIconColor})))}}t.a=p},"7L5k":function(e,t,r){"use strict";r.d(t,"b",(function(){return P})),r.d(t,"a",(function(){return j}));r("ioFf"),r("rGqo"),r("pIFo");var n=r("LvDl"),o=r("VAix"),i=r("AvkE"),a=r("HRSx"),s=r("z22Z"),l=r("xL2i");function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t0;){const r=e.list.shift();let n,o=0,i=!1;for(;oe.timestamp),cancel:(e,t)=>!1,replace:(e,t)=>C(e,t)}),cancel:(e,t)=>function(e,t){return"block-created"===e.type&&"block-deleted"===t.type&&f(e,t)}(e,t)||function(e,t){return"block-deleted"===e.type&&"block-created"===t.type&&f(e,t)}(e,t)||M(e,t)||function(e,t){return"permission-created"===e.type&&"permission-deleted"===t.type&&E(e,t)}(e,t)||function(e,t){return"permission-deleted"===e.type&&"permission-created"===t.type&&E(e,t)}(e,t)||function(e,t){return"permission-changed"===e.type&&"permission-changed"===t.type&&E(e,t)&&n.isEqual(e.permission_data.before,t.permission_data.after)}(e,t)||function(e,t){return"mention-created"===e.type&&"mention-deleted"===t.type&&w(e,t)}(e,t)||function(e,t){return"mention-deleted"===e.type&&"mention-created"===t.type&&w(e,t)}(e,t)||function(e,t){return"comment-created"===e.type&&"comment-deleted"===t.type&&b(e,t)}(e,t)||function(e,t){return"comment-deleted"===e.type&&"comment-created"===t.type&&b(e,t)}(e,t)||function(e,t){return"comment-changed"===e.type&&"comment-changed"===t.type&&b(e,t)&&n.isEqual(e.comment_data.before,t.comment_data.after)}(e,t)||function(e,t){return!!("collection-changed"===e.type&&"collection-changed"===t.type&&y(e,t)&&e.collection_data&&t.collection_data)&&n.isEqual(e.collection_data.before,t.collection_data.after)}(e,t)||function(e,t){return"collection-property-created"===e.type&&"collection-property-deleted"===t.type&&v(e,t)}(e,t)||function(e,t){return"collection-property-deleted"===e.type&&"collection-property-created"===t.type&&v(e,t)}(e,t)||function(e,t){return"collection-property-changed"===e.type&&"collection-property-changed"===t.type&&v(e,t)&&n.isEqual(e.collection_property_data.before,t.collection_property_data.after)}(e,t)||function(e,t){return"collection-view-created"===e.type&&"collection-view-deleted"===t.type&&S(e,t)}(e,t)||function(e,t){return"collection-view-deleted"===e.type&&"collection-view-created"===t.type&&S(e,t)}(e,t)||function(e,t){return"collection-view-changed"===e.type&&"collection-view-changed"===t.type&&S(e,t)&&n.isEqual(e.collection_view_data.before,t.collection_view_data.after)}(e,t)||function(e,t){return"permission-group-created"===e.type&&"permission-group-deleted"===t.type&&O(e,t)}(e,t)||function(e,t){return"permission-group-deleted"===e.type&&"permission-group-created"===t.type&&O(e,t)}(e,t),replace:(e,t)=>function(e,t){if("block-created"===e.type&&"block-changed"===t.type&&f(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),block_schema:t.block_schema,block_data:t.block_data.after})}(e,t)||function(e,t){if("block-changed"===e.type&&"block-changed"===t.type&&f(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),block_schema:t.block_schema,block_data:{before:e.block_data.before,after:t.block_data.after}})}(e,t)||function(e,t){if("comment-created"===e.type&&"comment-changed"===t.type&&b(e,t))return d({},e,{comment_data:t.comment_data.after})}(e,t)||function(e,t){if("comment-changed"===e.type&&"comment-changed"===t.type&&b(e,t))return d({},e,{comment_data:{before:e.comment_data.before,after:t.comment_data.after}})}(e,t)||function(e,t){if("permission-created"===e.type&&"permission-changed"===t.type&&E(e,t))return d({},e,{timestamp:t.timestamp,permission_data:t.permission_data.after})}(e,t)||function(e,t){if("permission-changed"===e.type&&"permission-changed"===t.type&&E(e,t))return d({},e,{permission_data:{before:e.permission_data.before,after:t.permission_data.after},timestamp:t.timestamp})}(e,t)||function(e,t){if("collection-created"===e.type&&"collection-changed"===t.type&&y(e,t))return d({},e,{authors:g(e,t),collection_data:t.collection_data?t.collection_data.after:void 0})}(e,t)||function(e,t){if("collection-changed"===e.type&&"collection-changed"===t.type&&y(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),collection_data:{before:e.collection_data?e.collection_data.before:void 0,after:t.collection_data?t.collection_data.after:void 0}})}(e,t)||function(e,t){if("collection-property-created"===e.type&&"collection-property-changed"===t.type&&v(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),collection_property_data:t.collection_property_data.after})}(e,t)||function(e,t){if("collection-property-changed"===e.type&&"collection-property-changed"===t.type&&v(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),collection_property_data:{before:e.collection_property_data.before,after:t.collection_property_data.after}})}(e,t)||function(e,t){if("collection-view-created"===e.type&&"collection-view-changed"===t.type&&S(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),collection_view_data:t.collection_view_data.after})}(e,t)||function(e,t){if("collection-view-changed"===e.type&&"collection-view-changed"===t.type&&S(e,t))return d({},e,{timestamp:t.timestamp,authors:g(e,t),collection_view_data:{before:e.collection_view_data.before,after:t.collection_view_data.after}})}(e,t)||function(e,t){if("permission-group-created"===e.type&&"permission-group-changed"===t.type&&O(e,t))return d({},e,{timestamp:t.timestamp,permission_group_data:t.permission_group_data.after,authors:g(e,t)})}(e,t)||function(e,t){if("permission-group-changed"===e.type&&"permission-group-changed"===t.type&&O(e,t))return d({},e,{permission_group_data:{before:e.permission_group_data.before,after:t.permission_group_data.after},timestamp:t.timestamp,authors:g(e,t)})}(e,t)}).filter(e=>!function(e){if("block-changed"===e.type){const t=i.a({before:e.block_data.before.block_value,after:e.block_data.after.block_value,schema:e.block_schema}),r=i.c({before:e.block_data.before.block_value,after:e.block_data.after.block_value});return!t&&!r}return!1}(e));return n.sortBy(t,e=>e.timestamp)}function T(e){const t=k({list:n.sortBy(Object(o.a)(e)||[],e=>e.timestamp),cancel:(e,t)=>!1,replace:(e,t)=>function(e,t){if("block-changed"===e.type&&"block-deleted"===t.type&&f(e,t))return d({},t,{authors:g(e,t)})}(e,t)||function(e,t){if("permission-group-changed"===e.type&&"permission-group-deleted"===t.type&&O(e,t))return d({},t,{timestamp:t.timestamp,permission_group_data:e.permission_group_data.before,authors:g(e,t)})}(e,t)||function(e,t){if("permission-changed"===e.type&&"permission-deleted"===t.type&&E(e,t))return d({},t,{timestamp:t.timestamp,permission_data:e.permission_data.before})}(e,t)||function(e,t){if("collection-property-changed"===e.type&&"collection-property-deleted"===t.type&&v(e,t))return d({},t,{authors:g(e,t)})}(e,t)||function(e,t){if("collection-view-changed"===e.type&&"collection-view-deleted"===t.type&&S(e,t))return d({},t,{authors:g(e,t)})}(e,t)});return n.sortBy(t,e=>e.timestamp)}function j(e){return function(e){const t=[];return e.forEach(e=>{if("block-changed"===e.type){if(i.c({before:e.block_data.before.block_value,after:e.block_data.after.block_value})){const r=d({},e,{type:"block-created",block_data:e.block_data.after}),n=d({},e,{type:"block-deleted",block_data:e.block_data.before});t.push(n),t.push(r)}else t.push(e)}else t.push(e)}),t}(T(e)).filter(e=>!function(e){return("block-created"===e.type||"block-deleted"===e.type)&&a.w[e.block_data.block_value.type]&&"page"!==e.block_data.block_value.type&&(!e.block_data.block_value.properties||!e.block_data.block_value.properties.title)}(e)&&!function(e){return("block-created"===e.type||"block-deleted"===e.type)&&a.m[e.block_data.block_value.type]}(e))}},"7M94":function(e,t,r){"use strict";r.d(t,"s",(function(){return n})),r.d(t,"v",(function(){return o})),r.d(t,"F",(function(){return i})),r.d(t,"x",(function(){return a})),r.d(t,"e",(function(){return s})),r.d(t,"D",(function(){return l})),r.d(t,"H",(function(){return c})),r.d(t,"G",(function(){return d})),r.d(t,"z",(function(){return u})),r.d(t,"i",(function(){return p})),r.d(t,"db",(function(){return h})),r.d(t,"t",(function(){return m})),r.d(t,"fb",(function(){return g})),r.d(t,"ib",(function(){return f})),r.d(t,"zb",(function(){return b})),r.d(t,"lb",(function(){return y})),r.d(t,"mb",(function(){return v})),r.d(t,"eb",(function(){return S})),r.d(t,"w",(function(){return w})),r.d(t,"Cb",(function(){return k})),r.d(t,"Db",(function(){return M})),r.d(t,"Eb",(function(){return O})),r.d(t,"nb",(function(){return E})),r.d(t,"Fb",(function(){return C})),r.d(t,"Gb",(function(){return P})),r.d(t,"jb",(function(){return T})),r.d(t,"u",(function(){return j})),r.d(t,"E",(function(){return x})),r.d(t,"A",(function(){return I})),r.d(t,"kb",(function(){return D})),r.d(t,"l",(function(){return B})),r.d(t,"j",(function(){return _})),r.d(t,"g",(function(){return A})),r.d(t,"h",(function(){return L})),r.d(t,"f",(function(){return F})),r.d(t,"ub",(function(){return R})),r.d(t,"gb",(function(){return N})),r.d(t,"Jb",(function(){return V})),r.d(t,"Hb",(function(){return U})),r.d(t,"Ib",(function(){return Y})),r.d(t,"ob",(function(){return W})),r.d(t,"B",(function(){return X})),r.d(t,"c",(function(){return z})),r.d(t,"b",(function(){return q})),r.d(t,"d",(function(){return H})),r.d(t,"a",(function(){return G})),r.d(t,"pb",(function(){return K})),r.d(t,"qb",(function(){return Z})),r.d(t,"U",(function(){return J})),r.d(t,"o",(function(){return Q})),r.d(t,"rb",(function(){return $})),r.d(t,"tb",(function(){return ee})),r.d(t,"V",(function(){return te})),r.d(t,"bb",(function(){return re})),r.d(t,"Z",(function(){return ne})),r.d(t,"X",(function(){return oe})),r.d(t,"W",(function(){return ie})),r.d(t,"cb",(function(){return ae})),r.d(t,"ab",(function(){return se})),r.d(t,"Y",(function(){return le})),r.d(t,"Kb",(function(){return ce})),r.d(t,"sb",(function(){return de})),r.d(t,"hb",(function(){return ue})),r.d(t,"K",(function(){return pe})),r.d(t,"O",(function(){return he})),r.d(t,"Q",(function(){return me})),r.d(t,"T",(function(){return ge})),r.d(t,"R",(function(){return fe})),r.d(t,"S",(function(){return be})),r.d(t,"J",(function(){return ye})),r.d(t,"N",(function(){return ve})),r.d(t,"P",(function(){return Se})),r.d(t,"I",(function(){return we})),r.d(t,"L",(function(){return ke})),r.d(t,"M",(function(){return Me})),r.d(t,"vb",(function(){return Oe})),r.d(t,"wb",(function(){return Ee})),r.d(t,"xb",(function(){return Ce})),r.d(t,"yb",(function(){return Pe})),r.d(t,"k",(function(){return Te})),r.d(t,"m",(function(){return je})),r.d(t,"C",(function(){return xe})),r.d(t,"y",(function(){return Ie})),r.d(t,"p",(function(){return De})),r.d(t,"n",(function(){return Be})),r.d(t,"r",(function(){return _e})),r.d(t,"q",(function(){return Ae})),r.d(t,"Bb",(function(){return Le})),r.d(t,"Ab",(function(){return Fe}));const n="notion-cursor-default",o="notion-fadein",i="notion-mobile",a="notion-front-page",s="analytics-scroll-point",l="notion-login",c="notion-light-theme",d="notion-dark-theme",u="notion-history-modal",p="notion-block-resizer",h="notion-overlay-container",m="notion-default-overlay-container",g="notion-page-template-modal",f="notion-peek-renderer",b="notion-text-action-menu",y="notion-selectable",v="notion-selectable-halo",S="notion-page-content",w="notion-frame",k="notion-topbar",M="notion-topbar-mobile",O="notion-topbar-more-button",E="notion-share-menu",C="notion-topbar-share-menu",P="notion-updates-menu",T="notion-quick-find-menu",j="notion-embed-menu",x="notion-media-menu",I="notion-invite",D="notion-record-icon",B="notion-calendar-header-days",_="notion-board-group",A="notion-block-permission-settings-public-access",L="notion-block-permission-settings-workspace-access",F="notion-block-permission-settings-group-access",R="notion-subscription-upgrade-menu-pay",N="notion-page-view-discussion",V="notion-updates-button-mentions",U="notion-updates-button-all-updates",Y="notion-updates-button-archive",W="notion-sharing-permission-role-select",X="notion-language-picker",z="notion-activity-section-icon",q="notion-activity-section-header",H="notion-activity-section-time",G="notion-activity-section-children",K="notion-sidebar",Z="notion-sidebar-mobile",J="notion-open-sidebar",Q="notion-close-sidebar",$="notion-sidebar-switcher",ee="notion-space-settings",te="notion-outliner-bookmarks",re="notion-outliner-workspace",ne="notion-outliner-shared",oe="notion-outliner-private",ie="notion-outliner-bookmarks-header",ae="notion-outliner-workspace-header",se="notion-outliner-shared-header",le="notion-outliner-private-header",ce="notion-updates-menu",de="notion-sidebar-trash-menu",ue="notion-password-modal",pe="notion-use-case-onboarding-gdpr",he="notion-use-case-onboarding-profile",me="notion-workspace-choose",ge="notion-workspace-plan-choose",fe="notion-workspace-create",be="notion-workspace-invite",ye="notion-onboarding-error",ve="notion-onboarding-popup",Se="notion-onboarding-select",we="notion-onboarding-button",ke="notion-onboarding-plan-type-personal",Me="notion-onboarding-plan-type-team",Oe="notion-table-view",Ee="notion-table-view-add-column",Ce="notion-table-view-add-row",Pe="notion-table-view-header-cell",Te="notion-board-view",je="notion-calendar-view",xe="notion-list-view",Ie="notion-gallery-view",De="notion-collection-item",Be="notion-calendar-view-day",_e="notion-collection-view-select",Ae="notion-collection-view-item-add",Le="notion-timeline-view",Fe="notion-timeline-item"},"7Q97":function(e,t,r){"use strict";r.d(t,"a",(function(){return n}));r("ioFf"),r("rGqo");var n,o=r("q1tI"),i=r("wldR"),a=r("mF3+"),s=r("zmp8"),l=r("MeYt"),c=r("Sb6f");function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;tObject(o.c)(e,"discussion",t));return t.reverse(),t}function h(e){return p(e).filter(e=>{const t=e.getValue();return!!t&&!t.resolved})}function m(e){return p(e).filter(e=>{const t=e.getValue();return!!t&&t.resolved})}function g(e){return h(e).reduce((e,t)=>{const r=t.getValue();return r?e+(r.comments||[]).length:e},0)}function f(e){if("text"!==e.getType())return!1;const t=e.getProperties();return(!t||!t.title)&&(0===e.getContentIds().length&&0===function(e){return h(e).length}(e))}function b(e){return Object(o.a)(e,e.table,e.id,"properties")}function y(e){return Object(o.a)(e,e.table,e.id,"comments")}function v(e){const t=y(e);return(t.getValue()||[]).map(e=>Object(o.c)(t,i.a,e))}function S(e){const t=e.getValue();if(t)return Object(o.c)(e,t.parent_table,t.parent_id)}function w(e){return Object(o.a)(e,e.table,e.id,"text")}function k(e){const t=e.getValue();if(t)return Object(o.c)(e,t.parent_table,t.parent_id)}function M(e,t,r){return Object(o.c)(e,a.a,t,r)}function O(e,t){const r=t.getValue();if(r){const n=c.a.getPublicSpaceData(e,r.space_id);if(n)return M(t,r.activity_id,n.shardId)}}const E=n.throttle(e=>{l.log(e)},500),C=function(e){let t=e,r=0;for(;t;){if(!t.isReady())return!1;if(r>=128)return E({level:"error",from:"recordStoreHelpers",type:"areAncestorsLoaded",data:{message:"max depth reached",maxDepth:128,id:e.id,table:e.table,currentStoreId:t.id,currentTable:t.table}}),!1;r+=1,t=Object(s.e)(t)}return!0};async function P(e){let t=e,r=0;for(;t;){if(t.isReady()||await t.load(),r>=128)return E({level:"error",from:"recordStoreHelpers",type:"loadAncestors",data:{message:"max depth reached",maxDepth:128,id:e.id,table:e.table,currentStoreId:t.id,currentTable:t.table}}),!1;r+=1,t=Object(s.e)(t)}}},"7ab4":function(e,t,r){"use strict";r.d(t,"b",(function(){return P}));r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("wldR"),a=r("dXb3"),s=r("SR/M"),l=r("i3uR"),c=r("hU3F"),d=r("oWZM"),u=r("WgIs"),p=r("2Y+N"),h=r("gbGO"),m=r("zTdN"),g=r("VhAz"),f=r("bPtJ"),b=r("Pl3d"),y=r("4HCU"),v=r("5/h/"),S=r("G+Ai"),w=r("V1wX"),k=r("JMnu"),M=r("nPEg"),O=r("J9+s"),E=r("VVDu"),C=r("WI3x");const P=Object(O.defineMessages)({searchForPerson:{defaultMessage:"Search for a person…",id:"database.personPropertyValue.searchPlaceholder"},selectPerson:{defaultMessage:"Select a person",id:"database.personPropertyValue.selectPerson.searchPlaceholder"}}),T=n.createElement(O.FormattedMessage,{defaultMessage:"Me",id:"database.filterAndSort.firstPersonPropertyValue.title"});class j extends i.a{constructor(){super(...arguments),this.storeTypes={query:c.a.of("")},this.getPersonAutocompleteResults=async e=>{let{users:t,bots:r}=await y.i({environment:this.environment,query:e,membersOnly:!1});return t=t.slice(0,20),r=r.slice(0,20),await Promise.all([...t.map(async e=>{let{id:t}=e;const r=Object(f.c)(this.props.parentStore,v.a,t);await r.load()}),...r.map(async e=>{let{id:t}=e;const r=Object(f.c)(this.props.parentStore,S.a,t);await r.load()})]),{users:t,bots:r}}}renderComponent(){return this.renderPerson()}renderPerson(){const{device:e}=this.environment,{intl:t}=this.props,r={minWidth:C.e};return n.createElement(l.a,{popupType:e.isMobile?l.a.PopupType.SlideUp:l.a.PopupType.Popup,alignmentToOrigin:l.a.Alignment.Start,onClick:()=>this.stores.query.set(""),renderOrigin:o=>{const i=this.props.value;if("relative"===i.type){if("me"===i.value)return n.createElement(d.a,Object.assign({},o,{placeholder:t.formatMessage(P.selectPerson),title:T,disableMargins:!0,desktopStyle:r}));throw Object(g.e)(i)}if(void 0===i.value)return n.createElement(d.a,Object.assign({},o,{placeholder:t.formatMessage(P.selectPerson),disableMargins:!0,desktopStyle:r}));const a=Object(w.a)({pointer:i.value,getRecordValue:this.props.parentStore.getRecordValue});return n.createElement(d.a,Object.assign({},o,{placeholder:t.formatMessage(P.selectPerson),disableMargins:!0,desktopStyle:r,title:a.value&&n.createElement(k.c,{actor:a,isSingle:!0,shouldShrink:!0,format:e.isMobile?k.b.Format.Large:k.b.Format.Medium,showRemoveButton:!1})}))},render:r=>{const o=this.stores.query.get(),i={request:o,performRequest:this.getPersonAutocompleteResults,render:(e,t,n)=>this.renderAutocompleteResults({query:o,parent:r,error:e,results:t,ready:n})},s=n.createElement(p.a,{isInput:!0},n.createElement(a.a,{focus:!e.isMobile||void 0,focusAfterAnimation:!0,value:this.stores.query.get(),onChange:e=>this.stores.query.set(e.target.value),placeholder:t.formatMessage(P.searchForPerson)}));let l;return l=e.isMobile?{menuType:h.b.MenuType.Modal,title:n.createElement(O.FormattedMessage,{defaultMessage:"Person",id:"database.filterAndSort.mobileModal.personPropertyValue.title"}),right:n.createElement(M.b,null),onClickRight:r.close,header:s}:{menuType:h.b.MenuType.Popup,width:220,header:s},n.createElement(h.b,Object.assign({},l),n.createElement(b.a,Object.assign({},i)))}})}renderAutocompleteResults(e){const{device:t}=this.environment,{parent:r,query:i,error:a,results:l,ready:c}=e,d=n.createElement(O.FormattedMessage,{defaultMessage:"Pick a person",id:"database.searchPersonPropertyMenuItem.title"});if(a)return n.createElement(p.a,{title:d},n.createElement(m.a,{title:n.createElement(O.FormattedMessage,{defaultMessage:"Something went wrong.",id:"database.filterAndSort.searchPersonPropertyMenuItem.errorMessage"})}));if(!c&&!l)return n.createElement(p.a,null,n.createElement(E.a,null));if(l&&0===l.users.length&&0===l.bots.length)return n.createElement(p.a,{title:d},n.createElement(m.a,{title:n.createElement(O.FormattedMessage,{defaultMessage:"No results",id:"database.searchPersonPropertyMenuItem.noResults.message"})}));const h=o.compact((l&&l.users||[]).map(e=>({key:e.id,render:r=>n.createElement(s.a,Object.assign({},r,{title:n.createElement(k.b,{isSingle:!0,shouldShrink:!0,format:t.isMobile?k.b.Format.Large:k.b.Format.Medium,userValue:e,showRemoveButton:!1}),isTokenTitle:!0})),action:()=>{this.props.onChange({type:"exact",value:{table:v.a,id:e.id}})}}))),g=o.compact((l&&l.bots||[]).map(e=>({key:e.id,render:r=>n.createElement(s.a,Object.assign({},r,{title:n.createElement(k.a,{isSingle:!0,shouldShrink:!0,format:t.isMobile?k.a.Format.Large:k.a.Format.Medium,botValue:e,showRemoveButton:!1}),isTokenTitle:!0})),action:()=>{this.props.onChange({type:"exact",value:{table:S.a,id:e.id}})}})));!c||i&&!"me".includes(i)||h.unshift({key:"me",render:e=>n.createElement(s.a,Object.assign({},e,{title:T})),action:()=>{this.props.onChange({type:"relative",value:"me"})}});const f=[];return h.length>0&&f.push({key:"user property",render:e=>n.createElement(p.a,Object.assign({},e,{title:d})),items:h}),g.length>0&&f.push({key:"bot property",render:e=>n.createElement(p.a,Object.assign({},e,{title:"Pick a bot"})),items:g}),n.createElement(u.a,{type:u.a.Type.Vertical,initialFocus:0,sections:f,onAccept:r.close})}}t.a=Object(O.injectIntl)(j)},"7bRZ":function(e,t,r){"use strict";r.d(t,"b",(function(){return m})),r.d(t,"d",(function(){return f})),r.d(t,"a",(function(){return y})),r.d(t,"c",(function(){return v})),r.d(t,"h",(function(){return S})),r.d(t,"i",(function(){return w})),r.d(t,"g",(function(){return k})),r.d(t,"f",(function(){return M})),r.d(t,"e",(function(){return O}));var n=r("LvDl"),o=r("4bJO"),i=r("5Nka"),a=r("njgS"),s=r("mKX5"),l=r("D2XV"),c=r("6BTz"),d=r("VhAz"),u=r("J9+s"),p=r("vl8/");const h=Object(u.defineMessages)({count:{defaultMessage:"Count all",id:"database.aggregationFullName.count"},count_values:{defaultMessage:"Count values",id:"database.aggregationFullName.count_values"},unique:{defaultMessage:"Count unique values",id:"database.aggregationFullName.unique"},empty:{defaultMessage:"Count empty",id:"database.aggregationFullName.empty"},not_empty:{defaultMessage:"Count not empty",id:"database.aggregationFullName.not_empty"},percent_empty:{defaultMessage:"Percent empty",id:"database.aggregationFullName.percent_empty"},percent_not_empty:{defaultMessage:"Percent not empty",id:"database.aggregationFullName.percent_not_empty"},sum:{defaultMessage:"Sum",id:"database.aggregationFullName.sum"},average:{defaultMessage:"Average",id:"database.aggregationFullName.average"},median:{defaultMessage:"Median",id:"database.aggregationFullName.median"},min:{defaultMessage:"Min",id:"database.aggregationFullName.min"},max:{defaultMessage:"Max",id:"database.aggregationFullName.max"},range:{defaultMessage:"Range",id:"database.aggregationFullName.range"},earliest_date:{defaultMessage:"Earliest date",id:"database.aggregationFullName.earliest_date"},latest_date:{defaultMessage:"Latest date",id:"database.aggregationFullName.latest_date"},date_range:{defaultMessage:"Date range",id:"database.aggregationFullName.date_range"},checked:{defaultMessage:"Checked",id:"database.aggregationFullName.checked"},unchecked:{defaultMessage:"Unchecked",id:"database.aggregationFullName.unchecked"},percent_checked:{defaultMessage:"Percent checked",id:"database.aggregationFullName.percent_checked"},percent_unchecked:{defaultMessage:"Percent unchecked",id:"database.aggregationFullName.percent_unchecked"}}),m={count:p.default.formatMessage(h.count),count_values:p.default.formatMessage(h.count_values),unique:p.default.formatMessage(h.unique),empty:p.default.formatMessage(h.empty),not_empty:p.default.formatMessage(h.not_empty),percent_empty:p.default.formatMessage(h.percent_empty),percent_not_empty:p.default.formatMessage(h.percent_not_empty),sum:p.default.formatMessage(h.sum),average:p.default.formatMessage(h.average),median:p.default.formatMessage(h.median),min:p.default.formatMessage(h.min),max:p.default.formatMessage(h.max),range:p.default.formatMessage(h.range),earliest_date:p.default.formatMessage(h.earliest_date),latest_date:p.default.formatMessage(h.latest_date),date_range:p.default.formatMessage(h.date_range),checked:p.default.formatMessage(h.checked),unchecked:p.default.formatMessage(h.unchecked),percent_checked:p.default.formatMessage(h.percent_checked),percent_unchecked:p.default.formatMessage(h.percent_unchecked)},g=Object(u.defineMessages)({count:{defaultMessage:"Count",id:"database.aggregationShortName.count"},count_values:{defaultMessage:"Values",id:"database.aggregationShortName.count_values"},unique:{defaultMessage:"Unique",id:"database.aggregationShortName.unique"},empty:{defaultMessage:"Empty",id:"database.aggregationShortName.empty"},not_empty:{defaultMessage:"Not Empty",id:"database.aggregationShortName.not_empty"},percent_empty:{defaultMessage:"Empty",id:"database.aggregationShortName.percent_empty"},percent_not_empty:{defaultMessage:"Not Empty",id:"database.aggregationShortName.percent_not_empty"},sum:{defaultMessage:"Sum",id:"database.aggregationShortName.sum"},average:{defaultMessage:"Average",id:"database.aggregationShortName.average"},median:{defaultMessage:"Median",id:"database.aggregationShortName.median"},min:{defaultMessage:"Min",id:"database.aggregationShortName.min"},max:{defaultMessage:"Max",id:"database.aggregationShortName.max"},range:{defaultMessage:"Range",id:"database.aggregationShortName.range"},earliest_date:{defaultMessage:"Earliest",id:"database.aggregationShortName.earliest_date"},latest_date:{defaultMessage:"Latest",id:"database.aggregationShortName.latest_date"},date_range:{defaultMessage:"Range",id:"database.aggregationShortName.date_range"},checked:{defaultMessage:"Checked",id:"database.aggregationShortName.checked"},unchecked:{defaultMessage:"Unchecked",id:"database.aggregationShortName.unchecked"},percent_checked:{defaultMessage:"Checked",id:"database.aggregationShortName.percent_checked"},percent_unchecked:{defaultMessage:"Unchecked",id:"database.aggregationShortName.percent_unchecked"}}),f={count:p.default.formatMessage(g.count),count_values:p.default.formatMessage(g.count_values),unique:p.default.formatMessage(g.unique),empty:p.default.formatMessage(g.empty),not_empty:p.default.formatMessage(g.not_empty),percent_empty:p.default.formatMessage(g.percent_empty),percent_not_empty:p.default.formatMessage(g.percent_not_empty),sum:p.default.formatMessage(g.sum),average:p.default.formatMessage(g.average),median:p.default.formatMessage(g.median),min:p.default.formatMessage(g.min),max:p.default.formatMessage(g.max),range:p.default.formatMessage(g.range),earliest_date:p.default.formatMessage(g.earliest_date),latest_date:p.default.formatMessage(g.latest_date),date_range:p.default.formatMessage(g.date_range),checked:p.default.formatMessage(g.checked),unchecked:p.default.formatMessage(g.unchecked),percent_checked:p.default.formatMessage(g.percent_checked),percent_unchecked:p.default.formatMessage(g.percent_unchecked)},b=Object(u.defineMessages)({count:{defaultMessage:"Counts the total number of pages, including blank pages.",id:"database.aggregationDescription.count"},count_values:{defaultMessage:"Counts the number of non-empty values for this property. For a type that can contain multiple values like multi-select or person, this will count the number of selected values for each page.",id:"database.aggregationDescription.count_values"},unique:{defaultMessage:"Counts the number of unique values for this property. For a type that can contain multiple values like multi-select or person, this will count the unique values across all pages.",id:"database.aggregationDescription.unique"},empty:{defaultMessage:"Counts the number of pages with an empty value for this property.",id:"database.aggregationDescription.empty"},not_empty:{defaultMessage:"Counts the number of pages with a non-empty value for this property.",id:"database.aggregationDescription.not_empty"},percent_empty:{defaultMessage:"Displays the percentage of pages that have an empty value for this property.",id:"database.aggregationDescription.percent_empty"},percent_not_empty:{defaultMessage:"Displays the percentage of pages that have a non-empty value for this property.",id:"database.aggregationDescription.percent_not_empty"},sum:{defaultMessage:"Computes the sum of a numeric property.",id:"database.aggregationDescription.sum"},average:{defaultMessage:"Computes the average of a numeric property.",id:"database.aggregationDescription.average"},median:{defaultMessage:"Finds the median of a numeric property.",id:"database.aggregationDescription.median"},min:{defaultMessage:"Finds the minimum of a numeric property.",id:"database.aggregationDescription.min"},max:{defaultMessage:"Finds the maximum of a numeric property.",id:"database.aggregationDescription.max"},range:{defaultMessage:"Computes the range (maximum - minimum) of a numeric property.",id:"database.aggregationDescription.range"},earliest_date:{defaultMessage:"Finds the earliest date in time of a date property.",id:"database.aggregationDescription.earliest_date"},latest_date:{defaultMessage:"Finds the latest date in time of a date property.",id:"database.aggregationDescription.latest_date"},date_range:{defaultMessage:"Computes the date range (latest date - earliest date) of a date property.",id:"database.aggregationDescription.date_range"},checked:{defaultMessage:"Counts the number of pages with a checked checkbox for this property.",id:"database.aggregationDescription.checked"},unchecked:{defaultMessage:"Counts the number of pages with an unchecked checkbox for this property.",id:"database.aggregationDescription.unchecked"},percent_checked:{defaultMessage:"Displays the percentage of pages that have a checked checkbox for this property.",id:"database.aggregationDescription.percent_checked"},percent_unchecked:{defaultMessage:"Displays the percentage of pages that have an unchecked checkbox for this property.",id:"database.aggregationDescription.percent_unchecked"}}),y={count:p.default.formatMessage(b.count),count_values:p.default.formatMessage(b.count_values),unique:p.default.formatMessage(b.unique),empty:p.default.formatMessage(b.empty),not_empty:p.default.formatMessage(b.not_empty),percent_empty:p.default.formatMessage(b.percent_empty),percent_not_empty:p.default.formatMessage(b.percent_not_empty),sum:p.default.formatMessage(b.sum),average:p.default.formatMessage(b.average),median:p.default.formatMessage(b.median),min:p.default.formatMessage(b.min),max:p.default.formatMessage(b.max),range:p.default.formatMessage(b.range),earliest_date:p.default.formatMessage(b.earliest_date),latest_date:p.default.formatMessage(b.latest_date),date_range:p.default.formatMessage(b.date_range),checked:p.default.formatMessage(b.checked),unchecked:p.default.formatMessage(b.unchecked),percent_checked:p.default.formatMessage(b.percent_checked),percent_unchecked:p.default.formatMessage(b.percent_unchecked)},v={count:i.a.images.aggregations.countPng,count_values:i.a.images.aggregations.countValuesPng,unique:i.a.images.aggregations.uniquePng,empty:i.a.images.aggregations.emptyPng,not_empty:i.a.images.aggregations.notEmptyPng,percent_empty:i.a.images.aggregations.percentEmptyPng,percent_not_empty:i.a.images.aggregations.percentNotEmptyPng,sum:i.a.images.aggregations.sumPng,average:i.a.images.aggregations.averagePng,median:i.a.images.aggregations.medianPng,min:i.a.images.aggregations.minPng,max:i.a.images.aggregations.maxPng,range:i.a.images.aggregations.rangePng,earliest_date:i.a.images.aggregations.earliestDatePng,latest_date:i.a.images.aggregations.latestDatePng,date_range:i.a.images.aggregations.dateRangePng,checked:i.a.images.aggregations.checkedPng,unchecked:i.a.images.aggregations.uncheckedPng,percent_checked:i.a.images.aggregations.percentCheckedPng,percent_unchecked:i.a.images.aggregations.percentUncheckedPng};function S(e){return!M(e)}function w(e){return"number"===e.type||"formula"===e.type&&e.formula&&"number"===e.formula.result_type||"rollup"===e.type&&e.aggregation&&"number"===Object(o.e)(e.aggregation)}function k(e){return Object(a.h)(e)||"formula"===e.type&&e.formula&&"date"===e.formula.result_type||"rollup"===e.type&&e.aggregation&&"date"===Object(o.e)(e.aggregation)}function M(e){return"checkbox"===e.type||"formula"===e.type&&e.formula&&"checkbox"===e.formula.result_type}function O(e){const{numberFormat:t,aggregationType:r,value:i,userTimeZone:a,roundDecimal:u}=e;if("date"===i.type){if(!Object(o.i)(r))return;if(!i.value)return;const e=l.F(i.value,a);if("date_range"===r){if(!e.end)return;return s.a.duration(e.end.valueOf()-e.start.valueOf()).humanize()}return Object(s.a)(e.start.valueOf()).fromNow()}if(Object(o.i)(r))return;const h=void 0===i.value?void 0:n.round(i.value,u);switch(r){case"count":case"empty":case"not_empty":case"unique":case"count_values":case"checked":case"unchecked":return Object(c.c)(h,"number",p.default.getIntl());case"percent_empty":case"percent_not_empty":case"percent_checked":case"percent_unchecked":return Object(c.c)(h,"percent",p.default.getIntl());case"sum":case"average":case"median":case"min":case"max":case"range":return Object(c.c)(h,t||"number",p.default.getIntl())}throw Object(d.e)(r)}},"7eQs":function(e,t,r){"use strict";var n=r("q1tI"),o=r("IYZQ"),i=r("sZEU"),a=r("Sb6f"),s=r("wldR"),l=r("J9+s"),c=r("6BTz"),d=r("LB1/"),u=r("a2fa"),p=r("qqdV"),h=r("vl8/"),m=r("0CAA");const g=function(){for(var e=arguments.length,t=new Array(e),r=0;rNotion is the perfect tool for school. And it couldn’t be more core to our mission to support the next generation of thinkers, dreamers, and leaders.",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.alreadyPayingForPersonalAccessToFreeEducation.question",defaultMessage:"I’m already paying for a Personal Pro Plan. Can I still get free access?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.alreadyPayingForPersonalAccessToFreeEducation.answer",defaultMessage:"Yes! Detailed upgrade instructions are available in the help center.
",values:{p:g,helpcenterlink:v}})},{question:n.createElement(l.FormattedMessage,{id:"faq.eligibleForEducation.question",defaultMessage:"Am I eligible for free Personal Pro Plan access?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.eligibleForEducation.answer",defaultMessage:"You’re eligible if:
- You’re a student or educator at an accredited college or university.
- You have a school email address. We don’t accept student IDs or other documentation to verify at this time.
You’re not eligible if:
- You’re a K-12 student or K-12 educator. But you can still use our Personal Plan with unlimited storage for free! Learn more on our pricing page.
- Your Notion account is associated with a personal email address, such as a gmail.com or outlook.com email address.
",values:{p:g,ol:b,li:y,pricinglink:S}})},{question:n.createElement(l.FormattedMessage,{id:"faq.educationPlanGraduation.question",defaultMessage:"What happens when I graduate?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.educationplanGraduation.answer",defaultMessage:"You can continue using your free student account as long as it’s associated with a university email address. You’ll have the opportunity to change your email address and switch to a paid plan upon graduation. We hope you’ll stick with us 🤞
",values:{p:g}})}]}function O(e){Object(u.a)({environment:e,typeform:"startupFounder",frontContext:"startups",params:{source:"startups"}})}function E(e){Object(u.a)({environment:e,typeform:"startupPartner",frontContext:"startups",params:{source:"startups"}})}function C(e,t,r){Object(u.a)({environment:e,typeform:"enterpriseContact",frontContext:t,params:{source:r}})}const P={students:M,educators:function(){return M().slice(0,3)},general:function(e){return[{question:n.createElement(l.FormattedMessage,{id:"faq.freeVsPersonalAndTeam.question",defaultMessage:"How is the free Personal Plan different from the Personal Pro and Team Plans?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.freeVsPersonalAndTeam.answer",defaultMessage:'The biggest difference is how you can collaborate with others.
The free Personal Plan is designed for individual use, but allows up to 5 unique guests. These are friends, family members, and others you can invite to collaborate with you privately on any page. You can also share a page publicly and turn on commenting or editing access. In the Share menu at the top right, turn on "Share to the web" then "Allow editing." Any Notion user with the link will be able to edit your page.
With the Personal Pro Plan, you can invite unlimited guests for private collaboration. For example, if you run your own business, you can invite all your clients to provide feedback on your work.
With the Team Plan, you can add members to your workspace so you all share and work on the same content. It also comes with more permission and admin controls so you and your teammates can work together securely. See the plan comparison chart for more details.
',values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.overGuestLimitInFreePlan.question",defaultMessage:"What happens when I go over the guest limit on my Personal Plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.overGuestLimitInFreePlan.answer",defaultMessage:"Upgrade to the Personal Pro Plan for unlimited guests, or the Team Plan if you collaborate with the same group of people automatically. You can also review and remove inactive guests in Settings & Members.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.teamTrial.question",defaultMessage:"How do I try out the Team Plan for free?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.teamTrial.answer",defaultMessage:"When asked how you would like to set up Notion during sign up, select Team, and you’ll be automatically enrolled in a Team Plan trial. You’ll get access to most features of a paid Team Plan, with a 1,000 block storage limit. If your team wants to add more than that, upgrade to the full Team Plan. Details above.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.overStorageLimitInFreePlan.question",defaultMessage:"What happens when I go over the block storage limit on my Team trial?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.overStorageLimitInFreePlan.answer",defaultMessage:"You can still read, edit, and organize existing content blocks as usual, but you won’t be able to add new content blocks.
However, you can delete existing content blocks to free up your storage.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.useNotionForFree.question",defaultMessage:"Can I use Notion for free?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.useNotionForFree.answer",defaultMessage:"Absolutely! Notion is free to use indefinitely.
The Personal Plan is completely free for individual use. The Team Plan has a free trial with a 1,000 block limit, more than enough to try out Notion with your team before upgrading.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.whatIsABlock.question",defaultMessage:"What is a block?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.whatIsABlock.answer",defaultMessage:"A block is any single piece of content you add to your page, like a paragraph of text, a to-do item, an image, a code block, an embedded file, etc. Think of your page as being made up of these building blocks.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.deleteBlocks.question",defaultMessage:"Can I delete blocks to free up my storage?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.deleteBlocks.answer",defaultMessage:"Of course! It works just like the storage limit on your phone or computer. If you delete something, you will free up space for more.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.studentDiscount.question",defaultMessage:"Do you offer student discounts?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.studentDiscount.answer",defaultMessage:"The Personal Pro Plan is free for students and educators. This lets you collaborate with unlimited guests, and gives you version history and API access. Simply sign up with your school email address and you’ll immediately gain access to these features.
If you’re already on a Personal Pro Plan, change the email associated with your account to your school email address to get it for free. If you're already on our free Education Plan, you've been automatically upgraded to the Personal Pro Plan.
Visit the help center to learn more
",values:{p:g,helpcenterlink:v}})},{question:n.createElement(l.FormattedMessage,{id:"faq.howToEarnCredit.question",defaultMessage:"How do I earn credit?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.howToEarnCredit.answer",defaultMessage:"You can earn credit by using Notion across your devices and trying out new features. Go to the Earn Credit tab in Settings & Members to learn more.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.howToApplyCredit.question",defaultMessage:"How do I apply credit to my workspace?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.howToApplyCredit.answer",defaultMessage:"To apply credit, you must first upgrade to a paid plan. As part of this process, you can choose to apply some or all of your account credit to the plan.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.whyBillingInformation.question",defaultMessage:"Why do you need my billing information if I have enough credit to pay for Notion?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.whyBillingInformation.answer",defaultMessage:"We still require your billing information, even if you applied enough credit to make your first bill $0, because you may run out of credit in the future and we need to be able to charge your account.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.runOutOfCredit.question",defaultMessage:"What happens if I run out of credit?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.runOutOfCredit.answer",defaultMessage:"If you run out of credit, your account will be charged via your selected payment method.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.maximumEarnedCredit.question",defaultMessage:"Is there a maximum amount of credit I can earn?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.maximumEarnedCredit.answer",defaultMessage:"Yes, you can earn up to {maximumAmountInDollars} in credit.
",values:{p:g,maximumAmountInDollars:Object(c.b)({amount:d.f,currency:"dollar",intl:h.default.getIntl()})}})},{question:n.createElement(l.FormattedMessage,{id:"faq.advancedPermissions.question",defaultMessage:"What advanced permissions does the paid Team & Enterprise Plans offer?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.advancedPermissions.answer",defaultMessage:'If you are on a free Team trial, you can set the access level on each page to "Full access," "Can view," or "Can comment." That dictates how other users can interact with that page. "Full access" means someone can edit, comment, and share the page with others.
On paid Team and Enterprise Plans, you have the ability to grant "Can edit" access to other users. This gives someone the ability to edit and comment on that page, but not share it with others. This is especially useful if you do not want your content leaking outside your team.
Contact sales to learn more
',values:{p:g,contactsales:function(){for(var t=arguments.length,r=new Array(t),i=0;iC(e,"faq","Advanced permissions")},r)}}})},{question:n.createElement(l.FormattedMessage,{id:"faq.teamAdminTools.question",defaultMessage:"What admin tools come with the Team Plan? "}),answer:n.createElement(l.FormattedMessage,{id:"faq.teamAdminTools.answer",defaultMessage:"On a free Team trial, every member in your workspace is an admin. This means all of you can adjust team settings and invite other people into the workspace.
If you want only a few people to have admin abilities, we recommend upgrading to the full Team Plan. It comes with tools that allow you to make only select people admins while everyone else is a member. Members can't edit billing information or security options, and can't share your content outside the workspace.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.personalPricing.question",defaultMessage:"How is pricing calculated for the Personal Pro Plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.personalPricing.answer",defaultMessage:"If you upgrade your workspace to Personal Pro, you will be charged a flat fee ($5 monthly or $48 yearly).
Guests are free of charge, but they can only be added to one page at a time.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.teamPricing.question",defaultMessage:"How is pricing calculated for the Team Plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.teamPricing.answer",defaultMessage:'If you upgrade your workspace to the Team Plan, you will be charged a fee per member ($10 monthly or $96 yearly). For example, if you pay per month and have 5 members, you will be charged $50 each month.
Guests are free of charge – but they can only access individual pages they are invited to. In other words, guests won’t be able to see all the team pages under the "Workspace" section in the left sidebar.
',values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.monthlyAndYearlyBilling.question",defaultMessage:"Do you have monthly and yearly billing options?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.monthlyAndYearlyBilling.answer",defaultMessage:"Yes! We offer both monthly and yearly billing options. The yearly billing option is always cheaper (an estimated 20% discount). For example, the Team Plan is $10 per member per month when you choose the monthly option, but $8 per member per month if you choose to pay yearly.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.addingAndRemovingMembers.question",defaultMessage:"How does adding and removing members work?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.addingAndRemovingMembers.answer",defaultMessage:"Whether you're on a monthly or yearly billing schedule, your account may be charged on a monthly basis if you make these types of changes. If you added members, your account will be charged a prorated amount based on the percentage of the billing cycle left at the time each member was added. If you removed members, your account will be credited in the same way.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.changePlans.question",defaultMessage:"What happens when I change plans?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.changePlans.answer",defaultMessage:"Upgrading or downgrading your plan works similarly to adding and removing members. Your account will be charged or credited based on the percentage of the billing cycle left at the time the plan was changed.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.cancelPlan.question",defaultMessage:"What happens if I cancel my paid plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.cancelPlan.answer",defaultMessage:"When you cancel your plan, you will remain on the plan until the end of your billing cycle, at which time the plan will be canceled.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.paymentFailure.question",defaultMessage:"What happens if my payment fails? Like if my credit card expires?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.paymentFailure.answer",defaultMessage:"Your account email will be notified after each failed payment. Payments may be retried up to 4 times within the next month. After this, if the payment did not succeed, you will be downgraded to the free plan.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.changePaymentMethod.question",defaultMessage:"Can I change my payment method?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.changePaymentMethod.answer",defaultMessage:"You can change your payment method at any time in your billing settings.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.refund.question",defaultMessage:"Do you offer refunds?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.refund.answer",defaultMessage:"In most cases, we don't offer refunds. Instead, we'll credit your account a prorated amount if you remove members from your workspace or downgrade. The next time your account is charged, any remaining balance will be used before creating a new charge.
However, with the introduction of the new free Personal Plan, refunds are available. We'll refund your method of payment the prorated amount within 10 business days if you bought your paid plan before May 27. After that, you'll receive a credit when you switch plans.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.serviceLevelAgreement.question",defaultMessage:"Do you have a Service-Level Agreement (SLA)?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.serviceLevelAgreement.answer",defaultMessage:"We do not offer a standard SLA. For teams with greater than 100 members, we can offer a custom SLA.
Contact sales to learn more
",values:{p:g,contactsales:function(){for(var t=arguments.length,r=new Array(t),i=0;iC(e,"faq","SLA")},r)}}})},{question:n.createElement(l.FormattedMessage,{id:"faq.importStorageLimit.question",defaultMessage:"How does importing content from another app affect my block storage limit if I'm on the Team Plan trial?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.importStorageLimit.answer",defaultMessage:"Content created via import doesn’t count toward your workspace’s storage limit. We want to make sure you get started with Notion as smoothly as possible.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.paymentProcessor.question",defaultMessage:"How is my payment being processed?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.paymentProcessor.answer",defaultMessage:"We use Stripe to process your payment. It’s the same payment provider used by products such as Twitter, Pinterest, and Lyft. We do not handle your credit card information directly.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.multipleTeams.question",defaultMessage:"Can I belong to multiple teams on Notion? "}),answer:n.createElement(l.FormattedMessage,{id:"faq.multipleTeams.answer",defaultMessage:"Yes! You can use the same email address to create and join multiple teams. However, each one of these workspaces is on its own plan and needs to be upgraded individually.
",values:{p:g}})}]},startups:function(e){return[{question:n.createElement(l.FormattedMessage,{id:"faq.startupDiscountEligibility.question",defaultMessage:"Who is eligible?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.startupDiscountEligibility.answer",defaultMessage:"You qualify for the discount if you meet two criteria:
1) You’re starting a workspace on Notion’s Team Plan for a startup.
2) You’re working with one of our partnering incubators or accelerators (see our form for the full list).
We plan to expand eligibility in the future…please stay tuned.
",values:{p:g,formlink:function(){for(var t=arguments.length,r=new Array(t),i=0;iO(e)},r)}}})},{question:n.createElement(l.FormattedMessage,{id:"faq.whyStartupDiscount.question",defaultMessage:"Why is Notion offering a discount for startups?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.whyStartupDiscount.answer",defaultMessage:"We've seen thousands of startups use Notion to get going on the right foot — as a wiki, for project management, document sharing, notes, and more. We want to help more companies lay a strong foundation that can grow with them from the beginning.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.howToApplyForStartupCredit.question",defaultMessage:"How do I apply to receive the $1,000 credit?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.howToApplyForStartupCredit.answer",defaultMessage:"Easy! Fill out this form.
",values:{p:g,formlink:function(){for(var t=arguments.length,r=new Array(t),i=0;iO(e)},r)}}})},{question:n.createElement(l.FormattedMessage,{id:"faq.startupCreditWorth.question",defaultMessage:"What is $1,000 in Notion credit worth?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.startupCreditWorth.answer",defaultMessage:"Notion’s Team Plan normally costs $10 per member per month paid monthly. So, for a team of 10, $1,000 in credit represents 10 months of free Notion. For a team of 5, it’s 20 months of free Notion, and so on.
",values:{p:g,pricinglink:function(){for(var e=arguments.length,t=new Array(e),r=0;rInside Notion, go to Settings & Members, and click Billing. You’ll see your current credit, including the $1,000 credit under Workspace Balance. It should appear there after you upgrade to the Team Plan.",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.suggestStartupPartner.question",defaultMessage:"How do I suggest a partner that Notion should work with?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.suggestStartupPartner.answer",defaultMessage:"Don’t see your investors on our list? There are a few things you can do:
1) Send them a note encouraging them to join the program.
2) Tweet at them and @NotionHQ with the hashtag #NotionForStartups and we’ll pick up the conversation!
3) Apply for credit and make your suggestion on our form.
",values:{p:g,applicationlink:function(){for(var t=arguments.length,r=new Array(t),i=0;iO(e)},r)}}})},{question:n.createElement(l.FormattedMessage,{id:"faq.portfolioCompaniesStartupDiscount.question",defaultMessage:"I want this discount to be available to my portfolio companies. How can I become a partner?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.portfolioCompaniesStartupDiscount.answer",defaultMessage:"We want to hear from you! Fill out this quick form, and we’ll get back to you with more information. We’re especially interested in finding partners outside of major tech hubs.
",values:{p:g,partnerform:function(){for(var t=arguments.length,r=new Array(t),i=0;iE(e)},r)}}})}]},personal:function(){return[{question:n.createElement(l.FormattedMessage,{id:"faq.alreadyHadFreeAccount.question",defaultMessage:"I already had a free Notion account. What changed?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.alreadyHadFreeAccount.answer",defaultMessage:"Our old Free Plan had a limit of 1,000 blocks of content. Now, you’re on our new free Personal Plan and can add as much content as you want!
We made a couple other changes, too:
- We made it simpler to share pages with collaborators. Instead of adding them as guests or members, just send them a link.
- You can now invite up to five guests to collaborate privately with you on pages in your workspace. To invite more guests, you'll need to upgrade to our Personal Pro Plan.
Learn more about all our plans at notion.so/pricing.
",values:{p:g,ul:f,li:y,pricinglink:S}})},{question:n.createElement(l.FormattedMessage,{id:"faq.alreadyPayingForPersonal.question",defaultMessage:"What if I'm already paying for the old Personal Plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.alreadyPayingForPersonal.answer",defaultMessage:"You've been automatically upgraded to our new Personal Pro Plan at no extra cost! In addition to all the features of the free Personal Plan, Personal Pro includes:
- No limit on file uploads (5MB is the limit for free)
- Unlimited guest collaborators (5 guests is the limit for free)
- Version history up to 30 days
- Priority customer support
- API access (coming soon)
You can switch back to the free Personal Plan at any time.
",values:{p:g,ul:f,li:y}})},{question:n.createElement(l.FormattedMessage,{id:"faq.whatHappensToFreeGuests.question",defaultMessage:"What happens to all the guests I added on the old Free Plan?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.whatHappensToFreeGuests.answer",defaultMessage:"You can still add up to 5 guests to collaborate on any page in your workspace. If you've already added more than 5 guests, they will still be there. But to add more over the 5-guest limit, you’ll need to upgrade to the Personal Pro Plan.
That said, our new public editing feature makes it possible to allow any other Notion users with the page's link to add edits or comments.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{id:"faq.previouslyHadMultipleMembers.question",defaultMessage:"What if I had multiple members in my free workspace?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.previouslyHadMultipleMembers.answer",defaultMessage:"No worries, you don’t have to remove anyone! Nothing is different for you until you hit 1,000 blocks of content. At that point, if you want to add more, you can:
- Upgrade to our Team Plan.
- Start a new workspace for just yourself and use it for free, indefinitely.
- Remove members, and enjoy no content limits on your own.
Note: Make sure members in your workspace have their private pages backed up before you remove them!
",values:{p:g,ul:f,li:y}})},{question:n.createElement(l.FormattedMessage,{id:"faq.howCanTeamTryForFree.question",defaultMessage:"How can my team try out Notion for free?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.howCanTeamTryForFree.answer",defaultMessage:"We want to make it easy for you to take Notion for a spin with multiple members before you start paying. Here’s how to do that:
- Create a new Notion workspace, and select Team as the type when asked.
- You’ll be enrolled in a Team Plan free trial that gives you access to Team Plan features with a 1,000-block content limit. When you hit that limit, you can upgrade.
",values:{p:g,ul:f,li:y}})},{question:n.createElement(l.FormattedMessage,{id:"faq.freePlanForEducation.question",defaultMessage:"What about free plans for students and educators?"}),answer:n.createElement(l.FormattedMessage,{id:"faq.freePlanForEducation.answer",defaultMessage:"Students and educators are eligible to get our new Personal Pro Plan for free (normally $5/month)! And those already on our Free Education plan have been upgraded automatically. In addition to all free features, this includes:
- Adding unlimited guest collaborators to any page
- No limit on file uploads (5MB is the limit for free)
- Version history up to 30 days
- Priority customer support
- API access (coming soon)
- Learn more at notion.so/students or notion.so/educators
",values:{p:g,ul:f,li:y,studentslink:w,educatorslink:k}})}]},careers:function(e){return[{question:n.createElement(l.FormattedMessage,{defaultMessage:"When is Notion’s team planning to be back in office?",id:"faq.officeReturn.question"}),answer:n.createElement(l.FormattedMessage,{id:"faq.officeReturn.answer",defaultMessage:"We’ll continue to work from home until the end of 2020. Our highest priority is the health and safety of our employees and their families. Given there are no clear guidelines on when we’ll get to a post-COVID-19 world, we want to lean in on making sure our employees feel safe. We will continue to monitor the key public health indicators which will help us guide our decision to reopen the office at a later date.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{defaultMessage:"If I don’t see a role listed in a city I am currently located in and I am not open to relocation, can I work remotely?",id:"faq.remotePositions.question"}),answer:n.createElement(l.FormattedMessage,{id:"faq.remotePositions.answer",defaultMessage:"At this time, we are not hiring for remote positions. We have small teams so working in one place helps us go faster and solve complex problems together.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{defaultMessage:"Are you hiring remote contractors?",id:"faq.remoteContractors.question"}),answer:n.createElement(l.FormattedMessage,{id:"faq.remoteContractors.answer",defaultMessage:"We are not hiring remote contractors at this time.
",values:{p:g}})},{question:n.createElement(l.FormattedMessage,{defaultMessage:"Do you cover relocation costs?",id:"faq.relocationCosts.question"}),answer:n.createElement(l.FormattedMessage,{id:"faq.relocationCosts.answer",defaultMessage:"If you’re based elsewhere in the U.S. (or internationally and you are authorized to work in the U.S.), we’ll help cover some of your relocation expenses to whichever city your new role is based.
",values:{p:g}})}]}};var T=r("zmp8");class j extends s.a{constructor(){super(...arguments),this.renderFaqItem=(e,t)=>n.createElement(n.Fragment,{key:t},n.createElement("div",{style:j.questionStyle},e.question),n.createElement("div",{style:this.getAnswerStyle()},e.answer)),this.handleHelpButtonClick=()=>{i.a({environment:this.environment,from:"pricing"})}}renderComponent(){return n.createElement("div",{style:{maxWidth:600}},this.getFaqList().map((e,t)=>this.renderFaqItem(e,t)),n.createElement("div",{style:{color:this.props.isSettings?this.theme.mediumTextColor:T.f.frontMediumTextColor}},this.props.cta?"intercom"===this.props.cta?this.renderIntercomCTA():this.renderGuidesCTA():null))}renderIntercomCTA(){var e=this;return n.createElement(l.FormattedMessage,{id:"faqList.moreQuestionsTextIntercom",defaultMessage:"Still have more questions? Send us a message",values:{messagelink:function(){for(var t=arguments.length,r=new Array(t),i=0;ihelp center.",values:{messagelink:function(){for(var e=arguments.length,t=new Array(e),r=0;r0){const t=e.filter(e=>{let{code:t}=e;return u.includes(t)});if(0===t.length)return u[0];const r=t[0].quality,n=t.filter(e=>{let{quality:t}=e;return t===r}).map(e=>e.code);return u.find(e=>n.includes(e))||u[0]}return u[0]}(d.parse(e));return p[t]}var m=r("LqYT"),g=r("hU3F");const f=new l(navigator.userAgent);function b(){const e=Boolean(window.__isElectron),t=e&&"darwin"===window.__platform,r=e?function(){const e=/Electron\/(\w+\.\w+.\w+)/.exec(navigator.userAgent);if(e)return e[1].split(".").map(e=>parseInt(e,10));return}():void 0,n=/ReactNative/.test(navigator.userAgent),o=e||n,i=!o,l="https:"===window.location.protocol||"http:"===window.location.protocol,d=/Yandex/.test(navigator.userAgent),u=/Windows.*Edge/i.test(navigator.userAgent),p=!u&&!d&&(/Chrome/i.test(navigator.userAgent)||/CriOS/i.test(navigator.userAgent)),b=!u&&!d&&!p&&/Safari/i.test(navigator.userAgent),v=/Firefox/i.test(navigator.userAgent),S=/Android/i.test(navigator.userAgent)||"Android"===f.getOS().name,w=/iPad/i.test(navigator.userAgent)||"MacIntel"===navigator.platform&&"ontouchend"in document,k=/iPhone|iPod/i.test(navigator.userAgent)||w,M=k||S||/Windows Phone/i.test(navigator.userAgent),O=new g.a(window.innerHeight),E=new g.a(window.innerWidth);window.addEventListener("resize",a.debounce(()=>{O.setState(window.innerHeight),E.setState(window.innerWidth)},300));const C=new m.a(()=>{const e=Math.max(E.state,O.state);return M&&e>=1024&&E.state>414||w&&E.state>414}),P=!M,T=/Mac/i.test(navigator.userAgent)&&!M,j=/Windows/i.test(navigator.userAgent)&&!M,x=/CrOS/i.test(navigator.userAgent),I=(/Linux/i.test(navigator.userAgent)||x)&&!M,D=s("(-webkit-min-device-pixel-ratio: 1.5),\t\t\t\t\t\t\t(min--moz-device-pixel-ratio: 1.5),\t\t\t\t\t\t\t(-o-min-device-pixel-ratio: 3/2),\t\t\t\t\t\t\t(min-resolution: 1.5dppx)").matches,B=M&&i,_=P&&i,A=function(){var e=document.createElement("div");e.style.visibility="hidden",e.style.width="100px",e.style.msOverflowStyle="scrollbar",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var r=document.createElement("div");r.style.width="100%",e.appendChild(r);var n=r.offsetWidth;return e.parentNode&&e.parentNode.removeChild(e),t-n}(),L="undefined"!=typeof chrome&&void 0!==chrome.tabs,F=c.default.version,R=T?"mac":j?"windows":k?"ios":S?"android":p?"chrome":I?"linux":"unknown",N=function(){const e=f.getOS().version;if(e)return e.split(".").map(e=>parseInt(e,10));return[]}(),V=e?"electron":n?"react-native":"browser",U=function(){const e=f.getBrowser();return"".concat(e.name)}(),Y=function(){const e=f.getBrowser();return"".concat(e.version)}(),W=function(){if("1"===window.doNotTrack)return!0;if("yes"===navigator.doNotTrack||"1"===navigator.doNotTrack)return!0;if("1"===navigator.msDoNotTrack)return!0;if(window.external&&window.external.msTrackingProtectionEnabled&&window.external.msTrackingProtectionEnabled())return!0;return!1}(),X=y(),z="v1/"+h(y()||"");return{isElectron:e,isElectronMac:t,electronVersion:r,isReactNative:n,isNative:o,isBrowser:i,isHttpApp:l,isYandex:d,isEdgeHTML:u,isChrome:p,isSafari:b,isFirefox:v,isAndroid:S,isIOS:k,isMobile:M,get isTablet(){return C.state},get isPhone(){return M&&!C.state},get isSmallPhone(){return M&&E.state<=320},isDesktop:P,isMac:T,isWindows:j,isChromebook:x,isLinux:I,isRetina:D,isMobileBrowser:B,isDesktopBrowser:_,scrollbarWidth:A,isChromeExtension:L,isIPhoneX:!1,version:F,desktopAppVersion:void 0,mobileAppVersion:void 0,os:R,osVersion:N,platform:V,browserName:U,browserVersion:Y,doNotTrackEnabled:W,acceptLanguageRaw:X,acceptLanguagePreference:z}}function y(){const e=document.querySelector("html");if(e){const t=e.dataset.acceptLanguage;return""===t||"ACCEPT_LANGUAGE_VALUE"===t?void 0:t}}var v=r("85j+"),S=r("wS9/"),w=r("i8i4");class k extends n.a{getInitialState(){return{stack:[]}}constructor(e){super();const{device:t}=e;this.shortcutMap={enter:["enter"],shiftEnter:["shift+enter"],commandEnter:["command+enter"],commandShiftEnter:["command+shift+enter"],commandSlash:["command+/"],delete:["delete"],space:["space"],backspace:["backspace","shift+backspace"],esc:["esc"],left:a.compact(["left","shift+left","command+left","command+shift+left","ctrl+left","ctrl+shift+left",t.isLinux?void 0:"alt+left",t.isLinux?void 0:"alt+shift+left"]),right:a.compact(["right","shift+right","command+right","command+shift+right","ctrl+right","ctrl+shift+right",t.isLinux?void 0:"alt+right",t.isLinux?void 0:"alt+shift+right"]),up:a.compact(["up","shift+up","alt+up","alt+shift+up","command+up",t.isMac?"ctrl+p":void 0]),down:a.compact(["down","shift+down","alt+down","alt+shift+down","command+down",t.isMac?"ctrl+n":void 0]),moveUp:["command+shift+up"],moveDown:["command+shift+down"],untab:["shift+tab"],tab:["tab"],home:["home","shift+home"],end:["end","shift+end"],selectAll:["command+a"],redo:["command+shift+z","command+y"],undo:["command+z"],toggleUnderline:["command+u"],toggleHighlight:["command+shift+h"],toggleBold:["command+b"],toggleItalics:["command+i"],toggleCode:["command+e"],toggleStrike:["command+shift+s"],duplicate:["command+d"],cut:["command+x"],copy:["command+c"],paste:["command+v"],openLinkMenu:["command+k"],openEquationMenu:["command+shift+e"],goBack:["command+["],goForward:["command+]"],goUp:["command+shift+u"],quickFind:["command+p"],search:["command+f"],goToBeginningOfLine:["ctrl+a","ctrl+shift+a"],goToEndOfLine:["ctrl+e","ctrl+shift+e"],goForwardOneChar:["ctrl+f","ctrl+shift+f"],goBackwardOneChar:["ctrl+b","ctrl+shift+b"],comment:["command+shift+m"],caption:["command+alt+m"],rename:["command+shift+r"],copyLinkToCurrentPage:["command+l"],toggleSidebar:["command+\\"],zoomIn:["command+="],zoomOut:["command+-"],zoomReset:["command+0"],settings:["command+,"],newPage:["command+n"],backbutton:["backbutton"],toggleDarkMode:["command+shift+l"],openFile:["command+o"],moveTo:["command+shift+p"],toggleAllToggles:["command+alt+t"],switchSpaces:["command+1","command+2","command+3","command+4","command+5","command+6","command+7","command+8","command+9"],turnIntoType:t.isMac?["command+alt+0","command+alt+1","command+alt+2","command+alt+3","command+alt+4","command+alt+5","command+alt+6","command+alt+7","command+alt+8","command+alt+9"]:["command+shift+0","command+shift+1","command+shift+2","command+shift+3","command+shift+4","command+shift+5","command+shift+6","command+shift+7","command+shift+8","command+shift+9"],keypress:["keypress"]}}logDebugState(){console.info(this.state.stack.map(e=>({shortcuts:a.pick(e.shortcuts,e=>Boolean(e)),node:w.findDOMNode(e.listener),enable:e.enable,listener:e.listener})))}}var M=r("rXc8"),O=(r("ioFf"),r("rGqo"),r("VhAz")),E=r("yF27"),C=r("JU1L"),P=r("Ittr");function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;tthis.flushInMemoryCacheToDisk(),200,{maxWait:2e3}),this.deleteToSizeInTransaction=Object(E.c)(async(e,t)=>{const r=e.objectStore("Entry"),n=await r.count();if(this.log("deleteToSizeTransaction","target size ".concat(t,", current size ").concat(n)),n<=t)return n;const o=n-t;return n-await this.deleteOldestInTransaction(e,o)}),this.deleteOldestInTransaction=Object(E.c)(async(e,t)=>{const r=e.objectStore("Entry");let n=0,o=await r.index("byTimestamp").openCursor();for(;o&&n{const r=e.objectStore("Entry"),n=await Object(E.b)(t.map(Object(E.c)(async e=>{const t=await r.openCursor(e.id);return!!t&&(t.update(e),!0)}))),o=t.filter((e,t)=>!1===n[t]).length;if(0===o)return this.log("batchedSet","only writing updates to records"),"ok";const i=Math.max(this.maxSize-o,0),a=await this.deleteToSizeInTransaction(e,i),s=o-(this.maxSize-a);let l=!1;return t.forEach((e,t)=>{n[t]||(t{this.upgraded=!0,this.previousDbVersion=t;const o=()=>{const t=e.createObjectStore("Entry",{keyPath:O.d("id")});return t.createIndex("byTimestamp",O.d("timestamp")),t.createIndex("byParentTableAndId",[[O.d("value"),O.d("value"),O.d("parent_table")].join("."),[O.d("value"),O.d("value"),O.d("parent_id")].join(".")]),t};if(t<1&&o(),t<4){const t=e.createObjectStore("Entry2",{keyPath:[O.d("table"),O.d("id"),O.d("userId")]});t.createIndex("byTimestamp",O.d("timestamp")),t.createIndex("byParentTableAndId",[[O.d("value"),O.d("value"),O.d("parent_table")].join("."),[O.d("value"),O.d("value"),O.d("parent_id")].join(".")]),t.createIndex("byUserId",O.d("userId"))}if(t<5){(()=>Array.from(n.objectStoreNames).includes("Entry")?n.objectStore("Entry"):o())().createIndex("byUserId",O.d("userId"))}}})}async initialize(e){const t=this.getUserId(e);await this.db.startTransaction({storeNames:["Entry","Entry2"],mode:"readwrite",errorDetails:"Failed to initialize DB",timeoutMs:void 0},async e=>{const r=this.previousDbVersion;if(this.upgraded&&r<5){const r=e.objectStore("Entry"),n=e.objectStore("Entry2");let o=await r.openCursor();for(;o;){const e=o.value;if(e.id.split(":").length>2){o=await o.continue();continue}const{id:n,table:i}=Object(C.a)(e.id),a=this.getEntryKey({table:i,id:n,userId:t});await o.delete(),await r.put(j({},e,{id:a,userId:t})),o=await o.continue()}let i=await n.openCursor();for(;i;){const e=i.value,t=this.getEntryKey({table:e.table,id:e.id,userId:e.userId});r.put(j({},e,{id:t,userId:e.userId})),await i.delete(),i=await i.continue()}}return{value:void 0}})}async set(e,t,r,n,o){const i=this.getUserId(o),a={id:this.getEntryKey({id:t,table:e,userId:i}),table:e,userId:i,value:r,timestamp:Date.now()};this.setInMemory({userId:i,table:e,id:t,record:a}),this.debouncedFlushToDisk()}async get(e,t,r){r=this.getUserId(r);const n=this.getInMemory({userId:r,table:e,id:t})||await this.getEntryFromDisk(e,t,r);if(n)return this.setInMemory({userId:r,table:e,id:t,record:j({},n,{timestamp:Date.now()})}),this.debouncedFlushToDisk(),n.value}async getRecordsWithParent(e){const{table:t,parent:r}=e,n=this.getUserId(e.userId),o=await this.db.startTransaction({storeNames:["Entry"],mode:"readonly",errorDetails:"Failed to get records with parent",timeoutMs:void 0},async e=>{const o=[],i=e.objectStore("Entry");let a=await i.index("byParentTableAndId").openCursor([r.table,r.id]);for(;a;){const{id:e,table:i}=this.getEntryKeyParts(a.value.id);if(i===t){const t=(this.getInMemory({userId:n,table:i,id:e})||a.value).value;t.value&&t.value.parent_id===r.id&&t.value.parent_table===r.table&&o.push(t)}a=await a.continue()}return{value:o}}),i=O.f(o);for(const a of i)a.value&&this.set(t,a.value.id,a,void 0,n);return this.log("getRecordsWithParent",{parent:r,found:i.length}),i}async reset(){await this.db.reset()}log(e,t){this.debug&&console.log(e,t)}async getEntryFromDisk(e,t,r){const n=await this.db.startTransaction({storeNames:["Entry"],mode:"readonly",errorDetails:"Failed to get entry",timeoutMs:void 0},async n=>({value:await n.objectStore("Entry").get(this.getEntryKey({table:e,id:t,userId:r}))}));return O.f(n)}async deleteOldest(e){return O.f(await this.db.startTransaction({storeNames:["Entry"],mode:"readwrite",errorDetails:"Failed to delete oldest",timeoutMs:void 0},async t=>({value:await this.deleteOldestInTransaction(t,e)})))}async flushInMemoryCacheToDisk(){const e=[];for(const r of Object(P.b)(this.inMemoryCache))r.value&&e.push(r.value);this.inMemoryCache={};const t=Date.now();for(let r=0;r<=I.length;r++){const n=await this.db.startTransaction({storeNames:["Entry"],mode:"readwrite",errorDetails:"Failed to set entries",timeoutMs:void 0},async t=>({value:await this.batchedSetInTransaction(t,e)}));if(!(n.error&&"QuotaFull"===n.error.type&&r{const t={};e.forEach((e,r)=>{let{table:n,id:o}=e;Object(L.m)(t,n,o,r)});const r=await A.j(this.connection,e),n={};for(const o of r)this.setCachedRecordMap(n,o);return e.map(e=>{let{table:t,id:r,userId:o}=e;const i=this.getInMemory(t,r,o);if(i)return i;const a=Object(L.f)(n,t,r);return a&&a[o]})},this.diskReadQueue=new F.a({batchSize:Math.floor(A.a/3)-1,maxWorkers:this.batchReadWorkers>0?this.batchReadWorkers:1,performRequests:this.getManyFromDisk}),this.flushWrites=async()=>{const e=this.pendingWrites;this.pendingWrites={};const t=a.flatMap(Array.from(Object(L.i)(e)),e=>{let{value:t}=e;return t?Object.values(t):[]});await A.b(this.connection,this.maxSize,t)},this.debouncedFlushWrites=a.debounce(this.flushWrites,500,{maxWait:3e3})}async initialize(e){}async set(e,t,r,n,o){const i={table:e,id:t,userId:o=o||P.c,value:r,timestamp:Date.now(),importance:n};this.enqueueWrite({type:"set",record:i})}async get(e,t,r){const n=Date.now(),o="get ".concat(Y);r=r||P.c,Y++,this.getLatency.start(o),this.enqueueWrite({type:"access",record:{table:e,id:t,timestamp:n,userId:r}});try{const n=this.getInMemory(e,t,r);if(n)return this.getLatency.end(o,"memory"),n.value;const i=await(this.batchReadWorkers>0?this.diskReadQueue.enqueue({table:e,id:t,userId:r}):this.getFromDiskUnbatched(e,t,r));if(i)return this.getLatency.end(o,"disk"),i.value}finally{this.getLatency.end(o,"miss")}}async getRecordsWithParent(e){const t=Date.now(),r=e.userId||P.c,n=await A.k(this.connection,V({},e,{timestamp:t,userId:r})),o={},i=a.compact(Array.from(Object(L.i)(this.pendingWrites)).map(n=>{const i=n&&n.value&&r&&n.value[r];if(!i||"access"===i.type)return;const a=i.record.value.value;if(!a)return;if(i.record.table!==e.table)return;const s=a;return s.parent_id===e.parent.id&&s.parent_table===e.parent.table?(Object(L.m)(o,i.record.table,i.record.id,!0),i.record.timestamp=6)return new D(e,"LocalRecordStore4",1e5)}r("a1Th");class z{constructor(e){var t=this;this.responseMap={},this.handleRecieveChannel=async e=>{const t=JSON.parse(e);if("request"===t.type){if(this.receiveHandlers[t.name]){const e=await this.receiveHandlers[t.name](...t.args),r={id:t.id,type:"response",name:t.name,result:e};this.sendChannel(JSON.stringify(r))}}else if("response"===t.type&&this.responseMap[t.id]){const e=this.responseMap[t.id];delete this.responseMap[t.id],e(t.result)}},this.sendChannel=e.sendChannel,this.receiveChannel=e.receiveChannel,this.receiveHandlers=e.receiveHandlers;const r={};for(const n of e.sendCapabilities)r[n]=function(){const e=(Math.random()*Math.pow(10,16)).toString(),r=new Promise(r=>{t.responseMap[e]=r});for(var o=arguments.length,i=new Array(o),a=0;a ").concat(o,": missing migration from ").concat(d-1," to ").concat(d));if(e.id!==d)throw new Error("Migrating ".concat(a," -> ").concat(o,": migration order mismatch: expected id ").concat(d,", had id ").concat(e.id))}if(t.fastForward&&0===a&&o===t.fastForward.id&&(l=i,c={pragmas:{user_version:0},tables:{},indexes:{}},!Object(Z.d)(se(c),l)))await oe(e,t.fastForward,0);else for(const d of s)await oe(e,d,d.id-1);var l,c;le(await ae(e),n)}async function ae(e){const t=$.map(e=>'m."'.concat(e,'" as master_').concat(e)),r=[...t,...J.map(e=>'i."'.concat(e,'" as col_').concat(e))].join(", "),n=[...t,...Q.map(e=>'i."'.concat(e,'" as idx_').concat(e))].join(", "),o=[{sql:"SELECT\n\t\t\t\t1 as db_true,\n\t\t\t\t? as arg_true,\n\n\t\t\t\t0 as db_false,\n\t\t\t\t? as arg_false,\n\n\t\t\t\t10.5 as db_float,\n\t\t\t\t? as arg_float,\n\n\t\t\t\t'hello' as db_string,\n\t\t\t\t? as arg_string,\n\n\t\t\t\tNULL as db_null,\n\t\t\t\t? as arg_null",args:[ee.arg_true,ee.arg_false,ee.arg_float,ee.arg_string,ee.arg_null],getData:!0},{sql:"SELECT ".concat(r," FROM sqlite_master AS m, pragma_table_info(m.name) AS i WHERE m.type='table'"),getData:!0},{sql:"SELECT ".concat(n," FROM sqlite_master AS m, pragma_index_info(m.name) AS i WHERE m.type='index'"),getData:!0},{sql:"SELECT * FROM pragma_user_version()",getData:!0}],[i,s,l,c]=await Object(G.a)(e,o),d=i.data[0],u=Object(Z.d)(te,d,{rootVariableName:"sanityRow"});if(u)throw u.name="SqliteTypeSanityError",Object.assign(u,{actual:d,expected:ee}),u;return function(e,t,r){const n={pragmas:{user_version:r.user_version},tables:{},indexes:{}};for(const o of e){const e={type:o.master_type,sql:o.master_sql,name:o.master_name,tbl_name:o.master_tbl_name},t={cid:o.col_cid,name:o.col_name,type:o.col_type,notnull:o.col_notnull,dflt_value:o.col_dflt_value,pk:o.col_pk},r=n.tables[e.name]||{info:e,columns:[]};r.columns.push(t),r.columns=a.sortBy(r.columns,e=>e.cid),n.tables[e.name]=r}for(const o of t){const e={type:o.master_type,sql:o.master_sql,name:o.master_name,tbl_name:o.master_tbl_name},t={name:o.idx_name,cid:o.idx_cid,seqno:o.idx_seqno},r=n.indexes[e.name]||{info:e,columns:[]};r.columns.push(t),r.columns=a.sortBy(r.columns,e=>e.seqno),n.indexes[e.name]=r}return n}(s.data,l.data,Object(G.b)(c))}function se(e){const t=K.j({required:{user_version:K.f(e.pragmas.user_version)},optional:{},exact:!0}),r={};for(const[i,a]of Object.entries(e.tables))r[i]=K.j({required:{info:K.j({required:{name:K.f(a.info.name),type:K.f(a.info.type),tbl_name:K.f(a.info.tbl_name),sql:K.l()},optional:{}}),columns:K.m(a.columns.map(e=>K.j({required:{cid:K.f(e.cid),name:K.f(e.name),type:null===e.type?K.d():K.f(e.type),notnull:K.f(e.notnull),dflt_value:null===e.dflt_value?K.d():K.f(e.dflt_value),pk:K.f(e.pk)},optional:{}})))},optional:{}});const n={};for(const[i,a]of Object.entries(e.indexes))n[i]=K.j({required:{info:K.j({required:{name:K.f(a.info.name),type:K.f(a.info.type),tbl_name:K.f(a.info.tbl_name),sql:K.o([K.l(),K.d()])},optional:{}}),columns:K.m(a.columns.map(e=>K.j({required:{seqno:K.f(e.seqno),cid:K.f(e.cid),name:null===e.name?K.d():K.f(e.name)},optional:{}})))},optional:{}});const o={};for(const i of re)o[i]=K.a();return K.j({required:{pragmas:t,tables:K.j({required:r,optional:o,exact:!0}),indexes:K.j({required:n,optional:{},exact:!0})},optional:{},exact:!0})}function le(e,t){const r=Object(Z.d)(se(t),e,{rootVariableName:"schema"});if(r)throw r.name="SqliteSchemaMismatch",Object.assign(r,{actual:e,expected:t}),r}class ce{constructor(e,t){this.connection=e,this.migrations=t,this.migrationsCompleted=void 0}async ensureMigrated(){this.migrationsCompleted||(this.migrationsCompleted=ie(this.connection,this.migrations)),await this.migrationsCompleted}async execSqliteBatch(e){return await this.ensureMigrated(),await this.connection.execSqliteBatch(e)}debugSchema(){return ae(this.connection)}async debugQuery(e,t){const r="debug query round-trip from JS";console.time(r);const n=await Object(G.e)(this.connection,e,t);return console.timeEnd(r),n}async debugTransaction(e){const t="debug transaction round-trip from JS";console.time(t);const r=await Object(G.a)(this.connection,e);return console.timeEnd(t),r}async debugDeleteAllDataAndResetDatabase(){console.log("Resetting database");const e=function(e){const t=[];for(const r of Object.values(e.tables))ne(r.info.name)||t.push({sql:"DROP TABLE ".concat(r.info.name)});for(const r of Object.values(e.indexes))ne(r.info.tbl_name)||t.push({sql:"DROP INDEX IF EXISTS ".concat(r.info.name)});return t.push({sql:"PRAGMA user_version = 0"}),t}(await ae(this.connection));await Object(G.a)(this.connection,e)}}var de=r("lTt/");const ue=B.c();document.addEventListener("deviceready",ue.resolve,!1);class pe{constructor(e){this.sqliteConnection=void 0,this.listeners=new Set,this.initialNotification=void 0,Object(de.exposeDebugInstance)("reactNative",this),this.device=e.device,this.receiveHandlers={openLink:e=>{this.initialNotification=e},pushNotificationTokenRefresh:()=>{},backButtonPress:()=>{},keyboardWillShow:()=>{},keyboardDidShow:()=>{},keyboardWillHide:()=>{},keyboardDidHide:()=>{},keyboardShortcut:()=>{},pause:()=>{},resume:()=>{},appUpdateError:()=>{},appUpdateChecking:()=>{},appUpdateAvailable:()=>{},appUpdateNotAvailable:()=>{},appUpdateProgress:()=>{},appUpdateReady:()=>{},appUpdateFinished:()=>{},statusBarTap:()=>{},themeChanged:e=>{},track:()=>{}};const t=window.ReactNativeWebView?{send:e=>window.ReactNativeWebView.postMessage(e),listen:e=>window.addEventListener("message",e)}:{send:e=>window.postMessage(e,"*"),listen:e=>document.addEventListener("message",e)};if(t.listen(e=>{if(e.data&&!function(e){return e.source===window&&"string"==typeof e.data&&0===e.data.indexOf("setImmediate$")}(e))for(const t of Array.from(this.listeners))t(e.data)}),this.eventBasedApi=new z({sendChannel:t.send,receiveChannel:{addListener:e=>this.listeners.add(e),removeListener:e=>this.listeners.delete(e)},receiveHandlers:this.receiveHandlers,sendCapabilities:e.sendCapabilities}),e.sqliteMigrations&&this.api.execSqliteBatch){const t={execSqliteBatch:async e=>{if(!this.api.execSqliteBatch)throw new Error("execSqlBach API removed after SqliteConnection was created");const t=await this.api.execSqliteBatch(e);if(t.error){const e=new Error(t.error.message);throw e.name=t.error.name,e}return t.value}};this.sqliteConnection=new ce(t,e.sqliteMigrations)}}get api(){return this.eventBasedApi.api}updateReceiveApiHandlers(e){Object.assign(this.receiveHandlers,e)}share(e){this.api.share&&this.api.share(e)}setTheme(e){this.api.setAppTheme?this.api.setAppTheme(e):this.api.setStatusBarBackgroundColor&&this.api.setStatusBarStyle&&("light"===e?this.device.isAndroid?(this.api.setStatusBarBackgroundColor("black"),this.api.setStatusBarStyle("light-content")):this.api.setStatusBarStyle("default"):(this.device.isAndroid&&this.api.setStatusBarBackgroundColor("black"),this.api.setStatusBarStyle("light-content")))}openInAppBrowser(e){this.api.openInAppBrowser&&this.api.openInAppBrowser(H(e))}closeInAppBrowser(){this.api.closeInAppBrowser&&this.api.closeInAppBrowser()}exitApp(){this.api.exitApp&&this.api.exitApp()}showSplashscreen(){this.api.showSplashScreen&&this.api.showSplashScreen()}hideSplashscreen(){this.api.hideSplashScreen&&this.api.hideSplashScreen()}buzz(){this.api.buzz&&this.api.buzz()}setBadgeNumber(e){this.api.setBadgeNumber&&this.api.setBadgeNumber(e)}hasNativeAppleLogin(){return Boolean(this.api.requestNativeAppleAuth)}hasNativeGoogleLogin(){return this.device.isAndroid&&Boolean(this.api.requestGoogleJwt)}async requestNativeAppleAuth(){if(this.api.requestNativeAppleAuth)return this.api.requestNativeAppleAuth()}async requestGoogleJwt(){if(this.device.isAndroid&&this.api.requestGoogleJwt)return this.api.requestGoogleJwt({webClientId:c.default.googleOAuth.clientId})}async logoutOfGoogle(){if(this.device.isAndroid&&this.api.logoutOfGoogle)return this.api.logoutOfGoogle({webClientId:c.default.googleOAuth.clientId})}async resetAssetCache(){this.api.resetAppCache&&await this.api.resetAppCache()}async setLogglyData(e){this.api.setLogglyData&&await this.api.setLogglyData(e)}async unregisterPushNotifications(){this.api.unregisterPushNotifications&&await this.api.unregisterPushNotifications()}async cancelUserBackgroundTasks(){this.api.cancelUserBackgroundTasks&&await this.api.cancelUserBackgroundTasks()}get setWebViewAllowsNavigationGestures(){return this.api.setWebViewAllowsNavigationGestures}subscribeToOpenLink(e){if(this.updateReceiveApiHandlers({openLink:e}),this.initialNotification){const t=this.initialNotification;this.initialNotification=void 0,setTimeout(()=>e(t))}}}class he extends n.a{getInitialState(){return{mode:"light"}}}class me extends n.a{getInitialState(){return{}}canGoBack(){return!this.state.historyState||this.state.historyState.index>0}canGoForward(){return!this.state.historyState||this.state.historyState.index{const e=r.state.route;return e&&o.includes(e.name)?n.state.mode:"light"})}var fe=r("5Nka"),be=r("Z0iJ"),ye=r("cBa6");class ve extends n.a{getInitialState(){return{loading:!1,loaded:!1}}async loadIfNeeded(e){if(this.state.loaded||this.state.loading)return;const t=e();if(!t)return;if(0===ye.N(t).length)return;const n=r.e(12).then(r.t.bind(null,"Oy/b",7));this.setState({loading:!0,loaded:!1,result:n});const[o]=await Promise.all([n,Object(be.b)(fe.a.katex.katexMinCss,be.a.Stylesheet)]);await r.e(12).then(r.t.bind(null,"L6Rs",7)),this.setState({loading:!1,loaded:!0,result:o})}getKatex(){if(this.state.loaded)return this.state.result}}var Se=r("WW+n");function we(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ke(e){for(var t=1;t{let{block_id:t}=e;return t}),i=a.groupBy(r,e=>{let{block_id:t}=e;return t}),s=a.uniq([...Object.keys(o),...Object.keys(i)]);for(const l of s){const e=o[l]||[],t=i[l]||[],r=a.uniqWith([...this.getBacklinks({blockId:l,currentUserId:n}),...e],a.isEqual).filter(e=>!t.some(t=>a.isEqual(e,t)));this.setBacklinks({blockId:l,backlinks:r,currentUserId:n})}return s}resetBacklinks(e){let{blockIds:t,currentUserId:r}=e;for(const n of t)this.setCachedBacklinks({blockId:n,backlinks:[],currentUserId:r})}getCachedBacklinks(e){let{blockId:t,currentUserId:r}=e;return Se.a.get({userId:r,key:Oe.getCacheKey(t)})||[]}setCachedBacklinks(e){let{blockId:t,backlinks:r,currentUserId:n}=e;return Se.a.set({userId:n,key:Oe.getCacheKey(t),value:r})}}function Ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ce(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Pe(e){return"PageDetailsStore:".concat(e.type)}class Te extends n.a{getInitialState(){return{}}static getDefaultToggleState(e){if("discussion"===e.type)return!0;if("backlinks"===e.type)return!1;throw Object(O.e)(e)}getToggleState(e){const t=Pe(e);if(t in this.state)return this.state[t];const r=this.getCachedToggleState(e);return this.state[t]=r,r}setToggleState(e,t){this.setCachedToggleState(e,t);const r=Pe(e);this.setState(function(e){for(var t=1;t{if(this.enabled){const e=this.getInputElement();e&&e!==this.currentInputElement?(this.currentInputElement=e,this.handleDetectLanguageChange(e)):e&&this.handleDetectLanguageChangeThrottled(e)}},this.handleDetectLanguageChange=e=>{const t=e.textContent;if(t){let e=this.detectLanguages(t);void 0!==e&&(e=e.map(e=>navigator.language.startsWith(e)?navigator.language:e)),this.setLanguages(e)}},this.handleDetectLanguageChangeThrottled=a.throttle(this.handleDetectLanguageChange,500);const t=Ie.a.get("spellcheckEnabled");this.setEnabled(void 0===t||t);const{isMac:r}=e.device;!r&&je.electronApi&&je.electronApi.loadSpellcheck&&(je.electronApi.loadSpellcheck(),document.addEventListener("selectionchange",this.handleSelectionChange))}setEnabled(e){this.enabled=e,Ie.a.set("spellcheckEnabled",e),je.electronApi&&je.electronApi.setSpellCheckerLanguages&&(e?je.electronApi.setSpellCheckerLanguages(this.getLanguages()):je.electronApi.setSpellCheckerLanguages([]))}isEnabled(){return this.enabled}detectLanguages(e){let t;return this.langCache.cache[e]?(t=this.langCache.get(e),t):(je.electronApi&&je.electronApi.cld&&je.electronApi.cld.detect(e,(e,r)=>{r&&r.reliable&&r.languages&&(t=r.languages.map(e=>e.code))}),this.langCache.set(e,t),t)}getCorrections(e){return e.dictionarySuggestions}setLanguages(e){a.isEqual(this.currentLanguages,e)||(this.currentLanguages=e,je.electronApi&&je.electronApi.setSpellCheckerLanguages&&je.electronApi.setSpellCheckerLanguages(e||[]))}getInputElement(){const e=document.activeElement;if(e instanceof HTMLElement&&("input"===e.tagName||"true"===e.contentEditable))return e}getLanguages(){return navigator.languages.filter(e=>e.includes("-"))}}class Be{constructor(){if(this.wordCache=new xe(1e3),this.langCache=new xe(100),this.enabled=!0,this.handleSelectionChange=()=>{if(this.enabled){const e=this.getInputElement();e&&e!==this.currentInputElement?(this.currentInputElement=e,this.handleDetectLanguageChange(e)):e&&this.handleDetectLanguageChangeThrottled(e)}},this.handleDetectLanguageChange=e=>{const t=e.textContent;if(t){let e=this.detectLanguage(t);void 0!==e&&navigator.language.startsWith(e)&&(e=navigator.language),this.setLanguage(e)}},this.handleDetectLanguageChangeThrottled=a.throttle(this.handleDetectLanguageChange,500),je.electronApi&&je.electronApi.loadSpellcheck){je.electronApi.loadSpellcheck();const e=Ie.a.get("spellcheckEnabled");void 0!==e&&(this.enabled=e),document.addEventListener("selectionchange",this.handleSelectionChange)}}setEnabled(e){e!==this.enabled&&(this.enabled=e,Ie.a.set("spellcheckEnabled",e))}isEnabled(){return this.enabled}addToDictionary(e){je.electronApi&&je.electronApi.spellchecker&&je.electronApi.spellchecker.add(e)}removeFromDictionary(e){je.electronApi&&je.electronApi.spellchecker&&je.electronApi.spellchecker.remove(e)}getCorrections(e){const t=e.misspelledWord;return je.electronApi&&je.electronApi.spellchecker?je.electronApi.spellchecker.getCorrectionsForMisspelling(t):[]}detectLanguage(e){let t;return this.langCache.cache[e]?this.langCache.get(e):(je.electronApi&&je.electronApi.cld&&je.electronApi.cld.detect(e,(e,r)=>{if(r&&r.reliable&&r.languages){const e=r.languages[0];e&&e.code&&(t=e.code)}}),this.langCache.set(e,t),t)}setLanguage(e){this.currentLanguage!==e&&(this.currentLanguage=e,je.electronApi&&je.electronApi.setSpellCheckProviderAsync?void 0!==e&&je.electronApi.setSpellCheckProviderAsync({language:e,spellCheck:(t,r)=>{setTimeout(()=>{let n;n=this.enabled?t.filter(t=>{const r="".concat(e,":").concat(t),n=this.wordCache.get(r);return void 0!==n?!n:je.electronApi&&je.electronApi.spellchecker&&(je.electronApi.spellchecker.setDictionary(e),je.electronApi.spellchecker.isMisspelled(t))?(this.wordCache.set(r,!1),!0):(this.wordCache.set(r,!0),!1)}):[],r(n)},0)}}):je.electronApi&&je.electronApi.setSpellCheckProvider&&(void 0===e?je.electronApi.setSpellCheckProvider({language:"en",autoCorrect:!1,spellCheck:e=>!0}):je.electronApi.setSpellCheckProvider({language:e,autoCorrect:!0,spellCheck:t=>{if(!this.enabled)return!0;const r="".concat(e,":").concat(t),n=this.wordCache.get(r);return void 0!==n?n:je.electronApi&&je.electronApi.spellchecker&&(je.electronApi.spellchecker.setDictionary(e),!je.electronApi.spellchecker.isMisspelled(t))?(this.wordCache.set(r,!0),!0):(this.wordCache.set(r,!1),!1)}})))}getInputElement(){const e=document.activeElement;if(e instanceof HTMLElement&&("input"===e.tagName||"true"===e.contentEditable))return e}}async function _e(){const e=b(),t=await async function(e){if(!e.device.isReactNative)return;await ue.promise,await B.h(0);const t=window[q.a]||[],n=t.indexOf("execSqliteBatch")>-1?(await Promise.resolve().then(r.bind(null,"4Frv"))).AllMigrations:void 0;return new pe({device:e.device,sendCapabilities:t,sqliteMigrations:n})}({device:e}),n=new me,o=new he,{electronApi:a}=await Promise.resolve().then(r.bind(null,"bK/N"));let s;return s=a&&a.setSpellCheckerLanguages?new De({device:e}):new Be,{AppUpdateStore:new i,device:e,WindowSizeStore:new S.a({device:e}),KeyboardShortcutStackStore:new k({device:e}),LocalRecordStore:X({device:e,reactNative:t}),reactNative:t,RouterStore:n,ThemeStore:o,ThemeModeStore:ge({device:e,RouterStore:n,ThemeStore:o}),KatexStore:new ve,LocalBacklinkStore:new Oe,PageDetailsStore:new Te,updateCurrentUserId:void 0,currentUser:new v.a(void 0,[]),SpellCheckStore:s}}r.d(t,"createClientEnvironment",(function(){return _e}))},"7z/K":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{hovered:!1,pressed:!1}}}t.a=o},"80on":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{open:!1,items:[],showCancel:!0,keepFocus:!1}}}t.a=new o},"84+D":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{touching:!1,swiping:!1}}}t.a=new o},"85j+":function(e,t,r){"use strict";r.d(t,"a",(function(){return n}));class n{constructor(e,t){this._id=e,this._loggedInUserIds=t}get id(){return this._id}get loggedInUserIds(){return this._loggedInUserIds}isLoggedIn(){return Boolean(this._id)}}},"8L2b":function(e,t,r){"use strict";r.d(t,"a",(function(){return o}));var n=r("fIr1");const o="space_view",i={table:o,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,space_id:n.a.UUID,bookmarked_pages:n.a.StringArray,shared_pages:n.a.StringArray,visited_templates:n.a.StringArray,sidebar_hidden_templates:n.a.StringArray,notify_mobile:n.a.Boolean,notify_desktop:n.a.Boolean,notify_email:n.a.Boolean,notify_email_always:n.a.Boolean,created_getting_started:n.a.Boolean,parent_id:n.a.UUID,parent_table:n.a.String,alive:n.a.Boolean,created_onboarding_templates:n.a.Boolean,private_pages:n.a.UUIDArray,joined:n.a.Boolean}};t.b=i},"8N42":function(e,t,r){"use strict";r.d(t,"b",(function(){return o})),r.d(t,"a",(function(){return i}));var n=r("Qfcx");const o=e=>{const{cursors:t,rootStore:r}=e,o={};for(const n of t)for(const e of n.stack)for(const t of e)o[t.id]=t.index;n.a.setLimitParents(r,o)},i=e=>{n.a.removeLimitParents(e.rootStore)}},"8SB7":function(e,t,r){"use strict";r.d(t,"b",(function(){return c})),r.d(t,"c",(function(){return d})),r.d(t,"a",(function(){return u}));var n=r("LvDl"),o=r("Dnhi"),i=r("Cycz"),a=r("AXh+"),s=r("z22Z"),l=r("r8MX");function c(e){if(e&&e.blockId)return e.blockId}function d(e,t){const r=e.currentUser.id;if(t.userId===r)return!0;{const e=Date.now();return Boolean(t.present&&t.activityTimestamp&&e-t.activityTimestamp<=o.a.presentMaxActivityAge)}}function u(e){const t=l.default.state.data,{remotePresenceData:r,rootStore:o}=e.state;if(r&&o&&t){const e=Object(a.b)(o).map(e=>{let{permissionItem:t}=e;return t}).filter(s.n).map(e=>e.user_id),l=Object(i.s)(t).map(e=>e.userId),c=n.union(e,l);let d=[];return n.forOwn(r,e=>{e&&e.userId&&o.canEdit()&&c.includes(e.userId)&&d.push(e)}),d=n.sortBy(d,e=>{let{activityTimestamp:t}=e;return t?-t:0}),d}return[]}},"8dfn":function(e,t,r){"use strict";var n=r("Cgnk");t.a=new n.a},"8fuX":function(e,t,r){"use strict";r("ioFf"),r("rGqo"),r("a1Th");var n=r("q1tI"),o=r("i8i4"),i=r("3CDt"),a=r("LvDl"),s=r("17x9"),l=r("xEkU"),c=r("X6Ne"),d=r("GRWW"),u=r("wldR"),p=r("v/t1"),h=r("DkKf");let m;let g=!1;function f(){g||(g=!0,l(()=>{g=!1,(m||(m=document.createElement("div"),m.style.position="fixed",m.style.top="-9999px",m.style.left="-9999px",m.style.zIndex="-9999",document.body.appendChild(m)),m).style.height=Math.random()+"px"}))}var b,y=r("0zNc"),v=r("DaKt"),S=r("nYHe"),w=r("HDj1"),k=r("nZ1u");function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t{this.props.onMouseMove&&this.props.onMouseMove(e),this.handleEdgeScrollThrottled()},this.handleTouchMove=()=>{this.handleEdgeScrollThrottled()},this.handleEdgeScroll=()=>{const{device:e}=this.environment;e.isIOS||e.isSafari?this.triggerEdgeScrollThrottled():this.triggerEdgeScroll()},this.handleEdgeScrollThrottled=a.throttle(this.handleEdgeScroll,30),this.handleScroll=e=>{const{device:t}=this.environment;if(!this.el)return;const{scrollTop:r,scrollHeight:n,scrollWidth:o,scrollLeft:i}=this.el;this.stores.store.setState(O({},this.stores.store.state,{scrollTop:r,scrollHeight:n,scrollLeft:i,scrollWidth:o,isScrolling:!0})),this.props.onScroll&&this.props.onScroll(e),this.handleScrollEndDelayed(),t.isIOS||t.isSafari?this.triggerEdgeScrollThrottled():this.triggerEdgeScroll(),t.isReactNative&&t.isIOS&&function(){const e=window.getSelection();e&&e.anchorNode&&f()}()},this.handleScrollEnd=()=>{this.stores.store.setState(O({},this.stores.store.state,{isScrolling:!1}))},this.handleScrollEndDelayed=a.debounce(this.handleScrollEnd,C.scrollEndThreshold),this.ref=e=>{this.el=e},this.triggerEdgeScrollThrottled=a.throttle(this.triggerEdgeScroll,1e3/60),this.measureSize=()=>{if(this.el){const e=this.el,{top:t,right:r,bottom:n,left:i,width:s,height:l}=this.el.getBoundingClientRect();let c={top:t,right:r,bottom:n,left:i,width:s,height:l};w.a.getComponents().forEach(t=>{const r=o.findDOMNode(t);r&&e.contains(r)&&(c=t.customizeEdgeScrollRect(c))});const d=O({},this.stores.store.state,{clientRect:c,scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,scrollLeft:e.scrollLeft,scrollWidth:e.scrollWidth});return a.isEqual(this.stores.store.state,d)||this.stores.store.setState(d),c}},this.measureSizeDebounced=a.debounce(this.measureSize,500,{leading:!0}),this.handleWindowMouseMove=e=>{this.mouseX=e.clientX,this.mouseY=e.clientY},this.handleWindowTouchMove=e=>{this.mouseX=e.touches[0].clientX,this.mouseY=e.touches[0].clientY},this.handleScrollbarOffset=()=>{const{device:e}=this.environment;if(e.isMobile)return;const t=o.findDOMNode(this);if(!t)return;if(!(t instanceof HTMLElement))return;let r=0,n=0;this.props.disableScroll&&(t.scrollHeight>t.clientHeight&&(this.props.type===b.All||this.props.type===b.Y)&&(r=e.scrollbarWidth),t.scrollWidth>t.clientWidth&&(this.props.type===b.All||this.props.type===b.X)&&(n=e.scrollbarWidth)),t.style.marginRight=r.toString()+"px",t.style.marginBottom=n.toString()+"px"}}scrollTo(e,t,r){this.componentIsMounted&&this.el&&(e=void 0!==e?e:this.el.scrollTop,t=void 0!==t?t:this.el.scrollLeft,r&&r.animate?(i(this.el,e,200,r.animationCallback||a.identity),this.el.scrollLeft=t):(this.el.scrollTop=e,this.el.scrollLeft=t))}scrollByOffset(e,t,r){if(this.componentIsMounted&&this.el){const n=this.el.scrollTop+e,o=this.el.scrollLeft+t;this.scrollTo(n,o,r)}}scrollToTop(e){this.scrollTo(0,0,e)}scrollToBottom(e){this.componentIsMounted&&this.el&&this.scrollTo(this.el.scrollHeight,0,e)}scrollerEl(){return this.el}getStore(){return this.stores.store}getClientRect(){return this.measureSize()}scrollerHack(){this.el&&(this.el.style.overflow="hidden",setTimeout(()=>{this.el&&(this.el.style.overflow="scroll")},0))}getChildContext(){const{type:e}=this.props,t=O({},this.context);return e!==b.Y&&e!==b.All||(t.verticalScroller=this),e!==b.X&&e!==b.All||(t.horizontalScroller=this),t}didMount(){l(this.measureSize),this.el&&p.a(this.el,"scroll",this.handleScroll);const{device:e}=this.environment;e.isMobile?p.a(window,"touchmove",this.handleWindowTouchMove):p.a(window,"mousemove",this.handleWindowMouseMove),this.handleScrollbarOffset()}didUpdate(){this.handleScrollbarOffset()}willUnmount(){this.el&&p.b(this.el,"scroll",this.handleScroll);const{device:e}=this.environment;e.isMobile?p.b(window,"touchmove",this.handleWindowTouchMove):p.b(window,"mousemove",this.handleWindowMouseMove)}renderComponent(){const{type:e}=this.props;return n.createElement("div",{style:this.getStyle(),className:a.compact(["notion-scroller",(e===b.Y||e===b.All)&&"vertical",(e===b.X||e===b.All)&&"horizontal",this.props.className]).join(" "),onMouseMove:this.handleMouseMove,onTouchMove:this.handleTouchMove,onMouseDown:this.props.onMouseDown,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onClick,onDoubleClick:this.props.onDoubleClick,onContextMenu:this.props.onContextMenu,ref:this.ref},this.props.children)}shouldScrollNearEdge(){return!this.props.disableEdgeScroll&&this.props.type!==b.None&&h.c()&&v.a.state}triggerEdgeScroll(){if(this.shouldScrollNearEdge()){this.measureSizeDebounced();const{disableVerticalEdgeScroll:e,disableHorizontalEdgeScroll:t}=y.a.state,r=k.a.state,n=!!r.isActive&&!r.allowVerticalEdgeScroll,o=!!r.isActive&&!r.allowHorizontalEdgeScroll;c.f({environment:this.environment,scroller:this,currentMouseX:this.mouseX,currentMouseY:this.mouseY,verticalEdgeThreshold:this.getVerticalEdgeScrollThreshold(),horizontalEdgeThreshold:this.getHorizontalEdgeScrollThreshold(),disableVerticalEdgeScroll:e||n,disableHorizontalEdgeScroll:t||o})}}getVerticalEdgeScrollThreshold(){const{device:e}=this.environment,{clientRect:t}=this.stores.store.state;let r=t&&t.height?t.height:0;return e.isMobile?r*=.2:r*=.1,r=Math.max(r,20),r}getHorizontalEdgeScrollThreshold(){const{device:e}=this.environment,{clientRect:t}=this.stores.store.state;let r=t&&t.width?t.width:0;return e.isMobile?r*=.2:r*=.08,r=Math.max(r,20),r}getStyle(){const{device:e}=this.environment,{type:t}=this.props,r=O({},this.props.style);return this.props.disableScroll&&t!==b.None?r.overflow="hidden":t===b.All?(r.overflow="auto",r.WebkitOverflowScrolling="touch"):t===b.X?(r.overflowX="auto",r.overflowY="hidden",r.WebkitOverflowScrolling="touch"):t===b.Y&&(r.overflowX="hidden",r.overflowY="auto",r.WebkitOverflowScrolling="touch"),e.isMobile&&(r.transform="translate3d(0px,0px,0px)",r.willChange="scroll-position, transform"),r}}C.OverflowType=b,C.contextTypes=S.environmentContextTypes,C.childContextTypes=O({verticalScroller:s.any,horizontalScroller:s.any},S.environmentContextTypes),C.scrollEndThreshold=200;t.b=C},"8kr4":function(e,t,r){"use strict";var n=r("g4rC");t.a=new n.a},"8lbb":function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR"),i=r("hgQN"),a=r("MQ9n"),s=r("J9+s"),l=r("kFin");class c extends o.a{didMount(){super.didMount(),i.i()}renderComponent(){return n.createElement(l.a,{fetch:()=>r.e(12).then(r.t.bind(null,"Oy/b",7)),render:e=>n.createElement(a.a,Object.assign({katex:e},this.props))})}}t.a=Object(s.injectIntl)(c)},"8sNI":function(e,t,r){"use strict";var n=r("q1tI"),o=r("T8dS");t.a=function(e){const{locale:t,children:r}=e;return t===o.a?n.createElement(n.Fragment,null,r):null}},"8t63":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("wpmu"),a=r("Oy36"),s=r("OxuQ"),l=r("7Q97"),c=r("Sb6f");function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t"string"==typeof e)?e.map(e=>e||""):e.map(e=>e||0)},E={if:{name:"if",apply:e=>e[0]?e[1]:e[2],operator:"?",category:c.operator,descriptionMessage:l.if,signatures:[{resultType:"text",arity:["checkbox","text","text"]},{resultType:"number",arity:["checkbox","number","number"]},{resultType:"checkbox",arity:["checkbox","checkbox","checkbox"]},{resultType:"date",arity:["checkbox","date","date"]}],examples:["true ? 1 : -1 == 1",'if(false, "yes", "no") == "no"']},add:{name:"add",apply:e=>{const t=O(e);return t[0]+t[1]},operator:"+",category:c.operator,descriptionMessage:l.add,signatures:[b,{resultType:"text",arity:["text","text"]}],examples:["3 + 4 = 7","add(1, 3) == 4",'"add" + "text" == "addtext"']},subtract:{name:"subtract",apply:e=>{const t=O(e);return t[0]-t[1]},operator:"-",category:c.operator,descriptionMessage:l.subtract,signatures:[b],examples:["3 - 1 == 2","subtract(4, 5) == -1"]},multiply:{name:"multiply",apply:e=>{const t=O(e);return t[0]*t[1]},operator:"*",category:c.operator,descriptionMessage:l.multiply,signatures:[b],examples:["6 * 9 == 54","multiply(2, 10) == 20"]},divide:{name:"divide",apply:e=>{const t=O(e);return t[0]/t[1]},operator:"/",category:c.operator,descriptionMessage:l.divide,signatures:[b],examples:["12 / 4 == 3","divide(12, 3) == 4"]},pow:{name:"pow",apply:e=>{const t=O(e);return Math.pow(t[0],t[1])},operator:"^",category:c.operator,descriptionMessage:l.pow,signatures:[b],examples:["5 ^ 3 == 125","pow(2, 6) == 64"]},mod:{name:"mod",apply:e=>{const t=O(e);return t[0]%t[1]},operator:"%",category:c.operator,descriptionMessage:l.mod,signatures:[b],examples:["7 % 5 == 2","mod(3, 3) == 0"]},unaryMinus:{name:"unaryMinus",apply:e=>-O(e)[0],operator:"-",category:c.operator,descriptionMessage:l.unaryMinus,signatures:[v],examples:["-1 + 2 == 1","unaryMinus(42) == -42"]},unaryPlus:{name:"unaryPlus",apply:e=>+O(e)[0],operator:"+",category:c.operator,descriptionMessage:l.unaryPlus,signatures:[v,{resultType:"number",arity:["text"]},{resultType:"number",arity:["checkbox"]}],examples:['+ "42" == 42',"unaryPlus(true) == 1"]},not:{name:"not",apply:e=>!e[0],operator:"not",category:c.operator,descriptionMessage:l.not,signatures:[{resultType:"checkbox",arity:["checkbox"]}],examples:["not true == false","not(false) == true"]},and:{name:"and",apply:e=>e[0]&&e[1],operator:"and",category:c.operator,descriptionMessage:l.and,signatures:[y],examples:["true and false == false","and(true, true) == true"]},or:{name:"or",apply:e=>e[0]||e[1],operator:"or",category:c.operator,descriptionMessage:l.or,signatures:[y],examples:["false or true == true","or(false, false) == false"]},equal:{name:"equal",apply:(e,t)=>{const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf()===i.F(n,t).start.valueOf():r===n},operator:"==",category:c.operator,descriptionMessage:l.equal,signatures:k,examples:["(3 * 5 == 15) == true","equal(false, not true) == true"]},unequal:{name:"unequal",apply:(e,t)=>{const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf()!==i.F(n,t).start.valueOf():r!==n},operator:"!=",category:c.operator,descriptionMessage:l.unequal,signatures:k,examples:["(6 * 9 != 42) == false","(true != not false) == false"]},larger:{name:"larger",apply:(e,t)=>{const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf()>i.F(n,t).start.valueOf():r>n},operator:">",category:c.operator,descriptionMessage:l.larger,signatures:k,examples:["5 > 3 == true"]},largerEq:{name:"largerEq",apply:(e,t)=>{const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf()>=i.F(n,t).start.valueOf():r>=n},operator:">=",category:c.operator,descriptionMessage:l.largerEq,signatures:k,examples:["5 >= 3 == true","4 >= 4 == true"]},smaller:{name:"smaller",apply:(e,t)=>{const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf(){const[r,n]=e;return i.U(r)&&i.U(n)?i.F(r,t).start.valueOf()<=i.F(n,t).start.valueOf():r<=n},operator:"<=",category:c.operator,descriptionMessage:l.smallerEq,signatures:k,examples:["10 <= 8 == false","8 <= 8 == true"]}},C=function(e){if(P.hasOwnProperty(e))return P[e]},P={concat:{name:"concat",apply:e=>e?e.join(""):void 0,category:c.function,descriptionMessage:l.concat,signatures:[{resultType:"text",variadic:"text"}],examples:['"dog" +"go" == "doggo"','concat("dog", "go") == "doggo"']},join:{name:"join",apply:e=>e?e.slice(1).join(e[0]):void 0,category:c.function,descriptionMessage:l.join,signatures:[{resultType:"text",variadic:"text"}],examples:['join("-", "a", "b", "c") == "a-b-c"']},slice:{name:"slice",apply:e=>e&&e[0]?e[0].slice(e[1],e[2]):void 0,category:c.function,descriptionMessage:l.slice,signatures:[{resultType:"text",arity:["text","number"]},{resultType:"text",arity:["text","number","number"]}],examples:['slice("Hello world", 1, 5) == "ello"','slice("notion", 3) == "ion"']},length:{name:"length",apply:e=>e[0]?e[0].length:0,category:c.function,descriptionMessage:l.length,signatures:[{resultType:"number",arity:["text"]}],examples:['length("Hello world") == 11']},format:{name:"format",apply:(e,t,r)=>{const n=e[0];return i.U(n)?Object(a.a)({value:n,userTimeZone:t,allowRelativeDates:!1,intl:r}):void 0!==n?n.toString():void 0},category:c.function,descriptionMessage:l.format,signatures:[{resultType:"text",arity:["number"]},{resultType:"text",arity:["checkbox"]},{resultType:"text",arity:["date"]},{resultType:"text",arity:["text"]}],examples:['format(42) == "42"','format(true) == "true"','format(now()) == "Wed Dec 31 1969 16:00:00 GMT-0800 (PST)"']},toNumber:{name:"toNumber",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.valueOf();if("boolean"==typeof r)return r?1:0;if("string"==typeof r){const e=parseFloat(r);return o.j(e)?e:void 0}return o.j(r)?r:void 0},category:c.function,descriptionMessage:l.toNumber,signatures:[{resultType:"number",arity:["text"]},{resultType:"number",arity:["number"]},{resultType:"number",arity:["checkbox"]},{resultType:"number",arity:["date"]}],examples:['format("42") == 42',"format(false) == 0"]},contains:{name:"contains",apply:e=>Boolean(e[0]&&e[0].includes(e[1])),category:c.function,descriptionMessage:l.contains,signatures:[{resultType:"checkbox",arity:["text","text"]}],examples:['contains("notion", "ion") == true']},replace:{name:"replace",apply:e=>{try{const t=e[0]?e[0].toString():"";return e[1]?t.replace(new RegExp(e[1]),e[2]||""):""}catch(t){return}},category:c.function,descriptionMessage:l.replace,signatures:[{resultType:"text",arity:["number","text","text"]},{resultType:"text",arity:["text","text","text"]},{resultType:"text",arity:["checkbox","text","text"]}],examples:['replace("1-2-3", "-", "!") == "1!2-3"']},replaceAll:{name:"replaceAll",apply:e=>{try{const t=e[0]?e[0].toString():"";return e[1]?t.replace(new RegExp(e[1],"g"),e[2]||""):""}catch(t){return}},category:c.function,descriptionMessage:l.replaceAll,signatures:[{resultType:"text",arity:["number","text","text"]},{resultType:"text",arity:["text","text","text"]},{resultType:"text",arity:["checkbox","text","text"]}],examples:['replaceAll("1-2-3", "-", "!") == "1!2!3"']},test:{name:"test",apply:e=>{try{const t=e[0]?e[0].toString():"";return new RegExp(e[1]).test(t)}catch(t){return}},category:c.function,descriptionMessage:l.test,signatures:[{resultType:"checkbox",arity:["number","text"]},{resultType:"checkbox",arity:["text","text"]},{resultType:"checkbox",arity:["checkbox","text"]}],examples:['test("1-2-3", "-") == true']},empty:{name:"empty",apply:e=>!Boolean(e[0]),category:c.function,descriptionMessage:l.empty,signatures:[{resultType:"checkbox",arity:["number"]},{resultType:"checkbox",arity:["text"]},{resultType:"checkbox",arity:["checkbox"]},{resultType:"checkbox",arity:["date"]}],examples:['empty("") == true']},abs:{name:"abs",apply:e=>Math.abs(e[0]),category:c.function,descriptionMessage:l.abs,signatures:[v],examples:["abs(-3) == 3"]},cbrt:{name:"cbrt",apply:e=>Math.cbrt(e[0]),category:c.function,descriptionMessage:l.cbrt,signatures:[v],examples:["cbrt(8) == 2"]},ceil:{name:"ceil",apply:e=>Math.ceil(e[0]),category:c.function,descriptionMessage:l.ceil,signatures:[v],examples:["ceil(4.2) == 5"]},exp:{name:"exp",apply:e=>Math.exp(e[0]),category:c.function,descriptionMessage:l.exp,signatures:[v],examples:["exp(1) == 2.718281828459045"]},floor:{name:"floor",apply:e=>Math.floor(e[0]),category:c.function,descriptionMessage:l.floor,signatures:[v],examples:["floor(2.8) == 2"]},ln:{name:"ln",apply:e=>Math.log(e[0]),category:c.function,descriptionMessage:l.ln,signatures:[v],examples:["ln(e) == 1"]},log10:{name:"log10",apply:e=>Math.log10(e[0]),category:c.function,descriptionMessage:l.log10,signatures:[v],examples:["log10(1000) == 3"]},log2:{name:"log2",apply:e=>Math.log2(e[0]),category:c.function,descriptionMessage:l.log2,signatures:[v],examples:["log2(64) == 6"]},max:{name:"max",apply:e=>Math.max.apply(void 0,e),category:c.function,descriptionMessage:l.max,signatures:[{resultType:"number",variadic:"number"}],examples:["max(5, 2, 9, 3) == 9"]},min:{name:"min",apply:e=>Math.min.apply(void 0,e),category:c.function,descriptionMessage:l.min,signatures:[{resultType:"number",variadic:"number"}],examples:["min(4, 1, 5, 3) == 1"]},round:{name:"round",apply:e=>Math.round(e[0]),category:c.function,descriptionMessage:l.round,signatures:[v],examples:["round(4.4) == 4","round(4.5) == 5"]},sign:{name:"sign",apply:e=>Math.sign(e[0]),category:c.function,descriptionMessage:l.sign,signatures:[v],examples:["sign(4) == 1","sign(-9) == -1","sign(0) == 0"]},sqrt:{name:"sqrt",apply:e=>Math.sqrt(e[0]),category:c.function,descriptionMessage:l.sqrt,signatures:[v],examples:["sqrt(144) == 12"]},start:{name:"start",apply:e=>{const t=e[0];if(i.U(t)){if("daterange"===t.type){return{type:"date",start_date:t.start_date}}if("datetimerange"===t.type){return{type:"datetime",start_date:t.start_date,start_time:t.start_time,time_zone:t.time_zone}}return t}},category:c.function,descriptionMessage:l.start,signatures:[S],examples:['start(prop("Date")) == Feb 2, 1996']},end:{name:"end",apply:e=>{const t=e[0];if(i.U(t)){if("daterange"===t.type){return{type:"date",start_date:t.end_date}}if("datetimerange"===t.type){return{type:"datetime",start_date:t.end_date,start_time:t.end_time,time_zone:t.time_zone,reminder:t.reminder}}return t}},category:c.function,descriptionMessage:l.end,signatures:[S],examples:['end(prop("Date")) == Feb 2, 1996']},now:{name:"now",apply:(e,t)=>i.ab(t),category:c.function,descriptionMessage:l.now,signatures:[{resultType:"date",arity:[]}],examples:["now() == Feb 2, 1996"]},timestamp:{name:"timestamp",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.valueOf()},category:c.function,descriptionMessage:l.timestamp,signatures:[w],examples:["timestamp(now()) == 1512593154718"]},fromTimestamp:{name:"fromTimestamp",apply:(e,t)=>o.j(e[0])?i.r(e[0],t):void 0,category:c.function,descriptionMessage:l.fromTimestamp,signatures:[{resultType:"date",arity:["number"]}],examples:["fromTimestamp(2000000000000) == Tue May 17 2033"]},dateAdd:{name:"dateAdd",apply:(e,t)=>{const[r,o,a]=e;if(!r||!n.isNumber(o)||h.indexOf(a)<0)return;const s=i.F(r,t).start.add(o,a).valueOf();return"datetime"===r.type||"datetimerange"===r.type?i.r(s,r.time_zone):i.n(s,t)},category:c.function,descriptionMessage:l.dateAdd,signatures:[{resultType:"date",arity:["date","number","text"]}],examples:h.map(e=>'dateAdd(date, amount, "'.concat(e,'")'))},dateSubtract:{name:"dateSubtract",apply:(e,t)=>{const[r,o,a]=e;if(!r||!n.isNumber(o)||h.indexOf(a)<0)return;const s=i.F(r,t).start.subtract(o,a).valueOf();return"datetime"===r.type||"datetimerange"===r.type?i.r(s,r.time_zone):i.n(s,t)},category:c.function,descriptionMessage:l.dateSubtract,signatures:[{resultType:"date",arity:["date","number","text"]}],examples:h.map(e=>'dateSubtract(date, amount, "'.concat(e,'")'))},dateBetween:{name:"dateBetween",apply:(e,t)=>{const[r,n,o]=e;if(!r||!n||h.indexOf(o)<0)return;const a=i.F(r,t).start,s=i.F(n,t).start;return a.diff(s,o).valueOf()},category:c.function,descriptionMessage:l.dateBetween,signatures:[{resultType:"number",arity:["date","date","text"]}],examples:h.map(e=>'dateBetween(date, date2, "'.concat(e,'")'))},formatDate:{name:"formatDate",apply:(e,t)=>{const[r,n]=e;if(r&&n){return i.F(r,t).start.format(n)}},category:c.function,descriptionMessage:l.formatDate,signatures:[{resultType:"text",arity:["date","text"]}],examples:['formatDate(now(), "MMMM D YYYY, HH:mm") == March 30 2010, 12:00','formatDate(now(), "YYYY/MM/DD, HH:mm") == 2010/03/30, 12:00','formatDate(now(), "MM/DD/YYYY, HH:mm") == 03/30/2010, 12:00','formatDate(now(), "HH:mm A") == 12:00 PM','formatDate(now(), "M/D/YY") == 3/30/10']},minute:{name:"minute",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.minutes()},category:c.function,descriptionMessage:l.minute,signatures:[w],examples:["minute(now()) == 45"]},hour:{name:"hour",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.hours()},category:c.function,descriptionMessage:l.hour,signatures:[w],examples:["hour(now()) == 17"]},day:{name:"day",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.day()},category:c.function,descriptionMessage:l.day,signatures:[w],examples:["day(now()) == 3"]},date:{name:"date",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.date()},category:c.function,descriptionMessage:l.date,signatures:[w],examples:["date(now()) == 13"]},month:{name:"month",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.month()},category:c.function,descriptionMessage:l.month,signatures:[w],examples:["month(now()) == 11"]},year:{name:"year",apply:(e,t)=>{const r=e[0];if(i.U(r))return i.F(r,t).start.year()},category:c.function,descriptionMessage:l.year,signatures:[w],examples:["year(now()) == 1984"]}},T=[d(c.constant,o.s(m)),d(c.operator,o.s(E)),d(c.function,o.s(P))]},"9PHN":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("wldR"),i=r("MeYt"),a=r("zmp8");function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t=i.valueOf()+(i.valueOf()-o.valueOf())/2?s:i:e.valueOf()>=i.valueOf()+(i.valueOf()-o.valueOf())/2?l?s:i:l?i:o,function(e,t,r){return k(t)?Object(a.r)(e.valueOf(),r):Object(a.n)(e.valueOf(),r)}(c,t,n)}function A(e){const{environment:t,isFullScreen:r,isRootChild:n}=e;return(t.device.isDesktop||t.device.isTablet)&&(r||n)}function L(e){const{environment:t,format:r,isFullScreen:n,isRootChild:o}=e;return A({environment:t,isFullScreen:n,isRootChild:o})&&Boolean(r.timeline_show_table)}function F(e){const{environment:t,paddingLeft:r,format:n,isFullScreen:o,isRootChild:i}=e;return L({environment:t,format:n,isFullScreen:o,isRootChild:i})?r+(n.timeline_table_properties||[]).reduce((e,t)=>(t.width&&t.visible?t.width:0)+e,0):0}function R(){return"00:00"===Object(d.a)("00:00","HH:mm").format("LT")}function N(e,t,r,o){const i=R();if("fifteen_minutes"===r)return i?n.createElement(n.Fragment,null,n.createElement("span",{style:{color:o.mediumTextColor}},e.format("H:mm"))):n.createElement(n.Fragment,null,n.createElement("span",{style:{color:o.mediumTextColor,paddingRight:3}},e.format("h:mm")),n.createElement("span",{style:{color:o.lightTextColor}},e.format("A")));if("hour"===r)return i?n.createElement(n.Fragment,null,n.createElement("span",{style:{color:o.mediumTextColor}},e.format("H:mm"))):n.createElement(n.Fragment,null,n.createElement("span",{style:{color:o.mediumTextColor,paddingRight:3}},e.format("h")),n.createElement("span",{style:{color:o.lightTextColor}},e.format("A")));if("day"===r||"week"===r)return"week"===t||"bi_week"===t?n.createElement(n.Fragment,null,n.createElement("span",{style:{color:o.lightTextColor,paddingRight:3}},e.format("dd").substring(0,1)),n.createElement("span",{style:{color:o.mediumTextColor}},e.format("D"))):e.format("D");throw Object(c.e)(r)}function V(e,t){if("day"===t)return e.format("MMMM D");if("month"===t)return e.format("MMMM");throw Object(c.e)(t)}function U(e,t){if("day"===t)return e.format("MMMM D YYYY");if("month"===t)return e.format("MMMM YYYY");throw Object(c.e)(t)}function Y(e,t){const r=Object(a.F)(e,Object(a.P)(e)||a.m),{primaryDisplayUnit:n}=y[t],o=R();return"fifteen_minutes"===n||"hour"===n?o?r.start.format("MMM D H:mm"):r.start.format("MMM D h:mm A"):r.start.format("MMM D")}function W(e,t){const r=Object(a.F)(e,Object(a.P)(e)||a.m),{primaryDisplayUnit:n}=y[t],o=R(),i=r.end||r.start;return"fifteen_minutes"===n||"hour"===n?o?i.format("MMM D H:mm"):i.format("MMM D h:mm A"):i.format("MMM D")}function X(e,t){const r=Object(a.F)(e,Object(a.P)(e)||a.m),{primaryDisplayUnit:n}=y[t],o=R();return r.end?"fifteen_minutes"===n||"hour"===n?o?"".concat(r.start.format("MMM D H:mm")," → ").concat(r.end.format("MMM D H:mm, YYYY")):"".concat(r.start.format("MMM D h:mm A")," → ").concat(r.end.format("MMM D h:mm A, YYYY")):"".concat(r.start.format("MMM D")," → ").concat(r.end.format("MMM D, YYYY")):"fifteen_minutes"===n||"hour"===n?o?r.start.format("MMM D H:mm, YYYY"):r.start.format("MMM D h:mm A, YYYY"):r.start.format("MMM D, YYYY")}function z(e,t){return x(e,t).isBefore(e)?D(e,t):e}},"9axl":function(e,t,r){"use strict";r.d(t,"a",(function(){return o}));var n=r("fIr1");const o="user_root",i={table:o,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,space_views:n.a.StringArray,left_spaces:n.a.StringArray,deleted_email:n.a.String}};t.b=i},"9c8K":function(e,t,r){"use strict";r.d(t,"c",(function(){return i})),r.d(t,"b",(function(){return a})),r.d(t,"a",(function(){return s})),r.d(t,"d",(function(){return l}));var n=r("LvDl"),o=r("cBa6");function i(e,t,r){const i=e.getValue(),a=o.G(t),s=o.G(i);if(0===a.length&&0===s.length)return""===r?{filter:{startIndex:0,endIndex:0}}:void 0;const l=n.clone(a).reverse(),c=n.clone(s).reverse(),d=s.findIndex((e,t)=>e!==a[t]),u=c.findIndex((e,t)=>e!==l[t]);if(-1===d||-1===u)return;const p=n.toArray(r),h={filter:{startIndex:d+(p.length>0?1:0),endIndex:d+s.length-a.length}};if(p.length>0){const e=h.filter.startIndex-p.length,t=h.filter.startIndex;s.slice(e,t).join("")===r&&(h.prefix={startIndex:e,endIndex:t})}return h}function a(e,t){if(!t)return;const r=e.getValue();return o.G(r).slice(t.filter.startIndex,t.filter.endIndex).join("")}function s(e,t,r){return a(e,i(e,t,r?"@":""))}function l(e,t,r){if(void 0===e)return!0;if(t&&0===r){if(e.length>8)return!0;const t=n.last(e);if(t)return/\s/g.test(t)}}},"9hmv":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("EszA"),i=r("wldR"),a=r("LeVO"),s=r("y6Dp"),l=r("DNgp"),c=r("MeYt"),d=r("zmp8"),u=r("wiBh");function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class m extends i.a{constructor(){super(...arguments),this.handleClick=e=>{o.a({environment:this.environment,annotation:[this.props.type]}),this.props.onClick&&this.props.onClick(),s.Pd(this.environment,{action:this.props.type})},this.isDisabledStore=this.createComputedStore(()=>this.props.disabled||"editing"!==l.default.state.mode)}renderComponent(){return n.createElement(a.a,{renderTooltip:()=>this.props.tooltipLabel,render:e=>n.createElement(c.a,Object.assign({style:this.getButtonStyle(),disabled:this.isDisabledStore.state,disabledFeedback:this.isDisabledStore.state,onClick:this.handleClick},e),this.props.children)})}getButtonStyle(){return function(e){for(var t=1;t{n.e(this.environment,this),this.shouldReserveStackPosition=!1})}upsertKeyboardShortcutStackEntry(e){i.a.withListenerIgnored(()=>{if(this.shouldReserveStackPosition=this.shouldReserveStackPosition||e.enable,this.shouldReserveStackPosition){if(e.isRoot)return void n.g(this.environment,this.getStackItem(e));n.f(this.environment,this.getStackItem(e))}})}getStackItem(e){return{listener:this,shortcuts:e.shortcuts,enable:e.enable}}}t.a=a},"9ozu":function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("6fvo"),i=r("/cKE"),a=r("fgBX");function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t{this.props.onClickRemove(this.props.value)}}renderComponent(){const{device:e}=this.environment,{value:t}=this.props;let r;return r="existing"===t.type?t.value.table===i.a?Object(i.d)(t.value.value):Object(s.b)(t.value.value):t.value.email.trim(),n.createElement(a.b,{showRemoveButton:!0,isSingle:!1,format:e.isMobile?a.b.Format.Large:a.b.Format.Medium,onClickRemove:this.handleClickRemove,value:r})}}t.a=l},A9TN:function(e,t,r){"use strict";r.r(t);const n=window.CONFIG||{env:"production",isAdminMode:!1,isLocalhost:!1,offline:!0,version:"23.2.24",baseURL:"https://www.notion.so",protocol:"notion",staticS3:{url:"https://prod-notion-assets.s3-us-west-2.amazonaws.com",bucket:"prod-notion-assets"},lastUpdatedTime:1600205592479,api:{http:"/api/v3"},googleOAuth:{clientId:"905154081809-858sm3f0qnalqd9d44d9gecjtrdji9tf.apps.googleusercontent.com"},messageStore:{url:"https://msgstore.www.notion.so",api:"/api/v1"},stripe:{key:"pk_live_vuNO27XGTCbXjVwneiECILjT"},intercom:{appId:"gpfdrxfd",adminId:"3483686"},segment:{writeKey:"g1mMn2qquRcv7exBIVDivoKl9cOrdxLA"},pricing:{invoiceDaysUntilDue:30,team_free:{spaceBlockLimit:1e3,fileUploadMaxBytes:5e6},personal_free:{fileUploadMaxBytes:5e6},student:{productId:"prod_FhChFoDp7gS1Ba"},personal:{productId:"prod_CpavZFCbxF2YGx",monthlyPrice:500,yearlyPrice:4800},team:{productId:"prod_CpawK4ih14xs4t",monthlyPricePerMember:1e3,yearlyPricePerMember:9600},enterprise:{productId:"prod_Cpb8M1AFEFhdy1",monthlyPricePerMember:2500,yearlyPricePerMember:24e3}},desktopS3:{url:"https://s3-us-west-2.amazonaws.com/desktop-release.notion-static.com"},publicFileS3:{url:"https://s3-us-west-2.amazonaws.com/public.notion-static.com",bucket:"public.notion-static.com"},temporaryFileS3:{url:"https://s3-us-west-2.amazonaws.com/temporary.notion-static.com",bucket:"temporary.notion-static.com"},secureFileS3:{url:"https://s3-us-west-2.amazonaws.com/secure.notion-static.com",bucket:"secure.notion-static.com"},loggly:{token:"edcca201-4028-4ef1-bbb1-c78b430dd74e"},embedly:{key:"421626497c5d4fc2ae6b075189d602a2"},aif:{url:"https://aif.notion.so/aif-production.html"},contentful:{spaceId:"spoqsaf9291f",contentDeliveryToken:"AGqteRpWD8aE_kxy_s7_hSFAlKCh5qf-RctSU6vV6u0",contentPreviewToken:"uR2ZVAs-9TMKDq0YKYVtczFplx6P9p06huCibZDJZKA"}};t.default=n},ALSZ:function(e,t,r){"use strict";r.d(t,"c",(function(){return E})),r.d(t,"e",(function(){return C})),r.d(t,"a",(function(){return P})),r.d(t,"d",(function(){return T})),r.d(t,"b",(function(){return j}));r("ioFf"),r("rGqo");var n=r("cBa6"),o=r("RI9y"),i=r("Ajfl"),a=r("CSYU"),s=r("y6Dp"),l=r("MBf9"),c=r("QcDD"),d=r("DNgp"),u=r("WaiN"),p=r("GKeo"),h=r("7IvN"),m=r("onX9"),g=r("2ZkR"),f=r("yioD"),b=r("hbKx"),y=r("hU3F"),v=r("nM47"),S=r("daQZ");function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t0){const e=r.store.getValue()||[],t=n.G(e)[r.selection.startIndex-1];/[\s]/g.test(t)||(o=!0)}l.createAndCommit(e,t=>{o?(i.l({environment:e,store:r.store,string:" ",selection:r.selection,disableMentions:!0,disableDateMentions:!0,disableDateReminderMentions:!0,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:t}),i.l({environment:e,store:r.store,string:"@",selection:{startIndex:r.selection.startIndex+1,endIndex:r.selection.endIndex+1},disableMentions:!1,disableDateMentions:!1,disableDateReminderMentions:!1,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:t})):i.l({environment:e,store:r.store,string:"@",selection:r.selection,disableMentions:!1,disableDateMentions:!1,disableDateReminderMentions:!1,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:t})});const a=u.a.state;if(!a.open)return;const s=O({environment:e,textStore:r.store});u.a.setState(k({},a,{mentionTypes:{page:s.page&&t.page,createPage:s.createPage&&t.createPage,user:s.user&&t.user,bot:s.bot&&t.bot,date:s.date&&t.date,reminder:s.reminder&&t.reminder}}))}function P(e){const t=u.a.state,{environment:r,annotation:o,transaction:a}=e;if(t.open){const{currentBlockStore:e}=c.default.state,s=e&&e.contains(t.textStore);let l=t.oldTextValue,d=t.oldSelection;const u=t.insertionType.length-1;u>0&&(l=n.o(l,t.oldSelection.startIndex-u,t.oldSelection.startIndex),d={startIndex:d.startIndex-u,endIndex:d.endIndex-u}),i.q({environment:r,store:t.textStore,value:l,transaction:a}),i.k({environment:r,store:t.textStore,selection:d,annotation:o,analyticsFrom:s?"block":"comment",transaction:a}),T()}}function T(){u.a.setState({open:!1,userRequestStore:u.a.state.userRequestStore,botRequestStore:u.a.state.botRequestStore,pageRequestStore:u.a.state.pageRequestStore,mentionTypes:u.a.state.mentionTypes})}async function j(e){const{environment:t,onPageCreated:r}=e,n=function(e){const{environment:t,titleText:r,ignoreSelectionAreaStore:n,createInValue:o}=e,i=u.a.state;if(!i.open)return;if(!v.j(t))return;n.reset();const a=l.create(t),s=Object(S.e)({environment:t,transaction:a,titleText:r,createInValue:o,recordStoreParent:i.textStore});return{createdPage:s.createdPages[0],createInState:s,transaction:a}}(e);if(!n)return;const{createdPage:o,transaction:i,createInState:a}=n;return o?(r&&r(o),P({environment:t,annotation:["p",o.id],transaction:i}),await async function(e){const{environment:t,transaction:r,createInState:n}=e;return await n.moveToStorePromise,await l.commit({environment:t,transaction:r}),await Object(S.a)({analyticsFrom:"mention_menu",createInState:n}),n}({environment:t,transaction:i,createInState:a})):void 0}},AOw3:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("17x9"),i=r("i8i4"),a=r("hi+p"),s=r("/mqF"),l=r("FmD2"),c=r("6rsX"),d=r("EZe4"),u=r("DkKf"),p=r("qHvo"),h=r("wldR"),m=r("iVjn"),g=r("uSCg"),f=r("SjXP"),b=r("NOLh"),y=r("LEzx");class v extends y.a{getInitialState(){return{animatingSelectionHalo:!1,animatingDropParentHalo:!1,animatingDropZone:!1,animatingDropZoneHint:!1}}}var S=v,w=r("sjR4"),k=r("nFzZ"),M=r("ikHm"),O=r("BJyN"),E=r("DNgp"),C=r("nZ1u"),P=r("AmMh"),T=r("0zNc"),j=r("l2mL"),x=r("zmp8"),I=r("7M94"),D=r("nYHe");function B(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _(e){for(var t=1;tn.createElement("div",{className:I.mb,style:this.getSelectionHaloStyle()}),this.renderDropParentHaloConent=()=>n.createElement("div",{className:I.mb,style:this.getDropParentHaloStyle()}),this.handleDragStart=e=>{const{reactNative:t}=this.environment;this.props.canDrag&&(e.preventDefault(),t&&t.buzz()),this.props.onDraggableDragStart&&this.props.onDraggableDragStart(e)},this.handleDragMove=e=>{const{device:t}=this.environment;this.props.canDrag?p.b.state.isDragging?s.d(this.environment,{currentX:e.currentX,currentY:e.currentY}):u.c()&&(c.k({environment:this.environment,store:this.props.store,toggle:c.t(this.environment),selectBetween:c.s()}),s.f(this.environment,{startX:e.startX,startY:e.startY,stores:w.default.state.stores,isNativeDrag:!1,getGhostElements:this.props.getGhostElements})):C.a.state.isActive||t.isMobile||l.c({environment:this.environment,target:e.target,startX:e.startX,startY:e.startY,showSelectionRect:!0,preventSelectStores:[],allowVerticalEdgeScroll:!0,allowHorizontalEdgeScroll:!this.props.disableScrollToRevealHorizontal}),this.props.onDraggableDragMove&&this.props.onDraggableDragMove(e)},this.handleDragEnd=e=>{const{device:t}=this.environment;t.isMobile&&T.a.state.isDragging&&e.preventDefault(),this.props.canDrag&&p.b.state.isDragging&&s.b({environment:this.environment,shiftKey:e.shiftKey,optionKey:e.optionKey,commandKey:e.commandKey,analyticsFrom:this.props.analyticsName}),this.props.onDraggableDragEnd&&this.props.onDraggableDragEnd(e)},this.handleDragCancel=e=>{this.props.canDrag&&p.b.state.isDragging&&(s.a(this.environment),c.e(this.environment)),this.props.onDraggableDragCancel&&this.props.onDraggableDragCancel(e)},this.handleClick=e=>{Object(d.d)({event:e,context:d.a.EditorClick,callback:()=>{!u.c()&&this.props.canSelect&&c.k({environment:this.environment,store:this.props.store,toggle:c.t(this.environment),selectBetween:c.s()})}})},this.handleContextMenu=e=>{const{device:t}=this.environment;if(t.isAndroid){const t=E.default.state;if("editing"!==t.mode||!t.store.findRecordStoreAncestor(e=>e.id===this.props.store.id).ancestor)return e.preventDefault(),e.stopPropagation(),!1}this.props.canTriggerContextMenu&&Object(d.d)({event:e,context:d.a.EditorContextMenu,callback:()=>{e.preventDefault(),c.k({environment:this.environment,store:this.props.store}),a.c({environment:this.environment,stores:w.default.state.stores,left:e.clientX,top:e.clientY,actions:this.props.blockMenuActions||O.c,showInput:Boolean(this.props.showBlockMenuInput),analyticsFrom:"content_block_menu"})}})},this.handleDoubleClick=e=>{this.props.canSelect||Object(d.d)({event:e,context:d.a.EditorDoubleClick,callback:()=>{this.props.onDoubleClick&&this.props.onDoubleClick(e)}})},this.handleMouseOver=e=>{this.props.canSelect&&Object(d.d)({event:e,context:d.a.EditorMouseOver,callback:()=>{j.a.setState(_({},j.a.state,{hoveredStore:this.props.store,lastHoveredStore:this.props.store}))}})},this.handleMouseOut=e=>{j.a.state.hoveredStore===this.props.store&&j.a.setState(_({},j.a.state,{hoveredStore:void 0}))},this.handleSelectionHaloAnimationEnd=()=>{this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingSelectionHalo:!1}))},this.computedStore=this.createComputedStore(()=>{const e=this.getDropZoneHintIndex();!k.i(e)&&e>=0&&(this.lastDropZoneHintIndex=e);const t=this.shouldShowSelectionHalo(),r=this.shouldShowDropParentHalo(),n=this.getCurrentDropZone(),o=this.getDropZoneHint(),i=this.lastDropZoneHintIndex,a=this.stores.draggableStore.state.dragging,s=this.stores.draggableStore.hasDragged(),{animatingSelectionHalo:l,animatingDropParentHalo:c,animatingDropZone:d,animatingDropZoneHint:u}=this.stores.selectableStore.state,p=this.props.store.getType()||"unknown";return{isDragging:a,hasDragged:s,shouldShowSelectionHalo:t,shouldShowDropParentHalo:r,currentDropZone:n,dropZoneHint:o,dropZoneHintIndex:i,shouldRenderSelectionHalo:l||t,shouldRenderDropParentHalo:c||r,shouldRenderDropZoneHint:u||!k.i(o),shouldRenderDropZone:d||!k.i(n),propStoreType:p}})}getNode(){return i.findDOMNode(this)}getReferencePoint(e){const{device:t}=this.environment;return t.isMobile?this.props.dropzoneShouldNeverUseOrigin?e.mousePoint:{x:e.originPoint.x,y:e.mousePoint.y}:e.mousePoint}getChildContext(){return _({},this.context,{closestSelectable:this})}getContextClosestSelectable(){return this.context.closestSelectable}getContextSelectableContainer(){return this.context.selectableContainer}getContextVerticalScroller(){return this.context.verticalScroller}getContextHorizontalScroller(){return this.context.horizontalScroller}renderComponent(){const{isDragging:e,hasDragged:t,shouldShowDropParentHalo:r,shouldShowSelectionHalo:o,currentDropZone:i,dropZoneHint:a,dropZoneHintIndex:s,shouldRenderSelectionHalo:l,shouldRenderDropParentHalo:c,shouldRenderDropZoneHint:d,shouldRenderDropZone:u,propStoreType:p}=this.computedStore.state,h=l||c||d||u,m="".concat(I.lb," notion-").concat(p,"-block");return this.renderDraggable(p=>n.createElement("div",Object.assign({style:this.getStyle(h,e,t),"data-block-id":this.props.store.id,className:this.props.className?"".concat(m," ").concat(this.props.className):m},Object(g.a)(p||{},{onDoubleClick:this.handleDoubleClick,onContextMenu:this.handleContextMenu,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onClick:this.handleClick,onMouseMove:this.props.onMouseMove,onMouseDown:this.props.onMouseDown,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave})),this.props.children,l&&this.renderSelectionHalo(o),c&&this.renderDropParentHalo(r),d&&this.renderDropZoneHint(a,s),u&&this.renderCurrentDropZone(i)))}renderDraggable(e){const{device:t}=this.environment;return this.props.canDrag?n.createElement(m.a,{store:this.stores.draggableStore,dragDelay:t.isReactNative||t.isAndroid?500:void 0,forceTouch:t.isMobile&&!this.props.disableForceTouch,onDraggableDragStart:this.handleDragStart,onDraggableDragMove:this.handleDragMove,onDraggableDragEnd:this.handleDragEnd,onDraggableDragCancel:this.handleDragCancel,disableHorizontalEdgeScroll:this.props.disableHorizontalDragEdgeScroll,render:e}):e(void 0)}renderSelectionHalo(e){return n.createElement(b.a,{key:"halo",isVisible:e,enterAnimationStyle:{opacity:0},animationStyle:{opacity:1},exitAnimationStyle:{opacity:0},springConfig:{opacity:L.opacitySpringConfig},onAnimationStart:()=>{e&&this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingSelectionHalo:!0}))},onAnimationEnd:this.handleSelectionHaloAnimationEnd,render:this.renderSelectionHaloContent})}renderDropParentHalo(e){return n.createElement(b.a,{key:"parent",isVisible:e,enterAnimationStyle:{opacity:0},animationStyle:{opacity:1},exitAnimationStyle:{opacity:0},springConfig:{opacity:L.opacitySpringConfig},onAnimationStart:()=>{e&&this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropParentHalo:!0}))},onAnimationEnd:()=>{this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropParentHalo:!1}))},render:this.renderDropParentHaloConent})}renderCurrentDropZone(e){const t=!k.i(e);return n.createElement(b.a,{key:"dropZone",isVisible:t,enterAnimationStyle:{opacity:0},animationStyle:{opacity:1},exitAnimationStyle:{opacity:0},springConfig:{opacity:L.opacitySpringConfig},onAnimationStart:()=>{t&&this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropZone:!0}))},onAnimationEnd:()=>{this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropZone:!1}))},render:()=>n.createElement("div",{style:this.getDropZoneStyle(e,0)},e!==p.a.Onto&&n.createElement("div",{style:this.getHintGapBoxStyle(e)}))})}renderDropZoneHint(e,t){const r=!k.i(e);return n.createElement(b.a,{key:"hint",isVisible:r,enterAnimationStyle:{opacity:0},animationStyle:{opacity:1},exitAnimationStyle:{opacity:0},springConfig:{opacity:L.opacitySpringConfig},onAnimationStart:()=>{r&&this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropZoneHint:!0}))},onAnimationEnd:()=>{this.stores.selectableStore.setState(_({},this.stores.selectableStore.state,{animatingDropZoneHint:!1}))},render:()=>n.createElement("div",{style:this.getDropZoneStyle(e,(t||0)+1)},n.createElement("div",{style:this.getHintGapBoxStyle(e)}))})}shouldShowSelectionHalo(){const{device:e}=this.environment,{store:t,shouldShowHalo:r}=this.props;if(!r||e.isMobile)return!1;const{stores:n,phase:o}=w.default.state;return o===w.SelectionPhase.Selected&&n.indexOf(t)>=0&&!p.b.state.isDragging}shouldShowDropParentHalo(){const{store:e,shouldShowHalo:t}=this.props;if(!t)return!1;const r=p.b.state;if(!r.isDragging)return!1;const{currentParentStore:n,currentHintDropZones:o,currentDropZone:i}=r;return o.some(e=>e.direction===p.a.Left||e.direction===p.a.Right)?Boolean(i&&i.store===e):n===e}getCurrentDropZone(){const{store:e,shouldShowDropZone:t}=this.props,r=p.b.state;if(!r.isDragging)return;const{currentDropZone:n}=r;return n&&n.store===e&&t?n.direction:void 0}getDropZoneHint(){const{store:e,shouldShowDropZone:t}=this.props,r=p.b.state;if(!r.isDragging)return;const{currentHintDropZones:n}=r;if(n&&t){const t=n.find(t=>t.store===e);if(t)return t.direction}}getDropZoneHintIndex(){const{store:e}=this.props,t=p.b.state;if(!t.isDragging)return;const{currentHintDropZones:r}=t;return r?r.findIndex(t=>t.store===e):void 0}getStyle(e,t,r){const{device:n}=this.environment,o={};return n.isMobile&&(o.transition="transform 200ms ease-out",this.props.canDrag&&t&&!r&&(o.boxShadow=this.theme.mediumBoxShadow,o.transform="scale(1.05)",o.borderRadius=3)),e&&(o.position="relative"),_({},o,{},this.props.style)}getSelectionHaloStyle(){return _({position:"absolute",pointerEvents:"none",top:0,left:0,right:0,bottom:0,background:x.f.blueWithAlpha(.2),zIndex:M.p},this.props.haloStyle)}getDropParentHaloStyle(){return{position:"absolute",pointerEvents:"none",top:0,left:0,right:0,bottom:0,background:x.f.blueWithAlpha(.1)}}getHintGapBoxStyle(e){const{device:t}=this.environment;if(void 0===e)return{};const r=t.isMobile?3:2;return e===p.a.Above||e===p.a.Below?{position:"relative",left:-r,width:r,height:L.dropzoneSize,background:this.theme.contentBackground,transform:"translateZ(100px)"}:{position:"relative",top:-r,width:L.dropzoneSize,height:r,background:this.theme.contentBackground,transform:"translateZ(100px)"}}getDropZoneStyle(e,t){const r={position:"absolute",pointerEvents:"none",background:x.f.blueWithAlpha(.5),zIndex:M.b-t};if(e===p.a.Onto)r.left=0,r.top=0,r.right=0,r.bottom=0,r.background=x.f.blueWithAlpha(.3);else if(e===p.a.Above||e===p.a.Below){const t=4;r.left=0,r.right=0,e===p.a.Above?r.top=-t:(r.bottom=-t,this.props.belowDropZoneMargin&&(r.bottom-=this.props.belowDropZoneMargin)),r.height=L.dropzoneSize}else{const t=8;r.top=0,r.bottom=0,e===p.a.Left?r.left=this.props.dropzoneGap?-this.props.dropzoneGap:-t:r.right=this.props.dropzoneGap?-this.props.dropzoneGap:-t,r.width=L.dropzoneSize}return r}}L.childContextTypes=_({closestSelectable:o.any,selectableContainer:o.any,verticalScroller:o.any,horizontalScroller:o.any},D.environmentContextTypes),L.contextTypes=_({closestSelectable:o.any,selectableContainer:o.any,verticalScroller:o.any,horizontalScroller:o.any},D.environmentContextTypes),L.opacitySpringConfig={stiffness:70,damping:10,precision:.001},L.dropzoneSize=4;t.a=L},APM9:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("mVDJ"),a=r("wldR"),s=r("cYwG"),l=r("2Y+N"),c=r("oOAt"),d=r("zmp8"),u=r("J9+s"),p=r("6fvo"),h=r("xe8Q"),m=r("WgIs"),g=r("RQ1t"),f=r("MeYt"),b=r("i3uR"),y=r("g4rC"),v=r("dayd"),S=r("D8Ld"),w=r("VyA+"),k=r("LeVO"),M=r("uSCg");function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t{const{emoji:e,focused:t}=this.props,{buttonPopupStore:r}=this.stores;return n.createElement(w.a,{key:e,capture:t,onEnter:this.handleOpenMenu,onEsc:this.handleCloseMenu},n.createElement(b.a,{buttonPopupStore:r,popupType:b.a.PopupType.Popup,renderOrigin:e=>this.renderSingleEmoji(e),render:this.renderVariationMenu}))},this.renderSingleEmoji=e=>{const{emoji:t,focused:r,onClick:o,onMouseEnter:i}=this.props,{fontSize:a}=this.getEmojiButtonSize(),s=h.c[t],l=s&&s.keywords&&s.keywords[0],c=s&&s.variations&&!this.props.variations;return n.createElement(k.a,{allowHover:Boolean(l&&!c),renderTooltip:()=>l,closeDelay:0,render:s=>n.createElement(f.a,Object.assign({key:t,focused:r,onClick:o},Object(M.a)(e||{},Object(M.a)({onMouseEnter:i},s)),{ignoreLocalHoverState:!0,style:this.styles.emojiButton}),n.createElement(v.a,{size:a,char:t}))})},this.renderVariationMenu=e=>{const{emoji:t,variations:r,insertEmoji:o}=this.props,i=(r&&r.length>0?[t,...r]:[t]).map(t=>({key:t,action:r=>{e.close(),o(t)},render:e=>n.createElement(P,Object.assign({},this.props,e,{emoji:t,variations:void 0}))}));return n.createElement(S.a,{capture:!0,allowEsc:!0},n.createElement(m.a,{type:m.a.Type.Horizontal,initialFocus:0,sections:[{key:"variations",render:this.renderVariationWrapper,items:i}]}))},this.renderVariationWrapper=e=>n.createElement("div",Object.assign({style:this.styles.variationMenu},e)),this.handleOpenMenu=e=>{e.preventDefault();const{buttonPopupStore:t}=this.stores;t.setState(E({},t.state,{open:!0}))},this.handleCloseMenu=()=>{const{buttonPopupStore:e}=this.stores;e.setState(E({},e.state,{open:!1}))},this.styles={emojiButton:E({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:3},this.getEmojiButtonSize()),variationMenu:{display:"flex",padding:4}}}renderComponent(){const{variations:e}=this.props;return e&&e.length>0?this.renderEmojiWithVariations():this.renderSingleEmoji()}getEmojiButtonSize(){const{desktopButtonSize:e,desktopFontSize:t,mobileButtonSize:r,mobileFontSize:n}=this.props,{device:o}=this.environment;return o.isMobile?{width:r,height:r,fontSize:n}:{width:e,height:e,fontSize:t}}}P.defaultProps={desktopButtonSize:32,desktopFontSize:24,mobileButtonSize:44,mobileFontSize:32};var T=P,j=r("UZfs"),x=r("aLEG");function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t{this.props.onSubmit(e),this.addToRecentEmojis(e)},this.createCategory=e=>{let t=[];if(t="recent"===e.id?this.stores.store.state.recentEmojis||[]:"callout"===e.id?_:h.a[e.id],this.props.filter){const e=p.a(this.props.filter);e&&(t=this.filterAndSortEmojis(e,t))}if(0!==t.length)return{key:e.id,items:t.map(this.createListItem),render:t=>n.createElement(l.a,{key:t.key,isTitleUppercase:!0,title:e.title},n.createElement("div",{style:this.getEmojiSectionWrapStyle()},t.children))}},this.createListItem=e=>{const t=p.e(e);return{key:e,action:t=>this.handleEmojiButtonClick(e),render:r=>n.createElement(T,Object.assign({},r,{emoji:e,variations:t,insertEmoji:this.insertEmoji,desktopButtonSize:A.desktopEmojiButtonSize,mobileButtonSize:A.mobileEmojiButtonSize}))}},this.handleScroll=e=>{if(e{0===p.e(e).length&&this.insertEmoji(e)}}willMount(e){super.willMount(e);const t=c.a.get(A.localRecentEmojisKey),r=o.toArray(t||"");this.stores.store.setState(D({},this.stores.store.state,{recentEmojis:r})),Object(x.a)()}didUpdate(e){const{menuListStore:t}=this.stores;e.filter!==this.props.filter&&t.setState(D({},t.state,{focus:{section:0,indexLocal:0,indexGlobal:0}}))}renderComponent(){const{menuListStore:e}=this.stores,t=this.getVisibleSections(this.getAllSections()),r=!this.environment.device.isPhone&&t.length>0?0:void 0;return 0===t.length&&(this.props.onNoResults&&this.props.onNoResults(),t.push({key:"no results",items:[{key:"no results",action:e=>{},render:(e,t)=>n.createElement(j.a,Object.assign({},e,{caption:"No results"}))}],render:e=>n.createElement(l.a,Object.assign({},e))})),n.createElement("div",{style:A.wrapStyle},n.createElement("div",{style:{flexGrow:1}},n.createElement(m.a,Object.assign({},this.getMenuListProps(),{store:e,initialFocus:r,sections:t,disableMouseLeaveBlur:!0,disableKeyboardArrowWrap:!0,unfocusOnScroll:this.environment.device.isMobile}))),n.createElement(s.a,{onChange:this.handleScroll}))}addToRecentEmojis(e){const t=c.a.get(A.localRecentEmojisKey),r=o.union([e],o.toArray(t)),n=o.take(r,A.recentEmojisCount);c.a.set(A.localRecentEmojisKey,n.join("")),this.stores.store.setState(D({},this.stores.store.state,{recentEmojis:n}))}getAllSections(){const e=o.compact(this.getCategories().map(this.createCategory));if(!this.props.filter)return e;if(this.getEmojiItemCount(e)>i.a.emojisPerPage/2)return e;const t=p.a(this.props.filter);return t?this.createFilteredSection(t):e}getAllSectionsEmojiCount(){const e=this.getAllSections();let t=0;for(const r of e)t+=r.items.length;return t}getEmojiItemCount(e){let t=0;for(const r of e)t+=r.items.length;return t}getVisibleSections(e){const{loadEmojiCount:t}=this.stores.store.state,r=[];let n=0;for(const o of e){if(!(n+o.items.length<=t)){r.push(D({},o,{items:o.items.slice(0,t-n)}));break}r.push(o),n+=o.items.length}return r}getCategories(){return o.compact([!this.props.filter&&{id:"recent",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.recent",defaultMessage:"Recent"})},this.props.isCallout?{id:"callout",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.callout",defaultMessage:"Callout"})}:void 0,{id:"People & Body",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.people",defaultMessage:"People"})},{id:"Animals & Nature",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.animals",defaultMessage:"Animals and nature"})},{id:"Food & Drink",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.food",defaultMessage:"Food and drink"})},{id:"Activities",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.activity",defaultMessage:"Activity"})},{id:"Travel & Places",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.travel",defaultMessage:"Travel and places"})},{id:"Objects",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.objects",defaultMessage:"Objects"})},{id:"Symbols",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.symbols",defaultMessage:"Symbols"})},{id:"Flags",title:n.createElement(u.FormattedMessage,{id:"emojiPicker.section.flags",defaultMessage:"Flags"})}])}filterAndSortEmojis(e,t){const r=o.compact(t.map(t=>{const r=h.c[t],n=r&&r.keywords||[],o=n.findIndex(t=>t===e);if(-1!==o)return[10*(10-o),t];const i=n.findIndex(t=>t.startsWith(e));return-1!==i?[10-i,t]:n.some(t=>t.includes(e))?[1,t]:void 0}));return o.sortBy(r,e=>-e[0]).map(e=>e[1])}createFilteredSection(e){const t=this.filterAndSortEmojis(e,o.flatten(this.getCategories().map(e=>h.a[e.id])));return 0===t.length?[]:[{key:"search-results",items:t.map(this.createListItem),render:e=>n.createElement(l.a,{key:e.key},n.createElement("div",{style:this.getEmojiSectionWrapStyle()},e.children))}]}getMenuListProps(){const{device:e}=this.environment;return e.isMobile?{type:m.a.Type.Vertical}:{type:m.a.Type.Grid,itemsPerRow:A.desktopItemsPerRow,renderRow:(e,t)=>n.createElement("div",{key:t,style:A.rowStyle},e)}}getEmojiSectionWrapStyle(){const{device:e,WindowSizeStore:t}=this.environment,{type:r}=this.getMenuListProps();return{display:"flex",flexDirection:r===m.a.Type.Grid?"column":"row",flexWrap:"wrap",alignItems:"flex-start",background:e.isMobile?this.theme.popoverBackground:d.f.transparent,paddingTop:e.isMobile?10:0,paddingBottom:e.isMobile?10:0,paddingLeft:e.isMobile?t.getSafePaddingLeftCSS(10):A.desktopPaddingLeft,paddingRight:e.isMobile?t.getSafePaddingLeftCSS(10):A.desktopPaddingRight,boxShadow:e.isMobile?"0 1px 0 ".concat(this.theme.regularDividerColor):"",marginBottom:1}}}A.loadMoreCategoryEdgeDistance=100,A.recentEmojisCount=20,A.desktopItemsPerRow=12,A.localRecentEmojisKey="recentEmojis",A.desktopEmojiButtonSize=32,A.desktopPaddingLeft=12,A.desktopPaddingRight=0,A.desktopSpacingRight=22,A.mobileEmojiButtonSize=44,A.desktopPopupWidth=A.desktopEmojiButtonSize*A.desktopItemsPerRow+A.desktopPaddingLeft+A.desktopPaddingRight+A.desktopSpacingRight,A.wrapStyle={display:"flex",flexDirection:"column"},A.rowStyle={display:"flex"};t.a=A},ARzG:function(e,t,r){"use strict";r.d(t,"a",(function(){return i}));r("rGqo");var n=r("622O"),o=r("CARr");function i(e,t,r){if(r&&!e.file_ids)return[];const i=[];if(e.properties){const a=Object.keys(e.properties);for(const s of a){const a=e.properties[s],l=o.n(a);for(const o of l){const a=Object(n.i)(o.url,e.file_ids,t,r);a&&i.push(a)}}}if(e.format){const{page_cover:o,page_icon:a}=e.format;if(o){const a=Object(n.i)(o,e.file_ids,t,r);a&&i.push(a)}if(a){const o=Object(n.i)(a,e.file_ids,t,r);o&&i.push(o)}}return i}},"AXh+":function(e,t,r){"use strict";r.d(t,"b",(function(){return p})),r.d(t,"f",(function(){return h})),r.d(t,"a",(function(){return m})),r.d(t,"e",(function(){return g})),r.d(t,"d",(function(){return b})),r.d(t,"c",(function(){return y}));r("rGqo");var n=r("G4cA"),o=r("hbKx"),i=r("z22Z"),a=r("xL2i"),s=r("5/h/"),l=r("V1wX"),c=r("Cycz"),d=r("r8MX"),u=r("qX+M");function p(e){const t=o.g(e),r=a.a(t);return a.b(r)}function h(e,t){const{id:r}=e.currentUser;let n;if(r){const e=t.getRecordValue(s.a,r);e&&(n=Object(l.i)(e))}const i=o.g(t);return a.g({actor:n,ancestors:i})}function m(e){return p(e).map(e=>{let{permissionItem:t}=e;return t}).some(e=>i.k(e)&&i.d(e.role)&&(void 0===e.allow_duplicate||!0===e.allow_duplicate))}function g(e,t){let r;if(r=t instanceof n.a?Object(u.getSpacePermissionItems)(t):p(t).map(e=>{let{permissionItem:t}=e;return t}),1===r.length){const[t]=r;return"editor"===t.role&&"user_permission"===t.type&&t.user_id===e.currentUser.id}return!1}function f(e,t,r){if(!c.L(e,"personal_free"))return!1;const{data:n}=d.default.state;if(!n)return!1;if(Boolean(n&&c.w(n)))return!1;const o=c.o(n).map(e=>e.userId);return new Set([...o,...t]).size>Math.max(r,o.length)}function b(e){const{environment:t,userIds:r,includesOwner:n}=e,{data:o}=d.default.state;return!!o&&f(t,r,n?5:4)}function y(e){const{environment:t,store:r,permissionItems:o}=e;if(r instanceof n.a)return!1;const{data:a}=d.default.state;return!!a&&f(t,o.filter(i.n).filter(e=>"none"!==e.role).map(e=>e.user_id),5)}},AXyr:function(e,t,r){"use strict";r.d(t,"b",(function(){return s})),r.d(t,"a",(function(){return l}));r("ioFf"),r("rGqo");var n=r("yjqD"),o=r("QmC8");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=function(e){const t=n.c();return o.a.setState(function(e){for(var t=1;te.normalize("NFD").replace(/[\u0300-\u036f]/g,""))(e).toLowerCase()}const s=Object(o.createIntlCache)(),l=Object(o.createIntl)({locale:"en-US",defaultLocale:"en-US"},s);function c(){return l}function d(e){return Object(n.e)(e.locale)?e.locale:i}},AjLL:function(e,t,r){"use strict";var n=r("q1tI"),o=r("i8i4"),i=r("M64d"),a=r("ikHm"),s=r("6WtK"),l=r("wldR"),c=r("MvRd"),d=r("TmDR"),u=r("LUuO"),p=r("JBsN"),h=r("zK7c"),m=r("Hq/H"),g=r("wZk+"),f=r("2WqK"),b=r("mF3+"),y=r("FcJC"),v=r("Wae9"),S=r("EZe4"),w=r("NOLh"),k=r("LeVO"),M=r("TDb4"),O=r("C7oc"),E=r("UcZb"),C=r("lCCU"),P=r("7M94"),T=r("J9+s");class j extends l.a{constructor(){super(...arguments),this.handlePlusIconMouseEnter=e=>{Object(S.d)({event:e,context:S.a.SidebarMouseMove,callback:()=>{y.open()}})}}renderComponent(){return n.createElement("div",{style:this.getStyle(),onMouseEnter:this.handlePlusIconMouseEnter,onMouseMove:this.handlePlusIconMouseEnter},n.createElement("div",{style:{position:"relative"}},this.renderMenuButton(),this.renderExpandButton()))}renderMenuButton(){const e=v.a.getTotalUnreadMentionsCount();return n.createElement(w.a,{isVisible:!0,animationStyle:{opacity:E.c.state?0:1},render:()=>n.createElement("div",{style:j.buttonWrapStyle},n.createElement("div",{style:j.buttonStyle},b.a.hamburgerMenu(this.getSvgStyle()),n.createElement(O.a,{color:O.a.Color.Red,count:e,style:{position:"absolute",top:-1,right:-4}})))})}renderExpandButton(){return n.createElement(w.a,{isVisible:!0,animationStyle:{opacity:E.c.state?1:0},render:()=>n.createElement("div",{style:j.buttonWrapStyle},n.createElement(k.a,{renderTooltip:()=>n.createElement("div",null,n.createElement("div",null,n.createElement(T.FormattedMessage,{defaultMessage:"Lock sidebar open",id:"sidebarExpandButton.tooltip"})),n.createElement(M.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleSidebar"})),placement:k.a.Placement.Right,alignment:k.a.Alignment.Start,delayThreshold:0,originGap:6,render:e=>n.createElement(C.a,Object.assign({icon:b.a.doubleChevronRight,style:{position:"relative"},isDarkIconColor:!0,onClick:()=>y.setExpand({environment:this.environment,isExpanded:!0}),className:P.U},e))}))})}getStyle(){return{flexShrink:0,width:48,height:48,margin:-12,padding:12,marginRight:-6}}getSvgStyle(){return{width:16,height:16,fill:this.theme.regularIconColor}}}j.buttonStyle={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:3},j.buttonWrapStyle={position:"absolute",top:0,left:0,willChange:"opacity"};var x=j,I=r("CIk0"),D=r("KYd6"),B=r("bK/N"),_=r("QcDD"),A=r("8kr4"),L=r("Sd8d"),F=r("uUOz"),R=r("/wWF"),N=r("HTHG"),V=r("AXh+"),U=r("d9nj"),Y=r("4aFz"),W=r("Ripq"),X=r("sdlW"),z=r("H4VD"),q=r("qqdV"),H=r("7TLZ"),G=r("A9TN"),K=r("Rtjx"),Z=r("yioD"),J=r("VBxf"),Q=r("IULH"),$=r("HSWF");class ee extends l.a{constructor(){super(...arguments),this.handleDoubleClickTopbar=e=>{e.target===e.currentTarget&&Object(S.d)({event:e,context:S.a.EditorDoubleClick,callback:B.toggleMaximized})},this.handleStartPublicEdit=()=>{this.environment.currentUser.isLoggedIn()?Object(J.showDialog)({showCancel:!0,keepFocus:!1,message:n.createElement(T.FormattedMessage,{defaultMessage:"When you start editing, your name, email and photo will be visible to the page owners.",id:"topbar.startPublicEditDialog.message"}),items:[{label:n.createElement(T.FormattedMessage,{defaultMessage:"Continue",id:"topbar.startPublicEditDialog.continueLabel"}),color:"blue",onAccept(){Z.a.setState({editing:!0})}}]}):(Object($.M)({currentUserId:this.environment.currentUser.id,blockId:this.props.store.id}),z.navigate({environment:this.environment,url:q.D}))},this.handleAttemptPublicComment=()=>{Object($.M)({currentUserId:this.environment.currentUser.id,blockId:this.props.store.id}),z.navigate({environment:this.environment,url:q.D})},this.forkPageRef=null,this.handleForkPageRef=e=>{this.forkPageRef=e},this.handleOpenQuickFind=()=>{Y.b({environment:this.environment,analyticsFrom:"public-page-topbar"})},this.handleOpenForkPage=()=>{W.d({environment:this.environment,store:this.props.store,originRect:this.getDuplicateClientRect()})},this.handleClickNotion=()=>{const{currentUserRootStore:e,currentUserSettingsStore:t}=_.default.state;e&&t?X.n({environment:this.environment,userRootStore:e,userSettingsStore:t}):z.navigate({environment:this.environment,url:q.D})},this.appRenderState=this.createComputedStore(()=>N.a(this.environment))}renderComponent(){return Object(i.a)(e=>n.createElement("div",Object.assign({style:this.getWrapStyle()},e),this.shouldRenderPublicPageTopbar()?this.renderPublicPageTopbar():this.renderDefaultTopbar(),n.createElement(u.a,{banners:this.props.banners,isMobile:!1})))}renderPublicPageTopbar(){const{store:e,isInvalidPage:t,isElectron:r}=this.props;return n.createElement("div",{style:this.getStyle(),className:P.Cb},n.createElement("div",{style:this.getContainerStyle(),onDoubleClick:this.handleDoubleClickTopbar},r&&n.createElement(m.a,null),!t&&n.createElement(s.a,{store:e,style:ee.breadcrumbStyle,maxAncestorCount:2,ancestorMaxWidth:160,currentPageMaxWidth:240,showCurrentPageControls:!0,isMobile:!1}),n.createElement("div",{style:{flexGrow:1,flexShrink:1}}),e.canEdit()&&!Z.a.state.editing&&n.createElement(Q.a,{onClick:this.handleStartPublicEdit,style:{marginRight:8,padding:"0 8px"}},b.a.pencil(ee.topbarIconStyle),n.createElement(T.FormattedMessage,{id:"topbar.publicPage.edit",defaultMessage:"Edit"})),!this.environment.currentUser.isLoggedIn()&&e.canComment()&&!e.canEdit()&&n.createElement(Q.a,{onClick:this.handleAttemptPublicComment,style:{marginRight:8,padding:"0 8px"}},b.a.speechBubbleThin(ee.topbarIconStyle),n.createElement(T.FormattedMessage,{id:"topbar.publicPage.comment",defaultMessage:"Comment"})),n.createElement(U.a,{onClick:this.handleOpenQuickFind},b.a.searchThick(ee.topbarIconStyle),n.createElement(T.FormattedMessage,{defaultMessage:"Search",id:"topbar.publicPage.searchButton.label"})),Object(V.a)(this.props.store)&&n.createElement(U.a,{onClick:this.handleOpenForkPage,ref:this.handleForkPageRef},n.createElement(T.FormattedMessage,{defaultMessage:"Duplicate",id:"topbar.publicPage.duplicateButton.label"})),n.createElement("div",{style:this.getPublicPageTopbarDividerStyle()}),n.createElement(U.a,{onClick:this.handleClickNotion},b.a.notionLogo(ee.notionLogoStyle),"Notion")))}renderDefaultTopbar(){const{store:e,isInvalidPage:t,isElectron:r,showSidebarButton:o}=this.props;return n.createElement(h.a,{store:e,disableRectangularSelection:!0,disableEditNearestBlock:!0,render:()=>n.createElement("div",{style:this.getStyle(),className:P.Cb},n.createElement("div",{style:this.getContainerStyle(),onDoubleClick:this.handleDoubleClickTopbar},o&&n.createElement(x,null),r&&n.createElement(m.a,null),!t&&n.createElement(s.a,{store:e,style:ee.breadcrumbStyle,maxAncestorCount:2,ancestorMaxWidth:160,currentPageMaxWidth:240,showCurrentPageControls:!0,isMobile:!1}),e.canEdit()&&n.createElement(d.a,{store:e,isMobile:!1,key:e.id}),!t&&n.createElement(c.a,null),n.createElement("div",{style:{flexGrow:1,flexShrink:1}}),!t&&this.renderActionButtons()))})}renderActionButtons(){const{device:e}=this.environment,{store:t,spaceStore:r,presenceStore:o,collectionViewStore:i}=this.props,{currentSpaceViewStore:a}=_.default.state;return n.createElement("div",{style:ee.actionButtonsWrapStyle},t.canEdit()&&o&&n.createElement(p.a,{rootStore:t,presenceStore:o}),n.createElement(f.a,{store:t,buttonPopupStore:A.a}),!e.isMobile&&n.createElement(D.a,{blockStore:t,spaceStore:r,buttonPopupStore:L.a}),n.createElement(I.a,{store:t,spaceViewStore:a}),!e.isMobile&&n.createElement(g.a,{store:t,collectionViewStore:i,buttonPopupStore:F.a}))}getDuplicateClientRect(){if(this.forkPageRef){const e=o.findDOMNode(this.forkPageRef);if(e instanceof Element)return e.getBoundingClientRect()}}shouldRenderPublicPageTopbar(){return!G.default.isAdminMode&&(Object(H.a)(this.props.store)&&Object(V.f)(this.environment,this.props.store))}getWrapStyle(){return{width:"100%",maxWidth:"100vw",zIndex:a.u}}getTopbarHeight(){const{device:e}=this.environment;return e.isElectronMac?ee.desktopMacHeight:ee.defaultHeight}getStyle(){return{width:"100%",maxWidth:"100vw",height:this.getTopbarHeight(),opacity:N.q.state?0:1,transition:"\n\t\t\t\topacity ".concat(ee.transitionDuration,"ms,\n\t\t\t\tcolor ").concat(ee.transitionDuration,"ms\n\t\t\t"),position:"relative"}}getContainerStyle(){const{device:e}=this.environment,t=e.isElectronMac&&(!this.appRenderState.state.shouldShowSidebar||!Object(K.f)(this.environment))&&!R.a.state.isFullScreen;return{display:"flex",justifyContent:"space-between",alignItems:"center",position:"absolute",overflow:"hidden",height:this.getTopbarHeight(),left:0,right:0,bottom:0,paddingLeft:t?ee.paddingLeftWhenDesktopSidebarClose:e.isMobile?4:12,paddingRight:e.isMobile?4:10}}getPublicPageTopbarDividerStyle(){return{flex:"none",width:1,height:16,marginLeft:8,marginRight:8,background:this.theme.darkDividerColor}}}ee.defaultHeight=45,ee.desktopMacHeight=37,ee.paddingLeftWhenDesktopSidebarClose=73,ee.transitionDuration=700,ee.actionButtonsWrapStyle={flexGrow:0,flexShrink:0,display:"flex",alignItems:"stretch"},ee.breadcrumbStyle={height:"100%",flexGrow:0,marginRight:8,fontSize:14,minWidth:0},ee.topbarIconStyle={width:14,height:14,marginRight:6},ee.notionLogoStyle={width:18,height:18,marginRight:6};t.a=ee},Ajfl:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("cBa6"),i=r("wpmu"),a=r("bPtJ"),s=r("sjR4"),l=r("y6Dp"),c=r("l4I2"),d=r("6rsX"),u=r("unoy"),p=r("IzPW"),h=(r("pIFo"),r("Oyvg"),r("KKXr"),r("SRfc"),r("udrG")),m=function(e,t){return n.toArray(e.substring(0,t)).length},g=r("MBf9"),f=r("sPNb"),b=r("q2qQ"),y=r("ICWk"),v=r("HRSx"),S=r("bK/N"),w=r("N34Z"),k=r("DNgp"),M=r("hgQN");function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;to.ab(e).some(e=>o.mb(e))),f=h.tokensInsideRange.slice(-1===g?0:g,h.tokensInsideRange.length),b=o.V(f);if(Boolean(b.match(/(^| )`[^ ]/)))return;const y=o.V(u),v=n.toArray(y).slice(0,p.endIndex).join(""),S=a.exec(v);if(!S)return;const w=m(y,S.index),M={startIndex:w,endIndex:w+s},O=r.getValue()||[];if(o.jb(O,M.startIndex,M.endIndex,"c"))return;const E="function"==typeof d?d({match:S,matchIndex:w,textValue:u}):d;void 0!==E&&(ye({environment:t,store:r,selection:M,transaction:i}),"editing"===k.default.state.mode&&(Se({environment:t,store:r,selection:k.default.state.selection,string:E,disableMentions:!0,disableDateMentions:!0,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:i}),l.Be(t,{type:c})))}function j(e){const{environment:t,store:r,delimiter:i,annotation:a,transaction:s}=e,c="editing"===k.default.state.mode&&k.default.state.selection;if(!c)return;const d=r.getValue(),p=x({delimiter:i,storeValue:d,selectionEndIndex:c.endIndex});if(!p)return;if(!I(E({delimiter:i,storeValue:d},p)))return;if(o.ib(d,p.startIndex,p.endIndex,o.b.Code))return;const{textValue:h,startIndex:g,endIndex:f}=p,b=m(h,g),y=h.slice(g,f),v=n.toArray(y).length,S={startIndex:b,endIndex:b+i.length};ye({environment:t,store:r,selection:S,transaction:s});const w={startIndex:b+v-i.length-i.length,endIndex:b+v-i.length};ye({environment:t,store:r,selection:w,transaction:s});const M={startIndex:S.startIndex,endIndex:w.startIndex};Me({environment:t,store:r,selection:M,annotation:a,transaction:s});const O=M.endIndex;u.m({store:r,selection:{startIndex:O,endIndex:O}}),u.l({annotation:a,extend:!1}),l.l(t,{type:o.D(a)})}function x(e){const{delimiter:t,storeValue:r,selectionEndIndex:i}=e,a=n.toArray(o.V(r)).slice(0,i).join("");if(0===a.length||!a.endsWith(t))return;const s=a.split(t);if(s.length<=2)return;s.reverse();const[l,...c]=s.slice(1),d=n.sum(c.map(e=>e.length+t.length))-t.length;return{textValue:a,matchString:l,startIndex:d,endIndex:d+l.length+2*t.length}}function I(e){const{delimiter:t,storeValue:r,matchString:n,startIndex:o,endIndex:i,textValue:a}=e;return n.length>0&&!/\s/g.test(n[0])&&!/\s/g.test(n[n.length-1])&&!n.startsWith(t)&&!n.endsWith(t)&&(!a[o-1]||/[\s(]/g.test(a[o-1]))&&(!a[i]||/[\s)]/g.test(a[i]))}function D(e){const{environment:t,delimiter:r,store:i,transaction:a}=e;if("editing"!==k.default.state.mode)return;const{selection:s}=k.default.state,c=i.getValue(),d=x({delimiter:r,storeValue:c,selectionEndIndex:s.endIndex});if(!d)return;if(!function(e){const{storeValue:t,startIndex:r,endIndex:n,delimiter:i}=e;if(!I(e))return!1;const a={[o.b.User]:o.b.User,[o.b.Page]:o.b.Page,[o.b.Bot]:o.b.Bot,[o.b.Date]:o.b.Date,[o.b.TemporaryPage]:o.b.TemporaryPage};for(const s of Object.values(a))if(o.jb(t,r,n,s))return!1;if(o.jb(t,r,r+i.length,o.b.Code)&&o.jb(t,n-i.length,n,o.b.Code))return!1;return!0}(E({delimiter:r,storeValue:c},d)))return;const{textValue:p,matchString:h,startIndex:g,endIndex:f}=d,b=m(p,g),y=p.slice(g,f);ye({environment:t,store:i,selection:{startIndex:b,endIndex:b+n.toArray(y).length},transaction:a});const v=o.e(h);we({environment:t,store:i,tokens:[v],index:b,transaction:a});const S=b+n.toArray(o.cb(v)).length;u.m({store:i,selection:{startIndex:S,endIndex:S}}),l.l(t,{type:o.b.Equation}),M.j({environment:t,equation:h,from:{type:"create",source:"text_filter",selection:!0}})}const B=["\\.",",",";","\\?","!","\\)","\\]"," "].join("|"),_=new RegExp(" (".concat(B,")$"));function A(e){const t=o.Ib(e.textValue,e.matchIndex-1,e.matchIndex),r=n.last(t.tokensInsideRange);if(r&&o.vb(r))return e.match[1]}function L(e){const{environment:t,store:r,transaction:a}=e;let s=!1;if(r.isTable("block")){const e=r.getRecordStoreAtRootPath().getValue();s=Boolean(e&&e.type===h.a.code)}if(!s){P({environment:t,store:r,toBlockType:()=>h.a.toDo,matchRegex:/^\[\]$/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.subSubHeader,matchRegex:/^### $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.subHeader,matchRegex:/^## $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.header,matchRegex:/^# $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.toggle,matchRegex:/^> $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.quote,matchRegex:/^["“|] $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.bulletedList,matchRegex:/^[-\*\+] $/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,matchRegex:/^(\d+)\. $/,insertTextAfter:!1,transaction:a,toBlockType:e=>{const t=parseInt(e[1]);if(r.table!==v.a)return;const o=r.getRecordStoreAtRootPath(),a=i.a.fromRecordStore(o),s=a.getType();if(s===h.a.header||s===h.a.subHeader||s===h.a.subSubHeader)return;const l=a.getParentBlockStore();if(!l)return;const c=l.getContentStores(),d=c.findIndex(e=>e.id===a.id);if(-1===d)return;const u=c.slice(0,d),p=n.findLastIndex(u,e=>e.getType()!==h.a.numberedList);return u.length-(p+1)+1===t?h.a.numberedList:void 0}}),P({environment:t,store:r,toBlockType:()=>h.a.code,matchRegex:/^```$/,insertTextAfter:!1,transaction:a}),P({environment:t,store:r,toBlockType:()=>h.a.divider,matchRegex:/^—-$/,insertTextAfter:!0,transaction:a});const e=S.getSubstitutions(t);for(const n of e)T({environment:t,store:r,transaction:a,regex:n.replace,length:n.length,replace:n.with,analyticsType:"custom_substitution"});T({environment:t,store:r,transaction:a,regex:/--$/,length:2,replace:"—",analyticsType:"em_dash"}),T({environment:t,store:r,transaction:a,regex:/->$/,length:2,replace:"→",analyticsType:"right_arrow"}),T({environment:t,store:r,transaction:a,regex:/<->$/,length:3,replace:"↔",analyticsType:"right_left_arrow"}),T({environment:t,store:r,transaction:a,regex:/←>$/,length:2,replace:"↔",analyticsType:"right_left_arrow"}),T({environment:t,store:r,transaction:a,regex:/=>$/,length:2,replace:"⇒",analyticsType:"right_arrow_double"}),T({environment:t,store:r,transaction:a,regex:/<-$/,length:2,replace:"←",analyticsType:"left_arrow"}),T({environment:t,store:r,transaction:a,regex:/>=$/,length:2,replace:"≥",analyticsType:"greater_than_or_equal_to"}),T({environment:t,store:r,transaction:a,regex:/<=$/,length:2,replace:"≤",analyticsType:"less_than_or_equal_to"}),T({environment:t,store:r,transaction:a,regex:/!=$/,length:2,replace:"≠",analyticsType:"not_equal"}),function(e){T({environment:e.environment,store:e.store,transaction:e.transaction,regex:_,length:2,replace:A,analyticsType:"mention_punctuation"})}({environment:t,store:r,transaction:a}),j({environment:t,delimiter:"`",annotation:[o.b.Code],store:r,transaction:a}),j({environment:t,delimiter:"**",annotation:[o.b.Bold],store:r,transaction:a}),j({environment:t,delimiter:"*",annotation:[o.b.Italic],store:r,transaction:a}),j({environment:t,delimiter:"__",annotation:[o.b.Bold],store:r,transaction:a}),j({environment:t,delimiter:"_",annotation:[o.b.Italic],store:r,transaction:a}),j({environment:t,delimiter:"~",annotation:[o.b.Strike],store:r,transaction:a}),D({environment:t,delimiter:"$$",store:r,transaction:a}),function(e){const{environment:t,store:r,transaction:i}=e,a="editing"===k.default.state.mode&&k.default.state.selection;if(!a)return;const s=r.getValue(),c=n.toArray(o.V(s)).slice(0,a.endIndex).join("");if(o.jb(s,a.startIndex,a.endIndex,"c"))return;const d=/([^ ]+) $/.exec(c);if(!d)return;const p=d[1],h=o.Q(p);if(!h)return;const{value:g,href:f}=h,b=m(c,c.indexOf(g)),y=b+n.toArray(g).length,v={startIndex:b,endIndex:y};o.jb(s,b,y,"a")||(Me({environment:t,store:r,annotation:["a",f],selection:v,transaction:i}),u.m({store:r,selection:a}),l.fc(t,{href:f}))}({environment:t,store:r,transaction:a})}}var F=r("ZBwS");const R=new F,{DIFF_DELETE:N,DIFF_INSERT:V,DIFF_EQUAL:U}=F,Y=function(e,t){const r=W(e,{count:0,encoding:{},decoding:{}}),n=r.encodedString,o=W(t,r.cypher),i=o.encodedString,a=o.cypher;return function(e,t){return e.map(e=>{let[r,n]=e;return[r,X(n,t)]})}(R.diff_main(n,i),a).filter(e=>{let[t,r]=e;return""!==r})};function W(e,t){const r=n.toArray(e).map(e=>{const r=t.encoding[e];if(r)return r;{const r=String.fromCharCode(t.count);return t.count++,t.encoding[e]=r,t.decoding[r]=e,r}});if(t.count>65535)throw new Error("This string has way too many different characters.");const o=r.join("");return{cypher:t,encodedString:o}}function X(e,t){return e.split("").map(e=>t.decoding[e]).join("")}var z=r("ALSZ"),q=r("sQnJ"),H=r("UWl0"),G=r("X6Ne"),K=r("LNOE"),Z=r("7TLZ"),J=r("AmMh"),Q=r("w5u6"),$=r("I6hv"),ee=r("bmSz"),te=r("Cm2F"),re=r("S26v"),ne=r("H4VD"),oe=r("tP7q"),ie=r("/YYm"),ae=r("m8rc"),se=r("A9TN"),le=r("wiBh"),ce=r("wllP"),de=r("Rnyl"),ue=r("xstG"),pe=r("RI9y"),he=r("W7EN"),me=r("daQZ");function ge(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fe(e){for(var t=1;t0){const e=Object(le.c)(),n=o.m(f,e),p=r.getValue();ke({environment:t,store:r,value:o.kb(p,[n],i.startIndex),transaction:h});const y={startIndex:i.startIndex+b,endIndex:i.startIndex+b};u.m({store:r,selection:y}),function(e){const{store:t,transaction:r,environment:n}=e;r.postSubmitActions.push(()=>{const e=g.create(n);L({environment:n,store:t,transaction:e}),g.commit({environment:n,transaction:e,undoCheckpoint:!0})})}({environment:t,store:r,transaction:h}),a||z.c({environment:t,textStore:r,oldSelection:i,oldTextValue:m,disableDateMentions:s,disableDateReminderMentions:s||Boolean(l)}),c||q.c({environment:t,textStore:r,oldSelection:i,oldTextValue:m}),d||H.b({environment:t,textStore:r,oldSelection:i,oldTextValue:m})}}function we(e){const{environment:t,store:r,index:i,transaction:a}=e,s=e.tokens.map(o.Hb),l=r.getValue()||[];ke({environment:t,store:r,value:o.kb(l,s,i),transaction:a});const c=r.getRecordStoreAtRootPath();if("block"===c.table){const e=c,t=n.without(o.K(s),...o.K(l));for(const r of t){const t=Z.g(e);g.addOperation({transaction:a,store:t,operation:{table:t.table,id:t.id,path:t.path,command:"listAfter",args:{id:r,after:void 0}}})}}const d=o.G(s).length;u.m({store:r,selection:{startIndex:i+d,endIndex:i+d}})}function ke(e){const{environment:t,store:r,value:n,transaction:i}=e;if(w.c({store:r,transaction:i,value:o.Fb(n)}),r.isTable("block")){const e=r.getRecordStoreAtRootPath().getValue();e&&l.yb(t,{block_id:e.id,type:e.type})}}function Me(e){const{environment:t,store:r,selection:i,annotation:a,transaction:s}=e,l=r.getValue();if(l){const e=a,c=o.D(e),{tokensInsideRange:d}=o.Ib(l,i.startIndex,i.endIndex);let u;u=n.every(d,e=>o.ab(e).some(e=>o.D(e)===c))?d.map(e=>{const t=o.cb(e),r=o.ab(e).filter(e=>o.D(e)!==c);return o.m(t,r)}):d.map(t=>{const r=o.cb(t),n=o.ab(t).filter(e=>o.D(e)!==c);return n.push(e),o.m(r,n)});const p=r.getValue(),h=o.o(p,i.startIndex,i.endIndex);ke({environment:t,store:r,value:o.kb(h,u,i.startIndex),transaction:s})}}function Oe(e){const{environment:t,blocks:r,annotation:i,transaction:a}=e,s=o.D(i),l=n.compact(r.map(e=>{const t=e.getTitleStore();if(!t)return;const r=t.getValue();return r?{block:e,titleStore:t,titleValue:r}:void 0})),c=l.every(e=>{let{titleValue:t}=e;return t.every(e=>o.ab(e).some(e=>o.D(e)===s))});for(const{titleValue:n,titleStore:d}of l){ke({environment:t,store:d,value:n.map(e=>{const t=o.cb(e),r=o.ab(e).filter(e=>o.D(e)!==s);return c||r.push(i),o.m(t,r)}),transaction:a})}}function Ee(e){const{environment:t,store:r,selection:n,type:i,transaction:a}=e,s=r.getValue();if(s){const{tokensInsideRange:e}=o.Ib(s,n.startIndex,n.endIndex),l=e.map(e=>{const t=o.ab(e),r=o.cb(e),n=t.filter(e=>o.D(e)!==i);return o.m(r,n)}),c=o.o(s,n.startIndex,n.endIndex),d=o.kb(c,l,n.startIndex);if(ke({environment:t,store:r,value:d,transaction:a}),u.m({store:r,selection:n}),i===o.b.Link&&r.table===v.a){const e=r.getRecordStoreAtRootPath(),n=e.getValue();if(n){const o=Object(he.b)({parentBlock:n,oldTextValue:s,newTextValue:d,getRecordValue:r.getRecordValue});Object(me.d)({environment:t,transaction:a,parentStore:e,inlinePageIds:o})}}}}function Ce(e){const{environment:t,store:r,selection:n,transaction:i}=e,a=o.eb(r.getValue()),s=o.V(a),l=n.endIndex,c=s.length,{tokensInsideRange:d}=o.Ib(a,l,c);return d.length>0&&ye({environment:t,store:r,selection:{startIndex:l,endIndex:c},transaction:i}),{store:r,tokens:d}}function Pe(e){const{environment:t,store:r,selection:n,deleteAfterSelectionResult:o,transaction:i}=e;we({environment:t,store:r,tokens:o.tokens,index:n.startIndex,transaction:i})}function Te(e){const{environment:t,store:r,closestSelectable:n,shiftKey:o,transaction:i}=e,a=o?c.f({blocks:[n],transaction:i}):c.c({blocks:[n],transaction:i});if(!a)return;const l=k.default.state;if("editing"===l.mode){const{selection:e}=l;Q.default.afterNextFlush(()=>{const o=J.a.findSelectableFromStore(a[0]);if(d.j({store:n,replace:a[0]}),o){const n=Object(ce.a)(o.props.store);n?(u.j({store:r}),u.m({store:n,selection:e})):d.o({environment:t,phase:s.SelectionPhase.Selected})}})}}function je(e){const{environment:t,store:r,closestSelectable:n,transaction:o}=e,i=c.e({transaction:o,blocks:[n]});if(!i)return;const a=k.default.state;if("editing"===a.mode){const{selection:e}=a;Q.default.afterNextFlush(()=>{const o=J.a.findSelectableFromStore(i[0]);if(d.j({store:n,replace:i[0]}),o){const n=Object(ce.a)(o.props.store);n?(u.j({store:r}),u.m({store:n,selection:e}),k.default.emit()):d.o({environment:t,phase:s.SelectionPhase.Selected})}G.d()})}}function xe(e){const{environment:t,store:r,closestSelectable:n,transaction:o}=e,i=c.d({transaction:o,blocks:[n]});if(!i)return;const a=k.default.state;if("editing"===a.mode){const{selection:e}=a;Q.default.afterNextFlush(()=>{const o=J.a.findSelectableFromStore(i[0]);if(d.j({store:n,replace:i[0]}),o){const n=Object(ce.a)(o.props.store);n?(u.j({store:r}),u.m({store:n,selection:e}),k.default.emit()):d.o({environment:t,phase:s.SelectionPhase.Selected})}G.d()})}}function Ie(e){const{environment:t,store:r,newValue:i,disableMentions:a,disableDateMentions:s,disableSlashCommands:l,disableEmojiCommands:c,disableDateReminderMentions:d,transaction:h}=e,m=r.getValue(),g=o.V(m),f=Y(g,i),b=k.default.state;if("editing"!==b.mode)return;let y=0;for(let o=0;ob.selection.startIndex){if(e[0]===U){const t=f[o-1],r=f[o+1];let i=f[o-2],a=f[o+2];if(r&&r[0]===V)for(a||(a=[U,""],f.push(a));y+n.toArray(e[1]).length>b.selection.startIndex&&e[1].endsWith(r[1]);)e[1]=e[1].slice(0,e[1].length-r[1].length),a[1]=r[1]+a[1];else if(t&&t[0]===V)for(i||(i=[U,""],f.unshift(i));y+n.toArray(e[1]).length>b.selection.startIndex&&e[1].startsWith(t[1]);)e[1]=e[1].slice(t[1].length),i[1]=i[1]+t[1],y-=n.toArray(t[1]).length}break}y+=n.toArray(e[1]).length}let v=!1,S=!1,w=0;for(const[u,p]of f)if(u===V)v=!0,Se({environment:t,store:r,selection:{startIndex:w,endIndex:w},string:p,disableMentions:a,disableDateMentions:s,disableDateReminderMentions:d,disableSlashCommands:l,disableEmojiCommands:c,transaction:h}),w+=n.toArray(p).length;else if(u===N){v=!0,S=p===o.Db,ye({environment:t,store:r,selection:{startIndex:w,endIndex:w+n.toArray(p).length},transaction:h})}else u===U&&(w+=n.toArray(p).length);if(v&&!S){const e=p.l(t);e&&(u.m({store:r,selection:e.selection}),e.forceEmitSelectionStore&&k.default.emit())}}function De(e){const{environment:t,store:r,selection:n,annotation:i,analyticsFrom:a,transaction:s}=e;ye({environment:t,store:r,selection:n,transaction:s});const c=[o.g(i),o.m(" ")];if(we({environment:t,store:r,tokens:c,index:n.startIndex,transaction:s}),u.m({store:r,selection:{startIndex:n.startIndex+c.length,endIndex:n.startIndex+c.length}}),o.Bb(i)&&r.isTable("block")){const e=t.currentUser.id,n=o.gb(i),s=r.getRecordStoreAtRootPath().getValue();s&&e&&l.mc(t,{is_current_user:n===e,user_id:n,from:a,block_type:s.type})}else if(o.nb(i)&&r.isTable("block")){const e=o.H(i),n=r.getRecordStoreAtRootPath().getValue();n&&l.kc(t,{date:e,from:a,block_type:n.type})}else if(o.wb(i)&&r.isTable("block")){const e=o.S(i),n=r.getRecordStoreAtRootPath().getValue();n&&l.lc(t,{page_id:e,from:a,block_type:n.type})}}function Be(e){const{environment:t,store:r,selection:n,emoji:i,transaction:a}=e;ye({environment:t,store:r,selection:n,transaction:a});const s=[o.m(i)];we({environment:t,store:r,tokens:s,index:n.startIndex,transaction:a}),u.m({store:r,selection:{startIndex:n.startIndex+s.length,endIndex:n.startIndex+s.length}})}function _e(e){const{environment:t,store:r,selection:i,transaction:a}=e,s=Object(le.f)(r,i);let l=n.toArray(o.Z(r.getValue())),c=0;for(const o of s)if(c++,0===o)l.unshift("\t");else{const e=o+c;l=[...n.slice(l,0,e),"\t",...n.slice(l,e)]}Ie({environment:t,store:r,newValue:o.Gb(l.join("")),disableMentions:!0,disableDateMentions:!0,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:a}),u.m({store:r,selection:{startIndex:i.startIndex+1,endIndex:i.endIndex+c}})}function Ae(e){const{environment:t,store:r,selection:i,transaction:a}=e,s=Object(le.f)(r,i);let l=n.toArray(o.Z(r.getValue())),c=0,d=0;for(const o of s){const e=o-c;0===e?"\t"===l[0]?(l=n.slice(l,1),c+=1):" "===l[0]&&" "===l[1]?(l=n.slice(l,2),c+=2):" "===l[0]&&(l=n.slice(l,1),c+=1):"\t"===l[e+1]?(l=[...n.slice(l,0,e+1),...n.slice(l,e+2)],c+=1):" "===l[e+1]&&" "===l[e+2]?(l=[...n.slice(l,0,e+1),...n.slice(l,e+3)],c+=2):" "===l[e+1]&&(l=[...n.slice(l,0,e+1),...n.slice(l,e+2)],c+=1),o<=i.startIndex&&(d=c)}Ie({environment:t,store:r,newValue:o.Gb(l.join("")),disableMentions:!0,disableDateMentions:!0,disableSlashCommands:!0,disableEmojiCommands:!0,transaction:a}),u.m({store:r,selection:{startIndex:i.startIndex-d,endIndex:i.endIndex-c}})}function Le(e){const{environment:t,event:r,clickedToken:n,store:s,parentStore:l,canEdit:c}=e,d=o.ab(n.textToken),p=o.y(d),h=o.A(d),m=o.w(d).map(e=>o.J(e));if(o.qb(n.textToken)&&!r.shiftKey&&!r.altKey){if(r.preventDefault(),ue.a.state.open)de.a();else{const e=n.textToken,r=document.createRange(),o=n.node.parentNode,i=n.tokenIndex+1;r.setStart(o,n.tokenIndex),r.setEnd(o,i),pe.set(r,t.device),u.q({environment:t,store:s}),Q.default.afterNextFlush(()=>{"editing"===k.default.state.mode&&de.b({environment:t,selectedToken:{token:e,position:k.default.state.selection},selectionRect:n.node.getBoundingClientRect(),analyticsFrom:"click_token"})})}return}const g=m.find(e=>{const t=Object(a.c)(l||s,ee.a,e).getValue();return Boolean(t&&!t.resolved)});if(g){const e=Object(ce.c)(s),n=(p||h)&&($.b.state.open||t.device.isMobile);if(e&&!n){const n=r.target&&r.target.getBoundingClientRect();return te.c({environment:t,blockStore:e,analyticsFrom:"existing_comment",discussionId:g,rect:n}),void r.preventDefault()}}let f;if(p&&(f=re.i({str:o.P(p),allowNoProtocol:!0})),h){const e=o.S(h),t=i.a.createChildStore(l||s,e);f=Object(ie.a)({store:t})}if(f){if(r.preventDefault(),u.e(t),"page"===Object(oe.l)({url:f,baseUrl:se.default.baseURL,isMobile:t.device.isMobile,protocol:se.default.protocol,currentUrl:window.location.href}).name){const e=r.metaKey||r.ctrlKey;ne.navigate({environment:t,url:f,metaClick:e})}else ne.navigateToExternalURL({environment:t,url:f})}else if(c){const{textToken:e,node:i,tokenIndex:a}=n,l=o.ab(e);if(o.v(l))return ae.b(t,{originRect:i.getBoundingClientRect(),textStore:s,tokenIndex:a,allowReminders:"comment"!==s.table}),void r.preventDefault()}}r.d(t,"f",(function(){return ye})),r.d(t,"d",(function(){return ve})),r.d(t,"l",(function(){return Se})),r.d(t,"m",(function(){return we})),r.d(t,"q",(function(){return ke})),r.d(t,"a",(function(){return Me})),r.d(t,"b",(function(){return Oe})),r.d(t,"p",(function(){return Ee})),r.d(t,"e",(function(){return Ce})),r.d(t,"i",(function(){return Pe})),r.d(t,"r",(function(){return Te})),r.d(t,"o",(function(){return je})),r.d(t,"n",(function(){return xe})),r.d(t,"c",(function(){return Ie})),r.d(t,"k",(function(){return De})),r.d(t,"j",(function(){return Be})),r.d(t,"h",(function(){return _e})),r.d(t,"s",(function(){return Ae})),r.d(t,"g",(function(){return Le}))},AlLG:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("g4rC"),i=r("wldR"),a=r("zEGb"),s=r("G4GV"),l=r("Sb6f");function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;tt.props.store===e)}findScrollToSelectableFromStore(e){return this.findComponent(t=>t.props.store===e&&t.props.canSelect&&!t.props.disableScrollToReveal&&t.getContextSelectableContainer()===i.default.state.defaultContainer)}findScrollToSelectablesFromIds(e){return this.getComponents().filter(t=>e.includes(t.props.store.id)&&t.props.canSelect&&!t.props.disableScrollToReveal&&t.getContextSelectableContainer()===i.default.state.defaultContainer)}findSelectablesFromStore(e){return this.getComponents().filter(t=>t.props.store===e)}findNodeFromStore(e){const t=this.findSelectableFromStore(e);if(t)return t.getNode()}getRectFromStore(e){const t=this.findNodeFromStore(e);if(t&&t instanceof Element)return t.getBoundingClientRect()}findEditableStoreWithin(e){const t=this.findSelectableFromStore(e);if(t){const e=a.a.findEditableWithinSelectable(t);if(e)return e.props.store}}findSelectablesFromIds(e){const{defaultContainer:t}=i.default.state,r=this.getSortedComponents();return n.compact(e.map(e=>r.find(r=>{const n=r.props.store,o=r.getContextSelectableContainer();return Boolean(n&&n.id===e&&o===t)})))}}t.a=new s},AoM6:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("LvDl"),i=r("8N42"),a=r("ikHm"),s=r("wldR"),l=r("mF3+"),c=r("gRnv"),d=r("l4I2"),u=r("CaJT"),p=r("q2qQ"),h=r("6rsX"),m=r("y6Dp"),g=r("Sb6f"),f=r("BJyN"),b=r("LEzx");class y extends b.a{getInitialState(){return{isOpen:!1,isInsertOpen:!1,isTurnIntoOpen:!1,isColorOpen:!1,isTemplatesOpen:!1}}}var v=y,S=r("VOS9"),w=r("gbGO"),k=r("9hmv"),M=r("q8I6"),O=r("y4kc"),E=r("2HDO"),C=r("F9et"),P=r("p+Y9"),T=r("MBf9"),j=r("dsG5"),x=r("HTHG"),I=r("sjR4");var D,B=r("hi+p"),_=r("wXH4"),A=r("RI9y"),L=r("ALSZ"),F=r("Ajfl"),R=r("DNgp"),N=r("43ch"),V=r("Iece"),U=r("EmAo"),Y=r("5qTp"),W=r("WaiN"),X=r("MeYt"),z=r("typy"),q=r("6nbh"),H=r("wiBh"),G=r("XfKI"),K=r("wllP"),Z=r("J9+s"),J=r("QcDD"),Q=r("RQ1t"),$=r("WgIs"),ee=r("rro+"),te=r("Rd/G"),re=r("bVDK"),ne=r("30UQ"),oe=r("nM47"),ie=r("2Y+N"),ae=r("yioD"),se=r("nPEg"),le=r("xPzf"),ce=r("VpIZ");function de(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ue(e){for(var t=1;t({key:e.name,render:t=>n.createElement(re.a,Object.assign({key:e.name,title:e.name,type:"page_template",format:"phone-modal",emoji:e.emoji,locked:!1},t)),action:()=>{ne.i({environment:this.environment,item:e,createNewPage:!1,isPrivate:!1})}}),this.renderPageTemplatePickerItem=e=>{const t=this.props.currentBlockStore;return{key:e.name,render:t=>n.createElement(re.a,Object.assign({key:e.name,format:"phone-modal",title:e.name,type:e.type,icon:e.icon,locked:!1},t)),action:r=>{t&&Object(oe.j)(this.environment)&&(m.Td(this.environment,{name:e.name,is_keyboard:"keydown"===r.event.type}),e.onClick(this.environment,t))}}},this.handleScrollerRef=e=>{e&&(this.scrollerDiv=e)},this.handleCloseColorPopup=()=>{this.stores.store.setState(ue({},this.stores.store.state,{isColorOpen:!1}))},this.handleCloseInsertPopup=()=>{this.stores.store.setState(ue({},this.stores.store.state,{isInsertOpen:!1}))},this.handleCloseTurnIntoPopup=()=>{this.stores.store.setState(ue({},this.stores.store.state,{isTurnIntoOpen:!1}))},this.handleCloseTemplatesPopup=()=>{this.stores.store.setState(ue({},this.stores.store.state,{isTemplatesOpen:!1}))},this.handleUnindent=e=>{if("editing"!==R.default.state.mode)return;const t=R.default.state.store,r=Object(K.c)(t);r&&(T.createAndCommit(this.environment,e=>{F.r({environment:this.environment,store:t,closestSelectable:r,shiftKey:!0,transaction:e})}),this.trackItemTap("unindent"))},this.handleIndent=e=>{if("editing"!==R.default.state.mode)return;const t=R.default.state.store,r=Object(K.c)(t);r&&(T.createAndCommit(this.environment,e=>{F.r({environment:this.environment,store:t,closestSelectable:r,shiftKey:!1,transaction:e})}),this.trackItemTap("indent"))},this.handleMoveUp=async e=>{if("editing"!==R.default.state.mode)return;const t=R.default.state.store,r=Object(K.c)(t);r&&(T.createAndCommit(this.environment,e=>{F.o({environment:this.environment,store:t,closestSelectable:r,transaction:e})}),this.trackItemTap("move-up"))},this.handleMoveDown=e=>{if("editing"!==R.default.state.mode)return;const t=R.default.state.store,r=Object(K.c)(t);r&&(T.createAndCommit(this.environment,e=>{F.n({environment:this.environment,store:t,closestSelectable:r,transaction:e})}),this.trackItemTap("move-down"))},this.handleUndo=()=>{u.f(this.environment),this.trackItemTap("undo")},this.handleRedo=()=>{u.e(this.environment),this.trackItemTap("redo")},this.handleDismissKeyboard=e=>{h.e(this.environment),this.handleCloseInsertPopup(),this.trackItemTap("hide_keyboard");const t=document.activeElement;t instanceof HTMLElement&&"input"===t.tagName.toLowerCase()&&t.blur()},this.handleInsert=e=>{this.stores.store.setState(ue({},this.stores.store.state,{isInsertOpen:!0})),this.trackItemTap("insert")},this.handleTakePicture=e=>{!async function(e){const t=await P.b({multiple:!0,accept:e.device.isIOS?"image/*, video/*":"image/*"}),r=I.default.getCurrentRecordCacheStore(),n=x.b(e);0!==t.length&&r&&T.createAndCommit(e,o=>{const i=j.a({environment:e,files:t,recordCacheStore:r,pageWidth:n,transaction:o});p.k({environment:e,blocks:i,selection:I.default.state.stores,transaction:o}),h.e(e)})}(this.environment),this.trackItemTap("take_picture")},this.handleMention=e=>{L.e(this.environment,{page:!0,createPage:!0,user:!0,bot:!0,date:!0,reminder:!0}),this.trackItemTap("mention")},this.handleComment=e=>{const t=I.default.state.stores[0];t&&(c.d({environment:this.environment,blockStore:t}),this.trackItemTap("discuss"))},this.handleDelete=async e=>{const t=I.default.state.stores[0],r=R.default.state;if(t&&"editing"===r.mode){const e=r.store,n=Object(H.g)(e)||Object(H.h)(e);if(T.createAndCommit(this.environment,e=>{p.n({store:t,transaction:e})}),n){const e=Object(K.c)(n);h.f({environment:this.environment,store:e}),h.g(this.environment)}else h.e(this.environment);this.trackItemTap("remove")}},this.handleActionsScroll=()=>{m.d(this.environment)},this.handleActionsScrollDebounced=o.debounce(this.handleActionsScroll,500),this.handleMoreClick=e=>{h.q({environment:this.environment,stores:I.default.state.stores}),B.c({environment:this.environment,stores:I.default.state.stores,actions:f.c,left:e.clientX,top:e.clientY,showInput:!1,analyticsFrom:"mobile_more_menu"})},this.listenForPositionChanges=this.createComputedStore(()=>{const e=R.default.state;return"editing"===e.mode?{scrollTop:V.a.state.scrollTop,editing:!0,store:e.store.id,selection:e.selection.endIndex}:{scrollTop:V.a.state.scrollTop,editing:!1}}),this.shouldShow=this.createComputedStore(()=>{const{device:e}=this.environment;if(!e.isMobile)return!1;if(Y.default.state.open)return!1;if(U.a.state.isOpen)return!1;if(!e.isReactNative&&W.a.state.open)return!1;if(R.default.isEditingComment())return!1;if(this.stores.ignoreSelectionAreaStore.state.savedTextSelectionStoreState&&"editing"===this.stores.ignoreSelectionAreaStore.state.savedTextSelectionStoreState.mode)return!0;if("editing"!==R.default.state.mode)return!1;const t=N.a.findEditableWithStore(R.default.state.store);return(!t||!t.props.disableMobileActionBar)&&!!Object(G.x)()}),this.shouldShowTextActions=this.createComputedStore(()=>{const e=R.default.state;if("editing"===e.mode){const t=e.selection;if(t)return t.startIndex!==t.endIndex}const t=this.stores.ignoreSelectionAreaStore.state.savedTextSelectionStoreState;if(t&&"editing"===t.mode){const e=t.selection;if(e)return e.startIndex!==e.endIndex}return!1}),this.shouldShowBlockActions=this.createComputedStore(()=>!this.shouldShowTextActions.state),this.canTriggerBlockActions=this.createComputedStore(()=>{if(!this.shouldShowBlockActions.state)return!1;const e=ae.a.getMode(this.environment,this.props.currentBlockStore);if(e&&"edit"!==e)return!1;const{stores:t}=I.default.state;return t.length>0&&t[0].canEdit()&&!t[0].isNavigableBlock()}),this.canTriggerTextActions=this.createComputedStore(()=>{const e=ae.a.getMode(this.environment,this.props.currentBlockStore);return(!e||"edit"===e)&&this.props.currentBlockStore.canEdit()})}willMountOrUpdate(){const e=this.shouldShow.state,t=this.stores.store.state.isOpen;e?t?void 0!==this.currentlyShownTimer&&(window.clearTimeout(this.currentlyShownTimer),this.currentlyShownTimer=void 0):(this.stores.store.setState(ue({},this.stores.store.state,{isOpen:!0})),this.scrollerDiv&&(this.scrollerDiv.scrollLeft=0)):t&&void 0===this.currentlyShownTimer&&(this.currentlyShownTimer=window.setTimeout(()=>{this.currentlyShownTimer=void 0,this.stores.store.setState(ue({},this.stores.store.state,{isOpen:!1}))},200))}renderComponent(){const{device:e,WindowSizeStore:t}=this.environment,r=this.stores.store.state.isOpen;return n.createElement(n.Fragment,null,n.createElement(C.a,{capture:!0,render:e=>n.createElement("div",Object.assign({},e,{style:{position:"relative",width:"100%",height:0,zIndex:a.k}}),this.renderActionBar(),this.renderInsertPopup(),this.renderTurnIntoPopup(),this.renderColorPopup(),this.renderTemplatesPopup())}),!r&&e.isIPhoneX&&e.isNative&&n.createElement("div",{style:{position:"absolute",bottom:0,background:"transparent",height:t.state.paddingBottomCSS,width:"100%",pointerEvents:"none",WebkitUserSelect:"none"}}))}renderActionBar(){const e=this.stores.store.state.isOpen;if(this.props.position===D.Bottom)return n.createElement("div",{style:{position:"absolute",bottom:0,left:0,height:he.height,width:"100%",pointerEvents:e?"auto":"none",opacity:e?1:0,transform:e?"translateY(0)":"translateY(".concat(he.height,"px)"),transition:"opacity 120ms ease-out, transform 120ms ease-out"}},this.renderActionButtons());{const t=this.stores.ignoreSelectionAreaStore.state.savedTextSelectionRect||A.getSelectionRect();if(!t)return;const r=document.body.getBoundingClientRect(),o=ue({},t,{left:10,top:t.top+10-r.top});this.listenForPositionChanges.state;const{device:i}=this.environment;return n.createElement(_.c,{popupType:i.isReactNative?_.c.PopupType.SlideUp:_.c.PopupType.Popup,open:e,preventBlockingAnimation:!0,placementToOrigin:_.c.Placement.Bottom,alignmentToOrigin:_.c.Alignment.Start,originRect:o,disableMouseCapture:!0,keepFocus:!0,render:()=>n.createElement("div",{style:{height:he.height,width:"calc(80wv)",borderRadius:3,overflow:"hidden"}},this.renderActionButtons())})}}renderActionButtons(){const e=this.shouldShowTextActions.state,t=this.shouldShowBlockActions.state,r=this.shouldShowTemplatesButton();return n.createElement("div",{style:this.getActionButtonStyles()},r&&this.renderTemplatesButton(),!r&&t&&this.renderBlockActions(),!r&&e&&this.renderTextActions(),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{borderLeft:this.getItemBorder(),borderRight:"none"}),onClick:this.handleDismissKeyboard},he.keyboardIcon))}renderBlockActions(){const e=this.canTriggerBlockActions.state;let t=!1;const r=this.props.currentBlockStore.getValue();r&&!Object(ce.A)(r)&&(t=!0);const{device:o}=this.environment;return n.createElement("div",{ref:this.handleScrollerRef,style:this.getActionMenuStyle(),onScroll:this.handleActionsScrollDebounced},n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{},!o.isSmallPhone&&{paddingLeft:12,paddingRight:12}),onClick:this.handleInsert,disabled:!e},he.plusIcon,this.renderChevronDown()),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{fontWeight:g.a.fontWeight.medium}),onClick:e=>{this.stores.store.setState(ue({},this.stores.store.state,{isTurnIntoOpen:!0})),this.trackItemTap("turn_into")},disabled:!e},n.createElement(Z.FormattedMessage,{defaultMessage:"Turn into",id:"mobileActionBar.turnInto.buttonTitle"}),this.renderChevronDown()),n.createElement(C.a,{capture:!0,render:t=>n.createElement(X.a,Object.assign({mobileFeedback:!0,disabledFeedback:!0},t,{style:this.getItemStyle(),onClick:this.handleMention,disabled:!e}),n.createElement("span",{style:{fontSize:19,lineHeight:1,fontWeight:g.a.fontWeight.medium,marginBottom:o.isAndroid?4:0}},"@"))}),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:this.getItemStyle(),onClick:this.handleComment,disabled:!t},he.discussionIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:this.getItemStyle(),onClick:this.handleTakePicture,disabled:!e},he.imageIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:this.getItemStyle(),onClick:this.handleDelete,disabled:!e},he.trashIcon),this.renderBlockMovementActions(),this.renderBlockUndoActions(),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{fontWeight:g.a.fontWeight.medium}),onClick:e=>{this.stores.store.setState(ue({},this.stores.store.state,{isColorOpen:!0})),this.trackItemTap("color")},disabled:!e},n.createElement(Z.FormattedMessage,{defaultMessage:"Color",id:"mobileActionBar.color.buttonTitle"}),this.renderChevronDown()),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{fontWeight:g.a.fontWeight.medium}),onClick:this.handleMoreClick,disabled:!e},n.createElement(Z.FormattedMessage,{defaultMessage:"More",id:"mobileActionBar.more.buttonTitle"}),this.renderChevronDown()))}renderBlockMovementActions(){const e=this.canTriggerBlockActions.state,t=I.default.state.stores[0];return n.createElement("div",{style:ue({},this.getItemStyle(),{paddingLeft:6,paddingRight:6})},n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!e||!d.b(t),onClick:this.handleUnindent},he.unindentIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!e||!d.a(t),onClick:this.handleIndent},he.indentIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!e,onClick:this.handleMoveUp},he.moveUpIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!e,onClick:this.handleMoveDown},he.moveDownIcon))}renderBlockUndoActions(){return n.createElement("div",{style:ue({},this.getItemStyle(),{paddingLeft:6,paddingRight:6})},n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!u.b(),onClick:this.handleUndo},he.undoIcon),n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:he.minorItemStyle,disabled:!u.a(),onClick:this.handleRedo},he.redoIcon))}renderTextActions(){const e=this.canTriggerTextActions.state,t=this.props.currentBlockStore.canComment();return n.createElement("div",{style:this.getActionMenuStyle(),onScroll:this.handleActionsScrollDebounced},n.createElement(O.a,{style:this.getItemStyle(),blockStore:I.default.state.stores[0],disabled:!t}),n.createElement(k.a,{type:"b",style:this.getItemStyle(),onClick:()=>this.trackItemTap("bold"),disabled:!e},n.createElement("span",{style:{fontWeight:g.a.fontWeight.semibold}},n.createElement(Z.FormattedMessage,{defaultMessage:"B",id:"mobileActionBar.bold.symbol",description:"Letter 'B' which represents 'bold' format option."}))),n.createElement(k.a,{type:"i",style:this.getItemStyle(),onClick:()=>this.trackItemTap("italic"),disabled:!e},n.createElement("span",{style:{fontStyle:"italic",fontWeight:g.a.fontWeight.semibold}},n.createElement(Z.FormattedMessage,{defaultMessage:"i",id:"mobileActionBar.italic.symbol",description:"Letter 'i' which represents 'italic' format option."}))),n.createElement(k.a,{type:"_",style:this.getItemStyle(),onClick:()=>this.trackItemTap("underline"),disabled:!e},n.createElement("span",{style:{textDecoration:"underline"}},n.createElement(Z.FormattedMessage,{defaultMessage:"U",id:"mobileActionBar.underline.symbol",description:"Letter 'U' which represents 'underline' format option."}))),n.createElement(k.a,{type:"s",style:this.getItemStyle(),onClick:()=>this.trackItemTap("strike_through"),disabled:!e},n.createElement("span",{style:{textDecoration:"line-through"}},n.createElement(Z.FormattedMessage,{defaultMessage:"S",id:"mobileActionBar.strikeThrough.symbol",description:"Letter 'S' which represents 'strike-through' format option."}))),n.createElement(k.a,{type:"c",style:this.getItemStyle(),onClick:()=>this.trackItemTap("code"),disabled:!e},n.createElement("span",{style:{fontFamily:g.a.fontFamily.githubMono}},n.createElement(Z.FormattedMessage,{defaultMessage:"Code",id:"mobileActionBar.code.symbol",description:"Word 'code' which represents 'code' format option."}))),n.createElement(M.a,{style:this.getItemStyle(),disabled:!e},n.createElement("span",{style:{borderBottom:"1px solid ".concat(this.theme.linkDecorationColor)}},n.createElement(Z.FormattedMessage,{defaultMessage:"Link",id:"mobileActionBar.link.symbol",description:"Word 'link' which represents 'link' format option."}))),n.createElement(le.a,{onClick:()=>this.trackItemTap("equation"),disabled:!e,style:this.getItemStyle()},l.a.equation({width:16,height:16})),n.createElement(z.a,{style:this.getItemStyle(),ignoreSelectionAreaStore:this.stores.ignoreSelectionAreaStore,disabled:!e}))}renderTemplatesButton(){return n.createElement("div",{style:this.getActionMenuStyle()},n.createElement(X.a,{mobileFeedback:!0,disabledFeedback:!0,style:ue({},this.getItemStyle(),{borderRight:"none",fontWeight:g.a.fontWeight.medium}),onClick:e=>{this.stores.store.setState(ue({},this.stores.store.state,{isTemplatesOpen:!0})),this.trackItemTap("templates")}},l.a.templatesColor({width:20,marginRight:8}),n.createElement(Z.FormattedMessage,{defaultMessage:"Choose a template...",id:"mobileActionBar.templates.buttonTitle"}),this.renderChevronDown()))}renderInsertPopup(){const{device:e}=this.environment;return n.createElement(E.a,{capture:this.stores.store.state.isInsertOpen,ignoreBlockSelection:!1,focusOffscreenInput:!1,restoreSelection:!1,render:t=>n.createElement(_.c,{popupType:e.isMobile?_.c.PopupType.SlideUp:_.c.PopupType.Popup,open:this.stores.store.state.isInsertOpen,keepFocus:!0,onDismiss:()=>{t(),this.handleCloseInsertPopup()},render:()=>n.createElement(w.b,{menuType:w.b.MenuType.Modal,title:n.createElement(Z.FormattedMessage,{defaultMessage:"Insert block",id:"mobileActionBar.insertBlock.modalTitle"}),right:n.createElement(se.b,null),onClickRight:()=>{t(),this.handleCloseInsertPopup()}},n.createElement(S.a,{sections:f.i,context:{environment:this.environment,blocks:I.default.state.stores},onAccept:this.handleCloseInsertPopup}))})})}renderTurnIntoPopup(){const{device:e}=this.environment;return n.createElement(E.a,{capture:this.stores.store.state.isTurnIntoOpen,ignoreBlockSelection:!1,focusOffscreenInput:!1,restoreSelection:!0,render:()=>n.createElement(_.c,{popupType:e.isMobile?_.c.PopupType.SlideUp:_.c.PopupType.Popup,open:this.stores.store.state.isTurnIntoOpen,keepFocus:!0,onDismiss:this.handleCloseTurnIntoPopup,render:()=>n.createElement(w.b,{menuType:w.b.MenuType.Modal,title:n.createElement(Z.FormattedMessage,{defaultMessage:"Turn into",id:"mobileActionBar.turnInto.modalTitle"}),right:n.createElement(se.b,null),onClickRight:this.handleCloseTurnIntoPopup},n.createElement(S.a,{sections:[ue({},f.r,{title:""})],context:{environment:this.environment,blocks:I.default.state.stores},onAccept:this.handleCloseTurnIntoPopup}))})})}renderColorPopup(){const{device:e}=this.environment;return n.createElement(E.a,{capture:this.stores.store.state.isColorOpen,ignoreBlockSelection:!1,focusOffscreenInput:!1,restoreSelection:!0,render:()=>n.createElement(_.c,{popupType:e.isMobile?_.c.PopupType.SlideUp:_.c.PopupType.Popup,open:this.stores.store.state.isColorOpen,keepFocus:!0,onDismiss:this.handleCloseColorPopup,render:()=>n.createElement(w.b,{menuType:w.b.MenuType.Modal,title:n.createElement(Z.FormattedMessage,{defaultMessage:"Block color",id:"mobileActionBar.blockColor.modalTitle"}),right:n.createElement(se.b,null),onClickRight:this.handleCloseColorPopup},n.createElement(S.a,{sections:[f.p,f.o,f.b],context:{environment:this.environment,blocks:I.default.state.stores},onAccept:this.handleCloseColorPopup}))})})}renderTemplatesPopup(){const{device:e}=this.environment;return n.createElement(E.a,{capture:this.stores.store.state.isTemplatesOpen,ignoreBlockSelection:!1,focusOffscreenInput:!1,restoreSelection:!1,render:()=>n.createElement(_.c,{popupType:e.isMobile?_.c.PopupType.SlideUp:_.c.PopupType.Popup,open:this.stores.store.state.isTemplatesOpen,keepFocus:!0,render:()=>n.createElement(w.b,{menuType:w.b.MenuType.Modal,title:n.createElement(Z.FormattedMessage,{defaultMessage:"Templates",id:"mobileActionBar.templates.modalTitle"}),right:n.createElement(se.b,null),onClickRight:this.handleCloseTemplatesPopup},n.createElement($.a,{type:$.a.Type.Vertical,store:this.stores.templatePickerMenuListStore,initialFocus:void 0,disableInitialScroll:!0,disableCommandEnter:!0,onAccept:this.handleCloseTemplatesPopup,sections:[{key:"Basic",render:e=>n.createElement(ie.a,null,e.children),items:ee.d.map(this.renderPageTemplatePickerItem)},{key:"Database",render:e=>n.createElement(ie.a,{title:n.createElement(Z.FormattedMessage,{defaultMessage:"Database",id:"mobileActionBar.databaseSection.title"})},e.children),items:ee.a.filter(e=>e.shouldShow()).map(this.renderPageTemplatePickerItem)},...te.b(this.props.intl).map(e=>({key:e.name,render:t=>n.createElement(ie.a,{title:e.name,key:e.name},t.children),items:e.items.map(this.renderMobileTemplatePreviewItem)}))]}))})})}renderChevronDown(){return l.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor})}trackItemTap(e){m.me(this.environment,{itemName:e})}shouldShowTemplatesButton(){const{isPhone:e}=this.environment.device,t=this.props.currentBlockStore,r=J.default.state.currentLoadingContainerStore,n=Boolean(t&&t.isCollectionView()),o=Boolean(t&&t.getParentCollectionStore()),i=this.environment.currentUser.isLoggedIn();return Boolean(!o&&!n&&e&&t&&r&&t.hasValue()&&t.canEdit()&&0===t.getContentIds().length&&i&&r.state.ready)}getItemBorder(){return"1px solid ".concat(this.theme.regularDividerColor)}getActionButtonStyles(){const{device:e,WindowSizeStore:t}=this.environment;return{height:"100%",width:"100%",fontSize:15,display:"flex",boxShadow:this.theme.mediumBoxShadow,backgroundColor:this.theme.keyboardActionBarBackground,paddingLeft:e.isReactNative?t.state.paddingLeftCSS:0,paddingRight:e.isReactNative?t.state.paddingRightCSS:0}}getActionMenuStyle(){return{flexGrow:1,flexShrink:1,marginRight:-1,display:"flex",overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch"}}getItemStyle(){const{device:e}=this.environment;return{display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:e.isSmallPhone?8:10,paddingRight:e.isSmallPhone?8:10,borderRight:this.getItemBorder(),whiteSpace:"nowrap",height:he.height,flexShrink:0,flexGrow:0,flexBasis:"auto",color:this.theme.regularTextColor,minWidth:e.isSmallPhone?42:44}}}he.unindentIcon=l.a.indentDown({width:18,height:18,transform:"rotate(90deg)",position:"relative",left:1}),he.indentIcon=l.a.indentDown({width:18,height:18,transform:"rotate(-90deg)",position:"relative",left:-1}),he.moveUpIcon=l.a.moveUp({width:18,height:18,position:"relative",left:2}),he.moveDownIcon=l.a.moveUp({width:18,height:18,transform:"rotate(180deg)",position:"relative",left:2}),he.undoIcon=l.a.undo({width:19,height:19}),he.redoIcon=l.a.redo({width:19,height:19}),he.trashIcon=l.a.trash({width:18,height:18}),he.discussionIcon=l.a.speechBubbleThin({width:18,height:18}),he.plusIcon=l.a.thinPlus({width:14,height:14}),he.keyboardIcon=l.a.keyboard({width:18,height:18}),he.imageIcon=l.a.image({width:18,height:18}),he.height=42,he.minorItemStyle={width:34,justifyContent:"center"};var me=Object(Z.injectIntl)(he),ge=r("wPEN"),fe=r("zmp8"),be=r("AjLL");class ye extends s.a{renderComponent(){let e;return e=this.environment.LocalRecordStore?n.createElement(Z.FormattedMessage,{defaultMessage:"Please go online to load this page, then you'll be able to access it while offline.",id:"pageOfflineIndicator.hasLocalData.message"}):n.createElement(Z.FormattedMessage,{defaultMessage:"Oops, you seem to be offline. Please go online to view this page.",id:"pageOfflineIndicator.noLocalData.message"}),n.createElement("div",{style:this.getContainerStyle()},n.createElement("div",{style:this.getGreetingStyle()},e))}isLoggedIn(){return this.environment.currentUser.isLoggedIn()}getTopbarHeight(){const{device:e}=this.environment;return e.isElectronMac?be.a.desktopMacHeight:be.a.defaultHeight}getContainerStyle(){const{device:e}=this.environment;return{height:"100%",minHeight:this.isLoggedIn()?"calc(100vh - ".concat(2*this.getTopbarHeight(),"px)"):"100vh",paddingLeft:e.isMobile?16:32,paddingRight:e.isMobile?16:32,display:"flex",justifyContent:"center",alignItems:"center"}}getGreetingStyle(){const{device:e}=this.environment;return{fontSize:e.isMobile?18:32,marginBottom:8,textAlign:"center",color:fe.f.uiBlack,maxWidth:640,lineHeight:1.3}}}var ve=ye,Se=r("XBB3"),we=r("sV9r"),ke=r("8fuX"),Me=r("zK7c"),Oe=r("wpmu"),Ee=r("G4cA"),Ce=r("g4rC"),Pe=r("6WtK"),Te=r("i3uR"),je=r("LUuO"),xe=r("smsn"),Ie=r("wZk+"),De=r("stZG"),Be=r("MvRd"),_e=r("C7oc"),Ae=r("FcJC"),Le=r("TmDR"),Fe=r("uUOz"),Re=r("Wae9"),Ne=r("7M94"),Ve=r("AXh+"),Ue=r("d9nj");function Ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Xe extends s.a{constructor(){super(...arguments),this.renderOrigin=e=>{const{device:t}=this.environment;return n.createElement(X.a,Object.assign({style:this.getButtonStyle(),mobileFeedback:t.isMobile},e),l.a.dots({width:18,height:18}))},this.renderPopup=()=>{const{device:e}=this.environment,{store:t}=this.props,r={environment:this.environment,blocks:[t]};let o;return o=e.isMobile?{menuType:w.b.MenuType.ActionSheet}:{menuType:w.b.MenuType.Popup,width:210,maxHeight:"80vh"},n.createElement(w.b,Object.assign({},o),n.createElement(S.a,{sections:f.m,onAccept:this.handleAccept,context:r}))},this.handleClick=()=>{h.e(this.environment),m.Zc(this.environment)},this.handleDismiss=()=>{this.props.buttonPopupStore.setState(function(e){for(var t=1;t{const{currentBlockStore:t}=J.default.state;if(t&&e.name){const r=t.getType();r&&m.p(this.environment,{name:e.name,from:"public_topbar_more_menu",block_type:r})}e.closeParentMenu&&this.handleDismiss()}}renderComponent(){const{device:e}=this.environment;return n.createElement(Te.a,{popupType:e.isMobile?Te.a.PopupType.SlideUp:Te.a.PopupType.Popup,buttonPopupStore:this.props.buttonPopupStore,renderOrigin:this.renderOrigin,onClick:this.handleClick,render:this.renderPopup,originGap:8})}getButtonStyle(){const{device:e}=this.environment;return e.isMobile?{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",marginLeft:8,marginRight:8}:{display:"flex",alignItems:"center",justifyContent:"center",width:32,height:28,borderRadius:3}}}var ze=Xe,qe=r("4aFz"),He=r("sdlW"),Ge=r("G414"),Ke=r("Oy36"),Ze=r("OxuQ"),Je=r("HSWF"),Qe=r("id5p"),$e=r("H4VD"),et=r("/0g+"),tt=r("h5Kq"),rt=r("HRSx"),nt=r("ov3o"),ot=r("58VE"),it=r("UcZb"),at=r("Rtjx"),st=r("JBsN"),lt=r("Hq/H"),ct=r("wS9/"),dt=r("qX+M");function ut(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function pt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class ht extends s.a{constructor(){super(...arguments),this.storeTypes={shareButtonPopupStore:Ce.a},this.handleOpenQuickFind=()=>{qe.b({environment:this.environment,analyticsFrom:"public-page-topbar"})},this.handleShareClick=()=>{m.Vc(this.environment),oe.e(this.environment)},this.handleTopbarClick=()=>{h.e(this.environment)},this.navigateToFirstSpace=()=>{const{currentUserRootStore:e,currentUserSettingsStore:t}=J.default.state;e&&t&&He.n({environment:this.environment,userRootStore:e,userSettingsStore:t})},this.handleMoveToClick=e=>{Ge.d({blocks:[this.props.store],analyticsFrom:"quick_add",onAccept:this.handleMoveToAccept,isAddTo:!0})},this.handleMoveToAccept=e=>{const{currentSpaceStore:t}=J.default.state;t&&this.props.saveParent&&Je.N({currentUserId:this.environment.currentUser.id,spaceId:t.id,value:e}),m.nc(this.environment)},this.handleCancelQuickAdd=e=>{const t=J.default.state.currentBlockStore,r=nt.a.state.lastPageId;t&&r&&($e.navigateToBlock({environment:this.environment,store:Oe.a.createChildStore(t,r),showMoveTo:!1,saveParent:!1}),T.createAndCommit(this.environment,e=>{et.a({environment:this.environment,blocks:[t],transaction:e})}))}}renderComponent(){const{store:e}=this.props,{WindowSizeStore:t,device:r}=this.environment,o=Object(Ve.f)(this.environment,this.props.store);return n.createElement(De.a,{capture:!0,render:i=>n.createElement("div",Object.assign({},i,{style:this.getWrapStyle()}),o?this.renderPublicPageTopbar():this.renderNormalTopbar(),e.canEdit()&&r.isPhone&&n.createElement(Le.a,{store:this.props.store,isMobile:!0,key:this.props.store.id}),this.props.isOffline&&n.createElement(tt.b,{type:tt.a.White,isMobile:!0},n.createElement("div",{style:{display:"flex",alignItems:"center",width:"100%",paddingLeft:t.getSafePaddingLeftCSS(10),paddingRight:t.getSafePaddingRightCSS(14)}},l.a.mobileOffline({width:26,marginRight:12}),n.createElement("div",null,n.createElement(Z.FormattedMessage,{defaultMessage:"You're offline",id:"topbarMobile.offline.message"})))),n.createElement(je.a,{banners:this.props.banners,isMobile:!0}))})}renderPublicPageTopbar(){const{store:e}=this.props;return n.createElement("div",{onClick:this.handleTopbarClick,style:this.getStyle(),className:"notion-topbar-mobile"},this.environment.currentUser.isLoggedIn()&&n.createElement(n.Fragment,null,n.createElement(X.a,{style:{display:"flex",alignItems:"center",height:"100%",paddingLeft:14,paddingRight:14,fontWeight:g.a.fontWeight.medium,color:this.theme.regularTextColor},mobileFeedback:!0,onClick:this.navigateToFirstSpace},n.createElement(Z.FormattedMessage,{defaultMessage:"Back",id:"topbarMobile.backButton.label"})),n.createElement("div",{style:{height:18,width:1,flexShrink:0,marginRight:6,background:this.theme.darkDividerColor}})),n.createElement(Pe.a,{store:this.props.store,style:this.getBreadcrumbsStyle(),maxAncestorCount:1,showCurrentPageControls:!1,ancestorMaxWidth:100,currentPageMaxWidth:220,isMobile:!0}),n.createElement("div",{style:{flexGrow:1,flexShrink:1}}),n.createElement(Ue.a,{onClick:this.handleOpenQuickFind},l.a.searchThick({width:20,height:20})),n.createElement(ze,{store:e,buttonPopupStore:Fe.a}))}renderNormalTopbar(){const{store:e,presenceStore:t}=this.props,{isTablet:r}=this.environment.device,o=this.props.isInvalidPage;return n.createElement("div",{onClick:this.handleTopbarClick,style:this.getStyle(),className:Ne.Db},this.renderHamburgerButton(),r&&n.createElement(lt.a,null),!o&&this.renderBreadcrumbs(),e.canEdit()&&r&&n.createElement(Le.a,{store:e,isMobile:!1,key:e.id}),n.createElement(Be.a,null),r&&e.canEdit()&&t&&n.createElement(st.a,{rootStore:e,presenceStore:t}),this.props.shouldShowMoveTo?this.renderCancelQuickAdd():this.renderRightButtons())}renderHamburgerButton(){const e=Re.a.getUnreadMentionsCountForOtherSpaces();return n.createElement(X.a,{mobileFeedback:!0,style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,height:"100%",width:36,marginLeft:4},onClick:()=>{Object(at.a)(this.environment)?Ae.setExpand({environment:this.environment,isExpanded:!it.a.get()}):Ae.open(),m.Qc(this.environment)}},l.a.hamburgerMenu({width:18,height:18}),n.createElement(_e.a,{color:_e.a.Color.Red,count:e,style:{position:"absolute",top:9,right:1}}))}renderBreadcrumbs(){const{isTablet:e}=this.environment.device;return this.props.shouldShowMoveTo?this.renderMoveTo():n.createElement(Pe.a,{store:this.props.store,style:this.getBreadcrumbsStyle(),maxAncestorCount:e?2:1,showCurrentPageControls:!1,ancestorMaxWidth:e?160:100,currentPageMaxWidth:e?240:220,isMobile:!0})}renderMoveTo(){var e=this;const{store:t}=this.props,r=t.getParentStore(),{currentSpaceStore:o}=J.default.state,i=r instanceof Ee.a&&o&&r.id===o.id;if(r){if(i)return n.createElement(X.a,{mobileFeedback:!0,style:ht.moveToButtonStyle,onClick:this.handleMoveToClick},n.createElement(Z.FormattedMessage,{defaultMessage:"Add to{userAvatar}Private pages",id:"topbarMobile.addToPrivateSectionButton.label",values:{mediumcolor:function(){for(var t=arguments.length,r=new Array(t),o=0;on.createElement(X.a,Object.assign({mobileFeedback:!0,style:ht.actionButtonStyle},t),e.isAndroid?l.a.androidShare({width:16,height:16}):l.a.iOSShare({width:26})),render:()=>n.createElement(xe.a,{buttonPopupStore:this.stores.shareButtonPopupStore,store:this.props.store,onClose:()=>{this.stores.shareButtonPopupStore.setState(function(e){for(var t=1;t{if(!e)return;return n.createElement("div",{style:{position:"absolute",top:0,bottom:0,left:0,right:0,display:"flex",alignItems:"center",justifyContent:"center"},key:"spinner"},n.createElement(ft.a,{style:{opacity:.5,width:Dt.spinnerSize,height:Dt.spinnerSize}}))},this.renderContent=e=>{const{store:t}=this.props,{presenceStore:r,currentLoadingContainerStore:o}=J.default.state,i=t.getValue();return i&&i.type===yt.a.copyIndicator?n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:16,marginTop:"12vh"}},n.createElement(ft.a,null),n.createElement("div",{style:{fontSize:14,marginTop:8,color:this.theme.mediumTextColor}},n.createElement(Z.FormattedMessage,{defaultMessage:"Importing…",id:"frame.importingMessage"}))):this.shouldShowOfflineIndicator(e)?n.createElement(ve,{store:t}):n.createElement(n.Fragment,null,n.createElement(Se.b,{context:Se.a.Frame,store:t,loadingContainerStore:o,paddingBottom:Se.b.paddingBottom(this.environment),paddingLeft:Se.b.defaultPaddingLeftRight(this.environment),paddingRight:Se.b.defaultPaddingLeftRight(this.environment),pageCoverHeight:Se.b.defaultPageCoverHeight(this.environment),disabled:!1}),n.createElement(we.a,{presenceStore:r}))},this.handleScrollerMount=e=>{wt.a.PageScroller=e},this.isOffline=this.createComputedStore(()=>!Ct.a.state.online)}willUnmount(){i.a({rootStore:this.props.store})}renderComponent(){const{device:e,RouterStore:t}=this.environment,{isMobile:r}=e,{store:i,collectionViewStore:a,routerState:s}=this.props,{historyState:l}=s,{currentLoadingContainerStore:c,presenceStore:d,currentSpaceStore:u,currentSpaceViewStore:p}=J.default.state,h=this.shouldShowOfflineIndicator(void 0),m=this.environment.currentUser.isLoggedIn(),g=l&&o.isNumber(l.scrollTop)?l.scrollTop:void 0,{currentBlockStore:f}=J.default.state;return n.createElement(Pt.a,{isVisible:!0,animationStyle:{width:this.environment.WindowSizeStore.state.width-Object(at.b)(this.environment)},render:()=>n.createElement("div",{style:this.getStyle(),className:Ne.w},!r&&n.createElement(be.a,{store:i,collectionViewStore:a,spaceStore:u,spaceViewStore:p,presenceStore:d,showSidebarButton:!Object(at.f)(this.environment),isElectron:e.isElectron,isInvalidPage:h,banners:Et.a.state.banners}),r&&n.createElement(mt,{store:i,collectionViewStore:a,spaceStore:u,spaceViewStore:p,presenceStore:d,isInvalidPage:h,shouldShowMoveTo:Boolean(s.route.showMoveTo&&i.canEdit()&&i.isEmptyPage()&&i.isEmptyTitle()&&m),saveParent:Boolean(s.route.saveParent),banners:Et.a.state.banners,isOffline:this.isOffline.state}),n.createElement(Me.a,{store:i,key:i.id,isDefaultContainer:!0,disable:Boolean(kt.a.state.open||Mt.a.state.open),render:e=>n.createElement(ge.a,{pageStore:i,scrollToBlockIds:Ot.a(t),scrollToPosition:g,store:c,onReady:()=>vt.a(this.environment),initialChunkSize:50,incrementChunkSize:30,incrementScrollOffset:window.innerHeight,loadNextChunkTimeout:1e3,render:t=>{let{error:r,ready:o}=t;return n.createElement(n.Fragment,null,n.createElement(ke.b,Object.assign({ref:this.handleScrollerMount,disableScroll:gt.e(this.environment)||!o,type:this.useSeparateHorizontalScroller()?ke.b.OverflowType.Y:ke.b.OverflowType.All,style:this.getScrollerStyle(o),store:V.a},e),o&&this.renderContent(r),!o&&n.createElement(ft.a,{style:this.getSpinnerStyle()})),n.createElement(bt.a,{show:!o,showDelay:300,showHold:0,render:this.renderPageSpinner}))}})}),m&&r&&n.createElement(me,{position:e.isReactNative?D.Bottom:D.Floating,currentBlockStore:this.props.store}),this.shouldShowMobileBottomBar()&&m&&f&&n.createElement(Tt.a,{store:f}))})}shouldShowOfflineIndicator(e){const{store:t}=this.props,{currentLoadingContainerStore:r}=J.default.state;return!(!e||!r||r.state.endOfResultsReached)||(!t.getValue()||!t.canRead())}getPageViewBlockBottomPadding(){return"number"==typeof Se.b.paddingBottom(this.environment)?"".concat(Se.b.paddingBottom(this.environment),"px"):Se.b.paddingBottom(this.environment)}shouldShowMobileBottomBar(){const{isTablet:e,isReactNative:t,isAndroid:r}=this.environment.device;return t&&(e||r)}getStyle(){const{device:e}=this.environment,t=xt({flexGrow:1,flexShrink:1,display:"flex",flexDirection:"column",background:this.theme.contentBackground,zIndex:a.e,height:"100vh",maxHeight:"100%"},e.isTablet&&{position:"relative"});if(!Object(at.a)(this.environment)){const e=it.c.state;Object(at.g)(this.environment)||(t.boxShadow=this.theme.mediumBoxShadow),t.pointerEvents=e?"none":"auto",t.transform="translateX(0)"}return t}useSeparateHorizontalScroller(){return this.props.store.isCollectionView()&&!St.b(this.environment)}getScrollerStyle(e){const t=xt({display:"flex",flexDirection:"column",zIndex:1,flexGrow:1,position:"relative"},e?{}:Dt.hiddenStyle);return this.props.store.isCollectionView()?t:xt({},t,{alignItems:"center"})}getSpinnerStyle(){return{zIndex:1,opacity:.5,width:Dt.spinnerSize,height:Dt.spinnerSize,marginTop:"calc(-".concat(Dt.spinnerSize," / 2 - ").concat(this.getPageViewBlockBottomPadding()," / 2)"),marginBottom:24,marginLeft:"auto",marginRight:"auto"}}}Dt.spinnerSize="1.375em",Dt.hiddenStyle={opacity:0,pointerEvents:"none",height:0};t.a=Dt},AvkE:function(e,t,r){"use strict";r.d(t,"k",(function(){return v})),r.d(t,"d",(function(){return S})),r.d(t,"h",(function(){return M})),r.d(t,"l",(function(){return O})),r.d(t,"f",(function(){return E})),r.d(t,"b",(function(){return C})),r.d(t,"a",(function(){return P})),r.d(t,"c",(function(){return T})),r.d(t,"g",(function(){return j})),r.d(t,"e",(function(){return x})),r.d(t,"j",(function(){return I})),r.d(t,"i",(function(){return D}));r("ioFf"),r("rGqo"),r("a1Th");var n=r("LvDl"),o=r("6CqZ"),i=r("7L5k"),a=r("HRSx"),s=r("FUUC"),l=r("6SEd"),c=r("njgS"),d=r("nFzZ"),u=r("VpIZ"),p=r("z22Z"),h=r("cBa6"),m=r("bmSz"),g=r("5/h/");function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;te.table===g.a&&e.id===t.mentioned_user_id))return!0}else if(e.every(e=>"comment-deleted"===e.type))return!0}return!1}function M(e,t){return function(e){const t=e&&e.edits||[];return d.r(n.flatten(t.map(e=>e.authors||[])))}(e).some(e=>e.table===g.a&&e.id===t)}function O(e,t){const r=h.Y(e||[]),o=h.Y(t||[]);return!n.isEqual(r,o)}function E(e){const{before:t,after:r,schema:n}=e,o=[];return(n?Object.keys(n):c.p).forEach(e=>{O(t&&t.properties&&t.properties[e],r&&r.properties&&r.properties[e])&&o.push(e)}),o}function C(e){const{before:t,after:r,property:n}=e;return O(t&&t.properties&&t.properties[n],r&&r.properties&&r.properties[n])}function P(e){return E(e).length>0}function T(e){const{before:t,after:r}=e,n=t?t.type:void 0,o=r?r.type:void 0,i=t&&r&&u.z(t)&&u.z(r);return n&&o&&n!==o&&!i}function j(e){const{activity:t,getRecordValue:r,baseUrl:n}=e;if("top-level-block-created"===t.type||"top-level-block-deleted"===t.type){const e=r("block",t.top_level_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else if("commented"===t.type){const e=r("discussion",t.discussion_id);if(e){const t=r("block",e.parent_id);if(t)return u.j({table:"block",value:t,getRecordValue:r,baseUrl:n,discussionId:e.id})}}else if("collection-row-created"===t.type||"collection-row-deleted"===t.type){const e=r("block",t.collection_row_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else if("permissions-edited"===t.type)if(t.navigable_block_id){const e=r("block",t.navigable_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else{const e=r("space",t.space_id);if(e)return u.j({table:"space",value:e,getRecordValue:r,baseUrl:n})}else if("block-edited"===t.type){const e=r("block",t.navigable_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else if("user-mentioned"===t.type){const e=r("block",t.mentioned_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else if("reminder"===t.type){const e=r("block",t.reminder_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else if("user-invited"===t.type)if(t.navigable_block_id){const e=r("block",t.navigable_block_id);if(e)return u.j({table:"block",value:e,getRecordValue:r,baseUrl:n})}else{const e=r("space",t.space_id);if(e)return u.j({table:"space",value:e,getRecordValue:r,baseUrl:n})}return n||"/"}function x(e){switch(e.type){case"top-level-block-created":return"activity_top_level_block_created";case"top-level-block-deleted":return"activity_top_level_block_deleted";case"collection-row-created":return"activity_collection_row_created";case"collection-row-deleted":return"activity_collection_row_deleted";case"block-edited":return"activity_block_edited";case"permissions-edited":return"activity_permissions_edited";case"user-mentioned":return"activity_mention";case"commented":return"activity_comment";case"user-invited":return"activity_invited";case"collection-edited":return"collection_edited";case"collection-view-edited":return"collection_view_edited";case"collection-property-edited":return"collection_property_edited";case"reminder":return"activity_reminder";case"permission-group-edited":return"activity_permission_group_edited";case"page-locked":return"activity_page_locked";case"page-unlocked":return"activity_page_unlocked";case"email-edited":return"activity_email_edited"}}function I(e){return Boolean(o.f[e.type])}function D(e){if("permission-created"===e.type){const t=e.permission_data;if("user_permission"===t.type&&p.d(t.role)&&e.authors&&1===e.authors.length&&e.authors[0].table===g.a&&e.authors[0].id===t.user_id)return!0}return!1}},AwHX:function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR");class i extends o.a{renderComponent(){const e=this.environment.device.isMobile?i.mobileStyle:i.desktopStyle;return n.createElement("div",{style:e},this.props.icon(this.props.styles))}}i.desktopStyle={width:16},i.mobileStyle={width:16},t.a=i},"B2+S":function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{open:!1,rect:{top:0,right:0,left:0,bottom:0,width:0,height:0}}}}t.a=new o},B22C:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("i8i4"),i=r("wldR"),a=r("VyA+"),s=r("wXH4"),l=r("uSCg"),c=r("nFzZ"),d=r("g4rC");function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t{this.openAfterTimeout()},this.handleExtensionEnter=e=>{this.props.onFocus(),this.openAfterTimeout()},this.handleWindowClick=e=>{if(this.environment.device.isMobile)return;const t=o.findDOMNode(this);this.isOpen()&&t&&!t.contains(e.target)&&this.handleClose()},this.handleWindowKeydown=e=>{13===e.keyCode&&this.isOpen()&&this.handleClose()},this.openAfterTimeout=e=>{this.clearTimeouts(),this.isOpen()||(e&&e.preventDefault&&e.preventDefault(),this.delayedOpenTimeout=setTimeout(this.handleOpen,m.delayToOpen))},this.closeAfterTimeout=()=>{this.clearTimeouts(),this.isOpen()&&(this.delayedCloseTimeout=setTimeout(this.handleClose,m.delayToClose))},this.handleOpen=()=>{this.clearTimeouts(),this.isOpen()||this.setOpen(!0)},this.handleClose=()=>{this.clearTimeouts(),this.isOpen()&&this.setOpen(!1)},this.handleFocusAndOpen=()=>{this.props.onFocus(),this.handleOpen()}}willMount(e){super.willMount(e),Boolean(e.disableDefaultClick)||window.addEventListener("click",this.handleWindowClick),window.addEventListener("keydown",this.handleWindowKeydown)}willUnmount(){super.willUnmount(),Boolean(this.props.disableDefaultClick)||window.removeEventListener("click",this.handleWindowClick),window.removeEventListener("keydown",this.handleWindowKeydown)}willMountOrUpdate(e){super.willMountOrUpdate(e),e.focused||this.closeAfterTimeout(),e.openOnFocus&&!this.props.focused&&e.focused&&this.openAfterTimeout()}renderComponent(){const{device:e}=this.environment,t=c.n(this.props,["onClick","children","renderOrigin","renderExtension"]),{renderOrigin:r,renderExtension:o}=this.props,i=p({},Object(l.a)({onMouseEnter:this.handleOriginEnter,onClick:this.handleFocusAndOpen},t),{showExtensionArrow:!0});return n.createElement(a.a,{capture:this.props.focused,onEnter:this.isOpen()?void 0:this.openAfterTimeout,onRight:this.openAfterTimeout,onLeft:this.isOpen()?this.closeAfterTimeout:void 0,onEsc:this.isOpen()?this.closeAfterTimeout:void 0},n.createElement(s.c,{popupType:e.isMobile?s.c.PopupType.SlideUp:s.c.PopupType.Popup,open:this.isOpen(),origin:r(i),placementToOrigin:s.c.Placement.Right,alignmentToOrigin:s.c.Alignment.Center,originGap:0,disableMouseCapture:!0,preventBlockingAnimation:!0,preventScaleTransition:!e.isMobile,preventCaptureEsc:!0,render:()=>o({onMouseEnter:this.handleExtensionEnter},{close:this.closeAfterTimeout})}))}clearTimeouts(){clearTimeout(this.delayedOpenTimeout),clearTimeout(this.delayedCloseTimeout),this.delayedOpenTimeout=null,this.delayedCloseTimeout=null}isOpen(){return this.stores.openStore.state.open}setOpen(e){return this.stores.openStore.setState(p({},this.stores.openStore.state,{open:e}))}}m.delayToOpen=120,m.delayToClose=100,t.a=m},BJyN:function(e,t,r){"use strict";r("ioFf"),r("SRfc"),r("rGqo"),r("Vd3H"),r("pIFo");var n=r("q1tI"),o=r("J9+s"),i=r("LvDl"),a=r("3zPy"),s=r("/YYm"),l=r("IdIf"),c=r("XfKI"),d=r("HRSx"),u=r("njgS"),p=r("Cycz"),h=r("cBa6"),m=r("Sb6f"),g=r("sjR4"),f=r("NbyO"),b=r("ICWk"),y=r("ox2z"),v=r("SR/M"),S=r("B22C"),w=r("gbGO"),k=r("VOS9"),M=r("wldR"),O=r("uSCg"),E=r("LeVO"),C=r("zmp8"),P=r("MeYt"),T=r("aEEb");function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;tthis.props.tooltip,placement:E.a.Placement.Bottom,delayThreshold:80,render:i=>n.createElement(P.a,Object.assign({mobileFeedback:this.environment.device.isMobile,onClick:e,onMouseDown:t,hovered:this.props.focused,style:x({width:"100%"},this.environment.device.isMobile?D.mobileButtonStyle:D.desktopButtonStyle,{justifyContent:"center",color:this.props.isActive?C.f.blue:"inherit"})},Object(O.a)(i,{onMouseEnter:r,onMouseLeave:o}),{className:"notranslate"}),n.createElement("div",{style:D.optionItemStyle},n.createElement("div",{style:x({},this.props.style,{height:25})},"Ag"),n.createElement(T.a,{isSmall:!0,style:{marginTop:4}},this.props.caption)))})}}D.contextTypes=w.c,D.optionItemStyle={display:"flex",flexDirection:"column",alignItems:"center",minWidth:34,justifyContent:"flex-end"},D.desktopButtonStyle={padding:6,paddingTop:10,borderRadius:3,transition:"color 300ms, border 300ms",lineHeight:1},D.mobileButtonStyle={padding:16,paddingTop:20,transition:"color 300ms, border 300ms",lineHeight:1};var B,_=D,A=r("2Y+N"),L=r("2m/B"),F=r("Pqcg");function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}!function(e){e[e.Insert=0]="Insert",e[e.TurnInto=1]="TurnInto"}(B||(B={}));class V extends M.a{constructor(){super(...arguments),this.renderMenuItem=e=>n.createElement(v.a,Object.assign({},Object(O.a)(e||{},this.props),{title:n.createElement("div",{style:{display:"flex",alignItems:"center"}},this.props.title),icon:this.createIconWithThumbnail(this.props.thumbnail),caption:this.isInsertFormat()&&this.props.description})),this.renderTooltip=()=>n.createElement(F.a,{imageURL:this.props.tooltipPhoto,imageWidth:this.props.tooltipPhoto?140:void 0,imageHeight:100,caption:this.props.description})}renderComponent(){return this.environment.device.isMobile?this.renderMenuItem():n.createElement(E.a,{renderTooltip:this.renderTooltip,placement:E.a.Placement.Right,delayThreshold:0,render:e=>this.renderMenuItem(e)})}createIconWithThumbnail(e){const t=this.isInsertFormat();return n.createElement(L.a,{src:e,style:{display:"block",width:t?46:22,height:t?46:22,borderRadius:3,flexGrow:0,flexShrink:0,boxShadow:this.theme.borderBoxShadow,background:C.f.white}})}isInsertFormat(){return this.props.format===B.Insert}}V.Format=B,V.contextTypes=function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}class bt extends M.a{constructor(){super(...arguments),this.storeTypes={autocompleteQuery:gt.a.of("")},this.renderOrigin=e=>n.createElement(y.a,Object.assign({},e,{title:n.createElement(o.FormattedMessage,Object.assign({},this.props.title)),svg:Be.a.squarePlus,shortcuts:[]})),this.renderExtension=(e,t)=>{const r=this.props,{blocksToTransform:o,onAccept:i}=r,a=ft(r,["blocksToTransform","onAccept"]);return n.createElement(ht.a,Object.assign({},a,{targets:this.props.blocksToTransform,isAddTo:!0,isCreateIn:!0,isTurnIntoPage:!0,parentBlockId:void 0,onAccept:async e=>{i&&i(),t.close(),await mt.b(this.environment,{createInValue:e,blocksToTransform:o})},onCancel:t.close,autocompleteQuery:this.stores.autocompleteQuery.state,onAutocompleteQueryChange:this.handleAutocompleteQueryChange,onMouseEnter:e.onMouseEnter,desktopWidth:330,captureSelection:!0,restoreSelection:!0}))},this.handleAutocompleteQueryChange=e=>{this.stores.autocompleteQuery.setState(e)}}renderComponent(){return n.createElement(S.a,Object.assign({},this.props,{disableDefaultClick:!0,renderOrigin:this.renderOrigin,renderExtension:this.renderExtension}))}}var yt=bt;function vt(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function St(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function wt(e){for(var t=1;tn.createElement(y.a,Object.assign({},e,{title:p,svg:i,shortcuts:s})))}}function Pt(e){const{key:t,title:r,overrideSearchTitle:n,render:o,actions:i}=e,a=n||r;return{key:t,title:r?it.default.formatMessage(r):void 0,searchTitle:a?"".concat(it.default.formatMessage(a)," ").concat(a.defaultMessage):void 0,render:o,actions:i}}const Tt=[c.n,c.ub(c.Z),c.u];function jt(e){return Ct(wt({},e,{validators:Tt,closeParentMenu:!0,action:t=>{let{environment:r,blocks:n}=t;ke.createAndCommit(r,t=>{Qe.b({environment:r,blocks:n,annotation:e.annotation,transaction:t})})}}))}function xt(e){const{key:t,name:r,validators:o,shortcuts:i,subActions:a,svg:s}=e,l=Ct({key:"extension ".concat(t),name:r,validators:o,shortcuts:i,subActions:a,closeParentMenu:!0,action:()=>{},render:(e,t,r)=>n.createElement(S.a,Object.assign({},e,{renderOrigin:e=>n.createElement(y.a,Object.assign({},e,{title:l.name,svg:s,shortcuts:[]})),onFocus:r.onFocus,renderExtension:(e,o)=>{let i;return i=t.environment.device.isMobile?wt({menuType:w.b.MenuType.Modal,right:n.createElement(lt.c,null),onClickRight:o.close},e):wt({menuType:w.b.MenuType.Popup,width:200},e),n.createElement(w.b,Object.assign({},i),n.createElement(k.a,{initialFocus:0,context:t,sections:a(t),onAccept:r.onAccept}))}}))});return l}function It(e,t){return{key:"insert ".concat(e.blockType),name:e.title,searchName:e.searchTitle,render:(t,r)=>n.createElement(U,Object.assign({},t,e,{format:U.Format.Insert})),closeParentMenu:!0,action:r=>{let{environment:n}=r;ke.createAndCommit(n,r=>{pe.j({environment:n,selection:g.default.state.stores,createBlockItem:e,analyticsFrom:t,transaction:r})})}}}const Dt=[c.n,c.ub(c.Z),c.e,c.v,c.ub(c.h)],Bt={default:wt({},Mt.foregroundColorDefault),gray:wt({},Mt.foregroundColorGray),brown:wt({},Mt.foregroundColorBrown),orange:wt({},Mt.foregroundColorOrange),yellow:wt({},Mt.foregroundColorYellow),teal:wt({},Mt.foregroundColorGreen),blue:wt({},Mt.foregroundColorBlue),purple:wt({},Mt.foregroundColorPurple),pink:wt({},Mt.foregroundColorPink),red:wt({},Mt.foregroundColorRed),gray_background:wt({},Mt.backgroundColorGray),brown_background:wt({},Mt.backgroundColorBrown),orange_background:wt({},Mt.backgroundColorOrange),yellow_background:wt({},Mt.backgroundColorYellow),teal_background:wt({},Mt.backgroundColorGreen),blue_background:wt({},Mt.backgroundColorBlue),purple_background:wt({},Mt.backgroundColorPurple),pink_background:wt({},Mt.backgroundColorPink),red_background:wt({},Mt.backgroundColorRed)};function _t(e){return Bt[e]}function At(e,t){switch(e){case"default":return Mt.backgroundColorDefaultKeywords;case"gray":return Mt.foregroundColorGrayKeywords;case"gray_background":return Mt.backgroundColorGrayKeywords;default:return t}}function Lt(e,t,r){const o=r||_t(e),i=Ct({key:"color ".concat(t||e),name:o,overrideSearchName:At(e,o),validators:Dt,action:t=>{let{blocks:r,environment:n}=t;"default"!==e&&$e.a.setHighlightColor(e),ke.createAndCommit(n,t=>{Ee.h({stores:r,update:{block_color:"default"===e?void 0:e},transaction:t})}),g.default.state.phase!==g.SelectionPhase.Selected||n.device.isMobile||Q.e(n)},closeParentMenu:!0,render:t=>n.createElement(Y.a,Object.assign({},t,{color:e,overrideName:i.name}))});return i}const Ft=[c.n,c.c,c.ub(c.ab)];const Rt=Ct({key:"delete block",name:Mt.deleteName,svg:Be.a.trash,validators:[c.vb([c.b([c.F,c.p]),c.b([c.n,c.o,c.ub(c.g)])]),c.ub(c.Z)],shortcuts:["delete","backspace"],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;ke.createAndCommit(r,e=>{pe.o({environment:r,blocks:t,transaction:e})})}}),Nt=Ct({key:"delete block without shortcuts",name:Mt.deleteName,svg:Be.a.trash,validators:[c.n,c.o,c.ub(c.g)],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;ke.createAndCommit(r,e=>{pe.o({environment:r,blocks:t,transaction:e})})}}),Vt=Ct({key:"duplicate",name:Mt.duplicateName,svg:Be.a.duplicate,validators:[c.p,c.ub(c.g),c.ub(c.j),c.vb([c.h,c.ub(c.Z)])],shortcuts:["duplicate"],closeParentMenu:!0,action:Object(Le.b)(e=>{let{blocks:t,environment:r}=e;_e.j(r)&&(ke.createAndCommit(r,e=>{pe.e({environment:r,blocks:t,transaction:e})}),ee.default.afterNextFlush(()=>{$.d()}))})}),Ut=Ct({key:"duplicate into private",name:Mt.duplicateName,svg:Be.a.duplicate,validators:[c.hb,c.ub(c.U),c.vb([c.j,c.ub(c.o)])],closeParentMenu:!0,action:async e=>{let{blocks:t,environment:r}=e;if(!_e.j(r))return;const n=t[0],o=Re.default.state.currentSpaceStore,i=Re.default.state.currentSpaceViewStore;o&&i&&await me.c({environment:r,store:n,spaceStore:o,spaceViewStore:i,isPrivate:!0})}}),Yt=xt({key:"duplicate to workspace",name:Mt.duplicateToName,svg:Be.a.duplicate,validators:[c.hb,c.U,c.ub(c.o),c.z],subActions:e=>{let{blocks:t,environment:r}=e;const{currentUserRootStore:o}=Re.default.state;if(!o)return[];const i=t[0],a=nt.k(o),s=[];for(const l of a){const e=l.getSpaceStore();if(e){const t=Object(pt.getSpaceName)(r,e),o=Object(pt.getSpaceIcon)(r,e);s.push({key:l.id,name:t||"",searchName:t||"",closeParentMenu:!0,action:async()=>{await me.c({environment:r,store:i,spaceStore:e,spaceViewStore:l,isPrivate:!0})},render:(e,r)=>{let{environment:i}=r;return n.createElement(v.a,Object.assign({title:t,icon:n.createElement(ot.a,{icon:o,isEmptyPage:!1,title:t,size:i.device.isMobile?24:20,disabled:!0})},e))}})}}return[Pt({key:"duplicate-to",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:s})]}}),Wt=Ct({key:"leave shared page",name:Mt.leaveName,svg:Be.a.logout,validators:[c.j,c.Bb],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;ke.createAndCommit(n,e=>{Se.leaveBlocks({environment:n,blocks:r,transaction:e})})}}),Xt=Ct({key:"add to favorites",name:Mt.addtoFavoritesName,svg:Be.a.star,validators:[c.hb,c.ub(c.I)],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const{currentSpaceViewStore:o}=Re.default.state;o&&ke.createAndCommit(n,e=>{Se.bookmarkPage({spaceViewStore:o,store:r[0],transaction:e})})}}),zt=Ct({key:"remove from favorites",name:Mt.removefromFavoritesName,svg:Be.a.star,validators:[c.I],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const{currentSpaceViewStore:o}=Re.default.state;o&&ke.createAndCommit(n,e=>{Se.unbookmarkPage({spaceViewStore:o,store:r[0],transaction:e})})}}),qt=Ct({key:"rename page",name:Mt.renameName,svg:Be.a.rename,validators:[c.kb,c.n,c.qb,c.hb,c.ub(c.nb),c.ub(c.d),c.ub(c.ab)],shortcuts:["rename"],closeParentMenu:!0,action:(e,t)=>{const{blocks:r,originRect:n}=e;if(r.length>0)return le.b({blockStore:r[0],originRect:n})}}),Ht=Ct({key:"rename file",name:Mt.renameName,svg:Be.a.rename,validators:[c.n,c.qb,c.S,c.ub(c.d)],shortcuts:["rename"],closeParentMenu:!0,action:(e,t)=>{const{blocks:r,originRect:n}=e;if(r.length>0)return ce.b({blockStore:r[0],originRect:n})}}),Gt=Ct({key:"quick find",name:Mt.quickFindName,validators:[c.lb],shortcuts:["quickFind"],closeParentMenu:!0,action:e=>{let{environment:t}=e;se.c({environment:t,analyticsFrom:"keyboard-shortcut"})}}),Kt=Ct({key:"search",name:Mt.searchName,validators:[c.bb,c.R],shortcuts:["search"],closeParentMenu:!0,action:()=>{Oe.inPageSearch.start(He.a.state.open)}}),Zt=Ct({key:"mobile undo",name:Mt.undoName,svg:Be.a.undo,validators:[c.ob,c.ub(c.e)],closeParentMenu:!0,action:e=>{let{environment:t}=e;return de.f(t)}}),Jt=Ct({key:"mobile redo",name:Mt.redoName,svg:Be.a.redo,validators:[c.ob,c.ub(c.e)],closeParentMenu:!0,action:e=>{let{environment:t}=e;return de.e(t)}}),Qt=Ct({key:"undo",name:Mt.undoName,svg:Be.a.undo,validators:[c.ub(c.eb)],shortcuts:["undo"],closeParentMenu:!0,action:e=>{let{environment:t}=e;return de.f(t)}}),$t=Ct({key:"redo",name:Mt.redoName,svg:Be.a.redo,validators:[],shortcuts:["redo"],closeParentMenu:!0,action:e=>{let{environment:t}=e;return de.e(t)}}),er=Ct({key:"up",name:Mt.selectAboveName,validators:[],shortcuts:["up"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;if(t&&Ot(t))return t.metaKey||t.ctrlKey?Q.m(r):void Q.d({environment:r,shiftKey:Boolean(t&&t.shiftKey),altKey:Boolean(t&&t.altKey)})}}),tr=Ct({key:"left",name:Mt.selectLeftName,validators:[],shortcuts:["left"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;t&&Ot(t)&&Q.b(r)}}),rr=Ct({key:"down",name:Mt.selectBelowName,validators:[],shortcuts:["down"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;if(t&&Ot(t))return t.metaKey||t.ctrlKey?Q.n(r):void Q.a({environment:r,shiftKey:Boolean(t&&t.shiftKey),altKey:Boolean(t&&t.altKey)})}}),nr=Ct({key:"right",name:Mt.selectRightName,validators:[],shortcuts:["right"],closeParentMenu:!0,action:e=>{let{environment:t}=e;Q.c(t)}}),or=Ct({key:"context menu",name:Mt.contextMenuName,validators:[c.jb,c.ub(c.Z)],shortcuts:["commandSlash"],closeParentMenu:!0,action:()=>{const{stores:e}=g.default.state;fe.b({stores:e,actions:$n,analyticsFrom:"command_slash_menu"})}}),ir=Ct({key:"indent",name:Mt.indentName,validators:[c.n,c.e,c.ub(c.c)],shortcuts:["tab"],closeParentMenu:!0,action:e=>{let{environment:t}=e;ke.createAndCommit(t,e=>{!function(e){const t=g.default.state.stores;if(t.length>0){const r=J.c({blocks:t,transaction:e.transaction});r&&Q.q({environment:e.environment,stores:r})}}({environment:t,transaction:e})})}}),ar=Ct({key:"unindent",name:Mt.unindentName,validators:[c.n,c.e,c.ub(c.c)],shortcuts:["untab"],closeParentMenu:!0,action:e=>{let{environment:t}=e;ke.createAndCommit(t,e=>{!function(e){const t=g.default.state.stores;if(t.length>0){const r=J.f({blocks:t,transaction:e.transaction});r&&Q.q({environment:e.environment,stores:r})}}({environment:t,transaction:e})})}}),sr=Ct({key:"escape",name:Mt.clearSelectionName,validators:[],shortcuts:["esc"],closeParentMenu:!0,action:e=>{let{environment:t}=e;ne.a(t),Q.e(t)}}),lr=Ct({key:"select all",name:Mt.selectAllName,validators:[],shortcuts:["selectAll"],closeParentMenu:!0,action:e=>{let{environment:t}=e;Q.l(t)}}),cr=Ct({key:"cut",name:Mt.cutName,validators:[c.n,c.ub(c.Z)],shortcuts:["cut"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;t&&Et(t)&&ke.createAndCommit(r,e=>{te.d({environment:r,event:t,transaction:e})})}}),dr=Ct({key:"copy",name:Mt.copyName,validators:[],shortcuts:["copy"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;t&&Et(t)&&te.a({environment:r,event:t})}}),ur=Ct({key:"copy link to block",name:Mt.copyLinkName,svg:Be.a.link,validators:[c.qb],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;return te.b({environment:n,blocks:r,event:t})}}),pr=Ct({key:"copy link to view",name:Mt.copyLinktoViewName,svg:Be.a.link,validators:[c.qb],closeParentMenu:!0,action:(e,t)=>{let{environment:r,blocks:n}=e;return te.b({environment:r,blocks:n,event:t})}}),hr=Ct({key:"open in mac app",name:Mt.openinMacAppName,svg:Be.a.notionLogo,validators:[c.qb,c.ub(c.gb),c.ub(c.eb),c.cb],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const o=Object(s.a)({store:r[0],fullyQualified:!1});ue.openInNativeApp({url:o,environment:n})}}),mr=Ct({key:"open in windows app",name:Mt.openinWindowsAppName,svg:Be.a.notionLogo,validators:[c.qb,c.ub(c.gb),c.ub(c.eb),c.sb],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const o=Object(s.a)({store:r[0],fullyQualified:!1});ue.openInNativeApp({url:o,environment:n})}}),gr=Ct({key:"zoom in",name:Mt.zoomInName,validators:[c.R],shortcuts:["zoomIn"],closeParentMenu:!0,action:()=>{Oe.zoomIn()}}),fr=Ct({key:"zoom out",name:Mt.zoomOutName,validators:[c.R],shortcuts:["zoomOut"],closeParentMenu:!0,action:()=>{Oe.zoomOut()}}),br=Ct({key:"zoom reset",name:Mt.resetZoomName,validators:[c.R],shortcuts:["zoomReset"],closeParentMenu:!0,action:()=>{Oe.zoomReset()}}),yr=Ct({key:"open in ios app",name:Mt.openiniOSAppName,svg:Be.a.notionLogo,validators:[c.qb,c.ub(c.gb),c.V],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const o=Object(s.a)({store:r[0],fullyQualified:!1});ue.openInNativeApp({url:o,environment:n})}}),vr=Ct({key:"open in android app",name:Mt.openinAndroidAppName,svg:Be.a.notionLogo,validators:[c.qb,c.ub(c.gb),c.H],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;const o=Object(s.a)({store:r[0],fullyQualified:!1});ue.openInNativeApp({url:o,environment:n})}}),Sr=Ct({key:"copy link to current page",name:Mt.copyLinkName,svg:Be.a.link,validators:[c.R],shortcuts:["copyLinkToCurrentPage"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;const{currentBlockStore:n}=Re.default.state;n&&te.b({environment:r,blocks:[n],event:t})}}),wr=Ct({key:"ios share link",name:Mt.shareLinkName,svg:Be.a.iOSShare,validators:[c.qb,c.pb,c.V],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;const n=t[0],o=n.getNavigableBlockStore();if(o){const e=Object(s.a)({store:o,scrollToBlockId:o.id===n.id?void 0:n.id,fullyQualified:!0});r.reactNative&&r.reactNative.share(e)}}}),kr=Ct({key:"android share link",name:Mt.shareLinkName,svg:Be.a.androidShare,validators:[c.qb,c.pb,c.H],closeParentMenu:wr.closeParentMenu,action:wr.action}),Mr=Ct({key:"copy link",name:Mt.copyLinkName,svg:Be.a.link,validators:[c.qb,c.ub(c.pb)],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;te.b({environment:n,blocks:r,event:t})}}),Or=Ct({key:"edit page",name:Mt.editPageName,svg:Be.a.pencil,validators:[c.qb,c.hb,c.s,c.ub(c.xb)],closeParentMenu:!0,action:e=>{let{environment:t,blocks:r}=e;t.currentUser.isLoggedIn()?Object(st.showDialog)({showCancel:!0,keepFocus:!1,message:n.createElement(o.FormattedMessage,{defaultMessage:"When you start editing, your name, email and photo will be visible to the page owners.",id:"action.startPublicEditDialog.message"}),items:[{label:n.createElement(o.FormattedMessage,{defaultMessage:"Continue",id:"action.startPublicEditDialog.continueLabel"}),color:"blue",onAccept(){at.a.setState({editing:!0})}}]}):(Object(ct.M)({currentUserId:t.currentUser.id,blockId:r[0].id}),ue.navigate({environment:t,url:rt.D}))}}),Er=Ct({key:"comment page",name:Mt.commentPageName,svg:Be.a.speechBubbleThin,validators:[c.qb,c.hb,c.m,c.ub(c.bb)],closeParentMenu:!0,action:e=>{let{environment:t,blocks:r}=e;Object(ct.M)({currentUserId:t.currentUser.id,blockId:r[0].id}),ue.navigate({environment:t,url:rt.D})}}),Cr=Ct({key:"duplicate page",name:Mt.duplicatePageName,svg:Be.a.duplicate,validators:[c.qb,c.hb,c.a],closeParentMenu:!0,action:e=>{let{blocks:t,originRect:r,environment:n}=e;me.d({environment:n,store:t[0],originRect:r})}}),Pr=Ct({key:"back to my content",name:Mt.backtoNotionName,svg:Be.a.notionLogo,validators:[c.bb],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;const{currentUserRootStore:n,currentUserSettingsStore:o}=Re.default.state;n&&o&&ge.n({environment:r,userRootStore:n,userSettingsStore:o})}}),Tr=Ct({key:"log in",name:Mt.logInName,svg:Be.a.notionLogo,validators:[c.ub(c.bb)],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;ue.navigate({environment:r,url:rt.D})}}),jr=Ct({key:"paste",name:Mt.pasteName,validators:[c.n,c.ub(c.Z),c.x,c.bb],shortcuts:["paste"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;t&&Et(t)&&ke.createAndCommit(r,e=>{te.e({environment:r,event:t,disableEmbedMenu:!0,transaction:e})})}}),xr=Ct({key:"move up",name:Mt.moveUpName,validators:[c.n,c.e,c.ub(c.c)],shortcuts:["moveUp"],closeParentMenu:!0,action:Object(Le.b)(e=>{let{environment:t}=e;ke.createAndCommit(t,e=>{!async function(e){const t=J.e({transaction:e.transaction,blocks:g.default.state.stores});t&&(Q.q({environment:e.environment,stores:t}),await ee.default.afterNextFlush(),$.d())}({environment:t,transaction:e})})})}),Ir=Ct({key:"move down",name:Mt.moveDownName,validators:[c.n,c.e,c.ub(c.c)],shortcuts:["moveDown"],closeParentMenu:!0,action:Object(Le.b)(e=>{let{environment:t}=e;ke.createAndCommit(t,e=>{!async function(e){const t=J.d({transaction:e.transaction,blocks:g.default.state.stores});t&&(Q.q({environment:e.environment,stores:t}),await ee.default.afterNextFlush(),$.d())}({environment:t,transaction:e})})})}),Dr=Ct({key:"insert below",name:Mt.insertBelowName,svg:Be.a.arrowDown,validators:[c.n,c.e,c.eb],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;ke.createAndCommit(r,e=>{pe.l({environment:r,blocks:t,transaction:e})})}}),Br=Ct({key:"comment",name:Mt.commentName,svg:Be.a.speechBubbleThin,validators:[c.n,c.ub(c.Z),c.e,c.ub(c.hb),c.ub(c.ib),c.qb],shortcuts:["comment"],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;const n=t[0];if(n){const e=Ne.default.state;"editing"===e.mode&&e.selection.startIndex!==e.selection.endIndex&&e.store.id===n.id?re.e({environment:r,blockStore:n,textStore:e.store,selection:e.selection}):re.d({environment:r,blockStore:n})}}}),_r=Ct({key:"full screen",name:Mt.fullScreenName,svg:Be.a.fullscreen,validators:[c.qb,c.db,c.t,c.ub(c.P)],shortcuts:["space"],closeParentMenu:!0,action:e=>pe.g(e)}),Ar=Ct({key:"view original",name:Mt.viewOriginalName,svg:Be.a.alias,validators:[c.qb,c.vb([c.db,c.b([c.S,c.ub(c.D)])])],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;oe.d(r,{store:t[0]})}}),Lr=Ct({key:"download source",name:Mt.downloadName,svg:Be.a.arrowDown,validators:[c.qb,c.vb([c.S,c.db]),c.D],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;oe.b({environment:r,store:t[0]})}}),Fr=Ct({key:"replace source",name:Mt.replaceName,svg:Be.a.replace,validators:[c.n,c.qb,c.vb([c.S,c.db])],closeParentMenu:!0,action:e=>{let{blocks:t}=e;oe.e({store:t[0]})}}),Rr=Ct({key:"configure",name:Mt.configureName,svg:Be.a.settings,validators:[c.n,c.qb,c.N],closeParentMenu:!0,action:e=>pe.d(e)}),Nr=Ct({key:"caption",name:Mt.captionName,svg:Be.a.caption,validators:[c.n,c.ub(c.Z),c.qb,c.J,c.vb([c.C("source"),c.C("link")])],shortcuts:["caption"],closeParentMenu:!0,action:e=>pe.c(e)});function Vr(e){return Ct({key:"font ".concat(e.font||"default"),name:e.name,validators:[c.ub(c.L),c.n],render:(t,r,o)=>{const i=r.blocks[0].getFormat().page_font,a=e.font===i||!e.font&&!i;return n.createElement(_,Object.assign({},t,{isActive:a,font:e.font,tooltip:e.tooltip,style:e.style,caption:e.caption}))},closeParentMenu:!1,action:(t,r)=>{let{blocks:n,environment:o}=t;ke.createAndCommit(o,t=>{Ee.h({stores:n,update:{page_font:e.font},transaction:t}),be.t(o,{type:e.font||"default"})})}})}const Ur=Vr({name:Mt.fontDefaultName,caption:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontDefaultCaption)),font:void 0,tooltip:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontDefaultTooltip)),style:{fontSize:24,fontFamily:m.a.fontFamily.sans,position:"relative",top:-2}}),Yr=Vr({name:Mt.fontSerifName,caption:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontSerifCaption)),font:"serif",tooltip:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontSerifTooltip)),style:{fontSize:25,fontFamily:m.a.fontFamily.serif}}),Wr=Vr({name:Mt.fontMonoName,caption:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontMonoCaption)),font:"mono",tooltip:n.createElement(o.FormattedMessage,Object.assign({},Mt.fontMonoTooltip)),style:{fontSize:26,fontFamily:m.a.fontFamily.mono,position:"relative",top:-3,letterSpacing:-1}}),Xr=Pt({key:"font section",title:Mt.fontStyleSection,render:e=>n.createElement(q,Object.assign({isTitleUppercase:!0},e)),actions:[Ur,Yr,Wr]});function zr(e){return Ct({key:"format ".concat(e.key),name:e.name,validators:e.validators,render:(t,r,o)=>{let{blocks:i,environment:a}=r;const s=i[0].getFormat(),l=Boolean(s[e.property]);return n.createElement(v.a,Object.assign({},t,{title:e.label,right:n.createElement(G.a,{on:l,onClick:t.onClick,isAndroid:a.device.isAndroid})}))},closeParentMenu:!1,action:t=>{let{environment:r,blocks:n}=t;ke.createAndCommit(r,t=>{const o=n[0],i=o.getFormat(),a=!Boolean(i[e.property]);Ee.h({stores:[o],update:{[e.property]:a},transaction:t}),e.afterAction(a,r)})}})}function qr(e){return Ct({key:e.key,name:e.name,validators:e.validators,render:(t,r)=>{let{blocks:o,environment:i}=r;const a=o[0].getFormat(),s=Boolean(a[e.property]);return n.createElement(E.a,{key:"format ".concat(e.name),renderTooltip:()=>e.tooltip,placement:E.a.Placement.Left,render:r=>n.createElement(v.a,Object.assign({},Object(O.a)(r,t),{title:e.label,right:n.createElement(G.a,{on:s,onClick:t.onClick,isAndroid:i.device.isAndroid})}))})},closeParentMenu:!1,action:(t,r)=>{let{blocks:n,environment:o}=t;ke.createAndCommit(o,t=>{const r=n[0],i=r.getFormat(),a=!Boolean(i[e.property]);Ee.e({environment:o,store:r,isLocked:a,transaction:t}),e.afterAction(a,o)})}})}const Hr=zr({key:"small text",name:Mt.fontSmallTextKeywords,label:it.default.formatMessage(Mt.fontSmallTextLabel),property:"page_small_text",validators:[c.ub(c.eb),c.ub(c.L),c.n],afterAction:(e,t)=>be.s(t,{type:e?"small":"large"})}),Gr=qr({key:"page lock",name:Mt.pageLockKeywords,label:it.default.formatMessage(Mt.pageLockLabel),tooltip:n.createElement("div",{style:{maxWidth:200,whiteSpace:"normal"}},n.createElement(o.FormattedMessage,{id:"action.pageLock.tooltip",defaultMessage:"Lock page content to prevent accidental edits"})),property:"block_locked",validators:[c.ub(c.L),c.n],afterAction:(e,t)=>be.Ab(t,{from:"page_more_menu",block_type:"page",locked:Boolean(e)})}),Kr=qr({key:"database lock",name:Mt.databaseLockKeywords,label:it.default.formatMessage(Mt.databaseLockLabel),tooltip:n.createElement("div",{style:{maxWidth:200,whiteSpace:"normal"}},n.createElement(o.FormattedMessage,{id:"action.databaseLock.tooltip",defaultMessage:"Lock database properties and views to prevent accidental edits. You can still create and edit pages inside"})),property:"block_locked",validators:[c.L,c.n],afterAction:(e,t)=>be.Ab(t,{from:"page_more_menu",block_type:"collection_view",locked:Boolean(e)})}),Zr=zr({key:"full width",name:Mt.fullWidthKeywords,label:it.default.formatMessage(Mt.fullWidthLabel),property:"page_full_width",validators:[c.ub(c.ob),c.ub(c.L),c.n],afterAction:(e,t)=>be.u(t,{type:e?"full_width":"default_width"})}),Jr=zr({key:"code wrap",name:Mt.wrapCodeKeywords,label:it.default.formatMessage(Mt.wrapCodeLabel),property:"code_wrap",validators:[c.qb,c.rb("code")],afterAction:(e,t)=>{We.a.set({userId:t.currentUser.id,key:Z.a.localCodeWrapPreferenceKey,value:e})}});function Qr(e){const t=Ve.a.findCollectionViewBlockFromStore(e);if(t)return t.collectionViewLocalStore.collectionViewStore.get()}function $r(e,t){const r=Qr(e);if(!r)return;const n=r.getQuery();if(n){if("filter"===t){if(!n.filter)return;return(n.filter.filters||[]).length}if(n.sort)return n.sort.length}}const en=Ct({key:"format wrap cells",name:Mt.wrapCellsName,validators:[c.M("table"),c.n,c.ub(c.Z),c.ub(c.Y)],render:(e,t,r)=>{let{blocks:o,environment:i}=t;const a=Qr(o[0]),s=a&&a.getFormat(),l=Boolean(s&&Boolean(s.table_wrap));return n.createElement(v.a,Object.assign({},e,{title:it.default.formatMessage(Mt.wrapCellsName),right:n.createElement(G.a,{on:l,onClick:e.onClick,isAndroid:i.device.isAndroid})}))},closeParentMenu:!1,action:(e,t)=>{let{environment:r,blocks:n}=e;ke.createAndCommit(r,e=>{const t=Qr(n[0]);if(!t)return;const o=t.getFormat(),i=!Boolean(o.table_wrap);Ee.h({stores:[t],update:{table_wrap:i},transaction:e}),be.v(r,{type:i?"wrap":"clip",is_fullscreen:!0})})}}),tn=Pt({key:"page style",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Hr,Zr]}),rn=Pt({key:"table style",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[en]}),nn=Ct({key:"enter",name:Mt.enterName,validators:[c.n,c.ub(c.Z)],shortcuts:["enter"],closeParentMenu:!0,action:e=>{let{environment:t,blocks:r}=e;ke.createAndCommit(t,e=>{pe.h({blocks:r,transaction:e})})}}),on=Ct({key:"activate",name:Mt.activateName,validators:[c.n,c.k],shortcuts:["commandEnter"],closeParentMenu:!0,action:e=>pe.a(e)}),an=Ct({key:"navigate to page in new tab",name:Mt.navigateToName,validators:[c.qb,c.hb],shortcuts:["commandShiftEnter"],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;ye.a({environment:r,blocks:t,openInNewTab:!0})}}),sn=Ct({key:"toggle sidebar",name:Mt.toggleSidebarName,validators:[],shortcuts:["toggleSidebar"],closeParentMenu:!0,action:e=>{let{environment:t}=e;return Se.setExpand({environment:t,isExpanded:!Ue.a.state})}}),ln=Ct({key:"merge with csv",name:Mt.mergewithCSVName,svg:Be.a.import,validators:[c.L,c.n,c.mb,c.kb,c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:[t],environment:r}=e;he.j({environment:r,store:t})}}),cn=Ct({key:"view collection view as page",name:Mt.turnintoPageName,svg:Be.a.loop,validators:[c.X,c.ub(c.h),c.n,c.ub(c.G),c.ub(c.Z)],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;return ke.createAndCommit(r,e=>{ve.b({environment:r,blocks:t,blockType:"collection_view_page",transaction:e})})}}),dn=Ct({key:"view collection view inline",name:Mt.turnintoInlineName,svg:Be.a.loop,validators:[c.T,c.ub(c.h),c.n,c.ub(c.G)],closeParentMenu:!0,action:e=>{let{blocks:t,environment:r}=e;return ke.createAndCommit(r,e=>{ve.b({environment:r,blocks:t,blockType:"collection_view",transaction:e}),Q.e(r)})}}),un=Ct({key:"open link annotation menu",name:Mt.createLinkName,validators:[c.yb],shortcuts:["openLinkMenu"],closeParentMenu:!0,action:e=>{let{environment:t}=e;return ie.b(t)}}),pn=Ct({key:"open equation annotation menu",name:Mt.createEquationName,validators:[c.P,c.ub(c.vb([c.A,c.B,c.Ab,c.tb]))],shortcuts:["openEquationMenu"],closeParentMenu:!0,action:e=>ae.b({environment:e.environment,analyticsFrom:"input_keyboard_shortcut"})}),hn=Ct({key:"go back",name:Mt.goBackName,validators:[c.q],shortcuts:["goBack","backbutton"],closeParentMenu:!0,action:()=>ue.back()}),mn=Ct({key:"exit app",name:Mt.exitAppName,validators:[c.ub(c.q),c.H],shortcuts:["backbutton"],closeParentMenu:!0,action:e=>{let{environment:t}=e;if(t.reactNative)t.reactNative.exitApp();else if(/Cordova/.test(navigator.userAgent)){const e=window;e.navigator.app&&e.navigator.app.exitApp&&e.navigator.app.exitApp()}}}),gn=Ct({key:"go forward",name:Mt.goForwardName,validators:[c.r],shortcuts:["goForward"],closeParentMenu:!0,action:()=>ue.forward()}),fn=Ct({key:"go up",name:Mt.goUpName,validators:[()=>ue.canGoUp()],shortcuts:["goUp"],closeParentMenu:!0,action:e=>{let{environment:t}=e;return ue.up(t)}}),bn=Ct({key:"switch spaces",name:Mt.switchSpacesName,validators:[c.R],shortcuts:["switchSpaces"],closeParentMenu:!0,action:(e,t)=>{let{environment:r}=e;if(!t||!Ot(t))return;t.preventDefault();const n=parseInt(a(t.keyCode)),{currentUserRootStore:o,currentUserSettingsStore:i}=Re.default.state;o&&i&&(ge.p({environment:r,index:n-1,userRootStore:o,userSettingsStore:i}),be.de(r))}}),yn=Ct({key:"open settings",name:Mt.openSettingsName,validators:[c.R],shortcuts:["settings"],closeParentMenu:!0,action:e=>{xe.a()}}),vn=Ct({key:"new page",name:Mt.newPageName,validators:[c.R,c.Q,c.bb],shortcuts:["newPage"],closeParentMenu:!0,action:e=>{let{environment:t}=e;Se.quickAddPage({environment:t,from:"cmd_n"})}}),Sn=Ct({key:"action Export Block",name:Mt.exportName,validators:[c.mb,c.bb,c.y],closeParentMenu:!0,render:e=>n.createElement(y.a,Object.assign({},e,{svg:Be.a.file,title:n.createElement(o.FormattedMessage,Object.assign({},Mt.exportName)),caption:n.createElement(o.FormattedMessage,Object.assign({},Mt.exportCaption))})),action:e=>{let{blocks:t,environment:r}=e;Ae.h({environment:r,root:{id:t[0].id,table:"block"}})}}),wn=Ct({key:"open import modal",name:Mt.importName,svg:Be.a.import,validators:[c.mb,c.kb,c.n,c.ub(c.L)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;Ge.a.setState({open:!0,pageStore:t[0]})}}),kn=Ct({key:"turn into type",name:Mt.turnIntoName,validators:[c.n,c.ub(c.Z),c.e,c.f],shortcuts:["turnIntoType"],closeParentMenu:!0,action:(e,t)=>{let{blocks:r,environment:n}=e;if(!t||!Ot(t))return;t.preventDefault();const o=parseInt(a(t.keyCode)),i=d.x[o];ke.createAndCommit(n,e=>{ve.b({environment:n,blocks:r,blockType:i,transaction:e})})}}),Mn=Ct({key:"move to",name:Mt.moveToName,svg:Be.a.moveTo,shortcuts:["moveTo"],validators:[c.fb,c.l,c.o,c.mb,c.bb,c.ub(c.W),c.ub(c.K)],closeParentMenu:!0,action:e=>{we.d({blocks:e.blocks,originRect:e.originRect,analyticsFrom:"action_menu"})}}),On=Ct({key:"move page to",name:Mt.moveToName,shortcuts:["moveTo"],validators:[],closeParentMenu:!0,action:e=>{let{environment:t}=e;const{currentBlockStore:r}=Re.default.state;if(!r)return;const n=Mn.validators||[],o=document.querySelector("."+tt.Eb);if(!o)return;const i={environment:t,blocks:[r],originRect:o.getBoundingClientRect()};n.every(e=>e(i))&&Mn.action(i)}}),En=function(e){const{key:t,name:r,svg:o,validators:i,shortcuts:a,closeParentMenu:s,action:l}=e,c=Ct({key:"action ".concat(t),name:r,validators:i,shortcuts:a,action:l,closeParentMenu:s,render:(e,t)=>{let{environment:r}=t,{onClick:i}=e,s=vt(e,["onClick"]);return n.createElement(Fe.a,{requireUpgradeToTier:p.I(r)&&p.h(r),analyticsName:"history_modal",onClick:i,alwaysAllowClick:!0,render:(e,t)=>n.createElement(y.a,Object.assign({},Object(O.a)(s,e),{title:c.name,svg:o,shortcuts:a,dontShrinkRight:!0,right:t})),renderUpgradeTooltip:()=>{},hideUpgradeTooltipIfControl:!0})}});return c}({key:"page history",name:Mt.pageHistoryName,svg:Be.a.versionHistory,validators:[c.n,c.mb,c.hb,c.bb],closeParentMenu:!0,action:e=>{let{environment:t,blocks:r}=e;return f.d({environment:t,blockStore:r[0],from:"topbar"})}}),Cn=Ct({key:"open page trash",name:Mt.showDeletedPagesName,svg:Be.a.showDeletedPages,validators:[c.n,c.O,c.bb,c.ub(c.U)],closeParentMenu:!0,action:()=>{Ye.a.setState({open:!0}),Xe.a.setState(wt({},Xe.a.state,{currentTab:"in_current_page"}))}}),Pn=xt({key:"edit property",name:Mt.editPropertyName,svg:Be.a.properties,validators:Ft,subActions:e=>{let{blocks:t}=e;const r=t[0];if(!r)return[];const o=r.getParentCollectionStore();if(o){const e=o.getSchema(),t=o.getFormat(),r=l.f(t,e,void 0,[],l.a.Collection);if(r.collection_page_properties){return r.collection_page_properties.unshift({property:"title"}),[{key:0,title:void 0,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:i.compact(r.collection_page_properties.map(t=>{const r=e[t.property];if(r&&!u.j(r.type))return function(e){const{property:t,propertySchema:r}=e,o=r.name;return{key:"Edit Property ".concat(o," ").concat(t),name:o,searchName:o,validators:Ft,closeParentMenu:!0,action:(e,n)=>{let{blocks:o,originRect:a,environment:s}=e;"checkbox"===r.type?ke.createAndCommit(s,e=>{je.i({stores:o,property:t,transaction:e})}):a&&je.h({environment:s,store:o[0],additionalStores:o.slice(1),property:t,format:H.a.Page,rect:wt({},i.toPlainObject(a),{width:200}),preventClearSelection:!0,blockPropertyValueOverlayStore:He.a.state.open?ze.a:qe.a})},render:e=>n.createElement(K.b,Object.assign({},e,{propertySchema:r,format:K.b.DisplayFormat.Name}))}}({property:t.property,propertySchema:r})}))}]}}return[]}}),Tn=Ct({key:"Filter",name:Mt.filterName,render:(e,t)=>{const r=$r(t.blocks[0],"filter");return n.createElement(y.a,Object.assign({},e,{title:it.default.formatMessage(Mt.filterName),svg:Be.a.filter,right:r&&n.createElement(Je,{render:e=>n.createElement("div",{style:{color:e.mediumTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"{ruleCount, plural, one {{ruleCount} rule} other {{ruleCount} rules}}",id:"action.ruleCount.label",values:{ruleCount:r}}))})}))},validators:[c.L,c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openFilterMenu"})}}),jn=Ct({key:"Sort",name:Mt.sortName,render:(e,t)=>{const r=$r(t.blocks[0],"sort");return n.createElement(y.a,Object.assign({},e,{title:it.default.formatMessage(Mt.sortName),svg:Be.a.sort,right:r&&n.createElement(Je,{render:e=>n.createElement("div",{style:{color:e.mediumTextColor}},n.createElement(o.FormattedMessage,{defaultMessage:"{ruleCount, plural, one {{ruleCount} rule} other {{ruleCount} rules}}",id:"action.ruleCountForSorts.label",values:{ruleCount:r}}))})}))},validators:[c.L,c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openSortMenu"})}}),xn=Ct({key:"open group menu",name:Mt.groupByName,svg:Be.a.groupBy,validators:[c.L,c.M("board"),c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openGroupMenu"})}}),In=Ct({key:"open properties menu",name:Mt.propertiesName,svg:Be.a.properties,validators:[c.L,c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openPropertiesMenu"})}}),Dn=Ct({key:"open add item menu",name:Mt.templatesName,svg:Be.a.templates,validators:[c.L,c.n,c.ub(c.h),c.ub(c.Z)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openAddItemMenu"})}}),Bn=Ct({key:"open calendar by menu",name:Mt.calendarByName,svg:Be.a.timeBy,validators:[c.L,c.M("calendar"),c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openCalendarByMenu"})}}),_n=Ct({key:"open timeline by menu",name:Mt.timelineByName,svg:Be.a.timeBy,validators:[c.L,c.M("timeline"),c.n,c.ub(c.h),c.ub(c.Z),c.ub(c.Y)],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openTimelineByMenu"})}}),An=Ct({key:"open calendar no date menu",name:Mt.noDateName,svg:Be.a.noDate,validators:[c.L,c.n,c.ub(c.h),c.zb],closeParentMenu:!0,action:e=>{let{blocks:t}=e;return pe.s({blocks:t,method:"openNoDateMenu"})}}),Ln=Ct({key:"open collection as page",name:Mt.openasPageName,svg:Be.a.openAsPage,validators:[c.X,c.ub(c.h)],closeParentMenu:!0,action:e=>pe.m(e)}),Fn=Pt({key:"turn into actions",title:Mt.turnIntoSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:Object.keys(d.y).map(e=>function(e){const t=b.b[e];return{key:"turn into ".concat(e),name:t.title,searchName:t.searchTitle,validators:i.compact([c.n,c.f,c.e]),closeParentMenu:!0,action:t=>{let{environment:r,blocks:n}=t;ke.createAndCommit(r,t=>{ve.b({environment:r,blocks:n,blockType:e,transaction:t})})},render:e=>n.createElement(U,Object.assign({},e,t,{format:U.Format.TurnInto}))}}(e))}),Rn=Pt({key:"text color actions",title:Mt.colorSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:C.b.map(e=>Lt(e))}),Nn=Pt({key:"background color actions",title:Mt.backgroundSection,overrideSearchTitle:Mt.backgroundSectionKeywords,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Lt("default","default background",Mt.backgroundColorDefault),...C.a.map(e=>Lt(e))]}),Vn=Pt({key:"toggle last highlight",title:Mt.lastUsedHighlightTitle,overrideSearchTitle:Mt.lastUsedHighlightKeywords,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Ct({key:"toggle highlight action",name:Mt.highlightName,validators:Dt,shortcuts:["toggleHighlight"],closeParentMenu:!0,action:e=>{let{environment:t,blocks:r}=e;const n=$e.a.state.color;ke.createAndCommit(t,e=>{const t=i.every(r.map(e=>{const t=e.getFormat();return t&&t.block_color===n}))?void 0:n;Ee.h({stores:r,update:{block_color:t},transaction:e})})},render:e=>{const t=$e.a.state.color;return n.createElement(Y.a,Object.assign({},e,{color:t,shortcuts:["toggleHighlight"]}))}})]}),Un=Ct({key:"new page in section",name:Mt.newPageInName,closeParentMenu:!0,svg:Be.a.squarePlus,validators:[c.n,c.ub(c.Z),c.ub(c.rb("page")),c.e,c.f,c.w],render:(e,t,r)=>{const{onFocus:o,onAccept:i}=r;return n.createElement(yt,Object.assign({},e,{title:Mt.newPageInName,blocksToTransform:t.blocks,onFocus:o,onAccept:i?()=>i(Un,t,void 0):void 0}))},action:()=>{}}),Yn=xt({key:"turn into section",name:Mt.turnIntoName,svg:Be.a.loop,validators:[c.n,c.ub(c.Z),c.f,c.e],subActions:()=>[{key:0,title:void 0,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:Fn.actions}]}),Wn=xt({key:"color section",name:Mt.colorName,svg:Be.a.blockColor,validators:Dt,subActions:()=>[Vn,Rn,Nn]}),Xn=[jt({key:"toggle bold",name:Mt.boldName,shortcuts:["toggleBold"],annotation:["b"]}),jt({key:"toggle italics",name:Mt.italicName,shortcuts:["toggleItalics"],annotation:["i"]}),jt({key:"toggle strike",name:Mt.strikeThroughName,shortcuts:["toggleStrike"],annotation:["s"]}),jt({key:"toggle underline",name:Mt.underlineName,shortcuts:["toggleUnderline"],annotation:[h.b.Underline]})],zn=Ct({key:"toggle dark mode",name:Mt.darkModeName,validators:[],shortcuts:["toggleDarkMode"],closeParentMenu:!0,action:e=>{let{environment:t}=e;const r="light"===t.ThemeStore.state.mode?"dark":"light";Me.a(t,{mode:r})}}),qn=Ct({key:"open peek view as page",name:Mt.openAsPageName,validators:[c.wb],shortcuts:["commandEnter"],closeParentMenu:!0,action:e=>{let{environment:t}=e;const r=He.a.state;r.open&&ue.navigateToBlock({environment:t,store:r.target})}}),Hn=Ct({key:"toggle all toggles",name:Mt.openAllTogglesName,validators:[],shortcuts:["toggleAllToggles"],closeParentMenu:!0,action:()=>{const{currentBlockStore:e}=Re.default.state;e&&Object(et.d)(e)}});function Gn(e){return Ct({key:"join or create a workspace",name:Mt.joinOrCreateWorkspace,svg:Be.a.squarePlus,validators:[],closeParentMenu:!0,action:t=>{let{environment:r}=t;ut.a.reset(),r.currentUser.id!==e?Te.a({environment:r,newCurrentUserId:e}).then(e=>{Ce.a(e)}):Ce.a(r)}})}function Kn(e){return Ct({key:"log out of a single account",name:Mt.logOut,svg:Be.a.circleCross,validators:[],closeParentMenu:!0,action:t=>{let{environment:r}=t;const{online:n}=Ke.a.state;n&&(Pe.logoutSingleAccount({environment:r,userId:e}),be.ce(r))}})}function Zn(e){return e.actions.map(t=>wt({},t,{searchName:[e.title,t.name].filter(Boolean).join(" ")}))}function Jn(e,t){const r=[];for(const n of e){const e=n.actions.filter(t);e.length>0&&r.push(wt({},n,{actions:e}))}return r}const Qn=Pt({key:"mobile revision actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Zt,Jt]}),$n=[Qn,{key:"block menu primary",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Rt,Vt,Yn,Un,Dr,ur]},{key:"block menu secondary",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[_r,Ar,Lr,Fr,Rr,qt,Ht,Mn,Pn,dn]},{key:"block menu comment",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Br,Nr]},{key:"block menu color",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e,{topBorder:!0})),actions:[Wn]},{key:"block menu style",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Jr]}],eo=[Qn,{key:"inline collection primary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Rt,Vt,ur,Ln]},{key:"inline collection secondary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[In,Dn,Tn,jn,xn,Bn,_n,An,cn]},{key:"inline collection export actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[ln,Sn]},{key:"inline collection move actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Mn]},rn],to=[Qn,{key:"inline collection primary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Rt,Vt,ur,Ln]},{key:"inline collection secondary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[An,cn]},{key:"inline collection export actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Sn]},{key:"inline collection move actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Mn]},rn],ro=[Qn,{key:"fullscreen collection secondary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[pr,In,Dn,Tn,jn,xn,Bn,_n,An]},rn],no=[Qn,{key:"locked fullscreen collection primary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[pr]}],oo=[Qn,{key:"outliner primary actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Nt,Wt,zt,Vt,Ut,Yt,ur,qt]},{key:"outliner move actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Mn]}],io=Pt({key:"pageHistory",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Qt,En,Cn,Nt]}),ao=[Xr,tn,Qn,Pt({key:"topbar database edit lock",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Kr]}),Pt({key:"topbar page edit lock",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Gr]}),Pt({key:"topbar primary actions",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Xt,zt,ur,hr,mr,yr,vr]}),io,Pt({key:"topbar import actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[wn,Sn,ln]}),Pt({key:"topbar move actions",render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:[Mn]})],so=[Pt({key:"page",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Or,Er,Cr,Mr,wr,kr]}),Pt({key:"user",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Pr,Tr]})],lo=[...[{key:"mentionPerson",title:Mt.mentionPersonTitle,thumbnail:De.a.images.blocks.mentionPersonPng,description:Mt.mentionPersonDescription,tooltipPhoto:De.a.images.tooltips.blocks.mentionPersonPng,action:e=>{let{environment:t}=e;Ie.e(t,{user:!0,bot:!1,date:!1,page:!1,createPage:!1,reminder:!1})}},{key:"mentionPage",title:Mt.mentionPageTitle,thumbnail:De.a.images.blocks.mentionPagePng,description:Mt.mentionPageDescription,tooltipPhoto:De.a.images.tooltips.blocks.mentionPagePng,action:e=>{let{environment:t}=e;Ie.e(t,{user:!1,bot:!1,date:!1,reminder:!1,page:!0,createPage:!1})}},{key:"dateOrReminder",title:Mt.dateOrReminderTitle,thumbnail:De.a.images.blocks.mentionDatePng,description:Mt.dateOrReminderDescription,tooltipPhoto:De.a.images.tooltips.blocks.mentionTimePng,action:e=>{let{environment:t}=e;Ie.e(t,{user:!1,bot:!1,date:!0,reminder:!0,page:!1,createPage:!1})}}].map(e=>Ct({key:"insert "+e.key,name:e.title,render:t=>n.createElement(U,Object.assign({},t,{title:it.default.formatMessage(e.title),thumbnail:e.thumbnail,tooltipPhoto:e.tooltipPhoto,description:it.default.formatMessage(e.description),format:U.Format.Insert})),validators:[c.kb],closeParentMenu:!0,action:t=>{let{environment:r}=t;return e.action({environment:r})}})),Ct({key:"insert emoji",name:Mt.insertEmojiTitle,validators:[c.kb],closeParentMenu:!0,render:e=>n.createElement(U,Object.assign({},e,{title:it.default.formatMessage(Mt.insertEmojiTitle),description:it.default.formatMessage(Mt.insertEmojiDescription),thumbnail:De.a.images.blocks.inlineEmojiPng,tooltipPhoto:De.a.images.tooltips.blocks.inlineEmojiPng,format:U.Format.Insert})),action:e=>{let{environment:t}=e;return dt.d(t)}}),Ct({key:"insert inline equation",name:Mt.insertInlineEquationTitle,overrideSearchName:Mt.insertInlineEquationKeywords,validators:[c.kb],closeParentMenu:!0,render:e=>n.createElement(U,Object.assign({},e,{title:it.default.formatMessage(Mt.insertInlineEquationTitle),description:it.default.formatMessage(Mt.insertInlineEquationDescription),thumbnail:De.a.images.blocks.inlineEquationPng,tooltipPhoto:De.a.images.tooltips.blocks.inlineEquationPng,format:U.Format.Insert})),action:e=>{let{environment:t}=e;return ae.b({environment:t,analyticsFrom:"slash_menu"})}})],co=[Pt({key:"Insert Basic Blocks",title:Mt.basicBlocksSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:b.c.filter(e=>!e.shouldShow||e.shouldShow()).map(e=>It(e,"slash_menu"))}),Pt({key:"Insert Inline",title:Mt.inlineSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:lo}),Pt({key:"Insert Database",title:Mt.databaseSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:b.d.filter(e=>!e.shouldShow||e.shouldShow()).map(e=>It(e,"slash_menu"))}),Pt({key:"Insert Media",title:Mt.mediaSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:b.f.filter(e=>!e.shouldShow||e.shouldShow()).map(e=>It(e,"slash_menu"))}),Pt({key:"Insert Embeds",title:Mt.embedsSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:b.e.filter(e=>!e.shouldShow||e.shouldShow()).map(e=>It(e,"slash_menu"))}),Pt({key:"Insert Advanced Blocks",title:Mt.advancedBlocksSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:b.a.filter(e=>!e.shouldShow||e.shouldShow()).map(e=>It(e,"slash_menu"))})],uo=[...co,Fn,Pt({key:"slash actions",title:Mt.actionsSection,render:e=>n.createElement(A.a,Object.assign({isTitleUppercase:!0},e)),actions:(po=Jn($n,e=>!(e.subActions||"string"==typeof e.key&&e.key.match(/new page in section/))),po.reduce((e,t)=>[...e,...t.actions],[]))}),Rn,Nn];var po;function ho(e){return[{key:"option section",render:e=>n.createElement(A.a,Object.assign({},e)),actions:[Gn(e),Kn(e)]}]}const mo=[Hn,Gt,Rt,Vt,_r,nn,on,an,Rr,Ar,Lr,Fr,qt,Ht,Br,Nr,Zt,Jt,Qt,$t,Kt,ir,ar,lr,sr,xr,Ir,cr,dr,jr,er,tr,rr,nr,or,ur,un,pn,hn,gn,mn,gr,fr,br,fn,Mn,On,bn,Sr,kn,sn,Tn,jn,xn,In,Dn,Bn,_n,An,Ln,Pn,ln,wn,cn,dn,Jr,yn,vn,zn,qn,...Xn,...Zn(Fn),...Zn(Rn),...Zn(Nn),...Zn(Vn)]},BL9y:function(e,t,r){"use strict";r.d(t,"b",(function(){return o})),r.d(t,"a",(function(){return i}));r("rGqo");var n=r("udrG");const o=function e(t){let r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!t.state.ready)return!1;if(o[t.id])return!0;if(o[t.id]=!0,t.getType()===n.a.page&&!r)return!0;const i=t.getContentStores();let a=!0;for(const n of i)e(n,!1,o)||(a=!1);return a};async function i(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(await e.load(),r[e.id])return;if(r[e.id]=!0,e.getType()===n.a.page&&!t)return;const o=e.getContentStores();await Promise.all(o.map(e=>i(e,!1,r)))}},BLi8:function(e,t,r){"use strict";r("rGqo");var n=r("LEzx");class o extends n.a{constructor(){super(...arguments),this.loadMoreOffset=200,this.startLimit=20,this.limitIncrement=20}getInitialState(){return{filter:"",currentTab:"all_pages",loading:!0,limit:this.startLimit,excludePages:new Set}}}t.a=new o},BNhs:function(e,t,r){"use strict";r("rGqo");var n=r("LEzx");class o extends n.a{getInitialState(){return{bypassedPageIds:new Set}}bypassedPage(e){return this.state.bypassedPageIds.has(e)}bypassPage(e){this.state.bypassedPageIds.add(e),this.emit()}}t.a=new o},BRCg:function(e,t,r){"use strict";r.r(t),r.d(t,"GlobalFileUploadStore",(function(){return o}));r("rGqo");var n=r("LEzx");class o extends n.a{getInitialState(){return{}}getKeyState(e){return this.state[e]}setKeyState(e,t){const r=this.state;t?r[e]=t:delete r[e],this.emit()}isUploading(){const e=this.state,t=Object.keys(e);for(const r of t){if(e[r])return!0}return!1}getBlockKey(e){return e}}t.default=new o},BTUg:function(e,t,r){"use strict";var n=r("LEzx"),o=r("oOAt");class i extends n.a{getInitialState(){return{color:o.a.get("currentHighlightColor")||"yellow_background"}}setHighlightColor(e){o.a.set("currentHighlightColor",e),this.setState({color:e})}}t.a=new i},BXHm:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("q1tI"),o=r("i3uR"),i=r("SR/M"),a=r("d9nj"),s=r("g4rC"),l=r("J9+s"),c=r("mF3+"),d=r("wldR"),u=r("NCLm"),p=r("RBMm"),h=r("WgIs"),m=r("2Y+N"),g=r("gbGO"),f=r("7M94"),b=r("VBxf");function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t{const{label:t}=this.getItemLabelAndCaption(e);if(this.props.confirm){const r=()=>{this.props.onChange(e)};b.showDialog({showCancel:!0,keepFocus:!1,message:n.createElement(l.FormattedMessage,{id:"languagePicker.changeLanguage.confirmationMessage",defaultMessage:"Are you sure you want to update the language to {language}?",values:{language:t}}),items:[{label:n.createElement(l.FormattedMessage,{id:"languagePicker.changeLanguage.updateButton.label",defaultMessage:"Update"}),color:"red",onAccept:r}]})}else this.props.onChange(e)}}renderComponent(){const{device:e}=this.environment;if(!e.isMobile)return n.createElement(o.a,{popupType:o.a.PopupType.Popup,buttonPopupStore:this.stores.buttonPopupStore,renderOrigin:e=>n.createElement(a.a,Object.assign({style:{marginLeft:-8,paddingLeft:8,paddingRight:8}},e),this.getItemLabelAndCaption(this.props.currentLocale).label,c.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor})),placementToOrigin:p.b.Bottom,alignmentToOrigin:p.a.Start,render:e=>{const t=[{key:"languages",render:e=>n.createElement(m.a,Object.assign({},e,{topBorder:0!==e.index})),items:u.b.map(t=>({key:t,render:e=>this.getItem(t,e.focused,e),action:()=>{this.handleSelect(t),e.close()}}))}],r={menuType:g.b.MenuType.Popup,width:216};return n.createElement(g.b,Object.assign({className:f.B},r),n.createElement(h.a,{type:h.a.Type.Vertical,initialFocus:void 0,sections:t}))}})}renderItem(e){return n.createElement(i.a,Object.assign({focused:e.focused},e.props,{title:n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("div",{style:v({},e.style,{marginRight:0})},e.label)),caption:e.caption&&n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(l.FormattedMessage,Object.assign({},e.caption))),shouldWrapCaption:!0}))}handleSelect(e){this.props.currentLocale!==e&&this.handleSelectChange(e)}getItemLabelAndCaption(e){switch(e){case"en-US":return{label:"English",caption:w.englishCaption};case"ko-KR":return{label:"한국어",caption:w.koreanCaption}}}getItem(e,t,r){return this.renderItem(v({},this.getItemLabelAndCaption(e),{focused:t,props:r}))}}t.a=k},C7oc:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n,o=r("q1tI"),i=r("wldR"),a=r("Sb6f"),s=r("zmp8");function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t99&&{width:void 0,padding:2},{background:t?s.f.red:this.theme.lightIconColor})},this.renderNumber())}renderNumber(){const{count:e}=this.props;if(e)return 1===e?o.createElement("span",{style:c({marginBottom:1,marginLeft:-.5,letterSpacing:void 0},this.props.numberStyle)},"1"):e>99?o.createElement("span",{style:c({marginBottom:1,letterSpacing:-.5},this.props.numberStyle)},"99+"):e>9?o.createElement("span",{style:c({marginBottom:1,letterSpacing:-.5,marginLeft:-.5},this.props.numberStyle)},e):o.createElement("span",{style:c({marginBottom:1},this.props.numberStyle)},e)}}u.Color=n,u.style={display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,fontSize:10,textAlign:"center",fontWeight:a.a.fontWeight.semibold,borderRadius:3,color:s.f.white,position:"static",marginLeft:6,WebkitFontSmoothing:"auto"},t.a=u},CARr:function(e,t,r){"use strict";r.d(t,"k",(function(){return b})),r.d(t,"s",(function(){return y})),r.d(t,"h",(function(){return v})),r.d(t,"o",(function(){return S})),r.d(t,"d",(function(){return w})),r.d(t,"l",(function(){return k})),r.d(t,"a",(function(){return M})),r.d(t,"m",(function(){return O})),r.d(t,"b",(function(){return E})),r.d(t,"q",(function(){return C})),r.d(t,"f",(function(){return P})),r.d(t,"r",(function(){return T})),r.d(t,"g",(function(){return j})),r.d(t,"j",(function(){return x})),r.d(t,"p",(function(){return I})),r.d(t,"e",(function(){return D})),r.d(t,"n",(function(){return B})),r.d(t,"c",(function(){return _})),r.d(t,"t",(function(){return A})),r.d(t,"i",(function(){return L})),r.d(t,"u",(function(){return F}));r("ioFf"),r("a1Th"),r("KKXr"),r("rGqo");var n=r("LvDl"),o=r("cBa6"),i=r("D2XV"),a=r("njgS"),s=r("HRSx"),l=r("6BTz"),c=r("RgmA"),d=r("PXtY"),u=r("5/h/"),p=r("nFzZ");function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const g=new WeakMap;function f(e,t){let r=g.get(e);if(void 0===r){r={};for(const t of e){r[t.value.trim().toLowerCase()]=t.value}g.set(e,r)}return r[t]}function b(e){return o.Z(e).split(",").map(e=>e.trim()).filter(Boolean)}function y(e,t){const r=b(e);for(const n of r){const e=f(t,n.trim().toLowerCase());if(e)return e}}function v(e){return e?[[e]]:[]}function S(e,t){const r=o.Z(e).split(",").map(e=>e.trim()).filter(Boolean).map(e=>{const r=f(t,e.trim().toLowerCase());if(r)return r});return n.uniq(n.compact(r))}function w(e){if(!e)return[];return[[e.join(",")]]}function k(e){return o.Z(e).trim().toLowerCase()===a.d.trim().toLowerCase()}function M(e){return e?a.c:a.a}function O(e){const t=o.I(e);if(t.length>0){if("Invalid Date"===t[0].start_date)return;return t[0]}const r=o.Z(e);return i.bb(r)}function E(e){return e?[o.g(o.d(e))]:[]}function C(e){return Object(p.r)(o.C(e))}function P(e){const t=e.map(e=>e.table===u.a?o.g(o.n(e.id)):o.g(o.c(e.id)));return Object(c.a)(t,()=>o.m(","))}function T(e){const t=o.T(e);return n.uniq(t)}function j(e){const t=e.map(e=>o.g(o.h(e)));return Object(c.a)(t,()=>o.m(","))}function x(e){const{relationValue:t,getRecordValue:r,propertySchema:n,limit:o,includeUnknownRelations:i}=e,a=[];for(const l of t){if(o&&a.length>=o)break;const e=r(s.a,l);!i||e?e&&e.alive&&e.parent_id===n.collection_id&&a.push(l):a.push(l)}return a}function I(e){const t=o.Z(e);return l.e(t)}function D(e){return void 0===e||isNaN(e)?[]:[[e.toString()]]}function B(e){const t=o.R(e),r=n.uniqBy(t,e=>e.url);if(r.length>0)return r;const i=o.Z(e);if(i){const e=o.Q(i);if(e)return[{name:e.value,url:e.href}]}return[]}function _(e){const t=e.map(e=>o.m(e.name,[o.f(e.url)]));return Object(c.a)(t,()=>o.m(","))}function A(e){const t=o.R(e);return t.length>0?t[0].url:o.Z(e)}function L(e){return e?[o.m(e,[o.f(e)])]:[]}function F(e){const t=Array.from(Object(d.a)(function(e){for(var t=1;t{switch(e.type){case"text":return void 0===e.value||""===e.value;case"checkbox":return void 0===e.value||!1===e.value;case"select":case"number":case"date":return void 0===e.value;case"multi_select":case"relation":case"person":case"file":return void 0===e.value||0===e.value.length}})}},CI7d:function(e,t,r){"use strict";const n={fontSize:{ui:{s:14,m:15},body:{s:15,m:17,l:20},title:{s:22,m:30,l:38,xl:50,xxl:74}},fontFamily:{sans:'inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"',handwriting:'permanent-marker, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"',mono:"iawriter-mono, Nitti, Menlo, Courier, monospace"},fontWeight:{regular:400,medium:500,bold:700},styles:{paragraph:{fontSize:17,lineHeight:1.5},smallCaps:{textTransform:"uppercase",fontSize:11,letterSpacing:.5,fontWeight:500}}};t.a=n},CIk0:function(e,t,r){"use strict";var n=r("q1tI"),o=r("mF3+"),i=r("y6Dp"),a=r("FcJC"),s=r("loBV"),l=r("wldR"),c=r("LeVO"),d=r("MBf9"),u=r("d9nj"),p=r("6rsX"),h=r("J9+s");class m extends l.a{constructor(){super(...arguments),this.handleBookmarkClick=()=>{const{spaceViewStore:e}=this.props;e&&(p.e(this.environment),i.q(this.environment,{from:"topbar"}),d.createAndCommit(this.environment,t=>{a.bookmarkPage({spaceViewStore:e,store:this.props.store,transaction:t})}))},this.handleUnbookmarkClick=()=>{const{spaceViewStore:e}=this.props;e&&(p.e(this.environment),i.ze(this.environment,{from:"topbar"}),d.createAndCommit(this.environment,t=>{a.unbookmarkPage({spaceViewStore:e,store:this.props.store,transaction:t})}))}}renderComponent(){const{spaceViewStore:e}=this.props,t=!!e&&Object(s.a)({spaceViewStore:e,pageId:this.props.store.id}),r=t?n.createElement("div",{style:{textAlign:"center"}},n.createElement(h.FormattedMessage,{defaultMessage:"Hide this page from your sidebar",id:"topbar.favoriteButton.activeTooltip1",description:"Favorite button tooltip (when it's active), part 1"}),n.createElement("br",null),n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor}},n.createElement(h.FormattedMessage,{defaultMessage:"Currently visible",id:"topbar.favoriteButton.activeTooltip2",description:"Favorite button tooltip (when it's active), part 2"}))):n.createElement("div",{style:{textAlign:"center"}},n.createElement(h.FormattedMessage,{defaultMessage:"Show this page in your sidebar",id:"topbar.favoriteButton.tooltip1",description:"Favorite button tooltip (when it's NOT active), part 1"}),n.createElement("br",null),n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor}},n.createElement(h.FormattedMessage,{defaultMessage:"Currently hidden",id:"topbar.favoriteButton.tooltip2",description:"Favorite button tooltip (when it's NOT active), part 2"})));return n.createElement(c.a,{placement:c.a.Placement.Bottom,renderTooltip:()=>r,render:e=>n.createElement(u.a,Object.assign({},e,{onClick:t?this.handleUnbookmarkClick:this.handleBookmarkClick,icon:t?o.a.check:void 0}),n.createElement("span",null,t?n.createElement(h.FormattedMessage,{defaultMessage:"Favorited",id:"topbar.favoriteButton.activeTitle",description:"Favorite button title when it's active"}):n.createElement(h.FormattedMessage,{defaultMessage:"Favorite",id:"topbar.favoriteButton.title",description:"Favorite button title when it's NOT active"})))})}}t.a=m},CNGQ:function(e,t,r){"use strict";r.d(t,"a",(function(){return s})),r.d(t,"b",(function(){return l}));var n=r("bkwR"),o=r("RyVQ"),i=r("ohKz"),a=r("toub");function s(e){const{environment:t,onSubmit:r,onCancel:n}=e;t.device.isMobile?i.a.setState({open:!0}):a.a.setState({open:!0,currentTab:"profile"}),o.a.setState({open:!0,setNewPassword:!0,password:"",repeatPassword:"",onSubmit:r,onCancel:n})}async function l(e){const{environment:t,userEmail:r}=e,o=await n.checkEmailType(t,{email:r,allowAdminBypass:!0});if("failed"===o.type)return{error:o.error};const{samlRedirect:i,hasPassword:a}=o.data;return{value:{isSamlEnforced:Boolean(i&&i.enforced),hasPassword:Boolean(a)}}}},CSYU:function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{ready:!1,loading:!1}}}t.a=o},CTEM:function(e,t,r){"use strict";var n=r("e4sT");t.a=function(e){return!(!e||e.length>100||e.startsWith("data")||e.startsWith("http"))&&n.onlyEmoji(e).length>0}},CVgL:function(e,t,r){"use strict";r.d(t,"a",(function(){return i}));r("rGqo");var n=r("VhAz");const o={pseudoAfter:{color:!0,content:!0},pseudoBefore:{color:!0,content:!0}};function i(){const e=[],t={};let r=!1;for(var i=arguments.length,s=new Array(i),l=0;l0&&(c.className=e.join(" ")),r&&(c.style=t),c}function a(e,t){return"--".concat(e,"--").concat(t)}},CWFP:function(e,t,r){"use strict";var n=r("q1tI"),o=r("wldR"),i=r("dMIH"),a=r("x5bJ");class s extends o.a{renderComponent(){return n.createElement("div",{style:this.getHeroImageStyle()},n.createElement(i.a,{src:this.props.src,host:"AWS",alt:this.props.alt,height:this.props.height,width:this.props.width}))}getHeroImageStyle(){return Object(a.a)(this.environment,"maxWidth","large")?{width:"100%",maxWidth:this.props.mobileMaxWidth?this.props.mobileMaxWidth:320,margin:"0 auto"}:{width:"100%",maxWidth:this.props.width,display:"block",margin:"0 auto"}}}t.a=s},CaJT:function(e,t,r){"use strict";r.d(t,"c",(function(){return h})),r.d(t,"f",(function(){return m})),r.d(t,"e",(function(){return g})),r.d(t,"d",(function(){return f})),r.d(t,"b",(function(){return b})),r.d(t,"a",(function(){return y}));r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("7Qu9"),i=r("MBf9"),a=r("sjR4"),s=r("DNgp");function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;te.table===t.table&&e.id===t.id);t&&e&&i.addOperation({transaction:p,store:e,operation:t})}o.beforeSelection&&a.default.setState(c({},a.default.state,{},o.beforeSelection)),o.beforeTextSelection&&!d&&s.default.setState(o.beforeTextSelection)}i.commit({environment:t,transaction:p,canUndo:!1}),o.default.setState(c({},o.default.state,{currentIndex:l}))}({environment:e,revision:r,nextIndex:l,preventSelectText:t})}function g(e,t){const{revision:r,index:n}=p();r&&function(e,t,r,n){const l=i.create(e),{transactions:d}=t;for(const o of d){for(const e of o.operations){const t=o.stores.find(t=>t.table===e.table&&t.id===e.id);t&&i.addOperation({transaction:l,store:t,operation:e})}o.afterSelection&&a.default.setState(c({},a.default.state,{},o.afterSelection)),o.afterTextSelection&&!n&&s.default.setState(o.afterTextSelection)}i.commit({environment:e,transaction:l,canUndo:!1}),o.default.setState(c({},o.default.state,{currentIndex:r}))}(e,r,n,t)}const f=function(){o.default.reset()},b=function(){const{revision:e}=u();return!!e},y=function(){const{revision:e}=p();return!!e}},"Cb/J":function(e,t,r){"use strict";r.d(t,"a",(function(){return o}));var n=r("fIr1");r("g90h");const o="space_recover_pages",i={table:o,columnTypes:{id:n.a.UUID,version:n.a.Number,last_version:n.a.Number,user_id:n.a.UUID,space_id:n.a.UUID,pages:n.a.StringArray}};t.b=i},Cgnk:function(e,t,r){"use strict";r("rGqo");var n=r("LEzx");class o extends n.a{getInitialState(){return{overlays:new Set,containerDomNode:null}}}t.a=o},Cihu:function(e,t,r){"use strict";var n=r("q1tI"),o=r("6f7s"),i=r("EZe4"),a=r("wldR"),s=r("uN94");class l extends a.a{constructor(){super(...arguments),this.handleContextMenu=e=>{const{device:t}=this.environment;t.isAndroid||s.default.isOnboarding||Object(i.d)({event:e,context:i.a.EditorContextMenu,callback:()=>{t.isElectron||this.environment.currentUser.isLoggedIn()&&e.preventDefault()}})},this.handleDragStart=e=>{e.preventDefault()}}didMount(){window.addEventListener("contextmenu",this.handleContextMenu),window.addEventListener("dragstart",this.handleDragStart)}willUnmount(){window.removeEventListener("contextmenu",this.handleContextMenu),window.removeEventListener("dragstart",this.handleDragStart)}}var c=l,d=(r("ioFf"),r("rGqo"),r("LvDl")),u=r("6rsX"),p=r("qHvo"),h=r("v/t1"),m=r("wpmu"),g=r("HRSx"),f=r("jWHj"),b=r("sjR4"),y=r("AmMh"),v=r("57cz"),S=r("Ucj+"),w=r("fbat"),k=r("PuL6"),M=r("EmAo"),O=r("szb2"),E=r("lfst"),C=r("HTHG"),P=r("nZ1u"),T=r("fYc2");function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t{const{isDragging:t}=p.b.state;t?this.updateDragState():this.updateHoverState(e.target,e.clientX,e.clientY)},this.handleWindowKeyEvent=e=>{const{isDragging:t}=p.b.state;t&&this.updateDragState()},this.handleWindowMouseMoveThrottled=d.throttle(this.handleWindowMouseMove,60),this.handleWindowScroll=()=>{u.i(),this.clearHoverState()},this.handleWindowResize=()=>{u.i(),this.clearHoverState()},this.handleGlobalMenuIsOpenChange=()=>{const e=w.a.state,t=C.o.state;e.isOpen&&!e.menuIsOpen&&t&&w.a.reset()}}leftRightLeeway(){const{device:e}=this.environment;return e.isMobile?9999:0}didMount(){super.didMount(),h.a(window,"mousemove",this.handleWindowMouseMoveThrottled),h.a(window,"keydown",this.handleWindowKeyEvent),h.a(window,"keyup",this.handleWindowKeyEvent),p.b.addListener(this.handleWindowMouseMoveThrottled),h.a(window,"scroll",this.handleWindowScroll,!0),h.a(window,"resize",this.handleWindowResize),C.o.addListener(this.handleGlobalMenuIsOpenChange),u.h()}willUnmount(){super.willUnmount(),h.b(window,"mousemove",this.handleWindowMouseMoveThrottled),h.b(window,"keydown",this.handleWindowKeyEvent),h.b(window,"keyup",this.handleWindowKeyEvent),p.b.removeListener(this.handleWindowMouseMoveThrottled),h.b(window,"scroll",this.handleWindowScroll,!0),h.b(window,"resize",this.handleWindowResize),C.o.removeListener(this.handleGlobalMenuIsOpenChange)}updateDragState(){const e=p.b.state;if(!e.isDragging)return;const{draggedStores:t,currentX:r,currentY:n,offsetX:o,offsetY:i,isNativeDrag:a}=e,s={x:r,y:n},l={x:r-o,y:n-i},c=this.findNearbyDropZones({mousePoint:s,originPoint:l},t[0],a);if(c.ontoDropZone)p.b.setState(x({},e,{currentDropZone:c.ontoDropZone,currentHintDropZones:[],currentParentStore:void 0}));else if(c.verticalDropZone)p.b.setState(x({},e,{currentDropZone:c.verticalDropZone,currentHintDropZones:[],currentParentStore:void 0}));else{if(c.horizontalDropZones.length>0){const t=c.horizontalDropZones[0],r=d.tail(c.horizontalDropZones),n=y.a.findSelectableFromStore(t.store);if(n){const o=n.getContextClosestSelectable();let i;return o&&o.props.store!==t.store&&o.props.shouldShowParentHalo&&(i=o.props.store),void p.b.setState(x({},e,{currentDropZone:t,currentHintDropZones:r,currentParentStore:i}))}}p.b.setState(x({},e,{currentDropZone:void 0,currentHintDropZones:[],currentParentStore:void 0}))}}clearHoverState(){const e=w.a.state;e.isOpen&&!e.menuIsOpen&&w.a.reset()}updateHoverState(e,t,r){const n=w.a.state;if(!n.isOpen||!n.menuIsOpen){const o=this.findHoverMenuTarget(e,t,r);o?n.isOpen&&o.selectable.props.store===n.currentStore||w.a.setState({isOpen:!0,currentStore:o.selectable.props.store,container:o.container,menuIsOpen:!1}):w.a.reset()}}findNearbyDropZones(e,t,r){const{device:n}=this.environment,o=f.a(),{selectableRectMap:i}=S.a.state,a=i.keys();let s=a.next();const l=y.a.findSelectableFromStore(t),c=l?l.getContextSelectableContainer():void 0,u=[];for(;!s.done;){const t=s.value;s=a.next();const l=i.get(t),d=t.getContextSelectableContainer(),h=t.props.dropzoneMustBeWithinHorizontalBound?0:this.leftRightLeeway();if(n.isMobile&&d!==c)continue;if(!d||d.props.disable)continue;const m=t.getReferencePoint(e);if(l&&e.mousePoint.x>=l.left&&e.mousePoint.x<=l.right&&e.mousePoint.y>=l.top&&e.mousePoint.y<=l.bottom&&this.selectableIsDragging(t)&&!o.option)return{ontoDropZone:void 0,verticalDropZone:void 0,horizontalDropZones:[]};const{mousePoint:g}=e;(r?t.props.canNativeDropOnto:t.props.canDropOnto)&&l&&g.x>=l.left&&g.x<=l.right&&g.y>=l.top&&g.y<=l.bottom&&!this.selectableIsDragging(t)&&this.selectableCanAcceptDrop(t,p.a.Onto)&&u.push({selectable:t,direction:p.a.Onto,left:l.left,top:l.top,width:l.width,height:l.height}),(r?t.props.canNativeDropLeft:t.props.canDropLeft)&&l&&m.y>=l.top&&m.y<=l.bottom&&Math.abs(m.x-l.left)<=D.verticalDropZoneMaxHorizontalOffset&&(o.option||!this.selectableIsDragging(t))&&this.selectableCanAcceptDrop(t,p.a.Left)&&u.push({selectable:t,direction:p.a.Left,left:l.left,top:l.top,width:0,height:l.height}),(r?t.props.canNativeDropRight:t.props.canDropRight)&&l&&m.y>=l.top&&m.y<=l.bottom&&Math.abs(m.x-l.right)<=D.verticalDropZoneMaxHorizontalOffset&&(o.option||!this.selectableIsDragging(t))&&this.selectableCanAcceptDrop(t,p.a.Right)&&u.push({selectable:t,direction:p.a.Right,left:l.right,top:l.top,width:0,height:l.height}),(r?t.props.canNativeDropAbove:t.props.canDropAbove)&&l&&m.x>=l.left-D.verticalDropZoneExtraLeftEdgeOffset-h&&m.x<=l.right+h&&(o.option||!this.selectableIsDragging(t))&&this.selectableCanAcceptDrop(t,p.a.Above)&&u.push({selectable:t,direction:p.a.Above,left:l.left,top:l.top,width:l.width,height:0}),(r?t.props.canNativeDropBelow:t.props.canDropBelow)&&l&&m.x>=l.left-D.verticalDropZoneExtraLeftEdgeOffset-h&&m.x<=l.right+h&&(o.option||!this.selectableIsDragging(t))&&this.selectableCanAcceptDrop(t,p.a.Below)&&u.push({selectable:t,direction:p.a.Below,left:l.left,top:l.bottom,width:l.width,height:0})}let h;const m=u.filter(e=>e.direction===p.a.Above||e.direction===p.a.Below),g=d.minBy(m,t=>{let{selectable:r,top:n}=t;return Math.abs(n-r.getReferencePoint(e).y)});let b,v=m.filter(e=>{let{top:t}=e;return Math.abs(t-(g?g.top:0))<=D.competingHorizontalDropZoneMinDist});if(v.length>1){v=v.filter(t=>{let{selectable:r,left:n,width:o}=t;const i=r.getReferencePoint(e).x;return i>=n-this.leftRightLeeway()&&i<=n+o+this.leftRightLeeway()}),v=d.sortBy(v,e=>{let{left:t}=e;return t});let t=0;for(;tn)break}v=v.slice(0,t+1),v.reverse()}h=d.map(v,e=>{let{selectable:t,direction:r}=e;return{store:t.props.store,direction:r}});const w=u.filter(e=>e.direction===p.a.Onto),k=d.minBy(w,e=>e.height);if(k){m.some(t=>{const r=t.selectable.getReferencePoint(e).y;return Math.abs(t.top-r)e.direction===p.a.Left||e.direction===p.a.Right);let E=d.minBy(O,t=>{const r=t.selectable.getReferencePoint(e).x;return Math.abs(t.left-r)});if(E){const e=E,t=O.filter(t=>Math.abs(t.left-e.left)0&&(E=d.minBy(t,e=>e.left))}if(E){const e=E;m.some(t=>t.top>=e.top&&t.top+t.height<=e.top+e.height)||(M={store:E.selectable.props.store,direction:E.direction})}return{ontoDropZone:b,verticalDropZone:M,horizontalDropZones:h}}findHoverMenuTarget(e,t,r){if(p.b.state.isDragging||P.a.state.isActive||C.o.state)return;const{selectableRectMap:n}=S.a.state,o=T.a.getSortedComponents().find(t=>{const r=t.getNode();return Boolean(r&&r.contains(e))}),{defaultContainer:i}=b.default.state,a=o||i;if(!a)return;const s=n.keys();let l=s.next();const c=[];for(;!l.done;){const e=l.value,o=n.get(e);(e.props.shouldShowHoverMenu||e.props.shouldShowCommentMenu)&&e.getContextSelectableContainer()===a&&o&&r>=o.top&&r<=o.bottom&&t>=o.left-D.hoverMaxHorizontalOffset&&t<=o.right&&c.push(e),l=s.next()}const u=d.sortBy(c,e=>{const t=n.get(e);return t?-t.left:1/0}),h=u.find(e=>{const t=e.getNode();if(t){if(u.find(r=>{if(r!==e){const e=r.getNode();return Boolean(e&&t.contains(e))}return!1}))return!1}return!0});return h?{selectable:h,container:a}:void 0}selectableIsDragging(e){const t=p.b.state;if(!t.isDragging)return;const{draggedStores:r}=t;for(;e;){if(r.indexOf(e.props.store)>=0)return!0;e=e.getContextClosestSelectable()}return!1}selectableCanAcceptDrop(e,t){if(M.a.state.isOpen&&!O.a.state.open)return!1;if(k.a.state.isOpen)return!1;const r=p.b.state,n=r.isDragging?r.draggedStores:[],o=!!r.isDragging&&r.isNativeDrag,i=e.props.store;let a,s,l=!1,c=!1;if(n.find(e=>{const t=v.a.findOutlinerItemFromStore(e);return!!t&&(a=t.props.type,l=t.props.isTopLevelItem,!0)}),t===p.a.Onto&&"collection"===i.getParentTable()){const e=i.getParentId();if(n.find(t=>Boolean(t instanceof m.a&&"collection"===t.getParentTable()&&t.getParentId()===e)))return!1}const d=Boolean(n.find(e=>e.isCollectionView()));if(d&&"collection"===i.getParentTable()&&t!==p.a.Onto&&"bookmarks"!==a)return!1;if(d&&i.isCollectionView()&&t===p.a.Onto)return!1;if(d&&i.isCollectionView()&&!i.recordStoreParent()&&t!==p.a.Onto)return!1;const u=v.a.findOutlinerItemFromStore(i);if(u&&(s=u.props.type,c=u.props.isTopLevelItem),s&&o)return!1;if("bookmarks"===a&&l&&("bookmarks"!==s||!c||t===p.a.Onto))return!1;if("bookmarks"===s&&c&&t!==p.a.Onto&&("bookmarks"!==a||!l))return!1;if("shared"===s&&"shared"!==a&&t!==p.a.Onto)return!1;if("shared"===a&&"shared"!==s&&n.some(e=>!e.isTopLevel()))return!1;if(s&&c&&t!==p.a.Onto){if(n.find(e=>{const t=e.getType();return Boolean(!t||!g.r[t])}))return!1}const{device:h}=this.environment;return!(s&&h.isMobile&&t===p.a.Onto&&c)&&((!n.find(e=>Boolean(e instanceof m.a&&e.isInlineCollectionView()))||t!==p.a.Left&&t!==p.a.Right)&&n.some(e=>Boolean(E.a.findCollectionTemplatePickerItemFromStore(e)))===Boolean(E.a.findCollectionTemplatePickerItemFromStore(i)))}}D.verticalDropZoneMaxHorizontalOffset=200,D.hoverMaxHorizontalOffset=150,D.competingOntoDropZoneVerticalOffset=7,D.verticalDropZoneExtraLeftEdgeOffset=14,D.verticalDropZoneAmbiguousDist=20,D.competingHorizontalDropZoneMinDist=2;var B=D,_=r("FcJC"),A=r("QcDD"),L=r("dccM"),F=r("UcZb");class R extends a.a{constructor(){super(...arguments),this.mouseSpeed=1/0,this.setPreviousMousePosition=(e,t)=>{this.previousMousePosition={x:e,y:t},clearTimeout(this.timerId),this.timerId=setTimeout(()=>{this.previousMousePosition=void 0},100)},this.handleWindowMouseMove=e=>{Object(i.d)({event:e,context:i.a.SidebarMouseMove,callback:()=>{if(this.updatePageViewRectThrottled(),void 0!==this.previousMousePosition&&(this.mouseSpeed=Math.sqrt(Math.pow(e.clientX-this.previousMousePosition.x,2)+Math.pow(e.clientY-this.previousMousePosition.y,2))),this.setPreviousMousePosition(e.clientX,e.clientY),this.cachedPageViewRect){const{sidebarMinTriggerWidth:t,sidebarOpenWidthPercent:r}=R,n=F.c.state,o=F.e.state,i=e.clientX,a=this.cachedPageViewRect.left,s=Math.max(a*r,t);io&&i>s&&n&&_.close()}}})},this.handleWindowMouseOut=e=>{e.toElement||e.relatedTarget||_.close()},this.updatePageViewRectThrottled=d.throttle(this.updatePageViewRect,500)}didMount(){window.addEventListener("mousemove",this.handleWindowMouseMove),window.addEventListener("mouseout",this.handleWindowMouseOut)}willUnmount(){window.removeEventListener("mousemove",this.handleWindowMouseMove),window.removeEventListener("mouseout",this.handleWindowMouseOut)}updatePageViewRect(){const e=this.getPageViewWrapEl();this.cachedPageViewRect=e?e.getBoundingClientRect():document.body.getBoundingClientRect()}getPageViewWrapEl(){const{currentBlockStore:e}=A.default.state,t=L.a.findComponent(t=>t.props.store===e);if(t){const e=t.getContentWrapEl();if(e)return e}}}R.sidebarOpenWidthPercent=.38,R.sidebarMinTriggerWidth=18,R.mouseSpeedThreshold=5;var N=R,V=r("mcFc"),U=r("bPtJ"),Y=r("bkwR"),W=r("AvkE"),X=r("tC8O"),z=r("A9TN"),q=r("H4VD"),H=r("OUVA"),G=r("bK/N"),K=r("D2XV"),Z=r("Wae9"),J=r("CpD0"),Q=r("JuT7"),$=r("Ko8Q"),ee=r("J9+s"),te=r("+fkW"),re=r("7TLZ");class ne extends a.a{constructor(){super(...arguments),this.handleNotificationEmit=async()=>{const e=await Y.getUserNotifications(this.environment,{size:21});if("failed"===e.type)return;const{results:t}=e.data;Z.a.setState({results:t}),this.syncInitialBadgeNumber();const r=d.union.apply(null,t.map(e=>e.unreceived.notificationIds));for(const n of r)this.displayNotification(n)},this.handleNotificationEmitThrottled=d.throttle(this.handleNotificationEmit,1e3),this.handleNotificationEmitWhenActive=()=>{J.a.whenActive(this.handleNotificationEmitThrottled)},this.updateBadgeNumbers=()=>{const{results:e}=Z.a.state,{reactNative:t}=this.environment,r=e.reduce((e,t)=>e+t.unread.mentions,0);t&&t.setBadgeNumber(r),r>0?G.setBadge("".concat(r)):G.setBadge("")},this.syncInitialBadgeNumber=d.once(this.updateBadgeNumbers)}willMount(){this.startMessageListeners(),Z.a.addListener(this.updateBadgeNumbers)}willUnmount(){this.stopMessageListeners(),Z.a.removeListener(this.updateBadgeNumbers)}startMessageListeners(){const{currentUserStore:e}=A.default.state;if(e){const t=Object($.e)(e.id);this.listenerReference=Q.a.addListener(t,this.handleNotificationEmitWhenActive,void 0)}}stopMessageListeners(){this.listenerReference&&Q.a.removeListener(this.listenerReference)}async displayNotification(e){const t=Object(U.c)(this.props.rootStore,V.b.table,e);await t.load();const r=t.getValue();if(!r)return;const n=r.space_id,o=await te.a.awaitPublicSpaceData(this.environment,n);if(!o)return;const i=Object(re.b)(t,r.activity_id,o.shardId);await i.load();const a=i.getValue(),{currentUserStore:s,currentSpaceViewStore:l}=A.default.state;if(s&&l&&a&&!a.invalid&&!W.h(a,s.id)&&G.shouldSendNotification()&&"undefined"!=typeof Notification){await l.load();const e=l.getValue();if(!e)return;if(!W.j(a))return;if(!e.notify_desktop)return;const r=Object(X.a)({activity:a,getRecordValue:t.getRecordValue,userTimeZone:K.m,intl:this.props.intl});if(!r)return;const{subject:n,body:o}=r;new Notification(n,{body:o,silent:!0}).addEventListener("click",()=>{const e=W.g({activity:a,getRecordValue:t.getRecordValue,baseUrl:z.default.baseURL}),r=W.e(a),n=Object(H.b)(e,[r,"desktop_push"]);q.navigate({environment:this.environment,url:n})})}}}var oe=Object(ee.injectIntl)(ne),ie=r("z8HZ");class ae extends a.a{constructor(){super(...arguments),this.handleOpen=()=>{ie.a.setState({open:!0})},this.handleClose=()=>{ie.a.setState({open:!1})}}willMount(){G.inPageSearch.started.addListener(this.handleOpen),G.inPageSearch.stopped.addListener(this.handleClose)}willUnmount(){G.inPageSearch.started.removeListener(this.handleOpen),G.inPageSearch.stopped.removeListener(this.handleClose)}}var se=ae,le=r("hi+p"),ce=r("VOS9"),de=r("wXH4"),ue=r("y6Dp"),pe=r("2Y+N"),he=r("dXb3"),me=r("gbGO"),ge=r("VyA+"),fe=r("0hFN"),be=r("fwa5"),ye=r("KTXS"),ve=r("nPEg"),Se=r("0CAA");function we(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ke(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class Me extends a.a{constructor(){super(...arguments),this.renderOverlay=()=>{const{device:e}=this.environment,t=be.a.state;if(!t.isActive)return;const{originBlockRect:r,actions:o,inputValue:i}=t,a={environment:this.environment,blocks:t.stores,originRect:r},s=t.showInput&&this.renderInputSection(),l=t.stores[0];let c;return c=e.isMobile?{menuType:me.b.MenuType.Modal,title:n.createElement(ee.FormattedMessage,{defaultMessage:"Actions",id:"blockMenu.actionButton.label"}),right:n.createElement(ve.c,null),onClickRight:this.handleOverlayBgClick,header:s}:{menuType:me.b.MenuType.Popup,width:220,header:s},n.createElement(ge.a,{capture:!0,onBackspace:d.identity},n.createElement(me.b,Object.assign({},c),n.createElement(ce.a,{filter:i,context:a,sections:o,onAccept:this.handleAccept,initialFocus:i?0:void 0}),!i&&this.renderBlockAuthorInfo(),!i&&l.isCollectionView()&&this.renderCollectionHelpButton()))},this.handleOverlayBgClick=()=>{le.a()},this.handleAccept=e=>{const t=be.a.state;if(!t.isActive)return;const{stores:r}=b.default.state,{analyticsFrom:n}=t,o=r[0];if(o){const t=o.getValue();t&&e.name&&ue.p(this.environment,{name:e.name,from:n,block_type:t.type})}e.closeParentMenu&&le.a()},this.handleInputChange=e=>{be.a.state.isActive&&be.a.setState(function(e){for(var t=1;t1))return n.createElement(fe.a,{store:e.stores[0],isPageMoreButton:!1})}renderInputSection(){const{device:e}=this.environment,{intl:t}=this.props,r=be.a.state;if(!r.isActive||e.isMobile)return;const{inputValue:o}=r;return n.createElement(pe.a,{isInput:!0},n.createElement(he.a,{value:o,onChange:this.handleInputChange,focus:!0,focusAfterAnimation:!0,placeholder:t.formatMessage({defaultMessage:"Filter actions…",id:"blockMenu.filterForActions.placeholder"}),allowDelete:!0}))}renderCollectionHelpButton(){return n.createElement(pe.a,{topBorder:!0,disableDesktopPadding:!0},n.createElement(ye.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Learn about databases",id:"blocks.blockMenu.collectionHelpButton"}),href:Object(Se.a)("guides.database"),analyticsFrom:"block_menu"}))}}var Oe=Object(ee.injectIntl)(Me),Ee=r("yNyh"),Ce=r("OYeE"),Pe=r("aEEb");function Te(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function je(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class xe extends a.a{constructor(){super(...arguments),this.handleOverlayBgClick=e=>{Ce.a.setState(function(e){for(var t=1;tn.createElement(ge.a,{capture:!0,onEnter:d.identity,onCommandEnter:d.identity,onCommandShiftEnter:d.identity,onCommandSlash:d.identity,onDelete:d.identity,onBackspace:d.identity,onEsc:d.identity,onLeft:d.identity,onRight:d.identity,onUntab:d.identity,onTab:d.identity,onSelectAll:d.identity,onRedo:d.identity,onUndo:d.identity,onToggleBold:d.identity,onToggleItalics:d.identity,onToggleStrike:d.identity,onToggleCode:d.identity,onCut:d.identity,onCopy:d.identity,onPaste:d.identity,onKeypress:d.identity},n.createElement("div",{style:{padding:8,width:300}},n.createElement(Ee.b,{style:{width:"100%",fontSize:12},value:r,focus:!0,textarea:!0,selectAll:!0,readOnly:!0}),n.createElement(Pe.a,{isSmall:!0,style:{marginTop:6,pointerEvents:"none"}},n.createElement(ee.FormattedMessage,{defaultMessage:"Right click and copy the link above",id:"clipboardInputRenderer.copyLink.message"}))))})}}var Ie=xe,De=r("i8i4"),Be=r("zmp8"),_e=r("7M94");class Ae extends a.a{constructor(){super(...arguments),this.clonedNodes=[]}willMount(e){if(super.willMount(e),e.getGhostElements){const t=e.getGhostElements(e.store);for(const e of t)this.clonedNodes.push(this.cloneAndCleanupNode(e))}else{const e=y.a.findSelectablesFromStore(this.props.store);for(const t of e)if(t.props.canSelect){const e=t.getNode();this.clonedNodes.push(this.cloneAndCleanupNode(e))}}}didMount(){super.didMount();const e=De.findDOMNode(this);e&&e instanceof Element&&this.clonedNodes.forEach((t,r)=>{let{cloned:n}=t;e.children[r].appendChild(n)})}renderComponent(){return n.createElement("div",null,this.clonedNodes.map((e,t)=>{let{rect:{left:r,top:o,width:i,height:a}}=e;return n.createElement("div",{key:t,style:{position:"absolute",top:o,left:r,width:i,height:a,opacity:this.environment.device.isMobile?.25:.4,pointerEvents:"none"}})}))}findShadowRoot(e,t){if(e.shadowRoot)return t;if(e instanceof HTMLIFrameElement)return t;{const{firstElementChild:r,nextElementSibling:n}=e;if(r){t.push(0);const e=this.findShadowRoot(r,t);if(e)return e;t.pop()}if(n){t[t.length-1]+=1;const e=this.findShadowRoot(n,t);if(e)return e}return null}}findElement(e,t){return t.reduce((e,t)=>e&&e.children&&e.children[t]?e.children[t]:null,e)}static copyAttributes(e,t){d.toArray(t.attributes).forEach(t=>{let{name:r,value:n}=t;e.setAttribute(r,n)})}attachEmbeds(e,t){const{firstElementChild:r}=e;if(r&&r.hasAttribute("embed-ghost")){const r=this.findShadowRoot(e,[]);if(r){const o=this.findElement(e,r),i=this.findElement(t,r);if(o&&i)if(o.shadowRoot){const e=o.shadowRoot;let t=null;if(i.createShadowRoot)t=i.createShadowRoot();else if(i.attachShadow)try{t=i.attachShadow({mode:"open"})}catch(n){}t&&(t.innerHTML=e.innerHTML)}else if(!o.src&&o.contentDocument){const e=document.createElement("iframe");e.width=o.offsetWidth,e.height=o.offsetHeight,Ae.copyAttributes(e,i),i.parentElement.replaceChild(e,i),e.onload=t=>{const r=e.contentDocument.children[0],n=o.contentDocument.children[0];Ae.copyAttributes(r,n),r.innerHTML=n.innerHTML}}else i.width=o.offsetWidth,i.height=o.offsetHeight,i.style.backgroundColor=Be.f.blackWithAlpha(.12),i.style.backgroundImage=null,i.src=""}}}cloneAndCleanupNode(e){const t=e.style.transform,r=e.style.transition;e.style.transform="",e.style.transition="";const n=e.getBoundingClientRect();e.style.transform=t,e.style.transition=r;const o=e.cloneNode(!0);this.attachEmbeds(e,o);const i=getComputedStyle(e);for(let s=0;s{const e=p.b.state;if(!e.isDragging)return;const t=e.draggedStores.map((t,r)=>n.createElement(Le,{key:"".concat(r),store:t,getGhostElements:e.getGhostElements}));return n.createElement("div",{style:this.getGhostStyle()},t)},this.isDragging=this.createComputedStore(()=>p.b.state.isDragging)}renderComponent(){return n.createElement(Fe.a,{open:this.isDragging.state,render:this.renderGhost})}getGhostStyle(){const e=p.b.state;if(!e.isDragging)return;const{startX:t,startY:r,currentX:n,currentY:o}=e,i=o-r;return{position:"absolute",top:0,left:0,transform:"translate3d(".concat(n-t,"px, ").concat(i,"px, 0)")}}}var Ne=Re,Ve=r("M64d"),Ue=r("ikHm"),Ye=r("NOLh"),We=r("LoBg"),Xe=r("Iece"),ze=r("Sb6f"),qe=r("EtGu"),He=r("d9nj"),Ge=r("T1kp");function Ke(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ze(e){for(var t=1;t{const{isOpen:e,renderFullScreenNode:t,fullScreenNodeRect:r}=qe.a.state;if(!r)return;const o=window.innerWidth,i=window.innerHeight,a=o-2*Qe.edgePadding,s=i-2*Qe.edgePadding;let l=a,c=l/r.width*r.height;if(c>s){const e=c/s;c/=e,l/=e}const u=(o-l)/2,p=(i-c)/2,h={translateX:r.left,translateY:r.top,width:r.width,height:r.height},m={translateX:u,translateY:p,width:l,height:c};let g;return t&&(g=t()),Object(Ve.a)(t=>n.createElement(ge.a,{capture:e,onEsc:this.handleClose,onEnter:d.identity,onSpace:this.handleClose,onCommandEnter:this.handleClose,onCommandShiftEnter:d.identity,onCommandSlash:d.identity,onUp:d.identity,onDown:d.identity,onDelete:d.identity,onBackspace:d.identity,onLeft:d.identity,onRight:d.identity,onUntab:d.identity,onTab:d.identity,onSelectAll:d.identity,onRedo:d.identity,onUndo:d.identity,onToggleBold:d.identity,onToggleItalics:d.identity,onToggleStrike:d.identity,onToggleCode:d.identity,onCut:d.identity,onCopy:d.identity,onPaste:d.identity,onKeypress:d.identity},n.createElement(We.a,{capture:e},n.createElement("div",Object.assign({onClick:this.handleClose,ref:e=>{this.rootEl=e},style:this.getStyle(e)},t),n.createElement(Ye.a,{isVisible:e,enterAnimationStyle:{opacity:0},exitAnimationStyle:{opacity:0},animationStyle:{opacity:.8},render:()=>n.createElement("div",{style:Qe.backgroundStyle}),onAnimationEnd:this.handleBackgroundAnimationEnd}),n.createElement(Ye.a,{ref:e=>{this.animatedEl=e},isVisible:e,enterAnimationStyle:h,exitAnimationStyle:h,animationStyle:m,springConfig:{translateX:Qe.springConfig,translateY:Qe.springConfig,width:Qe.springConfig,height:Qe.springConfig},render:()=>n.createElement("div",{style:Qe.fullScreenNodeWrapStyle},g),onAnimationEnd:this.handleFullscreenNodeAnimationEnd}),n.createElement("div",{style:this.getCloseButtonStyle(e)},n.createElement(He.a,{onClick:this.handleClose,style:{color:"#fff"}},n.createElement(ee.FormattedMessage,{defaultMessage:"Close",id:"fullscreenRenderer.closeButton.label",description:"Shown in the top right corner when viewing an asset (image, file, etc.) in full screen mode, to close out of full screen mode."})))))))},this.handleClose=()=>{Ge.a(),u.e(this.environment)},this.handleResize=()=>{const{isOpen:e}=qe.a.state;e&&this.enqueueForceUpdate()},this.handleFrameScrollerUpdate=()=>{this.updateRootElFromScroll()},this.handleBackgroundAnimationEnd=()=>{const{isOpen:e}=qe.a.state;e||qe.a.setState(Ze({},qe.a.state,{backgroundAnimationComplete:!0}))},this.handleFullscreenNodeAnimationEnd=()=>{const{isOpen:e}=qe.a.state;e||qe.a.setState(Ze({},qe.a.state,{fullscreenNodeAnimationComplete:!0}))}}didMount(){super.didMount(),window.addEventListener("resize",this.handleResize),Xe.a.addListener(this.handleFrameScrollerUpdate)}didMountOrUpdate(){super.didMountOrUpdate(),this.updateRootElFromScroll()}willUnmount(){super.willUnmount(),window.removeEventListener("resize",this.handleResize),Xe.a.removeListener(this.handleFrameScrollerUpdate)}renderComponent(){const{isOpen:e,fullscreenNodeAnimationComplete:t,backgroundAnimationComplete:r}=qe.a.state;return n.createElement(Fe.a,{open:e||!t||!r,render:this.renderOverlay})}getRenderedEl(){const e=De.findDOMNode(this.animatedEl);if(e)return e.childNodes[0]}updateRootElFromScroll(){if(this.getRenderedEl()){const{scrollTop:e}=Xe.a.state,{startScrollTop:t}=qe.a.state,r=e-t;this.rootEl.style.transform="translateY(".concat(-r,"px)")}}getStyle(e){return{zIndex:Ue.n,position:"fixed",top:0,left:0,right:0,bottom:0,pointerEvents:e?"auto":"none",cursor:"zoom-out"}}getCloseButtonStyle(e){const{WindowSizeStore:t}=this.environment;return{position:"absolute",top:t.getSafePaddingBottomCSS(16),right:t.getSafePaddingRightCSS(18),display:e?"block":"none",fontWeight:ze.a.fontWeight.medium}}}Qe.edgePadding=32,Qe.springConfig={stiffness:65,damping:10,precision:.001},Qe.fullScreenNodeWrapStyle={position:"absolute",top:0,left:0,display:"flex"},Qe.backgroundStyle={position:"absolute",top:0,left:0,right:0,bottom:0,background:Be.f.black};var $e=Qe,et=r("vX3W"),tt=r("cgvQ"),rt=r("t3i2"),nt=r("G4GV"),ot=r("UZfs"),it=r("APM9"),at=r("2m/B"),st=r("LeVO"),lt=r("FIf6"),ct=r("p+Y9"),dt=r("R+Q+"),ut=r("fCO4"),pt=r("T4gQ"),ht=r("mF3+"),mt=r("Cycz"),gt=r("mVDJ"),ft=r("r8MX"),bt=r("cX/5"),yt=r("MeYt"),vt=r("bxQm"),St=r("prF1"),wt=r("1y3T"),kt=r("Pl3d"),Mt=r("4HCU"),Ot=r("wlCD"),Et=r("IYZQ"),Ct=r("SR/M"),Pt=r("VVDu"),Tt=r("vl8/"),jt=r("5FB0"),xt=r("5w/s");function It(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Dt(e){for(var t=1;to?!r||r&&!r.length?n.createElement(ot.a,{shouldWrapCaption:!0,caption:n.createElement(ee.FormattedMessage,{defaultMessage:"No results found.",id:"mediaPicker.unsplash.noResultsText"}),style:{textAlign:this.props.isSmallWidth?"left":"center",color:this.theme.mediumTextColor}}):n.createElement(n.Fragment,null,r.map(t=>this.renderUnsplashImage(e,t)),n.createElement(ot.a,{shouldWrapCaption:!0,caption:n.createElement(ee.FormattedMessage,{defaultMessage:"Search to find more results.",id:"mediaPicker.unsplash.searchText"}),style:{textAlign:this.props.isSmallWidth?"left":"center",color:this.theme.mediumTextColor}})):n.createElement("div",{style:this.getLoadingContainerStyle()},n.createElement(Ot.a,null)),this.renderUnsplashImage=(e,t)=>{const{device:r}=this.environment;return n.createElement("div",{key:t.id,style:{width:r.isMobile?"33%":"25%",padding:3}},n.createElement(yt.a,{hoveredStyle:{opacity:.85},onClick:()=>this.handleSelectUnsplashImage(e,t)},n.createElement(at.a,{src:t.thumbUrl,style:{width:"100%",height:64,objectFit:"cover",objectPosition:"center 0%",borderRadius:3}})),n.createElement(Pe.a,{isSmall:!0,isSecondaryColor:!0,style:{marginTop:2,marginBottom:4}},n.createElement(ee.FormattedMessage,{defaultMessage:"by {authorName}",id:"mediaPicker.unsplash.byAuthor",description:"Caption attributing the author of the Unsplash image",values:{authorName:t.authorName,inlinetextlink:function(){for(var e=arguments.length,r=new Array(e),o=0;o()=>{const t=this.stores.embedInputStore.state.inputValue;t&&e.onChange(t)},this.handleSelectUnsplashImage=async(e,t)=>{const r=await Object(jt.b)({environment:this.environment,url:t.downloadUrl,method:"GET",json:!0});"success"===r.type&&e.onChange({url:r.data.url})},this.handleSwipeLeft=()=>{if(!bt.a.state.isActive)return;const e=this.getTabs(),t=e.map(e=>e.type).indexOf(bt.a.state.currentTab),r=e[t+1];void 0!==r&&this.handleTabChange(r.type)},this.handleSwipeRight=()=>{if(!bt.a.state.isActive)return;const e=this.getTabs(),t=e.map(e=>e.type).indexOf(bt.a.state.currentTab),r=e[t-1];void 0!==r&&this.handleTabChange(r.type)},this.handleTabChange=e=>{bt.a.state.isActive&&bt.a.setState(Dt({},bt.a.state,{currentTab:e}))},this.handleRandomEmojiClick=()=>{const{device:e}=this.environment,t=this.getTabs().find(e=>e.type===this.props.currentTab);if(t&&"emoji"===t.type){const r=Object(xt.c)();t.onChange(r,{keepVisible:!e.isMobile})}},this.handleEmojiFilterChange=e=>{const{emojiInputStore:t,emojiPickerStore:r}=this.stores;t.setState(Dt({},t.state,{inputValue:e.currentTarget.value})),r.setState(Dt({},r.state,{loadEmojiCount:gt.a.emojisPerPage}))}}renderComponent(){const{device:e}=this.environment,t=this.renderTabsHeader(),r=this.renderInputHeader(),o=(t||r)&&n.createElement(n.Fragment,null,t,r);let i;return e.isMobile?i={menuType:me.b.MenuType.Modal,title:this.props.title,header:o,right:n.createElement(ee.FormattedMessage,{defaultMessage:"Close",id:"mediaPicker.mobileCloseButton.label"}),onClickRight:this.props.onCancel,left:this.props.onDelete&&n.createElement(ee.FormattedMessage,{defaultMessage:"Remove",id:"mediaPicker.mobileRemoveButton.label"}),onClickLeft:this.props.onDelete}:(i={menuType:me.b.MenuType.Popup,header:o},i.width=this.props.popupWidth||300,i.height=this.props.popupHeight,i.maxHeight=this.props.maxHeight,i.maxWidth=this.props.maxWidth),n.createElement(ut.a,{onSwipeLeft:this.handleSwipeLeft,onSwipeRight:this.handleSwipeRight,render:e=>n.createElement(me.b,Object.assign({},i,e,{className:_e.E}),this.renderCurrentTab())})}renderTabsHeader(){const{device:e}=this.environment;if(!(this.getTabs().length<=1)||this.props.onDelete){const t={gallery:n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.gallery",defaultMessage:"Gallery"}),embed:n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.embedLink",defaultMessage:"Embed link"}),file:n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.upload",defaultMessage:"Upload"}),emoji:n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.emoji",defaultMessage:"Emoji"}),unsplash:n.createElement(n.Fragment,null,ht.a.unsplashLogo({width:12,marginRight:4,height:12}),n.createElement("span",null,"Unsplash")),drive:n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.browse",defaultMessage:"Browse"})},r=this.getTabs(),o=r.findIndex(e=>e.type===this.props.currentTab),i=r.map(e=>e.title||t[e.type]),a=r.find(e=>e.type===this.props.currentTab),s=a&&"emoji"!==a.type&&e.isAndroid;return n.createElement(dt.a,{tabs:i,selectedIndex:o,onChange:e=>{const t=r[e];this.handleTabChange(t.type)},right:n.createElement(n.Fragment,null,a&&"emoji"===a.type&&n.createElement(He.a,{isGray:!0,icon:ht.a.random,onClick:this.handleRandomEmojiClick},n.createElement(ee.FormattedMessage,{id:"mediaPicker.emojiTab.random",defaultMessage:"Random"})),this.props.onDelete&&!e.isMobile&&n.createElement(He.a,{isGray:!0,onClick:this.props.onDelete},n.createElement(ee.FormattedMessage,{id:"mediaPicker.tabs.remove",defaultMessage:"Remove"}))),style:Dt({},s&&{borderBottom:"none"})})}}renderInputHeader(){const{device:e}=this.environment,t=this.getTabs().find(e=>e.type===this.props.currentTab),r=!e.isMobile||void 0;if(t&&"emoji"===t.type)return n.createElement("div",{style:{margin:e.isMobile?0:"10px 0"}},n.createElement(he.a,{value:this.stores.emojiInputStore.state.inputValue,focusInitial:r,placeholder:Tt.default.formatMessage(_t.filterPlaceholder),showClearButton:!0,left:ht.a.searchThick(this.getSearchIconStyle()),onChange:this.handleEmojiFilterChange,style:Dt({},e.isAndroid&&{borderBottom:"none"})}))}renderCurrentTab(){const e=this.getTabs().find(e=>e.type===this.props.currentTab);if(!e)return n.createElement(ee.FormattedMessage,{defaultMessage:"Uh oh! Something went wrong.",id:"mediaPicker.errorMessage"});switch(e.type){case"embed":return this.renderEmbedTab(e);case"file":return this.renderUploadTab(e);case"emoji":return this.renderEmojiTab(e);case"gallery":return this.renderGalleryTab(e);case"unsplash":return this.renderUnsplashTab(e);case"drive":return this.renderGoogleDriveTab(e)}}renderEmojiTab(e){return n.createElement(it.a,{onSubmit:e.onChange,filter:this.stores.emojiInputStore.state.inputValue,store:this.stores.emojiPickerStore,isCallout:this.props.isCallout})}renderGalleryTab(e){return n.createElement("div",{style:{paddingBottom:8}},d.map(rt.a,(t,r)=>n.createElement(pe.a,{key:r,title:n.createElement(St.a,{style:{marginLeft:-5},href:t.url,external:!0},n.createElement(vt.a,null,Tt.default.formatMessage(t.title))),isTitleUppercase:!0,noTextOverflow:!0},n.createElement("div",{style:this.getGalleryWrapStyle()},t.items.map((t,r)=>{let{coverUrl:o,title:i,subtitle:a,position:s}=t;return n.createElement("div",{key:r,style:{width:"25%",padding:3}},n.createElement(st.a,{originGap:0,placement:st.a.Placement.Bottom,delayThreshold:600,renderTooltip:()=>n.createElement("div",{style:{maxWidth:180,whiteSpace:"normal"}},n.createElement("span",{style:{color:this.theme.regularInvertedTextColor}},Tt.default.formatMessage(i))," ",n.createElement("span",{style:{color:this.theme.mediumInvertedTextColor}},a&&Tt.default.formatMessage(a))),render:t=>n.createElement(yt.a,Object.assign({hoveredStyle:{opacity:.85}},t,{onClick:()=>{e.onChange({url:o,position:s})}}),n.createElement(wt.a,{url:o,width:200,isAuthenticated:!1,render:(e,t)=>t&&n.createElement(at.a,{src:t,style:{width:"100%",height:64,objectFit:"cover",objectPosition:"center ".concat(100*(s||0),"%"),borderRadius:3}})}))}))})))))}renderUnsplashTab(e){const{device:t}=this.environment;return n.createElement("div",{style:{paddingBottom:8}},n.createElement(pe.a,{desktopStyle:{marginTop:8,marginBottom:6}},n.createElement(he.a,{value:this.stores.unsplashInputStore.state.inputValue,placeholder:Tt.default.formatMessage(_t.unsplashPlaceholder),showClearButton:!0,focus:!t.isMobile||void 0,onChange:e=>{this.stores.unsplashInputStore.setState(Dt({},this.stores.unsplashInputStore.state,{inputValue:e.target.value}))}})),n.createElement("div",{style:this.getGalleryWrapStyle()},n.createElement(kt.a,{request:this.stores.unsplashInputStore.state.inputValue,debounce:Mt.b,performRequest:async e=>{const t=await Y.searchUnsplashImages(this.environment,{query:e,page:0});if("success"===t.type)return t.data.results;throw t.error},render:(t,r,n)=>this.renderUnsplashResults(e,t,r,n)})))}renderUploadTab(e){const{data:t}=ft.default.state;return n.createElement(n.Fragment,null,e.fileUpload&&n.createElement(pe.a,{desktopStyle:{marginTop:this.props.isSmallWidth?8:24}},n.createElement(pt.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Choose a file",id:"mediaPicker.chooseFile.button.label"}),focused:!1,onClick:()=>this.handleUpload(e),fullWidth:this.props.isSmallWidth})),this.renderMediaCapture(e),e.caption&&n.createElement(ot.a,{shouldWrapCaption:!0,caption:e.caption,style:{textAlign:this.props.isSmallWidth?"left":"center",color:this.theme.mediumTextColor}}),e.preventUploadLimitFreeFileSize||t&&mt.w(t)&&n.createElement("div",{style:{height:8}}),t&&!e.preventUploadLimitFreeFileSize&&!mt.w(t)&&n.createElement(ot.a,{shouldWrapCaption:!0,caption:n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:this.props.isSmallWidth?"flex-start":"center"}},n.createElement("div",{style:{marginRight:6,color:this.theme.mediumTextColor}},n.createElement(ee.FormattedMessage,{defaultMessage:"The maximum size per file is {filesize} MB.",id:"mediaPicker.maximumFileSize.notice",values:{filesize:ct.a}})),!s.default.isOnboarding.state&&n.createElement(lt.a,{subscriptionTier:mt.h(this.environment)||"team",onClick:()=>{this.props.onCancel&&this.props.onCancel()},analyticsName:"media_picker",desktopStyle:{marginBottom:1}}))}))}renderMediaCapture(e){if(e.imageUpload||e.videoUpload)return n.createElement(pe.a,{desktopStyle:{marginTop:this.props.isSmallWidth?8:24}},e.imageUpload&&n.createElement(pt.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Choose an image",id:"mediaPicker.chooseImage.buttonText"}),focused:!1,onClick:()=>this.handleUpload(e,"image/*"),fullWidth:this.props.isSmallWidth}),e.videoUpload&&n.createElement(pt.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Choose a video",id:"mediaPicker.chooseVideo.buttonText"}),focused:!1,onClick:()=>this.handleUpload(e,"video/*"),fullWidth:this.props.isSmallWidth}))}renderEmbedTab(e){const{device:t}=this.environment;return n.createElement(n.Fragment,null,n.createElement(pe.a,{desktopStyle:{marginTop:8,marginBottom:6}},n.createElement(he.a,{type:"url",value:this.stores.embedInputStore.state.inputValue,placeholder:e.inputPlaceholder||Tt.default.formatMessage(_t.embedPlaceholder),showClearButton:!0,focus:!t.isMobile||void 0,onSubmit:this.handleEmbedSubmit(e),onChange:e=>{this.stores.embedInputStore.setState(Dt({},this.stores.embedInputStore.state,{inputValue:e.target.value}))}})),n.createElement(pe.a,null,n.createElement(pt.a,{onClick:this.handleEmbedSubmit(e),focused:!1,title:e.buttonText||n.createElement(ee.FormattedMessage,{defaultMessage:"Embed link",id:"mediaPicker.embedTab.embedLinkButtonText"}),fullWidth:this.props.isSmallWidth})),e.caption&&n.createElement(ot.a,{shouldWrapCaption:!0,caption:e.caption,style:{textAlign:t.isMobile?"left":"center"}}))}renderGoogleDriveTab(e){return n.createElement(kt.a,{request:this.environment,performRequest:tt.b,render:(t,r,o)=>{if(!o)return n.createElement(pe.a,null,n.createElement(Pt.a,null));const i=r&&r.accounts?r.accounts:[];return this.renderGoogleDriveAccounts(e,i)}})}renderGoogleDriveAccounts(e,t){return 0===t.length?n.createElement(pe.a,null,n.createElement(Ct.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Connect Google account",id:"mediaPicker.menuItem.connectFirstGoogleAccount.label"}),onClick:()=>e.onSelect(),focused:!1,style:{color:this.theme.blueColor}}),n.createElement(ot.a,{shouldWrapCaption:!1,caption:n.createElement(ee.FormattedMessage,{defaultMessage:"Find and embed your Google Drive files.",id:"mediaPicker.menuItem.connectFirstGoogleAccount.caption"})})):n.createElement(n.Fragment,null,n.createElement(pe.a,null,t.map((t,r)=>n.createElement(Ct.a,{key:t.accountId,title:n.createElement(ee.FormattedMessage,{defaultMessage:"Choose from {accountName}",id:"mediaPicker.menuItem.choosePagesFromAccount.label",values:{accountName:t.accountName}}),onClick:()=>e.onSelect(t),focused:!1}))),n.createElement(pe.a,{topBorder:!0},n.createElement(Ct.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Connect another account",id:"mediaPicker.menuItem.connectMoreGoogleAccounts.label"}),onClick:()=>e.onSelect(),style:{color:this.theme.mediumTextColor},focused:!1})))}getTabs(){return this.props.tabs}async handleUpload(e,t){const r=await ct.b({multiple:!1,accept:t});r.length&&e.onUpload(r[0])}getLoadingContainerStyle(){return{display:"flex",alignItems:"center",justifyContent:"center",minHeight:320,flex:1}}getSearchIconStyle(){return{width:14,height:14,marginRight:6,flexGrow:0,flexShrink:0,color:this.theme.regularIconColor}}getGalleryWrapStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{display:"flex",flexWrap:"wrap",alignContent:"flex-start",background:this.theme.popoverBackground,paddingTop:e.isMobile?12:0,paddingBottom:e.isMobile?12:0,paddingLeft:e.isMobile?t.getSafePaddingLeftCSS(14):12,paddingRight:e.isMobile?t.getSafePaddingRightCSS(14):12,boxShadow:e.isMobile?"0 1px 0 ".concat(this.theme.regularDividerColor):""}}}var Lt=At;class Ft extends a.a{constructor(){super(...arguments),this.handleCloseOverlay=()=>{et.a()}}renderComponent(){const{device:e}=this.environment,{state:t}=bt.a;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t.isActive,originRect:t.isActive?t.originRect:void 0,originGap:t.isActive?t.originGap:void 0,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,preventScaleTransition:!0,onDismiss:this.handleCloseOverlay,render:()=>{if(t.isActive)return n.createElement(Lt,Object.assign({},t,{onCancel:this.handleCloseOverlay}))}})}}var Rt=Ft,Nt=r("/mqF"),Vt=r("MBf9");class Ut extends a.a{constructor(){super(...arguments),this.handleDragOver=e=>{e.preventDefault(),this.startDrag(e),this.continueDragThrottled(e)},this.handleDrop=e=>{e.preventDefault();const t=Array.from(e.dataTransfer.files);t.length>0&&Vt.createAndCommit(this.environment,e=>{Nt.c({environment:this.environment,files:t,analyticsFrom:"native_drag",transaction:e})})},this.startDrag=e=>{Nt.f(this.environment,{startX:e.clientX,startY:e.clientY,stores:[],isNativeDrag:!0,getGhostElements:void 0})&&u.e(this.environment)},this.continueDrag=e=>{this.cancelDragTimeout&&window.clearTimeout(this.cancelDragTimeout),this.cancelDragTimeout=window.setTimeout(this.cancelDrag,this.getCancelDragTimeoutMS()),Nt.d(this.environment,{currentX:e.clientX,currentY:e.clientY})},this.continueDragThrottled=d.throttle(this.continueDrag,Ut.dragOverThrottleMS),this.cancelDrag=()=>{Nt.a(this.environment)}}didMount(){super.didMount(),window.addEventListener("dragover",this.handleDragOver),window.addEventListener("drop",this.handleDrop)}willUnmount(){super.willUnmount(),window.removeEventListener("dragover",this.handleDragOver),window.removeEventListener("drop",this.handleDrop)}getCancelDragTimeoutMS(){const{device:e}=this.environment;return e.isLinux?2e3:200}}Ut.dragOverThrottleMS=62.5;var Yt=Ut,Wt=r("X4ZB"),Xt=r("Oy36"),zt=r("fJHT"),qt=r("N34Z"),Ht=r("6BvA"),Gt=r("unoy");class Kt extends a.a{constructor(){super(...arguments),this.renderPopupContent=()=>n.createElement(Jt,null)}renderComponent(){const{device:e}=this.environment,{blockStore:t,originRect:r}=Ht.a.state;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:Boolean(t),originRect:r,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,originGap:4,onDismiss:()=>Wt.a(this.environment),render:this.renderPopupContent})}}class Zt extends a.a{constructor(){super(...arguments),this.handleRecordIconChange=e=>{const{blockStore:t}=Ht.a.state;if(t){const r=t.getIconStore();r&&Vt.createAndCommit(this.environment,t=>{qt.c({store:r,value:e,transaction:t})})}}}didMount(){const{blockStore:e}=Ht.a.state;if(!e)return;const t=e.getTitleStore();t&&Gt.k({environment:this.environment,store:t,canSelectAllBlocks:!1})}renderComponent(){const{device:e}=this.environment,{blockStore:t}=Ht.a.state;if(!t)return;const r=t.getTitleStore();if(!r)return;let o;return o=e.isMobile?{menuType:me.b.MenuType.ActionSheet}:{menuType:me.b.MenuType.Popup,width:380},n.createElement(me.b,Object.assign({},o),n.createElement("div",{style:this.getWrapStyle()},this.renderIcon(t),n.createElement(zt.a,{store:r,disabled:!t.canEdit(),onEsc:()=>Wt.a(this.environment),onEnter:()=>Wt.a(this.environment),disableSlashCommands:!0,disableEmojiCommands:!0,disableSelectAllBlocks:!0,disableSelectionDrag:!0,placeholder:this.props.intl.formatMessage({defaultMessage:"Untitled",id:"renamePageMenuPopup.input.placeholder"}),style:this.getInputStyle()})))}renderIcon(e){const t={width:28,height:28,marginRight:6,flexShrink:0,flexGrow:0,boxShadow:"inset 0 0 0 1px ".concat(this.theme.darkDividerColor)};return e.canEdit()?n.createElement(Xt.a,{disabled:!1,bucket:"secure",icon:e.getIcon(),isEmptyPage:e.isEmptyPage(),size:18,style:t,onChange:this.handleRecordIconChange}):n.createElement(Xt.a,{disabled:!0,icon:e.getIcon(),isEmptyPage:e.isEmptyPage(),size:18,style:t})}getWrapStyle(){return{display:"flex",alignItems:"center",color:this.theme.regularTextColor,fontSize:"13px",padding:"4px 8px"}}getInputStyle(){return{display:"flex",alignItems:"center",flexGrow:1,fontSize:14,lineHeight:"20px",paddingTop:4,paddingBottom:4,paddingLeft:10,paddingRight:10,width:"100%",borderRadius:3,boxShadow:this.theme.inputBoxShadow,background:this.theme.inputBackground,cursor:"text",position:"relative"}}}const Jt=Object(ee.injectIntl)(Zt);var Qt=Kt,$t=r("Hl/2"),er=r("I6hv"),tr=r("Gw5o"),rr=r("Cm2F"),nr=r("QTGx");function or(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ir(e){for(var t=1;t{const t=er.b.state;t.open&&er.b.setState(ir({},t,{tab:sr[e]}))}}renderComponent(){const{device:e}=this.environment;let t;return t=e.isMobile?{menuType:me.b.MenuType.Modal,title:n.createElement(ee.FormattedMessage,{defaultMessage:"Discussion",id:"blockDiscussionMenu.mobileMenu.title"}),header:this.renderMenuHeader(),right:n.createElement(ve.c,null),onClickRight:rr.a,whiteBackground:!0}:{menuType:me.b.MenuType.Popup,header:this.renderMenuHeader(),width:480,maxHeight:"50vh",onClickOutside:rr.a},n.createElement(We.a,{capture:!0},n.createElement(ge.a,{capture:!0,onEsc:rr.a},n.createElement(me.b,Object.assign({},t),this.renderMenuContent())))}renderMenuHeader(){const{device:e}=this.environment,t=re.m(this.props.blockStore).length,r=re.l(this.props.blockStore).length;return n.createElement(dt.a,{tabs:[t?n.createElement(ee.FormattedMessage,{defaultMessage:"Open ({numberOfOpenDiscussions})",id:"blockDiscussionMenu.openDiscussionsTab.title",values:{numberOfOpenDiscussions:t}}):n.createElement(ee.FormattedMessage,{defaultMessage:"Open",id:"blockDiscussionMenu.openDiscussionsTabEmpty.title"}),r?n.createElement(ee.FormattedMessage,{defaultMessage:"Resolved ({numberOfResolvedDiscussions})",id:"blockDiscussionMenu.resolvedDiscussionsTab.title",values:{numberOfResolvedDiscussions:r}}):n.createElement(ee.FormattedMessage,{defaultMessage:"Resolved",id:"blockDiscussionMenu.resolvedDiscussionsTabEmpty.title"})],selectedIndex:sr.indexOf(this.props.tab),onChange:this.handleChangeTab,style:ir({},e.isAndroid&&{borderBottom:"none"})})}renderMenuContent(){const{device:e}=this.environment;if(this.props.tab===er.a.Open){const t=re.m(this.props.blockStore);if(t.length){const r=t.map((e,t,r)=>n.createElement(tr.a,{key:e.id,store:e,format:tr.a.Format.Menu,isFirst:0===t,isOnly:1===r.length,discussionLocation:"block_menu",alwaysShowResolve:!0,blockStore:this.props.blockStore,onDismiss:rr.a})),o=this.props.blockStore.getType(),i=o&&g.q[o];if(e.isMobile&&i){const e=nr.a(this.props.blockStore);return e?n.createElement(n.Fragment,null,n.createElement("div",{style:{padding:"12px 16px",boxShadow:"0 1px 0 ".concat(this.theme.regularDividerColor),marginBottom:1}},n.createElement(e,{store:this.props.blockStore,disabled:!0,hideContent:!0,style:{fontSize:14,pointerEvents:"none"},isQuickFind:!0})),r):r}return r}return this.renderEmptyState(n.createElement(ee.FormattedMessage,{defaultMessage:"No comments to show.",id:"blockDiscussionMenu.emptyState.noCommentsMessage"}))}{const e=re.l(this.props.blockStore);return e.length?e.map((e,t,r)=>n.createElement(tr.a,{key:e.id,store:e,format:tr.a.Format.Menu,isFirst:0===t,isOnly:1===r.length,discussionLocation:"block_menu",alwaysShowResolve:!0,blockStore:this.props.blockStore,onDismiss:rr.a})):this.renderEmptyState(n.createElement(ee.FormattedMessage,{defaultMessage:"No resolved comments.",id:"blockDiscussionMenu.emptyStatte.noResolvedCommentsMessage"}))}}renderEmptyState(e){const{device:t}=this.environment;return n.createElement("div",{style:{textAlign:"center",padding:t.isMobile?"64px 18px":"32px 18px 36px",fontSize:14,color:this.theme.mediumTextColor}},e)}}var cr=lr;class dr extends a.a{constructor(){super(...arguments),this.renderDiscussionMenu=()=>{if(er.b.state.open)return n.createElement(cr,{rect:er.b.state.rect,tab:er.b.state.tab,blockStore:er.b.state.blockStore})}}renderComponent(){const{device:e}=this.environment,{open:t,rect:r}=er.b.state;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t,originRect:r,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,disableMouseCapture:!0,originGap:4,render:this.renderDiscussionMenu,preventScaleTransition:!0,preventOpacityTransition:!0,onDismiss:rr.a})}}var ur=dr,pr=r("VBxf"),hr=r("SeL1"),mr=r("gRnv"),gr=r("74GD"),fr=r("B2+S");class br extends a.a{constructor(){super(...arguments),this.renderDiscussionInput=()=>{if(fr.a.state.open){const{blockStore:e,discussionInputStore:t}=fr.a.state;return n.createElement(gr.a,{capture:!0},n.createElement("div",{style:this.getStyle()},n.createElement(hr.a,{parentStore:e,onCancel:this.handleDismiss,onSubmit:this.handleSubmit,discussionInputStore:t,isMobileSlideUpMenu:!0,shouldSaveUnsentComments:!1})))}},this.handleSubmit=()=>{const e=fr.a.state;if(e.open){const t=e.discussionInputStore.state.textStore.getValue();t&&t.length>0&&("inline"===e.type?Vt.createAndCommit(this.environment,r=>{mr.c({environment:this.environment,textStore:e.textStore,selection:e.selection,commentTextValue:t,transaction:r})}):"block"===e.type&&Vt.createAndCommit(this.environment,r=>{mr.b({environment:this.environment,blockStore:e.blockStore,commentTextValue:t,transaction:r})})),mr.a(this.environment)}},this.handleDismiss=()=>{const e=fr.a.state;if(e.open){const t=e.discussionInputStore.state.textStore.getValue();t&&t.length>0?pr.showDialog({message:n.createElement(ee.FormattedMessage,{id:"newDiscussionMenu.discardCommentConfirmationDialog.prompt",defaultMessage:"Do you want to discard the comment?"}),showCancel:!0,keepFocus:!0,items:[{label:n.createElement(ee.FormattedMessage,{id:"newDiscussionMenu.discardCommentConfirmationDialog.discardButton.label",defaultMessage:"Discard"}),color:"red",onAccept:()=>mr.a(this.environment)}]}):mr.a(this.environment)}}}renderComponent(){const{device:e}=this.environment,{open:t,rect:r}=fr.a.state;return n.createElement(de.c,{popupType:e.isReactNative?de.c.PopupType.SlideUp:de.c.PopupType.Popup,keepFocus:!0,open:t,originRect:r,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,originGap:4,onDismiss:this.handleDismiss,render:this.renderDiscussionInput})}getStyle(){const{device:e,WindowSizeStore:t}=this.environment;return{width:e.isReactNative?"100%":470,maxWidth:e.isMobileBrowser?"90vw":"100%",paddingTop:8,paddingBottom:e.isAndroid?12:8,paddingLeft:e.isReactNative?t.getSafePaddingLeftCSS(10):10,paddingRight:e.isReactNative?t.getSafePaddingRightCSS(10):10}}}var yr=br,vr=r("qE2X"),Sr=r("SYQx");class wr extends a.a{constructor(){super(...arguments),this.renderDiscussion=()=>{const{device:e}=this.environment;if(Sr.a.state.open){const{discussionStore:t,discussionInputStore:r,blockStore:o}=Sr.a.state;let i;return i=e.isMobile?{menuType:me.b.MenuType.Modal,title:n.createElement(ee.FormattedMessage,{defaultMessage:"Discussion",id:"discussion.mobileReplyMenu.title"}),right:n.createElement(ee.FormattedMessage,{defaultMessage:"Close",id:"discussion.mobileReplyMenu.closeButton.label"}),onClickRight:()=>vr.a(this.environment),whiteBackground:!0}:{menuType:me.b.MenuType.Popup,width:420,maxWidth:e.isMobileBrowser?"80vw":"100%"},n.createElement(me.b,Object.assign({},i),n.createElement(tr.a,{store:t,discussionInputStore:r,onDismiss:()=>vr.a(this.environment),format:tr.a.Format.Menu,isFirst:!0,isOnly:!0,discussionLocation:"reply_menu",alwaysShowResolve:!0,blockStore:o}))}}}renderComponent(){const{device:e}=this.environment,{open:t,rect:r}=Sr.a.state;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t,originRect:r,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,originGap:4,onDismiss:()=>vr.a(this.environment),render:this.renderDiscussion})}}var kr=wr,Mr=(r("SRfc"),r("Vd3H"),r("ALSZ")),Or=r("WgIs"),Er=r("f0kS"),Cr=r("sbdd"),Pr=r("zTdN"),Tr=r("ttM1"),jr=r("wFTq"),xr=r("9c8K"),Ir=r("cBa6"),Dr=r("awNq"),Br=r("O+wX"),_r=r("vJXr"),Ar=r("xAD1"),Lr=r("WaiN"),Fr=r("24Pt"),Rr=r("DNgp"),Nr=r("5/h/"),Vr=r("2ZkR"),Ur=r("LNlx"),Yr=r("VpIZ"),Wr=r("GJWe"),Xr=r("tzmq"),zr=r("3JF5"),qr=r("daQZ"),Hr=r("Ajfl"),Gr=r("6nbh"),Kr=r("Gach"),Zr=r("Pqcg"),Jr=r("5Nka"),Qr=r("uSCg"),$r=r("G8iD"),en=r("/ssM"),tn=r("CSYU");function rn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function nn(e){for(var t=1;t{const{intl:r}=this.props,o=Lr.a.state,i=o.open&&o.insertionType,a={sections:[],nextSectionShouldHaveTopBorder:()=>!this.enableInlinePageCreationFeature()||a.sections.length>0,addSection(e){e&&this.sections.push(e)}};"+"===i&&a.addSection(this.getCreatePageMenuSection(a.nextSectionShouldHaveTopBorder())),a.addSection(this.getDateResultsMenuSection(t,a.nextSectionShouldHaveTopBorder())),a.addSection(this.getUserResultsMenuSection(t,a.nextSectionShouldHaveTopBorder())),a.addSection(this.getBotResultsMenuSection(t,a.nextSectionShouldHaveTopBorder())),a.addSection(this.getPageResultsMenuSection(t,a.nextSectionShouldHaveTopBorder())),("@"===i&&this.filterStore.state||"[["===i)&&a.addSection(this.getCreatePageMenuSection(a.nextSectionShouldHaveTopBorder()));const{sections:s}=a;let l,c;if(_r.a.state.online){const e=o.mentionTypes.user,t=o.mentionTypes.page,i=o.mentionTypes.date;let a="";const s=this.enableInlinePageCreationFeature()?sn:an;e&&t&&i?a=r.formatMessage(s.mentionAll):e&&t?a=r.formatMessage(s.mentionPersonPage):e&&i?a=r.formatMessage(s.mentionPersonDate):t&&i?a=r.formatMessage(s.mentionPageDate):e?a=r.formatMessage(s.mentionPerson):i?a=r.formatMessage(s.mentionDate):t&&o&&(a=o.open&&"+"===o.insertionType?r.formatMessage(sn.addPage):r.formatMessage(s.mentionPage)),this.setTemporaryInputData({title:a,icon:this.renderTemporaryInputEmptyIcon(),allowTabCompletion:!1});const c=o.userRequestStore.state.loading||o.botRequestStore.state.loading||o.pageRequestStore.state.loading;l=this.enableInlinePageCreationFeature()?void 0:n.createElement(pe.a,{desktopStyle:{paddingBottom:0}},n.createElement(Pr.a,{title:a,right:this.renderSpinner(Boolean(c))}))}else l=n.createElement(Pr.a,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Please go online to mention a person or page.",id:"mentionMenu.offlineMessage"})});0===s.length&&(c=n.createElement(pe.a,null,n.createElement(Pr.a,{title:n.createElement(ee.FormattedMessage,Object.assign({},ln.noResults))})));const{device:d}=this.environment;let u;return u=this.isActionSheet()?{menuType:me.b.MenuType.ActionSheet,disableBottomPadding:!0}:{menuType:me.b.MenuType.Popup,width:this.getMenuDesktopWidth(),maxHeight:d.isMobile?"30vh":"40vh",onClickOutside:Mr.d},n.createElement(me.b,Object.assign({},u,{header:l}),n.createElement(ge.a,{capture:Lr.a.state.open,onBackspace:this.shouldCaptureBackspace()?this.handleEmptyBackspace:void 0,onTab:this.handleTab}),n.createElement(Or.a,{type:Or.a.Type.Vertical,initialFocus:this.getMenuInitialFocus(),sections:s,onEmptyEnter:this.handleCancel}),c)},this.handleCreateInAutocompleteQueryChange=e=>{this.updateOpenState({createInQuery:e})},this.renderCreateInMenu=()=>{const e=Lr.a.state;if(!e.open)return;const t="block"===e.textStore.table?e.textStore.id:void 0;return n.createElement(jr.a,{targets:[],isAddTo:!0,isCreateIn:!0,onAccept:e=>{Mr.b({environment:this.environment,titleText:this.getNormalizedFilter(),ignoreSelectionAreaStore:this.stores.ignoreSelectionAreaStore,createInValue:e})},captureSelection:!0,restoreSelection:!0,parentBlockId:t,onAutocompleteQueryChange:this.handleCreateInAutocompleteQueryChange,ignoreSelectionAreaStore:this.stores.ignoreSelectionAreaStore,autocompleteQuery:e.createInQuery,desktopWidth:this.getMenuDesktopWidth(),onCancel:this.handleCreateInCancel})},this.handleCreateInStart=()=>{this.updateOpenState({showCreateIn:!0})},this.handleCreateInCancel=()=>{this.updateOpenState({showCreateIn:!1,createInQuery:""})},this.handleEmptyBackspace=e=>{this.shouldCaptureBackspace()&&e.preventDefault(),this.handleCancel()},this.handleCancel=()=>{Mr.d()},this.handleTab=e=>{e.preventDefault();const t=this.tabCompletionString;if(!t)return;const r=Rr.default.state;if("editing"!==r.mode)return;const n=Lr.a.state;n.open&&n.textStore===r.store&&Vt.createAndCommit(this.environment,e=>{Hr.l({environment:this.environment,transaction:e,string:t,store:r.store,selection:r.selection,disableMentions:!0,disableDateMentions:!0,disableEmojiCommands:!0,disableSlashCommands:!0})})},this.tabCompletionString=void 0,this.letterCharacterClass=(()=>{try{return/(?:[A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEF\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7BF\uA7C2-\uA7C6\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB67\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD23\uDF00-\uDF1C\uDF27\uDF30-\uDF45\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD44\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC5F\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDEB8\uDF00-\uDF1A]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCDF\uDCFF\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDEE0-\uDEF2]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE7F\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD50-\uDD52\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD838[\uDD00-\uDD2C\uDD37-\uDD3D\uDD4E\uDEC0-\uDEEB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D])/}catch(e){return/[a-zA-Z]/}})(),this.inputSelectionsStore=this.createComputedStore(()=>{const e=Lr.a.state;if(e.open)return xr.c(e.textStore,e.oldTextValue,e.insertionType)}),this.filterStore=this.createComputedStore(()=>{const e=this.inputSelectionsStore.state,t=Lr.a.state;if(e&&t.open)return xr.b(t.textStore,e)}),this.popupOpenStore=this.createComputedStore(()=>{const e=Lr.a.state;return!!e.open&&("+"!==e.insertionType||""!==this.getNormalizedFilter())}),this.performUserMentionRequest=async e=>{const t=Lr.a.state;if(!t.open)return;const r=t.mentionTypes.user?await this.getUserResults(e):[];return""===e?r.slice(0,2):r.slice(0,20)},this.performBotMentionRequest=async e=>{const t=Lr.a.state;if(!t.open)return;const r=t.mentionTypes.bot?await this.getBotResults(e):[];return""===e?r.slice(0,2):r.slice(0,20)},this.performLocalCachePageMentionRequest=async()=>{const{currentSpaceStore:e,currentSpaceViewStore:t}=A.default.state;if(e)return Fr.h({environment:this.environment,currentSpaceStore:e,currentSpaceViewStore:t})},this.performLocalPageMentionRequest=async e=>{const{localCachePageMentionRequestStore:t}=this.stores,r=t.state.result;if(!r)return;const n=await Fr.g({input:e,cache:r});if(!n)return;if(0===n.results.length)return{error:en.d.NoResults};const o=C.d();if(!o)return;const i=Fr.n({sort:e.query.sort,unsorted:n.results,batchSize:$r.b,currentUserId:this.environment.currentUser.id}).results.map(e=>nn({},e,{store:m.a.createChildStore(o,e.id)}));return{value:{total:i.length,results:i}}},this.performPageMentionRequest=async e=>{const t=Lr.a.state;if(!t.open)return[];const r=t.mentionTypes.page?await this.getPageResults(e):[];return""===e?r.slice(0,2):r.slice(0,20)},this.getUserResults=async e=>{if(_r.a.state.online){return await Mt.k({environment:this.environment,query:e,membersOnly:!1})}return[]},this.getBotResults=async e=>{if(!("has-alpha-api"===Vr.default.getGroup(this.environment,"alpha-api")))return[];if(_r.a.state.online){return await Mt.j({environment:this.environment,query:e,membersOnly:!1})}return[]},this.getPageResults=async e=>{if(!_r.a.state.online)return[];const t=Lr.a.state,r=t.open&&Object(re.n)(t.textStore)&&t.textStore;return await Mt.e({nearBlock:r||void 0,environment:this.environment,query:e,source:"mention_menu",limit:20})},this.getDateResults=e=>{const t=Lr.a.state;if(!t.open)return[];const{intl:r}=this.props,n=t.mentionTypes.reminder;return t.mentionTypes.date?function(e,t,r,n){if(0===e.length)return d.compact([{label:r.formatMessage(ln.autocompleteToday),value:()=>K.hb(K.m)},n&&t?void 0:{label:r.formatMessage(ln.autocompleteNextTuesday),value:()=>{const e=K.ib(K.m),t=e.clone().day(2);return t.isSameOrBefore(e)&&t.add(1,"week"),t.add(1,"week"),t.hour(15),{type:"datetime",start_date:t.format(K.cb),start_time:t.format(K.eb),time_zone:K.m}}},t?{label:r.formatMessage(ln.autocompleteReminder),value:()=>({type:"datetime",start_date:K.jb(K.m).start_date,start_time:"09:00",reminder:{unit:"day",value:0,time:K.w},time_zone:K.m})}:void 0]);const o=t?Object(Dr.e)(e,r):Object(Dr.d)(e,r);if(o){let e=Object(Br.a)({value:o,date_format:"relative",userTimeZone:K.m,intl:r,allowRelativeDates:!0});return o.reminder&&(e=r.formatMessage(ln.reminder,{dateTime:e})),[{label:e,value:()=>o}]}return[]}(e,n,r,this.enableInlinePageCreationFeature()).slice(0,6):[]}}willMountOrUpdate(){const e=Lr.a.state,t=this.filterStore.state;if(e.open){const r=Rr.default.state,n="editing"===r.mode&&r.store===e.textStore,o=this.stores.ignoreSelectionAreaStore.state.savedTextSelectionStoreState,i=o&&"editing"===o.mode&&o.store===e.textStore;if(!n&&!i)return void Mr.d();const a=n&&"editing"===r.mode&&r.selection,s=this.inputSelectionsStore.state;if(this.enableInlinePageCreationFeature()&&s&&a&&(a.startIndexs.filter.endIndex))return void Mr.d();const l=this.filterStore.state&&this.filterStore.state[0];if("+"===e.insertionType&&l&&!l.match(this.letterCharacterClass))return void Mr.d();if(void 0===t)return void Mr.d()}}renderComponent(){const{device:e}=this.environment,t=Lr.a.state,r=Ar.a.findComponent(e=>e.props.capture),o=this.popupOpenStore.state;let i;if(r&&e.isMobile){const e=r.stores.store.state.rect;e&&(i={height:"calc(100vh - ".concat(e.height,"px)")})}const a=this.enableInlinePageCreationFeature()?8:4,s=t.open&&t.showCreateIn;return n.createElement(de.c,{popupType:this.isActionSheet()?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:o,originRect:t.open?t.selectionRect:void 0,slideUpWrapStyle:i,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Start,originGap:a,disableMouseCapture:!0,disableContentScroll:!0,onDismiss:this.handleCancel,disableDarkOverlayBackground:e.isMobile&&!r,keepFocus:!0,render:()=>e.isMobile?n.createElement(n.Fragment,null,this.renderMentionSearch(),n.createElement(de.c,{popupType:de.c.PopupType.SlideUp,render:this.renderCreateInMenu,open:s,keepFocus:!0})):s?this.renderCreateInMenu():this.renderMentionSearch()})}renderMentionSearch(){const e=this.getNormalizedFilter(),t=Lr.a.state;return n.createElement(kt.a,{requestStore:t.userRequestStore,request:e,performRequest:this.performUserMentionRequest,render:r=>n.createElement(kt.a,{requestStore:t.botRequestStore,request:e,performRequest:this.performBotMentionRequest,render:o=>n.createElement(kt.a,{requestStore:t.pageRequestStore,request:e,performRequest:this.performPageMentionRequest,debounce:Mt.b,render:t=>n.createElement(kt.a,{requestStore:this.stores.localCachePageMentionRequestStore,request:A.default.state.currentSpaceStore&&A.default.state.currentSpaceStore.id,performRequest:this.performLocalCachePageMentionRequest,render:i=>n.createElement(kt.a,{requestStore:this.stores.localPageMentionRequestStore,debounce:Mt.a,request:{query:{text:e,filters:en.e({isDeletedOnly:!1,isNavigableOnly:!0,excludeTemplates:!0,requireEditPermissions:void 0}),sort:"Relevance"},limit:5},performRequest:this.performLocalPageMentionRequest,render:e=>this.renderMentionResult(r||o||t||e,this.getCurrentMentionResults())})})})})})}getDateResultsMenuSection(e,t){const{dateResults:r}=e;if(0!==r.length)return this.applySectionLimit("date",{key:"date results",render:e=>n.createElement(pe.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Date",id:"mentionMenu.dateSection.title"}),topBorder:t,isTitleUppercase:!0})),items:r.map(e=>{let{label:t,value:r}=e;return{key:t,render:e=>(e.focused&&this.setTemporaryInputData({title:t,icon:this.renderTemporaryInputAtMentionIcon(),allowTabCompletion:!0}),n.createElement(Ct.a,Object.assign({},e,{title:t}))),action:()=>{Vt.createAndCommit(this.environment,e=>{Mr.a({environment:this.environment,annotation:["d",nn({},r(),{date_format:"relative"})],transaction:e})})}}})})}renderSpinner(e){return n.createElement(Tr.a,{show:e,showDelay:500,showHold:300,render:e=>n.createElement(Ot.a,{style:{textAlign:"center",visibility:e?"visible":"hidden",display:"inline",marginLeft:8}})})}renderTemporaryInputEmptyIcon(){const e=Lr.a.state;if(e.open)return"+"===e.insertionType?this.renderTemporaryInputAddIcon():n.createElement("span",{style:{width:"1em",display:"inline-block",verticalAlign:"-0.15em",fill:this.theme.mediumIconColor,marginRight:"0.2em"}},ht.a.searchThick())}renderTemporaryInputAddIcon(){return n.createElement("span",{style:{width:"1em",display:"inline-block",verticalAlign:"-0.15em",fill:this.theme.mediumIconColor,marginRight:"0.2em"}},ht.a.plus())}renderTemporaryInputPageIcon(e){const t=e.getValue();if(t)return Object(Wr.h)({pageValue:t,showEmojiInline:!0,emojiType:Object(Xr.a)(this.environment),baseUrl:z.default.baseURL,getRecordValue:e.getRecordValue,isClient:!0,isSafariOrIOS:this.environment.device.isSafari||this.environment.device.isIOS,currentUserId:this.environment.currentUser.id})}renderTemporaryInputAtMentionIcon(){return n.createElement("span",{style:{width:"1em",display:"inline-block",verticalAlign:"-0.15em",fill:this.theme.mediumIconColor,marginRight:"0.2em"}},ht.a.at())}getUserResultsMenuSection(e,t){const{userResults:r}=e;if(0!==r.length)return this.applySectionLimit("user",{key:"user results",render:e=>n.createElement(pe.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"People",id:"mentionMenu.peopleSection.title"}),topBorder:t,isTitleUppercase:!0})),items:d.compact(r.map(e=>({key:e.id,render:t=>(t.focused&&this.setTemporaryInputData({title:Object(Nr.d)(e),icon:this.renderTemporaryInputAtMentionIcon(),allowTabCompletion:!0}),n.createElement(Er.a,Object.assign({},t,{user:e}))),action:()=>{Vt.createAndCommit(this.environment,t=>{Mr.a({environment:this.environment,annotation:Object(Ir.n)(e.id),transaction:t})})}})))})}getBotResultsMenuSection(e,t){const{botResults:r}=e;if(0!==r.length)return this.applySectionLimit("bot",{key:"bot results",render:e=>n.createElement(pe.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Bots",id:"mentionMenu.botsSection.title"}),topBorder:t,isTitleUppercase:!0})),items:d.compact(r.map(e=>({key:e.id,render:t=>(t.focused&&this.setTemporaryInputData({icon:this.renderTemporaryInputAtMentionIcon(),title:Object(zr.b)(e),allowTabCompletion:!0}),n.createElement(Ur.a,Object.assign({},t,{bot:e}))),action:()=>{Vt.createAndCommit(this.environment,t=>{Mr.a({environment:this.environment,annotation:Object(Ir.c)(e.id),transaction:t})})}})))})}getPageResultsMenuSection(e,t){const{pageResults:r}=e,o=this.enableInlinePageCreationFeature()?n.createElement(n.Fragment,null,0===r.length?n.createElement(ee.FormattedMessage,Object.assign({},ln.noResults)):n.createElement(ee.FormattedMessage,{defaultMessage:"Link to page",id:"mentionMenu.pagesSection.title2"}),this.renderSpinner(Lr.a.state.pageRequestStore.state.loading)):n.createElement(ee.FormattedMessage,{defaultMessage:"Pages",id:"mentionMenu.pagesSection.title"});return this.applySectionLimit("page",{key:"page results",render:e=>n.createElement(pe.a,Object.assign({},e,{title:o,topBorder:t,isTitleUppercase:!0})),items:d.compact(r.map(e=>{const t=C.d();if(!t)return;const r=m.a.createChildStore(t,e);return{key:e,render:e=>{if(e.focused){const e=r.getValue();if(e){const t=Object(Yr.h)({table:r.table,value:e,getRecordValue:r.getRecordValue,userTimeZone:K.m,intl:this.props.intl});this.setTemporaryInputData({title:t||"",icon:this.renderTemporaryInputPageIcon(r),allowTabCompletion:!0})}}return n.createElement(Cr.a,Object.assign({},e,{store:r}))},action:()=>{Vt.createAndCommit(this.environment,t=>{Mr.a({environment:this.environment,annotation:["p",e],transaction:t})})}}}))})}getCreatePageMenuSection(e){if(!this.canCreatePage())return;const t=Lr.a.state;if(!t.open)return;const{intl:r}=this.props,o=this.getNormalizedFilter(),i="@"===t.insertionType?n.createElement(ee.FormattedMessage,{id:"mentionMenu.createPageSection.title",defaultMessage:"New page"}):void 0;return{key:"create page",render:t=>n.createElement(pe.a,Object.assign({title:i,isTitleUppercase:!0},t,{topBorder:e})),items:[{key:"add new subpage",action:async()=>{const e=Object(qr.c)(t.textStore);e&&await Mr.b({environment:this.environment,ignoreSelectionAreaStore:this.stores.ignoreSelectionAreaStore,titleText:this.getNormalizedFilter(),createInValue:e.createInValue,onPageCreated:e=>{e&&""===Ir.V(e.getTitleValue())&&q.navigateToBlock({environment:this.environment,store:e})}})},render:e=>{e.focused&&this.setTemporaryInputData({title:0===o.length?r.formatMessage(sn.addPage):"",icon:this.renderTemporaryInputAddIcon(),allowTabCompletion:!1});const t=t=>n.createElement(Ct.a,Object.assign({},Object(Qr.a)(t||{},e),{icon:ht.a.plus({width:16}),title:n.createElement(Kr.b,{pageTitle:this.getNormalizedFilter()})}));return this.environment.device.isMobile?t():n.createElement(st.a,{renderTooltip:()=>n.createElement(Zr.a,{imageURL:Jr.a.images.tooltips.pageMenu.newSubpagePng,imageWidth:140,imageHeight:100,caption:n.createElement(ee.FormattedMessage,Object.assign({},jr.b.createSubpage))}),placement:st.a.Placement.Right,delayThreshold:0,render:e=>t(e)})}},{key:"open create in menu",action:this.handleCreateInStart,render:e=>{e.focused&&this.setTemporaryInputData({title:0===o.length?r.formatMessage(sn.addPage):"",icon:this.renderTemporaryInputAddIcon(),allowTabCompletion:!1});const t=n.createElement(Kr.a,{pageTitle:this.getNormalizedFilter()}),i=r=>n.createElement(Ct.a,Object.assign({},Object(Qr.a)(r||{},e),{icon:ht.a.alias({width:16}),title:t}));return this.environment.device.isMobile?i():n.createElement(st.a,{renderTooltip:()=>n.createElement(Zr.a,{imageURL:Jr.a.images.tooltips.pageMenu.newPageInPng,imageWidth:140,imageHeight:100,caption:n.createElement(ee.FormattedMessage,Object.assign({},jr.b.newPageIn))}),placement:st.a.Placement.Right,delayThreshold:0,render:e=>i(e)})}}]}}applySectionLimit(e,t){if(!this.enableInlinePageCreationFeature())return t;const r=Lr.a.state;if(!r.open)return t;if(r.expandSection&&r.expandSection===e)return t;const{items:o}=t,i=this.environment.device.isPhone?3:5;return o.length<=i?t:nn({},t,{items:[...o.slice(0,i),{key:"show more",render:e=>n.createElement(Ct.a,Object.assign({},e,{icon:ht.a.dots({width:16,fill:this.theme.mediumTextColor}),title:n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(ee.FormattedMessage,{defaultMessage:"{numberMore} more results",id:"mentionMenu.showMoreResultsButton.title",values:{numberMore:o.length-i}}))})),action:()=>{this.updateOpenState({expandSection:e})}}]})}updateOpenState(e){const t=Lr.a.state;t.open&&Lr.a.setState(nn({},t,{},e))}getNormalizedFilter(){const e=this.filterStore.state;return e?Lr.a.state.open&&"[["===Lr.a.state.insertionType&&e.endsWith("]]")?e.slice(0,-2).trim():e.trim():""}setTemporaryInputData(e){const t=Lr.a.state;if(!t.open)return;if(!e)return void t.temporaryInputData.set(void 0);const{device:r}=this.environment,{title:n,icon:o,allowTabCompletion:i}=e,a=this.filterStore.state||"",s=n.toLowerCase().startsWith(a)?n.slice(a.length):"";this.tabCompletionString=i?s:void 0;const l=r.isFirefox?void 0:o;t.temporaryInputData.set({prefix:t.insertionType,suffix:"[["===t.insertionType&&a.endsWith("]]")?"]]":"",completion:s,prefixIcon:l})}getCurrentMentionResults(){const e=Lr.a.state,t=e.userRequestStore.state.result||[],r=e.botRequestStore.state.result||[],n=e.pageRequestStore.state.result||[],o=this.getDateResults(this.getNormalizedFilter());let i=n;const{result:a}=this.stores.localPageMentionRequestStore.state;if(a&&!a.error){const e=a.value.results,t=C.d();i=t?Fr.b({environment:this.environment,isOnline:_r.a.state.online,results:{local:e,server:n.map(e=>nn({},e,{store:m.a.createChildStore(t,e.id)}))}})||[]:e}const s=e.userRequestStore.state.ready&&e.botRequestStore.state.ready&&e.pageRequestStore.state.ready;return{userResults:t,botResults:r,pageResults:i.map(e=>e.id),dateResults:o,ready:s}}canCreatePage(){const e=Lr.a.state;return!!this.enableInlinePageCreationFeature()&&!!e.mentionTypes.createPage}isActionSheet(){const{device:e}=this.environment;return e.isReactNative&&!e.isTablet}shouldCaptureBackspace(){return""===this.filterStore.state}enableInlinePageCreationFeature(){return Vr.default.inlinePageCreationEnabled(this.environment)}getMenuInitialFocus(){if(!this.enableInlinePageCreationFeature()||""!==this.getNormalizedFilter())return 0}getMenuDesktopWidth(){return 330}}var dn=Object(ee.injectIntl)(cn);var un=r("sQnJ"),pn=r("qxI2"),hn=r("BJyN"),mn=r("GKeo");class gn extends a.a{constructor(){super(...arguments),this.renderMenu=()=>{const{device:e}=this.environment,t=mn.a.state;if(!t.open)return;const r=this.getSections(t),o=this.getFilter(t);let i;return i=e.isReactNative&&!e.isTablet?{menuType:me.b.MenuType.ActionSheet}:{menuType:me.b.MenuType.Popup,width:324,maxHeight:"40vh",onClickOutside:un.d},n.createElement(me.b,Object.assign({},i),n.createElement(ce.a,{sections:r,onAccept:this.handleAccept,context:{environment:this.environment,blocks:b.default.state.stores,originRect:t.selectionRect},filter:o,initialFocus:0,onEmptyEnter:this.handleCancel,useLimit:!0}))},this.handleCancel=()=>{un.d()},this.handleAccept=e=>{const t=b.default.state.stores[0];t&&ue.p(this.environment,{name:e.name,from:"slash_menu",block_type:t.getType()}),Vt.createAndCommit(this.environment,e=>{un.a({environment:this.environment,transaction:e})})}}willMountOrUpdate(){const e=mn.a.state;if(e.open){const t=Rr.default.state,r=this.getFilter(e),n=Object(pn.a)(this.getSections(e),{blocks:b.default.state.stores,environment:this.environment},r||"");("editing"!==t.mode||t.store!==e.textStore||xr.d(r,!0,n.length))&&un.d()}}renderComponent(){const{device:e}=this.environment,t=mn.a.state;return n.createElement(de.c,{popupType:e.isReactNative&&!e.isTablet?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t.open,originRect:t.open?t.selectionRect:void 0,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Start,originGap:4,disableMouseCapture:!0,disableContentScroll:!0,onDismiss:this.handleCancel,render:this.renderMenu})}getFilter(e){return xr.a(e.textStore,e.oldTextValue,!e.isAddMenu)}getSections(e){return e.isAddMenu?hn.i:hn.n}}var fn=gn,bn=r("Wfos"),yn=r("F1uM"),vn=r("udrG"),Sn=r("nFzZ"),wn=r("7IvN"),kn=r("tP7q");const Mn=Object(ee.defineMessages)({image:{defaultMessage:"Embed image",id:"embedMenu.action.image"},video:{defaultMessage:"Embed video",id:"embedMenu.action.video"},tweet:{defaultMessage:"Embed Tweet",id:"embedMenu.action.tweet"},drive:{defaultMessage:"Embed Google Drive",id:"embedMenu.action.drive"},gist:{defaultMessage:"Embed GitHub Gist",id:"embedMenu.action.gist"},figma:{defaultMessage:"Embed Figma",id:"embedMenu.action.figma"},invision:{defaultMessage:"Embed Invision project",id:"embedMenu.action.invision"},abstract:{defaultMessage:"Embed Abstract project",id:"embedMenu.action.abstract"},framer:{defaultMessage:"Embed Framer prototype",id:"embedMenu.action.framer"},whimsical:{defaultMessage:"Embed Whimsical board",id:"embedMenu.action.whimsical"},miro:{defaultMessage:"Embed Miro board",id:"embedMenu.action.miro"},audio:{defaultMessage:"Embed audio",id:"embedMenu.action.audio"},maps:{defaultMessage:"Embed Google Map",id:"embedMenu.action.maps"},loom:{defaultMessage:"Embed Loom",id:"embedMenu.action.loom"},typeform:{defaultMessage:"Embed Typeform",id:"embedMenu.action.typeform"},codepen:{defaultMessage:"Embed CodePen",id:"embedMenu.action.codepen"},pdf:{defaultMessage:"Embed PDF",id:"embedMenu.action.pdf"},embed:{defaultMessage:"Create embed",id:"embedMenu.action.createEmbed"}}),On=Object(ee.defineMessages)({linkToPage:{defaultMessage:"Link to page",id:"embedMenu.actions.linkToPage.title"},createLinkedDatabase:{defaultMessage:"Create linked database",id:"embedMenu.actions.createLinkedDatabase.title"},bookmarkMenuItem:{defaultMessage:"Create bookmark",id:"embedMenu.actions.createBookmark.title"},dismissItem:{defaultMessage:"Dismiss",id:"embedMenu.actions.dismiss.title"}}),En={image:Tt.default.formatMessage(Mn.image),video:Tt.default.formatMessage(Mn.video),tweet:Tt.default.formatMessage(Mn.tweet),drive:Tt.default.formatMessage(Mn.drive),gist:Tt.default.formatMessage(Mn.gist),figma:Tt.default.formatMessage(Mn.figma),invision:Tt.default.formatMessage(Mn.invision),abstract:Tt.default.formatMessage(Mn.abstract),framer:Tt.default.formatMessage(Mn.framer),whimsical:Tt.default.formatMessage(Mn.whimsical),miro:Tt.default.formatMessage(Mn.miro),audio:Tt.default.formatMessage(Mn.audio),maps:Tt.default.formatMessage(Mn.maps),loom:Tt.default.formatMessage(Mn.loom),typeform:Tt.default.formatMessage(Mn.typeform),codepen:Tt.default.formatMessage(Mn.codepen),pdf:Tt.default.formatMessage(Mn.pdf),embed:Tt.default.formatMessage(Mn.embed)};class Cn extends a.a{constructor(){super(...arguments),this.renderMenu=()=>{const{device:e}=this.environment,t=wn.a.state;if(!t.open)return;const r=this.getSections(t);let o;return o=e.isMobile?{menuType:me.b.MenuType.ActionSheet}:{menuType:me.b.MenuType.Popup,width:320,maxHeight:"40vh"},n.createElement(me.b,Object.assign({},o,{className:_e.u}),n.createElement(Or.a,{type:Or.a.Type.Vertical,sections:r,initialFocus:0}))},this.handleDismiss=()=>{bn.c()},this.handleAccept=e=>{bn.a({environment:this.environment,blockType:e})}}willMountOrUpdate(){const e=wn.a.state;if(e.open){const t=Rr.default.state;"empty"!==t.mode&&"readOnly"!==t.mode&&t.store.id===e.textStore.id&&t.selection.endIndex===e.urlSelection.endIndex||bn.c()}}renderComponent(){const{device:e}=this.environment,t=wn.a.state;return n.createElement(de.c,{popupType:e.isReactNative&&!e.isTablet?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t.open,originRect:t.open?t.selectionRect:void 0,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Start,originGap:4,disableMouseCapture:!0,disableContentScroll:!0,disableDarkOverlayBackground:e.isMobile,keepFocus:e.isMobile,render:this.renderMenu,onDismiss:this.handleDismiss})}getSections(e){const{device:t}=this.environment,{url:r,textStore:o}=e,i=[],a=Object(kn.l)({url:r,baseUrl:z.default.baseURL,isMobile:t.isMobile,protocol:z.default.protocol,currentUrl:window.location.href});if("page"===a.name){const e=m.a.createChildStore(o,a.blockId);i.push({name:Tt.default.formatMessage(On.linkToPage),validator:()=>!e.isCollectionView(),type:vn.a.page}),i.push({name:Tt.default.formatMessage(On.createLinkedDatabase),validator:()=>e.isCollectionView(),type:vn.a.collectionViewPage})}const s=Sn.k(En);for(const n of s)"embed"!==n&&i.push({name:En[n],validator:yn.b[n],type:n});return i.push({name:Tt.default.formatMessage(On.bookmarkMenuItem),validator:yn.i,type:vn.a.bookmark}),i.push({name:En.embed,validator:yn.b.embed,type:"embed"}),[{key:"embed section",render:e=>n.createElement(pe.a,Object.assign({},e)),items:[{key:"dismiss",render:e=>n.createElement(Ct.a,Object.assign({},e,{title:Tt.default.formatMessage(On.dismissItem)})),action:this.handleDismiss},...d.compact(i.map(e=>{let{name:t,validator:o,type:i}=e;if(o({url:r,baseUrl:z.default.baseURL})){return{key:"embed ".concat(t),render:e=>n.createElement(Ct.a,Object.assign({},e,{title:t})),action:()=>this.handleAccept(i)}}}))]}]}}var Pn=Cn,Tn=r("RI9y"),jn=r("ICWk"),xn=r("i3uR"),In=r("9hmv"),Dn=r("q8I6"),Bn=r("xPzf"),_n=r("6fCZ"),An=r("AjLL"),Ln=r("TDb4"),Fn=r("y4kc"),Rn=r("kaWB"),Nn=r("6SEd"),Vn=r("NMKT"),Un=r("43ch"),Yn=r("0Osm"),Wn=r("bk3b"),Xn=r("ieCD"),zn=r("gha2"),qn=r("VcFn"),Hn=r("LEzx");class Gn extends Hn.a{getInitialState(){return{open:!1}}}var Kn=new Gn,Zn=r("5k6+"),Jn=r("typy"),Qn=r("2bwL"),$n=r("yioD"),eo=r("hbKx"),to=r("xstG");function ro(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function no(e){for(var t=1;t{const{isActive:e}=qn.a.state;return n.createElement(Ye.a,{isVisible:e,enterAnimationStyle:{opacity:0},animationStyle:{opacity:1},exitAnimationStyle:{opacity:0},springConfig:{opacity:{stiffness:100,damping:10,precision:1e-4}},render:this.renderAnimated,onAnimationEnd:this.handleAnimationEnd})},this.renderAnimated=()=>{const{isActive:e,top:t,left:r}=qn.a.state;return n.createElement("div",{className:_e.zb,style:{pointerEvents:"none",position:"absolute",top:t,left:0,display:"flex",width:"100%"}},n.createElement("div",{style:{flexShrink:1,width:Math.max(r-io.leftOffset,0),minWidth:24}}),Object(Ve.a)(t=>n.createElement("div",Object.assign({style:{pointerEvents:e?"auto":"none",padding:12}},t),this.lastRenderState&&this.renderMenu(this.lastRenderState))),n.createElement("div",{style:{flexGrow:1,flexShrink:1,minWidth:36}}))},this.updateRichTextState=()=>{const e=qn.a.state;if(Xn.a.state.open||zn.a.state.open)return;if(Qn.b.state)return Vn.a();const t=Rr.default.state;if("editing"!==t.mode)return Vn.a();const r=t.store;if(r.table!==g.a&&r.table!==Rn.a&&r.table!==Nn.a)return Vn.a();if(!this.environment.currentUser.isLoggedIn()||!r.canComment())return;const n=Tn.get();if(!r||C.l())return Vn.a();const o=Un.a.findEditableWithStore(r);if(o&&o.props.disableAnnotation)return Vn.a();if(o&&o.props.disabled)return Vn.a();const i=o?o.getContextClosestSelectable():void 0,a=i?i.props.store:void 0;if(a&&(a.isLocked()||a.isNavigableAncestorLocked()))return Vn.a();if(this.mouseIsDownExternally&&e.blockTarget!==a)return Vn.a();let s=!1;if(r.table===g.a){const e=r.getRecordStoreAtRootPath().getValue();e&&(s=io.richTextMenuBlockTypesBlacklist[e.type])}if(!r||Ht.a.isActive()||Zn.a.isActive()||to.a.isOpen()||s||!n||!this.hasNonCollapsedTextSelection()||Kn.state.open)Vn.a();else{let e=0,t=0;const r=Tn.getRect(n);if(r&&(e=r.left,t=r.top-io.height-25,t{qn.a.state.isActive||qn.a.setState(no({},qn.a.state,{isAnimatingClosed:!1})),this.lastRenderState=this.renderStateStore.state},this.renderStateStore=this.createComputedStore(()=>{const{isActive:e,blockTarget:t}=qn.a.state,r=Rr.default.state;if(e&&"editing"===r.mode){const e=Rr.default.isEditingComment(),n=Rr.default.isEditingCaption(),o=t&&t.getParentTable()===Nn.a,i=Object(eo.i)(r.store)&&$n.a.getMode(this.environment,r.store),a=(!i||"edit"===i)&&r.store.canEdit(),s=t&&t.getType(),l=s&&io.richTextMenuActionsBlacklist[s],c={showTurnInto:Boolean(!e&&!o&&!n&&t&&a),showBold:Boolean(a),showItalic:Boolean(a),showStrikethrough:Boolean(a),showUnderline:Boolean(a),showCode:Boolean(a),showLink:Boolean(a),showHighlight:Boolean(a&&!e),showDiscuss:Boolean(!e&&t&&!o),showEquation:Boolean(a),showMention:Boolean(!e&&t&&!o&&a),showActionButton:Boolean(!e&&!n&&t&&!o),blockTarget:t,isComment:e};if(l&&l.size>0)for(const t of l)c[t]=!1;return c}})}didMount(){b.default.addListener(this.updateRichTextStateThrottled),Rr.default.addListener(this.updateRichTextStateThrottled),Xe.a.addListener(this.updateRichTextState),Yn.a.addListener(this.updateRichTextState),Wn.a.addListener(this.updateRichTextState)}willUnmount(){Rr.default.removeListener(this.updateRichTextStateThrottled),b.default.removeListener(this.updateRichTextStateThrottled),Xe.a.removeListener(this.updateRichTextState),Yn.a.removeListener(this.updateRichTextState),Wn.a.removeListener(this.updateRichTextState)}willMountOrUpdate(){const e=this.renderStateStore.state;e&&(this.lastRenderState=e)}renderComponent(){const{isActive:e,isAnimatingClosed:t}=qn.a.state;return n.createElement(Fe.a,{open:e||t,render:this.renderOverlay})}renderMenu(e){const t=Vr.default.inlinePageCreationEnabled(this.environment);return n.createElement("div",{style:{display:"inline-flex",alignItems:"stretch",height:io.height,background:this.theme.popoverBackground,overflow:"hidden",fontSize:14,lineHeight:1.2,borderRadius:3,boxShadow:this.theme.mediumBoxShadow},onMouseDown:e=>e.preventDefault()},e.showTurnInto&&e.blockTarget&&this.renderTurnInto(e.blockTarget),t&&e.showLink&&this.renderLinkButton(!0),e.showDiscuss&&e.blockTarget&&this.renderCommentButton(e.blockTarget),n.createElement("div",{style:{display:"flex"}},e.showBold&&this.renderBoldButton(),e.showItalic&&this.renderItalicButton(),e.showUnderline&&this.renderUnderlineButton(),e.showStrikethrough&&this.renderStrikethroughButton(),e.showCode&&this.renderCodeButton(),!t&&e.showLink&&this.renderLinkButton(!1),e.showEquation&&this.renderEquationButton()),e.showHighlight&&n.createElement(Jn.a,{style:this.getBorderRight()}),e.showMention&&this.renderMention(),e.showActionButton&&e.blockTarget&&this.renderActionButton(e.blockTarget))}renderTurnInto(e){let t=n.createElement(ee.FormattedMessage,{defaultMessage:"Turn into",id:"richTextMenu.turnIntoButton.label"});const{intl:r}=this.props,o=e.getType();if(o){const e=jn.b[o];t=e&&e.title||t}return n.createElement(xn.a,{popupType:xn.a.PopupType.Popup,buttonPopupStore:zn.a,originGap:4,renderOrigin:e=>n.createElement(st.a,{renderTooltip:()=>r.formatMessage({defaultMessage:"Turn into",id:"richTextMenu.turnIntoButton.tooltip"}),render:r=>n.createElement(yt.a,Object.assign({style:no({display:"flex",alignItems:"center",padding:"0 8px",whiteSpace:"nowrap"},this.getBorderRight())},Object(Qr.a)(e,r)),t,ht.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor}))}),render:()=>n.createElement(me.b,{menuType:me.b.MenuType.Popup},n.createElement(ce.a,{context:{blocks:[e],environment:this.environment},sections:[hn.r],onAccept:t=>{Vn.a(),ue.p(this.environment,{name:t.name,from:"rich_text_menu",block_type:e.getType()})}})),onClick:()=>{ue.Pd(this.environment,{action:"turn_into"})}})}renderBoldButton(){return n.createElement(In.a,{type:"b",tooltipLabel:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Bold",id:"richTextMenu.boldButton.tooltip"})),n.createElement("div",null,n.createElement(Ln.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleBold"})))},"B")}renderItalicButton(){return n.createElement(In.a,{type:"i",tooltipLabel:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Italicize",id:"richTextMenu.italicsButton.tooltip"})),n.createElement("div",null,n.createElement(Ln.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleItalics"})))},n.createElement("span",{style:{fontStyle:"italic"}},"i"))}renderStrikethroughButton(){return n.createElement(In.a,{type:"s",tooltipLabel:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Strike-through",id:"richTextMenu.strikeThroughButton.tooltip"})),n.createElement("div",null,n.createElement(Ln.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleStrike"})))},n.createElement("span",{style:{textDecoration:"line-through"}},"S"))}renderUnderlineButton(){return n.createElement(In.a,{type:"_",tooltipLabel:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Underline",id:"richTextMenu.underlineButton.tooltip"})),n.createElement("div",null,n.createElement(Ln.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleUnderline"})))},n.createElement("span",{style:{textDecoration:"underline"}},"U"))}renderCodeButton(){return n.createElement(In.a,{type:"c",style:{padding:"0 6px"},tooltipLabel:n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Mark as code",id:"richTextMenu.markAsCodeButton.tooltip"})),n.createElement("div",null,n.createElement(Ln.a,{style:{color:this.theme.mediumInvertedTextColor},name:"toggleCode"})))},ht.a.code({width:15,height:15}))}renderLinkButton(e){const t=this.environment.device.isMobile;return n.createElement(Dn.a,{style:this.getBorderRight()},e&&ht.a.alias({width:t?18:16,height:t?18:16,marginRight:4,fill:this.theme.regularIconColor}),n.createElement("span",{style:{borderBottom:"1px solid ".concat(this.theme.linkDecorationColor)}},n.createElement(ee.FormattedMessage,{defaultMessage:"Link",id:"richTextMenu.linkButton.tooltip"})),e&&ht.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor}))}renderEquationButton(){return n.createElement(Bn.a,{style:this.getBorderRight(),onClick:()=>{ue.Pd(this.environment,{action:"e"}),Vn.a()}},ht.a.equation({width:16,height:16}))}renderMention(){return n.createElement(st.a,{renderTooltip:()=>n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ee.FormattedMessage,{defaultMessage:"Mention a person,{br}page, or date",id:"richTextMenu.mentionButton.tooltip",values:{br:n.createElement("br",null)}})),n.createElement("div",{style:{color:this.theme.mediumInvertedTextColor}},"@")),render:e=>n.createElement(yt.a,Object.assign({style:no({},this.getBorderRight(),{padding:"0 8px"})},e,{onClick:()=>{Mr.e(this.environment,{page:!0,createPage:!0,user:!0,bot:!0,date:!0,reminder:!0}),ue.Pd(this.environment,{action:"mention"})}}),ht.a.mention({width:14,fill:this.theme.regularTextColor}))})}renderCommentButton(e){return n.createElement(Fn.a,{style:this.getBorderRight(),blockStore:e})}renderActionButton(e){return n.createElement(_n.a,{store:e,style:{borderRight:"none",borderRadius:0,padding:0,width:30,height:"none"},iconStyle:{fill:this.theme.regularTextColor},fadeIn:!1,onClick:()=>{ue.Pd(this.environment,{action:"more"})}})}hasNonCollapsedTextSelection(){const e=Tn.get();return!!e&&!e.collapsed&&"editing"===Rr.default.state.mode&&Rr.default.state.selection.startIndex!==Rr.default.state.selection.endIndex}getTopbarHeight(){const{device:e}=this.environment;return e.isElectronMac?An.a.desktopMacHeight:An.a.defaultHeight}getBorderRight(){return{boxShadow:"1px 0 0 ".concat(this.theme.regularDividerColor),marginRight:1}}}io.richTextMenuBlockTypesBlacklist={[vn.a.factory]:!0},io.richTextMenuActionsBlacklist={[vn.a.code]:new Set(["showMention","showCode"])},io.leftOffset=60,io.height=32;var ao=Object(ee.injectIntl)(io),so=r("ox2z"),lo=r("D8Ld"),co=r("VpJM"),uo=r("w5u6");function po(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ho(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class mo extends a.a{constructor(){super(...arguments),this.handleContextMenu=(e,t)=>{if(e.preventDefault(),t.misspelledWord){const e=Rr.default.state;if("editing"===e.mode&&e.selection.startIndex===e.selection.endIndex){const r=Ir.s(e.store.getValue()||[],t.misspelledWord),n=e.selection.startIndex,o=Ir.u(r,n);o&&Gt.m({store:e.store,selection:o})}}Kn.setState({open:!0,menuInfo:t})},this.handleDismiss=()=>{Kn.setState(function(e){for(var t=1;t{l.focus(),l instanceof HTMLInputElement||l instanceof HTMLTextAreaElement?(l.selectionStart=d,l.selectionEnd=u):c&&Tn.set(c,r),uo.default.afterNextFlush(()=>{t(e)})}}return n.createElement(de.c,{open:t&&s.length>0,popupType:de.c.PopupType.Popup,originRect:a,render:()=>n.createElement(lo.a,{capture:!0,allowEsc:!0},n.createElement(me.b,{menuType:me.b.MenuType.Popup},n.createElement(Or.a,{type:Or.a.Type.Vertical,sections:s,initialFocus:void 0,onAccept:this.handleDismiss}))),onDismiss:this.handleDismiss,overlayContainerStore:co.a})}getClickPosition(e){const t=G.electronApi&&G.electronApi.zoom&&G.electronApi.zoom.get()||1;return{x:e?e.x/t:0,y:e?e.y/t:0}}getMenuSections(e){const t=[],r=this.getSpellingCorrectionItems(e);if(r.length>0){const e=t.length>0;t.push({key:"spellingCorrectionItems",items:r,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const o=this.getDisableSpellCheckItems(e);if(o.length>0){const e=t.length>0;t.push({key:"disableSpellCheckItems",items:o,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const i=this.getSearchItems(e);if(i.length>0){const e=t.length>0;t.push({key:"searchItems",items:i,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const a=this.getLinkMenuItems(e);if(a.length>0){const e=t.length>0;t.push({key:"linkMenuItems",items:a,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const s=this.getImageMenuItems(e);if(s.length>0){const e=t.length>0;t.push({key:"imageMenuItems",items:s,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const l=this.getTextEditingItems(e);if(l.length>0){const e=t.length>0;t.push({key:"textEditingItems",items:l,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}const c=this.getEnableSpellCheckItem(e);if(c.length>0){const e=t.length>0;t.push({key:"enableSpellCheckItems",items:c,render:t=>n.createElement(pe.a,Object.assign({},t,{topBorder:e}))})}return t}getLinkMenuItems(e){const t=[];return e.linkURL&&e.linkURL.length>0&&(e.linkURL.startsWith("mailto:")?t.push({key:"copy-email",action:()=>{G.electronApi&&G.electronApi.copyText&&G.electronApi&&G.electronApi.copyText(e.linkText)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Copy email address",id:"desktop.rightClickMenu.copyEmailAddress"})}))}):t.push({key:"copy-link",action:()=>{G.electronApi&&G.electronApi.copyText&&G.electronApi&&G.electronApi.copyText(e.linkURL)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Copy link",id:"desktop.rightClickMenu.copyLink"})}))}),t.push({key:"open-link",action:()=>{G.electronApi&&G.electronApi.openExternalUrl(e.linkURL)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Open link",id:"desktop.rightClickMenu.openLink"})}))})),t}getImageMenuItems(e){const t=[];return e.hasImageContents&&e.srcURL&&e.srcURL.length>0&&(t.push({key:"copy-image",action:()=>{G.electronApi&&G.electronApi.copyImage&&G.electronApi.copyImage(e.srcURL)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Copy image",id:"desktop.rightClickMenu.copyImage"})}))}),t.push({key:"copy-image-address",action:()=>{G.electronApi&&G.electronApi.copyText&&G.electronApi.copyText(e.srcURL)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Copy image address",id:"desktop.rightClickMenu.copyImageAddress"})}))})),t}isEditing(e){return e.isEditable||e.inputFieldType&&"none"!==e.inputFieldType}hasMisspelling(e){return this.isEditing(e)&&e.misspelledWord&&e.misspelledWord.length>0}getSpellingCorrectionItems(e){const t="SpellCheckStore"in this.environment&&this.environment.SpellCheckStore,r=[];if(this.hasMisspelling(e)&&t&&t.isEnabled()){const o=t.getCorrections(e);for(const e of o)r.push({key:e,action:()=>{G.electronApi&&G.electronApi.replaceMisspelling&&G.electronApi.replaceMisspelling(e)},render:t=>n.createElement(Ct.a,Object.assign({},t,{title:e}))})}return r}getDisableSpellCheckItems(e){const t="SpellCheckStore"in this.environment&&this.environment.SpellCheckStore,r=[];return this.hasMisspelling(e)&&t&&t.isEnabled()&&r.push({key:"disable",action:()=>{t.setEnabled(!1)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Disable spell check",id:"desktop.spellcheckMenuItem.disableSpellcheck.title"})}))}),r}getEnableSpellCheckItem(e){const t="SpellCheckStore"in this.environment&&this.environment.SpellCheckStore,r=[];return this.isEditing(e)&&t&&!t.isEnabled()&&r.push({key:"enable",action:()=>{t.setEnabled(!0)},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Enable spell check",id:"desktop.spellcheckMenuItem.enableSpellcheck.title"})}))}),r}getSearchItems(e){const t=[];return e.selectionText&&e.selectionText.length>0&&t.push({key:"google",action:()=>{if(G.electronApi){const t="https://www.google.com/#q=".concat(encodeURIComponent(e.selectionText.trim()));G.electronApi.openExternalUrl(t)}},render:e=>n.createElement(Ct.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Search with Google",id:"desktop.searchMenuItem.searchWithGoogle.title"})}))}),t}getTextEditingItems(e){const t=[];return this.isEditing(e)&&(e.editFlags.canCut&&t.push({key:"cut",action:()=>{G.electronApi&&G.electronApi.cut&&G.electronApi.cut()},render:e=>n.createElement(so.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Cut",id:"desktop.textEditingMenuItem.cutAction.title"}),shortcuts:["cut"]}))}),e.editFlags.canCopy&&t.push({key:"copy",action:()=>{G.electronApi&&G.electronApi.copy&&G.electronApi.copy()},render:e=>n.createElement(so.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Copy",id:"desktop.textEditingMenuItem.copyAction.title"}),shortcuts:["copy"]}))}),e.editFlags.canPaste&&t.push({key:"paste",action:()=>{G.electronApi&&G.electronApi.paste&&G.electronApi.paste()},render:e=>n.createElement(so.a,Object.assign({},e,{title:n.createElement(ee.FormattedMessage,{defaultMessage:"Paste",id:"desktop.textEditingMenuItem.pasteAction.title"}),shortcuts:["paste"]}))})),t}}var go=mo,fo=r("m8rc"),bo=r("P9PB"),yo=r("du8U");function vo(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function So(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function wo(e){for(var t=1;t{if(!e)return void this.removeDateAnnotation();const t=this.getEverythingIWant();if(!t)return;const{date_format:r,time_format:n}=t;this.setDateAnnotationData(wo({date_format:r,time_format:n},e))},this.handleChangeDateFormat=e=>{const t=this.getEverythingIWant();if(!t)return;const{dateValue:r,time_format:n}=t;this.setDateAnnotationData(wo({date_format:e,time_format:n},r))},this.handleChangeTimeFormat=e=>{const t=this.getEverythingIWant();if(!t)return;const{dateValue:r,date_format:n}=t;this.setDateAnnotationData(wo({date_format:n,time_format:e},r))},this.setDateAnnotationData=e=>{const t=this.getEverythingIWant();if(!t)return;const{textStore:r,textValue:n,tokenIndex:o,annotations:i}=t,a=n.map((t,r)=>{if(r===o){const r=i.map(t=>Ir.nb(t)?["d",e]:t);return Ir.m(t[0],r)}return t});Vt.createAndCommit(this.environment,e=>{qt.c({store:r,value:a,transaction:e})})},this.removeDateAnnotation=()=>{const e=this.getEverythingIWant();if(!e)return;const{textStore:t,textValue:r,tokenIndex:n}=e,o=r.filter((e,t)=>t!==n);Vt.createAndCommit(this.environment,e=>{qt.c({store:t,value:o,transaction:e})})}}renderComponent(){const{device:e}=this.environment,t=yo.a.state;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:t.open,originRect:t.originRect,onDismiss:fo.a,render:()=>{const e=this.getEverythingIWant();if(!e)return null;const{date_format:r,time_format:o,dateValue:i}=e;return n.createElement(bo.a,{firstDayOfWeek:C.r.state,value:i,locked:!1,onChangeValue:this.handleChangeValue,dateFormat:r,onChangeDateFormat:this.handleChangeDateFormat,timeFormat:o,onChangeTimeFormat:this.handleChangeTimeFormat,onDismiss:fo.a,disabled:!1,shouldShowReminder:!!t.open&&t.allowReminders})}})}getEverythingIWant(){const e=yo.a.state;if(e.open){const{textStore:t,tokenIndex:r}=e,n=t.getValue();if(n){const e=n[r];if(e){const o=Ir.ab(e),i=Ir.v(o);if(i){const a=Ir.H(i),{date_format:s,time_format:l}=a;return{textStore:t,textValue:n,tokenIndex:r,token:e,annotations:o,date_format:s,time_format:l,dateValue:vo(a,["date_format","time_format"])}}}}}}}var Oo=Mo,Eo=r("/6eU"),Co=r("bjn0"),Po=r("Etmo"),To=r("g4rC"),jo=r("ZQ9l"),xo=r("OxuQ"),Io=r("bFnu");function Do(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Bo(e){for(var t=1;t{this.stores.mouseStore.setState(Bo({},this.stores.mouseStore.state,{mouseEntered:!0}))},this.handleMouseLeave=()=>{this.stores.mouseStore.setState(Bo({},this.stores.mouseStore.state,{mouseEntered:!1}))},this.handleMouseDown=()=>{this.stores.mouseStore.setState(Bo({},this.stores.mouseStore.state,{mousePressed:!0}))},this.handleMouseUp=()=>{this.stores.mouseStore.setState(Bo({},this.stores.mouseStore.state,{mousePressed:!1}))},this.handleWindowMouseUp=()=>{this.stores.mouseStore.setState(Bo({},this.stores.mouseStore.state,{mousePressed:!1,mouseEntered:!1}))}}willMount(){Object(h.a)(window,"mouseup",this.handleWindowMouseUp)}willUnmount(){Object(h.b)(window,"mouseup",this.handleWindowMouseUp)}renderComponent(){const{mouseEntered:e,mousePressed:t}=this.stores.mouseStore.state;return this.props.render({mouseEntered:e,mousePressed:t,events:{onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp}})}}var Lo=Ao;function Fo(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ro(e){for(var t=1;t{let{mouseEntered:s,events:l}=a;return n.createElement("div",Object.assign({},l,{onClick:i,style:this.getWrapStyle(s)}),n.createElement("img",{src:o,style:this.getImageStyle(s)}),n.createElement("div",{style:this.getInfoStyle()},n.createElement("div",{style:this.getTitleStyle()},n.createElement("span",{style:this.getMobileTitleStyle()},t)),!e.isMobile&&n.createElement("div",{style:this.getCaptionStyle()},r)))}})}getWrapStyle(e){const{device:t}=this.environment;return Ro({display:"flex",flexDirection:t.isMobile?"column":"row",alignItems:"center",flexGrow:0},e&&{cursor:"pointer"},{},t.isMobile?{padding:"12px 4px 16px"}:{marginBottom:8})}getImageStyle(e){const{device:t}=this.environment,{selected:r}=this.props,n=(()=>r?"0 0 0 2px ".concat(Be.f.blue):e?"0 0 0 2px ".concat(this.theme.darkDividerColor):"0 0 0 1px ".concat(this.theme.darkDividerColor))(),o=t.isMobile?"42vw":"169px";return{display:"flex",flexDirection:"column",borderRadius:3,boxShadow:n,transition:"box-shadow 200ms ease-out",marginTop:8,marginBottom:t.isMobile?12:8,height:"calc(".concat(o," / (169 / 97))"),maxHeight:97,maxWidth:o}}getInfoStyle(){const{device:e}=this.environment;return Ro({display:"flex",flexDirection:"column"},!e.isMobile&&{marginLeft:16})}getTitleStyle(){const{device:e}=this.environment,{selected:t}=this.props;return Ro({display:"flex",fontSize:14},t&&!e.isMobile&&{fontWeight:600},{marginBottom:2},e.isMobile&&{justifyContent:"center"})}getMobileTitleStyle(){const{device:e}=this.environment,{selected:t}=this.props;return e.isMobile?Ro({fontSize:12,padding:"2px 10px",borderRadius:20,textAlign:"center"},t&&{background:Be.f.blue,color:Be.f.white}):{}}getCaptionStyle(){return{fontSize:12,color:this.theme.mediumTextColor}}}var Uo=Vo,Yo=r("Erf6"),Wo=r("Ng05"),Xo=r("IULH"),zo=r("sSHh");function qo(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ho(e){for(var t=1;t{const{currentBlockStore:e}=A.default.state,t=Yo.a.state;if(t.open&&e)return n.createElement("div",{style:Ko.modalStyle},n.createElement("div",{style:Ko.modalHeaderStyle},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.header",defaultMessage:"Create a relation to another database"})),n.createElement("div",{style:Ko.sourceSectionStyle},n.createElement("div",{style:Ko.defaultTextStyle},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.description",defaultMessage:"A relation allows you to link pages from other databases."})),this.renderDatabaseButtonPopup()),t.relationCollectionId===t.targetCollectionId&&n.createElement("div",{style:Ko.selfRelationSectionStyle},n.createElement("div",{style:Ko.defaultTextStyle},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt",defaultMessage:"You selected the same database. In which property should the linked pages appear?"})),this.renderSelfRelationConfigure()),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(zo.a,{title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.helpCenterLink",defaultMessage:"Learn about relations"}),href:Object(Se.a)("guides.relations"),analyticsFrom:"configure_relation_modal"}),n.createElement(Xo.a,{isLarge:!0,style:{marginLeft:"auto",marginRight:12},onClick:this.handleCancelClick},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.cancelButton",defaultMessage:"Cancel"})),n.createElement(Wo.a,{isLarge:!0,onClick:this.handleDoneClick,disabled:!this.canAccept()},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.confirmButton",defaultMessage:"Create relation"}))))},this.renderMobilePopupContent=()=>{const e=Yo.a.state;if(e.open)return n.createElement(me.b,{menuType:me.b.MenuType.Modal,right:n.createElement(ve.c,null),left:n.createElement(ve.b,null),title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.databaseSelect.label",defaultMessage:"Select a database"}),onClickRight:this.handleDoneClick,onClickLeft:this.handleCancelClick,rightDisabled:!this.canAccept()},n.createElement(pe.a,{title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.databaseSelect.mobile.title",defaultMessage:"Database source"})},n.createElement(jo.a,{title:this.renderDatabaseButtonPopup()})),n.createElement("div",{style:this.getMobileSectionCaption()},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.databaseSelect.mobile.caption",defaultMessage:"The database you wish to link to."})),e.relationCollectionId===e.targetCollectionId&&n.createElement(n.Fragment,null,n.createElement("div",{style:Ho({},this.getMobileSectionHeading(),{marginTop:28})},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt.mobileTitle",defaultMessage:"Self-relation type"})),n.createElement("div",{style:this.getMobileSectionCaption()},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt",defaultMessage:"You selected the same database. In which property should the linked pages appear?"})),n.createElement(pe.a,{disableMobilePadding:!0},n.createElement(jo.a,{title:this.renderSelfRelationConfigure()})),n.createElement("div",{style:this.getMobileSectionCaption()},this.renderSelfRelationCaption(e.selfRelationType))),n.createElement(pe.a,null,n.createElement(ye.a,{title:"Learn about relations",href:Object(Se.a)("guides.relations"),analyticsFrom:"configure_relation_modal"})))},this.renderDatabaseButtonPopupOrigin=e=>{const{device:t}=this.environment,{currentBlockStore:r}=A.default.state;if(Yo.a.state.open&&r)return t.isMobile?n.createElement(yt.a,Object.assign({mobileFeedback:!0,style:{width:"100%"}},e),this.getButtonTitle()):n.createElement(Xo.a,Object.assign({isLarge:!0,style:{width:"100%"}},e),this.getButtonTitle(),ht.a.chevronDown({width:10,marginLeft:4,fill:this.theme.lightIconColor}))},this.renderDatabaseButtonPopupContent=()=>{const{device:e}=this.environment,{currentBlockStore:t}=A.default.state,r=Yo.a.state;if(!r.open||!t)return;const o={request:r.collectionSearchQuery,debounce:Mt.b,performRequest:this.getCollectionAutocompleteItems,render:(o,i,a)=>{let s;if(o&&(s=n.createElement(pe.a,null,n.createElement(Pr.a,{title:"Something went wrong."}))),a||(s=n.createElement(pe.a,null,n.createElement(Pr.a,{title:"Loading..."}))),i&&0===i.length)s=n.createElement(pe.a,null,n.createElement(Pr.a,{title:this.props.intl.formatMessage({id:"database.relationProperty.createModal.noResults",defaultMessage:"No results"})}));else{const e=(i||[]).map(e=>{const r=Co.a.createChildStore(t,e);return{key:e,render:e=>n.createElement(Cr.a,Object.assign({store:r},e)),action:()=>{this.handleSelectCollection(e)}}});s=n.createElement(Or.a,{type:Or.a.Type.Vertical,initialFocus:r.collectionSearchQuery?0:void 0,sections:[{key:"results",render:e=>n.createElement(pe.a,Object.assign({},e)),items:e}]})}return e.isMobile?n.createElement(n.Fragment,null,s):n.createElement("div",{style:Ko.customPopupStyle},s)}},i=n.createElement(pe.a,{isInput:!0},this.renderDatabaseInputMenuItem());let a;return a=e.isMobile?{menuType:me.b.MenuType.Modal,title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.databaseSelect.label",defaultMessage:"Select a database"}),right:n.createElement(ve.c,null),header:i,onClickRight:this.handleDatabaseSearchDoneClick}:{menuType:me.b.MenuType.Popup,width:"100%",header:i},n.createElement(me.b,Object.assign({},a),n.createElement(kt.a,Object.assign({},o)))},this.handleSamePropertyClick=()=>{const e=Yo.a.state;e.open&&Yo.a.setState(Ho({},e,{selfRelationType:"same_property"}))},this.handleSeparatePropertyClick=()=>{const e=Yo.a.state;e.open&&Yo.a.setState(Ho({},e,{selfRelationType:"separate_property"}))},this.getCollectionAutocompleteItems=async e=>Mt.c(this.environment,{query:e,limit:20,source:"relation_setup_menu"}),this.handleDatabaseSearchInputChange=e=>{const t=Yo.a.state;t.open&&Yo.a.setState(Ho({},t,{collectionSearchQuery:e.target.value}))},this.handleSelectCollection=e=>{const t=Yo.a.state;t.open&&(Yo.a.setState(Ho({},t,{targetCollectionId:e})),this.stores.databaseSearchButtonPopupStore.setState({open:!1}))},this.handleDatabaseSearchDoneClick=()=>{this.stores.databaseSearchButtonPopupStore.setState({open:!1})},this.handleCancelClick=()=>{Po.b()},this.handleDoneClick=()=>{Po.a(this.environment)},this.handleDatabaseButtonPopupClick=()=>{const e=Yo.a.state;e.open&&Yo.a.setState(Ho({},e,{collectionSearchQuery:""}))}}renderComponent(){const{device:e}=this.environment,{open:t}=Yo.a.state;return e.isMobile?n.createElement(de.a,{popupType:de.b.SlideUp,alignmentToOrigin:de.a.Alignment.Start,open:t,render:this.renderMobilePopupContent,onDismiss:Po.b}):n.createElement(Eo.a,{open:t,render:this.renderDesktopModalContent,onDismiss:Po.b})}renderSelfRelationConfigure(){const e=Yo.a.state;if(e.open)return n.createElement("div",{style:this.getSelfRelationButtonWrapStyle()},n.createElement(Uo,{title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt.createNewPropertyOption.title",defaultMessage:"Create a new property"}),caption:this.renderSelfRelationCaption("separate_property"),image:Jr.a.images.selfRelationSeparateSvg,selected:"separate_property"===e.selfRelationType,onClick:this.handleSeparatePropertyClick}),n.createElement(Uo,{title:n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt.samePropertyOption.title",defaultMessage:"Use the same property"}),caption:this.renderSelfRelationCaption("same_property"),image:Jr.a.images.selfRelationSameSvg,selected:"same_property"===e.selfRelationType,onClick:this.handleSamePropertyClick}))}getButtonTitle(){const{currentBlockStore:e}=A.default.state,t=Yo.a.state;if(t.open&&e){if(t.targetCollectionId){const r=Co.a.createChildStore(e,t.targetCollectionId);return n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(Xt.a,{disabled:!0,icon:r.getIcon(),isEmptyPage:!1,size:20}),n.createElement(xo.a,{store:r,style:{margin:"0 6px"}}))}return n.createElement("span",{style:{color:this.theme.mediumTextColor}},n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.databaseSelect.label",defaultMessage:"Select a database"}))}}renderDatabaseButtonPopup(){const{device:e}=this.environment;return n.createElement(xn.a,{popupType:e.isMobile?de.b.SlideUp:de.b.Popup,renderOrigin:this.renderDatabaseButtonPopupOrigin,render:this.renderDatabaseButtonPopupContent,buttonPopupStore:this.stores.databaseSearchButtonPopupStore,onClick:this.handleDatabaseButtonPopupClick,style:{width:440}})}renderDatabaseInputMenuItem(){const e=Yo.a.state;if(e.open)return n.createElement(he.a,{focus:!0,focusAfterAnimation:!0,value:e.collectionSearchQuery,onChange:this.handleDatabaseSearchInputChange,placeholder:this.props.intl.formatMessage({id:"database.relationProperty.createModal.databaseSelect.placeholder",defaultMessage:"Search for a database…"})})}renderSelfRelationCaption(e){var t=this;return"same_property"===e?n.createElement(n.Fragment,null,n.createElement(ee.FormattedMessage,{id:"database.relationProperty.createModal.selfRelationPrompt.createNewPropertyOption.caption",defaultMessage:'No syncing. Use this option when modeling a "Related tasks" property in a "Task" database.',values:{b:function(){for(var e=arguments.length,r=new Array(e),o=0;oSync both ways. Use this option when modeling "Parent Task" and "Child Task" properties in a "Task" database.',values:{b:function(){for(var e=arguments.length,r=new Array(e),o=0;o{if(!this.lastOpenState)return;const{acceptLabel:e,requiredInputValue:t}=this.lastOpenState,r=[{key:"accept",render:t=>n.createElement(Xo.a,Object.assign({isRed:!0,isLarge:!0,style:ri.buttonStyle,hovered:t.focused},t),e),action:this.handleAccept},{key:"cancel",render:e=>n.createElement(Xo.a,Object.assign({isLarge:!0,style:ri.buttonStyle,hovered:e.focused},e),n.createElement(ee.FormattedMessage,{id:"confirmationInputDialog.cancelButton.label",defaultMessage:"Cancel"})),action:this.handleCancel}];return n.createElement(We.a,{capture:!0},n.createElement("div",null,n.createElement("div",{style:{minHeight:64,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:16}},this.lastOpenState.message),n.createElement(Ee.b,{value:this.lastOpenState.inputValue,onChange:this.handleInputChange,style:{height:38,marginBottom:2},placeholder:t}),n.createElement(Or.a,{type:Or.a.Type.Vertical,initialFocus:void 0,sections:[{key:"dialog",render:e=>n.createElement(pe.a,Object.assign({},e)),items:r}]})))},this.handleAccept=()=>{const e=Jo.a.state;e.open&&(this.cleanAcceptInput(e.inputValue)===this.cleanAcceptInput(e.requiredInputValue)?Qo.a({didConfirm:!0}):pr.showErrorMessage(n.createElement(ee.FormattedMessage,{id:"confirmDialogInput.incorrectInputError.message",defaultMessage:'Please type "{requiredInputValue}" to continue',values:{requiredInputValue:e.requiredInputValue}})))},this.cleanAcceptInput=e=>e.trim().toLowerCase().replace(/’/g,"'"),this.handleCancel=()=>{Qo.a({didConfirm:!1})},this.handleInputChange=e=>{const t=Jo.a.state;t.open&&Jo.a.setState(ei({},t,{inputValue:e.target.value}))}}renderComponent(){const e=Jo.a.state;return e.open&&(this.lastOpenState=ei({},e)),n.createElement(Eo.a,{open:e.open,keepFocus:!0,overlayZIndex:Ue.a,onDismiss:this.handleCancel,preventHideChildrenWhileOpening:!0,innerStyle:{borderRadius:3,paddingTop:24,paddingBottom:16,paddingLeft:32,paddingRight:32,width:this.lastOpenState&&this.lastOpenState.width||336,fontSize:16,boxShadow:this.theme.largeBoxShadow,background:this.theme.contentBackground,maxHeight:"90vh",overflowY:"scroll",marginLeft:24,marginRight:24},render:this.renderModal})}}ri.buttonStyle={width:"100%",marginTop:16};var ni=ri,oi=r("NbyO"),ii=r("mKX5"),ai=r("2Ig/"),si=r("8fuX"),li=r("zK7c"),ci=r("XBB3"),di=r("lBar"),ui=r("g90h"),pi=r("G+Ai"),hi=r("zgcg"),mi=r("nYHe");function gi(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fi(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class bi extends a.a{constructor(){super(...arguments),this.handleOverrideLinkClick=e=>{Object(oi.b)(),q.navigate({environment:this.environment,url:e})},this.loadSnapshot=async e=>{const t=this.props.blockStore.id,r=this.props.timestamp,n=await Y.getSnapshot(this.environment,e);if("failed"===n.type)throw n.error;const o=n.data,i=d.flatten(await Promise.all(o.signedUrls.map(async e=>{const t=await fetch(e);return await t.json()}))),a=this.environment.currentUser.id,s=new ai.a;for(const{table:d,value:m}of i)s.setRecord({table:d,id:m.id,userId:a},{role:"reader",value:m});s.snapshotData={blockId:t,timestamp:r};const l=d.uniq(d.flatten(i.map(e=>{let{table:t,value:r}=e;if(t===g.a){const e=r;return[...Yr.e(e),...Yr.z(e)?[]:e.content||[]].filter(e=>!s.getRecord({table:g.a,id:e,userId:a}))}return[]}))).filter(ui.e),c=d.compact(l.map(e=>Object(U.c)(this.props.blockStore,g.a,e))),u=new Set,p=new Set;for(const{table:d,value:m}of i)if(d===g.a){const e=m;for(const t of Yr.k(e))u.add(t);e.created_by_table&&e.created_by_id&&(e.created_by_table===Nr.a?u.add(e.created_by_id):p.add(e.created_by_id)),e.last_edited_by_table&&e.last_edited_by_id&&(e.last_edited_by_table===Nr.a?u.add(e.last_edited_by_id):p.add(e.last_edited_by_id))}else if(d===Rn.a){const e=m;e.created_by_id&&e.created_by_table&&(e.created_by_table===Nr.a?u.add(e.created_by_id):p.add(e.created_by_id))}const h=[...c,...d.compact(Array.from(u).map(e=>Object(U.c)(this.props.blockStore,Nr.a,e))),...d.compact(Array.from(p).map(e=>Object(U.c)(this.props.blockStore,pi.a,e)))];return await Promise.all(h.map(async e=>{await e.load();const t=e.getValue();t&&s.setRecord({table:e.table,id:t.id,userId:a},{role:"reader",value:t})})),{blockStore:new m.a(this.environment,t,{recordCacheStore:s}),timestamp:r}}}getChildContext(){return function(e){for(var t=1;tn.createElement(Tr.a,{show:!r||!t,showDelay:400,showHold:400,render:r=>r?n.createElement("div",{style:this.getSpinnerWrapperStyles()},n.createElement(Ot.a,null)):e?n.createElement("div",{style:{padding:32}},n.createElement(ee.FormattedMessage,{defaultMessage:"Something went wrong.",id:"pageSnapshotPreview.unknownPreviewLoadError.message"})):t?n.createElement(li.a,{key:t.timestamp,store:t.blockStore,isDefaultContainer:!0,render:e=>n.createElement(si.b,Object.assign({style:{background:this.theme.contentBackground,zIndex:1,flexGrow:1},type:this.useSeparateHorizontalScroller(t.blockStore)?si.b.OverflowType.Y:si.b.OverflowType.All},e),n.createElement(ci.b,{store:t.blockStore,disabled:!0,loadingContainerStore:void 0,context:ci.a.InAppTemplatePreview,paddingBottom:ci.b.paddingBottom(this.environment),paddingLeft:ci.b.defaultPaddingLeftRight(this.environment),paddingRight:ci.b.defaultPaddingLeftRight(this.environment),pageCoverHeight:ci.b.defaultPageCoverHeight(this.environment)}))}):void 0})};return n.createElement(kt.a,Object.assign({},e))}useSeparateHorizontalScroller(e){return!e.isCollectionView()||!di.b(this.environment)}getSpinnerWrapperStyles(){return{padding:32,display:"flex",alignItems:"center",justifyContent:"center"}}}bi.contextTypes=mi.environmentContextTypes,bi.childContextTypes=hi.a;var yi=bi,vi=r("cYwG");class Si extends a.a{constructor(){super(...arguments),this.handleScroll=e=>{if(this.props.loading)return;e>(this.props.loadMoreOffsetThreshold||200)||this.props.resultSize>=this.props.fetchSize&&this.props.onLoadMore()}}renderComponent(){return n.createElement(vi.a,{onChange:this.handleScroll})}}var wi=Si,ki=r("hmwC"),Mi=r("j9U3"),Oi=r("7KuZ");function Ei(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ci(e){for(var t=1;t{const{device:e}=this.environment,t=Mi.a.state;if(!t.open)return;const r={request:{blockId:t.blockStore.id,size:t.size},performRequest:e=>this.loadSnapshotsList(e,t),render:(r,o,i)=>n.createElement(Tr.a,{show:Boolean(!o||o.snapshots.length>=t.size&&t.openSnapshotNearTimestamp),showDelay:400,showHold:100,render:n=>e.isMobile?this.renderMobileHistory({snapshotValues:o?o.snapshots:[],menuState:t,error:r,initialLoading:n,loadingMore:!i}):this.renderDesktopHistory({snapshotValues:o?o.snapshots:[],menuState:t,error:r,initialLoading:n,loadingMore:!i})})};return n.createElement(kt.a,Object.assign({},r))},this.renderMobileHistory=e=>{let t,r;return this.historyIsEnabled()?e.loadingMore||0!==e.snapshotValues.length||(t=this.renderUnavailableMessage(Ti.noSnapshotsMessage,!1)):t=this.renderUnavailableMessage(this.getUnavailableMessage(),mt.h(this.environment)||"team"),r=e.error?n.createElement("div",{style:Ti.wrapStyle},n.createElement(ee.FormattedMessage,{defaultMessage:"Something went wrong",id:"historyModal.errorMessage"})):e.initialLoading?n.createElement("div",{style:Ti.wrapStyle},n.createElement(Ot.a,null)):n.createElement(n.Fragment,null,n.createElement(si.b,{type:si.b.OverflowType.Y},this.renderSnapshotsMenuList(e)),this.renderMobileSnapshotPreview(e.menuState)),n.createElement(me.b,{menuType:me.b.MenuType.Modal,title:n.createElement(ee.FormattedMessage,{defaultMessage:"History",id:"historyModal.mobileHistoryMenu.title"}),left:this.renderMobileHelpButton(),right:n.createElement(ve.c,null),onClickRight:oi.b,header:t},r)},this.renderDesktopHistory=e=>{let t;return t=e.error?n.createElement("div",{style:Ti.wrapStyle},n.createElement(ee.FormattedMessage,{defaultMessage:"Something went wrong",id:"historyModal.desktopModal.errorMessage"})):e.initialLoading?n.createElement("div",{style:Ti.wrapStyle},n.createElement(Ot.a,null)):this.historyIsEnabled()?e.menuState.snapshot&&!this.snapshotIsAvailable(e.menuState.snapshot)?this.renderUnavailableMessage(Ti.restrictedMessage,"enterprise"):e.loadingMore||0!==e.snapshotValues.length?this.renderDesktopSnapshotPreview(e.menuState):this.renderUnavailableMessage(Ti.noSnapshotsMessage,!1):this.renderUnavailableMessage(this.getUnavailableMessage(),mt.h(this.environment)||"team"),n.createElement(n.Fragment,null,n.createElement("div",{style:{display:"flex",flexDirection:"column",width:"calc(100% - ".concat(Ti.sidebarWidth,"px)"),boxShadow:"1px 0 0 ".concat(this.theme.regularDividerColor)}},t),this.renderDesktopSidebar(e))},this.renderSnapshotsMenuList=e=>{const{device:t}=this.environment,{menuState:r,loadingMore:o}=e,i=d.compact(e.snapshotValues.map(e=>{const o=this.snapshotIsAvailable(e);return{key:e.id,action:()=>{oi.f(this.environment,e)},render:i=>{const a=e.authors||[],s=this.props.intl.formatList(d.compact(a.map((e,t)=>{if(e.table===Nr.a){const t=Object(U.c)(r.blockStore,Nr.a,e.id).getValue();if(!t)return;return Object(Nr.d)(t)}{const t=Object(U.c)(r.blockStore,pi.a,e.id).getValue();if(!t)return;return t.name}})),{type:"conjunction",style:"narrow"}),l=n.createElement("div",{style:Ci({},ze.a.textOverflowStyle)},s),c=Boolean(r.snapshot&&r.snapshot.id===e.id);if(o){const r=Object(ii.a)(parseInt(e.timestamp)).format("lll");return n.createElement(st.a,{key:i.key,render:r=>n.createElement(Ct.a,Object.assign({},Object(Qr.a)(i,r),{title:Object(ii.a)(parseInt(e.timestamp)).calendar(),focused:!t.isMobile&&c,caption:l})),renderTooltip:()=>n.createElement("div",{style:{maxWidth:270,whiteSpace:"normal"}},n.createElement("div",null,r),n.createElement("div",null,s))})}{const r=!this.historyIsEnabled();return n.createElement(st.a,{key:i.key,render:o=>n.createElement(Ct.a,Object.assign({},Object(Qr.a)(o,i),{title:n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},n.createElement("div",{style:Ci({},t.isMobile&&{display:"flex",flex:1},{},ze.a.textOverflowStyle)},Object(ii.a)(parseInt(e.timestamp)).calendar()),!r&&n.createElement(lt.a,{subscriptionTier:"enterprise",analyticsName:"history_modal",desktopStyle:{marginLeft:8},onClick:()=>this.handleUpgrade("enterprise")})),focused:!t.isMobile&&c,disabled:r,caption:l})),renderTooltip:()=>n.createElement(ee.FormattedMessage,{defaultMessage:"Upgrade to view this snapshot.",id:"historyModal.snapshotsMenuList.upgrade.tooltip"}),disableTooltip:!r})}}}})),a=r.snapshot&&r.snapshot.id,s=i.findIndex(e=>a===e.key),l=[{key:"snapshots",render:e=>n.createElement(pe.a,Object.assign({},e)),items:i}];return n.createElement(n.Fragment,null,n.createElement(Or.a,{type:Or.a.Type.Vertical,initialFocus:s,sections:l}),n.createElement(wi,{loading:o,fetchSize:r.size,resultSize:e.snapshotValues.length,onLoadMore:oi.c}),n.createElement(Tr.a,{show:o,showDelay:300,showHold:100,render:e=>e&&n.createElement("div",{style:Ti.wrapStyle},n.createElement(Ot.a,null))}))},this.handleUpgrade=e=>{ki.a(this.environment,{from:"history_modal",for:e})},this.loadSnapshotsList=async(e,t)=>{const{device:r}=this.environment,n=await Y.getSnapshotsList(this.environment,e);if("failed"===n.type)throw n.error;const{snapshots:o}=n.data;if(t.openSnapshotNearTimestamp){const e=parseInt(t.openSnapshotNearTimestamp),r=o.findIndex(t=>parseInt(t.timestamp)0?oi.f(this.environment,o[r-1]):o.length{const{device:e}=this.environment;return e.isMobile?24:20}}renderComponent(){const{device:e}=this.environment,t=Mi.a.state;return e.isMobile?n.createElement(de.c,{popupType:de.c.PopupType.SlideUp,open:t.open,render:this.renderSnapshotsListRequest,onDismiss:oi.b}):n.createElement(Eo.a,{open:t.open,innerStyle:{height:"80vh",width:"80vw",overflow:"hidden",display:"flex"},onDismiss:oi.b,render:this.renderSnapshotsListRequest,className:_e.z})}renderMobileSnapshotPreview(e){if(this.historyIsEnabled())return n.createElement(de.c,{popupType:de.c.PopupType.SlideUp,open:Boolean(e.snapshot),forceFullScreenSlideUp:!0,render:()=>{if(!e.snapshot)return;const t=this.snapshotIsAvailable(e.snapshot),r=t?n.createElement(yi,{blockStore:e.blockStore,timestamp:e.snapshot.timestamp}):this.renderUnavailableMessage(Ti.restrictedMessage,"enterprise");return n.createElement(me.b,{menuType:me.b.MenuType.Modal,title:Object(ii.a)(parseInt(e.snapshot.timestamp)).calendar(),right:n.createElement(ve.c,null),onClickRight:oi.a,left:n.createElement(ee.FormattedMessage,{defaultMessage:"Restore",id:"historyModal.mobileSnapshotMenu.restoreButton.label"}),onClickLeft:()=>oi.e(this.environment),whiteBackground:t,forceFullScreenSlideUp:!0},r)}})}renderDesktopSidebar(e){const{menuState:t}=e,r=Boolean(t.snapshot&&this.snapshotIsAvailable(t.snapshot)),o=!this.historyIsEnabled();return n.createElement("div",{style:this.getSidebarStyle()},n.createElement(si.b,{type:si.b.OverflowType.Y,style:{flex:1}},this.renderSnapshotsMenuList(e)),n.createElement("div",{style:{display:"flex",padding:14,borderTop:"\n\t\t\t\t\t\t\t1px solid ".concat(this.theme.regularDividerColor,"\n\t\t\t\t\t\t")}},n.createElement(st.a,{disableTooltip:!o,renderTooltip:()=>n.createElement(ee.FormattedMessage,{defaultMessage:"Upgrade to restore snapshots.",id:"historyModal.desktopModal.sidebar.upgradeMessage.tooltip"}),render:e=>n.createElement(Wo.a,Object.assign({isLarge:!0,onClick:()=>oi.e(this.environment),disabled:!r},e),n.createElement(ee.FormattedMessage,{defaultMessage:"Restore version",id:"historyModal.desktopModal.restoreButton.label"}))}),n.createElement(Xo.a,{isLarge:!0,style:{marginLeft:12},onClick:oi.b},n.createElement(ee.FormattedMessage,{defaultMessage:"Cancel",id:"historyModal.desktopModal.cancelButton.label"}))),n.createElement(pe.a,{topBorder:!0,disableDesktopPadding:!0},n.createElement(ye.a,{title:n.createElement(ee.FormattedMessage,{id:"historyModal.desktopModal.learnMoreButton.label",defaultMessage:"Learn about page history"}),href:Object(Se.a)("guides.pageHistory"),analyticsFrom:"page_history"})))}renderDesktopSnapshotPreview(e){if(e.snapshot)return n.createElement(n.Fragment,null,n.createElement("div",{style:{display:"flex",alignItems:"center",flexShrink:0,height:45,fontSize:14,paddingLeft:14}},e.blockStore.hasIcon()&&n.createElement(Xt.a,{disabled:!0,icon:e.blockStore.getIcon(),isEmptyPage:e.blockStore.isEmptyPage(),size:this.iconSize(),style:{marginRight:6}}),n.createElement(xo.a,{store:e.blockStore})),n.createElement(yi,{blockStore:e.blockStore,timestamp:e.snapshot.timestamp}))}renderUnavailableMessage(e,t){const{device:r}=this.environment;return n.createElement("div",{style:this.getUnavailableMessageStyle()},!r.isMobile&&this.renderVersionHistoryIcon(),n.createElement("div",{style:Ci({},!r.isMobile&&{maxWidth:340})},e),!r.isMobile&&t&&n.createElement(Wo.a,{isLarge:!0,onClick:()=>this.handleUpgrade(t),style:{marginTop:16}},n.createElement(ee.FormattedMessage,{defaultMessage:"Upgrade",id:"historyModal.upgradeForHistoryButton.label"})))}renderVersionHistoryIcon(){return ht.a.versionHistory({width:64,height:"auto",fill:this.theme.lightIconColor,marginBottom:12})}renderMobileHelpButton(){return n.createElement(Oi.a,{href:Object(Se.a)("guides.pageHistory"),analyticsFrom:"page_history"})}snapshotIsAvailable(e){return!!z.default.isAdminMode||!!this.historyIsEnabled()&&(!!mt.L(this.environment,"enterprise")||parseInt(e.timestamp)>Date.now()-30*Sn.a)}historyIsEnabled(){return!!z.default.isAdminMode||mt.E(this.environment)}getUnavailableMessage(){const{device:e}=this.environment,t=e.isIOS&&e.isNative;return n.createElement(n.Fragment,null,n.createElement(ee.FormattedMessage,{defaultMessage:"Version history is not available for free workspaces.",id:"historyModal.unavailableForFreeWorkspaces.messagePart1"}),!t&&n.createElement("br",null),!t&&n.createElement(ee.FormattedMessage,{defaultMessage:"Please upgrade to one of our paid plans.",id:"historyModal.unavailableForFreeWorkspaces.messagePart2"}))}getSidebarStyle(){return{display:"flex",flexDirection:"column",flexShrink:0,width:Ti.sidebarWidth}}getUnavailableMessageStyle(){const{device:e}=this.environment;return Ci({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:28,padding:16,textAlign:"center",fontSize:14},e.isMobile?{position:"relative",zIndex:1,background:this.theme.popoverBackground,boxShadow:"\n\t\t\t\t\t\t\t0 -1px 0 ".concat(this.theme.regularDividerColor,",\n\t\t\t\t\t\t\t0 1px 0 ").concat(this.theme.regularDividerColor,"\n\t\t\t\t\t\t")}:{height:"100%"})}}Ti.sidebarWidth=240,Ti.restrictedMessage=n.createElement(ee.FormattedMessage,{defaultMessage:"Please upgrade to the Enterprise Plan to access versions older than 30 days.",id:"historyModal.upgradeToEnterprise.message"}),Ti.noSnapshotsMessage=n.createElement(ee.FormattedMessage,{defaultMessage:"This page does not have any snapshots yet. Allow up to 10 minutes for the first snapshot to be generated.",id:"historyModal.noSnapshotsYet.message"}),Ti.wrapStyle={display:"flex",justifyContent:"center",padding:32};var ji=Object(ee.injectIntl)(Ti),xi=r("ijm6");class Ii extends a.a{constructor(){super(...arguments),this.renderPopupContent=()=>n.createElement(Bi,null)}renderComponent(){const{device:e}=this.environment,{blockStore:t,originRect:r}=Zn.a.state;return n.createElement(de.c,{popupType:e.isMobile?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:Boolean(t),originRect:r,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Center,originGap:4,onDismiss:()=>xi.a(this.environment),render:this.renderPopupContent})}}class Di extends a.a{didMount(){const{blockStore:e}=Zn.a.state;if(!e)return;const t=e.getTitleStore();t&&Gt.k({environment:this.environment,store:t,canSelectAllBlocks:!1})}renderComponent(){const{device:e}=this.environment,{blockStore:t}=Zn.a.state;if(!t)return;const r=t.getTitleStore();if(!r)return;let o;return o=e.isMobile?{menuType:me.b.MenuType.ActionSheet}:{menuType:me.b.MenuType.Popup,width:380},n.createElement(me.b,Object.assign({},o),n.createElement("div",{style:this.getWrapStyle()},n.createElement(zt.a,{store:r,disabled:!t.canEdit(),onEsc:()=>xi.a(this.environment),onEnter:()=>xi.a(this.environment),disableSlashCommands:!0,disableEmojiCommands:!0,disableSelectAllBlocks:!0,disableSelectionDrag:!0,placeholder:this.props.intl.formatMessage({defaultMessage:"Untitled",id:"renameFileMenuPopup.input.placeholder"}),style:this.getInputStyle()})))}getWrapStyle(){return{display:"flex",alignItems:"center",color:this.theme.regularTextColor,fontSize:"13px",padding:"4px 8px"}}getInputStyle(){return{display:"flex",alignItems:"center",flexGrow:1,fontSize:14,lineHeight:"20px",paddingTop:4,paddingBottom:4,paddingLeft:10,paddingRight:10,width:"100%",borderRadius:3,boxShadow:this.theme.inputBoxShadow,background:this.theme.inputBackground,cursor:"text",position:"relative"}}}const Bi=Object(ee.injectIntl)(Di);var _i=Ii,Ai=r("UWl0"),Li=r("onX9");class Fi extends a.a{constructor(){super(...arguments),this.renderMenu=()=>{const{device:e}=this.environment,t=Li.a.state;if(!t.open)return;let r;return r=e.isReactNative&&!e.isTablet?{menuType:me.b.MenuType.ActionSheet}:{menuType:me.b.MenuType.Popup,width:410,maxHeight:270,onClickOutside:Ai.c},n.createElement(me.b,Object.assign({},r),n.createElement(it.a,{filter:this.getFilter(t)||"",onSubmit:this.handleSubmit,onNoResults:this.handleNoResults,isCallout:!1}))},this.handleNoResults=()=>{const e=Li.a.state;if(!e.open)return;const t=this.getFilter(e),r=d.last(t);r&&/\s/g.test(r)&&Ai.c()},this.handleSubmit=e=>{Vt.createAndCommit(this.environment,t=>{Ai.a({environment:this.environment,emoji:e,transaction:t})})},this.handleCancel=()=>{Ai.c()}}willMountOrUpdate(){const e=Li.a.state;if(e.open){const t=Rr.default.state,r=this.getFilter(e);("editing"!==t.mode||t.store!==e.textStore||void 0===r||":"===r||r.startsWith("\n")||r.startsWith(" "))&&Ai.c()}}renderComponent(){const{device:e}=this.environment,t=Li.a.state;let r=!1;if(t.open){const e=this.getFilter(t);e&&e.length>0&&(r=!0),t.showPopupWithEmptyFilter&&(r=!0)}return n.createElement(de.c,{popupType:e.isReactNative&&!e.isTablet?de.c.PopupType.SlideUp:de.c.PopupType.Popup,open:r,originRect:t.open?t.selectionRect:void 0,placementToOrigin:de.c.Placement.Bottom,alignmentToOrigin:de.c.Alignment.Start,originGap:4,disableMouseCapture:!0,disableContentScroll:!0,onDismiss:this.handleCancel,render:this.renderMenu,keepFocus:!0})}getFilter(e){return xr.a(e.textStore,e.oldTextValue,!0)}}var Ri=Fi,Ni=r("oqx9"),Vi=r("Rnyl"),Ui=r("rXSH"),Yi=r("wllP"),Wi=r("wiBh");function Xi(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function zi(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class qi extends a.a{constructor(){super(...arguments),this.input=n.createRef(),this.handleInputChange=(e,t)=>{to.a.isOpen()&&to.a.setState(function(e){for(var t=1;t{Vt.createAndCommit(this.environment,e=>{Vi.c({environment:this.environment,equationStore:to.a,transaction:e})})},this.handleClose=()=>{Vi.a()},this.handleLeft=e=>{if(!this.input.current)return;const t=this.input.current.getSelection();t&&"altKey"in e&&!e.altKey&&"shiftKey"in e&&!e.shiftKey&&0===t.startIndex&&0===t.endIndex&&(this.handleSubmit(),Vi.a("Backward"))},this.handleRight=e=>{if(!to.a.isOpen())return;if(!this.input.current)return;const t=this.input.current.getSelection();if(!t)return;const r=to.a.state.value.length;"altKey"in e&&!e.altKey&&"shiftKey"in e&&!e.shiftKey&&t.startIndex===r&&t.endIndex===r&&(this.handleSubmit(),Vi.a())},this.isDisabled=()=>{if("editing"!==Rr.default.state.mode&&!to.a.isOpen())return!0;if(to.a.isOpen()&&!to.a.state.savedTextSelectionState.store.canEdit())return!0;if(to.a.isOpen()){const e=Object(Yi.b)(to.a.state.savedTextSelectionState.store);if(e&&e.isLocked())return!0}if(to.a.isOpen()&&to.a.state.savedTextSelectionState.store.table===Rn.a){const e=this.getCommentValue(to.a.state.savedTextSelectionState.store),{currentUserStore:t}=A.default.state;if(!e||!t)return!0;if(e.created_by_table!==Nr.a||t.id!==e.created_by_id)return!0}const e={[Ir.b.User]:Ir.b.User,[Ir.b.Page]:Ir.b.Page,[Ir.b.Bot]:Ir.b.Bot,[Ir.b.Date]:Ir.b.Date,[Ir.b.TemporaryPage]:Ir.b.TemporaryPage};for(const t of Object.values(e))if(Object(Wi.o)(t))return!0;return!1},this.INPUT_ORIGIN_GAP_PX=8}renderComponent(){if(to.a.isOpen())return n.createElement(Ui.a,{ref:this.input,isOpen:!0,equationValue:to.a.state.value,error:to.a.state.error,displayMode:"inline",disabled:this.isDisabled(),originRect:this.getInputOriginRect(),originGap:this.INPUT_ORIGIN_GAP_PX,onDismiss:this.handleClose,onChange:this.handleInputChange,onSubmit:this.handleSubmit,onLeft:this.handleLeft,onRight:this.handleRight})}getCommentValue(e){return Ni.a.createChildStore(e,e.id).getValue()}getInputOriginRect(){if(to.a.isOpen())return to.a.state.savedTextSelectionRect}}var Hi=qi;class Gi extends a.a{constructor(){super(...arguments),this.renderTooltip=()=>n.createElement(ge.a,{capture:!0,onEnter:this.handleEnter,onCommandEnter:this.handleCommandEnter},n.createElement(n.Fragment,null,n.createElement(ee.FormattedMessage,{defaultMessage:"Open page",id:"pageMentionOverlay.openPage"}),n.createElement("div",null,n.createElement(Ln.a,{onlyShowFirst:!0,name:"enter",style:{color:this.theme.mediumInvertedTextColor}})))),this.handleEnter=e=>{const t=this.pageMentionTokenStore.state;if(!t)return;const{pageId:r,store:n}=t;if(!r)return;e.preventDefault&&e.preventDefault();const o=m.a.createChildStore(n,r);q.navigateToBlock({store:o,environment:this.environment,visitType:"Link"})},this.handleCommandEnter=e=>{const t=this.pageMentionTokenStore.state;if(!t)return;const{pageId:r,store:n}=t;if(!r)return;e.preventDefault();const o=m.a.createChildStore(n,r);q.navigateToBlock({store:o,environment:this.environment,visitType:"Link",metaClick:!0})},this.pageMentionTokenStore=this.createComputedStore(()=>{const e=Rr.default.state;if("editing"!==e.mode)return;const{selection:t,store:r}=e;if(t.endIndex!==t.startIndex+1)return;const n=r.getValue(),o=Ir.db(n,t.startIndex);if(!o||!Ir.xb(o))return;const[i]=Ir.T([o]);return{pageId:i,store:r}})}renderComponent(){if(this.environment.device.isMobile)return;const e=Tn.getSelectionRect(),t=this.pageMentionTokenStore.state;return n.createElement(st.a,{render:()=>{},renderTooltip:this.renderTooltip,originRect:e,forceVisibleState:Boolean(t&&e),placement:st.a.Placement.Bottom})}}var Ki=Gi,Zi=r("FmD2");class Ji extends a.a{constructor(){super(...arguments),this.handleKey=e=>{P.a.state.isActive&&(e.preventDefault(),Object(Zi.b)({environment:this.environment,currentX:P.a.state.currentX,currentY:P.a.state.currentY,toggle:e.shiftKey}))},this.handleMouseMove=e=>{P.a.state.isActive&&(e.preventDefault(),Object(Zi.b)({environment:this.environment,currentX:e.clientX,currentY:e.clientY,toggle:e.shiftKey}))},this.handleMouseUp=e=>{P.a.state.isActive&&(e.preventDefault(),Object(Zi.a)(this.environment))}}willMount(){window.addEventListener("keydown",this.handleKey),window.addEventListener("keyup",this.handleKey),window.addEventListener("mousemove",this.handleMouseMove),window.addEventListener("mouseup",this.handleMouseUp)}willUnmount(){window.removeEventListener("keydown",this.handleKey),window.removeEventListener("keyup",this.handleKey),window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("mouseup",this.handleMouseUp)}renderComponent(){return null}}var Qi=Ji;class $i extends a.a{willMount(){this.environment.device.isMobile&&document.addEventListener("gesturestart",(function(e){e.preventDefault()}))}renderComponent(){const e=this.environment.currentUser.isLoggedIn(),{isMobile:t,isElectron:r}=this.environment.device,{currentSpaceStore:i}=A.default.state;return n.createElement(n.Fragment,null,n.createElement(se,null),n.createElement(ur,null),n.createElement(yr,null),n.createElement(kr,null),n.createElement(c,null),n.createElement(o.a,{isRoot:!0,capture:!0}),n.createElement(B,null),e&&!t&&n.createElement(N,null),e&&i&&n.createElement(oe,{rootStore:i}),n.createElement(Ne,null),n.createElement(Yt,null),n.createElement(Oe,null),n.createElement(Qt,null),n.createElement(_i,null),n.createElement($e,null),n.createElement(Ie,null),!t&&n.createElement(ao,null),n.createElement(Hi,null),n.createElement(Ki,null),n.createElement(Rt,null),n.createElement($t.a,{store:M.a}),n.createElement($t.a,{store:k.a}),n.createElement(dn,null),n.createElement(fn,null),n.createElement(Ri,null),n.createElement(Pn,null),r&&n.createElement(go,null),n.createElement(Oo,null),n.createElement(Zo,null),n.createElement(ni,null),n.createElement(Qi,null),e&&n.createElement(ji,null))}}t.a=$i},ClNu:function(e,t,r){"use strict";var n=r("LEzx");class o extends n.a{getInitialState(){return{isHidden:!1}}}t.a=o},Cm2F:function(e,t,r){"use strict";r.d(t,"c",(function(){return g})),r.d(t,"a",(function(){return f})),r.d(t,"b",(function(){return b}));var n=r("bPtJ"),o=r("y6Dp"),i=r("I6hv"),a=r("bmSz"),s=r("7TLZ"),l=r("LNOE"),c=r("yjqD"),d=r("6rsX"),u=r("unoy"),p=r("3k5a"),h=r("gYhp"),m=r("w5u6");async function g(e){const{environment:t,blockStore:r,analyticsFrom:g,discussionId:f}=e;let{rect:b}=e;const y=i.b.state.open&&i.b.state.blockStore.id===r.id&&i.b.state.discussionId===f;if(t.device.isMobile&&d.e(t),await m.default.afterNextFlush(),r.isNavigableBlock()){if(f){"PageDetailsStore"in t&&t.PageDetailsStore.setToggleState({type:"discussion"},!0);const e=Object(n.c)(r,a.a,f).getValue();if(e&&e.resolved){const e=p.a.findBlockWithMethodFromStore(r,"openResolvedDiscussionPopup");e&&(e.openResolvedDiscussionPopup(),await m.default.afterNextFlush(),l.f(f))}}return void o.Hc(t,{from:g})}if(!b){const e=p.a.getRect(r);if(!e)return;const t=e.width,n=e.height,o=e.right-t;b={top:e.top,left:o,right:e.right,bottom:e.top+n,height:n,width:t}}let v=i.a.Open;if(e.discussionId){const t=Object(n.c)(r,a.a,e.discussionId).getValue();t&&t.resolved&&(v=i.a.Resolved)}else{0===s.m(r).length&&(v=i.a.Resolved)}if(t.device.isMobile&&d.e(t),i.b.setState({open:!0,rect:b,tab:v,blockStore:r,discussionId:f}),o.Hc(t,{from:g}),f){if(await c.h(10),await m.default.afterNextFlush(),l.f(f),!t.device.isMobile&&!y){const e=h.a.findComponent(e=>e.props.store.id===f);e&&(d.e(t),u.n({store:e.discussionInputStore.state.textStore}))}}else if(!t.device.isMobile){const e=s.m(r);if(e.length>0){await c.h(10),await m.default.afterNextFlush();const r=h.a.findComponent(t=>t.props.store.id===e[0].id);r&&(d.e(t),u.n({store:r.discussionInputStore.state.textStore}))}}}const f=()=>{const e=i.b.state;e.open&&i.b.setState({open:!1,rect:e.rect})},b=()=>{const e=i.b.state;if(e.open&&e.tab===i.a.Open){0===s.m(e.blockStore).length&&f()}}},CpD0:function(e,t,r){"use strict";r("ioFf"),r("rGqo");var n=r("LvDl"),o=r("LEzx");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class s extends o.a{constructor(){super(...arguments),this.pause=()=>{this.setState({active:!1,onActive:[]})},this.resume=()=>{this.state.onActive.map(e=>e()),this.setState({active:!0,onActive:[]})}}getInitialState(){return{active:!0,onActive:[]}}whenActive(e){this.state.active?e():this.setState(function(e){for(var t=1;tthis.onClick()},o.createElement(f.a,{isSelected:r}),o.createElement("b",null,e),t&&o.createElement("div",{style:{color:this.theme.mediumTextColor,marginLeft:8}},t))}}S.wrapStyle={display:"flex",alignItems:"center",flex:1,fontSize:14,marginBottom:12,cursor:"pointer"};var w=S,k=r("d9nj"),M=r("D2XV"),O=r("vl8/"),E=r("2ZkR");r.d(t,"t",(function(){return P})),r.d(t,"w",(function(){return T})),r.d(t,"y",(function(){return j})),r.d(t,"x",(function(){return x})),r.d(t,"u",(function(){return I})),r.d(t,"f",(function(){return D})),r.d(t,"I",(function(){return _})),r.d(t,"J",(function(){return A})),r.d(t,"K",(function(){return L})),r.d(t,"L",(function(){return F})),r.d(t,"F",(function(){return R})),r.d(t,"E",(function(){return N})),r.d(t,"G",(function(){return V})),r.d(t,"h",(function(){return U})),r.d(t,"l",(function(){return Y})),r.d(t,"c",(function(){return W})),r.d(t,"a",(function(){return X})),r.d(t,"i",(function(){return z})),r.d(t,"s",(function(){return q})),r.d(t,"k",(function(){return H})),r.d(t,"q",(function(){return G})),r.d(t,"r",(function(){return K})),r.d(t,"o",(function(){return Z})),r.d(t,"p",(function(){return J})),r.d(t,"D",(function(){return Q})),r.d(t,"H",(function(){return $})),r.d(t,"e",(function(){return ee})),r.d(t,"v",(function(){return te})),r.d(t,"n",(function(){return re})),r.d(t,"m",(function(){return ne})),r.d(t,"b",(function(){return oe})),r.d(t,"C",(function(){return ie})),r.d(t,"g",(function(){return ae})),r.d(t,"d",(function(){return le})),r.d(t,"A",(function(){return ce})),r.d(t,"z",(function(){return de})),r.d(t,"B",(function(){return ue})),r.d(t,"j",(function(){return pe}));const C=Object(h.defineMessages)({monthlyPrice:{id:"spaceSubscriptionBilling.setBillingInterval.pricePerMonth",defaultMessage:"{monthlyPrice} per month"},monthlyPricePerMember:{id:"spaceSubscriptionBilling.setBillingInterval.pricePerMonth.perMember",defaultMessage:"{monthlyPrice} per member per month"}}),P=function(e){return"subscribed_admin"===e.type&&"number"==typeof e.canceledAt&&"number"==typeof e.willCancelAt},T=function(e){return Boolean(e&&"unsubscribed_admin"!==e.type&&"unsubscribed_member"!==e.type&&"unsubscribed_guest"!==e.type)},j=function(e){return!T(e)},x=function(e){return Boolean(e&&"subscribed_admin"===e.type)};function I(e){return e&&"subscribed_admin"===e.type&&e.productId===i.default.pricing.student.productId}function D(e){const t=d.default.state.currentSpaceStore;if(!t)return;const r=u.a.getPublicSpaceData(e,t.id);if(r){if(r.productId===i.default.pricing.personal.productId)return"personal";if(r.productId===i.default.pricing.team.productId)return"team";if(r.productId===i.default.pricing.enterprise.productId)return"enterprise";if(r.productId===i.default.pricing.student.productId)return"student";switch(r.planType){case"personal":return"personal_free";case"team":return"team_free";default:return"free"}}}function B(e,t){const r=D(e);return!!r&&t.includes(r)}function _(e){return B(e,["personal_free","team_free","free"])}function A(e){return B(e,["team","team_free","enterprise"])}function L(e){return B(e,["personal_free","personal","free"])}function F(e,t){return t===D(e)}function R(e){return!B(e,["personal","student","personal_free"])}function N(e){return!_(e)}function V(e){return!_(e)}function U(e){switch(D(e)){case"personal_free":return"personal";case"team_free":case"free":return"team";default:return!1}}function Y(e){if(e.productId===i.default.pricing.personal.productId&&e.created{const r=u.a.getPublicSpaceData(t,e);return r&&r.productId});return n.compact(o)}async function X(e){const{environment:t,userRootStore:r}=e;if(!r)return;const o=r.getAdminSpaceViewIds().map(async e=>{const r=await u.a.awaitPublicSpaceData(t,e);return r&&r.productId}),i=await Promise.all(o);return n.compact(i)}const z=function(e){if(e&&"unsubscribed_admin"!==e.type&&"unsubscribed_member"!==e.type&&"unsubscribed_guest"!==e.type)return e.productId},q=function(e){return"visibleMembers"in e?e.visibleMembers:e.members};function H(e){return"bots"in e?e.bots:[]}const G=function(e){return q(e).filter(e=>Object(c.i)(e.role))},K=function(e){return G(e).length},Z=function(e){return q(e).filter(e=>!Object(c.i)(e.role))},J=function(e){return Z(e).length};function Q(e){return"subscribed_admin"===e.type&&(!("charge_automatically"!==e.billing||!e.last4)||!("send_invoice"!==e.billing||!e.billingEmail))}function $(e){return["free","team_free"].some(t=>F(e,t))}const ee=function(e,t){return t&&j(t)&&$(e)?t.blockUsage:0},te=function(e,t){return ee(e,t)>=i.default.pricing.team_free.spaceBlockLimit},re=function(e,t){return ee(e,t)/i.default.pricing.team_free.spaceBlockLimit},ne=function(e,t){return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.reachedFreeBlockLimit",defaultMessage:"This workspace has used {usedBlocks} of its {freeBlockLimit} block storage limit ({utilizationPercentage}).",values:{usedBlocks:ee(e,t),freeBlockLimit:i.default.pricing.team_free.spaceBlockLimit,utilizationPercentage:o.createElement(h.FormattedNumber,{value:re(e,t),style:"percent",maximumSignificantDigits:2,maximumFractionDigits:0})}})},oe=function(e){return"unsubscribed_admin"===e.type||"unsubscribed_member"===e.type||"subscribed_admin"===e.type?e.accountBalance:0},ie=function(e,t,r){const n=t.getPlanType();if(j(r))switch(n){case"team":return o.createElement(o.Fragment,null,o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.teamTrialMessage",defaultMessage:"This workspace is on a free trial of the Team Plan with a block storage limit.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),r=0;rPersonal Plan. Upgrade to collaborate with more people using Notion.",values:{bold:function(){for(var e=arguments.length,t=new Array(e),r=0;rPersonal Pro plan was canceled on {cancellationDate} and will expire on {expirationDate}.",values:n});case"personal_education":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.cancellationMessage.personalEducationPlan",defaultMessage:"This workspace’s Personal Pro Education plan was canceled on {cancellationDate} and will expire on {expirationDate}.",values:n});case"team":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.cancellationMessage.teamPlan",defaultMessage:"This workspace’s Team plan was canceled on {cancellationDate} and will expire on {expirationDate}.",values:n});case"enterprise":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.cancellationMessage.enterprisePlan",defaultMessage:"This workspace’s Enterprise plan was canceled on {cancellationDate} and will expire on {expirationDate}.",values:n});case"legacy":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.cancellationMessage.legacyPla",defaultMessage:"This workspace’s Legacy plan was canceled on {cancellationDate} and will expire on {expirationDate}.",values:n})}}(d,Object(a.a)(r.canceledAt).format("LL"),Object(a.a)(r.willCancelAt).format("LL"))," ",function(e){switch(e){case"team":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.nextPlan.team",defaultMessage:"After the current plan expires, this workspace will be in a free trial of the Team Plan with a 1,000 block storage limit."});case"personal":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.nextPlan.personal",defaultMessage:"After the current plan expires, this workspace will be on the Personal Plan."});default:return}}(n));if("subscribed_admin"===r.type){const e=Object(s.b)({amount:r.planAmount*r.quantity,currency:"dollar",intl:O.default.getIntl()}),n=Object(s.b)({amount:Math.max(0,r.nextInvoiceAmount||0),currency:"dollar",intl:O.default.getIntl()}),i=function(e,t,r,n){const i={bold:function(){for(var e=arguments.length,t=new Array(e),r=0;r{planCharge} per month and will renew on {renewalDate}.} other {This workspace’s Personal Pro Plan is set to {planCharge} per year and will renew on {renewalDate}.}}",description:"Example: 'This workspace’s Personal Pro Plan is set to $10 per month and will renew on April 1, 2020.'",values:i});case"personal_education":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionNextChargeMessage.personalEducationPlan",defaultMessage:"{planInterval, select, month {This workspace’s Personal Pro (Education) plan is set to {planCharge} per month and will renew on {renewalDate}.} other {This workspace’s Personal Pro (Education) plan is set to {planCharge} per year and will renew on {renewalDate}.}}",description:"Example: 'This workspace’s Personal Pro (Education) plan is set to $10 per month and will renew on April 1, 2020.'",values:i});case"team":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionNextChargeMessage.teamPlan",defaultMessage:"{planInterval, select, month {This workspace’s Team Plan is set to {planCharge} per month and will renew on {renewalDate}.} other {This workspace’s Team Plan is set to {planCharge} per year and will renew on {renewalDate}.}}",description:"Example: 'This workspace’s Team Plan is set to $10 per month and will renew on April 1, 2020.'",values:i});case"enterprise":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionNextChargeMessage.enterprisePlan",defaultMessage:"{planInterval, select, month {This workspace’s Enterprise Plan is set to {planCharge} per month and will renew on {renewalDate}.} other {This workspace’s Enterprise Plan is set to {planCharge} per year and will renew on {renewalDate}.}}",description:"Example: 'This workspace’s Enterprise Plan is set to $10 per month and will renew on April 1, 2020.'",values:i});case"legacy":return o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionNextChargeMessage.legacyPlan",defaultMessage:"{planInterval, select, month {This workspace’s Legacy Plan is set to {planCharge} per month and will renew on {renewalDate}.} other {This workspace’s Legacy Plan is set to {planCharge} per year and will renew on {renewalDate}.}}",description:"Example: 'This workspace’s Legacy Plan is set to $10 per month and will renew on April 1, 2020.'",values:i})}}(d,e,r.interval,Object(a.a)(r.periodEnd).format("LL")),c=t.id,u=o.createElement(h.FormattedMessage,{id:"subscriptionSettings.subscriptionStatus.upcomingInvoiceLink",defaultMessage:"View upcoming invoice",values:{upcominginvoicelink:function(){for(var e=arguments.length,t=new Array(e),r=0;rYearly – {yearlySavingsPercent} off",description:"Yearly billing option for Notion, which lets users save some money compared to the monthly option. {yearlySavingsPercent} has already been formatted with the % sign.",values:{pre:function(){for(var e=arguments.length,t=new Array(e),r=0;r{let{id:r,title:n,caption:i}=t;const a={charge_automatically:e.handleUseCardClick,send_invoice:e.handleSendInvoiceClick}[r];return o.createElement(w,{key:r,title:n,caption:i,isSelected:e.currentBillingType===r,onClick:a})}),e.hasExistingCreditCard&&o.createElement(k.a,{isGray:!0,isLarge:!0,onClick:e.handleCardUpdateClick,style:{marginBottom:18,marginLeft:-8}},o.createElement(h.FormattedMessage,{id:"spaceSubscriptionBilling.changePaymentMethod.changeCardButton.label",defaultMessage:"Change card"})))},pe=function(e){return e===i.default.pricing.personal.productId?"personal":e===i.default.pricing.student.productId?"personal_education":e===i.default.pricing.team.productId?"team":e===i.default.pricing.enterprise.productId?"enterprise":"legacy"}},D2XV:function(e,t,r){"use strict";r.d(t,"d",(function(){return c})),r.d(t,"e",(function(){return d})),r.d(t,"b",(function(){return u})),r.d(t,"c",(function(){return p})),r.d(t,"w",(function(){return h})),r.d(t,"t",(function(){return m})),r.d(t,"q",(function(){return g})),r.d(t,"v",(function(){return f})),r.d(t,"a",(function(){return b})),r.d(t,"x",(function(){return y})),r.d(t,"X",(function(){return v})),r.d(t,"R",(function(){return w})),r.d(t,"T",(function(){return k})),r.d(t,"S",(function(){return M})),r.d(t,"j",(function(){return O})),r.d(t,"k",(function(){return E})),r.d(t,"Q",(function(){return C})),r.d(t,"G",(function(){return P})),r.d(t,"L",(function(){return T})),r.d(t,"V",(function(){return j})),r.d(t,"y",(function(){return x})),r.d(t,"z",(function(){return I})),r.d(t,"fb",(function(){return D})),r.d(t,"m",(function(){return _})),r.d(t,"U",(function(){return A})),r.d(t,"cb",(function(){return R})),r.d(t,"eb",(function(){return N})),r.d(t,"db",(function(){return V})),r.d(t,"bb",(function(){return Y})),r.d(t,"ib",(function(){return q})),r.d(t,"hb",(function(){return H})),r.d(t,"jb",(function(){return G})),r.d(t,"W",(function(){return K})),r.d(t,"ab",(function(){return Z})),r.d(t,"n",(function(){return J})),r.d(t,"r",(function(){return Q})),r.d(t,"o",(function(){return $})),r.d(t,"s",(function(){return ee})),r.d(t,"Z",(function(){return te})),r.d(t,"Y",(function(){return re})),r.d(t,"A",(function(){return ne})),r.d(t,"B",(function(){return oe})),r.d(t,"N",(function(){return ie})),r.d(t,"D",(function(){return ae})),r.d(t,"O",(function(){return se})),r.d(t,"M",(function(){return ce})),r.d(t,"u",(function(){return de})),r.d(t,"p",(function(){return ue})),r.d(t,"F",(function(){return pe})),r.d(t,"I",(function(){return he})),r.d(t,"J",(function(){return me})),r.d(t,"gb",(function(){return fe})),r.d(t,"h",(function(){return be})),r.d(t,"g",(function(){return ye})),r.d(t,"l",(function(){return ve})),r.d(t,"f",(function(){return Se})),r.d(t,"K",(function(){return we})),r.d(t,"C",(function(){return ke})),r.d(t,"H",(function(){return Me})),r.d(t,"E",(function(){return Oe})),r.d(t,"kb",(function(){return Ee})),r.d(t,"P",(function(){return Ce})),r.d(t,"i",(function(){return Pe}));r("ioFf"),r("rGqo"),r("KKXr");var n=r("LvDl"),o=r("hfHo"),i=r("J9+s");function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t"daterange"===e.type,k=e=>"datetimerange"===e.type;function M(e){return!S[e.unit]}function O(e){return M(e)?e:{unit:"day",value:0,time:h}}function E(e){return M(e)&&0===e.value?{unit:"minute",value:0}:e}function C(){return Object(o.a)("1990-12-28").format("L").startsWith("28")}function P(e){if(w(t=e)||k(t)){const t=pe(e,_);return function(e){return void 0!==e.end&&e.end.isSameOrAfter(e.start)}(t)?t:void 0}var t;return pe(e,_)}function T(e,t){if("date"===e.type||"daterange"===e.type){if(!e.reminder)return;const{unit:r,value:n,time:i}=e.reminder;return o.a.tz("".concat(e.start_date," ").concat(i),"".concat(R," ").concat(N),V,!0,t).subtract(n,r)}{if(!e.reminder)return;const{unit:r,value:n}=e.reminder;return pe(e,t).start.subtract(n,r)}}function j(e,t){const r=function(e,t){const r=T(e,t);if(r)return r.valueOf()-Object(o.a)().valueOf()}(e,t);return void 0!==r&&r<=0}function x(e,t,r){return"date"===e.type?ne(e,t).locale(r.locale).format("LL"):"datetime"===e.type?oe(e).locale(r.locale).format("LLL"):"daterange"===e.type?[ne(ie(e),t).locale(r.locale).format("LL"),ne(ae(e),t).locale(r.locale).format("LL")].join(" → "):[oe(se(e)).locale(r.locale).format("LL"),oe(le(e)).locale(r.locale).format("LL")].join(" → ")}function I(e,t){const r=pe(e,t);if(r.end)return o.a.duration(r.end.valueOf()-r.start.valueOf()).humanize()}const D=function(e,t,r,n){return Boolean(B(e,t,r)||n&&(B(r,n,e)||B(r,n,t)))},B=function(e,t,r){return r>=e&&r<=t},_=o.a.tz.guess();function A(e){const t=e;return Boolean(t&&t.type&&t.start_date)}const L=["MMMM D YYYY, HH:mm ZZ","YYYY MM DD, HH:mm ZZ","MM DD YYYY, HH:mm ZZ","MMM DD YYYY, HH:mm ZZ","DD MMM YYYY, HH:mm ZZ","MM/DD/YYYY, HH:mm ZZ","MM-DD-YYYY, HH:mm ZZ","M/D/YYYY, HH:mm ZZ","M-D-YYYY, HH:mm ZZ","MM/DD/YY, HH:mm ZZ","MM-DD-YY, HH:mm ZZ","M/D/YY, HH:mm ZZ","M-D-YY, HH:mm ZZ","D MMM YY, HH:mm ZZ","D/MMM/YY, HH:mm ZZ","D-MMM-YY, HH:mm ZZ","MMMM D YYYY, HH:mm","YYYY MM DD, HH:mm","MM DD YYYY, HH:mm","MMM DD YYYY, HH:mm","DD MMM YYYY, HH:mm","MM/DD/YYYY, HH:mm","MM-DD-YYYY, HH:mm","M/D/YYYY, HH:mm","M-D-YYYY, HH:mm","MM/DD/YY, HH:mm","MM-DD-YY, HH:mm","M/D/YY, HH:mm","M-D-YY, HH:mm","D MMM YY, HH:mm","D/MMM/YY, HH:mm","D-MMM-YY, HH:mm","D MMM YYYY, HH:mm","D/MMM/YYYY, HH:mm","D-MMM-YYYY, HH:mm"],F=["MMMM D YYYY","YYYY MM DD","MM DD YYYY","MMM DD YYYY","DD MMM YYYY","MM/DD/YYYY","MM-DD-YYYY","M/D/YYYY","M-D-YYYY","MM/DD/YY","MM-DD-YY","M/D/YY","M-D-YY","D MMM YY","D/MMM/YY","D-MMM-YY","D MMM YYYY","D/MMM/YYYY","D-MMM-YYYY"],R="YYYY-MM-DD",N="HH:mm",V="en",U=/(.+) \((.+)\)/;function Y(e){const t=U.exec(e);let r,n;t&&t[1]&&t[2]?(r=t[1],n=t[2]):r=e;const o=r.split("→");if(o[0]&&o[1]){const e=o[0].trim(),t=o[1].trim();if(z(e)&&z(t)){n=n||_;const r=X(e,n),o=X(t,n);if(r&&o){return{type:"datetimerange",start_date:r.date,start_time:r.time,end_date:o.date,end_time:o.time,time_zone:n}}}else{const r=W(e),n=W(t);if(r&&n){return{type:"daterange",start_date:r,end_date:n}}}}else if(o[0]){const e=o[0].trim();if(z(e)){n=n||_;const t=X(e,n);if(t){return{type:"datetime",start_date:t.date,start_time:t.time,time_zone:n}}}else{const t=W(e);if(t){return{type:"date",start_date:t}}}}}function W(e){const t=o.a.tz(e,F,V,!0,_);if(t.isValid())return t.format(R)}function X(e,t){const r=o.a.tz(e,L,V,!0,t);if(r.isValid())return{date:r.format(R),time:r.format(N),timeZone:t}}function z(e){return o.a.tz(e,L,V,!0,_).isValid()}function q(e){const t=o.a.tz(e).format(R);return o.a.tz(t,R,e)}function H(e){return{type:"date",start_date:q(e).format("YYYY-MM-DD")}}function G(e){return{type:"date",start_date:q(e).add(1,"day").format(R)}}function K(e){return{type:"date",start_date:o.a.tz(e).subtract(1,"week").format(R)}}function Z(e){const t=o.a.tz(e);return{type:"datetime",start_date:t.format(R),start_time:t.format(N),time_zone:e}}function J(e,t){return{type:"date",start_date:o.a.tz(e,t).format(R)}}function Q(e,t){const r=o.a.tz(e,t||_);return{type:"datetime",start_date:r.format(R),start_time:r.format(N),time_zone:t||_}}function $(e,t,r){const n=o.a.tz(e,r),i=o.a.tz(t,r);return{type:"daterange",start_date:n.format(R),end_date:i.format(R)}}function ee(e,t,r){const n=o.a.tz(e,r||_),i=o.a.tz(t,r||_);return{type:"datetimerange",start_date:n.format(R),start_time:n.format(N),end_date:i.format(R),end_time:i.format(N),time_zone:r||_}}function te(e,t,r){const n=pe(e,r),o=pe(t,r);return n.start.valueOf()