@swan-io/shared-business 13.7.9 → 13.7.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "13.7.9",
+  "version": "13.7.11",
   "engines": {
     "node": ">22.12.0"
   },
@@ -25,7 +25,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "13.7.9"
+    "@swan-io/lake": "13.7.11"
   },
   "dependencies": {
     "@formatjs/intl": "^4.1.2",
@@ -50,6 +50,6 @@
     "@types/react-dom": "^19.2.3",
     "@types/react-native": "^0.72.8",
     "type-fest": "^5.4.3",
-    "@swan-io/lake": "13.7.9"
+    "@swan-io/lake": "13.7.11"
   }
 }

package/src/components/AccountStatementAnnualFees.js

@@ -25,7 +25,7 @@ const styles = StyleSheet.create({
     closingBalanceRow: {
         ...getTextStyle("sans", 12),
         backgroundColor: colors.gray[50],
-        width: "50%",
+        width: "55%",
     },
     flexGrow: {
         flexGrow: 1,
@@ -68,5 +68,5 @@ const styles = StyleSheet.create({
 });
 export const AccountStatementAnnualFees = ({ annualFeeStatement, language, }) => {
     const t = useTranslation(language);
-    return (_jsxs(Box, { style: styles.container, children: [_jsx(Box, { style: styles.flexGrow, children: _jsx(Text, { style: styles.feeStatementTitle, children: t("accountStatement.feeStatement") }) }), _jsx(Space, { height: 24 }), _jsx(Box, { style: styles.dateContainer, children: _jsxs(Text, { style: styles.dateText, children: [t("accountStatement.from"), " ", _jsx(Text, { style: styles.dateBold, children: annualFeeStatement.openingDate }), " ", t("accountStatement.to"), " ", _jsx(Text, { style: styles.dateBold, children: annualFeeStatement.closingDate })] }) }), _jsx(Space, { height: 8 }), _jsxs(Box, { style: styles.headerRow, direction: "row", justifyContent: "spaceBetween", children: [_jsx(Text, { style: [styles.headerText, { width: "60%" }], children: t("accountStatement.feeType") }), _jsx(Text, { style: styles.headerText, children: t("accountStatement.operationCount") }), _jsx(Text, { style: styles.headerText, children: t("accountStatement.total") })] }), _jsx(Space, { height: 4 }), annualFeeStatement.feeOperations.map((feeOperation, index) => (_jsxs(Box, { direction: "row", children: [_jsx(Text, { style: [styles.operationText, { width: "68%" }], children: feeOperation.label }), _jsx(Text, { style: [styles.operationText, { width: "20%" }], children: feeOperation.count }), _jsx(Text, { style: styles.operationText, children: feeOperation.total.value })] }, index))), _jsx(Space, { height: 32 }), _jsx(Box, { children: _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", justifyContent: "spaceBetween", style: styles.closingBalanceRow, children: [_jsx(Text, { style: [styles.row, { width: "22%" }], children: t("accountStatement.total") }), _jsx(Text, { style: styles.totalAmount, children: annualFeeStatement.operationCount }), _jsx(Box, { style: styles.row }), _jsx(Text, { style: styles.totalAmount, children: annualFeeStatement.total.value })] }) }) })] }));
+    return (_jsxs(Box, { style: styles.container, children: [_jsx(Box, { style: styles.flexGrow, children: _jsx(Text, { style: styles.feeStatementTitle, children: t("accountStatement.feeStatement") }) }), _jsx(Space, { height: 24 }), _jsx(Box, { style: styles.dateContainer, children: _jsxs(Text, { style: styles.dateText, children: [t("accountStatement.from"), " ", _jsx(Text, { style: styles.dateBold, children: annualFeeStatement.openingDate }), " ", t("accountStatement.to"), " ", _jsx(Text, { style: styles.dateBold, children: annualFeeStatement.closingDate })] }) }), _jsx(Space, { height: 8 }), _jsxs(Box, { style: styles.headerRow, direction: "row", justifyContent: "spaceBetween", children: [_jsx(Text, { style: [styles.headerText, { width: "60%" }], children: t("accountStatement.feeType") }), _jsx(Text, { style: styles.headerText, children: t("accountStatement.operationCount") }), _jsx(Text, { style: styles.headerText, children: t("accountStatement.total") })] }), _jsx(Space, { height: 4 }), annualFeeStatement.feeOperations.map((feeOperation, index) => (_jsxs(Box, { direction: "row", children: [_jsx(Text, { style: [styles.operationText, { width: "68%" }], children: feeOperation.label }), _jsx(Text, { style: [styles.operationText, { width: "20%" }], children: feeOperation.count }), _jsx(Text, { style: styles.operationText, children: feeOperation.total.value })] }, index))), _jsx(Space, { height: 32 }), _jsx(Box, { children: _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", justifyContent: "spaceBetween", style: styles.closingBalanceRow, children: [_jsx(Text, { style: [styles.row, { width: "30%" }], children: t("accountStatement.total") }), _jsx(Text, { style: styles.totalAmount, children: annualFeeStatement.operationCount }), _jsx(Box, { style: styles.row }), _jsx(Text, { style: styles.totalAmount, children: annualFeeStatement.total.value })] }) }) })] }));
 };

package/src/components/SupportingDocumentCollection.d.ts

@@ -40,7 +40,7 @@ type Props<Purpose extends string> = {
         label: string;
         description: string;
         purposeDetails?: string;
-    }>;
+    } | undefined>;
     uploadFile?: (config: UploadFileInput<UploadOutput>) => Future<Result<Response<string>, NetworkError | TimeoutError>>;
     onChange?: (documents: Document<Purpose>[]) => void;
     onRemoveFile?: (file: SwanFile) => Future<Result<unknown, unknown>>;
@@ -50,5 +50,7 @@ type Props<Purpose extends string> = {
     getPurposeMetadata?: (purose: Purpose) => PurposeMetadata | undefined;
     readonlyDocumentPurposes?: Purpose[];
 };
+export declare const getSupportingDocumentPurposeLabel: (purpose: string) => string;
+export declare const getSupportingDocumentPurposeDescriptionLabel: (purpose: string) => string;
 export declare const SupportingDocumentCollection: <Purpose extends string>({ ref, documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage, status, onChange, onRemoveFile, showIds, readOnly, getPurposeMetadata, readonlyDocumentPurposes, }: Props<Purpose>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SupportingDocumentCollection.js

@@ -15,7 +15,7 @@ import { badStatusToError, Request } from "@swan-io/request";
 import { Fragment, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { StyleSheet } from "react-native";
 import { match } from "ts-pattern";
-import { locale, t } from "../utils/i18n";
+import { isTranslationKey, locale, t } from "../utils/i18n";
 import { FilesUploader } from "./FilesUploader";
 import { LakeModal } from "./LakeModal";
 const ACCEPTED_FORMATS = ["application/pdf", "image/png", "image/jpeg", "image/heic"];
@@ -42,6 +42,14 @@ const getSupportLink = (language) => match(language)
     .with("es", () => "https://support.swan.io/hc/en-150/articles/22544703221021--Proof-of-registration-for-Spanish-companies")
     .with("nl", () => "https://support.swan.io/hc/en-150/articles/22543228421277--Proof-of-registration-for-Dutch-companies")
     .otherwise(() => "https://support.swan.io/hc/en-150/articles/22620756787869-Proof-of-company-registration");
+export const getSupportingDocumentPurposeLabel = (purpose) => {
+    const key = `supportingDocuments.purpose.${purpose}`;
+    return isTranslationKey(key) ? t(key) : purpose;
+};
+export const getSupportingDocumentPurposeDescriptionLabel = (purpose) => {
+    const key = `supportingDocuments.purpose.${purpose}.description`;
+    return isTranslationKey(key) ? t(key) : "";
+};
 export const SupportingDocumentCollection = ({ ref, documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage = locale.language, status, onChange, onRemoveFile, showIds = false, readOnly = false, getPurposeMetadata, readonlyDocumentPurposes = [], }) => {
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
@@ -121,9 +129,9 @@ export const SupportingDocumentCollection = ({ ref, documents, generateUpload, u
         return true;
     });
     return (_jsxs(Form, { children: [showableDocumentPurposes.map(({ purpose, files, areAllDocumentsValidated, isRequired }) => {
-                var _a;
+                var _a, _b, _c, _d, _e, _f;
                 const metadata = getPurposeMetadata === null || getPurposeMetadata === void 0 ? void 0 : getPurposeMetadata(purpose);
-                return (_jsxs(Fragment, { children: [_jsx(LakeLabel, { label: requiredDocumentPurposes[purpose].label, description: (_a = requiredDocumentPurposes[purpose].purposeDetails) !== null && _a !== void 0 ? _a : requiredDocumentPurposes[purpose].description, render: () => (_jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", children: [_jsx(Box, { direction: "row", children: isNotNullish(metadata) ? (purpose === "CompanyRegistration" ? (_jsxs(_Fragment, { children: [_jsx(LakeButton, { size: "small", mode: "secondary", icon: "question-circle-regular", onPress: () => window.open(getSupportLink(locale.language)), ariaLabel: t("supportingDocuments.help.howToSendAGoodDocument"), children: t("supportingDocuments.help.howToSendAGoodDocument") }), _jsx(Space, { width: 8 })] })) : (_jsxs(_Fragment, { children: [_jsx(Help, { type: "button", label: metadata.title, onPress: () => setCurrentMetadata(metadata) }), _jsx(Space, { width: 8 })] }))) : (match(purpose)
+                return (_jsxs(Fragment, { children: [_jsx(LakeLabel, { label: (_b = (_a = requiredDocumentPurposes[purpose]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : getSupportingDocumentPurposeLabel(purpose), description: (_f = (_d = (_c = requiredDocumentPurposes[purpose]) === null || _c === void 0 ? void 0 : _c.purposeDetails) !== null && _d !== void 0 ? _d : (_e = requiredDocumentPurposes[purpose]) === null || _e === void 0 ? void 0 : _e.description) !== null && _f !== void 0 ? _f : getSupportingDocumentPurposeDescriptionLabel(purpose), render: () => (_jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", children: [_jsx(Box, { direction: "row", children: isNotNullish(metadata) ? (purpose === "CompanyRegistration" ? (_jsxs(_Fragment, { children: [_jsx(LakeButton, { size: "small", mode: "secondary", icon: "question-circle-regular", onPress: () => window.open(getSupportLink(locale.language)), ariaLabel: t("supportingDocuments.help.howToSendAGoodDocument"), children: t("supportingDocuments.help.howToSendAGoodDocument") }), _jsx(Space, { width: 8 })] })) : (_jsxs(_Fragment, { children: [_jsx(Help, { type: "button", label: metadata.title, onPress: () => setCurrentMetadata(metadata) }), _jsx(Space, { width: 8 })] }))) : (match(purpose)
                                                     .with("CompanyRegistration", () => (_jsx(LakeButton, { size: "small", mode: "secondary", icon: "question-circle-regular", onPress: () => window.open(getSupportLink(locale.language)), ariaLabel: t("supportingDocuments.help.howToSendAGoodDocument"), children: t("supportingDocuments.help.howToSendAGoodDocument") })))
                                                     .otherwise(() => null)) }), match(purpose)
                                                 .with("PowerOfAttorney", () => (_jsx(Help, { type: "button", icon: "arrow-down-filled", label: t("supportingDocuments.help.downloadTemplate"), onPress: () => setShowPowerOfAttorneyModal(true) })))