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

package/dist/cjs/components/card-selector/CardSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelector.js","sources":["../../../../src/components/card-selector/CardSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Spinner } from '../spinner/Spinner';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { Container, Loader } from './CardSelector.styled';\n\nexport type CardSelectorProps = {\n\tid: number;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttitle?: string;\n\tsubtitle?: string;\n\tselected: boolean;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\tdataTestId?: string;\n\ttooltip?: string;\n};\n\ntype CardSelectorInternalProps = CardSelectorProps & {\n\tonCardClick: (id: number) => void;\n};\n\nexport const CardSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.tooltip ? (\n\t\t\t\t<Tooltip title={props.tooltip}>\n\t\t\t\t\t<Container\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\talignItems:\n\t\t\t\t\t\t\t\tprops.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={props.selected}\n\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t\t</Container>\n\t\t\t\t</Tooltip>\n\t\t\t) : (\n\t\t\t\t<Container\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: props.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tselected={props.selected}\n\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t>\n\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.loading ? (\n\t\t\t\t<Loader>\n\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t</Loader>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{props?.icon && (\n\t\t\t\t\t\t<div style={{ width: 24, height: 24 }}>\n\t\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.placeholder\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div data-test={props?.dataTestId}>\n\t\t\t\t\t\t{props.title && (\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\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{props.title}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subtitle && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginTop: props.title ? 4 : 0,\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\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{props.subtitle}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["CardSelector","props","Tooltip","jsxDEV","Container","EachSelector","this","Fragment","Loader","Spinner","COLORS","TitleSmall","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"CardSelector.js","sources":["../../../../src/components/card-selector/CardSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Spinner } from '../spinner/Spinner';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { Container, Loader } from './CardSelector.styled';\n\nexport type CardSelectorProps = {\n\tid: number;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttitle?: string;\n\tsubtitle?: string;\n\tselected: boolean;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\tdataTestId?: string;\n\ttooltip?: string;\n};\n\ntype CardSelectorInternalProps = CardSelectorProps & {\n\tonCardClick: (id: number) => void;\n};\n\nexport const CardSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.tooltip ? (\n\t\t\t\t<Tooltip title={props.tooltip}>\n\t\t\t\t\t<Container\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\talignItems:\n\t\t\t\t\t\t\t\tprops.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={props.selected}\n\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t\t</Container>\n\t\t\t\t</Tooltip>\n\t\t\t) : (\n\t\t\t\t<Container\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: props.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tselected={props.selected}\n\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t>\n\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.loading ? (\n\t\t\t\t<Loader>\n\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t</Loader>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{props?.icon && (\n\t\t\t\t\t\t<div style={{ width: 24, height: 24 }}>\n\t\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.placeholder\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div data-test={props?.dataTestId}>\n\t\t\t\t\t\t{props.title && (\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\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{props.title}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subtitle && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginTop: props.title ? 4 : 0,\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\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{props.subtitle}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["CardSelector","props","Tooltip","jsxDEV","Container","EachSelector","this","Fragment","Loader","Spinner","COLORS","TitleSmall","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),o=require("./CardSelector.js"),r=t=>i.jsxDEV("div",{style:{display:"flex",flexDirection:t.align==="vertical"?"column":"row",gap:t.gap||16},children:t.cards.map(e=>i.jsxDEV("div",{style:{display:"flex",flex:1},children:i.jsxDEV(o.CardSelector,{"data-test":t["data-test"],id:e.id,icon:e.icon,title:e.title,subtitle:e.subtitle,selected:e.selected,onCardClick:t.onClick,loading:e.loading,disabled:e.disabled,dataTestId:e.dataTestId,tooltip:e.tooltip},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:23,columnNumber:6},void 0)},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:22,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:14,columnNumber:3},void 0);exports.CardSelectorGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-dev-runtime"),t=require("./CardSelector.js"),i=o=>l.jsxDEV("div",{style:{display:"flex",flexDirection:o.align==="vertical"?"column":"row",gap:o.gap||16},children:o.cards.map(e=>l.jsxDEV("div",{style:{display:"flex",flex:1},children:l.jsxDEV(t.CardSelector,{"data-test":o["data-test"],id:e.id,icon:e.icon,title:e.title,subtitle:e.subtitle,selected:e.selected,onCardClick:o.onClick,loading:e.loading,disabled:e.disabled,dataTestId:e.dataTestId,tooltip:e.tooltip},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:23,columnNumber:6},void 0)},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:22,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:14,columnNumber:3},void 0);exports.CardSelectorGroup=i;
 //# sourceMappingURL=CardSelectorGroup.js.map

package/dist/cjs/components/card-selector/CardSelectorGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelectorGroup.js","sources":["../../../../src/components/card-selector/CardSelectorGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { CardSelector, CardSelectorProps } from './CardSelector';\n\nexport type CardSelectorGroupProps = {\n\tgap?: number;\n\talign?: 'horizontal' | 'vertical';\n\tcards: CardSelectorProps[];\n\tonClick: (id: number) => void;\n\t'data-test': string;\n};\n\nexport const CardSelectorGroup: React.FC<CardSelectorGroupProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: props.align === 'vertical' ? 'column' : 'row',\n\t\t\t\tgap: props.gap || 16,\n\t\t\t}}\n\t\t>\n\t\t\t{props.cards.map((card) => (\n\t\t\t\t<div key={card.id} style={{ display: 'flex', flex: 1 }}>\n\t\t\t\t\t<CardSelector\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tid={card.id}\n\t\t\t\t\t\ticon={card.icon}\n\t\t\t\t\t\ttitle={card.title}\n\t\t\t\t\t\tsubtitle={card.subtitle}\n\t\t\t\t\t\tselected={card.selected}\n\t\t\t\t\t\tonCardClick={props.onClick}\n\t\t\t\t\t\tloading={card.loading}\n\t\t\t\t\t\tdisabled={card.disabled}\n\t\t\t\t\t\tdataTestId={card.dataTestId}\n\t\t\t\t\t\ttooltip={card.tooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["CardSelectorGroup","props","jsxDEV","card","CardSelector","this"],"mappings":"wJAWaA,EAAuDC,GAElEC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAeD,EAAM,QAAU,WAAa,SAAW,MACvD,IAAKA,EAAM,KAAO,EAAA,EAGlB,SAAAA,EAAM,MAAM,IAAKE,GACjBD,EAAAA,OAAC,MAAA,CAAkB,MAAO,CAAE,QAAS,OAAQ,KAAM,GAClD,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CACA,YAAWH,EAAM,WAAW,EAC5B,GAAIE,EAAK,GACT,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,SAAUA,EAAK,SACf,SAAUA,EAAK,SACf,YAAaF,EAAM,QACnB,QAASE,EAAK,QACd,SAAUA,EAAK,SACf,WAAYA,EAAK,WACjB,QAASA,EAAK,OAAA,EAXf,OAAA,GAAA,CAAA,SAAA,wIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,GADSF,EAAK,GAAf,GAAA,CAAA,SAAA,wIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAcA,CACA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,wIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
+{"version":3,"file":"CardSelectorGroup.js","sources":["../../../../src/components/card-selector/CardSelectorGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { CardSelector, CardSelectorProps } from './CardSelector';\n\nexport type CardSelectorGroupProps = {\n\tgap?: number;\n\talign?: 'horizontal' | 'vertical';\n\tcards: CardSelectorProps[];\n\tonClick: (id: number) => void;\n\t'data-test': string;\n};\n\nexport const CardSelectorGroup: React.FC<CardSelectorGroupProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: props.align === 'vertical' ? 'column' : 'row',\n\t\t\t\tgap: props.gap || 16,\n\t\t\t}}\n\t\t>\n\t\t\t{props.cards.map((card) => (\n\t\t\t\t<div key={card.id} style={{ display: 'flex', flex: 1 }}>\n\t\t\t\t\t<CardSelector\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tid={card.id}\n\t\t\t\t\t\ticon={card.icon}\n\t\t\t\t\t\ttitle={card.title}\n\t\t\t\t\t\tsubtitle={card.subtitle}\n\t\t\t\t\t\tselected={card.selected}\n\t\t\t\t\t\tonCardClick={props.onClick}\n\t\t\t\t\t\tloading={card.loading}\n\t\t\t\t\t\tdisabled={card.disabled}\n\t\t\t\t\t\tdataTestId={card.dataTestId}\n\t\t\t\t\t\ttooltip={card.tooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["CardSelectorGroup","props","jsxDEV","card","CardSelector","this"],"mappings":"wJAWaA,EAAuDC,GAElEC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAeD,EAAM,QAAU,WAAa,SAAW,MACvD,IAAKA,EAAM,KAAO,EAAA,EAGlB,SAAAA,EAAM,MAAM,IAAKE,GACjBD,EAAAA,OAAC,MAAA,CAAkB,MAAO,CAAE,QAAS,OAAQ,KAAM,GAClD,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CACA,YAAWH,EAAM,WAAW,EAC5B,GAAIE,EAAK,GACT,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,SAAUA,EAAK,SACf,SAAUA,EAAK,SACf,YAAaF,EAAM,QACnB,QAASE,EAAK,QACd,SAAUA,EAAK,SACf,WAAYA,EAAK,WACjB,QAASA,EAAK,OAAA,EAXf,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,GADSF,EAAK,GAAf,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAcA,CACA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}

package/dist/cjs/components/carousel/carousel.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),n=require("../../assets/icons/chevronRight.svg.js"),i=require("@trendyol-js/react-carousel"),t=require("styled-components"),a=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},l=a(t),c=()=>e.jsxDEV(o,{className:"left",children:e.jsxDEV(s.default,{width:16,height:16,color:"#fff"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:10,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:9,columnNumber:3},void 0),u=()=>e.jsxDEV(o,{className:"right",children:e.jsxDEV(n.default,{width:16,height:16,color:"#fff"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:18,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:17,columnNumber:3},void 0),m=r=>e.jsxDEV(e.Fragment,{children:e.jsxDEV(i.Carousel,{leftArrow:e.jsxDEV(c,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:27,columnNumber:16},void 0),rightArrow:e.jsxDEV(u,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:28,columnNumber:17},void 0),...r,children:r.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:26,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:25,columnNumber:3},void 0),o=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../../assets/icons/chevronLeft.svg.js"),s=require("../../assets/icons/chevronRight.svg.js"),l=require("@trendyol-js/react-carousel"),a=require("styled-components"),i=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=i(a),c=()=>e.jsxDEV(r,{className:"left",children:e.jsxDEV(n.default,{width:16,height:16,color:"#fff"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:10,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:9,columnNumber:3},void 0),u=()=>e.jsxDEV(r,{className:"right",children:e.jsxDEV(s.default,{width:16,height:16,color:"#fff"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:18,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:17,columnNumber:3},void 0),d=o=>e.jsxDEV(e.Fragment,{children:e.jsxDEV(l.Carousel,{leftArrow:e.jsxDEV(c,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:27,columnNumber:16},void 0),rightArrow:e.jsxDEV(u,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:28,columnNumber:17},void 0),...o,children:o.children},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:26,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel/carousel.tsx",lineNumber:25,columnNumber:3},void 0),r=t.default.div`
 	cursor: pointer;
 	margin: 0 8px;
 	width: 50px;
@@ -19,5 +19,5 @@
 		transform: translate(0%, -50%);
 		right: 0;
 	}
-`;exports.Carousel=m;
+`;exports.Carousel=d;
 //# sourceMappingURL=carousel.js.map

package/dist/cjs/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport { Carousel as ReactCarousel } from '@trendyol-js/react-carousel';\nimport { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';\nimport styled from 'styled-components';\n\nconst LeftArrow = () => {\n\treturn (\n\t\t<ArrowContainer className=\"left\">\n\t\t\t<ChevronLeft width={16} height={16} color=\"#fff\" />\n\t\t</ArrowContainer>\n\t);\n};\n\nconst RightArrow = () => {\n\treturn (\n\t\t<ArrowContainer className=\"right\">\n\t\t\t<ChevronRight width={16} height={16} color=\"#fff\" />\n\t\t</ArrowContainer>\n\t);\n};\n\nexport const Carousel = (props: CarouselProps) => {\n\treturn (\n\t\t<>\n\t\t\t<ReactCarousel\n\t\t\t\tleftArrow={<LeftArrow />}\n\t\t\t\trightArrow={<RightArrow />}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</ReactCarousel>\n\t\t</>\n\t);\n};\n\nconst ArrowContainer = styled.div`\n\tcursor: pointer;\n\tmargin: 0 8px;\n\twidth: 50px;\n\theight: 50px;\n\tborder-radius: 25px;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tjustify-content: center;\n\tposition: absolute;\n\tz-index: 2;\n\ttop: 50%;\n\t&.left {\n\t\ttransform: translate(0%, -50%);\n\t\tleft: 0;\n\t}\n\t&.right {\n\t\ttransform: translate(0%, -50%);\n\t\tright: 0;\n\t}\n`;\n"],"names":["LeftArrow","jsxDEV","ArrowContainer","ChevronLeft","this","RightArrow","ChevronRight","Carousel","props","Fragment","ReactCarousel","styled"],"mappings":"uWAMMA,EAAY,IAEhBC,EAAAA,OAACC,EAAA,CAAe,UAAU,OACzB,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CAAY,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiD,CAAA,EADlD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAEA,EAIIC,EAAa,IAEjBJ,EAAAA,OAACC,EAAA,CAAe,UAAU,QACzB,SAAAD,EAAAA,OAACK,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAkD,CAAA,EADnD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIWG,EAAYC,GAEvBP,SAAAQ,EAAAA,SAAA,CACC,SAAAR,EAAAA,OAACS,EAAAA,SAAA,CACA,mBAAYV,EAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAW,EACtB,oBAAaC,EAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACvB,GAAGI,EAEH,SAAAA,EAAM,QAAA,EALR,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EAIIF,EAAiBS,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"carousel.js","sources":["../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport { Carousel as ReactCarousel } from '@trendyol-js/react-carousel';\nimport { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';\nimport styled from 'styled-components';\n\nconst LeftArrow = () => {\n\treturn (\n\t\t<ArrowContainer className=\"left\">\n\t\t\t<ChevronLeft width={16} height={16} color=\"#fff\" />\n\t\t</ArrowContainer>\n\t);\n};\n\nconst RightArrow = () => {\n\treturn (\n\t\t<ArrowContainer className=\"right\">\n\t\t\t<ChevronRight width={16} height={16} color=\"#fff\" />\n\t\t</ArrowContainer>\n\t);\n};\n\nexport const Carousel = (props: CarouselProps) => {\n\treturn (\n\t\t<>\n\t\t\t<ReactCarousel\n\t\t\t\tleftArrow={<LeftArrow />}\n\t\t\t\trightArrow={<RightArrow />}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</ReactCarousel>\n\t\t</>\n\t);\n};\n\nconst ArrowContainer = styled.div`\n\tcursor: pointer;\n\tmargin: 0 8px;\n\twidth: 50px;\n\theight: 50px;\n\tborder-radius: 25px;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tjustify-content: center;\n\tposition: absolute;\n\tz-index: 2;\n\ttop: 50%;\n\t&.left {\n\t\ttransform: translate(0%, -50%);\n\t\tleft: 0;\n\t}\n\t&.right {\n\t\ttransform: translate(0%, -50%);\n\t\tright: 0;\n\t}\n`;\n"],"names":["LeftArrow","jsxDEV","ArrowContainer","ChevronLeft","this","RightArrow","ChevronRight","Carousel","props","Fragment","ReactCarousel","styled"],"mappings":"uWAMMA,EAAY,IAEhBC,EAAAA,OAACC,EAAA,CAAe,UAAU,OACzB,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CAAY,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiD,CAAA,EADlD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAEA,EAIIC,EAAa,IAEjBJ,EAAAA,OAACC,EAAA,CAAe,UAAU,QACzB,SAAAD,EAAAA,OAACK,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAkD,CAAA,EADnD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIWG,EAAYC,GAEvBP,SAAAQ,EAAAA,SAAA,CACC,SAAAR,EAAAA,OAACS,EAAAA,SAAA,CACA,mBAAYV,EAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAAW,EACtB,oBAAaC,EAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACvB,GAAGI,EAEH,SAAAA,EAAM,QAAA,EALR,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EAIIF,EAAiBS,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),y=require("../../assets/icons/aiContentIcon.svg.js"),D=require("react"),P=require("react-slick"),w=require("./CarouselPreview.style.js"),h=require("./CarouselPreviewCard.js"),j=require("../template-preview/TemplatePreview.styled.js"),S=require("../template-context-mapper/context/templateModalContext.js"),C=require("../template-preview/helpers/templateMiscHelper.js"),g=require("../template-preview/RCS/RCSPreview.styled.js"),k=require("./CustomCarouselArrows.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=N(D),V=N(P),q=E.default.forwardRef(({channel:e,template:o,isPreview:a,removeBottomBorder:u,borderRadius:s,showArrows:c,hideBorder:m,showSampleValues:i})=>{const{sliderRef:t,selectedCarouselIndex:d,cardCount:l,setIsCarouselHovered:p,cardIndex:n,showVariablePicker:b}=S.useTemplateModalContext(),x=n==-1?C.determineCardIndex(e):n,v=o?.components?.[x]?.cards,f=v?.length?r.jsxDEV(U,{cards:v,cardCount:l??0,selectedCarouselIndex:d??-1,sliderRef:t,isPreview:a,showArrows:c,channel:e,template:o,setIsCarouselHovered:p,showSampleValues:!!i,showVariablePicker:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:69,columnNumber:4},void 0):null;return C.isRCSChannel(e)?r.jsxDEV(g.RCSCarousalContainer,{borderRadius:s,children:f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:86,columnNumber:5},void 0):r.jsxDEV(w.Container,{removeBottomBorder:u,borderRadius:s,hideBorder:m,children:[(!!o?.aiContentConfigId||!!o?.isAiGenerated)&&r.jsxDEV(j.AiContentBadge,{children:r.jsxDEV(y.default,{width:48,height:48},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:101,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:100,columnNumber:6},void 0),r.jsxDEV(h.default,{channel:e,currentTemplate:o,carouselCardIndex:-1,isPreview:a,width:"77%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:104,columnNumber:5},void 0),f]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:93,columnNumber:4},void 0)}),U=({cards:e,cardCount:o,selectedCarouselIndex:a,sliderRef:u,isPreview:s,showArrows:c,channel:m,template:i,setIsCarouselHovered:t,showSampleValues:d,showVariablePicker:l})=>r.jsxDEV(w.CarouselSlickContainer,{cardCount:o,selectedCarouselIndex:a,onMouseEnter:()=>!l&&t?.(!0),onMouseLeave:()=>!l&&t?.(!1),children:r.jsxDEV(V.default,{ref:u,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!s,centerMode:!0,arrows:c,adaptiveHeight:!0,nextArrow:r.jsxDEV(k.CustomCarouselRightArrow,{isPreview:s??!1},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:158,columnNumber:15},void 0),prevArrow:r.jsxDEV(k.CustomCarouselLeftArrow,{isPreview:s??!1},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:159,columnNumber:15},void 0),children:e?.map((p,n)=>{const b={components:p.components,mapping:i?.mapping?.cards?.[n],content:i?.content,templateType:i?.templateType};return r.jsxDEV(h.default,{channel:m,currentTemplate:b,carouselCardIndex:n,isPreview:s,width:"100%",showSampleValues:d},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:169,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:148,columnNumber:3},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:142,columnNumber:2},void 0);exports.CarouselPreview=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),P=require("../../assets/icons/aiContentIcon.svg.js"),j=require("react"),S=require("react-slick"),N=require("./CarouselPreview.style.js"),x=require("./CarouselPreviewCard.js"),g=require("../template-preview/TemplatePreview.styled.js"),h=require("../template-context-mapper/context/templateModalContext.js"),C=require("../template-preview/helpers/templateMiscHelper.js"),k=require("../template-preview/RCS/RCSPreview.styled.js"),v=require("./CustomCarouselArrows.js"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=y(j),V=y(S),q=E.default.forwardRef(({channel:e,template:o,isPreview:i,removeBottomBorder:u,borderRadius:n,showArrows:c,hideBorder:d,showSampleValues:a})=>{const{sliderRef:l,selectedCarouselIndex:m,cardCount:t,setIsCarouselHovered:f,cardIndex:s,showVariablePicker:p}=h.useTemplateModalContext(),D=s==-1?C.determineCardIndex(e):s,w=o?.components?.[D]?.cards,b=w?.length?r.jsxDEV(U,{cards:w,cardCount:t??0,selectedCarouselIndex:m??-1,sliderRef:l,isPreview:i,showArrows:c,channel:e,template:o,setIsCarouselHovered:f,showSampleValues:!!a,showVariablePicker:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:69,columnNumber:4},void 0):null;return C.isRCSChannel(e)?r.jsxDEV(k.RCSCarousalContainer,{borderRadius:n,children:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:86,columnNumber:5},void 0):r.jsxDEV(N.Container,{removeBottomBorder:u,borderRadius:n,hideBorder:d,children:[(!!o?.aiContentConfigId||!!o?.isAiGenerated)&&r.jsxDEV(g.AiContentBadge,{children:r.jsxDEV(P.default,{width:48,height:48},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:101,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:100,columnNumber:6},void 0),r.jsxDEV(x.default,{channel:e,currentTemplate:o,carouselCardIndex:-1,isPreview:i,width:"77%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:104,columnNumber:5},void 0),b]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:93,columnNumber:4},void 0)}),U=({cards:e,cardCount:o,selectedCarouselIndex:i,sliderRef:u,isPreview:n,showArrows:c,channel:d,template:a,setIsCarouselHovered:l,showSampleValues:m,showVariablePicker:t})=>r.jsxDEV(N.CarouselSlickContainer,{cardCount:o,selectedCarouselIndex:i,onMouseEnter:()=>!t&&l?.(!0),onMouseLeave:()=>!t&&l?.(!1),children:r.jsxDEV(V.default,{ref:u,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!n,centerMode:!0,arrows:c,adaptiveHeight:!0,nextArrow:r.jsxDEV(v.CustomCarouselRightArrow,{isPreview:n??!1},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:158,columnNumber:15},void 0),prevArrow:r.jsxDEV(v.CustomCarouselLeftArrow,{isPreview:n??!1},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:159,columnNumber:15},void 0),children:e?.map((f,s)=>{const p={components:f.components,mapping:a?.mapping?.cards?.[s],content:a?.content,templateType:a?.templateType};return r.jsxDEV(x.default,{channel:d,currentTemplate:p,carouselCardIndex:s,isPreview:n,width:"100%",showSampleValues:m},s,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:169,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:148,columnNumber:3},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreview.tsx",lineNumber:142,columnNumber:2},void 0);exports.CarouselPreview=q;
 //# sourceMappingURL=CarouselPreview.js.map

package/dist/cjs/components/carousel-preview/CarouselPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { AiContentBadge } from '@src/components/template-preview/TemplatePreview.styled';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] ||\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardsIndex","showVariablePicker","useTemplateModalContext","cardIndex","determineCardIndex","cards","carouselSlider","jsxDEV","CarouselSlider","this","isRCSChannel","RCSCarousalContainer","Container","AiContentBadge","AiContentIcon","CarouselPreviewCard","CarouselSlickContainer","Slider","CustomCarouselRightArrow","CustomCarouselLeftArrow","carousel","index","currentCarousel"],"mappings":"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"}
+{"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { AiContentBadge } from '@src/components/template-preview/TemplatePreview.styled';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] ||\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardsIndex","showVariablePicker","useTemplateModalContext","cardIndex","determineCardIndex","cards","carouselSlider","jsxDEV","CarouselSlider","this","isRCSChannel","RCSCarousalContainer","Container","AiContentBadge","AiContentIcon","CarouselPreviewCard","CarouselSlickContainer","Slider","CustomCarouselRightArrow","CustomCarouselLeftArrow","carousel","index","currentCarousel"],"mappings":"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"}

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),m=require("react"),p=require("../template-context-mapper/context/templateModalContext.js"),f=require("../template-preview/helpers/templateMiscHelper.js"),v=require("../template-preview/TemplatePreview.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},h=b(m),C=h.default.forwardRef(({channel:e,currentTemplate:o,showSampleValues:s,carouselCardIndex:t,isPreview:n,width:r})=>{const{cardWidth:l,template:u,cardIndex:a}=p.useTemplateModalContext(),c=a==-1?f.determineCardIndex(e):a,d=(u?.components?.[c].cards?.length??0)-1===t?12:0;return i.jsxDEV("div",{style:{width:r||l,height:(t??-1)>-1?"100%":"auto"},children:i.jsxDEV(v.TemplatePreview,{showSampleValues:s,template:o,channel:e,size:"small",hideHeader:!0,carouselCardIndex:t,isWhatsappCarousel:!0,isPreview:n,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:d,height:"100%"}}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreviewCard.tsx",lineNumber:49,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CarouselPreviewCard.tsx",lineNumber:43,columnNumber:4},void 0)});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),m=require("react"),p=require("../template-context-mapper/context/templateModalContext.js"),f=require("../template-preview/helpers/templateMiscHelper.js"),v=require("../template-preview/TemplatePreview.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},w=b(m),h=w.default.forwardRef(({channel:e,currentTemplate:n,showSampleValues:s,carouselCardIndex:t,isPreview:i,width:r})=>{const{cardWidth:l,template:d,cardIndex:a}=p.useTemplateModalContext(),u=a==-1?f.determineCardIndex(e):a,c=(d?.components?.[u].cards?.length??0)-1===t?12:0;return o.jsxDEV("div",{style:{width:r||l,height:(t??-1)>-1?"100%":"auto"},children:o.jsxDEV(v.TemplatePreview,{showSampleValues:s,template:n,channel:e,size:"small",hideHeader:!0,carouselCardIndex:t,isWhatsappCarousel:!0,isPreview:i,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:c,height:"100%"}}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreviewCard.tsx",lineNumber:49,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CarouselPreviewCard.tsx",lineNumber:43,columnNumber:4},void 0)});exports.default=h;
 //# sourceMappingURL=CarouselPreviewCard.js.map

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsxDEV","TemplatePreview","this"],"mappings":"kaAQMA,EAAsBC,EAAAA,QAAM,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,OAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,EAdD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAeA,EArBD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF,CACD"}
+{"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsxDEV","TemplatePreview","this"],"mappings":"kaAQMA,EAAsBC,EAAAA,QAAM,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,OAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,EAdD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAeA,EArBD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF,CACD"}

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),d=require("../../assets/icons/chevronLeft.svg.js"),C=require("../../assets/icons/chevronRight.svg.js"),u=require("../../constants/Theme.js"),c=require("../template-context-mapper/context/templateModalContext.js"),p=t=>{const{className:n,style:i,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:l}=c.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...i,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:a=>{o?.(a),!((e??-1)<1||r)&&l?.((e??-1)-1)},children:s.jsxDEV(d.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:33,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:15,columnNumber:3},void 0)},b=t=>{const{className:n,style:i,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:l,cardCount:a}=c.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...i,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:m=>{o?.(m),!((e??-1)>=(a??-1)-1||r)&&l?.((e??-1)+1)},children:s.jsxDEV(C.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:67,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:46,columnNumber:3},void 0)};exports.CustomCarouselLeftArrow=p;exports.CustomCarouselRightArrow=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),m=require("../../assets/icons/chevronLeft.svg.js"),C=require("../../assets/icons/chevronRight.svg.js"),u=require("../../constants/Theme.js"),c=require("../template-context-mapper/context/templateModalContext.js"),f=n=>{const{className:t,style:l,onClick:o,isPreview:r}=n,{selectedCarouselIndex:e,setSelectedCarouselIndex:i}=c.useTemplateModalContext();return s.jsxDEV("div",{className:t,style:{...l,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:a=>{o?.(a),!((e??-1)<1||r)&&i?.((e??-1)-1)},children:s.jsxDEV(m.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:33,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:15,columnNumber:3},void 0)},p=n=>{const{className:t,style:l,onClick:o,isPreview:r}=n,{selectedCarouselIndex:e,setSelectedCarouselIndex:i,cardCount:a}=c.useTemplateModalContext();return s.jsxDEV("div",{className:t,style:{...l,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:d=>{o?.(d),!((e??-1)>=(a??-1)-1||r)&&i?.((e??-1)+1)},children:s.jsxDEV(C.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:67,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:46,columnNumber:3},void 0)};exports.CustomCarouselLeftArrow=f;exports.CustomCarouselRightArrow=p;
 //# sourceMappingURL=CustomCarouselArrows.js.map

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomCarouselArrows.js","sources":["../../../../src/components/carousel-preview/CustomCarouselArrows.tsx"],"sourcesContent":["import LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport { CustomArrowProps } from 'react-slick';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\n\nexport const CustomCarouselLeftArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) || isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1 || isPreview) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) - 1);\n\t\t\t}}\n\t\t>\n\t\t\t<LeftIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n\nexport const CustomCarouselRightArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex, cardCount } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) || isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif (\n\t\t\t\t\t(selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1 ||\n\t\t\t\t\tisPreview\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) + 1);\n\t\t\t}}\n\t\t>\n\t\t\t<RightIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n"],"names":["CustomCarouselLeftArrow","props","className","style","onClick","isPreview","selectedCarouselIndex","setSelectedCarouselIndex","useTemplateModalContext","jsxDEV","e","LeftIcon","COLORS","this","CustomCarouselRightArrow","cardCount","RightIcon"],"mappings":"8UAMaA,EACZC,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,CAAA,EAC9BC,0BAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EACN,GAAAJ,GAAyB,IAAM,GAAKD,IAGzCE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACE,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAgE,CAAA,EAlBjE,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF,EAEaC,EACZb,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,EAA0B,UAAAQ,CAAA,EACxDP,EAAAA,wBAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EAET,GAAAJ,GAAyB,MAAQS,GAAa,IAAM,GACrDV,IAIDE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACO,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOJ,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EArBlE,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF"}
+{"version":3,"file":"CustomCarouselArrows.js","sources":["../../../../src/components/carousel-preview/CustomCarouselArrows.tsx"],"sourcesContent":["import LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport { CustomArrowProps } from 'react-slick';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\n\nexport const CustomCarouselLeftArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) || isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1 || isPreview) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) - 1);\n\t\t\t}}\n\t\t>\n\t\t\t<LeftIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n\nexport const CustomCarouselRightArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex, cardCount } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) || isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif (\n\t\t\t\t\t(selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1 ||\n\t\t\t\t\tisPreview\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) + 1);\n\t\t\t}}\n\t\t>\n\t\t\t<RightIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n"],"names":["CustomCarouselLeftArrow","props","className","style","onClick","isPreview","selectedCarouselIndex","setSelectedCarouselIndex","useTemplateModalContext","jsxDEV","e","LeftIcon","COLORS","this","CustomCarouselRightArrow","cardCount","RightIcon"],"mappings":"8UAMaA,EACZC,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,CAAA,EAC9BC,0BAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EACN,GAAAJ,GAAyB,IAAM,GAAKD,IAGzCE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACE,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAgE,CAAA,EAlBjE,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF,EAEaC,EACZb,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,EAA0B,UAAAQ,CAAA,EACxDP,EAAAA,wBAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EAET,GAAAJ,GAAyB,MAAQS,GAAa,IAAM,GACrDV,IAIDE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACO,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOJ,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EArBlE,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF"}

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),C=require("../../assets/icons/chevronLeft2.svg.js"),p=require("../../assets/icons/chevronLeft.svg.js"),V=require("../../assets/icons/chevronRight2.svg.js"),N=require("../../assets/icons/chevronRight.svg.js"),u=require("react"),d=require("../button/Button.js"),t=require("./CarouselSecondary.style.js"),o=require("./model.js"),v=({pages:a,onComplete:b,textAlign:y,version:e,onCompleteText:m})=>{const[n,c]=u.useState(0),l=u.useRef(null),f=()=>{c(r=>r===a.length-1?r:r+1),n===a.length-1&&b()},h=()=>{c(r=>r===0?r:r-1)},k=r=>{c(r)};return u.useEffect(()=>{l.current&&l.current.scrollTo({left:l.current.offsetWidth*n,behavior:"smooth"})},[n]),s.jsxDEV(t.CarouselContainer,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV(t.CarouselBody,{ref:l,textAlign:y,children:a.map((r,i)=>s.jsxDEV(t.CarouselPage,{isActive:i===n,children:r},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:63,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:61,columnNumber:4},void 0),s.jsxDEV(t.CarouselFooter,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV("div",{style:{visibility:e===o.CarouselVersion.V2&&n===0?"hidden":"visible"},children:s.jsxDEV(d.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:h,size:e===o.CarouselVersion.V2?"small":"medium",LeadingIcon:e===o.CarouselVersion.V2?C.default:p.default,disabled:!n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:69,columnNumber:5},void 0),s.jsxDEV(t.PageIndicator,{children:a.map((r,i)=>s.jsxDEV(t.Indicator,{isActive:i===n,version:e||o.CarouselVersion.V1,onClick:()=>k(i)},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:90,columnNumber:5},void 0),s.jsxDEV(d.Button,{buttonText:n===a.length-1?m||"Get started":"Next",buttonType:n===a.length-1||e===o.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:f,size:e===o.CarouselVersion.V2?"small":"medium",TrailingIcon:n<a.length-1?e===o.CarouselVersion.V2?V.default:N.default:void 0,style:e===o.CarouselVersion.V2?{}:{background:"transparent"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:100,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:68,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:60,columnNumber:3},void 0)};exports.CarouselVersion=o.CarouselVersion;exports.CarouselSecondary=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),N=require("../../assets/icons/chevronLeft2.svg.js"),h=require("../../assets/icons/chevronLeft.svg.js"),x=require("../../assets/icons/chevronRight2.svg.js"),D=require("../../assets/icons/chevronRight.svg.js"),u=require("react"),m=require("../button/Button.js"),i=require("./CarouselSecondary.style.js"),r=require("./model.js"),k=({pages:a,onComplete:y,textAlign:b,version:e,onCompleteText:d})=>{const[n,c]=u.useState(0),t=u.useRef(null),f=()=>{c(o=>o===a.length-1?o:o+1),n===a.length-1&&y()},C=()=>{c(o=>o===0?o:o-1)},V=o=>{c(o)};return u.useEffect(()=>{t.current&&t.current.scrollTo({left:t.current.offsetWidth*n,behavior:"smooth"})},[n]),s.jsxDEV(i.CarouselContainer,{version:e||r.CarouselVersion.V1,children:[s.jsxDEV(i.CarouselBody,{ref:t,textAlign:b,children:a.map((o,l)=>s.jsxDEV(i.CarouselPage,{isActive:l===n,children:o},l,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:63,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:61,columnNumber:4},void 0),s.jsxDEV(i.CarouselFooter,{version:e||r.CarouselVersion.V1,children:[s.jsxDEV("div",{style:{visibility:e===r.CarouselVersion.V2&&n===0?"hidden":"visible"},children:s.jsxDEV(m.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:C,size:e===r.CarouselVersion.V2?"small":"medium",LeadingIcon:e===r.CarouselVersion.V2?N.default:h.default,disabled:!n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:69,columnNumber:5},void 0),s.jsxDEV(i.PageIndicator,{children:a.map((o,l)=>s.jsxDEV(i.Indicator,{isActive:l===n,version:e||r.CarouselVersion.V1,onClick:()=>V(l)},l,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:90,columnNumber:5},void 0),s.jsxDEV(m.Button,{buttonText:n===a.length-1?d||"Get started":"Next",buttonType:n===a.length-1||e===r.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:f,size:e===r.CarouselVersion.V2?"small":"medium",TrailingIcon:n<a.length-1?e===r.CarouselVersion.V2?x.default:D.default:void 0,style:e===r.CarouselVersion.V2?{}:{background:"transparent"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:100,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:68,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:60,columnNumber:3},void 0)};exports.CarouselVersion=r.CarouselVersion;exports.CarouselSecondary=k;
 //# sourceMappingURL=CarouselSecondary.js.map

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSecondary.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.tsx"],"sourcesContent":["import ChevronLeftIcon2 from '@src/assets/icons/chevronLeft2.svg';\nimport ChevronLeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRightIcon2 from '@src/assets/icons/chevronRight2.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '@src/components/button/Button';\nimport {\n\tCarouselBody,\n\tCarouselContainer,\n\tCarouselFooter,\n\tCarouselPage,\n\tIndicator,\n\tPageIndicator,\n} from './CarouselSecondary.style';\nimport { CarouselVersion } from './model';\n\nexport interface CarouselProps {\n\tpages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> | any>;\n\tonComplete: () => void;\n\ttextAlign?: string;\n\tversion?: CarouselVersion;\n\tonCompleteText?: string;\n}\n\nexport const CarouselSecondary: React.FC<CarouselProps> = ({\n\tpages,\n\tonComplete,\n\ttextAlign,\n\tversion,\n\tonCompleteText,\n}) => {\n\tconst [currentPage, setCurrentPage] = useState(0);\n\tconst carouselRef = useRef<HTMLDivElement>(null);\n\n\tconst handleNextPage = () => {\n\t\tsetCurrentPage((prevPage) =>\n\t\t\tprevPage === pages.length - 1 ? prevPage : prevPage + 1,\n\t\t);\n\t\tif (currentPage === pages.length - 1) onComplete();\n\t};\n\n\tconst handlePrevPage = () => {\n\t\tsetCurrentPage((prevPage) => (prevPage === 0 ? prevPage : prevPage - 1));\n\t};\n\n\tconst handlePageClick = (pageIndex) => {\n\t\tsetCurrentPage(pageIndex);\n\t};\n\n\tuseEffect(() => {\n\t\tif (carouselRef.current) {\n\t\t\tcarouselRef.current.scrollTo({\n\t\t\t\tleft: carouselRef.current.offsetWidth * currentPage,\n\t\t\t\tbehavior: 'smooth',\n\t\t\t});\n\t\t}\n\t}, [currentPage]);\n\n\treturn (\n\t\t<CarouselContainer version={version ? version : CarouselVersion.V1}>\n\t\t\t<CarouselBody ref={carouselRef} textAlign={textAlign}>\n\t\t\t\t{pages.map((page, index) => (\n\t\t\t\t\t<CarouselPage key={index} isActive={index === currentPage}>\n\t\t\t\t\t\t{page}\n\t\t\t\t\t</CarouselPage>\n\t\t\t\t))}\n\t\t\t</CarouselBody>\n\t\t\t<CarouselFooter version={version ? version : CarouselVersion.V1}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tvisibility:\n\t\t\t\t\t\t\tversion === CarouselVersion.V2 && currentPage === 0\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'visible',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Back'}\n\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\tonClick={handlePrevPage}\n\t\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\t\tversion === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronLeftIcon2\n\t\t\t\t\t\t\t\t: ChevronLeftIcon\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!currentPage}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<PageIndicator>\n\t\t\t\t\t{pages.map((_, index) => (\n\t\t\t\t\t\t<Indicator\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tisActive={index === currentPage}\n\t\t\t\t\t\t\tversion={version ? version : CarouselVersion.V1}\n\t\t\t\t\t\t\tonClick={() => handlePageClick(index)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</PageIndicator>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t: 'Get started'\n\t\t\t\t\t\t\t: 'Next'\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: version === CarouselVersion.V2\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: 'tertiaryGray'\n\t\t\t\t\t}\n\t\t\t\t\tonClick={handleNextPage}\n\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\tTrailingIcon={\n\t\t\t\t\t\tcurrentPage < pages.length - 1\n\t\t\t\t\t\t\t? version === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronRightIcon2\n\t\t\t\t\t\t\t\t: ChevronRightIcon\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tversion === CarouselVersion.V2 ? {} : { background: 'transparent' }\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</CarouselFooter>\n\t\t</CarouselContainer>\n\t);\n};\nexport { CarouselVersion };\n"],"names":["CarouselSecondary","pages","onComplete","textAlign","version","onCompleteText","currentPage","setCurrentPage","useState","carouselRef","useRef","handleNextPage","prevPage","handlePrevPage","handlePageClick","pageIndex","useEffect","CarouselContainer","CarouselVersion","jsxDEV","CarouselBody","page","index","CarouselPage","this","CarouselFooter","Button","ChevronLeftIcon2","ChevronLeftIcon","PageIndicator","_","Indicator","ChevronRightIcon2","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"CarouselSecondary.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.tsx"],"sourcesContent":["import ChevronLeftIcon2 from '@src/assets/icons/chevronLeft2.svg';\nimport ChevronLeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRightIcon2 from '@src/assets/icons/chevronRight2.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '@src/components/button/Button';\nimport {\n\tCarouselBody,\n\tCarouselContainer,\n\tCarouselFooter,\n\tCarouselPage,\n\tIndicator,\n\tPageIndicator,\n} from './CarouselSecondary.style';\nimport { CarouselVersion } from './model';\n\nexport interface CarouselProps {\n\tpages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> | any>;\n\tonComplete: () => void;\n\ttextAlign?: string;\n\tversion?: CarouselVersion;\n\tonCompleteText?: string;\n}\n\nexport const CarouselSecondary: React.FC<CarouselProps> = ({\n\tpages,\n\tonComplete,\n\ttextAlign,\n\tversion,\n\tonCompleteText,\n}) => {\n\tconst [currentPage, setCurrentPage] = useState(0);\n\tconst carouselRef = useRef<HTMLDivElement>(null);\n\n\tconst handleNextPage = () => {\n\t\tsetCurrentPage((prevPage) =>\n\t\t\tprevPage === pages.length - 1 ? prevPage : prevPage + 1,\n\t\t);\n\t\tif (currentPage === pages.length - 1) onComplete();\n\t};\n\n\tconst handlePrevPage = () => {\n\t\tsetCurrentPage((prevPage) => (prevPage === 0 ? prevPage : prevPage - 1));\n\t};\n\n\tconst handlePageClick = (pageIndex) => {\n\t\tsetCurrentPage(pageIndex);\n\t};\n\n\tuseEffect(() => {\n\t\tif (carouselRef.current) {\n\t\t\tcarouselRef.current.scrollTo({\n\t\t\t\tleft: carouselRef.current.offsetWidth * currentPage,\n\t\t\t\tbehavior: 'smooth',\n\t\t\t});\n\t\t}\n\t}, [currentPage]);\n\n\treturn (\n\t\t<CarouselContainer version={version ? version : CarouselVersion.V1}>\n\t\t\t<CarouselBody ref={carouselRef} textAlign={textAlign}>\n\t\t\t\t{pages.map((page, index) => (\n\t\t\t\t\t<CarouselPage key={index} isActive={index === currentPage}>\n\t\t\t\t\t\t{page}\n\t\t\t\t\t</CarouselPage>\n\t\t\t\t))}\n\t\t\t</CarouselBody>\n\t\t\t<CarouselFooter version={version ? version : CarouselVersion.V1}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tvisibility:\n\t\t\t\t\t\t\tversion === CarouselVersion.V2 && currentPage === 0\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'visible',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Back'}\n\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\tonClick={handlePrevPage}\n\t\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\t\tversion === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronLeftIcon2\n\t\t\t\t\t\t\t\t: ChevronLeftIcon\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!currentPage}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<PageIndicator>\n\t\t\t\t\t{pages.map((_, index) => (\n\t\t\t\t\t\t<Indicator\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tisActive={index === currentPage}\n\t\t\t\t\t\t\tversion={version ? version : CarouselVersion.V1}\n\t\t\t\t\t\t\tonClick={() => handlePageClick(index)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</PageIndicator>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t: 'Get started'\n\t\t\t\t\t\t\t: 'Next'\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: version === CarouselVersion.V2\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: 'tertiaryGray'\n\t\t\t\t\t}\n\t\t\t\t\tonClick={handleNextPage}\n\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\tTrailingIcon={\n\t\t\t\t\t\tcurrentPage < pages.length - 1\n\t\t\t\t\t\t\t? version === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronRightIcon2\n\t\t\t\t\t\t\t\t: ChevronRightIcon\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tversion === CarouselVersion.V2 ? {} : { background: 'transparent' }\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</CarouselFooter>\n\t\t</CarouselContainer>\n\t);\n};\nexport { CarouselVersion };\n"],"names":["CarouselSecondary","pages","onComplete","textAlign","version","onCompleteText","currentPage","setCurrentPage","useState","carouselRef","useRef","handleNextPage","prevPage","handlePrevPage","handlePageClick","pageIndex","useEffect","CarouselContainer","CarouselVersion","jsxDEV","CarouselBody","page","index","CarouselPage","this","CarouselFooter","Button","ChevronLeftIcon2","ChevronLeftIcon","PageIndicator","_","Indicator","ChevronRightIcon2","ChevronRightIcon"],"mappings":"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"}

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),s=require("react"),k=require("./CheckBox.styled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),y=e=>{const l=s.useMemo(()=>e.activeColor||n.COLORS.background.positive.vibrant,[e.activeColor]);return i.jsxDEV("svg",{width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",viewBox:e.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxDEV("rect",{x:"0",y:"0",width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",rx:"4",fill:e.isDisabled?n.COLORS.content.inactive:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:56,columnNumber:4},void 0),!e.isPartial&&i.jsxDEV("svg",{width:e.isSmall?"8":"10",height:e.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:65,columnNumber:5},void 0),e.isPartial&&i.jsxDEV("rect",{x:"5",y:e.isSmall?"7":"8",width:e.isSmall?"6":"8",height:"2",rx:"1",fill:n.COLORS.surface.standard},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:49,columnNumber:3},void 0)},D=e=>{const[l,r]=s.useState(e.isChecked||!1),[o,c]=s.useState(e.isPartiallyChecked||!1),[t,u]=s.useState(e.isDisabled||!1),[h,m]=s.useState(!1),[x,b]=s.useState(!1),f=C=>{if(!e.isDisabled){const d=!l;o?c(!o):r(d),e.onValueChange?.(d,e.value,C)}};s.useEffect(()=>{r(e.isChecked)},[e.isChecked]),s.useEffect(()=>{u(e.isDisabled||!1)},[e.isDisabled]),s.useEffect(()=>{c(e.isPartiallyChecked||!1)},[e.isPartiallyChecked]);const v=()=>e.label?e.boldOnChecked&&l||e.bold?e.labelSize==="DEFAULT"?i.jsxDEV(a.TitleRegular,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:137,columnNumber:6},void 0):i.jsxDEV(a.TitleSmall,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:147,columnNumber:5},void 0):e.size==="SMALL"?i.jsxDEV(a.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:157,columnNumber:5},void 0):e.labelSize==="SMALL"?i.jsxDEV(a.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:167,columnNumber:5},void 0):i.jsxDEV(a.BodyPrimary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:176,columnNumber:4},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:131,columnNumber:11},void 0);return i.jsxDEV(k.CheckboxContainer,{onClick:f,onMouseEnter:()=>m(!e.skipHoverState),onMouseLeave:()=>m(!1),onMouseDown:()=>b(!e.skipHoverState),onMouseUp:()=>b(!1),isDisabled:t,enableHover:e.enableHover,style:e.style??{},children:[i.jsxDEV(k.CheckboxIcon,{checked:l,hovered:h,clicked:x,isDisabled:t,size:e.size,borderColor:e.checkboxBorderColor,children:l&&i.jsxDEV(y,{isPartial:o||!1,isDisabled:t,isSmall:e.size==="SMALL",activeColor:e?.activeColor},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:204,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:195,columnNumber:4},void 0),v(),e.rightComponent]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:185,columnNumber:3},void 0)};exports.CheckBox=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),l=require("react"),b=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),D=e=>{const o=l.useMemo(()=>e.activeColor||n.COLORS.background.positive.vibrant,[e.activeColor]);return i.jsxDEV("svg",{width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",viewBox:e.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxDEV("rect",{x:"0",y:"0",width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",rx:"4",fill:e.isDisabled?n.COLORS.content.inactive:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:56,columnNumber:4},void 0),!e.isPartial&&i.jsxDEV("svg",{width:e.isSmall?"8":"10",height:e.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:65,columnNumber:5},void 0),e.isPartial&&i.jsxDEV("rect",{x:"5",y:e.isSmall?"7":"8",width:e.isSmall?"6":"8",height:"2",rx:"1",fill:n.COLORS.surface.standard},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:49,columnNumber:3},void 0)},N=e=>{const[o,t]=l.useState(e.isChecked||!1),[a,r]=l.useState(e.isPartiallyChecked||!1),[c,x]=l.useState(e.isDisabled||!1),[h,d]=l.useState(!1),[f,m]=l.useState(!1),k=y=>{if(!e.isDisabled){const u=!o;a?r(!a):t(u),e.onValueChange?.(u,e.value,y)}};l.useEffect(()=>{t(e.isChecked)},[e.isChecked]),l.useEffect(()=>{x(e.isDisabled||!1)},[e.isDisabled]),l.useEffect(()=>{r(e.isPartiallyChecked||!1)},[e.isPartiallyChecked]);const C=()=>e.label?e.boldOnChecked&&o||e.bold?e.labelSize==="DEFAULT"?i.jsxDEV(s.TitleRegular,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:137,columnNumber:6},void 0):i.jsxDEV(s.TitleSmall,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:147,columnNumber:5},void 0):e.size==="SMALL"?i.jsxDEV(s.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:157,columnNumber:5},void 0):e.labelSize==="SMALL"?i.jsxDEV(s.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:167,columnNumber:5},void 0):i.jsxDEV(s.BodyPrimary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:176,columnNumber:4},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:131,columnNumber:11},void 0);return i.jsxDEV(b.CheckboxContainer,{onClick:k,onMouseEnter:()=>d(!e.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>m(!e.skipHoverState),onMouseUp:()=>m(!1),isDisabled:c,enableHover:e.enableHover,style:e.style??{},children:[i.jsxDEV(b.CheckboxIcon,{checked:o,hovered:h,clicked:f,isDisabled:c,size:e.size,borderColor:e.checkboxBorderColor,children:o&&i.jsxDEV(D,{isPartial:a||!1,isDisabled:c,isSmall:e.size==="SMALL",activeColor:e?.activeColor},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:204,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:195,columnNumber:4},void 0),C(),e.rightComponent]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:185,columnNumber:3},void 0)};exports.CheckBox=N;
 //# sourceMappingURL=CheckBox.js.map

package/dist/cjs/components/checkBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' | 'SMALL';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' | 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tisSmall: boolean;\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor || COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\treturn (\n\t\t<svg\n\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\tviewBox={props.isSmall ? '0 0 16 16' : '0 0 18 18'}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={props.isSmall ? '8' : '10'}\n\t\t\t\t\theight={props.isSmall ? '7' : '9'}\n\t\t\t\t\tx=\"4\"\n\t\t\t\t\ty=\"4\"\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx=\"5\"\n\t\t\t\t\ty={props.isSmall ? '7' : '8'}\n\t\t\t\t\twidth={props.isSmall ? '6' : '8'}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked || false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked || false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled || false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled || false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked || false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) || props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked || false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisSmall={props.size === 'SMALL'}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","jsxDEV","this","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","TitleRegular","TitleSmall","BodySecondary","BodyPrimary","Fragment","CheckboxContainer","CheckboxIcon"],"mappings":"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"}
+{"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' | 'SMALL';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' | 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tisSmall: boolean;\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor || COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\treturn (\n\t\t<svg\n\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\tviewBox={props.isSmall ? '0 0 16 16' : '0 0 18 18'}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={props.isSmall ? '8' : '10'}\n\t\t\t\t\theight={props.isSmall ? '7' : '9'}\n\t\t\t\t\tx=\"4\"\n\t\t\t\t\ty=\"4\"\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx=\"5\"\n\t\t\t\t\ty={props.isSmall ? '7' : '8'}\n\t\t\t\t\twidth={props.isSmall ? '6' : '8'}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked || false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked || false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled || false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled || false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked || false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) || props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked || false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisSmall={props.size === 'SMALL'}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","jsxDEV","this","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","TitleRegular","TitleSmall","BodySecondary","BodyPrimary","Fragment","CheckboxContainer","CheckboxIcon"],"mappings":"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"}

package/dist/cjs/components/checkList/CheckList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),l=require("react"),h=require("./CheckList.styled.js"),a=require("../TypographyStyle.js"),b=require("../../constants/Theme.js"),d=require("../checkBox/CheckBox.js"),y=e=>{const[s,c]=l.useState(e.listItems);l.useEffect(()=>{c(e.listItems)},[e.listItems]);const m=(t,u)=>{const r=[...s],o=s.find(n=>n.value===u);o&&(o.isChecked=t),c(r);const k=r.filter(n=>n.isChecked);e.onChange(k)};return i.jsxDEV(h.CheckListStyled,{children:[(e.title||e.subTitle)&&i.jsxDEV("div",{className:"title__container",children:[e.title&&i.jsxDEV(a.TitleRegular,{children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:48,columnNumber:22},void 0),e.subTitle&&i.jsxDEV(a.BodySecondary,{color:b.COLORS.text.secondary,children:e.subTitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:50,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:47,columnNumber:5},void 0),i.jsxDEV("div",{style:e.listContainerStyles??{},className:"list__container",children:s.map(t=>i.jsxDEV(d.CheckBox,{...t,onValueChange:m},t.value,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:59,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:45,columnNumber:3},void 0)};exports.CheckList=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),r=require("react"),h=require("./CheckList.styled.js"),a=require("../TypographyStyle.js"),b=require("../../constants/Theme.js"),k=require("../checkBox/CheckBox.js"),y=e=>{const[s,o]=r.useState(e.listItems);r.useEffect(()=>{o(e.listItems)},[e.listItems]);const d=(i,u)=>{const c=[...s],l=s.find(t=>t.value===u);l&&(l.isChecked=i),o(c);const m=c.filter(t=>t.isChecked);e.onChange(m)};return n.jsxDEV(h.CheckListStyled,{children:[(e.title||e.subTitle)&&n.jsxDEV("div",{className:"title__container",children:[e.title&&n.jsxDEV(a.TitleRegular,{children:e.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:48,columnNumber:22},void 0),e.subTitle&&n.jsxDEV(a.BodySecondary,{color:b.COLORS.text.secondary,children:e.subTitle},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:50,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:47,columnNumber:5},void 0),n.jsxDEV("div",{style:e.listContainerStyles??{},className:"list__container",children:s.map(i=>n.jsxDEV(k.CheckBox,{...i,onValueChange:d},i.value,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:59,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:45,columnNumber:3},void 0)};exports.CheckList=y;
 //# sourceMappingURL=CheckList.js.map

package/dist/cjs/components/checkList/CheckList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckList.js","sources":["../../../../src/components/checkList/CheckList.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox, CheckBoxProps } from '@src/components/checkBox';\nimport { CheckListStyled } from '@src/components/checkList/CheckList.styled';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ntype CheckListItem = Omit<\n\tCheckBoxProps,\n\t'onValueChange' | 'controlFromOutside'\n> & {\n\tvalue: string;\n};\n\nexport type CheckListProps = {\n\ttitle?: string;\n\tsubTitle?: string;\n\tlistItems: CheckListItem[];\n\tonChange: (options: CheckListItem[]) => void;\n\tlistContainerStyles?: React.CSSProperties;\n};\n\nexport const CheckList: React.FC<CheckListProps> = (props) => {\n\tconst [listOptions, setListOptions] = useState<CheckListItem[]>(\n\t\tprops.listItems,\n\t);\n\n\tuseEffect(() => {\n\t\tsetListOptions(props.listItems);\n\t}, [props.listItems]);\n\n\tconst onOptionClicked = (checked: boolean, value: string | undefined) => {\n\t\tconst temptListOptions = [...listOptions];\n\t\tconst changedOption = listOptions.find((option) => option.value === value);\n\t\tif (changedOption) {\n\t\t\tchangedOption['isChecked'] = checked;\n\t\t}\n\t\tsetListOptions(temptListOptions);\n\t\tconst selectedOptions = temptListOptions.filter(\n\t\t\t(option) => option.isChecked,\n\t\t);\n\t\tprops.onChange(selectedOptions);\n\t};\n\n\treturn (\n\t\t<CheckListStyled>\n\t\t\t{(props.title || props.subTitle) && (\n\t\t\t\t<div className=\"title__container\">\n\t\t\t\t\t{props.title && <TitleRegular>{props.title}</TitleRegular>}\n\t\t\t\t\t{props.subTitle && (\n\t\t\t\t\t\t<BodySecondary color={COLORS.text.secondary}>\n\t\t\t\t\t\t\t{props.subTitle}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={props.listContainerStyles ?? {}} className=\"list__container\">\n\t\t\t\t{listOptions.map((listItem) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tkey={listItem.value}\n\t\t\t\t\t\t\t{...listItem}\n\t\t\t\t\t\t\tonValueChange={onOptionClicked}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</CheckListStyled>\n\t);\n};\n"],"names":["CheckList","props","listOptions","setListOptions","useState","useEffect","onOptionClicked","checked","value","temptListOptions","changedOption","option","selectedOptions","CheckListStyled","jsxDEV","TitleRegular","this","BodySecondary","COLORS","listItem","CheckBox"],"mappings":"6RAqBaA,EAAuCC,GAAU,CAC7D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SACrCH,EAAM,SAAA,EAGPI,EAAAA,UAAU,IAAM,CACfF,EAAeF,EAAM,SAAS,CAC/B,EAAG,CAACA,EAAM,SAAS,CAAC,EAEpB,MAAMK,EAAkB,CAACC,EAAkBC,IAA8B,CACxE,MAAMC,EAAmB,CAAC,GAAGP,CAAW,EAClCQ,EAAgBR,EAAY,KAAMS,GAAWA,EAAO,QAAUH,CAAK,EACrEE,IACHA,EAAc,UAAeH,GAE9BJ,EAAeM,CAAgB,EAC/B,MAAMG,EAAkBH,EAAiB,OACvCE,GAAWA,EAAO,SAAA,EAEpBV,EAAM,SAASW,CAAe,CAC/B,EAEA,gBACEC,kBAAA,CACE,SAAA,EAAAZ,EAAM,OAASA,EAAM,WACtBa,SAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAb,EAAM,OAASa,EAAAA,OAACC,eAAA,CAAc,SAAAd,EAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,EAAA,EAAAe,MAA2B,EAC1Cf,EAAM,UACNa,EAAAA,OAACG,EAAAA,cAAA,CAAc,MAAOC,EAAAA,OAAO,KAAK,UAChC,SAAAjB,EAAM,QAAA,EADR,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAEA,CAAA,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,MAAOb,EAAM,qBAAuB,CAAA,EAAI,UAAU,kBACrD,SAAAC,EAAY,IAAKiB,GAEhBL,EAAAA,OAACM,EAAAA,SAAA,CAEC,GAAGD,EACJ,cAAeb,CAAA,EAFVa,EAAS,MADf,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAMD,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,CAEF"}
+{"version":3,"file":"CheckList.js","sources":["../../../../src/components/checkList/CheckList.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox, CheckBoxProps } from '@src/components/checkBox';\nimport { CheckListStyled } from '@src/components/checkList/CheckList.styled';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ntype CheckListItem = Omit<\n\tCheckBoxProps,\n\t'onValueChange' | 'controlFromOutside'\n> & {\n\tvalue: string;\n};\n\nexport type CheckListProps = {\n\ttitle?: string;\n\tsubTitle?: string;\n\tlistItems: CheckListItem[];\n\tonChange: (options: CheckListItem[]) => void;\n\tlistContainerStyles?: React.CSSProperties;\n};\n\nexport const CheckList: React.FC<CheckListProps> = (props) => {\n\tconst [listOptions, setListOptions] = useState<CheckListItem[]>(\n\t\tprops.listItems,\n\t);\n\n\tuseEffect(() => {\n\t\tsetListOptions(props.listItems);\n\t}, [props.listItems]);\n\n\tconst onOptionClicked = (checked: boolean, value: string | undefined) => {\n\t\tconst temptListOptions = [...listOptions];\n\t\tconst changedOption = listOptions.find((option) => option.value === value);\n\t\tif (changedOption) {\n\t\t\tchangedOption['isChecked'] = checked;\n\t\t}\n\t\tsetListOptions(temptListOptions);\n\t\tconst selectedOptions = temptListOptions.filter(\n\t\t\t(option) => option.isChecked,\n\t\t);\n\t\tprops.onChange(selectedOptions);\n\t};\n\n\treturn (\n\t\t<CheckListStyled>\n\t\t\t{(props.title || props.subTitle) && (\n\t\t\t\t<div className=\"title__container\">\n\t\t\t\t\t{props.title && <TitleRegular>{props.title}</TitleRegular>}\n\t\t\t\t\t{props.subTitle && (\n\t\t\t\t\t\t<BodySecondary color={COLORS.text.secondary}>\n\t\t\t\t\t\t\t{props.subTitle}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={props.listContainerStyles ?? {}} className=\"list__container\">\n\t\t\t\t{listOptions.map((listItem) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tkey={listItem.value}\n\t\t\t\t\t\t\t{...listItem}\n\t\t\t\t\t\t\tonValueChange={onOptionClicked}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</CheckListStyled>\n\t);\n};\n"],"names":["CheckList","props","listOptions","setListOptions","useState","useEffect","onOptionClicked","checked","value","temptListOptions","changedOption","option","selectedOptions","CheckListStyled","jsxDEV","TitleRegular","this","BodySecondary","COLORS","listItem","CheckBox"],"mappings":"6RAqBaA,EAAuCC,GAAU,CAC7D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SACrCH,EAAM,SAAA,EAGPI,EAAAA,UAAU,IAAM,CACfF,EAAeF,EAAM,SAAS,CAC/B,EAAG,CAACA,EAAM,SAAS,CAAC,EAEpB,MAAMK,EAAkB,CAACC,EAAkBC,IAA8B,CACxE,MAAMC,EAAmB,CAAC,GAAGP,CAAW,EAClCQ,EAAgBR,EAAY,KAAMS,GAAWA,EAAO,QAAUH,CAAK,EACrEE,IACHA,EAAc,UAAeH,GAE9BJ,EAAeM,CAAgB,EAC/B,MAAMG,EAAkBH,EAAiB,OACvCE,GAAWA,EAAO,SAAA,EAEpBV,EAAM,SAASW,CAAe,CAC/B,EAEA,gBACEC,kBAAA,CACE,SAAA,EAAAZ,EAAM,OAASA,EAAM,WACtBa,SAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAb,EAAM,OAASa,EAAAA,OAACC,eAAA,CAAc,SAAAd,EAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,EAAA,EAAAe,MAA2B,EAC1Cf,EAAM,UACNa,EAAAA,OAACG,EAAAA,cAAA,CAAc,MAAOC,EAAAA,OAAO,KAAK,UAChC,SAAAjB,EAAM,QAAA,EADR,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAEA,CAAA,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,MAAOb,EAAM,qBAAuB,CAAA,EAAI,UAAU,kBACrD,SAAAC,EAAY,IAAKiB,GAEhBL,EAAAA,OAACM,EAAAA,SAAA,CAEC,GAAGD,EACJ,cAAeb,CAAA,EAFVa,EAAS,MADf,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAMD,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,CAEF"}

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../_virtual/dynamic-import-helper.js"),e=require("react/jsx-dev-runtime"),c=require("react"),T=require("../toaster/Toaster.js"),r=require("./CodeBlock.styled.js"),V=require("./CodeBlockHelper.js"),U=require("./types.js"),W=({code:i="",language:t=U.CodeLanguage.JAVASCRIPT,title:a="",hideLineNumbers:f=!1,maxHeight:h="400px",maxWidth:v,theme:s="dark",hideHeader:y=!1,hideCopy:C=!1})=>{const[N,m]=c.useState(!1),[x,l]=c.useState(!1),[d,u]=c.useState("success"),D=async()=>{try{await navigator.clipboard.writeText(i),m(!0),u("success"),l(!0),setTimeout(()=>m(!1),2e3)}catch{u("error"),l(!0)}},[B,b]=c.useState(i);c.useEffect(()=>{let o=!0;return(async()=>{try{const p=await E.default(Object.assign({"./languageSpecificFormatting/html_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/html_file.js")),"./languageSpecificFormatting/javascript_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/javascript_file.js"))}),`./languageSpecificFormatting/${t}_file.ts`,3);if(p?.format&&o){b(p.format(i));return}}catch{}o&&b(i)})(),()=>{o=!1}},[i,t]);const k=B.split(`
-`),g=o=>({javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"})[o.toLowerCase()]||(s==="dark"?"#6e7681":"#656d76"),j=o=>({javascript:"#000"})?.[o.toLowerCase()]||"#fff";return e.jsxDEV(r.Container,{themeMode:s,maxWidth:v,children:[!y&&e.jsxDEV(r.Header,{themeMode:s,children:[e.jsxDEV(r.TitleSection,{children:[!!a&&a&&e.jsxDEV(r.Title,{themeMode:s,children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:104,columnNumber:28},void 0),e.jsxDEV(r.LanguageBadge,{bg:g(t),color:j(t),children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:105,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:103,columnNumber:6},void 0),!C&&e.jsxDEV(r.CopyButton,{themeMode:s,onClick:D,children:N?e.jsxDEV(e.Fragment,{children:"✓ Copied"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:18},void 0):e.jsxDEV(e.Fragment,{children:"Copy"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:34},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:102,columnNumber:5},void 0),e.jsxDEV(r.CodeContainer,{maxHeight:h,children:[!f&&e.jsxDEV(r.LineNumbers,{themeMode:s,children:k.map((o,n)=>e.jsxDEV("div",{children:n+1},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:124,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:122,columnNumber:6},void 0),e.jsxDEV(r.Code,{themeMode:s,children:k.map((o,n)=>e.jsxDEV("div",{style:{minHeight:o.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:V.highlightCode(o,t,s)||" "}},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:130,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:120,columnNumber:4},void 0),x&&e.jsxDEV(T.Toaster,{text:d==="success"?"Code copied to clipboard!":"Failed to copy code",autoClose:2e3,type:d,hideProgressBar:!0,onCloseToast:()=>l(!1)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:100,columnNumber:3},void 0)};exports.CodeBlock=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../_virtual/dynamic-import-helper.js"),e=require("react/jsx-dev-runtime"),i=require("react"),E=require("../toaster/Toaster.js"),n=require("./CodeBlock.styled.js"),T=require("./CodeBlockHelper.js"),V=require("./types.js"),U=({code:t="",language:c=V.CodeLanguage.JAVASCRIPT,title:l="",hideLineNumbers:k=!1,maxHeight:y="400px",maxWidth:C,theme:s="dark",hideHeader:N=!1,hideCopy:x=!1})=>{const[D,d]=i.useState(!1),[h,a]=i.useState(!1),[m,u]=i.useState("success"),v=async()=>{try{await navigator.clipboard.writeText(t),d(!0),u("success"),a(!0),setTimeout(()=>d(!1),2e3)}catch{u("error"),a(!0)}},[B,b]=i.useState(t);i.useEffect(()=>{let o=!0;return(async()=>{try{const p=await w.default(Object.assign({"./languageSpecificFormatting/html_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/html_file.js")),"./languageSpecificFormatting/javascript_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/javascript_file.js"))}),`./languageSpecificFormatting/${c}_file.ts`,3);if(p?.format&&o){b(p.format(t));return}}catch{}o&&b(t)})(),()=>{o=!1}},[t,c]);const f=B.split(`
+`),g=o=>({javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"})[o.toLowerCase()]||(s==="dark"?"#6e7681":"#656d76"),j=o=>({javascript:"#000"})?.[o.toLowerCase()]||"#fff";return e.jsxDEV(n.Container,{themeMode:s,maxWidth:C,children:[!N&&e.jsxDEV(n.Header,{themeMode:s,children:[e.jsxDEV(n.TitleSection,{children:[!!l&&l&&e.jsxDEV(n.Title,{themeMode:s,children:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:104,columnNumber:28},void 0),e.jsxDEV(n.LanguageBadge,{bg:g(c),color:j(c),children:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:105,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:103,columnNumber:6},void 0),!x&&e.jsxDEV(n.CopyButton,{themeMode:s,onClick:v,children:D?e.jsxDEV(e.Fragment,{children:"✓ Copied"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:18},void 0):e.jsxDEV(e.Fragment,{children:"Copy"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:34},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:102,columnNumber:5},void 0),e.jsxDEV(n.CodeContainer,{maxHeight:y,children:[!k&&e.jsxDEV(n.LineNumbers,{themeMode:s,children:f.map((o,r)=>e.jsxDEV("div",{children:r+1},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:124,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:122,columnNumber:6},void 0),e.jsxDEV(n.Code,{themeMode:s,children:f.map((o,r)=>e.jsxDEV("div",{style:{minHeight:o.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:T.highlightCode(o,c,s)||" "}},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:130,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:120,columnNumber:4},void 0),h&&e.jsxDEV(E.Toaster,{text:m==="success"?"Code copied to clipboard!":"Failed to copy code",autoClose:2e3,type:m,hideProgressBar:!0,onCloseToast:()=>a(!1)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:100,columnNumber:3},void 0)};exports.CodeBlock=U;
 //# sourceMappingURL=CodeBlock.js.map

package/dist/cjs/components/code-block/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Toaster } from '@src/components/toaster/Toaster';\nimport {\n\tCode,\n\tCodeContainer,\n\tContainer,\n\tCopyButton,\n\tHeader,\n\tLanguageBadge,\n\tLineNumbers,\n\tTitle,\n\tTitleSection,\n} from './CodeBlock.styled';\nimport { highlightCode } from './CodeBlockHelper';\nimport { CodeBlockProps, CodeLanguage } from './types';\n\n// optional types extraction\n\nexport const CodeBlock = ({\n\tcode = '',\n\tlanguage = CodeLanguage.JAVASCRIPT,\n\ttitle = '',\n\thideLineNumbers = false,\n\tmaxHeight = '400px',\n\tmaxWidth,\n\ttheme = 'dark',\n\thideHeader = false,\n\thideCopy = false,\n}: CodeBlockProps) => {\n\tconst [copied, setCopied] = useState(false);\n\tconst [showToaster, setShowToaster] = useState(false);\n\tconst [toasterType, setToasterType] = useState<'success' | 'error'>(\n\t\t'success',\n\t);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetToasterType('success');\n\t\t\tsetShowToaster(true);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch (err) {\n\t\t\tsetToasterType('error');\n\t\t\tsetShowToaster(true);\n\t\t}\n\t};\n\n\t// Apply language-specific formatting\n\tconst [formattedCode, setFormattedCode] = useState(code);\n\n\tuseEffect(() => {\n\t\tlet isMounted = true;\n\t\tconst formatCode = async () => {\n\t\t\ttry {\n\t\t\t\tconst formatterModule = await import(\n\t\t\t\t\t/* webpackChunkName: \"languageSpecificFormatting-[request]\" */\n\t\t\t\t\t`./languageSpecificFormatting/${language}_file.ts`\n\t\t\t\t);\n\t\t\t\tif (formatterModule?.format && isMounted) {\n\t\t\t\t\tsetFormattedCode(formatterModule.format(code));\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// No formatter found — just use original\n\t\t\t}\n\t\t\tif (isMounted) setFormattedCode(code);\n\t\t};\n\n\t\tformatCode();\n\t\treturn () => {\n\t\t\tisMounted = false;\n\t\t};\n\t}, [code, language]);\n\n\tconst lines = formattedCode.split('\\n');\n\n\tconst getLanguageBadgeColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<CodeLanguage, string> = {\n\t\t\tjavascript: '#FEC02D',\n\t\t\tpython: '#3776ab',\n\t\t\tjava: '#ed8b00',\n\t\t\tcss: '#1572b6',\n\t\t\thtml: '#e34c26',\n\t\t\tjson: '#000000',\n\t\t};\n\t\treturn (\n\t\t\tcolors[lang.toLowerCase()] || (theme === 'dark' ? '#6e7681' : '#656d76')\n\t\t);\n\t};\n\n\tconst getBadgeTextColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<string, string> = {\n\t\t\tjavascript: '#000',\n\t\t};\n\t\treturn colors?.[lang.toLowerCase()] || '#fff';\n\t};\n\n\treturn (\n\t\t<Container themeMode={theme} maxWidth={maxWidth}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header themeMode={theme}>\n\t\t\t\t\t<TitleSection>\n\t\t\t\t\t\t{!!title && title && <Title themeMode={theme}>{title}</Title>}\n\t\t\t\t\t\t<LanguageBadge\n\t\t\t\t\t\t\tbg={getLanguageBadgeColor(language)}\n\t\t\t\t\t\t\tcolor={getBadgeTextColor(language)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{language}\n\t\t\t\t\t\t</LanguageBadge>\n\t\t\t\t\t</TitleSection>\n\t\t\t\t\t{!hideCopy && (\n\t\t\t\t\t\t<CopyButton themeMode={theme} onClick={handleCopy}>\n\t\t\t\t\t\t\t{copied ? <>✓ Copied</> : <>Copy</>}\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t)}\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<CodeContainer maxHeight={maxHeight}>\n\t\t\t\t{!hideLineNumbers && (\n\t\t\t\t\t<LineNumbers themeMode={theme}>\n\t\t\t\t\t\t{lines.map((_, index) => (\n\t\t\t\t\t\t\t<div key={index}>{index + 1}</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</LineNumbers>\n\t\t\t\t)}\n\t\t\t\t<Code themeMode={theme}>\n\t\t\t\t\t{lines.map((line, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{ minHeight: line.trim() ? '20px' : '0px' }}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: highlightCode(line, language, theme) || '&nbsp;',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</Code>\n\t\t\t</CodeContainer>\n\t\t\t{showToaster && (\n\t\t\t\t<Toaster\n\t\t\t\t\ttext={\n\t\t\t\t\t\ttoasterType === 'success'\n\t\t\t\t\t\t\t? 'Code copied to clipboard!'\n\t\t\t\t\t\t\t: 'Failed to copy code'\n\t\t\t\t\t}\n\t\t\t\t\tautoClose={2000}\n\t\t\t\t\ttype={toasterType}\n\t\t\t\t\thideProgressBar\n\t\t\t\t\tonCloseToast={() => setShowToaster(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["CodeBlock","code","language","CodeLanguage","title","hideLineNumbers","maxHeight","maxWidth","theme","hideHeader","hideCopy","copied","setCopied","useState","showToaster","setShowToaster","toasterType","setToasterType","handleCopy","formattedCode","setFormattedCode","useEffect","isMounted","formatterModule","__variableDynamicImportRuntimeHelper","lines","getLanguageBadgeColor","lang","getBadgeTextColor","jsxDEV","Container","Header","TitleSection","Title","this","LanguageBadge","CopyButton","Fragment","CodeContainer","LineNumbers","_","index","Code","line","highlightCode","Toaster"],"mappings":"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"}
+{"version":3,"file":"CodeBlock.js","sources":["../../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Toaster } from '@src/components/toaster/Toaster';\nimport {\n\tCode,\n\tCodeContainer,\n\tContainer,\n\tCopyButton,\n\tHeader,\n\tLanguageBadge,\n\tLineNumbers,\n\tTitle,\n\tTitleSection,\n} from './CodeBlock.styled';\nimport { highlightCode } from './CodeBlockHelper';\nimport { CodeBlockProps, CodeLanguage } from './types';\n\n// optional types extraction\n\nexport const CodeBlock = ({\n\tcode = '',\n\tlanguage = CodeLanguage.JAVASCRIPT,\n\ttitle = '',\n\thideLineNumbers = false,\n\tmaxHeight = '400px',\n\tmaxWidth,\n\ttheme = 'dark',\n\thideHeader = false,\n\thideCopy = false,\n}: CodeBlockProps) => {\n\tconst [copied, setCopied] = useState(false);\n\tconst [showToaster, setShowToaster] = useState(false);\n\tconst [toasterType, setToasterType] = useState<'success' | 'error'>(\n\t\t'success',\n\t);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetToasterType('success');\n\t\t\tsetShowToaster(true);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch (err) {\n\t\t\tsetToasterType('error');\n\t\t\tsetShowToaster(true);\n\t\t}\n\t};\n\n\t// Apply language-specific formatting\n\tconst [formattedCode, setFormattedCode] = useState(code);\n\n\tuseEffect(() => {\n\t\tlet isMounted = true;\n\t\tconst formatCode = async () => {\n\t\t\ttry {\n\t\t\t\tconst formatterModule = await import(\n\t\t\t\t\t/* webpackChunkName: \"languageSpecificFormatting-[request]\" */\n\t\t\t\t\t`./languageSpecificFormatting/${language}_file.ts`\n\t\t\t\t);\n\t\t\t\tif (formatterModule?.format && isMounted) {\n\t\t\t\t\tsetFormattedCode(formatterModule.format(code));\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// No formatter found — just use original\n\t\t\t}\n\t\t\tif (isMounted) setFormattedCode(code);\n\t\t};\n\n\t\tformatCode();\n\t\treturn () => {\n\t\t\tisMounted = false;\n\t\t};\n\t}, [code, language]);\n\n\tconst lines = formattedCode.split('\\n');\n\n\tconst getLanguageBadgeColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<CodeLanguage, string> = {\n\t\t\tjavascript: '#FEC02D',\n\t\t\tpython: '#3776ab',\n\t\t\tjava: '#ed8b00',\n\t\t\tcss: '#1572b6',\n\t\t\thtml: '#e34c26',\n\t\t\tjson: '#000000',\n\t\t};\n\t\treturn (\n\t\t\tcolors[lang.toLowerCase()] || (theme === 'dark' ? '#6e7681' : '#656d76')\n\t\t);\n\t};\n\n\tconst getBadgeTextColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<string, string> = {\n\t\t\tjavascript: '#000',\n\t\t};\n\t\treturn colors?.[lang.toLowerCase()] || '#fff';\n\t};\n\n\treturn (\n\t\t<Container themeMode={theme} maxWidth={maxWidth}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header themeMode={theme}>\n\t\t\t\t\t<TitleSection>\n\t\t\t\t\t\t{!!title && title && <Title themeMode={theme}>{title}</Title>}\n\t\t\t\t\t\t<LanguageBadge\n\t\t\t\t\t\t\tbg={getLanguageBadgeColor(language)}\n\t\t\t\t\t\t\tcolor={getBadgeTextColor(language)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{language}\n\t\t\t\t\t\t</LanguageBadge>\n\t\t\t\t\t</TitleSection>\n\t\t\t\t\t{!hideCopy && (\n\t\t\t\t\t\t<CopyButton themeMode={theme} onClick={handleCopy}>\n\t\t\t\t\t\t\t{copied ? <>✓ Copied</> : <>Copy</>}\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t)}\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<CodeContainer maxHeight={maxHeight}>\n\t\t\t\t{!hideLineNumbers && (\n\t\t\t\t\t<LineNumbers themeMode={theme}>\n\t\t\t\t\t\t{lines.map((_, index) => (\n\t\t\t\t\t\t\t<div key={index}>{index + 1}</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</LineNumbers>\n\t\t\t\t)}\n\t\t\t\t<Code themeMode={theme}>\n\t\t\t\t\t{lines.map((line, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{ minHeight: line.trim() ? '20px' : '0px' }}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: highlightCode(line, language, theme) || '&nbsp;',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</Code>\n\t\t\t</CodeContainer>\n\t\t\t{showToaster && (\n\t\t\t\t<Toaster\n\t\t\t\t\ttext={\n\t\t\t\t\t\ttoasterType === 'success'\n\t\t\t\t\t\t\t? 'Code copied to clipboard!'\n\t\t\t\t\t\t\t: 'Failed to copy code'\n\t\t\t\t\t}\n\t\t\t\t\tautoClose={2000}\n\t\t\t\t\ttype={toasterType}\n\t\t\t\t\thideProgressBar\n\t\t\t\t\tonCloseToast={() => setShowToaster(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["CodeBlock","code","language","CodeLanguage","title","hideLineNumbers","maxHeight","maxWidth","theme","hideHeader","hideCopy","copied","setCopied","useState","showToaster","setShowToaster","toasterType","setToasterType","handleCopy","formattedCode","setFormattedCode","useEffect","isMounted","formatterModule","__variableDynamicImportRuntimeHelper","lines","getLanguageBadgeColor","lang","getBadgeTextColor","jsxDEV","Container","Header","TitleSection","Title","this","LanguageBadge","CopyButton","Fragment","CodeContainer","LineNumbers","_","index","Code","line","highlightCode","Toaster"],"mappings":"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"}

package/dist/cjs/components/colourInput/ColourInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),n=require("./ColourInput.styled.js"),r=require("../TypographyStyle.js"),u=e=>o.jsxDEV("div",{className:"buttonColorCustom",children:[e.headingText&&o.jsxDEV(r.BodySecondary,{children:e.headingText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:18,columnNumber:26},void 0),o.jsxDEV(n.ColorInputContainer,{children:[o.jsxDEV(r.BodyPrimary,{children:e.labelText??"Colour"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:20,columnNumber:5},void 0),o.jsxDEV(n.StyledColorInput,{type:"color",onChange:t=>{e.onValueChange(t.target.value)},value:e.value},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:21,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:19,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:17,columnNumber:3},void 0);exports.ColourInput=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),n=require("./ColourInput.styled.js"),r=require("../TypographyStyle.js"),l=e=>o.jsxDEV("div",{className:"buttonColorCustom",children:[e.headingText&&o.jsxDEV(r.BodySecondary,{children:e.headingText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:18,columnNumber:26},void 0),o.jsxDEV(n.ColorInputContainer,{children:[o.jsxDEV(r.BodyPrimary,{children:e.labelText??"Colour"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:20,columnNumber:5},void 0),o.jsxDEV(n.StyledColorInput,{type:"color",onChange:u=>{e.onValueChange(u.target.value)},value:e.value},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:21,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:19,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:17,columnNumber:3},void 0);exports.ColourInput=l;
 //# sourceMappingURL=ColourInput.js.map