@mirai/core 0.3.171 → 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"
@@ -2897,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"
@@ -2912,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"
@@ -2928,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"
@@ -4436,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"
@@ -4451,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"
@@ -4467,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"
@@ -5974,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"
@@ -5989,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"
@@ -6005,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"

package/build/components/Rates/Rates.constants.js

@@ -19,6 +19,7 @@ const FEATURES = exports.FEATURES = {
   SHOW_ALL_BOARDS: 'showAllBoards',
   SHOW_ALL_OFFERS: 'showAllOffers',
   SHOW_CLUB_DISCOUNT: 'showClubDiscount',
+  SHOW_SELECTED_OCCUPATION: 'showSelectedOccupation',
   SHOW_OFFERS_FIRST: 'showOffersFirst',
   SHOW_RATE_INCLUDED: 'showRateIncluded'
 };

package/build/components/Rates/Rates.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rates.constants.js","names":["DATE_FORMAT","exports","weekday","month","day","DISCOUNT_TYPE","CLUB","DEAL","PROMOTION","FEATURES","PESTANA","SHOW_ALL_BOARDS","SHOW_ALL_OFFERS","SHOW_CLUB_DISCOUNT","SHOW_OFFERS_FIRST","SHOW_RATE_INCLUDED"],"sources":["../../../src/components/Rates/Rates.constants.js"],"sourcesContent":["const DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nconst DISCOUNT_TYPE = {\n  CLUB: 0,\n  DEAL: 1,\n  PROMOTION: 2,\n};\n\nconst FEATURES = {\n  PESTANA: 'pestana',\n  SHOW_ALL_BOARDS: 'showAllBoards',\n  SHOW_ALL_OFFERS: 'showAllOffers',\n  SHOW_CLUB_DISCOUNT: 'showClubDiscount',\n  SHOW_OFFERS_FIRST: 'showOffersFirst',\n  SHOW_RATE_INCLUDED: 'showRateIncluded',\n};\n\nexport { DATE_FORMAT, DISCOUNT_TYPE, FEATURES };\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAAEE,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAExE,MAAMC,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,QAAQ,GAAAR,OAAA,CAAAQ,QAAA,GAAG;EACfC,OAAO,EAAE,SAAS;EAClBC,eAAe,EAAE,eAAe;EAChCC,eAAe,EAAE,eAAe;EAChCC,kBAAkB,EAAE,kBAAkB;EACtCC,iBAAiB,EAAE,iBAAiB;EACpCC,kBAAkB,EAAE;AACtB,CAAC"}
+{"version":3,"file":"Rates.constants.js","names":["DATE_FORMAT","exports","weekday","month","day","DISCOUNT_TYPE","CLUB","DEAL","PROMOTION","FEATURES","PESTANA","SHOW_ALL_BOARDS","SHOW_ALL_OFFERS","SHOW_CLUB_DISCOUNT","SHOW_SELECTED_OCCUPATION","SHOW_OFFERS_FIRST","SHOW_RATE_INCLUDED"],"sources":["../../../src/components/Rates/Rates.constants.js"],"sourcesContent":["const DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nconst DISCOUNT_TYPE = {\n  CLUB: 0,\n  DEAL: 1,\n  PROMOTION: 2,\n};\n\nconst FEATURES = {\n  PESTANA: 'pestana',\n  SHOW_ALL_BOARDS: 'showAllBoards',\n  SHOW_ALL_OFFERS: 'showAllOffers',\n  SHOW_CLUB_DISCOUNT: 'showClubDiscount',\n  SHOW_SELECTED_OCCUPATION: 'showSelectedOccupation',\n  SHOW_OFFERS_FIRST: 'showOffersFirst',\n  SHOW_RATE_INCLUDED: 'showRateIncluded',\n};\n\nexport { DATE_FORMAT, DISCOUNT_TYPE, FEATURES };\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAAEE,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAExE,MAAMC,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,QAAQ,GAAAR,OAAA,CAAAQ,QAAA,GAAG;EACfC,OAAO,EAAE,SAAS;EAClBC,eAAe,EAAE,eAAe;EAChCC,eAAe,EAAE,eAAe;EAChCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,wBAAwB;EAClDC,iBAAiB,EAAE,iBAAiB;EACpCC,kBAAkB,EAAE;AACtB,CAAC"}

package/build/components/Rates/Rates.js

@@ -339,6 +339,7 @@ const Rates = _ref => {
       features,
       multiRoom,
       nights,
+      room,
       taxesType: dataSource.taxesType,
       cart: cart[room || 0],
       onMoreInfo: () => setItemInfo(item),
@@ -363,6 +364,7 @@ const Rates = _ref => {
     occupation,
     onSubmit: () => handleSubmit(cart)
   })), response && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.ModalItemInfo, _extends({}, itemInfo, {
+    features: features,
     visible: !!itemInfo,
     onClose: () => setItemInfo(),
     onViewUrl: info => setItemUrl(info)