@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-var-requires */\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { SpinnerProps } from './model';\nimport { BorderMap, SizeMap } from './themes';\n\nexport const Spinner = ({ size, color, className }: SpinnerProps) => {\n\treturn (\n\t\t<div className={`spinner-container ${className}`}>\n\t\t\t<PureSpinner\n\t\t\t\twidth={`${SizeMap[size]}px`}\n\t\t\t\theight={`${SizeMap[size]}px`}\n\t\t\t\tsize={size}\n\t\t\t\tcolor={color ?? COLORS.stroke.brand}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nSpinner.displayName = 'Spinner';\n\nexport const PureSpinner = styled.div<{\n\twidth: string;\n\theight: string;\n\tsize?: 'small' | 'large';\n\tcolor?: string;\n\tbackgroundColor?: string;\n}>`\n\twidth: ${(props) => props.width};\n\theight: ${(props) => props.height};\n\tborder: ${(props) => (props.size ? BorderMap[props.size] : 5)}px solid\n\t\t${(props) => props.backgroundColor ?? 'transparent'};\n\tborder-bottom-color: ${(props) => props.color ?? COLORS.stroke.brand};\n\tborder-radius: 50%;\n\tdisplay: inline-block;\n\tanimation: rotation 1s linear infinite;\n\n\t@keyframes rotation {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Spinner","size","color","className","jsx","PureSpinner","SizeMap","COLORS","styled","props","BorderMap"],"mappings":"mNAMaA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,UAAAC,KAErCC,EAAAA,IAAC,MAAA,CAAI,UAAW,qBAAqBD,CAAS,GAC7C,SAAAC,EAAAA,IAACC,EAAA,CACA,MAAO,GAAGC,EAAAA,QAAQL,CAAI,CAAC,KACvB,OAAQ,GAAGK,EAAAA,QAAQL,CAAI,CAAC,KACxB,KAAAA,EACA,MAAOC,GAASK,EAAAA,OAAO,OAAO,KAAA,CAAA,EAEhC,EAIFP,EAAQ,YAAc,UAEf,MAAMK,EAAcG,EAAO;AAAA,UAOvBC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,WACtBA,GAAWA,EAAM,KAAOC,EAAAA,UAAUD,EAAM,IAAI,EAAI,CAAE;AAAA,IACzDA,GAAUA,EAAM,iBAAmB,aAAa;AAAA,wBAC5BA,GAAUA,EAAM,OAASF,EAAAA,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-var-requires */\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { SpinnerProps } from './model';\nimport { BorderMap, SizeMap } from './themes';\n\nexport const Spinner = ({ size, color, className }: SpinnerProps) => {\n\treturn (\n\t\t<div className={`spinner-container ${className}`}>\n\t\t\t<PureSpinner\n\t\t\t\twidth={`${SizeMap[size]}px`}\n\t\t\t\theight={`${SizeMap[size]}px`}\n\t\t\t\tsize={size}\n\t\t\t\tcolor={color ?? COLORS.stroke.brand}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nSpinner.displayName = 'Spinner';\n\nexport const PureSpinner = styled.div<{\n\twidth: string;\n\theight: string;\n\tsize?: 'small' | 'large';\n\tcolor?: string;\n\tbackgroundColor?: string;\n}>`\n\twidth: ${(props) => props.width};\n\theight: ${(props) => props.height};\n\tborder: ${(props) => (props.size ? BorderMap[props.size] : 5)}px solid\n\t\t${(props) => props.backgroundColor ?? 'transparent'};\n\tborder-bottom-color: ${(props) => props.color ?? COLORS.stroke.brand};\n\tborder-radius: 50%;\n\tdisplay: inline-block;\n\tanimation: rotation 1s linear infinite;\n\n\t@keyframes rotation {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Spinner","size","color","className","jsx","PureSpinner","SizeMap","COLORS","styled","props","BorderMap"],"mappings":"kRAMaA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,UAAAC,KAErCC,EAAAA,IAAC,MAAA,CAAI,UAAW,qBAAqBD,CAAS,GAC7C,SAAAC,EAAAA,IAACC,EAAA,CACA,MAAO,GAAGC,EAAAA,QAAQL,CAAI,CAAC,KACvB,OAAQ,GAAGK,EAAAA,QAAQL,CAAI,CAAC,KACxB,KAAAA,EACA,MAAOC,GAASK,EAAAA,OAAO,OAAO,KAAA,CAAA,EAEhC,EAIFP,EAAQ,YAAc,UAEf,MAAMK,EAAcG,EAAAA,QAAO;AAAA,UAOvBC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,WACtBA,GAAWA,EAAM,KAAOC,EAAAA,UAAUD,EAAM,IAAI,EAAI,CAAE;AAAA,IACzDA,GAAUA,EAAM,iBAAmB,aAAa;AAAA,wBAC5BA,GAAUA,EAAM,OAASF,EAAAA,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/star-rating/Star.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("react"),o=require("../../constants/Theme.js"),d=require("../../assets/icons/starEmpty.svg.js"),S=require("../../assets/icons/starFilled.svg.js"),M=require("../../assets/icons/starFilledV2.svg.js"),v=e=>e==="v1"?S.default:M.default,O=({size:e,filled:E,emptyColor:h,filledColor:a,onClick:n,asHovered:c,onHover:g,mode:r,version:f="v1"})=>{const[i,t]=s.useState(!1);s.useEffect(()=>{g?.(i)},[i]),s.useEffect(()=>{c||t(!1)},[c]);const l=s.useMemo(()=>v(f),[f]);return c?u.jsx(l,{onClick:()=>{n?.("select")},onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),style:{cursor:"pointer"},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):i?u.jsx(l,{onMouseLeave:()=>t(!1),onMouseEnter:()=>t(!0),style:{cursor:"pointer"},onClick:()=>{n?.("select")},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):E?u.jsx(l,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("de-select")},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):u.jsx(d.default,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("select")},width:e,height:e,color:h??o.COLORS.surface.standard})};exports.Star=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("react"),o=require("../../constants/Theme.js"),g=require("../../assets/icons/starEmpty.svg.js"),S=require("../../assets/icons/starFilled.svg.js"),M=require("../../assets/icons/starFilledV2.svg.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=b(s),v=e=>e==="v1"?S.default:M.default,O=({size:e,filled:d,emptyColor:E,filledColor:a,onClick:n,asHovered:c,onHover:h,mode:r,version:f="v1"})=>{const[l,t]=s.useState(!1);s.useEffect(()=>{h?.(l)},[l]),s.useEffect(()=>{c||t(!1)},[c]);const i=p.default.useMemo(()=>v(f),[f]);return c?u.jsx(i,{onClick:()=>{n?.("select")},onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),style:{cursor:"pointer"},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):l?u.jsx(i,{onMouseLeave:()=>t(!1),onMouseEnter:()=>t(!0),style:{cursor:"pointer"},onClick:()=>{n?.("select")},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):d?u.jsx(i,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("de-select")},width:e,height:e,color:a??o.COLORS.background.warning.vibrant}):u.jsx(g.default,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("select")},width:e,height:e,color:E??o.COLORS.surface.standard})};exports.Star=O;
 //# sourceMappingURL=Star.js.map

package/dist/cjs/components/star-rating/Star.js.map

@@ -1 +1 @@
-{"version":3,"file":"Star.js","sources":["../../../../src/components/star-rating/Star.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport StarEmpty from '../../assets/icons/starEmpty.svg';\nimport StarFilledV1 from '../../assets/icons/starFilled.svg';\nimport StarFilledV2 from '../../assets/icons/starFilledV2.svg';\n\nconst GetStar = (version: 'v1' | 'v2') => {\n\tif (version === 'v1') {\n\t\treturn StarFilledV1;\n\t}\n\treturn StarFilledV2;\n};\n\nexport const Star: React.FC<{\n\tfilled?: boolean;\n\tsize?: number;\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonClick?: (action: 'de-select' | 'select') => void;\n\tonHover?: (hovered: boolean) => void;\n\t/** this means this star is hovered-active cause there is a star hovered after this  */\n\tasHovered?: boolean;\n\tmode?: 'VIEW' | 'EDIT';\n\tversion?: 'v1' | 'v2';\n}> = ({\n\tsize,\n\tfilled,\n\temptyColor,\n\tfilledColor,\n\tonClick,\n\tasHovered,\n\tonHover,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [hovered, setHovered] = useState(false);\n\n\tuseEffect(() => {\n\t\tonHover?.(hovered);\n\t}, [hovered]);\n\n\tuseEffect(() => {\n\t\tif (!asHovered) {\n\t\t\tsetHovered(false);\n\t\t}\n\t}, [asHovered]);\n\n\tconst StarFilled = React.useMemo(() => GetStar(version), [version]);\n\n\tif (asHovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (hovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (filled) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tmode !== 'VIEW' && onClick?.('de-select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<StarEmpty\n\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\tonClick={() => {\n\t\t\t\tmode !== 'VIEW' && onClick?.('select');\n\t\t\t}}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tcolor={emptyColor ?? COLORS.surface.standard}\n\t\t/>\n\t);\n};\n"],"names":["GetStar","version","StarFilledV1","StarFilledV2","Star","size","filled","emptyColor","filledColor","onClick","asHovered","onHover","mode","hovered","setHovered","useState","useEffect","StarFilled","React","jsx","COLORS","StarEmpty"],"mappings":"qUAMMA,EAAWC,GACZA,IAAY,KACRC,EAAAA,QAEDC,EAAAA,QAGKC,EAWR,CAAC,CACL,KAAAC,EACA,OAAAC,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAX,EAAU,IACX,IAAM,CACL,KAAM,CAACY,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,EAAAA,UAAU,IAAM,CACfL,IAAUE,CAAO,CAClB,EAAG,CAACA,CAAO,CAAC,EAEZG,EAAAA,UAAU,IAAM,CACVN,GACJI,EAAW,EAAK,CAElB,EAAG,CAACJ,CAAS,CAAC,EAEd,MAAMO,EAAaC,EAAM,QAAQ,IAAMlB,EAAQC,CAAO,EAAG,CAACA,CAAO,CAAC,EAElE,OAAIS,EAEFS,EAAAA,IAACF,EAAA,CACA,QAAS,IAAM,CACdR,IAAU,QAAQ,CACnB,EACA,aAAc,IAAMK,EAAW,EAAI,EACnC,aAAc,IAAMA,EAAW,EAAK,EACpC,MAAO,CAAE,OAAQ,SAAA,EACjB,MAAOT,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAK/CP,EAEFM,EAAAA,IAACF,EAAA,CACA,aAAc,IAAMH,EAAW,EAAK,EACpC,aAAc,IAAMA,EAAW,EAAI,EACnC,MAAO,CAAE,OAAQ,SAAA,EACjB,QAAS,IAAM,CACdL,IAAU,QAAQ,CACnB,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAK/Cd,EAEFa,EAAAA,IAACF,EAAA,CACA,aAAc,IAAML,IAAS,QAAUE,EAAW,EAAI,EACtD,aAAc,IAAMF,IAAS,QAAUE,EAAW,EAAK,EACvD,MAAO,CAAE,OAAQF,IAAS,OAAS,UAAY,SAAA,EAC/C,QAAS,IAAM,CACdA,IAAS,QAAUH,IAAU,WAAW,CACzC,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAMlDD,EAAAA,IAACE,EAAAA,QAAA,CACA,aAAc,IAAMT,IAAS,QAAUE,EAAW,EAAI,EACtD,aAAc,IAAMF,IAAS,QAAUE,EAAW,EAAK,EACvD,MAAO,CAAE,OAAQF,IAAS,OAAS,UAAY,SAAA,EAC/C,QAAS,IAAM,CACdA,IAAS,QAAUH,IAAU,QAAQ,CACtC,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOE,GAAca,EAAAA,OAAO,QAAQ,QAAA,CAAA,CAGvC"}
+{"version":3,"file":"Star.js","sources":["../../../../src/components/star-rating/Star.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport StarEmpty from '../../assets/icons/starEmpty.svg';\nimport StarFilledV1 from '../../assets/icons/starFilled.svg';\nimport StarFilledV2 from '../../assets/icons/starFilledV2.svg';\n\nconst GetStar = (version: 'v1' | 'v2') => {\n\tif (version === 'v1') {\n\t\treturn StarFilledV1;\n\t}\n\treturn StarFilledV2;\n};\n\nexport const Star: React.FC<{\n\tfilled?: boolean;\n\tsize?: number;\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonClick?: (action: 'de-select' | 'select') => void;\n\tonHover?: (hovered: boolean) => void;\n\t/** this means this star is hovered-active cause there is a star hovered after this  */\n\tasHovered?: boolean;\n\tmode?: 'VIEW' | 'EDIT';\n\tversion?: 'v1' | 'v2';\n}> = ({\n\tsize,\n\tfilled,\n\temptyColor,\n\tfilledColor,\n\tonClick,\n\tasHovered,\n\tonHover,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [hovered, setHovered] = useState(false);\n\n\tuseEffect(() => {\n\t\tonHover?.(hovered);\n\t}, [hovered]);\n\n\tuseEffect(() => {\n\t\tif (!asHovered) {\n\t\t\tsetHovered(false);\n\t\t}\n\t}, [asHovered]);\n\n\tconst StarFilled = React.useMemo(() => GetStar(version), [version]);\n\n\tif (asHovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (hovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (filled) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tmode !== 'VIEW' && onClick?.('de-select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<StarEmpty\n\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\tonClick={() => {\n\t\t\t\tmode !== 'VIEW' && onClick?.('select');\n\t\t\t}}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tcolor={emptyColor ?? COLORS.surface.standard}\n\t\t/>\n\t);\n};\n"],"names":["GetStar","version","StarFilledV1","StarFilledV2","Star","size","filled","emptyColor","filledColor","onClick","asHovered","onHover","mode","hovered","setHovered","useState","useEffect","StarFilled","React","jsx","COLORS","StarEmpty"],"mappings":"oYAMMA,EAAWC,GACZA,IAAY,KACRC,EAAAA,QAEDC,EAAAA,QAGKC,EAWR,CAAC,CACL,KAAAC,EACA,OAAAC,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAX,EAAU,IACX,IAAM,CACL,KAAM,CAACY,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,EAAAA,UAAU,IAAM,CACfL,IAAUE,CAAO,CAClB,EAAG,CAACA,CAAO,CAAC,EAEZG,EAAAA,UAAU,IAAM,CACVN,GACJI,EAAW,EAAK,CAElB,EAAG,CAACJ,CAAS,CAAC,EAEd,MAAMO,EAAaC,EAAAA,QAAM,QAAQ,IAAMlB,EAAQC,CAAO,EAAG,CAACA,CAAO,CAAC,EAElE,OAAIS,EAEFS,EAAAA,IAACF,EAAA,CACA,QAAS,IAAM,CACdR,IAAU,QAAQ,CACnB,EACA,aAAc,IAAMK,EAAW,EAAI,EACnC,aAAc,IAAMA,EAAW,EAAK,EACpC,MAAO,CAAE,OAAQ,SAAA,EACjB,MAAOT,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAK/CP,EAEFM,EAAAA,IAACF,EAAA,CACA,aAAc,IAAMH,EAAW,EAAK,EACpC,aAAc,IAAMA,EAAW,EAAI,EACnC,MAAO,CAAE,OAAQ,SAAA,EACjB,QAAS,IAAM,CACdL,IAAU,QAAQ,CACnB,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAK/Cd,EAEFa,EAAAA,IAACF,EAAA,CACA,aAAc,IAAML,IAAS,QAAUE,EAAW,EAAI,EACtD,aAAc,IAAMF,IAAS,QAAUE,EAAW,EAAK,EACvD,MAAO,CAAE,OAAQF,IAAS,OAAS,UAAY,SAAA,EAC/C,QAAS,IAAM,CACdA,IAAS,QAAUH,IAAU,WAAW,CACzC,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOG,GAAeY,SAAO,WAAW,QAAQ,OAAA,CAAA,EAMlDD,EAAAA,IAACE,EAAAA,QAAA,CACA,aAAc,IAAMT,IAAS,QAAUE,EAAW,EAAI,EACtD,aAAc,IAAMF,IAAS,QAAUE,EAAW,EAAK,EACvD,MAAO,CAAE,OAAQF,IAAS,OAAS,UAAY,SAAA,EAC/C,QAAS,IAAM,CACdA,IAAS,QAAUH,IAAU,QAAQ,CACtC,EACA,MAAOJ,EACP,OAAQA,EACR,MAAOE,GAAca,EAAAA,OAAO,QAAQ,QAAA,CAAA,CAGvC"}

package/dist/cjs/components/star-rating/StarRating.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),q=require("styled-components"),R=require("./Star.js"),H=q.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),q=require("styled-components"),R=require("./Star.js"),_=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},b=_(q),C=b.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`,M=({emptyColor:c,filledColor:u,onChange:f,value:S,maxValue:a,starSize:d,mode:m,version:v="v1"})=>{const[s,n]=t.useState(S??0),[g,p]=t.useState(!1),[o,i]=t.useState(0),y=t.useMemo(()=>Array(a??5).fill(null).map((r,j)=>j+1),[a]);return t.useEffect(()=>{g&&f(s)},[s]),t.useEffect(()=>{p(!0)},[]),l.jsx(H,{children:y.map(e=>l.jsx(R.Star,{asHovered:o?e<=o:!1,size:d??24,filled:o?void 0:e<=s,emptyColor:c,filledColor:u,onClick:r=>{r==="de-select"?e<s?n(e):n(e-1):n(e)},onHover:r=>{i(r?e:0)},mode:m,version:v},e))})};exports.StarRating=M;
+`,H=({emptyColor:t,filledColor:u,onChange:f,value:d,maxValue:l,starSize:S,mode:m,version:p="v1"})=>{const[r,o]=s.useState(d??0),[v,y]=s.useState(!1),[a,i]=s.useState(0),g=s.useMemo(()=>Array(l??5).fill(null).map((n,j)=>j+1),[l]);return s.useEffect(()=>{v&&f(r)},[r]),s.useEffect(()=>{y(!0)},[]),c.jsx(C,{children:g.map(e=>c.jsx(R.Star,{asHovered:a?e<=a:!1,size:S??24,filled:a?void 0:e<=r,emptyColor:t,filledColor:u,onClick:n=>{n==="de-select"?e<r?o(e):o(e-1):o(e)},onHover:n=>{i(n?e:0)},mode:m,version:p},e))})};exports.StarRating=H;
 //# sourceMappingURL=StarRating.js.map

package/dist/cjs/components/star-rating/StarRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarRating.js","sources":["../../../../src/components/star-rating/StarRating.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { Star } from './Star';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: start;\n\talign-items: center;\n`;\n\nexport const StarRating: React.FC<{\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonChange: (stars: number) => void;\n\tvalue?: number;\n\tmaxValue?: number;\n\tstarSize?: number;\n\tmode?: 'VIEW' | 'EDIT';\n\tversion?: 'v1' | 'v2';\n}> = ({\n\temptyColor,\n\tfilledColor,\n\tonChange,\n\tvalue,\n\tmaxValue,\n\tstarSize,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [stars, setStars] = useState(value ?? 0);\n\tconst [mounted, setMountedFlag] = useState(false);\n\tconst [hoveredStar, setHoveredStar] = useState(0);\n\n\tconst arr = useMemo(() => {\n\t\tconst limit = maxValue ?? 5;\n\t\treturn Array(limit)\n\t\t\t.fill(null)\n\t\t\t.map((_, idx) => idx + 1);\n\t}, [maxValue]);\n\n\tuseEffect(() => {\n\t\tif (mounted) {\n\t\t\tonChange(stars);\n\t\t}\n\t}, [stars]);\n\n\tuseEffect(() => {\n\t\tsetMountedFlag(true);\n\t}, []);\n\n\treturn (\n\t\t<Container>\n\t\t\t{arr.map((idx) => (\n\t\t\t\t<Star\n\t\t\t\t\tasHovered={hoveredStar ? idx <= hoveredStar : false}\n\t\t\t\t\tkey={idx}\n\t\t\t\t\tsize={starSize ?? 24}\n\t\t\t\t\tfilled={hoveredStar ? undefined : idx <= stars}\n\t\t\t\t\temptyColor={emptyColor}\n\t\t\t\t\tfilledColor={filledColor}\n\t\t\t\t\tonClick={(action) => {\n\t\t\t\t\t\tif (action === 'de-select') {\n\t\t\t\t\t\t\tif (idx < stars) {\n\t\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetStars(idx - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonHover={(hovered) => {\n\t\t\t\t\t\tif (hovered) setHoveredStar(idx);\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tsetHoveredStar(0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","StarRating","emptyColor","filledColor","onChange","value","maxValue","starSize","mode","version","stars","setStars","useState","mounted","setMountedFlag","hoveredStar","setHoveredStar","arr","useMemo","_","idx","useEffect","jsx","Star","action","hovered"],"mappings":"8LAIMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQZC,EASR,CAAC,CACL,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,IACX,IAAM,CACL,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASP,GAAS,CAAC,EACvC,CAACQ,EAASC,CAAc,EAAIF,EAAAA,SAAS,EAAK,EAC1C,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SAAS,CAAC,EAE1CK,EAAMC,EAAAA,QAAQ,IAEZ,MADOZ,GAAY,CACR,EAChB,KAAK,IAAI,EACT,IAAI,CAACa,EAAGC,IAAQA,EAAM,CAAC,EACvB,CAACd,CAAQ,CAAC,EAEbe,OAAAA,EAAAA,UAAU,IAAM,CACXR,GACHT,EAASM,CAAK,CAEhB,EAAG,CAACA,CAAK,CAAC,EAEVW,EAAAA,UAAU,IAAM,CACfP,EAAe,EAAI,CACpB,EAAG,CAAA,CAAE,EAGJQ,EAAAA,IAACvB,EAAA,CACC,SAAAkB,EAAI,IAAKG,GACTE,EAAAA,IAACC,EAAAA,KAAA,CACA,UAAWR,EAAcK,GAAOL,EAAc,GAE9C,KAAMR,GAAY,GAClB,OAAQQ,EAAc,OAAYK,GAAOV,EACzC,WAAAR,EACA,YAAAC,EACA,QAAUqB,GAAW,CAChBA,IAAW,YACVJ,EAAMV,EACTC,EAASS,CAAG,EAEZT,EAASS,EAAM,CAAC,EAGjBT,EAASS,CAAG,CAEd,EACA,QAAUK,GAAY,GACjBA,EAAwBL,EAEZ,CAFe,CAIhC,EACA,KAAAZ,EACA,QAAAC,CAAA,EAvBKW,CAAA,CAyBN,EACF,CAEF"}
+{"version":3,"file":"StarRating.js","sources":["../../../../src/components/star-rating/StarRating.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { Star } from './Star';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: start;\n\talign-items: center;\n`;\n\nexport const StarRating: React.FC<{\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonChange: (stars: number) => void;\n\tvalue?: number;\n\tmaxValue?: number;\n\tstarSize?: number;\n\tmode?: 'VIEW' | 'EDIT';\n\tversion?: 'v1' | 'v2';\n}> = ({\n\temptyColor,\n\tfilledColor,\n\tonChange,\n\tvalue,\n\tmaxValue,\n\tstarSize,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [stars, setStars] = useState(value ?? 0);\n\tconst [mounted, setMountedFlag] = useState(false);\n\tconst [hoveredStar, setHoveredStar] = useState(0);\n\n\tconst arr = useMemo(() => {\n\t\tconst limit = maxValue ?? 5;\n\t\treturn Array(limit)\n\t\t\t.fill(null)\n\t\t\t.map((_, idx) => idx + 1);\n\t}, [maxValue]);\n\n\tuseEffect(() => {\n\t\tif (mounted) {\n\t\t\tonChange(stars);\n\t\t}\n\t}, [stars]);\n\n\tuseEffect(() => {\n\t\tsetMountedFlag(true);\n\t}, []);\n\n\treturn (\n\t\t<Container>\n\t\t\t{arr.map((idx) => (\n\t\t\t\t<Star\n\t\t\t\t\tasHovered={hoveredStar ? idx <= hoveredStar : false}\n\t\t\t\t\tkey={idx}\n\t\t\t\t\tsize={starSize ?? 24}\n\t\t\t\t\tfilled={hoveredStar ? undefined : idx <= stars}\n\t\t\t\t\temptyColor={emptyColor}\n\t\t\t\t\tfilledColor={filledColor}\n\t\t\t\t\tonClick={(action) => {\n\t\t\t\t\t\tif (action === 'de-select') {\n\t\t\t\t\t\t\tif (idx < stars) {\n\t\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetStars(idx - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonHover={(hovered) => {\n\t\t\t\t\t\tif (hovered) setHoveredStar(idx);\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tsetHoveredStar(0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","StarRating","emptyColor","filledColor","onChange","value","maxValue","starSize","mode","version","stars","setStars","useState","mounted","setMountedFlag","hoveredStar","setHoveredStar","arr","useMemo","_","idx","useEffect","jsx","Star","action","hovered"],"mappings":"6PAIMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQZC,EASR,CAAC,CACL,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,IACX,IAAM,CACL,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASP,GAAS,CAAC,EACvC,CAACQ,EAASC,CAAc,EAAIF,EAAAA,SAAS,EAAK,EAC1C,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SAAS,CAAC,EAE1CK,EAAMC,EAAAA,QAAQ,IAEZ,MADOZ,GAAY,CACR,EAChB,KAAK,IAAI,EACT,IAAI,CAACa,EAAGC,IAAQA,EAAM,CAAC,EACvB,CAACd,CAAQ,CAAC,EAEbe,OAAAA,EAAAA,UAAU,IAAM,CACXR,GACHT,EAASM,CAAK,CAEhB,EAAG,CAACA,CAAK,CAAC,EAEVW,EAAAA,UAAU,IAAM,CACfP,EAAe,EAAI,CACpB,EAAG,CAAA,CAAE,EAGJQ,EAAAA,IAACvB,EAAA,CACC,SAAAkB,EAAI,IAAKG,GACTE,EAAAA,IAACC,EAAAA,KAAA,CACA,UAAWR,EAAcK,GAAOL,EAAc,GAE9C,KAAMR,GAAY,GAClB,OAAQQ,EAAc,OAAYK,GAAOV,EACzC,WAAAR,EACA,YAAAC,EACA,QAAUqB,GAAW,CAChBA,IAAW,YACVJ,EAAMV,EACTC,EAASS,CAAG,EAEZT,EAASS,EAAM,CAAC,EAGjBT,EAASS,CAAG,CAEd,EACA,QAAUK,GAAY,GACjBA,EAAwBL,EAEZ,CAFe,CAIhC,EACA,KAAAZ,EACA,QAAAC,CAAA,EAvBKW,CAAA,CAyBN,EACF,CAEF"}

package/dist/cjs/components/states/ShopifyScopeWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),a=require("./StateComponent.js"),k=e=>{const[m,c]=t.useState(!1),[h,S]=t.useState(!1),[r,f]=t.useState(""),n=t.useCallback(()=>e.permissions.join("-")+"-hasPermission",[e.permissions]),l=t.useCallback(()=>{const i=n(),s=localStorage.getItem(i);return s?s==="true":!1},[n]),u=t.useCallback(i=>{const s=n();localStorage.setItem(s,i.toString())},[n]),g=t.useCallback(()=>{r?window.open(r,"_blank"):e.onPermissionClickCallback&&e.onPermissionClickCallback()},[e,r]);return t.useEffect(()=>{(async()=>{if(e.cacheInLocal&&l()){c(!0);return}const{hasPermission:s,urlForPermissions:d}=await e.permissionEvaluationFunction(e.permissions);c(s),f(d),S(!0),e.cacheInLocal&&s&&u(s)})().then().catch()},[l,e,u]),h?m?o.jsx(o.Fragment,{children:e.children}):o.jsx(a.StateComponent,{states:a.StateInterface.WARNING,heading:e.permissionRequestTitle,subline:e.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:g}):o.jsx(a.StateComponent,{states:a.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};exports.ShopifyScopeWrapper=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),o=require("./StateComponent.js"),P=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=P(s),b=e=>{const[f,l]=r.default.useState(!1),[h,d]=r.default.useState(!1),[c,S]=r.default.useState(""),n=s.useCallback(()=>e.permissions.join("-")+"-hasPermission",[e.permissions]),u=s.useCallback(()=>{const i=n(),t=localStorage.getItem(i);return t?t==="true":!1},[n]),m=s.useCallback(i=>{const t=n();localStorage.setItem(t,i.toString())},[n]),g=s.useCallback(()=>{c?window.open(c,"_blank"):e.onPermissionClickCallback&&e.onPermissionClickCallback()},[e,c]);return s.useEffect(()=>{(async()=>{if(e.cacheInLocal&&u()){l(!0);return}const{hasPermission:t,urlForPermissions:k}=await e.permissionEvaluationFunction(e.permissions);l(t),S(k),d(!0),e.cacheInLocal&&t&&m(t)})().then().catch()},[u,e,m]),h?f?a.jsx(a.Fragment,{children:e.children}):a.jsx(o.StateComponent,{states:o.StateInterface.WARNING,heading:e.permissionRequestTitle,subline:e.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:g}):a.jsx(o.StateComponent,{states:o.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};exports.ShopifyScopeWrapper=b;
 //# sourceMappingURL=ShopifyScopeWrapper.js.map

package/dist/cjs/components/states/ShopifyScopeWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShopifyScopeWrapper.js","sources":["../../../../src/components/states/ShopifyScopeWrapper.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport {\n\tStateComponent,\n\tStateInterface,\n} from '@src/components/states/StateComponent';\n\nexport interface ShopifyScopeWrapper {\n\tpermissions: string[];\n\n\tpermissionRequestTitle: string;\n\tpermissionRequestSubTitle: string;\n\n\tcacheInLocal?: boolean;\n\tpermissionEvaluationFunction: (permissions: string[]) => Promise<{\n\t\thasPermission: boolean;\n\t\turlForPermissions?: string;\n\t}>;\n\tchildren: React.ReactNode;\n\tonPermissionClickCallback?: () => void;\n}\n\nexport const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper> = (props) => {\n\tconst [hasPermission, setHasPermission] = React.useState<boolean>(false);\n\tconst [hasLoaded, setHasLoaded] = React.useState<boolean>(false);\n\tconst [urlToOpen, setUrlToOpen] = React.useState<string | undefined>('');\n\n\tconst getKeysFromLocalStorage = useCallback(() => {\n\t\treturn props.permissions.join('-') + '-hasPermission';\n\t}, [props.permissions]);\n\n\tconst hasPermissionInLocalStorage = useCallback(() => {\n\t\tconst keys = getKeysFromLocalStorage();\n\t\tconst hasPermissionInLocalStorage = localStorage.getItem(keys);\n\n\t\tif (hasPermissionInLocalStorage) {\n\t\t\treturn hasPermissionInLocalStorage === 'true';\n\t\t}\n\t\treturn false;\n\t}, [getKeysFromLocalStorage]);\n\n\tconst savePermissionInLocalStorage = useCallback(\n\t\t(hasPermission: boolean) => {\n\t\t\tconst keys = getKeysFromLocalStorage();\n\t\t\tlocalStorage.setItem(keys, hasPermission.toString());\n\t\t},\n\t\t[getKeysFromLocalStorage],\n\t);\n\n\tconst onClickPermissionsModal = useCallback(() => {\n\t\tif (urlToOpen) {\n\t\t\twindow.open(urlToOpen, '_blank');\n\t\t} else {\n\t\t\tprops.onPermissionClickCallback && props.onPermissionClickCallback();\n\t\t}\n\t}, [props, urlToOpen]);\n\n\tuseEffect(() => {\n\t\tconst checkPermission = async () => {\n\t\t\tif (props.cacheInLocal) {\n\t\t\t\tconst existingPermission = hasPermissionInLocalStorage();\n\t\t\t\tif (existingPermission) {\n\t\t\t\t\tsetHasPermission(true);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst { hasPermission, urlForPermissions } =\n\t\t\t\tawait props.permissionEvaluationFunction(props.permissions);\n\t\t\tsetHasPermission(hasPermission);\n\t\t\tsetUrlToOpen(urlForPermissions);\n\t\t\tsetHasLoaded(true);\n\t\t\tif (props.cacheInLocal && hasPermission) {\n\t\t\t\tsavePermissionInLocalStorage(hasPermission);\n\t\t\t}\n\t\t};\n\t\tcheckPermission().then().catch();\n\t}, [hasPermissionInLocalStorage, props, savePermissionInLocalStorage]);\n\n\tif (!hasLoaded) {\n\t\treturn (\n\t\t\t<StateComponent\n\t\t\t\tstates={StateInterface.LOADING}\n\t\t\t\theading=\"Checking permissions\"\n\t\t\t\tsubline=\"Checking if we have the right shopify scopes approved to access this page.\"\n\t\t\t\twidth={400}\n\t\t\t\tisButtonEnabled={false}\n\t\t\t/>\n\t\t);\n\t} else if (!hasPermission) {\n\t\treturn (\n\t\t\t<StateComponent\n\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\theading={props.permissionRequestTitle}\n\t\t\t\tsubline={props.permissionRequestSubTitle}\n\t\t\t\twidth={400}\n\t\t\t\tisButtonEnabled={true}\n\t\t\t\tbuttonText={'Grant permissions'}\n\t\t\t\tonButtonClick={onClickPermissionsModal}\n\t\t\t/>\n\t\t);\n\t} else {\n\t\treturn <>{props.children}</>;\n\t}\n};\n"],"names":["ShopifyScopeWrapper","props","hasPermission","setHasPermission","React","hasLoaded","setHasLoaded","urlToOpen","setUrlToOpen","getKeysFromLocalStorage","useCallback","hasPermissionInLocalStorage","keys","savePermissionInLocalStorage","onClickPermissionsModal","useEffect","urlForPermissions","jsx","Fragment","StateComponent","StateInterface"],"mappings":"yKAqBaA,EAAsDC,GAAU,CAC5E,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAM,SAAkB,EAAK,EACjE,CAACC,EAAWC,CAAY,EAAIF,EAAM,SAAkB,EAAK,EACzD,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAA6B,EAAE,EAEjEK,EAA0BC,EAAAA,YAAY,IACpCT,EAAM,YAAY,KAAK,GAAG,EAAI,iBACnC,CAACA,EAAM,WAAW,CAAC,EAEhBU,EAA8BD,EAAAA,YAAY,IAAM,CACrD,MAAME,EAAOH,EAAA,EACPE,EAA8B,aAAa,QAAQC,CAAI,EAE7D,OAAID,EACIA,IAAgC,OAEjC,EACR,EAAG,CAACF,CAAuB,CAAC,EAEtBI,EAA+BH,EAAAA,YACnCR,GAA2B,CAC3B,MAAMU,EAAOH,EAAA,EACb,aAAa,QAAQG,EAAMV,EAAc,SAAA,CAAU,CACpD,EACA,CAACO,CAAuB,CAAA,EAGnBK,EAA0BJ,EAAAA,YAAY,IAAM,CAC7CH,EACH,OAAO,KAAKA,EAAW,QAAQ,EAE/BN,EAAM,2BAA6BA,EAAM,0BAAA,CAE3C,EAAG,CAACA,EAAOM,CAAS,CAAC,EAuBrB,OArBAQ,EAAAA,UAAU,IAAM,EACS,SAAY,CACnC,GAAId,EAAM,cACkBU,EAAA,EACH,CACvBR,EAAiB,EAAI,EACrB,MACD,CAED,KAAM,CAAE,cAAAD,EAAe,kBAAAc,CAAA,EACtB,MAAMf,EAAM,6BAA6BA,EAAM,WAAW,EAC3DE,EAAiBD,CAAa,EAC9BM,EAAaQ,CAAiB,EAC9BV,EAAa,EAAI,EACbL,EAAM,cAAgBC,GACzBW,EAA6BX,CAAa,CAE5C,GACA,EAAkB,KAAA,EAAO,MAAA,CAC1B,EAAG,CAACS,EAA6BV,EAAOY,CAA4B,CAAC,EAEhER,EAUOH,EAaJe,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,QAAA,CAAS,EAXxBD,EAAAA,IAACE,EAAAA,eAAA,CACA,OAAQC,EAAAA,eAAe,QACvB,QAASnB,EAAM,uBACf,QAASA,EAAM,0BACf,MAAO,IACP,gBAAiB,GACjB,WAAY,oBACZ,cAAea,CAAA,CAAA,EAjBhBG,EAAAA,IAACE,EAAAA,eAAA,CACA,OAAQC,EAAAA,eAAe,QACvB,QAAQ,uBACR,QAAQ,6EACR,MAAO,IACP,gBAAiB,EAAA,CAAA,CAkBrB"}
+{"version":3,"file":"ShopifyScopeWrapper.js","sources":["../../../../src/components/states/ShopifyScopeWrapper.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport {\n\tStateComponent,\n\tStateInterface,\n} from '@src/components/states/StateComponent';\n\nexport interface ShopifyScopeWrapper {\n\tpermissions: string[];\n\n\tpermissionRequestTitle: string;\n\tpermissionRequestSubTitle: string;\n\n\tcacheInLocal?: boolean;\n\tpermissionEvaluationFunction: (permissions: string[]) => Promise<{\n\t\thasPermission: boolean;\n\t\turlForPermissions?: string;\n\t}>;\n\tchildren: React.ReactNode;\n\tonPermissionClickCallback?: () => void;\n}\n\nexport const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper> = (props) => {\n\tconst [hasPermission, setHasPermission] = React.useState<boolean>(false);\n\tconst [hasLoaded, setHasLoaded] = React.useState<boolean>(false);\n\tconst [urlToOpen, setUrlToOpen] = React.useState<string | undefined>('');\n\n\tconst getKeysFromLocalStorage = useCallback(() => {\n\t\treturn props.permissions.join('-') + '-hasPermission';\n\t}, [props.permissions]);\n\n\tconst hasPermissionInLocalStorage = useCallback(() => {\n\t\tconst keys = getKeysFromLocalStorage();\n\t\tconst hasPermissionInLocalStorage = localStorage.getItem(keys);\n\n\t\tif (hasPermissionInLocalStorage) {\n\t\t\treturn hasPermissionInLocalStorage === 'true';\n\t\t}\n\t\treturn false;\n\t}, [getKeysFromLocalStorage]);\n\n\tconst savePermissionInLocalStorage = useCallback(\n\t\t(hasPermission: boolean) => {\n\t\t\tconst keys = getKeysFromLocalStorage();\n\t\t\tlocalStorage.setItem(keys, hasPermission.toString());\n\t\t},\n\t\t[getKeysFromLocalStorage],\n\t);\n\n\tconst onClickPermissionsModal = useCallback(() => {\n\t\tif (urlToOpen) {\n\t\t\twindow.open(urlToOpen, '_blank');\n\t\t} else {\n\t\t\tprops.onPermissionClickCallback && props.onPermissionClickCallback();\n\t\t}\n\t}, [props, urlToOpen]);\n\n\tuseEffect(() => {\n\t\tconst checkPermission = async () => {\n\t\t\tif (props.cacheInLocal) {\n\t\t\t\tconst existingPermission = hasPermissionInLocalStorage();\n\t\t\t\tif (existingPermission) {\n\t\t\t\t\tsetHasPermission(true);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst { hasPermission, urlForPermissions } =\n\t\t\t\tawait props.permissionEvaluationFunction(props.permissions);\n\t\t\tsetHasPermission(hasPermission);\n\t\t\tsetUrlToOpen(urlForPermissions);\n\t\t\tsetHasLoaded(true);\n\t\t\tif (props.cacheInLocal && hasPermission) {\n\t\t\t\tsavePermissionInLocalStorage(hasPermission);\n\t\t\t}\n\t\t};\n\t\tcheckPermission().then().catch();\n\t}, [hasPermissionInLocalStorage, props, savePermissionInLocalStorage]);\n\n\tif (!hasLoaded) {\n\t\treturn (\n\t\t\t<StateComponent\n\t\t\t\tstates={StateInterface.LOADING}\n\t\t\t\theading=\"Checking permissions\"\n\t\t\t\tsubline=\"Checking if we have the right shopify scopes approved to access this page.\"\n\t\t\t\twidth={400}\n\t\t\t\tisButtonEnabled={false}\n\t\t\t/>\n\t\t);\n\t} else if (!hasPermission) {\n\t\treturn (\n\t\t\t<StateComponent\n\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\theading={props.permissionRequestTitle}\n\t\t\t\tsubline={props.permissionRequestSubTitle}\n\t\t\t\twidth={400}\n\t\t\t\tisButtonEnabled={true}\n\t\t\t\tbuttonText={'Grant permissions'}\n\t\t\t\tonButtonClick={onClickPermissionsModal}\n\t\t\t/>\n\t\t);\n\t} else {\n\t\treturn <>{props.children}</>;\n\t}\n};\n"],"names":["ShopifyScopeWrapper","props","hasPermission","setHasPermission","React","hasLoaded","setHasLoaded","urlToOpen","setUrlToOpen","getKeysFromLocalStorage","useCallback","hasPermissionInLocalStorage","keys","savePermissionInLocalStorage","onClickPermissionsModal","useEffect","urlForPermissions","jsx","Fragment","StateComponent","StateInterface"],"mappings":"wOAqBaA,EAAsDC,GAAU,CAC5E,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,QAAM,SAAkB,EAAK,EACjE,CAACC,EAAWC,CAAY,EAAIF,EAAAA,QAAM,SAAkB,EAAK,EACzD,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,QAAM,SAA6B,EAAE,EAEjEK,EAA0BC,EAAAA,YAAY,IACpCT,EAAM,YAAY,KAAK,GAAG,EAAI,iBACnC,CAACA,EAAM,WAAW,CAAC,EAEhBU,EAA8BD,EAAAA,YAAY,IAAM,CACrD,MAAME,EAAOH,EAAA,EACPE,EAA8B,aAAa,QAAQC,CAAI,EAE7D,OAAID,EACIA,IAAgC,OAEjC,EACR,EAAG,CAACF,CAAuB,CAAC,EAEtBI,EAA+BH,EAAAA,YACnCR,GAA2B,CAC3B,MAAMU,EAAOH,EAAA,EACb,aAAa,QAAQG,EAAMV,EAAc,SAAA,CAAU,CACpD,EACA,CAACO,CAAuB,CAAA,EAGnBK,EAA0BJ,EAAAA,YAAY,IAAM,CAC7CH,EACH,OAAO,KAAKA,EAAW,QAAQ,EAE/BN,EAAM,2BAA6BA,EAAM,0BAAA,CAE3C,EAAG,CAACA,EAAOM,CAAS,CAAC,EAuBrB,OArBAQ,EAAAA,UAAU,IAAM,EACS,SAAY,CACnC,GAAId,EAAM,cACkBU,EAAA,EACH,CACvBR,EAAiB,EAAI,EACrB,MACD,CAED,KAAM,CAAE,cAAAD,EAAe,kBAAAc,CAAA,EACtB,MAAMf,EAAM,6BAA6BA,EAAM,WAAW,EAC3DE,EAAiBD,CAAa,EAC9BM,EAAaQ,CAAiB,EAC9BV,EAAa,EAAI,EACbL,EAAM,cAAgBC,GACzBW,EAA6BX,CAAa,CAE5C,GACA,EAAkB,KAAA,EAAO,MAAA,CAC1B,EAAG,CAACS,EAA6BV,EAAOY,CAA4B,CAAC,EAEhER,EAUOH,EAaJe,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,QAAA,CAAS,EAXxBD,EAAAA,IAACE,EAAAA,eAAA,CACA,OAAQC,EAAAA,eAAe,QACvB,QAASnB,EAAM,uBACf,QAASA,EAAM,0BACf,MAAO,IACP,gBAAiB,GACjB,WAAY,oBACZ,cAAea,CAAA,CAAA,EAjBhBG,EAAAA,IAACE,EAAAA,eAAA,CACA,OAAQC,EAAAA,eAAe,QACvB,QAAQ,uBACR,QAAQ,6EACR,MAAO,IACP,gBAAiB,EAAA,CAAA,CAkBrB"}

package/dist/cjs/components/states/StateComponent.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=n(i),a=e.default.div`
 	width: ${t=>t.width?`${t.width}px`:"400px"};
 	position: relative;
 	border-radius: 4px;
@@ -6,25 +6,25 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-`,n=i.div`
+`,d=e.default.div`
 	width: ${t=>t.iconWidth?t.iconWidth:64}px;
 	height: ${t=>t.iconHeight?t.iconHeight:64}px;
 	display: flex;
 	justify-content: center;
 	align-items: end;
-`,a=i.div`
+`,o=e.default.div`
 	margin-top: ${t=>t.size==="SMALL"?8:16}px;
 	text-align: center;
 	max-width: 100%;
-`,o=i.div`
+`,l=e.default.div`
 	display: flex;
 	margin-top: ${t=>t.size==="SMALL"?8:24}px;
 	gap: 12px;
 	width: 100%;
-`,d=i.div`
+`,c=e.default.div`
 	margin-top: 4px;
 	max-width: 100%;
 	text-align: center;
 	max-width: 100%;
-`;exports.ButtonContainer=o;exports.StateComponentContainer=e;exports.StateHeading=a;exports.StateIcon=n;exports.StateSubline=d;
+`;exports.ButtonContainer=l;exports.StateComponentContainer=a;exports.StateHeading=o;exports.StateIcon=d;exports.StateSubline=c;
 //# sourceMappingURL=StateComponent.styled.js.map

package/dist/cjs/components/states/StateComponent.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateComponent.styled.js","sources":["../../../../src/components/states/StateComponent.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StateComponentContainer = styled.div<{ width: number }>`\n\twidth: ${(props) => (props.width ? `${props.width}px` : '400px')};\n\tposition: relative;\n\tborder-radius: 4px;\n\tpadding: 32px 24px 24px 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n`;\n\nexport const StateIcon = styled.div<{\n\ticonWidth?: number;\n\ticonHeight?: number;\n}>`\n\twidth: ${(props) => (props.iconWidth ? props.iconWidth : 64)}px;\n\theight: ${(props) => (props.iconHeight ? props.iconHeight : 64)}px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: end;\n`;\n\nexport const StateHeading = styled.div<{ size?: 'SMALL' | 'DEFAULT' }>`\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 16)}px;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n\nexport const ButtonContainer = styled.div<{ size?: 'SMALL' | 'DEFAULT' }>`\n\tdisplay: flex;\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 24)}px;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const StateSubline = styled.div`\n\tmargin-top: 4px;\n\tmax-width: 100%;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n"],"names":["StateComponentContainer","styled","props","StateIcon","StateHeading","ButtonContainer","StateSubline"],"mappings":"qHAEaA,EAA0BC,EAAO;AAAA,UACnCC,GAAWA,EAAM,MAAQ,GAAGA,EAAM,KAAK,KAAO,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASpDC,EAAYF,EAAO;AAAA,UAIrBC,GAAWA,EAAM,UAAYA,EAAM,UAAY,EAAG;AAAA,WACjDA,GAAWA,EAAM,WAAaA,EAAM,WAAa,EAAG;AAAA;AAAA;AAAA;AAAA,EAMnDE,EAAeH,EAAO;AAAA,eACnBC,GAAWA,EAAM,OAAS,QAAU,EAAI,EAAG;AAAA;AAAA;AAAA,EAK9CG,EAAkBJ,EAAO;AAAA;AAAA,eAEtBC,GAAWA,EAAM,OAAS,QAAU,EAAI,EAAG;AAAA;AAAA;AAAA,EAK9CI,EAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"StateComponent.styled.js","sources":["../../../../src/components/states/StateComponent.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StateComponentContainer = styled.div<{ width: number }>`\n\twidth: ${(props) => (props.width ? `${props.width}px` : '400px')};\n\tposition: relative;\n\tborder-radius: 4px;\n\tpadding: 32px 24px 24px 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n`;\n\nexport const StateIcon = styled.div<{\n\ticonWidth?: number;\n\ticonHeight?: number;\n}>`\n\twidth: ${(props) => (props.iconWidth ? props.iconWidth : 64)}px;\n\theight: ${(props) => (props.iconHeight ? props.iconHeight : 64)}px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: end;\n`;\n\nexport const StateHeading = styled.div<{ size?: 'SMALL' | 'DEFAULT' }>`\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 16)}px;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n\nexport const ButtonContainer = styled.div<{ size?: 'SMALL' | 'DEFAULT' }>`\n\tdisplay: flex;\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 24)}px;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const StateSubline = styled.div`\n\tmargin-top: 4px;\n\tmax-width: 100%;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n"],"names":["StateComponentContainer","styled","props","StateIcon","StateHeading","ButtonContainer","StateSubline"],"mappings":"oLAEaA,EAA0BC,EAAAA,QAAO;AAAA,UACnCC,GAAWA,EAAM,MAAQ,GAAGA,EAAM,KAAK,KAAO,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASpDC,EAAYF,EAAAA,QAAO;AAAA,UAIrBC,GAAWA,EAAM,UAAYA,EAAM,UAAY,EAAG;AAAA,WACjDA,GAAWA,EAAM,WAAaA,EAAM,WAAa,EAAG;AAAA;AAAA;AAAA;AAAA,EAMnDE,EAAeH,EAAAA,QAAO;AAAA,eACnBC,GAAWA,EAAM,OAAS,QAAU,EAAI,EAAG;AAAA;AAAA;AAAA,EAK9CG,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,eAEtBC,GAAWA,EAAM,OAAS,QAAU,EAAI,EAAG;AAAA;AAAA;AAAA,EAK9CI,EAAeL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/stepper/Stepper.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("./themes.js"),n=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("./themes.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=o(n),r=i.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 16px;
-`,o=i.div`
+`,d=i.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -63,7 +63,7 @@
 		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`;i.div`
+`;i.default.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,5 +80,5 @@
 		align-items: center;
 		overflow-y: auto;
 	}
-`;exports.SingleStepperChildContainer=o;exports.StepperContainer=n;
+`;exports.SingleStepperChildContainer=d;exports.StepperContainer=r;
 //# sourceMappingURL=Stepper.styled.js.map

package/dist/cjs/components/stepper/Stepper.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.styled.js","sources":["../../../../src/components/stepper/Stepper.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StepperStates } from './Stepper.model';\nimport { getTheme } from './themes';\n\nexport const StepperContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 16px;\n`;\n\nexport const SingleStepperChildContainer = styled.div<{\n\tselectedState: StepperStates;\n\tstepsCount: number;\n\tisInActive?: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 8px;\n\n\t.pointer {\n\t\tcursor: pointer;\n\t}\n\t.blocked {\n\t\tcursor: not-allowed;\n\t}\n\n\t.hover-container {\n\t\tpadding: 6px 8px 6px 6px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\t&:hover {\n\t\t\tpadding: ${(props) =>\n\t\t\t\t!props.isInActive ? '6px 8px 6px 6px' : undefined};\n\t\t\tbackground: ${(props) => (!props.isInActive ? '#f0f0f0' : undefined)};\n\t\t\tborder-radius: ${(props) => (!props.isInActive ? '30px' : undefined)};\n\t\t}\n\t}\n\t.badge {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tpadding: 4px;\n\t\tgap: 10px;\n\t\twidth: 32px;\n\t\theight: 24px;\n\t\tbackground: ${(props) => getTheme(props.selectedState).badgeBackground};\n\t\tborder: 1px solid ${(props) => getTheme(props.selectedState).badgeBorder};\n\t\tborder-radius: 30px;\n\t\t.badge-text {\n\t\t\tfont-weight: ${(props) => getTheme(props.selectedState).fontWeight};\n\t\t\tcolor: ${(props) => getTheme(props.selectedState).badgeColor};\n\t\t}\n\t}\n\t.step-text {\n\t\tfont-weight: ${(props) => getTheme(props.selectedState).fontWeight};\n\t\tfont-feature-settings: 'tnum' on, 'lnum' on, 'case' on, 'ss04' on;\n\t\tcolor: ${(props) => getTheme(props.selectedState).textColor};\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: ${(props) => (props.stepsCount > 2 ? 200 : 250)}px;\n\t}\n\t.horizontal-divider {\n\t\twidth: 48px;\n\t\theight: 1px;\n\t\tbackground: ${(props) => getTheme(props.selectedState).dividerBackground};\n\t\tmargin-left: 8px;\n\t}\n`;\n\nexport const WorkingStepperContainer = styled.div`\n\t.top-bar {\n\t\tposition: sticky;\n\t\ttop: 0px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbackground: white;\n\t}\n\t.main-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\toverflow-y: auto;\n\t}\n`;\n"],"names":["StepperContainer","styled","SingleStepperChildContainer","props","getTheme"],"mappings":"8IAIaA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1BC,EAA8BD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cA0BnCE,GACVA,EAAM,WAAiC,OAApB,iBAA6B;AAAA,iBACnCA,GAAYA,EAAM,WAAyB,OAAZ,SAAsB;AAAA,oBAClDA,GAAYA,EAAM,WAAsB,OAAT,MAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYtDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,eAAe;AAAA,sBACjDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,WAAW;AAAA;AAAA;AAAA,kBAGvDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA,YACxDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA;AAAA;AAAA;AAAA,iBAI7CA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA;AAAA,WAExDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA,eAI7CA,GAAWA,EAAM,WAAa,EAAI,IAAM,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA,gBAK3CA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,iBAAiB;AAAA;AAAA;AAAA,EAKnCF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Stepper.styled.js","sources":["../../../../src/components/stepper/Stepper.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StepperStates } from './Stepper.model';\nimport { getTheme } from './themes';\n\nexport const StepperContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 16px;\n`;\n\nexport const SingleStepperChildContainer = styled.div<{\n\tselectedState: StepperStates;\n\tstepsCount: number;\n\tisInActive?: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 8px;\n\n\t.pointer {\n\t\tcursor: pointer;\n\t}\n\t.blocked {\n\t\tcursor: not-allowed;\n\t}\n\n\t.hover-container {\n\t\tpadding: 6px 8px 6px 6px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\t&:hover {\n\t\t\tpadding: ${(props) =>\n\t\t\t\t!props.isInActive ? '6px 8px 6px 6px' : undefined};\n\t\t\tbackground: ${(props) => (!props.isInActive ? '#f0f0f0' : undefined)};\n\t\t\tborder-radius: ${(props) => (!props.isInActive ? '30px' : undefined)};\n\t\t}\n\t}\n\t.badge {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tpadding: 4px;\n\t\tgap: 10px;\n\t\twidth: 32px;\n\t\theight: 24px;\n\t\tbackground: ${(props) => getTheme(props.selectedState).badgeBackground};\n\t\tborder: 1px solid ${(props) => getTheme(props.selectedState).badgeBorder};\n\t\tborder-radius: 30px;\n\t\t.badge-text {\n\t\t\tfont-weight: ${(props) => getTheme(props.selectedState).fontWeight};\n\t\t\tcolor: ${(props) => getTheme(props.selectedState).badgeColor};\n\t\t}\n\t}\n\t.step-text {\n\t\tfont-weight: ${(props) => getTheme(props.selectedState).fontWeight};\n\t\tfont-feature-settings: 'tnum' on, 'lnum' on, 'case' on, 'ss04' on;\n\t\tcolor: ${(props) => getTheme(props.selectedState).textColor};\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: ${(props) => (props.stepsCount > 2 ? 200 : 250)}px;\n\t}\n\t.horizontal-divider {\n\t\twidth: 48px;\n\t\theight: 1px;\n\t\tbackground: ${(props) => getTheme(props.selectedState).dividerBackground};\n\t\tmargin-left: 8px;\n\t}\n`;\n\nexport const WorkingStepperContainer = styled.div`\n\t.top-bar {\n\t\tposition: sticky;\n\t\ttop: 0px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbackground: white;\n\t}\n\t.main-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\toverflow-y: auto;\n\t}\n`;\n"],"names":["StepperContainer","styled","SingleStepperChildContainer","props","getTheme"],"mappings":"6MAIaA,EAAmBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1BC,EAA8BD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cA0BnCE,GACVA,EAAM,WAAiC,OAApB,iBAA6B;AAAA,iBACnCA,GAAYA,EAAM,WAAyB,OAAZ,SAAsB;AAAA,oBAClDA,GAAYA,EAAM,WAAsB,OAAT,MAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYtDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,eAAe;AAAA,sBACjDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,WAAW;AAAA;AAAA;AAAA,kBAGvDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA,YACxDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA;AAAA;AAAA;AAAA,iBAI7CA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,UAAU;AAAA;AAAA,WAExDA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA,eAI7CA,GAAWA,EAAM,WAAa,EAAI,IAAM,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA,gBAK3CA,GAAUC,EAAAA,SAASD,EAAM,aAAa,EAAE,iBAAiB;AAAA;AAAA;AAAA,EAKnCF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/switch/Switch.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),u=require("styled-components"),c=require("../../constants/Theme.js"),x=n.forwardRef(({customThumbColor:e,trackColor:f,trackHeight:C,trackLength:w,disabled:l,value:d,onValueChange:$,duration:y,containerStyle:p,type:r,isLoading:o,"data-test":S})=>{const{colorsV2:t}=c.DEFAULT_THEME,[a,b]=n.useState(d),[T,s]=n.useState(o??!1),g=y??200;n.useEffect(()=>{typeof o=="boolean"&&s(o)},[o]),n.useEffect(()=>{b(d)},[d]);const h=l?{false:t.background.inactive,true:t.background.inactive}:{false:f?.false??r==="greenred"?t.background.negative.light:t.background.base,true:f?.true??r==="greenred"?t.background.positive.vibrant:t.background.brand},j={false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.background.positive.vibrant:t.background.brand},O=l?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??r==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},E=r?{false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function R(){if(!l){typeof o!="boolean"&&s(!0);try{await $?.(!a),b(!a)}catch(q){console.log(q)}typeof o!="boolean"&&s(!1)}}return i.jsx(i.Fragment,{children:i.jsx(k,{"data-test":S,trackLength:w??40,trackHeight:C??20,onClick:()=>R(),trackColor:h,value:a,style:p,borderColor:j,duration:g,disabled:l,outlineColor:E,children:T?i.jsx(m,{value:a,trackColor:h}):i.jsx(v,{value:a,duration:g,thumbColor:O})})})});x.displayName="Switch";const k=u.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),A=require("styled-components"),s=require("../../constants/Theme.js"),L=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=L(A),x=l.forwardRef(({customThumbColor:e,trackColor:f,trackHeight:C,trackLength:w,disabled:n,value:d,onValueChange:y,duration:$,containerStyle:p,type:r,isLoading:o,"data-test":S})=>{const{colorsV2:t}=s.DEFAULT_THEME,[a,b]=l.useState(d),[T,u]=l.useState(o??!1),g=$??200;l.useEffect(()=>{typeof o=="boolean"&&u(o)},[o]),l.useEffect(()=>{b(d)},[d]);const h=n?{false:t.background.inactive,true:t.background.inactive}:{false:f?.false??r==="greenred"?t.background.negative.light:t.background.base,true:f?.true??r==="greenred"?t.background.positive.vibrant:t.background.brand},j={false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.background.positive.vibrant:t.background.brand},O=n?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??r==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},E=r?{false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function R(){if(!n){typeof o!="boolean"&&u(!0);try{await y?.(!a),b(!a)}catch(q){console.log(q)}typeof o!="boolean"&&u(!1)}}return i.jsx(i.Fragment,{children:i.jsx(k,{"data-test":S,trackLength:w??40,trackHeight:C??20,onClick:()=>R(),trackColor:h,value:a,style:p,borderColor:j,duration:g,disabled:n,outlineColor:E,children:T?i.jsx(m,{value:a,trackColor:h}):i.jsx(v,{value:a,duration:g,thumbColor:O})})})});x.displayName="Switch";const k=c.default.div`
 	display: flex;
 	flex-direction: row;
 	margin-top: 5px;
@@ -27,7 +27,7 @@
 		outline-offset: 2px;
 		outline-width: 2px;
 	}
-`,v=u.div`
+`,v=c.default.div`
 	height: 12px;
 	width: 12px;
 	margin: 4px;
@@ -36,13 +36,13 @@
 	left: ${e=>e.value?"calc(100% - 20px)":"0px"};
 	transition: ${e=>`${e.duration/1e3}s ease all`};
 	background-color: ${e=>e.value?e.thumbColor.true:e.thumbColor.false};
-`,m=u.div`
+`,m=c.default.div`
 	border-width: 2px;
 	border-style: solid;
 	border-color: ${e=>e.value?e.trackColor.true:e.trackColor.false};
 	border-top-width: 2px;
 	border-top-style: solid;
-	border-top-color: ${e=>e.value?c.COLORS.text.white:c.COLORS.background.brand};
+	border-top-color: ${e=>e.value?s.COLORS.text.white:s.COLORS.background.brand};
 	border-radius: 50%;
 	height: 8px;
 	width: 8px;

package/dist/cjs/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsx","Fragment","SwitchContainer","Loader","Thumb","styled","props","COLORS"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsx","Fragment","SwitchContainer","Loader","Thumb","styled","props","COLORS"],"mappings":"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"}

package/dist/cjs/components/tabs/Tabs.styles.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),o=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),i=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),d=require("../TypographyStyle.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=i(r),a=o.default.div`
 	display: flex;
 	flex-direction: row;
 	background-color: ${e=>e.bgColor};
-`,d=t.div`
+`,l=o.default.div`
 	display: flex;
 	flex-direction: row;
 	column-gap: 8px;
@@ -11,18 +11,18 @@
 	align-items: center;
 	justify-content: center;
 	width: ${e=>e.hasEqualSpacing?"50%":"auto"};
-	border-bottom-color: ${e=>e.isSquared?"":e.selected?e.selectedTextColor:o.DEFAULT_THEME.colorsV2.background.inactive};
+	border-bottom-color: ${e=>e.isSquared?"":e.selected?e.selectedTextColor:t.DEFAULT_THEME.colorsV2.background.inactive};
 	border-bottom-width: ${e=>e.isSquared?"":e.selected?"2px":"1px"};
 	border-bottom-style: ${e=>e.isSquared?"":"solid"};
-	border: ${e=>e.isSquared?e.selected?`1px solid ${e.selectedTextColor}`:`1px solid ${o.DEFAULT_THEME.colorsV2.background.inactive}`:""};
+	border: ${e=>e.isSquared?e.selected?`1px solid ${e.selectedTextColor}`:`1px solid ${t.DEFAULT_THEME.colorsV2.background.inactive}`:""};
 	flex-direction: row;
 	cursor: pointer;
 	min-width: ${e=>e.isSquared?"120px":""};
 	&:hover {
 		background-color: rgba(0, 0, 0, 0.03);
 	}
-	background-color: ${e=>e.isSquared&&e.selected?`${o.DEFAULT_THEME.colorsV2.background.brandLight}`:""};
-`,n=t.div`
+	background-color: ${e=>e.isSquared&&e.selected?`${t.DEFAULT_THEME.colorsV2.background.brandLight}`:""};
+`,n=o.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -30,17 +30,17 @@
 	justify-content: center;
 	min-width: 20px;
 	height: 20px;
-	background: ${e=>e.selected?o.DEFAULT_THEME.colorsV2.background.inverseLight:o.DEFAULT_THEME.colorsV2.content.secondary};
-	color: ${o.DEFAULT_THEME.colorsV2.content.primaryInverse};
+	background: ${e=>e.selected?t.DEFAULT_THEME.colorsV2.background.inverseLight:t.DEFAULT_THEME.colorsV2.content.secondary};
+	color: ${t.DEFAULT_THEME.colorsV2.content.primaryInverse};
 	border-radius: 10px;
-`,c=t(r.ButtonLarge)`
+`,c=o.default(d.ButtonLarge)`
 	color: ${e=>e.selected?e.selectedTextColor:e.textColor};
-`,a=t.div`
+`,s=o.default.div`
 	flex-grow: 1;
-	border-bottom: 1px solid ${o.DEFAULT_THEME.colorsV2.background.inactive};
-`,l=t.div`
+	border-bottom: 1px solid ${t.DEFAULT_THEME.colorsV2.background.inactive};
+`,u=o.default.div`
 	display: flex;
 	align-items: center;
-	border-bottom: 1px solid ${o.DEFAULT_THEME.colorsV2.background.inactive};
-`;exports.EmptyTab=a;exports.RightComponent=l;exports.TabHeader=i;exports.TabItem=d;exports.TabItemText=c;exports.TrailingNumberContainer=n;
+	border-bottom: 1px solid ${t.DEFAULT_THEME.colorsV2.background.inactive};
+`;exports.EmptyTab=s;exports.RightComponent=u;exports.TabHeader=a;exports.TabItem=l;exports.TabItemText=c;exports.TrailingNumberContainer=n;
 //# sourceMappingURL=Tabs.styles.js.map

package/dist/cjs/components/tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ButtonLarge } from '../TypographyStyle';\nimport { TabItemProps, TabItemTextProps } from './Tabs.model';\n\nexport const TabHeader = styled.div<{ bgColor?: string }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground-color: ${(props) => props.bgColor};\n`;\n\nexport const TabItem = styled.div<TabItemProps>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 8px;\n\tpadding: ${(props) => (props.isSquared ? '8px 24px' : '14px 24px 12px 24px')};\n\tpadding-bottom: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '12px' : '13px'};\n\talign-items: center;\n\tjustify-content: center;\n\twidth: ${(props) => (props.hasEqualSpacing ? '50%' : 'auto')};\n\tborder-bottom-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? ''\n\t\t\t: props.selected\n\t\t\t? props.selectedTextColor\n\t\t\t: DEFAULT_THEME.colorsV2.background.inactive};\n\tborder-bottom-width: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '2px' : '1px'};\n\tborder-bottom-style: ${(props) => (props.isSquared ? '' : 'solid')};\n\tborder: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `1px solid ${props.selectedTextColor}`\n\t\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.background.inactive}`\n\t\t\t: ''};\n\tflex-direction: row;\n\tcursor: pointer;\n\tmin-width: ${(props) => (props.isSquared ? '120px' : '')};\n\t&:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t}\n\tbackground-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `${DEFAULT_THEME.colorsV2.background.brandLight}`\n\t\t\t\t: ''\n\t\t\t: ''};\n`;\n\nexport const TrailingNumberContainer = styled.div<{\n\tselected: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tjustify-content: center;\n\tmin-width: 20px;\n\theight: 20px;\n\tbackground: ${(props) =>\n\t\tprops.selected\n\t\t\t? DEFAULT_THEME.colorsV2.background.inverseLight\n\t\t\t: DEFAULT_THEME.colorsV2.content.secondary};\n\tcolor: ${DEFAULT_THEME.colorsV2.content.primaryInverse};\n\tborder-radius: 10px;\n`;\n\nexport const TabItemText = styled(ButtonLarge)<TabItemTextProps>`\n\tcolor: ${(props) =>\n\t\tprops.selected ? props.selectedTextColor : props.textColor};\n`;\n\nexport const EmptyTab = styled.div`\n\tflex-grow: 1;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n\nexport const RightComponent = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n"],"names":["TabHeader","styled","props","TabItem","DEFAULT_THEME","TrailingNumberContainer","TabItemText","ButtonLarge","EmptyTab","RightComponent"],"mappings":"8LAKaA,EAAYC,EAAO;AAAA;AAAA;AAAA,qBAGVC,GAAUA,EAAM,OAAO;AAAA,EAGhCC,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA,YAIjBC,GAAWA,EAAM,UAAY,WAAa,qBAAsB;AAAA,mBACzDA,GAClBA,EAAM,UAAY,GAAKA,EAAM,SAAW,OAAS,MAAM;AAAA;AAAA;AAAA,UAG9CA,GAAWA,EAAM,gBAAkB,MAAQ,MAAO;AAAA,wBACpCA,GACvBA,EAAM,UACH,GACAA,EAAM,SACNA,EAAM,kBACNE,EAAAA,cAAc,SAAS,WAAW,QAAQ;AAAA,wBACtBF,GACvBA,EAAM,UAAY,GAAKA,EAAM,SAAW,MAAQ,KAAK;AAAA,wBAC9BA,GAAWA,EAAM,UAAY,GAAK,OAAQ;AAAA,WACvDA,GACVA,EAAM,UACHA,EAAM,SACL,aAAaA,EAAM,iBAAiB,GACpC,aAAaE,gBAAc,SAAS,WAAW,QAAQ,GACxD,EAAE;AAAA;AAAA;AAAA,cAGQF,GAAWA,EAAM,UAAY,QAAU,EAAG;AAAA;AAAA;AAAA;AAAA,qBAInCA,GACpBA,EAAM,WACHA,EAAM,SACL,GAAGE,EAAAA,cAAc,SAAS,WAAW,UAAU,GAEhD,EAAE;AAAA,EAGMC,EAA0BJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAU9BC,GACdA,EAAM,SACHE,EAAAA,cAAc,SAAS,WAAW,aAClCA,EAAAA,cAAc,SAAS,QAAQ,SAAS;AAAA,UACnCA,gBAAc,SAAS,QAAQ,cAAc;AAAA;AAAA,EAI1CE,EAAcL,EAAOM,aAAW;AAAA,UAClCL,GACTA,EAAM,SAAWA,EAAM,kBAAoBA,EAAM,SAAS;AAAA,EAG/CM,EAAWP,EAAO;AAAA;AAAA,4BAEHG,gBAAc,SAAS,WAAW,QAAQ;AAAA,EAGzDK,EAAiBR,EAAO;AAAA;AAAA;AAAA,4BAGTG,gBAAc,SAAS,WAAW,QAAQ;AAAA"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ButtonLarge } from '../TypographyStyle';\nimport { TabItemProps, TabItemTextProps } from './Tabs.model';\n\nexport const TabHeader = styled.div<{ bgColor?: string }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground-color: ${(props) => props.bgColor};\n`;\n\nexport const TabItem = styled.div<TabItemProps>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 8px;\n\tpadding: ${(props) => (props.isSquared ? '8px 24px' : '14px 24px 12px 24px')};\n\tpadding-bottom: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '12px' : '13px'};\n\talign-items: center;\n\tjustify-content: center;\n\twidth: ${(props) => (props.hasEqualSpacing ? '50%' : 'auto')};\n\tborder-bottom-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? ''\n\t\t\t: props.selected\n\t\t\t? props.selectedTextColor\n\t\t\t: DEFAULT_THEME.colorsV2.background.inactive};\n\tborder-bottom-width: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '2px' : '1px'};\n\tborder-bottom-style: ${(props) => (props.isSquared ? '' : 'solid')};\n\tborder: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `1px solid ${props.selectedTextColor}`\n\t\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.background.inactive}`\n\t\t\t: ''};\n\tflex-direction: row;\n\tcursor: pointer;\n\tmin-width: ${(props) => (props.isSquared ? '120px' : '')};\n\t&:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t}\n\tbackground-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `${DEFAULT_THEME.colorsV2.background.brandLight}`\n\t\t\t\t: ''\n\t\t\t: ''};\n`;\n\nexport const TrailingNumberContainer = styled.div<{\n\tselected: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tjustify-content: center;\n\tmin-width: 20px;\n\theight: 20px;\n\tbackground: ${(props) =>\n\t\tprops.selected\n\t\t\t? DEFAULT_THEME.colorsV2.background.inverseLight\n\t\t\t: DEFAULT_THEME.colorsV2.content.secondary};\n\tcolor: ${DEFAULT_THEME.colorsV2.content.primaryInverse};\n\tborder-radius: 10px;\n`;\n\nexport const TabItemText = styled(ButtonLarge)<TabItemTextProps>`\n\tcolor: ${(props) =>\n\t\tprops.selected ? props.selectedTextColor : props.textColor};\n`;\n\nexport const EmptyTab = styled.div`\n\tflex-grow: 1;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n\nexport const RightComponent = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n"],"names":["TabHeader","styled","props","TabItem","DEFAULT_THEME","TrailingNumberContainer","TabItemText","ButtonLarge","EmptyTab","RightComponent"],"mappings":"6PAKaA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGVC,GAAUA,EAAM,OAAO;AAAA,EAGhCC,EAAUF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,YAIjBC,GAAWA,EAAM,UAAY,WAAa,qBAAsB;AAAA,mBACzDA,GAClBA,EAAM,UAAY,GAAKA,EAAM,SAAW,OAAS,MAAM;AAAA;AAAA;AAAA,UAG9CA,GAAWA,EAAM,gBAAkB,MAAQ,MAAO;AAAA,wBACpCA,GACvBA,EAAM,UACH,GACAA,EAAM,SACNA,EAAM,kBACNE,EAAAA,cAAc,SAAS,WAAW,QAAQ;AAAA,wBACtBF,GACvBA,EAAM,UAAY,GAAKA,EAAM,SAAW,MAAQ,KAAK;AAAA,wBAC9BA,GAAWA,EAAM,UAAY,GAAK,OAAQ;AAAA,WACvDA,GACVA,EAAM,UACHA,EAAM,SACL,aAAaA,EAAM,iBAAiB,GACpC,aAAaE,gBAAc,SAAS,WAAW,QAAQ,GACxD,EAAE;AAAA;AAAA;AAAA,cAGQF,GAAWA,EAAM,UAAY,QAAU,EAAG;AAAA;AAAA;AAAA;AAAA,qBAInCA,GACpBA,EAAM,WACHA,EAAM,SACL,GAAGE,EAAAA,cAAc,SAAS,WAAW,UAAU,GAEhD,EAAE;AAAA,EAGMC,EAA0BJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAU9BC,GACdA,EAAM,SACHE,EAAAA,cAAc,SAAS,WAAW,aAClCA,EAAAA,cAAc,SAAS,QAAQ,SAAS;AAAA,UACnCA,gBAAc,SAAS,QAAQ,cAAc;AAAA;AAAA,EAI1CE,EAAcL,EAAAA,QAAOM,aAAW;AAAA,UAClCL,GACTA,EAAM,SAAWA,EAAM,kBAAoBA,EAAM,SAAS;AAAA,EAG/CM,EAAWP,EAAAA,QAAO;AAAA;AAAA,4BAEHG,gBAAc,SAAS,WAAW,QAAQ;AAAA,EAGzDK,EAAiBR,EAAAA,QAAO;AAAA;AAAA;AAAA,4BAGTG,gBAAc,SAAS,WAAW,QAAQ;AAAA"}

package/dist/cjs/components/tag/Tag.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),w=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),b=require("./model.js"),V=require("./Tag.styled.js"),_=require("./themes.js"),B=({tagText:q,LeadingIcon:h,TrailingIcon:j,onLeadingIconClicked:u=void 0,leadingIconId:a,trailingIconId:t,onTrailingIconClicked:m=void 0,theme:d="light",type:n="neutral",variant:s="regular",version:C,cursor:A,alignIcon:E,noBorder:$,tagHtmlText:c,contentPadding:k,leadingIconTooltip:T,trailingIconTooltip:g,tagColor:N,numberOfLines:i,backgroundColor:S,borderRadius:M,size:o="regular"})=>{let l=q;const P=d;let x=n;b.ValidTagTypeMap[s][n]||(x="neutral"),s==="circle"&&typeof l=="number"&&l>99&&(l="99+");const R=_.getTagIconColor(d,x),p={height:s==="compressed"?12:16,width:s==="compressed"?12:16,color:R,style:{display:"block"}};return e.jsx(V.Tag,{cursor:A,theme:P,type:x,variant:s,version:C,alignIcon:E,noBorder:$,contentPadding:k,backgroundColor:S,borderRadius:M,size:o,children:e.jsxs("div",{className:"container",children:[h&&(T?e.jsx(w.Tooltip,{...T,children:e.jsx("button",{className:"icon-leading",onClick:u,id:`${a}-wrapper`||"leading-icon-wrapper",children:y.createElement(h,{...p,id:a||"leading-icon"})})}):e.jsx("button",{className:"icon-leading",onClick:u,id:`${a}-wrapper`||"leading-icon-wrapper",children:y.createElement(h,{...p,id:a||"leading-icon"})})),c&&(n==="ai"&&d==="light"?o==="small"?e.jsx(r.AiBodyTiny,{numberOfLines:i,children:c}):e.jsx(r.AiBodyCaption,{numberOfLines:i,children:c}):o==="small"?e.jsx(r.BodyTiny,{className:"text",numberOfLines:i,children:c}):e.jsx(r.BodyCaption,{className:"text",numberOfLines:i,children:c})),!c&&l!==""&&(n==="ai"&&d==="light"?o==="small"?e.jsx(r.AiBodyTiny,{numberOfLines:i,children:l}):e.jsx(r.AiBodyCaption,{numberOfLines:i,children:l}):o==="small"?e.jsx(r.BodyTiny,{className:"text",color:N,numberOfLines:i,children:l}):e.jsx(r.BodyCaption,{className:"text",color:N,numberOfLines:i,children:l})),j&&(g?e.jsx(w.Tooltip,{...g,children:e.jsx("button",{className:"icon-trailing",onClick:m,id:`${t}-wrapper`||"trailing-icon-wrapper",children:y.createElement(j,{...p,id:t||"trailing-icon"})})}):e.jsx("button",{className:"icon-trailing",onClick:m,id:`${t}-wrapper`||"trailing-icon-wrapper",children:y.createElement(j,{...p,id:t||"trailing-icon"})}))]})})};B.displayName="Tag";exports.Tag=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),B=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),M=require("./model.js"),P=require("./Tag.styled.js"),D=require("./themes.js"),V=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},h=V(b),C=({tagText:o,LeadingIcon:u,TrailingIcon:j,onLeadingIconClicked:m=void 0,leadingIconId:s,trailingIconId:d,onTrailingIconClicked:T=void 0,theme:n="light",type:p="neutral",variant:c="regular",version:f,cursor:q,alignIcon:A,noBorder:E,tagHtmlText:a,contentPadding:_,leadingIconTooltip:g,trailingIconTooltip:N,tagColor:w,numberOfLines:l,backgroundColor:$,borderRadius:k,size:t="regular"})=>{let i=o;const R=n;let x=p;M.ValidTagTypeMap[c][p]||(x="neutral"),c==="circle"&&typeof i=="number"&&i>99&&(i="99+");const S=D.getTagIconColor(n,x),y={height:c==="compressed"?12:16,width:c==="compressed"?12:16,color:S,style:{display:"block"}};return e.jsx(P.Tag,{cursor:q,theme:R,type:x,variant:c,version:f,alignIcon:A,noBorder:E,contentPadding:_,backgroundColor:$,borderRadius:k,size:t,children:e.jsxs("div",{className:"container",children:[u&&(g?e.jsx(B.Tooltip,{...g,children:e.jsx("button",{className:"icon-leading",onClick:m,id:`${s}-wrapper`||"leading-icon-wrapper",children:h.default.createElement(u,{...y,id:s||"leading-icon"})})}):e.jsx("button",{className:"icon-leading",onClick:m,id:`${s}-wrapper`||"leading-icon-wrapper",children:h.default.createElement(u,{...y,id:s||"leading-icon"})})),a&&(p==="ai"&&n==="light"?t==="small"?e.jsx(r.AiBodyTiny,{numberOfLines:l,children:a}):e.jsx(r.AiBodyCaption,{numberOfLines:l,children:a}):t==="small"?e.jsx(r.BodyTiny,{className:"text",numberOfLines:l,children:a}):e.jsx(r.BodyCaption,{className:"text",numberOfLines:l,children:a})),!a&&i!==""&&(p==="ai"&&n==="light"?t==="small"?e.jsx(r.AiBodyTiny,{numberOfLines:l,children:i}):e.jsx(r.AiBodyCaption,{numberOfLines:l,children:i}):t==="small"?e.jsx(r.BodyTiny,{className:"text",color:w,numberOfLines:l,children:i}):e.jsx(r.BodyCaption,{className:"text",color:w,numberOfLines:l,children:i})),j&&(N?e.jsx(B.Tooltip,{...N,children:e.jsx("button",{className:"icon-trailing",onClick:T,id:`${d}-wrapper`||"trailing-icon-wrapper",children:h.default.createElement(j,{...y,id:d||"trailing-icon"})})}):e.jsx("button",{className:"icon-trailing",onClick:T,id:`${d}-wrapper`||"trailing-icon-wrapper",children:h.default.createElement(j,{...y,id:d||"trailing-icon"})}))]})})};C.displayName="Tag";exports.Tag=C;
 //# sourceMappingURL=Tag.js.map

package/dist/cjs/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsx","Sc.Tag","jsxs","Tooltip","React","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsx","Sc.Tag","jsxs","Tooltip","React","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/tag/Tag.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),i=require("./themes.js"),a=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("./themes.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(a),d=n.default.div`
 	cursor: ${e=>e.cursor??"default"};
 	${e=>e.size!=="small"&&(e.variant==="regular"?`display: block;
 		     min-height: 26px;
@@ -8,15 +8,15 @@
 		align-items: ${e=>e.alignIcon?e.alignIcon:"center"};
 		gap: 6px;
 		${e=>e.size==="small"?"height: 16px; box-sizing: border-box;":""}
-		padding: ${e=>e.size==="small"?"2px 6px":e.contentPadding?`${e.contentPadding}px`:i.getPadding(e.variant)};
-		background: ${e=>e.backgroundColor??i.getBackgroundColor(e.theme,e.type)};
+		padding: ${e=>e.size==="small"?"2px 6px":e.contentPadding?`${e.contentPadding}px`:t.getPadding(e.variant)};
+		background: ${e=>e.backgroundColor??t.getBackgroundColor(e.theme,e.type)};
 
 		border-radius: ${e=>e.borderRadius!==void 0?typeof e.borderRadius=="number"?`${e.borderRadius}px`:e.borderRadius:e.variant==="regular"?"4px":"12px"};
 
-		${e=>!e.noBorder&&e.theme==="light"&&`border: ${e.version==="2.0"?.5:1}px solid ${i.generateBorder(e.type,e.theme)};`}
+		${e=>!e.noBorder&&e.theme==="light"&&`border: ${e.version==="2.0"?.5:1}px solid ${t.generateBorder(e.type,e.theme)};`}
 
 		.text {
-			color: ${e=>i.getTextColor(e.theme,e.type)};
+			color: ${e=>t.getTextColor(e.theme,e.type)};
 		}
 
 		.icon-trailing {
@@ -29,5 +29,5 @@
 			display: flex;
 		}
 	}
-`;exports.Tag=a;
+`;exports.Tag=d;
 //# sourceMappingURL=Tag.styled.js.map

package/dist/cjs/components/tag/Tag.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.size === 'small' ? 'height: 16px; box-sizing: border-box;' : ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","styled","props","getPadding","getBackgroundColor","generateBorder","getTextColor"],"mappings":"8IASaA,EAAMC,EAAO;AAAA,WAadC,GAAUA,EAAM,QAAU,SAAS;AAAA,GAC3CA,GACFA,EAAM,OAAS,UACdA,EAAM,UAAY,UAChB;AAAA;AAAA,IAGA,oBAAoB;AAAA;AAAA;AAAA,iBAGPA,GAAWA,EAAM,UAAYA,EAAM,UAAY,QAAS;AAAA;AAAA,IAErEA,GACFA,EAAM,OAAS,QAAU,wCAA0C,EAAE;AAAA,aAC1DA,GACXA,EAAM,OAAS,QACZ,UACAA,EAAM,eACN,GAAGA,EAAM,cAAc,KACvBC,EAAAA,WAAWD,EAAM,OAAO,CAAC;AAAA,gBACdA,GACdA,EAAM,iBAAmBE,EAAAA,mBAAmBF,EAAM,MAAOA,EAAM,IAAI,CAAC;AAAA;AAAA,mBAEnDA,GACjBA,EAAM,eAAiB,OACpB,OAAOA,EAAM,cAAiB,SAC7B,GAAGA,EAAM,YAAY,KACrBA,EAAM,aACPA,EAAM,UAAY,UAClB,MACA,MAAM;AAAA;AAAA,IAEPA,GACF,CAACA,EAAM,UACPA,EAAM,QAAU,SAChB,WAAWA,EAAM,UAAY,MAAQ,GAAM,CAAC,YAAYG,EAAAA,eACvDH,EAAM,KACNA,EAAM,KACP,CAAC,GAAG;AAAA;AAAA;AAAA,YAGMA,GAAUI,eAAaJ,EAAM,MAAOA,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.size === 'small' ? 'height: 16px; box-sizing: border-box;' : ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","styled","props","getPadding","getBackgroundColor","generateBorder","getTextColor"],"mappings":"6MASaA,EAAMC,EAAAA,QAAO;AAAA,WAadC,GAAUA,EAAM,QAAU,SAAS;AAAA,GAC3CA,GACFA,EAAM,OAAS,UACdA,EAAM,UAAY,UAChB;AAAA;AAAA,IAGA,oBAAoB;AAAA;AAAA;AAAA,iBAGPA,GAAWA,EAAM,UAAYA,EAAM,UAAY,QAAS;AAAA;AAAA,IAErEA,GACFA,EAAM,OAAS,QAAU,wCAA0C,EAAE;AAAA,aAC1DA,GACXA,EAAM,OAAS,QACZ,UACAA,EAAM,eACN,GAAGA,EAAM,cAAc,KACvBC,EAAAA,WAAWD,EAAM,OAAO,CAAC;AAAA,gBACdA,GACdA,EAAM,iBAAmBE,EAAAA,mBAAmBF,EAAM,MAAOA,EAAM,IAAI,CAAC;AAAA;AAAA,mBAEnDA,GACjBA,EAAM,eAAiB,OACpB,OAAOA,EAAM,cAAiB,SAC7B,GAAGA,EAAM,YAAY,KACrBA,EAAM,aACPA,EAAM,UAAY,UAClB,MACA,MAAM;AAAA;AAAA,IAEPA,GACF,CAACA,EAAM,UACPA,EAAM,QAAU,SAChB,WAAWA,EAAM,UAAY,MAAQ,GAAM,CAAC,YAAYG,EAAAA,eACvDH,EAAM,KACNA,EAAM,KACP,CAAC,GAAG;AAAA;AAAA;AAAA,YAGMA,GAAUI,eAAaJ,EAAM,MAAOA,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../../assets/icons/alert.svg.js"),d=require("styled-components"),g=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=d.div`
-	background: ${r.COLORS.background.negative.light};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../../assets/icons/alert.svg.js"),d=require("styled-components"),c=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=g(d),r=s.default.div`
+	background: ${n.COLORS.background.negative.light};
 	display: flex;
 	align-items: center;
 	padding: ${e=>e.padding?"8px":"0px"} 12px;
 	gap: 8px;
 	border-radius: 4px;
 	margin-right: 12px;
-	color: ${r.COLORS.content.negative};
+	color: ${n.COLORS.content.negative};
 	height: 32px;
-`,c=e=>{const{errorText:i,padding:o}=e;return t.jsxs(n,{padding:o,children:[t.jsx(a.default,{height:20,width:20,color:r.COLORS.content.negative}),t.jsx(g.BodySecondary,{children:i})]})};exports.Badge=c;exports.BadgeContainer=n;
+`,l=e=>{const{errorText:o,padding:i}=e;return t.jsxs(r,{padding:i,children:[t.jsx(a.default,{height:20,width:20,color:n.COLORS.content.negative}),t.jsx(c.BodySecondary,{children:o})]})};exports.Badge=l;exports.BadgeContainer=r;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/template-context-mapper/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxs","jsx","AlertIcon","BodySecondary"],"mappings":"mRAKaA,EAAiBC,EAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,OAACP,GAAe,QAAAM,EACf,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,QAAA,CAAU,EAClEM,EAAAA,IAACE,EAAAA,eAAe,SAAAL,CAAA,CAAU,CAAA,EAC3B,CAEF"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxs","jsx","AlertIcon","BodySecondary"],"mappings":"kVAKaA,EAAiBC,EAAAA,QAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,OAACP,GAAe,QAAAM,EACf,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,QAAA,CAAU,EAClEM,EAAAA,IAACE,EAAAA,eAAe,SAAAL,CAAA,CAAU,CAAA,EAC3B,CAEF"}