@redneckz/wildless-cms-uni-blocks 0.14.1035 → 0.14.1037

package/src/retail/components/NoConsentDialog/NoConsentDialog.tsx

@@ -1,13 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import type { OnCloseProps } from '../../../model/OnCloseProps';
-
-import { type ProductType } from '../../../components/ApplicationLeadForm/ApplicationLeadFormContent';
 import { locationNavigator } from '../../../external/locationNavigator';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { Button } from '../../../ui-kit/Button/Button';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
 import { Paragraph } from '../../../ui-kit/Paragraph/Paragraph';
 import { noop } from '../../../utils/noop';
+import { type ProductType } from '../../model/ApplicationLeadFormTypes';
 
 export interface NoConsentDialogProps extends OnCloseProps {
   attempts: number;

package/src/retail/hooks/useDraftSearch.ts

@@ -0,0 +1,67 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { draftTaskCard } from '../api/draftTaskCard';
+import { draftTaskCredit } from '../api/draftTaskCredit';
+import { draftTaskDebit } from '../api/draftTaskDebit';
+import { type Task } from '../api/draftTasksKZO';
+import { type DraftTaskType } from '../model/DraftTaskType';
+
+interface DraftSearchResult {
+  draft: Task | null;
+  taskType: DraftTaskType | undefined;
+}
+
+interface DraftWithType {
+  task: Task;
+  type: DraftTaskType;
+}
+
+const collectDrafts = (
+  creditResults: PromiseSettledResult<Task[]>,
+  cardResults: PromiseSettledResult<Task[]>,
+  debitResults: PromiseSettledResult<Task[]>,
+): DraftWithType[] => {
+  const drafts: DraftWithType[] = [];
+  const results = [
+    { result: creditResults, type: 'credit' as const },
+    { result: cardResults, type: 'card' as const },
+    { result: debitResults, type: 'debit' as const },
+  ];
+
+  results.forEach(({ result, type }) => {
+    if (result.status === 'fulfilled' && result.value.length > 0) {
+      drafts.push({ task: result.value[0], type });
+    }
+  });
+
+  return drafts;
+};
+
+const findLatestDraft = (drafts: DraftWithType[]): DraftWithType => {
+  return drafts.reduce((latest, current) => {
+    const latestDate = new Date(latest.task.createdDate || 0);
+    const currentDate = new Date(current.task.createdDate || 0);
+
+    return currentDate > latestDate ? current : latest;
+  });
+};
+
+export const useDraftSearch = () => {
+  const searchDrafts = useCallback(async (): Promise<DraftSearchResult> => {
+    const [creditResults, cardResults, debitResults] = await Promise.allSettled([
+      draftTaskCredit(),
+      draftTaskCard(),
+      draftTaskDebit(),
+    ]);
+
+    const drafts = collectDrafts(creditResults, cardResults, debitResults);
+
+    if (drafts.length === 0) {
+      return { draft: null, taskType: undefined };
+    }
+    const latestDraft = findLatestDraft(drafts);
+
+    return { draft: latestDraft.task, taskType: latestDraft.type };
+  }, []);
+
+  return { searchDrafts };
+};

package/src/retail/model/ApplicationLeadFormTypes.ts

@@ -0,0 +1,56 @@
+import { type DialogOptions } from '../../ui-kit/DialogManager/DialogAction';
+import { type VerifyPhoneDialogProps } from '../../ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout';
+import { type Nullable } from '../../utils/Nullable';
+import { type MarketingInfo } from '../api/updateUserTask';
+import { type LeadFormState } from './LeadFormState';
+import { type ReferalData } from './ReferalData';
+
+export interface UserData {
+  participantId: string | number;
+  taskId: number;
+  profileId?: Nullable<number>;
+  userId?: Nullable<string | number>;
+  programId: string;
+  formData: LeadFormState;
+}
+
+export type ProductType = 'credit' | 'creditCard' | 'debitCard';
+
+export interface CommonLeadProps {
+  programId: string;
+  userId?: string | number;
+  productType: ProductType;
+  sendAspects: (userId: string | number, taskId: number) => void;
+  verifyPhoneDialog: {
+    open: (props: VerifyPhoneDialogProps, options?: Partial<DialogOptions>) => void;
+    close: () => void;
+  };
+  handleFailSendForm: () => void;
+}
+
+export interface TaskDataProps {
+  participantId: string | number;
+  formData: LeadFormState;
+  referalData: ReferalData | null;
+  marketingInfo: MarketingInfo | null;
+  saveUserData: (userData: UserData) => void;
+}
+
+export interface BaseUpdateUserDataProps {
+  programId: string;
+  formData: LeadFormState;
+  productType: ProductType;
+  referalData: ReferalData | null;
+  marketingInfo: MarketingInfo | null;
+  saveUserData: (userData: UserData) => void;
+  sendAspects: (userId: string | number, taskId: number) => void;
+}
+
+export interface UpdateUserDataProps extends BaseUpdateUserDataProps {
+  profileId: number;
+}
+
+export interface UpdateUserDataNewMicroserviceProps extends BaseUpdateUserDataProps {
+  participantId: string | number;
+  userId?: string | number;
+}

package/src/retail/model/DraftTaskType.ts

@@ -0,0 +1 @@
+export type DraftTaskType = 'credit' | 'card' | 'debit';

package/src/retail/validator/getLimitedBirthdayValidation.ts

@@ -1,4 +1,4 @@
-import { type ProductType } from '../../components/ApplicationLeadForm/ApplicationLeadFormContent';
+import { type ProductType } from '../model/ApplicationLeadFormTypes';
 import { limitedBirthdayValidator, type LimitedBirthdayValidationParams } from './validators';
 
 const limitedBirthdayValidationData: Record<ProductType, LimitedBirthdayValidationParams> = {

package/src/retail/validator/getRetailFormValidator.ts

@@ -1,5 +1,5 @@
-import { type ProductType } from '../../components/ApplicationLeadForm/ApplicationLeadFormContent';
 import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
+import { type ProductType } from '../model/ApplicationLeadFormTypes';
 import { type LeadFormState } from '../model/LeadFormState';
 import { type FieldRetailDef } from '../model/RetailFormContent';
 import { calculateInputs } from '../utils/calculateInputs';

package/src/ui-kit/DialogManager/Dialog.tsx

@@ -16,7 +16,7 @@ export interface DialogProps extends OnCloseProps, OnClickPreventableProps {
 }
 
 const DIALOG_STYLE: Record<DialogType, string> = {
-  sm: 'max-w-sm top-1/3',
+  sm: 'max-w-sm',
   lg: 'max-w-lg',
   xl: 'max-w-xl',
   '4xl': 'max-w-4xl',
@@ -24,7 +24,7 @@ const DIALOG_STYLE: Record<DialogType, string> = {
 };
 
 const DIALOG_POSITION: Record<DialogPosition, string> = {
-  center: 'relative mx-auto',
+  center: 'relative mx-auto top-1/2 -translate-y-1/2',
   corner: 'absolute bottom-0 right-0',
 };
 

package/src/ui-kit/Foldable/DefaultFoldButton.tsx

@@ -33,7 +33,11 @@ export const DefaultFoldButton = JSX<DefaultFoldButtonProps>(
         {...rest}
       >
         <ButtonTitle labelColor={labelColorStyle}>{label}</ButtonTitle>
-        <ToggleIcon isUnfolded={isUnfolded} iconVersion={embedded ? iconColor : ''} />
+        <ToggleIcon
+          isUnfolded={isUnfolded}
+          iconVersion={embedded ? iconColor : ''}
+          className="flex-grow-0 flex-shrink-0 basis-auto"
+        />
       </Button>
     );
   },

package/src/ui-kit/LinkButton/LinkButton.tsx

@@ -24,15 +24,13 @@ export const LinkButton = JSX<LinkButtonProps>(
     const handleFormSubmit = useFormSubmit({ method, href });
     const linksStore = useLocalStore<LinkStoreSlice>();
 
-    saveLinksToStore({ linksStore, href, id, additionalHrefs });
+    useEffect(() => {
+      additionalHrefs && saveLinksToStore({ linksStore, href, id, additionalHrefs });
 
-    const adjustedHref = additionalHrefs
-      ? (linksStore.links || []).find((store) => store.id === id)?.lastLink
-      : href;
+      const adjustedHref = (linksStore.links || []).find((store) => store.id === id)?.lastLink;
 
-    useEffect(() => {
-      setCurrentLink(adjustedHref);
-    }, [adjustedHref]);
+      setCurrentLink(adjustedHref ?? href);
+    }, [additionalHrefs, href]);
 
     const link = useLink();
     const adjustedProps = link({ onClick: handleFormSubmit, href: currentLink, ...rest });