@eohjsc/react-native-smart-city 0.3.33 → 0.3.36

package/assets/images/AddNewDevice/add-gateway-icon.svg

@@ -0,0 +1,13 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.316 0.684039C29.316 0.306255 29.6222 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 25.6182 0.939855 21.4541 2.62962 17.6997C2.78468 17.3552 3.18964 17.2016 3.53414 17.3567C3.87864 17.5117 4.03222 17.9167 3.87717 18.2612C2.26528 21.8425 1.36808 25.8156 1.36808 30C1.36808 45.813 14.187 58.6319 30 58.6319C45.813 58.6319 58.6319 45.813 58.6319 30C58.6319 14.187 45.813 1.36808 30 1.36808C29.6222 1.36808 29.316 1.06182 29.316 0.684039Z" fill="#00979D"/>
+<path d="M44.0034 40.0138C43.9656 40.138 43.9203 40.2621 43.8825 40.394C43.5351 41.4879 42.576 42.1862 41.3752 42.2095C41.1336 42.2172 40.8843 42.2095 40.6049 42.2095C40.6049 42.512 40.6049 42.7991 40.6049 43.0862C40.5974 43.6137 40.2273 44.0172 39.744 44.0094C39.2758 44.0017 38.9132 43.606 38.9057 43.0939C38.9057 42.8146 38.9057 42.5353 38.9057 42.2327C32.6375 42.2327 26.3843 42.2327 20.101 42.2327C20.101 42.512 20.101 42.8069 20.101 43.0939C20.0935 43.6215 19.7159 44.0249 19.2401 44.0094C18.7718 44.0017 18.4093 43.606 18.4018 43.0939C18.4018 42.8146 18.4018 42.5353 18.4018 42.2327C17.994 42.2095 17.6013 42.2095 17.2086 42.1629C15.9927 42.0233 15.0109 40.9138 15.0034 39.6492C14.9958 37.9036 15.0034 36.1579 15.0034 34.4123C15.0034 32.8684 16.0909 31.7357 17.5937 31.7046C18.1148 31.6969 18.6284 31.7046 19.1495 31.7046C26.4901 31.7046 33.8307 31.7046 41.1789 31.7046C42.6893 31.7046 43.5427 32.3641 43.9656 33.8537C43.9731 33.8692 43.9882 33.8847 44.0034 33.8925C44.0034 35.9407 44.0034 37.9734 44.0034 40.0138ZM33.808 36.957C33.808 36.6855 33.8156 36.414 33.808 36.1424C33.8005 35.5993 33.4455 35.2269 32.9471 35.2269C32.4638 35.2269 32.1164 35.5993 32.1088 36.1269C32.1013 36.6777 32.1013 37.2363 32.1088 37.7872C32.1164 38.3148 32.4713 38.6872 32.9547 38.6872C33.438 38.6872 33.7929 38.3225 33.808 37.8027C33.8156 37.5156 33.808 37.2363 33.808 36.957ZM37.2065 36.9648C37.2065 36.6777 37.214 36.3829 37.2065 36.0959C37.1838 35.5916 36.8289 35.2347 36.3606 35.2347C35.8924 35.2347 35.5299 35.5916 35.5148 36.1036C35.4997 36.6777 35.4997 37.2519 35.5148 37.8182C35.5224 38.3303 35.8849 38.6872 36.3531 38.6949C36.8364 38.7027 37.1989 38.338 37.214 37.8105C37.214 37.5234 37.2065 37.2441 37.2065 36.9648ZM38.9057 36.957C38.9057 37.2363 38.8981 37.5234 38.9057 37.8027C38.9208 38.3148 39.2682 38.6794 39.7364 38.6872C40.2198 38.6949 40.5898 38.338 40.6049 37.8182C40.62 37.2441 40.62 36.67 40.6049 36.1036C40.5974 35.5916 40.2349 35.2347 39.7666 35.2347C39.2833 35.2347 38.9284 35.5993 38.9132 36.1191C38.8981 36.3907 38.9057 36.6777 38.9057 36.957Z" fill="#00979D"/>
+<path d="M37.9023 21.3314C37.5927 21.3392 37.3737 21.153 37.1697 20.9513C35.9312 19.7177 34.5039 18.7867 32.8424 18.2979C28.7718 17.0954 25.1393 17.9177 21.9599 20.8194C21.7484 21.0133 21.5067 21.2151 21.2424 21.3082C20.895 21.4323 20.5099 21.2073 20.3362 20.8815C20.1549 20.5323 20.2078 20.1366 20.4872 19.8418C21.2726 19.035 22.1335 18.3522 23.0851 17.7859C25.4263 16.3893 27.9487 15.8075 30.6296 16.0557C33.6807 16.335 36.3013 17.6074 38.4838 19.8108C38.7632 20.0901 38.8388 20.4237 38.7028 20.7961C38.5744 21.1297 38.2648 21.3392 37.9023 21.3314Z" fill="#00979D"/>
+<path d="M36.3686 22.7746C36.3535 23.2944 36.1949 23.5737 35.8626 23.7211C35.5152 23.8763 35.2131 23.7987 34.9186 23.5504C34.4126 23.1315 33.9293 22.666 33.378 22.3324C30.4251 20.5402 26.7623 20.9824 24.255 23.403C24.0134 23.6358 23.7717 23.8375 23.4168 23.791C23.0694 23.7444 22.8201 23.5582 22.7069 23.2091C22.586 22.8522 22.6691 22.5419 22.9259 22.2781C23.9001 21.2772 25.0254 20.5014 26.3394 20.0592C29.9644 18.8411 33.2118 19.5394 36.0212 22.216C36.1949 22.3944 36.2931 22.6582 36.3686 22.7746Z" fill="#00979D"/>
+<path d="M20.834 29.9822C20.2298 29.9822 19.6559 29.99 19.0895 29.9745C19.0215 29.9745 18.9309 29.8271 18.8931 29.734C17.9944 27.5849 17.0957 25.4358 16.197 23.279C15.8496 22.4489 15.4947 21.6109 15.1548 20.773C14.9434 20.2687 15.1322 19.7567 15.5853 19.5627C16.0384 19.3688 16.4991 19.5783 16.7106 20.0825C18.0699 23.3178 19.4218 26.553 20.7736 29.7883C20.7887 29.8426 20.8038 29.8969 20.834 29.9822Z" fill="#00979D"/>
+<path d="M38.1582 29.9898C38.4754 29.2218 38.7775 28.5002 39.0796 27.7865C40.1444 25.234 41.2092 22.6815 42.2741 20.1367C42.5233 19.5471 43.0897 19.3298 43.5579 19.6402C43.928 19.8884 44.0488 20.3307 43.86 20.7884C43.2559 22.2392 42.6517 23.69 42.0475 25.1331C41.4132 26.6615 40.7712 28.1899 40.1368 29.7261C40.0538 29.92 39.9632 30.0054 39.7441 29.9976C39.2306 29.9743 38.7246 29.9898 38.1582 29.9898Z" fill="#00979D"/>
+<path d="M29.5042 23.0381C31.1128 23.0846 32.4948 23.5889 33.6427 24.7139C33.892 24.9544 34.0204 25.2415 33.9297 25.5984C33.8467 25.9397 33.6352 26.157 33.3105 26.2423C32.9782 26.3354 32.7063 26.2113 32.4646 25.9785C31.075 24.6596 29.0511 24.3958 27.4047 25.3423C27.1026 25.513 26.8232 25.7458 26.5664 25.9785C26.136 26.3587 25.63 26.3819 25.2826 26.0018C24.9352 25.6216 24.9805 25.1018 25.4034 24.6906C26.5589 23.5579 27.9636 23.0691 29.5042 23.0381Z" fill="#00979D"/>
+<path d="M31.5958 27.8411C31.5429 28.2213 31.3919 28.4851 31.0898 28.6403C30.7726 28.8032 30.4479 28.7721 30.1609 28.5472C29.6171 28.1282 29.3755 28.1282 28.8393 28.5472C28.4768 28.8342 27.9632 28.7877 27.6687 28.4463C27.3817 28.1127 27.3893 27.6006 27.6914 27.2593C28.6052 26.2274 30.4177 26.2274 31.3088 27.267C31.4447 27.4222 31.5052 27.6472 31.5958 27.8411Z" fill="#00979D"/>
+<path d="M33.8084 36.9567C33.8084 37.236 33.816 37.523 33.8084 37.8023C33.7933 38.3299 33.4383 38.6946 32.955 38.6868C32.4717 38.6868 32.1167 38.3144 32.1092 37.7868C32.1016 37.236 32.1016 36.6774 32.1092 36.1265C32.1167 35.599 32.4717 35.2266 32.9475 35.2266C33.4459 35.2266 33.7933 35.5912 33.8084 36.1421C33.816 36.4136 33.8084 36.6851 33.8084 36.9567Z" fill="white"/>
+<path d="M37.2079 36.9645C37.2079 37.2438 37.2155 37.5309 37.2079 37.8102C37.1928 38.33 36.8303 38.6946 36.347 38.6946C35.8788 38.6869 35.5238 38.3222 35.5087 37.8179C35.5012 37.2438 35.4936 36.6697 35.5087 36.1033C35.5238 35.599 35.8863 35.2344 36.3546 35.2344C36.8303 35.2344 37.1853 35.5913 37.2004 36.0956C37.2155 36.3749 37.2079 36.6697 37.2079 36.9645Z" fill="white"/>
+<path d="M38.906 36.9568C38.906 36.6775 38.8984 36.3904 38.906 36.1111C38.9211 35.5913 39.276 35.2189 39.7594 35.2267C40.2276 35.2267 40.5901 35.5913 40.5977 36.0956C40.6128 36.6697 40.6128 37.2439 40.5977 37.8102C40.5826 38.33 40.2125 38.6947 39.7292 38.6792C39.2609 38.6714 38.9135 38.3068 38.8984 37.7947C38.8984 37.5154 38.906 37.2361 38.906 36.9568Z" fill="white"/>
+</svg>

package/assets/images/AddNewDevice/add-modbus-device-icon.svg

@@ -0,0 +1,8 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.316 0.684039C29.316 0.306255 29.6222 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 25.6182 0.939855 21.4541 2.62962 17.6997C2.78468 17.3552 3.18964 17.2016 3.53414 17.3567C3.87864 17.5117 4.03222 17.9167 3.87717 18.2612C2.26528 21.8425 1.36808 25.8156 1.36808 30C1.36808 45.813 14.187 58.6319 30 58.6319C45.813 58.6319 58.6319 45.813 58.6319 30C58.6319 14.187 45.813 1.36808 30 1.36808C29.6222 1.36808 29.316 1.06182 29.316 0.684039Z" fill="#00979D"/>
+<path d="M30.5217 38.1466C30.2226 38.0931 29.9165 38.0931 29.6175 38.1466C28.606 38.2999 27.7415 38.9559 27.3217 39.8886C26.9015 40.8214 26.983 41.9032 27.5383 42.7623C28.0937 43.6214 29.0467 44.1405 30.0696 44.1405C31.0926 44.1405 32.0455 43.6214 32.6009 42.7623C33.1563 41.9032 33.2377 40.8214 32.8175 39.8886C32.3977 38.9558 31.5332 38.2999 30.5218 38.1466H30.5217Z" fill="#00979D"/>
+<path d="M29.5682 23.0059C29.9018 23.0462 30.2389 23.0462 30.5726 23.0059C31.9379 22.834 33.12 21.9755 33.7063 20.7306C34.2923 19.486 34.2008 18.0277 33.4638 16.8659C32.7265 15.7041 31.4462 15 30.0704 15C28.6947 15 27.4143 15.704 26.677 16.8659C25.94 18.0277 25.8485 19.486 26.4345 20.7306C27.0208 21.9755 28.2028 22.834 29.5683 23.0059H29.5682Z" fill="#00979D"/>
+<path d="M18.466 38.1466C18.1669 38.0931 17.8608 38.0931 17.5618 38.1466C16.5503 38.2999 15.6858 38.9559 15.266 39.8886C14.8459 40.8214 14.9273 41.9032 15.4826 42.7623C16.038 43.6214 16.991 44.1405 18.0139 44.1405C19.0369 44.1405 19.9898 43.6214 20.5452 42.7623C21.1007 41.9032 21.182 40.8214 20.7619 39.8886C20.3421 38.9558 19.4776 38.2999 18.4661 38.1466H18.466Z" fill="#00979D"/>
+<path d="M42.5773 38.1466C42.2783 38.0931 41.9722 38.0931 41.6731 38.1466C40.6616 38.2999 39.7972 38.9559 39.3774 39.8886C38.9572 40.8214 39.0386 41.9032 39.594 42.7623C40.1493 43.6214 41.1023 44.1405 42.1253 44.1405C43.1482 44.1405 44.1011 43.6214 44.6566 42.7623C45.212 41.9032 45.2933 40.8214 44.8732 39.8886C44.4534 38.9558 43.5889 38.2999 42.5774 38.1466H42.5773Z" fill="#00979D"/>
+<path d="M41.6234 33.685V37.6031C41.9561 37.5496 42.2952 37.5496 42.6279 37.6031V33.685C42.6252 32.548 42.1724 31.4585 41.3684 30.6546C40.5645 29.8506 39.475 29.3978 38.338 29.3952H30.572V23.5381C30.2383 23.5785 29.9013 23.5785 29.5676 23.5381V29.4254H21.8015C20.6696 29.4281 19.5845 29.8765 18.7815 30.674C17.9786 31.4716 17.5221 32.5534 17.5117 33.685V37.6031C17.8444 37.5496 18.1835 37.5496 18.5161 37.6031V33.685C18.5188 32.8148 18.866 31.9805 19.4816 31.365C20.0968 30.7494 20.931 30.4026 21.8015 30.3999H29.5676V37.6031C29.9003 37.5496 30.2393 37.5496 30.572 37.6031V30.3999H38.338C39.2086 30.4026 40.0428 30.7494 40.658 31.365C41.2736 31.9806 41.6208 32.8148 41.6234 33.685Z" fill="#00979D"/>
+</svg>

package/assets/images/AddNewDevice/add-wifi-device-icon.svg

@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.316 0.684039C29.316 0.306255 29.6222 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 25.6182 0.939855 21.4541 2.62962 17.6997C2.78468 17.3552 3.18964 17.2016 3.53414 17.3567C3.87864 17.5117 4.03222 17.9167 3.87717 18.2612C2.26528 21.8425 1.36808 25.8156 1.36808 30C1.36808 45.813 14.187 58.6319 30 58.6319C45.813 58.6319 58.6319 45.813 58.6319 30C58.6319 14.187 45.813 1.36808 30 1.36808C29.6222 1.36808 29.316 1.06182 29.316 0.684039Z" fill="#00979D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3298 25.3708L14.3298 25.3708L14.3298 25.3708C14.2213 25.4986 14.1126 25.6265 14 25.7512C14 25.9333 14 26.1154 14.0076 26.305C14.019 26.324 14.0323 26.3429 14.0455 26.3619C14.0588 26.3809 14.0721 26.3998 14.0835 26.4188C14.4099 27.0712 15.1236 27.2153 15.6777 26.745C15.7784 26.6545 15.8757 26.5607 15.9718 26.4679C16.0208 26.4207 16.0694 26.3738 16.118 26.3278C17.4314 25.0761 18.889 24.0292 20.506 23.1947C24.3625 21.2072 28.4544 20.5776 32.736 21.2527C35.5828 21.7003 38.2095 22.732 40.5629 24.3933C41.2607 24.8846 41.9106 25.4457 42.5614 26.0076C42.8452 26.2527 43.1292 26.4978 43.4174 26.7374C43.8728 27.1167 44.4422 27.1015 44.8294 26.6919C45.2014 26.2898 45.1938 25.683 44.7687 25.2809C44.26 24.7878 43.7438 24.3023 43.1972 23.8547C39.6975 21.0251 35.7119 19.4093 31.2101 19.0679C29.2363 18.9162 27.2701 19.0148 25.3266 19.4017C21.4246 20.1907 17.9932 21.9203 15.0476 24.5982C14.7853 24.8346 14.5578 25.1024 14.3298 25.3708ZM18.7395 30.269C18.6998 30.3473 18.66 30.4257 18.6153 30.5001C18.6305 30.5077 18.6457 30.5228 18.6609 30.5456C18.6696 30.589 18.676 30.6312 18.6824 30.6728C18.6927 30.7403 18.7028 30.8061 18.7216 30.8718C18.9721 31.6532 19.83 31.82 20.4677 31.2056C22.5326 29.2105 24.9695 27.9891 27.8239 27.6174C30.4126 27.276 32.8951 27.6629 35.2485 28.8084C36.539 29.4304 37.6702 30.2649 38.695 31.2587C39.1429 31.6987 39.7655 31.6759 40.1526 31.2587C40.5322 30.8414 40.5094 30.2422 40.0767 29.8173C38.8165 28.5808 37.3969 27.5795 35.7875 26.8512C32.9179 25.5464 29.9192 25.1899 26.8218 25.7512C23.8004 26.2898 21.2116 27.6781 19.0253 29.8249C18.9026 29.9475 18.8213 30.1078 18.7395 30.269ZM29.5472 31.9338C31.8247 32.0249 33.7681 32.829 35.4079 34.3841C35.833 34.7862 35.8634 35.3855 35.4914 35.7951C35.1118 36.2124 34.4969 36.2579 34.0566 35.8482C33.3354 35.1807 32.5459 34.6269 31.6045 34.331C29.3422 33.6179 27.2849 34.0048 25.4326 35.4993C25.3566 35.56 25.2864 35.6244 25.2162 35.6889L25.2161 35.689C25.1459 35.7534 25.0757 35.8179 24.9998 35.8786C24.5671 36.2351 23.975 36.2048 23.6106 35.8027C23.2462 35.4007 23.2538 34.8089 23.6561 34.4145C24.7417 33.3524 26.0019 32.6014 27.4823 32.2525C27.9338 32.1572 28.3919 32.0951 28.848 32.0332L28.848 32.0332L28.848 32.0332C29.082 32.0015 29.3155 31.9699 29.5472 31.9338ZM29.5473 40.9991C30.2989 40.9991 30.891 40.4074 30.891 39.6564C30.891 38.9054 30.2989 38.3137 29.5397 38.3213C28.7882 38.3289 28.2112 38.9054 28.2112 39.6488C28.2112 40.4074 28.7882 40.9991 29.5473 40.9991Z" fill="#00979D"/>
+</svg>

package/assets/images/AddNewDevice/add-zigbee-device-icon.svg

@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.0564 32.7835C23.2933 33.0218 23.2933 33.4065 23.0564 33.6448C22.9417 33.7604 22.7856 33.8254 22.6226 33.8254C22.4598 33.8254 22.3037 33.7604 22.1889 33.6448C20.2842 31.7032 19.2171 29.0918 19.2171 26.3719C19.2171 23.6519 20.2842 21.0407 22.1889 19.099C22.3037 18.9835 22.4598 18.9184 22.6226 18.9184C22.7856 18.9184 22.9417 18.9835 23.0564 19.099C23.2933 19.3373 23.2933 19.7223 23.0564 19.9606C21.3773 21.6735 20.4368 23.9765 20.4368 26.3752C20.4368 28.7738 21.3773 31.0768 23.0564 32.7899V32.7835ZM16.7575 26.3379C16.7502 22.9627 18.0815 19.7222 20.4598 17.3271C20.6658 17.0833 20.6492 16.7218 20.422 16.4978C20.1947 16.2736 19.8331 16.2624 19.5921 16.4719C16.9937 19.0968 15.5361 22.6414 15.5361 26.3352C15.5361 30.0289 16.9937 33.5735 19.5921 36.1986C19.7065 36.3152 19.8627 36.3812 20.026 36.3818C20.1872 36.3855 20.3422 36.3211 20.4537 36.2047C20.6906 35.9664 20.6906 35.5817 20.4537 35.3434C18.0791 32.9485 16.7501 29.7105 16.7575 26.3383L16.7575 26.3379ZM25.6343 21.6462C25.396 21.4093 25.0111 21.4093 24.7728 21.6462C23.5561 22.9001 22.8758 24.5786 22.8758 26.3258C22.8758 28.0729 23.5561 29.7514 24.7728 31.0053C25.0111 31.2421 25.396 31.2421 25.6343 31.0053C25.7499 30.8907 25.8149 30.7345 25.8149 30.5716C25.8149 30.4088 25.7499 30.2525 25.6343 30.1378C24.6396 29.112 24.0835 27.7392 24.0835 26.3105C24.0835 24.8817 24.6396 23.509 25.6343 22.483C25.8554 22.2479 25.8554 21.8812 25.6343 21.6462V21.6462ZM38.2128 19.0619C38.098 18.9463 37.942 18.8813 37.7791 18.8813C37.6161 18.8813 37.46 18.9463 37.3453 19.0619C37.1084 19.3002 37.1084 19.6849 37.3453 19.9232C39.0244 21.6363 39.9647 23.9393 39.9647 26.3379C39.9647 28.7366 39.0244 31.0396 37.3453 32.7525C37.1084 32.9908 37.1084 33.3758 37.3453 33.6141C37.46 33.7296 37.6161 33.7947 37.7791 33.7947C37.942 33.7947 38.098 33.7296 38.2128 33.6141C40.1175 31.6723 41.1847 29.061 41.1847 26.3412C41.1847 23.6213 40.1175 21.01 38.2128 19.0683V19.0619ZM40.8032 16.4717C40.6934 16.3416 40.5342 16.2633 40.3642 16.2555C40.1943 16.2479 40.0288 16.3113 39.9075 16.4308C39.7864 16.5502 39.7205 16.7149 39.7258 16.8851C39.7312 17.0551 39.8072 17.2152 39.9355 17.3269C42.3027 19.7275 43.6301 22.9634 43.6301 26.3346C43.6301 29.7062 42.3027 32.942 39.9355 35.3429C39.6986 35.5812 39.6986 35.9659 39.9355 36.2042C40.047 36.3206 40.2022 36.3851 40.3632 36.3814C40.5264 36.3808 40.6827 36.3147 40.7971 36.1981C43.3954 33.5729 44.853 30.0285 44.853 26.3347C44.853 22.6412 43.3954 19.0964 40.7971 16.4714L40.8032 16.4717ZM35.6226 21.6582C35.5136 21.5277 35.355 21.4486 35.1853 21.4396C35.0155 21.4308 34.8496 21.4932 34.7277 21.6116C34.6056 21.7302 34.5387 21.8943 34.5426 22.0643C34.5466 22.2342 34.6215 22.3948 34.7489 22.5075C35.7435 23.5333 36.2998 24.9061 36.2998 26.3348C36.2998 27.7638 35.7435 29.1365 34.7489 30.1624C34.6332 30.2771 34.5681 30.4332 34.5681 30.596C34.5681 30.759 34.6332 30.9151 34.7489 31.0298C34.9872 31.2667 35.372 31.2667 35.6103 31.0298C36.8269 29.776 37.5075 28.0974 37.5075 26.3502C37.5075 24.603 36.8269 22.9244 35.6103 21.6705L35.6226 21.6582ZM33.6065 40.7252H30.8085V28.6903C31.5829 28.4902 32.2105 27.9238 32.4887 27.1739C32.7669 26.4239 32.6603 25.5852 32.2035 24.9286C31.7468 24.272 30.9975 23.8805 30.1975 23.8805C29.3975 23.8805 28.6483 24.272 28.1915 24.9286C27.7347 25.5852 27.6281 26.4239 27.9063 27.1739C28.1845 27.9238 28.8121 28.4902 29.5865 28.6903V40.7252H26.7885C26.5579 40.7235 26.3364 40.8145 26.1734 40.9776C26.0104 41.1406 25.9193 41.3621 25.921 41.5926V43.5232C25.9193 43.7539 26.0104 43.9754 26.1734 44.1385C26.3364 44.3015 26.5579 44.3923 26.7885 44.3907H33.6063C33.8368 44.3923 34.0584 44.3015 34.2214 44.1385C34.3844 43.9754 34.4754 43.7539 34.4738 43.5232V41.5926C34.4754 41.3621 34.3844 41.1406 34.2214 40.9776C34.0584 40.8145 33.8368 40.7235 33.6063 40.7252H33.6065Z" fill="#00979D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.316 0.684039C29.316 0.306255 29.6222 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 25.6182 0.939855 21.4541 2.62962 17.6997C2.78468 17.3552 3.18964 17.2016 3.53414 17.3567C3.87864 17.5117 4.03222 17.9167 3.87717 18.2612C2.26528 21.8425 1.36808 25.8156 1.36808 30C1.36808 45.813 14.187 58.6319 30 58.6319C45.813 58.6319 58.6319 45.813 58.6319 30C58.6319 14.187 45.813 1.36808 30 1.36808C29.6222 1.36808 29.316 1.06182 29.316 0.684039Z" fill="#00979D"/>
+</svg>

package/assets/images/AddNewDevice/interact-smartphone-icon.svg

@@ -0,0 +1,14 @@
+<svg width="94" height="94" viewBox="0 0 94 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12247_30556)">
+<path d="M29.6912 84.4521C29.2086 84.4521 28.7345 84.6487 28.3931 84.99C28.0518 85.3321 27.8574 85.8033 27.8574 86.2881C27.8574 86.7715 28.0518 87.2448 28.3931 87.5862C28.7345 87.9275 29.2086 88.124 29.6912 88.124C30.176 88.124 30.6479 87.9275 30.9907 87.5862C31.3328 87.2448 31.5293 86.7715 31.5293 86.2881C31.5293 85.8054 31.3328 85.3321 30.9907 84.99C30.6493 84.6487 30.176 84.4521 29.6912 84.4521Z" fill="#00979D"/>
+<path d="M86.6491 51.156L73.6899 38.1968C72.4492 36.9561 70.7998 36.2734 69.0456 36.2734C67.2914 36.2734 65.6419 36.9561 64.4012 38.1968C63.5966 39.0022 63.0264 39.979 62.7252 41.0454C61.7147 40.5204 60.596 40.2802 59.4844 40.3153V7.71094C59.4844 3.45888 56.0255 0 51.7734 0H7.71094C3.45959 0 0.000717163 3.45888 0.000717163 7.71094V38.7383C0.000717163 39.7516 0.822586 40.5742 1.83594 40.5742C2.85001 40.5742 3.67187 39.7516 3.67187 38.7383V15.4219H55.8125V41.5747C55.5457 41.7704 55.289 41.9863 55.048 42.2273C53.7349 43.5404 53.0952 45.2752 53.1289 47C51.4062 46.9677 49.6686 47.6067 48.3562 48.9191C47.6218 49.6535 47.0975 50.5206 46.7841 51.4435L36.1644 40.8231C34.9237 39.5824 33.2742 38.8996 31.52 38.8996C29.7659 38.8996 28.1164 39.5831 26.8757 40.8231C25.635 42.0638 24.9523 43.7132 24.9523 45.4674C24.9523 47.2223 25.635 48.8711 26.8757 50.1118L51.2621 74.4989L46.9562 73.454C43.3963 72.5898 39.7287 74.7657 38.7806 78.3042C38.7562 78.3952 38.7354 78.4863 38.7146 78.5774H3.67187V55.261C3.67187 54.2477 2.85001 53.4251 1.83594 53.4251C0.821869 53.4251 0 54.2477 0 55.261V86.2883C0 90.5404 3.45888 93.9993 7.71094 93.9993H51.7727C53.9565 93.9993 56.0104 93.0763 57.4605 91.4906L60.6404 92.6001C63.3119 93.531 66.1023 94 68.9 94C70.7747 94 72.6529 93.7899 74.501 93.3667C79.1074 92.3125 83.3078 89.9889 86.6491 86.6484C96.4348 76.8634 96.4348 60.9409 86.6491 51.156ZM3.67187 11.75V7.71094C3.67187 5.48343 5.48343 3.67188 7.71094 3.67188H51.7727C54.0002 3.67188 55.8118 5.48343 55.8118 7.71094V11.75H3.67187ZM51.7727 90.3274H7.71094C5.48343 90.3274 3.67187 88.5159 3.67187 86.2883V82.2493H38.9204C39.5781 84.1706 41.0777 85.7784 43.1123 86.4884L53.2816 90.0341C52.809 90.2241 52.2984 90.3274 51.7727 90.3274ZM84.0529 84.0515C78.2776 89.8275 69.5619 91.8213 61.8496 89.1326L44.3214 83.021C42.7809 82.4845 41.906 80.8293 42.3277 79.2544C42.6999 77.8667 43.9793 76.9344 45.3634 76.9344C45.6037 76.9344 45.8475 76.9631 46.0906 77.0219L56.752 79.6094C57.5509 79.8038 58.3828 79.4416 58.7859 78.7237C59.1882 78.0065 59.0648 77.1087 58.4832 76.527L29.4718 47.5156C28.9246 46.9684 28.6234 46.2412 28.6234 45.4681C28.6234 44.6943 28.9246 43.9671 29.4718 43.4199C30.019 42.8727 30.7462 42.5715 31.52 42.5715C32.2931 42.5715 33.0203 42.8727 33.5675 43.4199L48.3554 58.2071C48.3554 58.2078 48.3554 58.2078 48.3562 58.2085C48.3562 58.2085 48.3562 58.2085 48.3569 58.2093L57.4483 67.3007C57.8069 67.6593 58.2767 67.8386 58.7464 67.8386C59.2162 67.8386 59.6866 67.6593 60.0445 67.3007C60.7616 66.5843 60.7616 65.4218 60.0445 64.7046L50.9523 55.6117C50.9523 55.6117 50.9523 55.6117 50.9516 55.6117C49.8228 54.4822 49.8235 52.6455 50.9523 51.516C52.0811 50.3872 53.9185 50.3872 55.048 51.516L64.6128 61.0815C64.9714 61.4394 65.4411 61.6194 65.9116 61.6194C66.3813 61.6194 66.8511 61.4394 67.2096 61.0815C67.9261 60.3643 67.9261 59.2018 67.2096 58.4846L57.6441 48.9198C56.5153 47.7903 56.5153 45.9529 57.6441 44.8241C58.7737 43.6953 60.611 43.6946 61.7398 44.8241L64.4012 47.4855L71.3929 54.4764C71.7514 54.835 72.2212 55.0143 72.6909 55.0143C73.1607 55.0143 73.6311 54.835 73.989 54.4764C74.7062 53.76 74.7062 52.5975 73.989 51.8803L66.9981 44.8887C65.8686 43.7599 65.8686 41.9225 66.9981 40.793C67.5446 40.2458 68.2718 39.9445 69.0456 39.9445C69.8194 39.9445 70.5466 40.2458 71.0931 40.793L84.0529 53.7528C92.4065 62.1063 92.4065 75.6987 84.0529 84.0515Z" fill="#00979D"/>
+<path d="M43.1357 30.434C43.6054 30.434 44.0752 30.2547 44.4338 29.8961C45.1509 29.1797 45.1509 28.0171 44.4338 27.3C36.9322 19.7984 24.7254 19.7984 17.2232 27.3C16.5067 28.0164 16.506 29.1789 17.2232 29.8961C17.9403 30.6133 19.1028 30.6133 19.82 29.8961C25.8901 23.826 35.7668 23.826 41.8376 29.8961C42.1962 30.2547 42.6659 30.434 43.1357 30.434Z" fill="#00979D"/>
+<path d="M23.2908 33.367C22.5736 34.0841 22.5736 35.2467 23.2908 35.9638C24.008 36.6803 25.1705 36.6803 25.8876 35.9638C28.6122 33.2386 33.0449 33.2386 35.7694 35.9638C36.128 36.3224 36.5978 36.5017 37.0682 36.5017C37.538 36.5017 38.0077 36.3224 38.3663 35.9638C39.0827 35.2467 39.0827 34.0841 38.3663 33.367C34.2096 29.211 27.4468 29.211 23.2908 33.367Z" fill="#00979D"/>
+<path d="M1.83691 48.8359C2.31956 48.8359 2.79361 48.6394 3.13498 48.2973C3.47635 47.956 3.67285 47.4827 3.67285 47C3.67285 46.5166 3.47635 46.0433 3.13498 45.7019C2.79361 45.3606 2.31956 45.1641 1.83691 45.1641C1.35426 45.1641 0.880219 45.3598 0.538849 45.7019C0.197479 46.0433 0.000976562 46.5152 0.000976562 47C0.000976562 47.4827 0.197479 47.956 0.538849 48.2973C0.880219 48.6394 1.35355 48.8359 1.83691 48.8359Z" fill="#00979D"/>
+</g>
+<defs>
+<clipPath id="clip0_12247_30556">
+<rect width="94" height="94" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/AddNewDevice/on-icon.svg

@@ -0,0 +1,5 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35 67C52.6731 67 67 52.6731 67 35C67 17.3269 52.6731 3 35 3C17.3269 3 3 17.3269 3 35C3 52.6731 17.3269 67 35 67ZM35 70C54.33 70 70 54.33 70 35C70 15.67 54.33 0 35 0C15.67 0 0 15.67 0 35C0 54.33 15.67 70 35 70Z" fill="#00979D"/>
+<path d="M34.0401 34.9093C34.0401 36.8684 33.6732 38.5463 32.9393 39.9431C32.2113 41.3339 31.217 42.3993 29.9563 43.1391C28.7016 43.8789 27.2782 44.2488 25.6861 44.2488C24.094 44.2488 22.6676 43.8789 21.407 43.1391C20.1522 42.3933 19.1579 41.325 18.424 39.9342C17.696 38.5374 17.332 36.8624 17.332 34.9093C17.332 32.9503 17.696 31.2753 18.424 29.8845C19.1579 28.4877 20.1522 27.4194 21.407 26.6796C22.6676 25.9397 24.094 25.5698 25.6861 25.5698C27.2782 25.5698 28.7016 25.9397 29.9563 26.6796C31.217 27.4194 32.2113 28.4877 32.9393 29.8845C33.6732 31.2753 34.0401 32.9503 34.0401 34.9093ZM30.7287 34.9093C30.7287 33.5303 30.5127 32.3673 30.0806 31.4203C29.6545 30.4674 29.0626 29.7483 28.305 29.263C27.5475 28.7718 26.6745 28.5261 25.6861 28.5261C24.6977 28.5261 23.8247 28.7718 23.0671 29.263C22.3095 29.7483 21.7147 30.4674 21.2827 31.4203C20.8565 32.3673 20.6435 33.5303 20.6435 34.9093C20.6435 36.2883 20.8565 37.4543 21.2827 38.4072C21.7147 39.3542 22.3095 40.0733 23.0671 40.5645C23.8247 41.0498 24.6977 41.2925 25.6861 41.2925C26.6745 41.2925 27.5475 41.0498 28.305 40.5645C29.0626 40.0733 29.6545 39.3542 30.0806 38.4072C30.5127 37.4543 30.7287 36.2883 30.7287 34.9093Z" fill="#00979D"/>
+<path d="M52.0954 25.8184V44.0002H49.1657L40.5986 31.6156H40.4477V44.0002H37.154V25.8184H40.1015L48.6597 38.2119H48.8195V25.8184H52.0954Z" fill="#00979D"/>
+</svg>

package/assets/images/AddNewDevice/router-connect-icon.svg

@@ -0,0 +1,3 @@
+<svg width="133" height="59" viewBox="0 0 133 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M127.202 34.4313C128.51 34.4315 129.8 34.3786 131.002 33.7424C131.461 33.2829 131.885 32.8588 132.345 32.3639C133.228 30.7026 133.21 29.0234 132.344 27.3441L131.018 26.0183C129.799 25.3995 128.508 25.3463 127.2 25.3461C122.033 25.3543 116.866 25.3536 111.699 25.353L111.691 25.353C106.521 25.3523 101.35 25.3516 96.1801 25.3598C95.9524 25.3598 95.7173 25.4111 95.4419 25.4712C95.2898 25.5044 95.1252 25.5403 94.9428 25.5717C94.9528 25.0269 94.9657 24.5051 94.9782 23.9998L94.9783 23.9992C95.0095 22.7342 95.0383 21.5724 95.0129 20.4105C94.9064 17.1936 92.4138 14.6303 89.1969 14.5946C85.7827 14.5447 82.3772 14.5553 78.9682 14.566H78.968L78.9673 14.566L78.9667 14.566L78.966 14.566L78.9654 14.566L78.9647 14.566L78.964 14.566L78.9634 14.566L78.9627 14.5661C77.5026 14.5706 76.0418 14.5752 74.5794 14.575C73.4481 14.5749 72.9356 15.1227 72.9181 16.2716C72.9065 16.8662 72.9257 17.4608 72.9452 18.0656C72.9553 18.3777 72.9654 18.6924 72.9715 19.0113C70.9035 18.9934 68.9945 18.9931 67.0856 18.9929C65.4064 19.0103 64.0455 19.6995 63.1619 21.1488C61.3241 24.1887 63.3749 27.9361 66.963 28.025C68.271 28.0605 69.579 28.0332 70.887 28.0058C71.541 27.9922 72.1949 27.9785 72.8489 27.9727C72.849 28.6342 72.8446 29.264 72.8402 29.8851L72.8402 29.8884L72.8402 29.8884L72.8402 29.8895C72.8359 30.495 72.8317 31.0921 72.8317 31.7022C72.6949 31.7022 72.5539 31.7063 72.4088 31.7106L72.4079 31.7106L72.4075 31.7106L72.4072 31.7106H72.4072H72.4071C72.2529 31.7151 72.0939 31.7198 71.9303 31.7198C71.5144 31.7197 71.0995 31.7185 70.6853 31.7174H70.6852H70.6852H70.6851H70.6851H70.685H70.685H70.6849H70.6849C69.4444 31.7139 68.2089 31.7105 66.9635 31.7368C64.3476 31.8072 62.4036 33.8572 62.4923 36.3848C62.5633 38.8594 64.4901 40.7156 67.0707 40.7512C68.2884 40.7735 69.4992 40.7612 70.703 40.7489C71.4213 40.7415 72.1372 40.7342 72.8506 40.7343C72.8614 40.8313 72.8722 40.8757 72.8789 40.9036C72.8833 40.9215 72.886 40.9326 72.886 40.9464C72.9037 41.7418 72.9038 42.5195 72.9039 43.2973C72.9218 44.6583 73.4168 45.1886 74.7601 45.1888C76.3024 45.189 77.8428 45.1911 79.382 45.1932L79.3842 45.1932H79.3865H79.3887L79.4166 45.1932L79.438 45.1933L79.4593 45.1933H79.4613C82.5876 45.1976 85.7087 45.202 88.8297 45.1906C92.4708 45.1911 94.9981 42.6285 95.033 38.9873C95.0441 38.032 95.0266 37.0767 95.0078 36.0486L95.0078 36.0474C94.997 35.4591 94.9858 34.8469 94.9793 34.1973C95.1655 34.226 95.3372 34.2634 95.5003 34.2989C95.7397 34.351 95.9605 34.399 96.1813 34.4096C101.351 34.4191 106.521 34.4198 111.691 34.4204C116.861 34.4211 122.031 34.4218 127.202 34.4313ZM76.6686 42.1488C76.4565 42.1488 76.2444 42.1488 76.0147 42.1311C76.0136 33.9297 76.0125 25.8344 76.0291 17.6507C76.1487 17.6507 76.2847 17.6425 76.4252 17.634L76.4255 17.634C76.5759 17.6249 76.7314 17.6154 76.8776 17.6155C78.1681 17.6156 79.4607 17.6139 80.7545 17.6121L80.7634 17.6121L80.767 17.612L80.7679 17.612L80.769 17.612L80.7741 17.612C83.3721 17.6085 85.9754 17.6049 88.5787 17.617C90.7351 17.6173 91.9725 18.8547 91.9728 21.0464L91.9751 38.7572C91.9754 40.9489 90.8089 42.1507 88.6526 42.1504L76.6687 42.1488H76.6686ZM95.3067 31.3678C95.2362 31.3595 95.1694 31.3516 95.1027 31.3516C95.1202 30.3796 95.1201 29.4253 95.1199 28.365L95.1199 28.3645L95.1258 28.3645C98.3584 28.3826 101.591 28.4007 104.841 28.4011L127.784 28.4041C128.049 28.3864 128.332 28.3865 128.615 28.4219C129.481 28.5457 130.011 29.1467 129.958 29.9421C129.905 30.7728 129.446 31.2323 128.615 31.356C128.438 31.3913 128.226 31.3913 128.05 31.3912L95.5622 31.387C95.4689 31.387 95.3855 31.3771 95.3067 31.3678ZM72.8835 21.9984H72.8835C72.863 22.6147 72.8366 23.1891 72.8111 23.7426L72.8111 23.7436C72.7927 24.1423 72.7749 24.5301 72.7602 24.9149C72.4677 24.9202 72.1732 24.926 71.877 24.9318C70.2397 24.9641 68.5506 24.9973 66.8743 24.9671C66.0435 24.9493 65.4778 24.2422 65.5131 23.4645C65.5306 22.6338 66.1138 22.0506 67.0506 22.033C68.9594 21.9979 70.8682 21.9982 72.8831 21.9984H72.8831H72.8832H72.8832H72.8833H72.8833H72.8834H72.8834H72.8835ZM70.5785 34.8483C71.3364 34.8626 72.0982 34.877 72.8675 34.8838C72.8617 35.1842 72.8578 35.4867 72.8539 35.7891C72.8461 36.394 72.8383 36.9989 72.8148 37.5881L72.4526 37.5978L71.9783 37.6109C70.2556 37.6585 68.5216 37.7063 66.7875 37.6757C65.9921 37.6579 65.5148 37.0392 65.5324 36.2085C65.5323 35.3954 66.0271 34.8299 66.8579 34.8123C68.0992 34.8015 69.3338 34.8248 70.5785 34.8483ZM34.2029 34.3223C34.3625 34.2948 34.5334 34.2653 34.724 34.2425C34.7241 34.863 34.722 35.4522 34.7201 36.0222L34.7201 36.0232C34.7164 37.1088 34.7129 38.1249 34.7246 39.1562C34.7958 42.6206 37.3237 45.1839 40.7881 45.2197C45.5251 45.2557 50.2797 45.2386 55.0344 45.2215C56.307 45.2217 56.8372 44.6915 56.8371 43.3835C56.8367 40.392 56.8382 37.4024 56.8398 34.4141V34.4049V34.4049V34.4048V34.4048V34.4047V34.4046V34.4046V34.4045V34.4044C56.843 28.4267 56.8461 22.4542 56.8336 16.4816C56.8334 15.1383 56.3207 14.6256 54.942 14.6255C50.2934 14.6072 45.6271 14.6066 40.9785 14.6237C37.2667 14.6232 34.7218 17.1681 34.7046 20.8622C34.7048 22.347 34.7226 23.8494 34.7582 25.5816C34.5829 25.5565 34.4253 25.527 34.2776 25.4993C34.0084 25.4489 33.772 25.4047 33.5209 25.4047C24.4213 25.3858 15.3393 25.3846 6.2573 25.3834L6.24781 25.3834L6.2477 25.3834C5.75282 25.3834 5.25795 25.3833 4.76309 25.4539C1.75833 25.9131 0.044255 29.2535 1.47631 31.958C2.39566 33.6904 3.93351 34.4152 5.8778 34.4155C10.4999 34.4073 15.122 34.4079 19.7441 34.4085L19.7452 34.4085H19.7515L19.7558 34.4085L19.7579 34.4085C24.3754 34.4091 28.9929 34.4097 33.6105 34.4014C33.8014 34.3914 33.9924 34.3585 34.2029 34.3223ZM53.3192 17.6115L53.3192 17.6115C53.4388 17.6162 53.5493 17.6206 53.6345 17.6301V17.6383C53.6355 25.8016 53.6366 33.9295 53.62 42.0751C53.5614 42.0751 53.4846 42.0812 53.3947 42.0883C53.2675 42.0983 53.114 42.1104 52.9483 42.1104C49.0421 42.1276 45.1358 42.1447 41.2295 42.1266C38.9671 42.1263 37.7473 40.9065 37.747 38.6794L37.7447 20.9687C37.7445 18.7769 38.9286 17.5928 41.0849 17.5931C43.7375 17.5817 46.3901 17.586 49.0375 17.5902L49.0445 17.5902C50.3639 17.5924 51.682 17.5945 52.9981 17.5947C53.1049 17.6029 53.2154 17.6073 53.3191 17.6114L53.3192 17.6115ZM5.62956 28.4058L34.6879 28.4096C34.6703 29.4167 34.6704 30.3355 34.6706 31.3249L34.6706 31.325L34.6706 31.3261C34.5824 31.3319 34.4962 31.3397 34.41 31.3476L34.4094 31.3476C34.2365 31.3633 34.0637 31.379 33.8752 31.379L6.23092 31.3754C6.03649 31.393 5.85973 31.393 5.6653 31.3753C4.60478 31.3398 3.98606 30.7564 4.00362 29.855C4.02118 28.9536 4.6044 28.4057 5.62956 28.4058ZM57.9637 8.13901C58.1405 8.31578 58.3192 8.49059 58.4979 8.66541C58.8554 9.01503 59.2129 9.36466 59.5547 9.73C60.1734 10.3841 60.1735 11.1971 59.5903 11.8157C58.9894 12.4519 58.1057 12.4872 57.4339 11.8508C56.3556 10.8078 55.3126 9.76479 54.2696 8.68646C53.6332 8.01471 53.6508 7.14862 54.287 6.54774C54.8879 5.98221 55.7186 5.96464 56.3727 6.58337C56.7964 6.95408 57.1804 7.34463 57.5693 7.74015L57.5695 7.7404L57.5698 7.74066L57.5701 7.74092L57.5703 7.74117L57.5706 7.74142L57.5708 7.74169L57.5711 7.74195C57.7008 7.87393 57.8312 8.00647 57.9637 8.13901ZM73.3279 10.8139C73.5026 10.6352 73.6774 10.4565 73.8541 10.2798C74.0322 10.1017 74.2122 9.92567 74.3909 9.75092C74.7443 9.40535 75.0924 9.06496 75.4094 8.72456C76.0633 8.03531 76.0455 7.16921 75.4091 6.56816C74.8257 5.9848 73.9773 5.98469 73.3411 6.58557C72.263 7.62828 71.2203 8.67099 70.1776 9.74905C69.5237 10.4383 69.5415 11.3044 70.1779 11.9054C70.7789 12.4711 71.6273 12.4712 72.2635 11.8704C72.6288 11.5287 72.9783 11.1713 73.3279 10.8139ZM71.7031 51.5692C71.5316 51.3976 71.36 51.23 71.1891 51.0631L71.1889 51.0629C70.8492 50.731 70.5121 50.4017 70.1828 50.0489C69.5464 49.3771 69.564 48.5111 70.1825 47.8925C70.7834 47.327 71.6142 47.3094 72.2682 47.9281C73.3466 48.9711 74.3896 50.0141 75.4325 51.0924C76.0689 51.7642 76.0514 52.6303 75.4328 53.2488C74.8319 53.8143 74.0189 53.8142 73.3471 53.2132L73.2764 53.1425L71.7031 51.5692ZM56.4247 48.9499L56.4246 48.95L56.4245 48.9501L56.4244 48.9502C56.2576 49.1209 56.0901 49.2923 55.9187 49.4637C55.7368 49.6457 55.5509 49.8277 55.3643 50.0103C54.9893 50.3775 54.6115 50.7473 54.2575 51.125C53.6743 51.7789 53.6744 52.6273 54.2577 53.2107C54.8411 53.7941 55.7072 53.8472 56.3434 53.2463C57.4392 52.186 58.5172 51.1079 59.5776 50.0122C60.1785 49.3759 60.1607 48.5098 59.5773 47.9265C58.9763 47.2901 58.1279 47.29 57.4386 47.9439C57.0859 48.2731 56.7567 48.6101 56.4249 48.9497L56.4247 48.9499ZM66.0227 1.06991C66.0732 1.26605 66.1254 1.4391 66.1732 1.5975C66.2762 1.93871 66.3587 2.21194 66.3588 2.50166C66.3943 3.80964 66.3944 5.11762 66.3593 6.42559C66.3417 7.43308 65.7232 8.08699 64.8394 8.08687C63.9556 8.08676 63.3723 7.43269 63.3368 6.40752C63.3016 5.07556 63.3185 3.76098 63.3358 2.41209V2.41206V2.41203V2.41199L63.3363 2.37754C63.3538 1.6882 63.6366 1.08727 64.3082 0.945956C64.6995 0.867739 65.1198 0.933931 65.5547 1.00243L65.5547 1.00244L65.5547 1.00244L65.5547 1.00245C65.7091 1.02676 65.8653 1.05137 66.0227 1.06991ZM65.4472 58.815C65.6085 58.7848 65.765 58.7555 65.9065 58.7446C65.982 58.5593 66.0654 58.4034 66.1393 58.2653L66.1393 58.2653C66.2557 58.0478 66.3483 57.8748 66.3483 57.7018C66.3518 57.5432 66.3555 57.3848 66.3591 57.2265L66.3593 57.2214L66.3594 57.2163C66.3925 55.7905 66.4254 54.3759 66.33 52.9471C66.2945 52.1341 65.6405 51.6921 64.8274 51.7273C64.0143 51.7626 63.4488 52.2574 63.4136 53.0705C63.3431 54.5906 63.3256 56.1283 63.4318 57.6484C63.4496 58.0903 63.9799 58.656 64.4041 58.8328C64.6977 58.9552 65.0845 58.8828 65.4472 58.815ZM86.0882 30.9616C85.4871 30.3605 85.487 29.4768 86.0525 28.8759C86.6358 28.2573 87.5372 28.2397 88.1382 28.8054C88.7746 29.4065 88.7924 30.3433 88.1739 30.9618C87.5907 31.545 86.6892 31.5273 86.0882 30.9616ZM42.6421 30.9559C43.2255 31.5393 44.1269 31.5217 44.7278 30.9208C45.311 30.3376 45.3109 29.4538 44.7275 28.8351C44.1265 28.2341 43.2604 28.2163 42.6418 28.7995C42.0056 29.4004 42.0057 30.3549 42.6421 30.9559Z" fill="#00979D"/>
+</svg>

package/index.js

@@ -20,6 +20,7 @@ import SharedUnit from './src/commons/Unit/SharedUnit';
 import { Action } from './src/context/actionType';
 import { withRemoteControl } from './src/hoc';
 import DevModeStack from './src/navigations/Main';
+import { SmartAccountStack } from './src/navigations/SmartAccountStack';
 
 export {
   AddSubUnitStack,
@@ -46,4 +47,5 @@ export {
   Action,
   withRemoteControl,
   DevModeStack,
+  SmartAccountStack,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.33",
+  "version": "0.3.36",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -151,6 +151,7 @@
     "react-native-android-keyboard-adjust": "^1.2.0",
     "react-native-android-location-enabler": "^1.2.2",
     "react-native-android-wifi": "^0.0.41",
+    "react-native-animated-ellipsis": "^2.0.0",
     "react-native-appearance": "^0.3.4",
     "react-native-base64": "^0.1.0",
     "react-native-ble-plx": "^2.0.1",

package/src/commons/Device/HorizontalBarChart.js

@@ -33,7 +33,7 @@ const HorizontalBarChart = memo(({ datas, config }) => {
     },
     yAxis: {
       min: 0,
-      minRange: 0.5,
+      minRange: 0,
       title: {
         text: null,
       },
@@ -87,6 +87,7 @@ const HorizontalBarChart = memo(({ datas, config }) => {
             );
           },
           align: 'right',
+          inside: false,
         },
         labels: {
           style: {
@@ -129,9 +130,6 @@ const HorizontalBarChart = memo(({ datas, config }) => {
       ...options,
       chart: {
         ...options.chart,
-        scrollablePlotArea: {
-          minHeight: dataY.length * 32,
-        },
       },
       xAxis: {
         ...options.xAxis,
@@ -139,8 +137,6 @@ const HorizontalBarChart = memo(({ datas, config }) => {
       },
       series: [
         {
-          marker: { enabled: true },
-          color: Colors.Primary + '50',
           name: JSON.stringify(config),
           data: dataY,
         },

package/src/commons/SelectSubUnit/index.js

@@ -2,15 +2,15 @@ import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { ScrollView, TouchableOpacity, View } from 'react-native';
+import { IconFill } from '@ant-design/icons-react-native';
 
-import { API } from '../../configs';
+import { API, Colors } from '../../configs';
 import { RadioCircle, Section, ViewButtonBottom } from '../../commons';
 import { axiosGet } from '../../utils/Apis/axios';
 import Text from '../../commons/Text';
 import AccessibilityLabel from '../../configs/AccessibilityLabel';
 import styles from './styles.js';
-import Button from '../../commons/Button';
-import Alert from '../Alert';
+import Routes from '../../utils/Route';
 
 const SubUnitItem = memo(({ item, index, selectedIndex, setSelectedIndex }) => {
   const handleSelectIndex = useCallback(() => {
@@ -44,11 +44,11 @@ const SubUnitItem = memo(({ item, index, selectedIndex, setSelectedIndex }) => {
   );
 });
 
-const SelectSubUnit = ({ unitId, title, subTitle, onPressNext }) => {
+const SelectSubUnit = ({ unitId, title, subTitle, onPressNext, route }) => {
   const t = useTranslations();
   const [selectedIndex, setSelectedIndex] = useState(-1);
   const [unit, setUnit] = useState([]);
-  const { goBack } = useNavigation();
+  const { goBack, navigate } = useNavigation();
   const isFocused = useIsFocused();
 
   const fetchDetails = useCallback(async () => {
@@ -70,8 +70,11 @@ const SelectSubUnit = ({ unitId, title, subTitle, onPressNext }) => {
   }, [onPressNext, selectedIndex, subUnits, unit]);
 
   const addSubUnit = useCallback(() => {
-    Alert.alert('add subunit');
-  }, []);
+    navigate(Routes.AddSubUnitStack, {
+      screen: Routes.AddSubUnit,
+      params: { unit, ...route.params, addType: 'AddHassiDevice' },
+    });
+  }, [navigate, route, unit]);
 
   return (
     <View style={styles.container}>
@@ -95,18 +98,15 @@ const SelectSubUnit = ({ unitId, title, subTitle, onPressNext }) => {
                 setSelectedIndex={setSelectedIndex}
               />
             ))}
+            <TouchableOpacity style={styles.rowContainer} onPress={addSubUnit}>
+              <IconFill name="plus-circle" size={20} color={Colors.Primary} />
+              <View style={styles.row}>
+                <Text type="H4" color={Colors.Primary}>
+                  {t('add_new_sub_unit')}
+                </Text>
+              </View>
+            </TouchableOpacity>
           </Section>
-          <View style={styles.buttonAdd}>
-            <Button
-              type="primaryBorder"
-              title={`${t('add_new_sub_unit')} +`}
-              onPress={addSubUnit}
-              width="auto"
-              height={32}
-              textType="setupBorder"
-              textSemiBold={false}
-            />
-          </View>
         </ScrollView>
         <ViewButtonBottom
           leftTitle={t('cancel')}

package/src/commons/SelectSubUnit/styles.js

@@ -49,7 +49,4 @@ export default StyleSheet.create({
     lineHeight: 24,
     color: Colors.Gray9,
   },
-  buttonAdd: {
-    marginHorizontal: 16,
-  },
 });

package/src/commons/SelectUnit/index.js

@@ -9,6 +9,7 @@ import { axiosGet } from '../../utils/Apis/axios';
 import Text from '../../commons/Text';
 import AccessibilityLabel from '../../configs/AccessibilityLabel';
 import styles from './styles';
+import { HeaderCustom } from '../Header';
 
 const UnitItem = memo(({ index, item, setSelectedIndex, selectedIndex }) => {
   const handleSelectIndex = useCallback(() => {
@@ -68,9 +69,7 @@ const SelectUnit = ({ title, subTitle, onPressNext }) => {
 
   return (
     <SafeAreaView style={styles.container}>
-      <Text semibold style={styles.title}>
-        {title}
-      </Text>
+      <HeaderCustom title={title} isShowSeparator />
       <Text style={styles.subtitle}>{subTitle}</Text>
       <View style={styles.contentContainer}>
         <ScrollView

package/src/commons/SelectUnit/styles.js

@@ -1,12 +1,10 @@
 import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
-import { getStatusBarHeight } from '../../configs/Constants';
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: Colors.Gray2,
-    paddingTop: getStatusBarHeight(),
   },
   contentContainer: {
     flex: 1,
@@ -28,6 +26,7 @@ const styles = StyleSheet.create({
     color: Colors.Gray8,
     fontSize: 14,
     lineHeight: 22,
+    marginTop: 16,
     marginLeft: 16,
     marginBottom: 16,
   },

package/src/configs/API.js

@@ -74,6 +74,7 @@ const API = {
     REMOVE_FROM_FAVOURITES: (id) =>
       SCConfig.apiRoot +
       `/property_manager/devices/${id}/remove_from_favourites/`,
+    END_DEVICE_DETAIL: (id) => `/property_manager/devices/${id}/`,
   },
   SHARED_SENSOR: {
     ACCESS: (id) => `/property_manager/shared_sensors/${id}/access/`,
@@ -138,10 +139,14 @@ const API = {
       PUSHER_AUTH: () => '/chip_manager/pusher/auth_v2/',
     },
     LG: {
+      AUTHORIZE: (client_id, redirect_uri) =>
+        // eslint-disable-next-line max-len
+        `https://qt-vn.m.lgaccount.com/emp/v2/authorize?client_id=${client_id}&redirect_uri=${redirect_uri}&response_type=code&state=1`,
       GET_TOKEN: (client_id, code, redirect_uri, backend_url) =>
         // eslint-disable-next-line max-len
         `${SCConfig.LG_URL}/token?client_id=${client_id}&code=${code}&redirect_uri=${redirect_uri}&backend_url=${backend_url}&grant_type=authorization_code`,
       SYNC_DEVICE: () => '/connection_manager/lg_thinq/sync_device/',
+      CONTROL_DEVICE: '/connection_manager/lg_thinq/control_device/',
       DEVICE_STATUS: (sensorId) =>
         `/connection_manager/lg_thinq/device_status/${sensorId}/`,
     },
@@ -185,9 +190,14 @@ const API = {
     },
   },
   SMART_ACCOUNT: {
+    SYNC: '/smart_account/login-smart-account/',
+    ADD_DEVICE_TO_STATION:
+      '/smart_account/smart_accounts/add_device_to_station/',
     LIST_SMART_ACCOUNT: (unitId) =>
       `/property_manager/units/${unitId}/list_smart_account/`,
     REMOVE_SMART_ACCOUNT: (id) => `/smart_account/smart_accounts/${id}/`,
+    FETCH_UNIDENTIFIED_DEVICE_OF_SMART_ACCOUNT: (id) =>
+      `/smart_account/smart_accounts/${id}/get_unidentified_sensor/`,
   },
   PUSHER: {
     AUTH: () => '/smart_parking/pusher/auth/',

package/src/configs/AccessibilityLabel.js

@@ -396,6 +396,7 @@ export default {
   TOUCH_SHARED_UNIT: 'TOUCH_SHARED_UNIT',
   SHARED_UNIT_OWN_BY: 'SHARED_UNIT_OWN_BY',
   ICON_UNIT: 'ICON_UNIT',
+  FILTER_SHARING_ITEM: 'FILTER_SHARING_ITEM',
 
   // Select subunit
 
@@ -422,6 +423,8 @@ export default {
     MANAGE_UNIT_ALERT: 'MANAGE_UNIT_ALERT',
     SELECT_UNIT: 'SELECT_UNIT',
     BUTTON_ADD_AUTO_SMART: 'BUTTON_ADD_AUTO_SMART',
+    BUTTON_FINISH_SMART_ACCOUNT: 'BUTTON_FINISH_SMART_ACCOUNT',
+    BUTTON_CONNECT_WIFI: 'BUTTON_CONNECT_WIFI',
   },
 
   TERM_AND_POLICY_TITLE: 'TERM_AND_POLICY_TITLE',
@@ -479,6 +482,7 @@ export default {
   ADD_NEW_GATEWAY_ADD: 'ADD_NEW_GATEWAY_ADD',
   ADD_NEW_GATEWAY_THEN_SELECT: 'ADD_NEW_GATEWAY_THEN_SELECT',
   ADD_NEW_GATEWAY_TEXT_IMEI: 'ADD_NEW_GATEWAY_TEXT_IMEI',
+  ITEM_DEVICE_TYPE: 'ITEM_DEVICE_TYPE',
 
   // Select Gateway
 
@@ -608,4 +612,18 @@ export default {
   TOUCHABLE_ACTION_ADD_ITEM_FAVORITE: 'TOUCHABLE_ACTION_ADD_ITEM_FAVORITE',
   TOUCHABLE_ACTION_ADD_ITEM_AUTOMATE_FAVORITE:
     'TOUCHABLE_ACTION_ADD_ITEM_AUTOMATE_FAVORITE',
+
+  // Smart Account
+  LOGIN_SMART_ACCOUNT: 'LOGIN_SMART_ACCOUNT',
+  TOUCH_SELECT_ALL: 'TOUCH_SELECT_ALL',
+  TOUCH_SUPPLIER_ITEM: ' TOUCH_SUPPLIER_ITEM',
+  TOUCH_SELECT_ITEM_SMART_ACCOUNT: 'TOUCH_SELECT_ITEM_SMART_ACCOUNT',
+  ON_CHANGE_SEARCH_SMART_ACCOUNT: 'ON_CHANGE_SEARCH_SMART_ACCOUNT',
+  ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT:
+    'ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT',
+  ON_CHANGE_NAME_DEVICE_SMART_ACCOUNT: 'ON_CHANGE_NAME_DEVICE_SMART_ACCOUNT',
+  // Edit action list
+  BUTTON_CANCEL_EDIT_ACTION_LIST: 'BUTTON_CANCEL_EDIT_ACTION_LIST',
+  BUTTON_SAVE_EDIT_ACTION_LIST: 'BUTTON_SAVE_EDIT_ACTION_LIST',
+  BUTTON_REMOVE_EDIT_ACTION_LIST: 'BUTTON_REMOVE_EDIT_ACTION_LIST',
 };

package/src/configs/Constants.js

@@ -81,6 +81,8 @@ export const DEVICE_TYPE = {
   HANET: 'HANET',
   ZIGBEE: 'ZIGBEE',
   GOOGLE_HOME: 'GOOGLE_HOME',
+  WIFI_DEVICE: 'WIFI_DEVICE',
+  MODBUS: 'MODBUS',
 };
 
 const marginItem = 12;

package/src/configs/Images.js

@@ -22,4 +22,6 @@ export default {
   close: require('../Images/DevMode/close.png'),
   plus: require('../Images/DevMode/plus.png'),
   removeCircle: require('../Images/DevMode/remove_circle.png'),
+  dienquang: require('../Images/SmartAccount/DienQuang.png'),
+  lg: require('../Images/SmartAccount/LG.png'),
 };

package/src/context/actionType.ts

@@ -26,6 +26,9 @@ export const Action = {
   SET_DEVICES_STATUS: 'SET_DEVICES_STATUS',
   SET_POPOVER_ANIMATING: 'SET_POPOVER_ANIMATING',
   SET_LOCK_VIEW_PICK_COLOR: 'SET_LOCK_VIEW_PICK_COLOR',
+  PERCENT_LOADED: 'PERCENT_LOADED',
+  REFRESH_PERCENT: 'REFRESH_PERCENT',
+  PROCESS_DONE: 'PROCESS_DONE',
   // NOTE: DEV MODE
   SET_WIDGET_DRAGGING: 'SET_WIDGET_DRAGGING',
   SET_IS_EDITING_TEMPLATE: 'SET_IS_EDITING_TEMPLATE',

package/src/context/reducer.ts

@@ -28,6 +28,7 @@ export type ContextData = {
   valueEvaluations: {};
   fetchedValueEvaluationUnits: Array<number>;
   devMode: DevModeType;
+  percent: number;
 };
 
 export type Action = {
@@ -48,6 +49,7 @@ export const initialState = {
   statusBar: {} as StatusBar,
   listDevice: {} as ListDevice,
   listAction: [] as ListAction,
+  percent: 0,
   unit: {
     favoriteDeviceIds: [],
   },
@@ -95,6 +97,26 @@ export const reducer = (currentState: ContextData, action: Action) => {
       return { ...currentState, statusBar: payload };
     case Action.UPDATE_LANGUAGE:
       return { ...currentState, language: payload };
+    case Action.PERCENT_LOADED:
+      // eslint-disable-next-line no-case-declarations
+      const percent =
+        currentState.percent < 0.85
+          ? currentState.percent + (Math.random() * 0.15 + 0.01)
+          : currentState.percent;
+      return {
+        ...currentState,
+        percent: percent,
+      };
+    case Action.REFRESH_PERCENT:
+      return {
+        ...currentState,
+        percent: 0,
+      };
+    case Action.PROCESS_DONE:
+      return {
+        ...currentState,
+        percent: 1,
+      };
     case Action.LIST_DEVICE_TYPES:
       if (currentState.listDevice) {
         currentState.listDevice[action.payload.chipId] = {

package/src/navigations/AddGatewayStack.js

@@ -18,6 +18,9 @@ import ConnectingWifiDevice from '../screens/AddNewGateway/ConnectingWifiDevice'
 import ShareWifiPassword from '../screens/AddNewGateway/ShareWifiPassword';
 import ScanGatewayQR from '../screens/AddNewGateway/ScanGatewayQR';
 import RenameNewDevices from '../screens/AddNewGateway/RenameNewDevices';
+import ConnectingWifiGuide from '../screens/AddNewGateway/ConnectingWifiGuide';
+import ConnectRouterGuide from '../screens/AddNewGateway/PlugAndPlay/ConnectRouterGuide';
+import ZigbeeDeviceConnectGuide from '../screens/AddNewGateway/PlugAndPlay/ZigbeeDeviceConnectGuide';
 
 const Stack = createStackNavigator();
 
@@ -77,6 +80,18 @@ export const AddGatewayStack = memo(() => {
         name={Route.RenameNewDevices}
         component={RenameNewDevices}
       />
+      <Stack.Screen
+        name={Route.ConnectingWifiGuide}
+        component={ConnectingWifiGuide}
+      />
+      <Stack.Screen
+        name={Route.ConnectRouterGuide}
+        component={ConnectRouterGuide}
+      />
+      <Stack.Screen
+        name={Route.ZigbeeDeviceConnectGuide}
+        component={ZigbeeDeviceConnectGuide}
+      />
     </Stack.Navigator>
   );
 });

package/src/navigations/SmartAccountStack.js

@@ -0,0 +1,52 @@
+import { createStackNavigator } from '@react-navigation/stack';
+import React, { memo } from 'react';
+import SmartAccount from '../screens/SmartAccount';
+import SmartAccountConnecting from '../screens/SmartAccount/Connecting';
+import ListDeviceSmartAccount from '../screens/SmartAccount/ListDevice';
+import SuccessfullyConnected from '../screens/SmartAccount/SuccessfullyConnected';
+
+import Route from '../utils/Route';
+import { screenOptions } from './utils';
+
+const Stack = createStackNavigator();
+
+export const SmartAccountStack = memo(() => {
+  return (
+    <Stack.Navigator
+      screenOptions={{
+        ...screenOptions,
+        headerShown: false,
+        animationEnabled: false,
+      }}
+    >
+      <Stack.Screen
+        name={Route.SmartAccount}
+        component={SmartAccount}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name={Route.SmartAccountConnecting}
+        component={SmartAccountConnecting}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name={Route.ListDeviceSmartAccount}
+        component={ListDeviceSmartAccount}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name={Route.SuccessfullyConnected}
+        component={SuccessfullyConnected}
+        options={{
+          headerShown: false,
+        }}
+      />
+    </Stack.Navigator>
+  );
+});

package/src/screens/AddCommon/SelectSubUnit.js

@@ -10,7 +10,7 @@ const AddCommonSelectSubUnit = ({ route }) => {
   const {
     addType,
     unit_id,
-    sensor_data,
+    device_data,
     listSelectDevice,
     smart_account_id,
     smart_account_id_from_backend,
@@ -36,17 +36,20 @@ const AddCommonSelectSubUnit = ({ route }) => {
     (unit, subUnit) => {
       switch (addType) {
         case 'AddHassiDevice':
-          navigation.navigate(Routes.SmartAccountConnecting, {
-            listSensorIds: route.params.listSensorIds,
-            stationId: subUnit?.id,
-            nameSubUnit: subUnit?.name,
-            sensor_data: sensor_data,
-            listSelectDevice: listSelectDevice,
-            smart_account_id: smart_account_id,
-            unit_id: unit_id,
-            smart_account_id_from_backend: smart_account_id_from_backend,
-            username,
-            brand,
+          navigation.navigate(Routes.SmartAccountStack, {
+            screen: Routes.SmartAccountConnecting,
+            params: {
+              listDeviceIds: route.params.listDeviceIds,
+              stationId: subUnit?.id,
+              nameSubUnit: subUnit?.name,
+              device_data: device_data,
+              listSelectDevice: listSelectDevice,
+              smart_account_id: smart_account_id,
+              unit_id: unit_id,
+              smart_account_id_from_backend: smart_account_id_from_backend,
+              username,
+              brand,
+            },
           });
           break;
         default:
@@ -57,7 +60,7 @@ const AddCommonSelectSubUnit = ({ route }) => {
       addType,
       navigation,
       route.params,
-      sensor_data,
+      device_data,
       listSelectDevice,
       smart_account_id,
       unit_id,
@@ -73,6 +76,7 @@ const AddCommonSelectSubUnit = ({ route }) => {
       title={title}
       unitId={unit_id}
       onPressNext={onPressNext}
+      route={route}
     />
   );
 };