@everymatrix/general-player-login-form 0.0.118 → 0.0.122

package/dist/general-player-login-form.js

@@ -4425,10 +4425,10 @@
     /* src/GeneralPlayerLoginForm.svelte generated by Svelte v3.37.0 */
     const file = "src/GeneralPlayerLoginForm.svelte";
 
-    // (127:0) {:else}
+    // (133:0) {:else}
     function create_else_block(ctx) {
-    	let div7;
-    	let div6;
+    	let div5;
+    	let div4;
     	let div0;
     	let h4;
     	let t1;
@@ -4436,7 +4436,7 @@
     	let t2;
     	let span0;
     	let t4;
-    	let div5;
+    	let div3;
     	let div1;
     	let label0;
     	let t5;
@@ -4456,34 +4456,31 @@
     	let t14;
     	let div2_class_value;
     	let t15;
-    	let div4;
-    	let div3;
     	let t16;
-    	let t17;
     	let button0;
-    	let t19;
+    	let t18;
     	let button1;
-    	let t21;
-    	let div7_class_value;
+    	let t20;
+    	let div5_class_value;
     	let mounted;
     	let dispose;
     	let if_block0 = /*invalidName*/ ctx[3] && create_if_block_5(ctx);
 
     	function select_block_type_1(ctx, dirty) {
-    		if (/*isPasswordVisible*/ ctx[9]) return create_if_block_4;
+    		if (/*isPasswordVisible*/ ctx[8]) return create_if_block_4;
     		return create_else_block_1;
     	}
 
     	let current_block_type = select_block_type_1(ctx);
     	let if_block1 = current_block_type(ctx);
     	let if_block2 = /*invalidPassword*/ ctx[4] && create_if_block_3(ctx);
-    	let if_block3 = /*errorMessage*/ ctx[6] && create_if_block_2(ctx);
+    	let if_block3 = /*errorMessage*/ ctx[5] && create_if_block_2(ctx);
     	let if_block4 = !/*mobileView*/ ctx[0] && create_if_block_1(ctx);
 
     	const block = {
     		c: function create() {
-    			div7 = element("div");
-    			div6 = element("div");
+    			div5 = element("div");
+    			div4 = element("div");
     			div0 = element("div");
     			h4 = element("h4");
     			h4.textContent = "Welcome";
@@ -4493,7 +4490,7 @@
     			span0 = element("span");
     			span0.textContent = "Register now";
     			t4 = space();
-    			div5 = element("div");
+    			div3 = element("div");
     			div1 = element("div");
     			label0 = element("label");
     			t5 = text("Username or Email:");
@@ -4516,72 +4513,64 @@
     			t14 = space();
     			if (if_block2) if_block2.c();
     			t15 = space();
-    			div4 = element("div");
-    			div3 = element("div");
-    			t16 = space();
     			if (if_block3) if_block3.c();
-    			t17 = space();
+    			t16 = space();
     			button0 = element("button");
     			button0.textContent = "Sign In";
-    			t19 = space();
+    			t18 = space();
     			button1 = element("button");
     			button1.textContent = "I forgot my password";
-    			t21 = space();
+    			t20 = space();
     			if (if_block4) if_block4.c();
     			attr_dev(h4, "class", "FormHeaderTitle");
-    			add_location(h4, file, 131, 8, 4205);
+    			add_location(h4, file, 136, 8, 4462);
     			attr_dev(span0, "class", "FormRegisterCallToAction");
-    			add_location(span0, file, 132, 65, 4311);
+    			add_location(span0, file, 137, 65, 4568);
     			attr_dev(p, "class", "FormHeaderSubtitle");
-    			add_location(p, file, 132, 8, 4254);
+    			add_location(p, file, 137, 8, 4511);
     			attr_dev(div0, "class", "FormHeader");
-    			add_location(div0, file, 130, 6, 4172);
+    			add_location(div0, file, 135, 6, 4429);
     			attr_dev(span1, "class", "FormRequired");
-    			add_location(span1, file, 136, 50, 4577);
+    			add_location(span1, file, 141, 50, 4834);
     			attr_dev(label0, "for", "UserName");
-    			add_location(label0, file, 136, 10, 4537);
+    			add_location(label0, file, 141, 10, 4794);
     			attr_dev(input0, "type", "text");
     			attr_dev(input0, "id", "UserName");
-    			add_location(input0, file, 137, 10, 4631);
+    			add_location(input0, file, 142, 10, 4888);
     			attr_dev(div1, "class", div1_class_value = "UserContainer " + (/*invalidName*/ ctx[3] ? "InvalidField" : ""));
-    			add_location(div1, file, 135, 8, 4463);
+    			add_location(div1, file, 140, 8, 4720);
     			attr_dev(span2, "class", "FormRequired");
-    			add_location(span2, file, 143, 41, 5068);
+    			add_location(span2, file, 148, 41, 5325);
     			attr_dev(label1, "for", "Password");
-    			add_location(label1, file, 143, 10, 5037);
+    			add_location(label1, file, 148, 10, 5294);
     			attr_dev(input1, "type", "password");
     			attr_dev(input1, "id", "Password");
-    			add_location(input1, file, 144, 10, 5122);
+    			add_location(input1, file, 149, 10, 5379);
     			attr_dev(div2, "class", div2_class_value = "PasswordContainer " + (/*invalidPassword*/ ctx[4] ? "InvalidField" : ""));
-    			add_location(div2, file, 142, 8, 4955);
-    			attr_dev(div3, "id", "Recaptcha");
-    			attr_dev(div3, "class", "g-recaptcha");
-    			add_location(div3, file, 155, 10, 8410);
-    			attr_dev(div4, "class", "CaptchaContainer");
-    			add_location(div4, file, 154, 8, 8369);
+    			add_location(div2, file, 147, 8, 5212);
     			attr_dev(button0, "class", "SingInButton");
-    			add_location(button0, file, 160, 8, 8596);
+    			add_location(button0, file, 162, 8, 8720);
     			attr_dev(button1, "class", "ForgotPasswordButton");
-    			add_location(button1, file, 161, 8, 8685);
-    			attr_dev(div5, "class", "FormContent");
-    			add_location(div5, file, 134, 6, 4429);
-    			attr_dev(div6, "class", "FormLeftSide");
-    			add_location(div6, file, 129, 4, 4139);
-    			attr_dev(div7, "class", div7_class_value = "FormContainer " + (/*mobileView*/ ctx[0] ? "FormMobileContainer" : ""));
-    			add_location(div7, file, 128, 2, 4065);
+    			add_location(button1, file, 163, 8, 8809);
+    			attr_dev(div3, "class", "FormContent");
+    			add_location(div3, file, 139, 6, 4686);
+    			attr_dev(div4, "class", "FormLeftSide");
+    			add_location(div4, file, 134, 4, 4396);
+    			attr_dev(div5, "class", div5_class_value = "FormContainer " + (/*mobileView*/ ctx[0] ? "FormMobileContainer" : ""));
+    			add_location(div5, file, 133, 2, 4322);
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div7, anchor);
-    			append_dev(div7, div6);
-    			append_dev(div6, div0);
+    			insert_dev(target, div5, anchor);
+    			append_dev(div5, div4);
+    			append_dev(div4, div0);
     			append_dev(div0, h4);
     			append_dev(div0, t1);
     			append_dev(div0, p);
     			append_dev(p, t2);
     			append_dev(p, span0);
-    			append_dev(div6, t4);
-    			append_dev(div6, div5);
-    			append_dev(div5, div1);
+    			append_dev(div4, t4);
+    			append_dev(div4, div3);
+    			append_dev(div3, div1);
     			append_dev(div1, label0);
     			append_dev(label0, t5);
     			append_dev(label0, span1);
@@ -4590,41 +4579,37 @@
     			set_input_value(input0, /*userValue*/ ctx[1]);
     			append_dev(div1, t8);
     			if (if_block0) if_block0.m(div1, null);
-    			append_dev(div5, t9);
-    			append_dev(div5, div2);
+    			append_dev(div3, t9);
+    			append_dev(div3, div2);
     			append_dev(div2, label1);
     			append_dev(label1, t10);
     			append_dev(label1, span2);
     			append_dev(div2, t12);
     			append_dev(div2, input1);
     			set_input_value(input1, /*userPassword*/ ctx[2]);
-    			/*input1_binding*/ ctx[20](input1);
+    			/*input1_binding*/ ctx[19](input1);
     			append_dev(div2, t13);
     			if_block1.m(div2, null);
     			append_dev(div2, t14);
     			if (if_block2) if_block2.m(div2, null);
-    			append_dev(div5, t15);
-    			append_dev(div5, div4);
-    			append_dev(div4, div3);
-    			/*div3_binding*/ ctx[23](div3);
-    			append_dev(div5, t16);
-    			if (if_block3) if_block3.m(div5, null);
-    			append_dev(div5, t17);
-    			append_dev(div5, button0);
-    			append_dev(div5, t19);
-    			append_dev(div5, button1);
-    			append_dev(div7, t21);
-    			if (if_block4) if_block4.m(div7, null);
+    			append_dev(div3, t15);
+    			if (if_block3) if_block3.m(div3, null);
+    			append_dev(div3, t16);
+    			append_dev(div3, button0);
+    			append_dev(div3, t18);
+    			append_dev(div3, button1);
+    			append_dev(div5, t20);
+    			if (if_block4) if_block4.m(div5, null);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(span0, "click", /*click_handler*/ ctx[17], false, false, false),
-    					listen_dev(input0, "input", /*input0_input_handler*/ ctx[18]),
-    					listen_dev(input0, "blur", /*validateUserName*/ ctx[15], false, false, false),
-    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[19]),
-    					listen_dev(input1, "blur", /*validatePassword*/ ctx[16], false, false, false),
-    					listen_dev(button0, "click", /*click_handler_3*/ ctx[24], false, false, false),
-    					listen_dev(button1, "click", /*click_handler_4*/ ctx[25], false, false, false)
+    					listen_dev(span0, "click", /*click_handler*/ ctx[16], false, false, false),
+    					listen_dev(input0, "input", /*input0_input_handler*/ ctx[17]),
+    					listen_dev(input0, "blur", /*validateUserName*/ ctx[14], false, false, false),
+    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[18]),
+    					listen_dev(input1, "blur", /*validatePassword*/ ctx[15], false, false, false),
+    					listen_dev(button0, "click", /*click_handler_3*/ ctx[22], false, false, false),
+    					listen_dev(button1, "click", /*click_handler_4*/ ctx[23], false, false, false)
     				];
 
     				mounted = true;
@@ -4681,13 +4666,13 @@
     				attr_dev(div2, "class", div2_class_value);
     			}
 
-    			if (/*errorMessage*/ ctx[6]) {
+    			if (/*errorMessage*/ ctx[5]) {
     				if (if_block3) {
     					if_block3.p(ctx, dirty);
     				} else {
     					if_block3 = create_if_block_2(ctx);
     					if_block3.c();
-    					if_block3.m(div5, t17);
+    					if_block3.m(div3, t16);
     				}
     			} else if (if_block3) {
     				if_block3.d(1);
@@ -4698,24 +4683,23 @@
     				if (if_block4) ; else {
     					if_block4 = create_if_block_1(ctx);
     					if_block4.c();
-    					if_block4.m(div7, null);
+    					if_block4.m(div5, null);
     				}
     			} else if (if_block4) {
     				if_block4.d(1);
     				if_block4 = null;
     			}
 
-    			if (dirty[0] & /*mobileView*/ 1 && div7_class_value !== (div7_class_value = "FormContainer " + (/*mobileView*/ ctx[0] ? "FormMobileContainer" : ""))) {
-    				attr_dev(div7, "class", div7_class_value);
+    			if (dirty[0] & /*mobileView*/ 1 && div5_class_value !== (div5_class_value = "FormContainer " + (/*mobileView*/ ctx[0] ? "FormMobileContainer" : ""))) {
+    				attr_dev(div5, "class", div5_class_value);
     			}
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div7);
+    			if (detaching) detach_dev(div5);
     			if (if_block0) if_block0.d();
-    			/*input1_binding*/ ctx[20](null);
+    			/*input1_binding*/ ctx[19](null);
     			if_block1.d();
     			if (if_block2) if_block2.d();
-    			/*div3_binding*/ ctx[23](null);
     			if (if_block3) if_block3.d();
     			if (if_block4) if_block4.d();
     			mounted = false;
@@ -4727,14 +4711,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(127:0) {:else}",
+    		source: "(133:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (125:0) {#if isLoading}
+    // (131:0) {#if isLoading}
     function create_if_block(ctx) {
     	let div;
 
@@ -4742,7 +4726,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "ModalLoader");
-    			add_location(div, file, 125, 2, 4022);
+    			add_location(div, file, 131, 2, 4280);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4757,14 +4741,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(125:0) {#if isLoading}",
+    		source: "(131:0) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (139:10) {#if invalidName}
+    // (144:10) {#if invalidName}
     function create_if_block_5(ctx) {
     	let p;
 
@@ -4773,7 +4757,7 @@
     			p = element("p");
     			p.textContent = "Name must be at least 2 characters long, and contain no special characters. Email should contain '@' and a 2-3 letter long domain.";
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 139, 12, 4757);
+    			add_location(p, file, 144, 12, 5014);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4787,14 +4771,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(139:10) {#if invalidName}",
+    		source: "(144:10) {#if invalidName}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (148:10) {:else}
+    // (153:10) {:else}
     function create_else_block_1(ctx) {
     	let svg;
     	let defs;
@@ -4815,26 +4799,26 @@
     			g = svg_element("g");
     			path = svg_element("path");
     			circle = svg_element("circle");
-    			add_location(style, file, 148, 178, 7178);
-    			add_location(defs, file, 148, 172, 7172);
+    			add_location(style, file, 153, 178, 7435);
+    			add_location(defs, file, 153, 172, 7429);
     			attr_dev(path, "class", "a");
     			attr_dev(path, "d", "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z");
     			attr_dev(path, "transform", "translate(0)");
-    			add_location(path, file, 148, 259, 7259);
+    			add_location(path, file, 153, 259, 7516);
     			attr_dev(circle, "class", "a");
     			attr_dev(circle, "cx", "2.779");
     			attr_dev(circle, "cy", "2.779");
     			attr_dev(circle, "r", "2.779");
     			attr_dev(circle, "transform", "translate(20.827 30.303)");
-    			add_location(circle, file, 148, 1029, 8029);
+    			add_location(circle, file, 153, 1029, 8286);
     			attr_dev(g, "transform", "translate(-14.185 -27.832)");
-    			add_location(g, file, 148, 217, 7217);
+    			add_location(g, file, 153, 217, 7474);
     			attr_dev(svg, "class", "TogglePasswordVisibility");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "18.843");
     			attr_dev(svg, "height", "10.5");
     			attr_dev(svg, "viewBox", "0 0 18.843 10.5");
-    			add_location(svg, file, 148, 12, 7012);
+    			add_location(svg, file, 153, 12, 7269);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg, anchor);
@@ -4846,7 +4830,7 @@
     			append_dev(g, circle);
 
     			if (!mounted) {
-    				dispose = listen_dev(svg, "click", /*click_handler_2*/ ctx[22], false, false, false);
+    				dispose = listen_dev(svg, "click", /*click_handler_2*/ ctx[21], false, false, false);
     				mounted = true;
     			}
     		},
@@ -4862,14 +4846,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(148:10) {:else}",
+    		source: "(153:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (146:10) {#if isPasswordVisible}
+    // (151:10) {#if isPasswordVisible}
     function create_if_block_4(ctx) {
     	let svg;
     	let defs;
@@ -4902,48 +4886,48 @@
     			path2 = svg_element("path");
     			path3 = svg_element("path");
     			rect = svg_element("rect");
-    			add_location(style, file, 146, 182, 5468);
-    			add_location(defs, file, 146, 176, 5462);
+    			add_location(style, file, 151, 182, 5725);
+    			add_location(defs, file, 151, 176, 5719);
     			attr_dev(circle, "class", "a");
     			attr_dev(circle, "cx", "0.05");
     			attr_dev(circle, "cy", "0.05");
     			attr_dev(circle, "r", "0.05");
     			attr_dev(circle, "transform", "translate(121.017 31.148)");
-    			add_location(circle, file, 146, 264, 5550);
+    			add_location(circle, file, 151, 264, 5807);
     			attr_dev(path0, "class", "a");
     			attr_dev(path0, "d", "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z");
     			attr_dev(path0, "transform", "translate(-142.164 -39.123)");
-    			add_location(path0, file, 146, 390, 5676);
+    			add_location(path0, file, 151, 390, 5933);
     			attr_dev(path1, "class", "a");
     			attr_dev(path1, "d", "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z");
     			attr_dev(path1, "transform", "translate(-136.413 -42.068)");
-    			add_location(path1, file, 146, 498, 5784);
+    			add_location(path1, file, 151, 498, 6041);
     			attr_dev(g0, "transform", "translate(117.499 27.37)");
-    			add_location(g0, file, 146, 350, 5636);
+    			add_location(g0, file, 151, 350, 5893);
     			attr_dev(path2, "class", "a");
     			attr_dev(path2, "d", "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z");
     			attr_dev(path2, "transform", "translate(-110.856 -33.157)");
-    			add_location(path2, file, 146, 649, 5935);
+    			add_location(path2, file, 151, 649, 6192);
     			attr_dev(path3, "class", "a");
     			attr_dev(path3, "d", "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z");
     			attr_dev(path3, "transform", "translate(-130.743 -29.617)");
-    			add_location(path3, file, 146, 1108, 6394);
+    			add_location(path3, file, 151, 1108, 6651);
     			attr_dev(g1, "transform", "translate(110.856 24.899)");
-    			add_location(g1, file, 146, 608, 5894);
+    			add_location(g1, file, 151, 608, 6151);
     			attr_dev(rect, "class", "a");
     			attr_dev(rect, "width", "0.972");
     			attr_dev(rect, "height", "15.861");
     			attr_dev(rect, "rx", "0.486");
     			attr_dev(rect, "transform", "translate(114.827 23.858) rotate(-39.315)");
-    			add_location(rect, file, 146, 1573, 6859);
+    			add_location(rect, file, 151, 1573, 7116);
     			attr_dev(g2, "transform", "translate(-110.856 -23.242)");
-    			add_location(g2, file, 146, 221, 5507);
+    			add_location(g2, file, 151, 221, 5764);
     			attr_dev(svg, "class", "TogglePasswordVisibility");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "18.844");
     			attr_dev(svg, "height", "12.887");
     			attr_dev(svg, "viewBox", "0 0 18.844 12.887");
-    			add_location(svg, file, 146, 12, 5298);
+    			add_location(svg, file, 151, 12, 5555);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg, anchor);
@@ -4961,7 +4945,7 @@
     			append_dev(g2, rect);
 
     			if (!mounted) {
-    				dispose = listen_dev(svg, "click", /*click_handler_1*/ ctx[21], false, false, false);
+    				dispose = listen_dev(svg, "click", /*click_handler_1*/ ctx[20], false, false, false);
     				mounted = true;
     			}
     		},
@@ -4977,14 +4961,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(146:10) {#if isPasswordVisible}",
+    		source: "(151:10) {#if isPasswordVisible}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (151:10) {#if invalidPassword}
+    // (156:10) {#if invalidPassword}
     function create_if_block_3(ctx) {
     	let p;
 
@@ -4993,7 +4977,7 @@
     			p = element("p");
     			p.textContent = "Password must be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.";
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 151, 12, 8188);
+    			add_location(p, file, 156, 12, 8445);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5007,14 +4991,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(151:10) {#if invalidPassword}",
+    		source: "(156:10) {#if invalidPassword}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (158:8) {#if errorMessage}
+    // (160:8) {#if errorMessage}
     function create_if_block_2(ctx) {
     	let p;
     	let t;
@@ -5022,16 +5006,16 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			t = text(/*errorMessage*/ ctx[6]);
+    			t = text(/*errorMessage*/ ctx[5]);
     			attr_dev(p, "class", "ErrorMessage");
-    			add_location(p, file, 158, 10, 8531);
+    			add_location(p, file, 160, 10, 8655);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
     			append_dev(p, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*errorMessage*/ 64) set_data_dev(t, /*errorMessage*/ ctx[6]);
+    			if (dirty[0] & /*errorMessage*/ 32) set_data_dev(t, /*errorMessage*/ ctx[5]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p);
@@ -5042,14 +5026,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(158:8) {#if errorMessage}",
+    		source: "(160:8) {#if errorMessage}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (173:4) {#if !mobileView}
+    // (175:4) {#if !mobileView}
     function create_if_block_1(ctx) {
     	let div;
 
@@ -5058,7 +5042,7 @@
     			div = element("div");
     			attr_dev(div, "class", "FormRightSide");
     			set_style(div, "background", "url('https://storage.googleapis.com/stateless-winmasters-one/2021/03/908d327e-em_welcome_promo.jpg') no-repeat");
-    			add_location(div, file, 173, 6, 9271);
+    			add_location(div, file, 175, 6, 9395);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5072,7 +5056,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(173:4) {#if !mobileView}",
+    		source: "(175:4) {#if !mobileView}",
     		ctx
     	});
 
@@ -5082,11 +5066,13 @@
     function create_fragment(ctx) {
     	let script;
     	let script_src_value;
-    	let t;
+    	let t0;
+    	let div;
+    	let t1;
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[7]) return create_if_block;
+    		if (/*isLoading*/ ctx[6]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -5096,19 +5082,28 @@
     	const block = {
     		c: function create() {
     			script = element("script");
-    			t = space();
+    			t0 = space();
+    			div = element("div");
+    			t1 = space();
     			if_block.c();
     			if_block_anchor = empty();
     			this.c = noop$1;
-    			if (script.src !== (script_src_value = "//www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit")) attr_dev(script, "src", script_src_value);
-    			add_location(script, file, 121, 2, 3892);
+    			if (script.src !== (script_src_value = "//www.google.com/recaptcha/api.js?render=" + captchaKey)) attr_dev(script, "src", script_src_value);
+    			script.async = true;
+    			script.defer = true;
+    			add_location(script, file, 126, 2, 4100);
+    			attr_dev(div, "class", "g-recaptcha");
+    			attr_dev(div, "data-sitekey", captchaKey);
+    			add_location(div, file, 129, 0, 4206);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
     			append_dev(document.head, script);
-    			insert_dev(target, t, anchor);
+    			insert_dev(target, t0, anchor);
+    			insert_dev(target, div, anchor);
+    			insert_dev(target, t1, anchor);
     			if_block.m(target, anchor);
     			insert_dev(target, if_block_anchor, anchor);
     		},
@@ -5129,7 +5124,9 @@
     		o: noop$1,
     		d: function destroy(detaching) {
     			detach_dev(script);
-    			if (detaching) detach_dev(t);
+    			if (detaching) detach_dev(t0);
+    			if (detaching) detach_dev(div);
+    			if (detaching) detach_dev(t1);
     			if_block.d(detaching);
     			if (detaching) detach_dev(if_block_anchor);
     		}
@@ -5146,6 +5143,8 @@
     	return block;
     }
 
+    const captchaKey = "6Lc7w8YcAAAAAEMHc_VNN9bqfVnILoUOHSHyZ0yn";
+
     function instance($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots("undefined", slots, []);
@@ -5193,6 +5192,7 @@
     	let loginFormData = { username: "", password: "" };
     	let invalidName = false;
     	let invalidPassword = false;
+    	let errorMessage = "";
 
     	const regexValidators = {
     		user: /^(?!(?:.*\d){9})(?=(?:.*[a-zA-Z]){2})^[a-zA-Z\d]*$/,
@@ -5200,18 +5200,17 @@
     		password: /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\w\s]).{8,20}$/
     	};
 
-    	let captcha;
-    	let Recaptcha;
-    	let errorMessage = "";
-
-    	const onloadCallback = () => {
-    		window.grecaptcha.render(Recaptcha, {
-    			"sitekey": "6Lej4KgUAAAAAPcsWUuf7xJ1N002JecrLXyC_U56"
-    		});
+    	const doRecaptcha = () => {
+    		return new Promise((resolve, reject) => {
+    				grecaptcha.ready(() => {
+    					grecaptcha.execute(captchaKey, { action: "submit" }).then(token => {
+    						resolve(token);
+    					});
+    				});
+    			});
     	};
 
     	onMount(() => __awaiter(void 0, void 0, void 0, function* () {
-    		window.onloadCallback = onloadCallback;
     		window.addEventListener("message", messageHandler, false);
     		window.postMessage({ type: "LoginRegisterModalActive" }, window.location.href);
 
@@ -5228,14 +5227,14 @@
     		if (e.data) {
     			switch (e.data.type) {
     				case "ModalLoader":
-    					$$invalidate(7, isLoading = false);
+    					$$invalidate(6, isLoading = false);
     					break;
     				case "UserSessionID":
-    					$$invalidate(7, isLoading = false);
+    					$$invalidate(6, isLoading = false);
     					break;
     				case "HasError":
-    					$$invalidate(6, errorMessage = e.data.error);
-    					$$invalidate(7, isLoading = false);
+    					$$invalidate(5, errorMessage = e.data.error);
+    					$$invalidate(6, isLoading = false);
     					break;
     			}
     		}
@@ -5246,17 +5245,17 @@
     	let isPasswordVisible = false;
 
     	const showPassword = () => {
-    		$$invalidate(9, isPasswordVisible = true);
+    		$$invalidate(8, isPasswordVisible = true);
     		togglePasswordVisibility();
     	};
 
     	const hidePassword = () => {
-    		$$invalidate(9, isPasswordVisible = false);
+    		$$invalidate(8, isPasswordVisible = false);
     		togglePasswordVisibility();
     	};
 
     	const togglePasswordVisibility = () => {
-    		$$invalidate(8, passwordVisibilityToggle.type = isPasswordVisible ? "text" : "password", passwordVisibilityToggle);
+    		$$invalidate(7, passwordVisibilityToggle.type = isPasswordVisible ? "text" : "password", passwordVisibilityToggle);
     	};
 
     	const switchToRegister = () => {
@@ -5268,22 +5267,25 @@
     	};
 
     	const submitLoginForm = () => {
-    		$$invalidate(7, isLoading = true);
-
-    		if (checkUserIdentifier(userValue) && checkUserPassword(userPassword)) {
-    			loginFormData = {
-    				username: userValue,
-    				password: userPassword
-    			};
-
-    			window.postMessage(
-    				{
-    					type: "SubmitLoginForm",
-    					loginData: loginFormData
-    				},
-    				window.location.href
-    			);
-    		}
+    		$$invalidate(6, isLoading = true);
+
+    		doRecaptcha().then(token => {
+    			if (checkUserIdentifier(userValue) && checkUserPassword(userPassword)) {
+    				loginFormData = {
+    					username: userValue,
+    					password: userPassword,
+    					token
+    				};
+
+    				window.postMessage(
+    					{
+    						type: "SubmitLoginForm",
+    						loginData: loginFormData
+    					},
+    					window.location.href
+    				);
+    			}
+    		});
     	};
 
     	const checkUserIdentifier = user => {
@@ -5331,20 +5333,12 @@
     	function input1_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			passwordVisibilityToggle = $$value;
-    			$$invalidate(8, passwordVisibilityToggle);
+    			$$invalidate(7, passwordVisibilityToggle);
     		});
     	}
 
     	const click_handler_1 = () => hidePassword();
     	const click_handler_2 = () => showPassword();
-
-    	function div3_binding($$value) {
-    		binding_callbacks[$$value ? "unshift" : "push"](() => {
-    			Recaptcha = $$value;
-    			$$invalidate(5, Recaptcha);
-    		});
-    	}
-
     	const click_handler_3 = () => submitLoginForm();
     	const click_handler_4 = () => switchToForgotPassword();
 
@@ -5359,11 +5353,10 @@
     		loginFormData,
     		invalidName,
     		invalidPassword,
-    		regexValidators,
-    		captcha,
-    		Recaptcha,
     		errorMessage,
-    		onloadCallback,
+    		captchaKey,
+    		regexValidators,
+    		doRecaptcha,
     		messageHandler,
     		isLoading,
     		passwordVisibilityToggle,
@@ -5389,12 +5382,10 @@
     		if ("loginFormData" in $$props) loginFormData = $$props.loginFormData;
     		if ("invalidName" in $$props) $$invalidate(3, invalidName = $$props.invalidName);
     		if ("invalidPassword" in $$props) $$invalidate(4, invalidPassword = $$props.invalidPassword);
-    		if ("captcha" in $$props) captcha = $$props.captcha;
-    		if ("Recaptcha" in $$props) $$invalidate(5, Recaptcha = $$props.Recaptcha);
-    		if ("errorMessage" in $$props) $$invalidate(6, errorMessage = $$props.errorMessage);
-    		if ("isLoading" in $$props) $$invalidate(7, isLoading = $$props.isLoading);
-    		if ("passwordVisibilityToggle" in $$props) $$invalidate(8, passwordVisibilityToggle = $$props.passwordVisibilityToggle);
-    		if ("isPasswordVisible" in $$props) $$invalidate(9, isPasswordVisible = $$props.isPasswordVisible);
+    		if ("errorMessage" in $$props) $$invalidate(5, errorMessage = $$props.errorMessage);
+    		if ("isLoading" in $$props) $$invalidate(6, isLoading = $$props.isLoading);
+    		if ("passwordVisibilityToggle" in $$props) $$invalidate(7, passwordVisibilityToggle = $$props.passwordVisibilityToggle);
+    		if ("isPasswordVisible" in $$props) $$invalidate(8, isPasswordVisible = $$props.isPasswordVisible);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5407,7 +5398,6 @@
     		userPassword,
     		invalidName,
     		invalidPassword,
-    		Recaptcha,
     		errorMessage,
     		isLoading,
     		passwordVisibilityToggle,
@@ -5425,7 +5415,6 @@
     		input1_binding,
     		click_handler_1,
     		click_handler_2,
-    		div3_binding,
     		click_handler_3,
     		click_handler_4
     	];
@@ -5434,7 +5423,7 @@
     class GeneralPlayerLoginForm extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>.FormContainer{display:inline-flex;width:100%}.FormLeftSide,.FormRightSide{flex:1 1 100%;padding:50px}.FormLeftSide{background:#F9F8F8}.FormHeaderTitle{color:#000000;font-size:28px;font-weight:300;padding:0;text-transform:uppercase;margin:0}.PasswordContainer{position:relative}.FormRequired{color:#FD2839}.FormHeaderSubtitle{color:#58586B;font-size:14px;font-weight:300;margin:5px 0 0 0}.FormRegisterCallToAction{color:#D0046C;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}.FormContent{padding-top:20px}.UserContainer,.PasswordContainer,.CaptchaContainer{color:#58586B;display:flex;flex-direction:column;padding-bottom:20px;position:relative}.UserContainer label,.PasswordContainer label{font-size:14px;font-weight:300;padding-bottom:5px}.UserContainer input,.PasswordContainer input{width:100%;height:44px;border:1px solid #D1D1D1;border-radius:5px;padding:5px;font-size:14px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px}.UserContainer.InvalidField input,.PasswordContainer.InvalidField input{border:1px solid #D0046C;background:#FBECF4;color:#D0046C}.PasswordContainer input{padding:5px 30px 5px 15px}.TogglePasswordVisibility{height:13px;position:absolute;right:8px;bottom:45px}.SingInButton{color:#fff;background:#D0046C;border:1px solid #D0046C;border-radius:5px;width:100%;height:60px;padding:0;text-transform:uppercase;font-size:18px;cursor:pointer}.ForgotPasswordButton{border:0;background:transparent;font-size:14px;font-weight:300;font-family:'Helvetica Neue', 'Helvetica', sans-serif;color:#D0046C;margin-top:15px;cursor:pointer}.PasswordContainer,.UserContainer{padding-bottom:30px}.UserContainer .InvalidInput{bottom:-3px}.InvalidInput{color:#D0046C;font-size:10px;position:absolute;bottom:-3px;line-height:10px}.ErrorMessage{margin:0 0 15px 0;font-size:12px;color:#D0046C}.FormMobileContainer{height:100%}.FormMobileContainer .FormLeftSide{padding:40px 20px}.FormMobileContainer .SingInButton,.FormMobileContainer .UserContainer input,.FormMobileContainer .PasswordContainer input,.FormMobileContainer .CaptchaContainer{max-width:unset}.ModalLoader{display:block;width:80px;height:80px;margin:0 auto}.ModalLoader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #D0046C;border-color:#D0046C transparent #D0046C transparent;animation:Loader 1.2s linear infinite}@keyframes Loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>`;
+    		this.shadowRoot.innerHTML = `<style>.FormContainer{display:inline-flex;width:100%}.FormLeftSide,.FormRightSide{flex:1 1 100%;padding:50px}.FormLeftSide{background:#F9F8F8}.FormHeaderTitle{color:#000000;font-size:28px;font-weight:300;padding:0;text-transform:uppercase;margin:0}.PasswordContainer{position:relative}.FormRequired{color:#FD2839}.FormHeaderSubtitle{color:#58586B;font-size:14px;font-weight:300;margin:5px 0 0 0}.FormRegisterCallToAction{color:#D0046C;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}.FormContent{padding-top:20px}.UserContainer,.PasswordContainer{color:#58586B;display:flex;flex-direction:column;padding-bottom:20px;position:relative}.UserContainer label,.PasswordContainer label{font-size:14px;font-weight:300;padding-bottom:5px}.UserContainer input,.PasswordContainer input{width:100%;height:44px;border:1px solid #D1D1D1;border-radius:5px;padding:5px;font-size:14px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px}.UserContainer.InvalidField input,.PasswordContainer.InvalidField input{border:1px solid #D0046C;background:#FBECF4;color:#D0046C}.PasswordContainer input{padding:5px 30px 5px 15px}.TogglePasswordVisibility{height:13px;position:absolute;right:8px;bottom:45px}.SingInButton{color:#fff;background:#D0046C;border:1px solid #D0046C;border-radius:5px;width:100%;height:60px;padding:0;text-transform:uppercase;font-size:18px;cursor:pointer}.ForgotPasswordButton{border:0;background:transparent;font-size:14px;font-weight:300;font-family:'Helvetica Neue', 'Helvetica', sans-serif;color:#D0046C;margin-top:15px;cursor:pointer}.PasswordContainer,.UserContainer{padding-bottom:30px}.UserContainer .InvalidInput{bottom:-3px}.InvalidInput{color:#D0046C;font-size:10px;position:absolute;bottom:-3px;line-height:10px}.ErrorMessage{margin:0 0 15px 0;font-size:12px;color:#D0046C}.FormMobileContainer{height:100%}.FormMobileContainer .FormLeftSide{padding:40px 20px}.FormMobileContainer .SingInButton,.FormMobileContainer .UserContainer input,.FormMobileContainer .PasswordContainer input{max-width:unset}.ModalLoader{display:block;width:80px;height:80px;margin:0 auto}.ModalLoader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #D0046C;border-color:#D0046C transparent #D0046C transparent;animation:Loader 1.2s linear infinite}@keyframes Loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>`;
 
     		init(
     			this,