be-components 5.0.6 → 5.0.9

package/lib/module/Campaign/components/ParticipantCard.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import { Text, View } from "../../Components/Themed";
+import { Image } from 'react-native';
+import moment from 'moment-mini';
+import ActionList from './ActionList';
+import { CampaignHelpers } from '../api';
+import AnalyticsCard from './AnalyticsCard';
+const ParticipantCard = ({
+  player,
+  campaign_participant,
+  orders,
+  events,
+  analytics
+}) => {
+  const agg = CampaignHelpers.aggregateAnalytics(analytics);
+  return /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      marginTop: 65,
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      padding: 2,
+      borderRadius: 100,
+      marginTop: -65,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: player.profile_pic && player.profile_pic != '' ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+    },
+    style: {
+      height: 100,
+      width: 100,
+      borderRadius: 100
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "@", player.username), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, player.bio ?? `Last visited ${moment(campaign_participant.last_update_datetime).fromNow()}`))), /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      padding: 6
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      margin: 4,
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(AnalyticsCard, {
+    label: "Bets Fulfilled",
+    value: agg.fulfilled_positions,
+    success_limit: 0,
+    value_label: agg.fulfilled_positions.toString()
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      margin: 4,
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(AnalyticsCard, {
+    label: "ROI %",
+    value: agg.roi_pct,
+    success_limit: 0,
+    value_label: `${(agg.roi_pct * 100).toFixed(2)}%`
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      margin: 4,
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(AnalyticsCard, {
+    label: `Win %`,
+    value: agg.win_pct,
+    success_limit: 0.5,
+    value_label: `${(agg.win_pct * 100).toFixed(2)}%`
+  }))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Recent Action"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 4
+    }
+  }, "Bets recently placed by @", player.username))), /*#__PURE__*/React.createElement(ActionList, {
+    orders: orders,
+    players: [player],
+    events: events
+  })));
+};
+export default ParticipantCard;
+//# sourceMappingURL=ParticipantCard.js.map

package/lib/module/Campaign/components/ParticipantCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Image","moment","ActionList","CampaignHelpers","AnalyticsCard","ParticipantCard","player","campaign_participant","orders","events","analytics","agg","aggregateAnalytics","createElement","transparent","style","marginTop","flex","type","flexDirection","alignItems","padding","float","borderRadius","marginLeft","source","uri","profile_pic","height","width","theme","username","bio","last_update_datetime","fromNow","margin","label","value","fulfilled_positions","success_limit","value_label","toString","roi_pct","toFixed","win_pct","players"],"sourceRoot":"../../../../src","sources":["Campaign/components/ParticipantCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Campaign/components/ParticipantsList.js

@@ -0,0 +1,108 @@
+import React, { useState } from 'react';
+import { Button, Text, View } from "../../Components/Themed";
+import { FlatList, Image } from 'react-native';
+import { useColors } from '../../constants/useColors';
+import moment from 'moment-mini';
+const ParticipantsList = ({
+  campaign_participants,
+  players,
+  selected_participant,
+  horizontal,
+  onSelect,
+  onDeselect
+}) => {
+  const [participant_page] = useState(1);
+  const Colors = useColors();
+  const visible_participants = campaign_participants.sort((a, b) => a.status.localeCompare(b.status) || moment(b.create_datetime).unix() - moment(a.create_datetime).unix()).slice((participant_page - 1) * 5, (participant_page - 1) * 5 + 5);
+  const renderParticipants = data => {
+    const player = players.find(p => p.player_id == data.item.player_id);
+    const active = data.item.status == 'active' ? true : false;
+    if (!player) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const selected = data.item.campaign_participant_id == selected_participant ? true : false;
+    return /*#__PURE__*/React.createElement(Button, {
+      float: true,
+      style: {
+        flexDirection: horizontal ? 'column' : 'row',
+        alignItems: 'center',
+        borderRadius: 100,
+        margin: 8,
+        padding: 2,
+        borderWidth: selected || active ? 2 : 0,
+        borderColor: selected ? Colors.text.action : active ? Colors.text.success : 'transparent'
+      },
+      onPress: () => selected ? onDeselect(data.item) : onSelect(data.item)
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: player.profile_pic && player.profile_pic != '' ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+      },
+      style: {
+        height: 50,
+        width: 50,
+        borderRadius: 100
+      }
+    }), !horizontal ? /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2"
+    }, "@", player.username), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        marginTop: 3
+      },
+      theme: "description"
+    }, "Visited ", moment(data.item.last_update_datetime).fromNow())) : /*#__PURE__*/React.createElement(React.Fragment, null));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginRight: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Participants"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 4
+    }
+  }, "Check out who is participating here!")), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    color: Colors.text.action
+  }, campaign_participants.length), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Participants"))), /*#__PURE__*/React.createElement(FlatList, {
+    data: visible_participants,
+    renderItem: renderParticipants,
+    horizontal: horizontal,
+    key: 'campaign_particpant_list',
+    keyExtractor: item => item.campaign_participant_id.toString()
+  }));
+};
+export default ParticipantsList;
+//# sourceMappingURL=ParticipantsList.js.map

package/lib/module/Campaign/components/ParticipantsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Button","Text","View","FlatList","Image","useColors","moment","ParticipantsList","campaign_participants","players","selected_participant","horizontal","onSelect","onDeselect","participant_page","Colors","visible_participants","sort","a","b","status","localeCompare","create_datetime","unix","slice","renderParticipants","data","player","find","p","player_id","item","active","createElement","Fragment","selected","campaign_participant_id","float","style","flexDirection","alignItems","borderRadius","margin","padding","borderWidth","borderColor","text","action","success","onPress","source","uri","profile_pic","height","width","transparent","flex","marginLeft","theme","username","marginTop","last_update_datetime","fromNow","type","marginRight","justifyContent","color","length","renderItem","key","keyExtractor","toString"],"sourceRoot":"../../../../src","sources":["Campaign/components/ParticipantsList.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,yBAAyB;AAE5D,SAASC,QAAQ,EAAEC,KAAK,QAAQ,cAAc;AAC9C,SAASC,SAAS,QAAQ,2BAA2B;AACrD,OAAOC,MAAM,MAAM,aAAa;AAYhC,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,qBAAqB;EAAEC,OAAO;EAAEC,oBAAoB;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAwC,CAAC,KAAK;EAClJ,MAAM,CAAEC,gBAAgB,CAAE,GAAGf,QAAQ,CAAC,CAAC,CAAC;EACxC,MAAMgB,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,MAAMW,oBAAoB,GAAGR,qBAAqB,CAACS,IAAI,CAAC,CAACC,CAAC,EAACC,CAAC,KAAKD,CAAC,CAACE,MAAM,CAACC,aAAa,CAACF,CAAC,CAACC,MAAM,CAAC,IAAId,MAAM,CAACa,CAAC,CAACG,eAAe,CAAC,CAACC,IAAI,CAAC,CAAC,GAAGjB,MAAM,CAACY,CAAC,CAACI,eAAe,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAACV,gBAAgB,GAAC,CAAC,IAAI,CAAC,EAAG,CAACA,gBAAgB,GAAC,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC;EAEzO,MAAMW,kBAAkB,GAAIC,IAAoD,IAAK;IACjF,MAAMC,MAAM,GAAGlB,OAAO,CAACmB,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,IAAIJ,IAAI,CAACK,IAAI,CAACD,SAAS,CAAC;IACpE,MAAME,MAAM,GAAGN,IAAI,CAACK,IAAI,CAACX,MAAM,IAAI,QAAQ,GAAG,IAAI,GAAG,KAAK;IAC1D,IAAG,CAACO,MAAM,EAAC;MAAE,oBAAO7B,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CAAC;IAAC;IAC1B,MAAMC,QAAQ,GAAGT,IAAI,CAACK,IAAI,CAACK,uBAAuB,IAAI1B,oBAAoB,GAAG,IAAI,GAAG,KAAK;IACzF,oBACIZ,KAAA,CAAAmC,aAAA,CAACjC,MAAM;MAACqC,KAAK;MACbC,KAAK,EAAE;QAAEC,aAAa,EAAC5B,UAAU,GAAC,QAAQ,GAAC,KAAK;QAAE6B,UAAU,EAAC,QAAQ;QAAEC,YAAY,EAAC,GAAG;QAAEC,MAAM,EAAC,CAAC;QAAEC,OAAO,EAAC,CAAC;QAAEC,WAAW,EAACT,QAAQ,IAAIH,MAAM,GAAC,CAAC,GAAC,CAAC;QAAEa,WAAW,EAACV,QAAQ,GAACpB,MAAM,CAAC+B,IAAI,CAACC,MAAM,GAACf,MAAM,GAACjB,MAAM,CAAC+B,IAAI,CAACE,OAAO,GAAC;MAAc,CAAE;MACrOC,OAAO,EAAEA,CAAA,KAAMd,QAAQ,GAAGtB,UAAU,CAACa,IAAI,CAACK,IAAI,CAAC,GAAGnB,QAAQ,CAACc,IAAI,CAACK,IAAI;IAAE,gBAClEjC,KAAA,CAAAmC,aAAA,CAAC7B,KAAK;MACF8C,MAAM,EAAE;QAAEC,GAAG,EAAExB,MAAM,CAACyB,WAAW,IAAIzB,MAAM,CAACyB,WAAW,IAAI,EAAE,GAAGzB,MAAM,CAACyB,WAAW,GAAG;MAAwF,CAAE;MAC/Kd,KAAK,EAAE;QAAEe,MAAM,EAAC,EAAE;QAAEC,KAAK,EAAC,EAAE;QAAEb,YAAY,EAAC;MAAI;IAAE,CACpD,CAAC,EACD,CAAC9B,UAAU,gBACZb,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;MAACqD,WAAW;MAACjB,KAAK,EAAE;QAAEkB,IAAI,EAAC,CAAC;QAAEC,UAAU,EAAC;MAAG;IAAE,gBAC/C3D,KAAA,CAAAmC,aAAA,CAAChC,IAAI;MAACyD,KAAK,EAAC;IAAI,GAAC,GAAC,EAAC/B,MAAM,CAACgC,QAAe,CAAC,eAC1C7D,KAAA,CAAAmC,aAAA,CAAChC,IAAI;MAACqC,KAAK,EAAE;QAAEsB,SAAS,EAAC;MAAE,CAAE;MAACF,KAAK,EAAC;IAAa,GAAC,UAAQ,EAACpD,MAAM,CAACoB,IAAI,CAACK,IAAI,CAAC8B,oBAAoB,CAAC,CAACC,OAAO,CAAC,CAAQ,CAChH,CAAC,gBACNhE,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CACD,CAAC;EAEjB,CAAC;EAED,oBACIpC,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;IAAC6D,IAAI,EAAC,QAAQ;IAACzB,KAAK,EAAE;MAAEkB,IAAI,EAAC;IAAE;EAAE,gBAClC1D,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;IAAC6D,IAAI,EAAC,QAAQ;IAACzB,KAAK,EAAE;MAAEC,aAAa,EAAC,KAAK;MAAEC,UAAU,EAAC,QAAQ;MAAEG,OAAO,EAAC;IAAG;EAAE,gBAChF7C,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;IAACqD,WAAW;IAACjB,KAAK,EAAE;MAAEkB,IAAI,EAAC,CAAC;MAAEQ,WAAW,EAAC;IAAG;EAAE,gBAChDlE,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACyD,KAAK,EAAC;EAAI,GAAC,cAAkB,CAAC,eACpC5D,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACyD,KAAK,EAAC,aAAa;IAACpB,KAAK,EAAE;MAAEsB,SAAS,EAAC;IAAE;EAAE,GAAC,sCAA0C,CAC1F,CAAC,eACP9D,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;IAACqD,WAAW;IAACjB,KAAK,EAAE;MAAE2B,cAAc,EAAC,QAAQ;MAAEzB,UAAU,EAAC;IAAS;EAAE,gBACtE1C,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACyD,KAAK,EAAC,IAAI;IAACQ,KAAK,EAAEnD,MAAM,CAAC+B,IAAI,CAACC;EAAO,GAAEvC,qBAAqB,CAAC2D,MAAa,CAAC,eACjFrE,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACyD,KAAK,EAAC,aAAa;IAACpB,KAAK,EAAE;MAAEsB,SAAS,EAAC;IAAE;EAAE,GAAC,cAAkB,CAClE,CACJ,CAAC,eACP9D,KAAA,CAAAmC,aAAA,CAAC9B,QAAQ;IACLuB,IAAI,EAAEV,oBAAqB;IAC3BoD,UAAU,EAAE3C,kBAAmB;IAC/Bd,UAAU,EAAEA,UAAW;IACvB0D,GAAG,EAAE,0BAA2B;IAChCC,YAAY,EAAGvC,IAAI,IAAKA,IAAI,CAACK,uBAAuB,CAACmC,QAAQ,CAAC;EAAE,CACnE,CACC,CAAC;AAEf,CAAC;AAED,eAAehE,gBAAgB","ignoreList":[]}

package/lib/module/Campaign/components/ProgressTimer.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { useEffect, useState } from "react";
+import { ProgressBar } from "../../Components";
+import { useColors } from "../../constants/useColors";
+const ProgressTimer = ({
+  total_time,
+  time_id,
+  onTimesUp
+}) => {
+  const Colors = useColors();
+  const [started, setStarted] = useState(false);
+  const [seconds_remaining, setSecondsRemaining] = useState(0);
+  useEffect(() => {
+    if (!time_id) {
+      return;
+    }
+    setSecondsRemaining(total_time);
+    setStarted(true);
+  }, [time_id]);
+  useEffect(() => {
+    if (!started) {
+      return;
+    }
+    if (seconds_remaining > 0) {
+      setTimeout(() => setSecondsRemaining(seconds_remaining - 1), 1000);
+    } else {
+      onTimesUp();
+      setStarted(false);
+    }
+  }, [seconds_remaining]);
+  if (seconds_remaining == 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(ProgressBar, {
+    max_value: total_time,
+    hide_labels: true,
+    current_value: seconds_remaining,
+    background_color: Colors.views.background,
+    fill_color: Colors.text.action
+  });
+};
+export default ProgressTimer;
+//# sourceMappingURL=ProgressTimer.js.map

package/lib/module/Campaign/components/ProgressTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","ProgressBar","useColors","ProgressTimer","total_time","time_id","onTimesUp","Colors","started","setStarted","seconds_remaining","setSecondsRemaining","setTimeout","createElement","Fragment","max_value","hide_labels","current_value","background_color","views","background","fill_color","text","action"],"sourceRoot":"../../../../src","sources":["Campaign/components/ProgressTimer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,SAAS,QAAQ,2BAA2B;AASrD,MAAMC,aAAa,GAAGA,CAAC;EAACC,UAAU;EAAEC,OAAO;EAAEC;AAA4B,CAAC,KAAK;EAC3E,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAM,CAAEM,OAAO,EAAEC,UAAU,CAAE,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAC9C,MAAM,CAAEU,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGX,QAAQ,CAAC,CAAC,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACZ,IAAG,CAACM,OAAO,EAAC;MAAE;IAAO;IACrBM,mBAAmB,CAACP,UAAU,CAAC;IAC/BK,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC,EAAC,CAACJ,OAAO,CAAC,CAAC;EAEZN,SAAS,CAAC,MAAM;IACZ,IAAG,CAACS,OAAO,EAAC;MAAE;IAAO;IACrB,IAAGE,iBAAiB,GAAG,CAAC,EAAC;MACrBE,UAAU,CAAC,MAAMD,mBAAmB,CAACD,iBAAiB,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;IACtE,CAAC,MAAM;MACHJ,SAAS,CAAC,CAAC;MACXG,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAC,CAACC,iBAAiB,CAAC,CAAC;EAGtB,IAAGA,iBAAiB,IAAI,CAAC,EAAC;IAAE,oBAAOZ,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,MAAI,CAAC;EAAC;EACzC,oBACIhB,KAAA,CAAAe,aAAA,CAACZ,WAAW;IACRc,SAAS,EAAEX,UAAW;IACtBY,WAAW;IACXC,aAAa,EAAEP,iBAAkB;IACjCQ,gBAAgB,EAAEX,MAAM,CAACY,KAAK,CAACC,UAAW;IAC1CC,UAAU,EAAEd,MAAM,CAACe,IAAI,CAACC;EAAO,CAClC,CAAC;AAEV,CAAC;AAED,eAAepB,aAAa","ignoreList":[]}