@redneckz/wildless-cms-uni-blocks 0.14.872 → 0.14.874

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

@@ -0,0 +1,55 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
+
+import { locationNavigator } from '../../../external/locationNavigator';
+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';
+
+export interface NoConsentDialogProps extends OnCloseProps {
+  attempts: number;
+  onSubmit?: (confirmStatus: string) => void;
+}
+
+export const NoConsentDialog = JSX<NoConsentDialogProps>(({ attempts, onClose = noop }) => {
+  const navigator = locationNavigator();
+  const isMaxAttempts = attempts > 1;
+
+  const returnToMainPage = useCallback(() => {
+    navigator.assign('/natural');
+  }, []);
+
+  const handleClose = useCallback(() => {
+    if (isMaxAttempts) {
+      returnToMainPage();
+    } else {
+      onClose();
+    }
+  }, [isMaxAttempts]);
+
+  return (
+    <Dialog
+      className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg px-5xl"
+      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}>
+              Продолжить
+            </Button>
+          )}
+        </div>
+      </div>
+    </Dialog>
+  );
+});