chayns-api 1.1.0-2 → 1.1.0-4

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

@@ -5,13 +5,67 @@ export type DialogButton = {
     type: DialogButtonType;
     text: string;
 };
-export type BaseDialog = {
+export declare enum DateType {
+    DATE = 0,
+    TIME = 1,
+    DATE_TIME = 2
+}
+export interface DialogDate {
+    type: DialogType.DATE;
+    minDate: Date;
+    maxDate: Date;
+    minDuration?: number;
+    minuteInterval?: number;
+    preselect?: Date;
+    dateType?: DateType;
+    multiselect?: boolean;
+    monthSelect?: boolean;
+    yearSelect?: boolean;
+}
+export declare enum ToastType {
+    NEUTRAL = 1,
+    SUCCESS = 2,
+    WARNING = 3,
+    ERROR = 4
+}
+export interface DialogToast {
+    type: DialogType.TOAST;
+    icon?: string;
+    showDurationBar?: boolean;
+    duration?: number;
+    linkText?: string;
+    onLinkClick?: () => void;
+    permanent?: boolean;
+    showCloseIcon?: boolean;
+    toastType?: ToastType;
+}
+export interface DialogFileSelect {
+    type: DialogType.FILE_SELECT;
+    multiselect?: boolean;
+    contentType?: Array<string> | string;
+    exclude?: Array<string> | string;
+    directory?: boolean;
+}
+export interface DialogConfirm {
+    type: DialogType.CONFIRM;
+}
+export interface DialogAlert {
+    type: DialogType.ALERT;
+}
+export interface BaseDialog {
     text?: string;
     buttons?: DialogButton[];
-    dialogId: number;
-};
-export type Dialog = BaseDialog & (DialogInput | DialogModule | DialogIFrame | DialogSelect);
-export type DialogModule = {
+    width?: string | number;
+    animation?: {
+        type: DialogAnimation;
+        config?: any;
+    };
+}
+export type Dialog = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule | DialogIFrame | DialogSelect | DialogDate | DialogToast | DialogFileSelect | DialogSignature);
+export interface DialogSignature {
+    type: DialogType.SIGNATURE;
+}
+export interface DialogModule {
     type: DialogType.MODULE;
     system: {
         url: string;
@@ -19,27 +73,48 @@ export type DialogModule = {
         scope: string;
     };
     dialogInput: object;
-    isClosingRequested: boolean;
-};
-export type DialogIFrame = {
+}
+export interface DialogIFrame {
     type: DialogType.IFRAME;
     url: string;
     dialogInput: object;
-    isClosingRequested: boolean;
-};
-export type DialogInput = {
+}
+export declare enum DialogInputType {
+    NUMBER = "number",
+    PASSWORD = "password",
+    TELEPHONE = "tel",
+    TEXT = "text",
+    TEXTAREA = "textarea"
+}
+export interface DialogInput {
     type: DialogType.INPUT;
     placeholder: string;
+    inputType: DialogInputType;
+    defaultValue?: string;
+    formatter?: (input: string) => string;
+}
+export declare enum DialogSelectType {
+    DEFAULT = 0,
+    ICON = 1,
+    IMAGE = 2
+}
+export type DialogSelectListItemType = {
+    id: number;
+    name: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+    url?: string;
+    className?: string;
 };
-export type DialogSelect = {
+export interface DialogSelect {
     type: DialogType.SELECT;
-    list: {
-        id: number;
-        name: string;
-        disabled?: boolean;
-        isSelected?: boolean;
-    }[];
-};
+    list: DialogSelectListItemType[];
+    multiselect?: boolean;
+    quickfind?: boolean;
+    selectType?: DialogSelectType;
+    preventCloseOnClick?: boolean;
+    selectAllCheckbox?: string;
+}
 export declare enum DialogButtonType {
     OK = 1,
     CANCEL = -1,
@@ -104,9 +179,7 @@ export type DialogHookResult = {
     addDataListener: ChaynsReactFunctions["addDialogHostEventListener"];
 };
 export type DialogDataHookResult = {
-    inputData: {
-        [key: string | symbol]: object;
-    };
+    [key: string | symbol]: object;
 };
 /**
  * @ignore
@@ -131,7 +204,7 @@ export interface ChaynsReactValues {
      * keys are in lower case
      */
     parameters: {
-        [key: string | symbol]: string;
+        [key: string | symbol]: string | string[];
     };
     environment: {
         buildEnvironment: Environment;
@@ -155,6 +228,7 @@ export interface ChaynsReactFunctions {
         throttle?: number;
     }, callback: (result: ScrollListenerResult) => void) => Promise<number>;
     addVisibilityChangeListener: (callback: (result: VisibilityChangeListenerResult) => void) => Promise<number>;
+    addToolbarChangeListener: (callback: (result: ToolbarChangeListenerResult) => void) => Promise<number>;
     addWindowMetricsListener: (callback: (result: WindowMetricsListenerResult) => void) => Promise<number>;
     customCallbackFunction: (type: string, data: unknown) => Promise<unknown>;
     getAvailableSharingServices: () => Promise<AvailableSharingServices>;
@@ -174,11 +248,13 @@ export interface ChaynsReactFunctions {
     openImage: (value: OpenImage) => Promise<void>;
     openUrl: (value: OpenUrl) => Promise<void>;
     openVideo: (value: OpenVideo) => Promise<void>;
+    openMedia: (value: OpenMedia) => Promise<void>;
     refreshData: (value: RefreshData) => Promise<void>;
     refreshAccessToken: () => Promise<void>;
     removeGeoLocationListener: (value: number) => Promise<void>;
     removeScrollListener: (value: number) => Promise<void>;
     removeVisibilityChangeListener: (value: number) => Promise<void>;
+    removeToolbarChangeListener: (value: number) => Promise<void>;
     removeWindowMetricsListener: (value: number) => Promise<void>;
     selectPage: (value: SelectPage) => Promise<void>;
     scrollToY: (position: number, duration: number) => Promise<void>;
@@ -202,7 +278,7 @@ export interface ChaynsReactFunctions {
     createDialog: (config: Dialog) => DialogHandler;
     openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
     closeDialog: (dialogId: number) => Promise<void>;
-    setDialogResult: (result: any) => Promise<void>;
+    setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;
     dispatchEventToDialogClient: (dialogId: number, data: object) => Promise<void>;
     addDialogClientEventListener: (dialogId: number, callback: (data: object) => void) => Promise<number>;
     removeDialogClientEventListener: (dialogId: number, id: number) => Promise<void>;
@@ -430,7 +506,7 @@ export type UserInfoQuery = {
     personId?: string;
     userId: number;
 };
-type OpenImageItem = {
+export type OpenImageItem = {
     url: string;
     title?: string;
     description?: string;
@@ -512,10 +588,11 @@ export interface RefreshScrollEnabled {
     isEnabled: boolean;
 }
 export interface GeoLocation {
-    accuracy: number | null;
     latitude: number;
     longitude: number;
     speed: number;
+    accuracy: number | null;
+    isAccurate: boolean | null;
     code: number;
 }
 export type DataChangeValue = {
@@ -553,6 +630,10 @@ export interface VisibilityChangeListenerResult {
     isVisible: boolean;
     tappEvent: TappEvent;
 }
+export interface ToolbarChangeListenerResult {
+    isVisible: boolean;
+    toolbarHeight: number;
+}
 export interface ScrollListenerResult {
     scrollX: number | null;
     scrollY: number | null;
@@ -633,7 +714,10 @@ export declare enum AppName {
     Chayns = 2,
     Location = 3,
     Intercom = 4,
-    ChaynsLauncher = 5
+    ChaynsLauncher = 5,
+    TobitChat = 6,
+    Sidekick = 7,
+    Team = 8
 }
 export declare enum BrowserName {
     Unknown = "unknown",
@@ -703,6 +787,30 @@ export declare enum DialogType {
     MODULE = "module",
     INPUT = "input",
     SELECT = "select",
-    TOAST = "toast"
+    TOAST = "toast",
+    SIGNATURE = "signature"
+}
+export declare enum MediaType {
+    IMAGE = "image",
+    VIDEO = "video"
+}
+export type OpenMediaItem = {
+    url: string;
+    title?: string;
+    description?: string;
+    preventCache?: boolean;
+    mediaType: MediaType;
+};
+export type OpenMedia = {
+    items: [OpenMediaItem, ...OpenMediaItem[]];
+    startIndex?: number;
+};
+export declare enum DialogAnimation {
+    CONFETTI = "confetti"
+}
+export declare enum DialogIconType {
+    SuccessIcon = "%%DialogSuccessIcon%%",
+    WarningIcon = "%%DialogWarningIcon%%",
+    ErrorIcon = "%%DialogErrorIcon%%"
 }
 export {};

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

@@ -1,7 +1,7 @@
 import { ChaynsApiDevice, ScreenSize } from '../types/IChaynsReact';
 declare const getDeviceInfo: (userAgent: string, acceptHeader: string) => ChaynsApiDevice;
 export declare const getClientDeviceInfo: () => {
-    isTouch: false | MediaQueryList;
+    isTouch: boolean;
 };
-export declare const getScreenSize: (width: any, height: any) => ScreenSize;
+export declare const getScreenSize: (width: any) => ScreenSize;
 export default getDeviceInfo;

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

@@ -0,0 +1 @@
+export {};

package/dist/types/wrapper/StaticChaynsApi.d.ts

@@ -0,0 +1,9 @@
+import { DataChangeCallback } from '../types/IChaynsReact';
+declare class StaticChaynsApi {
+    ready: Promise<void>;
+    addDataListener: (cb: DataChangeCallback) => () => void;
+    private _wrapper;
+    constructor();
+    getSite: () => any;
+}
+export default StaticChaynsApi;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.1.0-2",
+    "version": "1.1.0-4",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -12,6 +12,7 @@
     ],
     "scripts": {
         "start": "npm run dev",
+        "build:umd": "chayns-toolkit build",
         "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir dist/cjs --extensions=.ts,.tsx",
         "build:esm": "cross-env NODE_ENV=esm babel src --out-dir dist/esm --extensions=.ts,.tsx",
         "build-docs": "npm i && cd website && npm i && npm run build",
@@ -34,42 +35,45 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@types/semver": "^7.3.9",
-        "comlink": "^4.4.1",
+        "@module-federation/runtime": "^0.1.6",
+        "@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.20.2",
+        "scheduler": "^0.23.0",
         "semaphore-async-await": "^1.5.1",
-        "semver": "^7.3.5",
-        "use-context-selector": "^1.3.9"
+        "semver": "^7.6.0",
+        "use-context-selector": "^1.4.4",
+        "util": "^0.12.5"
     },
     "devDependencies": {
-        "@babel/cli": "^7.20.7",
-        "@babel/core": "^7.20.12",
-        "@babel/preset-env": "^7.16.4",
-        "@babel/preset-react": "^7.16.0",
-        "@babel/preset-typescript": "^7.16.0",
+        "@babel/cli": "^7.24.1",
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
+        "@babel/preset-react": "^7.24.1",
+        "@babel/preset-typescript": "^7.24.1",
         "@chayns-toolkit/eslint-config": "^2.0.0",
         "@testing-library/react": "^12.1.2",
-        "@types/htmlescape": "^1.1.1",
-        "@types/lodash.throttle": "^4.1.6",
-        "@types/prop-types": "^15.7.3",
-        "@types/react": "^18.0.28",
-        "@types/react-dom": "^18.0.10",
-        "@typescript-eslint/parser": "^5.50.0",
-        "concurrently": "^7.6.0",
+        "@types/htmlescape": "^1.1.3",
+        "@types/lodash.throttle": "^4.1.9",
+        "@types/prop-types": "^15.7.12",
+        "@types/react": "^18.2.78",
+        "@types/react-dom": "^18.2.25",
+        "@typescript-eslint/parser": "^7.6.0",
+        "chayns-toolkit": "^2.0.9",
+        "concurrently": "^8.2.2",
         "cross-env": "^7.0.3",
         "postcss-prefix-selector": "^1.13.0",
-        "prettier": "^2.5.0",
-        "prettier-plugin-packagejson": "^2.2.15",
+        "prettier": "^3.2.5",
+        "prettier-plugin-packagejson": "^2.5.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "typescript": "^4.9.5"
     },
     "peerDependencies": {
-        "react": "^16.8 || ^17.0.1",
-        "react-dom": "^16.8 || ^17.0.1"
+        "react": "^16.8 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.8 || ^17.0.1 || ^18.0.0"
     }
 }

package/toolkit.config.js

@@ -0,0 +1,20 @@
+const path = require('path');
+
+module.exports = {
+    development: {
+        host: "0.0.0.0",
+        port: 8081,
+    },
+    output: {
+        singleBundle: true,
+        filename: 'chayns-api.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+    webpack(config) {
+        config.output.library = {
+            name: 'ChaynsApi',
+            type: 'umd',
+        }
+        return config;
+    }
+};