@redneckz/wildless-cms-uni-blocks 0.14.619 → 0.14.621

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useMobileMode } from '../../hooks/useMobileMode';
 import { noop } from '../../utils/noop';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
@@ -30,6 +31,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   const [confirmStatus, setConfirmStatus] = useState('');
   const [showRefuceContent, setShowRefuceContent] = useState(false);
   const { open, close } = useDialogManager();
+  const isMobile = useMobileMode();
   const handleClose = useCallback(() => {
     close();
     handleSubmit(confirmStatus);
@@ -46,7 +48,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   return (
     <Dialog className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg" onClose={onClose}>
       <div className="flex flex-col gap-lg items-center">
-        <div role="button" onClick={() => openDocument(CONSENT_BKI_ID, open)}>
+        <div role="button" onClick={() => openDocument(open, CONSENT_BKI_ID, isMobile)}>
           <Heading className="text-center text-balance" title={consentText.title} />
         </div>
         <Paragraph align="text-center">{consentText.description}</Paragraph>

package/src/ui-kit/ConsentBkiDialog/useConsentBkiDialog.tsx

@@ -4,14 +4,10 @@ import { useDialogManager } from '../DialogManager/useDialogManager';
 import { useVerifyPhoneDialog } from '../VerifyPhoneDialog/useVerifyPhoneDialog';
 import { ConsentBkiDialog } from './ConsentBkiDialog';
 
-export const useConsentBkiDialog = () => {
+export const useConsentBkiDialog = (onClose: () => void) => {
   const { open, closeAll } = useDialogManager();
   const verifyPhoneDialog = useVerifyPhoneDialog();
 
-  const redirectToCreditForm = () => {
-    globalThis.location.href = '/credit-lead';
-  };
-
   const handleSuccessVerify = (profileId?: number) => async (smsCode?: string) => {
     if (profileId) {
       await updateUserProfile({
@@ -23,7 +19,7 @@ export const useConsentBkiDialog = () => {
       });
     }
 
-    redirectToCreditForm();
+    onClose();
   };
 
   const handleSubmitBkiConstent =
@@ -33,7 +29,7 @@ export const useConsentBkiDialog = () => {
       if (confirmStatus === 'SIGNED' && phone) {
         verifyPhoneDialog.open(handleSuccessVerify(profileId), verifyPhoneContent(phone));
       } else {
-        redirectToCreditForm();
+        onClose();
       }
     };
 
@@ -42,7 +38,7 @@ export const useConsentBkiDialog = () => {
       open(
         <ConsentBkiDialog
           handleSubmit={handleSubmitBkiConstent(phone, profileId)}
-          onClose={redirectToCreditForm}
+          onClose={onClose}
         />,
       ),
   };

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

@@ -2,12 +2,20 @@ import { type VNode } from '../../model/VNode';
 import { getDocument } from '../Checkbox/getDocument';
 import { Dialog } from './Dialog';
 
-export const openDocument = async (id: number, open: (dialog: VNode) => void) => {
-  const document = await getDocument(id);
+export const openDocument = async (
+  open: (dialog: VNode) => void,
+  id: number,
+  convertToPng = false,
+) => {
+  const document = await getDocument(id, convertToPng);
 
   open(
     <Dialog className="my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0">
-      <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      {convertToPng ? (
+        <img src={document} />
+      ) : (
+        <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      )}
     </Dialog>,
   );
 };

package/src/ui-kit/EsiaLoginDialog/EsiaLoginDialog.fixture.tsx

@@ -0,0 +1,7 @@
+import '../../setup-fixture';
+
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export default {
+  default: <EsiaLoginDialog />,
+};

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

@@ -0,0 +1,44 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { getLink } from '../../api/RetailAPI/getLink';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { Img } from '../Img/Img';
+
+export interface EsiaLoginDialogProps {
+  handleClose?: () => void;
+}
+
+export const EsiaLoginDialog = JSX<EsiaLoginDialogProps>(function ({ handleClose }) {
+  const handleAuth = useCallback(async () => {
+    const resp = await getLink({
+      redirectUri: globalThis.location.href + '&esiaAuth=true',
+    });
+    if (resp) {
+      globalThis.location.href = resp.link;
+    }
+  }, []);
+
+  return (
+    <Dialog className="my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg" onClose={handleClose}>
+      <div className="flex flex-col gap-lg items-center rounded-md">
+        <div className="flex items-center justify-around w-full">
+          <ul className="list-disc">
+            <li>Вероятность одобрения выше</li>
+            <li>Без справок о доходах и трудоустройстве</li>
+            <li>С защитой Ваших данных</li>
+          </ul>
+          <Img image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }} height="70" />
+        </div>
+        <div className="flex items-center justify-between w-full m-0">
+          <Button type="button" onClick={handleAuth}>
+            Заполнить через Госуслуги
+          </Button>
+          <Button type="button" version="secondary" onClick={handleClose}>
+            Пропустить
+          </Button>
+        </div>
+      </div>
+    </Dialog>
+  );
+});

package/src/ui-kit/EsiaLoginDialog/useEsiaLoginDialog.tsx

@@ -0,0 +1,23 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useDialogManager, type DialogOptions } from '../DialogManager/useDialogManager';
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export interface EsiaLoginDialogProps {
+  responseType?: 'OK' | 'Fail';
+  typeForm?: string;
+}
+
+export const useEsiaLoginDialog = (nextStepLink: string) => {
+  const { open, close } = useDialogManager();
+
+  const handleClose = useCallback(() => {
+    close();
+    globalThis.location.href = nextStepLink;
+  }, []);
+
+  return {
+    open: (options: DialogOptions = {}) =>
+      open(<EsiaLoginDialog handleClose={handleClose} />, options),
+    close,
+  };
+};