@mirai/core 0.3.170 → 0.3.172

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

@@ -1359,12 +1359,14 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -1374,11 +1376,11 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
         >
           payments.label.card
-        </span>
+        </h3>
         <img
           alt="VISA"
           class="view"
@@ -1390,6 +1392,110 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           src="https://static.mirai.com/payments/images/cards/mastercard.png"
         />
       </div>
+      <div
+        class="view"
+      >
+        <fieldset
+          autocomplete="off"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
+      </div>
     </div>
     <div
       class="view"
@@ -1423,6 +1529,118 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
       </div>
     </div>
   </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal"
+    >
+      <div
+        class="view row header hideBack"
+      >
+        <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.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.payment_terms
+            </span>
+            <span
+              class="text small"
+            >
+              Prepago de 100%: Tarjeta de crédito o Amazon Pay
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.cancellation_policy
+            </span>
+            <span
+              class="text small"
+            >
+              Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.others_terms
+            </span>
+            <span
+              class="text small"
+            >
+              <span
+                class="text small wide"
+              >
+                Check- in a partir de las 15.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Check - out hasta las 12.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
+              </span>
+              <span
+                class="text small wide"
+              >
+                En caso de alojarse con bebés, éstos no incluyen régimen alguno.
+              </span>
+              <span
+                class="text small wide"
+              >
+                Acceso spa infantil para bebés 8.50€ al día.
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
@@ -2785,12 +3003,14 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -2800,11 +3020,11 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
         >
           payments.label.card
-        </span>
+        </h3>
         <img
           alt="VISA"
           class="view"
@@ -2816,6 +3036,110 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           src="https://static.mirai.com/payments/images/cards/mastercard.png"
         />
       </div>
+      <div
+        class="view"
+      >
+        <fieldset
+          autocomplete="off"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
+      </div>
     </div>
     <div
       class="view"
@@ -2849,6 +3173,118 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
       </div>
     </div>
   </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal"
+    >
+      <div
+        class="view row header hideBack"
+      >
+        <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.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.payment_terms
+            </span>
+            <span
+              class="text small"
+            >
+              Prepago de 100%: Tarjeta de crédito o Amazon Pay
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.cancellation_policy
+            </span>
+            <span
+              class="text small"
+            >
+              Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.others_terms
+            </span>
+            <span
+              class="text small"
+            >
+              <span
+                class="text small wide"
+              >
+                Check- in a partir de las 15.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Check - out hasta las 12.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
+              </span>
+              <span
+                class="text small wide"
+              >
+                En caso de alojarse con bebés, éstos no incluyen régimen alguno.
+              </span>
+              <span
+                class="text small wide"
+              >
+                Acceso spa infantil para bebés 8.50€ al día.
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
@@ -4212,12 +4648,14 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -4227,11 +4665,11 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
         >
           payments.label.card
-        </span>
+        </h3>
         <img
           alt="VISA"
           class="view"
@@ -4243,6 +4681,110 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           src="https://static.mirai.com/payments/images/cards/mastercard.png"
         />
       </div>
+      <div
+        class="view"
+      >
+        <fieldset
+          autocomplete="off"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
+      </div>
     </div>
     <div
       class="view"
@@ -4276,6 +4818,118 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
       </div>
     </div>
   </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal"
+    >
+      <div
+        class="view row header hideBack"
+      >
+        <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.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.payment_terms
+            </span>
+            <span
+              class="text small"
+            >
+              Prepago de 100%: Tarjeta de crédito o Amazon Pay
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.cancellation_policy
+            </span>
+            <span
+              class="text small"
+            >
+              Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.others_terms
+            </span>
+            <span
+              class="text small"
+            >
+              <span
+                class="text small wide"
+              >
+                Check- in a partir de las 15.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Check - out hasta las 12.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
+              </span>
+              <span
+                class="text small wide"
+              >
+                En caso de alojarse con bebés, éstos no incluyen régimen alguno.
+              </span>
+              <span
+                class="text small wide"
+              >
+                Acceso spa infantil para bebés 8.50€ al día.
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
@@ -5638,12 +6292,14 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -5653,11 +6309,11 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
         >
           payments.label.card
-        </span>
+        </h3>
         <img
           alt="VISA"
           class="view"
@@ -5669,6 +6325,110 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           src="https://static.mirai.com/payments/images/cards/mastercard.png"
         />
       </div>
+      <div
+        class="view"
+      >
+        <fieldset
+          autocomplete="off"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
+      </div>
     </div>
     <div
       class="view"
@@ -5702,5 +6462,117 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
       </div>
     </div>
   </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal"
+    >
+      <div
+        class="view row header hideBack"
+      >
+        <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.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.payment_terms
+            </span>
+            <span
+              class="text small"
+            >
+              Prepago de 100%: Tarjeta de crédito o Amazon Pay
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.cancellation_policy
+            </span>
+            <span
+              class="text small"
+            >
+              Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
+            </span>
+          </div>
+          <div
+            class="view"
+          >
+            <span
+              class="text bold small"
+            >
+              common.label.others_terms
+            </span>
+            <span
+              class="text small"
+            >
+              <span
+                class="text small wide"
+              >
+                Check- in a partir de las 15.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Check - out hasta las 12.00h. 
+              </span>
+              <span
+                class="text small wide"
+              >
+                Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
+              </span>
+              <span
+                class="text small wide"
+              >
+                En caso de alojarse con bebés, éstos no incluyen régimen alguno.
+              </span>
+              <span
+                class="text small wide"
+              >
+                Acceso spa infantil para bebés 8.50€ al día.
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;