diff --git a/packages/login/src/components/ChangeOwnerForm/ChangeOwner.styled.tsx b/packages/login/src/components/ChangeOwnerForm/ChangeOwner.styled.tsx new file mode 100644 index 0000000000..5859e83584 --- /dev/null +++ b/packages/login/src/components/ChangeOwnerForm/ChangeOwner.styled.tsx @@ -0,0 +1,34 @@ +// (c) Copyright Ascensio System SIA 2009-2024 +// +// This program is a free software product. +// You can redistribute it and/or modify it under the terms +// of the GNU Affero General Public License (AGPL) version 3 as published by the Free Software +// Foundation. In accordance with Section 7(a) of the GNU AGPL its Section 15 shall be amended +// to the effect that Ascensio System SIA expressly excludes the warranty of non-infringement of +// any third-party rights. +// +// This program is distributed WITHOUT ANY WARRANTY, without even the implied warranty +// of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For details, see +// the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html +// +// You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia, EU, LV-1021. +// +// The interactive user interfaces in modified source and object code versions of the Program must +// display Appropriate Legal Notices, as required under Section 5 of the GNU AGPL version 3. +// +// Pursuant to Section 7(b) of the License you must retain the original Product logo when +// distributing the program. Pursuant to Section 7(e) we decline to grant you any rights under +// trademark law for use of our trademarks. +// +// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing +// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 +// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode + +import styled from "styled-components"; + +export const ButtonsWrapper = styled.div` + display: flex; + flex-direction: row; + gap: 16px; + width: 100%; +`; diff --git a/packages/login/src/components/ChangeOwnerForm/index.tsx b/packages/login/src/components/ChangeOwnerForm/index.tsx new file mode 100644 index 0000000000..32b2ad2c3a --- /dev/null +++ b/packages/login/src/components/ChangeOwnerForm/index.tsx @@ -0,0 +1,122 @@ +// (c) Copyright Ascensio System SIA 2009-2024 +// +// This program is a free software product. +// You can redistribute it and/or modify it under the terms +// of the GNU Affero General Public License (AGPL) version 3 as published by the Free Software +// Foundation. In accordance with Section 7(a) of the GNU AGPL its Section 15 shall be amended +// to the effect that Ascensio System SIA expressly excludes the warranty of non-infringement of +// any third-party rights. +// +// This program is distributed WITHOUT ANY WARRANTY, without even the implied warranty +// of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For details, see +// the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html +// +// You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia, EU, LV-1021. +// +// The interactive user interfaces in modified source and object code versions of the Program must +// display Appropriate Legal Notices, as required under Section 5 of the GNU AGPL version 3. +// +// Pursuant to Section 7(b) of the License you must retain the original Product logo when +// distributing the program. Pursuant to Section 7(e) we decline to grant you any rights under +// trademark law for use of our trademarks. +// +// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing +// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 +// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode + +"use client"; + +import { ConfirmRouteContext } from "@/app/(root)/confirm/confirmRoute"; +import withLoader from "@/app/(root)/confirm/withLoader"; +import { Button, ButtonSize } from "@docspace/shared/components/button"; +import { Text } from "@docspace/shared/components/text"; +import { toastr } from "@docspace/shared/components/toast"; +import { PRODUCT_NAME } from "@docspace/shared/constants"; +import { useContext, useEffect, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { ButtonsWrapper } from "./ChangeOwner.styled"; +import { TError, WithLoaderProps } from "@/types"; +import { ownerChange } from "@/utils/actions"; + +type ChangeOwnerFormProps = { + newOwner?: string; +} & WithLoaderProps; + +const ChangeOwnerForm = ({ newOwner }: ChangeOwnerFormProps) => { + const { t } = useTranslation(["Confirm", "Common"]); + const { linkData } = useContext(ConfirmRouteContext); + + const ownerId = linkData.uid; + + const [isOwnerChanged, setIsOwnerChanged] = useState(false); + + const onChangeOwnerClick = async () => { + try { + await ownerChange(ownerId, linkData.confirmHeader); + setIsOwnerChanged(true); + setTimeout(() => (location.href = "/"), 10000); + } catch (error) { + const knownError = error as TError; + let errorMessage: string; + + if (typeof knownError === "object") { + errorMessage = + knownError?.response?.data?.error?.message || + knownError?.statusText || + knownError?.message || + ""; + } else { + errorMessage = knownError; + } + + toastr.error(errorMessage); + console.error(errorMessage); + } + }; + + const onCancelClick = () => { + location.href = "/"; + }; + + return ( + <> + {isOwnerChanged ? ( + + {t("ConfirmOwnerPortalSuccessMessage", { + productName: PRODUCT_NAME, + })} + + ) : ( + <> + + {t("ConfirmOwnerPortalTitle", { + newOwner: newOwner, + productName: PRODUCT_NAME, + })} + + +