react-achievements 1.0.6 → 1.0.8

package/README.md

@@ -1,5 +1,6 @@
 # Welcome to React-Achievements!
 
+## THIS IS STILL A WORK IN PROGRESS
 A flexible and customizable achievement system for React applications.
 
 ## Installation
@@ -61,12 +62,12 @@ const achievementConfig = {
       }
     },
     {
-      check: (value) => value.length >= 10,
+      check: (value) => values.reduce((sum, val) => sum + (typeof val === 'number' ? val : 0), 0) >= 100,
       data: {
-        id: 'ten_transactions',
-        title: 'Ten Transactions',
-        description: 'Completed ten transactions',
-        icon: '/path/to/icon.png'
+          id: 'thousand_dollars',
+          title: 'Big Spender',
+          description: 'Spent a total of $1000', 
+          icon: '/path/to/icon.png'
       }
     },
   ],

package/dist/context/AchievementContext.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { Metrics, AchievementConfig } from '../types';
+import { Metrics, AchievementConfig, MetricValue } from '../types';
 interface AchievementContextProps {
     metrics: Metrics;
     setMetrics: (metrics: Metrics | ((prevMetrics: Metrics) => Metrics)) => void;
@@ -10,7 +10,7 @@ interface AchievementContextProps {
 interface AchievementProviderProps {
     children: ReactNode;
     config: AchievementConfig;
-    initialState?: Record<string, any>;
+    initialState?: Record<string, MetricValue>;
     storageKey?: string;
     badgesButtonPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 }

package/dist/index.cjs.js

@@ -191,6 +191,9 @@ const AchievementProvider = ({ children, config, initialState = {}, storageKey =
             if (key in state) {
                 acc[key] = state[key];
             }
+            else {
+                acc[key] = [];
+            }
             return acc;
         }, {});
     };

package/dist/index.esm.js

@@ -189,6 +189,9 @@ const AchievementProvider = ({ children, config, initialState = {}, storageKey =
             if (key in state) {
                 acc[key] = state[key];
             }
+            else {
+                acc[key] = [];
+            }
             return acc;
         }, {});
     };

package/dist/types.d.ts

@@ -1,4 +1,5 @@
-export type MetricValue = number | boolean | string | any;
+export type MetricValueItem = number | boolean | string | any;
+export type MetricValue = MetricValueItem[];
 export interface Metrics {
     [key: string]: MetricValue;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-achievements",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "This package allows users to transpose a React achievements engine over their React apps",
   "keywords": [
     "react",

package/src/context/AchievementContext.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';
-import { Metrics, AchievementConfig, AchievementData } from '../types';
+import { Metrics, AchievementConfig, AchievementData, MetricValue } from '../types';
 import AchievementModal from '../components/AchievementModal';
 import BadgesModal from '../components/BadgesModal';
 import BadgesButton from '../components/BadgesButton';
@@ -16,7 +16,7 @@ interface AchievementContextProps {
 interface AchievementProviderProps {
     children: ReactNode;
     config: AchievementConfig;
-    initialState?: Record<string, any>;
+    initialState?: Record<string, MetricValue>;
     storageKey?: string;
     badgesButtonPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 }
@@ -30,10 +30,12 @@ export const AchievementProvider: React.FC<AchievementProviderProps> = ({
                                                                             storageKey = 'react-achievements',
                                                                             badgesButtonPosition = 'top-right'
                                                                         }) => {
-    const extractMetrics = (state: Record<string, any>): Metrics => {
+    const extractMetrics = (state: Record<string, MetricValue>): Metrics => {
         return Object.keys(config).reduce((acc, key) => {
             if (key in state) {
                 acc[key] = state[key];
+            } else {
+                acc[key] = [];
             }
             return acc;
         }, {} as Metrics);

package/src/types.ts

@@ -1,4 +1,6 @@
-export type MetricValue = number | boolean | string | any;
+export type MetricValueItem = number | boolean | string | any;
+
+export type MetricValue = MetricValueItem[];
 
 export interface Metrics {
     [key: string]: MetricValue;