@everymatrix/player-profile-info 0.0.128 → 0.0.132

package/dist/player-profile-info.js

@@ -4459,11 +4459,11 @@
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[62] = list[i];
+    	child_ctx[64] = list[i];
     	return child_ctx;
     }
 
-    // (11292:0) {:else}
+    // (11300:0) {:else}
     function create_else_block(ctx) {
     	let form;
     	let t0;
@@ -4585,10 +4585,11 @@
     	let div21;
     	let t60;
     	let div21_class_value;
+    	let t61;
     	let mounted;
     	let dispose;
-    	let if_block = /*isMobile*/ ctx[23] && create_if_block_2(ctx);
-    	let each_value = /*prefixesArray*/ ctx[25];
+    	let if_block0 = /*isMobile*/ ctx[24] && create_if_block_3(ctx);
+    	let each_value = /*prefixesArray*/ ctx[26];
     	validate_each_argument(each_value);
     	let each_blocks = [];
 
@@ -4596,10 +4597,12 @@
     		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
     	}
 
+    	let if_block1 = /*showConfirmSave*/ ctx[12] && create_if_block_1(ctx);
+
     	const block = {
     		c: function create() {
     			form = element("form");
-    			if (if_block) if_block.c();
+    			if (if_block0) if_block0.c();
     			t0 = space();
     			div0 = element("div");
     			h30 = element("h3");
@@ -4732,200 +4735,202 @@
     			t59 = space();
     			div21 = element("div");
     			t60 = text("Cancel");
-    			add_location(h30, file, 11307, 4, 328178);
+    			t61 = space();
+    			if (if_block1) if_block1.c();
+    			add_location(h30, file, 11315, 4, 328412);
     			attr_dev(div0, "class", "PlayerDetailsHeader");
-    			add_location(div0, file, 11306, 2, 328140);
-    			add_location(label0, file, 11311, 6, 328292);
+    			add_location(div0, file, 11314, 2, 328374);
+    			add_location(label0, file, 11319, 6, 328526);
     			attr_dev(input0, "type", "text");
     			attr_dev(input0, "class", "FieldDisabled");
-    			input0.value = /*username*/ ctx[21];
+    			input0.value = /*username*/ ctx[22];
     			input0.readOnly = true;
-    			add_location(input0, file, 11312, 6, 328324);
+    			add_location(input0, file, 11320, 6, 328558);
     			attr_dev(div1, "class", "PlayerInfoBox");
-    			add_location(div1, file, 11310, 4, 328258);
-    			add_location(label1, file, 11315, 6, 328443);
-    			if (/*playerPrefix*/ ctx[8] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[36].call(select));
-    			add_location(select, file, 11317, 8, 328511);
+    			add_location(div1, file, 11318, 4, 328492);
+    			add_location(label1, file, 11323, 6, 328677);
+    			if (/*playerPrefix*/ ctx[8] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[37].call(select));
+    			add_location(select, file, 11325, 8, 328745);
     			attr_dev(input1, "type", "text");
     			attr_dev(input1, "oninput", "this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\\..*)\\./g, '$1');");
-    			attr_dev(input1, "placeholder", input1_placeholder_value = /*noPlayerData*/ ctx[0] ? /*mobile*/ ctx[16].number : "");
-    			add_location(input1, file, 11326, 6, 328881);
+    			attr_dev(input1, "placeholder", input1_placeholder_value = /*noPlayerData*/ ctx[0] ? /*mobile*/ ctx[17].number : "");
+    			add_location(input1, file, 11334, 6, 329115);
     			attr_dev(div2, "class", "PlayerPhoneNumber");
-    			add_location(div2, file, 11316, 6, 328471);
+    			add_location(div2, file, 11324, 6, 328705);
     			attr_dev(div3, "class", "PlayerInfoBox");
-    			add_location(div3, file, 11314, 4, 328409);
-    			add_location(label2, file, 11330, 6, 329190);
+    			add_location(div3, file, 11322, 4, 328643);
+    			add_location(label2, file, 11338, 6, 329424);
     			attr_dev(input2, "type", "email");
     			attr_dev(input2, "class", "FieldDisabled");
-    			input2.value = /*email*/ ctx[17];
+    			input2.value = /*email*/ ctx[18];
     			input2.readOnly = true;
-    			add_location(input2, file, 11331, 6, 329218);
+    			add_location(input2, file, 11339, 6, 329452);
     			attr_dev(div4, "class", "PlayerInfoBox");
-    			add_location(div4, file, 11329, 4, 329156);
-    			add_location(label3, file, 11334, 6, 329335);
+    			add_location(div4, file, 11337, 4, 329390);
+    			add_location(label3, file, 11342, 6, 329569);
     			attr_dev(input3, "type", "text");
 
     			attr_dev(input3, "placeholder", input3_placeholder_value = /*noPlayerData*/ ctx[0]
-    			? /*securityQuestion*/ ctx[30]
+    			? /*securityQuestion*/ ctx[31]
     			: "");
 
-    			add_location(input3, file, 11335, 6, 329375);
+    			add_location(input3, file, 11343, 6, 329609);
     			attr_dev(div5, "class", "PlayerInfoBox");
-    			add_location(div5, file, 11333, 4, 329301);
-    			add_location(label4, file, 11338, 6, 329560);
+    			add_location(div5, file, 11341, 4, 329535);
+    			add_location(label4, file, 11346, 6, 329794);
     			attr_dev(input4, "type", "text");
     			attr_dev(input4, "class", "FieldDisabled");
-    			input4.value = /*firstname*/ ctx[18];
+    			input4.value = /*firstname*/ ctx[19];
     			input4.readOnly = true;
-    			add_location(input4, file, 11339, 6, 329593);
+    			add_location(input4, file, 11347, 6, 329827);
     			attr_dev(div6, "class", "PlayerInfoBox");
-    			add_location(div6, file, 11337, 4, 329526);
-    			add_location(label5, file, 11342, 6, 329713);
+    			add_location(div6, file, 11345, 4, 329760);
+    			add_location(label5, file, 11350, 6, 329947);
     			attr_dev(input5, "type", "text");
 
     			attr_dev(input5, "placeholder", input5_placeholder_value = /*noPlayerData*/ ctx[0]
-    			? /*securityAnswer*/ ctx[29]
+    			? /*securityAnswer*/ ctx[30]
     			: "");
 
-    			add_location(input5, file, 11343, 6, 329751);
+    			add_location(input5, file, 11351, 6, 329985);
     			attr_dev(div7, "class", "PlayerInfoBox");
-    			add_location(div7, file, 11341, 4, 329679);
-    			add_location(label6, file, 11346, 6, 329932);
+    			add_location(div7, file, 11349, 4, 329913);
+    			add_location(label6, file, 11354, 6, 330166);
     			attr_dev(input6, "type", "text");
     			attr_dev(input6, "class", "FieldDisabled");
-    			input6.value = /*lastname*/ ctx[20];
+    			input6.value = /*lastname*/ ctx[21];
     			input6.readOnly = true;
-    			add_location(input6, file, 11347, 6, 329964);
+    			add_location(input6, file, 11355, 6, 330198);
     			attr_dev(div8, "class", "PlayerInfoBox");
-    			add_location(div8, file, 11345, 4, 329898);
-    			add_location(label7, file, 11350, 6, 330083);
+    			add_location(div8, file, 11353, 4, 330132);
+    			add_location(label7, file, 11358, 6, 330317);
     			attr_dev(input7, "type", "text");
     			attr_dev(input7, "class", "FieldDisabled");
-    			input7.value = /*birth*/ ctx[13];
+    			input7.value = /*birth*/ ctx[14];
     			input7.readOnly = true;
-    			add_location(input7, file, 11351, 4, 330117);
+    			add_location(input7, file, 11359, 4, 330351);
     			attr_dev(div9, "class", "PlayerInfoBox");
-    			add_location(div9, file, 11349, 4, 330049);
-    			add_location(label8, file, 11354, 6, 330233);
+    			add_location(div9, file, 11357, 4, 330283);
+    			add_location(label8, file, 11362, 6, 330467);
     			attr_dev(input8, "type", "text");
     			attr_dev(input8, "class", "FieldDisabled");
-    			input8.value = /*currency*/ ctx[15];
+    			input8.value = /*currency*/ ctx[16];
     			input8.readOnly = true;
-    			add_location(input8, file, 11355, 6, 330264);
+    			add_location(input8, file, 11363, 6, 330498);
     			attr_dev(div10, "class", "PlayerInfoBox");
-    			add_location(div10, file, 11353, 4, 330199);
-    			add_location(label9, file, 11358, 6, 330383);
+    			add_location(div10, file, 11361, 4, 330433);
+    			add_location(label9, file, 11366, 6, 330617);
     			attr_dev(input9, "type", "text");
     			attr_dev(input9, "class", "FieldDisabled");
-    			input9.value = /*gender*/ ctx[19];
+    			input9.value = /*gender*/ ctx[20];
     			input9.readOnly = true;
-    			add_location(input9, file, 11359, 6, 330412);
+    			add_location(input9, file, 11367, 6, 330646);
     			attr_dev(div11, "class", "PlayerInfoBox");
-    			add_location(div11, file, 11357, 4, 330349);
+    			add_location(div11, file, 11365, 4, 330583);
     			attr_dev(section0, "class", "PlayerDetailsContent");
-    			add_location(section0, file, 11309, 2, 328215);
-    			add_location(h31, file, 11364, 4, 330546);
+    			add_location(section0, file, 11317, 2, 328449);
+    			add_location(h31, file, 11372, 4, 330780);
     			attr_dev(div12, "class", "PlayerLocationHeader");
-    			add_location(div12, file, 11363, 2, 330507);
-    			add_location(label10, file, 11368, 6, 330661);
+    			add_location(div12, file, 11371, 2, 330741);
+    			add_location(label10, file, 11376, 6, 330895);
     			attr_dev(input10, "type", "text");
     			attr_dev(input10, "class", "PlayerCountry FieldDisabled");
-    			attr_dev(input10, "placeholder", /*country*/ ctx[14]);
+    			attr_dev(input10, "placeholder", /*country*/ ctx[15]);
     			input10.value = input10_value_value = /*selectedCountry*/ ctx[11].name;
     			input10.readOnly = true;
-    			add_location(input10, file, 11369, 6, 330691);
+    			add_location(input10, file, 11377, 6, 330925);
     			attr_dev(div13, "class", "PlayerInfoBox");
-    			add_location(div13, file, 11367, 4, 330627);
-    			add_location(label11, file, 11372, 6, 330858);
+    			add_location(div13, file, 11375, 4, 330861);
+    			add_location(label11, file, 11380, 6, 331092);
     			attr_dev(input11, "type", "text");
-    			attr_dev(input11, "placeholder", input11_placeholder_value = /*noPlayerData*/ ctx[0] ? /*city*/ ctx[27] : "");
+    			attr_dev(input11, "placeholder", input11_placeholder_value = /*noPlayerData*/ ctx[0] ? /*city*/ ctx[28] : "");
 
     			input11.value = input11_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].city;
+    			: /*initialValuesArray*/ ctx[13].city;
 
-    			add_location(input11, file, 11373, 4, 330883);
+    			add_location(input11, file, 11381, 4, 331117);
     			attr_dev(div14, "class", "PlayerInfoBox");
-    			add_location(div14, file, 11371, 4, 330824);
-    			add_location(label12, file, 11376, 6, 331103);
-    			attr_dev(input12, "placeholder", /*address1*/ ctx[26]);
+    			add_location(div14, file, 11379, 4, 331058);
+    			add_location(label12, file, 11384, 6, 331337);
+    			attr_dev(input12, "placeholder", /*address1*/ ctx[27]);
     			attr_dev(input12, "type", "text");
 
     			input12.value = input12_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].address;
+    			: /*initialValuesArray*/ ctx[13].address;
 
-    			add_location(input12, file, 11377, 4, 331131);
+    			add_location(input12, file, 11385, 4, 331365);
     			attr_dev(div15, "class", "PlayerInfoBox");
-    			add_location(div15, file, 11375, 4, 331069);
-    			add_location(label13, file, 11380, 6, 331341);
+    			add_location(div15, file, 11383, 4, 331303);
+    			add_location(label13, file, 11388, 6, 331575);
     			attr_dev(input13, "type", "number");
-    			attr_dev(input13, "placeholder", input13_placeholder_value = /*noPlayerData*/ ctx[0] ? /*postalCode*/ ctx[28] : "");
+    			attr_dev(input13, "placeholder", input13_placeholder_value = /*noPlayerData*/ ctx[0] ? /*postalCode*/ ctx[29] : "");
 
     			input13.value = input13_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].postalCode;
+    			: /*initialValuesArray*/ ctx[13].postalCode;
 
-    			add_location(input13, file, 11381, 6, 331375);
+    			add_location(input13, file, 11389, 6, 331609);
     			attr_dev(div16, "class", "PlayerInfoBox");
-    			add_location(div16, file, 11379, 4, 331307);
+    			add_location(div16, file, 11387, 4, 331541);
     			attr_dev(section1, "class", "PlayerLocationContent");
-    			add_location(section1, file, 11366, 2, 330583);
-    			add_location(h32, file, 11386, 4, 331637);
+    			add_location(section1, file, 11374, 2, 330817);
+    			add_location(h32, file, 11394, 4, 331871);
     			attr_dev(div17, "class", "PlayerNotificationsHeader");
-    			add_location(div17, file, 11385, 2, 331593);
+    			add_location(div17, file, 11393, 2, 331827);
     			attr_dev(input14, "type", "checkbox");
     			attr_dev(input14, "id", "SMSNotification");
     			attr_dev(input14, "name", "Enable SMS notifications");
-    			add_location(input14, file, 11391, 8, 331805);
+    			add_location(input14, file, 11399, 8, 332039);
     			attr_dev(span0, "class", "Checkmark");
-    			add_location(span0, file, 11392, 8, 331951);
-    			add_location(span1, file, 11393, 8, 331991);
+    			add_location(span0, file, 11400, 8, 332185);
+    			add_location(span1, file, 11401, 8, 332225);
     			attr_dev(label14, "for", "SMSNotification");
-    			add_location(label14, file, 11390, 6, 331767);
+    			add_location(label14, file, 11398, 6, 332001);
     			attr_dev(div18, "class", "PlayerNotificationBox");
-    			add_location(div18, file, 11389, 4, 331725);
+    			add_location(div18, file, 11397, 4, 331959);
     			attr_dev(input15, "type", "checkbox");
     			attr_dev(input15, "id", "EmailNotification");
     			attr_dev(input15, "name", "Enable Emails");
-    			add_location(input15, file, 11398, 8, 332141);
+    			add_location(input15, file, 11406, 8, 332375);
     			attr_dev(span2, "class", "Checkmark");
-    			add_location(span2, file, 11399, 8, 332279);
-    			add_location(span3, file, 11400, 8, 332319);
+    			add_location(span2, file, 11407, 8, 332513);
+    			add_location(span3, file, 11408, 8, 332553);
     			attr_dev(label15, "for", "EmailNotification");
-    			add_location(label15, file, 11397, 6, 332101);
+    			add_location(label15, file, 11405, 6, 332335);
     			attr_dev(div19, "class", "PlayerNotificationBox");
-    			add_location(div19, file, 11396, 4, 332059);
+    			add_location(div19, file, 11404, 4, 332293);
     			attr_dev(section2, "class", "PlayerNotificationsCheckboxArea");
-    			add_location(section2, file, 11388, 2, 331671);
+    			add_location(section2, file, 11396, 2, 331905);
 
     			attr_dev(div20, "class", div20_class_value = "PlayerDetailsSaveButton " + (/*differencesExist*/ ctx[10]
     			? ""
     			: "PlayerButtonDisabled"));
 
-    			add_location(div20, file, 11405, 4, 332485);
+    			add_location(div20, file, 11413, 4, 332719);
 
     			attr_dev(div21, "class", div21_class_value = "PlayerDetailsCancelButton " + (/*differencesExist*/ ctx[10]
     			? ""
     			: "PlayerButtonDisabled"));
 
-    			add_location(div21, file, 11406, 4, 332630);
+    			add_location(div21, file, 11414, 4, 332864);
 
-    			attr_dev(section3, "class", "PlayerDetailsButtonsArea " + (/*isMobile*/ ctx[23]
+    			attr_dev(section3, "class", "PlayerDetailsButtonsArea " + (/*isMobile*/ ctx[24]
     			? "PlayerDetailsButtonsAreaMobile"
     			: ""));
 
-    			add_location(section3, file, 11404, 2, 332387);
+    			add_location(section3, file, 11412, 2, 332621);
 
-    			attr_dev(form, "class", "PlayerInfoWrapper " + (/*isMobile*/ ctx[23] ? "PlayerInfoWrapperMobile" : "") + " " + (/*mediaQuery*/ ctx[24].matches && /*isMobile*/ ctx[23]
+    			attr_dev(form, "class", "PlayerInfoWrapper " + (/*isMobile*/ ctx[24] ? "PlayerInfoWrapperMobile" : "") + " " + (/*mediaQuery*/ ctx[25].matches && /*isMobile*/ ctx[24]
     			? "PlayerInfoWrapperTablet"
     			: ""));
 
-    			add_location(form, file, 11292, 0, 327231);
+    			add_location(form, file, 11300, 0, 327465);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, form, anchor);
-    			if (if_block) if_block.m(form, null);
+    			if (if_block0) if_block0.m(form, null);
     			append_dev(form, t0);
     			append_dev(form, div0);
     			append_dev(div0, h30);
@@ -5006,19 +5011,19 @@
     			append_dev(div14, label11);
     			append_dev(div14, t40);
     			append_dev(div14, input11);
-    			/*input11_binding*/ ctx[44](input11);
+    			/*input11_binding*/ ctx[45](input11);
     			append_dev(section1, t41);
     			append_dev(section1, div15);
     			append_dev(div15, label12);
     			append_dev(div15, t43);
     			append_dev(div15, input12);
-    			/*input12_binding*/ ctx[46](input12);
+    			/*input12_binding*/ ctx[47](input12);
     			append_dev(section1, t44);
     			append_dev(section1, div16);
     			append_dev(div16, label13);
     			append_dev(div16, t46);
     			append_dev(div16, input13);
-    			/*input13_binding*/ ctx[48](input13);
+    			/*input13_binding*/ ctx[49](input13);
     			append_dev(form, t47);
     			append_dev(form, div17);
     			append_dev(div17, h32);
@@ -5048,40 +5053,42 @@
     			append_dev(section3, t59);
     			append_dev(section3, div21);
     			append_dev(div21, t60);
+    			append_dev(form, t61);
+    			if (if_block1) if_block1.m(form, null);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(select, "change", /*select_change_handler*/ ctx[36]),
-    					listen_dev(select, "change", /*change_handler*/ ctx[37], false, false, false),
-    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[38]),
-    					listen_dev(input1, "keyup", /*keyup_handler*/ ctx[39], false, false, false),
-    					listen_dev(input3, "input", /*input3_input_handler*/ ctx[40]),
-    					listen_dev(input3, "keyup", /*keyup_handler_1*/ ctx[41], false, false, false),
-    					listen_dev(input5, "input", /*input5_input_handler*/ ctx[42]),
-    					listen_dev(input5, "keyup", /*keyup_handler_2*/ ctx[43], false, false, false),
-    					listen_dev(input11, "keyup", /*keyup_handler_3*/ ctx[45], false, false, false),
-    					listen_dev(input12, "keyup", /*keyup_handler_4*/ ctx[47], false, false, false),
-    					listen_dev(input13, "keyup", /*keyup_handler_5*/ ctx[49], false, false, false),
-    					listen_dev(input14, "change", /*input14_change_handler*/ ctx[50]),
-    					listen_dev(input14, "change", /*checkForChanges*/ ctx[33], false, false, false),
-    					listen_dev(input15, "change", /*input15_change_handler*/ ctx[51]),
-    					listen_dev(input15, "change", /*checkForChanges*/ ctx[33], false, false, false),
-    					listen_dev(div20, "click", /*click_handler_1*/ ctx[52], false, false, false),
-    					listen_dev(div21, "click", /*click_handler_2*/ ctx[53], false, false, false)
+    					listen_dev(select, "change", /*select_change_handler*/ ctx[37]),
+    					listen_dev(select, "change", /*change_handler*/ ctx[38], false, false, false),
+    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[39]),
+    					listen_dev(input1, "keyup", /*keyup_handler*/ ctx[40], false, false, false),
+    					listen_dev(input3, "input", /*input3_input_handler*/ ctx[41]),
+    					listen_dev(input3, "keyup", /*keyup_handler_1*/ ctx[42], false, false, false),
+    					listen_dev(input5, "input", /*input5_input_handler*/ ctx[43]),
+    					listen_dev(input5, "keyup", /*keyup_handler_2*/ ctx[44], false, false, false),
+    					listen_dev(input11, "keyup", /*keyup_handler_3*/ ctx[46], false, false, false),
+    					listen_dev(input12, "keyup", /*keyup_handler_4*/ ctx[48], false, false, false),
+    					listen_dev(input13, "keyup", /*keyup_handler_5*/ ctx[50], false, false, false),
+    					listen_dev(input14, "change", /*input14_change_handler*/ ctx[51]),
+    					listen_dev(input14, "change", /*checkForChanges*/ ctx[34], false, false, false),
+    					listen_dev(input15, "change", /*input15_change_handler*/ ctx[52]),
+    					listen_dev(input15, "change", /*checkForChanges*/ ctx[34], false, false, false),
+    					listen_dev(div20, "click", /*click_handler_1*/ ctx[53], false, false, false),
+    					listen_dev(div21, "click", /*click_handler_2*/ ctx[54], false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (/*isMobile*/ ctx[23]) if_block.p(ctx, dirty);
+    			if (/*isMobile*/ ctx[24]) if_block0.p(ctx, dirty);
 
-    			if (dirty[0] & /*username*/ 2097152 && input0.value !== /*username*/ ctx[21]) {
-    				prop_dev(input0, "value", /*username*/ ctx[21]);
+    			if (dirty[0] & /*username*/ 4194304 && input0.value !== /*username*/ ctx[22]) {
+    				prop_dev(input0, "value", /*username*/ ctx[22]);
     			}
 
-    			if (dirty[0] & /*prefixesArray, initialValuesArray*/ 33558528) {
-    				each_value = /*prefixesArray*/ ctx[25];
+    			if (dirty[0] & /*prefixesArray, initialValuesArray*/ 67117056) {
+    				each_value = /*prefixesArray*/ ctx[26];
     				validate_each_argument(each_value);
     				let i;
 
@@ -5104,11 +5111,11 @@
     				each_blocks.length = each_value.length;
     			}
 
-    			if (dirty[0] & /*playerPrefix, prefixesArray*/ 33554688) {
+    			if (dirty[0] & /*playerPrefix, prefixesArray*/ 67109120) {
     				select_option(select, /*playerPrefix*/ ctx[8]);
     			}
 
-    			if (dirty[0] & /*noPlayerData, mobile*/ 65537 && input1_placeholder_value !== (input1_placeholder_value = /*noPlayerData*/ ctx[0] ? /*mobile*/ ctx[16].number : "")) {
+    			if (dirty[0] & /*noPlayerData, mobile*/ 131073 && input1_placeholder_value !== (input1_placeholder_value = /*noPlayerData*/ ctx[0] ? /*mobile*/ ctx[17].number : "")) {
     				attr_dev(input1, "placeholder", input1_placeholder_value);
     			}
 
@@ -5116,12 +5123,12 @@
     				set_input_value(input1, /*playerMobileNumber*/ ctx[9]);
     			}
 
-    			if (dirty[0] & /*email*/ 131072 && input2.value !== /*email*/ ctx[17]) {
-    				prop_dev(input2, "value", /*email*/ ctx[17]);
+    			if (dirty[0] & /*email*/ 262144 && input2.value !== /*email*/ ctx[18]) {
+    				prop_dev(input2, "value", /*email*/ ctx[18]);
     			}
 
     			if (dirty[0] & /*noPlayerData*/ 1 && input3_placeholder_value !== (input3_placeholder_value = /*noPlayerData*/ ctx[0]
-    			? /*securityQuestion*/ ctx[30]
+    			? /*securityQuestion*/ ctx[31]
     			: "")) {
     				attr_dev(input3, "placeholder", input3_placeholder_value);
     			}
@@ -5130,12 +5137,12 @@
     				set_input_value(input3, /*playerQuestion*/ ctx[6]);
     			}
 
-    			if (dirty[0] & /*firstname*/ 262144 && input4.value !== /*firstname*/ ctx[18]) {
-    				prop_dev(input4, "value", /*firstname*/ ctx[18]);
+    			if (dirty[0] & /*firstname*/ 524288 && input4.value !== /*firstname*/ ctx[19]) {
+    				prop_dev(input4, "value", /*firstname*/ ctx[19]);
     			}
 
     			if (dirty[0] & /*noPlayerData*/ 1 && input5_placeholder_value !== (input5_placeholder_value = /*noPlayerData*/ ctx[0]
-    			? /*securityAnswer*/ ctx[29]
+    			? /*securityAnswer*/ ctx[30]
     			: "")) {
     				attr_dev(input5, "placeholder", input5_placeholder_value);
     			}
@@ -5144,53 +5151,53 @@
     				set_input_value(input5, /*playerAnswer*/ ctx[7]);
     			}
 
-    			if (dirty[0] & /*lastname*/ 1048576 && input6.value !== /*lastname*/ ctx[20]) {
-    				prop_dev(input6, "value", /*lastname*/ ctx[20]);
+    			if (dirty[0] & /*lastname*/ 2097152 && input6.value !== /*lastname*/ ctx[21]) {
+    				prop_dev(input6, "value", /*lastname*/ ctx[21]);
     			}
 
-    			if (dirty[0] & /*birth*/ 8192 && input7.value !== /*birth*/ ctx[13]) {
-    				prop_dev(input7, "value", /*birth*/ ctx[13]);
+    			if (dirty[0] & /*birth*/ 16384 && input7.value !== /*birth*/ ctx[14]) {
+    				prop_dev(input7, "value", /*birth*/ ctx[14]);
     			}
 
-    			if (dirty[0] & /*currency*/ 32768 && input8.value !== /*currency*/ ctx[15]) {
-    				prop_dev(input8, "value", /*currency*/ ctx[15]);
+    			if (dirty[0] & /*currency*/ 65536 && input8.value !== /*currency*/ ctx[16]) {
+    				prop_dev(input8, "value", /*currency*/ ctx[16]);
     			}
 
-    			if (dirty[0] & /*gender*/ 524288 && input9.value !== /*gender*/ ctx[19]) {
-    				prop_dev(input9, "value", /*gender*/ ctx[19]);
+    			if (dirty[0] & /*gender*/ 1048576 && input9.value !== /*gender*/ ctx[20]) {
+    				prop_dev(input9, "value", /*gender*/ ctx[20]);
     			}
 
-    			if (dirty[0] & /*country*/ 16384) {
-    				attr_dev(input10, "placeholder", /*country*/ ctx[14]);
+    			if (dirty[0] & /*country*/ 32768) {
+    				attr_dev(input10, "placeholder", /*country*/ ctx[15]);
     			}
 
     			if (dirty[0] & /*selectedCountry*/ 2048 && input10_value_value !== (input10_value_value = /*selectedCountry*/ ctx[11].name) && input10.value !== input10_value_value) {
     				prop_dev(input10, "value", input10_value_value);
     			}
 
-    			if (dirty[0] & /*noPlayerData*/ 1 && input11_placeholder_value !== (input11_placeholder_value = /*noPlayerData*/ ctx[0] ? /*city*/ ctx[27] : "")) {
+    			if (dirty[0] & /*noPlayerData*/ 1 && input11_placeholder_value !== (input11_placeholder_value = /*noPlayerData*/ ctx[0] ? /*city*/ ctx[28] : "")) {
     				attr_dev(input11, "placeholder", input11_placeholder_value);
     			}
 
-    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 4097 && input11_value_value !== (input11_value_value = /*noPlayerData*/ ctx[0]
+    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 8193 && input11_value_value !== (input11_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].city) && input11.value !== input11_value_value) {
+    			: /*initialValuesArray*/ ctx[13].city) && input11.value !== input11_value_value) {
     				prop_dev(input11, "value", input11_value_value);
     			}
 
-    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 4097 && input12_value_value !== (input12_value_value = /*noPlayerData*/ ctx[0]
+    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 8193 && input12_value_value !== (input12_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].address) && input12.value !== input12_value_value) {
+    			: /*initialValuesArray*/ ctx[13].address) && input12.value !== input12_value_value) {
     				prop_dev(input12, "value", input12_value_value);
     			}
 
-    			if (dirty[0] & /*noPlayerData*/ 1 && input13_placeholder_value !== (input13_placeholder_value = /*noPlayerData*/ ctx[0] ? /*postalCode*/ ctx[28] : "")) {
+    			if (dirty[0] & /*noPlayerData*/ 1 && input13_placeholder_value !== (input13_placeholder_value = /*noPlayerData*/ ctx[0] ? /*postalCode*/ ctx[29] : "")) {
     				attr_dev(input13, "placeholder", input13_placeholder_value);
     			}
 
-    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 4097 && input13_value_value !== (input13_value_value = /*noPlayerData*/ ctx[0]
+    			if (dirty[0] & /*noPlayerData, initialValuesArray*/ 8193 && input13_value_value !== (input13_value_value = /*noPlayerData*/ ctx[0]
     			? ""
-    			: /*initialValuesArray*/ ctx[12].postalCode)) {
+    			: /*initialValuesArray*/ ctx[13].postalCode)) {
     				prop_dev(input13, "value", input13_value_value);
     			}
 
@@ -5213,14 +5220,26 @@
     			: "PlayerButtonDisabled"))) {
     				attr_dev(div21, "class", div21_class_value);
     			}
+
+    			if (/*showConfirmSave*/ ctx[12]) {
+    				if (if_block1) ; else {
+    					if_block1 = create_if_block_1(ctx);
+    					if_block1.c();
+    					if_block1.m(form, null);
+    				}
+    			} else if (if_block1) {
+    				if_block1.d(1);
+    				if_block1 = null;
+    			}
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(form);
-    			if (if_block) if_block.d();
+    			if (if_block0) if_block0.d();
     			destroy_each(each_blocks, detaching);
-    			/*input11_binding*/ ctx[44](null);
-    			/*input12_binding*/ ctx[46](null);
-    			/*input13_binding*/ ctx[48](null);
+    			/*input11_binding*/ ctx[45](null);
+    			/*input12_binding*/ ctx[47](null);
+    			/*input13_binding*/ ctx[49](null);
+    			if (if_block1) if_block1.d();
     			mounted = false;
     			run_all(dispose);
     		}
@@ -5230,14 +5249,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(11292:0) {:else}",
+    		source: "(11300:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (11290:0) {#if isLoading}
+    // (11298:0) {#if isLoading}
     function create_if_block(ctx) {
     	let div;
 
@@ -5245,7 +5264,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "ModalLoader");
-    			add_location(div, file, 11290, 2, 327191);
+    			add_location(div, file, 11298, 2, 327425);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5260,15 +5279,15 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(11290:0) {#if isLoading}",
+    		source: "(11298:0) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (11294:2) {#if isMobile}
-    function create_if_block_2(ctx) {
+    // (11302:2) {#if isMobile}
+    function create_if_block_3(ctx) {
     	let div;
     	let svg;
     	let g;
@@ -5289,8 +5308,8 @@
     			span.textContent = "Return to menu";
     			attr_dev(path, "id", "Chevron_Right");
     			attr_dev(path, "d", "M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179\n            l-99.707-99.671l99.695-99.671c4.752-4.74,4.752-12.439,0-17.191c-4.752-4.74-12.463-4.74-17.215,0L57.621,111.816\n            C52.942,116.507,52.942,124.327,57.633,129.007z");
-    			add_location(path, file, 11298, 10, 327750);
-    			add_location(g, file, 11297, 8, 327736);
+    			add_location(path, file, 11306, 10, 327984);
+    			add_location(g, file, 11305, 8, 327970);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "id", "Capa_1");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -5302,10 +5321,10 @@
     			attr_dev(svg, "xml:space", "preserve");
     			attr_dev(svg, "width", "18px");
     			attr_dev(svg, "fill", "#58586B");
-    			add_location(svg, file, 11295, 6, 327464);
-    			add_location(span, file, 11303, 6, 328091);
+    			add_location(svg, file, 11303, 6, 327698);
+    			add_location(span, file, 11311, 6, 328325);
     			attr_dev(div, "class", "MenuReturnButton");
-    			add_location(div, file, 11294, 4, 327395);
+    			add_location(div, file, 11302, 4, 327629);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5316,7 +5335,7 @@
     			append_dev(div, span);
 
     			if (!mounted) {
-    				dispose = listen_dev(div, "click", /*click_handler*/ ctx[35], false, false, false);
+    				dispose = listen_dev(div, "click", /*click_handler*/ ctx[36], false, false, false);
     				mounted = true;
     			}
     		},
@@ -5330,28 +5349,28 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_2.name,
+    		id: create_if_block_3.name,
     		type: "if",
-    		source: "(11294:2) {#if isMobile}",
+    		source: "(11302:2) {#if isMobile}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (11322:12) {:else}
+    // (11330:12) {:else}
     function create_else_block_1(ctx) {
     	let option;
-    	let t_value = /*pref*/ ctx[62].callingCode + "";
+    	let t_value = /*pref*/ ctx[64].callingCode + "";
     	let t;
 
     	const block = {
     		c: function create() {
     			option = element("option");
     			t = text(t_value);
-    			option.__value = /*pref*/ ctx[62].callingCode;
+    			option.__value = /*pref*/ ctx[64].callingCode;
     			option.value = option.__value;
-    			add_location(option, file, 11322, 14, 328785);
+    			add_location(option, file, 11330, 14, 329019);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -5367,17 +5386,17 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(11322:12) {:else}",
+    		source: "(11330:12) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (11320:12) {#if pref.callingCode === initialValuesArray.mobiePrefix}
-    function create_if_block_1(ctx) {
+    // (11328:12) {#if pref.callingCode === initialValuesArray.mobiePrefix}
+    function create_if_block_2(ctx) {
     	let option;
-    	let t_value = /*pref*/ ctx[62].callingCode + "";
+    	let t_value = /*pref*/ ctx[64].callingCode + "";
     	let t;
 
     	const block = {
@@ -5385,9 +5404,9 @@
     			option = element("option");
     			t = text(t_value);
     			option.selected = true;
-    			option.__value = /*pref*/ ctx[62].callingCode;
+    			option.__value = /*pref*/ ctx[64].callingCode;
     			option.value = option.__value;
-    			add_location(option, file, 11320, 14, 328706);
+    			add_location(option, file, 11328, 14, 328940);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -5401,21 +5420,21 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_1.name,
+    		id: create_if_block_2.name,
     		type: "if",
-    		source: "(11320:12) {#if pref.callingCode === initialValuesArray.mobiePrefix}",
+    		source: "(11328:12) {#if pref.callingCode === initialValuesArray.mobiePrefix}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (11319:10) {#each prefixesArray as pref}
+    // (11327:10) {#each prefixesArray as pref}
     function create_each_block(ctx) {
     	let if_block_anchor;
 
     	function select_block_type_1(ctx, dirty) {
-    		if (/*pref*/ ctx[62].callingCode === /*initialValuesArray*/ ctx[12].mobiePrefix) return create_if_block_1;
+    		if (/*pref*/ ctx[64].callingCode === /*initialValuesArray*/ ctx[13].mobiePrefix) return create_if_block_2;
     		return create_else_block_1;
     	}
 
@@ -5454,7 +5473,42 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(11319:10) {#each prefixesArray as pref}",
+    		source: "(11327:10) {#each prefixesArray as pref}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (11417:2) {#if showConfirmSave}
+    function create_if_block_1(ctx) {
+    	let section;
+    	let p;
+
+    	const block = {
+    		c: function create() {
+    			section = element("section");
+    			p = element("p");
+    			p.textContent = "Your changes have been saved!";
+    			attr_dev(p, "class", "PlayerDetailsConfirmSaveText");
+    			add_location(p, file, 11418, 6, 333090);
+    			attr_dev(section, "class", "PlayerDetailsConfirmSave");
+    			add_location(section, file, 11417, 4, 333041);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, section, anchor);
+    			append_dev(section, p);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(section);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_1.name,
+    		type: "if",
+    		source: "(11417:2) {#if showConfirmSave}",
     		ctx
     	});
 
@@ -5465,7 +5519,7 @@
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[22]) return create_if_block;
+    		if (/*isLoading*/ ctx[23]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -5523,6 +5577,7 @@
     	let playerMobileNumber = "";
     	let differencesExist = false;
     	let selectedCountry = { name: "", code: "" };
+    	let showConfirmSave = false;
     	const mediaQuery = window.matchMedia("(min-width: 768px)");
 
     	// mock prefixes array
@@ -17960,17 +18015,17 @@
     						profileDetails = e.data.profileDetails;
 
     						// readonly field values
-    						$$invalidate(21, username = profileDetails.username);
+    						$$invalidate(22, username = profileDetails.username);
 
-    						$$invalidate(16, mobile = profileDetails.mobile);
-    						$$invalidate(17, email = profileDetails.email);
-    						$$invalidate(18, firstname = profileDetails.firstname);
-    						$$invalidate(20, lastname = profileDetails.lastname);
+    						$$invalidate(17, mobile = profileDetails.mobile);
+    						$$invalidate(18, email = profileDetails.email);
+    						$$invalidate(19, firstname = profileDetails.firstname);
+    						$$invalidate(21, lastname = profileDetails.lastname);
     						language = profileDetails.language;
-    						$$invalidate(13, birth = profileDetails.birth.day + "/" + profileDetails.birth.month + "/" + profileDetails.birth.year);
-    						$$invalidate(15, currency = profileDetails.currency);
-    						$$invalidate(19, gender = profileDetails.gender);
-    						$$invalidate(14, country = profileDetails.country);
+    						$$invalidate(14, birth = profileDetails.birth.day + "/" + profileDetails.birth.month + "/" + profileDetails.birth.year);
+    						$$invalidate(16, currency = profileDetails.currency);
+    						$$invalidate(20, gender = profileDetails.gender);
+    						$$invalidate(15, country = profileDetails.country);
 
     						// match country code to country name
     						$$invalidate(11, selectedCountry = countriesArray.find(country => country.code === profileDetails.country));
@@ -17985,7 +18040,7 @@
     						$$invalidate(9, playerMobileNumber = profileDetails.mobile.number);
 
     						// set values for the initial editable values object
-    						$$invalidate(12, initialValuesArray = {
+    						$$invalidate(13, initialValuesArray = {
     							address: profileDetails.address1,
     							city: profileDetails.city,
     							acceptNewsEmail: profileDetails.consents.acceptNewsEmail,
@@ -17998,23 +18053,37 @@
     						});
     					}
     					break;
-    				case "DisableProfileInfoButtons":
+    				case "ConfirmProfileInfoSave":
     					$$invalidate(10, differencesExist = false);
+    					showConfirmMessage();
     					break;
     			}
     		}
     	};
 
-    	const updatePlayerInfo = () => {
-    		window.postMessage(
-    			{
-    				type: "UpdatePlayerInfo",
-    				provisionalArray
+    	const showConfirmMessage = () => {
+    		$$invalidate(12, showConfirmSave = true);
+
+    		setTimeout(
+    			() => {
+    				$$invalidate(12, showConfirmSave = false);
     			},
-    			window.location.href
+    			3000
     		);
     	};
 
+    	const updatePlayerInfo = () => {
+    		if (differencesExist == true) {
+    			window.postMessage(
+    				{
+    					type: "UpdatePlayerInfo",
+    					provisionalArray
+    				},
+    				window.location.href
+    			);
+    		}
+    	};
+
     	const toggleScreen = () => {
     		window.postMessage({ type: "ReturnToMenu" }, window.location.href);
     	};
@@ -18077,7 +18146,7 @@
     	function select_change_handler() {
     		playerPrefix = select_value(this);
     		$$invalidate(8, playerPrefix);
-    		$$invalidate(25, prefixesArray);
+    		$$invalidate(26, prefixesArray);
     	}
 
     	const change_handler = () => checkForChanges();
@@ -18161,6 +18230,7 @@
     		playerMobileNumber,
     		differencesExist,
     		selectedCountry,
+    		showConfirmSave,
     		mediaQuery,
     		prefixesArray,
     		countriesArray,
@@ -18184,6 +18254,7 @@
     		username,
     		consents,
     		messageHandler,
+    		showConfirmMessage,
     		updatePlayerInfo,
     		toggleScreen,
     		checkForChanges,
@@ -18192,9 +18263,9 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("isLoading" in $$props) $$invalidate(22, isLoading = $$props.isLoading);
+    		if ("isLoading" in $$props) $$invalidate(23, isLoading = $$props.isLoading);
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
-    		if ("isMobile" in $$props) $$invalidate(23, isMobile = $$props.isMobile);
+    		if ("isMobile" in $$props) $$invalidate(24, isMobile = $$props.isMobile);
     		if ("noPlayerData" in $$props) $$invalidate(0, noPlayerData = $$props.noPlayerData);
     		if ("playerPostalCode" in $$props) $$invalidate(1, playerPostalCode = $$props.playerPostalCode);
     		if ("playerAddress" in $$props) $$invalidate(2, playerAddress = $$props.playerAddress);
@@ -18207,24 +18278,25 @@
     		if ("playerMobileNumber" in $$props) $$invalidate(9, playerMobileNumber = $$props.playerMobileNumber);
     		if ("differencesExist" in $$props) $$invalidate(10, differencesExist = $$props.differencesExist);
     		if ("selectedCountry" in $$props) $$invalidate(11, selectedCountry = $$props.selectedCountry);
+    		if ("showConfirmSave" in $$props) $$invalidate(12, showConfirmSave = $$props.showConfirmSave);
     		if ("provisionalArray" in $$props) provisionalArray = $$props.provisionalArray;
-    		if ("initialValuesArray" in $$props) $$invalidate(12, initialValuesArray = $$props.initialValuesArray);
+    		if ("initialValuesArray" in $$props) $$invalidate(13, initialValuesArray = $$props.initialValuesArray);
     		if ("profileDetails" in $$props) profileDetails = $$props.profileDetails;
-    		if ("address1" in $$props) $$invalidate(26, address1 = $$props.address1);
-    		if ("birth" in $$props) $$invalidate(13, birth = $$props.birth);
-    		if ("city" in $$props) $$invalidate(27, city = $$props.city);
-    		if ("country" in $$props) $$invalidate(14, country = $$props.country);
-    		if ("currency" in $$props) $$invalidate(15, currency = $$props.currency);
-    		if ("mobile" in $$props) $$invalidate(16, mobile = $$props.mobile);
-    		if ("email" in $$props) $$invalidate(17, email = $$props.email);
-    		if ("firstname" in $$props) $$invalidate(18, firstname = $$props.firstname);
-    		if ("gender" in $$props) $$invalidate(19, gender = $$props.gender);
+    		if ("address1" in $$props) $$invalidate(27, address1 = $$props.address1);
+    		if ("birth" in $$props) $$invalidate(14, birth = $$props.birth);
+    		if ("city" in $$props) $$invalidate(28, city = $$props.city);
+    		if ("country" in $$props) $$invalidate(15, country = $$props.country);
+    		if ("currency" in $$props) $$invalidate(16, currency = $$props.currency);
+    		if ("mobile" in $$props) $$invalidate(17, mobile = $$props.mobile);
+    		if ("email" in $$props) $$invalidate(18, email = $$props.email);
+    		if ("firstname" in $$props) $$invalidate(19, firstname = $$props.firstname);
+    		if ("gender" in $$props) $$invalidate(20, gender = $$props.gender);
     		if ("language" in $$props) language = $$props.language;
-    		if ("lastname" in $$props) $$invalidate(20, lastname = $$props.lastname);
-    		if ("postalCode" in $$props) $$invalidate(28, postalCode = $$props.postalCode);
-    		if ("securityAnswer" in $$props) $$invalidate(29, securityAnswer = $$props.securityAnswer);
-    		if ("securityQuestion" in $$props) $$invalidate(30, securityQuestion = $$props.securityQuestion);
-    		if ("username" in $$props) $$invalidate(21, username = $$props.username);
+    		if ("lastname" in $$props) $$invalidate(21, lastname = $$props.lastname);
+    		if ("postalCode" in $$props) $$invalidate(29, postalCode = $$props.postalCode);
+    		if ("securityAnswer" in $$props) $$invalidate(30, securityAnswer = $$props.securityAnswer);
+    		if ("securityQuestion" in $$props) $$invalidate(31, securityQuestion = $$props.securityQuestion);
+    		if ("username" in $$props) $$invalidate(22, username = $$props.username);
     		if ("consents" in $$props) consents = $$props.consents;
     	};
 
@@ -18245,6 +18317,7 @@
     		playerMobileNumber,
     		differencesExist,
     		selectedCountry,
+    		showConfirmSave,
     		initialValuesArray,
     		birth,
     		country,
@@ -18293,7 +18366,7 @@
     class PlayerProfileInfo extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>.PlayerInfoWrapper{color:#07072A;padding:50px;max-width:760px}.PlayerNotificationsHeader h3,.PlayerDetailsHeader h3,.PlayerLocationHeader h3{font-size:24px;font-weight:300;text-transform:capitalize}.PlayerDetailsContent{display:grid;grid-column-gap:50px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr;padding-bottom:30px}.MenuReturnButton{color:#58586B;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.PlayerInfoBox{display:flex;flex-direction:column}.PlayerInfoBox label{font-size:14px;font-weight:300;margin-bottom:10px}.PlayerInfoBox input{font-size:14px;font-weight:300;color:#07072A;padding:10px;line-height:16px;background:transparent;border:1px solid #58586B;border-radius:5px;outline:none;transition-duration:0.3s}.PlayerInfoBox input:focus,.PlayerInfoBox input :focus-within,.PlayerInfoBox input :focus-visible,.PlayerInfoBox input :visited{border:1px solid #D0046C;box-shadow:0 0 0 1pt #D0046C}.PlayerInfoBox .FieldDisabled{color:#58586B}.PlayerInfoBox .PlayerPhoneNumber{display:grid;grid-template-columns:1fr 5fr;column-gap:10px;position:relative}.PlayerInfoBox select{font-size:14px;font-weight:300;padding:10px;color:#07072A;background:transparent;border:1px solid #58586B;border-radius:5px;outline:none;transition-duration:0.3s}.PlayerInfoBox select:focus,.PlayerInfoBox select :focus-within,.PlayerInfoBox select :focus-visible,.PlayerInfoBox select :visited{border:1px solid #D0046C;box-shadow:0 0 0 1pt #D0046C}.PlayerInfoBox input::-webkit-outer-spin-button,.PlayerInfoBox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PlayerInfoBox input[type=number]{-moz-appearance:textfield}.PlayerLocationContent{display:grid;grid-column-gap:50px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr;padding-bottom:30px}.PlayerNotificationBox:first-child{margin-bottom:10px}.PlayerNotificationBox label{display:inline-flex;position:relative;align-items:center}.PlayerNotificationBox label span{font-size:14px;font-weight:300}.PlayerNotificationBox label input{height:20px;width:20px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border-radius:50px;outline:none;transition-duration:0.3s;background-color:#D1D1D1;cursor:pointer;margin-right:10px}.PlayerNotificationBox label input:checked{background-color:#D0046C}.PlayerNotificationBox label .Checkmark{left:11px;top:7px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute}.PlayerDetailsButtonsArea{display:grid;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:2fr 1fr;margin-top:20px;width:50%}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton,.PlayerDetailsButtonsArea .PlayerDetailsCancelButton{cursor:pointer;border-radius:5px;width:100%;height:60px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#07072A;text-transform:uppercase;transition-duration:0.3s;box-sizing:border-box}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton{background:#D0046C;border:1px solid #D0046C;color:#fff}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton.PlayerButtonDisabled{background:transparent;border:1px solid #58586B;cursor:not-allowed;color:#07072A;opacity:0.6}.PlayerDetailsButtonsArea .PlayerDetailsCancelButton{background:transparent;border:1px solid #58586B}.PlayerDetailsButtonsArea .PlayerDetailsCancelButton.PlayerButtonDisabled{background:transparent;border:1px solid #58586B;cursor:not-allowed;opacity:0.6}.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile{width:100%;grid-template-columns:1fr 1fr}.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile .PlayerDetailsSaveButton,.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile .PlayerDetailsCancelButton{height:40px;font-size:12px}.PlayerNotificationsCheckboxArea{padding-bottom:30px}.PlayerInfoWrapperMobile{padding:20px 15px;background:#fff;max-width:unset}.PlayerInfoWrapperMobile .PlayerDetailsContent{grid-template-columns:1fr}.PlayerInfoWrapperMobile .PlayerNotificationsHeader h3,.PlayerInfoWrapperMobile .PlayerDetailsHeader h3,.PlayerInfoWrapperMobile .PlayerLocationHeader h3{color:#D0046C;font-size:14px;font-weight:400}.PlayerInfoWrapperMobile .PlayerInfoBox label{color:#58586B;font-size:12px;font-weight:400}.PlayerInfoWrapperMobile .PlayerInfoBox input{color:#58586B;font-size:12px;font-weight:300}.PlayerInfoWrapperMobile .PlayerInfoBox select{color:#58586B}.PlayerInfoWrapperMobile .PlayerLocationContent{grid-template-columns:1fr}.PlayerInfoWrapperMobile .PlayerNotificationsCheckboxArea .PlayerNotificationBox label{color:#07072A;font-size:12px;font-weight:300}.PlayerInfoWrapperMobile .PlayerDetailsButtonsArea{grid-column-gap:10px}.PlayerInfoWrapperMobile .PlayerDetailsSaveButton,.PlayerInfoWrapperMobile .PlayerDetailsCancelButton{font-size:12px;height:40px;color:#fff}.PlayerInfoWrapperMobile .PlayerDetailsSaveButton.PlayerButtonDisabled,.PlayerInfoWrapperMobile .PlayerDetailsCancelButton.PlayerButtonDisabled{color:#58586B}.PlayerInfoWrapperMobile .PlayerDetailsCancelButton{color:#58586B}.PlayerInfoWrapperTablet{padding:40px 25% 40px 25%}.PlayerInfoWrapperTablet .PlayerDetailsContent{grid-row-gap:20px}.PlayerInfoWrapperTablet .MenuReturnButton{margin-bottom:30px}.PlayerInfoWrapperTablet .MenuReturnButton span{font-size:20px}.PlayerInfoWrapperTablet .PlayerDetailsHeader h3,.PlayerInfoWrapperTablet .PlayerLocationHeader h3,.PlayerInfoWrapperTablet .PlayerNotificationsHeader h3{font-size:24px}.PlayerInfoWrapperTablet .PlayerInfoBox label{font-size:20px}.PlayerInfoWrapperTablet .PlayerInfoBox input{height:30px;font-size:20px;line-height:30px}.PlayerInfoWrapperTablet .PlayerInfoBox select{font-size:20px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea{grid-column-gap:40px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton,.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsCancelButton{font-size:20px;height:56px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton{color:#fff}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton.PlayerButtonDisabled{color:#58586B}.PlayerInfoWrapperTablet .PlayerNotificationBox label span{font-size:20px}.PlayerInfoWrapperTablet .PlayerNotificationBox label input{height:26px;width:26px}.PlayerInfoWrapperTablet .PlayerNotificationBox label .Checkmark{left:50px;top:9px}</style>`;
+    		this.shadowRoot.innerHTML = `<style>.PlayerInfoWrapper{color:#07072A;padding:50px;max-width:760px}.PlayerNotificationsHeader h3,.PlayerDetailsHeader h3,.PlayerLocationHeader h3{font-size:24px;font-weight:300;text-transform:capitalize}.PlayerDetailsContent{display:grid;grid-column-gap:50px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr;padding-bottom:30px}.MenuReturnButton{color:#58586B;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.PlayerInfoBox{display:flex;flex-direction:column}.PlayerInfoBox label{font-size:14px;font-weight:300;margin-bottom:10px}.PlayerInfoBox input{font-size:14px;font-weight:300;color:#07072A;padding:10px;line-height:16px;background:transparent;border:1px solid #58586B;border-radius:5px;outline:none;transition-duration:0.3s}.PlayerInfoBox input:focus,.PlayerInfoBox input :focus-within,.PlayerInfoBox input :focus-visible,.PlayerInfoBox input :visited{border:1px solid #D0046C;box-shadow:0 0 0 1pt #D0046C}.PlayerInfoBox .FieldDisabled{color:#58586B}.PlayerInfoBox .PlayerPhoneNumber{display:grid;grid-template-columns:1fr 5fr;column-gap:10px;position:relative}.PlayerInfoBox select{font-size:14px;font-weight:300;padding:10px;color:#07072A;background:transparent;border:1px solid #58586B;border-radius:5px;outline:none;transition-duration:0.3s}.PlayerInfoBox select:focus,.PlayerInfoBox select :focus-within,.PlayerInfoBox select :focus-visible,.PlayerInfoBox select :visited{border:1px solid #D0046C;box-shadow:0 0 0 1pt #D0046C}.PlayerInfoBox input::-webkit-outer-spin-button,.PlayerInfoBox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PlayerInfoBox input[type=number]{-moz-appearance:textfield}.PlayerLocationContent{display:grid;grid-column-gap:50px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr;padding-bottom:30px}.PlayerNotificationBox:first-child{margin-bottom:10px}.PlayerNotificationBox label{display:inline-flex;position:relative;align-items:center}.PlayerNotificationBox label span{font-size:14px;font-weight:300}.PlayerNotificationBox label input{height:20px;width:20px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border-radius:50px;outline:none;transition-duration:0.3s;background-color:#D1D1D1;cursor:pointer;margin-right:10px}.PlayerNotificationBox label input:checked{background-color:#D0046C}.PlayerNotificationBox label .Checkmark{left:11px;top:7px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute}.PlayerDetailsButtonsArea{display:grid;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:2fr 1fr;margin-top:20px;width:50%}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton,.PlayerDetailsButtonsArea .PlayerDetailsCancelButton{cursor:pointer;border-radius:5px;width:100%;height:60px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#07072A;text-transform:uppercase;transition-duration:0.3s;box-sizing:border-box}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton{background:#D0046C;border:1px solid #D0046C;color:#fff}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton:active{background:#9e0352}.PlayerDetailsButtonsArea .PlayerDetailsSaveButton.PlayerButtonDisabled{background:transparent;border:1px solid #58586B;cursor:not-allowed;color:#07072A;opacity:0.6}.PlayerDetailsButtonsArea .PlayerDetailsCancelButton{background:transparent;border:1px solid #58586B}.PlayerDetailsButtonsArea .PlayerDetailsCancelButton:active{background:#e6e6e6}.PlayerDetailsButtonsArea .PlayerDetailsCancelButton.PlayerButtonDisabled{background:transparent;border:1px solid #58586B;cursor:not-allowed;opacity:0.6}.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile{width:100%;grid-template-columns:1fr 1fr}.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile .PlayerDetailsSaveButton,.PlayerDetailsButtonsArea.PlayerDetailsButtonsAreaMobile .PlayerDetailsCancelButton{height:40px;font-size:12px}.PlayerNotificationsCheckboxArea{padding-bottom:30px}.PlayerInfoWrapperMobile{padding:20px 15px;background:#fff;max-width:unset}.PlayerInfoWrapperMobile .PlayerDetailsContent{grid-template-columns:1fr}.PlayerInfoWrapperMobile .PlayerNotificationsHeader h3,.PlayerInfoWrapperMobile .PlayerDetailsHeader h3,.PlayerInfoWrapperMobile .PlayerLocationHeader h3{color:#D0046C;font-size:14px;font-weight:400}.PlayerInfoWrapperMobile .PlayerInfoBox label{color:#58586B;font-size:12px;font-weight:400}.PlayerInfoWrapperMobile .PlayerInfoBox input{color:#58586B;font-size:12px;font-weight:300}.PlayerInfoWrapperMobile .PlayerInfoBox select{color:#58586B}.PlayerInfoWrapperMobile .PlayerLocationContent{grid-template-columns:1fr}.PlayerInfoWrapperMobile .PlayerNotificationsCheckboxArea .PlayerNotificationBox label{color:#07072A;font-size:12px;font-weight:300}.PlayerInfoWrapperMobile .PlayerDetailsButtonsArea{grid-column-gap:10px}.PlayerInfoWrapperMobile .PlayerDetailsSaveButton,.PlayerInfoWrapperMobile .PlayerDetailsCancelButton{font-size:12px;height:40px;color:#fff}.PlayerInfoWrapperMobile .PlayerDetailsSaveButton.PlayerButtonDisabled,.PlayerInfoWrapperMobile .PlayerDetailsCancelButton.PlayerButtonDisabled{color:#58586B}.PlayerInfoWrapperMobile .PlayerDetailsCancelButton{color:#58586B}.PlayerInfoWrapperTablet{padding:40px 25% 40px 25%}.PlayerInfoWrapperTablet .PlayerDetailsContent{grid-row-gap:20px}.PlayerInfoWrapperTablet .MenuReturnButton{margin-bottom:30px}.PlayerInfoWrapperTablet .MenuReturnButton span{font-size:20px}.PlayerInfoWrapperTablet .PlayerDetailsHeader h3,.PlayerInfoWrapperTablet .PlayerLocationHeader h3,.PlayerInfoWrapperTablet .PlayerNotificationsHeader h3{font-size:24px}.PlayerInfoWrapperTablet .PlayerInfoBox label{font-size:20px}.PlayerInfoWrapperTablet .PlayerInfoBox input{height:30px;font-size:20px;line-height:30px}.PlayerInfoWrapperTablet .PlayerInfoBox select{font-size:20px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea{grid-column-gap:40px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton,.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsCancelButton{font-size:20px;height:56px}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton{color:#fff}.PlayerInfoWrapperTablet .PlayerDetailsButtonsArea .PlayerDetailsSaveButton.PlayerButtonDisabled{color:#58586B}.PlayerInfoWrapperTablet .PlayerNotificationBox label span{font-size:20px}.PlayerInfoWrapperTablet .PlayerNotificationBox label input{height:26px;width:26px}.PlayerInfoWrapperTablet .PlayerNotificationBox label .Checkmark{left:50px;top:9px}.PlayerDetailsConfirmSave{background:#0cdc13;color:#fff;padding:16px;border-radius:5px;margin-top:16px}.PlayerDetailsConfirmSave .PlayerDetailsConfirmSaveText{padding:0;margin:0}</style>`;
 
     		init(
     			this,