@streamlayer/react 0.2.11 → 0.3.1

package/README.md

@@ -0,0 +1,6 @@
+# react
+
+This library was generatedwith [Nx](https://nx.dev).
+
+## Running unit tests
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

package/{main.cjs → lib/index.cjs}

@@ -27,15 +27,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/react/src/main.tsx
-var main_exports = {};
-__export(main_exports, {
+// packages/react/src/index.tsx
+var src_exports = {};
+__export(src_exports, {
   StreamLayerProvider: () => StreamLayerProvider,
   StreamLayerSDKReact: () => StreamLayerSDKReact,
-  useSDK: () => useSDK,
-  useStreamLayer: () => useStreamLayer
+  useStreamLayer: () => useStreamLayer,
+  useStreamLayerApp: () => useStreamLayerApp
 });
-module.exports = __toCommonJS(main_exports);
+module.exports = __toCommonJS(src_exports);
 
 // node_modules/.pnpm/@esbuild-plugins+node-globals-polyfill@0.2.3_esbuild@0.19.5/node_modules/@esbuild-plugins/node-globals-polyfill/process.js
 function defaultSetTimout() {
@@ -350,25 +350,25 @@ var import_react_digit_input = __toESM(require("react-digit-input"), 1);
 var import_connect_web = require("@bufbuild/connect-web");
 var import_connect = require("@connectrpc/connect");
 var import_users_connect = require("@streamlayer/sl-eslib/users/users_connect");
-var requestLoginCode = async (phone) => {
+var requestLoginCode = async (host, phone) => {
   const transport2 = (0, import_connect_web.createGrpcWebTransport)({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = (0, import_connect.createPromiseClient)(import_users_connect.Users, transport2);
   await userClient.requestPassword({ id: phone });
   return true;
 };
-var register = async (phone) => {
+var register = async (host, phone) => {
   const transport2 = (0, import_connect_web.createGrpcWebTransport)({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = (0, import_connect.createPromiseClient)(import_users_connect.Users, transport2);
   await userClient.register({ id: phone });
   return true;
 };
-var login = async (phone, code) => {
+var login = async (host, phone, code) => {
   const transport2 = (0, import_connect_web.createGrpcWebTransport)({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = (0, import_connect.createPromiseClient)(import_users_connect.Users, transport2);
   const res = await userClient.login({ id: phone, password: code });
@@ -521,7 +521,7 @@ var Digits = import_styled3.default.div`
 
 // packages/react-ui/src/lib/gamification/login/index.tsx
 var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
-var Login = ({ login: login2, anonymousLogin }) => {
+var Login = ({ login: login2, anonymousLogin, host }) => {
   const [phoneInput, setPhoneInput] = (0, import_react3.useState)("");
   const [phone, setPhone] = (0, import_react3.useState)("");
   const [code, setCode] = (0, import_react3.useState)("");
@@ -536,9 +536,9 @@ var Login = ({ login: login2, anonymousLogin }) => {
     try {
       const parsed = phoneInput.replaceAll("+", "");
       try {
-        await requestLoginCode(parsed);
+        await requestLoginCode(host, parsed);
       } catch (err) {
-        await register(parsed);
+        await register(host, parsed);
       }
       setPhone(parsed);
     } catch (err) {
@@ -549,7 +549,7 @@ var Login = ({ login: login2, anonymousLogin }) => {
     e.preventDefault();
     if (phone && code) {
       try {
-        const token = await login(phone, code);
+        const token = await login(host, phone, code);
         if (token && login2) {
           await login2(token);
         } else {
@@ -568,7 +568,7 @@ var Login = ({ login: login2, anonymousLogin }) => {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormInputContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_phone_number_input.default, { value: phoneInput, onChange: (val) => setPhoneInput(`${val}`) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormSubmit, { disabled: !(0, import_react_phone_number_input.isValidPhoneNumber)(phoneInput), type: "submit", children: "request code" })
       ] }),
-      anonymousLogin && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormSubmit, { style: { display: "block", margin: "auto" }, disabled: true, onClick: anonymousLogin, children: "anonymous login" })
+      anonymousLogin && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormSubmit, { style: { display: "block", margin: "auto" }, onClick: anonymousLogin, children: "anonymous login" })
     ] }),
     phone && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Form, { onSubmit: loginByCode, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormTitle, { children: "Enter Verification Code" }),
@@ -1317,7 +1317,7 @@ var UserSummary = ({ store: store2 }) => {
       winStreak: user.summary.streak,
       correct: user.summary.correct,
       incorrect: user.summary.incorrect,
-      successRate: user.percentage?.average
+      successRate: user.percentage?.correct
     }
   );
 };
@@ -1681,13 +1681,20 @@ var LoginComponent = ({ sdk }) => {
       throw err;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Login, { login: login2, anonymousLogin: sdk.anonymousAuthorization });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Login, { login: login2, anonymousLogin: sdk.anonymousAuthorization, host: sdk.host });
 };
 
 // packages/react-ui/src/lib/demo/index.tsx
 var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
 var Demo = ({ sdk }) => {
+  const organization = (0, import_react12.useStore)(sdk.organizationStore());
   const user = (0, import_react12.useStore)(sdk.getUserStore());
+  if (organization.loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: "authentificating..." });
+  }
+  if (!organization.data) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: "wrong sdk key..." });
+  }
   if (user.loading) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: "authentificating..." });
   }
@@ -2175,12 +2182,14 @@ var Transport = class {
   };
   transport;
   nanoquery;
+  host;
   interceptors = [];
   $headers;
   clients;
   callbackClients;
   subscriptions;
-  constructor() {
+  constructor(host) {
+    this.host = host;
     this.$headers = new MapStore(
       createMapStore({
         ["sl-device-id"]: process.env.NX_DEVICE_ID || "sdk-web-dev"
@@ -2194,7 +2203,7 @@ var Transport = class {
     const [createFetcherStore, createMutatorStore, utils] = (0, import_query.nanoquery)();
     this.nanoquery = { createFetcherStore, createMutatorStore, utils };
     this.transport = (0, import_connect_web2.createGrpcWebTransport)({
-      baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443",
+      baseUrl: host,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       interceptors: this.interceptors,
@@ -2278,17 +2287,12 @@ var Transport = class {
     if (this.interceptors.length !== 0) {
       return;
     }
-    const auth = (next) => async (req) => {
+    const auth = (next) => (req) => {
       const headers = this.$headers.getValues();
       for (const header in headers) {
         req.header.set(header, headers[header]);
       }
-      try {
-        return await next(req);
-      } catch (err) {
-        console.log({ err, req }, "catch err");
-        throw err;
-      }
+      return next(req);
     };
     this.interceptors.push(auth);
     this.interceptors.push(__GRPC_DEVTOOLS_EXTENSION__());
@@ -2418,7 +2422,8 @@ var $organizationAdvertising = ($enabled, transport2) => {
 
 // packages/sdk-web-api/src/index.ts
 var transport = (instance, opts, done) => {
-  instance.transport = new Transport();
+  instance.transport = new Transport(opts.host);
+  instance.sdk.host = instance.transport.host;
   instance.transport.setSdkKey(opts.sdkKey);
   done();
 };
@@ -2850,6 +2855,7 @@ var store = (instance, opts, done) => {
   instance.store = new CoreStore(instance.transport);
   instance.stores = instance.store.getValues();
   instance.sdk.sdkStore = instance.store.getStore();
+  instance.sdk.organizationStore = () => instance.stores.organizationSettings.getStore();
   instance.storeSubscribe = () => {
     const processSettings = (source, settings) => {
       if (!settings?.overlays)
@@ -2957,7 +2963,7 @@ var bypass = async (instance, opts, done) => {
   }
   instance.sdk.authorizationBypass = async (schema, userKey) => {
     await instance.auth.login(schema, userKey);
-    localStorage.setItem("sl-user-schema", schema);
+    localStorage.setItem("sl-user-schema", "streamlayer:streamlayer");
   };
   instance.sdk.logout = () => {
     instance.auth.logout();
@@ -3005,10 +3011,11 @@ var notifications = (instance, opts, done) => {
 };
 
 // packages/sdk-web/src/index.ts
-function StreamLayer(sdkKey) {
+function StreamLayer(sdkKey, production = true) {
+  const host = production ? "https://grpc-web.streamlayer.io:443" : "https://grpc-web.next.streamlayer.io:443";
   const streamLayer = (0, import_avvio.default)(/* @__PURE__ */ Object.create(null), { autostart: false });
   streamLayer.use(core);
-  streamLayer.use(transport, { sdkKey });
+  streamLayer.use(transport, { sdkKey, host });
   streamLayer.use(store);
   streamLayer.use(bypass);
   streamLayer.use(features);
@@ -3026,17 +3033,17 @@ function StreamLayer(sdkKey) {
   return streamLayer;
 }
 
-// packages/react/src/app/useStreamLayer.ts
+// packages/react/src/app/useStreamLayerApp.ts
 var import_react14 = require("react");
 window.instance = null;
-var useStreamLayer = (sdkKey, plugins) => {
+var useStreamLayerApp = (sdkKey, plugins, production) => {
   const [sdk, setSdk] = (0, import_react14.useState)(null);
   (0, import_react14.useEffect)(() => {
     let ignore = false;
     if (!sdkKey) {
       throw new Error("sdk key should be provided");
     }
-    const instance = StreamLayer(sdkKey);
+    const instance = StreamLayer(sdkKey, production);
     if (plugins) {
       for (const plugin of plugins) {
         instance.use(plugin);
@@ -3070,9 +3077,10 @@ if (process.env.NODE_ENV !== "production") {
 var StreamLayerProvider = ({
   sdkKey,
   plugins,
-  children
+  children,
+  production = true
 }) => {
-  const streamLayer = useStreamLayer(sdkKey, plugins);
+  const streamLayer = useStreamLayerApp(sdkKey, plugins, production);
   const value = (0, import_react15.useMemo)(() => {
     if (!streamLayer) {
       return { status: 1 /* CONNECTED */ };
@@ -3085,7 +3093,7 @@ var StreamLayerProvider = ({
 // packages/react/src/app/app.tsx
 var import_react16 = require("react");
 var import_jsx_runtime24 = require("@emotion/react/jsx-runtime");
-var useSDK = () => {
+var useStreamLayer = () => {
   const { sdk } = (0, import_react16.useContext)(StreamLayerContext3);
   return sdk;
 };
@@ -3106,6 +3114,6 @@ var StreamLayerSDKReact = () => {
 0 && (module.exports = {
   StreamLayerProvider,
   StreamLayerSDKReact,
-  useSDK,
-  useStreamLayer
+  useStreamLayer,
+  useStreamLayerApp
 });

package/{main.js → lib/index.js}

@@ -317,25 +317,25 @@ import useDigitInput from "react-digit-input";
 import { createGrpcWebTransport } from "@bufbuild/connect-web";
 import { createPromiseClient } from "@connectrpc/connect";
 import { Users } from "@streamlayer/sl-eslib/users/users_connect";
-var requestLoginCode = async (phone) => {
+var requestLoginCode = async (host, phone) => {
   const transport2 = createGrpcWebTransport({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = createPromiseClient(Users, transport2);
   await userClient.requestPassword({ id: phone });
   return true;
 };
-var register = async (phone) => {
+var register = async (host, phone) => {
   const transport2 = createGrpcWebTransport({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = createPromiseClient(Users, transport2);
   await userClient.register({ id: phone });
   return true;
 };
-var login = async (phone, code) => {
+var login = async (host, phone, code) => {
   const transport2 = createGrpcWebTransport({
-    baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443"
+    baseUrl: host
   });
   const userClient = createPromiseClient(Users, transport2);
   const res = await userClient.login({ id: phone, password: code });
@@ -488,7 +488,7 @@ var Digits = styled3.div`
 
 // packages/react-ui/src/lib/gamification/login/index.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "@emotion/react/jsx-runtime";
-var Login = ({ login: login2, anonymousLogin }) => {
+var Login = ({ login: login2, anonymousLogin, host }) => {
   const [phoneInput, setPhoneInput] = useState("");
   const [phone, setPhone] = useState("");
   const [code, setCode] = useState("");
@@ -503,9 +503,9 @@ var Login = ({ login: login2, anonymousLogin }) => {
     try {
       const parsed = phoneInput.replaceAll("+", "");
       try {
-        await requestLoginCode(parsed);
+        await requestLoginCode(host, parsed);
       } catch (err) {
-        await register(parsed);
+        await register(host, parsed);
       }
       setPhone(parsed);
     } catch (err) {
@@ -516,7 +516,7 @@ var Login = ({ login: login2, anonymousLogin }) => {
     e.preventDefault();
     if (phone && code) {
       try {
-        const token = await login(phone, code);
+        const token = await login(host, phone, code);
         if (token && login2) {
           await login2(token);
         } else {
@@ -535,7 +535,7 @@ var Login = ({ login: login2, anonymousLogin }) => {
         /* @__PURE__ */ jsx3(FormInputContainer, { children: /* @__PURE__ */ jsx3(PhoneInput, { value: phoneInput, onChange: (val) => setPhoneInput(`${val}`) }) }),
         /* @__PURE__ */ jsx3(FormSubmit, { disabled: !isValidPhoneNumber(phoneInput), type: "submit", children: "request code" })
       ] }),
-      anonymousLogin && /* @__PURE__ */ jsx3(FormSubmit, { style: { display: "block", margin: "auto" }, disabled: true, onClick: anonymousLogin, children: "anonymous login" })
+      anonymousLogin && /* @__PURE__ */ jsx3(FormSubmit, { style: { display: "block", margin: "auto" }, onClick: anonymousLogin, children: "anonymous login" })
     ] }),
     phone && /* @__PURE__ */ jsxs2(Form, { onSubmit: loginByCode, children: [
       /* @__PURE__ */ jsx3(FormTitle, { children: "Enter Verification Code" }),
@@ -1284,7 +1284,7 @@ var UserSummary = ({ store: store2 }) => {
       winStreak: user.summary.streak,
       correct: user.summary.correct,
       incorrect: user.summary.incorrect,
-      successRate: user.percentage?.average
+      successRate: user.percentage?.correct
     }
   );
 };
@@ -1648,13 +1648,20 @@ var LoginComponent = ({ sdk }) => {
       throw err;
     }
   };
-  return /* @__PURE__ */ jsx20(Login, { login: login2, anonymousLogin: sdk.anonymousAuthorization });
+  return /* @__PURE__ */ jsx20(Login, { login: login2, anonymousLogin: sdk.anonymousAuthorization, host: sdk.host });
 };
 
 // packages/react-ui/src/lib/demo/index.tsx
 import { jsx as jsx21 } from "@emotion/react/jsx-runtime";
 var Demo = ({ sdk }) => {
+  const organization = useStore6(sdk.organizationStore());
   const user = useStore6(sdk.getUserStore());
+  if (organization.loading) {
+    return /* @__PURE__ */ jsx21("div", { children: "authentificating..." });
+  }
+  if (!organization.data) {
+    return /* @__PURE__ */ jsx21("div", { children: "wrong sdk key..." });
+  }
   if (user.loading) {
     return /* @__PURE__ */ jsx21("div", { children: "authentificating..." });
   }
@@ -2146,12 +2153,14 @@ var Transport = class {
   };
   transport;
   nanoquery;
+  host;
   interceptors = [];
   $headers;
   clients;
   callbackClients;
   subscriptions;
-  constructor() {
+  constructor(host) {
+    this.host = host;
     this.$headers = new MapStore(
       createMapStore({
         ["sl-device-id"]: process.env.NX_DEVICE_ID || "sdk-web-dev"
@@ -2165,7 +2174,7 @@ var Transport = class {
     const [createFetcherStore, createMutatorStore, utils] = nanoquery();
     this.nanoquery = { createFetcherStore, createMutatorStore, utils };
     this.transport = createGrpcWebTransport2({
-      baseUrl: process.env.NX_GRPC_HOST || "https://grpc-web.next.streamlayer.io:443",
+      baseUrl: host,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       interceptors: this.interceptors,
@@ -2249,17 +2258,12 @@ var Transport = class {
     if (this.interceptors.length !== 0) {
       return;
     }
-    const auth = (next) => async (req) => {
+    const auth = (next) => (req) => {
       const headers = this.$headers.getValues();
       for (const header in headers) {
         req.header.set(header, headers[header]);
       }
-      try {
-        return await next(req);
-      } catch (err) {
-        console.log({ err, req }, "catch err");
-        throw err;
-      }
+      return next(req);
     };
     this.interceptors.push(auth);
     this.interceptors.push(__GRPC_DEVTOOLS_EXTENSION__());
@@ -2389,7 +2393,8 @@ var $organizationAdvertising = ($enabled, transport2) => {
 
 // packages/sdk-web-api/src/index.ts
 var transport = (instance, opts, done) => {
-  instance.transport = new Transport();
+  instance.transport = new Transport(opts.host);
+  instance.sdk.host = instance.transport.host;
   instance.transport.setSdkKey(opts.sdkKey);
   done();
 };
@@ -2821,6 +2826,7 @@ var store = (instance, opts, done) => {
   instance.store = new CoreStore(instance.transport);
   instance.stores = instance.store.getValues();
   instance.sdk.sdkStore = instance.store.getStore();
+  instance.sdk.organizationStore = () => instance.stores.organizationSettings.getStore();
   instance.storeSubscribe = () => {
     const processSettings = (source, settings) => {
       if (!settings?.overlays)
@@ -2928,7 +2934,7 @@ var bypass = async (instance, opts, done) => {
   }
   instance.sdk.authorizationBypass = async (schema, userKey) => {
     await instance.auth.login(schema, userKey);
-    localStorage.setItem("sl-user-schema", schema);
+    localStorage.setItem("sl-user-schema", "streamlayer:streamlayer");
   };
   instance.sdk.logout = () => {
     instance.auth.logout();
@@ -2976,10 +2982,11 @@ var notifications = (instance, opts, done) => {
 };
 
 // packages/sdk-web/src/index.ts
-function StreamLayer(sdkKey) {
+function StreamLayer(sdkKey, production = true) {
+  const host = production ? "https://grpc-web.streamlayer.io:443" : "https://grpc-web.next.streamlayer.io:443";
   const streamLayer = avvio(/* @__PURE__ */ Object.create(null), { autostart: false });
   streamLayer.use(core);
-  streamLayer.use(transport, { sdkKey });
+  streamLayer.use(transport, { sdkKey, host });
   streamLayer.use(store);
   streamLayer.use(bypass);
   streamLayer.use(features);
@@ -2997,17 +3004,17 @@ function StreamLayer(sdkKey) {
   return streamLayer;
 }
 
-// packages/react/src/app/useStreamLayer.ts
+// packages/react/src/app/useStreamLayerApp.ts
 import { useState as useState5, useEffect as useEffect4 } from "react";
 window.instance = null;
-var useStreamLayer = (sdkKey, plugins) => {
+var useStreamLayerApp = (sdkKey, plugins, production) => {
   const [sdk, setSdk] = useState5(null);
   useEffect4(() => {
     let ignore = false;
     if (!sdkKey) {
       throw new Error("sdk key should be provided");
     }
-    const instance = StreamLayer(sdkKey);
+    const instance = StreamLayer(sdkKey, production);
     if (plugins) {
       for (const plugin of plugins) {
         instance.use(plugin);
@@ -3041,9 +3048,10 @@ if (process.env.NODE_ENV !== "production") {
 var StreamLayerProvider = ({
   sdkKey,
   plugins,
-  children
+  children,
+  production = true
 }) => {
-  const streamLayer = useStreamLayer(sdkKey, plugins);
+  const streamLayer = useStreamLayerApp(sdkKey, plugins, production);
   const value = useMemo2(() => {
     if (!streamLayer) {
       return { status: 1 /* CONNECTED */ };
@@ -3056,7 +3064,7 @@ var StreamLayerProvider = ({
 // packages/react/src/app/app.tsx
 import { useContext } from "react";
 import { jsx as jsx24 } from "@emotion/react/jsx-runtime";
-var useSDK = () => {
+var useStreamLayer = () => {
   const { sdk } = useContext(StreamLayerContext3);
   return sdk;
 };
@@ -3076,6 +3084,6 @@ var StreamLayerSDKReact = () => {
 export {
   StreamLayerProvider,
   StreamLayerSDKReact,
-  useSDK,
-  useStreamLayer
+  useStreamLayer,
+  useStreamLayerApp
 };

package/lib/types/src/app/app.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const useStreamLayer: () => import("@streamlayer/sdk-web-interfaces").StreamLayerSDK | undefined;
+export declare const StreamLayerSDKReact: React.FC;

package/lib/types/src/app/provider.d.ts

@@ -0,0 +1,20 @@
+import type { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
+import React from 'react';
+export declare enum StreamLayerStatus {
+    UNSET = 0,
+    CONNECTED = 1,
+    READY = 2
+}
+export declare const StreamLayerContext: React.Context<{
+    status: StreamLayerStatus;
+    sdk?: StreamLayerSDK | undefined;
+}>;
+type StreamLayerProps = {
+    sdkKey: string;
+    plugins?: Set<StreamLayerPlugin>;
+    production?: boolean;
+};
+export declare const StreamLayerProvider: React.FC<StreamLayerProps & {
+    children: React.ReactNode;
+}>;
+export {};

package/lib/types/src/app/useStreamLayerApp.d.ts

@@ -0,0 +1,7 @@
+import type { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
+declare global {
+    interface Window {
+        instance: any;
+    }
+}
+export declare const useStreamLayerApp: (sdkKey: string, plugins?: Set<StreamLayerPlugin>, production?: boolean) => StreamLayerSDK | null;

package/lib/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export { StreamLayerProvider } from './app/provider';
+export { StreamLayerSDKReact, useStreamLayer } from './app/app';
+export { useStreamLayerApp } from './app/useStreamLayerApp';

package/package.json

@@ -1,22 +1,20 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.2.11",
+  "version": "0.3.1",
   "type": "module",
   "author": "Renat Berezovsky (gh:BrRenat)",
-  "main": "./main.cjs",
+  "main": "./index.cjs",
   "exports": {
     ".": {
-      "module": "./main.js",
-      "require": "./main.cjs",
-      "types": "./types/src/main.d.ts"
+      "module": "./index.js",
+      "require": "./index.cjs",
+      "types": "./types/src/index.d.ts"
     }
   },
   "files": [
-    "main.js",
-    "main.cjs",
-    "src/app",
-    "src/main.d.ts",
-    "package.json"
+    "lib",
+    "!lib/package.json",
+    "!lib/types/package.json"
   ],
   "peerDependencies": {
     "@emotion/react": "11.11.1",
@@ -54,4 +52,4 @@
     "react-router-dom": "6.16.0",
     "url-loader": "^4.1.1"
   }
-}
+}