@redneckz/wildless-cms-uni-blocks 0.14.916 → 0.14.917

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -4,8 +4,8 @@ import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type MarketingInfo } from '../../retail/api/updateUserTask';
+import { useReferalProgramm } from '../../retail/hooks/useReferalProgramm';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
-import { type ReferalData } from '../../retail/model/ReferalData';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
 import { QUERY_STORAGE_KEY } from '../../utils/getSessionQuery';
 import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
@@ -23,7 +23,6 @@ type InitApplicationLeadProps = {
 
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
-  referalData: ReferalData | null;
 }
 
 export const useInitApplicationLead = ({
@@ -36,6 +35,7 @@ export const useInitApplicationLead = ({
   const saveForm = useSetter(leadFormStore, 'leadForm');
   const sessionStore = useSessionStore<ApplicationLeadStore>();
   const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
+  useReferalProgramm();
 
   const initialFormState = useMemo(
     () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
@@ -69,20 +69,7 @@ export const useInitApplicationLead = ({
   useEffect(() => {
     leadFormStore.productType = productType;
 
-    const { referalCode, refererCode, productId, marketingInfo } = getLeadQueryParams(
-      queryFromStorage,
-      sessionStore,
-    );
-
-    if (referalCode) {
-      sessionStore.referalData = {
-        refererCode,
-        referalCode,
-        productId,
-      };
-    }
-
-    sessionStore.marketingInfo = marketingInfo;
+    sessionStore.marketingInfo = getMarketingInfo(queryFromStorage, sessionStore);
   }, [queryFromStorage]);
 
   useEffect(() => {
@@ -102,19 +89,13 @@ export const useInitApplicationLead = ({
   return initialFormState;
 };
 
-const getLeadQueryParams = (
-  queryFromStorage: string | null,
-  sessionStore: ApplicationLeadStore,
-) => {
-  const referalData = sessionStore.referalData;
+const getMarketingInfo = (queryFromStorage: string | null, sessionStore: ApplicationLeadStore) => {
   const marketingInfoFromStorage = sessionStore.marketingInfo;
   const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
 
   const code = queryStorage.get('code');
-  const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
-  const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
-  const productId = code ? referalData?.productId : queryStorage.get('productId');
-  const marketingInfo = code
+
+  return code
     ? marketingInfoFromStorage
     : {
         utm_campaign: queryStorage.get('utm_campaign'),
@@ -125,11 +106,4 @@ const getLeadQueryParams = (
         bannerId: queryStorage.get('bannerId'),
         userId: queryStorage.get('userId'),
       };
-
-  return {
-    referalCode,
-    refererCode,
-    productId,
-    marketingInfo,
-  };
 };

package/src/retail/hooks/useReferalProgramm.ts

@@ -0,0 +1,45 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useLeadFormStore } from '../../components/ApplicationLeadForm/useLeadFormStore';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
+
+export const useReferalProgramm = () => {
+  const leadFormStore = useLeadFormStore();
+  const aspects = useAspects();
+
+  useEffect(() => {
+    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
+
+    const referalCode = params.get('referalCode');
+    const refererCode = params.get('refererCode');
+    const productId = params.get('productId');
+
+    if (referalCode) {
+      leadFormStore.referalData = {
+        refererCode,
+        referalCode,
+        productId,
+      };
+      const eventJSON = JSON.stringify({
+        refererCode,
+        referalCode,
+        productId,
+      });
+
+      handleAspects({
+        aspectsAttributes: [
+          {
+            aspectName: 'snowplowEvent',
+            params: {
+              eventName: 'ownfin_referal_link_attributes',
+              eventJSON,
+            },
+          },
+        ],
+        aspects,
+        ev: {} as PreventableEventWithTarget,
+      });
+    }
+  }, []);
+};