@mailstep/design-system 0.8.30 → 0.8.31-beta.2

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

@@ -1,17 +1,17 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
-import "../../Modal/index.js";
-import { useCallback } from "react";
-//#region packages/ui/Blocks/LightBox/hooks/useLightBox.ts
-const useLightBox = () => {
-	const { isOpen, onOpen, onClose, data } = useModal();
-	return {
-		onOpenLightBox: useCallback((index = 0) => () => {
-			onOpen({ initialSlide: index });
-		}, [onOpen]),
-		onCloseLightBox: onClose,
-		isLightBoxOpen: isOpen,
-		lightBoxData: data
-	};
+import { useCallback } from 'react';
+import { useModal } from '../../Modal';
+export var useLightBox = function () {
+    var _a = useModal(), isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, data = _a.data;
+    var onOpenLightBox = useCallback(function (index) {
+        if (index === void 0) { index = 0; }
+        return function () {
+            onOpen({ initialSlide: index });
+        };
+    }, [onOpen]);
+    return {
+        onOpenLightBox: onOpenLightBox,
+        onCloseLightBox: onClose,
+        isLightBoxOpen: isOpen,
+        lightBoxData: data
+    };
 };
-//#endregion
-export { useLightBox };

package/ui/Blocks/LightBox/index.d.ts

@@ -1,4 +1,5 @@
 import { LightBox } from './LightBox';
+
 export { useLightBox } from './hooks/useLightBox';
 export type { ImageData } from './types';
 export default LightBox;

package/ui/Blocks/LightBox/index.js

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

package/ui/Blocks/LightBox/stories/LightBox.stories.d.ts

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react-webpack5';
+
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../types").LightBoxProps>;
+    component: import('react').FC<import('../types').LightBoxProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/LightBox/stories/LightBox.stories.js

@@ -0,0 +1,21 @@
+import { LightBox } from '../LightBox';
+var meta = {
+    title: 'Blocks/LightBox',
+    component: LightBox,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+var images = [
+    { id: '1', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', date: '1.12.2024', description: 'Lorem ipsum' },
+    { id: '2', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', description: 'Lorem ipsum' },
+    { id: '3', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', date: '1.12.2024' },
+    { id: '3', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400' },
+];
+export var LightBoxDefault = {
+    args: {
+        images: images,
+        isLightBoxOpen: true,
+        onCloseLightBox: console.log
+    },
+};

package/ui/Blocks/LightBox/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/system").Theme, {}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Image: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, {}, never>;
+export declare const ButtonContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Description: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/LightBox/styles.js

@@ -1,28 +1,10 @@
-import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Blocks/LightBox/styles.ts
-const Container = styled$1.div`
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-`;
-const Image = styled$1.img`
-  width: 100%;
-  height: 100%;
-`;
-const ButtonContainer = styled$1.div`
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  bottom: -60px;
-`;
-const Description = styled$1.div`
-  padding: 10px;
-  position: absolute;
-  width: 100%;
-  bottom: 0px;
-  background: rgba(255, 255, 255, 0.8);
-`;
-//#endregion
-export { ButtonContainer, Container, Description, Image };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '@xstyled/styled-components';
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n"])));
+export var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
+export var ButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"])));
+export var Description = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 10px;\n  position: absolute;\n  width: 100%;\n  bottom: 0px;\n  background: rgba(255, 255, 255, 0.8);\n"], ["\n  padding: 10px;\n  position: absolute;\n  width: 100%;\n  bottom: 0px;\n  background: rgba(255, 255, 255, 0.8);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Blocks/LoginPage/LoginPage.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
-import type { LoginPageProps } from './types';
+import { FC } from 'react';
+import { LoginPageProps } from './types';
+
 declare const Login: FC<LoginPageProps>;
 export default Login;

package/ui/Blocks/LoginPage/LoginPage.js

@@ -1,63 +1,15 @@
-import { Admin } from "../../Elements/Icon/icons/Admin.js";
-import { H6 } from "../../Elements/Typography/Typography.js";
-import LanguageSwitch_default from "../LanguageSwitch/index.js";
-import { LoginForm } from "./components/LoginForm.js";
-import "./utils/links.js";
-import { SocialLinks } from "./components/SocialLinks.js";
-import { CardBodyWithLanguage, LanguageBox, LogoWrapper, MailTo, MainLogo, Version, Wrapper } from "./styles.js";
-import { x } from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/LoginPage/LoginPage.tsx
-const Login = ({ onSubmit, activeLanguage, onLanguageChange, children, brand, brandVariant, isSubmitting, isSubmitDisabled, withDistributionCenterSelect, distributionCenterOptions, selectedDistributionCenter, onChangeDistributionCenter, languageItems, version, backgroundImage, admin, hasSupport = true, hasSocialLinks = true, withPassword = true, withLogin = true, loginLabel, passwordLabel }) => {
-	return /* @__PURE__ */ jsxs(Wrapper, {
-		backgroundImage,
-		children: [
-			/* @__PURE__ */ jsxs(CardBodyWithLanguage, { children: [
-				/* @__PURE__ */ jsxs(LogoWrapper, { children: [/* @__PURE__ */ jsx(MainLogo, {
-					brand,
-					variant: brandVariant
-				}), admin && /* @__PURE__ */ jsx(Admin, {})] }),
-				/* @__PURE__ */ jsxs(LanguageBox, { children: [hasSupport && /* @__PURE__ */ jsxs(x.div, {
-					mr: 4,
-					children: [/* @__PURE__ */ jsx(H6, {
-						color: "gray1",
-						variant: "bold",
-						mt: "8px",
-						mb: "8px",
-						as: "h6",
-						children: /* @__PURE__ */ jsx(Trans, {
-							id: "form.heading.support",
-							message: "Support:"
-						})
-					}), /* @__PURE__ */ jsx(MailTo, {
-						href: "mailto:mailstep@mailstep.cz",
-						children: "mailstep@mailstep.cz"
-					})]
-				}), /* @__PURE__ */ jsx(LanguageSwitch_default, {
-					activeLanguage,
-					onLanguageChange,
-					languageItems
-				})] }),
-				/* @__PURE__ */ jsx(LoginForm, {
-					onSubmit,
-					isSubmitDisabled,
-					isSubmitting,
-					onChangeDistributionCenter,
-					withDistributionCenterSelect,
-					distributionCenterOptions,
-					selectedDistributionCenter,
-					withPassword,
-					withLogin,
-					loginLabel,
-					passwordLabel
-				})
-			] }),
-			children,
-			version && /* @__PURE__ */ jsx(Version, { children: version }),
-			hasSocialLinks && /* @__PURE__ */ jsx(SocialLinks, {})
-		]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Admin } from '../../Elements/Icon/icons/Admin';
+import { H6 } from '../../Elements/Typography/Typography';
+import LanguageSwitch from '../LanguageSwitch';
+import { LoginForm } from './components/LoginForm';
+import { SocialLinks } from './components/SocialLinks';
+import { EMAIL_ADDRESS } from './utils/links';
+import { Trans } from '@lingui/react';
+import { x } from '@xstyled/styled-components';
+import { Wrapper, MailTo, LanguageBox, LogoWrapper, MainLogo, Version, CardBodyWithLanguage } from './styles';
+var Login = function (_a) {
+    var onSubmit = _a.onSubmit, activeLanguage = _a.activeLanguage, onLanguageChange = _a.onLanguageChange, children = _a.children, brand = _a.brand, brandVariant = _a.brandVariant, isSubmitting = _a.isSubmitting, isSubmitDisabled = _a.isSubmitDisabled, withDistributionCenterSelect = _a.withDistributionCenterSelect, distributionCenterOptions = _a.distributionCenterOptions, selectedDistributionCenter = _a.selectedDistributionCenter, onChangeDistributionCenter = _a.onChangeDistributionCenter, languageItems = _a.languageItems, version = _a.version, backgroundImage = _a.backgroundImage, admin = _a.admin, _b = _a.hasSupport, hasSupport = _b === void 0 ? true : _b, _c = _a.hasSocialLinks, hasSocialLinks = _c === void 0 ? true : _c, _d = _a.withPassword, withPassword = _d === void 0 ? true : _d, _e = _a.withLogin, withLogin = _e === void 0 ? true : _e, loginLabel = _a.loginLabel, passwordLabel = _a.passwordLabel;
+    return (_jsxs(Wrapper, { backgroundImage: backgroundImage, children: [_jsxs(CardBodyWithLanguage, { children: [_jsxs(LogoWrapper, { children: [_jsx(MainLogo, { brand: brand, variant: brandVariant }), admin && _jsx(Admin, {})] }), _jsxs(LanguageBox, { children: [hasSupport && (_jsxs(x.div, { mr: 4, children: [_jsx(H6, { color: "gray1", variant: "bold", mt: "8px", mb: "8px", as: "h6", children: _jsx(Trans, { id: "form.heading.support", message: "Support:" }) }), _jsx(MailTo, { href: "mailto:mailstep@mailstep.cz", children: EMAIL_ADDRESS })] })), _jsx(LanguageSwitch, { activeLanguage: activeLanguage, onLanguageChange: onLanguageChange, languageItems: languageItems })] }), _jsx(LoginForm, { onSubmit: onSubmit, isSubmitDisabled: isSubmitDisabled, isSubmitting: isSubmitting, onChangeDistributionCenter: onChangeDistributionCenter, withDistributionCenterSelect: withDistributionCenterSelect, distributionCenterOptions: distributionCenterOptions, selectedDistributionCenter: selectedDistributionCenter, withPassword: withPassword, withLogin: withLogin, loginLabel: loginLabel, passwordLabel: passwordLabel })] }), children, version && _jsx(Version, { children: version }), hasSocialLinks && _jsx(SocialLinks, {})] }));
 };
-//#endregion
-export { Login as default };
+export default Login;

package/ui/Blocks/LoginPage/components/LoginForm.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { Option } from '../../../Elements/Select/types';
 import { LoginData } from '../types';
+
 type Props = {
     onSubmit: (loginData: LoginData) => Promise<void>;
     isSubmitting?: boolean;

package/ui/Blocks/LoginPage/components/LoginForm.js

@@ -1,170 +1,63 @@
-import Button from "../../../Elements/Button/Button.js";
-import SingleSelect from "../../../Elements/SingleSelect/SingleSelect.js";
-import { Input } from "../../../Forms/Input/Input.js";
-import { useCallback, useState } from "react";
-import styled$1, { x } from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { i18n } from "@lingui/core";
-import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/LoginPage/components/LoginForm.tsx
-const Container = styled$1.div`
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-  margin-bottom: 10px;
-  & > div > H4 {
-    display: none;
-  }
-  @media (min-width: 1024px) {
-    height: 300px;
-    min-width: 300px;
-    margin-bottom: 50px;
-    & > div > H4 {
-      display: block;
-    }
-  }
-`;
-const ButtonsContainer = styled$1.div`
-  display: flex;
-  margin-top: 15px;
-  width: 100%;
-  @media (min-width: 1024px) {
-    display: inline-block;
-    margin-top: 40px;
-  }
-`;
-const LoginForm = ({ onSubmit, isSubmitting, isSubmitDisabled, distributionCenterOptions, withDistributionCenterSelect, onChangeDistributionCenter, selectedDistributionCenter, withPassword, withLogin, loginLabel, passwordLabel }) => {
-	const [login, setLogin] = useState("");
-	const [password, setPassword] = useState("");
-	const [submitError, setSubmitError] = useState("");
-	const [loginError, setLoginError] = useState("");
-	const [passwordError, setPasswordError] = useState("");
-	const [dcCenterError, setDCCenterError] = useState("");
-	const handleChangeLogin = useCallback((e) => {
-		setLogin(e.target.value);
-	}, []);
-	const handleChangePassword = useCallback((e) => {
-		setPassword(e.target.value);
-	}, []);
-	const handleSubmit = useCallback(() => {
-		setLoginError("");
-		setPasswordError("");
-		setDCCenterError("");
-		setSubmitError("");
-		if (withLogin && !login) {
-			setLoginError(i18n._({
-				id: "requiredField",
-				message: "Required field"
-			}));
-			return;
-		}
-		if (withPassword && !password) {
-			setPasswordError(i18n._({
-				id: "requiredField",
-				message: "Required field"
-			}));
-			return;
-		}
-		if (withDistributionCenterSelect && !selectedDistributionCenter) {
-			setDCCenterError(i18n._({
-				id: "requiredField",
-				message: "Required field"
-			}));
-			return;
-		}
-		onSubmit({
-			login,
-			password
-		}).catch((error) => {
-			error && setSubmitError(String(error));
-		}).finally(() => {
-			setPassword("");
-		});
-	}, [
-		login,
-		password,
-		selectedDistributionCenter,
-		withDistributionCenterSelect,
-		withPassword,
-		onSubmit
-	]);
-	const handleChangeDistributionCenter = useCallback((e) => {
-		onChangeDistributionCenter?.(e.target.value);
-	}, [onChangeDistributionCenter]);
-	return /* @__PURE__ */ jsxs(Container, { children: [
-		withLogin && /* @__PURE__ */ jsx(x.div, {
-			mt: "24px",
-			children: /* @__PURE__ */ jsx(Input, {
-				label: loginLabel || i18n._({
-					id: "form.login.label",
-					message: "Login"
-				}),
-				placeholder: i18n._({
-					id: "form.login.label",
-					message: "Login"
-				}),
-				type: "text",
-				name: "login",
-				autoFocus: true,
-				error: loginError,
-				value: login,
-				onChange: handleChangeLogin,
-				onEnter: handleSubmit
-			})
-		}),
-		withPassword && /* @__PURE__ */ jsx(x.div, {
-			mt: "12px",
-			children: /* @__PURE__ */ jsx(Input, {
-				label: passwordLabel || i18n._({
-					id: "form.password.label",
-					message: "Password"
-				}),
-				placeholder: i18n._({
-					id: "form.password.label",
-					message: "Password"
-				}),
-				name: "password",
-				type: "password",
-				value: password,
-				onChange: handleChangePassword,
-				error: passwordError,
-				onEnter: handleSubmit
-			})
-		}),
-		withDistributionCenterSelect && /* @__PURE__ */ jsx(x.div, {
-			mt: "12px",
-			children: /* @__PURE__ */ jsx(SingleSelect, {
-				onChange: handleChangeDistributionCenter,
-				options: distributionCenterOptions,
-				value: selectedDistributionCenter,
-				placeholder: i18n._({
-					id: "form.distributionCenter.label",
-					message: "Distribution center"
-				}),
-				label: i18n._({
-					id: "form.distributionCenter.label",
-					message: "Distribution center"
-				}),
-				error: dcCenterError
-			})
-		}),
-		submitError && /* @__PURE__ */ jsx(x.div, {
-			mt: "12px",
-			color: "red1",
-			children: submitError
-		}),
-		/* @__PURE__ */ jsx(ButtonsContainer, { children: /* @__PURE__ */ jsx(Button, {
-			onClick: handleSubmit,
-			iconLeft: "login",
-			isLoading: isSubmitting,
-			disabled: isSubmitDisabled,
-			fullWidth: true,
-			children: /* @__PURE__ */ jsx(Trans, {
-				id: "form.buttonSignIn",
-				message: "Sign in"
-			})
-		}) })
-	] });
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-//#endregion
-export { LoginForm };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import Button from '../../../Elements/Button/Button';
+import SingleSelect from '../../../Elements/SingleSelect/SingleSelect';
+import { Input } from '../../../Forms/Input/Input';
+import { i18n } from '@lingui/core';
+import { Trans } from '@lingui/react';
+import styled, { x } from '@xstyled/styled-components';
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  margin-bottom: 10px;\n  & > div > H4 {\n    display: none;\n  }\n  @media (min-width: 1024px) {\n    height: 300px;\n    min-width: 300px;\n    margin-bottom: 50px;\n    & > div > H4 {\n      display: block;\n    }\n  }\n"], ["\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  margin-bottom: 10px;\n  & > div > H4 {\n    display: none;\n  }\n  @media (min-width: 1024px) {\n    height: 300px;\n    min-width: 300px;\n    margin-bottom: 50px;\n    & > div > H4 {\n      display: block;\n    }\n  }\n"])));
+var ButtonsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  margin-top: 15px;\n  width: 100%;\n  @media (min-width: 1024px) {\n    display: inline-block;\n    margin-top: 40px;\n  }\n"], ["\n  display: flex;\n  margin-top: 15px;\n  width: 100%;\n  @media (min-width: 1024px) {\n    display: inline-block;\n    margin-top: 40px;\n  }\n"])));
+export var LoginForm = function (_a) {
+    var onSubmit = _a.onSubmit, isSubmitting = _a.isSubmitting, isSubmitDisabled = _a.isSubmitDisabled, distributionCenterOptions = _a.distributionCenterOptions, withDistributionCenterSelect = _a.withDistributionCenterSelect, onChangeDistributionCenter = _a.onChangeDistributionCenter, selectedDistributionCenter = _a.selectedDistributionCenter, withPassword = _a.withPassword, withLogin = _a.withLogin, loginLabel = _a.loginLabel, passwordLabel = _a.passwordLabel;
+    var _b = useState(''), login = _b[0], setLogin = _b[1];
+    var _c = useState(''), password = _c[0], setPassword = _c[1];
+    var _d = useState(''), submitError = _d[0], setSubmitError = _d[1];
+    var _e = useState(''), loginError = _e[0], setLoginError = _e[1];
+    var _f = useState(''), passwordError = _f[0], setPasswordError = _f[1];
+    var _g = useState(''), dcCenterError = _g[0], setDCCenterError = _g[1];
+    var handleChangeLogin = useCallback(function (e) {
+        setLogin(e.target.value);
+    }, []);
+    var handleChangePassword = useCallback(function (e) {
+        setPassword(e.target.value);
+    }, []);
+    var handleSubmit = useCallback(function () {
+        setLoginError('');
+        setPasswordError('');
+        setDCCenterError('');
+        setSubmitError('');
+        if (withLogin && !login) {
+            setLoginError(i18n._({ id: 'requiredField', message: 'Required field' }));
+            return;
+        }
+        if (withPassword && !password) {
+            setPasswordError(i18n._({ id: 'requiredField', message: 'Required field' }));
+            return;
+        }
+        if (withDistributionCenterSelect && !selectedDistributionCenter) {
+            setDCCenterError(i18n._({ id: 'requiredField', message: 'Required field' }));
+            return;
+        }
+        onSubmit({ login: login, password: password })
+            .catch(function (error) {
+            error && setSubmitError(String(error));
+        })
+            .finally(function () {
+            setPassword('');
+        });
+    }, [login, password, selectedDistributionCenter, withDistributionCenterSelect, withPassword, onSubmit]);
+    var handleChangeDistributionCenter = useCallback(function (e) {
+        onChangeDistributionCenter === null || onChangeDistributionCenter === void 0 ? void 0 : onChangeDistributionCenter(e.target.value);
+    }, [onChangeDistributionCenter]);
+    return (_jsxs(Container, { children: [withLogin && (_jsx(x.div, { mt: "24px", children: _jsx(Input, { label: loginLabel || i18n._({ id: 'form.login.label', message: 'Login' }), placeholder: i18n._({ id: 'form.login.label', message: 'Login' }), type: "text", name: "login", autoFocus: true, error: loginError, value: login, onChange: handleChangeLogin, onEnter: handleSubmit }) })), withPassword && (_jsx(x.div, { mt: "12px", children: _jsx(Input, { label: passwordLabel || i18n._({ id: 'form.password.label', message: 'Password' }), placeholder: i18n._({ id: 'form.password.label', message: 'Password' }), name: "password", type: "password", value: password, onChange: handleChangePassword, error: passwordError, onEnter: handleSubmit }) })), withDistributionCenterSelect && (_jsx(x.div, { mt: "12px", children: _jsx(SingleSelect
+                // @ts-ignore
+                , { 
+                    // @ts-ignore
+                    onChange: handleChangeDistributionCenter, options: distributionCenterOptions, value: selectedDistributionCenter, placeholder: i18n._({ id: 'form.distributionCenter.label', message: 'Distribution center' }), label: i18n._({ id: 'form.distributionCenter.label', message: 'Distribution center' }), error: dcCenterError }) })), submitError && (_jsx(x.div, { mt: "12px", color: "red1", children: submitError })), _jsx(ButtonsContainer, { children: _jsx(Button, { onClick: handleSubmit, iconLeft: "login", isLoading: isSubmitting, disabled: isSubmitDisabled, fullWidth: true, children: _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }) }) })] }));
+};
+var templateObject_1, templateObject_2;

package/ui/Blocks/LoginPage/components/SocialLinks.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
-export declare const SocialLinksWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const SocialLinksBody: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const LinkTo: import("styled-components").StyledComponent<"a", import("@xstyled/system").Theme, {}, never>;
-export declare const SocialFooter: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+
+export declare const SocialLinksWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const SocialLinksBody: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const LinkTo: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, {}, never>;
+export declare const SocialFooter: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const SocialLinks: FC;

package/ui/Blocks/LoginPage/components/SocialLinks.js

@@ -1,82 +1,17 @@
-import Icon from "../../../Elements/Icon/Icon.js";
-import { FACEBOOK_LINK, INSTAGRAM_LINK, LINKEDIN_LINK, TWITTER_LINK } from "../utils/links.js";
-import styled$1, { th } from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/LoginPage/components/SocialLinks.tsx
-const SocialLinksWrapper = styled$1.div`
-  height: 600px;
-  margin: auto;
-  display: none;
-
-  @media (min-height: 520px) {
-    display: block;
-  }
-  @media (min-width: 1024px) {
-    position: relative;
-    width: 500px;
-  }
-`;
-const SocialLinksBody = styled$1.div`
-  display: flex;
-  position: absolute;
-  bottom: 30px;
-  right: 0;
-  padding: 0 10px;
-  justify-content: center;
-
-  @media (min-width: 1024px) {
-    width: initial;
-  }
-`;
-const LinkTo = styled$1.a`
-  color: ${th.color("typoPrimary")};
-  margin: 0 15px;
-
-  @media (min-width: 1024px) {
-    margin-left: 20px;
-    margin-right: 0;
-  }
-`;
-const SocialFooter = styled$1.div`
-  display: none;
-
-  @media (min-width: 1024px) {
-    font-size: 14px;
-    display: block;
-    position: absolute;
-    color: ${th.color("typoPrimary")};
-    font-weight: 600;
-    bottom: 0;
-    right: 0;
-  }
-`;
-const SocialLinks = () => {
-	return /* @__PURE__ */ jsxs(SocialLinksWrapper, { children: [/* @__PURE__ */ jsxs(SocialLinksBody, { children: [
-		/* @__PURE__ */ jsx(LinkTo, {
-			target: "_blank",
-			href: FACEBOOK_LINK,
-			children: /* @__PURE__ */ jsx(Icon, { icon: "facebook" })
-		}),
-		/* @__PURE__ */ jsx(LinkTo, {
-			target: "_blank",
-			href: INSTAGRAM_LINK,
-			children: /* @__PURE__ */ jsx(Icon, { icon: "instagram" })
-		}),
-		/* @__PURE__ */ jsx(LinkTo, {
-			target: "_blank",
-			href: LINKEDIN_LINK,
-			children: /* @__PURE__ */ jsx(Icon, { icon: "linkedin" })
-		}),
-		/* @__PURE__ */ jsx(LinkTo, {
-			target: "_blank",
-			href: TWITTER_LINK,
-			children: /* @__PURE__ */ jsx(Icon, { icon: "twitter" })
-		})
-	] }), /* @__PURE__ */ jsx(SocialFooter, { children: /* @__PURE__ */ jsx(Trans, {
-		id: "card.entrustLogisticsEshopProfessionals",
-		message: "Entrust the logistics of your e-shop to professionals."
-	}) })] });
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-//#endregion
-export { LinkTo, SocialFooter, SocialLinks, SocialLinksBody, SocialLinksWrapper };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from '../../../Elements/Icon/Icon';
+import { FACEBOOK_LINK, INSTAGRAM_LINK, LINKEDIN_LINK, TWITTER_LINK } from '../utils/links';
+import { Trans } from '@lingui/react';
+import styled, { th } from '@xstyled/styled-components';
+export var SocialLinksWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 600px;\n  margin: auto;\n  display: none;\n\n  @media (min-height: 520px) {\n    display: block;\n  }\n  @media (min-width: 1024px) {\n    position: relative;\n    width: 500px;\n  }\n"], ["\n  height: 600px;\n  margin: auto;\n  display: none;\n\n  @media (min-height: 520px) {\n    display: block;\n  }\n  @media (min-width: 1024px) {\n    position: relative;\n    width: 500px;\n  }\n"])));
+export var SocialLinksBody = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  bottom: 30px;\n  right: 0;\n  padding: 0 10px;\n  justify-content: center;\n\n  @media (min-width: 1024px) {\n    width: initial;\n  }\n"], ["\n  display: flex;\n  position: absolute;\n  bottom: 30px;\n  right: 0;\n  padding: 0 10px;\n  justify-content: center;\n\n  @media (min-width: 1024px) {\n    width: initial;\n  }\n"])));
+export var LinkTo = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0 15px;\n\n  @media (min-width: 1024px) {\n    margin-left: 20px;\n    margin-right: 0;\n  }\n"], ["\n  color: ", ";\n  margin: 0 15px;\n\n  @media (min-width: 1024px) {\n    margin-left: 20px;\n    margin-right: 0;\n  }\n"])), th.color('typoPrimary'));
+export var SocialFooter = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 1024px) {\n    font-size: 14px;\n    display: block;\n    position: absolute;\n    color: ", ";\n    font-weight: 600;\n    bottom: 0;\n    right: 0;\n  }\n"], ["\n  display: none;\n\n  @media (min-width: 1024px) {\n    font-size: 14px;\n    display: block;\n    position: absolute;\n    color: ", ";\n    font-weight: 600;\n    bottom: 0;\n    right: 0;\n  }\n"])), th.color('typoPrimary'));
+export var SocialLinks = function () {
+    return (_jsxs(SocialLinksWrapper, { children: [_jsxs(SocialLinksBody, { children: [_jsx(LinkTo, { target: "_blank", href: FACEBOOK_LINK, children: _jsx(Icon, { icon: "facebook" }) }), _jsx(LinkTo, { target: "_blank", href: INSTAGRAM_LINK, children: _jsx(Icon, { icon: "instagram" }) }), _jsx(LinkTo, { target: "_blank", href: LINKEDIN_LINK, children: _jsx(Icon, { icon: "linkedin" }) }), _jsx(LinkTo, { target: "_blank", href: TWITTER_LINK, children: _jsx(Icon, { icon: "twitter" }) })] }), _jsx(SocialFooter, { children: _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }) })] }));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Blocks/LoginPage/index.d.ts

@@ -1,4 +1,5 @@
-import LoginPage from './LoginPage';
+import { default as LoginPage } from './LoginPage';
 import { LoginPageProps, LoginData } from './types';
+
 export default LoginPage;
 export type { LoginPageProps, LoginData };

package/ui/Blocks/LoginPage/index.js

@@ -1,5 +1,2 @@
-import Login from "./LoginPage.js";
-//#region packages/ui/Blocks/LoginPage/index.ts
-var LoginPage_default = Login;
-//#endregion
-export { LoginPage_default as default };
+import LoginPage from './LoginPage';
+export default LoginPage;