@bytexbyte/berifyme-react-native-sdk 1.0.0 → 1.0.2

package/lib/module/components/Onboarding/Vender/Grid/index.js

@@ -0,0 +1,217 @@
+"use strict";
+
+import { useEffect, useState } from "react";
+import { parsePhoneNumber } from "libphonenumber-js";
+import berifymeApi from "../../../../api/api.js";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { Text } from "@react-native-material/core";
+import { View, Image, StyleSheet, TouchableOpacity } from "react-native";
+import { PageStatus } from "../../../../enum/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getCountryCodeFromPhoneNumber = phoneNumber => {
+  try {
+    const phoneNumberObj = parsePhoneNumber(phoneNumber);
+    return phoneNumberObj.country || null;
+  } catch (error) {
+    console.error("Invalid phone number:", error);
+    return null;
+  }
+};
+const VenderGrid = ({
+  setPageStatus,
+  setError,
+  user,
+  showMore,
+  setShowMore
+}) => {
+  const [venderOrder, setVenderOrder] = useState([]);
+  const getAuthIdAccountDetail = async () => {
+    const account = await berifymeApi.authID.getAccount({
+      token: (await AsyncStorage.getItem("authID_token")) ?? "",
+      phone: user?.phoneNumber ?? ""
+    });
+    return account;
+  };
+  const initializeUserCountryAndOrder = async () => {
+    if (!user?.phoneNumber) {
+      setError("Oops! Something went wrong...");
+      return;
+    }
+    const countryCode = getCountryCodeFromPhoneNumber(`+${user.phoneNumber}`) ?? "US";
+    const orderRes = await berifymeApi.getOrderByCountry({
+      countryCode
+    });
+    if (orderRes.error) {
+      setError(orderRes.error);
+    } else if (orderRes.order) {
+      setVenderOrder(orderRes.order); // 设置显示顺序
+    }
+  };
+  useEffect(() => {
+    initializeUserCountryAndOrder();
+  }, []);
+  const handleBerifyClick = async () => {
+    try {
+      const authIdTokenRes = await berifymeApi.authID.getAuthIDToken();
+      if (!authIdTokenRes.token) {
+        setError("Auth id error");
+        return;
+      }
+      if (!user) {
+        setError("User error");
+        return;
+      }
+      const account = await getAuthIdAccountDetail();
+      if (account.error === "User data not found.") {
+        await berifymeApi.authID.createAccount({
+          token: authIdTokenRes.token || "",
+          userId: user.id
+        });
+        // 保存 token 到本地存储
+        AsyncStorage.setItem("authID_token", authIdTokenRes.token);
+        setPageStatus(1.2);
+      } else {
+        setError("Unknown error. Please contact support.");
+      }
+    } catch (error) {
+      setError("Error processing request");
+    }
+  };
+  const vendors = [{
+    key: "authid",
+    image: "https://idv.berify.me/little-berify.png",
+    title: "Berify.me",
+    subtitle: "avg. 26s completion",
+    onPress: handleBerifyClick
+  }, {
+    key: "clear",
+    image: "https://idv.berify.me/clear.png",
+    title: "CLEAR",
+    subtitle: "avg. 60s completion",
+    onPress: () => setPageStatus(2.1)
+  }, {
+    key: "incode",
+    image: "https://idv.berify.me/incode.png",
+    title: "Incode",
+    subtitle: "avg. 30s completion",
+    onPress: () => setPageStatus(PageStatus.IncodeOnBoarding)
+  }
+  // {
+  //   key: "sumsub",
+  //   image: "https://staging.berify.me/sumsub.png",
+  //   title: "Sumsub",
+  //   subtitle: "avg. 30s completion",
+  //   onPress: () => setPageStatus(PageStatus.SumsubOnBoarding),
+  // },
+  // {
+  //   key: "veriff",
+  //   image: "https://staging.berify.me/veriff.png",
+  //   title: "Veriff",
+  //   subtitle: "avg. 30s completion",
+  //   onPress: () => setPageStatus(PageStatus.VeriffOnBoarding),
+  // },
+  // {
+  //   key: "yoti",
+  //   image: "https://staging.berify.me/yoti.png",
+  //   title: "Yoti",
+  //   subtitle: "avg. 30s completion",
+  //   onPress: () => {},
+  // },
+  ];
+  const displayedVendors = venderOrder.map(key => vendors.find(vendor => vendor.key === key)).filter(vendor => vendor !== undefined);
+  const vendorsToShow = showMore ? displayedVendors : displayedVendors.slice(0, 6);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [vendorsToShow.map(vendor => {
+      if (!vendor) return null; // 如果 vendor 是 undefined，返回 null，不渲染该项
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: vendor.onPress,
+        activeOpacity: 0.8,
+        style: styles.item,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.card,
+          children: [/*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: vendor.image
+            },
+            resizeMode: "contain",
+            style: styles.image
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.title,
+            children: vendor.title
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.subtitle,
+            children: vendor.subtitle
+          })]
+        })
+      }, vendor.key);
+    }), displayedVendors.length > 6 && /*#__PURE__*/_jsx(View, {
+      style: styles.buttonContainer,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setShowMore(prev => !prev),
+        style: styles.showMoreButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.showMoreText,
+          children: showMore ? "Show Less" : "Show More"
+        })
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    // 自动换行
+    justifyContent: "space-between",
+    // 子项间距均匀
+    paddingHorizontal: 8
+  },
+  item: {
+    width: "48%",
+    // 每个子项占据容器宽度的 48%
+    marginBottom: 16 // 子项之间的垂直间距
+  },
+  card: {
+    backgroundColor: "#f2f2f2",
+    borderRadius: 24,
+    paddingVertical: 24,
+    alignItems: "center"
+  },
+  image: {
+    width: 36,
+    height: 36
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginTop: 8
+  },
+  subtitle: {
+    fontSize: 12,
+    color: "#696969",
+    marginTop: 4
+  },
+  buttonContainer: {
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 16
+  },
+  showMoreButton: {
+    borderColor: "#000",
+    borderWidth: 1,
+    borderRadius: 20,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    width: 200
+  },
+  showMoreText: {
+    fontSize: 16,
+    color: "#000",
+    textTransform: "none",
+    textAlign: "center"
+  }
+});
+export default VenderGrid;
+//# sourceMappingURL=index.js.map

package/lib/module/components/Onboarding/Vender/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","parsePhoneNumber","berifymeApi","AsyncStorage","Text","View","Image","StyleSheet","TouchableOpacity","PageStatus","jsx","_jsx","jsxs","_jsxs","getCountryCodeFromPhoneNumber","phoneNumber","phoneNumberObj","country","error","console","VenderGrid","setPageStatus","setError","user","showMore","setShowMore","venderOrder","setVenderOrder","getAuthIdAccountDetail","account","authID","getAccount","token","getItem","phone","initializeUserCountryAndOrder","countryCode","orderRes","getOrderByCountry","order","handleBerifyClick","authIdTokenRes","getAuthIDToken","createAccount","userId","id","setItem","vendors","key","image","title","subtitle","onPress","IncodeOnBoarding","displayedVendors","map","find","vendor","filter","undefined","vendorsToShow","slice","style","styles","container","children","activeOpacity","item","card","source","uri","resizeMode","length","buttonContainer","prev","showMoreButton","showMoreText","create","flexDirection","flexWrap","justifyContent","paddingHorizontal","width","marginBottom","backgroundColor","borderRadius","paddingVertical","alignItems","height","fontSize","fontWeight","marginTop","color","borderColor","borderWidth","textTransform","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/Onboarding/Vender/Grid/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Onboarding/{Vender.js → Vender/index.js}

@@ -2,18 +2,61 @@
 
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { Stack, Text } from '@react-native-material/core';
-import React, { useState } from 'react';
-import { Image, ScrollView, StyleSheet, TouchableOpacity } from 'react-native';
-import berifymeApi from "../../api/api.js";
-import { PageStatus } from "../../enum/index.js";
-import Footer from "../Footer.js";
+import React, { useEffect, useState } from 'react';
+import { Image, ScrollView, StyleSheet, View } from 'react-native';
+import berifymeApi from "../../../api/api.js";
+import Footer from "../../Footer.js";
+import { getCountryNameByCode } from "../../../countryCode.js";
+import { parsePhoneNumberFromString } from 'libphonenumber-js';
+import VenderGrid from "./Grid/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getCountryCodeFromPhoneNumber = phoneNumber => {
+  try {
+    console.log('test phoneNumber', phoneNumber);
+    const phoneNumberObj = parsePhoneNumberFromString(phoneNumber);
+    console.log('test phoneNumberObj country', phoneNumberObj?.country);
+    return phoneNumberObj?.country || null;
+  } catch (error) {
+    console.error('Invalid phone number:', error);
+    return null;
+  }
+};
 const Vender = ({
   setPageStatus,
   setError,
-  user
+  user,
+  setModalHeight
 }) => {
   const [loading, setLoading] = useState(false);
+  const [venderOrder, setVenderOrder] = useState();
+  const [userCountryName, setUserCountryName] = useState('');
+  const [showMore, setShowMore] = useState(false);
+  useEffect(() => {
+    if (showMore) {
+      setModalHeight('100%');
+    } else {
+      setModalHeight('80%');
+    }
+  }, [showMore]);
+  const initializeUserCountryAndOrder = async () => {
+    if (!user?.phoneNumber) {
+      setError('Oops! Something went wrong...');
+      return;
+    }
+    const countryCode = getCountryCodeFromPhoneNumber(`+${user.phoneNumber}`) ?? 'US';
+    const countryName = getCountryNameByCode(countryCode);
+    setUserCountryName(countryName);
+    const orderRes = await berifymeApi.getOrderByCountry({
+      countryCode: countryCode
+    });
+    if (orderRes.error) setError(orderRes.error);else if (orderRes.order) setVenderOrder(orderRes.order);
+  };
+  useEffect(() => {
+    initializeUserCountryAndOrder();
+  }, []);
+  useEffect(() => {
+    console.log('vender order: ', venderOrder);
+  }, [venderOrder]);
   const getAuthIdAccountDetail = async () => {
     const account = await berifymeApi.authID.getAccount({
       token: (await AsyncStorage.getItem('authID_token')) ?? '',
@@ -85,98 +128,27 @@ const Vender = ({
               height: 70
             }
           })]
-        }), /*#__PURE__*/_jsxs(Stack, {
-          spacing: 16,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: handleBerifyClick,
-            activeOpacity: 0.8,
-            children: /*#__PURE__*/_jsxs(Stack, {
-              w: '100%',
-              bg: '#f2f2f2',
-              spacing: 8,
-              pv: 24,
-              center: true,
-              radius: 24,
-              children: [/*#__PURE__*/_jsx(Image, {
-                source: {
-                  uri: 'https://idv.berify.me/little-berify.png'
-                },
-                resizeMode: "contain",
-                style: styles.image
-              }), /*#__PURE__*/_jsx(Text, {
-                variant: "h6",
-                style: styles.textTitle,
-                children: "Berify.me"
-              }), /*#__PURE__*/_jsx(Text, {
-                variant: "body2",
-                style: styles.textSubTittle,
-                children: "avg. 26s completion"
-              })]
-            })
-          }), /*#__PURE__*/_jsxs(Stack, {
-            w: '100%',
-            direction: "row",
-            justify: "between",
-            children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: () => setPageStatus(2.1),
-              activeOpacity: 0.8,
-              style: {
-                width: '49%'
-              },
-              children: /*#__PURE__*/_jsxs(Stack, {
-                bg: '#f2f2f2',
-                spacing: 8,
-                pv: 24,
-                center: true,
-                radius: 24,
-                children: [/*#__PURE__*/_jsx(Image, {
-                  source: {
-                    uri: 'https://idv.berify.me/clear.png'
-                  },
-                  resizeMode: "contain",
-                  style: styles.image
-                }), /*#__PURE__*/_jsx(Text, {
-                  variant: "h6",
-                  style: styles.textTitle,
-                  children: "CLEAR"
-                }), /*#__PURE__*/_jsx(Text, {
-                  variant: "body2",
-                  style: styles.textSubTittle,
-                  children: "avg. 60s completion"
-                })]
-              })
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: () => {
-                setPageStatus(PageStatus.IncodeOnBoarding);
-              },
-              activeOpacity: 0.8,
-              style: {
-                width: '49%'
-              },
-              children: /*#__PURE__*/_jsxs(Stack, {
-                bg: '#f2f2f2',
-                spacing: 8,
-                pv: 24,
-                center: true,
-                radius: 24,
-                children: [/*#__PURE__*/_jsx(Image, {
-                  source: {
-                    uri: 'https://idv.berify.me/incode.png'
-                  },
-                  resizeMode: "contain",
-                  style: styles.image
-                }), /*#__PURE__*/_jsx(Text, {
-                  variant: "h6",
-                  style: styles.textTitle,
-                  children: "Incode"
-                }), /*#__PURE__*/_jsx(Text, {
-                  variant: "body2",
-                  style: styles.textSubTittle,
-                  children: "avg. 30s completion"
-                })]
-              })
-            })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.recommendationContainer,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.recommendationTitle,
+            children: "Recommended for"
+          }), /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: 'https://staging.berify.me/location.png'
+            },
+            resizeMode: "contain",
+            style: styles.locationImage
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.recommendationCountry,
+            children: userCountryName
           })]
+        }), /*#__PURE__*/_jsx(VenderGrid, {
+          setPageStatus: setPageStatus,
+          setError: setError,
+          user: user,
+          showMore: showMore,
+          setShowMore: setShowMore
         })]
       }), /*#__PURE__*/_jsx(Footer, {})]
     })
@@ -192,6 +164,10 @@ const styles = StyleSheet.create({
     width: 32,
     height: 32
   },
+  locationImage: {
+    width: 14,
+    height: 14
+  },
   grayBg: {
     backgroundColor: '#f2f2f2'
   },
@@ -251,7 +227,22 @@ const styles = StyleSheet.create({
     borderColor: '#f2f2f2',
     borderWidth: 2,
     borderRadius: 12
+  },
+  recommendationContainer: {
+    flexDirection: 'row',
+    paddingBottom: 8,
+    alignItems: 'center'
+  },
+  recommendationTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    marginRight: 4
+  },
+  recommendationCountry: {
+    fontSize: 16,
+    fontWeight: 500,
+    lineHeight: 16
   }
 });
 export default Vender;
-//# sourceMappingURL=Vender.js.map
+//# sourceMappingURL=index.js.map

package/lib/module/components/Onboarding/Vender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AsyncStorage","Stack","Text","React","useEffect","useState","Image","ScrollView","StyleSheet","View","berifymeApi","Footer","getCountryNameByCode","parsePhoneNumberFromString","VenderGrid","jsx","_jsx","jsxs","_jsxs","getCountryCodeFromPhoneNumber","phoneNumber","console","log","phoneNumberObj","country","error","Vender","setPageStatus","setError","user","setModalHeight","loading","setLoading","venderOrder","setVenderOrder","userCountryName","setUserCountryName","showMore","setShowMore","initializeUserCountryAndOrder","countryCode","countryName","orderRes","getOrderByCountry","order","getAuthIdAccountDetail","account","authID","getAccount","token","getItem","phone","handleBerifyClick","authIdTokenRes","getAuthIDToken","createAccount","userId","id","setItem","children","h","ph","pv","spacing","justify","direction","items","variant","style","styles","textTitle","textBody2","source","uri","resizeMode","width","height","recommendationContainer","recommendationTitle","locationImage","recommendationCountry","create","container","flex","padding","justifyContent","image","grayBg","backgroundColor","fontSize","fontWeight","color","textSubTittle","fontStyle","textError","textBody1","lineHeight","progressText","button","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","alignItems","textInput","letterSpacing","paddingLeft","paddingRight","borderColor","borderWidth","borderRadius","flexDirection","paddingBottom","marginRight"],"sourceRoot":"../../../../../src","sources":["components/Onboarding/Vender/index.tsx"],"mappings":"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","ignoreList":[]}