@everymatrix/casino-categories-slider 0.0.169 → 0.0.173

package/dist/casino-categories-slider.js

@@ -122,6 +122,10 @@
             resolved_promise.then(flush);
         }
     }
+    function tick() {
+        schedule_update();
+        return resolved_promise;
+    }
     function add_render_callback(fn) {
         render_callbacks.push(fn);
     }
@@ -5292,7 +5296,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 +5311,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, 7254);
     			attr_dev(div, "class", "CasinoCategoriesContainer");
-    			add_location(div, file, 187, 6, 6006);
+    			add_location(div, file, 224, 6, 7206);
     		},
     		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 +5349,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 +5365,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, 7124);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5376,14 +5380,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 || isLoadingMostPlayed}
     function create_if_block(ctx) {
     	let p;
 
@@ -5391,7 +5395,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "Please wait ...";
-    			add_location(p, file, 182, 4, 5865);
+    			add_location(p, file, 219, 4, 7065);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5406,7 +5410,7 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(182:2) {#if isLoading}",
+    		source: "(219:2) {#if isLoading || isLoadingMostPlayed}",
     		ctx
     	});
 
@@ -5417,7 +5421,7 @@
     	let div;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[3]) return create_if_block;
+    		if (/*isLoading*/ ctx[3] || /*isLoadingMostPlayed*/ ctx[8]) return create_if_block;
     		if (/*hasErrors*/ ctx[5]) return create_if_block_1;
     		return create_else_block;
     	}
@@ -5430,7 +5434,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop$1;
-    			add_location(div, file, 180, 0, 5802);
+    			add_location(div, file, 217, 0, 6979);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5438,9 +5442,9 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[14](div);
+    			/*div_binding*/ ctx[16](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 +5462,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[14](null);
+    			/*div_binding*/ ctx[16](null);
     		}
     	};
 
@@ -5480,6 +5484,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 +5507,9 @@
     	let numberOfFavoredGames;
     	let favoritesAdded = false;
     	let mostPlayedAdded = false;
+    	let favoritesLoaded = false;
+    	let mostPlayedLoaded = false;
+    	let categoriesLoaded = false;
 
     	const messageHandler = e => {
     		if (e.data) {
@@ -5527,11 +5535,40 @@
     						isLoggedIn = true;
     					}
     					break;
-    			} // sessionID = session;
-    			// playerID = userID;
+    			}
     		}
     	};
 
+    	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 +5580,30 @@
     		}
 
     		favoritesAdded = true;
-    		$$invalidate(3, isLoading = false);
+    		favoritesLoaded = true;
     	};
 
+    	let isLoadingMostPlayed = false;
+
     	const addMostPlayedCategory = () => {
-    		if (mostPlayedAdded == false && mostplayed == "true") {
-    			categories.splice(1, 0, {
-    				id: "MOSTPLAYED",
-    				name: "Most Played",
-    				href: "",
-    				games: [],
-    				triggerFetch: false
-    			});
-    		}
+    		$$invalidate(8, isLoadingMostPlayed = true);
+
+    		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);
+    			$$invalidate(8, isLoadingMostPlayed = false);
+    			tick();
+    			mostPlayedAdded = true;
+    			mostPlayedLoaded = true;
+    		});
     	};
 
     	const checkAttrs = () => {
@@ -5586,14 +5631,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 +5659,8 @@
     						games: []
     					});
 
-    					window.postMessage({ type: "CategoriesLoadedForSlider" }, window.location.href);
     					$$invalidate(3, isLoading = false);
+    					window.postMessage({ type: "CategoriesLoadedForSlider" }, window.location.href);
     				},
     				err => {
     					$$invalidate(5, hasErrors = true);
@@ -5649,8 +5695,9 @@
 
     	const setClientStylingURL = () => {
     		let cssFile = document.createElement("style");
+    		let url = new URL(clientstylingurl);
 
-    		fetch(new URL(clientstylingurl)).then(res => res.text()).then(data => {
+    		fetch(url.href).then(res => res.text()).then(data => {
     			cssFile.innerHTML = data;
 
     			setTimeout(
@@ -5674,6 +5721,7 @@
     		"endpoint",
     		"datasource",
     		"lang",
+    		"userid",
     		"session",
     		"mostplayed",
     		"favorites",
@@ -5694,12 +5742,13 @@
     	}
 
     	$$self.$$set = $$props => {
-    		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 ("endpoint" in $$props) $$invalidate(9, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(10, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(11, lang = $$props.lang);
+    		if ("userid" in $$props) $$invalidate(12, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(13, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(14, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(15, 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);
@@ -5707,11 +5756,13 @@
 
     	$$self.$capture_state = () => ({
     		onMount,
+    		tick,
     		getDevice,
     		checkSession,
     		endpoint,
     		datasource,
     		lang,
+    		userid,
     		session,
     		mostplayed,
     		favorites,
@@ -5731,10 +5782,16 @@
     		numberOfFavoredGames,
     		favoritesAdded,
     		mostPlayedAdded,
+    		favoritesLoaded,
+    		mostPlayedLoaded,
+    		categoriesLoaded,
     		messageHandler,
+    		getMostPlayedGames,
     		addFavoritesCategory,
+    		isLoadingMostPlayed,
     		addMostPlayedCategory,
     		checkAttrs,
+    		checkIfLoaded,
     		initialLoad,
     		setSession,
     		setClientStyling,
@@ -5742,12 +5799,13 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		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 ("endpoint" in $$props) $$invalidate(9, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(10, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(11, lang = $$props.lang);
+    		if ("userid" in $$props) $$invalidate(12, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(13, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(14, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(15, 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 +5822,10 @@
     		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) favoritesLoaded = $$props.favoritesLoaded;
+    		if ("mostPlayedLoaded" in $$props) mostPlayedLoaded = $$props.mostPlayedLoaded;
+    		if ("categoriesLoaded" in $$props) categoriesLoaded = $$props.categoriesLoaded;
+    		if ("isLoadingMostPlayed" in $$props) $$invalidate(8, isLoadingMostPlayed = $$props.isLoadingMostPlayed);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5771,27 +5833,28 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*endpoint, datasource, lang*/ 1792) {
+    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang*/ 3584) {
+    			// $: favoritesLoaded && mostPlayedLoaded && categoriesLoaded && checkIfLoaded();
     			endpoint && datasource && lang && initialLoad();
     		}
 
-    		if ($$self.$$.dirty & /*session, endpoint*/ 2304) {
+    		if ($$self.$$.dirty[0] & /*session, endpoint*/ 8704) {
     			session && endpoint && setSession();
     		}
 
-    		if ($$self.$$.dirty & /*session, favorites*/ 10240) {
+    		if ($$self.$$.dirty[0] & /*session, favorites*/ 40960) {
     			session && favorites && addFavoritesCategory();
     		}
 
-    		if ($$self.$$.dirty & /*session, mostplayed*/ 6144) {
-    			session && mostplayed && addMostPlayedCategory();
+    		if ($$self.$$.dirty[0] & /*session, userid, mostplayed*/ 28672) {
+    			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();
     		}
     	};
@@ -5807,9 +5870,11 @@
     		hasErrors,
     		customStylingContainer,
     		numberOfFavoredGames,
+    		isLoadingMostPlayed,
     		endpoint,
     		datasource,
     		lang,
+    		userid,
     		session,
     		mostplayed,
     		favorites,
@@ -5833,16 +5898,18 @@
     			create_fragment,
     			safe_not_equal,
     			{
-    				endpoint: 8,
-    				datasource: 9,
-    				lang: 10,
-    				session: 11,
-    				mostplayed: 12,
-    				favorites: 13,
+    				endpoint: 9,
+    				datasource: 10,
+    				lang: 11,
+    				userid: 12,
+    				session: 13,
+    				mostplayed: 14,
+    				favorites: 15,
     				clientstyling: 0,
     				clientstylingurl: 1,
     				containermaxwidth: 2
-    			}
+    			},
+    			[-1, -1]
     		);
 
     		if (options) {
@@ -5862,6 +5929,7 @@
     			"endpoint",
     			"datasource",
     			"lang",
+    			"userid",
     			"session",
     			"mostplayed",
     			"favorites",
@@ -5872,7 +5940,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[8];
+    		return this.$$.ctx[9];
     	}
 
     	set endpoint(endpoint) {
@@ -5881,7 +5949,7 @@
     	}
 
     	get datasource() {
-    		return this.$$.ctx[9];
+    		return this.$$.ctx[10];
     	}
 
     	set datasource(datasource) {
@@ -5890,7 +5958,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[10];
+    		return this.$$.ctx[11];
     	}
 
     	set lang(lang) {
@@ -5898,8 +5966,17 @@
     		flush();
     	}
 
+    	get userid() {
+    		return this.$$.ctx[12];
+    	}
+
+    	set userid(userid) {
+    		this.$set({ userid });
+    		flush();
+    	}
+
     	get session() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[13];
     	}
 
     	set session(session) {
@@ -5908,7 +5985,7 @@
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[14];
     	}
 
     	set mostplayed(mostplayed) {
@@ -5917,7 +5994,7 @@
     	}
 
     	get favorites() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[15];
     	}
 
     	set favorites(favorites) {