@opexa/portal-components 0.0.1029 → 0.0.1031

package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.d.ts

@@ -23,5 +23,6 @@ export interface SignUpDefaultProps {
     isRegulated?: boolean;
     variant?: string;
     showEmailAddressField?: boolean;
+    branchItemToValue?: 'code' | 'name';
 }
 export declare function SignUpDefault(props: SignUpDefaultProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -38,9 +38,14 @@ import DateOfBirthField from '../../DateOfBirthField.js';
 import { useSignUpDefaultPropsContext } from './SignUpDefaultContext.js';
 export function SignUpDefaultForm() {
     const signUpProps = useSignUpDefaultPropsContext();
+    const itemToValue = (item) => {
+        if (signUpProps.branchItemToValue === 'name')
+            return item.name;
+        return item.code;
+    };
     const branchCollection = createListCollection({
         items: signUpProps.branches ?? [],
-        itemToValue: (item) => item.code,
+        itemToValue,
         itemToString: (item) => {
             const name = (item.name ?? '').trim();
             return name ? `${item.code} - ${name}` : item.code;
@@ -65,6 +70,7 @@ export function SignUpDefaultForm() {
     const [branchTipOpen, setBranchTipOpen] = useState(false);
     const firstNameBaseSchema = z
         .string()
+        .min(1, 'First name is required')
         .regex(/^[a-z ]+$/gi, 'First name must contain only letters')
         .transform((val) => val.trim())
         .refine((val) => val.length >= 2, {
@@ -75,6 +81,7 @@ export function SignUpDefaultForm() {
     });
     const lastNameBaseSchema = z
         .string()
+        .min(1, 'Last name is required')
         .regex(/^[a-z ]+$/gi, 'Last name must contain only letters')
         .transform((val) => val.trim())
         .refine((val) => val.length >= 2, {
@@ -84,15 +91,19 @@ export function SignUpDefaultForm() {
         message: 'Last name must not be more than 50 characters',
     });
     const birthdateBaseSchema = z
-        .date({
-        invalid_type_error: 'Date of birth is required',
-        required_error: 'Date of birth is required',
-    })
+        .custom()
         .superRefine((val, ctx) => {
+        if (!(val instanceof Date)) {
+            ctx.addIssue({
+                code: z.ZodIssueCode.custom,
+                message: 'Date of birth is required',
+            });
+            return;
+        }
         const now = new Date();
         const age = differenceInYears(now, val);
         if (age < 21) {
-            return ctx.addIssue({
+            ctx.addIssue({
                 code: z.ZodIssueCode.custom,
                 message: 'You must be at least 21 years old',
             });
@@ -161,7 +172,7 @@ export function SignUpDefaultForm() {
             lastName: '',
             mobileNumber: '',
             branchCode: signUpProps?.branches?.length
-                ? signUpProps.branches[0]?.code
+                ? itemToValue(signUpProps.branches[0])
                 : '',
             termsAccepted: globalStore.responsibleGaming.accepted &&
                 globalStore.termsAndConditions.accepted
@@ -234,9 +245,9 @@ export function SignUpDefaultForm() {
                                                 }, collection: branchCollection, positioning: {
                                                     sameWidth: true,
                                                     placement: 'bottom',
-                                                }, lazyMount: true, unmountOnExit: true, children: [_jsxs(Select.Label, { className: "flex items-center gap-1", children: ["Branch", ToolTip] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => {
+                                                }, lazyMount: true, unmountOnExit: true, children: [_jsxs(Select.Label, { className: "flex items-center gap-1", children: ["Branch", ToolTip] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item, index) => {
                                                                 const label = branchCollection.stringifyItem(item) ?? '';
-                                                                return (_jsx(Select.Item, { item: item, "aria-disabled": item.disabled, className: twMerge(item.disabled && 'text-border-disabled'), children: _jsx("div", { title: label, className: "line-clamp-1", children: label }) }, item.code));
+                                                                return (_jsx(Select.Item, { item: item, "aria-disabled": item.disabled, className: twMerge(item.disabled && 'text-border-disabled'), children: _jsx("div", { title: label, className: "grow", children: label }) }, index));
                                                             }) }) })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.branchCode?.message })] }))] })), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                                 if (details.checked === 'indeterminate')
                                                     return;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.1029",
+	"version": "0.0.1031",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",