@swan-io/shared-business 2.7.38 → 3.0.0

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.js

@@ -1,6 +1,5 @@
 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 { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
 import { LakeText } from "@swan-io/lake/src/components/LakeText";
@@ -10,6 +9,7 @@ import { backgroundColor, colors, gray75, radii, shadows, spacings, } from "@swa
 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 { FileTile } from "@swan-io/shared-business/src/components/FileTile";
 import { Fragment, useLayoutEffect, useRef } from "react";
 import { useDropzone } from "react-dropzone";
 import { StyleSheet, Text, View } from "react-native";

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,4 +1,4 @@
-import { MonthNames, WeekDayNames } from "@swan-io/lake/src/components/DatePicker";
+import { MonthNames, WeekDayNames } from "@swan-io/shared-business/src/components/DatePicker";
 export declare const decodeBirthDate: (value: string) => string;
 export declare const encodeBirthDate: (value: string) => string;
 export declare const weekDayNames: WeekDayNames;

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];