@akbarsafari00/bonyan-content-releases 5.52.1-fa.2

package/dist/admin/components/EntryValidationPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryValidationPopover.mjs","sources":["../../../admin/src/components/EntryValidationPopover.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { FormErrors, FormValues } from '@strapi/admin/strapi-admin';\r\nimport { unstable_useDocument } from '@strapi/content-manager/strapi-admin';\r\nimport { Button, LinkButton, Flex, Typography, Popover } from '@strapi/design-system';\r\nimport { CheckCircle, CrossCircle, ArrowsCounterClockwise, CaretDown } from '@strapi/icons';\r\nimport { stringify } from 'qs';\r\nimport { useIntl, MessageDescriptor } from 'react-intl';\r\nimport { Link } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport type {\r\n  ReleaseAction,\r\n  ReleaseActionEntry,\r\n  Stage,\r\n} from '../../../shared/contracts/release-actions';\r\nimport type { Struct } from '@strapi/types';\r\n\r\nconst StyledPopoverFlex = styled(Flex)`\r\n  width: 100%;\r\n  max-width: 256px;\r\n\r\n  & > * {\r\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\r\n  }\r\n\r\n  & > *:last-child {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst ButtonContent = styled(Flex)`\r\n  svg {\r\n    fill: currentColor;\r\n  }\r\n`;\r\n\r\nconst CustomStatusButton = ({\r\n  children,\r\n  icon,\r\n  color,\r\n}: {\r\n  icon: React.ReactElement;\r\n  color: string;\r\n} & React.PropsWithChildren) => {\r\n  return (\r\n    <Popover.Trigger>\r\n      <Button variant=\"ghost\" endIcon={<CaretDown />}>\r\n        <ButtonContent color={color} gap={2}>\r\n          {icon}\r\n          <Typography textColor={color} variant=\"omega\" fontWeight=\"bold\">\r\n            {children}\r\n          </Typography>\r\n        </ButtonContent>\r\n      </Button>\r\n    </Popover.Trigger>\r\n  );\r\n};\r\n\r\ninterface EntryValidationPopoverProps {\r\n  action: ReleaseAction['type'];\r\n  schema?: Struct.ContentTypeSchema & {\r\n    hasReviewWorkflow: boolean;\r\n    stageRequiredToPublish?: Stage;\r\n  };\r\n  entry: ReleaseActionEntry;\r\n  status: ReleaseAction['status'];\r\n}\r\n\r\ninterface ValidationStatusProps {\r\n  action: ReleaseAction['type'];\r\n  status: ReleaseAction['status'];\r\n  hasErrors: boolean | null;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}\r\n\r\nconst EntryStatusTrigger = ({\r\n  action,\r\n  status,\r\n  hasErrors,\r\n  requiredStage,\r\n  entryStage,\r\n}: ValidationStatusProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  if (action === 'publish') {\r\n    if (hasErrors || (requiredStage && requiredStage.id !== entryStage?.id)) {\r\n      return (\r\n        <CustomStatusButton icon={<CrossCircle />} color=\"danger600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.not-ready',\r\n            defaultMessage: 'Not ready to publish',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    if (status === 'draft') {\r\n      return (\r\n        <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish',\r\n            defaultMessage: 'Ready to publish',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    if (status === 'modified') {\r\n      return (\r\n        <CustomStatusButton icon={<ArrowsCounterClockwise />} color=\"alternative600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.modified',\r\n            defaultMessage: 'Ready to publish changes',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n        {formatMessage({\r\n          id: 'content-releases.pages.ReleaseDetails.entry-validation.already-published',\r\n          defaultMessage: 'Already published',\r\n        })}\r\n      </CustomStatusButton>\r\n    );\r\n  }\r\n\r\n  if (status === 'published') {\r\n    return (\r\n      <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n        {formatMessage({\r\n          id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish',\r\n          defaultMessage: 'Ready to unpublish',\r\n        })}\r\n      </CustomStatusButton>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n      {formatMessage({\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.already-unpublished',\r\n        defaultMessage: 'Already unpublished',\r\n      })}\r\n    </CustomStatusButton>\r\n  );\r\n};\r\n\r\ninterface FieldsValidationProps {\r\n  hasErrors: boolean;\r\n  errors: FormErrors<FormValues> | null;\r\n  kind?: string;\r\n  contentTypeUid?: string;\r\n  documentId?: string;\r\n  locale?: string;\r\n}\r\n\r\nconst FieldsValidation = ({\r\n  hasErrors,\r\n  errors,\r\n  kind,\r\n  contentTypeUid,\r\n  documentId,\r\n  locale,\r\n}: FieldsValidationProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Flex direction=\"column\" gap={1} width=\"100%\" padding={5}>\r\n      <Flex gap={2} width=\"100%\">\r\n        <Typography fontWeight=\"bold\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields',\r\n            defaultMessage: 'Fields',\r\n          })}\r\n        </Typography>\r\n        {hasErrors ? <CrossCircle fill=\"danger600\" /> : <CheckCircle fill=\"success600\" />}\r\n      </Flex>\r\n      <Typography width=\"100%\" textColor=\"neutral600\">\r\n        {hasErrors\r\n          ? formatMessage(\r\n              {\r\n                id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.error',\r\n                defaultMessage: '{errors} errors on fields.',\r\n              },\r\n              { errors: errors ? Object.keys(errors).length : 0 }\r\n            )\r\n          : formatMessage({\r\n              id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.success',\r\n              defaultMessage: 'All fields are filled correctly.',\r\n            })}\r\n      </Typography>\r\n      {hasErrors && (\r\n        <LinkButton\r\n          tag={Link}\r\n          to={{\r\n            pathname: `/content-manager/${kind === 'collectionType' ? 'collection-types' : 'single-types'}/${contentTypeUid}/${documentId}`,\r\n            search: locale\r\n              ? stringify({\r\n                  plugins: {\r\n                    i18n: {\r\n                      locale,\r\n                    },\r\n                  },\r\n                })\r\n              : '',\r\n          }}\r\n          variant=\"secondary\"\r\n          fullWidth\r\n          state={{ forceValidation: true }}\r\n        >\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors',\r\n            defaultMessage: 'See errors',\r\n          })}\r\n        </LinkButton>\r\n      )}\r\n    </Flex>\r\n  );\r\n};\r\n\r\nconst getReviewStageIcon = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}) => {\r\n  if (!contentTypeHasReviewWorkflow) {\r\n    return <CheckCircle fill=\"neutral200\" />;\r\n  }\r\n  if (requiredStage && requiredStage.id !== entryStage?.id) {\r\n    return <CrossCircle fill=\"danger600\" />;\r\n  }\r\n  return <CheckCircle fill=\"success600\" />;\r\n};\r\n\r\nconst getReviewStageMessage = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n  formatMessage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n  formatMessage: (messageDescriptor: MessageDescriptor, values?: Record<string, string>) => string;\r\n}) => {\r\n  if (!contentTypeHasReviewWorkflow) {\r\n    return formatMessage({\r\n      id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled',\r\n      defaultMessage: 'This entry is not associated to any workflow.',\r\n    });\r\n  }\r\n\r\n  if (requiredStage && requiredStage.id !== entryStage?.id) {\r\n    return formatMessage(\r\n      {\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready',\r\n        defaultMessage: 'This entry is not at the required stage for publishing. ({stageName})',\r\n      },\r\n      {\r\n        stageName: requiredStage?.name ?? '',\r\n      }\r\n    );\r\n  }\r\n\r\n  if (requiredStage && requiredStage.id === entryStage?.id) {\r\n    return formatMessage(\r\n      {\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready',\r\n        defaultMessage: 'This entry is at the required stage for publishing. ({stageName})',\r\n      },\r\n      {\r\n        stageName: requiredStage?.name ?? '',\r\n      }\r\n    );\r\n  }\r\n\r\n  return formatMessage({\r\n    id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required',\r\n    defaultMessage: 'No required stage for publication',\r\n  });\r\n};\r\n\r\nconst ReviewStageValidation = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const Icon = getReviewStageIcon({\r\n    contentTypeHasReviewWorkflow,\r\n    requiredStage,\r\n    entryStage,\r\n  });\r\n\r\n  return (\r\n    <Flex direction=\"column\" gap={1} width=\"100%\" padding={5}>\r\n      <Flex gap={2} width=\"100%\">\r\n        <Typography fontWeight=\"bold\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage',\r\n            defaultMessage: 'Review stage',\r\n          })}\r\n        </Typography>\r\n        {Icon}\r\n      </Flex>\r\n      <Typography textColor=\"neutral600\">\r\n        {getReviewStageMessage({\r\n          contentTypeHasReviewWorkflow,\r\n          requiredStage,\r\n          entryStage,\r\n          formatMessage,\r\n        })}\r\n      </Typography>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport const EntryValidationPopover = ({\r\n  schema,\r\n  entry,\r\n  status,\r\n  action,\r\n}: EntryValidationPopoverProps) => {\r\n  const { validate, isLoading } = unstable_useDocument(\r\n    {\r\n      collectionType: schema?.kind ?? '',\r\n      model: schema?.uid ?? '',\r\n    },\r\n    {\r\n      // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request\r\n      skip: true,\r\n    }\r\n  );\r\n\r\n  // Validation errors\r\n  const errors = isLoading ? null : validate(entry);\r\n  const hasErrors = errors ? Object.keys(errors).length > 0 : false;\r\n\r\n  // Entry stage\r\n  const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;\r\n  const requiredStage = schema?.stageRequiredToPublish;\r\n  const entryStage = entry.strapi_stage;\r\n\r\n  if (isLoading) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Popover.Root>\r\n      <EntryStatusTrigger\r\n        action={action}\r\n        status={status}\r\n        hasErrors={hasErrors}\r\n        requiredStage={requiredStage}\r\n        entryStage={entryStage}\r\n      />\r\n      <Popover.Content>\r\n        <StyledPopoverFlex direction=\"column\">\r\n          <FieldsValidation\r\n            hasErrors={hasErrors}\r\n            errors={errors}\r\n            contentTypeUid={schema?.uid}\r\n            kind={schema?.kind}\r\n            documentId={entry.documentId}\r\n            locale={entry.locale}\r\n          />\r\n          <ReviewStageValidation\r\n            contentTypeHasReviewWorkflow={contentTypeHasReviewWorkflow}\r\n            requiredStage={requiredStage}\r\n            entryStage={entryStage}\r\n          />\r\n        </StyledPopoverFlex>\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["StyledPopoverFlex","styled","Flex","theme","colors","neutral150","ButtonContent","CustomStatusButton","children","icon","color","_jsx","Popover","Trigger","Button","variant","endIcon","CaretDown","_jsxs","gap","Typography","textColor","fontWeight","EntryStatusTrigger","action","status","hasErrors","requiredStage","entryStage","formatMessage","useIntl","id","CrossCircle","defaultMessage","CheckCircle","ArrowsCounterClockwise","FieldsValidation","errors","kind","contentTypeUid","documentId","locale","direction","width","padding","fill","Object","keys","length","LinkButton","tag","Link","to","pathname","search","stringify","plugins","i18n","fullWidth","state","forceValidation","getReviewStageIcon","contentTypeHasReviewWorkflow","getReviewStageMessage","stageName","name","ReviewStageValidation","Icon","EntryValidationPopover","schema","entry","validate","isLoading","unstable_useDocument","collectionType","model","uid","skip","hasReviewWorkflow","stageRequiredToPublish","strapi_stage","Root","Content"],"mappings":"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"}

package/dist/admin/components/RelativeTime.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var dateFns = require('date-fns');
+var reactIntl = require('react-intl');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const intervals = [
+    'years',
+    'months',
+    'days',
+    'hours',
+    'minutes',
+    'seconds'
+];
+/**
+ * Displays the relative time between a given timestamp and the current time.
+ * You can display a custom message for given time intervals by passing an array of custom intervals.
+ *
+ * @example
+ * ```jsx
+ * <caption>Display "last hour" if the timestamp is less than an hour ago</caption>
+ * <RelativeTime
+ *  timestamp={new Date('2021-01-01')}
+ *  customIntervals={[
+ *   { unit: 'hours', threshold: 1, text: 'last hour' },
+ *  ]}
+ * ```
+ */ const RelativeTime = /*#__PURE__*/ React__namespace.forwardRef(({ timestamp, customIntervals = [], ...restProps }, forwardedRef)=>{
+    const { formatRelativeTime, formatDate, formatTime } = reactIntl.useIntl();
+    /**
+     * TODO: make this auto-update, like a clock.
+     */ const interval = dateFns.intervalToDuration({
+        start: timestamp,
+        end: Date.now()
+    });
+    const unit = intervals.find((intervalUnit)=>{
+        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
+    });
+    const relativeTime = dateFns.isPast(timestamp) ? -interval[unit] : interval[unit];
+    // Display custom text if interval is less than the threshold
+    const customInterval = customIntervals.find((custom)=>interval[custom.unit] < custom.threshold);
+    const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, {
+        numeric: 'auto'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx("time", {
+        ref: forwardedRef,
+        dateTime: timestamp.toISOString(),
+        role: "time",
+        title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
+        ...restProps,
+        children: displayText
+    });
+});
+
+exports.RelativeTime = RelativeTime;
+//# sourceMappingURL=RelativeTime.js.map

package/dist/admin/components/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","sources":["../../../admin/src/components/RelativeTime.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Duration, intervalToDuration, isPast } from 'date-fns';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst intervals: Array<keyof Duration> = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];\r\n\r\ninterface CustomInterval {\r\n  unit: keyof Duration;\r\n  text: string;\r\n  threshold: number;\r\n}\r\n\r\ninterface RelativeTimeProps extends React.ComponentPropsWithoutRef<'time'> {\r\n  timestamp: Date;\r\n  customIntervals?: CustomInterval[];\r\n}\r\n\r\n/**\r\n * Displays the relative time between a given timestamp and the current time.\r\n * You can display a custom message for given time intervals by passing an array of custom intervals.\r\n *\r\n * @example\r\n * ```jsx\r\n * <caption>Display \"last hour\" if the timestamp is less than an hour ago</caption>\r\n * <RelativeTime\r\n *  timestamp={new Date('2021-01-01')}\r\n *  customIntervals={[\r\n *   { unit: 'hours', threshold: 1, text: 'last hour' },\r\n *  ]}\r\n * ```\r\n */\r\nconst RelativeTime = React.forwardRef<HTMLTimeElement, RelativeTimeProps>(\r\n  ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {\r\n    const { formatRelativeTime, formatDate, formatTime } = useIntl();\r\n\r\n    /**\r\n     * TODO: make this auto-update, like a clock.\r\n     */\r\n    const interval = intervalToDuration({\r\n      start: timestamp,\r\n      end: Date.now(),\r\n      // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.\r\n    }) as Required<Duration>;\r\n\r\n    const unit = intervals.find((intervalUnit) => {\r\n      return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);\r\n    })!;\r\n\r\n    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];\r\n\r\n    // Display custom text if interval is less than the threshold\r\n    const customInterval = customIntervals.find(\r\n      (custom) => interval[custom.unit] < custom.threshold\r\n    );\r\n\r\n    const displayText = customInterval\r\n      ? customInterval.text\r\n      : formatRelativeTime(relativeTime, unit, { numeric: 'auto' });\r\n\r\n    return (\r\n      <time\r\n        ref={forwardedRef}\r\n        dateTime={timestamp.toISOString()}\r\n        role=\"time\"\r\n        title={`${formatDate(timestamp)} ${formatTime(timestamp)}`}\r\n        {...restProps}\r\n      >\r\n        {displayText}\r\n      </time>\r\n    );\r\n  }\r\n);\r\n\r\nexport { RelativeTime };\r\nexport type { CustomInterval, RelativeTimeProps };\r\n"],"names":["intervals","RelativeTime","React","forwardRef","timestamp","customIntervals","restProps","forwardedRef","formatRelativeTime","formatDate","formatTime","useIntl","interval","intervalToDuration","start","end","Date","now","unit","find","intervalUnit","Object","keys","includes","relativeTime","isPast","customInterval","custom","threshold","displayText","text","numeric","_jsx","time","ref","dateTime","toISOString","role","title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,SAAAA,GAAmC;AAAC,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,SAAA;AAAW,IAAA;AAAU,CAAA;AAanG;;;;;;;;;;;;;AAaC,IACD,MAAMC,YAAAA,iBAAeC,gBAAAA,CAAMC,UAAU,CACnC,CAAC,EAAEC,SAAS,EAAEC,eAAAA,GAAkB,EAAE,EAAE,GAAGC,WAAW,EAAEC,YAAAA,GAAAA;AAClD,IAAA,MAAM,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,iBAAAA,EAAAA;AAEvD;;QAGA,MAAMC,WAAWC,0BAAAA,CAAmB;QAClCC,KAAAA,EAAOV,SAAAA;AACPW,QAAAA,GAAAA,EAAKC,KAAKC,GAAG;AAEf,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAAA,GAAOlB,SAAAA,CAAUmB,IAAI,CAAC,CAACC,YAAAA,GAAAA;QAC3B,OAAOR,QAAQ,CAACQ,YAAAA,CAAa,GAAG,CAAA,IAAKC,OAAOC,IAAI,CAACV,QAAAA,CAAAA,CAAUW,QAAQ,CAACH,YAAAA,CAAAA;AACtE,IAAA,CAAA,CAAA;IAEA,MAAMI,YAAAA,GAAeC,cAAAA,CAAOrB,SAAAA,CAAAA,GAAa,CAACQ,QAAQ,CAACM,IAAAA,CAAK,GAAGN,QAAQ,CAACM,IAAAA,CAAK;;AAGzE,IAAA,MAAMQ,cAAAA,GAAiBrB,eAAAA,CAAgBc,IAAI,CACzC,CAACQ,MAAAA,GAAWf,QAAQ,CAACe,MAAAA,CAAOT,IAAI,CAAC,GAAGS,OAAOC,SAAS,CAAA;AAGtD,IAAA,MAAMC,cAAcH,cAAAA,GAChBA,cAAAA,CAAeI,IAAI,GACnBtB,kBAAAA,CAAmBgB,cAAcN,IAAAA,EAAM;QAAEa,OAAAA,EAAS;AAAO,KAAA,CAAA;AAE7D,IAAA,qBACEC,cAAA,CAACC,MAAAA,EAAAA;QACCC,GAAAA,EAAK3B,YAAAA;AACL4B,QAAAA,QAAAA,EAAU/B,UAAUgC,WAAW,EAAA;QAC/BC,IAAAA,EAAK,MAAA;AACLC,QAAAA,KAAAA,EAAO,GAAG7B,UAAAA,CAAWL,SAAAA,CAAAA,CAAW,CAAC,EAAEM,WAAWN,SAAAA,CAAAA,CAAAA,CAAY;AACzD,QAAA,GAAGE,SAAS;AAEZuB,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

package/dist/admin/components/RelativeTime.mjs

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { intervalToDuration, isPast } from 'date-fns';
+import { useIntl } from 'react-intl';
+
+const intervals = [
+    'years',
+    'months',
+    'days',
+    'hours',
+    'minutes',
+    'seconds'
+];
+/**
+ * Displays the relative time between a given timestamp and the current time.
+ * You can display a custom message for given time intervals by passing an array of custom intervals.
+ *
+ * @example
+ * ```jsx
+ * <caption>Display "last hour" if the timestamp is less than an hour ago</caption>
+ * <RelativeTime
+ *  timestamp={new Date('2021-01-01')}
+ *  customIntervals={[
+ *   { unit: 'hours', threshold: 1, text: 'last hour' },
+ *  ]}
+ * ```
+ */ const RelativeTime = /*#__PURE__*/ React.forwardRef(({ timestamp, customIntervals = [], ...restProps }, forwardedRef)=>{
+    const { formatRelativeTime, formatDate, formatTime } = useIntl();
+    /**
+     * TODO: make this auto-update, like a clock.
+     */ const interval = intervalToDuration({
+        start: timestamp,
+        end: Date.now()
+    });
+    const unit = intervals.find((intervalUnit)=>{
+        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
+    });
+    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];
+    // Display custom text if interval is less than the threshold
+    const customInterval = customIntervals.find((custom)=>interval[custom.unit] < custom.threshold);
+    const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, {
+        numeric: 'auto'
+    });
+    return /*#__PURE__*/ jsx("time", {
+        ref: forwardedRef,
+        dateTime: timestamp.toISOString(),
+        role: "time",
+        title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
+        ...restProps,
+        children: displayText
+    });
+});
+
+export { RelativeTime };
+//# sourceMappingURL=RelativeTime.mjs.map

package/dist/admin/components/RelativeTime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.mjs","sources":["../../../admin/src/components/RelativeTime.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Duration, intervalToDuration, isPast } from 'date-fns';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst intervals: Array<keyof Duration> = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];\r\n\r\ninterface CustomInterval {\r\n  unit: keyof Duration;\r\n  text: string;\r\n  threshold: number;\r\n}\r\n\r\ninterface RelativeTimeProps extends React.ComponentPropsWithoutRef<'time'> {\r\n  timestamp: Date;\r\n  customIntervals?: CustomInterval[];\r\n}\r\n\r\n/**\r\n * Displays the relative time between a given timestamp and the current time.\r\n * You can display a custom message for given time intervals by passing an array of custom intervals.\r\n *\r\n * @example\r\n * ```jsx\r\n * <caption>Display \"last hour\" if the timestamp is less than an hour ago</caption>\r\n * <RelativeTime\r\n *  timestamp={new Date('2021-01-01')}\r\n *  customIntervals={[\r\n *   { unit: 'hours', threshold: 1, text: 'last hour' },\r\n *  ]}\r\n * ```\r\n */\r\nconst RelativeTime = React.forwardRef<HTMLTimeElement, RelativeTimeProps>(\r\n  ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {\r\n    const { formatRelativeTime, formatDate, formatTime } = useIntl();\r\n\r\n    /**\r\n     * TODO: make this auto-update, like a clock.\r\n     */\r\n    const interval = intervalToDuration({\r\n      start: timestamp,\r\n      end: Date.now(),\r\n      // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.\r\n    }) as Required<Duration>;\r\n\r\n    const unit = intervals.find((intervalUnit) => {\r\n      return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);\r\n    })!;\r\n\r\n    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];\r\n\r\n    // Display custom text if interval is less than the threshold\r\n    const customInterval = customIntervals.find(\r\n      (custom) => interval[custom.unit] < custom.threshold\r\n    );\r\n\r\n    const displayText = customInterval\r\n      ? customInterval.text\r\n      : formatRelativeTime(relativeTime, unit, { numeric: 'auto' });\r\n\r\n    return (\r\n      <time\r\n        ref={forwardedRef}\r\n        dateTime={timestamp.toISOString()}\r\n        role=\"time\"\r\n        title={`${formatDate(timestamp)} ${formatTime(timestamp)}`}\r\n        {...restProps}\r\n      >\r\n        {displayText}\r\n      </time>\r\n    );\r\n  }\r\n);\r\n\r\nexport { RelativeTime };\r\nexport type { CustomInterval, RelativeTimeProps };\r\n"],"names":["intervals","RelativeTime","React","forwardRef","timestamp","customIntervals","restProps","forwardedRef","formatRelativeTime","formatDate","formatTime","useIntl","interval","intervalToDuration","start","end","Date","now","unit","find","intervalUnit","Object","keys","includes","relativeTime","isPast","customInterval","custom","threshold","displayText","text","numeric","_jsx","time","ref","dateTime","toISOString","role","title"],"mappings":";;;;;AAKA,MAAMA,SAAAA,GAAmC;AAAC,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,SAAA;AAAW,IAAA;AAAU,CAAA;AAanG;;;;;;;;;;;;;AAaC,IACD,MAAMC,YAAAA,iBAAeC,KAAAA,CAAMC,UAAU,CACnC,CAAC,EAAEC,SAAS,EAAEC,eAAAA,GAAkB,EAAE,EAAE,GAAGC,WAAW,EAAEC,YAAAA,GAAAA;AAClD,IAAA,MAAM,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,OAAAA,EAAAA;AAEvD;;QAGA,MAAMC,WAAWC,kBAAAA,CAAmB;QAClCC,KAAAA,EAAOV,SAAAA;AACPW,QAAAA,GAAAA,EAAKC,KAAKC,GAAG;AAEf,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAAA,GAAOlB,SAAAA,CAAUmB,IAAI,CAAC,CAACC,YAAAA,GAAAA;QAC3B,OAAOR,QAAQ,CAACQ,YAAAA,CAAa,GAAG,CAAA,IAAKC,OAAOC,IAAI,CAACV,QAAAA,CAAAA,CAAUW,QAAQ,CAACH,YAAAA,CAAAA;AACtE,IAAA,CAAA,CAAA;IAEA,MAAMI,YAAAA,GAAeC,MAAAA,CAAOrB,SAAAA,CAAAA,GAAa,CAACQ,QAAQ,CAACM,IAAAA,CAAK,GAAGN,QAAQ,CAACM,IAAAA,CAAK;;AAGzE,IAAA,MAAMQ,cAAAA,GAAiBrB,eAAAA,CAAgBc,IAAI,CACzC,CAACQ,MAAAA,GAAWf,QAAQ,CAACe,MAAAA,CAAOT,IAAI,CAAC,GAAGS,OAAOC,SAAS,CAAA;AAGtD,IAAA,MAAMC,cAAcH,cAAAA,GAChBA,cAAAA,CAAeI,IAAI,GACnBtB,kBAAAA,CAAmBgB,cAAcN,IAAAA,EAAM;QAAEa,OAAAA,EAAS;AAAO,KAAA,CAAA;AAE7D,IAAA,qBACEC,GAAA,CAACC,MAAAA,EAAAA;QACCC,GAAAA,EAAK3B,YAAAA;AACL4B,QAAAA,QAAAA,EAAU/B,UAAUgC,WAAW,EAAA;QAC/BC,IAAAA,EAAK,MAAA;AACLC,QAAAA,KAAAA,EAAO,GAAG7B,UAAAA,CAAWL,SAAAA,CAAAA,CAAW,CAAC,EAAEM,WAAWN,SAAAA,CAAAA,CAAAA,CAAY;AACzD,QAAA,GAAGE,SAAS;AAEZuB,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

package/dist/admin/components/ReleaseAction.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var strapiAdmin$1 = require('@strapi/content-manager/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var formik = require('formik');
+var reactIntl = require('react-intl');
+var constants = require('../constants.js');
+var release = require('../services/release.js');
+var ReleaseActionModal = require('./ReleaseActionModal.js');
+var ReleaseActionOptions = require('./ReleaseActionOptions.js');
+
+const getContentPermissions = (subject)=>{
+    const permissions = {
+        publish: [
+            {
+                action: 'plugin::content-manager.explorer.publish',
+                subject,
+                id: '',
+                actionParameters: {},
+                properties: {},
+                conditions: []
+            }
+        ]
+    };
+    return permissions;
+};
+const ReleaseAction = ({ documents, model })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const contentPermissions = getContentPermissions(model);
+    const { allowedActions: { canPublish } } = strapiAdmin.useRBAC(contentPermissions);
+    const { allowedActions: { canCreate } } = strapiAdmin.useRBAC(constants.PERMISSIONS);
+    const { hasDraftAndPublish } = strapiAdmin$1.unstable_useContentManagerContext();
+    // Get all the releases not published
+    const response = release.useGetReleasesQuery();
+    const releases = response.data?.data;
+    const [createManyReleaseActions, { isLoading }] = release.useCreateManyReleaseActionsMutation();
+    const documentIds = documents.map((doc)=>doc.documentId);
+    const handleSubmit = async (values)=>{
+        const locale = query.plugins?.i18n?.locale;
+        const releaseActionEntries = documentIds.map((entryDocumentId)=>({
+                type: values.type,
+                contentType: model,
+                entryDocumentId,
+                locale
+            }));
+        const response = await createManyReleaseActions({
+            body: releaseActionEntries,
+            params: {
+                releaseId: values.releaseId
+            }
+        });
+        if ('data' in response) {
+            // Handle success
+            const notificationMessage = formatMessage({
+                id: 'content-releases.content-manager-list-view.add-to-release.notification.success.message',
+                defaultMessage: '{entriesAlreadyInRelease} out of {totalEntries} entries were already in the release.'
+            }, {
+                entriesAlreadyInRelease: response.data.meta.entriesAlreadyInRelease,
+                totalEntries: response.data.meta.totalEntries
+            });
+            const notification = {
+                type: 'success',
+                title: formatMessage({
+                    id: 'content-releases.content-manager-list-view.add-to-release.notification.success.title',
+                    defaultMessage: 'Successfully added to release.'
+                }, {
+                    entriesAlreadyInRelease: response.data.meta.entriesAlreadyInRelease,
+                    totalEntries: response.data.meta.totalEntries
+                }),
+                message: response.data.meta.entriesAlreadyInRelease ? notificationMessage : ''
+            };
+            toggleNotification(notification);
+            return true;
+        }
+        if ('error' in response) {
+            if (strapiAdmin.isFetchError(response.error)) {
+                // Handle fetch error
+                toggleNotification({
+                    type: 'warning',
+                    message: formatAPIError(response.error)
+                });
+            } else {
+                // Handle generic error
+                toggleNotification({
+                    type: 'warning',
+                    message: formatMessage({
+                        id: 'notification.error',
+                        defaultMessage: 'An error occurred'
+                    })
+                });
+            }
+        }
+    };
+    if (!hasDraftAndPublish || !canCreate || !canPublish) return null;
+    return {
+        actionType: 'release',
+        variant: 'tertiary',
+        label: formatMessage({
+            id: 'content-manager-list-view.add-to-release',
+            defaultMessage: 'Add to Release'
+        }),
+        dialog: {
+            type: 'modal',
+            title: formatMessage({
+                id: 'content-manager-list-view.add-to-release',
+                defaultMessage: 'Add to Release'
+            }),
+            content: ({ onClose })=>{
+                return /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                    onSubmit: async (values)=>{
+                        const data = await handleSubmit(values);
+                        if (data) {
+                            return onClose();
+                        }
+                    },
+                    validationSchema: ReleaseActionModal.RELEASE_ACTION_FORM_SCHEMA,
+                    initialValues: ReleaseActionModal.INITIAL_VALUES,
+                    children: ({ values, setFieldValue })=>/*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                            children: [
+                                releases?.length === 0 ? /*#__PURE__*/ jsxRuntime.jsx(ReleaseActionModal.NoReleases, {}) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 2,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                paddingBottom: 6,
+                                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                    required: true,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                            children: formatMessage({
+                                                                id: 'content-releases.content-manager-list-view.add-to-release.select-label',
+                                                                defaultMessage: 'Select a release'
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                                                            placeholder: formatMessage({
+                                                                id: 'content-releases.content-manager-list-view.add-to-release.select-placeholder',
+                                                                defaultMessage: 'Select'
+                                                            }),
+                                                            onChange: (value)=>setFieldValue('releaseId', value),
+                                                            value: values.releaseId,
+                                                            children: releases?.map((release)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                                                    value: release.id,
+                                                                    children: release.name
+                                                                }, release.id))
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                children: formatMessage({
+                                                    id: 'content-releases.content-manager-list-view.add-to-release.action-type-label',
+                                                    defaultMessage: 'What do you want to do with these entries?'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(ReleaseActionOptions.ReleaseActionOptions, {
+                                                selected: values.type,
+                                                handleChange: (e)=>setFieldValue('type', e.target.value),
+                                                name: "type"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                            onClick: onClose,
+                                            variant: "tertiary",
+                                            name: "cancel",
+                                            children: formatMessage({
+                                                id: 'content-releases.content-manager-list-view.add-to-release.cancel-button',
+                                                defaultMessage: 'Cancel'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                            type: "submit",
+                                            disabled: !values.releaseId,
+                                            loading: isLoading,
+                                            children: formatMessage({
+                                                id: 'content-releases.content-manager-list-view.add-to-release.continue-button',
+                                                defaultMessage: 'Continue'
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                });
+            }
+        }
+    };
+};
+
+exports.ReleaseAction = ReleaseAction;
+//# sourceMappingURL=ReleaseAction.js.map

package/dist/admin/components/ReleaseAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseAction.js","sources":["../../../admin/src/components/ReleaseAction.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  useAPIErrorHandler,\r\n  useNotification,\r\n  useQueryParams,\r\n  useRBAC,\r\n  isFetchError,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { unstable_useContentManagerContext as useContentManagerContext } from '@strapi/content-manager/strapi-admin';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Flex,\r\n  SingleSelect,\r\n  SingleSelectOption,\r\n  Modal,\r\n  Field,\r\n} from '@strapi/design-system';\r\nimport { Formik, Form } from 'formik';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { CreateManyReleaseActions } from '../../../shared/contracts/release-actions';\r\nimport { PERMISSIONS as releasePermissions } from '../constants';\r\nimport { useCreateManyReleaseActionsMutation, useGetReleasesQuery } from '../services/release';\r\n\r\nimport {\r\n  type FormValues,\r\n  INITIAL_VALUES,\r\n  RELEASE_ACTION_FORM_SCHEMA,\r\n  NoReleases,\r\n} from './ReleaseActionModal';\r\nimport { ReleaseActionOptions } from './ReleaseActionOptions';\r\n\r\nimport type { BulkActionComponent } from '@strapi/content-manager/strapi-admin';\r\nimport type { UID } from '@strapi/types';\r\n\r\nconst getContentPermissions = (subject: string) => {\r\n  const permissions = {\r\n    publish: [\r\n      {\r\n        action: 'plugin::content-manager.explorer.publish',\r\n        subject,\r\n        id: '',\r\n        actionParameters: {},\r\n        properties: {},\r\n        conditions: [],\r\n      },\r\n    ],\r\n  };\r\n\r\n  return permissions;\r\n};\r\n\r\nconst ReleaseAction: BulkActionComponent = ({ documents, model }) => {\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n  const { formatAPIError } = useAPIErrorHandler();\r\n  const [{ query }] = useQueryParams<{ plugins?: { i18n?: { locale?: string } } }>();\r\n  const contentPermissions = getContentPermissions(model);\r\n  const {\r\n    allowedActions: { canPublish },\r\n  } = useRBAC(contentPermissions);\r\n  const {\r\n    allowedActions: { canCreate },\r\n  } = useRBAC(releasePermissions);\r\n  const { hasDraftAndPublish } = useContentManagerContext();\r\n\r\n  // Get all the releases not published\r\n  const response = useGetReleasesQuery();\r\n  const releases = response.data?.data;\r\n  const [createManyReleaseActions, { isLoading }] = useCreateManyReleaseActionsMutation();\r\n  const documentIds = documents.map((doc) => doc.documentId);\r\n\r\n  const handleSubmit = async (values: FormValues) => {\r\n    const locale = query.plugins?.i18n?.locale;\r\n\r\n    const releaseActionEntries: CreateManyReleaseActions.Request['body'] = documentIds.map(\r\n      (entryDocumentId) => ({\r\n        type: values.type,\r\n        contentType: model as UID.ContentType,\r\n        entryDocumentId,\r\n        locale,\r\n      })\r\n    );\r\n\r\n    const response = await createManyReleaseActions({\r\n      body: releaseActionEntries,\r\n      params: { releaseId: values.releaseId },\r\n    });\r\n\r\n    if ('data' in response) {\r\n      // Handle success\r\n\r\n      const notificationMessage = formatMessage(\r\n        {\r\n          id: 'content-releases.content-manager-list-view.add-to-release.notification.success.message',\r\n          defaultMessage:\r\n            '{entriesAlreadyInRelease} out of {totalEntries} entries were already in the release.',\r\n        },\r\n        {\r\n          entriesAlreadyInRelease: response.data.meta.entriesAlreadyInRelease,\r\n          totalEntries: response.data.meta.totalEntries,\r\n        }\r\n      );\r\n\r\n      const notification = {\r\n        type: 'success' as const,\r\n        title: formatMessage(\r\n          {\r\n            id: 'content-releases.content-manager-list-view.add-to-release.notification.success.title',\r\n            defaultMessage: 'Successfully added to release.',\r\n          },\r\n          {\r\n            entriesAlreadyInRelease: response.data.meta.entriesAlreadyInRelease,\r\n            totalEntries: response.data.meta.totalEntries,\r\n          }\r\n        ),\r\n        message: response.data.meta.entriesAlreadyInRelease ? notificationMessage : '',\r\n      };\r\n\r\n      toggleNotification(notification);\r\n\r\n      return true;\r\n    }\r\n\r\n    if ('error' in response) {\r\n      if (isFetchError(response.error)) {\r\n        // Handle fetch error\r\n        toggleNotification({\r\n          type: 'warning',\r\n          message: formatAPIError(response.error),\r\n        });\r\n      } else {\r\n        // Handle generic error\r\n        toggleNotification({\r\n          type: 'warning',\r\n          message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  if (!hasDraftAndPublish || !canCreate || !canPublish) return null;\r\n\r\n  return {\r\n    actionType: 'release',\r\n    variant: 'tertiary',\r\n    label: formatMessage({\r\n      id: 'content-manager-list-view.add-to-release',\r\n      defaultMessage: 'Add to Release',\r\n    }),\r\n    dialog: {\r\n      type: 'modal',\r\n      title: formatMessage({\r\n        id: 'content-manager-list-view.add-to-release',\r\n        defaultMessage: 'Add to Release',\r\n      }),\r\n      content: ({ onClose }) => {\r\n        return (\r\n          <Formik\r\n            onSubmit={async (values) => {\r\n              const data = await handleSubmit(values);\r\n              if (data) {\r\n                return onClose();\r\n              }\r\n            }}\r\n            validationSchema={RELEASE_ACTION_FORM_SCHEMA}\r\n            initialValues={INITIAL_VALUES}\r\n          >\r\n            {({ values, setFieldValue }) => (\r\n              <Form>\r\n                {releases?.length === 0 ? (\r\n                  <NoReleases />\r\n                ) : (\r\n                  <Modal.Body>\r\n                    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\r\n                      <Box paddingBottom={6}>\r\n                        <Field.Root required>\r\n                          <Field.Label>\r\n                            {formatMessage({\r\n                              id: 'content-releases.content-manager-list-view.add-to-release.select-label',\r\n                              defaultMessage: 'Select a release',\r\n                            })}\r\n                          </Field.Label>\r\n                          <SingleSelect\r\n                            placeholder={formatMessage({\r\n                              id: 'content-releases.content-manager-list-view.add-to-release.select-placeholder',\r\n                              defaultMessage: 'Select',\r\n                            })}\r\n                            onChange={(value) => setFieldValue('releaseId', value)}\r\n                            value={values.releaseId}\r\n                          >\r\n                            {releases?.map((release) => (\r\n                              <SingleSelectOption key={release.id} value={release.id}>\r\n                                {release.name}\r\n                              </SingleSelectOption>\r\n                            ))}\r\n                          </SingleSelect>\r\n                        </Field.Root>\r\n                      </Box>\r\n                      <Field.Label>\r\n                        {formatMessage({\r\n                          id: 'content-releases.content-manager-list-view.add-to-release.action-type-label',\r\n                          defaultMessage: 'What do you want to do with these entries?',\r\n                        })}\r\n                      </Field.Label>\r\n                      <ReleaseActionOptions\r\n                        selected={values.type}\r\n                        handleChange={(e) => setFieldValue('type', e.target.value)}\r\n                        name=\"type\"\r\n                      />\r\n                    </Flex>\r\n                  </Modal.Body>\r\n                )}\r\n                <Modal.Footer>\r\n                  <Button onClick={onClose} variant=\"tertiary\" name=\"cancel\">\r\n                    {formatMessage({\r\n                      id: 'content-releases.content-manager-list-view.add-to-release.cancel-button',\r\n                      defaultMessage: 'Cancel',\r\n                    })}\r\n                  </Button>\r\n                  {/** * TODO: Ideally we would use isValid from Formik to disable the button,\r\n                  however currently it always returns true * for yup.string().required(), even when\r\n                  the value is falsy (including empty string) */}\r\n                  <Button type=\"submit\" disabled={!values.releaseId} loading={isLoading}>\r\n                    {formatMessage({\r\n                      id: 'content-releases.content-manager-list-view.add-to-release.continue-button',\r\n                      defaultMessage: 'Continue',\r\n                    })}\r\n                  </Button>\r\n                </Modal.Footer>\r\n              </Form>\r\n            )}\r\n          </Formik>\r\n        );\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nexport { ReleaseAction };\r\n"],"names":["getContentPermissions","subject","permissions","publish","action","id","actionParameters","properties","conditions","ReleaseAction","documents","model","formatMessage","useIntl","toggleNotification","useNotification","formatAPIError","useAPIErrorHandler","query","useQueryParams","contentPermissions","allowedActions","canPublish","useRBAC","canCreate","releasePermissions","hasDraftAndPublish","useContentManagerContext","response","useGetReleasesQuery","releases","data","createManyReleaseActions","isLoading","useCreateManyReleaseActionsMutation","documentIds","map","doc","documentId","handleSubmit","values","locale","plugins","i18n","releaseActionEntries","entryDocumentId","type","contentType","body","params","releaseId","notificationMessage","defaultMessage","entriesAlreadyInRelease","meta","totalEntries","notification","title","message","isFetchError","error","actionType","variant","label","dialog","content","onClose","_jsx","Formik","onSubmit","validationSchema","RELEASE_ACTION_FORM_SCHEMA","initialValues","INITIAL_VALUES","setFieldValue","_jsxs","Form","length","NoReleases","Modal","Body","Flex","direction","alignItems","gap","Box","paddingBottom","Field","Root","required","Label","SingleSelect","placeholder","onChange","value","release","SingleSelectOption","name","ReleaseActionOptions","selected","handleChange","e","target","Footer","Button","onClick","disabled","loading"],"mappings":"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"}