@everymatrix/lottery-program-wof 1.23.0 → 1.24.0

package/dist/lottery-program-wof.js

@@ -5195,9 +5195,11 @@
           ActiveTickets: `Active Tickets`,
           ImplicitTickets: `Implicit Tickets`,
           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: 'There was a problem to grant the reward. Please contact support',
+          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.',
           Congratulation: `Congratulations! You won a {prize}!`,
           OK: `OK`,
           Rewards: `Rewards`,
@@ -5330,7 +5332,7 @@
     const { Object: Object_1$2 } = globals;
     const file$6 = "src/private.message.svelte";
 
-    // (75:0) {#if isShown && isOptionsReady}
+    // (83:0) {#if isShown && isOptionsReady}
     function create_if_block$5(ctx) {
     	let div;
     	let t0;
@@ -5340,7 +5342,7 @@
     	let t4;
     	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') && create_if_block_7(ctx);
+    	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);
@@ -5370,7 +5372,7 @@
     				/*isShown*/ ctx[4] ? 'opacity: 1' : ''
     			].join(';'));
 
-    			add_location(div, file$6, 75, 0, 2565);
+    			add_location(div, file$6, 83, 0, 2786);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5388,7 +5390,7 @@
     			/*div_binding*/ ctx[20](div);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*mode*/ ctx[5] === 'normal' || /*mode*/ ctx[5] === 'init-failed') {
+    			if (/*mode*/ ctx[5] === 'normal' || /*mode*/ ctx[5] === 'init-failed' || /*mode*/ ctx[5] === 'timeout') {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
@@ -5493,14 +5495,14 @@
     		block,
     		id: create_if_block$5.name,
     		type: "if",
-    		source: "(75:0) {#if isShown && isOptionsReady}",
+    		source: "(83:0) {#if isShown && isOptionsReady}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (87:2) {#if mode === 'normal' || mode === 'init-failed'}
+    // (95:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}
     function create_if_block_7(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[11](`wof.${/*modeValue*/ ctx[1]}`) + "";
@@ -5510,7 +5512,7 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file$6, 87, 2, 2808);
+    			add_location(p, file$6, 95, 2, 3051);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5528,14 +5530,14 @@
     		block,
     		id: create_if_block_7.name,
     		type: "if",
-    		source: "(87:2) {#if mode === 'normal' || mode === 'init-failed'}",
+    		source: "(95:2) {#if mode === 'normal' || mode === 'init-failed' || mode === 'timeout'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (91:2) {#if mode === 'show-next'}
+    // (99:2) {#if mode === 'show-next'}
     function create_if_block_6(ctx) {
     	let p;
 
@@ -5546,7 +5548,7 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			add_location(p, file$6, 91, 2, 2880);
+    			add_location(p, file$6, 99, 2, 3123);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5565,14 +5567,14 @@
     		block,
     		id: create_if_block_6.name,
     		type: "if",
-    		source: "(91:2) {#if mode === 'show-next'}",
+    		source: "(99:2) {#if mode === 'show-next'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (95:2) {#if mode === 'NoNext'}
+    // (103:2) {#if mode === 'NoNext'}
     function create_if_block_5(ctx) {
     	let p;
     	let raw_value = /*$_*/ ctx[11](`wof.NoNext`) + "";
@@ -5580,7 +5582,7 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			add_location(p, file$6, 95, 2, 2976);
+    			add_location(p, file$6, 103, 2, 3219);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5599,14 +5601,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(95:2) {#if mode === 'NoNext'}",
+    		source: "(103:2) {#if mode === 'NoNext'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (99:2) {#if mode === 'gift'}
+    // (107:2) {#if mode === 'gift'}
     function create_if_block_3$1(ctx) {
     	let p0;
     	let img;
@@ -5634,9 +5636,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, 100, 4, 3072);
-    			add_location(p0, file$6, 99, 2, 3064);
-    			add_location(p1, file$6, 107, 2, 3290);
+    			add_location(img, file$6, 108, 4, 3315);
+    			add_location(p0, file$6, 107, 2, 3307);
+    			add_location(p1, file$6, 115, 2, 3533);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5676,14 +5678,14 @@
     		block,
     		id: create_if_block_3$1.name,
     		type: "if",
-    		source: "(99:2) {#if mode === 'gift'}",
+    		source: "(107:2) {#if mode === 'gift'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (105:4) {:else}
+    // (113:4) {:else}
     function create_else_block$2(ctx) {
     	let html_tag;
 
@@ -5718,14 +5720,14 @@
     		block,
     		id: create_else_block$2.name,
     		type: "else",
-    		source: "(105:4) {:else}",
+    		source: "(113:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (103:4) {#if modeValue.prizeText}
+    // (111:4) {#if modeValue.prizeText}
     function create_if_block_4(ctx) {
     	let html_tag;
     	let raw_value = /*modeValue*/ ctx[1].prizeText + "";
@@ -5754,14 +5756,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(103:4) {#if modeValue.prizeText}",
+    		source: "(111:4) {#if modeValue.prizeText}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (113:2) {#if mode === 'nogift'}
+    // (121:2) {#if mode === 'nogift'}
     function create_if_block_2$1(ctx) {
     	let p0;
     	let img;
@@ -5779,9 +5781,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, 114, 4, 3347);
-    			add_location(p0, file$6, 113, 2, 3339);
-    			add_location(p1, file$6, 116, 2, 3409);
+    			add_location(img, file$6, 122, 4, 3590);
+    			add_location(p0, file$6, 121, 2, 3582);
+    			add_location(p1, file$6, 124, 2, 3652);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5807,14 +5809,14 @@
     		block,
     		id: create_if_block_2$1.name,
     		type: "if",
-    		source: "(113:2) {#if mode === 'nogift'}",
+    		source: "(121:2) {#if mode === 'nogift'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (120:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}
+    // (128:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}
     function create_if_block_1$4(ctx) {
     	let div;
     	let button;
@@ -5829,8 +5831,8 @@
     			button = element("button");
     			t = text(t_value);
     			attr_dev(button, "class", "MessagePanelButton");
-    			add_location(button, file$6, 121, 4, 3523);
-    			add_location(div, file$6, 120, 2, 3513);
+    			add_location(button, file$6, 129, 4, 3766);
+    			add_location(div, file$6, 128, 2, 3756);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5856,7 +5858,7 @@
     		block,
     		id: create_if_block_1$4.name,
     		type: "if",
-    		source: "(120:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}",
+    		source: "(128:2) {#if !['init-failed', 'show-next', 'NoNext'].includes(mode)}",
     		ctx
     	});
 
@@ -5952,8 +5954,16 @@
     	const _postMessageScoped = props => _postMessage(Object.assign(Object.assign({}, props), { id }));
 
     	const eventButton = () => {
-    		$$invalidate(4, isShown = false);
-    		_postMessageScoped({ type: 'wof-private-message-close' });
+    		switch (mode) {
+    			case 'timeout':
+    				$$invalidate(4, isShown = false);
+    				_postMessageScoped({ type: 'wof-private-message-retry' });
+    				break;
+    			default:
+    				$$invalidate(4, isShown = false);
+    				_postMessageScoped({ type: 'wof-private-message-close' });
+    				break;
+    		}
     	};
 
     	const getTimeString = _d => {
@@ -8274,6 +8284,9 @@
 
     class Process {
         constructor(params) {
+            this.isDrawn = false;
+            this.retryingTimes = 0;
+            this.retryingMaxTimes = 4;
             this.id = params.id;
             this.afterSetMessage = params.afterSetMessage;
             this.halter = params.halter;
@@ -8292,24 +8305,69 @@
             // spinner.halt(calc.getDeg(index), cb)
             this.halter(index, cb);
         }
-        async drawer(guid, frequency = 0) {
-            let index;
+        getRetryingPeriod() {
+            if (this.retryingTimes === 1) {
+                return 5 * 1000;
+            }
+            else {
+                return 10 * 1000;
+            }
+        }
+        drawInit() {
+            this.retryingTimes = 0;
+            this.guid = undefined;
+            this.isDrawn = false;
+        }
+        async drawer(guid) {
+            if (guid)
+                this.guid = guid;
+            if (!this.guid)
+                throw new Error('GUID NOT FOUND');
+            if (this.retryingTimes >= this.retryingMaxTimes) {
+                if (this.isDrawn) {
+                    this.handleHaltProcess(this.drawnIndex, 'DrawFailed');
+                }
+                else {
+                    this.handleHaltProcess(undefined, 'Timeout');
+                }
+                this.drawInit();
+                return;
+            }
+            this.retryingTimes += 1;
+            let isFetchSucceeded = false;
+            let isTimeouted = false;
+            setTimeout(() => {
+                if (!isFetchSucceeded) {
+                    isTimeouted = true;
+                    this.setMessage({
+                        mode: 'timeout',
+                        modeValue: 'Retry'
+                    });
+                }
+            }, this.getRetryingPeriod());
             try {
-                const { data, message, index: _index } = await this.fetcher(guid);
-                index = _index;
+                const { data, message, index: _index } = await this.fetcher(this.guid);
+                this.drawnIndex = _index;
+                isFetchSucceeded = true;
                 if (!data.success)
                     throw new Error();
-                if (data.item.state === "drawn")
-                    throw new Error();
-                this.handleHaltProcess(index, message, this.afterSuccess);
+                switch (data.item.state) {
+                    case 'fulfilled':
+                        this.isDrawn = true;
+                        break;
+                    case 'drawn':
+                        this.isDrawn = true;
+                        throw new Error();
+                }
+                if (isTimeouted)
+                    return;
+                this.handleHaltProcess(this.drawnIndex, message, this.afterSuccess);
+                this.drawInit();
             }
             catch (e) {
-                if (frequency < 4) {
-                    this.drawer(guid, frequency + 1);
-                }
-                else {
-                    this.handleHaltProcess(index, 'DrawFailed');
-                }
+                if (isTimeouted)
+                    return;
+                this.drawer();
             }
         }
         setMessage(entry) {
@@ -8443,7 +8501,7 @@
     	return child_ctx;
     }
 
-    // (175:2) {#if Number(size) && options.length}
+    // (184:2) {#if Number(size) && options.length}
     function create_if_block$2(ctx) {
     	let svg_1;
     	let foreignObject0;
@@ -8586,39 +8644,39 @@
     			}
 
     			set_svg_attributes(foreignObject0, foreignObject_data_3);
-    			add_location(foreignObject0, file$2, 182, 4, 5530);
+    			add_location(foreignObject0, file$2, 191, 4, 5777);
     			attr_dev(g0, "class", "PartitionsBackgrounds");
-    			add_location(g0, file$2, 185, 6, 5660);
+    			add_location(g0, file$2, 194, 6, 5907);
     			attr_dev(g1, "class", "PartitionsBackgroundStrokes");
-    			add_location(g1, file$2, 196, 6, 5993);
+    			add_location(g1, file$2, 205, 6, 6240);
     			attr_dev(g2, "class", "Partitions");
     			set_style(g2, "filter", /*optionFilter*/ ctx[13]);
-    			add_location(g2, file$2, 207, 6, 6268);
+    			add_location(g2, file$2, 216, 6, 6515);
     			set_svg_attributes(g3, g_data_7);
-    			add_location(g3, file$2, 184, 4, 5594);
+    			add_location(g3, file$2, 193, 4, 5841);
     			attr_dev(g4, "class", "PartitionsCustomable1");
     			toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[7]);
-    			add_location(g4, file$2, 233, 4, 7006);
+    			add_location(g4, file$2, 242, 4, 7253);
     			attr_dev(g5, "class", "PartitionsCustomable2");
     			toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[7]);
-    			add_location(g5, file$2, 242, 4, 7275);
+    			add_location(g5, file$2, 251, 4, 7522);
     			set_svg_attributes(foreignObject1, foreignObject_data_2);
-    			add_location(foreignObject1, file$2, 265, 4, 7888);
+    			add_location(foreignObject1, file$2, 274, 4, 8135);
     			set_svg_attributes(foreignObject2, foreignObject_data_1);
-    			add_location(foreignObject2, file$2, 266, 4, 7951);
+    			add_location(foreignObject2, file$2, 275, 4, 8198);
     			attr_dev(foreignObject3, "x", foreignObject3_x_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2);
     			attr_dev(foreignObject3, "y", foreignObject3_y_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2);
     			attr_dev(foreignObject3, "width", 100);
     			attr_dev(foreignObject3, "height", 100);
-    			add_location(foreignObject3, file$2, 273, 6, 8131);
+    			add_location(foreignObject3, file$2, 282, 6, 8378);
     			attr_dev(g6, "class", "Center");
     			toggle_class(g6, "disabled", /*isSpinning*/ ctx[9]);
-    			add_location(g6, file$2, 268, 4, 8012);
-    			add_location(g7, file$2, 282, 4, 8298);
+    			add_location(g6, file$2, 277, 4, 8259);
+    			add_location(g7, file$2, 291, 4, 8545);
     			attr_dev(svg_1, "width", /*size*/ ctx[0]);
     			attr_dev(svg_1, "height", /*size*/ ctx[0]);
     			set_style(svg_1, "opacity", /*messageShown*/ ctx[11] ? '.3' : '');
-    			add_location(svg_1, file$2, 175, 2, 5371);
+    			add_location(svg_1, file$2, 184, 2, 5618);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg_1, anchor);
@@ -8921,14 +8979,14 @@
     		block,
     		id: create_if_block$2.name,
     		type: "if",
-    		source: "(175:2) {#if Number(size) && options.length}",
+    		source: "(184:2) {#if Number(size) && options.length}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (187:8) {#each options as option, index}
+    // (196:8) {#each options as option, index}
     function create_each_block_5(ctx) {
     	let foreignObject;
 
@@ -8940,7 +8998,7 @@
     			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[45]}`);
     			attr_dev(foreignObject, "width", /*size*/ ctx[0]);
     			attr_dev(foreignObject, "height", /*size*/ ctx[0]);
-    			add_location(foreignObject, file$2, 187, 10, 5745);
+    			add_location(foreignObject, file$2, 196, 10, 5992);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -8963,14 +9021,14 @@
     		block,
     		id: create_each_block_5.name,
     		type: "each",
-    		source: "(187:8) {#each options as option, index}",
+    		source: "(196:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (198:8) {#each options as option, index}
+    // (207:8) {#each options as option, index}
     function create_each_block_4(ctx) {
     	let path;
 
@@ -8991,7 +9049,7 @@
     		c: function create() {
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 198, 8, 6082);
+    			add_location(path, file$2, 207, 8, 6329);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, path, anchor);
@@ -9013,14 +9071,14 @@
     		block,
     		id: create_each_block_4.name,
     		type: "each",
-    		source: "(198:8) {#each options as option, index}",
+    		source: "(207:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (211:10) {#if option.image}
+    // (220:10) {#if option.image}
     function create_if_block_3(ctx) {
     	let g;
     	let mounted;
@@ -9030,7 +9088,7 @@
     		c: function create() {
     			g = svg_element("g");
     			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[45]}`);
-    			add_location(g, file$2, 211, 12, 6401);
+    			add_location(g, file$2, 220, 12, 6648);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -9054,14 +9112,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(211:10) {#if option.image}",
+    		source: "(220:10) {#if option.image}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (218:10) {#if option.name}
+    // (227:10) {#if option.name}
     function create_if_block_2(ctx) {
     	let foreignObject;
     	let div;
@@ -9092,11 +9150,11 @@
 			? ''
 			: ' Anticlockwise'}`);
 
-    			add_location(p, file$2, 223, 16, 6776);
+    			add_location(p, file$2, 232, 16, 7023);
     			attr_dev(div, "class", "PartitionTextEntityContainer");
-    			add_location(div, file$2, 222, 14, 6717);
+    			add_location(div, file$2, 231, 14, 6964);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 218, 12, 6576);
+    			add_location(foreignObject, file$2, 227, 12, 6823);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9127,14 +9185,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(218:10) {#if option.name}",
+    		source: "(227:10) {#if option.name}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (209:8) {#each options as option,index}
+    // (218:8) {#each options as option,index}
     function create_each_block_3(ctx) {
     	let if_block0_anchor;
     	let if_block1_anchor;
@@ -9191,14 +9249,14 @@
     		block,
     		id: create_each_block_3.name,
     		type: "each",
-    		source: "(209:8) {#each options as option,index}",
+    		source: "(218:8) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (235:6) {#each options as option,index}
+    // (244:6) {#each options as option,index}
     function create_each_block_2(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9221,7 +9279,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 235, 6, 7127);
+    			add_location(foreignObject, file$2, 244, 6, 7374);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9242,14 +9300,14 @@
     		block,
     		id: create_each_block_2.name,
     		type: "each",
-    		source: "(235:6) {#each options as option,index}",
+    		source: "(244:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (244:6) {#each options as option,index}
+    // (253:6) {#each options as option,index}
     function create_each_block_1(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9272,7 +9330,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 244, 6, 7396);
+    			add_location(foreignObject, file$2, 253, 6, 7643);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9293,14 +9351,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(244:6) {#each options as option,index}",
+    		source: "(253:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (253:4) {#if theme.pointerMode === PointerMode.Partition}
+    // (262:4) {#if theme.pointerMode === PointerMode.Partition}
     function create_if_block_1$1(ctx) {
     	let g;
     	let foreignObject;
@@ -9332,12 +9390,12 @@
     			foreignObject = svg_element("foreignObject");
     			path = svg_element("path");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 255, 6, 7663);
+    			add_location(foreignObject, file$2, 264, 6, 7910);
     			set_svg_attributes(path, path_data);
     			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[10]);
-    			add_location(path, file$2, 257, 6, 7734);
+    			add_location(path, file$2, 266, 6, 7981);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 253, 4, 7599);
+    			add_location(g, file$2, 262, 4, 7846);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -9371,14 +9429,14 @@
     		block,
     		id: create_if_block_1$1.name,
     		type: "if",
-    		source: "(253:4) {#if theme.pointerMode === PointerMode.Partition}",
+    		source: "(262:4) {#if theme.pointerMode === PointerMode.Partition}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (284:6) {#each options as option, index}
+    // (293:6) {#each options as option, index}
     function create_each_block$2(ctx) {
     	let clipPath;
     	let path;
@@ -9401,9 +9459,9 @@
     			clipPath = svg_element("clipPath");
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 285, 8, 8392);
+    			add_location(path, file$2, 294, 8, 8639);
     			set_svg_attributes(clipPath, clipPath_data);
-    			add_location(clipPath, file$2, 284, 6, 8347);
+    			add_location(clipPath, file$2, 293, 6, 8594);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, clipPath, anchor);
@@ -9423,7 +9481,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(284:6) {#each options as option, index}",
+    		source: "(293:6) {#each options as option, index}",
     		ctx
     	});
 
@@ -9444,7 +9502,7 @@
     			this.c = noop;
     			attr_dev(div, "class", div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[6]) + 1}`);
     			attr_dev(div, "style", div_style_value = `${defines()} --length: ${/*options*/ ctx[3].length}; --radius: ${/*radius*/ ctx[1]}; --ratio: ${Number(/*size*/ ctx[0]) / 480}; --size: ${/*size*/ ctx[0]}`);
-    			add_location(div, file$2, 169, 0, 5114);
+    			add_location(div, file$2, 178, 0, 5361);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -9635,6 +9693,11 @@
     			$$invalidate(9, isSpinning = false);
     			setTimeout(() => updateSpinable(), 1);
     			$$invalidate(11, messageShown = false);
+    		},
+    		'wof-private-message-retry': data => {
+    			if (data.id !== id) return;
+    			$$invalidate(11, messageShown = false);
+    			process.drawer();
     		}
     	});
 
@@ -9830,11 +9893,14 @@
     			bonus && runFirstCheck();
     		}
 
-    		if ($$self.$$.dirty[0] & /*id, calc, endpoint, session, options*/ 4587560) {
+    		if ($$self.$$.dirty[0] & /*id, options, calc, endpoint, session*/ 4587560) {
     			process = new Process({
     					id,
     					afterSetMessage: () => $$invalidate(11, messageShown = true),
-    					halter: (index, cb) => spinner.halt(calc.getDeg(index), cb),
+    					halter: (index, cb) => {
+    						const targetIndex = index >= 0 ? index : options.length - 1;
+    						spinner.halt(calc.getDeg(targetIndex), cb);
+    					},
     					afterSuccess: () => $$invalidate(10, isShowPrizeArea = true),
     					fetcher: async guid => await api.draw(endpoint, session, id, guid, options)
     				});
@@ -10650,7 +10716,7 @@
     	return child_ctx;
     }
 
-    // (100:10) {:else}
+    // (101:10) {:else}
     function create_else_block(ctx) {
     	let div;
     	let p;
@@ -10662,9 +10728,9 @@
     			div = element("div");
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file, 101, 14, 3045);
+    			add_location(p, file, 102, 14, 3117);
     			attr_dev(div, "class", "NoContent");
-    			add_location(div, file, 100, 12, 3007);
+    			add_location(div, file, 101, 12, 3079);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10683,14 +10749,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(100:10) {:else}",
+    		source: "(101:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (90:10) {#if bonuses.length}
+    // (91:10) {#if bonuses.length}
     function create_if_block_1(ctx) {
     	let each_1_anchor;
     	let each_value = /*bonuses*/ ctx[6];
@@ -10753,21 +10819,21 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(90:10) {#if bonuses.length}",
+    		source: "(91:10) {#if bonuses.length}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (87:8) {#if loading}
+    // (88:8) {#if loading}
     function create_if_block(ctx) {
     	let wof_loader;
 
     	const block = {
     		c: function create() {
     			wof_loader = element("wof-loader");
-    			add_location(wof_loader, file, 87, 10, 2621);
+    			add_location(wof_loader, file, 88, 10, 2693);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, wof_loader, anchor);
@@ -10782,14 +10848,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(87:8) {#if loading}",
+    		source: "(88:8) {#if loading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (91:12) {#each bonuses as bonus}
+    // (92:12) {#each bonuses as bonus}
     function create_each_block(ctx) {
     	let lottery_program_wof_private_item;
 
@@ -10813,7 +10879,7 @@
     		c: function create() {
     			lottery_program_wof_private_item = element("lottery-program-wof-private-item");
     			set_attributes(lottery_program_wof_private_item, lottery_program_wof_private_item_data);
-    			add_location(lottery_program_wof_private_item, file, 91, 14, 2734);
+    			add_location(lottery_program_wof_private_item, file, 92, 14, 2806);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, lottery_program_wof_private_item, anchor);
@@ -10838,7 +10904,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(91:12) {#each bonuses as bonus}",
+    		source: "(92:12) {#each bonuses as bonus}",
     		ctx
     	});
 
@@ -10895,17 +10961,17 @@
     			lottery_program_wof_private_outcomes = element("lottery-program-wof-private-outcomes");
     			this.c = noop;
     			attr_dev(div0, "class", "CommonContainer");
-    			add_location(div0, file, 85, 6, 2559);
+    			add_location(div0, file, 86, 6, 2631);
     			attr_dev(div1, "slot", "tab-Program");
-    			add_location(div1, file, 84, 4, 2528);
+    			add_location(div1, file, 85, 4, 2600);
     			set_attributes(lottery_program_wof_private_outcomes, lottery_program_wof_private_outcomes_data);
-    			add_location(lottery_program_wof_private_outcomes, file, 108, 6, 3182);
+    			add_location(lottery_program_wof_private_outcomes, file, 109, 6, 3254);
     			attr_dev(div2, "slot", "tab-History");
-    			add_location(div2, file, 107, 4, 3151);
+    			add_location(div2, file, 108, 4, 3223);
     			set_attributes(lottery_program_wof_private_tabs, lottery_program_wof_private_tabs_data);
-    			add_location(lottery_program_wof_private_tabs, file, 83, 2, 2456);
+    			add_location(lottery_program_wof_private_tabs, file, 84, 2, 2528);
     			attr_dev(div3, "class", "WofContainer");
-    			add_location(div3, file, 82, 0, 2401);
+    			add_location(div3, file, 83, 0, 2473);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -11015,6 +11081,12 @@
 
     	const fetcher = async () => {
     		$$invalidate(6, bonuses = await api.lotteries(endpoint, session));
+
+    		_postMessage({
+    			type: 'WofStatus',
+    			avaliable: bonuses.length > 0
+    		});
+
     		_postMessage({ type: 'wof-private-bonuses', bonuses });
     	};