@swan-io/shared-business 2.7.38 → 3.1.0

package/src/components/FileTile.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@swan-io/lake/src/components/Box";
+import { LakeAlert } from "@swan-io/lake/src/components/LakeAlert";
+import { LakeButton } from "@swan-io/lake/src/components/LakeButton";
+import { LakeText } from "@swan-io/lake/src/components/LakeText";
+import { Space } from "@swan-io/lake/src/components/Space";
+import { Tag } from "@swan-io/lake/src/components/Tag";
+import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
+import { backgroundColor, colors, shadows, spacings } from "@swan-io/lake/src/constants/design";
+import { getIconNameFromFilename } from "@swan-io/lake/src/utils/file";
+import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
+import { StyleSheet } from "react-native";
+import { match } from "ts-pattern";
+import { t } from "../utils/i18n";
+const styles = StyleSheet.create({
+    base: {
+        backgroundColor: backgroundColor.accented,
+        borderRadius: 8,
+        boxShadow: shadows.tile,
+        overflow: "hidden",
+    },
+    content: {
+        height: 56,
+        paddingLeft: spacings[20],
+        paddingRight: spacings[8],
+    },
+});
+export const FileTile = ({ variant = "none", name, url, onRemove, title, description }) => (_jsxs(Box, { style: styles.base, children: [_jsxs(Box, { alignItems: "center", direction: "row", style: styles.content, children: [_jsx(Tag, { icon: getIconNameFromFilename(name), iconSize: 20, color: match(variant)
+                        .with("none", "pending", () => "shakespear")
+                        .with("verified", () => "positive")
+                        .with("refused", () => "negative")
+                        .exhaustive() }), _jsx(Space, { width: 16 }), _jsx(LakeText, { numberOfLines: 1, color: colors.gray[700], style: commonStyles.fill, children: name }), _jsx(Space, { width: 12 }), isNotNullishOrEmpty(url) && (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "open-filled", onPress: () => {
+                        window.open(url, "_blank");
+                    }, ariaLabel: t("common.open") })), isNotNullish(onRemove) && (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "delete-regular", color: "negative", onPress: onRemove, ariaLabel: t("common.remove") }))] }), variant !== "none" && (_jsx(LakeAlert, { anchored: true, title: title, variant: match(variant)
+                .with("pending", () => "info")
+                .with("verified", () => "success")
+                .with("refused", () => "error")
+                .exhaustive(), children: description }))] }));

package/src/components/LakeModal.d.ts

@@ -0,0 +1,14 @@
+import { IconName } from "@swan-io/lake/src/components/Icon";
+import { Context } from "@swan-io/lake/src/components/ResponsiveContainer";
+import { ColorVariants } from "@swan-io/lake/src/constants/design";
+import { ReactNode } from "react";
+export type LakeModalProps = {
+    visible: boolean;
+    title?: string;
+    icon?: IconName;
+    color?: ColorVariants;
+    children: ReactNode | ((context: Context) => ReactNode);
+    maxWidth?: number;
+    onPressClose?: () => void;
+};
+export declare const LakeModal: ({ visible, icon, title, color, children, maxWidth, onPressClose, }: LakeModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/LakeModal.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FocusTrap } from "@swan-io/lake/src/components/FocusTrap";
+import { Icon } from "@swan-io/lake/src/components/Icon";
+import { LakeButton } from "@swan-io/lake/src/components/LakeButton";
+import { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
+import { LoadingView } from "@swan-io/lake/src/components/LoadingView";
+import { Portal } from "@swan-io/lake/src/components/Portal";
+import { Pressable } from "@swan-io/lake/src/components/Pressable";
+import { ResponsiveContainer } from "@swan-io/lake/src/components/ResponsiveContainer";
+import { Space } from "@swan-io/lake/src/components/Space";
+import { TransitionView } from "@swan-io/lake/src/components/TransitionView";
+import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
+import { backgroundColor, breakpoints, colors, negativeSpacings, shadows, spacings, } from "@swan-io/lake/src/constants/design";
+import { useBodyClassName } from "@swan-io/lake/src/hooks/useBodyClassName";
+import { Suspense, useEffect, useState } from "react";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { t } from "../utils/i18n";
+const BACKGROUND_COLOR = "rgba(0, 0, 0, 0.6)";
+const styles = StyleSheet.create({
+    root: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    container: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    inert: {
+        pointerEvents: "none",
+    },
+    fill: {
+        ...StyleSheet.absoluteFillObject,
+        animationFillMode: "forwards",
+    },
+    overlay: {
+        ...StyleSheet.absoluteFillObject,
+        backgroundColor: BACKGROUND_COLOR,
+    },
+    overlayEnter: {
+        animationKeyframes: {
+            "0%": { opacity: 0 },
+        },
+        animationDuration: "200ms",
+        animationTimingFunction: "ease-in-out",
+    },
+    overlayLeave: {
+        animationKeyframes: {
+            "100%": { opacity: 0 },
+        },
+        animationDuration: "200ms",
+        animationTimingFunction: "ease-in-out",
+    },
+    modalEnter: {
+        animationKeyframes: {
+            "0%": {
+                opacity: 0,
+                transform: "translateY(-20px)",
+            },
+        },
+        animationDuration: "300ms",
+        animationTimingFunction: "ease-in-out",
+    },
+    modalLeave: {
+        animationKeyframes: {
+            "100%": {
+                opacity: 0,
+                transform: "translateY(-20px)",
+            },
+        },
+        animationDuration: "300ms",
+        animationTimingFunction: "ease-in-out",
+    },
+    modalContainer: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    modalContentContainer: {
+        padding: spacings[24],
+        justifyContent: "center",
+        flexGrow: 1,
+    },
+    modalContentContainerSmall: {
+        padding: spacings[8],
+        flexGrow: 1,
+        justifyContent: "center",
+    },
+    modal: {
+        backgroundColor: backgroundColor.default,
+        borderRadius: 24,
+        padding: spacings[48],
+        boxShadow: shadows.modal,
+        alignSelf: "stretch",
+        width: "100%",
+        marginHorizontal: "auto",
+    },
+    modalSmall: {
+        borderRadius: 16,
+        backgroundColor: backgroundColor.default,
+        width: "100%",
+        padding: spacings[24],
+        alignSelf: "stretch",
+        marginHorizontal: "auto",
+    },
+    modalHeader: {
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+    },
+    modalIconTitle: {
+        ...commonStyles.fill,
+    },
+    trap: {
+        ...commonStyles.fill,
+    },
+    pressableOverlay: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    closeButton: {
+        top: negativeSpacings[16],
+        right: negativeSpacings[16],
+    },
+});
+export const LakeModal = ({ visible, icon, title, color = "current", children, maxWidth = 570, onPressClose, }) => {
+    const [rootElement, setRootElement] = useState(() => undefined);
+    useEffect(() => {
+        const rootElement = document.createElement("div");
+        document.body.append(rootElement);
+        setRootElement(rootElement);
+        return () => {
+            rootElement.remove();
+            setRootElement(undefined);
+        };
+    }, []);
+    useBodyClassName("ModalOpen", { enabled: visible });
+    if (rootElement == null) {
+        return null;
+    }
+    return (_jsx(Portal, { container: rootElement, children: _jsxs(View, { "aria-modal": true, style: [styles.container, !visible && styles.inert], children: [_jsx(TransitionView, { style: styles.fill, enter: styles.overlayEnter, leave: styles.overlayLeave, children: visible ? _jsx(View, { style: styles.overlay }) : null }), _jsx(Suspense, { fallback: _jsx(LoadingView, { color: backgroundColor.accented, delay: 0 }), children: _jsx(TransitionView, { style: styles.fill, enter: styles.modalEnter, leave: styles.modalLeave, children: visible ? (_jsx(ResponsiveContainer, { style: styles.root, breakpoint: breakpoints.tiny, children: ({ large, small }) => (_jsx(FocusTrap, { autoFocus: true, focusLock: true, returnFocus: true, onEscapeKey: onPressClose, style: styles.trap, children: _jsxs(ScrollView, { style: styles.modalContainer, contentContainerStyle: large ? styles.modalContentContainer : styles.modalContentContainerSmall, children: [onPressClose != null ? (_jsx(Pressable, { onPress: onPressClose, style: styles.pressableOverlay })) : null, _jsxs(View, { role: "dialog", style: [large ? styles.modal : styles.modalSmall, { maxWidth }], children: [_jsxs(View, { style: styles.modalHeader, children: [_jsxs(View, { style: styles.modalIconTitle, children: [icon != null ? (_jsx(Icon, { name: icon, size: large ? 40 : 32, color: colors[color][500] })) : null, icon != null && title != null ? _jsx(Space, { height: 12 }) : null, title != null ? (_jsxs(_Fragment, { children: [_jsx(LakeHeading, { level: 2, variant: "h3", children: title }), _jsx(Space, { height: 12 })] })) : null] }), onPressClose != null ? (_jsx(LakeButton, { style: styles.closeButton, mode: "tertiary", onPress: onPressClose, icon: "lake-close", ariaLabel: t("common.close") })) : null] }), typeof children == "function" ? children({ large, small }) : children] })] }) })) })) : null }) })] }) }));
+};

package/src/components/SupportingDocument.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Form } from "@swan-io/lake/src/components/Form";
 import { LakeButton, LakeButtonGroup } from "@swan-io/lake/src/components/LakeButton";
 import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
-import { LakeModal } from "@swan-io/lake/src/components/LakeModal";
 import { LakeText } from "@swan-io/lake/src/components/LakeText";
 import { LakeTooltip } from "@swan-io/lake/src/components/LakeTooltip";
 import { Space } from "@swan-io/lake/src/components/Space";
@@ -13,6 +12,7 @@ import { useForm } from "react-ux-form";
 import { match } from "ts-pattern";
 import { MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE, MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB, } from "../constants/uploads";
 import { locale, t } from "../utils/i18n";
+import { LakeModal } from "./LakeModal";
 import { UploadArea } from "./UploadArea";
 const ACCEPTED_FORMATS = ["application/pdf", "image/png", "image/jpeg"];
 const NO_ID_YET = "NO_ID_YET";

package/src/components/UploadArea.d.ts

@@ -1,3 +1,4 @@
+import { AsyncData } from "@swan-io/boxed";
 import { IconName } from "@swan-io/lake/src/components/Icon";
 import { DropzoneOptions } from "react-dropzone";
 export type UploadFileStatus = ({
@@ -16,9 +17,10 @@ export type UploadFileStatus = ({
 type Props = {
     icon: IconName;
     documents?: UploadFileStatus[];
-    onRemoveFile?: (fileId: string) => void;
+    onRemoveDocument?: (fileId: string) => void;
+    onRemoveFile?: () => void;
     accept: string[];
-    value?: File | Element;
+    value?: AsyncData<File>;
     disabled?: boolean;
     onDropAccepted?: DropzoneOptions["onDropAccepted"];
     onDropRejected?: DropzoneOptions["onDropRejected"];
@@ -27,5 +29,5 @@ type Props = {
     error?: string;
     maxSize?: number;
 };
-export declare const UploadArea: ({ icon, accept, value, documents, disabled, onRemoveFile, onDropAccepted, onDropRejected, layout, description, error, maxSize, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadArea: ({ icon, accept, value, documents, disabled, onRemoveFile, onRemoveDocument, onDropAccepted, onDropRejected, layout, description, error, maxSize, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/UploadArea.js

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box } from "@swan-io/lake/src/components/Box";
-import { FileTile } from "@swan-io/lake/src/components/FileTile";
 import { Icon } from "@swan-io/lake/src/components/Icon";
+import { LakeButton } from "@swan-io/lake/src/components/LakeButton";
 import { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
 import { LakeText } from "@swan-io/lake/src/components/LakeText";
+import { LoadingView } from "@swan-io/lake/src/components/LoadingView";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
 import { backgroundColor, colors, gray75, radii, shadows, spacings, } from "@swan-io/lake/src/constants/design";
 import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
 import { getIconNameFromFilename } from "@swan-io/lake/src/utils/file";
 import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
-import { Fragment, useLayoutEffect, useRef } from "react";
+import { FileTile } from "@swan-io/shared-business/src/components/FileTile";
+import { Fragment, useMemo } from "react";
 import { useDropzone } from "react-dropzone";
 import { StyleSheet, Text, View } from "react-native";
 import { match } from "ts-pattern";
@@ -103,32 +105,23 @@ const styles = StyleSheet.create({
         borderColor: colors.negative[500],
     },
     preview: {
-        aspectRatio: 16 / 4,
+        aspectRatio: 16 / 5,
         width: "50%",
+        backgroundPosition: "center",
+        backgroundSize: "contain",
+        backgroundRepeat: "no-repeat",
+    },
+    deleteButton: {
+        position: "absolute",
+        right: spacings[20],
+        top: spacings[20],
     },
 });
-const UploadAreaPreview = ({ value }) => {
-    const containerRef = useRef(null);
-    useLayoutEffect(() => {
-        const element = containerRef.current;
-        if (element != null) {
-            while (element.firstChild) {
-                element.firstChild.remove();
-            }
-            const previewElement = value.cloneNode(true);
-            element.append(previewElement);
-            previewElement.style.position = "absolute";
-            previewElement.style.top = "0";
-            previewElement.style.left = "0";
-            previewElement.style.width = "100%";
-            previewElement.style.height = "100%";
-            previewElement.style.objectFit = "contain";
-            previewElement.style.objectPosition = "50% 50%";
-        }
-    }, [value]);
-    return _jsx(View, { ref: containerRef, style: styles.preview });
+const UploadAreaPreview = ({ file }) => {
+    const url = useMemo(() => URL.createObjectURL(file), [file]);
+    return _jsx(View, { style: [styles.preview, { backgroundImage: `url("${url}")` }] });
 };
-export const UploadArea = ({ icon, accept, value, documents = [], disabled = false, onRemoveFile, onDropAccepted, onDropRejected, layout = "vertical", description, error, maxSize, }) => {
+export const UploadArea = ({ icon, accept, value, documents = [], disabled = false, onRemoveFile, onRemoveDocument, onDropAccepted, onDropRejected, layout = "vertical", description, error, maxSize, }) => {
     const [isHovered, setIsHovered] = useBoolean(false);
     const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
         accept: accept.reduce((acc, item) => ({ ...acc, [item]: [] }), {}),
@@ -137,6 +130,18 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
         disabled,
         maxSize,
     });
+    const browseElement = (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.icon, children: [_jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
+                            styles.decorativeIconLeft,
+                            (isDragActive || isHovered) && styles.decorativeIconLeftHovered,
+                        ] }), _jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
+                            styles.decorativeIconRight,
+                            (isDragActive || isHovered) && styles.decorativeIconRightHovered,
+                        ] }), _jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500] })] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", color: disabled ? colors.gray[200] : undefined, children: disabled
+                            ? t("uploadArea.noValue")
+                            : formatNestedMessage("uploadArea.dropFile", {
+                                browse: _jsx(Text, { style: styles.browse, children: t("uploadArea.browse") }),
+                            }) }), isNotNullish(error) ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { color: colors.negative[400], align: layout === "horizontal" ? "left" : "center", children: error })] })) : (!disabled &&
+                        isNotNullish(description) && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { align: layout === "horizontal" ? "left" : "center", children: description })] })))] })] }));
     return (_jsxs(View, { style: commonStyles.fill, children: [_jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { "aria-errormessage": error ?? fileRejections[0]?.errors.join(", "), style: [
                         styles.container,
                         disabled && styles.disabled,
@@ -144,21 +149,16 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
                         !disabled && isHovered && styles.hoveredContainer,
                         isDragActive && styles.activeContainer,
                         (error != null || fileRejections.length > 0) && styles.errorContainer,
-                    ], children: [_jsx("input", { ...getInputProps() }), isNotNullish(value) ? (value instanceof Element ? (_jsx(UploadAreaPreview, { value: value })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: getIconNameFromFilename(value.name), size: 48, color: disabled ? colors.gray[200] : colors.current[500] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", children: t("uploadArea.droppedFile") }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.gray[200], children: value.name })] })] }))) : (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.icon, children: [_jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
-                                                styles.decorativeIconLeft,
-                                                (isDragActive || isHovered) && styles.decorativeIconLeftHovered,
-                                            ] }), _jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
-                                                styles.decorativeIconRight,
-                                                (isDragActive || isHovered) && styles.decorativeIconRightHovered,
-                                            ] }), _jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500] })] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", color: disabled ? colors.gray[200] : undefined, children: disabled
-                                                ? t("uploadArea.noValue")
-                                                : formatNestedMessage("uploadArea.dropFile", {
-                                                    browse: _jsx(Text, { style: styles.browse, children: t("uploadArea.browse") }),
-                                                }) }), isNotNullish(error) ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { color: colors.negative[400], align: layout === "horizontal" ? "left" : "center", children: error })] })) : (!disabled &&
-                                            isNotNullish(description) && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { align: layout === "horizontal" ? "left" : "center", children: description })] })))] })] }))] }) }), documents.map(({ ...document }, index) => {
+                    ], children: [_jsx("input", { ...getInputProps() }), isNotNullish(value)
+                            ? value.match({
+                                NotAsked: () => browseElement,
+                                Loading: () => _jsx(LoadingView, {}),
+                                Done: value => value.type.startsWith("image/") ? (_jsxs(_Fragment, { children: [_jsx(UploadAreaPreview, { file: value }), onRemoveFile != null ? (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "delete-regular", color: "negative", onPress: onRemoveFile, style: styles.deleteButton, ariaLabel: t("common.remove") })) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: getIconNameFromFilename(value.name), size: 48, color: disabled ? colors.gray[200] : colors.current[500] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", children: t("uploadArea.droppedFile") }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.gray[200], children: value.name })] }), onRemoveFile != null ? (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "delete-regular", color: "negative", style: styles.deleteButton, onPress: onRemoveFile, ariaLabel: t("common.remove") })) : null] })),
+                            })
+                            : browseElement] }) }), documents.map(({ ...document }, index) => {
                 return (_jsxs(Fragment, { children: [_jsx(Space, { height: index === 0 ? 8 : 4 }), match(document)
-                            .with({ status: "finished" }, () => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: onRemoveFile ? () => onRemoveFile(document.id) : undefined })))
-                            .with({ status: "failed" }, ({ error }) => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => (onRemoveFile ? onRemoveFile(document.id) : undefined), variant: "refused", title: error })))
+                            .with({ status: "finished" }, () => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: onRemoveDocument ? () => onRemoveDocument(document.id) : undefined })))
+                            .with({ status: "failed" }, ({ error }) => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => (onRemoveDocument ? onRemoveDocument(document.id) : undefined), variant: "refused", title: error })))
                             .with({ status: "uploading" }, ({ progress }) => (_jsxs(Box, { direction: "row", alignItems: "center", style: styles.item, children: [_jsx(LakeText, { numberOfLines: 1, color: colors.gray[700], children: t("uploadArea.uploading") }), _jsx(Space, { width: 20 }), _jsx(View, { role: "progressbar", style: styles.progressBar, children: _jsx(View, { style: [styles.progress, { width: `${progress}%` }] }) })] })))
                             .exhaustive()] }, document.id));
             })] }));

package/src/locales/de.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Immobilien",
   "businessActivity.scientificActivities": "Wissenschaftliche Tätigkeiten",
   "businessActivity.transportation": "Transportwesen",
+  "common.cancel": "Abbrechen",
+  "common.close": "Schließen",
   "common.form.help.nbCharacters": "{nbCharacters} Zeichen",
   "common.form.help.nbDigits": "{nbDigits} Ziffern",
   "common.form.invalidTaxIdentificationNumber": "Diese Steueridentifikationsnummer ist ungültig",
   "common.form.taxIdentificationNumber.placeholder": "Steueridentifikationsnummer",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (auch Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IdNr., IdNr oder Steuer-ID gemäß § 139b AO)",
+  "common.next": "Weiter",
   "common.noResult": "Leeres Ergebnis",
+  "common.open": "Öffnen",
   "common.optional": "Optional",
+  "common.previous": "Zurück",
+  "common.remove": "Entfernen",
   "common.skipToContent": "Zum Inhalt springen",
   "country.AUT": "Österreich",
   "country.BEL": "Belgien",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Juni",
   "datePicker.month.march": "März",
   "datePicker.month.may": "Mai",
+  "datePicker.month.next": "Nächster Monat",
   "datePicker.month.november": "November",
   "datePicker.month.october": "Oktober",
+  "datePicker.month.previous": "Vorheriger Monat",
   "datePicker.month.september": "September",
   "error.generic": "Es ist ein Fehler aufgetreten",
   "error.network.500": "Interner Serverfehler",

package/src/locales/en.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Real estate",
   "businessActivity.scientificActivities": "Scientific activities",
   "businessActivity.transportation": "Transportation",
+  "common.close": "Close",
   "common.form.help.nbCharacters": "{nbCharacters} characters",
   "common.form.help.nbDigits": "{nbDigits} digits",
   "common.form.invalidTaxIdentificationNumber": "This tax identification number is invalid",
   "common.form.taxIdentificationNumber.placeholder": "Tax ID",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (also Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IdNr., IdNr or Steuer-ID, according to § 139b AO)",
+  "common.next": "Next",
+  "common.cancel": "Cancel",
   "common.noResult": "Empty result",
+  "common.open": "Open",
   "common.optional": "Optional",
+  "common.previous": "Previous",
+  "common.remove": "Remove",
   "common.skipToContent": "Skip to content",
   "country.AUT": "Austria",
   "country.BEL": "Belgium",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "June",
   "datePicker.month.march": "March",
   "datePicker.month.may": "May",
+  "datePicker.month.next": "Next month",
   "datePicker.month.november": "November",
   "datePicker.month.october": "October",
+  "datePicker.month.previous": "Previous month",
   "datePicker.month.september": "September",
   "error.generic": "An error occurred",
   "error.network.500": "Internal server error",

package/src/locales/es.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Sector inmobiliario",
   "businessActivity.scientificActivities": "Actividades científicas",
   "businessActivity.transportation": "Transporte",
+  "common.close": "Cerrar",
+  "common.cancel": "Cancelar",
   "common.form.help.nbCharacters": "{nbCharacters} caracteres",
   "common.form.help.nbDigits": "{nbDigits} dígitos",
   "common.form.invalidTaxIdentificationNumber": "Este número de identificación fiscal no es válido",
   "common.form.taxIdentificationNumber.placeholder": "Número de identificación fiscal",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (también Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IdNr., IdNr o Steuer-ID, según § 139b AO)",
+  "common.next": "Siguiente",
   "common.noResult": "No hay resultados",
+  "common.open": "Abrir",
   "common.optional": "Opcional",
+  "common.previous": "Anterior",
+  "common.remove": "Eliminar",
   "common.skipToContent": "Saltar al contenido",
   "country.AUT": "Austria",
   "country.BEL": "Bélgica",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Junio",
   "datePicker.month.march": "Marzo",
   "datePicker.month.may": "Mayo",
+  "datePicker.month.next": "Próximo mes",
   "datePicker.month.november": "Noviembre",
   "datePicker.month.october": "Octubre",
+  "datePicker.month.previous": "Mes anterior",
   "datePicker.month.september": "Septiembre",
   "error.generic": "Ha ocurrido un error",
   "error.network.500": "Error de servidor interno",

package/src/locales/fr.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Immobilier",
   "businessActivity.scientificActivities": "Activités scientifiques",
   "businessActivity.transportation": "Transports",
+  "common.close": "Fermer",
+  "common.cancel": "Annuler",
   "common.form.help.nbCharacters": "{nbCharacters} caractères",
   "common.form.help.nbDigits": "{nbDigits} chiffres",
   "common.form.invalidTaxIdentificationNumber": "Ce numéro d'identification fiscale n'est pas valide",
   "common.form.taxIdentificationNumber.placeholder": "Numéro d'identification fiscale",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (également Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IdNr., IdNr ou Steuer-ID, selon § 139b AO)",
+  "common.next": "Suivant",
   "common.noResult": "Résultat vide",
+  "common.open": "Ouvrir",
   "common.optional": "Facultatif",
+  "common.previous": "Précédent",
+  "common.remove": "Supprimer",
   "common.skipToContent": "Aller au contenu",
   "country.AUT": "Autriche",
   "country.BEL": "Belgique",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Juin",
   "datePicker.month.march": "Mars",
   "datePicker.month.may": "Mai",
+  "datePicker.month.next": "Mois suivant",
   "datePicker.month.november": "Novembre",
   "datePicker.month.october": "Octobre",
+  "datePicker.month.previous": "Mois précédent",
   "datePicker.month.september": "Septembre",
   "error.generic": "Une erreur est survenue",
   "error.network.500": "Erreur de serveur interne",

package/src/locales/it.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Servizi immobiliari",
   "businessActivity.scientificActivities": "Attività scientifiche",
   "businessActivity.transportation": "Trasporto",
+  "common.close": "Chiudi",
+  "common.cancel": "Annulla",
   "common.form.help.nbCharacters": "{nbCharacters} caratteri",
   "common.form.help.nbDigits": "{nbDigits} cifre",
   "common.form.invalidTaxIdentificationNumber": "Codice fiscale non valido",
   "common.form.taxIdentificationNumber.placeholder": "Codice fiscale",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (anche Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Steuer-IDNr., Steuer-ID o Steuer-ID, secondo § 139b AO)",
+  "common.next": "Avanti",
   "common.noResult": "Risultato vuoto",
+  "common.open": "Apri",
   "common.optional": "Opzionale",
+  "common.previous": "Precedente",
+  "common.remove": "Rimuovi",
   "common.skipToContent": "Salta al contenuto",
   "country.AUT": "Austria",
   "country.BEL": "Belgio",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Giugno",
   "datePicker.month.march": "Marzo",
   "datePicker.month.may": "Maggio",
+  "datePicker.month.next": "Mese successivo",
   "datePicker.month.november": "Novembre",
   "datePicker.month.october": "Ottobre",
+  "datePicker.month.previous": "Mese precedente",
   "datePicker.month.september": "Settembre",
   "error.generic": "Si è verificato un errore",
   "error.network.500": "Errore interno del server",

package/src/locales/nl.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Onroerend goed",
   "businessActivity.scientificActivities": "Wetenschap",
   "businessActivity.transportation": "Transport",
+  "common.close": "Sluiten",
+  "common.cancel": "Annuleren",
   "common.form.help.nbCharacters": "{nbCharacters} tekens",
   "common.form.help.nbDigits": "{nbDigits} cijfers",
   "common.form.invalidTaxIdentificationNumber": "Dit fiscale identificatienummer is ongeldig",
   "common.form.taxIdentificationNumber.placeholder": "BTW-nummer",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (ook Steuerliche Identifikationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IDnr., IDnr of Steuer-ID, volgens § 139b AO)",
+  "common.next": "Volgende",
   "common.noResult": "Leeg resultaat",
+  "common.open": "Openen",
   "common.optional": "Optioneel",
+  "common.previous": "Vorige",
+  "common.remove": "Verwijderen",
   "common.skipToContent": "Doorgaan naar artikel",
   "country.AUT": "Oostenrijk",
   "country.BEL": "België",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Juni",
   "datePicker.month.march": "Maart",
   "datePicker.month.may": "Mei",
+  "datePicker.month.next": "Volgende maand",
   "datePicker.month.november": "November",
   "datePicker.month.october": "Oktober",
+  "datePicker.month.previous": "Vorige maand",
   "datePicker.month.september": "September",
   "error.generic": "Er is een fout opgetreden",
   "error.network.500": "Interne Server Fout",

package/src/locales/pt.json

@@ -45,13 +45,19 @@
   "businessActivity.realEstate": "Imobiliária",
   "businessActivity.scientificActivities": "Atividades científicas",
   "businessActivity.transportation": "Transporte",
+  "common.close": "Fechar",
+  "common.cancel": "Cancelar",
   "common.form.help.nbCharacters": "{nbCharacters} caracteres",
   "common.form.help.nbDigits": "{nbDigits} dígitos",
   "common.form.invalidTaxIdentificationNumber": "Este número de identificação fiscal é inválido",
   "common.form.taxIdentificationNumber.placeholder": "Número de Identificação Fiscal",
   "common.form.taxIdentificationNumber.tooltip.deu": "Identifikationsnummer (também Steuerliche Identificationsnummer, Persönliche Identificationsnummer, Identifikationsnummer, Steuer-IdNr., IdNr ou Steuer-ID, conforme § 139b AO)",
+  "common.next": "Próximo",
   "common.noResult": "Resultado vazio",
+  "common.open": "Abrir",
   "common.optional": "Opcional",
+  "common.previous": "Anterior",
+  "common.remove": "Remover",
   "common.skipToContent": "Saltar para o conteúdo",
   "country.AUT": "Áustria",
   "country.BEL": "Bélgica",
@@ -100,8 +106,10 @@
   "datePicker.month.june": "Junho",
   "datePicker.month.march": "Março",
   "datePicker.month.may": "Maio",
+  "datePicker.month.next": "Próximo mês",
   "datePicker.month.november": "Novembro",
   "datePicker.month.october": "Outubro",
+  "datePicker.month.previous": "Mês anterior",
   "datePicker.month.september": "Setembro",
   "error.generic": "Ocorreu um erro",
   "error.network.500": "Erro interno do servidor",

package/src/utils/date.d.ts

@@ -1,5 +1,2 @@
-import { MonthNames, WeekDayNames } from "@swan-io/lake/src/components/DatePicker";
 export declare const decodeBirthDate: (value: string) => string;
 export declare const encodeBirthDate: (value: string) => string;
-export declare const weekDayNames: WeekDayNames;
-export declare const monthNames: MonthNames;

package/src/utils/date.js

@@ -1,5 +1,4 @@
 import dayjs from "dayjs";
-import { t } from "./i18n";
 export const decodeBirthDate = (value) => {
     const date = dayjs.utc(value, "YYYY-MM-DD");
     return date.isValid() ? date.format("DD/MM/YYYY") : "";
@@ -8,26 +7,3 @@ export const encodeBirthDate = (value) => {
     const date = dayjs.utc(value, "DD/MM/YYYY");
     return date.isValid() ? date.format("YYYY-MM-DD") : "";
 };
-export const weekDayNames = [
-    t("datePicker.day.sunday"),
-    t("datePicker.day.monday"),
-    t("datePicker.day.tuesday"),
-    t("datePicker.day.wednesday"),
-    t("datePicker.day.thursday"),
-    t("datePicker.day.friday"),
-    t("datePicker.day.saturday"),
-];
-export const monthNames = [
-    t("datePicker.month.january"),
-    t("datePicker.month.february"),
-    t("datePicker.month.march"),
-    t("datePicker.month.april"),
-    t("datePicker.month.may"),
-    t("datePicker.month.june"),
-    t("datePicker.month.july"),
-    t("datePicker.month.august"),
-    t("datePicker.month.september"),
-    t("datePicker.month.october"),
-    t("datePicker.month.november"),
-    t("datePicker.month.december"),
-];

package/src/utils/i18n.d.ts

@@ -1,6 +1,6 @@
-import type { DateFormat } from "@swan-io/lake/src/components/DatePicker";
 import { RifmProps } from "@swan-io/lake/src/utils/rifm";
 import { ReactElement, ReactNode } from "react";
+import type { DateFormat } from "../components/DatePicker";
 import translationEN from "../locales/en.json";
 declare const supportedLanguages: readonly ["en", "es", "de", "fr", "it", "nl", "pt"];
 type SupportedLanguage = (typeof supportedLanguages)[number];