@websolutespa/payload-plugin-bowl 1.0.1 → 1.0.4

package/CHANGELOG.md

@@ -1,63 +1,82 @@
-# @websolutespa/payload-plugin-bowl
-
-## 1.0.1
-
-### Minor Changes
-
-- Added: CategoryTree.
-- Fixing: sass.
-
-## 0.5.0
-
-### Minor Changes
-
-- Modified routes, added redirects.
-
-## 0.4.0
-
-### Minor Changes
-
-- Removed: external dependency @websolutespa/payload-plugin-localization.
-
-## 0.3.2
-
-### Patch Changes
-
-- Fixing: avoid categories circular reference.
-
-## 0.3.1
-
-### Patch Changes
-
-- Modified: ILocalizable.
-
-## 0.3.0
-
-### Minor Changes
-
-- Added: splat routes.
-
-## 0.2.0
-
-### Minor Changes
-
-- Added: menu, @websolutespa/bom-core.
-
-## 0.1.1
-
-### Patch Changes
-
-- Modified: route service.
-- Added: white label.
-
-## 0.1.0
-
-### Minor Changes
-
-- mock refactor.
-
-## 0.0.1
-
-### Patch Changes
-
-- Added: first release.
+# @websolutespa/payload-plugin-bowl
+
+## 1.0.4
+
+### Patch Changes
+
+- Fixing: storeGet endpoint locale.
+
+## 1.0.3
+
+### Patch Changes
+
+- Modified: withPage preview, getApiUrl.
+
+## 1.0.2
+
+### Patch Changes
+
+- Added: duration to withStaticCollection.
+- Fixing: eachField.
+
+## 1.0.1
+
+### Minor Changes
+
+- Added: CategoryTree.
+- Fixing: sass.
+
+## 0.5.0
+
+### Minor Changes
+
+- Modified routes, added redirects.
+
+## 0.4.0
+
+### Minor Changes
+
+- Removed: external dependency @websolutespa/payload-plugin-localization.
+
+## 0.3.2
+
+### Patch Changes
+
+- Fixing: avoid categories circular reference.
+
+## 0.3.1
+
+### Patch Changes
+
+- Modified: ILocalizable.
+
+## 0.3.0
+
+### Minor Changes
+
+- Added: splat routes.
+
+## 0.2.0
+
+### Minor Changes
+
+- Added: menu, @websolutespa/bom-core.
+
+## 0.1.1
+
+### Patch Changes
+
+- Modified: route service.
+- Added: white label.
+
+## 0.1.0
+
+### Minor Changes
+
+- mock refactor.
+
+## 0.0.1
+
+### Patch Changes
+
+- Added: first release.

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Endpoint, AdminRoute, Config } from 'payload/config';
 import { Resource } from 'i18next';
 import * as payload_dist_fields_config_types from 'payload/dist/fields/config/types';
-import { Field, FieldHookArgs, Tab, JSONField, FieldAffectingData, HookName, FieldHook as FieldHook$1, FieldBase, UIField as UIField$1 } from 'payload/dist/fields/config/types';
+import { Field, FieldHookArgs, Tab, JSONField, Block as Block$1, FieldAffectingData, HookName, FieldHook as FieldHook$1, FieldBase, UIField as UIField$1 } from 'payload/dist/fields/config/types';
 import * as payload_types from 'payload/types';
 import { PayloadRequest, CollectionAfterChangeHook, CollectionAfterDeleteHook, Block, CollectionConfig, GlobalConfig, RichTextField, RelationshipField, CheckboxField, BlockField, DateField, TextField, GroupField, Field as Field$1, UploadField, ArrayField, NumberField, FieldHook, SelectField, CollapsibleField, RowField, TabsField, UIField, EmailField, TextareaField, RadioField, CodeField, PointField, SanitizedCollectionConfig } from 'payload/types';
 import { IEntity, ILocale, ILocalizable, IEquatable, IMedia, ICategory, IPageRelation, IMenu, IRoute, IMenuItem, ISchema, ICategorized, IMarket, IMemoryStore } from '@websolutespa/bom-core';
@@ -23,12 +23,13 @@ type ICache<T = any> = {
     data: T;
 };
 type InMemoryCacheOptions = {
-    duration?: number;
+    duration?: number | false;
 };
 declare class InMemoryCache<T = any> {
-    duration: number;
+    duration: number | false;
     cache: Map<string, ICache<T>>;
     constructor(options?: InMemoryCacheOptions);
+    private isExpired_;
     has(key: string): boolean;
     get(key: string): T;
     set(key: string, data: T): void;
@@ -338,19 +339,21 @@ type StaticCollectionSrc = string | Option[] | ((config: CollectionConfig) => Op
 type StaticCollectionConfig = {
     src: StaticCollectionSrc;
     map?: KeyMapper;
+    duration?: number | false;
 };
 declare function whereCollection<T = IEntity>(items: T[], where?: {
     [key: string]: any;
 }): Promise<T[]>;
 declare function populateStaticFields<T = IEntity>(item: T, fields: Field[], locale?: string): Promise<T>;
 declare function localizeCollection<T = IEntity>(items: T[], localizedFields: string[], locale?: string): Promise<T[]>;
+declare function sortCollection<T = IEntity>(items: T[], sort?: string): Promise<T[]>;
 declare function getStaticLoader(slug: string): any;
 declare const StaticCollectionDefault: Partial<CollectionConfig>;
 /**
  * @param {CollectionConfig & StaticCollectionConfig} config
  * @returns {CollectionConfig} Return a `CollectionConfig` from static or remote dataset.
  */
-declare const withStaticCollection: ({ src, map, ...config }: WithStaticProps) => CollectionConfig;
+declare const withStaticCollection: ({ src, map, duration, ...config }: WithStaticProps) => CollectionConfig;
 
 type WithAbstractProps = (Omit<RichTextField, 'type' | 'name'> & {
     name?: string;
@@ -609,8 +612,9 @@ declare function log(...rest: unknown[]): void;
 
 declare const defaultSlug: BowlSlug;
 declare const defaultGroup: BowlGroup;
-declare const defaultLocales: string[];
 declare const defaultLocale = "en";
+declare const defaultLocales: string[];
+declare const defaultMarket = "ww";
 declare const options: BowlOptions;
 declare const internalSlugs: string[];
 
@@ -650,13 +654,19 @@ declare function isObject(item: unknown): boolean;
  */
 declare function deepMerge<T, R = T>(target: Partial<T>, source: Partial<R>): T & R;
 
-type PresentationField = GroupField | CollapsibleField | RowField | TabsField | UIField;
+type PresentationField = CollapsibleField | RowField | TabsField | UIField;
 declare const PRESENTATION_FIELDS: string[];
 declare function isPresentationField(field: Field$1): field is PresentationField;
 type DataField = JSONField | TextField | NumberField | EmailField | TextareaField | CheckboxField | DateField | BlockField | RadioField | RelationshipField | ArrayField | RichTextField | SelectField | UploadField | CodeField | PointField;
 declare function isDataField(field: Field$1): field is DataField;
-declare function eachField(fields: Field$1[], callback: (field: Field$1) => boolean | void, maxDepth?: number, depth?: number): boolean | void;
-declare function eachDataField(fields: Field$1[], callback: (field: DataField) => boolean | void, maxDepth?: number, depth?: number): boolean | void;
+type eachFieldAcc = {
+    maxDepth: number;
+    depth: number;
+    paths: string[];
+    parent?: Field$1 | Block$1 | Tab;
+};
+declare function eachField(fields: Field$1[], callback: (field: Field$1, paths: string[], parent?: Field$1 | Block$1 | Tab) => boolean | void, options?: number | eachFieldAcc): boolean | void;
+declare function eachDataField(fields: Field$1[], callback: (field: DataField, paths: string[], parent?: Field$1 | Block$1 | Tab) => boolean | void, maxDepth?: number): boolean | void;
 
 declare function textToSlug(value: string): string;
 declare const formatSlug: (fallback: string) => FieldHook;
@@ -811,22 +821,24 @@ type BowlGroup = {
 };
 type BowlOptions = {
     collections: string[];
-    pages: string[];
-    slug: BowlSlug;
+    defaultLocale: string;
+    defaultMarket: string;
     group: BowlGroup;
     locales: string[];
     menu: {
         blocks: BowlBlock[];
     };
-    defaultLocale: string;
+    pages: string[];
+    slug: BowlSlug;
     translations: Resource;
 };
 type BowlInitOptions = {
-    slug?: Partial<BowlSlug>;
+    defaultMarket?: string;
     group?: Partial<BowlGroup>;
     menu?: {
         blocks: BowlBlock[];
     };
+    slug?: Partial<BowlSlug>;
 };
 
 declare const bowl: (sourceOptions?: BowlInitOptions) => (sourceConfig: BowlConfig) => Config;
@@ -937,4 +949,6 @@ declare const Icon: React__default.FC;
 
 declare const Logo: React__default.FC;
 
-export { BlockDefaults, BowlArrayField, BowlBlock, BowlBlockField, BowlCollapsibleField, BowlCollection, BowlConfig, BowlField, BowlGlobal, BowlGroup, BowlGroupField, BowlInitOptions, BowlOptions, BowlRowField, BowlSlug, BowlTab, BowlTabsField, CategoryDefaults, CategoryList, CategoryListProps, CategoryTree, CategoryTreeProps, CheckboxDefaults, CollectionDefault, CollectionHelper, CollectionHook, CollectionHookName, CollectionHooks, ColorCell, ColorConfig, ColorField, ComponentsDefaults, DataField, DataTree, DataTreeDragItem, DataTreeItem, DataTreeItemLi, DataTreeItemProps, DataTreeProps, DataTreeProvider, DataTreeRenameItem, DateDefaults, DebugField, DecoratedList, DecoratedListProps, EditModal, EditModalProps, GlobalDefault, GlobalHelper, GlobalHook, GlobalHookName, GlobalHooks, IBulkAction, IBulkRecord, ICache, IImportItem, IPage, IPageFull, IPagination, IUndecoratedMenu, IUndecoratedMenuBase, IUndecoratedMenuCategory, IUndecoratedMenuCustom, IUndecoratedMenuGroup, IUndecoratedMenuItem, IUndecoratedMenuLink, IUndecoratedMenuPage, Icon, ImportExportList, ImportExportListProps, ImportExportRedirectList, ImportLogInvalidTypes, ImportLogType, ImportMode, InMemoryCache, InMemoryCacheOptions, LeaveModal, LeaveWithoutSavingModal, LeaveWithoutSavingModalProps, LocalizedDescription, LocalizedDescriptionProps, Logo, MAX_INT, MarketDefaults, MediaDefaults, MediasDefaults, Option, OrderDefaults, PRESENTATION_FIELDS, PageDefault, PresentationField, Publish, RelatedDefaults, RichTextDefaults, Save, SaveDraft, SelectDefaults, StaticCollectionConfig, StaticCollectionDefault, TemplateDefaults, TextDefaults, TreeItems, UIStaticCell, UIStaticField, WithAbstract, WithAbstractProps, WithBlock, WithBlockProps, WithCategory, WithCategoryProps, WithCheckbox, WithCheckboxProps, WithCollection, WithCollectionProps, WithColor, WithColorProps, WithComponents, WithComponentsProps, WithDate, WithDateProps, WithDescription, WithDescriptionProps, WithGlobal, WithGlobalProps, WithId, WithIdProps, WithIsActive, WithIsActiveProps, WithIsDefault, WithIsDefaultProps, WithLink, WithLinkOptions, WithLinkProps, WithMarkets, WithMarketsProps, WithMedia, WithMediaProps, WithMedias, WithMediasProps, WithMenu, WithMenuProps, WithName, WithNameProps, WithOrder, WithOrderProps, WithPage, WithPageProps, WithRelated, WithRelatedProps, WithRichText, WithRichTextProps, WithSelect, WithSelectProps, WithSlug, WithSlugProps, WithStatic, WithStaticProps, WithTemplate, WithTemplateProps, WithText, WithTextProps, WithTitle, WithTitleProps, afterCategoryChangeHook, afterCategoryDeleteHook, afterPageChangeHook, afterPageDeleteHook, appearanceOptions, beforeValidate, bowl, collectionBulkPatch, collectionExportGet, collectionImportPost, collectionIndexGet, collectionUpdatePatch, debugField, decorateHref, decorateHrefs, decorateMenu, decorateMenuCategory, decorateMenuGroup, decorateMenuItem, decorateMenuLink, decorateMenuPage, decorateMenuRoute, decorateMenus, deepMerge, bowl as default, defaultGroup, defaultLocale, defaultLocales, defaultSlug, eachDataField, eachField, fetchCollection, fetchCollectionItems, fetchEachMarketLocale, fetchEndpoint, fetchGlobal, fetchGlobalItems, fetchPages, formatSlug, getApiUrl, getCollectionItem, getCollectionItems, getLocale, getLocales, getMarkets, getNumericParam, getObjectParam, getPagination, getRoute, getRouteByCategoryAndLocale, getRouteByItemAndLocale, getRoutes, getSearchUrl, getStaticLoader, getStore, getStringParam, getTranslation, getTranslations, getTreeItemClassName, hasMarket, importExportListWithParser, internalSlugs, isAdmin, isDataField, isObject, isPresentationField, keyWithRequest, localeGet, localizeCollection, log, logMissingTranslations, menuDetailGet, menuIndexGet, modalSlug, options, pageDetailGet, pageIndexGet, parseDepth, populateStaticFields, redirectParser, richTextAfterReadHook, richTextSerialize, routeGet, routePost, routePostHandler, slugToLabel, slugToLabels, storeGet, textToSlug, toBlock, toCollection, toField, toGlobal, toTab, translateBlock, translateBlocks, translateCollection, translateField, translateFields, translateGlobal, translateTab, translateTabs, validateHexColor, whereCollection, withAbstract, withAbstractRequired, withBlock, withCategory, withCategoryRequired, withCheckbox, withCheckboxRequired, withCollection, withCollectionHook, withColor, withColorRequired, withComponents, withDate, withDateRequired, withDescription, withDescriptionRequired, withFieldHook, withGlobal, withGlobalHook, withId, withIdRequired, withIsActive, withIsActiveRequired, withIsDefault, withIsDefaultRequired, withLink, withLocalizedDescription, withMarkets, withMarketsRequired, withMedia, withMediaRequired, withMedias, withMediasRequired, withMenu, withName, withNameRequired, withOrder, withOrderRequired, withPage, withRelated, withRichText, withRichTextRequired, withSelect, withSelectRequired, withSlug, withSlugRequired, withStaticCollection, withTemplate, withTemplateRequired, withText, withTextRequired, withTitle, withTitleRequired, withUIStatic };
+declare function webpack(sourceConfig: BowlConfig): (config: any) => any;
+
+export { BlockDefaults, BowlArrayField, BowlBlock, BowlBlockField, BowlCollapsibleField, BowlCollection, BowlConfig, BowlField, BowlGlobal, BowlGroup, BowlGroupField, BowlInitOptions, BowlOptions, BowlRowField, BowlSlug, BowlTab, BowlTabsField, CategoryDefaults, CategoryList, CategoryListProps, CategoryTree, CategoryTreeProps, CheckboxDefaults, CollectionDefault, CollectionHelper, CollectionHook, CollectionHookName, CollectionHooks, ColorCell, ColorConfig, ColorField, ComponentsDefaults, DataField, DataTree, DataTreeDragItem, DataTreeItem, DataTreeItemLi, DataTreeItemProps, DataTreeProps, DataTreeProvider, DataTreeRenameItem, DateDefaults, DebugField, DecoratedList, DecoratedListProps, EditModal, EditModalProps, GlobalDefault, GlobalHelper, GlobalHook, GlobalHookName, GlobalHooks, IBulkAction, IBulkRecord, ICache, IImportItem, IPage, IPageFull, IPagination, IUndecoratedMenu, IUndecoratedMenuBase, IUndecoratedMenuCategory, IUndecoratedMenuCustom, IUndecoratedMenuGroup, IUndecoratedMenuItem, IUndecoratedMenuLink, IUndecoratedMenuPage, Icon, ImportExportList, ImportExportListProps, ImportExportRedirectList, ImportLogInvalidTypes, ImportLogType, ImportMode, InMemoryCache, InMemoryCacheOptions, LeaveModal, LeaveWithoutSavingModal, LeaveWithoutSavingModalProps, LocalizedDescription, LocalizedDescriptionProps, Logo, MAX_INT, MarketDefaults, MediaDefaults, MediasDefaults, Option, OrderDefaults, PRESENTATION_FIELDS, PageDefault, PresentationField, Publish, RelatedDefaults, RichTextDefaults, Save, SaveDraft, SelectDefaults, StaticCollectionConfig, StaticCollectionDefault, TemplateDefaults, TextDefaults, TreeItems, UIStaticCell, UIStaticField, WithAbstract, WithAbstractProps, WithBlock, WithBlockProps, WithCategory, WithCategoryProps, WithCheckbox, WithCheckboxProps, WithCollection, WithCollectionProps, WithColor, WithColorProps, WithComponents, WithComponentsProps, WithDate, WithDateProps, WithDescription, WithDescriptionProps, WithGlobal, WithGlobalProps, WithId, WithIdProps, WithIsActive, WithIsActiveProps, WithIsDefault, WithIsDefaultProps, WithLink, WithLinkOptions, WithLinkProps, WithMarkets, WithMarketsProps, WithMedia, WithMediaProps, WithMedias, WithMediasProps, WithMenu, WithMenuProps, WithName, WithNameProps, WithOrder, WithOrderProps, WithPage, WithPageProps, WithRelated, WithRelatedProps, WithRichText, WithRichTextProps, WithSelect, WithSelectProps, WithSlug, WithSlugProps, WithStatic, WithStaticProps, WithTemplate, WithTemplateProps, WithText, WithTextProps, WithTitle, WithTitleProps, afterCategoryChangeHook, afterCategoryDeleteHook, afterPageChangeHook, afterPageDeleteHook, appearanceOptions, beforeValidate, bowl, collectionBulkPatch, collectionExportGet, collectionImportPost, collectionIndexGet, collectionUpdatePatch, debugField, decorateHref, decorateHrefs, decorateMenu, decorateMenuCategory, decorateMenuGroup, decorateMenuItem, decorateMenuLink, decorateMenuPage, decorateMenuRoute, decorateMenus, deepMerge, bowl as default, defaultGroup, defaultLocale, defaultLocales, defaultMarket, defaultSlug, eachDataField, eachField, fetchCollection, fetchCollectionItems, fetchEachMarketLocale, fetchEndpoint, fetchGlobal, fetchGlobalItems, fetchPages, formatSlug, getApiUrl, getCollectionItem, getCollectionItems, getLocale, getLocales, getMarkets, getNumericParam, getObjectParam, getPagination, getRoute, getRouteByCategoryAndLocale, getRouteByItemAndLocale, getRoutes, getSearchUrl, getStaticLoader, getStore, getStringParam, getTranslation, getTranslations, getTreeItemClassName, hasMarket, importExportListWithParser, internalSlugs, isAdmin, isDataField, isObject, isPresentationField, keyWithRequest, localeGet, localizeCollection, log, logMissingTranslations, menuDetailGet, menuIndexGet, modalSlug, options, pageDetailGet, pageIndexGet, parseDepth, populateStaticFields, redirectParser, richTextAfterReadHook, richTextSerialize, routeGet, routePost, routePostHandler, slugToLabel, slugToLabels, sortCollection, storeGet, textToSlug, toBlock, toCollection, toField, toGlobal, toTab, translateBlock, translateBlocks, translateCollection, translateField, translateFields, translateGlobal, translateTab, translateTabs, validateHexColor, webpack, whereCollection, withAbstract, withAbstractRequired, withBlock, withCategory, withCategoryRequired, withCheckbox, withCheckboxRequired, withCollection, withCollectionHook, withColor, withColorRequired, withComponents, withDate, withDateRequired, withDescription, withDescriptionRequired, withFieldHook, withGlobal, withGlobalHook, withId, withIdRequired, withIsActive, withIsActiveRequired, withIsDefault, withIsDefaultRequired, withLink, withLocalizedDescription, withMarkets, withMarketsRequired, withMedia, withMediaRequired, withMedias, withMediasRequired, withMenu, withName, withNameRequired, withOrder, withOrderRequired, withPage, withRelated, withRichText, withRichTextRequired, withSelect, withSelectRequired, withSlug, withSlugRequired, withStaticCollection, withTemplate, withTemplateRequired, withText, withTextRequired, withTitle, withTitleRequired, withUIStatic };

package/dist/index.js

@@ -83,7 +83,7 @@ var init_Save = __esm({
 });
 
 // src/components/SaveDraft/SaveDraft.tsx
-var import_forms3, import_utilities3, import_Submit3, import_react4, import_react_i18next3, import_jsx_runtime6, baseClass, SaveDraft;
+var import_forms3, import_utilities3, import_Submit3, import_react4, import_react_i18next3, import_jsx_runtime6, SaveDraft;
 var init_SaveDraft = __esm({
   "src/components/SaveDraft/SaveDraft.tsx"() {
     import_forms3 = require("payload/components/forms");
@@ -92,7 +92,6 @@ var init_SaveDraft = __esm({
     import_react4 = require("react");
     import_react_i18next3 = require("react-i18next");
     import_jsx_runtime6 = require("react/jsx-runtime");
-    baseClass = "save-draft";
     SaveDraft = /* @__PURE__ */ __name(() => {
       const { serverURL, routes: { api } } = (0, import_utilities3.useConfig)();
       const { submit } = (0, import_forms3.useForm)();
@@ -122,13 +121,13 @@ var init_SaveDraft = __esm({
           }
         });
       }, [submit, collection, global, serverURL, api, locale, id]);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Submit3.default, { className: baseClass, type: "button", buttonStyle: "secondary", disabled: !canSaveDraft, onClick: saveDraft, children: t("saveDraft") });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Submit3.default, { className: "save-draft", type: "button", buttonStyle: "secondary", disabled: !canSaveDraft, onClick: saveDraft, children: t("saveDraft") });
     }, "SaveDraft");
   }
 });
 
 // src/components/EditModal/EditModalContent.tsx
-var import_forms4, import_utilities4, import_Loading, import_RenderTitle, import_RenderFields, import_field_types, import_LeaveWithoutSaving, import_OperationProvider, import_Auth, import_SetStepNav, import_Upload, import_getTranslation, import_react5, import_react_i18next4, import_jsx_runtime7, baseClass2, EditModalContent;
+var import_forms4, import_utilities4, import_Loading, import_RenderTitle, import_RenderFields, import_field_types, import_LeaveWithoutSaving, import_OperationProvider, import_Auth, import_SetStepNav, import_Upload, import_getTranslation, import_react5, import_react_i18next4, import_jsx_runtime7, baseClass, EditModalContent;
 var init_EditModalContent = __esm({
   "src/components/EditModal/EditModalContent.tsx"() {
     import_forms4 = require("payload/components/forms");
@@ -149,7 +148,7 @@ var init_EditModalContent = __esm({
     init_Save();
     init_SaveDraft();
     import_jsx_runtime7 = require("react/jsx-runtime");
-    baseClass2 = "collection-edit";
+    baseClass = "collection-edit";
     EditModalContent = /* @__PURE__ */ __name((props) => {
       const { admin: { dateFormat }, routes } = (0, import_utilities4.useConfig)();
       const adminRoute = routes.admin;
@@ -188,8 +187,8 @@ var init_EditModalContent = __esm({
         upload
       } = collection;
       const classes = [
-        baseClass2,
-        isEditing && `${baseClass2}--is-editing`
+        baseClass,
+        isEditing && `${baseClass}--is-editing`
       ].filter(Boolean).join(" ");
       const onSave = (0, import_react5.useCallback)((json) => {
         if (typeof onSaveFromProps === "function") {
@@ -203,7 +202,7 @@ var init_EditModalContent = __esm({
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_OperationProvider.OperationContext.Provider, { value: operation, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         import_forms4.Form,
         {
-          className: `${baseClass2}__form`,
+          className: `${baseClass}__form`,
           method: id ? "patch" : "post",
           action,
           onSuccess: onSave,
@@ -229,9 +228,9 @@ var init_EditModalContent = __esm({
                   id: data?.id
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${baseClass2}__main`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${baseClass}__main`, children: [
                 !(collection.versions?.drafts && collection.versions?.drafts?.autosave) && !disableLeaveWithoutSaving && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_LeaveWithoutSaving.default, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${baseClass2}__edit`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${baseClass}__edit`, children: [
                   false,
                   auth && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     import_Auth.default,
@@ -486,6 +485,7 @@ __export(src_exports, {
   defaultGroup: () => defaultGroup,
   defaultLocale: () => defaultLocale,
   defaultLocales: () => defaultLocales,
+  defaultMarket: () => defaultMarket,
   defaultSlug: () => defaultSlug,
   eachDataField: () => eachDataField,
   eachField: () => eachField,
@@ -545,6 +545,7 @@ __export(src_exports, {
   routePostHandler: () => routePostHandler,
   slugToLabel: () => slugToLabel,
   slugToLabels: () => slugToLabels,
+  sortCollection: () => sortCollection,
   storeGet: () => storeGet,
   textToSlug: () => textToSlug,
   toBlock: () => toBlock,
@@ -561,6 +562,7 @@ __export(src_exports, {
   translateTab: () => translateTab,
   translateTabs: () => translateTabs,
   validateHexColor: () => validateHexColor,
+  webpack: () => webpack,
   whereCollection: () => whereCollection,
   withAbstract: () => withAbstract,
   withAbstractRequired: () => withAbstractRequired,
@@ -631,9 +633,9 @@ var CategoryList = /* @__PURE__ */ __name((props) => {
   const { collection } = props;
   const slug = collection.slug;
   const { routes } = (0, import_utilities.useConfig)();
-  const baseClass7 = "category-list";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: baseClass7, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${baseClass7}__actions`, children: [
+  const baseClass6 = "category-list";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: baseClass6, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${baseClass6}__actions`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "List" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
@@ -1036,11 +1038,13 @@ var defaultGroup = {
   i18n: "i18n",
   admin: "admin"
 };
-var defaultLocales = ["en", "it"];
 var defaultLocale = "en";
+var defaultLocales = ["en", "it"];
+var defaultMarket = "ww";
 var options = {
   collections: [],
   defaultLocale,
+  defaultMarket,
   group: defaultGroup,
   locales: defaultLocales,
   menu: {
@@ -1073,11 +1077,14 @@ var InMemoryCache = class {
   duration = CACHE_DURATION;
   cache;
   constructor(options2 = {}) {
-    this.duration = options2.duration || this.duration;
+    this.duration = typeof options2.duration !== "undefined" ? options2.duration : this.duration;
     this.cache = /* @__PURE__ */ new Map();
   }
+  isExpired_(key) {
+    return this.duration === false ? true : this.cache.get(key).timestamp < (/* @__PURE__ */ new Date()).getTime() - this.duration;
+  }
   has(key) {
-    return this.cache.has(key) && this.cache.get(key).timestamp > (/* @__PURE__ */ new Date()).getTime() - this.duration;
+    return this.cache.has(key) && !this.isExpired_(key);
   }
   get(key) {
     return this.cache.get(key).data;
@@ -1097,10 +1104,10 @@ function keyWithRequest(key, req) {
 __name(keyWithRequest, "keyWithRequest");
 
 // src/core/api/redirect.service.ts
-var import_bom_core3 = require("@websolutespa/bom-core");
+var import_bom_core4 = require("@websolutespa/bom-core");
 
 // src/core/api/route.service.ts
-var import_bom_core2 = require("@websolutespa/bom-core");
+var import_bom_core3 = require("@websolutespa/bom-core");
 
 // src/core/translations/translations.ts
 var missingTranslations = [];
@@ -1263,7 +1270,7 @@ function deepMerge(target, source) {
 __name(deepMerge, "deepMerge");
 
 // src/core/utils/eachField.ts
-var PRESENTATION_FIELDS = ["collapsible", "group", "row", "tabs", "ui"];
+var PRESENTATION_FIELDS = ["collapsible", "row", "tabs", "ui"];
 function isPresentationField(field) {
   return PRESENTATION_FIELDS.includes(field.type);
 }
@@ -1272,46 +1279,74 @@ function isDataField(field) {
   return !PRESENTATION_FIELDS.includes(field.type);
 }
 __name(isDataField, "isDataField");
-function eachField(fields, callback, maxDepth = -1, depth = 0) {
+function eachField(fields, callback, options2) {
+  const acc = typeof options2 === "number" ? {
+    paths: [],
+    depth: 0,
+    maxDepth: options2
+  } : typeof options2 === "object" ? options2 : {
+    paths: [],
+    depth: 0,
+    maxDepth: -1
+  };
   for (const field of fields) {
-    const shouldBreak = callback(field);
+    let shouldBreak = callback(field, acc.paths, acc.parent);
     if (shouldBreak === true) {
       return shouldBreak;
     }
-    if (maxDepth === -1 || depth < maxDepth || isPresentationField(field)) {
+    let nextAcc = {
+      ...acc,
+      paths: [...acc.paths],
+      parent: field
+    };
+    if (isDataField(field)) {
+      nextAcc.paths.push(field.name);
+    }
+    if (acc.maxDepth === -1 || acc.depth < acc.maxDepth || isPresentationField(field)) {
       switch (field.type) {
         case "array":
-          return eachField(field.fields, callback, depth + 1);
+          nextAcc.depth++;
+          shouldBreak = eachField(field.fields, callback, nextAcc);
+          break;
         case "blocks":
+          nextAcc.depth++;
           for (const block of field.blocks) {
-            const shouldBreak2 = eachField(block.fields, callback, depth + 1);
-            if (shouldBreak2 === true) {
-              return shouldBreak2;
+            nextAcc = {
+              ...nextAcc,
+              parent: block
+            };
+            shouldBreak = eachField(block.fields, callback, nextAcc);
+            if (shouldBreak === true) {
+              return shouldBreak;
             }
           }
           break;
         case "collapsible":
         case "group":
         case "row":
-          return eachField(field.fields, callback, depth);
+          shouldBreak = eachField(field.fields, callback, nextAcc);
+          break;
         case "tabs":
           for (const tab of field.tabs) {
-            const shouldBreak2 = eachField(tab.fields, callback, depth);
-            if (shouldBreak2 === true) {
-              return shouldBreak2;
+            shouldBreak = eachField(tab.fields, callback, nextAcc);
+            if (shouldBreak === true) {
+              return shouldBreak;
             }
           }
       }
+      if (shouldBreak === true) {
+        return shouldBreak;
+      }
     }
   }
 }
 __name(eachField, "eachField");
-function eachDataField(fields, callback, maxDepth = -1, depth = 0) {
-  return eachField(fields, (field) => {
+function eachDataField(fields, callback, maxDepth = -1) {
+  return eachField(fields, (field, paths, parent) => {
     if (isDataField(field)) {
-      return callback(field);
+      return callback(field, paths, parent);
     }
-  });
+  }, maxDepth);
 }
 __name(eachDataField, "eachDataField");
 
@@ -1774,7 +1809,7 @@ __name(getPagination, "getPagination");
 var staticCollections = [];
 var staticCollectionLoaders = {};
 var ID = 0;
-var CACHE = {};
+var CACHE_ = {};
 async function getCollection(url) {
   const response = await import_axios.default.get(url, {});
   const items = response.data.items;
@@ -1794,25 +1829,31 @@ function mapItems(items, map) {
   return items;
 }
 __name(mapItems, "mapItems");
-function getLoader(config, src, map) {
+function getLoader(config, src, map, duration) {
   return async () => {
     const key = typeof src === "string" ? src : `static_${++ID}`;
-    let items = CACHE[key];
-    if (!items) {
-      if (typeof src === "string") {
-        items = await getCollection(src);
-      } else if (typeof src === "function") {
-        if (src instanceof Promise) {
-          items = await src(config);
-        } else {
-          items = src(config);
-        }
+    let memoryCache = CACHE_[key];
+    if (!memoryCache) {
+      memoryCache = new InMemoryCache({ duration });
+      CACHE_[key] = memoryCache;
+    }
+    if (memoryCache.has(key)) {
+      return memoryCache.get(key);
+    }
+    let items;
+    if (typeof src === "string") {
+      items = await getCollection(src);
+    } else if (typeof src === "function") {
+      if (src instanceof Promise) {
+        items = await src(config);
       } else {
-        items = src;
+        items = src(config);
       }
-      items = mapItems(items, map);
-      CACHE[key] = items;
+    } else {
+      items = src;
     }
+    items = mapItems(items, map);
+    memoryCache.set(key, items);
     return items;
   };
 }
@@ -1916,7 +1957,7 @@ async function populateStaticFields(item, fields, locale = "en") {
 __name(populateStaticFields, "populateStaticFields");
 function localizeItem(item, localizedFields, locale = "en") {
   let localizedItem = item;
-  if (localizedFields.length) {
+  if (localizedFields.length > 0) {
     localizedItem = { ...item };
     localizedFields.forEach((field) => {
       localizedItem[field] = item[field][locale];
@@ -1925,8 +1966,8 @@ function localizeItem(item, localizedFields, locale = "en") {
   return localizedItem;
 }
 __name(localizeItem, "localizeItem");
-async function localizeCollection(items, localizedFields, locale = "en") {
-  if (localizedFields.length) {
+async function localizeCollection(items, localizedFields, locale = "*") {
+  if (locale !== "*" && localizedFields.length > 0) {
     items = items.map((item) => localizeItem(item, localizedFields, locale));
   }
   return items;
@@ -1972,11 +2013,11 @@ var StaticCollectionDefault = {
     unlock: () => false
   }
 };
-var withStaticCollection = /* @__PURE__ */ __name(({ src, map, ...config }) => {
+var withStaticCollection = /* @__PURE__ */ __name(({ src, map, duration, ...config }) => {
   staticCollections.push(config.slug);
   const collectionConfig = deepMerge(StaticCollectionDefault, config);
   const localizedFields = collectionConfig.fields.filter((x) => x["localized"] === true).map((x) => x.name);
-  const loader = getLoader(collectionConfig, src, map);
+  const loader = getLoader(collectionConfig, src, map, duration);
   staticCollectionLoaders[collectionConfig.slug] = loader;
   collectionConfig.endpoints = [
     {
@@ -2128,23 +2169,26 @@ var withGlobal = /* @__PURE__ */ __name((config) => {
 }, "withGlobal");
 
 // src/core/api/store.service.ts
+var import_bom_core = require("@websolutespa/bom-core");
 var import_qs = __toESM(require("qs"));
-var CACHE_ = new InMemoryCache();
+var CACHE_2 = new InMemoryCache();
 async function getStore(req) {
+  const { url, query, params } = req;
+  const { locale, where, sort, pagination, page, limit, depth, draft } = query;
   const key = keyWithRequest("store", req);
-  if (CACHE_.has(key)) {
-    return CACHE_.get(key);
+  if (CACHE_2.has(key)) {
+    return CACHE_2.get(key);
   }
   const store = {};
   for (const slug of options.collections) {
     const collection = await fetchCollection(req, slug);
     store[slug] = collection.docs;
   }
-  const locale = await fetchGlobal(req, "locale");
-  store.locale = locale.items;
+  const localeCollection = await fetchCollection(req, "locale");
+  store.locale = localeCollection.docs;
   const routes = await getRoutes(req);
   store.route = routes;
-  CACHE_.set(key, store);
+  CACHE_2.set(key, store);
   return store;
 }
 __name(getStore, "getStore");
@@ -2153,7 +2197,8 @@ function getApiUrl(req) {
   const { config } = payload;
   const port = process.env.PORT || 4e3;
   const origin = `http://localhost:${port}`;
-  const url = `${origin}${config.routes.api}/`;
+  let url = `${origin}${config.routes.api}/`;
+  url = import_bom_core.isBrowser ? url : url.replace("://localhost", "://127.0.0.1");
   return url;
 }
 __name(getApiUrl, "getApiUrl");
@@ -2480,7 +2525,7 @@ var withMenu = /* @__PURE__ */ __name((config) => {
 }, "withMenu");
 
 // src/components/DataTree/DataTree.tsx
-var import_bom_core = require("@websolutespa/bom-core");
+var import_bom_core2 = require("@websolutespa/bom-core");
 var import_components2 = require("payload/components");
 var import_react = require("react");
 var import_react_complex_tree = require("react-complex-tree");
@@ -2567,7 +2612,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var canRename = false;
 function getTreeItemClassName(props) {
   const { context, item, depth, title, arrow, children } = props;
-  return (0, import_bom_core.getClassNames)(
+  return (0, import_bom_core2.getClassNames)(
     "rct-tree-item-title-container",
     {
       "rct-tree-item-title-container-isFolder": item.isFolder,
@@ -2665,9 +2710,9 @@ function DataTree(props) {
   const onCollapseAll = /* @__PURE__ */ __name((event) => {
     tree.current?.collapseAll();
   }, "onCollapseAll");
-  const baseClass7 = "category-tree";
+  const baseClass6 = "category-tree";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "list-controls", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "list-controls__wrap", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${baseClass7}__actions`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "list-controls", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "list-controls__wrap", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${baseClass6}__actions`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: onExpandAll, children: "Expand" }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: onCollapseAll, children: "Collapse" })
     ] }) }) }),
@@ -2728,7 +2773,7 @@ var INITIAL_DATA = {
   importMode: "append" /* Append */,
   dataParsing: false
 };
-var baseClass3 = "import-modal";
+var baseClass2 = "import-modal";
 var ImportModal = /* @__PURE__ */ __name(({
   parser,
   props
@@ -2999,31 +3044,31 @@ var ImportModal = /* @__PURE__ */ __name(({
     setLogs([]);
   }, "onClear");
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components4.MinimalTemplate, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: `${baseClass3}__header`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: `${baseClass2}__header`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: t("importExport:modalTitle") }),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components4.Button, { buttonStyle: "none", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components4.X, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("main", { className: `${baseClass3}__main`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_forms5.Form, { onSubmit, initialData: INITIAL_DATA, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("main", { className: `${baseClass2}__main`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_forms5.Form, { onSubmit, initialData: INITIAL_DATA, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Select, { label: t("importExport:importMode"), name: "importMode", path: "importMode", options: importModes, validate: onSelectDidChange }),
       typeof parser === "function" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Checkbox, { label: t("importExport:enableDataParsing"), name: "dataParsing", path: "dataParsing", onChange: onCheckboxkDidChange }),
       data ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { dangerouslySetInnerHTML: { __html: format(t("importExport:records"), items.length, name) } }),
-        logs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: `${baseClass3}__logs`, children: logs.map((log2, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: `${baseClass3}__log ${baseClass3}__log--${log2.type}`, children: [
+        logs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: `${baseClass2}__logs`, children: logs.map((log2, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: `${baseClass2}__log ${baseClass2}__log--${log2.type}`, children: [
           log2.count,
           " ",
           log2.message,
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { children: log2.invalid })
         ] }, `log-${i}`)) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${baseClass3}__dropzone`, ...getRootProps(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { className: `${baseClass3}__input`, ...getInputProps() }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${baseClass2}__dropzone`, ...getRootProps(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { className: `${baseClass2}__input`, ...getInputProps() }),
         isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: t("importExport:dropTitle") }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: t("importExport:dropAbstract") })
       ] }),
       error && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: t("importExport:parseError") }),
         error.message && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: error.message })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${baseClass3}__foot`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${baseClass2}__foot`, children: [
         dirty && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components4.Button, { type: "button", buttonStyle: "secondary", onClick: onClear, children: t("importExport:clear") }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components4.Button, { type: "submit", disabled: !valid, children: t("importExport:submit") })
       ] })
@@ -3042,7 +3087,7 @@ __name(once, "once");
 
 // src/components/ImportExport/ImportExportList.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var baseClass4 = "import-export-list";
+var baseClass3 = "import-export-list";
 var ImportExportList = /* @__PURE__ */ __name(({
   parser,
   ...props
@@ -3064,7 +3109,7 @@ var ImportExportList = /* @__PURE__ */ __name(({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_components5.Button, { className: "pill pill--style-light pill--has-link pill--has-action", onClick: () => openModal(modalKey), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: t("importExport:importCSV") }) }),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { className: "pill pill--style-light pill--has-link pill--has-action", href: exportUrl, download: `${slug}.csv`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: t("importExport:exportCSV") }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_modal3.Modal, { slug: modalKey, className: `${baseClass4}__modal`, children: isModalOpened && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ImportModal, { parser, props }) })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_modal3.Modal, { slug: modalKey, className: `${baseClass3}__modal`, children: isModalOpened && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ImportModal, { parser, props }) })
       ] })
     }
   );
@@ -3955,9 +4000,15 @@ var PageDefault = {
 };
 var withPage = /* @__PURE__ */ __name((config) => {
   const defaultConfig = { ...PageDefault };
-  defaultConfig.admin.preview = (doc, { locale }) => {
-    const previewUrl = process.env.PAYLOAD_PUBLIC_PREVIEW_URL || "https://localhost:3000";
-    return `${previewUrl}/preview?collection=${config.slug}&id=${doc.id}&slug=${doc.slug}&locale=${locale}&status=${doc._status}`;
+  defaultConfig.admin.preview = (doc, { locale, token }) => {
+    const PREVIEW_URL = process.env.PAYLOAD_PUBLIC_PREVIEW_URL || "https://localhost:3000";
+    const localeId = locale;
+    const markets = doc.markets || [];
+    const market = markets.find((x) => x.defaultLanguage === localeId || x.languages.includes(localeId)) || markets[0];
+    const marketId = market ? market.id : options.defaultMarket;
+    const templateId = doc.template ? doc.template.id : doc.slug;
+    const _status = doc._status;
+    return `${PREVIEW_URL}/${marketId}/${localeId}/${templateId}/${doc.id}?_status=${_status}${token ? `&token=${token}` : ""}`;
   };
   const pageConfig = deepMerge(PageDefault, config);
   pageConfig.fields = [
@@ -4034,11 +4085,11 @@ var withPage = /* @__PURE__ */ __name((config) => {
 }, "withPage");
 
 // src/core/api/route.service.ts
-var CACHE_2 = new InMemoryCache();
+var CACHE_3 = new InMemoryCache();
 async function getRoutes(req) {
   const key = keyWithRequest("route", req);
-  if (CACHE_2.has(key)) {
-    return CACHE_2.get(key);
+  if (CACHE_3.has(key)) {
+    return CACHE_3.get(key);
   }
   let routes = [];
   const subRequest = {
@@ -4057,9 +4108,9 @@ async function getRoutes(req) {
   if (locales.length > 0 && markets.length > 0) {
     const categories = await fetchCollectionItems(subRequest, options.slug.category, { depth: 1 });
     const store = await fetchPages(subRequest);
-    routes = (0, import_bom_core2.collectRoutes)(store, categories, markets, locales);
+    routes = (0, import_bom_core3.collectRoutes)(store, categories, markets, locales);
   }
-  CACHE_2.set(key, routes);
+  CACHE_3.set(key, routes);
   return routes;
 }
 __name(getRoutes, "getRoutes");
@@ -4072,11 +4123,11 @@ __name(getRoute, "getRoute");
 async function getRouteByItemAndLocale(req, item, localeId, slug) {
   const routes = [];
   const categories = await fetchCollectionItems(req, options.slug.category, { depth: 1 });
-  const segments = (0, import_bom_core2.getCategorySegments)(item, categories);
+  const segments = (0, import_bom_core3.getCategorySegments)(item, categories);
   await fetchEachMarketLocale(req, (market, locale, markets, locales) => {
     if ((!item.markets || item.markets.includes(market.id)) && locale.id === localeId) {
-      const title = (0, import_bom_core2.localize)(item.title, locale.id);
-      const id = (0, import_bom_core2.getRouteHref)(segments, market, locale, markets, locales);
+      const title = (0, import_bom_core3.localize)(item.title, locale.id);
+      const id = (0, import_bom_core3.getRouteHref)(segments, market, locale, markets, locales);
       const route = {
         id,
         market: market.id,
@@ -4100,11 +4151,11 @@ __name(getRouteByItemAndLocale, "getRouteByItemAndLocale");
 async function getRouteByCategoryAndLocale(req, item, localeId, slug) {
   const routes = [];
   const categories = await fetchCollectionItems(req, options.slug.category, { depth: 1 });
-  const segments = (0, import_bom_core2.getCategorySegmentsByCategory)(item, categories);
+  const segments = (0, import_bom_core3.getCategorySegmentsByCategory)(item, categories);
   await fetchEachMarketLocale(req, (market, locale, markets, locales) => {
     if (locale.id === localeId) {
-      const title = (0, import_bom_core2.localize)(item.title, locale.id);
-      const id = (0, import_bom_core2.getRouteHref)(segments, market, locale, markets, locales);
+      const title = (0, import_bom_core3.localize)(item.title, locale.id);
+      const id = (0, import_bom_core3.getRouteHref)(segments, market, locale, markets, locales);
       const route = {
         id,
         market: market.id,
@@ -4235,7 +4286,7 @@ async function fetchEachMarketLocale(req, callback) {
   markets = markets ? markets.filter((x) => x.isActive) : [];
   let locales = await fetchGlobalItems(req, options.slug.locale, { depth: 0 });
   locales = locales ? locales.filter((x) => x.isActive) : [];
-  return (0, import_bom_core2.eachMarketLocale)(markets, locales, callback);
+  return (0, import_bom_core3.eachMarketLocale)(markets, locales, callback);
 }
 __name(fetchEachMarketLocale, "fetchEachMarketLocale");
 async function fetchPages(req) {
@@ -4252,7 +4303,7 @@ __name(fetchPages, "fetchPages");
 // src/core/api/redirect.service.ts
 async function collectPageRedirects(req, previousItem, newItem) {
   const collectedRedirects = [];
-  if (import_bom_core3.isProduction) {
+  if (import_bom_core4.isProduction) {
     const { query, collection, payload, user } = req;
     const { locale } = query;
     const slug = collection.config.slug;
@@ -4276,7 +4327,7 @@ async function collectPageRedirects(req, previousItem, newItem) {
         const redirect = {
           from: `*${previousRoute.id}`,
           to: `*${route.id}`,
-          status: import_bom_core3.RedirectReason.MovedPermanently,
+          status: import_bom_core4.RedirectReason.MovedPermanently,
           isActive: true
         };
         return redirect;
@@ -4294,7 +4345,7 @@ async function collectPageRedirects(req, previousItem, newItem) {
 __name(collectPageRedirects, "collectPageRedirects");
 async function collectCategoryRedirects(req, previousItem, newItem) {
   const collectedRedirects = [];
-  if (import_bom_core3.isProduction) {
+  if (import_bom_core4.isProduction) {
     const { query, collection, payload, user } = req;
     const { locale } = query;
     const slug = collection.config.slug;
@@ -4318,7 +4369,7 @@ async function collectCategoryRedirects(req, previousItem, newItem) {
         const redirect = {
           from: `*${previousRoute.id}*`,
           to: `*${route.id}*`,
-          status: import_bom_core3.RedirectReason.MovedPermanently,
+          status: import_bom_core4.RedirectReason.MovedPermanently,
           isActive: true
         };
         return redirect;
@@ -4378,19 +4429,29 @@ var localeGet = {
   path: "/locale",
   method: "get",
   handler: async (req, res, next) => {
+    const { url, query, params } = req;
+    const { locale, where, sort, pagination, page, limit, depth, draft } = query;
     const loader = getStaticLoader(options.slug.language);
     const languages = await loader();
     let items = await getLocale(req);
-    if (typeof req.query.where === "object") {
-      items = await whereCollection(items, req.query.where);
-    }
     items = items.map((item) => {
       const language = languages.find((x) => x.id === item.id);
       item.title = language ? language.name : null;
       return item;
     });
-    items = await localizeCollection(items, ["title"], getStringParam(req.query.locale));
-    res.status(200).send(items);
+    items = await whereCollection(items, getObjectParam(where));
+    items = await localizeCollection(items, ["title"], getStringParam(locale));
+    items = await sortCollection(items, getStringParam(sort));
+    if (pagination !== "false") {
+      const result = await getPagination(
+        items,
+        getNumericParam(page),
+        getNumericParam(limit)
+      );
+      res.status(200).send(result);
+    } else {
+      res.status(200).send(items);
+    }
   }
 };
 
@@ -4422,7 +4483,7 @@ var CategoryTree = /* @__PURE__ */ __name((props) => {
     id,
     collectionSlug: collection.slug
   });
-  const baseClass7 = "collection-list";
+  const baseClass6 = "collection-list";
   const modalSlug3 = "category-edit";
   (0, import_react8.useEffect)(() => {
     const getData = /* @__PURE__ */ __name(async () => {
@@ -4592,16 +4653,16 @@ var CategoryTree = /* @__PURE__ */ __name((props) => {
         title: (0, import_getTranslation2.getTranslation)(collection.labels.plural, i18n)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: baseClass7, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: baseClass6, children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Eyebrow.default, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Gutter.Gutter, { className: `${baseClass7}__wrap`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { className: `${baseClass7}__header`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Gutter.Gutter, { className: `${baseClass6}__wrap`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { className: `${baseClass6}__header`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { children: (0, import_getTranslation2.getTranslation)(pluralLabel, i18n) }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${baseClass7}__sub-header`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ViewDescription.default, { description }) })
+          description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${baseClass6}__sub-header`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ViewDescription.default, { description }) })
         ] }),
         items && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DataTree, { items, rootItem: ROOT_ITEM, onChange, onEdit }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${baseClass7}__foot`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Submit4.default, { type: "button", disabled: !dirty, onClick: onSubmit, children: t("save") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${baseClass6}__foot`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Submit4.default, { type: "button", disabled: !dirty, onClick: onSubmit, children: t("save") }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LeaveWithoutSaving_default, { modified: dirty })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_modal5.Modal, { slug: modalSlug3, className: `${modalSlug3}__modal`, children: isModalOpened && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_DocumentInfo2.DocumentInfoProvider, { collection, id, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -4644,9 +4705,9 @@ var CategoryTreeRoute = /* @__PURE__ */ __name(({ user, canAccessAdmin }) => {
   if (!collection) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_router_dom3.Redirect, { to: `${routes.admin}/not-found` });
   }
-  const baseClass7 = "category-list";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_templates.DefaultTemplate, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: baseClass7, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `${baseClass7}__actions`, children: [
+  const baseClass6 = "category-list";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_templates.DefaultTemplate, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: baseClass6, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `${baseClass6}__actions`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_elements.Button,
         {
@@ -5312,8 +5373,8 @@ var Province = /* @__PURE__ */ __name((options2) => ({
 }), "Province");
 
 // src/collections/Redirect.ts
-var import_bom_core4 = require("@websolutespa/bom-core");
-var RedirectStatusOptions = Object.entries(import_bom_core4.RedirectReason).map(([k, v]) => ({
+var import_bom_core5 = require("@websolutespa/bom-core");
+var RedirectStatusOptions = Object.entries(import_bom_core5.RedirectReason).map(([k, v]) => ({
   value: v,
   label: `${v} - ${k}`
 }));
@@ -5629,7 +5690,7 @@ var defaultColors = [
   "#B2FFD6",
   "#F3DDF3"
 ];
-var baseClass5 = "custom-color-picker";
+var baseClass4 = "custom-color-picker";
 var preferenceKey = "color-picker-colors";
 var ColorField = /* @__PURE__ */ __name((props) => {
   const { path: path3, label, required } = props;
@@ -5658,14 +5719,14 @@ var ColorField = /* @__PURE__ */ __name((props) => {
     setColorOptions(newOptions);
     setPreference(preferenceKey, newOptions);
   }, [colorOptions, setPreference, colorToAdd, setIsAdding, setValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: baseClass5, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: baseClass4, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_forms7.Label, { htmlFor: path3, label, required }),
     isAdding && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { className: `${baseClass5}__input`, type: "text", placeholder: "#000000", value: colorToAdd, onChange: (e) => setColorToAdd(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { className: `${baseClass4}__input`, type: "text", placeholder: "#000000", value: colorToAdd, onChange: (e) => setColorToAdd(e.target.value) }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_components9.Button,
         {
-          className: `${baseClass5}__btn`,
+          className: `${baseClass4}__btn`,
           buttonStyle: "primary",
           iconPosition: "left",
           iconStyle: "with-border",
@@ -5678,7 +5739,7 @@ var ColorField = /* @__PURE__ */ __name((props) => {
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_components9.Button,
         {
-          className: `${baseClass5}__btn`,
+          className: `${baseClass4}__btn`,
           buttonStyle: "secondary",
           iconPosition: "left",
           iconStyle: "with-border",
@@ -5689,7 +5750,7 @@ var ColorField = /* @__PURE__ */ __name((props) => {
       )
     ] }),
     !isAdding && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: `${baseClass5}__colors`, children: colorOptions.map((color, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: `${baseClass4}__colors`, children: colorOptions.map((color, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           type: "button",
@@ -5749,14 +5810,14 @@ var withColorRequired = /* @__PURE__ */ __name((options2 = {}) => {
 var import_utilities11 = require("payload/components/utilities");
 var import_react11 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var baseClass6 = "custom-text";
+var baseClass5 = "custom-text";
 var DebugField = /* @__PURE__ */ __name((props) => {
   const { path: path3, type, fieldTypes: fieldTypes3 } = props;
   const schema = (0, import_react11.useMemo)(() => ({ ...props, admin: { ...props.admin, components: null } }), [path3]);
   const locale = (0, import_utilities11.useLocale)();
   const FieldComponent = fieldTypes3[type];
   const fieldKey = `${locale}-custom-text-${path3}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `${baseClass6}`, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FieldComponent, { ...schema }, fieldKey) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `${baseClass5}`, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FieldComponent, { ...schema }, fieldKey) });
 }, "DebugField");
 
 // src/fields/debug-field/index.ts
@@ -5977,6 +6038,57 @@ function toTab(item) {
 }
 __name(toTab, "toTab");
 
+// src/webpack.ts
+function webpack(sourceConfig) {
+  return (config) => {
+    if (sourceConfig.admin?.webpack) {
+      config = sourceConfig.admin?.webpack(config);
+    }
+    config.module = {
+      ...config.module,
+      rules: [
+        ...config.module?.rules || [],
+        {
+          test: /\.module\.(scss|css)$/,
+          sideEffects: true,
+          use: [
+            {
+              loader: "style-loader"
+            },
+            {
+              loader: "css-loader",
+              options: {
+                importLoaders: 2,
+                modules: {
+                  // localIdentName: '[path][name]__[local]--[hash:base64:5]',
+                  namedExport: true,
+                  exportLocalsConvention: "camelCaseOnly"
+                },
+                import: true
+                // this must be false in order to work with CSS Modules
+                // esModule: false,
+              }
+            },
+            {
+              loader: "postcss-loader"
+            },
+            {
+              loader: "sass-loader"
+            }
+          ]
+        }
+      ]
+    };
+    config.module.rules.forEach((rule) => {
+      if (typeof rule === "object" && String(rule.test) === "/\\.(scss|css)$/") {
+        rule.test = /(?<!\.module)\.(scss|css)$/;
+      }
+    });
+    return config;
+  };
+}
+__name(webpack, "webpack");
+
 // src/bowl.ts
 var DEBUG = false;
 var bowl = /* @__PURE__ */ __name((sourceOptions = {}) => (sourceConfig) => {
@@ -6015,15 +6127,18 @@ var bowl = /* @__PURE__ */ __name((sourceOptions = {}) => (sourceConfig) => {
     ...sourceGlobals.filter((x) => x.type === "withPage").map((x) => x.slug)
   ];
   options.pages = pages;
+  if (sourceOptions.defaultMarket) {
+    options.defaultMarket = sourceOptions.defaultMarket;
+  }
   if (sourceOptions.group) {
     options.group = Object.assign(options.group, sourceOptions.group);
   }
-  if (sourceOptions.slug) {
-    options.slug = Object.assign(options.slug, sourceOptions.slug);
-  }
   if (sourceOptions.menu) {
     options.menu = Object.assign(options.menu, sourceOptions.menu);
   }
+  if (sourceOptions.slug) {
+    options.slug = Object.assign(options.slug, sourceOptions.slug);
+  }
   if (sourceConfig.localization && sourceConfig.localization.locales) {
     options.locales = sourceConfig.localization.locales;
   }
@@ -6062,14 +6177,15 @@ var bowl = /* @__PURE__ */ __name((sourceOptions = {}) => (sourceConfig) => {
     ...sourceConfig,
     admin: {
       ...sourceConfig.admin,
-      css: sourceConfig.admin?.css || path2.resolve(__dirname, "../scss/styles.scss"),
       components: {
         ...sourceConfig.admin?.components,
         routes: [
           ...adminRoutes,
           ...sourceConfig.admin?.components?.routes || []
         ]
-      }
+      },
+      css: sourceConfig.admin?.css || path2.resolve(__dirname, "../scss/styles.scss"),
+      webpack: webpack(sourceConfig)
     },
     i18n: {
       ...sourceConfig.i18n,
@@ -6086,6 +6202,7 @@ var bowl = /* @__PURE__ */ __name((sourceOptions = {}) => (sourceConfig) => {
     ]
   };
   if (DEBUG) {
+    debugJson("source-config.json", sourceConfig);
     debugJson("target-config.json", targetConfig);
   }
   logMissingTranslations();
@@ -6202,6 +6319,7 @@ var src_default = bowl;
   defaultGroup,
   defaultLocale,
   defaultLocales,
+  defaultMarket,
   defaultSlug,
   eachDataField,
   eachField,
@@ -6261,6 +6379,7 @@ var src_default = bowl;
   routePostHandler,
   slugToLabel,
   slugToLabels,
+  sortCollection,
   storeGet,
   textToSlug,
   toBlock,
@@ -6277,6 +6396,7 @@ var src_default = bowl;
   translateTab,
   translateTabs,
   validateHexColor,
+  webpack,
   whereCollection,
   withAbstract,
   withAbstractRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/payload-plugin-bowl",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "Bowl PayloadCms plugin of the BOM Repository",
   "keywords": [
     "payload",
@@ -44,7 +44,7 @@
     "@websolutespa/test": "*",
     "@websolutespa/tsconfig": "*",
     "axios": "0.27.2",
-    "esbuild-sass-plugin": "^2.6.0",
+    "esbuild-sass-plugin": "^2.10.0",
     "eslint": "^8.36.0",
     "eslint-config-websolute": "*",
     "i18next": "^22.4.9",

package/scss/styles.scss

@@ -1,4 +1,5 @@
-// sidebar
+@use 'sass:math';
+@import "~payload/scss";
 
 .nav-group__label {
   text-transform: uppercase;
@@ -20,3 +21,49 @@
   line-height: 1;
   padding: 2px 0 0 0;
 }
+
+%scrollbar {
+
+  $size: 0;
+  $radius: 0;
+
+  &::-webkit-scrollbar {
+    width: $size;
+    height: $size;
+    border-radius: math.div($size, 2);
+  }
+
+  &::-webkit-scrollbar-button {
+    display: none;
+  }
+
+  &::-webkit-scrollbar-button:hover {
+    display: none;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    box-shadow: none;
+    border-radius: $radius;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.4);
+    }
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius: $radius;
+
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+}
+
+.collection-edit__sidebar {
+  overflow-y: auto;
+  overflow-x: hidden;
+  @extend %scrollbar;
+}