Start connecting state logic

developmentseed · Feb 5, 2024 · 70933dd · 70933dd
1 parent d170bef
commit 70933dd
Show file tree

Hide file tree

Showing 4 changed files with 162 additions and 8 deletions.
diff --git a/app/assets/scripts/components/project/prime-panel/tabs/predict/mosaic-selector/index.js b/app/assets/scripts/components/project/prime-panel/tabs/predict/mosaic-selector/index.js
@@ -72,6 +72,7 @@ const MosaicOption = styled(Option)`
 `;
 
 export function MosaicSelector() {
+  const actorRef = ProjectMachineContext.useActorRef();
   const [showModal, setShowModal] = useState(false);
 
   const sessionMode = ProjectMachineContext.useSelector(selectors.sessionMode);
@@ -157,13 +158,13 @@ export function MosaicSelector() {
               .map((t) => (
                 <MosaicOption
                   key={t.id}
-                  // disabled={disabled}
-                  // onClick={async () => {
-                  //   actorRef.send({
-                  //     type: 'Apply timeframe',
-                  //     data: { timeframe: { ...t } },
-                  //   });
-                  // }}
+                  disabled={disabled}
+                  onClick={async () => {
+                    actorRef.send({
+                      type: 'Apply timeframe',
+                      data: { timeframe: { ...t } },
+                    });
+                  }}
                 >
                   <Heading size='xsmall'>{t.label}</Heading>
                 </MosaicOption>

diff --git a/app/assets/scripts/fsm/project/actions.js b/app/assets/scripts/fsm/project/actions.js
@@ -454,6 +454,12 @@ export const actions = {
       disabled: false,
     },
   })),
+  enterApplyTimeframe: assign(() => ({
+    sessionStatusMessage: 'Applying timeframe',
+    globalLoading: {
+      disabled: false,
+    },
+  })),
   exitRetrainMode: assign((context) => {
     const { freehandDraw, polygonDraw } = context.mapRef;
 

diff --git a/app/assets/scripts/fsm/project/machine.js b/app/assets/scripts/fsm/project/machine.js
@@ -6,7 +6,7 @@ import { SESSION_MODES } from './constants';
 
 export const projectMachine = createMachine(
   {
-    /** @xstate-layout N4IgpgJg5mDOIC5QAcBOB7AVmAxgFwFoBbAQxwAsBLAOzADoAFEmAAkthaPQFdq9IAxACU46ADYA3MCxLc85MH0o4SeSumoBtAAwBdRCnSxKajQZAAPRAQCMNgMwB2OnYCcAVkcAOLwDYnvl7uADQgAJ6INv50jo6uAEwevq7JTu4ALAC+maFoWLiEpBQ09Eys7CyoYCQQYQI6+kggyEYm6tTmVgi2dvF06Tbu2jZ+2unu7l6hEQgOrl50vgPa9qtj2omu2bkY2PjEZFS0jMzSFVU1dZo2jYbGph1NXQSO2r794-O+vo7x6Yn2aaRdLadz9SbxXzxOLxeITdzbZq7AoHYrHMpnDgXWr1eK3ZqtB6dazJd4JcbaDZDH7aVxA2buRKLdJedLpezuXwOeL2RF5PaFQ4lOgAYQUOAA1jQoGwAGYsbiwMCoNgcWTyRRqFT8CD1PTmFr3drE7q9bR0DIgt7aIK+Cb09lg-yM62+UEg3k5JH5fZFI70MW4KXUGWUeWK5WqmRyBRKbWCa74w1tMxPaxeRxgmzpO1xV7Q9yrB0cxYc+Ku90rPnI31C44AUT4yulLFoAHcWPyCq2SEQwAIAMpgPCdmsj6i9sANA2E41p012MHuOx2ynfbSOGz0myOcb9G3L4Y2Vz2KJZL1d2to+gAETAspKLAfqFgI4AggB5ACSAgYVVgSoQAqyBiOgNQsJ+X4sAARnIeAaNOTTJkS862F48Q2HQ9hjPY6SOPYXgbIEUzhJErhxBamYYbEJ7uK4DjVj6grXnQd4PrQT6UC+77fr+-6ASwECoCQHbPq+EHfjBcEIfqSGzqmoDPNhUR0MMQxeK4bI2GMW6kQgqw7qp9hwqe2YaZmjECqi-qihcaghpwJDIAIACyTlRjgdmQIhdwpo8inWHYG4uAMyTLqsBaAnpJ7mmMbppJyEz+JZKJ+sKADqJBtA5sroCqQnMCweUsCo1A4GAYiue5XARhA6Btlosm+ShAXdKedEuAkNqZgRDicvSuGcnQPicr8fhaU4KVXjZmXZTKuX5cJMrFaV5WVX+cACatFUSVBBUdrBeDwY1Sbyf5ljWOWfilh4rgrFC9jfAN-yYXdrLzG86GeOeOxMdZGVZfZ83FQVy0qtt638ZAJUkGVO2QYJwkHdJWg3DORoKRd3RXa4ql-CsOZsgkj0DRM9gxPh6nrg4bxTcxNk3kjLYI9BYSI8wUDSlVyCcDwSpcFIPkEhj51KRmzj-Cyp6UqFbIDXCfQ7vEGl3YygQZHT-3HIzInM5JrPs1AnMhtzvMRtwyBC8hc6tQQATk-RbrExhdrQvSkKvHQjtfDmV1spraXa0zDks2zoPG1AfGbdDEO7ezyNHTJp0iyaduFgs8y4UshOQr4A0OO8nzHoksRBI4vgB3W9AAGI0Ow5CCfedch-rPDUBAsACHVxw0BI6ASvQl708KtfUPXjfsXrUHQW3HcIL36Dau0DRW2dqc8pCMQ8myX3eIu7s+LjGT0YWIJun8nq-VZgc18OFBsGPagkGIgmqCQXcaPQC8D3QQ9a7feB751yfi-CAb957UD7kvJOq8U6oV6OTTk6Q7qUj+IMSE9J8wxEXA9csyRWSVxYtXO+DdgGUGfq-PA79lQYFQL-MQqgFpEF-mOf+dBiGANIY-choDwEL2gSdWBflU4aXSHQcs9EEg8nsF1EiMxJiYQwo9WIKxyLly8IQmyG0IDKAeJUaoOI-yUD7FJRO1BRzRwgEIlqWNBoLA2MrcK5FCJuz0jI2k4jWTlhkd8PwhZNHCm0bo9o+jLhRwAtDC2oFwIsxRtYm2tidxiM8MZP4-gNK0gGhmcmtJ5iOmzK8fxF5WE30YFUHR+AQnYjqCIAAjtwOAPE9oVWHFOJqwthHzicJha03guTIKGG8B0KRzSDEmHmcuiQAnonKcEjQoTDFQyAu2OOh1jrxMxl0ZWBFKJ0Szsgj2Dpsx9EhHFLwBdszTNKLMyp8zqnCDAPUxp0MEawDbCYCgGzRaIFWAMLC7I2TtSWARI5KQvZvBkfhfwCQK7FL+qUoJtzzH3LqQ018LzJKwHICQKoLAACqQgAAyXyTQgkzC4H4cJ5i3X6npQZTp5hjShPRDRcLr5VzKZAOZyKDF1AHO8zhJVuCoCqHwB+r5YblRYHgMIyA2nJ06a1M+mEJgnliMrAuGRizQn6GkV4-xXC3SuZyipej7kACFVD3zQFypFJV0BEBAq0qx7TrabMQGfMErxyIJA0iXEIekibmm2Rhc5YVPDGsRWa3lg4BX33gvovAwkaC8wgPK9GiqsbLjZBaSF3S7ARQdNaYayxDWrkmmy1KHKo1VJjW+ZAIE2YUCDC0GgeASVdKCH0Skmkcy-AGIaqKMwnBOCMqeQ1x4nCZ0jTc6NYSXJGCyjgFgbYSAcCVGIAo3lXVry6RMc0xMvDYWohpZ6lJ-mfENfuxkxrGz8BVDa01VTeB6gVTYroe8XCZiPMsfpQ7EBwjsIsDcwxvAbFPEe29TYH2zufdQeoaM5JwNap+ncQw7C-uzP+hAkIMhYVwuhf4lJXgZig-eixT67kvs0HiDN77ECoe-Rh7Sf73afq+OXb4dFvC4WNSKOyU8P490gf3QeJSOX8eqEDXaECoGqGXnoDtrVsyFlUiyOInJBrYWw9CJYWEeqMjwlyBElbprCjfJUiQ8mHI0AlXDJ8xVH3coEF+agdmpXnF4GPEMSmsbHjtBaF2PqPo5jpHpaEJ4vYUg3MZF6PhjUWbUFZ6TtmqH2YWhR5zrn3OYgWWEXzWyFbiOVtI340IojuxSM4WIDhfjDHZLuBLlnrOhjc2lqVGWnNIpc21yV0gyBJfk-M7FHBZRZU3S6t9CSug7juvuKEGRtLKTzuF1V4jvhRAIkEFYjhjVCC8y2LrDwBCSdUNDVLfWV1gGgrAReA9207uQ1jKluN0LYSWEeuiEL3YEfEZMEEOZOSaRsHtg7DkjvtAEFwNNlUJV4EVPo8qlApCTbo9NgDUJzSmWhH4P4GkdwHx5GpwYwwOPxFB9QbzMoIcaAeUjlHJVxQSlbXwArGOdVUUCCeDCsIVhsbhIscK0JYSJD8Kyq+VaWL7cp4d2DtORD05jkzlnI4xDsAe1N91OHjOqWzGuQsYUizhe3hTG0UQYSaS2KZ4exxpdU8y91hXYBkfQzUH2WUwk+xs+16eFwy4bBwjZJ4Cr4X-BiL+IkDcrsA9wgp-bmn8Gncu6Agn0c6AoD8W91S5wvVuNoKGI4d26cXBoeQT8dkSi4+y9tcdt8M9UAjjWfMm1ETUdIczVshbzJYgEQio9Pw7s2TmlPoEKEbpQRjCr+DuX8Ga3DbXU+cb27NffJw-RZJvzgf3WUaTQYw083UW0hMH63p2VS7B9TmfUdKPIt4CuhfJB686izxk-oPgNzlyIyO-OHUOQ7y5KCD4CDtbmwnbtXjftftypUHfquhwDgA6k6s-o9h3gBu-pRKCD8EEDuBsOkANMZM4D8IaoRDaMkKCJfKfpLjZKdtJkPEJl-CJj-H-KUtQbLkxLJovENoIsgfRrMOWJhMCsRJpE7CCuFiyPYnaLhLdP2gRMaoSmBEBAwvwOJJBK+mjlrnEGIiCP9oWB4MeHhNuOyJhGyJsMMJsB4OTiAaUnIeBIoY0rtAhiviaByOaIRldLaMuLnNuFCGIvgvhN1JuDIZYRytYQoWdsobxDRo4V0uTNkskIauSARLCNuN+lhP9sZAkHEJpOQUwRygAGrPyUBgL8DxzmIqHe52xOALCsi-C7jaaJAE56SDD-DDSnL0QrDGTm7Gr5Fq5FHSD7SlERGIbNTo5tSPQnKQgjDET97YZRBE7eDLiSIsjLji4UFmbazsAgQkBhAthRLyFxzQ7PwCB4ogTyHQxWY9FxwPibrlHHjzClgsjDAyIFJHqD7ZjiKDQsZ9p+LGo3gbEMLbEOS7ExKSQHGVQiigRKjATRJAQIygk3EeFewyIyLoS0i9S4GiHJCqSZhDBLEeBsi7ZBEsS-GwCbEAkyhAkwkgnoBgJgkQnSAUn7HUnPyJhqGr62BiH4YTBRBUg8ZF7RBEzsiESlz4l7b3j-gNwIyErq6qHt48EEA67eDoR9SaSZhFo5oHLzAjArCMhFIS5rH0AiAe5wASmSRSmvgOGsmpxcjOA9p0QDChp4TonDonzAbl6Zy7jnIn45EsT1gWBzSI5pZQCbpxz7Spr9jlFoLvDfBQgao7i-Luyj5qZ-CanZjHLZHiYsQigaAPhQDCotgrIqELqwBLr37rotL4DL6WmoQuxgggh+LJk5hLCF6BrHjOBfa4RRD+CPTAF6k24BjZmUC5moD5lgAdgqFfikAwCoBsy3bCoeZlmboVlt7DFa4ECbCYTYQeHc4aRchHKTAxC0irgngEYrHelUEDlDkjljm8QLow5RgbpbrLkdJykmH6Y5gFw+CbgbgOieC1l7zDCsjjDIJ8YXl5kOQFm8SorPKUlQRvIfLkARmFixTYQOJPHnLfktkZgl71EeF-BxAgXUA5lgUygQU-hQXhHNKbr8ARklaLDKz4Trn-ZFq-ClhlZjBgaeCnkZnnmEWDnEWtijn2FGImJN7mIt6AQ0VE7Qixbj6gh-BHIlgB6BBUjImQgEVEXDngWCUqEbSt5Ql7GxJmI3FHouHpETDoUqlOk-KsjkyrC1FLDHwMSEk8UaVXn2H8rwVCoiqajirtbSAypyoRlEFYRxmza7jjD+AOjoR9B4SnjqaxYVq9lsL1qNothgB+mviCbdz0F9yMHcXmYNpiBkksDpXq5TzsECIrzcEjFrnLH9BQitk8gaFLA-mjrWg2gYS0gFImZJWlJ3hUVpUZXSYqHZV0Dfxibwocr9XDiDVlUtxfgVWcFVVRG2zaTIIhWTCrBHomRwgOiwiFyR5fT-5cWTVS6PJoo6ghktL8AykrlslRD0QhQfmFipmghqlZisgbBjIZJ+CilPLoowWNxUXhlDHPk1VRDXTnKAWAXkS1Z7U6o7gFzeD4QYZ8YCbzUsBYo4rSAEqEp0FjUMETVn5UHo0yivLYq4q42LUPDLVVlKpLZYTbUPW47zAOi-BHy3FHqTEeBo1SZTyY0U041EoCA0J5T0KMJ5TMJnnCgsEY1Y2U1ErU0Ka6De4giGrDRHpAFXQcgrYzDvlRkfbkSQrkSwq9UcoiBKgjj9H2HlHGSrDDRBSSJRDZhhYzB-B-KUyY4EZ4XpmnUMx-FbFxzY0kCpoUI6LPzp4PISoN7xwtiiUWKt623-A56aaESLgrBBDbisiYS7gYGe12BRA-EB1swIzB2h2gI8KR1-iLxgDQzx3iWVmyk1XvZOjsVbUeAkbJF4SqTfCVFuiqrGTGoDhUIN7gHObe4jDXSDB2jnJSKBD5ysj7jSUlZDCwgElm0sTD04o0FX4slN1a7HgeLl4ZBIJ4SFh4GPWMgBBi6vAbgnXE3CjkWN5WoNwJ743jUsJ+2P3nV2HQQv0O4PBK0wLVVa6xYLB4Ral4JqzjB7W-5SGaRwipCilJpZQ8phIeWCoJpHZhmq0xkWiG64TQj5gDRSKLBEEArHgRrOXf0oMpr3JDgjhVC0PmKkA8zQ7pr72r7LiqYAE+CEQERjDxDFjYQhROAelJDHjIPJpoM4hvgQBARMPSOY29hOre7LhQj76AqTArAkEOhcg51KV8MQinhSOoN5aDjDiJpKMDYu4lQMIARqNmTgrlzcmB5OAOgQPDQxTdJbbcOmN0MxrHG9FWNmM4D2ProqObqwCOObzYTILoSemxABp63lxggdnaSUiPRGrUO27DhKP0NxoNw4DCqiojgXb2YBUcN3UmgeFkiUoFJakJCgrmg1F+Cw2CH+MyM1J5NmNVD-VIErVZopBpMGrIIpDILZhZIOAUzlj4RxNH6m2rF9l0AiDMPmNP0YqwWC34pEqq13Th6r0yIRUeEkP7nLhxA+DIL1a+0P25PMNcxJ4M6KOoMCB5AZ6bTe74QshfoaRxN93NnyI7ZYSolX0mU3o5MGk9PNyRyPPQzPM0ACDwGOrA2fNZy6r4T9q1EpBRWbgWimGcifT4KdNczsOw5ULw5Yi4DO4o6otch4wbhrU-B0RCOBqvDkwsglYjAjLjDEsmywtATNqSgq60vgOTB3QekZCJA-mqbcsF0eCfm8swtUvJ6M4troBtosBq6viosTBbw-pEz9L0jLFghQ0sjZjjCnix4QsrNQtU507Uuu7GJimTiou4tBDcM-BOwnh7U5hkN0SEQnjaQELWurPSMPPKsM6p5vOZ4gOr5zP2LixcaLgkyBqghgjlibDl4ETAqKsCB155SMO8CfNq2BaxHKx3QODFiaScndQjRmu5uhtmMjYlUip5SN3VPzgOWKw7i-Bc5YbYZ4TeCeKZiUrA52gNu2vQHmKwH2rIvOre5LAqTeBpKET92MgeMrBexOxYF4XnK5v5tyCmLHQJ0SWxsmjAqaGMhzNvB456PNFESUiWiw1BBNaDYpa9Zww9Y5ZRioAX7lE5jkxujLC47uHJORCcZ-abiqqzMB5en5XHCJbI4ta+V9YnbK7qtioztOQgSUDttg2rlmuLB+BgaSIZgDDbiTH1X0SPSfDZv32UHmbNbvs5Zft+U-u8oRnOAFosoYSalrAAuRACPiIQ3zCnw7ikbWuIfJYtjlPlSseXY2PSfz6jZL5PlupslDC656FniFicYeDbgSLrZlw-DaRqpW4b02QpVFUtiCvM4Yd4D2squ2cq6vMYDvMONnvzj-BE42iGrqKeCZN4HDDiL-DOFHn7MJaFXFXOf2dodqsatYeFW4dqe7pKqzNRZcj953QchyI-IYtjpPFToDA9lLNsIhEthcDFnKDv2E2f23P0DlcOSVdLpANcGDNdBFdezQihRHpuiAVnqvRjCieZgZIWSIjUDUlwAGjwdgB01Yx2wJC1l47Sw6TZz0gVHgg2jIJshdkTCRqnBRg1RNgQBzfPAF19C4S0gMvDD65GvkxQpAWvC-CI09WlcIoHfnC8qneBSDAOzkQSLeGu2RA2iAdcgd3Kyyz0f6mihM4yfhhKgqgVDqixhahnYnecOpx2C4veGJPZj6NBdYQXxX2SEg9kbNhaUdhDw9h9jfcLjfPnLoZUgsjM-bhDAOw4G6cwrlzmdvfm1cpVD4DSroBp4Chp5XHSDICnC0-ynGRYTqxCl+AjAjDCP6ZQj5iMp9Q-FNwcRiRNLS8Fr3cdnA7jMwONHDNdfu1CFIIlfS3HCy0yisP68ZNv79s0QxksszCfXDQ4mcj+AyzxbWuzTSYZagxFTgx9ZiDS-SXOAIPT08gfa60-KJDvAG6Cn4z4Q8+2+3jBxk36xhxLQRzS8CMLAETsjxQHLSX5z08MV4TrAJXGqjzjxpqTwY0zy8AdxR862dRHPfqfmD4gjraLYKxaEN8kIPxtBh1vxO9tXHm-NkqzFGtDRKLFc1b7M28zcmpQHVK08jp9AwrSLdLnK7WpsdTxG7hvR+fr9f0NjQYANwa0+Fhgg7acVSLjQCf6TfC4zOEjRXrkjr28+ZlSau0Wnuaz6DKVVY0ZaegmTeLDBKUQwFIHaHHaScmOMnD9h1kcwz4QB2SFwARgHTMpE+a+QiOtjkqJFVYU+S-DXgSTqcTQ9Fc0FCAzAHgmW8xSrEQOTod1aQweTPhv3t4i8CgtPD6KpC5IkZnEd9QfNdBo5fQyYNIV7lnzoAhFNWYRPXhjy6Q2g-s6CQwn8GWLbgZEfQV4EBx0jUcrWFnYUN0UKJnYSiwA5QbbCcB7gmqtRXTl9RmIZBh8n-PMOpCPQ3MGO6xEkv8R2InFgSUEUEvry+jDR+0TZDFtSB+yPQvYnpN4MIXQiikjSWKOOGaTwDS8MwS4DIF2gP6Owi0AWJUsR0cROAeQt6P0tJgF6BlgyCMUMuwyj6506K4wKFIRH+BQgEy3zd0LxxNoFx1KfFTSiRW0rfgo+v5fcPWW27fB9CbiRbsCyCDbUysdgKHssys7FVSqmVeakMIFx3QeQhYJEksWLCqZA8AXJWLRC14DUHIKw4aoMKsHzcA8RAu6FyC8S30IQe1YLgakGAqJKQCw0Aj-QBpXVgac3eCMgA9QbgwBaCMDAy08ChBN0soNIdjHYpYlOK2pciOMlCAzxE4RAD1AHjoGgjiCUHZssOSgDkAYRtgDIvCLAwcgkRGYUIO8ggDyBIg5YUIAoEHKEiPUJEZ4OWG7obgER5Ikbu-zJQgiBgYI3EbzWQ7k1saOzQlLTwaxiIRgWQ7Ia0MDQpBcYszc+AHmdpwdr+kLS2hYMghF8AUcvN4cfTxIEDJ0PhUkOMHMr+si6PgwOqXQuDl1BIldKALqKZAZEy0bRDCFqkaK-BEE6vEuCQUHrWst6o9afJQMxjUD5woAmIKIm3jKxWQBA9qGIiyJnxYghMVYH9QuowR-6CeLAbq08CbguWjIaGqTGujlwP82w4gv7BDaTtt+VwroBkBLC6EJgpyWem9TcTnJyYi4SYMfBMqLNZBjbaFrT3VjBo8eHgj4bEAGi-AGUK4RIIDg+GvskOzHPykX1UEqwuQsIZoWhm0EURNwPITssVyRKRdUqDkGLm2klGwDFgzKHbk7ADzv8OQe+c0ZmAGTRkqw1rRrg70XTKB-h6AQEfpESAxUDkeEQ1Fd3HEgAoRMIrJgQVwgAcWhonKKKiPgjoj9Il3D4H-yAnis8RTI8Ceckgk7dCG+Cc+iAGpG0jeC2gBkc7gJEwiWQoQDrskBwnQTIQsE+WAkBQl4U0JH+bINkCAA */
+    /** @xstate-layout N4IgpgJg5mDOIC5QAcBOB7AVmAxgFwFoBbAQxwAsBLAOzADoAFEmAAkthaPQFdq9IAxACU46ADYA3MCxLc85MH0o4SeSumoBtAAwBdRCnSxKajQZAAPRAQCMNgMwB2OnYCcAVkcAOLwDYnvl7uADQgAJ6INv50jo6uAEwevq7JTu4ALAC+maFoWLiEpBQ09Eys7CyoYCQQYQI6+kggyEYm6tTmVgi2dvF06Tbu2jZ+2unu7l6hEQgOrl50vgPa9qtj2omu2bkY2PjEZFS0jMzSFVU1dZo2jYbGph1NXQSO2r794-O+vo7x6Yn2aaRdLadz9SbxXzxOLxeITdzbZq7AoHYrHMpnDgXWr1eK3ZqtB6dazJd4JcbaDZDH7aVxA2buRKLdJedLpezuXwOeL2RF5PaFQ4lOgAYQUOAA1jQoGwAGYsbiwMCoNgcWTyRRqFT8CD1PTmFr3drE7q9bR0DIgt7aIK+Cb09lg-yM62+UEg3k5JH5fZFI70MW4KXUGWUeWK5WqmRyBRKbWCa74w1tMxPaxeRxgmzpO1xV7Q9yrB0cxYc+Ku90rPnI31C44AUT4yulLFoAHcWPyCq2SEQwAIAMpgPCdmsj6i9sANA2E41p012MHuOx2ynfbSOGz0myOcb9G3L4Y2Vz2KJZL1d2to+gAETAspKLAfqFgI4AggB5ACSAgYVVgSoQAqyBiOgNQsJ+X4sAARnIeAaNOTTJkS862F48Q2HQ9hjPY6SOPYXgbIEUzhJErhxBamYYbEJ7uK4DjVj6grXnQd4PrQT6UC+77fr+-6ASwECoCQHbPq+EHfjBcEIfqSGzqmoDPNhUR0MMQxeK4bI2GMW6kQgqw7qp9hwqe2YaZmjECqi-qihcaghpwJDIAIACyTlRjgdmQIhdwpo8inWHYG4uAMyTLqsBaAnpJ7mmMbppJyEz+JZKJ+sKADqJBtA5sroCqQnMCweUsCo1A4GAYiue5XARhA6Btlosm+ShAXdKedEuAkNqZgRDicvSuGcnQPicr8fhaU4KVXjZmXZTKuX5cJMrFaV5WVX+cACatFUSVBBUdrBeDwY1Sbyf5ljWOWfilh4rgrFC9jfAN-yYXdrLzG86GeOeOxMdZGVZfZ83FQVy0qtt638ZAJUkGVO2QYJwkHdJWg3DORoKRd3RXa4ql-CsOZsgkj0DRM9gxPh6nrg4bxTcxNk3kjLYI9BYSI8wUDSlVyCcDwSpcFIPkEhj51KRmzj-Cyp6UqFbIDXCfQ7vEGl3YygQZHT-3HIzInM5JrPs1AnMhtzvMRtwyBC8hc6tQQATk-RbrExhdrQvSkKvHQjtfDmV1spraXa0zDks2zoPG1AfGbdDEO7ezyNHTJp0iyaduFgs8y4UshOQr4A0OO8nzHoksRBI4vgB3W9AAGI0Ow5CCfedch-rPDUBAsACHVxw0BI6ASvQl708KtfUPXjfsXrUHQW3HcIL36Dau0DRW2dqc8pCMQ8myX3eIu7s+LjGT0YWIJun8nq-VZgc18OFBsGPagkGIgmqCQXcaPQC8D3QQ9a7feB751yfi-CAb957UD7kvJOq8U6oV6OTTk6Q7qUj+IMSE9J8wxEXA9csyRWSVxYtXO+DdgGUGfq-PA79lQYFQL-MQqgFpEF-mOf+dBiGANIY-choDwEL2gSdWBflU4aXSHQcs9EEg8nsF1EiMxJiYQwo9WIKxyLly8IQmyG0IDKAeJUaoOI-yUD7FJRO1BRzRwgEIlqWNBoLA2MrcK5FCJuz0jI2k4jWTlhkd8PwhZNHCm0bo9o+jLhRwAtDC2oFwIsxRtYm2tidxiM8MZP4-gNK0gGhmcmtJ5iOmzK8fxF5WE30YFUHR+AQnYjqCIAAjtwOAPE9oVWHFOJqwthHzicJha03guTIKGG8B0KRzSDEmHmcuiQAnonKcEjQoTDFQyAu2OOh1jrxMxl0ZWBFKJ0Szsgj2Dpsx9EhHFLwBdszTNKLMyp8zqnCDAPUxp0MEawDbCYCgGzRaIFWAMLC7I2TtSWARI5KQvZvBkfhfwCQK7FL+qUoJtzzH3LqQ018LzJKwHICQKoLAACqQgAAyXyTQgkzC4H4cJ5i3X6npQZTp5hjShPRDRcLr5VzKZAOZyKDF1AHO8zhJVuCoCqHwB+r5YblRYHgMIyA2nJ06a1M+mEJgnliMrAuGRizQn6GkV4-xXC3SuZyipej7kACFVD3zQFypFJV0BEBAq0qx7TrabMQGfMErxyIJA0iXEIekibmm2Rhc5YVPDGsRWa3lg4BX33gvovAwkaC8wgPK9GiqsZ7MLhvQisRxhy0DVEXGmYhjFoGMgn63p2UsSjVUmNb5kAgTZhQIMLQaB4BJfOHMwUUhxHdLCU8ec3GZlGcXFk5c9mOEjTc6NYSXJGCyjgFgbYSAcCVGIAo3lXVry6YNfoQQPCfA0j8Z6lJ9zHvQkFS5bLUocsbPwFUNrTVVN4HqBVNiuh7xcKOuwyx+lRRmHCOwiwNzDG8BsU8XhL7VrvSxB9kZn3csqG+xMGbP2IG-TuMt2ZtIAfdnaMRvz0L-EpK8DMxqENPtna+6guIP0JK-ecn9OH-3ZkA4gaEzGvjl2+HRbwuFjUijslPD+PdIH90HiUjlwnqhA12hAqBqhl56C7a1bMhZVITqSINbCHGEDQiWFhHqjI8JcgRLe6awo3yVIkMphyNAJVwyfMVJDSKBBfmoE5qV5xeBjxDGprGx47QWhdj6j6OY6R6WhCeL2FINzGRej4Y1Nm1B2fk45qhzmFoWJfRoDzXmss+axLywLWyFbiOVtI340Iojuz7RTBwvxhjsl3Cl2z9nQyFcldIHLbmHgFe89IMgaXlPzOxRwWUWVN0uoY+62Y-b9xQgyNpZSw6gOqvEd8KIBEggrGnZZ4exwhB+ZbP19oAhZOqGhplnrK6wDQVgIvAenad1wNalS3G6FsJLGg3RCF7tcILDhKyOKnJNI2GNSd6g-mZTnfy1wNNlUJV4EVPo8qlApCzfQ4xzjUJzSmS41CFk9FHAHx5FpwYwwePxCh6dhy8O6MiAx1jkq4oJTtr4GVvHOqqKBBPBhWEKx3a-CdOFaEsJEh+FZVfODNloew9y9yh5LOY7s85yOMQ7BXtze+QZ8zqlsxrkLGFIs0Xt4UxtFEGEmktiHbYQrs7NH8vM7AJj6Gag+yymEn2bn+vTwuGXDYOEbJPB1ei-4MRfxEgbldsHuEdOYdO9tQN137ugKM9HOgKA-E-dUucL1fjaChhk+i+nFw2HkE-HZEoxPivGcCDfDPVAI41nzJtRE7Hcl3tY0hHCZksQCIRUen4d2bJzSn0CFCN0oIxh1+T3lujdbxtrqfNN7duuTSJGzBaX5EP7rKNJoMYakLjI7m0hMKtf9SmO4Z87pf9+UPmNXWqZvOo88ZIPXm8upGnD6farjByDvFyKCD4JDvbjfvTnDvflHIvk-iuqvjgA6k6u-m9pmlsj4BPoUj8EEDuBsOkANMZM4D8IaoRDaMkKCDBtfjJiJnfkxGJl-BJj-NQSxFdvJkPIpovGNoImgRhrMOWJhMCsRJpE7CCtFiyPYnaLhLdL8OyDLrBlZscISmBEBAwvwOJJBO+jjvNnEGIiCJMOMDIsuJpKXjMOxphGyJsMMJsB4LThARysoeBGoY0rtPUGjN3ugT8kMMNNHjaLaMuLnNuMTosIythOLA4PISwTZI4aoddhobxJoHiNoXrqsMNFCoaoahfOhPENuKOlhAYcZAkHEJpFQdJixAAGrPyUBgL8DxzmKaF+52xOALCsi-C7h6bb6mGRAZB9DoROyrZn4-DGqVFa41HSD7T1EJHuHNS45tSPQnKQgjDEQj76ZRAU7eDGHHgsjLiRFlEMzsAgQkBhAthRIqFxyI7PwCB4ogQqHQx2ajFxwPibqNHHjzClgsjDAyIFLQZj477byHhLA4F2jGo3gHEMLHEOSnExKSQXGVQiigRKjATRJAQIywkvEBFewyIyLoS0i9QEHiHJCqSlpjCHqWgHay6KG3hglHEnE3HQlQSwmXYInSBQkokwnoBgJiBoYeF8G2ASFYQcjLjnyeA-Fl7RBExyEbjeBsjkkKFHb0AiDe5wANwIyEra5aE8mzEEAG7eBXocgmEBozAghsj9AJDzAjArCMhFIUnyl0CKn-gqmSRqmvhuGb6oRcjOCUi3QDChp4T4kzBfFOhvC7iZy7jnJX57HCj1gWBzTo5ZZQCbpxz7Spr9iNFoLvDfBQgao7i-IEbXRjB-Dmm4b-ClHwoyYaAPhQDCotgrKaELqwBLoIHrotL4Ab7JHrxRBgggh+KFk5hLBdEIADDkQWh3S4RRD+CPTgE2lsIigVmUBVmoA1lgAdiaFfikAwCoBsxPbCrFYsAbpbpd4zHzYECbCYTYQBEC4nq6RGmDALDeqrgnhA67FlmsFzkLlLkrm8QLpI5Rj7mtmHkdK8lWHGY5gFw+CbgbgOieBdl7zDCsgFp27TmlKznUCVnVkOS1m8SorPJslQRvIfLkBpmFixTYQOJfHnKQVFoZgV7b4BF-BxBCZvnoUyiYU-jYXxHNKbr8BplVaLDKz4SnkGEOgbh9D+A1ZjAQYimMWoXznMWtjLmuFGImJt7mId6AQ8UU7QiJYz6gh-BHIljB6BBUjYmQjSVoWLkYUKWaEbSd5IlnGxJmIvHQbmjQaJATAUUmH+k-KsjkyrDtFLDHwMT2GvkyXvmWWfk-j8oEVCoiqajipFbSAypyppmkFYQ5k7jkSh7+AOjZH9D4RmQCWtYpZNpiAQkyhgAxmviibdyMF9zMGRnHCNrNotgVXa5TycECIry8FanAYLC+zHi-BOAiFeWDmFiekz5Xq0gFIWZIUcp3hcUtWVXyaaE1V0DfxSYvkMwtLyatVVUtxfgdXcFdVum2zaTIJpWTCrCuWFhwgOiwg5pvQh4siBBQ6PJoo6hJnbWpndXHnFqYS4Yj6Fi4agjCV7gjAggYTuVvSwqzUsTsUfUIxI6tKuntnwJT7DTg0shEybhOB3U6rn7KLZJ-pCa0EyivLYq4oEqEoMFrVMEbU1o2RsFTx7kU3SBU2HUPDHWo1KqrZYSuXFp+BS4Oi-BHyvHQZLEeAk1ybM1Yo4ps1EoCA0J5T0KMJ5TMJRHChM37Us1y34pEoc0qa6B+4giGrDTQZgFXQcjrYepcgZm-bkSQrkQw1ykO5wDDh1GuGNHGSpHnLaSSJRDZhRZAZaQxBW3eIsj0WlkM3CigmwCHFswIxy0kCpoUI6LPzZ4PISot7xwtgqUWKd5e3-AF6cgERHhDAESGmRCsiYS7igg-BW12BRAgnUkJ2SRJ0p2gI8IZ1-iLxgDQx51qVtmanHk-ZBl4RXUeDka5F4SqTfDNFuiqrGTGoDhUIt4L7K5+4jDXSDB2jnJSKBD5ysj7haVVZDCwiyka3HAr04rsEwHclHl67HgeLV4ZBIJ4SFiEH0ShYBDS6vAbjPnR3HZvUuHQRWoNwN6rXrUsKbXCjw0wRgNK5IoG0wI-UpF-B9WbguJvBqzjB3UdRGE+r-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-OoOyQfMsawWE-vVjZanIXe6ET9kV1vzQE9umMBNvOH4rmgoQMzW0JmA2KuCR+MWTwLSDDxX8aeWtaAkxH94fRVIEwPAuZAL5j5roYnH1ibkKT9czizhDikwJtC1N0EyjKPsXz0hzA+grwPDjpDYaFcl+xwEYtUWuwe01BUA22E4D3A8h80HIJwBsAcDh9wmOgn1KOh8CrBm6cdcErSWRLnEOSz8evl9DSJpIKmnXI-tIjJAIt1wFPOwi0PDZKksUccZ0ngGz4ZglwGQIIIOlWCOxfmYIK9Lx0cROAeQlGGMvJgT7xlEyiNJGCmW3610reKSIyv8ChAEZA+A6V4uXALhmVZKnveShFW37QV9wPZStN8DwgDQEgYIMIpdQlwYQRgQXUrg5F2rLVvwSI-vJH0GFYltixYTTCHhiFKxaIVfBasSKWpTx6+ysc0HdC5BeI-6EIO6sMH6C0UVEszV6vcwxScVWk2PeCMgA9QiUre0zMjIMFLybpZQ5w7GBJSJIilLS5EcZKEBniJwiAHqYPMELQQQZOengUIIuSgDkB1RtgIolqIgz6lRmped5BAHkCRBywoQBQPOVtEeoSIzwcsDPQ3DajnReowNPKOJyKiLRL3fNgGFJpxxZalNIlP71axiIRg1wm4X3mGSEkKO58YPAHQjLmDrmSoEcBMV2jP8AUefZUS-SPRH84BYib4CkHGDuU6I6vW0rHXjpxx26sJQSF3SgCVimQRRQ1K22GFaoahg1SiBsDNLkZ-ABw6-jZGvpr078fg86AEPUyWEYgoibeMrFZBH92oYiEomfHzTApABrte5vA0FSM57BEwSiJuBGC2F4KjjfSJMHeDlwpShYUumMCLGvdrmF7Rgd0KxhZlnAf2WkGByNxkCfkJzacWfW8AlE583giNiGH94-4+gtIbIqSG7Ly8h8jY2fC4gCAmRqOdnBzNYLADP8yhKsRbpyIGCZhtwQ1bBDyHHJUCsShIj7uVw7SpjPAzgFNhuEyJid7eQON8SXEeiggFEZ40pJNxlDTdlATAxII2JGQg4raI0eWBsFqYAoXoWkdsWwkO4thjuAPP3oBKS6K9Q60uK3ByBuG3clwAhaDEOQ3AIdsgmQIAA */
     predictableActionArguments: true,
     id: 'project-machine',
     initial: 'Page is mounted',
@@ -222,6 +222,11 @@ export const projectMachine = createMachine(
             target: 'Loading mosaic',
             actions: ['setCurrentMosaic', 'clearCurrentPrediction'],
           },
+
+          'Apply timeframe': {
+            target: 'Applying timeframe',
+            actions: 'setCurrentTimeframe',
+          },
         },
       },
 
@@ -728,6 +733,21 @@ export const projectMachine = createMachine(
           },
         },
       },
+
+      'Applying timeframe': {
+        entry: 'enterApplyTimeframe',
+
+        on: {
+          'Timeframe was applied': {
+            target: 'Prediction ready',
+            actions: 'hideGlobalLoading',
+          },
+        },
+
+        invoke: {
+          src: 'applyTimeframe',
+        },
+      },
     },
   },
   {