@everymatrix/casino-wagering-bonuses-controller 1.44.0 → 1.45.3

package/index.html

@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>
-    casino-wagering-bonuses-controller
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/casino-wagering-bonuses-controller.js'></script>
-</head>
-
-<body>
-  <style>
-    html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
-    .header { display: flex; justify-content: center; align-items: center; padding: 10px 20px; margin-bottom: 20px; background: #42a3e2; box-shadow: 3px 4px 5px 0px rgba(0,0,0, .2); }
-    .header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
-    .header__name { color: #fff; }
-    .header__name span { margin-right: 10px; font-weight: bold; }
-    .webcomponent { padding: 10px 20px; }
-  </style>
-  <header class="header">
-    <div class="header__logo">
-      <svg xmlns="http://www.w3.org/2000/svg" width="161" height="132" viewBox="0 0 161 132"><defs><linearGradient x1="0%" y1="50%" y2="50%" id="a"><stop stop-color="#2A3B8F" offset="0%"/><stop stop-color="#29ABE2" offset="100%"/></linearGradient><linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="c"><stop stop-color="#B4D44E" offset="0%"/><stop stop-color="#E7F716" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="#166DA5" d="M160.6 65.9l-17.4 29.3-24.4-29.7 24.4-28.9z"/><path fill="#8FDB69" d="M141.3 100.2l-26.5-31.7-15.9 26.6 24.7 36.1z"/><path fill="#166DA5" d="M141 31.4l-26.2 31.8-15.9-26.6L123.6.9z"/><path fill="url(#a)" opacity=".95" d="M61.1 31.4H141L123.4.7H78.7z M114.8 63.3H159l-15.9-26.8H98.8"/><path fill="url(#c)" opacity=".95" d="M141.3 100.3H61l17.6 30.5h45z M114.8 68.4H159l-15.9 26.8H98.8"/><path fill="#010101" d="M78.6 130.8L41 65.8 79.1.8H37.9L.4 65.8l37.5 65z"/></g></svg>
-    </div>
-    <h1 class="header__name">
-      <span>WEBCOMPONENT:</span> casino-wagering-bonuses-controller
-    </h1>
-  </header>
-
-  <div class="webcomponent">
-    <casino-wagering-bonuses-controller></casino-wagering-bonuses-controller>
-  </div>
-  
-</body>
-</html>

package/index.js

@@ -1 +0,0 @@
-import './dist/casino-wagering-bonuses-controller.js';

package/public/reset.css

@@ -1,48 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}

package/rollup.config.js

@@ -1,64 +0,0 @@
-import svelte from 'rollup-plugin-svelte';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import serve from 'rollup-plugin-dev-server';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
-import sveltePreprocess from 'svelte-preprocess';
-import typescript from '@rollup/plugin-typescript';
-import image from '@rollup/plugin-image';
-const production = process.env.NODE_ENV === 'production';
-const dev = process.env.NODE_ENV === 'development';
-
-export default {
-  input: 'src/index.ts',
-  output: {
-    sourcemap: true,
-    format: 'umd',
-    name: 'app',
-    file: 'dist/casino-wagering-bonuses-controller.js'
-  },
-  plugins: [
-    svelte({
-      preprocess: sveltePreprocess(),
-      compilerOptions: {
-        // enable run-time checks when not in production
-        customElement: true,
-        dev: !production
-      }
-    }),
-    image(),
-    commonjs(),
-    resolve({
-      browser: true,
-      dedupe: ['svelte']
-    }),
-    dev && serve({
-      open: true,
-      verbose: true,
-      allowCrossOrigin: true,
-      historyApiFallback: false,
-      host: 'localhost',
-      port: 5050,
-    }),
-    dev && livereload({ watch: ['', 'dist'] }),
-    typescript({
-      include: [
-        "../casino-wagering-bonus/src/**/*.ts",
-      ],
-      sourceMap: !production,
-      inlineSources: !production,
-    }),
-    // If we're building for production (npm run build
-    // instead of npm run dev), minify
-    production && 
-    terser({
-      output: {
-        comments: "all"
-      },
-    })
-  ],
-  watch: {
-    clearScreen: false
-  }
-};

package/src/CasinoWageringBonusesController.svelte

@@ -1,279 +0,0 @@
-<svelte:options tag={null} />
-<script lang="ts">
-
-  import '@everymatrix/casino-wagering-bonus'
-  import '@everymatrix/general-animation-loading'
-
-  import { fetchApi, getRequestStatusByStatusFilter, setWageringEventSource } from '@everymatrix/casino-wagering-bonus/src/business'
-  import { 
-    clearEventSource, 
-    composeEventSourceMessageHandler, 
-    onSvelteMountMessage, 
-    _postMessage
-  } from '@everymatrix/casino-wagering-bonus/src/message'
-  import type { TEventSource } from '@everymatrix/casino-wagering-bonus/src/message'
-  import { Bonus, BonusStatus, BonusStatusFilterType, Lang } from '@everymatrix/casino-wagering-bonus/src/types'
-  import { addNewMessages, setTranslations } from '@everymatrix/casino-wagering-bonus/src/svelte.i18n';
-  import { TRANSLATIONS } from '@everymatrix/casino-wagering-bonus/src/translations';
-  import { onMount } from 'svelte';
-  import { classWithPart } from '@everymatrix/casino-wagering-bonus/src/util';
-  import { infoParts } from '@everymatrix/casino-wagering-bonus/src/private.exportparts';
-
-  import { _, setLocale } from '@everymatrix/casino-wagering-bonus/src/svelte.i18n';
-  import { findMaxIdSubset } from '@everymatrix/casino-wagering-bonus/src/api.apdater.util';
-  import { setClientStyling, setClientStylingURL, setTranslationUrl } from '@everymatrix/casino-wagering-bonus/src/util.custom';
-
-  export let endpoint = ''
-  export let lang = Lang.en
-  export let session = ''
-  export let currency: string = 'EUR';
-  export let filter: BonusStatusFilterType = BonusStatusFilterType.claimable
-  export let limit: string = ''
-  export let sortorder: string = 'desc'
-
-  export let clientstyling: string = ''
-  export let clientstylingurl: string = ''
-  export let translationurl: string = ''
-
-  let customStylingContainer: HTMLElement;
-
-  $: customStylingContainer && clientstyling && setClientStyling(customStylingContainer, clientstyling);
-  $: customStylingContainer && clientstylingurl && setClientStylingURL(customStylingContainer, clientstylingurl);
-  $: translationurl && setTranslationUrl(translationurl, addNewMessages);
-  
-  let isMounted = false
-  $: isMounted && init()
-  onMount(() => {
-    isMounted = true
-    return () => {
-      isMounted = false
-    }
-  })
-
-  let bonuses: any[] = []
-  let eventSource: TEventSource
-  let bonusesProgress: any = {}
-  let isLoading: boolean = true;
-  let errorMessage: string = ''
-  let abortController: AbortController
-
-  setTranslations(TRANSLATIONS)
-
-  const eventSourceHandler = composeEventSourceMessageHandler({
-    "WageringProgressUpdate": (data: any) => {
-      bonuses = bonuses.map(bonus => {
-        let progresses = data?.items[bonus.bonusWalletID]
-
-        if(!progresses) return bonus
-
-        const { maxIdObj, maxId } = findMaxIdSubset(progresses)
-        let { status: _status, level, levelIncrement, gap } = maxIdObj
-        bonusesProgress[bonus.id] = maxId
-
-        let _bonus: any = {...bonus}
-
-        _bonus = { ..._bonus, wageringProgress: { 
-          ..._bonus.wageringProgress,
-          currentLevel: level,
-          currentLevelIncrement: levelIncrement,
-          gap,
-        } }
-
-        if(_status){
-          _bonus = { ..._bonus, status: _status}
-          setTimeout(() => init(), 500)
-
-          if(_status !== filter){
-            return null
-          }
-        }
-
-        return _bonus
-      }).filter(b => b)
-    },
-  })
-
-  const initCore = async () => {
-    abortController?.abort()
-    abortController = new AbortController();
-
-    const response: any = await fetchApi.list(abortController, endpoint, session, {
-      lang,
-      status: filter === 'claimable' ? 'claimable' : getRequestStatusByStatusFilter(filter), 
-      limit,
-      sortOrder: sortorder || 'desc',
-    })
-
-    if(!response.success) {
-      errorMessage = response.errorMessage
-    }else{
-      bonuses = (response.items || response.bonuses)
-
-      clearEventSource(eventSource, eventSourceHandler)
-      if(filter === BonusStatusFilterType.active){
-        updateEventSource()
-      }
-    }
-  }
-
-  const updateEventSource = () => {
-    clearEventSource(eventSource, eventSourceHandler)
-    eventSource = setWageringEventSource(endpoint, session, bonuses, eventSourceHandler, bonusesProgress)
-    eventSource.onerror = () => {
-      updateEventSource()
-    }
-  }
-  
-  const init = async () => {
-    if(!isMounted || !filter || !lang || !session || !endpoint) return;
-
-    isLoading = true
-    await initCore()
-    isLoading = false
-  }
-
-  onSvelteMountMessage({
-    'OnWageringBonusClaimed': () => init(),
-    'OnWageringBonusExpired': () => init(),
-  })
-  onMount(() => () => clearEventSource(eventSource, eventSourceHandler))
-
-  $: endpoint && init()
-  $: lang && init()
-  $: session && init()
-  $: sortorder && init()
-
-  let innerWidth
-  $: isMobileView = innerWidth <= 648
-
-  $: classWithPartMatchMobile = (partAndClass) => 
-    classWithPart(`${partAndClass}${isMobileView ? ` ${partAndClass}Mobile` : ''}`)
-
-  $: locale = (key, values = {}) => $_('wageringBonuses.' + key, {values})
-</script>
-
-<div bind:this={customStylingContainer} bind:clientWidth={innerWidth} {...classWithPartMatchMobile(`Root`)}>
-  <section {...classWithPartMatchMobile(`WageringTabs`)}>
-    {#each Object.values(BonusStatusFilterType) as statusFilter}
-    <div
-      {...classWithPartMatchMobile(`WageringTab`)}
-      class:active={filter === statusFilter}
-      on:click={() => {
-        if(filter === statusFilter) return;
-        filter = statusFilter
-        init()
-      }}
-    >
-      {locale(statusFilter)}
-    </div>
-    {/each}
-  </section>
-
-  <div>
-    {#if isLoading}
-      <general-animation-loading />
-    {:else}
-    <div {...classWithPartMatchMobile(`Bonuses`)}>
-      {#if bonuses.length > 0}
-        {#each bonuses as item}
-          <casino-wagering-bonus {...{
-            endpoint,
-            session,
-            lang,
-            currency,
-            rawbonus: JSON.stringify(item),
-            exportparts: infoParts([
-              { key: 'ExpiryTime'},
-              { key: 'Status'},
-              { key: 'Levels'},
-            ])
-          }} />
-        {/each}
-      {:else}
-        {#if errorMessage}
-          <div class="Error">Error: {errorMessage}</div>
-        {:else}
-          {locale('noBonuses')}
-        {/if}
-      {/if}
-    </div>
-    {/if}
-  </div>
-
-</div>
-
-<style lang="scss">
-
-  *,
-  *::before,
-  *::after {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    text-decoration: none;
-    outline: none;
-    box-sizing: border-box;
-  }
-
-  casino-wagering-bonus::part(Root) {
-    margin-bottom: 30px;
-  }
-
-  .Root {
-    background: var(--emfe-w-color-white, #FFFFFF);
-    padding: 20px;
-    color: var(--emfe-w-color-black, #000000);
-  }
-
-  .Bonuses {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: left;
-    margin-top: 10px;
-    column-gap: 10px;
-  }
-
-  .BonusesMobile {
-    // justify-content:initial;
-    & > casino-wagering-bonus {
-      width: 100%;
-    }
-  }
-
-  .WageringTabs {
-    margin: 20px 0;
-    font-size: 16px;
-  }
-
-  .WageringTab {
-    display: inline;
-    padding: 8px;
-    cursor: pointer;
-
-    color: #000000;
-    border-bottom: 1px solid #00AEEF;
-    
-    &.active {
-      color: #00AEEF;
-      border-bottom-width: 3px;
-      padding-bottom: 6px;
-
-      font-weight: 700;
-    }
-
-  }
-
-  .WageringTabsMobile {
-    display: flex;
-    justify-content: space-around;
-  }
-  .WageringTabMobile {
-    width: 100%;
-    text-align: center;
-  }
-
-  .Error {
-    color: red;
-  }
-
-</style>

package/src/index.ts

@@ -1,4 +0,0 @@
-import CasinoWageringBonusesController from './CasinoWageringBonusesController.svelte';
-// @ts-ignore
-!customElements.get('casino-wagering-bonuses-controller') && customElements.define('casino-wagering-bonuses-controller', CasinoWageringBonusesController);
-export default CasinoWageringBonusesController;

package/stories/CasinoWageringBonusesController.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-element';
-
-import CasinoWageringBonusesController from '../src/CasinoWageringBonusesController';
-
-// This default export determines where your story goes in the story list
-export default {
-  title: 'CasinoWageringBonusesController',
-};
-
-// 👇 We create a “template” of how args map to rendering
-const CasinoWageringBonusesController = ({ aProperty }) => html`<casino-wagering-bonuses-controller></casino-wagering-bonuses-controller>`;
-
-export const FirstStory = CasinoWageringBonusesController.bind({});

package/svelte.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  svelte: {
-    "language-server": {
-      runtime: `sass`
-    }
-  }
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": [
-    "src/**/*", 
-    "../casino-wagering-bonus/src/**/*"
-  ],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
-}