@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMapVertical.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HeatBoxLegend } from './HeatMapStyled';\n\nexport interface HeatMapVerticalInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\tabsolutHeatValues: number[];\n\thideXLabels?: boolean;\n}\n\nenum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nconst HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst getHeat = (value: number, absolutHeatValues: number[]) => {\n\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\treturn HEAT.HIGHEST;\n};\n\nexport const HeatMapVertical: React.FC<HeatMapVerticalInputInterface> = ({\n\txLabels,\n\tyLabels,\n\tvalues,\n\tabsolutHeatValues,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tuseEffect(() => {\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) => getHeat(value, absolutHeatValues || [])),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[0]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[1]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[2]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>{`${absolutHeatValues[2]}+`}</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t<div key={yLabel} className=\"heat-row\">\n\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\tbody={values[rowIndex][colIndex].toString()}\n\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t<div className=\"heat-row\" style={{ marginTop: 12 }}>\n\t\t\t\t\t<div style={{ flex: 0.5 }} />\n\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</HeatBoxStyled>\n\t);\n};\n\nconst HeatBox = styled.div`\n\theight: 7px;\n\tborder-radius: 1px;\n\tbackground-color: ${(props) => props.color};\n`;\n\nexport const HeatBoxStyled = styled.div`\n\twidth: 100%;\n\t.top-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: end;\n\t\tmargin-bottom: 16px;\n\n\t\t&__legend {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 4px;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.heat-row {\n\t\tdisplay: flex;\n\t\theight: 9px;\n\t\tgap: 4px;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["HEAT_COLORS","getHeat","value","absolutHeatValues","HeatMapVertical","xLabels","yLabels","values","heatValues","setHeatValues","useState","useEffect","row","HeatBoxStyled","jsxDEV","HeatBoxLegend","this","BodyCaption","COLORS","yLabel","rowIndex","BodyTiny","xLabel","colIndex","Tooltip","HeatBox","Fragment","styled","props"],"mappings":"yYAuBMA,EAAc,CAClB,EAAW,UACX,EAAc,UACd,EAAY,UACZ,EAAe,SACjB,EAEMC,EAAU,CAACC,EAAeC,IAC3BD,GAASC,EAAkB,CAAC,EAAU,EACtCD,GAASC,EAAkB,CAAC,EAAU,EACtCD,GAASC,EAAkB,CAAC,EAAU,EACnC,EAGKC,EAA2D,CAAC,CACxE,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,kBAAAJ,CACD,IAAM,CACL,KAAM,CAACK,EAAYC,CAAa,EAAIC,WAAA,EAUpC,OARAC,EAAAA,UAAU,IAAM,CACfF,EACCF,EAAO,IAAKK,GACXA,EAAI,IAAKV,GAAUD,EAAQC,EAAOC,GAAqB,EAAE,CAAC,CAAA,CAC3D,CAEF,EAAG,CAACI,EAAQJ,CAAiB,CAAC,EAEzBK,WAKHK,EAAA,CACA,SAAA,CAAAC,SAAC,MAAA,CAAI,UAAU,gBACd,SAAAA,EAAAA,OAAC,MAAA,CACA,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,wBACd,SAAA,CAAAA,SAACC,EAAAA,cAAA,CAAc,MAAOf,EAAY,EAAQ,EAA1C,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAA6C,EAC7CF,SAACC,EAAAA,cAAA,CAAc,MAAOf,EAAY,EAAW,EAA7C,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAgD,EAChDF,SAACC,EAAAA,cAAA,CAAc,MAAOf,EAAY,EAAS,EAA3C,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAA8C,EAC9CF,SAACC,EAAAA,cAAA,CAAc,MAAOf,EAAY,EAAY,EAA9C,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAiD,CAAA,CAAA,EAJlD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,wBACd,SAAA,CAAAA,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,UAAW,OAAA,EAEzC,WAAkB,CAAC,CAAA,EAJrB,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAF,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,UAAW,OAAA,EAEzC,WAAkB,CAAC,CAAA,EAJrB,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAF,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,UAAW,OAAA,EAEzC,WAAkB,CAAC,CAAA,EAJrB,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAF,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,UAAW,OAAA,EACzC,SAAA,GAAGf,EAAkB,CAAC,CAAC,GAAA,EAHzB,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CAG6B,CAAA,EAtB9B,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuBA,CAAA,CAAA,EA9BD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,EAhCD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiCA,WACC,MAAA,CAAI,MAAO,CAAE,MAAO,QACnB,SAAA,CAAAV,EAAQ,IAAI,CAACa,EAAQC,IACrBN,SAAC,MAAA,CAAiB,UAAU,WAC3B,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,IACnB,SAAAA,EAAAA,OAACO,EAAAA,SAAA,CACA,MAAO,CACN,MAAOH,EAAAA,OAAO,QAAQ,UACtB,UAAW,QACX,YAAa,CAAA,EAGb,SAAAC,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,EACCX,EAAQ,IAAI,CAACiB,EAAQC,IACrBT,EAAAA,OAAC,MAAA,CAAiB,MAAO,CAAE,KAAM,CAAA,EAChC,SAAAA,EAAAA,OAACU,EAAAA,QAAA,CACA,KAAMjB,EAAOa,CAAQ,EAAEG,CAAQ,EAAE,SAAA,EACjC,UAAW,SAEX,SAAAT,EAAAA,OAACW,EAAA,CACA,MAAOzB,EAAYQ,EAAWY,CAAQ,EAAEG,CAAQ,CAAC,CAAA,EADlD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAAA,CAEA,EAND,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,GADSM,EAAV,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MASA,CACA,CAAA,CAAA,EAvBQG,EAAV,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAwBA,CACA,EACDF,SAAC,OAAI,UAAU,WAAW,MAAO,CAAE,UAAW,IAC7C,SAAA,CAAAA,SAAC,MAAA,CAAI,MAAO,CAAE,KAAM,GAAI,EAAxB,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAE,MAA2B,EAC1BX,EAAQ,IAAKiB,GACbR,EAAAA,OAAC,OAAiB,MAAO,CAAE,KAAM,CAAA,EAChC,SAAAA,EAAAA,OAACO,EAAAA,SAAA,CACA,MAAO,CACN,MAAOH,EAAAA,OAAO,QAAQ,UACtB,UAAW,QAAA,EAGX,SAAAI,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MAAA,GADSM,EAAV,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MASA,CACA,CAAA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA1CD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA,CAAA,CAAA,EA9ED,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+EA,EAnFOF,EAAAA,OAAAY,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,EAAA,EAAAV,MAAE,CAqFX,EAEMS,EAAUE,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGDC,GAAUA,EAAM,KAAK;AAAA,EAG9Bf,EAAgBc,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"HeatMapVertical.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HeatBoxLegend } from './HeatMapStyled';\n\nexport interface HeatMapVerticalInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\tabsolutHeatValues: number[];\n\thideXLabels?: boolean;\n}\n\nenum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nconst HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst getHeat = (value: number, absolutHeatValues: number[]) => {\n\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\treturn HEAT.HIGHEST;\n};\n\nexport const HeatMapVertical: React.FC<HeatMapVerticalInputInterface> = ({\n\txLabels,\n\tyLabels,\n\tvalues,\n\tabsolutHeatValues,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tuseEffect(() => {\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) => getHeat(value, absolutHeatValues || [])),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[0]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[1]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[2]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>{`${absolutHeatValues[2]}+`}</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t<div key={yLabel} className=\"heat-row\">\n\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\tbody={values[rowIndex][colIndex].toString()}\n\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t<div className=\"heat-row\" style={{ marginTop: 12 }}>\n\t\t\t\t\t<div style={{ flex: 0.5 }} />\n\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</HeatBoxStyled>\n\t);\n};\n\nconst HeatBox = styled.div`\n\theight: 7px;\n\tborder-radius: 1px;\n\tbackground-color: ${(props) => props.color};\n`;\n\nexport const HeatBoxStyled = styled.div`\n\twidth: 100%;\n\t.top-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: end;\n\t\tmargin-bottom: 16px;\n\n\t\t&__legend {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 4px;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.heat-row {\n\t\tdisplay: flex;\n\t\theight: 9px;\n\t\tgap: 4px;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["HEAT_COLORS","getHeat","value","absolutHeatValues","HeatMapVertical","xLabels","yLabels","values","heatValues","setHeatValues","useState","useEffect","row","HeatBoxStyled","jsxDEV","HeatBoxLegend","this","BodyCaption","COLORS","yLabel","rowIndex","BodyTiny","xLabel","colIndex","Tooltip","HeatBox","Fragment","styled","props"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime");require("react-bootstrap");const i=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),l=require("../LineChart/LineChart.js"),u=require("../scoreBlock/ScoreBlock.js"),o=require("./LinearChipGroupedChart.styled.js"),m=({separator:t,name:s,overallValue:n,requestSent:c,responses:p,chipValues:d,lineChartOption:h,formatVal:a})=>e.jsxDEV(o.Container,{separator:t,children:[e.jsxDEV(o.Row,{style:{alignItems:"center",justifyContent:"space-between"},children:[e.jsxDEV("div",{children:[e.jsxDEV(i.TitleRegular,{color:r.COLORS.content.secondary,children:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:47,columnNumber:6},void 0),e.jsxDEV(i.TitleLarge,{color:typeof n>"u"||n===0?r.COLORS.content.secondary:n<0?r.COLORS.content.negative:r.COLORS.content.positive,children:a?new Intl.NumberFormat("en-IN",{}).format(n):n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:48,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:46,columnNumber:5},void 0),e.jsxDEV(o.Column,{style:{alignItems:"flex-end"},children:[e.jsxDEV(i.BodySecondary,{color:r.COLORS.content.secondary,style:{marginBottom:2},children:["Requests sent: ",c]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:67,columnNumber:6},void 0),e.jsxDEV(i.BodySecondary,{color:r.COLORS.content.secondary,children:["Responses: ",p]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:73,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:62,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:45,columnNumber:4},void 0),e.jsxDEV(u.ScoreBlock,{chipValues:d,formatVal:a,CustomStyledChip:o.StyledChip},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:78,columnNumber:4},void 0),e.jsxDEV("div",{style:{marginTop:28,width:"100%"},children:e.jsxDEV(l.LineChart,{...h,maintainAspectRatio:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:84,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:83,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:44,columnNumber:3},void 0);exports.LinearChipGroupedChart=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime");require("react-bootstrap");const o=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),u=require("../LineChart/LineChart.js"),h=require("../scoreBlock/ScoreBlock.js"),i=require("./LinearChipGroupedChart.styled.js"),m=({separator:s,name:t,overallValue:r,requestSent:d,responses:c,chipValues:p,lineChartOption:l,formatVal:a})=>e.jsxDEV(i.Container,{separator:s,children:[e.jsxDEV(i.Row,{style:{alignItems:"center",justifyContent:"space-between"},children:[e.jsxDEV("div",{children:[e.jsxDEV(o.TitleRegular,{color:n.COLORS.content.secondary,children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:47,columnNumber:6},void 0),e.jsxDEV(o.TitleLarge,{color:typeof r>"u"||r===0?n.COLORS.content.secondary:r<0?n.COLORS.content.negative:n.COLORS.content.positive,children:a?new Intl.NumberFormat("en-IN",{}).format(r):r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:48,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:46,columnNumber:5},void 0),e.jsxDEV(i.Column,{style:{alignItems:"flex-end"},children:[e.jsxDEV(o.BodySecondary,{color:n.COLORS.content.secondary,style:{marginBottom:2},children:["Requests sent: ",d]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:67,columnNumber:6},void 0),e.jsxDEV(o.BodySecondary,{color:n.COLORS.content.secondary,children:["Responses: ",c]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:73,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:62,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:45,columnNumber:4},void 0),e.jsxDEV(h.ScoreBlock,{chipValues:p,formatVal:a,CustomStyledChip:i.StyledChip},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:78,columnNumber:4},void 0),e.jsxDEV("div",{style:{marginTop:28,width:"100%"},children:e.jsxDEV(u.LineChart,{...l,maintainAspectRatio:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:84,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:83,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx",lineNumber:44,columnNumber:3},void 0);exports.LinearChipGroupedChart=m;
 //# sourceMappingURL=LinearChipGroupedChart.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearChipGroupedChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport {\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { LineChart, LineChartProps } from '../LineChart/LineChart';\nimport { ScoreBlock } from '../scoreBlock/ScoreBlock';\nimport {\n\tColumn,\n\tContainer,\n\tRow,\n\tStyledChip,\n} from './LinearChipGroupedChart.styled';\n\nexport type LinearChipGroupedChartProps = {\n\tlineChartOption: LineChartProps;\n\toverallValue: number;\n\trequestSent: number;\n\tresponses: number;\n\tchipValues: {\n\t\tpositive: { text: string; val: number };\n\t\tneutral: { text: string; val: number };\n\t\tnegative: { text: string; val: number };\n\t};\n\tname: string;\n\tseparator?: boolean;\n\tformatVal?: boolean;\n};\n\nexport const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps> = ({\n\tseparator,\n\tname,\n\toverallValue,\n\trequestSent,\n\tresponses,\n\tchipValues,\n\tlineChartOption,\n\tformatVal,\n}) => {\n\treturn (\n\t\t<Container separator={separator}>\n\t\t\t<Row style={{ alignItems: 'center', justifyContent: 'space-between' }}>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular color={COLORS.content.secondary}>{name}</TitleRegular>\n\t\t\t\t\t<TitleLarge\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\ttypeof overallValue === 'undefined' || overallValue === 0\n\t\t\t\t\t\t\t\t? COLORS.content.secondary\n\t\t\t\t\t\t\t\t: overallValue < 0\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.positive\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatVal\n\t\t\t\t\t\t\t? new Intl.NumberFormat('en-IN', {}).format(overallValue)\n\t\t\t\t\t\t\t: overallValue}\n\t\t\t\t\t</TitleLarge>\n\t\t\t\t</div>\n\t\t\t\t<Column\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ marginBottom: 2 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tRequests sent: {requestSent}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\tResponses: {responses}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</Column>\n\t\t\t</Row>\n\t\t\t<ScoreBlock\n\t\t\t\tchipValues={chipValues}\n\t\t\t\tformatVal={formatVal}\n\t\t\t\tCustomStyledChip={StyledChip}\n\t\t\t/>\n\t\t\t<div style={{ marginTop: 28, width: '100%' }}>\n\t\t\t\t<LineChart {...lineChartOption} maintainAspectRatio />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["LinearChipGroupedChart","separator","name","overallValue","requestSent","responses","chipValues","lineChartOption","formatVal","jsxDEV","Container","Row","TitleRegular","COLORS","this","TitleLarge","Column","BodySecondary","ScoreBlock","StyledChip","LineChart"],"mappings":"+WAgCaA,EAAgE,CAAC,CAC7E,UAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,UAAAC,CACD,IAEEC,SAACC,EAAAA,WAAU,UAAAT,EACV,SAAA,CAAAQ,SAACE,EAAAA,KAAI,MAAO,CAAE,WAAY,SAAU,eAAgB,iBACnD,SAAA,CAAAF,SAAC,MAAA,CACA,SAAA,CAAAA,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,UAAY,SAAAX,GAAhD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAqD,EACrDL,EAAAA,OAACM,EAAAA,WAAA,CACA,MACC,OAAOZ,EAAiB,KAAeA,IAAiB,EACrDU,EAAAA,OAAO,QAAQ,UACfV,EAAe,EACfU,SAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,SAGlB,SAAAL,EACE,IAAI,KAAK,aAAa,QAAS,EAAE,EAAE,OAAOL,CAAY,EACtDA,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAYA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EACAL,EAAAA,OAACO,EAAAA,OAAA,CACA,MAAO,CACN,WAAY,UAAA,EAGb,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,cAAA,CACA,MAAOJ,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,aAAc,CAAA,EACvB,SAAA,CAAA,kBACgBT,CAAA,CAAA,EAJjB,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,EAMAL,EAAAA,OAACQ,EAAAA,cAAA,CAAc,MAAOJ,EAAAA,OAAO,QAAQ,UAAW,SAAA,CAAA,cACnCR,CAAA,CAAA,EADb,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EA/BD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgCA,EACAL,EAAAA,OAACS,EAAAA,WAAA,CACA,WAAAZ,EACA,UAAAE,EACA,iBAAkBW,EAAAA,UAAA,EAHnB,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAA,EAKAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,UAAW,GAAI,MAAO,MAAA,EACnC,SAAAA,SAACW,EAAAA,UAAA,CAAW,GAAGb,EAAiB,oBAAmB,EAAA,EAAnD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAoD,CAAA,EADrD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAzCD,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0CA"}
+{"version":3,"file":"LinearChipGroupedChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport {\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { LineChart, LineChartProps } from '../LineChart/LineChart';\nimport { ScoreBlock } from '../scoreBlock/ScoreBlock';\nimport {\n\tColumn,\n\tContainer,\n\tRow,\n\tStyledChip,\n} from './LinearChipGroupedChart.styled';\n\nexport type LinearChipGroupedChartProps = {\n\tlineChartOption: LineChartProps;\n\toverallValue: number;\n\trequestSent: number;\n\tresponses: number;\n\tchipValues: {\n\t\tpositive: { text: string; val: number };\n\t\tneutral: { text: string; val: number };\n\t\tnegative: { text: string; val: number };\n\t};\n\tname: string;\n\tseparator?: boolean;\n\tformatVal?: boolean;\n};\n\nexport const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps> = ({\n\tseparator,\n\tname,\n\toverallValue,\n\trequestSent,\n\tresponses,\n\tchipValues,\n\tlineChartOption,\n\tformatVal,\n}) => {\n\treturn (\n\t\t<Container separator={separator}>\n\t\t\t<Row style={{ alignItems: 'center', justifyContent: 'space-between' }}>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular color={COLORS.content.secondary}>{name}</TitleRegular>\n\t\t\t\t\t<TitleLarge\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\ttypeof overallValue === 'undefined' || overallValue === 0\n\t\t\t\t\t\t\t\t? COLORS.content.secondary\n\t\t\t\t\t\t\t\t: overallValue < 0\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.positive\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatVal\n\t\t\t\t\t\t\t? new Intl.NumberFormat('en-IN', {}).format(overallValue)\n\t\t\t\t\t\t\t: overallValue}\n\t\t\t\t\t</TitleLarge>\n\t\t\t\t</div>\n\t\t\t\t<Column\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ marginBottom: 2 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tRequests sent: {requestSent}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\tResponses: {responses}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</Column>\n\t\t\t</Row>\n\t\t\t<ScoreBlock\n\t\t\t\tchipValues={chipValues}\n\t\t\t\tformatVal={formatVal}\n\t\t\t\tCustomStyledChip={StyledChip}\n\t\t\t/>\n\t\t\t<div style={{ marginTop: 28, width: '100%' }}>\n\t\t\t\t<LineChart {...lineChartOption} maintainAspectRatio />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["LinearChipGroupedChart","separator","name","overallValue","requestSent","responses","chipValues","lineChartOption","formatVal","jsxDEV","Container","Row","TitleRegular","COLORS","this","TitleLarge","Column","BodySecondary","ScoreBlock","StyledChip","LineChart"],"mappings":"+WAgCaA,EAAgE,CAAC,CAC7E,UAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,UAAAC,CACD,IAEEC,SAACC,EAAAA,WAAU,UAAAT,EACV,SAAA,CAAAQ,SAACE,EAAAA,KAAI,MAAO,CAAE,WAAY,SAAU,eAAgB,iBACnD,SAAA,CAAAF,SAAC,MAAA,CACA,SAAA,CAAAA,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,UAAY,SAAAX,GAAhD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAqD,EACrDL,EAAAA,OAACM,EAAAA,WAAA,CACA,MACC,OAAOZ,EAAiB,KAAeA,IAAiB,EACrDU,EAAAA,OAAO,QAAQ,UACfV,EAAe,EACfU,SAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,SAGlB,SAAAL,EACE,IAAI,KAAK,aAAa,QAAS,EAAE,EAAE,OAAOL,CAAY,EACtDA,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAYA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EACAL,EAAAA,OAACO,EAAAA,OAAA,CACA,MAAO,CACN,WAAY,UAAA,EAGb,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,cAAA,CACA,MAAOJ,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,aAAc,CAAA,EACvB,SAAA,CAAA,kBACgBT,CAAA,CAAA,EAJjB,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,EAMAL,EAAAA,OAACQ,EAAAA,cAAA,CAAc,MAAOJ,EAAAA,OAAO,QAAQ,UAAW,SAAA,CAAA,cACnCR,CAAA,CAAA,EADb,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EA/BD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgCA,EACAL,EAAAA,OAACS,EAAAA,WAAA,CACA,WAAAZ,EACA,UAAAE,EACA,iBAAkBW,EAAAA,UAAA,EAHnB,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAA,EAKAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,UAAW,GAAI,MAAO,MAAA,EACnC,SAAAA,SAACW,EAAAA,UAAA,CAAW,GAAGb,EAAiB,oBAAmB,EAAA,EAAnD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAoD,CAAA,EADrD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAzCD,OAAA,GAAA,CAAA,SAAA,2JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0CA"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),v=require("../../../../assets/icons/arrow_down.svg.js"),f=require("../../../../assets/icons/arrow_up.svg.js"),N=require("../../../../assets/icons/expressionless_emoji.svg.js"),C=require("../../../../assets/icons/sad_emoji.svg.js"),x=require("../../../../assets/icons/smiley_emoji.svg.js"),D=require("./ScoreBlock.styled.js"),w=({type:n,text:t,value:i,formatVal:p,progress:r,durationValue:c,durationUnit:a,plainText:u,showEmojiIcon:h,customTrailingIcon:l,CustomStyledChip:b=D.StyledChip})=>{const m=n==="positive"?o.COLORS.content.positive:n==="negative"?o.COLORS.content.negative:o.COLORS.content.warning,k=r&&r<0?v.default:f.default,y=n==="positive"?x.default:n==="neutral"?N.default:C.default,d=r&&r<0?o.COLORS.content.negative:r&&r>0?o.COLORS.content.positive:o.COLORS.content.placeholder;return e.jsxDEV(b,{type:n,children:[e.jsxDEV(s.BodyCaption,{color:m,children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:46,columnNumber:4},void 0),e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsxDEV(s.TitleMedium,{color:u?o.COLORS.content.primary:m,children:p?new Intl.NumberFormat("en-IN",{}).format(i):i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:48,columnNumber:5},void 0),l||(h?e.jsxDEV(y,{width:22,height:22},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:54,columnNumber:6},void 0):null)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:47,columnNumber:4},void 0),e.jsxDEV("div",{style:{display:"flex",gap:4},children:[c&&a?e.jsxDEV(k,{color:d,height:16,width:16,style:{marginRight:2}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:59,columnNumber:6},void 0):null,c&&a?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(s.BodyCaption,{color:d,children:[Math.abs(r||0),"%"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:68,columnNumber:7},void 0),e.jsxDEV(s.BodyCaption,{color:o.COLORS.content.placeholder,children:["vs last ",O(c,a)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:67,columnNumber:6},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:57,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:45,columnNumber:3},void 0)},O=(n,t)=>{const i=n>1?"s":"";return`${n} ${t}${i}`};exports.Chip=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),N=require("../../../../assets/icons/arrow_down.svg.js"),w=require("../../../../assets/icons/arrow_up.svg.js"),C=require("../../../../assets/icons/expressionless_emoji.svg.js"),x=require("../../../../assets/icons/sad_emoji.svg.js"),D=require("../../../../assets/icons/smiley_emoji.svg.js"),k=require("./ScoreBlock.styled.js"),v=({type:n,text:c,value:i,formatVal:u,progress:r,durationValue:t,durationUnit:a,plainText:p,showEmojiIcon:h,customTrailingIcon:l,CustomStyledChip:b=k.StyledChip})=>{const d=n==="positive"?o.COLORS.content.positive:n==="negative"?o.COLORS.content.negative:o.COLORS.content.warning,y=r&&r<0?N.default:w.default,f=n==="positive"?D.default:n==="neutral"?C.default:x.default,m=r&&r<0?o.COLORS.content.negative:r&&r>0?o.COLORS.content.positive:o.COLORS.content.placeholder;return e.jsxDEV(b,{type:n,children:[e.jsxDEV(s.BodyCaption,{color:d,children:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:46,columnNumber:4},void 0),e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsxDEV(s.TitleMedium,{color:p?o.COLORS.content.primary:d,children:u?new Intl.NumberFormat("en-IN",{}).format(i):i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:48,columnNumber:5},void 0),l||(h?e.jsxDEV(f,{width:22,height:22},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:54,columnNumber:6},void 0):null)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:47,columnNumber:4},void 0),e.jsxDEV("div",{style:{display:"flex",gap:4},children:[t&&a?e.jsxDEV(y,{color:m,height:16,width:16,style:{marginRight:2}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:59,columnNumber:6},void 0):null,t&&a?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(s.BodyCaption,{color:m,children:[Math.abs(r||0),"%"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:68,columnNumber:7},void 0),e.jsxDEV(s.BodyCaption,{color:o.COLORS.content.placeholder,children:["vs last ",O(t,a)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:67,columnNumber:6},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:57,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx",lineNumber:45,columnNumber:3},void 0)},O=(n,c)=>{const i=n>1?"s":"";return`${n} ${c}${i}`};exports.Chip=v;
 //# sourceMappingURL=Chip.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyCaption, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../../../assets/icons/arrow_up.svg';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { StyledChip as DefaultStyledChip } from './ScoreBlock.styled';\nimport { ChipProps, DurationUnit } from './types';\n\nexport const Chip: React.FC<ChipProps> = ({\n\ttype,\n\ttext,\n\tvalue,\n\tformatVal,\n\tprogress,\n\tdurationValue,\n\tdurationUnit,\n\tplainText,\n\tshowEmojiIcon,\n\tcustomTrailingIcon,\n\tCustomStyledChip = DefaultStyledChip,\n}) => {\n\tconst color =\n\t\ttype === 'positive'\n\t\t\t? COLORS.content.positive\n\t\t\t: type === 'negative'\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.warning;\n\tconst TrendIcon = progress && progress < 0 ? DownArrowIcon : UpArrowIcon;\n\tconst EmojiIcon =\n\t\ttype === 'positive'\n\t\t\t? SmileIcon\n\t\t\t: type === 'neutral'\n\t\t\t? ExpressionlessIcon\n\t\t\t: SadIcon;\n\tconst trendIconColor =\n\t\tprogress && progress < 0\n\t\t\t? COLORS.content.negative\n\t\t\t: progress && progress > 0\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.placeholder;\n\treturn (\n\t\t<CustomStyledChip type={type}>\n\t\t\t<BodyCaption color={color}>{text}</BodyCaption>\n\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t<TitleMedium color={plainText ? COLORS.content.primary : color}>\n\t\t\t\t\t{formatVal ? new Intl.NumberFormat('en-IN', {}).format(value) : value}\n\t\t\t\t</TitleMedium>\n\t\t\t\t{customTrailingIcon ? (\n\t\t\t\t\tcustomTrailingIcon\n\t\t\t\t) : showEmojiIcon ? (\n\t\t\t\t\t<EmojiIcon width={22} height={22} />\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t<div style={{ display: 'flex', gap: 4 }}>\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<TrendIcon\n\t\t\t\t\t\tcolor={trendIconColor}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\tstyle={{ marginRight: 2 }}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyCaption color={trendIconColor}>\n\t\t\t\t\t\t\t{Math.abs(progress || 0)}%\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\tvs last {formatDuration(durationValue, durationUnit)}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</CustomStyledChip>\n\t);\n};\n\nconst formatDuration = (value: number, unit: DurationUnit) => {\n\tconst plural = value > 1 ? 's' : '';\n\treturn `${value} ${unit}${plural}`;\n};\n"],"names":["Chip","type","text","value","formatVal","progress","durationValue","durationUnit","plainText","showEmojiIcon","customTrailingIcon","CustomStyledChip","DefaultStyledChip","color","COLORS","TrendIcon","DownArrowIcon","UpArrowIcon","EmojiIcon","SmileIcon","ExpressionlessIcon","SadIcon","trendIconColor","jsxDEV","BodyCaption","this","TitleMedium","Fragment","formatDuration","unit","plural"],"mappings":"mhBAWaA,EAA4B,CAAC,CACzC,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,iBAAAC,EAAmBC,EAAAA,UACpB,IAAM,CACL,MAAMC,EACLZ,IAAS,WACNa,EAAAA,OAAO,QAAQ,SACfb,IAAS,WACTa,EAAAA,OAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,QACbC,EAAYV,GAAYA,EAAW,EAAIW,EAAAA,QAAgBC,EAAAA,QACvDC,EACLjB,IAAS,WACNkB,EAAAA,QACAlB,IAAS,UACTmB,EAAAA,QACAC,EAAAA,QACEC,EACLjB,GAAYA,EAAW,EACpBS,EAAAA,OAAO,QAAQ,SACfT,GAAYA,EAAW,EACvBS,SAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,YACnB,OACCS,SAACZ,GAAiB,KAAAV,EACjB,SAAA,CAAAsB,EAAAA,OAACC,EAAAA,YAAA,CAAY,MAAAX,EAAe,SAAAX,CAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAuB,MAAiC,EACjCF,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,CAAA,EACzD,SAAA,CAAAA,SAACG,EAAAA,aAAY,MAAOlB,EAAYM,SAAO,QAAQ,QAAUD,EACvD,SAAAT,EAAY,IAAI,KAAK,aAAa,QAAS,CAAA,CAAE,EAAE,OAAOD,CAAK,EAAIA,CAAA,EADjE,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAsB,MAEA,EACCf,IAEGD,EACHc,EAAAA,OAACL,GAAU,MAAO,GAAI,OAAQ,IAA9B,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAkC,EAC/B,KAAA,CAAA,EARL,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EACAF,SAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,GAClC,SAAA,CAAAjB,GAAiBC,EACjBgB,EAAAA,OAACR,EAAA,CACA,MAAOO,EACP,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,YAAa,CAAA,CAAE,EAJzB,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EAMG,KACHnB,GAAiBC,EACjBgB,EAAAA,OAAAI,EAAAA,SAAA,CACC,SAAA,CAAAJ,EAAAA,OAACC,EAAAA,YAAA,CAAY,MAAOF,EAClB,SAAA,CAAA,KAAK,IAAIjB,GAAY,CAAC,EAAE,GAAA,CAAA,EAD1B,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAEA,EACAF,EAAAA,OAACC,EAAAA,YAAA,CAAY,MAAOV,EAAAA,OAAO,QAAQ,YAAa,SAAA,CAAA,WACtCc,EAAetB,EAAeC,CAAY,CAAA,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAEA,CAAA,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EACG,IAAA,CAAA,EAlBL,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,CAAA,EA/BD,OAAA,GAAA,CAAA,SAAA,4JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgCA,CAEF,EAEMG,EAAiB,CAACzB,EAAe0B,IAAuB,CAC7D,MAAMC,EAAS3B,EAAQ,EAAI,IAAM,GACjC,MAAO,GAAGA,CAAK,IAAI0B,CAAI,GAAGC,CAAM,EACjC"}
+{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyCaption, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../../../assets/icons/arrow_up.svg';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { StyledChip as DefaultStyledChip } from './ScoreBlock.styled';\nimport { ChipProps, DurationUnit } from './types';\n\nexport const Chip: React.FC<ChipProps> = ({\n\ttype,\n\ttext,\n\tvalue,\n\tformatVal,\n\tprogress,\n\tdurationValue,\n\tdurationUnit,\n\tplainText,\n\tshowEmojiIcon,\n\tcustomTrailingIcon,\n\tCustomStyledChip = DefaultStyledChip,\n}) => {\n\tconst color =\n\t\ttype === 'positive'\n\t\t\t? COLORS.content.positive\n\t\t\t: type === 'negative'\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.warning;\n\tconst TrendIcon = progress && progress < 0 ? DownArrowIcon : UpArrowIcon;\n\tconst EmojiIcon =\n\t\ttype === 'positive'\n\t\t\t? SmileIcon\n\t\t\t: type === 'neutral'\n\t\t\t? ExpressionlessIcon\n\t\t\t: SadIcon;\n\tconst trendIconColor =\n\t\tprogress && progress < 0\n\t\t\t? COLORS.content.negative\n\t\t\t: progress && progress > 0\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.placeholder;\n\treturn (\n\t\t<CustomStyledChip type={type}>\n\t\t\t<BodyCaption color={color}>{text}</BodyCaption>\n\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t<TitleMedium color={plainText ? COLORS.content.primary : color}>\n\t\t\t\t\t{formatVal ? new Intl.NumberFormat('en-IN', {}).format(value) : value}\n\t\t\t\t</TitleMedium>\n\t\t\t\t{customTrailingIcon ? (\n\t\t\t\t\tcustomTrailingIcon\n\t\t\t\t) : showEmojiIcon ? (\n\t\t\t\t\t<EmojiIcon width={22} height={22} />\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t<div style={{ display: 'flex', gap: 4 }}>\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<TrendIcon\n\t\t\t\t\t\tcolor={trendIconColor}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\tstyle={{ marginRight: 2 }}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyCaption color={trendIconColor}>\n\t\t\t\t\t\t\t{Math.abs(progress || 0)}%\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\tvs last {formatDuration(durationValue, durationUnit)}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</CustomStyledChip>\n\t);\n};\n\nconst formatDuration = (value: number, unit: DurationUnit) => {\n\tconst plural = value > 1 ? 's' : '';\n\treturn `${value} ${unit}${plural}`;\n};\n"],"names":["Chip","type","text","value","formatVal","progress","durationValue","durationUnit","plainText","showEmojiIcon","customTrailingIcon","CustomStyledChip","DefaultStyledChip","color","COLORS","TrendIcon","DownArrowIcon","UpArrowIcon","EmojiIcon","SmileIcon","ExpressionlessIcon","SadIcon","trendIconColor","jsxDEV","BodyCaption","this","TitleMedium","Fragment","formatDuration","unit","plural"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),m=require("../utils/calcPercentage.js"),p=require("./ScoreBlock.styled.js"),b=({showPercentage:t,positive:c,negative:l,neutral:d})=>{const[n,r,i]=m.calculatePercentage(c,d,l),a={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxDEV("div",{children:[e.jsxDEV(p.StyledBarContainer,{children:[e.jsxDEV("div",{style:{...a,width:`${n}%`,backgroundColor:o.COLORS.background.positive.vibrant}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:31,columnNumber:5},void 0),e.jsxDEV("div",{style:{...a,width:`${r}%`,backgroundColor:o.COLORS.background.warning.vibrant}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:38,columnNumber:5},void 0),e.jsxDEV("div",{style:{...a,width:`${i}%`,backgroundColor:o.COLORS.background.negative.vibrant}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:45,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:30,columnNumber:4},void 0),t&&e.jsxDEV("div",{style:{display:"flex",width:"100%"},children:e.jsxDEV("div",{style:{display:"flex",width:"100%",marginTop:8},children:n===0&&r===0&&i===0?e.jsxDEV("div",{style:{width:"100%",textAlign:"left"},children:e.jsxDEV(s.BodyTiny,{color:o.COLORS.content.placeholder,children:"0%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:60,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:59,columnNumber:8},void 0):e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{width:`${n}%`,textAlign:"center"},children:e.jsxDEV(s.BodyTiny,{color:o.COLORS.content.placeholder,children:n>0&&`${Math.round(n)}%`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:67,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:64,columnNumber:9},void 0),e.jsxDEV("div",{style:{width:`${r}%`,textAlign:"center"},children:e.jsxDEV(s.BodyTiny,{color:o.COLORS.content.placeholder,children:r>0&&`${Math.round(r)}%`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:72,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:71,columnNumber:9},void 0),e.jsxDEV("div",{style:{width:`${i}%`,textAlign:"center"},children:e.jsxDEV(s.BodyTiny,{color:o.COLORS.content.placeholder,children:i>0&&`${Math.round(i)}%`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:79,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:76,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:63,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:55,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:54,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:29,columnNumber:3},void 0)};exports.HorinzontalBar=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),s=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),m=require("../utils/calcPercentage.js"),u=require("./ScoreBlock.styled.js"),p=({showPercentage:l,positive:c,negative:d,neutral:t})=>{const[e,r,i]=m.calculatePercentage(c,t,d),a={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return o.jsxDEV("div",{children:[o.jsxDEV(u.StyledBarContainer,{children:[o.jsxDEV("div",{style:{...a,width:`${e}%`,backgroundColor:n.COLORS.background.positive.vibrant}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:31,columnNumber:5},void 0),o.jsxDEV("div",{style:{...a,width:`${r}%`,backgroundColor:n.COLORS.background.warning.vibrant}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:38,columnNumber:5},void 0),o.jsxDEV("div",{style:{...a,width:`${i}%`,backgroundColor:n.COLORS.background.negative.vibrant}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:45,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:30,columnNumber:4},void 0),l&&o.jsxDEV("div",{style:{display:"flex",width:"100%"},children:o.jsxDEV("div",{style:{display:"flex",width:"100%",marginTop:8},children:e===0&&r===0&&i===0?o.jsxDEV("div",{style:{width:"100%",textAlign:"left"},children:o.jsxDEV(s.BodyTiny,{color:n.COLORS.content.placeholder,children:"0%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:60,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:59,columnNumber:8},void 0):o.jsxDEV(o.Fragment,{children:[o.jsxDEV("div",{style:{width:`${e}%`,textAlign:"center"},children:o.jsxDEV(s.BodyTiny,{color:n.COLORS.content.placeholder,children:e>0&&`${Math.round(e)}%`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:67,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:64,columnNumber:9},void 0),o.jsxDEV("div",{style:{width:`${r}%`,textAlign:"center"},children:o.jsxDEV(s.BodyTiny,{color:n.COLORS.content.placeholder,children:r>0&&`${Math.round(r)}%`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:72,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:71,columnNumber:9},void 0),o.jsxDEV("div",{style:{width:`${i}%`,textAlign:"center"},children:o.jsxDEV(s.BodyTiny,{color:n.COLORS.content.placeholder,children:i>0&&`${Math.round(i)}%`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:79,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:76,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:63,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:55,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:54,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx",lineNumber:29,columnNumber:3},void 0)};exports.HorinzontalBar=p;
 //# sourceMappingURL=HorizontalBar.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { calculatePercentage } from '../utils/calcPercentage';\nimport { StyledBarContainer } from './ScoreBlock.styled';\nimport { HorizontalBarProps } from './types';\n\nexport const HorinzontalBar: React.FC<HorizontalBarProps> = ({\n\tshowPercentage,\n\tpositive,\n\tnegative,\n\tneutral,\n}) => {\n\tconst [positiveWidth, neutralWidth, negativeWidth] = calculatePercentage(\n\t\tpositive,\n\t\tneutral,\n\t\tnegative,\n\t);\n\tconst barStyle = {\n\t\theight: '100%',\n\t\tposition: 'relative' as const,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\toverflow: 'hidden',\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<StyledBarContainer>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${positiveWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.positive.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${neutralWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.warning.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${negativeWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t</StyledBarContainer>\n\t\t\t{showPercentage && (\n\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%', marginTop: 8 }}>\n\t\t\t\t\t\t{positiveWidth === 0 &&\n\t\t\t\t\t\tneutralWidth === 0 &&\n\t\t\t\t\t\tnegativeWidth === 0 ? (\n\t\t\t\t\t\t\t<div style={{ width: '100%', textAlign: 'left' }}>\n\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>0%</BodyTiny>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${positiveWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{positiveWidth > 0 && `${Math.round(positiveWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ width: `${neutralWidth}%`, textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{neutralWidth > 0 && `${Math.round(neutralWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${negativeWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{negativeWidth > 0 && `${Math.round(negativeWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["HorinzontalBar","showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","jsxDEV","StyledBarContainer","COLORS","this","BodyTiny","Fragment"],"mappings":"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"}
+{"version":3,"file":"HorizontalBar.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { calculatePercentage } from '../utils/calcPercentage';\nimport { StyledBarContainer } from './ScoreBlock.styled';\nimport { HorizontalBarProps } from './types';\n\nexport const HorinzontalBar: React.FC<HorizontalBarProps> = ({\n\tshowPercentage,\n\tpositive,\n\tnegative,\n\tneutral,\n}) => {\n\tconst [positiveWidth, neutralWidth, negativeWidth] = calculatePercentage(\n\t\tpositive,\n\t\tneutral,\n\t\tnegative,\n\t);\n\tconst barStyle = {\n\t\theight: '100%',\n\t\tposition: 'relative' as const,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\toverflow: 'hidden',\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<StyledBarContainer>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${positiveWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.positive.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${neutralWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.warning.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${negativeWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t</StyledBarContainer>\n\t\t\t{showPercentage && (\n\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%', marginTop: 8 }}>\n\t\t\t\t\t\t{positiveWidth === 0 &&\n\t\t\t\t\t\tneutralWidth === 0 &&\n\t\t\t\t\t\tnegativeWidth === 0 ? (\n\t\t\t\t\t\t\t<div style={{ width: '100%', textAlign: 'left' }}>\n\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>0%</BodyTiny>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${positiveWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{positiveWidth > 0 && `${Math.round(positiveWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ width: `${neutralWidth}%`, textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{neutralWidth > 0 && `${Math.round(neutralWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${negativeWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{negativeWidth > 0 && `${Math.round(negativeWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["HorinzontalBar","showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","jsxDEV","StyledBarContainer","COLORS","this","BodyTiny","Fragment"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime");require("react-bootstrap");const m=require("../../../../assets/icons/expressionless_emoji.svg.js"),b=require("../../../../assets/icons/sad_emoji.svg.js"),p=require("../../../../assets/icons/smiley_emoji.svg.js"),l=require("./Chip.js"),k=require("./HorizontalBar.js"),d=require("./ScoreBlock.styled.js"),y=require("../../../half-doughnut-chart/HalfDoughnutChart.js"),c={positive:"#5F9C58",neutral:"#F8C347",negative:"#C85151"},f=({type:r,customTrailingIcon:n,showEmojiIcon:t,plainText:i,showPercentage:u,separator:v,CustomStyledChip:a,chipValues:e,formatVal:s})=>r==="doughnut"?o.jsxDEV(y.HalfDoughnutChart,{segments:[{label:e.positive.text,value:e.positive.val,description:e.positive.description,tooltipLabel:e.positive.tooltipLabel,color:c.positive,emojiIcon:p.default},{label:e.neutral.text,value:e.neutral.val,description:e.neutral.description,tooltipLabel:e.neutral.tooltipLabel,color:c.neutral,emojiIcon:m.default},{label:e.negative.text,value:e.negative.val,description:e.negative.description,tooltipLabel:e.negative.tooltipLabel,color:c.negative,emojiIcon:b.default}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:33,columnNumber:4},void 0):r==="chip"||!r?o.jsxDEV(d.Container,{separator:v,children:[o.jsxDEV(d.Row,{style:{marginTop:8,gap:16},children:[o.jsxDEV(l.Chip,{formatVal:s,type:"positive",text:e.positive.text,value:e.positive.val,durationValue:e.positive.durationValue,durationUnit:e.positive.durationUnit,progress:e.positive.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:68,columnNumber:6},void 0),o.jsxDEV(l.Chip,{formatVal:s,type:"neutral",text:e.neutral.text,value:e.neutral.val,durationValue:e.neutral.durationValue,durationUnit:e.neutral.durationUnit,progress:e.neutral.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:81,columnNumber:6},void 0),o.jsxDEV(l.Chip,{formatVal:s,type:"negative",text:e.negative.text,value:e.negative.val,durationValue:e.negative.durationValue,durationUnit:e.negative.durationUnit,progress:e.negative.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:94,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:67,columnNumber:5},void 0),o.jsxDEV("div",{style:{marginTop:24,width:"100%"},children:o.jsxDEV(k.HorinzontalBar,{showPercentage:u,positive:e.positive.val,neutral:e.neutral.val,negative:e.negative.val},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:109,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:108,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:66,columnNumber:4},void 0):null;exports.ScoreBlock=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime");require("react-bootstrap");const m=require("../../../../assets/icons/expressionless_emoji.svg.js"),b=require("../../../../assets/icons/sad_emoji.svg.js"),p=require("../../../../assets/icons/smiley_emoji.svg.js"),l=require("./Chip.js"),y=require("./HorizontalBar.js"),c=require("./ScoreBlock.styled.js"),f=require("../../../half-doughnut-chart/HalfDoughnutChart.js"),d={positive:"#5F9C58",neutral:"#F8C347",negative:"#C85151"},g=({type:n,customTrailingIcon:r,showEmojiIcon:t,plainText:i,showPercentage:u,separator:v,CustomStyledChip:a,chipValues:e,formatVal:s})=>n==="doughnut"?o.jsxDEV(f.HalfDoughnutChart,{segments:[{label:e.positive.text,value:e.positive.val,description:e.positive.description,tooltipLabel:e.positive.tooltipLabel,color:d.positive,emojiIcon:p.default},{label:e.neutral.text,value:e.neutral.val,description:e.neutral.description,tooltipLabel:e.neutral.tooltipLabel,color:d.neutral,emojiIcon:m.default},{label:e.negative.text,value:e.negative.val,description:e.negative.description,tooltipLabel:e.negative.tooltipLabel,color:d.negative,emojiIcon:b.default}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:33,columnNumber:4},void 0):n==="chip"||!n?o.jsxDEV(c.Container,{separator:v,children:[o.jsxDEV(c.Row,{style:{marginTop:8,gap:16},children:[o.jsxDEV(l.Chip,{formatVal:s,type:"positive",text:e.positive.text,value:e.positive.val,durationValue:e.positive.durationValue,durationUnit:e.positive.durationUnit,progress:e.positive.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:68,columnNumber:6},void 0),o.jsxDEV(l.Chip,{formatVal:s,type:"neutral",text:e.neutral.text,value:e.neutral.val,durationValue:e.neutral.durationValue,durationUnit:e.neutral.durationUnit,progress:e.neutral.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:81,columnNumber:6},void 0),o.jsxDEV(l.Chip,{formatVal:s,type:"negative",text:e.negative.text,value:e.negative.val,durationValue:e.negative.durationValue,durationUnit:e.negative.durationUnit,progress:e.negative.progress,plainText:i,showEmojiIcon:t,CustomStyledChip:a,customTrailingIcon:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:94,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:67,columnNumber:5},void 0),o.jsxDEV("div",{style:{marginTop:24,width:"100%"},children:o.jsxDEV(y.HorinzontalBar,{showPercentage:u,positive:e.positive.val,neutral:e.neutral.val,negative:e.negative.val},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:109,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:108,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx",lineNumber:66,columnNumber:4},void 0):null;exports.ScoreBlock=g;
 //# sourceMappingURL=ScoreBlock.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScoreBlock.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { HalfDoughnutChart } from '../../../half-doughnut-chart';\nimport { Chip } from './Chip';\nimport { HorinzontalBar } from './HorizontalBar';\nimport { Container, Row } from './ScoreBlock.styled';\nimport { ScoreBlockProps } from './types';\n\n// Fixed default colours for the doughnut variant\nconst DEFAULT_DOUGHNUT_COLORS = {\n\tpositive: '#5F9C58',\n\tneutral: '#F8C347',\n\tnegative: '#C85151',\n} as const;\n\n// Reusable group for chips and horizontal bar\nexport const ScoreBlock: React.FC<ScoreBlockProps> = ({\n\ttype,\n\tcustomTrailingIcon,\n\tshowEmojiIcon,\n\tplainText,\n\tshowPercentage,\n\tseparator,\n\tCustomStyledChip,\n\tchipValues,\n\tformatVal,\n}) => {\n\tif (type === 'doughnut') {\n\t\treturn (\n\t\t\t<HalfDoughnutChart\n\t\t\t\tsegments={[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.positive.text,\n\t\t\t\t\t\tvalue: chipValues.positive.val,\n\t\t\t\t\t\tdescription: chipValues.positive.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.positive.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.positive,\n\t\t\t\t\t\temojiIcon: SmileIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.neutral.text,\n\t\t\t\t\t\tvalue: chipValues.neutral.val,\n\t\t\t\t\t\tdescription: chipValues.neutral.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.neutral.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.neutral,\n\t\t\t\t\t\temojiIcon: ExpressionlessIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.negative.text,\n\t\t\t\t\t\tvalue: chipValues.negative.val,\n\t\t\t\t\t\tdescription: chipValues.negative.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.negative.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.negative,\n\t\t\t\t\t\temojiIcon: SadIcon,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (type === 'chip' || !type) {\n\t\treturn (\n\t\t\t<Container separator={separator}>\n\t\t\t\t<Row style={{ marginTop: 8, gap: 16 }}>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\ttext={chipValues.positive.text}\n\t\t\t\t\t\tvalue={chipValues.positive.val}\n\t\t\t\t\t\tdurationValue={chipValues.positive.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.positive.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.positive.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttext={chipValues.neutral.text}\n\t\t\t\t\t\tvalue={chipValues.neutral.val}\n\t\t\t\t\t\tdurationValue={chipValues.neutral.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.neutral.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.neutral.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t\ttext={chipValues.negative.text}\n\t\t\t\t\t\tvalue={chipValues.negative.val}\n\t\t\t\t\t\tdurationValue={chipValues.negative.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.negative.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.negative.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t</Row>\n\t\t\t\t<div style={{ marginTop: 24, width: '100%' }}>\n\t\t\t\t\t<HorinzontalBar\n\t\t\t\t\t\tshowPercentage={showPercentage}\n\t\t\t\t\t\tpositive={chipValues.positive.val}\n\t\t\t\t\t\tneutral={chipValues.neutral.val}\n\t\t\t\t\t\tnegative={chipValues.negative.val}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn null;\n};\n"],"names":["DEFAULT_DOUGHNUT_COLORS","ScoreBlock","type","customTrailingIcon","showEmojiIcon","plainText","showPercentage","separator","CustomStyledChip","chipValues","formatVal","jsxDEV","HalfDoughnutChart","SmileIcon","ExpressionlessIcon","SadIcon","this","Container","Row","Chip","HorinzontalBar"],"mappings":"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"}
+{"version":3,"file":"ScoreBlock.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { HalfDoughnutChart } from '../../../half-doughnut-chart';\nimport { Chip } from './Chip';\nimport { HorinzontalBar } from './HorizontalBar';\nimport { Container, Row } from './ScoreBlock.styled';\nimport { ScoreBlockProps } from './types';\n\n// Fixed default colours for the doughnut variant\nconst DEFAULT_DOUGHNUT_COLORS = {\n\tpositive: '#5F9C58',\n\tneutral: '#F8C347',\n\tnegative: '#C85151',\n} as const;\n\n// Reusable group for chips and horizontal bar\nexport const ScoreBlock: React.FC<ScoreBlockProps> = ({\n\ttype,\n\tcustomTrailingIcon,\n\tshowEmojiIcon,\n\tplainText,\n\tshowPercentage,\n\tseparator,\n\tCustomStyledChip,\n\tchipValues,\n\tformatVal,\n}) => {\n\tif (type === 'doughnut') {\n\t\treturn (\n\t\t\t<HalfDoughnutChart\n\t\t\t\tsegments={[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.positive.text,\n\t\t\t\t\t\tvalue: chipValues.positive.val,\n\t\t\t\t\t\tdescription: chipValues.positive.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.positive.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.positive,\n\t\t\t\t\t\temojiIcon: SmileIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.neutral.text,\n\t\t\t\t\t\tvalue: chipValues.neutral.val,\n\t\t\t\t\t\tdescription: chipValues.neutral.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.neutral.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.neutral,\n\t\t\t\t\t\temojiIcon: ExpressionlessIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.negative.text,\n\t\t\t\t\t\tvalue: chipValues.negative.val,\n\t\t\t\t\t\tdescription: chipValues.negative.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.negative.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.negative,\n\t\t\t\t\t\temojiIcon: SadIcon,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (type === 'chip' || !type) {\n\t\treturn (\n\t\t\t<Container separator={separator}>\n\t\t\t\t<Row style={{ marginTop: 8, gap: 16 }}>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\ttext={chipValues.positive.text}\n\t\t\t\t\t\tvalue={chipValues.positive.val}\n\t\t\t\t\t\tdurationValue={chipValues.positive.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.positive.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.positive.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttext={chipValues.neutral.text}\n\t\t\t\t\t\tvalue={chipValues.neutral.val}\n\t\t\t\t\t\tdurationValue={chipValues.neutral.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.neutral.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.neutral.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t\ttext={chipValues.negative.text}\n\t\t\t\t\t\tvalue={chipValues.negative.val}\n\t\t\t\t\t\tdurationValue={chipValues.negative.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.negative.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.negative.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t</Row>\n\t\t\t\t<div style={{ marginTop: 24, width: '100%' }}>\n\t\t\t\t\t<HorinzontalBar\n\t\t\t\t\t\tshowPercentage={showPercentage}\n\t\t\t\t\t\tpositive={chipValues.positive.val}\n\t\t\t\t\t\tneutral={chipValues.neutral.val}\n\t\t\t\t\t\tnegative={chipValues.negative.val}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn null;\n};\n"],"names":["DEFAULT_DOUGHNUT_COLORS","ScoreBlock","type","customTrailingIcon","showEmojiIcon","plainText","showPercentage","separator","CustomStyledChip","chipValues","formatVal","jsxDEV","HalfDoughnutChart","SmileIcon","ExpressionlessIcon","SadIcon","this","Container","Row","Chip","HorinzontalBar"],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),N=require("react"),u=require("./Avatar.styled.js"),r=require("./AvatarHelper.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),x=require("../../assets/icons/bik_livechat.svg.js"),b=require("../../assets/icons/email-channel.svg.js"),c=require("../../assets/icons/facebook_channel.svg.js"),D=require("../../assets/icons/gmail.svg.js"),g=require("../../assets/icons/instagram-channel.svg.js"),p=require("../../assets/icons/task.svg.js"),I=require("../../assets/icons/whatsapp_color.svg.js"),O=require("../../icons/Informational/Communication/Phone.js"),n={[r.SIZE.SMALL]:16,[r.SIZE.MEDIUM]:20,[r.SIZE.INBOX]:24,[r.SIZE.LARGE]:32},i={[r.AVATAR_BACKGROUND.LIGHT]:t.COLORS.content.secondary,[r.AVATAR_BACKGROUND.WHITE]:t.COLORS.content.secondary,[r.AVATAR_BACKGROUND.DARK]:t.COLORS.surface.standard};var d=(e=>(e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat",e.VOICE="voice",e))(d||{});const R=e=>{const[s,v]=N.useState(!1),m=()=>{const o=(e.name||"").split(".").join(" ").split(" ").map(A=>A.charAt(0).toUpperCase()).slice(0,2).join("");if(e.size===r.SIZE.SMALL)return a.jsxDEV(l.BodyTiny,{style:{color:i[e.background]},children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:88,columnNumber:5},void 0);if(e.size===r.SIZE.MEDIUM||e.size===r.SIZE.INBOX)return a.jsxDEV(l.TitleSmall,{style:{color:i[e.background]},children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:96,columnNumber:5},void 0);if(e.size===r.SIZE.LARGE)return a.jsxDEV(l.TitleMedium,{style:{color:i[e.background]},children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:104,columnNumber:5},void 0)},h=()=>e.useNameFallback&&(!e.photoUrl||s)&&e.name?a.jsxDEV("div",{children:m()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:115,columnNumber:11},void 0):e.useNameFallback&&e.photoUrl&&!s?a.jsxDEV("img",{alt:"",width:r.AVATAR_SIZE_MAP[e.size],height:r.AVATAR_SIZE_MAP[e.size],style:{borderRadius:e?.borderRadius||"50%",objectFit:"contain"},src:e.photoUrl,onError:()=>{v(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:119,columnNumber:5},void 0):a.jsxDEV("img",{alt:"",width:r.AVATAR_SIZE_MAP[e.size],height:r.AVATAR_SIZE_MAP[e.size],style:{borderRadius:e?.borderRadius||"50%",objectFit:"contain"},src:e.photoUrl},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:136,columnNumber:4},void 0),k=()=>{switch(e.channelName){case"email":return a.jsxDEV(b.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:152,columnNumber:12},void 0);case"smtp":return a.jsxDEV(b.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:154,columnNumber:12},void 0);case"facebook":return a.jsxDEV(c.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:156,columnNumber:12},void 0);case"facebook-catalog":return a.jsxDEV(c.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:158,columnNumber:12},void 0);case"messenger":return a.jsxDEV(c.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:160,columnNumber:12},void 0);case"instagram":return a.jsxDEV(g.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:162,columnNumber:12},void 0);case"whatsapp":return a.jsxDEV(I.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:164,columnNumber:12},void 0);case"gmail":return a.jsxDEV(D.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:166,columnNumber:12},void 0);case"tasks":return a.jsxDEV(p.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:168,columnNumber:12},void 0);case"livechat":return a.jsxDEV(x.default,{width:11,height:11},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:170,columnNumber:12},void 0);case"voice":return a.jsxDEV(u.PhoneIconWrapper,{children:a.jsxDEV(O.default,{width:8,height:8,color:t.COLORS.content.secondaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:174,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:173,columnNumber:6},void 0)}},f=()=>e.status?a.jsxDEV("div",{style:{backgroundColor:e.status==="ONLINE"?t.COLORS.special.whatsapp.brand:t.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:186,columnNumber:4},void 0):null,y=()=>e.type===r.AVATAR_TYPES.IMAGE&&(s||!e.photoUrl)&&e.useNameFallback&&e.name?r.AVATAR_TYPES.INITIALS:e.type;return a.jsxDEV("div",{style:{position:"relative"},children:[a.jsxDEV(u.AvatarStyle,{type:y(),size:e.size,background:e.background,children:[e.type===r.AVATAR_TYPES.IMAGE&&h(),e.type===r.AVATAR_TYPES.INITIALS&&a.jsxDEV("div",{children:m()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:225,columnNumber:46},void 0),e.type===r.AVATAR_TYPES.ICON&&e.icon&&a.jsxDEV(e.icon,{width:n[e.size],height:n[e.size],color:i[e.background]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:227,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:219,columnNumber:4},void 0),e.inboxSettings&&a.jsxDEV("div",{style:{position:"absolute",left:n[e.size]+"px",top:n[e.size]+"px",width:14,height:14,borderRadius:e?.borderRadius||"50%",display:"flex",justifyContent:"center",backgroundColor:e.inboxSettings.isSelected?e.inboxSettings.isComments?t.COLORS.content.primary:t.COLORS.background.brandLight:e.inboxSettings.isComments?t.COLORS.content.primary:t.COLORS.surface.standard,alignItems:"center"},children:k()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:235,columnNumber:5},void 0),e.status&&a.jsxDEV("div",{style:{position:"absolute",left:n[e.size]+"px",top:n[e.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:t.COLORS.surface.standard,alignItems:"center"},children:f()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:259,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:214,columnNumber:3},void 0)};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=n;exports.Avatar=R;exports.BACKGROUND_VS_TEXT_COLOR_MAP=i;exports.MESSAGE_CHANNELS=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),N=require("react"),x=require("./Avatar.styled.js"),n=require("./AvatarHelper.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),g=require("../../assets/icons/bik_livechat.svg.js"),m=require("../../assets/icons/email-channel.svg.js"),d=require("../../assets/icons/facebook_channel.svg.js"),D=require("../../assets/icons/gmail.svg.js"),I=require("../../assets/icons/instagram-channel.svg.js"),k=require("../../assets/icons/task.svg.js"),R=require("../../assets/icons/whatsapp_color.svg.js"),r={[n.SIZE.SMALL]:16,[n.SIZE.MEDIUM]:20,[n.SIZE.INBOX]:24,[n.SIZE.LARGE]:32},i={[n.AVATAR_BACKGROUND.LIGHT]:t.COLORS.content.secondary,[n.AVATAR_BACKGROUND.WHITE]:t.COLORS.content.secondary,[n.AVATAR_BACKGROUND.DARK]:t.COLORS.surface.standard};var u=(e=>(e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat",e))(u||{});const O=e=>{const[o,b]=N.useState(!1),c=()=>{const s=(e.name||"").split(".").join(" ").split(" ").map(y=>y.charAt(0).toUpperCase()).slice(0,2).join("");if(e.size===n.SIZE.SMALL)return a.jsxDEV(l.BodyTiny,{style:{color:i[e.background]},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:83,columnNumber:5},void 0);if(e.size===n.SIZE.MEDIUM||e.size===n.SIZE.INBOX)return a.jsxDEV(l.TitleSmall,{style:{color:i[e.background]},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:91,columnNumber:5},void 0);if(e.size===n.SIZE.LARGE)return a.jsxDEV(l.TitleMedium,{style:{color:i[e.background]},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:99,columnNumber:5},void 0)},f=()=>e.useNameFallback&&(!e.photoUrl||o)&&e.name?a.jsxDEV("div",{children:c()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:110,columnNumber:11},void 0):e.useNameFallback&&e.photoUrl&&!o?a.jsxDEV("img",{alt:"",width:n.AVATAR_SIZE_MAP[e.size],height:n.AVATAR_SIZE_MAP[e.size],style:{borderRadius:e?.borderRadius||"50%",objectFit:"contain"},src:e.photoUrl,onError:()=>{b(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:114,columnNumber:5},void 0):a.jsxDEV("img",{alt:"",width:n.AVATAR_SIZE_MAP[e.size],height:n.AVATAR_SIZE_MAP[e.size],style:{borderRadius:e?.borderRadius||"50%",objectFit:"contain"},src:e.photoUrl},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:131,columnNumber:4},void 0),v=()=>{switch(e.channelName){case"email":return a.jsxDEV(m.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:147,columnNumber:12},void 0);case"smtp":return a.jsxDEV(m.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:149,columnNumber:12},void 0);case"facebook":return a.jsxDEV(d.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:151,columnNumber:12},void 0);case"facebook-catalog":return a.jsxDEV(d.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:153,columnNumber:12},void 0);case"messenger":return a.jsxDEV(d.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:155,columnNumber:12},void 0);case"instagram":return a.jsxDEV(I.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:157,columnNumber:12},void 0);case"whatsapp":return a.jsxDEV(R.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:159,columnNumber:12},void 0);case"gmail":return a.jsxDEV(D.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:161,columnNumber:12},void 0);case"tasks":return a.jsxDEV(k.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:163,columnNumber:12},void 0);case"livechat":return a.jsxDEV(g.default,{width:11,height:11},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:165,columnNumber:12},void 0)}},A=()=>e.status?a.jsxDEV("div",{style:{backgroundColor:e.status==="ONLINE"?t.COLORS.special.whatsapp.brand:t.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:171,columnNumber:4},void 0):null,h=()=>e.type===n.AVATAR_TYPES.IMAGE&&(o||!e.photoUrl)&&e.useNameFallback&&e.name?n.AVATAR_TYPES.INITIALS:e.type;return a.jsxDEV("div",{style:{position:"relative"},children:[a.jsxDEV(x.AvatarStyle,{type:h(),size:e.size,background:e.background,children:[e.type===n.AVATAR_TYPES.IMAGE&&f(),e.type===n.AVATAR_TYPES.INITIALS&&a.jsxDEV("div",{children:c()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:210,columnNumber:46},void 0),e.type===n.AVATAR_TYPES.ICON&&e.icon&&a.jsxDEV(e.icon,{width:r[e.size],height:r[e.size],color:i[e.background]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:212,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:204,columnNumber:4},void 0),e.inboxSettings&&a.jsxDEV("div",{style:{position:"absolute",left:r[e.size]+"px",top:r[e.size]+"px",width:14,height:14,borderRadius:e?.borderRadius||"50%",display:"flex",justifyContent:"center",backgroundColor:e.inboxSettings.isSelected?e.inboxSettings.isComments?t.COLORS.content.primary:t.COLORS.background.brandLight:e.inboxSettings.isComments?t.COLORS.content.primary:t.COLORS.surface.standard,alignItems:"center"},children:v()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:220,columnNumber:5},void 0),e.status&&a.jsxDEV("div",{style:{position:"absolute",left:r[e.size]+"px",top:r[e.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:t.COLORS.surface.standard,alignItems:"center"},children:A()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:244,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/avatar/Avatar.tsx",lineNumber:199,columnNumber:3},void 0)};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=r;exports.Avatar=O;exports.BACKGROUND_VS_TEXT_COLOR_MAP=i;exports.MESSAGE_CHANNELS=u;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Phone as PhoneIcon } from '@src/icons';\nimport React, { useState } from 'react';\nimport {\n\tAvatarStyle,\n\tPhoneIconWrapper,\n} from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' | 'OFFLINE' | 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n\tVOICE = 'voice',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name || '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM || props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl || imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.VOICE:\n\t\t\t\treturn (\n\t\t\t\t\t<PhoneIconWrapper>\n\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\t\theight={8}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondaryInverse}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PhoneIconWrapper>\n\t\t\t\t);\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError || !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","COLORS","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","e","jsxDEV","BodyTiny","this","TitleSmall","TitleMedium","getImageBlock","AVATAR_SIZE_MAP","getChannelIcon","EmailIcon","FacebookIcon","InstagramIcon","WhatsappIcon","GmailIcon","TaskIcon","BikLivechatIcon","PhoneIconWrapper","PhoneIcon","getOnlineStatusIcon","getPropsType","AVATAR_TYPES","AvatarStyle"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' | 'OFFLINE' | 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name || '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM || props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl || imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError || !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","COLORS","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","e","jsxDEV","BodyTiny","this","TitleSmall","TitleMedium","getImageBlock","AVATAR_SIZE_MAP","getChannelIcon","EmailIcon","FacebookIcon","InstagramIcon","WhatsappIcon","GmailIcon","TaskIcon","BikLivechatIcon","getOnlineStatusIcon","getPropsType","AVATAR_TYPES","AvatarStyle"],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("./AvatarHelper.js"),r=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(a),d=n.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("styled-components"),t=require("./AvatarHelper.js"),r=require("../../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(A),o=n.default.div`
 	width: ${e=>t.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>t.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
@@ -7,13 +7,5 @@
 	background-color: ${e=>e.type===t.AVATAR_TYPES.IMAGE?"null":e.background===t.AVATAR_BACKGROUND.LIGHT?r.COLORS.background.base:e.background===t.AVATAR_BACKGROUND.WHITE?r.COLORS.surface.standard:r.COLORS.background.inverse};
 	border: ${e=>e.background===t.AVATAR_BACKGROUND.LIGHT||e.background===t.AVATAR_BACKGROUND.WHITE?"1px solid "+r.COLORS.stroke.primary:0};
 	border-radius: 50%;
-`,c=n.default.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 11px;
-	height: 11px;
-	border-radius: 4px;
-	background-color: ${r.COLORS.content.secondary};
-`;exports.AvatarStyle=d;exports.PhoneIconWrapper=c;
+`;exports.AvatarStyle=o;
 //# sourceMappingURL=Avatar.styled.js.map

package/dist/cjs/components/avatar/Avatar.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.background.inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT ||\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n\nexport const PhoneIconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 11px;\n\theight: 11px;\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.content.secondary};\n`;\n"],"names":["AvatarStyle","styled","props","AVATAR_SIZE_MAP","AVATAR_TYPES","AVATAR_BACKGROUND","COLORS","PhoneIconWrapper"],"mappings":"yPASaA,EAAcC,EAAAA,QAAO;AAAA,UAKvBC,GAAUC,EAAAA,gBAAgBD,EAAM,IAAI,EAAI,IAAI;AAAA,WAC3CA,GAAUC,EAAAA,gBAAgBD,EAAM,IAAI,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAIlCA,GACpBA,EAAM,OAASE,EAAAA,aAAa,MACzB,OACAF,EAAM,aAAeG,EAAAA,kBAAkB,MACvCC,EAAAA,OAAO,WAAW,KAClBJ,EAAM,aAAeG,EAAAA,kBAAkB,MACvCC,SAAO,QAAQ,SACfA,SAAO,WAAW,OAAO;AAAA,WAClBJ,GACVA,EAAM,aAAeG,EAAAA,kBAAkB,OACvCH,EAAM,aAAeG,EAAAA,kBAAkB,MACpC,aAAeC,EAAAA,OAAO,OAAO,QAC7B,CAAC;AAAA;AAAA,EAIOC,EAAmBN,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOlBK,EAAAA,OAAO,QAAQ,SAAS;AAAA"}
+{"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.background.inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT ||\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n"],"names":["AvatarStyle","styled","props","AVATAR_SIZE_MAP","AVATAR_TYPES","AVATAR_BACKGROUND","COLORS"],"mappings":"yPASaA,EAAcC,EAAAA,QAAO;AAAA,UAKvBC,GAAUC,EAAAA,gBAAgBD,EAAM,IAAI,EAAI,IAAI;AAAA,WAC3CA,GAAUC,EAAAA,gBAAgBD,EAAM,IAAI,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAIlCA,GACpBA,EAAM,OAASE,EAAAA,aAAa,MACzB,OACAF,EAAM,aAAeG,EAAAA,kBAAkB,MACvCC,EAAAA,OAAO,WAAW,KAClBJ,EAAM,aAAeG,EAAAA,kBAAkB,MACvCC,SAAO,QAAQ,SACfA,SAAO,WAAW,OAAO;AAAA,WAClBJ,GACVA,EAAM,aAAeG,EAAAA,kBAAkB,OACvCH,EAAM,aAAeG,EAAAA,kBAAkB,MACpC,aAAeC,EAAAA,OAAO,OAAO,QAC7B,CAAC;AAAA;AAAA"}

package/dist/cjs/components/banner/AdBanner.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),a=require("./BannerInline.js"),s=require("./BannerWithImage.js"),i=require("./CardBanner.js"),t=require("./CardBannerWithImage.js"),r=require("./model.js"),o=e=>{switch(e.bannerType){case r.BannerType.CARD_BANNER:return n.jsxDEV(i.default,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:11,columnNumber:11},void 0);case r.BannerType.CARD_BANNER_WITH_IMAGE:return n.jsxDEV(t.default,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:13,columnNumber:11},void 0);case r.BannerType.BANNER_INLINE:return n.jsxDEV(a.default,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:15,columnNumber:11},void 0);case r.BannerType.BANNER_WITH_IMAGE:return n.jsxDEV(s.default,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:17,columnNumber:11},void 0);default:return null}};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),a=require("./BannerInline.js"),o=require("./BannerWithImage.js"),s=require("./CardBanner.js"),i=require("./CardBannerWithImage.js"),r=require("./model.js"),t=e=>{switch(e.bannerType){case r.BannerType.CARD_BANNER:return n.jsxDEV(s.default,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:11,columnNumber:11},void 0);case r.BannerType.CARD_BANNER_WITH_IMAGE:return n.jsxDEV(i.default,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:13,columnNumber:11},void 0);case r.BannerType.BANNER_INLINE:return n.jsxDEV(a.default,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:15,columnNumber:11},void 0);case r.BannerType.BANNER_WITH_IMAGE:return n.jsxDEV(o.default,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/AdBanner.tsx",lineNumber:17,columnNumber:11},void 0);default:return null}};exports.default=t;
 //# sourceMappingURL=AdBanner.js.map

package/dist/cjs/components/banner/AdBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdBanner.js","sources":["../../../../src/components/banner/AdBanner.tsx"],"sourcesContent":["import React from 'react';\nimport BannerInline from './BannerInline';\nimport BannerWithImage from './BannerWithImage';\nimport CardBanner from './CardBanner';\nimport CardBannerWithImage from './CardBannerWithImage';\nimport { AdBannerProps, BannerType } from './model';\n\nconst AdBanner: React.FC<AdBannerProps> = (props) => {\n\tswitch (props.bannerType) {\n\t\tcase BannerType.CARD_BANNER:\n\t\t\treturn <CardBanner {...props} />;\n\t\tcase BannerType.CARD_BANNER_WITH_IMAGE:\n\t\t\treturn <CardBannerWithImage {...props} />;\n\t\tcase BannerType.BANNER_INLINE:\n\t\t\treturn <BannerInline {...props} />;\n\t\tcase BannerType.BANNER_WITH_IMAGE:\n\t\t\treturn <BannerWithImage {...props} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport default AdBanner;\n"],"names":["AdBanner","props","BannerType","jsxDEV","CardBanner","this","CardBannerWithImage","BannerInline","BannerWithImage"],"mappings":"iTAOMA,EAAqCC,GAAU,CACpD,OAAQA,EAAM,WAAA,CACb,KAAKC,EAAAA,WAAW,YACf,OAAOC,EAAAA,OAACC,EAAAA,QAAA,CAAY,GAAGH,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAuB,EAC/B,KAAKH,EAAAA,WAAW,uBACf,OAAOC,EAAAA,OAACG,EAAAA,QAAA,CAAqB,GAAGL,CAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAgC,EACxC,KAAKH,EAAAA,WAAW,cACf,OAAOC,EAAAA,OAACI,EAAAA,QAAA,CAAc,GAAGN,CAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAyB,EACjC,KAAKH,EAAAA,WAAW,kBACf,OAAOC,EAAAA,OAACK,EAAAA,QAAA,CAAiB,GAAGP,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAA4B,EACpC,QACC,OAAO,IAAA,CAEV"}
+{"version":3,"file":"AdBanner.js","sources":["../../../../src/components/banner/AdBanner.tsx"],"sourcesContent":["import React from 'react';\nimport BannerInline from './BannerInline';\nimport BannerWithImage from './BannerWithImage';\nimport CardBanner from './CardBanner';\nimport CardBannerWithImage from './CardBannerWithImage';\nimport { AdBannerProps, BannerType } from './model';\n\nconst AdBanner: React.FC<AdBannerProps> = (props) => {\n\tswitch (props.bannerType) {\n\t\tcase BannerType.CARD_BANNER:\n\t\t\treturn <CardBanner {...props} />;\n\t\tcase BannerType.CARD_BANNER_WITH_IMAGE:\n\t\t\treturn <CardBannerWithImage {...props} />;\n\t\tcase BannerType.BANNER_INLINE:\n\t\t\treturn <BannerInline {...props} />;\n\t\tcase BannerType.BANNER_WITH_IMAGE:\n\t\t\treturn <BannerWithImage {...props} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport default AdBanner;\n"],"names":["AdBanner","props","BannerType","jsxDEV","CardBanner","this","CardBannerWithImage","BannerInline","BannerWithImage"],"mappings":"iTAOMA,EAAqCC,GAAU,CACpD,OAAQA,EAAM,WAAA,CACb,KAAKC,EAAAA,WAAW,YACf,OAAOC,EAAAA,OAACC,EAAAA,QAAA,CAAY,GAAGH,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAuB,EAC/B,KAAKH,EAAAA,WAAW,uBACf,OAAOC,EAAAA,OAACG,EAAAA,QAAA,CAAqB,GAAGL,CAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAgC,EACxC,KAAKH,EAAAA,WAAW,cACf,OAAOC,EAAAA,OAACI,EAAAA,QAAA,CAAc,GAAGN,CAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAyB,EACjC,KAAKH,EAAAA,WAAW,kBACf,OAAOC,EAAAA,OAACK,EAAAA,QAAA,CAAiB,GAAGP,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAA4B,EACpC,QACC,OAAO,IAAA,CAEV"}

package/dist/cjs/components/banner/BannerInline.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),t=require("../TypographyStyle.js"),r=require("./Banner.styled.js"),s=require("../tag/Tag.js"),i=require("../button/Button.js");function l(e){return n.jsxDEV(r.BannerContainer,{style:e?.containerStyle,children:[n.jsxDEV(r.CompanyImageWrapper,{children:n.jsxDEV("img",{src:e.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:21,columnNumber:5},this)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:20,columnNumber:4},this),n.jsxDEV(r.MainContentWrapper,{children:[n.jsxDEV(r.TextWrapper,{children:[n.jsxDEV(t.TitleRegular,{children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:29,columnNumber:6},this),n.jsxDEV(t.BodyCaption,{children:e.subTitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:30,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:28,columnNumber:5},this),e?.tags&&e?.tags?.length>0&&n.jsxDEV(r.TagWrapper,{children:e?.tags?.map((a,o)=>n.jsxDEV(s.Tag,{tagText:a,variant:"circle",type:"purple",tagColor:"#212121"},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:35,columnNumber:8},this))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:33,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:27,columnNumber:4},this),n.jsxDEV(r.BottomButtonWrapper,{children:[n.jsxDEV(i.Button,{buttonText:e.buttonText,buttonType:e.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:e.onClick},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:47,columnNumber:5},this),e?.buttonSecondaryText&&e?.onClickSecondary&&n.jsxDEV(i.Button,{buttonText:e.buttonSecondaryText,buttonType:e.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:e.onClickSecondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:58,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:46,columnNumber:4},this)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:19,columnNumber:3},this)}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),r=require("../TypographyStyle.js"),o=require("./Banner.styled.js"),s=require("../tag/Tag.js"),a=require("../button/Button.js");function l(n){return e.jsxDEV(o.BannerContainer,{style:n?.containerStyle,children:[e.jsxDEV(o.CompanyImageWrapper,{children:e.jsxDEV("img",{src:n.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:21,columnNumber:5},this)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:20,columnNumber:4},this),e.jsxDEV(o.MainContentWrapper,{children:[e.jsxDEV(o.TextWrapper,{children:[e.jsxDEV(r.TitleRegular,{children:n.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:29,columnNumber:6},this),e.jsxDEV(r.BodyCaption,{children:n.subTitle},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:30,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:28,columnNumber:5},this),n?.tags&&n?.tags?.length>0&&e.jsxDEV(o.TagWrapper,{children:n?.tags?.map((t,i)=>e.jsxDEV(s.Tag,{tagText:t,variant:"circle",type:"purple",tagColor:"#212121"},i,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:35,columnNumber:8},this))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:33,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:27,columnNumber:4},this),e.jsxDEV(o.BottomButtonWrapper,{children:[e.jsxDEV(a.Button,{buttonText:n.buttonText,buttonType:n.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:n.onClick},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:47,columnNumber:5},this),n?.buttonSecondaryText&&n?.onClickSecondary&&e.jsxDEV(a.Button,{buttonText:n.buttonSecondaryText,buttonType:n.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:n.onClickSecondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:58,columnNumber:6},this)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:46,columnNumber:4},this)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/banner/BannerInline.tsx",lineNumber:19,columnNumber:3},this)}exports.default=l;
 //# sourceMappingURL=BannerInline.js.map

package/dist/cjs/components/banner/BannerInline.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerInline.js","sources":["../../../../src/components/banner/BannerInline.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { Tag } from '../tag';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport {\n\tBannerContainer,\n\tBottomButtonWrapper,\n\tCompanyImageWrapper,\n\tMainContentWrapper,\n\tTagWrapper,\n\tTextWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerInline component - An inline banner with company logo, title, subtitle, tags, and button\n */\nfunction BannerInline(props: AdBannerProps) {\n\treturn (\n\t\t<BannerContainer style={props?.containerStyle}>\n\t\t\t<CompanyImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CompanyImageWrapper>\n\t\t\t<MainContentWrapper>\n\t\t\t\t<TextWrapper>\n\t\t\t\t\t<TitleRegular>{props.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t</TextWrapper>\n\t\t\t\t{props?.tags && props?.tags?.length > 0 && (\n\t\t\t\t\t<TagWrapper>\n\t\t\t\t\t\t{props?.tags?.map((tag, index) => (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\ttagText={tag}\n\t\t\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\t\t\ttype=\"purple\"\n\t\t\t\t\t\t\t\ttagColor=\"#212121\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TagWrapper>\n\t\t\t\t)}\n\t\t\t</MainContentWrapper>\n\t\t\t<BottomButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</BottomButtonWrapper>\n\t\t</BannerContainer>\n\t);\n}\n\nexport default BannerInline;\n"],"names":["BannerInline","props","jsxDEV","BannerContainer","CompanyImageWrapper","MainContentWrapper","TextWrapper","TitleRegular","BodyCaption","TagWrapper","tag","index","Tag","BottomButtonWrapper","Button"],"mappings":"oRAgBA,SAASA,EAAaC,EAAsB,CAC3C,OACCC,EAAAA,OAACC,EAAAA,gBAAA,CAAgB,MAAOF,GAAO,eAC9B,SAAA,CAAAC,SAACE,EAAAA,oBAAA,CACA,SAAAF,EAAAA,OAAC,MAAA,CACA,IAAKD,EAAM,gBACX,IAAI,cACJ,MAAO,CAAE,YAAa,MAAA,CAAO,EAH9B,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAMA,WACCI,EAAAA,mBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CACA,SAAA,CAAAJ,EAAAA,OAACK,EAAAA,aAAA,CAAc,WAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAA2B,EAC3BL,EAAAA,OAACM,EAAAA,YAAA,CAAa,SAAAP,EAAM,QAAA,EAApB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAA6B,CAAA,CAAA,EAF9B,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAGA,EACCA,GAAO,MAAQA,GAAO,MAAM,OAAS,GACrCC,SAACO,EAAAA,WAAA,CACC,SAAAR,GAAO,MAAM,IAAI,CAACS,EAAKC,IACvBT,EAAAA,OAACU,EAAAA,IAAA,CAEA,QAASF,EACT,QAAQ,SACR,KAAK,SACL,SAAS,SAAA,EAJJC,EADN,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAOA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAUA,CAAA,CAAA,EAhBF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAkBA,WACCE,EAAAA,oBAAA,CACA,SAAA,CAAAX,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAYb,EAAM,WAClB,WAAYA,EAAM,YAAc,YAChC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,OAAA,EARhB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,EAUCA,GAAO,qBAAuBA,GAAO,kBACrCC,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAYb,EAAM,oBAClB,WAAYA,EAAM,qBAAuB,UACzC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,gBAAA,EARhB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CASA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAuBA,CAAA,CAAA,EAlDD,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAmDA,CAEF"}
+{"version":3,"file":"BannerInline.js","sources":["../../../../src/components/banner/BannerInline.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { Tag } from '../tag';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport {\n\tBannerContainer,\n\tBottomButtonWrapper,\n\tCompanyImageWrapper,\n\tMainContentWrapper,\n\tTagWrapper,\n\tTextWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerInline component - An inline banner with company logo, title, subtitle, tags, and button\n */\nfunction BannerInline(props: AdBannerProps) {\n\treturn (\n\t\t<BannerContainer style={props?.containerStyle}>\n\t\t\t<CompanyImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CompanyImageWrapper>\n\t\t\t<MainContentWrapper>\n\t\t\t\t<TextWrapper>\n\t\t\t\t\t<TitleRegular>{props.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t</TextWrapper>\n\t\t\t\t{props?.tags && props?.tags?.length > 0 && (\n\t\t\t\t\t<TagWrapper>\n\t\t\t\t\t\t{props?.tags?.map((tag, index) => (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\ttagText={tag}\n\t\t\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\t\t\ttype=\"purple\"\n\t\t\t\t\t\t\t\ttagColor=\"#212121\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TagWrapper>\n\t\t\t\t)}\n\t\t\t</MainContentWrapper>\n\t\t\t<BottomButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</BottomButtonWrapper>\n\t\t</BannerContainer>\n\t);\n}\n\nexport default BannerInline;\n"],"names":["BannerInline","props","jsxDEV","BannerContainer","CompanyImageWrapper","MainContentWrapper","TextWrapper","TitleRegular","BodyCaption","TagWrapper","tag","index","Tag","BottomButtonWrapper","Button"],"mappings":"oRAgBA,SAASA,EAAaC,EAAsB,CAC3C,OACCC,EAAAA,OAACC,EAAAA,gBAAA,CAAgB,MAAOF,GAAO,eAC9B,SAAA,CAAAC,SAACE,EAAAA,oBAAA,CACA,SAAAF,EAAAA,OAAC,MAAA,CACA,IAAKD,EAAM,gBACX,IAAI,cACJ,MAAO,CAAE,YAAa,MAAA,CAAO,EAH9B,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAMA,WACCI,EAAAA,mBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CACA,SAAA,CAAAJ,EAAAA,OAACK,EAAAA,aAAA,CAAc,WAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAA2B,EAC3BL,EAAAA,OAACM,EAAAA,YAAA,CAAa,SAAAP,EAAM,QAAA,EAApB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAA6B,CAAA,CAAA,EAF9B,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAGA,EACCA,GAAO,MAAQA,GAAO,MAAM,OAAS,GACrCC,SAACO,EAAAA,WAAA,CACC,SAAAR,GAAO,MAAM,IAAI,CAACS,EAAKC,IACvBT,EAAAA,OAACU,EAAAA,IAAA,CAEA,QAASF,EACT,QAAQ,SACR,KAAK,SACL,SAAS,SAAA,EAJJC,EADN,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAOA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAUA,CAAA,CAAA,EAhBF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAkBA,WACCE,EAAAA,oBAAA,CACA,SAAA,CAAAX,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAYb,EAAM,WAClB,WAAYA,EAAM,YAAc,YAChC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,OAAA,EARhB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,EAUCA,GAAO,qBAAuBA,GAAO,kBACrCC,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAYb,EAAM,oBAClB,WAAYA,EAAM,qBAAuB,UACzC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,gBAAA,EARhB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CASA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAuBA,CAAA,CAAA,EAlDD,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAmDA,CAEF"}