@capgo/inappbrowser 7.1.1 → 7.2.0

package/README.md

@@ -6,7 +6,7 @@
   <h2><a href="https://capgo.app/consulting/?ref=plugin"> Fix your annoying bug now, Hire a Capacitor expert 💪</a></h2>
 </div>
 
-Capacitor plugin in app browser with urlChangeEvent
+Capacitor plugin in app browser with urlChangeEvent, two way communication, camera and microphone usage, etc.
 
 ## Install
 
@@ -69,6 +69,46 @@ Add the following to your `Info.plist` file:
 <string>We need access to the microphone to record audio.</string>
 ```
 
+### Two way communication
+
+With this plugin you can send events from the main app to the inappbrowser and vice versa.
+
+> The data is sent as a JSON object, so no functions or other non-JSON-serializable types are allowed.
+
+#### Main app to inappbrowser
+
+```js
+InAppBrowser.postMessage({ detail: { message: "myMessage" } });
+```
+
+#### Receive event from native in the inappbrowser
+
+```js
+window.addListener("messageFromNative", (event) => {
+  console.log(event);
+});
+```
+
+#### Send event from inappbrowser to main app
+
+```js
+window.mobileApp.postMessage({ detail: { message: "myMessage" } });
+```
+
+#### Receive event from inappbrowser in the main app
+
+```js
+window.addListener("messageFromWebview", (event) => {
+  console.log(event);
+});
+```
+
+### Close inappbrowser from inappbrowser itself
+
+```js
+window.mobileApp.close();
+```
+
 ## API
 
 <docgen-index>
@@ -239,7 +279,7 @@ Injects JavaScript code into the InAppBrowser window.
 postMessage(options: { detail: Record<string, any>; }) => Promise<void>
 ```
 
-Sends an event to the webview. you can listen to this event with addListener("messageFromWebview", listenerFunc: (event: <a href="#record">Record</a>&lt;string, any&gt;) =&gt; void)
+Sends an event to the webview(inappbrowser). you can listen to this event in the inappbrowser JS with window.addListener("messageFromNative", listenerFunc: (event: <a href="#record">Record</a>&lt;string, any&gt;) =&gt; void)
 detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects
 Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.
 
@@ -349,9 +389,9 @@ Will be triggered when user clicks on confirm button when disclaimer is required
 addListener(eventName: "messageFromWebview", listenerFunc: (event: { detail: Record<string, any>; }) => void) => Promise<PluginListenerHandle>
 ```
 
-Will be triggered when event is sent from webview, to send an event to the webview use window.mobileApp.postMessage({ "detail": { "message": "myMessage" } })
-detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects
-Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.
+Will be triggered when event is sent from webview(inappbrowser), to send an event to the main app use window.mobileApp.postMessage({ "detail": { "message": "myMessage" } })
+detail is the data you want to send to the main app, it's a requirement of Capacitor we cannot send direct objects
+Your object has to be serializable to JSON, no functions or other non-JSON-serializable types are allowed.
 
 This method is inject at runtime in the webview
 

package/android/build.gradle

@@ -54,6 +54,7 @@ dependencies {
     implementation project(':capacitor-android')
     implementation 'com.caverock:androidsvg:1.4'
     implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    implementation "androidx.window:window:1.3.0"
     testImplementation "junit:junit:$junitVersion"
     androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
     androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"

package/android/src/main/AndroidManifest.xml

@@ -7,6 +7,5 @@
         <data android:scheme="http" />
       </intent>
     </queries>
-  <uses-permission android:name="android.permission.READ_MEDIA_IMAGES"/>
   <uses-permission android:name="android.permission.CAMERA"/>
 </manifest>

package/android/src/main/java/ee/forgr/capacitor_inappbrowser/InAppBrowserPlugin.java

@@ -45,10 +45,6 @@ import org.json.JSONObject;
       alias = "storage",
       strings = { Manifest.permission.READ_EXTERNAL_STORAGE }
     ),
-    @Permission(
-      alias = "storage",
-      strings = { Manifest.permission.READ_MEDIA_IMAGES }
-    ),
   },
   requestCodes = { WebViewDialog.FILE_CHOOSER_REQUEST_CODE }
 )

package/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java

@@ -38,6 +38,7 @@ import android.widget.TextView;
 import android.widget.Toast;
 import android.widget.Toolbar;
 import androidx.annotation.RequiresApi;
+import androidx.core.view.WindowInsetsControllerCompat;
 import com.caverock.androidsvg.SVG;
 import com.caverock.androidsvg.SVGParseException;
 import com.getcapacitor.JSObject;
@@ -132,6 +133,21 @@ public class WebViewDialog extends Dialog {
       // Handle message from JavaScript
       _options.getCallbacks().javascriptCallback(message);
     }
+
+    @JavascriptInterface
+    public void close() {
+      // close webview
+      activity.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            dismiss();
+            _options.getCallbacks().closeEvent(_webView.getUrl());
+            _webView.destroy();
+          }
+        }
+      );
+    }
   }
 
   public class PreShowScriptInterface {
@@ -163,6 +179,17 @@ public class WebViewDialog extends Dialog {
       WindowManager.LayoutParams.FLAG_FULLSCREEN
     );
     setContentView(R.layout.activity_browser);
+    getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+
+    WindowInsetsControllerCompat insetsController =
+      new WindowInsetsControllerCompat(getWindow(), getWindow().getDecorView());
+    insetsController.setAppearanceLightStatusBars(false);
+    getWindow()
+      .getDecorView()
+      .post(() -> {
+        getWindow().setStatusBarColor(Color.BLACK);
+      });
+
     getWindow()
       .setLayout(
         WindowManager.LayoutParams.MATCH_PARENT,
@@ -318,6 +345,9 @@ public class WebViewDialog extends Dialog {
       "            if (window.AndroidInterface) { " +
       "                window.AndroidInterface.postMessage(JSON.stringify(message)); " +
       "            } " +
+      "        }, " +
+      "        close: function() { " +
+      "            window.AndroidInterface.close(); " +
       "        } " +
       "    }; " +
       "}";
@@ -487,7 +517,7 @@ public class WebViewDialog extends Dialog {
       }
     );
 
-    View closeButton = _toolbar.findViewById(R.id.closeButton);
+    ImageButton closeButton = _toolbar.findViewById(R.id.closeButton);
     closeButton.setOnClickListener(
       new View.OnClickListener() {
         @Override
@@ -520,7 +550,7 @@ public class WebViewDialog extends Dialog {
     );
 
     if (_options.showArrow()) {
-      closeButton.setBackgroundResource(R.drawable.arrow_forward_enabled);
+      closeButton.setImageResource(R.drawable.arrow_back_enabled);
     }
 
     if (_options.getShowReloadButton()) {

package/dist/docs.json

@@ -170,7 +170,7 @@
         ],
         "returns": "Promise<void>",
         "tags": [],
-        "docs": "Sends an event to the webview. you can listen to this event with addListener(\"messageFromWebview\", listenerFunc: (event: Record<string, any>) => void)\ndetail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\nYour object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.",
+        "docs": "Sends an event to the webview(inappbrowser). you can listen to this event in the inappbrowser JS with window.addListener(\"messageFromNative\", listenerFunc: (event: Record<string, any>) => void)\ndetail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\nYour object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.",
         "complexTypes": [
           "Record"
         ],
@@ -320,7 +320,7 @@
         ],
         "returns": "Promise<PluginListenerHandle>",
         "tags": [],
-        "docs": "Will be triggered when event is sent from webview, to send an event to the webview use window.mobileApp.postMessage({ \"detail\": { \"message\": \"myMessage\" } })\ndetail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\nYour object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.\n\nThis method is inject at runtime in the webview",
+        "docs": "Will be triggered when event is sent from webview(inappbrowser), to send an event to the main app use window.mobileApp.postMessage({ \"detail\": { \"message\": \"myMessage\" } })\ndetail is the data you want to send to the main app, it's a requirement of Capacitor we cannot send direct objects\nYour object has to be serializable to JSON, no functions or other non-JSON-serializable types are allowed.\n\nThis method is inject at runtime in the webview",
         "complexTypes": [
           "PluginListenerHandle",
           "Record"

package/dist/esm/definitions.d.ts

@@ -296,7 +296,7 @@ export interface InAppBrowserPlugin {
         code: string;
     }): Promise<void>;
     /**
-     * Sends an event to the webview. you can listen to this event with addListener("messageFromWebview", listenerFunc: (event: Record<string, any>) => void)
+     * Sends an event to the webview(inappbrowser). you can listen to this event in the inappbrowser JS with window.addListener("messageFromNative", listenerFunc: (event: Record<string, any>) => void)
      * detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects
      * Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.
      */
@@ -329,9 +329,9 @@ export interface InAppBrowserPlugin {
      */
     addListener(eventName: "confirmBtnClicked", listenerFunc: ConfirmBtnListener): Promise<PluginListenerHandle>;
     /**
-     * Will be triggered when event is sent from webview, to send an event to the webview use window.mobileApp.postMessage({ "detail": { "message": "myMessage" } })
-     * detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects
-     * Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.
+     * Will be triggered when event is sent from webview(inappbrowser), to send an event to the main app use window.mobileApp.postMessage({ "detail": { "message": "myMessage" } })
+     * detail is the data you want to send to the main app, it's a requirement of Capacitor we cannot send direct objects
+     * Your object has to be serializable to JSON, no functions or other non-JSON-serializable types are allowed.
      *
      * This method is inject at runtime in the webview
      */

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAuBA,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,kCAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AACD,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;IACzB,8BAAe,CAAA;IACf,2BAAY,CAAA;AACd,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB","sourcesContent":["import type { PluginListenerHandle } from \"@capacitor/core\";\n\nexport interface UrlEvent {\n  /**\n   * Emit when the url changes\n   *\n   * @since 0.0.1\n   */\n  url: string;\n}\nexport interface BtnEvent {\n  /**\n   * Emit when a button is clicked.\n   *\n   * @since 0.0.1\n   */\n  url: string;\n}\n\nexport type UrlChangeListener = (state: UrlEvent) => void;\nexport type ConfirmBtnListener = (state: BtnEvent) => void;\nexport type ButtonNearListener = (state: {}) => void;\n\nexport enum BackgroundColor {\n  WHITE = \"white\",\n  BLACK = \"black\",\n}\nexport enum ToolBarType {\n  ACTIVITY = \"activity\",\n  NAVIGATION = \"navigation\",\n  BLANK = \"blank\",\n  DEFAULT = \"\",\n}\n\nexport interface Headers {\n  [key: string]: string;\n}\n\nexport interface GetCookieOptions {\n  url: string;\n  includeHttpOnly?: boolean;\n}\n\nexport interface ClearCookieOptions {\n  url: string;\n}\n\nexport interface Credentials {\n  username: string;\n  password: string;\n}\n\nexport interface OpenOptions {\n  /**\n   * Target URL to load.\n   * @since 0.1.0\n   */\n  url: string;\n  /**\n   * Headers to send with the request.\n   * @since 0.1.0\n   */\n  headers?: Headers;\n  /**\n   * Credentials to send with the request and all subsequent requests for the same host.\n   * @since 6.1.0\n   */\n  credentials?: Credentials;\n  /**\n   * if true, the browser will be presented after the page is loaded, if false, the browser will be presented immediately.\n   * @since 0.1.0\n   */\n  isPresentAfterPageLoad?: boolean;\n  preventDeeplink?: boolean;\n}\n\nexport interface DisclaimerOptions {\n  title: string;\n  message: string;\n  confirmBtn: string;\n  cancelBtn: string;\n}\n\nexport interface OpenWebViewOptions {\n  /**\n   * Target URL to load.\n   * @since 0.1.0\n   */\n  url: string;\n  /**\n   * Headers to send with the request.\n   * @since 0.1.0\n   */\n  headers?: Headers;\n  /**\n   * Credentials to send with the request and all subsequent requests for the same host.\n   * @since 6.1.0\n   */\n  credentials?: Credentials;\n  /**\n   * share options\n   * @since 0.1.0\n   */\n  shareDisclaimer?: DisclaimerOptions;\n  /**\n   * Toolbar type\n   * @since 0.1.0\n   * @default ToolBarType.DEFAULT\n   */\n  toolbarType?: ToolBarType;\n  /**\n   * Share subject\n   * @since 0.1.0\n   */\n  shareSubject?: string;\n  /**\n   * Title of the browser\n   * @since 0.1.0\n   * @default 'New Window'\n   */\n  title?: string;\n  /**\n   * Background color of the browser, only on IOS\n   * @since 0.1.0\n   * @default BackgroundColor.BLACK\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * If true, active the native navigation within the webview, Android only\n   *\n   * @default false\n   */\n  activeNativeNavigationForWebview?: boolean;\n  /**\n   * Disable the possibility to go back on native application,\n   * usefull to force user to stay on the webview, Android only\n   *\n   * @default false\n   */\n  disableGoBackOnNativeApplication?: boolean;\n  /**\n   * Open url in a new window fullscreen\n   *\n   * isPresentAfterPageLoad: if true, the browser will be presented after the page is loaded, if false, the browser will be presented immediately.\n   * @since 0.1.0\n   * @default false\n   */\n  isPresentAfterPageLoad?: boolean;\n  /**\n   * Whether the website in the webview is inspectable or not, ios only\n   *\n   * @default false\n   */\n  isInspectable?: boolean;\n  /**\n   * Whether the webview opening is animated or not, ios only\n   *\n   * @default true\n   */\n  isAnimated?: boolean;\n  /**\n   * Shows a reload button that reloads the web page\n   * @since 1.0.15\n   * @default false\n   */\n  showReloadButton?: boolean;\n  /**\n   * CloseModal: if true a confirm will be displayed when user clicks on close button, if false the browser will be closed immediately.\n   *\n   * @since 1.1.0\n   * @default false\n   */\n  closeModal?: boolean;\n  /**\n   * CloseModalTitle: title of the confirm when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Close'\n   */\n  closeModalTitle?: string;\n  /**\n   * CloseModalDescription: description of the confirm when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Are you sure you want to close this window?'\n   */\n  closeModalDescription?: string;\n  /**\n   * CloseModalOk: text of the confirm button when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Close'\n   */\n  closeModalOk?: string;\n  /**\n   * CloseModalCancel: text of the cancel button when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Cancel'\n   */\n  closeModalCancel?: string;\n  /**\n   * visibleTitle: if true the website title would be shown else shown empty\n   *\n   * @since 1.2.5\n   * @default true\n   */\n  visibleTitle?: boolean;\n  /**\n   * toolbarColor: color of the toolbar in hex format\n   *\n   * @since 1.2.5\n   * @default '#ffffff''\n   */\n  toolbarColor?: string;\n  /**\n   * showArrow: if true an arrow would be shown instead of cross for closing the window\n   *\n   * @since 1.2.5\n   * @default false\n   */\n  showArrow?: boolean;\n  /**\n   * ignoreUntrustedSSLError: if true, the webview will ignore untrusted SSL errors allowing the user to view the website.\n   *\n   * @since 6.1.0\n   * @default false\n   */\n  ignoreUntrustedSSLError?: boolean;\n  /**\n   * preShowScript: if isPresentAfterPageLoad is true and this variable is set the plugin will inject a script before showing the browser.\n   * This script will be run in an async context. The plugin will wait for the script to finish (max 10 seconds)\n   *\n   * @since 6.6.0\n   */\n  preShowScript?: String;\n  /**\n   * proxyRequests is a regex expression. Please see [this pr](https://github.com/Cap-go/capacitor-inappbrowser/pull/222) for more info. (Android only)\n   *\n   * @since 6.9.0\n   */\n  proxyRequests?: String;\n  /**\n   * buttonNearDone allows for a creation of a custom button. Please see [buttonNearDone.md](/buttonNearDone.md) for more info.\n   *\n   * @since 6.7.0\n   */\n  buttonNearDone?: {\n    ios: {\n      iconType: \"sf-symbol\" | \"asset\";\n      icon: String;\n    };\n    android: {\n      iconType: \"asset\";\n      icon: String;\n      width?: number;\n      height?: number;\n    };\n  };\n}\n\nexport interface InAppBrowserPlugin {\n  /**\n   * Open url in a new window fullscreen\n   *\n   * @since 0.1.0\n   */\n  open(options: OpenOptions): Promise<any>;\n\n  /**\n   * Clear cookies of url\n   *\n   * @since 0.5.0\n   */\n  clearCookies(options: ClearCookieOptions): Promise<any>;\n  /**\n   * Clear all cookies\n   *\n   * @since 6.5.0\n   */\n  clearAllCookies(): Promise<any>;\n\n  /**\n   * Clear cache\n   *\n   * @since 6.5.0\n   */\n  clearCache(): Promise<any>;\n\n  /**\n   * Get cookies for a specific URL.\n   * @param options The options, including the URL to get cookies for.\n   * @returns A promise that resolves with the cookies.\n   */\n  getCookies(options: GetCookieOptions): Promise<Record<string, string>>;\n  /**\n   * Close the webview.\n   */\n  close(): Promise<any>;\n  /**\n   * Open url in a new webview with toolbars, and enhanced capabilities, like camera access, file access, listen events, inject javascript, bi directional communication, etc.\n   *\n   * @since 0.1.0\n   */\n  openWebView(options: OpenWebViewOptions): Promise<any>;\n  /**\n   * Injects JavaScript code into the InAppBrowser window.\n   */\n  executeScript({ code }: { code: string }): Promise<void>;\n  /**\n   * Sends an event to the webview. you can listen to this event with addListener(\"messageFromWebview\", listenerFunc: (event: Record<string, any>) => void)\n   * detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\n   * Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.\n   */\n  postMessage(options: { detail: Record<string, any> }): Promise<void>;\n  /**\n   * Sets the URL of the webview.\n   */\n  setUrl(options: { url: string }): Promise<any>;\n  /**\n   * Listen for url change, only for openWebView\n   *\n   * @since 0.0.1\n   */\n  addListener(\n    eventName: \"urlChangeEvent\",\n    listenerFunc: UrlChangeListener,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: \"buttonNearDoneClick\",\n    listenerFunc: ButtonNearListener,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for close click only for openWebView\n   *\n   * @since 0.4.0\n   */\n  addListener(\n    eventName: \"closeEvent\",\n    listenerFunc: UrlChangeListener,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Will be triggered when user clicks on confirm button when disclaimer is required, works only on iOS\n   *\n   * @since 0.0.1\n   */\n  addListener(\n    eventName: \"confirmBtnClicked\",\n    listenerFunc: ConfirmBtnListener,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Will be triggered when event is sent from webview, to send an event to the webview use window.mobileApp.postMessage({ \"detail\": { \"message\": \"myMessage\" } })\n   * detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\n   * Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.\n   *\n   * This method is inject at runtime in the webview\n   */\n  addListener(\n    eventName: \"messageFromWebview\",\n    listenerFunc: (event: { detail: Record<string, any> }) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Will be triggered when page is loaded\n   */\n  addListener(\n    eventName: \"browserPageLoaded\",\n    listenerFunc: () => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Will be triggered when page load error\n   */\n  addListener(\n    eventName: \"pageLoadError\",\n    listenerFunc: () => void,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Remove all listeners for this plugin.\n   *\n   * @since 1.0.0\n   */\n  removeAllListeners(): Promise<void>;\n\n  /**\n   * Reload the current web page.\n   *\n   * @since 1.0.0\n   */\n  reload(): Promise<any>; // Add this line\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAuBA,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,kCAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AACD,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;IACzB,8BAAe,CAAA;IACf,2BAAY,CAAA;AACd,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB","sourcesContent":["import type { PluginListenerHandle } from \"@capacitor/core\";\n\nexport interface UrlEvent {\n  /**\n   * Emit when the url changes\n   *\n   * @since 0.0.1\n   */\n  url: string;\n}\nexport interface BtnEvent {\n  /**\n   * Emit when a button is clicked.\n   *\n   * @since 0.0.1\n   */\n  url: string;\n}\n\nexport type UrlChangeListener = (state: UrlEvent) => void;\nexport type ConfirmBtnListener = (state: BtnEvent) => void;\nexport type ButtonNearListener = (state: {}) => void;\n\nexport enum BackgroundColor {\n  WHITE = \"white\",\n  BLACK = \"black\",\n}\nexport enum ToolBarType {\n  ACTIVITY = \"activity\",\n  NAVIGATION = \"navigation\",\n  BLANK = \"blank\",\n  DEFAULT = \"\",\n}\n\nexport interface Headers {\n  [key: string]: string;\n}\n\nexport interface GetCookieOptions {\n  url: string;\n  includeHttpOnly?: boolean;\n}\n\nexport interface ClearCookieOptions {\n  url: string;\n}\n\nexport interface Credentials {\n  username: string;\n  password: string;\n}\n\nexport interface OpenOptions {\n  /**\n   * Target URL to load.\n   * @since 0.1.0\n   */\n  url: string;\n  /**\n   * Headers to send with the request.\n   * @since 0.1.0\n   */\n  headers?: Headers;\n  /**\n   * Credentials to send with the request and all subsequent requests for the same host.\n   * @since 6.1.0\n   */\n  credentials?: Credentials;\n  /**\n   * if true, the browser will be presented after the page is loaded, if false, the browser will be presented immediately.\n   * @since 0.1.0\n   */\n  isPresentAfterPageLoad?: boolean;\n  preventDeeplink?: boolean;\n}\n\nexport interface DisclaimerOptions {\n  title: string;\n  message: string;\n  confirmBtn: string;\n  cancelBtn: string;\n}\n\nexport interface OpenWebViewOptions {\n  /**\n   * Target URL to load.\n   * @since 0.1.0\n   */\n  url: string;\n  /**\n   * Headers to send with the request.\n   * @since 0.1.0\n   */\n  headers?: Headers;\n  /**\n   * Credentials to send with the request and all subsequent requests for the same host.\n   * @since 6.1.0\n   */\n  credentials?: Credentials;\n  /**\n   * share options\n   * @since 0.1.0\n   */\n  shareDisclaimer?: DisclaimerOptions;\n  /**\n   * Toolbar type\n   * @since 0.1.0\n   * @default ToolBarType.DEFAULT\n   */\n  toolbarType?: ToolBarType;\n  /**\n   * Share subject\n   * @since 0.1.0\n   */\n  shareSubject?: string;\n  /**\n   * Title of the browser\n   * @since 0.1.0\n   * @default 'New Window'\n   */\n  title?: string;\n  /**\n   * Background color of the browser, only on IOS\n   * @since 0.1.0\n   * @default BackgroundColor.BLACK\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * If true, active the native navigation within the webview, Android only\n   *\n   * @default false\n   */\n  activeNativeNavigationForWebview?: boolean;\n  /**\n   * Disable the possibility to go back on native application,\n   * usefull to force user to stay on the webview, Android only\n   *\n   * @default false\n   */\n  disableGoBackOnNativeApplication?: boolean;\n  /**\n   * Open url in a new window fullscreen\n   *\n   * isPresentAfterPageLoad: if true, the browser will be presented after the page is loaded, if false, the browser will be presented immediately.\n   * @since 0.1.0\n   * @default false\n   */\n  isPresentAfterPageLoad?: boolean;\n  /**\n   * Whether the website in the webview is inspectable or not, ios only\n   *\n   * @default false\n   */\n  isInspectable?: boolean;\n  /**\n   * Whether the webview opening is animated or not, ios only\n   *\n   * @default true\n   */\n  isAnimated?: boolean;\n  /**\n   * Shows a reload button that reloads the web page\n   * @since 1.0.15\n   * @default false\n   */\n  showReloadButton?: boolean;\n  /**\n   * CloseModal: if true a confirm will be displayed when user clicks on close button, if false the browser will be closed immediately.\n   *\n   * @since 1.1.0\n   * @default false\n   */\n  closeModal?: boolean;\n  /**\n   * CloseModalTitle: title of the confirm when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Close'\n   */\n  closeModalTitle?: string;\n  /**\n   * CloseModalDescription: description of the confirm when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Are you sure you want to close this window?'\n   */\n  closeModalDescription?: string;\n  /**\n   * CloseModalOk: text of the confirm button when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Close'\n   */\n  closeModalOk?: string;\n  /**\n   * CloseModalCancel: text of the cancel button when user clicks on close button, only on IOS\n   *\n   * @since 1.1.0\n   * @default 'Cancel'\n   */\n  closeModalCancel?: string;\n  /**\n   * visibleTitle: if true the website title would be shown else shown empty\n   *\n   * @since 1.2.5\n   * @default true\n   */\n  visibleTitle?: boolean;\n  /**\n   * toolbarColor: color of the toolbar in hex format\n   *\n   * @since 1.2.5\n   * @default '#ffffff''\n   */\n  toolbarColor?: string;\n  /**\n   * showArrow: if true an arrow would be shown instead of cross for closing the window\n   *\n   * @since 1.2.5\n   * @default false\n   */\n  showArrow?: boolean;\n  /**\n   * ignoreUntrustedSSLError: if true, the webview will ignore untrusted SSL errors allowing the user to view the website.\n   *\n   * @since 6.1.0\n   * @default false\n   */\n  ignoreUntrustedSSLError?: boolean;\n  /**\n   * preShowScript: if isPresentAfterPageLoad is true and this variable is set the plugin will inject a script before showing the browser.\n   * This script will be run in an async context. The plugin will wait for the script to finish (max 10 seconds)\n   *\n   * @since 6.6.0\n   */\n  preShowScript?: String;\n  /**\n   * proxyRequests is a regex expression. Please see [this pr](https://github.com/Cap-go/capacitor-inappbrowser/pull/222) for more info. (Android only)\n   *\n   * @since 6.9.0\n   */\n  proxyRequests?: String;\n  /**\n   * buttonNearDone allows for a creation of a custom button. Please see [buttonNearDone.md](/buttonNearDone.md) for more info.\n   *\n   * @since 6.7.0\n   */\n  buttonNearDone?: {\n    ios: {\n      iconType: \"sf-symbol\" | \"asset\";\n      icon: String;\n    };\n    android: {\n      iconType: \"asset\";\n      icon: String;\n      width?: number;\n      height?: number;\n    };\n  };\n}\n\nexport interface InAppBrowserPlugin {\n  /**\n   * Open url in a new window fullscreen\n   *\n   * @since 0.1.0\n   */\n  open(options: OpenOptions): Promise<any>;\n\n  /**\n   * Clear cookies of url\n   *\n   * @since 0.5.0\n   */\n  clearCookies(options: ClearCookieOptions): Promise<any>;\n  /**\n   * Clear all cookies\n   *\n   * @since 6.5.0\n   */\n  clearAllCookies(): Promise<any>;\n\n  /**\n   * Clear cache\n   *\n   * @since 6.5.0\n   */\n  clearCache(): Promise<any>;\n\n  /**\n   * Get cookies for a specific URL.\n   * @param options The options, including the URL to get cookies for.\n   * @returns A promise that resolves with the cookies.\n   */\n  getCookies(options: GetCookieOptions): Promise<Record<string, string>>;\n  /**\n   * Close the webview.\n   */\n  close(): Promise<any>;\n  /**\n   * Open url in a new webview with toolbars, and enhanced capabilities, like camera access, file access, listen events, inject javascript, bi directional communication, etc.\n   *\n   * @since 0.1.0\n   */\n  openWebView(options: OpenWebViewOptions): Promise<any>;\n  /**\n   * Injects JavaScript code into the InAppBrowser window.\n   */\n  executeScript({ code }: { code: string }): Promise<void>;\n  /**\n   * Sends an event to the webview(inappbrowser). you can listen to this event in the inappbrowser JS with window.addListener(\"messageFromNative\", listenerFunc: (event: Record<string, any>) => void)\n   * detail is the data you want to send to the webview, it's a requirement of Capacitor we cannot send direct objects\n   * Your object has to be serializable to JSON, so no functions or other non-JSON-serializable types are allowed.\n   */\n  postMessage(options: { detail: Record<string, any> }): Promise<void>;\n  /**\n   * Sets the URL of the webview.\n   */\n  setUrl(options: { url: string }): Promise<any>;\n  /**\n   * Listen for url change, only for openWebView\n   *\n   * @since 0.0.1\n   */\n  addListener(\n    eventName: \"urlChangeEvent\",\n    listenerFunc: UrlChangeListener,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: \"buttonNearDoneClick\",\n    listenerFunc: ButtonNearListener,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for close click only for openWebView\n   *\n   * @since 0.4.0\n   */\n  addListener(\n    eventName: \"closeEvent\",\n    listenerFunc: UrlChangeListener,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Will be triggered when user clicks on confirm button when disclaimer is required, works only on iOS\n   *\n   * @since 0.0.1\n   */\n  addListener(\n    eventName: \"confirmBtnClicked\",\n    listenerFunc: ConfirmBtnListener,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Will be triggered when event is sent from webview(inappbrowser), to send an event to the main app use window.mobileApp.postMessage({ \"detail\": { \"message\": \"myMessage\" } })\n   * detail is the data you want to send to the main app, it's a requirement of Capacitor we cannot send direct objects\n   * Your object has to be serializable to JSON, no functions or other non-JSON-serializable types are allowed.\n   *\n   * This method is inject at runtime in the webview\n   */\n  addListener(\n    eventName: \"messageFromWebview\",\n    listenerFunc: (event: { detail: Record<string, any> }) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Will be triggered when page is loaded\n   */\n  addListener(\n    eventName: \"browserPageLoaded\",\n    listenerFunc: () => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Will be triggered when page load error\n   */\n  addListener(\n    eventName: \"pageLoadError\",\n    listenerFunc: () => void,\n  ): Promise<PluginListenerHandle>;\n  /**\n   * Remove all listeners for this plugin.\n   *\n   * @since 1.0.0\n   */\n  removeAllListeners(): Promise<void>;\n\n  /**\n   * Reload the current web page.\n   *\n   * @since 1.0.0\n   */\n  reload(): Promise<any>; // Add this line\n}\n"]}

package/ios/Plugin/InAppBrowserPlugin.swift

@@ -289,8 +289,10 @@ public class InAppBrowserPlugin: CAPPlugin {
             call.reject("Cannot get script to execute")
             return
         }
-        self.webViewController?.executeScript(script: script)
-        call.resolve()
+        DispatchQueue.main.async {
+            self.webViewController?.executeScript(script: script)
+            call.resolve()
+        }
     }
 
     @objc func postMessage(_ call: CAPPluginCall) {
@@ -302,7 +304,9 @@ public class InAppBrowserPlugin: CAPPlugin {
         }
         print("Event data: \(eventData)")
 
-        self.webViewController?.postMessageToJS(message: eventData)
+        DispatchQueue.main.async {
+            self.webViewController?.postMessageToJS(message: eventData)
+        }
         call.resolve()
     }
 

package/ios/Plugin/WKWebViewController.swift

@@ -239,7 +239,9 @@ open class WKWebViewController: UIViewController, WKScriptMessageHandler {
         if let jsonData = try? JSONSerialization.data(withJSONObject: message, options: []),
            let jsonString = String(data: jsonData, encoding: .utf8) {
             let script = "window.dispatchEvent(new CustomEvent('messageFromNative', { detail: \(jsonString) }));"
-            webView?.evaluateJavaScript(script, completionHandler: nil)
+            DispatchQueue.main.async {
+                self.webView?.evaluateJavaScript(script, completionHandler: nil)
+            }
         }
     }
 
@@ -267,6 +269,8 @@ open class WKWebViewController: UIViewController, WKScriptMessageHandler {
             }
             print("[InAppBrowser - preShowScriptError]: Error!!!!")
             semaphore.signal()
+        } else if message.name == "close" {
+          closeView()
         }
     }
 
@@ -278,6 +282,9 @@ open class WKWebViewController: UIViewController, WKScriptMessageHandler {
                                         if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.messageHandler) {
                                                 window.webkit.messageHandlers.messageHandler.postMessage(message);
                                         }
+                                },
+                                close: function() {
+                                        window.webkit.messageHandlers.close.postMessage(null);
                                 }
                         };
                 }
@@ -299,6 +306,8 @@ open class WKWebViewController: UIViewController, WKScriptMessageHandler {
         userContentController.add(self, name: "messageHandler")
         userContentController.add(self, name: "preShowScriptError")
         userContentController.add(self, name: "preShowScriptSuccess")
+        userContentController.add(self, name: "close")
+        webConfiguration.allowsInlineMediaPlayback = true
         webConfiguration.userContentController = userContentController
         let webView = WKWebView(frame: .zero, configuration: webConfiguration)
 
@@ -842,9 +851,11 @@ extension WKWebViewController: WKUIDelegate {
         // Ensure UI updates are on the main thread
         DispatchQueue.main.async {
             let alertController = UIAlertController(title: nil, message: message, preferredStyle: .alert)
+            alertController.addAction(UIAlertAction(title: "OK", style: .default, handler: { _ in
+                completionHandler()
+            }))
             self.present(alertController, animated: true, completion: nil)
         }
-        completionHandler()
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capgo/inappbrowser",
-  "version": "7.1.1",
+  "version": "7.2.0",
   "description": "Capacitor plugin in app browser",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",