@meatech/payblend_app_ui_component 1.0.69

package/yup/form.ts

@@ -0,0 +1,349 @@
+import * as yup from "yup";
+import {
+  ANSWER_LENGTH_MESSAGE,
+  ADDRESS_1_INVALID_MESSAGE,
+  ADDRESS_1_LENGTH_MESSAGE,
+  ADDRESS_2_INVALID_MESSAGE,
+  BIRTH_OF_DATE_INVALID_MESSAGE,
+  BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,
+  BIRTH_OF_DATE_WARNING_MESSAGE,
+  CONFIRM_PASSWORD_MISMATCH,
+  CONFIRM_PASSWORD_REQUIRED,
+  EMAIL_INVALID_MESSAGE,
+  FIRST_NAME_INVALID_MESSAGE,
+  FIRST_NAME_KANA_INVALID_MESSAGE,
+  FIRST_NAME_KANA_LENGTH_MESSAGE,
+  FIRST_NAME_LENGTH_MESSAGE,
+  FIRST_NAME_ROMANIZED_INVALID_MESSAGE,
+  FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,
+  FULL_NAME_ROMANIZED_INVALID_MESSAGE,
+  GENDER_INVALID_MESSAGE,
+  ENTER_NUMBER_ONLY,
+  GUARDIAN_CONSENT_REQUIRED_MESSAGE,
+  INPUT_REQUIRE,
+  LAST_NAME_INVALID_MESSAGE,
+  LAST_NAME_KANA_INVALID_MESSAGE,
+  LAST_NAME_ROMANIZED_INVALID_MESSAGE,
+  MIN_AGE_LIMIT,
+  PASSWORD_INVALID,
+  PASSWORD_MIN_LENGTH,
+  PASSWORD_REQUIRED,
+  PHONE_NUMBER_INVALID_MESSAGE,
+  POST_CODE_INVALID_MESSAGE,
+  PREFECTURE_NAME_INVALID_MESSAGE,
+  DIFFERENT_PASSWORD_MESSAGE,
+  PASSWORD_LENGTH_INVALID,
+} from "./message";
+import {
+  REGEX_ADDRESS_1,
+  REGEX_ADDRESS_2,
+  REGEX_BIRTH_OF_DATE,
+  REGEX_FULL_NAME,
+  REGEX_GENDER,
+  REGEX_NAME,
+  REGEX_NAME_KANA,
+  REGEX_NAME_ROMANIZED,
+  REGEX_POST_CODE,
+  REGEX_PREFECTURE_NAME,
+  REGEX_EMAIL,
+  REGEX_NUMBER,
+  REGEX_PASSWORD,
+  REGEX_PHONE_NUMBER,
+} from "./regex";
+import { checkMetAge } from "@ui/utils";
+
+export const visaCardPinIssuanceForm = yup.object().shape({
+  city_code: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),
+  district_code: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),
+  address_1: yup.string().required(INPUT_REQUIRE),
+  address_2: yup.string().required(INPUT_REQUIRE),
+  contract_number: yup.string().required(INPUT_REQUIRE),
+  last_4_digits_of_card: yup.string().required(INPUT_REQUIRE),
+});
+
+export const visaCardIssuancePreLinkingForm = yup.object().shape({
+  contract_number: yup.string().required(INPUT_REQUIRE).min(10, "半角数字10桁"),
+  last_4_digits_of_card: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .min(4, "半角数字4桁"),
+});
+
+export const validateFormEmailVerify = yup.object().shape({
+  email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),
+});
+
+export const validateFormPhoneNumberVerify = yup.object().shape({
+  phoneNumber: yup
+    .string()
+    .matches(REGEX_PHONE_NUMBER, PHONE_NUMBER_INVALID_MESSAGE),
+});
+
+export const validateFormAccountAtttributesCreation = yup.object().shape({
+  lastName: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME, LAST_NAME_INVALID_MESSAGE),
+  firstName: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME, FIRST_NAME_INVALID_MESSAGE)
+    // .test({
+    //   test: function (value, context) {
+    //     const lastName = context.parent.lastName || "";
+    //     const fullName = lastName + value;
+    //     return fullName.length <= 30;
+    //   },
+    //   message: FIRST_NAME_LENGTH_MESSAGE,
+    // }),
+  lastNameKana: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME_KANA, LAST_NAME_KANA_INVALID_MESSAGE),
+  firstNameKana: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME_KANA, FIRST_NAME_KANA_INVALID_MESSAGE)
+    // .test({
+    //   test: function (value, context) {
+    //     const lastNameKana = context.parent.lastNameKana || "";
+    //     const fullNameKana = lastNameKana + value;
+    //     return fullNameKana.length <= 50;
+    //   },
+    //   message: FIRST_NAME_KANA_LENGTH_MESSAGE,
+    // }),
+  firstNameRomanized: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME_ROMANIZED, LAST_NAME_ROMANIZED_INVALID_MESSAGE),
+  lastNameRomanized: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_NAME_ROMANIZED, FIRST_NAME_ROMANIZED_INVALID_MESSAGE)
+    // .test({
+    //   test: function (value, context) {
+    //     const firstName = context.parent.firstNameRomanized || "";
+    //     const fullName = `${firstName} ${value}`;
+    //     return fullName.length <= 50;
+    //   },
+    //   message: FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,
+    // }),
+  birthOfDate: yup
+    .string()
+    .required(INPUT_REQUIRE)
+
+    .test({
+      test: (value) => {
+        if (!value) return false;
+        const date = new Date(
+          parseInt(value.substring(0, 4)),
+          parseInt(value.substring(4, 6)) - 1,
+          parseInt(value.substring(6, 8))
+        );
+        return date <= new Date();
+      },
+      message: BIRTH_OF_DATE_WARNING_MESSAGE,
+    })
+    .test({
+      name: "minBirthOfDate",
+      message: GUARDIAN_CONSENT_REQUIRED_MESSAGE,
+      test: (dateString: string, ctx) =>
+        checkMetAge(dateString, ctx.options.context?.isParentalConsentObtained),
+    })
+    .matches(REGEX_BIRTH_OF_DATE, BIRTH_OF_DATE_INVALID_MESSAGE),
+  gender: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_GENDER, GENDER_INVALID_MESSAGE),
+  postCode: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),
+  prefectureName: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),
+  address1: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)
+    .test({
+      test: function (value, context) {
+        const prefecture = context.parent.prefectureName || "";
+        const fullAddress = prefecture + value;
+        return fullAddress.length <= 60;
+      },
+      message: ADDRESS_1_LENGTH_MESSAGE,
+    }),
+  address2: yup.string().matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),
+});
+
+export const validateFormAccountAtttributesEditing = yup.object().shape({
+  postCode: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),
+  prefectureName: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),
+  address1: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)
+    .test({
+      test: function (value, context) {
+        const prefecture = context.parent.prefectureName || "";
+        const fullAddress = prefecture + value;
+        return fullAddress.length <= 60;
+      },
+      message: ADDRESS_1_LENGTH_MESSAGE,
+    }),
+  address2: yup.string().matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),
+});
+
+export const validateFormSecretQuestion = yup.object().shape({
+  question1: yup.string().required(INPUT_REQUIRE),
+  answer1: yup.string().required(INPUT_REQUIRE),
+  question2: yup.string().required(INPUT_REQUIRE),
+  answer2: yup.string().required(INPUT_REQUIRE),
+  question3: yup.string().required(INPUT_REQUIRE),
+  answer3: yup.string().required(INPUT_REQUIRE),
+});
+
+export const validateFormParentConsent = yup.object().shape({
+  fullName: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_FULL_NAME, FULL_NAME_ROMANIZED_INVALID_MESSAGE),
+  phoneNumber: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_PHONE_NUMBER, PHONE_NUMBER_INVALID_MESSAGE),
+  birthOfDate: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .test({
+      test: (value) => {
+        if (!value) return false;
+        const date = new Date(
+          parseInt(value.substring(0, 4)),
+          parseInt(value.substring(4, 6)) - 1,
+          parseInt(value.substring(6, 8))
+        );
+        return date <= new Date();
+      },
+      message: BIRTH_OF_DATE_WARNING_MESSAGE,
+    })
+    .test({
+      test: (value) => {
+        if (!value) return false;
+        const birthDate = new Date(
+          parseInt(value.substring(0, 4)),
+          parseInt(value.substring(4, 6)) - 1,
+          parseInt(value.substring(6, 8))
+        );
+        const today = new Date();
+        const age = today.getFullYear() - birthDate.getFullYear();
+        const monthDiff = today.getMonth() - birthDate.getMonth();
+        if (
+          monthDiff < 0 ||
+          (monthDiff === 0 && today.getDate() < birthDate.getDate())
+        ) {
+          return age - 1 >= 20;
+        }
+        return age >= 20;
+      },
+      message: BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,
+    }),
+  // .matches(/^\d{8}$/, BIRTH_OF_DATE_INVALID_MESSAGE),
+});
+
+export const validateFormLogin = yup.object().shape({
+  email: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),
+  password: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .min(8, PASSWORD_LENGTH_INVALID)
+    .max(64, PASSWORD_LENGTH_INVALID)
+    .required(PASSWORD_REQUIRED)
+    .matches(REGEX_PASSWORD, PASSWORD_INVALID),
+});
+
+export const validateFormForgotPassword = yup.object().shape({
+  email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE).required(INPUT_REQUIRE),
+  question1: yup.string().required(INPUT_REQUIRE),
+  answer1: yup.string().required(INPUT_REQUIRE).max(100, ANSWER_LENGTH_MESSAGE),
+  // question2: yup.string().required(),
+  // answer2: yup.string().required(),
+  // question3: yup.string().required(),
+  // answer3: yup.string().required(),
+});
+
+export const validateFormLoginByPhoneNumber = yup.object().shape({
+  phoneNumber: yup.string().required(INPUT_REQUIRE),
+  password: yup
+    .string()
+    .required(INPUT_REQUIRE)
+    .min(8, PASSWORD_LENGTH_INVALID)
+    .max(64, PASSWORD_LENGTH_INVALID)
+    .required(PASSWORD_REQUIRED)
+    .matches(REGEX_PASSWORD, PASSWORD_INVALID),
+});
+
+export const validateFormForgotEmail = yup.object().shape({
+  phoneNumber: yup.string().required(),
+  fullName: yup.string().required(),
+  birthOfDate: yup.string().required(),
+  question1: yup.string().required(),
+  answer1: yup.string().required().max(100, ANSWER_LENGTH_MESSAGE),
+  // question2: yup.string().required(),
+  // answer2: yup.string().required(),
+  // question3: yup.string().required(),
+  // answer3: yup.string().required(),
+});
+
+export const validateFormCreatePassword = yup
+  .object({
+    email: yup
+      .string()
+      .required(INPUT_REQUIRE)
+      .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),
+    password: yup
+      .string()
+      .required(INPUT_REQUIRE)
+      .min(8, PASSWORD_LENGTH_INVALID)
+      .max(64, PASSWORD_LENGTH_INVALID)
+      .required(PASSWORD_REQUIRED)
+      .matches(REGEX_PASSWORD, PASSWORD_INVALID),
+    confirmPassword: yup
+      .string()
+      .oneOf([yup.ref("password"), ""], CONFIRM_PASSWORD_MISMATCH)
+      .required(CONFIRM_PASSWORD_REQUIRED),
+  })
+  .required();
+
+export const validateFormChangePassword = yup
+  .object({
+    password: yup
+      .string()
+      .required(INPUT_REQUIRE)
+      .min(8, PASSWORD_LENGTH_INVALID)
+      .max(64, PASSWORD_LENGTH_INVALID)
+      .required(PASSWORD_REQUIRED)
+      .matches(REGEX_PASSWORD, PASSWORD_INVALID),
+    confirmPassword: yup
+      .string()
+      .oneOf([yup.ref("password"), ""], CONFIRM_PASSWORD_MISMATCH)
+      .required(CONFIRM_PASSWORD_REQUIRED),
+  })
+  .required();

package/yup/index.ts

@@ -0,0 +1,3 @@
+export * from './form';
+export * from './message';
+export * from './regex';

package/yup/message.ts

@@ -0,0 +1,56 @@
+export const INPUT_REQUIRE = "入力してください";
+export const EMAIL_INVALID_MESSAGE = "有効なメールアドレスを入力してください";
+export const EMAIL_EXISTED_MESSAGE = "そのメールアドレスは既に登録されています";
+export const PHONE_NUMBER_INVALID_MESSAGE = "有効な電話番号を入力してください";
+export const PHONE_NUMBER_EXISTED_MESSAGE =
+  "その電話番号は既に登録されています";
+export const INCORRECT_OTP_MESSAGE = "認証コードが正しくありません";
+export const GUARDIAN_CONSENT_REQUIRED_MESSAGE =
+  "未成年者は保護者の同意が必要です";
+export const MIN_AGE_LIMIT = "年齢は20歳以上でなければなりません。";
+export const PARENT_CONSENT_OPTAINED_MESSAGE =
+  "保護者／後見人の同意を取得しました";
+export const PASSWORD_MIN_LENGTH = "パスワードは6文字以上で入力してください";
+export const PASSWORD_INVALID =
+  "パスワードが一致しません。もう一度入力してください。";
+export const PASSWORD_LENGTH_INVALID =
+  "パスワードは8文字以上64文字以内で入力してください";
+export const PASSWORD_REQUIRED = "パスワードを入力してください";
+export const CONFIRM_PASSWORD_MISMATCH = "確認用パスワードが一致しません";
+export const CONFIRM_PASSWORD_REQUIRED = "確認用パスワードを入力してください";
+export const LAST_NAME_INVALID_MESSAGE = "全角文字で入力してください";
+export const FIRST_NAME_INVALID_MESSAGE = "全角文字で入力してください";
+
+export const FIRST_NAME_LENGTH_MESSAGE =
+  "姓名を合わせて30文字以内で入力してください";
+export const LAST_NAME_KANA_INVALID_MESSAGE = "半角カナで入力してください";
+export const FIRST_NAME_KANA_INVALID_MESSAGE = "半角カナで入力してください";
+export const FIRST_NAME_KANA_LENGTH_MESSAGE =
+  "姓名を合わせて50文字以内で入力してください";
+export const LAST_NAME_ROMANIZED_INVALID_MESSAGE =
+  "半角アルファベットで入力してください";
+export const FIRST_NAME_ROMANIZED_INVALID_MESSAGE =
+  "半角アルファベットで入力してください";
+export const FIRST_NAME_ROMANIZED_LENGTH_MESSAGE =
+  "名前を合わせて50文字以内で入力してください";
+
+export const BIRTH_OF_DATE_INVALID_MESSAGE = "8桁の半角数字で入力してください";
+export const BIRTH_OF_DATE_WARNING_MESSAGE = "未来の日付は入力できません";
+export const GENDER_INVALID_MESSAGE = "正しい性別コードを選択してください";
+export const POST_CODE_INVALID_MESSAGE = "7桁の半角数字で入力してください";
+export const PREFECTURE_NAME_INVALID_MESSAGE = "全角文字で入力してください";
+export const ADDRESS_1_INVALID_MESSAGE = "全角文字で入力してください";
+export const ADDRESS_1_LENGTH_MESSAGE =
+  "都道府県名と住所を合わせて60文字以内で入力してください";
+export const ADDRESS_2_INVALID_MESSAGE =
+  "全角文字で60文字以内で入力してください";
+export const FULL_NAME_ROMANIZED_INVALID_MESSAGE =
+  "全角文字で30文字以内で入力してください";
+export const BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE =
+  "保護者は20歳以上である必要があります";
+export const BALANCE_INVALID_MESSAGE = "最低1,000円からチャージできます。";
+export const _7_DIGIT_HALF_WIDTH_NUMBER = "半角数字7桁";
+export const ENTER_NUMBER_ONLY = "数字のみ入力してください";
+export const ANSWER_LENGTH_MESSAGE = "100文字以内で入力してください。";
+export const DIFFERENT_PASSWORD_MESSAGE =
+  "新しいパスワードは現在のパスワードと異なる必要があります";

package/yup/regex.ts

@@ -0,0 +1,24 @@
+// export const REGEX_EMAIL =
+//   /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+export const REGEX_PHONE_NUMBER = /^(070|080|090|084)\d{8,9}$/;
+export const REGEX_PASSWORD =
+  /^(?:(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])|(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])|(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])|(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*]))[A-Za-z0-9!@#$%^&*]{8,64}$/;
+export const REGEX_EMAIL =
+  /^(?!.*\.\.)[a-zA-Z0-9][a-zA-Z0-9._%+-]*[a-zA-Z0-9]@[a-zA-Z0-9.-]+\.[a-zA-Z]+$/;
+
+export const REGEX_NAME = /^[\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FFF]+$/;
+export const REGEX_NAME_KANA = /^[\uFF61-\uFF9F]+$/;
+
+export const REGEX_NAME_ROMANIZED = /^[A-Za-z]+$/;
+
+export const REGEX_BIRTH_OF_DATE = /^\d{8}$/;
+export const REGEX_FULL_NAME =
+  /^[\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FFF]{1,30}$/;
+export const REGEX_PREFECTURE_NAME = /^[^\x01-\x7E]+$/;
+export const REGEX_ADDRESS_1 = /^[^\x01-\x7E]+$/;
+export const REGEX_ADDRESS_2 = /^[^\x01-\x7E]{0,60}$/;
+
+export const REGEX_GENDER = /^[123]$/;
+export const REGEX_POST_CODE = /^\d{7}$/;
+/^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$/;
+export const REGEX_NUMBER = /^\d+$/;