npm - @mirai/core - Versions diffs - 0.3.255 → 0.3.257 - Mend

@mirai/core 0.3.255 → 0.3.257

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Summary.test.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`component:<Booking> partial:<Summary> inherit:className 1`] = `
 <DocumentFragment>
   <div
-    class="view row"
+    class="view wide"
   >
     <div
       class="view"
@@ -11,225 +11,134 @@ exports[`component:<Booking> partial:<Summary> inherit:className 1`] = `
       <h3
         class="text bold headline-3"
       >
-        common.label.check_in
+        user.label.booking_summary
       </h3>
-      <span
-        class="text paragraph"
+      <div
+        class="view row wide"
       >
-        lun, 24 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkin_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.check_out
-      </h3>
-      <span
-        class="text paragraph"
-      >
-        dom, 30 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkout_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.nights
-      </h3>
-      <h2
-        class="text headline-2"
-      >
-        6
-      </h2>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        user.label.booking_info
-      </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.promo_code
-      </span>
-      <span
-        class="text paragraph"
-      >
-        22081176982
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.name
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Satoshi Nakamoto
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.email
-      </span>
-      <span
-        class="text paragraph"
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_in
+          </span>
+          <span
+            class="text action"
+          >
+            lun, 24 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkin_time
+          </span>
+        </div>
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_out
+          </span>
+          <span
+            class="text action"
+          >
+            dom, 30 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkout_time
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
       >
-        hodl.your@bitcoin.com
-      </span>
+        <span
+          class="text bold paragraph"
+        >
+          user.label.your_reservation
+        </span>
+        <span
+          class="text action"
+        >
+          common.label.night
+          <span
+            style="text-decoration: underline;"
+          >
+            count, common.label.room
+          </span>
+          count
+        </span>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Standard Room
+          </span>
+        </div>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Premium Room
+          </span>
+        </div>
+      </div>
     </div>
     <div
       class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +66 0610482727
-      </span>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
     >
       <h3
         class="text bold headline-3"
       >
-        Hotel Club Mac Alcudia ***
+        user.label.price_summary
       </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.address
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Avda. Tucán, s/n, Alcúdia, Spain
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +34 971891600
-      </span>
-    </div>
-    <div
-      class="view row wide"
-    >
-      <a
-        class="pressable action inline"
-        href="https://www.soyjavi.com"
+      <div
+        class="view wide"
       >
-        <span
-          class="icon headline-3"
+        <div
+          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"
+          <span
+            class="text action wide"
           >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11.49 16c.88 0 1.7-.26 2.39-.7l2.44 2.44 1.42-1.42-2.44-2.43c.44-.7.7-1.51.7-2.39C16 9.01 13.99 7 11.5 7S7 9.01 7 11.5 9.01 16 11.49 16zm.01-7a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"
-            />
-          </svg>
-        </span>
-        common.action.view_hotel
-      </a>
-      <a
-        class="pressable action inline"
-        href="mailto:hello@soyjavi.com"
-      >
-        <span
-          class="icon headline-3"
+            common.label.base_price
+          </span>
+          <span
+            class="text action"
+          >
+            0,00 GBP
+          </span>
+        </div>
+        <div
+          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"
+          <span
+            class="text bold paragraph wide"
           >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-            />
-            <path
-              d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
-            />
-          </svg>
-        </span>
-        common.action.send_email
-      </a>
-      <a
-        class="pressable action inline"
-        href="https://maps.google.com?q=43.4072684,-2.9488711"
+            common.label.total
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            198,41 GBP
+          </span>
+        </div>
+      </div>
+      <div
+        class="view row notification warning inline small"
       >
         <span
-          class="icon headline-3"
+          class="icon paragraph"
         >
           <svg
             fill="currentColor"
@@ -241,21 +150,25 @@ exports[`component:<Booking> partial:<Summary> inherit:className 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"
-            />
-            <circle
-              cx="12"
-              cy="9"
-              r="2.5"
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
             />
           </svg>
         </span>
-        common.action.view_map
-      </a>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            <span
+              style="font-weight: bold;"
+            >
+              {{price.description}
+            </span>
+            } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -264,7 +177,7 @@ exports[`component:<Booking> partial:<Summary> inherit:className 1`] = `
 exports[`component:<Booking> partial:<Summary> renders 1`] = `
 <DocumentFragment>
   <div
-    class="view row"
+    class="view wide"
   >
     <div
       class="view"
@@ -272,225 +185,134 @@ exports[`component:<Booking> partial:<Summary> renders 1`] = `
       <h3
         class="text bold headline-3"
       >
-        common.label.check_in
+        user.label.booking_summary
       </h3>
-      <span
-        class="text paragraph"
+      <div
+        class="view row wide"
       >
-        lun, 24 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkin_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.check_out
-      </h3>
-      <span
-        class="text paragraph"
-      >
-        dom, 30 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkout_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.nights
-      </h3>
-      <h2
-        class="text headline-2"
-      >
-        6
-      </h2>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        user.label.booking_info
-      </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.promo_code
-      </span>
-      <span
-        class="text paragraph"
-      >
-        22081176982
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.name
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Satoshi Nakamoto
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.email
-      </span>
-      <span
-        class="text paragraph"
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_in
+          </span>
+          <span
+            class="text action"
+          >
+            lun, 24 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkin_time
+          </span>
+        </div>
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_out
+          </span>
+          <span
+            class="text action"
+          >
+            dom, 30 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkout_time
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
       >
-        hodl.your@bitcoin.com
-      </span>
+        <span
+          class="text bold paragraph"
+        >
+          user.label.your_reservation
+        </span>
+        <span
+          class="text action"
+        >
+          common.label.night
+          <span
+            style="text-decoration: underline;"
+          >
+            count, common.label.room
+          </span>
+          count
+        </span>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Standard Room
+          </span>
+        </div>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Premium Room
+          </span>
+        </div>
+      </div>
     </div>
     <div
       class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +66 0610482727
-      </span>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
     >
       <h3
         class="text bold headline-3"
       >
-        Hotel Club Mac Alcudia ***
+        user.label.price_summary
       </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.address
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Avda. Tucán, s/n, Alcúdia, Spain
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +34 971891600
-      </span>
-    </div>
-    <div
-      class="view row wide"
-    >
-      <a
-        class="pressable action inline"
-        href="https://www.soyjavi.com"
+      <div
+        class="view wide"
       >
-        <span
-          class="icon headline-3"
+        <div
+          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"
+          <span
+            class="text action wide"
           >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11.49 16c.88 0 1.7-.26 2.39-.7l2.44 2.44 1.42-1.42-2.44-2.43c.44-.7.7-1.51.7-2.39C16 9.01 13.99 7 11.5 7S7 9.01 7 11.5 9.01 16 11.49 16zm.01-7a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"
-            />
-          </svg>
-        </span>
-        common.action.view_hotel
-      </a>
-      <a
-        class="pressable action inline"
-        href="mailto:hello@soyjavi.com"
-      >
-        <span
-          class="icon headline-3"
+            common.label.base_price
+          </span>
+          <span
+            class="text action"
+          >
+            0,00 GBP
+          </span>
+        </div>
+        <div
+          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"
+          <span
+            class="text bold paragraph wide"
           >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-            />
-            <path
-              d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
-            />
-          </svg>
-        </span>
-        common.action.send_email
-      </a>
-      <a
-        class="pressable action inline"
-        href="https://maps.google.com?q=43.4072684,-2.9488711"
+            common.label.total
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            198,41 GBP
+          </span>
+        </div>
+      </div>
+      <div
+        class="view row notification warning inline small"
       >
         <span
-          class="icon headline-3"
+          class="icon paragraph"
         >
           <svg
             fill="currentColor"
@@ -502,21 +324,25 @@ exports[`component:<Booking> partial:<Summary> renders 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"
-            />
-            <circle
-              cx="12"
-              cy="9"
-              r="2.5"
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
             />
           </svg>
         </span>
-        common.action.view_map
-      </a>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            <span
+              style="font-weight: bold;"
+            >
+              {{price.description}
+            </span>
+            } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -525,7 +351,7 @@ exports[`component:<Booking> partial:<Summary> renders 1`] = `
 exports[`component:<Booking> partial:<Summary> testID 1`] = `
 <DocumentFragment>
   <div
-    class="view row"
+    class="view wide"
     data-testid="mirai"
   >
     <div
@@ -534,225 +360,134 @@ exports[`component:<Booking> partial:<Summary> testID 1`] = `
       <h3
         class="text bold headline-3"
       >
-        common.label.check_in
+        user.label.booking_summary
       </h3>
-      <span
-        class="text paragraph"
+      <div
+        class="view row wide"
       >
-        lun, 24 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkin_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.check_out
-      </h3>
-      <span
-        class="text paragraph"
-      >
-        dom, 30 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkout_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.nights
-      </h3>
-      <h2
-        class="text headline-2"
-      >
-        6
-      </h2>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        user.label.booking_info
-      </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.promo_code
-      </span>
-      <span
-        class="text paragraph"
-      >
-        22081176982
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.name
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Satoshi Nakamoto
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.email
-      </span>
-      <span
-        class="text paragraph"
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_in
+          </span>
+          <span
+            class="text action"
+          >
+            lun, 24 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkin_time
+          </span>
+        </div>
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_out
+          </span>
+          <span
+            class="text action"
+          >
+            dom, 30 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkout_time
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
       >
-        hodl.your@bitcoin.com
-      </span>
+        <span
+          class="text bold paragraph"
+        >
+          user.label.your_reservation
+        </span>
+        <span
+          class="text action"
+        >
+          common.label.night
+          <span
+            style="text-decoration: underline;"
+          >
+            count, common.label.room
+          </span>
+          count
+        </span>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Standard Room
+          </span>
+        </div>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Premium Room
+          </span>
+        </div>
+      </div>
     </div>
     <div
       class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +66 0610482727
-      </span>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
     >
       <h3
         class="text bold headline-3"
       >
-        Hotel Club Mac Alcudia ***
+        user.label.price_summary
       </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.address
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Avda. Tucán, s/n, Alcúdia, Spain
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +34 971891600
-      </span>
-    </div>
-    <div
-      class="view row wide"
-    >
-      <a
-        class="pressable action inline"
-        href="https://www.soyjavi.com"
+      <div
+        class="view wide"
       >
-        <span
-          class="icon headline-3"
+        <div
+          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"
+          <span
+            class="text action wide"
           >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11.49 16c.88 0 1.7-.26 2.39-.7l2.44 2.44 1.42-1.42-2.44-2.43c.44-.7.7-1.51.7-2.39C16 9.01 13.99 7 11.5 7S7 9.01 7 11.5 9.01 16 11.49 16zm.01-7a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"
-            />
-          </svg>
-        </span>
-        common.action.view_hotel
-      </a>
-      <a
-        class="pressable action inline"
-        href="mailto:hello@soyjavi.com"
-      >
-        <span
-          class="icon headline-3"
+            common.label.base_price
+          </span>
+          <span
+            class="text action"
+          >
+            0,00 GBP
+          </span>
+        </div>
+        <div
+          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"
+          <span
+            class="text bold paragraph wide"
           >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-            />
-            <path
-              d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
-            />
-          </svg>
-        </span>
-        common.action.send_email
-      </a>
-      <a
-        class="pressable action inline"
-        href="https://maps.google.com?q=43.4072684,-2.9488711"
+            common.label.total
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            198,41 GBP
+          </span>
+        </div>
+      </div>
+      <div
+        class="view row notification warning inline small"
       >
         <span
-          class="icon headline-3"
+          class="icon paragraph"
         >
           <svg
             fill="currentColor"
@@ -764,21 +499,25 @@ exports[`component:<Booking> partial:<Summary> testID 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"
-            />
-            <circle
-              cx="12"
-              cy="9"
-              r="2.5"
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
             />
           </svg>
         </span>
-        common.action.view_map
-      </a>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            <span
+              style="font-weight: bold;"
+            >
+              {{price.description}
+            </span>
+            } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -787,7 +526,7 @@ exports[`component:<Booking> partial:<Summary> testID 1`] = `
 exports[`component:<Booking> partial:<Summary> with a store 1`] = `
 <DocumentFragment>
   <div
-    class="view row"
+    class="view wide"
   >
     <div
       class="view"
@@ -795,225 +534,134 @@ exports[`component:<Booking> partial:<Summary> with a store 1`] = `
       <h3
         class="text bold headline-3"
       >
-        common.label.check_in
+        user.label.booking_summary
       </h3>
-      <span
-        class="text paragraph"
+      <div
+        class="view row wide"
       >
-        lun, 24 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkin_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.check_out
-      </h3>
-      <span
-        class="text paragraph"
-      >
-        dom, 30 jul 2023
-      </span>
-      <span
-        class="text action lighten"
-      >
-        common.label.checkout_time
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        common.label.nights
-      </h3>
-      <h2
-        class="text headline-2"
-      >
-        6
-      </h2>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
-    >
-      <h3
-        class="text bold headline-3"
-      >
-        user.label.booking_info
-      </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.promo_code
-      </span>
-      <span
-        class="text paragraph"
-      >
-        22081176982
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.name
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Satoshi Nakamoto
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.email
-      </span>
-      <span
-        class="text paragraph"
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_in
+          </span>
+          <span
+            class="text action"
+          >
+            lun, 24 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkin_time
+          </span>
+        </div>
+        <div
+          class="view"
+        >
+          <span
+            class="text bold paragraph"
+          >
+            common.label.check_out
+          </span>
+          <span
+            class="text action"
+          >
+            dom, 30 jul 2023
+          </span>
+          <span
+            class="text small lighten"
+          >
+            common.label.checkout_time
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
       >
-        hodl.your@bitcoin.com
-      </span>
+        <span
+          class="text bold paragraph"
+        >
+          user.label.your_reservation
+        </span>
+        <span
+          class="text action"
+        >
+          common.label.night
+          <span
+            style="text-decoration: underline;"
+          >
+            count, common.label.room
+          </span>
+          count
+        </span>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Standard Room
+          </span>
+        </div>
+        <div
+          class="view row"
+        >
+          <span
+            class="text small lighten"
+          >
+            Premium Room
+          </span>
+        </div>
+      </div>
     </div>
     <div
       class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +66 0610482727
-      </span>
-    </div>
-  </div>
-  <div
-    class="view"
-  >
-    <div
-      class="view row wide"
     >
       <h3
         class="text bold headline-3"
       >
-        Hotel Club Mac Alcudia ***
+        user.label.price_summary
       </h3>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.address
-      </span>
-      <span
-        class="text paragraph"
-      >
-        Avda. Tucán, s/n, Alcúdia, Spain
-      </span>
-    </div>
-    <div
-      class="view"
-    >
-      <span
-        class="text bold paragraph"
-      >
-        common.label.phone
-      </span>
-      <span
-        class="text paragraph"
-      >
-        +34 971891600
-      </span>
-    </div>
-    <div
-      class="view row wide"
-    >
-      <a
-        class="pressable action inline"
-        href="https://www.soyjavi.com"
+      <div
+        class="view wide"
       >
-        <span
-          class="icon headline-3"
+        <div
+          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"
+          <span
+            class="text action wide"
           >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11.49 16c.88 0 1.7-.26 2.39-.7l2.44 2.44 1.42-1.42-2.44-2.43c.44-.7.7-1.51.7-2.39C16 9.01 13.99 7 11.5 7S7 9.01 7 11.5 9.01 16 11.49 16zm.01-7a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"
-            />
-          </svg>
-        </span>
-        common.action.view_hotel
-      </a>
-      <a
-        class="pressable action inline"
-        href="mailto:hello@soyjavi.com"
-      >
-        <span
-          class="icon headline-3"
+            common.label.base_price
+          </span>
+          <span
+            class="text action"
+          >
+            0,00 GBP
+          </span>
+        </div>
+        <div
+          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"
+          <span
+            class="text bold paragraph wide"
           >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-            />
-            <path
-              d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
-            />
-          </svg>
-        </span>
-        common.action.send_email
-      </a>
-      <a
-        class="pressable action inline"
-        href="https://maps.google.com?q=43.4072684,-2.9488711"
+            common.label.total
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            198,41 GBP
+          </span>
+        </div>
+      </div>
+      <div
+        class="view row notification warning inline small"
       >
         <span
-          class="icon headline-3"
+          class="icon paragraph"
         >
           <svg
             fill="currentColor"
@@ -1025,21 +673,25 @@ exports[`component:<Booking> partial:<Summary> with a store 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"
-            />
-            <circle
-              cx="12"
-              cy="9"
-              r="2.5"
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
             />
           </svg>
         </span>
-        common.action.view_map
-      </a>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            <span
+              style="font-weight: bold;"
+            >
+              {{price.description}
+            </span>
+            } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>