@redneckz/wildless-cms-uni-blocks 0.14.863 → 0.14.865

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -8,18 +8,21 @@ import { createUserProfile } from '../../retail/api/createUserProfile';
 import { createUserTaskDebit } from '../../retail/api/createUserTaskDebit';
 import { getLastTaskStatus } from '../../retail/api/getLastTaskStatus';
 import { getTaskById } from '../../retail/api/getTaskById';
+import { saveReferalInfo } from '../../retail/api/saveReferalInfo';
 import { updateUserProfile } from '../../retail/api/updateUserProfile';
 import { updateUserTask } from '../../retail/api/updateUserTask';
 import { useConsentBkiDialog } from '../../retail/components/ConsentBkiDialog/useConsentBkiDialog';
 import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDialog';
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { formatPhone } from '../../utils/formatPhone';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
+import { useLeadFormStore } from './useLeadFormStore';
 import { useSaveUserData, type UserData } from './useSaveUserData';
 import { useSendLeadFormAspects } from './useSendLeadFormAspects';
 
@@ -39,6 +42,8 @@ export const useApplicationLeadApi = ({
   const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
   const [ok, setOK] = useState<boolean | undefined>();
   const saveUserData = useSaveUserData();
+  const leadFormStore = useLeadFormStore();
+
   const sendAspects = useSendLeadFormAspects({ data });
   const navigator = locationNavigator();
 
@@ -57,6 +62,7 @@ export const useApplicationLeadApi = ({
       const profileId = await createUserProfile({
         profile: { phone: formatPhone(transformedFormData.phone as string) },
       });
+      const referalData = leadFormStore.referalData;
 
       if (!profileId) {
         throw new Error();
@@ -68,6 +74,7 @@ export const useApplicationLeadApi = ({
           profileId,
           formData: transformedFormData,
           productType,
+          referalData,
           saveUserData,
           sendAspects,
         });
@@ -88,6 +95,7 @@ export const useApplicationLeadApi = ({
             draftDialog.open({
               task,
               isFromLead: true,
+              isDebit: productType === 'debitCard',
               sendAspects,
               onClose: sendCurrentTask,
             });
@@ -129,6 +137,7 @@ const updateUserData = async ({
   profileId,
   formData,
   productType,
+  referalData,
   saveUserData,
   sendAspects,
 }: {
@@ -136,18 +145,22 @@ const updateUserData = async ({
   profileId: number;
   formData: LeadFormState;
   productType: ProductType;
+  referalData: ReferalData | null;
   saveUserData: (userData: UserData) => void;
   sendAspects: (profileId: number, taskId: number) => void;
 }) => {
   let taskId: number;
   let participantId: number;
   const transformedConsents = transformConsentsFields(formData, productType);
+  const isTaskWithReferalCode = referalData?.isTaskWithReferalCode;
 
   await updateUserProfile(getUpdateUserProfileData(profileId, formData, transformedConsents));
 
   try {
     if (productType === 'debitCard') {
-      const debitData = await createUserTaskDebit(getDebitLeadFormTaskData(formData, programId));
+      const debitData = await createUserTaskDebit(
+        getDebitLeadFormTaskData(formData, programId, isTaskWithReferalCode),
+      );
 
       taskId = debitData.taskId;
       participantId = debitData.participantId;
@@ -165,9 +178,16 @@ const updateUserData = async ({
           taskId,
           profileId,
           formData,
+          isTaskWithReferalCode,
         }),
       );
     }
+    if (isTaskWithReferalCode) {
+      await saveReferalInfo({
+        taskId,
+        ...referalData,
+      });
+    }
 
     sendAspects(profileId, taskId);
     saveUserData({ participantId, taskId, profileId, programId, formData });

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,8 +1,11 @@
+/* eslint-disable max-lines-per-function */
 import { useCallback, useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 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';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
@@ -24,6 +27,7 @@ export const useInitApplicationLead = ({
 }: InitApplicationLeadProps): LeadFormState => {
   const leadFormStore = useLeadFormStore();
   const saveForm = useSetter(leadFormStore, 'leadForm');
+  const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
 
   const initialFormState = useMemo(
     () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
@@ -57,9 +61,26 @@ export const useInitApplicationLead = ({
   useEffect(() => {
     leadFormStore.productType = productType;
 
-    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-    const code = params.get('code');
-    const state = params.get('state');
+    const { code, state, referalCode, refererCode, productId } = getLeadQueryParams(
+      leadFormStore.referalData,
+      queryFromStorage,
+    );
+
+    if (referalCode) {
+      leadFormStore.referalData = {
+        refererCode,
+        referalCode,
+        productId,
+        isTaskWithReferalCode: true,
+      };
+    } else if (!code) {
+      leadFormStore.referalData = {
+        refererCode: null,
+        referalCode: null,
+        productId: null,
+        isTaskWithReferalCode: false,
+      };
+    }
 
     if (code && state) {
       requestEsiaProfile(code, state);
@@ -67,7 +88,25 @@ export const useInitApplicationLead = ({
       sessionStorage.removeItem('accessToken');
       sessionStorage.removeItem('refreshToken');
     }
-  }, []);
+  }, [queryFromStorage]);
 
   return initialFormState;
 };
+
+const getLeadQueryParams = (referalData: ReferalData | null, queryFromStorage: string | null) => {
+  const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
+
+  const code = queryStorage.get('code');
+  const state = queryStorage.get('state');
+  const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
+  const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
+  const productId = code ? referalData?.productId : queryStorage.get('productId');
+
+  return {
+    code,
+    state,
+    referalCode,
+    refererCode,
+    productId,
+  };
+};

package/src/components/ApplicationLeadForm/useLeadFormStore.ts

@@ -1,5 +1,6 @@
 import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { type ProductType } from './ApplicationLeadFormContent';
 
 export interface LeadFormStoreSlice {
@@ -9,6 +10,7 @@ export interface LeadFormStoreSlice {
   participantId: number;
   programId: string;
   productType: ProductType;
+  referalData: ReferalData;
 }
 
 export const useLeadFormStore = () => useLocalStore<LeadFormStoreSlice>();

package/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -6,6 +6,7 @@ import { getFamilyStatusAndIncomeData } from '../../retail/adaptors/getFamilySta
 import { getPersonalInfoData } from '../../retail/adaptors/getPersonalInfoData';
 import { type Participant, type UpdateUserTaskBody } from '../../retail/api/updateUserTask';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import {
   getDeliveryCreditCardData,
   getDeliveryData,
@@ -18,6 +19,7 @@ type getCreditCardFormTaskDataProps = {
   profileId: number;
   formData: LeadFormState;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getCreditCardFormTaskData = ({
@@ -26,14 +28,16 @@ export const getCreditCardFormTaskData = ({
   profileId,
   formData,
   step = 0,
+  isTaskWithReferalCode,
 }: getCreditCardFormTaskDataProps): UpdateUserTaskBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     sendToBank: true,
     taskKind: 'UNITED',
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       ...getOfficeCode(formData),
       authorizedAgentId: formData?.bankEmployeeCode,

package/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -48,6 +48,7 @@ export const useCreditCardFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, profileId, participantId } = retailFormStore;
@@ -59,6 +60,7 @@ export const useCreditCardFormAPI = ({
               profileId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
           resetForm(response);

package/src/components/CreditForm/useCreditFormAPI.tsx

@@ -52,6 +52,7 @@ export const useCreditFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, profileId, participantId } = retailFormStore;
@@ -63,6 +64,7 @@ export const useCreditFormAPI = ({
               profileId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
           resetForm(response);

package/src/components/DebitForm/getDebitCardFormTaskData.ts

@@ -4,6 +4,7 @@ import { getPersonalInfoData } from '../../retail/adaptors/getPersonalInfoData';
 import { type Participant } from '../../retail/api/updateUserTask';
 import { type UpdateUserTaskDebitBody } from '../../retail/api/updateUserTaskDebit';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import {
   getDebitCardData,
   getDeliveryData,
@@ -18,6 +19,7 @@ type getDebitFormTaskDataProps = {
   formData: LeadFormState;
   programId: string;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getDebitCardFormTaskData = ({
@@ -26,12 +28,14 @@ export const getDebitCardFormTaskData = ({
   formData,
   programId,
   step = 0,
+  isTaskWithReferalCode,
 }: getDebitFormTaskDataProps): UpdateUserTaskDebitBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       creditProgram: {
         code: debitProgrammIdToCardCodesMap[programId],

package/src/components/DebitForm/useDebitFormAPI.tsx

@@ -40,6 +40,7 @@ export const useDebitFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, participantId, programId } = retailFormStore;
@@ -51,6 +52,7 @@ export const useDebitFormAPI = ({
               programId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
         }

package/src/icons/IconName.ts

@@ -7,7 +7,7 @@ export const IconsWithoutInversion = new Set([
 ]);
 
 export enum IconMap {
-  YoutubeIcon = 'YoutubeIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WalletIcon = 'WalletIcon', WalletAddIcon = 'WalletAddIcon', VKIcon = 'VKIcon', UserTickIcon = 'UserTickIcon', UserSquareIcon = 'UserSquareIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', TelegramIcon = 'TelegramIcon', StarIcon = 'StarIcon', SoundIcon = 'SoundIcon', SmallClockIcon = 'SmallClockIcon', SignDocsIcon = 'SignDocsIcon', ShieldTickIcon = 'ShieldTickIcon', SecurityСardIcon = 'SecurityСardIcon', SafeIcon = 'SafeIcon', RutubeIcon = 'RutubeIcon', RustoreIcon = 'RustoreIcon', RoundRubleIcon = 'RoundRubleIcon', ResponseOKIcon = 'ResponseOKIcon', ResponseFailIcon = 'ResponseFailIcon', RefreshIcon = 'RefreshIcon', ProfileIcon = 'ProfileIcon', Profile2UserIcon = 'Profile2UserIcon', PlusIcon = 'PlusIcon', PlusCircleIcon = 'PlusCircleIcon', PlayMarketIcon = 'PlayMarketIcon', PhoneIcon = 'PhoneIcon', PhoneCallingIcon = 'PhoneCallingIcon', PersonalCardIcon = 'PersonalCardIcon', PercentIcon = 'PercentIcon', PercentageRoundIcon = 'PercentageRoundIcon', PassSendIcon = 'PassSendIcon', PackA4Icon = 'PackA4Icon', OkIcon = 'OkIcon', NotificationBingIcon = 'NotificationBingIcon', NewLoanIcon = 'NewLoanIcon', NewDocIcon = 'NewDocIcon', MonitorMobileIcon = 'MonitorMobileIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneyIcon = 'MoneyIcon', MinusIcon = 'MinusIcon', MapOpenedIcon = 'MapOpenedIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MailIcon = 'MailIcon', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'LoupeIcon', LogoIcon = 'LogoIcon', LockIcon = 'LockIcon', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'HuaweiIcon', HouseIcon = 'HouseIcon', HeartTickIcon = 'HeartTickIcon', HeartIcon = 'HeartIcon', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'GridIcon', GpsIcon = 'GpsIcon', GosUslugiIcon = 'GosUslugiIcon', GlobalIcon = 'GlobalIcon', GeolocationIcon = 'GeolocationIcon', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'FaxIcon', EuroIcon = 'EuroIcon', EmptyWalletIcon = 'EmptyWalletIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', DzenIcon = 'DzenIcon', DoneSimpleIcon = 'DoneSimpleIcon', DoneIcon = 'DoneIcon', DollarIcon = 'DollarIcon', DocIcon = 'DocIcon', DocDownloadIcon = 'DocDownloadIcon', DiscountShapeIcon = 'DiscountShapeIcon', DevIcon = 'DevIcon', CupIcon = 'CupIcon', CourtHouseIcon = 'CourtHouseIcon', CopyIcon = 'CopyIcon', ConvertCardIcon = 'ConvertCardIcon', CoinIcon = 'CoinIcon', CloseIcon = 'CloseIcon', ClientIcon = 'ClientIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChatBotIcon = 'ChatBotIcon', ChartSquareIcon = 'ChartSquareIcon', ChartRoundIcon = 'ChartRoundIcon', ChartIcon = 'ChartIcon', CardTickIcon = 'CardTickIcon', CardSendIcon = 'CardSendIcon', CardPosIcon = 'CardPosIcon', CardIcon = 'CardIcon', CalendarTickIcon = 'CalendarTickIcon', CalendarIcon = 'CalendarIcon', CalendarCircleIcon = 'CalendarCircleIcon', BurgerIcon = 'BurgerIcon', BuildingIcon = 'BuildingIcon', BriefcaseIcon = 'BriefcaseIcon', BelarusianFlag = 'BelarusianFlag', BankIcon = 'BankIcon', BankColorIcon = 'BankColorIcon', AtmIcon = 'AtmIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowDownIcon = 'ArrowDownIcon', AppleIcon = 'AppleIcon', AlarmIcon = 'AlarmIcon', ActualBalanceIcon = 'ActualBalanceIcon', AchievementIcon = 'AchievementIcon'
+  YoutubeIcon = 'YoutubeIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WalletIcon = 'WalletIcon', WalletAddIcon = 'WalletAddIcon', VKIcon = 'VKIcon', UserTickIcon = 'UserTickIcon', UserSquareIcon = 'UserSquareIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', TelegramIcon = 'TelegramIcon', StarIcon = 'StarIcon', SoundIcon = 'SoundIcon', SmallClockIcon = 'SmallClockIcon', SignDocsIcon = 'SignDocsIcon', ShieldTickIcon = 'ShieldTickIcon', SecurityСardIcon = 'SecurityСardIcon', SafeIcon = 'SafeIcon', RutubeIcon = 'RutubeIcon', RustoreIcon = 'RustoreIcon', RoundRubleIcon = 'RoundRubleIcon', ResponseOKIcon = 'ResponseOKIcon', ResponseFailIcon = 'ResponseFailIcon', RefreshIcon = 'RefreshIcon', ProfileIcon = 'ProfileIcon', Profile2UserIcon = 'Profile2UserIcon', PlusIcon = 'PlusIcon', PlusCircleIcon = 'PlusCircleIcon', PlayMarketIcon = 'PlayMarketIcon', PhoneIcon = 'PhoneIcon', PhoneCallingIcon = 'PhoneCallingIcon', PersonalCardIcon = 'PersonalCardIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentIcon = 'PercentIcon', PassSendIcon = 'PassSendIcon', PackA4Icon = 'PackA4Icon', OkIcon = 'OkIcon', NotificationBingIcon = 'NotificationBingIcon', NewLoanIcon = 'NewLoanIcon', NewDocIcon = 'NewDocIcon', MonitorMobileIcon = 'MonitorMobileIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneyIcon = 'MoneyIcon', MinusIcon = 'MinusIcon', MapOpenedIcon = 'MapOpenedIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MailIcon = 'MailIcon', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'LoupeIcon', LogoIcon = 'LogoIcon', LockIcon = 'LockIcon', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'HuaweiIcon', HouseIcon = 'HouseIcon', HeartTickIcon = 'HeartTickIcon', HeartIcon = 'HeartIcon', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'GridIcon', GpsIcon = 'GpsIcon', GosUslugiIcon = 'GosUslugiIcon', GlobalIcon = 'GlobalIcon', GeolocationIcon = 'GeolocationIcon', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'FaxIcon', EuroIcon = 'EuroIcon', EmptyWalletIcon = 'EmptyWalletIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', DzenIcon = 'DzenIcon', DoneSimpleIcon = 'DoneSimpleIcon', DoneIcon = 'DoneIcon', DollarIcon = 'DollarIcon', DocIcon = 'DocIcon', DocDownloadIcon = 'DocDownloadIcon', DiscountShapeIcon = 'DiscountShapeIcon', DevIcon = 'DevIcon', CupIcon = 'CupIcon', CourtHouseIcon = 'CourtHouseIcon', CopyIcon = 'CopyIcon', ConvertCardIcon = 'ConvertCardIcon', CoinIcon = 'CoinIcon', CloseIcon = 'CloseIcon', ClientIcon = 'ClientIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChatBotIcon = 'ChatBotIcon', ChartSquareIcon = 'ChartSquareIcon', ChartRoundIcon = 'ChartRoundIcon', ChartIcon = 'ChartIcon', CardTickIcon = 'CardTickIcon', CardSendIcon = 'CardSendIcon', CardPosIcon = 'CardPosIcon', CardIcon = 'CardIcon', CalendarTickIcon = 'CalendarTickIcon', CalendarIcon = 'CalendarIcon', CalendarCircleIcon = 'CalendarCircleIcon', BurgerIcon = 'BurgerIcon', BuildingIcon = 'BuildingIcon', BriefcaseIcon = 'BriefcaseIcon', BelarusianFlag = 'BelarusianFlag', BankIcon = 'BankIcon', BankColorIcon = 'BankColorIcon', AtmIcon = 'AtmIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowDownIcon = 'ArrowDownIcon', AppleIcon = 'AppleIcon', AlarmIcon = 'AlarmIcon', ActualBalanceIcon = 'ActualBalanceIcon', AchievementIcon = 'AchievementIcon'
 }
 
 export enum IconTitleMap {
@@ -22,4 +22,4 @@ export enum IconTitleMap {
  *   'Лого «Youtube»', 'Кошелёк с деньгами', 'Кошелёк', 'Кошелёк с плюсом', 'Лого «VK»', 'Пользователь', 'Пользователь в рамке', 'Самолётик', 'Лого «Telegram»', 'Звезда', 'Кольцо', 'Маленькие часы', 'Подписанные документы', 'Безопасность', 'Безопасность', 'Сейф', 'Лого «Rutube»', 'Лого «Rustore»', 'Рубль (круг.)', 'Ок', 'Ошибка', 'RefreshIcon', 'Профиль', 'Профиль, 2 персоны', 'Плюс', 'Плюс в круге', 'Лого «PlayMarket»', 'Телефон', 'Звонящий телефон', 'Персональная карта', 'Проценты (круг.)', 'Проценты', 'Бизнес', 'Пачка бумаги А4', 'Лого «Одноклассники»', 'Колокольчик нотификаций', 'Новая заявка', 'Новый документ', 'Монитор и мобильный', 'Денежное страхование', 'Деньги', 'Минус', 'Иконка Развёрнутая карта', 'Маркер карты РСХБ', 'Маркер карты (желтый)', 'Маркер карты', 'E-mail', 'MagnifierIcon', 'Лупа', 'Логотип', 'Замок', 'InfoCircleIcon', 'Лого «Huawei»', 'Ипотека', 'Сердцебеение', 'Сердце', 'HeadphonesIcon', 'Сетка (белая)', 'Gps', 'ГосУслуги', 'Глобус', 'Геолокация', 'FullScreenIcon', 'Факс', 'Евро', 'Пустой кошелёк', 'Пустой кошелёк с возвратом', 'Лого «Дзен»', 'Зелёная \'галочка\'', 'Зелёная \'галочка\' в круге', 'Доллар', 'Документ', 'Скачать документ', 'Скидка', 'Разработка', 'Кубок', 'Здание суда', 'Копирование', 'Конвертирование', 'Монеты', 'Крестик', 'Клиент', 'Китайский юань', 'Стрелка \'Влево\'', 'Чат-бот', 'Деньги внутри кошелька', 'Диаграмма (в круге)', 'Инвестиции', 'Кред. карта с галочкой', 'Карта', 'Кред. карта под наклоном', 'Кред. карта', 'Календарь с галочкой', 'Календарь', 'Скруглённый календарь', 'Бургер', 'Здание с деревом', 'Портфель', 'Белорусский флаг', 'Банк', 'Банк (в цвете)', 'Банкомат', 'Стрелка сплошная \'Вверх\'', 'Стрелка \'Вверх\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вправо\'', 'Стрелка \'Влево\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Вниз\'', 'Лого «Apple»', 'Предупреждение', 'Деньги', 'Достижение'
  * ]
  */
-export type IconName = '' | 'YoutubeIcon' | 'WalletWithMoneyIcon' | 'WalletIcon' | 'WalletAddIcon' | 'VKIcon' | 'UserTickIcon' | 'UserSquareIcon' | 'UserGeoLocationIcon' | 'TelegramIcon' | 'StarIcon' | 'SoundIcon' | 'SmallClockIcon' | 'SignDocsIcon' | 'ShieldTickIcon' | 'SecurityСardIcon' | 'SafeIcon' | 'RutubeIcon' | 'RustoreIcon' | 'RoundRubleIcon' | 'ResponseOKIcon' | 'ResponseFailIcon' | 'RefreshIcon' | 'ProfileIcon' | 'Profile2UserIcon' | 'PlusIcon' | 'PlusCircleIcon' | 'PlayMarketIcon' | 'PhoneIcon' | 'PhoneCallingIcon' | 'PersonalCardIcon' | 'PercentIcon' | 'PercentageRoundIcon' | 'PassSendIcon' | 'PackA4Icon' | 'OkIcon' | 'NotificationBingIcon' | 'NewLoanIcon' | 'NewDocIcon' | 'MonitorMobileIcon' | 'MoneyInsuranceIcon' | 'MoneyIcon' | 'MinusIcon' | 'MapOpenedIcon' | 'MapMarkerSingleIcon' | 'MapMarkerClusterYellowIcon' | 'MapMarkerClusterIcon' | 'MailIcon' | 'MagnifierIcon' | 'LoupeIcon' | 'LogoIcon' | 'LockIcon' | 'InfoCircleIcon' | 'HuaweiIcon' | 'HouseIcon' | 'HeartTickIcon' | 'HeartIcon' | 'HeadphonesIcon' | 'GridIcon' | 'GpsIcon' | 'GosUslugiIcon' | 'GlobalIcon' | 'GeolocationIcon' | 'FullScreenIcon' | 'FaxIcon' | 'EuroIcon' | 'EmptyWalletIcon' | 'EmptyWalletChangeIcon' | 'DzenIcon' | 'DoneSimpleIcon' | 'DoneIcon' | 'DollarIcon' | 'DocIcon' | 'DocDownloadIcon' | 'DiscountShapeIcon' | 'DevIcon' | 'CupIcon' | 'CourtHouseIcon' | 'CopyIcon' | 'ConvertCardIcon' | 'CoinIcon' | 'CloseIcon' | 'ClientIcon' | 'ChineseYuanRenminbiIcon' | 'ChevronLeftIcon' | 'ChatBotIcon' | 'ChartSquareIcon' | 'ChartRoundIcon' | 'ChartIcon' | 'CardTickIcon' | 'CardSendIcon' | 'CardPosIcon' | 'CardIcon' | 'CalendarTickIcon' | 'CalendarIcon' | 'CalendarCircleIcon' | 'BurgerIcon' | 'BuildingIcon' | 'BriefcaseIcon' | 'BelarusianFlag' | 'BankIcon' | 'BankColorIcon' | 'AtmIcon' | 'ArrowUpSolidIcon' | 'ArrowUpIcon' | 'ArrowTopRightIcon' | 'ArrowRightIcon' | 'ArrowLeftIcon' | 'ArrowDownSolidIcon' | 'ArrowDownIcon' | 'AppleIcon' | 'AlarmIcon' | 'ActualBalanceIcon' | 'AchievementIcon';
+export type IconName = '' | 'YoutubeIcon' | 'WalletWithMoneyIcon' | 'WalletIcon' | 'WalletAddIcon' | 'VKIcon' | 'UserTickIcon' | 'UserSquareIcon' | 'UserGeoLocationIcon' | 'TelegramIcon' | 'StarIcon' | 'SoundIcon' | 'SmallClockIcon' | 'SignDocsIcon' | 'ShieldTickIcon' | 'SecurityСardIcon' | 'SafeIcon' | 'RutubeIcon' | 'RustoreIcon' | 'RoundRubleIcon' | 'ResponseOKIcon' | 'ResponseFailIcon' | 'RefreshIcon' | 'ProfileIcon' | 'Profile2UserIcon' | 'PlusIcon' | 'PlusCircleIcon' | 'PlayMarketIcon' | 'PhoneIcon' | 'PhoneCallingIcon' | 'PersonalCardIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PassSendIcon' | 'PackA4Icon' | 'OkIcon' | 'NotificationBingIcon' | 'NewLoanIcon' | 'NewDocIcon' | 'MonitorMobileIcon' | 'MoneyInsuranceIcon' | 'MoneyIcon' | 'MinusIcon' | 'MapOpenedIcon' | 'MapMarkerSingleIcon' | 'MapMarkerClusterYellowIcon' | 'MapMarkerClusterIcon' | 'MailIcon' | 'MagnifierIcon' | 'LoupeIcon' | 'LogoIcon' | 'LockIcon' | 'InfoCircleIcon' | 'HuaweiIcon' | 'HouseIcon' | 'HeartTickIcon' | 'HeartIcon' | 'HeadphonesIcon' | 'GridIcon' | 'GpsIcon' | 'GosUslugiIcon' | 'GlobalIcon' | 'GeolocationIcon' | 'FullScreenIcon' | 'FaxIcon' | 'EuroIcon' | 'EmptyWalletIcon' | 'EmptyWalletChangeIcon' | 'DzenIcon' | 'DoneSimpleIcon' | 'DoneIcon' | 'DollarIcon' | 'DocIcon' | 'DocDownloadIcon' | 'DiscountShapeIcon' | 'DevIcon' | 'CupIcon' | 'CourtHouseIcon' | 'CopyIcon' | 'ConvertCardIcon' | 'CoinIcon' | 'CloseIcon' | 'ClientIcon' | 'ChineseYuanRenminbiIcon' | 'ChevronLeftIcon' | 'ChatBotIcon' | 'ChartSquareIcon' | 'ChartRoundIcon' | 'ChartIcon' | 'CardTickIcon' | 'CardSendIcon' | 'CardPosIcon' | 'CardIcon' | 'CalendarTickIcon' | 'CalendarIcon' | 'CalendarCircleIcon' | 'BurgerIcon' | 'BuildingIcon' | 'BriefcaseIcon' | 'BelarusianFlag' | 'BankIcon' | 'BankColorIcon' | 'AtmIcon' | 'ArrowUpSolidIcon' | 'ArrowUpIcon' | 'ArrowTopRightIcon' | 'ArrowRightIcon' | 'ArrowLeftIcon' | 'ArrowDownSolidIcon' | 'ArrowDownIcon' | 'AppleIcon' | 'AlarmIcon' | 'ActualBalanceIcon' | 'AchievementIcon';

package/src/model/FormTypeFieldDef.ts

@@ -19,6 +19,7 @@ export type FormTypeFieldDef =
   | 'FEEDBACK_QS'
   | 'OUTSERVICE'
   | 'RFB'
+  | 'CREDL'
   | 'CONT'
   | 'SUPPORT'
   | 'INVESTADVISER'

package/src/retail/adaptors/getCreditFormTaskData.ts

@@ -2,6 +2,7 @@ import { getCalcData } from '../../components/CreditForm/getCalcData';
 import { locationNavigator } from '../../external/locationNavigator';
 import { type Participant, type UpdateUserTaskBody } from '../api/updateUserTask';
 import { type LeadFormState } from '../model/LeadFormState';
+import { type ReferalData } from '../model/ReferalData';
 import { getAdditionalInfoData } from './getAdditionalInfoData';
 import { getCalculatorData } from './getCalculatorData';
 import { getDeliveryCreditData } from './getDeliveryCreditData';
@@ -15,6 +16,7 @@ type getCreditFormTaskDataProps = {
   profileId: number;
   formData: LeadFormState;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getCreditFormTaskData = ({
@@ -23,14 +25,16 @@ export const getCreditFormTaskData = ({
   profileId,
   formData,
   step = 0,
+  isTaskWithReferalCode,
 }: getCreditFormTaskDataProps): UpdateUserTaskBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     sendToBank: true,
     taskKind: 'UNITED',
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       authorizedAgentId: formData?.bankEmployeeCode,
       participants: [

package/src/retail/api/draftTasksKZO.ts

@@ -26,6 +26,7 @@ export type Task = {
   };
   participants: Participant[];
   paymentTypeCd?: PaymentType;
+  taskSource?: string;
 };
 
 export type DraftTasksResponse = {

package/src/retail/api/saveReferalInfo.ts

@@ -0,0 +1,9 @@
+import { type ReferalData } from '../model/ReferalData';
+import { doRequest } from './doRequest';
+
+export type SaveReferalInfo = ReferalData & {
+  taskId: number;
+};
+
+export const saveReferalInfo = (body: SaveReferalInfo) =>
+  doRequest('/referal/saveReferalInfo', 'POST', body);

package/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -15,12 +15,14 @@ import { creditCodesToProgrammIdMap, creditProgramCodeToProductIdMap } from './u
 export interface DraftDialogProps extends OnCloseProps {
   task: Task;
   isFromLead?: boolean;
+  isDebit?: boolean;
   sendAspects?: (profileId: number, taskId: number) => void;
 }
 
 export const DraftDialog = JSX<DraftDialogProps>(function ({
   task,
   isFromLead = false,
+  isDebit = false,
   sendAspects = noop,
   onClose = noop,
 }) {
@@ -31,21 +33,31 @@ export const DraftDialog = JSX<DraftDialogProps>(function ({
 
   const programmId: string = creditProgramCodeToProductIdMap[creditProgram.code];
   const isCredit = Boolean(creditCodesToProgrammIdMap[creditProgram.code]);
-  const nextStepLink = isCredit ? '/credit-lead' : '/credit-card-lead';
+  const getNextStepLink = () => {
+    if (isDebit) {
+      return '/debit-card-lead';
+    } else if (isCredit) {
+      return '/credit-lead';
+    }
+
+    return '/credit-card-lead';
+  };
 
   const { id: participantId, profile } = participants[0];
 
   const handleGoToDraft = useCallback(() => {
-    const taskFromDraft = parseDraftTask(task);
+    const [taskFromDraft, isTaskWithReferalCode] = parseDraftTask(task);
     retailFormStore.participantId = participantId ?? null;
     retailFormStore.taskId = taskId;
     retailFormStore.profileId = profile?.id ?? null;
     retailFormStore.programId = programmId;
     retailFormStore.leadForm = taskFromDraft;
+    retailFormStore.referalData = { isTaskWithReferalCode };
+
     if (profile?.id) {
       sendAspects(profile.id, taskId);
     }
-    navigator.assign(nextStepLink);
+    navigator.assign(getNextStepLink());
   }, []);
 
   const handleGoToNewTask = useCallback(() => {

package/src/retail/components/DraftDialog/parseDraftTask.ts

@@ -11,13 +11,14 @@ import {
   INCOME_CERTIFICATE,
 } from './utils';
 
-export const parseDraftTask = (task: Task): LeadFormState => {
+export const parseDraftTask = (task: Task): [LeadFormState, boolean] => {
   const participant = task.participants[0];
   const {
     classCard: cardCategory,
     codeWord,
     paymentSystemTypeCd: paymentSystem,
     currencyCode: currency,
+    taskSource,
   } = task;
 
   const { loanAmount: moneyValue, creditPeriod: monthsValue, paymentTypeCd } = task;
@@ -71,7 +72,7 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     profile,
   } = participant;
 
-  return {
+  const taskFromDraft = {
     currency: currency?.key,
     paymentSystem: getSelectValue(paymentSystem),
     cardCategory: getSelectValue(cardCategory),
@@ -128,4 +129,6 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     ...getParticipantContacts(participantContacts),
     ...getParticipantGender(genderCd),
   };
+
+  return [taskFromDraft, taskSource === 'ReferalSF'];
 };

package/src/retail/components/DraftDialog/useDraftDialog.tsx

@@ -1,22 +1,16 @@
-import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { useDialog } from '../../../ui-kit/DialogManager/useDialog';
-import { type Task } from '../../api/draftTasksKZO';
-import { DraftDialog } from './DraftDialog';
+import { DraftDialog, type DraftDialogProps } from './DraftDialog';
 import { EmptyDraftDialog } from './EmptyDraftDialog';
 
-type useDraftDialogOpenProps = OnCloseProps & {
-  task?: Task;
-  isFromLead?: boolean;
-  sendAspects?: (profileId: number, taskId: number) => void;
-};
-
 export const useDraftDialog = () => {
   const { open: openDraftDialog } = useDialog(DraftDialog);
   const { open: openEmptyDraftDialog } = useDialog(EmptyDraftDialog);
 
   return {
-    open: ({ task, isFromLead, onClose, sendAspects }: useDraftDialogOpenProps) => {
-      task ? openDraftDialog({ task, isFromLead, onClose, sendAspects }) : openEmptyDraftDialog({});
+    open: ({ task, isFromLead, isDebit, onClose, sendAspects }: Partial<DraftDialogProps>) => {
+      task
+        ? openDraftDialog({ task, isFromLead, isDebit, onClose, sendAspects })
+        : openEmptyDraftDialog({});
     },
   };
 };

package/src/retail/model/ReferalData.ts

@@ -0,0 +1,8 @@
+import { type Nullable } from '../../utils/Nullable';
+
+export type ReferalData = {
+  refererCode?: Nullable<string>;
+  referalCode?: Nullable<string>;
+  productId?: Nullable<string>;
+  isTaskWithReferalCode?: boolean;
+};

package/src/utils/getSessionQuery.ts

@@ -1,4 +1,4 @@
-const QUERY_STORAGE_KEY = 'rshb-query-params';
+export const QUERY_STORAGE_KEY = 'rshb-query-params';
 
 export function saveSessionQuery() {
   const result =