@mirai/core 0.3.175 → 0.3.177

package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap

@@ -51,6 +51,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-firstName"
               name="firstName"
               required=""
               type="text"
@@ -80,6 +81,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-lastName"
               name="lastName"
               required=""
               type="text"
@@ -109,6 +111,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-email"
               name="email"
               required=""
               type="email"
@@ -138,6 +141,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-dateOfBirth"
               maxlength="10"
               name="dateOfBirth"
               placeholder="DD/MM/YYYY"
@@ -169,6 +173,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <select
               class="select empty input withLabel empty"
+              id="signup-country"
               name="country"
               placeholder="common.label.select"
               required=""
@@ -219,6 +224,7 @@ exports[`component:<Signup> inherit:className 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-password"
               name="password"
               required=""
               type="password"
@@ -301,6 +307,7 @@ exports[`component:<Signup> inherit:className 1`] = `
       </div>
       <div
         class="pressable inputOption"
+        id="signup-privacy"
       >
         <div
           class="checkbox"
@@ -324,9 +331,7 @@ exports[`component:<Signup> inherit:className 1`] = `
         </span>
       </div>
       <button
-        class="pressable disabled button large disabled wide"
-        disabled=""
-        type="submit"
+        class="pressable button large wide"
       >
         <div
           class="view busyContainer"
@@ -395,6 +400,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-firstName"
               name="firstName"
               required=""
               type="text"
@@ -424,6 +430,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-lastName"
               name="lastName"
               required=""
               type="text"
@@ -453,6 +460,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-email"
               name="email"
               required=""
               type="email"
@@ -482,6 +490,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-dateOfBirth"
               maxlength="10"
               name="dateOfBirth"
               placeholder="DD/MM/YYYY"
@@ -513,6 +522,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <select
               class="select empty input withLabel empty"
+              id="signup-country"
               name="country"
               placeholder="common.label.select"
               required=""
@@ -563,6 +573,7 @@ exports[`component:<Signup> renders 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-password"
               name="password"
               required=""
               type="password"
@@ -645,6 +656,7 @@ exports[`component:<Signup> renders 1`] = `
       </div>
       <div
         class="pressable inputOption"
+        id="signup-privacy"
       >
         <div
           class="checkbox"
@@ -668,9 +680,7 @@ exports[`component:<Signup> renders 1`] = `
         </span>
       </div>
       <button
-        class="pressable disabled button large disabled wide"
-        disabled=""
-        type="submit"
+        class="pressable button large wide"
       >
         <div
           class="view busyContainer"
@@ -741,6 +751,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-firstName"
               name="firstName"
               required=""
               type="text"
@@ -770,6 +781,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-lastName"
               name="lastName"
               required=""
               type="text"
@@ -799,6 +811,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-email"
               name="email"
               required=""
               type="email"
@@ -828,6 +841,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-dateOfBirth"
               maxlength="10"
               name="dateOfBirth"
               placeholder="DD/MM/YYYY"
@@ -859,6 +873,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <select
               class="select empty input withLabel empty"
+              id="signup-country"
               name="country"
               placeholder="common.label.select"
               required=""
@@ -909,6 +924,7 @@ exports[`component:<Signup> testID 1`] = `
             </span>
             <input
               class="input input withLabel"
+              id="signup-password"
               name="password"
               required=""
               type="password"
@@ -991,6 +1007,7 @@ exports[`component:<Signup> testID 1`] = `
       </div>
       <div
         class="pressable inputOption"
+        id="signup-privacy"
       >
         <div
           class="checkbox"
@@ -1014,9 +1031,7 @@ exports[`component:<Signup> testID 1`] = `
         </span>
       </div>
       <button
-        class="pressable disabled button large disabled wide"
-        disabled=""
-        type="submit"
+        class="pressable button large wide"
       >
         <div
           class="view busyContainer"

package/build/components/{Booking/partials/Booking.Others.js → __shared__/BookingTerms/BookingTerms.js}

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Others = void 0;
+exports.BookingTerms = void 0;
 var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _BookingTermsL10n = require("./BookingTerms.l10n.js");
+var style = _interopRequireWildcard(require("./BookingTerms.module.css"));
+var _components = require("../../Booking/components");
 var _parseHtml = require("../../helpers/parseHtml");
-var _Booking = require("../Booking.l10n");
-var style = _interopRequireWildcard(require("../Booking.module.css"));
-var _components = require("../components");
 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 Others = _ref => {
+const BookingTerms = _ref => {
   let {
     dataSource: {
       cancelationPolicy,
@@ -43,15 +43,14 @@ const Others = _ref => {
     small
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
-    id: "terms",
     className: (0, _ui.styles)(style.group, style.others, others.className)
   }), paymentsConditions && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
-    label: translate(_Booking.L10N.LABEL_PAYMENT_TERMS),
+    label: translate(_BookingTermsL10n.L10N.LABEL_PAYMENT_TERMS),
     value: (0, _parseHtml.parseHtml)(paymentsConditions, {
       small
     })
   })), cancelationPolicy && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
-    label: translate(_Booking.L10N.LABEL_CANCELLATION_POLICY),
+    label: translate(_BookingTermsL10n.L10N.LABEL_CANCELLATION_POLICY),
     value: cancelationPolicy.summary
   }), (cancelationPolicy === null || cancelationPolicy === void 0 ? void 0 : cancelationPolicy.detail) && /*#__PURE__*/_react.default.createElement(_ui.Action, {
     inline: true,
@@ -59,9 +58,9 @@ const Others = _ref => {
     underline: true,
     onPress: () => setModal(true),
     className: style.noPrint
-  }, translate(_Booking.L10N.ACTION_MORE_INFO))), privacyPolicy && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
-    label: translate(_Booking.L10N.LABEL_PRIVACY_POLICY),
-    value: translate(_Booking.L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {
+  }, translate(_BookingTermsL10n.L10N.ACTION_MORE_INFO))), privacyPolicy && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
+    label: translate(_BookingTermsL10n.L10N.LABEL_PRIVACY_POLICY),
+    value: translate(_BookingTermsL10n.L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {
       link: /*#__PURE__*/_react.default.createElement(_ui.Action, {
         href: privacyPolicy,
         inline: true,
@@ -70,24 +69,24 @@ const Others = _ref => {
         underline: true,
         onPress: () => track("".concat(tracking, ":ACTION:PRIVACY_MORE_INFO")),
         className: (0, _ui.styles)(style.linkPrivacy, style.noPrint)
-      }, translate(_Booking.L10N.ACTION_MORE_INFO))
+      }, translate(_BookingTermsL10n.L10N.ACTION_MORE_INFO))
     })
   })), otherConditions && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
-    label: translate(_Booking.L10N.LABEL_OTHERS_TERMS),
+    label: translate(_BookingTermsL10n.L10N.LABEL_OTHERS_TERMS),
     value: (0, _parseHtml.parseHtml)(otherConditions, {
       small
     })
   }))), (cancelationPolicy === null || cancelationPolicy === void 0 ? void 0 : cancelationPolicy.detail) && /*#__PURE__*/_react.default.createElement(_ui.Modal, {
-    title: translate(_Booking.L10N.LABEL_CANCELLATION_POLICY),
+    title: translate(_BookingTermsL10n.L10N.LABEL_CANCELLATION_POLICY),
     visible: modal,
     onClose: () => setModal(false)
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     className: style.modal
   }, cancelationPolicy.detail)));
 };
-exports.Others = Others;
-Others.displayName = 'Mirai:Core:Booking:Others';
-Others.propTypes = {
+exports.BookingTerms = BookingTerms;
+BookingTerms.displayName = 'Mirai:Core:BookingTerms';
+BookingTerms.propTypes = {
   dataSource: _propTypes.default.shape({
     cancelationPolicy: _propTypes.default.shape({
       summary: _propTypes.default.string,
@@ -99,4 +98,4 @@ Others.propTypes = {
   small: _propTypes.default.bool,
   tracking: _propTypes.default.string
 };
-//# sourceMappingURL=Booking.Others.js.map
+//# sourceMappingURL=BookingTerms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTerms.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTermsL10n","style","_components","_parseHtml","_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","BookingTerms","_ref","dataSource","cancelationPolicy","otherConditions","paymentsConditions","hotel","privacyPolicy","small","tracking","others","translate","useLocale","track","useMetrics","modal","setModal","useState","fieldProps","inline","createElement","Fragment","View","className","styles","group","Field","label","L10N","LABEL_PAYMENT_TERMS","value","parseHtml","LABEL_CANCELLATION_POLICY","summary","detail","Action","underline","onPress","noPrint","ACTION_MORE_INFO","LABEL_PRIVACY_POLICY","LABEL_PRIVACY_POLICY_DESCRIPTION","link","href","concat","linkPrivacy","LABEL_OTHERS_TERMS","Modal","title","visible","onClose","Text","exports","displayName","propTypes","PropTypes","shape","string","details","payment","bool"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './BookingTerms.l10n.js';\nimport * as style from './BookingTerms.module.css';\nimport { Field } from '../../Booking/components';\nimport { parseHtml } from '../../helpers/parseHtml';\n\nconst BookingTerms = ({\n  dataSource: { cancelationPolicy, otherConditions, paymentsConditions, hotel: { privacyPolicy } = {} } = {},\n  small,\n  tracking,\n  ...others\n}) => {\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n\n  const [modal, setModal] = useState(false);\n\n  const fieldProps = { inline: false, small };\n\n  return (\n    <>\n      <View {...others} className={styles(style.group, style.others, others.className)}>\n        {paymentsConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PAYMENT_TERMS)}\n            value={parseHtml(paymentsConditions, { small })}\n          />\n        )}\n\n        {cancelationPolicy && (\n          <Field {...fieldProps} label={translate(L10N.LABEL_CANCELLATION_POLICY)} value={cancelationPolicy.summary}>\n            {cancelationPolicy?.detail && (\n              <Action inline small={small} underline onPress={() => setModal(true)} className={style.noPrint}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            )}\n          </Field>\n        )}\n\n        {privacyPolicy && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PRIVACY_POLICY)}\n            value={translate(L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {\n              link: (\n                <Action\n                  href={privacyPolicy}\n                  inline\n                  target=\"_blank\"\n                  small={small}\n                  underline\n                  onPress={() => track(`${tracking}:ACTION:PRIVACY_MORE_INFO`)}\n                  className={styles(style.linkPrivacy, style.noPrint)}\n                >\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Action>\n              ),\n            })}\n          />\n        )}\n        {otherConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_OTHERS_TERMS)}\n            value={parseHtml(otherConditions, { small })}\n          />\n        )}\n      </View>\n\n      {cancelationPolicy?.detail && (\n        <Modal title={translate(L10N.LABEL_CANCELLATION_POLICY)} visible={modal} onClose={() => setModal(false)}>\n          <Text className={style.modal}>{cancelationPolicy.detail}</Text>\n        </Modal>\n      )}\n    </>\n  );\n};\n\nBookingTerms.displayName = 'Mirai:Core:BookingTerms';\n\nBookingTerms.propTypes = {\n  dataSource: PropTypes.shape({\n    cancelationPolicy: PropTypes.shape({\n      summary: PropTypes.string,\n      details: PropTypes.string,\n    }),\n    payment: PropTypes.string,\n    paymentsConditions: PropTypes.string,\n  }),\n  small: PropTypes.bool,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTerms };\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_MORE_INFO: {
+    id: 'common.action.more_info'
+  },
+  LABEL_CANCELLATION_POLICY: {
+    id: 'common.label.cancellation_policy'
+  },
+  LABEL_OTHERS_TERMS: {
+    id: 'common.label.others_terms'
+  },
+  LABEL_PAYMENT_TERMS: {
+    id: 'common.label.payment_terms'
+  },
+  LABEL_PRIVACY_POLICY_DESCRIPTION: {
+    id: 'user.label.privacy_policy_description'
+  },
+  LABEL_PRIVACY_POLICY: {
+    id: 'common.label.privacy_policy'
+  }
+};
+//# sourceMappingURL=BookingTerms.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTerms.l10n.js","names":["L10N","exports","ACTION_MORE_INFO","id","LABEL_CANCELLATION_POLICY","LABEL_OTHERS_TERMS","LABEL_PAYMENT_TERMS","LABEL_PRIVACY_POLICY_DESCRIPTION","LABEL_PRIVACY_POLICY"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_MORE_INFO: { id: 'common.action.more_info' },\n\n  LABEL_CANCELLATION_POLICY: { id: 'common.label.cancellation_policy' },\n  LABEL_OTHERS_TERMS: { id: 'common.label.others_terms' },\n  LABEL_PAYMENT_TERMS: { id: 'common.label.payment_terms' },\n  LABEL_PRIVACY_POLICY_DESCRIPTION: { id: 'user.label.privacy_policy_description' },\n  LABEL_PRIVACY_POLICY: { id: 'common.label.privacy_policy' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B,CAAC;EAEnDC,yBAAyB,EAAE;IAAED,EAAE,EAAE;EAAmC,CAAC;EACrEE,kBAAkB,EAAE;IAAEF,EAAE,EAAE;EAA4B,CAAC;EACvDG,mBAAmB,EAAE;IAAEH,EAAE,EAAE;EAA6B,CAAC;EACzDI,gCAAgC,EAAE;IAAEJ,EAAE,EAAE;EAAwC,CAAC;EACjFK,oBAAoB,EAAE;IAAEL,EAAE,EAAE;EAA8B;AAC5D,CAAC"}

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

@@ -0,0 +1,42 @@
+.group {
+  align-items: flex-start;
+  background-color: var(--mirai-ui-base);
+  box-shadow: 0 0 1px var(--mirai-ui-content-light);
+  border-radius: var(--mirai-ui-border-radius);
+  padding: var(--mirai-ui-space-M);
+}
+
+.group > * {
+  flex: 1;
+}
+
+.linkPrivacy {
+  display: inline;
+}
+
+/* -- <Modal> ---------------------------------------------------------------- */
+.modal {
+  padding: var(--mirai-ui-space-M);
+}
+
+@media print {
+  .noPrint {
+    display: none;
+  }
+
+  .group {
+    border-radius: 0;
+    box-shadow: none;
+    margin: 0;
+    padding: 0 0 var(--mirai-ui-space-XS) 0;
+  }
+
+  .group.others > * {
+    margin-top: var(--mirai-ui-space-M);
+  }
+
+  .group span {
+    font-size: var(--mirai-ui-font-size-small);
+    line-height: var(--mirai-ui-line-height-small);
+  }
+}

package/build/components/{Booking/partials/__tests__/__snapshots__/Booking.Others.test.js.snap → __shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap}

@@ -1,10 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Booking> partial:<Others> inherit:className 1`] = `
+exports[`component:<BookingTerms> inherit:className 1`] = `
 <DocumentFragment>
   <div
     class="view mirai"
-    id="terms"
   >
     <div
       class="view"
@@ -110,11 +109,10 @@ exports[`component:<Booking> partial:<Others> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Booking> partial:<Others> renders 1`] = `
+exports[`component:<BookingTerms> renders 1`] = `
 <DocumentFragment>
   <div
     class="view"
-    id="terms"
   >
     <div
       class="view"
@@ -220,12 +218,11 @@ exports[`component:<Booking> partial:<Others> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Booking> partial:<Others> testID 1`] = `
+exports[`component:<BookingTerms> testID 1`] = `
 <DocumentFragment>
   <div
     class="view"
     data-testid="mirai"
-    id="terms"
   >
     <div
       class="view"
@@ -331,11 +328,10 @@ exports[`component:<Booking> partial:<Others> testID 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Booking> partial:<Others> with a store 1`] = `
+exports[`component:<BookingTerms> with a store 1`] = `
 <DocumentFragment>
   <div
     class="view"
-    id="terms"
   >
     <div
       class="view"

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

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

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

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

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

@@ -0,0 +1,52 @@
+"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 {
+    form = 'form',
+    values = {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  return Object.keys(values).length ? /*#__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: "#".concat(form, "-").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)))) : null;
+};
+exports.NotificationRequiredFields = NotificationRequiredFields;
+NotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';
+NotificationRequiredFields.propTypes = {
+  form: _propTypes.default.string,
+  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","form","values","others","isMobile","useDevice","translate","useLocale","keys","createElement","Notification","error","small","wide","L10N","NOTIFICATION_REQUIRED_FIELDS","View","row","className","fields","map","field","Action","href","concat","inline","markdown","underlined","toUpperCase","exports","displayName","propTypes","PropTypes","string","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 = ({ form = 'form', values = {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  return Object.keys(values).length ? (\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={`#${form}-${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  ) : null;\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  form: PropTypes.string,\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,62 @@
+"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_DATEOFBIRTH: {
+    id: 'user.label.date_of_birth',
+    defaultMessage: '　'
+  },
+  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_PASSWORD: {
+    id: 'common.label.password',
+    defaultMessage: '　'
+  },
+  LABEL_PHONE: {
+    id: 'common.label.phone'
+  },
+  LABEL_PRIVACY: {
+    id: 'common.label.privacy_policy'
+  },
+  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_DATEOFBIRTH","defaultMessage","LABEL_DNI","LABEL_EMAIL","LABEL_EXPIRE","LABEL_FIRSTNAME","LABEL_JOINCLUB","LABEL_LASTNAME","LABEL_NAME","LABEL_PASSWORD","LABEL_PHONE","LABEL_PRIVACY","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_DATEOFBIRTH: { id: 'user.label.date_of_birth', defaultMessage: '　' },\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_PASSWORD: { id: 'common.label.password', defaultMessage: '　' },\n  LABEL_PHONE: { id: 'common.label.phone' },\n  LABEL_PRIVACY: { id: 'common.label.privacy_policy' },\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,iBAAiB,EAAE;IAAEH,EAAE,EAAE,0BAA0B;IAAEI,cAAc,EAAE;EAAI,CAAC;EAC1EC,SAAS,EAAE;IAAEL,EAAE,EAAE;EAAuB,CAAC;EACzCM,WAAW,EAAE;IAAEN,EAAE,EAAE;EAAqB,CAAC;EACzCO,YAAY,EAAE;IAAEP,EAAE,EAAE;EAA4B,CAAC;EACjDQ,eAAe,EAAE;IAAER,EAAE,EAAE;EAAyB,CAAC;EACjDS,cAAc,EAAE;IAAET,EAAE,EAAE;EAAiC,CAAC;EACxDU,cAAc,EAAE;IAAEV,EAAE,EAAE;EAAwB,CAAC;EAC/CW,UAAU,EAAE;IAAEX,EAAE,EAAE;EAA2B,CAAC;EAC9CY,cAAc,EAAE;IAAEZ,EAAE,EAAE,uBAAuB;IAAEI,cAAc,EAAE;EAAI,CAAC;EACpES,WAAW,EAAE;IAAEb,EAAE,EAAE;EAAqB,CAAC;EACzCc,aAAa,EAAE;IAAEd,EAAE,EAAE;EAA8B,CAAC;EACpDe,mBAAmB,EAAE;IAAEf,EAAE,EAAE;EAA8B,CAAC;EAC1DgB,oBAAoB,EAAE;IAAEhB,EAAE,EAAE;EAA+B,CAAC;EAE5DiB,4BAA4B,EAAE;IAAEjB,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/Payment.js

@@ -40,7 +40,7 @@ const Payment = _ref => {
     set
   } = (0, _dataSources.useStore)();
   const [cardType, setCardType] = (0, _react.useState)();
-  const [method, setMethod] = (0, _react.useState)(methods.length === 1 ? methods[0] : undefined);
+  const [method, setMethod] = (0, _react.useState)(methods.length > 0 ? methods[0] : undefined);
   (0, _react.useEffect)(() => {
     onChange({
       method