related-ui-components 1.1.6

package/lib/module/components/Wheel/README.md

@@ -0,0 +1,141 @@
+# SpinWheel Component
+
+A customizable spinning wheel component for React Native applications that allows users to create interactive prize wheels, random selectors, or game elements.
+
+## Basic Usage
+
+```jsx
+import React, { useState } from 'react';
+import { View, Alert } from 'react-native';
+import { SpinWheel } from '@your-org/component-library';
+
+const MySpinWheelExample = () => {
+  const items = [
+    { id: 1, label: '10% OFF', color: '#FF0000', value: { discount: 10 } },
+    { id: 2, label: '20% OFF', color: '#00FF00', value: { discount: 20 } },
+    { id: 3, label: '30% OFF', color: '#0000FF', value: { discount: 30 } },
+    { id: 4, label: 'FREE GIFT', color: '#FFFF00', value: { type: 'gift' } },
+    { id: 5, label: 'BETTER LUCK', color: '#FF00FF', value: null },
+  ];
+
+  const handleWin = (item) => {
+    Alert.alert('Congratulations!', `You won: ${item.label}`);
+  };
+
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <SpinWheel 
+        items={items}
+        size={300}
+        onSpinEnd={handleWin}
+      />
+    </View>
+  );
+};
+
+export default MySpinWheelExample;
+```
+
+## Props
+
+### Data Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `items` | `SpinWheelItem[]` | ✅ | `[]` | Array of items to display on the wheel |
+
+#### SpinWheelItem Interface
+
+```typescript
+interface SpinWheelItem {
+  id: string | number;      // Unique identifier
+  label: string;            // Text to display on the wheel
+  value?: any;              // Optional value associated with the item
+  color: string;            // Background color (HEX, RGB, or named color)
+  textColor?: string;       // Text color (defaults to wheelTextColor)
+}
+```
+
+### Dimension Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `size` | `number` | ❌ | `300` | Diameter of the wheel in pixels |
+
+### Behavior Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `spinDuration` | `number` | ❌ | `5000` | Duration of spin animation in milliseconds |
+| `enabled` | `boolean` | ❌ | `true` | Whether the wheel can be spun |
+
+### Event Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `onSpinStart` | `() => void` | ❌ | - | Callback function called when spinning starts |
+| `onSpinEnd` | `(item: SpinWheelItem) => void` | ❌ | - | Callback function called when spinning ends with the winning item |
+
+### Styling Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `containerStyle` | `ViewStyle` | ❌ | - | Custom style for the container |
+| `centerStyle` | `ViewStyle` | ❌ | - | Custom style for the center of the wheel |
+| `spinButtonText` | `string` | ❌ | `"Spin"` | Text for the spin button |
+| `spinButtonStyle` | `ViewStyle` | ❌ | - | Custom style for the spin button |
+| `spinButtonTextStyle` | `TextStyle` | ❌ | - | Custom style for the spin button text |
+| `wheelTextStyle` | `TextStyle` | ❌ | - | Custom style for the text on the wheel |
+| `knobStyle` | `ViewStyle` | ❌ | - | Custom style for the pointer |
+| `actionButtonStyle` | `ViewStyle` | ❌ | - | Custom style for the action button |
+| `actionButtonTextStyle` | `TextStyle` | ❌ | - | Custom style for the action button text |
+| `wheelBorderColor` | `string` | ❌ | `"#000000"` | Color of the wheel border |
+| `wheelTextColor` | `string` | ❌ | `"#FFFFFF"` | Default color of text on the wheel |
+| `knobColor` | `string` | ❌ | `"#D81E5B"` | Color of the pointer |
+| `centerComponent` | `React.ReactNode` | ❌ | - | Custom component to render in the center |
+
+## Advanced Examples
+
+### Custom Styling
+
+```jsx
+<SpinWheel 
+  items={items}
+  size={350}
+  spinDuration={6000}
+  knobColor="#FF5722"
+  wheelTextColor="#000000"
+  containerStyle={{ backgroundColor: '#F5F5F5', padding: 20, borderRadius: 10 }}
+  centerStyle={{ backgroundColor: '#FFC107' }}
+  spinButtonText="Try Your Luck!"
+  spinButtonStyle={{ backgroundColor: '#4CAF50' }}
+  spinButtonTextStyle={{ color: 'white', fontSize: 18 }}
+  onSpinEnd={handleWin}
+/>
+```
+
+<!-- ### With Custom Center Component
+
+```jsx
+<SpinWheel 
+  items={items}
+  size={400}
+  centerComponent={
+    <Image 
+      source={require('./logo.png')} 
+      style={{ width: 60, height: 60 }}
+    />
+  }
+  onSpinEnd={handleWin}
+/>
+``` -->
+
+### Disabled State
+
+```jsx
+<SpinWheel 
+  items={items}
+  enabled={userHasCredits}
+  onSpinEnd={handleWin}
+/>
+```

package/lib/module/components/Wheel/Wheel.js

@@ -0,0 +1,317 @@
+"use strict";
+
+import React, { useState, useRef, useEffect } from "react";
+import { View, StyleSheet, Animated, Text, TouchableOpacity, Easing } from "react-native";
+import { Svg, Path, G, Text as SvgText } from "react-native-svg";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+//default random colors
+const colors = ["#FF0000",
+// Red
+"#FFA500",
+// Orange
+"#FFFF00",
+// Yellow
+"#008000",
+// Green
+"#0000FF",
+// Blue
+"#800080",
+// Purple
+"#FFC0CB",
+// Pink
+"#00FFFF",
+// Cyan
+"#FF00FF",
+// Magenta
+"#00FF00",
+// Lime
+"#4B0082",
+// Indigo
+"#EE82EE",
+// Violet
+"#40E0D0",
+// Turquoise
+"#FFD700",
+// Gold
+"#C0C0C0",
+// Silver
+"#FFDAB9",
+// Peach
+"#E6E6FA",
+// Lavender
+"#008080",
+// Teal
+"#FF7F50",
+// Coral
+"#DC143C",
+// Crimson
+"#87CEEB",
+// Sky Blue
+"#7FFF00",
+// Chartreuse
+"#CCCCFF",
+// Periwinkle
+"#FF6347",
+// Tomato
+"#FA8072" // Salmon
+];
+const SpinWheel = ({
+  items,
+  size = 300,
+  spinDuration = 5000,
+  enabled = true,
+  onSpinStart,
+  onSpinEnd,
+  containerStyle,
+  centerStyle,
+  spinButtonText = "Spin",
+  wheelTextStyle,
+  knobStyle,
+  knobColor = "#D81E5B",
+  actionButtonStyle,
+  actionButtonTextStyle,
+  wheelTextColor = "#FFFFFF"
+}) => {
+  const wheelItems = items.length > 0 ? items : [];
+  const [spinning, setSpinning] = useState(false);
+  const [_, setWinner] = useState(null);
+  const rotateValue = useRef(new Animated.Value(0)).current;
+
+  // Track rotation manually for calculations
+  const rotationRef = useRef(0);
+
+  // Update tracked rotation when animation completes
+  useEffect(() => {
+    const listener = rotateValue.addListener(({
+      value
+    }) => {
+      rotationRef.current = value;
+    });
+    return () => {
+      rotateValue.removeListener(listener);
+    };
+  }, [rotateValue]);
+
+  // Calculate angle for each segment
+  const anglePerItem = 360 / wheelItems.length;
+
+  // Create wheel segments
+  const generateWheelPaths = () => {
+    return wheelItems.map((item, index) => {
+      const startAngle = index * anglePerItem;
+      const endAngle = (index + 1) * anglePerItem;
+
+      // Calculate path for segment
+      const startRad = startAngle * Math.PI / 180;
+      const endRad = endAngle * Math.PI / 180;
+      const x1 = size / 2 + size / 2 * Math.cos(startRad);
+      const y1 = size / 2 + size / 2 * Math.sin(startRad);
+      const x2 = size / 2 + size / 2 * Math.cos(endRad);
+      const y2 = size / 2 + size / 2 * Math.sin(endRad);
+      const largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
+      const pathData = [`M ${size / 2} ${size / 2}`, `L ${x1} ${y1}`, `A ${size / 2} ${size / 2} 0 ${largeArcFlag} 1 ${x2} ${y2}`, "Z"].join(" ");
+
+      // Calculate coordinates for text and decoration
+      const midRad = (startAngle + endAngle) / 2 * (Math.PI / 180);
+      const textX = size / 2 + size * 0.32 * Math.cos(midRad);
+      const textY = size / 2 + size * 0.32 * Math.sin(midRad);
+      const decorationX = size / 2 + size * 0.43 * Math.cos(midRad);
+      const decorationY = size / 2 + size * 0.43 * Math.sin(midRad);
+      return {
+        path: pathData,
+        item,
+        textX,
+        textY,
+        decorationX,
+        decorationY,
+        angle: (startAngle + endAngle) / 2
+      };
+    });
+  };
+  const wheelPaths = generateWheelPaths();
+
+  // Handle spin button press
+  const handleSpin = () => {
+    if (spinning || !enabled) return;
+    setSpinning(true);
+    onSpinStart?.();
+
+    // Random number of spins (3-5 full rotations) plus random angle
+    const randomSpins = 3 + Math.random() * 2;
+    const randomAngle = Math.random() * 360;
+    const targetRotation = 360 * randomSpins + randomAngle;
+    Animated.timing(rotateValue, {
+      toValue: rotationRef.current + targetRotation / 360,
+      duration: spinDuration,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start(() => handleSpinEnd());
+  };
+
+  // Handle spin completion
+  const handleSpinEnd = () => {
+    setSpinning(false);
+
+    // Calculate winning segment based on final rotation with pointer at 270 degrees
+    const normalizedAngle = rotationRef.current * 360 % 360;
+    // Adjust calculation to account for pointer at 270 degrees (instead of 0)
+    const winningIndex = Math.floor((normalizedAngle - 270) % 360 / anglePerItem);
+    const adjustedIndex = (wheelItems.length - 1 - winningIndex) % wheelItems.length;
+    const winningItem = wheelItems[adjustedIndex >= 0 ? adjustedIndex : wheelItems.length + adjustedIndex];
+    setWinner(winningItem);
+    onSpinEnd?.(winningItem);
+  };
+
+  // Animation interpolation for rotation
+  const rotate = rotateValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "360deg"]
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, containerStyle],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: {
+        width: size,
+        height: size
+      },
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.wheelContainer, {
+          width: size,
+          height: size,
+          borderRadius: size / 2,
+          transform: [{
+            rotate
+          }]
+        }],
+        children: /*#__PURE__*/_jsx(Svg, {
+          width: size,
+          height: size,
+          viewBox: `0 0 ${size} ${size}`,
+          children: /*#__PURE__*/_jsx(G, {
+            children: wheelPaths.map(({
+              path,
+              item,
+              textX,
+              textY,
+              decorationX,
+              decorationY,
+              angle
+            }, index) => {
+              return /*#__PURE__*/_jsxs(React.Fragment, {
+                children: [/*#__PURE__*/_jsx(Path, {
+                  d: path,
+                  fill: item.color == "" || null ? colors[Math.floor(Math.random() * colors.length)] : item.color,
+                  stroke: "#000000",
+                  strokeWidth: 1
+                }), /*#__PURE__*/_jsx(SvgText, {
+                  x: textX,
+                  y: textY,
+                  fill: item.textColor || wheelTextColor,
+                  fontSize: wheelTextStyle?.fontSize || 14,
+                  fontWeight: wheelTextStyle?.fontWeight || "bold",
+                  textAnchor: "middle",
+                  alignmentBaseline: "central",
+                  transform: `rotate(${angle + 180}, ${textX}, ${textY} )`,
+                  children: item.label
+                })]
+              }, item.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.wheelCenter, {
+          width: size / 5,
+          height: size / 5,
+          transform: [{
+            translateX: -size / 10
+          }, {
+            translateY: -size / 10
+          }],
+          borderRadius: size / 5
+        }, centerStyle]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.pointerPosition,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.pointer, {
+            borderBottomColor: knobColor
+          }, knobStyle]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          position: "absolute",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          bottom: -70,
+          zIndex: 2
+        },
+        children: /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: handleSpin,
+          disabled: spinning || !enabled,
+          style: [styles.actionButton, actionButtonStyle],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.actionButtonText, actionButtonTextStyle],
+            children: spinButtonText
+          })
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 20,
+    marginBottom: 70 // Space for the button
+  },
+  wheelContainer: {
+    overflow: "hidden",
+    backgroundColor: "transparent"
+  },
+  wheelCenter: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    backgroundColor: "#000000",
+    borderWidth: 1,
+    borderColor: "#333333",
+    zIndex: 1
+  },
+  pointerPosition: {
+    position: "absolute",
+    left: "50%",
+    transform: [{
+      translateX: -10
+    }, {
+      rotate: "180deg"
+    }],
+    zIndex: 2
+  },
+  pointer: {
+    width: 0,
+    height: 0,
+    backgroundColor: "transparent",
+    borderStyle: "solid",
+    borderLeftWidth: 10,
+    borderRightWidth: 10,
+    borderBottomWidth: 15,
+    borderLeftColor: "transparent",
+    borderRightColor: "transparent",
+    borderBottomColor: "#D81E5B"
+  },
+  actionButton: {
+    paddingHorizontal: 30,
+    paddingVertical: 12,
+    borderRadius: 25,
+    shadowColor: "#000",
+    shadowRadius: 3,
+    backgroundColor: "grey"
+  },
+  actionButtonText: {
+    fontWeight: "bold",
+    fontSize: 16
+  }
+});
+export default SpinWheel;
+//# sourceMappingURL=Wheel.js.map

package/lib/module/components/Wheel/Wheel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useEffect","View","StyleSheet","Animated","Text","TouchableOpacity","Easing","Svg","Path","G","SvgText","jsx","_jsx","jsxs","_jsxs","colors","SpinWheel","items","size","spinDuration","enabled","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelTextColor","wheelItems","length","spinning","setSpinning","_","setWinner","rotateValue","Value","current","rotationRef","listener","addListener","value","removeListener","anglePerItem","generateWheelPaths","map","item","index","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","decorationX","decorationY","path","angle","wheelPaths","handleSpin","randomSpins","random","randomAngle","targetRotation","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","handleSpinEnd","normalizedAngle","winningIndex","floor","adjustedIndex","winningItem","rotate","interpolate","inputRange","outputRange","style","styles","container","children","width","height","wheelContainer","borderRadius","transform","viewBox","Fragment","d","fill","color","stroke","strokeWidth","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","id","wheelCenter","translateX","translateY","pointerPosition","pointer","borderBottomColor","position","alignItems","justifyContent","bottom","zIndex","onPress","disabled","actionButton","actionButtonText","create","marginTop","marginBottom","overflow","backgroundColor","top","left","borderWidth","borderColor","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","paddingHorizontal","paddingVertical","shadowColor","shadowRadius"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/Wheel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAC1D,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,gBAAgB,EAChBC,MAAM,QAGD,cAAc;AACrB,SAASC,GAAG,EAAEC,IAAI,EAAEC,CAAC,EAAEL,IAAI,IAAIM,OAAO,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjE;AACA,MAAMC,MAAM,GAAG,CACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS,CAAE;AAAA,CACd;AAsCD,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,IAAI,GAAG,GAAG;EACVC,YAAY,GAAG,IAAI;EACnBC,OAAO,GAAG,IAAI;EACdC,WAAW;EACXC,SAAS;EACTC,cAAc;EACdC,WAAW;EACXC,cAAc,GAAG,MAAM;EACvBC,cAAc;EACdC,SAAS;EACTC,SAAS,GAAG,SAAS;EACrBC,iBAAiB;EACjBC,qBAAqB;EACrBC,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGf,KAAK,CAACgB,MAAM,GAAG,CAAC,GAAGhB,KAAK,GAAG,EAAE;EAEhD,MAAM,CAACiB,QAAQ,EAAEC,WAAW,CAAC,GAAGrC,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM,CAACsC,CAAC,EAAEC,SAAS,CAAC,GAAGvC,QAAQ,CAAuB,IAAI,CAAC;EAC3D,MAAMwC,WAAW,GAAGvC,MAAM,CAAC,IAAII,QAAQ,CAACoC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;;EAEzD;EACA,MAAMC,WAAW,GAAG1C,MAAM,CAAC,CAAC,CAAC;;EAE7B;EACAC,SAAS,CAAC,MAAM;IACd,MAAM0C,QAAQ,GAAGJ,WAAW,CAACK,WAAW,CAAC,CAAC;MAAEC;IAAM,CAAC,KAAK;MACtDH,WAAW,CAACD,OAAO,GAAGI,KAAK;IAC7B,CAAC,CAAC;IAEF,OAAO,MAAM;MACXN,WAAW,CAACO,cAAc,CAACH,QAAQ,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,CAACJ,WAAW,CAAC,CAAC;;EAEjB;EACA,MAAMQ,YAAY,GAAG,GAAG,GAAGd,UAAU,CAACC,MAAM;;EAE5C;EACA,MAAMc,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,OAAOf,UAAU,CAACgB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACrC,MAAMC,UAAU,GAAGD,KAAK,GAAGJ,YAAY;MACvC,MAAMM,QAAQ,GAAG,CAACF,KAAK,GAAG,CAAC,IAAIJ,YAAY;;MAE3C;MACA,MAAMO,QAAQ,GAAIF,UAAU,GAAGG,IAAI,CAACC,EAAE,GAAI,GAAG;MAC7C,MAAMC,MAAM,GAAIJ,QAAQ,GAAGE,IAAI,CAACC,EAAE,GAAI,GAAG;MAEzC,MAAME,EAAE,GAAGvC,IAAI,GAAG,CAAC,GAAIA,IAAI,GAAG,CAAC,GAAIoC,IAAI,CAACI,GAAG,CAACL,QAAQ,CAAC;MACrD,MAAMM,EAAE,GAAGzC,IAAI,GAAG,CAAC,GAAIA,IAAI,GAAG,CAAC,GAAIoC,IAAI,CAACM,GAAG,CAACP,QAAQ,CAAC;MACrD,MAAMQ,EAAE,GAAG3C,IAAI,GAAG,CAAC,GAAIA,IAAI,GAAG,CAAC,GAAIoC,IAAI,CAACI,GAAG,CAACF,MAAM,CAAC;MACnD,MAAMM,EAAE,GAAG5C,IAAI,GAAG,CAAC,GAAIA,IAAI,GAAG,CAAC,GAAIoC,IAAI,CAACM,GAAG,CAACJ,MAAM,CAAC;MAEnD,MAAMO,YAAY,GAAGX,QAAQ,GAAGD,UAAU,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG;MAE7D,MAAMa,QAAQ,GAAG,CACf,KAAK9C,IAAI,GAAG,CAAC,IAAIA,IAAI,GAAG,CAAC,EAAE,EAC3B,KAAKuC,EAAE,IAAIE,EAAE,EAAE,EACf,KAAKzC,IAAI,GAAG,CAAC,IAAIA,IAAI,GAAG,CAAC,MAAM6C,YAAY,MAAMF,EAAE,IAAIC,EAAE,EAAE,EAC3D,GAAG,CACJ,CAACG,IAAI,CAAC,GAAG,CAAC;;MAEX;MACA,MAAMC,MAAM,GAAI,CAACf,UAAU,GAAGC,QAAQ,IAAI,CAAC,IAAKE,IAAI,CAACC,EAAE,GAAG,GAAG,CAAC;MAC9D,MAAMY,KAAK,GAAGjD,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,IAAI,GAAGoC,IAAI,CAACI,GAAG,CAACQ,MAAM,CAAC;MACvD,MAAME,KAAK,GAAGlD,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,IAAI,GAAGoC,IAAI,CAACM,GAAG,CAACM,MAAM,CAAC;MAEvD,MAAMG,WAAW,GAAGnD,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,IAAI,GAAGoC,IAAI,CAACI,GAAG,CAACQ,MAAM,CAAC;MAC7D,MAAMI,WAAW,GAAGpD,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,IAAI,GAAGoC,IAAI,CAACM,GAAG,CAACM,MAAM,CAAC;MAE7D,OAAO;QACLK,IAAI,EAAEP,QAAQ;QACdf,IAAI;QACJkB,KAAK;QACLC,KAAK;QACLC,WAAW;QACXC,WAAW;QACXE,KAAK,EAAE,CAACrB,UAAU,GAAGC,QAAQ,IAAI;MACnC,CAAC;IACH,CAAC,CAAC;EACJ,CAAC;EAED,MAAMqB,UAAU,GAAG1B,kBAAkB,CAAC,CAAC;;EAEvC;EACA,MAAM2B,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIxC,QAAQ,IAAI,CAACd,OAAO,EAAE;IAE1Be,WAAW,CAAC,IAAI,CAAC;IACjBd,WAAW,GAAG,CAAC;;IAEf;IACA,MAAMsD,WAAW,GAAG,CAAC,GAAGrB,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG,CAAC;IACzC,MAAMC,WAAW,GAAGvB,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG,GAAG;IACvC,MAAME,cAAc,GAAG,GAAG,GAAGH,WAAW,GAAGE,WAAW;IAEtD1E,QAAQ,CAAC4E,MAAM,CAACzC,WAAW,EAAE;MAC3B0C,OAAO,EAAEvC,WAAW,CAACD,OAAO,GAAGsC,cAAc,GAAG,GAAG;MACnDG,QAAQ,EAAE9D,YAAY;MACtB+D,MAAM,EAAE5E,MAAM,CAAC6E,GAAG,CAAC7E,MAAM,CAAC8E,KAAK,CAAC;MAChCC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAMC,aAAa,CAAC,CAAC,CAAC;EACjC,CAAC;;EAED;EACA,MAAMA,aAAa,GAAGA,CAAA,KAAM;IAC1BpD,WAAW,CAAC,KAAK,CAAC;;IAElB;IACA,MAAMqD,eAAe,GAAI/C,WAAW,CAACD,OAAO,GAAG,GAAG,GAAI,GAAG;IACzD;IACA,MAAMiD,YAAY,GAAGnC,IAAI,CAACoC,KAAK,CAC5B,CAACF,eAAe,GAAG,GAAG,IAAI,GAAG,GAAI1C,YACpC,CAAC;IACD,MAAM6C,aAAa,GACjB,CAAC3D,UAAU,CAACC,MAAM,GAAG,CAAC,GAAGwD,YAAY,IAAIzD,UAAU,CAACC,MAAM;IAC5D,MAAM2D,WAAW,GACf5D,UAAU,CACR2D,aAAa,IAAI,CAAC,GAAGA,aAAa,GAAG3D,UAAU,CAACC,MAAM,GAAG0D,aAAa,CACvE;IAEHtD,SAAS,CAACuD,WAAW,CAAC;IACtBtE,SAAS,GAAGsE,WAAW,CAAC;EAC1B,CAAC;;EAED;EACA,MAAMC,MAAM,GAAGvD,WAAW,CAACwD,WAAW,CAAC;IACrCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAChC,CAAC,CAAC;EAEF,oBACEpF,IAAA,CAACX,IAAI;IAACgG,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE5E,cAAc,CAAE;IAAA6E,QAAA,eAC9CtF,KAAA,CAACb,IAAI;MAACgG,KAAK,EAAE;QAAEI,KAAK,EAAEnF,IAAI;QAAEoF,MAAM,EAAEpF;MAAK,CAAE;MAAAkF,QAAA,gBAEzCxF,IAAA,CAACT,QAAQ,CAACF,IAAI;QACZgG,KAAK,EAAE,CACLC,MAAM,CAACK,cAAc,EACrB;UACEF,KAAK,EAAEnF,IAAI;UACXoF,MAAM,EAAEpF,IAAI;UACZsF,YAAY,EAAEtF,IAAI,GAAG,CAAC;UACtBuF,SAAS,EAAE,CAAC;YAAEZ;UAAO,CAAC;QACxB,CAAC,CACD;QAAAO,QAAA,eAEFxF,IAAA,CAACL,GAAG;UAAC8F,KAAK,EAAEnF,IAAK;UAACoF,MAAM,EAAEpF,IAAK;UAACwF,OAAO,EAAE,OAAOxF,IAAI,IAAIA,IAAI,EAAG;UAAAkF,QAAA,eAC7DxF,IAAA,CAACH,CAAC;YAAA2F,QAAA,EACC3B,UAAU,CAACzB,GAAG,CACb,CACE;cAAEuB,IAAI;cAAEtB,IAAI;cAAEkB,KAAK;cAAEC,KAAK;cAAEC,WAAW;cAAEC,WAAW;cAAEE;YAAM,CAAC,EAC7DtB,KAAK,KACF;cACH,oBACEpC,KAAA,CAACjB,KAAK,CAAC8G,QAAQ;gBAAAP,QAAA,gBACbxF,IAAA,CAACJ,IAAI;kBACHoG,CAAC,EAAErC,IAAK;kBACRsC,IAAI,EAAE5D,IAAI,CAAC6D,KAAK,IAAI,EAAE,IAAI,IAAI,GAAG/F,MAAM,CAACuC,IAAI,CAACoC,KAAK,CAACpC,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG7D,MAAM,CAACkB,MAAM,CAAC,CAAC,GAAGgB,IAAI,CAAC6D,KAAM;kBAChGC,MAAM,EAAC,SAAS;kBAChBC,WAAW,EAAE;gBAAE,CAChB,CAAC,eAGFpG,IAAA,CAACF,OAAO;kBACNuG,CAAC,EAAE9C,KAAM;kBACT+C,CAAC,EAAE9C,KAAM;kBACTyC,IAAI,EAAE5D,IAAI,CAACkE,SAAS,IAAIpF,cAAe;kBACvCqF,QAAQ,EAAE1F,cAAc,EAAE0F,QAAQ,IAAI,EAAG;kBACzCC,UAAU,EAAE3F,cAAc,EAAE2F,UAAU,IAAI,MAAO;kBACjDC,UAAU,EAAC,QAAQ;kBACnBC,iBAAiB,EAAC,SAAS;kBAC3Bd,SAAS,EAAE,UAAUjC,KAAK,GAAG,GAAG,KAAKL,KAAK,KAAKC,KAAK,IAAK;kBAAAgC,QAAA,EAExDnD,IAAI,CAACuE;gBAAK,CACJ,CAAC;cAAA,GApBSvE,IAAI,CAACwE,EAqBV,CAAC;YAErB,CACF;UAAC,CACA;QAAC,CACD;MAAC,CACO,CAAC,eAGhB7G,IAAA,CAACX,IAAI;QACHgG,KAAK,EAAE,CACLC,MAAM,CAACwB,WAAW,EAClB;UACErB,KAAK,EAAEnF,IAAI,GAAG,CAAC;UACfoF,MAAM,EAAEpF,IAAI,GAAG,CAAC;UAChBuF,SAAS,EAAE,CACT;YAAEkB,UAAU,EAAE,CAACzG,IAAI,GAAG;UAAG,CAAC,EAC1B;YAAE0G,UAAU,EAAE,CAAC1G,IAAI,GAAG;UAAG,CAAC,CAC3B;UACDsF,YAAY,EAAEtF,IAAI,GAAG;QACvB,CAAC,EACDM,WAAW;MACX,CACH,CAAC,eAGFZ,IAAA,CAACX,IAAI;QAACgG,KAAK,EAAEC,MAAM,CAAC2B,eAAgB;QAAAzB,QAAA,eAClCxF,IAAA,CAACX,IAAI;UAACgG,KAAK,EAAE,CAACC,MAAM,CAAC4B,OAAO,EAAE;YAAEC,iBAAiB,EAAEnG;UAAU,CAAC,EAAED,SAAS;QAAE,CAAE;MAAC,CAC1E,CAAC,eAGPf,IAAA,CAACX,IAAI;QACHgG,KAAK,EAAE;UACL+B,QAAQ,EAAE,UAAU;UACpB3B,KAAK,EAAE,MAAM;UACb4B,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,MAAM,EAAE,CAAC,EAAE;UACXC,MAAM,EAAE;QACV,CAAE;QAAAhC,QAAA,eAEFxF,IAAA,CAACP,gBAAgB;UACfgI,OAAO,EAAE3D,UAAW;UACpB4D,QAAQ,EAAEpG,QAAQ,IAAI,CAACd,OAAQ;UAC/B6E,KAAK,EAAE,CAACC,MAAM,CAACqC,YAAY,EAAG1G,iBAAiB,CAAE;UAAAuE,QAAA,eAEjDxF,IAAA,CAACR,IAAI;YACH6F,KAAK,EAAE,CAACC,MAAM,CAACsC,gBAAgB,EAAE1G,qBAAqB,CAAE;YAAAsE,QAAA,EAEvD3E;UAAc,CACX;QAAC,CACS;MAAC,CACf,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMyE,MAAM,GAAGhG,UAAU,CAACuI,MAAM,CAAC;EAC/BtC,SAAS,EAAE;IACT8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBQ,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE,CAAE;EACpB,CAAC;EACDpC,cAAc,EAAE;IACdqC,QAAQ,EAAE,QAAQ;IAClBC,eAAe,EAAE;EACnB,CAAC;EACDnB,WAAW,EAAE;IACXM,QAAQ,EAAE,UAAU;IACpBc,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXF,eAAe,EAAE,SAAS;IAC1BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBb,MAAM,EAAE;EACV,CAAC;EACDP,eAAe,EAAE;IACfG,QAAQ,EAAE,UAAU;IACpBe,IAAI,EAAE,KAAK;IACXtC,SAAS,EAAE,CAAC;MAAEkB,UAAU,EAAE,CAAC;IAAG,CAAC,EAAE;MAAE9B,MAAM,EAAE;IAAS,CAAC,CAAC;IACtDuC,MAAM,EAAE;EACV,CAAC;EACDN,OAAO,EAAE;IACPzB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTuC,eAAe,EAAE,aAAa;IAC9BK,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,EAAE;IACnBC,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BxB,iBAAiB,EAAE;EACrB,CAAC;EACDQ,YAAY,EAAE;IACZiB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBjD,YAAY,EAAE,EAAE;IAChBkD,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE,CAAC;IACfd,eAAe,EAAE;EACnB,CAAC;EACDL,gBAAgB,EAAE;IAChBnB,UAAU,EAAE,MAAM;IAClBD,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAepG,SAAS","ignoreList":[]}

package/lib/module/components/Wheel/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Wheel } from "./Wheel.js";
+export * from "./Wheel.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Wheel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Wheel"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAO,YAAS;AACzC,cAAc,YAAS","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+export * from "./Card/index.js";
+export * from "./ProgressBar/index.js";
+export * from "./Badges/index.js";
+export * from "./Banner/index.js";
+export * from "./BrandIcon/index.js";
+export * from "./Filters/index.js";
+export * from "./Input/index.js";
+export * from "./LockOverlay/index.js";
+export * from "./Popup/index.js";
+export * from "./RedemptionOption/index.js";
+export * from "./ScratchCard/index.js";
+export * from "./UnlockRewards/index.js";
+export * from "./Wheel/index.js";
+export * from "./CloseIcon/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAe,mBAAU;AACzB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,6BAAoB;AAClC,cAAc,wBAAe;AAC7B,cAAc,0BAAiB;AAC/B,cAAc,kBAAS;AACvB,cAAc,sBAAa","ignoreList":[]}

package/lib/module/constants/BRANDS.js

@@ -0,0 +1,53 @@
+"use strict";
+
+const BRANDS = [{
+  id: "1",
+  name: "Brand 1",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "2",
+  name: "Brand 2",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "3",
+  name: "Brand 3",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "4",
+  name: "Brand 4",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "5",
+  name: "Brand 5",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "6",
+  name: "Brand 6",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "7",
+  name: "Brand 7",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "8",
+  name: "Brand 8",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "9",
+  name: "Brand 9",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "10",
+  name: "Brand 10",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "11",
+  name: "Brand 11",
+  logo: require("@/assets/images/pb-logo.jpg")
+}, {
+  id: "12",
+  name: "Brand 12",
+  logo: require("@/assets/images/pb-logo.jpg")
+}];
+export default BRANDS;
+//# sourceMappingURL=BRANDS.js.map

package/lib/module/constants/BRANDS.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BRANDS","id","name","logo","require"],"sourceRoot":"..\\..\\..\\src","sources":["constants/BRANDS.ts"],"mappings":";;AAAA,MAAMA,MAAM,GAAG,CACX;EACEC,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,EACD;EACEH,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAEC,OAAO,CAAC,6BAA6B;AAC7C,CAAC,CACF;AAED,eAAeJ,MAAM","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./theme/index.js";
+export * from "./components/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,uBAAc","ignoreList":[]}