be-components 0.1.1

package/lib/module/AuthenticateWizard/index.js

@@ -0,0 +1,77 @@
+import React, { useEffect, useState } from 'react';
+import { LinearGradient } from 'expo-linear-gradient';
+import { Spring } from '../Components';
+import Colors from '../constants/colors';
+import StrategyForm from './Components/StrategyForm';
+import { AuthenticateApi } from './api';
+const AuthenticateWizard = ({
+  environment,
+  auth_strategy_id,
+  company_id,
+  device_id,
+  source,
+  referral_code,
+  width,
+  opt_in_url,
+  onAuthenticated
+}) => {
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    getWidgetData();
+  }, [environment]);
+  const getWidgetData = async () => {
+    AuthenticateApi.setEnvironment(environment);
+    setLoaded(true);
+  };
+  return /*#__PURE__*/React.createElement(Spring, {
+    to: 0,
+    from: 500,
+    slide: "vertical",
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    style: {
+      flex: 1,
+      minHeight: 500,
+      borderTopRightRadius: 30,
+      borderTopLeftRadius: 30
+    },
+    nativeID: "auth_widget",
+    colors: [Colors.shades.shade100, Colors.shades.shade600]
+  }, /*#__PURE__*/React.createElement(StrategyForm, {
+    visible: loaded ? true : false,
+    width: width,
+    auth_strategy_id: auth_strategy_id,
+    company_id: company_id,
+    device_id: device_id,
+    source: source,
+    referral_code: referral_code,
+    opt_in_url: opt_in_url,
+    onAuthenticated: onAuthenticated
+  })));
+};
+export default AuthenticateWizard;
+
+/*
+        {authenticated ?
+                <Spring
+                    style={{ position:'absolute', backgroundColor:Colors.shades.white, borderTopRightRadius:22, borderTopLeftRadius:22, top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}
+                    to={0}
+                    from={500}
+                    slide="vertical"
+                >
+                        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }}>
+                            <View style={{ marginTop: 30 }}>
+                                <Image
+                                    source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1704746039/be_logo_2_idjbro.png' }}
+                                    style={{ height:width * 0.5, width:width * 0.5 }}
+                                    resizeMode="cover"
+                                />
+                            </View>
+                        </View>
+                </Spring>
+            :<></>}
+
+*/
+//# sourceMappingURL=index.js.map

package/lib/module/AuthenticateWizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","LinearGradient","Spring","Colors","StrategyForm","AuthenticateApi","AuthenticateWizard","environment","auth_strategy_id","company_id","device_id","source","referral_code","width","opt_in_url","onAuthenticated","loaded","setLoaded","getWidgetData","setEnvironment","createElement","to","from","slide","style","flex","minHeight","borderTopRightRadius","borderTopLeftRadius","nativeID","colors","shades","shade100","shade600","visible"],"sourceRoot":"../../../src","sources":["AuthenticateWizard/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,YAAY,MAAM,2BAA2B;AACpD,SAASC,eAAe,QAAQ,OAAO;AAevC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,gBAAgB;EAAEC,UAAU;EAAEC,SAAS;EAAEC,MAAM;EAAEC,aAAa;EAAEC,KAAK;EAAEC,UAAU;EAAEC;AAAwC,CAAC,KAAK;EACxK,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACZmB,aAAa,CAAC,CAAC;EACnB,CAAC,EAAC,CAACX,WAAW,CAAC,CAAC;EAEhB,MAAMW,aAAa,GAAG,MAAAA,CAAA,KAAW;IAC7Bb,eAAe,CAACc,cAAc,CAACZ,WAAW,CAAC;IAC3CU,SAAS,CAAC,IAAI,CAAC;EACnB,CAAC;EAED,oBACInB,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAEHmB,EAAE,EAAE,CAAE;IACNC,IAAI,EAAE,GAAI;IACVC,KAAK,EAAC,UAAU;IAChBC,KAAK,EAAE;MAAEX;IAAM;EAAE,gBAEjBf,KAAA,CAAAsB,aAAA,CAACnB,cAAc;IACXuB,KAAK,EAAE;MAAEC,IAAI,EAAC,CAAC;MAAEC,SAAS,EAAC,GAAG;MAAEC,oBAAoB,EAAC,EAAE;MAAEC,mBAAmB,EAAC;IAAG,CAAE;IAClFC,QAAQ,EAAC,aAAa;IACtBC,MAAM,EAAE,CAAC3B,MAAM,CAAC4B,MAAM,CAACC,QAAQ,EAAE7B,MAAM,CAAC4B,MAAM,CAACE,QAAQ;EAAE,gBAE7DnC,KAAA,CAAAsB,aAAA,CAAChB,YAAY;IACT8B,OAAO,EAAElB,MAAM,GAAC,IAAI,GAAC,KAAM;IAC3BH,KAAK,EAAEA,KAAM;IACbL,gBAAgB,EAAEA,gBAAiB;IACnCC,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,MAAM,EAAEA,MAAO;IACfC,aAAa,EAAEA,aAAc;IAC7BE,UAAU,EAAEA,UAAW;IACvBC,eAAe,EAAEA;EAAgB,CACpC,CACe,CACZ,CAAC;AAEjB,CAAC;AAED,eAAeT,kBAAkB;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/Components/Button.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { ActivityIndicator, Image, TouchableOpacity, View } from "react-native";
+import { Text } from '.';
+import Colors from '../constants/colors';
+const Button = ({
+  title,
+  style,
+  title_weight,
+  disabled,
+  loading,
+  title_size,
+  padding,
+  borderRadiusOverride,
+  avatar_url,
+  title_color,
+  borderWidth,
+  borderColor,
+  backgroundColor,
+  borderRadius,
+  onPress
+}) => {
+  let input_style = style ?? {};
+  const getBorderRadiusOverride = () => {
+    if (!borderRadiusOverride) {
+      return {
+        borderRadius: borderRadius ?? 4
+      };
+    }
+    return {
+      ...borderRadiusOverride
+    };
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: disabled,
+    style: {
+      ...getBorderRadiusOverride(),
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: padding ?? 8,
+      backgroundColor: backgroundColor ?? Colors.shades.white,
+      borderWidth: borderWidth ?? 0,
+      borderColor: borderColor ?? 'transparent',
+      ...input_style
+    },
+    onPress: ev => onPress(ev)
+  }, avatar_url ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: avatar_url
+    },
+    style: {
+      height: 28,
+      width: 28,
+      borderRadius: 100,
+      marginRight: 12
+    },
+    resizeMode: "cover"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), title ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginLeft: 5,
+      marginRight: 5
+    }
+  }, !loading ? /*#__PURE__*/React.createElement(Text, {
+    size: title_size ?? 14,
+    weight: title_weight ?? 'bold',
+    textAlign: "center",
+    color: title_color ?? Colors.brand.midnight
+  }, title) : /*#__PURE__*/React.createElement(ActivityIndicator, {
+    style: {
+      alignSelf: 'center'
+    },
+    size: "small",
+    color: title_color ?? Colors.brand.midnight
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/module/Components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","Image","TouchableOpacity","View","Text","Colors","Button","title","style","title_weight","disabled","loading","title_size","padding","borderRadiusOverride","avatar_url","title_color","borderWidth","borderColor","backgroundColor","borderRadius","onPress","input_style","getBorderRadiusOverride","createElement","flexDirection","alignItems","shades","white","ev","source","uri","height","width","marginRight","resizeMode","Fragment","flex","marginLeft","size","weight","textAlign","color","brand","midnight","alignSelf"],"sourceRoot":"../../../src","sources":["Components/Button.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC/E,SAASC,IAAI,QAAQ,GAAG;AACxB,OAAOC,MAAM,MAAM,qBAAqB;AA0BxC,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,UAAU;EAAEC,OAAO;EAAEC,oBAAoB;EAAEC,UAAU;EAAEC,WAAW;EAAEC,WAAW;EAAEC,WAAW;EAAEC,eAAe;EAAEC,YAAY;EAAEC;AAAoB,CAAC,KAAK;EACpN,IAAIC,WAAW,GAAGd,KAAK,IAAI,CAAC,CAAC;EAC7B,MAAMe,uBAAuB,GAAGA,CAAA,KAAM;IAClC,IAAG,CAACT,oBAAoB,EAAC;MAAE,OAAO;QAAEM,YAAY,EAAEA,YAAY,IAAE;MAAE,CAAC;IAAC;IACpE,OAAO;MAAE,GAAGN;IAAqB,CAAC;EACtC,CAAC;EAED,oBACIf,KAAA,CAAAyB,aAAA,CAACtB,gBAAgB;IACbQ,QAAQ,EAAEA,QAAS;IACnBF,KAAK,EAAE;MAAE,GAAGe,uBAAuB,CAAC,CAAC;MAAEE,aAAa,EAAC,KAAK;MAAEC,UAAU,EAAC,QAAQ;MAAEb,OAAO,EAACA,OAAO,IAAE,CAAC;MAAEM,eAAe,EAACA,eAAe,IAAEd,MAAM,CAACsB,MAAM,CAACC,KAAK;MAAEX,WAAW,EAACA,WAAW,IAAE,CAAC;MAAEC,WAAW,EAACA,WAAW,IAAE,aAAa;MAAE,GAAGI;IAAY,CAAE;IAACD,OAAO,EAAGQ,EAAE,IAAKR,OAAO,CAACQ,EAAE;EAAE,GAC7Qd,UAAU,gBACXhB,KAAA,CAAAyB,aAAA,CAACvB,KAAK;IACF6B,MAAM,EAAE;MAAEC,GAAG,EAAEhB;IAAW,CAAE;IAC5BP,KAAK,EAAE;MAAEwB,MAAM,EAAC,EAAE;MAAEC,KAAK,EAAC,EAAE;MAAEb,YAAY,EAAC,GAAG;MAAEc,WAAW,EAAC;IAAG,CAAE;IACjEC,UAAU,EAAC;EAAO,CACrB,CAAC,gBACDpC,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAqC,QAAA,MAAI,CAAC,EAEL7B,KAAK,gBACNR,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACK,KAAK,EAAE;MAAE6B,IAAI,EAAC,CAAC;MAAEC,UAAU,EAAC,CAAC;MAAEJ,WAAW,EAAC;IAAE;EAAE,GAChD,CAACvB,OAAO,gBACTZ,KAAA,CAAAyB,aAAA,CAACpB,IAAI;IAACmC,IAAI,EAAE3B,UAAU,IAAE,EAAG;IAAC4B,MAAM,EAAE/B,YAAY,IAAI,MAAO;IAACgC,SAAS,EAAC,QAAQ;IAACC,KAAK,EAAE1B,WAAW,IAAEX,MAAM,CAACsC,KAAK,CAACC;EAAS,GAAErC,KAAY,CAAC,gBAExIR,KAAA,CAAAyB,aAAA,CAACxB,iBAAiB;IAACQ,KAAK,EAAE;MAAEqC,SAAS,EAAC;IAAS,CAAE;IAACN,IAAI,EAAC,OAAO;IAACG,KAAK,EAAE1B,WAAW,IAAEX,MAAM,CAACsC,KAAK,CAACC;EAAS,CAAE,CAEzG,CAAC,gBACN7C,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAqC,QAAA,MAAI,CAES,CAAC;AAE3B,CAAC;AAED,eAAe9B,MAAM","ignoreList":[]}

package/lib/module/Components/Checkbox.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import Colors from '../constants/colors';
+const Checkbox = ({
+  checked,
+  size,
+  color,
+  onSelect,
+  style
+}) => {
+  const box_size = size ?? 20;
+  const box_color = color ?? Colors.brand.midnight;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      height: box_size,
+      width: box_size,
+      borderWidth: 1,
+      borderRadius: 4,
+      borderColor: box_color,
+      justifyContent: 'center',
+      alignItems: 'center',
+      ...style
+    },
+    onPress: () => onSelect(checked ? false : true)
+  }, checked ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      height: box_size * 0.75,
+      width: box_size * 0.75,
+      backgroundColor: box_color
+    }
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/module/Components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Colors","Checkbox","checked","size","color","onSelect","style","box_size","box_color","brand","midnight","createElement","height","width","borderWidth","borderRadius","borderColor","justifyContent","alignItems","onPress","backgroundColor","Fragment"],"sourceRoot":"../../../src","sources":["Components/Checkbox.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,qBAAqB;AAUxC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,KAAK;EAC1E,MAAMC,QAAQ,GAAGJ,IAAI,IAAI,EAAE;EAC3B,MAAMK,SAAS,GAAGJ,KAAK,IAAIJ,MAAM,CAACS,KAAK,CAACC,QAAQ;EAChD,oBACIb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IACbO,KAAK,EAAE;MAAEM,MAAM,EAACL,QAAQ;MAAEM,KAAK,EAACN,QAAQ;MAAEO,WAAW,EAAC,CAAC;MAAEC,YAAY,EAAC,CAAC;MAAEC,WAAW,EAACR,SAAS;MAAES,cAAc,EAAC,QAAQ;MAAEC,UAAU,EAAC,QAAQ;MAAE,GAAGZ;IAAM,CAAE;IACzJa,OAAO,EAAEA,CAAA,KAAMd,QAAQ,CAACH,OAAO,GAAG,KAAK,GAAG,IAAI;EAAE,GAE/CA,OAAO,gBACRL,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACQ,KAAK,EAAE;MAAEM,MAAM,EAACL,QAAQ,GAAC,IAAI;MAAEM,KAAK,EAACN,QAAQ,GAAC,IAAI;MAAEa,eAAe,EAACZ;IAAU;EAAE,CAAE,CAAC,gBACxFX,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAwB,QAAA,MAAI,CACS,CAAC;AAE3B,CAAC;AAED,eAAepB,QAAQ","ignoreList":[]}