IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'release/v2.6.0' into feature/confirmation-screen

Browse Source
This commit is contained in:
Akmal Isomadinov 2024-07-19 13:49:22 +05:00
commit c255393d5d
222 changed files with 1279 additions and 905 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

264
i18next/common.babel
View File

@ -39490,6 +39490,138 @@
</translation>
</translations>
</concept_node>
<concept_node>
<name>OrganizationName</name>
<description/>
<comment/>
<default_text/>
<translations>
<translation>
<language>ar-SA</language>
<approved>false</approved>
</translation>
<translation>
<language>az-Latn-AZ</language>
<approved>false</approved>
</translation>
<translation>
<language>bg-BG</language>
<approved>false</approved>
</translation>
<translation>
<language>cs-CZ</language>
<approved>false</approved>
</translation>
<translation>
<language>de-DE</language>
<approved>false</approved>
</translation>
<translation>
<language>el-GR</language>
<approved>false</approved>
</translation>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-ES</language>
<approved>false</approved>
</translation>
<translation>
<language>fi-FI</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-FR</language>
<approved>false</approved>
</translation>
<translation>
<language>hy-AM</language>
<approved>false</approved>
</translation>
<translation>
<language>it-IT</language>
<approved>false</approved>
</translation>
<translation>
<language>ja-JP</language>
<approved>false</approved>
</translation>
<translation>
<language>ko-KR</language>
<approved>false</approved>
</translation>
<translation>
<language>lo-LA</language>
<approved>false</approved>
</translation>
<translation>
<language>lv-LV</language>
<approved>false</approved>
</translation>
<translation>
<language>nl-NL</language>
<approved>false</approved>
</translation>
<translation>
<language>pl-PL</language>
<approved>false</approved>
</translation>
<translation>
<language>pt-BR</language>
<approved>false</approved>
</translation>
<translation>
<language>pt-PT</language>
<approved>false</approved>
</translation>
<translation>
<language>ro-RO</language>
<approved>false</approved>
</translation>
<translation>
<language>ru-RU</language>
<approved>false</approved>
</translation>
<translation>
<language>si-SI</language>
<approved>false</approved>
</translation>
<translation>
<language>sk-SK</language>
<approved>false</approved>
</translation>
<translation>
<language>sl-SI</language>
<approved>false</approved>
</translation>
<translation>
<language>sr-Cyrl-RS</language>
<approved>false</approved>
</translation>
<translation>
<language>sr-Latn-RS</language>
<approved>false</approved>
</translation>
<translation>
<language>tr-TR</language>
<approved>false</approved>
</translation>
<translation>
<language>uk-UA</language>
<approved>false</approved>
</translation>
<translation>
<language>vi-VN</language>
<approved>false</approved>
</translation>
<translation>
<language>zh-CN</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node>
<name>OtherLabel</name>
<description/>
@ -42922,6 +43054,138 @@
</translation>
</translations>
</concept_node>
<concept_node>
<name>ProductName</name>
<description/>
<comment/>
<default_text/>
<translations>
<translation>
<language>ar-SA</language>
<approved>false</approved>
</translation>
<translation>
<language>az-Latn-AZ</language>
<approved>false</approved>
</translation>
<translation>
<language>bg-BG</language>
<approved>false</approved>
</translation>
<translation>
<language>cs-CZ</language>
<approved>false</approved>
</translation>
<translation>
<language>de-DE</language>
<approved>false</approved>
</translation>
<translation>
<language>el-GR</language>
<approved>false</approved>
</translation>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-ES</language>
<approved>false</approved>
</translation>
<translation>
<language>fi-FI</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-FR</language>
<approved>false</approved>
</translation>
<translation>
<language>hy-AM</language>
<approved>false</approved>
</translation>
<translation>
<language>it-IT</language>
<approved>false</approved>
</translation>
<translation>
<language>ja-JP</language>
<approved>false</approved>
</translation>
<translation>
<language>ko-KR</language>
<approved>false</approved>
</translation>
<translation>
<language>lo-LA</language>
<approved>false</approved>
</translation>
<translation>
<language>lv-LV</language>
<approved>false</approved>
</translation>
<translation>
<language>nl-NL</language>
<approved>false</approved>
</translation>
<translation>
<language>pl-PL</language>
<approved>false</approved>
</translation>
<translation>
<language>pt-BR</language>
<approved>false</approved>
</translation>
<translation>
<language>pt-PT</language>
<approved>false</approved>
</translation>
<translation>
<language>ro-RO</language>
<approved>false</approved>
</translation>
<translation>
<language>ru-RU</language>
<approved>false</approved>
</translation>
<translation>
<language>si-SI</language>
<approved>false</approved>
</translation>
<translation>
<language>sk-SK</language>
<approved>false</approved>
</translation>
<translation>
<language>sl-SI</language>
<approved>false</approved>
</translation>
<translation>
<language>sr-Cyrl-RS</language>
<approved>false</approved>
</translation>
<translation>
<language>sr-Latn-RS</language>
<approved>false</approved>
</translation>
<translation>
<language>tr-TR</language>
<approved>false</approved>
</translation>
<translation>
<language>uk-UA</language>
<approved>false</approved>
</translation>
<translation>
<language>vi-VN</language>
<approved>false</approved>
</translation>
<translation>
<language>zh-CN</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node>
<name>Profile</name>
<description/>

7
packages/client/src/Shell.jsx
View File

@ -55,7 +55,6 @@ import IndicatorLoader from "./components/IndicatorLoader";
import ErrorBoundary from "./components/ErrorBoundaryWrapper";
import DialogsWrapper from "./components/dialogs/DialogsWrapper";
import useCreateFileError from "./Hooks/useCreateFileError";
import { PRODUCT_NAME } from "@docspace/shared/constants";
// import ReactSmartBanner from "./components/SmartBanner";
@ -87,8 +86,6 @@ const Shell = ({ items = [], page = "home", ...rest }) => {
version,
pagesWithoutNavMenu,
isFrame,
organizationName,
} = rest;
const theme = useTheme();
@ -258,7 +255,7 @@ const Shell = ({ items = [], page = "home", ...rest }) => {
headerText: t("Attention"),
text: `${t("BarMaintenanceDescription", {
targetDate: targetDate,
productName: `${organizationName} ${PRODUCT_NAME}`,
productName: `${t("Common:OrganizationName")} ${t("Common:ProductName")}`,
})} ${t("BarMaintenanceDisclaimer")}`,
isMaintenance: true,
onAction: () => {
@ -482,7 +479,6 @@ const ShellWrapper = inject(
frameConfig,
isPortalDeactivate,
isPortalRestoring,
organizationName,
} = settingsStore;
const isBase = settingsStore.theme.isBase;
@ -545,7 +541,6 @@ const ShellWrapper = inject(
version,
pagesWithoutNavMenu,
isFrame,
organizationName,
};
},
)(observer(Shell));

7
packages/client/src/components/Article/MainButton/index.js
View File

@ -70,7 +70,6 @@ import { resendInvitesAgain } from "@docspace/shared/api/people";
import { getCorrectFourValuesStyle } from "@docspace/shared/utils";
import { ArticleButtonLoader } from "@docspace/shared/skeletons/article";
import { isMobile, isTablet } from "react-device-detect";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledButton = styled(Button)`
font-weight: 700;
@ -376,7 +375,7 @@ const ArticleMainButtonContent = (props) => {
id: "actions_upload-from-docspace",
className: "main-button_drop-down",
icon: ActionsUploadReactSvgUrl,
label: t("Common:FromPortal", { productName: PRODUCT_NAME }),
label: t("Common:FromPortal", { productName: t("Common:ProductName") }),
key: "actions_upload-from-docspace",
disabled: false,
onClick: () => onShowFormRoomSelectFileDialog(FilterType.PDFForm),
@ -624,7 +623,9 @@ const ArticleMainButtonContent = (props) => {
id: "invite_portal-administrator",
className: "main-button_drop-down",
icon: PersonAdminReactSvgUrl,
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
}),
onClick: onInvite,
action: EmployeeType.Admin,
key: "administrator",

2
packages/client/src/components/ArticleWrapper/index.tsx
View File

@ -88,7 +88,6 @@ export default inject<TStore>(
currentDeviceType,
standalone,
isBurgerLoading,
organizationName,
} = settingsStore;
const { isFreeTariff, isNonProfit, isTrial, currentTariffPlanTitle } =
@ -101,7 +100,6 @@ export default inject<TStore>(
} = currentTariffStatusStore;
return {
organizationName,
onProfileClick,
user,
getUserRole,

20
packages/client/src/components/EmptyContainer/RootFolderContainer.js
View File

@ -61,7 +61,6 @@ import EmptyScreenArchiveUrl from "PUBLIC_DIR/images/empty_screen_archive.svg?ur
import EmptyScreenArchiveDarkUrl from "PUBLIC_DIR/images/empty_screen_archive_dark.svg?url";
import CommonButtons from "./sub-components/CommonButtons";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const RootFolderContainer = (props) => {
const {
@ -70,7 +69,6 @@ const RootFolderContainer = (props) => {
isPrivacyFolder,
isDesktop,
isEncryptionSupport,
organizationName,
privacyInstructions,
title,
onCreate,
@ -119,9 +117,11 @@ const RootFolderContainer = (props) => {
const archiveRoomsDescription =
isVisitor || isCollaborator
? t("ArchiveEmptyScreenUser")
: t("ArchiveEmptyScreen", { productName: PRODUCT_NAME });
: t("ArchiveEmptyScreen", { productName: t("Common:ProductName") });
const privateRoomHeader = t("PrivateRoomHeader", { organizationName });
const privateRoomHeader = t("PrivateRoomHeader", {
organizationName: t("Common:OrganizationName"),
});
const privacyIcon = <img alt="" src={PrivacySvgUrl} />;
const privateRoomDescTranslations = [
t("PrivateRoomDescriptionSafest"),
@ -130,7 +130,9 @@ const RootFolderContainer = (props) => {
t("PrivateRoomDescriptionUnbreakable"),
];
const roomHeader = t("EmptyRootRoomHeader", { productName: PRODUCT_NAME });
const roomHeader = t("EmptyRootRoomHeader", {
productName: t("Common:ProductName"),
});
const onGoToPersonal = () => {
const newFilter = FilesFilter.getDefault();
@ -259,8 +261,8 @@ const RootFolderContainer = (props) => {
{!isDesktop && (
<Text fontSize="12px">
<Trans t={t} i18nKey="PrivateRoomSupport" ns="Files">
Work in Private Room is available via {{ organizationName }} desktop
app.
Work in Private Room is available via{" "}
{{ organizationName: t("Common:OrganizationName") }} desktop app.
<Link
isBold
isHovered
@ -376,8 +378,7 @@ export default inject(
userStore,
publicRoomStore,
}) => {
const { isDesktopClient, isEncryptionSupport, organizationName, theme } =
settingsStore;
const { isDesktopClient, isEncryptionSupport, theme } = settingsStore;
const { setIsSectionFilterLoading } = clientLoadingStore;
@ -400,7 +401,6 @@ export default inject(
userId: userStore?.user?.id,
isCollaborator: userStore?.user?.isCollaborator,
isEncryptionSupport,
organizationName,
privacyInstructions,
title,
myFolderId,

7
packages/client/src/components/EmptyContainer/sub-components/EmptyViewContainer/EmptyViewContainer.helpers.tsx
View File

@ -47,7 +47,6 @@ import type { Nullable, TTranslation } from "@docspace/shared/types";
import type { TRoomSecurity } from "@docspace/shared/api/rooms/types";
import type { TFolderSecurity } from "@docspace/shared/api/files/types";
import type { EmptyViewItemType } from "@docspace/shared/components/empty-view";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import type {
ExtensiontionType,
@ -100,7 +99,7 @@ export const getDescription = (
)
.with([FolderType.FormRoom, null, P._], () =>
t("EmptyView:FormFolderDefaultDescription", {
portalName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
)
.otherwise(() => "");
@ -351,7 +350,7 @@ export const getOptions = (
const uploadPDFFromDocSpace = createUploadFromDocSpace(
t("EmptyView:UploadFromPortalTitle", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
t("EmptyView:UploadPDFFormOptionDescription"),
FilterType.PDFForm,
@ -359,7 +358,7 @@ export const getOptions = (
const uploadAllFromDocSpace = createUploadFromDocSpace(
t("EmptyView:UploadFromPortalTitle", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
t("EmptyView:UploadFromPortalDescription"),
// TODO: need fix selector

6
packages/client/src/components/FilesSelector/utils.ts
View File

@ -29,7 +29,7 @@ import {
TFolderSecurity,
} from "@docspace/shared/api/files/types";
import { TRoomSecurity } from "@docspace/shared/api/rooms/types";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { FilesSelectorFilterTypes } from "@docspace/shared/enums";
import { TTranslation } from "@docspace/shared/types";
@ -56,7 +56,9 @@ export const getHeaderLabel = (
}
if (isFormRoom) {
return t("Common:SelectFromPortal", { productName: PRODUCT_NAME });
return t("Common:SelectFromPortal", {
productName: t("Common:ProductName"),
});
}
if (filterParam === FilesSelectorFilterTypes.DOCX)

5
packages/client/src/components/GlobalEvents/ChangeUserTypeEvent.js
View File

@ -34,7 +34,6 @@ import { toastr } from "@docspace/shared/components/toast";
import { Link } from "@docspace/shared/components/link";
import { Text } from "@docspace/shared/components/text";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ChangeUserTypeEvent = ({
setVisible,
@ -137,7 +136,9 @@ const ChangeUserTypeEvent = ({
const getType = (type) => {
switch (type) {
case "admin":
return t("Common:PortalAdmin", { productName: PRODUCT_NAME });
return t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
});
case "manager":
return t("Common:RoomAdmin");
case "collaborator":

3
packages/client/src/components/GlobalEvents/CreateEvent.js
View File

@ -68,6 +68,7 @@ const CreateEvent = ({
setPortalTariff,
withoutDialog,
preview,
toForm,
publicRoomKey,
actionEdit,
openOnNewPage,
@ -176,6 +177,8 @@ const CreateEvent = ({
searchParams.append("action", "edit");
}
if (toForm) searchParams.append("toForm", "true");
if (publicRoomKey) {
searchParams.append("share", publicRoomKey);
}

3
packages/client/src/components/GlobalEvents/index.js
View File

@ -50,6 +50,7 @@ const GlobalEvents = ({ enablePlugins, eventListenerItemsList }) => {
templateId: null,
fromTemplate: null,
onClose: null,
toForm: false,
});
const [renameDialogProps, setRenameDialogProps] = useState({
@ -116,6 +117,7 @@ const GlobalEvents = ({ enablePlugins, eventListenerItemsList }) => {
preview: payload.preview ?? false,
actionEdit: payload.edit ?? false,
openEditor: payload.openEditor ?? true,
toForm: payload.toForm ?? false,
onClose: () => {
setCreateDialogProps({
visible: false,
@ -130,6 +132,7 @@ const GlobalEvents = ({ enablePlugins, eventListenerItemsList }) => {
preview: false,
actionEdit: false,
openEditor: true,
toForm: false,
});
},
});

3
packages/client/src/components/MainBar/ConfirmEmailBar.js
View File

@ -31,7 +31,6 @@ import styled from "styled-components";
import { SnackBar } from "@docspace/shared/components/snackbar";
import { Link } from "@docspace/shared/components/link";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ConfirmEmailBar = ({
t,
@ -47,7 +46,7 @@ const ConfirmEmailBar = ({
<SnackBar
headerText={t("ConfirmEmailHeader", {
email: userEmail,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
text={
<>

7
packages/client/src/components/MainBar/QuotasBar.js
View File

@ -32,7 +32,6 @@ import { SnackBar } from "@docspace/shared/components/snackbar";
import { Link } from "@docspace/shared/components/link";
import { QuotaBarTypes } from "SRC_DIR/helpers/constants";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const QuotasBar = ({
t,
@ -61,7 +60,7 @@ const QuotasBar = ({
<Trans
i18nKey="StorageQuotaDescription"
t={t}
values={{ productName: PRODUCT_NAME }}
values={{ productName: t("Common:ProductName") }}
>
You can remove the unnecessary files or
<Link
@ -99,7 +98,7 @@ const QuotasBar = ({
t={t}
i18nKey="UserQuotaDescription"
values={{
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
clickHere: t("ClickHere"),
}}
components={{
@ -125,7 +124,7 @@ const QuotasBar = ({
<Trans
i18nKey="RoomQuotaDescription"
t={t}
values={{ productName: PRODUCT_NAME }}
values={{ productName: t("Common:ProductName") }}
>
You can archived the unnecessary rooms or
<Link

3
packages/client/src/components/RoomsSelectorInput/index.js
View File

@ -35,7 +35,6 @@ import { StyledBodyWrapper } from "./StyledComponents";
import { Aside } from "@docspace/shared/components/aside";
import { Backdrop } from "@docspace/shared/components/backdrop";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const RoomsSelectorInput = (props) => {
const {
@ -71,7 +70,7 @@ const RoomsSelectorInput = (props) => {
} = props;
const [isPanelVisible, setIsPanelVisible] = useState(false);
const BasePath = `${PRODUCT_NAME} / ${t("Common:Rooms")} `;
const BasePath = `${t("Common:ProductName")} / ${t("Common:Rooms")} `;
const [path, setPath] = useState("");
const handleOnSubmit = (rooms) => {

11
packages/client/src/components/SmartBanner/index.js
View File

@ -38,8 +38,7 @@ const Wrapper = styled.div`
`;
const ReactSmartBanner = (props) => {
const { t, ready, isBannerVisible, setIsBannerVisible, organizationName } =
props;
const { t, ready, isBannerVisible, setIsBannerVisible } = props;
const force = isIOS ? "ios" : "android";
const location = useLocation();
@ -94,7 +93,9 @@ const ReactSmartBanner = (props) => {
return isMobile && isBannerVisible && ready && isTouchDevice ? (
<Wrapper>
<SmartBanner
title={t("SmartBanner:AppName", { organizationName })}
title={t("SmartBanner:AppName", {
organizationName: t("Common:OrganizationName"),
})}
author="Ascensio System SIA"
button={t("Common:View")}
force={force}
@ -110,11 +111,9 @@ const ReactSmartBanner = (props) => {
);
};
export default inject(({ settingsStore, bannerStore }) => {
const { organizationName } = settingsStore;
export default inject(({ bannerStore }) => {
return {
isBannerVisible: bannerStore.isBannerVisible,
setIsBannerVisible: bannerStore.setIsBannerVisible,
organizationName,
};
})(observer(ReactSmartBanner));

18
packages/client/src/components/dialogs/ChangePortalOwnerDialog/index.js
View File

@ -51,7 +51,7 @@ import {
StyledSelectedOwnerContainer,
StyledSelectedOwner,
} from "./StyledDialog";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { EmployeeActivationStatus } from "@docspace/shared/enums";
const ChangePortalOwnerDialog = ({
@ -116,11 +116,13 @@ const ChangePortalOwnerDialog = ({
t("DoTheSame"),
t("AppointAdmin"),
t("SetAccessRights"),
t("ManagePortal", { productName: PRODUCT_NAME }),
t("ManagePortal", { productName: t("Common:ProductName") }),
t("ManageUser"),
t("ChangePortalOwner:ChangeOwner", { productName: PRODUCT_NAME }),
t("BackupPortal", { productName: PRODUCT_NAME }),
t("DeactivateOrDeletePortal", { productName: PRODUCT_NAME }),
t("ChangePortalOwner:ChangeOwner", {
productName: t("Common:ProductName"),
}),
t("BackupPortal", { productName: t("Common:ProductName") }),
t("DeactivateOrDeletePortal", { productName: t("Common:ProductName") }),
];
const filter = React.useMemo(() => {
@ -183,10 +185,10 @@ const ChangePortalOwnerDialog = ({
<StyledPeopleSelectorInfo>
<Text className="new-owner" noSelect title={t("NewPortalOwner")}>
{t("NewPortalOwner", { productName: PRODUCT_NAME })}
{t("NewPortalOwner", { productName: t("Common:ProductName") })}
</Text>
<Text className="description" noSelect title={t("ChangeInstruction")}>
{t("ChangeInstruction", { productName: PRODUCT_NAME })}
{t("ChangeInstruction", { productName: t("Common:ProductName") })}
</Text>
</StyledPeopleSelectorInfo>
@ -228,7 +230,7 @@ const ChangePortalOwnerDialog = ({
<StyledAvailableList>
<Text className="list-header" noSelect title={t("PortalOwnerCan")}>
{t("PortalOwnerCan", { productName: PRODUCT_NAME })}
{t("PortalOwnerCan", { productName: t("Common:ProductName") })}
</Text>
{ownerRights?.map((item) => (

3
packages/client/src/components/dialogs/ChangePricingPlanDialog/index.js
View File

@ -35,7 +35,6 @@ import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import { inject, observer } from "mobx-react";
import { getConvertedSize } from "@docspace/shared/utils/common";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ModalDialogContainer = styled(ModalDialog)`
.cannot-downgrade-plan {
@ -73,7 +72,7 @@ const ChangePricingPlanDialog = ({
You wish to downgrade the team to
<strong>{{ usersCount: managersCount }}</strong>
admins/power users, and current number of such users in your
{{ productName: PRODUCT_NAME }} is
{{ productName: t("Common:ProductName") }} is
<strong>{{ currentUsersCount: addedManagersCount }}</strong>
</Trans>
</Text>

9
packages/client/src/components/dialogs/ChangeStorageQuotaDialog/index.js
View File

@ -35,7 +35,6 @@ import { setTenantQuotaSettings } from "@docspace/shared/api/settings";
import QuotaForm from "../../../components/QuotaForm";
import StyledModalDialog from "./StyledComponent";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ChangeStorageQuotaDialog = (props) => {
const {
@ -125,8 +124,12 @@ const ChangeStorageQuotaDialog = (props) => {
<ModalDialog.Body>
<Text noSelect>
{isDisableQuota
? t("Common:TurnOffDiskSpaceLimit", { productName: PRODUCT_NAME })
: t("Common:SetDiskSpaceQuota", { productName: PRODUCT_NAME })}
? t("Common:TurnOffDiskSpaceLimit", {
productName: t("Common:ProductName"),
})
: t("Common:SetDiskSpaceQuota", {
productName: t("Common:ProductName"),
})}
</Text>
{!isDisableQuota && (
<QuotaForm

11
packages/client/src/components/dialogs/ChangeUserStatusDialog/index.js
View File

@ -40,7 +40,6 @@ import { withTranslation } from "react-i18next";
import { EmployeeStatus } from "@docspace/shared/enums";
import ModalDialogContainer from "../ModalDialogContainer";
import { inject, observer } from "mobx-react";
import { PRODUCT_NAME } from "@docspace/shared/constants";
class ChangeUserStatusDialogComponent extends React.Component {
constructor(props) {
@ -132,8 +131,10 @@ class ChangeUserStatusDialogComponent extends React.Component {
header = onlyOneUser ? t("DisableUser") : t("DisableUsers");
bodyText = onlyOneUser
? t("DisableUserDescription", { productName: PRODUCT_NAME })
: t("DisableUsersDescription", { productName: PRODUCT_NAME });
? t("DisableUserDescription", { productName: t("Common:ProductName") })
: t("DisableUsersDescription", {
productName: t("Common:ProductName"),
});
bodyText = bodyText + t("DisableGeneralDescription");
@ -142,8 +143,8 @@ class ChangeUserStatusDialogComponent extends React.Component {
header = onlyOneUser ? t("EnableUser") : t("EnableUsers");
bodyText = onlyOneUser
? t("EnableUserDescription", { productName: PRODUCT_NAME })
: t("EnableUsersDescription", { productName: PRODUCT_NAME });
? t("EnableUserDescription", { productName: t("Common:ProductName") })
: t("EnableUsersDescription", { productName: t("Common:ProductName") });
buttonLabelSave = t("Common:Enable");
}

5
packages/client/src/components/dialogs/ChangeUserTypeDialog/index.js
View File

@ -30,7 +30,6 @@ import { Text } from "@docspace/shared/components/text";
import { Button } from "@docspace/shared/components/button";
import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import { withTranslation, Trans } from "react-i18next";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ChangeUserTypeDialog = ({
t,
@ -70,7 +69,9 @@ const ChangeUserTypeDialog = ({
type.
</Trans>
)}{" "}
{t("ChangeUserTypeMessageWarning", { productName: PRODUCT_NAME })}
{t("ChangeUserTypeMessageWarning", {
productName: t("Common:ProductName"),
})}
</Text>
</ModalDialog.Body>
<ModalDialog.Footer>

3
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/IsPrivateParam/PrivacyLimitationsWarning.js
View File

@ -30,7 +30,6 @@ import styled from "styled-components";
import { ReactSVG } from "react-svg";
import { Base } from "@docspace/shared/themes";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledPrivacyLimitationsWarning = styled.div`
box-sizing: border-box;
@ -106,7 +105,7 @@ const PrivacyLimitationsWarning = ({ t }) => {
</div>
<div className="warning-description">
{t("MakeRoomPrivateLimitationsWarningDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</div>
<div className="warning-link">{t("Common:LearnMore")}</div>

3
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/ThirdPartyStorage/index.js
View File

@ -37,7 +37,6 @@ import ThirdPartyComboBox from "./ThirdPartyComboBox";
import FolderInput from "./FolderInput";
import { getOAuthToken } from "@docspace/shared/utils/common";
import { Checkbox } from "@docspace/shared/components/checkbox";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledThirdPartyStorage = styled(StyledParam)`
flex-direction: column;
@ -89,7 +88,7 @@ const ThirdPartyStorage = ({
const data = isRoomAdmin ? (
<Text as="p">
{t("ThirdPartyStorageRoomAdminNoStorageAlert", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</Text>
) : (

5
packages/client/src/components/dialogs/DeleteGroupDialog/index.js
View File

@ -32,7 +32,6 @@ import { Button } from "@docspace/shared/components/button";
import { Text } from "@docspace/shared/components/text";
import { toastr } from "@docspace/shared/components/toast";
import ModalDialogContainer from "../ModalDialogContainer";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DeleteGroupDialog = (props) => {
const {
@ -90,10 +89,10 @@ const DeleteGroupDialog = (props) => {
<Text>
{hasMoreGroups
? t("DeleteDialog:DeleteAllGroupDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})
: t("DeleteDialog:DeleteGroupDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
groupName,
})}
</Text>

5
packages/client/src/components/dialogs/DeleteOwnerProfileDialog/index.js
View File

@ -33,7 +33,6 @@ import { Button } from "@docspace/shared/components/button";
import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import { withTranslation } from "react-i18next";
import ModalDialogContainer from "../ModalDialogContainer";
import { PRODUCT_NAME } from "@docspace/shared/constants";
class DeleteOwnerProfileDialogComponent extends React.Component {
constructor(props) {
@ -59,7 +58,9 @@ class DeleteOwnerProfileDialogComponent extends React.Component {
<ModalDialog.Header>{t("DeleteProfileTitle")}</ModalDialog.Header>
<ModalDialog.Body>
<Text fontSize="13px">
{t("DeleteOwnerRestrictionText", { productName: PRODUCT_NAME })}
{t("DeleteOwnerRestrictionText", {
productName: t("Common:ProductName"),
})}
</Text>
</ModalDialog.Body>
<ModalDialog.Footer>

3
packages/client/src/components/dialogs/DeletePluginDialog/index.js
View File

@ -33,7 +33,6 @@ import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import { Button } from "@docspace/shared/components/button";
import ModalDialogContainer from "../ModalDialogContainer";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DeletePluginDialog = (props) => {
const { t, ready } = useTranslation(["WebPlugins", "Common"]);
@ -63,7 +62,7 @@ const DeletePluginDialog = (props) => {
>
<ModalDialog.Header>{t("DeletePluginTitle")}</ModalDialog.Header>
<ModalDialog.Body>
{t("DeletePluginDescription", { productName: PRODUCT_NAME })}
{t("DeletePluginDescription", { productName: t("Common:ProductName") })}
</ModalDialog.Body>
<ModalDialog.Footer>
<Button

3
packages/client/src/components/dialogs/DeletePortalDialog/index.js
View File

@ -35,7 +35,6 @@ import { sendDeletePortalEmail } from "@docspace/shared/api/portal";
import ModalDialogContainer from "../ModalDialogContainer";
import { ColorTheme, ThemeId } from "@docspace/shared/components/color-theme";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DeletePortalDialog = (props) => {
const { t, ready } = useTranslation("Settings", "Common");
@ -61,7 +60,7 @@ const DeletePortalDialog = (props) => {
displayType="modal"
>
<ModalDialog.Header>
{t("DeletePortal", { productName: PRODUCT_NAME })}
{t("DeletePortal", { productName: t("Common:ProductName") })}
</ModalDialog.Header>
<ModalDialog.Body>
<Trans t={t} i18nKey="DeletePortalInfo" ns="Settings">

7
packages/client/src/components/dialogs/DeleteProfileEverDialog/sub-components/BodyComponent.js
View File

@ -30,7 +30,6 @@ import { Trans } from "react-i18next";
import { Text } from "@docspace/shared/components/text";
import { Link } from "@docspace/shared/components/link";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const BodyComponent = (props) => {
const {
@ -74,11 +73,11 @@ const BodyComponent = (props) => {
return (
<>
<Text className="user-delete">
{t("ActionCannotBeUndone", { productName: PRODUCT_NAME })}
{t("ActionCannotBeUndone", { productName: t("Common:ProductName") })}
</Text>
<Text className="text-warning">{t("PleaseNote")}</Text>
<Text className="text-delete-description">
{t("DeletePersonalData", { productName: PRODUCT_NAME })}
{t("DeletePersonalData", { productName: t("Common:ProductName") })}
</Text>
<Text className="text-delete-description">
{t("CannotReassignFiles")}
@ -97,7 +96,7 @@ const BodyComponent = (props) => {
return (
<>
<Text className="user-delete">
{t("ActionCannotBeUndone", { productName: PRODUCT_NAME })}
{t("ActionCannotBeUndone", { productName: t("Common:ProductName") })}
</Text>
{!areUsersOnly && (
<>

3
packages/client/src/components/dialogs/PortalRenamingDialog/index.js
View File

@ -31,7 +31,6 @@ import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import { Text } from "@docspace/shared/components/text";
import { Button } from "@docspace/shared/components/button";
import ModalDialogContainer from "../ModalDialogContainer";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PortalRenamingDialog = (props) => {
const { t, ready } = useTranslation(["Settings", "Common"]);
@ -45,7 +44,7 @@ const PortalRenamingDialog = (props) => {
displayType="modal"
>
<ModalDialog.Header>
{t("Settings:PortalRenaming", { productName: PRODUCT_NAME })}
{t("Settings:PortalRenaming", { productName: t("Common:ProductName") })}
</ModalDialog.Header>
<ModalDialog.Body>
<Text fontSize="13px" fontWeight={400} noSelect>

3
packages/client/src/components/dialogs/PreparationPortalDialog/index.js
View File

@ -30,7 +30,6 @@ import { withTranslation } from "react-i18next";
import { inject, observer } from "mobx-react";
import PreparationPortal from "@docspace/shared/pages/PreparationPortal";
import StyledPreparationPortalDialog from "./StyledPreparationPortalDialog";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PreparationPortalDialog = (props) => {
const { t, tReady, preparationPortalVisible, setVisible } = props;
@ -47,7 +46,7 @@ const PreparationPortalDialog = (props) => {
isLarge
>
<ModalDialog.Header>
{t("PortalRestoring", { productName: PRODUCT_NAME })}
{t("PortalRestoring", { productName: t("Common:ProductName") })}
</ModalDialog.Header>
<ModalDialog.Body>
<StyledPreparationPortalDialog>

5
packages/client/src/components/panels/AddUsersPanel/index.tsx
View File

@ -61,7 +61,6 @@ import { TUser } from "@docspace/shared/api/people/types";
import { TGroup } from "@docspace/shared/api/groups/types";
import { MIN_LOADER_TIMER } from "@docspace/shared/selectors/Files/FilesSelector.constants";
import { TTranslation } from "@docspace/shared/types";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PEOPLE_TAB_ID = "0";
const GROUP_TAB_ID = "1";
@ -549,7 +548,9 @@ const AddUsersPanel = ({
}
emptyScreenDescription={
activeTabId === PEOPLE_TAB_ID
? t("Common:EmptyDescription", { productName: PRODUCT_NAME })
? t("Common:EmptyDescription", {
productName: t("Common:ProductName"),
})
: t("Common:GroupsNotFoundDescription")
}
searchEmptyScreenImage={emptyScreenImage}

5
packages/client/src/components/panels/ChangeRoomOwnerPanel/index.js
View File

@ -34,7 +34,6 @@ import { withTranslation } from "react-i18next";
import Filter from "@docspace/shared/api/people/filter";
import { EmployeeType } from "@docspace/shared/enums";
import { Portal } from "@docspace/shared/components/portal";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledChangeRoomOwner = styled.div`
display: contents;
@ -157,11 +156,11 @@ const ChangeRoomOwner = (props) => {
disableDisabledUsers
withInfo
infoText={t("CreateEditRoomDialog:PeopleSelectorInfo", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
emptyScreenHeader={t("Common:NotFoundUsers")}
emptyScreenDescription={t("CreateEditRoomDialog:PeopleSelectorInfo", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
className="change-owner_people-selector"
/>

2
packages/client/src/components/panels/EmbeddingPanel/StyledEmbeddingPanel.js
View File

@ -57,7 +57,7 @@ const StyledBody = styled.div`
.embedding-panel_banner-close-icon {
min-width: 12px;
min-height: 12px;
margin-left: auto;
margin-inline-start: auto;
}
}

4
packages/client/src/components/panels/EmbeddingPanel/index.tsx
View File

@ -51,7 +51,7 @@ import {
ModalDialog,
ModalDialogType,
} from "@docspace/shared/components/modal-dialog";
import { PRODUCT_NAME, SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import CopyReactSvgUrl from "PUBLIC_DIR/images/copy.react.svg?url";
import HeaderUrl from "PUBLIC_DIR/images/sdk-presets_header.react.svg?url";
@ -432,7 +432,7 @@ const EmbeddingPanelComponent = (props: EmbeddingPanelProps) => {
</Trans>
) : (
t("EmbeddingPanel:EmbeddingBarDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})
)}
</Text>

5
packages/client/src/components/panels/InvitePanel/sub-components/ExternalLinks.js
View File

@ -49,7 +49,6 @@ import {
StyledToggleButton,
StyledDescription,
} from "../StyledInvitePanel";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ExternalLinks = ({
t,
@ -221,7 +220,9 @@ const ExternalLinks = ({
</StyledSubHeader>
<StyledDescription>
{roomId === -1
? t("InviteViaLinkDescriptionAccounts", { productName: PRODUCT_NAME })
? t("InviteViaLinkDescriptionAccounts", {
productName: t("Common:ProductName"),
})
: t("InviteViaLinkDescriptionRoom")}
</StyledDescription>
{externalLinksVisible && (

3
packages/client/src/components/panels/InvitePanel/sub-components/InfoBar.js
View File

@ -31,7 +31,6 @@ import InfoIcon from "PUBLIC_DIR/images/info.outline.react.svg?url";
import CrossReactSvg from "PUBLIC_DIR/images/cross.react.svg?url";
import { IconButton } from "@docspace/shared/components/icon-button";
import { Text } from "@docspace/shared/components/text";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledInfoBar = styled.div`
display: flex;
@ -96,7 +95,7 @@ const InfoBar = (props) => {
</Text>
</div>
<div className="body-container">
{t("InfoPanel:InfoBanner", { productName: PRODUCT_NAME })}
{t("InfoPanel:InfoBanner", { productName: t("Common:ProductName") })}
</div>
</div>

9
packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js
View File

@ -68,7 +68,6 @@ import {
import AtReactSvgUrl from "PUBLIC_DIR/images/@.react.svg?url";
import ArrowIcon from "PUBLIC_DIR/images/arrow.right.react.svg";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const minSearchValue = 2;
@ -447,8 +446,12 @@ const InviteInput = ({
</StyledSubHeader>
<StyledDescription>
{roomId === -1
? t("AddManuallyDescriptionAccounts", { productName: PRODUCT_NAME })
: t("AddManuallyDescriptionRoom", { productName: PRODUCT_NAME })}
? t("AddManuallyDescriptionAccounts", {
productName: t("Common:ProductName"),
})
: t("AddManuallyDescriptionRoom", {
productName: t("Common:ProductName"),
})}
</StyledDescription>
<StyledInviteLanguage>
<Text className="invitation-language">{t("InvitationLanguage")}:</Text>

5
packages/client/src/components/panels/InvitePanel/utils/index.js
View File

@ -24,7 +24,6 @@
// 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 { PRODUCT_NAME } from "@docspace/shared/constants";
import {
ShareAccessRights,
RoomsType,
@ -44,9 +43,9 @@ export const getAccessOptions = (
const accesses = {
portalAdmin: {
key: "portalAdmin",
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
description: t("Translations:RolePortalAdminDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
...(!standalone && { quota: t("Common:Paid") }),
color: "#EDC409",

20
packages/client/src/helpers/filesUtils.js
View File

@ -91,26 +91,6 @@ export const getRoomTypeName = (room, t) => {
}
};
export const setDocumentTitle = (subTitle = null) => {
const { isAuthenticated, product: currentModule } = authStore;
const { organizationName } = settingsStore;
let title;
if (subTitle) {
if (isAuthenticated && currentModule) {
title = subTitle + " - " + currentModule.title;
} else {
title = subTitle + " - " + organizationName;
}
} else if (currentModule && organizationName) {
title = currentModule.title + " - " + organizationName;
} else {
title = organizationName;
}
document.title = title;
};
export const getDefaultFileName = (format) => {
switch (format) {
case "docx":

5
packages/client/src/helpers/utils.js
View File

@ -24,7 +24,7 @@
// 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 { authStore, settingsStore } from "@docspace/shared/store";
import { authStore } from "@docspace/shared/store";
import { getLanguage } from "@docspace/shared/utils";
import { toCommunityHostname } from "@docspace/shared/utils/common";
@ -32,10 +32,11 @@ import { CategoryType } from "./constants";
import { FolderType, ShareAccessRights } from "@docspace/shared/enums";
import { translations } from "./autoGeneratedTranslations";
// import router from "SRC_DIR/router";
import i18n from "../i18n";
export const setDocumentTitle = (subTitle = "") => {
const { isAuthenticated, product: currentModule } = authStore;
const { organizationName } = settingsStore;
const organizationName = i18n.t("Common:OrganizationName");
let title;
if (subTitle) {

15
packages/client/src/pages/About/AboutContent.js
View File

@ -32,7 +32,6 @@ import { useTranslation } from "react-i18next";
import styled from "styled-components";
import { ColorTheme, ThemeId } from "@docspace/shared/components/color-theme";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledAboutBody = styled.div`
width: 100%;
@ -101,13 +100,8 @@ const StyledAboutBody = styled.div`
`;
const AboutContent = (props) => {
const {
buildVersionInfo,
theme,
companyInfoSettingsData,
previewData,
organizationName,
} = props;
const { buildVersionInfo, theme, companyInfoSettingsData, previewData } =
props;
const { t } = useTranslation("About");
const license = "AGPL-3.0";
const linkRepo = "https://github.com/ONLYOFFICE/DocSpace";
@ -158,7 +152,7 @@ const AboutContent = (props) => {
target="_blank"
enableUserSelect
>
&nbsp;{organizationName} {PRODUCT_NAME}&nbsp;
&nbsp;{t("Common:OrganizationName")} {t("Common:ProductName")}&nbsp;
</ColorTheme>
<Text
@ -274,11 +268,10 @@ const AboutContent = (props) => {
};
export default inject(({ settingsStore }) => {
const { theme, companyInfoSettingsData, organizationName } = settingsStore;
const { theme, companyInfoSettingsData } = settingsStore;
return {
theme,
companyInfoSettingsData,
organizationName,
};
})(observer(AboutContent));

8
packages/client/src/pages/Bonus/index.js
View File

@ -36,7 +36,7 @@ import StyledComponent from "./StyledComponent";
import OfficialDocumentation from "./sub-components/OfficialDocumentation";
import ContactContainer from "SRC_DIR/components/StandaloneComponents/ContactContainer";
const Bonus = ({ standaloneInit, isInitPaymentPage, organizationName }) => {
const Bonus = ({ standaloneInit, isInitPaymentPage }) => {
const { t, ready } = useTranslation("PaymentsEnterprise");
useEffect(() => {
@ -50,7 +50,7 @@ const Bonus = ({ standaloneInit, isInitPaymentPage, organizationName }) => {
<BenefitsContainer />
<Text fontWeight={600}>
{t("UpgradeToProBannerInstructionHeader", {
organizationName,
organizationName: t("Common:OrganizationName"),
})}
</Text>
<Text>{t("UpgradeToProBannerInstructionDescr")}</Text>
@ -62,12 +62,10 @@ const Bonus = ({ standaloneInit, isInitPaymentPage, organizationName }) => {
);
};
export default inject(({ settingsStore, paymentStore }) => {
export default inject(({ paymentStore }) => {
const { standaloneInit, isInitPaymentPage } = paymentStore;
const { organizationName } = settingsStore;
return {
standaloneInit,
isInitPaymentPage,
organizationName,
};
})(observer(Bonus));

3
packages/client/src/pages/Confirm/sub-components/GreetingUserContainer.js
View File

@ -31,7 +31,6 @@ import { IconButton } from "@docspace/shared/components/icon-button";
import { Text } from "@docspace/shared/components/text";
import ArrowIcon from "PUBLIC_DIR/images/arrow.left.react.svg?url";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DEFAULT_CREATION_TEXT =
"A {{productName}} account will be created for {{email}}. Please, complete your registration:";
@ -70,7 +69,7 @@ const GreetingUserContainer = ({
values={{
email,
}}
portalName={PRODUCT_NAME}
productName={t("Common:ProductName")}
components={{
1: <ColorTheme tag="a" themeId={ThemeId.Link} isHovered={false} />,
}}

5
packages/client/src/pages/Confirm/sub-components/changeOwner.js
View File

@ -42,7 +42,6 @@ import { toastr } from "@docspace/shared/components/toast";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { ownerChange } from "@docspace/shared/api/settings";
import { getUserFromConfirm } from "@docspace/shared/api/people";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ChangeOwnerForm = (props) => {
const { t, greetingTitle, linkData, history } = props;
@ -90,7 +89,7 @@ const ChangeOwnerForm = (props) => {
{isOwnerChanged ? (
<Text>
{t("ConfirmOwnerPortalSuccessMessage", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</Text>
) : (
@ -98,7 +97,7 @@ const ChangeOwnerForm = (props) => {
<Text className="subtitle">
{t("ConfirmOwnerPortalTitle", {
newOwner: newOwner,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</Text>
<ButtonsWrapper>

5
packages/client/src/pages/Confirm/sub-components/changePhone.js
View File

@ -35,7 +35,6 @@ import { StyledPage, StyledBody, StyledContent } from "./StyledConfirm";
import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ChangePhoneForm = (props) => {
const { t, greetingTitle } = props;
@ -58,7 +57,9 @@ const ChangePhoneForm = (props) => {
<Text>
{t("CurrentNumber")}: {currentNumber}
</Text>
<Text>{t("PhoneSubtitle", { productName: PRODUCT_NAME })}</Text>
<Text>
{t("PhoneSubtitle", { productName: t("Common:ProductName") })}
</Text>
</div>
<TextInput

5
packages/client/src/pages/Confirm/sub-components/continuePortal.js
View File

@ -44,7 +44,6 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ContinuePortal = (props) => {
const { t, greetingTitle, linkData } = props;
@ -89,7 +88,9 @@ const ContinuePortal = (props) => {
) : (
<>
<Text className="subtitle">
{t("PortalContinueTitle", { productName: PRODUCT_NAME })}
{t("PortalContinueTitle", {
productName: t("Common:ProductName"),
})}
</Text>
<ButtonsWrapper>
<Button

3
packages/client/src/pages/Confirm/sub-components/createUser.js
View File

@ -55,7 +55,6 @@ import {
ALLOWED_PASSWORD_CHARACTERS,
COOKIE_EXPIRATION_YEAR,
LANGUAGE,
PRODUCT_NAME,
PROVIDERS_DATA,
} from "@docspace/shared/constants";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
@ -511,7 +510,7 @@ const CreateUserForm = (props) => {
values={{
firstName: user.firstName,
lastName: user.lastName,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
...(roomName
? { roomName }
: { spaceAddress: window.location.host }),

5
packages/client/src/pages/Confirm/sub-components/deactivatePortal.js
View File

@ -44,7 +44,6 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DeactivatePortal = (props) => {
const { t, greetingTitle, linkData, companyInfoSettingsData } = props;
@ -93,7 +92,9 @@ const DeactivatePortal = (props) => {
) : (
<>
<Text className="subtitle">
{t("PortalDeactivateTitle", { productName: PRODUCT_NAME })}
{t("PortalDeactivateTitle", {
productName: t("Common:ProductName"),
})}
</Text>
<ButtonsWrapper>
<Button

3
packages/client/src/pages/Confirm/sub-components/profileRemove.js
View File

@ -37,7 +37,6 @@ import { StyledPage, StyledBody, StyledContent } from "./StyledConfirm";
import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ProfileRemoveForm = (props) => {
const { t, greetingTitle, linkData, legalTerms, currentColorScheme } = props;
@ -71,7 +70,7 @@ const ProfileRemoveForm = (props) => {
</Text>
<Text fontSize="16px" fontWeight="600" className="confirm-subtitle">
{t("DeleteProfileSuccessDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
<Trans
i18nKey="DeleteProfileSuccessMessageInfo"

5
packages/client/src/pages/Confirm/sub-components/removePortal.js
View File

@ -45,7 +45,6 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const RemovePortal = (props) => {
const { t, greetingTitle, linkData, companyInfoSettingsData } = props;
@ -94,7 +93,9 @@ const RemovePortal = (props) => {
) : (
<>
<Text className="subtitle">
{t("PortalRemoveTitle", { productName: PRODUCT_NAME })}
{t("PortalRemoveTitle", {
productName: t("Common:ProductName"),
})}
</Text>
<ButtonsWrapper>
<Button

3
packages/client/src/pages/Confirm/sub-components/tfaActivation.js
View File

@ -49,7 +49,6 @@ import {
} from "@docspace/shared/api/settings";
import { loginWithTfaCode } from "@docspace/shared/api/user";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledForm = styled(Box)`
margin: 56px auto;
@ -201,7 +200,7 @@ const TfaActivationForm = withLoader((props) => {
t={t}
i18nKey="SetAppDescription"
ns="Confirm"
portalName={PRODUCT_NAME}
productName={t("Common:ProductName")}
>
The two-factor authentication is enabled to provide additional
portal security. Configure your authenticator application to

12
packages/client/src/pages/FormGallery/TilesView/sub-components/SubmitToGalleryTile.js
View File

@ -106,7 +106,6 @@ const SubmitToGalleryTile = ({
hideSubmitToGalleryTile,
setSubmitToGalleryDialogVisible,
currentColorScheme,
organizationName,
}) => {
if (!submitToGalleryTileIsVisible) return null;
@ -122,10 +121,14 @@ const SubmitToGalleryTile = ({
<div className="info">
<div className="title">
{t("Common:SubmitToGalleryBlockHeader", { organizationName })}
{t("Common:SubmitToGalleryBlockHeader", {
organizationName: t("Common:OrganizationName"),
})}
</div>
<div className="body">
{t("Common:SubmitToGalleryBlockBody", { organizationName })}
{t("Common:SubmitToGalleryBlockBody", {
organizationName: t("Common:OrganizationName"),
})}
</div>
</div>
@ -140,7 +143,7 @@ const SubmitToGalleryTile = ({
};
export default inject(({ settingsStore, oformsStore, dialogsStore }) => {
const { organizationName, currentColorScheme } = settingsStore;
const { currentColorScheme } = settingsStore;
return {
submitToGalleryTileIsVisible: oformsStore.submitToGalleryTileIsVisible,
@ -148,6 +151,5 @@ export default inject(({ settingsStore, oformsStore, dialogsStore }) => {
setSubmitToGalleryDialogVisible:
dialogsStore.setSubmitToGalleryDialogVisible,
currentColorScheme,
organizationName,
};
})(withTranslation("Common", "FormGallery")(observer(SubmitToGalleryTile)));

6
packages/client/src/pages/Home/InfoPanel/Body/views/Accounts/index.js
View File

@ -38,7 +38,7 @@ import SpaceQuota from "SRC_DIR/components/SpaceQuota";
import { getUserStatus } from "SRC_DIR/helpers/people-helpers";
import { StyledAccountContent } from "../../styles/accounts";
import { getUserTypeLabel } from "@docspace/shared/utils/common";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { EmployeeStatus } from "@docspace/shared/enums";
const Accounts = (props) => {
@ -88,8 +88,8 @@ const Accounts = (props) => {
const adminOption = {
id: "info-account-type_portal-admin",
key: "admin",
title: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
title: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
action: "admin",
};
const managerOption = {

2
packages/client/src/pages/Home/InfoPanel/Body/views/History/HistoryBlockContent/GroupList.tsx
View File

@ -76,7 +76,7 @@ const HistoryGroupList = ({
];
const onGroupClick = (groupId: string) => {
setSelectedFolder?.(null);
setSelectedFolder?.(t, null);
setPeopleSelection?.([]);
setPeopleBufferSelection?.(null);
setFilesSelection?.([]);

5
packages/client/src/pages/Home/InfoPanel/Body/views/Members/User.js
View File

@ -43,7 +43,6 @@ import { StyledUserTypeHeader } from "../../styles/members";
import { IconButton } from "@docspace/shared/components/icon-button";
import { Tooltip } from "@docspace/shared/components/tooltip";
import { Link } from "@docspace/shared/components/link";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const User = ({
t,
@ -289,8 +288,8 @@ const User = ({
const tooltipContent = `${
user.isOwner
? t("Common:PortalOwner", { productName: PRODUCT_NAME })
: t("Common:PortalAdmin", { productName: PRODUCT_NAME })
? t("Common:PortalOwner", { productName: t("Common:ProductName") })
: t("Common:PortalAdmin", { productName: t("Common:ProductName") })
}. ${t("Common:HasFullAccess")}`;
return user.isTitle ? (

3
packages/client/src/pages/Home/Section/AccountsBody/InsideGroup/RowView/userContent.js
View File

@ -35,7 +35,6 @@ import { getSpaceQuotaAsText } from "@docspace/shared/utils/common";
import Badges from "../../Badges";
import { tablet, mobile } from "@docspace/shared/utils";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledRowContent = styled(RowContent)`
@media ${tablet} {
@ -110,7 +109,7 @@ const UserContent = ({
role === "owner"
? t("Common:Owner")
: role === "admin"
? t("Common:PortalAdmin", { productName: PRODUCT_NAME })
? t("Common:PortalAdmin", { productName: t("Common:ProductName") })
: isCollaborator
? t("Common:PowerUser")
: isVisitor

9
packages/client/src/pages/Home/Section/AccountsBody/InsideGroup/TableView/TableRow.js
View File

@ -40,7 +40,6 @@ import { Base } from "@docspace/shared/themes";
import { useNavigate } from "react-router-dom";
import SpaceQuota from "SRC_DIR/components/SpaceQuota";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledWrapper = styled.div`
display: contents;
@ -275,8 +274,8 @@ const InsideGroupTableRow = (props) => {
const adminOption = {
key: "admin",
title: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
title: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
action: "admin",
};
const managerOption = {
@ -354,7 +353,9 @@ const InsideGroupTableRow = (props) => {
case "owner":
return t("Common:Owner");
case "admin":
return t("Common:PortalAdmin", { productName: PRODUCT_NAME });
return t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
});
case "manager":
return t("Common:RoomAdmin");
case "collaborator":

2
packages/client/src/pages/Home/Section/AccountsBody/People/RowView/userContent.js
View File

@ -34,7 +34,7 @@ import { Link } from "@docspace/shared/components/link";
import Badges from "../../Badges";
import { tablet, mobile } from "@docspace/shared/utils/device";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { getUserTypeName } from "@docspace/shared/utils/common";
const StyledRowContent = styled(RowContent)`

9
packages/client/src/pages/Home/Section/AccountsBody/People/TableView/TableRow.js
View File

@ -45,7 +45,6 @@ import { DropDown } from "@docspace/shared/components/drop-down";
import { useNavigate } from "react-router-dom";
import SpaceQuota from "SRC_DIR/components/SpaceQuota";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledWrapper = styled.div`
display: contents;
@ -272,8 +271,8 @@ const PeopleTableRow = (props) => {
const adminOption = {
key: "admin",
title: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
title: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
action: "admin",
};
const managerOption = {
@ -351,7 +350,9 @@ const PeopleTableRow = (props) => {
case "owner":
return t("Common:Owner");
case "admin":
return t("Common:PortalAdmin", { productName: PRODUCT_NAME });
return t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
});
case "manager":
return t("Common:RoomAdmin");
case "collaborator":

13
packages/client/src/pages/Home/Section/Filter/index.js
View File

@ -55,10 +55,7 @@ import {
RoomsProviderType,
RoomsType,
} from "@docspace/shared/enums";
import {
PRODUCT_NAME,
ROOMS_PROVIDER_TYPE_NAME,
} from "@docspace/shared/constants";
import { ROOMS_PROVIDER_TYPE_NAME } from "@docspace/shared/constants";
import { getRoomTypeName } from "SRC_DIR/helpers/filesUtils";
@ -808,7 +805,9 @@ const SectionFilterContent = ({
switch (+filter.role) {
case EmployeeType.Admin:
label = t("Common:PortalAdmin", { productName: PRODUCT_NAME });
label = t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
});
break;
case EmployeeType.User:
label = t("Common:RoomAdmin");
@ -1345,7 +1344,9 @@ const SectionFilterContent = ({
id: "filter_type-docspace-admin",
key: EmployeeType.Admin,
group: "filter-type",
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", {
productName: t("Common:ProductName"),
}),
},
{
id: "filter_type-room-admin",

5
packages/client/src/pages/PortalSettings/Layout/Article/Body/index.js
View File

@ -47,7 +47,6 @@ import {
import { ArticleItem } from "@docspace/shared/components/article-item";
import { ArticleFolderLoader } from "@docspace/shared/skeletons/article";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const ArticleBodyContent = (props) => {
const {
@ -212,7 +211,7 @@ const ArticleBodyContent = (props) => {
case "ManagementCategorySecurity":
return t("ManagementCategorySecurity");
case "PortalAccess":
return t("PortalAccess", { productName: PRODUCT_NAME });
return t("PortalAccess", { productName: t("Common:ProductName") });
case "TwoFactorAuth":
return t("TwoFactorAuth");
case "ManagementCategoryIntegration":
@ -234,7 +233,7 @@ const ArticleBodyContent = (props) => {
case "RestoreBackup":
return t("RestoreBackup");
case "PortalDeletion":
return t("PortalDeletion", { productName: PRODUCT_NAME });
return t("PortalDeletion", { productName: t("Common:ProductName") });
case "Common:DeveloperTools":
return t("Common:DeveloperTools");
case "Common:Bonus":

8
packages/client/src/pages/PortalSettings/Layout/Section/Header/index.js
View File

@ -184,7 +184,6 @@ const SectionHeaderContent = (props) => {
tReady,
setIsLoadedSectionHeader,
isSSOAvailable,
organizationName,
} = props;
const navigate = useNavigate();
@ -387,7 +386,7 @@ const SectionHeaderContent = (props) => {
className="arrow-button"
/>
)}
{t(header, { organizationName })}
{t(header, { organizationName: t("Common:OrganizationName") })}
</div>
{isNeedPaidIcon ? (
<Badge
@ -423,7 +422,7 @@ const SectionHeaderContent = (props) => {
);
};
export default inject(({ settingsStore, currentQuotaStore, setup, common }) => {
export default inject(({ currentQuotaStore, setup, common }) => {
const {
isBrandingAndCustomizationAvailable,
isRestoreAndAutoBackupAvailable,
@ -444,8 +443,6 @@ export default inject(({ settingsStore, currentQuotaStore, setup, common }) => {
const { admins, selectorIsOpen } = setup.security.accessRight;
const { isLoadedSectionHeader, setIsLoadedSectionHeader } = common;
const { organizationName } = settingsStore;
return {
addUsers,
removeAdmins,
@ -465,7 +462,6 @@ export default inject(({ settingsStore, currentQuotaStore, setup, common }) => {
isBrandingAndCustomizationAvailable,
isRestoreAndAutoBackupAvailable,
isSSOAvailable,
organizationName,
};
})(
withLoading(

3
packages/client/src/pages/PortalSettings/categories/common/Branding/MobileView.js
View File

@ -29,7 +29,6 @@ import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom";
import { isManagement } from "@docspace/shared/utils/common";
import MobileCategoryWrapper from "../../../components/MobileCategoryWrapper";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledWrapper = styled.div`
display: flex;
@ -61,7 +60,7 @@ const MobileView = ({ isSettingPaid, showSettings }) => {
<MobileCategoryWrapper
title={t("CompanyInfoSettings")}
subtitle={t("BrandingSectionDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
url={`${baseUrl}/branding/company-info-settings`}
withPaidBadge={!isSettingPaid}

3
packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js
View File

@ -42,7 +42,6 @@ import { DeviceType } from "@docspace/shared/enums";
import withLoading from "SRC_DIR/HOCs/withLoading";
import LoaderAdditionalResources from "../sub-components/loaderAdditionalResources";
import { saveToSessionStorage, getFromSessionStorage } from "../../../utils";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const mobileCSS = css`
margin-top: 0px;
@ -278,7 +277,7 @@ const AdditionalResources = (props) => {
</div>
<div className="settings_unavailable additional-description">
{t("Settings:AdditionalResourcesDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</div>
<div className="branding-checkbox">

9
packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
View File

@ -34,10 +34,7 @@ import { saveToSessionStorage, getFromSessionStorage } from "../../../utils";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { inject, observer } from "mobx-react";
import { DeviceType } from "@docspace/shared/enums";
import {
COOKIE_EXPIRATION_YEAR,
PRODUCT_NAME,
} from "@docspace/shared/constants";
import { COOKIE_EXPIRATION_YEAR } from "@docspace/shared/constants";
import { LANGUAGE } from "@docspace/shared/constants";
import { setCookie } from "@docspace/shared/utils/cookie";
import { useNavigate } from "react-router-dom";
@ -524,7 +521,9 @@ const LanguageAndTimeZone = (props) => {
)}
<div className="category-item-description">
<Text fontSize="13px" fontWeight={400}>
{t("TimeLanguageSettingsDescription", { productName: PRODUCT_NAME })}
{t("TimeLanguageSettingsDescription", {
productName: t("Common:ProductName"),
})}
</Text>
<Text>
<Trans t={t} i18nKey="TimeLanguageSettingsSave" />

7
packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
View File

@ -42,7 +42,6 @@ import withLoading from "SRC_DIR/HOCs/withLoading";
import { PortalRenamingDialog } from "SRC_DIR/components/dialogs";
import { Text } from "@docspace/shared/components/text";
import { Link } from "@docspace/shared/components/link";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PortalRenaming = (props) => {
const {
@ -104,7 +103,9 @@ const PortalRenaming = (props) => {
const [isShowModal, setIsShowModal] = useState(false);
useEffect(() => {
setDocumentTitle(t("PortalRenaming", { productName: PRODUCT_NAME }));
setDocumentTitle(
t("PortalRenaming", { productName: t("Common:ProductName") }),
);
setPortalName(portalNameInitially);
const page = isMobileView ? "language-and-time-zone" : "general";
if (!isLoaded) initSettings(page).then(() => setIsLoaded(true));
@ -325,7 +326,7 @@ const PortalRenaming = (props) => {
{isCustomizationView && !isMobileView && (
<div className="category-item-heading">
<div className="category-item-title">
{t("PortalRenaming", { productName: PRODUCT_NAME })}
{t("PortalRenaming", { productName: t("Common:ProductName") })}
</div>
</div>
)}

2
packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
View File

@ -379,7 +379,6 @@ const WelcomePageSettings = (props) => {
export default inject(({ settingsStore, setup, common }) => {
const {
greetingSettings,
organizationName,
theme,
currentColorScheme,
welcomePageSettingsUrl,
@ -397,7 +396,6 @@ export default inject(({ settingsStore, setup, common }) => {
return {
theme,
greetingSettings,
organizationName,
setGreetingTitle,
restoreGreetingTitle,
isLoaded,

3
packages/client/src/pages/PortalSettings/categories/common/branding.js
View File

@ -43,7 +43,6 @@ import MobileView from "./Branding/MobileView";
import { UnavailableStyles } from "../../utils/commonSettingsStyles";
import { resetSessionStorage } from "../../utils";
import { DeviceType } from "@docspace/shared/enums";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledComponent = styled.div`
max-width: 700px;
@ -126,7 +125,7 @@ const Branding = ({
{isLoadedCompanyInfoSettingsData ? (
<div className="section-description settings_unavailable">
{t("Settings:BrandingSectionDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</div>
) : (

6
packages/client/src/pages/PortalSettings/categories/common/sub-components/colorSchemeDialog.js
View File

@ -49,6 +49,10 @@ const StyledComponent = styled(ModalDialog)`
box-shadow: 0px 12px 40px rgba(4, 15, 27, 0.12);
}
.new-colors-container {
margin-top: 20px;
}
.flex {
display: flex;
justify-content: space-between;
@ -166,7 +170,7 @@ const ColorSchemeDialog = (props) => {
>
<ModalDialog.Header>{header}</ModalDialog.Header>
<ModalDialog.Body>
<div>
<div className="new-colors-container">
<div className="flex relative">
<div className="name-color">{t("Settings:AccentColor")}</div>
<div

11
packages/client/src/pages/PortalSettings/categories/data-import/GoogleWorkspace/Stepper/ImportStep/index.js
View File

@ -33,7 +33,6 @@ import PeopleIcon from "PUBLIC_DIR/images/catalog.accounts.react.svg";
import AccountsIcon from "PUBLIC_DIR/images/catalog.accounts.react.svg";
import DocumentsIcon from "PUBLIC_DIR/images/catalog.documents.react.svg";
import RoomsIcon from "PUBLIC_DIR/images/catalog.rooms.react.svg";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const Wrapper = styled.div`
display: flex;
@ -71,7 +70,7 @@ const ImportStep = ({
exportSection={{ sectionName: users, workspace: serviceName }}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: PeopleIcon,
}}
isDisabled
@ -87,7 +86,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: AccountsIcon,
}}
/>
@ -102,7 +101,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -117,7 +116,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -132,7 +131,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Rooms"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: RoomsIcon,
}}
/>

3
packages/client/src/pages/PortalSettings/categories/data-import/GoogleWorkspace/Stepper/SelectUsersTypeStep/AccountsTable/index.js
View File

@ -30,7 +30,6 @@ import { Consumer } from "@docspace/shared/utils/context";
import TableView from "./TableView";
import RowView from "./RowView";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const checkedAccountType = "result";
@ -45,7 +44,7 @@ const AccountsTable = ({
const typeOptions = [
{
key: UserTypes.PortalAdmin,
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
onClick: () => {
changeGroupType(UserTypes.PortalAdmin);
toggleAllAccounts(false, [], checkedAccountType);

13
packages/client/src/pages/PortalSettings/categories/data-import/GoogleWorkspace/index.js
View File

@ -45,7 +45,6 @@ import { Text } from "@docspace/shared/components/text";
import { Box } from "@docspace/shared/components/box";
import { HelpButton } from "@docspace/shared/components/help-button";
import { toastr } from "@docspace/shared/components/toast";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const STEP_LENGTH = 6;
@ -108,7 +107,6 @@ const GoogleWorkspace = ({
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
}) => {
const [showReminder, setShowReminder] = useState(false);
const [currentStep, setCurrentStep] = useState(1);
@ -134,7 +132,7 @@ const GoogleWorkspace = ({
i18nKey="TypesAndPrivileges"
ns="Settings"
t={t}
values={{ productName: PRODUCT_NAME }}
values={{ productName: t("Common:ProductName") }}
components={{
1: <strong></strong>,
2: <strong></strong>,
@ -235,8 +233,8 @@ const GoogleWorkspace = ({
<GoogleWrapper>
<Text className="workspace-subtitle">
{t("Settings:AboutDataImport", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
})}
</Text>
<div className="step-container">
@ -253,7 +251,7 @@ const GoogleWorkspace = ({
renderTooltip,
Trans,
filteredUsers.length === 0,
organizationName,
t("Common:OrganizationName"),
)}
</Box>
<StepContent
@ -273,7 +271,7 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
const { clearCheckedAccounts, getMigrationStatus, setUsers, filteredUsers } =
importAccountsStore;
const { viewAs, setViewAs } = setup;
const { currentDeviceType, organizationName } = settingsStore;
const { currentDeviceType } = settingsStore;
return {
clearCheckedAccounts,
@ -283,6 +281,5 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
};
})(withTranslation(["Common, Settings"])(observer(GoogleWorkspace)));

11
packages/client/src/pages/PortalSettings/categories/data-import/NextCloudWorkspace/Stepper/ImportStep/index.js
View File

@ -33,7 +33,6 @@ import PeopleIcon from "PUBLIC_DIR/images/catalog.accounts.react.svg";
import AccountsIcon from "PUBLIC_DIR/images/catalog.accounts.react.svg";
import DocumentsIcon from "PUBLIC_DIR/images/catalog.documents.react.svg";
import RoomsIcon from "PUBLIC_DIR/images/catalog.rooms.react.svg";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const SectionsWrapper = styled.div`
display: flex;
@ -72,7 +71,7 @@ const ImportStep = ({
exportSection={{ sectionName: users, workspace: serviceName }}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: PeopleIcon,
}}
isDisabled
@ -88,7 +87,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: AccountsIcon,
}}
/>
@ -103,7 +102,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -118,7 +117,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -133,7 +132,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Rooms"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: RoomsIcon,
}}
/>

3
packages/client/src/pages/PortalSettings/categories/data-import/NextCloudWorkspace/Stepper/SelectUsersTypeStep/AccountsTable/index.js
View File

@ -30,7 +30,6 @@ import { Consumer } from "@docspace/shared/utils/context";
import TableView from "./TableView";
import RowView from "./RowView";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const checkedAccountType = "result";
@ -61,7 +60,7 @@ const AccountsTable = (props) => {
{
key: UserTypes.PortalAdmin,
label: t(`Common:PortalAdmin`, {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
onClick: setTypePortalAdmin,
},

20
packages/client/src/pages/PortalSettings/categories/data-import/NextCloudWorkspace/Stepper/index.js
View File

@ -36,14 +36,12 @@ import { HelpButton } from "@docspace/shared/components/help-button";
import { Text } from "@docspace/shared/components/text";
import { Trans } from "react-i18next";
import { PRODUCT_NAME } from "@docspace/shared/constants";
export const getStepsData = (
t,
currentStep,
setCurrentStep,
isTypeSelectEmpty,
organizationName,
) => {
const isSixthStep = currentStep === 6;
@ -75,8 +73,8 @@ export const getStepsData = (
{
title: t("Settings:SelectUsersWithEmail"),
description: t("Settings:SelectUsersDescriptionNextcloud", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
}),
component: (
<SelectUsersStep
@ -89,8 +87,8 @@ export const getStepsData = (
{
title: t("Settings:AddEmails"),
description: t("Settings:AddEmailsDescription", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
}),
component: (
<AddEmailsStep
@ -114,7 +112,7 @@ export const getStepsData = (
ns="Settings"
i18nKey="SelectUserTypesDescription"
values={{
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}}
components={{
1: <b />,
@ -130,7 +128,7 @@ export const getStepsData = (
i18nKey="TypesAndPrivileges"
ns="Settings"
t={t}
values={{ productName: PRODUCT_NAME }}
values={{ productName: t("Common:ProductName") }}
components={{
1: <b></b>,
2: <b></b>,
@ -160,7 +158,7 @@ export const getStepsData = (
{
title: t("Settings:DataImport"),
description: t("Settings:ImportSectionDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
}),
component: (
<ImportStep
@ -185,8 +183,8 @@ export const getStepsData = (
{
title: t("Settings:DataImportComplete"),
description: t("Settings:ImportCompleteDescriptionNextcloud", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
}),
component: (
<ImportCompleteStep

11
packages/client/src/pages/PortalSettings/categories/data-import/NextCloudWorkspace/index.js
View File

@ -38,7 +38,6 @@ import { toastr } from "@docspace/shared/components/toast";
import { getStepsData } from "./Stepper";
import BreakpointWarning from "SRC_DIR/components/BreakpointWarning";
import SelectFileLoader from "../sub-components/SelectFileLoader";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const NextcloudWrapper = styled.div`
max-width: 700px;
@ -66,7 +65,6 @@ const NextcloudWorkspace = (props) => {
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
} = props;
const [currentStep, setCurrentStep] = useState(1);
const [shouldRender, setShouldRender] = useState(false);
@ -75,7 +73,7 @@ const NextcloudWorkspace = (props) => {
currentStep,
setCurrentStep,
filteredUsers.length === 0,
organizationName,
t("Common:OrganizationName"),
);
const navigate = useNavigate();
@ -154,8 +152,8 @@ const NextcloudWorkspace = (props) => {
color={theme.isBase ? "#657077" : "#ADADAD"}
>
{t("Settings:AboutDataImport", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
})}
</Text>
<Text
@ -179,7 +177,7 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
const { clearCheckedAccounts, getMigrationStatus, setUsers, filteredUsers } =
importAccountsStore;
const { initSettings, viewAs, setViewAs } = setup;
const { currentDeviceType, organizationName } = settingsStore;
const { currentDeviceType } = settingsStore;
return {
initSettings,
@ -191,7 +189,6 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
};
})(
withTranslation(["Common, SMTPSettings, Settings"])(

17
packages/client/src/pages/PortalSettings/categories/data-import/OnlyofficeWorkspace/Stepper/ImportStep/index.js
View File

@ -36,7 +36,6 @@ import RoomsIcon from "PUBLIC_DIR/images/catalog.rooms.react.svg";
import PortfolioIcon from "PUBLIC_DIR/images/catalog.portfolio.react.svg";
import ProjectsIcon from "PUBLIC_DIR/images/catalog.projects.react.svg";
import DocumentsIcon from "PUBLIC_DIR/images/catalog.documents.react.svg";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const Wrapper = styled.div`
display: flex;
@ -79,7 +78,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: AccountsIcon,
}}
isDisabled
@ -95,7 +94,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Accounts"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: AccountsIcon,
}}
/>
@ -111,7 +110,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -127,7 +126,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Documents"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: DocumentsIcon,
}}
/>
@ -143,7 +142,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Rooms"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: RoomsIcon,
}}
/>
@ -153,7 +152,7 @@ const ImportStep = ({
sectionName={t("Common:CommonFiles")}
description={t("Settings:CommonFilesDescription", {
user: user.displayName,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
exportSection={{
sectionName: t("Common:Common"),
@ -162,7 +161,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Rooms"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: RoomsIcon,
}}
/>
@ -178,7 +177,7 @@ const ImportStep = ({
}}
importSection={{
sectionName: t("Common:Rooms"),
workspace: PRODUCT_NAME,
workspace: t("Common:ProductName"),
SectionIcon: RoomsIcon,
}}
/>

3
packages/client/src/pages/PortalSettings/categories/data-import/OnlyofficeWorkspace/Stepper/SelectUsersTypeStep/AccountsTable/index.js
View File

@ -30,7 +30,6 @@ import { Consumer } from "@docspace/shared/utils/context";
import TableView from "./TableView";
import RowView from "./RowView";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const checkedAccountType = "result";
@ -45,7 +44,7 @@ const AccountsTable = ({
const typeOptions = [
{
key: UserTypes.PortalAdmin,
label: t("Common:PortalAdmin", { productName: PRODUCT_NAME }),
label: t("Common:PortalAdmin", { productName: t("Common:ProductName") }),
onClick: () => {
changeGroupType(UserTypes.PortalAdmin);
toggleAllAccounts(false, [], checkedAccountType);

13
packages/client/src/pages/PortalSettings/categories/data-import/OnlyofficeWorkspace/index.js
View File

@ -44,7 +44,6 @@ import { Text } from "@docspace/shared/components/text";
import { Box } from "@docspace/shared/components/box";
import { HelpButton } from "@docspace/shared/components/help-button";
import { toastr } from "@docspace/shared/components/toast";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const STEP_LENGTH = 6;
@ -106,7 +105,6 @@ const OnlyofficeWorkspace = ({
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
}) => {
const [showReminder, setShowReminder] = useState(false);
const [currentStep, setCurrentStep] = useState(1);
@ -132,7 +130,7 @@ const OnlyofficeWorkspace = ({
i18nKey="TypesAndPrivileges"
ns="Settings"
t={t}
values={{ productName: PRODUCT_NAME }}
values={{ productName: t("Common:ProductName") }}
components={{
1: <strong></strong>,
2: <strong></strong>,
@ -233,8 +231,8 @@ const OnlyofficeWorkspace = ({
<WorkspaceWrapper>
<Text className="workspace-subtitle">
{t("Settings:AboutDataImport", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
})}
</Text>
<div className="step-container">
@ -251,7 +249,7 @@ const OnlyofficeWorkspace = ({
renderTooltip,
Trans,
filteredUsers.length === 0,
organizationName,
t("Common:OrganizationName"),
)}
</Box>
<StepContent
@ -271,7 +269,7 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
const { clearCheckedAccounts, getMigrationStatus, setUsers, filteredUsers } =
importAccountsStore;
const { viewAs, setViewAs } = setup;
const { currentDeviceType, organizationName } = settingsStore;
const { currentDeviceType } = settingsStore;
return {
clearCheckedAccounts,
@ -281,6 +279,5 @@ export default inject(({ setup, settingsStore, importAccountsStore }) => {
getMigrationStatus,
setUsers,
filteredUsers,
organizationName,
};
})(withTranslation(["Common, Settings"])(observer(OnlyofficeWorkspace)));

15
packages/client/src/pages/PortalSettings/categories/data-import/index.js
View File

@ -42,7 +42,8 @@ import GoogleWorkspaceDarkSvgUrl from "PUBLIC_DIR/images/dark.workspace.google.r
import NextcloudWorkspaceDarkSvgUrl from "PUBLIC_DIR/images/dark.workspace.nextcloud.react.svg?url";
import OnlyofficeWorkspaceDarkSvgUrl from "PUBLIC_DIR/images/dark.workspace.onlyoffice.react.svg?url";
import DataImportLoader from "./sub-components/DataImportLoader";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const DataImport = ({
t,
@ -51,10 +52,8 @@ const DataImport = ({
setServices,
getMigrationList,
getMigrationStatus,
setDocumentTitle,
isMigrationInit,
setIsMigrationInit,
organizationName,
}) => {
const navigate = useNavigate();
@ -135,8 +134,8 @@ const DataImport = ({
<WorkspacesContainer>
<Text className="data-import-description">
{t("DataImportDescription", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
})}
</Text>
<Text className="data-import-subtitle">{t("UploadBackupData")}</Text>
@ -174,9 +173,7 @@ export default inject(({ authStore, settingsStore, importAccountsStore }) => {
setIsMigrationInit,
} = importAccountsStore;
const { setDocumentTitle } = authStore;
const { organizationName, theme } = settingsStore;
const { theme } = settingsStore;
return {
services,
@ -184,9 +181,7 @@ export default inject(({ authStore, settingsStore, importAccountsStore }) => {
getMigrationList,
getMigrationStatus,
theme,
setDocumentTitle,
isMigrationInit,
setIsMigrationInit,
organizationName,
};
})(withTranslation(["Settings"])(observer(DataImport)));

7
packages/client/src/pages/PortalSettings/categories/data-import/sub-components/UsersInfoBlock.js
View File

@ -28,7 +28,6 @@ import styled from "styled-components";
import { HelpButton } from "@docspace/shared/components/help-button";
import { Text } from "@docspace/shared/components/text";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const Wrapper = styled.div`
margin: 16px 0;
@ -95,7 +94,9 @@ const UsersInfoBlock = ({
<Wrapper>
{totalUsedUsers > totalLicenceLimit && (
<Text className="license-limit-warning">
{t("Settings:UserLimitExceeded", { productName: PRODUCT_NAME })}
{t("Settings:UserLimitExceeded", {
productName: t("Common:ProductName"),
})}
</Text>
)}
@ -118,7 +119,7 @@ const UsersInfoBlock = ({
tooltipContent={
<Text fontSize="12px">
{t("Settings:LicenseLimitDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
maxLimit: totalLicenceLimit,
})}
</Text>

5
packages/client/src/pages/PortalSettings/categories/data-management/backup/auto-backup/index.js
View File

@ -59,7 +59,6 @@ import { Link } from "@docspace/shared/components/link";
import { getSettingsThirdParty } from "@docspace/shared/api/files";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { isManagement } from "@docspace/shared/utils/common";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const { DocumentModuleType, ResourcesModuleType, StorageModuleType } =
BackupStorageType;
@ -470,7 +469,9 @@ class AutomaticBackup extends React.PureComponent {
<StyledAutoBackup isEnableAuto={isEnableAuto}>
<div className="backup_modules-header_wrapper">
<Text className="backup_modules-description settings_unavailable">
{t("AutoBackupDescription", { productName: PRODUCT_NAME })}
{t("AutoBackupDescription", {
productName: t("Common:ProductName"),
})}
</Text>
<Link
className="link-learn-more"

3
packages/client/src/pages/PortalSettings/categories/data-management/backup/auto-backup/sub-components/ScheduleComponent.js
View File

@ -34,7 +34,6 @@ import { StyledScheduleComponent } from "../../StyledBackup";
import { AutoBackupPeriod } from "@docspace/shared/enums";
import { HelpButton } from "@docspace/shared/components/help-button";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const { EveryWeekType, EveryMonthType } = AutoBackupPeriod;
const ScheduleComponent = ({
@ -60,7 +59,7 @@ const ScheduleComponent = ({
const { t } = useTranslation("Settings");
const renderHelpContent = () => (
<Text className="schedule_description" fontSize="12px">
{t("AutoSavePeriodHelp", { productName: PRODUCT_NAME })}
{t("AutoSavePeriodHelp", { productName: t("Common:ProductName") })}
</Text>
);

4
packages/client/src/pages/PortalSettings/categories/data-management/backup/manual-backup/index.js
View File

@ -70,7 +70,9 @@ class ManualBackup extends React.Component {
this.timerId = null;
setDocumentTitle(props.t("DataBackup"));
const { t } = props;
setDocumentTitle(t("DataBackup"));
this.state = {
selectedFolder: "",

7
packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/index.js
View File

@ -47,7 +47,6 @@ import RoomsModule from "./sub-components/RoomsModule";
import ButtonContainer from "./sub-components/ButtonComponent";
import { StyledRestoreBackup } from "../StyledBackup";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const LOCAL_FILE = "localFile",
BACKUP_ROOM = "backupRoom",
@ -216,7 +215,9 @@ const RestoreBackup = (props) => {
className="restore-backup_warning-description settings_unavailable"
noSelect
>
{t("RestoreBackupWarningText", { productName: PRODUCT_NAME })}
{t("RestoreBackupWarningText", {
productName: t("Common:ProductName"),
})}
</Text>
{!standalone && (
<Text
@ -224,7 +225,7 @@ const RestoreBackup = (props) => {
noSelect
>
{t("RestoreBackupResetInfoWarningText", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</Text>
)}

7
packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/sub-components/backup-list/index.js
View File

@ -50,7 +50,6 @@ import { StyledBackupList } from "../../../StyledBackup";
import BackupListBody from "./BackupListBody";
import { TenantStatus } from "@docspace/shared/enums";
import styled from "styled-components";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const StyledModalDialog = styled(ModalDialog)`
.restore_footer {
@ -210,11 +209,13 @@ const BackupListModalDialog = (props) => {
const helpContent = () => (
<>
<Text className="restore-backup_warning-description">
{t("RestoreBackupWarningText", { productName: PRODUCT_NAME })}{" "}
{t("RestoreBackupWarningText", {
productName: t("Common:ProductName"),
})}{" "}
{!standalone && (
<Text as="span" className="restore-backup_warning-link">
{t("RestoreBackupResetInfoWarningText", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
</Text>
)}

5
packages/client/src/pages/PortalSettings/categories/delete-data/index.js
View File

@ -34,7 +34,6 @@ import PortalDeletionSection from "./portalDeletion";
import DeleteDataLoader from "./DeleteDataLoader";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import config from "../../../../../package.json";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const DeleteData = (props) => {
const { t, isNotPaidPeriod, tReady } = props;
@ -48,12 +47,12 @@ const DeleteData = (props) => {
const data = [
{
id: "deletion",
name: t("DeletePortal", { productName: PRODUCT_NAME }),
name: t("DeletePortal", { productName: t("Common:ProductName") }),
content: <PortalDeletionSection />,
},
{
id: "deactivation",
name: t("PortalDeactivation", { productName: PRODUCT_NAME }),
name: t("PortalDeactivation", { productName: t("Common:ProductName") }),
content: <PortalDeactivationSection />,
},
];

13
packages/client/src/pages/PortalSettings/categories/delete-data/portalDeactivation.js
View File

@ -32,12 +32,11 @@ import { Button } from "@docspace/shared/components/button";
import { toastr } from "@docspace/shared/components/toast";
import { Link } from "@docspace/shared/components/link";
import { MainContainer, ButtonWrapper } from "./StyledDeleteData";
import { setDocumentTitle } from "../../../../helpers/utils";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { sendSuspendPortalEmail } from "@docspace/shared/api/portal";
import { isDesktop } from "@docspace/shared/utils";
import { EmployeeActivationStatus } from "@docspace/shared/enums";
import { showEmailActivationToast } from "SRC_DIR/helpers/people-helpers";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PortalDeactivation = (props) => {
const { t, getPortalOwner, owner, currentColorScheme, sendActivationLink } =
@ -49,7 +48,9 @@ const PortalDeactivation = (props) => {
};
useEffect(() => {
setDocumentTitle(t("PortalDeactivation", { productName: PRODUCT_NAME }));
setDocumentTitle(
t("PortalDeactivation", { productName: t("Common:ProductName") }),
);
fetchData();
onCheckView();
window.addEventListener("resize", onCheckView);
@ -85,7 +86,9 @@ const PortalDeactivation = (props) => {
{t("PortalDeactivationDescription")}
</Text>
<Text className="helper">
{t("PortalDeactivationHelper", { productName: PRODUCT_NAME })}
{t("PortalDeactivationHelper", {
productName: t("Common:ProductName"),
})}
</Text>
<ButtonWrapper>
<Button
@ -100,7 +103,7 @@ const PortalDeactivation = (props) => {
<Text fontSize="12px" fontWeight="600">
{t("MainBar:ConfirmEmailHeader", {
email: owner.email,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
<Link
className="request-again-link"

9
packages/client/src/pages/PortalSettings/categories/delete-data/portalDeletion.js
View File

@ -31,7 +31,7 @@ import { Text } from "@docspace/shared/components/text";
import { Button } from "@docspace/shared/components/button";
import { Link } from "@docspace/shared/components/link";
import { MainContainer, ButtonWrapper } from "./StyledDeleteData";
import { setDocumentTitle } from "../../../../helpers/utils";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { DeletePortalDialog } from "SRC_DIR/components/dialogs";
import { toastr } from "@docspace/shared/components/toast";
import {
@ -41,7 +41,6 @@ import {
import { isDesktop } from "@docspace/shared/utils";
import { EmployeeActivationStatus } from "@docspace/shared/enums";
import { showEmailActivationToast } from "SRC_DIR/helpers/people-helpers";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const PortalDeletion = (props) => {
const { t, getPortalOwner, owner, currentColorScheme, sendActivationLink } =
@ -57,7 +56,9 @@ const PortalDeletion = (props) => {
};
useEffect(() => {
setDocumentTitle(t("DeletePortal", { productName: PRODUCT_NAME }));
setDocumentTitle(
t("DeletePortal", { productName: t("Common:ProductName") }),
);
fetchData();
onCheckView();
window.addEventListener("resize", onCheckView);
@ -110,7 +111,7 @@ const PortalDeletion = (props) => {
<Text fontSize="12px" fontWeight="600">
{t("MainBar:ConfirmEmailHeader", {
email: owner.email,
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
<Link
className="request-again-link"

24
packages/client/src/pages/PortalSettings/categories/developer-tools/Api/index.js
View File

@ -37,7 +37,8 @@ import ConfirmWrapper from "../../../../Confirm/ConfirmWrapper";
import ApiSvgUrl from "PUBLIC_DIR/images/settings.api.svg?url";
import ApiDarkSvgUrl from "PUBLIC_DIR/images/settings.api.dark.svg?url";
import { DeviceType } from "@docspace/shared/enums";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const EmptyContainer = styled(EmptyScreenContainer)`
.ec-header {
@ -61,14 +62,7 @@ const EmptyContainer = styled(EmptyScreenContainer)`
`;
const Api = (props) => {
const {
t,
setDocumentTitle,
theme,
apiBasicLink,
currentDeviceType,
organizationName,
} = props;
const { t, theme, apiBasicLink, currentDeviceType } = props;
const imgSrc = theme.isBase ? ApiSvgUrl : ApiDarkSvgUrl;
@ -88,8 +82,8 @@ const Api = (props) => {
/>
}
descriptionText={t("ApiPageDescription", {
productName: PRODUCT_NAME,
organizationName,
productName: t("Common:ProductName"),
organizationName: t("Common:OrganizationName"),
})}
headerText={t("ApiPageHeader")}
imageAlt={t("ApiPageHeader")}
@ -99,16 +93,12 @@ const Api = (props) => {
);
};
export default inject(({ authStore, settingsStore }) => {
const { setDocumentTitle } = authStore;
const { theme, apiBasicLink, currentDeviceType, organizationName } =
settingsStore;
export default inject(({ settingsStore }) => {
const { theme, apiBasicLink, currentDeviceType } = settingsStore;
return {
theme,
setDocumentTitle,
apiBasicLink,
currentDeviceType,
organizationName,
};
})(withTranslation(["Settings", "Common"])(observer(Api)));

23
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
View File

@ -28,7 +28,7 @@ import React, { useEffect, useRef, useState } from "react";
import { withTranslation } from "react-i18next";
import styled, { css } from "styled-components";
import { useNavigate } from "react-router-dom";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import { inject, observer } from "mobx-react";
import { mobile, tablet } from "@docspace/shared/utils/device";
@ -56,6 +56,7 @@ import FileSelectorImgDark from "PUBLIC_DIR/images/sdk-presets_file-selector_dar
import EditorImgDark from "PUBLIC_DIR/images/sdk-presets_editor_dark.react.svg?url";
import ViewerImgDark from "PUBLIC_DIR/images/sdk-presets_viewer_dark.react.svg?url";
import CustomImgDark from "PUBLIC_DIR/images/sdk-presets_custom_dark.react.svg?url";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const SDKContainer = styled(Box)`
@media ${tablet} {
@ -117,7 +118,7 @@ const PresetsContainer = styled.div`
`;
const PortalIntegration = (props) => {
const { t, setDocumentTitle, currentColorScheme, sdkLink, theme } = props;
const { t, currentColorScheme, sdkLink, theme } = props;
const isSmall = useRef(
(() => {
@ -143,8 +144,10 @@ const PortalIntegration = (props) => {
const presetsData = [
{
title: PRODUCT_NAME,
description: t("PortalDescription", { productName: PRODUCT_NAME }),
title: t("Common:ProductName"),
description: t("PortalDescription", {
productName: t("Common:ProductName"),
}),
image: theme.isBase ? PortalImg : PortalImgDark,
handleOnClick: navigateToPortal,
},
@ -180,7 +183,9 @@ const PortalIntegration = (props) => {
},
{
title: t("Common:Custom"),
description: t("CustomDescription", { productName: PRODUCT_NAME }),
description: t("CustomDescription", {
productName: t("Common:ProductName"),
}),
image: theme.isBase ? CustomImg : CustomImgDark,
handleOnClick: navigateToCustom,
},
@ -207,7 +212,7 @@ const PortalIntegration = (props) => {
<SDKContainer>
<CategoryDescription>
<Text className="sdk-description">
{t("SDKDescription", { productName: PRODUCT_NAME })}
{t("SDKDescription", { productName: t("Common:ProductName") })}
</Text>
<Link
color={currentColorScheme?.main?.accent}
@ -221,7 +226,7 @@ const PortalIntegration = (props) => {
<CSP t={t} />
</CategoryDescription>
<CategoryHeader>
{t("SelectModeEmbedding", { productName: PRODUCT_NAME })}
{t("SelectModeEmbedding", { productName: t("Common:ProductName") })}
</CategoryHeader>
<Text lineHeight="20px" color={theme.sdkPresets.secondaryColor}>
{t("InitializeSDK")}
@ -242,13 +247,11 @@ const PortalIntegration = (props) => {
);
};
export default inject(({ settingsStore, authStore, publicRoomStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore }) => {
const { theme, currentColorScheme, sdkLink } = settingsStore;
return {
theme,
setDocumentTitle,
currentColorScheme,
sdkLink,
};

15
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/DocSpace.js
View File

@ -52,10 +52,11 @@ import {
Container,
ControlsSection,
} from "./StyledPresets";
import { PRODUCT_NAME, SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const DocSpace = (props) => {
const { t, setDocumentTitle, theme } = props;
const { t, theme } = props;
setDocumentTitle(t("JavascriptSdk"));
@ -113,8 +114,10 @@ const DocSpace = (props) => {
return (
<PresetWrapper
description={t("PortalDescription", { productName: PRODUCT_NAME })}
header={t("CreateSamplePortal", { productName: PRODUCT_NAME })}
description={t("PortalDescription", {
productName: t("Common:ProductName"),
})}
header={t("CreateSamplePortal", { productName: t("Common:ProductName") })}
>
<Container>
<PreviewBlock
@ -155,13 +158,11 @@ const DocSpace = (props) => {
);
};
export default inject(({ authStore, settingsStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore }) => {
const { theme } = settingsStore;
return {
theme,
setDocumentTitle,
};
})(
withTranslation([

7
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Editor.js
View File

@ -63,9 +63,10 @@ import {
FilesSelectorInputWrapper,
} from "./StyledPresets";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const Editor = (props) => {
const { t, setDocumentTitle, getFilePrimaryLink, theme } = props;
const { t, getFilePrimaryLink, theme } = props;
setDocumentTitle(t("JavascriptSdk"));
@ -228,14 +229,12 @@ const Editor = (props) => {
);
};
export default inject(({ authStore, settingsStore, filesStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore, filesStore }) => {
const { theme } = settingsStore;
const { getFilePrimaryLink } = filesStore;
return {
theme,
setDocumentTitle,
getFilePrimaryLink,
};
})(

15
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/FileSelector.js
View File

@ -78,10 +78,10 @@ import {
FilesSelectorInputWrapper,
} from "./StyledPresets";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const FileSelector = (props) => {
const { t, setDocumentTitle, fetchExternalLinks, theme, organizationName } =
props;
const { t, fetchExternalLinks, theme } = props;
setDocumentTitle(t("JavascriptSdk"));
@ -89,7 +89,9 @@ const FileSelector = (props) => {
{ value: FilesSelectorFilterTypes.ALL, label: t("AllTypes") },
{
value: "EditorSupportedTypes",
label: t("AllTypesSupportedByEditor", { organizationName }),
label: t("AllTypesSupportedByEditor", {
organizationName: t("Common:OrganizationName"),
}),
},
{ value: "SelectorTypes", label: t("SelectTypes") },
];
@ -436,16 +438,13 @@ const FileSelector = (props) => {
);
};
export default inject(({ authStore, settingsStore, publicRoomStore }) => {
const { setDocumentTitle } = authStore;
const { theme, organizationName } = settingsStore;
export default inject(({ settingsStore, publicRoomStore }) => {
const { theme } = settingsStore;
const { fetchExternalLinks } = publicRoomStore;
return {
theme,
setDocumentTitle,
fetchExternalLinks,
organizationName,
};
})(
withTranslation([

18
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js
View File

@ -89,11 +89,11 @@ import {
SelectedItemsContainer,
CheckboxGroup,
} from "./StyledPresets";
import { PRODUCT_NAME, SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const Manager = (props) => {
const { t, setDocumentTitle, fetchExternalLinks, theme, currentColorScheme } =
props;
const { t, fetchExternalLinks, theme, currentColorScheme } = props;
const navigate = useNavigate();
setDocumentTitle(t("JavascriptSdk"));
@ -347,8 +347,10 @@ const Manager = (props) => {
return (
<PresetWrapper
description={t("CustomDescription", { productName: PRODUCT_NAME })}
header={t("CreateSamplePortal", { productName: PRODUCT_NAME })}
description={t("CustomDescription", {
productName: t("Common:ProductName"),
})}
header={t("CreateSamplePortal", { productName: t("Common:ProductName") })}
>
<Container>
<PreviewBlock
@ -505,7 +507,7 @@ const Manager = (props) => {
<TooltipContent
title={t("Header")}
description={t("HeaderDescription", {
productName: PRODUCT_NAME,
productName: t("Common:ProductName"),
})}
img={theme.isBase ? HeaderUrl : HeaderDarkUrl}
/>
@ -654,14 +656,12 @@ const Manager = (props) => {
);
};
export default inject(({ authStore, settingsStore, publicRoomStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore, publicRoomStore }) => {
const { theme, currentColorScheme } = settingsStore;
const { fetchExternalLinks } = publicRoomStore;
return {
theme,
setDocumentTitle,
fetchExternalLinks,
currentColorScheme,
};

5
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/RoomSelector.js
View File

@ -64,9 +64,10 @@ import {
Container,
} from "./StyledPresets";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const RoomSelector = (props) => {
const { t, setDocumentTitle, theme } = props;
const { t, theme } = props;
setDocumentTitle(t("JavascriptSdk"));
@ -254,12 +255,10 @@ const RoomSelector = (props) => {
};
export default inject(({ authStore, settingsStore }) => {
const { setDocumentTitle } = authStore;
const { theme } = settingsStore;
return {
theme,
setDocumentTitle,
};
})(
withTranslation([

8
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/SimpleRoom.js
View File

@ -79,10 +79,10 @@ import {
CheckboxGroup,
} from "./StyledPresets";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const SimpleRoom = (props) => {
const { t, setDocumentTitle, fetchExternalLinks, currentColorScheme, theme } =
props;
const { t, fetchExternalLinks, currentColorScheme, theme } = props;
const navigate = useNavigate();
setDocumentTitle(t("JavascriptSdk"));
@ -385,14 +385,12 @@ const SimpleRoom = (props) => {
);
};
export default inject(({ authStore, settingsStore, publicRoomStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore, publicRoomStore }) => {
const { theme, currentColorScheme } = settingsStore;
const { fetchExternalLinks } = publicRoomStore;
return {
theme,
setDocumentTitle,
fetchExternalLinks,
currentColorScheme,
};

7
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Viewer.js
View File

@ -65,9 +65,10 @@ import {
FilesSelectorInputWrapper,
} from "./StyledPresets";
import { SDK_SCRIPT_URL } from "@docspace/shared/constants";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
const Viewer = (props) => {
const { t, setDocumentTitle, getFilePrimaryLink, theme } = props;
const { t, getFilePrimaryLink, theme } = props;
setDocumentTitle(t("JavascriptSdk"));
@ -270,14 +271,12 @@ const Viewer = (props) => {
);
};
export default inject(({ authStore, settingsStore, filesStore }) => {
const { setDocumentTitle } = authStore;
export default inject(({ settingsStore, filesStore }) => {
const { theme } = settingsStore;
const { getFilePrimaryLink } = filesStore;
return {
theme,
setDocumentTitle,
getFilePrimaryLink,
};
})(

5
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/CodeToInsert.js
View File

@ -29,7 +29,6 @@ import { Text } from "@docspace/shared/components/text";
import CodeBlock from "../sub-components/CodeBlock";
import { CategorySubHeader, CodeWrapper } from "../presets/StyledPresets";
import { PRODUCT_NAME } from "@docspace/shared/constants";
export const CodeToInsert = ({ t, theme, codeBlock, config }) => (
<CodeWrapper height="fit-content">
@ -37,14 +36,14 @@ export const CodeToInsert = ({ t, theme, codeBlock, config }) => (
{`HTML ${t("CodeTitle")}`}
</CategorySubHeader>
<Text lineHeight="20px" color={theme.isBase ? "#657077" : "#ADADAD"}>
{t("HtmlCodeDescription", { productName: PRODUCT_NAME })}
{t("HtmlCodeDescription", { productName: t("Common:ProductName") })}
</Text>
<Textarea value={codeBlock} heightTextArea={153} />
<CategorySubHeader className="copy-window-code">
{`JavaScript ${t("CodeTitle")}`}
</CategorySubHeader>
<Text lineHeight="20px" color={theme.isBase ? "#657077" : "#ADADAD"}>
{t("JavaScriptCodeDescription", { productName: PRODUCT_NAME })}
{t("JavaScriptCodeDescription", { productName: t("Common:ProductName") })}
</Text>
<CodeBlock config={config} />
</CodeWrapper>

5
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/MainElementParameter.js
View File

@ -40,7 +40,6 @@ import {
ControlsSection,
RowContainer,
} from "../presets/StyledPresets";
import { PRODUCT_NAME } from "@docspace/shared/constants";
export const MainElementParameter = ({
t,
@ -126,7 +125,9 @@ export const MainElementParameter = ({
<TextInput
scale
onChange={setButtonText}
placeholder={t("SelectToPortal", { productName: PRODUCT_NAME })}
placeholder={t("SelectToPortal", {
productName: t("Common:ProductName"),
})}
value={buttonValue}
tabIndex={3}
/>

13
packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/csp.js
View File

@ -39,7 +39,6 @@ import { SelectorAddButton } from "@docspace/shared/components/selector-add-butt
import { SelectedItem } from "@docspace/shared/components/selected-item";
import { tablet } from "@docspace/shared/utils";
import Base from "@docspace/shared/themes/base";
import { PRODUCT_NAME } from "@docspace/shared/constants";
const CategoryHeader = styled.div`
margin-top: 24px;
@ -205,10 +204,10 @@ const CSP = ({
return (
<>
<CategoryHeader>
{t("CSPHeader", { productName: PRODUCT_NAME })}
{t("CSPHeader", { productName: t("Common:ProductName") })}
</CategoryHeader>
<Container className="description-holder">
{t("CSPDescription", { productName: PRODUCT_NAME })}
{t("CSPDescription", { productName: t("Common:ProductName") })}
<HelpButton
className="csp-helpbutton"
offsetRight={0}
@ -232,7 +231,9 @@ const CSP = ({
</Text>
</div>
<div className="body-container">
{t("CSPInfoBarDescription", { productName: PRODUCT_NAME })}{" "}
{t("CSPInfoBarDescription", {
productName: t("Common:ProductName"),
})}{" "}
<Link
color={currentColorScheme?.main?.accent}
fontSize="13px"
@ -259,7 +260,9 @@ const CSP = ({
lineHeight="20px"
color={error ? theme?.input.focusErrorBorderColor : "#A3A9AE"}
>
{error ? error : t("CSPUrlHelp", { productName: PRODUCT_NAME })}
{error
? error
: t("CSPUrlHelp", { productName: t("Common:ProductName") })}
</Text>
<ChipsContainer>{getChips(cspDomains)}</ChipsContainer>
</>

3
packages/client/src/pages/PortalSettings/categories/developer-tools/PluginSDK/index.js
View File

@ -31,7 +31,6 @@ import { useTranslation } from "react-i18next";
import { Text } from "@docspace/shared/components/text";
import { Button } from "@docspace/shared/components/button";
import { RectangleSkeleton } from "@docspace/shared/skeletons";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import GithubLight from "PUBLIC_DIR/images/github.light.react.svg";
import GithubDark from "PUBLIC_DIR/images/github.dark.react.svg";
@ -127,7 +126,7 @@ const PluginSDK = ({
fontWeight={400}
lineHeight={"20px"}
>
{t("PluginSDKInstruction", { productName: PRODUCT_NAME })}
{t("PluginSDKInstruction", { productName: t("Common:ProductName") })}
</Text>
<Button
className={"read-instructions-button"}

Some files were not shown because too many files have changed in this diff Show More