fansunited-frontend-components 0.0.31-RC3 → 0.0.31-RC5

package/packages/common/src/locales/sr.json.js

@@ -0,0 +1,362 @@
+const e = {
+  language: "Serbian Latin",
+  code: "sr-Latn",
+  direction: "ltr"
+}, a = {
+  buttons: {
+    finish: "Završi kviz",
+    start: "Počni kviz",
+    playAgain: "Igraj ponovo",
+    playNext: "Igraj ovaj kviz",
+    next: "Sledeće pitanje",
+    continue: "Nastavi",
+    share: "Podeli rezultat",
+    tryAgain: "Pokušaj ponovo"
+  },
+  congratulations: {
+    lowScore: "Nastavi da pokušavaš! Postigao si:",
+    mediumScore: "Odlično! Da li želiš da poboljšaš svoj rezultat?",
+    goodScore: "Sjajan posao! Postigao si:",
+    perfectScore: "Neverovatno! Odgovorio si tačno na sva pitanja!"
+  },
+  share: {
+    timedTitle: "Postigao sam {{scorePercentage}}% na ovom kvizu za {{time}}!",
+    title: "Postigao sam {{scorePercentage}}% na ovom kvizu!",
+    timedBody: "Postigao sam {{scorePercentage}}% na kvizu {{titleQuiz}} za {{time}}! {{hashtags}}",
+    body: "Postigao sam {{scorePercentage}}% na kvizu {{titleQuiz}}! {{hashtags}}"
+  },
+  headline: "Kviz",
+  youDidItFor: "Uradio si to za",
+  thanksForPlaying: "Hvala što si učestvovao!",
+  question: "Pitanje",
+  yourAnswer: "Tvoj odgovor:",
+  correctAnswer: "Tačan odgovor:",
+  results: "Rezultati",
+  answers: "Odgovori",
+  maxAttemptsReached: "Dostignut je maksimallan broj pokušaja! Tvoj rezultat je:",
+  youWon: "Pobedio si",
+  quizNotFound: "Kviz nije pronađen",
+  quizNotFoundDescription: "Klasični kviz nije mogao biti pronađen."
+}, i = {
+  signIn: "Prijavite se da biste igrali",
+  additional: "Dodatno",
+  labels: {
+    min: "min",
+    sec: "sek",
+    points: "poena",
+    iAgreeToThe: "Slažem se sa",
+    andThe: "i sa"
+  },
+  authentication: {
+    accessRequired: "Spremni za igru?",
+    invalidOrMissingAuth: "Kreirajte besplatan nalog i uključite se u igru!"
+  },
+  error: {
+    title: "Nije moguće obraditi zahtev",
+    message: "Trenutno imamo problema sa obradom vašeg zahteva. Molimo pokušajte ponovo za trenutak."
+  },
+  rules: {
+    title: "Pravila",
+    close: "Zatvori",
+    info: "Pogledaj pravila"
+  }
+}, o = {
+  header: {
+    title: "Popuni i učestvuj da pobediš!",
+    description: "Popuni obrazac i učestvuj u tomboli da pobediš fantastičnu nagradu!"
+  },
+  buttons: {
+    submit: "Pošalji"
+  },
+  form: {
+    success: "Obrazac je uspešno poslat",
+    error: "Greška pri slanju obrasca. Molimo pokušajte ponovo.",
+    fullName: "Ime i prezime",
+    fullNamePlaceholder: "Unesite svoje ime i prezime",
+    firstName: "Ime",
+    firstNamePlaceholder: "Unesite svoje ime",
+    lastName: "Prezime",
+    lastNamePlaceholder: "Unesite svoje prezime",
+    email: "Email",
+    phone: "Telefon",
+    phonePlaceholder: "Vaš broj telefona",
+    gender: "Pol",
+    genderPlaceholder: "Izaberite pol",
+    genderOptions: {
+      male: "Muški",
+      female: "Ženski",
+      other: "Ostalo",
+      notSay: "Preferiram da ne kažem"
+    },
+    country: "Zemlja",
+    countryPlaceholder: "Izaberite zemlju sa liste",
+    privacyPolicy: "Politikom privatnosti",
+    termsAndConditions: "Uslovima korišćenja"
+  },
+  success: {
+    title: "Obrazac je uspešno poslat!",
+    subtitle: "Hvala vam na učešću.",
+    description: "Bićete obavešteni ako pobedite nagradu u roku od 3 radna dana."
+  }
+}, t = {
+  buttons: {
+    vote: "Glasaj",
+    start: "Počni anketu",
+    voteAgain: "Glasaj ponovo",
+    share: "Podeli rezultat",
+    tryAgain: "Pokušaj ponovo",
+    continue: "Nastavi"
+  },
+  headline: "Anketa",
+  pollNotFound: "Anketa nije pronađena",
+  pollNotFoundDescription: "Anketa nije mogla biti pronađena.",
+  totalVotes: "ukupno glasova"
+}, r = {
+  buttons: {
+    finish: "Završi kviz",
+    start: "Počni kviz",
+    playAgain: "Igraj ponovo",
+    next: "Sledeće pitanje",
+    tryAgain: "Pokušaj ponovo",
+    continue: "Nastavi"
+  },
+  headline: "Kviz",
+  thanksForPlaying: "Hvala što ste učestvovali!",
+  quizNotFound: "Kviz nije pronađen",
+  quizNotFoundDescription: "Kviz ličnosti nije mogao biti pronađen.",
+  personalityResults: {
+    match: "{{percent}}% poklapanja",
+    noAdditionalInfo: "Nema dodatnih informacija."
+  }
+}, n = {
+  buttons: {
+    start: "Počni",
+    tryAgain: "Pokušaj ponovo",
+    play: "Igraj",
+    back: "Nazad",
+    next: "Sledeće",
+    close: "Zatvori",
+    save: "Sačuvaj"
+  },
+  countdown: {
+    participationTimeLeft: "Preostalo vreme za učešće",
+    days: "dana",
+    hours: "sati",
+    minutes: "minuta",
+    seconds: "sekundi",
+    daysShort: "d",
+    hoursShort: "sa",
+    minutesShort: "m",
+    secondsShort: "s"
+  },
+  fixtures: {
+    correctScoreFixtureTitle: "Kakav će biti konačan rezultat?",
+    correctScoreFixtureTitleHT: "Kakav će biti rezultat na poluvremenu?",
+    oneXTwoFixtureTitle: "Ko će pobediti?",
+    oneXTwoFixtureTitleHT: "Ko će pobediti posle poluvremena?",
+    cornersFixtureTitle: "Koliko će biti kornera u utakmici?",
+    overGoalsFixtureTitle: "Da li će biti preko {{threshold}} golova?",
+    overCornersFixtureTitle: "Da li će biti preko {{threshold}} kornera?",
+    redCardFixtureTitle: "Da li će biti crvenih kartona u utakmici?",
+    penaltyFixtureTitle: "Da li će biti penala u utakmici?",
+    playerScoreFixtureTitle: "Ko će dati gol?",
+    playerYellowCardFixtureTitle: "Ko će dobiti žuti karton?",
+    playerRedCardFixtureTitle: "Ko će dobiti crveni karton?",
+    playerScoreFirstGoalFixtureTitle: "Ko će dati prvi gol?",
+    playerScoreHattrickFixtureTitle: "Ko će dati het-trik?",
+    playerScoreTwiceFixtureTitle: "Ko će dati dva gola?",
+    goalkeepers: "Golmani",
+    defenders: "Odbrana",
+    midfielders: "Vezni red",
+    attackers: "Napad",
+    ownGoal: "Autogol",
+    noGoalWillBeScored: "Neće biti dat nijedan gol u utakmici",
+    yes: "Da",
+    no: "Ne",
+    over: "Preko",
+    under: "Ispod",
+    draw: "Nerešeno"
+  },
+  headline: "Kviz utakmice",
+  summary: {
+    title: "Rezime",
+    market: "Tržište",
+    prediction: "Predikcija",
+    action: "Akcija",
+    editPrediction: "Izmeni Predikciju"
+  },
+  states: {
+    pending: {
+      title: "Pripremi se za Igru!",
+      description: "Ovaj uzbudljivi kviz utakmice će se uskoro otvoriti. Budi prvi koji će napraviti svoje predikcije kada bude uživo!"
+    },
+    live: {
+      title: "Igra je Uživo!",
+      description: "Igra je počela i predikcije su sada zatvorene. Vrati se nakon igre za rezultate!",
+      indicator: "UŽIVO"
+    },
+    closed: {
+      title: "Igra Završena",
+      description: "Igra je završena i računamo rezultate. Rezultati će biti dostupni uskoro!"
+    },
+    open: {
+      title: "Igra je zatvorena za predikcije!",
+      description: "Vreme za pravljenje predikcija je isteklo, ali još uvek možeš da pratiš akciju uživo!"
+    }
+  },
+  points: {
+    earnPointsForCorrect: "Zaradite {{points}} poena za tačnu predikciju",
+    earnPointsForCompletelyCorrect: "Zaradite {{points}} poena za potpuno tačnu predikciju",
+    canAlsoEarnForPartial: "Možete takođe zaraditi poene za delimična poklapanja:",
+    pts: "poen",
+    alternatives: {
+      correctOutcome1X2: "Tačan ishod utakmice (Pobeda/Nerešeno/Poraz)",
+      correctHomeGoals: "Tačni golovi domaćeg tima",
+      correctAwayGoals: "Tačni golovi gostujućeg tima",
+      correctGoalDifference: "Tačna gol razlika"
+    }
+  },
+  leaderboard: {
+    title: "Rang lista",
+    position: "Pozicija",
+    name: "Ime",
+    points: "Poeni",
+    you: "Vi",
+    pagination: "Strana {{currentPage}} od {{totalPages}} ukupno {{totalUsers}} korisnika",
+    noLeaderboardAvailable: "Nema dostupne rang liste"
+  },
+  alerts: {
+    play: {
+      success: {
+        title: "Ušli ste!",
+        message: "Vaša predviđanja su sačuvana. Srećno!"
+      },
+      error: {
+        title: "To nije prošlo",
+        message: "Izgleda da je došlo do problema. Vaši izbori su bezbedni—pokušajte ponovo za trenutak."
+      }
+    }
+  },
+  results: "Rezultati",
+  predictions: "Predviđanja",
+  fixture: "Utakmica",
+  yourPrediction: "Vaše predviđanje:",
+  correctPrediction: "Tačno predviđanje:",
+  earnedPoints: "Osvojeni poeni",
+  playerPredictions: "Predviđanja igrača",
+  noPredictions: {
+    title: "Spremni za sledeću igru?",
+    description: "Preskočili ste ovu, ali uvek postoji nova prilika da pokažete svoje veštine predviđanja!"
+  },
+  matchQuizNotFound: "Kviz utakmice nije pronađen",
+  matchQuizNotFoundDescription: "Kviz utakmice nije mogao biti pronađen."
+}, s = {
+  buttons: {
+    start: "Početak",
+    tryAgain: "Pokušaj ponovo",
+    play: "Igraj",
+    back: "Nazad",
+    next: "Sledeće",
+    save: "Sačuvaj",
+    close: "Zatvori"
+  },
+  countdown: {
+    participationTimeLeft: "Preostalo vreme za učešće",
+    days: "dana",
+    hours: "sati",
+    minutes: "minuta",
+    seconds: "sekundi",
+    daysShort: "d",
+    hoursShort: "s",
+    minutesShort: "m",
+    secondsShort: "s"
+  },
+  headline: "Događaj",
+  summary: {
+    title: "Rezime",
+    prediction: "Predviđanje"
+  },
+  fixtures: {
+    textInputPlaceholder: "Unesite svoj odgovor...",
+    textSelectPlaceholder: "Izaberite opciju...",
+    numberRangeDescription: "Unesite vrednost između {{min}} i {{max}}",
+    numberMinDescription: "Unesite vrednost {{min}} ili veću",
+    numberMaxDescription: "Unesite vrednost {{max}} ili manju",
+    yes: "Da",
+    no: "Ne"
+  },
+  states: {
+    pending: {
+      title: "Pripremite se za igru!",
+      description: "Ovaj kviz utakmice će se uskoro otvoriti. Budite prvi koji će napraviti svoja predviđanja kada bude uživo!"
+    },
+    live: {
+      title: "Igra je uživo!",
+      description: "Igra je počela i predviđanja su sada zatvorena. Vratite se posle igre za rezultate!",
+      indicator: "UŽIVO"
+    },
+    closed: {
+      title: "Igra je završena",
+      description: "Igra je završena i računamo rezultate. Rezultati će biti dostupni uskoro!"
+    },
+    open: {
+      title: "Igra je zatvorena za predviđanja!",
+      description: "Vreme za predviđanja je isteklo, ali još uvek možete pratiti akciju utakmice uživo!"
+    }
+  },
+  points: {
+    earnPointsForCorrect: "Osvojite {{points}} poena za tačno predviđanje",
+    pts: "poen"
+  },
+  leaderboard: {
+    title: "Rang lista",
+    position: "Pozicija",
+    name: "Ime",
+    points: "Poeni",
+    you: "Vi",
+    pagination: "Strana {{currentPage}} od {{totalPages}} ukupno {{totalUsers}} korisnika",
+    noLeaderboardAvailable: "Nema dostupne rang liste"
+  },
+  alerts: {
+    play: {
+      success: {
+        title: "Uspešno ste se prijavili!",
+        message: "Vaša predviđanja su sačuvana. Srećno!"
+      },
+      error: {
+        title: "To nije prošlo",
+        message: "Izgleda da postoji problem. Vaši izbori su bezbedni—pokušajte ponovo za trenutak."
+      }
+    }
+  },
+  predictions: "Predviđanja",
+  yourPrediction: "Vaše predviđanje:",
+  correctPrediction: "Tačno predviđanje:",
+  earnedPoints: "Osvojeni poeni",
+  noPredictions: {
+    title: "Spremni za sledeću igru?",
+    description: "Preskočili ste ovu, ali uvek postoji nova prilika da pokažete svoje veštine predviđanja!"
+  },
+  eventGameNotFound: "Igra događaja nije pronađena",
+  eventGameNotFoundDescription: "Igra događaja nije mogla biti pronađena."
+}, l = {
+  metadata: e,
+  classicQuiz: a,
+  common: i,
+  leads: o,
+  poll: t,
+  personalityQuiz: r,
+  matchQuiz: n,
+  eventGame: s
+};
+export {
+  a as classicQuiz,
+  i as common,
+  l as default,
+  s as eventGame,
+  o as leads,
+  n as matchQuiz,
+  e as metadata,
+  r as personalityQuiz,
+  t as poll
+};

package/packages/common/src/providers/ConstantsProvider.js

@@ -0,0 +1,29 @@
+import { j as l } from "../../../../node_modules/react/jsx-runtime.js";
+import { createContext as s } from "react";
+const a = s({
+  shadowRootElement: null,
+  leadPhoneCountryCode: null,
+  language: null,
+  optionsLayout: null
+}), m = ({
+  shadowRootElement: o,
+  leadPhoneCountryCode: t,
+  language: n = "en",
+  optionsLayout: e,
+  children: r
+}) => /* @__PURE__ */ l.jsx(
+  a.Provider,
+  {
+    value: {
+      shadowRootElement: o,
+      leadPhoneCountryCode: t,
+      language: n,
+      optionsLayout: e
+    },
+    children: r
+  }
+);
+export {
+  a as ConstantsContext,
+  m as ConstantsProvider
+};

package/packages/common/src/providers/ContainerProvider.js

@@ -0,0 +1,35 @@
+import { j as m } from "../../../../node_modules/react/jsx-runtime.js";
+import { createContext as x, useState as a, useEffect as h } from "react";
+import { useConstantContext as l } from "../hooks/useConstantContext.js";
+const d = x({
+  containerWidth: 0,
+  isContainerDetected: !1
+}), b = ({
+  children: t,
+  containerRef: n
+}) => {
+  const { containerWidth: e, isContainerDetected: o } = v(n);
+  return /* @__PURE__ */ m.jsx(d.Provider, { value: { containerWidth: e, isContainerDetected: o }, children: t });
+}, v = (t) => {
+  const [n, e] = a(0), [o, i] = a(!1);
+  return h(() => {
+    const r = t.current;
+    if (!r) return;
+    const s = new ResizeObserver((C) => {
+      for (const u of C) {
+        const { width: f } = u.contentRect;
+        e(f), i(!0);
+      }
+    });
+    s.observe(r);
+    const c = r.getBoundingClientRect().width;
+    return e(c), i(c > 0), () => {
+      s.disconnect();
+    };
+  }, [t]), { containerWidth: n, isContainerDetected: o };
+}, j = () => l(d);
+export {
+  b as ContainerProvider,
+  j as useContainerContext,
+  v as useContainerDetection
+};

package/packages/common/src/providers/FontProvider.js

@@ -0,0 +1,25 @@
+import { useEffect as d } from "react";
+const u = ({ fonts: l }) => (d(() => {
+  const i = document.querySelectorAll(
+    'link[data-font-loader="true"]'
+  ), o = Array.from(i).map(
+    (t) => t.getAttribute("data-font-family")
+  );
+  l.forEach((t) => {
+    var r;
+    if (!o.includes(t.family))
+      if (t.url) {
+        const e = document.createElement("link");
+        e.href = t.url, e.rel = "stylesheet", e.setAttribute("data-font-loader", "true"), e.setAttribute("data-font-family", t.family), document.head.appendChild(e);
+      } else {
+        const e = ((r = t.weights) == null ? void 0 : r.join(";")) || "400;700", s = t.display || "swap", n = `https://fonts.googleapis.com/css2?family=${t.family.split(",")[0].trim().replace(/['"]/g, "").replace(
+          / /g,
+          "+"
+        )}:wght@${e}&display=${s}`, a = document.createElement("link");
+        a.href = n, a.rel = "stylesheet", a.setAttribute("data-font-loader", "true"), a.setAttribute("data-font-family", t.family), document.head.appendChild(a);
+      }
+  });
+}, [l]), null);
+export {
+  u as default
+};

package/packages/common/src/providers/ThemeProvider.js

@@ -0,0 +1,80 @@
+import { j as n } from "../../../../node_modules/react/jsx-runtime.js";
+import E, { useMemo as c } from "react";
+import L from "./FontProvider.js";
+import { createEnhancedTheme as T } from "../functions/theme.js";
+import { CssVarsProvider as k, useColorScheme as R } from "../../../../node_modules/@mui/joy/styles/CssVarsProvider.js";
+const a = (s, o) => {
+  const r = [300, 400, 500, 700], e = "swap";
+  return s ? typeof s == "string" ? { family: s, weights: r, display: e } : {
+    family: s.family,
+    url: s.url,
+    weights: s.weights || r,
+    display: s.display || e
+  } : { family: o, weights: r, display: e };
+}, g = ({ mode: s }) => {
+  const { mode: o, setMode: r } = R();
+  return E.useEffect(() => {
+    s && o !== s && r(s);
+  }, [s, r]), null;
+}, N = ({
+  children: s,
+  shadowRootElement: o,
+  customTheme: r,
+  mode: e = "light",
+  modeStorageKey: i = "theme-mode"
+}) => {
+  const l = c(
+    () => ({
+      ...r,
+      mode: e,
+      modeStorageKey: i
+    }),
+    [r, e, i]
+  ), m = c(
+    () => T(l),
+    [l]
+  ), t = m, j = c(() => {
+    var f, u, d, h, y, p, F, x;
+    return [
+      a(
+        (u = (f = t.customFontFamily) == null ? void 0 : f.light) == null ? void 0 : u.primary,
+        "Ubuntu, sans-serif"
+      ),
+      a(
+        (h = (d = t.customFontFamily) == null ? void 0 : d.light) == null ? void 0 : h.secondary,
+        "Roboto, sans-serif"
+      ),
+      a(
+        (p = (y = t.customFontFamily) == null ? void 0 : y.dark) == null ? void 0 : p.primary,
+        "Ubuntu, sans-serif"
+      ),
+      a(
+        (x = (F = t.customFontFamily) == null ? void 0 : F.dark) == null ? void 0 : x.secondary,
+        "Roboto, sans-serif"
+      )
+    ].filter(
+      (b, M, w) => M === w.findIndex((C) => C.family === b.family)
+    );
+  }, [t]);
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(L, { fonts: j }),
+    /* @__PURE__ */ n.jsxs(
+      k,
+      {
+        theme: m,
+        colorSchemeNode: o,
+        defaultMode: e,
+        modeStorageKey: i,
+        disableTransitionOnChange: !1,
+        attribute: "data-joy-color-scheme",
+        children: [
+          /* @__PURE__ */ n.jsx(g, { mode: e }),
+          s
+        ]
+      }
+    )
+  ] });
+};
+export {
+  N as default
+};