@strapi/admin 4.15.0 → 4.15.2

package/dist/_chunks/index-17fbff58.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const helperPlugin = require("@strapi/helper-plugin");
+const reactRedux = require("react-redux");
+const AuthenticatedApp = require("./AuthenticatedApp-d1e28164.js");
+const index = require("./index-c0603138.js");
+require("react");
+require("react-query");
+require("semver/functions/lt");
+require("semver/functions/valid");
+require("./index-e2663a88.js");
+require("react-dom/client");
+require("@strapi/design-system");
+require("invariant");
+require("lodash/isFunction");
+require("lodash/merge");
+require("lodash/pick");
+require("react-helmet");
+require("react-router-dom");
+require("react-intl");
+require("@radix-ui/react-context");
+require("@strapi/design-system/v2");
+require("@strapi/icons");
+require("formik");
+require("lodash/camelCase");
+require("styled-components");
+require("yup");
+require("lodash/defaultsDeep");
+require("lodash/omit");
+require("qs");
+require("immer");
+require("lodash/get");
+require("lodash/set");
+require("@reduxjs/toolkit");
+require("react-dnd");
+require("react-dnd-html5-backend");
+require("lodash/cloneDeep");
+require("./formatAPIErrors-b599cf27.js");
+require("./constants-da2542a3.js");
+require("./index-d3e1fd86.js");
+require("prop-types");
+require("axios");
+require("date-fns");
+require("date-fns/locale");
+require("lodash/map");
+require("lodash/tail");
+require("lodash/capitalize");
+require("lodash/pull");
+const ProtectedApiTokenCreateView = () => {
+  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings["api-tokens"].create, children: /* @__PURE__ */ jsxRuntime.jsx(index.ApiTokenCreateView, {}) });
+};
+exports.default = ProtectedApiTokenCreateView;
+//# sourceMappingURL=index-17fbff58.js.map

package/dist/_chunks/index-17fbff58.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-17fbff58.js","sources":["../../admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedCreateView/index.js"],"sourcesContent":["import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditView from '../EditView';\n\nconst ProtectedApiTokenCreateView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['api-tokens'].create}>\n      <EditView />\n    </CheckPagePermissions>\n  );\n};\n\nexport default ProtectedApiTokenCreateView;\n"],"names":["useSelector","selectAdminPermissions","jsx","CheckPagePermissions","EditView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,8BAA8B,MAAM;AAClC,QAAA,cAAcA,uBAAYC,iBAAAA,sBAAsB;AAGpD,SAAAC,2BAAA,IAACC,aAAqB,sBAAA,EAAA,aAAa,YAAY,SAAS,YAAY,EAAE,QACpE,UAACD,2BAAA,IAAAE,MAAA,oBAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;;"}

package/dist/_chunks/index-18155022.mjs

@@ -0,0 +1,314 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useFetchClient, useAPIErrorHandler, useNotification, ConfirmDialog, CheckPagePermissions } from "@strapi/helper-plugin";
+import { useDispatch, useSelector } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-fd7e406d.mjs";
+import * as React from "react";
+import { Button, Flex, Loader, Typography } from "@strapi/design-system";
+import { Check } from "@strapi/icons";
+import { useFormik, FormikProvider, Form } from "formik";
+import set from "lodash/set";
+import { useIntl } from "react-intl";
+import { useMutation } from "react-query";
+import { useHistory } from "react-router-dom";
+import { u as useAdminRoles } from "./useAdminRoles-7ab5d521.mjs";
+import { u as useContentTypes } from "./useContentTypes-53b449bb.mjs";
+import { s as selectIsLoading, a as selectIsWorkflowDirty, b as selectCurrentWorkflow, c as selectRoles, v as validateWorkflow, u as useInjectReducer, r as resetWorkflow, d as setWorkflows, e as setContentTypes, f as setRoles, g as setIsLoading, h as addStage, W as WorkflowAttributes, S as Stages, i as reducer } from "./validateWorkflow-2511dc85.mjs";
+import { u as useLicenseLimits } from "./useLicenseLimits-13a102d3.mjs";
+import { D as DragLayerRendered, H as Header, B as Back, R as Root } from "./Layout-72fa2ace.mjs";
+import { L as LimitsModal, T as Title, B as Body } from "./LimitsModal-da04700e.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, a as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME, R as REDUX_NAMESPACE } from "./constants-8092eeb5.mjs";
+import { u as useReviewWorkflows } from "./useReviewWorkflows-9e6b8986.mjs";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "./index-60a57d31.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "lodash/camelCase";
+import "styled-components";
+import "yup";
+import "lodash/defaultsDeep";
+import "lodash/omit";
+import "qs";
+import "immer";
+import "lodash/get";
+import "@reduxjs/toolkit";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "lodash/cloneDeep";
+import "axios";
+import "prop-types";
+import "./schema-ac25a47b.mjs";
+import "lodash/isBoolean";
+import "lodash/isEmpty";
+import "lodash/isNaN";
+import "lodash/toNumber";
+import "lodash/isObject";
+import "./colors-e7489dd4.mjs";
+import "lodash/isEqual";
+import "./DragLayer-bff96835.mjs";
+function ReviewWorkflowsCreateView() {
+  const { formatMessage } = useIntl();
+  const { post } = useFetchClient();
+  const { push } = useHistory();
+  const { formatAPIError } = useAPIErrorHandler();
+  const dispatch = useDispatch();
+  const toggleNotification = useNotification();
+  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();
+  const { isLoading: isLoadingWorkflow, meta, workflows } = useReviewWorkflows();
+  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles(void 0, {
+    retry: false
+  });
+  const isLoading = useSelector(selectIsLoading);
+  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);
+  const currentWorkflow = useSelector(selectCurrentWorkflow);
+  const roles = useSelector(selectRoles);
+  const [showLimitModal, setShowLimitModal] = React.useState(false);
+  const { isLoading: isLicenseLoading, getFeature } = useLicenseLimits();
+  const [initialErrors, setInitialErrors] = React.useState(null);
+  const [savePrompts, setSavePrompts] = React.useState({});
+  const limits = getFeature("review-workflows");
+  const contentTypesFromOtherWorkflows = workflows.flatMap((workflow) => workflow.contentTypes);
+  const { mutateAsync, isLoading: isLoadingMutation } = useMutation(
+    async ({ workflow }) => {
+      const {
+        data: { data }
+      } = await post(`/admin/review-workflows/workflows`, {
+        data: workflow
+      });
+      return data;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: {
+            id: "Settings.review-workflows.create.page.notification.success",
+            defaultMessage: "Workflow successfully created"
+          }
+        });
+      }
+    }
+  );
+  const submitForm = async () => {
+    setSavePrompts({});
+    try {
+      const workflow = await mutateAsync({ workflow: currentWorkflow });
+      push(`/settings/review-workflows/${workflow.id}`);
+      return workflow;
+    } catch (error) {
+      if (error.response.data?.error?.name === "ValidationError" && error.response.data?.error?.details?.errors?.length > 0) {
+        setInitialErrors(
+          error.response.data?.error?.details?.errors.reduce((acc, error2) => {
+            set(acc, error2.path, error2.message);
+            return acc;
+          }, {})
+        );
+      }
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(error)
+      });
+      return null;
+    }
+  };
+  const handleConfirmDeleteDialog = async () => {
+    await submitForm();
+  };
+  const handleConfirmClose = () => {
+    setSavePrompts({});
+  };
+  const formik = useFormik({
+    enableReinitialize: true,
+    initialErrors,
+    initialValues: currentWorkflow,
+    async onSubmit() {
+      const isContentTypeReassignment = currentWorkflow.contentTypes.some(
+        (contentType) => contentTypesFromOtherWorkflows.includes(contentType)
+      );
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && meta?.workflowCount >= parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && currentWorkflow.stages.length >= parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("stage");
+      } else if (isContentTypeReassignment) {
+        setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));
+      } else {
+        submitForm();
+      }
+    },
+    validate(values) {
+      return validateWorkflow({ values, formatMessage });
+    }
+  });
+  useInjectReducer(REDUX_NAMESPACE, reducer);
+  React.useEffect(() => {
+    dispatch(resetWorkflow());
+    if (!isLoadingWorkflow) {
+      dispatch(setWorkflows({ workflows }));
+    }
+    if (!isLoadingContentTypes) {
+      dispatch(setContentTypes({ collectionTypes, singleTypes }));
+    }
+    if (!isLoadingRoles) {
+      dispatch(setRoles(serverRoles));
+    }
+    dispatch(setIsLoading(isLoadingContentTypes || isLoadingRoles));
+    dispatch(
+      addStage({
+        name: ""
+      })
+    );
+  }, [
+    collectionTypes,
+    dispatch,
+    isLoadingContentTypes,
+    isLoadingRoles,
+    isLoadingWorkflow,
+    serverRoles,
+    singleTypes,
+    workflows
+  ]);
+  React.useEffect(() => {
+    if (!isLoadingWorkflow && !isLicenseLoading) {
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && meta?.workflowsTotal >= parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && currentWorkflow.stages.length >= parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("stage");
+      }
+    }
+  }, [
+    isLicenseLoading,
+    isLoadingWorkflow,
+    limits,
+    meta?.workflowsTotal,
+    currentWorkflow.stages.length
+  ]);
+  React.useEffect(() => {
+    if (!isLoading && roles.length === 0) {
+      toggleNotification({
+        blockTransition: true,
+        type: "warning",
+        message: formatMessage({
+          id: "Settings.review-workflows.stage.permissions.noPermissions.description",
+          defaultMessage: "You don’t have the permission to see roles"
+        })
+      });
+    }
+  }, [formatMessage, isLoading, roles, toggleNotification]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DragLayerRendered, {}),
+    /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsxs(Form, { onSubmit: formik.handleSubmit, children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          navigationAction: /* @__PURE__ */ jsx(Back, { href: "/settings/review-workflows" }),
+          primaryAction: /* @__PURE__ */ jsx(
+            Button,
+            {
+              startIcon: /* @__PURE__ */ jsx(Check, {}),
+              type: "submit",
+              size: "M",
+              disabled: !currentWorkflowIsDirty,
+              isLoading: isLoadingMutation,
+              children: formatMessage({
+                id: "global.save",
+                defaultMessage: "Save"
+              })
+            }
+          ),
+          title: formatMessage({
+            id: "Settings.review-workflows.create.page.title",
+            defaultMessage: "Create Review Workflow"
+          }),
+          subtitle: formatMessage(
+            {
+              id: "Settings.review-workflows.page.subtitle",
+              defaultMessage: "{count, plural, one {# stage} other {# stages}}"
+            },
+            { count: currentWorkflow?.stages?.length ?? 0 }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsx(Flex, { alignItems: "stretch", direction: "column", gap: 7, children: isLoading ? /* @__PURE__ */ jsx(Loader, { children: formatMessage({
+        id: "Settings.review-workflows.page.isLoading",
+        defaultMessage: "Workflow is loading"
+      }) }) : /* @__PURE__ */ jsxs(Flex, { alignItems: "stretch", direction: "column", gap: 7, children: [
+        /* @__PURE__ */ jsx(WorkflowAttributes, {}),
+        /* @__PURE__ */ jsx(Stages, { stages: formik.values?.stages })
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog.Root,
+      {
+        isConfirmButtonLoading: isLoading,
+        isOpen: Object.keys(savePrompts).length > 0,
+        onToggleDialog: handleConfirmClose,
+        onConfirm: handleConfirmDeleteDialog,
+        children: /* @__PURE__ */ jsx(ConfirmDialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, children: [
+          savePrompts.hasReassignedContentTypes && /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", children: formatMessage(
+            {
+              id: "Settings.review-workflows.page.delete.confirm.contentType.body",
+              defaultMessage: "{count} {count, plural, one {content-type} other {content-types}} {count, plural, one {is} other {are}} already mapped to {count, plural, one {another workflow} other {other workflows}}. If you save changes, {count, plural, one {this} other {these}} {count, plural, one {content-type} other {{count} content-types}} will no more be mapped to the {count, plural, one {another workflow} other {other workflows}} and all corresponding information will be removed."
+            },
+            {
+              count: contentTypesFromOtherWorkflows.filter(
+                (contentType) => currentWorkflow.contentTypes.includes(contentType)
+              ).length
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", children: formatMessage({
+            id: "Settings.review-workflows.page.delete.confirm.confirm",
+            defaultMessage: "Are you sure you want to save?"
+          }) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(false),
+        children: [
+          /* @__PURE__ */ jsx(Title, { children: formatMessage({
+            id: "Settings.review-workflows.create.page.workflows.limit.title",
+            defaultMessage: "You’ve reached the limit of workflows in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(Body, { children: formatMessage({
+            id: "Settings.review-workflows.create.page.workflows.limit.body",
+            defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal,
+      {
+        isOpen: showLimitModal === "stage",
+        onClose: () => setShowLimitModal(false),
+        children: [
+          /* @__PURE__ */ jsx(Title, { children: formatMessage({
+            id: "Settings.review-workflows.create.page.stages.limit.title",
+            defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(Body, { children: formatMessage({
+            id: "Settings.review-workflows.create.page.stages.limit.body",
+            defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+function index() {
+  const permissions = useSelector(selectAdminPermissions);
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings["review-workflows"].create, children: /* @__PURE__ */ jsx(ReviewWorkflowsCreateView, {}) });
+}
+export {
+  index as default
+};
+//# sourceMappingURL=index-18155022.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-18155022.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/pages/CreateView/CreateView.js","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/pages/CreateView/index.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Flex, Loader, Typography } from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport { useFormik, Form, FormikProvider } from 'formik';\nimport set from 'lodash/set';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { useAdminRoles } from '../../../../../../../../../admin/src/hooks/useAdminRoles';\nimport { useContentTypes } from '../../../../../../../../../admin/src/hooks/useContentTypes';\nimport { useInjectReducer } from '../../../../../../../../../admin/src/hooks/useInjectReducer';\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\nimport {\n  addStage,\n  resetWorkflow,\n  setContentTypes,\n  setIsLoading,\n  setRoles,\n  setWorkflows,\n} from '../../actions';\nimport * as Layout from '../../components/Layout';\nimport * as LimitsModal from '../../components/LimitsModal';\nimport { Stages } from '../../components/Stages';\nimport { WorkflowAttributes } from '../../components/WorkflowAttributes';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n  REDUX_NAMESPACE,\n} from '../../constants';\nimport { useReviewWorkflows } from '../../hooks/useReviewWorkflows';\nimport { reducer } from '../../reducer';\nimport {\n  selectIsLoading,\n  selectIsWorkflowDirty,\n  selectCurrentWorkflow,\n  selectRoles,\n} from '../../selectors';\nimport { validateWorkflow } from '../../utils/validateWorkflow';\n\nexport function ReviewWorkflowsCreateView() {\n  const { formatMessage } = useIntl();\n  const { post } = useFetchClient();\n  const { push } = useHistory();\n  const { formatAPIError } = useAPIErrorHandler();\n  const dispatch = useDispatch();\n  const toggleNotification = useNotification();\n  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();\n  const { isLoading: isLoadingWorkflow, meta, workflows } = useReviewWorkflows();\n  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles(undefined, {\n    retry: false,\n  });\n  const isLoading = useSelector(selectIsLoading);\n  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);\n  const currentWorkflow = useSelector(selectCurrentWorkflow);\n  const roles = useSelector(selectRoles);\n  const [showLimitModal, setShowLimitModal] = React.useState(false);\n  const { isLoading: isLicenseLoading, getFeature } = useLicenseLimits();\n  const [initialErrors, setInitialErrors] = React.useState(null);\n  const [savePrompts, setSavePrompts] = React.useState({});\n\n  const limits = getFeature('review-workflows');\n  const contentTypesFromOtherWorkflows = workflows.flatMap((workflow) => workflow.contentTypes);\n\n  const { mutateAsync, isLoading: isLoadingMutation } = useMutation(\n    async ({ workflow }) => {\n      const {\n        data: { data },\n      } = await post(`/admin/review-workflows/workflows`, {\n        data: workflow,\n      });\n\n      return data;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'Settings.review-workflows.create.page.notification.success',\n            defaultMessage: 'Workflow successfully created',\n          },\n        });\n      },\n    }\n  );\n\n  const submitForm = async () => {\n    setSavePrompts({});\n\n    try {\n      const workflow = await mutateAsync({ workflow: currentWorkflow });\n\n      push(`/settings/review-workflows/${workflow.id}`);\n\n      return workflow;\n    } catch (error) {\n      // TODO: this would benefit from a utility to get a formik error\n      // representation from an API error\n      if (\n        error.response.data?.error?.name === 'ValidationError' &&\n        error.response.data?.error?.details?.errors?.length > 0\n      ) {\n        setInitialErrors(\n          error.response.data?.error?.details?.errors.reduce((acc, error) => {\n            set(acc, error.path, error.message);\n\n            return acc;\n          }, {})\n        );\n      }\n\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n\n      return null;\n    }\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    await submitForm();\n  };\n\n  const handleConfirmClose = () => {\n    setSavePrompts({});\n  };\n\n  const formik = useFormik({\n    enableReinitialize: true,\n    initialErrors,\n    initialValues: currentWorkflow,\n    async onSubmit() {\n      const isContentTypeReassignment = currentWorkflow.contentTypes.some((contentType) =>\n        contentTypesFromOtherWorkflows.includes(contentType)\n      );\n\n      /**\n       * If the current license has a limit, check if the total count of workflows\n       * exceeds that limit and display the limits modal instead of sending the\n       * update, because it would throw an API error.\n       */\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        meta?.workflowCount >= parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit, check if the total count of stages\n         * exceeds that limit and display the limits modal instead of sending the\n         * update, because it would throw an API error.\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        currentWorkflow.stages.length >=\n          parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('stage');\n      } else if (isContentTypeReassignment) {\n        setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));\n      } else {\n        submitForm();\n      }\n    },\n    validate(values) {\n      return validateWorkflow({ values, formatMessage });\n    },\n  });\n\n  useInjectReducer(REDUX_NAMESPACE, reducer);\n\n  React.useEffect(() => {\n    dispatch(resetWorkflow());\n\n    if (!isLoadingWorkflow) {\n      dispatch(setWorkflows({ workflows }));\n    }\n\n    if (!isLoadingContentTypes) {\n      dispatch(setContentTypes({ collectionTypes, singleTypes }));\n    }\n\n    if (!isLoadingRoles) {\n      dispatch(setRoles(serverRoles));\n    }\n\n    dispatch(setIsLoading(isLoadingContentTypes || isLoadingRoles));\n\n    // Create an empty default stage\n    dispatch(\n      addStage({\n        name: '',\n      })\n    );\n  }, [\n    collectionTypes,\n    dispatch,\n    isLoadingContentTypes,\n    isLoadingRoles,\n    isLoadingWorkflow,\n    serverRoles,\n    singleTypes,\n    workflows,\n  ]);\n\n  /**\n   * If the current license has a limit:\n   * check if the total count of workflows or stages exceeds that limit and display\n   * the limits modal on page load. It can be closed by the user, but the\n   * API will throw an error in case they try to create a new workflow or update the\n   * stages.\n   *\n   * If the current license does not have a limit (e.g. offline license):\n   * do nothing (for now). In case they are trying to create the 201st workflow/ stage\n   * the API will throw an error.\n   *\n   */\n\n  React.useEffect(() => {\n    if (!isLoadingWorkflow && !isLicenseLoading) {\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        meta?.workflowsTotal >= parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('workflow');\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        currentWorkflow.stages.length >=\n          parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('stage');\n      }\n    }\n  }, [\n    isLicenseLoading,\n    isLoadingWorkflow,\n    limits,\n    meta?.workflowsTotal,\n    currentWorkflow.stages.length,\n  ]);\n\n  React.useEffect(() => {\n    if (!isLoading && roles.length === 0) {\n      toggleNotification({\n        blockTransition: true,\n        type: 'warning',\n        message: formatMessage({\n          id: 'Settings.review-workflows.stage.permissions.noPermissions.description',\n          defaultMessage: 'You don’t have the permission to see roles',\n        }),\n      });\n    }\n  }, [formatMessage, isLoading, roles, toggleNotification]);\n\n  return (\n    <>\n      <Layout.DragLayerRendered />\n\n      <FormikProvider value={formik}>\n        <Form onSubmit={formik.handleSubmit}>\n          <Layout.Header\n            navigationAction={<Layout.Back href=\"/settings/review-workflows\" />}\n            primaryAction={\n              <Button\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"M\"\n                disabled={!currentWorkflowIsDirty}\n                isLoading={isLoadingMutation}\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </Button>\n            }\n            title={formatMessage({\n              id: 'Settings.review-workflows.create.page.title',\n              defaultMessage: 'Create Review Workflow',\n            })}\n            subtitle={formatMessage(\n              {\n                id: 'Settings.review-workflows.page.subtitle',\n                defaultMessage: '{count, plural, one {# stage} other {# stages}}',\n              },\n              { count: currentWorkflow?.stages?.length ?? 0 }\n            )}\n          />\n          <Layout.Root>\n            <Flex alignItems=\"stretch\" direction=\"column\" gap={7}>\n              {isLoading ? (\n                <Loader>\n                  {formatMessage({\n                    id: 'Settings.review-workflows.page.isLoading',\n                    defaultMessage: 'Workflow is loading',\n                  })}\n                </Loader>\n              ) : (\n                <Flex alignItems=\"stretch\" direction=\"column\" gap={7}>\n                  <WorkflowAttributes />\n                  <Stages stages={formik.values?.stages} />\n                </Flex>\n              )}\n            </Flex>\n          </Layout.Root>\n        </Form>\n      </FormikProvider>\n\n      <ConfirmDialog.Root\n        isConfirmButtonLoading={isLoading}\n        isOpen={Object.keys(savePrompts).length > 0}\n        onToggleDialog={handleConfirmClose}\n        onConfirm={handleConfirmDeleteDialog}\n      >\n        <ConfirmDialog.Body>\n          <Flex direction=\"column\" gap={5}>\n            {savePrompts.hasReassignedContentTypes && (\n              <Typography textAlign=\"center\" variant=\"omega\">\n                {formatMessage(\n                  {\n                    id: 'Settings.review-workflows.page.delete.confirm.contentType.body',\n                    defaultMessage:\n                      '{count} {count, plural, one {content-type} other {content-types}} {count, plural, one {is} other {are}} already mapped to {count, plural, one {another workflow} other {other workflows}}. If you save changes, {count, plural, one {this} other {these}} {count, plural, one {content-type} other {{count} content-types}} will no more be mapped to the {count, plural, one {another workflow} other {other workflows}} and all corresponding information will be removed.',\n                  },\n                  {\n                    count: contentTypesFromOtherWorkflows.filter((contentType) =>\n                      currentWorkflow.contentTypes.includes(contentType)\n                    ).length,\n                  }\n                )}\n              </Typography>\n            )}\n\n            <Typography textAlign=\"center\" variant=\"omega\">\n              {formatMessage({\n                id: 'Settings.review-workflows.page.delete.confirm.confirm',\n                defaultMessage: 'Are you sure you want to save?',\n              })}\n            </Typography>\n          </Flex>\n        </ConfirmDialog.Body>\n      </ConfirmDialog.Root>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.page.workflows.limit.title',\n            defaultMessage: 'You’ve reached the limit of workflows in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.page.workflows.limit.body',\n            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'stage'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.page.stages.limit.title',\n            defaultMessage: 'You have reached the limit of stages for this workflow in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.page.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n}\n","import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\n\nimport { ReviewWorkflowsCreateView } from './CreateView';\n\nexport default function () {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['review-workflows'].create}>\n      <ReviewWorkflowsCreateView />\n    </CheckPagePermissions>\n  );\n}\n"],"names":["error","Layout.DragLayerRendered","Layout.Header","Layout.Back","Layout.Root","LimitsModal.Root","LimitsModal.Title","LimitsModal.Body"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,SAAS,4BAA4B;AACpC,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,SAAS;AACX,QAAA,EAAE,SAAS;AACX,QAAA,EAAE,mBAAmB;AAC3B,QAAM,WAAW;AACjB,QAAM,qBAAqB;AAC3B,QAAM,EAAE,iBAAiB,aAAa,WAAW,sBAAA,IAA0B;AAC3E,QAAM,EAAE,WAAW,mBAAmB,MAAM,UAAA,IAAc;AAC1D,QAAM,EAAE,WAAW,gBAAgB,OAAO,gBAAgB,cAAc,QAAW;AAAA,IACjF,OAAO;AAAA,EAAA,CACR;AACK,QAAA,YAAY,YAAY,eAAe;AACvC,QAAA,yBAAyB,YAAY,qBAAqB;AAC1D,QAAA,kBAAkB,YAAY,qBAAqB;AACnD,QAAA,QAAQ,YAAY,WAAW;AACrC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAChE,QAAM,EAAE,WAAW,kBAAkB,eAAe,iBAAiB;AACrE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,IAAI;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAA,CAAE;AAEjD,QAAA,SAAS,WAAW,kBAAkB;AAC5C,QAAM,iCAAiC,UAAU,QAAQ,CAAC,aAAa,SAAS,YAAY;AAE5F,QAAM,EAAE,aAAa,WAAW,kBAAsB,IAAA;AAAA,IACpD,OAAO,EAAE,SAAA,MAAe;AAChB,YAAA;AAAA,QACJ,MAAM,EAAE,KAAK;AAAA,MAAA,IACX,MAAM,KAAK,qCAAqC;AAAA,QAClD,MAAM;AAAA,MAAA,CACP;AAEM,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,YAAY;AACS,2BAAA;AAAA,UACjB,MAAM;AAAA,UACN,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,aAAa,YAAY;AAC7B,mBAAe,CAAE,CAAA;AAEb,QAAA;AACF,YAAM,WAAW,MAAM,YAAY,EAAE,UAAU,gBAAiB,CAAA;AAE3D,WAAA,8BAA8B,SAAS,EAAE,EAAE;AAEzC,aAAA;AAAA,aACA,OAAO;AAGd,UACE,MAAM,SAAS,MAAM,OAAO,SAAS,qBACrC,MAAM,SAAS,MAAM,OAAO,SAAS,QAAQ,SAAS,GACtD;AACA;AAAA,UACE,MAAM,SAAS,MAAM,OAAO,SAAS,OAAO,OAAO,CAAC,KAAKA,WAAU;AACjE,gBAAI,KAAKA,OAAM,MAAMA,OAAM,OAAO;AAE3B,mBAAA;AAAA,UACT,GAAG,EAAE;AAAA,QAAA;AAAA,MAET;AAEmB,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,eAAe,KAAK;AAAA,MAAA,CAC9B;AAEM,aAAA;AAAA,IACT;AAAA,EAAA;AAGF,QAAM,4BAA4B,YAAY;AAC5C,UAAM,WAAW;AAAA,EAAA;AAGnB,QAAM,qBAAqB,MAAM;AAC/B,mBAAe,CAAE,CAAA;AAAA,EAAA;AAGnB,QAAM,SAAS,UAAU;AAAA,IACvB,oBAAoB;AAAA,IACpB;AAAA,IACA,eAAe;AAAA,IACf,MAAM,WAAW;AACT,YAAA,4BAA4B,gBAAgB,aAAa;AAAA,QAAK,CAAC,gBACnE,+BAA+B,SAAS,WAAW;AAAA,MAAA;AAUnD,UAAA,SAAS,mCAAmC,KAC5C,MAAM,iBAAiB,SAAS,OAAO,mCAAmC,GAAG,EAAE,GAC/E;AACA,0BAAkB,UAAU;AAAA,MAQ5B,WAAA,SAAS,8CAA8C,KACvD,gBAAgB,OAAO,UACrB,SAAS,OAAO,8CAA8C,GAAG,EAAE,GACrE;AACA,0BAAkB,OAAO;AAAA,iBAChB,2BAA2B;AACpC,uBAAe,CAAC,UAAU,EAAE,GAAG,MAAM,2BAA2B,KAAO,EAAA;AAAA,MAAA,OAClE;AACM;MACb;AAAA,IACF;AAAA,IACA,SAAS,QAAQ;AACf,aAAO,iBAAiB,EAAE,QAAQ,cAAe,CAAA;AAAA,IACnD;AAAA,EAAA,CACD;AAED,mBAAiB,iBAAiB,OAAO;AAEzC,QAAM,UAAU,MAAM;AACpB,aAAS,eAAe;AAExB,QAAI,CAAC,mBAAmB;AACtB,eAAS,aAAa,EAAE,UAAU,CAAC,CAAC;AAAA,IACtC;AAEA,QAAI,CAAC,uBAAuB;AAC1B,eAAS,gBAAgB,EAAE,iBAAiB,YAAA,CAAa,CAAC;AAAA,IAC5D;AAEA,QAAI,CAAC,gBAAgB;AACV,eAAA,SAAS,WAAW,CAAC;AAAA,IAChC;AAES,aAAA,aAAa,yBAAyB,cAAc,CAAC;AAG9D;AAAA,MACE,SAAS;AAAA,QACP,MAAM;AAAA,MAAA,CACP;AAAA,IAAA;AAAA,EACH,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAeD,QAAM,UAAU,MAAM;AAChB,QAAA,CAAC,qBAAqB,CAAC,kBAAkB;AAEzC,UAAA,SAAS,mCAAmC,KAC5C,MAAM,kBAAkB,SAAS,OAAO,mCAAmC,GAAG,EAAE,GAChF;AACA,0BAAkB,UAAU;AAAA,MAE5B,WAAA,SAAS,8CAA8C,KACvD,gBAAgB,OAAO,UACrB,SAAS,OAAO,8CAA8C,GAAG,EAAE,GACrE;AACA,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,gBAAgB,OAAO;AAAA,EAAA,CACxB;AAED,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,MAAM,WAAW,GAAG;AACjB,yBAAA;AAAA,QACjB,iBAAiB;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA,CACF;AAAA,IACH;AAAA,KACC,CAAC,eAAe,WAAW,OAAO,kBAAkB,CAAC;AAExD,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAAC,mBAAA,EAAyB;AAAA,IAE1B,oBAAC,kBAAe,OAAO,QACrB,+BAAC,MAAK,EAAA,UAAU,OAAO,cACrB,UAAA;AAAA,MAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,kBAAmB,oBAAAC,MAAA,EAAY,MAAK,6BAA6B,CAAA;AAAA,UACjE,eACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,+BAAY,OAAM,EAAA;AAAA,cAClB,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,CAAC;AAAA,cACX,WAAW;AAAA,cAEV,UAAc,cAAA;AAAA,gBACb,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cAAA,CACjB;AAAA,YAAA;AAAA,UACH;AAAA,UAEF,OAAO,cAAc;AAAA,YACnB,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB;AAAA,UACD,UAAU;AAAA,YACR;AAAA,cACE,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA,YACA,EAAE,OAAO,iBAAiB,QAAQ,UAAU,EAAE;AAAA,UAChD;AAAA,QAAA;AAAA,MACF;AAAA,MACC,oBAAAC,MAAA,EACC,8BAAC,MAAK,EAAA,YAAW,WAAU,WAAU,UAAS,KAAK,GAChD,UACC,YAAA,oBAAC,UACE,UAAc,cAAA;AAAA,QACb,IAAI;AAAA,QACJ,gBAAgB;AAAA,MACjB,CAAA,GACH,IAEC,qBAAA,MAAA,EAAK,YAAW,WAAU,WAAU,UAAS,KAAK,GACjD,UAAA;AAAA,QAAA,oBAAC,oBAAmB,EAAA;AAAA,QACnB,oBAAA,QAAA,EAAO,QAAQ,OAAO,QAAQ,QAAQ;AAAA,MAAA,EACzC,CAAA,EAEJ,CAAA,GACF;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IAEA;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,wBAAwB;AAAA,QACxB,QAAQ,OAAO,KAAK,WAAW,EAAE,SAAS;AAAA,QAC1C,gBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA,oBAAC,cAAc,MAAd,EACC,+BAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,UAAA,YAAY,6BACV,oBAAA,YAAA,EAAW,WAAU,UAAS,SAAQ,SACpC,UAAA;AAAA,YACC;AAAA,cACE,IAAI;AAAA,cACJ,gBACE;AAAA,YACJ;AAAA,YACA;AAAA,cACE,OAAO,+BAA+B;AAAA,gBAAO,CAAC,gBAC5C,gBAAgB,aAAa,SAAS,WAAW;AAAA,cAAA,EACjD;AAAA,YACJ;AAAA,UAAA,GAEJ;AAAA,8BAGD,YAAW,EAAA,WAAU,UAAS,SAAQ,SACpC,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA,EAAA,CACF,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQ,mBAAmB;AAAA,QAC3B,SAAS,MAAM,kBAAkB,KAAK;AAAA,QAEtC,UAAA;AAAA,UAAC,oBAAAC,OAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,UAEC,oBAAAC,MAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAACF;AAAAA,MAAA;AAAA,QACC,QAAQ,mBAAmB;AAAA,QAC3B,SAAS,MAAM,kBAAkB,KAAK;AAAA,QAEtC,UAAA;AAAA,UAAC,oBAAAC,OAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,UAEC,oBAAAC,MAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;AChY2B,SAAA,QAAA;AACnB,QAAA,cAAc,YAAY,sBAAsB;AAGpD,SAAA,oBAAC,sBAAqB,EAAA,aAAa,YAAY,SAAS,kBAAkB,EAAE,QAC1E,UAAC,oBAAA,2BAAA,CAA0B,CAAA,EAC7B,CAAA;AAEJ;"}

package/dist/_chunks/index-22993544.mjs

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { CheckPagePermissions } from "@strapi/helper-plugin";
+import { useSelector } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-fd7e406d.mjs";
+import { T as TransferTokenCreateView } from "./index-31227291.mjs";
+import "react";
+import "react-query";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "./index-60a57d31.mjs";
+import "react-dom/client";
+import "@strapi/design-system";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "react-intl";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "@strapi/icons";
+import "formik";
+import "lodash/camelCase";
+import "styled-components";
+import "yup";
+import "lodash/defaultsDeep";
+import "lodash/omit";
+import "qs";
+import "immer";
+import "lodash/get";
+import "lodash/set";
+import "@reduxjs/toolkit";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "lodash/cloneDeep";
+import "./formatAPIErrors-db6ed675.mjs";
+import "./constants-d3dd8ed6.mjs";
+import "./index-176cc121.mjs";
+import "prop-types";
+import "axios";
+import "date-fns";
+import "date-fns/locale";
+const ProtectedTransferTokenCreateView = () => {
+  const permissions = useSelector(selectAdminPermissions);
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings["transfer-tokens"].create, children: /* @__PURE__ */ jsx(TransferTokenCreateView, {}) });
+};
+export {
+  ProtectedTransferTokenCreateView as default
+};
+//# sourceMappingURL=index-22993544.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-22993544.mjs","sources":["../../admin/src/pages/SettingsPage/pages/TransferTokens/ProtectedCreateView/index.js"],"sourcesContent":["import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditView from '../EditView';\n\nconst ProtectedTransferTokenCreateView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['transfer-tokens'].create}>\n      <EditView />\n    </CheckPagePermissions>\n  );\n};\n\nexport default ProtectedTransferTokenCreateView;\n"],"names":["EditView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,mCAAmC,MAAM;AACvC,QAAA,cAAc,YAAY,sBAAsB;AAGpD,SAAA,oBAAC,sBAAqB,EAAA,aAAa,YAAY,SAAS,iBAAiB,EAAE,QACzE,UAAC,oBAAAA,yBAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;"}

package/dist/_chunks/index-2f4b78ee.js

@@ -0,0 +1,134 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const PropTypes = require("prop-types");
+const reactIntl = require("react-intl");
+const index = require("./index-e2663a88.js");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const reactQuery = require("react-query");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const MagicLinkWrapper = ({ children, target }) => {
+  const toggleNotification = helperPlugin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { copy } = helperPlugin.useClipboard();
+  const copyLabel = formatMessage({
+    id: "app.component.CopyToClipboard.label",
+    defaultMessage: "Copy to clipboard"
+  });
+  const handleClick = async () => {
+    const didCopy = await copy(target);
+    if (didCopy) {
+      toggleNotification({ type: "info", message: { id: "notification.link-copied" } });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    helperPlugin.ContentBox,
+    {
+      endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: copyLabel, noBorder: true, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Duplicate, {}), onClick: handleClick }),
+      title: target,
+      titleEllipsis: true,
+      subtitle: children,
+      icon: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 32 }, children: "✉️" }),
+      iconBackground: "neutral100"
+    }
+  );
+};
+MagicLinkWrapper.propTypes = {
+  children: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.string]).isRequired,
+  target: PropTypes__default.default.string.isRequired
+};
+const MagicLinkCE = ({ registrationToken }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const target = `${window.location.origin}${index.getBasename()}/auth/register?registrationToken=${registrationToken}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(MagicLinkWrapper, { target, children: formatMessage({
+    id: "app.components.Users.MagicLink.connect",
+    defaultMessage: "Copy and share this link to give access to this user"
+  }) });
+};
+MagicLinkCE.defaultProps = {
+  registrationToken: ""
+};
+MagicLinkCE.propTypes = {
+  registrationToken: PropTypes__default.default.string
+};
+const rotation = styled.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styled__default.default.div`
+  animation: ${rotation} 2s infinite linear;
+`;
+const Loader = () => /* @__PURE__ */ jsxRuntime.jsx(LoadingWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Loader, {}) });
+const fetchData = async () => {
+  const { get } = helperPlugin.getFetchClient();
+  const { data } = await get("/admin/roles");
+  return data.data;
+};
+const SelectRoles = ({ disabled, error, onChange, value }) => {
+  const { status, data } = reactQuery.useQuery(["roles"], fetchData, {
+    staleTime: 5e4
+  });
+  const { formatMessage } = reactIntl.useIntl();
+  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : "";
+  const label = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles",
+    defaultMessage: "User's roles"
+  });
+  const hint = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles.description",
+    defaultMessage: "A user can have one or several roles"
+  });
+  const placeholder = formatMessage({
+    id: "app.components.Select.placeholder",
+    defaultMessage: "Select"
+  });
+  const startIcon = status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Select,
+    {
+      id: "roles",
+      disabled,
+      error: errorMessage,
+      hint,
+      label,
+      name: "roles",
+      onChange: (v) => {
+        onChange({ target: { name: "roles", value: v } });
+      },
+      placeholder,
+      multi: true,
+      startIcon,
+      value: value.map((v) => v.toString()),
+      withTags: true,
+      required: true,
+      children: (data || []).map((role) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: role.id.toString(), children: formatMessage({
+          id: `global.${role.code}`,
+          defaultMessage: role.name
+        }) }, role.id);
+      })
+    }
+  );
+};
+SelectRoles.defaultProps = {
+  disabled: false,
+  error: void 0
+};
+SelectRoles.propTypes = {
+  disabled: PropTypes__default.default.bool,
+  error: PropTypes__default.default.string,
+  onChange: PropTypes__default.default.func.isRequired,
+  value: PropTypes__default.default.array.isRequired
+};
+exports.MagicLinkCE = MagicLinkCE;
+exports.MagicLinkWrapper = MagicLinkWrapper;
+exports.SelectRoles = SelectRoles;
+//# sourceMappingURL=index-2f4b78ee.js.map

package/dist/_chunks/index-2f4b78ee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-2f4b78ee.js","sources":["../../admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js","../../admin/src/pages/SettingsPage/pages/Users/components/MagicLink/index.js","../../admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js"],"sourcesContent":["import React from 'react';\n\nimport { IconButton } from '@strapi/design-system';\nimport { ContentBox, useClipboard, useNotification } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst MagicLinkWrapper = ({ children, target }) => {\n  const toggleNotification = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const copyLabel = formatMessage({\n    id: 'app.component.CopyToClipboard.label',\n    defaultMessage: 'Copy to clipboard',\n  });\n\n  const handleClick = async () => {\n    const didCopy = await copy(target);\n\n    if (didCopy) {\n      toggleNotification({ type: 'info', message: { id: 'notification.link-copied' } });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} noBorder icon={<Duplicate />} onClick={handleClick} />\n      }\n      title={target}\n      titleEllipsis\n      subtitle={children}\n      icon={<span style={{ fontSize: 32 }}>✉️</span>}\n      iconBackground=\"neutral100\"\n    />\n  );\n};\n\nMagicLinkWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n  target: PropTypes.string.isRequired,\n};\n\nexport default MagicLinkWrapper;\n","import React from 'react';\n\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../core/utils/basename';\n\nimport MagicLinkWrapper from './MagicLinkWrapper';\n\nexport const MagicLinkCE = ({ registrationToken }) => {\n  const { formatMessage } = useIntl();\n  const target = `${\n    window.location.origin\n  }${getBasename()}/auth/register?registrationToken=${registrationToken}`;\n\n  return (\n    <MagicLinkWrapper target={target}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect',\n        defaultMessage: 'Copy and share this link to give access to this user',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n\nMagicLinkCE.defaultProps = {\n  registrationToken: '',\n};\n\nMagicLinkCE.propTypes = {\n  registrationToken: PropTypes.string,\n};\n","import React from 'react';\n\nimport { Option, Select } from '@strapi/design-system';\nimport { getFetchClient } from '@strapi/helper-plugin';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled, { keyframes } from 'styled-components';\n\nconst rotation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n`;\n\nconst LoadingWrapper = styled.div`\n  animation: ${rotation} 2s infinite linear;\n`;\n\nconst Loader = () => (\n  <LoadingWrapper>\n    <LoadingIcon />\n  </LoadingWrapper>\n);\n\nconst fetchData = async () => {\n  const { get } = getFetchClient();\n  const { data } = await get('/admin/roles');\n\n  return data.data;\n};\n\nconst SelectRoles = ({ disabled, error, onChange, value }) => {\n  const { status, data } = useQuery(['roles'], fetchData, {\n    staleTime: 50000,\n  });\n  const { formatMessage } = useIntl();\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n  const label = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles',\n    defaultMessage: \"User's roles\",\n  });\n  const hint = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n    defaultMessage: 'A user can have one or several roles',\n  });\n  const placeholder = formatMessage({\n    id: 'app.components.Select.placeholder',\n    defaultMessage: 'Select',\n  });\n  const startIcon = status === 'loading' ? <Loader /> : undefined;\n\n  return (\n    <Select\n      id=\"roles\"\n      disabled={disabled}\n      error={errorMessage}\n      hint={hint}\n      label={label}\n      name=\"roles\"\n      onChange={(v) => {\n        onChange({ target: { name: 'roles', value: v } });\n      }}\n      placeholder={placeholder}\n      multi\n      startIcon={startIcon}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {(data || []).map((role) => {\n        return (\n          <Option key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </Option>\n        );\n      })}\n    </Select>\n  );\n};\n\nSelectRoles.defaultProps = {\n  disabled: false,\n  error: undefined,\n};\n\nSelectRoles.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.array.isRequired,\n};\n\nexport default SelectRoles;\n"],"names":["useNotification","useIntl","useClipboard","jsx","ContentBox","IconButton","Duplicate","PropTypes","getBasename","keyframes","styled","LoadingIcon","getFetchClient","useQuery","Select","Option"],"mappings":"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"}