@infosoftas/s4-orders-js-sdk 0.1.3 → 0.1.4

package/package.json

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

package/src/api/InvoiceApi.ts

@@ -6,7 +6,8 @@ type RequestInvoiceLookupType = {
 };
 
 type InvoiceLookupResponseType = {
-    recievesInvoice: boolean;
+    receivesInvoice: boolean;
+    recievesInvoice: boolean; // TODO: Should be deleted in the future (misspelled), use "receivesInvoice" instead of this.
 };
 
 export const invoiceLookup = (

package/src/components/EHFForm/EHFForm.tsx

@@ -105,6 +105,7 @@ const EHFForm: FC<Props> = ({
     const { orderSubmit, loading, apiErrorMsg, errorsMsg } = useOrderForm({
         callback,
         submitStartCallback,
+        userActionCallback,
         organizationId,
         subscriberId,
         userId,

package/src/components/FormFields/ToggleFiled.tsx

@@ -14,6 +14,7 @@ type Props = {
             message?: string;
         };
     };
+    toggleCallback?: (value: boolean) => void;
 };
 
 const ToggleField: FC<Props> = ({
@@ -23,6 +24,7 @@ const ToggleField: FC<Props> = ({
     label = '',
     errorReqMsg = 'This field is required!',
     errors,
+    toggleCallback
 }) => {
     const { register } = useFormContext();
     const id = uuidv4();
@@ -44,6 +46,7 @@ const ToggleField: FC<Props> = ({
                         {...register(name, {
                             required: required ? errorReqMsg : false,
                         })}
+                        onClick={(e) => toggleCallback?.(e.currentTarget.checked)}
                     />
                     <span className="slider round"></span>
                 </label>

package/src/components/OIOForm/OIOForm.tsx

@@ -113,6 +113,7 @@ const EHFForm: FC<Props> = ({
     const { orderSubmit, loading, apiErrorMsg, errorsMsg } = useOrderForm({
         callback,
         submitStartCallback,
+        userActionCallback,
         organizationId,
         subscriberId,
         userId,

package/src/components/OrderForm/OrderForm.tsx

@@ -301,6 +301,7 @@ const OrderForm: FC<Props> = ({
                         label={
                             invoiceAddressSelection?.label ?? 'Invoice Address'
                         }
+                        toggleCallback={e => userActionCallback?.(UserActionEnum.TOGGLE_INVOICE_ADDRESS, { value: e })}
                     />
                 )}
                 {showInvoiceFields && (

package/src/enums/general.ts

@@ -33,4 +33,6 @@ export enum UserActionEnum {
     SELECT_FORM = 'selectForm',
     SELECT_PAYMENT_METHOD = 'selectPaymentMethod',
     RETURN_TO_MAIN = 'returnToMain',
-}
+    TOGGLE_INVOICE_ADDRESS = 'toggleInvoiceAddress',
+    SEARCH_ORGANIZATION_NUMBER = 'searchOrganizationNumber',
+}

package/src/hooks/useOrderForm.tsx

@@ -96,7 +96,17 @@ const useOrderForm = ({
                 });
             }
 
-            if (invoiceResponse && !invoiceResponse?.recievesInvoice) {
+            // TODO: "recievesInvoice" should be deleted in the future
+            const receivesInvoice = invoiceResponse?.receivesInvoice || invoiceResponse?.recievesInvoice;
+
+            userActionCallback?.(UserActionEnum.SEARCH_ORGANIZATION_NUMBER, {
+                organizationNumber: data.organizationNumber,
+                cvr: data.cvr,
+                gln: data.gln,
+                found: !!receivesInvoice
+            });
+
+            if (invoiceResponse && !receivesInvoice) {
                 setLoading(false);
                 const value =
                     data.paymentMethod === PaymentMethodEnum.OIO