@nuskin/react-loyalty-elements 1.0.1 → 1.0.2

package/dist/SampleComponent/SampleComponent.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+declare const SampleComponent: () => ReactElement;
+export default SampleComponent;

package/dist/SampleComponent/SampleComponent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './SampleComponent';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";function r(r,e){if(e==null||e>r.length)e=r.length;for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function e(r){if(Array.isArray(r))return r}function t(r,e){var t=r==null?null:typeof Symbol!=="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(t==null)return;var n=[];var o=true;var u=false;var i,a;try{for(t=t.call(r);!(o=(i=t.next()).done);o=true){n.push(i.value);if(e&&n.length===e)break}}catch(r){u=true;a=r}finally{try{if(!o&&t["return"]!=null)t["return"]()}finally{if(u)throw a}}return n}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(r,o){return e(r)||t(r,o)||i(r,o)||n()}function u(r){"@swc/helpers - typeof";return r&&typeof Symbol!=="undefined"&&r.constructor===Symbol?"symbol":typeof r}function i(e,t){if(!e)return;if(typeof e==="string")return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor)n=e.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var s=function(r,e){for(var t in e)a(r,t,{get:e[t],enumerable:!0})},y=function(r,e,t,n){var o=true,i=false,s=undefined;if(e&&(typeof e==="undefined"?"undefined":u(e))=="object"||typeof e=="function")try{var y=function(){var o=d.value;!f.call(r,o)&&o!==t&&a(r,o,{get:function(){return e[o]},enumerable:!(n=l(e,o))||n.enumerable})};for(var p=c(e)[Symbol.iterator](),d;!(o=(d=p.next()).done);o=true)y()}catch(r){i=true;s=r}finally{try{if(!o&&p.return!=null){p.return()}}finally{if(i){throw s}}}return r};var p=function(r){return y(a({},"__esModule",{value:!0}),r)};var d={};s(d,{SampleComponent:function(){return j}});module.exports=p(d);var m=require("react"),v=require("@nuskin/foundation-ui-components"),b=require("react/jsx-runtime"),h=function(){var r=o((0,m.useState)(0),2),e=r[0],t=r[1];return(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{children:"Sample Component"}),(0,b.jsxs)("p",{children:["Count: ",e]}),(0,b.jsx)(v.NsButton,{onClick:function(){return t(e+1)},children:"Increment"}),(0,b.jsx)(v.NsButton,{onClick:function(){return t(e-1)},children:"Decrement"})]})},j=h;//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/gitlab-runner-data/builds/nextgen-development/loyalty/npm/react-loyalty-elements/dist/index.js","../src/index.ts","../src/SampleComponent/SampleComponent.tsx"],"names":["p","Object","defineProperty","l","getOwnPropertyDescriptor","s","getOwnPropertyNames","C","prototype","hasOwnProperty","f","e","t","m","get","enumerable","i","u","n","call","d","value","index_exports","__export","SampleComponent","SampleComponent_default","module","exports","__toCommonJS","import_react","require","import_foundation_ui_components","import_jsx_runtime","a","useState","count","setCount","o","jsxs","children","jsx","r","NsButton","onClick"],"mappings":"AAAA,moCAAa,IAAIA,EAAEC,OAAOC,cAAc,CAAC,IAAIC,EAAEF,OAAOG,wBAAwB,CAAC,IAAIC,EAAEJ,OAAOK,mBAAmB,CAAC,IAAIC,EAAEN,OAAOO,SAAS,CAACC,cAAc,CAAC,IAAIC,EAAE,SAACC,EAAEC,GAAK,IAAI,IAAIC,KAAKD,EAAEZ,EAAEW,EAAEE,EAAE,CAACC,IAAIF,CAAC,CAACC,EAAE,CAACE,WAAW,CAAC,CAAC,EAAE,EAAEC,EAAE,SAACL,EAAEC,EAAEC,EAAEI,OAAwD,OAAA,QAAA,YAAnD,GAAGL,GAAG,CAAA,OAAOA,4BAAP,EAAOA,EAAAA,GAAG,UAAU,OAAOA,GAAG,gCAAe,IAAIM,EAAJ,OAAc,EAACX,EAAEY,IAAI,CAACR,EAAEO,IAAIA,IAAIL,GAAGb,EAAEW,EAAEO,EAAE,CAACJ,IAAI,kBAAIF,CAAC,CAACM,EAAE,EAACH,WAAW,CAAEE,CAAAA,EAAEd,EAAES,EAAEM,EAAC,GAAID,EAAEF,UAAU,IAA/F,QAAI,EAASV,EAAEO,sBAAX,IAAA,GAAA,EAAA,gBAAA,oBAAA,OAAA,oBAAA,GAAA,gBAAA,uBAAA,SAAA,IAA8F,OAAOD,CAAC,EAAE,IAAIS,EAAET,SAAAA,UAAGK,EAAEhB,EAAE,CAAC,EAAE,aAAa,CAACqB,MAAM,CAAC,CAAC,GAAGV,ICAta,IAAAW,EAAA,CAAA,EAAAC,EAAAD,EAAA,CAAAE,gBAAA,kBAAAC,EAAAA,EAAAC,CAAAA,OAAAC,OAAA,CAAAC,EAAAN,GCAA,IAAAO,EAA8CC,QAAA,SAC9CC,EAAyBD,QAAA,oCAMbE,EAAAF,QAAA,qBAJNN,EAAkB,WACpB,IAAsB,IAAA,CAAA,EAAIS,EAAAC,QAAA,EAAiB,MAApCC,EAAe,KAARC,EAAQ,KACtB,MAAA,CAAA,EACIC,EAAAC,IAAA,EAAC,MAAA,CACGC,SAAA,CAAA,CAAA,EAAAF,EAAAG,GAAA,EAAC,KAAA,CAAGD,SAAA,kBAAA,GAAgB,CAAA,EACpBF,EAAAC,IAAA,EAAC,IAAA,CAAEC,SAAA,CAAA,UAAQJ,EAAAA,GAAM,CAAA,EACjBE,EAAAG,GAAA,EAACC,EAAAC,QAAA,CAAA,CAASC,QAAS,kBAAMP,EAASD,EAAQ,IAAII,SAAA,WAAA,GAAS,CAAA,EACvDF,EAAAG,GAAA,EAACC,EAAAC,QAAA,CAAA,CAASC,QAAS,kBAAMP,EAASD,EAAQ,IAAII,SAAA,WAAA,GAAS,EAGnE,EACOd,EAAQD","sourcesContent":["\"use strict\";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var m in t)p(e,m,{get:t[m],enumerable:!0})},i=(e,t,m,u)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let n of s(t))!C.call(e,n)&&n!==m&&p(e,n,{get:()=>t[n],enumerable:!(u=l(t,n))||u.enumerable});return e};var d=e=>i(p({},\"__esModule\",{value:!0}),e);var B={};f(B,{SampleComponent:()=>c});module.exports=d(B);var a=require(\"react\"),r=require(\"@nuskin/foundation-ui-components\"),o=require(\"react/jsx-runtime\"),S=()=>{let[e,t]=(0,a.useState)(0);return(0,o.jsxs)(\"div\",{children:[(0,o.jsx)(\"h1\",{children:\"Sample Component\"}),(0,o.jsxs)(\"p\",{children:[\"Count: \",e]}),(0,o.jsx)(r.NsButton,{onClick:()=>t(e+1),children:\"Increment\"}),(0,o.jsx)(r.NsButton,{onClick:()=>t(e-1),children:\"Decrement\"})]})},c=S;\n","export * from './SampleComponent';\n","import React, { ReactElement, useState } from 'react';\nimport { NsButton } from '@nuskin/foundation-ui-components';\n\nconst SampleComponent = (): ReactElement => {\n    const [count, setCount] = useState<number>(0);\n    return (\n        <div>\n            <h1>Sample Component</h1>\n            <p>Count: {count}</p>\n            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>\n            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>\n        </div>\n    );\n};\nexport default SampleComponent;\n"]}

package/dist/index.mjs

@@ -0,0 +1 @@
+function r(r,t){if(t==null||t>r.length)t=r.length;for(var n=0,e=new Array(t);n<t;n++)e[n]=r[n];return e}function t(r){if(Array.isArray(r))return r}function n(r,t){var n=r==null?null:typeof Symbol!=="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(n==null)return;var e=[];var o=true;var i=false;var a,u;try{for(n=n.call(r);!(o=(a=n.next()).done);o=true){e.push(a.value);if(t&&e.length===t)break}}catch(r){i=true;u=r}finally{try{if(!o&&n["return"]!=null)n["return"]()}finally{if(i)throw u}}return e}function e(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(r,o){return t(r)||n(r,o)||i(r,o)||e()}function i(t,n){if(!t)return;if(typeof t==="string")return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor)e=t.constructor.name;if(e==="Map"||e==="Set")return Array.from(e);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}import{useState as a}from"react";import{NsButton as u}from"@nuskin/foundation-ui-components";import{jsx as l,jsxs as c}from"react/jsx-runtime";var f=function(){var r=o(a(0),2),t=r[0],n=r[1];return c("div",{children:[l("h1",{children:"Sample Component"}),c("p",{children:["Count: ",t]}),l(u,{onClick:function(){return n(t+1)},children:"Increment"}),l(u,{onClick:function(){return n(t-1)},children:"Decrement"})]})},s=f;export{s as SampleComponent};//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SampleComponent/SampleComponent.tsx"],"names":["useState","NsButton","jsx","jsxs","SampleComponent","count","setCount","children","onClick","SampleComponent_default"],"mappings":"ggCAAA,OAA8BA,YAAAA,CAAAA,KAAgB,OAC9C,QAASC,YAAAA,CAAAA,KAAgB,kCAMb,QAAAC,OAAAA,CAAAA,CACAC,QAAAA,CAAAA,KADA,mBAJZ,CAAA,IAAMC,EAAkB,WACpB,IAA0BJ,IAAAA,EAAiB,MAApCK,EAAmBL,KAAZM,EAAYN,KAC1B,OACIG,EAAC,MAAA,CACGI,SAAA,CAAAL,EAAC,KAAA,CAAGK,SAAA,kBAAA,GACJJ,EAAC,IAAA,CAAEI,SAAA,CAAA,UAAQF,EAAAA,GACXH,EAACD,EAAA,CAASO,QAAS,kBAAMF,EAASD,EAAQ,IAAIE,SAAA,WAAA,GAC9CL,EAACD,EAAA,CAASO,QAAS,kBAAMF,EAASD,EAAQ,IAAIE,SAAA,WAAA,GAAS,EAGnE,EACOE,EAAQL,SAAAA,KAAAA,eAAAA","sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { NsButton } from '@nuskin/foundation-ui-components';\n\nconst SampleComponent = (): ReactElement => {\n    const [count, setCount] = useState<number>(0);\n    return (\n        <div>\n            <h1>Sample Component</h1>\n            <p>Count: {count}</p>\n            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>\n            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>\n        </div>\n    );\n};\nexport default SampleComponent;\n"]}

package/package.json

@@ -1,8 +1,10 @@
 {
     "name": "@nuskin/react-loyalty-elements",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "description": "A React based component library for reusable Nextgen Loyalty component",
-    "main": "src/common/index.ts",
+    "types": "dist/index.d.ts",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
     "repository": {
         "type": "git",
         "url": "git@code.tls.nuskin.io:nextgen-development/loyalty/npm/react-loyalty-elements.git"
@@ -19,18 +21,21 @@
     ],
     "license": "MIT",
     "scripts": {
-        "lint": "eslint",
+        "build:package": "tsup",
+        "lint": "eslint src",
         "test": "jest --coverage",
         "test:watch": "jest --watch",
         "test:update-snapshot": "jest -u",
         "test:failed": "npx jest --onlyFailures",
         "test:coverage": "jest --coverage",
-        "types:check": "tsc --pretty --noEmit"
+        "types:check": "tsc --pretty"
     },
     "dependencies": {
         "@types/react": "^18.2.0",
         "@types/react-dom": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-circular-progressbar": "^2.1.0",
+        "react-dom": "^18.2.0",
+        "react-icons": "^4.0.0"
     },
     "devDependencies": {
         "@babel/core": "^7.23.2",
@@ -38,36 +43,49 @@
         "@babel/preset-react": "^7.22.15",
         "@babel/preset-typescript": "^7.23.2",
         "@nuskin/eslint-config": "^1.0.0-setup.1",
-        "@nuskin/foundation-ui-components": "1.32.1-cdb-1.2",
-        "@testing-library/dom": "^9.3.3",
-        "@testing-library/jest-dom": "^6.1.4",
-        "@testing-library/react": "^14.0.0",
+        "@nuskin/foundation-ui-components": "2.0.0",
+        "@swc/core": "1.10.15",
+        "@testing-library/dom": "10.4.0",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "16.2.0",
         "@types/jest": "^29.5.7",
         "@types/lodash": "^4.14.200",
         "@types/node": "^20.8.7",
         "@types/react-test-renderer": "^18.0.5",
+        "@typescript-eslint/eslint-plugin": "^8.28.0",
+        "@typescript-eslint/parser": "^8.28.0",
         "babel-jest": "^29.7.0",
         "babel-loader": "^9.1.3",
         "babel-plugin-emotion": "^11.0.0",
         "eslint": "^8.51.0",
-        "eslint-config-prettier": "^9.0.0",
+        "eslint-config-prettier": "^10.1.1",
         "eslint-plugin-json": "^3.1.0",
-        "eslint-plugin-prettier": "^5.0.1",
+        "eslint-plugin-prettier": "^5.2.4",
+        "eslint-plugin-react": "^7.37.4",
+        "eslint-plugin-spellcheck": "^0.0.20",
+        "eslint-plugin-unused-imports": "^4.1.4",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
+        "prettier": "^3.5.3",
         "react": "^18.2.0",
+        "tsup": "8.3.6",
         "typescript": "^5.4.2"
     },
     "peerDependencies": {
-        "@nuskin/foundation-ui-components": "1.32.1-cdb-1.2",
+        "@nuskin/foundation-ui-components": "2.0.0",
         "react": "^18.2.0",
         "typescript": "^5.4.2"
     },
     "resolutions": {
-        "@nuskin/foundation-theme": "1.6.1-cdb-1.1"
+        "@nuskin/foundation-theme": "1.7.0",
+        "esbuild": "0.25.0",
+        "@babel/runtime": "7.26.10",
+        "@babel/helpers": "7.26.10"
     },
     "files": [
-        "src"
+        "dist",
+        "README.md",
+        "package.json"
     ],
     "readme": "./README.md"
 }

package/src/SampleComponent/SampleComponent.spec.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import SampleComponent from './SampleComponent';
-
-describe('NsInputField', () => {
-    it('should render component', () => {
-        render(<SampleComponent />);
-        const sampleComponent = screen.getByText('Sample Component');
-        expect(sampleComponent).toBeTruthy();
-    });
-
-    it('should increment count', () => {
-        render(<SampleComponent />);
-        const incrementButton = screen.getByText('Increment');
-        fireEvent.click(incrementButton);
-        const count = screen.getByText('Count: 1');
-        expect(count).toBeTruthy();
-    });
-
-    it('should decrement count', () => {
-        render(<SampleComponent />);
-        const decrementButton = screen.getByText('Decrement');
-        fireEvent.click(decrementButton);
-        const count = screen.getByText('Count: -1');
-        expect(count).toBeTruthy();
-    });
-});

package/src/SampleComponent/SampleComponent.tsx

@@ -1,16 +0,0 @@
-import React, { ReactElement, useState } from 'react';
-import { NsButton } from '@nuskin/foundation-ui-components';
-
-const SampleComponent = (): ReactElement => {
-    const [count, setCount] = useState<number>(0);
-
-    return (
-        <div>
-            <h1>Sample Component</h1>
-            <p>Count: {count}</p>
-            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>
-            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>
-        </div>
-    );
-};
-export default SampleComponent;

package/src/index.ts

@@ -1 +0,0 @@
-export * from './SampleComponent';