How can I use min and optional method together?

[lgj9172]

I should make restricted input but it can be also optional.
So I do like this.

z.union([
      z.string()
        .min(2, TOO_SHORT_COMPANY)
        .max(40, TOO_LONG_COMPANY)
        .regex(/^[0-9a-zA-Z]/,ALPHABET_NUMBER_ONLY_COMPANY),
      z.string().optional(),
    ])

But min method is passed.(not work)
Could any body help me to do this properly?

[Shumuu]

This works!

z.optional(z.string()
.min(2, TOO_SHORT_COMPANY)
.max(40, TOO_LONG_COMPANY)
.regex(/^[0-9a-zA-Z]/,ALPHABET_NUMBER_ONLY_COMPANY))

CodeSandBox

[lgj9172]

I am so appreciate for your answer. But it is just work about min and after. Not optional.

[lgj9172]

I think it is because input element have ""(Empty string). Should I allow empty string instead of optional?
I get a idea from your codesandbox. It gives me help a lot.

[lgj9172]

OMG I got an answer what I want.

z.union([
  z
    .string()
    .min(2, TOO_SHORT_COMPANY)
    .max(40, TOO_LONG_COMPANY)
    .regex(/^[0-9a-zA-Z]/, ALPHABET_NUMBER_ONLY_COMPANY),
  z.literal(''),
])

You let me know that empty string and optional is different and how to use optional conditionally.
I am so thank you about your answer and code.