@adyen/kyc-components 4.4.0 → 4.5.0-beta.0

package/dist/{IndividualDropin-ffk4cENA.js → IndividualDropin-DQrqvsVq.js}

@@ -2,7 +2,7 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ac0f54da-8f12-4984-99e6-bbfb10bed946", e._sentryDebugIdIdentifier = "sentry-dbid-ac0f54da-8f12-4984-99e6-bbfb10bed946");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2df53a1f-9b04-4dd3-bdbf-4dc9eb7c5ba6", e._sentryDebugIdIdentifier = "sentry-dbid-2df53a1f-9b04-4dd3-bdbf-4dc9eb7c5ba6");
   } catch (e) {
   }
 }
@@ -11,62 +11,64 @@ import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { Show } from "@preact/signals/utils";
 import { useMutation, useQuery, skipToken, useQueryClient } from "@tanstack/preact-query";
 import { useState, useRef, useCallback, useEffect, useMemo } from "preact/hooks";
-import { u as useScenarios } from "./useScenarios-BbG9i_sD.js";
-import { u as useCreateLegalEntity } from "./useCreateLegalEntity-Bk8GSKP1.js";
-import { b as useApiContext, h as httpPost, aa as CountryCodes, aC as matchesRegex, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, aF as hasRepeatedCharacters, aG as isInvalidName, aH as INDIVIDUAL_VALID_CHAR_REGEX, ax as isEmpty, y as TaskTypes, L as LegalEntityTypes, aI as getAgeToday, aJ as euCountries, aK as hasText, aL as standardKatakanaValidator, aM as standardKanjiValidator, j as httpGet, u as useTranslation, W as Button, G as Alert, V as Loader, as as DecisionMakerTypes, at as Scenarios, O as Typography, ac as translateTranslatable, ap as useDataset, aq as datasetIdentifier, aN as useAllowedCountries, k as useSettingsContext, J as useExperimentsContext, aB as Header, aO as getAgeRangeForLegalRepresentative, aP as isLegalRepresentativeNeeded, aQ as Trans, aR as valuesOf, aS as keysOf, ah as objectsDeepEqual, aT as listToRecord, aU as pick, m as createLogger, C as IconButton, z as useAnalyticsContext, am as datasetUtilities, aV as useCapabilities, aW as individualApiKeyMapping, aX as drop, v as useAccountHolder, a9 as getLegalEntityCountry, aY as getAllowedDecisionMakerRoles, aZ as filterOutUnwantedAssociationsIfRootLE, an as cloneObject, a_ as individualDocumentMapping, a$ as individualObscuredFields, ad as getOwnEntityAssociations, b0 as hasNomineesChanged, b1 as attachNomineeToRole, b2 as doArraysMatch } from "./StoreProvider-mHLtWums.js";
-import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-DZgtsmFg.js";
-import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-D_vmsuPk.js";
-import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-X7roxa7M.js";
-import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-B5QKkdAI.js";
-import { u as useToastContext } from "./useToastContext-wDfBfnfF.js";
-import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-TVQJVhh6.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-cvPDQGkm.js";
-import { u as useMultiForm } from "./useMultiForm-cC2wlHNB.js";
-import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-DAKnbl3q.js";
+import { u as useScenarios } from "./useScenarios-DJzsH2gd.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-p2CrQlAX.js";
+import { b as useApiContext, h as httpPost, aa as CountryCodes, aC as matchesRegex, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, aF as hasRepeatedCharacters, aG as isInvalidName, aH as INDIVIDUAL_VALID_CHAR_REGEX, ax as isEmpty, y as TaskTypes, L as LegalEntityTypes, aI as getAgeToday, aJ as euCountries, aK as hasText, aL as standardKatakanaValidator, aM as standardKanjiValidator, j as httpGet, u as useTranslation, W as Button, G as Alert, V as Loader, as as DecisionMakerTypes, at as Scenarios, O as Typography, ac as translateTranslatable, ap as useDataset, aq as datasetIdentifier, aN as useAllowedCountries, k as useSettingsContext, J as useExperimentsContext, aB as Header, aO as getAgeRangeForLegalRepresentative, aP as isLegalRepresentativeNeeded, aQ as Trans, aR as valuesOf, aS as keysOf, ah as objectsDeepEqual, aT as listToRecord, aU as pick, m as createLogger, C as IconButton, z as useAnalyticsContext, am as datasetUtilities, aV as useCapabilities, aW as individualApiKeyMapping, aX as drop, v as useAccountHolder, a9 as getLegalEntityCountry, aY as getAllowedDecisionMakerRoles, aZ as filterOutUnwantedAssociationsIfRootLE, an as cloneObject, a_ as individualDocumentMapping, a$ as individualObscuredFields, ad as getOwnEntityAssociations, b0 as hasNomineesChanged, b1 as attachNomineeToRole, b2 as doArraysMatch } from "./StoreProvider-CDvuKNZP.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-BswSgPWT.js";
+import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-DmC7K_9S.js";
+import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, P as PhoneField, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-opl6-mP9.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-C1SR24Ki.js";
+import { u as useToastContext } from "./useToastContext-D9-q58mO.js";
+import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-Cb30tRmq.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-CH5elK0n.js";
+import { u as useMultiForm } from "./useMultiForm-DPExov8c.js";
+import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-ebhAtDpQ.js";
 import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-DEOyz9Yo.js";
-import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-BwqkpwLG.js";
-import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-CXINiC_b.js";
-import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-DHNvFq3z.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-BZEfEJF0.js";
-import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-CkFqyHrv.js";
-import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-b3yhWTWD.js";
-import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-Cjg3HGeh.js";
-import { l as localizeDateString } from "./localizeDateString-iKn35I7t.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-LYI4Hywy.js";
-import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput } from "./MaskedInput-BiyWZvf9.js";
-import { v as validatePatternOnBlur } from "./patternValidators-DHivz8FR.js";
+import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-6-TZehkD.js";
+import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-BQ0Na9UT.js";
+import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-DV9h15hI.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-NidfTgvm.js";
+import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-CdMI5st2.js";
+import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-P4kd2RBf.js";
+import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-B6aNrTga.js";
+import { l as localizeDateString } from "./localizeDateString-DJzFcyYr.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-DRlrwi6o.js";
+import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput, I as InputEmail } from "./MaskedInput-Bmnp6vfE.js";
+import { v as validatePatternOnBlur } from "./patternValidators-ORRO5SAA.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { g as getLocalizedIdDocumentTypeOptions } from "./utils-t9bNKGqn.js";
+import { g as getLocalizedIdDocumentTypeOptions } from "./utils-CFBp4SLl.js";
 import { lazy, Suspense, memo } from "preact/compat";
-import { I as Image } from "./unincorporated-partnership-DPbAzJDe.js";
-import { M as Modal } from "./Modal-B2axEGgw.js";
-import { L as LandingLayout } from "./LandingLayout-DO4D3GZF.js";
-import { C as Confirm } from "./Confirm-DHTZz6n-.js";
-import { a as getIndividualLegalEntityName } from "./getName-D92TbZE4.js";
-import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-pwkl8kSq.js";
+import { I as Image } from "./unincorporated-partnership-CIe8e4wR.js";
+import { M as Modal } from "./Modal-C4g499L3.js";
+import { L as LandingLayout } from "./LandingLayout-DCtOMPr1.js";
+import { C as Confirm } from "./Confirm-CYgHkICM.js";
+import { a as getIndividualLegalEntityName } from "./getName-C_u_P9U0.js";
+import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-BPLSJ1MR.js";
 import { signal } from "@preact/signals";
-import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-Dc-0FFlw.js";
+import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-Wws7gA5m.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { F as Field } from "./Field-BCh4RjjH.js";
-import { L as Link } from "./Link-C53bmm0L.js";
+import { F as Field } from "./Field-BnYaQCpL.js";
+import { L as Link } from "./Link-DHZbclel.js";
 import { S as SettingNames } from "./types-CQ2p58-6.js";
-import { I as InputDate, f as formatDateObj } from "./InputDate-lBYns5ES.js";
-import { I as InputText } from "./InputText-cE4sdkOF.js";
-import { C as CountryField } from "./CountryField-prWQNOFZ.js";
-import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-DoV1tEJl.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-Cu4r_cE7.js";
-import { C as Checkbox } from "./Checkbox-RZJnbRBZ.js";
-import { S as Select } from "./Select-DpfHA9OG.js";
-import { C as ContextGuidance } from "./ContextGuidance-DeZxHGha.js";
-import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-Df2tyewj.js";
-import { i as isTruthyValidator } from "./commonValidators-Q1vH12Fp.js";
+import { I as InputDate, f as formatDateObj } from "./InputDate-D7tf-vyK.js";
+import { I as InputText } from "./InputText-DJmeZHiM.js";
+import { C as CountryField } from "./CountryField-BNisulC2.js";
+import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-Brbd7IGZ.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-Bl8SBmWK.js";
+import { C as Checkbox } from "./Checkbox-DEpPoJN_.js";
+import { S as Select } from "./Select-DeoKjJst.js";
+import { C as ContextGuidance } from "./ContextGuidance-gC4RuGIB.js";
+import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-BOr9HYuB.js";
+import { i as isTruthyValidator } from "./commonValidators-MPgcG-b2.js";
 import { T as TrustedFieldsProviders } from "./trusted-fields-provider-BgfIoSNJ.js";
-import { n as nameFields, N as Name } from "./Name-DF_giEzW.js";
-import { D as Dropzone } from "./Dropzone-BpVTBLdK.js";
-import { i as isEmpty$1 } from "./isEmpty-BtKNXm_E.js";
+import { n as nameFields, N as Name } from "./Name-BAP43zgz.js";
+import { D as Dropzone } from "./Dropzone-BbFC9YFN.js";
+import { i as isEmpty$1 } from "./isEmpty-JkZqLeJ_.js";
 import { Onfido } from "onfido-sdk-ui";
-import { L as LoaderWrapper } from "./LoaderWrapper-CyNmE5d5.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-DbnjDZaG.js";
 import { S as Spacer } from "./Spacer-BK3jDget.js";
+import { T as TextArea } from "./TextArea-8HzHbl8a.js";
+import { e as emailPattern } from "./basePatterns-BwdnMQxI.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
 import { m as mapSchemaFieldsToApiScriptLocalization } from "./mapAddressLocalizationToJpAddressSchema-vJWbpAyq.js";
 const verifyIdNumber = async (legalEntityId, baseUrl, data) => {
@@ -111,6 +113,28 @@ const useIdVerificationStartCheck = (options) => {
     ...options
   });
 };
+const createInvitation = async (baseUrl, organizationLegalEntityId, inviteeLegalEntityId, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${organizationLegalEntityId}/invitations/associations/${inviteeLegalEntityId}`
+    },
+    data
+  );
+};
+const useCreateInvitation = (options) => {
+  const { baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: ({
+      organizationLegalEntityId,
+      inviteeLegalEntityId,
+      data
+    }) => {
+      return createInvitation(baseUrl.value, organizationLegalEntityId, inviteeLegalEntityId, data);
+    },
+    ...options
+  });
+};
 const customerSupportPresubmitProcess = (legalEntityResponse, legalEntityToSubmit) => {
   if (legalEntityResponse.type === "individual") {
     return processCustomerSupportForIndividual(legalEntityResponse, legalEntityToSubmit);
@@ -1693,7 +1717,7 @@ const additionalIdentityInfoFields = [
   "expiryDate"
 ];
 const LazyJpAddress = lazy(
-  async () => (await import("./JpAddress-DgMxCxUO.js")).JpAddress
+  async () => (await import("./JpAddress-BLSFMUBF.js")).JpAddress
 );
 const additionalPersonalDetailsFields = [
   "birthDate",
@@ -3314,6 +3338,176 @@ function IdVerificationMethod(props) {
     ) : void 0
   ] });
 }
+const validateSenderNameNotEmpty = {
+  modes: ["blur"],
+  validate: (senderName) => !isEmpty(senderName),
+  errorMessage: "fieldIsRequired"
+};
+const v4NameRules = nameValidationRulesV4.firstName ?? [];
+const senderNameRules = Array.isArray(v4NameRules) ? v4NameRules : [v4NameRules];
+const validateMessageNotEmpty = {
+  modes: ["blur"],
+  validate: (message) => !isEmpty(message),
+  errorMessage: "fieldIsRequired"
+};
+const validateEmailNotEmpty = {
+  modes: ["blur"],
+  validate: (email) => !isEmpty(email),
+  errorMessage: "fieldIsRequired"
+};
+const validateEmailFormat = {
+  modes: ["blur"],
+  validate: (email) => email ? emailPattern.test(email) : true,
+  errorMessage: "invalidEmail"
+};
+const validatePhoneNotEmpty = {
+  modes: ["blur"],
+  validate: (phone) => !isEmpty(phone?.number),
+  errorMessage: "fieldIsRequired"
+};
+const inviteDetailsValidators = {
+  senderName: [validateSenderNameNotEmpty, ...senderNameRules],
+  message: [validateMessageNotEmpty],
+  email: [validateEmailNotEmpty, validateEmailFormat],
+  phoneNumber: [validatePhoneNotEmpty]
+};
+const inviteDetailsFields = [
+  "senderName",
+  "message",
+  "email",
+  "phoneNumber"
+];
+function InviteDetails(props) {
+  const { t } = useTranslation("individual");
+  const { t: commonT } = useTranslation("common");
+  const {
+    form: { data: formData, handleChangeFor: handleBasicDetailsChangeFor }
+  } = useFormContext();
+  const {
+    country,
+    data,
+    errors = {},
+    fieldValidationErrors,
+    handleFieldChange,
+    heading,
+    recipientFirstName,
+    valid = {}
+  } = props;
+  const formUtils = createFormUtils(props, commonT);
+  const basicDetails = formData.basicDetails ?? {};
+  const handleEmailChange = useCallback(
+    (mode) => (e) => {
+      handleFieldChange?.("email", mode)(e);
+      handleBasicDetailsChangeFor("email", "basicDetails", mode)(e);
+    },
+    [handleFieldChange, handleBasicDetailsChangeFor]
+  );
+  const handlePhoneChange = useCallback(
+    (key, mode) => (e) => {
+      handleFieldChange?.(key, mode)(e);
+      handleBasicDetailsChangeFor(key, "basicDetails", mode)(e);
+    },
+    [handleFieldChange, handleBasicDetailsChangeFor]
+  );
+  useEffect(() => {
+    if (!handleFieldChange) return;
+    handleFieldChange("email", "input")(data?.email);
+    handleFieldChange("phoneNumber", "input")(data?.phoneNumber);
+  }, []);
+  const emailValue = data?.email ?? basicDetails.email ?? "";
+  const phoneValue = data?.phoneNumber ?? basicDetails.phoneNumber;
+  if (!handleFieldChange) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__personal-details", children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        title: heading ?? t(($) => $["inviteDetails"]),
+        description: t(($) => $["checkThatContactInfoIsCorrect"], { name: recipientFirstName })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "email",
+        label: commonT(($) => $["email"]),
+        errorMessage: formUtils.getErrorMessage("email", errors, fieldValidationErrors),
+        isValid: valid.email,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputEmail,
+          {
+            ...childProps,
+            name: "email",
+            value: emailValue,
+            onInput: handleEmailChange("input"),
+            onBlur: handleEmailChange("blur"),
+            "aria-required": true,
+            "aria-invalid": valid.email === false
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PhoneField,
+      {
+        country,
+        data: { phoneNumber: phoneValue },
+        valid: { phoneNumber: valid.phoneNumber ?? true },
+        errors: { phoneNumber: errors.phoneNumber?.errorMessage },
+        labels: { phoneNumber: t(($) => $["mobileNumber"]) },
+        optional: false,
+        readonly: false,
+        handleChangeFor: handlePhoneChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "senderName",
+        label: commonT(($) => $["sender"]),
+        errorMessage: formUtils.getErrorMessage("senderName", errors, fieldValidationErrors),
+        isValid: valid.senderName,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...childProps,
+            name: "senderName",
+            value: data?.senderName,
+            placeholder: t(($) => $["name"]),
+            onInput: handleFieldChange("senderName", "input"),
+            onBlur: handleFieldChange("senderName", "blur"),
+            "aria-required": true,
+            "aria-invalid": !valid.senderName
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "message",
+        errorMessage: formUtils.getErrorMessage("message", errors, fieldValidationErrors),
+        isValid: valid.message,
+        helper: t(($) => $["thisMessageAppearsInTheEmail"]),
+        helperPosition: "below",
+        children: (childProps) => /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            ...childProps,
+            name: "message",
+            value: data?.message,
+            placeholder: t(($) => $["messagePlaceholder"]),
+            onInput: handleFieldChange("message", "input"),
+            onBlur: handleFieldChange("message", "blur"),
+            "aria-required": true,
+            "aria-invalid": !valid.message
+          }
+        )
+      }
+    )
+  ] });
+}
 const ManualIdUpload = () => {
   const { form } = useFormContext();
   const { handleChangeFor } = form;
@@ -3803,6 +3997,11 @@ const individualForms = {
     formName: "verificationMethod",
     fields: idVerificationMethodFields
   },
+  inviteDetails: {
+    formId: "inviteDetails",
+    formName: "inviteDetails",
+    fields: inviteDetailsFields
+  },
   additionalPersonalDetails: {
     formId: "additionalPersonalDetails",
     formName: "additionalPersonalDetails",
@@ -3833,6 +4032,7 @@ const signatoryQuestionnaireFormID = individualForms.signatoryQuestionnaire.form
 const uboQuestionnaireFormID = individualForms.uboQuestionnaire.formId;
 const basicDetailsFormID = individualForms.basicDetails.formId;
 const additionalPersonalDetailsFormID = individualForms.additionalPersonalDetails.formId;
+const inviteDetailsFormID = individualForms.inviteDetails.formId;
 const idVerificationMethodFormID = individualForms.idVerificationMethod.formId;
 const manualIdUploadFormID = individualForms.manualIdUpload.formId;
 const proofOfResidencyFormID = individualForms.proofOfResidency.formId;
@@ -3967,6 +4167,9 @@ function Individual(props) {
   const handleContinueToAdditionalDetails = () => {
     gotoFormByFormId(additionalPersonalDetailsFormID);
   };
+  const handleContinueToInviteDetails = () => {
+    gotoFormByFormId(inviteDetailsFormID);
+  };
   const handleDeleteDocument = () => {
     logger$1.info("handle delete document");
   };
@@ -4071,6 +4274,7 @@ function Individual(props) {
             taskType,
             handlers: {
               handleContinueToAdditionalDetails,
+              handleContinueToInviteDetails,
               handleDeleteDocument,
               handleUpdateDocument
             },
@@ -4079,6 +4283,28 @@ function Individual(props) {
             hasLiveSelfieErrorCode
           }
         );
+      case inviteDetailsFormID: {
+        const inviteDetailsData = {
+          email: data?.basicDetails?.email ?? "",
+          phoneNumber: data?.basicDetails?.phoneNumber,
+          senderName: data?.inviteDetails?.senderName ?? "",
+          message: data?.inviteDetails?.message ?? ""
+        };
+        return /* @__PURE__ */ jsx(
+          InviteDetails,
+          {
+            country: countryOfResidence,
+            data: inviteDetailsData,
+            errors: errors?.inviteDetails,
+            fieldValidationErrors: fieldValidationErrors?.inviteDetails,
+            handleFieldChange: handleFieldChange("inviteDetails"),
+            heading: individualT(($) => $["inviteDetails"]),
+            id: inviteDetailsFormID,
+            recipientFirstName: data?.basicDetails?.firstName ?? "",
+            valid: valid?.inviteDetails
+          }
+        );
+      }
       case additionalPersonalDetailsFormID:
         return /* @__PURE__ */ jsx(
           AdditionalPersonalDetails,
@@ -4503,30 +4729,41 @@ const phoneNumberBase = {
     rule: "contactsIfRequiredForRole"
   }
 };
+const inviteDetails = {
+  senderName: {
+    rule: "isVerifyByInviteSelected"
+  },
+  message: {
+    rule: "isVerifyByInviteSelected"
+  }
+};
 const taxInformationBase = {
   taxInformation: { rule: "countryUsesTaxId" }
 };
 const individualFieldsPerScenario = {
-  L0: drop("address", "birthDate").from(identityOnfidoBase),
-  L1: identityOnfidoBase,
+  L0: { ...drop("address", "birthDate").from(identityOnfidoBase), ...inviteDetails },
+  L1: { ...identityOnfidoBase, ...inviteDetails },
   L1_ID: {
     ...identityOnfidoBase,
     ...identityNumber,
-    ...additionalIdentityInfo
+    ...additionalIdentityInfo,
+    ...inviteDetails
   },
   L1_IDO: {
     // TODO: change idNumber rule to optional once optional fields are implemented
     ...identityOnfidoBase,
     ...identityNumber,
-    ...additionalIdentityInfo
+    ...additionalIdentityInfo,
+    ...inviteDetails
   },
   L1_NAT: {
     ...identityOnfidoBase,
     ...identityNumber,
     ...additionalIdentityInfo,
-    ...nationality
+    ...nationality,
+    ...inviteDetails
   },
-  L_TAXINFO: { ...identityOnfidoBase, ...taxInformationBase },
+  L_TAXINFO: { ...identityOnfidoBase, ...taxInformationBase, ...inviteDetails },
   L1_IDDOC: idDocRequired,
   L_PH: phoneNumberBase
 };
@@ -4645,7 +4882,8 @@ function IndividualDropin({
         formVerificationErrors: problems?.verificationErrors?.additionalPersonalDetails,
         t,
         taxIdNumberType: data2?.additionalPersonalDetails?.taxInformation?.length ? data2?.additionalPersonalDetails?.taxInformation[0]?.type : void 0
-      })
+      }),
+      inviteDetails: inviteDetailsValidators
     }),
     [
       country,
@@ -4785,16 +5023,38 @@ function IndividualDropin({
     );
     const filteredForms = requiredForms.filter((form2) => {
       const { formId } = form2;
-      if (!isInstantVerificationEnabled && formId === "idVerificationMethod") {
+      if (!isInstantVerificationEnabled && formId === individualForms.idVerificationMethod.formId) {
+        return false;
+      }
+      if (data.idVerificationMethod?.idVerificationMethod === "verifyByInvite" && // Only these forms are used for verify by invite flow
+      // Everything else should be hidden
+      ![
+        individualForms.uboQuestionnaire.formId,
+        individualForms.signatoryQuestionnaire.formId,
+        individualForms.basicDetails.formId,
+        individualForms.idVerificationMethod.formId,
+        individualForms.inviteDetails.formId,
+        "summary"
+      ].includes(formId)) {
         return false;
       }
-      if (isInvitedEntity && (formId === "signatoryQuestionnaire" || formId === "uboQuestionnaire")) {
+      if (
+        // Hide questionnaires for invited decision maker flow
+        isInvitedEntity && (formId === individualForms.signatoryQuestionnaire.formId || formId === individualForms.uboQuestionnaire.formId)
+      ) {
         return false;
       }
       return true;
     });
     return addValidityToForms(filteredForms, form.isValid, problems);
-  }, [derivedProps, form.isValid, isInstantVerificationEnabled, problems, isInvitedEntity]);
+  }, [
+    derivedProps,
+    form.isValid,
+    isInstantVerificationEnabled,
+    problems,
+    isInvitedEntity,
+    data.idVerificationMethod?.idVerificationMethod
+  ]);
   const { mutateAsync: getIdVerificationStartCheck } = useIdVerificationStartCheck();
   const handleInstantIdVerificationStartCheck = async (onfidoResponse, legalEntityId) => {
     const providerId = idVerificationProviderId.value;
@@ -4808,6 +5068,7 @@ function IndividualDropin({
   };
   const roleTypes = isRoleFieldNeeded && parentLegalEntity ? getAllowedDecisionMakerRoles(parentLegalEntity, taskType, matchingScenario) : [];
   const { mutateAsync: createLegalEntity } = useCreateLegalEntity();
+  const { mutateAsync: createInvitationMutation } = useCreateInvitation();
   const idDocumentTypeOptions = getLocalizedIdDocumentTypeOptions(country);
   const submitLegalEntity = async ({
     dataSubmitted,
@@ -4842,6 +5103,40 @@ function IndividualDropin({
     }
     return updatedLegalEntity;
   };
+  const createInvite = async ({
+    inviteeLegalEntityId,
+    inviteDetails: inviteDetails2
+  }) => {
+    if (!parentLegalEntity?.id || !inviteDetails2?.senderName || !inviteDetails2?.message) {
+      logger.warn("createInvite: Missing required data", {
+        hasParentLegalEntity: !!parentLegalEntity?.id,
+        hasSenderName: !!inviteDetails2?.senderName,
+        hasMessage: !!inviteDetails2?.message
+      });
+      showToast({ label: t(($) => $["provideAllRequiredDetails"]), variant: "error" });
+      throw new Error("createInvite: Missing required data");
+    }
+    try {
+      const { url: inviteLink } = await createInvitationMutation({
+        organizationLegalEntityId: parentLegalEntity.id,
+        inviteeLegalEntityId,
+        data: {
+          facilitatorName: inviteDetails2.senderName,
+          facilitatorMessage: inviteDetails2.message,
+          sendEmail: true,
+          locale: i18n.language
+        }
+      });
+      logger.log("Invitation created successfully", {
+        inviteeLegalEntityId,
+        inviteLink
+      });
+    } catch (error) {
+      logger.error("Failed to create invitation", { error, inviteeLegalEntityId });
+      showToast({ label: t(($) => $["failedToUpdateDetails"]), variant: "error" });
+      throw error;
+    }
+  };
   const submitDocuments = async ({
     legalEntity,
     dataSubmitted
@@ -4979,6 +5274,12 @@ function IndividualDropin({
           refetchType: "all"
         });
       }
+      if (dataSubmitted.idVerificationMethod?.idVerificationMethod === "verifyByInvite") {
+        await createInvite({
+          inviteeLegalEntityId: submittedLegalEntity.id,
+          inviteDetails: dataSubmitted.inviteDetails
+        });
+      }
       idNowModalChildEntityId.value = submittedLegalEntity;
       setLoadingStatus("success");
       clearToasts();
@@ -5101,6 +5402,12 @@ function IndividualDropin({
         i18n.language
       );
     }
+    if (summaryData.idVerificationMethod?.idVerificationMethod === "verifyByInvite") {
+      summaryData.idVerificationMethod = {
+        idVerificationMethod: t(($) => $["selfVerificationInvite"], { ns: "individual" }),
+        sender: data?.inviteDetails?.senderName
+      };
+    }
     if (isManualVerificationOrExistingDoc(summaryData.idVerificationMethod?.idVerificationMethod) || summaryData.proofOfResidency) {
       const fileSummaryData = formatFileSummaryData(data);
       summaryData = { ...summaryData, ...fileSummaryData };
@@ -5138,13 +5445,19 @@ function IndividualDropin({
   ];
   const isUploadEmpty = !data?.manualIdUpload || Object.keys(data?.manualIdUpload).length === 0;
   const omittedFormsForSummary = [
-    // 1. Omit idDocument if instant OR (manual/existing AND upload is empty)
-    ...data?.idVerificationMethod?.idVerificationMethod === "instantVerification" || isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) && isUploadEmpty ? ["idDocument"] : [],
-    // 2. Omit idVerificationMethod if manual or existing
-    ...isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) ? ["idVerificationMethod"] : []
+    // 1. Omit idDocument if instant OR (manual/existing AND upload is empty) OR verifyByInvite
+    ...data?.idVerificationMethod?.idVerificationMethod === "instantVerification" || isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) && isUploadEmpty || data?.idVerificationMethod?.idVerificationMethod === "verifyByInvite" ? ["idDocument", "inviteDetails"] : [],
+    // 2. Omit idVerificationMethod if manual, existing, or verifyByInvite (labels handled by inviteDetails or customLabels)
+    ...isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) ? ["idVerificationMethod", "inviteDetails"] : []
   ];
+  const idVerificationMethodLabelMap = {
+    instantVerification: "idVerificationMethod",
+    manualVerification: "idDocument",
+    existingDocument: "idDocument",
+    verifyByInvite: "idVerificationMethod"
+  };
   const customLabelsForSummary = {
-    idVerificationMethod: data?.idVerificationMethod?.idVerificationMethod === "instantVerification" ? "idVerificationMethod" : "idDocument"
+    idVerificationMethod: idVerificationMethodLabelMap[data?.idVerificationMethod?.idVerificationMethod ?? ""] ?? "idDocument"
   };
   const {
     handleNextClick,

package/dist/{InputDate-lBYns5ES.js → InputDate-D7tf-vyK.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useMemo } from "preact/hooks";
-import { a as InputBase } from "./InputText-cE4sdkOF.js";
+import { a as InputBase } from "./InputText-DJmeZHiM.js";
 const checkDateInputSupport = () => {
   const input = document.createElement("input");
   input.setAttribute("type", "date");

package/dist/{InputText-cE4sdkOF.js → InputText-DJmeZHiM.js}

@@ -2,7 +2,7 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8b5d8f74-1b07-494e-9788-5d8388e8ec71", e._sentryDebugIdIdentifier = "sentry-dbid-8b5d8f74-1b07-494e-9788-5d8388e8ec71");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "497ed156-06bd-414f-a9d2-c93236f37bb1", e._sentryDebugIdIdentifier = "sentry-dbid-497ed156-06bd-414f-a9d2-c93236f37bb1");
   } catch (e) {
   }
 }
@@ -11,7 +11,7 @@ import { jsx } from "preact/jsx-runtime";
 import { forwardRef } from "preact/compat";
 import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
 import cx from "classnames";
-import { z as useAnalyticsContext } from "./StoreProvider-mHLtWums.js";
+import { z as useAnalyticsContext } from "./StoreProvider-CDvuKNZP.js";
 import { d as debouncedInputEvent } from "./debouncedInputEvent-Cv2S512Y.js";
 const InputBase = forwardRef((props, ref) => {
   const userEvents = useAnalyticsContext();

package/dist/{Introduction-BLHqyzh4.js → Introduction-C5ZzdtBf.js}

@@ -2,17 +2,17 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2447fd40-6a2b-4808-9477-42cbfd3a18fd", e._sentryDebugIdIdentifier = "sentry-dbid-2447fd40-6a2b-4808-9477-42cbfd3a18fd");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "67414846-8bec-4b8f-bff9-2fcd588690f6", e._sentryDebugIdIdentifier = "sentry-dbid-67414846-8bec-4b8f-bff9-2fcd588690f6");
   } catch (e) {
   }
 }
 ;
-import { y as TaskTypes, L as LegalEntityTypes, u as useTranslation, R as useLegalEntity, U as ROOT_LE, a as addResourceBundles, V as Loader, z as useAnalyticsContext, W as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-mHLtWums.js";
+import { y as TaskTypes, L as LegalEntityTypes, u as useTranslation, R as useLegalEntity, U as ROOT_LE, a as addResourceBundles, V as Loader, z as useAnalyticsContext, W as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-CDvuKNZP.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-CbH70qse.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-DTMH_ysU.js";
 import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-JrMNoZpj.js";
+import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-CYZHcP1A.js";
 const IntroductionScreens = {
   PROLOGUE: "PROLOGUE",
   INDIVIDUAL: TaskTypes.INDIVIDUAL,