@eohjsc/react-native-smart-city 0.2.19 → 0.2.23

package/assets/images/Add.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16.5938" r="16" fill="#F5F5F5"/>
+<path d="M15.4374 9.99414H16.5624C16.6624 9.99414 16.7124 10.0439 16.7124 10.1435V23.2873C16.7124 23.3869 16.6624 23.4367 16.5624 23.4367H15.4374C15.3374 23.4367 15.2874 23.3869 15.2874 23.2873V10.1435C15.2874 10.0439 15.3374 9.99414 15.4374 9.99414Z" fill="#595959"/>
+<path d="M9.6998 16.0059H22.2998C22.3998 16.0059 22.4498 16.0556 22.4498 16.1552V17.2754C22.4498 17.375 22.3998 17.4248 22.2998 17.4248H9.6998C9.5998 17.4248 9.5498 17.375 9.5498 17.2754V16.1552C9.5498 16.0556 9.5998 16.0059 9.6998 16.0059Z" fill="#595959"/>
+</svg>

package/assets/images/AddLocationMaps/Point.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 10.2188C15.0656 10.2188 14.1875 10.5812 13.525 11.2437C13.1994 11.5684 12.9413 11.9542 12.7654 12.3789C12.5895 12.8037 12.4993 13.259 12.5 13.7188C12.5 14.6531 12.8656 15.5312 13.525 16.1938C13.8496 16.5193 14.2354 16.7775 14.6602 16.9534C15.0849 17.1293 15.5403 17.2195 16 17.2188C16.9344 17.2188 17.8125 16.8531 18.475 16.1938C19.1375 15.5312 19.5 14.6531 19.5 13.7188C19.5 12.7844 19.1375 11.9062 18.475 11.2437C17.8125 10.5812 16.9344 10.2188 16 10.2188ZM26.7062 9.03438C26.1179 7.67775 25.2697 6.44944 24.2094 5.41875C23.1456 4.37875 21.8915 3.55331 20.5156 2.9875C19.0844 2.39375 17.5656 2.09375 16 2.09375C14.4344 2.09375 12.9156 2.39375 11.4844 2.98438C10.1 3.55625 8.85938 4.375 7.79063 5.41563C6.73101 6.44689 5.88286 7.67506 5.29375 9.03125C4.68437 10.4375 4.375 11.9312 4.375 13.4688C4.375 15.675 4.90313 17.8719 5.94063 19.9906C6.775 21.6938 7.94063 23.3531 9.40938 24.9312C11.9188 27.625 14.55 29.2719 15.2969 29.7125C15.5089 29.8377 15.7507 29.9036 15.9969 29.9031C16.2406 29.9031 16.4812 29.8406 16.6969 29.7125C17.4437 29.2719 20.075 27.625 22.5844 24.9312C24.0531 23.3562 25.2188 21.6938 26.0531 19.9906C27.0969 17.875 27.625 15.6812 27.625 13.4719C27.625 11.9344 27.3156 10.4406 26.7062 9.03438ZM16 19.2188C12.9625 19.2188 10.5 16.7563 10.5 13.7188C10.5 10.6812 12.9625 8.21875 16 8.21875C19.0375 8.21875 21.5 10.6812 21.5 13.7188C21.5 16.7563 19.0375 19.2188 16 19.2188Z" fill="#1890FF"/>
+</svg>

package/assets/images/CheckCircle.svg

@@ -0,0 +1,4 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16.5" cy="16.5928" r="16" fill="#F5F5F5"/>
+<path d="M24.8327 9.88477H23.3764C23.1723 9.88477 22.9785 9.97852 22.8535 10.1389L14.2639 21.0202L10.1452 15.8014C10.0829 15.7223 10.0035 15.6584 9.9129 15.6143C9.82234 15.5703 9.72297 15.5474 9.62228 15.5473H8.16603C8.02644 15.5473 7.94936 15.7077 8.03478 15.816L13.741 23.0452C14.0077 23.3827 14.5202 23.3827 14.7889 23.0452L24.9639 10.1514C25.0494 10.0452 24.9723 9.88477 24.8327 9.88477Z" fill="#BFBFBF"/>
+</svg>

package/assets/images/Close.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.80926 6.03906L9.91082 1.15C9.97957 1.06875 9.92176 0.945312 9.81551 0.945312H8.56863C8.49519 0.945312 8.42488 0.978125 8.37644 1.03437L4.99363 5.06719L1.61082 1.03437C1.56394 0.978125 1.49363 0.945312 1.41863 0.945312H0.171756C0.0655061 0.945312 0.00769351 1.06875 0.0764435 1.15L4.17801 6.03906L0.0764435 10.9281C0.0610429 10.9462 0.0511628 10.9684 0.0479759 10.9919C0.0447889 11.0155 0.048429 11.0395 0.0584644 11.061C0.0684997 11.0826 0.0845088 11.1008 0.104591 11.1135C0.124672 11.1263 0.147983 11.1329 0.171756 11.1328H1.41863C1.49207 11.1328 1.56238 11.1 1.61082 11.0438L4.99363 7.01094L8.37644 11.0438C8.42332 11.1 8.49363 11.1328 8.56863 11.1328H9.81551C9.92176 11.1328 9.97957 11.0094 9.91082 10.9281L5.80926 6.03906Z" fill="#262626"/>
+</svg>

package/assets/images/Event.svg

@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.4995 0H15.4991L9.50098 21.5962H15.5113L10.4009 40H12.2012L29.5983 18.4029H20.785L30.4995 0Z" fill="url(#paint0_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="9.50098" y1="0" x2="42.409" y2="17.2947" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/images/HowToStart.svg

@@ -0,0 +1,14 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 23.0381H10C8.61816 23.0381 7.5 21.9209 7.5 20.5381C7.5 19.1553 8.61816 18.0381 10 18.0381H20C21.3818 18.0381 22.5 19.1553 22.5 20.5381C22.5 21.9209 21.3818 23.0381 20 23.0381Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 8.03809H35C37.7588 8.03809 40 10.2803 40 13.0381V35.5381C40 38.2959 37.7588 40.5381 35 40.5381H12.5C9.74121 40.5381 7.5 38.2959 7.5 35.5381V30.5381H5C2.24121 30.5381 0 28.2959 0 25.5381V5.53809C0 2.78029 2.24121 0.538086 5 0.538086H25C27.7588 0.538086 30 2.78029 30 5.53809V8.03809ZM5 5.53809V25.5381H25V5.53809H5ZM35 35.5381H12.5V30.5381H25C27.7588 30.5381 30 28.2959 30 25.5381V13.0381H35V35.5381Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="0" y1="0.538086" x2="39.9557" y2="40.5381" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="0" y1="0.538086" x2="39.9557" y2="40.5381" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/images/OneTap.svg

@@ -0,0 +1,14 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5 18.5928H8.5C7.39453 18.5928 6.5 17.699 6.5 16.5928C6.5 15.4865 7.39453 14.5928 8.5 14.5928H16.5C17.6055 14.5928 18.5 15.4865 18.5 16.5928C18.5 17.699 17.6055 18.5928 16.5 18.5928Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 6.59277H28.5C30.707 6.59277 32.5 8.38654 32.5 10.5928V28.5928C32.5 30.799 30.707 32.5928 28.5 32.5928H10.5C8.29297 32.5928 6.5 30.799 6.5 28.5928V24.5928H4.5C2.29297 24.5928 0.5 22.799 0.5 20.5928V4.59277C0.5 2.38654 2.29297 0.592773 4.5 0.592773H20.5C22.707 0.592773 24.5 2.38654 24.5 4.59277V6.59277ZM4.5 4.59277V20.5928H20.5V4.59277H4.5ZM28.5 28.5928H10.5V24.5928H20.5C22.707 24.5928 24.5 22.799 24.5 20.5928V10.5928H28.5V28.5928Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="0.5" y1="0.592773" x2="32.4646" y2="32.5928" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="0.5" y1="0.592773" x2="32.4646" y2="32.5928" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/images/Rearrange.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6875 7.44531H3.3125C3.20937 7.44531 3.125 7.52969 3.125 7.63281V9.13281C3.125 9.23594 3.20937 9.32031 3.3125 9.32031H21.6875C21.7906 9.32031 21.875 9.23594 21.875 9.13281V7.63281C21.875 7.52969 21.7906 7.44531 21.6875 7.44531ZM21.6875 14.7578H3.3125C3.20937 14.7578 3.125 14.8422 3.125 14.9453V16.4453C3.125 16.5484 3.20937 16.6328 3.3125 16.6328H21.6875C21.7906 16.6328 21.875 16.5484 21.875 16.4453V14.9453C21.875 14.8422 21.7906 14.7578 21.6875 14.7578Z" fill="#262626"/>
+</svg>

package/assets/images/Schedule.svg

@@ -0,0 +1,39 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M16.332 21.377L18.5464 25.1419L20.0979 23.5904L16.332 21.377Z" fill="url(#paint0_linear)"/>
+<path d="M19.5571 26.1531L23.3215 28.3659L21.1083 24.6016L19.5571 26.1531Z" fill="url(#paint1_linear)"/>
+<path d="M19.2856 7.71777V8.49292H20.7142V7.71777C20.2415 7.79895 19.7584 7.79895 19.2856 7.71777Z" fill="url(#paint2_linear)"/>
+<path d="M20 9.92188C11.7157 9.92188 5 16.6376 5 24.9219C5 33.2062 11.7157 39.9219 20 39.9219C28.2843 39.9219 35 33.2062 35 24.9219C34.9906 16.6415 28.2804 9.93134 20 9.92188ZM20 38.4934C12.5046 38.4934 6.42853 32.4173 6.42853 24.9219C6.42853 17.4265 12.5046 11.3504 20 11.3504C27.4951 11.3504 33.5715 17.4265 33.5715 24.9219C33.5633 32.4137 27.4918 38.4851 20 38.4934Z" fill="url(#paint3_linear)"/>
+<path d="M20.0001 6.35041C21.7753 6.35041 23.2142 4.9115 23.2142 3.13629C23.2142 1.36109 21.7753 -0.078125 20.0001 -0.078125C18.2249 -0.078125 16.7856 1.36109 16.7856 3.13629C16.7878 4.91059 18.2258 6.34858 20.0001 6.35041ZM20.0001 2.42188C20.3947 2.42188 20.7142 2.7417 20.7142 3.13629C20.7142 3.53058 20.3943 3.85041 20.0001 3.85041C19.6055 3.85041 19.2856 3.53058 19.2856 3.13629C19.2856 2.7417 19.6055 2.42188 20.0001 2.42188Z" fill="url(#paint4_linear)"/>
+<path d="M19.9999 12.7793C13.2936 12.7793 7.85693 18.216 7.85693 24.9223C7.85693 31.6285 13.2936 37.0652 19.9999 37.0652C26.7061 37.0652 32.1428 31.6285 32.1428 24.9223C32.1352 18.2191 26.7031 12.7869 19.9999 12.7793ZM19.2855 14.9222C19.2855 14.5277 19.6053 14.2078 19.9999 14.2078C20.3945 14.2078 20.714 14.5277 20.714 14.9222V16.3508C20.714 16.7454 20.3942 17.0652 19.9999 17.0652C19.6053 17.0652 19.2855 16.7454 19.2855 16.3508V14.9222ZM11.4284 25.6367H9.99988C9.60529 25.6367 9.28546 25.3168 9.28546 24.9223C9.28546 24.5277 9.60529 24.2078 9.99988 24.2078H11.4284C11.823 24.2078 12.1428 24.5277 12.1428 24.9223C12.1428 25.3168 11.823 25.6367 11.4284 25.6367ZM20.714 34.9223C20.714 35.3169 20.3942 35.6364 19.9999 35.6364C19.6053 35.6364 19.2855 35.3169 19.2855 34.9223V33.4937C19.2855 33.0991 19.6053 32.7793 19.9999 32.7793C20.3945 32.7793 20.714 33.0991 20.714 33.4937V34.9223ZM25.8376 30.8829C25.6075 31.1131 25.2511 31.1585 24.9706 30.9937L18.037 26.9172C18.0306 26.9135 18.0278 26.9065 18.0211 26.9022C17.9815 26.872 17.9454 26.8375 17.9134 26.7994C17.8691 26.7634 17.8295 26.7216 17.7956 26.6758C17.7919 26.67 17.7855 26.6679 17.7828 26.6624L13.7047 19.7288C13.5039 19.3891 13.6159 18.9512 13.9556 18.7501C14.1799 18.617 14.4588 18.617 14.6834 18.7501L21.6176 22.8266C21.624 22.8309 21.6271 22.8379 21.6335 22.8416C21.6726 22.8721 21.7086 22.9066 21.7412 22.9444C21.7852 22.9807 21.8245 23.0222 21.8584 23.068C21.8621 23.0735 21.8685 23.0765 21.8718 23.0823L25.9484 30.0156C26.1135 30.2964 26.0677 30.6528 25.8376 30.8829ZM29.9999 25.6367H28.5714C28.1768 25.6367 27.8569 25.3168 27.8569 24.9223C27.8569 24.5277 28.1768 24.2078 28.5714 24.2078H29.9999C30.3945 24.2078 30.7143 24.5277 30.7143 24.9223C30.714 25.3168 30.3942 25.6367 29.9999 25.6367Z" fill="url(#paint5_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="16.332" y1="21.377" x2="20.0928" y2="25.1428" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="19.5571" y1="24.6016" x2="23.3173" y2="28.3659" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="19.2856" y1="7.71777" x2="19.9344" y2="8.91471" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="5" y1="9.92187" x2="34.9668" y2="39.9219" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="16.7856" y1="-0.078125" x2="23.2071" y2="6.3504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="7.85693" y1="12.7793" x2="32.116" y2="37.0652" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="40" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/WeatherChange.svg

@@ -0,0 +1,49 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M39.9609 19.4151C39.9609 16.0576 37.5367 13.2553 34.3461 12.6674C34.4469 7.7329 29.6475 3.91545 24.7266 5.38009C23.2367 2.22626 20.0429 0 16.2573 0C11.214 0 7.08931 4.01089 6.90686 9.01047C2.92786 9.87659 0.0390625 13.4122 0.0390625 17.5438C0.0390625 22.3593 3.95639 26.2766 8.77196 26.2766H33.0993C36.8825 26.2766 39.9609 23.1983 39.9609 19.4151Z" fill="url(#paint0_linear)"/>
+<path d="M27.4194 28.2794C26.8033 27.9714 26.0538 28.221 25.7457 28.8374L23.2506 33.8276C22.833 34.6629 23.4486 35.6334 24.3655 35.6334C24.8231 35.6334 25.2637 35.3806 25.4823 34.9435L27.9774 29.9533C28.2855 29.337 28.0357 28.5876 27.4194 28.2794Z" fill="url(#paint1_linear)"/>
+<path d="M38.647 28.2794C38.0308 27.9714 37.2813 28.221 36.9732 28.8374L34.4781 33.8276C34.0605 34.6629 34.6762 35.6334 35.593 35.6334C36.0507 35.6334 36.4913 35.3806 36.7098 34.9435L39.2049 29.9533C39.513 29.337 39.2633 28.5876 38.647 28.2794Z" fill="url(#paint2_linear)"/>
+<path d="M16.1914 28.2794C15.5753 27.9714 14.8257 28.221 14.5177 28.8374L12.0226 33.8276C11.6049 34.6629 12.2206 35.6334 13.1375 35.6334C13.5951 35.6334 14.0357 35.3806 14.2543 34.9435L16.7494 29.9533C17.0575 29.337 16.8077 28.5876 16.1914 28.2794Z" fill="url(#paint3_linear)"/>
+<path d="M4.96339 28.2794C4.34726 27.9714 3.59771 28.221 3.28964 28.8374L0.794526 33.8276C0.376906 34.6629 0.992575 35.6334 1.90945 35.6334C2.36707 35.6334 2.80769 35.3806 3.02625 34.9435L5.52136 29.9533C5.82943 29.337 5.57969 28.5876 4.96339 28.2794Z" fill="url(#paint4_linear)"/>
+<path d="M19.9336 32.6456C19.3174 32.3376 18.5679 32.5873 18.2599 33.2036L15.7647 38.1938C15.3471 39.029 15.9628 39.9996 16.8797 39.9996C17.3373 39.9996 17.7779 39.7468 17.9965 39.3097L20.4916 34.3194C20.7996 33.7032 20.5499 32.9538 19.9336 32.6456Z" fill="url(#paint5_linear)"/>
+<path d="M31.1621 32.6456C30.5459 32.3376 29.7964 32.5873 29.4884 33.2036L26.9933 38.1938C26.5756 39.029 27.1913 39.9996 28.1082 39.9996C28.5658 39.9996 29.0064 39.7468 29.225 39.3097L31.7201 34.3194C32.0281 33.7032 31.7784 32.9538 31.1621 32.6456Z" fill="url(#paint6_linear)"/>
+<path d="M8.70607 32.6456C8.08985 32.3376 7.34038 32.5873 7.03232 33.2036L4.5372 38.1938C4.11958 39.029 4.73525 39.9996 5.65213 39.9996C6.10975 39.9996 6.55037 39.7468 6.76893 39.3097L9.26404 34.3194C9.57211 33.7032 9.32236 32.9538 8.70607 32.6456Z" fill="url(#paint7_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="0.0390625" y1="0" x2="24.1366" y2="36.6517" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="23.1172" y1="28.1475" x2="30.0234" y2="32.7581" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="34.3447" y1="28.1475" x2="41.2509" y2="32.7581" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="11.8892" y1="28.1475" x2="18.7954" y2="32.7582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="0.661133" y1="28.1475" x2="7.56733" y2="32.7581" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="15.6313" y1="32.5137" x2="22.5375" y2="37.1244" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint6_linear" x1="26.8599" y1="32.5137" x2="33.766" y2="37.1243" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<linearGradient id="paint7_linear" x1="4.40381" y1="32.5137" x2="11.31" y2="37.1244" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B6B9F"/>
+<stop offset="1" stop-color="#D5FFCB"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="40" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/index.js

@@ -10,6 +10,7 @@ import SharedStack from './src/navigations/SharedStack';
 import Explore from './src/screens/Explore';
 import { AddLGDeviceStack } from './src/navigations/AddLGDeviceStack';
 import { initSCConfig } from './src/configs';
+import { AddNewActionStack } from './src/navigations/AddNewActionStack';
 
 export {
   AddSubUnitStack,
@@ -25,4 +26,5 @@ export {
   SCContext,
   AddLGDeviceStack,
   initSCConfig,
+  AddNewActionStack,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.2.19",
+  "version": "0.2.23",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -38,7 +38,8 @@
     "android-deploy-test": "bundle exec fastlane android beta",
     "reset-cache": "react-native start --reset-cache",
     "merge_conflict": "yarn jest && yarn update_coverage_result && yarn check_coverage_config",
-    "jest": "jest --detectOpenHandles"
+    "jest": "jest --detectOpenHandles",
+    "postinstall": "patch-package"
   },
   "repository": {
     "type": "git",
@@ -83,6 +84,7 @@
     "typescript": "^4.1.3"
   },
   "dependencies": {
+    "@messageformat/core": "^3.0.0",
     "@ant-design/icons-react-native": "^2.2.1",
     "@ant-design/react-native": "^4.0.5",
     "@formatjs/intl-getcanonicallocales": "^1.4.5",
@@ -154,14 +156,15 @@
     "react-native-responsive-fontsize": "^0.5.1",
     "react-native-safe-area-context": "^3.1.1",
     "react-native-screens": "^2.9.0",
-    "react-native-snap-carousel": "^4.0.0-beta.5",
+    "react-native-snap-carousel": "4.0.0-beta.5",
     "react-native-super-grid": "^4.0.3",
     "react-native-svg": "^12.1.0",
     "react-native-toast-message": "^1.3.2",
     "react-native-unimodules": "^0.11.0",
     "react-native-version-check": "^3.4.2",
-    "react-native-vlc-media-player": "^1.0.29",
+    "react-native-vlc-media-player": "^1.0.39",
     "react-native-webview": "^10.9.3",
+    "react-native-wheel-scrollview-picker": "^1.2.2",
     "react-navigation": "^2.2.0",
     "react-redux": "^7.2.1",
     "redux": "^4.0.5",

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -11,7 +11,7 @@ import styles from './OptionsDropdownActionTemplateStyle';
 import { watchMultiConfigs } from '../../iot/Monitor';
 import { TESTID } from '../../configs/Constants';
 import IconComponent from '../../commons/IconComponent';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 function getOptionValue(option) {
   if (option.value_text) {
@@ -21,8 +21,10 @@ function getOptionValue(option) {
 }
 
 const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
+  const t = useTranslations();
   const { configuration, title } = actionGroup;
-  const { action_data, options, icon, icon_kit_data } = configuration;
+  const { action_data, options, icon_kit_data, icon, icon_outlined } =
+    configuration;
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
 
@@ -76,7 +78,7 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
       return t('not_available');
     }
     return selectedOption.text;
-  }, [configuration.config, selectedOption]);
+  }, [configuration.config, selectedOption.text, t]);
 
   return (
     <View style={styles.wrap}>
@@ -84,6 +86,7 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
         <IconComponent
           icon={icon}
           iconKit={iconKit}
+          icon_outlined={icon_outlined}
           isSendingCommand={false}
           size={17}
           style={styles.marginRight}

package/src/commons/ActionGroup/StatesGridActionTemplate.js

@@ -36,7 +36,15 @@ const GridItem = ({ item, index, length, doAction, sensor }) => {
     extraStyle.marginTop = 24;
   }
 
-  const { active, text, icon, icon_kit_data, action_data, config } = item;
+  const {
+    active,
+    text,
+    icon_kit_data,
+    icon,
+    icon_outlined,
+    action_data,
+    config,
+  } = item;
   const buttonOnOffStyle = active ? buttonStyle.ON : buttonStyle.OFF;
 
   const doActionAndWatchConfig = useCallback(
@@ -63,6 +71,7 @@ const GridItem = ({ item, index, length, doAction, sensor }) => {
         <IconComponent
           icon={icon}
           iconKit={iconKit}
+          icon_outlined={icon_outlined}
           isSendingCommand={false}
           size={24}
         />

package/src/commons/ActionGroup/ThreeButtonTemplate.js

@@ -1,7 +1,7 @@
 import React, { memo, useCallback, useState } from 'react';
 import { TouchableOpacity, View, Switch } from 'react-native';
 import { Icon } from '@ant-design/react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 import styles from './ThreeButtonTemplateStyle';
 import Text from '../Text';
 import { TESTID } from '../../configs/Constants';
@@ -9,10 +9,15 @@ import { Colors } from '../../configs';
 import { Card } from '../../commons/CardShadow';
 
 const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
+  const t = useTranslations();
   const { configuration } = actionGroup;
   const [lock, setLock] = useState(false);
-  const iconSquareStop = () => {
-    return <View style={styles.squareStop} />;
+  const iconCustom = (icon) => {
+    return icon === 'stop' ? (
+      <View style={styles.squareStop} />
+    ) : (
+      <Icon name={icon} size={30} color={Colors.Primary} />
+    );
   };
   const onButton1Press = useCallback(
     () => doAction(configuration.action1_data),
@@ -72,7 +77,7 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
             onPress={onButton1Press}
             underlayColor={Colors.Gray2}
           >
-            <View style={styles.imageBtn}>
+            <View style={styles.imageButton}>
               <Icon
                 name={configuration.icon1}
                 size={30}
@@ -88,7 +93,9 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
             onPress={onButton2Press}
             underlayColor={Colors.Gray2}
           >
-            <View style={styles.imageBtn}>{iconSquareStop()}</View>
+            <View style={styles.imageButton}>
+              {iconCustom(configuration.icon2)}
+            </View>
             <Text style={styles.text}>{configuration.text2}</Text>
           </TouchableOpacity>
 
@@ -98,7 +105,7 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
             onPress={onButton3Press}
             underlayColor={Colors.Gray2}
           >
-            <View style={styles.imageBtn}>
+            <View style={styles.imageButton}>
               <Icon
                 name={configuration.icon3}
                 size={30}

package/src/commons/ActionGroup/ThreeButtonTemplateStyle.js

@@ -7,7 +7,7 @@ export default StyleSheet.create({
     justifyContent: 'space-around',
     paddingVertical: 16,
   },
-  imageBtn: {
+  imageButton: {
     height: 28,
     marginBottom: 7,
   },

package/src/commons/ActionGroup/TimerActionTemplate.js

@@ -3,58 +3,173 @@ import { Switch, TouchableOpacity, View } from 'react-native';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import moment from 'moment';
 import { IconOutline } from '@ant-design/icons-react-native';
+import { watchMultiConfigs } from '../../iot/Monitor';
+
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import styles from './TimerActionTemplateStyles';
 import Text from '../Text';
 import { Colors } from '../../configs';
 import { useConfigGlobalState } from '../../iot/states';
+import BottomScrollPicker from '../BottomScrollPicker';
 
-const TimerActionTemplate = ({ actionGroup, doAction }) => {
+const TimerActionTemplate = ({ actionGroup, doAction, sensor }) => {
+  const t = useTranslations();
   const { configuration, title } = actionGroup;
-  const [showTimer, setShowTimer] = useState(false);
+  const [showTime, setShowTime] = useState(false);
+  const [showHour, setShowHour] = useState(false);
+
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
+  const configHour = configValues[configuration.config_hour];
+  const configMinute = configValues[configuration.config_minute];
 
-  const currentTime = useMemo(() => {
-    const configHour = configValues[configuration.config_hour];
-    const configMinute = configValues[configuration.config_minute];
-    if (!configHour || !configMinute) {
+  const dataTime = useMemo(() => {
+    if (
+      !configuration.config_hour ||
+      !configuration.config_minute ||
+      configHour === undefined ||
+      configHour === null ||
+      configHour === -1 ||
+      configMinute === undefined ||
+      configMinute === null ||
+      configMinute === -1
+    ) {
       return undefined;
     }
     return moment(`${configHour}:${configMinute}`, 'HH:mm');
-  }, [configValues, configuration.config_hour, configuration.config_minute]);
+  }, [
+    configHour,
+    configMinute,
+    configuration.config_hour,
+    configuration.config_minute,
+  ]);
 
-  const onShowTimer = useCallback(() => {
-    setShowTimer(true);
+  const dataHour = useMemo(() => {
+    if (
+      !configuration.config_hour ||
+      configuration.config_minute ||
+      configHour === undefined ||
+      configHour === null ||
+      configHour === -1
+    ) {
+      return undefined;
+    }
+    return configHour;
+  }, [configHour, configuration.config_hour, configuration.config_minute]);
+
+  const onShowHour = useCallback(() => {
+    setShowHour(true);
+  }, []);
+
+  const onHideHour = useCallback(() => {
+    setShowHour(false);
   }, []);
 
-  const onHideTimer = useCallback(() => {
-    setShowTimer(false);
+  const onShowTime = useCallback(() => {
+    setShowTime(true);
   }, []);
 
-  const onConfirm = useCallback(
+  const onHideTime = useCallback(() => {
+    setShowTime(false);
+  }, []);
+
+  const onShowTimer = useCallback(() => {
+    if (configuration.config_hour && configuration.config_minute) {
+      onShowTime();
+      return;
+    }
+    onShowHour();
+  }, [
+    configuration.config_hour,
+    configuration.config_minute,
+    onShowHour,
+    onShowTime,
+  ]);
+
+  const doActionTime = useCallback(
+    (hour, minute) => {
+      doAction(configuration.action_data, [hour, minute]);
+      if (sensor.is_managed_by_backend) {
+        hour &&
+          minute &&
+          watchMultiConfigs([
+            configuration.config_hour,
+            configuration.config_minute,
+          ]);
+      }
+    },
+    [
+      configuration.action_data,
+      configuration.config_hour,
+      configuration.config_minute,
+      doAction,
+      sensor.is_managed_by_backend,
+    ]
+  );
+
+  const doActionHour = useCallback(
+    (hour) => {
+      doAction(configuration.action_data, hour);
+      if (sensor.is_managed_by_backend) {
+        hour && watchMultiConfigs([configuration.config_hour]);
+      }
+    },
+    [
+      configuration.action_data,
+      configuration.config_hour,
+      doAction,
+      sensor.is_managed_by_backend,
+    ]
+  );
+
+  const onConfirmTime = useCallback(
     (timeData) => {
-      setShowTimer(false);
+      onHideTime();
       const timeObj = moment(timeData);
-      doAction(configuration.action_data, [timeObj.hour(), timeObj.minute()]);
+      doActionTime(timeObj.hour(), timeObj.minute());
+    },
+    [doActionTime, onHideTime]
+  );
+
+  const onConfirmHour = useCallback(
+    (number) => {
+      onHideHour();
+      doActionHour(number);
     },
-    [configuration.action_data, doAction]
+    [doActionHour, onHideHour]
   );
 
+  const onSwitchOff = useCallback(() => {
+    if (!isTimerOn) {
+      return;
+    }
+    doActionTime(-1, -1);
+  }, [doActionTime, isTimerOn]);
+
   const isTimerOn = useMemo(() => {
-    return !!currentTime;
-  }, [currentTime]);
+    return !!dataTime;
+  }, [dataTime]);
+
+  const textTimer = useMemo(() => {
+    if (dataTime) {
+      return `${t('setting_at')} ${dataTime.format('HH:mm')}`;
+    }
+    if (dataHour) {
+      return `${t('setting_at')} ${dataHour} ${t('hours')}`;
+    }
+    return null;
+  }, [dataHour, dataTime, t]);
 
   return (
     <View style={styles.wrap}>
       <TouchableOpacity style={styles.timerButton} onPress={onShowTimer}>
         <View style={styles.timerTitle}>
           <Text>{title}</Text>
-          {currentTime && (
-            <Text
-              type="Label"
-              color={Colors.Gray7}
-            >{`Setting at ${currentTime.format('HH:mm')}`}</Text>
+          {textTimer && (
+            <Text type="Label" color={Colors.Gray7}>
+              {textTimer}
+            </Text>
           )}
         </View>
         <View style={styles.timerButton}>
@@ -64,21 +179,31 @@ const TimerActionTemplate = ({ actionGroup, doAction }) => {
           </Text>
         </View>
       </TouchableOpacity>
-      <Switch
-        trackColor={{ false: Colors.Gray4, true: Colors.Primary }}
-        thumbColor={isTimerOn ? Colors.White : Colors.Gray6}
-        ios_backgroundColor={Colors.Gray4}
-        value={isTimerOn}
-        disabled
-      />
+      {configuration.config_hour && configuration.config_minute && (
+        <Switch
+          trackColor={{ false: Colors.Gray4, true: Colors.Primary }}
+          thumbColor={isTimerOn ? Colors.White : Colors.Gray6}
+          ios_backgroundColor={Colors.Gray4}
+          value={isTimerOn}
+          onValueChange={onSwitchOff}
+          disabled={!isTimerOn}
+        />
+      )}
       <DateTimePickerModal
-        isVisible={showTimer}
-        date={currentTime ? currentTime.valueOf() : moment().valueOf()}
+        isVisible={showTime}
+        date={dataTime ? dataTime.valueOf() : moment().valueOf()}
         mode="time"
-        onConfirm={onConfirm}
-        onCancel={onHideTimer}
+        onConfirm={onConfirmTime}
+        onCancel={onHideTime}
         display="spinner"
       />
+      <BottomScrollPicker
+        min={configuration.min}
+        max={configuration.max}
+        isVisible={showHour}
+        onHide={onHideHour}
+        onPicked={onConfirmHour}
+      />
     </View>
   );
 };

package/src/commons/ActionGroup/__test__/OptionsDropdownTemplate.test.js

@@ -7,7 +7,7 @@ import { watchMultiConfigs } from '../../../iot/Monitor';
 import { AlertAction, RadioCircle } from '../../../commons';
 import { TESTID } from '../../../configs/Constants';
 import IconComponent from '../../../commons/IconComponent';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
 
 jest.mock('../../../iot/Monitor');
 
@@ -16,6 +16,7 @@ jest.mock('../../../iot/states', () => ({
 }));
 
 describe('Test OptionsDropdownActionTemplate', () => {
+  const t = useTranslations();
   const action_data = {
     color: '#00979D',
     command_prefer_over_bluetooth: true,

package/src/commons/ActionGroup/hooks/useDropdownAction.js

@@ -1,7 +1,8 @@
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { useCallback, useState } from 'react';
 
 export const useDropdownAction = () => {
+  const t = useTranslations();
   const [stateAlert, setStateAlert] = useState({
     visible: false,
     title: 'Fan Speed',