@mailstep/design-system 0.8.26-beta.5 → 0.8.26

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

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import Tag from "../../../../Elements/Tag";
-import { Container } from "./styles";
-var ImageTag = function ImageTag(param) {
-    var label = param.label;
-    if (!label) return null;
-    return /* @__PURE__ */ jsx(Container, {
-        children: /* @__PURE__ */ jsx(Tag, {
-            size: "small",
-            color: "darkGreen",
-            textColor: "white",
-            children: /* @__PURE__ */ jsx("b", {
-                children: label
-            })
-        })
-    });
-};
-export { ImageTag };

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

@@ -1,22 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var Container = styled.div(_templateObject());
-export { Container };

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

@@ -1,68 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { useState, useCallback } from "react";
-var useControls = function useControls(param) {
-    var max = param.max, _param_total = param.total, total = _param_total === void 0 ? 0 : _param_total;
-    var _useState = _sliced_to_array(useState(0), 2), position = _useState[0], setPosition = _useState[1];
-    var moveList = useCallback(function(direction) {
-        return function() {
-            if (max) {
-                setPosition(function(position2) {
-                    return Math.min(Math.max(position2 + direction, 0), total - max);
-                });
-            }
-        };
-    }, [
-        total
-    ]);
-    return {
-        moveList: moveList,
-        position: position,
-        hasControls: !!max && total > max
-    };
-};
-export { useControls };

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

@@ -1,73 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { useCallback, useState } from "react";
-var useOnElementClick = function useOnElementClick(param) {
-    var onImageClick = param.onImageClick, onOpenLightBox = param.onOpenLightBox, selectable = param.selectable;
-    var _useState = _sliced_to_array(useState(-1), 2), selected = _useState[0], setSelected = _useState[1];
-    var handleOnClick = useCallback(function(item, index) {
-        return function() {
-            if (onImageClick) {
-                onImageClick(item);
-            } else {
-                onOpenLightBox(index)();
-            }
-            if (selectable) {
-                setSelected(function(selected2) {
-                    return selected2 !== index ? index : -1;
-                });
-            }
-        };
-    }, [
-        onImageClick,
-        onOpenLightBox
-    ]);
-    return {
-        handleOnClick: handleOnClick,
-        selected: selected
-    };
-};
-export { useOnElementClick };

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

@@ -1,2 +0,0 @@
-var index_d_default = ImageList;
-export { index_d_default as default };

package/ui/Blocks/ImageList/index.js

@@ -1,3 +0,0 @@
-import { ImageList } from "./ImageList";
-var ImageList_default = ImageList;
-export { ImageList_default as default };

package/ui/Blocks/ImageList/styles.js

@@ -1,48 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  width: 24px;\n  margin-right: ",
-        ";\n  margin-top: ",
-        ";\n  cursor: pointer;\n  display: flex;\n  transition: all 0.4s;\n\n  color: ",
-        ";\n\n  &:hover {\n    color: ",
-        ";\n  }\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var ImageListContainer = styled.div(_templateObject());
-var Control = styled.div(_templateObject1(), function(param) {
-    var isLeft = param.isLeft;
-    return isLeft ? "15px" : 0;
-}, function(param) {
-    var hasRemove = param.hasRemove;
-    return hasRemove ? "15px" : 0;
-}, function(param) {
-    var isDisabled = param.isDisabled;
-    return isDisabled ? "gray" : "black";
-}, function(param) {
-    var isDisabled = param.isDisabled;
-    return isDisabled ? "gray" : "red1";
-});
-export { Control, ImageListContainer };

package/ui/Blocks/LanguageSwitch/LanguageSwitch.js

@@ -1,139 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef, useState } from "react";
-import DropdownMenu from "../../Elements/DropdownMenu";
-import Icon from "../../Elements/Icon/Icon";
-import Popover from "../Popover";
-import { StyledFlag, LanguageFlagWrap, LanguageSwitchWrap } from "./styles";
-var placementMap = {
-    left: "bottom-start",
-    right: "bottom-end"
-};
-var LanguageSwitch = function LanguageSwitch(param) {
-    var activeLanguage = param.activeLanguage, onLanguageChange = param.onLanguageChange, languageItems = param.languageItems, _param_placement = param.placement, placement = _param_placement === void 0 ? "right" : _param_placement, withTitle = param.withTitle, languageFlagWrapBackgroundColor = param.languageFlagWrapBackgroundColor;
-    var _useState = _sliced_to_array(useState(false), 2), flagDropdownVisible = _useState[0], setFlagDropdownVisible = _useState[1];
-    var flagWrapRef = useRef(null);
-    var onClose = useCallback(function() {
-        setFlagDropdownVisible(false);
-    }, []);
-    var handleFlagClick = useCallback(function() {
-        setFlagDropdownVisible(!flagDropdownVisible);
-    }, [
-        flagDropdownVisible
-    ]);
-    var languageToggle = useCallback(function(languageCode) {
-        return function() {
-            onLanguageChange === null || onLanguageChange === void 0 ? void 0 : onLanguageChange(languageCode);
-        };
-    }, [
-        onLanguageChange
-    ]);
-    var activeLanguageObj = useMemo(function() {
-        return languageItems === null || languageItems === void 0 ? void 0 : languageItems.find(function(language) {
-            return language.languageCode === activeLanguage;
-        });
-    }, [
-        activeLanguage,
-        languageItems
-    ]);
-    var filteredLanguages = useMemo(function() {
-        return languageItems === null || languageItems === void 0 ? void 0 : languageItems.filter(function(language) {
-            return language.languageCode !== activeLanguage;
-        });
-    }, [
-        languageItems,
-        activeLanguage
-    ]);
-    var formattedLanguages = useMemo(function() {
-        return filteredLanguages === null || filteredLanguages === void 0 ? void 0 : filteredLanguages.map(function(param) {
-            var title = param.title, icon = param.icon, languageCode = param.languageCode;
-            return {
-                title: title,
-                icon: icon,
-                onClick: languageToggle(languageCode)
-            };
-        });
-    }, [
-        filteredLanguages,
-        languageToggle
-    ]);
-    if (!activeLanguageObj || !languageItems) return null;
-    return /* @__PURE__ */ jsxs(LanguageSwitchWrap, {
-        children: [
-            /* @__PURE__ */ jsxs(LanguageFlagWrap, {
-                ref: flagWrapRef,
-                onClick: handleFlagClick,
-                backgroundColor: languageFlagWrapBackgroundColor,
-                withTitle: withTitle,
-                children: [
-                    /* @__PURE__ */ jsxs(StyledFlag, {
-                        children: [
-                            activeLanguageObj.icon,
-                            withTitle && activeLanguageObj.title
-                        ]
-                    }),
-                    /* @__PURE__ */ jsx(Icon, {
-                        icon: "chevronDown",
-                        size: "10px"
-                    })
-                ]
-            }),
-            flagDropdownVisible && /* @__PURE__ */ jsx(Popover, {
-                parentRef: flagWrapRef,
-                onClose: onClose,
-                placement: placementMap[placement],
-                children: /* @__PURE__ */ jsx(DropdownMenu, {
-                    showMenu: true,
-                    items: formattedLanguages
-                })
-            })
-        ]
-    });
-};
-var LanguageSwitch_default = LanguageSwitch;
-export { LanguageSwitch_default as default };

package/ui/Blocks/LanguageSwitch/index.js

@@ -1,3 +0,0 @@
-import LanguageSwitch from "./LanguageSwitch";
-var LanguageSwitch_default = LanguageSwitch;
-export { LanguageSwitch_default as default };

package/ui/Blocks/LanguageSwitch/styles.js

@@ -1,50 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  cursor: pointer;\n  font-size: 16px;\n  display: flex;\n  gap: 6px;\n  align-items: center;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",
-        ";\n  padding: 6px;\n  border-radius: 10px;\n  background: ",
-        ";\n\n  @media (min-width: 768px) {\n    padding: 7px 12px;\n  }\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var StyledFlag = styled.div(_templateObject());
-var LanguageSwitchWrap = styled.div(_templateObject1());
-var LanguageFlagWrap = styled.div(_templateObject2(), function(param) {
-    var withTitle = param.withTitle;
-    return withTitle ? "16px" : "8px";
-}, function(param) {
-    var backgroundColor = param.backgroundColor;
-    return backgroundColor || "white";
-});
-export { LanguageFlagWrap, LanguageSwitchWrap, StyledFlag };

package/ui/Blocks/LightBox/LightBox.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "../../Elements/Button";
-import Modal from "../Modal";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { Container, Image, ButtonContainer, Description } from "./styles";
-var LightBox = function LightBox(param) {
-    var isLightBoxOpen = param.isLightBoxOpen, onCloseLightBox = param.onCloseLightBox, lightBoxAction = param.lightBoxAction, lightBoxActionTitle = param.lightBoxActionTitle, images = param.images, _param_initialSlide = param.initialSlide, initialSlide = _param_initialSlide === void 0 ? 0 : _param_initialSlide;
-    if (!(images === null || images === void 0 ? void 0 : images.length)) return null;
-    return /* @__PURE__ */ jsx(Modal, {
-        isShown: isLightBoxOpen,
-        onClose: onCloseLightBox,
-        variant: "mobileFullscreen",
-        top: "10px",
-        children: /* @__PURE__ */ jsx(Swiper, {
-            initialSlide: initialSlide,
-            slidesPerView: 1,
-            autoHeight: true,
-            children: images.map(function(item) {
-                var _item_originalUrl;
-                return /* @__PURE__ */ jsx(SwiperSlide, {
-                    children: /* @__PURE__ */ jsxs(Container, {
-                        children: [
-                            /* @__PURE__ */ jsx(Image, {
-                                src: (_item_originalUrl = item.originalUrl) !== null && _item_originalUrl !== void 0 ? _item_originalUrl : item.url,
-                                loading: "lazy",
-                                alt: ""
-                            }),
-                            (item.date || item.description) && /* @__PURE__ */ jsxs(Description, {
-                                children: [
-                                    item.date,
-                                    " ",
-                                    item.description
-                                ]
-                            }),
-                            !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && /* @__PURE__ */ jsx(ButtonContainer, {
-                                children: /* @__PURE__ */ jsx(Button, {
-                                    onClick: lightBoxAction(item.id),
-                                    appearance: "primary",
-                                    variant: "default",
-                                    children: lightBoxActionTitle
-                                })
-                            })
-                        ]
-                    })
-                }, item.id);
-            })
-        })
-    });
-};
-export { LightBox };

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

@@ -1,22 +0,0 @@
-import { useCallback } from "react";
-import { useModal } from "../../Modal";
-var useLightBox = function useLightBox() {
-    var _useModal = useModal(), isOpen = _useModal.isOpen, onOpen = _useModal.onOpen, onClose = _useModal.onClose, data = _useModal.data;
-    var onOpenLightBox = useCallback(function() {
-        var index = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
-        return function() {
-            onOpen({
-                initialSlide: index
-            });
-        };
-    }, [
-        onOpen
-    ]);
-    return {
-        onOpenLightBox: onOpenLightBox,
-        onCloseLightBox: onClose,
-        isLightBoxOpen: isOpen,
-        lightBoxData: data
-    };
-};
-export { useLightBox };

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

@@ -1,3 +0,0 @@
-import { ImageData } from "./types";
-var index_d_default = LightBox;
-export { ImageData, index_d_default as default };

package/ui/Blocks/LightBox/index.js

@@ -1,4 +0,0 @@
-import { LightBox } from "./LightBox";
-import { useLightBox } from "./hooks/useLightBox";
-var LightBox_default = LightBox;
-export { LightBox_default as default, useLightBox };

package/ui/Blocks/LightBox/styles.js

@@ -1,52 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  width: 100%;\n  height: 100%;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  padding: 10px;\n  position: absolute;\n  width: 100%;\n  bottom: 0px;\n  background: rgba(255, 255, 255, 0.8);\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var Container = styled.div(_templateObject());
-var Image = styled.img(_templateObject1());
-var ButtonContainer = styled.div(_templateObject2());
-var Description = styled.div(_templateObject3());
-export { ButtonContainer, Container, Description, Image };

package/ui/Blocks/LoginPage/LoginPage.js

@@ -1,80 +0,0 @@
-import { jsx, 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 Login(param) {
-    var onSubmit = param.onSubmit, activeLanguage = param.activeLanguage, onLanguageChange = param.onLanguageChange, children = param.children, brand = param.brand, brandVariant = param.brandVariant, isSubmitting = param.isSubmitting, isSubmitDisabled = param.isSubmitDisabled, withDistributionCenterSelect = param.withDistributionCenterSelect, distributionCenterOptions = param.distributionCenterOptions, selectedDistributionCenter = param.selectedDistributionCenter, onChangeDistributionCenter = param.onChangeDistributionCenter, languageItems = param.languageItems, version = param.version, backgroundImage = param.backgroundImage, admin = param.admin, _param_hasSupport = param.hasSupport, hasSupport = _param_hasSupport === void 0 ? true : _param_hasSupport, _param_hasSocialLinks = param.hasSocialLinks, hasSocialLinks = _param_hasSocialLinks === void 0 ? true : _param_hasSocialLinks, _param_withPassword = param.withPassword, withPassword = _param_withPassword === void 0 ? true : _param_withPassword, _param_withLogin = param.withLogin, withLogin = _param_withLogin === void 0 ? true : _param_withLogin, loginLabel = param.loginLabel, passwordLabel = param.passwordLabel;
-    return /* @__PURE__ */ jsxs(Wrapper, {
-        backgroundImage: backgroundImage,
-        children: [
-            /* @__PURE__ */ jsxs(CardBodyWithLanguage, {
-                children: [
-                    /* @__PURE__ */ jsxs(LogoWrapper, {
-                        children: [
-                            /* @__PURE__ */ jsx(MainLogo, {
-                                brand: 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: EMAIL_ADDRESS
-                                    })
-                                ]
-                            }),
-                            /* @__PURE__ */ jsx(LanguageSwitch, {
-                                activeLanguage: activeLanguage,
-                                onLanguageChange: onLanguageChange,
-                                languageItems: languageItems
-                            })
-                        ]
-                    }),
-                    /* @__PURE__ */ 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 && /* @__PURE__ */ jsx(Version, {
-                children: version
-            }),
-            hasSocialLinks && /* @__PURE__ */ jsx(SocialLinks, {})
-        ]
-    });
-};
-var LoginPage_default = Login;
-export { LoginPage_default as default };