@nuskin/marketing-components 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}var r=Object.defineProperty;var
|
|
1
|
+
"use strict";function e(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var u=function(e,n){for(var t in n)r(e,t,{get:n[t],enumerable:!0})},i=function(u,i,a,l){var d=true,c=false,s=undefined;if(i&&(typeof i==="undefined"?"undefined":e(i))=="object"||typeof i=="function")try{var f=function(){var e=p.value;!o.call(u,e)&&e!==a&&r(u,e,{get:function(){return i[e]},enumerable:!(l=n(i,e))||l.enumerable})};for(var v=t(i)[Symbol.iterator](),p;!(d=(p=v.next()).done);d=true)f()}catch(e){c=true;s=e}finally{try{if(!d&&v.return!=null){v.return()}}finally{if(c){throw s}}}return u};var a=function(e){return i(r({},"__esModule",{value:!0}),e)};var l={};u(l,{CsTextComponent:function(){return h}});module.exports=a(l);var d=require("@nuskin/foundation-ui-components"),c=require("react"),s=require("@nuskin/foundation-core-app/common/hooks"),f=require("react/jsx-runtime"),v=function(e){return e==="p"?"body-l":e!==null&&e!==void 0?e:"h2"},p=function(e,r){var n=new DOMParser().parseFromString(e,"text/html");return n.querySelectorAll("a").forEach(function(e){var n;var t=(n=e.getAttribute("href"))!==null&&n!==void 0?n:"",o=r(t),u=o.url,i=u===void 0?"":u;e.setAttribute("href",i.startsWith("http")?i:"https://".concat(i))}),n.body.innerHTML},y=function(r){var n=r.show,t=r.full_width,o=t===void 0?!1:t,u=r.container_background_color,i=u===void 0?"":u,a=r.include_gap,l=a===void 0?!1:a,y=r.alignment,h=y===void 0?"left":y,m=r.header_variants,b=m===void 0?"h2":m,g=r.text_editor;var x=(0,s.useRouteReplacer)(),w=function(e){var r;var n;return typeof x=="function"?{url:(n=(r=x(e))===null||r===void 0?void 0:r.url)!==null&&n!==void 0?n:""}:{url:e}},j=(0,c.useMemo)(function(){try{var e,r,n;if(i)return((n=JSON.parse(i))===null||n===void 0?void 0:(r=n.brandColor)===null||r===void 0?void 0:(e=r.colorObj)===null||e===void 0?void 0:e.light)||"transparent"}catch(e){return"transparent"}return"transparent"},[i]),O=(0,c.useMemo)(function(){return(typeof window==="undefined"?"undefined":e(window))>"u"?g:p(g,w)},[g,x]);return n?(0,f.jsxs)("div",{style:{width:o?"100%":"auto",backgroundColor:j,textAlign:h,padding:"16px 32px"},children:[(0,f.jsx)(d.NsTypography,{variant:v(b),renderHTMLNode:!0,children:(0,f.jsx)("div",{dangerouslySetInnerHTML:{__html:O},className:"cs-text-html"})}),(0,f.jsx)("style",{children:"\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n "})]}):null},h=y;//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/gitlab-runner-data/builds/ns-am/content-foundation/marketing-components/dist/index.js","../src/index.ts","../src/text/CsText.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["/gitlab-runner-data/builds/ns-am/content-foundation/marketing-components/dist/index.js","../src/index.ts","../src/text/CsText.tsx"],"names":["u","Object","defineProperty","x","getOwnPropertyDescriptor","T","getOwnPropertyNames","b","prototype","hasOwnProperty","w","t","e","r","get","enumerable","C","o","n","call","R","value","index_exports","__export","CsTextComponent","CsText_default","module","exports","__toCommonJS","import_foundation_ui_components","require","import_react","import_hooks","import_jsx_runtime","getResolvedVariant","variant","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","CsText","show","full_width","container_background_color","include_gap","alignment","header_variants","text_editor","routeReplacer","h","useRouteReplacer","safeRouteReplacer","backgroundColor","c","useMemo","JSON","parse","brandColor","colorObj","light","updatedHtml","window","a","jsxs","style","width","textAlign","padding","children","jsx","d","NsTypography","renderHTMLNode","dangerouslySetInnerHTML","__html","className"],"mappings":"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","sourcesContent":["\"use strict\";var u=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var r in e)u(t,r,{get:e[r],enumerable:!0})},C=(t,e,r,o)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let n of T(e))!b.call(t,n)&&n!==r&&u(t,n,{get:()=>e[n],enumerable:!(o=x(e,n))||o.enumerable});return t};var R=t=>C(u({},\"__esModule\",{value:!0}),t);var P={};w(P,{CsTextComponent:()=>f});module.exports=R(P);var d=require(\"@nuskin/foundation-ui-components\"),c=require(\"react\"),h=require(\"@nuskin/foundation-core-app/common/hooks\"),a=require(\"react/jsx-runtime\"),v=t=>t===\"p\"?\"body-l\":t??\"h2\",N=(t,e)=>{let o=new DOMParser().parseFromString(t,\"text/html\");return o.querySelectorAll(\"a\").forEach(i=>{let l=i.getAttribute(\"href\")??\"\",{url:s=\"\"}=e(l);i.setAttribute(\"href\",s.startsWith(\"http\")?s:`https://${s}`)}),o.body.innerHTML},M=({show:t,full_width:e=!1,container_background_color:r=\"\",include_gap:o=!1,alignment:n=\"left\",header_variants:i=\"h2\",text_editor:l})=>{let s=(0,h.useRouteReplacer)(),g=p=>typeof s==\"function\"?{url:s(p)?.url??\"\"}:{url:p},m=(0,c.useMemo)(()=>{try{if(r)return JSON.parse(r)?.brandColor?.colorObj?.light||\"transparent\"}catch{return\"transparent\"}return\"transparent\"},[r]),y=(0,c.useMemo)(()=>typeof window>\"u\"?l:N(l,g),[l,s]);return t?(0,a.jsxs)(\"div\",{style:{width:e?\"100%\":\"auto\",backgroundColor:m,textAlign:n,padding:\"16px 32px\"},children:[(0,a.jsx)(d.NsTypography,{variant:v(i),renderHTMLNode:!0,children:(0,a.jsx)(\"div\",{dangerouslySetInnerHTML:{__html:y},className:\"cs-text-html\"})}),(0,a.jsx)(\"style\",{children:`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `})]}):null},f=M;\n","export * from './text';\n","import { NsTypography } from '@nuskin/foundation-ui-components';\nimport { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer } from '@nuskin/foundation-core-app/common/hooks';\n\ninterface CsTextProps {\n show: boolean;\n full_width?: boolean;\n container_background_color?: string;\n include_gap?: boolean;\n alignment?: 'left' | 'center' | 'right';\n header_variants?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n text_editor: string;\n}\n\nconst getResolvedVariant = (\n variant: CsTextProps['header_variants']\n): Parameters<typeof NsTypography>[0]['variant'] => {\n return variant === 'p' ? 'body-l' : variant ?? 'h2';\n};\n\nexport const rewriteLinks = (\n html: string,\n replacer: (url: string) => { url: string }\n): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute(\n 'href',\n sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`\n );\n });\n\n return doc.body.innerHTML;\n};\n\nconst CsText = ({\n show,\n full_width = false,\n container_background_color = '',\n include_gap = false,\n alignment = 'left',\n header_variants = 'h2',\n text_editor\n}: CsTextProps): ReactElement | null => {\n const routeReplacer = useRouteReplacer() as unknown as\n | ((url: string) => { url: string })\n | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n if (!show) return null;\n\n return (\n <div\n style={{\n width: full_width ? '100%' : 'auto',\n backgroundColor,\n textAlign: alignment,\n padding: '16px 32px'\n }}\n >\n <NsTypography variant={getResolvedVariant(header_variants)} renderHTMLNode>\n <div\n dangerouslySetInnerHTML={{ __html: updatedHtml }}\n className=\"cs-text-html\"\n />\n </NsTypography>\n\n <style>\n {`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default CsText;\n"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function n(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}import{NsTypography as t}from"@nuskin/foundation-ui-components";import{useMemo as r}from"react";import{useRouteReplacer as o}from"@nuskin/foundation-core-app/common/hooks";import{jsx as e,jsxs as i}from"react/jsx-runtime";var a=function(n){return n==="p"?"body-l":n!==null&&n!==void 0?n:"h2"},l=function(n,t){var r=new DOMParser().parseFromString(n,"text/html");return r.querySelectorAll("a").forEach(function(n){var r;var o=(r=n.getAttribute("href"))!==null&&r!==void 0?r:"",e=t(o),i=e.url,a=i===void 0?"":i;n.setAttribute("href",a.startsWith("http")?a:"https://".concat(a))}),r.body.innerHTML},u=function(u){var d=u.show,s=u.full_width,c=s===void 0?!1:s,p=u.container_background_color,v=p===void 0?"":p,f=u.include_gap,m=f===void 0?!1:f,h=u.alignment,y=h===void 0?"left":h,x=u.header_variants,b=x===void 0?"h2":x,g=u.text_editor;var w=o(),_=function(n){var t;var r;return typeof w=="function"?{url:(r=(t=w(n))===null||t===void 0?void 0:t.url)!==null&&r!==void 0?r:""}:{url:n}},k=r(function(){try{var n,t,r;if(v)return((r=JSON.parse(v))===null||r===void 0?void 0:(t=r.brandColor)===null||t===void 0?void 0:(n=t.colorObj)===null||n===void 0?void 0:n.light)||"transparent"}catch(n){return"transparent"}return"transparent"},[v]),S=r(function(){return(typeof window==="undefined"?"undefined":n(window))>"u"?g:l(g,_)},[g,w]);return d?i("div",{style:{width:c?"100%":"auto",backgroundColor:k,textAlign:y,padding:"16px 32px"},children:[e(t,{variant:a(b),renderHTMLNode:!0,children:e("div",{dangerouslySetInnerHTML:{__html:S},className:"cs-text-html"})}),e("style",{children:"\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n "})]}):null},d=u;export{d as CsTextComponent};//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/text/CsText.tsx"],"names":["NsTypography","useMemo","useRouteReplacer","jsx","jsxs","getResolvedVariant","variant","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","CsText","show","full_width","container_background_color","include_gap","alignment","header_variants","text_editor","routeReplacer","backgroundColor","JSON","parse","brandColor","colorObj","light","updatedHtml","window","style","width","textAlign","padding","children","renderHTMLNode","dangerouslySetInnerHTML","__html","className","CsText_default"],"mappings":"sHAAA,OAASA,gBAAAA,CAAAA,KAAoB,kCAC7B,QAAuBC,WAAAA,CAAAA,KAAe,OACtC,QAASC,oBAAAA,CAAAA,KAAwB,
|
|
1
|
+
{"version":3,"sources":["../src/text/CsText.tsx"],"names":["NsTypography","useMemo","useRouteReplacer","jsx","jsxs","getResolvedVariant","variant","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","CsText","show","full_width","container_background_color","include_gap","alignment","header_variants","text_editor","routeReplacer","safeRouteReplacer","backgroundColor","JSON","parse","brandColor","colorObj","light","updatedHtml","window","style","width","textAlign","padding","children","renderHTMLNode","dangerouslySetInnerHTML","__html","className","CsText_default"],"mappings":"sHAAA,OAASA,gBAAAA,CAAAA,KAAoB,kCAC7B,QAAuBC,WAAAA,CAAAA,KAAe,OACtC,QAASC,oBAAAA,CAAAA,KAAwB,0CAgFzB,QASQC,OAAAA,CAAAA,CATRC,QAAAA,CAAAA,KAAA,mBApER,CAAA,IAAMC,EACFC,SAAAA,UAEOA,IAAY,IAAM,SAAWA,UAAAA,WAAAA,EAAW,MAGtCC,EAAe,SACxBC,EACAC,GAGA,IAAMC,EADS,IAAIC,YACAC,eAAA,CAAgBJ,EAAM,aAGzC,OAFcE,EAAIG,gBAAA,CAAiB,KAE7BC,OAAA,CAASC,SAAAA,OACEA,EAAb,IAAMC,EAAOD,CAAAA,EAAAA,EAAKE,YAAA,CAAa,iBAAlBF,WAAAA,EAA6B,GACPN,EAAAA,EAASO,GAA/BE,EAAsBT,EAA3BU,IAAKD,EAAAA,WAAe,GAAfA,EAEbH,EAAKK,YAAA,CACD,OACAF,EAAaG,UAAA,CAAW,QAAUH,EAAe,WAAuB,OAAZA,GAEpE,GAEOR,EAAIY,IAAA,CAAKC,SACpB,EAEMC,EAAS,gBACXC,IAAAA,KACAC,IAAAA,WAAAA,EAAAA,WAAa,CAAA,EAAbA,EACAC,IAAAA,2BAAAA,EAAAA,WAA6B,GAA7BA,EACAC,IAAAA,YAAAA,EAAAA,WAAc,CAAA,EAAdA,EACAC,IAAAA,UAAAA,EAAAA,WAAY,OAAZA,EACAC,IAAAA,gBAAAA,EAAAA,WAAkB,KAAlBA,EACAC,IAAAA,YAEA,IAAMC,EAAgB9B,IAIhB+B,EAAqBd,SAAAA,OAEJa,MAAAA,SADf,OAAOA,GAAkB,WAElB,CAAEb,IADMa,CAAAA,GAAAA,EAAAA,EAAcb,YAAda,kBAAAA,EACOb,GAAA,UADPa,WAAAA,EACc,EAAG,EAE7B,CAAEb,IAAAA,CAAI,GAGXe,EAAkBjC,EAAQ,WAC5B,GAAI,KAEmBkC,EAAAA,EAAAA,EADnB,GAAIR,EAEA,MADeQ,EAAAA,EAAAA,KAAKC,KAAA,CAAMT,YAAXQ,mBAAAA,EAAAA,EACAE,UAAA,UADAF,mBAAAA,EAAAA,EACYG,QAAA,UADZH,kBAAAA,EACsBI,KAAA,GAAS,aAEtD,CAAA,QAAQ,CACJ,MAAO,aACX,CACA,MAAO,aACX,EAAG,CAACZ,EAA2B,EAEzBa,EAAcvC,EAAQ,iBACpB,CAAA,OAAOwC,iCAAP,EAAOA,OAAA,EAAW,IAAoBV,EACnCxB,EAAawB,EAAaE,IAClC,CAACF,EAAaC,EAAc,EAE/B,OAAKP,EAGDrB,EAAC,MAAA,CACGsC,MAAO,CACHC,MAAOjB,EAAa,OAAS,OAC7BQ,gBAAAA,EACAU,UAAWf,EACXgB,QAAS,WACb,EAEAC,SAAA,CAAA3C,EAACH,EAAA,CAAaM,QAASD,EAAmByB,GAAkBiB,eAAc,CAAA,EACtED,SAAA3C,EAAC,MAAA,CACG6C,wBAAyB,CAAEC,OAAQT,CAAY,EAC/CU,UAAU,cAAA,EACd,GAGJ/C,EAAC,QAAA,CACI2C,SAAA,yIAAA,GASL,GA5BU,IA+BtB,EAEOK,EAAQ3B,SAAAA,KAAAA,eAAAA","sourcesContent":["import { NsTypography } from '@nuskin/foundation-ui-components';\nimport { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer } from '@nuskin/foundation-core-app/common/hooks';\n\ninterface CsTextProps {\n show: boolean;\n full_width?: boolean;\n container_background_color?: string;\n include_gap?: boolean;\n alignment?: 'left' | 'center' | 'right';\n header_variants?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n text_editor: string;\n}\n\nconst getResolvedVariant = (\n variant: CsTextProps['header_variants']\n): Parameters<typeof NsTypography>[0]['variant'] => {\n return variant === 'p' ? 'body-l' : variant ?? 'h2';\n};\n\nexport const rewriteLinks = (\n html: string,\n replacer: (url: string) => { url: string }\n): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute(\n 'href',\n sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`\n );\n });\n\n return doc.body.innerHTML;\n};\n\nconst CsText = ({\n show,\n full_width = false,\n container_background_color = '',\n include_gap = false,\n alignment = 'left',\n header_variants = 'h2',\n text_editor\n}: CsTextProps): ReactElement | null => {\n const routeReplacer = useRouteReplacer() as unknown as\n | ((url: string) => { url: string })\n | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n if (!show) return null;\n\n return (\n <div\n style={{\n width: full_width ? '100%' : 'auto',\n backgroundColor,\n textAlign: alignment,\n padding: '16px 32px'\n }}\n >\n <NsTypography variant={getResolvedVariant(header_variants)} renderHTMLNode>\n <div\n dangerouslySetInnerHTML={{ __html: updatedHtml }}\n className=\"cs-text-html\"\n />\n </NsTypography>\n\n <style>\n {`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default CsText;\n"]}
|
package/package.json
CHANGED