@ruya.sa/ui 3.71.3

package/dist/elements/SortRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","DragHandleIcon","useListQuery","baseClass","SortRow","$","orderableFieldName","query","isActive","sort","t0","t1","_jsx","className","role","tabIndex","children"],"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACrB;IAAAO,kBAAA;IAAAC;EAAA,IAAsCL,YAAA;EACtC,MAAAM,QAAA,GAAiBD,KAAA,CAAAE,IAAA,KAAeH,kBAAA,IAAsBC,KAAA,CAAAE,IAAA,KAAe,IAAIH,kBAAA,EAAoB;EAG3E,MAAAI,EAAA,MAAAP,SAAA,IAAgBK,QAAA,GAAW,WAAW,IAAI;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IAA1DC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeH,EAA0C;MAAAI,IAAA,EAAO;MAAAC,QAAA;MAAAC,QAAA,EAC/DJ,IAAA,CAAAX,cAAA;QAAAY,SAAA,EAA2B,GAAAV,SAAA;MAAoB,C;;;;;;;SADjDQ,E;CAIJ","ignoreList":[]}

package/dist/elements/SortRow/index.scss

@@ -0,0 +1,22 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .sort-row {
+    opacity: 0.3;
+    cursor: not-allowed;
+
+    &.active {
+      cursor: grab;
+      opacity: 1;
+    }
+
+    &__icon {
+      height: 22px;
+      width: 22px;
+      margin-left: -2px;
+      margin-top: -2px;
+      display: block;
+      width: min-content;
+    }
+  }
+}

package/dist/elements/Status/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const Status: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EA6M1B,CAAA"}

package/dist/elements/Status/index.js

@@ -0,0 +1,183 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { useCallback } from 'react';
+import { toast } from 'sonner';
+import { useForm } from '../../forms/Form/context.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { requests } from '../../utilities/api.js';
+import { Button } from '../Button/index.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+import './index.scss';
+const baseClass = 'status';
+export const Status = () => {
+  const {
+    id,
+    collectionSlug,
+    docPermissions,
+    globalSlug,
+    hasPublishedDoc,
+    incrementVersionCount,
+    isTrashed,
+    setHasPublishedDoc,
+    setMostRecentVersionIsAutosaved,
+    setUnpublishedVersionCount,
+    unpublishedVersionCount
+  } = useDocumentInfo();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    config: {
+      routes: {
+        api
+      }
+    }
+  } = useConfig();
+  const {
+    reset: resetForm
+  } = useForm();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const unPublishModalSlug = `confirm-un-publish-${id}`;
+  const revertModalSlug = `confirm-revert-${id}`;
+  let statusToRender;
+  if (unpublishedVersionCount > 0 && hasPublishedDoc) {
+    statusToRender = 'changed';
+  } else if (!hasPublishedDoc) {
+    statusToRender = 'draft';
+  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {
+    statusToRender = 'published';
+  }
+  const displayStatusKey = isTrashed ? hasPublishedDoc ? 'previouslyPublished' : 'previouslyDraft' : statusToRender;
+  const performAction = useCallback(async action => {
+    let url;
+    let method;
+    let body;
+    if (action === 'unpublish') {
+      body = {
+        _status: 'draft'
+      };
+    }
+    if (collectionSlug) {
+      url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`
+      });
+      method = 'patch';
+    }
+    if (globalSlug) {
+      url = formatAdminURL({
+        apiRoute: api,
+        path: `/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`
+      });
+      method = 'post';
+    }
+    if (action === 'revert') {
+      const publishedDoc = await requests.get(url, {
+        headers: {
+          'Accept-Language': i18n.language,
+          'Content-Type': 'application/json'
+        }
+      }).then(res => res.json());
+      body = publishedDoc;
+    }
+    const res_0 = await requests[method](url, {
+      body: JSON.stringify(body),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    });
+    if (res_0.status === 200) {
+      let data;
+      const json = await res_0.json();
+      if (globalSlug) {
+        data = json.result;
+      } else if (collectionSlug) {
+        data = json.doc;
+      }
+      // eslint-disable-next-line @typescript-eslint/no-floating-promises
+      resetForm(data);
+      toast.success(json.message);
+      incrementVersionCount();
+      setMostRecentVersionIsAutosaved(false);
+      if (action === 'unpublish') {
+        setHasPublishedDoc(false);
+      } else if (action === 'revert') {
+        setUnpublishedVersionCount(0);
+      }
+    } else {
+      try {
+        const json_0 = await res_0.json();
+        if (json_0.errors?.[0]?.message) {
+          toast.error(json_0.errors[0].message);
+        } else if (json_0.error) {
+          toast.error(json_0.error);
+        } else {
+          toast.error(t('error:unPublishingDocument'));
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      } catch (err) {
+        toast.error(t('error:unPublishingDocument'));
+      }
+    }
+  }, [api, collectionSlug, globalSlug, id, i18n.language, incrementVersionCount, locale, resetForm, setUnpublishedVersionCount, setMostRecentVersionIsAutosaved, t, setHasPublishedDoc]);
+  const canUpdate = docPermissions?.update;
+  if (statusToRender) {
+    return /*#__PURE__*/_jsx("div", {
+      className: baseClass,
+      title: `${t('version:status')}: ${t(`version:${displayStatusKey}`)}`,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__value-wrap`,
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: `${baseClass}__label`,
+          children: [t('version:status'), ": "]
+        }), /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__value`,
+          children: t(`version:${displayStatusKey}`)
+        }), !isTrashed && canUpdate && statusToRender === 'published' && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [" — ", /*#__PURE__*/_jsx(Button, {
+            buttonStyle: "none",
+            className: `${baseClass}__action`,
+            id: `action-unpublish`,
+            onClick: () => toggleModal(unPublishModalSlug),
+            children: t('version:unpublish')
+          }), /*#__PURE__*/_jsx(ConfirmationModal, {
+            body: t('version:aboutToUnpublish'),
+            confirmingLabel: t('version:unpublishing'),
+            heading: t('version:confirmUnpublish'),
+            modalSlug: unPublishModalSlug,
+            onConfirm: () => performAction('unpublish')
+          })]
+        }), !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [" — ", /*#__PURE__*/_jsx(Button, {
+            buttonStyle: "none",
+            className: `${baseClass}__action`,
+            id: "action-revert-to-published",
+            onClick: () => toggleModal(revertModalSlug),
+            children: t('version:revertToPublished')
+          }), /*#__PURE__*/_jsx(ConfirmationModal, {
+            body: t('version:aboutToRevertToPublished'),
+            confirmingLabel: t('version:reverting'),
+            heading: t('version:confirmRevertToSaved'),
+            modalSlug: revertModalSlug,
+            onConfirm: () => performAction('revert')
+          })]
+        })]
+      })
+    });
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","formatAdminURL","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","apiRoute","path","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","_jsx","className","title","_jsxs","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`,\n        })\n        method = 'patch'\n      }\n\n      if (globalSlug) {\n        url = formatAdminURL({\n          apiRoute: api,\n          path: `/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`,\n        })\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToRevertToPublished')}\n                confirmingLabel={t('version:reverting')}\n                heading={t('version:confirmRevertToSaved')}\n                modalSlug={revertModalSlug}\n                onConfirm={() => performAction('revert')}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AACA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAmBA,CAAA;EAC9B,MAAM;IACJC,EAAE;IACFC,cAAc;IACdC,cAAc;IACdC,UAAU;IACVC,eAAe;IACfC,qBAAqB;IACrBC,SAAS;IACTC,kBAAkB;IAClBC,+BAA+B;IAC/BC,0BAA0B;IAC1BC;EAAuB,CACxB,GAAGlB,eAAA;EAEJ,MAAM;IAAEmB;EAAW,CAAE,GAAG1B,QAAA;EAExB,MAAM;IACJ2B,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG;IAAE;EAChB,CACF,GAAGvB,SAAA;EAEJ,MAAM;IAAEwB,KAAA,EAAOC;EAAS,CAAE,GAAG1B,OAAA;EAC7B,MAAM;IAAE2B,IAAA,EAAMC;EAAM,CAAE,GAAGzB,SAAA;EACzB,MAAM;IAAE0B,IAAI;IAAEC;EAAC,CAAE,GAAG1B,cAAA;EAEpB,MAAM2B,kBAAA,GAAqB,sBAAsBrB,EAAA,EAAI;EACrD,MAAMsB,eAAA,GAAkB,kBAAkBtB,EAAA,EAAI;EAE9C,IAAIuB,cAAA;EAEJ,IAAIb,uBAAA,GAA0B,KAAKN,eAAA,EAAiB;IAClDmB,cAAA,GAAiB;EACnB,OAAO,IAAI,CAACnB,eAAA,EAAiB;IAC3BmB,cAAA,GAAiB;EACnB,OAAO,IAAInB,eAAA,IAAmBM,uBAAA,IAA2B,GAAG;IAC1Da,cAAA,GAAiB;EACnB;EAEA,MAAMC,gBAAA,GAAmBlB,SAAA,GACrBF,eAAA,GACE,wBACA,oBACFmB,cAAA;EAEJ,MAAME,aAAA,GAAgBrC,WAAA,CACpB,MAAOsC,MAAA;IACL,IAAIC,GAAA;IACJ,IAAIC,MAAA;IACJ,IAAIC,IAAA;IAEJ,IAAIH,MAAA,KAAW,aAAa;MAC1BG,IAAA,GAAO;QACLC,OAAA,EAAS;MACX;IACF;IAEA,IAAI7B,cAAA,EAAgB;MAClB0B,GAAA,GAAMzC,cAAA,CAAe;QACnB6C,QAAA,EAAUjB,GAAA;QACVkB,IAAA,EAAM,IAAI/B,cAAA,IAAkBD,EAAA,WAAakB,MAAA;MAC3C;MACAU,MAAA,GAAS;IACX;IAEA,IAAIzB,UAAA,EAAY;MACdwB,GAAA,GAAMzC,cAAA,CAAe;QACnB6C,QAAA,EAAUjB,GAAA;QACVkB,IAAA,EAAM,YAAY7B,UAAA,WAAqBe,MAAA;MACzC;MACAU,MAAA,GAAS;IACX;IAEA,IAAIF,MAAA,KAAW,UAAU;MACvB,MAAMO,YAAA,GAAe,MAAMtC,QAAA,CACxBuC,GAAG,CAACP,GAAA,EAAK;QACRQ,OAAA,EAAS;UACP,mBAAmBhB,IAAA,CAAKiB,QAAQ;UAChC,gBAAgB;QAClB;MACF,GACCC,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,IAAI;MAEzBV,IAAA,GAAOI,YAAA;IACT;IAEA,MAAMK,KAAA,GAAM,MAAM3C,QAAQ,CAACiC,MAAA,CAAO,CAACD,GAAA,EAAK;MACtCE,IAAA,EAAMW,IAAA,CAAKC,SAAS,CAACZ,IAAA;MACrBM,OAAA,EAAS;QACP,mBAAmBhB,IAAA,CAAKiB,QAAQ;QAChC,gBAAgB;MAClB;IACF;IAEA,IAAIE,KAAA,CAAII,MAAM,KAAK,KAAK;MACtB,IAAIC,IAAA;MACJ,MAAMJ,IAAA,GAAO,MAAMD,KAAA,CAAIC,IAAI;MAE3B,IAAIpC,UAAA,EAAY;QACdwC,IAAA,GAAOJ,IAAA,CAAKK,MAAM;MACpB,OAAO,IAAI3C,cAAA,EAAgB;QACzB0C,IAAA,GAAOJ,IAAA,CAAKM,GAAG;MACjB;MAEA;MACA7B,SAAA,CAAU2B,IAAA;MACVtD,KAAA,CAAMyD,OAAO,CAACP,IAAA,CAAKQ,OAAO;MAC1B1C,qBAAA;MACAG,+BAAA,CAAgC;MAEhC,IAAIkB,MAAA,KAAW,aAAa;QAC1BnB,kBAAA,CAAmB;MACrB,OAAO,IAAImB,MAAA,KAAW,UAAU;QAC9BjB,0BAAA,CAA2B;MAC7B;IACF,OAAO;MACL,IAAI;QACF,MAAM8B,MAAA,GAAO,MAAMD,KAAA,CAAIC,IAAI;QAC3B,IAAIA,MAAA,CAAKS,MAAM,GAAG,EAAE,EAAED,OAAA,EAAS;UAC7B1D,KAAA,CAAM4D,KAAK,CAACV,MAAA,CAAKS,MAAM,CAAC,EAAE,CAACD,OAAO;QACpC,OAAO,IAAIR,MAAA,CAAKU,KAAK,EAAE;UACrB5D,KAAA,CAAM4D,KAAK,CAACV,MAAA,CAAKU,KAAK;QACxB,OAAO;UACL5D,KAAA,CAAM4D,KAAK,CAAC7B,CAAA,CAAE;QAChB;QACA;MACF,EAAE,OAAO8B,GAAA,EAAK;QACZ7D,KAAA,CAAM4D,KAAK,CAAC7B,CAAA,CAAE;MAChB;IACF;EACF,GACA,CACEN,GAAA,EACAb,cAAA,EACAE,UAAA,EACAH,EAAA,EACAmB,IAAA,CAAKiB,QAAQ,EACb/B,qBAAA,EACAa,MAAA,EACAF,SAAA,EACAP,0BAAA,EACAD,+BAAA,EACAY,CAAA,EACAb,kBAAA,CACD;EAGH,MAAM4C,SAAA,GAAYjD,cAAA,EAAgBkD,MAAA;EAElC,IAAI7B,cAAA,EAAgB;IAClB,oBACE8B,IAAA,CAAC;MACCC,SAAA,EAAWxD,SAAA;MACXyD,KAAA,EAAO,GAAGnC,CAAA,CAAE,sBAAsBA,CAAA,CAAE,WAAWI,gBAAA,EAAkB,GAAG;gBAEpE,aAAAgC,KAAA,CAAC;QAAIF,SAAA,EAAW,GAAGxD,SAAA,cAAuB;gCACxC0D,KAAA,CAAC;UAAKF,SAAA,EAAW,GAAGxD,SAAA,SAAkB;qBAAGsB,CAAA,CAAE,mBAAkB;yBAC7DiC,IAAA,CAAC;UAAKC,SAAA,EAAW,GAAGxD,SAAA,SAAkB;oBAAGsB,CAAA,CAAE,WAAWI,gBAAA,EAAkB;YACvE,CAAClB,SAAA,IAAa6C,SAAA,IAAa5B,cAAA,KAAmB,4BAC7CiC,KAAA,CAACrE,KAAA,CAAMsE,QAAQ;qBAAC,O,aAEdJ,IAAA,CAACzD,MAAA;YACC8D,WAAA,EAAY;YACZJ,SAAA,EAAW,GAAGxD,SAAA,UAAmB;YACjCE,EAAA,EAAI,kBAAkB;YACtB2D,OAAA,EAASA,CAAA,KAAMhD,WAAA,CAAYU,kBAAA;sBAE1BD,CAAA,CAAE;2BAELiC,IAAA,CAACxD,iBAAA;YACCgC,IAAA,EAAMT,CAAA,CAAE;YACRwC,eAAA,EAAiBxC,CAAA,CAAE;YACnByC,OAAA,EAASzC,CAAA,CAAE;YACX0C,SAAA,EAAWzC,kBAAA;YACX0C,SAAA,EAAWA,CAAA,KAAMtC,aAAA,CAAc;;YAIpC,CAACnB,SAAA,IAAa6C,SAAA,IAAa/C,eAAA,IAAmBmB,cAAA,KAAmB,0BAChEiC,KAAA,CAACrE,KAAA,CAAMsE,QAAQ;qBAAC,O,aAEdJ,IAAA,CAACzD,MAAA;YACC8D,WAAA,EAAY;YACZJ,SAAA,EAAW,GAAGxD,SAAA,UAAmB;YACjCE,EAAA,EAAG;YACH2D,OAAA,EAASA,CAAA,KAAMhD,WAAA,CAAYW,eAAA;sBAE1BF,CAAA,CAAE;2BAELiC,IAAA,CAACxD,iBAAA;YACCgC,IAAA,EAAMT,CAAA,CAAE;YACRwC,eAAA,EAAiBxC,CAAA,CAAE;YACnByC,OAAA,EAASzC,CAAA,CAAE;YACX0C,SAAA,EAAWxC,eAAA;YACXyC,SAAA,EAAWA,CAAA,KAAMtC,aAAA,CAAc;;;;;EAO7C;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/Status/index.scss

@@ -0,0 +1,21 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .status {
+    &__label {
+      color: var(--theme-elevation-500);
+    }
+
+    &__value {
+      font-weight: 600;
+    }
+
+    &__value-wrap {
+      white-space: nowrap;
+    }
+
+    &__action {
+      text-decoration: underline;
+    }
+  }
+}

package/dist/elements/StayLoggedIn/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const stayLoggedInModalSlug = "stay-logged-in";
+export declare const StayLoggedInModal: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/StayLoggedIn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,eAAO,MAAM,qBAAqB,mBAAmB,CAAA;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0CrC,CAAA"}

package/dist/elements/StayLoggedIn/index.js

@@ -0,0 +1,88 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter } from 'next/navigation.js';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { useCallback } from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+export const stayLoggedInModalSlug = 'stay-logged-in';
+export const StayLoggedInModal = () => {
+  const $ = _c(11);
+  const {
+    refreshCookie
+  } = useAuth();
+  const router = useRouter();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t0,
+    routes: t1
+  } = config;
+  const {
+    routes: t2
+  } = t0;
+  const {
+    logout: logoutRoute
+  } = t2;
+  const {
+    admin: adminRoute
+  } = t1;
+  const {
+    t
+  } = useTranslation();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  let t3;
+  if ($[0] !== adminRoute || $[1] !== logoutRoute || $[2] !== router || $[3] !== startRouteTransition) {
+    t3 = () => startRouteTransition(() => router.push(formatAdminURL({
+      adminRoute,
+      path: logoutRoute
+    })));
+    $[0] = adminRoute;
+    $[1] = logoutRoute;
+    $[2] = router;
+    $[3] = startRouteTransition;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onConfirm = t3;
+  let t4;
+  if ($[5] !== refreshCookie) {
+    t4 = () => {
+      refreshCookie();
+    };
+    $[5] = refreshCookie;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const onCancel = t4;
+  let t5;
+  if ($[7] !== onCancel || $[8] !== onConfirm || $[9] !== t) {
+    t5 = _jsx(ConfirmationModal, {
+      body: t("authentication:youAreInactive"),
+      cancelLabel: t("authentication:stayLoggedIn"),
+      confirmLabel: t("authentication:logOut"),
+      heading: t("authentication:stayLoggedIn"),
+      modalSlug: stayLoggedInModalSlug,
+      onCancel,
+      onConfirm
+    });
+    $[7] = onCancel;
+    $[8] = onConfirm;
+    $[9] = t;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/StayLoggedIn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useRouter","formatAdminURL","React","useCallback","useAuth","useConfig","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","t","startRouteTransition","t3","push","path","onConfirm","t4","onCancel","t5","_jsx","body","cancelLabel","confirmLabel","heading","modalSlug"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,qBAAA,GAAwB;AAErC,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACzC;IAAAa;EAAA,IAA0BR,OAAA;EAE1B,MAAAS,MAAA,GAAeb,SAAA;EACf;IAAAc;EAAA,IAAmBT,SAAA;EAEnB;IAAAU,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAG/B;IAAAK;EAAA,IAAchB,cAAA;EACd;IAAAiB;EAAA,IAAiClB,kBAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAd,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAa,oBAAA;IAEHC,EAAA,GAAAA,CAAA,KACrBD,oBAAA,OACLX,MAAA,CAAAa,IAAA,CACEzB,cAAA;MAAAqB,UAAA;MAAAK,IAAA,EAEQN;IAAA,CACR;IAGNV,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAa,oBAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EATA,MAAAiB,SAAA,GAAkBH,EASwC;EAAA,IAAAI,EAAA;EAAA,IAAAlB,CAAA,QAAAC,aAAA;IAEnBiB,EAAA,GAAAA,CAAA;MACrCjB,aAAA;IAAA;IACFD,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAFA,MAAAmB,QAAA,GAA2BD,EAET;EAAA,IAAAE,EAAA;EAAA,IAAApB,CAAA,QAAAmB,QAAA,IAAAnB,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAY,CAAA;IAGhBQ,EAAA,GAAAC,IAAA,CAAAxB,iBAAA;MAAAyB,IAAA,EACQV,CAAA,CAAE;MAAAW,WAAA,EACKX,CAAA,CAAE;MAAAY,YAAA,EACDZ,CAAA,CAAE;MAAAa,OAAA,EACPb,CAAA,CAAE;MAAAc,SAAA,EAAA5B,qBAAA;MAAAqB,QAAA;MAAAF;IAAA,C;;;;;;;;SAJbG,E;CAUJ","ignoreList":[]}

package/dist/elements/StepNav/SetStepNav.d.ts

@@ -0,0 +1,5 @@
+import type { StepNavItem } from './types.js';
+export declare const SetStepNav: React.FC<{
+    nav: StepNavItem[];
+}>;
+//# sourceMappingURL=SetStepNav.d.ts.map

package/dist/elements/StepNav/SetStepNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,GAAG,EAAE,WAAW,EAAE,CAAA;CACnB,CAQA,CAAA"}

package/dist/elements/StepNav/SetStepNav.js

@@ -0,0 +1,32 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+import { useStepNav } from './context.js';
+export const SetStepNav = t0 => {
+  const $ = _c(4);
+  const {
+    nav
+  } = t0;
+  const {
+    setStepNav
+  } = useStepNav();
+  let t1;
+  let t2;
+  if ($[0] !== nav || $[1] !== setStepNav) {
+    t1 = () => {
+      setStepNav(nav);
+    };
+    t2 = [setStepNav, nav];
+    $[0] = nav;
+    $[1] = setStepNav;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return null;
+};
+//# sourceMappingURL=SetStepNav.js.map

package/dist/elements/StepNav/SetStepNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,GAAA,IAAAD,CAAA,QAAAE,UAAA;IAEbC,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA;IACVG,EAAA,IAACF,UAAA,EAAYD,GAAA;IAAID,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA;AAAA,CAGtB","ignoreList":[]}

package/dist/elements/StepNav/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ContextType } from './types.js';
+export declare const useStepNav: () => ContextType;
+export declare const Context: React.Context<ContextType>;
+export declare const StepNavProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/StepNav/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,UAAU,QAAO,WAA2B,CAAA;AAEzD,eAAO,MAAM,OAAO,4BAQlB,CAAA;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapE,CAAA"}

package/dist/elements/StepNav/context.js

@@ -0,0 +1,46 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use, useState } from 'react';
+export const useStepNav = () => use(Context);
+export const Context = /*#__PURE__*/createContext({
+  setStepNav: () => {
+    if (process.env.NODE_ENV !== 'production') {
+      // eslint-disable-next-line no-console
+      console.warn('StepNavProvider is missing; `setStepNav` is a no-op.');
+    }
+  },
+  stepNav: []
+});
+export const StepNavProvider = t0 => {
+  const $ = _c(4);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [stepNav, setStepNav] = useState(t1);
+  let t2;
+  if ($[1] !== children || $[2] !== stepNav) {
+    t2 = _jsx(Context, {
+      value: {
+        setStepNav,
+        stepNav
+      },
+      children
+    });
+    $[1] = children;
+    $[2] = stepNav;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+//# sourceMappingURL=context.js.map

package/dist/elements/StepNav/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","use","useState","useStepNav","Context","setStepNav","process","env","NODE_ENV","console","warn","stepNav","StepNavProvider","t0","$","children","t1","Symbol","for","t2","_jsx","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(Context)\n\nexport const Context = createContext<ContextType>({\n  setStepNav: () => {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn('StepNavProvider is missing; `setStepNav` is a no-op.')\n    }\n  },\n  stepNav: [],\n})\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAIpD,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAmBF,GAAA,CAAIG,OAAA;AAEjD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAA2B;EAChDK,UAAA,EAAYA,CAAA;IACV,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;MACzC;MACAC,OAAA,CAAQC,IAAI,CAAC;IACf;EACF;EACAC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAH,OAAA,EAAAN,UAAA,IAA8BH,QAAA,CAASc,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAH,OAAA;IAGvCQ,EAAA,GAAAC,IAAA,CAAAhB,OAAA;MAAAiB,KAAA;QAAAhB,UAAA;QAAAM;MAAA;MAAAI;IAAA,C;;;;;;;SAAAI,E;CASJ","ignoreList":[]}

package/dist/elements/StepNav/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { StepNavItem } from './types.js';
+import { StepNavProvider, useStepNav } from './context.js';
+import './index.scss';
+export { SetStepNav } from './SetStepNav.js';
+declare const StepNav: React.FC<{
+    readonly className?: string;
+    readonly CustomIcon?: React.ReactNode;
+    /**
+     * @deprecated
+     * This prop is deprecated and will be removed in the next major version.
+     * Components now import their own `Link` directly from `next/link`.
+     */
+    readonly Link?: React.ComponentType;
+}>;
+export { StepNav, StepNavItem, StepNavProvider, useStepNav };
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/StepNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI5C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC,CA0DA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}

package/dist/elements/StepNav/index.js

@@ -0,0 +1,107 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React, { Fragment } from 'react';
+import { PayloadIcon } from '../../graphics/Icon/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Link } from '../Link/index.js';
+import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
+import { StepNavProvider, useStepNav } from './context.js';
+import './index.scss';
+export { SetStepNav } from './SetStepNav.js';
+const baseClass = 'step-nav';
+const StepNav = t0 => {
+  const $ = _c(7);
+  const {
+    className,
+    CustomIcon
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    stepNav
+  } = useStepNav();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== CustomIcon || $[1] !== admin || $[2] !== className || $[3] !== i18n || $[4] !== stepNav || $[5] !== t) {
+    t3 = _jsx(Fragment, {
+      children: stepNav.length > 0 ? _jsxs("nav", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: [_jsx(Link, {
+          className: `${baseClass}__home`,
+          href: admin,
+          prefetch: false,
+          tabIndex: 0,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
+            })
+          })
+        }), _jsx("span", {
+          children: "/"
+        }), stepNav.map((item, i) => {
+          const StepLabel = getTranslation(item.label, i18n);
+          const isLast = stepNav.length === i + 1;
+          const Step = isLast ? _jsx("span", {
+            className: `${baseClass}__last`,
+            children: StepLabel
+          }, i) : _jsxs(Fragment, {
+            children: [item.url ? _jsx(Link, {
+              href: item.url,
+              prefetch: false,
+              children: _jsx("span", {
+                children: StepLabel
+              }, i)
+            }) : _jsx("span", {
+              children: StepLabel
+            }, i), _jsx("span", {
+              children: "/"
+            })]
+          }, i);
+          return Step;
+        })]
+      }) : _jsx("div", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: _jsx("div", {
+          className: `${baseClass}__home`,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
+            })
+          })
+        })
+      })
+    });
+    $[0] = CustomIcon;
+    $[1] = admin;
+    $[2] = className;
+    $[3] = i18n;
+    $[4] = stepNav;
+    $[5] = t;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+export { StepNav, StepNavProvider, useStepNav };
+//# sourceMappingURL=index.js.map

package/dist/elements/StepNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","i18n","stepNav","config","t1","routes","t2","admin","t","t3","_jsx","children","length","_jsxs","filter","Boolean","join","href","prefetch","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <Link href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,eAAe,EAAEC,UAAU,QAAQ;AAC5C,OAAO;AAEP,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,OAAA,GASDC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,SAAA;IAAAC;EAAA,IAAAH,EAAyB;EAC7B;IAAAI;EAAA,IAAiBZ,cAAA;EAEjB;IAAAa;EAAA,IAAoBT,UAAA;EAEpB;IAAAU,MAAA,EAAAC;EAAA,IAIIhB,SAAA;EAHM;IAAAiB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAS;EAIrB;IAAAE;EAAA,IAAcnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAX,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAU,CAAA;IAGZC,EAAA,GAAAC,IAAA,CAAAxB,QAAA;MAAAyB,QAAA,EACGT,OAAA,CAAAU,MAAA,IAAiB,GAChBC,KAAA,CAAC;QAAAd,SAAA,EAAe,CAAAJ,SAAA,EAAYI,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,GAC1DD,IAAA,CAAApB,IAAA;UAAAS,SAAA,EAAiB,GAAAJ,SAAA,QAAoB;UAAAsB,IAAA,EAAQV,KAAA;UAAAW,QAAA;UAAAC,QAAA;UAAAR,QAAA,EAC3CD,IAAA,CAAC;YAAAU,KAAA,EAAYZ,CAAA,CAAE;YAAAG,QAAA,EACbD,IAAA,CAAAnB,qBAAA;cAAA8B,eAAA,EAAwCrB,UAAA;cAAAsB,QAAA,EAAsBZ,IAAA,CAAAvB,WAAA,IAAC;YAAA,C;;YAGnEuB,IAAA,CAAC;UAAAC,QAAA,EAAK;QAAA,C,GACLT,OAAA,CAAAqB,GAAA,EAAAC,IAAA,EAAAC,CAAA;UACC,MAAAC,SAAA,GAAkB1C,cAAA,CAAewC,IAAA,CAAAG,KAAA,EAAY1B,IAAA;UAC7C,MAAA2B,MAAA,GAAe1B,OAAA,CAAAU,MAAA,KAAmBa,CAAA,IAAI;UAEtC,MAAAI,IAAA,GAAaD,MAAA,GACXlB,IAAA,CAAC;YAAAX,SAAA,EAAgB,GAAAJ,SAAA,QAAoB;YAAAgB,QAAA,EAClCe;UAAA,GADyCD,CAAA,IAI5CZ,KAAA,CAAA3B,QAAA;YAAAyB,QAAA,GACGa,IAAA,CAAAM,GAAA,GACCpB,IAAA,CAAApB,IAAA;cAAA2B,IAAA,EAAYO,IAAA,CAAAM,GAAA;cAAAZ,QAAA;cAAAP,QAAA,EACVD,IAAA,CAAC;gBAAAC,QAAA,EAAce;cAAA,GAAJD,CAAA;YAAA,C,IAGbf,IAAA,CAAC;cAAAC,QAAA,EAAce;YAAA,GAAJD,CAAA,GAEbf,IAAA,CAAC;cAAAC,QAAA,EAAK;YAAA,C;aAROc,CAAA;UAAA,OAYVI,IAAA;QAAA,CACT;MAAA,C,IAGFnB,IAAA,CAAC;QAAAX,SAAA,EAAe,CAAAJ,SAAA,EAAYI,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,EAC1DD,IAAA,CAAC;UAAAX,SAAA,EAAe,GAAAJ,SAAA,QAAoB;UAAAgB,QAAA,EAClCD,IAAA,CAAC;YAAAU,KAAA,EAAYZ,CAAA,CAAE;YAAAG,QAAA,EACbD,IAAA,CAAAnB,qBAAA;cAAA8B,eAAA,EAAwCrB,UAAA;cAAAsB,QAAA,EAAsBZ,IAAA,CAAAvB,WAAA,IAAC;YAAA,C;;;;;;;;;;;;;;;SArCzEsB,E;CA4CJ;AAEA,SAASb,OAAO,EAAeJ,eAAe,EAAEC,UAAU","ignoreList":[]}