be-components 0.7.3 → 0.7.5

package/lib/module/Poll/components/PollSelectCard.js

@@ -0,0 +1,182 @@
+import React from 'react';
+import { TouchableOpacity, View } from "react-native";
+import Colors from "../../constants/colors";
+import { Icons, Text } from "../../Components";
+const PollSelectCard = ({
+  index,
+  poll,
+  disabled,
+  selected,
+  poll_campaign,
+  poll_response,
+  show_response,
+  response_option,
+  onSelect
+}) => {
+  const getResultColor = () => {
+    switch (poll_response?.result_ind) {
+      case 'win':
+        return Colors.utility.success;
+      case 'lose':
+        return Colors.utility.error;
+      case 'draw':
+        return Colors.utility.warning;
+      default:
+        return Colors.brand.slate;
+    }
+  };
+  const getStatusColor = () => {
+    switch (poll.status) {
+      case 'closed':
+        return Colors.highlights.highlight300Faded;
+      case 'active':
+        return Colors.highlights.highlight400Faded;
+      default:
+        return Colors.highlights.highlight500Faded;
+    }
+  };
+  const getResultIcon = () => {
+    let color = getResultColor();
+    switch (poll_response?.result_ind) {
+      case 'win':
+        return /*#__PURE__*/React.createElement(Icons.CheckIcon, {
+          color: color,
+          size: 16
+        });
+      case 'lose':
+        return /*#__PURE__*/React.createElement(Icons.CloseIcon, {
+          color: color,
+          size: 12
+        });
+      default:
+        if (poll.status == 'closed') {
+          return /*#__PURE__*/React.createElement(Icons.CloseIcon, {
+            color: color,
+            size: 10
+          });
+        }
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
+  const getStatusIcon = () => {
+    //let color = getResultColor()
+    switch (poll.status) {
+      case 'closed':
+        return /*#__PURE__*/React.createElement(Icons.LockClosedIcon, {
+          color: Colors.brand.midnight,
+          size: 14
+        });
+      case 'active':
+        return /*#__PURE__*/React.createElement(Icons.InProgressIcon, {
+          color: Colors.brand.midnight,
+          size: 14
+        });
+      default:
+        return /*#__PURE__*/React.createElement(Icons.PausedIcon, {
+          color: Colors.brand.midnight,
+          size: 14
+        });
+    }
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: disabled,
+    style: {
+      padding: 10,
+      borderRadius: 22,
+      backgroundColor: selected ? Colors.highlights.highlight500Faded : undefined,
+      flexDirection: 'row'
+    },
+    onPress: () => onSelect(poll)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      height: 20,
+      width: 20,
+      borderRadius: 100,
+      backgroundColor: Colors.shades.white,
+      marginRight: 10,
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "bold",
+    textAlign: "center"
+  }, (index + 1).toString())), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, poll_campaign.campaign_type == 'trivia' && !poll_response && poll.status != 'closed' ? /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, poll.hidden_clue ? `Hint: ${poll.hidden_clue}` : `Question Hidden`) : /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, poll.poll_question), poll.status == 'closed' || show_response ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginTop: 10,
+      flexDirection: 'row'
+    }
+  }, response_option && poll.poll_type == 'select' ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 12,
+    color: Colors.brand.slate
+  }, "My Answer: ", /*#__PURE__*/React.createElement(Text, {
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "semibold"
+  }, response_option.option_name)) : response_option && poll.poll_type == 'input' ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 12,
+    color: Colors.brand.slate
+  }, "My Answer: ", /*#__PURE__*/React.createElement(Text, {
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "semibold"
+  }, poll_response?.input_value)) : poll.status == 'closed' || poll_response?.timed_out ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "light"
+  }, "TIMED OUT") : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: 5
+    }
+  }, getResultIcon())) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "light"
+  }, poll.poll_type == 'select' ? 'Multiple Choice' : 'Type Answer'), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      backgroundColor: getStatusColor(),
+      borderRadius: 22
+    }
+  }, getStatusIcon(), poll.seconds_allowed && poll.status != 'closed' ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginLeft: 5
+    },
+    size: 12,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, poll.seconds_allowed, " Sec") : /*#__PURE__*/React.createElement(React.Fragment, null)))));
+};
+export default PollSelectCard;
+//# sourceMappingURL=PollSelectCard.js.map

package/lib/module/Poll/components/PollSelectCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Colors","Icons","Text","PollSelectCard","index","poll","disabled","selected","poll_campaign","poll_response","show_response","response_option","onSelect","getResultColor","result_ind","utility","success","error","warning","brand","slate","getStatusColor","status","highlights","highlight300Faded","highlight400Faded","highlight500Faded","getResultIcon","color","createElement","CheckIcon","size","CloseIcon","Fragment","getStatusIcon","LockClosedIcon","midnight","InProgressIcon","PausedIcon","style","padding","borderRadius","backgroundColor","undefined","flexDirection","onPress","height","width","shades","white","marginRight","justifyContent","weight","textAlign","toString","flex","campaign_type","hidden_clue","poll_question","marginTop","poll_type","option_name","input_value","timed_out","marginLeft","alignItems","seconds_allowed"],"sourceRoot":"../../../../src","sources":["Poll/components/PollSelectCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Poll/components/ResponseTimer.js

@@ -0,0 +1,39 @@
+import React, { useEffect, useState } from "react";
+import { View } from "react-native";
+import { Text } from "../../Components";
+import Colors from "../../constants/colors";
+const ResponseTimer = ({
+  seconds,
+  onTimesUp
+}) => {
+  const [seconds_remaining, setSecondsRemaining] = useState(seconds);
+  const [times_up, setTimesUp] = useState(false);
+  useEffect(() => {
+    if (seconds_remaining > 0) {
+      setTimeout(() => setSecondsRemaining(seconds_remaining - 1), 1000);
+    } else {
+      setTimesUp(true);
+    }
+  }, [seconds_remaining]);
+  useEffect(() => {
+    if (!times_up) {
+      return;
+    }
+    onTimesUp();
+  }, [times_up]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 50,
+      padding: 10,
+      borderRadius: 22,
+      backgroundColor: seconds_remaining < 5 ? Colors.utility.error : seconds_remaining < 10 ? Colors.utility.warning : Colors.utility.success
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    textAlign: "center",
+    size: 14,
+    color: Colors.shades.white,
+    weight: "bold"
+  }, seconds_remaining));
+};
+export default ResponseTimer;
+//# sourceMappingURL=ResponseTimer.js.map

package/lib/module/Poll/components/ResponseTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Text","Colors","ResponseTimer","seconds","onTimesUp","seconds_remaining","setSecondsRemaining","times_up","setTimesUp","setTimeout","createElement","style","width","padding","borderRadius","backgroundColor","utility","error","warning","success","textAlign","size","color","shades","white","weight"],"sourceRoot":"../../../../src","sources":["Poll/components/ResponseTimer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,MAAM,MAAM,wBAAwB;AAO3C,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM,CAAEC,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGR,QAAQ,CAACK,OAAO,CAAC;EACpE,MAAM,CAAEI,QAAQ,EAAEC,UAAU,CAAE,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAEhDD,SAAS,CAAC,MAAM;IACZ,IAAGQ,iBAAiB,GAAG,CAAC,EAAC;MACrBI,UAAU,CAAC,MAAMH,mBAAmB,CAACD,iBAAiB,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;IACtE,CAAC,MAAM;MACHG,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAC,CAACH,iBAAiB,CAAC,CAAC;EAGtBR,SAAS,CAAC,MAAM;IACZ,IAAG,CAACU,QAAQ,EAAC;MAAE;IAAO;IACtBH,SAAS,CAAC,CAAC;EACf,CAAC,EAAC,CAACG,QAAQ,CAAC,CAAC;EAEb,oBACIX,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEC,KAAK,EAAC,EAAE;MAAEC,OAAO,EAAC,EAAE;MAAEC,YAAY,EAAC,EAAE;MAAEC,eAAe,EAACV,iBAAiB,GAAG,CAAC,GAAGJ,MAAM,CAACe,OAAO,CAACC,KAAK,GAAGZ,iBAAiB,GAAG,EAAE,GAAGJ,MAAM,CAACe,OAAO,CAACE,OAAO,GAAIjB,MAAM,CAACe,OAAO,CAACG;IAAQ;EAAE,gBAC7LvB,KAAA,CAAAc,aAAA,CAACV,IAAI;IAACoB,SAAS,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAErB,MAAM,CAACsB,MAAM,CAACC,KAAM;IAACC,MAAM,EAAC;EAAM,GAAEpB,iBAAwB,CACpG,CAAC;AAEf,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}

package/lib/module/Poll/components/WidgetHeader.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { Image, TouchableOpacity, View } from "react-native";
+import { Icons, Text } from '../../Components';
+import Colors from '../../constants/colors';
+const WidgetHeader = ({
+  back_visible,
+  title,
+  sub_title,
+  image,
+  onBack
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, back_visible ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      flex: 1
+    },
+    onPress: () => onBack()
+  }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+    direction: "left",
+    color: Colors.shades.white,
+    size: 12
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    nativeID: "header",
+    style: {
+      flex: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    nativeID: "company",
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    color: Colors.shades.white,
+    weight: "bold",
+    textAlign: "center"
+  }, title), sub_title ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    size: 12,
+    color: Colors.shades.white,
+    weight: "regular",
+    textAlign: "center"
+  }, sub_title) : /*#__PURE__*/React.createElement(React.Fragment, null))), image ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: image.url
+    },
+    style: {
+      height: 30,
+      width: 30
+    },
+    resizeMode: "contain"
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }));
+};
+export default WidgetHeader;
+//# sourceMappingURL=WidgetHeader.js.map

package/lib/module/Poll/components/WidgetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","TouchableOpacity","View","Icons","Text","Colors","WidgetHeader","back_visible","title","sub_title","image","onBack","createElement","style","flexDirection","justifyContent","alignItems","flex","onPress","ChevronIcon","direction","color","shades","white","size","nativeID","padding","weight","textAlign","marginTop","Fragment","source","uri","url","height","width","resizeMode"],"sourceRoot":"../../../../src","sources":["Poll/components/WidgetHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC5D,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,OAAOC,MAAM,MAAM,wBAAwB;AAU3C,MAAMC,YAAY,GAAGA,CAAC;EAAEC,YAAY;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAE1F,oBACIZ,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEC,aAAa,EAAC;IAAM;EAAE,GAC5BP,YAAY,gBACbR,KAAA,CAAAa,aAAA,CAACX,gBAAgB;IAACY,KAAK,EAAE;MAAEE,cAAc,EAAC,QAAQ;MAAEC,UAAU,EAAC,QAAQ;MAAEC,IAAI,EAAC;IAAE,CAAE;IAACC,OAAO,EAAEA,CAAA,KAAMP,MAAM,CAAC;EAAE,gBACvGZ,KAAA,CAAAa,aAAA,CAACT,KAAK,CAACgB,WAAW;IAACC,SAAS,EAAC,MAAM;IAACC,KAAK,EAAEhB,MAAM,CAACiB,MAAM,CAACC,KAAM;IAACC,IAAI,EAAE;EAAG,CAAE,CAC7D,CAAC,gBAClBzB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEI,IAAI,EAAC;IAAE;EAAE,CAAE,CAAC,eAC5BlB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACuB,QAAQ,EAAC,QAAQ;IAACZ,KAAK,EAAE;MAAEI,IAAI,EAAC;IAAE;EAAE,gBACtClB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACuB,QAAQ,EAAC,SAAS;IAACZ,KAAK,EAAE;MAAEa,OAAO,EAAC;IAAG;EAAE,gBAC3C3B,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACoB,IAAI,EAAE,EAAG;IAACH,KAAK,EAAEhB,MAAM,CAACiB,MAAM,CAACC,KAAM;IAACI,MAAM,EAAC,MAAM;IAACC,SAAS,EAAC;EAAQ,GAAEpB,KAAY,CAAC,EAC1FC,SAAS,gBACVV,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE;MAAEgB,SAAS,EAAC;IAAE,CAAE;IAACL,IAAI,EAAE,EAAG;IAACH,KAAK,EAAEhB,MAAM,CAACiB,MAAM,CAACC,KAAM;IAACI,MAAM,EAAC,SAAS;IAACC,SAAS,EAAC;EAAQ,GAAEnB,SAAgB,CAAC,gBACzHV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA+B,QAAA,MAAI,CACH,CACJ,CAAC,EACNpB,KAAK,gBACNX,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEI,IAAI,EAAC,CAAC;MAAEF,cAAc,EAAC,QAAQ;MAAEC,UAAU,EAAC;IAAS;EAAE,gBAClEjB,KAAA,CAAAa,aAAA,CAACZ,KAAK;IACF+B,MAAM,EAAE;MAAEC,GAAG,EAAEtB,KAAK,CAACuB;IAAI,CAAE;IAC3BpB,KAAK,EAAE;MAAEqB,MAAM,EAAC,EAAE;MAAEC,KAAK,EAAC;IAAG,CAAE;IAC/BC,UAAU,EAAC;EAAS,CACnB,CACH,CAAC,gBAEPrC,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEI,IAAI,EAAC;IAAE;EAAE,CAAE,CAExB,CAAC;AAEnB,CAAC;AAED,eAAeX,YAAY","ignoreList":[]}

package/lib/module/Poll/flashmarket/index.js

@@ -0,0 +1,345 @@
+import React, { useEffect, useState } from 'react';
+import { ActivityIndicator, View, Image, TouchableOpacity } from "react-native";
+import Colors from '../../constants/colors';
+import { Spring, Text, TextInput } from '../../Components';
+import { PollApi, PollCampaignApi, PollResponseApi, PollResponseHelpers } from '../api';
+import { view_styles } from '../../constants/styles';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+const MAX_IMAGE_SIZE = 125;
+const MAX_OPTION_WIDTH = 200;
+const FlashMarket = ({
+  poll_id,
+  player_id,
+  onRequestAuthenticate
+}) => {
+  const [flash_size, setFlashSize] = useState({
+    height: 0,
+    width: 0
+  });
+  const [data, setData] = useState({
+    loading: false,
+    poll_options: [],
+    poll_summaries: [],
+    show_complete: false
+  });
+  const {
+    loading,
+    poll,
+    poll_options,
+    poll_summaries,
+    poll_response
+  } = data;
+  let visible_options = poll_options;
+  if (poll_response && poll_response.status == 'pending') {
+    visible_options = poll_options.filter(po => po.poll_option_id == poll_response.poll_option_id);
+  }
+  let image_size = flash_size.width * 0.2;
+  if (image_size > MAX_IMAGE_SIZE) {
+    image_size = MAX_IMAGE_SIZE;
+  }
+  let option_width = flash_size.width * 0.8 / 2 - 25;
+  if (option_width > MAX_OPTION_WIDTH) {
+    option_width = MAX_OPTION_WIDTH;
+  }
+  useEffect(() => {
+    getDataFromServer(poll_id);
+  }, [poll_id]);
+  const getDataFromServer = async poll_id => {
+    setData({
+      ...data,
+      loading: true
+    });
+    const resp = await PollApi.getPollById(poll_id);
+    const pc = await PollCampaignApi.getPollCampaignById(resp.poll.poll_campaign_id);
+    let my_response = undefined;
+    //First if there is a player_id - lets grab from the server first
+    if (player_id) {
+      my_response = await PollResponseApi.getResponseByPollId(poll_id);
+    }
+    if (!my_response) {
+      //If no-response - check cache
+      let cached_response = await AsyncStorage.getItem(`response:${poll_id}`);
+      if (cached_response) {
+        my_response = JSON.parse(cached_response);
+      }
+    }
+    setData({
+      loading: false,
+      poll_campaign: pc,
+      poll: resp.poll,
+      poll_options: resp.poll_options,
+      poll_summaries: resp.poll_summaries,
+      poll_response: my_response,
+      show_complete: my_response && my_response?.status != 'pending' ? true : false
+    });
+  };
+  const handleSelectOption = async po => {
+    if (!poll) {
+      return;
+    }
+    if (poll_response && poll_response.status != 'pending') {
+      return setData({
+        ...data,
+        show_complete: true
+      });
+    }
+    let cached_response = await AsyncStorage.getItem(`response:${poll_id}`);
+    if (cached_response) {
+      if (JSON.parse(cached_response).poll_option_id == po.poll_option_id) {
+        await AsyncStorage.removeItem(`response:${poll_id}`);
+        return setData({
+          ...data,
+          poll_response: undefined
+        });
+      }
+    }
+    let stake = poll_response?.stake ?? poll.minimum_stake;
+    let draft_response = {
+      poll_id: poll.poll_id,
+      poll_option_id: po.poll_option_id,
+      stake: stake,
+      market_type: 'FREE',
+      poll_response_id: '',
+      player_id: '',
+      winnings: 0,
+      response_body: {},
+      status: 'pending',
+      create_datetime: '',
+      last_update_datetime: ''
+    };
+    await AsyncStorage.setItem(`response:${poll_id}`, JSON.stringify(draft_response));
+    setData({
+      ...data,
+      poll_response: draft_response
+    });
+  };
+  const handleSubmit = async () => {
+    if (!poll_response) {
+      return;
+    }
+    if (poll_response.status != 'pending') {
+      return;
+    }
+    if (!player_id) {
+      return onRequestAuthenticate();
+    }
+    let stake_number = parseFloat(poll_response.stake);
+    if (isNaN(stake_number)) {
+      return;
+    }
+    const new_resp = await PollResponseApi.createPollResponse({
+      ...poll_response,
+      stake: stake_number
+    });
+    const updated_ps = PollResponseHelpers.updateSummariesWithResponse(new_resp, poll_summaries);
+    setData({
+      ...data,
+      poll_response: new_resp,
+      poll_summaries: updated_ps,
+      show_complete: true
+    });
+    await AsyncStorage.removeItem(`response:${poll_id}`);
+  };
+
+  //const selected_option = poll_options.find(po => po.poll_option_id == poll_response?.poll_option_id)
+  //const selected_summary = poll_summaries.find(ps => ps.poll_option_id == poll_response?.poll_option_id)
+  //const correct_option = poll_options.find(po => po.result_ind == 'win');
+  //const correct_summary = poll_summaries.find(ps => ps.poll_option_id == correct_option?.poll_option_id);
+
+  const renderPollOptions = data => {
+    const selected = data.item.poll_option_id == poll_response?.poll_option_id ? true : false;
+    const poll_summary = poll_summaries.find(ps => ps.poll_option_id == data.item.poll_option_id);
+    const color = PollResponseHelpers.getOptionColor(data.item, poll_response);
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity
+    //disabled={poll_response && poll_response.status != 'pending' ? true : false}
+    , {
+      style: {
+        flexDirection: 'row',
+        width: option_width,
+        alignItems: 'center',
+        margin: 5,
+        borderRadius: 22,
+        padding: 10,
+        borderWidth: selected ? 1 : 0,
+        borderColor: Colors.brand.midnight,
+        backgroundColor: color,
+        ...view_styles.float
+      },
+      onPress: () => handleSelectOption(data.item)
+    }, data.show_summary && poll_summary ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        borderRadius: 22,
+        backgroundColor: color,
+        opacity: 0.6,
+        width: option_width * poll_summary.pct
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        flex: 1
+      },
+      size: 14,
+      color: Colors.brand.midnight,
+      weight: 'bold',
+      textAlign: data.show_summary ? 'left' : 'center'
+    }, data.item.option_name), data.show_summary && poll_summary ? /*#__PURE__*/React.createElement(Text, {
+      style: {
+        marginLeft: 10,
+        padding: 5,
+        borderRadius: selected ? 100 : 0,
+        backgroundColor: selected ? Colors.shades.white : undefined,
+        ...view_styles.float
+      },
+      size: 12,
+      color: Colors.brand.midnight,
+      weight: "bold"
+    }, (poll_summary.pct * 100).toFixed(), "%") : /*#__PURE__*/React.createElement(React.Fragment, null)));
+  };
+  if (loading || !poll) {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: 'large',
+      color: Colors.brand.midnight
+    }));
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.shades.white,
+      flexDirection: 'row'
+    },
+    onLayout: ev => {
+      const {
+        height,
+        width
+      } = ev.nativeEvent.layout;
+      setFlashSize({
+        height,
+        width
+      });
+    }
+  }, !poll_response || poll_response.status != 'pending' ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: poll.poll_image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1718979933/question_mark_ro0ac5.webp'
+    },
+    style: {
+      height: image_size,
+      width: image_size
+    },
+    resizeMode: "cover"
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    },
+    nativeID: "question"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 16,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, poll.poll_question)), /*#__PURE__*/React.createElement(View, {
+    nativeID: "poll_options",
+    style: {
+      flex: 1,
+      padding: 5,
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, visible_options.sort((a, b) => a.priority - b.priority).map((po, i) => {
+    return renderPollOptions({
+      item: po,
+      index: i,
+      show_summary: poll_response && poll_response.status != 'pending' ? true : false
+    });
+  }))), poll_response?.status == 'pending' ? /*#__PURE__*/React.createElement(Spring, {
+    slide: "horizontal",
+    to: 0,
+    from: 100
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'space-between',
+      backgroundColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade100
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 16,
+    color: Colors.brand.midnight,
+    textAlign: "center",
+    weight: "bold"
+  }, poll.confidence_allowed ? 'HOW MUCH?' : 'ARE YOU SURE?')), poll.confidence_allowed ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 5
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      backgroundColor: Colors.shades.white,
+      borderRadius: 22
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      padding: 10
+    }
+  }, poll.market_type == 'FOR_MONEY' ? '$' : 'E'), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      padding: 10,
+      borderWidth: 0,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      backgroundColor: 'transparent',
+      width: flash_size.width * 0.22
+    },
+    autoFocus: true,
+    value: poll_response.stake,
+    onChangeText: text => setData({
+      ...data,
+      poll_response: {
+        ...poll_response,
+        stake: text
+      }
+    })
+  }))) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginTop: 10,
+      backgroundColor: Colors.utility.success,
+      padding: 10,
+      paddingLeft: 20,
+      paddingRight: 20,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    onPress: () => handleSubmit()
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "bold",
+    size: 14,
+    color: Colors.shades.white
+  }, "SUBMIT")))) : /*#__PURE__*/React.createElement(React.Fragment, null)));
+};
+export default FlashMarket;
+//# sourceMappingURL=index.js.map