be-components 3.6.0 → 3.6.2

package/lib/commonjs/Wallet/components/WalletSettings.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
 var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
+var _reactNative = require("react-native");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const sections = ['header', 'toggle', 'deposit', 'withdraw', 'referral'];
 const WalletSettings = ({
   player,
   my_referral,
   deposit_limit,
   withdraw_limit,
-  onPremium,
   onClose
 }) => {
   const [active_tab, setActiveTab] = (0, _react.useState)('deposit');
-
+  const Colors = (0, _useColors.useColors)();
   //const promo = useSelector((state:RootState) => state.wallet.promo, (left, right) => left?.promo_id == right?.promo_id);
   //const player_referral = useSelector((state:RootState) => state.wallet.player_referral, (left, right) => left?.last_update_datetime == right?.last_update_datetime);
 
@@ -30,564 +30,399 @@ const WalletSettings = ({
     promo
   } = my_referral;
   //const tabs = ['referral','deposit','withdraw']
-
+  console.log(active_tab);
+  console.log(deposit_limit);
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          size: 20,
+          theme: "h1"
+        }, "MY WALLET SETTINGS / LIMITS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "Below are your overall wallet settings & configurations. These are set based on account type and past transaction history")));
+      case 'toggle':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Components.Toggle, {
+          options: [{
+            key: 'deposit',
+            label: 'Deposit'
+          }, {
+            key: 'withdraw',
+            label: 'Withdraw'
+          }, {
+            key: 'referral',
+            label: 'Referral'
+          }],
+          selected_option: active_tab,
+          onSelectOption: option => setActiveTab(option)
+        }));
+      case 'deposit':
+        if (active_tab != 'deposit') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (!deposit_limit) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          nativeID: "deposit_limit"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "DEPOSIT SETTINGS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are your current deposit limits.  These may change based on historical transaction results."))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "ACH Daily Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "The maximum deposit amount allowed per day from an ACH account")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "$", deposit_limit.ach_daily_limit))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Card / Paypal Daily Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "The maximum deposit amount allowed per day from a card account")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "$", deposit_limit.card_daily_limit))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            marginTop: 10,
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Instant Deposit Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "The total amount of unsettled deposits that will be instantly added to your wallet.  Any deposit over this amount will be held until it settles.")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "$", deposit_limit.instant_limit))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Hold Days"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "The number of days a deposit transaction will be held (not settled) before it can be withdrawn")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, deposit_limit.hold_days))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            marginTop: 10,
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Instant Deposit Available"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "Your instant deposit limit minus your unsettled deposits")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          size: 14,
+          color: deposit_limit.instant_available > 0 ? Colors.text.success : Colors.text.error,
+          weight: "bold"
+        }, "$", deposit_limit.instant_available.toFixed(2))))));
+      case 'withdraw':
+        if (active_tab != 'withdraw' || !withdraw_limit) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          nativeID: "withdraw_settings"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "WITHDRAW SETTINGS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are your current withdraw settings and limits.  These may change based on historical transaction results."))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Weekly Withdraw Transaction Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "The number of withdraws allowed per rolling week.")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, withdraw_limit.withdraws_per_week))), withdraw_limit?.week_withdraw_count ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Withdraws Remaining"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "Withdraw transaction limit minus the number of withdraws already processed in the last 7 days")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, withdraw_limit.withdraws_per_week - withdraw_limit.week_withdraw_count))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "ACH Withdraw Daily Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "Maximum amount of withdraws that can be made per rolling 24 hours to an ACH account.")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, withdraw_limit.ach_daily_limit))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Card Withdraw Daily Limit"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, "Maximum amount of withdraws that can be made per rolling 24 hours to a card account.")), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, withdraw_limit.card_daily_limit)))));
+      case 'referral':
+        if (active_tab != 'referral' || !player_referral || !promo) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          nativeID: "referral_settings"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "REFERRAL SETTINGS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are your current referral settings. Share your code with others to earn cash from referrals."))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            padding: 5,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "My Referral Code"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 5
+          },
+          theme: "description"
+        }, _api.WalletHelpers.getReferralDescription(promo))), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, player_referral.referral_code)))));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
   if (!player) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 20
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 26,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "WALLET SETTINGS"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 10
-    },
-    size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Below are your overall wallet settings & configurations. These are set based on account type and past transaction history.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      paddingLeft: 10,
-      paddingRight: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      flex: 1,
-      borderWidth: 1,
-      borderColor: _colors.default.shades.shade600,
-      padding: 10,
-      borderTopRightRadius: 8,
-      borderTopLeftRadius: 8,
-      backgroundColor: active_tab == 'deposit' ? _colors.default.brand.midnight : undefined
-    },
-    onPress: () => setActiveTab('deposit')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    weight: active_tab == 'deposit' ? 'bold' : 'regular',
-    textAlign: "center",
-    size: 14,
-    color: active_tab == 'deposit' ? _colors.default.shades.white : _colors.default.brand.midnight
-  }, "Deposit")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      flex: 1,
-      borderWidth: 1,
-      borderColor: _colors.default.shades.shade600,
-      padding: 10,
-      borderTopRightRadius: 8,
-      borderTopLeftRadius: 8,
-      backgroundColor: active_tab == 'withdraw' ? _colors.default.brand.midnight : undefined
-    },
-    onPress: () => setActiveTab('withdraw')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    weight: active_tab == 'withdraw' ? 'bold' : 'regular',
-    textAlign: "center",
-    size: 14,
-    color: active_tab == 'withdraw' ? _colors.default.shades.white : _colors.default.brand.midnight
-  }, "Withdraw")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      flex: 1,
-      borderWidth: 1,
-      borderColor: _colors.default.shades.shade600,
-      padding: 10,
-      borderTopRightRadius: 8,
-      borderTopLeftRadius: 8,
-      backgroundColor: active_tab == 'referral' ? _colors.default.brand.midnight : undefined
-    },
-    onPress: () => setActiveTab('referral')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    weight: active_tab == 'referral' ? 'bold' : 'regular',
-    textAlign: "center",
-    size: 14,
-    color: active_tab == 'referral' ? _colors.default.shades.white : _colors.default.brand.midnight
-  }, "Referral"))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    nativeID: "settings",
-    style: {
-      flex: 1,
-      marginLeft: 10,
-      marginRight: 10,
-      borderRightWidth: 1,
-      borderLeftWidth: 1,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
-    }
-  }, active_tab == 'deposit' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, deposit_limit ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    nativeID: "deposit_limit"
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Deposit Settings"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Below are your current deposit limits.  These may change based on historical transaction results.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "ACH Daily Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "The maximum deposit amount allowed per day from an ACH account")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "$", deposit_limit.ach_daily_limit))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10,
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Card / Paypal Daily Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "The maximum deposit amount allowed per day from a card account")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "$", deposit_limit.card_daily_limit))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      marginTop: 10,
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Instant Deposit Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "The total amount of unsettled deposits that will be instantly added to your wallet.  Any deposit over this amount will be held until it settles.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "$", deposit_limit.instant_limit))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10,
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Hold Days"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "The number of days a deposit transaction will be held (not settled) before it can be withdrawn")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, deposit_limit.hold_days))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      marginTop: 10,
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Instant Deposit Available"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Your instant deposit limit minus your unsettled deposits")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: deposit_limit.instant_available > 0 ? _colors.default.utility.success : _colors.default.utility.error,
-    weight: "bold"
-  }, "$", deposit_limit.instant_available.toFixed(2)))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : active_tab == 'withdraw' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, withdraw_limit ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    nativeID: "withdraw_settings"
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Withdraw Settings"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Below are your current withdraw settings and limits.  These may change based on historical transaction results.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Weekly Withdraw Transaction Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "The number of withdraws allowed per rolling week.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, withdraw_limit.withdraws_per_week))), withdraw_limit?.week_withdraw_count ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10,
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Withdraws Remaining"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Withdraw transaction limit minus the number of withdraws already processed in the last 7 days")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, withdraw_limit.withdraws_per_week - withdraw_limit.week_withdraw_count))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10,
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "ACH Withdraw Daily Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Maximum amount of withdraws that can be made per rolling 24 hours to an ACH account.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, withdraw_limit.ach_daily_limit))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10,
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Card Withdraw Daily Limit"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Maximum amount of withdraws that can be made per rolling 24 hours to a card account.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, withdraw_limit.card_daily_limit))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : active_tab == 'referral' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, player_referral && promo ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    nativeID: "referral_settings"
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "Referral Settings"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Below are your current referral settings. Share your code with others to earn cash from referrals.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
-    }
-  }, false ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: sections,
+    key: `setting_sections`,
+    renderItem: renderSections,
+    keyExtractor: item => item
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
     style: {
       flexDirection: 'row',
       alignItems: 'center',
-      padding: 10,
-      borderRadius: 8,
-      backgroundColor: _colors.default.brand.electric
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ShareIcon, {
-    color: _colors.default.shades.white,
-    size: 8
-  }), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginLeft: 5
-    },
-    size: 10,
-    color: _colors.default.shades.white,
-    weight: "regular"
-  }, "Share Code")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      padding: 5,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
+      padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "BACK",
+    type: "close",
     style: {
       flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, "My Referral Code"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 5
-    },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, _api.WalletHelpers.getReferralDescription(promo))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade100,
-      padding: 10,
-      marginLeft: 10,
-      borderRadius: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, player_referral.referral_code))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), false && player?.type == 'freemium' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.shades.shade600,
-      borderRadius: 8,
-      padding: 10,
-      margin: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "semibold",
-    textAlign: "center"
-  }, "Want better limits and higher referral awards?"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      marginTop: 5,
-      borderRadius: 8,
-      backgroundColor: _colors.default.incentive.gold,
-      padding: 15
     },
-    onPress: () => {
-      if (onPremium) {
-        return onPremium();
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.shades.white,
-    weight: "bold",
-    textAlign: "center"
-  }, "VIEW PREMIUM"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 20
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "BACK",
-    title_color: _colors.default.brand.electric,
-    borderWidth: 1,
-    borderColor: _colors.default.brand.electric,
-    padding: 15,
     onPress: () => onClose()
   })));
 };