[MINI-6324] Create interfaces to share Cookie info to MiniApp (#280)

* Cookies from Host app

* Sample app changes

* Theme changed

* Update Helper class

* Updated Readme and Changelog

js-miniapp-bridge/src/common-bridge.ts

@@ -31,6 +31,7 @@ import { ProductInfo, PurchasedProductInfo } from './types/in-app-purchase';
 import { HostThemeColor } from './types/host-color-scheme';
 import { MAAnalyticsInfo } from './types/analytics/analytics';
 import { UniversalBridgeInfo } from './types/universal-bridge';
+import { CookieInfo } from './types/cookie-info';
 
 /** @internal */
 const mabMessageQueue: Callback[] = [];
@@ -813,6 +814,32 @@ export class MiniAppBridge {
       );
     });
   }
+
+  getAllCookies() {
+    return new Promise<[CookieInfo]>((resolve, reject) => {
+      return this.executor.exec(
+        'getAllCookies',
+        null,
+        response => {
+          resolve(JSON.parse(response) as [CookieInfo]);
+        },
+        error => reject(parseMiniAppError(error))
+      );
+    });
+  }
+
+  getCookies(cookieNameList: string[]) {
+    return new Promise<[CookieInfo]>((resolve, reject) => {
+      return this.executor.exec(
+        'getCookies',
+        { cookieList: cookieNameList },
+        response => {
+          resolve(JSON.parse(response) as [CookieInfo]);
+        },
+        error => reject(parseMiniAppError(error))
+      );
+    });
+  }
 }
 
 /**

js-miniapp-bridge/src/index.ts

@@ -62,6 +62,7 @@ import {
   PurchasedProductInfo,
   ProductPrice,
 } from './types/in-app-purchase';
+import { CookieInfo } from './types/cookie-info';
 
 export {
   MiniAppBridge,
@@ -111,4 +112,5 @@ export {
   MAAnalyticsActionType,
   MAAnalyticsEventType,
   UniversalBridgeInfo,
+  CookieInfo,
 };

js-miniapp-bridge/src/types/cookie-info.ts

@@ -0,0 +1,5 @@
+/** CookieInfo type. */
+export interface CookieInfo {
+  name?: string;
+  value?: string;
+}

js-miniapp-sample/package.json

@@ -25,7 +25,7 @@
     "format": "prettier --config ./prettier.config.js --write 'src/**/*.js'",
     "prettify": "prettier --config ./prettier.config.js --check src/**/*.js",
     "lint": "eslint src/ --fix-dry-run",
-    "start": "react-scripts start",
+    "start": "react-scripts --openssl-legacy-provider start",
     "build": "react-scripts build && npm run zip",
     "dockerBuild": "cd ci && make build",
     "eject": "react-scripts eject",