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

package/bundle/bundle.umd.js

@@ -6328,6 +6328,7 @@
         const [ok, setOK] = useState();
         const saveUserData = useSaveUserData();
         const sessionStore = useSessionStore();
+        const leadFormStore = useLeadFormStore();
         const sendAspects = useSendLeadFormAspects({ data });
         const navigator = locationNavigator();
         const goToNextStep = useCallback(() => {
@@ -6343,7 +6344,7 @@
                 const profileId = await createUserProfile({
                     profile: { phone: formatPhone(transformedFormData.phone) },
                 });
-                const referalData = sessionStore.referalData;
+                const referalData = leadFormStore.referalData;
                 const marketingInfo = sessionStore.marketingInfo;
                 if (!profileId) {
                     throw new Error();
@@ -6540,6 +6541,42 @@
         return res;
     });
 
+    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: {},
+                });
+            }
+        }, []);
+    };
+
     const initialFormState = {
         surname: '',
         name: '',
@@ -6748,6 +6785,7 @@
         const saveForm = useSetter(leadFormStore, 'leadForm');
         const sessionStore = useSessionStore();
         const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
+        useReferalProgramm();
         const initialFormState = useMemo(() => getInitialFormState$1(inputs, leadFormStore.leadForm, esiaAuthSuccess), [inputs, leadFormStore.leadForm]);
         const requestEsiaProfile = useCallback(async (code, state) => {
             setEsiaStatus(EsiaStatuses.Pending);
@@ -6773,15 +6811,7 @@
         }, []);
         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(() => {
             const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
@@ -6797,15 +6827,11 @@
         }, []);
         return initialFormState;
     };
-    const getLeadQueryParams = (queryFromStorage, sessionStore) => {
-        const referalData = sessionStore.referalData;
+    const getMarketingInfo = (queryFromStorage, sessionStore) => {
         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'),
@@ -6816,12 +6842,6 @@
                 bannerId: queryStorage.get('bannerId'),
                 userId: queryStorage.get('userId'),
             };
-        return {
-            referalCode,
-            refererCode,
-            productId,
-            marketingInfo,
-        };
     };
 
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, productType = 'credit', data, ...rest }) => {
@@ -10503,9 +10523,9 @@
     });
     const getCurrencyRates = (currencies) => currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
 
-    const LinkList = JSX(({ className = '', items, isFlex = true }) => {
+    const LinkList = JSX(({ className, items }) => {
         const link = useLink();
-        return (jsx("ul", { className: style(isFlex ? 'flex flex-col gap-s' : 'block', 'w-full', className), children: items?.map(renderLinkListItem(link)) }));
+        return jsx("ul", { className: style('w-full', className), children: items?.map(renderLinkListItem(link)) });
     });
     const renderLinkListItem = (link) => ({ dataFooter, ...linkProps }, i) => {
         const { text, href, target, onClick } = link(linkProps);
@@ -10519,16 +10539,16 @@
 
     const FOOTER_AREA_KEYS = ['all', 'footer'];
     const IS_SINGLE_SEARCH_INDEX$1 = Boolean(env.SINGLE_SEARCH_INDEX);
-    const Sitemap = JSX(({ className, navigationItems }) => {
+    const Sitemap = JSX(({ className, navigationItems, isSearchPanel = false }) => {
         const link = useLink();
         const filteredItems = navigationItems?.filter(isVisibleItem(FOOTER_AREA_KEYS))?.map(link) ?? [];
         const [firstItem] = filteredItems;
-        return (jsx("div", { className: "space-y-2", children: IS_SINGLE_SEARCH_INDEX$1 ? (jsx("div", { children: jsx(LinkList, { className: "columns-3 space-y-3 gap-x-6xl", items: firstItem?.items, isFlex: false }) })) : (jsx("div", { role: "menu", className: style('w-full flex items-start justify-between flex-col md:flex-row gap-y-m lg:order-2', className), children: filteredItems?.map(renderColumn) })) }));
+        return (jsx("div", { className: "space-y-2", children: IS_SINGLE_SEARCH_INDEX$1 && isSearchPanel ? (jsx("div", { children: jsx(LinkList, { className: "block columns-3 space-y-3 gap-x-6xl", items: firstItem?.items }) })) : (jsx("div", { role: "menu", className: style('w-full flex items-start justify-between flex-col md:flex-row gap-m lg:order-2', className), children: filteredItems?.map(renderColumn) })) }));
     });
     const renderColumn = (menuItem, index) => {
         const { text, items = [], href, target = '_self', onClick, dataFooter } = menuItem;
         const visibleSubItems = items.filter(isVisibleItem(FOOTER_AREA_KEYS));
-        return (jsxs("div", { role: "menuitem", className: "flex flex-col gap-s w-full @md:w-1/4", children: [jsx("a", { className: "leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target, onClick: onClick, ...getAspectsAttributes(dataFooter), children: text }), visibleSubItems ? jsx(LinkList, { items: visibleSubItems }) : null] }, String(index)));
+        return (jsxs("div", { role: "menuitem", className: "flex flex-col gap-s w-full @md:w-1/4", children: [jsx("a", { className: "leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target, onClick: onClick, ...getAspectsAttributes(dataFooter), children: text }), visibleSubItems ? (jsx(LinkList, { className: "flex flex-col gap-s", items: visibleSubItems })) : null] }, String(index)));
     };
 
     const Contacts = JSX(({ className = '', items = [] }) => items?.length ? (jsx("div", { className: style('space-y-m', className), children: items.map(renderContactsGroup) })) : null);
@@ -12104,7 +12124,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.914";
+    const packageVersion = "0.14.916";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;