@akemona-org/strapi-admin 3.7.0

package/admin/src/translations/zh.json

@@ -0,0 +1,152 @@
+{
+  "Analytics": "分析器",
+  "Auth.form.button.forgot-password": "寄送郵件",
+  "Auth.form.button.login": "登入",
+  "Auth.form.button.register": "準備開始",
+  "Auth.form.button.reset-password": "更改密碼",
+  "Auth.form.email.label": "Email",
+  "Auth.form.email.placeholder": "kai@doe.com",
+  "Auth.form.error.blocked": "您的帳號已經被系統管理員停用。",
+  "Auth.form.error.code.provide": "提供的令符不正確",
+  "Auth.form.error.confirmed": "您的電子郵件地址尚未經過認證。",
+  "Auth.form.error.email.invalid": "電子郵件地址格式不正確",
+  "Auth.form.error.email.provide": "請輸入使用者名稱或電子郵件地址",
+  "Auth.form.error.email.taken": "此電子郵件地址已被使用",
+  "Auth.form.error.invalid": "使用者名稱或密碼不正確",
+  "Auth.form.error.params.provide": "密碼不正確",
+  "Auth.form.error.password.format": "您的密碼不能包含超過三個 `$` 符號",
+  "Auth.form.error.password.local": "這個使用者還沒有設定本地密碼，請使用建立帳號時使用的驗證方式登入。",
+  "Auth.form.error.password.matching": "密碼不符",
+  "Auth.form.error.password.provide": "請輸入您的密碼",
+  "Auth.form.error.ratelimit": "過多請求，請稍後再試。",
+  "Auth.form.error.user.not-exist": "這個電子郵件地址不存在",
+  "Auth.form.error.username.taken": "使用者名稱已被使用",
+  "Auth.form.forgot-password.email.label": "輸入您的電子郵件地址",
+  "Auth.form.forgot-password.email.label.success": "郵件成功寄出",
+  "Auth.form.password.label": "密碼",
+  "Auth.form.rememberMe.label": "記住我",
+  "Auth.form.username.label": "使用者名稱",
+  "Auth.form.username.placeholder": "Kai Doe",
+  "Auth.link.forgot-password": "忘記密碼了嗎？",
+  "Auth.link.ready": "準備登入了嗎？",
+  "Content Manager": "資料管理",
+  "Email": "電子郵件",
+  "Files Upload": "檔案上傳",
+  "New entry": "新增項目",
+  "Password": "密碼",
+  "Provider": "提供者",
+  "ResetPasswordToken": "密碼重設令符",
+  "Role": "身份",
+  "Username": "使用者名稱",
+  "Users": "Users",
+  "Users & Permissions": "使用者與權限",
+  "app.components.BlockLink.code": "範例",
+  "app.components.BlockLink.code.content": "透過社群所開發的專案學習",
+  "app.components.BlockLink.documentation": "閱讀文件",
+  "app.components.BlockLink.documentation.content": "了解其中的觀念、參考指南以及教學。",
+  "app.components.Button.cancel": "取消",
+  "app.components.Button.save": "儲存",
+  "app.components.ComingSoonPage.comingSoon": "即將推出",
+  "app.components.DownloadInfo.download": "下載中...",
+  "app.components.DownloadInfo.text": "請稍候幾分鐘，謝謝。",
+  "app.components.EmptyAttributes.title": "這裡還沒有任何項目",
+  "app.components.HomePage.button.blog": "到部落格上閱讀更多",
+  "app.components.HomePage.community": "探索開發社群",
+  "app.components.HomePage.community.content": "在不同的社群中與其他成員、貢獻者以及開發者討論。",
+  "app.components.HomePage.welcome": "歡迎加入！",
+  "app.components.HomePage.welcome.again": "歡迎回來! ",
+  "app.components.HomePage.welcomeBlock.content": "我們很高興您能成為我們社群的一份子。我們隨時歡迎您的意見，因此不要吝嗇於發訊息到 ",
+  "app.components.HomePage.welcomeBlock.content.again": "希望您在您的專案中有所進展... 隨時歡迎您來看看 Strapi 的新功能。我們正在盡最大的努力依照您的建議改進這個產品。",
+  "app.components.HomePage.welcomeBlock.content.issues": "問題。",
+  "app.components.HomePage.welcomeBlock.content.raise": "或是回報",
+  "app.components.ImgPreview.hint": "將您要上傳的檔案拖曳到此區域，或是瀏覽檔案",
+  "app.components.ImgPreview.hint.browse": "瀏覽",
+  "app.components.InputFile.newFile": "增加新檔案",
+  "app.components.InputFileDetails.open": "在新分頁中開啟",
+  "app.components.InputFileDetails.originalName": "原始名稱：",
+  "app.components.InputFileDetails.remove": "移除檔案",
+  "app.components.InputFileDetails.size": "大小：",
+  "app.components.InstallPluginPage.description": "輕鬆擴充您的應用程式",
+  "app.components.InstallPluginPage.helmet": "市集 - 擴充功能",
+  "app.components.InstallPluginPage.title": "市集 - 擴充功能",
+  "app.components.LeftMenuFooter.poweredBy": "Powered by ",
+  "app.components.LeftMenuLinkContainer.configuration": "設定",
+  "app.components.LeftMenuLinkContainer.general": "一般",
+  "app.components.LeftMenuLinkContainer.installNewPlugin": "市集",
+  "app.components.LeftMenuLinkContainer.listPlugins": "擴充功能",
+  "app.components.LeftMenuLinkContainer.noPluginsInstalled": "目前沒有安裝任何擴充功能",
+  "app.components.LeftMenuLinkContainer.plugins": "擴充功能",
+  "app.components.ListPluginsPage.description": "這個專案安裝的擴充功能列表",
+  "app.components.ListPluginsPage.helmet.title": "擴充功能列表",
+  "app.components.ListPluginsPage.title": "擴充功能",
+  "app.components.Logout.logout": "登出",
+  "app.components.Logout.profile": "輪廓",
+  "app.components.NotFoundPage.back": "回到主頁",
+  "app.components.NotFoundPage.description": "找不到此頁面",
+  "app.components.Official": "官方",
+  "app.components.PluginCard.Button.label.download": "下載",
+  "app.components.PluginCard.Button.label.install": "已安裝",
+  "app.components.PluginCard.compatible": "與您的專案相容",
+  "app.components.PluginCard.compatibleCommunity": "相容社群",
+  "app.components.PluginCard.more-details": "顯示更多",
+  "app.components.listPlugins.button": "安裝新的擴充功能",
+  "app.components.listPlugins.title.none": "目前沒有安裝任何擴充功能",
+  "app.components.listPlugins.title.plural": "安裝了 {number} 個擴充功能",
+  "app.components.listPlugins.title.singular": "安裝了 {number} 個擴充功能",
+  "app.components.listPluginsPage.deletePlugin.error": "解除安裝擴充功能時發生了錯誤",
+  "app.utils.SelectOption.defaultMessage": " ",
+  "app.utils.defaultMessage": " ",
+  "app.utils.delete": "刪除",
+  "app.utils.filters": "過濾條件",
+  "app.utils.placeholder.defaultMessage": " ",
+  "components.AutoReloadBlocker.header": "這個擴充功能需要自動重新整理功能才能載入",
+  "components.ErrorBoundary.title": "有錯誤發生...",
+  "components.FilterOptions.FILTER_TYPES.=": "等於",
+  "components.FilterOptions.FILTER_TYPES._contains": "包含",
+  "components.FilterOptions.FILTER_TYPES._containss": "包含（區分大小寫）",
+  "components.FilterOptions.FILTER_TYPES._gt": "大於",
+  "components.FilterOptions.FILTER_TYPES._gte": "大於等於",
+  "components.FilterOptions.FILTER_TYPES._lt": "小於",
+  "components.FilterOptions.FILTER_TYPES._lte": "小於等於",
+  "components.FilterOptions.FILTER_TYPES._ne": "不等於",
+  "components.Input.error.attribute.key.taken": "這個數值已經存在了",
+  "components.Input.error.attribute.sameKeyAndName": "不能等於",
+  "components.Input.error.attribute.taken": "這個欄位名稱已經存在了",
+  "components.Input.error.contentTypeName.taken": "這個名稱已經存在了",
+  "components.Input.error.custom-error": "{errorMessage} ",
+  "components.Input.error.password.noMatch": "密碼不符",
+  "components.Input.error.validation.email": "請輸入有效的電子郵件地址",
+  "components.Input.error.validation.json": "非法的JSON格式",
+  "components.Input.error.validation.max": "數值過高",
+  "components.Input.error.validation.maxLength": "長度過長",
+  "components.Input.error.validation.min": "數值過低",
+  "components.Input.error.validation.minLength": "長度不足",
+  "components.Input.error.validation.minSupMax": "不能高於最大值",
+  "components.Input.error.validation.regex": "此欄位無法與正規表達式批配",
+  "components.Input.error.validation.required": "必填欄位",
+  "components.ListRow.empty": "沒有資料可以顯示",
+  "components.OverlayBlocker.description": "您正在使用的功能需要重新啟動，請等待重新啟動完成。",
+  "components.OverlayBlocker.title": "等待重新啟動中...",
+  "components.PageFooter.select": "項目/頁",
+  "components.ProductionBlocker.description": "為了安全起見，我們需要在其他環境關閉這個擴充功能",
+  "components.ProductionBlocker.header": "這個擴充功能只能在開發環境中使用",
+  "components.Wysiwyg.ToggleMode.markdown": "切換到編輯模式",
+  "components.Wysiwyg.ToggleMode.preview": "切換到預覽模式",
+  "components.Wysiwyg.collapse": "折疊",
+  "components.Wysiwyg.selectOptions.H1": "標題1",
+  "components.Wysiwyg.selectOptions.H2": "標題2",
+  "components.Wysiwyg.selectOptions.H3": "標題3",
+  "components.Wysiwyg.selectOptions.H4": "標題4",
+  "components.Wysiwyg.selectOptions.H5": "標題5",
+  "components.Wysiwyg.selectOptions.H6": "標題6",
+  "components.Wysiwyg.selectOptions.title": "新增標題",
+  "components.WysiwygBottomControls.charactersIndicators": "字元",
+  "components.WysiwygBottomControls.fullscreen": "展開",
+  "components.WysiwygBottomControls.uploadFiles": "拖曳檔案、從剪貼簿貼上或 {browse}.",
+  "components.WysiwygBottomControls.uploadFiles.browse": "選擇檔案",
+  "components.popUpWarning.message": "您確定要刪除此項目嗎？",
+  "components.popUpWarning.title": "請確認",
+  "notification.error": "發生錯誤",
+  "notification.error.layout": "無法取得佈局",
+  "request.error.model.unknown": "不存在的資料"
+}

package/admin/src/utils/ComponentApi.js

@@ -0,0 +1,42 @@
+import { cloneDeep } from 'lodash';
+import invariant from 'invariant';
+
+class ComponentApi {
+  components = {};
+
+  getComponent = name => {
+    invariant(name, 'A name must be provided');
+
+    return cloneDeep(this.components[name]) || null;
+  };
+
+  getComponents = () => {
+    const components = cloneDeep(this.components);
+
+    return Object.keys(components).reduce((acc, current) => {
+      acc[current] = components[current].Component;
+
+      return acc;
+    }, {});
+  };
+
+  registerComponent = component => {
+    const { name, Component } = component;
+
+    invariant(Component, 'A Component must be provided');
+    invariant(name, 'A name must be provided');
+    invariant(this.components[name] === undefined, 'A similar field already exists');
+
+    this.components[name] = { Component };
+  };
+
+  removeComponent = name => {
+    invariant(name, 'A name must be provided in order to remove a field');
+
+    delete this.components[name];
+  };
+}
+
+export default () => {
+  return new ComponentApi();
+};

package/admin/src/utils/FieldApi.js

@@ -0,0 +1,48 @@
+// NOTE TO PLUGINS DEVELOPERS:
+// If you modify this file you also need to update the documentation accordingly
+// Here's the file: strapi/docs/3.0.0-beta.x/plugin-development/frontend-field-api.md
+// Here's the file: strapi/docs/3.0.0-beta.x/guides/registering-a-field-in-admin.md
+// IF THE DOC IS NOT UPDATED THE PULL REQUEST WILL NOT BE MERGED
+
+import { cloneDeep } from 'lodash';
+import invariant from 'invariant';
+
+class FieldApi {
+  fields = {};
+
+  getField = type => {
+    invariant(type, 'A type must be provided');
+
+    return cloneDeep(this.fields[type]) || null;
+  };
+
+  getFields = () => {
+    const fields = cloneDeep(this.fields);
+
+    return Object.keys(fields).reduce((acc, current) => {
+      acc[current] = fields[current].Component;
+
+      return acc;
+    }, {});
+  };
+
+  registerField = field => {
+    const { type, Component } = field;
+
+    invariant(Component, 'A Component must be provided');
+    invariant(type, 'A type must be provided');
+    invariant(this.fields[type] === undefined, 'A similar field already exists');
+
+    this.fields[type] = { Component };
+  };
+
+  removeField = type => {
+    invariant(type, 'A type must be provided in order to remove a field');
+
+    delete this.fields[type];
+  };
+}
+
+export default () => {
+  return new FieldApi();
+};

package/admin/src/utils/MiddlewareApi.js

@@ -0,0 +1,15 @@
+import { cloneDeep } from 'lodash';
+
+class MiddlewaresHandler {
+  middlewares = [];
+
+  add(middleware) {
+    this.middlewares.push(middleware);
+  }
+
+  get middlewares() {
+    return cloneDeep(this.middlewares);
+  }
+}
+
+export default () => new MiddlewaresHandler();

package/admin/src/utils/Plugin.js

@@ -0,0 +1,50 @@
+class Plugin {
+  pluginId = null;
+
+  decorators = {};
+
+  injectionZones = {};
+
+  apis = {};
+
+  constructor(pluginConf) {
+    this.pluginId = pluginConf.id;
+    this.decorators = pluginConf.decorators || {};
+    this.injectionZones = pluginConf.injectionZones || {};
+    this.apis = pluginConf.apis || {};
+  }
+
+  decorate(compoName, compo) {
+    if (this.decorators && this.decorators[compoName]) {
+      this.decorators[compoName] = compo;
+    }
+  }
+
+  getDecorator(compoName) {
+    if (this.decorators) {
+      return this.decorators[compoName] || null;
+    }
+
+    return null;
+  }
+
+  getInjectedComponents(containerName, blockName) {
+    try {
+      return this.injectionZones[containerName][blockName] || {};
+    } catch (err) {
+      console.error('Cannot get injected component', err);
+
+      return err;
+    }
+  }
+
+  injectComponent(containerName, blockName, compo) {
+    try {
+      this.injectionZones[containerName][blockName].push(compo);
+    } catch (err) {
+      console.error('Cannot inject component', err);
+    }
+  }
+}
+
+export default pluginConf => new Plugin(pluginConf);

package/admin/src/utils/Strapi.js

@@ -0,0 +1,28 @@
+import ComponentApi from './ComponentApi';
+import FieldApi from './FieldApi';
+import MiddlewareApi from './MiddlewareApi';
+import PluginHandler from './Plugin';
+
+class Strapi {
+  componentApi = ComponentApi();
+
+  fieldApi = FieldApi();
+
+  middlewares = MiddlewareApi();
+
+  plugins = {};
+
+  getPlugin = pluginId => {
+    return this.plugins[pluginId];
+  };
+
+  registerPlugin = pluginConf => {
+    if (pluginConf.id) {
+      this.plugins[pluginConf.id] = PluginHandler(pluginConf);
+    }
+  };
+}
+
+export default () => {
+  return new Strapi();
+};

package/admin/src/utils/basename.js

@@ -0,0 +1,3 @@
+const basename = PUBLIC_PATH.replace(window.location.origin, '');
+
+export default basename;

package/admin/src/utils/checkFormValidity.js

@@ -0,0 +1,15 @@
+import { getYupInnerErrors } from 'strapi-helper-plugin';
+
+const checkFormValidity = async (data, schema) => {
+  let errors = null;
+
+  try {
+    await schema.validate(data, { abortEarly: false });
+  } catch (err) {
+    errors = getYupInnerErrors(err);
+  }
+
+  return errors;
+};
+
+export default checkFormValidity;

package/admin/src/utils/checkLatestStrapiVersion.js

@@ -0,0 +1,11 @@
+import semver from 'semver';
+
+const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion) => {
+  if (!semver.valid(currentPackageVersion) || !semver.valid(latestPublishedVersion)) {
+    return false;
+  }
+
+  return semver.lt(currentPackageVersion, latestPublishedVersion);
+};
+
+export default checkLatestStrapiVersion;

package/admin/src/utils/checkStore.js

@@ -0,0 +1,24 @@
+import conformsTo from 'lodash/conformsTo';
+import isFunction from 'lodash/isFunction';
+import isObject from 'lodash/isObject';
+import invariant from 'invariant';
+
+/**
+ * Validate the shape of redux store
+ */
+export default function checkStore(store) {
+  const shape = {
+    dispatch: isFunction,
+    subscribe: isFunction,
+    getState: isFunction,
+    replaceReducer: isFunction,
+    runSaga: isFunction,
+    injectedReducers: isObject,
+    injectedSagas: isObject,
+  };
+
+  invariant(
+    conformsTo(store, shape),
+    '(app/utils...) injectors: Expected a valid redux store',
+  );
+}

package/admin/src/utils/constants.js

@@ -0,0 +1,3 @@
+export const RESTART_ON_REMOUNT = '@@saga-injector/restart-on-remount';
+export const DAEMON = '@@saga-injector/daemon';
+export const ONCE_TILL_UNMOUNT = '@@saga-injector/once-till-unmount';

package/admin/src/utils/formatAPIErrors.js

@@ -0,0 +1,17 @@
+const formatAPIError = ({ data }) => {
+  try {
+    return Object.keys(data).reduce((acc, current) => {
+      const errorMessage = data[current][0];
+      acc[current] = {
+        id: errorMessage,
+        defaultMessage: errorMessage,
+      };
+
+      return acc;
+    }, {});
+  } catch (err) {
+    return {};
+  }
+};
+
+export default formatAPIError;

package/admin/src/utils/getAttributesToDisplay.js

@@ -0,0 +1,21 @@
+import { get } from 'lodash';
+
+const getAttributesToDisplay = contentType => {
+  const timestamps = get(contentType, ['options', 'timestamps']);
+
+  // Sometimes timestamps is false
+  let timestampsArray = Array.isArray(timestamps) ? timestamps : [];
+  const idsAttributes = ['id', '_id']; // For both SQL and mongo
+  const unwritableAttributes = [...idsAttributes, ...timestampsArray, 'published_at'];
+  const schemaAttributes = get(contentType, ['attributes'], {});
+
+  return Object.keys(schemaAttributes).reduce((acc, current) => {
+    if (!unwritableAttributes.includes(current)) {
+      acc.push({ ...schemaAttributes[current], attributeName: current });
+    }
+
+    return acc;
+  }, []);
+};
+
+export default getAttributesToDisplay;

package/admin/src/utils/getExistingActions.js

@@ -0,0 +1,34 @@
+import { get } from 'lodash';
+
+const getExistingActions = permissions => {
+  return Array.from(
+    new Set(
+      Object.entries(permissions).reduce((acc, current) => {
+        const getActionsPermission = permission =>
+          permission.reduce((accAction, currentAction) => {
+            let actionsToReturn = accAction;
+
+            if (currentAction.actions) {
+              actionsToReturn = [...actionsToReturn, ...currentAction.actions];
+            }
+
+            if (typeof currentAction === 'object' && !currentAction.actions) {
+              actionsToReturn = [...actionsToReturn, ...Object.keys(currentAction)];
+            }
+
+            return actionsToReturn;
+          }, []);
+
+        return [
+          ...acc,
+          ...getActionsPermission([
+            ...Object.values(current[1].attributes || {}),
+            get(current[1], 'contentTypeActions', {}),
+          ]),
+        ];
+      }, [])
+    )
+  );
+};
+
+export default getExistingActions;

package/admin/src/utils/getRequestUrl.js

@@ -0,0 +1,3 @@
+const getRequestUrl = path => `/admin/${path}`;
+
+export default getRequestUrl;

package/admin/src/utils/history.js

@@ -0,0 +1,6 @@
+import { createBrowserHistory } from 'history';
+import basename from './basename';
+
+const history = createBrowserHistory({ basename });
+
+export default history;

package/admin/src/utils/index.js

@@ -0,0 +1,9 @@
+export { default as checkFormValidity } from './checkFormValidity';
+export { default as formatAPIErrors } from './formatAPIErrors';
+export { default as getAttributesToDisplay } from './getAttributesToDisplay';
+export { default as retrieveGlobalLinks } from './retrieveGlobalLinks';
+export { default as retrievePluginsMenu } from './retrievePluginsMenu';
+export { default as sortLinks } from './sortLinks';
+export { default as getExistingActions } from './getExistingActions';
+export { default as checkLatestStrapiVersion } from './checkLatestStrapiVersion';
+export { default as getRequestUrl } from './getRequestUrl';

package/admin/src/utils/injectReducer.js

@@ -0,0 +1,56 @@
+/* eslint-disable */
+import React from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { ReactReduxContext } from 'react-redux';
+
+import getInjectors from './reducerInjectors';
+
+/**
+ * Dynamically injects a reducer
+ *
+ * @param {string} key A key of the reducer
+ * @param {function} reducer A reducer that will be injected
+ *
+ */
+export default ({ key, reducer, pluginId }) => WrappedComponent => {
+  class ReducerInjector extends React.Component {
+    static WrappedComponent = WrappedComponent;
+    static displayName = `withReducer(${WrappedComponent.displayName ||
+      WrappedComponent.name ||
+      'Component'})`;
+
+    static contextType = ReactReduxContext;
+
+    constructor(props, context) {
+      super(props, context);
+      const reducerName = pluginId ? `${pluginId}_${key}` : key;
+
+      console.warn(
+        'Warning: strapi.injectReducer will be removed in the next major release. \n Please update your code.'
+      );
+
+      getInjectors(context.store).injectReducer(reducerName, reducer);
+    }
+
+    render() {
+      return <WrappedComponent {...this.props} />;
+    }
+  }
+
+  return hoistNonReactStatics(ReducerInjector, WrappedComponent);
+};
+
+const useInjectReducer = ({ key, reducer, pluginId }) => {
+  const context = React.useContext(ReactReduxContext);
+  const reducerName = pluginId ? `${pluginId}_${key}` : key;
+
+  React.useEffect(() => {
+    console.warn(
+      'Warning: strapi.useInjectReducer will be removed in the next major release. \n Please update your code.'
+    );
+
+    getInjectors(context.store).injectReducer(reducerName, reducer);
+  }, []);
+};
+
+export { useInjectReducer };

package/admin/src/utils/injectSaga.js

@@ -0,0 +1,76 @@
+/* eslint-disable */
+import React from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { ReactReduxContext } from 'react-redux';
+
+import getInjectors from './sagaInjectors';
+
+/**
+ * Dynamically injects a saga, passes component's props as saga arguments
+ *
+ * @param {string} key A key of the saga
+ * @param {function} saga A root saga that will be injected
+ * @param {string} [mode] By default (constants.RESTART_ON_REMOUNT) the saga will be started on component mount and
+ * cancelled with `task.cancel()` on component un-mount for improved performance. Another two options:
+ *   - constants.DAEMON—starts the saga on component mount and never cancels it or starts again,
+ *   - constants.ONCE_TILL_UNMOUNT—behaves like 'RESTART_ON_REMOUNT' but never runs it again.
+ *
+ */
+export default ({ key, saga, mode, pluginId }) => WrappedComponent => {
+  class InjectSaga extends React.Component {
+    static WrappedComponent = WrappedComponent;
+    static displayName = `withSaga(${WrappedComponent.displayName ||
+      WrappedComponent.name ||
+      'Component'})`;
+
+    static contextType = ReactReduxContext;
+
+    constructor(props, context) {
+      super(props, context);
+
+      this.injectors = getInjectors(context.store);
+      const sagaName = pluginId ? `${pluginId}_${key}` : key;
+
+      console.warn(
+        'Warning: strapi.injectSaga will be removed in the next major release. \n Please update your code.'
+      );
+
+      this.injectors.injectSaga(sagaName, { saga, mode }, this.props);
+    }
+
+    componentWillUnmount() {
+      const { ejectSaga } = this.injectors;
+      const sagaName = pluginId ? `${pluginId}_${key}` : key;
+
+      ejectSaga(sagaName);
+    }
+
+    injectors = getInjectors(this.context.store);
+
+    render() {
+      return <WrappedComponent {...this.props} />;
+    }
+  }
+
+  return hoistNonReactStatics(InjectSaga, WrappedComponent);
+};
+
+const useInjectSaga = ({ key, saga, mode, pluginId }) => {
+  const context = React.useContext(ReactReduxContext);
+  const sagaName = pluginId ? `${pluginId}_${key}` : key;
+
+  React.useEffect(() => {
+    const injectors = getInjectors(context.store);
+    injectors.injectSaga(sagaName, { saga, mode });
+
+    console.warn(
+      'Warning: strapi.useInjectSaga will be removed in the next major release. \n Please update your code.'
+    );
+
+    return () => {
+      injectors.ejectSaga(sagaName);
+    };
+  }, []);
+};
+
+export { useInjectSaga };