@mirai/core 0.3.166 → 0.3.167

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

@@ -39,6 +39,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-firstName"
             name="firstName"
             required=""
             type="text"
@@ -68,6 +69,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-lastName"
             name="lastName"
             required=""
             type="text"
@@ -97,6 +99,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-email"
             name="email"
             required=""
             type="email"
@@ -124,6 +127,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
             </span>
             <select
               class="select empty input prefix withLabel empty"
+              id="checkout-phone"
               name="phone-prefix"
               required=""
             >
@@ -1208,6 +1212,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="checkout-phone"
               maxlength="12"
               name="phone-phone"
               required=""
@@ -1234,6 +1239,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-company"
             name="company"
             type="text"
             value=""
@@ -1257,6 +1263,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
           </span>
           <textarea
             class="input input withLabel multiLine"
+            id="checkout-comments"
             name="comments"
           />
         </div>
@@ -1270,6 +1277,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     <span
       class="text small"
       hint=""
+      id="checkout-undefined"
       label="undefined"
       name="undefined"
     >
@@ -1278,6 +1286,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-hotel_future_offers"
     >
       <div
         class="checkbox"
@@ -1298,6 +1307,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-joinClub"
     >
       <div
         class="checkbox"
@@ -1318,6 +1328,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-privacyPolicy"
     >
       <div
         class="checkbox"
@@ -1454,6 +1465,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-firstName"
             name="firstName"
             required=""
             type="text"
@@ -1483,6 +1495,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-lastName"
             name="lastName"
             required=""
             type="text"
@@ -1512,6 +1525,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-email"
             name="email"
             required=""
             type="email"
@@ -1539,6 +1553,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
             </span>
             <select
               class="select empty input prefix withLabel empty"
+              id="checkout-phone"
               name="phone-prefix"
               required=""
             >
@@ -2623,6 +2638,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="checkout-phone"
               maxlength="12"
               name="phone-phone"
               required=""
@@ -2649,6 +2665,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-company"
             name="company"
             type="text"
             value=""
@@ -2672,6 +2689,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
           </span>
           <textarea
             class="input input withLabel multiLine"
+            id="checkout-comments"
             name="comments"
           />
         </div>
@@ -2685,6 +2703,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     <span
       class="text small"
       hint=""
+      id="checkout-undefined"
       label="undefined"
       name="undefined"
     >
@@ -2693,6 +2712,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-hotel_future_offers"
     >
       <div
         class="checkbox"
@@ -2713,6 +2733,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-joinClub"
     >
       <div
         class="checkbox"
@@ -2733,6 +2754,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-privacyPolicy"
     >
       <div
         class="checkbox"
@@ -2870,6 +2892,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-firstName"
             name="firstName"
             required=""
             type="text"
@@ -2899,6 +2922,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-lastName"
             name="lastName"
             required=""
             type="text"
@@ -2928,6 +2952,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-email"
             name="email"
             required=""
             type="email"
@@ -2955,6 +2980,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
             </span>
             <select
               class="select empty input prefix withLabel empty"
+              id="checkout-phone"
               name="phone-prefix"
               required=""
             >
@@ -4039,6 +4065,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="checkout-phone"
               maxlength="12"
               name="phone-phone"
               required=""
@@ -4065,6 +4092,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-company"
             name="company"
             type="text"
             value=""
@@ -4088,6 +4116,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
           </span>
           <textarea
             class="input input withLabel multiLine"
+            id="checkout-comments"
             name="comments"
           />
         </div>
@@ -4101,6 +4130,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     <span
       class="text small"
       hint=""
+      id="checkout-undefined"
       label="undefined"
       name="undefined"
     >
@@ -4109,6 +4139,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-hotel_future_offers"
     >
       <div
         class="checkbox"
@@ -4129,6 +4160,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-joinClub"
     >
       <div
         class="checkbox"
@@ -4149,6 +4181,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-privacyPolicy"
     >
       <div
         class="checkbox"
@@ -4285,6 +4318,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-firstName"
             name="firstName"
             required=""
             type="text"
@@ -4314,6 +4348,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-lastName"
             name="lastName"
             required=""
             type="text"
@@ -4343,6 +4378,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-email"
             name="email"
             required=""
             type="email"
@@ -4370,6 +4406,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
             </span>
             <select
               class="select empty input prefix withLabel empty"
+              id="checkout-phone"
               name="phone-prefix"
               required=""
             >
@@ -5454,6 +5491,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="checkout-phone"
               maxlength="12"
               name="phone-phone"
               required=""
@@ -5480,6 +5518,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           </span>
           <input
             class="input input withLabel"
+            id="checkout-company"
             name="company"
             type="text"
             value=""
@@ -5503,6 +5542,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
           </span>
           <textarea
             class="input input withLabel multiLine"
+            id="checkout-comments"
             name="comments"
           />
         </div>
@@ -5516,6 +5556,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     <span
       class="text small"
       hint=""
+      id="checkout-undefined"
       label="undefined"
       name="undefined"
     >
@@ -5524,6 +5565,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-hotel_future_offers"
     >
       <div
         class="checkbox"
@@ -5544,6 +5586,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-joinClub"
     >
       <div
         class="checkbox"
@@ -5564,6 +5607,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     <div
       class="pressable inputOption"
       hint=""
+      id="checkout-privacyPolicy"
     >
       <div
         class="checkbox"

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationRequiredFields = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _NotificationRequiredFields = require("./NotificationRequiredFields.l10n");
+var style = _interopRequireWildcard(require("./NotificationRequiredFields.module.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const NotificationRequiredFields = _ref => {
+  let {
+    values = {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  return /*#__PURE__*/_react.default.createElement(_ui.Notification, _extends({}, others, {
+    error: true,
+    small: isMobile,
+    wide: true
+  }), translate(_NotificationRequiredFields.L10N.NOTIFICATION_REQUIRED_FIELDS), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    className: style.fields
+  }, Object.keys(values).map(field => /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    href: "#checkout-".concat(field),
+    inline: true,
+    key: field,
+    markdown: false,
+    underlined: true,
+    small: true
+  }, _NotificationRequiredFields.L10N["LABEL_".concat(field.toUpperCase())] ? translate(_NotificationRequiredFields.L10N["LABEL_".concat(field.toUpperCase())]) : field))));
+};
+exports.NotificationRequiredFields = NotificationRequiredFields;
+NotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';
+NotificationRequiredFields.propTypes = {
+  values: _propTypes.default.shape({})
+};
+//# sourceMappingURL=NotificationRequiredFields.js.map

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationRequiredFields.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_NotificationRequiredFields","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","NotificationRequiredFields","_ref","values","others","isMobile","useDevice","translate","useLocale","createElement","Notification","error","small","wide","L10N","NOTIFICATION_REQUIRED_FIELDS","View","row","className","fields","keys","map","field","Action","href","concat","inline","markdown","underlined","toUpperCase","exports","displayName","propTypes","PropTypes","shape"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Notification, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './NotificationRequiredFields.l10n';\nimport * as style from './NotificationRequiredFields.module.css';\n\nconst NotificationRequiredFields = ({ values = {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  return (\n    <Notification {...others} error small={isMobile} wide>\n      {translate(L10N.NOTIFICATION_REQUIRED_FIELDS)}\n      <View row wide className={style.fields}>\n        {Object.keys(values).map((field) => (\n          <Action href={`#checkout-${field}`} inline key={field} markdown={false} underlined small>\n            {L10N[`LABEL_${field.toUpperCase()}`] ? translate(L10N[`LABEL_${field.toUpperCase()}`]) : field}\n          </Action>\n        ))}\n      </View>\n    </Notification>\n  );\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  values: PropTypes.shape({}),\n};\n\nexport { NotificationRequiredFields };\n"],"mappings":"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"}

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  LABEL_CARD: {
+    id: 'payments.label.card_number'
+  },
+  LABEL_COUNTRY: {
+    id: 'common.label.country'
+  },
+  LABEL_CVV: {
+    id: 'payments.label.cvv'
+  },
+  LABEL_DNI: {
+    id: 'common.label.id_card'
+  },
+  LABEL_EMAIL: {
+    id: 'common.label.email'
+  },
+  LABEL_EXPIRE: {
+    id: 'payments.label.expiration'
+  },
+  LABEL_FIRSTNAME: {
+    id: 'common.label.firstname'
+  },
+  LABEL_JOINCLUB: {
+    id: 'common.label.member_conditions'
+  },
+  LABEL_LASTNAME: {
+    id: 'common.label.lastname'
+  },
+  LABEL_NAME: {
+    id: 'payments.label.card_name'
+  },
+  LABEL_PHONE: {
+    id: 'common.label.phone'
+  },
+  LABEL_PRIVACYPOLICY: {
+    id: 'common.label.privacy_policy'
+  },
+  LABEL_SECONDLASTNAME: {
+    id: 'common.label.second_lastname'
+  },
+  NOTIFICATION_REQUIRED_FIELDS: {
+    id: 'user.notification.required_fields'
+  }
+};
+//# sourceMappingURL=NotificationRequiredFields.l10n.js.map

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationRequiredFields.l10n.js","names":["L10N","exports","LABEL_CARD","id","LABEL_COUNTRY","LABEL_CVV","LABEL_DNI","LABEL_EMAIL","LABEL_EXPIRE","LABEL_FIRSTNAME","LABEL_JOINCLUB","LABEL_LASTNAME","LABEL_NAME","LABEL_PHONE","LABEL_PRIVACYPOLICY","LABEL_SECONDLASTNAME","NOTIFICATION_REQUIRED_FIELDS"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_CARD: { id: 'payments.label.card_number' },\n  LABEL_COUNTRY: { id: 'common.label.country' },\n  LABEL_CVV: { id: 'payments.label.cvv' },\n  LABEL_DNI: { id: 'common.label.id_card' },\n  LABEL_EMAIL: { id: 'common.label.email' },\n  LABEL_EXPIRE: { id: 'payments.label.expiration' },\n  LABEL_FIRSTNAME: { id: 'common.label.firstname' },\n  LABEL_JOINCLUB: { id: 'common.label.member_conditions' },\n  LABEL_LASTNAME: { id: 'common.label.lastname' },\n  LABEL_NAME: { id: 'payments.label.card_name' },\n  LABEL_PHONE: { id: 'common.label.phone' },\n  LABEL_PRIVACYPOLICY: { id: 'common.label.privacy_policy' },\n  LABEL_SECONDLASTNAME: { id: 'common.label.second_lastname' },\n\n  NOTIFICATION_REQUIRED_FIELDS: { id: 'user.notification.required_fields' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAA6B,CAAC;EAChDC,aAAa,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAC7CE,SAAS,EAAE;IAAEF,EAAE,EAAE;EAAqB,CAAC;EACvCG,SAAS,EAAE;IAAEH,EAAE,EAAE;EAAuB,CAAC;EACzCI,WAAW,EAAE;IAAEJ,EAAE,EAAE;EAAqB,CAAC;EACzCK,YAAY,EAAE;IAAEL,EAAE,EAAE;EAA4B,CAAC;EACjDM,eAAe,EAAE;IAAEN,EAAE,EAAE;EAAyB,CAAC;EACjDO,cAAc,EAAE;IAAEP,EAAE,EAAE;EAAiC,CAAC;EACxDQ,cAAc,EAAE;IAAER,EAAE,EAAE;EAAwB,CAAC;EAC/CS,UAAU,EAAE;IAAET,EAAE,EAAE;EAA2B,CAAC;EAC9CU,WAAW,EAAE;IAAEV,EAAE,EAAE;EAAqB,CAAC;EACzCW,mBAAmB,EAAE;IAAEX,EAAE,EAAE;EAA8B,CAAC;EAC1DY,oBAAoB,EAAE;IAAEZ,EAAE,EAAE;EAA+B,CAAC;EAE5Da,4BAA4B,EAAE;IAAEb,EAAE,EAAE;EAAoC;AAC1E,CAAC"}

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.module.css

@@ -0,0 +1,8 @@
+.fields {
+  flex-wrap: wrap;
+}
+
+.fields > * {
+  margin-right: var(--mirai-ui-space-S);
+  margin-top: calc(var(--mirai-ui-space-XS) / 2);
+}

package/build/components/__shared__/NotificationRequiredFields/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _NotificationRequiredFields = require("./NotificationRequiredFields");
+Object.keys(_NotificationRequiredFields).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NotificationRequiredFields[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NotificationRequiredFields[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/NotificationRequiredFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_NotificationRequiredFields","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/index.js"],"sourcesContent":["export * from './NotificationRequiredFields';\n"],"mappings":";;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,2BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,2BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,2BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap

@@ -55,6 +55,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -86,6 +87,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -117,6 +119,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -148,6 +151,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"
@@ -220,6 +224,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -251,6 +256,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -282,6 +288,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -313,6 +320,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"
@@ -509,6 +517,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-card"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -541,6 +550,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-name"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -573,6 +583,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-expire"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -605,6 +616,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-CVV"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"

package/build/components/__shared__/Payment/components/Card/Card.js

@@ -62,6 +62,7 @@ const Card = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$card = form.card) === null || _form$card === void 0 ? void 0 : _form$card.length) > 0 && !!formError.card || cardError,
     hint: cardError,
+    id: "checkout-card",
     label: translate(_Card.L10N.LABEL_CARD_NUMBER),
     maxLength: maxLength.card,
     name: "card",
@@ -75,6 +76,7 @@ const Card = _ref => {
     testId: testId ? "".concat(testId, "-card") : undefined
   }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$name = form.name) === null || _form$name === void 0 ? void 0 : _form$name.length) === 0 && !!formError.name && !formError.card,
+    id: "checkout-name",
     label: translate(_Card.L10N.LABEL_CARD_NAME),
     minLength: 3,
     maxLength: 100,
@@ -88,6 +90,7 @@ const Card = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
     error: ((_form$expire = form.expire) === null || _form$expire === void 0 ? void 0 : _form$expire.length) > 0 && !!formError.expire,
     format: DATE_FORMAT,
+    id: "checkout-expire",
     label: translate(_Card.L10N.LABEL_EXPIRATION),
     name: "expire",
     maxLength: 5,
@@ -102,6 +105,7 @@ const Card = _ref => {
     testId: testId ? "".concat(testId, "-expire") : undefined
   }), showCVV && /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$CVV = form.CVV) === null || _form$CVV === void 0 ? void 0 : _form$CVV.length) > 0 && !!formError.CVV,
+    id: "checkout-CVV",
     label: translate(_Card.L10N.LABEL_CVV),
     maxLength: maxLength.CVV,
     name: "CVV",