@mirai/core 0.3.170 → 0.3.173

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

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

package/build/components/Profile/components/Settings/Settings.Account.js

@@ -32,7 +32,6 @@ const Account = () => {
   const [countries, setCountries] = (0, _react.useState)({});
   const [form, setForm] = (0, _react.useState)(session);
   const [formError, setFormError] = (0, _react.useState)({});
-  const [requiredFields, setRequiredFields] = (0, _react.useState)();
   const [responseError, setResponseError] = (0, _react.useState)();
   const formatDate = (0, _locale.getDateFormat)(locale);
   (0, _react.useEffect)(() => {
@@ -55,16 +54,7 @@ const Account = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);
   const handleSubmit = async form => {
-    const hasErrors = Object.keys(formError).length !== 0;
-    if (hasErrors) {
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      return setRequiredFields(formError);
-    }
     setBusy(true);
-    setRequiredFields();
     setResponseError(undefined);
     const parameters = {
       ...form,
@@ -93,21 +83,17 @@ const Account = () => {
   const countryCode = (0, _helpers.getCountryCode)(form.country, countries);
   const has = {
     changes: _Settings.ACCOUNT_FIELDS.some(key => form[key] !== session[key]) || countryCode !== session.country,
-    dateOfBirth: (_form$dateOfBirth = form.dateOfBirth) === null || _form$dateOfBirth === void 0 ? void 0 : _form$dateOfBirth.length
+    dateOfBirth: (_form$dateOfBirth = form.dateOfBirth) === null || _form$dateOfBirth === void 0 ? void 0 : _form$dateOfBirth.length,
+    errors: Object.keys(formError).length !== 0
   };
-  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
   return /*#__PURE__*/_react.default.createElement(_ui.Form, {
     validateOnMount: true,
     onChange: setForm,
     onError: setFormError,
     onSubmit: handleSubmit
-  }, hasRequiredFields && /*#__PURE__*/_react.default.createElement(_shared__.NotificationRequiredFields, {
-    form: "account",
-    values: requiredFields
-  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     wide: true
   }, translate(_Settings2.L10N.DESCRIPTION_ACCOUNT)), /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, null), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    id: "account-firstName",
     name: "firstName",
     error: formError.firstName,
     label: translate(_Settings2.L10N.FIRSTNAME_LABEL),
@@ -116,7 +102,6 @@ const Account = () => {
     success: form.firstName !== session.firstName,
     value: form.firstName
   }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    id: "account-lastName",
     name: "lastName",
     error: formError.lastName,
     label: translate(_Settings2.L10N.LASTNAME_LABEL),
@@ -125,7 +110,6 @@ const Account = () => {
     success: form.lastName !== session.lastName,
     value: form.lastName
   }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    id: "account-email",
     name: "email",
     disabled: true,
     label: translate(_Settings2.L10N.EMAIL_LABEL),
@@ -134,7 +118,6 @@ const Account = () => {
     type: "email",
     value: form.email
   }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
-    id: "account-dateOfBirth",
     name: "dateOfBirth",
     error: has.dateOfBirth && !!formError.dateOfBirth,
     hint: has.dateOfBirth && (_formError$dateOfBirt = formError.dateOfBirth) !== null && _formError$dateOfBirt !== void 0 && _formError$dateOfBirt.max ? translate(_Settings2.L10N.DATEOFBIRTH_ERROR) : undefined,
@@ -149,14 +132,12 @@ const Account = () => {
     type: "inputDate",
     value: form.dateOfBirth
   }), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
-    id: "account-country",
     name: "country",
     label: translate(_Settings2.L10N.COUNTRY_LABEL),
     placeholder: translate(_Settings2.L10N.COUNTRY_PLACEHOLDER),
-    options: Object.values(countries)
-    // required
-    // showRequired
-    ,
+    options: Object.values(countries),
+    required: true,
+    showRequired: true,
     success: countryCode !== session.country,
     value: form.country
   }), /*#__PURE__*/_react.default.createElement(_ui.InputOption, {
@@ -171,9 +152,10 @@ const Account = () => {
     className: style.notification
   }, translate(_Settings2.L10N.ERROR)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
+    disabled: busy || has.errors || !has.changes,
     large: true,
     wide: true,
-    onPress: handleSubmit
+    type: "submit"
   }, translate(_Settings2.L10N.CTA_ACCOUNT)));
 };
 exports.Account = Account;

package/build/components/Profile/components/Settings/Settings.Account.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.Account.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Account","_form$dateOfBirth","_formError$dateOfBirt","value","locale","session","useStore","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","formError","setFormError","requiredFields","setRequiredFields","responseError","setResponseError","formatDate","getDateFormat","useEffect","profile","next","ServiceCountry","list","country","handleSubmit","hasErrors","keys","length","window","scrollTo","top","behavior","undefined","parameters","getCountryCode","dateOfBirth","dateFormat","parseDate","format","response","ServiceUser","update","catch","error","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_ACCOUNT","countryCode","changes","ACCOUNT_FIELDS","some","key","hasRequiredFields","createElement","Form","validateOnMount","onChange","onError","onSubmit","NotificationRequiredFields","values","Text","wide","DESCRIPTION_ACCOUNT","TextRequiredFields","InputText","id","name","firstName","label","FIRSTNAME_LABEL","required","showRequired","lastName","LASTNAME_LABEL","disabled","EMAIL_LABEL","type","email","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","InputOption","checked","subscribed","SUBSCRIBED_LABEL","small","Notification","className","notification","ERROR","Button","large","onPress","CTA_ACCOUNT","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Account.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport { Button, Form, InputDate, InputOption, InputSelect, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACCOUNT_FIELDS } from './Settings.constants';\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { NotificationRequiredFields, TextRequiredFields } from '../../../__shared__';\nimport { EVENT, getCountryCode } from '../../../helpers';\n\nconst Account = () => {\n  const {\n    set,\n    value: { locale, session = {} },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState(session);\n  const [formError, setFormError] = useState({});\n  const [requiredFields, setRequiredFields] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    setResponseError();\n    set({ profile: 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[session.country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async (form) => {\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 parameters = {\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n    };\n\n    const response = await ServiceUser.update(parameters).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_ACCOUNT });\n      set({ session: { ...session, ...parameters } });\n    }\n    setBusy(false);\n  };\n\n  const countryCode = getCountryCode(form.country, countries);\n  const has = {\n    changes: ACCOUNT_FIELDS.some((key) => form[key] !== session[key]) || countryCode !== session.country,\n    dateOfBirth: form.dateOfBirth?.length,\n  };\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return (\n    <Form validateOnMount onChange={setForm} onError={setFormError} onSubmit={handleSubmit}>\n      {hasRequiredFields && <NotificationRequiredFields form=\"account\" values={requiredFields} />}\n\n      <Text wide>{translate(L10N.DESCRIPTION_ACCOUNT)}</Text>\n      <TextRequiredFields />\n      <InputText\n        id=\"account-firstName\"\n        name=\"firstName\"\n        error={formError.firstName}\n        label={translate(L10N.FIRSTNAME_LABEL)}\n        required\n        showRequired\n        success={form.firstName !== session.firstName}\n        value={form.firstName}\n      />\n      <InputText\n        id=\"account-lastName\"\n        name=\"lastName\"\n        error={formError.lastName}\n        label={translate(L10N.LASTNAME_LABEL)}\n        required\n        showRequired\n        success={form.lastName !== session.lastName}\n        value={form.lastName}\n      />\n      <InputText\n        id=\"account-email\"\n        name=\"email\"\n        disabled\n        label={translate(L10N.EMAIL_LABEL)}\n        required\n        showRequired\n        type=\"email\"\n        value={form.email}\n      />\n      <InputDate\n        id=\"account-dateOfBirth\"\n        name=\"dateOfBirth\"\n        error={has.dateOfBirth && !!formError.dateOfBirth}\n        hint={has.dateOfBirth && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined}\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 !== session.dateOfBirth}\n        type=\"inputDate\"\n        value={form.dateOfBirth}\n      />\n      <InputSelect\n        id=\"account-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={countryCode !== session.country}\n        value={form.country}\n      />\n      <InputOption\n        name=\"subscribed\"\n        checked={form.subscribed}\n        type=\"checkbox\"\n        label={translate(L10N.SUBSCRIBED_LABEL)}\n        small\n        value={form.subscribed}\n      />\n\n      {responseError && (\n        <Notification error className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} large wide onPress={handleSubmit}>\n        {translate(L10N.CTA_ACCOUNT)}\n      </Button>\n    </Form>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Profile:Account';\n\nAccount.propTypes = {};\n\nexport { Account };\n"],"mappings":"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"}
+{"version":3,"file":"Settings.Account.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Account","_form$dateOfBirth","_formError$dateOfBirt","value","locale","session","useStore","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","formError","setFormError","responseError","setResponseError","formatDate","getDateFormat","useEffect","profile","next","ServiceCountry","list","country","handleSubmit","undefined","parameters","getCountryCode","dateOfBirth","dateFormat","parseDate","format","response","ServiceUser","update","catch","error","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_ACCOUNT","countryCode","changes","ACCOUNT_FIELDS","some","key","length","errors","keys","createElement","Form","validateOnMount","onChange","onError","onSubmit","Text","wide","DESCRIPTION_ACCOUNT","TextRequiredFields","InputText","name","firstName","label","FIRSTNAME_LABEL","required","showRequired","lastName","LASTNAME_LABEL","disabled","EMAIL_LABEL","type","email","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","values","InputOption","checked","subscribed","SUBSCRIBED_LABEL","small","Notification","className","notification","ERROR","Button","large","CTA_ACCOUNT","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Account.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport { Button, Form, InputDate, InputOption, InputSelect, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACCOUNT_FIELDS } from './Settings.constants';\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { TextRequiredFields } from '../../../__shared__';\nimport { EVENT, getCountryCode } from '../../../helpers';\n\nconst Account = () => {\n  const {\n    set,\n    value: { locale, session = {} },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState(session);\n  const [formError, setFormError] = useState({});\n  const [responseError, setResponseError] = useState();\n\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    setResponseError();\n    set({ profile: 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[session.country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async (form) => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const parameters = {\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n    };\n\n    const response = await ServiceUser.update(parameters).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_ACCOUNT });\n      set({ session: { ...session, ...parameters } });\n    }\n    setBusy(false);\n  };\n\n  const countryCode = getCountryCode(form.country, countries);\n  const has = {\n    changes: ACCOUNT_FIELDS.some((key) => form[key] !== session[key]) || countryCode !== session.country,\n    dateOfBirth: form.dateOfBirth?.length,\n    errors: Object.keys(formError).length !== 0,\n  };\n\n  return (\n    <Form validateOnMount onChange={setForm} onError={setFormError} onSubmit={handleSubmit}>\n      <Text wide>{translate(L10N.DESCRIPTION_ACCOUNT)}</Text>\n      <TextRequiredFields />\n      <InputText\n        name=\"firstName\"\n        error={formError.firstName}\n        label={translate(L10N.FIRSTNAME_LABEL)}\n        required\n        showRequired\n        success={form.firstName !== session.firstName}\n        value={form.firstName}\n      />\n      <InputText\n        name=\"lastName\"\n        error={formError.lastName}\n        label={translate(L10N.LASTNAME_LABEL)}\n        required\n        showRequired\n        success={form.lastName !== session.lastName}\n        value={form.lastName}\n      />\n      <InputText\n        name=\"email\"\n        disabled\n        label={translate(L10N.EMAIL_LABEL)}\n        required\n        showRequired\n        type=\"email\"\n        value={form.email}\n      />\n      <InputDate\n        name=\"dateOfBirth\"\n        error={has.dateOfBirth && !!formError.dateOfBirth}\n        hint={has.dateOfBirth && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined}\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 !== session.dateOfBirth}\n        type=\"inputDate\"\n        value={form.dateOfBirth}\n      />\n      <InputSelect\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={countryCode !== session.country}\n        value={form.country}\n      />\n      <InputOption\n        name=\"subscribed\"\n        checked={form.subscribed}\n        type=\"checkbox\"\n        label={translate(L10N.SUBSCRIBED_LABEL)}\n        small\n        value={form.subscribed}\n      />\n\n      {responseError && (\n        <Notification error className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} disabled={busy || has.errors || !has.changes} large wide type=\"submit\">\n        {translate(L10N.CTA_ACCOUNT)}\n      </Button>\n    </Form>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Profile:Account';\n\nAccount.propTypes = {};\n\nexport { Account };\n"],"mappings":"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"}

package/build/components/Profile/components/Settings/Settings.module.css

@@ -1,7 +1,3 @@
-html {
-  scroll-behavior: smooth;
-}
-
 .settings {
   align-items: flex-start;
   gap: var(--mirai-ui-space-L);

package/build/components/Signup/Signup.js

@@ -34,7 +34,6 @@ const Signup = others => {
     subscribed: true
   });
   const [formError, setFormError] = (0, _react.useState)({});
-  const [requiredFields, setRequiredFields] = (0, _react.useState)();
   const [response, setResponse] = (0, _react.useState)();
   const [responseError, setResponseError] = (0, _react.useState)();
   const [language, country] = locale.split('-');
@@ -57,17 +56,8 @@ const Signup = others => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);
-  const handleSubmit = async () => {
-    const hasErrors = Object.keys(formError).length !== 0;
-    if (hasErrors) {
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      return setRequiredFields(formError);
-    }
+  const handleSubmit = async form => {
     setBusy(true);
-    setRequiredFields();
     setResponseError(undefined);
     const response = await _services.ServiceUser.signup({
       ...form,
@@ -84,7 +74,7 @@ const Signup = others => {
     setResponse(response);
     setBusy(false);
   };
-  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
+  const hasErrors = Object.keys(formError).length !== 0;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "signup",
     className: style.container
@@ -101,17 +91,14 @@ const Signup = others => {
     className: style.description
   }, translate(_Signup.L10N.DESCRIPTION, {
     clubName: club.name
-  }))), hasRequiredFields && /*#__PURE__*/_react.default.createElement(_shared__.NotificationRequiredFields, {
-    form: "signup",
-    values: requiredFields
-  }), !response && /*#__PURE__*/_react.default.createElement(_ui.Form, {
+  }))), !response && /*#__PURE__*/_react.default.createElement(_ui.Form, {
     validateOnMount: true,
     onChange: setForm,
     onError: setFormError,
+    onSubmit: handleSubmit,
     testId: others.testId,
     className: (0, _ui.styles)(style.form, others.className)
   }, /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, null), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    id: "signup-firstName",
     name: "firstName",
     label: translate(_Signup.L10N.FIRSTNAME_LABEL),
     required: true,
@@ -119,7 +106,6 @@ const Signup = others => {
     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, {
-    id: "signup-lastName",
     name: "lastName",
     label: translate(_Signup.L10N.LASTNAME_LABEL),
     required: true,
@@ -127,7 +113,6 @@ const Signup = others => {
     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, {
-    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),
@@ -137,7 +122,6 @@ const Signup = others => {
     type: "email",
     value: form.email
   }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
-    id: "signup-dateOfBirth",
     name: "dateOfBirth",
     error: ((_form$dateOfBirth = form.dateOfBirth) === null || _form$dateOfBirth === void 0 ? void 0 : _form$dateOfBirth.length) && !!formError.dateOfBirth,
     hint: (_form$dateOfBirth2 = form.dateOfBirth) !== null && _form$dateOfBirth2 !== void 0 && _form$dateOfBirth2.length && (_formError$dateOfBirt = formError.dateOfBirth) !== null && _formError$dateOfBirt !== void 0 && _formError$dateOfBirt.max ? translate(_Signup.L10N.DATEOFBIRTH_ERROR) : undefined,
@@ -152,7 +136,6 @@ const Signup = others => {
     type: "inputDate",
     value: form.dateOfBirth
   }), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
-    id: "signup-country",
     name: "country",
     label: translate(_Signup.L10N.COUNTRY_LABEL),
     placeholder: translate(_Signup.L10N.COUNTRY_PLACEHOLDER),
@@ -162,7 +145,6 @@ const Signup = others => {
     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, {
-    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),
@@ -180,7 +162,6 @@ const Signup = others => {
     small: true,
     value: form.subscribed
   }), /*#__PURE__*/_react.default.createElement(_ui.InputOption, {
-    id: "signup-privacy",
     name: "privacy",
     checked: form.privacy,
     label: translate(_Signup.L10N.PRIVACY_LABEL, {
@@ -210,9 +191,10 @@ const Signup = others => {
     className: style.notification
   }, translate(_Signup.L10N.NOTIFICATION_ERROR)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
+    disabled: busy || hasErrors || !form.privacy,
     large: true,
     wide: true,
-    onPress: handleSubmit,
+    type: "submit",
     className: style.button
   }, translate(_Signup.L10N.CTA))), !busy && response && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     large: true,