be-components 3.6.9 → 3.7.0

package/lib/typescript/src/ProfileManager/Components/EmailManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/EmailManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,YAAY,6DAA6D,iBAAiB,sBAsM/F,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"EmailManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/EmailManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKrE,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,YAAY,8EAA8E,iBAAiB,sBAwMhH,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/typescript/src/ProfileManager/Components/PasswordManager.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 type PasswordManagerProps = {
     player: MyPlayerProps;
     walkthrough?: boolean;
     onNext: () => void;
+    onFocusPosition?: (data: FocusPositionProps) => void;
     onClose: () => void;
     onPlayerUpdate: (player: MyPlayerProps) => void;
 };
-declare const PasswordManager: ({ player, walkthrough, onPlayerUpdate, onNext, onClose }: PasswordManagerProps) => React.JSX.Element;
+declare const PasswordManager: ({ player, walkthrough, onPlayerUpdate, onFocusPosition, onNext, onClose }: PasswordManagerProps) => React.JSX.Element;
 export default PasswordManager;
 //# sourceMappingURL=PasswordManager.d.ts.map

package/lib/typescript/src/ProfileManager/Components/PasswordManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/PasswordManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,KAAK,oBAAoB,GAAG;IACxB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,eAAe,6DAA6D,oBAAoB,sBAgMrG,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"PasswordManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/PasswordManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIrE,KAAK,oBAAoB,GAAG;IACxB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,eAAe,8EAA8E,oBAAoB,sBAmMtH,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/ProfileManager/Components/PhoneManager.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 type PhoneManagerProps = {
     player: MyPlayerProps;
     walkthrough?: boolean;
     onNext: () => void;
+    onFocusPosition?: (data: FocusPositionProps) => void;
     onClose: () => void;
     onPlayerUpdate: (player: MyPlayerProps) => void;
 };
-declare const PhoneManager: ({ player, walkthrough, onPlayerUpdate, onNext, onClose }: PhoneManagerProps) => React.JSX.Element;
+declare const PhoneManager: ({ player, walkthrough, onPlayerUpdate, onFocusPosition, onNext, onClose }: PhoneManagerProps) => React.JSX.Element;
 export default PhoneManager;
 //# sourceMappingURL=PhoneManager.d.ts.map

package/lib/typescript/src/ProfileManager/Components/PhoneManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/PhoneManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,YAAY,6DAA6D,iBAAiB,sBA0M/F,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"PhoneManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/PhoneManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKrE,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,MAAM,IAAI,CAAC;IAClB,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,QAAA,MAAM,YAAY,8EAA8E,iBAAiB,sBA4MhH,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/typescript/src/ProfileManager/Components/ProfileWizard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ProfileLevelProps, SettingProps } from "../api/types";
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
+import type { CodeRequestProps, FocusPositionProps, MyPlayerProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 type ProfileWizardProps = {
     player: MyPlayerProps;
     player_settings: PlayerSettingProps[];
@@ -8,6 +8,7 @@ type ProfileWizardProps = {
     show_welcome?: boolean;
     onVouching: (active: boolean) => void;
     width: number;
+    onFocusPosition?: (position: FocusPositionProps) => void;
     hide_powered_by?: boolean;
     hidden_groups?: string[];
     hidden_levels?: string[];
@@ -30,6 +31,6 @@ type ProfileWizardProps = {
     onPlayerUpdate: (player: MyPlayerProps, attribute?: string) => void;
     onUpdatePlayerSetting: (player_setting: PlayerSettingProps) => void;
 };
-declare const ProfileWizard: ({ player, hide_powered_by, settings, player_settings, onRedeemCode, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }: ProfileWizardProps) => React.JSX.Element;
+declare const ProfileWizard: ({ player, hide_powered_by, settings, player_settings, onFocusPosition, onRedeemCode, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }: ProfileWizardProps) => React.JSX.Element;
 export default ProfileWizard;
 //# sourceMappingURL=ProfileWizard.d.ts.map

package/lib/typescript/src/ProfileManager/Components/ProfileWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileWizard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/ProfileWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,iBAAiB,EAAoB,YAAY,EAAE,MAAM,cAAc,CAAA;AAarF,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAO9J,KAAK,kBAAkB,GAAG;IACtB,MAAM,EAAC,aAAa,CAAC;IACrB,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,QAAQ,EAAC,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAC,OAAO,CAAC;IACtB,UAAU,EAAC,CAAC,MAAM,EAAC,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,EAAC,MAAM,CAAC;IACb,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAC,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAC;QACd,KAAK,EAAE,OAAO,GAAC,QAAQ,CAAA;KAC1B,CAAC;IACF,YAAY,EAAC,CAAC,YAAY,EAAC;QACvB,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAC;QACrC,aAAa,CAAC,EAAC,iBAAiB,CAAC;QACjC,QAAQ,CAAC,EAAC,iBAAiB,CAAA;KAC9B,KAAK,IAAI,CAAC;IACX,iBAAiB,CAAC,EAAC,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,KAAK,GAAC,UAAU,GAAC,OAAO,GAAC,cAAc,GAAC,aAAa,CAAC;IACjG,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,UAAU,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,aAAa,EAAC,CAAC,KAAK,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAChD,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,EAAE,SAAS,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;IAChE,qBAAqB,EAAC,CAAC,cAAc,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACpE,CAAA;AAGD,QAAA,MAAM,aAAa,gRAAiR,kBAAkB,sBAyjBrT,CAAA;AAID,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ProfileWizard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/ProfileWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,iBAAiB,EAAoB,YAAY,EAAE,MAAM,cAAc,CAAA;AAarF,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOlL,KAAK,kBAAkB,GAAG;IACtB,MAAM,EAAC,aAAa,CAAC;IACrB,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,QAAQ,EAAC,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAC,OAAO,CAAC;IACtB,UAAU,EAAC,CAAC,MAAM,EAAC,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,EAAC,MAAM,CAAC;IACb,eAAe,CAAC,EAAC,CAAC,QAAQ,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAC,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAC;QACd,KAAK,EAAE,OAAO,GAAC,QAAQ,CAAA;KAC1B,CAAC;IACF,YAAY,EAAC,CAAC,YAAY,EAAC;QACvB,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAC;QACrC,aAAa,CAAC,EAAC,iBAAiB,CAAC;QACjC,QAAQ,CAAC,EAAC,iBAAiB,CAAA;KAC9B,KAAK,IAAI,CAAC;IACX,iBAAiB,CAAC,EAAC,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,KAAK,GAAC,UAAU,GAAC,OAAO,GAAC,cAAc,GAAC,aAAa,CAAC;IACjG,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,UAAU,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,aAAa,EAAC,CAAC,KAAK,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAChD,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,EAAE,SAAS,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;IAChE,qBAAqB,EAAC,CAAC,cAAc,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACpE,CAAA;AAGD,QAAA,MAAM,aAAa,iSAAkS,kBAAkB,sBAkkBtU,CAAA;AAID,eAAe,aAAa,CAAA"}

package/lib/typescript/src/ProfileManager/Components/SettingsManager.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import type { SettingProps } from '../api/types';
-import type { MyPlayerProps, PlayerSettingProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps, PlayerSettingProps } from '../../types';
 type SettingsManagerProps = {
     title: string;
     description: string;
+    onFocusPosition?: (data: FocusPositionProps) => void;
     player: MyPlayerProps;
     settings: SettingProps[];
     icon: any;
     player_settings: PlayerSettingProps[];
     onUpdatePlayerSetting: (ps: PlayerSettingProps) => void;
 };
-declare const SettingsManager: ({ player, title, description, icon, settings, player_settings, onUpdatePlayerSetting }: SettingsManagerProps) => React.JSX.Element;
+declare const SettingsManager: ({ player, title, description, icon, settings, player_settings, onFocusPosition, onUpdatePlayerSetting }: SettingsManagerProps) => React.JSX.Element;
 export default SettingsManager;
 //# sourceMappingURL=SettingsManager.d.ts.map

package/lib/typescript/src/ProfileManager/Components/SettingsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/SettingsManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKrE,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAC,aAAa,CAAC;IACrB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,IAAI,EAAC,GAAG,CAAC;IACT,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,qBAAqB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,QAAA,MAAM,eAAe,2FAA2F,oBAAoB,sBAoInI,CAAA;AAGD,eAAe,eAAe,CAAA"}
+{"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/SettingsManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKzF,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACnD,MAAM,EAAC,aAAa,CAAC;IACrB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,IAAI,EAAC,GAAG,CAAC;IACT,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,qBAAqB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,QAAA,MAAM,eAAe,4GAA4G,oBAAoB,sBAqIpJ,CAAA;AAGD,eAAe,eAAe,CAAA"}

package/lib/typescript/src/ProfileManager/Components/VouchCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VouchCard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/VouchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKvH,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,UAAU,EAAC,CAAC,MAAM,EAAC,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE;QACV,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,QAAQ,CAAC,EAAC,iBAAiB,CAAC;QAC5B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAA;KACvC,CAAA;IACD,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAC,MAAM,IAAI,CAAC;IACvB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,4FAA4F,cAAc,sBAsVxH,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"VouchCard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/VouchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIvH,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,UAAU,EAAC,CAAC,MAAM,EAAC,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE;QACV,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,QAAQ,CAAC,EAAC,iBAAiB,CAAC;QAC5B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAA;KACvC,CAAA;IACD,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAC,MAAM,IAAI,CAAC;IACvB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,4FAA4F,cAAc,sBAuOxH,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/src/ProfileManager/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../types';
+import type { CodeRequestProps, FocusPositionProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../types';
 type ProfileOverviewProps = {
     show_welcome?: boolean;
     hide_powered_by?: boolean;
@@ -9,6 +9,7 @@ type ProfileOverviewProps = {
     hidden_steps?: string[];
     hidden_levels?: string[];
     onClose: () => void;
+    onFocusPosition?: (data: FocusPositionProps) => void;
     onVouchStart?: () => void;
     onLogout: () => void;
     onRedeemCode: (code_details: {
@@ -25,6 +26,6 @@ type ProfileOverviewProps = {
         level: 'verify' | 'basic';
     };
 };
-declare const ProfileManager: ({ profile_attribute, hide_profile_header, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps) => React.JSX.Element;
+declare const ProfileManager: ({ profile_attribute, hide_profile_header, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps) => React.JSX.Element;
 export default ProfileManager;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/ProfileManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileManager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAsB,mBAAmB,EAAsB,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG/K,KAAK,oBAAoB,GAAG;IACxB,YAAY,CAAC,EAAC,OAAO,CAAC;IAEtB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAC,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAC,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAC,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,YAAY,EAAC,CAAC,YAAY,EAAC;QACvB,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAC;QACrC,aAAa,CAAC,EAAC,iBAAiB,CAAC;QACjC,QAAQ,CAAC,EAAC,iBAAiB,CAAA;KAC9B,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAC,CAAC,CAAC,EAAC,aAAa,EAAE,SAAS,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAC,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,KAAK,GAAC,UAAU,GAAC,OAAO,GAAC,cAAc,GAAC,aAAa,CAAC;IACjG,WAAW,CAAC,EAAE;QACV,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAA;KAC5B,CAAA;CACJ,CAAA;AAED,QAAA,MAAM,cAAc,0NAA2N,oBAAoB,sBAiHlQ,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileManager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAsB,mBAAmB,EAAsB,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGnM,KAAK,oBAAoB,GAAG;IACxB,YAAY,CAAC,EAAC,OAAO,CAAC;IAEtB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAC,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAC,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAC,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,YAAY,EAAC,CAAC,YAAY,EAAC;QACvB,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAC;QACrC,aAAa,CAAC,EAAC,iBAAiB,CAAC;QACjC,QAAQ,CAAC,EAAC,iBAAiB,CAAA;KAC9B,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAC,CAAC,CAAC,EAAC,aAAa,EAAE,SAAS,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAC,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,KAAK,GAAC,UAAU,GAAC,OAAO,GAAC,cAAc,GAAC,aAAa,CAAC;IACjG,WAAW,CAAC,EAAE;QACV,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAA;KAC5B,CAAA;CACJ,CAAA;AAED,QAAA,MAAM,cAAc,2OAA4O,oBAAoB,sBAkHnR,CAAA;AAED,eAAe,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "3.6.9",
+  "version": "3.7.0",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -185,6 +185,7 @@
     "expo-notifications": "^0.29.11",
     "expo-sharing": "~13.0.0",
     "expo-status-bar": "~2.0.0",
+    "expo-web-browser": "~14.0.1",
     "install-expo-modules": "latest",
     "is-url": "^1.2.4",
     "moment-mini": "^2.29.4",

package/src/Authenticator/Components/AuthStrategyIdentifier.tsx

@@ -5,15 +5,17 @@ import type { AuthStrategyIdentifierProps } from '../api/types';
 import { AuthenticateHelpers } from '../api';
 import { useColors } from '../../constants/useColors';
 import { Text, View, TextInput } from '../../Components/Themed';
+import type { FocusPositionProps } from '../../types';
 
 type AuthStrategyIdentifierCardProps = {
     auth_strategy_identifier:AuthStrategyIdentifierProps,
     auth_request?: any,
     auto_focus?:boolean,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onChangeIdentifier: (text:string,  is_valid:boolean, pretty_value?:string) => void 
 }
 
-const AuthStrategyIdentifier = ({ auth_strategy_identifier, auto_focus, auth_request, onChangeIdentifier }:AuthStrategyIdentifierCardProps) => {
+const AuthStrategyIdentifier = ({ auth_strategy_identifier, onFocusPosition, auto_focus, auth_request, onChangeIdentifier }:AuthStrategyIdentifierCardProps) => {
     const C = useColors();
 
     const getAttributeIcon = (attribute:string) => {
@@ -38,6 +40,7 @@ const AuthStrategyIdentifier = ({ auth_strategy_identifier, auto_focus, auth_req
                 </View>
                 <TextInput
                     style={{ flex:1 }}
+                    onFocusPosition={onFocusPosition}
                     value={auth_request.pretty_value ?? auth_request.value}
                     transparent
                     placeholder={`${auth_strategy_identifier.label}`}

package/src/Authenticator/Components/LoginForm.tsx

@@ -6,11 +6,13 @@ import { AuthenticateApi, AuthenticateHelpers } from '../api';
 import type { AuthenticatedProps } from '../api/types';
 import { Text, View, Button, TextInput } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
+import type { FocusPositionProps } from '../../types';
 
 
 type LoginFormProps = {
     visible:boolean,
     maxWidth?:number,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onTryAuthenticate:(attribute:string, result:'success'|'fail') => void,
     onRegister: () => void,
     onAuthenticated: (auth_response:AuthenticatedProps) => void
@@ -18,10 +20,8 @@ type LoginFormProps = {
 
 
 const attribute_options = ['username', 'email', 'phone']
-const LoginForm = ({ maxWidth, visible, onRegister, onAuthenticated, onTryAuthenticate }:LoginFormProps) => {
+const LoginForm = ({ maxWidth, visible, onRegister, onFocusPosition, onAuthenticated, onTryAuthenticate }:LoginFormProps) => {
     const C = useColors();
-    const [ authenticated, setAuthenticated ] = useState(false);
-    console.log(authenticated)
     const [ auth_check, setAuthCheck ] = useState<{
         loading:boolean,
         attribute: 'username'|'email'|'phone',
@@ -100,7 +100,6 @@ const LoginForm = ({ maxWidth, visible, onRegister, onAuthenticated, onTryAuthen
             }, 5000);
         }
         setLoginTry({ ...login_try, loading:false, error:undefined })
-        setAuthenticated(true)
         return onAuthenticated({
             player_id,
             access_token,
@@ -166,6 +165,7 @@ const LoginForm = ({ maxWidth, visible, onRegister, onAuthenticated, onTryAuthen
                         </View>
                         <TextInput
                             style={{ flex:1 }}
+                            onFocusPosition={onFocusPosition}
                             value={value}
                             transparent
                             placeholder={attribute.toUpperCase()}
@@ -223,6 +223,7 @@ const LoginForm = ({ maxWidth, visible, onRegister, onAuthenticated, onTryAuthen
                         <TextInput
                             value={value}
                             transparent
+                            onFocusPosition={onFocusPosition}
                             editable={false}
                             style={{ flex:1  }}
                             placeholderTextColor={Colors.brand.slate}
@@ -252,6 +253,7 @@ const LoginForm = ({ maxWidth, visible, onRegister, onAuthenticated, onTryAuthen
                             <TextInput
                                 style={{ flex:1 }}
                                 key={type}
+                                onFocusPosition={onFocusPosition}
                                 value={pass_token}
                                 placeholder={`Enter ${type}`}
                                 autoFocus={true}

package/src/Authenticator/Components/StrategyForm.tsx

@@ -4,7 +4,7 @@ import { Checkbox, Icons } from "../../Components";
 import type { AuthExecutionRequestProps, AuthStrategyIdentifierProps, AuthStrategyProps, AuthenticatedProps } from '../api/types';
 import { AuthenticateApi, AuthenticateHelpers } from '../api';
 import { Linking, TouchableOpacity , FlatList } from 'react-native';
-import type { CompanyProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
+import type { CompanyProps, FocusPositionProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { ProfileHelpers } from '../../ProfileManager/api';
 import AuthStrategyIdentifier from './AuthStrategyIdentifier';
 import { useColors } from '../../constants/useColors';
@@ -18,6 +18,7 @@ type StrategyFormProps = {
     company_id?:string,
     distinct_id:string,
     source:string,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     company?:CompanyProps,
     opt_in_url?:string,
     show_referral?:boolean,
@@ -28,7 +29,7 @@ type StrategyFormProps = {
 
 //const mini_steps = ['intro', 'execution', 'verify']
 
-const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinct_id, source, show_referral, referral_code, maxWidth, opt_in_url, onAuthenticated, onLogin }:StrategyFormProps) => {
+const StrategyForm = ({ visible, strategy, auth_strategy_id, onFocusPosition, company_id, distinct_id, source, show_referral, referral_code, maxWidth, opt_in_url, onAuthenticated, onLogin }:StrategyFormProps) => {
     const C = useColors();
     const [ action_loading, setActionLoading ] = useState(false);
     const [ active_view, setActiveView ] = useState('authenticate');
@@ -238,6 +239,7 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
                             style={{ textAlign:'center', minWidth:200 }}
                             value={token}
                             transparent
+                            onFocusPosition={onFocusPosition}
                             placeholder='00000'
                             keyboardType='default'
                             autoFocus

package/src/Authenticator/index.tsx

@@ -6,7 +6,7 @@ import LoginForm from './Components/LoginForm';
 import { Text, View, Button } from '../Components/Themed';
 import type { AuthStrategyIdentifierProps, AuthStrategyProps, AuthenticatedProps } from './api/types';
 import { APIOverrides } from '../ApiOverrides';
-import type { CompanyProps } from '../types';
+import type { CompanyProps, FocusPositionProps } from '../types';
 import { useColors } from '../constants/useColors';
 
 
@@ -17,6 +17,7 @@ type AuthenticateWizardProps = {
     default_view?:'login'|'register'
     show_referral?:boolean,
     source:string,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     theme?:'full'|'mini'
     opt_in_url?:string,
     referral_code?:string,
@@ -27,7 +28,7 @@ type AuthenticateWizardProps = {
 }
 
 const auth_sections = ['header','strategy','login','actions']
-const Authenticator = ({ show_referral, auth_strategy_id, default_view, company_id, source, referral_code, maxWidth, opt_in_url, onTryAuthenticate, onAuthenticated, onClose }:AuthenticateWizardProps) => {
+const Authenticator = ({ show_referral, auth_strategy_id, onFocusPosition, default_view, company_id, source, referral_code, maxWidth, opt_in_url, onTryAuthenticate, onAuthenticated, onClose }:AuthenticateWizardProps) => {
     const C = useColors();
     const [ company, setCompany ] = useState<CompanyProps>();
     const [ distinct_id, setDistinctID ] = useState<string>();
@@ -105,6 +106,7 @@ const Authenticator = ({ show_referral, auth_strategy_id, default_view, company_
                         maxWidth={maxWidth}
                         company={company}
                         strategy={strategy}
+                        onFocusPosition={onFocusPosition}
                         onLogin={() => setActiveView('login')}
                         auth_strategy_id={auth_strategy_id}
                         company_id={company_id}
@@ -122,6 +124,7 @@ const Authenticator = ({ show_referral, auth_strategy_id, default_view, company_
                         maxWidth={maxWidth}
                         visible={ active_view == 'login' ? true : false }
                         onAuthenticated={handleAuthenticated}
+                        onFocusPosition={onFocusPosition}
                         onTryAuthenticate={(attribute, result) => onTryAuthenticate ? onTryAuthenticate(attribute, result) : console.log()}
                         onRegister={() => setActiveView('register')}
                     />

package/src/Components/Themed.tsx

@@ -1,5 +1,5 @@
 
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import { TextInput as DefaultTextInput, ActivityIndicator, Text as DefaultText, View as DefaultView, TouchableOpacity, useWindowDimensions, type TouchableOpacityProps, useColorScheme } from 'react-native';
 import { useColors } from '../constants/useColors';
 import { MyTextStyles, MyViewStyles } from '../constants/styles';
@@ -213,13 +213,29 @@ let floated = float ? color_mode == 'dark' ? MyViewStyles.floatDark : MyViewStyl
 
 type BETextInputProps = {
   type?:string,
-  transparent?:boolean
+  transparent?:boolean,
+  onFocusPosition?: (position:{x:number, y:number, width:number, height:number}) => void
 }
 
 type TextInputProps = BETextInputProps & DefaultTextInput['props']
 
 export const TextInput = (props:TextInputProps) => {
   const C = useColors();
+  const inputRef = useRef<DefaultTextInput>(null);
+
+
+  const handleFocus = (e:any) => {
+    if(props.onFocus){ props.onFocus(e) }
+    if(!props.onFocusPosition){ return }
+    if (inputRef.current && props.onFocusPosition) {
+      inputRef.current.measureInWindow((x, y, width, height) => {
+        if(props.onFocusPosition){
+          props.onFocusPosition({x, y, width, height})
+        }
+      });
+    }
+  }
+
   const { type, style, transparent, ...otherProps } = props;
   
   const borderRadius = 8
@@ -230,6 +246,12 @@ export const TextInput = (props:TextInputProps) => {
   const placeholder_color = C.text.placholder
 
   return (
-    <DefaultTextInput placeholderTextColor={placeholder_color} style={[{ padding:15, borderRadius, backgroundColor: background, borderColor: border, borderWidth, color }, style]} { ...otherProps }/>
+    <DefaultTextInput 
+      ref={inputRef}
+      placeholderTextColor={placeholder_color} 
+      style={[{ padding:15, borderRadius, backgroundColor: background, borderColor: border, borderWidth, color }, style]} { ...otherProps }
+      onFocus={handleFocus}
+    />
   )
-}
+}
+

package/src/ProfileManager/Components/BasicInfoManager.tsx

@@ -1,22 +1,23 @@
 import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, TouchableOpacity, ScrollView } from 'react-native';
-import { Icons, TextInput } from '../../Components';
+import { Icons } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
 import { button_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../../types';
-import { Button, Text, View } from '../../Components/Themed';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
+import { Button, Text, View, TextInput } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
 type BasicInfoManagerProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onNext:() => void,
     onClose:() => void,
     onPlayerUpdate:(player:MyPlayerProps) => void 
 }
 
-const BasicInfoManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:BasicInfoManagerProps) => {
+const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNext, onClose }:BasicInfoManagerProps) => {
     const C = useColors();
     const [ draft_player, setDraftPlayer ] = useState<MyPlayerProps>(player)
     const [ loading, setLoading ] = useState(false);
@@ -78,6 +79,7 @@ const BasicInfoManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                         <TextInput
                             value={draft_player.username}
                             style={{ flex:1, borderRadius:0 }}
+                            onFocusPosition={onFocusPosition}
                             onBlur={async() => {
                                 if(draft_player.username.toLowerCase() == player.username.toLowerCase()){ return }//USERNAME HAS NOT CHANGED
                                 setUsernameValid({ ...username_valid, loading:true })
@@ -124,6 +126,7 @@ const BasicInfoManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                         <TextInput
                             value={draft_player.first_name}
                             placeholder='First Name'
+                            onFocusPosition={onFocusPosition}
                             placeholderTextColor={Colors.brand.slate}
                             editable={player.vouched_status != 'verified' ? true : false}
                             style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
@@ -140,6 +143,7 @@ const BasicInfoManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                         <TextInput
                             value={draft_player.last_name}
                             placeholder='Last Name'
+                            onFocusPosition={onFocusPosition}
                             placeholderTextColor={Colors.brand.slate}
                             editable={player.vouched_status != 'verified' ? true : false}
                             style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, Image } from 'react-native';
 import { Icons } from '../../Components';
 import { ProfileApi, ProfileHelpers } from '../api';
-import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
+import type { CodeRequestProps, FocusPositionProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
@@ -10,6 +10,7 @@ type CodeRedeemProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
     onVerify:() => void,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onRedeemCode:(code_details:{
         code_request?:CodeRequestProps,
         promo?:PromoProps,
@@ -20,7 +21,7 @@ type CodeRedeemProps = {
     onClose:() => void
 }
 
-const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode }:CodeRedeemProps) => {
+const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode, onFocusPosition }:CodeRedeemProps) => {
     const C = useColors();
     const [ loading, setLoading ] = useState(false);
     const [ show_reward, setShowReward ] = useState(false);
@@ -100,6 +101,7 @@ const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode }:CodeRedeemP
                         </View>
                         <TextInput
                             value={draft_code}
+                            onFocusPosition={onFocusPosition}
                             style={{ flex:1, textAlign: 'center' }}
                             placeholder='Add Code Here'
                             editable={change_allowed}

package/src/ProfileManager/Components/DOBManager.tsx

@@ -5,7 +5,7 @@ import { Icons } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
 import { button_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
@@ -13,11 +13,12 @@ type DOBManagerProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
     onNext:() => void,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onClose:() => void,
     onPlayerUpdate:(player:MyPlayerProps) => void
 }
 
-const DOBManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }: DOBManagerProps ) => {
+const DOBManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNext, onClose }: DOBManagerProps ) => {
     const C = useColors();
     const [ loading, setLoading ] = useState(false);
     const [ dob, setDob ] = useState<string>('');
@@ -99,6 +100,7 @@ const DOBManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }: DO
                         </View>
                         <TextInput
                             value={dob}
+                            onFocusPosition={onFocusPosition}
                             placeholder='01/01/2005'
                             editable={player.vouched_status == 'verified' ? false : true}
                             style={{ flex:1 }}

package/src/ProfileManager/Components/EmailManager.tsx

@@ -4,7 +4,7 @@ import { ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Icons } from '../../Components';
 import { button_styles } from '../../constants/styles';
 import { ProfileApi, ProfileHelpers } from '../api';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
@@ -12,12 +12,13 @@ import { useColors } from '../../constants/useColors';
 type EmailManagerProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onClose:() => void,
     onNext:() => void,
     onPlayerUpdate:(player:MyPlayerProps) => void
 }
 
-const EmailManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:EmailManagerProps) => {
+const EmailManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNext, onClose }:EmailManagerProps) => {
     const C = useColors();
     const [ loading, setLoading ] = useState(false);
     const [ verify_token, setVerifyToken ] = useState({
@@ -107,6 +108,7 @@ const EmailManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:E
                         <TextInput
                             value={draft_player.email}
                             keyboardType='email-address'
+                            onFocusPosition={onFocusPosition}
                             style={{ flex:1 }}
                             transparent
                             onChangeText={(text) => {
@@ -185,6 +187,7 @@ const EmailManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:E
                             <TextInput
                                 value={verify_token.token}
                                 textContentType='oneTimeCode'
+                                onFocusPosition={onFocusPosition}
                                 style={{ flex:1, textAlign:'center'}}
                                 placeholder='00000'
                                 transparent

package/src/ProfileManager/Components/PasswordManager.tsx

@@ -5,7 +5,7 @@ import type { PasswordStateProps } from '../api/types';
 import Colors from '../../constants/colors';
 import { ProfileApi, ProfileHelpers } from '../api';
 import { button_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 import { Text, View, Button, TextInput } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
@@ -13,11 +13,12 @@ type PasswordManagerProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
     onNext:() => void,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onClose:() => void,
     onPlayerUpdate:(player:MyPlayerProps) => void
 }
 
-const PasswordManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:PasswordManagerProps) => {
+const PasswordManager = ({ player, walkthrough, onPlayerUpdate, onFocusPosition, onNext, onClose }:PasswordManagerProps) => {
     const C = useColors();
     const [ draft_player, setDraftPlayer ] = useState<MyPlayerProps>(player);
     const [ draft_password, setDraftPassword ] = useState({
@@ -115,6 +116,7 @@ const PasswordManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                     <TextInput
                         value={draft_password.current_password}
                         placeholder='My Current Password'
+                        onFocusPosition={onFocusPosition}
                         secureTextEntry
                         transparent
                         style={{ flex:1 }}
@@ -132,6 +134,7 @@ const PasswordManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                     <TextInput
                         value={draft_password.password}
                         placeholder='Enter Password'
+                        onFocusPosition={onFocusPosition}
                         transparent
                         secureTextEntry
                         style={{ flex:1 }}
@@ -148,6 +151,7 @@ const PasswordManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose
                     <TextInput
                         value={draft_password.re_password}
                         placeholder='Re-Enter Password'
+                        onFocusPosition={onFocusPosition}
                         secureTextEntry
                         transparent
                         style={{ flex:1  }}

package/src/ProfileManager/Components/PhoneManager.tsx

@@ -5,7 +5,7 @@ import { Icons } from '../../Components';
 import Colors from '../../constants/colors';
 import { button_styles } from '../../constants/styles';
 import { ProfileApi, ProfileHelpers } from '../api';
-import type { MyPlayerProps } from '../../types';
+import type { FocusPositionProps, MyPlayerProps } from '../../types';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
@@ -14,11 +14,12 @@ type PhoneManagerProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
     onNext:() => void,
+    onFocusPosition?:(data:FocusPositionProps) => void,
     onClose:() => void,
     onPlayerUpdate:(player:MyPlayerProps) => void
 }
 
-const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:PhoneManagerProps) => {
+const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onFocusPosition, onNext, onClose }:PhoneManagerProps) => {
     const C = useColors();
     const [ loading, setLoading ] = useState(false);
     const [ verify_token, setVerifyToken ] = useState({
@@ -115,6 +116,7 @@ const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:P
                             <TextInput
                                 value={ProfileHelpers.formatPhone(draft_player.phone)}
                                 keyboardType='phone-pad'
+                                onFocusPosition={onFocusPosition}
                                 style={{ flex:1 }}
                                 transparent
                                 onChangeText={(text) => handlePhoneChange(text)}
@@ -190,6 +192,7 @@ const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onNext, onClose }:P
                             <TextInput
                                 value={verify_token.token}
                                 textContentType='oneTimeCode'
+                                onFocusPosition={onFocusPosition}
                                 style={{ flex:1, textAlign:'center'}}
                                 placeholder='00000'
                                 transparent