@redneckz/wildless-cms-uni-blocks 0.14.933 → 0.14.935

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

@@ -0,0 +1,49 @@
+import { ApplicationForm } from '../../components/ApplicationForm/ApplicationForm';
+import type { SubmitButtonProps } from '../../components/ApplicationForm/ApplicationFormContent';
+import type { LinkProps } from '../../model/LinkProps';
+import type { OnCloseProps } from '../../model/OnCloseProps';
+import { noop } from '../../utils/noop';
+import { Dialog } from '../DialogManager/Dialog';
+
+export interface PhoneCallRequestDialogProps extends OnCloseProps {
+  ok?: boolean;
+  typeForm?: string;
+}
+
+const button: SubmitButtonProps = {
+  text: 'Отправить заявку',
+  version: 'primary',
+};
+
+const link: LinkProps = {
+  text: 'Согласен на обработку персональных данных',
+  href: '/privacy-policy',
+  target: '_blank',
+};
+
+export const PhoneCallRequestDialog = ({ onClose = noop }: PhoneCallRequestDialogProps) => (
+  <Dialog onClose={onClose} position="corner">
+    <div className="flex flex-col gap-lg items-center rounded-md space-x-m">
+      <div className="container grid grid-cols-12">
+        <ApplicationForm
+          className="col-span-12 pt-0"
+          endpoint="callback"
+          title="Заказать обратный звонок"
+          sections={[
+            {
+              inputs: [
+                { name: 'questionProduct', required: true },
+                { name: 'callbackTime', required: true, label: 'Когда перезвонить?' },
+                { name: 'russianPhone', required: true },
+                { name: 'consentDataProcessing', required: true },
+              ],
+            },
+          ]}
+          button={button}
+          link={link}
+          onSuccess={onClose}
+        />
+      </div>
+    </div>
+  </Dialog>
+);

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

@@ -8,33 +8,38 @@ import { Img } from '../Img/Img';
 export interface ResponseNotificationProps extends OnCloseProps {
   ok?: boolean;
   typeForm?: string;
+  errorMessage?: string;
 }
 
-export const ResponseTypeDialog = JSX<ResponseNotificationProps>(({ ok, typeForm, onClose }) => {
-  const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
+export const ResponseTypeDialog = JSX<ResponseNotificationProps>(
+  ({ ok, typeForm, onClose, errorMessage }) => {
+    const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
 
-  const responseOKDescription =
-    typeForm === 'ANTIFRAUD'
-      ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
+    const responseOKDescription =
+      typeForm === 'ANTIFRAUD'
+        ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
   можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
    не звонят с использованием мессенджеров.`
-      : 'Совсем скоро мы с вами свяжемся';
+        : 'Совсем скоро мы с вами свяжемся';
 
-  return (
-    <Dialog maxWidth="lg" onClose={onClose}>
-      <div className="flex flex-col gap-lg items-center rounded-md space-x-m">
-        <Img image={{ icon: statusIcon, iconVersion: 'normal' }} width="136" height="136" />
-        <Headline
-          className="w-full"
-          title={ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку'}
-          description={ok ? responseOKDescription : 'Пожалуйста, повторите позднее'}
-          headlineVersion="XS"
-          isEmbedded={true}
-        />
-        <Button type="button" onClick={onClose}>
-          Хорошо
-        </Button>
-      </div>
-    </Dialog>
-  );
-});
+    const responseFailDescription = errorMessage || 'Пожалуйста, повторите позднее';
+
+    return (
+      <Dialog maxWidth="lg" onClose={onClose}>
+        <div className="flex flex-col gap-lg items-center rounded-md space-x-m">
+          <Img image={{ icon: statusIcon, iconVersion: 'normal' }} width="136" height="136" />
+          <Headline
+            className="w-full"
+            title={ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку'}
+            description={ok ? responseOKDescription : responseFailDescription}
+            headlineVersion="XS"
+            isEmbedded={true}
+          />
+          <Button type="button" onClick={onClose}>
+            Хорошо
+          </Button>
+        </div>
+      </Dialog>
+    );
+  },
+);

package/src/ui-kit/Select/renderSelectContainer.tsx

@@ -1,6 +1,7 @@
 import type { ControlProps } from '../../model/ControlProps';
 import { type IconVersion } from '../../model/IconVersion';
 import { type OnCloseProps } from '../../model/OnCloseProps';
+import { noop } from '../../utils/noop';
 import { style } from '../../utils/style';
 import { type Option } from './Option';
 import { renderIcon } from './renderIcon';
@@ -21,7 +22,7 @@ export const renderSelectContainer = ({
   valid = true,
   isDisabled = false,
   isOpen = false,
-  onOpen,
+  onOpen = noop,
   onClose,
   isManualInput = false,
   query = '',

package/src/utils/getTimezone.ts

@@ -0,0 +1,9 @@
+export const getUserTimezoneOffset = (): string => {
+  const offset = new Date().getTimezoneOffset();
+  const absOffset = Math.abs(offset);
+  const hours = Math.floor(absOffset / 60);
+  const minutes = absOffset % 60;
+  const sign = offset < 0 ? '+' : '-';
+
+  return `GMT${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+};