@nuskin/marketing-components 1.0.0-components-app.1

package/LICENSE.md

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2023, Nuskin
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+# Marketing Components
+
+A reusable component library for **Nu Skin marketing applications**, starting with the Foundation Web App and Visual Builder.  
+This package extracts shared UI components from the Foundation Web App into a standalone library so they can be reused across microfrontends without duplication.
+
+---
+
+## ✨ Features
+
+- Centralized marketing-focused React components  
+- Built for SSR-compatible microfrontends  
+- Versioned and published as a package  
+- Easy to import and extend as new components are added  
+
+---
+
+## 📦 Installation
+
+```bash
+# Install from internal/private registry
+yarn add @nuskin/marketing-components
+
+🚀 Usage
+After installing, import components directly into your application:
+import { SimpleText } from '@nuskin/marketing-components';
+
+export default function Example() {
+  return <SimpleText text="Hello from Marketing Components!" />;
+}
+
+🛠 Development
+Clone the repo:
+git clone https://code.tls.nuskin.io/ns-am/content-foundation/marketing-components.git
+cd marketing-components
+Install dependencies:
+yarn install
+Start Storybook (if enabled):
+yarn storybook
+Build the library:
+yarn build
+Run tests:
+yarn test
+
+📦 Publishing
+This package is published as a pre-release for internal use:
+yarn version --prerelease --preid alpha
+yarn npm publish --tag alpha
+Later releases will be versioned and tagged accordingly (beta, latest).

package/dist/SampleComponent/SampleComponent.d.ts

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

package/dist/SampleComponent/index.d.ts

@@ -0,0 +1 @@
+export { default as SampleComponent } from './SampleComponent';

package/dist/SampleComponent/specs/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/ns-am/content-foundation/marketing-components/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

@@ -0,0 +1,114 @@
+{
+    "name": "@nuskin/marketing-components",
+    "version": "1.0.0-components-app.1",
+    "description": "A React based component library for marketing components to use with content stack pagebuilding",
+    "types": "dist/index.d.ts",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "repository": {
+        "type": "git",
+        "url": "git@code.tls.nuskin.io:ns-am/content-foundation/marketing-components.git"
+    },
+    "homepage": "https://code.tls.nuskin.io/ns-am/content-foundation/marketing-components",
+    "publishConfig": {
+        "access": "public"
+    },
+    "keywords": [
+        "react",
+        "marketing-components",
+        "Content Foundation",
+        "cft",
+        "Content Stack"
+    ],
+    "license": "MIT",
+    "scripts": {
+        "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"
+    },
+    "dependencies": {
+        "@types/react": "^18.2.0",
+        "@types/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",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/preset-react": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.2",
+        "@nuskin/eslint-config": "^1.0.0-setup.1",
+        "@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": "^10.1.1",
+        "eslint-plugin-json": "^3.1.0",
+        "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": "2.0.0",
+        "react": "^18.2.0",
+        "typescript": "^5.4.2"
+    },
+    "resolutions": {
+        "@nuskin/foundation-theme": "1.7.0",
+        "esbuild": "0.25.0",
+        "@babel/runtime": "7.26.10",
+        "@babel/helpers": "7.26.10"
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "package.json"
+    ],
+    "readme": "./README.md",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./*": {
+            "types": "./dist/*/index.d.ts",
+            "import": "./dist/*/index.mjs",
+            "require": "./dist/*/index.js"
+        }
+    },
+    "typesVersions": {
+        "*": {
+            "*": [
+                "./dist/*/index.d.ts"
+            ],
+            ".": [
+                "./dist/index.d.ts"
+            ]
+        }
+    }
+}