@everymatrix/player-account-menu 0.0.152 → 0.0.156

package/dist/player-account-menu.js

@@ -4495,7 +4495,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
 
     /* ../general-logout/src/GeneralLogout.svelte generated by Svelte v3.37.0 */
 
-    const { console: console_1 } = globals;
+    const { console: console_1$1 } = globals;
     const file$1 = "../general-logout/src/GeneralLogout.svelte";
 
     // (58:0) {:else}
@@ -4758,7 +4758,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	const writable_props = ["endpoint", "session", "buttonlocation"];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console_1.warn(`<undefined> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console_1$1.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = () => logout();
@@ -4884,26 +4884,32 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     !customElements.get('general-logout') && customElements.define('general-logout', GeneralLogout);
 
     /* src/PlayerAccountMenu.svelte generated by Svelte v3.37.0 */
+
+    const { console: console_1 } = globals;
     const file = "src/PlayerAccountMenu.svelte";
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[18] = list[i];
+    	child_ctx[22] = list[i];
     	return child_ctx;
     }
 
-    // (76:0) {:else}
+    // (97:0) {:else}
     function create_else_block(ctx) {
     	let div2;
     	let div0;
     	let t0;
-    	let p;
+    	let p0;
+    	let t1;
     	let t2;
+    	let p1;
     	let t3;
-    	let div1;
     	let t4;
-    	let if_block0 = /*isMobile*/ ctx[6] && create_if_block_4(ctx);
-    	let if_block1 = /*isMobile*/ ctx[6] && create_if_block_3(ctx);
+    	let t5;
+    	let div1;
+    	let t6;
+    	let if_block0 = /*isMobile*/ ctx[8] && create_if_block_4(ctx);
+    	let if_block1 = /*isMobile*/ ctx[8] && create_if_block_3(ctx);
     	let each_value = /*availableMenuItemsArray*/ ctx[2];
     	validate_each_argument(each_value);
     	let each_blocks = [];
@@ -4912,7 +4918,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
     	}
 
-    	let if_block2 = !/*isMobile*/ ctx[6] && create_if_block_1(ctx);
+    	let if_block2 = !/*isMobile*/ ctx[8] && create_if_block_1(ctx);
 
     	const block = {
     		c: function create() {
@@ -4920,56 +4926,67 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			div0 = element("div");
     			if (if_block0) if_block0.c();
     			t0 = space();
-    			p = element("p");
-    			p.textContent = "Everymatrix";
+    			p0 = element("p");
+    			t1 = text(/*profileUsername*/ ctx[5]);
     			t2 = space();
+    			p1 = element("p");
+    			t3 = text(/*profileEmail*/ ctx[6]);
+    			t4 = space();
     			if (if_block1) if_block1.c();
-    			t3 = space();
+    			t5 = space();
     			div1 = element("div");
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].c();
     			}
 
-    			t4 = space();
+    			t6 = space();
     			if (if_block2) if_block2.c();
-    			attr_dev(p, "class", "PlayerAccountMenuUser");
-    			add_location(p, file, 81, 6, 2807);
+    			attr_dev(p0, "class", "PlayerAccountMenuUser");
+    			add_location(p0, file, 102, 6, 3349);
+    			attr_dev(p1, "class", "PlayerAccountMenuEmail");
+    			add_location(p1, file, 103, 6, 3410);
     			attr_dev(div0, "class", "PlayerAccountMenuHeader");
-    			add_location(div0, file, 77, 4, 2663);
+    			add_location(div0, file, 98, 4, 3205);
     			attr_dev(div1, "class", "PlayerAccountMenuList");
-    			add_location(div1, file, 89, 4, 3136);
+    			add_location(div1, file, 110, 4, 3666);
 
-    			attr_dev(div2, "class", "PlayerAccountMenuContainer " + (/*isMobile*/ ctx[6]
+    			attr_dev(div2, "class", "PlayerAccountMenuContainer " + (/*isMobile*/ ctx[8]
     			? "PlayerAccountMobileContainer"
-    			: "") + " " + (/*mediaQuery*/ ctx[7].matches && /*isMobile*/ ctx[6]
+    			: "") + " " + (/*mediaQuery*/ ctx[9].matches && /*isMobile*/ ctx[8]
     			? "PlayerAccountTabletContainer"
     			: ""));
 
-    			add_location(div2, file, 76, 0, 2498);
+    			add_location(div2, file, 97, 0, 3040);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
     			append_dev(div2, div0);
     			if (if_block0) if_block0.m(div0, null);
     			append_dev(div0, t0);
-    			append_dev(div0, p);
+    			append_dev(div0, p0);
+    			append_dev(p0, t1);
     			append_dev(div0, t2);
+    			append_dev(div0, p1);
+    			append_dev(p1, t3);
+    			append_dev(div0, t4);
     			if (if_block1) if_block1.m(div0, null);
-    			append_dev(div2, t3);
+    			append_dev(div2, t5);
     			append_dev(div2, div1);
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].m(div1, null);
     			}
 
-    			append_dev(div2, t4);
+    			append_dev(div2, t6);
     			if (if_block2) if_block2.m(div2, null);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*isMobile*/ ctx[6]) if_block1.p(ctx, dirty);
+    			if (dirty & /*profileUsername*/ 32) set_data_dev(t1, /*profileUsername*/ ctx[5]);
+    			if (dirty & /*profileEmail*/ 64) set_data_dev(t3, /*profileEmail*/ ctx[6]);
+    			if (/*isMobile*/ ctx[8]) if_block1.p(ctx, dirty);
 
-    			if (dirty & /*selected, availableMenuItemsArray, isMobile, openAccountSection, mediaQuery, switchToDefaultDataSets*/ 476) {
+    			if (dirty & /*selected, availableMenuItemsArray, isMobile, openAccountSection, mediaQuery, switchToDefaultDataSets*/ 1820) {
     				each_value = /*availableMenuItemsArray*/ ctx[2];
     				validate_each_argument(each_value);
     				let i;
@@ -4993,7 +5010,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     				each_blocks.length = each_value.length;
     			}
 
-    			if (!/*isMobile*/ ctx[6]) if_block2.p(ctx, dirty);
+    			if (!/*isMobile*/ ctx[8]) if_block2.p(ctx, dirty);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div2);
@@ -5008,14 +5025,14 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(76:0) {:else}",
+    		source: "(97:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (74:0) {#if isLoading}
+    // (95:0) {#if isLoading}
     function create_if_block(ctx) {
     	let div;
 
@@ -5023,7 +5040,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "ModalLoader");
-    			add_location(div, file, 74, 2, 2458);
+    			add_location(div, file, 95, 2, 3000);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5038,14 +5055,14 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(74:0) {#if isLoading}",
+    		source: "(95:0) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (79:6) {#if isMobile}
+    // (100:6) {#if isMobile}
     function create_if_block_4(ctx) {
     	let h3;
 
@@ -5054,7 +5071,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			h3 = element("h3");
     			h3.textContent = "My Account";
     			attr_dev(h3, "class", "PlayerAccountMenuCategoryTitle");
-    			add_location(h3, file, 79, 8, 2730);
+    			add_location(h3, file, 100, 8, 3272);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h3, anchor);
@@ -5068,14 +5085,14 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(79:6) {#if isMobile}",
+    		source: "(100:6) {#if isMobile}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (84:6) {#if isMobile}
+    // (105:6) {#if isMobile}
     function create_if_block_3(ctx) {
     	let div;
     	let general_logout;
@@ -5087,9 +5104,9 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			set_custom_element_data(general_logout, "endpoint", /*endpoint*/ ctx[1]);
     			set_custom_element_data(general_logout, "session", /*session*/ ctx[0]);
     			set_custom_element_data(general_logout, "buttonlocation", "PlayerAccountMenu");
-    			add_location(general_logout, file, 85, 8, 3006);
+    			add_location(general_logout, file, 106, 8, 3536);
     			attr_dev(div, "class", "PlayerAccountLogOutArea");
-    			add_location(div, file, 84, 6, 2960);
+    			add_location(div, file, 105, 6, 3490);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5113,14 +5130,14 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(84:6) {#if isMobile}",
+    		source: "(105:6) {#if isMobile}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (96:12) {:else}
+    // (117:12) {:else}
     function create_else_block_1(ctx) {
     	let img;
     	let img_src_value;
@@ -5129,18 +5146,18 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		c: function create() {
     			img = element("img");
 
-    			attr_dev(img, "class", "PlayerAccountMenuItemIcon " + (/*isMobile*/ ctx[6]
+    			attr_dev(img, "class", "PlayerAccountMenuItemIcon " + (/*isMobile*/ ctx[8]
     			? "PlayerAccountMenuItemIconMobile"
     			: ""));
 
-    			if (img.src !== (img_src_value = /*menuItem*/ ctx[18].menu_item_icon)) attr_dev(img, "src", img_src_value);
-    			add_location(img, file, 96, 14, 3734);
+    			if (img.src !== (img_src_value = /*menuItem*/ ctx[22].menu_item_icon)) attr_dev(img, "src", img_src_value);
+    			add_location(img, file, 117, 14, 4264);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, img, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*availableMenuItemsArray*/ 4 && img.src !== (img_src_value = /*menuItem*/ ctx[18].menu_item_icon)) {
+    			if (dirty & /*availableMenuItemsArray*/ 4 && img.src !== (img_src_value = /*menuItem*/ ctx[22].menu_item_icon)) {
     				attr_dev(img, "src", img_src_value);
     			}
     		},
@@ -5153,38 +5170,38 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(96:12) {:else}",
+    		source: "(117:12) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (94:12) {#if switchToDefaultDataSets}
+    // (115:12) {#if switchToDefaultDataSets}
     function create_if_block_2(ctx) {
     	let span;
-    	let raw_value = /*menuItem*/ ctx[18].menu_item_icon + "";
+    	let raw_value = /*menuItem*/ ctx[22].menu_item_icon + "";
 
     	const block = {
     		c: function create() {
     			span = element("span");
 
-    			set_style(span, "width", !/*isMobile*/ ctx[6]
+    			set_style(span, "width", !/*isMobile*/ ctx[8]
     			? "20px"
-    			: /*mediaQuery*/ ctx[7].matches ? "80px" : "40px");
+    			: /*mediaQuery*/ ctx[9].matches ? "80px" : "40px");
 
-    			set_style(span, "height", !/*isMobile*/ ctx[6]
+    			set_style(span, "height", !/*isMobile*/ ctx[8]
     			? "20px"
-    			: /*mediaQuery*/ ctx[7].matches ? "80px" : "40px");
+    			: /*mediaQuery*/ ctx[9].matches ? "80px" : "40px");
 
-    			add_location(span, file, 94, 14, 3507);
+    			add_location(span, file, 115, 14, 4037);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
     			span.innerHTML = raw_value;
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*availableMenuItemsArray*/ 4 && raw_value !== (raw_value = /*menuItem*/ ctx[18].menu_item_icon + "")) span.innerHTML = raw_value;		},
+    			if (dirty & /*availableMenuItemsArray*/ 4 && raw_value !== (raw_value = /*menuItem*/ ctx[22].menu_item_icon + "")) span.innerHTML = raw_value;		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(span);
     		}
@@ -5194,20 +5211,20 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(94:12) {#if switchToDefaultDataSets}",
+    		source: "(115:12) {#if switchToDefaultDataSets}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (91:6) {#each availableMenuItemsArray as menuItem}
+    // (112:6) {#each availableMenuItemsArray as menuItem}
     function create_each_block(ctx) {
     	let div;
     	let p;
     	let t0;
     	let span;
-    	let t1_value = /*menuItem*/ ctx[18].title + "";
+    	let t1_value = /*menuItem*/ ctx[22].title + "";
     	let t1;
     	let t2;
     	let div_class_value;
@@ -5223,7 +5240,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	let if_block = current_block_type(ctx);
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[9](/*menuItem*/ ctx[18]);
+    		return /*click_handler*/ ctx[12](/*menuItem*/ ctx[22]);
     	}
 
     	const block = {
@@ -5236,15 +5253,15 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			t1 = text(t1_value);
     			t2 = space();
     			attr_dev(span, "class", "PlayerAccountMenuItemTitle");
-    			add_location(span, file, 98, 12, 3888);
+    			add_location(span, file, 119, 12, 4418);
     			attr_dev(p, "class", "PlayerAccountMenuItemWrapper");
-    			add_location(p, file, 92, 10, 3410);
+    			add_location(p, file, 113, 10, 3940);
 
-    			attr_dev(div, "class", div_class_value = "PlayerAccountMenuItemBox " + (/*selected*/ ctx[3] === /*menuItem*/ ctx[18].ID && !/*isMobile*/ ctx[6]
+    			attr_dev(div, "class", div_class_value = "PlayerAccountMenuItemBox " + (/*selected*/ ctx[3] === /*menuItem*/ ctx[22].ID && !/*isMobile*/ ctx[8]
     			? "PlayerAccountMenuActiveItemBox"
     			: ""));
 
-    			add_location(div, file, 91, 8, 3230);
+    			add_location(div, file, 112, 8, 3760);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5275,9 +5292,9 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     				}
     			}
 
-    			if (dirty & /*availableMenuItemsArray*/ 4 && t1_value !== (t1_value = /*menuItem*/ ctx[18].title + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*availableMenuItemsArray*/ 4 && t1_value !== (t1_value = /*menuItem*/ ctx[22].title + "")) set_data_dev(t1, t1_value);
 
-    			if (dirty & /*selected, availableMenuItemsArray*/ 12 && div_class_value !== (div_class_value = "PlayerAccountMenuItemBox " + (/*selected*/ ctx[3] === /*menuItem*/ ctx[18].ID && !/*isMobile*/ ctx[6]
+    			if (dirty & /*selected, availableMenuItemsArray*/ 12 && div_class_value !== (div_class_value = "PlayerAccountMenuItemBox " + (/*selected*/ ctx[3] === /*menuItem*/ ctx[22].ID && !/*isMobile*/ ctx[8]
     			? "PlayerAccountMenuActiveItemBox"
     			: ""))) {
     				attr_dev(div, "class", div_class_value);
@@ -5295,14 +5312,14 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(91:6) {#each availableMenuItemsArray as menuItem}",
+    		source: "(112:6) {#each availableMenuItemsArray as menuItem}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (104:4) {#if !isMobile}
+    // (125:4) {#if !isMobile}
     function create_if_block_1(ctx) {
     	let div;
     	let general_logout;
@@ -5314,9 +5331,9 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			set_custom_element_data(general_logout, "endpoint", /*endpoint*/ ctx[1]);
     			set_custom_element_data(general_logout, "session", /*session*/ ctx[0]);
     			set_custom_element_data(general_logout, "buttonlocation", "PlayerAccountMenu");
-    			add_location(general_logout, file, 105, 8, 4080);
+    			add_location(general_logout, file, 126, 8, 4610);
     			attr_dev(div, "class", "PlayerAccountLogOutArea");
-    			add_location(div, file, 104, 6, 4034);
+    			add_location(div, file, 125, 6, 4564);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5340,7 +5357,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(104:4) {#if !isMobile}",
+    		source: "(125:4) {#if !isMobile}",
     		ctx
     	});
 
@@ -5351,7 +5368,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[5]) return create_if_block;
+    		if (/*isLoading*/ ctx[7]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -5398,6 +5415,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	validate_slots("undefined", slots, []);
     	let { endpoint = "" } = $$props;
     	let { session = "" } = $$props;
+    	let { playerid = "" } = $$props;
     	let isLoading = false;
     	let availableMenuItemsArray = [];
     	let selected = 0;
@@ -5406,6 +5424,8 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	let defaultMenuItemsArray = [];
     	let switchToDefaultDataSets = true;
     	let sessionId = "";
+    	let profileUsername = "";
+    	let profileEmail = "";
     	const mediaQuery = window.matchMedia("(min-width: 768px)");
 
     	onMount(() => {
@@ -5431,6 +5451,26 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		}
     	};
 
+    	const getPlayerInfo = () => {
+    		let options = {
+    			method: "GET",
+    			headers: {
+    				"playerId": playerid,
+    				"X-SessionID": session
+    			}
+    		};
+
+    		fetch(`${endpoint}/player/${playerid}/profile`, options).then(res => res.json()).then(
+    			data => {
+    				$$invalidate(5, profileUsername = data.username);
+    				$$invalidate(6, profileEmail = data.email);
+    			},
+    			err => {
+    				console.error(err);
+    			}
+    		);
+    	};
+
     	const adjustContentToDevice = () => {
     		defaultMenuItemsArray = [
     			{
@@ -5491,12 +5531,13 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
 
     	const initialLoad = () => {
     		adjustContentToDevice();
+    		getPlayerInfo();
     	};
 
-    	const writable_props = ["endpoint", "session"];
+    	const writable_props = ["endpoint", "session", "playerid"];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console.warn(`<undefined> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console_1.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = menuItem => openAccountSection(menuItem);
@@ -5504,6 +5545,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	$$self.$$set = $$props => {
     		if ("endpoint" in $$props) $$invalidate(1, endpoint = $$props.endpoint);
     		if ("session" in $$props) $$invalidate(0, session = $$props.session);
+    		if ("playerid" in $$props) $$invalidate(11, playerid = $$props.playerid);
     	};
 
     	$$self.$capture_state = () => ({
@@ -5512,6 +5554,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		generalIcon,
     		endpoint,
     		session,
+    		playerid,
     		isLoading,
     		availableMenuItemsArray,
     		selected,
@@ -5520,8 +5563,11 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		defaultMenuItemsArray,
     		switchToDefaultDataSets,
     		sessionId,
+    		profileUsername,
+    		profileEmail,
     		mediaQuery,
     		messageHandler,
+    		getPlayerInfo,
     		adjustContentToDevice,
     		loadMenuItems,
     		openAccountSection,
@@ -5532,14 +5578,17 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	$$self.$inject_state = $$props => {
     		if ("endpoint" in $$props) $$invalidate(1, endpoint = $$props.endpoint);
     		if ("session" in $$props) $$invalidate(0, session = $$props.session);
-    		if ("isLoading" in $$props) $$invalidate(5, isLoading = $$props.isLoading);
+    		if ("playerid" in $$props) $$invalidate(11, playerid = $$props.playerid);
+    		if ("isLoading" in $$props) $$invalidate(7, isLoading = $$props.isLoading);
     		if ("availableMenuItemsArray" in $$props) $$invalidate(2, availableMenuItemsArray = $$props.availableMenuItemsArray);
     		if ("selected" in $$props) $$invalidate(3, selected = $$props.selected);
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
-    		if ("isMobile" in $$props) $$invalidate(6, isMobile = $$props.isMobile);
+    		if ("isMobile" in $$props) $$invalidate(8, isMobile = $$props.isMobile);
     		if ("defaultMenuItemsArray" in $$props) defaultMenuItemsArray = $$props.defaultMenuItemsArray;
     		if ("switchToDefaultDataSets" in $$props) $$invalidate(4, switchToDefaultDataSets = $$props.switchToDefaultDataSets);
     		if ("sessionId" in $$props) sessionId = $$props.sessionId;
+    		if ("profileUsername" in $$props) $$invalidate(5, profileUsername = $$props.profileUsername);
+    		if ("profileEmail" in $$props) $$invalidate(6, profileEmail = $$props.profileEmail);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5547,8 +5596,8 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*endpoint, session*/ 3) {
-    			endpoint && session && initialLoad();
+    		if ($$self.$$.dirty & /*endpoint, session, playerid*/ 2051) {
+    			endpoint && session && playerid && initialLoad();
     		}
     	};
 
@@ -5558,10 +5607,13 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		availableMenuItemsArray,
     		selected,
     		switchToDefaultDataSets,
+    		profileUsername,
+    		profileEmail,
     		isLoading,
     		isMobile,
     		mediaQuery,
     		openAccountSection,
+    		playerid,
     		click_handler
     	];
     }
@@ -5569,7 +5621,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     class PlayerAccountMenu extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>.PlayerAccountMenuContainer{color:#fff;position:relative;height:100vh;display:flex;flex-direction:column}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper{margin:0;word-break:break-all;display:flex;align-items:center}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper span{display:flex;align-items:center}.PlayerAccountMenuHeader{color:#FFF;flex-grow:0;padding:30px 20px}.PlayerAccountMenuHeader .PlayerAccountMenuUser{margin-bottom:5px;font-size:18px}.PlayerAccountMenuHeader p{font-weight:300}.PlayerAccountMenuItemBox{padding:20px;font-size:16px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center;cursor:pointer}.PlayerAccountMenuItemBox .PlayerAccountMenuItemTitle{margin-left:20px}.PlayerAccountMenuItemBox:not(:last-child){border-bottom:1px solid #FFFFFF4A}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:unset;padding-top:unset}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIconMobile{width:40px;padding-top:15px}.PlayerAccountMenuList{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c9c9 #58586B}.PlayerAccountMenuList::-webkit-scrollbar{width:6px}.PlayerAccountMenuList::-webkit-scrollbar-track{background:#58586B}.PlayerAccountMenuList::-webkit-scrollbar-thumb{background:#c9c9c9}.PlayerAccountLogOutArea{background:#58586B;color:#fff;width:100%;flex-grow:0}.PlayerAccountMenuActiveItemBox{background:#07072A;border-bottom:1px solid #07072A}.PlayerAccountMobileContainer{height:unset;color:#07072A}.PlayerAccountMobileContainer .PlayerAccountMenuCategoryTitle{margin-top:0;font-weight:600}.PlayerAccountMobileContainer .PlayerAccountMenuItemTitle{margin-left:0;text-transform:capitalize;line-height:18px}.PlayerAccountMobileContainer .PlayerAccountMenuList{display:grid;grid-template-columns:calc(33% - 6.66px) calc(33% - 6.66px) calc(33% - 6.66px);column-gap:10px;row-gap:10px;padding:0 20px 20px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox{border:1px solid #2F313E;border-radius:5px;height:auto;justify-content:center;padding-bottom:calc(100% - 22px);position:relative}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox.PlayerAccountMenuActiveItemBox{background:#D0046C;border-bottom:1px solid #D0046C}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:40px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{display:flex;align-items:center;justify-content:space-between;flex-flow:column;gap:10px;position:absolute;top:0;bottom:0;left:0;right:0}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:14px;padding:0 5px 15px 5px;font-weight:600;word-break:break-word;text-align:center;color:#FFF}.PlayerAccountMobileContainer .PlayerAccountLogOutArea{position:absolute;right:18px;top:56px;bottom:unset;background:transparent;width:48px}.PlayerAccountTabletContainer .PlayerAccountMenuHeader{padding:30px 40px}.PlayerAccountTabletContainer .PlayerAccountMenuCategoryTitle{font-size:32px}.PlayerAccountTabletContainer .PlayerAccountMenuUser{font-size:26px}.PlayerAccountTabletContainer .PlayerAccountMenuList{column-gap:20px;row-gap:20px;padding:0 40px 40px;grid-template-columns:calc(33% - 11px) calc(33% - 11px) calc(33% - 11px)}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:80px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{gap:28px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:24px}.PlayerAccountTabletContainer .PlayerAccountLogOutArea{right:54px;top:72px}</style>`;
+    		this.shadowRoot.innerHTML = `<style>.PlayerAccountMenuContainer{color:#fff;position:relative;height:100vh;display:flex;flex-direction:column}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper{margin:0;word-break:break-all;display:flex;align-items:center}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper span{display:flex;align-items:center}.PlayerAccountMenuHeader{color:#FFF;flex-grow:0;padding:30px 20px}.PlayerAccountMenuHeader .PlayerAccountMenuUser{margin-bottom:5px;font-size:18px}.PlayerAccountMenuHeader .PlayerAccountMenuEmail{font-size:14px}.PlayerAccountMenuHeader p{font-weight:300}.PlayerAccountMenuItemBox{padding:20px;font-size:16px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center;cursor:pointer}.PlayerAccountMenuItemBox .PlayerAccountMenuItemTitle{margin-left:20px}.PlayerAccountMenuItemBox:not(:last-child){border-bottom:1px solid #FFFFFF4A}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:unset;padding-top:unset}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIconMobile{width:40px;padding-top:15px}.PlayerAccountMenuList{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c9c9 #58586B}.PlayerAccountMenuList::-webkit-scrollbar{width:6px}.PlayerAccountMenuList::-webkit-scrollbar-track{background:#58586B}.PlayerAccountMenuList::-webkit-scrollbar-thumb{background:#c9c9c9}.PlayerAccountLogOutArea{background:#58586B;color:#fff;width:100%;flex-grow:0}.PlayerAccountMenuActiveItemBox{background:#07072A;border-bottom:1px solid #07072A}.PlayerAccountMobileContainer{height:unset;color:#07072A}.PlayerAccountMobileContainer .PlayerAccountMenuCategoryTitle{margin-top:0;font-weight:600}.PlayerAccountMobileContainer .PlayerAccountMenuItemTitle{margin-left:0;text-transform:capitalize;line-height:18px}.PlayerAccountMobileContainer .PlayerAccountMenuEmail{margin:0}.PlayerAccountMobileContainer .PlayerAccountMenuList{display:grid;grid-template-columns:calc(33% - 6.66px) calc(33% - 6.66px) calc(33% - 6.66px);column-gap:10px;row-gap:10px;padding:0 20px 20px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox{border:1px solid #2F313E;border-radius:5px;height:auto;justify-content:center;padding-bottom:calc(100% - 22px);position:relative}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox.PlayerAccountMenuActiveItemBox{background:#D0046C;border-bottom:1px solid #D0046C}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:40px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{display:flex;align-items:center;justify-content:space-between;flex-flow:column;gap:10px;position:absolute;top:0;bottom:0;left:0;right:0}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:14px;padding:0 5px 15px 5px;font-weight:600;word-break:break-word;text-align:center;color:#FFF}.PlayerAccountMobileContainer .PlayerAccountLogOutArea{position:absolute;right:18px;top:56px;bottom:unset;background:transparent;width:48px}.PlayerAccountTabletContainer .PlayerAccountMenuHeader{padding:30px 40px}.PlayerAccountTabletContainer .PlayerAccountMenuCategoryTitle{font-size:32px}.PlayerAccountTabletContainer .PlayerAccountMenuUser{font-size:26px}.PlayerAccountTabletContainer .PlayerAccountMenuEmail{font-size:20px}.PlayerAccountTabletContainer .PlayerAccountMenuList{column-gap:20px;row-gap:20px;padding:0 40px 40px;grid-template-columns:calc(33% - 11px) calc(33% - 11px) calc(33% - 11px)}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:80px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{gap:28px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:24px}.PlayerAccountTabletContainer .PlayerAccountLogOutArea{right:54px;top:72px}</style>`;
 
     		init(
     			this,
@@ -5581,7 +5633,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     			instance,
     			create_fragment,
     			safe_not_equal,
-    			{ endpoint: 1, session: 0 }
+    			{ endpoint: 1, session: 0, playerid: 11 }
     		);
 
     		if (options) {
@@ -5597,7 +5649,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     	}
 
     	static get observedAttributes() {
-    		return ["endpoint", "session"];
+    		return ["endpoint", "session", "playerid"];
     	}
 
     	get endpoint() {
@@ -5617,6 +5669,15 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
     		this.$set({ session });
     		flush();
     	}
+
+    	get playerid() {
+    		return this.$$.ctx[11];
+    	}
+
+    	set playerid(playerid) {
+    		this.$set({ playerid });
+    		flush();
+    	}
     }
 
     !customElements.get('player-account-menu') && customElements.define('player-account-menu', PlayerAccountMenu);