@strapi/plugin-users-permissions 0.0.0-next.f4ff842a3cb7b83db540bee67554b704e042b042 → 0.0.0-next.f5312617ca16b870c2bf1adcea2c69b676979e29

package/dist/_chunks/{index-iu-7wU8h.mjs → index-R4R0dEOv.mjs}

@@ -1,4 +1,3 @@
-import { prefixPluginTranslations } from "@strapi/helper-plugin";
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
   const v = glob[path];
   if (v) {
@@ -9,7 +8,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path) => {
   });
 };
 const name$1 = "@strapi/plugin-users-permissions";
-const version = "4.24.5";
+const version = "5.1.1";
 const description = "Protect your API with a full-authentication process based on JWT";
 const repository = {
   type: "git",
@@ -36,9 +35,9 @@ const exports = {
     "default": "./dist/admin/index.js"
   },
   "./strapi-server": {
-    source: "./strapi-server.js",
-    require: "./strapi-server.js",
-    "default": "./strapi-server.js"
+    source: "./server/index.js",
+    require: "./server/index.js",
+    "default": "./server/index.js"
   },
   "./package.json": "./package.json"
 };
@@ -55,48 +54,47 @@ const scripts = {
   watch: "pack-up watch"
 };
 const dependencies = {
-  "@strapi/design-system": "1.19.0",
-  "@strapi/helper-plugin": "4.24.5",
-  "@strapi/icons": "1.19.0",
-  "@strapi/utils": "4.24.5",
+  "@strapi/design-system": "2.0.0-rc.11",
+  "@strapi/icons": "2.0.0-rc.11",
+  "@strapi/utils": "workspace:*",
   bcryptjs: "2.4.3",
-  formik: "2.4.0",
+  formik: "2.4.5",
   "grant-koa": "5.4.8",
-  immer: "9.0.19",
+  immer: "9.0.21",
   jsonwebtoken: "9.0.0",
   "jwk-to-pem": "2.0.5",
-  koa: "2.13.4",
-  "koa2-ratelimit": "^1.1.2",
+  koa: "2.15.2",
+  "koa2-ratelimit": "^1.1.3",
   lodash: "4.17.21",
   "prop-types": "^15.8.1",
   purest: "4.0.2",
-  "react-intl": "6.4.1",
+  "react-intl": "6.6.2",
   "react-query": "3.39.3",
-  "react-redux": "8.1.1",
+  "react-redux": "8.1.3",
   "url-join": "4.0.1",
   yup: "0.32.9"
 };
 const devDependencies = {
-  "@strapi/pack-up": "4.23.0",
-  "@strapi/strapi": "4.24.5",
-  "@testing-library/dom": "9.2.0",
-  "@testing-library/react": "14.0.0",
-  "@testing-library/user-event": "14.4.3",
+  "@strapi/pack-up": "5.0.0",
+  "@strapi/strapi": "workspace:*",
+  "@testing-library/dom": "10.1.0",
+  "@testing-library/react": "15.0.7",
+  "@testing-library/user-event": "14.5.2",
   msw: "1.3.0",
-  react: "^18.2.0",
-  "react-dom": "^18.2.0",
-  "react-router-dom": "5.3.4",
-  "styled-components": "5.3.3"
+  react: "18.3.1",
+  "react-dom": "18.3.1",
+  "react-router-dom": "6.22.3",
+  "styled-components": "6.1.8"
 };
 const peerDependencies = {
-  "@strapi/strapi": "^4.0.0",
+  "@strapi/strapi": "^5.0.0 || ^5.0.0-beta || ^5.0.0-alpha || ^5.0.0-rc",
   react: "^17.0.0 || ^18.0.0",
   "react-dom": "^17.0.0 || ^18.0.0",
-  "react-router-dom": "^5.2.0",
-  "styled-components": "^5.2.1"
+  "react-router-dom": "^6.0.0",
+  "styled-components": "^6.0.0"
 };
 const engines = {
-  node: ">=18.0.0 <=20.x.x",
+  node: ">=18.0.0 <=22.x.x",
   npm: ">=6.0.0"
 };
 const strapi = {
@@ -150,6 +148,12 @@ const PERMISSIONS = {
 };
 const pluginId = pluginPkg.name.replace(/^@strapi\/plugin-/i, "");
 const getTrad = (id) => `${pluginId}.${id}`;
+const prefixPluginTranslations = (trad, pluginId2) => {
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
 const name = pluginPkg.strapi.name;
 const index = {
   register(app) {
@@ -168,11 +172,8 @@ const index = {
             defaultMessage: "Roles"
           },
           id: "roles",
-          to: `/settings/users-permissions/roles`,
-          async Component() {
-            const component = await import("./index-MuQRbm-o.mjs");
-            return component;
-          },
+          to: `users-permissions/roles`,
+          Component: () => import("./index-CnX2wiLY.mjs"),
           permissions: PERMISSIONS.accessRoles
         },
         {
@@ -181,11 +182,8 @@ const index = {
             defaultMessage: "Providers"
           },
           id: "providers",
-          to: `/settings/users-permissions/providers`,
-          async Component() {
-            const component = await import("./index-eE2qjbfg.mjs");
-            return component;
-          },
+          to: `users-permissions/providers`,
+          Component: () => import("./index-XOcQhJMB.mjs"),
           permissions: PERMISSIONS.readProviders
         },
         {
@@ -194,11 +192,10 @@ const index = {
             defaultMessage: "Email templates"
           },
           id: "email-templates",
-          to: `/settings/users-permissions/email-templates`,
-          async Component() {
-            const component = await import("./index-mCVPA90k.mjs");
-            return component;
-          },
+          to: `users-permissions/email-templates`,
+          Component: () => import("./index-CJUWqtrZ.mjs").then((mod) => ({
+            default: mod.ProtectedEmailTemplatesPage
+          })),
           permissions: PERMISSIONS.readEmailTemplates
         },
         {
@@ -207,11 +204,10 @@ const index = {
             defaultMessage: "Advanced Settings"
           },
           id: "advanced-settings",
-          to: `/settings/users-permissions/advanced-settings`,
-          async Component() {
-            const component = await import("./index-xXp5S4OL.mjs");
-            return component;
-          },
+          to: `users-permissions/advanced-settings`,
+          Component: () => import("./index-PJoz36kJ.mjs").then((mod) => ({
+            default: mod.ProtectedAdvancedSettingsPage
+          })),
           permissions: PERMISSIONS.readAdvancedSettings
         }
       ]
@@ -226,7 +222,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-MvD8Ghac.mjs"), "./translations/cs.json": () => import("./cs-BMuXwxA1.mjs"), "./translations/de.json": () => import("./de-zs2qqc0W.mjs"), "./translations/dk.json": () => import("./dk-HctVBMsG.mjs"), "./translations/en.json": () => import("./en-CE3wEy_c.mjs"), "./translations/es.json": () => import("./es-9381tih_.mjs"), "./translations/fr.json": () => import("./fr-CMSc77If.mjs"), "./translations/id.json": () => import("./id-SDuyIkZa.mjs"), "./translations/it.json": () => import("./it-bvH7DgQo.mjs"), "./translations/ja.json": () => import("./ja-o_-JPvQv.mjs"), "./translations/ko.json": () => import("./ko-XJbPSez_.mjs"), "./translations/ms.json": () => import("./ms-II5Ea73J.mjs"), "./translations/nl.json": () => import("./nl-vEy6TN0K.mjs"), "./translations/pl.json": () => import("./pl-2VowaFGt.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-sS1Xp3Jt.mjs"), "./translations/pt.json": () => import("./pt-Rf9W51IO.mjs"), "./translations/ru.json": () => import("./ru-qKHnd5or.mjs"), "./translations/sk.json": () => import("./sk-_Ryr-eTT.mjs"), "./translations/sv.json": () => import("./sv-BqzScFXS.mjs"), "./translations/th.json": () => import("./th-WsknMEpq.mjs"), "./translations/tr.json": () => import("./tr-_DB1F1GW.mjs"), "./translations/uk.json": () => import("./uk-yxMSQAwI.mjs"), "./translations/vi.json": () => import("./vi-xY0zCW3d.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-E84cu4kP.mjs"), "./translations/zh.json": () => import("./zh-OFeldzbX.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CK8BRRXB.mjs"), "./translations/cs.json": () => import("./cs-BVigMk0l.mjs"), "./translations/de.json": () => import("./de-BKUdRFI4.mjs"), "./translations/dk.json": () => import("./dk-BQiTK50l.mjs"), "./translations/en.json": () => import("./en-DOHtPf-2.mjs"), "./translations/es.json": () => import("./es-DNgOVMjD.mjs"), "./translations/fr.json": () => import("./fr-DkgRugiU.mjs"), "./translations/id.json": () => import("./id-BdEsvnaF.mjs"), "./translations/it.json": () => import("./it-B-rv0E24.mjs"), "./translations/ja.json": () => import("./ja-C8K-VBPD.mjs"), "./translations/ko.json": () => import("./ko-Busb0wIY.mjs"), "./translations/ms.json": () => import("./ms-ByvsQjRt.mjs"), "./translations/nl.json": () => import("./nl-5qO8Rpcy.mjs"), "./translations/pl.json": () => import("./pl-BdIzifBE.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-f0p23AQZ.mjs"), "./translations/pt.json": () => import("./pt-BIO24ioG.mjs"), "./translations/ru.json": () => import("./ru-VWy-IB7K.mjs"), "./translations/sk.json": () => import("./sk-B_LIcepm.mjs"), "./translations/sv.json": () => import("./sv-ABLKOokl.mjs"), "./translations/th.json": () => import("./th-DKyP7ueR.mjs"), "./translations/tr.json": () => import("./tr-qa1Q5UjC.mjs"), "./translations/uk.json": () => import("./uk-BmRqbeQc.mjs"), "./translations/vi.json": () => import("./vi-HW-EdMea.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BHilK-yc.mjs"), "./translations/zh.json": () => import("./zh-5hKkVPA4.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "users-permissions"),
             locale
@@ -247,4 +243,4 @@ export {
   getTrad as g,
   index as i
 };
-//# sourceMappingURL=index-iu-7wU8h.mjs.map
+//# sourceMappingURL=index-R4R0dEOv.mjs.map

package/dist/_chunks/index-R4R0dEOv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-R4R0dEOv.mjs","sources":["../../admin/src/constants.js","../../admin/src/pluginId.js","../../admin/src/utils/getTrad.js","../../admin/src/utils/prefixPluginTranslations.js","../../admin/src/index.js"],"sourcesContent":["export const PERMISSIONS = {\n  // Roles\n  accessRoles: [\n    { action: 'plugin::users-permissions.roles.create', subject: null },\n    { action: 'plugin::users-permissions.roles.read', subject: null },\n  ],\n  createRole: [{ action: 'plugin::users-permissions.roles.create', subject: null }],\n  deleteRole: [{ action: 'plugin::users-permissions.roles.delete', subject: null }],\n  readRoles: [{ action: 'plugin::users-permissions.roles.read', subject: null }],\n  updateRole: [{ action: 'plugin::users-permissions.roles.update', subject: null }],\n\n  // AdvancedSettings\n  readAdvancedSettings: [\n    { action: 'plugin::users-permissions.advanced-settings.read', subject: null },\n  ],\n  updateAdvancedSettings: [\n    { action: 'plugin::users-permissions.advanced-settings.update', subject: null },\n  ],\n\n  // Emails\n  readEmailTemplates: [{ action: 'plugin::users-permissions.email-templates.read', subject: null }],\n  updateEmailTemplates: [\n    { action: 'plugin::users-permissions.email-templates.update', subject: null },\n  ],\n\n  // Providers\n  readProviders: [{ action: 'plugin::users-permissions.providers.read', subject: null }],\n  updateProviders: [{ action: 'plugin::users-permissions.providers.update', subject: null }],\n};\n","import pluginPkg from '../../package.json';\n\nconst pluginId = pluginPkg.name.replace(/^@strapi\\/plugin-/i, '');\n\nexport default pluginId;\n","import pluginId from '../pluginId';\n\nconst getTrad = (id) => `${pluginId}.${id}`;\n\nexport default getTrad;\n","const prefixPluginTranslations = (trad, pluginId) => {\n  if (!pluginId) {\n    throw new TypeError(\"pluginId can't be empty\");\n  }\n\n  return Object.keys(trad).reduce((acc, current) => {\n    acc[`${pluginId}.${current}`] = trad[current];\n\n    return acc;\n  }, {});\n};\n\nexport { prefixPluginTranslations };\n","import pluginPkg from '../../package.json';\n\nimport { PERMISSIONS } from './constants';\nimport getTrad from './utils/getTrad';\nimport { prefixPluginTranslations } from './utils/prefixPluginTranslations';\n\nconst name = pluginPkg.strapi.name;\n\nexport default {\n  register(app) {\n    // Create the plugin's settings section\n    app.createSettingSection(\n      {\n        id: 'users-permissions',\n        intlLabel: {\n          id: getTrad('Settings.section-label'),\n          defaultMessage: 'Users & Permissions plugin',\n        },\n      },\n      [\n        {\n          intlLabel: {\n            id: 'global.roles',\n            defaultMessage: 'Roles',\n          },\n          id: 'roles',\n          to: `users-permissions/roles`,\n          Component: () => import('./pages/Roles'),\n          permissions: PERMISSIONS.accessRoles,\n        },\n        {\n          intlLabel: {\n            id: getTrad('HeaderNav.link.providers'),\n            defaultMessage: 'Providers',\n          },\n          id: 'providers',\n          to: `users-permissions/providers`,\n          Component: () => import('./pages/Providers'),\n          permissions: PERMISSIONS.readProviders,\n        },\n        {\n          intlLabel: {\n            id: getTrad('HeaderNav.link.emailTemplates'),\n            defaultMessage: 'Email templates',\n          },\n          id: 'email-templates',\n          to: `users-permissions/email-templates`,\n          Component: () =>\n            import('./pages/EmailTemplates').then((mod) => ({\n              default: mod.ProtectedEmailTemplatesPage,\n            })),\n          permissions: PERMISSIONS.readEmailTemplates,\n        },\n        {\n          intlLabel: {\n            id: getTrad('HeaderNav.link.advancedSettings'),\n            defaultMessage: 'Advanced Settings',\n          },\n          id: 'advanced-settings',\n          to: `users-permissions/advanced-settings`,\n          Component: () =>\n            import('./pages/AdvancedSettings').then((mod) => ({\n              default: mod.ProtectedAdvancedSettingsPage,\n            })),\n          permissions: PERMISSIONS.readAdvancedSettings,\n        },\n      ]\n    );\n\n    app.registerPlugin({\n      id: 'users-permissions',\n      name,\n    });\n  },\n  bootstrap() {},\n  async registerTrads({ locales }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, 'users-permissions'),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n"],"names":["pluginId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAY,MAAC,cAAc;AAAA;AAAA,EAEzB,aAAa;AAAA,IACX,EAAE,QAAQ,0CAA0C,SAAS,KAAM;AAAA,IACnE,EAAE,QAAQ,wCAAwC,SAAS,KAAM;AAAA,EAClE;AAAA,EACD,YAAY,CAAC,EAAE,QAAQ,0CAA0C,SAAS,KAAI,CAAE;AAAA,EAChF,YAAY,CAAC,EAAE,QAAQ,0CAA0C,SAAS,KAAI,CAAE;AAAA,EAChF,WAAW,CAAC,EAAE,QAAQ,wCAAwC,SAAS,KAAI,CAAE;AAAA,EAC7E,YAAY,CAAC,EAAE,QAAQ,0CAA0C,SAAS,KAAI,CAAE;AAAA;AAAA,EAGhF,sBAAsB;AAAA,IACpB,EAAE,QAAQ,oDAAoD,SAAS,KAAM;AAAA,EAC9E;AAAA,EACD,wBAAwB;AAAA,IACtB,EAAE,QAAQ,sDAAsD,SAAS,KAAM;AAAA,EAChF;AAAA;AAAA,EAGD,oBAAoB,CAAC,EAAE,QAAQ,kDAAkD,SAAS,KAAI,CAAE;AAAA,EAChG,sBAAsB;AAAA,IACpB,EAAE,QAAQ,oDAAoD,SAAS,KAAM;AAAA,EAC9E;AAAA;AAAA,EAGD,eAAe,CAAC,EAAE,QAAQ,4CAA4C,SAAS,KAAI,CAAE;AAAA,EACrF,iBAAiB,CAAC,EAAE,QAAQ,8CAA8C,SAAS,KAAI,CAAE;AAC3F;AC1BA,MAAM,WAAW,UAAU,KAAK,QAAQ,sBAAsB,EAAE;ACA3D,MAAC,UAAU,CAAC,OAAO,GAAG,QAAQ,IAAI,EAAE;ACFzC,MAAM,2BAA2B,CAAC,MAAMA,cAAa;AAKnD,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,KAAK,YAAY;AAChD,QAAI,GAAGA,SAAQ,IAAI,OAAO,EAAE,IAAI,KAAK,OAAO;AAE5C,WAAO;AAAA,EACR,GAAE,CAAE,CAAA;AACP;ACJA,MAAM,OAAO,UAAU,OAAO;AAE9B,MAAe,QAAA;AAAA,EACb,SAAS,KAAK;AAEZ,QAAI;AAAA,MACF;AAAA,QACE,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,IAAI,QAAQ,wBAAwB;AAAA,UACpC,gBAAgB;AAAA,QACjB;AAAA,MACF;AAAA,MACD;AAAA,QACE;AAAA,UACE,WAAW;AAAA,YACT,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB;AAAA,UACD,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW,MAAM,OAAO,sBAAe;AAAA,UACvC,aAAa,YAAY;AAAA,QAC1B;AAAA,QACD;AAAA,UACE,WAAW;AAAA,YACT,IAAI,QAAQ,0BAA0B;AAAA,YACtC,gBAAgB;AAAA,UACjB;AAAA,UACD,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW,MAAM,OAAO,sBAAmB;AAAA,UAC3C,aAAa,YAAY;AAAA,QAC1B;AAAA,QACD;AAAA,UACE,WAAW;AAAA,YACT,IAAI,QAAQ,+BAA+B;AAAA,YAC3C,gBAAgB;AAAA,UACjB;AAAA,UACD,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW,MACT,OAAO,sBAAwB,EAAE,KAAK,CAAC,SAAS;AAAA,YAC9C,SAAS,IAAI;AAAA,UAC3B,EAAc;AAAA,UACJ,aAAa,YAAY;AAAA,QAC1B;AAAA,QACD;AAAA,UACE,WAAW;AAAA,YACT,IAAI,QAAQ,iCAAiC;AAAA,YAC7C,gBAAgB;AAAA,UACjB;AAAA,UACD,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW,MACT,OAAO,sBAA0B,EAAE,KAAK,CAAC,SAAS;AAAA,YAChD,SAAS,IAAI;AAAA,UAC3B,EAAc;AAAA,UACJ,aAAa,YAAY;AAAA,QAC1B;AAAA,MACF;AAAA,IACP;AAEI,QAAI,eAAe;AAAA,MACjB,IAAI;AAAA,MACJ;AAAA,IACN,CAAK;AAAA,EACF;AAAA,EACD,YAAY;AAAA,EAAE;AAAA,EACd,MAAM,cAAc,EAAE,WAAW;AAC/B,UAAM,gBAAgB,MAAM,QAAQ;AAAA,MAClC,QAAQ,IAAI,CAAC,WAAW;AACtB,eAAO,qCAAuC,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,6BAAA,MAAA,OAAA,sBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,+BAAA,MAAA,OAAA,wBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,EAAA,CAAA,GAAA,kBAAA,MAAA,OAAA,EAC3C,KAAK,CAAC,EAAE,SAAS,WAAW;AAC3B,iBAAO;AAAA,YACL,MAAM,yBAAyB,MAAM,mBAAmB;AAAA,YACxD;AAAA,UACd;AAAA,QACA,CAAW,EACA,MAAM,MAAM;AACX,iBAAO;AAAA,YACL,MAAM,CAAE;AAAA,YACR;AAAA,UACd;AAAA,QACA,CAAW;AAAA,MACX,CAAO;AAAA,IACP;AAEI,WAAO,QAAQ,QAAQ,aAAa;AAAA,EACrC;AACH;"}

package/dist/_chunks/{index-eE2qjbfg.mjs → index-XOcQhJMB.mjs}

@@ -1,15 +1,15 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { ToggleInput, TextInput, ModalLayout, ModalHeader, ModalBody, Flex, Grid, GridItem, ModalFooter, Button, Layout, Main, HeaderLayout, ContentLayout, Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from "@strapi/design-system";
-import { Form, translatedErrors, useTracking, useNotification, useOverlayBlocker, useFetchClient, useAPIErrorHandler, useCollator, useFocusWhenNavigate, useRBAC, SettingsPageTitle, LoadingIndicatorPage, onRowClick, stopPropagation, CheckPagePermissions } from "@strapi/helper-plugin";
+import { u as useTracking, L as Layouts } from "./index-DUWx-KG9-C1E7ADbJ.mjs";
+import { Field, Toggle, TextInput, Modal, Breadcrumbs, Crumb, Flex, Grid, Button, useCollator, Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from "@strapi/design-system";
 import { Pencil } from "@strapi/icons";
+import { translatedErrors, useNotification, useFetchClient, useAPIErrorHandler, useRBAC, Page } from "@strapi/strapi/admin";
 import upperFirst from "lodash/upperFirst";
 import { useIntl } from "react-intl";
 import { useQueryClient, useQuery, useMutation } from "react-query";
-import { Breadcrumbs, Crumb } from "@strapi/design-system/v2";
-import { Formik } from "formik";
+import { Formik, Form } from "formik";
 import PropTypes from "prop-types";
-import { g as getTrad, P as PERMISSIONS } from "./index-iu-7wU8h.mjs";
+import { g as getTrad, P as PERMISSIONS } from "./index-R4R0dEOv.mjs";
 import "lodash/isEmpty";
 import * as yup from "yup";
 const Input = ({
@@ -35,48 +35,49 @@ const Input = ({
     { provider: providerToEditName, ...description.values }
   ) : "";
   if (type === "bool") {
-    return /* @__PURE__ */ jsx(
-      ToggleInput,
-      {
-        "aria-label": name,
-        checked: value,
-        disabled,
-        hint,
-        label,
-        name,
-        offLabel: formatMessage({
-          id: "app.components.ToggleCheckbox.off-label",
-          defaultMessage: "Off"
-        }),
-        onLabel: formatMessage({
-          id: "app.components.ToggleCheckbox.on-label",
-          defaultMessage: "On"
-        }),
-        onChange: (e) => {
-          onChange({ target: { name, value: e.target.checked } });
+    return /* @__PURE__ */ jsxs(Field.Root, { hint, name, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        Toggle,
+        {
+          "aria-label": name,
+          checked: value,
+          disabled,
+          offLabel: formatMessage({
+            id: "app.components.ToggleCheckbox.off-label",
+            defaultMessage: "Off"
+          }),
+          onLabel: formatMessage({
+            id: "app.components.ToggleCheckbox.on-label",
+            defaultMessage: "On"
+          }),
+          onChange: (e) => {
+            onChange({ target: { name, value: e.target.checked } });
+          }
         }
-      }
-    );
+      ),
+      /* @__PURE__ */ jsx(Field.Hint, {})
+    ] });
   }
   const formattedPlaceholder = placeholder ? formatMessage(
     { id: placeholder.id, defaultMessage: placeholder.defaultMessage },
     { ...placeholder.values }
   ) : "";
   const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : "";
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      "aria-label": name,
-      disabled,
-      error: errorMessage,
-      label,
-      name,
-      onChange,
-      placeholder: formattedPlaceholder,
-      type,
-      value: inputValue
-    }
-  );
+  return /* @__PURE__ */ jsxs(Field.Root, { error: errorMessage, name, children: [
+    /* @__PURE__ */ jsx(Field.Label, { children: label }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        disabled,
+        onChange,
+        placeholder: formattedPlaceholder,
+        type,
+        value: inputValue
+      }
+    ),
+    /* @__PURE__ */ jsx(Field.Error, {})
+  ] });
 };
 Input.defaultProps = {
   description: null,
@@ -120,11 +121,8 @@ const FormModal = ({
   providerToEditName
 }) => {
   const { formatMessage } = useIntl();
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(ModalLayout, { onClose: onToggle, labelledBy: "title", children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Breadcrumbs, { label: headerBreadcrumbs.join(", "), children: headerBreadcrumbs.map((crumb, index, arr) => /* @__PURE__ */ jsx(Crumb, { isCurrent: index === arr.length - 1, children: crumb }, crumb)) }) }),
+  return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: onToggle, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Breadcrumbs, { label: headerBreadcrumbs.join(", "), children: headerBreadcrumbs.map((crumb, index, arr) => /* @__PURE__ */ jsx(Crumb, { isCurrent: index === arr.length - 1, children: crumb }, crumb)) }) }),
     /* @__PURE__ */ jsx(
       Formik,
       {
@@ -134,35 +132,42 @@ const FormModal = ({
         validateOnChange: false,
         children: ({ errors, handleChange, values }) => {
           return /* @__PURE__ */ jsxs(Form, { children: [
-            /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Grid, { gap: 5, children: layout.form.map((row) => {
+            /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Grid.Root, { gap: 5, children: layout.form.map((row) => {
               return row.map((input) => {
-                return /* @__PURE__ */ jsx(GridItem, { col: input.size, xs: 12, children: /* @__PURE__ */ jsx(
-                  Input,
+                return /* @__PURE__ */ jsx(
+                  Grid.Item,
                   {
-                    ...input,
-                    error: errors[input.name],
-                    onChange: handleChange,
-                    value: values[input.name],
-                    providerToEditName
-                  }
-                ) }, input.name);
+                    col: input.size,
+                    xs: 12,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        ...input,
+                        error: errors[input.name],
+                        onChange: handleChange,
+                        value: values[input.name],
+                        providerToEditName
+                      }
+                    )
+                  },
+                  input.name
+                );
               });
             }) }) }) }),
-            /* @__PURE__ */ jsx(
-              ModalFooter,
-              {
-                startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
-                  id: "app.components.Button.cancel",
-                  defaultMessage: "Cancel"
-                }) }),
-                endActions: /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmiting, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
-              }
-            )
+            /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+              /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
+                id: "app.components.Button.cancel",
+                defaultMessage: "Cancel"
+              }) }),
+              /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmiting, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
+            ] })
           ] });
         }
       }
     )
-  ] });
+  ] }) });
 };
 FormModal.defaultProps = {
   initialData: null,
@@ -210,6 +215,8 @@ const secretLabel = {
   id: getTrad("PopUpForm.Providers.secret.label"),
   defaultMessage: "Client Secret"
 };
+const CALLBACK_REGEX = /^$|^[a-z][a-z0-9+.-]*:\/\/[^\s/$.?#](?:[^\s]*[^\s/$.?#])?$/i;
+const SUBDOMAIN_REGEX = /^(([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+)(:\d+)?(\/\S*)?$/i;
 const forms = {
   email: {
     form: [
@@ -228,7 +235,7 @@ const forms = {
       ]
     ],
     schema: yup.object().shape({
-      enabled: yup.bool().required(translatedErrors.required)
+      enabled: yup.bool().required(translatedErrors.required.id)
     })
   },
   providers: {
@@ -293,20 +300,20 @@ const forms = {
       ]
     ],
     schema: yup.object().shape({
-      enabled: yup.bool().required(translatedErrors.required),
+      enabled: yup.bool().required(translatedErrors.required.id),
       key: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().required(translatedErrors.required.id),
         otherwise: yup.string()
       }),
       secret: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().required(translatedErrors.required.id),
         otherwise: yup.string()
       }),
       callback: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().matches(CALLBACK_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
         otherwise: yup.string()
       })
     })
@@ -406,25 +413,25 @@ const forms = {
       ]
     ],
     schema: yup.object().shape({
-      enabled: yup.bool().required(translatedErrors.required),
+      enabled: yup.bool().required(translatedErrors.required.id),
       key: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().required(translatedErrors.required.id),
         otherwise: yup.string()
       }),
       secret: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().required(translatedErrors.required.id),
         otherwise: yup.string()
       }),
       subdomain: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().matches(SUBDOMAIN_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
         otherwise: yup.string()
       }),
       callback: yup.string().when("enabled", {
         is: true,
-        then: yup.string().required(translatedErrors.required),
+        then: yup.string().matches(CALLBACK_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
         otherwise: yup.string()
       })
     })
@@ -436,14 +443,12 @@ const ProvidersPage = () => {
   const { trackUsage } = useTracking();
   const [isOpen, setIsOpen] = React.useState(false);
   const [providerToEditName, setProviderToEditName] = React.useState(null);
-  const toggleNotification = useNotification();
-  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { toggleNotification } = useNotification();
   const { get, put } = useFetchClient();
   const { formatAPIError } = useAPIErrorHandler();
   const formatter = useCollator(locale, {
     sensitivity: "base"
   });
-  useFocusWhenNavigate();
   const {
     isLoading: isLoadingPermissions,
     allowedActions: { canUpdate }
@@ -460,21 +465,19 @@ const ProvidersPage = () => {
   );
   const submitMutation = useMutation((body) => put("/users-permissions/providers", body), {
     async onSuccess() {
-      await queryClient.invalidateQueries(["users-permissions", "providers"]);
+      await queryClient.invalidateQueries(["users-permissions", "get-providers"]);
       toggleNotification({
         type: "success",
-        message: { id: getTrad("notification.success.submit") }
+        message: formatMessage({ id: getTrad("notification.success.submit") })
       });
       trackUsage("didEditAuthenticationProvider");
       handleToggleModal();
-      unlockApp();
     },
     onError(error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError(error)
       });
-      unlockApp();
     },
     refetchActive: false
   });
@@ -515,23 +518,25 @@ const ProvidersPage = () => {
     }
   };
   const handleSubmit = async (values) => {
-    lockApp();
     trackUsage("willEditAuthenticationProvider");
     submitMutation.mutate({ providers: { ...data, [providerToEditName]: values } });
   };
-  return /* @__PURE__ */ jsxs(Layout, { children: [
-    /* @__PURE__ */ jsx(
-      SettingsPageTitle,
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
+    /* @__PURE__ */ jsx(Page.Title, { children: formatMessage(
+      { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
       {
         name: formatMessage({
           id: getTrad("HeaderNav.link.providers"),
           defaultMessage: "Providers"
         })
       }
-    ),
-    /* @__PURE__ */ jsxs(Main, { children: [
+    ) }),
+    /* @__PURE__ */ jsxs(Page.Main, { children: [
       /* @__PURE__ */ jsx(
-        HeaderLayout,
+        Layouts.Header,
         {
           title: formatMessage({
             id: getTrad("HeaderNav.link.providers"),
@@ -539,7 +544,7 @@ const ProvidersPage = () => {
           })
         }
       ),
-      isLoading ? /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) : /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Table, { colCount: 3, rowCount: providers.length + 1, children: [
+      /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsxs(Table, { colCount: 3, rowCount: providers.length + 1, children: [
         /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
           /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "global.name", defaultMessage: "Name" }) }) }),
           /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: getTrad("Providers.status"), defaultMessage: "Status" }) }) }),
@@ -551,10 +556,7 @@ const ProvidersPage = () => {
         /* @__PURE__ */ jsx(Tbody, { children: providers.map((provider) => /* @__PURE__ */ jsxs(
           Tr,
           {
-            ...onRowClick({
-              fn: () => handleClickEdit(provider),
-              condition: canUpdate
-            }),
+            onClick: () => canUpdate ? handleClickEdit(provider) : void 0,
             children: [
               /* @__PURE__ */ jsx(Td, { width: "45%", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral800", children: provider.name }) }),
               /* @__PURE__ */ jsx(Td, { width: "65%", children: /* @__PURE__ */ jsx(
@@ -571,13 +573,13 @@ const ProvidersPage = () => {
                   })
                 }
               ) }),
-              /* @__PURE__ */ jsx(Td, { ...stopPropagation, children: canUpdate && /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Td, { onClick: (e) => e.stopPropagation(), children: canUpdate && /* @__PURE__ */ jsx(
                 IconButton,
                 {
                   onClick: () => handleClickEdit(provider),
-                  noBorder: true,
-                  icon: /* @__PURE__ */ jsx(Pencil, {}),
-                  label: "Edit"
+                  variant: "ghost",
+                  label: "Edit",
+                  children: /* @__PURE__ */ jsx(Pencil, {})
                 }
               ) })
             ]
@@ -607,9 +609,9 @@ const ProvidersPage = () => {
     )
   ] });
 };
-const ProtectedProvidersPage = () => /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.readProviders, children: /* @__PURE__ */ jsx(ProvidersPage, {}) });
+const ProtectedProvidersPage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.readProviders, children: /* @__PURE__ */ jsx(ProvidersPage, {}) });
 export {
   ProvidersPage,
   ProtectedProvidersPage as default
 };
-//# sourceMappingURL=index-eE2qjbfg.mjs.map
+//# sourceMappingURL=index-XOcQhJMB.mjs.map