@magmamath/students-features 0.9.97 → 0.9.98-rc.0

package/example/babel.config.js

@@ -0,0 +1,28 @@
+const path = require('path')
+const { getConfig } = require('react-native-builder-bob/babel-config')
+const pkg = require('../package.json')
+
+const root = path.resolve(__dirname, '..')
+
+module.exports = function (api) {
+  api.cache(true)
+
+  return getConfig(
+    {
+      presets: ['babel-preset-expo'],
+      plugins: [
+        [
+          'module-resolver',
+          {
+            extensions: ['.tsx', '.ts', '.js', '.json'],
+            alias: {
+              [pkg.name]: path.join(__dirname, '../', pkg.source),
+            },
+          },
+        ],
+        ['@babel/plugin-transform-private-methods', { loose: true }],
+      ],
+    },
+    { root, pkg },
+  )
+}

package/example/index.js

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './src/App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

package/example/metro.config.js

@@ -0,0 +1,18 @@
+const path = require('path');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+module.exports = getConfig(getDefaultConfig(__dirname), {
+  root,
+  pkg,
+  project: __dirname,
+});

package/example/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@magmamath/students-features-example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "~4.0.0",
+    "expo": "~52.0.11",
+    "expo-status-bar": "~2.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.3",
+    "react-native-web": "~0.19.13"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "react-native-builder-bob": "^0.33.3"
+  },
+  "private": true
+}

package/example/src/App.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Text } from 'react-native'
+
+const App = () => {
+  return <Text>Hello</Text>
+}
+
+export default App

package/example/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    // Avoid expo-cli auto-generating a tsconfig
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.97",
+  "version": "0.9.98-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chatbot.tsx

@@ -30,14 +30,14 @@ export const Chatbot = ({
   iconSize,
   colorScheme = ColorScheme.Blue,
 }: ChatbotProps) => {
-  const alternatives = useUnit(model.$alternatives)
+  const isChatAllowed = useUnit(model.$chatAccess)
   const isAvailable = useStoreMap(model.$currentChatData, ({ isAvailable }) => isAvailable)
   model.t2s.setAudioConfig(textToSpeechConfig ?? null)
 
   const openChat = () => model.setIsOpen(true)
   const closeChat = () => model.setIsOpen(false)
 
-  if (!isAvailable || alternatives?.chatAccess === false) {
+  if (!isAvailable || !isChatAllowed) {
     return null
   }
 

package/src/features/chatbot/model/ChatBotModel.ts

@@ -7,6 +7,7 @@ import {
   restore,
   sample,
   type Store,
+  StoreWritable
 } from 'effector'
 import {
   ChatbotContext,
@@ -74,14 +75,18 @@ export class ChatbotModel {
 
   private readonly cache = new ChatsCacheModel()
 
+  public readonly $chatAccess: StoreWritable<boolean>
+
   public readonly $currentChatData = combine(
     { data: this.cache.$data, key: this.$currentKey },
     ({ data, key }) => (data[key] ? { ...data[key], key } : { ...defaultChatData(), key }),
   )
 
-  constructor({ api, $key, threadMessagesLimit, settings = {} }: ChatbotModelProps) {
+  constructor({ api, $key, threadMessagesLimit, settings = {}, chatAccess }: ChatbotModelProps) {
     this.api = new ChatbotAPI({ ...api, postMessage: this.threadManager.postMessage })
 
+    this.$chatAccess = chatAccess
+
     this.threadManager.setApi({ getHint: api.requestHint, sendMessage: api.sendMessage })
     if (threadMessagesLimit) {
       this.threadManager.setMessagesLimit(threadMessagesLimit)
@@ -145,16 +150,16 @@ export class ChatbotModel {
     }
 
     this.startConversation = attach({
-      source: { currentChatData: this.$currentChatData, alternatives: this.$alternatives },
+      source: { currentChatData: this.$currentChatData, chatAccess: this.$chatAccess },
       mapParams: (props: StartConversationProps | void, source) => ({
         ...props,
         ...source,
       }),
       effect: createEffect(
-        ({ currentChatData, alternatives, initOnly }: StartConversationFxData) => {
+        ({ currentChatData, initOnly, chatAccess }: StartConversationFxData) => {
           const { key, messages } = currentChatData
 
-          if (!alternatives?.chatAccess) return
+          if (!chatAccess) return
 
           if (messages.length) {
             if (initOnly) return
@@ -171,7 +176,7 @@ export class ChatbotModel {
 
     this.api.getAlternativesFx.doneData.watch((alternatives) => {
       // Use short text for another hint option if openChatEnabled
-      if (alternatives?.chatAccess && alternatives?.isOpenChatEnabled && IS_WEB) {
+      if (alternatives?.isOpenChatEnabled && IS_WEB) {
         this.textManager.update((creator) => ({
           anotherHintOption: creator.createOption('chat.giveHintOpenChat'),
         }))

package/src/features/chatbot/types/model.types.ts

@@ -1,4 +1,4 @@
-import type { Store } from 'effector'
+import type { Store, StoreWritable } from 'effector'
 import {
   ChatHintPayload,
   ChatHintResponse,
@@ -52,6 +52,7 @@ export type ChatbotModelProps = {
     requestHint: (props: ChatHintPayload) => Promise<ChatHintResponse>
   }
   threadMessagesLimit?: number
+  chatAccess: StoreWritable<boolean>
   settings?: ChatbotSettings
 }
 
@@ -82,6 +83,7 @@ export type StartConversationFxData = {
     messages: ConversationMessage[]
   }
   alternatives?: GetAlternativesResponse | null
+  chatAccess: boolean
 } & StartConversationProps
 
 export enum MessageVariant {

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig",
+  "exclude": ["example", "dist"]
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@magmamath/students-features": ["./src/index"]
+    },
+    "target": "esnext",
+    "baseUrl": "./",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "declaration": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "experimentalDecorators": true
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "example"
+  ]
+}