@adyen/kyc-components 3.73.0-beta.0 → 3.73.0

package/dist/AcceptTermsOfServiceComponent-Bkk7q6mo.js

@@ -0,0 +1,635 @@
+;
+{
+  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] = "e062d02e-c9d1-40dd-88b7-c95f530611c8", e._sentryDebugIdIdentifier = "sentry-dbid-e062d02e-c9d1-40dd-88b7-c95f530611c8");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useState, useEffect, useCallback } from "preact/hooks";
+import { q as useApiContext, b4 as useInvalidateRootLegalEntity, b5 as useMutation, b7 as httpPost, r as useQuery, x as skipToken, t as httpGet, aJ as createLogger, b as useI18nContext, $ as useAnalyticsContext, a5 as useExperimentsContext, as as useForm, C as Alert, Z as Button, a2 as LoaderWrapper, ax as Field, bw as Select, bv as Checkbox, aM as ActionBar, z as LegalEntityType, ad as getOwnSignatories, y as doesLegalEntityRequiresLegalRepresentative, w as getLegalRepresentative, a as useLegalEntity, R as ROOT_LE, L as Loader, X as TaskTypes } from "./StoreProvider-BvP9cxL2.js";
+import { a as useTermsOfServiceStatus, u as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-DnDl-q_x.js";
+import { M as MaybeModal } from "./MaybeModal-O3q5S9NK.js";
+import { b as ModalContent, c as ModalFooter } from "./Modal-TYAtBE9x.js";
+import { C as ContractViewer, O as OutlinedIcon } from "./ContractViewer-oBZZ8bn4.js";
+import { S as Spacer } from "./Spacer-BK3jDget.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-B4zX-D3p.js";
+import { u as useToastContext } from "./useToastContext-SxQbUliB.js";
+import { F as FormEndState } from "./FormEndState-Ba2NHk5y.js";
+import { F as FormNavigation } from "./FormNavigation-W6RbnNko.js";
+import { d as downloadFile } from "./file-CiG1D0zy.js";
+import { l as localizeDateString } from "./localizeDateString-HsIetwBG.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 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 == null ? void 0 : unAcceptedServiceAgreement.termsOfServiceDocumentId) ?? (acceptedServiceAgreement == null ? void 0 : acceptedServiceAgreement.termsOfServiceAcceptanceReference);
+    if ((termsOfService == null ? void 0 : 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
+}) {
+  var _a, _b;
+  const { i18n } = useI18nContext();
+  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 == null ? void 0 : serviceAgreementTypes.includes(activeForm == null ? void 0 : activeForm.serviceAgreementType)) && !(activeForm == null ? void 0 : activeForm.acceptanceId);
+  const isLastStep = activeFormIndex === forms.length - 1;
+  const showSignedAlert = !!(activeForm == null ? void 0 : activeForm.acceptanceId);
+  const translationKeys = {
+    home: "goToOverview",
+    next: canSign ? "sign" : "continue"
+  };
+  const { refetch: downloadAcceptedTermsAsPdf } = useAcceptedTermsOfService(
+    activeForm == null ? void 0 : activeForm.acceptanceId,
+    "PDF",
+    {
+      enabled: false
+    }
+  );
+  const handleServiceAgreementIsNotAvailableInThatLanguage = useCallback(() => {
+    showToast({
+      label: i18n.get("failedToGetServiceAgreementInSelectedLanguageFallbackToEn"),
+      variant: "error"
+    });
+  }, [i18n, showToast]);
+  const { loading: contractLoadingStatus, serviceAgreement } = useServiceAgreement({
+    handleServiceAgreementIsNotAvailableInThatLanguage,
+    acceptanceId: activeForm == null ? void 0 : activeForm.acceptanceId,
+    serviceAgreementType: activeForm == null ? void 0 : activeForm.serviceAgreementType,
+    language: i18n.languageCode
+  });
+  const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
+    schema: ["signer", "acceptServiceAgreement"],
+    rules: serviceAgreementValidationRules
+  });
+  const getSigners = () => {
+    var _a2, _b2;
+    if (legalEntityResponse.type === LegalEntityType.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 == null ? void 0 : legalEntityResponse.id,
+        name: `${(_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.individual) == null ? void 0 : _a2.name.firstName} ${(_b2 = legalEntityResponse == null ? void 0 : legalEntityResponse.individual) == null ? void 0 : _b2.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: i18n.get("serviceAgreementSignedSuccessfully"),
+          variant: "success"
+        });
+        userEvents.addTaskEvent("Success", baseTracking);
+        data.acceptServiceAgreement = false;
+        data.signer = void 0;
+      } catch (e) {
+        setLoadingStatus("success");
+        showToast({ label: i18n.get("serviceAgreementSignFailed"), variant: "error" });
+        userEvents.addTaskEvent("Encountered error", {
+          ...baseTracking,
+          returnType: (e == null ? void 0 : e.errorCode) || "backend",
+          returnValue: (e == null ? void 0 : e.title) ?? (e == null ? void 0 : 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: translationKeys.home
+    });
+    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 == null ? void 0 : activeForm.formName });
+  }, [activeForm]);
+  const gotoForm = (index) => {
+    setActiveForm(forms[index]);
+    setActiveFormIndex(index);
+  };
+  const onDownloadAcceptedTermsOfServiceDocument = async () => {
+    const { isError, isSuccess, data: data2 } = await downloadAcceptedTermsAsPdf();
+    if (isSuccess && (data2 == null ? void 0 : data2.document)) {
+      await downloadFile(data2.document, `${i18n.get(activeForm.formName)}.pdf`);
+    }
+    if (isError) {
+      showToast({
+        label: i18n.get("failedToDownloadAcceptedServiceAgreementDocument"),
+        variant: "error"
+      });
+    }
+  };
+  const onDownloadUnacceptedTermsOfServiceDocument = async () => {
+    const requestAndDownload = async (languageCode) => {
+      const response = await getTermsOfService(rootLegalEntityId.value, baseUrl.value, {
+        type: activeForm.serviceAgreementType,
+        language: languageCode,
+        termsOfServiceDocumentFormat: "PDF"
+      });
+      if (!(response == null ? void 0 : response.document)) {
+        throw new Error(`No terms Of service document found in response`);
+      }
+      await downloadFile(response.document, `${i18n.get(activeForm.formName)}.pdf`);
+    };
+    try {
+      await requestAndDownload(i18n.languageCode);
+    } catch {
+      if (i18n.languageCode !== FALLBACK_LANGUAGE_CODE) {
+        await requestAndDownload(FALLBACK_LANGUAGE_CODE).catch(logger.error);
+        return;
+      }
+      showToast({
+        label: i18n.get("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: i18n.get(signers.length ? "isYourNameMissingFromSigners" : "thereAreNoSigners"),
+      children: /* @__PURE__ */ jsx(Button, { onClick: handleAddSigner, variant: "link", children: i18n.get("addYourselfAsSigner") })
+    }
+  );
+  const getSignedName = (acceptanceId) => {
+    var _a2, _b2, _c;
+    if (!acceptanceId) return "";
+    if (legalEntityResponse.type === LegalEntityType.INDIVIDUAL) {
+      const name = (_a2 = legalEntityResponse.individual) == null ? void 0 : _a2.name;
+      return `${(name == null ? void 0 : name.firstName) ?? ""} ${(name == null ? void 0 : name.lastName) ?? ""}`;
+    }
+    const signatory = serviceAgreementAcceptanceInfos.find((info) => info.id === acceptanceId);
+    return ((_c = (_b2 = legalEntityResponse.entityAssociations) == null ? void 0 : _b2.find(
+      (entity) => entity.legalEntityId === (signatory == null ? void 0 : signatory.acceptedBy)
+    )) == null ? void 0 : _c.name) ?? "";
+  };
+  const signedAlert = showSignedAlert && /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "success",
+      className: "adyen-kyc-signed-alert",
+      title: i18n.get("signedByOn", {
+        values: {
+          date: localizeDateString(activeForm.createdAt, i18n.locale) ?? "",
+          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 == null ? void 0 : activeForm.acceptanceId) ? onDownloadAcceptedTermsOfServiceDocument : onDownloadUnacceptedTermsOfServiceDocument,
+                    icon: "download",
+                    children: i18n.get("downloadAsPdf")
+                  }
+                ) })
+              ] }),
+              !forms.length && /* @__PURE__ */ jsx(Alert, { variant: "info", title: i18n.get("nothingNeedsToBeSigned") })
+            ]
+          }
+        ),
+        canSign && /* @__PURE__ */ jsxs(Fragment, { children: [
+          !!signers.length && /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "signer",
+              label: i18n.get("signer"),
+              classNameModifiers: ["col-50"],
+              className: "adyen-kyc-u-margin-top-32",
+              errorMessage: (_a = errors.signer) == null ? void 0 : _a.errorMessage,
+              isValid: valid.signer,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Select,
+                {
+                  ...childProps,
+                  onChange: handleChangeFor("signer", "blur"),
+                  name: "signer",
+                  placeholder: i18n.get("selectSigner"),
+                  selected: data.signer,
+                  items: signers
+                }
+              )
+            }
+          ),
+          !isIndividual && addSignerAlert,
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              el: "fieldset",
+              name: "acceptServiceAgreement",
+              className: "adyen-kyc-u-margin-top-16",
+              errorMessage: (_b = errors.acceptServiceAgreement) == null ? void 0 : _b.errorMessage,
+              isValid: valid.acceptServiceAgreement,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  ...childProps,
+                  label: i18n.get("iHaveReadAndIAcceptTheseTerms"),
+                  checked: data.acceptServiceAgreement ?? false,
+                  name: "acceptServiceAgreement",
+                  onChange: handleChangeFor("acceptServiceAgreement")
+                }
+              )
+            }
+          )
+        ] }),
+        !asEmbedded && /* @__PURE__ */ jsx(
+          ActionBar,
+          {
+            onHome: goHome,
+            homeButtonLabel: i18n.get(translationKeys.home),
+            onNext: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1),
+            nextButtonLabel: i18n.get(translationKeys.next),
+            nextButtonDisabled: forms.length === 0 || !canSign && isLastStep,
+            onBack: () => gotoForm(activeFormIndex - 1),
+            hideBackButton: activeFormIndex === 0,
+            backButtonLabel: i18n.get("previous")
+          }
+        )
+      ]
+    }
+  );
+  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 endScreen = hasFinished && /* @__PURE__ */ jsxs(FormEndState, { children: [
+    /* @__PURE__ */ jsx("template", { slot: "title", children: i18n.get("serviceAgreementSignedAndDated") }),
+    /* @__PURE__ */ jsx(OutlinedIcon, { slot: "icon", name: "check" }),
+    /* @__PURE__ */ jsx("div", { slot: "content", children: /* @__PURE__ */ jsx(Button, { onClick: () => handleCloseClick, children: i18n.get("finish") }) })
+  ] });
+  return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+    /* @__PURE__ */ jsxs("article", { className: "adyen-kyc-service-agreement-content", children: [
+      !asEmbedded && sidebar,
+      endScreen || content
+    ] }),
+    asEmbedded && /* @__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: i18n.get("back")
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: i18n.get(canSign ? "signAndContinue" : "continue") })
+    ] })
+  ] }) });
+}
+function AcceptTermsOfServiceComponent({
+  legalEntityId,
+  modalView = false,
+  asEmbedded = true,
+  /* triggered when X button clicked, or at the end, on Finish button click */
+  onClose,
+  onUnmount,
+  /* triggered on every document signed, typically multiple times */
+  onAccept,
+  handleAddSigner
+}) {
+  if (!legalEntityId) {
+    throw new Error("Must provide at-least a legalEntityId");
+  }
+  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 == null ? void 0 : onUnmount();
+    }
+    onClose == null ? void 0 : onClose();
+  };
+  const handleSign = useCallback(
+    async (legalEntityId2, termsOfServiceDocumentId, signedBy) => {
+      var _a;
+      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 = ((_a = serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes) == null ? void 0 : _a.filter(
+        (tosType) => tosType !== acceptedTermsOfService.type
+      )) ?? [];
+      const newStepsData = {
+        unAcceptedTermsOfServiceTypes: unAcceptedTos,
+        acceptedTermsOfServices
+      };
+      setStepsData(newStepsData);
+      onAccept == null ? void 0 : onAccept(newStepsData);
+    },
+    [onAccept, stepsData, acceptTermsOfService2, serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes]
+  );
+  return isStatusLoading || isAcceptanceInfoLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
+    ServiceAgreementDropin,
+    {
+      taskType: TaskTypes.SERVICE_AGREEMENT,
+      legalEntityResponse: legalEntity,
+      serviceAgreementTypes: (serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes) ?? [],
+      serviceAgreementAcceptanceInfos: (serviceAgreementAcceptanceInfos == null ? void 0 : serviceAgreementAcceptanceInfos.data) ?? [],
+      handleHomeClick: handleOnClose,
+      handleSign,
+      asEmbedded,
+      asModal: modalView,
+      handleCloseClick: handleOnClose,
+      handleAddSigner
+    }
+  );
+}
+export {
+  AcceptTermsOfServiceComponent
+};

package/dist/{AccountSetupRejected-Dcrt_Wjb.js → AccountSetupRejected-C7ecEaSn.js}

@@ -2,14 +2,14 @@
 {
   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] = "9e35e36d-c14d-47a8-97aa-d7375b3fafea", e._sentryDebugIdIdentifier = "sentry-dbid-9e35e36d-c14d-47a8-97aa-d7375b3fafea");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "143ef54c-d879-403e-9a21-7b3df7c75d6b", e._sentryDebugIdIdentifier = "sentry-dbid-143ef54c-d879-403e-9a21-7b3df7c75d6b");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { b as useI18nContext, bd as AlertIcon, aK as FormHeader } from "./EventEmitter-BmWcyurq.js";
-import { D as DropinLayout } from "./index-D6YGuPb5.js";
+import { b as useI18nContext, A as AlertIcon, F as FormHeader } from "./StoreProvider-BvP9cxL2.js";
+import { D as DropinLayout } from "./OnboardingDropinComponent-Bxh1PgLV.js";
 function AccountSetupRejected() {
   const { i18n } = useI18nContext();
   const content = /* @__PURE__ */ jsxs("div", { children: [