@adyen/kyc-components 3.12.1 → 3.12.2

package/dist/es/adyen-kyc-components.es.js

@@ -27231,6 +27231,28 @@ const useHasSeenSingpassSelection = ({
     setHasSeenSingpassSelection
   };
 };
+const useShouldShowSingpass = ({
+  isExperimentEnabled = false,
+  legalEntity,
+  accountHolder: accountHolder2,
+  handleOpenSingpassAuthorizationLink
+}) => {
+  const shouldShowSingpassForAccountHolder = (newAccountHolder) => {
+    if (!isExperimentEnabled) {
+      return false;
+    }
+    const country2 = getLegalEntityCountry(legalEntity);
+    const isSingpassEnabled = Boolean(handleOpenSingpassAuthorizationLink && country2 === CountryCodes.Singapore);
+    if (newAccountHolder) {
+      return isSingpassEnabled && newAccountHolder === "theCompanyIWorkFor";
+    }
+    return isSingpassEnabled && (legalEntity == null ? void 0 : legalEntity.type) === LegalEntityType.ORGANIZATION;
+  };
+  return {
+    shouldShowSingpass: shouldShowSingpassForAccountHolder(accountHolder2),
+    shouldShowSingpassForAccountHolder
+  };
+};
 const logger$e = createLogger("useAssociatedLegalArrangement");
 function useAssociatedLegalArrangement({
   rootLegalEntity,
@@ -29288,7 +29310,6 @@ const SingpassSelection = (props) => {
   });
   const methodsMetadata = getSetupAccountMethodMetadata();
   return jsx("div", {
-    className: "adl-u-display-flex adl-u-justify-content-center",
     children: jsxs("div", {
       className: "adyen-kyc-singpass-selection",
       children: [jsx("header", {
@@ -32977,17 +32998,27 @@ function DropinComposerComponent({
   });
   const [tasks, setTasks] = useState([]);
   const [rootLegalEntity, setRootLegalEntity] = useState(legalEntityResponse);
-  const rootLegalEntityCountry = rootLegalEntity.type === LegalEntityType.INDIVIDUAL ? rootLegalEntity.individual.residentialAddress.country : rootLegalEntity.organization.registeredAddress.country;
-  const isSoleProp = accountHolder2 === "mySoleProprietorName" || hasSolePropInLegalEntity(legalEntityResponse);
-  const isSingpassEnabled = rootLegalEntityCountry === CountryCodes.Singapore && isSingpassExperimentEnabled && !hasSeenSingpassSelection;
-  const shouldShowSingpass = isSingpassEnabled && (isSoleProp || legalEntityResponse.type === LegalEntityType.ORGANIZATION);
+  const rootLegalEntityCountry = getLegalEntityCountry(rootLegalEntity);
+  const {
+    handleOpenSingpassAuthorizationLink
+  } = args;
+  const {
+    shouldShowSingpass,
+    shouldShowSingpassForAccountHolder
+  } = useShouldShowSingpass({
+    isExperimentEnabled: isSingpassExperimentEnabled,
+    legalEntity: legalEntityResponse,
+    accountHolder: accountHolder2,
+    handleOpenSingpassAuthorizationLink
+  });
+  const shouldShowSingpassSelection = shouldShowSingpass && !hasSeenSingpassSelection;
   const initialTask = useMemo(() => {
     if (isNewEntryFlowEnabled && (!accountHolder2 || legalEntityResponse.id !== leId)) {
       return TaskTypes.BUSINESS_TYPE_SELECTION;
     }
     if (showIntroduction)
       return TaskTypes.INTRODUCTION;
-    if (isSingpassEnabled)
+    if (shouldShowSingpassSelection)
       return TaskTypes.SINGPASS_SELECTION;
     return TaskTypes.TASKS_OVERVIEW;
   }, [showIntroduction, isNewEntryFlowEnabled, accountHolder2, legalEntityResponse, leId]);
@@ -33277,10 +33308,7 @@ function DropinComposerComponent({
     }
   };
   const handleSingpassSelectionNextClick = async (method) => {
-    const {
-      handleOpenSingpassAuthorizationLink
-    } = args;
-    if (method === "singpass" && handleOpenSingpassAuthorizationLink) {
+    if (method === "singpass" && shouldShowSingpass) {
       try {
         const {
           item: {
@@ -33566,7 +33594,7 @@ function DropinComposerComponent({
               onNavigateTo(TaskTypes.INTRODUCTION);
               return;
             }
-            if (isSingpassEnabled && newAccountHolder === "theCompanyIWorkFor" || newAccountHolder === "mySoleProprietorName") {
+            if (shouldShowSingpassForAccountHolder(newAccountHolder) && !hasSeenSingpassSelection) {
               onNavigateTo(TaskTypes.SINGPASS_SELECTION);
               return;
             }
@@ -33590,7 +33618,7 @@ function DropinComposerComponent({
         legalEntity: rootLegalEntity,
         onExitIntroduction: () => {
           setHasSeenIntroduction(true);
-          if (shouldShowSingpass) {
+          if (shouldShowSingpassSelection) {
             onNavigateTo(TaskTypes.SINGPASS_SELECTION);
             return;
           }
@@ -35790,7 +35818,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.12.1";
+  const sdkVersion = "3.12.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,

package/dist/style.css

@@ -85934,7 +85934,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-business-type-selection {
-  max-width: 544px;
+  margin-left: auto;
+  margin-right: auto;
 }
 .adyen-kyc-business-type-selection__nav {
   margin-top: 32px;
@@ -99788,6 +99789,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 .adyen-kyc-singpass-selection {
   max-width: 544px;
+  margin-left: auto;
+  margin-right: auto;
 }
 .adyen-kyc-singpass-selection__nav {
   margin-top: 32px;
@@ -107374,6 +107377,9 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adyen-task-list-group__header .adl-heading {
   font-weight: 500;
 }
+.adyen-task-list-group > .adl-card__body {
+  padding: 16px 0;
+}
 .adyen-task-list-group + .adyen-task-list-group {
   margin-top: 16px;
 }/* #region Spacing */

package/dist/types/components/Dropins/types.d.ts

@@ -21,7 +21,7 @@ interface SingpassLinkResponseItem {
     authUrl: string;
     success: boolean;
 }
-interface SingpassLinkResponse {
+export interface SingpassLinkResponse {
     item: SingpassLinkResponseItem;
 }
 export interface DropinComposerProps extends DropinAPIHandlers, BasicComponentProps {

package/dist/types/core/hooks/singpass/useShouldShowSingpass.d.ts

@@ -0,0 +1,14 @@
+import { SingpassLinkResponse } from '../../../components/Dropins/types';
+import { AccountHolderOption } from '../../../components/internal/AccountHolder/types';
+import { ExistingLegalEntity } from '../../models/api/legal-entity';
+interface UseShouldShowSingpassProps {
+    isExperimentEnabled: boolean;
+    legalEntity: ExistingLegalEntity;
+    accountHolder?: AccountHolderOption;
+    handleOpenSingpassAuthorizationLink?: () => Promise<SingpassLinkResponse>;
+}
+export declare const useShouldShowSingpass: ({ isExperimentEnabled, legalEntity, accountHolder, handleOpenSingpassAuthorizationLink, }: UseShouldShowSingpassProps) => {
+    shouldShowSingpass: boolean;
+    shouldShowSingpassForAccountHolder: (newAccountHolder?: AccountHolderOption) => boolean;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "description": "",
   "license": "MIT",
   "files": [