@localazy/strapi-plugin 0.2.13 → 1.0.0-beta.0

package/admin/src/modules/plugin-settings/components/GlobalSettings/index.js

@@ -1,269 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import cloneDeep from "lodash-es/cloneDeep";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import Check from "@strapi/icons/Check";
-import { Box } from "@strapi/design-system/Box";
-import { Button } from "@strapi/design-system/Button";
-import { ToggleInput } from '@strapi/design-system/ToggleInput';
-import { Select, Option } from '@strapi/design-system/Select';
-import { Alert } from "@strapi/design-system/Alert";
-import { Redirect } from "react-router-dom";
-import { Flex } from "@strapi/design-system/Flex";
-import { Divider } from "@strapi/design-system/Divider";
-import { Typography } from "@strapi/design-system/Typography";
-import isEqual from "lodash-es/isEqual";
-import set from "lodash-es/set";
-import LanguagesSelector from "../../../@common/components/LanguagesSelector";
-import PluginSettingsService from "../../services/plugin-settings-service";
-import StrapiUsersService from "../../services/strapi-users-service";
-import { getLocalazyIdentity } from "../../../../state/localazy-identity";
-import ProjectService from "../../../@common/services/project-service";
-import pluginId from "../../../../pluginId";
-
-import "../../../../i18n";
-
-function GlobalSettings() {
-  /**
-   * Translation function
-   */
-  const { t } = useTranslation();
-
-  /**
-   * Is user logged in
-   */
-  const [localazyIdentity] = getLocalazyIdentity();
-  const hasLocalazyIdentity = () => !!localazyIdentity.accessToken;
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
-
-  /**
-   * Project Languages without default language
-   */
-  const [projectLanguages, setProjectLanguages] = useState([]);
-
-  /**
-   * Component state
-   */
-  const [isLoading, setIsLoading] = useState(true);
-  const [showSavedAlert, setShowSavedAlert] = useState(false);
-
-  /**
-   * Admin Panel Users
-   */
-  const [users, setUsers] = useState([]);
-
-  /**
-   * Global Settings form model
-   */
-  const [originalFormModel, setOriginalFormModel] = useState([]);
-  const [formModel, setFormModel] = useState([]);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-
-  const onCancelClick = () => {
-    setFormModel(cloneDeep(originalFormModel));
-    setHasUnsavedChanges(false);
-  }
-
-  /**
-   * Save the Global Settings
-   */
-  const saveGlobalSettings = async (data) => {
-    try {
-      await PluginSettingsService.updatePluginSettings(data);
-      setOriginalFormModel(cloneDeep(data));
-      setHasUnsavedChanges(false);
-      setShowSavedAlert(true);
-    } catch (e) {
-      throw e.data;
-    }
-  };
-
-  /**
-   * Patch Form Model
-   */
-  const patchFormModel = (key, value) => {
-    const newFormModel = cloneDeep(formModel);
-    set(newFormModel, key, value);
-    setFormModel(newFormModel);
-    setHasUnsavedChanges(!isEqual(originalFormModel, newFormModel));
-  };
-
-  useEffect(() => {
-    async function fetchData() {
-      setIsLoading(true);
-      setIsLoggedIn(hasLocalazyIdentity());
-
-      if (!hasLocalazyIdentity()) {
-        setIsLoading(false);
-
-        return;
-      }
-
-      const project = await ProjectService.getConnectedProject();
-      const projectLanguagesWithoutDefaultLanguage =
-        project?.languages?.filter(language => language.id !== project.sourceLanguage) || [];
-      setProjectLanguages(projectLanguagesWithoutDefaultLanguage);
-
-      const globalSettings = await PluginSettingsService.getPluginSettings();
-
-      setFormModel(globalSettings);
-      setOriginalFormModel(cloneDeep(globalSettings));
-
-      const users = await StrapiUsersService.getAdminPanelUsers();
-      setUsers(users);
-
-      setIsLoading(false);
-    }
-    fetchData();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <>
-      {!isLoading && !isLoggedIn && <Redirect to={`/plugins/${pluginId}/login`} />}
-
-      <HeaderLayout
-        title={t("plugin_settings.global_settings")}
-        subtitle={t("plugin_settings.global_settings_description")}
-        primaryAction={
-          <Flex gap={2}>
-            <Button
-              variant="secondary"
-              disabled={!hasUnsavedChanges}
-              onClick={onCancelClick}
-            >
-              {t("plugin_settings.cancel")}
-            </Button>
-            <Button
-              startIcon={<Check />}
-              disabled={!hasUnsavedChanges}
-              onClick={() => { saveGlobalSettings(formModel) }}
-            >
-              {t("plugin_settings.save")}
-            </Button>
-          </Flex>
-        }
-        as="h2"
-      />
-      <Box marginRight={10} marginLeft={10}>
-        {!isLoading && showSavedAlert && (
-          <Box marginBottom={8}>
-            <Alert
-              onClose={() => showSavedAlert(false)}
-              closeLabel={t("plugin_settings.close")}
-              title={t("plugin_settings.content_transfer_setup_saved")}
-              variant="success"
-            >
-              {t("plugin_settings.global_settings_saved_successfully")}
-            </Alert>
-          </Box>
-        )}
-        {!isLoading && (
-          <Box
-            background="neutral0"
-            padding={7}
-            paddingTop={6}
-            shadow="tableShadow"
-            hasRadius
-          >
-            {/* Upload Settings */}
-            <Typography
-              variant="delta"
-              textColor="neutral800"
-            >
-              {t("plugin_settings.upload_settings")}
-            </Typography>
-            {/* Allow automated upload to Localazy */}
-            <br /><br />
-            <ToggleInput
-              label={t("plugin_settings.allow_automated_upload_to_localazy")}
-              hint={t("plugin_settings.allow_automated_upload_to_localazy_info")}
-              offLabel={t("plugin_settings.off")}
-              onLabel={t("plugin_settings.on")}
-              checked={typeof formModel?.upload?.allowAutomated === "boolean" ? formModel.upload.allowAutomated : false}
-              onChange={e => patchFormModel("upload.allowAutomated", e.target.checked)} />
-            {/* Automated upload triggers */}
-            <br /><br />
-            <Select
-              label={t("plugin_settings.automated_upload_triggers")}
-              hint={t("plugin_settings.automated_upload_triggers_info")}
-              clearLabel={t("plugin_settings.clear")}
-              placeholder={t("plugin_settings.automated_upload_triggers_placeholder")}
-              onClear={() => patchFormModel("upload.automatedTriggers", [])}
-              value={formModel?.upload?.automatedTriggers || []}
-              onChange={(values) => patchFormModel("upload.automatedTriggers", values)}
-              disabled={typeof formModel?.upload?.allowAutomated === "boolean" ? !formModel.upload.allowAutomated : true}
-              multi
-              withTags
-            >
-              <Option value="created">{t("plugin_settings.creating_new_data_entry")}</Option>
-              <Option value="updated">{t("plugin_settings.editing_data_entry")}</Option>
-            </Select>
-            {/* Deprecate source keys on deletion */}
-            <br /><br />
-            <ToggleInput
-              label={t("plugin_settings.deprecate_source_keys_on_delete")}
-              hint={t("plugin_settings.deprecate_source_keys_on_delete_info")}
-              offLabel={t("plugin_settings.off")}
-              onLabel={t("plugin_settings.on")}
-              checked={typeof formModel?.upload?.allowDeprecate === "boolean" ? formModel.upload.allowDeprecate : false}
-              onChange={e => patchFormModel("upload.allowDeprecate", e.target.checked)} />
-            <br /><br />
-            <Divider />
-            {/* Download Settings */}
-            <br /><br />
-            <Typography
-              variant="delta"
-              textColor="neutral800"
-            >
-              {t("plugin_settings.download_settings")}
-            </Typography>
-            {/* Processing of download webhook */}
-            <br /><br />
-            <ToggleInput
-              label={t("plugin_settings.processing_of_download_webhook")}
-              hint={t("plugin_settings.processing_of_download_webhook_info")}
-              offLabel={t("plugin_settings.off")}
-              onLabel={t("plugin_settings.on")}
-              // eslint-disable-next-line max-len
-              checked={typeof formModel?.download?.processDownloadWebhook === "boolean" ? formModel.download.processDownloadWebhook : true}
-              onChange={e => patchFormModel("download.processDownloadWebhook", e.target.checked)} />
-            {/* Webhook actions author */}
-            <br /><br />
-            <Select
-              label={t("plugin_settings.webhook_author")}
-              hint={t("plugin_settings.webhook_author_info")}
-              clearLabel={t("plugin_settings.clear")}
-              placeholder={t("plugin_settings.webhook_author_placeholder")}
-              onClear={() => patchFormModel("download.webhookAuthorId", null)}
-              value={formModel?.download?.webhookAuthorId || null}
-              onChange={(value) => patchFormModel("download.webhookAuthorId", value)}
-            >
-              {users.map(user => (
-                <Option
-                  key={user.id}
-                  value={user.id}
-                >
-                  {`${user.firstname} ${user.lastname} (${user.email})`}
-                </Option>
-              ))}
-            </Select>
-            {/* Webhook languages selector */}
-            <br /><br />
-            <LanguagesSelector
-              preselectedLanguages={formModel?.download?.webhookLanguages || []}
-              projectLanguages={projectLanguages}
-              onChange={(languages) => patchFormModel("download.webhookLanguages", languages)}
-              label={t("plugin_settings.webhook_languages")}
-              hint={t("plugin_settings.webhook_languages_info")}
-              placeholder={t("plugin_settings.webhook_languages_placeholder")}
-            />
-
-          </Box>
-        )}
-      </Box>
-    </>
-  );
-}
-
-export default GlobalSettings;

package/admin/src/modules/plugin-settings/components/Tree/index.js

@@ -1,145 +0,0 @@
-import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import { Box } from "@strapi/design-system/Box";
-import { Flex } from "@strapi/design-system/Flex";
-import { Switch } from '@strapi/design-system/Switch';
-import { Checkbox } from '@strapi/design-system/Checkbox';
-import DynamicZone from '@strapi/icons/DynamicZone';
-import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
-import TreeItem from "../TreeItem";
-import flattenObject from "../../../@common/utils/functions/flatten-deep";
-
-function Tree(props) {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const onTreeItemClick = (key, currentValue) => {
-    props.onTreeItemClick(key, currentValue);
-  };
-
-  useEffect(() => {
-    setIsExpanded(props.initiallyExpanded);
-  }, [props.initiallyExpanded]);
-
-  const createTree = (name, branch, path = "") => {
-    const isBranchObject = typeof branch === "object" && branch !== null;
-
-    if (isBranchObject) {
-      return (
-        <>
-          {Object.entries(branch).map(([key, value]) => {
-            const isSubbranchObject = typeof value === "object" && value !== null;
-            let flattened = flattenObject(value)
-            flattened = Object.fromEntries(Object.entries(flattened).filter(([key]) => !key.includes("__component__")));
-            const flattenedKeys = Object.keys(flattened).map((k) => `${path}.${key}.${k}`);
-
-            const hasTruthyValue = Object
-              .values(flattened)
-              .some(v => v);
-            const hasFalsyValue = Object
-              .values(flattened)
-              .some(v => !v && v !== null);
-            const hasAllNullValue = Object
-              .values(flattened)
-              .every(v => v === null);
-
-            const RESERVED_KEYS_TO_SKIP = ["__model__", "__component__"];
-
-            if (RESERVED_KEYS_TO_SKIP.includes(key)) {
-              return false;
-            }
-            const passedKey = `${path}.${key}`;
-
-            return (
-              <Box
-                key={passedKey}
-                marginTop={6}
-                marginBottom={6}
-                marginLeft={6}
-              >
-                {isSubbranchObject && (
-                  <Checkbox
-                    disabled={hasAllNullValue}
-                    checked={hasTruthyValue && !hasFalsyValue}
-                    indeterminate={hasTruthyValue && hasFalsyValue}
-                    onChange={() => onTreeItemClick(flattenedKeys, hasTruthyValue && !hasFalsyValue)}
-                  >
-                    <Flex alignItems="center">
-                      {!!value?.__component__ && (<Flex alignItems="center" marginRight={2}><DynamicZone width="1rem" height="1rem" /></Flex>)}
-                      {value?.__component__ || key || "-"}
-                    </Flex>
-                  </Checkbox>)
-                }
-                <TreeItem
-                  onTreeItemClick={onTreeItemClick}
-                  passedKey={passedKey}
-                >
-                  {createTree(key, value, passedKey)}
-                </TreeItem>
-              </Box>
-            );
-          })}
-        </>
-      );
-    }
-
-    return (
-      <TreeItem
-        onTreeItemClick={onTreeItemClick}
-        key={path}
-        passedKey={path}
-        label={name}
-        value={branch}
-      />
-    );
-  };
-
-  return (
-    <Box>
-      {Object.entries(props.objects).map(([key, value]) => {
-        return (
-          value.__model__ !== undefined && (
-            <Box borderColor="neutral200" hasRadius>
-              <Accordion
-                size="S"
-                expanded={isExpanded}
-                onToggle={() => { setIsExpanded(!isExpanded) }}
-              >
-                <AccordionToggle
-                  variant="secondary"
-                  title={key}
-                  togglePosition="left"
-                  action={
-                    <Switch
-                      label={`switch_tree_${key}`}
-                      onChange={() =>
-                        onTreeItemClick([`${key}.__model__`], value.__model__)
-                      }
-                      selected={!!value.__model__}
-                    />}
-                />
-
-                <AccordionContent>
-                  {createTree(key, value, key)}
-                </AccordionContent>
-              </Accordion>
-            </Box>
-          )
-
-        )
-
-      }
-      )}
-    </Box>
-  );
-}
-
-Tree.propTypes = {
-  objects: PropTypes.object.isRequired,
-  onTreeItemClick: PropTypes.func.isRequired,
-  initiallyExpanded: PropTypes.bool,
-};
-
-Tree.defaultProps = {
-  initiallyExpanded: false,
-};
-
-export default Tree;

package/admin/src/modules/plugin-settings/components/TreeItem/index.js

@@ -1,48 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { Checkbox } from '@strapi/design-system/Checkbox';
-
-function TreeItem(props) {
-  const onChange = (key, currentValue) => {
-    props.onTreeItemClick(key, currentValue);
-  };
-
-  return (
-    <>
-      {typeof props.value === "boolean" && (
-        <Checkbox
-          checked={props.value}
-          onChange={() => onChange([props.passedKey], props.value)}
-        >
-          {props.label || "-"}
-        </Checkbox>
-      )}
-      {props.value === null && (
-        <Checkbox
-          checked={false}
-          disabled
-        >
-          {props.label || "-"}
-        </Checkbox>
-      )}
-      {props.children && <div key={props.passedKey}>{props.children}</div>}
-    </>
-  );
-}
-
-TreeItem.propTypes = {
-  label: PropTypes.string,
-  value: PropTypes.any,
-  children: PropTypes.any,
-  passedKey: PropTypes.string,
-  onTreeItemClick: PropTypes.func.isRequired,
-};
-
-TreeItem.defaultProps = {
-  label: undefined,
-  value: undefined,
-  children: undefined,
-  passedKey: "",
-};
-
-export default TreeItem;

package/admin/src/modules/plugin-settings/functions/build-content-transfer-setup-schema.js

@@ -1,57 +0,0 @@
-import set from "lodash-es/set";
-import get from "lodash-es/get";
-import findModelValueByKey from "../utils/find-model-value-by-key";
-import getContentTransferSetupKeysSets from "./get-content-transfer-setup-keys-sets";
-
-export default (
-  localizableTree = [],
-  storedSetupSchema = [],
-  allModelsTree = []
-) => {
-  const {
-    oLocalizableTree,
-    oStoredSetupSchema,
-    newKeys,
-    filteredStoredSetupSchemaKeys
-  } = getContentTransferSetupKeysSets(
-    localizableTree,
-    storedSetupSchema,
-  );
-
-  const destinationObject = {};
-  filteredStoredSetupSchemaKeys.forEach((key) => {
-    const localizableTreeValueToSet = get(oStoredSetupSchema, key);
-    const allModelsTreeValueToSet = findModelValueByKey(allModelsTree, key);
-
-    if (allModelsTreeValueToSet === null) {
-      set(destinationObject, key, null);
-    } else if (localizableTreeValueToSet !== null) {
-      set(destinationObject, key, localizableTreeValueToSet);
-    } else {
-      // check for newly activated localizable fields & update model accordingly
-      const newValueToSet = findModelValueByKey(allModelsTree, key);
-      set(destinationObject, key, newValueToSet);
-    }
-  });
-  newKeys.forEach((key) => {
-    set(destinationObject, key, get(oLocalizableTree, key));
-  });
-
-  const destinationArray = [];
-  const sortedDestinationObjectKeys = Object.keys(destinationObject).sort(
-    (a, b) => {
-      if (a < b) return -1;
-
-      if (a > b) return 1;
-
-      return 0;
-    }
-  );
-
-  // eslint-disable-next-line no-restricted-syntax
-  for (const key of sortedDestinationObjectKeys) {
-    destinationArray.push(destinationObject[key]);
-  }
-
-  return destinationArray;
-};

package/admin/src/modules/plugin-settings/functions/get-content-transfer-setup-keys-sets.js

@@ -1,85 +0,0 @@
-import get from "lodash-es/get";
-import uniq from "lodash-es/uniq";
-import deepKeys from "@david-vaclavek/deep-keys";
-import sortByModelName from "../../@common/utils/sort-by-model-name";
-import arrayOfModelsToObject from "../utils/array-of-models-to-object";
-
-export default (
-  localizableTree = [],
-  storedSetupSchema = [],
-) => {
-  localizableTree = arrayOfModelsToObject(
-    localizableTree.sort(sortByModelName)
-  );
-  storedSetupSchema = arrayOfModelsToObject(
-    storedSetupSchema.sort(sortByModelName)
-  );
-
-  const currentModelsSchemaKeys = deepKeys(localizableTree);
-  const storedSetupSchemaKeys = deepKeys(storedSetupSchema);
-
-  // components order may have changed; this would prevent properties from mixing up
-  const regex = /\.\d+\.__component__/;
-  let currentModelsSchemaComponentKeys = currentModelsSchemaKeys.filter((key) => key.match(regex)).map((key) => key.replace(regex, ''));
-  let storedSetupSchemaComponentKeys = storedSetupSchemaKeys.filter((key) => key.match(regex)).map((key) => key.replace(regex, ''));
-  currentModelsSchemaComponentKeys = uniq(currentModelsSchemaComponentKeys);
-  storedSetupSchemaComponentKeys = uniq(storedSetupSchemaComponentKeys);
-
-  const currentModelsSchemaComponentKeysComponentProp = currentModelsSchemaKeys.filter((key) => key.includes('__component__') && currentModelsSchemaComponentKeys.some((k) => key.includes(k)));
-  const storedSetupSchemaComponentKeysComponentProp = storedSetupSchemaKeys.filter((key) => key.includes('__component__') && storedSetupSchemaComponentKeys.some((k) => key.includes(k)));
-
-  /**
-   * Is in the "stored setup schema" but not in the "current model"
-   */
-  let removedKeys = [];
-  removedKeys.push(...storedSetupSchemaComponentKeysComponentProp.map((key) => {
-    const storedComponentName = get(storedSetupSchema, key);
-    const currentComponentName = get(localizableTree, key);
-
-    // this must return an array of keys
-    if (storedComponentName !== currentComponentName) {
-      const part = key.split('.').slice(0, -1).join('.');
-
-      return storedSetupSchemaKeys.filter((k) => k.includes(part));
-    }
-
-    return [];
-  }).reduce((acc, val) => acc.concat(val), []));
-  removedKeys.push(...storedSetupSchemaKeys.filter((key) => !currentModelsSchemaKeys.includes(key)));
-  removedKeys = uniq(removedKeys);
-
-  /**
-   * Is in the "current model" but not in the "stored setup schema"
-   */
-  let newKeys = [];
-  newKeys.push(...currentModelsSchemaComponentKeysComponentProp.map((key) => {
-    const storedComponentName = get(storedSetupSchema, key);
-    const currentComponentName = get(localizableTree, key);
-
-    // this must return an array of keys
-    if (storedComponentName !== currentComponentName) {
-      const part = key.split('.').slice(0, -1).join('.');
-
-      return currentModelsSchemaKeys.filter((k) => k.includes(part));
-    }
-
-    return [];
-  }).reduce((acc, val) => acc.concat(val), []));
-  newKeys.push(...currentModelsSchemaKeys.filter((key) => !storedSetupSchemaKeys.includes(key)));
-  newKeys = uniq(newKeys);
-
-  /**
-   * Filter out the removed keys
-  */
-  const filteredStoredSetupSchemaKeys = storedSetupSchemaKeys.filter(
-    (key) => !removedKeys.includes(key)
-  );
-
-  return {
-    oLocalizableTree: localizableTree,
-    oStoredSetupSchema: storedSetupSchema,
-    removedKeys,
-    newKeys,
-    filteredStoredSetupSchemaKeys,
-  }
-}

package/admin/src/modules/plugin-settings/functions/has-model-changed.js

@@ -1,75 +0,0 @@
-import get from "lodash-es/get";
-import PluginSettingsService from "../services/plugin-settings-service";
-import StrapiModelService from "../services/strapi-model-service";
-import getModelsTree from "../utils/get-models-tree";
-import findModelValueByKey from "../utils/find-model-value-by-key";
-import getContentTransferSetupKeysSets from "./get-content-transfer-setup-keys-sets";
-
-/**
- * Pass parameters optionally so we don't have to fetch them again
- * Returns whether the content transfer setup has changed
- */
-export default async (
-  localizableTree = null,
-  storedSetupSchema = null,
-  allModelsTree = null
-) => {
-  let models;
-
-  if (!localizableTree || !allModelsTree) {
-    models = await StrapiModelService.getModels();
-  }
-
-  if (!localizableTree) {
-    const localizableModels = await StrapiModelService.getLocalizableModels();
-    localizableTree = getModelsTree(models, localizableModels);
-  }
-
-  if (!storedSetupSchema) {
-    storedSetupSchema = (await PluginSettingsService.getContentTransferSetup())
-      .setup;
-  }
-
-  if (!allModelsTree) {
-    allModelsTree = getModelsTree(models, models);
-  }
-
-  const {
-    oStoredSetupSchema,
-    removedKeys,
-    newKeys,
-    filteredStoredSetupSchemaKeys
-  } = getContentTransferSetupKeysSets(
-    localizableTree,
-    storedSetupSchema,
-  );
-
-  if (newKeys.length || removedKeys.length) {
-    return true;
-  }
-
-  /**
-   * Check if the values are different (type might have changed; boolean to null or vice versa)
-   */
-  // eslint-disable-next-line no-restricted-syntax
-  for (const key of filteredStoredSetupSchemaKeys) {
-    const localizableTreeValueToSet = get(oStoredSetupSchema, key);
-    const allModelsTreeValueToSet = findModelValueByKey(allModelsTree, key);
-
-    if (
-      typeof localizableTreeValueToSet === "boolean" &&
-      allModelsTreeValueToSet === null
-    ) {
-      return true;
-    }
-
-    if (
-      localizableTreeValueToSet === null &&
-      typeof allModelsTreeValueToSet === "boolean"
-    ) {
-      return true;
-    }
-  }
-
-  return false;
-};