@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/FormViewer/types/schemes.js

@@ -0,0 +1,314 @@
+import * as o from "zod";
+import { mediaLayoutList as a, layoutList as l, slideAnimationList as r, sizeList as n, alignList as e } from "./form.js";
+var i;
+((t) => {
+  t.mediaSchema = o.object({
+    layout: o.enum(a).optional(),
+    brightness: o.number().optional(),
+    image: o.string().optional(),
+    video: o.string().optional(),
+    videoThumb: o.string().optional(),
+    color: o.string().optional(),
+    size: o.number().optional(),
+    blur: o.number().optional()
+  }), t.conditionSchema = o.object({
+    controlId: o.string(),
+    operator: o.string(),
+    compareValue: o.string().optional(),
+    trigger: o.string()
+  }), t.textControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("text"),
+    placeholder: o.string().optional(),
+    minLength: o.number().optional(),
+    maxLength: o.number().optional(),
+    variableName: o.string().optional()
+  }), t.longTextControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("longText"),
+    placeholder: o.string().optional(),
+    minLength: o.number().optional(),
+    maxLength: o.number().optional(),
+    variableName: o.string().optional()
+  }), t.buttonControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    id: o.string(),
+    controlType: o.literal("button"),
+    label: o.string().optional(),
+    link: o.string().optional(),
+    showIconButton: o.boolean().optional(),
+    buttonIcon: o.string().optional(),
+    alignButton: o.enum(["start", "center", "end"]).optional(),
+    buttons: o.array(o.any()).optional(),
+    orientation: o.enum(["row", "column", "row-reverse", "column-reverse"]).optional(),
+    width: o.number().optional(),
+    enableTooltip: o.boolean().optional(),
+    required: o.boolean().optional(),
+    fullWidthMobile: o.boolean().optional()
+  }), t.dateControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("date"),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional(),
+    minDate: o.string().optional(),
+    maxDate: o.string().optional()
+  }), t.startControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("start"),
+    showButton: o.boolean().optional(),
+    buttonIcon: o.string().optional(),
+    label: o.string().optional(),
+    showIconButton: o.boolean().optional()
+  }), t.confirmControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("confirm"),
+    showButton: o.boolean().optional(),
+    buttonIcon: o.string().optional(),
+    link: o.string().optional(),
+    label: o.string().optional()
+  }), t.numberControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("number"),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional(),
+    min: o.number().optional(),
+    max: o.number().optional()
+  }), t.choiceControlItemSchema = o.object({
+    label: o.string(),
+    id: o.string()
+  }), t.choiceControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    id: o.string(),
+    controlType: o.literal("choice"),
+    options: o.array(t.choiceControlItemSchema),
+    required: o.boolean().optional(),
+    showInput: o.boolean().optional(),
+    variableName: o.string().optional(),
+    otherOption: o.boolean().optional()
+  }), t.multipleChoiceControlItemSchema = o.object({
+    label: o.string(),
+    id: o.string()
+  }), t.multipleChoiceControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("multipleChoice"),
+    options: o.array(t.multipleChoiceControlItemSchema),
+    variableName: o.string().optional(),
+    minOptions: o.number().optional(),
+    maxOptions: o.number().optional(),
+    showInput: o.boolean().optional(),
+    otherOption: o.boolean().optional()
+  }), t.pictureChoiceControlItemSchema = o.object({
+    label: o.string(),
+    id: o.string(),
+    image: o.string().optional()
+  }), t.pictureChoiceControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("pictureChoice"),
+    options: o.array(t.pictureChoiceControlItemSchema),
+    variableName: o.string().optional(),
+    showInput: o.boolean().optional()
+  }), t.dropdownControlItemSchema = o.object({
+    label: o.string(),
+    id: o.string()
+  }), t.dropdownControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("dropdown"),
+    options: o.array(t.dropdownControlItemSchema),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional()
+  }), t.emailControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("email"),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional()
+  }), t.locationControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("location"),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional()
+  }), t.phoneControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("phone"),
+    placeholder: o.string().optional(),
+    variableName: o.string().optional()
+  }), t.sliderControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    required: o.boolean().optional(),
+    id: o.string(),
+    controlType: o.literal("slider"),
+    min: o.number().optional(),
+    max: o.number().optional(),
+    variableName: o.string().optional()
+  }), t.uploadControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    id: o.string(),
+    controlType: o.literal("upload"),
+    multiple: o.boolean().optional(),
+    maxFiles: o.number().optional(),
+    minFiles: o.number().optional(),
+    accept: o.array(o.string()).optional(),
+    maxSize: o.number().optional(),
+    required: o.boolean().optional(),
+    variableName: o.string().optional()
+  }), t.yesNoControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    icon: o.string().optional(),
+    id: o.string(),
+    controlType: o.literal("yesNo"),
+    yesLabel: o.string().optional(),
+    noLabel: o.string().optional(),
+    required: o.boolean().optional(),
+    variableName: o.string().optional()
+  }), t.ratingControlSchema = o.object({
+    title: o.string().optional(),
+    description: o.string().optional(),
+    id: o.string(),
+    controlType: o.literal("rating"),
+    required: o.boolean().optional(),
+    variableName: o.string().optional(),
+    count: o.number().optional()
+  }), t.settingsSchema = o.object({
+    enterIndicator: o.any().optional(),
+    progressBar: o.boolean().optional(),
+    copyright: o.boolean().optional(),
+    navArrows: o.boolean().optional(),
+    slideAnimation: o.enum(r),
+    freeNav: o.boolean(),
+    layout: o.enum(l),
+    questionNumber: o.boolean().optional(),
+    mainLanguage: o.string().optional(),
+    recaptcha: o.boolean().optional()
+  }), t.controlSchema = o.discriminatedUnion("controlType", [
+    t.textControlSchema,
+    t.dateControlSchema,
+    t.numberControlSchema,
+    t.multipleChoiceControlSchema,
+    t.sliderControlSchema,
+    t.dropdownControlSchema,
+    t.choiceControlSchema,
+    t.pictureChoiceControlSchema,
+    t.uploadControlSchema,
+    t.locationControlSchema,
+    t.phoneControlSchema,
+    t.emailControlSchema,
+    t.yesNoControlSchema,
+    t.longTextControlSchema,
+    t.startControlSchema,
+    t.confirmControlSchema,
+    t.buttonControlSchema,
+    t.ratingControlSchema
+  ]), t.textSchema = o.object({
+    fontSize: o.number().optional(),
+    fontWeight: o.number().optional(),
+    fontFamily: o.string().optional(),
+    color: o.string().optional()
+  }), t.containerSchema = o.object({
+    color: o.string().optional(),
+    opacity: o.number().optional(),
+    blur: o.number().optional(),
+    backgroundImage: o.string().optional(),
+    shadowSize: o.number().optional(),
+    shadowColor: o.string().optional()
+  }), t.backgroundSchema = o.object({
+    color: o.string().optional(),
+    image: o.string().optional(),
+    blur: o.number().optional(),
+    brightness: o.number().optional(),
+    opacity: o.number().optional(),
+    fit: o.string().optional(),
+    blendMode: o.string().optional()
+  }), t.inputSchema = o.object({
+    backgroundColor: o.string().optional(),
+    borderColor: o.string().optional()
+  }), t.themeSchema = o.object({
+    size: o.enum(n).optional(),
+    align: o.enum(e).optional(),
+    listStyle: o.string().optional(),
+    borderRadius: o.enum(n).optional(),
+    primaryColor: o.string().optional(),
+    title: t.textSchema.optional(),
+    description: t.textSchema.optional(),
+    font: t.textSchema.optional(),
+    container: t.containerSchema.optional(),
+    background: t.backgroundSchema.optional(),
+    input: t.inputSchema.optional(),
+    customCSS: o.string().optional()
+  }), t.stepSchema = o.object({
+    id: o.string(),
+    isStart: o.boolean().optional(),
+    isEnd: o.boolean().optional(),
+    controls: o.array(t.controlSchema),
+    autoSubmit: o.boolean().optional(),
+    confirmLabel: o.string().optional(),
+    media: t.mediaSchema.optional(),
+    trigger: o.string(),
+    conditions: o.array(t.conditionSchema).optional(),
+    theme: t.themeSchema.optional(),
+    position: o.object({
+      x: o.number(),
+      y: o.number()
+    }).optional()
+  }), t.formSchema = o.object({
+    steps: o.array(t.stepSchema).optional(),
+    listStep: t.stepSchema.optional(),
+    theme: t.themeSchema.optional(),
+    settings: t.settingsSchema.optional()
+  });
+})(i || (i = {}));
+export {
+  i as Schemes
+};

package/dist/components/ImageModal/ImageModal.js

@@ -0,0 +1,165 @@
+import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
+import { memo as g, useCallback as m } from "react";
+import { useTranslation as u } from "react-i18next";
+import { Modal as f, Flex as n, Stack as w, Text as b, Tooltip as l, ActionIcon as i, Image as y } from "@mantine/core";
+import { IconPhoto as x, IconDownload as k, IconX as I } from "@tabler/icons-react";
+import { create as C } from "zustand";
+const r = C(() => ({
+  opened: !1,
+  src: ""
+})), P = (o) => {
+  r.setState({ opened: !0, src: o });
+}, c = () => {
+  r.setState({ opened: !1 });
+}, T = g(() => {
+  const { src: o, opened: s } = r(), { t: a } = u(), d = m(
+    (p) => {
+      p.stopPropagation(), window.open(o, "_blank")?.focus();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ e(
+    f,
+    {
+      transitionProps: {
+        duration: 0
+      },
+      styles: {
+        content: {
+          backgroundColor: "var(--mantine-color-dark-8)"
+        },
+        body: {
+          height: "100%"
+        }
+      },
+      withCloseButton: !1,
+      opened: s,
+      onClose: c,
+      fullScreen: !0,
+      children: /* @__PURE__ */ e(
+        n,
+        {
+          align: "center",
+          styles: {
+            root: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          children: /* @__PURE__ */ t(h, { children: [
+            /* @__PURE__ */ t(
+              n,
+              {
+                justify: "space-between",
+                align: "center",
+                pos: "absolute",
+                top: 0,
+                left: 0,
+                right: 0,
+                gap: 8,
+                py: 16,
+                px: 24,
+                style: {
+                  background: "linear-gradient(rgb(16, 18, 20), rgba(14, 22, 36, 0)) 0px center no-repeat",
+                  zIndex: 99
+                },
+                children: [
+                  /* @__PURE__ */ t(n, { align: "center", gap: 12, miw: 0, children: [
+                    /* @__PURE__ */ e(
+                      n,
+                      {
+                        justify: "center",
+                        align: "center",
+                        gap: 8,
+                        style: {
+                          flexShrink: 0,
+                          width: "32px",
+                          height: "32px",
+                          borderRadius: "4px",
+                          backgroundColor: "var(--mantine-color-blue-5)",
+                          color: "var(--mantine-color-white)"
+                        },
+                        children: /* @__PURE__ */ e(x, { size: 18 })
+                      }
+                    ),
+                    /* @__PURE__ */ e(w, { gap: 0, miw: 0, children: /* @__PURE__ */ e(b, { size: "md", c: "white", truncate: "end", maw: 300, children: o }) })
+                  ] }),
+                  /* @__PURE__ */ t(n, { gap: 4, children: [
+                    /* @__PURE__ */ e(
+                      l,
+                      {
+                        label: a("common.action.download"),
+                        openDelay: 200,
+                        keepMounted: !1,
+                        children: /* @__PURE__ */ e(
+                          i,
+                          {
+                            size: "lg",
+                            variant: "subtle",
+                            color: "gray.0",
+                            onClick: d,
+                            children: /* @__PURE__ */ e(k, {})
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      l,
+                      {
+                        label: a("common.action.close"),
+                        openDelay: 200,
+                        keepMounted: !1,
+                        children: /* @__PURE__ */ e(
+                          i,
+                          {
+                            size: "lg",
+                            variant: "subtle",
+                            color: "gray.0",
+                            onClick: c,
+                            children: /* @__PURE__ */ e(I, {})
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              n,
+              {
+                justify: "center",
+                align: "center",
+                styles: {
+                  root: {
+                    width: "100%",
+                    height: "100%",
+                    minHeight: 320
+                  }
+                },
+                children: /* @__PURE__ */ e(
+                  y,
+                  {
+                    mah: "100dvh",
+                    fit: "contain",
+                    maw: "100%",
+                    w: "initial",
+                    src: o
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+});
+export {
+  T as ImageModal,
+  c as closeImageModal,
+  P as openImageModal,
+  r as useChangePasswordModalStore
+};

package/dist/components/LanguagePicker/LanguagePicker.js

@@ -0,0 +1,41 @@
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { useMenu as f } from "../../hooks/useMenu.js";
+import { Select as b, Image as o, Group as d } from "@mantine/core";
+import { IconCheck as x } from "@tabler/icons-react";
+import S from "../../assets/images/flags/es.svg.js";
+import h from "../../assets/images/flags/ru.svg.js";
+import y from "../../assets/images/flags/us.svg.js";
+import s from "./LanguagePicker.module.css.js";
+const l = {
+  ru: h,
+  en: y,
+  es: S
+}, t = [
+  { value: "ru", label: "Русский (Россия)" },
+  { value: "en", label: "English (US)" },
+  { value: "es", label: "Español (España)" }
+], O = ({ value: r, onChange: n }) => {
+  const { isMobile: m } = f(), i = ({
+    option: e,
+    checked: c
+  }) => /* @__PURE__ */ g(d, { flex: "1", gap: "xs", children: [
+    /* @__PURE__ */ a(o, { src: l[e.value], className: s.image }),
+    e.label,
+    c && /* @__PURE__ */ a(x, { style: { marginInlineStart: "auto" }, stroke: 1.2 })
+  ] }), p = u(() => t.find((e) => e.value === r) ? r : "en", [r]);
+  return /* @__PURE__ */ a(
+    b,
+    {
+      w: m ? "100%" : 320,
+      onChange: (e) => e && n(e),
+      leftSection: /* @__PURE__ */ a(o, { src: l[r], className: s.image }),
+      value: p,
+      data: t,
+      renderOption: i
+    }
+  );
+};
+export {
+  O as LanguagePicker
+};

package/dist/components/LanguagePicker/LanguagePicker.module.css.js

@@ -0,0 +1,7 @@
+const e = "_image_vcu25_1", a = {
+  image: e
+};
+export {
+  a as default,
+  e as image
+};

package/dist/components/Loaders/BaseLoader.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as s } from "react";
+import o from "clsx";
+import m from "./styles.module.css.js";
+const l = s(({ className: e }) => /* @__PURE__ */ r("div", { className: o(m.wrapper, e), children: /* @__PURE__ */ r("div", { className: o(m.loader) }) }));
+export {
+  l as BaseLoader
+};

package/dist/components/Loaders/styles.module.css.js

@@ -0,0 +1,9 @@
+const r = "_loader_r5fdk_1", e = "_wrapper_r5fdk_9", a = {
+  loader: r,
+  wrapper: e
+};
+export {
+  a as default,
+  r as loader,
+  e as wrapper
+};

package/dist/components/Logotype.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Link as s } from "react-router-dom";
+import { Flex as g } from "@mantine/core";
+import f from "../assets/layers-logo-full.svg.js";
+import u from "../assets/layers-logo-icon.svg.js";
+import L from "../assets/logo-copyright.svg.js";
+import { useIsDarkTheme as a } from "../helpers/themeUtils.js";
+const I = ({
+  minified: o,
+  isLink: m = !0,
+  to: p = "/",
+  variant: t = "default",
+  ...e
+}) => {
+  const n = a(), i = () => o ? /* @__PURE__ */ r(u, {}) : t === "copyright" ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r(f, {}), c = () => o ? 40 : t === "copyright" ? 18 : 70;
+  return m ? /* @__PURE__ */ r(s, { to: p, children: /* @__PURE__ */ r(
+    g,
+    {
+      component: "span",
+      w: c(),
+      c: n ? "white" : "black",
+      ...e,
+      children: i()
+    }
+  ) }) : /* @__PURE__ */ r(
+    g,
+    {
+      component: "span",
+      w: c(),
+      c: n ? "white" : "black",
+      ...e,
+      children: i()
+    }
+  );
+};
+export {
+  L as LayersLogoCopyright,
+  u as LayersLogoIcon,
+  I as Logotype
+};

package/dist/components/NavMenu/NavMenu.d.ts

@@ -1,16 +1,18 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { BoxProps } from '@mantine/core';
 import { NavMenuStore, createNavMenuStore } from './store';
-import { ExpandNavMenuItemDef, NavMenuItemDef, NavMenuOrderChange } from './types';
+import { ExpandNavMenuItemDef, NavMenuItemDef, NavMenuOnLoadMore, NavMenuOrderChange } from './types';
 export type NavMenuProps = {
     items: NavMenuItemDef[];
     loading?: boolean;
+    onLoadMore?: NavMenuOnLoadMore;
     onOrderChange?: NavMenuOrderChange;
     noItemsPlaceholder?: ReactNode;
+    totalCount?: number;
 } & Partial<NavMenuStore['props']> & {
     store?: ReturnType<typeof createNavMenuStore>;
 };
-export declare const NavMenu: (({ items, loading, noItemsPlaceholder, onOrderChange, onEdit, store: _store, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const NavMenu: (({ items, loading, onLoadMore, noItemsPlaceholder, onOrderChange, onEdit, onToggle, store: _store, totalCount, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
     Item: import('react').MemoExoticComponent<({ item, ignoreDepth }: {
         item: ExpandNavMenuItemDef;
         ignoreDepth?: boolean;