@chainplatform/sdk 0.3.3 → 0.3.4

package/SDK/Base64.js

@@ -0,0 +1,27 @@
+export function encode(str) {
+    // First, encode the string to UTF-8 using encodeURIComponent
+    // Then, convert the URI sequence to a binary string (Latin-1 compatible)
+    // Finally, apply btoa()
+    return btoa(
+        encodeURIComponent(str).replace(
+            /%([0-9A-F]{2})/g,
+            function toSolidBytes(match, p1) {
+                return String.fromCharCode('0x' + p1);
+            }
+        )
+    );
+}
+
+export function decode(base64str) {
+    // First, decode the Base64 string using atob()
+    // Then, convert the binary string back to a URI sequence
+    // Finally, decode the URI sequence to a UTF-8 string using decodeURIComponent
+    return decodeURIComponent(
+        atob(base64str)
+            .split('')
+            .map(function (c) {
+                return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+            })
+            .join('')
+    );
+}

package/SDK/MDString5.js

@@ -0,0 +1,4 @@
+export function MDString5(string) {
+    var MD5 = function (d) { var r = M(V(Y(X(d), 8 * d.length))); return r.toLowerCase() }; function M(d) { for (var _, m = "0123456789ABCDEF", f = "", r = 0; r < d.length; r++)_ = d.charCodeAt(r), f += m.charAt(_ >>> 4 & 15) + m.charAt(15 & _); return f } function X(d) { for (var _ = Array(d.length >> 2), m = 0; m < _.length; m++)_[m] = 0; for (m = 0; m < 8 * d.length; m += 8)_[m >> 5] |= (255 & d.charCodeAt(m / 8)) << m % 32; return _ } function V(d) { for (var _ = "", m = 0; m < 32 * d.length; m += 8)_ += String.fromCharCode(d[m >> 5] >>> m % 32 & 255); return _ } function Y(d, _) { d[_ >> 5] |= 128 << _ % 32, d[14 + (_ + 64 >>> 9 << 4)] = _; for (var m = 1732584193, f = -271733879, r = -1732584194, i = 271733878, n = 0; n < d.length; n += 16) { var h = m, t = f, g = r, e = i; f = md5_ii(f = md5_ii(f = md5_ii(f = md5_ii(f = md5_hh(f = md5_hh(f = md5_hh(f = md5_hh(f = md5_gg(f = md5_gg(f = md5_gg(f = md5_gg(f = md5_ff(f = md5_ff(f = md5_ff(f = md5_ff(f, r = md5_ff(r, i = md5_ff(i, m = md5_ff(m, f, r, i, d[n + 0], 7, -680876936), f, r, d[n + 1], 12, -389564586), m, f, d[n + 2], 17, 606105819), i, m, d[n + 3], 22, -1044525330), r = md5_ff(r, i = md5_ff(i, m = md5_ff(m, f, r, i, d[n + 4], 7, -176418897), f, r, d[n + 5], 12, 1200080426), m, f, d[n + 6], 17, -1473231341), i, m, d[n + 7], 22, -45705983), r = md5_ff(r, i = md5_ff(i, m = md5_ff(m, f, r, i, d[n + 8], 7, 1770035416), f, r, d[n + 9], 12, -1958414417), m, f, d[n + 10], 17, -42063), i, m, d[n + 11], 22, -1990404162), r = md5_ff(r, i = md5_ff(i, m = md5_ff(m, f, r, i, d[n + 12], 7, 1804603682), f, r, d[n + 13], 12, -40341101), m, f, d[n + 14], 17, -1502002290), i, m, d[n + 15], 22, 1236535329), r = md5_gg(r, i = md5_gg(i, m = md5_gg(m, f, r, i, d[n + 1], 5, -165796510), f, r, d[n + 6], 9, -1069501632), m, f, d[n + 11], 14, 643717713), i, m, d[n + 0], 20, -373897302), r = md5_gg(r, i = md5_gg(i, m = md5_gg(m, f, r, i, d[n + 5], 5, -701558691), f, r, d[n + 10], 9, 38016083), m, f, d[n + 15], 14, -660478335), i, m, d[n + 4], 20, -405537848), r = md5_gg(r, i = md5_gg(i, m = md5_gg(m, f, r, i, d[n + 9], 5, 568446438), f, r, d[n + 14], 9, -1019803690), m, f, d[n + 3], 14, -187363961), i, m, d[n + 8], 20, 1163531501), r = md5_gg(r, i = md5_gg(i, m = md5_gg(m, f, r, i, d[n + 13], 5, -1444681467), f, r, d[n + 2], 9, -51403784), m, f, d[n + 7], 14, 1735328473), i, m, d[n + 12], 20, -1926607734), r = md5_hh(r, i = md5_hh(i, m = md5_hh(m, f, r, i, d[n + 5], 4, -378558), f, r, d[n + 8], 11, -2022574463), m, f, d[n + 11], 16, 1839030562), i, m, d[n + 14], 23, -35309556), r = md5_hh(r, i = md5_hh(i, m = md5_hh(m, f, r, i, d[n + 1], 4, -1530992060), f, r, d[n + 4], 11, 1272893353), m, f, d[n + 7], 16, -155497632), i, m, d[n + 10], 23, -1094730640), r = md5_hh(r, i = md5_hh(i, m = md5_hh(m, f, r, i, d[n + 13], 4, 681279174), f, r, d[n + 0], 11, -358537222), m, f, d[n + 3], 16, -722521979), i, m, d[n + 6], 23, 76029189), r = md5_hh(r, i = md5_hh(i, m = md5_hh(m, f, r, i, d[n + 9], 4, -640364487), f, r, d[n + 12], 11, -421815835), m, f, d[n + 15], 16, 530742520), i, m, d[n + 2], 23, -995338651), r = md5_ii(r, i = md5_ii(i, m = md5_ii(m, f, r, i, d[n + 0], 6, -198630844), f, r, d[n + 7], 10, 1126891415), m, f, d[n + 14], 15, -1416354905), i, m, d[n + 5], 21, -57434055), r = md5_ii(r, i = md5_ii(i, m = md5_ii(m, f, r, i, d[n + 12], 6, 1700485571), f, r, d[n + 3], 10, -1894986606), m, f, d[n + 10], 15, -1051523), i, m, d[n + 1], 21, -2054922799), r = md5_ii(r, i = md5_ii(i, m = md5_ii(m, f, r, i, d[n + 8], 6, 1873313359), f, r, d[n + 15], 10, -30611744), m, f, d[n + 6], 15, -1560198380), i, m, d[n + 13], 21, 1309151649), r = md5_ii(r, i = md5_ii(i, m = md5_ii(m, f, r, i, d[n + 4], 6, -145523070), f, r, d[n + 11], 10, -1120210379), m, f, d[n + 2], 15, 718787259), i, m, d[n + 9], 21, -343485551), m = safe_add(m, h), f = safe_add(f, t), r = safe_add(r, g), i = safe_add(i, e) } return Array(m, f, r, i) } function md5_cmn(d, _, m, f, r, i) { return safe_add(bit_rol(safe_add(safe_add(_, d), safe_add(f, i)), r), m) } function md5_ff(d, _, m, f, r, i, n) { return md5_cmn(_ & m | ~_ & f, d, _, r, i, n) } function md5_gg(d, _, m, f, r, i, n) { return md5_cmn(_ & f | m & ~f, d, _, r, i, n) } function md5_hh(d, _, m, f, r, i, n) { return md5_cmn(_ ^ m ^ f, d, _, r, i, n) } function md5_ii(d, _, m, f, r, i, n) { return md5_cmn(m ^ (_ | ~f), d, _, r, i, n) } function safe_add(d, _) { var m = (65535 & d) + (65535 & _); return (d >> 16) + (_ >> 16) + (m >> 16) << 16 | 65535 & m } function bit_rol(d, _) { return d << _ | d >>> 32 - _ }
+    return MD5(string);
+}

package/SDK/Storage.js

@@ -0,0 +1,3 @@
+import { MMKV } from 'react-native-mmkv';
+
+export const Storage = new MMKV();

package/SDK/colors.js

@@ -0,0 +1,26 @@
+export default {
+    transparent: '#33333300',
+    cl333: "#333333",
+    cl33333390: "#33333390",
+    grey: '#C8C8D5',
+    red_product: '#FF424E',
+    primary: '#4056A1',
+    border_color: '#DADADA80',
+    background: '#FFFFFF',
+    green2: "#11b719",
+    white: '#ffffff',
+    border: '#DDDDDD',
+    black: '#24272B',
+    green: '#09C04C',
+    tabDefault: '#95989A',
+    backgroundColor: "#6bb1f1",
+    cardColor: "#2f73d7",
+    headColor: "#163b8e",
+    yellowColor: "#f2d021",
+    greyColor: "#dddddd",
+    greenColor: "#5FB35E",
+    blueColor: "#19B3EF",
+    redColor: "#f05151",
+    redRGBAColor: "rgba(240, 81, 81, 0.65)",
+    headRGBAColor: "rgba(22, 58, 142, 0.5)"
+};

package/SDK/styles.js

@@ -0,0 +1,137 @@
+import { Dimensions } from 'react-native';
+import mobileCheck from '../helpers/DeviceDetect';
+
+const DESKTOP = mobileCheck.isMobile ? false : true;
+const entireScreenWidth = Dimensions.get('window').width;
+const SCREEN_WIDTH = DESKTOP && entireScreenWidth >= 1440 ? 1440 : entireScreenWidth;
+const screenWidth = DESKTOP ? Dimensions.get('window').width : 375;
+const REM = entireScreenWidth / screenWidth;
+const barHeight = DESKTOP ? (57 * REM) : (50 * REM);
+
+export default {
+    HEIGHT: Dimensions.get('window').height,
+    WIDTH: Dimensions.get('window').width,
+    SCREEN_WIDTH: SCREEN_WIDTH,
+    DESKTOP: DESKTOP,
+    REM: REM,
+    barHeight: barHeight,
+    headerHeight: mobileCheck.os == "mini_app" ? { height: 39 * REM } : { height: barHeight },
+    headerRightContainerStyle: mobileCheck.os == "mini_app" ? { paddingRight: 80 * REM } : {},
+    image_course_width: 356,
+    image_course_height: 267,
+    aspectRatio: 16 / 9,
+    small_logo: 1 / 1,
+    four_three: 4 / 3,
+    six_five: 6 / 5,
+    logo: 96 / 40,
+    banner: 1200 / 600,
+    image_course_rate: 9 / 16,
+    base_banner_width: 345,
+    base_banner_height: 195,
+    image_banner_rate: 195 / 345,
+    activeOpacity: 0.8,
+    fw800: "800",
+    fw400: "400",
+    fw500: "500",
+    fw600: "600",
+    fw700: "700",
+    flexstart: 'flex-start',
+    flexend: 'flex-end',
+    lineThrough: 'line-through',
+    flexWrap: 'wrap',
+    center: "center",
+    left: "left",
+    right: "right",
+    hidden: "hidden",
+    fwNormal: 'normal',
+    fwMedium: 'medium',
+    fwBold: 'bold',
+    w20pc: "20%",
+    w30pc: "30%",
+    w40pc: "40%",
+    w45pc: "45%",
+    w50pc: "50%",
+    w80pc: "80%",
+    w85pc: "85%",
+    w90pc: "90%",
+    w92pc: "92%",
+    w100pc: "100%",
+    w130pc: "130%",
+    w150pc: "150%",
+    absolute: "absolute",
+    uppercase: "uppercase",
+    spaceBetween: "space-between",
+    mw500: 500 * REM,
+    flexRow: 'row',
+    flexCol: 'column',
+    textUnderline: 'underline',
+    textItalic: "italic",
+    justify: 'justify',
+    button: {
+        marginLeft: 20 * REM,
+        marginRight: 20 * REM,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 5 * REM,
+    },
+    buttonTitle: {
+        fontSize: 15 * REM,
+        padding: 11 * REM,
+        fontWeight: 'bold'
+    },
+    label: {
+        marginTop: 10 * REM,
+        fontWeight: '500',
+        fontSize: 14 * REM,
+        marginBottom: 3 * REM,
+        marginLeft: 20 * REM
+    },
+    textInput: {
+        padding: 10.5 * REM,
+        marginRight: 20 * REM,
+        marginLeft: 20 * REM,
+        borderRadius: 5 * REM,
+        color: "#333333",
+        fontSize: 14 * REM,
+        borderWidth: 1.5 * REM,
+        borderColor: '#DADADA80'
+    },
+    auto: 'auto',
+    base_desktop: 767,
+    split_desktop: 991,
+    wide_split_desktop: 1439,
+    base: (100 * (335 * REM) / (375 * REM)) + "%",
+    main_container: {
+        width: "100%",
+        maxWidth: 500 * REM,
+        flex: 1,
+        margin: 0,
+        marginLeft: "auto",
+        marginRight: "auto",
+        textAlign: 'flex-start'
+    },
+    container_text: {
+        width: 375 * REM,
+        alignItems: 'flex-start',
+        marginTop: 20 * REM,
+    },
+    shadow: {
+        shadowColor: "#000",
+        shadowOffset: {
+            width: 0,
+            height: 5 * REM,
+        },
+        shadowOpacity: 0.5,
+        shadowRadius: 8,
+        elevation: 11,
+    },
+    textShadow: {
+        textShadowColor: 'rgba(255, 255, 255, 0.75)',
+        textShadowOffset: { width: -1 * REM, height: 2 * REM },
+        textShadowRadius: 10
+    }
+}
+
+export function setSize(size) {
+    return size * REM;
+}

package/helpers/DeviceDetect/index.js

@@ -0,0 +1,5 @@
+let mobileCheck = {};
+mobileCheck.isMobile = true;
+mobileCheck.os = "native";
+
+export default mobileCheck;

package/helpers/DeviceDetect/index.web.js

@@ -0,0 +1,8 @@
+import * as mobileCheck from 'react-device-detect';
+
+let os = "browser";
+if (typeof window.APP_CONFIG != "undefined" && typeof window.APP_CONFIG.os != "undefined") {
+    os = window.APP_CONFIG.os;
+}
+mobileCheck.os = os;
+export default mobileCheck;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainplatform/sdk",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "@chainplatform/sdk is a React Native library implement for react-native and react-native-web. Require crypto-js and react-native-mmkv packages.",
   "main": "index.js",
   "devDependencies": {
@@ -17,7 +17,8 @@
     "@chainplatform/sdk",
     "crypto-js",
     "dayjs",
-    "react-native-mmkv"
+    "react-native-mmkv",
+    "react-device-detect"
   ],
   "homepage": "https://github.com/ChainPlatform/ChainSDK",
   "bugs": "https://github.com/ChainPlatform/ChainSDK/issues",
@@ -31,6 +32,7 @@
     "react-native": "*",
     "react-native-web": "*",
     "react-native-mmkv": "*",
+    "react-device-detect": "*",
     "crypto-js": "*"
   }
 }