@everymatrix/casino-categories-slider 0.0.167 → 0.0.171

package/dist/casino-categories-slider.js

@@ -5292,7 +5292,7 @@
     const { console: console_1 } = globals;
     const file = "src/CasinoCategoriesSlider.svelte";
 
-    // (187:4) {:else}
+    // (224:4) {:else}
     function create_else_block(ctx) {
     	let div;
     	let casino_slider;
@@ -5307,32 +5307,32 @@
     			set_custom_element_data(casino_slider, "clientstylingurl", /*clientstylingurl*/ ctx[1]);
     			set_custom_element_data(casino_slider, "containermaxwidth", /*containermaxwidth*/ ctx[2]);
     			set_custom_element_data(casino_slider, "onclickeventname", "CategoryChange");
-    			add_location(casino_slider, file, 188, 8, 6054);
+    			add_location(casino_slider, file, 225, 8, 7246);
     			attr_dev(div, "class", "CasinoCategoriesContainer");
-    			add_location(div, file, 187, 6, 6006);
+    			add_location(div, file, 224, 6, 7198);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			append_dev(div, casino_slider);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*numberOfFavoredGames*/ 128) {
+    			if (dirty[0] & /*numberOfFavoredGames*/ 128) {
     				set_custom_element_data(casino_slider, "favoritesnumber", /*numberOfFavoredGames*/ ctx[7]);
     			}
 
-    			if (dirty & /*categories*/ 16) {
+    			if (dirty[0] & /*categories*/ 16) {
     				set_custom_element_data(casino_slider, "sliderdata", /*categories*/ ctx[4]);
     			}
 
-    			if (dirty & /*clientstyling*/ 1) {
+    			if (dirty[0] & /*clientstyling*/ 1) {
     				set_custom_element_data(casino_slider, "clientstyling", /*clientstyling*/ ctx[0]);
     			}
 
-    			if (dirty & /*clientstylingurl*/ 2) {
+    			if (dirty[0] & /*clientstylingurl*/ 2) {
     				set_custom_element_data(casino_slider, "clientstylingurl", /*clientstylingurl*/ ctx[1]);
     			}
 
-    			if (dirty & /*containermaxwidth*/ 4) {
+    			if (dirty[0] & /*containermaxwidth*/ 4) {
     				set_custom_element_data(casino_slider, "containermaxwidth", /*containermaxwidth*/ ctx[2]);
     			}
     		},
@@ -5345,14 +5345,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(187:4) {:else}",
+    		source: "(224:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (185:4) {#if hasErrors}
+    // (222:4) {#if hasErrors}
     function create_if_block_1(ctx) {
     	let p;
 
@@ -5361,7 +5361,7 @@
     			p = element("p");
     			p.textContent = "500 Error - Internal Server Error.";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file, 185, 6, 5924);
+    			add_location(p, file, 222, 6, 7116);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5376,14 +5376,14 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(185:4) {#if hasErrors}",
+    		source: "(222:4) {#if hasErrors}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (182:2) {#if isLoading}
+    // (219:2) {#if isLoading}
     function create_if_block(ctx) {
     	let p;
 
@@ -5391,7 +5391,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "Please wait ...";
-    			add_location(p, file, 182, 4, 5865);
+    			add_location(p, file, 219, 4, 7057);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5406,7 +5406,7 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(182:2) {#if isLoading}",
+    		source: "(219:2) {#if isLoading}",
     		ctx
     	});
 
@@ -5430,7 +5430,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop$1;
-    			add_location(div, file, 180, 0, 5802);
+    			add_location(div, file, 217, 0, 6994);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5438,9 +5438,9 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[14](div);
+    			/*div_binding*/ ctx[18](div);
     		},
-    		p: function update(ctx, [dirty]) {
+    		p: function update(ctx, dirty) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
     				if_block.p(ctx, dirty);
     			} else {
@@ -5458,7 +5458,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[14](null);
+    			/*div_binding*/ ctx[18](null);
     		}
     	};
 
@@ -5480,6 +5480,7 @@
     	let { endpoint = "" } = $$props;
     	let { datasource = "" } = $$props;
     	let { lang = "" } = $$props; // Language
+    	let { userid = "" } = $$props;
     	let { session = "" } = $$props; // Value for sessionID
     	let { mostplayed = "" } = $$props; // True - add MostPlayed category in slider
     	let { favorites = "" } = $$props; // True - add Favorites category in slider
@@ -5502,6 +5503,9 @@
     	let numberOfFavoredGames;
     	let favoritesAdded = false;
     	let mostPlayedAdded = false;
+    	let favoritesLoaded = false;
+    	let mostPlayedLoaded = false;
+    	let categoriesLoaded = false;
 
     	const messageHandler = e => {
     		if (e.data) {
@@ -5532,6 +5536,36 @@
     		}
     	};
 
+    	const getMostPlayedGames = () => {
+    		let url = new URL(`${endpoint}/player/${userid}/games/most-played`);
+    		let device = getDevice(userAgent);
+
+    		if (device) {
+    			if (device === "PC") {
+    				url.searchParams.append("device", "Desktop");
+    			} else {
+    				url.searchParams.append("device", "Mobile");
+    			}
+    		} else {
+    			url.searchParams.append("device", "All");
+    		}
+
+    		url.searchParams.append("rounds", "50");
+
+    		return new Promise((resolve, reject) => {
+    				fetch(url.href).then(res => res.json()).then(data => {
+    					if (data.count == 0) {
+    						resolve(false);
+    					}
+
+    					resolve(true);
+    				}).catch(err => {
+    					console.error("err", err);
+    					reject(false);
+    				});
+    			});
+    	};
+
     	const addFavoritesCategory = () => {
     		if (favoritesAdded == false && favorites == "true") {
     			categories.splice(1, 0, {
@@ -5543,22 +5577,24 @@
     		}
 
     		favoritesAdded = true;
-    		$$invalidate(3, isLoading = false);
+    		$$invalidate(15, favoritesLoaded = true);
     	};
 
     	const addMostPlayedCategory = () => {
-    		if (mostPlayedAdded == false && mostplayed == "true") {
-    			categories.splice(1, 0, {
-    				id: "MOSTPLAYED",
-    				name: "Most Played",
-    				href: "",
-    				games: [],
-    				triggerFetch: false
-    			});
-    		}
+    		getMostPlayedGames().then(display => {
+    			if (mostPlayedAdded == false && mostplayed == "true" && display) {
+    				categories.splice(2, 0, {
+    					id: "MOSTPLAYED",
+    					name: "Most Played",
+    					href: "",
+    					games: [],
+    					triggerFetch: false
+    				});
+    			}
 
-    		mostPlayedAdded = true;
-    		$$invalidate(3, isLoading = false);
+    			mostPlayedAdded = true;
+    			$$invalidate(16, mostPlayedLoaded = true);
+    		});
     	};
 
     	const checkAttrs = () => {
@@ -5586,14 +5622,15 @@
     		return hasErrors;
     	};
 
+    	const checkIfLoaded = () => {
+    		$$invalidate(3, isLoading = !favoritesLoaded && !mostPlayedLoaded && !categoriesLoaded);
+    	};
+
     	const initialLoad = () => {
     		if (!checkAttrs()) {
-    			$$invalidate(3, isLoading = true);
     			let url = new URL(`${endpoint}/casino/groups/${datasource}`);
     			url.searchParams.append("datasource", datasource);
-
-    			// @TODO add back getDevice method
-    			// url.searchParams.append('platform', getDevice(userAgent));
+    			url.searchParams.append("platform", getDevice(userAgent));
     			url.searchParams.append("language", lang);
 
     			fetch(url).then(res => res.json()).then(
@@ -5613,8 +5650,8 @@
     						games: []
     					});
 
+    					$$invalidate(17, categoriesLoaded = true);
     					window.postMessage({ type: "CategoriesLoadedForSlider" }, window.location.href);
-    					$$invalidate(3, isLoading = false);
     				},
     				err => {
     					$$invalidate(5, hasErrors = true);
@@ -5674,6 +5711,7 @@
     		"endpoint",
     		"datasource",
     		"lang",
+    		"userid",
     		"session",
     		"mostplayed",
     		"favorites",
@@ -5697,9 +5735,10 @@
     		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
     		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
     		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
-    		if ("session" in $$props) $$invalidate(11, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(12, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(13, favorites = $$props.favorites);
+    		if ("userid" in $$props) $$invalidate(11, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(12, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(13, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(14, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
     		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
@@ -5712,6 +5751,7 @@
     		endpoint,
     		datasource,
     		lang,
+    		userid,
     		session,
     		mostplayed,
     		favorites,
@@ -5731,10 +5771,15 @@
     		numberOfFavoredGames,
     		favoritesAdded,
     		mostPlayedAdded,
+    		favoritesLoaded,
+    		mostPlayedLoaded,
+    		categoriesLoaded,
     		messageHandler,
+    		getMostPlayedGames,
     		addFavoritesCategory,
     		addMostPlayedCategory,
     		checkAttrs,
+    		checkIfLoaded,
     		initialLoad,
     		setSession,
     		setClientStyling,
@@ -5745,9 +5790,10 @@
     		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
     		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
     		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
-    		if ("session" in $$props) $$invalidate(11, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(12, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(13, favorites = $$props.favorites);
+    		if ("userid" in $$props) $$invalidate(11, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(12, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(13, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(14, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
     		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
@@ -5764,6 +5810,9 @@
     		if ("numberOfFavoredGames" in $$props) $$invalidate(7, numberOfFavoredGames = $$props.numberOfFavoredGames);
     		if ("favoritesAdded" in $$props) favoritesAdded = $$props.favoritesAdded;
     		if ("mostPlayedAdded" in $$props) mostPlayedAdded = $$props.mostPlayedAdded;
+    		if ("favoritesLoaded" in $$props) $$invalidate(15, favoritesLoaded = $$props.favoritesLoaded);
+    		if ("mostPlayedLoaded" in $$props) $$invalidate(16, mostPlayedLoaded = $$props.mostPlayedLoaded);
+    		if ("categoriesLoaded" in $$props) $$invalidate(17, categoriesLoaded = $$props.categoriesLoaded);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5771,27 +5820,31 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*endpoint, datasource, lang*/ 1792) {
+    		if ($$self.$$.dirty[0] & /*favoritesLoaded, mostPlayedLoaded, categoriesLoaded*/ 229376) {
+    			favoritesLoaded && mostPlayedLoaded && categoriesLoaded && checkIfLoaded();
+    		}
+
+    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang*/ 1792) {
     			endpoint && datasource && lang && initialLoad();
     		}
 
-    		if ($$self.$$.dirty & /*session, endpoint*/ 2304) {
+    		if ($$self.$$.dirty[0] & /*session, endpoint*/ 4352) {
     			session && endpoint && setSession();
     		}
 
-    		if ($$self.$$.dirty & /*session, favorites*/ 10240) {
+    		if ($$self.$$.dirty[0] & /*session, favorites*/ 20480) {
     			session && favorites && addFavoritesCategory();
     		}
 
-    		if ($$self.$$.dirty & /*session, mostplayed*/ 6144) {
-    			session && mostplayed && addMostPlayedCategory();
+    		if ($$self.$$.dirty[0] & /*session, userid, mostplayed*/ 14336) {
+    			session && userid && mostplayed && addMostPlayedCategory();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 1) {
+    		if ($$self.$$.dirty[0] & /*clientstyling*/ 1) {
     			clientstyling && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 2) {
+    		if ($$self.$$.dirty[0] & /*clientstylingurl*/ 2) {
     			clientstylingurl && setClientStylingURL();
     		}
     	};
@@ -5810,9 +5863,13 @@
     		endpoint,
     		datasource,
     		lang,
+    		userid,
     		session,
     		mostplayed,
     		favorites,
+    		favoritesLoaded,
+    		mostPlayedLoaded,
+    		categoriesLoaded,
     		div_binding
     	];
     }
@@ -5836,13 +5893,15 @@
     				endpoint: 8,
     				datasource: 9,
     				lang: 10,
-    				session: 11,
-    				mostplayed: 12,
-    				favorites: 13,
+    				userid: 11,
+    				session: 12,
+    				mostplayed: 13,
+    				favorites: 14,
     				clientstyling: 0,
     				clientstylingurl: 1,
     				containermaxwidth: 2
-    			}
+    			},
+    			[-1, -1]
     		);
 
     		if (options) {
@@ -5862,6 +5921,7 @@
     			"endpoint",
     			"datasource",
     			"lang",
+    			"userid",
     			"session",
     			"mostplayed",
     			"favorites",
@@ -5898,17 +5958,26 @@
     		flush();
     	}
 
-    	get session() {
+    	get userid() {
     		return this.$$.ctx[11];
     	}
 
+    	set userid(userid) {
+    		this.$set({ userid });
+    		flush();
+    	}
+
+    	get session() {
+    		return this.$$.ctx[12];
+    	}
+
     	set session(session) {
     		this.$set({ session });
     		flush();
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[13];
     	}
 
     	set mostplayed(mostplayed) {
@@ -5917,7 +5986,7 @@
     	}
 
     	get favorites() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[14];
     	}
 
     	set favorites(favorites) {