@everymatrix/lottery-program-wof 1.24.0 → 1.24.1

package/dist/lottery-program-wof.js

@@ -5197,9 +5197,10 @@
           RemainingTimes: `Remaining Times`,
           Retry: 'Network is a bit busy now, please click OK to re-spin',
           ShowNext: `The Wheel will be available on<br /> <strong>{startTime}</strong> <br />Please wait till it is open.`,
-          SpinFailed: `We are sorry that you don't have any Wheels available, please <strong>check T&C</strong> here to get a chance!`,
           DrawFailed: 'The prize assignment may be failed, please contact customer support for more details',
           Timeout: 'Network is a bit busy now, please try again later.',
+          ErrorNetwork: 'You are offline, please check your network settings',
+          ErrorJSON: 'Unexpected Data Response, please contact customer support',
           Congratulation: `Congratulations! You won a {prize}!`,
           OK: `OK`,
           Rewards: `Rewards`,
@@ -5297,7 +5298,7 @@
             res = JSON.parse(res);
         }
         catch (e) {
-            console.log(e);
+            throw new Error(e.message);
         }
         return res;
     };
@@ -5332,7 +5333,7 @@
     const { Object: Object_1$2 } = globals;
     const file$6 = "src/private.message.svelte";
 
-    // (83:0) {#if isShown && isOptionsReady}
+    // (89:0) {#if isShown && isOptionsReady}
     function create_if_block$5(ctx) {
     	let div;
     	let t0;
@@ -5340,14 +5341,16 @@
     	let t2;
     	let t3;
     	let t4;
+    	let t5;
     	let show_if = !['init-failed', 'show-next', 'NoNext'].includes(/*mode*/ ctx[5]);
     	let div_style_value;
-    	let if_block0 = (/*mode*/ ctx[5] === 'normal' || /*mode*/ ctx[5] === 'init-failed' || /*mode*/ ctx[5] === 'timeout') && create_if_block_7(ctx);
-    	let if_block1 = /*mode*/ ctx[5] === 'show-next' && create_if_block_6(ctx);
-    	let if_block2 = /*mode*/ ctx[5] === 'NoNext' && create_if_block_5(ctx);
-    	let if_block3 = /*mode*/ ctx[5] === 'gift' && create_if_block_3$1(ctx);
-    	let if_block4 = /*mode*/ ctx[5] === 'nogift' && create_if_block_2$1(ctx);
-    	let if_block5 = show_if && create_if_block_1$4(ctx);
+    	let if_block0 = (/*mode*/ ctx[5] === 'normal' || /*mode*/ ctx[5] === 'init-failed' || /*mode*/ ctx[5] === 'timeout') && create_if_block_8(ctx);
+    	let if_block1 = /*mode*/ ctx[5] === 'show-next' && create_if_block_7(ctx);
+    	let if_block2 = /*mode*/ ctx[5] === 'NoNext' && create_if_block_6(ctx);
+    	let if_block3 = /*mode*/ ctx[5] === 'gift' && create_if_block_4(ctx);
+    	let if_block4 = /*mode*/ ctx[5] === 'nogift' && create_if_block_3$1(ctx);
+    	let if_block5 = /*errorCodeMap*/ ctx[13][/*modeValue*/ ctx[1]] && create_if_block_2$1(ctx);
+    	let if_block6 = show_if && create_if_block_1$4(ctx);
 
     	const block = {
     		c: function create() {
@@ -5363,6 +5366,8 @@
     			if (if_block4) if_block4.c();
     			t4 = space();
     			if (if_block5) if_block5.c();
+    			t5 = space();
+    			if (if_block6) if_block6.c();
     			attr_dev(div, "class", "MessagePanel");
 
     			attr_dev(div, "style", div_style_value = [
@@ -5372,7 +5377,7 @@
     				/*isShown*/ ctx[4] ? 'opacity: 1' : ''
     			].join(';'));
 
-    			add_location(div, file$6, 83, 0, 2786);
+    			add_location(div, file$6, 89, 0, 2905);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5387,14 +5392,16 @@
     			if (if_block4) if_block4.m(div, null);
     			append_dev(div, t4);
     			if (if_block5) if_block5.m(div, null);
-    			/*div_binding*/ ctx[20](div);
+    			append_dev(div, t5);
+    			if (if_block6) if_block6.m(div, null);
+    			/*div_binding*/ ctx[21](div);
     		},
     		p: function update(ctx, dirty) {
     			if (/*mode*/ ctx[5] === 'normal' || /*mode*/ ctx[5] === 'init-failed' || /*mode*/ ctx[5] === 'timeout') {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
-    					if_block0 = create_if_block_7(ctx);
+    					if_block0 = create_if_block_8(ctx);
     					if_block0.c();
     					if_block0.m(div, t0);
     				}
@@ -5407,7 +5414,7 @@
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
-    					if_block1 = create_if_block_6(ctx);
+    					if_block1 = create_if_block_7(ctx);
     					if_block1.c();
     					if_block1.m(div, t1);
     				}
@@ -5420,7 +5427,7 @@
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
-    					if_block2 = create_if_block_5(ctx);
+    					if_block2 = create_if_block_6(ctx);
     					if_block2.c();
     					if_block2.m(div, t2);
     				}
@@ -5433,7 +5440,7 @@
     				if (if_block3) {
     					if_block3.p(ctx, dirty);
     				} else {
-    					if_block3 = create_if_block_3$1(ctx);
+    					if_block3 = create_if_block_4(ctx);
     					if_block3.c();
     					if_block3.m(div, t3);
     				}
@@ -5446,7 +5453,7 @@
     				if (if_block4) {
     					if_block4.p(ctx, dirty);
     				} else {
-    					if_block4 = create_if_block_2$1(ctx);
+    					if_block4 = create_if_block_3$1(ctx);
     					if_block4.c();
     					if_block4.m(div, t4);
     				}
@@ -5455,21 +5462,34 @@
     				if_block4 = null;
     			}
 
-    			if (dirty & /*mode*/ 32) show_if = !['init-failed', 'show-next', 'NoNext'].includes(/*mode*/ ctx[5]);
-
-    			if (show_if) {
+    			if (/*errorCodeMap*/ ctx[13][/*modeValue*/ ctx[1]]) {
     				if (if_block5) {
     					if_block5.p(ctx, dirty);
     				} else {
-    					if_block5 = create_if_block_1$4(ctx);
+    					if_block5 = create_if_block_2$1(ctx);
     					if_block5.c();
-    					if_block5.m(div, null);
+    					if_block5.m(div, t5);
     				}
     			} else if (if_block5) {
     				if_block5.d(1);
     				if_block5 = null;
     			}
 
+    			if (dirty & /*mode*/ 32) show_if = !['init-failed', 'show-next', 'NoNext'].includes(/*mode*/ ctx[5]);
+
+    			if (show_if) {
+    				if (if_block6) {
+    					if_block6.p(ctx, dirty);
+    				} else {
+    					if_block6 = create_if_block_1$4(ctx);
+    					if_block6.c();
+    					if_block6.m(div, null);
+    				}
+    			} else if (if_block6) {
+    				if_block6.d(1);
+    				if_block6 = null;
+    			}
+
     			if (dirty & /*top, left, width, isShown*/ 1560 && div_style_value !== (div_style_value = [
     				`top: ${/*top*/ ctx[9]}px`,
     				`left: ${/*left*/ ctx[10]}px`,
@@ -5487,7 +5507,8 @@
     			if (if_block3) if_block3.d();
     			if (if_block4) if_block4.d();
     			if (if_block5) if_block5.d();
-    			/*div_binding*/ ctx[20](null);
+    			if (if_block6) if_block6.d();
+    			/*div_binding*/ ctx[21](null);
     		}
     	};
 
@@ -5495,15 +5516,15 @@
     		block,
     		id: create_if_block$5.name,
     		type: "if",
-    		source: "(83:0) {#if isShown && isOptionsReady}",
+    		source: "(89:0) {#if isShown && isOptionsReady}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (95:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}
-    function create_if_block_7(ctx) {
+    // (101:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}
+    function create_if_block_8(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[11](`wof.${/*modeValue*/ ctx[1]}`) + "";
     	let t;
@@ -5512,7 +5533,7 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file$6, 95, 2, 3051);
+    			add_location(p, file$6, 101, 2, 3170);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5528,17 +5549,17 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_7.name,
+    		id: create_if_block_8.name,
     		type: "if",
-    		source: "(95:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}",
+    		source: "(101:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (99:2) {#if mode === 'show-next'}
-    function create_if_block_6(ctx) {
+    // (105:2) {#if mode === 'show-next'}
+    function create_if_block_7(ctx) {
     	let p;
 
     	let raw_value = /*$_*/ ctx[11]('wof.ShowNext', {
@@ -5548,7 +5569,7 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			add_location(p, file$6, 99, 2, 3123);
+    			add_location(p, file$6, 105, 2, 3242);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5565,51 +5586,51 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_6.name,
+    		id: create_if_block_7.name,
     		type: "if",
-    		source: "(99:2) {#if mode === 'show-next'}",
+    		source: "(105:2) {#if mode === 'show-next'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (103:2) {#if mode === 'NoNext'}
-    function create_if_block_5(ctx) {
+    // (109:2) {#if mode === 'NoNext'}
+    function create_if_block_6(ctx) {
     	let p;
     	let raw_value = /*$_*/ ctx[11](`wof.NoNext`) + "";
 
     	const block = {
     		c: function create() {
     			p = element("p");
-    			add_location(p, file$6, 103, 2, 3219);
+    			add_location(p, file$6, 109, 2, 3338);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
     			p.innerHTML = raw_value;
-    			/*p_binding*/ ctx[19](p);
+    			/*p_binding*/ ctx[20](p);
     		},
     		p: function update(ctx, dirty) {
     			if (dirty & /*$_*/ 2048 && raw_value !== (raw_value = /*$_*/ ctx[11](`wof.NoNext`) + "")) p.innerHTML = raw_value;		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p);
-    			/*p_binding*/ ctx[19](null);
+    			/*p_binding*/ ctx[20](null);
     		}
     	};
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_5.name,
+    		id: create_if_block_6.name,
     		type: "if",
-    		source: "(103:2) {#if mode === 'NoNext'}",
+    		source: "(109:2) {#if mode === 'NoNext'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (107:2) {#if mode === 'gift'}
-    function create_if_block_3$1(ctx) {
+    // (113:2) {#if mode === 'gift'}
+    function create_if_block_4(ctx) {
     	let p0;
     	let img;
     	let img_src_value;
@@ -5618,7 +5639,7 @@
     	let p1;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*modeValue*/ ctx[1].prizeText) return create_if_block_4;
+    		if (/*modeValue*/ ctx[1].prizeText) return create_if_block_5;
     		return create_else_block$2;
     	}
 
@@ -5636,9 +5657,9 @@
     			if (!src_url_equal(img.src, img_src_value = /*prizeSrc*/ ctx[7])) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", "");
     			attr_dev(img, "class", "GiftImage");
-    			add_location(img, file$6, 108, 4, 3315);
-    			add_location(p0, file$6, 107, 2, 3307);
-    			add_location(p1, file$6, 115, 2, 3533);
+    			add_location(img, file$6, 114, 4, 3434);
+    			add_location(p0, file$6, 113, 2, 3426);
+    			add_location(p1, file$6, 121, 2, 3652);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5676,16 +5697,16 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_3$1.name,
+    		id: create_if_block_4.name,
     		type: "if",
-    		source: "(107:2) {#if mode === 'gift'}",
+    		source: "(113:2) {#if mode === 'gift'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (113:4) {:else}
+    // (119:4) {:else}
     function create_else_block$2(ctx) {
     	let html_tag;
 
@@ -5720,15 +5741,15 @@
     		block,
     		id: create_else_block$2.name,
     		type: "else",
-    		source: "(113:4) {:else}",
+    		source: "(119:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (111:4) {#if modeValue.prizeText}
-    function create_if_block_4(ctx) {
+    // (117:4) {#if modeValue.prizeText}
+    function create_if_block_5(ctx) {
     	let html_tag;
     	let raw_value = /*modeValue*/ ctx[1].prizeText + "";
     	let html_anchor;
@@ -5754,17 +5775,17 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_4.name,
+    		id: create_if_block_5.name,
     		type: "if",
-    		source: "(111:4) {#if modeValue.prizeText}",
+    		source: "(117:4) {#if modeValue.prizeText}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (121:2) {#if mode === 'nogift'}
-    function create_if_block_2$1(ctx) {
+    // (127:2) {#if mode === 'nogift'}
+    function create_if_block_3$1(ctx) {
     	let p0;
     	let img;
     	let img_src_value;
@@ -5781,9 +5802,9 @@
     			if (!src_url_equal(img.src, img_src_value = /*modeValue*/ ctx[1].image)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", "");
     			attr_dev(img, "class", "GiftImage");
-    			add_location(img, file$6, 122, 4, 3590);
-    			add_location(p0, file$6, 121, 2, 3582);
-    			add_location(p1, file$6, 124, 2, 3652);
+    			add_location(img, file$6, 128, 4, 3709);
+    			add_location(p0, file$6, 127, 2, 3701);
+    			add_location(p1, file$6, 130, 2, 3771);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5805,18 +5826,57 @@
     		}
     	};
 
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_3$1.name,
+    		type: "if",
+    		source: "(127:2) {#if mode === 'nogift'}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (135:2) {#if errorCodeMap[modeValue]}
+    function create_if_block_2$1(ctx) {
+    	let p;
+    	let t0;
+    	let t1_value = /*errorCodeMap*/ ctx[13][/*modeValue*/ ctx[1]] + "";
+    	let t1;
+
+    	const block = {
+    		c: function create() {
+    			p = element("p");
+    			t0 = text("Errorcode: ");
+    			t1 = text(t1_value);
+    			attr_dev(p, "class", "ErrorCode");
+    			add_location(p, file$6, 135, 2, 3847);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, p, anchor);
+    			append_dev(p, t0);
+    			append_dev(p, t1);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty & /*modeValue*/ 2 && t1_value !== (t1_value = /*errorCodeMap*/ ctx[13][/*modeValue*/ ctx[1]] + "")) set_data_dev(t1, t1_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(p);
+    		}
+    	};
+
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
     		id: create_if_block_2$1.name,
     		type: "if",
-    		source: "(121:2) {#if mode === 'nogift'}",
+    		source: "(135:2) {#if errorCodeMap[modeValue]}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (128:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}
+    // (141:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}
     function create_if_block_1$4(ctx) {
     	let div;
     	let button;
@@ -5831,8 +5891,8 @@
     			button = element("button");
     			t = text(t_value);
     			attr_dev(button, "class", "MessagePanelButton");
-    			add_location(button, file$6, 129, 4, 3766);
-    			add_location(div, file$6, 128, 2, 3756);
+    			add_location(button, file$6, 142, 4, 4001);
+    			add_location(div, file$6, 141, 2, 3991);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5858,7 +5918,7 @@
     		block,
     		id: create_if_block_1$4.name,
     		type: "if",
-    		source: "(128:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}",
+    		source: "(141:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}",
     		ctx
     	});
 
@@ -5983,11 +6043,18 @@
     		].join(' ');
     	};
 
+    	const errorCodeMap = {
+    		ErrorNetwork: 'N0001',
+    		ErrorJSON: 'N0002',
+    		Retry: 'N0003',
+    		Timeout: 'N0004'
+    	};
+
     	const setObserver = () => {
     		const resizeObserver = new ResizeObserver(entries => {
     				entries.map(entry => {
     					if (entry.target === rootContainer) {
-    						$$invalidate(18, topOffset = entry.target.clientHeight / 2);
+    						$$invalidate(19, topOffset = entry.target.clientHeight / 2);
     					}
     				});
     			});
@@ -6023,11 +6090,11 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ('r' in $$props) $$invalidate(13, r = $$props.r);
-    		if ('size' in $$props) $$invalidate(14, size = $$props.size);
-    		if ('id' in $$props) $$invalidate(15, id = $$props.id);
-    		if ('clientstyling' in $$props) $$invalidate(16, clientstyling = $$props.clientstyling);
-    		if ('giftimagesrc' in $$props) $$invalidate(17, giftimagesrc = $$props.giftimagesrc);
+    		if ('r' in $$props) $$invalidate(14, r = $$props.r);
+    		if ('size' in $$props) $$invalidate(15, size = $$props.size);
+    		if ('id' in $$props) $$invalidate(16, id = $$props.id);
+    		if ('clientstyling' in $$props) $$invalidate(17, clientstyling = $$props.clientstyling);
+    		if ('giftimagesrc' in $$props) $$invalidate(18, giftimagesrc = $$props.giftimagesrc);
     	};
 
     	$$self.$capture_state = () => ({
@@ -6050,6 +6117,7 @@
     		_postMessageScoped,
     		eventButton,
     		getTimeString,
+    		errorCodeMap,
     		setObserver,
     		handlerTC,
     		holderTC,
@@ -6063,13 +6131,13 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('r' in $$props) $$invalidate(13, r = $$props.r);
-    		if ('size' in $$props) $$invalidate(14, size = $$props.size);
-    		if ('id' in $$props) $$invalidate(15, id = $$props.id);
-    		if ('clientstyling' in $$props) $$invalidate(16, clientstyling = $$props.clientstyling);
-    		if ('giftimagesrc' in $$props) $$invalidate(17, giftimagesrc = $$props.giftimagesrc);
+    		if ('r' in $$props) $$invalidate(14, r = $$props.r);
+    		if ('size' in $$props) $$invalidate(15, size = $$props.size);
+    		if ('id' in $$props) $$invalidate(16, id = $$props.id);
+    		if ('clientstyling' in $$props) $$invalidate(17, clientstyling = $$props.clientstyling);
+    		if ('giftimagesrc' in $$props) $$invalidate(18, giftimagesrc = $$props.giftimagesrc);
     		if ('rootContainer' in $$props) $$invalidate(0, rootContainer = $$props.rootContainer);
-    		if ('topOffset' in $$props) $$invalidate(18, topOffset = $$props.topOffset);
+    		if ('topOffset' in $$props) $$invalidate(19, topOffset = $$props.topOffset);
     		if ('isShown' in $$props) $$invalidate(4, isShown = $$props.isShown);
     		if ('mode' in $$props) $$invalidate(5, mode = $$props.mode);
     		if ('modeValue' in $$props) $$invalidate(1, modeValue = $$props.modeValue);
@@ -6087,7 +6155,7 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 65537) {
+    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 131073) {
     			clientstyling && rootContainer && setClientStyling(rootContainer, clientstyling);
     		}
 
@@ -6095,15 +6163,15 @@
     			rootContainer && setObserver();
     		}
 
-    		if ($$self.$$.dirty & /*r*/ 8192) {
+    		if ($$self.$$.dirty & /*r*/ 16384) {
     			$$invalidate(3, width = r * 2);
     		}
 
-    		if ($$self.$$.dirty & /*size, width*/ 16392) {
+    		if ($$self.$$.dirty & /*size, width*/ 32776) {
     			$$invalidate(10, left = size / 2 - width / 2);
     		}
 
-    		if ($$self.$$.dirty & /*size, topOffset*/ 278528) {
+    		if ($$self.$$.dirty & /*size, topOffset*/ 557056) {
     			$$invalidate(9, top = size / 2 - topOffset);
     		}
 
@@ -6115,7 +6183,7 @@
     			: modeValue.startTime));
     		}
 
-    		if ($$self.$$.dirty & /*modeValue, giftimagesrc*/ 131074) {
+    		if ($$self.$$.dirty & /*modeValue, giftimagesrc*/ 262146) {
     			$$invalidate(7, prizeSrc = (modeValue === null || modeValue === void 0
     			? void 0
     			: modeValue.prizeSrc) || giftimagesrc || img$m);
@@ -6140,6 +6208,7 @@
     		left,
     		$_,
     		eventButton,
+    		errorCodeMap,
     		r,
     		size,
     		id,
@@ -6155,7 +6224,7 @@
     	constructor(options) {
     		super();
     		const style = document.createElement('style');
-    		style.textContent = `:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";position:absolute;width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.GiftImage{max-width:80%;height:100px}.MessagePanel{position:absolute;background-color:#FFFFFF;color:#000000;padding:15px 30px;border-radius:8px;text-align:center;font-size:16px;opacity:0.3;box-shadow:0 0 1px #a1a1a1;transition:margin-top opacity 0.3s ease-out}.MessagePanelButton{padding:4px 24px;margin-top:40px;font-size:16px;line-height:24px;color:#FFFFFF;background:#FF0000;border-radius:5px;font-weight:700;border:0;box-shadow:0 0 3px #ff0000;cursor:pointer}`;
+    		style.textContent = `:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";position:absolute;width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.GiftImage{max-width:80%;height:100px}.MessagePanel{position:absolute;background-color:#FFFFFF;color:#000000;padding:15px 30px;border-radius:8px;text-align:center;font-size:16px;opacity:0.3;box-shadow:0 0 1px #a1a1a1;transition:margin-top opacity 0.3s ease-out}.MessagePanelButton{padding:4px 24px;margin-top:40px;font-size:16px;line-height:24px;color:#FFFFFF;background:#FF0000;border-radius:5px;font-weight:700;border:0;box-shadow:0 0 3px #ff0000;cursor:pointer}.ErrorCode{color:#b50000;margin-top:10px;font-size:14px;font-weight:500}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -6169,11 +6238,11 @@
     			create_fragment$6,
     			safe_not_equal,
     			{
-    				r: 13,
-    				size: 14,
-    				id: 15,
-    				clientstyling: 16,
-    				giftimagesrc: 17
+    				r: 14,
+    				size: 15,
+    				id: 16,
+    				clientstyling: 17,
+    				giftimagesrc: 18
     			},
     			null
     		);
@@ -6195,7 +6264,7 @@
     	}
 
     	get r() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[14];
     	}
 
     	set r(r) {
@@ -6204,7 +6273,7 @@
     	}
 
     	get size() {
-    		return this.$$.ctx[14];
+    		return this.$$.ctx[15];
     	}
 
     	set size(size) {
@@ -6213,7 +6282,7 @@
     	}
 
     	get id() {
-    		return this.$$.ctx[15];
+    		return this.$$.ctx[16];
     	}
 
     	set id(id) {
@@ -6222,7 +6291,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[16];
+    		return this.$$.ctx[17];
     	}
 
     	set clientstyling(clientstyling) {
@@ -6231,7 +6300,7 @@
     	}
 
     	get giftimagesrc() {
-    		return this.$$.ctx[17];
+    		return this.$$.ctx[18];
     	}
 
     	set giftimagesrc(giftimagesrc) {
@@ -8334,10 +8403,10 @@
                 return;
             }
             this.retryingTimes += 1;
-            let isFetchSucceeded = false;
+            let isFetchCompleted = false;
             let isTimeouted = false;
             setTimeout(() => {
-                if (!isFetchSucceeded) {
+                if (!isFetchCompleted) {
                     isTimeouted = true;
                     this.setMessage({
                         mode: 'timeout',
@@ -8348,7 +8417,7 @@
             try {
                 const { data, message, index: _index } = await this.fetcher(this.guid);
                 this.drawnIndex = _index;
-                isFetchSucceeded = true;
+                isFetchCompleted = true;
                 if (!data.success)
                     throw new Error();
                 switch (data.item.state) {
@@ -8365,6 +8434,16 @@
                 this.drawInit();
             }
             catch (e) {
+                if (e.message === "Failed to fetch") {
+                    isFetchCompleted = true;
+                    this.handleHaltProcess(undefined, 'ErrorNetwork');
+                    return;
+                }
+                if (e.message.includes("is not valid JSON")) {
+                    isFetchCompleted = true;
+                    this.handleHaltProcess(undefined, 'ErrorJSON');
+                    return;
+                }
                 if (isTimeouted)
                     return;
                 this.drawer();
@@ -8670,7 +8749,7 @@
     			attr_dev(foreignObject3, "height", 100);
     			add_location(foreignObject3, file$2, 282, 6, 8378);
     			attr_dev(g6, "class", "Center");
-    			toggle_class(g6, "disabled", /*isSpinning*/ ctx[9]);
+    			toggle_class(g6, "spinning", /*isSpinning*/ ctx[9]);
     			add_location(g6, file$2, 277, 4, 8259);
     			add_location(g7, file$2, 291, 4, 8545);
     			attr_dev(svg_1, "width", /*size*/ ctx[0]);
@@ -8921,7 +9000,7 @@
     			}
 
     			if (dirty[0] & /*isSpinning*/ 512) {
-    				toggle_class(g6, "disabled", /*isSpinning*/ ctx[9]);
+    				toggle_class(g6, "spinning", /*isSpinning*/ ctx[9]);
     			}
 
     			if (dirty[0] & /*calc, options*/ 40) {
@@ -9956,7 +10035,7 @@
     	constructor(options) {
     		super();
     		const style = document.createElement('style');
-    		style.textContent = `:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emfe-w-color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}svg{transition:opacity 0.3s}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}.theme1 foreignObject.Bottom,.theme4 foreignObject.Bottom,.theme5 foreignObject.Bottom{background-image:var(--img-theme1-bg3), var(--img-theme-BgBlackRing), var(--img-theme-BgHalo);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 7px), calc(var(--radius) * 2px + var(--ratio) * 37px), calc(var(--radius) * 2px + var(--ratio) * 130px)}.theme2 foreignObject.Bottom,.theme6 foreignObject.Bottom{background-image:var(--img-theme2-bg3), var(--img-theme-BgHalo), var(--img-theme-BgBlackRing);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 8px), calc(var(--radius) * 2px + var(--ratio) * 123px), calc(var(--radius) * 2px + var(--ratio) * 37px)}.theme3 foreignObject.Bottom{background-image:var(--img-theme3-bg2), var(--img-theme3-bg1);background-position:center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 57px), calc(var(--radius) * 2px + var(--ratio) * 125px)}.theme7 foreignObject.Bottom{background-image:var(--img-theme7-bg3), var(--img-theme7-bg2), var(--img-theme7-bg1);background-position:center, center calc(var(--size) * 1px - var(--ratio) * 95px), calc(var(--ratio) * 42px) calc(var(--ratio) * -5px);background-size:calc(var(--radius) * 2px + 35px), calc(var(--radius) * 2px * 0.6), calc(var(--radius) * 2.7px)}.theme1 foreignObject.Middle,.theme4 foreignObject.Middle{background-image:var(--img-theme-center1);background-position:center}.theme2 foreignObject.Middle{background-image:var(--img-theme2-center), var(--img-theme2-arrow);background-position:center, center 60px}.theme3 foreignObject.Middle{background-image:var(--img-theme3-center), var(--img-theme3-arrow);background-position:center, center 39px}.theme5 foreignObject.Middle,.theme6 foreignObject.Middle{background-image:var(--img-theme-center2);background-position:center}.theme7 foreignObject.Middle{background-image:var(--img-theme7-center), var(--img-theme7-arrow);background-position:center, center 36px}.theme7 foreignObject.Top{background-image:var(--img-theme7-light);background-position:294px 135px}.theme1 foreignObject.Top,.theme2 foreignObject.Top,.theme3 foreignObject.Top,.theme4 foreignObject.Top,.theme5 foreignObject.Top,.theme6 foreignObject.Top{background-image:var(--img-theme-shadow);background-position:center;mix-blend-mode:multiply;background-size:calc(var(--radius) * 2px)}.theme2 foreignObject.Partition1{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}.theme2 foreignObject.Partition2{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{background-image:var(--img-theme-pointer-area);background-position:center -3px;mix-blend-mode:screen;background-size:51%}foreignObject.Partition1,foreignObject.Partition2{transform-origin:center}.PartitionsCustomable1,.PartitionsCustomable2{visibility:hidden}.PartitionsCustomable1.active,.PartitionsCustomable2.active{visibility:visible}foreignObject.Customable{overflow:visible;background-repeat:no-repeat}.PartitionBackground{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.theme1 .PartitionBackground:nth-child(4n+1),.theme2 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#009C9C 0%, #002634 100%)}.theme1 .PartitionBackground:nth-child(4n+2),.theme2 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#AA00BF 0%, #3B0031 100%)}.theme1 .PartitionBackground:nth-child(4n+3),.theme2 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#0068CD 0%, #150D42 100%)}.theme1 .PartitionBackground:nth-child(4n+4),.theme2 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#DA005B 0%, #400021 100%)}.theme3 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#066 0%, #007F76 13%, #00B59B 42%, #00DDB5 67.01%, #00F6C6 88.01%, #0FC 100.01%)}.theme3 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#580065 22.67%, #D453FF 91.3%)}.theme3 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#FFE767 -0.01%, #F28F00 100%)}.theme3 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#900A42 22.59%, #960A44 23.94%, #B60B53 31.36%, #D00C5E 39.45%, #E40D67 48.22%, #F30D6E 57.66%, #FB0D71 69.8%, #FE0E73 90.03%)}.theme4 .PartitionBackground:nth-child(4n+1),.theme5 .PartitionBackground:nth-child(4n+1),.theme6 .PartitionBackground:nth-child(4n+1){background:radial-gradient(#3B0031 0%, #7E008E 100.01%)}.theme4 .PartitionBackground:nth-child(4n+2),.theme5 .PartitionBackground:nth-child(4n+2),.theme6 .PartitionBackground:nth-child(4n+2){background:radial-gradient(#5A005F 22.67%, #EA53FF 91.3%)}.theme4 .PartitionBackground:nth-child(4n+3),.theme5 .PartitionBackground:nth-child(4n+3),.theme6 .PartitionBackground:nth-child(4n+3){background:radial-gradient(#B300C3 -0.01%, #4D003B 100%)}.theme4 .PartitionBackground:nth-child(4n+4),.theme5 .PartitionBackground:nth-child(4n+4),.theme6 .PartitionBackground:nth-child(4n+4){background:radial-gradient(#59007B 22.59%, #B753FF 90.03%)}.theme7 .PartitionBackground:nth-child(2n+1){background:linear-gradient(90.23deg, #F6AD3F 16.59%, #AF8531 99.8%)}.theme7 .PartitionBackground:nth-child(2n+2){background:linear-gradient(90deg, #323234 -0.01%, #272425 54.99%, #231F1F 99.99%)}.PartitionBackground{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke-width:0.5px;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius))}.theme1 .PartitionBackgroundStroke,.theme2 .PartitionBackgroundStroke{stroke:#FCD755}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}`;
+    		style.textContent = `:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emfe-w-color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}svg{transition:opacity 0.3s}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}.theme1 foreignObject.Bottom,.theme4 foreignObject.Bottom,.theme5 foreignObject.Bottom{background-image:var(--img-theme1-bg3), var(--img-theme-BgBlackRing), var(--img-theme-BgHalo);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 7px), calc(var(--radius) * 2px + var(--ratio) * 37px), calc(var(--radius) * 2px + var(--ratio) * 130px)}.theme2 foreignObject.Bottom,.theme6 foreignObject.Bottom{background-image:var(--img-theme2-bg3), var(--img-theme-BgHalo), var(--img-theme-BgBlackRing);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 8px), calc(var(--radius) * 2px + var(--ratio) * 123px), calc(var(--radius) * 2px + var(--ratio) * 37px)}.theme3 foreignObject.Bottom{background-image:var(--img-theme3-bg2), var(--img-theme3-bg1);background-position:center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 57px), calc(var(--radius) * 2px + var(--ratio) * 125px)}.theme7 foreignObject.Bottom{background-image:var(--img-theme7-bg3), var(--img-theme7-bg2), var(--img-theme7-bg1);background-position:center, center calc(var(--size) * 1px - var(--ratio) * 95px), calc(var(--ratio) * 42px) calc(var(--ratio) * -5px);background-size:calc(var(--radius) * 2px + 35px), calc(var(--radius) * 2px * 0.6), calc(var(--radius) * 2.7px)}.theme1 foreignObject.Middle,.theme4 foreignObject.Middle{background-image:var(--img-theme-center1);background-position:center}.theme2 foreignObject.Middle{background-image:var(--img-theme2-center), var(--img-theme2-arrow);background-position:center, center 60px}.theme3 foreignObject.Middle{background-image:var(--img-theme3-center), var(--img-theme3-arrow);background-position:center, center 39px}.theme5 foreignObject.Middle,.theme6 foreignObject.Middle{background-image:var(--img-theme-center2);background-position:center}.theme7 foreignObject.Middle{background-image:var(--img-theme7-center), var(--img-theme7-arrow);background-position:center, center 36px}.theme7 foreignObject.Top{background-image:var(--img-theme7-light);background-position:294px 135px}.theme1 foreignObject.Top,.theme2 foreignObject.Top,.theme3 foreignObject.Top,.theme4 foreignObject.Top,.theme5 foreignObject.Top,.theme6 foreignObject.Top{background-image:var(--img-theme-shadow);background-position:center;mix-blend-mode:multiply;background-size:calc(var(--radius) * 2px)}.theme2 foreignObject.Partition1{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}.theme2 foreignObject.Partition2{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{background-image:var(--img-theme-pointer-area);background-position:center -3px;mix-blend-mode:screen;background-size:51%}foreignObject.Partition1,foreignObject.Partition2{transform-origin:center}.PartitionsCustomable1,.PartitionsCustomable2{visibility:hidden}.PartitionsCustomable1.active,.PartitionsCustomable2.active{visibility:visible}foreignObject.Customable{overflow:visible;background-repeat:no-repeat}.PartitionBackground{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.theme1 .PartitionBackground:nth-child(4n+1),.theme2 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#009C9C 0%, #002634 100%)}.theme1 .PartitionBackground:nth-child(4n+2),.theme2 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#AA00BF 0%, #3B0031 100%)}.theme1 .PartitionBackground:nth-child(4n+3),.theme2 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#0068CD 0%, #150D42 100%)}.theme1 .PartitionBackground:nth-child(4n+4),.theme2 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#DA005B 0%, #400021 100%)}.theme3 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#066 0%, #007F76 13%, #00B59B 42%, #00DDB5 67.01%, #00F6C6 88.01%, #0FC 100.01%)}.theme3 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#580065 22.67%, #D453FF 91.3%)}.theme3 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#FFE767 -0.01%, #F28F00 100%)}.theme3 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#900A42 22.59%, #960A44 23.94%, #B60B53 31.36%, #D00C5E 39.45%, #E40D67 48.22%, #F30D6E 57.66%, #FB0D71 69.8%, #FE0E73 90.03%)}.theme4 .PartitionBackground:nth-child(4n+1),.theme5 .PartitionBackground:nth-child(4n+1),.theme6 .PartitionBackground:nth-child(4n+1){background:radial-gradient(#3B0031 0%, #7E008E 100.01%)}.theme4 .PartitionBackground:nth-child(4n+2),.theme5 .PartitionBackground:nth-child(4n+2),.theme6 .PartitionBackground:nth-child(4n+2){background:radial-gradient(#5A005F 22.67%, #EA53FF 91.3%)}.theme4 .PartitionBackground:nth-child(4n+3),.theme5 .PartitionBackground:nth-child(4n+3),.theme6 .PartitionBackground:nth-child(4n+3){background:radial-gradient(#B300C3 -0.01%, #4D003B 100%)}.theme4 .PartitionBackground:nth-child(4n+4),.theme5 .PartitionBackground:nth-child(4n+4),.theme6 .PartitionBackground:nth-child(4n+4){background:radial-gradient(#59007B 22.59%, #B753FF 90.03%)}.theme7 .PartitionBackground:nth-child(2n+1){background:linear-gradient(90.23deg, #F6AD3F 16.59%, #AF8531 99.8%)}.theme7 .PartitionBackground:nth-child(2n+2){background:linear-gradient(90deg, #323234 -0.01%, #272425 54.99%, #231F1F 99.99%)}.PartitionBackground{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke-width:0.5px;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius))}.theme1 .PartitionBackgroundStroke,.theme2 .PartitionBackgroundStroke{stroke:#FCD755}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}g.Center.spinning{cursor:not-allowed}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -10103,7 +10182,7 @@
     	return child_ctx;
     }
 
-    // (103:2) {#if bonus?.current && isOptionsReady}
+    // (105:2) {#if bonus?.current && isOptionsReady}
     function create_if_block$1(ctx) {
     	let div;
     	let each_value = /*currentInfoKeys*/ ctx[6];
@@ -10123,7 +10202,7 @@
     			}
 
     			attr_dev(div, "class", "Current");
-    			add_location(div, file$1, 103, 2, 2881);
+    			add_location(div, file$1, 105, 2, 2924);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10169,14 +10248,14 @@
     		block,
     		id: create_if_block$1.name,
     		type: "if",
-    		source: "(103:2) {#if bonus?.current && isOptionsReady}",
+    		source: "(105:2) {#if bonus?.current && isOptionsReady}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (105:4) {#each currentInfoKeys as CurrentInfoKey}
+    // (107:4) {#each currentInfoKeys as CurrentInfoKey}
     function create_each_block$1(ctx) {
     	let p;
     	let t0_value = /*$_*/ ctx[11](`wof.${/*CurrentInfoKey*/ ctx[21]}`) + "";
@@ -10195,7 +10274,7 @@
     			t2 = text(t2_value);
     			t3 = space();
     			attr_dev(p, "class", p_class_value = /*CurrentInfoKey*/ ctx[21]);
-    			add_location(p, file$1, 105, 6, 2955);
+    			add_location(p, file$1, 107, 6, 2998);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -10221,7 +10300,7 @@
     		block,
     		id: create_each_block$1.name,
     		type: "each",
-    		source: "(105:4) {#each currentInfoKeys as CurrentInfoKey}",
+    		source: "(107:4) {#each currentInfoKeys as CurrentInfoKey}",
     		ctx
     	});
 
@@ -10279,12 +10358,12 @@
     			if (if_block) if_block.c();
     			this.c = noop;
     			set_attributes(lottery_program_wof_private_item_svg, lottery_program_wof_private_item_svg_data);
-    			add_location(lottery_program_wof_private_item_svg, file$1, 86, 2, 2565);
+    			add_location(lottery_program_wof_private_item_svg, file$1, 88, 2, 2608);
     			set_attributes(lottery_program_wof_private_message_panel, lottery_program_wof_private_message_panel_data);
-    			add_location(lottery_program_wof_private_message_panel, file$1, 94, 2, 2700);
+    			add_location(lottery_program_wof_private_message_panel, file$1, 96, 2, 2743);
     			attr_dev(div, "class", "LotteryItem");
     			toggle_class(div, "Invalid", /*bonus*/ ctx[5]?.current.remainingTimes == 0 && !/*bonus*/ ctx[5]?.next && /*checkableValid*/ ctx[8]);
-    			add_location(div, file$1, 81, 0, 2417);
+    			add_location(div, file$1, 83, 0, 2460);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -10400,6 +10479,7 @@
     		},
     		'wof-private-message-spin-after': data => {
     			if (data.id !== id) return;
+    			if (!bonusNew) return;
     			$$invalidate(5, bonus = bonusNew);
 
     			_postMessage({