@infosoftas/s4-orders-js-sdk 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@infosoftas/s4-orders-js-sdk",
-    "version": "0.1.5",
+    "version": "0.1.7",
     "scripts": {
         "build": "rimraf lib && webpack --mode production",
         "release": "release-it"

package/src/components/FormFields/AddressField.tsx

@@ -24,7 +24,10 @@ const AddressField: FC<Props> = ({
     errorReqMsg = 'This field is required!',
     errors,
 }) => {
-    const { register } = useFormContext();
+    const { register, setValue, watch } = useFormContext();
+
+    const value = watch(name);
+
     const id = uuidv4();
     return (
         <div className="field-wrapper" data-testid={`sdk-${name}-field-id`}>
@@ -37,6 +40,12 @@ const AddressField: FC<Props> = ({
                 {...register(name, {
                     required: required ? errorReqMsg : false,
                 })}
+                {...(required ? {
+                    onBlur: () => {
+                        const newValue = value?.trim() || '';
+                        setValue(name, newValue);
+                    },
+                } : '')}
             />
             <label className="label-control" htmlFor={id}>
                 {label} {required && <span className="text-error">*</span>}

package/src/components/FormFields/InputField.tsx

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import { uuidv4 } from '../../utils/helper';
+import { REQUIRED_VALIDATION_REGEXP } from '../../constants/index';
 
 type Props = {
     name: string;
@@ -37,6 +38,7 @@ const NameField: FC<Props> = ({
                 {...register(name, {
                     required: required ? errorReqMsg : false,
                 })}
+                {...(required ? { pattern: REQUIRED_VALIDATION_REGEXP } : '')}
             />
             <label className="label-control" htmlFor={id}>
                 {label} {required && <span className="text-error">*</span>}

package/src/components/FormFields/NameField.tsx

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import { uuidv4 } from '../../utils/helper';
+import { REQUIRED_VALIDATION_REGEXP } from '../../constants/index';
 
 type Props = {
     name: string;
@@ -37,6 +38,7 @@ const NameField: FC<Props> = ({
                 {...register(name, {
                     required: required ? errorReqMsg : false,
                 })}
+                {...(required ? { pattern: REQUIRED_VALIDATION_REGEXP } : '')}
             />
             <label className="label-control" htmlFor={id}>
                 {label} {required && <span className="text-error">*</span>}

package/src/constants/index.ts

@@ -4,6 +4,8 @@ export const BASE_API = '/';
 
 export const WRONG_MSG = 'Something went wrong!';
 
+export const REQUIRED_VALIDATION_REGEXP = '.*\\S.*';
+
 export const PAYMENT_METHOD_DEFAULT: PaymentMethodEnum =
     PaymentMethodEnum.Vipps;