@everymatrix/lottery-program-wof 1.10.6 → 1.11.1

package/src/class.svgcalc.ts

@@ -0,0 +1,372 @@
+import { getColorSchema } from "./business.dom"
+import { getArcLength } from "./calc"
+import { getPointOnCircle, getPointWithNext, getSymmetricalPointFromScalar, getTwoPointsOfLineGradient, pointMinus, pointPlus } from "./calc.point"
+import { renderSvgImageProps, themedImageProps } from "./themes.image.base"
+import { themedCenterImagesUpdater } from "./themes.image.center"
+import { themedPointerImagesUpdater } from "./themes.image.pointer"
+import { partitionStrokeSteps } from "./themes.partitions"
+import { ArrowMode, Point, PointerMode } from "./types"
+import { mapObjectValueToTuple } from "./util"
+
+// @ts-ignore
+import lightSvg from './images/light.svg'
+// @ts-ignore
+import areaSvg from './images/area.svg'
+// @ts-ignore
+import areaSecSvg from './images/areaSec.svg'
+// @ts-ignore
+import backgroundShadowSvg from './images/backgroundShadow.svg'
+import { findDegWithPointerMode } from "./business"
+import { themes } from "./themes"
+
+enum RotateDirection {
+  clockwise = 1,
+  anticlockwise = -1,
+}
+
+export class SvgCalc {
+  arrowmode: ArrowMode.DownFromTop
+  radius
+  center
+  length
+  ratio
+  rRingInner
+  rRingOuter
+  theme
+  themeIndex
+
+  constructor({
+    size,
+    length,
+    themeIndex,
+  }){
+    // size
+    this.center = size / 2
+    this.ratio = size / 375
+    // options
+    this.length = length
+    // theme
+    this.themeIndex = themeIndex
+    this.theme = themes[themeIndex]
+    //
+    this.radius     = this.theme.size.radius     / 2 * this.ratio
+    this.rRingInner = this.theme.size.rRingInner / 2 * this.ratio
+    this.rRingOuter = this.theme.size.rRingOuter / 2 * this.ratio
+  }
+
+  get sizeImage () {
+    const getSize = (length) => this.ratio * 48 * 5 / length
+
+    if(this.length <= 3) return getSize(4)
+
+    switch(this.length){
+      case 6: return this.ratio * 48
+      case 4: return this.ratio * 56
+      default: return getSize(this.length)
+    }
+  }
+
+  getSvgImageProps (index){
+    return {
+      ...this.getPropsForPartitionInfo(index, this.offsetImage, this.radius - this.sizeImage / 2 - 12 * this.ratio),
+      width: this.sizeImage,
+      height: this.sizeImage,
+    }
+  }
+
+  getSvgTextProps(index) {
+    return {
+      ...this.getPropsForPartitionInfo(index, this.offsetText),
+    }
+  }
+
+  get offsetText (){
+    return {
+      center: 0,
+      position: {
+        x: 0, //option.name.length * 4,
+        y: 0
+      },
+      
+      transform: {
+        x: 0,
+        y: 0,
+      }
+    }
+  }
+
+  get offsetImage () {
+    
+    return {
+      center: 0,
+      transform: {
+        x: 0,
+        y: 0,
+      },
+      position: {
+        x: this.sizeImage / 2,
+        y: this.sizeImage / 2,
+      }
+    }
+  }
+
+  get direction () {
+    return RotateDirection.clockwise
+  }
+
+  getPropsForPartitionInfo (
+    index: number, 
+    offset: any,
+    baseRadius?: number
+  ) {
+    
+    const angle = 
+      this.angleTransform(this.arrowmode) +
+      this.direction * index * 2 * Math.PI / this.length
+
+    const point = getPointOnCircle(baseRadius || this.radius - 9 * this.ratio, angle, this.center + offset.center)
+
+    const angleSelf = 360 * index / this.length * this.direction -90
+    
+    const transformOrigin: Point = pointPlus(point, offset.transform)
+    
+    return {
+      ...pointMinus(point, offset.position),
+      style: [
+        `font-size: ${13 * this.ratio}px`,
+        `transform: rotate(${angleSelf}deg)`,
+        `transform-origin: ${transformOrigin.x}px ${transformOrigin.y}px`,
+      ].join(';')
+    }
+  }
+
+  getRingImageProps (index) {
+  
+    const aver = (this.rRingOuter + this.rRingInner) / 2
+    const diff = (this.rRingOuter - this.rRingInner) / 2 + 4 * this.ratio
+  
+    const { point } = getPointWithNext(index, this.length, aver, this.center)
+  
+    const radius = diff * 2
+  
+    return {
+      x: point.x - diff,
+      y: point.y - diff,
+      width: radius,
+      height: radius,
+      //
+      href: lightSvg
+    }
+  }
+
+  getPartitionDraw(
+    index: number,
+  ){
+
+    const rPoint = getSymmetricalPointFromScalar(this.center)
+    const rRingInnerPoint = getSymmetricalPointFromScalar(this.radius)
+
+    const { point, pointNext } = getPointWithNext(index, this.length, this.radius, this.center)
+
+    const ds = [
+      `M`, 
+        ...mapObjectValueToTuple(rPoint),
+      `L`, 
+        ...mapObjectValueToTuple(point),
+      `A`, 
+        ...mapObjectValueToTuple(rRingInnerPoint),
+        `0 0 1`,
+        ...mapObjectValueToTuple(pointNext),
+      `Z`,
+    ]
+
+    return {
+      d: ds.join(' ')
+    }
+  }
+  
+
+  getBackgroundImageProps(hrefIndex: number) {
+
+    const multiple = 1
+
+    const size = {
+      width:  multiple * 2 * this.radius * Math.sin(2 * Math.PI / this.length /2),
+      height: multiple * this.radius,
+    }
+
+    const hrefs = [
+      areaSecSvg,
+      areaSvg,
+    ]
+
+    return {
+      x: this.center,
+      y: this.center,
+      ...size,
+      href: hrefs[hrefIndex],
+      style: `transform: translate(${[
+        size.width / 2,
+        size.height
+        // * (1 - 168/197)
+      ].map(s => `${s * -1}px`).join(',')})`,
+    }
+  }
+
+  getLinearGradientDef(id, steps, rotation = 0) {
+    return {
+      props: {
+        id,
+        gradientTransform: `rotate(${rotation})`,
+        gradientUnits: "userSpaceOnUse",
+      },
+      steps,
+    }
+  }
+
+  backgroundCircleProps(props){
+
+    const { rotation, ...rest } = props
+
+    return {
+      ...rest,
+      cx: this.center,
+      cy: this.center,
+      ...(rotation ? {
+        style: `transform-origin: ${this.center}px ${this.center}px; transform: rotate(${rotation}deg)`
+      } : {})
+    }
+  }
+
+  backgroundCirclePropsArray(){
+
+    const propsArray = [
+      {
+        fill: `url(#BgRingBaseLinearGradient)`,
+        r: this.theme.size.rBg1 / 2 * this.ratio,
+        rotation: 135,
+      },
+      {
+        fill: `url(#BgRingSmallLinearGradient)`,
+        r: this.rRingOuter,
+      },
+      {
+        fill: `url(#BgRingBaseLinearGradient)`,
+        r: this.rRingInner,
+        rotation: 45,
+      },
+    ]
+
+    return propsArray.map(props => this.backgroundCircleProps(props))
+  }
+
+  getPartitionsGradientDefs() {
+    let defs = []
+
+    for(let index = 0; index < this.length; index++){
+      let defConfig = this.getLinearGradientDef(`grad${index}`, getColorSchema(index, this.length, this.theme.partitions.colorSchema))
+      defConfig = {
+        ...defConfig,
+        props: {
+          ...defConfig.props,
+          ...getTwoPointsOfLineGradient(this.center, index, this.length, -1 * Math.PI / 2)
+        }
+      }
+      defs.push(defConfig)
+    }
+
+    return defs
+  }
+
+  getDefs() {
+    return [
+      this.getLinearGradientDef("BgRingBaseLinearGradient",   this.theme.background.base.linearGradient.steps),
+      this.getLinearGradientDef("BgRingSmallLinearGradient",  this.theme.background.small.linearGradient.steps),
+      this.getLinearGradientDef("LGPartitionStroke", partitionStrokeSteps, 45),
+      ...this.getPartitionsGradientDefs(),
+    ]
+  }
+
+  getThemedPointerImages() {
+    let themedPointerImages = []
+    themedPointerImagesUpdater(
+      this.ratio, 
+      (list) => {
+        themedPointerImages = list[this.themeIndex]
+      }, {
+        x: 0,
+        y: (this.rRingOuter + this.rRingInner) / 2 / this.ratio,
+      }
+    )
+    return themedPointerImages
+  }
+
+  getThemedCenterImages() {
+    let themedCenterImages = []
+    themedCenterImagesUpdater(this.ratio, (list) => {
+      themedCenterImages = list[this.themeIndex]
+    })
+    return themedCenterImages
+  }
+
+  getThemedImageProp(themedData) {
+    return themedImageProps(this.center, themedData)
+  }
+
+  getShadowImage(){
+    const size = (this.rRingInner - 3.2 * this.ratio) * 2
+    return renderSvgImageProps(this.center, backgroundShadowSvg, { 
+      width: size, 
+      height: size,
+    })
+  }
+
+  getPartitionBackgroundProp(index) {
+    return {
+      ...this.getPartitionDraw(index),
+      fill: `url(#grad${index})`,
+      strokeWidth: '0.5px',
+      'stroke-dasharray': `${this.radius} ${getArcLength(this.radius, 360 / this.length)}`,
+      ...((this.themeIndex === 0 || this.themeIndex) === 1 ? {stroke: `url(#LGPartitionStroke)`}: {})
+    }
+  }
+
+  getPartitionFrame(){
+    return {
+      ...this.getPartitionDraw(0),
+      fill: `transparent`,
+      stroke: `url(#GPointerPartitionFrame)`,
+      'stroke-dasharray': `${this.radius} ${getArcLength(this.radius, 360 / this.length)}`,
+    }
+  }
+
+  getDeg(index?: number){
+    return findDegWithPointerMode(index || this.length - 1, this.length, this.theme.pointerMode)
+  }
+
+  getSpinnerProps(){
+    const centerPoint = getSymmetricalPointFromScalar(this.center)
+    return {
+      // transform: `rotate(${convertArcToDeg(0)})`, //arcStart
+      "transform-origin": `${centerPoint.x} ${centerPoint.y}`,
+    }
+  }
+  
+  private angleTransform = (arrowmode) => {
+    switch(this.theme.pointerMode){
+      case PointerMode.Arrow:
+        switch(arrowmode){
+          case ArrowMode.DownFromTop:
+          case ArrowMode.UpFromCenter:
+            return - Math.PI / 2
+
+          case ArrowMode.DownFromCenter:
+          case ArrowMode.UpFromBottom: 
+            return Math.PI / 2
+        }
+
+      case PointerMode.Partition:
+        return - Math.PI / 2
+    }
+  }
+}

package/src/i18n.js

@@ -0,0 +1,38 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+import { translations } from './translations'
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+const setLocaleWhenInit = () => {
+  
+  setupI18n({ withLocale: 'en', translations: {}});
+
+  Object.keys(translations).forEach((item) => {
+    addNewMessages(item, translations[item]);
+  });
+}
+
+export { _, setupI18n, addNewMessages, setLocale, setLocaleWhenInit };

package/src/images/Thankyou_1.svg

@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3F1719;}
+	.st1{fill:#FFBD39;}
+	.st2{fill:url(#SVGID_1_);}
+	.st3{fill:#FFFFFF;}
+	.st4{fill:#FF7B7B;}
+	.st5{fill:#260813;}
+	.st6{fill:none;stroke:#260813;stroke-width:2.839;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st7{fill:#81CFF4;}
+	.st8{fill:#64BDEB;}
+	.st9{fill:#A1D9F7;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M39.49,152.29c-2.45,0-4.51-0.55-6.1-1.65c-6.77-4.65-5.91-19.53-2.16-43.68c0.28-1.81,0.59-3.78,0.75-5.04
+			c-0.91-0.94-2.45-2.42-3.84-3.77c-14.3-13.8-26.88-26.97-23.66-36.4c2.96-8.67,18.19-12.32,41.82-15.4
+			c1.35-0.18,2.81-0.37,3.87-0.52c0.47-0.94,1.1-2.24,1.68-3.44C62.4,20.53,70.79,6.97,79.96,6.97c9.95,0,19.1,17.09,27.61,34.59
+			c0.76,1.56,1.58,3.26,2.15,4.35c1.21,0.24,3.06,0.57,4.76,0.87c24.27,4.33,37.97,7.95,40.84,14.68
+			c2.35,5.52-0.76,13.04-23.91,36.88c-1.29,1.33-2.71,2.79-3.56,3.71c0.13,1.49,0.46,4.1,0.76,6.48
+			c3.06,24.27,3.62,37.41-1.78,41.88c-1.49,1.23-3.5,1.86-5.97,1.86c-7.9,0-21.77-6.4-35.31-12.96c-2.03-0.98-4.27-2.07-5.58-2.65
+			c-1.23,0.57-3.26,1.59-5.12,2.52C61.62,145.81,47.98,152.29,39.49,152.29z"/>
+		<path class="st1" d="M79.96,13.58c10.31,0,24.52,36.14,26.1,37.12c1.57,0.98,39.75,5.6,42.91,13.02
+			c3.17,7.42-26.21,34.28-26.93,36.11c-0.73,1.83,6.61,40.02,0.57,45.02c-6.04,5-40.55-14.55-42.65-14.56
+			c-2.11-0.01-35.22,19.66-42.65,14.56c-7.43-5.1,1.11-42.95,0.57-45.02c-0.54-2.07-30.29-26.28-26.93-36.11
+			c3.36-9.83,41.54-12,42.91-13.02C55.23,49.67,69.65,13.58,79.96,13.58z"/>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="48.8123" y1="50.1816" x2="122.3169" y2="138.4779">
+			<stop  offset="0.043" style="stop-color:#FFF466"/>
+			<stop  offset="0.0753" style="stop-color:#FFF466"/>
+			<stop  offset="0.3152" style="stop-color:#FFEC5F"/>
+			<stop  offset="0.6922" style="stop-color:#FFD54D"/>
+			<stop  offset="0.8602" style="stop-color:#FFC943"/>
+		</linearGradient>
+		<path class="st2" d="M79.96,19.97c9.31,0,21.52,33.89,22.95,34.78c1.42,0.89,36.53,3.8,39.39,10.51
+			c2.86,6.71-24.3,30.34-24.95,31.99c-0.66,1.65,6.6,36.77,1.14,41.29c-5.45,4.52-36.62-13.76-38.52-13.77
+			c-1.9-0.01-31.81,18.38-38.52,13.77c-6.71-4.61,2.26-38.79,1.77-40.66c-0.48-1.87-28.61-23.74-25.58-32.62
+			c3.03-8.88,38.78-9.59,40.01-10.51C58.87,53.83,70.64,19.97,79.96,19.97z"/>
+		<path class="st3" d="M24.04,66.49c-0.67-6.52,20.71-10.35,21.65-2.73C46.64,71.39,24.96,75.37,24.04,66.49z"/>
+		<path class="st3" d="M51.17,61.62c-0.16-4.19,6.23-4.45,6.56-1.01C58.1,64.47,51.32,65.54,51.17,61.62z"/>
+	</g>
+	<g>
+		<path class="st4" d="M115.44,85.85c0,1.15-0.93,2.09-2.09,2.09c-1.15,0-2.09-0.94-2.09-2.09c0-1.15,0.93-2.09,2.09-2.09
+			C114.51,83.76,115.44,84.69,115.44,85.85z"/>
+		<path class="st4" d="M48.13,85.85c0,1.15,0.93,2.09,2.09,2.09c1.15,0,2.09-0.94,2.09-2.09c0-1.15-0.93-2.09-2.09-2.09
+			C49.07,83.76,48.13,84.69,48.13,85.85z"/>
+		<path class="st5" d="M113.98,80.29c0,4.22-3.42,7.65-7.64,7.65c-4.22,0-7.65-3.42-7.65-7.65s3.42-7.65,7.65-7.65
+			C110.56,72.65,113.98,76.07,113.98,80.29z"/>
+		<g>
+			<path class="st6" d="M88.61,93.46c-0.36-3.99-3.11-6.67-6.83-6.67c-3.72,0-6.46,2.68-6.83,6.67"/>
+		</g>
+		<g>
+			<g>
+				<path class="st3" d="M109.05,78.88c0,1.89-1.53,3.42-3.42,3.42c-1.89,0-3.42-1.53-3.42-3.42c0-1.89,1.53-3.42,3.42-3.42
+					C107.52,75.46,109.05,76.99,109.05,78.88z"/>
+			</g>
+			<path class="st3" d="M107.52,83.71c0,0.84,0.68,1.52,1.52,1.52c0.84,0,1.52-0.68,1.52-1.52c0-0.84-0.68-1.52-1.52-1.52
+				C108.21,82.19,107.52,82.87,107.52,83.71z"/>
+		</g>
+		<path class="st5" d="M49.59,80.29c0,4.22,3.42,7.65,7.64,7.65c4.22,0,7.65-3.42,7.65-7.65s-3.42-7.65-7.65-7.65
+			C53.01,72.65,49.59,76.07,49.59,80.29z"/>
+		<g>
+			<g>
+				<path class="st3" d="M54.52,78.88c0,1.89,1.53,3.42,3.42,3.42c1.89,0,3.42-1.53,3.42-3.42c0-1.89-1.53-3.42-3.42-3.42
+					C56.05,75.46,54.52,76.99,54.52,78.88z"/>
+			</g>
+			<path class="st3" d="M56.05,83.71c0,0.84-0.68,1.52-1.52,1.52c-0.84,0-1.52-0.68-1.52-1.52c0-0.84,0.68-1.52,1.52-1.52
+				C55.36,82.19,56.05,82.87,56.05,83.71z"/>
+		</g>
+		<line class="st6" x1="102.21" y1="70.03" x2="115.44" y2="76.59"/>
+		<line class="st6" x1="61.36" y1="70.03" x2="48.13" y2="76.59"/>
+	</g>
+	<path class="st7" d="M28,102.98c0.03-0.17,0.07-0.35,0.1-0.52c0.03-0.14,0.06-0.27,0.09-0.41c0.04-0.17,0.08-0.33,0.13-0.5
+		c0.04-0.14,0.07-0.28,0.11-0.41c0.05-0.16,0.1-0.32,0.15-0.48c0.04-0.14,0.09-0.28,0.13-0.42c0.05-0.15,0.11-0.31,0.16-0.46
+		c0.05-0.14,0.1-0.28,0.15-0.42c0.05-0.13,0.11-0.27,0.16-0.4c0.13-0.31,0.26-0.63,0.4-0.94c0.05-0.11,0.1-0.22,0.15-0.33
+		c0.08-0.17,0.17-0.34,0.25-0.52c0.05-0.1,0.1-0.21,0.16-0.31c0.09-0.17,0.18-0.34,0.28-0.52c0.05-0.1,0.11-0.2,0.16-0.3
+		c0.1-0.17,0.2-0.35,0.3-0.52c0.03-0.05,0.05-0.09,0.08-0.14c0.03-0.05,0.06-0.09,0.08-0.13c0.11-0.18,0.22-0.35,0.33-0.53
+		c0.05-0.08,0.1-0.16,0.15-0.24c0.12-0.18,0.24-0.36,0.36-0.54c0.04-0.06,0.08-0.11,0.12-0.17c0.14-0.2,0.28-0.39,0.42-0.59
+		c0,0.01-0.01,0.02-0.01,0.03c0.37-0.51,0.75-1.01,1.15-1.49c1.51-1.82,3.2-3.46,5-4.99c0.89-0.76,4.34-4.3,5.52-4.03
+		c1.31,0.3-0.1,5.13,4.13,12.25c2.58,4.33,5.21,9.02,5.06,14.05c0,0,0,0,0,0l0,0.1c-0.15,4.09-2.48,8.03-5.98,10.16
+		c-0.12,0.07-0.24,0.15-0.36,0.22c-1.65,0.93-3.51,1.44-5.4,1.54c-2.34,0.13-4.71-0.38-6.76-1.52c-4.62-2.58-7.19-8.06-7.11-13.36
+		c0-0.31,0.02-0.63,0.04-0.94c0.01-0.11,0.02-0.21,0.03-0.31c0.02-0.21,0.04-0.41,0.06-0.62c0.01-0.13,0.03-0.25,0.05-0.37
+		c0.03-0.18,0.05-0.37,0.08-0.55C27.95,103.25,27.97,103.12,28,102.98z"/>
+	<path class="st8" d="M31.37,94.74c0.05-0.08,0.1-0.16,0.15-0.24c0.12-0.18,0.24-0.36,0.36-0.54c0.04-0.06,0.08-0.11,0.12-0.17
+		c0.14-0.2,0.28-0.39,0.42-0.59c0,0.01-0.01,0.02-0.01,0.03c-1.41,3.04-2.23,6.36-2.35,9.71c-0.11,2.9,0.31,5.9,1.78,8.4
+		c2.9,4.95,9.85,6.85,15.05,4.45c2.9-1.34,5.12-3.84,6.38-6.77c0,0,0,0,0,0l0,0.1c-0.15,4.09-2.48,8.03-5.98,10.16
+		c-0.12,0.07-0.24,0.15-0.36,0.22c-1.65,0.93-3.51,1.44-5.4,1.54c-2.34,0.13-4.71-0.38-6.76-1.52c-4.62-2.58-7.19-8.06-7.11-13.36
+		c0-0.31,0.02-0.63,0.04-0.94c0.01-0.11,0.02-0.21,0.03-0.31c0.02-0.21,0.04-0.41,0.06-0.62c0.01-0.13,0.03-0.25,0.05-0.37
+		c0.03-0.18,0.05-0.37,0.08-0.55c0.02-0.13,0.05-0.27,0.07-0.4c0.03-0.17,0.07-0.35,0.1-0.52c0.03-0.14,0.06-0.27,0.09-0.41
+		c0.04-0.17,0.08-0.33,0.13-0.5c0.04-0.14,0.07-0.28,0.11-0.41c0.05-0.16,0.1-0.32,0.15-0.48c0.04-0.14,0.09-0.28,0.13-0.42
+		c0.05-0.15,0.11-0.31,0.16-0.46c0.05-0.14,0.1-0.28,0.15-0.42c0.05-0.13,0.11-0.27,0.16-0.4c0.13-0.31,0.26-0.63,0.4-0.94
+		c0.05-0.11,0.1-0.22,0.15-0.33c0.08-0.17,0.17-0.34,0.25-0.52c0.05-0.1,0.1-0.21,0.16-0.31c0.09-0.17,0.18-0.34,0.28-0.52
+		c0.05-0.1,0.11-0.2,0.16-0.3c0.1-0.17,0.2-0.35,0.3-0.52c0.03-0.05,0.05-0.09,0.08-0.14c0.03-0.05,0.06-0.09,0.08-0.13
+		C31.15,95.09,31.26,94.92,31.37,94.74z"/>
+	<path class="st9" d="M45.18,113.51c-2.16,1.24-5.09,0.82-6.93-0.85c-1.84-1.67-2.56-4.42-1.94-6.83c0.47-1.84,1.7-3.5,3.36-4.42
+		c2.38-1.32,6.67-1.24,8.12,1.44c0.47,0.87,0.65,1.87,0.73,2.85C48.73,108.68,47.77,112.02,45.18,113.51z"/>
+</g>
+</svg>

package/src/images/Thankyou_2.svg

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FED366;}
+	.st1{fill:#FEC229;}
+	.st2{opacity:0.55;}
+	.st3{fill:#FFFFFF;}
+	.st4{fill:#FFB738;}
+	.st5{fill:#ED9A21;}
+	.st6{fill:#3F1719;}
+	.st7{fill:#81CFF4;}
+	.st8{fill:#64BDEB;}
+	.st9{fill:#A1D9F7;}
+	.st10{fill:#F7AA12;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<g>
+					<ellipse class="st0" cx="80" cy="80" rx="76" ry="75.99"/>
+				</g>
+				<g>
+					<ellipse class="st1" cx="80" cy="80" rx="74.18" ry="74.17"/>
+				</g>
+				<g class="st2">
+					<path class="st3" d="M109.84,12.09L8.93,101.24c1.82,6.1,4.39,11.88,7.63,17.21L125.97,21.8
+						C121.06,17.92,115.65,14.65,109.84,12.09z"/>
+				</g>
+				<g class="st2">
+					<path class="st3" d="M131.01,26.18L20.28,123.99c7.44,10.08,17.37,18.2,28.88,23.47l101.6-89.75
+						C146.94,45.54,140.05,34.74,131.01,26.18z"/>
+				</g>
+				<g>
+					<ellipse class="st4" cx="80" cy="80" rx="58.43" ry="58.43"/>
+				</g>
+				<g>
+					<g>
+						<path class="st5" d="M80,21.57c-32.27,0-58.43,26.16-58.43,58.42c0,32.27,26.16,58.43,58.43,58.43s58.43-26.16,58.43-58.43
+							C138.43,47.73,112.27,21.57,80,21.57z M80,135.96c-30.91,0-55.97-25.06-55.97-55.96c0-30.91,25.06-55.96,55.97-55.96
+							S135.97,49.09,135.97,80S110.91,135.96,80,135.96z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.848 -0.5299 0.5299 0.848 -4.4982 26.6949)" class="st3" cx="44.3" cy="21.19" rx="9.23" ry="4.31"/>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7245 -0.6893 0.6893 0.7245 -13.4114 29.9507)" class="st3" cx="30.76" cy="31.75" rx="4.85" ry="3.47"/>
+				</g>
+			</g>
+		</g>
+		<g class="st2">
+			<path class="st3" d="M80,19.46c-33.44,0-60.55,27.11-60.55,60.54c0,33.44,27.11,60.54,60.55,60.54s60.55-27.11,60.55-60.54
+				C140.55,46.56,113.44,19.46,80,19.46z M80,138.43c-32.27,0-58.43-26.16-58.43-58.43S47.73,21.58,80,21.58S138.43,47.74,138.43,80
+				C138.43,112.27,112.27,138.43,80,138.43z"/>
+		</g>
+	</g>
+	<path class="st3" d="M127.98,63.58c-4.09-12.75-16.93-20.04-28.69-16.27c-11.75,3.77-17.96,17.16-13.87,29.92
+		c4.09,12.75,16.93,20.04,28.69,16.27C125.86,89.73,132.07,76.34,127.98,63.58z"/>
+	<path class="st3" d="M60.49,47.32c-11.75-3.77-24.6,3.51-28.69,16.27c-4.09,12.75,2.12,26.15,13.87,29.92
+		c11.75,3.77,24.6-3.51,28.69-16.27C78.46,64.48,72.25,51.09,60.49,47.32z"/>
+	<path class="st6" d="M88.77,76.16c3.45,10.74,14.26,16.88,24.16,13.7s15.13-14.46,11.69-25.2c-3.45-10.74-14.26-16.88-24.16-13.7
+		C90.56,54.13,85.33,65.42,88.77,76.16z M102.72,83.91c-1.99,0-3.61-1.62-3.61-3.61s1.62-3.61,3.61-3.61s3.61,1.62,3.61,3.61
+		C106.33,82.3,104.71,83.91,102.72,83.91z M93,59.99c2.21-4.52,7.26-6.59,11.27-4.63s5.46,7.22,3.25,11.74s-7.26,6.59-11.27,4.63
+		C92.24,69.77,90.79,64.51,93,59.99z M93.16,74.36c0.94,0,1.7,0.76,1.7,1.7c0,0.94-0.76,1.7-1.7,1.7c-0.94,0-1.7-0.76-1.7-1.7
+		C91.46,75.12,92.22,74.36,93.16,74.36z"/>
+	<path class="st6" d="M46.85,89.86c9.9,3.18,20.72-2.96,24.16-13.7c3.45-10.74-1.79-22.02-11.69-25.2s-20.72,2.96-24.16,13.7
+		C31.72,75.4,36.95,86.68,46.85,89.86z M57.07,83.91c-1.99,0-3.61-1.62-3.61-3.61s1.62-3.61,3.61-3.61s3.61,1.62,3.61,3.61
+		C60.68,82.3,59.06,83.91,57.07,83.91z M68.32,76.06c0,0.94-0.76,1.7-1.7,1.7c-0.94,0-1.7-0.76-1.7-1.7c0-0.94,0.76-1.7,1.7-1.7
+		S68.32,75.12,68.32,76.06z M55.52,55.36c4.01-1.96,9.05,0.11,11.27,4.63c2.21,4.52,0.76,9.77-3.25,11.74
+		c-4.01,1.96-9.05-0.11-11.27-4.63C50.06,62.58,51.51,57.33,55.52,55.36z"/>
+	<path class="st6" d="M86.46,101.54c-1.96-1.25-4.25-2-6.64-2c-0.24,0-0.49,0.01-0.74,0.02c-1.62,0.11-3.16,0.56-4.56,1.28
+		c-2.1,1.07-3.89,2.71-5.17,4.68s-2.05,4.28-2.05,6.7c0,0.18,0,0.35,0.01,0.53c0.04,0.89,0.8,1.58,1.69,1.53
+		c0.89-0.04,1.58-0.8,1.53-1.69l0,0c-0.01-0.13-0.01-0.25-0.01-0.38c0-1.15,0.25-2.29,0.7-3.38c0.68-1.63,1.84-3.1,3.26-4.18
+		c1.42-1.08,3.09-1.76,4.81-1.87c0.17-0.01,0.35-0.02,0.52-0.02c1.14,0,2.27,0.24,3.35,0.68c1.62,0.66,3.09,1.79,4.17,3.18
+		c1.09,1.39,1.78,3.03,1.93,4.73c0.07,0.89,0.86,1.55,1.74,1.47c0.89-0.07,1.55-0.86,1.47-1.74c-0.13-1.6-0.61-3.12-1.33-4.5
+		C90.06,104.53,88.42,102.79,86.46,101.54z"/>
+	<g>
+		<path class="st7" d="M138.4,106.53c-0.01-0.16-0.01-0.32-0.02-0.49c-0.01-0.13-0.02-0.26-0.03-0.39
+			c-0.01-0.16-0.03-0.31-0.04-0.47c-0.01-0.13-0.03-0.26-0.04-0.39c-0.02-0.15-0.04-0.31-0.06-0.46c-0.02-0.13-0.04-0.27-0.06-0.4
+			c-0.02-0.15-0.05-0.3-0.08-0.45c-0.03-0.14-0.05-0.27-0.08-0.41c-0.03-0.13-0.06-0.26-0.09-0.39c-0.07-0.31-0.15-0.61-0.23-0.91
+			c-0.03-0.11-0.06-0.21-0.09-0.32c-0.05-0.17-0.1-0.34-0.16-0.51c-0.03-0.1-0.06-0.21-0.1-0.31c-0.06-0.17-0.12-0.34-0.18-0.51
+			c-0.03-0.1-0.07-0.2-0.11-0.29c-0.06-0.17-0.13-0.35-0.2-0.52c-0.02-0.05-0.03-0.09-0.05-0.14c-0.02-0.04-0.04-0.09-0.06-0.13
+			c-0.07-0.18-0.15-0.35-0.22-0.53c-0.03-0.08-0.07-0.16-0.11-0.24c-0.08-0.18-0.17-0.37-0.25-0.55c-0.03-0.06-0.06-0.12-0.08-0.17
+			c-0.1-0.2-0.19-0.4-0.3-0.6c0,0.01,0.01,0.02,0.01,0.03c-0.26-0.52-0.54-1.03-0.83-1.52c-1.11-1.87-2.42-3.62-3.84-5.27
+			c-0.71-0.82-3.34-4.54-4.46-4.47c-1.24,0.08-0.64,4.69-5.53,10.58c-2.97,3.58-6.05,7.47-6.64,12.08l0,0l-0.01,0.09
+			c-0.45,3.75,1.11,7.68,3.99,10.13c0.1,0.08,0.19,0.17,0.3,0.25c1.37,1.08,3,1.82,4.7,2.18c2.11,0.45,4.35,0.33,6.38-0.41
+			c4.59-1.69,7.72-6.31,8.41-11.15c0.04-0.29,0.07-0.57,0.1-0.86c0.01-0.1,0.01-0.19,0.02-0.29c0.01-0.19,0.03-0.38,0.03-0.57
+			c0-0.12,0.01-0.23,0.01-0.35c0-0.17,0.01-0.34,0-0.51C138.4,106.78,138.4,106.65,138.4,106.53z"/>
+		<path class="st8" d="M136.51,98.53c-0.03-0.08-0.07-0.16-0.11-0.24c-0.08-0.18-0.17-0.37-0.25-0.55
+			c-0.03-0.06-0.06-0.12-0.08-0.17c-0.1-0.2-0.19-0.4-0.3-0.6c0,0.01,0.01,0.02,0.01,0.03c0.84,2.98,1.11,6.12,0.75,9.19
+			c-0.32,2.66-1.13,5.34-2.83,7.41c-3.36,4.09-9.96,4.83-14.37,1.89c-2.45-1.64-4.12-4.24-4.85-7.09l0,0l-0.01,0.09
+			c-0.45,3.75,1.11,7.68,3.99,10.13c0.1,0.08,0.19,0.17,0.3,0.25c1.37,1.08,3,1.82,4.7,2.18c2.11,0.45,4.35,0.33,6.38-0.41
+			c4.59-1.69,7.72-6.31,8.41-11.15c0.04-0.29,0.07-0.57,0.1-0.86c0.01-0.1,0.01-0.19,0.02-0.29c0.01-0.19,0.03-0.38,0.03-0.57
+			c0-0.12,0.01-0.23,0.01-0.35c0-0.17,0.01-0.34,0-0.51c0-0.12,0-0.25-0.01-0.37c-0.01-0.16-0.01-0.32-0.02-0.49
+			c-0.01-0.13-0.02-0.26-0.03-0.39c-0.01-0.16-0.03-0.31-0.04-0.47c-0.01-0.13-0.03-0.26-0.04-0.39c-0.02-0.15-0.04-0.31-0.06-0.46
+			c-0.02-0.13-0.04-0.27-0.06-0.4c-0.02-0.15-0.05-0.3-0.08-0.45c-0.03-0.14-0.05-0.27-0.08-0.41c-0.03-0.13-0.06-0.26-0.09-0.39
+			c-0.07-0.31-0.15-0.61-0.23-0.91c-0.03-0.11-0.06-0.21-0.09-0.32c-0.05-0.17-0.1-0.34-0.16-0.51c-0.03-0.1-0.06-0.21-0.1-0.31
+			c-0.06-0.17-0.12-0.34-0.18-0.51c-0.03-0.1-0.07-0.2-0.11-0.29c-0.06-0.17-0.13-0.35-0.2-0.52c-0.02-0.05-0.03-0.09-0.05-0.14
+			c-0.02-0.04-0.04-0.09-0.06-0.13C136.66,98.88,136.58,98.7,136.51,98.53z"/>
+		<path class="st9" d="M121.22,113.65c1.79,1.44,4.52,1.48,6.44,0.22c1.92-1.26,2.97-3.66,2.75-5.95c-0.17-1.75-1.04-3.43-2.43-4.52
+			c-1.98-1.55-5.9-2.09-7.61,0.15c-0.55,0.73-0.86,1.61-1.07,2.5C118.67,108.74,119.07,111.92,121.22,113.65z"/>
+	</g>
+	<path class="st10" d="M79.49,105.88l-0.06-0.05c-1.24,0.31-2.49,0.63-3.6,1.26c-1.11,0.63-2.07,1.63-2.37,2.87
+		c-0.3,1.24,0.23,2.71,1.38,3.25c0.89,0.42,1.96,0.23,2.82-0.24s1.55-1.2,2.22-1.92c0.83-0.88,1.7-1.86,1.8-3.07
+		C81.78,106.78,80.62,105.45,79.49,105.88z"/>
+</g>
+</svg>