@mirai/core 0.4.177 → 0.4.178

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

@@ -1 +1 @@
-{"version":3,"file":"ModalMapView.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalMapView","style","_helpers2","_shared__","_helpers3","_helpers4","_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","memoizedSelected","ModalMapView","_ref","_selected$features","items","nights","visible","onClose","others","isMobile","useDevice","translate","useLocale","value","currency","finder","forwarder","hotel","locale","tags","options","places","useStore","mapRef","useRef","busy","setBusy","useState","map","setMap","selected","setSelected","theme","Theme","icon","label","customMarker","accent","base","place","title","currencyFormatProps","fancy","maximumFractionDigits","minimumFractionDigits","symbol","useEffect","loadGMaps","then","bounds","window","google","maps","LatLngBounds","Map","current","fullscreenControl","mapTypeControl","styles","featureType","elementType","stylers","visibility","addListener","undefined","markers","forEach","marker","dataSource","item","position","lat","latitude","lng","longitude","price","text","currencyFormat","Marker","highlightMarker","resetMarker","push","extend","fitBounds","catch","Event","publish","EVENT","NOTIFICATION","error","L10N","NOTIFICATION_ERROR_MAP","METRICS","id","panTo","itemIndex","findIndex","_ref2","index","setIcon","fillColor","strokeColor","scale","setLabel","color","priceMarker","setZIndex","handlePress","setTimeout","find","isHotel","ids","includes","toString","location","href","concat","rates","toUrlParams","fetchUrlParams","search","getFinderParams","idtokenprovider","SUBMIT_DELAY","createElement","Modal","fit","className","modal","View","ref","Card","card","image","images","backgroundImage","content","Text","bold","headline","name","action","light","small","features","anchor","row","tiny","LABEL_PER_NIGHT","Button","onPress","ACTION_VIEW_MORE","exports","propTypes","PropTypes","arrayOf","shape","number","string","bool","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalMapView/ModalMapView.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Button, Modal, styles, Theme, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { customMarker, loadGMaps } from './helpers';\nimport { L10N } from './ModalMapView.l10n';\nimport * as style from './ModalMapView.module.css';\nimport { fetchUrlParams } from '../../../../helpers';\nimport { Card } from '../../../__shared__';\nimport { EVENT, SUBMIT_DELAY, toUrlParams } from '../../../helpers';\nimport { getFinderParams } from '../../helpers';\n\nlet memoizedSelected;\n\nconst ModalMapView = ({ items = [], nights = 1, visible, onClose, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, finder = {}, forwarder = {}, hotel, locale, tags: { options: places = [] } = {} },\n  } = useStore();\n\n  const mapRef = useRef();\n  const [busy, setBusy] = useState(false);\n  const [map, setMap] = useState();\n  const [selected, setSelected] = useState();\n\n  const theme = Theme.get();\n  const { icon, label } = customMarker(theme);\n  const { accent, base } = theme;\n  const { place: { title } = {} } = finder || {};\n\n  const currencyFormatProps = {\n    currency,\n    fancy: true,\n    locale,\n    maximumFractionDigits: 0,\n    minimumFractionDigits: 0,\n    symbol: true,\n  };\n  useEffect(() => {\n    if (!visible) return;\n\n    loadGMaps()\n      .then(() => {\n        const bounds = new window.google.maps.LatLngBounds();\n        const map = new window.google.maps.Map(mapRef.current, {\n          fullscreenControl: false,\n          mapTypeControl: false,\n          styles: [{ featureType: 'poi.business', elementType: 'labels', stylers: [{ visibility: 'off' }] }],\n        });\n\n        map.addListener('click', () => setSelected());\n        map.addListener('dragstart', () => setSelected());\n        setMap(map);\n\n        if (!visible) return;\n\n        setSelected(undefined);\n        map.markers = map.markers || [];\n        map.markers.forEach((marker) => marker.setMap());\n        map.markers = [];\n\n        items.forEach((dataSource = {}) => {\n          const item = { ...dataSource, position: { lat: dataSource.latitude, lng: dataSource.longitude } };\n          const { price, position } = item;\n          const text = currencyFormat({ ...currencyFormatProps, value: price });\n          const marker = new window.google.maps.Marker({ map, position, icon, label: { ...label, text } });\n\n          marker.addListener('click', () => setSelected(item));\n          marker.addListener('mouseover', () => highlightMarker(marker, item));\n          marker.addListener('mouseout', () => (memoizedSelected !== item ? resetMarker(marker, item) : undefined));\n\n          map.markers.push(marker);\n          bounds.extend(position);\n        });\n\n        if (items.length > 0) map.fitBounds(bounds);\n      })\n      .catch(() => {\n        Event.publish(EVENT.NOTIFICATION, { error: true, ...L10N.NOTIFICATION_ERROR_MAP });\n        onClose();\n      });\n\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP' });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, visible]);\n\n  useEffect(() => {\n    memoizedSelected = selected;\n    if (!map || !items.length) return;\n    if (selected) map.panTo(selected.position);\n\n    const itemIndex = selected ? items.findIndex(({ id }) => id === selected.id) : -1;\n    map.markers.forEach((marker, index) => {\n      index === itemIndex ? highlightMarker(marker, items[index]) : resetMarker(marker, items[index], index);\n    });\n\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP:SELECT' });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selected]);\n\n  const highlightMarker = (marker, { price } = {}) => {\n    marker.setIcon({ ...icon, fillColor: accent, strokeColor: accent, scale: 1.1 });\n    marker.setLabel({ ...label, color: base, text: priceMarker(price) });\n    marker.setZIndex(1024);\n  };\n\n  const resetMarker = (marker, { price } = {}, index) => {\n    marker.setIcon(icon);\n    marker.setLabel({ ...label, text: priceMarker(price) });\n    marker.setZIndex(index);\n  };\n\n  const priceMarker = (price) => currencyFormat({ ...currencyFormatProps, value: price });\n\n  const handlePress = () => {\n    setBusy(false);\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP:VIEW_MORE' });\n\n    setTimeout(() => {\n      const { id } = selected;\n      const { value } = places.find(({ isHotel, id: ids = [] } = {}) => isHotel && ids.includes(id.toString())) || {};\n\n      window.location.href = `${forwarder.rates}${toUrlParams({\n        ...fetchUrlParams(window.location.search),\n        ...getFinderParams({ ...finder, ...{ place: { id: undefined, value } }, hotel }),\n        idtokenprovider: id,\n      })}`;\n    }, SUBMIT_DELAY);\n  };\n\n  return (\n    <Modal {...others} {...{ title, visible, onClose }} fit className={[style.modal, others.className]}>\n      <View ref={mapRef} className={style.map} />\n\n      <Card className={styles(style.card, selected && style.visible)}>\n        <View\n          className={style.image}\n          style={selected?.images ? { backgroundImage: `url(${selected?.images[0]})` } : undefined}\n        />\n        <View className={style.content}>\n          <Text bold headline={!isMobile}>\n            {selected?.name}\n          </Text>\n          <Text action={!isMobile} light small={isMobile} className={style.location}>\n            {selected?.features?.location}\n          </Text>\n\n          <View className={style.anchor} />\n\n          <View row>\n            <View>\n              <Text bold>\n                {currencyFormat({ ...currencyFormatProps, fancy: false, symbol: false, value: selected?.price })}\n              </Text>\n              <Text light={!isMobile} small={!isMobile} tiny={isMobile}>\n                {currencyFormat({\n                  ...currencyFormatProps,\n                  fancy: false,\n                  symbol: false,\n                  value: selected?.price / nights,\n                })}{' '}\n                {translate(L10N.LABEL_PER_NIGHT)}\n              </Text>\n            </View>\n            <View className={style.anchor} />\n            <Button busy={busy} small onPress={handlePress}>\n              {translate(L10N.ACTION_VIEW_MORE)}\n            </Button>\n          </View>\n        </View>\n      </Card>\n    </Modal>\n  );\n};\n\nModalMapView.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  nights: PropTypes.number,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nModalMapView.displayName = 'Mirai:Core:Rates:ModalMapView';\n\nexport { ModalMapView };\n"],"mappings":"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"}
+{"version":3,"file":"ModalMapView.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalMapView","style","_helpers2","_shared__","_helpers3","_helpers4","_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","memoizedSelected","ModalMapView","_ref","_selected$features","items","nights","visible","onClose","others","isMobile","useDevice","translate","useLocale","value","currency","finder","forwarder","hotel","locale","tags","options","places","useStore","mapRef","useRef","busy","setBusy","useState","map","setMap","selected","setSelected","theme","Theme","icon","label","customMarker","accent","base","place","title","currencyFormatProps","fancy","maximumFractionDigits","minimumFractionDigits","symbol","useEffect","loadGMaps","then","bounds","window","google","maps","LatLngBounds","Map","current","fullscreenControl","mapTypeControl","styles","featureType","elementType","stylers","visibility","addListener","undefined","markers","forEach","marker","dataSource","item","position","lat","latitude","lng","longitude","price","text","currencyFormat","Marker","highlightMarker","resetMarker","push","extend","fitBounds","catch","Event","publish","EVENT","NOTIFICATION","error","L10N","NOTIFICATION_ERROR_MAP","METRICS","id","panTo","itemIndex","findIndex","_ref2","index","setIcon","fillColor","strokeColor","scale","setLabel","color","priceMarker","setZIndex","handlePress","setTimeout","find","isHotel","ids","includes","toString","location","href","concat","rates","toUrlParams","fetchUrlParams","search","getFinderParams","idtokenprovider","SUBMIT_DELAY","createElement","Modal","fit","className","modal","View","ref","Card","card","image","images","backgroundImage","content","Text","bold","headline","name","action","light","small","features","anchor","row","LABEL_PER_NIGHT","Button","onPress","ACTION_VIEW_MORE","exports","propTypes","PropTypes","arrayOf","shape","number","string","bool","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalMapView/ModalMapView.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Button, Modal, styles, Theme, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { customMarker, loadGMaps } from './helpers';\nimport { L10N } from './ModalMapView.l10n';\nimport * as style from './ModalMapView.module.css';\nimport { fetchUrlParams } from '../../../../helpers';\nimport { Card } from '../../../__shared__';\nimport { EVENT, SUBMIT_DELAY, toUrlParams } from '../../../helpers';\nimport { getFinderParams } from '../../helpers';\n\nlet memoizedSelected;\n\nconst ModalMapView = ({ items = [], nights = 1, visible, onClose, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, finder = {}, forwarder = {}, hotel, locale, tags: { options: places = [] } = {} },\n  } = useStore();\n\n  const mapRef = useRef();\n  const [busy, setBusy] = useState(false);\n  const [map, setMap] = useState();\n  const [selected, setSelected] = useState();\n\n  const theme = Theme.get();\n  const { icon, label } = customMarker(theme);\n  const { accent, base } = theme;\n  const { place: { title } = {} } = finder || {};\n\n  const currencyFormatProps = {\n    currency,\n    fancy: true,\n    locale,\n    maximumFractionDigits: 0,\n    minimumFractionDigits: 0,\n    symbol: true,\n  };\n  useEffect(() => {\n    if (!visible) return;\n\n    loadGMaps()\n      .then(() => {\n        const bounds = new window.google.maps.LatLngBounds();\n        const map = new window.google.maps.Map(mapRef.current, {\n          fullscreenControl: false,\n          mapTypeControl: false,\n          styles: [{ featureType: 'poi.business', elementType: 'labels', stylers: [{ visibility: 'off' }] }],\n        });\n\n        map.addListener('click', () => setSelected());\n        map.addListener('dragstart', () => setSelected());\n        setMap(map);\n\n        if (!visible) return;\n\n        setSelected(undefined);\n        map.markers = map.markers || [];\n        map.markers.forEach((marker) => marker.setMap());\n        map.markers = [];\n\n        items.forEach((dataSource = {}) => {\n          const item = { ...dataSource, position: { lat: dataSource.latitude, lng: dataSource.longitude } };\n          const { price, position } = item;\n          const text = currencyFormat({ ...currencyFormatProps, value: price });\n          const marker = new window.google.maps.Marker({ map, position, icon, label: { ...label, text } });\n\n          marker.addListener('click', () => setSelected(item));\n          marker.addListener('mouseover', () => highlightMarker(marker, item));\n          marker.addListener('mouseout', () => (memoizedSelected !== item ? resetMarker(marker, item) : undefined));\n\n          map.markers.push(marker);\n          bounds.extend(position);\n        });\n\n        if (items.length > 0) map.fitBounds(bounds);\n      })\n      .catch(() => {\n        Event.publish(EVENT.NOTIFICATION, { error: true, ...L10N.NOTIFICATION_ERROR_MAP });\n        onClose();\n      });\n\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP' });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, visible]);\n\n  useEffect(() => {\n    memoizedSelected = selected;\n    if (!map || !items.length) return;\n    if (selected) map.panTo(selected.position);\n\n    const itemIndex = selected ? items.findIndex(({ id }) => id === selected.id) : -1;\n    map.markers.forEach((marker, index) => {\n      index === itemIndex ? highlightMarker(marker, items[index]) : resetMarker(marker, items[index], index);\n    });\n\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP:SELECT' });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selected]);\n\n  const highlightMarker = (marker, { price } = {}) => {\n    marker.setIcon({ ...icon, fillColor: accent, strokeColor: accent, scale: 1.1 });\n    marker.setLabel({ ...label, color: base, text: priceMarker(price) });\n    marker.setZIndex(1024);\n  };\n\n  const resetMarker = (marker, { price } = {}, index) => {\n    marker.setIcon(icon);\n    marker.setLabel({ ...label, text: priceMarker(price) });\n    marker.setZIndex(index);\n  };\n\n  const priceMarker = (price) => currencyFormat({ ...currencyFormatProps, value: price });\n\n  const handlePress = () => {\n    setBusy(false);\n    Event.publish(EVENT.METRICS, { id: 'HOTELS:MAP:VIEW_MORE' });\n\n    setTimeout(() => {\n      const { id } = selected;\n      const { value } = places.find(({ isHotel, id: ids = [] } = {}) => isHotel && ids.includes(id.toString())) || {};\n\n      window.location.href = `${forwarder.rates}${toUrlParams({\n        ...fetchUrlParams(window.location.search),\n        ...getFinderParams({ ...finder, ...{ place: { id: undefined, value } }, hotel }),\n        idtokenprovider: id,\n      })}`;\n    }, SUBMIT_DELAY);\n  };\n\n  return (\n    <Modal {...others} {...{ title, visible, onClose }} fit className={[style.modal, others.className]}>\n      <View ref={mapRef} className={style.map} />\n\n      <Card className={styles(style.card, selected && style.visible)}>\n        <View\n          className={style.image}\n          style={selected?.images ? { backgroundImage: `url(${selected?.images[0]})` } : undefined}\n        />\n        <View className={style.content}>\n          <Text bold headline={!isMobile}>\n            {selected?.name}\n          </Text>\n          <Text action={!isMobile} light small={isMobile} className={style.location}>\n            {selected?.features?.location}\n          </Text>\n\n          <View className={style.anchor} />\n\n          <View row>\n            <View>\n              <Text bold>\n                {currencyFormat({ ...currencyFormatProps, fancy: false, symbol: false, value: selected?.price })}\n              </Text>\n              <Text light small>\n                {currencyFormat({\n                  ...currencyFormatProps,\n                  fancy: false,\n                  symbol: false,\n                  value: selected?.price / nights,\n                })}{' '}\n                {translate(L10N.LABEL_PER_NIGHT)}\n              </Text>\n            </View>\n            <View className={style.anchor} />\n            <Button busy={busy} small onPress={handlePress}>\n              {translate(L10N.ACTION_VIEW_MORE)}\n            </Button>\n          </View>\n        </View>\n      </Card>\n    </Modal>\n  );\n};\n\nModalMapView.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  nights: PropTypes.number,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nModalMapView.displayName = 'Mirai:Core:Rates:ModalMapView';\n\nexport { ModalMapView };\n"],"mappings":"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"}

package/build/components/Signup/Signup.js

@@ -17,6 +17,7 @@ var _helpers = require("../helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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 Signup = others => {
   var _form$firstName, _form$lastName, _form$email, _form$email2, _form$dateOfBirth, _form$dateOfBirth2, _formError$dateOfBirt, _form$dateOfBirth3, _form$country, _form$password, _formError$password, _form$password2, _club$url, _club$url2;
   const {
@@ -88,6 +89,11 @@ const Signup = others => {
     setBusy(false);
   };
   const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
+  const inputRequiredProps = {
+    required: true,
+    requiredText: translate(_Signup.L10N.LABEL_REQUIRED),
+    showRequired: true
+  };
   return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "signup",
     tag: "signup",
@@ -109,38 +115,36 @@ const Signup = others => {
     form: "signup",
     values: requiredFields
   }), !response && /*#__PURE__*/_react.default.createElement(_ui.Form, {
+    showErrors: hasRequiredFields,
     validateOnMount: true,
     onChange: setForm,
     onError: setFormError,
     testId: others.testId,
     className: (0, _ui.styles)(style.form, others.className)
-  }, /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, null), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.InputText, _extends({
     id: "signup-firstName",
     name: "firstName",
-    label: translate(_Signup.L10N.FIRSTNAME_LABEL),
-    required: true,
-    showRequired: true,
+    label: translate(_Signup.L10N.FIRSTNAME_LABEL)
+  }, inputRequiredProps, {
     success: ((_form$firstName = form.firstName) === null || _form$firstName === void 0 ? void 0 : _form$firstName.length) && !formError.firstName,
     value: form.firstName
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputText, _extends({
     id: "signup-lastName",
     name: "lastName",
-    label: translate(_Signup.L10N.LASTNAME_LABEL),
-    required: true,
-    showRequired: true,
+    label: translate(_Signup.L10N.LASTNAME_LABEL)
+  }, inputRequiredProps, {
     success: ((_form$lastName = form.lastName) === null || _form$lastName === void 0 ? void 0 : _form$lastName.length) && !formError.lastName,
     value: form.lastName
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputText, _extends({
     id: "signup-email",
     name: "email",
     error: ((_form$email = form.email) === null || _form$email === void 0 ? void 0 : _form$email.length) && !!formError.email,
-    label: translate(_Signup.L10N.EMAIL_LABEL),
-    required: true,
-    showRequired: true,
+    label: translate(_Signup.L10N.EMAIL_LABEL)
+  }, inputRequiredProps, {
     success: ((_form$email2 = form.email) === null || _form$email2 === void 0 ? void 0 : _form$email2.length) && !formError.email,
     type: "email",
     value: form.email
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputDate, _extends({
     id: "signup-dateOfBirth",
     name: "dateOfBirth",
     error: ((_form$dateOfBirth = form.dateOfBirth) === null || _form$dateOfBirth === void 0 ? void 0 : _form$dateOfBirth.length) && !!formError.dateOfBirth,
@@ -149,41 +153,38 @@ const Signup = others => {
     label: translate(_Signup.L10N.DATEOFBIRTH_LABEL),
     max: (0, _locale.dateFormat)((0, _locale.dateCalc)(new Date(), -18, 'years'), {
       format: formatDate
-    }),
-    required: true,
-    showRequired: true,
+    })
+  }, inputRequiredProps, {
     success: ((_form$dateOfBirth3 = form.dateOfBirth) === null || _form$dateOfBirth3 === void 0 ? void 0 : _form$dateOfBirth3.length) && !formError.dateOfBirth,
     type: "inputDate",
     value: form.dateOfBirth
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, _extends({
     id: "signup-country",
     name: "country",
     label: translate(_Signup.L10N.COUNTRY_LABEL),
     placeholder: translate(_Signup.L10N.COUNTRY_PLACEHOLDER),
-    options: Object.values(countries),
-    required: true,
-    showRequired: true,
+    options: Object.values(countries)
+  }, inputRequiredProps, {
     success: ((_form$country = form.country) === null || _form$country === void 0 ? void 0 : _form$country.length) && !formError.country,
     value: form.country
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputText, _extends({
     id: "signup-password",
     name: "password",
     error: ((_form$password = form.password) === null || _form$password === void 0 ? void 0 : _form$password.length) && ((_formError$password = formError.password) === null || _formError$password === void 0 ? void 0 : _formError$password.test),
     hint: translate(_Signup.L10N.PASSWORD_HINT),
-    label: translate(_Signup.L10N.PASSWORD_LABEL),
-    required: true,
-    showRequired: true,
+    label: translate(_Signup.L10N.PASSWORD_LABEL)
+  }, inputRequiredProps, {
     success: ((_form$password2 = form.password) === null || _form$password2 === void 0 ? void 0 : _form$password2.length) && !formError.password,
     test: _helpers.testPassword,
     type: "password",
     value: form.password
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputOption, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.InputOption, {
     name: "subscribed",
     checked: form.subscribed,
     label: translate(_Signup.L10N.SUBSCRIBED_LABEL),
     small: true,
     value: form.subscribed
-  }), /*#__PURE__*/_react.default.createElement(_ui.InputOption, {
+  }), /*#__PURE__*/_react.default.createElement(_ui.InputOption, _extends({
     id: "signup-privacy",
     name: "privacy",
     checked: form.privacy,
@@ -206,13 +207,12 @@ const Signup = others => {
         underline: true,
         className: style.link
       }, translate(_Signup.L10N.PRIVACY_POLICY_LINK))
-    }),
-    required: true,
-    showRequired: true,
+    })
+  }, inputRequiredProps, {
     small: true,
     value: form.privacy,
     className: style.privacy
-  }), !busy && responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+  })), !busy && responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     error: true,
     className: style.notification
   }, translate(_Signup.L10N.NOTIFICATION_ERROR)), /*#__PURE__*/_react.default.createElement(_ui.Button, {

package/build/components/Signup/Signup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Signup.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Signup","style","_Signup2","_interopRequireDefault","_shared__","_helpers","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Signup","others","_form$firstName","_form$lastName","_form$email","_form$email2","_form$dateOfBirth","_form$dateOfBirth2","_formError$dateOfBirt","_form$dateOfBirth3","_form$country","_form$password","_formError$password","_form$password2","_club$url","_club$url2","value","club","hotel","skeleton","useStore","locale","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","subscribed","formError","setFormError","requiredFields","setRequiredFields","response","setResponse","responseError","setResponseError","language","country","split","formatDate","getDateFormat","useEffect","signup","next","ServiceCountry","list","handleSubmit","hasErrors","keys","length","window","scrollTo","top","behavior","undefined","ServiceUser","getCountryCode","dateOfBirth","dateFormat","parseDate","format","idClub","id","idHotel","catch","error","hasRequiredFields","createElement","View","role","tag","className","container","wide","header","Text","bold","headline","level","L10N","TITLE","clubName","name","description","DESCRIPTION","NotificationRequiredFields","values","Form","validateOnMount","onChange","onError","testId","styles","TextRequiredFields","InputText","label","FIRSTNAME_LABEL","required","showRequired","success","firstName","LASTNAME_LABEL","lastName","email","EMAIL_LABEL","type","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","password","test","PASSWORD_HINT","PASSWORD_LABEL","testPassword","InputOption","checked","SUBSCRIBED_LABEL","small","privacy","PRIVACY_LABEL","conditionsLink","Action","inline","href","url","conditions","target","rel","link","PRIVACY_CONDITIONS_LINK","privacyPolicyLink","underline","PRIVACY_POLICY_LINK","Notification","notification","NOTIFICATION_ERROR","Button","large","onPress","button","CTA","SUCCESS_TITLE","SUCCESS_MESSAGE","exports","displayName","propTypes"],"sources":["../../../src/components/Signup/Signup.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport {\n  Action,\n  Button,\n  Form,\n  InputDate,\n  InputOption,\n  InputSelect,\n  InputText,\n  Notification,\n  styles,\n  Text,\n  View,\n} from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Signup.l10n';\nimport * as style from './Signup.module.css';\nimport Skeleton from './Signup.Skeleton';\nimport { NotificationRequiredFields, TextRequiredFields } from '../__shared__';\nimport { getCountryCode, testPassword } from '../helpers';\n\nconst Signup = (others) => {\n  const {\n    set,\n    value: { club = {}, hotel = {}, skeleton = false },\n  } = useStore();\n  const { locale, translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState({ subscribed: true });\n  const [formError, setFormError] = useState({});\n  const [requiredFields, setRequiredFields] = useState();\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const [language, country] = locale.split('-');\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    set({ signup: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    (async () => {\n      const next = (await ServiceCountry.list(locale)) || {};\n\n      setCountries(next);\n      setForm({ ...form, country: next[country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async () => {\n    const hasErrors = Object.keys(formError).length !== 0;\n    if (hasErrors) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      return setRequiredFields(formError);\n    }\n\n    setBusy(true);\n    setRequiredFields();\n    setResponseError(undefined);\n\n    const response = await ServiceUser.signup({\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n      idClub: club.id,\n      idHotel: hotel.id,\n      language,\n    }).catch((error) => {\n      setResponseError(error);\n    });\n\n    setResponse(response);\n    setBusy(false);\n  };\n\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return !skeleton ? (\n    <View role=\"signup\" tag=\"signup\" className={style.container}>\n      <View wide className={style.header}>\n        <Text bold headline level={2}>\n          {translate(L10N.TITLE, { clubName: club.name })}\n        </Text>\n        <Text className={style.description}>{translate(L10N.DESCRIPTION, { clubName: club.name })}</Text>\n      </View>\n\n      {hasRequiredFields && <NotificationRequiredFields form=\"signup\" values={requiredFields} />}\n\n      {!response && (\n        <Form\n          validateOnMount\n          onChange={setForm}\n          onError={setFormError}\n          testId={others.testId}\n          className={styles(style.form, others.className)}\n        >\n          <TextRequiredFields />\n          <InputText\n            id=\"signup-firstName\"\n            name=\"firstName\"\n            label={translate(L10N.FIRSTNAME_LABEL)}\n            required\n            showRequired\n            success={form.firstName?.length && !formError.firstName}\n            value={form.firstName}\n          />\n          <InputText\n            id=\"signup-lastName\"\n            name=\"lastName\"\n            label={translate(L10N.LASTNAME_LABEL)}\n            required\n            showRequired\n            success={form.lastName?.length && !formError.lastName}\n            value={form.lastName}\n          />\n          <InputText\n            id=\"signup-email\"\n            name=\"email\"\n            error={form.email?.length && !!formError.email}\n            label={translate(L10N.EMAIL_LABEL)}\n            required\n            showRequired\n            success={form.email?.length && !formError.email}\n            type=\"email\"\n            value={form.email}\n          />\n          <InputDate\n            id=\"signup-dateOfBirth\"\n            name=\"dateOfBirth\"\n            error={form.dateOfBirth?.length && !!formError.dateOfBirth}\n            hint={\n              form.dateOfBirth?.length && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined\n            }\n            format={formatDate}\n            label={translate(L10N.DATEOFBIRTH_LABEL)}\n            max={dateFormat(dateCalc(new Date(), -18, 'years'), { format: formatDate })}\n            required\n            showRequired\n            success={form.dateOfBirth?.length && !formError.dateOfBirth}\n            type=\"inputDate\"\n            value={form.dateOfBirth}\n          />\n          <InputSelect\n            id=\"signup-country\"\n            name=\"country\"\n            label={translate(L10N.COUNTRY_LABEL)}\n            placeholder={translate(L10N.COUNTRY_PLACEHOLDER)}\n            options={Object.values(countries)}\n            required\n            showRequired\n            success={form.country?.length && !formError.country}\n            value={form.country}\n          />\n          <InputText\n            id=\"signup-password\"\n            name=\"password\"\n            error={form.password?.length && formError.password?.test}\n            hint={translate(L10N.PASSWORD_HINT)}\n            label={translate(L10N.PASSWORD_LABEL)}\n            required\n            showRequired\n            success={form.password?.length && !formError.password}\n            test={testPassword}\n            type=\"password\"\n            value={form.password}\n          />\n\n          <InputOption\n            name=\"subscribed\"\n            checked={form.subscribed}\n            label={translate(L10N.SUBSCRIBED_LABEL)}\n            small\n            value={form.subscribed}\n          />\n          <InputOption\n            id=\"signup-privacy\"\n            name=\"privacy\"\n            checked={form.privacy}\n            label={translate(L10N.PRIVACY_LABEL, {\n              clubName: club.name || '$club',\n              conditionsLink: (\n                <Action\n                  inline\n                  href={club.url?.conditions}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  small\n                  className={style.link}\n                >\n                  {translate(L10N.PRIVACY_CONDITIONS_LINK)}\n                </Action>\n              ),\n              privacyPolicyLink: (\n                <Action\n                  inline\n                  href={club.url?.privacy}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  small\n                  underline\n                  className={style.link}\n                >\n                  {translate(L10N.PRIVACY_POLICY_LINK)}\n                </Action>\n              ),\n            })}\n            required\n            showRequired\n            small\n            value={form.privacy}\n            className={style.privacy}\n          />\n\n          {!busy && responseError && (\n            <Notification error className={style.notification}>\n              {translate(L10N.NOTIFICATION_ERROR)}\n            </Notification>\n          )}\n\n          <Button busy={busy} large wide onPress={handleSubmit} className={style.button} testId=\"signup-button\">\n            {translate(L10N.CTA)}\n          </Button>\n        </Form>\n      )}\n\n      {!busy && response && (\n        <Notification large success className={style.notification}>\n          <Text bold>{translate(L10N.SUCCESS_TITLE)}</Text>\n          <Text>{translate(L10N.SUCCESS_MESSAGE)}</Text>\n        </Notification>\n      )}\n    </View>\n  ) : (\n    <Skeleton />\n  );\n};\n\nSignup.displayName = 'Mirai:Core:Signup';\n\nSignup.propTypes = {};\n\nexport { Signup };\n"],"mappings":"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"}
+{"version":3,"file":"Signup.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Signup","style","_Signup2","_interopRequireDefault","_shared__","_helpers","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Signup","others","_form$firstName","_form$lastName","_form$email","_form$email2","_form$dateOfBirth","_form$dateOfBirth2","_formError$dateOfBirt","_form$dateOfBirth3","_form$country","_form$password","_formError$password","_form$password2","_club$url","_club$url2","value","club","hotel","skeleton","useStore","locale","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","subscribed","formError","setFormError","requiredFields","setRequiredFields","response","setResponse","responseError","setResponseError","language","country","split","formatDate","getDateFormat","useEffect","signup","next","ServiceCountry","list","handleSubmit","hasErrors","keys","window","scrollTo","top","behavior","undefined","ServiceUser","getCountryCode","dateOfBirth","dateFormat","parseDate","format","idClub","id","idHotel","catch","error","hasRequiredFields","inputRequiredProps","required","requiredText","L10N","LABEL_REQUIRED","showRequired","createElement","View","role","tag","className","container","wide","header","Text","bold","headline","level","TITLE","clubName","name","description","DESCRIPTION","NotificationRequiredFields","values","Form","showErrors","validateOnMount","onChange","onError","testId","styles","InputText","label","FIRSTNAME_LABEL","success","firstName","LASTNAME_LABEL","lastName","email","EMAIL_LABEL","type","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","password","test","PASSWORD_HINT","PASSWORD_LABEL","testPassword","InputOption","checked","SUBSCRIBED_LABEL","small","privacy","PRIVACY_LABEL","conditionsLink","Action","inline","href","url","conditions","rel","link","PRIVACY_CONDITIONS_LINK","privacyPolicyLink","underline","PRIVACY_POLICY_LINK","Notification","notification","NOTIFICATION_ERROR","Button","large","onPress","button","CTA","SUCCESS_TITLE","SUCCESS_MESSAGE","exports","displayName","propTypes"],"sources":["../../../src/components/Signup/Signup.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport {\n  Action,\n  Button,\n  Form,\n  InputDate,\n  InputOption,\n  InputSelect,\n  InputText,\n  Notification,\n  styles,\n  Text,\n  View,\n} from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Signup.l10n';\nimport * as style from './Signup.module.css';\nimport Skeleton from './Signup.Skeleton';\nimport { NotificationRequiredFields } from '../__shared__';\nimport { getCountryCode, testPassword } from '../helpers';\n\nconst Signup = (others) => {\n  const {\n    set,\n    value: { club = {}, hotel = {}, skeleton = false },\n  } = useStore();\n  const { locale, translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState({ subscribed: true });\n  const [formError, setFormError] = useState({});\n  const [requiredFields, setRequiredFields] = useState();\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const [language, country] = locale.split('-');\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    set({ signup: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    (async () => {\n      const next = (await ServiceCountry.list(locale)) || {};\n\n      setCountries(next);\n      setForm({ ...form, country: next[country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async () => {\n    const hasErrors = Object.keys(formError).length !== 0;\n    if (hasErrors) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      return setRequiredFields(formError);\n    }\n\n    setBusy(true);\n    setRequiredFields();\n    setResponseError(undefined);\n\n    const response = await ServiceUser.signup({\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n      idClub: club.id,\n      idHotel: hotel.id,\n      language,\n    }).catch((error) => {\n      setResponseError(error);\n    });\n\n    setResponse(response);\n    setBusy(false);\n  };\n\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n  const inputRequiredProps = { required: true, requiredText: translate(L10N.LABEL_REQUIRED), showRequired: true };\n\n  return !skeleton ? (\n    <View role=\"signup\" tag=\"signup\" className={style.container}>\n      <View wide className={style.header}>\n        <Text bold headline level={2}>\n          {translate(L10N.TITLE, { clubName: club.name })}\n        </Text>\n        <Text className={style.description}>{translate(L10N.DESCRIPTION, { clubName: club.name })}</Text>\n      </View>\n\n      {hasRequiredFields && <NotificationRequiredFields form=\"signup\" values={requiredFields} />}\n\n      {!response && (\n        <Form\n          showErrors={hasRequiredFields}\n          validateOnMount\n          onChange={setForm}\n          onError={setFormError}\n          testId={others.testId}\n          className={styles(style.form, others.className)}\n        >\n          <InputText\n            id=\"signup-firstName\"\n            name=\"firstName\"\n            label={translate(L10N.FIRSTNAME_LABEL)}\n            {...inputRequiredProps}\n            success={form.firstName?.length && !formError.firstName}\n            value={form.firstName}\n          />\n          <InputText\n            id=\"signup-lastName\"\n            name=\"lastName\"\n            label={translate(L10N.LASTNAME_LABEL)}\n            {...inputRequiredProps}\n            success={form.lastName?.length && !formError.lastName}\n            value={form.lastName}\n          />\n          <InputText\n            id=\"signup-email\"\n            name=\"email\"\n            error={form.email?.length && !!formError.email}\n            label={translate(L10N.EMAIL_LABEL)}\n            {...inputRequiredProps}\n            success={form.email?.length && !formError.email}\n            type=\"email\"\n            value={form.email}\n          />\n          <InputDate\n            id=\"signup-dateOfBirth\"\n            name=\"dateOfBirth\"\n            error={form.dateOfBirth?.length && !!formError.dateOfBirth}\n            hint={\n              form.dateOfBirth?.length && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined\n            }\n            format={formatDate}\n            label={translate(L10N.DATEOFBIRTH_LABEL)}\n            max={dateFormat(dateCalc(new Date(), -18, 'years'), { format: formatDate })}\n            {...inputRequiredProps}\n            success={form.dateOfBirth?.length && !formError.dateOfBirth}\n            type=\"inputDate\"\n            value={form.dateOfBirth}\n          />\n          <InputSelect\n            id=\"signup-country\"\n            name=\"country\"\n            label={translate(L10N.COUNTRY_LABEL)}\n            placeholder={translate(L10N.COUNTRY_PLACEHOLDER)}\n            options={Object.values(countries)}\n            {...inputRequiredProps}\n            success={form.country?.length && !formError.country}\n            value={form.country}\n          />\n          <InputText\n            id=\"signup-password\"\n            name=\"password\"\n            error={form.password?.length && formError.password?.test}\n            hint={translate(L10N.PASSWORD_HINT)}\n            label={translate(L10N.PASSWORD_LABEL)}\n            {...inputRequiredProps}\n            success={form.password?.length && !formError.password}\n            test={testPassword}\n            type=\"password\"\n            value={form.password}\n          />\n\n          <InputOption\n            name=\"subscribed\"\n            checked={form.subscribed}\n            label={translate(L10N.SUBSCRIBED_LABEL)}\n            small\n            value={form.subscribed}\n          />\n          <InputOption\n            id=\"signup-privacy\"\n            name=\"privacy\"\n            checked={form.privacy}\n            label={translate(L10N.PRIVACY_LABEL, {\n              clubName: club.name || '$club',\n              conditionsLink: (\n                <Action\n                  inline\n                  href={club.url?.conditions}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  small\n                  className={style.link}\n                >\n                  {translate(L10N.PRIVACY_CONDITIONS_LINK)}\n                </Action>\n              ),\n              privacyPolicyLink: (\n                <Action\n                  inline\n                  href={club.url?.privacy}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  small\n                  underline\n                  className={style.link}\n                >\n                  {translate(L10N.PRIVACY_POLICY_LINK)}\n                </Action>\n              ),\n            })}\n            {...inputRequiredProps}\n            small\n            value={form.privacy}\n            className={style.privacy}\n          />\n\n          {!busy && responseError && (\n            <Notification error className={style.notification}>\n              {translate(L10N.NOTIFICATION_ERROR)}\n            </Notification>\n          )}\n\n          <Button busy={busy} large wide onPress={handleSubmit} className={style.button} testId=\"signup-button\">\n            {translate(L10N.CTA)}\n          </Button>\n        </Form>\n      )}\n\n      {!busy && response && (\n        <Notification large success className={style.notification}>\n          <Text bold>{translate(L10N.SUCCESS_TITLE)}</Text>\n          <Text>{translate(L10N.SUCCESS_MESSAGE)}</Text>\n        </Notification>\n      )}\n    </View>\n  ) : (\n    <Skeleton />\n  );\n};\n\nSignup.displayName = 'Mirai:Core:Signup';\n\nSignup.propTypes = {};\n\nexport { Signup };\n"],"mappings":"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"}

package/build/components/Signup/Signup.l10n.js

@@ -41,6 +41,10 @@ const L10N = exports.L10N = {
     id: 'common.label.lastname',
     defaultMessage: '　'
   },
+  LABEL_REQUIRED: {
+    id: 'common.label.required',
+    defaultMessage: '　'
+  },
   PASSWORD_LABEL: {
     id: 'common.label.password',
     defaultMessage: '　'

package/build/components/Signup/Signup.l10n.js.map

@@ -1 +1 @@
-{"version":3,"file":"Signup.l10n.js","names":["L10N","exports","COUNTRY_LABEL","id","defaultMessage","COUNTRY_PLACEHOLDER","CTA","DATEOFBIRTH_LABEL","DATEOFBIRTH_ERROR","DESCRIPTION","EMAIL_LABEL","FIRSTNAME_LABEL","LASTNAME_LABEL","PASSWORD_LABEL","PASSWORD_HINT","PRIVACY_LABEL","PRIVACY_CONDITIONS_LINK","PRIVACY_POLICY_LINK","SUBSCRIBED_LABEL","TITLE","SUCCESS_TITLE","SUCCESS_MESSAGE","NOTIFICATION_ERROR"],"sources":["../../../src/components/Signup/Signup.l10n.js"],"sourcesContent":["export const L10N = {\n  COUNTRY_LABEL: { id: 'user.label.country', defaultMessage: '　' },\n  COUNTRY_PLACEHOLDER: { id: 'common.label.select', defaultMessage: '　' },\n  CTA: { id: 'user.action.signup', defaultMessage: '　' },\n  DATEOFBIRTH_LABEL: { id: 'user.label.date_of_birth', defaultMessage: '　' },\n  DATEOFBIRTH_ERROR: { id: 'user.label.date_of_birth_error', defaultMessage: '　' },\n  DESCRIPTION: { id: 'user.label.description_signup', defaultMessage: '　' },\n  EMAIL_LABEL: { id: 'common.label.email', defaultMessage: '　' },\n  FIRSTNAME_LABEL: { id: 'common.label.name', defaultMessage: '　' },\n  LASTNAME_LABEL: { id: 'common.label.lastname', defaultMessage: '　' },\n  PASSWORD_LABEL: { id: 'common.label.password', defaultMessage: '　' },\n  PASSWORD_HINT: { id: 'user.label.password_hint', defaultMessage: '　' },\n  PRIVACY_LABEL: { id: 'user.label.privacy_policy', defaultMessage: '　' },\n  PRIVACY_CONDITIONS_LINK: { id: 'user.action.privacy_conditions' },\n  PRIVACY_POLICY_LINK: { id: 'user.action.privacy_policy' },\n  SUBSCRIBED_LABEL: { id: 'user.label.subscribe', defaultMessage: '　' },\n  TITLE: { id: 'user.label.title_signup', defaultMessage: '　' },\n  // Notifications\n  SUCCESS_TITLE: { id: 'user.notification.signup_success', defaultMessage: '　' },\n  SUCCESS_MESSAGE: { id: 'user.notification.email_sent_success', defaultMessage: '　' },\n  NOTIFICATION_ERROR: { id: 'user.notification.validation_error', defaultMessage: '　' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,aAAa,EAAE;IAAEC,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAChEC,mBAAmB,EAAE;IAAEF,EAAE,EAAE,qBAAqB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACvEE,GAAG,EAAE;IAAEH,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACtDG,iBAAiB,EAAE;IAAEJ,EAAE,EAAE,0BAA0B;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC1EI,iBAAiB,EAAE;IAAEL,EAAE,EAAE,gCAAgC;IAAEC,cAAc,EAAE;EAAI,CAAC;EAChFK,WAAW,EAAE;IAAEN,EAAE,EAAE,+BAA+B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACzEM,WAAW,EAAE;IAAEP,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC9DO,eAAe,EAAE;IAAER,EAAE,EAAE,mBAAmB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACjEQ,cAAc,EAAE;IAAET,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpES,cAAc,EAAE;IAAEV,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpEU,aAAa,EAAE;IAAEX,EAAE,EAAE,0BAA0B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACtEW,aAAa,EAAE;IAAEZ,EAAE,EAAE,2BAA2B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACvEY,uBAAuB,EAAE;IAAEb,EAAE,EAAE;EAAiC,CAAC;EACjEc,mBAAmB,EAAE;IAAEd,EAAE,EAAE;EAA6B,CAAC;EACzDe,gBAAgB,EAAE;IAAEf,EAAE,EAAE,sBAAsB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACrEe,KAAK,EAAE;IAAEhB,EAAE,EAAE,yBAAyB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC7D;EACAgB,aAAa,EAAE;IAAEjB,EAAE,EAAE,kCAAkC;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC9EiB,eAAe,EAAE;IAAElB,EAAE,EAAE,sCAAsC;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpFkB,kBAAkB,EAAE;IAAEnB,EAAE,EAAE,oCAAoC;IAAEC,cAAc,EAAE;EAAI;AACtF,CAAC"}
+{"version":3,"file":"Signup.l10n.js","names":["L10N","exports","COUNTRY_LABEL","id","defaultMessage","COUNTRY_PLACEHOLDER","CTA","DATEOFBIRTH_LABEL","DATEOFBIRTH_ERROR","DESCRIPTION","EMAIL_LABEL","FIRSTNAME_LABEL","LASTNAME_LABEL","LABEL_REQUIRED","PASSWORD_LABEL","PASSWORD_HINT","PRIVACY_LABEL","PRIVACY_CONDITIONS_LINK","PRIVACY_POLICY_LINK","SUBSCRIBED_LABEL","TITLE","SUCCESS_TITLE","SUCCESS_MESSAGE","NOTIFICATION_ERROR"],"sources":["../../../src/components/Signup/Signup.l10n.js"],"sourcesContent":["export const L10N = {\n  COUNTRY_LABEL: { id: 'user.label.country', defaultMessage: '　' },\n  COUNTRY_PLACEHOLDER: { id: 'common.label.select', defaultMessage: '　' },\n  CTA: { id: 'user.action.signup', defaultMessage: '　' },\n  DATEOFBIRTH_LABEL: { id: 'user.label.date_of_birth', defaultMessage: '　' },\n  DATEOFBIRTH_ERROR: { id: 'user.label.date_of_birth_error', defaultMessage: '　' },\n  DESCRIPTION: { id: 'user.label.description_signup', defaultMessage: '　' },\n  EMAIL_LABEL: { id: 'common.label.email', defaultMessage: '　' },\n  FIRSTNAME_LABEL: { id: 'common.label.name', defaultMessage: '　' },\n  LASTNAME_LABEL: { id: 'common.label.lastname', defaultMessage: '　' },\n  LABEL_REQUIRED: { id: 'common.label.required', defaultMessage: '　' },\n  PASSWORD_LABEL: { id: 'common.label.password', defaultMessage: '　' },\n  PASSWORD_HINT: { id: 'user.label.password_hint', defaultMessage: '　' },\n  PRIVACY_LABEL: { id: 'user.label.privacy_policy', defaultMessage: '　' },\n  PRIVACY_CONDITIONS_LINK: { id: 'user.action.privacy_conditions' },\n  PRIVACY_POLICY_LINK: { id: 'user.action.privacy_policy' },\n  SUBSCRIBED_LABEL: { id: 'user.label.subscribe', defaultMessage: '　' },\n  TITLE: { id: 'user.label.title_signup', defaultMessage: '　' },\n  // Notifications\n  SUCCESS_TITLE: { id: 'user.notification.signup_success', defaultMessage: '　' },\n  SUCCESS_MESSAGE: { id: 'user.notification.email_sent_success', defaultMessage: '　' },\n  NOTIFICATION_ERROR: { id: 'user.notification.validation_error', defaultMessage: '　' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,aAAa,EAAE;IAAEC,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAChEC,mBAAmB,EAAE;IAAEF,EAAE,EAAE,qBAAqB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACvEE,GAAG,EAAE;IAAEH,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACtDG,iBAAiB,EAAE;IAAEJ,EAAE,EAAE,0BAA0B;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC1EI,iBAAiB,EAAE;IAAEL,EAAE,EAAE,gCAAgC;IAAEC,cAAc,EAAE;EAAI,CAAC;EAChFK,WAAW,EAAE;IAAEN,EAAE,EAAE,+BAA+B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACzEM,WAAW,EAAE;IAAEP,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC9DO,eAAe,EAAE;IAAER,EAAE,EAAE,mBAAmB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACjEQ,cAAc,EAAE;IAAET,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpES,cAAc,EAAE;IAAEV,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpEU,cAAc,EAAE;IAAEX,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpEW,aAAa,EAAE;IAAEZ,EAAE,EAAE,0BAA0B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACtEY,aAAa,EAAE;IAAEb,EAAE,EAAE,2BAA2B;IAAEC,cAAc,EAAE;EAAI,CAAC;EACvEa,uBAAuB,EAAE;IAAEd,EAAE,EAAE;EAAiC,CAAC;EACjEe,mBAAmB,EAAE;IAAEf,EAAE,EAAE;EAA6B,CAAC;EACzDgB,gBAAgB,EAAE;IAAEhB,EAAE,EAAE,sBAAsB;IAAEC,cAAc,EAAE;EAAI,CAAC;EACrEgB,KAAK,EAAE;IAAEjB,EAAE,EAAE,yBAAyB;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC7D;EACAiB,aAAa,EAAE;IAAElB,EAAE,EAAE,kCAAkC;IAAEC,cAAc,EAAE;EAAI,CAAC;EAC9EkB,eAAe,EAAE;IAAEnB,EAAE,EAAE,sCAAsC;IAAEC,cAAc,EAAE;EAAI,CAAC;EACpFmB,kBAAkB,EAAE;IAAEpB,EAAE,EAAE,oCAAoC;IAAEC,cAAc,EAAE;EAAI;AACtF,CAAC"}

package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js

@@ -12,6 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 DEFAULT_REQUIRED_TEXT = '*';
 const InputField = _ref => {
   let {
     children,
@@ -19,6 +20,7 @@ const InputField = _ref => {
     focus,
     hint,
     label,
+    requiredText,
     showRequired = false,
     success,
     value,
@@ -34,9 +36,14 @@ const InputField = _ref => {
   }, label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     small: true,
     className: (0, _ui.styles)(style.label, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && style.withValue)
-  }, label, showRequired && /*#__PURE__*/_react.default.createElement("span", {
-    className: style.required
-  }, " *")), children, (error || success) && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+  }, label, showRequired && (requiredText ? !(!focus && success) && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    error: true,
+    small: focus || error,
+    className: (0, _ui.styles)(style.text, style.required, focus && style.focus, success ? style.success : style.error)
+  }, "(".concat(requiredText, ")")) : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    error: true,
+    className: style.defaultRequired
+  }, DEFAULT_REQUIRED_TEXT))), children, (error || success) && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: error ? _ui.ICON.ERROR : _ui.ICON.SUCCESS,
     className: (0, _ui.styles)(style.icon, error && style.error, success && style.success)
   }))), hint && /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -52,6 +59,7 @@ InputField.propTypes = {
   focus: _propTypes.default.bool,
   hint: _propTypes.default.string,
   label: _propTypes.default.string.isRequired,
+  requiredText: _propTypes.default.string,
   showRequired: _propTypes.default.bool,
   success: _propTypes.default.bool,
   value: _propTypes.default.string

package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","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","InputField","_ref","children","error","focus","hint","label","showRequired","success","value","others","createElement","View","className","styles","container","border","wide","content","Text","small","undefined","withValue","required","Icon","ICON","ERROR","SUCCESS","icon","exports","displayName","propTypes","PropTypes","node","isRequired","bool","string"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/InputField/InputField.jsx"],"sourcesContent":["import { Icon, ICON, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputField.module.css';\n\nconst InputField = ({ children, error, focus, hint, label, showRequired = false, success, value, ...others }) => (\n  <View {...others} className={styles(style.container, others.className)}>\n    <View className={styles(style.border, error && style.error, focus && style.focus)}>\n      <View wide className={style.content}>\n        {label && (\n          <Text\n            small\n            className={styles(\n              style.label,\n              (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) &&\n                style.withValue,\n            )}\n          >\n            {label}\n            {showRequired && <span className={style.required}> *</span>}\n          </Text>\n        )}\n        {children}\n        {(error || success) && (\n          <Icon\n            value={error ? ICON.ERROR : ICON.SUCCESS}\n            className={styles(style.icon, error && style.error, success && style.success)}\n          />\n        )}\n      </View>\n    </View>\n    {hint && (\n      <Text small className={style.hint}>\n        {hint}\n      </Text>\n    )}\n  </View>\n);\n\nInputField.displayName = 'Mirai:Payments:InputField';\n\nInputField.propTypes = {\n  children: PropTypes.node.isRequired,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { InputField };\n"],"mappings":"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"}
+{"version":3,"file":"InputField.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","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","DEFAULT_REQUIRED_TEXT","InputField","_ref","children","error","focus","hint","label","requiredText","showRequired","success","value","others","createElement","View","className","styles","container","border","wide","content","Text","small","undefined","withValue","text","required","concat","defaultRequired","Icon","ICON","ERROR","SUCCESS","icon","exports","displayName","propTypes","PropTypes","node","isRequired","bool","string"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/InputField/InputField.jsx"],"sourcesContent":["import { Icon, ICON, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputField.module.css';\n\nconst DEFAULT_REQUIRED_TEXT = '*';\n\nconst InputField = ({\n  children,\n  error,\n  focus,\n  hint,\n  label,\n  requiredText,\n  showRequired = false,\n  success,\n  value,\n  ...others\n}) => (\n  <View {...others} className={styles(style.container, others.className)}>\n    <View className={styles(style.border, error && style.error, focus && style.focus)}>\n      <View wide className={style.content}>\n        {label && (\n          <Text\n            small\n            className={styles(\n              style.label,\n              (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) &&\n                style.withValue,\n            )}\n          >\n            {label}\n            {showRequired &&\n              (requiredText ? (\n                !(!focus && success) && (\n                  <Text\n                    error\n                    small={focus || error}\n                    className={styles(\n                      style.text,\n                      style.required,\n                      focus && style.focus,\n                      success ? style.success : style.error,\n                    )}\n                  >\n                    {`(${requiredText})`}\n                  </Text>\n                )\n              ) : (\n                <Text error className={style.defaultRequired}>\n                  {DEFAULT_REQUIRED_TEXT}\n                </Text>\n              ))}\n          </Text>\n        )}\n        {children}\n        {(error || success) && (\n          <Icon\n            value={error ? ICON.ERROR : ICON.SUCCESS}\n            className={styles(style.icon, error && style.error, success && style.success)}\n          />\n        )}\n      </View>\n    </View>\n    {hint && (\n      <Text small className={style.hint}>\n        {hint}\n      </Text>\n    )}\n  </View>\n);\n\nInputField.displayName = 'Mirai:Payments:InputField';\n\nInputField.propTypes = {\n  children: PropTypes.node.isRequired,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  requiredText: PropTypes.string,\n  showRequired: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { InputField };\n"],"mappings":"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"}

package/build/components/__shared__/ButtonPayment/components/InputField/InputField.module.css

@@ -13,7 +13,8 @@
 }
 
 .border.error {
-  border-color: var(--mirai-ui-input-text-error);
+  border-color: var(--mirai-ui-error);
+  box-shadow: var(--mirai-ui-input-focus-shadow-warning);
 }
 
 .border.focus:not(.error) {
@@ -22,7 +23,7 @@
 }
 
 .border.focus.error {
-  box-shadow: var(--mirai-ui-focus-shadow-error);
+  box-shadow: var(--mirai-ui-input-focus-shadow-error);
 }
 
 .content {
@@ -53,7 +54,7 @@
 }
 
 .icon.error {
-  color: var(--mirai-ui-input-text-error);
+  color: var(--mirai-ui-error);
 }
 
 .icon.success {
@@ -93,6 +94,15 @@
   top: calc(var(--mirai-ui-space-XXS) + var(--mirai-ui-border-width));
 }
 
-.label .required {
-  color: var(--mirai-ui-error);
+.label .defaultRequired {
+  margin: 0 var(--mirai-ui-space-XXS) 0 var(--mirai-ui-space-XXS);
+}
+
+.text.required {
+  border-radius: var(--mirai-ui-border-radius);
+  bottom: calc(var(--mirai-ui-space-XXS) / 4);
+  margin-left: var(--mirai-ui-space-XXS);
+  padding: calc(var(--mirai-ui-space-XXS) / 4) calc(var(--mirai-ui-space-XXS) / 2);
+  position: relative;
+  text-align: center;
 }

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

@@ -20,7 +20,6 @@ const OFFSET = 16;
 const NotificationRequiredFields = _ref => {
   let {
     form = 'form',
-    schema = {},
     values = {},
     ...others
   } = _ref;
@@ -56,35 +55,32 @@ const NotificationRequiredFields = _ref => {
       behavior: 'smooth'
     });
     if (metrics) _dataSources.Event.publish(_helpers.EVENT.METRICS, {
-      id: "".concat(metrics, ":ERROR_REQUIRED_FIELDS:GO_TO_FIELD:").concat(id),
+      id: "".concat(metrics, ":ERROR_REQUIRED_FIELDS:GO_TO_FIELD"),
       field: id
     });
   };
   const metrics = components.checkout ? 'CHECKOUT' : components.signup ? 'SIGNUP' : components.profile ? 'PROFILE' : undefined;
-  return Object.keys(values).length ? /*#__PURE__*/_react.default.createElement(_ui.Notification, _extends({}, others, {
+  const totalErrors = Object.keys(values).length;
+  const [firstError] = Object.keys(values);
+  return totalErrors ? /*#__PURE__*/_react.default.createElement(_ui.Notification, _extends({}, others, {
+    row: true,
     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 => {
-    var _schema$field;
-    return /*#__PURE__*/_react.default.createElement(_ui.Action, {
-      key: field,
-      markdown: false,
+  }), translate(_NotificationRequiredFields.L10N.NOTIFICATION_FIX_FORM_ERRORS, {
+    amount: totalErrors,
+    link: /*#__PURE__*/_react.default.createElement(_ui.Action, {
       underline: true,
-      small: true,
-      onPress: () => handlePress("#".concat(form, "-").concat(field.replace(/\./g, '-')))
-    }, _NotificationRequiredFields.L10N["LABEL_".concat(field.toUpperCase())] ? translate(_NotificationRequiredFields.L10N["LABEL_".concat(field.toUpperCase())]) : ((_schema$field = schema[field]) === null || _schema$field === void 0 ? void 0 : _schema$field.label) || field);
-  }))) : null;
+      small: isMobile,
+      onPress: () => handlePress("#".concat(form, "-").concat(firstError.replace(/\./g, '-'))),
+      className: style.field
+    }, translate(_NotificationRequiredFields.L10N.ACTION_FIX_FIRST_ERROR))
+  })) : null;
 };
 exports.NotificationRequiredFields = NotificationRequiredFields;
 NotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';
 NotificationRequiredFields.propTypes = {
   form: _propTypes.default.string,
-  schema: _propTypes.default.shape({}),
   values: _propTypes.default.shape({})
 };
 //# sourceMappingURL=NotificationRequiredFields.js.map