Add identificationLevel=Auto on mail invitations (#1040)

* Add identificationLevel=Auto on mail invitations * Fix typing
swan-io · Dec 2, 2024 · 885ed4d · 885ed4d
1 parent c0a46ec
commit 885ed4d
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 19 deletions.
diff --git a/clients/banking/src/components/MembershipInvitationLinkModal.tsx b/clients/banking/src/components/MembershipInvitationLinkModal.tsx
@@ -1,8 +1,9 @@
-import { Option } from "@swan-io/boxed";
+import { AsyncData, Option, Result } from "@swan-io/boxed";
 import { useDeferredQuery } from "@swan-io/graphql-client";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
 import { LakeTextInput } from "@swan-io/lake/src/components/LakeTextInput";
+import { LoadingView } from "@swan-io/lake/src/components/LoadingView";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { LakeModal } from "@swan-io/shared-business/src/components/LakeModal";
 import { useEffect } from "react";
@@ -12,6 +13,7 @@ import { getMemberName } from "../utils/accountMembership";
 import { t } from "../utils/i18n";
 import { projectConfiguration } from "../utils/projectId";
 import { CopyTextButton } from "./CopyTextButton";
+import { ErrorView } from "./ErrorView";
 
 type Props = {
   accountMembershipId: string | undefined;
@@ -27,14 +29,6 @@ export const MembershipInvitationLinkModal = ({ accountMembershipId, onPressClos
     }
   }, [accountMembershipId, query]);
 
-  const value = match(projectConfiguration)
-    .with(
-      Option.P.Some({ projectId: P.select(), mode: "MultiProject" }),
-      projectId =>
-        `${__env.BANKING_URL}/api/projects/${projectId}/invitation/${accountMembershipId ?? ""}`,
-    )
-    .otherwise(() => `${__env.BANKING_URL}/api/invitation/${accountMembershipId ?? ""}`);
-
   return (
     <LakeModal
       visible={accountMembershipId != null}
@@ -51,18 +45,54 @@ export const MembershipInvitationLinkModal = ({ accountMembershipId, onPressClos
         )
         .getOr(t("members.invitationTitle"))}
     >
-      <LakeLabel
-        label={t("members.invitationLink")}
-        render={id => {
+      {match(data)
+        .with(AsyncData.P.NotAsked, AsyncData.P.Loading, () => <LoadingView />)
+        .with(AsyncData.P.Done(Result.P.Error(P.select())), error => <ErrorView error={error} />)
+        .with(AsyncData.P.Done(Result.P.Ok(P.select())), ({ accountMembership }) => {
+          const value = match(projectConfiguration)
+            .with(
+              Option.P.Some({ projectId: P.select(), mode: "MultiProject" }),
+              projectId =>
+                `${__env.BANKING_URL}/api/projects/${projectId}/invitation/${accountMembershipId ?? ""}`,
+            )
+            .otherwise(() => `${__env.BANKING_URL}/api/invitation/${accountMembershipId ?? ""}`);
+
+          const url = new URL(value);
+          url.searchParams.append("identificationLevel", "Auto");
+          match(accountMembership?.statusInfo)
+            .with(
+              {
+                __typename: P.union(
+                  "AccountMembershipBindingUserErrorStatusInfo",
+                  "AccountMembershipInvitationSentStatusInfo",
+                ),
+              },
+              ({ restrictedTo }) => {
+                if (restrictedTo.phoneNumber == null && accountMembership?.email != null) {
+                  url.searchParams.append("email", accountMembership.email);
+                }
+              },
+            )
+            .otherwise(() => {});
+
+          const urlAsString = url.toString();
+
           return (
-            <Box direction="row">
-              <LakeTextInput id={id} readOnly={true} value={value} hideErrors={true} />
-              <Space width={12} />
-              <CopyTextButton value={value} />
-            </Box>
+            <LakeLabel
+              label={t("members.invitationLink")}
+              render={id => {
+                return (
+                  <Box direction="row">
+                    <LakeTextInput id={id} readOnly={true} value={urlAsString} hideErrors={true} />
+                    <Space width={12} />
+                    <CopyTextButton value={urlAsString} />
+                  </Box>
+                );
+              }}
+            />
           );
-        }}
-      />
+        })
+        .exhaustive()}
     </LakeModal>
   );
 };
diff --git a/server/src/index.swan.ts b/server/src/index.swan.ts
@@ -98,6 +98,7 @@ const getMailjetInput = ({
         const ctaUrl = new URL(
           `${env.BANKING_URL}/api/projects/${projectInfo.id}/invitation/${inviteeAccountMembership.id}`,
         );
+        ctaUrl.searchParams.append("identificationLevel", "Auto");
         if (inviteeAccountMembership.statusInfo.restrictedTo.phoneNumber == null) {
           ctaUrl.searchParams.append("email", inviteeAccountMembership.email);
         }