@infosoftas/s4-orders-js-sdk 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@infosoftas/s4-orders-js-sdk",
-    "version": "0.1.6",
+    "version": "0.1.8",
     "scripts": {
         "build": "rimraf lib && webpack --mode production",
         "release": "release-it"
@@ -14,28 +14,28 @@
         "prop-types": "^15.8.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "react-hook-form": "^7.53.0"
+        "react-hook-form": "^7.66.1"
     },
     "devDependencies": {
-        "@babel/core": "^7.24.3",
-        "@babel/preset-env": "^7.18.10",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.24.7",
-        "@types/react": "^18.0.17",
-        "@types/react-dom": "^18.0.6",
-        "babel-loader": "^8.3.0",
-        "copy-webpack-plugin": "^12.0.2",
+        "@babel/core": "^7.28.5",
+        "@babel/preset-env": "^7.28.5",
+        "@babel/preset-react": "^7.28.5",
+        "@babel/preset-typescript": "^7.28.5",
+        "@types/react": "^19.2.6",
+        "@types/react-dom": "^19.2.3",
+        "babel-loader": "^10.0.0",
+        "copy-webpack-plugin": "^13.0.1",
         "css-loader": "^7.1.2",
-        "mini-css-extract-plugin": "^2.9.1",
-        "release-it": "^19.0.4",
-        "rimraf": "^6.0.1",
-        "sass": "^1.79.2",
-        "sass-loader": "^16.0.1",
+        "mini-css-extract-plugin": "^2.9.4",
+        "release-it": "^19.0.6",
+        "rimraf": "^6.1.2",
+        "sass": "^1.94.2",
+        "sass-loader": "^16.0.6",
         "style-loader": "^4.0.0",
-        "ts-loader": "^9.5.1",
-        "typescript": "^5.6.2",
-        "webpack": "^5.95.0",
-        "webpack-cli": "^5.1.4"
+        "ts-loader": "^9.5.4",
+        "typescript": "^5.9.3",
+        "webpack": "^5.103.0",
+        "webpack-cli": "^6.0.1"
     },
     "publishConfig": {
         "access": "public"

package/src/App.tsx

@@ -29,6 +29,7 @@ import './App.scss';
 const App: FC<ConfigType> = ({
     submitStartCallback,
     userActionCallback,
+    setContactCallback,
     moduleTitle,
     apiKey,
     apiUrl,
@@ -343,6 +344,7 @@ const App: FC<ConfigType> = ({
                                     settings?.invoiceLookupNotFoundText
                                 }
                                 userActionCallback={userActionCallback}
+                                setContactCallback={setContactCallback}
                                 errorValidationTitleMsg={settings?.errorValidationTitleMsg}
                                 errorValidationDenialOrderBlockingMsg={settings?.errorValidationDenialOrderBlockingMsg}
                                 errorValidationBlockingOffersMsg={settings?.errorValidationBlockingOffersMsg}
@@ -378,6 +380,7 @@ const App: FC<ConfigType> = ({
                                     settings?.invoiceLookupNotFoundText
                                 }
                                 userActionCallback={userActionCallback}
+                                setContactCallback={setContactCallback}
                                 errorValidationTitleMsg={settings?.errorValidationTitleMsg}
                                 errorValidationDenialOrderBlockingMsg={settings?.errorValidationDenialOrderBlockingMsg}
                                 errorValidationBlockingOffersMsg={settings?.errorValidationBlockingOffersMsg}
@@ -426,6 +429,7 @@ const App: FC<ConfigType> = ({
                                         invoiceAddressSelection
                                     }
                                     userActionCallback={userActionCallback}
+                                    setContactCallback={setContactCallback}
                                     errorValidationTitleMsg={settings?.errorValidationTitleMsg}
                                     errorValidationDenialOrderBlockingMsg={settings?.errorValidationDenialOrderBlockingMsg}
                                     errorValidationBlockingOffersMsg={settings?.errorValidationBlockingOffersMsg}

package/src/components/EHFForm/EHFForm.tsx

@@ -8,6 +8,7 @@ import { PaymentMethodEnum, UserActionEnum } from '../../enums/general';
 import {
     OrderFormFiledType,
     PaymentMethodOptionsType,
+    ContactRequestType,
 } from '../../types/general';
 import { OrderFormInputsType, OrderInfoType } from '../../types/order';
 import { orderInvoiceContactFields } from '../../utils/order.helper';
@@ -19,6 +20,7 @@ type Props = {
     onBack: () => void;
     submitStartCallback?: (id: string) => void;
     userActionCallback?: (action: UserActionEnum, args: object | null | undefined) => void;
+    setContactCallback?: (contactInfo: ContactRequestType) => void;
     className?: string;
     backButtonText?: string;
     verifyButtonText?: string;
@@ -61,6 +63,7 @@ const EHFForm: FC<Props> = ({
     onBack,
     submitStartCallback,
     userActionCallback,
+    setContactCallback,
     className = '',
     backButtonText = '',
     verifyButtonText = '',
@@ -106,6 +109,7 @@ const EHFForm: FC<Props> = ({
         callback,
         submitStartCallback,
         userActionCallback,
+        setContactCallback,
         organizationId,
         subscriberId,
         userId,

package/src/components/FormFields/AddressField.tsx

@@ -2,7 +2,6 @@ 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;
@@ -25,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`}>
@@ -38,7 +40,12 @@ const AddressField: FC<Props> = ({
                 {...register(name, {
                     required: required ? errorReqMsg : false,
                 })}
-                {...(required ? { pattern: REQUIRED_VALIDATION_REGEXP } : '')}
+                {...(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/OIOForm/OIOForm.tsx

@@ -10,6 +10,7 @@ import { PaymentMethodEnum, UserActionEnum } from '../../enums/general';
 import {
     OrderFormFiledType,
     PaymentMethodOptionsType,
+    ContactRequestType,
 } from '../../types/general';
 import useOrderForm from '../../hooks/useOrderForm';
 import { orderInvoiceContactFields } from '../../utils/order.helper';
@@ -20,6 +21,7 @@ type Props = {
     onBack: () => void;
     submitStartCallback?: (id: string) => void;
     userActionCallback?: (action: UserActionEnum, args: object | null | undefined) => void;
+    setContactCallback?: (contactInfo: ContactRequestType) => void;
     className?: string;
     backButtonText?: string;
     verifyButtonText?: string;
@@ -64,6 +66,7 @@ const EHFForm: FC<Props> = ({
     onBack,
     submitStartCallback,
     userActionCallback,
+    setContactCallback,
     className = '',
     backButtonText = '',
     verifyButtonText = '',
@@ -114,6 +117,7 @@ const EHFForm: FC<Props> = ({
         callback,
         submitStartCallback,
         userActionCallback,
+        setContactCallback,
         organizationId,
         subscriberId,
         userId,

package/src/components/OrderForm/OrderForm.tsx

@@ -15,6 +15,7 @@ import { OrderFormInputsType, OrderInfoType } from '../../types/order';
 import {
     PaymentMethodOptionsType,
     OrderFormFiledType,
+    ContactRequestType,
 } from '../../types/general';
 import { orderInvoiceContactFields } from '../../utils/order.helper';
 import useOrderForm from '../../hooks/useOrderForm';
@@ -26,6 +27,7 @@ type Props = {
     updateFormData: (data: OrderFormInputsType) => void;
     submitStartCallback?: (id: string) => void;
     userActionCallback?: (action: UserActionEnum, args: object | null | undefined) => void;
+    setContactCallback?: (contactInfo: ContactRequestType) => void;
     templatePackageId: string;
     subscriberId?: string;
     userId?: string;
@@ -74,6 +76,7 @@ const OrderForm: FC<Props> = ({
     updateFormData,
     submitStartCallback,
     userActionCallback,
+    setContactCallback,
     templatePackageId,
     subscriberId,
     userId,
@@ -162,6 +165,7 @@ const OrderForm: FC<Props> = ({
         callback,
         submitStartCallback,
         userActionCallback,
+        setContactCallback,
         organizationId,
         subscriberId,
         userId,

package/src/hooks/useOrderForm.tsx

@@ -11,6 +11,7 @@ import {
     ErrorsMsg,
     OrderFormFiledType,
     PaymentMethodOptionsType,
+    ContactRequestType,
 } from '../types/general';
 import {
     prepareAgreementModel,
@@ -27,6 +28,7 @@ type Props = {
     callback: (url: string | null, orderInfo?: OrderInfoType | null) => void;
     submitStartCallback?: (id: string) => void;
     userActionCallback?: (action: UserActionEnum, args: object | null | undefined) => void;
+    setContactCallback?: (contactInfo: ContactRequestType) => void;
     templatePackageId: string;
     subscriberId?: string;
     userId?: string;
@@ -50,6 +52,7 @@ const useOrderForm = ({
     callback,
     submitStartCallback,
     userActionCallback,
+    setContactCallback,
     organizationId,
     subscriberId,
     userId,
@@ -145,6 +148,10 @@ const useOrderForm = ({
                 }
             }
 
+            if (setContactCallback) {
+                setContactCallback(contactModel);
+            }
+
             submitStartCallback?.(id as string);
 
             if (id) {

package/src/types/general.ts

@@ -23,9 +23,21 @@ export type PaymentMethodOptionsType = {
     };
 };
 
+export type ContactRequestType = {
+    addressLines?: Array<string> | undefined;
+    name?: string;
+    email?: string;
+    phone?: string;
+    country?: string;
+    city?: string;
+    zip?: string;
+    careOf?: string;
+};
+
 export type ConfigType = {
     submitStartCallback?: (subscriberId: string) => void;
     userActionCallback?: (action: UserActionEnum, args: object | null | undefined) => void;
+    setContactCallback?: (contactInfo: ContactRequestType) => void;
     domElementId: string;
     moduleTitle?: string;
     templatePackageId: string;