@redneckz/wildless-cms-uni-blocks 0.14.618 → 0.14.620

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,
+  };
+};