@mirai/core 0.3.426 → 0.3.428

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

@@ -3210,64 +3210,158 @@ exports[`<Finder> type:chain prop:assisted 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Finder> type:chain prop:compact 1`] = `
+exports[`<Finder> type:chain prop:compacted 1`] = `
 <DocumentFragment>
-  <ui-finder
+  <ui-finder-compact
     class="view row"
   >
-    <ui-layer
-      class="container"
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
     >
-      <ui-pressable
-        class="pressable"
-        tabindex="1"
+      <ui-icon
+        class="icon headline-3"
       >
-        <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"
         >
-          <svg
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
+          />
+        </svg>
+      </ui-icon>
+      <ui-text
+        class="text action"
+      >
+        common.label.check
+        <ui-text
+          style="text-decoration: underline;"
+        >
+          in ─ common.label.check
+        </ui-text>
+        out
+      </ui-text>
+    </ui-pressable>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <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="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
+          />
+        </svg>
+      </ui-icon>
+      <ui-text
+        class="text action"
+      >
+         · common.label.accommodation_type
+      </ui-text>
+    </ui-pressable>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-icon
+        class="icon headline-3"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+            stroke="none"
+          />
+          <path
+            d="M9 15l6 -6"
+          />
+          <circle
+            cx="9.5"
+            cy="9.5"
             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="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
-            />
-          </svg>
-        </ui-icon>
-        <ui-view
-          class="view"
+            r=".5"
+          />
+          <circle
+            cx="14.5"
+            cy="14.5"
+            fill="currentColor"
+            r=".5"
+          />
+          <path
+            d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
+          />
+        </svg>
+      </ui-icon>
+    </ui-pressable>
+    <ui-button
+      class="pressable button small squared"
+      tabindex="0"
+    >
+      <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"
         >
-          <ui-text
-            class="text small"
-          >
-            finder.label.when
-          </ui-text>
-          <ui-text
-            class="text action"
-          >
-            common.label.check
-            <ui-text
-              style="text-decoration: underline;"
-            >
-              in ─ common.label.check
-            </ui-text>
-            out
-          </ui-text>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+          />
+        </svg>
+      </ui-icon>
+    </ui-button>
+  </ui-finder-compact>
+  <ui-finder
+    class="view row"
+  >
+    <ui-layer
+      class="container"
+    />
     <ui-layer-content
       class="layer hidden"
-      style="left: 0px; top: 0px;"
     >
       <ui-view
         class="view"
@@ -4490,57 +4584,9 @@ exports[`<Finder> type:chain prop:compact 1`] = `
     />
     <ui-layer
       class="container"
-    >
-      <ui-pressable
-        class="pressable"
-        tabindex="0"
-      >
-        <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="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
-            />
-          </svg>
-        </ui-icon>
-        <ui-view
-          class="view"
-        >
-          <ui-text
-            class="text small"
-          >
-            finder.label.who
-          </ui-text>
-          <ui-text
-            class="text action"
-          >
-            2 common.label.guest
-            <ui-text
-              style="text-decoration: underline;"
-            >
-              type
-            </ui-text>
-            plural · 1 common.label.accommodation_type
-          </ui-text>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
+    />
     <ui-layer-content
       class="layer hidden"
-      style="left: 0px; top: 0px;"
     >
       <ui-view
         class="view"
@@ -4735,10 +4781,12 @@ exports[`<Finder> type:chain prop:compact 1`] = `
     />
     <ui-layer
       class="container"
+    />
+    <ui-layer-content
+      class="layer hidden"
     >
-      <ui-pressable
-        class="pressable"
-        tabindex="0"
+      <ui-view
+        class="view row"
       >
         <ui-icon
           class="icon headline-3"
@@ -4779,38 +4827,15 @@ exports[`<Finder> type:chain prop:compact 1`] = `
             />
           </svg>
         </ui-icon>
-        <ui-view
-          class="view"
-        >
-          <ui-text
-            class="text small"
-          >
-            common.label.promotion
-          </ui-text>
-          <ui-view
-            class="view row"
-          >
-            <input
-              class="input"
-              name="mirai:finder:promocode"
-              placeholder="common.label.promo_code"
-              type="text"
-              value=""
-            />
-          </ui-view>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
-    <ui-layer-content
-      class="layer hidden"
-      style="left: 0px; top: 0px;"
-    />
-    <ui-button
-      class="pressable button large"
-      tabindex="0"
-    >
-      common.action.search
-    </ui-button>
+        <input
+          class="input"
+          name="mirai:finder:promocode"
+          placeholder="common.label.promo_code"
+          type="text"
+          value=""
+        />
+      </ui-view>
+    </ui-layer-content>
   </ui-finder>
 </DocumentFragment>
 `;
@@ -14456,64 +14481,158 @@ exports[`<Finder> type:hotel prop:assisted 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Finder> type:hotel prop:compact 1`] = `
+exports[`<Finder> type:hotel prop:compacted 1`] = `
 <DocumentFragment>
-  <ui-finder
+  <ui-finder-compact
     class="view row"
   >
-    <ui-layer
-      class="container"
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
     >
-      <ui-pressable
-        class="pressable"
-        tabindex="1"
+      <ui-icon
+        class="icon headline-3"
       >
-        <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"
         >
-          <svg
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
+          />
+        </svg>
+      </ui-icon>
+      <ui-text
+        class="text action"
+      >
+        common.label.check
+        <ui-text
+          style="text-decoration: underline;"
+        >
+          in ─ common.label.check
+        </ui-text>
+        out
+      </ui-text>
+    </ui-pressable>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <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="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
+          />
+        </svg>
+      </ui-icon>
+      <ui-text
+        class="text action"
+      >
+         · common.label.accommodation_type
+      </ui-text>
+    </ui-pressable>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-icon
+        class="icon headline-3"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+            stroke="none"
+          />
+          <path
+            d="M9 15l6 -6"
+          />
+          <circle
+            cx="9.5"
+            cy="9.5"
             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="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
-            />
-          </svg>
-        </ui-icon>
-        <ui-view
-          class="view"
+            r=".5"
+          />
+          <circle
+            cx="14.5"
+            cy="14.5"
+            fill="currentColor"
+            r=".5"
+          />
+          <path
+            d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
+          />
+        </svg>
+      </ui-icon>
+    </ui-pressable>
+    <ui-button
+      class="pressable button small squared"
+      tabindex="0"
+    >
+      <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"
         >
-          <ui-text
-            class="text small"
-          >
-            finder.label.when
-          </ui-text>
-          <ui-text
-            class="text action"
-          >
-            common.label.check
-            <ui-text
-              style="text-decoration: underline;"
-            >
-              in ─ common.label.check
-            </ui-text>
-            out
-          </ui-text>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+          />
+        </svg>
+      </ui-icon>
+    </ui-button>
+  </ui-finder-compact>
+  <ui-finder
+    class="view row"
+  >
+    <ui-layer
+      class="container"
+    />
     <ui-layer-content
       class="layer hidden"
-      style="left: 0px; top: 0px;"
     >
       <ui-view
         class="view"
@@ -15736,57 +15855,9 @@ exports[`<Finder> type:hotel prop:compact 1`] = `
     />
     <ui-layer
       class="container"
-    >
-      <ui-pressable
-        class="pressable"
-        tabindex="0"
-      >
-        <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="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
-            />
-          </svg>
-        </ui-icon>
-        <ui-view
-          class="view"
-        >
-          <ui-text
-            class="text small"
-          >
-            finder.label.who
-          </ui-text>
-          <ui-text
-            class="text action"
-          >
-            2 common.label.guest
-            <ui-text
-              style="text-decoration: underline;"
-            >
-              type
-            </ui-text>
-            plural · 1 common.label.accommodation_type
-          </ui-text>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
+    />
     <ui-layer-content
       class="layer hidden"
-      style="left: 0px; top: 0px;"
     >
       <ui-view
         class="view"
@@ -15981,10 +16052,12 @@ exports[`<Finder> type:hotel prop:compact 1`] = `
     />
     <ui-layer
       class="container"
+    />
+    <ui-layer-content
+      class="layer hidden"
     >
-      <ui-pressable
-        class="pressable"
-        tabindex="0"
+      <ui-view
+        class="view row"
       >
         <ui-icon
           class="icon headline-3"
@@ -16025,38 +16098,15 @@ exports[`<Finder> type:hotel prop:compact 1`] = `
             />
           </svg>
         </ui-icon>
-        <ui-view
-          class="view"
-        >
-          <ui-text
-            class="text small"
-          >
-            common.label.promotion
-          </ui-text>
-          <ui-view
-            class="view row"
-          >
-            <input
-              class="input"
-              name="mirai:finder:promocode"
-              placeholder="common.label.promo_code"
-              type="text"
-              value=""
-            />
-          </ui-view>
-        </ui-view>
-      </ui-pressable>
-    </ui-layer>
-    <ui-layer-content
-      class="layer hidden"
-      style="left: 0px; top: 0px;"
-    />
-    <ui-button
-      class="pressable button large"
-      tabindex="0"
-    >
-      common.action.search
-    </ui-button>
+        <input
+          class="input"
+          name="mirai:finder:promocode"
+          placeholder="common.label.promo_code"
+          type="text"
+          value=""
+        />
+      </ui-view>
+    </ui-layer-content>
   </ui-finder>
 </DocumentFragment>
 `;

package/build/components/Profile/components/Bookings/Bookings.js

@@ -91,6 +91,7 @@ const Bookings = () => {
           city
         } = {},
         price: {
+          base,
           total,
           text: taxesText
         } = {},
@@ -132,7 +133,13 @@ const Bookings = () => {
         symbol: true,
         value: total
       })), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-        text: taxesText
+        text: "".concat(translate(_Bookings2.L10N.LABEL_BASE_PRICE_VALUE, {
+          value: currencyFormat({
+            currency,
+            symbol: true,
+            value: base
+          })
+        }), " ").concat(taxesText)
       }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
         accent: true,
         action: !isMobile,