@mailstep/design-system 0.8.26-beta.2 → 0.8.26-beta.4

package/ui/packages/ui/Blocks/CornerDialog/styles.js

@@ -1,53 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/CornerDialog/styles.ts
-var n = t.div`
-  position: fixed;
-  z-index: 10;
-  bottom: 3rem;
-  right: 0.6rem;
-  background: white;
-  border-radius: 12px;
-  box-shadow: cornerDialogShadow;
-  width: 95vw;
-  max-width: 400px;
-  padding: 50px 30px 30px;
-  color: typoPrimary;
-  transition: opacity 225ms linear;
-  opacity: ${({ $mounted: e }) => +!!e};
-  @media (min-width: 768px) {
-    right: 3rem;
-    width: 400px;
-  }
-`, r = t.div`
-  margin-bottom: 15px;
-  color: typoPrimary;
-  font-size: 18px;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-`, i = t.div`
-  font-size: 14px;
-  font-weight: 400;
-`, a = t.div`
-  position: absolute;
-  left: 0;
-  top: 0;
-  padding: 6px 10px;
-  text-transform: uppercase;
-  border-radius: 12px 0 12px 0;
-  background-color: ${({ background: t }) => e.color(t)};
-`, o = t.div`
-  cursor: pointer;
-  position: absolute;
-  top: 12px;
-  right: 12px;
-`, s = t.span`
-  display: inline-block;
-  margin-left: 6px;
-  font-size: 14px;
-  font-weight: 700;
-  color: ${({ fontColor: t }) => e.color(t)};
-`;
-//#endregion
-export { o as CloseBtn, n as Container, r as Header, a as Status, s as StatusText, i as Wrapper };

package/ui/packages/ui/Blocks/CornerDialog/utils.js

@@ -1,30 +0,0 @@
-//#region packages/ui/Blocks/CornerDialog/utils.ts
-var e = {
-	info: {
-		fontColor: "gray1",
-		backgroundColor: "lightGray7",
-		fill: "gray1"
-	},
-	success: {
-		fontColor: "white",
-		backgroundColor: "green",
-		fill: "white"
-	},
-	error: {
-		fontColor: "white",
-		backgroundColor: "red1",
-		fill: "white"
-	},
-	warning: {
-		fontColor: "blue2",
-		backgroundColor: "yellow1",
-		fill: "blue2"
-	}
-}, t = {
-	info: "info",
-	success: "circleCheck",
-	error: "circleX",
-	warning: "circleTriangle"
-};
-//#endregion
-export { e as statusToColors, t as statusToIcon };

package/ui/packages/ui/Blocks/HidePrint/HidePrint.js

@@ -1,12 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import "react";
-import t from "styled-components";
-//#region packages/ui/Blocks/HidePrint/HidePrint.tsx
-var n = e(), r = t.div`
-  display: contents;
-  @media print {
-    display: none;
-  }
-`, i = ({ children: e }) => /* @__PURE__ */ (0, n.jsx)(r, { children: e });
-//#endregion
-export { i as default };

package/ui/packages/ui/Blocks/ImageList/ImageList.js

@@ -1,76 +0,0 @@
-import { x as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../node_modules/react/jsx-runtime.js";
-import n from "../../Elements/Icon/Icon.js";
-import { useDraggable as r } from "../../../../node_modules/react-use-draggable-scroll/dist/react-use-draggable-scroll.esm.js";
-import { useLightBox as i } from "../LightBox/hooks/useLightBox.js";
-import a from "../LightBox/index.js";
-import { AddPhoto as o } from "./components/AddPhoto/index.js";
-import { ImageElement as s } from "./components/ImageElement/index.js";
-import { useControls as c } from "./hooks/useControls.js";
-import { useOnElementClick as l } from "./hooks/useOnElementClick.js";
-import { Control as u, ImageListContainer as d } from "./styles.js";
-import { useRef as f } from "react";
-//#region packages/ui/Blocks/ImageList/ImageList.tsx
-var p = t(), m = ({ onImageUpload: t, onImageRemove: m, onImageClick: h, lightBoxAction: g, lightBoxActionTitle: _, images: v, isDisabled: y, selectable: b, max: x }) => {
-	let S = f(null), { events: C } = r(S, { isMounted: !!v?.length }), { isLightBoxOpen: w, onCloseLightBox: T, onOpenLightBox: E, lightBoxData: D } = i(), { handleOnClick: O, selected: k } = l({
-		onImageClick: h,
-		onOpenLightBox: E,
-		selectable: b
-	}), { hasControls: A, position: j, moveList: M } = c({
-		max: x,
-		total: v?.length
-	});
-	return /* @__PURE__ */ (0, p.jsxs)(e.div, {
-		display: "flex",
-		alignItems: "center",
-		children: [
-			/* @__PURE__ */ (0, p.jsx)(o, {
-				onImageUpload: t,
-				isDisabled: y,
-				hasRemove: !!m
-			}),
-			A && /* @__PURE__ */ (0, p.jsx)(u, {
-				onClick: M(-1),
-				isLeft: !0,
-				isDisabled: j === 0,
-				hasRemove: !!m,
-				children: /* @__PURE__ */ (0, p.jsx)(n, {
-					icon: "lessThen",
-					size: "24px"
-				})
-			}),
-			v && /* @__PURE__ */ (0, p.jsx)(d, {
-				ref: S,
-				...C,
-				children: v.map((e, t) => /* @__PURE__ */ (0, p.jsx)(s, {
-					imageUrl: e.smallUrl ?? e.url,
-					onImageRemove: m?.(e.id),
-					onClick: O(e, t),
-					isDisabled: y,
-					label: e?.label,
-					selected: t === k,
-					visible: !x || t >= j && t < j + x
-				}, e.id ?? t))
-			}),
-			A && /* @__PURE__ */ (0, p.jsx)(u, {
-				onClick: M(1),
-				isDisabled: !!v && !!x && j >= v?.length - x,
-				hasRemove: !!m,
-				children: /* @__PURE__ */ (0, p.jsx)(n, {
-					icon: "greaterThan",
-					size: "24px"
-				})
-			}),
-			/* @__PURE__ */ (0, p.jsx)(a, {
-				initialSlide: D?.initialSlide,
-				isLightBoxOpen: w,
-				onCloseLightBox: T,
-				lightBoxAction: g,
-				lightBoxActionTitle: _,
-				images: v
-			})
-		]
-	});
-};
-//#endregion
-export { m as ImageList };

package/ui/packages/ui/Blocks/ImageList/components/AddPhoto/index.js

@@ -1,34 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { AddPhoto as t } from "../../../../Elements/Icon/icons/AddPhoto.js";
-import { Container as n, HiddenInput as r } from "./styles.js";
-import { useCallback as i } from "react";
-//#region packages/ui/Blocks/ImageList/components/AddPhoto/index.tsx
-var a = e(), o = ({ onImageUpload: e, isDisabled: o, hasRemove: s }) => {
-	let c = i((t) => {
-		if (!t.target?.files?.[0]) return;
-		let n = new FileReader();
-		n.readAsDataURL(t.target.files[0]), n.onload = async () => {
-			await e?.({
-				base64image: n.result?.split(",").pop(),
-				base64WithDataDeclaration: n.result,
-				file: t.target.files?.[0]
-			});
-		};
-	}, [e]);
-	return e ? /* @__PURE__ */ (0, a.jsxs)(n, {
-		isDisabled: o,
-		hasRemove: s,
-		children: [/* @__PURE__ */ (0, a.jsx)(r, {
-			disabled: o,
-			onChange: c,
-			type: "file",
-			accept: "image/*;capture=camera",
-			capture: "environment"
-		}), /* @__PURE__ */ (0, a.jsx)(t, {
-			width: "36",
-			height: "36"
-		})]
-	}) : null;
-};
-//#endregion
-export { o as AddPhoto };

package/ui/packages/ui/Blocks/ImageList/components/AddPhoto/styles.js

@@ -1,30 +0,0 @@
-import { th as e } from "../../../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/ImageList/components/AddPhoto/styles.ts
-var n = t.div`
-  position: relative;
-  flex-shrink: 0;
-  transition: all 0.2s linear;
-  height: 85px !important;
-  width: 85px !important;
-  border-radius: ${e.radius("lg")};
-  border: ${e.border("mediumSlim")};
-  border-color: ${e.color("red1")};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  margin-right: 15px;
-  opacity: ${({ isDisabled: e }) => e ? .6 : 1};
-  margin-top: ${({ hasRemove: e }) => e ? "15px" : ""};
-`, r = t.input`
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-`;
-//#endregion
-export { n as Container, r as HiddenInput };

package/ui/packages/ui/Blocks/ImageList/components/CloseButton/index.js

@@ -1,16 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import t from "../../../../Elements/Icon/Icon.js";
-import "../../../../Elements/Icon/index.js";
-import { Container as n } from "./styles.js";
-//#region packages/ui/Blocks/ImageList/components/CloseButton/index.tsx
-var r = e(), i = ({ onImageRemove: e, isDisabled: i }) => /* @__PURE__ */ (0, r.jsx)(n, {
-	onClick: i ? void 0 : e,
-	isDisabled: i,
-	children: /* @__PURE__ */ (0, r.jsx)(t, {
-		icon: "close",
-		size: "22px",
-		fill: i ? "magenta60" : "red1"
-	})
-});
-//#endregion
-export { i as CloseButton };

package/ui/packages/ui/Blocks/ImageList/components/CloseButton/styles.js

@@ -1,19 +0,0 @@
-import { th as e } from "../../../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/ImageList/components/CloseButton/styles.ts
-var n = t.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 30px;
-  height: 30px;
-  background-color: ${({ isDisabled: t }) => e.color(t ? "bgLightGray1" : "red20")};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s linear;
-`;
-//#endregion
-export { n as Container };

package/ui/packages/ui/Blocks/ImageList/components/ImageElement/index.js

@@ -1,26 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { CloseButton as t } from "../CloseButton/index.js";
-import { ImageTag as n } from "../ImageTag/index.js";
-import { Image as r, ImageWrapper as i } from "./styles.js";
-//#region packages/ui/Blocks/ImageList/components/ImageElement/index.tsx
-var a = e(), o = ({ label: e, onImageRemove: o, isDisabled: s, onClick: c, imageUrl: l, selected: u, visible: d }) => l ? /* @__PURE__ */ (0, a.jsxs)(i, {
-	visible: d,
-	hasImageRemove: !!o,
-	children: [
-		/* @__PURE__ */ (0, a.jsx)(r, {
-			src: l,
-			alt: "",
-			width: "85px",
-			height: "85px",
-			onClick: c,
-			selected: u
-		}),
-		o && /* @__PURE__ */ (0, a.jsx)(t, {
-			onImageRemove: o,
-			isDisabled: s
-		}),
-		/* @__PURE__ */ (0, a.jsx)(n, { label: e })
-	]
-}) : null;
-//#endregion
-export { o as ImageElement };

package/ui/packages/ui/Blocks/ImageList/components/ImageElement/styles.js

@@ -1,20 +0,0 @@
-import { th as e } from "../../../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-t.div``;
-var n = t.img`
-  border-radius: ${e.radius("lg")};
-  border: ${({ selected: e }) => e ? "3px solid" : "0"};
-  border-color: red1;
-  cursor: pointer;
-  transition: all 0.2s;
-`, r = t.div`
-  position: relative;
-  padding-right: ${({ hasImageRemove: e }) => e ? "15px" : "0"};
-  padding-top: ${({ hasImageRemove: e }) => e ? "15px" : "0"};
-  width: 100px;
-  height: ${({ hasImageRemove: e }) => e ? "100px" : "85px"};
-  display: ${({ visible: e }) => e ? "block" : "none"};
-  user-select: none;
-`;
-//#endregion
-export { n as Image, r as ImageWrapper };

package/ui/packages/ui/Blocks/ImageList/components/ImageTag/index.js

@@ -1,12 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import t from "../../../../Elements/Tag/index.js";
-import { Container as n } from "./styles.js";
-//#region packages/ui/Blocks/ImageList/components/ImageTag/index.tsx
-var r = e(), i = ({ label: e }) => e ? /* @__PURE__ */ (0, r.jsx)(n, { children: /* @__PURE__ */ (0, r.jsx)(t, {
-	size: "small",
-	color: "darkGreen",
-	textColor: "white",
-	children: /* @__PURE__ */ (0, r.jsx)("b", { children: e })
-}) }) : null;
-//#endregion
-export { i as ImageTag };

package/ui/packages/ui/Blocks/ImageList/components/ImageTag/styles.js

@@ -1,9 +0,0 @@
-import { styled as e } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/ImageList/components/ImageTag/styles.ts
-var t = e.div`
-  position: absolute;
-  bottom: 2px;
-  left: 2px;
-`;
-//#endregion
-export { t as Container };

package/ui/packages/ui/Blocks/ImageList/hooks/useControls.js

@@ -1,14 +0,0 @@
-import { useCallback as e, useState as t } from "react";
-//#region packages/ui/Blocks/ImageList/hooks/useControls.ts
-var n = ({ max: n, total: r = 0 }) => {
-	let [i, a] = t(0);
-	return {
-		moveList: e((e) => () => {
-			n && a((t) => Math.min(Math.max(t + e, 0), r - n));
-		}, [r]),
-		position: i,
-		hasControls: !!n && r > n
-	};
-};
-//#endregion
-export { n as useControls };

package/ui/packages/ui/Blocks/ImageList/hooks/useOnElementClick.js

@@ -1,13 +0,0 @@
-import { useCallback as e, useState as t } from "react";
-//#region packages/ui/Blocks/ImageList/hooks/useOnElementClick.ts
-var n = ({ onImageClick: n, onOpenLightBox: r, selectable: i }) => {
-	let [a, o] = t(-1);
-	return {
-		handleOnClick: e((e, t) => () => {
-			n ? n(e) : r(t)(), i && o((e) => e === t ? -1 : t);
-		}, [n, r]),
-		selected: a
-	};
-};
-//#endregion
-export { n as useOnElementClick };

package/ui/packages/ui/Blocks/ImageList/index.js

@@ -1,5 +0,0 @@
-import { ImageList as e } from "./ImageList.js";
-//#region packages/ui/Blocks/ImageList/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/ImageList/styles.js

@@ -1,28 +0,0 @@
-import { styled as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/ImageList/styles.ts
-var t = e.div`
-  display: flex;
-  overflow-x: scroll;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  position: relative;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`, n = e.div`
-  width: 24px;
-  margin-right: ${({ isLeft: e }) => e ? "15px" : 0};
-  margin-top: ${({ hasRemove: e }) => e ? "15px" : 0};
-  cursor: pointer;
-  display: flex;
-  transition: all 0.4s;
-
-  color: ${({ isDisabled: e }) => e ? "gray" : "black"};
-
-  &:hover {
-    color: ${({ isDisabled: e }) => e ? "gray" : "red1"};
-  }
-`;
-//#endregion
-export { n as Control, t as ImageListContainer };

package/ui/packages/ui/Blocks/LanguageSwitch/LanguageSwitch.js

@@ -1,44 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import t from "../../Elements/Icon/Icon.js";
-import { DropdownMenu as n } from "../../Elements/DropdownMenu/DropdownMenu.js";
-import "../../Elements/DropdownMenu/index.js";
-import r from "../Popover/index.js";
-import { LanguageFlagWrap as i, LanguageSwitchWrap as a, StyledFlag as o } from "./styles.js";
-import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
-//#region packages/ui/Blocks/LanguageSwitch/LanguageSwitch.tsx
-var d = e(), f = {
-	left: "bottom-start",
-	right: "bottom-end"
-}, p = ({ activeLanguage: e, onLanguageChange: p, languageItems: m, placement: h = "right", withTitle: g, languageFlagWrapBackgroundColor: _ }) => {
-	let [v, y] = u(!1), b = l(null), x = s(() => {
-		y(!1);
-	}, []), S = s(() => {
-		y(!v);
-	}, [v]), C = s((e) => () => {
-		p?.(e);
-	}, [p]), w = c(() => m?.find((t) => t.languageCode === e), [e, m]), T = c(() => m?.filter((t) => t.languageCode !== e), [m, e]), E = c(() => T?.map(({ title: e, icon: t, languageCode: n }) => ({
-		title: e,
-		icon: t,
-		onClick: C(n)
-	})), [T, C]);
-	return !w || !m ? null : /* @__PURE__ */ (0, d.jsxs)(a, { children: [/* @__PURE__ */ (0, d.jsxs)(i, {
-		ref: b,
-		onClick: S,
-		backgroundColor: _,
-		withTitle: g,
-		children: [/* @__PURE__ */ (0, d.jsxs)(o, { children: [w.icon, g && w.title] }), /* @__PURE__ */ (0, d.jsx)(t, {
-			icon: "chevronDown",
-			size: "10px"
-		})]
-	}), v && /* @__PURE__ */ (0, d.jsx)(r, {
-		parentRef: b,
-		onClose: x,
-		placement: f[h],
-		children: /* @__PURE__ */ (0, d.jsx)(n, {
-			showMenu: !0,
-			items: E
-		})
-	})] });
-};
-//#endregion
-export { p as default };

package/ui/packages/ui/Blocks/LanguageSwitch/index.js

@@ -1,5 +0,0 @@
-import e from "./LanguageSwitch.js";
-//#region packages/ui/Blocks/LanguageSwitch/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/LanguageSwitch/styles.js

@@ -1,30 +0,0 @@
-import { styled as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/LanguageSwitch/styles.ts
-var t = e.div`
-  cursor: pointer;
-  font-size: 16px;
-  display: flex;
-  gap: 6px;
-  align-items: center;
-`, n = e.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: fit-content;
-`, r = e.div`
-  cursor: pointer;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${({ withTitle: e }) => e ? "16px" : "8px"};
-  padding: 6px;
-  border-radius: 10px;
-  background: ${({ backgroundColor: e }) => e || "white"};
-
-  @media (min-width: 768px) {
-    padding: 7px 12px;
-  }
-`;
-//#endregion
-export { r as LanguageFlagWrap, n as LanguageSwitchWrap, t as StyledFlag };

package/ui/packages/ui/Blocks/LightBox/LightBox.js

@@ -1,38 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import t from "../../Elements/Button/Button.js";
-import "../../Elements/Button/index.js";
-import n from "../Modal/index.js";
-import { Swiper as r, SwiperSlide as i } from "../../../../node_modules/swiper/swiper-react.js";
-import { ButtonContainer as a, Container as o, Description as s, Image as c } from "./styles.js";
-//#region packages/ui/Blocks/LightBox/LightBox.tsx
-var l = e(), u = ({ isLightBoxOpen: e, onCloseLightBox: u, lightBoxAction: d, lightBoxActionTitle: f, images: p, initialSlide: m = 0 }) => p?.length ? /* @__PURE__ */ (0, l.jsx)(n, {
-	isShown: e,
-	onClose: u,
-	variant: "mobileFullscreen",
-	top: "10px",
-	children: /* @__PURE__ */ (0, l.jsx)(r, {
-		initialSlide: m,
-		slidesPerView: 1,
-		autoHeight: !0,
-		children: p.map((e) => /* @__PURE__ */ (0, l.jsx)(i, { children: /* @__PURE__ */ (0, l.jsxs)(o, { children: [
-			/* @__PURE__ */ (0, l.jsx)(c, {
-				src: e.originalUrl ?? e.url,
-				loading: "lazy",
-				alt: ""
-			}),
-			(e.date || e.description) && /* @__PURE__ */ (0, l.jsxs)(s, { children: [
-				e.date,
-				" ",
-				e.description
-			] }),
-			!!e.withLightBoxAction && d && f && /* @__PURE__ */ (0, l.jsx)(a, { children: /* @__PURE__ */ (0, l.jsx)(t, {
-				onClick: d(e.id),
-				appearance: "primary",
-				variant: "default",
-				children: f
-			}) })
-		] }) }, e.id))
-	})
-}) : null;
-//#endregion
-export { u as LightBox };

package/ui/packages/ui/Blocks/LightBox/hooks/useLightBox.js

@@ -1,17 +0,0 @@
-import { useModal as e } from "../../Modal/hooks/useModal.js";
-import "../../Modal/index.js";
-import { useCallback as t } from "react";
-//#region packages/ui/Blocks/LightBox/hooks/useLightBox.ts
-var n = () => {
-	let { isOpen: n, onOpen: r, onClose: i, data: a } = e();
-	return {
-		onOpenLightBox: t((e = 0) => () => {
-			r({ initialSlide: e });
-		}, [r]),
-		onCloseLightBox: i,
-		isLightBoxOpen: n,
-		lightBoxData: a
-	};
-};
-//#endregion
-export { n as useLightBox };

package/ui/packages/ui/Blocks/LightBox/index.js

@@ -1,6 +0,0 @@
-import { LightBox as e } from "./LightBox.js";
-import "./hooks/useLightBox.js";
-//#region packages/ui/Blocks/LightBox/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/LightBox/styles.js

@@ -1,25 +0,0 @@
-import { styled as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/LightBox/styles.ts
-var t = e.div`
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-`, n = e.img`
-  width: 100%;
-  height: 100%;
-`, r = e.div`
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  bottom: -60px;
-`, i = e.div`
-  padding: 10px;
-  position: absolute;
-  width: 100%;
-  bottom: 0px;
-  background: rgba(255, 255, 255, 0.8);
-`;
-//#endregion
-export { r as ButtonContainer, t as Container, i as Description, n as Image };

package/ui/packages/ui/Blocks/LoginPage/LoginPage.js

@@ -1,61 +0,0 @@
-import { x as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../node_modules/react/jsx-runtime.js";
-import { Admin as n } from "../../Elements/Icon/icons/Admin.js";
-import { Trans as r } from "../../../../node_modules/@lingui/react/dist/index.js";
-import { H6 as i } from "../../Elements/Typography/Typography.js";
-import a from "../LanguageSwitch/index.js";
-import { LoginForm as o } from "./components/LoginForm.js";
-import "./utils/links.js";
-import { SocialLinks as s } from "./components/SocialLinks.js";
-import { CardBodyWithLanguage as c, LanguageBox as l, LogoWrapper as u, MailTo as d, MainLogo as f, Version as p, Wrapper as m } from "./styles.js";
-//#region packages/ui/Blocks/LoginPage/LoginPage.tsx
-var h = t(), g = ({ onSubmit: t, activeLanguage: g, onLanguageChange: _, children: v, brand: y, brandVariant: b, isSubmitting: x, isSubmitDisabled: S, withDistributionCenterSelect: C, distributionCenterOptions: w, selectedDistributionCenter: T, onChangeDistributionCenter: E, languageItems: D, version: O, backgroundImage: k, admin: A, hasSupport: j = !0, hasSocialLinks: M = !0, withPassword: N = !0, withLogin: P = !0, loginLabel: F, passwordLabel: I }) => /* @__PURE__ */ (0, h.jsxs)(m, {
-	backgroundImage: k,
-	children: [
-		/* @__PURE__ */ (0, h.jsxs)(c, { children: [
-			/* @__PURE__ */ (0, h.jsxs)(u, { children: [/* @__PURE__ */ (0, h.jsx)(f, {
-				brand: y,
-				variant: b
-			}), A && /* @__PURE__ */ (0, h.jsx)(n, {})] }),
-			/* @__PURE__ */ (0, h.jsxs)(l, { children: [j && /* @__PURE__ */ (0, h.jsxs)(e.div, {
-				mr: 4,
-				children: [/* @__PURE__ */ (0, h.jsx)(i, {
-					color: "gray1",
-					variant: "bold",
-					mt: "8px",
-					mb: "8px",
-					as: "h6",
-					children: /* @__PURE__ */ (0, h.jsx)(r, {
-						id: "form.heading.support",
-						message: "Support:"
-					})
-				}), /* @__PURE__ */ (0, h.jsx)(d, {
-					href: "mailto:mailstep@mailstep.cz",
-					children: "mailstep@mailstep.cz"
-				})]
-			}), /* @__PURE__ */ (0, h.jsx)(a, {
-				activeLanguage: g,
-				onLanguageChange: _,
-				languageItems: D
-			})] }),
-			/* @__PURE__ */ (0, h.jsx)(o, {
-				onSubmit: t,
-				isSubmitDisabled: S,
-				isSubmitting: x,
-				onChangeDistributionCenter: E,
-				withDistributionCenterSelect: C,
-				distributionCenterOptions: w,
-				selectedDistributionCenter: T,
-				withPassword: N,
-				withLogin: P,
-				loginLabel: F,
-				passwordLabel: I
-			})
-		] }),
-		v,
-		O && /* @__PURE__ */ (0, h.jsx)(p, { children: O }),
-		M && /* @__PURE__ */ (0, h.jsx)(s, {})
-	]
-});
-//#endregion
-export { g as default };