Fix wide buttons

.github/workflows/prettier.yml

@@ -0,0 +1,11 @@
+name: prettier
+on: 
+  pull_request:
+
+jobs:
+  run-prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: npx prettier --check www
+

.prettierignore

@@ -0,0 +1,13 @@
+# Ignore www/dist, manual_lib, json
+www/dist
+www/manual_lib
+www/json
+
+# Ignore all HTML files:
+**/*.html
+
+# This is the pattern to check only www directory
+# Ignore all
+/*
+# but don't ignore all the files in www directory
+!/www

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "endOfLine": "lf",
+  "semi": true
+}

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-typescript', '@babel/preset-react'],
+  plugins: ['@babel/plugin-transform-flow-strip-types'],
+}

jest.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  testPathIgnorePatterns: [
+    "/node_modules/",
+    "/platforms/",
+    "/plugins/",
+    "/lib/",
+    "/manual_lib/"
+  ],
+  preset: 'react-native',
+  transform: {
+    "^.+\\.(ts|tsx|js|jsx)$": "babel-jest"
+  },
+  transformIgnorePatterns: [
+    "node_modules/(?!((jest-)?react-native(-.*)?|@react-native(-community)?)/)"
+  ],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  moduleDirectories: ["node_modules", "src"],
+};

package.serve.json

@@ -18,13 +18,16 @@
     "@babel/core": "^7.21.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-transform-flow-strip-types": "^7.22.5",
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-flow": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
     "@ionic/cli": "6.20.8",
+    "@testing-library/react-native": "^12.3.0",
     "@types/luxon": "^3.3.0",
     "@types/react": "^18.2.20",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.2",
     "babel-plugin-angularjs-annotate": "^0.10.0",
     "babel-plugin-optional-require": "^0.3.1",
@@ -35,17 +38,19 @@
     "expose-loader": "^4.1.0",
     "file-loader": "^6.2.0",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "phonegap": "9.0.0+cordova.9.0.0",
     "process": "^0.11.10",
     "sass": "^1.62.1",
     "sass-loader": "^13.3.1",
     "style-loader": "^3.3.3",
-    "ts-jest": "^29.1.1",
     "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
     "typescript": "^5.0.3",
     "url-loader": "^4.1.1",
     "webpack": "^5.0.1",
-    "webpack-cli": "^5.0.1"
+    "webpack-cli": "^5.0.1",
+    "prettier": "3.0.3"
   },
   "dependencies": {
     "@react-navigation/native": "^6.1.7",

www/__mocks__/cordovaMocks.ts

@@ -0,0 +1,188 @@
+import packageJsonBuild from '../../package.cordovabuild.json';
+
+export const mockCordova = () => {
+  window['cordova'] ||= {};
+  window['cordova'].platformId ||= 'ios';
+  window['cordova'].platformVersion ||= packageJsonBuild.dependencies['cordova-ios'];
+  window['cordova'].plugins ||= {};
+};
+
+export const mockDevice = () => {
+  window['device'] ||= {};
+  window['device'].platform ||= 'ios';
+  window['device'].version ||= '14.0.0';
+};
+
+export const mockGetAppVersion = () => {
+  const mockGetAppVersion = {
+    getAppName: () => new Promise((rs, rj) => setTimeout(() => rs('Mock App'), 10)),
+    getPackageName: () => new Promise((rs, rj) => setTimeout(() => rs('com.example.mockapp'), 10)),
+    getVersionCode: () => new Promise((rs, rj) => setTimeout(() => rs('123'), 10)),
+    getVersionNumber: () => new Promise((rs, rj) => setTimeout(() => rs('1.2.3'), 10)),
+  };
+  window['cordova'] ||= {};
+  window['cordova'].getAppVersion = mockGetAppVersion;
+};
+
+export const mockFile = () => {
+  window['cordova'].file = {
+    dataDirectory: '../path/to/data/directory',
+    applicationStorageDirectory: '../path/to/app/storage/directory',
+  };
+};
+
+//for consent document
+const _storage = {};
+
+export const mockBEMUserCache = () => {
+  const _cache = {};
+  const messages = [];
+  const mockBEMUserCache = {
+    getLocalStorage: (key: string, isSecure: boolean) => {
+      return new Promise((rs, rj) =>
+        setTimeout(() => {
+          rs(_cache[key]);
+        }, 100),
+      );
+    },
+    putLocalStorage: (key: string, value: any) => {
+      return new Promise<void>((rs, rj) =>
+        setTimeout(() => {
+          _cache[key] = value;
+          rs();
+        }, 100),
+      );
+    },
+    removeLocalStorage: (key: string) => {
+      return new Promise<void>((rs, rj) =>
+        setTimeout(() => {
+          delete _cache[key];
+          rs();
+        }, 100),
+      );
+    },
+    clearAll: () => {
+      return new Promise<void>((rs, rj) =>
+        setTimeout(() => {
+          for (let p in _cache) delete _cache[p];
+          for (let doc in _storage) delete _storage[doc];
+          rs();
+        }, 100),
+      );
+    },
+    listAllLocalStorageKeys: () => {
+      return new Promise<string[]>((rs, rj) =>
+        setTimeout(() => {
+          rs(Object.keys(_cache));
+        }, 100),
+      );
+    },
+    listAllUniqueKeys: () => {
+      return new Promise<string[]>((rs, rj) =>
+        setTimeout(() => {
+          rs(Object.keys(_cache));
+        }, 100),
+      );
+    },
+    putMessage: (key: string, value: any) => {
+      return new Promise<void>((rs, rj) =>
+        setTimeout(() => {
+          messages.push({ key, value });
+          rs();
+        }, 100),
+      );
+    },
+    getAllMessages: (key: string, withMetadata?: boolean) => {
+      return new Promise<any[]>((rs, rj) =>
+        setTimeout(() => {
+          rs(messages.filter((m) => m.key == key).map((m) => m.value));
+        }, 100),
+      );
+    },
+    getDocument: (key: string, withMetadata?: boolean) => {
+      return new Promise<any[]>((rs, rj) =>
+        setTimeout(() => {
+          rs(_storage[key]);
+        }, 100),
+      );
+    },
+    isEmptyDoc: (doc) => {
+      if (doc == undefined) {
+        return true;
+      }
+      let string = doc.toString();
+      if (string.length == 0) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+  };
+  window['cordova'] ||= {};
+  window['cordova'].plugins ||= {};
+  window['cordova'].plugins.BEMUserCache = mockBEMUserCache;
+};
+
+export const mockBEMDataCollection = () => {
+  const mockBEMDataCollection = {
+    markConsented: (consentDoc) => {
+      setTimeout(() => {
+        _storage['config/consent'] = consentDoc;
+      }, 100);
+    },
+    getConfig: () => {
+      return new Promise<any>((rs, rj) => {
+        setTimeout(() => {
+          rs({ ios_use_remote_push_for_sync: true });
+        }, 100);
+      });
+    },
+    handleSilentPush: () => {
+      return new Promise<void>((rs, rj) =>
+        setTimeout(() => {
+          rs();
+        }, 100),
+      );
+    },
+  };
+  window['cordova'] ||= {};
+  window['cordova'].plugins.BEMDataCollection = mockBEMDataCollection;
+};
+
+export const mockBEMServerCom = () => {
+  const mockBEMServerCom = {
+    postUserPersonalData: (actionString, typeString, updateDoc, rs, rj) => {
+      setTimeout(() => {
+        console.log('set in mock', updateDoc);
+        _storage['user_data'] = updateDoc;
+        rs();
+      }, 100);
+    },
+
+    getUserPersonalData: (actionString, rs, rj) => {
+      setTimeout(() => {
+        rs(_storage['user_data']);
+      }, 100);
+    },
+  };
+  window['cordova'].plugins.BEMServerComm = mockBEMServerCom;
+};
+
+let _url_stash = '';
+
+export const mockInAppBrowser = () => {
+  const mockInAppBrowser = {
+    open: (url: string, mode: string, options: {}) => {
+      _url_stash = url;
+    },
+  };
+  window['cordova'].InAppBrowser = mockInAppBrowser;
+};
+
+export const getURL = () => {
+  return _url_stash;
+};
+
+export const clearURL = () => {
+  _url_stash = '';
+};

www/__mocks__/fileSystemMocks.ts

@@ -0,0 +1,21 @@
+export const mockFileSystem = () => {
+  window['resolveLocalFileSystemURL'] = function (parentDir, handleFS) {
+    const fs = {
+      filesystem: {
+        root: {
+          getFile: (path, options, onSuccess) => {
+            let fileEntry = {
+              file: (handleFile) => {
+                let file = new File(['this is a mock'], 'loggerDB');
+                handleFile(file);
+              },
+            };
+            onSuccess(fileEntry);
+          },
+        },
+      },
+    };
+    console.log('in mock, fs is ', fs, ' get File is ', fs.filesystem.root.getFile);
+    handleFS(fs);
+  };
+};

www/__mocks__/globalMocks.ts

@@ -0,0 +1,19 @@
+export const mockLogger = () => {
+  window['Logger'] = { log: console.log };
+};
+
+let alerts = [];
+
+export const mockAlert = () => {
+  window['alert'] = (message) => {
+    alerts.push(message);
+  };
+};
+
+export const clearAlerts = () => {
+  alerts = [];
+};
+
+export const getAlerts = () => {
+  return alerts;
+};

www/__mocks__/pushNotificationMocks.ts

@@ -0,0 +1,33 @@
+let notifSettings;
+let onList: any = {};
+let called = null;
+
+export const mockPushNotification = () => {
+  window['PushNotification'] = {
+    init: (settings: Object) => {
+      notifSettings = settings;
+      return {
+        on: (event: string, callback: Function) => {
+          onList[event] = callback;
+        },
+        finish: (content: any, errorFcn: Function, notID: any) => {
+          called = notID;
+        },
+      };
+    },
+  };
+};
+
+export const clearNotifMock = function () {
+  notifSettings = {};
+  onList = {};
+  called = null;
+};
+
+export const getOnList = function () {
+  return onList;
+};
+
+export const getCalled = function () {
+  return called;
+};