digikhata-mashreq-sdk 0.1.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 Saud Rehan
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# digikhata-mashreq-sdk
+
+An SDK to seamlessly integrate the DigiKhata mobile application inside the Mashreq App. This package provides ready-to-use methods, utilities, and components to enable smooth embedding, communication, and interaction between DigiKhata and Mashreq’s ecosystem, ensuring a unified user experience with minimal development effort.
+
+## Installation
+
+
+```sh
+npm install digikhata-mashreq-sdk
+```
+
+
+## Usage
+
+
+```js
+import { multiply } from 'digikhata-mashreq-sdk';
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/App.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { Text, View, StatusBar } from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL } from "./app/themes/config.js";
+import { NavigationContainer } from "@react-navigation/native";
+import Root from "./app/navigation/Root.js";
+import { SafeAreaView, SafeAreaProvider, useSafeAreaInsets } from "react-native-safe-area-context";
+import React, { useEffect } from 'react';
+import { createTables } from "./app/database/schema.js";
+import { Provider } from "react-redux";
+import { store } from "./app/redux/Store.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomStatusBar = () => {
+  const insets = useSafeAreaInsets();
+  useEffect(() => {
+    createTables();
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      height: insets.top,
+      backgroundColor: COLORS.primaryColor
+    },
+    children: /*#__PURE__*/_jsx(StatusBar, {
+      translucent: true,
+      backgroundColor: COLORS.primaryColor,
+      barStyle: "light-content"
+    })
+  });
+};
+export default function App() {
+  return /*#__PURE__*/_jsx(SafeAreaProvider, {
+    children: /*#__PURE__*/_jsxs(Provider, {
+      store: store,
+      children: [/*#__PURE__*/_jsx(CustomStatusBar, {}), /*#__PURE__*/_jsx(NavigationContainer, {
+        children: /*#__PURE__*/_jsx(Root, {})
+      })]
+    })
+  });
+}
+//# sourceMappingURL=App.js.map

package/lib/module/App.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","StatusBar","Ionicons","COLORS","FONT_BOLD","FONT_MEDIUM","FONT_NORMAL","NavigationContainer","Root","SafeAreaView","SafeAreaProvider","useSafeAreaInsets","React","useEffect","createTables","Provider","store","jsx","_jsx","jsxs","_jsxs","CustomStatusBar","insets","style","height","top","backgroundColor","primaryColor","children","translucent","barStyle","App"],"sourceRoot":"../../src","sources":["App.js"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AACpD,OAAOC,QAAQ,MAAM,oCAAoC;AACzD,SAASC,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,QAAQ,wBAAqB;AACjF,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,OAAOC,IAAI,MAAM,0BAAuB;AACxC,SAASC,YAAY,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,gCAAgC;AAClG,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,KAAK,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC1B,MAAMC,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAElCE,SAAS,CAAC,MAAM;IACZC,YAAY,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACII,IAAA,CAAClB,IAAI;IAACuB,KAAK,EAAE;MAAEC,MAAM,EAAEF,MAAM,CAACG,GAAG;MAAEC,eAAe,EAAEvB,MAAM,CAACwB;IAAa,CAAE;IAAAC,QAAA,eACtEV,IAAA,CAACjB,SAAS;MACN4B,WAAW;MACXH,eAAe,EAAEvB,MAAM,CAACwB,YAAa;MACrCG,QAAQ,EAAC;IAAe,CAC3B;EAAC,CACA,CAAC;AAEf,CAAC;AAED,eAAe,SAASC,GAAGA,CAAA,EAAG;EAC1B,oBACIb,IAAA,CAACR,gBAAgB;IAAAkB,QAAA,eACbR,KAAA,CAACL,QAAQ;MAACC,KAAK,EAAEA,KAAM;MAAAY,QAAA,gBACnBV,IAAA,CAACG,eAAe,IAAE,CAAC,eACnBH,IAAA,CAACX,mBAAmB;QAAAqB,QAAA,eAChBV,IAAA,CAACV,IAAI,IAAE;MAAC,CACS,CAAC;IAAA,CAChB;EAAC,CACG,CAAC;AAE3B","ignoreList":[]}

package/lib/module/app/components/Balance.js

@@ -0,0 +1,153 @@
+"use strict";
+
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import React from 'react';
+import { COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, HP, WP } from "../themes/config.js";
+import LinearGradient from 'react-native-linear-gradient';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function Balance({
+  greenTitle,
+  redTitle,
+  greenValue,
+  redValue,
+  rightColor = "red"
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(LinearGradient, {
+      colors: [COLORS.primaryColor, COLORS.secondaryColor],
+      style: Styles._grdientContainer,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      style: Styles._mainContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: Styles._balanceHeader,
+        children: /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: Styles._hideTxt,
+            children: "Hide Balance"
+          })
+        })
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: Styles._balanceContent,
+        activeOpacity: 0.8,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: Styles._balanceSection,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: [Styles._balanceValue, {
+              fontSize: 14
+            }],
+            children: ["Rs ", greenValue]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [Styles._balanceValue, {
+              color: COLORS.darkGrey,
+              fontFamily: FONT_NORMAL
+            }],
+            children: greenTitle
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: Styles._balanceSection,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: [Styles._balanceValue, {
+              color: rightColor,
+              fontSize: 14
+            }],
+            children: ["Rs ", redValue]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [Styles._balanceValue, {
+              color: COLORS.darkGrey,
+              fontFamily: FONT_NORMAL
+            }],
+            children: redTitle
+          })]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: Styles._iconMain,
+          activeOpacity: 0.8,
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: "chevron-forward",
+            color: COLORS.primaryColor,
+            size: 25
+          })
+        })]
+      })]
+    })]
+  });
+}
+const Styles = StyleSheet.create({
+  _mainContainer: {
+    width: WP(94),
+    // height: HP(11),
+    backgroundColor: COLORS.whiteColor,
+    borderRadius: 12,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3.84,
+    elevation: 5,
+    marginTop: 10,
+    position: "absolute",
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  _grdientContainer: {
+    width: WP(100),
+    height: HP(5),
+    // backgroundColor: "red",
+    alignItems: "center"
+  },
+  _balanceHeader: {
+    width: "100%"
+    // height: 20,
+    // backgroundColor:"red"
+  },
+  _hideTxt: {
+    color: COLORS.primaryColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 12
+  },
+  _balanceContent: {
+    width: "100%",
+    height: "70%",
+    // backgroundColor:"red",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "row",
+    marginTop: 5,
+    paddingVertical: 4
+  },
+  _balanceSection: {
+    width: "40%",
+    height: "100%",
+    // backgroundColor: "red",
+    justifyContent: "center",
+    alignItems: "center",
+    borderRightColor: COLORS.blackColor,
+    borderRightWidth: 0.7
+  },
+  _balanceValue: {
+    color: "green",
+    fontFamily: FONT_MEDIUM,
+    fontSize: 11,
+    textAlign: "center"
+  },
+  _iconMain: {
+    width: "20%",
+    height: "100%",
+    // backgroundColor: "red",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingLeft: 10
+  }
+});
+//# sourceMappingURL=Balance.js.map

package/lib/module/app/components/Balance.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","React","COLORS","FONT_BOLD","FONT_MEDIUM","FONT_NORMAL","HP","WP","LinearGradient","Ionicons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Balance","greenTitle","redTitle","greenValue","redValue","rightColor","children","colors","primaryColor","secondaryColor","style","Styles","_grdientContainer","start","x","y","end","_mainContainer","_balanceHeader","activeOpacity","_hideTxt","_balanceContent","_balanceSection","_balanceValue","fontSize","color","darkGrey","fontFamily","_iconMain","name","size","create","width","backgroundColor","whiteColor","borderRadius","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","marginTop","position","paddingHorizontal","paddingVertical","alignItems","justifyContent","flexDirection","borderRightColor","blackColor","borderRightWidth","textAlign","paddingLeft"],"sourceRoot":"../../../../src","sources":["app/components/Balance.js"],"mappings":"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","ignoreList":[]}

package/lib/module/app/components/CountryPhoneInput.js

@@ -0,0 +1,271 @@
+"use strict";
+
+import React, { useMemo, useState } from "react";
+import { View, Text, TouchableOpacity, StyleSheet, TextInput, FlatList } from "react-native";
+import Modal from "react-native-modal";
+import { COLORS, FONT_MEDIUM, FONT_NORMAL } from "../themes/config.js";
+import countries from "../utils/countries.json";
+import Ionicons from "react-native-vector-icons/Ionicons";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function CountryPhoneInput({
+  initialCountryCode = "PK",
+  phonePlaceholder = "Enter phone number",
+  onChange
+}) {
+  const defaultCountry = countries.find(c => c.code === initialCountryCode) || countries[0];
+  const [isModalVisible, setModalVisible] = useState(false);
+  const [selectedCountry, setSelectedCountry] = useState(defaultCountry);
+  const [phoneNumber, setPhoneNumber] = useState("");
+  const [query, setQuery] = useState("");
+  const toggleModal = () => setModalVisible(p => !p);
+  const filteredCountries = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return countries;
+    return countries.filter(c => c.name.toLowerCase().includes(q) || c.code.toLowerCase().includes(q) || c.dial_code.toLowerCase().includes(q));
+  }, [query]);
+  const handleSelectCountry = country => {
+    setSelectedCountry(country);
+    toggleModal();
+    // propagate change after country changes
+    if (onChange) {
+      onChange({
+        country,
+        phone: phoneNumber,
+        fullNumber: `${country.dial_code}${phoneNumber}`
+      });
+    }
+  };
+  const handlePhoneChange = text => {
+    // keep only digits in the phone input; dial code already shown on left
+    const digitsOnly = text.replace(/[^\d]/g, "");
+    setPhoneNumber(digitsOnly);
+    if (onChange) {
+      onChange({
+        country: selectedCountry,
+        phone: digitsOnly,
+        fullNumber: `${selectedCountry.dial_code}${digitsOnly}`
+      });
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: Styles._mainContainer,
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: Styles._pickerMain,
+      activeOpacity: 0.8,
+      onPress: toggleModal,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: Styles._emoji,
+        children: selectedCountry.emoji
+      }), /*#__PURE__*/_jsx(Text, {
+        style: Styles._dialCode,
+        children: selectedCountry.dial_code
+      }), /*#__PURE__*/_jsx(Ionicons, {
+        name: "chevron-down",
+        color: COLORS.primaryColor,
+        size: 18
+      })]
+    }), /*#__PURE__*/_jsx(TextInput, {
+      style: Styles._input,
+      placeholder: phonePlaceholder,
+      keyboardType: "phone-pad",
+      value: phoneNumber,
+      onChangeText: handlePhoneChange
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: isModalVisible,
+      onBackdropPress: toggleModal,
+      onBackButtonPress: toggleModal,
+      useNativeDriver: true,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._modalContent,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: Styles._modalHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: Styles._modalTitle,
+            children: "Select country"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: toggleModal,
+            hitSlop: {
+              top: 10,
+              left: 10,
+              right: 10,
+              bottom: 10
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              style: Styles._closeText,
+              children: "Close"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: Styles._searchWrap,
+          children: /*#__PURE__*/_jsx(TextInput, {
+            value: query,
+            onChangeText: setQuery,
+            placeholder: "Search by country, code or +dial",
+            autoCorrect: false,
+            autoCapitalize: "none",
+            style: Styles._searchInput,
+            clearButtonMode: "while-editing"
+          })
+        }), /*#__PURE__*/_jsx(FlatList, {
+          data: filteredCountries,
+          keyExtractor: item => item.code,
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          renderItem: ({
+            item,
+            index
+          }) => {
+            const isSelected = item.code === selectedCountry.code;
+            return /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: Styles._countryItem,
+              onPress: () => handleSelectCountry(item),
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: Styles._emoji,
+                children: item.emoji
+              }), /*#__PURE__*/_jsxs(View, {
+                style: {
+                  flex: 1,
+                  marginLeft: 10
+                },
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: [Styles._countryName, isSelected && Styles._countryNameSelected],
+                  children: item.name
+                }), /*#__PURE__*/_jsxs(Text, {
+                  style: Styles._countryMeta,
+                  children: [item.code, " \xB7 ", item.dial_code]
+                })]
+              }), isSelected ? /*#__PURE__*/_jsx(Text, {
+                style: Styles._tick,
+                children: "\u2713"
+              }) : null]
+            }, index);
+          },
+          ListEmptyComponent: /*#__PURE__*/_jsx(View, {
+            style: Styles._emptyWrap,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: Styles._emptyText,
+              children: "No matches"
+            })
+          })
+        })]
+      })
+    })]
+  });
+}
+const Styles = StyleSheet.create({
+  _mainContainer: {
+    width: "95%",
+    height: 50,
+    backgroundColor: COLORS.whiteColor,
+    borderRadius: 15,
+    borderColor: COLORS.grey,
+    borderWidth: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 10
+  },
+  _pickerMain: {
+    // width: "25%",
+    height: "80%",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    borderRightColor: COLORS.gray,
+    borderRightWidth: 0.7,
+    gap: 5,
+    paddingHorizontal: 5
+    // backgroundColor: "red"
+  },
+  _emoji: {
+    fontSize: 25
+  },
+  _dialCode: {
+    fontSize: 13,
+    // fontWeight: "600",
+    fontFamily: FONT_NORMAL
+  },
+  _input: {
+    flex: 1,
+    height: "100%",
+    paddingHorizontal: 10,
+    fontSize: 16,
+    color: COLORS.black
+  },
+  _modalContent: {
+    backgroundColor: COLORS.whiteColor,
+    borderRadius: 12,
+    padding: 12,
+    maxHeight: "75%"
+  },
+  _modalHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: 8
+  },
+  _modalTitle: {
+    fontSize: 15,
+    fontFamily: FONT_MEDIUM
+    // fontWeight: "700",
+  },
+  _closeText: {
+    fontSize: 13,
+    fontFamily: FONT_NORMAL
+  },
+  _searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderColor: COLORS.grey,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    height: 42,
+    marginBottom: 8
+  },
+  _searchInput: {
+    flex: 1,
+    fontSize: 13,
+    fontFamily: FONT_NORMAL
+  },
+  _clearBtn: {
+    paddingHorizontal: 6,
+    paddingVertical: 2
+  },
+  _clearBtnText: {
+    fontSize: 20,
+    lineHeight: 20
+  },
+  _countryItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 12,
+    borderBottomColor: COLORS.grey,
+    borderBottomWidth: 0.5
+  },
+  _countryName: {
+    fontSize: 14,
+    fontFamily: FONT_NORMAL
+  },
+  _countryNameSelected: {
+    fontWeight: "700"
+  },
+  _countryMeta: {
+    fontSize: 10,
+    opacity: 0.7,
+    fontFamily: FONT_NORMAL
+  },
+  _tick: {
+    fontSize: 18,
+    marginLeft: 8
+  },
+  _emptyWrap: {
+    paddingVertical: 24,
+    alignItems: "center"
+  },
+  _emptyText: {
+    fontSize: 14,
+    opacity: 0.6,
+    fontFamily: FONT_NORMAL
+  }
+});
+//# sourceMappingURL=CountryPhoneInput.js.map

package/lib/module/app/components/CountryPhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","View","Text","TouchableOpacity","StyleSheet","TextInput","FlatList","Modal","COLORS","FONT_MEDIUM","FONT_NORMAL","countries","Ionicons","jsx","_jsx","jsxs","_jsxs","CountryPhoneInput","initialCountryCode","phonePlaceholder","onChange","defaultCountry","find","c","code","isModalVisible","setModalVisible","selectedCountry","setSelectedCountry","phoneNumber","setPhoneNumber","query","setQuery","toggleModal","p","filteredCountries","q","trim","toLowerCase","filter","name","includes","dial_code","handleSelectCountry","country","phone","fullNumber","handlePhoneChange","text","digitsOnly","replace","style","Styles","_mainContainer","children","_pickerMain","activeOpacity","onPress","_emoji","emoji","_dialCode","color","primaryColor","size","_input","placeholder","keyboardType","value","onChangeText","isVisible","onBackdropPress","onBackButtonPress","useNativeDriver","_modalContent","_modalHeader","_modalTitle","hitSlop","top","left","right","bottom","_closeText","_searchWrap","autoCorrect","autoCapitalize","_searchInput","clearButtonMode","data","keyExtractor","item","keyboardShouldPersistTaps","showsVerticalScrollIndicator","renderItem","index","isSelected","_countryItem","flex","marginLeft","_countryName","_countryNameSelected","_countryMeta","_tick","ListEmptyComponent","_emptyWrap","_emptyText","create","width","height","backgroundColor","whiteColor","borderRadius","borderColor","grey","borderWidth","flexDirection","alignItems","paddingHorizontal","justifyContent","borderRightColor","gray","borderRightWidth","gap","fontSize","fontFamily","black","padding","maxHeight","marginBottom","_clearBtn","paddingVertical","_clearBtnText","lineHeight","borderBottomColor","borderBottomWidth","fontWeight","opacity"],"sourceRoot":"../../../../src","sources":["app/components/CountryPhoneInput.js"],"mappings":"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","ignoreList":[]}