esewa-ui-library 1.10.4 → 1.10.6

package/README.md

@@ -1864,6 +1864,23 @@ const onRequestPaymentClick = () => {
 };
 ```
 
+#### Close App
+
+Pass the following to close the app.
+
+```tsx
+const onCloseRequestClick = () => {
+    const obj: REQUEST_DATA_TYPE = {
+      requestType: REQUEST_TYPE_ENUM.CLOSE_APP,
+      callbackKey: CALLBACK_TYPE_ENUM.CLOSE_APP_CALLBACK
+    }
+
+    requestFromMiniApp(
+      obj
+    )
+  }
+```
+
 ## Error Handling
 
 Errors are returned as JSON responses with an `error_message` field.
@@ -1910,7 +1927,8 @@ enum REQUEST_TYPE_ENUM {
   USER_DETAIL_ACCESS = 'USER_DETAIL_ACCESS',
   MEDIA_ACCESS = 'MEDIA_ACCESS',
   LOCATION_ACCESS = 'LOCATION_ACCESS',
-  VALIDATE_TRANSACTION = 'VALIDATE_TRANSACTION'
+  VALIDATE_TRANSACTION = 'VALIDATE_TRANSACTION',
+  CLOSE_APP = 'CLOSE_APP'
 }
 ```
 
@@ -1927,7 +1945,8 @@ enum CALLBACK_TYPE_ENUM{
   USER_DETAIL_ACCESS_CALLBACK = 'USER_DETAIL_ACCESS_CALLBACK',
   MEDIA_ACCESS_CALLBACK = 'MEDIA_ACCESS_CALLBACK',
   LOCATION_ACCESS_CALLBACK = 'LOCATION_ACCESS_CALLBACK',
-  VALIDATE_TRANSACTION_CALLBACK = 'VALIDATE_TRANSACTION_CALLBACK'
+  VALIDATE_TRANSACTION_CALLBACK = 'VALIDATE_TRANSACTION_CALLBACK',
+  CLOSE_APP_CALLBACK = 'CLOSE_APP_CALLBACK'
 }
 ```
 

package/dist/@types/index.d.ts

@@ -4,7 +4,8 @@ export declare enum REQUEST_TYPE_ENUM {
     USER_DETAIL_ACCESS = "USER_DETAIL_ACCESS",
     MEDIA_ACCESS = "MEDIA_ACCESS",
     LOCATION_ACCESS = "LOCATION_ACCESS",
-    VALIDATE_TRANSACTION = "VALIDATE_TRANSACTION"
+    VALIDATE_TRANSACTION = "VALIDATE_TRANSACTION",
+    CLOSE_APP = "CLOSE_APP"
 }
 export declare enum CALLBACK_TYPE_ENUM {
     INIT_APP_CALLBACK = "INIT_APP_CALLBACK",
@@ -12,7 +13,8 @@ export declare enum CALLBACK_TYPE_ENUM {
     USER_DETAIL_ACCESS_CALLBACK = "USER_DETAIL_ACCESS_CALLBACK",
     MEDIA_ACCESS_CALLBACK = "MEDIA_ACCESS_CALLBACK",
     LOCATION_ACCESS_CALLBACK = "LOCATION_ACCESS_CALLBACK",
-    VALIDATE_TRANSACTION_CALLBACK = "VALIDATE_TRANSACTION_CALLBACK"
+    VALIDATE_TRANSACTION_CALLBACK = "VALIDATE_TRANSACTION_CALLBACK",
+    CLOSE_APP_CALLBACK = "CLOSE_APP_CALLBACK"
 }
 export interface MINI_APP_RESPONSE_TYPE {
     requestType: string;
@@ -24,7 +26,7 @@ export interface REQUEST_DATA_TYPE {
     device_unique_id?: string;
     merchant_identifier?: string;
     vendorIdentifier?: any;
-    requestType: REQUEST_TYPE_ENUM;
+    requestType?: REQUEST_TYPE_ENUM;
     method?: 'GET' | 'POST';
     data?: any;
     callbackKey?: string;
@@ -44,6 +46,7 @@ declare global {
             MEDIA_ACCESS_CALLBACK?: Callback | null;
             LOCATION_ACCESS_CALLBACK?: Callback | null;
             VALIDATE_TRANSACTION_CALLBACK?: Callback | null;
+            CLOSE_APP_CALLBACK?: Callback | null;
         };
         iOSNative: {
             INIT_APP_CALLBACK?: Callback | null;
@@ -52,6 +55,7 @@ declare global {
             MEDIA_ACCESS_CALLBACK?: Callback | null;
             LOCATION_ACCESS_CALLBACK?: Callback | null;
             VALIDATE_TRANSACTION_CALLBACK?: Callback | null;
+            CLOSE_APP_CALLBACK?: Callback | null;
         };
         webkit: {
             messageHandlers: {

package/dist/index.js

@@ -190,7 +190,7 @@ var StyledAppBar = styled__default.header.attrs(function (_ref) {
   return {
     titleposition: titleposition
   };
-})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  .e-app-bar {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    background-color: var(--appbar-bg-top);\n    padding: 7px 12px;\n    position: relative;\n    height: 42px;\n    gap: var(--values-value-8);\n\n    &--nav-icon,\n    &--close-icon {\n      padding: 7px;\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Title section */\n    &--title-wrapper {\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      width: 100%; // Ensures the title section takes full width to apply the alignment\n    }\n\n    &--title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      overflow: hidden;\n    }\n\n    &--title-image img {\n      width: 32px;\n      object-fit: cover;\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--grid-borderradius-border-radius-xs);\n    }\n\n    &--title-label {\n      color: var(--white);\n      letter-spacing: 0.4px;\n      font-size: var(--values-value-16);\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
+})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  .e-app-bar {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    background-color: var(--appbar-bg-top);\n    padding: 7px 12px;\n    position: relative;\n    height: 56px;\n    gap: var(--values-value-8);\n    box-sizing: border-box;\n\n    &--nav-icon,\n    &--close-icon {\n      padding: 7px;\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Title section */\n    &--title-wrapper {\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      width: 100%; // Ensures the title section takes full width to apply the alignment\n    }\n\n    &--title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      overflow: hidden;\n    }\n\n    &--title-image img {\n      width: 32px;\n      object-fit: cover;\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--grid-borderradius-border-radius-xs);\n    }\n\n    &--title-label {\n      color: var(--white);\n      letter-spacing: 0.4px;\n      font-size: var(--values-value-16);\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
   return props.titleposition === 'left' ? 'flex-start' : props.titleposition === 'right' ? 'flex-end' : 'center';
 });
 var ESewaAppBar = function ESewaAppBar(_ref2) {
@@ -7749,15 +7749,17 @@ var CONNECT_APP = function CONNECT_APP(data) {
 };
 var requestFromMiniApp = function requestFromMiniApp(data, callbackFn) {
   var callbackKey = data.callbackKey;
-  if (!callbackKey) {
+  if (callbackFn && !callbackKey) {
     throw new Error('Callback key is missing in request data');
   }
-  if (isAndroid) {
-    window.Android = window.Android || {};
-    window.Android[callbackKey] = callbackFn;
-  } else if (isiOS) {
-    window.iOSNative = window.iOSNative || {};
-    window.iOSNative[callbackKey] = callbackFn;
+  if (callbackFn) {
+    if (isAndroid) {
+      window.Android = window.Android || {};
+      window.Android[callbackKey] = callbackFn;
+    } else if (isiOS) {
+      window.iOSNative = window.iOSNative || {};
+      window.iOSNative[callbackKey] = callbackFn;
+    }
   }
   CONNECT_APP(JSON.stringify(data));
 };
@@ -7811,6 +7813,7 @@ var reverseSnakeCase = function reverseSnakeCase(str) {
   REQUEST_TYPE_ENUM["MEDIA_ACCESS"] = "MEDIA_ACCESS";
   REQUEST_TYPE_ENUM["LOCATION_ACCESS"] = "LOCATION_ACCESS";
   REQUEST_TYPE_ENUM["VALIDATE_TRANSACTION"] = "VALIDATE_TRANSACTION";
+  REQUEST_TYPE_ENUM["CLOSE_APP"] = "CLOSE_APP";
 })(exports.REQUEST_TYPE_ENUM || (exports.REQUEST_TYPE_ENUM = {}));
 (function (CALLBACK_TYPE_ENUM) {
   CALLBACK_TYPE_ENUM["INIT_APP_CALLBACK"] = "INIT_APP_CALLBACK";
@@ -7819,6 +7822,7 @@ var reverseSnakeCase = function reverseSnakeCase(str) {
   CALLBACK_TYPE_ENUM["MEDIA_ACCESS_CALLBACK"] = "MEDIA_ACCESS_CALLBACK";
   CALLBACK_TYPE_ENUM["LOCATION_ACCESS_CALLBACK"] = "LOCATION_ACCESS_CALLBACK";
   CALLBACK_TYPE_ENUM["VALIDATE_TRANSACTION_CALLBACK"] = "VALIDATE_TRANSACTION_CALLBACK";
+  CALLBACK_TYPE_ENUM["CLOSE_APP_CALLBACK"] = "CLOSE_APP_CALLBACK";
 })(exports.CALLBACK_TYPE_ENUM || (exports.CALLBACK_TYPE_ENUM = {}));
 
 var _templateObject$o;