@streamlayer/react-ui 0.5.7 → 0.22.0

package/lib/utils/storage.js

@@ -0,0 +1,36 @@
+var n = Object.defineProperty;
+var o = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var r = (s, t, e) => (o(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { Storage as a } from "@streamlayer/sdk-web-storage";
+class c extends a {
+  constructor() {
+    super("dev");
+    // Schema
+    r(this, "setSchema", (e) => {
+      this.write("schema", e);
+    });
+    r(this, "getSchema", () => this.read(
+      "schema"
+      /* SCHEMA */
+    ));
+    // Token
+    r(this, "setToken", (e) => {
+      this.write("token", e);
+    });
+    r(this, "getToken", () => this.read(
+      "token"
+      /* TOKEN */
+    ));
+    // Event
+    r(this, "setEvent", (e) => {
+      this.write("event", e);
+    });
+    r(this, "getEvent", () => this.read(
+      "event"
+      /* EVENT */
+    ));
+  }
+}
+export {
+  c as DeveloperStorage
+};

package/lib/utils/useStreamLayerApp.js

@@ -0,0 +1,25 @@
+import { StreamLayer as a } from "@streamlayer/sdk-web";
+import { useState as i, useEffect as u } from "react";
+const d = (t, r, n) => {
+  const [f, c] = i(null);
+  return u(() => {
+    let s = !1;
+    if (!t)
+      throw new Error("sdk key should be provided");
+    const o = a(t, n);
+    if (r)
+      for (const e of r)
+        o.use(e);
+    return o.ready().then((e) => {
+      s || c(e.sdk);
+    }).catch((e) => console.log(e)), () => {
+      s = !0, o.close(function(e) {
+        if (e)
+          throw e;
+      });
+    };
+  }, [t, n]), f;
+};
+export {
+  d as useStreamLayerApp
+};

package/package.json

@@ -1,38 +1,64 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.5.7",
+  "version": "0.22.0",
   "type": "module",
   "main": "./src/index.js",
-  "typings": "./src/index.d.ts",
+  "typings": "./lib/index.d.ts",
   "exports": {
-    "import": "./src/index.js",
-    "default": "./src/index.js"
+    ".": {
+      "import": "./lib/index.js",
+      "default": "./lib/index.js",
+      "types": "./lib/index.d.js"
+    },
+    "./*": {
+      "import": "./lib/*/index.js",
+      "default": "./lib/*/index.js",
+      "types": "./lib/*/index.d.js"
+    }
   },
   "files": [
-    "src/"
+    "lib/",
+    "package.json"
   ],
-  "dependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
-    "@streamlayer/feature-gamification": "*",
-    "@streamlayer/sdk-web": "*",
-    "@streamlayer/sdk-web-anonymous-auth": "*",
-    "@streamlayer/sdk-web-core": "*",
-    "@streamlayer/sdk-web-interfaces": "*",
-    "@streamlayer/sdk-web-types": "*",
-    "react": "18.2.0",
-    "react-countdown-circle-timer": "^3.2.1",
-    "react-digit-input": "^2.1.0",
-    "react-dom": "18.2.0",
-    "react-phone-number-input": "^3.3.6"
+  "peerDependencies": {
+    "@streamlayer/sl-eslib": "*",
+    "@streamlayer/feature-gamification": "^0.13.1",
+    "@streamlayer/sdk-web": "^0.24.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.8.0",
+    "@streamlayer/sdk-web-core": "^0.9.0",
+    "@streamlayer/sdk-web-features": "^0.7.0",
+    "@streamlayer/sdk-web-api": "^0.17.0",
+    "@streamlayer/sdk-web-interfaces": "^0.16.1",
+    "@streamlayer/sdk-web-notifications": "^0.7.0",
+    "@streamlayer/sdk-web-storage": "^0.1.1",
+    "@streamlayer/sdk-web-types": "^0.1.0"
   },
   "devDependencies": {
+    "@connectrpc/connect": "^1.1.2",
+    "@connectrpc/connect-web": "^1.1.2",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+    "@linaria/babel-preset": "*",
+    "@linaria/core": "*",
+    "@linaria/esbuild": "*",
+    "@linaria/react": "*",
+    "@linaria/vite": "*",
     "@nanostores/react": "^0.7.1",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/jest": "~0.2.3",
     "@storybook/react": "^7.2.1",
     "@storybook/testing-library": "~0.2.0",
-    "vite-svg-loader": "^4.0.0"
-  },
-  "module": "./src/index.js"
-}
+    "esbuild-plugin-babel": "^0.2.3",
+    "glob": "^10.3.10",
+    "react": "*",
+    "react-auth-code-input": "^3.2.1",
+    "react-countdown-circle-timer": "^3.2.1",
+    "react-phone-number-input": "^3.3.6",
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "tslib": "^2.6.2",
+    "vite": "~4.5.0",
+    "vite-plugin-node-polyfills": "^0.15.0",
+    "vite-svg-loader": "^4.0.0",
+    "vite-tsconfig-paths": "^4.2.1"
+  }
+}

package/src/assets/icons/fedex.svg

@@ -1,7 +0,0 @@
-<svg width="68" height="22" viewBox="0 0 68 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Vector">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M56.6155 7.44146H50.7066L56.3072 13.8615L50.7066 20.2805H56.4357L59.1587 17.137L61.9068 20.2805H67.84L62.19 13.8348L67.7636 7.44146H62.0606L59.3897 10.5602L56.6155 7.44146ZM62.2721 7.91659L59.3964 11.2747L56.4092 7.91659H51.7446L56.9307 13.8615L51.7447 19.8054H56.2257L59.1571 16.4213L62.1156 19.8054H66.7987L61.566 13.8357L66.7261 7.91659H62.2721Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44.3635 7.44146V4.56406H50.7066V0.0559998H39.702V20.2805H50.7066V15.7601H44.3635V11.7794H50.7066V7.44146H44.3635ZM50.2408 7.91659H43.8978V4.08893H50.2408V0.531132H40.1678V19.8054H50.2408V16.2352H43.8978V11.3043H50.2408V7.91659Z" fill="white"/>
-<path d="M35.06 0.0559998V8.33281H35.0087C33.9803 7.12787 32.6966 6.70881 31.207 6.70881C28.1552 6.70881 25.8561 8.826 25.0493 11.6236C24.128 8.54092 21.7544 6.65084 18.2349 6.65084C15.3769 6.65084 13.1197 7.95936 11.9422 10.0918V7.44146H6.03416V4.56406H12.4815V0.0559998H0.768005V20.2805H6.03416V11.7794H11.2836C11.127 12.4037 11.0432 13.0727 11.0432 13.7788C11.0432 17.997 14.2031 20.958 18.2349 20.958C21.6258 20.958 23.8607 19.334 25.0419 16.374H20.5284C19.9183 17.2644 19.4553 17.5276 18.2349 17.5276C16.8199 17.5276 15.5995 16.2685 15.5995 14.7756H24.7894C25.1881 18.1262 27.7472 21.016 31.2582 21.016C32.773 21.016 34.1601 20.2558 35.0078 18.9729H35.059V20.2824H39.701L39.702 0.0559998H35.06ZM15.7467 11.8393C16.0392 10.5545 17.0164 9.71545 18.2358 9.71545C19.5782 9.71545 20.5051 10.5289 20.7492 11.8393C20.8517 11.8393 15.7467 11.8393 15.7467 11.8393ZM32.242 17.2016C30.5307 17.2016 29.4668 15.5748 29.4668 13.8767C29.4668 12.0617 30.3919 10.316 32.242 10.316C34.1601 10.316 34.924 12.0617 34.924 13.8767C34.924 15.5976 34.1144 17.2016 32.242 17.2016Z" fill="white"/>
-</g>
-</svg>

package/src/assets/icons/icon-check-green.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Check">
-<path id="Vector" d="M13.4315 3.18246L5.53321 11.0808L1.99771 7.54527C1.54056 7.08811 0.799913 7.08811 0.342864 7.54527C-0.114288 8.00242 -0.114288 8.74307 0.342864 9.20011L4.70567 13.5629C4.93331 13.7906 5.23415 13.9063 5.53307 13.9063C5.83202 13.9063 6.13096 13.7924 6.36048 13.5629L15.0861 4.83731C15.5432 4.38016 15.5432 3.63951 15.0861 3.18246C14.629 2.72531 13.8884 2.72531 13.4312 3.18246H13.4315Z" fill="#00BD60"/>
-</g>
-</svg>

package/src/assets/icons/icon-check-white.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Checkmark">
-<path id="Selected" fill-rule="evenodd" clip-rule="evenodd" d="M24 12.002C24 18.6294 18.6274 24.002 12 24.002C5.37258 24.002 0 18.6294 0 12.002C0 5.37454 5.37258 0.00195312 12 0.00195312C18.6274 0.00195312 24 5.37454 24 12.002ZM17.4086 8.15357C16.94 7.68494 16.1802 7.68494 15.7116 8.15357L10.4072 14.9579L7.62573 13.1036C7.07429 12.736 6.32925 12.885 5.96163 13.4365C5.59401 13.9879 5.74301 14.7329 6.29445 15.1006L9.89445 17.5006C10.3704 17.8179 11.0041 17.7551 11.4086 17.3506L17.4086 9.85063C17.8772 9.382 17.8772 8.6222 17.4086 8.15357Z" fill="#FFFFFF"/>
-</g>
-</svg>

package/src/assets/icons/icon-check.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Checkmark">
-<path id="Selected" fill-rule="evenodd" clip-rule="evenodd" d="M24 12.002C24 18.6294 18.6274 24.002 12 24.002C5.37258 24.002 0 18.6294 0 12.002C0 5.37454 5.37258 0.00195312 12 0.00195312C18.6274 0.00195312 24 5.37454 24 12.002ZM17.4086 8.15357C16.94 7.68494 16.1802 7.68494 15.7116 8.15357L10.4072 14.9579L7.62573 13.1036C7.07429 12.736 6.32925 12.885 5.96163 13.4365C5.59401 13.9879 5.74301 14.7329 6.29445 15.1006L9.89445 17.5006C10.3704 17.8179 11.0041 17.7551 11.4086 17.3506L17.4086 9.85063C17.8772 9.382 17.8772 8.6222 17.4086 8.15357Z" fill="#00BD60"/>
-</g>
-</svg>

package/src/assets/icons/icon-chevron.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Chevron">
-<path id="Chevron_2" d="M12 8.17222C12 8.28783 11.9781 8.39553 11.9342 8.49533C11.8903 8.59513 11.822 8.68992 11.7292 8.7797L6.36949 13.9439C6.21462 14.0965 6.02742 14.1729 5.80787 14.1729C5.65752 14.1729 5.52191 14.1379 5.40104 14.0679C5.28016 13.998 5.1831 13.9039 5.10986 13.7856C5.03662 13.6673 5 13.5345 5 13.3873C5 13.1721 5.08288 12.9818 5.24863 12.8164L10.0807 8.17095L5.24863 3.52799C5.08288 3.36425 5 3.17439 5 2.95841C5 2.81118 5.03662 2.67842 5.10986 2.56013C5.1831 2.44183 5.28016 2.34771 5.40104 2.27777C5.52191 2.20782 5.65752 2.17285 5.80787 2.17285C6.02742 2.17285 6.21462 2.24731 6.36949 2.39624L11.7292 7.56473C11.8211 7.65451 11.889 7.74909 11.9329 7.84846C11.9768 7.94784 11.9991 8.05576 12 8.17222Z" fill="#FFFFFF"/>
-</g>
-</svg>

package/src/assets/icons/icon-circle-arrow-right.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 -2.43189e-06C18.6274 -2.72158e-06 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 8.1423e-07 18.6274 5.24537e-07 12C2.34843e-07 5.37258 5.37258 -2.14219e-06 12 -2.43189e-06ZM11.9999 22.5883C17.8476 22.5883 22.5881 17.8478 22.5881 12.0001C22.5881 6.15238 17.8476 1.41187 11.9999 1.41187C6.15217 1.41187 1.41166 6.15239 1.41166 12.0001C1.41166 17.8478 6.15217 22.5883 11.9999 22.5883Z" fill="white"/>
-<path d="M10.8547 7.5429C10.524 7.23657 10.0131 7.23657 9.68243 7.5429C9.31416 7.88401 9.31384 8.46633 9.68174 8.80784L13.1206 12L9.68175 15.1922C9.31384 15.5337 9.31416 16.116 9.68243 16.4571C10.0131 16.7634 10.524 16.7634 10.8547 16.4571L14.9802 12.6358C15.3505 12.2928 15.3505 11.7072 14.9802 11.3642L10.8547 7.5429Z" fill="white"/>
-</svg>

package/src/assets/icons/icon-close.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="0.00195312" width="24" height="24" rx="12" fill="#F80022"/>
-<rect x="8.25" y="7.00195" width="12.3744" height="1.76777" rx="0.883884" transform="rotate(45 8.25 7.00195)" fill="white"/>
-<rect x="7" y="15.752" width="12.3744" height="1.76777" rx="0.883884" transform="rotate(-45 7 15.752)" fill="white"/>
-</svg>

package/src/assets/icons/icon-cross.svg

@@ -1,6 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 465">
-<rect id="Rectangle 368" x="2" y="0.506104" width="16.4992" height="2.35702" rx="1.17851" transform="rotate(45 2 0.506104)" fill="#9e0a1f"/>
-<rect id="Rectangle 369" x="0.333008" y="12.1729" width="16.4992" height="2.35702" rx="1.17851" transform="rotate(-45 0.333008 12.1729)" fill="#9e0a1f"/>
-</g>
-</svg>

package/src/assets/icons/icon-exit.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect width="24" height="24" rx="12" fill="white" fill-opacity="0.1"/>
-  <rect x="8.25" y="7" width="12.3744" height="1.76777" rx="0.883884" transform="rotate(45 8.25 7)" fill="white"/>
-  <rect x="7" y="15.75" width="12.3744" height="1.76777" rx="0.883884" transform="rotate(-45 7 15.75)" fill="white"/>
-</svg>

package/src/assets/icons/icon-poll.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Poll">
-<path id="Notification/Icon/Poll" fill-rule="evenodd" clip-rule="evenodd" d="M9.7778 1.68421V5.05263H13.3333C13.8243 5.05263 14.2222 4.67561 14.2222 4.21053V2.52632C14.2222 2.06123 13.8243 1.68421 13.3333 1.68421H9.7778ZM2.66667 0C1.19391 0 0 1.13107 0 2.52632V4.21053C0 5.60577 1.19391 6.73684 2.66667 6.73684H13.3333C14.8061 6.73684 16 5.60577 16 4.21053V2.52632C16 1.13107 14.8061 0 13.3333 0H2.66667ZM4.44446 10.9473H13.3333C13.8243 10.9473 14.2222 11.3243 14.2222 11.7894V13.4736C14.2222 13.9387 13.8243 14.3157 13.3333 14.3157H4.44446V10.9473ZM0 11.7894C0 10.3942 1.19391 9.2631 2.66667 9.2631H13.3333C14.8061 9.2631 16 10.3942 16 11.7894V13.4736C16 14.8689 14.8061 15.9999 13.3333 15.9999H2.66667C1.19391 15.9999 0 14.8689 0 13.4736V11.7894Z" fill="white" fill-opacity="0.5"/>
-</g>
-</svg>

package/src/assets/icons/icon-prediction.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Icon/Notification/Prediciton">
-<path id="Icon/Prediction" fill-rule="evenodd" clip-rule="evenodd" d="M16 7.00522C16 7.00522 9.20048 6.81607 9.20048 0C9.20048 6.36168 3.27729 6.95056 2.48756 7.00078L2.40094 7.00522C2.40094 7.00522 9.20048 7.19435 9.20048 14.0104C9.20048 7.64877 15.1234 7.05989 15.9131 7.00964L16 7.00522ZM6.97382 12.5652C6.97382 12.5652 3.48691 12.4724 3.48691 9.13033C3.48691 12.2496 0.449402 12.5384 0.0444186 12.563L0 12.5652C0 12.5652 3.48691 12.6579 3.48691 16C3.48691 12.8807 6.52429 12.592 6.92927 12.5673L6.97382 12.5652Z" fill="white" fill-opacity="0.5"/>
-</g>
-</svg>

package/src/assets/icons/icon-thumb-down.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
-    <path d="M5.5 2.78867V12.4137C5.5 13.1729 4.88426 13.75 4.125 13.75H1.375C0.615742 13.75 0 13.1343 0 12.4137V2.82734C0 2.06808 0.615742 1.49102 1.375 1.49102H4.125C4.88555 1.41367 5.5 1.99375 5.5 2.78867ZM22 12.3707C22 13.5094 21.077 14.4323 19.9375 14.4323H13.6426C14.621 16.0613 15.1259 17.9077 15.1259 18.5582C15.125 19.5714 14.3301 20.625 12.998 20.625C10.2854 20.625 11.8654 17.3529 8.34883 14.5406L7.64844 13.982C7.14141 13.5738 6.88359 12.9766 6.8793 12.375C6.87829 12.374 6.8793 12.375 6.8793 12.375L6.875 5.5C6.875 4.85117 7.18064 4.23973 7.7 3.85043L9.16695 2.75086C10.3555 1.85625 11.8035 1.375 13.2902 1.375H15.8125C16.952 1.375 17.875 2.29754 17.875 3.43664C17.875 3.59283 17.8544 3.74357 17.8215 3.88996C18.6484 4.15937 19.25 4.92422 19.25 5.84375C19.25 6.23683 19.1341 6.60043 18.9432 6.91281C19.8988 7.08984 20.625 7.92773 20.625 8.9332C20.625 9.47031 20.4148 9.955 20.0784 10.322C21.1492 10.3941 22 11.2793 22 12.3707Z" fill="white"/>
-  </svg>

package/src/assets/icons/icon-trivia.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Icon/Notification/Trivia">
-<path id="Notification/Icon/Trivia" fill-rule="evenodd" clip-rule="evenodd" d="M2.01663 1.3808C0.739913 1.55586 -0.153153 2.73276 0.021912 4.00948L1.3808 13.9196C1.55586 15.1963 2.73276 16.0894 4.00948 15.9143L13.9196 14.5554C15.1963 14.3803 16.0894 13.2034 15.9143 11.9267L14.5554 2.01663C14.3803 0.739913 13.2034 -0.153153 11.9267 0.021912L2.01663 1.3808ZM9.59613 3.788C9.11431 3.46991 8.47813 3.30151 7.7566 3.30151C7.54377 3.30151 7.32625 3.31671 7.10872 3.34478C6.38836 3.44067 5.68901 3.79034 5.18965 4.30138C4.68445 4.82062 4.4377 5.45563 4.51722 6.04151C4.57452 6.4742 4.90078 6.7537 5.34635 6.7537C5.39429 6.7537 5.44341 6.7502 5.49136 6.74435C6.08778 6.66483 6.21642 6.25436 6.34036 5.85675L6.34045 5.85648C6.48192 5.40401 6.61534 4.97731 7.38585 4.87444C7.46537 4.86391 7.54138 4.85806 7.61506 4.85806C8.16939 4.85806 8.51436 5.15042 8.58454 5.68252C8.65353 6.20293 8.24307 6.61807 7.80684 7.0566L7.80393 7.05954C7.31582 7.55231 6.7639 8.1095 6.86895 8.90083C6.89585 9.10548 6.9859 9.29493 7.12272 9.43644C7.27826 9.599 7.4829 9.68436 7.71331 9.68436C7.75541 9.68436 7.79868 9.68203 7.84311 9.67618C8.46691 9.59324 8.55162 9.23139 8.63338 8.8821L8.63365 8.88097L8.63661 8.86859C8.66723 8.7403 8.69877 8.60813 8.75995 8.48804C8.84649 8.31613 9.06283 8.11265 9.31428 7.87875C9.9142 7.31858 10.734 6.55143 10.582 5.41589C10.4872 4.70603 10.1551 4.15757 9.59611 3.78802L9.59613 3.788ZM8.11605 10.28C8.06927 10.28 8.02132 10.2836 7.97454 10.2894C7.38396 10.3689 6.96765 10.9127 7.04599 11.5033C7.11733 12.0377 7.57808 12.4412 8.1172 12.4412C8.16397 12.4412 8.21192 12.4377 8.25987 12.4318C8.85045 12.3523 9.2656 11.8085 9.18842 11.2179C9.11591 10.6823 8.65517 10.28 8.11605 10.28Z" fill="white" fill-opacity="0.5"/>
-</g>
-</svg>

package/src/assets/icons/icon-trophy-green.svg

@@ -1,5 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g id="Trophy">
-      <path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M2.76916 3.50002C2.76916 4.49786 2.94705 5.38348 3.30282 6.15692C2.62493 6.01847 2.05883 5.74872 1.6045 5.34768C1.15017 4.94663 0.923008 4.55992 0.923008 4.18752V3.50002H2.76916ZM11.0768 3.50002V4.18752C11.0768 4.55992 10.8497 4.94663 10.3953 5.34768C9.941 5.74872 9.3749 6.01847 8.69701 6.15692C9.05278 5.38348 9.23066 4.49786 9.23066 3.50002H11.0768ZM12 4.1875V3.27083C12 3.07986 11.9327 2.91754 11.7981 2.78385C11.6635 2.65017 11.5 2.58333 11.3077 2.58333H9.23077V1.89583C9.23077 1.58073 9.11779 1.31098 8.89183 1.08659C8.66586 0.862195 8.39423 0.75 8.07692 0.75H3.92308C3.60577 0.75 3.33414 0.862195 3.10817 1.08659C2.88221 1.31098 2.76923 1.58073 2.76923 1.89583V2.58333H0.692308C0.499999 2.58333 0.336539 2.65017 0.201923 2.78385C0.067307 2.91754 0 3.07986 0 3.27083V4.1875C0 4.52648 0.0997586 4.86784 0.299279 5.21159C0.498799 5.55534 0.768027 5.86567 1.10697 6.14258C1.44592 6.41949 1.86178 6.65223 2.35457 6.84082C2.84736 7.02941 3.36538 7.13563 3.90865 7.15951C4.11058 7.41732 4.33894 7.6441 4.59375 7.83984C4.77644 8.00217 4.90264 8.17524 4.97236 8.35905C5.04207 8.54286 5.07692 8.75651 5.07692 9C5.07692 9.25781 5.00361 9.47504 4.85697 9.65169C4.71034 9.82834 4.47596 9.91667 4.15385 9.91667C3.79327 9.91667 3.47236 10.0253 3.19111 10.2425C2.90985 10.4597 2.76923 10.7331 2.76923 11.0625V11.5208C2.76923 11.5877 2.79087 11.6426 2.83413 11.6855C2.8774 11.7285 2.93269 11.75 3 11.75H9C9.06731 11.75 9.1226 11.7285 9.16586 11.6855C9.20913 11.6426 9.23077 11.5877 9.23077 11.5208V11.0625C9.23077 10.7331 9.09015 10.4597 8.80889 10.2425C8.52764 10.0253 8.20673 9.91667 7.84615 9.91667C7.52404 9.91667 7.28966 9.82834 7.14303 9.65169C6.99639 9.47504 6.92308 9.25781 6.92308 9C6.92308 8.75651 6.95793 8.54286 7.02764 8.35905C7.09736 8.17524 7.22356 8.00217 7.40625 7.83984C7.66106 7.6441 7.88942 7.41732 8.09135 7.15951C8.63462 7.13563 9.15264 7.02941 9.64543 6.84082C10.1382 6.65223 10.5541 6.41949 10.893 6.14258C11.232 5.86567 11.5012 5.55534 11.7007 5.21159C11.9002 4.86784 12 4.52648 12 4.1875ZM5.07033 5.38491L6.0383 4.87503L7.00627 5.38491L6.8214 4.30497L7.60451 3.54016L6.52228 3.3826L6.0383 2.40003L5.55431 3.3826L4.47209 3.54016L5.25519 4.30497L5.07033 5.38491Z" fill="white"/>
-    </g>
-  </svg>

package/src/assets/icons/icon-trophy.svg

@@ -1,5 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Trophy">
-<path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M2.76916 3.50002C2.76916 4.49786 2.94705 5.38348 3.30282 6.15692C2.62493 6.01847 2.05883 5.74872 1.6045 5.34768C1.15017 4.94663 0.923008 4.55992 0.923008 4.18752V3.50002H2.76916ZM11.0768 3.50002V4.18752C11.0768 4.55992 10.8497 4.94663 10.3953 5.34768C9.941 5.74872 9.3749 6.01847 8.69701 6.15692C9.05278 5.38348 9.23066 4.49786 9.23066 3.50002H11.0768ZM12 4.1875V3.27083C12 3.07986 11.9327 2.91754 11.7981 2.78385C11.6635 2.65017 11.5 2.58333 11.3077 2.58333H9.23077V1.89583C9.23077 1.58073 9.11779 1.31098 8.89183 1.08659C8.66586 0.862195 8.39423 0.75 8.07692 0.75H3.92308C3.60577 0.75 3.33414 0.862195 3.10817 1.08659C2.88221 1.31098 2.76923 1.58073 2.76923 1.89583V2.58333H0.692308C0.499999 2.58333 0.336539 2.65017 0.201923 2.78385C0.067307 2.91754 0 3.07986 0 3.27083V4.1875C0 4.52648 0.0997586 4.86784 0.299279 5.21159C0.498799 5.55534 0.768027 5.86567 1.10697 6.14258C1.44592 6.41949 1.86178 6.65223 2.35457 6.84082C2.84736 7.02941 3.36538 7.13563 3.90865 7.15951C4.11058 7.41732 4.33894 7.6441 4.59375 7.83984C4.77644 8.00217 4.90264 8.17524 4.97236 8.35905C5.04207 8.54286 5.07692 8.75651 5.07692 9C5.07692 9.25781 5.00361 9.47504 4.85697 9.65169C4.71034 9.82834 4.47596 9.91667 4.15385 9.91667C3.79327 9.91667 3.47236 10.0253 3.19111 10.2425C2.90985 10.4597 2.76923 10.7331 2.76923 11.0625V11.5208C2.76923 11.5877 2.79087 11.6426 2.83413 11.6855C2.8774 11.7285 2.93269 11.75 3 11.75H9C9.06731 11.75 9.1226 11.7285 9.16586 11.6855C9.20913 11.6426 9.23077 11.5877 9.23077 11.5208V11.0625C9.23077 10.7331 9.09015 10.4597 8.80889 10.2425C8.52764 10.0253 8.20673 9.91667 7.84615 9.91667C7.52404 9.91667 7.28966 9.82834 7.14303 9.65169C6.99639 9.47504 6.92308 9.25781 6.92308 9C6.92308 8.75651 6.95793 8.54286 7.02764 8.35905C7.09736 8.17524 7.22356 8.00217 7.40625 7.83984C7.66106 7.6441 7.88942 7.41732 8.09135 7.15951C8.63462 7.13563 9.15264 7.02941 9.64543 6.84082C10.1382 6.65223 10.5541 6.41949 10.893 6.14258C11.232 5.86567 11.5012 5.55534 11.7007 5.21159C11.9002 4.86784 12 4.52648 12 4.1875ZM5.07033 5.38491L6.0383 4.87503L7.00627 5.38491L6.8214 4.30497L7.60451 3.54016L6.52228 3.3826L6.0383 2.40003L5.55431 3.3826L4.47209 3.54016L5.25519 4.30497L5.07033 5.38491Z" fill="#F2C94C"/>
-</g>
-</svg>

package/src/index.d.ts

@@ -1,10 +0,0 @@
-export * from './lib/gamification/inapp';
-export * from './lib/gamification/login';
-export * from './lib/gamification/onboarding';
-export * from './lib/gamification/question';
-export * from './lib/gamification/question-list';
-export * from './lib/gamification/user-statistics';
-export * from './lib/gamification/vote';
-export * from './lib/demo';
-export * from './lib/theme';
-export * from './lib/theme/theme';

package/src/index.js

@@ -1,11 +0,0 @@
-export * from './lib/gamification/inapp';
-export * from './lib/gamification/login';
-export * from './lib/gamification/onboarding';
-export * from './lib/gamification/question';
-export * from './lib/gamification/question-list';
-export * from './lib/gamification/user-statistics';
-export * from './lib/gamification/vote';
-export * from './lib/demo';
-export * from './lib/theme';
-export * from './lib/theme/theme';
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/react-ui/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,oCAAoC,CAAA;AAClD,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

package/src/lib/demo/Gamification.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const GamificationComponent: React.FC<{
-    gamification: Gamification;
-    sdk: StreamLayerSDK;
-}>;

package/src/lib/demo/Gamification.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useStore } from '@nanostores/react';
-import { UserSummary, QuestionsList, Question, Notifications, InPlayGame } from './components';
-import { DemoContainer, DemoContainerNotifications, UserStatisticsContainer } from './styles';
-export const GamificationComponent = ({ gamification, sdk, }) => {
-    const onbordingComplete = useStore(gamification.onbordingComplete);
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const { slStreamId } = useStore(sdk.sdkStore);
-    if (slStreamId?.loading) {
-        return (_jsx(DemoContainer, { children: _jsx("div", { children: "Event is loading" }) }));
-    }
-    if (!slStreamId?.data) {
-        return (_jsx(DemoContainer, { children: _jsx("div", { children: "Event is forbidden" }) }));
-    }
-    if (!onbordingComplete) {
-        return (_jsx(DemoContainer, { children: _jsx(InPlayGame, { action: gamification.submitInplay }) }));
-    }
-    const openQuestion = (questionId) => {
-        gamification.openQuestion(questionId);
-    };
-    const closeQuestion = () => {
-        gamification.closeQuestion();
-    };
-    const vote = (questionId, answerId) => {
-        void gamification.submitAnswer(questionId, answerId);
-    };
-    return (_jsxs(DemoContainer, { children: [_jsx(DemoContainerNotifications, { children: _jsx(Notifications, { notificationsStore: sdk.getNotificationsStore(), openQuestion: openQuestion }) }), _jsx(UserStatisticsContainer, { children: gamification.userSummary && _jsx(UserSummary, { store: gamification.userSummary.getStore() }) }), gamification.questions && (_jsx(QuestionsList, { openQuestion: openQuestion, store: gamification.questions.getStore() })), gamification.openedQuestion && (_jsx(Question, { closeQuestion: closeQuestion, vote: vote, store: gamification.openedQuestion.getStore() }))] }));
-};
-//# sourceMappingURL=Gamification.js.map

package/src/lib/demo/Gamification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gamification.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/Gamification.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAkE,CAAC,EACnG,YAAY,EACZ,GAAG,GACJ,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;IAClE,6DAA6D;IAC7D,aAAa;IACb,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAE7C,IAAI,UAAU,EAAE,OAAO,EAAE;QACvB,OAAO,CACL,KAAC,aAAa,cACZ,6CAA2B,GACb,CACjB,CAAA;KACF;IAED,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE;QACrB,OAAO,CACL,KAAC,aAAa,cACZ,+CAA6B,GACf,CACjB,CAAA;KACF;IAED,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,UAAU,IAAC,MAAM,EAAE,YAAY,CAAC,YAAY,GAAI,GACnC,CACjB,CAAA;KACF;IAED,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC1C,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,aAAa,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE;QACpD,KAAK,YAAY,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IACtD,CAAC,CAAA;IAED,OAAO,CACL,MAAC,aAAa,eACZ,KAAC,0BAA0B,cACzB,KAAC,aAAa,IAAC,kBAAkB,EAAE,GAAG,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,YAAY,GAAI,GACnE,EAC7B,KAAC,uBAAuB,cACrB,YAAY,CAAC,WAAW,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAI,GAChE,EACzB,YAAY,CAAC,SAAS,IAAI,CACzB,KAAC,aAAa,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAI,CACxF,EACA,YAAY,CAAC,cAAc,IAAI,CAC9B,KAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,QAAQ,EAAE,GAAI,CACtG,IACa,CACjB,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/Login.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const LoginComponent: React.FC<{
-    sdk: StreamLayerSDK;
-}>;

package/src/lib/demo/Login.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Login } from '../gamification/login';
-export const LoginComponent = ({ sdk }) => {
-    const login = async (token) => {
-        try {
-            await sdk.authorizationBypass('streamlayer:streamlayer', token);
-        }
-        catch (err) {
-            console.log('login err', err);
-            throw err;
-        }
-    };
-    return _jsx(Login, { login: login, anonymousLogin: sdk.anonymousAuthorization, host: sdk.host });
-};
-//# sourceMappingURL=Login.js.map

package/src/lib/demo/Login.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/Login.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAsC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE;QACpC,IAAI;YACF,MAAM,GAAG,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA;SAChE;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;YAE7B,MAAM,GAAG,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC,sBAAsB,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CAAA;AAC5F,CAAC,CAAA"}

package/src/lib/demo/components/InPlayGame.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type InPlayGameType = {
-    action: () => void;
-};
-export declare const InPlayGame: React.FC<InPlayGameType>;
-export {};

package/src/lib/demo/components/InPlayGame.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Onboarding } from '../../gamification/onboarding';
-export const InPlayGame = ({ action }) => {
-    return _jsx(Onboarding, { action: action });
-};
-//# sourceMappingURL=InPlayGame.js.map

package/src/lib/demo/components/InPlayGame.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InPlayGame.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/InPlayGame.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAM1D,MAAM,CAAC,MAAM,UAAU,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjE,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;AACvC,CAAC,CAAA"}

package/src/lib/demo/components/Notifications.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { NotificationsStore } from '@streamlayer/sdk-web-core/notifications';
-export declare const Notifications: React.FC<{
-    notificationsStore: NotificationsStore;
-    openQuestion: (questionId: string) => void;
-}>;

package/src/lib/demo/components/Notifications.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useStore } from '@nanostores/react';
-import { useEffect, useRef, useState } from 'react';
-import { InApp } from '../../gamification/inapp';
-export const Notifications = ({ notificationsStore, openQuestion }) => {
-    const timeout = useRef();
-    const [lastNotification, setLastNotification] = useState();
-    const notifications = useStore(notificationsStore);
-    useEffect(() => {
-        if (notifications) {
-            setLastNotification(notifications[notifications.length - 1]?.data);
-            timeout.current = setTimeout(() => {
-                setLastNotification(undefined);
-            }, 5000);
-        }
-        return () => {
-            if (timeout.current) {
-                clearTimeout(timeout.current);
-            }
-        };
-    }, [notifications]);
-    if (!lastNotification?.question || !lastNotification?.notification) {
-        return null;
-    }
-    const closeInApp = () => {
-        if (timeout.current) {
-            clearTimeout(timeout.current);
-        }
-        setLastNotification(undefined);
-    };
-    const openVoiting = () => {
-        closeInApp();
-        openQuestion(lastNotification.question.id);
-    };
-    return (_jsx(InApp, { openVoiting: openVoiting, closeInApp: closeInApp, title: lastNotification.notification.title, icon: lastNotification.notification.image, color: lastNotification.notification.indicatorColor }));
-};
-//# sourceMappingURL=Notifications.js.map

package/src/lib/demo/components/Notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/Notifications.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,MAAM,CAAC,MAAM,aAAa,GAGrB,CAAC,EAAE,kBAAkB,EAAE,YAAY,EAAE,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,MAAM,EAAkB,CAAA;IACxC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAoC,CAAA;IAE5F,MAAM,aAAa,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;YAElE,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,mBAAmB,CAAC,SAAS,CAAC,CAAA;YAChC,CAAC,EAAE,IAAI,CAAC,CAAA;SACT;QAED,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;aAC9B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAI,CAAC,gBAAgB,EAAE,QAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,EAAE;QAClE,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;SAC9B;QAED,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,EAAE,CAAA;QACZ,YAAY,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,KAAK,EAC1C,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC,KAAK,EACzC,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,cAAc,GACnD,CACH,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/components/Question.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const Question: React.FC<{
-    store: ReturnType<Exclude<Gamification['openedQuestion'], undefined>['getStore']>;
-    closeQuestion: () => void;
-    vote: (questionId: string, answerId: string) => void;
-}>;

package/src/lib/demo/components/Question.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import styled from '@emotion/styled';
-import { useStore } from '@nanostores/react';
-import { useState, useCallback, useMemo } from 'react';
-import { Vote } from '../../gamification/vote';
-import { VotingHeader } from '../../gamification/vote/components/voting-header';
-import iconSponsorship from '../../../assets/icons/fedex.svg';
-const QuestionContainer = styled.div `
-  position: absolute;
-  top: 0;
-  background: ${(props) => props.theme.COLORS.BG_TRANSPARENT_ITEM};
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-
-  > div {
-    width: 100%;
-    background: #000;
-    animation: slidein 0.3s ease-in;
-  }
-
-  @keyframes slidein {
-    from {
-      transform: translateX(-100%);
-    }
-
-    to {
-      transform: translateX(0);
-    }
-  }
-`;
-export const Question = ({ store, closeQuestion, vote }) => {
-    const { data: openedQuestion } = useStore(store);
-    const [answerTimeExpired, setAnswerTimeExpired] = useState(false);
-    const setTimeToExpire = useCallback((flag) => {
-        setAnswerTimeExpired(flag);
-    }, [setAnswerTimeExpired]);
-    const questionAnswered = useMemo(() => openedQuestion?.answers.find((answer) => answer.youVoted === true), [openedQuestion]);
-    const hasCorrectAnswer = useMemo(() => !!openedQuestion?.answers.find((answer) => answer.correct === true), [openedQuestion]);
-    if (!openedQuestion) {
-        return null;
-    }
-    return (_jsx(QuestionContainer, { children: _jsxs("div", { children: [_jsx(VotingHeader, { points: questionAnswered?.points || 0, questionAnswered: !!questionAnswered, questionAnsweredCorrectly: questionAnswered?.correct, logo: iconSponsorship, closeQuestion: closeQuestion, setTimeToExpire: setTimeToExpire, questionType: openedQuestion.type }), _jsx("div", { children: _jsx(Vote, { title: openedQuestion.subject, feedbackMessages: openedQuestion.options?.options.value, questionType: openedQuestion.type, questionId: openedQuestion.id, questionAnswered: !!questionAnswered, questionAnsweredCorrectly: questionAnswered?.correct, options: openedQuestion.answers.map((answer) => ({
-                            id: answer.id,
-                            title: answer.text,
-                            icon: answer.icon,
-                            type: openedQuestion.type,
-                            correct: answer.correct,
-                            percentage: answer.percentage,
-                            answered: answer.youVoted,
-                            disabled: !!questionAnswered || openedQuestion.marketClosed || answerTimeExpired,
-                            questionAnswered: !!questionAnswered,
-                            hasCorrectAnswer,
-                            onVote: vote,
-                        })) }) })] }) }));
-};
-//# sourceMappingURL=Question.js.map

package/src/lib/demo/components/Question.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/Question.tsx"],"names":[],"mappings":"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"}

package/src/lib/demo/components/QuestionsList.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const QuestionsList: React.FC<{
-    store: ReturnType<Exclude<Gamification['questions'], undefined>['getStore']>;
-    openQuestion: (questionId: string) => void;
-}>;

package/src/lib/demo/components/QuestionsList.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useStore } from '@nanostores/react';
-import { QuestionList } from '../../gamification/question-list';
-export const QuestionsList = ({ store, openQuestion }) => {
-    const { data: questions } = useStore(store);
-    if (!questions) {
-        return _jsx("div", { children: "wait questions..." });
-    }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    return _jsx(QuestionList, { openQuestion: openQuestion, questions: questions });
-};
-//# sourceMappingURL=QuestionsList.js.map

package/src/lib/demo/components/QuestionsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionsList.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/QuestionsList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAE/D,MAAM,CAAC,MAAM,aAAa,GAGrB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,8CAA4B,CAAA;KACpC;IAED,6DAA6D;IAC7D,aAAa;IACb,OAAO,KAAC,YAAY,IAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AAC3E,CAAC,CAAA"}

package/src/lib/demo/components/UserSummary.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const UserSummary: React.FC<{
-    store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
-}>;

package/src/lib/demo/components/UserSummary.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useStore } from '@nanostores/react';
-import { UserStatistics } from '../../gamification/user-statistics';
-export const UserSummary = ({ store }) => {
-    const { data: user } = useStore(store);
-    if (!user?.summary) {
-        return _jsx("div", { children: "wait user..." });
-    }
-    return (_jsx(UserStatistics, { avatar: user.summary.avatar, name: user.summary.name, points: user.summary.points, grade: '0', friendsRank: user.summary.friendsRank, globalRank: user.summary.rank, winStreak: user.summary.streak, correct: user.summary.correct, incorrect: user.summary.incorrect, successRate: user.percentage?.correct }));
-};
-//# sourceMappingURL=UserSummary.js.map

package/src/lib/demo/components/UserSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserSummary.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/UserSummary.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAEnE,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEtC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;QAClB,OAAO,yCAAuB,CAAA;KAC/B;IAED,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC3B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EACvB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC3B,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EACrC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC9B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EACjC,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GACrC,CACH,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/components/index.d.ts

@@ -1,5 +0,0 @@
-export { UserSummary } from './UserSummary';
-export { QuestionsList } from './QuestionsList';
-export { Question } from './Question';
-export { Notifications } from './Notifications';
-export { InPlayGame } from './InPlayGame';

package/src/lib/demo/components/index.js

@@ -1,6 +0,0 @@
-export { UserSummary } from './UserSummary';
-export { QuestionsList } from './QuestionsList';
-export { Question } from './Question';
-export { Notifications } from './Notifications';
-export { InPlayGame } from './InPlayGame';
-//# sourceMappingURL=index.js.map

package/src/lib/demo/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}