be-components 4.3.0 → 4.3.1

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type BettorVouchProps = {
+    VOUCHED_ID?: string;
+    VOUCHED_CALLBACK_URL: string;
+    VOUCHED_SANDBOX?: boolean;
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+};
+declare const BettorVouch: ({ VOUCHED_CALLBACK_URL, first_name, last_name, email, phone }: BettorVouchProps) => React.JSX.Element;
+export default BettorVouch;
+//# sourceMappingURL=BettorVouch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BettorVouch.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/BettorVouch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACpB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAC,MAAM,CAAC;IACjB,KAAK,EAAC,MAAM,CAAC;IACb,KAAK,EAAC,MAAM,CAAA;CACf,CAAA;AACD,QAAA,MAAM,WAAW,kEAAkE,gBAAgB,sBAyElG,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -18,6 +18,7 @@ type ProfileWizardProps = {
     };
     hidden_groups?: string[];
     hidden_levels?: string[];
+    view_mode?: 'desktop' | 'mobile';
     hidden_steps?: string[];
     init_walkthrough?: {
         level: 'basic' | 'verify';
@@ -37,6 +38,6 @@ type ProfileWizardProps = {
     onPlayerUpdate: (player: MyPlayerProps, attribute?: string) => void;
     onUpdatePlayerSetting: (player_setting: PlayerSettingProps) => void;
 };
-declare const ProfileWizard: ({ player, hide_powered_by, settings, player_settings, insets, 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;
+declare const ProfileWizard: ({ player, view_mode, hide_powered_by, settings, player_settings, insets, 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,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,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAA;IAChE,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,ySAA0S,kBAAkB,sBAmkB9U,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,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAA;IAChE,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,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,oTAAqT,kBAAkB,sBAokBzV,CAAA;AAID,eAAe,aAAa,CAAA"}

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

@@ -3,6 +3,7 @@ import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps,
 type VouchCardProps = {
     player: MyPlayerProps;
     walkthrough?: boolean;
+    view_mode?: 'desktop' | 'mobile';
     insets?: {
         top: number;
         bottom: number;
@@ -20,6 +21,6 @@ type VouchCardProps = {
     onClaimGift: () => void;
     onClose: () => void;
 };
-declare const VouchCard: ({ player, walkthrough, insets, code_details, onVouching, onPlayerUpdate, onClaimGift, onClose }: VouchCardProps) => React.JSX.Element;
+declare const VouchCard: ({ player, view_mode, walkthrough, insets, code_details, onVouching, onPlayerUpdate, onClaimGift, onClose }: VouchCardProps) => React.JSX.Element;
 export default VouchCard;
 //# sourceMappingURL=VouchCard.d.ts.map

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;AAMnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMvH,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,CAAC,EAAC,MAAM,CAAC;QAAC,KAAK,CAAC,EAAC,MAAM,CAAA;KAAE,CAAC;IACnE,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,oGAAoG,cAAc,sBAkRhI,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;AAMnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOvH,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,CAAC,EAAC,MAAM,CAAC;QAAC,KAAK,CAAC,EAAC,MAAM,CAAA;KAAE,CAAC;IACnE,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,+GAA+G,cAAc,sBAwS3I,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -15,6 +15,7 @@ type ProfileOverviewProps = {
     hidden_steps?: string[];
     hidden_levels?: string[];
     onClose: () => void;
+    view_mode?: 'desktop' | 'mobile';
     onFocusPosition?: (data: FocusPositionProps) => void;
     onVouchStart?: () => void;
     onLogout: () => void;
@@ -32,6 +33,6 @@ type ProfileOverviewProps = {
         level: 'verify' | 'basic';
     };
 };
-declare const ProfileManager: ({ profile_attribute, hide_profile_header, insets, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps) => React.JSX.Element;
+declare const ProfileManager: ({ profile_attribute, view_mode, hide_profile_header, insets, 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,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,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAA;IAChE,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,mPAAoP,oBAAoB,sBAkH3R,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,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAA;IAChE,YAAY,CAAC,EAAC,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAC,MAAM,EAAE,CAAC;IACxB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,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,8PAA+P,oBAAoB,sBAmHtS,CAAA;AAED,eAAe,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/CompetitionManager/index.tsx

@@ -397,12 +397,38 @@ const CompetitionManager = ({ player_id, competition_id, onClose, insets }:Compe
             setActionLoading(false)
             return alert('Already added this market!') 
         }
+
+        //Create the new Competition Match
         const new_cm = await ManageCompetitionMatchApi.createCompetitionMatch(competition_id, contest_id, contest_type, market.level, market.market_id);
-        setCompetitionData({
+        console.log('HERE!!!')
+        console.log(market.level);
+        if(market.level == 'event'){
+            //If the level is event - we need to create some events
+            let market_trades = trades.filter(t => t.market_type == 'FOR_MONEY' && t.event_id == contest_id && t.event_type == contest_type && t.market_id == market.market_id)
+            console.log(`market trades are ${market_trades.length}`)
+            let event_cmms:CompetitionMatchMarketProps[] = []
+            market_trades.map(t => {
+                event_cmms.push({ ...ManageCompetitionHelpers.createCompetitionMatchMarketFromTrade(t), competition_match_id: new_cm.competition_match_id })
+            })
+            if(event_cmms.length != 2){ 
+                setActionLoading(false)
+                return alert('Unable to add this market') 
+            }
+            const new_event_cmms = await ManageCompetitionMatchApi.createCompetitionMatchMarkets(event_cmms);
+            console.log('saved event cmms')
+            console.log(new_event_cmms)
+            setActionLoading(false);       
+            return setCompetitionData({
+                ...competition_data,
+                competition_matches: competition_matches.concat(new_cm),
+                competition_match_markets: competition_match_markets.filter(cmms => new_event_cmms.find(ncms => ncms.competition_match_market_id != cmms.competition_match_market_id)).concat(new_event_cmms)
+            })
+        }
+        setActionLoading(false)
+        return setCompetitionData({
             ...competition_data,
             competition_matches: competition_matches.concat(new_cm)
         })
-        setActionLoading(false)
     }
 
 

package/src/ProfileManager/Components/BettorVouch.tsx

@@ -0,0 +1,89 @@
+import React, { useEffect, useRef } from 'react';
+
+type BettorVouchProps = {
+    VOUCHED_ID?:string,
+    VOUCHED_CALLBACK_URL: string,
+    VOUCHED_SANDBOX?:boolean,
+    first_name: string,
+    last_name:string,
+    email:string,
+    phone:string
+}
+const BettorVouch = ({ VOUCHED_CALLBACK_URL, first_name, last_name, email, phone }:BettorVouchProps) => {
+    const id = 'vouched-container';
+    const vouchedRef = useRef();
+
+    useEffect(() => {
+        // Assuming vouched is included via script tag or otherwise loaded
+        if (!window.Vouched || vouchedRef.current) {
+          return;
+        }
+    
+        const instance = window.Vouched({
+          // your configuration
+          verification: {
+            // verify the user's information 
+            firstName: first_name,
+            lastName: last_name,
+            // used for the crosscheck feature
+            email: email,
+            phone: phone,
+            enableIPAddress: true
+          },
+          id: 'camera',
+          face: 'camera',
+          showUploadFirst: false,
+          //token:player_vouch_token?.token,
+          appId: 'Q3tmJ3r9FnkN*n-MqS-!j0NS*k!mdo',
+          //appId: "adqEZph8t*_NBFy6u_l4!t~Hin6kpK", //SANDBOX
+          // your webhook for POST verification processing
+          callbackURL: VOUCHED_CALLBACK_URL,
+          sandbox: false,
+          // mobile handoff
+          crossDevice: true,
+          crossDeviceQRCode: true,
+          includeBackId: true,
+          //includeBarcode:true,
+          cameraScreenLabelBackId: 'Please turn ID over to capture back',
+          onInit: async() => {
+            // If crossDevice is true, a web token is created during initialization 
+            // Your backend will save and associate the token the user.
+            //fetch(`/yourapi/idv?job_token=${job.token}&&user=${user.id}`);
+            //let pvt:PlayerVouchTokenProps = {
+            //    player_vouch_token_id:'', player_id:player.player_id, token, create_datetime:'', last_update_datetime:'', status:'active'
+            //}
+            //await player_saveVouchToken(pvt)
+          },
+          onCamera: () => {
+          },
+          onDone: ()=> {
+          },
+          // theme
+          theme: {
+            name: 'verbose',
+          },
+        });
+
+        vouchedRef.current = instance;
+    
+        instance
+          .mount(`#${id}`)
+          .then(() => {
+          // optionally await mounting, usually not required when using callbacks.
+            console.log('vouched mounted');
+          });
+    
+        return () => {
+          instance.unmount(`#${id}`);
+        };
+      }, []);
+
+
+    return <div style={{ height:'100%' }} id={id} />
+
+    
+}
+
+export default BettorVouch
+
+

package/src/ProfileManager/Components/ProfileWizard.tsx

@@ -32,6 +32,7 @@ type ProfileWizardProps = {
     insets?:{ top:number, bottom:number, left:number, right:number }
     hidden_groups?:string[],
     hidden_levels?:string[],
+    view_mode?:'desktop'|'mobile',
     hidden_steps?:string[],
     init_walkthrough?:{
         level: 'basic'|'verify'
@@ -53,7 +54,7 @@ type ProfileWizardProps = {
 }
 //                        { num:5, check: 'code', label: 'Promo', description: `Lets get you started with some promo bucks!`, complete:false },
 
-const ProfileWizard = ({  player, hide_powered_by, settings, player_settings, insets, onFocusPosition, onRedeemCode, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }:ProfileWizardProps) => {
+const ProfileWizard = ({  player, view_mode, hide_powered_by, settings, player_settings, insets, onFocusPosition, onRedeemCode, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }:ProfileWizardProps) => {
     const C = useColors();
     const [ draft_player, setDraftPlayer ] = useState(player);
     const [ show_code_request, setShowCodeRequest ] = useState(false);
@@ -566,6 +567,7 @@ const ProfileWizard = ({  player, hide_powered_by, settings, player_settings, in
                 <VouchCard
                     player={draft_player}
                     insets={insets}
+                    view_mode={view_mode}
                     onPlayerUpdate={(p) => onPlayerUpdate(p, 'vouched_status')}
                     walkthrough={walkthrough == 'verify' ? true : false}
                     code_details={code_details}

package/src/ProfileManager/Components/VouchCard.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { TouchableOpacity, Image, Modal, Alert, FlatList } from 'react-native';
+import { TouchableOpacity, Image, Modal, Alert, FlatList, Platform } from 'react-native';
 import { Icons } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi, ProfileHelpers } from '../api';
@@ -9,10 +9,12 @@ import { Button, Text, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 import WebView from 'react-native-webview';
 import type { PlayerTokenProps } from '../../Authenticator/api/types';
+import BettorVouch from './BettorVouch';
 
 type VouchCardProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
+    view_mode?:'desktop'|'mobile',
     insets?:{ top:number, bottom:number, left?:number, right?:number },
     onVouching:(active:boolean) => void,
     code_details: {
@@ -26,15 +28,11 @@ type VouchCardProps = {
     onClose:() => void
 }
 const sections = ['header','info','image','disclaimer','code','failed']
-const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPlayerUpdate, onClaimGift, onClose }:VouchCardProps) => {
+const VouchCard = ({ player, view_mode, walkthrough, insets, code_details, onVouching, onPlayerUpdate, onClaimGift, onClose }:VouchCardProps) => {
     const C = useColors();
-    //const [ permission, requestPermission ] = useCameraPermissions();
     const [ vouching, setVouching ] = useState(false);
     const [ vouch_loading, setVouchLoading ] = useState(false);
     const [ player_token, setPlayerToken ] = useState<PlayerTokenProps|undefined>(undefined);
-    //const [ view_height, setViewHeight ] = useState(0);
-    //const [ job_complete, setJobComplete ] = useState(false);
-    //const [ vouched, setVouched ] = useState<any | undefined>(undefined)
     const [ disclaimer_confirmed, setDisclaimerConfirmed ] = useState(false);
     const [ id_disclaimer_confirmed, setIDDisclaimerConfirmed ] = useState(false);
     const [ info_visible, setInfoVisible ] = useState(false);
@@ -42,7 +40,15 @@ const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPl
     const { code_request, promo } = code_details;
     useEffect(() => {
         getPlayerFromServer()
-    },[])
+        if(Platform.OS != 'web'){ return }
+        const script = document.createElement('script');
+        script.src ="https://static.vouched.id/plugin/releases/latest/index.js"
+        script.async = true;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script); // Cleanup on component unmount
+          }
+    },[]);
 
     const getPlayerFromServer = async() => {
         const me = await ProfileApi.getMyDetails();
@@ -75,11 +81,15 @@ const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPl
         if(me.vouched_status != 'unverified'){
             return onPlayerUpdate(me);
         }
-        const player_token = await ProfileApi.getShortToken();
-        if(!player_token){
-            return Alert.alert('Unable to process at this time')
+        if(Platform.OS != 'web'){
+            //Only need to get this if not on web
+            const player_token = await ProfileApi.getShortToken();
+            console.log(player_token)
+            if(!player_token){
+                return Alert.alert('Unable to process at this time')
+            }
+            setPlayerToken(player_token);
         }
-        setPlayerToken(player_token);
         setVouchLoading(false);
         setVouching(true);
     }
@@ -263,10 +273,12 @@ const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPl
             <Modal
                 visible={player?.vouched_status == 'unverified' && vouching && player_token ? true : false}
                 transparent
-                animationType='slide'
+                animationType={view_mode == 'desktop' ? 'fade' : 'slide'}
                 style={{flex:1}}
             >
-                <View type='blur' style={{flex:1, padding:10, paddingBottom:insets?.bottom, paddingTop:insets?.top}}>
+                <View type='blur' style={view_mode == 'desktop'?{ flex:1, justifyContent:'center', alignItems:'center' }:{ flex:1 }}>
+
+                <View style={view_mode == 'desktop'?{ flex:1, width:500, maxHeight:700 }:{flex:1, padding:10, paddingBottom:insets?.bottom, paddingTop:insets?.top}}>
                     <View float style={{flex:1}} >
                         <View type='header' style={{ flexDirection:'row', padding:10, borderTopRightRadius:8, borderTopLeftRadius: 8}}>
                             <View transparent style={{flex:1}}>
@@ -274,18 +286,29 @@ const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPl
                                 <Text style={{marginTop:4}} theme='description'>Use the prompts below to verify.  Please reach out to support if you have any issues.</Text>
                             </View>
                         </View>
-                    {player?.vouched_status == 'unverified' && vouching && player_token ?
-                    <WebView
-                        source={{ uri: `https://verify.mybe.app/vouch/${player_token.token}` }}
-                        geolocationEnabled={true}
-                        mediaPlaybackRequiresUserAction={false}
-                        allowsInlineMediaPlayback
-                        javaScriptEnabled={true}
-                        onMessage={m => {
-                            console.log('received a message!!!!!!')
-                            console.log(m)
-                        }}
-                    />
+                    {player?.vouched_status == 'unverified' && vouching ?
+                    <View style={{ flex:1 }}>
+                    {Platform.OS == 'web' ?
+                        <BettorVouch 
+                            first_name={player.first_name}
+                            last_name={player.last_name}
+                            email={player.email}
+                            phone={player.phone}
+                            VOUCHED_CALLBACK_URL='https://be-auth-svc.herokuapp.com/v1/players/vouch/hook'
+                        
+                        />
+                    : player_token ?
+                        <View style={{flex:1}}>
+                            <WebView
+                                source={{ uri: `https://play.bettoredge.com/account/verify?token=${player_token.token}` }}
+                                geolocationEnabled={true}
+                                mediaPlaybackRequiresUserAction={false}
+                                allowsInlineMediaPlayback
+                                javaScriptEnabled={true}
+                            />
+                        </View>
+                    :<></>}
+                    </View>
                     :<></>}
                     <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
                         <Button
@@ -297,6 +320,7 @@ const VouchCard = ({ player, walkthrough, insets, code_details, onVouching, onPl
                     </View>
                     </View>
                 </View>
+                </View>
             </Modal>
         </View>
     )

package/src/ProfileManager/index.tsx

@@ -18,6 +18,7 @@ type ProfileOverviewProps = {
     hidden_steps?:string[],
     hidden_levels?:string[],
     onClose:() => void,
+    view_mode?:'desktop'|'mobile',
     onFocusPosition?:(data:FocusPositionProps) => void,
     onVouchStart?:() => void,
     onLogout:() => void,
@@ -36,7 +37,7 @@ type ProfileOverviewProps = {
     }
 }
 
-const ProfileManager = ({ profile_attribute, hide_profile_header, insets, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps ) => {
+const ProfileManager = ({ profile_attribute, view_mode, hide_profile_header, insets, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps ) => {
     const [ width, setModuleWidth ] = useState(400);
     const [ loading, setLoading ] = useState(false);
     const [ vouching, setVouching ] = useState(false);
@@ -128,6 +129,7 @@ const ProfileManager = ({ profile_attribute, hide_profile_header, insets, player
                             onRedeemCode={onRedeemCode}
                             settings={settings}
                             insets={insets}
+                            view_mode={view_mode}
                             show_welcome={show_welcome}
                             onFocusPosition={onFocusPosition}
                             hide_powered_by={hide_powered_by}