@bynder/compact-view 5.1.3 → 5.2.0

package/store/useDatStore.d.ts

@@ -0,0 +1,73 @@
+import { Asset } from '../views/asset/asset.type';
+import { Transformation } from '../Dat/types';
+type datState = {
+    datUrl: string;
+    assetName: string;
+    datExtension: string;
+    transformation: Transformation;
+    resetTransformation: () => void;
+    setTransformation: (transformation?: Transformation) => void;
+    openDat: (url: string, asset: Asset, name: string) => void;
+    closeDat: () => void;
+    reset: () => void;
+};
+export declare const useDatStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<datState>, "setState" | "devtools"> & {
+    setState(partial: datState | Partial<datState> | ((state: datState) => datState | Partial<datState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: datState | ((state: datState) => datState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useDatSelectors: {
+    (): datState;
+    <U>(selector: (state: datState) => U): U;
+} & Omit<import('zustand').StoreApi<datState>, "setState" | "devtools"> & {
+    setState(partial: datState | Partial<datState> | ((state: datState) => datState | Partial<datState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: datState | ((state: datState) => datState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+} & {
+    use: {
+        datUrl: () => string;
+        assetName: () => string;
+        datExtension: () => string;
+        transformation: () => Transformation;
+        resetTransformation: () => () => void;
+        setTransformation: () => (transformation?: Transformation) => void;
+        openDat: () => (url: string, asset: Asset, name: string) => void;
+        closeDat: () => () => void;
+        reset: () => () => void;
+    };
+};
+export declare const useDat: () => {
+    datUrl: string;
+    assetName: string;
+    datExtension: string;
+    transformation: Transformation;
+    setTransformation: (transformation?: Transformation) => void;
+    closeDat: () => void;
+    openDat: (url: string, asset: Asset, name: string) => void;
+    reset: () => void;
+};
+export {};

package/store/useOrderingStore.d.ts

@@ -12,7 +12,7 @@ type OrderingState = {
     setOrdering: (page: PageType, ordering: Ordering) => void;
     reset: () => void;
 };
-export declare const useOrderingStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<OrderingState>, "setState" | "devtools"> & {
+export declare const useOrderingStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<OrderingState>, "setState" | "devtools"> & {
     setState(partial: OrderingState | Partial<OrderingState> | ((state: OrderingState) => OrderingState | Partial<OrderingState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;
@@ -32,7 +32,7 @@ export declare const useOrderingStore: import("zustand").UseBoundStore<Omit<impo
 export declare const useOrderingSelectors: {
     (): OrderingState;
     <U>(selector: (state: OrderingState) => U): U;
-} & Omit<import("zustand").StoreApi<OrderingState>, "setState" | "devtools"> & {
+} & Omit<import('zustand').StoreApi<OrderingState>, "setState" | "devtools"> & {
     setState(partial: OrderingState | Partial<OrderingState> | ((state: OrderingState) => OrderingState | Partial<OrderingState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;

package/store/useRouterStore.d.ts

@@ -1,9 +1,9 @@
-import { Collection } from '@src/views/collection/collection.types';
+import { Collection } from '../views/collection/collection.types';
 type AssetsPage = 'assets';
 type CollectionsPage = 'collections';
 type CollectionPage = 'collection';
 export type PageType = AssetsPage | CollectionsPage | CollectionPage;
-type Page = {
+export type Page = {
     page: AssetsPage;
 } | {
     page: CollectionsPage;
@@ -15,7 +15,7 @@ type RouterState = {
     page: Page;
     setPage: (page: Page) => void;
 };
-export declare const useRouterStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RouterState>, "setState" | "devtools"> & {
+export declare const useRouterStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<RouterState>, "setState" | "devtools"> & {
     setState(partial: RouterState | Partial<RouterState> | ((state: RouterState) => RouterState | Partial<RouterState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;
@@ -35,7 +35,7 @@ export declare const useRouterStore: import("zustand").UseBoundStore<Omit<import
 export declare const useRouterSelectors: {
     (): RouterState;
     <U>(selector: (state: RouterState) => U): U;
-} & Omit<import("zustand").StoreApi<RouterState>, "setState" | "devtools"> & {
+} & Omit<import('zustand').StoreApi<RouterState>, "setState" | "devtools"> & {
     setState(partial: RouterState | Partial<RouterState> | ((state: RouterState) => RouterState | Partial<RouterState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;

package/store/useSearchStore.d.ts

@@ -0,0 +1,69 @@
+import { useRouterSelectors } from './useRouterStore';
+type Page = 'assets' | 'collections' | 'collection';
+interface State {
+    assets: string;
+    collection: string;
+    collections: string;
+    isLoading: boolean;
+}
+interface Actions {
+    setSearch: (page: Page, value: string) => void;
+    setIsLoading: (isLoading: boolean) => void;
+    clear: () => void;
+}
+type SearchStore = State & Actions;
+export declare const useSearchStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<SearchStore>, "setState" | "devtools"> & {
+    setState(partial: SearchStore | Partial<SearchStore> | ((state: SearchStore) => SearchStore | Partial<SearchStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: SearchStore | ((state: SearchStore) => SearchStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useSearchSelectors: {
+    (): SearchStore;
+    <U>(selector: (state: SearchStore) => U): U;
+} & Omit<import('zustand').StoreApi<SearchStore>, "setState" | "devtools"> & {
+    setState(partial: SearchStore | Partial<SearchStore> | ((state: SearchStore) => SearchStore | Partial<SearchStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: SearchStore | ((state: SearchStore) => SearchStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+} & {
+    use: {
+        assets: () => string;
+        collection: () => string;
+        collections: () => string;
+        isLoading: () => boolean;
+        setSearch: () => (page: Page, value: string) => void;
+        setIsLoading: () => (isLoading: boolean) => void;
+        clear: () => () => void;
+    };
+};
+export declare function useSearchStateByPage(page: Page): {
+    value: string;
+    isLoading: boolean;
+    setSearch: (newValue: string) => void;
+    setIsLoading: (isLoading: boolean) => void;
+};
+export declare function useClearCollectionOnPageChange(page?: ReturnType<typeof useRouterSelectors.use.page>): void;
+export {};

package/store/useSimilaritySearchStore.d.ts

@@ -0,0 +1,67 @@
+import { GraphqlResponse } from '../api/filterAssets';
+import { Data } from '../api/graphql.types';
+interface SimilaritySearchState {
+    isEnabled: boolean;
+    isSelected: boolean;
+    isNLSSelected: boolean;
+    NLSSearchText?: string;
+    setIsEnabled: (isEnabled: boolean) => void;
+    setIsSelected: (isSelected: boolean) => void;
+    setIsNLSSelected: (isNLSSelected: boolean) => void;
+    setNLSSearchText: (NLSSearchText?: string) => void;
+    setSimilarityAssetsData: (similarityAssetsData: Data<GraphqlResponse>) => void;
+    similarityAssetsData: Data<GraphqlResponse>;
+    updateSimilarityAssetsData: (fn: (prev: Data<GraphqlResponse>) => Data<GraphqlResponse>) => void;
+}
+export declare const useSimilaritySearchStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<SimilaritySearchState>, "setState" | "devtools"> & {
+    setState(partial: SimilaritySearchState | Partial<SimilaritySearchState> | ((state: SimilaritySearchState) => SimilaritySearchState | Partial<SimilaritySearchState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: SimilaritySearchState | ((state: SimilaritySearchState) => SimilaritySearchState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useSimilaritySearchSelectors: {
+    (): SimilaritySearchState;
+    <U>(selector: (state: SimilaritySearchState) => U): U;
+} & Omit<import('zustand').StoreApi<SimilaritySearchState>, "setState" | "devtools"> & {
+    setState(partial: SimilaritySearchState | Partial<SimilaritySearchState> | ((state: SimilaritySearchState) => SimilaritySearchState | Partial<SimilaritySearchState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: SimilaritySearchState | ((state: SimilaritySearchState) => SimilaritySearchState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+} & {
+    use: {
+        isEnabled: () => boolean;
+        isSelected: () => boolean;
+        isNLSSelected: () => boolean;
+        NLSSearchText?: (() => string | undefined) | undefined;
+        setIsEnabled: () => (isEnabled: boolean) => void;
+        setIsSelected: () => (isSelected: boolean) => void;
+        setIsNLSSelected: () => (isNLSSelected: boolean) => void;
+        setNLSSearchText: () => (NLSSearchText?: string) => void;
+        setSimilarityAssetsData: () => (similarityAssetsData: Data<GraphqlResponse>) => void;
+        similarityAssetsData: () => Data<GraphqlResponse>;
+        updateSimilarityAssetsData: () => (fn: (prev: Data<GraphqlResponse>) => Data<GraphqlResponse>) => void;
+    };
+};
+export {};

package/style/DesignSystemContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function DesignSystemProvider(props: {
     children: React.ReactNode;
 }): React.JSX.Element;

package/style/RootElementContext.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const RootElementProvider: import("react").Provider<HTMLElement | null>;
+export declare const RootElementProvider: import('react').Provider<HTMLElement | null>;
 export declare const useRootElement: () => HTMLElement;

package/style/Theming.d.ts

@@ -21,7 +21,7 @@ export declare const themeVariables: (theme?: Theme) => {
     '--componentButtonPrimaryFillActive': string | undefined;
     '--componentButtonPrimaryFillFocus': string | undefined;
 };
-export declare const ThemeStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+export declare const ThemeStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & {
     theme?: Theme | undefined;
 }>;
 export declare function stringifyTheme(theme?: Theme): string;

package/style/shadowroot/ShadowRoot.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface ShadowRootProps {
     children: React.ReactNode;
     isContainerMode?: boolean;

package/style/shadowroot/ShadowRootInternal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     children: React.ReactNode;
     isContainerMode?: boolean;

package/text.js

@@ -0,0 +1,9 @@
+function e(n, o, r) {
+  return (n === 1 ? o : r).replace("{}", n.toString());
+}
+const p = " ";
+export {
+  p as nbsp,
+  e as pluralize
+};
+//# sourceMappingURL=text.js.map

package/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../src/utils/text.ts"],"sourcesContent":["export function pluralize(count: number, singular: string, plural: string) {\n\tconst noun = count === 1 ? singular : plural;\n\n\treturn noun.replace('{}', count.toString());\n}\n\nexport const nbsp = '\\u00a0';\n"],"names":["pluralize","count","singular","plural","nbsp"],"mappings":"AAAO,SAASA,EAAUC,GAAeC,GAAkBC,GAAgB;AAG1E,UAFaF,MAAU,IAAIC,IAAWC,GAE1B,QAAQ,MAAMF,EAAM,UAAU;AAC3C;AAEO,MAAMG,IAAO;"}

package/toolbar/Toolbar.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function Toolbar(): React.JSX.Element | null;

package/toolbar/ViewSwitch.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function ViewSwitch(): React.JSX.Element;

package/trimMetapropertyValue.js

@@ -0,0 +1,6 @@
+import { MAX_METAPROPERTY_LENGTH as r } from "./constants.js";
+const e = (t) => t.length <= 100 ? t : t.slice(0, r) + "...";
+export {
+  e as trimMetapropertyValue
+};
+//# sourceMappingURL=trimMetapropertyValue.js.map

package/trimMetapropertyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trimMetapropertyValue.js","sources":["../../src/utils/trimMetapropertyValue.ts"],"sourcesContent":["import { MAX_METAPROPERTY_LENGTH } from '@src/constants';\n\nexport const trimMetapropertyValue = (value: string) =>\n\tvalue.length <= 100 ? value : value.slice(0, MAX_METAPROPERTY_LENGTH) + '...';\n"],"names":["trimMetapropertyValue","value","MAX_METAPROPERTY_LENGTH"],"mappings":";AAEO,MAAMA,IAAwB,CAACC,MACrCA,EAAM,UAAU,MAAMA,IAAQA,EAAM,MAAM,GAAGC,CAAuB,IAAI;"}

package/url.js

@@ -0,0 +1,7 @@
+function r(t) {
+  return `https://${t.replace(/^https?:\/\//i, "").replace(/\/+$/i, "")}/`;
+}
+export {
+  r as ensureValidUrl
+};
+//# sourceMappingURL=url.js.map

package/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sources":["../../src/utils/url.ts"],"sourcesContent":["/**\n * Converts given string to an URL which starts with `https://` and ends with\n * a single trailing slash.\n *\n * @example\n * // Returns \"https://www.bynder.com/\"\n * ensureValidUrl(\"www.bynder.com\")\n *\n * @example\n * // Replaces http with https to return \"https://www.bynder.com/\"\n * ensureValidUrl(\"http://www.bynder.com/\")\n */\nexport function ensureValidUrl(url: string) {\n\tconst withoutProtocol = url.replace(/^https?:\\/\\//i, '');\n\tconst withoutTrailingSlashes = withoutProtocol.replace(/\\/+$/i, '');\n\n\treturn `https://${withoutTrailingSlashes}/`;\n}\n"],"names":["ensureValidUrl","url"],"mappings":"AAYO,SAASA,EAAeC,GAAa;AAI3C,SAAO,WAHiBA,EAAI,QAAQ,iBAAiB,EAAE,EACR,QAAQ,SAAS,EAAE,CAE1B;AACzC;"}

package/useAccountDomain.js

@@ -0,0 +1,33 @@
+import { useState as c, useRef as d, useEffect as m } from "react";
+import { ensureValidUrl as l } from "./url.js";
+function v(i) {
+  const [t, e] = c(i ?? ""), [a, o] = c(i ? "validating" : "empty"), r = d();
+  m(() => {
+    if (!t) return;
+    let n = !1;
+    return r.current = setTimeout(() => {
+      f(t).then((s) => {
+        n || (o(s !== "invalid" ? "valid" : "invalid"), localStorage.setItem("cvp", s));
+      });
+    }, 1e3), () => {
+      n = !0;
+    };
+  }, [t]);
+  function u(n) {
+    r.current && clearTimeout(r.current), e(n), o(n === "" ? "empty" : "validating");
+  }
+  return [t, u, a];
+}
+async function f(i) {
+  const t = l(i.trim()) + "feeds/media/is-bynder-portal/";
+  try {
+    const e = await fetch(t), a = await e.json();
+    return e.status === 200 && e.headers.get("Content-Type") === "application/json;charset=UTF-8" ? a.webdam ? "webdam" : "bynder" : "invalid";
+  } catch {
+    return "invalid";
+  }
+}
+export {
+  v as useAccountDomain
+};
+//# sourceMappingURL=useAccountDomain.js.map

package/useAccountDomain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountDomain.js","sources":["../../src/login/useAccountDomain.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ensureValidUrl } from '../utils/url';\nimport { AuthPlatform } from '../auth/oauth2';\n\nexport type DomainStatus = 'empty' | 'validating' | 'valid' | 'invalid';\n\nexport function useAccountDomain(\n\tinitialUrl?: string | undefined,\n): [string, (domain: string) => void, DomainStatus] {\n\tconst [domain, setDomain] = useState(initialUrl ?? '');\n\tconst [status, setStatus] = useState<DomainStatus>(!initialUrl ? 'empty' : 'validating');\n\tconst debounceTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n\n\tuseEffect(() => {\n\t\tif (!domain) return;\n\n\t\tlet isCancelled = false;\n\n\t\tdebounceTimeoutId.current = setTimeout(() => {\n\t\t\tisBynderPortal(domain).then((platform) => {\n\t\t\t\tif (!isCancelled) {\n\t\t\t\t\tsetStatus(platform !== 'invalid' ? 'valid' : 'invalid');\n\t\t\t\t\tlocalStorage.setItem('cvp', platform);\n\t\t\t\t}\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => {\n\t\t\tisCancelled = true;\n\t\t};\n\t}, [domain]);\n\n\tfunction setDomainWithValidation(value: string) {\n\t\t/* We cancel any previous debounced request, as that validation is now\n\t\t * for a different domain and the response is therefore redundant. */\n\t\tif (debounceTimeoutId.current) {\n\t\t\tclearTimeout(debounceTimeoutId.current);\n\t\t}\n\n\t\tsetDomain(value);\n\t\tsetStatus(value === '' ? 'empty' : 'validating');\n\t}\n\n\treturn [domain, setDomainWithValidation, status];\n}\n\nasync function isBynderPortal(domain: string): Promise<AuthPlatform> {\n\tconst endpoint = ensureValidUrl(domain.trim()) + 'feeds/media/is-bynder-portal/';\n\n\ttry {\n\t\tconst response = await fetch(endpoint);\n\t\tconst body = await response.json();\n\n\t\tif (\n\t\t\tresponse.status === 200 &&\n\t\t\tresponse.headers.get('Content-Type') === 'application/json;charset=UTF-8'\n\t\t) {\n\t\t\treturn body.webdam ? 'webdam' : 'bynder';\n\t\t}\n\n\t\treturn 'invalid';\n\t} catch (e) {\n\t\treturn 'invalid';\n\t}\n}\n"],"names":["useAccountDomain","initialUrl","domain","setDomain","useState","status","setStatus","debounceTimeoutId","useRef","useEffect","isCancelled","isBynderPortal","platform","setDomainWithValidation","value","endpoint","ensureValidUrl","response","body"],"mappings":";;AAMO,SAASA,EACfC,GACmD;AACnD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASH,KAAc,EAAE,GAC/C,CAACI,GAAQC,CAAS,IAAIF,EAAwBH,IAAuB,eAAV,OAAsB,GACjFM,IAAoBC,EAAA;AAE1B,EAAAC,EAAU,MAAM;AACf,QAAI,CAACP,EAAQ;AAEb,QAAIQ,IAAc;AAElB,WAAAH,EAAkB,UAAU,WAAW,MAAM;AAC5C,MAAAI,EAAeT,CAAM,EAAE,KAAK,CAACU,MAAa;AACzC,QAAKF,MACJJ,EAAUM,MAAa,YAAY,UAAU,SAAS,GACtD,aAAa,QAAQ,OAAOA,CAAQ;AAAA,MAEtC,CAAC;AAAA,IACF,GAAG,GAAI,GAEA,MAAM;AACZ,MAAAF,IAAc;AAAA,IACf;AAAA,EACD,GAAG,CAACR,CAAM,CAAC;AAEX,WAASW,EAAwBC,GAAe;AAG/C,IAAIP,EAAkB,WACrB,aAAaA,EAAkB,OAAO,GAGvCJ,EAAUW,CAAK,GACfR,EAAUQ,MAAU,KAAK,UAAU,YAAY;AAAA,EAChD;AAEA,SAAO,CAACZ,GAAQW,GAAyBR,CAAM;AAChD;AAEA,eAAeM,EAAeT,GAAuC;AACpE,QAAMa,IAAWC,EAAed,EAAO,KAAA,CAAM,IAAI;AAEjD,MAAI;AACH,UAAMe,IAAW,MAAM,MAAMF,CAAQ,GAC/BG,IAAO,MAAMD,EAAS,KAAA;AAE5B,WACCA,EAAS,WAAW,OACpBA,EAAS,QAAQ,IAAI,cAAc,MAAM,mCAElCC,EAAK,SAAS,WAAW,WAG1B;AAAA,EACR,QAAY;AACX,WAAO;AAAA,EACR;AACD;"}

package/useAuthInformation.js

@@ -0,0 +1,42 @@
+import { useState as s, useRef as d, useEffect as m } from "react";
+import { logger as h } from "./logger.js";
+import { postRefreshTokenRequest as k } from "./oauth2.js";
+import { isOk as I } from "./result.type.js";
+function R() {
+  const [r, n] = s(void 0), [o, a] = s(localStorage.getItem("cvrt") ?? void 0), [c, i] = s(localStorage.getItem("cvad") ?? void 0), [v, u] = s(g()), t = d();
+  m(
+    () => () => {
+      t.current && clearTimeout(t.current);
+    },
+    []
+  ), m(() => {
+    (!r || !r()) && o && c && (u("refreshing"), k(o, c).then((e) => {
+      I(e) ? f({
+        getAccessToken: () => e.value.accessToken,
+        expiresIn: e.value.expiresIn,
+        refreshToken: o,
+        accountDomain: c
+      }) : (h.error(e.error), T());
+    }));
+  }, [r, o, c]);
+  function f(e) {
+    n(() => e.getAccessToken), a(e.refreshToken), i(e.accountDomain), u(g(e.getAccessToken, e.refreshToken)), e.accountDomain && localStorage.setItem("cvad", e.accountDomain), e.refreshToken && localStorage.setItem("cvrt", e.refreshToken), t.current && clearTimeout(t.current), e.expiresIn && (t.current = setTimeout(() => {
+      n(void 0);
+    }, e.expiresIn * 1e3));
+  }
+  function T() {
+    n(void 0), a(void 0), i(localStorage.getItem("cvad") ?? void 0), u("not-authenticated"), localStorage.removeItem("cvrt"), t.current && clearTimeout(t.current);
+  }
+  function g(e = r, l = o) {
+    return e !== void 0 ? "authenticated" : l !== void 0 ? "refreshing" : "not-authenticated";
+  }
+  return [{
+    getAccessToken: r,
+    accountDomain: c,
+    status: v
+  }, f, T];
+}
+export {
+  R as useAuthInformation
+};
+//# sourceMappingURL=useAuthInformation.js.map

package/useAuthInformation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthInformation.js","sources":["../../src/auth/useAuthInformation.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { logger } from '../utils/logger';\nimport { postRefreshTokenRequest } from './oauth2';\nimport { isOk } from './result.type';\n\ninterface SetAuthInformationParameters {\n\tgetAccessToken: () => string;\n\texpiresIn?: number;\n\trefreshToken?: string;\n\taccountDomain?: string;\n}\n\nexport type AuthStatus = 'authenticated' | 'not-authenticated' | 'refreshing';\n\nexport interface AuthInformationState {\n\tgetAccessToken?: () => string;\n\taccountDomain?: string;\n\tstatus: AuthStatus;\n}\n\nexport function useAuthInformation(): [\n\tAuthInformationState,\n\t(info: SetAuthInformationParameters) => void,\n\t() => void,\n] {\n\tconst [getAccessToken, setGetAccessToken] = useState<(() => string) | undefined>(undefined);\n\tconst [refreshToken, setRefreshToken] = useState(localStorage.getItem('cvrt') ?? undefined);\n\tconst [accountDomain, setAccountDomain] = useState(localStorage.getItem('cvad') ?? undefined);\n\tconst [status, setStatus] = useState(getStatus());\n\tconst expireTokenTimeoutId = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif (expireTokenTimeoutId.current) {\n\t\t\t\tclearTimeout(expireTokenTimeoutId.current);\n\t\t\t}\n\t\t},\n\t\t[],\n\t);\n\n\tuseEffect(() => {\n\t\t// Should refresh if\n\t\tif ((!getAccessToken || !getAccessToken()) && refreshToken && accountDomain) {\n\t\t\tsetStatus('refreshing');\n\n\t\t\tpostRefreshTokenRequest(refreshToken, accountDomain).then((result) => {\n\t\t\t\tif (isOk(result)) {\n\t\t\t\t\tset({\n\t\t\t\t\t\tgetAccessToken: () => result.value.accessToken,\n\t\t\t\t\t\texpiresIn: result.value.expiresIn,\n\t\t\t\t\t\trefreshToken,\n\t\t\t\t\t\taccountDomain,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tlogger.error(result.error);\n\t\t\t\t\treset();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, [getAccessToken, refreshToken, accountDomain]); // eslint-disable-line react-hooks/exhaustive-deps\n\n\tfunction set(information: {\n\t\tgetAccessToken: () => string;\n\t\texpiresIn?: number;\n\t\trefreshToken?: string;\n\t\taccountDomain?: string;\n\t}) {\n\t\tsetGetAccessToken(() => information.getAccessToken);\n\t\tsetRefreshToken(information.refreshToken);\n\t\tsetAccountDomain(information.accountDomain);\n\t\tsetStatus(getStatus(information.getAccessToken, information.refreshToken));\n\n\t\tif (information.accountDomain) {\n\t\t\tlocalStorage.setItem('cvad', information.accountDomain);\n\t\t}\n\n\t\tif (information.refreshToken) {\n\t\t\tlocalStorage.setItem('cvrt', information.refreshToken);\n\t\t}\n\n\t\tif (expireTokenTimeoutId.current) {\n\t\t\tclearTimeout(expireTokenTimeoutId.current);\n\t\t}\n\n\t\tif (information.expiresIn) {\n\t\t\texpireTokenTimeoutId.current = setTimeout(() => {\n\t\t\t\tsetGetAccessToken(undefined);\n\t\t\t}, information.expiresIn * 1000);\n\t\t}\n\t}\n\n\tfunction reset() {\n\t\tsetGetAccessToken(undefined);\n\t\tsetRefreshToken(undefined);\n\t\tsetAccountDomain(localStorage.getItem('cvad') ?? undefined);\n\t\tsetStatus('not-authenticated');\n\t\tlocalStorage.removeItem('cvrt');\n\n\t\tif (expireTokenTimeoutId.current) {\n\t\t\tclearTimeout(expireTokenTimeoutId.current);\n\t\t}\n\t}\n\n\tfunction getStatus(\n\t\taccess: (() => string) | undefined = getAccessToken,\n\t\trefresh: string | undefined = refreshToken,\n\t): AuthStatus {\n\t\tif (access !== undefined) {\n\t\t\treturn 'authenticated';\n\t\t} else if (refresh !== undefined) {\n\t\t\treturn 'refreshing';\n\t\t}\n\n\t\treturn 'not-authenticated';\n\t}\n\n\tconst authInformationState = {\n\t\tgetAccessToken,\n\t\taccountDomain,\n\t\tstatus,\n\t};\n\n\treturn [authInformationState, set, reset];\n}\n"],"names":["useAuthInformation","getAccessToken","setGetAccessToken","useState","refreshToken","setRefreshToken","accountDomain","setAccountDomain","status","setStatus","getStatus","expireTokenTimeoutId","useRef","useEffect","postRefreshTokenRequest","result","isOk","set","logger","reset","information","access","refresh"],"mappings":";;;;AAqBO,SAASA,IAId;AACD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAqC,MAAS,GACpF,CAACC,GAAcC,CAAe,IAAIF,EAAS,aAAa,QAAQ,MAAM,KAAK,MAAS,GACpF,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,aAAa,QAAQ,MAAM,KAAK,MAAS,GACtF,CAACK,GAAQC,CAAS,IAAIN,EAASO,GAAW,GAC1CC,IAAuBC,EAAA;AAE7B,EAAAC;AAAA,IACC,MAAM,MAAM;AACX,MAAIF,EAAqB,WACxB,aAAaA,EAAqB,OAAO;AAAA,IAE3C;AAAA,IACA,CAAA;AAAA,EAAC,GAGFE,EAAU,MAAM;AAEf,KAAK,CAACZ,KAAkB,CAACA,EAAA,MAAqBG,KAAgBE,MAC7DG,EAAU,YAAY,GAEtBK,EAAwBV,GAAcE,CAAa,EAAE,KAAK,CAACS,MAAW;AACrE,MAAIC,EAAKD,CAAM,IACdE,EAAI;AAAA,QACH,gBAAgB,MAAMF,EAAO,MAAM;AAAA,QACnC,WAAWA,EAAO,MAAM;AAAA,QACxB,cAAAX;AAAA,QACA,eAAAE;AAAA,MAAA,CACA,KAEDY,EAAO,MAAMH,EAAO,KAAK,GACzBI,EAAA;AAAA,IAEF,CAAC;AAAA,EAEH,GAAG,CAAClB,GAAgBG,GAAcE,CAAa,CAAC;AAEhD,WAASW,EAAIG,GAKV;AACF,IAAAlB,EAAkB,MAAMkB,EAAY,cAAc,GAClDf,EAAgBe,EAAY,YAAY,GACxCb,EAAiBa,EAAY,aAAa,GAC1CX,EAAUC,EAAUU,EAAY,gBAAgBA,EAAY,YAAY,CAAC,GAErEA,EAAY,iBACf,aAAa,QAAQ,QAAQA,EAAY,aAAa,GAGnDA,EAAY,gBACf,aAAa,QAAQ,QAAQA,EAAY,YAAY,GAGlDT,EAAqB,WACxB,aAAaA,EAAqB,OAAO,GAGtCS,EAAY,cACfT,EAAqB,UAAU,WAAW,MAAM;AAC/C,MAAAT,EAAkB,MAAS;AAAA,IAC5B,GAAGkB,EAAY,YAAY,GAAI;AAAA,EAEjC;AAEA,WAASD,IAAQ;AAChB,IAAAjB,EAAkB,MAAS,GAC3BG,EAAgB,MAAS,GACzBE,EAAiB,aAAa,QAAQ,MAAM,KAAK,MAAS,GAC1DE,EAAU,mBAAmB,GAC7B,aAAa,WAAW,MAAM,GAE1BE,EAAqB,WACxB,aAAaA,EAAqB,OAAO;AAAA,EAE3C;AAEA,WAASD,EACRW,IAAqCpB,GACrCqB,IAA8BlB,GACjB;AACb,WAAIiB,MAAW,SACP,kBACGC,MAAY,SACf,eAGD;AAAA,EACR;AAQA,SAAO,CANsB;AAAA,IAC5B,gBAAArB;AAAA,IACA,eAAAK;AAAA,IACA,QAAAE;AAAA,EAAA,GAG6BS,GAAKE,CAAK;AACzC;"}

package/useClickOutside.js

@@ -0,0 +1,16 @@
+import { useEffect as u } from "react";
+import { useRootElement as c } from "./RootElementContext.js";
+function d(e, n) {
+  const o = c();
+  u(() => {
+    function r(i) {
+      const s = i.target;
+      e.map((t) => t?.current).some((t) => t && t.contains(s)) || n();
+    }
+    return o?.addEventListener("mousedown", r), () => o?.removeEventListener("mousedown", r);
+  }, [e, n, o]);
+}
+export {
+  d as useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../src/common/hooks/useClickOutside.ts"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useRootElement } from '../../style/RootElementContext';\n\nexport function useClickOutside(\n\ttargetRefs: React.MutableRefObject<Element | null>[],\n\thandler: () => void,\n) {\n\tconst root = useRootElement();\n\n\tuseEffect(() => {\n\t\tfunction runHandler(e: Event) {\n\t\t\tconst target = e.target as Element;\n\n\t\t\tconst isWithinTargets = targetRefs\n\t\t\t\t.map((ref) => ref?.current)\n\t\t\t\t.some((element) => element && element.contains(target));\n\n\t\t\tif (!isWithinTargets) {\n\t\t\t\thandler();\n\t\t\t}\n\t\t}\n\n\t\troot?.addEventListener('mousedown', runHandler);\n\n\t\treturn () => root?.removeEventListener('mousedown', runHandler);\n\t}, [targetRefs, handler, root]);\n}\n"],"names":["useClickOutside","targetRefs","handler","root","useRootElement","useEffect","runHandler","e","target","ref","element"],"mappings":";;AAGO,SAASA,EACfC,GACAC,GACC;AACD,QAAMC,IAAOC,EAAA;AAEb,EAAAC,EAAU,MAAM;AACf,aAASC,EAAWC,GAAU;AAC7B,YAAMC,IAASD,EAAE;AAMjB,MAJwBN,EACtB,IAAI,CAACQ,MAAQA,GAAK,OAAO,EACzB,KAAK,CAACC,MAAYA,KAAWA,EAAQ,SAASF,CAAM,CAAC,KAGtDN,EAAA;AAAA,IAEF;AAEA,WAAAC,GAAM,iBAAiB,aAAaG,CAAU,GAEvC,MAAMH,GAAM,oBAAoB,aAAaG,CAAU;AAAA,EAC/D,GAAG,CAACL,GAAYC,GAASC,CAAI,CAAC;AAC/B;"}

package/useDatStore.js

@@ -0,0 +1,62 @@
+import { create as d } from "zustand";
+import { devtools as f } from "zustand/middleware";
+import { createSelectors as c } from "./createSelectors.js";
+const i = d()(
+  f(
+    (t, r, n) => ({
+      datUrl: "",
+      assetName: "",
+      datExtension: "",
+      transformation: {},
+      openDat: (e, a, s) => {
+        const o = r().transformation;
+        t({
+          datUrl: e,
+          assetName: s,
+          datExtension: a.extensions[0] || "",
+          transformation: {
+            url: e,
+            asset: a,
+            preset: o && o.asset?.id === a.id ? o.preset : void 0
+          }
+        });
+      },
+      closeDat: () => {
+        t({ datUrl: "" });
+      },
+      setTransformation: (e) => {
+        t({ transformation: e });
+      },
+      reset: () => t(n.getInitialState())
+    }),
+    { name: "DatStore", enabled: !1 }
+  )
+);
+c(i);
+const x = () => {
+  const {
+    datUrl: t,
+    assetName: r,
+    datExtension: n,
+    transformation: e,
+    setTransformation: a,
+    closeDat: s,
+    openDat: o,
+    reset: m
+  } = i();
+  return {
+    datUrl: t,
+    assetName: r,
+    datExtension: n,
+    transformation: e,
+    setTransformation: a,
+    closeDat: s,
+    openDat: o,
+    reset: m
+  };
+};
+export {
+  x as useDat,
+  i as useDatStore
+};
+//# sourceMappingURL=useDatStore.js.map

package/useDatStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatStore.js","sources":["../../src/store/useDatStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { Asset } from '@src/views/asset/asset.type';\nimport { Transformation } from '@src/Dat/types';\nimport { createSelectors } from './utils/createSelectors';\n\ntype datState = {\n\tdatUrl: string;\n\tassetName: string;\n\tdatExtension: string;\n\ttransformation: Transformation;\n\tresetTransformation: () => void;\n\tsetTransformation: (transformation?: Transformation) => void;\n\topenDat: (url: string, asset: Asset, name: string) => void;\n\tcloseDat: () => void;\n\treset: () => void;\n};\n\nexport const useDatStore = create<datState>()(\n\tdevtools(\n\t\t(set, _get, store) => ({\n\t\t\tdatUrl: '',\n\t\t\tassetName: '',\n\t\t\tdatExtension: '',\n\t\t\ttransformation: <Transformation>{},\n\n\t\t\topenDat: (url: string, asset: Asset, name: string) => {\n\t\t\t\tconst currentTransformation = _get().transformation;\n\n\t\t\t\tset({\n\t\t\t\t\tdatUrl: url,\n\t\t\t\t\tassetName: name,\n\t\t\t\t\tdatExtension: asset.extensions[0] || '',\n\t\t\t\t\ttransformation: {\n\t\t\t\t\t\turl,\n\t\t\t\t\t\tasset,\n\t\t\t\t\t\tpreset:\n\t\t\t\t\t\t\tcurrentTransformation && currentTransformation.asset?.id === asset.id\n\t\t\t\t\t\t\t\t? currentTransformation.preset\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t},\n\t\t\tcloseDat: () => {\n\t\t\t\tset({ datUrl: '' });\n\t\t\t},\n\t\t\tsetTransformation: (transformation?: Transformation) => {\n\t\t\t\tset({ transformation });\n\t\t\t},\n\t\t\treset: () => set(store.getInitialState()),\n\t\t}),\n\t\t{ name: 'DatStore', enabled: process.env.NODE_ENV === 'development' },\n\t),\n);\n\nexport const useDatSelectors = createSelectors(useDatStore);\n\nexport const useDat = () => {\n\tconst {\n\t\tdatUrl,\n\t\tassetName,\n\t\tdatExtension,\n\t\ttransformation,\n\t\tsetTransformation,\n\t\tcloseDat,\n\t\topenDat,\n\t\treset,\n\t} = useDatStore();\n\n\treturn {\n\t\tdatUrl,\n\t\tassetName,\n\t\tdatExtension,\n\t\ttransformation,\n\t\tsetTransformation,\n\t\tcloseDat,\n\t\topenDat,\n\t\treset,\n\t};\n};\n"],"names":["useDatStore","create","devtools","set","_get","store","url","asset","name","currentTransformation","transformation","createSelectors","useDat","datUrl","assetName","datExtension","setTransformation","closeDat","openDat","reset"],"mappings":";;;AAkBO,MAAMA,IAAcC,EAAA;AAAA,EAC1BC;AAAA,IACC,CAACC,GAAKC,GAAMC,OAAW;AAAA,MACtB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,MACd,gBAAgC,CAAA;AAAA,MAEhC,SAAS,CAACC,GAAaC,GAAcC,MAAiB;AACrD,cAAMC,IAAwBL,IAAO;AAErC,QAAAD,EAAI;AAAA,UACH,QAAQG;AAAA,UACR,WAAWE;AAAA,UACX,cAAcD,EAAM,WAAW,CAAC,KAAK;AAAA,UACrC,gBAAgB;AAAA,YACf,KAAAD;AAAA,YACA,OAAAC;AAAA,YACA,QACCE,KAAyBA,EAAsB,OAAO,OAAOF,EAAM,KAChEE,EAAsB,SACtB;AAAA,UAAA;AAAA,QACL,CACA;AAAA,MACF;AAAA,MACA,UAAU,MAAM;AACf,QAAAN,EAAI,EAAE,QAAQ,IAAI;AAAA,MACnB;AAAA,MACA,mBAAmB,CAACO,MAAoC;AACvD,QAAAP,EAAI,EAAE,gBAAAO,GAAgB;AAAA,MACvB;AAAA,MACA,OAAO,MAAMP,EAAIE,EAAM,iBAAiB;AAAA,IAAA;AAAA,IAEzC,EAAE,MAAM,YAAY,SAAS,GAAA;AAAA,EAAuC;AAEtE;AAE+BM,EAAgBX,CAAW;AAEnD,MAAMY,IAAS,MAAM;AAC3B,QAAM;AAAA,IACL,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAL;AAAA,IACA,mBAAAM;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACGnB,EAAA;AAEJ,SAAO;AAAA,IACN,QAAAa;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAL;AAAA,IACA,mBAAAM;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA;AAEF;"}

package/useDimensions.js

@@ -0,0 +1,31 @@
+import { useState as u, useRef as m, useEffect as a } from "react";
+function f(r) {
+  const [s, c] = u(void 0), e = m(void 0);
+  function i(n) {
+    e.current !== void 0 && cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
+      const t = n ?? r;
+      if (t === null)
+        return;
+      const o = t.getBoundingClientRect();
+      c({
+        width: o.width,
+        height: o.height,
+        scrollWidth: t.scrollWidth
+      });
+    });
+  }
+  return a(() => {
+    i();
+    const n = () => i();
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && cancelAnimationFrame(e.current);
+    };
+  }, [r]), {
+    dimensions: s,
+    remeasure: i
+  };
+}
+export {
+  f as useDimensions
+};
+//# sourceMappingURL=useDimensions.js.map

package/useDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions.js","sources":["../../src/common/hooks/useDimensions.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport interface Dimensions {\n\twidth: number;\n\theight: number;\n\tscrollWidth: number;\n}\n\nexport function useDimensions(node: Element | null): {\n\tdimensions?: Dimensions;\n\tremeasure: (newNode?: Element | null) => void;\n} {\n\tconst [dimensions, setDimensions] = useState<Dimensions | undefined>(undefined);\n\tconst animationFrameId = useRef<number | undefined>(undefined);\n\n\tfunction measureDimensions(newNode?: Element | null) {\n\t\tif (animationFrameId.current !== undefined) {\n\t\t\tcancelAnimationFrame(animationFrameId.current);\n\t\t}\n\n\t\tanimationFrameId.current = requestAnimationFrame(() => {\n\t\t\tconst nodeToUse = newNode ?? node;\n\n\t\t\tif (nodeToUse === null) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst rect = nodeToUse.getBoundingClientRect();\n\t\t\tsetDimensions({\n\t\t\t\twidth: rect.width,\n\t\t\t\theight: rect.height,\n\t\t\t\tscrollWidth: nodeToUse.scrollWidth,\n\t\t\t});\n\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tmeasureDimensions();\n\t\tconst onResize = () => measureDimensions();\n\t\twindow.addEventListener('resize', onResize);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', onResize);\n\n\t\t\tif (animationFrameId.current) {\n\t\t\t\tcancelAnimationFrame(animationFrameId.current);\n\t\t\t}\n\t\t};\n\t}, [node]); // eslint-disable-line react-hooks/exhaustive-deps\n\n\treturn {\n\t\tdimensions,\n\t\tremeasure: measureDimensions,\n\t};\n}\n"],"names":["useDimensions","node","dimensions","setDimensions","useState","animationFrameId","useRef","measureDimensions","newNode","nodeToUse","rect","useEffect","onResize"],"mappings":";AAQO,SAASA,EAAcC,GAG5B;AACD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiC,MAAS,GACxEC,IAAmBC,EAA2B,MAAS;AAE7D,WAASC,EAAkBC,GAA0B;AACpD,IAAIH,EAAiB,YAAY,UAChC,qBAAqBA,EAAiB,OAAO,GAG9CA,EAAiB,UAAU,sBAAsB,MAAM;AACtD,YAAMI,IAAYD,KAAWP;AAE7B,UAAIQ,MAAc;AACjB;AAGD,YAAMC,IAAOD,EAAU,sBAAA;AACvB,MAAAN,EAAc;AAAA,QACb,OAAOO,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,aAAaD,EAAU;AAAA,MAAA,CACvB;AAAA,IACF,CAAC;AAAA,EACF;AAEA,SAAAE,EAAU,MAAM;AACf,IAAAJ,EAAA;AACA,UAAMK,IAAW,MAAML,EAAA;AACvB,kBAAO,iBAAiB,UAAUK,CAAQ,GAEnC,MAAM;AACZ,aAAO,oBAAoB,UAAUA,CAAQ,GAEzCP,EAAiB,WACpB,qBAAqBA,EAAiB,OAAO;AAAA,IAE/C;AAAA,EACD,GAAG,CAACJ,CAAI,CAAC,GAEF;AAAA,IACN,YAAAC;AAAA,IACA,WAAWK;AAAA,EAAA;AAEb;"}

package/useOrderingStore.js

@@ -0,0 +1,27 @@
+import { create as c } from "zustand";
+import { devtools as l } from "zustand/middleware";
+import { createSelectors as d } from "./createSelectors.js";
+const s = {
+  field: "CREATED_AT",
+  direction: "DESC"
+}, n = c()(
+  l(
+    (t, i, r) => ({
+      assets: s,
+      collections: s,
+      collection: s,
+      setOrdering: (e, o) => t(() => e === "assets" ? { assets: o } : e === "collections" ? { collections: o } : { collection: o }),
+      reset: () => t(r.getInitialState())
+    }),
+    { name: "OrderingStore", enabled: !1 }
+  )
+), u = d(n), O = (t) => {
+  const i = n((e) => e[t]), r = n((e) => e.setOrdering);
+  return [i, (e) => r(t, e)];
+};
+export {
+  O as useOrderingByPage,
+  u as useOrderingSelectors,
+  n as useOrderingStore
+};
+//# sourceMappingURL=useOrderingStore.js.map

package/useOrderingStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderingStore.js","sources":["../../src/store/useOrderingStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { PageType } from './useRouterStore';\nimport { createSelectors } from './utils/createSelectors';\n\nexport type Field = 'CREATED_AT' | 'NAME' | 'PUBLISHED_AT' | 'UPDATED_AT' | 'NL_SEARCH';\nexport type Direction = 'ASC' | 'DESC';\n\nexport type Ordering = {\n\tfield: Field;\n\tdirection: Direction;\n};\n\nconst defaultOrdering: Ordering = {\n\tfield: 'CREATED_AT',\n\tdirection: 'DESC',\n};\n\ntype OrderingState = {\n\tassets: Ordering;\n\tcollections: Ordering;\n\tcollection: Ordering;\n\n\tsetOrdering: (page: PageType, ordering: Ordering) => void;\n\treset: () => void;\n};\n\nexport const useOrderingStore = create<OrderingState>()(\n\tdevtools(\n\t\t(set, _get, store) => ({\n\t\t\tassets: defaultOrdering,\n\t\t\tcollections: defaultOrdering,\n\t\t\tcollection: defaultOrdering,\n\n\t\t\tsetOrdering: (page: PageType, ordering: Ordering) =>\n\t\t\t\tset(() => {\n\t\t\t\t\tif (page === 'assets') {\n\t\t\t\t\t\treturn { assets: ordering };\n\t\t\t\t\t} else if (page === 'collections') {\n\t\t\t\t\t\treturn { collections: ordering };\n\t\t\t\t\t}\n\n\t\t\t\t\treturn { collection: ordering };\n\t\t\t\t}),\n\n\t\t\treset: () => set(store.getInitialState()),\n\t\t}),\n\t\t{ name: 'OrderingStore', enabled: process.env.NODE_ENV === 'development' },\n\t),\n);\n\nexport const useOrderingSelectors = createSelectors(useOrderingStore);\n\nexport const useOrderingByPage = (page: PageType): [Ordering, (ordering: Ordering) => void] => {\n\tconst ordering = useOrderingStore((state) => state[page]);\n\tconst setOrdering = useOrderingStore((state) => state.setOrdering);\n\n\treturn [ordering, (newOrdering) => setOrdering(page, newOrdering)];\n};\n"],"names":["defaultOrdering","useOrderingStore","create","devtools","set","_get","store","page","ordering","useOrderingSelectors","createSelectors","useOrderingByPage","state","setOrdering","newOrdering"],"mappings":";;;AAaA,MAAMA,IAA4B;AAAA,EACjC,OAAO;AAAA,EACP,WAAW;AACZ,GAWaC,IAAmBC,EAAA;AAAA,EAC/BC;AAAA,IACC,CAACC,GAAKC,GAAMC,OAAW;AAAA,MACtB,QAAQN;AAAA,MACR,aAAaA;AAAA,MACb,YAAYA;AAAA,MAEZ,aAAa,CAACO,GAAgBC,MAC7BJ,EAAI,MACCG,MAAS,WACL,EAAE,QAAQC,EAAA,IACPD,MAAS,gBACZ,EAAE,aAAaC,EAAA,IAGhB,EAAE,YAAYA,EAAA,CACrB;AAAA,MAEF,OAAO,MAAMJ,EAAIE,EAAM,iBAAiB;AAAA,IAAA;AAAA,IAEzC,EAAE,MAAM,iBAAiB,SAAS,GAAA;AAAA,EAAuC;AAE3E,GAEaG,IAAuBC,EAAgBT,CAAgB,GAEvDU,IAAoB,CAACJ,MAA6D;AAC9F,QAAMC,IAAWP,EAAiB,CAACW,MAAUA,EAAML,CAAI,CAAC,GAClDM,IAAcZ,EAAiB,CAACW,MAAUA,EAAM,WAAW;AAEjE,SAAO,CAACJ,GAAU,CAACM,MAAgBD,EAAYN,GAAMO,CAAW,CAAC;AAClE;"}