@mirai/core 0.4.13 → 0.4.15

package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap

@@ -2,197 +2,35 @@
 
 exports[`<Session> Using ghost feature renders 1`] = `
 <DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="show-login"
-    tabindex="0"
-  >
-    <button>
-      hello
-    </button>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow"
-    style="height: 768px;"
-    tabindex="0"
+  <ui-view
+    class="view"
   >
-    <ui-modal
-      class="view fit modal calcWidth"
+    <ui-menu
+      class="container"
+      data-testid="profile-menu"
     >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-text
-          class="text headline-3 title"
-        >
-          user.label.title_session
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-              />
-            </svg>
-          </ui-icon>
-        </ui-button>
-      </ui-view>
-      <ui-scrollview
-        class="scrollview snap vertical"
+      <ui-pressable
+        class="pressable"
+        data-testid="show-profile-menu"
+        tabindex="0"
       >
-        <ui-view
-          class="view row wide"
-        >
-          <ui-view
-            class="view wide"
-          >
-            <form>
-              <ui-text
-                class="text paragraph"
-              >
-                user.label.form_description
-              </ui-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.email"
-                    >
-                      common.label.email
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.email"
-                      name="email"
-                      required=""
-                      type="email"
-                      value=""
-                    />
-                  </ui-view>
-                </ui-view>
-              </ui-input-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.password"
-                    >
-                      common.label.password
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.password"
-                      name="password"
-                      required=""
-                      type="password"
-                      value=""
-                    />
-                  </ui-view>
-                  <ui-pressable
-                    class="pressable"
-                    tabindex="-1"
-                  >
-                    <ui-icon
-                      class="icon headline-3 icon password"
-                    >
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                          fill="none"
-                        />
-                        <path
-                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-                        />
-                      </svg>
-                    </ui-icon>
-                  </ui-pressable>
-                </ui-view>
-              </ui-input-text>
-              <ui-view
-                class="view wide"
-              >
-                <ui-action
-                  class="pressable action"
-                  data-testid="login-action"
-                  disabled="false"
-                  tabindex="0"
-                >
-                  user.action.reset
-                </ui-action>
-              </ui-view>
-              <ui-button
-                class="pressable disabled button large disabled wide"
-                data-testid="login-button"
-                disabled="true"
-                type="submit"
-              >
-                <ui-view
-                  class="view busyContainer"
-                >
-                  <ui-view
-                    class="view spinner"
-                  />
-                </ui-view>
-                <ui-view
-                  class="view row children"
-                >
-                  common.action.login
-                </ui-view>
-              </ui-button>
-            </form>
-            <ui-button
-              class="pressable button large transparent"
-              data-testid="login-button-secondary"
-              tabindex="0"
-            >
-              user.action.signup
-            </ui-button>
-          </ui-view>
-        </ui-view>
-      </ui-scrollview>
-    </ui-modal>
-  </ui-modal-overflow>
+        <div>
+          
+
+          <small>
+            hello@soyjavi.com
+          </small>
+          
+
+          <strong>
+            Javi
+          </strong>
+          
+
+        </div>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
@@ -232,681 +70,143 @@ exports[`<Session> Using ghost feature with an stored session 1`] = `
 
 exports[`<Session> inherit:className 1`] = `
 <DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="show-login"
-    tabindex="0"
-  >
-    <ui-view
-      class="view row"
-    >
-      <ui-icon
-        class="icon headline-3"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-          <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
-          />
-          <path
-            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
-          />
-        </svg>
-      </ui-icon>
-      <ui-text
-        class="text medium paragraph"
-      >
-        common.action.login
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow"
-    style="height: 768px;"
-    tabindex="0"
+  <ui-view
+    class="view mirai"
   >
-    <ui-modal
-      class="view fit modal calcWidth"
+    <ui-menu
+      class="container"
+      data-testid="profile-menu"
     >
-      <ui-view
-        class="view row header hideBack"
+      <ui-pressable
+        class="pressable"
+        data-testid="show-profile-menu"
+        tabindex="0"
       >
-        <ui-text
-          class="text headline-3 title"
-        >
-          user.label.title_session
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
+        <ui-view
+          class="view row"
         >
-          <ui-icon
-            class="icon headline-3 icon"
+          <ui-view
+            class="view row"
           >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
+            <ui-text
+              class="text bold action"
             >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-              />
-            </svg>
-          </ui-icon>
-        </ui-button>
-      </ui-view>
-      <ui-scrollview
-        class="scrollview snap vertical"
-      >
-        <ui-view
-          class="view row wide"
-        >
+              J
+            </ui-text>
+          </ui-view>
           <ui-view
             class="view wide"
           >
-            <form>
-              <ui-text
-                class="text paragraph"
-              >
-                user.label.form_description
-              </ui-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.email"
-                    >
-                      common.label.email
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.email"
-                      name="email"
-                      required=""
-                      type="email"
-                      value=""
-                    />
-                  </ui-view>
-                </ui-view>
-              </ui-input-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.password"
-                    >
-                      common.label.password
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.password"
-                      name="password"
-                      required=""
-                      type="password"
-                      value=""
-                    />
-                  </ui-view>
-                  <ui-pressable
-                    class="pressable"
-                    tabindex="-1"
-                  >
-                    <ui-icon
-                      class="icon headline-3 icon password"
-                    >
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                          fill="none"
-                        />
-                        <path
-                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-                        />
-                      </svg>
-                    </ui-icon>
-                  </ui-pressable>
-                </ui-view>
-              </ui-input-text>
-              <ui-view
-                class="view wide"
-              >
-                <ui-action
-                  class="pressable action"
-                  data-testid="login-action"
-                  disabled="false"
-                  tabindex="0"
-                >
-                  user.action.reset
-                </ui-action>
-              </ui-view>
-              <ui-button
-                class="pressable disabled button large disabled wide"
-                data-testid="login-button"
-                disabled="true"
-                type="submit"
-              >
-                <ui-view
-                  class="view busyContainer"
-                >
-                  <ui-view
-                    class="view spinner"
-                  />
-                </ui-view>
-                <ui-view
-                  class="view row children"
-                >
-                  common.action.login
-                </ui-view>
-              </ui-button>
-            </form>
-            <ui-button
-              class="pressable button large transparent"
-              data-testid="login-button-secondary"
-              tabindex="0"
+            <ui-text
+              class="text bold action"
+            >
+              Javi Jimenez
+            </ui-text>
+            <ui-text
+              class="text tiny"
             >
-              user.action.signup
-            </ui-button>
+              hello@soyjavi.com
+            </ui-text>
           </ui-view>
         </ui-view>
-      </ui-scrollview>
-    </ui-modal>
-  </ui-modal-overflow>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`<Session> renders 1`] = `
 <DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="show-login"
-    tabindex="0"
-  >
-    <ui-view
-      class="view row"
-    >
-      <ui-icon
-        class="icon headline-3"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-          <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
-          />
-          <path
-            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
-          />
-        </svg>
-      </ui-icon>
-      <ui-text
-        class="text medium paragraph"
-      >
-        common.action.login
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow"
-    style="height: 768px;"
-    tabindex="0"
+  <ui-view
+    class="view"
   >
-    <ui-modal
-      class="view fit modal calcWidth"
+    <ui-menu
+      class="container"
+      data-testid="profile-menu"
     >
-      <ui-view
-        class="view row header hideBack"
+      <ui-pressable
+        class="pressable"
+        data-testid="show-profile-menu"
+        tabindex="0"
       >
-        <ui-text
-          class="text headline-3 title"
-        >
-          user.label.title_session
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
+        <ui-view
+          class="view row"
         >
-          <ui-icon
-            class="icon headline-3 icon"
+          <ui-view
+            class="view row"
           >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
+            <ui-text
+              class="text bold action"
             >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-              />
-            </svg>
-          </ui-icon>
-        </ui-button>
-      </ui-view>
-      <ui-scrollview
-        class="scrollview snap vertical"
-      >
-        <ui-view
-          class="view row wide"
-        >
+              J
+            </ui-text>
+          </ui-view>
           <ui-view
             class="view wide"
           >
-            <form>
-              <ui-text
-                class="text paragraph"
-              >
-                user.label.form_description
-              </ui-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.email"
-                    >
-                      common.label.email
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.email"
-                      name="email"
-                      required=""
-                      type="email"
-                      value=""
-                    />
-                  </ui-view>
-                </ui-view>
-              </ui-input-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.password"
-                    >
-                      common.label.password
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.password"
-                      name="password"
-                      required=""
-                      type="password"
-                      value=""
-                    />
-                  </ui-view>
-                  <ui-pressable
-                    class="pressable"
-                    tabindex="-1"
-                  >
-                    <ui-icon
-                      class="icon headline-3 icon password"
-                    >
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                          fill="none"
-                        />
-                        <path
-                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-                        />
-                      </svg>
-                    </ui-icon>
-                  </ui-pressable>
-                </ui-view>
-              </ui-input-text>
-              <ui-view
-                class="view wide"
-              >
-                <ui-action
-                  class="pressable action"
-                  data-testid="login-action"
-                  disabled="false"
-                  tabindex="0"
-                >
-                  user.action.reset
-                </ui-action>
-              </ui-view>
-              <ui-button
-                class="pressable disabled button large disabled wide"
-                data-testid="login-button"
-                disabled="true"
-                type="submit"
-              >
-                <ui-view
-                  class="view busyContainer"
-                >
-                  <ui-view
-                    class="view spinner"
-                  />
-                </ui-view>
-                <ui-view
-                  class="view row children"
-                >
-                  common.action.login
-                </ui-view>
-              </ui-button>
-            </form>
-            <ui-button
-              class="pressable button large transparent"
-              data-testid="login-button-secondary"
-              tabindex="0"
+            <ui-text
+              class="text bold action"
+            >
+              Javi Jimenez
+            </ui-text>
+            <ui-text
+              class="text tiny"
             >
-              user.action.signup
-            </ui-button>
+              hello@soyjavi.com
+            </ui-text>
           </ui-view>
         </ui-view>
-      </ui-scrollview>
-    </ui-modal>
-  </ui-modal-overflow>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`<Session> testID 1`] = `
 <DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="show-login"
-    tabindex="0"
-  >
-    <ui-view
-      class="view row"
-    >
-      <ui-icon
-        class="icon headline-3"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-          <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
-          />
-          <path
-            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
-          />
-        </svg>
-      </ui-icon>
-      <ui-text
-        class="text medium paragraph"
-      >
-        common.action.login
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow"
-    style="height: 768px;"
-    tabindex="0"
+  <ui-view
+    class="view"
+    data-testid="mirai"
   >
-    <ui-modal
-      class="view fit modal calcWidth"
+    <ui-menu
+      class="container"
+      data-testid="profile-menu"
     >
-      <ui-view
-        class="view row header hideBack"
+      <ui-pressable
+        class="pressable"
+        data-testid="show-profile-menu"
+        tabindex="0"
       >
-        <ui-text
-          class="text headline-3 title"
-        >
-          user.label.title_session
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
+        <ui-view
+          class="view row"
         >
-          <ui-icon
-            class="icon headline-3 icon"
+          <ui-view
+            class="view row"
           >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
+            <ui-text
+              class="text bold action"
             >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-              />
-            </svg>
-          </ui-icon>
-        </ui-button>
-      </ui-view>
-      <ui-scrollview
-        class="scrollview snap vertical"
-      >
-        <ui-view
-          class="view row wide"
-        >
+              J
+            </ui-text>
+          </ui-view>
           <ui-view
             class="view wide"
           >
-            <form
-              data-testid="mirai"
+            <ui-text
+              class="text bold action"
             >
-              <ui-text
-                class="text paragraph"
-              >
-                user.label.form_description
-              </ui-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.email"
-                    >
-                      common.label.email
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.email"
-                      name="email"
-                      required=""
-                      type="email"
-                      value=""
-                    />
-                  </ui-view>
-                </ui-view>
-              </ui-input-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.password"
-                    >
-                      common.label.password
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.password"
-                      name="password"
-                      required=""
-                      type="password"
-                      value=""
-                    />
-                  </ui-view>
-                  <ui-pressable
-                    class="pressable"
-                    tabindex="-1"
-                  >
-                    <ui-icon
-                      class="icon headline-3 icon password"
-                    >
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                          fill="none"
-                        />
-                        <path
-                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-                        />
-                      </svg>
-                    </ui-icon>
-                  </ui-pressable>
-                </ui-view>
-              </ui-input-text>
-              <ui-view
-                class="view wide"
-              >
-                <ui-action
-                  class="pressable action"
-                  data-testid="login-action"
-                  disabled="false"
-                  tabindex="0"
-                >
-                  user.action.reset
-                </ui-action>
-              </ui-view>
-              <ui-button
-                class="pressable disabled button large disabled wide"
-                data-testid="login-button"
-                disabled="true"
-                type="submit"
-              >
-                <ui-view
-                  class="view busyContainer"
-                >
-                  <ui-view
-                    class="view spinner"
-                  />
-                </ui-view>
-                <ui-view
-                  class="view row children"
-                >
-                  common.action.login
-                </ui-view>
-              </ui-button>
-            </form>
-            <ui-button
-              class="pressable button large transparent"
-              data-testid="login-button-secondary"
-              tabindex="0"
+              Javi Jimenez
+            </ui-text>
+            <ui-text
+              class="text tiny"
             >
-              user.action.signup
-            </ui-button>
+              hello@soyjavi.com
+            </ui-text>
           </ui-view>
         </ui-view>
-      </ui-scrollview>
-    </ui-modal>
-  </ui-modal-overflow>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
@@ -957,259 +257,4 @@ exports[`<Session> with an stored session 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Session> with mode finishing signup 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="show-login"
-    tabindex="0"
-  >
-    <ui-view
-      class="view row"
-    >
-      <ui-icon
-        class="icon headline-3"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-          <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
-          />
-          <path
-            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
-          />
-        </svg>
-      </ui-icon>
-      <ui-text
-        class="text medium paragraph"
-      >
-        common.action.login
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-text
-          class="text headline-3 title"
-        >
-          user.label.title_session
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-              />
-            </svg>
-          </ui-icon>
-        </ui-button>
-      </ui-view>
-      <ui-scrollview
-        class="scrollview snap vertical"
-      >
-        <ui-view
-          class="view row wide"
-        >
-          <ui-view
-            class="view wide"
-          >
-            <form>
-              <ui-notification
-                class="view row notification info outlined"
-              >
-                <ui-icon
-                  class="icon headline-3"
-                >
-                  <svg
-                    fill="currentColor"
-                    height="1em"
-                    stroke="currentColor"
-                    stroke-width="0"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M0 0h24v24H0V0z"
-                      fill="none"
-                    />
-                    <path
-                      d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
-                    />
-                  </svg>
-                </ui-icon>
-                <ui-view
-                  class="view texts"
-                >
-                  <ui-text
-                    class="text action"
-                  >
-                    <ui-text
-                      class="text bold paragraph"
-                    >
-                      user.notification.activation_success
-                    </ui-text>
-                    <ui-text
-                      class="text paragraph"
-                    >
-                      user.notification.finish_signup_description
-                    </ui-text>
-                  </ui-text>
-                </ui-view>
-              </ui-notification>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.email"
-                    >
-                      common.label.email
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.email"
-                      name="email"
-                      required=""
-                      type="email"
-                      value=""
-                    />
-                  </ui-view>
-                </ui-view>
-              </ui-input-text>
-              <ui-input-text
-                class="view inputContainer"
-              >
-                <ui-view
-                  class="view row inputBorder"
-                >
-                  <ui-view
-                    class="view wide content"
-                  >
-                    <ui-label
-                      class="text paragraph text label"
-                      htmlfor="input.password"
-                    >
-                      common.label.password
-                    </ui-label>
-                    <input
-                      autocomplete="true"
-                      class="input input withLabel"
-                      id="input.password"
-                      name="password"
-                      required=""
-                      type="password"
-                      value=""
-                    />
-                  </ui-view>
-                  <ui-pressable
-                    class="pressable"
-                    tabindex="-1"
-                  >
-                    <ui-icon
-                      class="icon headline-3 icon password"
-                    >
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                          fill="none"
-                        />
-                        <path
-                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-                        />
-                      </svg>
-                    </ui-icon>
-                  </ui-pressable>
-                </ui-view>
-              </ui-input-text>
-              <ui-view
-                class="view wide"
-              >
-                <ui-action
-                  class="pressable action"
-                  data-testid="login-action"
-                  disabled="false"
-                  tabindex="0"
-                >
-                  user.action.reset
-                </ui-action>
-              </ui-view>
-              <ui-button
-                class="pressable disabled button large disabled wide"
-                data-testid="login-button"
-                disabled="true"
-                type="submit"
-              >
-                <ui-view
-                  class="view busyContainer"
-                >
-                  <ui-view
-                    class="view spinner"
-                  />
-                </ui-view>
-                <ui-view
-                  class="view row children"
-                >
-                  common.action.login
-                </ui-view>
-              </ui-button>
-            </form>
-          </ui-view>
-        </ui-view>
-      </ui-scrollview>
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
+exports[`<Session> with mode finishing signup 1`] = `<DocumentFragment />`;