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

package/dist/cjs/components/resizeImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["ResizableImage","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","resizedImage","error","jsxDEV","this","BikShimmer"],"mappings":"2OAWaA,EAAgD,CAAC,CAC7D,SAAAC,EACA,WAAAC,EACA,IAAAC,EACA,MAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAE,EAYzD,OAVAC,EAAAA,UAAU,IAAM,CACfC,EAAAA,YAAYR,EAAUC,CAAU,EAC9B,KAAMQ,GAAiB,CACvBJ,EAAmBI,CAAY,CAChC,CAAC,EACA,MAAOC,GAAU,CACjBL,EAAmBL,CAAQ,CAC5B,CAAC,CACH,EAAG,CAACA,EAAUC,CAAU,CAAC,EAEpBG,EAcJO,EAAAA,OAAC,MAAA,CACA,IAAAT,EACA,IAAKE,EACL,OAAQH,EACR,MAAOA,EACP,MAAAE,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAZCD,EAAAA,OAACE,EAAAA,WAAA,CACA,MAAO,CACN,CACC,UAAW,MACX,OAAQ,GAAGZ,CAAU,KACrB,MAAO,GAAGA,CAAU,IAAA,CACrB,CACD,EAPD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAoBH"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["ResizableImage","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","resizedImage","error","jsxDEV","this","BikShimmer"],"mappings":"2OAWaA,EAAgD,CAAC,CAC7D,SAAAC,EACA,WAAAC,EACA,IAAAC,EACA,MAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAE,EAYzD,OAVAC,EAAAA,UAAU,IAAM,CACfC,EAAAA,YAAYR,EAAUC,CAAU,EAC9B,KAAMQ,GAAiB,CACvBJ,EAAmBI,CAAY,CAChC,CAAC,EACA,MAAOC,GAAU,CACjBL,EAAmBL,CAAQ,CAC5B,CAAC,CACH,EAAG,CAACA,EAAUC,CAAU,CAAC,EAEpBG,EAcJO,EAAAA,OAAC,MAAA,CACA,IAAAT,EACA,IAAKE,EACL,OAAQH,EACR,MAAOA,EACP,MAAAE,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAZCD,EAAAA,OAACE,EAAAA,WAAA,CACA,MAAO,CACN,CACC,UAAW,MACX,OAAQ,GAAGZ,CAAU,KACrB,MAAO,GAAGA,CAAU,IAAA,CACrB,CACD,EAPD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAoBH"}

package/dist/cjs/components/searchBar/searchBar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-dev-runtime"),E=require("../../assets/icons/searchIcon.js"),t=require("react"),V=require("../../assets/icons/cross.svg.js"),y=require("../input/Input.js"),q=e=>{const{isEnabled:s,onEnter:d,placeholder:S,width:g,variant:m,validate:v,isActive:i}=e,[h,n]=t.useState("search"),[f,o]=t.useState("default"),[C,a]=t.useState(i?"active":s?"none":"disabled"),[r,u]=t.useState(e.initialValue||e.searchValue||"");t.useEffect(()=>{u(e.searchValue??""),e.searchValue?.trim()?.length?n("cross"):n("search")},[e.searchValue]),t.useEffect(()=>{a(i?"active":s?"none":"disabled")},[s,i]),t.useEffect(()=>{e.reset&&b()},[e?.reset]);const k=(c,l)=>{if(e.onChange(c),u(c),l?.type==="keydown"&&(l.which===13||l.keyCode===13)){I(c);return}c.trim().length?n("cross"):n("search")},I=c=>{s&&d(c)},b=()=>{n("search"),o("default"),u(""),e.onChange(""),a("none"),d("")};return B.jsxDEV(y.Input,{"data-test":e["data-test"],id:"search-bar",validate:v,onFocus:()=>{r.length&&n("cross"),f==="default"&&s&&(o("clicked"),a("active"))},width:g,state:C,leftIcon:h==="search"&&f==="default"?{icon:E.SearchIcon}:void 0,rightIcon:h==="cross"&&!e.suffixButton?{icon:V.default,callback:()=>{b(),e.onClickCross&&e.onClickCross()}}:void 0,onChangeText:k,placeholder:S,variant:m,value:r,onBlur:()=>{r.length||o("default"),a("none")},button:{text:"",buttonProps:e.suffixButton}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/searchBar/searchBar.tsx",lineNumber:101,columnNumber:3},void 0)};exports.SearchBar=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-dev-runtime"),B=require("../../assets/icons/searchIcon.js"),t=require("react"),E=require("../../assets/icons/cross.svg.js"),V=require("../input/Input.js"),q=e=>{const{isEnabled:s,onEnter:d,placeholder:m,width:v,variant:S,validate:g,isActive:i}=e,[h,n]=t.useState("search"),[f,o]=t.useState("default"),[k,a]=t.useState(i?"active":s?"none":"disabled"),[r,u]=t.useState(e.initialValue||e.searchValue||"");t.useEffect(()=>{u(e.searchValue??""),e.searchValue?.trim()?.length?n("cross"):n("search")},[e.searchValue]),t.useEffect(()=>{a(i?"active":s?"none":"disabled")},[s,i]),t.useEffect(()=>{e.reset&&b()},[e?.reset]);const C=(c,l)=>{if(e.onChange(c),u(c),l?.type==="keydown"&&(l.which===13||l.keyCode===13)){I(c);return}c.trim().length?n("cross"):n("search")},I=c=>{s&&d(c)},b=()=>{n("search"),o("default"),u(""),e.onChange(""),a("none"),d("")};return y.jsxDEV(V.Input,{"data-test":e["data-test"],id:"search-bar",validate:g,onFocus:()=>{r.length&&n("cross"),f==="default"&&s&&(o("clicked"),a("active"))},width:v,state:k,leftIcon:h==="search"&&f==="default"?{icon:B.SearchIcon}:void 0,rightIcon:h==="cross"&&!e.suffixButton?{icon:E.default,callback:()=>{b(),e.onClickCross&&e.onClickCross()}}:void 0,onChangeText:C,placeholder:m,variant:S,value:r,onBlur:()=>{r.length||o("default"),a("none")},button:{text:"",buttonProps:e.suffixButton}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/searchBar/searchBar.tsx",lineNumber:101,columnNumber:3},void 0)};exports.SearchBar=q;
 //# sourceMappingURL=searchBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"searchBar.js","sources":["../../../../src/components/searchBar/searchBar.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport { useEffect, useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { ButtonProps } from '../button/model';\nimport { Input } from '../input/Input';\nimport { InputVariant } from '../input/Input.model';\n\nexport interface SearchBarProps {\n\twidth: string;\n\tisEnabled: boolean;\n\tonChange: (searchText: string) => void;\n\tonEnter: (searchText: string) => void;\n\tplaceholder: string;\n\tvariant: InputVariant;\n\tvalidate?: (input?: string | number) => [boolean, string];\n\tinitialValue?: string;\n\treset?: boolean;\n\tonClickCross?: () => void;\n\tisActive?: boolean;\n\tsuffixButton?: ButtonProps;\n\tsearchValue?: string;\n\t'data-test'?: string;\n}\n\ntype ActiveStates = 'none' | 'disabled' | 'active';\ntype Mode = 'default' | 'clicked';\n\nexport const SearchBar = (props: SearchBarProps) => {\n\tconst {\n\t\tisEnabled,\n\t\tonEnter,\n\t\tplaceholder,\n\t\twidth,\n\t\tvariant,\n\t\tvalidate,\n\t\tisActive,\n\t} = props;\n\tconst [icon, setIcon] = useState<string>('search');\n\tconst [mode, setMode] = useState<Mode>('default');\n\tconst [inputState, setInputState] = useState<ActiveStates>(\n\t\tisActive ? 'active' : isEnabled ? 'none' : 'disabled',\n\t);\n\tconst [value, setValue] = useState<string>(\n\t\tprops.initialValue || props.searchValue || '',\n\t);\n\n\tuseEffect(() => {\n\t\tsetValue(props.searchValue ?? '');\n\t\tif (props.searchValue?.trim()?.length) {\n\t\t\tsetIcon('cross');\n\t\t} else {\n\t\t\tsetIcon('search');\n\t\t}\n\t}, [props.searchValue]);\n\n\tuseEffect(() => {\n\t\tisActive\n\t\t\t? setInputState('active')\n\t\t\t: isEnabled\n\t\t\t? setInputState('none')\n\t\t\t: setInputState('disabled');\n\t}, [isEnabled, isActive]);\n\n\tuseEffect(() => {\n\t\tprops.reset && resetSearch();\n\t}, [props?.reset]);\n\n\tconst handleOnChange = (searchText: string, event: any) => {\n\t\tprops.onChange(searchText);\n\t\tsetValue(searchText);\n\n\t\tif (\n\t\t\tevent?.type === 'keydown' &&\n\t\t\t(event.which === 13 || event.keyCode === 13)\n\t\t) {\n\t\t\thandleEnter(searchText);\n\t\t\treturn;\n\t\t}\n\n\t\tif (searchText.trim().length) {\n\t\t\tsetIcon('cross');\n\t\t} else {\n\t\t\tsetIcon('search');\n\t\t}\n\t};\n\n\tconst handleEnter = (searchText: string) => {\n\t\tisEnabled && onEnter(searchText);\n\t};\n\n\tconst resetSearch = () => {\n\t\tsetIcon('search');\n\t\tsetMode('default');\n\t\tsetValue('');\n\t\tprops.onChange('');\n\t\tsetInputState('none');\n\t\tonEnter('');\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\tdata-test={props['data-test']}\n\t\t\tid=\"search-bar\"\n\t\t\tvalidate={validate}\n\t\t\tonFocus={() => {\n\t\t\t\tif (value.length) setIcon('cross');\n\t\t\t\tif (mode === 'default') {\n\t\t\t\t\tif (isEnabled) {\n\t\t\t\t\t\tsetMode('clicked');\n\t\t\t\t\t\tsetInputState('active');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t\twidth={width}\n\t\t\tstate={inputState}\n\t\t\tleftIcon={\n\t\t\t\ticon === 'search' && mode === 'default'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ticon: SearchIcon,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trightIcon={\n\t\t\t\ticon === 'cross' && !props.suffixButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ticon: CrossIcon,\n\t\t\t\t\t\t\tcallback: () => {\n\t\t\t\t\t\t\t\tresetSearch();\n\t\t\t\t\t\t\t\tprops.onClickCross && props.onClickCross();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonChangeText={handleOnChange}\n\t\t\tplaceholder={placeholder}\n\t\t\tvariant={variant}\n\t\t\tvalue={value}\n\t\t\tonBlur={() => {\n\t\t\t\tif (!value.length) {\n\t\t\t\t\tsetMode('default');\n\t\t\t\t}\n\t\t\t\tsetInputState('none');\n\t\t\t}}\n\t\t\tbutton={{ text: '', buttonProps: props.suffixButton }}\n\t\t/>\n\t);\n};\n"],"names":["SearchBar","props","isEnabled","onEnter","placeholder","width","variant","validate","isActive","icon","setIcon","useState","mode","setMode","inputState","setInputState","value","setValue","useEffect","resetSearch","handleOnChange","searchText","event","handleEnter","jsxDEV","Input","SearchIcon","CrossIcon","this"],"mappings":"sQA2BaA,EAAaC,GAA0B,CACnD,KAAM,CACL,UAAAC,EACA,QAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EACGP,EACE,CAACQ,EAAMC,CAAO,EAAIC,EAAAA,SAAiB,QAAQ,EAC3C,CAACC,EAAMC,CAAO,EAAIF,EAAAA,SAAe,SAAS,EAC1C,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SACnCH,EAAW,SAAWN,EAAY,OAAS,UAAA,EAEtC,CAACc,EAAOC,CAAQ,EAAIN,EAAAA,SACzBV,EAAM,cAAgBA,EAAM,aAAe,EAAA,EAG5CiB,EAAAA,UAAU,IAAM,CACfD,EAAShB,EAAM,aAAe,EAAE,EAC5BA,EAAM,aAAa,KAAA,GAAQ,OAC9BS,EAAQ,OAAO,EAEfA,EAAQ,QAAQ,CAElB,EAAG,CAACT,EAAM,WAAW,CAAC,EAEtBiB,EAAAA,UAAU,IAAM,CAEZH,EADHP,EACiB,SACdN,EACc,OACA,UAHQ,CAI1B,EAAG,CAACA,EAAWM,CAAQ,CAAC,EAExBU,EAAAA,UAAU,IAAM,CACfjB,EAAM,OAASkB,EAAA,CAChB,EAAG,CAAClB,GAAO,KAAK,CAAC,EAEjB,MAAMmB,EAAiB,CAACC,EAAoBC,IAAe,CAI1D,GAHArB,EAAM,SAASoB,CAAU,EACzBJ,EAASI,CAAU,EAGlBC,GAAO,OAAS,YACfA,EAAM,QAAU,IAAMA,EAAM,UAAY,IACxC,CACDC,EAAYF,CAAU,EACtB,MACD,CAEIA,EAAW,KAAA,EAAO,OACrBX,EAAQ,OAAO,EAEfA,EAAQ,QAAQ,CAElB,EAEMa,EAAeF,GAAuB,CAC3CnB,GAAaC,EAAQkB,CAAU,CAChC,EAEMF,EAAc,IAAM,CACzBT,EAAQ,QAAQ,EAChBG,EAAQ,SAAS,EACjBI,EAAS,EAAE,EACXhB,EAAM,SAAS,EAAE,EACjBc,EAAc,MAAM,EACpBZ,EAAQ,EAAE,CACX,EAEA,OACCqB,EAAAA,OAACC,EAAAA,MAAA,CACA,YAAWxB,EAAM,WAAW,EAC5B,GAAG,aACH,SAAAM,EACA,QAAS,IAAM,CACVS,EAAM,QAAQN,EAAQ,OAAO,EAC7BE,IAAS,WACRV,IACHW,EAAQ,SAAS,EACjBE,EAAc,QAAQ,EAGzB,EACA,MAAAV,EACA,MAAOS,EACP,SACCL,IAAS,UAAYG,IAAS,UAC3B,CACA,KAAMc,EAAAA,UAAA,EAEN,OAEJ,UACCjB,IAAS,SAAW,CAACR,EAAM,aACxB,CACA,KAAM0B,EAAAA,QACN,SAAU,IAAM,CACfR,EAAA,EACAlB,EAAM,cAAgBA,EAAM,aAAA,CAC7B,CAAA,EAEA,OAEJ,aAAcmB,EACd,YAAAhB,EACA,QAAAE,EACA,MAAAU,EACA,OAAQ,IAAM,CACRA,EAAM,QACVH,EAAQ,SAAS,EAElBE,EAAc,MAAM,CACrB,EACA,OAAQ,CAAE,KAAM,GAAI,YAAad,EAAM,YAAA,CAAa,EA3CrD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,IAAA,aAAA,CAAA,EAAA2B,MAAA,CA8CF"}
+{"version":3,"file":"searchBar.js","sources":["../../../../src/components/searchBar/searchBar.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport { useEffect, useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { ButtonProps } from '../button/model';\nimport { Input } from '../input/Input';\nimport { InputVariant } from '../input/Input.model';\n\nexport interface SearchBarProps {\n\twidth: string;\n\tisEnabled: boolean;\n\tonChange: (searchText: string) => void;\n\tonEnter: (searchText: string) => void;\n\tplaceholder: string;\n\tvariant: InputVariant;\n\tvalidate?: (input?: string | number) => [boolean, string];\n\tinitialValue?: string;\n\treset?: boolean;\n\tonClickCross?: () => void;\n\tisActive?: boolean;\n\tsuffixButton?: ButtonProps;\n\tsearchValue?: string;\n\t'data-test'?: string;\n}\n\ntype ActiveStates = 'none' | 'disabled' | 'active';\ntype Mode = 'default' | 'clicked';\n\nexport const SearchBar = (props: SearchBarProps) => {\n\tconst {\n\t\tisEnabled,\n\t\tonEnter,\n\t\tplaceholder,\n\t\twidth,\n\t\tvariant,\n\t\tvalidate,\n\t\tisActive,\n\t} = props;\n\tconst [icon, setIcon] = useState<string>('search');\n\tconst [mode, setMode] = useState<Mode>('default');\n\tconst [inputState, setInputState] = useState<ActiveStates>(\n\t\tisActive ? 'active' : isEnabled ? 'none' : 'disabled',\n\t);\n\tconst [value, setValue] = useState<string>(\n\t\tprops.initialValue || props.searchValue || '',\n\t);\n\n\tuseEffect(() => {\n\t\tsetValue(props.searchValue ?? '');\n\t\tif (props.searchValue?.trim()?.length) {\n\t\t\tsetIcon('cross');\n\t\t} else {\n\t\t\tsetIcon('search');\n\t\t}\n\t}, [props.searchValue]);\n\n\tuseEffect(() => {\n\t\tisActive\n\t\t\t? setInputState('active')\n\t\t\t: isEnabled\n\t\t\t? setInputState('none')\n\t\t\t: setInputState('disabled');\n\t}, [isEnabled, isActive]);\n\n\tuseEffect(() => {\n\t\tprops.reset && resetSearch();\n\t}, [props?.reset]);\n\n\tconst handleOnChange = (searchText: string, event: any) => {\n\t\tprops.onChange(searchText);\n\t\tsetValue(searchText);\n\n\t\tif (\n\t\t\tevent?.type === 'keydown' &&\n\t\t\t(event.which === 13 || event.keyCode === 13)\n\t\t) {\n\t\t\thandleEnter(searchText);\n\t\t\treturn;\n\t\t}\n\n\t\tif (searchText.trim().length) {\n\t\t\tsetIcon('cross');\n\t\t} else {\n\t\t\tsetIcon('search');\n\t\t}\n\t};\n\n\tconst handleEnter = (searchText: string) => {\n\t\tisEnabled && onEnter(searchText);\n\t};\n\n\tconst resetSearch = () => {\n\t\tsetIcon('search');\n\t\tsetMode('default');\n\t\tsetValue('');\n\t\tprops.onChange('');\n\t\tsetInputState('none');\n\t\tonEnter('');\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\tdata-test={props['data-test']}\n\t\t\tid=\"search-bar\"\n\t\t\tvalidate={validate}\n\t\t\tonFocus={() => {\n\t\t\t\tif (value.length) setIcon('cross');\n\t\t\t\tif (mode === 'default') {\n\t\t\t\t\tif (isEnabled) {\n\t\t\t\t\t\tsetMode('clicked');\n\t\t\t\t\t\tsetInputState('active');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t\twidth={width}\n\t\t\tstate={inputState}\n\t\t\tleftIcon={\n\t\t\t\ticon === 'search' && mode === 'default'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ticon: SearchIcon,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trightIcon={\n\t\t\t\ticon === 'cross' && !props.suffixButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ticon: CrossIcon,\n\t\t\t\t\t\t\tcallback: () => {\n\t\t\t\t\t\t\t\tresetSearch();\n\t\t\t\t\t\t\t\tprops.onClickCross && props.onClickCross();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonChangeText={handleOnChange}\n\t\t\tplaceholder={placeholder}\n\t\t\tvariant={variant}\n\t\t\tvalue={value}\n\t\t\tonBlur={() => {\n\t\t\t\tif (!value.length) {\n\t\t\t\t\tsetMode('default');\n\t\t\t\t}\n\t\t\t\tsetInputState('none');\n\t\t\t}}\n\t\t\tbutton={{ text: '', buttonProps: props.suffixButton }}\n\t\t/>\n\t);\n};\n"],"names":["SearchBar","props","isEnabled","onEnter","placeholder","width","variant","validate","isActive","icon","setIcon","useState","mode","setMode","inputState","setInputState","value","setValue","useEffect","resetSearch","handleOnChange","searchText","event","handleEnter","jsxDEV","Input","SearchIcon","CrossIcon","this"],"mappings":"sQA2BaA,EAAaC,GAA0B,CACnD,KAAM,CACL,UAAAC,EACA,QAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EACGP,EACE,CAACQ,EAAMC,CAAO,EAAIC,EAAAA,SAAiB,QAAQ,EAC3C,CAACC,EAAMC,CAAO,EAAIF,EAAAA,SAAe,SAAS,EAC1C,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SACnCH,EAAW,SAAWN,EAAY,OAAS,UAAA,EAEtC,CAACc,EAAOC,CAAQ,EAAIN,EAAAA,SACzBV,EAAM,cAAgBA,EAAM,aAAe,EAAA,EAG5CiB,EAAAA,UAAU,IAAM,CACfD,EAAShB,EAAM,aAAe,EAAE,EAC5BA,EAAM,aAAa,KAAA,GAAQ,OAC9BS,EAAQ,OAAO,EAEfA,EAAQ,QAAQ,CAElB,EAAG,CAACT,EAAM,WAAW,CAAC,EAEtBiB,EAAAA,UAAU,IAAM,CAEZH,EADHP,EACiB,SACdN,EACc,OACA,UAHQ,CAI1B,EAAG,CAACA,EAAWM,CAAQ,CAAC,EAExBU,EAAAA,UAAU,IAAM,CACfjB,EAAM,OAASkB,EAAA,CAChB,EAAG,CAAClB,GAAO,KAAK,CAAC,EAEjB,MAAMmB,EAAiB,CAACC,EAAoBC,IAAe,CAI1D,GAHArB,EAAM,SAASoB,CAAU,EACzBJ,EAASI,CAAU,EAGlBC,GAAO,OAAS,YACfA,EAAM,QAAU,IAAMA,EAAM,UAAY,IACxC,CACDC,EAAYF,CAAU,EACtB,MACD,CAEIA,EAAW,KAAA,EAAO,OACrBX,EAAQ,OAAO,EAEfA,EAAQ,QAAQ,CAElB,EAEMa,EAAeF,GAAuB,CAC3CnB,GAAaC,EAAQkB,CAAU,CAChC,EAEMF,EAAc,IAAM,CACzBT,EAAQ,QAAQ,EAChBG,EAAQ,SAAS,EACjBI,EAAS,EAAE,EACXhB,EAAM,SAAS,EAAE,EACjBc,EAAc,MAAM,EACpBZ,EAAQ,EAAE,CACX,EAEA,OACCqB,EAAAA,OAACC,EAAAA,MAAA,CACA,YAAWxB,EAAM,WAAW,EAC5B,GAAG,aACH,SAAAM,EACA,QAAS,IAAM,CACVS,EAAM,QAAQN,EAAQ,OAAO,EAC7BE,IAAS,WACRV,IACHW,EAAQ,SAAS,EACjBE,EAAc,QAAQ,EAGzB,EACA,MAAAV,EACA,MAAOS,EACP,SACCL,IAAS,UAAYG,IAAS,UAC3B,CACA,KAAMc,EAAAA,UAAA,EAEN,OAEJ,UACCjB,IAAS,SAAW,CAACR,EAAM,aACxB,CACA,KAAM0B,EAAAA,QACN,SAAU,IAAM,CACfR,EAAA,EACAlB,EAAM,cAAgBA,EAAM,aAAA,CAC7B,CAAA,EAEA,OAEJ,aAAcmB,EACd,YAAAhB,EACA,QAAAE,EACA,MAAAU,EACA,OAAQ,IAAM,CACRA,EAAM,QACVH,EAAQ,SAAS,EAElBE,EAAc,MAAM,CACrB,EACA,OAAQ,CAAE,KAAM,GAAI,YAAad,EAAM,YAAA,CAAa,EA3CrD,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,IAAA,aAAA,CAAA,EAAA2B,MAAA,CA8CF"}

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),t=require("./ShimmerStyled.js"),m=e=>r.jsxDEV(t.ShimmerStyled,{isBrand:e.isBrand,direction:e.direction,gap:e.gap,children:e.boxes.map((i,n)=>r.jsxDEV("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px",borderRadius:i.borderRadius||"4px"}},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer/ShimmerComponent/BikShimmer.tsx",lineNumber:27,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer/ShimmerComponent/BikShimmer.tsx",lineNumber:20,columnNumber:3},void 0);exports.BikShimmer=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),s=require("./ShimmerStyled.js"),m=e=>r.jsxDEV(s.ShimmerStyled,{isBrand:e.isBrand,direction:e.direction,gap:e.gap,children:e.boxes.map((i,n)=>r.jsxDEV("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px",borderRadius:i.borderRadius||"4px"}},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer/ShimmerComponent/BikShimmer.tsx",lineNumber:27,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer/ShimmerComponent/BikShimmer.tsx",lineNumber:20,columnNumber:3},void 0);exports.BikShimmer=m;exports.default=m;
 //# sourceMappingURL=BikShimmer.js.map

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BikShimmer.js","sources":["../../../../../src/components/shimmer/ShimmerComponent/BikShimmer.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport { ShimmerStyled } from './ShimmerStyled';\n\nexport interface ShimmerBox {\n\theight: string;\n\twidth: string;\n\tmarginTop?: string;\n\tborderRadius?: string;\n}\n\nexport interface BikShimmerProps {\n\tboxes: ShimmerBox[];\n\tisBrand?: boolean;\n\tgap?: string;\n\tdirection?: 'row' | 'column';\n}\n\nexport const BikShimmer: FunctionComponent<BikShimmerProps> = (props) => {\n\treturn (\n\t\t<ShimmerStyled\n\t\t\tisBrand={props.isBrand}\n\t\t\tdirection={props.direction}\n\t\t\tgap={props.gap}\n\t\t>\n\t\t\t{props.boxes.map((box, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'shine'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: box.width,\n\t\t\t\t\t\t\theight: box.height,\n\t\t\t\t\t\t\tmarginTop: box.marginTop || '16px',\n\t\t\t\t\t\t\tborderRadius: box.borderRadius || '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t></div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ShimmerStyled>\n\t);\n};\n\nexport default BikShimmer;\n"],"names":["BikShimmer","props","jsxDEV","ShimmerStyled","box","index","this"],"mappings":"qLAiBaA,EAAkDC,GAE7DC,EAAAA,OAACC,EAAAA,cAAA,CACA,QAASF,EAAM,QACf,UAAWA,EAAM,UACjB,IAAKA,EAAM,IAEV,SAAAA,EAAM,MAAM,IAAI,CAACG,EAAKC,IAErBH,EAAAA,OAAC,MAAA,CACA,UAAW,QACX,MAAO,CACN,MAAOE,EAAI,MACX,OAAQA,EAAI,OACZ,UAAWA,EAAI,WAAa,OAC5B,aAAcA,EAAI,cAAgB,KAAA,CACnC,EACKC,EARN,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAWD,CAAA,EAlBF,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
+{"version":3,"file":"BikShimmer.js","sources":["../../../../../src/components/shimmer/ShimmerComponent/BikShimmer.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport { ShimmerStyled } from './ShimmerStyled';\n\nexport interface ShimmerBox {\n\theight: string;\n\twidth: string;\n\tmarginTop?: string;\n\tborderRadius?: string;\n}\n\nexport interface BikShimmerProps {\n\tboxes: ShimmerBox[];\n\tisBrand?: boolean;\n\tgap?: string;\n\tdirection?: 'row' | 'column';\n}\n\nexport const BikShimmer: FunctionComponent<BikShimmerProps> = (props) => {\n\treturn (\n\t\t<ShimmerStyled\n\t\t\tisBrand={props.isBrand}\n\t\t\tdirection={props.direction}\n\t\t\tgap={props.gap}\n\t\t>\n\t\t\t{props.boxes.map((box, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'shine'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: box.width,\n\t\t\t\t\t\t\theight: box.height,\n\t\t\t\t\t\t\tmarginTop: box.marginTop || '16px',\n\t\t\t\t\t\t\tborderRadius: box.borderRadius || '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t></div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ShimmerStyled>\n\t);\n};\n\nexport default BikShimmer;\n"],"names":["BikShimmer","props","jsxDEV","ShimmerStyled","box","index","this"],"mappings":"qLAiBaA,EAAkDC,GAE7DC,EAAAA,OAACC,EAAAA,cAAA,CACA,QAASF,EAAM,QACf,UAAWA,EAAM,UACjB,IAAKA,EAAM,IAEV,SAAAA,EAAM,MAAM,IAAI,CAACG,EAAKC,IAErBH,EAAAA,OAAC,MAAA,CACA,UAAW,QACX,MAAO,CACN,MAAOE,EAAI,MACX,OAAQA,EAAI,OACZ,UAAWA,EAAI,WAAa,OAC5B,aAAcA,EAAI,cAAgB,KAAA,CACnC,EACKC,EARN,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAWD,CAAA,EAlBF,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}

package/dist/cjs/components/shimmer-image/ShimmerImage.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),t=require("react"),f=require("../shimmer/ShimmerComponent/BikShimmer.js"),b="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",g=({imageUrl:i,width:o,height:m,borderRadius:s,alt:n,useDynamicInfoImageSize:a,defaultImageUrl:d=b,imagePreviewStyles:h})=>{const[c,l]=t.useState(!0),[p,u]=t.useState(!1);return t.useEffect(()=>{const e=new Image;return e.src=i,e.onload=()=>{u(!1),l(!1)},e.onerror=()=>{u(!0),l(!1)},()=>{e.onload=null,e.onerror=null}},[i]),r.jsxDEV("div",{style:{position:"relative",width:a?`min(100%, ${o}px)`:o,...a?{aspectRatio:1}:{height:m},borderRadius:s},children:[c&&r.jsxDEV(f.BikShimmer,{boxes:[{height:`${m}px`,width:`${o}px`,marginTop:"0px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:61,columnNumber:5},void 0),p?r.jsxDEV("img",{src:d,alt:n??"Image",style:{borderRadius:s??0,display:"block",width:"100%",height:"100%",objectFit:"cover"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:68,columnNumber:5},void 0):r.jsxDEV("img",{src:i,alt:n??"Image",style:{borderRadius:s??0,display:c?"none":"block",width:"100%",height:"100%",objectFit:"cover",...h}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:81,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:52,columnNumber:3},void 0)};exports.DEFAULT_IMAGE=b;exports.ShimmerImage=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),m=require("react"),f=require("../shimmer/ShimmerComponent/BikShimmer.js"),u="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",g=({imageUrl:r,width:s,height:t,borderRadius:o,alt:a,useDynamicInfoImageSize:n,defaultImageUrl:p=u,imagePreviewStyles:d})=>{const[c,l]=m.useState(!0),[h,b]=m.useState(!1);return m.useEffect(()=>{const e=new Image;return e.src=r,e.onload=()=>{b(!1),l(!1)},e.onerror=()=>{b(!0),l(!1)},()=>{e.onload=null,e.onerror=null}},[r]),i.jsxDEV("div",{style:{position:"relative",width:n?`min(100%, ${s}px)`:s,...n?{aspectRatio:1}:{height:t},borderRadius:o},children:[c&&i.jsxDEV(f.BikShimmer,{boxes:[{height:`${t}px`,width:`${s}px`,marginTop:"0px"}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:61,columnNumber:5},void 0),h?i.jsxDEV("img",{src:p,alt:a??"Image",style:{borderRadius:o??0,display:"block",width:"100%",height:"100%",objectFit:"cover"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:68,columnNumber:5},void 0):i.jsxDEV("img",{src:r,alt:a??"Image",style:{borderRadius:o??0,display:c?"none":"block",width:"100%",height:"100%",objectFit:"cover",...d}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:81,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/shimmer-image/ShimmerImage.tsx",lineNumber:52,columnNumber:3},void 0)};exports.DEFAULT_IMAGE=u;exports.ShimmerImage=g;
 //# sourceMappingURL=ShimmerImage.js.map

package/dist/cjs/components/shimmer-image/ShimmerImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerImage.js","sources":["../../../../src/components/shimmer-image/ShimmerImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '../shimmer';\n\nexport type ShimmerImageProps = {\n\timageUrl: string;\n\twidth: number | string;\n\theight: number | string;\n\talt?: string;\n\tborderRadius?: number;\n\tdefaultImageUrl?: string;\n\tuseDynamicInfoImageSize?: boolean;\n\timagePreviewStyles?: React.CSSProperties;\n};\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nexport const ShimmerImage: React.FC<ShimmerImageProps> = ({\n\timageUrl,\n\twidth,\n\theight,\n\tborderRadius,\n\talt,\n\tuseDynamicInfoImageSize,\n\tdefaultImageUrl = DEFAULT_IMAGE,\n\timagePreviewStyles\n}) => {\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst image = new Image();\n\t\timage.src = imageUrl;\n\n\t\timage.onload = () => {\n\t\t\tsetIsError(false);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\timage.onerror = () => {\n\t\t\tsetIsError(true);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\treturn () => {\n\t\t\timage.onload = null;\n\t\t\timage.onerror = null;\n\t\t};\n\t}, [imageUrl]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t\twidth: useDynamicInfoImageSize ? `min(100%, ${width}px)` : width,\n\t\t\t\t...(useDynamicInfoImageSize ? { aspectRatio: 1 } : { height }),\n\t\t\t\tborderRadius,\n\t\t\t}}\n\t\t>\n\t\t\t{isLoading && (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ height: `${height}px`, width: `${width}px`, marginTop: '0px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isError ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={defaultImageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<img\n\t\t\t\t\tsrc={imageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: isLoading ? 'none' : 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t...imagePreviewStyles\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["DEFAULT_IMAGE","ShimmerImage","imageUrl","width","height","borderRadius","alt","useDynamicInfoImageSize","defaultImageUrl","imagePreviewStyles","isLoading","setIsLoading","useState","isError","setIsError","useEffect","image","jsxDEV","BikShimmer","this"],"mappings":"mMAcaA,EACZ,+KAEYC,EAA4C,CAAC,CACzD,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,aAAAC,EACA,IAAAC,EACA,wBAAAC,EACA,gBAAAC,EAAkBR,EAClB,mBAAAS,CACD,IAAM,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAQ,IAAI,MAClB,OAAAA,EAAM,IAAMd,EAEZc,EAAM,OAAS,IAAM,CACpBF,EAAW,EAAK,EAChBH,EAAa,EAAK,CACnB,EAEAK,EAAM,QAAU,IAAM,CACrBF,EAAW,EAAI,EACfH,EAAa,EAAK,CACnB,EAEO,IAAM,CACZK,EAAM,OAAS,KACfA,EAAM,QAAU,IACjB,CACD,EAAG,CAACd,CAAQ,CAAC,EAGZe,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAOV,EAA0B,aAAaJ,CAAK,MAAQA,EAC3D,GAAII,EAA0B,CAAE,YAAa,CAAA,EAAM,CAAE,OAAAH,CAAA,EACrD,aAAAC,CAAA,EAGA,SAAA,CAAAK,GACAO,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAO,CACN,CAAE,OAAQ,GAAGd,CAAM,KAAM,MAAO,GAAGD,CAAK,KAAM,UAAW,KAAA,CAAM,CAChE,EAHD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,EAMAN,EACAI,EAAAA,OAAC,MAAA,CACA,IAAKT,EACL,IAAKF,GAAO,QACZ,MAAO,CACN,aAAcD,GAAgB,EAC9B,QAAS,QACT,MAAO,OACP,OAAQ,OACR,UAAW,OAAA,CACZ,EATD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,EAaAF,EAAAA,OAAC,MAAA,CACA,IAAKf,EACL,IAAKI,GAAO,QACZ,MAAO,CACN,aAAcD,GAAgB,EAC9B,QAASK,EAAY,OAAS,QAC9B,MAAO,OACP,OAAQ,OACR,UAAW,QACX,GAAGD,CAAA,CACJ,EAVD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAWA,CAAA,EAxCF,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4CF"}
+{"version":3,"file":"ShimmerImage.js","sources":["../../../../src/components/shimmer-image/ShimmerImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '../shimmer';\n\nexport type ShimmerImageProps = {\n\timageUrl: string;\n\twidth: number | string;\n\theight: number | string;\n\talt?: string;\n\tborderRadius?: number;\n\tdefaultImageUrl?: string;\n\tuseDynamicInfoImageSize?: boolean;\n\timagePreviewStyles?: React.CSSProperties;\n};\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nexport const ShimmerImage: React.FC<ShimmerImageProps> = ({\n\timageUrl,\n\twidth,\n\theight,\n\tborderRadius,\n\talt,\n\tuseDynamicInfoImageSize,\n\tdefaultImageUrl = DEFAULT_IMAGE,\n\timagePreviewStyles\n}) => {\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst image = new Image();\n\t\timage.src = imageUrl;\n\n\t\timage.onload = () => {\n\t\t\tsetIsError(false);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\timage.onerror = () => {\n\t\t\tsetIsError(true);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\treturn () => {\n\t\t\timage.onload = null;\n\t\t\timage.onerror = null;\n\t\t};\n\t}, [imageUrl]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t\twidth: useDynamicInfoImageSize ? `min(100%, ${width}px)` : width,\n\t\t\t\t...(useDynamicInfoImageSize ? { aspectRatio: 1 } : { height }),\n\t\t\t\tborderRadius,\n\t\t\t}}\n\t\t>\n\t\t\t{isLoading && (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ height: `${height}px`, width: `${width}px`, marginTop: '0px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isError ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={defaultImageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<img\n\t\t\t\t\tsrc={imageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: isLoading ? 'none' : 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t...imagePreviewStyles\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["DEFAULT_IMAGE","ShimmerImage","imageUrl","width","height","borderRadius","alt","useDynamicInfoImageSize","defaultImageUrl","imagePreviewStyles","isLoading","setIsLoading","useState","isError","setIsError","useEffect","image","jsxDEV","BikShimmer","this"],"mappings":"mMAcaA,EACZ,+KAEYC,EAA4C,CAAC,CACzD,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,aAAAC,EACA,IAAAC,EACA,wBAAAC,EACA,gBAAAC,EAAkBR,EAClB,mBAAAS,CACD,IAAM,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAQ,IAAI,MAClB,OAAAA,EAAM,IAAMd,EAEZc,EAAM,OAAS,IAAM,CACpBF,EAAW,EAAK,EAChBH,EAAa,EAAK,CACnB,EAEAK,EAAM,QAAU,IAAM,CACrBF,EAAW,EAAI,EACfH,EAAa,EAAK,CACnB,EAEO,IAAM,CACZK,EAAM,OAAS,KACfA,EAAM,QAAU,IACjB,CACD,EAAG,CAACd,CAAQ,CAAC,EAGZe,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAOV,EAA0B,aAAaJ,CAAK,MAAQA,EAC3D,GAAII,EAA0B,CAAE,YAAa,CAAA,EAAM,CAAE,OAAAH,CAAA,EACrD,aAAAC,CAAA,EAGA,SAAA,CAAAK,GACAO,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAO,CACN,CAAE,OAAQ,GAAGd,CAAM,KAAM,MAAO,GAAGD,CAAK,KAAM,UAAW,KAAA,CAAM,CAChE,EAHD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,EAMAN,EACAI,EAAAA,OAAC,MAAA,CACA,IAAKT,EACL,IAAKF,GAAO,QACZ,MAAO,CACN,aAAcD,GAAgB,EAC9B,QAAS,QACT,MAAO,OACP,OAAQ,OACR,UAAW,OAAA,CACZ,EATD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,EAaAF,EAAAA,OAAC,MAAA,CACA,IAAKf,EACL,IAAKI,GAAO,QACZ,MAAO,CACN,aAAcD,GAAgB,EAC9B,QAASK,EAAY,OAAS,QAC9B,MAAO,OACP,OAAQ,OACR,UAAW,QACX,GAAGD,CAAA,CACJ,EAVD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAWA,CAAA,EAxCF,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4CF"}

package/dist/cjs/components/side-modal/SideModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),a=require("react"),c=require("react-dom"),s=require("../../assets/icons/cross.svg.js"),u=require("../TypographyStyle.js"),n=require("./SideModal.style.js"),d=require("../button/Button.js"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=m(c),f=e=>{const{closeOnEscapeKey:t,onClose:r}=e;return a.useEffect(()=>{if(!(t??!0))return;const i=l=>{l.key==="Escape"&&r()};return document.addEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)}},[t,r]),b.default.createPortal(o.jsxDEV(n.SideModalStyle,{zIndex:e.zIndex,children:o.jsxDEV(n.SideModalContainer,{width:e.width,children:[o.jsxDEV(n.SideModalHeader,{headerStyle:{...e.headerStyle},children:[e?.headerCustomComponent||o.jsxDEV(u.TitleMedium,{children:e.header},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:68,columnNumber:7},void 0),!e.hideCrossButton&&o.jsxDEV(s.default,{width:24,height:24,onClick:e.onClose},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:71,columnNumber:7},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:62,columnNumber:5},void 0),o.jsxDEV(n.SideModalBody,{hideFooter:e.hideFooter,bodyStyle:{...e.bodyStyle},children:[e.children," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:74,columnNumber:5},void 0),e.hideFooter===!0?null:o.jsxDEV(n.SideModalFooter,{footerDirection:e.footerDirection,footerStyle:{...e.footerStyle},children:[(e.saveButtonProps||e.cancelButtonProps)&&o.jsxDEV(n.FooterButtonWrapper,{footerDirection:e.footerDirection,children:[e.saveButtonProps&&o.jsxDEV(d.Button,{...e.saveButtonProps},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:91,columnNumber:35},void 0),e.cancelButtonProps&&o.jsxDEV(d.Button,{...e.cancelButtonProps},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:93,columnNumber:10},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:90,columnNumber:8},void 0),e.footerCustomComponent?e.footerCustomComponent:o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:97,columnNumber:68},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:83,columnNumber:6},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:60,columnNumber:3},void 0),e.element??document.body)};exports.SideModal=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),d=require("react"),l=require("react-dom"),m=require("../../assets/icons/cross.svg.js"),c=require("../TypographyStyle.js"),n=require("./SideModal.style.js"),a=require("../button/Button.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=u(l),f=e=>{const{closeOnEscapeKey:i,onClose:t}=e;return d.useEffect(()=>{if(!(i??!0))return;const r=s=>{s.key==="Escape"&&t()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[i,t]),b.default.createPortal(o.jsxDEV(n.SideModalStyle,{zIndex:e.zIndex,children:o.jsxDEV(n.SideModalContainer,{width:e.width,children:[o.jsxDEV(n.SideModalHeader,{headerStyle:{...e.headerStyle},children:[e?.headerCustomComponent||o.jsxDEV(c.TitleMedium,{children:e.header},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:68,columnNumber:7},void 0),!e.hideCrossButton&&o.jsxDEV(m.default,{width:24,height:24,onClick:e.onClose},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:71,columnNumber:7},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:62,columnNumber:5},void 0),o.jsxDEV(n.SideModalBody,{hideFooter:e.hideFooter,bodyStyle:{...e.bodyStyle},children:[e.children," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:74,columnNumber:5},void 0),e.hideFooter===!0?null:o.jsxDEV(n.SideModalFooter,{footerDirection:e.footerDirection,footerStyle:{...e.footerStyle},children:[(e.saveButtonProps||e.cancelButtonProps)&&o.jsxDEV(n.FooterButtonWrapper,{footerDirection:e.footerDirection,children:[e.saveButtonProps&&o.jsxDEV(a.Button,{...e.saveButtonProps},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:91,columnNumber:35},void 0),e.cancelButtonProps&&o.jsxDEV(a.Button,{...e.cancelButtonProps},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:93,columnNumber:10},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:90,columnNumber:8},void 0),e.footerCustomComponent?e.footerCustomComponent:o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:97,columnNumber:68},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:83,columnNumber:6},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",lineNumber:60,columnNumber:3},void 0),e.element??document.body)};exports.SideModal=f;
 //# sourceMappingURL=SideModal.js.map

package/dist/cjs/components/side-modal/SideModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideModal.js","sources":["../../../../src/components/side-modal/SideModal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { TitleMedium } from '../TypographyStyle';\nimport {\n\tFooterButtonWrapper,\n\tSideModalBody,\n\tSideModalContainer,\n\tSideModalFooter,\n\tSideModalHeader,\n\tSideModalStyle,\n} from './SideModal.style';\n\nexport interface SideModalProps {\n\theader: string;\n\tchildren: React.ReactNode;\n\theaderCustomComponent?: React.ReactNode;\n\tfooterCustomComponent?: React.ReactNode;\n\tfooterDirection?: 'row' | 'row-reverse';\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tsaveButtonProps?: ButtonProps;\n\tcancelButtonProps?: ButtonProps;\n\tonClose: () => void;\n\tzIndex?: number;\n\thideFooter?: boolean;\n\tbodyStyle?: React.CSSProperties;\n\telement?: Element | DocumentFragment;\n\theaderStyle?: React.CSSProperties;\n\tfooterStyle?: React.CSSProperties;\n\tcloseOnEscapeKey?: boolean;\n}\n\nexport const SideModal: React.FC<SideModalProps> = (props) => {\n\tconst { closeOnEscapeKey, onClose } = props;\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\t// Guard: Escape key must be enabled (default: true)\n\n\t\tconst escapeEnabled = closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [closeOnEscapeKey, onClose]);\n\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer width={props.width}>\n\t\t\t\t<SideModalHeader\n\t\t\t\t\theaderStyle={{\n\t\t\t\t\t\t...props.headerStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props?.headerCustomComponent || (\n\t\t\t\t\t\t<TitleMedium>{props.header}</TitleMedium>\n\t\t\t\t\t)}\n\t\t\t\t\t{!props.hideCrossButton && (\n\t\t\t\t\t\t<CrossIcon width={24} height={24} onClick={props.onClose} />\n\t\t\t\t\t)}{' '}\n\t\t\t\t</SideModalHeader>\n\t\t\t\t<SideModalBody\n\t\t\t\t\thideFooter={props.hideFooter}\n\t\t\t\t\tbodyStyle={{\n\t\t\t\t\t\t...props.bodyStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.children}{' '}\n\t\t\t\t</SideModalBody>\n\t\t\t\t{props.hideFooter === true ? null : (\n\t\t\t\t\t<SideModalFooter\n\t\t\t\t\t\tfooterDirection={props.footerDirection}\n\t\t\t\t\t\tfooterStyle={{\n\t\t\t\t\t\t\t...props.footerStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(props.saveButtonProps || props.cancelButtonProps) && (\n\t\t\t\t\t\t\t<FooterButtonWrapper footerDirection={props.footerDirection}>\n\t\t\t\t\t\t\t\t{props.saveButtonProps && <Button {...props.saveButtonProps} />}\n\t\t\t\t\t\t\t\t{props.cancelButtonProps && (\n\t\t\t\t\t\t\t\t\t<Button {...props.cancelButtonProps} />\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</FooterButtonWrapper>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.footerCustomComponent ? props.footerCustomComponent : <></>}{' '}\n\t\t\t\t\t</SideModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tprops.element ?? document.body,\n\t);\n};\n"],"names":["SideModal","props","closeOnEscapeKey","onClose","useEffect","handleEscapeKey","event","ReactDOM","jsxDEV","SideModalStyle","SideModalContainer","SideModalHeader","TitleMedium","this","CrossIcon","SideModalBody","SideModalFooter","FooterButtonWrapper","Button","Fragment"],"mappings":"qXAmCaA,EAAuCC,GAAU,CAC7D,KAAM,CAAE,iBAAAC,EAAkB,QAAAC,CAAA,EAAYF,EAGtCG,OAAAA,EAAAA,UAAU,IAAM,CAIf,GAAI,EADkBF,GAAoB,IACtB,OAEpB,MAAMG,EAAmBC,GAAyB,CAC7CA,EAAM,MAAQ,UAElBH,EAAA,CACD,EAEA,gBAAS,iBAAiB,UAAWE,CAAe,EAE7C,IAAM,CACZ,SAAS,oBAAoB,UAAWA,CAAe,CACxD,CACD,EAAG,CAACH,EAAkBC,CAAO,CAAC,EAEvBI,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,gBAAe,OAAQR,EAAM,OAC7B,SAAAO,EAAAA,OAACE,EAAAA,mBAAA,CAAmB,MAAOT,EAAM,MAChC,SAAA,CAAAO,EAAAA,OAACG,EAAAA,gBAAA,CACA,YAAa,CACZ,GAAGV,EAAM,WAAA,EAGT,SAAA,CAAAA,GAAO,uBACPO,EAAAA,OAACI,cAAA,CAAa,SAAAX,EAAM,MAAA,EAApB,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAA2B,EAE3B,CAACZ,EAAM,iBACPO,EAAAA,OAACM,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,QAASb,EAAM,OAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAA0D,EACxD,GAAA,CAAA,EAVJ,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAYAL,EAAAA,OAACO,EAAAA,cAAA,CACA,WAAYd,EAAM,WAClB,UAAW,CACV,GAAGA,EAAM,SAAA,EAGT,SAAA,CAAAA,EAAM,SAAU,GAAA,CAAA,EANlB,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAQCZ,EAAM,aAAe,GAAO,KAC5BO,EAAAA,OAACQ,EAAAA,gBAAA,CACA,gBAAiBf,EAAM,gBACvB,YAAa,CACZ,GAAGA,EAAM,WAAA,EAGR,SAAA,EAAAA,EAAM,iBAAmBA,EAAM,6BAC/BgB,EAAAA,oBAAA,CAAoB,gBAAiBhB,EAAM,gBAC1C,SAAA,CAAAA,EAAM,iBAAmBO,EAAAA,OAACU,SAAA,CAAQ,GAAGjB,EAAM,eAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,EAAA,EAAAY,MAAmC,EAC5DZ,EAAM,mBACNO,EAAAA,OAACU,SAAA,CAAQ,GAAGjB,EAAM,iBAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,EAAA,EAAAY,MAAqC,EACnC,GAAA,CAAA,EAJJ,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAEAZ,EAAM,sBAAwBA,EAAM,sBAAwBO,EAAAA,OAAAW,WAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,EAAA,EAAAN,MAAE,EAAK,GAAA,CAAA,EAdrE,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAgBE,GAAA,CAAA,EAtCJ,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuCA,CAAA,EAxCD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyCA,EACAZ,EAAM,SAAW,SAAS,IAAA,CAE5B"}
+{"version":3,"file":"SideModal.js","sources":["../../../../src/components/side-modal/SideModal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { TitleMedium } from '../TypographyStyle';\nimport {\n\tFooterButtonWrapper,\n\tSideModalBody,\n\tSideModalContainer,\n\tSideModalFooter,\n\tSideModalHeader,\n\tSideModalStyle,\n} from './SideModal.style';\n\nexport interface SideModalProps {\n\theader: string;\n\tchildren: React.ReactNode;\n\theaderCustomComponent?: React.ReactNode;\n\tfooterCustomComponent?: React.ReactNode;\n\tfooterDirection?: 'row' | 'row-reverse';\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tsaveButtonProps?: ButtonProps;\n\tcancelButtonProps?: ButtonProps;\n\tonClose: () => void;\n\tzIndex?: number;\n\thideFooter?: boolean;\n\tbodyStyle?: React.CSSProperties;\n\telement?: Element | DocumentFragment;\n\theaderStyle?: React.CSSProperties;\n\tfooterStyle?: React.CSSProperties;\n\tcloseOnEscapeKey?: boolean;\n}\n\nexport const SideModal: React.FC<SideModalProps> = (props) => {\n\tconst { closeOnEscapeKey, onClose } = props;\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\t// Guard: Escape key must be enabled (default: true)\n\n\t\tconst escapeEnabled = closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [closeOnEscapeKey, onClose]);\n\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer width={props.width}>\n\t\t\t\t<SideModalHeader\n\t\t\t\t\theaderStyle={{\n\t\t\t\t\t\t...props.headerStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props?.headerCustomComponent || (\n\t\t\t\t\t\t<TitleMedium>{props.header}</TitleMedium>\n\t\t\t\t\t)}\n\t\t\t\t\t{!props.hideCrossButton && (\n\t\t\t\t\t\t<CrossIcon width={24} height={24} onClick={props.onClose} />\n\t\t\t\t\t)}{' '}\n\t\t\t\t</SideModalHeader>\n\t\t\t\t<SideModalBody\n\t\t\t\t\thideFooter={props.hideFooter}\n\t\t\t\t\tbodyStyle={{\n\t\t\t\t\t\t...props.bodyStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.children}{' '}\n\t\t\t\t</SideModalBody>\n\t\t\t\t{props.hideFooter === true ? null : (\n\t\t\t\t\t<SideModalFooter\n\t\t\t\t\t\tfooterDirection={props.footerDirection}\n\t\t\t\t\t\tfooterStyle={{\n\t\t\t\t\t\t\t...props.footerStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(props.saveButtonProps || props.cancelButtonProps) && (\n\t\t\t\t\t\t\t<FooterButtonWrapper footerDirection={props.footerDirection}>\n\t\t\t\t\t\t\t\t{props.saveButtonProps && <Button {...props.saveButtonProps} />}\n\t\t\t\t\t\t\t\t{props.cancelButtonProps && (\n\t\t\t\t\t\t\t\t\t<Button {...props.cancelButtonProps} />\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</FooterButtonWrapper>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.footerCustomComponent ? props.footerCustomComponent : <></>}{' '}\n\t\t\t\t\t</SideModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tprops.element ?? document.body,\n\t);\n};\n"],"names":["SideModal","props","closeOnEscapeKey","onClose","useEffect","handleEscapeKey","event","ReactDOM","jsxDEV","SideModalStyle","SideModalContainer","SideModalHeader","TitleMedium","this","CrossIcon","SideModalBody","SideModalFooter","FooterButtonWrapper","Button","Fragment"],"mappings":"qXAmCaA,EAAuCC,GAAU,CAC7D,KAAM,CAAE,iBAAAC,EAAkB,QAAAC,CAAA,EAAYF,EAGtCG,OAAAA,EAAAA,UAAU,IAAM,CAIf,GAAI,EADkBF,GAAoB,IACtB,OAEpB,MAAMG,EAAmBC,GAAyB,CAC7CA,EAAM,MAAQ,UAElBH,EAAA,CACD,EAEA,gBAAS,iBAAiB,UAAWE,CAAe,EAE7C,IAAM,CACZ,SAAS,oBAAoB,UAAWA,CAAe,CACxD,CACD,EAAG,CAACH,EAAkBC,CAAO,CAAC,EAEvBI,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,gBAAe,OAAQR,EAAM,OAC7B,SAAAO,EAAAA,OAACE,EAAAA,mBAAA,CAAmB,MAAOT,EAAM,MAChC,SAAA,CAAAO,EAAAA,OAACG,EAAAA,gBAAA,CACA,YAAa,CACZ,GAAGV,EAAM,WAAA,EAGT,SAAA,CAAAA,GAAO,uBACPO,EAAAA,OAACI,cAAA,CAAa,SAAAX,EAAM,MAAA,EAApB,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAA2B,EAE3B,CAACZ,EAAM,iBACPO,EAAAA,OAACM,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,QAASb,EAAM,OAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAA0D,EACxD,GAAA,CAAA,EAVJ,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAYAL,EAAAA,OAACO,EAAAA,cAAA,CACA,WAAYd,EAAM,WAClB,UAAW,CACV,GAAGA,EAAM,SAAA,EAGT,SAAA,CAAAA,EAAM,SAAU,GAAA,CAAA,EANlB,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAQCZ,EAAM,aAAe,GAAO,KAC5BO,EAAAA,OAACQ,EAAAA,gBAAA,CACA,gBAAiBf,EAAM,gBACvB,YAAa,CACZ,GAAGA,EAAM,WAAA,EAGR,SAAA,EAAAA,EAAM,iBAAmBA,EAAM,6BAC/BgB,EAAAA,oBAAA,CAAoB,gBAAiBhB,EAAM,gBAC1C,SAAA,CAAAA,EAAM,iBAAmBO,EAAAA,OAACU,SAAA,CAAQ,GAAGjB,EAAM,eAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,EAAA,EAAAY,MAAmC,EAC5DZ,EAAM,mBACNO,EAAAA,OAACU,SAAA,CAAQ,GAAGjB,EAAM,iBAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,EAAA,EAAAY,MAAqC,EACnC,GAAA,CAAA,EAJJ,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAEAZ,EAAM,sBAAwBA,EAAM,sBAAwBO,EAAAA,OAAAW,WAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,EAAA,EAAAN,MAAE,EAAK,GAAA,CAAA,EAdrE,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAgBE,GAAA,CAAA,EAtCJ,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuCA,CAAA,EAxCD,OAAA,GAAA,CAAA,SAAA,6HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyCA,EACAZ,EAAM,SAAW,SAAS,IAAA,CAE5B"}

package/dist/cjs/components/slider/slider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-dev-runtime"),r=require("react"),f=require("../../constants/Theme.js"),T=t=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:t?"not-allowed":"pointer",opacity:t?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:f.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},filledTrackDragging:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:f.COLORS.background.brand,borderRadius:"4px",transition:"none"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:f.COLORS.background.brand,border:`2px solid ${f.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:t?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:f.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}),U=({min:t=0,max:a=100,defaultValue:h,onChange:c,step:b=1,disabled:o=!1})=>{const M=h!==void 0?h:t,[l,m]=r.useState(M),[i,E]=r.useState(!1),[p,S]=r.useState(!1),[L,g]=r.useState(!1),x=r.useRef(null),N=r.useRef(null),s=r.useMemo(()=>T(o),[o]);r.useEffect(()=>{m(h!==void 0?h:t)},[h,t]);const v=r.useCallback(e=>{if(!x.current)return t;const n=x.current.getBoundingClientRect(),u=Math.max(0,Math.min(1,(e-n.left)/n.width)),O=t+u*(a-t),P=Math.round(O/b)*b;return Math.max(t,Math.min(a,P))},[t,a,b]),R=r.useCallback(e=>{if(o)return;e.preventDefault(),E(!0),g(!0);const n=v(e.clientX);m(n);const u=new Event("change",{bubbles:!0});c(u,n)},[o,v,c]),k=r.useCallback(e=>{if(!i||o)return;const n=v(e.clientX);m(n);const u=new Event("change",{bubbles:!0});c(u,n)},[i,o,v,c]),w=r.useCallback(()=>{E(!1),g(!1)},[]),V=r.useCallback(e=>{if(o)return;let n=l;switch(e.key){case"ArrowLeft":case"ArrowDown":n=Math.max(t,l-b);break;case"ArrowRight":case"ArrowUp":n=Math.min(a,l+b);break;case"Home":n=t;break;case"End":n=a;break;default:return}e.preventDefault(),m(n);const u=new Event("change",{bubbles:!0});c(u,n)},[o,l,t,a,b,c]);r.useEffect(()=>{if(i)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",w),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",w)}},[i,k,w]);const D=(l-t)/(a-t)*100,y=isNaN(D)?0:Math.max(0,Math.min(100,D)),j=r.useMemo(()=>{const e={...s.thumb};return o?{...e,...s.thumbDisabled}:(i?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):p&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${y}%`,e)},[s.thumb,s.thumbDisabled,o,i,p,y]),C=r.useMemo(()=>{const e={...s.valueLabel};return L||p?{...e,...s.valueLabelVisible}:e},[s.valueLabel,s.valueLabelVisible,L,p]);return d.jsxDEV("div",{ref:x,style:s.container,onMouseDown:R,role:"slider","aria-label":"bik slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":l,tabIndex:o?-1:0,onKeyDown:V,children:[d.jsxDEV("div",{style:s.track},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:292,columnNumber:4},void 0),d.jsxDEV("div",{style:{...i?s.filledTrackDragging:s.filledTrack,width:`${y}%`}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:293,columnNumber:4},void 0),d.jsxDEV("div",{ref:N,style:j,onMouseEnter:()=>!o&&S(!0),onMouseLeave:()=>!o&&S(!1),onFocus:()=>!o&&g(!0),onBlur:()=>!o&&g(!1),children:d.jsxDEV("div",{style:C,children:d.jsxDEV("span",{style:s.valueLabelText,children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:308,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:307,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:299,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",lineNumber:280,columnNumber:3},void 0)};exports.BikSlider=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-dev-runtime"),r=require("react"),p=require("../../constants/Theme.js"),U=t=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:t?"not-allowed":"pointer",opacity:t?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:p.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},filledTrackDragging:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:p.COLORS.background.brand,borderRadius:"4px",transition:"none"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:p.COLORS.background.brand,border:`2px solid ${p.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:t?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:p.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}),W=({min:t=0,max:a=100,defaultValue:m,onChange:c,step:b=1,disabled:o=!1})=>{const M=m!==void 0?m:t,[i,h]=r.useState(M),[l,D]=r.useState(!1),[f,E]=r.useState(!1),[S,v]=r.useState(!1),g=r.useRef(null),N=r.useRef(null),s=r.useMemo(()=>U(o),[o]);r.useEffect(()=>{h(m!==void 0?m:t)},[m,t]);const k=r.useCallback(e=>{if(!g.current)return t;const n=g.current.getBoundingClientRect(),u=Math.max(0,Math.min(1,(e-n.left)/n.width)),j=t+u*(a-t),T=Math.round(j/b)*b;return Math.max(t,Math.min(a,T))},[t,a,b]),R=r.useCallback(e=>{if(o)return;e.preventDefault(),D(!0),v(!0);const n=k(e.clientX);h(n);const u=new Event("change",{bubbles:!0});c(u,n)},[o,k,c]),x=r.useCallback(e=>{if(!l||o)return;const n=k(e.clientX);h(n);const u=new Event("change",{bubbles:!0});c(u,n)},[l,o,k,c]),w=r.useCallback(()=>{D(!1),v(!1)},[]),V=r.useCallback(e=>{if(o)return;let n=i;switch(e.key){case"ArrowLeft":case"ArrowDown":n=Math.max(t,i-b);break;case"ArrowRight":case"ArrowUp":n=Math.min(a,i+b);break;case"Home":n=t;break;case"End":n=a;break;default:return}e.preventDefault(),h(n);const u=new Event("change",{bubbles:!0});c(u,n)},[o,i,t,a,b,c]);r.useEffect(()=>{if(l)return document.addEventListener("mousemove",x),document.addEventListener("mouseup",w),()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",w)}},[l,x,w]);const L=(i-t)/(a-t)*100,y=isNaN(L)?0:Math.max(0,Math.min(100,L)),C=r.useMemo(()=>{const e={...s.thumb};return o?{...e,...s.thumbDisabled}:(l?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):f&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${y}%`,e)},[s.thumb,s.thumbDisabled,o,l,f,y]),O=r.useMemo(()=>{const e={...s.valueLabel};return S||f?{...e,...s.valueLabelVisible}:e},[s.valueLabel,s.valueLabelVisible,S,f]);return d.jsxDEV("div",{ref:g,style:s.container,onMouseDown:R,role:"slider","aria-label":"bik slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":i,tabIndex:o?-1:0,onKeyDown:V,children:[d.jsxDEV("div",{style:s.track},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:292,columnNumber:4},void 0),d.jsxDEV("div",{style:{...l?s.filledTrackDragging:s.filledTrack,width:`${y}%`}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:293,columnNumber:4},void 0),d.jsxDEV("div",{ref:N,style:C,onMouseEnter:()=>!o&&E(!0),onMouseLeave:()=>!o&&E(!1),onFocus:()=>!o&&v(!0),onBlur:()=>!o&&v(!1),children:d.jsxDEV("div",{style:O,children:d.jsxDEV("span",{style:s.valueLabelText,children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:308,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:307,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:299,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",lineNumber:280,columnNumber:3},void 0)};exports.BikSlider=W;
 //# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface SliderBikProps {\n\tmin?: number;\n\tmax?: number;\n\tdefaultValue?: number;\n\tonChange: (event: Event, value: number) => void;\n\tstep?: number;\n\tdisabled?: boolean;\n}\n\ninterface SliderStyles {\n\tcontainer: React.CSSProperties;\n\ttrack: React.CSSProperties;\n\tfilledTrack: React.CSSProperties;\n\tfilledTrackDragging: React.CSSProperties;\n\tthumb: React.CSSProperties;\n\tthumbDisabled: React.CSSProperties;\n\tvalueLabel: React.CSSProperties;\n\tvalueLabelVisible: React.CSSProperties;\n\tvalueLabelText: React.CSSProperties;\n}\n\nconst getSliderStyles = (disabled: boolean): SliderStyles => ({\n\tcontainer: {\n\t\tposition: 'relative',\n\t\tmarginTop: '30px',\n\t\theight: '8px',\n\t\twidth: '100%',\n\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\topacity: disabled ? 0.5 : 1,\n\t},\n\ttrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: '#E0E0E0',\n\t\tborderRadius: '4px',\n\t},\n\tfilledTrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'width 0.1s ease',\n\t},\n\tfilledTrackDragging: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'none',\n\t},\n\tthumb: {\n\t\tposition: 'absolute',\n\t\ttop: '50%',\n\t\twidth: '24px',\n\t\theight: '24px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborder: `2px solid ${COLORS.background.brand}`,\n\t\tborderRadius: '50%',\n\t\ttransform: 'translate(-50%, -50%)',\n\t\tcursor: disabled ? 'not-allowed' : 'grab',\n\t\ttransition: 'box-shadow 0.2s ease',\n\t\toutline: 'none',\n\t\tzIndex: 1,\n\t},\n\tthumbDisabled: {\n\t\tcursor: 'not-allowed',\n\t},\n\tvalueLabel: {\n\t\tposition: 'absolute',\n\t\tbottom: '100%',\n\t\tleft: '50%',\n\t\tmarginBottom: '16px',\n\t\twidth: '32px',\n\t\theight: '32px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '50% 50% 50% 0',\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(0)',\n\t\ttransformOrigin: 'bottom left',\n\t\ttransition: 'transform 0.2s ease',\n\t\tpointerEvents: 'none',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tvalueLabelVisible: {\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(1)',\n\t},\n\tvalueLabelText: {\n\t\ttransform: 'rotate(45deg)',\n\t\tcolor: 'white',\n\t\tfontSize: '12px',\n\t\tlineHeight: 1.2,\n\t\tfontWeight: 500,\n\t},\n});\n\nexport const BikSlider: React.FC<SliderBikProps> = ({\n\tmin = 0,\n\tmax = 100,\n\tdefaultValue,\n\tonChange,\n\tstep = 1,\n\tdisabled = false,\n}: SliderBikProps) => {\n\t// Ensure we always have a valid number for the initial value\n\tconst initialValue = defaultValue !== undefined ? defaultValue : min;\n\tconst [value, setValue] = useState(initialValue);\n\tconst [isDragging, setIsDragging] = useState(false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [showValueLabel, setShowValueLabel] = useState(false);\n\tconst sliderRef = useRef<HTMLDivElement>(null);\n\tconst thumbRef = useRef<HTMLDivElement>(null);\n\n\tconst styles = useMemo(() => getSliderStyles(disabled), [disabled]);\n\n\t// Update value when defaultValue changes\n\tuseEffect(() => {\n\t\tconst newValue = defaultValue !== undefined ? defaultValue : min;\n\t\tsetValue(newValue);\n\t}, [defaultValue, min]);\n\n\tconst calculateValueFromPosition = useCallback(\n\t\t(clientX: number) => {\n\t\t\tif (!sliderRef.current) return min;\n\n\t\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\t\tconst percentage = Math.max(\n\t\t\t\t0,\n\t\t\t\tMath.min(1, (clientX - rect.left) / rect.width),\n\t\t\t);\n\t\t\tconst rawValue = min + percentage * (max - min);\n\t\t\tconst steppedValue = Math.round(rawValue / step) * step;\n\t\t\treturn Math.max(min, Math.min(max, steppedValue));\n\t\t},\n\t\t[min, max, step],\n\t);\n\n\tconst handleMouseDown = useCallback(\n\t\t(event: React.MouseEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tsetIsDragging(true);\n\t\t\tsetShowValueLabel(true);\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseMove = useCallback(\n\t\t(event: MouseEvent) => {\n\t\t\tif (!isDragging || disabled) return;\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[isDragging, disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseUp = useCallback(() => {\n\t\tsetIsDragging(false);\n\t\tsetShowValueLabel(false);\n\t}, []);\n\n\tconst handleKeyDown = useCallback(\n\t\t(event: React.KeyboardEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tlet newValue = value;\n\n\t\t\tswitch (event.key) {\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnewValue = Math.max(min, value - step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnewValue = Math.min(max, value + step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnewValue = min;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnewValue = max;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, value, min, max, step, onChange],\n\t);\n\n\t// Add global mouse event listeners\n\tuseEffect(() => {\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t\t};\n\t\t}\n\t}, [isDragging, handleMouseMove, handleMouseUp]);\n\n\tconst percentage = ((value - min) / (max - min)) * 100;\n\n\t// Safety check to prevent NaN\n\tconst safePercentage = isNaN(percentage)\n\t\t? 0\n\t\t: Math.max(0, Math.min(100, percentage));\n\n\tconst thumbStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.thumb };\n\n\t\tif (disabled) {\n\t\t\treturn { ...baseStyle, ...styles.thumbDisabled };\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.5)';\n\t\t\tbaseStyle.cursor = 'grabbing';\n\t\t} else if (isHovered) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.08)';\n\t\t}\n\n\t\tbaseStyle.left = `${safePercentage}%`;\n\n\t\treturn baseStyle;\n\t}, [\n\t\tstyles.thumb,\n\t\tstyles.thumbDisabled,\n\t\tdisabled,\n\t\tisDragging,\n\t\tisHovered,\n\t\tsafePercentage,\n\t]);\n\n\tconst valueLabelStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.valueLabel };\n\n\t\tif (showValueLabel || isHovered) {\n\t\t\treturn { ...baseStyle, ...styles.valueLabelVisible };\n\t\t}\n\n\t\treturn baseStyle;\n\t}, [styles.valueLabel, styles.valueLabelVisible, showValueLabel, isHovered]);\n\n\treturn (\n\t\t<div\n\t\t\tref={sliderRef}\n\t\t\tstyle={styles.container}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\trole=\"slider\"\n\t\t\taria-label=\"bik slider\"\n\t\t\taria-valuemin={min}\n\t\t\taria-valuemax={max}\n\t\t\taria-valuenow={value}\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t<div style={styles.track} />\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...(isDragging ? styles.filledTrackDragging : styles.filledTrack),\n\t\t\t\t\twidth: `${safePercentage}%`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={thumbRef}\n\t\t\t\tstyle={thumbStyle}\n\t\t\t\tonMouseEnter={() => !disabled && setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => !disabled && setIsHovered(false)}\n\t\t\t\tonFocus={() => !disabled && setShowValueLabel(true)}\n\t\t\t\tonBlur={() => !disabled && setShowValueLabel(false)}\n\t\t\t>\n\t\t\t\t<div style={valueLabelStyle}>\n\t\t\t\t\t<span style={styles.valueLabelText}>{value}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["getSliderStyles","disabled","COLORS","BikSlider","min","max","defaultValue","onChange","step","initialValue","value","setValue","useState","isDragging","setIsDragging","isHovered","setIsHovered","showValueLabel","setShowValueLabel","sliderRef","useRef","thumbRef","styles","useMemo","useEffect","calculateValueFromPosition","useCallback","clientX","rect","percentage","rawValue","steppedValue","handleMouseDown","event","newValue","syntheticEvent","handleMouseMove","handleMouseUp","handleKeyDown","safePercentage","thumbStyle","baseStyle","valueLabelStyle","jsxDEV","this"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface SliderBikProps {\n\tmin?: number;\n\tmax?: number;\n\tdefaultValue?: number;\n\tonChange: (event: Event, value: number) => void;\n\tstep?: number;\n\tdisabled?: boolean;\n}\n\ninterface SliderStyles {\n\tcontainer: React.CSSProperties;\n\ttrack: React.CSSProperties;\n\tfilledTrack: React.CSSProperties;\n\tfilledTrackDragging: React.CSSProperties;\n\tthumb: React.CSSProperties;\n\tthumbDisabled: React.CSSProperties;\n\tvalueLabel: React.CSSProperties;\n\tvalueLabelVisible: React.CSSProperties;\n\tvalueLabelText: React.CSSProperties;\n}\n\nconst getSliderStyles = (disabled: boolean): SliderStyles => ({\n\tcontainer: {\n\t\tposition: 'relative',\n\t\tmarginTop: '30px',\n\t\theight: '8px',\n\t\twidth: '100%',\n\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\topacity: disabled ? 0.5 : 1,\n\t},\n\ttrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: '#E0E0E0',\n\t\tborderRadius: '4px',\n\t},\n\tfilledTrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'width 0.1s ease',\n\t},\n\tfilledTrackDragging: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'none',\n\t},\n\tthumb: {\n\t\tposition: 'absolute',\n\t\ttop: '50%',\n\t\twidth: '24px',\n\t\theight: '24px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborder: `2px solid ${COLORS.background.brand}`,\n\t\tborderRadius: '50%',\n\t\ttransform: 'translate(-50%, -50%)',\n\t\tcursor: disabled ? 'not-allowed' : 'grab',\n\t\ttransition: 'box-shadow 0.2s ease',\n\t\toutline: 'none',\n\t\tzIndex: 1,\n\t},\n\tthumbDisabled: {\n\t\tcursor: 'not-allowed',\n\t},\n\tvalueLabel: {\n\t\tposition: 'absolute',\n\t\tbottom: '100%',\n\t\tleft: '50%',\n\t\tmarginBottom: '16px',\n\t\twidth: '32px',\n\t\theight: '32px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '50% 50% 50% 0',\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(0)',\n\t\ttransformOrigin: 'bottom left',\n\t\ttransition: 'transform 0.2s ease',\n\t\tpointerEvents: 'none',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tvalueLabelVisible: {\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(1)',\n\t},\n\tvalueLabelText: {\n\t\ttransform: 'rotate(45deg)',\n\t\tcolor: 'white',\n\t\tfontSize: '12px',\n\t\tlineHeight: 1.2,\n\t\tfontWeight: 500,\n\t},\n});\n\nexport const BikSlider: React.FC<SliderBikProps> = ({\n\tmin = 0,\n\tmax = 100,\n\tdefaultValue,\n\tonChange,\n\tstep = 1,\n\tdisabled = false,\n}: SliderBikProps) => {\n\t// Ensure we always have a valid number for the initial value\n\tconst initialValue = defaultValue !== undefined ? defaultValue : min;\n\tconst [value, setValue] = useState(initialValue);\n\tconst [isDragging, setIsDragging] = useState(false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [showValueLabel, setShowValueLabel] = useState(false);\n\tconst sliderRef = useRef<HTMLDivElement>(null);\n\tconst thumbRef = useRef<HTMLDivElement>(null);\n\n\tconst styles = useMemo(() => getSliderStyles(disabled), [disabled]);\n\n\t// Update value when defaultValue changes\n\tuseEffect(() => {\n\t\tconst newValue = defaultValue !== undefined ? defaultValue : min;\n\t\tsetValue(newValue);\n\t}, [defaultValue, min]);\n\n\tconst calculateValueFromPosition = useCallback(\n\t\t(clientX: number) => {\n\t\t\tif (!sliderRef.current) return min;\n\n\t\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\t\tconst percentage = Math.max(\n\t\t\t\t0,\n\t\t\t\tMath.min(1, (clientX - rect.left) / rect.width),\n\t\t\t);\n\t\t\tconst rawValue = min + percentage * (max - min);\n\t\t\tconst steppedValue = Math.round(rawValue / step) * step;\n\t\t\treturn Math.max(min, Math.min(max, steppedValue));\n\t\t},\n\t\t[min, max, step],\n\t);\n\n\tconst handleMouseDown = useCallback(\n\t\t(event: React.MouseEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tsetIsDragging(true);\n\t\t\tsetShowValueLabel(true);\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseMove = useCallback(\n\t\t(event: MouseEvent) => {\n\t\t\tif (!isDragging || disabled) return;\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[isDragging, disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseUp = useCallback(() => {\n\t\tsetIsDragging(false);\n\t\tsetShowValueLabel(false);\n\t}, []);\n\n\tconst handleKeyDown = useCallback(\n\t\t(event: React.KeyboardEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tlet newValue = value;\n\n\t\t\tswitch (event.key) {\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnewValue = Math.max(min, value - step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnewValue = Math.min(max, value + step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnewValue = min;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnewValue = max;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, value, min, max, step, onChange],\n\t);\n\n\t// Add global mouse event listeners\n\tuseEffect(() => {\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t\t};\n\t\t}\n\t}, [isDragging, handleMouseMove, handleMouseUp]);\n\n\tconst percentage = ((value - min) / (max - min)) * 100;\n\n\t// Safety check to prevent NaN\n\tconst safePercentage = isNaN(percentage)\n\t\t? 0\n\t\t: Math.max(0, Math.min(100, percentage));\n\n\tconst thumbStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.thumb };\n\n\t\tif (disabled) {\n\t\t\treturn { ...baseStyle, ...styles.thumbDisabled };\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.5)';\n\t\t\tbaseStyle.cursor = 'grabbing';\n\t\t} else if (isHovered) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.08)';\n\t\t}\n\n\t\tbaseStyle.left = `${safePercentage}%`;\n\n\t\treturn baseStyle;\n\t}, [\n\t\tstyles.thumb,\n\t\tstyles.thumbDisabled,\n\t\tdisabled,\n\t\tisDragging,\n\t\tisHovered,\n\t\tsafePercentage,\n\t]);\n\n\tconst valueLabelStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.valueLabel };\n\n\t\tif (showValueLabel || isHovered) {\n\t\t\treturn { ...baseStyle, ...styles.valueLabelVisible };\n\t\t}\n\n\t\treturn baseStyle;\n\t}, [styles.valueLabel, styles.valueLabelVisible, showValueLabel, isHovered]);\n\n\treturn (\n\t\t<div\n\t\t\tref={sliderRef}\n\t\t\tstyle={styles.container}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\trole=\"slider\"\n\t\t\taria-label=\"bik slider\"\n\t\t\taria-valuemin={min}\n\t\t\taria-valuemax={max}\n\t\t\taria-valuenow={value}\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t<div style={styles.track} />\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...(isDragging ? styles.filledTrackDragging : styles.filledTrack),\n\t\t\t\t\twidth: `${safePercentage}%`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={thumbRef}\n\t\t\t\tstyle={thumbStyle}\n\t\t\t\tonMouseEnter={() => !disabled && setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => !disabled && setIsHovered(false)}\n\t\t\t\tonFocus={() => !disabled && setShowValueLabel(true)}\n\t\t\t\tonBlur={() => !disabled && setShowValueLabel(false)}\n\t\t\t>\n\t\t\t\t<div style={valueLabelStyle}>\n\t\t\t\t\t<span style={styles.valueLabelText}>{value}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["getSliderStyles","disabled","COLORS","BikSlider","min","max","defaultValue","onChange","step","initialValue","value","setValue","useState","isDragging","setIsDragging","isHovered","setIsHovered","showValueLabel","setShowValueLabel","sliderRef","useRef","thumbRef","styles","useMemo","useEffect","calculateValueFromPosition","useCallback","clientX","rect","percentage","rawValue","steppedValue","handleMouseDown","event","newValue","syntheticEvent","handleMouseMove","handleMouseUp","handleKeyDown","safePercentage","thumbStyle","baseStyle","valueLabelStyle","jsxDEV","this"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),d=require("styled-components"),t=require("../../constants/Theme.js"),r=require("./themes.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=l(d),o=({size:e,color:s,className:a})=>n.jsxDEV("div",{className:`spinner-container ${a}`,children:n.jsxDEV(i,{width:`${r.SizeMap[e]}px`,height:`${r.SizeMap[e]}px`,size:e,color:s??t.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/spinner/Spinner.tsx",lineNumber:10,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/spinner/Spinner.tsx",lineNumber:9,columnNumber:3},void 0);o.displayName="Spinner";const i=c.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),l=require("styled-components"),i=require("../../constants/Theme.js"),r=require("./themes.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=d(l),t=({size:e,color:s,className:a})=>n.jsxDEV("div",{className:`spinner-container ${a}`,children:n.jsxDEV(o,{width:`${r.SizeMap[e]}px`,height:`${r.SizeMap[e]}px`,size:e,color:s??i.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/spinner/Spinner.tsx",lineNumber:10,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/spinner/Spinner.tsx",lineNumber:9,columnNumber:3},void 0);t.displayName="Spinner";const o=c.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: ${e=>e.size?r.BorderMap[e.size]:5}px solid
 		${e=>e.backgroundColor??"transparent"};
-	border-bottom-color: ${e=>e.color??t.COLORS.stroke.brand};
+	border-bottom-color: ${e=>e.color??i.COLORS.stroke.brand};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -16,5 +16,5 @@
 			transform: rotate(360deg);
 		}
 	}
-`;exports.PureSpinner=i;exports.Spinner=o;
+`;exports.PureSpinner=o;exports.Spinner=t;
 //# sourceMappingURL=Spinner.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),a=require("react"),s=require("../../constants/Theme.js"),h=require("../../assets/icons/starEmpty.svg.js"),p=require("../../assets/icons/starFilled.svg.js"),E=require("../../assets/icons/starFilledV2.svg.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},S=g(a),v=e=>e==="v1"?p.default:E.default,V=({size:e,filled:d,emptyColor:b,filledColor:u,onClick:n,asHovered:c,onHover:m,mode:r,version:f="v1"})=>{const[i,t]=a.useState(!1);a.useEffect(()=>{m?.(i)},[i]),a.useEffect(()=>{c||t(!1)},[c]);const l=S.default.useMemo(()=>v(f),[f]);return c?o.jsxDEV(l,{onClick:()=>{n?.("select")},onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),style:{cursor:"pointer"},width:e,height:e,color:u??s.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:52,columnNumber:4},void 0):i?o.jsxDEV(l,{onMouseLeave:()=>t(!1),onMouseEnter:()=>t(!0),style:{cursor:"pointer"},onClick:()=>{n?.("select")},width:e,height:e,color:u??s.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:68,columnNumber:4},void 0):d?o.jsxDEV(l,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("de-select")},width:e,height:e,color:u??s.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:84,columnNumber:4},void 0):o.jsxDEV(h.default,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("select")},width:e,height:e,color:b??s.COLORS.surface.standard},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:99,columnNumber:3},void 0)};exports.Star=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),o=require("react"),a=require("../../constants/Theme.js"),p=require("../../assets/icons/starEmpty.svg.js"),h=require("../../assets/icons/starFilled.svg.js"),v=require("../../assets/icons/starFilledV2.svg.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=k(o),g=e=>e==="v1"?h.default:v.default,y=({size:e,filled:b,emptyColor:m,filledColor:i,onClick:n,asHovered:u,onHover:d,mode:r,version:f="v1"})=>{const[c,t]=o.useState(!1);o.useEffect(()=>{d?.(c)},[c]),o.useEffect(()=>{u||t(!1)},[u]);const l=E.default.useMemo(()=>g(f),[f]);return u?s.jsxDEV(l,{onClick:()=>{n?.("select")},onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),style:{cursor:"pointer"},width:e,height:e,color:i??a.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:52,columnNumber:4},void 0):c?s.jsxDEV(l,{onMouseLeave:()=>t(!1),onMouseEnter:()=>t(!0),style:{cursor:"pointer"},onClick:()=>{n?.("select")},width:e,height:e,color:i??a.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:68,columnNumber:4},void 0):b?s.jsxDEV(l,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("de-select")},width:e,height:e,color:i??a.COLORS.background.warning.vibrant},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:84,columnNumber:4},void 0):s.jsxDEV(p.default,{onMouseEnter:()=>r!=="VIEW"&&t(!0),onMouseLeave:()=>r!=="VIEW"&&t(!1),style:{cursor:r!=="VIEW"?"pointer":"default"},onClick:()=>{r!=="VIEW"&&n?.("select")},width:e,height:e,color:m??a.COLORS.surface.standard},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",lineNumber:99,columnNumber:3},void 0)};exports.Star=y;
 //# sourceMappingURL=Star.js.map

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

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

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-dev-runtime"),r=require("react"),j=require("styled-components"),h=require("./Star.js"),N=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},R=N(j),k=R.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-dev-runtime"),r=require("react"),k=require("styled-components"),h=require("./Star.js"),j=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},D=j(k),N=D.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`,q=({emptyColor:t,filledColor:u,onChange:f,value:m,maxValue:i,starSize:d,mode:p,version:S="v1"})=>{const[s,a]=r.useState(m??0),[b,g]=r.useState(!1),[o,l]=r.useState(0),v=r.useMemo(()=>Array(i??5).fill(null).map((n,y)=>y+1),[i]);return r.useEffect(()=>{b&&f(s)},[s]),r.useEffect(()=>{g(!0)},[]),c.jsxDEV(k,{children:v.map(e=>c.jsxDEV(h.Star,{asHovered:o?e<=o:!1,size:d??24,filled:o?void 0:e<=s,emptyColor:t,filledColor:u,onClick:n=>{n==="de-select"?e<s?a(e):a(e-1):a(e)},onHover:n=>{l(n?e:0)},mode:p,version:S},e,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/StarRating.tsx",lineNumber:56,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/StarRating.tsx",lineNumber:54,columnNumber:3},void 0)};exports.StarRating=q;
+`,R=({emptyColor:t,filledColor:u,onChange:f,value:m,maxValue:i,starSize:d,mode:p,version:b="v1"})=>{const[s,a]=r.useState(m??0),[v,S]=r.useState(!1),[o,l]=r.useState(0),y=r.useMemo(()=>Array(i??5).fill(null).map((n,g)=>g+1),[i]);return r.useEffect(()=>{v&&f(s)},[s]),r.useEffect(()=>{S(!0)},[]),c.jsxDEV(N,{children:y.map(e=>c.jsxDEV(h.Star,{asHovered:o?e<=o:!1,size:d??24,filled:o?void 0:e<=s,emptyColor:t,filledColor:u,onClick:n=>{n==="de-select"?e<s?a(e):a(e-1):a(e)},onHover:n=>{l(n?e:0)},mode:p,version:b},e,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/StarRating.tsx",lineNumber:56,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/StarRating.tsx",lineNumber:54,columnNumber:3},void 0)};exports.StarRating=R;
 //# sourceMappingURL=StarRating.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("../../constants/Theme.js"),U=require("../../assets/icons/errorIcon.svg.js"),g=require("../../assets/icons/retryIcon.svg.js"),V=require("../../assets/icons/state_icon.svg.js"),L=require("../../assets/icons/successIcon.svg.js"),T=require("../../assets/icons/warningIcon.svg.js"),B=require("../spinner/Spinner.js"),o=require("../TypographyStyle.js"),r=require("./StateComponent.styled.js"),d=require("../button/Button.js");var b=(e=>(e.SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.LOADING="loading",e.RETRY="retry",e.INFO="info",e))(b||{}),p=(e=>(e.CANCEL="cancel",e.OTHER="other",e))(p||{}),h=(e=>(e.SINGLE="SINGLE",e.DOUBLE="DOUBLE",e))(h||{});const O=e=>{const f=()=>{if(t=="success")return n.jsxDEV(L.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:71,columnNumber:11},void 0);if(t=="warning")return n.jsxDEV(T.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:74,columnNumber:11},void 0);if(t=="error")return n.jsxDEV(U.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:77,columnNumber:11},void 0);if(t==="loading")return n.jsxDEV(B.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:80,columnNumber:11},void 0);if(t==="retry")return n.jsxDEV(g.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:83,columnNumber:11},void 0);if(t=="info")return n.jsxDEV(V.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:86,columnNumber:11},void 0)},{states:t,heading:c,subline:m,errorText:u,icon:N=f(),isButtonEnabled:y,type:x,buttonText:k,buttonType:S,onButtonClick:s,leadingIcon:j,width:C,headerImage:l,iconWidth:E,iconHeight:v,closeButtonType:D,secondaryButtonText:P,"data-test":i}=e;return n.jsxDEV(r.StateComponentContainer,{width:C,"data-test":i,children:[n.jsxDEV(r.StateIcon,{iconWidth:E,iconHeight:v,children:l?n.jsxDEV("img",{src:l,width:"100%",height:"auto",alt:""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:114,columnNumber:6},void 0):N},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:112,columnNumber:4},void 0),n.jsxDEV(r.StateHeading,{size:e.size,children:[e.size==="SMALL"&&n.jsxDEV(o.TitleRegular,{children:c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:120,columnNumber:32},void 0),e.size!=="SMALL"&&n.jsxDEV(o.TitleMedium,{children:c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:121,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:119,columnNumber:4},void 0),n.jsxDEV(r.StateSubline,{children:[e.size!=="SMALL"&&n.jsxDEV(o.BodyPrimary,{color:a.COLORS.content.secondary,children:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:125,columnNumber:6},void 0),e.size==="SMALL"&&n.jsxDEV(o.BodySecondary,{color:a.COLORS.content.secondary,children:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:128,columnNumber:6},void 0),u&&n.jsxDEV(o.BodySecondary,{color:a.COLORS.content.negative,style:{marginTop:8,whiteSpace:"pre-line"},children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:133,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:123,columnNumber:4},void 0),e.children??n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:141,columnNumber:23},void 0),y&&n.jsxDEV(n.Fragment,{children:n.jsxDEV(r.ButtonContainer,{size:e.size,children:[x=="DOUBLE"&&n.jsxDEV(d.Button,{"data-test":`${i}-cancel`,onClick:()=>s&&s("cancel"),buttonType:D||"secondary",buttonText:P||"Cancel",matchParentWidth:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:146,columnNumber:8},void 0),n.jsxDEV(d.Button,{"data-test":`${i}-primary`,onClick:()=>s&&s("other"),buttonType:S??"primary",LeadingIcon:j,buttonText:k??"Retry",matchParentWidth:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:156,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:144,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:143,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:111,columnNumber:3},void 0)};exports.ButtonActions=p;exports.ButtonTypes=h;exports.StateComponent=O;exports.StateInterface=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("../../constants/Theme.js"),j=require("../../assets/icons/errorIcon.svg.js"),g=require("../../assets/icons/retryIcon.svg.js"),V=require("../../assets/icons/state_icon.svg.js"),L=require("../../assets/icons/successIcon.svg.js"),T=require("../../assets/icons/warningIcon.svg.js"),B=require("../spinner/Spinner.js"),o=require("../TypographyStyle.js"),r=require("./StateComponent.styled.js"),b=require("../button/Button.js");var d=(e=>(e.SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.LOADING="loading",e.RETRY="retry",e.INFO="info",e))(d||{}),p=(e=>(e.CANCEL="cancel",e.OTHER="other",e))(p||{}),k=(e=>(e.SINGLE="SINGLE",e.DOUBLE="DOUBLE",e))(k||{});const O=e=>{const h=()=>{if(t=="success")return n.jsxDEV(L.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:71,columnNumber:11},void 0);if(t=="warning")return n.jsxDEV(T.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:74,columnNumber:11},void 0);if(t=="error")return n.jsxDEV(j.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:77,columnNumber:11},void 0);if(t==="loading")return n.jsxDEV(B.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:80,columnNumber:11},void 0);if(t==="retry")return n.jsxDEV(g.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:83,columnNumber:11},void 0);if(t=="info")return n.jsxDEV(V.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:86,columnNumber:11},void 0)},{states:t,heading:m,subline:c,errorText:l,icon:f=h(),isButtonEnabled:y,type:N,buttonText:v,buttonType:x,onButtonClick:s,leadingIcon:D,width:S,headerImage:u,iconWidth:C,iconHeight:E,closeButtonType:U,secondaryButtonText:W,"data-test":i}=e;return n.jsxDEV(r.StateComponentContainer,{width:S,"data-test":i,children:[n.jsxDEV(r.StateIcon,{iconWidth:C,iconHeight:E,children:u?n.jsxDEV("img",{src:u,width:"100%",height:"auto",alt:""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:114,columnNumber:6},void 0):f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:112,columnNumber:4},void 0),n.jsxDEV(r.StateHeading,{size:e.size,children:[e.size==="SMALL"&&n.jsxDEV(o.TitleRegular,{children:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:120,columnNumber:32},void 0),e.size!=="SMALL"&&n.jsxDEV(o.TitleMedium,{children:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:121,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:119,columnNumber:4},void 0),n.jsxDEV(r.StateSubline,{children:[e.size!=="SMALL"&&n.jsxDEV(o.BodyPrimary,{color:a.COLORS.content.secondary,children:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:125,columnNumber:6},void 0),e.size==="SMALL"&&n.jsxDEV(o.BodySecondary,{color:a.COLORS.content.secondary,children:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:128,columnNumber:6},void 0),l&&n.jsxDEV(o.BodySecondary,{color:a.COLORS.content.negative,style:{marginTop:8,whiteSpace:"pre-line"},children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:133,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:123,columnNumber:4},void 0),e.children??n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:141,columnNumber:23},void 0),y&&n.jsxDEV(n.Fragment,{children:n.jsxDEV(r.ButtonContainer,{size:e.size,children:[N=="DOUBLE"&&n.jsxDEV(b.Button,{"data-test":`${i}-cancel`,onClick:()=>s&&s("cancel"),buttonType:U||"secondary",buttonText:W||"Cancel",matchParentWidth:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:146,columnNumber:8},void 0),n.jsxDEV(b.Button,{"data-test":`${i}-primary`,onClick:()=>s&&s("other"),buttonType:x??"primary",LeadingIcon:D,buttonText:v??"Retry",matchParentWidth:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:156,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:144,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:143,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states/StateComponent.tsx",lineNumber:111,columnNumber:3},void 0)};exports.ButtonActions=p;exports.ButtonTypes=k;exports.StateComponent=O;exports.StateInterface=d;
 //# sourceMappingURL=StateComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateComponent.js","sources":["../../../../src/components/states/StateComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { Type } from '@src/components/button/model';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorIcon.svg';\nimport RetryIcon from '../../assets/icons/retryIcon.svg';\nimport InfoIcon from '../../assets/icons/state_icon.svg';\nimport SuccessIcon from '../../assets/icons/successIcon.svg';\nimport WarningIcon from '../../assets/icons/warningIcon.svg';\nimport { Button } from '../button';\nimport { Spinner } from '../spinner/Spinner';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '../TypographyStyle';\nimport {\n\tButtonContainer,\n\tStateComponentContainer,\n\tStateHeading,\n\tStateIcon,\n\tStateSubline,\n} from './StateComponent.styled';\n\nexport enum StateInterface {\n\tSUCCESS = 'success',\n\tERROR = 'error',\n\tWARNING = 'warning',\n\tLOADING = 'loading',\n\tRETRY = 'retry',\n\tINFO = 'info',\n}\n\nexport enum ButtonActions {\n\tCANCEL = 'cancel',\n\tOTHER = 'other',\n}\nexport enum ButtonTypes {\n\tSINGLE = 'SINGLE',\n\tDOUBLE = 'DOUBLE',\n}\n\nexport type StateComponentProps = {\n\theaderImage?: string;\n\tstates: StateInterface;\n\theading: string;\n\tsubline: string;\n\terrorText?: string;\n\ticon?: JSX.Element;\n\tisButtonEnabled: boolean;\n\ttype?: ButtonTypes;\n\tbuttonText?: string;\n\tbuttonType?: Type;\n\tbuttonIcon?: React.ReactElement;\n\tonButtonClick?: (buttonClicked: ButtonActions) => void;\n\tleadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\twidth: number;\n\tsize?: 'DEFAULT' | 'SMALL';\n\ticonHeight?: number;\n\ticonWidth?: number;\n\tcloseButtonType?: Type;\n\tsecondaryButtonText?: string;\n\t'data-test'?: string;\n};\n\nexport const StateComponent: React.FC<\n\tReact.PropsWithChildren<StateComponentProps>\n> = (props) => {\n\tconst findIcon = () => {\n\t\tif (states == StateInterface.SUCCESS) {\n\t\t\treturn <SuccessIcon />;\n\t\t}\n\t\tif (states == StateInterface.WARNING) {\n\t\t\treturn <WarningIcon />;\n\t\t}\n\t\tif (states == StateInterface.ERROR) {\n\t\t\treturn <ErrorIcon />;\n\t\t}\n\t\tif (states === StateInterface.LOADING) {\n\t\t\treturn <Spinner size={'large'} />;\n\t\t}\n\t\tif (states === StateInterface.RETRY) {\n\t\t\treturn <RetryIcon />;\n\t\t}\n\t\tif (states == StateInterface.INFO) {\n\t\t\treturn <InfoIcon />;\n\t\t}\n\t};\n\tconst {\n\t\tstates,\n\t\theading,\n\t\tsubline,\n\t\terrorText,\n\t\ticon = findIcon(),\n\t\tisButtonEnabled,\n\t\ttype,\n\t\tbuttonText,\n\t\tbuttonType,\n\t\tonButtonClick,\n\t\tleadingIcon,\n\t\twidth,\n\t\theaderImage,\n\t\ticonWidth,\n\t\ticonHeight,\n\t\tcloseButtonType,\n\t\tsecondaryButtonText,\n\t\t'data-test': dataTest,\n\t} = props;\n\n\treturn (\n\t\t<StateComponentContainer width={width} data-test={dataTest}>\n\t\t\t<StateIcon iconWidth={iconWidth} iconHeight={iconHeight}>\n\t\t\t\t{headerImage ? (\n\t\t\t\t\t<img src={headerImage} width={'100%'} height={'auto'} alt={''} />\n\t\t\t\t) : (\n\t\t\t\t\ticon\n\t\t\t\t)}\n\t\t\t</StateIcon>\n\t\t\t<StateHeading size={props.size}>\n\t\t\t\t{props.size === 'SMALL' && <TitleRegular>{heading}</TitleRegular>}\n\t\t\t\t{props.size !== 'SMALL' && <TitleMedium>{heading}</TitleMedium>}\n\t\t\t</StateHeading>\n\t\t\t<StateSubline>\n\t\t\t\t{props.size !== 'SMALL' && (\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>{subline}</BodyPrimary>\n\t\t\t\t)}\n\t\t\t\t{props.size === 'SMALL' && (\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{subline}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t{errorText && (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\tstyle={{ marginTop: 8, whiteSpace: 'pre-line' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{errorText}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</StateSubline>\n\t\t\t{props.children ?? <></>}\n\t\t\t{isButtonEnabled && (\n\t\t\t\t<>\n\t\t\t\t\t<ButtonContainer size={props.size}>\n\t\t\t\t\t\t{type == ButtonTypes.DOUBLE && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test={`${dataTest}-cancel`}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tonButtonClick && onButtonClick(ButtonActions.CANCEL)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tbuttonType={closeButtonType || 'secondary'}\n\t\t\t\t\t\t\t\tbuttonText={secondaryButtonText || 'Cancel'}\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test={`${dataTest}-primary`}\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tonButtonClick && onButtonClick(ButtonActions.OTHER)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbuttonType={buttonType ?? 'primary'}\n\t\t\t\t\t\t\tLeadingIcon={leadingIcon}\n\t\t\t\t\t\t\tbuttonText={buttonText ?? 'Retry'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ButtonContainer>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</StateComponentContainer>\n\t);\n};\n"],"names":["StateInterface","ButtonActions","ButtonTypes","StateComponent","props","findIcon","states","SuccessIcon","this","WarningIcon","ErrorIcon","jsxDEV","Spinner","RetryIcon","InfoIcon","heading","subline","errorText","icon","isButtonEnabled","type","buttonText","buttonType","onButtonClick","leadingIcon","width","headerImage","iconWidth","iconHeight","closeButtonType","secondaryButtonText","dataTest","StateComponentContainer","StateIcon","StateHeading","TitleRegular","TitleMedium","StateSubline","BodyPrimary","COLORS","BodySecondary","Fragment","ButtonContainer","Button"],"mappings":"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"}
+{"version":3,"file":"StateComponent.js","sources":["../../../../src/components/states/StateComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { Type } from '@src/components/button/model';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorIcon.svg';\nimport RetryIcon from '../../assets/icons/retryIcon.svg';\nimport InfoIcon from '../../assets/icons/state_icon.svg';\nimport SuccessIcon from '../../assets/icons/successIcon.svg';\nimport WarningIcon from '../../assets/icons/warningIcon.svg';\nimport { Button } from '../button';\nimport { Spinner } from '../spinner/Spinner';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '../TypographyStyle';\nimport {\n\tButtonContainer,\n\tStateComponentContainer,\n\tStateHeading,\n\tStateIcon,\n\tStateSubline,\n} from './StateComponent.styled';\n\nexport enum StateInterface {\n\tSUCCESS = 'success',\n\tERROR = 'error',\n\tWARNING = 'warning',\n\tLOADING = 'loading',\n\tRETRY = 'retry',\n\tINFO = 'info',\n}\n\nexport enum ButtonActions {\n\tCANCEL = 'cancel',\n\tOTHER = 'other',\n}\nexport enum ButtonTypes {\n\tSINGLE = 'SINGLE',\n\tDOUBLE = 'DOUBLE',\n}\n\nexport type StateComponentProps = {\n\theaderImage?: string;\n\tstates: StateInterface;\n\theading: string;\n\tsubline: string;\n\terrorText?: string;\n\ticon?: JSX.Element;\n\tisButtonEnabled: boolean;\n\ttype?: ButtonTypes;\n\tbuttonText?: string;\n\tbuttonType?: Type;\n\tbuttonIcon?: React.ReactElement;\n\tonButtonClick?: (buttonClicked: ButtonActions) => void;\n\tleadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\twidth: number;\n\tsize?: 'DEFAULT' | 'SMALL';\n\ticonHeight?: number;\n\ticonWidth?: number;\n\tcloseButtonType?: Type;\n\tsecondaryButtonText?: string;\n\t'data-test'?: string;\n};\n\nexport const StateComponent: React.FC<\n\tReact.PropsWithChildren<StateComponentProps>\n> = (props) => {\n\tconst findIcon = () => {\n\t\tif (states == StateInterface.SUCCESS) {\n\t\t\treturn <SuccessIcon />;\n\t\t}\n\t\tif (states == StateInterface.WARNING) {\n\t\t\treturn <WarningIcon />;\n\t\t}\n\t\tif (states == StateInterface.ERROR) {\n\t\t\treturn <ErrorIcon />;\n\t\t}\n\t\tif (states === StateInterface.LOADING) {\n\t\t\treturn <Spinner size={'large'} />;\n\t\t}\n\t\tif (states === StateInterface.RETRY) {\n\t\t\treturn <RetryIcon />;\n\t\t}\n\t\tif (states == StateInterface.INFO) {\n\t\t\treturn <InfoIcon />;\n\t\t}\n\t};\n\tconst {\n\t\tstates,\n\t\theading,\n\t\tsubline,\n\t\terrorText,\n\t\ticon = findIcon(),\n\t\tisButtonEnabled,\n\t\ttype,\n\t\tbuttonText,\n\t\tbuttonType,\n\t\tonButtonClick,\n\t\tleadingIcon,\n\t\twidth,\n\t\theaderImage,\n\t\ticonWidth,\n\t\ticonHeight,\n\t\tcloseButtonType,\n\t\tsecondaryButtonText,\n\t\t'data-test': dataTest,\n\t} = props;\n\n\treturn (\n\t\t<StateComponentContainer width={width} data-test={dataTest}>\n\t\t\t<StateIcon iconWidth={iconWidth} iconHeight={iconHeight}>\n\t\t\t\t{headerImage ? (\n\t\t\t\t\t<img src={headerImage} width={'100%'} height={'auto'} alt={''} />\n\t\t\t\t) : (\n\t\t\t\t\ticon\n\t\t\t\t)}\n\t\t\t</StateIcon>\n\t\t\t<StateHeading size={props.size}>\n\t\t\t\t{props.size === 'SMALL' && <TitleRegular>{heading}</TitleRegular>}\n\t\t\t\t{props.size !== 'SMALL' && <TitleMedium>{heading}</TitleMedium>}\n\t\t\t</StateHeading>\n\t\t\t<StateSubline>\n\t\t\t\t{props.size !== 'SMALL' && (\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>{subline}</BodyPrimary>\n\t\t\t\t)}\n\t\t\t\t{props.size === 'SMALL' && (\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{subline}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t{errorText && (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\tstyle={{ marginTop: 8, whiteSpace: 'pre-line' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{errorText}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</StateSubline>\n\t\t\t{props.children ?? <></>}\n\t\t\t{isButtonEnabled && (\n\t\t\t\t<>\n\t\t\t\t\t<ButtonContainer size={props.size}>\n\t\t\t\t\t\t{type == ButtonTypes.DOUBLE && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test={`${dataTest}-cancel`}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tonButtonClick && onButtonClick(ButtonActions.CANCEL)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tbuttonType={closeButtonType || 'secondary'}\n\t\t\t\t\t\t\t\tbuttonText={secondaryButtonText || 'Cancel'}\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test={`${dataTest}-primary`}\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tonButtonClick && onButtonClick(ButtonActions.OTHER)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbuttonType={buttonType ?? 'primary'}\n\t\t\t\t\t\t\tLeadingIcon={leadingIcon}\n\t\t\t\t\t\t\tbuttonText={buttonText ?? 'Retry'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ButtonContainer>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</StateComponentContainer>\n\t);\n};\n"],"names":["StateInterface","ButtonActions","ButtonTypes","StateComponent","props","findIcon","states","SuccessIcon","this","WarningIcon","ErrorIcon","jsxDEV","Spinner","RetryIcon","InfoIcon","heading","subline","errorText","icon","isButtonEnabled","type","buttonText","buttonType","onButtonClick","leadingIcon","width","headerImage","iconWidth","iconHeight","closeButtonType","secondaryButtonText","dataTest","StateComponentContainer","StateIcon","StateHeading","TitleRegular","TitleMedium","StateSubline","BodyPrimary","COLORS","BodySecondary","Fragment","ButtonContainer","Button"],"mappings":"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"}