@redneckz/wildless-cms-uni-blocks 0.14.968 → 0.14.970

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

@@ -2,6 +2,7 @@ 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 { Button } from '../../../ui-kit/Button/Button';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
@@ -10,43 +11,52 @@ import { noop } from '../../../utils/noop';
 
 export interface NoConsentDialogProps extends OnCloseProps {
   attempts: number;
+  productType: ProductType;
   onSubmit?: (confirmStatus: string) => void;
 }
 
-export const NoConsentDialog = JSX<NoConsentDialogProps>(({ attempts, onClose = noop }) => {
-  const navigator = locationNavigator();
-  const isMaxAttempts = attempts > 1;
+const mapProductTypeToName = {
+  creditCard: 'кредитной карты',
+  debitCard: 'дебетовой карты',
+  credit: 'кредита',
+};
 
-  const returnToMainPage = useCallback(() => {
-    navigator.assign('/natural');
-  }, []);
+export const NoConsentDialog = JSX<NoConsentDialogProps>(
+  ({ attempts, productType, onClose = noop }) => {
+    const navigator = locationNavigator();
+    const isMaxAttempts = attempts > 1;
 
-  const handleClose = useCallback(() => {
-    if (isMaxAttempts) {
-      returnToMainPage();
-    } else {
-      onClose();
-    }
-  }, [isMaxAttempts]);
+    const returnToMainPage = useCallback(() => {
+      navigator.assign('/natural');
+    }, []);
 
-  return (
-    <Dialog onClose={handleClose}>
-      <div className="flex flex-col gap-xl items-center">
-        <Paragraph align="text-center">Уважаемый клиент!</Paragraph>
-        <Paragraph align="text-center">
-          Для получения кредита Вам необходимо обратиться в офис Банка
-        </Paragraph>
-        <div className="flex flex-col sm:flex-row gap-xl items-center">
-          <Button type="button" version="secondary" onClick={returnToMainPage}>
-            Завершить
-          </Button>
-          {isMaxAttempts ? null : (
-            <Button type="button" onClick={onClose}>
-              Продолжить
+    const handleClose = useCallback(() => {
+      if (isMaxAttempts) {
+        returnToMainPage();
+      } else {
+        onClose();
+      }
+    }, [isMaxAttempts]);
+
+    return (
+      <Dialog onClose={handleClose}>
+        <div className="flex flex-col gap-xl items-center">
+          <Paragraph align="text-center">Уважаемый клиент!</Paragraph>
+          <Paragraph align="text-center">
+            {`Для получения ${mapProductTypeToName[productType]} Вам необходимо обратиться в офис Банка`}
+          </Paragraph>
+          <div className="flex flex-col sm:flex-row gap-xl items-center">
+            <Button type="button" version="secondary" onClick={returnToMainPage}>
+              Завершить
             </Button>
-          )}
+            {isMaxAttempts ? null : (
+              <Button type="button" onClick={onClose}>
+                Продолжить
+              </Button>
+            )}
+          </div>
         </div>
-      </div>
-    </Dialog>
-  );
-});
+      </Dialog>
+    );
+  },
+);