be-components 0.1.2 → 0.1.4

package/lib/module/ProfileManager/Components/PhoneManager.js

@@ -0,0 +1,282 @@
+import React, { useEffect, useState } from 'react';
+import { View, ActivityIndicator } from 'react-native';
+import { Button, Icons, Text, TextInput } from '../../Components';
+import Colors from '../../constants/colors';
+import { view_styles } from '../../constants/styles';
+import { ProfileApi, ProfileHelpers } from '../api';
+const PhoneManager = ({
+  player,
+  walkthrough,
+  onPlayerUpdate,
+  onNext,
+  onClose
+}) => {
+  const [loading, setLoading] = useState(false);
+  const [verify_token, setVerifyToken] = useState({
+    loading: false,
+    visible: false,
+    token: ''
+  });
+  const [draft_player, setDraftPlayer] = useState(player);
+  const [update_error, setUpdateError] = useState();
+  const [verify_error, setVerifyError] = useState();
+  useEffect(() => {
+    setDraftPlayer(player);
+  }, [player]);
+  const handlePhoneChange = text => {
+    let phone = ProfileHelpers.unformatPhone(text);
+    setDraftPlayer({
+      ...draft_player,
+      phone
+    });
+  };
+  const {
+    valid,
+    error
+  } = ProfileHelpers.isPhoneValid(draft_player.phone);
+  const is_changed = draft_player.phone.toLowerCase() != player.phone.toLowerCase() ? true : false;
+  const token_valid = verify_token.token != '' ? true : false;
+  const update_allowed = valid && is_changed ? true : false;
+  const handleUpdatePlayer = async () => {
+    try {
+      console.log(update_error, verify_error);
+      setLoading(true);
+      await ProfileApi.updatePlayerPhone(draft_player.phone);
+      setTimeout(() => {
+        setLoading(false);
+        setVerifyToken({
+          loading: false,
+          visible: true,
+          token: ''
+        });
+      }, 1000);
+    } catch (e) {
+      setLoading(false);
+      setUpdateError('Unable to use this phone number.  Please try again');
+    }
+  };
+  const handleVerifyPhone = async () => {
+    try {
+      setVerifyToken({
+        ...verify_token,
+        loading: true
+      });
+      const player = await ProfileApi.confirmPlayerPhone(verify_token.token);
+      setTimeout(() => {
+        setLoading(false);
+        setVerifyToken({
+          loading: false,
+          visible: false,
+          token: ''
+        });
+        if (onNext) {
+          onNext();
+        }
+      }, 1000);
+      onPlayerUpdate(player);
+    } catch (e) {
+      setVerifyToken({
+        ...verify_token,
+        loading: false
+      });
+      setVerifyError('Invalid Token.  Please try again');
+    }
+  };
+  const handleCancelUpdate = () => {
+    setVerifyToken({
+      visible: false,
+      loading: false,
+      token: ''
+    });
+    setDraftPlayer(player);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "bold",
+    size: 16,
+    textAlign: "left",
+    color: Colors.brand.midnight
+  }, "My Phone Number"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    color: Colors.brand.midnight,
+    size: 14,
+    textAlign: "left"
+  }, "A valid phone number is required to verify your account")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.shades.white,
+      borderRadius: 22,
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  }, /*#__PURE__*/React.createElement(Icons.PhoneIcon, {
+    color: Colors.brand.midnight,
+    size: 18
+  })), /*#__PURE__*/React.createElement(TextInput, {
+    value: ProfileHelpers.formatPhone(draft_player.phone),
+    keyboardType: "phone-pad",
+    style: {
+      flex: 1,
+      borderRadius: 0
+    },
+    onChangeText: text => handlePhoneChange(text)
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: Colors.brand.midnight
+  }) : /*#__PURE__*/React.createElement(View, null, valid ? /*#__PURE__*/React.createElement(Icons.CheckIcon, {
+    size: 16,
+    color: Colors.utility.success
+  }) : verify_token.visible ? /*#__PURE__*/React.createElement(Icons.AlertIcon, {
+    size: 16,
+    color: Colors.utility.warning
+  }) : /*#__PURE__*/React.createElement(Icons.CloseIcon, {
+    size: 14,
+    color: Colors.utility.error
+  }))))), error ? /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.utility.warning
+  }, error) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+    nativeID: "action_row",
+    style: {
+      flexDirection: 'row',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: walkthrough ? 'SKIP' : 'CLOSE',
+    style: {
+      flex: 1,
+      marginRight: 5
+    },
+    borderColor: Colors.brand.electric,
+    title_color: Colors.brand.electric,
+    borderWidth: 1,
+    padding: 15,
+    onPress: () => walkthrough ? onNext() : onClose()
+  }), !is_changed && player.phone_verified ? /*#__PURE__*/React.createElement(Button, {
+    title: "SET MY DATE OF BIRTH",
+    style: {
+      flex: 3
+    },
+    padding: 15,
+    backgroundColor: Colors.utility.success,
+    title_color: Colors.shades.white,
+    onPress: () => onNext()
+  }) : /*#__PURE__*/React.createElement(Button, {
+    title: "UPDATE",
+    style: {
+      flex: 3,
+      opacity: update_allowed ? 1 : 0.5
+    },
+    padding: 15,
+    disabled: !update_allowed,
+    backgroundColor: Colors.utility.success,
+    title_color: Colors.shades.white,
+    onPress: () => handleUpdatePlayer()
+  })), verify_token.visible ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: Colors.shades.black_faded,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      backgroundColor: Colors.shades.white,
+      borderRadius: 8,
+      ...view_styles.float
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    weight: "semibold",
+    color: Colors.brand.midnight,
+    textAlign: "center"
+  }, "Enter Code Sent To"), /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    style: {
+      marginTop: 10
+    },
+    weight: "bold",
+    color: Colors.brand.midnight,
+    textAlign: "center"
+  }, draft_player.phone)), /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.shades.white,
+      borderRadius: 22,
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    value: verify_token.token,
+    textContentType: "oneTimeCode",
+    style: {
+      flex: 1
+    },
+    placeholder: "00000",
+    placeholderTextColor: Colors.brand.slate,
+    onChangeText: text => setVerifyToken({
+      ...verify_token,
+      token: text
+    })
+  })), /*#__PURE__*/React.createElement(Button, {
+    title: "CONFIRM",
+    style: {
+      marginTop: 20,
+      opacity: token_valid && !loading ? 1 : 0.5
+    },
+    disabled: !token_valid || loading,
+    padding: 15,
+    loading: verify_token.loading,
+    title_color: Colors.shades.white,
+    backgroundColor: Colors.utility.success,
+    onPress: () => handleVerifyPhone()
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "CANCEL",
+    style: {
+      marginTop: 10
+    },
+    disabled: loading,
+    padding: 15,
+    loading: verify_token.loading,
+    title_color: Colors.brand.electric,
+    borderWidth: 1,
+    borderColor: Colors.brand.electric,
+    onPress: () => handleCancelUpdate()
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default PhoneManager;
+//# sourceMappingURL=PhoneManager.js.map

package/lib/module/ProfileManager/Components/PhoneManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","ActivityIndicator","Button","Icons","Text","TextInput","Colors","view_styles","ProfileApi","ProfileHelpers","PhoneManager","player","walkthrough","onPlayerUpdate","onNext","onClose","loading","setLoading","verify_token","setVerifyToken","visible","token","draft_player","setDraftPlayer","update_error","setUpdateError","verify_error","setVerifyError","handlePhoneChange","text","phone","unformatPhone","valid","error","isPhoneValid","is_changed","toLowerCase","token_valid","update_allowed","handleUpdatePlayer","console","log","updatePlayerPhone","setTimeout","e","handleVerifyPhone","confirmPlayerPhone","handleCancelUpdate","createElement","style","flex","padding","weight","size","textAlign","color","brand","midnight","marginTop","backgroundColor","shades","white","borderRadius","flexDirection","alignItems","paddingLeft","paddingRight","PhoneIcon","value","formatPhone","keyboardType","onChangeText","CheckIcon","utility","success","AlertIcon","warning","CloseIcon","Fragment","nativeID","title","marginRight","borderColor","electric","title_color","borderWidth","onPress","phone_verified","opacity","disabled","position","top","left","right","bottom","black_faded","justifyContent","float","textContentType","placeholder","placeholderTextColor","slate"],"sourceRoot":"../../../../src","sources":["ProfileManager/Components/PhoneManager.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ProfileManager/Components/ProfilePicManager.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import { Image, View } from "react-native";
+import { Button, Text } from '../../Components';
+import ImageUploader from '../../Components/ImageUploader';
+import Colors from '../../constants/colors';
+import { ProfileApi } from '../api';
+const ProfilePicManager = ({
+  player,
+  onPlayerUpdate,
+  walkthrough,
+  onNext,
+  onClose
+}) => {
+  const handleUpdatePic = async profile_pic => {
+    const new_player = await ProfileApi.updatePlayerPic(profile_pic);
+    onPlayerUpdate(new_player);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 16,
+    weight: "bold",
+    color: Colors.brand.midnight
+  }, "MY PROFILE PICTURE"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.midnight
+  }, "Your profile picture is how users will see you in leaderboards and activity feeds.")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: player.profile_pic ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1714408535/sports_avatar_wdzsxc.webp'
+    },
+    style: {
+      height: 400,
+      width: 400,
+      borderRadius: 4
+    },
+    resizeMode: "cover"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      left: 0,
+      bottom: 0,
+      right: 0,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(ImageUploader, {
+    public_id: `${player.player_id}_${Math.random()}`,
+    onStartUpload: () => console.log('STARTED!!!!'),
+    onFinishUpload: obj => handleUpdatePic(obj.secure_url)
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: player.profile_pic ? 'CHANGE' : 'ADD PICTURE',
+    disabled: true,
+    title_color: Colors.brand.electric,
+    borderWidth: 1,
+    borderColor: Colors.brand.electric,
+    padding: 15,
+    onPress: () => console.log('NA')
+  }))))), /*#__PURE__*/React.createElement(View, {
+    nativeID: "action_row",
+    style: {
+      flexDirection: 'row',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: walkthrough ? 'SKIP' : 'CLOSE',
+    style: {
+      flex: 1,
+      marginRight: 5
+    },
+    borderColor: Colors.brand.electric,
+    title_color: Colors.brand.electric,
+    borderWidth: 1,
+    padding: 15,
+    onPress: () => walkthrough ? onNext() : onClose()
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: 'SET MY PASSWORD',
+    style: {
+      flex: 3
+    },
+    padding: 15
+    //loading={loading}
+    //disabled={!is_valid}
+    ,
+    backgroundColor: Colors.utility.success,
+    title_color: Colors.shades.white,
+    onPress: () => onNext()
+  })));
+};
+export default ProfilePicManager;
+//# sourceMappingURL=ProfilePicManager.js.map

package/lib/module/ProfileManager/Components/ProfilePicManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","View","Button","Text","ImageUploader","Colors","ProfileApi","ProfilePicManager","player","onPlayerUpdate","walkthrough","onNext","onClose","handleUpdatePic","profile_pic","new_player","updatePlayerPic","createElement","style","flex","padding","size","weight","color","brand","midnight","marginTop","justifyContent","alignItems","source","uri","height","width","borderRadius","resizeMode","position","left","bottom","right","public_id","player_id","Math","random","onStartUpload","console","log","onFinishUpload","obj","secure_url","title","disabled","title_color","electric","borderWidth","borderColor","onPress","nativeID","flexDirection","marginRight","backgroundColor","utility","success","shades","white"],"sourceRoot":"../../../../src","sources":["ProfileManager/Components/ProfilePicManager.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ProfileManager/Components/ProfileWelcome.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { View, Image } from 'react-native';
+import Colors from '../../constants/colors';
+import { Button, Text } from '../../Components';
+const ProfileWelcome = ({
+  player,
+  width,
+  onStartSetup,
+  onClose
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1714506366/Welcome_James_pfzn7z.webp'
+    },
+    style: {
+      width,
+      height: width
+    },
+    resizeMode: "cover"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginTop: -50,
+      flex: 1,
+      backgroundColor: Colors.shades.black_faded_heavy
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 24,
+    color: Colors.shades.white,
+    weight: "bold"
+  }, "Welcome @", player.username), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 10
+    },
+    size: 14,
+    color: Colors.shades.white,
+    weight: "bold"
+  }, "We have randomly generated this username for you. Finish setting up your profile to change it!"))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "CLOSE",
+    style: {
+      flex: 1,
+      marginRight: 5
+    },
+    borderColor: Colors.brand.electric,
+    title_color: Colors.brand.electric,
+    borderWidth: 1,
+    padding: 15,
+    onPress: () => onClose()
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "UPDATE MY INFO",
+    style: {
+      flex: 3
+    },
+    backgroundColor: Colors.utility.success,
+    title_color: Colors.shades.white,
+    padding: 15,
+    onPress: () => onStartSetup()
+  })));
+};
+export default ProfileWelcome;
+//# sourceMappingURL=ProfileWelcome.js.map

package/lib/module/ProfileManager/Components/ProfileWelcome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Image","Colors","Button","Text","ProfileWelcome","player","width","onStartSetup","onClose","createElement","style","flex","source","uri","height","resizeMode","marginTop","backgroundColor","shades","black_faded_heavy","padding","size","color","white","weight","username","flexDirection","title","marginRight","borderColor","brand","electric","title_color","borderWidth","onPress","utility","success"],"sourceRoot":"../../../../src","sources":["ProfileManager/Components/ProfileWelcome.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE1C,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAU/C,MAAMC,cAAc,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAA4B,CAAC,KAAK;EAErF,oBACIV,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEC,IAAI,EAAC;IAAE;EAAE,gBACpBb,KAAA,CAAAW,aAAA,CAACT,KAAK;IACFY,MAAM,EAAE;MAAEC,GAAG,EAAE;IAA0F,CAAE;IAC3GH,KAAK,EAAE;MAAEJ,KAAK;MAAEQ,MAAM,EAACR;IAAM,CAAE;IAC/BS,UAAU,EAAC;EAAO,CACrB,CAAC,eACFjB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEM,SAAS,EAAC,CAAC,EAAE;MAAEL,IAAI,EAAC,CAAC;MAAEM,eAAe,EAAChB,MAAM,CAACiB,MAAM,CAACC;IAAkB;EAAE,gBACpFrB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEU,OAAO,EAAC;IAAG;EAAE,gBACxBtB,KAAA,CAAAW,aAAA,CAACN,IAAI;IAACkB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAErB,MAAM,CAACiB,MAAM,CAACK,KAAM;IAACC,MAAM,EAAC;EAAM,GAAC,WAAS,EAACnB,MAAM,CAACoB,QAAe,CAAC,eAC3F3B,KAAA,CAAAW,aAAA,CAACN,IAAI;IAACO,KAAK,EAAE;MAAEM,SAAS,EAAC;IAAG,CAAE;IAACK,IAAI,EAAE,EAAG;IAACC,KAAK,EAAErB,MAAM,CAACiB,MAAM,CAACK,KAAM;IAACC,MAAM,EAAC;EAAM,GAAC,gGAAoG,CACrL,CACJ,CAAC,eACP1B,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEgB,aAAa,EAAC,KAAK;MAAEN,OAAO,EAAC;IAAG;EAAE,gBAC7CtB,KAAA,CAAAW,aAAA,CAACP,MAAM;IACHyB,KAAK,EAAC,OAAO;IACbjB,KAAK,EAAE;MAAEC,IAAI,EAAC,CAAC;MAAEiB,WAAW,EAAC;IAAE,CAAE;IACjCC,WAAW,EAAE5B,MAAM,CAAC6B,KAAK,CAACC,QAAS;IACnCC,WAAW,EAAE/B,MAAM,CAAC6B,KAAK,CAACC,QAAS;IACnCE,WAAW,EAAE,CAAE;IACfb,OAAO,EAAE,EAAG;IACZc,OAAO,EAAEA,CAAA,KAAM1B,OAAO,CAAC;EAAE,CAC5B,CAAC,eACFV,KAAA,CAAAW,aAAA,CAACP,MAAM;IACHyB,KAAK,EAAC,gBAAgB;IACtBjB,KAAK,EAAE;MAAEC,IAAI,EAAC;IAAE,CAAE;IAClBM,eAAe,EAAEhB,MAAM,CAACkC,OAAO,CAACC,OAAQ;IACxCJ,WAAW,EAAE/B,MAAM,CAACiB,MAAM,CAACK,KAAM;IACjCH,OAAO,EAAE,EAAG;IACZc,OAAO,EAAEA,CAAA,KAAM3B,YAAY,CAAC;EAAE,CACjC,CACC,CACJ,CAAC;AAEf,CAAC;AAED,eAAeH,cAAc","ignoreList":[]}