ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/blocks/auth/otp-form/OTPForm.stories.d.ts

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react';
+import { LucideIcon } from 'lucide-react';
+import { OTPForm, OTPFormProps } from './OTPForm';
+import { FC } from 'react';
+declare const meta: {
+    component: FC<OTPFormProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof OTPForm>;
+export declare const Default: Story;
+export declare const WithInvalidCodeError: Story;
+export declare const WithInvalidEmailError: Story;
+export declare const AllProperties: Story;
+export declare const WithGramaxHeader: Story;
+interface PlaygroundExampleProps {
+    showModal?: boolean;
+    modalTitle?: string;
+    modalDescription?: string;
+    modalIcon?: LucideIcon;
+    otpFormat?: string;
+    autoSubmit?: boolean;
+    resendDelay?: number;
+    emailPlaceholder?: string;
+    emailLabel?: string;
+    emailDescription?: string;
+    otpLabel?: string;
+    otpDescription?: string;
+    sendButtonText?: string;
+    confirmButtonText?: string;
+    resendButtonText?: string;
+    defaultEmail?: string;
+    labelClassName?: string;
+    simulateError?: boolean;
+}
+declare const PlaygroundExample: ({ showModal, modalTitle, modalDescription, modalIcon, simulateError, ...otpProps }: PlaygroundExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Playground: StoryObj<typeof PlaygroundExample>;

package/dist/blocks/auth/otp-form/components/EmailForm.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { z } from 'zod';
+export interface EmailFormProps {
+    /** Предустановленный email */
+    defaultEmail?: string;
+    /** Плейсхолдер для email поля */
+    emailPlaceholder?: string;
+    /** Лейбл для email поля */
+    emailLabel?: string;
+    /** Описание email поля */
+    emailDescription?: string;
+    /** Текст кнопки отправки */
+    sendButtonText?: string;
+    /** Колбек отправки кода. Вызывается при нажатии на кнопку "Отправить", если email валидный. */
+    onSendCode?: (email: string) => Promise<void> | void;
+    /** Колбек изменения email */
+    onEmailChange?: (email: string) => void;
+    /** Показывать ли кнопку отправки */
+    showSendButton?: boolean;
+    /** Классы для лейбла */
+    labelClassName?: string;
+    /** Схема валидации для email поля */
+    emailValidation?: z.ZodString;
+}
+export declare const EmailForm: React.ForwardRefExoticComponent<EmailFormProps & React.RefAttributes<HTMLFormElement>>;

package/dist/blocks/auth/otp-form/components/OTPInputForm.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+export type OTPRenderFunction = (field: ControllerRenderProps<FieldValues, string>) => React.ReactNode;
+export interface OTPInputFormProps {
+    /**
+     * Формат группировки OTP кода
+     * Примеры: "3-3" (XXX-XXX), "4-4" (XXXX-XXXX), "6" (XXXXXX)
+     */
+    otpFormat?: string;
+    /** Функция для обработки вставленного текста */
+    pasteTransformer?: (text: string) => string;
+    /** Автоотправка при заполнении OTP */
+    autoSubmit?: boolean;
+    /** Лейбл для OTP поля */
+    otpLabel?: string;
+    /** Описание OTP поля */
+    otpDescription?: string;
+    /** Текст кнопки подтверждения */
+    confirmButtonText?: string;
+    /** Колбек подтверждения OTP */
+    onConfirmCode?: (otp: string) => Promise<void> | void;
+    /** Показывать ли кнопку подтверждения */
+    showConfirmButton?: boolean;
+    /** Классы для лейбла */
+    labelClassName?: string;
+}
+export declare const OTPInputForm: (props: OTPInputFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/blocks/auth/otp-form/components/ResendButton.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface ResendButtonProps {
+    /** Время последней отправки кода (timestamp) */
+    lastSentTime?: number | null;
+    /** Время задержки для повторной отправки в секундах */
+    resendDelay?: number;
+    /** Текст кнопки повторной отправки */
+    resendButtonText?: string;
+    /** Шаблон текста обратного отсчета */
+    resendCountdownText?: (seconds: number) => string;
+    /** Колбек повторной отправки кода */
+    onResend?: () => Promise<void> | void;
+}
+export declare const ResendButton: React.ForwardRefExoticComponent<ResendButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/blocks/auth/otp-form/index.d.ts

@@ -0,0 +1,3 @@
+export { OTPForm } from './OTPForm';
+export { OTPError } from './utils/OTPError';
+export type { OTPFormProps } from './OTPForm';

package/dist/blocks/auth/otp-form/utils/OTPError.d.ts

@@ -0,0 +1,8 @@
+type OTPErrorType = "invalid_code" | "invalid_email";
+export declare class OTPError extends Error {
+    readonly type: OTPErrorType;
+    constructor(message: string, type?: OTPErrorType);
+    static invalidCode(message?: string): OTPError;
+    static invalidEmail(message?: string): OTPError;
+}
+export {};

package/dist/blocks/auth/otp-form.d.ts

@@ -0,0 +1,2 @@
+export * from './otp-form/index'
+export {}

package/dist/blocks/auth/otp-form.js

@@ -0,0 +1,309 @@
+var $ = Object.defineProperty;
+var z = (t, o, n) => o in t ? $(t, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[o] = n;
+var P = (t, o, n) => z(t, typeof o != "symbol" ? o + "" : o, n);
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import S, { useMemo as N, useState as O, useCallback as B } from "react";
+import { a as D, F as L, g as R } from "../../FormStack-B4QOuYgO.js";
+import { s as G } from "../../zod-BMNoK3aM.js";
+import { e as V } from "../../index.esm-CXA6i4d7.js";
+import { z as v } from "../../vendors/zod.js";
+import { B as E } from "../../Button-Dg89xRSi.js";
+import { T as A } from "../../TextInput-Cj50ImXi.js";
+import { c as j } from "../../cn-dsXlqdJg.js";
+import { T as I } from "../../index-BVqs-uqP.js";
+import { L as k } from "../../loader-circle-D1YXTEGq.js";
+import { c as q, I as H, a as J, b as K } from "../../InputOTP-B2e1nfSO.js";
+class w extends Error {
+  constructor(n, r = "invalid_code") {
+    super(n);
+    P(this, "type");
+    this.type = r, this.name = "OTPError", Object.setPrototypeOf(this, w.prototype);
+  }
+  // Factory методы для удобства
+  static invalidCode(n = "Неверный код подтверждения") {
+    return new w(n, "invalid_code");
+  }
+  static invalidEmail(n = "Неверный email") {
+    return new w(n, "invalid_email");
+  }
+}
+const Q = I({
+  slots: {
+    button: "w-full",
+    iconButton: "animate-spin"
+  }
+}), _ = S.forwardRef((t, o) => {
+  const {
+    defaultEmail: n,
+    emailPlaceholder: r = "you@company.com",
+    emailLabel: e = "Email",
+    emailDescription: i,
+    sendButtonText: p = "Отправить",
+    onSendCode: f,
+    onEmailChange: g,
+    showSendButton: u = !0,
+    labelClassName: h,
+    emailValidation: y
+  } = t, [s, b] = S.useState(!1), l = Q(), d = v.object({
+    email: y || v.string().email("Введите корректный email")
+  }), C = V({
+    resolver: G(d),
+    defaultValues: {
+      email: n || ""
+    }
+  }), m = async (c) => {
+    b(!0);
+    try {
+      await f?.(c.email);
+    } catch (T) {
+      if (T instanceof w && T.type === "invalid_email") {
+        C.setError("email", {
+          type: "manual",
+          message: T.message
+        });
+        return;
+      }
+      throw T;
+    } finally {
+      b(!1);
+    }
+  };
+  return /* @__PURE__ */ a(D, { asChild: !0, ...C, children: /* @__PURE__ */ a("form", { ref: o, onSubmit: C.handleSubmit(m), noValidate: !0, children: /* @__PURE__ */ x(L, { children: [
+    /* @__PURE__ */ a(
+      R,
+      {
+        name: "email",
+        title: e,
+        description: i,
+        labelClassName: h,
+        control: ({ field: c }) => /* @__PURE__ */ a(
+          A,
+          {
+            type: y ? "text" : "email",
+            placeholder: r,
+            showClearIcon: !0,
+            ...c,
+            onChange: (T) => {
+              c.onChange(T), g?.(T || "");
+            }
+          }
+        )
+      }
+    ),
+    u && /* @__PURE__ */ a(
+      E,
+      {
+        type: "submit",
+        disabled: !C.getValues("email") || s,
+        startIcon: s ? k : void 0,
+        className: l.button(),
+        iconClassName: j(s && l.iconButton()),
+        children: p
+      }
+    )
+  ] }) }) });
+});
+_.displayName = "EmailForm";
+const F = {
+  otpLabel: "Код доступа",
+  confirmButtonText: "Подтвердить",
+  showConfirmButton: !0
+}, U = I({
+  slots: {
+    button: "w-full",
+    iconButton: "animate-spin"
+  }
+}), W = (t) => {
+  const {
+    otpFormat: o = "3-3",
+    autoSubmit: n = !0,
+    otpLabel: r = F.otpLabel,
+    otpDescription: e,
+    confirmButtonText: i = F.confirmButtonText,
+    onConfirmCode: p,
+    showConfirmButton: f = F.showConfirmButton,
+    labelClassName: g
+  } = t, u = N(() => X(o), [o]), h = N(() => u.reduce((m, c) => m + c, 0), [u]), y = U(), [s, b] = S.useState(!1), l = V(), d = async (m) => {
+    if (p) {
+      b(!0);
+      try {
+        await p(m.otp);
+      } catch (c) {
+        if (c instanceof w && c.type === "invalid_code") {
+          l.setError("otp", {
+            type: "manual",
+            message: c.message
+          });
+          return;
+        }
+        throw c;
+      } finally {
+        b(!1);
+      }
+    }
+  }, C = (m) => {
+    l.clearErrors("otp"), l.setValue("otp", m), m.length === h && n && l.handleSubmit(d)();
+  };
+  return /* @__PURE__ */ a(D, { asChild: !0, ...l, children: /* @__PURE__ */ a("form", { onSubmit: l.handleSubmit(d), noValidate: !0, children: /* @__PURE__ */ x(L, { children: [
+    /* @__PURE__ */ a(
+      R,
+      {
+        name: "otp",
+        title: r,
+        description: e,
+        labelClassName: g,
+        control: ({ field: m }) => /* @__PURE__ */ a(q, { autoFocus: !0, maxLength: h, ...m, onChange: C, children: Y(u) })
+      }
+    ),
+    f && /* @__PURE__ */ a(
+      E,
+      {
+        type: "submit",
+        disabled: s || l.getValues("otp")?.length !== h,
+        startIcon: s ? k : void 0,
+        className: y.button(),
+        iconClassName: j(s && y.iconButton()),
+        children: i
+      }
+    )
+  ] }) }) });
+}, X = (t, o = [3, 3], n) => {
+  if (!t.includes("-")) {
+    const e = parseInt(t, 10);
+    return isNaN(e) || e <= 0 ? o : [e];
+  }
+  return t.split("-").map((e) => {
+    const i = parseInt(e, 10);
+    return isNaN(i) || i <= 0 ? 1 : i;
+  });
+}, Y = (t) => {
+  let o = 0;
+  return t.map((n, r) => {
+    const e = Array.from({ length: n }, () => /* @__PURE__ */ a(H, { index: o++ }, o)), i = /* @__PURE__ */ a(K, { children: e }, `group-${r}`);
+    return r < t.length - 1 ? /* @__PURE__ */ x(S.Fragment, { children: [
+      i,
+      /* @__PURE__ */ a(J, {})
+    ] }, `fragment-${r}`) : i;
+  });
+}, Z = I({
+  slots: {
+    button: "w-full"
+  }
+}), M = S.forwardRef((t, o) => {
+  const {
+    lastSentTime: n,
+    resendDelay: r = 60,
+    resendButtonText: e = "Отправить код повторно",
+    resendCountdownText: i = (d) => `Отправить код повторно через ${d} сек.`,
+    onResend: p
+  } = t, [f, g] = S.useState(0), [u, h] = S.useState(!1), y = Z();
+  S.useEffect(() => {
+    if (!n) {
+      g(0);
+      return;
+    }
+    const d = () => {
+      const m = Math.floor((Date.now() - n) / 1e3), c = Math.max(0, r - m);
+      g(c);
+    };
+    d();
+    const C = setInterval(d, 1e3);
+    return () => clearInterval(C);
+  }, [n, r]);
+  const s = async () => {
+    if (!(f > 0)) {
+      h(!0);
+      try {
+        await p?.();
+      } catch (d) {
+        console.error("Error resending code:", d);
+      } finally {
+        h(!1);
+      }
+    }
+  }, b = f > 0 || u, l = f > 0 ? i(f) : e;
+  return /* @__PURE__ */ a(
+    E,
+    {
+      ref: o,
+      onClick: s,
+      disabled: b,
+      variant: "link",
+      type: "button",
+      className: y.button(),
+      children: l
+    }
+  );
+});
+M.displayName = "ResendButton";
+const tt = (t) => {
+  const { onSendCode: o, onConfirmCode: n } = t, { labelClassName: r = "w-24" } = t, [e, i] = O(null), [p, f] = O(null), g = B(
+    (s) => {
+      e && s !== e && i(null);
+    },
+    [e]
+  ), u = B(
+    async (s, b = !1) => {
+      try {
+        await o?.(s, b), f(Date.now()), i(s);
+      } catch (l) {
+        throw console.error("Error sending code:", l), l;
+      }
+    },
+    [o]
+  ), h = B(async () => {
+    e && await u(e, !0);
+  }, [u, e]), y = B(
+    async (s) => {
+      await n?.({ email: e, otp: s });
+    },
+    [n, e]
+  );
+  return /* @__PURE__ */ x(L, { children: [
+    /* @__PURE__ */ a(
+      _,
+      {
+        defaultEmail: t.defaultEmail,
+        emailPlaceholder: t.emailPlaceholder,
+        emailLabel: t.emailLabel,
+        emailDescription: t.emailDescription,
+        onEmailChange: g,
+        sendButtonText: t.sendButtonText,
+        onSendCode: u,
+        showSendButton: !e,
+        labelClassName: r,
+        emailValidation: t.emailValidation
+      }
+    ),
+    e && /* @__PURE__ */ a(
+      W,
+      {
+        otpFormat: t.otpFormat,
+        autoSubmit: t.autoSubmit,
+        pasteTransformer: t.pasteTransformer,
+        otpLabel: t.otpLabel,
+        otpDescription: t.otpDescription,
+        confirmButtonText: t.confirmButtonText,
+        onConfirmCode: y,
+        labelClassName: r
+      },
+      p
+    ),
+    e && /* @__PURE__ */ a(
+      M,
+      {
+        resendDelay: t.resendDelay,
+        resendButtonText: t.resendButtonText,
+        resendCountdownText: t.resendCountdownText,
+        onResend: h,
+        lastSentTime: p
+      }
+    )
+  ] });
+};
+tt.displayName = "OTPForm";
+export {
+  w as OTPError,
+  tt as OTPForm
+};
+//# sourceMappingURL=otp-form.js.map

package/dist/blocks/auth/otp-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-form.js","sources":["../../../src/blocks/auth/otp-form/utils/OTPError.ts","../../../src/blocks/auth/otp-form/components/EmailForm.tsx","../../../src/blocks/auth/otp-form/components/OTPInputForm.tsx","../../../src/blocks/auth/otp-form/components/ResendButton.tsx","../../../src/blocks/auth/otp-form/OTPForm.tsx"],"sourcesContent":["type OTPErrorType = \"invalid_code\" | \"invalid_email\";\n\nexport class OTPError extends Error {\n\tpublic readonly type: OTPErrorType;\n\n\tconstructor(message: string, type: OTPErrorType = \"invalid_code\") {\n\t\tsuper(message);\n\t\tthis.type = type;\n\t\tthis.name = \"OTPError\";\n\n\t\t// Необходимо для правильного instanceof в TypeScript\n\t\tObject.setPrototypeOf(this, OTPError.prototype);\n\t}\n\n\t// Factory методы для удобства\n\tstatic invalidCode(message: string = \"Неверный код подтверждения\"): OTPError {\n\t\treturn new OTPError(message, \"invalid_code\");\n\t}\n\n\tstatic invalidEmail(message: string = \"Неверный email\"): OTPError {\n\t\treturn new OTPError(message, \"invalid_email\");\n\t}\n}\n","import { zodResolver } from \"@hookform/resolvers/zod\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { z } from \"zod\";\n\nimport { Button } from \"@/components/button/button/Button\";\nimport { Form, FormField, FormStack } from \"@/components/form\";\nimport { TextInput } from \"@/components/input/text-input/TextInput\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { tv } from \"tailwind-variants\";\nimport { OTPError } from \"../utils/OTPError\";\n\ntype EmailFormData = {\n\temail: string;\n};\n\nexport interface EmailFormProps {\n\t/** Предустановленный email */\n\tdefaultEmail?: string;\n\t/** Плейсхолдер для email поля */\n\temailPlaceholder?: string;\n\t/** Лейбл для email поля */\n\temailLabel?: string;\n\t/** Описание email поля */\n\temailDescription?: string;\n\t/** Текст кнопки отправки */\n\tsendButtonText?: string;\n\t/** Колбек отправки кода. Вызывается при нажатии на кнопку \"Отправить\", если email валидный. */\n\tonSendCode?: (email: string) => Promise<void> | void;\n\t/** Колбек изменения email */\n\tonEmailChange?: (email: string) => void;\n\t/** Показывать ли кнопку отправки */\n\tshowSendButton?: boolean;\n\t/** Классы для лейбла */\n\tlabelClassName?: string;\n\t/** Схема валидации для email поля */\n\temailValidation?: z.ZodString;\n}\n\nconst emailFormStyles = tv({\n\tslots: {\n\t\tbutton: \"w-full\",\n\t\ticonButton: \"animate-spin\"\n\t}\n});\n\nexport const EmailForm = React.forwardRef<HTMLFormElement, EmailFormProps>((props, ref) => {\n\tconst {\n\t\tdefaultEmail,\n\t\temailPlaceholder = \"you@company.com\",\n\t\temailLabel = \"Email\",\n\t\temailDescription,\n\t\tsendButtonText = \"Отправить\",\n\t\tonSendCode,\n\t\tonEmailChange,\n\t\tshowSendButton = true,\n\t\tlabelClassName,\n\t\temailValidation\n\t} = props;\n\n\tconst [isLoading, setIsLoading] = React.useState(false);\n\tconst styles = emailFormStyles();\n\n\tconst validationSchema = z.object({\n\t\temail: emailValidation || z.string().email(\"Введите корректный email\")\n\t});\n\n\tconst form = useForm<EmailFormData>({\n\t\tresolver: zodResolver(validationSchema),\n\t\tdefaultValues: {\n\t\t\temail: defaultEmail || \"\"\n\t\t}\n\t});\n\n\tconst onSubmit = async (data: EmailFormData) => {\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tawait onSendCode?.(data.email);\n\t\t} catch (error) {\n\t\t\tif (error instanceof OTPError && error.type === \"invalid_email\") {\n\t\t\t\tform.setError(\"email\", {\n\t\t\t\t\ttype: \"manual\",\n\t\t\t\t\tmessage: error.message\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthrow error;\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Form asChild {...form}>\n\t\t\t<form ref={ref} onSubmit={form.handleSubmit(onSubmit)} noValidate>\n\t\t\t\t<FormStack>\n\t\t\t\t\t<FormField\n\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\ttitle={emailLabel}\n\t\t\t\t\t\tdescription={emailDescription}\n\t\t\t\t\t\tlabelClassName={labelClassName}\n\t\t\t\t\t\tcontrol={({ field }) => (\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\ttype={emailValidation ? \"text\" : \"email\"}\n\t\t\t\t\t\t\t\tplaceholder={emailPlaceholder}\n\t\t\t\t\t\t\t\tshowClearIcon={true}\n\t\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\tfield.onChange(value);\n\t\t\t\t\t\t\t\t\tonEmailChange?.(value || \"\");\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{showSendButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={!form.getValues(\"email\") || isLoading}\n\t\t\t\t\t\t\tstartIcon={isLoading ? LoaderCircle : undefined}\n\t\t\t\t\t\t\tclassName={styles.button()}\n\t\t\t\t\t\t\ticonClassName={cn(isLoading && styles.iconButton())}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sendButtonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</FormStack>\n\t\t\t</form>\n\t\t</Form>\n\t);\n});\n\nEmailForm.displayName = \"EmailForm\";\n","import React, { useMemo } from \"react\";\nimport { ControllerRenderProps, FieldValues, useForm } from \"react-hook-form\";\n\nimport { Button } from \"@/components/button/button/Button\";\nimport { Form, FormField, FormStack } from \"@/components/form\";\nimport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from \"@/components/input-otp\";\nimport { cn } from \"@/lib/utils\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { OTPError } from \"../utils/OTPError\";\nimport { tv } from \"tailwind-variants\";\n\nexport type OTPRenderFunction = (field: ControllerRenderProps<FieldValues, string>) => React.ReactNode;\n\nexport interface OTPInputFormProps {\n\t/**\n\t * Формат группировки OTP кода\n\t * Примеры: \"3-3\" (XXX-XXX), \"4-4\" (XXXX-XXXX), \"6\" (XXXXXX)\n\t */\n\totpFormat?: string;\n\t/** Функция для обработки вставленного текста */\n\tpasteTransformer?: (text: string) => string;\n\t/** Автоотправка при заполнении OTP */\n\tautoSubmit?: boolean;\n\t/** Лейбл для OTP поля */\n\totpLabel?: string;\n\t/** Описание OTP поля */\n\totpDescription?: string;\n\t/** Текст кнопки подтверждения */\n\tconfirmButtonText?: string;\n\t/** Колбек подтверждения OTP */\n\tonConfirmCode?: (otp: string) => Promise<void> | void;\n\t/** Показывать ли кнопку подтверждения */\n\tshowConfirmButton?: boolean;\n\t/** Классы для лейбла */\n\tlabelClassName?: string;\n}\n\nconst defaultProps: Required<Pick<OTPInputFormProps, \"otpLabel\" | \"confirmButtonText\" | \"showConfirmButton\">> = {\n\totpLabel: \"Код доступа\",\n\tconfirmButtonText: \"Подтвердить\",\n\tshowConfirmButton: true\n};\n\ntype OTPFormData = {\n\totp: string;\n};\n\nconst OTPInputFormStyles = tv({\n\tslots: {\n\t\tbutton: \"w-full\",\n\t\ticonButton: \"animate-spin\"\n\t}\n});\n\nexport const OTPInputForm = (props: OTPInputFormProps) => {\n\tconst {\n\t\totpFormat = \"3-3\",\n\t\tautoSubmit = true,\n\t\totpLabel = defaultProps.otpLabel,\n\t\totpDescription,\n\t\tconfirmButtonText = defaultProps.confirmButtonText,\n\t\tonConfirmCode,\n\t\tshowConfirmButton = defaultProps.showConfirmButton,\n\t\tlabelClassName\n\t} = props;\n\n\tconst otpGrouping = useMemo(() => parseOTPFormat(otpFormat), [otpFormat]);\n\tconst otpLength = useMemo(() => otpGrouping.reduce((acc, curr) => acc + curr, 0), [otpGrouping]);\n\tconst styles = OTPInputFormStyles();\n\n\tconst [isLoading, setIsLoading] = React.useState(false);\n\n\tconst form = useForm<OTPFormData>();\n\n\tconst onSubmit = async (data: OTPFormData) => {\n\t\tif (!onConfirmCode) return;\n\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tawait onConfirmCode(data.otp);\n\t\t} catch (error) {\n\t\t\t// Если это ошибка неправильного кода, показываем ошибку в поле\n\t\t\tif (error instanceof OTPError && error.type === \"invalid_code\") {\n\t\t\t\tform.setError(\"otp\", {\n\t\t\t\t\ttype: \"manual\",\n\t\t\t\t\tmessage: error.message\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthrow error;\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t};\n\n\tconst handleOTPChange = (value: string) => {\n\t\t// Очищаем ошибки при изменении поля\n\t\tform.clearErrors(\"otp\");\n\n\t\tform.setValue(\"otp\", value);\n\t\tif (value.length === otpLength && autoSubmit) {\n\t\t\tform.handleSubmit(onSubmit)();\n\t\t}\n\t};\n\n\treturn (\n\t\t<Form asChild {...form}>\n\t\t\t<form onSubmit={form.handleSubmit(onSubmit)} noValidate>\n\t\t\t\t<FormStack>\n\t\t\t\t\t<FormField\n\t\t\t\t\t\tname=\"otp\"\n\t\t\t\t\t\ttitle={otpLabel}\n\t\t\t\t\t\tdescription={otpDescription}\n\t\t\t\t\t\tlabelClassName={labelClassName}\n\t\t\t\t\t\tcontrol={({ field }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<InputOTP autoFocus={true} maxLength={otpLength} {...field} onChange={handleOTPChange}>\n\t\t\t\t\t\t\t\t\t{generateOTPSlots(otpGrouping)}\n\t\t\t\t\t\t\t\t</InputOTP>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{showConfirmButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={isLoading || form.getValues(\"otp\")?.length !== otpLength}\n\t\t\t\t\t\t\tstartIcon={isLoading ? LoaderCircle : undefined}\n\t\t\t\t\t\t\tclassName={styles.button()}\n\t\t\t\t\t\t\ticonClassName={cn(isLoading && styles.iconButton())}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{confirmButtonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</FormStack>\n\t\t\t</form>\n\t\t</Form>\n\t);\n};\n\nconst parseOTPFormat = (format: string, fallback: number[] = [3, 3], onError?: (error: string) => void): number[] => {\n\tif (!format.includes(\"-\")) {\n\t\t// Одна группа: \"6\" -> [6]\n\t\tconst length = parseInt(format, 10);\n\t\tif (isNaN(length) || length <= 0) {\n\t\t\tonError?.(`Неверный формат OTP: \"${format}\"`);\n\t\t\treturn fallback;\n\t\t}\n\t\treturn [length];\n\t}\n\n\t// Несколько групп: \"3-3\" -> [3, 3]\n\tconst groups = format.split(\"-\").map((group) => {\n\t\tconst size = parseInt(group, 10);\n\t\tif (isNaN(size) || size <= 0) {\n\t\t\tonError?.(`Неверный размер группы: \"${group}\" в формате \"${format}\"`);\n\t\t\treturn 1;\n\t\t}\n\t\treturn size;\n\t});\n\n\treturn groups;\n};\n\nconst generateOTPSlots = (grouping: number[]): React.ReactNode => {\n\tlet currentIndex = 0;\n\n\treturn grouping.map((groupSize, groupIndex) => {\n\t\tconst slots = Array.from({ length: groupSize }, () => (\n\t\t\t<InputOTPSlot key={currentIndex} index={currentIndex++} />\n\t\t));\n\n\t\tconst group = <InputOTPGroup key={`group-${groupIndex}`}>{slots}</InputOTPGroup>;\n\n\t\t// Добавляем разделитель между группами (кроме последней)\n\t\tif (groupIndex < grouping.length - 1) {\n\t\t\treturn (\n\t\t\t\t<React.Fragment key={`fragment-${groupIndex}`}>\n\t\t\t\t\t{group}\n\t\t\t\t\t<InputOTPSeparator />\n\t\t\t\t</React.Fragment>\n\t\t\t);\n\t\t}\n\n\t\treturn group;\n\t});\n};\n","import React from \"react\";\nimport { Button } from \"@/components/button/button/Button\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface ResendButtonProps {\n\t/** Время последней отправки кода (timestamp) */\n\tlastSentTime?: number | null;\n\t/** Время задержки для повторной отправки в секундах */\n\tresendDelay?: number;\n\t/** Текст кнопки повторной отправки */\n\tresendButtonText?: string;\n\t/** Шаблон текста обратного отсчета */\n\tresendCountdownText?: (seconds: number) => string;\n\t/** Колбек повторной отправки кода */\n\tonResend?: () => Promise<void> | void;\n}\n\nconst resendButtonStyles = tv({\n\tslots: {\n\t\tbutton: \"w-full\"\n\t}\n});\n\nexport const ResendButton = React.forwardRef<HTMLButtonElement, ResendButtonProps>((props, ref) => {\n\tconst {\n\t\tlastSentTime,\n\t\tresendDelay = 60,\n\t\tresendButtonText = \"Отправить код повторно\",\n\t\tresendCountdownText = (seconds) => `Отправить код повторно через ${seconds} сек.`,\n\t\tonResend\n\t} = props;\n\n\tconst [remainingSeconds, setRemainingSeconds] = React.useState(0);\n\tconst [isLoading, setIsLoading] = React.useState(false);\n\n\tconst styles = resendButtonStyles();\n\n\t// Таймер обратного отсчета\n\tReact.useEffect(() => {\n\t\tif (!lastSentTime) {\n\t\t\tsetRemainingSeconds(0);\n\t\t\treturn;\n\t\t}\n\n\t\tconst updateCountdown = () => {\n\t\t\tconst elapsedSeconds = Math.floor((Date.now() - lastSentTime) / 1000);\n\t\t\tconst remaining = Math.max(0, resendDelay - elapsedSeconds);\n\t\t\tsetRemainingSeconds(remaining);\n\t\t};\n\n\t\tupdateCountdown();\n\t\tconst timer = setInterval(updateCountdown, 1000);\n\t\treturn () => clearInterval(timer);\n\t}, [lastSentTime, resendDelay]);\n\n\tconst handleResend = async () => {\n\t\tif (remainingSeconds > 0) return;\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tawait onResend?.();\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Error resending code:\", error);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t};\n\n\tconst isDisabled = remainingSeconds > 0 || isLoading;\n\tconst buttonText = remainingSeconds > 0 ? resendCountdownText(remainingSeconds) : resendButtonText;\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\tonClick={handleResend}\n\t\t\tdisabled={isDisabled}\n\t\t\tvariant=\"link\"\n\t\t\ttype=\"button\"\n\t\t\tclassName={styles.button()}\n\t\t>\n\t\t\t{buttonText}\n\t\t</Button>\n\t);\n});\n\nResendButton.displayName = \"ResendButton\";\n","import React, { useCallback, useState } from \"react\";\nimport { FormStack } from \"@/components/form\";\nimport { EmailForm } from \"./components/EmailForm\";\nimport { OTPInputForm } from \"./components/OTPInputForm\";\nimport { ResendButton } from \"./components/ResendButton\";\nimport { z } from \"zod\";\n\nexport interface OTPFormProps {\n\t/**\n\t * Формат группировки OTP кода\n\t * Примеры: \"3-3\" (XXX-XXX), \"4-4\" (XXXX-XXXX), \"6\" (XXXXXX)\n\t */\n\totpFormat?: string;\n\t/** Автоотправка при заполнении OTP */\n\tautoSubmit?: boolean;\n\t/** Функция для обработки вставленного текста */\n\tpasteTransformer?: (text: string) => string;\n\t/** Время задержки для повторной отправки в секундах */\n\tresendDelay?: number;\n\t/** Плейсхолдер для email поля */\n\temailPlaceholder?: string;\n\t/** Лейбл для email поля */\n\temailLabel?: string;\n\t/** Описание email поля */\n\temailDescription?: string;\n\t/** Лейбл для OTP поля */\n\totpLabel?: string;\n\t/** Описание OTP поля */\n\totpDescription?: string;\n\t/** Текст кнопки отправки */\n\tsendButtonText?: string;\n\t/** Текст кнопки подтверждения */\n\tconfirmButtonText?: string;\n\t/** Текст кнопки повторной отправки */\n\tresendButtonText?: string;\n\t/** Шаблон текста обратного отсчета */\n\tresendCountdownText?: (seconds: number) => string;\n\t/** Предустановленный email */\n\tdefaultEmail?: string;\n\t/** Колбек отправки/повторной отправки кода */\n\tonSendCode?: (email: string, isResend?: boolean) => Promise<void> | void;\n\t/** Колбек подтверждения OTP */\n\tonConfirmCode?: (data: { email: string; otp: string }) => Promise<void> | void;\n\t/** CSS классы для стилизации лейбла. Позволяет настроить внешний вид лейбла, например ограничить ширину: \"w-24\" */\n\tlabelClassName?: string;\n\t/** Схема валидации для email поля */\n\temailValidation?: z.ZodString;\n}\n\nexport const OTPForm: React.FC<OTPFormProps> = (props) => {\n\tconst { onSendCode, onConfirmCode } = props;\n\tconst { labelClassName = \"w-24\" } = props;\n\n\t// Email адрес, на который был отправлен OTP код\n\tconst [targetEmail, setTargetEmail] = useState<string | null>(null);\n\tconst [lastSentTime, setLastSentTime] = useState<number | null>(null);\n\n\tconst onEmailChange = useCallback(\n\t\t(email: string) => {\n\t\t\t// Если email изменился, то сбрасываем состояние форм\n\t\t\tif (targetEmail && email !== targetEmail) {\n\t\t\t\tsetTargetEmail(null);\n\t\t\t}\n\t\t},\n\t\t[targetEmail]\n\t);\n\n\t// Обработчик отправки кода из EmailForm\n\tconst handleSendCode = useCallback(\n\t\tasync (email: string, isResend = false) => {\n\t\t\ttry {\n\t\t\t\tawait onSendCode?.(email, isResend);\n\t\t\t\tsetLastSentTime(Date.now());\n\t\t\t\t// Сохраняем email как активный адрес для OTP операций\n\t\t\t\tsetTargetEmail(email);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\"Error sending code:\", error);\n\t\t\t\tthrow error;\n\t\t\t}\n\t\t},\n\t\t[onSendCode]\n\t);\n\n\tconst handleResendCode = useCallback(async () => {\n\t\tif (targetEmail) {\n\t\t\tawait handleSendCode(targetEmail, true);\n\t\t}\n\t}, [handleSendCode, targetEmail]);\n\n\tconst handleOTPConfirm = useCallback(\n\t\tasync (otp: string) => {\n\t\t\tawait onConfirmCode?.({ email: targetEmail!, otp });\n\t\t},\n\t\t[onConfirmCode, targetEmail]\n\t);\n\n\treturn (\n\t\t<FormStack>\n\t\t\t<EmailForm\n\t\t\t\tdefaultEmail={props.defaultEmail}\n\t\t\t\temailPlaceholder={props.emailPlaceholder}\n\t\t\t\temailLabel={props.emailLabel}\n\t\t\t\temailDescription={props.emailDescription}\n\t\t\t\tonEmailChange={onEmailChange}\n\t\t\t\tsendButtonText={props.sendButtonText}\n\t\t\t\tonSendCode={handleSendCode}\n\t\t\t\tshowSendButton={!targetEmail}\n\t\t\t\tlabelClassName={labelClassName}\n\t\t\t\temailValidation={props.emailValidation}\n\t\t\t/>\n\n\t\t\t{targetEmail && (\n\t\t\t\t<OTPInputForm\n\t\t\t\t\t// key для пересоздания компонента, чтобы очистить поле и сфокусироваться на нём\n\t\t\t\t\tkey={lastSentTime}\n\t\t\t\t\totpFormat={props.otpFormat}\n\t\t\t\t\tautoSubmit={props.autoSubmit}\n\t\t\t\t\tpasteTransformer={props.pasteTransformer}\n\t\t\t\t\totpLabel={props.otpLabel}\n\t\t\t\t\totpDescription={props.otpDescription}\n\t\t\t\t\tconfirmButtonText={props.confirmButtonText}\n\t\t\t\t\tonConfirmCode={handleOTPConfirm}\n\t\t\t\t\tlabelClassName={labelClassName}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{targetEmail && (\n\t\t\t\t<ResendButton\n\t\t\t\t\tresendDelay={props.resendDelay}\n\t\t\t\t\tresendButtonText={props.resendButtonText}\n\t\t\t\t\tresendCountdownText={props.resendCountdownText}\n\t\t\t\t\tonResend={handleResendCode}\n\t\t\t\t\tlastSentTime={lastSentTime}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</FormStack>\n\t);\n};\n\nOTPForm.displayName = \"OTPForm\";\n"],"names":["OTPError","message","type","__publicField","emailFormStyles","tv","EmailForm","React","props","ref","defaultEmail","emailPlaceholder","emailLabel","emailDescription","sendButtonText","onSendCode","onEmailChange","showSendButton","labelClassName","emailValidation","isLoading","setIsLoading","styles","validationSchema","z","form","useForm","zodResolver","onSubmit","data","error","Form","jsx","FormStack","FormField","field","TextInput","value","Button","LoaderCircle","cn","defaultProps","OTPInputFormStyles","OTPInputForm","otpFormat","autoSubmit","otpLabel","otpDescription","confirmButtonText","onConfirmCode","showConfirmButton","otpGrouping","useMemo","parseOTPFormat","otpLength","acc","curr","handleOTPChange","InputOTP","generateOTPSlots","format","fallback","onError","length","group","size","grouping","currentIndex","groupSize","groupIndex","slots","InputOTPSlot","InputOTPGroup","jsxs","InputOTPSeparator","resendButtonStyles","ResendButton","lastSentTime","resendDelay","resendButtonText","resendCountdownText","seconds","onResend","remainingSeconds","setRemainingSeconds","updateCountdown","elapsedSeconds","remaining","timer","handleResend","isDisabled","buttonText","OTPForm","targetEmail","setTargetEmail","useState","setLastSentTime","useCallback","email","handleSendCode","isResend","handleResendCode","handleOTPConfirm","otp"],"mappings":"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"}

package/dist/buildMatchPatternFn-d7GTeGl_.js

@@ -0,0 +1,68 @@
+function s(t) {
+  return (n = {}) => {
+    const e = n.width ? String(n.width) : t.defaultWidth;
+    return t.formats[e] || t.formats[t.defaultWidth];
+  };
+}
+function b(t) {
+  return (n, e) => {
+    const l = e?.context ? String(e.context) : "standalone";
+    let r;
+    if (l === "formatting" && t.formattingValues) {
+      const a = t.defaultFormattingWidth || t.defaultWidth, u = e?.width ? String(e.width) : a;
+      r = t.formattingValues[u] || t.formattingValues[a];
+    } else {
+      const a = t.defaultWidth, u = e?.width ? String(e.width) : t.defaultWidth;
+      r = t.values[u] || t.values[a];
+    }
+    const c = t.argumentCallback ? t.argumentCallback(n) : n;
+    return r[c];
+  };
+}
+function k(t) {
+  return (n, e = {}) => {
+    const l = e.width, r = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], c = n.match(r);
+    if (!c)
+      return null;
+    const a = c[0], u = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], h = Array.isArray(u) ? m(u, (i) => i.test(a)) : (
+      // [TODO] -- I challenge you to fix the type
+      o(u, (i) => i.test(a))
+    );
+    let d;
+    d = t.valueCallback ? t.valueCallback(h) : h, d = e.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      e.valueCallback(d)
+    ) : d;
+    const f = n.slice(a.length);
+    return { value: d, rest: f };
+  };
+}
+function o(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function m(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
+}
+function v(t) {
+  return (n, e = {}) => {
+    const l = n.match(t.matchPattern);
+    if (!l) return null;
+    const r = l[0], c = n.match(t.parsePattern);
+    if (!c) return null;
+    let a = t.valueCallback ? t.valueCallback(c[0]) : c[0];
+    a = e.valueCallback ? e.valueCallback(a) : a;
+    const u = n.slice(r.length);
+    return { value: a, rest: u };
+  };
+}
+export {
+  b as a,
+  s as b,
+  k as c,
+  v as d
+};
+//# sourceMappingURL=buildMatchPatternFn-d7GTeGl_.js.map

package/dist/buildMatchPatternFn-d7GTeGl_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildMatchPatternFn-d7GTeGl_.js","sources":["../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js","../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js","../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchFn.js","../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js"],"sourcesContent":["export function buildFormatLongFn(args) {\n  return (options = {}) => {\n    // TODO: Remove String()\n    const width = options.width ? String(options.width) : args.defaultWidth;\n    const format = args.formats[width] || args.formats[args.defaultWidth];\n    return format;\n  };\n}\n","/**\n * The localize function argument callback which allows to convert raw value to\n * the actual type.\n *\n * @param value - The value to convert\n *\n * @returns The converted value\n */\n\n/**\n * The map of localized values for each width.\n */\n\n/**\n * The index type of the locale unit value. It types conversion of units of\n * values that don't start at 0 (i.e. quarters).\n */\n\n/**\n * Converts the unit value to the tuple of values.\n */\n\n/**\n * The tuple of localized era values. The first element represents BC,\n * the second element represents AD.\n */\n\n/**\n * The tuple of localized quarter values. The first element represents Q1.\n */\n\n/**\n * The tuple of localized day values. The first element represents Sunday.\n */\n\n/**\n * The tuple of localized month values. The first element represents January.\n */\n\nexport function buildLocalizeFn(args) {\n  return (value, options) => {\n    const context = options?.context ? String(options.context) : \"standalone\";\n\n    let valuesArray;\n    if (context === \"formatting\" && args.formattingValues) {\n      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;\n      const width = options?.width ? String(options.width) : defaultWidth;\n\n      valuesArray =\n        args.formattingValues[width] || args.formattingValues[defaultWidth];\n    } else {\n      const defaultWidth = args.defaultWidth;\n      const width = options?.width ? String(options.width) : args.defaultWidth;\n\n      valuesArray = args.values[width] || args.values[defaultWidth];\n    }\n    const index = args.argumentCallback ? args.argumentCallback(value) : value;\n\n    // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!\n    return valuesArray[index];\n  };\n}\n","export function buildMatchFn(args) {\n  return (string, options = {}) => {\n    const width = options.width;\n\n    const matchPattern =\n      (width && args.matchPatterns[width]) ||\n      args.matchPatterns[args.defaultMatchWidth];\n    const matchResult = string.match(matchPattern);\n\n    if (!matchResult) {\n      return null;\n    }\n    const matchedString = matchResult[0];\n\n    const parsePatterns =\n      (width && args.parsePatterns[width]) ||\n      args.parsePatterns[args.defaultParseWidth];\n\n    const key = Array.isArray(parsePatterns)\n      ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))\n      : // [TODO] -- I challenge you to fix the type\n        findKey(parsePatterns, (pattern) => pattern.test(matchedString));\n\n    let value;\n\n    value = args.valueCallback ? args.valueCallback(key) : key;\n    value = options.valueCallback\n      ? // [TODO] -- I challenge you to fix the type\n        options.valueCallback(value)\n      : value;\n\n    const rest = string.slice(matchedString.length);\n\n    return { value, rest };\n  };\n}\n\nfunction findKey(object, predicate) {\n  for (const key in object) {\n    if (\n      Object.prototype.hasOwnProperty.call(object, key) &&\n      predicate(object[key])\n    ) {\n      return key;\n    }\n  }\n  return undefined;\n}\n\nfunction findIndex(array, predicate) {\n  for (let key = 0; key < array.length; key++) {\n    if (predicate(array[key])) {\n      return key;\n    }\n  }\n  return undefined;\n}\n","export function buildMatchPatternFn(args) {\n  return (string, options = {}) => {\n    const matchResult = string.match(args.matchPattern);\n    if (!matchResult) return null;\n    const matchedString = matchResult[0];\n\n    const parseResult = string.match(args.parsePattern);\n    if (!parseResult) return null;\n    let value = args.valueCallback\n      ? args.valueCallback(parseResult[0])\n      : parseResult[0];\n\n    // [TODO] I challenge you to fix the type\n    value = options.valueCallback ? options.valueCallback(value) : value;\n\n    const rest = string.slice(matchedString.length);\n\n    return { value, rest };\n  };\n}\n"],"names":["buildFormatLongFn","args","options","width","buildLocalizeFn","value","context","valuesArray","defaultWidth","index","buildMatchFn","string","matchPattern","matchResult","matchedString","parsePatterns","key","findIndex","pattern","findKey","rest","object","predicate","array","buildMatchPatternFn","parseResult"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}