@mirai/core 0.3.138 → 0.3.140

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Details.test.js.snap

@@ -0,0 +1,1662 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Checkout> partial:<Details> Test A/B variant A 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view"
+    >
+      <h3
+        class="text bold headline-3"
+      >
+        user.label.booking_summary
+      </h3>
+      <div
+        class="view"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              common.label.check_in
+            </span>
+            <div
+              class="view"
+            >
+              <span
+                class="text bold paragraph"
+              >
+                mié, 19 jul 2023
+              </span>
+              <span
+                class="text action"
+              >
+                common.label.checkin_time
+              </span>
+            </div>
+          </div>
+          <div
+            class="view"
+          />
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              common.label.check_out
+            </span>
+            <div
+              class="view"
+            >
+              <span
+                class="text bold paragraph"
+              >
+                sáb, 22 jul 2023
+              </span>
+              <span
+                class="text action"
+              >
+                common.label.checkout_time
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            common.label.accommodation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            Hotel Augusta Eco Wellness Resort
+          </span>
+          <span
+            class="text action"
+          >
+            Lugar Padriñan 25, Sanxenxo, España
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          user.label.price_summary
+        </h3>
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action wide"
+            >
+              common.label.base_price
+            </span>
+            <span
+              class="text action"
+            >
+              646,36 €
+            </span>
+          </div>
+          <div
+            class="view row"
+          >
+            <span
+              class="text action wide"
+            >
+              user.label.checkout
+              <span
+                style="text-decoration: underline;"
+              >
+                discount
+              </span>
+              1
+            </span>
+            <span
+              class="text action"
+            >
+              -32,31 €
+            </span>
+          </div>
+          <div
+            class="view row"
+          >
+            <span
+              class="text action wide"
+            >
+              user.notification.checkout
+              <span
+                style="text-decoration: underline;"
+              >
+                tax
+              </span>
+              0
+            </span>
+            <span
+              class="text action"
+            >
+              61,41 €
+            </span>
+          </div>
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold paragraph wide"
+            >
+              common.label.total
+            </span>
+            <span
+              class="text bold paragraph"
+            >
+              675,45 €
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Details> Test A/B variant B 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Details> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Details> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Details> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Details> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <h3
+      class="text bold headline-3"
+    >
+      user.label.booking_details
+    </h3>
+    <div
+      class="view wide"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+          style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
+        />
+        <div
+          class="view"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text bold small upperCase"
+            >
+              Silver Views 
+            </span>
+          </div>
+          <span
+            class="text bold paragraph"
+          >
+            Sanitas per Aqua Reserva No Reembolsable
+          </span>
+          <span
+            class="text action"
+          >
+            2 common.label.guest
+            <span
+              style="text-decoration: underline;"
+            >
+              type
+            </span>
+            plural
+          </span>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                mié, 19 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                jue, 20 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+        <div
+          class="view row"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action"
+              >
+                vie, 21 jul 2023
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <div
+                class="view row wide"
+              />
+            </div>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            >
+              Desayuno incluido
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text action"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold small"
+        >
+          common.label.observations
+        </span>
+        <span
+          class="text small"
+        >
+          Sivana Holistic Spa: Acceso spa ilimitado con aforo controlado
+        </span>
+        <span
+          class="text small"
+        >
+          En caso de contratar media pensión se asignará al servicio de Brunch Buffet a mediodía, 
+        </span>
+        <span
+          class="text small"
+        >
+          si desea reservar opción de cena donde ofreceremos un menú del día a la carta 
+        </span>
+        <span
+          class="text small"
+        >
+          con dos opciones de entradas, dos opciones de principales y
+        </span>
+        <span
+          class="text small"
+        >
+           tres postres a elegir bastará con comunicarlo antes de su llegada o cuando realicen el check in.
+        </span>
+        <span
+          class="text small"
+        >
+          *En caso de alojarse con bebés estos vendrán gratis en solo alojamiento.
+        </span>
+      </div>
+    </div>
+    <div
+      class="view wide"
+    >
+      <button
+        class="pressable button small secondary"
+      >
+        <span
+          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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+        common.action.view_more
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;