@everymatrix/lottery-program-wof 1.3.2

package/src/api/configuration.ts

@@ -0,0 +1,65 @@
+// tslint:disable
+/**
+ * BE.Server
+ * No description provided (generated by Swagger Codegen https://github.com/swagger-api/swagger-codegen)
+ *
+ * OpenAPI spec version: 1.0
+ * 
+ *
+ * NOTE: This file is auto generated by the swagger code generator program.
+ * https://github.com/swagger-api/swagger-codegen.git
+ * Do not edit the file manually.
+ */
+
+export interface ConfigurationParameters {
+    apiKey?: string | ((name: string) => string);
+    username?: string;
+    password?: string;
+    accessToken?: string | ((name: string, scopes?: string[]) => string);
+    basePath?: string;
+}
+
+export class Configuration {
+    /**
+     * parameter for apiKey security
+     * @param name security name
+     * @memberof Configuration
+     */
+    apiKey?: string | ((name: string) => string);
+    /**
+     * parameter for basic security
+     * 
+     * @type {string}
+     * @memberof Configuration
+     */
+    username?: string;
+    /**
+     * parameter for basic security
+     * 
+     * @type {string}
+     * @memberof Configuration
+     */
+    password?: string;
+    /**
+     * parameter for oauth2 security
+     * @param name security name
+     * @param scopes oauth2 scope
+     * @memberof Configuration
+     */
+    accessToken?: string | ((name: string, scopes?: string[]) => string);
+    /**
+     * override base path
+     * 
+     * @type {string}
+     * @memberof Configuration
+     */
+    basePath?: string;
+
+    constructor(param: ConfigurationParameters = {}) {
+        this.apiKey = param.apiKey;
+        this.username = param.username;
+        this.password = param.password;
+        this.accessToken = param.accessToken;
+        this.basePath = param.basePath;
+    }
+}

package/src/api/custom.d.ts

@@ -0,0 +1,2 @@
+declare module 'isomorphic-fetch';
+declare module 'url';

package/src/api/index.ts

@@ -0,0 +1,15 @@
+// tslint:disable
+/**
+ * BE.Server
+ * No description provided (generated by Swagger Codegen https://github.com/swagger-api/swagger-codegen)
+ *
+ * OpenAPI spec version: 1.0
+ * 
+ *
+ * NOTE: This file is auto generated by the swagger code generator program.
+ * https://github.com/swagger-api/swagger-codegen.git
+ * Do not edit the file manually.
+ */
+
+export * from "./api";
+export * from "./configuration";

package/src/business.dom.ts

@@ -0,0 +1,130 @@
+import { createSVGElement } from "./calc";
+import { getPropsForPartitionInfo } from "./calc.point";
+import { setProps } from "./util";
+
+export const getSvgImageProps = (ratio, index, radius, center, length, pointermode, arrowmode) => {
+  const sizeImage = radius / 8 // this.sizeImage
+
+  const width = sizeImage
+  const height = sizeImage
+
+  const offset = {
+    center: -1 * sizeImage / 2,
+    transform: {
+      x: sizeImage / 2,
+      y: sizeImage / 2,
+    },
+    position: {
+      x: 0,
+      y: 0,
+    }
+  }
+  return {
+    ...getPropsForPartitionInfo(ratio, radius, center, index, length, pointermode, arrowmode, offset),
+    width,
+    height,
+  }
+}
+
+export const getSvgTextProps = (ratio, index, radius, center, length, pointermode, arrowmode) => {
+
+  const offset = {
+    center: 0,
+    position: {
+      x: 0, //option.name.length * 4,
+      y: 0
+    },
+    
+    transform: {
+      x: 0,
+      y: 0,
+    }
+  }
+
+  return {
+    ...getPropsForPartitionInfo(ratio, radius, center, index, length, pointermode, arrowmode, offset),
+  }
+}
+
+export const renderPartitionInfo = (ratio, svg, options, radius, center, pointermode, arrowmode) => {
+  const container = svg.querySelector("g#Images")
+  container.innerHTML = null
+  
+  options.map((option, index) => {
+    
+    let partitionAppearence: SVGElement
+
+    if(option.image){      
+
+      const image = option.image as SVGImageElement
+        
+      const sizeImage = radius / 8 // this.sizeImage
+
+      const width = sizeImage
+      const height = sizeImage
+
+      const offset = {
+        center: -1 * sizeImage / 2,
+        transform: {
+          x: sizeImage / 2,
+          y: sizeImage / 2,
+        },
+        position: {
+          x: 0,
+          y: 0,
+        }
+      }
+
+      setProps(image, {
+        ...getPropsForPartitionInfo(ratio, radius, center, index, options.length, pointermode, arrowmode, offset),
+        width,
+        height,
+      })
+
+      partitionAppearence = image
+
+    }else if(option.name){
+
+      const text = createSVGElement("text")
+
+      const offset = {
+        center: 0,
+        position: {
+          x: option.name.length * 4,
+          y: 0
+        },
+        
+        transform: {
+          x: 0,
+          y: 0,
+        }
+      }
+
+      setProps(text, {
+        ...getPropsForPartitionInfo(ratio, radius, center, index, options.length, pointermode, arrowmode, offset),
+
+      })
+
+      text.innerHTML = option.name
+      
+      partitionAppearence = text
+      
+    }else{
+      throw new Error('please set name for partition')
+    }
+
+    container.appendChild(partitionAppearence)
+  })
+}
+
+export const getPropsOfBackgroundCircle = (radius, rRingOuter, rRingInner) => ({
+  cx: radius,
+  cy: radius, 
+  r: rRingInner, 
+  'stroke-width': `${(rRingOuter - rRingInner) * 2}px`
+})
+
+
+export const getColorSchema = (index, length, colorSchema) => {
+  return colorSchema[index % Math.ceil(length / 2)]
+}

package/src/business.fake.ts

@@ -0,0 +1,17 @@
+
+
+export const getExceptionData = (data) => {
+  const random = Math.random()
+  if(random > 0.1){
+    console.log('request failed');
+    return {
+      ...data,
+      item: {
+        ...data.item,
+        state: 'drawn',
+      }
+    }
+  }else{
+    return data
+  }
+}

package/src/business.ts

@@ -0,0 +1,276 @@
+import type { WheelOfFortunePartition } from './api';
+import { getExceptionData } from './business.fake';
+import { findDeg, randomInSection } from './calc';
+import { getStatePropsForSpin } from './css.state';
+import fakeDraw from './fakeDraw';
+import fakeResult from './fakeResult';
+import { _postMessage } from './message';
+import { Api, ApiConfigs, Lang, PointerMode } from './types';
+import type { LotteryProgramForPlayer } from './types.business';
+import { delay, fetcher, imageLoaderSvg, setProps } from './util';
+
+export interface Option {
+  image: SVGElement | string,
+  name: string
+}
+
+const isUsingFakeData: boolean = false
+
+const fetcherApi = async <T extends Api>(api: T, endpoint: string, config: ApiConfigs[T]) => {
+
+
+  if(isUsingFakeData){
+    switch (api) {
+      case Api.lotteries: return fakeResult
+      case Api.draw:      return fakeDraw
+    }
+  }
+
+
+  const { session } = config
+
+  const options = {
+    headers: {
+      'Content-Type': 'application/json',
+      'accept': 'text/plain',
+      
+      ...(session ? {'x-SessionId': session} : {})
+    },
+  }
+
+  const getArgs = {
+    [Api.lotteries]: () => {
+
+      const {  } = config || {} as ApiConfigs[Api.lotteries]
+
+      return {
+        path: '/wof/lotteries', 
+        params: {
+        },
+        options,
+      }
+    },
+    [Api.outcome]: () => {
+      
+      const { id } = config as ApiConfigs[Api.outcome]
+
+      return {
+        path: `/wof/outcome/${id}`,
+        params: {
+        },
+        options,
+      }
+    },
+    [Api.draw]: () => {
+      
+      const { id, guid } = config as ApiConfigs[Api.draw]
+
+      return {
+        path: `/wof/draw/${id}`,
+        params: {
+        },
+        options: {
+          ...options,
+          method: 'PUT',
+					body: JSON.stringify({
+						guid
+					})
+        }
+      }
+    }
+  }
+
+  const args = getArgs[api]()
+  
+  args.path = endpoint + args.path
+
+  return await fetcher(args)
+}
+
+export const getOptionsFromPartitions = (partitions: WheelOfFortunePartition[], lang: Lang): Option[] => {
+	let options = partitions.map((_partition, index) => {
+		const partitionLang = {}
+		Object.keys(_partition).map((_key) => {
+			if(['name', 'image1', 'image2', 'image3'].includes(_key)){
+				partitionLang[_key] = _partition[_key][lang === 'en' ? '*' : lang] || ''
+			}
+		})
+
+		const option: Option = {
+			image: partitionLang['image1'],
+			name: partitionLang['name']
+		}
+		return option
+	})
+
+  let probabilityAll = 0
+  partitions.map(partition => probabilityAll += Number(partition.probability))
+  if(probabilityAll < 1){
+    options.push({
+      image: '',
+      name: 'Thank you'
+    })
+  }
+
+	return options
+}
+
+export const setMessage = (id: string, entry: string | object) => {
+  const _postMessageScoped = (props) => _postMessage({ ...props, id })
+  switch(typeof entry) {
+    case 'string': 
+      _postMessageScoped({ type: 'wof-private-message-open', mode: 'normal', modeValue: entry })
+      break;
+    case 'object': 
+      _postMessageScoped({ type: 'wof-private-message-open', ...(entry as object)  })
+      break;
+  }
+}
+
+export const getOptions = async (partitions: WheelOfFortunePartition[], lang: Lang) => {
+
+  const preloadImage = async (src: string) => {
+    if(!src) return {}
+
+    return { 
+      image: await imageLoaderSvg(src) as SVGImageElement
+    }
+  }
+
+  const options: Option[] = await Promise.all(
+		getOptionsFromPartitions(partitions, lang).map(async o => ({
+			...o, 
+      ...(await preloadImage(o.image as string))
+		}))
+	)
+
+  return options
+}
+
+export const getCurrentInfo = (
+  lotteryProgramForPlayer: LotteryProgramForPlayer, key: 'active'|'implicit'
+) => {
+
+  const { current } = lotteryProgramForPlayer
+
+  return {
+    active: current.activeTickets,
+    implicit: `${current.maxImplicitTickets - current.usedImplicitTickets}/${current.maxImplicitTickets}`,
+    remainingTimes: current.remainingTimes,
+  }[key]
+}
+
+export const api = {
+  lotteries: 
+    async (endpoint: string, session: string) => {
+
+      const data = await fetcherApi(Api.lotteries, endpoint, { session })
+
+      const lotteryProgramForPlayers = data.items as LotteryProgramForPlayer[] || []
+
+      return lotteryProgramForPlayers
+    },
+  draw: 
+    async (endpoint: string, session: string, id: string, guid, options: Option[], pointermode: PointerMode) => {
+
+      let data = await fetcherApi(Api.draw, endpoint, { id, session, guid })
+      
+      // data = getExceptionData(data)
+
+      let index = data.item?.result?.wheelOfFortunePartitionIndex
+
+      let message: any
+      
+      if(!index){
+        index = options.length - 1
+        message = `OOPs! You are close to a prize!`
+      }else{
+        message = {
+          mode: 'gift',
+          modeValue: options[index].name,
+        }
+      }
+    
+      return {
+        data,
+        message, index
+      }
+    },
+
+  outcome: 
+    async (endpoint: string, session: string, id: string) => {
+      return await fetcherApi(Api.outcome, endpoint, { session, id })
+    },
+}
+
+export const getMessageByCurrent = (current) => {
+
+	const { maxImplicitTickets, usedImplicitTickets, activeTickets } = current
+
+	const conditionImplicitTickets = usedImplicitTickets < maxImplicitTickets
+  const conditionActiveTickets = activeTickets > 0
+
+  if(conditionImplicitTickets){
+    return `You have ${maxImplicitTickets - usedImplicitTickets}/${maxImplicitTickets} Implicit Tickets`
+  }
+
+  if(conditionActiveTickets){
+    return `You used all Implicit Tickets in this period, but you have ${activeTickets} active Tickets`
+  }
+  
+  return `You not have any more tickets, please check T&C to get a chance.`
+}
+
+export const checkIfNowIsBetween = (current) => {
+	
+	const { startTime, endTime } = current
+
+	const getTime = (timeString: string) => (new Date(timeString)).getTime()
+	const nowTime = (new Date()).getTime()
+
+	const condition = 
+		getTime(startTime) < nowTime && nowTime < getTime(endTime)
+
+	return condition
+}
+
+export const getSpinContainerSelector = (pointerMode: PointerMode) => {
+  switch(pointerMode){
+    case PointerMode.Arrow: return 'g.Partitions'
+    case PointerMode.Partition: return 'g.Pointer'
+  }
+}
+
+export const findDegWithPointerMode = (index: number, length: number, pointerMode: PointerMode) => {
+  switch(pointerMode){
+    case PointerMode.Arrow: 
+      return findDeg(length - index, length) // + randomInSection(length)
+    case PointerMode.Partition:
+      return findDeg(index, length)
+  }
+}
+
+export const spin = async (container: Element, deg: number, rotation: string, duration: string) => {
+
+  const _duration = Number(duration)
+  const _rotation = Number(rotation)
+    
+  const props = getStatePropsForSpin(deg, _rotation, _duration)
+
+  setProps(container, props.before)
+
+  await delay(_duration)
+
+  setProps(container, props.after)
+}
+
+export const getSpinCondition = (lotteryProgramForPlayer: LotteryProgramForPlayer) => {
+  const { current } = lotteryProgramForPlayer
+  if(!current) return false;
+  
+  const condition = 
+    current.activeTickets === 0 && 
+    current.usedImplicitTickets === current.maxImplicitTickets
+
+  return condition
+}

package/src/calc.image.ts

@@ -0,0 +1,13 @@
+
+interface ImageSize {
+  width: number
+  height: number
+}
+
+export const renderSvgImageProps = (center: number, href: string, size: ImageSize, offset = {x: 0, y: 0}) => ({
+  x: center - size.width / 2 - offset.x,
+  y: center - size.height / 2 - offset.y,
+  width: size.width,
+  height: size.height,
+  href,
+})