be-components 0.5.1 → 0.5.3

package/src/Components/Icons.tsx

@@ -135,6 +135,23 @@ const AmexCardIcon = ({ size }:IconProps) => {
     )
 }
 
+
+const PlaidIcon = ({ size }:IconProps) => {
+    const ratio = 0.9615
+    let height = size ?? 14
+    let width = height * ratio
+    return (
+        <svg width={`${width}px`} height={`${height}px`}  viewBox="0 0 50 52" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>Plaid_(company)-Vertical-Logo.wine (1)</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="Plaid_(company)-Vertical-Logo.wine-(1)" fill="#111212" fill-rule="nonzero">
+                    <path d="M37.0521625,26.381365 L32.705422,22.0347244 L36.121831,18.6185151 L38.4456123,20.9423964 L37.0521625,26.381365 Z M36.121831,14.5189642 L32.705422,11.1027549 L37.0521625,6.75621419 L38.4456123,12.1953826 L36.121831,14.5189642 Z M29.563668,3.31293895 L35.0025368,4.70618903 L30.6558962,9.0530294 L27.239687,5.63682015 L29.563668,3.31293895 Z M23.1402359,5.63692003 L19.7239267,9.0530294 L15.377386,4.70638878 L20.8163547,3.31293895 L23.1402359,5.63692003 Z M13.327261,6.7558147 L17.6742012,11.1028548 L14.2580918,14.5189642 L11.9338111,12.1946835 L13.327261,6.7558147 Z M14.2580918,18.6183154 L17.6742012,22.0344248 L13.327261,26.381365 L11.9338111,20.9424962 L14.2580918,18.6183154 Z M20.8161549,29.8245404 L15.3769865,28.4310906 L19.7239267,24.0842502 L23.140136,27.5005593 L20.8161549,29.8245404 Z M28.6060708,22.0346245 L25.1898615,25.4508338 L21.7735524,22.0346245 L25.1898615,18.6183154 L28.6060708,22.0346245 Z M30.6557963,13.1523806 L34.0720056,16.5686897 L30.6557963,19.984899 L27.2394872,16.5686897 L30.6557963,13.1523806 Z M23.140136,16.5686897 L19.7239267,19.984899 L16.3078174,16.5686897 L19.7239267,13.1525804 L23.140136,16.5686897 Z M21.7737522,11.1028548 L25.1899614,7.68664557 L28.6060708,11.1027549 L25.1898615,14.5189642 L21.7737522,11.1028548 Z M27.2394872,27.5005593 L30.6557963,24.0844499 L35.0023371,28.4310906 L29.5633684,29.8243406 L27.2394872,27.5005593 Z M39.1108767,30.4897049 L41.7585513,20.1556845 L38.1715565,16.5687896 L41.7585513,12.9815951 L39.1107769,2.64747477 L28.7766565,0 L25.1899614,3.58709461 L21.6025672,0 L11.2685467,2.6477744 L8.62107193,12.9817949 L12.2083663,16.5686897 L8.62107193,20.1558842 L11.2685467,30.4899047 L21.6027669,33.1374793 L25.1898615,29.550185 L28.7767564,33.1374793 L39.1108767,30.4897049 Z M48.8647259,41.2489913 C48.4431554,40.6529399 47.9401871,40.1758391 47.3574191,39.8157914 C46.4012201,39.2196401 45.0980568,38.9215146 43.4473302,38.9215146 L39.2775674,38.9215146 L39.2775674,51.3383191 L44.1550413,51.3383191 C45.9167286,51.3383191 47.3322507,50.7680353 48.3995102,49.6261695 C49.4666699,48.4843037 50,46.970505 50,45.0837748 C50,43.5823606 49.6212757,42.3044656 48.8647259,41.2489913 M43.8014853,48.5279489 L42.4421926,48.5279489 L42.4421926,41.7327836 L43.820062,41.7327836 C44.7881461,41.7327836 45.5321117,42.0323074 46.0534569,42.6306559 C46.5750018,43.2296036 46.8352749,44.0786372 46.8352749,45.1761587 C46.8352749,47.4111516 45.8236455,48.5279489 43.8014853,48.5279489 M33.4143316,51.3388184 L36.5789568,51.3388184 L36.5789568,38.9221138 L33.4143316,38.9221138 L33.4143316,51.3388184 Z M24.3856716,38.9219141 L19.415614,51.3388184 L22.8220355,51.3388184 L23.4736171,49.5334859 L27.7918934,49.5334859 L28.3874454,51.3388184 L31.8323186,51.3388184 L26.8985155,38.9219141 L24.3856716,38.9219141 Z M24.3486181,47.0204423 L25.6517814,42.7759734 L26.9356688,47.0204423 L24.3486181,47.0204423 Z M14.5197632,38.9219141 L11.3552378,38.9219141 L11.3552378,51.3388184 L18.1874566,51.3388184 L18.1874566,48.5275494 L14.5197632,48.5275494 L14.5197632,38.9219141 Z M7.87440974,39.8528448 C7.12954529,39.2323242 5.85744305,38.9224134 4.05810302,38.9224134 L0,38.9224134 L0,51.3386187 L3.03448868,51.3386187 L3.03448868,47.4484048 L4.39318216,47.4484048 C6.04390885,47.4484048 7.25378924,47.0881573 8.02302308,46.3677621 C8.89123261,45.5617744 9.32598656,44.4885224 9.32598656,43.1477065 C9.32598656,41.757952 8.84239395,40.6597314 7.87440974,39.8528448 M4.31847599,44.6371358 L3.03448868,44.6371358 L3.03448868,41.7328835 L4.18823957,41.7328835 C5.59047836,41.7328835 6.29159775,42.2202713 6.29159775,43.1941481 C6.29159775,44.1564395 5.63412354,44.6371358 4.31847599,44.6371358" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
 const GiftIcon = ({color, size}:IconProps) => {
     const ratio = 0.96
     let width = size ?? 14
@@ -261,6 +278,20 @@ const NotificationIcon = ({color, size}:IconProps) => {
     )
 }
 
+const EdgeCoinIcon = ({ color, size }:IconProps) => {
+    let icon_size = size ?? 17
+    return (
+        <svg width={`${icon_size}px`} height={`${icon_size}px`} viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>currency-dollar-circle-svgrepo-com</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+                <g id="currency-dollar-circle-svgrepo-com" transform="translate(1.000000, 1.000000)" stroke={color??Colors.brand.midnight} stroke-width="2">
+                    <path d="M6.56111111,4.49999979 L6.53611111,15.4833333 M6.51666667,4.50277788 L12.95,4.50277788 M6.51666667,10.2361112 L12.95,10.2361112 M6.51666667,15.5694445 L12.95,15.5694445 M20,10 C20,13.5726557 18.0940108,16.873926 15,18.660254 C11.9059893,20.4465819 8.09401075,20.4465819 5,18.660254 C1.90598917,16.873926 4.93432455e-16,13.5726557 4.93432455e-16,10 C4.93432455e-16,4.47715237 4.47715258,0 10,0 C15.5228474,0 20,4.47715237 20,10 L20,10 Z" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
  const ChangeIcon = ({ color, size }:IconProps) => {
     let icon_size = size ?? 14
 
@@ -849,6 +880,37 @@ const PreferencesIcon = ({ color, size }:IconProps) => {
     )
 }
 
+const SettingsIcon = ({ color, size } : IconProps) => {
+    const ratio = .947
+    let height = size ?? 14
+    let width = height * ratio
+    return (
+        <svg width={`${width}px`} height={`${height}px`} viewBox="0 0 19 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>settings-svgrepo-com (1)</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="settings-svgrepo-com-(1)" transform="translate(0.000000, -0.000000)" fill={color ?? Colors.brand.midnight}>
+                    <path d="M9.46811514,6.51162817 C7.54154773,6.51162817 5.97974311,8.07342349 5.97974311,10.0000002 C5.97974311,11.9266048 7.54154773,13.4883722 9.46811514,13.4883722 C11.3947198,13.4883722 12.9564872,11.9266048 12.9564872,10.0000002 C12.9564872,8.07342349 11.3947198,6.51162817 9.46811514,6.51162817 Z M7.37509192,10.0000002 C7.37509192,8.84409324 8.31220818,7.90697698 9.46811514,7.90697698 C10.6240221,7.90697698 11.5611384,8.84409324 11.5611384,10.0000002 C11.5611384,11.1559072 10.6240221,12.0930234 9.46811514,12.0930234 C8.31220818,12.0930234 7.37509192,11.1559072 7.37509192,10.0000002 Z" id="Shape"></path>
+                    <path d="M9.44458025,0 C9.03118491,0 8.68597562,0 8.40262679,0.0193213249 C8.10765005,0.0394515571 7.8290454,0.0828376027 7.55891517,0.194725973 C6.93210588,0.454363177 6.43409659,0.952363167 6.17445939,1.57918176 C6.0392966,1.90550733 6.00269195,2.2494143 5.98871055,2.62321895 C5.97747335,2.92371197 5.82582684,3.17442824 5.60202219,3.30363754 C5.37822685,3.43284684 5.08527801,3.43881893 4.81942686,3.29830731 C4.48871058,3.12350731 4.17257106,2.98324685 3.82237571,2.93714452 C3.14972456,2.84858639 2.46943621,3.03087475 1.93117575,3.443898 C1.69921297,3.6218887 1.52231995,3.84148869 1.35740832,4.08688404 C1.19898042,4.32261426 1.02641298,4.62153519 0.819687401,4.9796003 L0.796199029,5.02028867 C0.58946415,5.37834447 0.416887409,5.67724679 0.291947877,5.93230725 C0.161892065,6.19783283 0.0601525324,6.46082817 0.0219850912,6.75070724 C-0.0665730465,7.42336769 0.115715322,8.10364675 0.528729267,8.64195371 C0.743724612,8.92204673 1.02321298,9.12576766 1.33990134,9.3247444 C1.59458041,9.48474439 1.73591064,9.74148857 1.73589203,10 C1.73588273,10.2584188 1.5945525,10.515163 1.33990134,10.675163 C1.02317577,10.8741397 0.743659496,11.0778606 0.528645546,11.3580467 C0.115622299,11.8962792 -0.0666567675,12.5765583 0.021892068,13.2492094 C0.0600595091,13.5390699 0.161799042,13.8021397 0.291854853,14.067628 C0.416794386,14.3226978 0.589371127,14.6215815 0.796096704,14.979628 L0.819594378,15.0203722 C1.02631996,15.3784187 1.19888739,15.6773024 1.3573153,15.9130233 C1.52222692,16.1584187 1.69911994,16.3780466 1.93108273,16.5560001 C2.46934318,16.9690233 3.14963154,17.1513489 3.82228269,17.0627908 C4.17245943,17.0166512 4.48858035,16.8764652 4.81927802,16.7016745 C5.08516639,16.5611163 5.37815243,16.5670698 5.60197568,16.6963722 C5.82580823,16.8255815 5.97747335,17.0762791 5.98871055,17.3768373 C6.00269195,17.7506047 6.0393059,18.0945117 6.17445939,18.4208372 C6.43409659,19.0476279 6.93210588,19.5456744 7.55891517,19.8053023 C7.8290454,19.9172093 8.10765005,19.9605581 8.40262679,19.9806512 C8.68597562,20 9.03118491,20 9.44458025,20 L9.491557,20 C9.90504536,20 10.2501616,20 10.5336035,19.9806512 C10.8285802,19.9605581 11.1071849,19.9172093 11.3773244,19.8053023 C12.0041151,19.5456744 12.5021616,19.0476279 12.7617895,18.4208372 C12.8969523,18.0945117 12.9335104,17.7506047 12.9474639,17.3767442 C12.9587197,17.0762791 13.1103476,16.8255815 13.3341616,16.6962791 C13.5579755,16.5670698 13.8509988,16.5611163 14.1168592,16.7015815 C14.4475569,16.8763722 14.7636499,17.0166512 15.1138825,17.0626977 C15.7865336,17.1512559 16.4668127,16.9690233 17.0050452,16.5560001 C17.2370452,16.3779536 17.4138824,16.1584187 17.5788127,15.9130233 C17.7372313,15.6773024 17.9097894,15.3784187 18.1164871,15.0203722 L18.1400219,14.979628 C18.3467196,14.6215815 18.5193708,14.3226048 18.644301,14.067535 C18.7743475,13.8020466 18.8760219,13.5390699 18.9142545,13.2492094 C19.0028126,12.5764653 18.820487,11.8961862 18.4074638,11.3579537 C18.1924871,11.0777676 17.9129522,10.8741397 17.596301,10.675163 C17.3416034,10.515163 17.200301,10.2584188 17.200301,9.99990717 C17.200301,9.74148857 17.3416034,9.48483742 17.596208,9.32483742 C17.9130452,9.12586068 18.1925801,8.92223278 18.4075568,8.64195371 C18.8205801,8.10371186 19.0029056,7.42343281 18.9143475,6.75077235 C18.876115,6.46089329 18.7744405,6.19789795 18.644394,5.93237237 C18.5194638,5.67733052 18.3469057,5.3784468 18.140115,5.0204189 L18.1166731,4.97970262 C17.9098824,4.62162821 17.7373243,4.32267938 17.5789057,4.08694915 C17.4139754,3.84155381 17.2371382,3.62195381 17.0051382,3.44395382 C16.4669057,3.03093987 15.7866266,2.8486515 15.1138825,2.93720964 C14.7637429,2.98331196 14.4476499,3.12355382 14.1169523,3.29834452 C13.8510918,3.43887475 13.5580685,3.43289335 13.3342546,3.30366545 C13.1104406,3.17444684 12.9587197,2.92369336 12.9474639,2.62317244 C12.9335104,2.24937709 12.8969523,1.90548873 12.7617895,1.57918176 C12.5021616,0.952363167 12.0041151,0.454363177 11.3773244,0.194725973 C11.1071849,0.0828376027 10.8285802,0.0394515571 10.5336035,0.0193213249 C10.2501616,0 9.90504536,0 9.491557,0 L9.44458025,0 Z M8.09285935,1.48386083 C8.1646733,1.4541306 8.27369656,1.42671665 8.49760353,1.41143293 C8.72783608,1.3957306 9.0251384,1.3953492 9.46811514,1.3953492 C9.91109187,1.3953492 10.2083942,1.3957306 10.4385337,1.41143293 C10.6625337,1.42671665 10.771557,1.4541306 10.8432779,1.48386083 C11.1282081,1.60187943 11.3546267,1.82824222 11.4725802,2.11316314 C11.5098825,2.20303291 11.5406732,2.34313523 11.5531384,2.67532127 C11.5806732,3.41241893 11.9611383,4.12213055 12.6365802,4.51207472 C13.311929,4.90202821 14.1168592,4.87665146 14.7689522,4.5319817 C15.0628127,4.37665147 15.1996499,4.33332124 15.296022,4.32062357 C15.6017894,4.2803724 15.9109987,4.36322822 16.1556499,4.55095844 C16.2173243,4.59825147 16.2955569,4.67896774 16.4207662,4.86526542 C16.5495103,5.05677239 16.6984406,5.3140468 16.9199289,5.6976747 C17.1414173,6.0813119 17.2897894,6.33895841 17.3912778,6.54616771 C17.4899754,6.7477398 17.5207661,6.85587933 17.5309057,6.93290258 C17.5711847,7.23865141 17.488301,7.54787932 17.3005801,7.79253978 C17.2413243,7.86972117 17.1354638,7.96650256 16.8538824,8.14334907 C16.2294173,8.53581418 15.8050452,9.22009324 15.8049522,9.99990717 C15.8049522,10.7798141 16.2293243,11.4641862 16.8538824,11.8566513 C17.1353708,12.0334885 17.2412313,12.1302327 17.3004871,12.207442 C17.488208,12.4520932 17.5710917,12.7613025 17.5308127,13.0670699 C17.5206731,13.1440932 17.4898824,13.2521862 17.3911847,13.4537676 C17.2896964,13.6609304 17.1413243,13.9186048 16.9198359,14.3022327 C16.6983476,14.6858606 16.5494173,14.9431629 16.4206731,15.1346978 C16.2954638,15.3209303 16.2172313,15.4016745 16.1555569,15.4489303 C15.9109057,15.6367443 15.6016964,15.719535 15.295929,15.6793489 C15.1995569,15.6666047 15.0627197,15.6232559 14.7688592,15.4680001 C14.1167662,15.1232559 13.311836,15.0979536 12.6363941,15.4879071 C11.9611383,15.8778605 11.5806732,16.587535 11.5531384,17.3246512 C11.5406732,17.6568373 11.5098825,17.7969303 11.4725802,17.8868838 C11.3546267,18.171721 11.1282081,18.3981396 10.8432779,18.5161861 C10.771557,18.5458605 10.6625337,18.5733024 10.4385337,18.5885582 C10.2083942,18.6042791 9.91109187,18.6046512 9.46811514,18.6046512 C9.0251384,18.6046512 8.72783608,18.6042791 8.49760353,18.5885582 C8.27369656,18.5733024 8.1646733,18.5458605 8.09285935,18.5161861 C7.80802215,18.3981396 7.58161285,18.171721 7.46359425,17.8868838 C7.42636634,17.7969303 7.39551053,17.6568373 7.38308262,17.3246512 C7.35551983,16.587628 6.97506402,15.8778605 6.29965008,15.4879071 C5.62424545,15.0979536 4.81938965,15.1233489 4.16725943,15.4680001 C3.87337106,15.6233489 3.73660827,15.6666978 3.64016176,15.6793489 C3.33440363,15.719628 3.02518503,15.6367443 2.78052457,15.4490233 C2.71888736,15.4017675 2.6406269,15.3210233 2.5154269,15.1346978 C2.38672923,14.9432559 2.23775249,14.6859536 2.01626412,14.3023257 C1.79476645,13.9186978 1.64645018,13.6610234 1.5449525,13.4538606 C1.44621762,13.2522792 1.41544553,13.1440932 1.40530599,13.0670699 C1.36505483,12.7613025 1.44791064,12.4520932 1.63565018,12.207442 C1.69486878,12.1303257 1.80077575,12.0334885 2.08225482,11.8566513 C2.70679434,11.4642792 3.13120363,10.7799072 3.13124084,10.0000932 C3.13128736,9.22009324 2.70685946,8.53572116 2.08226412,8.14325605 C1.80085017,7.96640954 1.6949525,7.86964675 1.6357339,7.79247466 C1.44800367,7.5478142 1.36514786,7.2385956 1.40539902,6.93283747 C1.41553855,6.85582352 1.44631064,6.74767468 1.54504553,6.54611189 C1.6465432,6.33889329 1.79485947,6.08124679 2.01634784,5.69760958 C2.23784551,5.31398169 2.38681295,5.05670727 2.51551993,4.8652003 C2.64071992,4.67891193 2.71898039,4.59818635 2.78060829,4.55090263 C3.02527806,4.3631631 3.33449665,4.28030729 3.64024548,4.32055845 C3.7367013,4.33325612 3.87347339,4.37658636 4.16739896,4.53194449 C4.81949197,4.87660495 5.62431056,4.90197239 6.29968729,4.51204682 C6.97507333,4.12212124 7.35551983,3.41243754 7.38308262,2.67536778 C7.39551053,2.34315384 7.42636634,2.20304221 7.46359425,2.11316314 C7.58161285,1.82824222 7.80802215,1.60187943 8.09285935,1.48386083 Z" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
+const TransactionIcon = ({ color, size }:IconProps) => {
+    return (
+        <svg width={`${size??20}px`} height={`${size??20}px`} viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" >
+        <title>transaction-svgrepo-com</title>
+        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="transaction-svgrepo-com" fill={color ?? Colors.brand.midnight}>
+                <path d="M9.28571429,0 C8.10228571,0 7.14285714,0.959385714 7.14285714,2.14285714 L7.14285714,4.28571429 L2.14285714,4.28571429 C0.959385714,4.28571429 0,5.2451 0,6.42857143 L0,17.8571429 C0,19.0405714 0.959385714,20 2.14285714,20 L10.7142857,20 C11.8977143,20 12.8571429,19.0405714 12.8571429,17.8571429 L12.8571429,15.7142857 L17.8571429,15.7142857 C19.0405714,15.7142857 20,14.7548571 20,13.5714286 L20,2.14285714 C20,0.959385714 19.0405714,0 17.8571429,0 L9.28571429,0 Z M11.4285714,15.7142857 L9.28571429,15.7142857 C8.10228571,15.7142857 7.14285714,14.7548571 7.14285714,13.5714286 L7.14285714,5.71428571 L2.14285714,5.71428571 C1.74837143,5.71428571 1.42857143,6.03408571 1.42857143,6.42857143 L1.42857143,17.8571429 C1.42857143,18.2515714 1.74837143,18.5714286 2.14285714,18.5714286 L10.7142857,18.5714286 C11.1087143,18.5714286 11.4285714,18.2515714 11.4285714,17.8571429 L11.4285714,15.7142857 Z M8.57142857,2.14285714 C8.57142857,1.74837143 8.89128571,1.42857143 9.28571429,1.42857143 L17.8571429,1.42857143 C18.2515714,1.42857143 18.5714286,1.74837143 18.5714286,2.14285714 L18.5714286,13.5714286 C18.5714286,13.9658571 18.2515714,14.2857143 17.8571429,14.2857143 L9.28571429,14.2857143 C8.89128571,14.2857143 8.57142857,13.9658571 8.57142857,13.5714286 L8.57142857,2.14285714 Z" id="Shape"></path>
+                <path d="M10,5 C10,4.60551429 10.3198571,4.28571429 10.7142857,4.28571429 L16.4285714,4.28571429 C16.823,4.28571429 17.1428571,4.60551429 17.1428571,5 C17.1428571,5.39448571 16.823,5.71428571 16.4285714,5.71428571 L10.7142857,5.71428571 C10.3198571,5.71428571 10,5.39448571 10,5 Z" id="Path"></path>
+                <path d="M10,7.85714286 C10,7.46271429 10.3198571,7.14285714 10.7142857,7.14285714 L13.5714286,7.14285714 C13.9658571,7.14285714 14.2857143,7.46271429 14.2857143,7.85714286 C14.2857143,8.25157143 13.9658571,8.57142857 13.5714286,8.57142857 L10.7142857,8.57142857 C10.3198571,8.57142857 10,8.25157143 10,7.85714286 Z" id="Path"></path>
+            </g>
+        </g>
+    </svg>
+    )
+}
 
  const AlertIcon = ({ color, size }:IconProps) => {
     return (
@@ -999,9 +1061,12 @@ export default {
     DepositIcon,
     BankInstantIcon,
     CreditCardIcon,
+    PlaidIcon,
+    SettingsIcon,
     PayPalIcon,
     ChevronIcon,
     ShareSocialIcon,
+    EdgeCoinIcon,
     PacerCarIcon,
     AwardRibbonIcon,
     TVIcon,
@@ -1012,6 +1077,7 @@ export default {
     EyeOffIcon,
     DiscoverCardIcon,
     AmexCardIcon,
+    TransactionIcon,
     TransactionSuccessIcon,
     TransactionErrorIcon,
     VisaCardIcon,

package/src/ProfileManager/Components/BasicStatus.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 import { View, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps } from '../api/types';
-import type { PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../api/types';
 
 type BasicStatusProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -2,9 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, View, Image } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, RewardOptionProps } from '../api/types';
 import { ProfileApi, ProfileHelpers } from '../api';
-import type { PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
+import type { MyPlayerProps } from '../api/types';
 
 type CodeRedeemProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/ProfileWelcome.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { View, Image, ScrollView } from 'react-native';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps } from '../api/types';
 import Colors from '../../constants/colors';
 import { Button, Icons, Text } from '../../Components';
 import { ProfileHelpers } from '../api';
-import type { PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../api/types';
 
 
 type ProfileWelcomeProps = {

package/src/ProfileManager/Components/ProfileWizard.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { View, FlatList, TouchableOpacity, Image, Linking } from 'react-native';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, ProfileLevelProps, ProfileStepProps, PromoProps, SettingProps } from "../api/types"
+import type {MyPlayerProps, ProfileLevelProps, ProfileStepProps, SettingProps } from "../api/types"
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import BasicInfoManager from './BasicInfoManager';
@@ -13,7 +13,7 @@ import VouchCard from './VouchCard';
 import ProfilePicManager from './ProfilePicManager';
 import ProfileWelcome from './ProfileWelcome';
 import CodeRedeem from './CodeRedeem';
-import type { PlayerSettingProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps } from '../../types';
 import SettingsManager from './SettingsManager';
 import { ProfileApi } from '../api';
 import { view_styles } from '../../constants/styles';

package/src/ProfileManager/Components/VouchCard.tsx

@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react';
 import { View, Platform, TouchableOpacity, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps } from '../api/types';
 import { ProfileApi, ProfileHelpers } from '../api';
 import moment from 'moment-mini';
-import type { PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../api/types';
 
 type VouchCardProps = {
     player:MyPlayerProps,

package/src/ProfileManager/api/index.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
-import type { CodeRequestProps, MyPlayerProps, PasswordStateProps, PlayerBalanceProps, PlayerReferralProps, PromoProps, RewardOptionProps, SettingProps } from './types';
+import type { MyPlayerProps, PasswordStateProps, PlayerBalanceProps, SettingProps } from './types';
 import { APIOverrides } from '../../ApiOverrides';
-import type { PlayerSettingProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 
 let AUTH_SVC_API = '';
 let VOUCH_ID = '';
@@ -57,7 +57,6 @@ const ProfileApi = {
     },
     getMyDetails : async():Promise<MyPlayerProps> => {
         const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
-        console.log(resp.data)
         return resp.data.player
     },
     getMyBalance: async():Promise<PlayerBalanceProps> => {

package/src/ProfileManager/api/types.d.ts

@@ -36,17 +36,6 @@ export interface SettingProps {
     last_update_datetime: any
 }
 
-export interface CodeRequestProps {
-    code_request_id:string, 
-    player_id:string, 
-    referral_code:string, 
-    create_datetime:any, 
-    reward_option_id?:string,
-    status:'requested' | 'fulfilled' | 'invalid' | 'verified' | 'closed', 
-    last_update_datetime: any, 
-    referrer_id?:string, 
-    pending_deposit?:boolean
-}
 
 export interface PlayerBalanceProps {
     player_balance_id:string,
@@ -58,49 +47,6 @@ export interface PlayerBalanceProps {
     last_udpate_datetime:any
 }
 
-export interface RewardOptionProps {
-    reward_option_id: string,
-    reward_type: string,
-    reward_value: number,
-    reward_name:string,
-    status: 'active' | 'inactive',
-    market_type: 'FOR_MONEY' | 'FREE' | 'PROMO',
-    award_quotient: number,
-    create_datetime: any,
-    last_update_datetime: any
-}
-
-
-export interface PlayerReferralProps {
-    player_referral_id:string, 
-    referrer_id:string, 
-    referred_phone?:number, 
-    referral_code:string,
-    referral_quality_quotient?:number, 
-    status:'pending' | 'closed' | 'inactive', 
-    promo_id: string, 
-    company_id?:string,
-    create_datetime?: any, 
-    description?:string, 
-    code_image?:string,
-    last_update_datetime?:any
-    promo?:PromoProps
-}
-
-
-export interface PromoProps {
-    promo_id:string,
-    description:string, 
-    type: 'referral_code' | 'promo_code' | 'promo_sweepstakes' | 'referral_sweepstakes', 
-    amount:number, 
-    amount_type:'FOR_MONEY'|'FREE', 
-    status: 'active' | 'inactive', 
-    expire_type: 'quantity' | 'time', 
-    available_codes: number, 
-    expire_datetime:any, 
-    create_datetime:any
-}
-
 
 export interface MyPlayerProps {
     player_id:string, 

package/src/Wallet/api/index.ts

@@ -1,8 +1,9 @@
 import axios from 'axios';
 import { APIOverrides } from '../../ApiOverrides';
-import type { ACHDetailProps, AccountActionProps, AccountLimitProps, AccountProps, AccountSnoozeProps, CardDetailProps, ItemOrderProps, ItemProps, PlayerAddressProps, PlayerDepositLimitProps, PlayerWithdrawLimitProps, WalletSettingsProps } from '../../types';
+import type { ACHDetailProps, AccountActionProps, AccountLimitProps, AccountProps, AccountSnoozeProps, CardDetailProps, CodeRequestProps, ItemOrderProps, ItemProps, PlayerAddressProps, PlayerDepositLimitProps, PlayerReferralProps, PlayerWithdrawLimitProps, PromoProps, PublicPlayerProps, RewardOptionProps, TransactionDetailProps, TransactionProps, WalletSettingsProps } from '../../types';
 import type { MyPlayerProps, PlayerBalanceProps } from '../../ProfileManager/api/types';
 import moment from 'moment-mini';
+import Colors from '../../constants/colors';
 
 let WALLET_SVC_API = ''
 let AUTH_SVC_API = ''
@@ -19,6 +20,14 @@ const WalletApi = {
         const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
         return resp.data.player
     },
+    getMyCodeDetails: async():Promise<{ code_request?:CodeRequestProps, promo?:PromoProps, player_referral?:PlayerReferralProps, referrer?:PublicPlayerProps, reward_option?:RewardOptionProps }> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/promos/request/me`)
+        return resp.data
+    },
+    getMyReferralDetails: async():Promise<{player_referral:PlayerReferralProps, promo:PromoProps}> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/promos/referral/me`);
+        return resp.data
+    },
     updateDefaultAccount:async(account_id:string):Promise<AccountProps[]> => {
         const resp = await axios.post(`${WALLET_SVC_API}/v1/accounts/account/default`, { account_id })
         return resp.data.accounts
@@ -138,6 +147,14 @@ const ItemOrderApi = {
     getItemByIdentifier: async(identifier:string) => {
         const resp = await axios.get(`${WALLET_SVC_API}/v1/items/identifier/${identifier}`)
         return resp.data.item
+    },
+    getTransactionById: async(transaction_id:string):Promise<{ transaction:TransactionProps, transaction_details:TransactionDetailProps[] }> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/transactions/transaction/${transaction_id}`)
+        return resp.data
+    },
+    getMyItemOrders: async(offset:number):Promise<{item_orders:ItemOrderProps[], items:ItemProps[]}> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/orders/me?offset=${offset}`)
+        return resp.data
     }
 }
 
@@ -167,6 +184,33 @@ const ItemOrderHelpers = {
             last_update_datetime: ''
         }
     },
+    getStatusLabel : (item_order:ItemOrderProps) => {
+        let label = { text: item_order.status, color:Colors.brand.electric }
+        switch(item_order.status){
+            case 'failed':
+                label.text = 'Failed'
+                label.color = Colors.utility.error
+                break
+            case 'processing':
+                label.text = 'Posted'
+                label.color = Colors.utility.warning
+                break
+            case 'transaction_pending':
+                label.text = 'Pending'
+                label.color = Colors.brand.electric
+                break
+            case 'cancelled':
+                label.text = 'Cancelled'
+                label.color = Colors.utility.error
+                break
+            case 'processed':
+                label.text = 'Settled'
+                label.color = Colors.utility.success
+                break
+            default: break
+        }
+        return label
+    },
     isWithdrawOrderValid: (account:AccountProps, withdraw_limit:PlayerWithdrawLimitProps, deposit_limit:PlayerDepositLimitProps, player_balance:PlayerBalanceProps, wallet_settings?:WalletSettingsProps, draft_order?:ItemOrderProps):{ available_for_withdraw:number, errors:string[]} => {
         if(!draft_order){ return { available_for_withdraw: 0, errors:['Awaiting draft order'] } }
         if(!wallet_settings){ return {available_for_withdraw: 0, errors: ['Awaiting players setting values'] } }
@@ -281,6 +325,37 @@ const WalletHelpers = {
         if(!wallet_settings.agreed_to_terms || !wallet_settings.pin || !wallet_settings.auth_end_datetime || moment().isAfter(moment(wallet_settings.auth_end_datetime))){ return false }
         return true
     },
+    formatBalance: (balance:number) => {
+        let round_down_balance = Math.round(balance * 100) / 100;
+        let str_balance = round_down_balance.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+        return str_balance
+
+    },
+    genWalkthroughSteps: (wallet_settings:WalletSettingsProps, accounts:AccountProps[], my_orders:{ item_orders:ItemOrderProps[], items:ItemProps[] }) => {
+        let steps = [
+            { priority: 1, step: 'welcome', label: 'Setup Wallet Security', complete: false },
+            { priority: 2, step: 'my_balance', label: 'Understand My Balances', complete:true },
+            { priority: 3, step: 'add_ach_account', label: 'Get Setup For Withdrawals', complete:false },
+            { priority: 4, step: 'deposit', label: 'Make Your First Deposit', complete: false }
+        ]
+        steps = steps.map(s => {
+            switch(s.step){
+                case 'welcome':
+                    if(wallet_settings.agreed_to_terms && wallet_settings.pin){ return { ...s, complete: true } }
+                    return s
+                case 'add_ach_account':
+                    let added_ach_account = accounts.find(a => a.account_type == 'ach' && !a.ibt_placeholder)
+                    if(added_ach_account){ return { ...s, complete:true } }
+                    return s
+                case 'deposit':
+                    let deposit = my_orders.item_orders.find(o => ['processing','processed','settled'].includes(o.status) && o.type == 'wallet');
+                    if(deposit){ return { ...s, complete:true } }
+                    return s
+                default: return s
+            }
+        })
+        return steps
+    },
     isNumber(value?: string | number): boolean
     {
         return ((value != null) &&
@@ -326,6 +401,15 @@ const WalletHelpers = {
             status: 'active'
         }
     },
+    getReferralDescription : (promo:PromoProps) => {
+        switch(promo.type){
+            case 'promo_code': return `Get ${promo.amount} promo bucks after you verify your account`
+            case 'promo_sweepstakes': return `Have a chance at UP TO 500 promo bucks after you verify your account`
+            case 'referral_code': return `Get ${promo.amount} promo bucks after you verify your account. Your referrer will get the same after you make your first deposit`
+            case 'referral_sweepstakes': return `Have a chance at UP TO 500 promo bucks after you verify your account. Your referrer will get the same after you make your first deposit`
+            default: return ''
+        }
+    } ,
     isCardValid: (card_detail:CardDetailProps) => {
         let valid = {
             valid: false,

package/src/Wallet/components/ACHAddCard.tsx

@@ -0,0 +1,109 @@
+import React from 'react';
+import { View, TouchableOpacity, Image } from 'react-native';
+import type { MyPlayerProps } from '../../ProfileManager/api/types';
+import type { AccountProps } from '../../types';
+import { Button, Icons, Text } from '../../Components';
+import Colors from '../../constants/colors';
+import { button_styles } from '../../constants/styles';
+
+type AccountAddProps = {
+    player:MyPlayerProps,
+    accounts:AccountProps[],
+    walkthrough?:boolean,
+    onManualACH: () => void,
+    onLinkACH: () => void,
+    onClose: () => void,
+    onNext: (account:AccountProps) => void,
+}
+
+const ACHAddCard = ({ accounts, onClose, onNext, onManualACH, onLinkACH }:AccountAddProps) => {
+    //const [ loading, setLoading ] = useState(false);
+    //const [ add_type, setAddType ] = useState('manual');
+    const manual_account = accounts.find(a => a.ach_detail && a.ach_detail.ach_type == 'manual');
+    const ibt_account = accounts.find(a => a.ach_detail && a.ach_detail.ach_type == 'ibf' && !a.ibt_placeholder);
+
+    return (
+        <View style={{ flex:1 }}>
+            <View style={{ padding:20 }}>
+                <Text size={26} color={Colors.brand.midnight} weight='bold'>GET ACCESS TO YOUR WINNINGS</Text>
+                <Text style={{ marginTop:10 }} size={16} color={Colors.brand.midnight} weight='regular'>At BettorEdge - we celebrate withdraws!  In order to move funds out of your BettorEdge account, you will need to add an eligible bank account.</Text>
+            </View>
+            <View style={{ flex:1, padding:20 }}>
+                <Text style={{ marginBottom:20 }} size={18} color={Colors.brand.midnight} weight='bold'>ACH ACCOUNT OPTIONS</Text>
+                <View style={{ padding:20, backgroundColor:Colors.shades.shade600, borderRadius:8 }}>
+                    <View style={{ flexDirection:'row' }}>
+                        <Icons.PlaidIcon size={35}/>
+                        <View style={{ flex:1, marginLeft:10 }}>
+                            <Text size={14} color={Colors.brand.midnight} weight='bold'>Link your account using PLAID</Text>
+                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>When you link an account you get access to both instant deposits and instant withdraws.</Text>
+                        </View>
+                    </View>
+                    {!ibt_account ?
+                    <TouchableOpacity style={{ marginTop:20, padding:3, flexDirection:'row', alignItems:'center', borderRadius:30, backgroundColor:Colors.shades.white }}
+                        onPress={() => onLinkACH()}>
+                        <View style={{  height:50, width:110, borderRadius:100, justifyContent:'center', alignItems:'center', borderWidth:1, borderColor:Colors.brand.cobalt }}>
+                            <Image
+                                source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1695821528/1630344814441_wjq98b.png' }}
+                                style={{ width:50, height:30 }}
+                                resizeMode='cover'
+                            />
+                        </View>
+                        <View style={{ flex:1 }}>
+                            <Text size={14} color={Colors.brand.cobalt} textAlign='center' weight='bold'>LINK ACH ACCOUNT</Text>
+                        </View>
+                    </TouchableOpacity>
+                    :
+                    <View style={{ position:'absolute', top:5, right:5, bottom:0}}>
+                        <Icons.TransactionSuccessIcon size={45}/>
+                    </View>
+                    }
+                </View>
+                <View style={{ marginTop:20, padding:20, backgroundColor:Colors.shades.shade600, borderRadius:8 }}>
+                    <View style={{ flexDirection:'row' }}>
+                        <Icons.BankIcon color={Colors.brand.midnight} size={34}/>
+                        <View style={{ flex:1, marginLeft:10 }}>
+                            <Text size={14} color={Colors.brand.midnight} weight='bold'>Manually add an account</Text>
+                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>Verify the account in 1-3 business days and start transacting.</Text>
+                        </View>
+                    </View>
+                    {!manual_account ?
+                    <TouchableOpacity style={{ marginTop:20, padding:3, flexDirection:'row', alignItems:'center', borderRadius:30, backgroundColor:Colors.brand.midnight }}
+                    onPress={() => onManualACH()}>
+                        <View style={{  height:50, width:50, borderRadius:100, justifyContent:'center', alignItems:'center', backgroundColor:Colors.shades.white }}>
+                            <Icons.BankIcon size={22} color={Colors.brand.midnight} />
+                        </View>
+                        <View style={{ flex:1 }}>
+                            <Text size={14} color={Colors.shades.white} textAlign='center' weight='bold'>ADD MANUAL ACH ACCOUNT</Text>
+                        </View>
+                    </TouchableOpacity>
+                    :
+                    <View style={{ position:'absolute', top:5, right:5, bottom:0}}>
+                        <Icons.TransactionSuccessIcon size={45}/>
+                    </View>
+                    }
+                </View>
+            </View>
+            <View nativeID='action_row' style={{ flexDirection:'row', justifyContent:'space-between', padding:10 }}>
+                <Button
+                    title={!ibt_account && !manual_account ? 'DO THIS LATER' : 'All Set!'}
+                    title_color={!ibt_account && !manual_account ? Colors.utility.error: Colors.utility.success}
+                    backgroundColor='transparent'
+                    onPress={() => onClose()}
+                />
+                <TouchableOpacity
+                    style={manual_account || ibt_account ? button_styles.wizard_valid : button_styles.wizard_invalid}
+                    onPress={() => {
+                        if(ibt_account) { return onNext(ibt_account) }
+                        if(manual_account){ return onNext(manual_account) }
+                        return
+                    }}
+                    disabled={manual_account || ibt_account ? false : true}
+                    >
+                    <Icons.ChevronIcon size={20} direction='right' color={Colors.brand.midnight}/>
+                </TouchableOpacity>
+            </View>
+        </View>
+    )
+}
+
+export default ACHAddCard

package/src/Wallet/components/AccountCard.tsx

@@ -22,6 +22,8 @@ const AccountCard = ({ account, hide_status, onSelectAccount }: AccountCardProps
                 return <Icons.BankIcon size={28} color={Colors.utility.success} />
             case 'card':
                 return renderCardIcon(account.card_detail?.card_brand)
+            case 'paypal':
+                return <Icons.PayPalIcon size={20}/>
             default: return <></>
 
         }
@@ -61,6 +63,8 @@ const AccountCard = ({ account, hide_status, onSelectAccount }: AccountCardProps
             case 'card':
                 if(!account.card_detail){ return '' }
                 return `EXP ${moment(account.card_detail.expiration_date).format('MM/YYYY')}`
+            case 'paypal':
+                return `Login to your Paypal and transact`
             default: return ''
         }
     }

package/src/Wallet/components/AccountManager.tsx

@@ -16,7 +16,7 @@ type AccountManagerProps = {
 
 const AccountManager = ({ accounts,  onSelectAccount, onSelectManualACH, onSelectManualCard, onSelectInstantBankTransfer , onClose}:AccountManagerProps) => {
 
-    const my_accounts = accounts.filter(a => !a.ibt_placeholder && !['bettoredge', 'paypal'].includes(a.account_type))
+    const my_accounts = accounts.filter(a => !a.ibt_placeholder && !['bettoredge'].includes(a.account_type))
     //const ibt_placeholder = accounts.find(a => a.ibt_placeholder);
 
     const renderAccounts = (data:{item:AccountProps, index:number}) => {
@@ -33,8 +33,8 @@ const AccountManager = ({ accounts,  onSelectAccount, onSelectManualACH, onSelec
     return (
         <View style={{ flex:1 }}>
              <View style={{ padding:20 }}>
-                <Text size={30} color={Colors.brand.midnight} weight='bold'>WALLET ACCOUNTS</Text>
-                <Text style={{ marginTop:15 }} size={16} color={Colors.brand.midnight} weight='regular'>Below are the accounts we have on file for you.  Please select one to manage or transact!</Text>
+                <Text size={26} color={Colors.brand.midnight} weight='bold'>WALLET ACCOUNTS</Text>
+                <Text style={{ marginTop:10 }} size={16} color={Colors.brand.midnight} weight='regular'>Below are the accounts we have on file for you.  Please select one to manage or transact!</Text>
             </View>
             <View style={{ flex:1, padding:10 }}>
                 {my_accounts.length > 0 ?
@@ -88,7 +88,7 @@ const AccountManager = ({ accounts,  onSelectAccount, onSelectManualACH, onSelec
             <View nativeID='action_row' style={{ padding:20 }}>
                 <Button
                     style={{ flex:1, opacity: 1 }}
-                    title={'CLOSE'}
+                    title={'BACK'}
                     title_color={Colors.brand.electric}
                     borderWidth={1}
                     borderColor={Colors.brand.electric}