@bynder/compact-view 5.2.2 → 5.2.4

package/index6.js

@@ -1,315 +1,266 @@
-import { A as w } from "./AccessToken.js";
-import c, { useState as g, useEffect as x, useContext as E } from "react";
-class v {
-  constructor(e) {
-    this.input = e, this.index = 0, this.done = !1, this.value = "", this.value = this.input.charAt(0);
-  }
-  next() {
-    return ++this.index >= this.input.length && (this.done = !0), this.value = this.input.charAt(this.index);
-  }
-  croak() {
-    throw new Error(`[${this.input}]. Unexpected character "${this.value}" on position ${this.index}.`);
+import * as i from "react";
+import { keyframes as c, css as x, styled as l, setup as v } from "./goober.modern.js";
+var w = (t) => typeof t == "function", u = (t, e) => w(t) ? t(e) : t, $ = /* @__PURE__ */ (() => {
+  let t = 0;
+  return () => (++t).toString();
+})(), E = /* @__PURE__ */ (() => {
+  let t;
+  return () => {
+    if (t === void 0 && typeof window < "u") {
+      let e = matchMedia("(prefers-reduced-motion: reduce)");
+      t = !e || e.matches;
+    }
+    return t;
+  };
+})(), k = 20, y = "default", b = (t, e) => {
+  let { toastLimit: a } = t.settings;
+  switch (e.type) {
+    case 0:
+      return { ...t, toasts: [e.toast, ...t.toasts].slice(0, a) };
+    case 1:
+      return { ...t, toasts: t.toasts.map((r) => r.id === e.toast.id ? { ...r, ...e.toast } : r) };
+    case 2:
+      let { toast: o } = e;
+      return b(t, { type: t.toasts.find((r) => r.id === o.id) ? 1 : 0, toast: o });
+    case 3:
+      let { toastId: n } = e;
+      return { ...t, toasts: t.toasts.map((r) => r.id === n || n === void 0 ? { ...r, dismissed: !0, visible: !1 } : r) };
+    case 4:
+      return e.toastId === void 0 ? { ...t, toasts: [] } : { ...t, toasts: t.toasts.filter((r) => r.id !== e.toastId) };
+    case 5:
+      return { ...t, pausedAt: e.time };
+    case 6:
+      let d = e.time - (t.pausedAt || 0);
+      return { ...t, pausedAt: void 0, toasts: t.toasts.map((r) => ({ ...r, pauseDuration: r.pauseDuration + d })) };
   }
+}, I = [], z = { toasts: [], pausedAt: void 0, settings: { toastLimit: k } }, p = {}, g = (t, e = y) => {
+  p[e] = b(p[e] || z, t), I.forEach(([a, o]) => {
+    a === e && o(p[e]);
+  });
+}, h = (t) => Object.keys(p).forEach((e) => g(t, e)), A = (t) => Object.keys(p).find((e) => p[e].toasts.some((a) => a.id === t)), f = (t = y) => (e) => {
+  g(e, t);
+}, j = (t, e = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: e, ariaProps: { role: "status", "aria-live": "polite" }, message: t, pauseDuration: 0, ...a, id: a?.id || $() }), m = (t) => (e, a) => {
+  let o = j(e, t, a);
+  return f(o.toasterId || A(o.id))({ type: 2, toast: o }), o.id;
+}, s = (t, e) => m("blank")(t, e);
+s.error = m("error");
+s.success = m("success");
+s.loading = m("loading");
+s.custom = m("custom");
+s.dismiss = (t, e) => {
+  let a = { type: 3, toastId: t };
+  e ? f(e)(a) : h(a);
+};
+s.dismissAll = (t) => s.dismiss(void 0, t);
+s.remove = (t, e) => {
+  let a = { type: 4, toastId: t };
+  e ? f(e)(a) : h(a);
+};
+s.removeAll = (t) => s.remove(void 0, t);
+s.promise = (t, e, a) => {
+  let o = s.loading(e.loading, { ...a, ...a?.loading });
+  return typeof t == "function" && (t = t()), t.then((n) => {
+    let d = e.success ? u(e.success, n) : void 0;
+    return d ? s.success(d, { id: o, ...a, ...a?.success }) : s.dismiss(o), n;
+  }).catch((n) => {
+    let d = e.error ? u(e.error, n) : void 0;
+    d ? s.error(d, { id: o, ...a, ...a?.error }) : s.dismiss(o);
+  }), t;
+};
+var D = c`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
 }
-var u;
-(function(t) {
-  t[t.Plural = 0] = "Plural", t[t.Select = 1] = "Select", t[t.Text = 2] = "Text", t[t.Variable = 3] = "Variable";
-})(u || (u = {}));
-const f = "{", l = "}", p = ",", y = [f, l, p], L = "plural", C = "select";
-class P {
-  constructor(e) {
-    this.input = new v(e);
-  }
-  next() {
-    return this.input.value === f ? this.readVariable() : this.readText();
-  }
-  skip(e) {
-    e !== this.input.value && this.input.croak(), this.input.next();
-  }
-  readWhile(e) {
-    let n = "";
-    for (; !this.input.done && e(this.input.value); )
-      n += this.input.value, this.input.next();
-    return n;
-  }
-  readVariable() {
-    this.skip(f);
-    const e = this.readWhile((r) => !S(r)).trim();
-    if (e.length === 0 && this.input.croak(), this.input.value === l)
-      return this.skip(l), {
-        type: u.Variable,
-        value: e
-      };
-    this.skip(p);
-    const n = this.readVariableType();
-    return {
-      options: this.readVariableOptions(),
-      type: n,
-      value: e
-    };
-  }
-  readText() {
-    return {
-      type: u.Text,
-      value: this.readWhile((e) => e !== f && e !== l)
-    };
-  }
-  readVariableType() {
-    const e = this.readWhile((n) => n !== p).trim();
-    if (e === L)
-      return u.Plural;
-    if (e === C)
-      return u.Select;
-    this.input.croak();
-  }
-  readVariableOptions() {
-    this.skip(p);
-    const e = {};
-    for (; this.input.value !== l; )
-      e[this.readText().value.trim()] = this.readExpression();
-    return this.skip(l), e;
-  }
-  readExpression() {
-    const e = [];
-    for (this.skip(f); this.input.value !== l; )
-      e.push(this.next());
-    return this.skip(l), e;
-  }
+to {
+ transform: scale(1) rotate(45deg);
+  opacity: 1;
+}`, L = c`
+from {
+  transform: scale(0);
+  opacity: 0;
 }
-function S(t) {
-  return y.includes(t);
+to {
+  transform: scale(1);
+  opacity: 1;
+}`, P = c`
+from {
+  transform: scale(0) rotate(90deg);
+	opacity: 0;
 }
-const R = [
-  "campaigns",
-  "Campaigns",
-  "Campaign",
-  "campaign",
-  "Collection",
-  "collections",
-  "collection",
-  "Collections",
-  "limitedUsage",
-  "LIMITED",
-  "jobs",
-  "Jobs",
-  "job",
-  "Job",
-  "Guidelines",
-  "WorkflowCalendar",
-  "AssetBank",
-  "Brandstore",
-  "Reporter",
-  "Brand",
-  "brands",
-  "categories",
-  "Brands",
-  "brand",
-  "Asset",
-  "Subbrand",
-  "subbrands",
-  "Assets",
-  "assets",
-  "asset",
-  "subbrand",
-  "Subbrands",
-  "category",
-  "task",
-  "Stage",
-  "accountable",
-  "tasks",
-  "stage",
-  "Categories",
-  "Category",
-  "stages",
-  "Task",
-  "Stages",
-  "Tasks",
-  "Accountable"
-];
-function I({ locale: t, translation: e, values: n, wordReplacements: r }) {
-  const s = new P(e), a = [];
-  for (; !s.input.done; )
-    o(s.next());
-  return a;
-  function o({ options: h, type: d, value: i }) {
-    if (d === u.Variable) {
-      if (R.includes(i)) {
-        r[i] ? a.push(r[i]) : a.push(i);
-        return;
-      }
-      a.push(n[i]);
-      return;
-    }
-    if (!h) {
-      a.push(i);
-      return;
-    }
-    if (d === u.Select) {
-      h[n[i]].map(o);
-      return;
-    }
-    const m = t.replace("_", "-");
-    h[new Intl.PluralRules(m).select(n[i])].map(o);
+to {
+  transform: scale(1) rotate(90deg);
+	opacity: 1;
+}`, O = l("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${(t) => t.primary || "#ff4b4b"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${D} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+
+  &:after,
+  &:before {
+    content: '';
+    animation: ${L} 0.15s ease-out forwards;
+    animation-delay: 150ms;
+    position: absolute;
+    border-radius: 3px;
+    opacity: 0;
+    background: ${(t) => t.secondary || "#fff"};
+    bottom: 9px;
+    left: 4px;
+    height: 2px;
+    width: 12px;
   }
-}
-function k(t) {
-  return t || "en_US";
-}
-class z {
-  constructor(e, n, r) {
-    this.memo = {}, this.onError = console.error, this.translateParts = (s, a) => {
-      const o = this.getTranslationById(s);
-      try {
-        return I({
-          locale: this.locale,
-          translation: o,
-          values: a,
-          wordReplacements: this.wordReplacements
-        });
-      } catch (h) {
-        return this.onError(h), [o];
-      }
-    }, this.translate = (s, a = {}) => this.translateParts(s, a).join(""), this.getTranslationById = (s) => {
-      if (!this.memo[s]) {
-        let a = this.translations[s];
-        typeof a != "string" && (this.onError(new Error(`Localization: Missing translation with ID "${s}"`)), a = s), this.memo[s] = a;
-      }
-      return this.memo[s];
-    }, this.locale = k(n), r ? (this.translations = {
-      ...e,
-      ...r.translations
-    }, this.wordReplacements = r.wordReplacements) : (this.translations = {
-      ...e
-    }, this.wordReplacements = {});
+
+  &:before {
+    animation: ${P} 0.15s ease-out forwards;
+    animation-delay: 180ms;
+    transform: rotate(90deg);
   }
-}
-const j = (t) => Object.entries(t);
-async function F(t) {
-  const e = {
-    translations: {},
-    wordReplacements: {}
-  };
-  if (!t.addCustomTranslations)
-    return e;
-  try {
-    const n = await V(), r = _(n), s = await fetch(r, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (s.ok) {
-      const o = await s.json();
-      return U(o, k(t.locale));
-    }
-    const a = await s.text();
-    throw new Error(a);
-  } catch (n) {
-    return console.error("Localization: Failed to fetch custom translations.", n), e;
+`, S = c`
+  from {
+    transform: rotate(0deg);
   }
-}
-function _(t) {
-  return `/v7/portal/portals/${t}/custom-translations`;
-}
-async function V() {
-  try {
-    const t = await w.getJWT();
-    return w.decodeJWT(t).account_id;
-  } catch {
-    const e = await fetch("/v7/idp/access-tokens/userless-by-session").then((r) => r.json()).then((r) => r.access_token);
-    return w.decodeJWT(e).account_id;
+  to {
+    transform: rotate(360deg);
   }
+`, T = l("div")`
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: ${(t) => t.secondary || "#e0e0e0"};
+  border-right-color: ${(t) => t.primary || "#616161"};
+  animation: ${S} 1s linear infinite;
+`, _ = c`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
 }
-function U(t, e) {
-  var n;
-  const r = {
-    translations: ((n = t.customTranslations) === null || n === void 0 ? void 0 : n[e]) || {},
-    wordReplacements: {}
-  };
-  for (const [s, a] of j(t.wordReplacements))
-    typeof a == "string" && a.trim().length > 0 && (r.wordReplacements[s] = a);
-  return r;
+to {
+  transform: scale(1) rotate(45deg);
+	opacity: 1;
+}`, C = c`
+0% {
+	height: 0;
+	width: 0;
+	opacity: 0;
 }
-async function A(t) {
-  if (!t.forceFallback) {
-    if (t.locale === "en_US")
-      return b(t.fetchFallback);
-    const [e, n] = await Promise.all([
-      b(t.fetchFallback),
-      W(t)
-    ]);
-    return {
-      ...e,
-      ...n
-    };
-  }
-  return b(t.fetchFallback);
+40% {
+  height: 0;
+	width: 6px;
+	opacity: 1;
 }
-function b(t) {
-  try {
-    return t();
-  } catch (e) {
-    return console.error("Localization: Failed to fetch fallback.", e), Promise.resolve({});
+100% {
+  opacity: 1;
+  height: 10px;
+}`, F = l("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${(t) => t.primary || "#61d345"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${_} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    animation: ${C} 0.2s ease-out forwards;
+    opacity: 0;
+    animation-delay: 200ms;
+    position: absolute;
+    border-right: 2px solid;
+    border-bottom: 2px solid;
+    border-color: ${(t) => t.secondary || "#fff"};
+    bottom: 6px;
+    left: 6px;
+    height: 10px;
+    width: 6px;
   }
+`, N = l("div")`
+  position: absolute;
+`, R = l("div")`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+`, H = c`
+from {
+  transform: scale(0.6);
+  opacity: 0.4;
 }
-async function W(t) {
-  try {
-    const e = B(t), r = await fetch(e, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (r.ok)
-      return r.json();
-    const s = await r.text();
-    throw new Error(s);
-  } catch (e) {
-    return console.error("Localization: Failed to fetch from the service.", e), {};
+to {
+  transform: scale(1);
+  opacity: 1;
+}`, M = l("div")`
+  position: relative;
+  transform: scale(0.6);
+  opacity: 0.4;
+  min-width: 20px;
+  animation: ${H} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+`, Q = ({ toast: t }) => {
+  let { icon: e, type: a, iconTheme: o } = t;
+  return e !== void 0 ? typeof e == "string" ? i.createElement(M, null, e) : e : a === "blank" ? null : i.createElement(R, null, i.createElement(T, { ...o }), a !== "loading" && i.createElement(N, null, a === "error" ? i.createElement(O, { ...o }) : i.createElement(F, { ...o })));
+}, V = (t) => `
+0% {transform: translate3d(0,${t * -200}%,0) scale(.6); opacity:.5;}
+100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
+`, W = (t) => `
+0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
+100% {transform: translate3d(0,${t * -150}%,-1px) scale(.6); opacity:0;}
+`, Y = "0%{opacity:0;} 100%{opacity:1;}", Z = "0%{opacity:1;} 100%{opacity:0;}", q = l("div")`
+  display: flex;
+  align-items: center;
+  background: #fff;
+  color: #363636;
+  line-height: 1.3;
+  will-change: transform;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
+  max-width: 350px;
+  pointer-events: auto;
+  padding: 8px 10px;
+  border-radius: 8px;
+`, B = l("div")`
+  display: flex;
+  justify-content: center;
+  margin: 4px 10px;
+  color: inherit;
+  flex: 1 1 auto;
+  white-space: pre-line;
+`, G = (t, e) => {
+  let a = t.includes("top") ? 1 : -1, [o, n] = E() ? [Y, Z] : [V(a), W(a)];
+  return { animation: e ? `${c(o)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${c(n)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
+};
+i.memo(({ toast: t, position: e, style: a, children: o }) => {
+  let n = t.height ? G(t.position || e || "top-center", t.visible) : { opacity: 0 }, d = i.createElement(Q, { toast: t }), r = i.createElement(B, { ...t.ariaProps }, u(t.message, t));
+  return i.createElement(q, { className: t.className, style: { ...n, ...a, ...t.style } }, typeof o == "function" ? o({ icon: d, message: r }) : i.createElement(i.Fragment, null, d, r));
+});
+v(i.createElement);
+x`
+  z-index: 9999;
+  > * {
+    pointer-events: auto;
   }
-}
-function B(t) {
-  var e;
-  const n = new URLSearchParams({
-    module: t.project,
-    locale: k(t.locale)
-  });
-  return !((e = t.features) === null || e === void 0) && e.length && n.append("features", t.features.join(",")), "/v7/localization/keys/?" + n;
-}
-const T = c.createContext(void 0);
-function O({ children: t, translations: e, onError: n, ...r }) {
-  const [s, a] = g(e), [o, h] = g({
-    translations: {},
-    wordReplacements: {}
-  });
-  if (x(() => {
-    s || Promise.all([A(r), F(r)]).then(([i, m]) => {
-      a(i), h(m);
-    });
-  }, [s, r]), !s)
-    return null;
-  const d = new z(s, r.locale, o);
-  return n && (d.onError = n), c.createElement(T.Provider, { value: d }, t);
-}
-function D({ id: t, ...e }) {
-  const n = E(T);
-  if (!n)
-    throw new Error("Localization: <Translate /> cannot be used without <LocalizationProvider />");
-  return c.createElement(c.Fragment, null, n.translateParts(t, e).map((r, s) => c.isValidElement(r) ? c.cloneElement(r, {
-    key: s
-  }) : c.createElement(c.Fragment, { key: s }, r)));
-}
-function N() {
-  const t = E(T);
-  if (!t)
-    throw new Error("Localization: useTranslate() cannot be used without <LocalizationProvider />");
-  return {
-    translate: t.translate
-  };
-}
+`;
 export {
-  z as Localization,
-  O as LocalizationProvider,
-  D as Translate,
-  N as useTranslate
+  F as CheckmarkIcon,
+  O as ErrorIcon,
+  T as LoaderIcon,
+  Q as ToastIcon,
+  u as resolveValue,
+  s as toast
 };

package/index60.js

@@ -0,0 +1,13 @@
+import m from "./index46.js";
+import f from "./index72.js";
+import o from "./index73.js";
+import i from "./index47.js";
+var u = 6048e5;
+function p(t, r) {
+  i(1, arguments);
+  var e = m(t), a = f(e, r).getTime() - o(e, r).getTime();
+  return Math.round(a / u) + 1;
+}
+export {
+  p as default
+};

package/index61.js

@@ -0,0 +1,21 @@
+import D from "./index46.js";
+import p from "./index47.js";
+import T from "./index72.js";
+import O from "./index45.js";
+import { getDefaultOptions as c } from "./index54.js";
+function h(g, e) {
+  var a, i, o, l, n, s, f, u;
+  p(1, arguments);
+  var v = D(g), t = v.getUTCFullYear(), C = c(), r = O((a = (i = (o = (l = e?.firstWeekContainsDate) !== null && l !== void 0 ? l : e == null || (n = e.locale) === null || n === void 0 || (s = n.options) === null || s === void 0 ? void 0 : s.firstWeekContainsDate) !== null && o !== void 0 ? o : C.firstWeekContainsDate) !== null && i !== void 0 ? i : (f = C.locale) === null || f === void 0 || (u = f.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
+  if (!(r >= 1 && r <= 7))
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  var d = /* @__PURE__ */ new Date(0);
+  d.setUTCFullYear(t + 1, 0, r), d.setUTCHours(0, 0, 0, 0);
+  var k = T(d, e), m = /* @__PURE__ */ new Date(0);
+  m.setUTCFullYear(t, 0, r), m.setUTCHours(0, 0, 0, 0);
+  var W = T(m, e);
+  return v.getTime() >= k.getTime() ? t + 1 : v.getTime() >= W.getTime() ? t : t - 1;
+}
+export {
+  h as default
+};

package/index62.js

@@ -0,0 +1,8 @@
+function r(a, e) {
+  for (var n = a < 0 ? "-" : "", t = Math.abs(a).toString(); t.length < e; )
+    t = "0" + t;
+  return n + t;
+}
+export {
+  r as default
+};

package/index63.js

@@ -0,0 +1,57 @@
+import n from "./index62.js";
+var i = {
+  // Year
+  y: function(t, e) {
+    var a = t.getUTCFullYear(), u = a > 0 ? a : 1 - a;
+    return n(e === "yy" ? u % 100 : u, e.length);
+  },
+  // Month
+  M: function(t, e) {
+    var a = t.getUTCMonth();
+    return e === "M" ? String(a + 1) : n(a + 1, 2);
+  },
+  // Day of the month
+  d: function(t, e) {
+    return n(t.getUTCDate(), e.length);
+  },
+  // AM or PM
+  a: function(t, e) {
+    var a = t.getUTCHours() / 12 >= 1 ? "pm" : "am";
+    switch (e) {
+      case "a":
+      case "aa":
+        return a.toUpperCase();
+      case "aaa":
+        return a;
+      case "aaaaa":
+        return a[0];
+      case "aaaa":
+      default:
+        return a === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h: function(t, e) {
+    return n(t.getUTCHours() % 12 || 12, e.length);
+  },
+  // Hour [0-23]
+  H: function(t, e) {
+    return n(t.getUTCHours(), e.length);
+  },
+  // Minute
+  m: function(t, e) {
+    return n(t.getUTCMinutes(), e.length);
+  },
+  // Second
+  s: function(t, e) {
+    return n(t.getUTCSeconds(), e.length);
+  },
+  // Fraction of second
+  S: function(t, e) {
+    var a = e.length, u = t.getUTCMilliseconds(), o = Math.floor(u * Math.pow(10, a - 3));
+    return n(o, e.length);
+  }
+};
+export {
+  i as default
+};

package/index64.js

@@ -0,0 +1,4 @@
+import a from "./index55.js";
+export {
+  a as default
+};