@bynder/compact-view 5.2.1 → 5.2.3

package/index6.js

@@ -0,0 +1,315 @@
+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}.`);
+  }
+}
+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;
+  }
+}
+function S(t) {
+  return y.includes(t);
+}
+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);
+  }
+}
+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 = {});
+  }
+}
+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;
+  }
+}
+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;
+  }
+}
+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;
+}
+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);
+}
+function b(t) {
+  try {
+    return t();
+  } catch (e) {
+    return console.error("Localization: Failed to fetch fallback.", e), Promise.resolve({});
+  }
+}
+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), {};
+  }
+}
+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
+};