@bynder/compact-view 5.1.2 → 5.1.4

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/index2.js

@@ -0,0 +1,18 @@
+import { useEffect as c } from "react";
+function a(t) {
+  return n[t] ?? t;
+}
+let n = {};
+function r(t) {
+  c(() => {
+    const e = `https://d8ejoa1fys2rk.cloudfront.net/5.0.5/modules/compactview/i18n/${t.slice(0, 2).toLowerCase()}.json`;
+    fetch(e).then((o) => o.json()).then((o) => {
+      n = o;
+    });
+  }, [t]);
+}
+export {
+  a as __,
+  r as useLocalization
+};
+//# sourceMappingURL=index2.js.map

package/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["../../src/localization/index.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function __(key: string): string {\n\treturn dictionary[key] ?? key;\n}\n\nlet dictionary: Record<string, string> = {};\n\nexport function useLocalization(locale: string) {\n\tuseEffect(() => {\n\t\tconst languageKey = locale.slice(0, 2).toLowerCase();\n\t\t// The i18n folder is dpeloyed to this url\n\t\tconst localisationUrl = `${process.env.COMPACT_VIEW_CLOUDFRONT_URL}/5.0.5/modules/compactview/i18n/${languageKey}.json`;\n\n\t\tfetch(localisationUrl)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((localisationData) => {\n\t\t\t\tdictionary = localisationData;\n\t\t\t});\n\t}, [locale]);\n}\n"],"names":["__","key","dictionary","useLocalization","locale","useEffect","localisationUrl","response","localisationData"],"mappings":";AAEO,SAASA,EAAGC,GAAqB;AACvC,SAAOC,EAAWD,CAAG,KAAKA;AAC3B;AAEA,IAAIC,IAAqC,CAAA;AAElC,SAASC,EAAgBC,GAAgB;AAC/C,EAAAC,EAAU,MAAM;AAGf,UAAMC,IAAkB,uEAFJF,EAAO,MAAM,GAAG,CAAC,EAAE,YAAA,CAEyE;AAEhH,UAAME,CAAe,EACnB,KAAK,CAACC,MAAaA,EAAS,MAAM,EAClC,KAAK,CAACC,MAAqB;AAC3B,MAAAN,IAAaM;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAACJ,CAAM,CAAC;AACZ;"}

package/index3.js

@@ -0,0 +1,36 @@
+import { err as c, ok as f } from "./result.type.js";
+import { ensureValidUrl as v } from "./url.js";
+import { normalizeAssetsResponse as w } from "./normalizeResponse.js";
+const t = /* @__PURE__ */ new Map();
+async function N(m) {
+  const { query: p, variables: h, auth: o, noCache: l, isNewGQL: u } = m;
+  if (!o) return c("No authentication provided");
+  const r = o.getAccessToken && o.getAccessToken(), g = "5.1.4";
+  let e = o.accountDomain !== void 0 ? v(o.accountDomain.trim()) : `https://${window.location.host}`;
+  e.charAt(e.length - 1) === "/" && (e = e.slice(0, -1));
+  const a = `${e}:${p}:${JSON.stringify(h)}:${r}`;
+  if (t.has(a) && !l)
+    return f(t.get(a));
+  const d = {
+    Accept: "application/json",
+    "Content-Type": "application/json",
+    // Custom header for UCV analytics tracking
+    "X-Bynder-Integration": `UCV/v${g}`
+  }, y = {
+    method: "post",
+    headers: r === void 0 ? d : { ...d, Authorization: `Bearer ${r}` },
+    body: JSON.stringify({ query: p, variables: h })
+  };
+  let n, i;
+  const $ = u ? "/v7/api/graphql" : "/graphql";
+  try {
+    n = await (await fetch(`${e}${$}`, y)).json(), i = w(n.data);
+  } catch (s) {
+    return c(s);
+  }
+  return n.errors !== void 0 ? c(n.errors.map((s) => s.message).join(",")) : (l || (t.set(a, i), t.size > 50 && t.delete(t.keys().next().value)), f(i));
+}
+export {
+  N as fetchWithGraphql
+};
+//# sourceMappingURL=index3.js.map

package/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":["../../src/api/index.ts"],"sourcesContent":["import { err, ok } from '@src/auth/result.type';\nimport { AuthInformationState } from '@src/auth/useAuthInformation';\nimport { ensureValidUrl } from '@src/utils/url';\nimport { normalizeAssetsResponse } from '@src/utils/normalizeResponse';\n\ninterface ResponseJson {\n\tdata: unknown;\n\terrors: { message: string }[];\n}\n\nconst cache: Map<string, unknown> = new Map();\n\nexport async function fetchWithGraphql(options: {\n\tquery: string;\n\tvariables: Record<string, unknown>;\n\tauth: AuthInformationState | null;\n\tnoCache?: boolean;\n\tisNewGQL?: boolean;\n}) {\n\tconst { query, variables, auth, noCache, isNewGQL } = options;\n\n\tif (!auth) return err('No authentication provided');\n\n\tconst accessToken = auth.getAccessToken && auth.getAccessToken();\n\n\tconst VERSION = process.env.BYNDER_UCV_VERSION;\n\n\tlet host =\n\t\tauth.accountDomain !== undefined\n\t\t\t? ensureValidUrl(auth.accountDomain.trim())\n\t\t\t: `https://${window.location.host}`;\n\n\t// For the sake of consistency, check if last char is a slash\n\t// and remove it\n\tif (host.charAt(host.length - 1) === '/') {\n\t\thost = host.slice(0, -1);\n\t}\n\n\tconst cacheKey = `${host}:${query}:${JSON.stringify(variables)}:${accessToken}`;\n\n\tif (cache.has(cacheKey) && !noCache) {\n\t\treturn ok(cache.get(cacheKey));\n\t}\n\n\tconst baseHeaders = {\n\t\tAccept: 'application/json',\n\t\t'Content-Type': 'application/json',\n\t\t// Custom header for UCV analytics tracking\n\t\t'X-Bynder-Integration': `UCV/v${VERSION}`,\n\t};\n\n\tconst headers =\n\t\taccessToken === undefined\n\t\t\t? baseHeaders\n\t\t\t: { ...baseHeaders, Authorization: `Bearer ${accessToken}` };\n\n\tconst fetchParameters = {\n\t\tmethod: 'post',\n\t\theaders,\n\t\tbody: JSON.stringify({ query, variables }),\n\t};\n\n\tlet json: ResponseJson;\n\tlet normalizedResponse;\n\n\tconst graphqlEndpoint = isNewGQL ? '/v7/api/graphql' : '/graphql';\n\n\ttry {\n\t\tconst response = await fetch(`${host}${graphqlEndpoint}`, fetchParameters);\n\t\tjson = await response.json();\n\t\tnormalizedResponse = normalizeAssetsResponse(json.data);\n\t} catch (e) {\n\t\treturn err(e);\n\t}\n\n\tif (json.errors !== undefined) {\n\t\treturn err(json.errors.map((error) => error.message).join(','));\n\t}\n\n\tif (!noCache) {\n\t\tcache.set(cacheKey, normalizedResponse);\n\n\t\tif (cache.size > 50) {\n\t\t\t// Delete first item from cache to prevent\n\t\t\t// cache taking up too much memory.\n\t\t\tcache.delete(cache.keys().next().value);\n\t\t}\n\t}\n\n\treturn ok(normalizedResponse);\n}\n"],"names":["cache","fetchWithGraphql","options","query","variables","auth","noCache","isNewGQL","err","accessToken","VERSION","host","ensureValidUrl","cacheKey","ok","baseHeaders","fetchParameters","json","normalizedResponse","graphqlEndpoint","normalizeAssetsResponse","e","error"],"mappings":";;;AAUA,MAAMA,wBAAkC,IAAA;AAExC,eAAsBC,EAAiBC,GAMpC;AACF,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,UAAAC,MAAaL;AAEtD,MAAI,CAACG,EAAM,QAAOG,EAAI,4BAA4B;AAElD,QAAMC,IAAcJ,EAAK,kBAAkBA,EAAK,eAAA,GAE1CK,IAAU;AAEhB,MAAIC,IACHN,EAAK,kBAAkB,SACpBO,EAAeP,EAAK,cAAc,KAAA,CAAM,IACxC,WAAW,OAAO,SAAS,IAAI;AAInC,EAAIM,EAAK,OAAOA,EAAK,SAAS,CAAC,MAAM,QACpCA,IAAOA,EAAK,MAAM,GAAG,EAAE;AAGxB,QAAME,IAAW,GAAGF,CAAI,IAAIR,CAAK,IAAI,KAAK,UAAUC,CAAS,CAAC,IAAIK,CAAW;AAE7E,MAAIT,EAAM,IAAIa,CAAQ,KAAK,CAACP;AAC3B,WAAOQ,EAAGd,EAAM,IAAIa,CAAQ,CAAC;AAG9B,QAAME,IAAc;AAAA,IACnB,QAAQ;AAAA,IACR,gBAAgB;AAAA;AAAA,IAEhB,wBAAwB,QAAQL,CAAO;AAAA,EAAA,GAQlCM,IAAkB;AAAA,IACvB,QAAQ;AAAA,IACR,SANAP,MAAgB,SACbM,IACA,EAAE,GAAGA,GAAa,eAAe,UAAUN,CAAW,GAAA;AAAA,IAKzD,MAAM,KAAK,UAAU,EAAE,OAAAN,GAAO,WAAAC,GAAW;AAAA,EAAA;AAG1C,MAAIa,GACAC;AAEJ,QAAMC,IAAkBZ,IAAW,oBAAoB;AAEvD,MAAI;AAEH,IAAAU,IAAO,OADU,MAAM,MAAM,GAAGN,CAAI,GAAGQ,CAAe,IAAIH,CAAe,GACnD,KAAA,GACtBE,IAAqBE,EAAwBH,EAAK,IAAI;AAAA,EACvD,SAASI,GAAG;AACX,WAAOb,EAAIa,CAAC;AAAA,EACb;AAEA,SAAIJ,EAAK,WAAW,SACZT,EAAIS,EAAK,OAAO,IAAI,CAACK,MAAUA,EAAM,OAAO,EAAE,KAAK,GAAG,CAAC,KAG1DhB,MACJN,EAAM,IAAIa,GAAUK,CAAkB,GAElClB,EAAM,OAAO,MAGhBA,EAAM,OAAOA,EAAM,KAAA,EAAO,KAAA,EAAO,KAAK,IAIjCc,EAAGI,CAAkB;AAC7B;"}

package/index4.js

@@ -0,0 +1,20 @@
+import r from "axios";
+const n = (t) => t.data, s = r.create({
+  timeout: 1e4,
+  headers: {
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  }
+}), a = async (t, o) => {
+  try {
+    const e = await s.get(t, o);
+    return n(e);
+  } catch (e) {
+    throw console.error("GET request error:", e), e;
+  }
+};
+export {
+  a as getRequest,
+  n as onSuccess
+};
+//# sourceMappingURL=index4.js.map

package/index4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.js","sources":["../../src/api/rest/index.ts"],"sourcesContent":["import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';\n\nexport const onSuccess = <T>(response: AxiosResponse<T>) => response.data;\nexport const onError = (error: AxiosError) => {\n\tif (error.response) {\n\t\t// The request was made and the server responded with a status code\n\t\t// that falls out of the range of 2xx\n\t\tconst responseData = error.response.data as Record<'error' | string, unknown>;\n\n\t\tif (responseData?.error) {\n\t\t\tthrow responseData.error;\n\t\t}\n\n\t\tthrow responseData;\n\t} else if (error.request) {\n\t\t// The request was made but no response was received\n\t\t// `error.request` is aninstance of XMLHttpRequest\n\t\tthrow new Error('Server is not responding, please try again');\n\t}\n\n\t// Something happened in setting up the request that triggered an Error\n\tthrow error.message;\n};\n\nconst apiClient = axios.create({\n\ttimeout: 10000,\n\theaders: {\n\t\tAccept: 'application/json',\n\t\t'Content-Type': 'application/json',\n\t},\n});\n\nconst getRequest = async <T>(endpoint: string, params?: AxiosRequestConfig): Promise<T> => {\n\ttry {\n\t\tconst response = await apiClient.get(endpoint, params);\n\n\t\treturn onSuccess(response);\n\t} catch (error) {\n\t\tconsole.error('GET request error:', error);\n\t\tthrow error;\n\t}\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst postRequest = async <T>(\n\tendpoint: string,\n\tdata: unknown,\n\tconfig?: AxiosRequestConfig,\n): Promise<T> => {\n\ttry {\n\t\tconst response = await apiClient.post(endpoint, data, config);\n\n\t\treturn onSuccess(response);\n\t} catch (error) {\n\t\tconsole.error('POST request error:', error);\n\t\tthrow error;\n\t}\n};\n\nexport { getRequest, postRequest };\n"],"names":["onSuccess","response","apiClient","axios","getRequest","endpoint","params","error"],"mappings":";AAEO,MAAMA,IAAY,CAAIC,MAA+BA,EAAS,MAsB/DC,IAAYC,EAAM,OAAO;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,IACR,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAAA;AAElB,CAAC,GAEKC,IAAa,OAAUC,GAAkBC,MAA4C;AAC1F,MAAI;AACH,UAAML,IAAW,MAAMC,EAAU,IAAIG,GAAUC,CAAM;AAErD,WAAON,EAAUC,CAAQ;AAAA,EAC1B,SAASM,GAAO;AACf,kBAAQ,MAAM,sBAAsBA,CAAK,GACnCA;AAAA,EACP;AACD;"}

package/logger.js

@@ -0,0 +1,7 @@
+const r = {
+  error: console.error
+};
+export {
+  r as logger
+};
+//# sourceMappingURL=logger.js.map

package/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sources":["../../src/utils/logger.ts"],"sourcesContent":["/* This module is a wrapper around the console error function.\n *\n * Why is this wrapper needed?\n *\n * There are times when the compact view prints errors to the console intentionally\n * when expected errors occur, For example, if incorrect configuration options are\n * passed to the compact view. We don't want these expected errors to appear in the\n * Jest test runner output, and we also want to be able to make assertions in the\n * tests that the correct messages were printed. However, mocking console.error\n * directly interferes with other errors that we might want to see in our Jest test\n * runner if actual, unexpected errors occur. By having a separate module for\n * expected error logging, this module can be mocked while console.error is left to\n * its default implementation.\n */\n\nexport const logger = {\n\terror: console.error,\n};\n"],"names":["logger"],"mappings":"AAeO,MAAMA,IAAS;AAAA,EACrB,OAAO,QAAQ;AAChB;"}

package/login/LoginComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { DomainStatus } from './useAccountDomain';
 interface Props {
     domainValue: string;

package/login/LoginContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AuthInformationState } from '../auth/useAuthInformation';
 import { Config, PortalConfig } from '../app-config/appConfig.type';
 type ContextValue = AuthInformationState & {

package/login/components/ConnectButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function ConnectButton(props: {
     isValidDomain: boolean;
     isSubmitting: boolean;

package/login/components/Container.d.ts

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

package/login/components/DomainInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { DomainStatus } from '../useAccountDomain';
 interface Props {
     value: string;

package/login/components/Header.d.ts

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

package/login/components/RefreshingSpinner.d.ts

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

package/loginwindow.js

@@ -0,0 +1,84 @@
+import { redirectOrigin as p } from "./oauth2.js";
+import { err as s, isErr as w, ok as d } from "./result.type.js";
+async function x(e) {
+  const n = window.screen, t = 570, o = 700, c = n.width / 2 - t / 2 + window.screenX, l = n.height / 2 - o / 2 + window.screenY, i = window.open(
+    "",
+    "Bynder Brand Portal",
+    `height=${o},width=${t},left=${c},top=${l}`
+  );
+  if (i === null)
+    return s("Error opening login window");
+  i.document.head.innerHTML = f, i.document.body.innerHTML = h, i.location.href = e;
+  const r = await Promise.race([
+    u(),
+    g(),
+    m(i)
+  ]);
+  if (w(r))
+    return r;
+  const a = new URLSearchParams(r.value.data);
+  return d({
+    state: a.get("state"),
+    code: a.get("code")
+  });
+}
+function u() {
+  return new Promise((e) => {
+    window.addEventListener("message", (n) => {
+      n.origin === p && e(d(n));
+    });
+  });
+}
+function g() {
+  return new Promise((e) => {
+    setTimeout(() => e(s("Timeout")), 6e5);
+  });
+}
+function m(e) {
+  return new Promise((n) => {
+    function t() {
+      e.closed && (clearInterval(o), n(s("Login window closed")));
+    }
+    const o = setInterval(t, 1e3);
+  });
+}
+const f = `
+<title>Redirecting...</title>
+<style>
+    @keyframes cv-spinner-animation {
+        to {
+            transform:rotate(1turn)
+        }
+    }
+
+    .cv-spinner {
+        position: relative;
+        display: inline-block;
+        padding: 175px 0 100px;
+        width: 100%;
+        height: auto;
+        background: #fff;
+        box-sizing: border-box;
+    }
+    
+    .cv-spinner:before {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 40px;
+        height: 40px;
+        margin-top: -20px;
+        margin-left: -20px;
+        box-sizing: border-box;
+        border-top: 3px solid #7e8890;
+        border-right: 3px solid transparent;
+        border-radius: 50%;
+        content: "";
+        animation: cv-spinner-animation .8s linear infinite;
+        z-index: 3;
+    }
+</style>`, h = '<div class="cv-spinner"></div>';
+export {
+  x as waitForAuthorizationFromLoginWindow
+};
+//# sourceMappingURL=loginwindow.js.map

package/loginwindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loginwindow.js","sources":["../../src/auth/loginwindow.ts"],"sourcesContent":["import { redirectOrigin } from './oauth2';\nimport { err, Err, isErr, ok, Ok, Result } from './result.type';\n\ninterface LoginWindowResponse {\n\tstate: string | null;\n\tcode: string | null;\n}\n\nexport async function waitForAuthorizationFromLoginWindow(\n\turl: string,\n): Promise<Result<LoginWindowResponse, string>> {\n\tconst screen = window.screen;\n\tconst width = 570;\n\tconst height = 700;\n\n\tconst popupLeft = screen.width / 2 - width / 2 + window.screenX;\n\tconst popupTop = screen.height / 2 - height / 2 + window.screenY;\n\n\tconst loginWindow = window.open(\n\t\t'',\n\t\t'Bynder Brand Portal',\n\t\t`height=${height},width=${width},left=${popupLeft},top=${popupTop}`,\n\t);\n\n\tif (loginWindow === null) {\n\t\treturn err('Error opening login window');\n\t}\n\n\tloginWindow.document.head.innerHTML = redirectingPageHeadHtml;\n\tloginWindow.document.body.innerHTML = redirectingPageBodyHtml;\n\tloginWindow.location.href = url;\n\n\tconst result = await Promise.race([\n\t\twaitForMessage(),\n\t\twaitForTimeout(),\n\t\twaitForWindowToClose(loginWindow),\n\t]);\n\n\tif (isErr(result)) {\n\t\treturn result;\n\t}\n\n\tconst queryParameters = new URLSearchParams(result.value.data);\n\n\treturn ok({\n\t\tstate: queryParameters.get('state'),\n\t\tcode: queryParameters.get('code'),\n\t});\n}\n\nfunction waitForMessage(): Promise<Ok<MessageEvent>> {\n\treturn new Promise((resolve) => {\n\t\twindow.addEventListener('message', (message) => {\n\t\t\t/* There can be message events which aren't directly from the OAuth process.\n\t\t\t * Checking for the correct 'origin' property lets us ignore other events that\n\t\t\t * this listener catches.\n\t\t\t *\n\t\t\t * For example, React Dev Tools will emit message events, but we don't want the\n\t\t\t * promise to resolve for these events.\n\t\t\t */\n\t\t\tif (message.origin === redirectOrigin) {\n\t\t\t\tresolve(ok(message));\n\t\t\t}\n\t\t});\n\t});\n}\n\nfunction waitForTimeout(): Promise<Err<'Timeout'>> {\n\treturn new Promise((resolve) => {\n\t\tsetTimeout(() => resolve(err('Timeout')), 600000);\n\t});\n}\n\nfunction waitForWindowToClose(targetWindow: Window): Promise<Err<'Login window closed'>> {\n\treturn new Promise((resolve) => {\n\t\tfunction resolveIfClosed() {\n\t\t\tif (targetWindow.closed) {\n\t\t\t\tclearInterval(interval);\n\t\t\t\tresolve(err('Login window closed'));\n\t\t\t}\n\t\t}\n\n\t\tconst interval = setInterval(resolveIfClosed, 1000);\n\t});\n}\n\nconst redirectingPageHeadHtml = `\n<title>Redirecting...</title>\n<style>\n    @keyframes cv-spinner-animation {\n        to {\n            transform:rotate(1turn)\n        }\n    }\n\n    .cv-spinner {\n        position: relative;\n        display: inline-block;\n        padding: 175px 0 100px;\n        width: 100%;\n        height: auto;\n        background: #fff;\n        box-sizing: border-box;\n    }\n    \n    .cv-spinner:before {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 40px;\n        height: 40px;\n        margin-top: -20px;\n        margin-left: -20px;\n        box-sizing: border-box;\n        border-top: 3px solid #7e8890;\n        border-right: 3px solid transparent;\n        border-radius: 50%;\n        content: \"\";\n        animation: cv-spinner-animation .8s linear infinite;\n        z-index: 3;\n    }\n</style>`;\n\nconst redirectingPageBodyHtml = '<div class=\"cv-spinner\"></div>';\n"],"names":["waitForAuthorizationFromLoginWindow","url","screen","width","height","popupLeft","popupTop","loginWindow","err","redirectingPageHeadHtml","redirectingPageBodyHtml","result","waitForMessage","waitForTimeout","waitForWindowToClose","isErr","queryParameters","ok","resolve","message","redirectOrigin","targetWindow","resolveIfClosed","interval"],"mappings":";;AAQA,eAAsBA,EACrBC,GAC+C;AAC/C,QAAMC,IAAS,OAAO,QAChBC,IAAQ,KACRC,IAAS,KAETC,IAAYH,EAAO,QAAQ,IAAIC,IAAQ,IAAI,OAAO,SAClDG,IAAWJ,EAAO,SAAS,IAAIE,IAAS,IAAI,OAAO,SAEnDG,IAAc,OAAO;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,UAAUH,CAAM,UAAUD,CAAK,SAASE,CAAS,QAAQC,CAAQ;AAAA,EAAA;AAGlE,MAAIC,MAAgB;AACnB,WAAOC,EAAI,4BAA4B;AAGxC,EAAAD,EAAY,SAAS,KAAK,YAAYE,GACtCF,EAAY,SAAS,KAAK,YAAYG,GACtCH,EAAY,SAAS,OAAON;AAE5B,QAAMU,IAAS,MAAM,QAAQ,KAAK;AAAA,IACjCC,EAAA;AAAA,IACAC,EAAA;AAAA,IACAC,EAAqBP,CAAW;AAAA,EAAA,CAChC;AAED,MAAIQ,EAAMJ,CAAM;AACf,WAAOA;AAGR,QAAMK,IAAkB,IAAI,gBAAgBL,EAAO,MAAM,IAAI;AAE7D,SAAOM,EAAG;AAAA,IACT,OAAOD,EAAgB,IAAI,OAAO;AAAA,IAClC,MAAMA,EAAgB,IAAI,MAAM;AAAA,EAAA,CAChC;AACF;AAEA,SAASJ,IAA4C;AACpD,SAAO,IAAI,QAAQ,CAACM,MAAY;AAC/B,WAAO,iBAAiB,WAAW,CAACC,MAAY;AAQ/C,MAAIA,EAAQ,WAAWC,KACtBF,EAAQD,EAAGE,CAAO,CAAC;AAAA,IAErB,CAAC;AAAA,EACF,CAAC;AACF;AAEA,SAASN,IAA0C;AAClD,SAAO,IAAI,QAAQ,CAACK,MAAY;AAC/B,eAAW,MAAMA,EAAQV,EAAI,SAAS,CAAC,GAAG,GAAM;AAAA,EACjD,CAAC;AACF;AAEA,SAASM,EAAqBO,GAA2D;AACxF,SAAO,IAAI,QAAQ,CAACH,MAAY;AAC/B,aAASI,IAAkB;AAC1B,MAAID,EAAa,WAChB,cAAcE,CAAQ,GACtBL,EAAQV,EAAI,qBAAqB,CAAC;AAAA,IAEpC;AAEA,UAAMe,IAAW,YAAYD,GAAiB,GAAI;AAAA,EACnD,CAAC;AACF;AAEA,MAAMb,IAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAqC1BC,IAA0B;"}

package/normalizeResponse.js

@@ -0,0 +1,31 @@
+import { WEBDAM_TRANSFORM_BASE_URL_NAME as r, BYNDER_TRANSFORM_BASE_URL_NAME as n } from "./constants.js";
+function a(s) {
+  if (s[r]) {
+    const { [r]: e, ...t } = s;
+    return { ...t, [n]: { ...e } };
+  }
+  return s;
+}
+function A(s) {
+  return s?.searchAssets?.assets?.nodes.length ? {
+    ...s,
+    searchAssets: {
+      ...s.searchAssets,
+      assets: {
+        ...s.searchAssets.assets,
+        nodes: s.searchAssets?.assets?.nodes.map((e) => {
+          if (e.files) {
+            const t = a(e.files);
+            return { ...e, files: { ...t } };
+          }
+          return e;
+        })
+      }
+    }
+  } : s;
+}
+export {
+  A as normalizeAssetsResponse,
+  a as normalizeFilesResponse
+};
+//# sourceMappingURL=normalizeResponse.js.map

package/normalizeResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeResponse.js","sources":["../../src/utils/normalizeResponse.ts"],"sourcesContent":["import { WEBDAM_TRANSFORM_BASE_URL_NAME, BYNDER_TRANSFORM_BASE_URL_NAME } from '@src/constants';\n\nimport { File } from '@src/select/file.type';\n\nexport function normalizeFilesResponse(files: Record<string, File>): Record<string, File> {\n\tif (files[WEBDAM_TRANSFORM_BASE_URL_NAME]) {\n\t\tconst { [WEBDAM_TRANSFORM_BASE_URL_NAME]: prevTransformFiles, ...restFiles } = files;\n\n\t\treturn { ...restFiles, [BYNDER_TRANSFORM_BASE_URL_NAME]: { ...prevTransformFiles } };\n\t}\n\n\treturn files;\n}\n\nexport function normalizeAssetsResponse(response) {\n\tif (!response?.searchAssets?.assets?.nodes.length) {\n\t\treturn response;\n\t}\n\n\treturn {\n\t\t...response,\n\t\tsearchAssets: {\n\t\t\t...response.searchAssets,\n\t\t\tassets: {\n\t\t\t\t...response.searchAssets.assets,\n\t\t\t\tnodes: response.searchAssets?.assets?.nodes.map((el) => {\n\t\t\t\t\tif (el.files) {\n\t\t\t\t\t\tconst normalizedFiles = normalizeFilesResponse(el.files);\n\n\t\t\t\t\t\treturn { ...el, files: { ...normalizedFiles } };\n\t\t\t\t\t}\n\n\t\t\t\t\treturn el;\n\t\t\t\t}),\n\t\t\t},\n\t\t},\n\t};\n}\n"],"names":["normalizeFilesResponse","files","WEBDAM_TRANSFORM_BASE_URL_NAME","prevTransformFiles","restFiles","BYNDER_TRANSFORM_BASE_URL_NAME","normalizeAssetsResponse","response","el","normalizedFiles"],"mappings":";AAIO,SAASA,EAAuBC,GAAmD;AACzF,MAAIA,EAAMC,CAA8B,GAAG;AAC1C,UAAM,EAAE,CAACA,CAA8B,GAAGC,GAAoB,GAAGC,MAAcH;AAE/E,WAAO,EAAE,GAAGG,GAAW,CAACC,CAA8B,GAAG,EAAE,GAAGF,EAAA,EAAmB;AAAA,EAClF;AAEA,SAAOF;AACR;AAEO,SAASK,EAAwBC,GAAU;AACjD,SAAKA,GAAU,cAAc,QAAQ,MAAM,SAIpC;AAAA,IACN,GAAGA;AAAA,IACH,cAAc;AAAA,MACb,GAAGA,EAAS;AAAA,MACZ,QAAQ;AAAA,QACP,GAAGA,EAAS,aAAa;AAAA,QACzB,OAAOA,EAAS,cAAc,QAAQ,MAAM,IAAI,CAACC,MAAO;AACvD,cAAIA,EAAG,OAAO;AACb,kBAAMC,IAAkBT,EAAuBQ,EAAG,KAAK;AAEvD,mBAAO,EAAE,GAAGA,GAAI,OAAO,EAAE,GAAGC,IAAgB;AAAA,UAC7C;AAEA,iBAAOD;AAAA,QACR,CAAC;AAAA,MAAA;AAAA,IACF;AAAA,EACD,IAnBOD;AAqBT;"}

package/oauth2.js

@@ -0,0 +1,87 @@
+import { ensureValidUrl as l } from "./url.js";
+import { err as c, ok as h } from "./result.type.js";
+const i = "42b1eefa-d754-4802-b9c4-bf80d6ab6052", m = "v6/authentication/oauth2/", f = "https://d8ejoa1fys2rk.cloudfront.net", p = f + "/5.0.5/modules/compactview/loginCompleted.html", _ = "https://apiv2.webdamdb.com/", k = "oauth2/", w = ["offline", "asset:read", "collection:read", "meta.assetbank:read"];
+function y(o, a, r) {
+  const n = {
+    client_id: i,
+    code_challenge: o,
+    code_challenge_method: "S256",
+    redirect_uri: p,
+    response_type: "code",
+    scope: w.join(" "),
+    domain: "",
+    state: a
+  };
+  let e = "auth?";
+  u() === "webdam" && (e = "authorize?", delete n.scope, n.domain = r);
+  const t = new URLSearchParams(n);
+  return d(r) + e + t;
+}
+async function S(o, a, r) {
+  const n = d(r) + "token", e = new URLSearchParams({
+    client_id: i,
+    code_verifier: a,
+    code: o,
+    redirect_uri: p,
+    grant_type: "authorization_code"
+  });
+  try {
+    const t = await fetch(n, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
+      },
+      body: e
+    });
+    if (!t.ok)
+      return c(`Failed to fetch access token: ${t.status}`);
+    const s = await t.json();
+    return h({
+      refreshToken: s.refresh_token,
+      accessToken: s.access_token,
+      expiresIn: s.expires_in
+    });
+  } catch (t) {
+    return c(t.toString());
+  }
+}
+async function T(o, a) {
+  const r = d(a) + "token", n = new URLSearchParams({
+    client_id: i,
+    refresh_token: o,
+    grant_type: "refresh_token"
+  });
+  try {
+    const e = await fetch(r, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
+      },
+      body: n
+    });
+    if (!e.ok)
+      return c(`Failed to fetch refresh token: ${e.status}`);
+    const t = await e.json();
+    return h({
+      accessToken: t.access_token,
+      expiresIn: t.expires_in
+    });
+  } catch (e) {
+    return c(e.toString());
+  }
+}
+function d(o) {
+  return u() === "webdam" ? _ + k : l(o) + m;
+}
+function u() {
+  return localStorage.getItem("cvp") ?? void 0;
+}
+export {
+  y as makeAuthorizeRequestUrl,
+  T as postRefreshTokenRequest,
+  S as postTokenRequest,
+  f as redirectOrigin
+};
+//# sourceMappingURL=oauth2.js.map

package/oauth2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth2.js","sources":["../../src/auth/oauth2.ts"],"sourcesContent":["import { ensureValidUrl } from '../utils/url';\nimport { err, ok, Result } from './result.type';\n\n/*\n Some info about the flow performed here:\n https://auth0.com/docs/api-auth/tutorials/authorization-code-grant-pkce\n https://developer.okta.com/blog/2019/05/01/is-the-oauth-implicit-flow-dead#begin-the-pkce-request\n https://tools.ietf.org/html/rfc7636#section-4.1\n */\n\nconst clientId = '42b1eefa-d754-4802-b9c4-bf80d6ab6052';\nconst authSvcPath = 'v6/authentication/oauth2/';\nexport const redirectOrigin = `${process.env.COMPACT_VIEW_CLOUDFRONT_URL}`;\n// The ./loginCompleted.html file is deployed to this url\nconst redirectUri = redirectOrigin + '/5.0.5/modules/compactview/loginCompleted.html';\nconst webdam_api_origin = `${process.env.WEBDAM_API_ORIGIN}/`;\nconst webdam_svc_path = 'oauth2/';\nconst scopes = ['offline', 'asset:read', 'collection:read', 'meta.assetbank:read'];\nexport type AuthPlatform = 'bynder' | 'webdam' | 'invalid';\n\nexport function makeAuthorizeRequestUrl(\n\tcodeChallenge: string,\n\tstate: string,\n\taccountDomain: string,\n) {\n\tconst params: Record<string, string> = {\n\t\tclient_id: clientId,\n\t\tcode_challenge: codeChallenge,\n\t\tcode_challenge_method: 'S256',\n\t\tredirect_uri: redirectUri,\n\t\tresponse_type: 'code',\n\t\tscope: scopes.join(' '),\n\t\tdomain: '',\n\t\tstate,\n\t};\n\tlet authEndpoint = 'auth?';\n\n\tif (getPlaformFromLocalStorage() === 'webdam') {\n\t\tauthEndpoint = 'authorize?';\n\t\t// Webdam Oauth currently does not support scopes\n\t\tdelete params.scope;\n\t\tparams.domain = accountDomain;\n\t}\n\n\tconst queryParams = new URLSearchParams(params);\n\n\treturn getAuthPathFromPlatform(accountDomain) + authEndpoint + queryParams;\n}\n\ninterface TokenRequest {\n\trefreshToken: string;\n\taccessToken: string;\n\texpiresIn: string;\n}\n\nexport async function postTokenRequest(\n\tcode: string,\n\tcode_verifier: string,\n\taccountDomain: string,\n): Promise<Result<TokenRequest, string>> {\n\tconst url = getAuthPathFromPlatform(accountDomain) + 'token';\n\n\tconst body = new URLSearchParams({\n\t\tclient_id: clientId,\n\t\tcode_verifier,\n\t\tcode,\n\t\tredirect_uri: redirectUri,\n\t\tgrant_type: 'authorization_code',\n\t});\n\n\ttry {\n\t\tconst response = await fetch(url, {\n\t\t\tmethod: 'POST',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',\n\t\t\t},\n\t\t\tbody,\n\t\t});\n\n\t\tif (!response.ok) {\n\t\t\treturn err(`Failed to fetch access token: ${response.status}`);\n\t\t}\n\n\t\tconst json = await response.json();\n\n\t\treturn ok({\n\t\t\trefreshToken: json.refresh_token,\n\t\t\taccessToken: json.access_token,\n\t\t\texpiresIn: json.expires_in,\n\t\t});\n\t} catch (e) {\n\t\treturn err(e.toString());\n\t}\n}\n\ninterface RefreshTokenRequest {\n\taccessToken: string;\n\texpiresIn: number;\n}\n\nexport async function postRefreshTokenRequest(\n\trefreshToken: string,\n\taccountDomain: string,\n): Promise<Result<RefreshTokenRequest, string>> {\n\tconst url = getAuthPathFromPlatform(accountDomain) + 'token';\n\n\tconst body = new URLSearchParams({\n\t\tclient_id: clientId,\n\t\trefresh_token: refreshToken,\n\t\tgrant_type: 'refresh_token',\n\t});\n\n\ttry {\n\t\tconst response = await fetch(url, {\n\t\t\tmethod: 'POST',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',\n\t\t\t},\n\t\t\tbody,\n\t\t});\n\n\t\tif (!response.ok) {\n\t\t\treturn err(`Failed to fetch refresh token: ${response.status}`);\n\t\t}\n\n\t\tconst json = await response.json();\n\n\t\treturn ok({\n\t\t\taccessToken: json.access_token,\n\t\t\texpiresIn: json.expires_in,\n\t\t});\n\t} catch (e) {\n\t\treturn err(e.toString());\n\t}\n}\n\nfunction getAuthPathFromPlatform(accountDomain: string): string {\n\treturn getPlaformFromLocalStorage() === 'webdam'\n\t\t? webdam_api_origin + webdam_svc_path\n\t\t: ensureValidUrl(accountDomain) + authSvcPath;\n}\n\nfunction getPlaformFromLocalStorage(): string | undefined {\n\treturn localStorage.getItem('cvp') ?? undefined;\n}\n"],"names":["clientId","authSvcPath","redirectOrigin","redirectUri","webdam_api_origin","webdam_svc_path","scopes","makeAuthorizeRequestUrl","codeChallenge","state","accountDomain","params","authEndpoint","getPlaformFromLocalStorage","queryParams","getAuthPathFromPlatform","postTokenRequest","code","code_verifier","url","body","response","err","json","ok","e","postRefreshTokenRequest","refreshToken","ensureValidUrl"],"mappings":";;AAUA,MAAMA,IAAW,wCACXC,IAAc,6BACPC,IAAiB,wCAExBC,IAAcD,IAAiB,kDAC/BE,IAAoB,+BACpBC,IAAkB,WAClBC,IAAS,CAAC,WAAW,cAAc,mBAAmB,qBAAqB;AAG1E,SAASC,EACfC,GACAC,GACAC,GACC;AACD,QAAMC,IAAiC;AAAA,IACtC,WAAWX;AAAA,IACX,gBAAgBQ;AAAA,IAChB,uBAAuB;AAAA,IACvB,cAAcL;AAAA,IACd,eAAe;AAAA,IACf,OAAOG,EAAO,KAAK,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,OAAAG;AAAA,EAAA;AAED,MAAIG,IAAe;AAEnB,EAAIC,EAAA,MAAiC,aACpCD,IAAe,cAEf,OAAOD,EAAO,OACdA,EAAO,SAASD;AAGjB,QAAMI,IAAc,IAAI,gBAAgBH,CAAM;AAE9C,SAAOI,EAAwBL,CAAa,IAAIE,IAAeE;AAChE;AAQA,eAAsBE,EACrBC,GACAC,GACAR,GACwC;AACxC,QAAMS,IAAMJ,EAAwBL,CAAa,IAAI,SAE/CU,IAAO,IAAI,gBAAgB;AAAA,IAChC,WAAWpB;AAAA,IACX,eAAAkB;AAAA,IACA,MAAAD;AAAA,IACA,cAAcd;AAAA,IACd,YAAY;AAAA,EAAA,CACZ;AAED,MAAI;AACH,UAAMkB,IAAW,MAAM,MAAMF,GAAK;AAAA,MACjC,QAAQ;AAAA,MACR,SAAS;AAAA,QACR,QAAQ;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA,MAEjB,MAAAC;AAAA,IAAA,CACA;AAED,QAAI,CAACC,EAAS;AACb,aAAOC,EAAI,iCAAiCD,EAAS,MAAM,EAAE;AAG9D,UAAME,IAAO,MAAMF,EAAS,KAAA;AAE5B,WAAOG,EAAG;AAAA,MACT,cAAcD,EAAK;AAAA,MACnB,aAAaA,EAAK;AAAA,MAClB,WAAWA,EAAK;AAAA,IAAA,CAChB;AAAA,EACF,SAASE,GAAG;AACX,WAAOH,EAAIG,EAAE,UAAU;AAAA,EACxB;AACD;AAOA,eAAsBC,EACrBC,GACAjB,GAC+C;AAC/C,QAAMS,IAAMJ,EAAwBL,CAAa,IAAI,SAE/CU,IAAO,IAAI,gBAAgB;AAAA,IAChC,WAAWpB;AAAA,IACX,eAAe2B;AAAA,IACf,YAAY;AAAA,EAAA,CACZ;AAED,MAAI;AACH,UAAMN,IAAW,MAAM,MAAMF,GAAK;AAAA,MACjC,QAAQ;AAAA,MACR,SAAS;AAAA,QACR,QAAQ;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA,MAEjB,MAAAC;AAAA,IAAA,CACA;AAED,QAAI,CAACC,EAAS;AACb,aAAOC,EAAI,kCAAkCD,EAAS,MAAM,EAAE;AAG/D,UAAME,IAAO,MAAMF,EAAS,KAAA;AAE5B,WAAOG,EAAG;AAAA,MACT,aAAaD,EAAK;AAAA,MAClB,WAAWA,EAAK;AAAA,IAAA,CAChB;AAAA,EACF,SAAS,GAAG;AACX,WAAOD,EAAI,EAAE,UAAU;AAAA,EACxB;AACD;AAEA,SAASP,EAAwBL,GAA+B;AAC/D,SAAOG,QAAiC,WACrCT,IAAoBC,IACpBuB,EAAelB,CAAa,IAAIT;AACpC;AAEA,SAASY,IAAiD;AACzD,SAAO,aAAa,QAAQ,KAAK,KAAK;AACvC;"}

package/order/DirectionSelect.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function DirectionSelect({ nlSearch }: {
     nlSearch?: boolean;
 }): React.JSX.Element;

package/order/FieldSelect.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Field } from '@src/store/useOrderingStore';
+import { default as React } from 'react';
+import { Field } from '../store/useOrderingStore';
 interface FieldProps {
     options: Field[];
 }

package/package.json

@@ -1,19 +1,12 @@
 {
   "name": "@bynder/compact-view",
   "description": "Bynder Compact View",
-  "version": "5.1.2",
+  "version": "5.1.4",
   "author": "Bynder",
   "license": "UNLICENSED",
   "main": "index.js",
-  "module": "index.mjs",
+  "module": "index.js",
   "types": "index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
-    }
-  },
   "dependencies": {},
   "peerDependencies": {
     "react": ">=16.8.0 <19.0.0",

package/result.type.js

@@ -0,0 +1,25 @@
+function t(r) {
+  return {
+    tag: "ok",
+    value: r
+  };
+}
+function n(r) {
+  return {
+    tag: "error",
+    error: r
+  };
+}
+function o(r) {
+  return r.tag === "ok";
+}
+function e(r) {
+  return r.tag === "error";
+}
+export {
+  n as err,
+  e as isErr,
+  o as isOk,
+  t as ok
+};
+//# sourceMappingURL=result.type.js.map

package/result.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.type.js","sources":["../../src/auth/result.type.ts"],"sourcesContent":["export type Ok<T> = {\n\ttag: 'ok';\n\tvalue: T;\n};\n\nexport interface Err<E> {\n\ttag: 'error';\n\terror: E;\n}\n\nexport type Result<T, E> = Ok<T> | Err<E>;\n\nexport function ok<T>(value: T): Ok<T> {\n\treturn {\n\t\ttag: 'ok',\n\t\tvalue,\n\t};\n}\n\nexport function err<E>(error: E): Err<E> {\n\treturn {\n\t\ttag: 'error',\n\t\terror,\n\t};\n}\n\nexport function isOk<T, E = unknown>(result: Result<T, E>): result is Ok<T> {\n\treturn result.tag === 'ok';\n}\n\nexport function isErr<E, T = unknown>(result: Result<T, E>): result is Err<E> {\n\treturn result.tag === 'error';\n}\n"],"names":["ok","value","err","error","isOk","result","isErr"],"mappings":"AAYO,SAASA,EAAMC,GAAiB;AACtC,SAAO;AAAA,IACN,KAAK;AAAA,IACL,OAAAA;AAAA,EAAA;AAEF;AAEO,SAASC,EAAOC,GAAkB;AACxC,SAAO;AAAA,IACN,KAAK;AAAA,IACL,OAAAA;AAAA,EAAA;AAEF;AAEO,SAASC,EAAqBC,GAAuC;AAC3E,SAAOA,EAAO,QAAQ;AACvB;AAEO,SAASC,EAAsBD,GAAwC;AAC7E,SAAOA,EAAO,QAAQ;AACvB;"}

package/router/RouterContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Collection } from '../views/collection/collection.types';
 type AssetsPage = 'assets';
 type CollectionsPage = 'collections';

package/search/SearchInput.d.ts

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

package/search/SwitchNLS.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     isNLSSearchOn: boolean;
     setIsNLSSearchOn: React.Dispatch<React.SetStateAction<boolean>>;

package/search/index.d.ts

@@ -1,3 +1 @@
-export * from './SearchContext';
 export * from './SearchInput';
-export * from './SimilaritySearchContext';

package/select/FileSelector.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Asset } from '../views/asset/asset.type';
 import { File } from './file.type';
 interface Props {

package/select/SelectionContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Asset, AssetData } from '../views/asset/asset.type';
 import { Collection } from '../views/collection/collection.types';
 export type SelectedAsset = {

package/select/SelectionFooter.d.ts

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

package/select/add-media/AddMedia.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SelectedItem } from '../SelectionContext';
 interface Props {
     selection: SelectedItem[];

package/select/add-media/ButtonAction.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { State } from './addMedia.type';
 export declare function ButtonAction({ status, numberOfSelectedItems, }: {
     status: State['status'];

package/select/current-selection/AssetItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Asset } from '../../views/asset/asset.type';
 export declare function AssetItem({ asset }: {
     asset: Asset;

package/select/current-selection/CollectionItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Collection } from '../../views/collection/collection.types';
 export declare function CollectionItem({ collection }: {
     collection: Collection;

package/select/current-selection/SelectedItemContainer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function SelectedItemContainer({ title, onRemove, children, }: {
     title: string;
     onRemove: () => void;

package/select/current-selection/SelectedItems.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SelectedItem } from '../SelectionContext';
 export declare function SelectedItems({ selection }: {
     selection: SelectedItem[];

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 {};