@mirai/core 0.2.18 → 0.3.1

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

@@ -0,0 +1,1580 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <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"
+              />
+            </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
+          class="view"
+        >
+          <span
+            class="text bold small upperCase"
+          >
+            user.label.your_reservation
+          </span>
+          <span
+            class="text bold paragraph"
+          >
+            common.label.night
+            <span
+              style="text-decoration: underline;"
+            >
+              count, common.label.room
+            </span>
+            count
+          </span>
+          <span
+            class="text action"
+          >
+            Silver Views
+          </span>
+          <button
+            class="pressable action inline"
+          >
+            user.action.change_selection
+          </button>
+        </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>
+    <button
+      class="pressable button large wide"
+      methods="CARD,AMAZON_PAY"
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        user.action.book_now
+      </div>
+    </button>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <button
+            class="pressable button small squared transparent button"
+          >
+            <span
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <span
+      class="text small wide"
+    >
+      common.notification.ssl_encryption
+    </span>
+  </div>
+</DocumentFragment>
+`;