diff --git a/src/assets/icons/ico/consent-outdated-enedis.svg b/src/assets/icons/ico/consent-outdated-enedis.svg
new file mode 100644
index 0000000000000000000000000000000000000000..de4656ebedab56954932628af7436a5edf8703ad
--- /dev/null
+++ b/src/assets/icons/ico/consent-outdated-enedis.svg
@@ -0,0 +1,17 @@
+<svg width="135" height="84" viewBox="0 0 135 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 14.5H104.5V64C104.5 65.933 102.933 67.5 101 67.5H26C24.067 67.5 22.5 65.933 22.5 64V14.5Z" fill="white" stroke="#A2B4C1"/>
+<path d="M22 10C22 7.79086 23.7909 6 26 6H101C103.209 6 105 7.79086 105 10V14H22V10Z" fill="#A2B4C1"/>
+<circle cx="27" cy="11" r="2" fill="#FF5F5F"/>
+<circle cx="33" cy="11" r="2" fill="#FFB850"/>
+<circle cx="39" cy="11" r="2" fill="#3CE800"/>
+<path d="M60.3439 44.6218C58.9691 44.6218 57.8473 43.6259 57.8473 42.3731V41.9661H63.1704C65.0071 41.9661 66.5138 40.6062 66.5138 38.9464V37.0295C66.5138 35.359 65.0181 34.0098 63.1704 34.0098H58.5292C58.2652 34.0098 58.0122 34.0098 57.7483 34.0633C56.2415 34.3846 55.1857 35.6267 55.1857 37.0295V38.1432C55.1857 38.4002 55.3727 38.6037 55.6146 38.6037H57.4183C57.6493 38.6037 57.8473 38.4002 57.8473 38.1432V37.8648V37.4258C57.8473 36.8475 58.3752 36.3763 59.0351 36.3763H62.6755C63.3244 36.3763 63.8633 36.8475 63.8633 37.4258V38.5609C63.8633 39.1391 63.3354 39.6103 62.6755 39.6103H53.668V41.9661H55.1857V42.3731C55.1857 44.9217 57.5063 46.9884 60.3549 46.9884H68.0426V44.6218H60.3439Z" fill="#91C21D"/>
+<path d="M48.521 36.3763C49.8958 36.3763 51.0176 37.3936 51.0176 38.6358V46.5708C51.0176 46.7956 51.2266 46.9884 51.4905 46.9884H53.1952C53.4592 46.9884 53.6682 46.8063 53.6682 46.5708V38.6358C53.6682 36.0872 51.3585 34.0098 48.521 34.0098H43.0329C42.802 34.0098 42.604 34.2132 42.604 34.4702V46.5279C42.604 46.7849 42.791 46.9884 43.0329 46.9884H44.8366C45.0676 46.9884 45.2656 46.7849 45.2656 46.5279V36.3763H48.521Z" fill="#0063A6"/>
+<path d="M33.6184 36.3783H40.6132C40.8662 36.3783 41.0752 36.1962 41.0752 35.9714V34.4186C41.0752 34.1938 40.8772 34.0117 40.6132 34.0117H33.5634C31.6057 34.0117 30 35.4466 30 37.2028V43.8099C30 45.5661 31.5947 47.0011 33.5634 47.0011H40.6132C40.8662 47.0011 41.0752 46.819 41.0752 46.5941V45.0414C41.0752 44.8165 40.8662 44.6345 40.6132 44.6345H33.6184C33.1015 44.6345 32.6726 44.2383 32.6726 43.7671V41.9574H36.8519C37.1048 41.9574 37.3138 41.7753 37.3138 41.5505V40.0299C37.3138 39.805 37.1048 39.6229 36.8519 39.6229H32.6726V37.2457C32.6726 36.7745 33.1015 36.3783 33.6184 36.3783Z" fill="#0063A6"/>
+<path d="M96.0001 42.5132C96.0001 42.3954 96.0001 42.2776 95.9891 42.1491C95.8571 40.7035 94.3284 39.6112 92.7226 39.6112H88.7303H88.6313C87.9934 39.6112 87.4765 39.0544 87.4765 38.3798V37.5017C87.4765 36.8806 88.0374 36.3773 88.7413 36.3773H90.314H90.325H94.3064C94.5153 36.3773 94.6913 36.2595 94.7573 36.0881C94.7793 36.0453 94.7793 36.0025 94.7793 35.9596V34.4176C94.7793 34.1928 94.5703 34 94.3064 34H88.0924C86.2887 34 84.804 35.3171 84.804 36.9448V38.7867C84.804 40.5429 86.1567 41.9671 87.8285 41.9671H92.1837C92.8216 41.9671 93.3385 42.5239 93.3385 43.1985V43.4877C93.3385 44.1088 92.7776 44.6121 92.0847 44.6121H85.2879C85.0789 44.6121 84.9029 44.7299 84.8369 44.9012C84.815 44.944 84.815 44.9869 84.815 45.0297V46.5717C84.815 46.7966 85.0239 46.9893 85.2879 46.9893H90.853H92.7446C94.5483 46.9893 96.0001 45.6722 96.0001 44.0445V42.5132Z" fill="#0063A6"/>
+<path d="M74.2567 34.0098H68.4717C68.2407 34.0098 68.0427 34.2132 68.0427 34.4702V42.1053C68.0427 42.3623 68.2297 42.5658 68.4717 42.5658H70.2754C70.5063 42.5658 70.7043 42.3623 70.7043 42.1053V36.3763H73.9597C75.3345 36.3763 76.4563 37.3936 76.4563 38.6358V42.8014C76.4563 44.0436 75.3345 44.6218 73.9597 44.6218L68.0427 44.6325V46.9991H73.9597C76.7973 46.9991 79.1069 45.3714 79.1069 42.8121V38.6144C79.1069 36.1622 76.9952 34.0098 74.2567 34.0098Z" fill="#0063A6"/>
+<path d="M83.2861 42.1821V37.8452C83.2861 37.5882 83.0991 37.3848 82.8572 37.3848H81.0644C80.8335 37.3848 80.6355 37.5882 80.6355 37.8452V42.1821V46.5191C80.6355 46.7761 80.8225 46.9795 81.0644 46.9795H82.8572C83.0881 46.9795 83.2861 46.7761 83.2861 46.5191V42.1821Z" fill="#0063A6"/>
+<path d="M83.2861 34.9949V34.4702C83.2861 34.2132 83.0991 34.0098 82.8572 34.0098H81.0644C80.8335 34.0098 80.6355 34.2132 80.6355 34.4702V34.9949V35.9159C80.6355 36.1729 80.8225 36.3763 81.0644 36.3763H82.8572C83.0881 36.3763 83.2861 36.1729 83.2861 35.9159V34.9949Z" fill="#0063A6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M118.522 75.1521C119.137 74.0979 119.159 73.0437 118.588 71.9896L102.775 44.5812C102.16 43.5271 101.238 43 100.008 43C98.7781 43 97.8557 43.5271 97.2407 44.5812L81.4283 71.9896C80.8572 73.0437 80.8572 74.0979 81.4283 75.1521C82.0432 76.2062 82.9656 76.7333 84.1954 76.7333H115.82C117.05 76.7333 117.951 76.2062 118.522 75.1521ZM101.564 62.292V56H98.374V62.292C98.374 62.9667 98.4143 63.6377 98.495 64.305C98.5757 64.965 98.682 65.6397 98.814 66.329H101.124C101.256 65.6397 101.362 64.965 101.443 64.305C101.524 63.6377 101.564 62.9667 101.564 62.292ZM98.143 69.563C98.0477 69.7903 98 70.036 98 70.3C98 70.564 98.0477 70.8133 98.143 71.048C98.2457 71.2753 98.3813 71.4733 98.55 71.642C98.726 71.8107 98.9313 71.9427 99.166 72.038C99.4007 72.1333 99.6573 72.181 99.936 72.181C100.207 72.181 100.46 72.1333 100.695 72.038C100.93 71.9427 101.135 71.8107 101.311 71.642C101.487 71.4733 101.623 71.2753 101.718 71.048C101.821 70.8133 101.872 70.564 101.872 70.3C101.872 70.036 101.821 69.7903 101.718 69.563C101.623 69.3357 101.487 69.1377 101.311 68.969C101.135 68.8003 100.93 68.6683 100.695 68.573C100.46 68.4703 100.207 68.419 99.936 68.419C99.6573 68.419 99.4007 68.4703 99.166 68.573C98.9313 68.6683 98.726 68.8003 98.55 68.969C98.3813 69.1377 98.2457 69.3357 98.143 69.563Z" fill="#EC9D41"/>
+<path d="M101.564 56V62.292C101.564 62.9667 101.524 63.6377 101.443 64.305C101.362 64.965 101.256 65.6397 101.124 66.329H98.814C98.682 65.6397 98.5757 64.965 98.495 64.305C98.4143 63.6377 98.374 62.9667 98.374 62.292V56H101.564Z" fill="#121212"/>
+<path d="M98 70.3C98 70.036 98.0477 69.7903 98.143 69.563C98.2457 69.3357 98.3813 69.1377 98.55 68.969C98.726 68.8003 98.9313 68.6683 99.166 68.573C99.4007 68.4703 99.6573 68.419 99.936 68.419C100.207 68.419 100.46 68.4703 100.695 68.573C100.93 68.6683 101.135 68.8003 101.311 68.969C101.487 69.1377 101.623 69.3357 101.718 69.563C101.821 69.7903 101.872 70.036 101.872 70.3C101.872 70.564 101.821 70.8133 101.718 71.048C101.623 71.2753 101.487 71.4733 101.311 71.642C101.135 71.8107 100.93 71.9427 100.695 72.038C100.46 72.1333 100.207 72.181 99.936 72.181C99.6573 72.181 99.4007 72.1333 99.166 72.038C98.9313 71.9427 98.726 71.8107 98.55 71.642C98.3813 71.4733 98.2457 71.2753 98.143 71.048C98.0477 70.8133 98 70.564 98 70.3Z" fill="#121212"/>
+</svg>
diff --git a/src/assets/icons/ico/consent-outdated-grdf.svg b/src/assets/icons/ico/consent-outdated-grdf.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3748cba0b02a86004bd267bfa151a29538bbb750
--- /dev/null
+++ b/src/assets/icons/ico/consent-outdated-grdf.svg
@@ -0,0 +1,17 @@
+<svg width="135" height="84" viewBox="0 0 135 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 14.5H104.5V64C104.5 65.933 102.933 67.5 101 67.5H26C24.067 67.5 22.5 65.933 22.5 64V14.5Z" fill="white" stroke="#A2B4C1"/>
+<path d="M22 10C22 7.79086 23.7909 6 26 6H101C103.209 6 105 7.79086 105 10V14H22V10Z" fill="#A2B4C1"/>
+<circle cx="27" cy="11" r="2" fill="#FF5F5F"/>
+<circle cx="33" cy="11" r="2" fill="#FFB850"/>
+<circle cx="39" cy="11" r="2" fill="#3CE800"/>
+<path d="M67.9203 53.1792C67.9203 53.4651 67.6815 53.6937 67.3936 53.6937H57.6778C57.3919 53.6937 57.1592 53.4651 57.1592 53.1792V51.703C57.1592 51.4186 57.3919 51.1875 57.6778 51.1875H67.3936C67.6815 51.1875 67.9203 51.4186 67.9203 51.703V53.1792Z" fill="#FAB200"/>
+<path d="M81.3997 29.0352V37.8027C82.1987 37.1548 83.4677 36.9386 85.4555 36.8116L85.451 32.8601H88.6257C90.2952 32.7859 94.0078 32.2949 94.0002 29.0352H81.3997Z" fill="#71B857"/>
+<path d="M91.0006 36.7112H91.8417C91.8417 36.7112 91.8396 37.3039 91.8396 37.5355C91.8396 39.3558 90.2158 40.2787 87.0208 40.2787H85.4512V43.2939C85.4512 44.3552 85.1947 46.8046 82.7596 46.8559H81.3994V42.4392C81.7847 37.3422 88.6178 36.766 91.0006 36.7112Z" fill="#71B857"/>
+<path d="M72.513 29.0401L63.6738 29.0371V46.8561C66.7547 46.4816 67.8813 45.0447 68.0445 42.9265V32.8586H71.93C71.9779 32.8617 72.0321 32.8647 72.0867 32.8677C72.1806 32.8728 72.2753 32.878 72.3391 32.884C74.1825 33.1001 75.3572 33.896 75.4763 37.5492C75.49 37.6922 75.4857 37.853 75.4818 37.999C75.48 38.0635 75.4784 38.1253 75.4784 38.1812C75.3836 44.0994 70.7994 45.9118 68.26 46.5732L68.2468 46.5777C68.2164 46.5902 68.1946 46.6051 68.1946 46.6355V46.7949C68.1946 46.8272 68.2204 46.8516 68.2468 46.8551L68.2554 46.8561H68.553C72.2545 46.8561 79.6934 45.9721 79.6934 37.986V37.84C79.6498 30.9187 76.614 29.0401 72.513 29.0401Z" fill="#00B1AF"/>
+<path d="M55.9604 32.8746L53.8711 32.8576C53.7378 32.8576 53.608 32.8522 53.4752 32.8427C50.9002 32.6619 49.429 30.734 48.8292 29.723C48.6918 29.5158 48.561 29.3031 48.4373 29.0785C48.4373 29.0785 48.4247 29.0352 48.446 29.0352H54.4217C56.4213 29.0352 57.2542 29.1567 58.1394 29.4973C58.3483 29.574 58.5658 29.6687 58.7965 29.7738C60.0796 30.3664 60.9491 31.4283 61.2969 32.7904C61.3486 32.9782 61.3815 33.1789 61.4099 33.3796C61.449 33.6441 61.4713 33.9195 61.4713 34.2044C61.4753 36.3225 60.4016 37.5303 58.9161 38.376C58.9141 38.3795 58.8897 38.3934 58.8897 38.3934C58.8695 38.4009 58.8695 38.4009 58.8578 38.4103C58.8414 38.4182 58.8268 38.4269 58.8132 38.4351C58.8045 38.4402 58.7961 38.4452 58.7878 38.4497C58.7833 38.4497 58.7615 38.4656 58.7615 38.4656C58.5881 38.5513 58.4177 38.6041 58.2591 38.6424C58.2341 38.6475 58.2102 38.6538 58.1878 38.6598C58.1683 38.6649 58.1498 38.6698 58.1328 38.6733V34.5012C58.0781 33.2152 56.9262 32.8791 56.2636 32.8791C56.2426 32.8791 56.221 32.8793 56.1987 32.8795C56.1262 32.8802 56.0469 32.8811 55.9604 32.8746Z" fill="#009BC4"/>
+<path d="M51.5207 37.7184C50.5138 37.7568 50.4165 38.6687 50.4048 38.8475V41.5379H54.1864C54.5051 41.9981 54.8222 42.4536 55.1171 42.8771L55.4523 43.3588C55.8782 43.9609 56.2868 44.5292 56.4567 44.7468C56.4682 44.7619 56.4817 44.7807 56.4975 44.8027C56.7122 45.1016 57.3588 46.0022 59.5918 46.5408C60.4088 46.7368 61.3089 46.7951 61.8124 46.8277C61.9036 46.8336 61.9823 46.8387 62.0446 46.8436L62.2687 46.8546L62.2449 46.8117C62.2449 46.8117 61.8403 46.2609 61.3293 45.3923L61.2179 45.2029C60.5143 44.0058 58.1279 39.9455 57.6699 39.1528C57.2572 38.4381 56.6001 38.1199 55.9279 37.9266H55.9213C55.4397 37.7951 54.9109 37.7448 54.5149 37.7249C54.4974 37.7242 54.4803 37.7231 54.4632 37.7221C54.4333 37.7203 54.4036 37.7184 54.373 37.7184H51.5207Z" fill="#009BC4"/>
+<path d="M46.9584 37.7197C47.9171 37.7636 48.0484 38.6053 48.0641 38.8259V43.1903C48.0425 43.2177 48.0206 43.2456 47.9985 43.2738C47.9037 43.3946 47.805 43.5204 47.7027 43.6335C47.5151 43.8372 47.2155 44.1515 47.1029 44.2571C45.043 46.1895 42.6227 46.8932 40.3651 46.8932C38.5096 46.8932 35.9564 46.3135 33.7815 44.2531C30.0917 40.7429 30.0547 35.122 33.7795 31.6451C34.4695 31.0056 34.7367 30.7666 35.8348 30.15C37.3501 29.2958 39.0678 29 40.4554 29C41.6737 29 43.0075 29.2605 44.0063 29.6684C44.239 29.7615 44.5016 29.8726 44.8316 30.0608C45.7153 30.5658 46.8748 31.4514 47.4542 32.8514V32.8578H36.5562V39.3987C36.6388 40.5646 36.8954 41.4899 37.6198 42.1404C38.2049 42.6678 39.0987 43.0135 40.4554 43.1494C40.8899 43.1957 41.3766 43.2181 41.917 43.2181L44.2856 43.2127C44.2633 43.2052 44.1736 43.1494 43.8451 42.746C43.4364 42.2385 43.3447 41.3699 43.3447 40.721H43.3426V37.7188L46.9584 37.7197Z" fill="#0053A2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M118.522 75.1521C119.137 74.0979 119.159 73.0437 118.588 71.9896L102.775 44.5812C102.16 43.5271 101.238 43 100.008 43C98.7781 43 97.8557 43.5271 97.2407 44.5812L81.4283 71.9896C80.8572 73.0437 80.8572 74.0979 81.4283 75.1521C82.0432 76.2062 82.9656 76.7333 84.1954 76.7333H115.82C117.05 76.7333 117.951 76.2062 118.522 75.1521ZM101.564 62.292V56H98.374V62.292C98.374 62.9667 98.4143 63.6377 98.495 64.305C98.5757 64.965 98.682 65.6397 98.814 66.329H101.124C101.256 65.6397 101.362 64.965 101.443 64.305C101.524 63.6377 101.564 62.9667 101.564 62.292ZM98.143 69.563C98.0477 69.7903 98 70.036 98 70.3C98 70.564 98.0477 70.8133 98.143 71.048C98.2457 71.2753 98.3813 71.4733 98.55 71.642C98.726 71.8107 98.9313 71.9427 99.166 72.038C99.4007 72.1333 99.6573 72.181 99.936 72.181C100.207 72.181 100.46 72.1333 100.695 72.038C100.93 71.9427 101.135 71.8107 101.311 71.642C101.487 71.4733 101.623 71.2753 101.718 71.048C101.821 70.8133 101.872 70.564 101.872 70.3C101.872 70.036 101.821 69.7903 101.718 69.563C101.623 69.3357 101.487 69.1377 101.311 68.969C101.135 68.8003 100.93 68.6683 100.695 68.573C100.46 68.4703 100.207 68.419 99.936 68.419C99.6573 68.419 99.4007 68.4703 99.166 68.573C98.9313 68.6683 98.726 68.8003 98.55 68.969C98.3813 69.1377 98.2457 69.3357 98.143 69.563Z" fill="#EC9D41"/>
+<path d="M101.564 56V62.292C101.564 62.9667 101.524 63.6377 101.443 64.305C101.362 64.965 101.256 65.6397 101.124 66.329H98.814C98.682 65.6397 98.5757 64.965 98.495 64.305C98.4143 63.6377 98.374 62.9667 98.374 62.292V56H101.564Z" fill="#121212"/>
+<path d="M98 70.3C98 70.036 98.0477 69.7903 98.143 69.563C98.2457 69.3357 98.3813 69.1377 98.55 68.969C98.726 68.8003 98.9313 68.6683 99.166 68.573C99.4007 68.4703 99.6573 68.419 99.936 68.419C100.207 68.419 100.46 68.4703 100.695 68.573C100.93 68.6683 101.135 68.8003 101.311 68.969C101.487 69.1377 101.623 69.3357 101.718 69.563C101.821 69.7903 101.872 70.036 101.872 70.3C101.872 70.564 101.821 70.8133 101.718 71.048C101.623 71.2753 101.487 71.4733 101.311 71.642C101.135 71.8107 100.93 71.9427 100.695 72.038C100.46 72.1333 100.207 72.181 99.936 72.181C99.6573 72.181 99.4007 72.1333 99.166 72.038C98.9313 71.9427 98.726 71.8107 98.55 71.642C98.3813 71.4733 98.2457 71.2753 98.143 71.048C98.0477 70.8133 98 70.564 98 70.3Z" fill="#121212"/>
+</svg>
diff --git a/src/components/Connection/ConnectionResult.tsx b/src/components/Connection/ConnectionResult.tsx
index f6113b4e05e537d6e11a141fc7404f69b2296ed6..a3f5350b0bb15c7110b5f054124b3950e7fa6b11 100644
--- a/src/components/Connection/ConnectionResult.tsx
+++ b/src/components/Connection/ConnectionResult.tsx
@@ -2,7 +2,10 @@ import React, { useState, useEffect, useCallback } from 'react'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { useClient } from 'cozy-client'
import { useDispatch } from 'react-redux'
-import { updatedFluidConnection } from 'store/global/global.actions'
+import {
+ setShouldRefreshConsent,
+ updatedFluidConnection,
+} from 'store/global/global.actions'
import { Account, FluidConnection, FluidStatus, Trigger } from 'models'
import AccountService from 'services/account.service'
@@ -17,6 +20,7 @@ import './connectionResult.scss'
import DateChartService from 'services/dateChart.service'
import { FluidState, FluidType } from 'enum/fluid.enum'
import { DateTime } from 'luxon'
+import DeleteGRDFAccountModal from './DeleteGRDFAccountModal'
import TriggerService from 'services/triggers.service'
interface ConnectionResultProps {
@@ -42,6 +46,12 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
const [konnectorError, setKonnectorError] = useState<string>('')
const [status, setStatus] = useState<string>('')
const [outDatedDataDays, setOutDatedDataDays] = useState<number | null>(null)
+ const [openGRDFDeletionModal, setOpenGRDFDeletionModal] = useState<boolean>(
+ false
+ )
+ const toggleGRDFDeletionModal = useCallback(() => {
+ setOpenGRDFDeletionModal(prev => !prev)
+ }, [])
const updateKonnector = async () => {
setUpdating(true)
@@ -57,7 +67,7 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
setUpdating(false)
}
- const deleteAccountsAndTriggers = async () => {
+ const deleteAccountsAndTriggers = useCallback(async () => {
setUpdating(true)
try {
if (account) {
@@ -78,7 +88,8 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
} catch (error) {
setUpdating(false)
}
- }
+ }, [account, client, handleAccountDeletion])
+
const isOutdated = useCallback(() => {
const dateChartService = new DateChartService()
@@ -101,6 +112,11 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
}
}, [lastExecutionDate])
+ const handleRefreshConsent = useCallback(() => {
+ deleteAccountsAndTriggers()
+ dispatch(setShouldRefreshConsent(true))
+ }, [deleteAccountsAndTriggers, dispatch])
+
useEffect(() => {
if (
fluidStatus.connection.triggerState &&
@@ -123,7 +139,6 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
getKonnectorUpdateError(fluidStatus.connection.triggerState.last_error)
)
}
-
if (isOutdated()) {
setOutDatedDataDays(isOutdated())
}
@@ -140,53 +155,17 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
: ''
}
>
- {outDatedDataDays || fluidStatus.status === FluidState.PARTNER_ISSUE ? (
+ {fluidStatus.status === FluidState.PARTNER_ISSUE ? (
+ // First check if there is partner error from backoffice
<div className="connection-caption text-16-normal">
<div className="text-16-normal">
- {fluidStatus.status === FluidState.PARTNER_ISSUE ? (
- <div className="connection-caption">
- {t('konnector_form.wait_end_issue')}
- </div>
- ) : (
- <>
- {hasUpdatedToday() === true ? (
- <>
- <div className="connection-caption">
- {t('konnector_form.label_updated_at')}
- </div>
- <div className="text-16-bold">
- {lastExecutionDate.toLocaleString()}
- </div>
- <div>
- {fluidStatus &&
- fluidStatus.connection &&
- fluidStatus.connection.konnector &&
- t('konnector_form.issue') +
- ' ' +
- fluidStatus.connection.konnector.name +
- '.'}
- </div>
- </>
- ) : (
- <div className="connection-caption-errored connection-update-errored warning-white text-16-normal">
- <StyledIcon
- icon={warningWhite}
- size={36}
- className="warning-icon"
- role="img"
- title="Attention"
- ariaHidden={false}
- />
- <div className="text-16-normal">
- {t('konnector_form.resolve')}
- </div>
- </div>
- )}
- </>
- )}
+ <div className="connection-caption">
+ {t('konnector_form.wait_end_issue')}
+ </div>
</div>
</div>
) : status === 'errored' ? (
+ // Else check if konnector is in error state
<div className="connection-caption-errored warning-white text-16-normal">
<StyledIcon
icon={warningWhite}
@@ -198,16 +177,71 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
/>
<div className="text-16-normal">
- {t(`konnector_form.${konnectorError}`)}
- <div className="connection-caption">
- {t('konnector_form.label_updated_at')}
- </div>
- <div className="text-16-bold">
- {lastExecutionDate.toLocaleString()}
- </div>
+ {t(`konnector_form.${konnectorError}`, {
+ fluid:
+ fluidType === FluidType.GAS
+ ? 'de gaz'
+ : fluidType === FluidType.ELECTRICITY
+ ? "d'électricité"
+ : "d'eau",
+ })}
+ {konnectorError !== 'error_update_oauth' && (
+ <>
+ <div className="connection-caption">
+ {t('konnector_form.label_updated_at')}
+ </div>
+ <div className="text-16-bold">
+ {lastExecutionDate.toLocaleString()}
+ </div>
+ </>
+ )}
+ </div>
+ </div>
+ ) : outDatedDataDays ? (
+ // Else check if data is outdated
+ <div className="connection-caption text-16-normal">
+ <div className="text-16-normal">
+ <>
+ {hasUpdatedToday() === true ? (
+ // If user has already ran an update today, display a message about energy provider issue
+ <>
+ <div className="connection-caption">
+ {t('konnector_form.label_updated_at')}
+ </div>
+ <div className="text-16-bold">
+ {lastExecutionDate.toLocaleString()}
+ </div>
+ <div>
+ {fluidStatus &&
+ fluidStatus.connection &&
+ fluidStatus.connection.konnector &&
+ t('konnector_form.issue') +
+ ' ' +
+ fluidStatus.connection.konnector.name +
+ '.'}
+ </div>
+ </>
+ ) : (
+ // Otherwise tells user to run a manual update
+ <div className="connection-caption-errored connection-update-errored warning-white text-16-normal">
+ <StyledIcon
+ icon={warningWhite}
+ size={36}
+ className="warning-icon"
+ role="img"
+ title="Attention"
+ ariaHidden={false}
+ />
+ <div className="text-16-normal">
+ {t('konnector_form.resolve')}
+ </div>
+ </div>
+ )}
+ </>
</div>
</div>
) : (
+ //If no partner error nor konnector error, display the last update date
<div>
<div className="connection-caption text-16-normal">
{t('konnector_form.label_updated_at')}
@@ -221,7 +255,11 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
<div className="inline-buttons">
<Button
aria-label={t('konnector_form.accessibility.button_delete')}
- onClick={deleteAccountsAndTriggers}
+ onClick={
+ fluidType === FluidType.GAS
+ ? toggleGRDFDeletionModal
+ : deleteAccountsAndTriggers
+ }
disabled={updating}
classes={{
root: 'btn-secondary-positive',
@@ -232,7 +270,11 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
</Button>
<Button
aria-label={t('konnector_form.accessibility.button_update')}
- onClick={updateKonnector}
+ onClick={
+ konnectorError === 'error_update_oauth'
+ ? handleRefreshConsent
+ : updateKonnector
+ }
disabled={updating}
classes={{
root: 'btn-highlight',
@@ -242,10 +284,21 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
{updating ? (
<StyledBlackSpinner size="2em" />
) : (
- <div>{t('konnector_form.button_update')}</div>
+ <div>
+ {konnectorError === 'error_update_oauth'
+ ? t('konnector_form.button_oauth_reload')
+ : t('konnector_form.button_update')}
+ </div>
)}
</Button>
</div>
+ {fluidType === FluidType.GAS && (
+ <DeleteGRDFAccountModal
+ open={openGRDFDeletionModal}
+ handleCloseClick={toggleGRDFDeletionModal}
+ deleteAccount={deleteAccountsAndTriggers}
+ />
+ )}
</div>
)
}
diff --git a/src/components/Connection/DeleteGRDFAccountModal.spec.tsx b/src/components/Connection/DeleteGRDFAccountModal.spec.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..915201412ac71bf8bea5f7d2554752b6671fdbc2
--- /dev/null
+++ b/src/components/Connection/DeleteGRDFAccountModal.spec.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import toJson from 'enzyme-to-json'
+import { Button } from '@material-ui/core'
+import DeleteGRDFAccountModal from './DeleteGRDFAccountModal'
+
+jest.mock('cozy-ui/transpiled/react/I18n', () => {
+ return {
+ useI18n: jest.fn(() => {
+ return {
+ t: (str: string) => str,
+ }
+ }),
+ }
+})
+
+describe('DeleteGRDFAccountModal component', () => {
+ it('should be rendered correctly', () => {
+ const component = mount(
+ <DeleteGRDFAccountModal
+ open={true}
+ handleCloseClick={jest.fn()}
+ deleteAccount={jest.fn()}
+ />
+ )
+ expect(toJson(component)).toMatchSnapshot()
+ })
+ it('should launch the deletion process and close modal', () => {
+ const mockDelete = jest.fn()
+ const mockClose = jest.fn()
+ const component = mount(
+ <DeleteGRDFAccountModal
+ open={true}
+ handleCloseClick={mockClose}
+ deleteAccount={mockDelete}
+ />
+ )
+ component
+ .find(Button)
+ .at(1)
+ .simulate('click')
+ expect(mockDelete).toHaveBeenCalledTimes(1)
+ })
+})
diff --git a/src/components/Connection/DeleteGRDFAccountModal.tsx b/src/components/Connection/DeleteGRDFAccountModal.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..69eaa4b64dd06bdbb1aad05a3893d3a0ed30bce4
--- /dev/null
+++ b/src/components/Connection/DeleteGRDFAccountModal.tsx
@@ -0,0 +1,89 @@
+import React, { useCallback } from 'react'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Dialog from '@material-ui/core/Dialog'
+import CloseIcon from 'assets/icons/ico/close.svg'
+import GrdfIcon from 'assets/icons/ico/consent-outdated-grdf.svg'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import { Button, IconButton } from '@material-ui/core'
+import './deleteGRDFAccountModal.scss'
+
+interface DeleteGRDFAccountModalProps {
+ open: boolean
+ handleCloseClick: () => void
+ deleteAccount: () => void
+}
+
+const DeleteGRDFAccountModal: React.FC<DeleteGRDFAccountModalProps> = ({
+ open,
+ handleCloseClick,
+ deleteAccount,
+}: DeleteGRDFAccountModalProps) => {
+ const { t } = useI18n()
+
+ const handleDelete = useCallback(() => {
+ deleteAccount()
+ handleCloseClick()
+ }, [deleteAccount, handleCloseClick])
+
+ return (
+ <Dialog
+ open={open}
+ onClose={handleCloseClick}
+ aria-labelledby={'accessibility-title'}
+ classes={{
+ root: 'modal-root',
+ paper: 'modal-paper',
+ }}
+ >
+ <div id={'accessibility-title'}>
+ {t('consumption_visualizer.modal.window_title')}
+ </div>
+ <IconButton
+ aria-label={t('consumption_visualizer.modal.close')}
+ className="modal-paper-close-button"
+ onClick={handleCloseClick}
+ >
+ <Icon icon={CloseIcon} size={16} />
+ </IconButton>
+ <div className="delete-grdf-modal">
+ <div className="icon-main">
+ <Icon icon={GrdfIcon} size={135} />
+ </div>
+
+ <div className={`text-15-normal text1`}>
+ {t(`delete_grdf_modal.text1`)}
+ </div>
+ <div className="text-16-normal text2">
+ {t(`delete_grdf_modal.text2`)}
+ </div>
+ <div className="text-15-normal text3">
+ {t(`delete_grdf_modal.text3`)}
+ </div>
+ <div className="buttons">
+ <Button
+ aria-label={t(`delete_grdf_modal.cancel`)}
+ onClick={handleCloseClick}
+ classes={{
+ root: 'btn-secondary-positive',
+ label: 'text-16-normal',
+ }}
+ >
+ {t(`delete_grdf_modal.cancel`)}
+ </Button>
+ <Button
+ aria-label={t(`delete_grdf_modal.go`)}
+ onClick={handleDelete}
+ classes={{
+ root: 'btn-highlight',
+ label: 'text-16-bold',
+ }}
+ >
+ {t(`delete_grdf_modal.go`)}
+ </Button>
+ </div>
+ </div>
+ </Dialog>
+ )
+}
+
+export default DeleteGRDFAccountModal
diff --git a/src/components/Connection/ExpiredConsentModal.spec.tsx b/src/components/Connection/ExpiredConsentModal.spec.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0f4931663ffa367e3b71262e2502828180057af7
--- /dev/null
+++ b/src/components/Connection/ExpiredConsentModal.spec.tsx
@@ -0,0 +1,68 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import toJson from 'enzyme-to-json'
+import ExpiredConsentModal from './ExpiredConsentModal'
+import { FluidType } from 'enum/fluid.enum'
+import { globalStateData } from '../../../tests/__mocks__/globalStateData.mock'
+import { Provider } from 'react-redux'
+import configureStore from 'redux-mock-store'
+import { Button } from '@material-ui/core'
+import * as reactRedux from 'react-redux'
+
+jest.mock('cozy-ui/transpiled/react/I18n', () => {
+ return {
+ useI18n: jest.fn(() => {
+ return {
+ t: (str: string) => str,
+ }
+ }),
+ }
+})
+const mockHistoryPush = jest.fn()
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useHistory: () => ({
+ push: mockHistoryPush,
+ }),
+}))
+
+const mockStore = configureStore([])
+describe('ExpiredConsentModal component', () => {
+ const store = mockStore({
+ ecolyo: {
+ global: globalStateData,
+ },
+ })
+ it('should be rendered correctly', () => {
+ const component = mount(
+ <Provider store={store}>
+ <ExpiredConsentModal
+ open={true}
+ handleCloseClick={jest.fn()}
+ fluidType={FluidType.ELECTRICITY}
+ />
+ </Provider>
+ )
+ expect(toJson(component)).toMatchSnapshot()
+ })
+ it('should launch the update consent process', () => {
+ const useDispatchSpy = jest.spyOn(reactRedux, 'useDispatch')
+ useDispatchSpy.mockReturnValue(jest.fn())
+
+ const component = mount(
+ <Provider store={store}>
+ <ExpiredConsentModal
+ open={true}
+ handleCloseClick={jest.fn()}
+ fluidType={FluidType.GAS}
+ />
+ </Provider>
+ )
+ component
+ .find(Button)
+ .at(1)
+ .simulate('click')
+ expect(useDispatchSpy).toHaveBeenCalledTimes(1)
+ expect(mockHistoryPush).toHaveBeenCalledTimes(1)
+ })
+})
diff --git a/src/components/Connection/ExpiredConsentModal.tsx b/src/components/Connection/ExpiredConsentModal.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..117fd283935295a3af8f30a516bf56d48d20d5b2
--- /dev/null
+++ b/src/components/Connection/ExpiredConsentModal.tsx
@@ -0,0 +1,103 @@
+import React, { useCallback } from 'react'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Dialog from '@material-ui/core/Dialog'
+import CloseIcon from 'assets/icons/ico/close.svg'
+import EnedisIcon from 'assets/icons/ico/consent-outdated-enedis.svg'
+import GrdfIcon from 'assets/icons/ico/consent-outdated-grdf.svg'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import { Button, IconButton } from '@material-ui/core'
+import { FluidType } from 'enum/fluid.enum'
+import './expiredConsentModal.scss'
+import { useHistory } from 'react-router-dom'
+import { useDispatch } from 'react-redux'
+import { setShouldRefreshConsent } from 'store/global/global.actions'
+
+interface ExpiredConsentModalProps {
+ open: boolean
+ handleCloseClick: () => void
+ fluidType: FluidType
+}
+
+const ExpiredConsentModal: React.FC<ExpiredConsentModalProps> = ({
+ open,
+ handleCloseClick,
+ fluidType,
+}: ExpiredConsentModalProps) => {
+ const { t } = useI18n()
+ const history = useHistory()
+ const dispatch = useDispatch()
+
+ const launchUpdateConsent = useCallback(() => {
+ dispatch(setShouldRefreshConsent(true))
+ history.push(`/consumption/${FluidType[fluidType].toLocaleLowerCase()}`)
+ }, [dispatch, fluidType, history])
+
+ return (
+ <Dialog
+ open={open}
+ onClose={handleCloseClick}
+ aria-labelledby={'accessibility-title'}
+ classes={{
+ root: 'modal-root',
+ paper: 'modal-paper',
+ }}
+ >
+ <div id={'accessibility-title'}>
+ {t('consumption_visualizer.modal.window_title')}
+ </div>
+ <IconButton
+ aria-label={t('consumption_visualizer.modal.close')}
+ className="modal-paper-close-button"
+ onClick={handleCloseClick}
+ >
+ <Icon icon={CloseIcon} size={16} />
+ </IconButton>
+ <div className="expired-consent-modal">
+ <div className="icon-main">
+ <Icon
+ icon={fluidType === FluidType.ELECTRICITY ? EnedisIcon : GrdfIcon}
+ size={135}
+ />
+ </div>
+
+ <div
+ className={`text-20-normal title ${FluidType[
+ fluidType
+ ].toLowerCase()}`}
+ >
+ {t(`consent_outdated.title.${fluidType}`)}
+ </div>
+ <div className="text-16-normal text1">
+ {t(`consent_outdated.text1.${fluidType}`)}
+ </div>
+ <div className="text-16-normal justified-text">
+ {t(`consent_outdated.text2.${fluidType}`)}
+ </div>
+ <div className="buttons">
+ <Button
+ aria-label={t('consent_outdated.later')}
+ onClick={handleCloseClick}
+ classes={{
+ root: 'btn-secondary-positive',
+ label: 'text-16-normal',
+ }}
+ >
+ {t('consent_outdated.later')}
+ </Button>
+ <Button
+ aria-label={t('consent_outdated.go')}
+ onClick={launchUpdateConsent}
+ classes={{
+ root: 'btn-highlight',
+ label: 'text-16-bold',
+ }}
+ >
+ {t('consent_outdated.go')}
+ </Button>
+ </div>
+ </div>
+ </Dialog>
+ )
+}
+
+export default ExpiredConsentModal
diff --git a/src/components/Connection/FormOAuth.tsx b/src/components/Connection/FormOAuth.tsx
index f781844b7c25fc9f3fc2b2f3451b99382c423bca..3be62fdb0518a240ac55cb6a29965799f8fb9f8c 100644
--- a/src/components/Connection/FormOAuth.tsx
+++ b/src/components/Connection/FormOAuth.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react'
+import React, { useCallback, useEffect, useState } from 'react'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { useClient } from 'cozy-client'
import './auth.scss'
@@ -8,6 +8,9 @@ import Button from '@material-ui/core/Button'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner'
import { getPartnerPicto } from 'utils/picto'
+import { useDispatch, useSelector } from 'react-redux'
+import { AppStore } from 'store'
+import { setShouldRefreshConsent } from 'store/global/global.actions'
interface FormOAuthProps {
konnector: Konnector | null
@@ -26,10 +29,15 @@ const FormOAuth: React.FC<FormOAuthProps> = ({
const { t } = useI18n()
const client = useClient()
const [status, setStatus] = useState<string>(IDLE)
-
+ const { shouldRefreshConsent } = useSelector(
+ (state: AppStore) => state.ecolyo.global
+ )
+ const dispatch = useDispatch()
const endOAuth = useCallback(() => {
setStatus(IDLE)
- }, [])
+ //Set back to false the variable that allows to automatically refresh the consent (deletes and recreates the account)
+ dispatch(setShouldRefreshConsent(false))
+ }, [dispatch])
const startOAuth = useCallback(() => {
setStatus(WAITING)
@@ -53,9 +61,17 @@ const FormOAuth: React.FC<FormOAuthProps> = ({
)
const isWaiting = status === WAITING
+ useEffect(() => {
+ if (shouldRefreshConsent) {
+ // If user has selected accept button on Expired consent modal, his account has been deleted on KonnectorViewerCard, such as his consent (for GRDF), then automatically launch oauth connxion flow
+ startOAuth()
+ }
+ }, [shouldRefreshConsent, startOAuth])
+
if (!konnector) {
return null
}
+
return (
<>
<Button
diff --git a/src/components/Connection/__snapshots__/DeleteGRDFAccountModal.spec.tsx.snap b/src/components/Connection/__snapshots__/DeleteGRDFAccountModal.spec.tsx.snap
new file mode 100644
index 0000000000000000000000000000000000000000..9836a6dbdffcac33733a3a4802584bb3bcc2ea8e
--- /dev/null
+++ b/src/components/Connection/__snapshots__/DeleteGRDFAccountModal.spec.tsx.snap
@@ -0,0 +1,1170 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DeleteGRDFAccountModal component should be rendered correctly 1`] = `
+<DeleteGRDFAccountModal
+ deleteAccount={[MockFunction]}
+ handleCloseClick={[MockFunction]}
+ open={true}
+>
+ <WithStyles(ForwardRef(Dialog))
+ aria-labelledby="accessibility-title"
+ classes={
+ Object {
+ "paper": "modal-paper",
+ "root": "modal-root",
+ }
+ }
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Dialog)
+ aria-labelledby="accessibility-title"
+ classes={
+ Object {
+ "container": "MuiDialog-container",
+ "paper": "MuiDialog-paper modal-paper",
+ "paperFullScreen": "MuiDialog-paperFullScreen",
+ "paperFullWidth": "MuiDialog-paperFullWidth",
+ "paperScrollBody": "MuiDialog-paperScrollBody",
+ "paperScrollPaper": "MuiDialog-paperScrollPaper",
+ "paperWidthFalse": "MuiDialog-paperWidthFalse",
+ "paperWidthLg": "MuiDialog-paperWidthLg",
+ "paperWidthMd": "MuiDialog-paperWidthMd",
+ "paperWidthSm": "MuiDialog-paperWidthSm",
+ "paperWidthXl": "MuiDialog-paperWidthXl",
+ "paperWidthXs": "MuiDialog-paperWidthXs",
+ "root": "MuiDialog-root modal-root",
+ "scrollBody": "MuiDialog-scrollBody",
+ "scrollPaper": "MuiDialog-scrollPaper",
+ }
+ }
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Modal)
+ BackdropComponent={
+ Object {
+ "$$typeof": Symbol(react.forward_ref),
+ "Naked": Object {
+ "$$typeof": Symbol(react.forward_ref),
+ "propTypes": Object {
+ "children": [Function],
+ "className": [Function],
+ "classes": [Function],
+ "invisible": [Function],
+ "open": [Function],
+ "transitionDuration": [Function],
+ },
+ "render": [Function],
+ },
+ "displayName": "WithStyles(ForwardRef(Backdrop))",
+ "options": Object {
+ "defaultTheme": Object {
+ "breakpoints": Object {
+ "between": [Function],
+ "down": [Function],
+ "keys": Array [
+ "xs",
+ "sm",
+ "md",
+ "lg",
+ "xl",
+ ],
+ "only": [Function],
+ "up": [Function],
+ "values": Object {
+ "lg": 1280,
+ "md": 960,
+ "sm": 600,
+ "xl": 1920,
+ "xs": 0,
+ },
+ "width": [Function],
+ },
+ "direction": "ltr",
+ "mixins": Object {
+ "gutters": [Function],
+ "toolbar": Object {
+ "@media (min-width:0px) and (orientation: landscape)": Object {
+ "minHeight": 48,
+ },
+ "@media (min-width:600px)": Object {
+ "minHeight": 64,
+ },
+ "minHeight": 56,
+ },
+ },
+ "overrides": Object {},
+ "palette": Object {
+ "action": Object {
+ "active": "rgba(0, 0, 0, 0.54)",
+ "disabled": "rgba(0, 0, 0, 0.26)",
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
+ "hover": "rgba(0, 0, 0, 0.08)",
+ "hoverOpacity": 0.08,
+ "selected": "rgba(0, 0, 0, 0.14)",
+ },
+ "augmentColor": [Function],
+ "background": Object {
+ "default": "#fafafa",
+ "paper": "#fff",
+ },
+ "common": Object {
+ "black": "#000",
+ "white": "#fff",
+ },
+ "contrastThreshold": 3,
+ "divider": "rgba(0, 0, 0, 0.12)",
+ "error": Object {
+ "contrastText": "#fff",
+ "dark": "#d32f2f",
+ "light": "#e57373",
+ "main": "#f44336",
+ },
+ "getContrastText": [Function],
+ "grey": Object {
+ "100": "#f5f5f5",
+ "200": "#eeeeee",
+ "300": "#e0e0e0",
+ "400": "#bdbdbd",
+ "50": "#fafafa",
+ "500": "#9e9e9e",
+ "600": "#757575",
+ "700": "#616161",
+ "800": "#424242",
+ "900": "#212121",
+ "A100": "#d5d5d5",
+ "A200": "#aaaaaa",
+ "A400": "#303030",
+ "A700": "#616161",
+ },
+ "info": Object {
+ "contrastText": "#fff",
+ "dark": "#1976d2",
+ "light": "#64b5f6",
+ "main": "#2196f3",
+ },
+ "primary": Object {
+ "contrastText": "#fff",
+ "dark": "#303f9f",
+ "light": "#7986cb",
+ "main": "#3f51b5",
+ },
+ "secondary": Object {
+ "contrastText": "#fff",
+ "dark": "#c51162",
+ "light": "#ff4081",
+ "main": "#f50057",
+ },
+ "success": Object {
+ "contrastText": "rgba(0, 0, 0, 0.87)",
+ "dark": "#388e3c",
+ "light": "#81c784",
+ "main": "#4caf50",
+ },
+ "text": Object {
+ "disabled": "rgba(0, 0, 0, 0.38)",
+ "hint": "rgba(0, 0, 0, 0.38)",
+ "primary": "rgba(0, 0, 0, 0.87)",
+ "secondary": "rgba(0, 0, 0, 0.54)",
+ },
+ "tonalOffset": 0.2,
+ "type": "light",
+ "warning": Object {
+ "contrastText": "rgba(0, 0, 0, 0.87)",
+ "dark": "#f57c00",
+ "light": "#ffb74d",
+ "main": "#ff9800",
+ },
+ },
+ "props": Object {},
+ "shadows": Array [
+ "none",
+ "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+ "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+ "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+ ],
+ "shape": Object {
+ "borderRadius": 4,
+ },
+ "spacing": [Function],
+ "transitions": Object {
+ "create": [Function],
+ "duration": Object {
+ "complex": 375,
+ "enteringScreen": 225,
+ "leavingScreen": 195,
+ "short": 250,
+ "shorter": 200,
+ "shortest": 150,
+ "standard": 300,
+ },
+ "easing": Object {
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+ },
+ "getAutoHeightDuration": [Function],
+ },
+ "typography": Object {
+ "body1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00938em",
+ "lineHeight": 1.5,
+ },
+ "body2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.01071em",
+ "lineHeight": 1.43,
+ },
+ "button": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.02857em",
+ "lineHeight": 1.75,
+ "textTransform": "uppercase",
+ },
+ "caption": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.75rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.03333em",
+ "lineHeight": 1.66,
+ },
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": 14,
+ "fontWeightBold": 700,
+ "fontWeightLight": 300,
+ "fontWeightMedium": 500,
+ "fontWeightRegular": 400,
+ "h1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "6rem",
+ "fontWeight": 300,
+ "letterSpacing": "-0.01562em",
+ "lineHeight": 1.167,
+ },
+ "h2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "3.75rem",
+ "fontWeight": 300,
+ "letterSpacing": "-0.00833em",
+ "lineHeight": 1.2,
+ },
+ "h3": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "3rem",
+ "fontWeight": 400,
+ "letterSpacing": "0em",
+ "lineHeight": 1.167,
+ },
+ "h4": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "2.125rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00735em",
+ "lineHeight": 1.235,
+ },
+ "h5": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1.5rem",
+ "fontWeight": 400,
+ "letterSpacing": "0em",
+ "lineHeight": 1.334,
+ },
+ "h6": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1.25rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.0075em",
+ "lineHeight": 1.6,
+ },
+ "htmlFontSize": 16,
+ "overline": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.75rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.08333em",
+ "lineHeight": 2.66,
+ "textTransform": "uppercase",
+ },
+ "pxToRem": [Function],
+ "round": [Function],
+ "subtitle1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00938em",
+ "lineHeight": 1.75,
+ },
+ "subtitle2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.00714em",
+ "lineHeight": 1.57,
+ },
+ },
+ "zIndex": Object {
+ "appBar": 1100,
+ "drawer": 1200,
+ "mobileStepper": 1000,
+ "modal": 1300,
+ "snackbar": 1400,
+ "speedDial": 1050,
+ "tooltip": 1500,
+ },
+ },
+ "name": "MuiBackdrop",
+ },
+ "propTypes": Object {
+ "classes": [Function],
+ "innerRef": [Function],
+ },
+ "render": [Function],
+ "useStyles": [Function],
+ }
+ }
+ BackdropProps={
+ Object {
+ "transitionDuration": Object {
+ "enter": 225,
+ "exit": 195,
+ },
+ }
+ }
+ className="MuiDialog-root modal-root"
+ closeAfterTransition={true}
+ disableBackdropClick={false}
+ disableEscapeKeyDown={false}
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Portal)
+ disablePortal={false}
+ >
+ <Portal
+ containerInfo={
+ <body
+ style="padding-right: 0px; overflow: hidden;"
+ >
+ <div
+ class="MuiDialog-root modal-root"
+ role="presentation"
+ style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
+ >
+ <div
+ aria-hidden="true"
+ class="MuiBackdrop-root"
+ style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+ />
+ <div
+ data-test="sentinelStart"
+ tabindex="0"
+ />
+ <div
+ class="MuiDialog-container MuiDialog-scrollPaper"
+ role="none presentation"
+ style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+ tabindex="-1"
+ >
+ <div
+ aria-labelledby="accessibility-title"
+ class="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ role="dialog"
+ >
+ <div
+ id="accessibility-title"
+ >
+ consumption_visualizer.modal.window_title
+ </div>
+ <button
+ aria-label="consumption_visualizer.modal.close"
+ class="MuiButtonBase-root MuiIconButton-root modal-paper-close-button"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiIconButton-label"
+ >
+ <svg
+ class="styles__icon___23x3R"
+ height="16"
+ width="16"
+ >
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ <div
+ class="delete-grdf-modal"
+ >
+ <div
+ class="icon-main"
+ >
+ <svg
+ class="styles__icon___23x3R"
+ height="135"
+ width="135"
+ >
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </div>
+ <div
+ class="text-15-normal text1"
+ >
+ delete_grdf_modal.text1
+ </div>
+ <div
+ class="text-16-normal text2"
+ >
+ delete_grdf_modal.text2
+ </div>
+ <div
+ class="text-15-normal text3"
+ >
+ delete_grdf_modal.text3
+ </div>
+ <div
+ class="buttons"
+ >
+ <button
+ aria-label="delete_grdf_modal.cancel"
+ class="MuiButtonBase-root MuiButton-root btn-secondary-positive MuiButton-text"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiButton-label text-16-normal"
+ >
+ delete_grdf_modal.cancel
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ <button
+ aria-label="delete_grdf_modal.go"
+ class="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiButton-label text-16-bold"
+ >
+ delete_grdf_modal.go
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ data-test="sentinelEnd"
+ tabindex="0"
+ />
+ </div>
+ </body>
+ }
+ >
+ <div
+ className="MuiDialog-root modal-root"
+ onKeyDown={[Function]}
+ role="presentation"
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "fixed",
+ "right": 0,
+ "top": 0,
+ "zIndex": 1300,
+ }
+ }
+ >
+ <WithStyles(ForwardRef(Backdrop))
+ onClick={[Function]}
+ open={true}
+ transitionDuration={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <ForwardRef(Backdrop)
+ classes={
+ Object {
+ "invisible": "MuiBackdrop-invisible",
+ "root": "MuiBackdrop-root",
+ }
+ }
+ onClick={[Function]}
+ open={true}
+ transitionDuration={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <ForwardRef(Fade)
+ in={true}
+ onClick={[Function]}
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <Transition
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onClick={[Function]}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ unmountOnExit={false}
+ >
+ <div
+ aria-hidden={true}
+ className="MuiBackdrop-root"
+ onClick={[Function]}
+ style={
+ Object {
+ "opacity": 1,
+ "visibility": undefined,
+ }
+ }
+ />
+ </Transition>
+ </ForwardRef(Fade)>
+ </ForwardRef(Backdrop)>
+ </WithStyles(ForwardRef(Backdrop))>
+ <TrapFocus
+ disableAutoFocus={false}
+ disableEnforceFocus={false}
+ disableRestoreFocus={false}
+ getDoc={[Function]}
+ isEnabled={[Function]}
+ open={true}
+ >
+ <div
+ data-test="sentinelStart"
+ tabIndex={0}
+ />
+ <ForwardRef(Fade)
+ appear={true}
+ in={true}
+ onEnter={[Function]}
+ onExited={[Function]}
+ role="none presentation"
+ tabIndex="-1"
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <Transition
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ role="none presentation"
+ tabIndex="-1"
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ unmountOnExit={false}
+ >
+ <div
+ className="MuiDialog-container MuiDialog-scrollPaper"
+ onClick={[Function]}
+ onMouseDown={[Function]}
+ role="none presentation"
+ style={
+ Object {
+ "opacity": 1,
+ "visibility": undefined,
+ }
+ }
+ tabIndex="-1"
+ >
+ <WithStyles(ForwardRef(Paper))
+ aria-labelledby="accessibility-title"
+ className="MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm"
+ elevation={24}
+ role="dialog"
+ >
+ <ForwardRef(Paper)
+ aria-labelledby="accessibility-title"
+ className="MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm"
+ classes={
+ Object {
+ "elevation0": "MuiPaper-elevation0",
+ "elevation1": "MuiPaper-elevation1",
+ "elevation10": "MuiPaper-elevation10",
+ "elevation11": "MuiPaper-elevation11",
+ "elevation12": "MuiPaper-elevation12",
+ "elevation13": "MuiPaper-elevation13",
+ "elevation14": "MuiPaper-elevation14",
+ "elevation15": "MuiPaper-elevation15",
+ "elevation16": "MuiPaper-elevation16",
+ "elevation17": "MuiPaper-elevation17",
+ "elevation18": "MuiPaper-elevation18",
+ "elevation19": "MuiPaper-elevation19",
+ "elevation2": "MuiPaper-elevation2",
+ "elevation20": "MuiPaper-elevation20",
+ "elevation21": "MuiPaper-elevation21",
+ "elevation22": "MuiPaper-elevation22",
+ "elevation23": "MuiPaper-elevation23",
+ "elevation24": "MuiPaper-elevation24",
+ "elevation3": "MuiPaper-elevation3",
+ "elevation4": "MuiPaper-elevation4",
+ "elevation5": "MuiPaper-elevation5",
+ "elevation6": "MuiPaper-elevation6",
+ "elevation7": "MuiPaper-elevation7",
+ "elevation8": "MuiPaper-elevation8",
+ "elevation9": "MuiPaper-elevation9",
+ "outlined": "MuiPaper-outlined",
+ "root": "MuiPaper-root",
+ "rounded": "MuiPaper-rounded",
+ }
+ }
+ elevation={24}
+ role="dialog"
+ >
+ <div
+ aria-labelledby="accessibility-title"
+ className="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ role="dialog"
+ >
+ <div
+ id="accessibility-title"
+ >
+ consumption_visualizer.modal.window_title
+ </div>
+ <WithStyles(ForwardRef(IconButton))
+ aria-label="consumption_visualizer.modal.close"
+ className="modal-paper-close-button"
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(IconButton)
+ aria-label="consumption_visualizer.modal.close"
+ className="modal-paper-close-button"
+ classes={
+ Object {
+ "colorInherit": "MuiIconButton-colorInherit",
+ "colorPrimary": "MuiIconButton-colorPrimary",
+ "colorSecondary": "MuiIconButton-colorSecondary",
+ "disabled": "Mui-disabled",
+ "edgeEnd": "MuiIconButton-edgeEnd",
+ "edgeStart": "MuiIconButton-edgeStart",
+ "label": "MuiIconButton-label",
+ "root": "MuiIconButton-root",
+ "sizeSmall": "MuiIconButton-sizeSmall",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="consumption_visualizer.modal.close"
+ centerRipple={true}
+ className="MuiIconButton-root modal-paper-close-button"
+ disabled={false}
+ focusRipple={true}
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="consumption_visualizer.modal.close"
+ centerRipple={true}
+ className="MuiIconButton-root modal-paper-close-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ disabled={false}
+ focusRipple={true}
+ onClick={[MockFunction]}
+ >
+ <button
+ aria-label="consumption_visualizer.modal.close"
+ className="MuiButtonBase-root MuiIconButton-root modal-paper-close-button"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[MockFunction]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiIconButton-label"
+ >
+ <Icon
+ icon="test-file-stub"
+ size={16}
+ spin={false}
+ >
+ <Component
+ className="styles__icon___23x3R"
+ height={16}
+ style={Object {}}
+ width={16}
+ >
+ <svg
+ className="styles__icon___23x3R"
+ height={16}
+ style={Object {}}
+ width={16}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={true}
+ >
+ <ForwardRef(TouchRipple)
+ center={true}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(IconButton)>
+ </WithStyles(ForwardRef(IconButton))>
+ <div
+ className="delete-grdf-modal"
+ >
+ <div
+ className="icon-main"
+ >
+ <Icon
+ icon="test-file-stub"
+ size={135}
+ spin={false}
+ >
+ <Component
+ className="styles__icon___23x3R"
+ height={135}
+ style={Object {}}
+ width={135}
+ >
+ <svg
+ className="styles__icon___23x3R"
+ height={135}
+ style={Object {}}
+ width={135}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </div>
+ <div
+ className="text-15-normal text1"
+ >
+ delete_grdf_modal.text1
+ </div>
+ <div
+ className="text-16-normal text2"
+ >
+ delete_grdf_modal.text2
+ </div>
+ <div
+ className="text-15-normal text3"
+ >
+ delete_grdf_modal.text3
+ </div>
+ <div
+ className="buttons"
+ >
+ <WithStyles(ForwardRef(Button))
+ aria-label="delete_grdf_modal.cancel"
+ classes={
+ Object {
+ "label": "text-16-normal",
+ "root": "btn-secondary-positive",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(Button)
+ aria-label="delete_grdf_modal.cancel"
+ classes={
+ Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-16-normal",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-secondary-positive",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="delete_grdf_modal.cancel"
+ className="MuiButton-root btn-secondary-positive MuiButton-text"
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[MockFunction]}
+ type="button"
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="delete_grdf_modal.cancel"
+ className="MuiButton-root btn-secondary-positive MuiButton-text"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[MockFunction]}
+ type="button"
+ >
+ <button
+ aria-label="delete_grdf_modal.cancel"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-positive MuiButton-text"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[MockFunction]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiButton-label text-16-normal"
+ >
+ delete_grdf_modal.cancel
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ <WithStyles(ForwardRef(Button))
+ aria-label="delete_grdf_modal.go"
+ classes={
+ Object {
+ "label": "text-16-bold",
+ "root": "btn-highlight",
+ }
+ }
+ onClick={[Function]}
+ >
+ <ForwardRef(Button)
+ aria-label="delete_grdf_modal.go"
+ classes={
+ Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-16-bold",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-highlight",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
+ }
+ }
+ onClick={[Function]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="delete_grdf_modal.go"
+ className="MuiButton-root btn-highlight MuiButton-text"
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ type="button"
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="delete_grdf_modal.go"
+ className="MuiButton-root btn-highlight MuiButton-text"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ type="button"
+ >
+ <button
+ aria-label="delete_grdf_modal.go"
+ className="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiButton-label text-16-bold"
+ >
+ delete_grdf_modal.go
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ </div>
+ </div>
+ </div>
+ </ForwardRef(Paper)>
+ </WithStyles(ForwardRef(Paper))>
+ </div>
+ </Transition>
+ </ForwardRef(Fade)>
+ <div
+ data-test="sentinelEnd"
+ tabIndex={0}
+ />
+ </TrapFocus>
+ </div>
+ </Portal>
+ </ForwardRef(Portal)>
+ </ForwardRef(Modal)>
+ </ForwardRef(Dialog)>
+ </WithStyles(ForwardRef(Dialog))>
+</DeleteGRDFAccountModal>
+`;
diff --git a/src/components/Connection/__snapshots__/ExpiredConsentModal.spec.tsx.snap b/src/components/Connection/__snapshots__/ExpiredConsentModal.spec.tsx.snap
new file mode 100644
index 0000000000000000000000000000000000000000..1e18710ba52c158356a14fcf9c967ff362f63084
--- /dev/null
+++ b/src/components/Connection/__snapshots__/ExpiredConsentModal.spec.tsx.snap
@@ -0,0 +1,1183 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ExpiredConsentModal component should be rendered correctly 1`] = `
+<Provider
+ store={
+ Object {
+ "clearActions": [Function],
+ "dispatch": [Function],
+ "getActions": [Function],
+ "getState": [Function],
+ "replaceReducer": [Function],
+ "subscribe": [Function],
+ }
+ }
+>
+ <ExpiredConsentModal
+ fluidType={0}
+ handleCloseClick={[MockFunction]}
+ open={true}
+ >
+ <WithStyles(ForwardRef(Dialog))
+ aria-labelledby="accessibility-title"
+ classes={
+ Object {
+ "paper": "modal-paper",
+ "root": "modal-root",
+ }
+ }
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Dialog)
+ aria-labelledby="accessibility-title"
+ classes={
+ Object {
+ "container": "MuiDialog-container",
+ "paper": "MuiDialog-paper modal-paper",
+ "paperFullScreen": "MuiDialog-paperFullScreen",
+ "paperFullWidth": "MuiDialog-paperFullWidth",
+ "paperScrollBody": "MuiDialog-paperScrollBody",
+ "paperScrollPaper": "MuiDialog-paperScrollPaper",
+ "paperWidthFalse": "MuiDialog-paperWidthFalse",
+ "paperWidthLg": "MuiDialog-paperWidthLg",
+ "paperWidthMd": "MuiDialog-paperWidthMd",
+ "paperWidthSm": "MuiDialog-paperWidthSm",
+ "paperWidthXl": "MuiDialog-paperWidthXl",
+ "paperWidthXs": "MuiDialog-paperWidthXs",
+ "root": "MuiDialog-root modal-root",
+ "scrollBody": "MuiDialog-scrollBody",
+ "scrollPaper": "MuiDialog-scrollPaper",
+ }
+ }
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Modal)
+ BackdropComponent={
+ Object {
+ "$$typeof": Symbol(react.forward_ref),
+ "Naked": Object {
+ "$$typeof": Symbol(react.forward_ref),
+ "propTypes": Object {
+ "children": [Function],
+ "className": [Function],
+ "classes": [Function],
+ "invisible": [Function],
+ "open": [Function],
+ "transitionDuration": [Function],
+ },
+ "render": [Function],
+ },
+ "displayName": "WithStyles(ForwardRef(Backdrop))",
+ "options": Object {
+ "defaultTheme": Object {
+ "breakpoints": Object {
+ "between": [Function],
+ "down": [Function],
+ "keys": Array [
+ "xs",
+ "sm",
+ "md",
+ "lg",
+ "xl",
+ ],
+ "only": [Function],
+ "up": [Function],
+ "values": Object {
+ "lg": 1280,
+ "md": 960,
+ "sm": 600,
+ "xl": 1920,
+ "xs": 0,
+ },
+ "width": [Function],
+ },
+ "direction": "ltr",
+ "mixins": Object {
+ "gutters": [Function],
+ "toolbar": Object {
+ "@media (min-width:0px) and (orientation: landscape)": Object {
+ "minHeight": 48,
+ },
+ "@media (min-width:600px)": Object {
+ "minHeight": 64,
+ },
+ "minHeight": 56,
+ },
+ },
+ "overrides": Object {},
+ "palette": Object {
+ "action": Object {
+ "active": "rgba(0, 0, 0, 0.54)",
+ "disabled": "rgba(0, 0, 0, 0.26)",
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
+ "hover": "rgba(0, 0, 0, 0.08)",
+ "hoverOpacity": 0.08,
+ "selected": "rgba(0, 0, 0, 0.14)",
+ },
+ "augmentColor": [Function],
+ "background": Object {
+ "default": "#fafafa",
+ "paper": "#fff",
+ },
+ "common": Object {
+ "black": "#000",
+ "white": "#fff",
+ },
+ "contrastThreshold": 3,
+ "divider": "rgba(0, 0, 0, 0.12)",
+ "error": Object {
+ "contrastText": "#fff",
+ "dark": "#d32f2f",
+ "light": "#e57373",
+ "main": "#f44336",
+ },
+ "getContrastText": [Function],
+ "grey": Object {
+ "100": "#f5f5f5",
+ "200": "#eeeeee",
+ "300": "#e0e0e0",
+ "400": "#bdbdbd",
+ "50": "#fafafa",
+ "500": "#9e9e9e",
+ "600": "#757575",
+ "700": "#616161",
+ "800": "#424242",
+ "900": "#212121",
+ "A100": "#d5d5d5",
+ "A200": "#aaaaaa",
+ "A400": "#303030",
+ "A700": "#616161",
+ },
+ "info": Object {
+ "contrastText": "#fff",
+ "dark": "#1976d2",
+ "light": "#64b5f6",
+ "main": "#2196f3",
+ },
+ "primary": Object {
+ "contrastText": "#fff",
+ "dark": "#303f9f",
+ "light": "#7986cb",
+ "main": "#3f51b5",
+ },
+ "secondary": Object {
+ "contrastText": "#fff",
+ "dark": "#c51162",
+ "light": "#ff4081",
+ "main": "#f50057",
+ },
+ "success": Object {
+ "contrastText": "rgba(0, 0, 0, 0.87)",
+ "dark": "#388e3c",
+ "light": "#81c784",
+ "main": "#4caf50",
+ },
+ "text": Object {
+ "disabled": "rgba(0, 0, 0, 0.38)",
+ "hint": "rgba(0, 0, 0, 0.38)",
+ "primary": "rgba(0, 0, 0, 0.87)",
+ "secondary": "rgba(0, 0, 0, 0.54)",
+ },
+ "tonalOffset": 0.2,
+ "type": "light",
+ "warning": Object {
+ "contrastText": "rgba(0, 0, 0, 0.87)",
+ "dark": "#f57c00",
+ "light": "#ffb74d",
+ "main": "#ff9800",
+ },
+ },
+ "props": Object {},
+ "shadows": Array [
+ "none",
+ "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+ "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+ "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+ ],
+ "shape": Object {
+ "borderRadius": 4,
+ },
+ "spacing": [Function],
+ "transitions": Object {
+ "create": [Function],
+ "duration": Object {
+ "complex": 375,
+ "enteringScreen": 225,
+ "leavingScreen": 195,
+ "short": 250,
+ "shorter": 200,
+ "shortest": 150,
+ "standard": 300,
+ },
+ "easing": Object {
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+ },
+ "getAutoHeightDuration": [Function],
+ },
+ "typography": Object {
+ "body1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00938em",
+ "lineHeight": 1.5,
+ },
+ "body2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.01071em",
+ "lineHeight": 1.43,
+ },
+ "button": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.02857em",
+ "lineHeight": 1.75,
+ "textTransform": "uppercase",
+ },
+ "caption": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.75rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.03333em",
+ "lineHeight": 1.66,
+ },
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": 14,
+ "fontWeightBold": 700,
+ "fontWeightLight": 300,
+ "fontWeightMedium": 500,
+ "fontWeightRegular": 400,
+ "h1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "6rem",
+ "fontWeight": 300,
+ "letterSpacing": "-0.01562em",
+ "lineHeight": 1.167,
+ },
+ "h2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "3.75rem",
+ "fontWeight": 300,
+ "letterSpacing": "-0.00833em",
+ "lineHeight": 1.2,
+ },
+ "h3": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "3rem",
+ "fontWeight": 400,
+ "letterSpacing": "0em",
+ "lineHeight": 1.167,
+ },
+ "h4": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "2.125rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00735em",
+ "lineHeight": 1.235,
+ },
+ "h5": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1.5rem",
+ "fontWeight": 400,
+ "letterSpacing": "0em",
+ "lineHeight": 1.334,
+ },
+ "h6": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1.25rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.0075em",
+ "lineHeight": 1.6,
+ },
+ "htmlFontSize": 16,
+ "overline": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.75rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.08333em",
+ "lineHeight": 2.66,
+ "textTransform": "uppercase",
+ },
+ "pxToRem": [Function],
+ "round": [Function],
+ "subtitle1": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "1rem",
+ "fontWeight": 400,
+ "letterSpacing": "0.00938em",
+ "lineHeight": 1.75,
+ },
+ "subtitle2": Object {
+ "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+ "fontSize": "0.875rem",
+ "fontWeight": 500,
+ "letterSpacing": "0.00714em",
+ "lineHeight": 1.57,
+ },
+ },
+ "zIndex": Object {
+ "appBar": 1100,
+ "drawer": 1200,
+ "mobileStepper": 1000,
+ "modal": 1300,
+ "snackbar": 1400,
+ "speedDial": 1050,
+ "tooltip": 1500,
+ },
+ },
+ "name": "MuiBackdrop",
+ },
+ "propTypes": Object {
+ "classes": [Function],
+ "innerRef": [Function],
+ },
+ "render": [Function],
+ "useStyles": [Function],
+ }
+ }
+ BackdropProps={
+ Object {
+ "transitionDuration": Object {
+ "enter": 225,
+ "exit": 195,
+ },
+ }
+ }
+ className="MuiDialog-root modal-root"
+ closeAfterTransition={true}
+ disableBackdropClick={false}
+ disableEscapeKeyDown={false}
+ onClose={[MockFunction]}
+ open={true}
+ >
+ <ForwardRef(Portal)
+ disablePortal={false}
+ >
+ <Portal
+ containerInfo={
+ <body
+ style="padding-right: 0px; overflow: hidden;"
+ >
+ <div
+ class="MuiDialog-root modal-root"
+ role="presentation"
+ style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
+ >
+ <div
+ aria-hidden="true"
+ class="MuiBackdrop-root"
+ style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+ />
+ <div
+ data-test="sentinelStart"
+ tabindex="0"
+ />
+ <div
+ class="MuiDialog-container MuiDialog-scrollPaper"
+ role="none presentation"
+ style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+ tabindex="-1"
+ >
+ <div
+ aria-labelledby="accessibility-title"
+ class="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ role="dialog"
+ >
+ <div
+ id="accessibility-title"
+ >
+ consumption_visualizer.modal.window_title
+ </div>
+ <button
+ aria-label="consumption_visualizer.modal.close"
+ class="MuiButtonBase-root MuiIconButton-root modal-paper-close-button"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiIconButton-label"
+ >
+ <svg
+ class="styles__icon___23x3R"
+ height="16"
+ width="16"
+ >
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ <div
+ class="expired-consent-modal"
+ >
+ <div
+ class="icon-main"
+ >
+ <svg
+ class="styles__icon___23x3R"
+ height="135"
+ width="135"
+ >
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </div>
+ <div
+ class="text-20-normal title electricity"
+ >
+ consent_outdated.title.0
+ </div>
+ <div
+ class="text-16-normal text1"
+ >
+ consent_outdated.text1.0
+ </div>
+ <div
+ class="text-16-normal justified-text"
+ >
+ consent_outdated.text2.0
+ </div>
+ <div
+ class="buttons"
+ >
+ <button
+ aria-label="consent_outdated.later"
+ class="MuiButtonBase-root MuiButton-root btn-secondary-positive MuiButton-text"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiButton-label text-16-normal"
+ >
+ consent_outdated.later
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ <button
+ aria-label="consent_outdated.go"
+ class="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ tabindex="0"
+ type="button"
+ >
+ <span
+ class="MuiButton-label text-16-bold"
+ >
+ consent_outdated.go
+ </span>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ data-test="sentinelEnd"
+ tabindex="0"
+ />
+ </div>
+ </body>
+ }
+ >
+ <div
+ className="MuiDialog-root modal-root"
+ onKeyDown={[Function]}
+ role="presentation"
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "fixed",
+ "right": 0,
+ "top": 0,
+ "zIndex": 1300,
+ }
+ }
+ >
+ <WithStyles(ForwardRef(Backdrop))
+ onClick={[Function]}
+ open={true}
+ transitionDuration={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <ForwardRef(Backdrop)
+ classes={
+ Object {
+ "invisible": "MuiBackdrop-invisible",
+ "root": "MuiBackdrop-root",
+ }
+ }
+ onClick={[Function]}
+ open={true}
+ transitionDuration={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <ForwardRef(Fade)
+ in={true}
+ onClick={[Function]}
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <Transition
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onClick={[Function]}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ unmountOnExit={false}
+ >
+ <div
+ aria-hidden={true}
+ className="MuiBackdrop-root"
+ onClick={[Function]}
+ style={
+ Object {
+ "opacity": 1,
+ "visibility": undefined,
+ }
+ }
+ />
+ </Transition>
+ </ForwardRef(Fade)>
+ </ForwardRef(Backdrop)>
+ </WithStyles(ForwardRef(Backdrop))>
+ <TrapFocus
+ disableAutoFocus={false}
+ disableEnforceFocus={false}
+ disableRestoreFocus={false}
+ getDoc={[Function]}
+ isEnabled={[Function]}
+ open={true}
+ >
+ <div
+ data-test="sentinelStart"
+ tabIndex={0}
+ />
+ <ForwardRef(Fade)
+ appear={true}
+ in={true}
+ onEnter={[Function]}
+ onExited={[Function]}
+ role="none presentation"
+ tabIndex="-1"
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ >
+ <Transition
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ role="none presentation"
+ tabIndex="-1"
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
+ }
+ }
+ unmountOnExit={false}
+ >
+ <div
+ className="MuiDialog-container MuiDialog-scrollPaper"
+ onClick={[Function]}
+ onMouseDown={[Function]}
+ role="none presentation"
+ style={
+ Object {
+ "opacity": 1,
+ "visibility": undefined,
+ }
+ }
+ tabIndex="-1"
+ >
+ <WithStyles(ForwardRef(Paper))
+ aria-labelledby="accessibility-title"
+ className="MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm"
+ elevation={24}
+ role="dialog"
+ >
+ <ForwardRef(Paper)
+ aria-labelledby="accessibility-title"
+ className="MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm"
+ classes={
+ Object {
+ "elevation0": "MuiPaper-elevation0",
+ "elevation1": "MuiPaper-elevation1",
+ "elevation10": "MuiPaper-elevation10",
+ "elevation11": "MuiPaper-elevation11",
+ "elevation12": "MuiPaper-elevation12",
+ "elevation13": "MuiPaper-elevation13",
+ "elevation14": "MuiPaper-elevation14",
+ "elevation15": "MuiPaper-elevation15",
+ "elevation16": "MuiPaper-elevation16",
+ "elevation17": "MuiPaper-elevation17",
+ "elevation18": "MuiPaper-elevation18",
+ "elevation19": "MuiPaper-elevation19",
+ "elevation2": "MuiPaper-elevation2",
+ "elevation20": "MuiPaper-elevation20",
+ "elevation21": "MuiPaper-elevation21",
+ "elevation22": "MuiPaper-elevation22",
+ "elevation23": "MuiPaper-elevation23",
+ "elevation24": "MuiPaper-elevation24",
+ "elevation3": "MuiPaper-elevation3",
+ "elevation4": "MuiPaper-elevation4",
+ "elevation5": "MuiPaper-elevation5",
+ "elevation6": "MuiPaper-elevation6",
+ "elevation7": "MuiPaper-elevation7",
+ "elevation8": "MuiPaper-elevation8",
+ "elevation9": "MuiPaper-elevation9",
+ "outlined": "MuiPaper-outlined",
+ "root": "MuiPaper-root",
+ "rounded": "MuiPaper-rounded",
+ }
+ }
+ elevation={24}
+ role="dialog"
+ >
+ <div
+ aria-labelledby="accessibility-title"
+ className="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ role="dialog"
+ >
+ <div
+ id="accessibility-title"
+ >
+ consumption_visualizer.modal.window_title
+ </div>
+ <WithStyles(ForwardRef(IconButton))
+ aria-label="consumption_visualizer.modal.close"
+ className="modal-paper-close-button"
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(IconButton)
+ aria-label="consumption_visualizer.modal.close"
+ className="modal-paper-close-button"
+ classes={
+ Object {
+ "colorInherit": "MuiIconButton-colorInherit",
+ "colorPrimary": "MuiIconButton-colorPrimary",
+ "colorSecondary": "MuiIconButton-colorSecondary",
+ "disabled": "Mui-disabled",
+ "edgeEnd": "MuiIconButton-edgeEnd",
+ "edgeStart": "MuiIconButton-edgeStart",
+ "label": "MuiIconButton-label",
+ "root": "MuiIconButton-root",
+ "sizeSmall": "MuiIconButton-sizeSmall",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="consumption_visualizer.modal.close"
+ centerRipple={true}
+ className="MuiIconButton-root modal-paper-close-button"
+ disabled={false}
+ focusRipple={true}
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="consumption_visualizer.modal.close"
+ centerRipple={true}
+ className="MuiIconButton-root modal-paper-close-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ disabled={false}
+ focusRipple={true}
+ onClick={[MockFunction]}
+ >
+ <button
+ aria-label="consumption_visualizer.modal.close"
+ className="MuiButtonBase-root MuiIconButton-root modal-paper-close-button"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[MockFunction]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiIconButton-label"
+ >
+ <Icon
+ icon="test-file-stub"
+ size={16}
+ spin={false}
+ >
+ <Component
+ className="styles__icon___23x3R"
+ height={16}
+ style={Object {}}
+ width={16}
+ >
+ <svg
+ className="styles__icon___23x3R"
+ height={16}
+ style={Object {}}
+ width={16}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={true}
+ >
+ <ForwardRef(TouchRipple)
+ center={true}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(IconButton)>
+ </WithStyles(ForwardRef(IconButton))>
+ <div
+ className="expired-consent-modal"
+ >
+ <div
+ className="icon-main"
+ >
+ <Icon
+ icon="test-file-stub"
+ size={135}
+ spin={false}
+ >
+ <Component
+ className="styles__icon___23x3R"
+ height={135}
+ style={Object {}}
+ width={135}
+ >
+ <svg
+ className="styles__icon___23x3R"
+ height={135}
+ style={Object {}}
+ width={135}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </div>
+ <div
+ className="text-20-normal title electricity"
+ >
+ consent_outdated.title.0
+ </div>
+ <div
+ className="text-16-normal text1"
+ >
+ consent_outdated.text1.0
+ </div>
+ <div
+ className="text-16-normal justified-text"
+ >
+ consent_outdated.text2.0
+ </div>
+ <div
+ className="buttons"
+ >
+ <WithStyles(ForwardRef(Button))
+ aria-label="consent_outdated.later"
+ classes={
+ Object {
+ "label": "text-16-normal",
+ "root": "btn-secondary-positive",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <ForwardRef(Button)
+ aria-label="consent_outdated.later"
+ classes={
+ Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-16-normal",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-secondary-positive",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
+ }
+ }
+ onClick={[MockFunction]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="consent_outdated.later"
+ className="MuiButton-root btn-secondary-positive MuiButton-text"
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[MockFunction]}
+ type="button"
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="consent_outdated.later"
+ className="MuiButton-root btn-secondary-positive MuiButton-text"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[MockFunction]}
+ type="button"
+ >
+ <button
+ aria-label="consent_outdated.later"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-positive MuiButton-text"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[MockFunction]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiButton-label text-16-normal"
+ >
+ consent_outdated.later
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ <WithStyles(ForwardRef(Button))
+ aria-label="consent_outdated.go"
+ classes={
+ Object {
+ "label": "text-16-bold",
+ "root": "btn-highlight",
+ }
+ }
+ onClick={[Function]}
+ >
+ <ForwardRef(Button)
+ aria-label="consent_outdated.go"
+ classes={
+ Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-16-bold",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-highlight",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
+ }
+ }
+ onClick={[Function]}
+ >
+ <WithStyles(ForwardRef(ButtonBase))
+ aria-label="consent_outdated.go"
+ className="MuiButton-root btn-highlight MuiButton-text"
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ type="button"
+ >
+ <ForwardRef(ButtonBase)
+ aria-label="consent_outdated.go"
+ className="MuiButton-root btn-highlight MuiButton-text"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ type="button"
+ >
+ <button
+ aria-label="consent_outdated.go"
+ className="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
+ >
+ <span
+ className="MuiButton-label text-16-bold"
+ >
+ consent_outdated.go
+ </span>
+ <NoSsr>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </NoSsr>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ </div>
+ </div>
+ </div>
+ </ForwardRef(Paper)>
+ </WithStyles(ForwardRef(Paper))>
+ </div>
+ </Transition>
+ </ForwardRef(Fade)>
+ <div
+ data-test="sentinelEnd"
+ tabIndex={0}
+ />
+ </TrapFocus>
+ </div>
+ </Portal>
+ </ForwardRef(Portal)>
+ </ForwardRef(Modal)>
+ </ForwardRef(Dialog)>
+ </WithStyles(ForwardRef(Dialog))>
+ </ExpiredConsentModal>
+</Provider>
+`;
diff --git a/src/components/Connection/connectionResult.scss b/src/components/Connection/connectionResult.scss
index cf5f6477a5d5914c15f78385e3041f8cd2fab937..8d4e5d1ada012afebae7e5115840670f8169f4c4 100644
--- a/src/components/Connection/connectionResult.scss
+++ b/src/components/Connection/connectionResult.scss
@@ -7,7 +7,8 @@
@media #{$tablet} {
margin: 0 0 0.25rem;
}
- .connection-update-errored {
+ .connection-update-errored,
+ .connection-caption-errored {
background-color: $red-primary;
margin: 0 -2.5rem;
padding: 0.4rem 2.5rem;
@@ -17,11 +18,7 @@
margin: 0 -1.2rem;
padding: 0.4rem 1.2rem;
}
- .connection-caption-errored {
- display: flex;
- align-items: center;
- color: $grey-bright;
- }
+
.warning-icon {
margin-right: 1rem;
}
diff --git a/src/components/Connection/deleteGRDFAccountModal.scss b/src/components/Connection/deleteGRDFAccountModal.scss
new file mode 100644
index 0000000000000000000000000000000000000000..be8f7158ed857f66f5ddbdc5549aa64e364c4b45
--- /dev/null
+++ b/src/components/Connection/deleteGRDFAccountModal.scss
@@ -0,0 +1,26 @@
+@import '../../styles/base/color';
+
+.delete-grdf-modal {
+ .icon-main {
+ display: flex;
+ svg {
+ margin: auto;
+ }
+ }
+ .text1 {
+ margin-top: 1rem;
+ }
+ .text2 {
+ color: $grey-bright;
+ margin: 1rem 0;
+ }
+ .text3 {
+ margin-bottom: 1rem;
+ }
+ .buttons {
+ display: flex;
+ button.btn-secondary-positive {
+ margin-right: 1rem;
+ }
+ }
+}
diff --git a/src/components/Connection/expiredConsentModal.scss b/src/components/Connection/expiredConsentModal.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1c67d8684f3e1987194936bc92ba0cc272df55e3
--- /dev/null
+++ b/src/components/Connection/expiredConsentModal.scss
@@ -0,0 +1,29 @@
+@import '../../styles/base/color';
+
+.expired-consent-modal {
+ .icon-main {
+ display: flex;
+ svg {
+ margin: auto;
+ }
+ }
+ .title {
+ text-align: center;
+ &.electricity {
+ color: $elec-color;
+ }
+ &.gas {
+ color: $gas-color;
+ }
+ }
+ .text1 {
+ color: $grey-bright;
+ margin: 1rem 0;
+ }
+ .buttons {
+ display: flex;
+ button.btn-secondary-positive {
+ margin-right: 1rem;
+ }
+ }
+}
diff --git a/src/components/Home/ConsumptionView.spec.tsx b/src/components/Home/ConsumptionView.spec.tsx
index bfb1c23bda96af882ada6e14ebfaa088b7614c02..a272d2bf25de666933374873ca1bbaec1ffd4698 100644
--- a/src/components/Home/ConsumptionView.spec.tsx
+++ b/src/components/Home/ConsumptionView.spec.tsx
@@ -5,6 +5,7 @@ import { Provider } from 'react-redux'
import * as reactRedux from 'react-redux'
import {
createMockStore,
+ mockExpiredElec,
mockInitialEcolyoState,
} from '../../../tests/__mocks__/store'
import * as chartActions from 'store/chart/chart.actions'
@@ -13,6 +14,7 @@ import { TimeStep } from 'enum/timeStep.enum'
import StyledSpinner from 'components/CommonKit/Spinner/StyledSpinner'
import ConsumptionView from './ConsumptionView'
import { FluidStatus } from 'models'
+import { mockTestProfile1 } from '../../../tests/__mocks__/profileType.mock'
jest.mock('cozy-ui/transpiled/react/I18n', () => {
return {
@@ -23,6 +25,14 @@ jest.mock('cozy-ui/transpiled/react/I18n', () => {
}),
}
})
+const mockUpdateProfile = jest.fn()
+jest.mock('services/profile.service', () => {
+ return jest.fn(() => {
+ return {
+ updateProfile: mockUpdateProfile,
+ }
+ })
+})
jest.mock('components/Header/CozyBar', () => 'mock-cozybar')
jest.mock('components/Header/Header', () => 'mock-header')
@@ -40,6 +50,10 @@ jest.mock(
'components/PartnersIssue/PartnersIssueModal',
() => 'mock-partnersissuemodal'
)
+jest.mock(
+ 'components/Connection/ExpiredConsentModal',
+ () => 'mock-expiredconsentmodal'
+)
const useSelectorSpy = jest.spyOn(reactRedux, 'useSelector')
const useDispatchSpy = jest.spyOn(reactRedux, 'useDispatch')
@@ -163,4 +177,43 @@ describe('ConsumptionView component', () => {
expect(wrapper.find('.consumptionview-content').exists()).toBeTruthy()
expect(wrapper.find('mock-consumptiondetails').exists()).toBeTruthy()
})
+ it('should show partner issue Modal', async () => {
+ const updatedStatus: FluidStatus[] =
+ mockInitialEcolyoState.global.fluidStatus
+ updatedStatus[0] = mockExpiredElec
+ useSelectorSpy.mockReturnValue({
+ currentTimeStep: TimeStep.WEEK,
+ loading: true,
+ fluidStatus: updatedStatus,
+ releaseNotes: mockInitialEcolyoState.global.releaseNotes,
+ openPartnersIssueModal: true,
+ })
+ useDispatchSpy.mockReturnValue(jest.fn())
+ mockUpdateProfile.mockResolvedValue(mockTestProfile1)
+ const wrapper = mount(
+ <Provider store={store}>
+ <ConsumptionView fluidType={FluidType.ELECTRICITY} />
+ </Provider>
+ )
+ expect(wrapper.find('mock-partnersissuemodal').exists()).toBeTruthy()
+ })
+ it('should show expired modal when a fluid oauth is expired', () => {
+ const updatedStatus: FluidStatus[] =
+ mockInitialEcolyoState.global.fluidStatus
+ updatedStatus[0] = mockExpiredElec
+ useSelectorSpy.mockReturnValue({
+ currentTimeStep: TimeStep.WEEK,
+ loading: true,
+ fluidStatus: updatedStatus,
+ releaseNotes: mockInitialEcolyoState.global.releaseNotes,
+ openPartnersIssueModal: false,
+ })
+ useDispatchSpy.mockReturnValue(jest.fn())
+ const wrapper = mount(
+ <Provider store={store}>
+ <ConsumptionView fluidType={FluidType.MULTIFLUID} />
+ </Provider>
+ )
+ expect(wrapper.find('mock-expiredconsentmodal').exists()).toBeTruthy()
+ })
})
diff --git a/src/components/Home/ConsumptionView.tsx b/src/components/Home/ConsumptionView.tsx
index 165429fad00f3124df713a9b68923c91f4f8083e..9902d21d2fabe01e8dcc6c2cb11b177bb86e967e 100644
--- a/src/components/Home/ConsumptionView.tsx
+++ b/src/components/Home/ConsumptionView.tsx
@@ -17,13 +17,14 @@ import FluidButtons from 'components/Home/FluidButtons'
import KonnectorViewerCard from 'components/Konnector/KonnectorViewerCard'
import KonnectorViewerList from 'components/Konnector/KonnectorViewerList'
import classNames from 'classnames'
-import { isKonnectorActive } from 'utils/utils'
+import { getKonnectorUpdateError, isKonnectorActive } from 'utils/utils'
import ReleaseNotesModal from './releaseNotesModal'
import { setPartnersIssue, showReleaseNotes } from 'store/global/global.actions'
import PartnersIssueModal from 'components/PartnersIssue/PartnersIssueModal'
import ProfileService from 'services/profile.service'
import { useClient } from 'cozy-client'
import { DateTime } from 'luxon'
+import ExpiredConsentModal from 'components/Connection/ExpiredConsentModal'
interface ConsumptionViewProps {
fluidType: FluidType
@@ -48,7 +49,12 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
const [headerHeight, setHeaderHeight] = useState<number>(0)
const [active, setActive] = useState<boolean>(false)
-
+ const [openExpiredConsentModal, setopenExpiredConsentModal] = useState<
+ boolean
+ >(true)
+ const [consentExpiredFluids, setconsentExpiredFluids] = useState<FluidType[]>(
+ []
+ )
/* eslint-disable @typescript-eslint/no-non-null-assertion */
const updatekey =
@@ -100,6 +106,26 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
dispatch(setLoading(true))
}, [dispatch])
+ useEffect(() => {
+ let subscribed = true
+ //Check if some fluids have expired consent error
+ const expiredConsents = []
+ for (const fluid of fluidStatus) {
+ if (
+ fluid.connection.triggerState &&
+ fluid.connection.triggerState.last_error &&
+ getKonnectorUpdateError(fluid.connection.triggerState.last_error) ===
+ 'error_update_oauth'
+ ) {
+ expiredConsents.push(fluid.fluidType)
+ }
+ }
+ if (subscribed) setconsentExpiredFluids(expiredConsents)
+ return () => {
+ subscribed = false
+ }
+ }, [fluidStatus])
+
return (
<>
<CozyBar titleKey={'navigation.consumption'} />
@@ -143,6 +169,7 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
isDisconnected={false}
setActive={setActive}
active={active}
+ key={fluidType}
/>
</div>
)}
@@ -170,6 +197,17 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
fluidStatus={fluidStatus}
handleCloseClick={handleCloseModal}
/>
+ {consentExpiredFluids.length &&
+ consentExpiredFluids.map(fluid => {
+ return (
+ <ExpiredConsentModal
+ key={fluid}
+ open={openExpiredConsentModal}
+ handleCloseClick={() => setopenExpiredConsentModal(false)}
+ fluidType={fluid}
+ />
+ )
+ })}
</>
)
}
diff --git a/src/components/Konnector/KonnectorViewerCard.tsx b/src/components/Konnector/KonnectorViewerCard.tsx
index 65f3fddaf39ec869972e9e896afe1404ecf97e4f..d4c8098182432dc432703aca2fac730798208c73 100644
--- a/src/components/Konnector/KonnectorViewerCard.tsx
+++ b/src/components/Konnector/KonnectorViewerCard.tsx
@@ -82,7 +82,7 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
const konnector: Konnector | null = fluidStatus.connection.konnector
const account: Account | null = fluidStatus.connection.account
const trigger: Trigger | null = fluidStatus.connection.trigger
- const { fluidStatus: statusArray } = useSelector(
+ const { fluidStatus: statusArray, shouldRefreshConsent } = useSelector(
(state: AppStore) => state.ecolyo.global
)
@@ -107,8 +107,8 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
/* eslint-disable @typescript-eslint/no-non-null-assertion */
const lastDataDate =
fluidType !== FluidType.MULTIFLUID && statusArray[fluidType].lastDataDate
- ? statusArray[fluidType].lastDataDate!.toLocaleString()
- : ''
+ ? statusArray[fluidType].lastDataDate!.toLocaleString() + fluidType
+ : fluidType
const iconType = getParamPicto(fluidStatus.fluidType)
const iconAddType = isParam
@@ -365,7 +365,21 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
sendUsageEventError,
fluidSlug,
sendUsageEventSuccess,
+ fluidStatus.connection,
])
+
+ useEffect(() => {
+ // If user has selected accept button on Expired consent modal, then delete its account
+ async function deleteAccountForConsentRefresh() {
+ if (shouldRefreshConsent && account) {
+ const accountService = new AccountService(client)
+ await accountService.deleteAccount(account)
+ await handleAccountDeletion()
+ }
+ }
+ deleteAccountForConsentRefresh()
+ }, [account, client, handleAccountDeletion, shouldRefreshConsent])
+
return (
<>
{!isDisconnected ? (
diff --git a/src/components/PartnersIssue/PartnersIssueModal.tsx b/src/components/PartnersIssue/PartnersIssueModal.tsx
index 68a048023fb21988e5eab605fbee962be8f6f20d..84a49f61d48be1006412829b5198450b3742102d 100644
--- a/src/components/PartnersIssue/PartnersIssueModal.tsx
+++ b/src/components/PartnersIssue/PartnersIssueModal.tsx
@@ -78,7 +78,7 @@ const PartnersIssueModal: React.FC<PartnersIssueModalProps> = ({
<Button
onClick={handleCloseClick}
classes={{
- root: 'btn-highlight',
+ root: 'btn-highlight partnermodalclose',
label: 'text-16-bold',
}}
>
diff --git a/src/components/PartnersIssue/__snapshots__/PartnersIssueModal.spec.tsx.snap b/src/components/PartnersIssue/__snapshots__/PartnersIssueModal.spec.tsx.snap
index 8c6fbfe31dcd94a9709905cd1b5e8235f8dd750b..f3a773803581b4d3dcc445c61ef957e9a02f5af9 100644
--- a/src/components/PartnersIssue/__snapshots__/PartnersIssueModal.spec.tsx.snap
+++ b/src/components/PartnersIssue/__snapshots__/PartnersIssueModal.spec.tsx.snap
@@ -540,7 +540,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
consumption.partners_issue_modal.text_2
</div>
<button
- class="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ class="MuiButtonBase-root MuiButton-root btn-highlight partnermodalclose MuiButton-text"
tabindex="0"
type="button"
>
@@ -949,7 +949,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
classes={
Object {
"label": "text-16-bold",
- "root": "btn-highlight",
+ "root": "btn-highlight partnermodalclose",
}
}
onClick={[MockFunction]}
@@ -977,7 +977,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
"outlinedSecondary": "MuiButton-outlinedSecondary",
"outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
"outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
- "root": "MuiButton-root btn-highlight",
+ "root": "MuiButton-root btn-highlight partnermodalclose",
"sizeLarge": "MuiButton-sizeLarge",
"sizeSmall": "MuiButton-sizeSmall",
"startIcon": "MuiButton-startIcon",
@@ -991,7 +991,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
onClick={[MockFunction]}
>
<WithStyles(ForwardRef(ButtonBase))
- className="MuiButton-root btn-highlight MuiButton-text"
+ className="MuiButton-root btn-highlight partnermodalclose MuiButton-text"
component="button"
disabled={false}
focusRipple={true}
@@ -1000,7 +1000,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
type="button"
>
<ForwardRef(ButtonBase)
- className="MuiButton-root btn-highlight MuiButton-text"
+ className="MuiButton-root btn-highlight partnermodalclose MuiButton-text"
classes={
Object {
"disabled": "Mui-disabled",
@@ -1016,7 +1016,7 @@ exports[`PartnersIssueModal component should render correctly 1`] = `
type="button"
>
<button
- className="MuiButtonBase-root MuiButton-root btn-highlight MuiButton-text"
+ className="MuiButtonBase-root MuiButton-root btn-highlight partnermodalclose MuiButton-text"
disabled={false}
onBlur={[Function]}
onClick={[MockFunction]}
diff --git a/src/locales/fr.json b/src/locales/fr.json
index ff622bf167cddf610336b48ad795371aac107e3b..6cb0841fcd080c6d87344aed1099bd8dda7a995b 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -686,7 +686,8 @@
"error_no_login_password": "Identifiant et mot de passe requis",
"error_login_failed": "Identifiants invalides",
"error_update": "Un problème est survenu lors du rapatriement de vos données.",
- "error_update_oauth": "Le service demande d'autoriser à nouveau votre accès. Merci de supprimer puis reconnecter votre compte. Aucune donnée ne sera perdue.",
+ "error_update_oauth": "Votre autorisation pour afficher vos données %{fluid} a expiré.",
+ "button_oauth_reload": "Redonner mon consentement",
"OK": "Ok",
"accessibility": {
"button_install": "Installer le connecteur",
@@ -732,6 +733,29 @@
"button_close": "Fermer la fenêtre"
}
},
+ "consent_outdated": {
+ "title": {
+ "0": "Votre autorisation pour afficher vos données d’électricité a expiré",
+ "2": "Votre autorisation pour afficher vos données de gaz a expiré"
+ },
+ "text1": {
+ "0": "Veuillez re-donner votre consentement pour la transmission et la reconnexion de vos données ENEDIS à Ecolyo.",
+ "2": "Veuillez re-donner votre accord pour que GRDF nous transmette vos données de consommation."
+ },
+ "text2": {
+ "0": "Voulez-vous donner votre accord sur votre compte ENEDIS maintenant ?",
+ "2": "Voulez-vous donner votre accord sur votre compte GRDF maintenant ?"
+ },
+ "later": "Plus tard",
+ "go": "J'y vais"
+ },
+ "delete_grdf_modal": {
+ "text1": "La suppression de la connexion avec GRDF s’accompagne de la suppression de votre consentement à partager vos données gaz avec Ecolyo.",
+ "text2": "Si vous souhaitez vous reconnecter, il vous faudra re-donner votre accord pour que GRDF nous transmette vos données de consommation.",
+ "text3": "Voulez-vous supprimer votre connexion et votre consentement à GRDF ?",
+ "cancel": "Plus tard",
+ "go": "Oui"
+ },
"legal": {
"read_legal": "Lire les mentions légales",
"title_legal": "Mentions légales",
diff --git a/src/models/global.model.ts b/src/models/global.model.ts
index fe53a81b9f8f6cdcf8cfc385dea7bdb07766a8d8..afc5f92b5d4d8e15b44f06699755fa5c901afd3a 100644
--- a/src/models/global.model.ts
+++ b/src/models/global.model.ts
@@ -15,4 +15,5 @@ export interface GlobalState {
fluidStatus: FluidStatus[]
fluidTypes: FluidType[]
openPartnersIssueModal: boolean
+ shouldRefreshConsent: boolean
}
diff --git a/src/store/global/global.actions.ts b/src/store/global/global.actions.ts
index ae47957ff5f3f41d33b7d48e0ad79ab10bbd1c77..294d00f0a458c5eb7156ac7377d99f8cc3799b5a 100644
--- a/src/store/global/global.actions.ts
+++ b/src/store/global/global.actions.ts
@@ -16,7 +16,7 @@ export const SET_FLUID_STATUS = 'SET_FLUID_STATUS'
export const UPDATE_FLUID_CONNECTION = 'UPDATE_FLUID_CONNECTION'
export const UPDATE_TERMS_VALIDATION = 'UPDATE_TERMS_VALIDATION'
export const SET_PARTNERS_ISSUE = 'SET_PARTNERS_ISSUE'
-
+export const SET_SHOULD_REFRESH_CONSENT = 'SET_SHOULD_REFRESH_CONSENT'
interface ChangeScreenType {
type: typeof CHANGE_SCREEN_TYPE
payload?: ScreenType
@@ -67,6 +67,11 @@ interface SetPartnersIssue {
payload?: boolean
}
+interface SetShouldRefreshConsent {
+ type: typeof SET_SHOULD_REFRESH_CONSENT
+ payload?: boolean
+}
+
export type GlobalActionTypes =
| ChangeScreenType
| ToogleChallengeExplorationNotification
@@ -78,6 +83,7 @@ export type GlobalActionTypes =
| UpdateTermValidation
| ShowReleaseNotes
| SetPartnersIssue
+ | SetShouldRefreshConsent
export function changeScreenType(screenType: ScreenType): GlobalActionTypes {
return {
@@ -163,3 +169,11 @@ export function setPartnersIssue(
payload: openPartnersIssueModal,
}
}
+export function setShouldRefreshConsent(
+ shouldRefreshConsent: boolean
+): GlobalActionTypes {
+ return {
+ type: SET_SHOULD_REFRESH_CONSENT,
+ payload: shouldRefreshConsent,
+ }
+}
diff --git a/src/store/global/global.reducer.ts b/src/store/global/global.reducer.ts
index 123d0b524957a7d1db4fe633c9feb21c439a372b..0bbbbc10aa323af51df0cf642dc6c721fd93ebd4 100644
--- a/src/store/global/global.reducer.ts
+++ b/src/store/global/global.reducer.ts
@@ -11,6 +11,7 @@ import {
UPDATE_TERMS_VALIDATION,
SHOW_RELEASE_NOTES,
SET_PARTNERS_ISSUE,
+ SET_SHOULD_REFRESH_CONSENT,
} from 'store/global/global.actions'
import { FluidStatus, GlobalState } from 'models'
import { ScreenType } from 'enum/screen.enum'
@@ -102,6 +103,7 @@ const initialState: GlobalState = {
],
fluidTypes: [],
openPartnersIssueModal: false,
+ shouldRefreshConsent: false,
}
const getFluidTypesFromStatus = (fluidStatus: FluidStatus[]): FluidType[] => {
@@ -187,6 +189,13 @@ export const globalReducer: Reducer<GlobalState> = (
openPartnersIssueModal: action.payload,
}
: state
+ case SET_SHOULD_REFRESH_CONSENT:
+ return action.payload != undefined
+ ? {
+ ...state,
+ shouldRefreshConsent: action.payload,
+ }
+ : state
case UPDATE_FLUID_CONNECTION:
if (action.payload !== undefined) {
const updatedFluidStatus = [...state.fluidStatus]
diff --git a/src/store/profile/profile.reducer.ts b/src/store/profile/profile.reducer.ts
index 29f92540519b2612bae94dde63e2d4f5e6411e05..8bfcc0cb5cfe96d5c5f25e8d3268461ab3289db7 100644
--- a/src/store/profile/profile.reducer.ts
+++ b/src/store/profile/profile.reducer.ts
@@ -13,6 +13,7 @@ const initialState: Profile = {
duelHash: '',
quizHash: '',
explorationHash: '',
+ fluidPricesHash: '',
isFirstConnection: false,
partnersIssueDate: DateTime.fromISO('0000-01-01T00:00:00.000Z'),
lastConnectionDate: DateTime.fromISO('0000-01-01T00:00:00.000Z'),
diff --git a/tests/__mocks__/globalStateData.mock.ts b/tests/__mocks__/globalStateData.mock.ts
index 056616428ab5ed28c432c353b5db60b90430ee76..4b8de03a74274e1cd9df2f8a74c4df7e440c3210 100644
--- a/tests/__mocks__/globalStateData.mock.ts
+++ b/tests/__mocks__/globalStateData.mock.ts
@@ -83,4 +83,5 @@ export const globalStateData: GlobalState = {
},
],
fluidTypes: [],
+ shouldRefreshConsent: false,
}
diff --git a/tests/__mocks__/store.ts b/tests/__mocks__/store.ts
index 658311f6484563f356e1cc8ac1944ca1a1fe39ed..2b90dae25e2444df697d2e16965f630fbc019ebc 100644
--- a/tests/__mocks__/store.ts
+++ b/tests/__mocks__/store.ts
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/camelcase */
+
import { FluidState, FluidType } from 'enum/fluid.enum'
import {
ConstructionYear,
@@ -16,6 +18,7 @@ import { DateTime } from 'luxon'
import {
ChallengeState,
ChartState,
+ FluidStatus,
GlobalState,
ModalState,
Profile,
@@ -104,6 +107,36 @@ export const mockInitialGlobalState: GlobalState = {
},
],
fluidTypes: [],
+ shouldRefreshConsent: false,
+}
+export const mockExpiredElec: FluidStatus = {
+ fluidType: FluidType.ELECTRICITY,
+ status: FluidState.KONNECTOR_NOT_FOUND,
+ firstDataDate: null,
+ lastDataDate: null,
+ connection: {
+ shouldLaunchKonnector: false,
+ isUpdating: false,
+ konnector: null,
+ account: null,
+ trigger: null,
+ triggerState: {
+ trigger_id: '0',
+ status: '',
+ last_executed_job_id: '',
+ last_execution: '',
+ last_manual_execution: '',
+ last_manual_job_id: '',
+ last_error: 'USER_ACTION_NEEDED.OAUTH_OUTDATED',
+ },
+ konnectorConfig: {
+ name: '',
+ oauth: false,
+ slug: '',
+ siteLink: '',
+ activation: '',
+ },
+ },
}
export const mockInitialProfileState: Profile = {
@@ -112,6 +145,7 @@ export const mockInitialProfileState: Profile = {
challengeHash: '',
duelHash: '',
quizHash: '',
+ fluidPricesHash: '',
explorationHash: '',
isFirstConnection: false,
partnersIssueDate: DateTime.fromISO('0000-01-01T00:00:00.000Z'),