chayns-api 1.2.0-0 → 1.2.0-2

package/dist/esm/util/is.js

@@ -0,0 +1,23 @@
+import { getDevice } from '../calls';
+import { AppName } from '../types/IChaynsReact';
+export const isApp = () => {
+  var _getDevice$app$name, _getDevice$app;
+  return ((_getDevice$app$name = (_getDevice$app = getDevice().app) === null || _getDevice$app === void 0 ? void 0 : _getDevice$app.name) !== null && _getDevice$app$name !== void 0 ? _getDevice$app$name : AppName.Unknown) !== AppName.Unknown;
+};
+export const isAppCallSupported = _ref => {
+  var _device$app;
+  let {
+    minAndroidVersion = 1,
+    minIOSVersion = 1
+  } = _ref;
+  if (!isApp()) return false;
+  const device = getDevice();
+  if (!((_device$app = device.app) !== null && _device$app !== void 0 && _device$app.callVersion) || isNaN(device.app.callVersion)) return false;
+  if (device.os && ['iOS', 'Mac OS'].includes(device.os)) {
+    return device.app.callVersion >= minIOSVersion;
+  }
+  if (device.os === 'Android OS') {
+    return device.app.callVersion >= minAndroidVersion;
+  }
+  return false;
+};

package/dist/esm/wrapper/AppWrapper.js

@@ -13,6 +13,7 @@ import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 import { DeviceLanguage } from '../constants/languages';
+import { isAppCallSupported } from '../util/is';
 let appWrapperDialogId = 0;
 export class AppWrapper {
   mapOldApiToNew(retVal) {
@@ -59,7 +60,9 @@ export class AppWrapper {
       }
     }
     return {
-      device: getDeviceInfo(navigator.userAgent, 'image/webp'),
+      device: getDeviceInfo(navigator.userAgent, 'image/webp', {
+        imei: Device.IMEI
+      }),
       environment: {
         buildEnvironment: Environment.Production,
         runtimeEnvironment: RuntimeEnviroment.Unknown
@@ -380,6 +383,26 @@ export class AppWrapper {
         }
       },
       selectPage: async options => {
+        var _this$values, _this$values2;
+        if ((_this$values = this.values) !== null && _this$values !== void 0 && (_this$values = _this$values.site) !== null && _this$values !== void 0 && _this$values.id && options.siteId && options.siteId !== ((_this$values2 = this.values) === null || _this$values2 === void 0 || (_this$values2 = _this$values2.site) === null || _this$values2 === void 0 ? void 0 : _this$values2.id)) {
+          const url = new URL(`https://chayns.site/${options.siteId}`);
+          if (options.id) {
+            url.pathname += `/tapp/${options.id}`;
+          } else if (options.path) {
+            url.pathname += `/${options.path}`;
+          }
+          if (options.params) {
+            Object.entries(options.params).forEach(_ref2 => {
+              let [k, v] = _ref2;
+              url.searchParams.set(k, v);
+            });
+          }
+          void this.appCall(9, {
+            url: url.toString(),
+            checkForChaynsSite: true
+          });
+          return;
+        }
         void this.appCall(2, {
           id: options.id,
           showName: options.showName,
@@ -389,14 +412,16 @@ export class AppWrapper {
           awaitResult: false
         });
       },
-      scrollToY: async position => {
+      scrollToY: async (position, duration) => {
         window.scrollTo({
-          top: position
+          top: position,
+          behavior: duration ? 'smooth' : 'auto'
         });
       },
       scrollByY: (value, duration) => {
         window.scrollBy({
-          top: value
+          top: value,
+          behavior: duration ? 'smooth' : 'auto'
         });
       },
       sendMessageToGroup: async (groupId, message) => {
@@ -502,12 +527,16 @@ export class AppWrapper {
       },
       openDialog: async (config, callback) => {
         const currentDialogId = appWrapperDialogId++;
+        const isSupported = isAppCallSupported({
+          minAndroidVersion: 7137,
+          minIOSVersion: 6934
+        });
         this.appCall(184, {
           dialogContent: {
             apiVersion: 5,
             config
           },
-          externalDialogUrl: 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
+          externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
         }, {
           awaitResult: true
         }).then(result => {
@@ -588,10 +617,10 @@ export class AppWrapper {
     this.appCall(254, {
       enabled: true
     }, {
-      callback: _ref2 => {
+      callback: _ref3 => {
         let {
           colorMode
-        } = _ref2;
+        } = _ref3;
         this.values.site = {
           ...this.values.site,
           colorMode

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -2,9 +2,13 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { moduleWrapper } from '../components/moduleWrapper';
+import { AppName } from '../types/IChaynsReact';
+import getDeviceInfo from '../util/deviceHelper';
+import { AppWrapper } from './AppWrapper';
 import { FrameWrapper } from './FrameWrapper';
 class StaticChaynsApi {
   constructor() {
+    var _deviceInfo$app$name, _deviceInfo$app;
     _defineProperty(this, "getUser", () => this._wrapper.values.user);
     _defineProperty(this, "getSite", () => this._wrapper.values.site);
     _defineProperty(this, "getCurrentPage", () => this._wrapper.values.currentPage);
@@ -13,7 +17,13 @@ class StaticChaynsApi {
     _defineProperty(this, "getParameters", () => this._wrapper.values.parameters);
     _defineProperty(this, "getPages", () => this._wrapper.values.pages);
     _defineProperty(this, "getEnvironment", () => this._wrapper.values.environment);
-    const wrapper = new FrameWrapper();
+    let wrapper;
+    const deviceInfo = getDeviceInfo(navigator.userAgent, '');
+    if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
+      wrapper = new AppWrapper();
+    } else {
+      wrapper = new FrameWrapper();
+    }
     moduleWrapper.current = wrapper;
     this._wrapper = wrapper;
     this.ready = wrapper.init();

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ export * from './calls';
 export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
+export * from './util/is';
 export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';

package/dist/types/types/IChaynsReact.d.ts

@@ -1,4 +1,4 @@
-import { Browser, OperatingSystem } from 'detect-browser';
+import { IBrowser, IEngine } from 'ua-parser-js';
 import DialogHandler from '../handler/DialogHandler';
 import { DialogButtonOld, SelectDialogItem } from './dialog';
 export type DialogButton = {
@@ -21,6 +21,28 @@ export interface DialogDate {
     multiselect?: boolean;
     monthSelect?: boolean;
     yearSelect?: boolean;
+    interval?: boolean;
+    disabledDates?: Date[];
+    disabledIntervals?: {
+        start: Date;
+        end: Date;
+    }[];
+    disabledWeekDayIntervals?: {
+        weekDay: WeekDayType;
+        interval?: {
+            start: Date;
+            end: Date;
+        };
+    }[];
+}
+export declare enum WeekDayType {
+    SUNDAY = 0,
+    MONDAY = 1,
+    TUESDAY = 2,
+    WEDNESDAY = 3,
+    THURSDAY = 4,
+    FRIDAY = 5,
+    SATURDAY = 6
 }
 export declare enum ToastType {
     NEUTRAL = 1,
@@ -98,7 +120,8 @@ export interface DialogInput {
 export declare enum DialogSelectType {
     DEFAULT = 0,
     ICON = 1,
-    IMAGE = 2
+    IMAGE = 2,
+    SIMPLE = 3
 }
 export type DialogSelectListItemType = {
     id: number;
@@ -115,6 +138,9 @@ export type DialogSelectListItemType = {
 export interface DialogSelect {
     type: DialogType.SELECT;
     list: DialogSelectListItemType[];
+    fixedItem?: DialogSelectListItemType & {
+        position?: 'top' | 'bottom';
+    };
     multiselect?: boolean;
     quickfind?: boolean;
     selectType?: DialogSelectType;
@@ -129,6 +155,7 @@ export declare enum DialogButtonType {
 export type ChaynsApiUser = {
     firstName?: string;
     lastName?: string;
+    nickName?: string;
     gender?: Gender;
     uacGroups?: UacGroup[];
     userId?: number;
@@ -154,27 +181,39 @@ export type ChaynsApiSite = {
     originSiteId?: string;
 };
 export declare enum ScreenSize {
+    /** screen width smaller than or equal 556px */
     XS = 0,
+    /** screen width between 557px and 769px */
     SM = 1,
+    /** screen width between 770px and 993px */
     MD = 2,
+    /** screen width between 994px and 1200px */
     LG = 3,
+    /** screen width larger than 1200px */
     XL = 4
 }
 export type ChaynsApiDevice = {
     app?: {
         name: AppName;
+        /** @deprecated same value as callVersion */
         version: number;
+        /** the actual app version according to the app name */
+        appVersion: number;
+        /** the version of the chayns call interface */
+        callVersion: number;
         storePackageName?: string;
     };
     browser?: {
-        name?: Browser | 'bot' | null;
+        name?: IBrowser["name"] | 'bot' | null;
         version?: string | null;
         majorVersion: number;
         isWebPSupported: boolean;
     };
+    engine?: IEngine;
     imei?: string;
     accessToken?: string;
-    os?: OperatingSystem | null;
+    os?: 'AIX' | 'Amiga OS' | 'Android OS' | 'Arch' | 'Bada' | 'BeOS' | 'BlackBerry' | 'CentOS' | 'Chromium OS' | 'Contiki' | 'Fedora' | 'Firefox OS' | 'FreeBSD' | 'Debian' | 'DragonFly' | 'Gentoo' | 'GNU' | 'Haiku' | 'Hurd' | 'iOS' | 'Joli' | 'Linpus' | 'Linux' | 'Mac OS' | 'Mageia' | 'Mandriva' | 'MeeGo' | 'Minix' | 'Mint' | 'Morph OS' | 'NetBSD' | 'Nintendo' | 'OpenBSD' | 'OpenVMS' | 'OS/2' | 'Palm' | 'PCLinuxOS' | 'Plan9' | 'Playstation' | 'QNX' | 'RedHat' | 'RIM Tablet OS' | 'RISC OS' | 'Sailfish' | 'Series40' | 'Slackware' | 'Solaris' | 'SUSE' | 'Symbian' | 'Tizen' | 'Ubuntu' | 'UNIX' | 'VectorLinux' | 'WebOS' | 'Windows' | 'Windows Phone' | 'Windows Mobile' | 'Zenwalk' | null;
+    osVersion?: string;
     isTouch: boolean;
     screenSize: ScreenSize;
 };
@@ -729,7 +768,8 @@ export declare enum RuntimeEnviroment {
     ChaynsWeb = 2,
     ChaynsRuntime = 3,
     IntercomPlugin = 4,
-    PagemakerPlugin = 5
+    PagemakerPlugin = 5,
+    Dialog = 6
 }
 export declare enum DeviceOs {
     Unknown = "unknown",

package/dist/types/util/deviceHelper.d.ts

@@ -1,5 +1,7 @@
 import { ChaynsApiDevice, ScreenSize } from '../types/IChaynsReact';
-declare const getDeviceInfo: (userAgent: string, acceptHeader: string) => ChaynsApiDevice;
+declare const getDeviceInfo: (userAgent: string, acceptHeader: string, { imei }?: {
+    imei?: string | undefined;
+}) => ChaynsApiDevice;
 export declare const getClientDeviceInfo: () => {
     isTouch: boolean;
 };

package/dist/types/util/is.d.ts

@@ -0,0 +1,5 @@
+export declare const isApp: () => boolean;
+export declare const isAppCallSupported: ({ minAndroidVersion, minIOSVersion }: {
+    minAndroidVersion?: number | undefined;
+    minIOSVersion?: number | undefined;
+}) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.2.0-0",
+    "version": "1.2.0-2",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -42,16 +42,16 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@module-federation/runtime": "^0.1.13",
+        "@module-federation/runtime": "^0.6.9",
         "@types/semver": "^7.5.8",
         "comlink": "4.3.1",
-        "detect-browser": "^5.2.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
         "prop-types": "^15.7.2",
         "scheduler": "^0.23.0",
         "semaphore-async-await": "^1.5.1",
         "semver": "^7.6.0",
+        "ua-parser-js": "^1.0.38",
         "use-context-selector": "^1.4.4",
         "util": "^0.12.5"
     },
@@ -68,6 +68,7 @@
         "@types/prop-types": "^15.7.12",
         "@types/react": "^18.2.78",
         "@types/react-dom": "^18.2.25",
+        "@types/ua-parser-js": "^0.7.39",
         "@typescript-eslint/parser": "^7.6.0",
         "chayns-toolkit": "^2.0.9",
         "concurrently": "^8.2.2",