@adyen/kyc-components 4.0.0-compact.0 → 4.0.0

package/dist/AcceptTermsOfServiceComponent-CmHBNGjM.js

@@ -0,0 +1,659 @@
+;
+{
+  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] = "7423e61c-6410-4b4d-911f-f50b60fbf521", e._sentryDebugIdIdentifier = "sentry-dbid-7423e61c-6410-4b4d-911f-f50b60fbf521");
+  } catch (e) {
+  }
+}
+;
+import { b as useApiContext, a1 as useMutation, k as httpPost, j as useQuery, x as skipToken, m as httpGet, U as createLogger, u as useTranslation, a0 as useAnalyticsContext, p as useExperimentsContext, aX as getLanguageCode, B as Button, t as LegalEntityTypes, aa as getOwnSignatories, y as doesLegalEntityRequiresLegalRepresentative, w as getLegalRepresentative, a as addResourceBundles, c as useLegalEntity, R as ROOT_LE, L as Loader, P as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-BFN15Go9.js";
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useState, useEffect, useCallback } from "preact/hooks";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-BK9oGWtb.js";
+import { u as useTermsOfServiceStatus, a as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-DKeMR4Xi.js";
+import { C as Checkbox } from "./debouncedInputEvent-Dlbc7VjU.js";
+import { u as useForm, L as LoaderWrapper, F as Field, S as Select } from "./useForm-wQyeWa1b.js";
+import { M as MaybeModal } from "./MaybeModal-BVQOzETz.js";
+import { a as ModalContent, b as ModalFooter } from "./Modal-CloeVnNp.js";
+import { S as Spacer, g as getLegalEntityNameBasedOnType } from "./getName-CIw0MR9e.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-BgeMe93n.js";
+import { E as EndStateLayout } from "./EndStateLayout-BWC5aqVS.js";
+import { a as Alert } from "./Alert-DEiOX0nw.js";
+import { A as ActionBar } from "./ActionBar-CxUKVmTE.js";
+import { F as FormNavigation } from "./FormNavigation-CjgZbv9G.js";
+import { d as downloadFile } from "./file-CiG1D0zy.js";
+import { l as localizeDateString } from "./localizeDateString-C-G2nUor.js";
+import { C as ContractViewer } from "./ContractViewer-Byp71k2e.js";
+const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/termsOfService/accept`
+    },
+    {
+      ...data,
+      legalEntityReference: legalEntityId,
+      termsOfServiceDocumentId
+    }
+  );
+};
+const useAcceptTermsOfService = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+  return useMutation({
+    mutationFn: (data) => acceptTermsOfService(
+      rootLegalEntityId.value,
+      baseUrl.value,
+      data.termsOfServiceDocumentId,
+      data
+    ),
+    onSuccess: async () => {
+      await invalidateRootLegalEntity();
+    },
+    ...options
+  });
+};
+const getAcceptedTermsOfService = async (legalEntityId, baseUrl, termsOfServiceAcceptanceReference, documentFormat) => {
+  return httpGet({
+    baseUrl,
+    path: `legalEntities/${legalEntityId}/termsOfService/acceptedTermsOfServiceDocument/${termsOfServiceAcceptanceReference}?documentformat=${documentFormat} `
+  });
+};
+const useAcceptedTermsOfService = (termsOfServiceAcceptanceReference, documentFormat, options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["acceptedTermsOfService", termsOfServiceAcceptanceReference, documentFormat],
+    queryFn: termsOfServiceAcceptanceReference ? () => getAcceptedTermsOfService(
+      rootLegalEntityId.value,
+      baseUrl.value,
+      termsOfServiceAcceptanceReference,
+      documentFormat
+    ) : skipToken,
+    ...options
+  });
+};
+const getTermsOfService = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/termsOfService`
+    },
+    data
+  );
+};
+const useTermsOfService = (data, options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["termsOfService", data],
+    queryFn: () => getTermsOfService(rootLegalEntityId.value, baseUrl.value, data),
+    ...options
+  });
+};
+const tosSignedAlert = "adyen-kyc-tos-signed-alert";
+const tosContent = "adyen-kyc-tos-content";
+const styles = {
+  tosSignedAlert,
+  tosContent
+};
+const logger$1 = createLogger();
+const FALLBACK_LANGUAGE_CODE$1 = "en";
+const useServiceAgreement = ({
+  handleServiceAgreementIsNotAvailableInThatLanguage,
+  acceptanceId,
+  serviceAgreementType,
+  language
+}) => {
+  const [agreementLanguage, setAgreementLanguage] = useState(language);
+  useEffect(() => {
+    if (agreementLanguage !== language) {
+      setAgreementLanguage(language);
+    }
+  }, [language]);
+  const {
+    data: unAcceptedServiceAgreement,
+    isSuccess: isUnAcceptedServiceAgreementSuccess,
+    isError,
+    error
+  } = useTermsOfService(
+    {
+      language: agreementLanguage,
+      type: serviceAgreementType,
+      termsOfServiceDocumentFormat: "JSON"
+    },
+    { enabled: !acceptanceId }
+  );
+  const { data: acceptedServiceAgreement, isSuccess: isAcceptedServiceAgreementSuccess } = useAcceptedTermsOfService(acceptanceId, "JSON");
+  if (isUnAcceptedServiceAgreementSuccess || isAcceptedServiceAgreementSuccess) {
+    const termsOfService = unAcceptedServiceAgreement ?? acceptedServiceAgreement;
+    const documentId = unAcceptedServiceAgreement?.termsOfServiceDocumentId ?? acceptedServiceAgreement?.termsOfServiceAcceptanceReference;
+    if (termsOfService?.document && documentId) {
+      const contract = JSON.parse(decodeURIComponent(escape(window.atob(termsOfService.document))));
+      return {
+        loading: "success",
+        serviceAgreement: {
+          id: documentId,
+          contract
+        }
+      };
+    }
+  }
+  if (isError) {
+    if (agreementLanguage !== FALLBACK_LANGUAGE_CODE$1) {
+      handleServiceAgreementIsNotAvailableInThatLanguage();
+      setAgreementLanguage(FALLBACK_LANGUAGE_CODE$1);
+    } else {
+      logger$1.error(error);
+    }
+    return {
+      loading: "success",
+      serviceAgreement: void 0
+    };
+  }
+  return {
+    loading: "loading",
+    serviceAgreement: void 0
+  };
+};
+const serviceAgreementValidationRules = {
+  signer: { modes: ["blur"], validate: (signer) => !!signer, errorMessage: "fieldIsRequired" },
+  acceptServiceAgreement: {
+    modes: ["blur"],
+    validate: (acceptServiceAgreement) => !!acceptServiceAgreement,
+    errorMessage: "fieldIsRequired"
+  }
+};
+const serviceAgreementTypesTranslationMapping = {
+  adyenForPlatformsManage: "paymentProcessingTerms",
+  adyenIssuing: "accountHolderTerms",
+  adyenForPlatformsAdvanced: "paymentProcessingTerms",
+  adyenCapital: "capitalUserTerms",
+  adyenAccount: "businessAccountTerms",
+  adyenCard: "cardUserTerms",
+  adyenFranchisee: "franchiseesTAndCs",
+  adyenPccr: "pccr",
+  adyenChargeCard: "chargeCardUserAgreement"
+};
+const logger = createLogger();
+const FALLBACK_LANGUAGE_CODE = "en";
+function ServiceAgreementDropin({
+  legalEntityResponse,
+  handleHomeClick,
+  handleAddSigner,
+  handleSign,
+  serviceAgreementTypes,
+  serviceAgreementAcceptanceInfos,
+  asEmbedded = false,
+  asModal = false,
+  handleCloseClick,
+  onComplete
+}) {
+  const { t, i18n } = useTranslation(["contract", "common"]);
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const isAgeVerificationEnabled = isExperimentEnabled("EnableAgeVerification");
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  const [loadingStatus, setLoadingStatus] = useState();
+  const signedForms = serviceAgreementAcceptanceInfos.map((serviceAgreementAcceptanceInfo) => ({
+    formId: serviceAgreementAcceptanceInfo.id,
+    serviceAgreementType: serviceAgreementAcceptanceInfo.type,
+    acceptanceId: serviceAgreementAcceptanceInfo.id,
+    createdAt: serviceAgreementAcceptanceInfo.createdAt,
+    formName: serviceAgreementTypesTranslationMapping[serviceAgreementAcceptanceInfo.type],
+    isValid: true
+  }));
+  const formsToBeSigned = serviceAgreementTypes.map((serviceAgreementType) => ({
+    formId: serviceAgreementType,
+    serviceAgreementType,
+    formName: serviceAgreementTypesTranslationMapping[serviceAgreementType],
+    isValid: false
+  }));
+  const forms = [...signedForms, ...formsToBeSigned];
+  const [activeFormIndex, setActiveFormIndex] = useState(0);
+  const [activeForm, setActiveForm] = useState(forms[activeFormIndex]);
+  const [hasFinished, setHasFinished] = useState(false);
+  const canSign = serviceAgreementTypes?.includes(activeForm?.serviceAgreementType) && !activeForm?.acceptanceId;
+  const isLastStep = activeFormIndex === forms.length - 1;
+  const showSignedAlert = !!activeForm?.acceptanceId;
+  const { refetch: downloadAcceptedTermsAsPdf } = useAcceptedTermsOfService(
+    activeForm?.acceptanceId,
+    "PDF",
+    {
+      enabled: false
+    }
+  );
+  const handleServiceAgreementIsNotAvailableInThatLanguage = useCallback(() => {
+    showToast({
+      label: t(($) => $["failedToGetServiceAgreementInSelectedLanguageFallbackToEn"]),
+      variant: "error"
+    });
+  }, [t, showToast]);
+  const { loading: contractLoadingStatus, serviceAgreement } = useServiceAgreement({
+    handleServiceAgreementIsNotAvailableInThatLanguage,
+    acceptanceId: activeForm?.acceptanceId,
+    serviceAgreementType: activeForm?.serviceAgreementType,
+    language: getLanguageCode(i18n.language)
+  });
+  const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
+    schema: ["signer", "acceptServiceAgreement"],
+    rules: serviceAgreementValidationRules
+  });
+  const getSigners = () => {
+    if (legalEntityResponse.type === LegalEntityTypes.ORGANIZATION) {
+      return getOwnSignatories(legalEntityResponse).map(({ legalEntityId: id, name }) => ({
+        id: id ?? "",
+        name: name ?? ""
+      }));
+    }
+    if (isAgeVerificationEnabled && doesLegalEntityRequiresLegalRepresentative(legalEntityResponse)) {
+      const legalRepresentative = getLegalRepresentative(legalEntityResponse);
+      return legalRepresentative ? [{ id: legalRepresentative.legalEntityId, name: legalRepresentative.name }] : [];
+    }
+    return [
+      {
+        id: legalEntityResponse?.id,
+        name: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse?.individual?.name.lastName}`
+      }
+    ];
+  };
+  const signers = getSigners();
+  const handleSignClick = async () => {
+    const baseTracking = {
+      actionType: "sign"
+    };
+    triggerValidation();
+    if (loadingStatus === "loading" || !serviceAgreement || !data.signer) return;
+    if (isValid) {
+      try {
+        setLoadingStatus("loading");
+        await handleSign(legalEntityResponse.id, serviceAgreement.id, { acceptedBy: data.signer });
+        setLoadingStatus("success");
+        showToast({
+          label: t(($) => $["serviceAgreementSignedSuccessfully"]),
+          variant: "success"
+        });
+        userEvents.addTaskEvent("Success", baseTracking);
+        data.acceptServiceAgreement = false;
+        data.signer = void 0;
+      } catch (e) {
+        setLoadingStatus("success");
+        showToast({ label: t(($) => $["signingFailed"]), variant: "error" });
+        userEvents.addTaskEvent("Encountered error", {
+          ...baseTracking,
+          returnType: e?.errorCode || "backend",
+          returnValue: e?.title ?? e?.message
+        });
+      }
+    } else {
+      userEvents.addTaskEvent("Encountered error", {
+        ...baseTracking,
+        returnType: "validation",
+        returnValue: Object.entries(valid).filter(([, value]) => !value).map(([key]) => key)
+      });
+    }
+  };
+  const goHome = () => {
+    userEvents.addPageEvent("Clicked button", {
+      actionType: "back",
+      label: "goToOverview"
+    });
+    handleHomeClick();
+  };
+  const handleExpandSection = useCallback((title) => {
+    userEvents.addFieldEvent("Clicked accordion", {
+      actionType: "open",
+      field: title
+    });
+  }, []);
+  useEffect(() => {
+    if (!serviceAgreementAcceptanceInfos.length) return;
+    gotoForm(serviceAgreementAcceptanceInfos.length - 1);
+  }, [serviceAgreementAcceptanceInfos]);
+  useEffect(() => {
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+    const initialFormIndex = forms.length === signedForms.length ? 0 : signedForms.length;
+    gotoForm(initialFormIndex);
+  }, []);
+  useEffect(() => {
+    userEvents.updateSharedEventProperties({ page: activeForm?.formName });
+  }, [activeForm]);
+  const gotoForm = (index) => {
+    setActiveForm(forms[index]);
+    setActiveFormIndex(index);
+  };
+  const onDownloadAcceptedTermsOfServiceDocument = async () => {
+    const { isError, isSuccess, data: data2 } = await downloadAcceptedTermsAsPdf();
+    if (isSuccess && data2?.document) {
+      await downloadFile(
+        data2.document,
+        `${t(($) => $[activeForm.formName], { ns: "common" })}.pdf`
+      );
+    }
+    if (isError) {
+      showToast({
+        label: t(($) => $["failedToDownloadAcceptedServiceAgreementDocument"]),
+        variant: "error"
+      });
+    }
+  };
+  const onDownloadUnacceptedTermsOfServiceDocument = async () => {
+    const languageCode = getLanguageCode(i18n.language);
+    const requestAndDownload = async (languageCode2) => {
+      const response = await getTermsOfService(rootLegalEntityId.value, baseUrl.value, {
+        type: activeForm.serviceAgreementType,
+        language: languageCode2,
+        termsOfServiceDocumentFormat: "PDF"
+      });
+      if (!response?.document) {
+        throw new Error(`No terms Of service document found in response`);
+      }
+      await downloadFile(
+        response.document,
+        `${t(($) => $[activeForm.formName], { ns: "common" })}.pdf`
+      );
+    };
+    try {
+      const availableLanguages = ["fr", "en"];
+      if (availableLanguages.includes(i18n.language)) {
+        await requestAndDownload(languageCode);
+      }
+      await requestAndDownload("en");
+    } catch {
+      if (languageCode !== FALLBACK_LANGUAGE_CODE) {
+        await requestAndDownload(FALLBACK_LANGUAGE_CODE).catch(logger.error);
+        return;
+      }
+      showToast({
+        label: t(($) => $["failedToDownloadServiceAgreementDocument"]),
+        variant: "error"
+      });
+    }
+  };
+  const isIndividual = legalEntityResponse.type === "individual";
+  const addSignerAlert = handleAddSigner && /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: signers.length ? "info" : "warning",
+      className: "adyen-kyc-u-margin-top-16",
+      title: t(($) => $[signers.length ? "isYourNameMissingFromSigners" : "thereAreNoSigners"]),
+      children: /* @__PURE__ */ jsx(Button, { onClick: handleAddSigner, variant: "link", children: t(($) => $["addYourselfAsSigner"]) })
+    }
+  );
+  const getSignedName = (acceptanceId) => {
+    if (!acceptanceId) return "";
+    const signatory = serviceAgreementAcceptanceInfos.find(({ id }) => id === acceptanceId);
+    const legalEntitySignatory = legalEntityResponse.entityAssociations?.find(
+      ({ legalEntityId }) => legalEntityId === signatory?.acceptedBy
+    );
+    return legalEntitySignatory?.name ?? getLegalEntityNameBasedOnType(legalEntityResponse);
+  };
+  const signedAlert = showSignedAlert && /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "success",
+      className: styles.tosSignedAlert,
+      title: t(($) => $["signedByOn"], {
+        date: localizeDateString(activeForm.createdAt, i18n.language) ?? "",
+        signer: getSignedName(activeForm.acceptanceId)
+      })
+    }
+  );
+  const sidebar = /* @__PURE__ */ jsx(
+    LoaderWrapper,
+    {
+      status: loadingStatus,
+      formOpacityWhenLoading: 0.3,
+      showSpinner: false,
+      className: "adyen-kyc-dropin__sidebar-wrapper",
+      children: /* @__PURE__ */ jsx(
+        FormNavigation,
+        {
+          forms,
+          activeForm,
+          gotoForm,
+          taskName: "signServiceAgreement",
+          className: "adyen-kyc-u-margin-bottom-24"
+        }
+      )
+    }
+  );
+  const content = /* @__PURE__ */ jsxs(
+    LoaderWrapper,
+    {
+      status: loadingStatus,
+      formOpacityWhenLoading: 0.3,
+      showSpinner: false,
+      className: "adyen-kyc-form-container",
+      children: [
+        /* @__PURE__ */ jsxs(
+          LoaderWrapper,
+          {
+            status: contractLoadingStatus,
+            formOpacityWhenLoading: 0.3,
+            showSpinner: false,
+            children: [
+              serviceAgreement && /* @__PURE__ */ jsxs(Fragment, { children: [
+                signedAlert,
+                /* @__PURE__ */ jsx(
+                  ContractViewer,
+                  {
+                    contract: serviceAgreement.contract,
+                    onExpandSection: handleExpandSection,
+                    showSectionNumbering: true
+                  }
+                ),
+                signedAlert,
+                /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-top-16", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "secondary",
+                    onClick: activeForm?.acceptanceId ? onDownloadAcceptedTermsOfServiceDocument : onDownloadUnacceptedTermsOfServiceDocument,
+                    icon: "download",
+                    children: t(($) => $["downloadAsPdf"])
+                  }
+                ) })
+              ] }),
+              !forms.length && /* @__PURE__ */ jsx(Alert, { variant: "info", title: t(($) => $["nothingNeedsToBeSigned"]) })
+            ]
+          }
+        ),
+        canSign && /* @__PURE__ */ jsxs(Fragment, { children: [
+          !!signers.length && /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "signer",
+              label: t(($) => $["signer"]),
+              className: "adyen-kyc-u-margin-top-32 adyen-kyc-u-width-half",
+              errorMessage: errors.signer?.errorMessage,
+              isValid: valid.signer,
+              dataTestId: "signer",
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Select,
+                {
+                  ...childProps,
+                  onChange: handleChangeFor("signer", "blur"),
+                  name: "signer",
+                  placeholder: t(($) => $["selectSigner"]),
+                  selected: data.signer,
+                  items: signers
+                }
+              )
+            }
+          ),
+          !isIndividual && addSignerAlert,
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "acceptServiceAgreement",
+              className: "adyen-kyc-u-margin-top-16",
+              errorMessage: errors.acceptServiceAgreement?.errorMessage,
+              isValid: valid.acceptServiceAgreement,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  ...childProps,
+                  label: t(($) => $["iHaveReadAndIAcceptTheseTerms"]),
+                  checked: data.acceptServiceAgreement ?? false,
+                  name: "acceptServiceAgreement",
+                  onChange: handleChangeFor("acceptServiceAgreement")
+                }
+              )
+            }
+          )
+        ] }),
+        !asEmbedded && /* @__PURE__ */ jsx(
+          ActionBar,
+          {
+            onHome: goHome,
+            homeButtonLabel: t(($) => $["goToOverview"], { ns: "common" }),
+            onNext: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1),
+            nextButtonLabel: t(($) => $[canSign ? "sign" : "continue"], { ns: "common" }),
+            nextButtonDisabled: forms.length === 0 || !canSign && isLastStep,
+            onBack: () => gotoForm(activeFormIndex - 1),
+            hideBackButton: activeFormIndex === 0,
+            backButtonLabel: t(($) => $["previous"], { ns: "common" })
+          }
+        )
+      ]
+    }
+  );
+  const currentStep = signedForms.length;
+  const totalSteps = forms.length;
+  const handleClick = async () => {
+    if (canSign) {
+      await handleSignClick();
+    } else if (!isLastStep) {
+      gotoForm(activeFormIndex + 1);
+    } else {
+      setHasFinished(true);
+    }
+  };
+  const handleFinishClick = () => {
+    handleCloseClick?.();
+    onComplete?.();
+  };
+  const endScreen = hasFinished && /* @__PURE__ */ jsx(
+    EndStateLayout,
+    {
+      title: t(($) => $["serviceAgreementSignedAndDated"]),
+      action: /* @__PURE__ */ jsx(Button, { onClick: handleFinishClick, fullWidth: true, children: t(($) => $["finish"], { ns: "common" }) })
+    }
+  );
+  return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+    /* @__PURE__ */ jsxs("article", { className: styles.tosContent, children: [
+      !asEmbedded && sidebar,
+      endScreen || content
+    ] }),
+    asEmbedded && !hasFinished && /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(
+        StepProgressIndicator,
+        {
+          activeStepIndex: currentStep ?? 0,
+          stepsCount: totalSteps ?? 3,
+          circles: true,
+          thick: true
+        }
+      ),
+      /* @__PURE__ */ jsx(Spacer, {}),
+      !asModal && /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: "chevron-left",
+          onClick: () => gotoForm(activeFormIndex - 1),
+          variant: "secondary",
+          children: t(($) => $["back"], { ns: "common" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: canSign ? t(($) => $["signAndContinue"]) : t(($) => $["continue"], { ns: "common" }) })
+    ] })
+  ] }) });
+}
+function AcceptTermsOfServiceComponent({
+  legalEntityId,
+  modalView = false,
+  asEmbedded = true,
+  /* triggered when X button clicked, or at the end, on Finish button click */
+  onClose,
+  onComplete,
+  onUnmount,
+  /* triggered on every document signed, typically multiple times */
+  onAccept,
+  handleAddSigner
+}) {
+  if (!legalEntityId) {
+    throw new Error("Must provide at-least a legalEntityId");
+  }
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, [
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/bg-BG.json": () => import("./bg-BG-mLSjG76Q.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-BsV9NiQ2.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-D4Ojw97o.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-BcuLmcC8.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-CofvCav-.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-BFN15Go9.js").then((n) => n.bM), "../../../language/locales/es-ES.json": () => import("./es-ES-BAg3NqQO.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-Bk2IHQWP.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-MiyuQqH8.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-DGMVrsJv.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-BHt_jklG.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-DDsdPI5V.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-DLm11dH5.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-CWe8f7m4.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-Cg9c0kae.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-DsxFGThp.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-CMw-FwQV.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dhj0Fh__.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-DGSYzOx6.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Be5ZycMV.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-BR-BI5Jn.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-5I4Q_FyK.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-BVmoP_EU.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-CaJmYb6p.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-D_ZnGxiQ.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "contract", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Contract/language/bg-BG.json": () => import("./bg-BG-Dp4LxSP7.js"), "../../Contract/language/cs-CZ.json": () => import("./cs-CZ-CyLqoG1j.js"), "../../Contract/language/da-DK.json": () => import("./da-DK-DYpfNZdP.js"), "../../Contract/language/de-DE.json": () => import("./de-DE-BXt1K0Tr.js"), "../../Contract/language/el-GR.json": () => import("./el-GR-B90M6tcZ.js"), "../../Contract/language/en-US.json": () => import("./en-US-Dg505Oh3.js"), "../../Contract/language/es-ES.json": () => import("./es-ES-BhNhIf08.js"), "../../Contract/language/et-EE.json": () => import("./et-EE-BMgFCxds.js"), "../../Contract/language/fi-FI.json": () => import("./fi-FI-ysUrBilO.js"), "../../Contract/language/fr-FR.json": () => import("./fr-FR-BSvSKazD.js"), "../../Contract/language/hr-HR.json": () => import("./hr-HR-BLpGb4f2.js"), "../../Contract/language/hu-HU.json": () => import("./hu-HU-Ca9Hex26.js"), "../../Contract/language/it-IT.json": () => import("./it-IT-Qfzc8jnW.js"), "../../Contract/language/ja-JP.json": () => import("./ja-JP-CHQ64lw1.js"), "../../Contract/language/lt-LT.json": () => import("./lt-LT-0RKZeraM.js"), "../../Contract/language/lv-LV.json": () => import("./lv-LV-Bh-WQp0K.js"), "../../Contract/language/nl-NL.json": () => import("./nl-NL-D7gBNWEY.js"), "../../Contract/language/no-NO.json": () => import("./no-NO-C-gCYc9q.js"), "../../Contract/language/pl-PL.json": () => import("./pl-PL-LnVPufjb.js"), "../../Contract/language/pt-BR.json": () => import("./pt-BR-ur86nRrK.js"), "../../Contract/language/pt-PT.json": () => import("./pt-PT-CVNEcs32.js"), "../../Contract/language/ro-RO.json": () => import("./ro-RO-i7lojG2G.js"), "../../Contract/language/sk-SK.json": () => import("./sk-SK-B5brxU1N.js"), "../../Contract/language/sl-SI.json": () => import("./sl-SI-CUCrzJQv.js"), "../../Contract/language/sv-SE.json": () => import("./sv-SE-C6uPh9g5.js") }), `../../Contract/language/${lang}.json`, 5) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/bg-BG.json": () => import("./bg-BG-D9J6LnkI.js"), "../../ui/language/cs-CZ.json": () => import("./cs-CZ-DY_pQqAT.js"), "../../ui/language/da-DK.json": () => import("./da-DK-jK7c9UL0.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wmerDL2e.js"), "../../ui/language/el-GR.json": () => import("./el-GR-Btrk_npt.js"), "../../ui/language/en-US.json": () => import("./en-US-gsp7CD_E.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Qnc0Q6JH.js"), "../../ui/language/et-EE.json": () => import("./et-EE-TzXANcP2.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-Dn2MC8uW.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-BWX14yb7.js"), "../../ui/language/hr-HR.json": () => import("./hr-HR-CZLSQruE.js"), "../../ui/language/hu-HU.json": () => import("./hu-HU-kp8Go5hZ.js"), "../../ui/language/it-IT.json": () => import("./it-IT-B0YGvVgW.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-Dz9IVH4p.js"), "../../ui/language/lt-LT.json": () => import("./lt-LT-l9rzkFg9.js"), "../../ui/language/lv-LV.json": () => import("./lv-LV-DYbb5pkt.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-BMUYBqlF.js"), "../../ui/language/no-NO.json": () => import("./no-NO-DKbWxgF-.js"), "../../ui/language/pl-PL.json": () => import("./pl-PL-B0zGy_b4.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR--kaJvtE6.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-BZ5ZZm6G.js"), "../../ui/language/ro-RO.json": () => import("./ro-RO-CdSsgoUG.js"), "../../ui/language/sk-SK.json": () => import("./sk-SK-BiBWPJUf.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DtdGMD6i.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-kR514dO1.js") }), `../../ui/language/${lang}.json`, 5) }
+  ]);
+  const [stepsData, setStepsData] = useState({
+    unAcceptedTermsOfServiceTypes: [],
+    acceptedTermsOfServices: []
+  });
+  const { data: legalEntity } = useLegalEntity(ROOT_LE);
+  const { data: serviceAgreementStatus, isLoading: isStatusLoading } = useTermsOfServiceStatus();
+  const { data: serviceAgreementAcceptanceInfos, isLoading: isAcceptanceInfoLoading } = useTermsOfServiceAcceptanceInfos();
+  const { mutateAsync: acceptTermsOfService2 } = useAcceptTermsOfService();
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  const handleSign = useCallback(
+    async (legalEntityId2, termsOfServiceDocumentId, signedBy) => {
+      const acceptedTermsOfService = await acceptTermsOfService2({
+        acceptedBy: signedBy.acceptedBy,
+        legalEntityReference: legalEntityId2,
+        termsOfServiceDocumentId
+      });
+      const paramAllowList = {
+        type: acceptedTermsOfService.type,
+        acceptedBy: acceptedTermsOfService.acceptedBy,
+        id: acceptedTermsOfService.id,
+        language: acceptedTermsOfService.language,
+        termsOfServiceDocumentId: acceptedTermsOfService.termsOfServiceDocumentId
+      };
+      const { acceptedTermsOfServices } = stepsData;
+      acceptedTermsOfServices.push(paramAllowList);
+      const unAcceptedTos = serviceAgreementStatus?.termsOfServiceTypes?.filter(
+        (tosType) => tosType !== acceptedTermsOfService.type
+      ) ?? [];
+      const newStepsData = {
+        unAcceptedTermsOfServiceTypes: unAcceptedTos,
+        acceptedTermsOfServices
+      };
+      setStepsData(newStepsData);
+      onAccept?.(newStepsData);
+    },
+    [onAccept, stepsData, acceptTermsOfService2, serviceAgreementStatus?.termsOfServiceTypes]
+  );
+  const handleOnComplete = () => {
+    onComplete?.(stepsData);
+  };
+  return isStatusLoading || isAcceptanceInfoLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
+    ServiceAgreementDropin,
+    {
+      taskType: TaskTypes.SERVICE_AGREEMENT,
+      legalEntityResponse: legalEntity,
+      serviceAgreementTypes: serviceAgreementStatus?.termsOfServiceTypes ?? [],
+      serviceAgreementAcceptanceInfos: serviceAgreementAcceptanceInfos?.data ?? [],
+      handleHomeClick: handleOnClose,
+      handleSign,
+      asEmbedded,
+      asModal: modalView,
+      handleCloseClick: handleOnClose,
+      onComplete: handleOnComplete,
+      handleAddSigner
+    }
+  );
+}
+export {
+  AcceptTermsOfServiceComponent
+};